Function _DataExportPicker

docs/app/js/sanddance-app.js:11626–11750

(props1)

    ]
];
function _DataExportPicker(props1) {
    class __DataExportPicker extends (0, _base.base).react.Component {
        constructor(props){
            super(props);
            this.state = this.getInitialState(this.props);
        }
        getInitialState(props) {
            const initialState = {
                initializer: props.initializer,
                dialogHidden: true,
                exportType: exportTypes[0][0],
                fileName: props.initializer.fileName,
                fileNameError: "",
                working: false
            };
            return initialState;
        }
        componentDidUpdate() {
            if (!(0, _sanddanceReact.util).deepCompare(this.props.initializer, this.state.initializer)) this.setState(this.getInitialState(this.props));
        }
        // Converts to dataExport type and calls dataExportHandler to deal with data
        createExport(exportType, displayName) {
            const final = (data)=>{
                this.props.dataExportHandler(data, exportType, displayName);
                this.close();
            };
            const json = JSON.stringify(this.props.data, columnReplacer);
            switch(exportType){
                case "json":
                    final(json);
                    break;
                case "csv":
                    final((0, _exportDelimited.convertToDelimited)(JSON.parse(json), ","));
                    break;
                case "tsv":
                    final((0, _exportDelimited.convertToDelimited)(JSON.parse(json), "	"));
                    break;
                case "html":
                    {
                        const csv = (0, _exportDelimited.convertToDelimited)(JSON.parse(json), ",");
                        const html = (0, _dataExporterHtml.embedHtml)(`${(0, _language.strings).appName} - ${escape(displayName)}`, embedScript(csv, displayName));
                        final(html);
                    }
            }
        }
        close() {
            this.setState({
                dialogHidden: true,
                working: false
            });
        }
        render() {
            const closeDialog = ()=>this.close();
            if (this.state.delayAction) requestAnimationFrame(()=>{
                //allow render to complete
                if (this.state.delayAction) {
                    this.state.delayAction();
                    this.setState({