@deephaven/console 0.22.3-beta.18 → 0.22.3-beta.21

package/dist/csv/CsvInputBar.js

@@ -1,5 +1,4 @@
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 import React, { Component } from 'react';
 import classNames from 'classnames';
 import { Button, Checkbox } from '@deephaven/components';
@@ -17,16 +16,13 @@ var TYPE_OPTIONS = Object.entries(CsvFormats.TYPES).map(_ref => {
     value: key
   }, value.name);
 });
-
 /**
  * Input controls for CSV upload.
  */
 class CsvInputBar extends Component {
   constructor(props) {
     super(props);
-
     _defineProperty(this, "inputRef", void 0);
-
     this.handleUpload = this.handleUpload.bind(this);
     this.handleCancel = this.handleCancel.bind(this);
     this.handleError = this.handleError.bind(this);
@@ -45,11 +41,10 @@ class CsvInputBar extends Component {
       type: CsvFormats.DEFAULT_TYPE,
       parser: null
     };
-  } // React documentation says it is fine to update state inside an if statment
+  }
 
+  // React documentation says it is fine to update state inside an if statment
   /* eslint-disable react/no-did-update-set-state */
-
-
   componentDidUpdate(prevProps) {
     var {
       file,
@@ -58,11 +53,10 @@ class CsvInputBar extends Component {
     var {
       tableName,
       tableNameSet
-    } = this.state; // Set the table name from a file
-
+    } = this.state;
+    // Set the table name from a file
     if (!tableNameSet && file != null && !tableName) {
       var _this$inputRef$curren;
-
       var dotIndex = file.name.lastIndexOf('.');
       var fileTableName = DbNameValidator.legalizeTableName(file.name.substring(0, dotIndex));
       this.setState({
@@ -76,14 +70,14 @@ class CsvInputBar extends Component {
         tableName: '',
         tableNameSet: false
       });
-    } // Focus the name input field on paste
-
+    }
 
+    // Focus the name input field on paste
     if (paste != null && paste !== '' && !tableName && this.inputRef.current) {
       this.inputRef.current.focus();
-    } // Determine parser type by file extension
-
+    }
 
+    // Determine parser type by file extension
     if (file != null && file !== prevProps.file) {
       this.setState({
         type: CsvFormats.fromExtension(file.name)
@@ -94,24 +88,20 @@ class CsvInputBar extends Component {
       });
     }
   }
-
   componentWillUnmount() {
     var {
       parser
     } = this.state;
-
     if (parser) {
       parser.cancel();
     }
   }
-
   handleCancel() {
     var {
       onClose
     } = this.props;
     onClose();
   }
-
   handleError(e) {
     var {
       onClose,
@@ -121,14 +111,12 @@ class CsvInputBar extends Component {
     onError(e);
     onClose();
   }
-
   handleTableName(event) {
     this.setState({
       tableName: event.target.value,
       tableNameSet: true
     });
   }
-
   toggleFirstRowHeaders() {
     var {
       isFirstRowHeaders
@@ -137,7 +125,6 @@ class CsvInputBar extends Component {
       isFirstRowHeaders: !isFirstRowHeaders
     });
   }
-
   handleUpload(event) {
     event.stopPropagation();
     event.preventDefault();
@@ -145,7 +132,6 @@ class CsvInputBar extends Component {
       file,
       paste
     } = this.props;
-
     if (file != null) {
       if (file.name.endsWith('.zip')) {
         this.handleZipFile(file);
@@ -158,7 +144,6 @@ class CsvInputBar extends Component {
       }));
     }
   }
-
   handleFile(file) {
     var isZip = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     log.info("Starting CSV parser for ".concat(file instanceof File ? file.name : 'pasted values', " ").concat(isZip ? '' : file.size, " bytes"));
@@ -172,7 +157,6 @@ class CsvInputBar extends Component {
       isFirstRowHeaders,
       type
     } = this.state;
-
     var handleParseDone = tables => {
       // Do not bother merging just one table
       if (tables.length === 1) {
@@ -184,7 +168,6 @@ class CsvInputBar extends Component {
         }).catch(e => this.handleError(e));
       }
     };
-
     var parser = new CsvParser({
       onFileCompleted: handleParseDone,
       session,
@@ -200,28 +183,24 @@ class CsvInputBar extends Component {
     this.setState({
       showProgress: true,
       parser
-    }); // Note that calling onClose will set in progress to false
-
+    });
+    // Note that calling onClose will set in progress to false
     onInProgress(true);
   }
-
   handleZipFile(zipFile) {
     var {
       onUpdate,
       unzip
     } = this.props;
-
     if (unzip == null) {
       this.handleError(new Error('No support for zip files available.'));
       return;
     }
-
     unzip(zipFile).then(files => {
-      var csvFound = false; // Find the first Csv file in the zip and use that
-
+      var csvFound = false;
+      // Find the first Csv file in the zip and use that
       for (var i = 0; i < files.length; i += 1) {
         var f = files[i];
-
         if (CsvOverlay.isValidExtension(f.name)) {
           onUpdate("Loading ".concat(f.name, " as csv from ").concat(zipFile.name));
           csvFound = true;
@@ -229,29 +208,25 @@ class CsvInputBar extends Component {
           break;
         }
       }
-
       if (!csvFound) {
         throw new Error("No csv file found in ".concat(zipFile.name));
       }
     }).catch(e => this.handleError(e));
   }
-
   handleProgress(progressValue) {
     var {
       showProgress
     } = this.state;
-
     if (showProgress) {
       this.setState({
         progressValue
       });
-    } // Indicates to the caller that the upload has been cancelled
-
-
+    }
+    // Indicates to the caller that the upload has been cancelled
     return !showProgress;
-  } // Cancels an in progress upload
-
+  }
 
+  // Cancels an in progress upload
   handleCancelInProgress() {
     var {
       onInProgress
@@ -259,18 +234,15 @@ class CsvInputBar extends Component {
     var {
       parser
     } = this.state;
-
     if (parser) {
       parser.cancel();
     }
-
     this.setState({
       showProgress: false,
       progressValue: 0
     });
     onInProgress(false);
   }
-
   openTable() {
     var {
       onOpenTable,
@@ -282,13 +254,11 @@ class CsvInputBar extends Component {
     onOpenTable(tableName);
     onClose();
   }
-
   handleQueryTypeChange(event) {
     this.setState({
       type: event.target.value
     });
   }
-
   render() {
     var {
       file,
@@ -300,8 +270,8 @@ class CsvInputBar extends Component {
       showProgress,
       progressValue,
       type
-    } = this.state; // A blank table name is invalid for pasted values
-
+    } = this.state;
+    // A blank table name is invalid for pasted values
     var isNameInvalid = Boolean(paste) && !tableName;
     return /*#__PURE__*/React.createElement("div", {
       className: "csv-input-bar"
@@ -360,14 +330,11 @@ class CsvInputBar extends Component {
       onClick: this.handleCancelInProgress
     }, "Cancel")));
   }
-
 }
-
 _defineProperty(CsvInputBar, "defaultProps", {
   file: null,
   paste: null,
   unzip: null
 });
-
 export default CsvInputBar;
 //# sourceMappingURL=CsvInputBar.js.map

package/dist/csv/CsvInputBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"CsvInputBar.js","names":["React","Component","classNames","Button","Checkbox","Log","DbNameValidator","CsvOverlay","CsvParser","CsvFormats","log","module","TYPE_OPTIONS","Object","entries","TYPES","map","key","value","name","CsvInputBar","constructor","props","handleUpload","bind","handleCancel","handleError","handleTableName","toggleFirstRowHeaders","handleProgress","handleCancelInProgress","handleQueryTypeChange","inputRef","createRef","state","tableName","tableNameSet","isFirstRowHeaders","showProgress","progressValue","type","DEFAULT_TYPE","parser","componentDidUpdate","prevProps","file","paste","dotIndex","lastIndexOf","fileTableName","legalizeTableName","substring","setState","current","focus","fromExtension","undefined","AUTO","componentWillUnmount","cancel","onClose","e","onError","error","event","target","stopPropagation","preventDefault","endsWith","handleZipFile","handleFile","Blob","isZip","info","File","size","session","timeZone","onInProgress","handleParseDone","tables","length","bindTableToVariable","then","openTable","catch","mergeTables","table","forEach","t","close","onFileCompleted","readHeaders","onProgress","parse","zipFile","onUpdate","unzip","Error","files","csvFound","i","f","isValidExtension","onOpenTable","render","isNameInvalid","Boolean","width"],"sources":["../../src/csv/CsvInputBar.tsx"],"sourcesContent":["import React, {\n  ChangeEvent,\n  Component,\n  FormEvent,\n  ReactElement,\n  RefObject,\n} from 'react';\nimport classNames from 'classnames';\nimport type { JSZipObject } from 'jszip';\nimport { Button, Checkbox } from '@deephaven/components';\nimport { IdeSession, Table } from '@deephaven/jsapi-shim';\nimport Log from '@deephaven/log';\nimport { DbNameValidator } from '@deephaven/utils';\nimport CsvOverlay from './CsvOverlay';\nimport CsvParser from './CsvParser';\nimport CsvFormats from './CsvFormats';\nimport './CsvInputBar.scss';\n\nconst log = Log.module('CsvInputBar');\n\nconst TYPE_OPTIONS = Object.entries(CsvFormats.TYPES).map(([key, value]) => (\n  <option key={key} value={key}>\n    {value.name}\n  </option>\n));\n\ninterface CsvInputBarProps {\n  session: IdeSession;\n  onOpenTable: (name: string) => void;\n  onClose: () => void;\n  onUpdate: (update: string) => void;\n  onError: (e: unknown) => void;\n  file: File;\n  paste?: string;\n  onInProgress: (boolean: boolean) => void;\n  timeZone: string;\n  unzip?: (zipFile: File) => Promise<JSZipObject[]>;\n}\n\ninterface CsvInputBarState {\n  tableName: string;\n  tableNameSet: boolean;\n  isFirstRowHeaders: boolean;\n  showProgress: boolean;\n  progressValue: number;\n  type: keyof typeof CsvFormats.TYPES;\n  parser: CsvParser | null;\n}\n/**\n * Input controls for CSV upload.\n */\nclass CsvInputBar extends Component<CsvInputBarProps, CsvInputBarState> {\n  static defaultProps = {\n    file: null,\n    paste: null,\n    unzip: null,\n  };\n\n  constructor(props: CsvInputBarProps) {\n    super(props);\n\n    this.handleUpload = this.handleUpload.bind(this);\n    this.handleCancel = this.handleCancel.bind(this);\n    this.handleError = this.handleError.bind(this);\n    this.handleTableName = this.handleTableName.bind(this);\n    this.toggleFirstRowHeaders = this.toggleFirstRowHeaders.bind(this);\n    this.handleProgress = this.handleProgress.bind(this);\n    this.handleCancelInProgress = this.handleCancelInProgress.bind(this);\n    this.handleQueryTypeChange = this.handleQueryTypeChange.bind(this);\n\n    this.inputRef = React.createRef();\n\n    this.state = {\n      tableName: '',\n      tableNameSet: false,\n      isFirstRowHeaders: true,\n      showProgress: false,\n      progressValue: 0,\n      type: CsvFormats.DEFAULT_TYPE,\n      parser: null,\n    };\n  }\n\n  // React documentation says it is fine to update state inside an if statment\n  /* eslint-disable react/no-did-update-set-state */\n  componentDidUpdate(prevProps: CsvInputBarProps): void {\n    const { file, paste } = this.props;\n    const { tableName, tableNameSet } = this.state;\n    // Set the table name from a file\n    if (!tableNameSet && file != null && !tableName) {\n      const dotIndex = file.name.lastIndexOf('.');\n      const fileTableName = DbNameValidator.legalizeTableName(\n        file.name.substring(0, dotIndex)\n      );\n      this.setState({\n        tableName: fileTableName,\n        tableNameSet: true,\n      });\n      this.inputRef.current?.focus();\n    } else if (\n      (file == null && prevProps.file != null) ||\n      (paste == null && prevProps.paste != null)\n    ) {\n      // The file or paste was unstaged\n      this.setState({\n        tableName: '',\n        tableNameSet: false,\n      });\n    }\n\n    // Focus the name input field on paste\n    if (paste != null && paste !== '' && !tableName && this.inputRef.current) {\n      this.inputRef.current.focus();\n    }\n\n    // Determine parser type by file extension\n    if (file != null && file !== prevProps.file) {\n      this.setState({\n        type: CsvFormats.fromExtension(file.name),\n      });\n    } else if (\n      paste != null &&\n      paste !== '' &&\n      (prevProps.paste === undefined || prevProps.paste === '')\n    ) {\n      this.setState({\n        type: CsvFormats.AUTO,\n      });\n    }\n  }\n\n  componentWillUnmount(): void {\n    const { parser } = this.state;\n    if (parser) {\n      parser.cancel();\n    }\n  }\n\n  inputRef: RefObject<HTMLInputElement>;\n\n  handleCancel(): void {\n    const { onClose } = this.props;\n    onClose();\n  }\n\n  handleError(e: unknown): void {\n    const { onClose, onError } = this.props;\n    log.error(e);\n    onError(e);\n    onClose();\n  }\n\n  handleTableName(event: ChangeEvent<HTMLInputElement>): void {\n    this.setState({ tableName: event.target.value, tableNameSet: true });\n  }\n\n  toggleFirstRowHeaders(): void {\n    const { isFirstRowHeaders } = this.state;\n    this.setState({ isFirstRowHeaders: !isFirstRowHeaders });\n  }\n\n  handleUpload(event: FormEvent<HTMLFormElement>): void {\n    event.stopPropagation();\n    event.preventDefault();\n    const { file, paste } = this.props;\n    if (file != null) {\n      if (file.name.endsWith('.zip')) {\n        this.handleZipFile(file);\n      } else {\n        this.handleFile(file);\n      }\n    } else if (paste !== undefined && paste !== '') {\n      this.handleFile(\n        new Blob([paste], {\n          type: 'text/plain',\n        })\n      );\n    }\n  }\n\n  handleFile(file: Blob | JSZipObject, isZip = false): void {\n    log.info(\n      `Starting CSV parser for ${\n        file instanceof File ? file.name : 'pasted values'\n      } ${isZip ? '' : (file as Blob).size} bytes`\n    );\n    const { session, timeZone, onInProgress } = this.props;\n    const { tableName, isFirstRowHeaders, type } = this.state;\n    const handleParseDone = (tables: Table[]) => {\n      // Do not bother merging just one table\n      if (tables.length === 1) {\n        session\n          .bindTableToVariable(tables[0], tableName)\n          .then(() => this.openTable())\n          .catch(e => this.handleError(e));\n      } else {\n        session\n          .mergeTables(tables)\n          .then(table => {\n            session\n              .bindTableToVariable(table, tableName)\n              .then(() => this.openTable())\n              .catch(e => this.handleError(e));\n            tables.forEach(t => t.close());\n          })\n          .catch(e => this.handleError(e));\n      }\n    };\n    const parser = new CsvParser({\n      onFileCompleted: handleParseDone,\n      session,\n      file,\n      type: CsvFormats.TYPES[type],\n      readHeaders: isFirstRowHeaders,\n      onProgress: this.handleProgress,\n      onError: this.handleError,\n      timeZone,\n      isZip,\n    });\n    parser.parse();\n    this.setState({\n      showProgress: true,\n      parser,\n    });\n    // Note that calling onClose will set in progress to false\n    onInProgress(true);\n  }\n\n  handleZipFile(zipFile: File): void {\n    const { onUpdate, unzip } = this.props;\n    if (unzip == null) {\n      this.handleError(new Error('No support for zip files available.'));\n      return;\n    }\n\n    unzip(zipFile)\n      .then(files => {\n        let csvFound = false;\n        // Find the first Csv file in the zip and use that\n        for (let i = 0; i < files.length; i += 1) {\n          const f = files[i];\n          if (CsvOverlay.isValidExtension(f.name)) {\n            onUpdate(`Loading ${f.name} as csv from ${zipFile.name}`);\n            csvFound = true;\n            this.handleFile(f, true);\n            break;\n          }\n        }\n        if (!csvFound) {\n          throw new Error(`No csv file found in ${zipFile.name}`);\n        }\n      })\n      .catch(e => this.handleError(e));\n  }\n\n  handleProgress(progressValue: number): boolean {\n    const { showProgress } = this.state;\n    if (showProgress) {\n      this.setState({\n        progressValue,\n      });\n    }\n    // Indicates to the caller that the upload has been cancelled\n    return !showProgress;\n  }\n\n  // Cancels an in progress upload\n  handleCancelInProgress(): void {\n    const { onInProgress } = this.props;\n    const { parser } = this.state;\n    if (parser) {\n      parser.cancel();\n    }\n    this.setState({\n      showProgress: false,\n      progressValue: 0,\n    });\n    onInProgress(false);\n  }\n\n  openTable(): void {\n    const { onOpenTable, onClose } = this.props;\n    const { tableName } = this.state;\n    onOpenTable(tableName);\n    onClose();\n  }\n\n  handleQueryTypeChange(event: ChangeEvent<HTMLSelectElement>): void {\n    this.setState({\n      type: event.target.value as keyof typeof CsvFormats.TYPES,\n    });\n  }\n\n  render(): ReactElement {\n    const { file, paste } = this.props;\n    const {\n      tableName,\n      isFirstRowHeaders,\n      showProgress,\n      progressValue,\n      type,\n    } = this.state;\n    // A blank table name is invalid for pasted values\n    const isNameInvalid = Boolean(paste) && !tableName;\n    return (\n      <div className=\"csv-input-bar\">\n        {!showProgress && (\n          <form\n            onSubmit={this.handleUpload}\n            className=\"csv-input-bar-container form-inline\"\n          >\n            <div className=\"form-group\">\n              <label htmlFor=\"tableNameInput\">Table name</label>\n              <input\n                ref={this.inputRef}\n                id=\"tableNameInput\"\n                type=\"text\"\n                className={classNames('form-control', {\n                  'is-invalid': isNameInvalid,\n                })}\n                value={tableName}\n                onChange={this.handleTableName}\n              />\n            </div>\n            <div className=\"form-group\">\n              <label htmlFor=\"formatSelect\">File format</label>\n              <select\n                id=\"formatSelect\"\n                className=\"custom-select\"\n                value={type}\n                onChange={this.handleQueryTypeChange}\n              >\n                {TYPE_OPTIONS}\n              </select>\n            </div>\n            <Checkbox\n              className=\"firstRowHeaders\"\n              checked={isFirstRowHeaders}\n              onChange={this.toggleFirstRowHeaders}\n            >\n              First row is column headers\n            </Checkbox>\n            <div className=\"csv-input-buttons form-group\">\n              <Button kind=\"secondary\" onClick={this.handleCancel}>\n                Cancel\n              </Button>\n              <Button\n                kind=\"primary\"\n                type=\"submit\"\n                disabled={\n                  !(file !== null || (paste !== undefined && paste !== '')) ||\n                  !tableName\n                }\n              >\n                Upload\n              </Button>\n            </div>\n          </form>\n        )}\n        {showProgress && (\n          <div className=\"csv-progress-container\">\n            <label>Uploading Table</label>\n            <div className=\"progress\">\n              <div\n                className=\"progress-bar bg-primary\"\n                style={{ width: `${progressValue}%` }}\n                aria-valuenow={progressValue}\n                aria-valuemin={0}\n                aria-valuemax={100}\n              />\n            </div>\n            <label>{progressValue}%</label>\n            <Button kind=\"primary\" onClick={this.handleCancelInProgress}>\n              Cancel\n            </Button>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default CsvInputBar;\n"],"mappings":"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"}
+{"version":3,"file":"CsvInputBar.js","names":["React","Component","classNames","Button","Checkbox","Log","DbNameValidator","CsvOverlay","CsvParser","CsvFormats","log","module","TYPE_OPTIONS","Object","entries","TYPES","map","key","value","name","CsvInputBar","constructor","props","handleUpload","bind","handleCancel","handleError","handleTableName","toggleFirstRowHeaders","handleProgress","handleCancelInProgress","handleQueryTypeChange","inputRef","createRef","state","tableName","tableNameSet","isFirstRowHeaders","showProgress","progressValue","type","DEFAULT_TYPE","parser","componentDidUpdate","prevProps","file","paste","dotIndex","lastIndexOf","fileTableName","legalizeTableName","substring","setState","current","focus","fromExtension","undefined","AUTO","componentWillUnmount","cancel","onClose","e","onError","error","event","target","stopPropagation","preventDefault","endsWith","handleZipFile","handleFile","Blob","isZip","info","File","size","session","timeZone","onInProgress","handleParseDone","tables","length","bindTableToVariable","then","openTable","catch","mergeTables","table","forEach","t","close","onFileCompleted","readHeaders","onProgress","parse","zipFile","onUpdate","unzip","Error","files","csvFound","i","f","isValidExtension","onOpenTable","render","isNameInvalid","Boolean","width"],"sources":["../../src/csv/CsvInputBar.tsx"],"sourcesContent":["import React, {\n  ChangeEvent,\n  Component,\n  FormEvent,\n  ReactElement,\n  RefObject,\n} from 'react';\nimport classNames from 'classnames';\nimport type { JSZipObject } from 'jszip';\nimport { Button, Checkbox } from '@deephaven/components';\nimport { IdeSession, Table } from '@deephaven/jsapi-shim';\nimport Log from '@deephaven/log';\nimport { DbNameValidator } from '@deephaven/utils';\nimport CsvOverlay from './CsvOverlay';\nimport CsvParser from './CsvParser';\nimport CsvFormats from './CsvFormats';\nimport './CsvInputBar.scss';\n\nconst log = Log.module('CsvInputBar');\n\nconst TYPE_OPTIONS = Object.entries(CsvFormats.TYPES).map(([key, value]) => (\n  <option key={key} value={key}>\n    {value.name}\n  </option>\n));\n\ninterface CsvInputBarProps {\n  session: IdeSession;\n  onOpenTable: (name: string) => void;\n  onClose: () => void;\n  onUpdate: (update: string) => void;\n  onError: (e: unknown) => void;\n  file: File;\n  paste?: string;\n  onInProgress: (boolean: boolean) => void;\n  timeZone: string;\n  unzip?: (zipFile: File) => Promise<JSZipObject[]>;\n}\n\ninterface CsvInputBarState {\n  tableName: string;\n  tableNameSet: boolean;\n  isFirstRowHeaders: boolean;\n  showProgress: boolean;\n  progressValue: number;\n  type: keyof typeof CsvFormats.TYPES;\n  parser: CsvParser | null;\n}\n/**\n * Input controls for CSV upload.\n */\nclass CsvInputBar extends Component<CsvInputBarProps, CsvInputBarState> {\n  static defaultProps = {\n    file: null,\n    paste: null,\n    unzip: null,\n  };\n\n  constructor(props: CsvInputBarProps) {\n    super(props);\n\n    this.handleUpload = this.handleUpload.bind(this);\n    this.handleCancel = this.handleCancel.bind(this);\n    this.handleError = this.handleError.bind(this);\n    this.handleTableName = this.handleTableName.bind(this);\n    this.toggleFirstRowHeaders = this.toggleFirstRowHeaders.bind(this);\n    this.handleProgress = this.handleProgress.bind(this);\n    this.handleCancelInProgress = this.handleCancelInProgress.bind(this);\n    this.handleQueryTypeChange = this.handleQueryTypeChange.bind(this);\n\n    this.inputRef = React.createRef();\n\n    this.state = {\n      tableName: '',\n      tableNameSet: false,\n      isFirstRowHeaders: true,\n      showProgress: false,\n      progressValue: 0,\n      type: CsvFormats.DEFAULT_TYPE,\n      parser: null,\n    };\n  }\n\n  // React documentation says it is fine to update state inside an if statment\n  /* eslint-disable react/no-did-update-set-state */\n  componentDidUpdate(prevProps: CsvInputBarProps): void {\n    const { file, paste } = this.props;\n    const { tableName, tableNameSet } = this.state;\n    // Set the table name from a file\n    if (!tableNameSet && file != null && !tableName) {\n      const dotIndex = file.name.lastIndexOf('.');\n      const fileTableName = DbNameValidator.legalizeTableName(\n        file.name.substring(0, dotIndex)\n      );\n      this.setState({\n        tableName: fileTableName,\n        tableNameSet: true,\n      });\n      this.inputRef.current?.focus();\n    } else if (\n      (file == null && prevProps.file != null) ||\n      (paste == null && prevProps.paste != null)\n    ) {\n      // The file or paste was unstaged\n      this.setState({\n        tableName: '',\n        tableNameSet: false,\n      });\n    }\n\n    // Focus the name input field on paste\n    if (paste != null && paste !== '' && !tableName && this.inputRef.current) {\n      this.inputRef.current.focus();\n    }\n\n    // Determine parser type by file extension\n    if (file != null && file !== prevProps.file) {\n      this.setState({\n        type: CsvFormats.fromExtension(file.name),\n      });\n    } else if (\n      paste != null &&\n      paste !== '' &&\n      (prevProps.paste === undefined || prevProps.paste === '')\n    ) {\n      this.setState({\n        type: CsvFormats.AUTO,\n      });\n    }\n  }\n\n  componentWillUnmount(): void {\n    const { parser } = this.state;\n    if (parser) {\n      parser.cancel();\n    }\n  }\n\n  inputRef: RefObject<HTMLInputElement>;\n\n  handleCancel(): void {\n    const { onClose } = this.props;\n    onClose();\n  }\n\n  handleError(e: unknown): void {\n    const { onClose, onError } = this.props;\n    log.error(e);\n    onError(e);\n    onClose();\n  }\n\n  handleTableName(event: ChangeEvent<HTMLInputElement>): void {\n    this.setState({ tableName: event.target.value, tableNameSet: true });\n  }\n\n  toggleFirstRowHeaders(): void {\n    const { isFirstRowHeaders } = this.state;\n    this.setState({ isFirstRowHeaders: !isFirstRowHeaders });\n  }\n\n  handleUpload(event: FormEvent<HTMLFormElement>): void {\n    event.stopPropagation();\n    event.preventDefault();\n    const { file, paste } = this.props;\n    if (file != null) {\n      if (file.name.endsWith('.zip')) {\n        this.handleZipFile(file);\n      } else {\n        this.handleFile(file);\n      }\n    } else if (paste !== undefined && paste !== '') {\n      this.handleFile(\n        new Blob([paste], {\n          type: 'text/plain',\n        })\n      );\n    }\n  }\n\n  handleFile(file: Blob | JSZipObject, isZip = false): void {\n    log.info(\n      `Starting CSV parser for ${\n        file instanceof File ? file.name : 'pasted values'\n      } ${isZip ? '' : (file as Blob).size} bytes`\n    );\n    const { session, timeZone, onInProgress } = this.props;\n    const { tableName, isFirstRowHeaders, type } = this.state;\n    const handleParseDone = (tables: Table[]) => {\n      // Do not bother merging just one table\n      if (tables.length === 1) {\n        session\n          .bindTableToVariable(tables[0], tableName)\n          .then(() => this.openTable())\n          .catch(e => this.handleError(e));\n      } else {\n        session\n          .mergeTables(tables)\n          .then(table => {\n            session\n              .bindTableToVariable(table, tableName)\n              .then(() => this.openTable())\n              .catch(e => this.handleError(e));\n            tables.forEach(t => t.close());\n          })\n          .catch(e => this.handleError(e));\n      }\n    };\n    const parser = new CsvParser({\n      onFileCompleted: handleParseDone,\n      session,\n      file,\n      type: CsvFormats.TYPES[type],\n      readHeaders: isFirstRowHeaders,\n      onProgress: this.handleProgress,\n      onError: this.handleError,\n      timeZone,\n      isZip,\n    });\n    parser.parse();\n    this.setState({\n      showProgress: true,\n      parser,\n    });\n    // Note that calling onClose will set in progress to false\n    onInProgress(true);\n  }\n\n  handleZipFile(zipFile: File): void {\n    const { onUpdate, unzip } = this.props;\n    if (unzip == null) {\n      this.handleError(new Error('No support for zip files available.'));\n      return;\n    }\n\n    unzip(zipFile)\n      .then(files => {\n        let csvFound = false;\n        // Find the first Csv file in the zip and use that\n        for (let i = 0; i < files.length; i += 1) {\n          const f = files[i];\n          if (CsvOverlay.isValidExtension(f.name)) {\n            onUpdate(`Loading ${f.name} as csv from ${zipFile.name}`);\n            csvFound = true;\n            this.handleFile(f, true);\n            break;\n          }\n        }\n        if (!csvFound) {\n          throw new Error(`No csv file found in ${zipFile.name}`);\n        }\n      })\n      .catch(e => this.handleError(e));\n  }\n\n  handleProgress(progressValue: number): boolean {\n    const { showProgress } = this.state;\n    if (showProgress) {\n      this.setState({\n        progressValue,\n      });\n    }\n    // Indicates to the caller that the upload has been cancelled\n    return !showProgress;\n  }\n\n  // Cancels an in progress upload\n  handleCancelInProgress(): void {\n    const { onInProgress } = this.props;\n    const { parser } = this.state;\n    if (parser) {\n      parser.cancel();\n    }\n    this.setState({\n      showProgress: false,\n      progressValue: 0,\n    });\n    onInProgress(false);\n  }\n\n  openTable(): void {\n    const { onOpenTable, onClose } = this.props;\n    const { tableName } = this.state;\n    onOpenTable(tableName);\n    onClose();\n  }\n\n  handleQueryTypeChange(event: ChangeEvent<HTMLSelectElement>): void {\n    this.setState({\n      type: event.target.value as keyof typeof CsvFormats.TYPES,\n    });\n  }\n\n  render(): ReactElement {\n    const { file, paste } = this.props;\n    const {\n      tableName,\n      isFirstRowHeaders,\n      showProgress,\n      progressValue,\n      type,\n    } = this.state;\n    // A blank table name is invalid for pasted values\n    const isNameInvalid = Boolean(paste) && !tableName;\n    return (\n      <div className=\"csv-input-bar\">\n        {!showProgress && (\n          <form\n            onSubmit={this.handleUpload}\n            className=\"csv-input-bar-container form-inline\"\n          >\n            <div className=\"form-group\">\n              <label htmlFor=\"tableNameInput\">Table name</label>\n              <input\n                ref={this.inputRef}\n                id=\"tableNameInput\"\n                type=\"text\"\n                className={classNames('form-control', {\n                  'is-invalid': isNameInvalid,\n                })}\n                value={tableName}\n                onChange={this.handleTableName}\n              />\n            </div>\n            <div className=\"form-group\">\n              <label htmlFor=\"formatSelect\">File format</label>\n              <select\n                id=\"formatSelect\"\n                className=\"custom-select\"\n                value={type}\n                onChange={this.handleQueryTypeChange}\n              >\n                {TYPE_OPTIONS}\n              </select>\n            </div>\n            <Checkbox\n              className=\"firstRowHeaders\"\n              checked={isFirstRowHeaders}\n              onChange={this.toggleFirstRowHeaders}\n            >\n              First row is column headers\n            </Checkbox>\n            <div className=\"csv-input-buttons form-group\">\n              <Button kind=\"secondary\" onClick={this.handleCancel}>\n                Cancel\n              </Button>\n              <Button\n                kind=\"primary\"\n                type=\"submit\"\n                disabled={\n                  !(file !== null || (paste !== undefined && paste !== '')) ||\n                  !tableName\n                }\n              >\n                Upload\n              </Button>\n            </div>\n          </form>\n        )}\n        {showProgress && (\n          <div className=\"csv-progress-container\">\n            <label>Uploading Table</label>\n            <div className=\"progress\">\n              <div\n                className=\"progress-bar bg-primary\"\n                style={{ width: `${progressValue}%` }}\n                aria-valuenow={progressValue}\n                aria-valuemin={0}\n                aria-valuemax={100}\n              />\n            </div>\n            <label>{progressValue}%</label>\n            <Button kind=\"primary\" onClick={this.handleCancelInProgress}>\n              Cancel\n            </Button>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default CsvInputBar;\n"],"mappings":"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"}

package/dist/csv/CsvOverlay.js

@@ -1,5 +1,4 @@
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 import React, { Component } from 'react';
 import memoize from 'memoize-one';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
@@ -11,54 +10,41 @@ var PASTED_VALUES = 'pasted values';
 var INVALID_MIME_TYPES = [/^audio.*/, /^font.*/, /^image.*/, /^video.*/];
 var VALID_EXTENSIONS = ['.csv', '.tsv', '.tab', '.psv', '.dsv', '.txt'];
 var ZIP_EXTENSIONS = ['.zip'];
+
 /**
  * Overlay that is displayed when uploading a CSV file.
  */
-
 class CsvOverlay extends Component {
   static isValidDropItem(item) {
     return item != null && item.kind === 'file' && !INVALID_MIME_TYPES.find(invalid => invalid.test(item.type));
   }
-
   static isValidExtension(name) {
     var allowZip = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     return VALID_EXTENSIONS.some(ext => name.endsWith(ext)) || allowZip && ZIP_EXTENSIONS.some(ext => name.endsWith(ext));
   }
-
   static handleDragOver(e) {
     e.preventDefault();
     e.stopPropagation();
   }
-
   static getIcon(fileName) {
     if (fileName === PASTED_VALUES) {
       return vsClippy;
     }
-
     if (fileName.endsWith('.csv')) {
       return dhFileCsv;
     }
-
     if (fileName.endsWith('.zip')) {
       return vsFileZip;
     }
-
     return dhFileSpreadsheet;
   }
-
   constructor(props) {
     super(props);
-
     _defineProperty(this, "fileElem", void 0);
-
     _defineProperty(this, "divElem", void 0);
-
     _defineProperty(this, "getValidExtensions", memoize(allowZip => allowZip ? [...VALID_EXTENSIONS, ...ZIP_EXTENSIONS] : [...VALID_EXTENSIONS]));
-
     _defineProperty(this, "getAcceptString", memoize(allowZip => this.getValidExtensions(allowZip).join(', ')));
-
     _defineProperty(this, "getFileTypeErrorString", memoize(allowZip => TextUtils.join(this.getValidExtensions(allowZip), 'or')));
-
     this.handleSelectFile = this.handleSelectFile.bind(this);
     this.handleFiles = this.handleFiles.bind(this);
     this.handleDrop = this.handleDrop.bind(this);
@@ -71,41 +57,32 @@ class CsvOverlay extends Component {
       selectedFileName: ''
     };
   }
-
   componentDidMount() {
     var _this$divElem$current, _this$divElem$current2;
-
     (_this$divElem$current = this.divElem.current) === null || _this$divElem$current === void 0 ? void 0 : _this$divElem$current.addEventListener('paste', this.handlePasteEvent);
     (_this$divElem$current2 = this.divElem.current) === null || _this$divElem$current2 === void 0 ? void 0 : _this$divElem$current2.focus();
   }
-
   componentWillUnmount() {
     var _this$divElem$current3;
-
     (_this$divElem$current3 = this.divElem.current) === null || _this$divElem$current3 === void 0 ? void 0 : _this$divElem$current3.removeEventListener('paste', this.handlePasteEvent);
   }
-
   handleSelectFile() {
     if (this.fileElem.current) {
       var _this$fileElem$curren;
-
       this.fileElem.current.value = '';
       (_this$fileElem$curren = this.fileElem.current) === null || _this$fileElem$curren === void 0 ? void 0 : _this$fileElem$curren.click();
     }
   }
-
   handleFiles(event) {
     event.stopPropagation();
     event.preventDefault();
     var {
       files
     } = event.target;
-
     if (files != null) {
       this.handleFile(files[0]);
     }
   }
-
   handleDrop(e) {
     var {
       allowZip,
@@ -114,19 +91,15 @@ class CsvOverlay extends Component {
     } = this.props;
     e.preventDefault();
     e.stopPropagation();
-
     if (dragError != null) {
       clearDragError();
       return;
     }
-
     if (e.dataTransfer == null || e.dataTransfer.items == null || e.dataTransfer.items.length === 0) {
       return;
     }
-
     var file = e.dataTransfer.items[0].getAsFile();
     assertNotNull(file);
-
     if (CsvOverlay.isValidExtension(file.name, allowZip)) {
       this.handleFile(file);
     } else {
@@ -135,7 +108,6 @@ class CsvOverlay extends Component {
       });
     }
   }
-
   unstageFile(event) {
     var {
       onCancel
@@ -148,7 +120,6 @@ class CsvOverlay extends Component {
       dropError: undefined
     });
   }
-
   handleFile(file) {
     var {
       onFileOpened
@@ -159,18 +130,15 @@ class CsvOverlay extends Component {
       dropError: undefined
     });
   }
-
   handleMenuPaste() {
     var {
       onPaste,
       onError,
       uploadInProgress
     } = this.props;
-
     if (uploadInProgress) {
       return;
     }
-
     navigator.clipboard.readText().then(clipText => {
       onPaste(clipText);
       this.setState({
@@ -179,13 +147,11 @@ class CsvOverlay extends Component {
       });
     }).catch(e => onError(e));
   }
-
   handlePasteEvent(event) {
     event.stopPropagation();
     event.preventDefault();
     this.handleMenuPaste();
   }
-
   makeContextMenuItems() {
     var {
       uploadInProgress
@@ -198,7 +164,6 @@ class CsvOverlay extends Component {
       disabled: uploadInProgress
     }];
   }
-
   render() {
     var {
       allowZip,
@@ -266,17 +231,12 @@ class CsvOverlay extends Component {
       className: "message-small"
     }, /*#__PURE__*/React.createElement("label", null, this.getFileTypeErrorString(allowZip)))));
   }
-
 }
-
 _defineProperty(CsvOverlay, "defaultProps", {
   allowZip: false,
   dragError: null
 });
-
 _defineProperty(CsvOverlay, "MULTIPLE_FILE_ERROR", 'Please select only one file');
-
 _defineProperty(CsvOverlay, "FILE_TYPE_ERROR", 'Filetype not supported.');
-
 export default CsvOverlay;
 //# sourceMappingURL=CsvOverlay.js.map

package/dist/csv/CsvOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"CsvOverlay.js","names":["React","Component","memoize","FontAwesomeIcon","Button","ContextActions","GLOBAL_SHORTCUTS","dhFileCsv","dhFileDownload","dhFileSpreadsheet","vsClippy","vsFileZip","vsTrash","vsWarning","assertNotNull","TextUtils","PASTED_VALUES","INVALID_MIME_TYPES","VALID_EXTENSIONS","ZIP_EXTENSIONS","CsvOverlay","isValidDropItem","item","kind","find","invalid","test","type","isValidExtension","name","allowZip","some","ext","endsWith","handleDragOver","e","preventDefault","stopPropagation","getIcon","fileName","constructor","props","getValidExtensions","join","handleSelectFile","bind","handleFiles","handleDrop","unstageFile","handleMenuPaste","handlePasteEvent","fileElem","createRef","divElem","state","selectedFileName","componentDidMount","current","addEventListener","focus","componentWillUnmount","removeEventListener","value","click","event","files","target","handleFile","clearDragError","dragError","dataTransfer","items","length","file","getAsFile","setState","dropError","FILE_TYPE_ERROR","onCancel","undefined","onFileOpened","onPaste","onError","uploadInProgress","navigator","clipboard","readText","then","clipText","catch","makeContextMenuItems","title","icon","action","shortcut","PASTE","disabled","render","error","contextActions","getAcceptString","display","Boolean","getFileTypeErrorString"],"sources":["../../src/csv/CsvOverlay.tsx"],"sourcesContent":["import React, {\n  ChangeEvent,\n  Component,\n  DragEvent,\n  MouseEvent,\n  ReactElement,\n  RefObject,\n} from 'react';\nimport memoize from 'memoize-one';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport {\n  Button,\n  ContextAction,\n  ContextActions,\n  GLOBAL_SHORTCUTS,\n} from '@deephaven/components';\nimport {\n  dhFileCsv,\n  dhFileDownload,\n  dhFileSpreadsheet,\n  IconDefinition,\n  vsClippy,\n  vsFileZip,\n  vsTrash,\n  vsWarning,\n} from '@deephaven/icons';\nimport './CsvOverlay.scss';\nimport { assertNotNull, TextUtils } from '@deephaven/utils';\n\ninterface CsvOverlayProps {\n  allowZip: boolean;\n  onFileOpened: (file: File) => void;\n  onCancel: () => void;\n  onPaste: (clipText: string) => void;\n  clearDragError: () => void;\n  dragError: string | null;\n  onError: (e: unknown) => void;\n  uploadInProgress: boolean;\n}\n\ninterface CsvOverlayState {\n  selectedFileName: string;\n  dropError?: string;\n}\n\nconst PASTED_VALUES = 'pasted values';\n\nconst INVALID_MIME_TYPES = [/^audio.*/, /^font.*/, /^image.*/, /^video.*/];\n\nconst VALID_EXTENSIONS = ['.csv', '.tsv', '.tab', '.psv', '.dsv', '.txt'];\n\nconst ZIP_EXTENSIONS = ['.zip'];\n\n/**\n * Overlay that is displayed when uploading a CSV file.\n */\nclass CsvOverlay extends Component<CsvOverlayProps, CsvOverlayState> {\n  static defaultProps = {\n    allowZip: false,\n    dragError: null,\n  };\n\n  static MULTIPLE_FILE_ERROR = 'Please select only one file';\n\n  static FILE_TYPE_ERROR = 'Filetype not supported.';\n\n  static isValidDropItem(item: DataTransferItem): boolean {\n    return (\n      item != null &&\n      item.kind === 'file' &&\n      !INVALID_MIME_TYPES.find(invalid => invalid.test(item.type))\n    );\n  }\n\n  static isValidExtension(name: string, allowZip = false): boolean {\n    return (\n      VALID_EXTENSIONS.some(ext => name.endsWith(ext)) ||\n      (allowZip && ZIP_EXTENSIONS.some(ext => name.endsWith(ext)))\n    );\n  }\n\n  static handleDragOver(e: DragEvent): void {\n    e.preventDefault();\n    e.stopPropagation();\n  }\n\n  static getIcon(fileName: string): IconDefinition {\n    if (fileName === PASTED_VALUES) {\n      return vsClippy;\n    }\n    if (fileName.endsWith('.csv')) {\n      return dhFileCsv;\n    }\n    if (fileName.endsWith('.zip')) {\n      return vsFileZip;\n    }\n    return dhFileSpreadsheet;\n  }\n\n  constructor(props: CsvOverlayProps) {\n    super(props);\n\n    this.handleSelectFile = this.handleSelectFile.bind(this);\n    this.handleFiles = this.handleFiles.bind(this);\n    this.handleDrop = this.handleDrop.bind(this);\n    this.unstageFile = this.unstageFile.bind(this);\n    this.handleMenuPaste = this.handleMenuPaste.bind(this);\n    this.handlePasteEvent = this.handlePasteEvent.bind(this);\n\n    this.fileElem = React.createRef();\n    this.divElem = React.createRef();\n\n    this.state = {\n      selectedFileName: '',\n    };\n  }\n\n  componentDidMount(): void {\n    this.divElem.current?.addEventListener('paste', this.handlePasteEvent);\n    this.divElem.current?.focus();\n  }\n\n  componentWillUnmount(): void {\n    this.divElem.current?.removeEventListener('paste', this.handlePasteEvent);\n  }\n\n  fileElem: RefObject<HTMLInputElement>;\n\n  divElem: RefObject<HTMLDivElement>;\n\n  handleSelectFile(): void {\n    if (this.fileElem.current) {\n      this.fileElem.current.value = '';\n      this.fileElem.current?.click();\n    }\n  }\n\n  handleFiles(event: ChangeEvent<HTMLInputElement>): void {\n    event.stopPropagation();\n    event.preventDefault();\n    const { files } = event.target;\n    if (files != null) {\n      this.handleFile(files[0]);\n    }\n  }\n\n  handleDrop(e: DragEvent<HTMLDivElement>): void {\n    const { allowZip, clearDragError, dragError } = this.props;\n    e.preventDefault();\n    e.stopPropagation();\n\n    if (dragError != null) {\n      clearDragError();\n      return;\n    }\n\n    if (\n      e.dataTransfer == null ||\n      e.dataTransfer.items == null ||\n      e.dataTransfer.items.length === 0\n    ) {\n      return;\n    }\n\n    const file = e.dataTransfer.items[0].getAsFile();\n    assertNotNull(file);\n    if (CsvOverlay.isValidExtension(file.name, allowZip)) {\n      this.handleFile(file);\n    } else {\n      this.setState({\n        dropError: CsvOverlay.FILE_TYPE_ERROR,\n      });\n    }\n  }\n\n  unstageFile(event: MouseEvent<HTMLButtonElement>): void {\n    const { onCancel } = this.props;\n    event.stopPropagation();\n    event.preventDefault();\n    onCancel();\n    this.setState({\n      selectedFileName: '',\n      dropError: undefined,\n    });\n  }\n\n  handleFile(file: File): void {\n    const { onFileOpened } = this.props;\n    onFileOpened(file);\n    this.setState({\n      selectedFileName: file.name,\n      dropError: undefined,\n    });\n  }\n\n  handleMenuPaste(): void {\n    const { onPaste, onError, uploadInProgress } = this.props;\n    if (uploadInProgress) {\n      return;\n    }\n    navigator.clipboard\n      .readText()\n      .then(clipText => {\n        onPaste(clipText);\n        this.setState({\n          selectedFileName: PASTED_VALUES,\n          dropError: undefined,\n        });\n      })\n      .catch((e: unknown) => onError(e));\n  }\n\n  handlePasteEvent(event: ClipboardEvent): void {\n    event.stopPropagation();\n    event.preventDefault();\n    this.handleMenuPaste();\n  }\n\n  makeContextMenuItems(): ContextAction[] {\n    const { uploadInProgress } = this.props;\n    return [\n      {\n        title: 'Paste',\n        icon: vsClippy,\n        action: this.handleMenuPaste,\n        shortcut: GLOBAL_SHORTCUTS.PASTE,\n        disabled: uploadInProgress,\n      },\n    ];\n  }\n\n  getValidExtensions = memoize((allowZip: boolean) =>\n    allowZip ? [...VALID_EXTENSIONS, ...ZIP_EXTENSIONS] : [...VALID_EXTENSIONS]\n  );\n\n  getAcceptString = memoize((allowZip: boolean) =>\n    this.getValidExtensions(allowZip).join(', ')\n  );\n\n  getFileTypeErrorString = memoize((allowZip: boolean) =>\n    TextUtils.join(this.getValidExtensions(allowZip), 'or')\n  );\n\n  render(): ReactElement {\n    const { allowZip, dragError, uploadInProgress } = this.props;\n    const { selectedFileName, dropError } = this.state;\n    const error = dragError ?? dropError;\n    const contextActions = this.makeContextMenuItems();\n    return (\n      <div\n        ref={this.divElem}\n        className=\"csv-overlay fill-parent-absolute\"\n        onDragOver={CsvOverlay.handleDragOver}\n        onDrop={this.handleDrop}\n        tabIndex={-1}\n      >\n        <ContextActions actions={contextActions} />\n        <input\n          ref={this.fileElem}\n          type=\"file\"\n          id=\"fileElem\"\n          accept={this.getAcceptString(allowZip)}\n          style={{ display: 'none' }}\n          onChange={this.handleFiles}\n          data-testid=\"fileElem\"\n        />\n        {!selectedFileName && (error === undefined || error === '') && (\n          <div className=\"message-content\">\n            <div className=\"message-icon\">\n              <FontAwesomeIcon icon={dhFileDownload} />\n            </div>\n            <label>Drop file (or paste values) here to import</label>\n            <div className=\"message-small\">\n              <label>or</label>\n            </div>\n            <Button kind=\"primary\" onClick={this.handleSelectFile}>\n              Select File...\n            </Button>\n          </div>\n        )}\n        {selectedFileName && (error === undefined || error === '') && (\n          <div className=\"selected-content\">\n            <div className=\"selected-icon\">\n              <FontAwesomeIcon icon={CsvOverlay.getIcon(selectedFileName)} />\n            </div>\n            <div className=\"selected-text\">\n              <label>Selected File</label>\n              <label className=\"selected-name\">\n                {selectedFileName}\n                {!uploadInProgress && (\n                  <Button\n                    kind=\"ghost\"\n                    className=\"ml-2\"\n                    onClick={this.unstageFile}\n                    icon={vsTrash}\n                    tooltip=\"Remove\"\n                  />\n                )}\n              </label>\n            </div>\n          </div>\n        )}\n        {Boolean(error) && (\n          <div className=\"message-content\">\n            <div className=\"message-icon\">\n              <FontAwesomeIcon icon={vsWarning} />\n            </div>\n            <label>{error}</label>\n            {error === CsvOverlay.FILE_TYPE_ERROR && (\n              <div className=\"message-small\">\n                <label>{this.getFileTypeErrorString(allowZip)}</label>\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default CsvOverlay;\n"],"mappings":"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"}
+{"version":3,"file":"CsvOverlay.js","names":["React","Component","memoize","FontAwesomeIcon","Button","ContextActions","GLOBAL_SHORTCUTS","dhFileCsv","dhFileDownload","dhFileSpreadsheet","vsClippy","vsFileZip","vsTrash","vsWarning","assertNotNull","TextUtils","PASTED_VALUES","INVALID_MIME_TYPES","VALID_EXTENSIONS","ZIP_EXTENSIONS","CsvOverlay","isValidDropItem","item","kind","find","invalid","test","type","isValidExtension","name","allowZip","some","ext","endsWith","handleDragOver","e","preventDefault","stopPropagation","getIcon","fileName","constructor","props","getValidExtensions","join","handleSelectFile","bind","handleFiles","handleDrop","unstageFile","handleMenuPaste","handlePasteEvent","fileElem","createRef","divElem","state","selectedFileName","componentDidMount","current","addEventListener","focus","componentWillUnmount","removeEventListener","value","click","event","files","target","handleFile","clearDragError","dragError","dataTransfer","items","length","file","getAsFile","setState","dropError","FILE_TYPE_ERROR","onCancel","undefined","onFileOpened","onPaste","onError","uploadInProgress","navigator","clipboard","readText","then","clipText","catch","makeContextMenuItems","title","icon","action","shortcut","PASTE","disabled","render","error","contextActions","getAcceptString","display","Boolean","getFileTypeErrorString"],"sources":["../../src/csv/CsvOverlay.tsx"],"sourcesContent":["import React, {\n  ChangeEvent,\n  Component,\n  DragEvent,\n  MouseEvent,\n  ReactElement,\n  RefObject,\n} from 'react';\nimport memoize from 'memoize-one';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport {\n  Button,\n  ContextAction,\n  ContextActions,\n  GLOBAL_SHORTCUTS,\n} from '@deephaven/components';\nimport {\n  dhFileCsv,\n  dhFileDownload,\n  dhFileSpreadsheet,\n  IconDefinition,\n  vsClippy,\n  vsFileZip,\n  vsTrash,\n  vsWarning,\n} from '@deephaven/icons';\nimport './CsvOverlay.scss';\nimport { assertNotNull, TextUtils } from '@deephaven/utils';\n\ninterface CsvOverlayProps {\n  allowZip: boolean;\n  onFileOpened: (file: File) => void;\n  onCancel: () => void;\n  onPaste: (clipText: string) => void;\n  clearDragError: () => void;\n  dragError: string | null;\n  onError: (e: unknown) => void;\n  uploadInProgress: boolean;\n}\n\ninterface CsvOverlayState {\n  selectedFileName: string;\n  dropError?: string;\n}\n\nconst PASTED_VALUES = 'pasted values';\n\nconst INVALID_MIME_TYPES = [/^audio.*/, /^font.*/, /^image.*/, /^video.*/];\n\nconst VALID_EXTENSIONS = ['.csv', '.tsv', '.tab', '.psv', '.dsv', '.txt'];\n\nconst ZIP_EXTENSIONS = ['.zip'];\n\n/**\n * Overlay that is displayed when uploading a CSV file.\n */\nclass CsvOverlay extends Component<CsvOverlayProps, CsvOverlayState> {\n  static defaultProps = {\n    allowZip: false,\n    dragError: null,\n  };\n\n  static MULTIPLE_FILE_ERROR = 'Please select only one file';\n\n  static FILE_TYPE_ERROR = 'Filetype not supported.';\n\n  static isValidDropItem(item: DataTransferItem): boolean {\n    return (\n      item != null &&\n      item.kind === 'file' &&\n      !INVALID_MIME_TYPES.find(invalid => invalid.test(item.type))\n    );\n  }\n\n  static isValidExtension(name: string, allowZip = false): boolean {\n    return (\n      VALID_EXTENSIONS.some(ext => name.endsWith(ext)) ||\n      (allowZip && ZIP_EXTENSIONS.some(ext => name.endsWith(ext)))\n    );\n  }\n\n  static handleDragOver(e: DragEvent): void {\n    e.preventDefault();\n    e.stopPropagation();\n  }\n\n  static getIcon(fileName: string): IconDefinition {\n    if (fileName === PASTED_VALUES) {\n      return vsClippy;\n    }\n    if (fileName.endsWith('.csv')) {\n      return dhFileCsv;\n    }\n    if (fileName.endsWith('.zip')) {\n      return vsFileZip;\n    }\n    return dhFileSpreadsheet;\n  }\n\n  constructor(props: CsvOverlayProps) {\n    super(props);\n\n    this.handleSelectFile = this.handleSelectFile.bind(this);\n    this.handleFiles = this.handleFiles.bind(this);\n    this.handleDrop = this.handleDrop.bind(this);\n    this.unstageFile = this.unstageFile.bind(this);\n    this.handleMenuPaste = this.handleMenuPaste.bind(this);\n    this.handlePasteEvent = this.handlePasteEvent.bind(this);\n\n    this.fileElem = React.createRef();\n    this.divElem = React.createRef();\n\n    this.state = {\n      selectedFileName: '',\n    };\n  }\n\n  componentDidMount(): void {\n    this.divElem.current?.addEventListener('paste', this.handlePasteEvent);\n    this.divElem.current?.focus();\n  }\n\n  componentWillUnmount(): void {\n    this.divElem.current?.removeEventListener('paste', this.handlePasteEvent);\n  }\n\n  fileElem: RefObject<HTMLInputElement>;\n\n  divElem: RefObject<HTMLDivElement>;\n\n  handleSelectFile(): void {\n    if (this.fileElem.current) {\n      this.fileElem.current.value = '';\n      this.fileElem.current?.click();\n    }\n  }\n\n  handleFiles(event: ChangeEvent<HTMLInputElement>): void {\n    event.stopPropagation();\n    event.preventDefault();\n    const { files } = event.target;\n    if (files != null) {\n      this.handleFile(files[0]);\n    }\n  }\n\n  handleDrop(e: DragEvent<HTMLDivElement>): void {\n    const { allowZip, clearDragError, dragError } = this.props;\n    e.preventDefault();\n    e.stopPropagation();\n\n    if (dragError != null) {\n      clearDragError();\n      return;\n    }\n\n    if (\n      e.dataTransfer == null ||\n      e.dataTransfer.items == null ||\n      e.dataTransfer.items.length === 0\n    ) {\n      return;\n    }\n\n    const file = e.dataTransfer.items[0].getAsFile();\n    assertNotNull(file);\n    if (CsvOverlay.isValidExtension(file.name, allowZip)) {\n      this.handleFile(file);\n    } else {\n      this.setState({\n        dropError: CsvOverlay.FILE_TYPE_ERROR,\n      });\n    }\n  }\n\n  unstageFile(event: MouseEvent<HTMLButtonElement>): void {\n    const { onCancel } = this.props;\n    event.stopPropagation();\n    event.preventDefault();\n    onCancel();\n    this.setState({\n      selectedFileName: '',\n      dropError: undefined,\n    });\n  }\n\n  handleFile(file: File): void {\n    const { onFileOpened } = this.props;\n    onFileOpened(file);\n    this.setState({\n      selectedFileName: file.name,\n      dropError: undefined,\n    });\n  }\n\n  handleMenuPaste(): void {\n    const { onPaste, onError, uploadInProgress } = this.props;\n    if (uploadInProgress) {\n      return;\n    }\n    navigator.clipboard\n      .readText()\n      .then(clipText => {\n        onPaste(clipText);\n        this.setState({\n          selectedFileName: PASTED_VALUES,\n          dropError: undefined,\n        });\n      })\n      .catch((e: unknown) => onError(e));\n  }\n\n  handlePasteEvent(event: ClipboardEvent): void {\n    event.stopPropagation();\n    event.preventDefault();\n    this.handleMenuPaste();\n  }\n\n  makeContextMenuItems(): ContextAction[] {\n    const { uploadInProgress } = this.props;\n    return [\n      {\n        title: 'Paste',\n        icon: vsClippy,\n        action: this.handleMenuPaste,\n        shortcut: GLOBAL_SHORTCUTS.PASTE,\n        disabled: uploadInProgress,\n      },\n    ];\n  }\n\n  getValidExtensions = memoize((allowZip: boolean) =>\n    allowZip ? [...VALID_EXTENSIONS, ...ZIP_EXTENSIONS] : [...VALID_EXTENSIONS]\n  );\n\n  getAcceptString = memoize((allowZip: boolean) =>\n    this.getValidExtensions(allowZip).join(', ')\n  );\n\n  getFileTypeErrorString = memoize((allowZip: boolean) =>\n    TextUtils.join(this.getValidExtensions(allowZip), 'or')\n  );\n\n  render(): ReactElement {\n    const { allowZip, dragError, uploadInProgress } = this.props;\n    const { selectedFileName, dropError } = this.state;\n    const error = dragError ?? dropError;\n    const contextActions = this.makeContextMenuItems();\n    return (\n      <div\n        ref={this.divElem}\n        className=\"csv-overlay fill-parent-absolute\"\n        onDragOver={CsvOverlay.handleDragOver}\n        onDrop={this.handleDrop}\n        tabIndex={-1}\n      >\n        <ContextActions actions={contextActions} />\n        <input\n          ref={this.fileElem}\n          type=\"file\"\n          id=\"fileElem\"\n          accept={this.getAcceptString(allowZip)}\n          style={{ display: 'none' }}\n          onChange={this.handleFiles}\n          data-testid=\"fileElem\"\n        />\n        {!selectedFileName && (error === undefined || error === '') && (\n          <div className=\"message-content\">\n            <div className=\"message-icon\">\n              <FontAwesomeIcon icon={dhFileDownload} />\n            </div>\n            <label>Drop file (or paste values) here to import</label>\n            <div className=\"message-small\">\n              <label>or</label>\n            </div>\n            <Button kind=\"primary\" onClick={this.handleSelectFile}>\n              Select File...\n            </Button>\n          </div>\n        )}\n        {selectedFileName && (error === undefined || error === '') && (\n          <div className=\"selected-content\">\n            <div className=\"selected-icon\">\n              <FontAwesomeIcon icon={CsvOverlay.getIcon(selectedFileName)} />\n            </div>\n            <div className=\"selected-text\">\n              <label>Selected File</label>\n              <label className=\"selected-name\">\n                {selectedFileName}\n                {!uploadInProgress && (\n                  <Button\n                    kind=\"ghost\"\n                    className=\"ml-2\"\n                    onClick={this.unstageFile}\n                    icon={vsTrash}\n                    tooltip=\"Remove\"\n                  />\n                )}\n              </label>\n            </div>\n          </div>\n        )}\n        {Boolean(error) && (\n          <div className=\"message-content\">\n            <div className=\"message-icon\">\n              <FontAwesomeIcon icon={vsWarning} />\n            </div>\n            <label>{error}</label>\n            {error === CsvOverlay.FILE_TYPE_ERROR && (\n              <div className=\"message-small\">\n                <label>{this.getFileTypeErrorString(allowZip)}</label>\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default CsvOverlay;\n"],"mappings":";AAAA,OAAOA,KAAK,IAEVC,SAAS,QAKJ,OAAO;AACd,OAAOC,OAAO,MAAM,aAAa;AACjC,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SACEC,MAAM,EAENC,cAAc,EACdC,gBAAgB,QACX,uBAAuB;AAC9B,SACEC,SAAS,EACTC,cAAc,EACdC,iBAAiB,EAEjBC,QAAQ,EACRC,SAAS,EACTC,OAAO,EACPC,SAAS,QACJ,kBAAkB;AAAC;AAE1B,SAASC,aAAa,EAAEC,SAAS,QAAQ,kBAAkB;AAkB3D,IAAMC,aAAa,GAAG,eAAe;AAErC,IAAMC,kBAAkB,GAAG,CAAC,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,CAAC;AAE1E,IAAMC,gBAAgB,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;AAEzE,IAAMC,cAAc,GAAG,CAAC,MAAM,CAAC;;AAE/B;AACA;AACA;AACA,MAAMC,UAAU,SAASnB,SAAS,CAAmC;EAUnE,OAAOoB,eAAe,CAACC,IAAsB,EAAW;IACtD,OACEA,IAAI,IAAI,IAAI,IACZA,IAAI,CAACC,IAAI,KAAK,MAAM,IACpB,CAACN,kBAAkB,CAACO,IAAI,CAACC,OAAO,IAAIA,OAAO,CAACC,IAAI,CAACJ,IAAI,CAACK,IAAI,CAAC,CAAC;EAEhE;EAEA,OAAOC,gBAAgB,CAACC,IAAY,EAA6B;IAAA,IAA3BC,QAAQ,uEAAG,KAAK;IACpD,OACEZ,gBAAgB,CAACa,IAAI,CAACC,GAAG,IAAIH,IAAI,CAACI,QAAQ,CAACD,GAAG,CAAC,CAAC,IAC/CF,QAAQ,IAAIX,cAAc,CAACY,IAAI,CAACC,GAAG,IAAIH,IAAI,CAACI,QAAQ,CAACD,GAAG,CAAC,CAAE;EAEhE;EAEA,OAAOE,cAAc,CAACC,CAAY,EAAQ;IACxCA,CAAC,CAACC,cAAc,EAAE;IAClBD,CAAC,CAACE,eAAe,EAAE;EACrB;EAEA,OAAOC,OAAO,CAACC,QAAgB,EAAkB;IAC/C,IAAIA,QAAQ,KAAKvB,aAAa,EAAE;MAC9B,OAAON,QAAQ;IACjB;IACA,IAAI6B,QAAQ,CAACN,QAAQ,CAAC,MAAM,CAAC,EAAE;MAC7B,OAAO1B,SAAS;IAClB;IACA,IAAIgC,QAAQ,CAACN,QAAQ,CAAC,MAAM,CAAC,EAAE;MAC7B,OAAOtB,SAAS;IAClB;IACA,OAAOF,iBAAiB;EAC1B;EAEA+B,WAAW,CAACC,KAAsB,EAAE;IAClC,KAAK,CAACA,KAAK,CAAC;IAAC;IAAA;IAAA,4CAmIMvC,OAAO,CAAE4B,QAAiB,IAC7CA,QAAQ,GAAG,CAAC,GAAGZ,gBAAgB,EAAE,GAAGC,cAAc,CAAC,GAAG,CAAC,GAAGD,gBAAgB,CAAC,CAC5E;IAAA,yCAEiBhB,OAAO,CAAE4B,QAAiB,IAC1C,IAAI,CAACY,kBAAkB,CAACZ,QAAQ,CAAC,CAACa,IAAI,CAAC,IAAI,CAAC,CAC7C;IAAA,gDAEwBzC,OAAO,CAAE4B,QAAiB,IACjDf,SAAS,CAAC4B,IAAI,CAAC,IAAI,CAACD,kBAAkB,CAACZ,QAAQ,CAAC,EAAE,IAAI,CAAC,CACxD;IA3IC,IAAI,CAACc,gBAAgB,GAAG,IAAI,CAACA,gBAAgB,CAACC,IAAI,CAAC,IAAI,CAAC;IACxD,IAAI,CAACC,WAAW,GAAG,IAAI,CAACA,WAAW,CAACD,IAAI,CAAC,IAAI,CAAC;IAC9C,IAAI,CAACE,UAAU,GAAG,IAAI,CAACA,UAAU,CAACF,IAAI,CAAC,IAAI,CAAC;IAC5C,IAAI,CAACG,WAAW,GAAG,IAAI,CAACA,WAAW,CAACH,IAAI,CAAC,IAAI,CAAC;IAC9C,IAAI,CAACI,eAAe,GAAG,IAAI,CAACA,eAAe,CAACJ,IAAI,CAAC,IAAI,CAAC;IACtD,IAAI,CAACK,gBAAgB,GAAG,IAAI,CAACA,gBAAgB,CAACL,IAAI,CAAC,IAAI,CAAC;IAExD,IAAI,CAACM,QAAQ,gBAAGnD,KAAK,CAACoD,SAAS,EAAE;IACjC,IAAI,CAACC,OAAO,gBAAGrD,KAAK,CAACoD,SAAS,EAAE;IAEhC,IAAI,CAACE,KAAK,GAAG;MACXC,gBAAgB,EAAE;IACpB,CAAC;EACH;EAEAC,iBAAiB,GAAS;IAAA;IACxB,6BAAI,CAACH,OAAO,CAACI,OAAO,0DAApB,sBAAsBC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAACR,gBAAgB,CAAC;IACtE,8BAAI,CAACG,OAAO,CAACI,OAAO,2DAApB,uBAAsBE,KAAK,EAAE;EAC/B;EAEAC,oBAAoB,GAAS;IAAA;IAC3B,8BAAI,CAACP,OAAO,CAACI,OAAO,2DAApB,uBAAsBI,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAACX,gBAAgB,CAAC;EAC3E;EAMAN,gBAAgB,GAAS;IACvB,IAAI,IAAI,CAACO,QAAQ,CAACM,OAAO,EAAE;MAAA;MACzB,IAAI,CAACN,QAAQ,CAACM,OAAO,CAACK,KAAK,GAAG,EAAE;MAChC,6BAAI,CAACX,QAAQ,CAACM,OAAO,0DAArB,sBAAuBM,KAAK,EAAE;IAChC;EACF;EAEAjB,WAAW,CAACkB,KAAoC,EAAQ;IACtDA,KAAK,CAAC3B,eAAe,EAAE;IACvB2B,KAAK,CAAC5B,cAAc,EAAE;IACtB,IAAM;MAAE6B;IAAM,CAAC,GAAGD,KAAK,CAACE,MAAM;IAC9B,IAAID,KAAK,IAAI,IAAI,EAAE;MACjB,IAAI,CAACE,UAAU,CAACF,KAAK,CAAC,CAAC,CAAC,CAAC;IAC3B;EACF;EAEAlB,UAAU,CAACZ,CAA4B,EAAQ;IAC7C,IAAM;MAAEL,QAAQ;MAAEsC,cAAc;MAAEC;IAAU,CAAC,GAAG,IAAI,CAAC5B,KAAK;IAC1DN,CAAC,CAACC,cAAc,EAAE;IAClBD,CAAC,CAACE,eAAe,EAAE;IAEnB,IAAIgC,SAAS,IAAI,IAAI,EAAE;MACrBD,cAAc,EAAE;MAChB;IACF;IAEA,IACEjC,CAAC,CAACmC,YAAY,IAAI,IAAI,IACtBnC,CAAC,CAACmC,YAAY,CAACC,KAAK,IAAI,IAAI,IAC5BpC,CAAC,CAACmC,YAAY,CAACC,KAAK,CAACC,MAAM,KAAK,CAAC,EACjC;MACA;IACF;IAEA,IAAMC,IAAI,GAAGtC,CAAC,CAACmC,YAAY,CAACC,KAAK,CAAC,CAAC,CAAC,CAACG,SAAS,EAAE;IAChD5D,aAAa,CAAC2D,IAAI,CAAC;IACnB,IAAIrD,UAAU,CAACQ,gBAAgB,CAAC6C,IAAI,CAAC5C,IAAI,EAAEC,QAAQ,CAAC,EAAE;MACpD,IAAI,CAACqC,UAAU,CAACM,IAAI,CAAC;IACvB,CAAC,MAAM;MACL,IAAI,CAACE,QAAQ,CAAC;QACZC,SAAS,EAAExD,UAAU,CAACyD;MACxB,CAAC,CAAC;IACJ;EACF;EAEA7B,WAAW,CAACgB,KAAoC,EAAQ;IACtD,IAAM;MAAEc;IAAS,CAAC,GAAG,IAAI,CAACrC,KAAK;IAC/BuB,KAAK,CAAC3B,eAAe,EAAE;IACvB2B,KAAK,CAAC5B,cAAc,EAAE;IACtB0C,QAAQ,EAAE;IACV,IAAI,CAACH,QAAQ,CAAC;MACZpB,gBAAgB,EAAE,EAAE;MACpBqB,SAAS,EAAEG;IACb,CAAC,CAAC;EACJ;EAEAZ,UAAU,CAACM,IAAU,EAAQ;IAC3B,IAAM;MAAEO;IAAa,CAAC,GAAG,IAAI,CAACvC,KAAK;IACnCuC,YAAY,CAACP,IAAI,CAAC;IAClB,IAAI,CAACE,QAAQ,CAAC;MACZpB,gBAAgB,EAAEkB,IAAI,CAAC5C,IAAI;MAC3B+C,SAAS,EAAEG;IACb,CAAC,CAAC;EACJ;EAEA9B,eAAe,GAAS;IACtB,IAAM;MAAEgC,OAAO;MAAEC,OAAO;MAAEC;IAAiB,CAAC,GAAG,IAAI,CAAC1C,KAAK;IACzD,IAAI0C,gBAAgB,EAAE;MACpB;IACF;IACAC,SAAS,CAACC,SAAS,CAChBC,QAAQ,EAAE,CACVC,IAAI,CAACC,QAAQ,IAAI;MAChBP,OAAO,CAACO,QAAQ,CAAC;MACjB,IAAI,CAACb,QAAQ,CAAC;QACZpB,gBAAgB,EAAEvC,aAAa;QAC/B4D,SAAS,EAAEG;MACb,CAAC,CAAC;IACJ,CAAC,CAAC,CACDU,KAAK,CAAEtD,CAAU,IAAK+C,OAAO,CAAC/C,CAAC,CAAC,CAAC;EACtC;EAEAe,gBAAgB,CAACc,KAAqB,EAAQ;IAC5CA,KAAK,CAAC3B,eAAe,EAAE;IACvB2B,KAAK,CAAC5B,cAAc,EAAE;IACtB,IAAI,CAACa,eAAe,EAAE;EACxB;EAEAyC,oBAAoB,GAAoB;IACtC,IAAM;MAAEP;IAAiB,CAAC,GAAG,IAAI,CAAC1C,KAAK;IACvC,OAAO,CACL;MACEkD,KAAK,EAAE,OAAO;MACdC,IAAI,EAAElF,QAAQ;MACdmF,MAAM,EAAE,IAAI,CAAC5C,eAAe;MAC5B6C,QAAQ,EAAExF,gBAAgB,CAACyF,KAAK;MAChCC,QAAQ,EAAEb;IACZ,CAAC,CACF;EACH;EAcAc,MAAM,GAAiB;IACrB,IAAM;MAAEnE,QAAQ;MAAEuC,SAAS;MAAEc;IAAiB,CAAC,GAAG,IAAI,CAAC1C,KAAK;IAC5D,IAAM;MAAEc,gBAAgB;MAAEqB;IAAU,CAAC,GAAG,IAAI,CAACtB,KAAK;IAClD,IAAM4C,KAAK,GAAG7B,SAAS,aAATA,SAAS,cAATA,SAAS,GAAIO,SAAS;IACpC,IAAMuB,cAAc,GAAG,IAAI,CAACT,oBAAoB,EAAE;IAClD,oBACE;MACE,GAAG,EAAE,IAAI,CAACrC,OAAQ;MAClB,SAAS,EAAC,kCAAkC;MAC5C,UAAU,EAAEjC,UAAU,CAACc,cAAe;MACtC,MAAM,EAAE,IAAI,CAACa,UAAW;MACxB,QAAQ,EAAE,CAAC;IAAE,gBAEb,oBAAC,cAAc;MAAC,OAAO,EAAEoD;IAAe,EAAG,eAC3C;MACE,GAAG,EAAE,IAAI,CAAChD,QAAS;MACnB,IAAI,EAAC,MAAM;MACX,EAAE,EAAC,UAAU;MACb,MAAM,EAAE,IAAI,CAACiD,eAAe,CAACtE,QAAQ,CAAE;MACvC,KAAK,EAAE;QAAEuE,OAAO,EAAE;MAAO,CAAE;MAC3B,QAAQ,EAAE,IAAI,CAACvD,WAAY;MAC3B,eAAY;IAAU,EACtB,EACD,CAACS,gBAAgB,KAAK2C,KAAK,KAAKnB,SAAS,IAAImB,KAAK,KAAK,EAAE,CAAC,iBACzD;MAAK,SAAS,EAAC;IAAiB,gBAC9B;MAAK,SAAS,EAAC;IAAc,gBAC3B,oBAAC,eAAe;MAAC,IAAI,EAAE1F;IAAe,EAAG,CACrC,eACN,gFAAyD,eACzD;MAAK,SAAS,EAAC;IAAe,gBAC5B,wCAAiB,CACb,eACN,oBAAC,MAAM;MAAC,IAAI,EAAC,SAAS;MAAC,OAAO,EAAE,IAAI,CAACoC;IAAiB,oBAE7C,CAEZ,EACAW,gBAAgB,KAAK2C,KAAK,KAAKnB,SAAS,IAAImB,KAAK,KAAK,EAAE,CAAC,iBACxD;MAAK,SAAS,EAAC;IAAkB,gBAC/B;MAAK,SAAS,EAAC;IAAe,gBAC5B,oBAAC,eAAe;MAAC,IAAI,EAAE9E,UAAU,CAACkB,OAAO,CAACiB,gBAAgB;IAAE,EAAG,CAC3D,eACN;MAAK,SAAS,EAAC;IAAe,gBAC5B,mDAA4B,eAC5B;MAAO,SAAS,EAAC;IAAe,GAC7BA,gBAAgB,EAChB,CAAC4B,gBAAgB,iBAChB,oBAAC,MAAM;MACL,IAAI,EAAC,OAAO;MACZ,SAAS,EAAC,MAAM;MAChB,OAAO,EAAE,IAAI,CAACnC,WAAY;MAC1B,IAAI,EAAEpC,OAAQ;MACd,OAAO,EAAC;IAAQ,EAEnB,CACK,CACJ,CAET,EACA0F,OAAO,CAACJ,KAAK,CAAC,iBACb;MAAK,SAAS,EAAC;IAAiB,gBAC9B;MAAK,SAAS,EAAC;IAAc,gBAC3B,oBAAC,eAAe;MAAC,IAAI,EAAErF;IAAU,EAAG,CAChC,eACN,mCAAQqF,KAAK,CAAS,EACrBA,KAAK,KAAK9E,UAAU,CAACyD,eAAe,iBACnC;MAAK,SAAS,EAAC;IAAe,gBAC5B,mCAAQ,IAAI,CAAC0B,sBAAsB,CAACzE,QAAQ,CAAC,CAAS,CAEzD,CAEJ,CACG;EAEV;AACF;AAAC,gBAtQKV,UAAU,kBACQ;EACpBU,QAAQ,EAAE,KAAK;EACfuC,SAAS,EAAE;AACb,CAAC;AAAA,gBAJGjD,UAAU,yBAMe,6BAA6B;AAAA,gBANtDA,UAAU,qBAQW,yBAAyB;AAgQpD,eAAeA,UAAU"}