Method render

docs/app/js/sanddance-app.js:11677–11747

()

            });
        }
        render() {
            const closeDialog = ()=>this.close();
            if (this.state.delayAction) requestAnimationFrame(()=>{
                //allow render to complete
                if (this.state.delayAction) {
                    this.state.delayAction();
                    this.setState({
                        delayAction: null
                    });
                }
            });
            const disabled = this.state.working || this.state.dialogHidden;
            return (0, _base.base).react.createElement("div", {
                className: "sanddance-dataExporter"
            }, (0, _base.base).react.createElement((0, _base.base).fluentUI.DefaultButton, {
                className: "search-action search-bottom-action",
                text: (0, _language.strings).buttonExportCount(this.props.data.length),
                onClick: ()=>this.setState({
                        dialogHidden: false
                    }),
                disabled: this.props.disabled
            }), (0, _base.base).react.createElement((0, _dialog.Dialog), {
                hidden: this.state.dialogHidden,
                onDismiss: closeDialog,
                dialogContentProps: {
                    className: `sanddance-dialog ${this.props.theme}`,
                    type: (0, _base.base).fluentUI.DialogType.normal,
                    title: (0, _language.strings).labelExport
                },
                buttons: [
                    (0, _base.base).react.createElement((0, _base.base).fluentUI.PrimaryButton, {
                        key: 0,
                        disabled: disabled || !!this.state.fileNameError,
                        onClick: (e)=>this.setState({
                                delayAction: ()=>this.createExport(this.state.exportType, this.state.fileName),
                                working: true
                            }),
                        text: (0, _language.strings).buttonExport,
                        iconProps: {
                            iconName: "Download"
                        }
                    })
                ]
            }, (0, _base.base).react.createElement((0, _base.base).fluentUI.TextField, {
                label: (0, _language.strings).labelExportFileName,
                onChange: (e, displayName)=>{
                    const displayNameError = getFileNameError(displayName);
                    this.setState({
                        fileName: displayName,
                        fileNameError: displayNameError
                    });
                },
                errorMessage: this.state.fileNameError,
                value: this.state.fileName
            }), (0, _base.base).react.createElement((0, _base.base).fluentUI.ChoiceGroup, {
                className: "sanddance-form-separate",
                disabled: disabled,
                options: exportTypes.map(([exportType, text])=>{