@deephaven/console 0.46.1-beta.0 → 0.46.1-beta.4

package/dist/console-history/ConsoleHistoryResultErrorMessage.js

@@ -9,6 +9,9 @@ import classNames from 'classnames';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { vsTriangleRight, vsTriangleDown } from '@deephaven/icons';
 import { assertNotNull } from '@deephaven/utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 class ConsoleHistoryResultErrorMessage extends PureComponent {
   constructor(props) {
     super(props);
@@ -100,38 +103,46 @@ class ConsoleHistoryResultErrorMessage extends PureComponent {
     }
     var remainderOfMessage = messageProp.slice(lineBreakIndex);
     var arrowBtnClasses = isTriggerHovered ? 'error-btn-link error-btn-link--active' : 'error-btn-link';
-    return /*#__PURE__*/React.createElement("div", {
-      key: "error",
+    return /*#__PURE__*/_jsxs("div", {
       className: classNames('error-message', {
         expanded: isExpanded
-      })
-    }, isMultiline && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      className: "error-gutter"
-    }, /*#__PURE__*/React.createElement("button", {
-      type: "button",
-      onClick: this.handleToggleError,
-      className: arrowBtnClasses,
-      tabIndex: -1
-    }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-      icon: isExpanded ? vsTriangleDown : vsTriangleRight,
-      transform: "left-3"
-    }))), /*#__PURE__*/React.createElement("div", {
-      className: "error-content"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "console-error-text-trigger",
-      role: "button",
-      tabIndex: 0,
-      onKeyPress: this.handleKeyPress,
-      onMouseDown: this.handleMouseDown,
-      onMouseMove: this.handleMouseMove,
-      onMouseEnter: this.handleMouseEnter,
-      onMouseLeave: this.handleMouseLeave,
-      onMouseUp: this.handleMouseUp
-    }, topLineOfMessage), isExpanded ? remainderOfMessage : '')), !isMultiline && /*#__PURE__*/React.createElement("div", {
-      className: "error-content"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "console-error-text"
-    }, topLineOfMessage)));
+      }),
+      children: [isMultiline && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx("div", {
+          className: "error-gutter",
+          children: /*#__PURE__*/_jsx("button", {
+            type: "button",
+            onClick: this.handleToggleError,
+            className: arrowBtnClasses,
+            tabIndex: -1,
+            children: /*#__PURE__*/_jsx(FontAwesomeIcon, {
+              icon: isExpanded ? vsTriangleDown : vsTriangleRight,
+              transform: "left-3"
+            })
+          })
+        }), /*#__PURE__*/_jsxs("div", {
+          className: "error-content",
+          children: [/*#__PURE__*/_jsx("div", {
+            className: "console-error-text-trigger",
+            role: "button",
+            tabIndex: 0,
+            onKeyPress: this.handleKeyPress,
+            onMouseDown: this.handleMouseDown,
+            onMouseMove: this.handleMouseMove,
+            onMouseEnter: this.handleMouseEnter,
+            onMouseLeave: this.handleMouseLeave,
+            onMouseUp: this.handleMouseUp,
+            children: topLineOfMessage
+          }), isExpanded ? remainderOfMessage : '']
+        })]
+      }), !isMultiline && /*#__PURE__*/_jsx("div", {
+        className: "error-content",
+        children: /*#__PURE__*/_jsx("div", {
+          className: "console-error-text",
+          children: topLineOfMessage
+        })
+      })]
+    }, "error");
   }
 }
 _defineProperty(ConsoleHistoryResultErrorMessage, "defaultProps", {

package/dist/console-history/ConsoleHistoryResultErrorMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConsoleHistoryResultErrorMessage.js","names":["React","PureComponent","classNames","FontAwesomeIcon","vsTriangleRight","vsTriangleDown","assertNotNull","ConsoleHistoryResultErrorMessage","constructor","props","handleKeyPress","bind","handleMouseDown","handleMouseMove","handleMouseUp","handleToggleError","handleMouseEnter","handleMouseLeave","mouseX","mouseY","isClicking","state","isExpanded","isTriggerHovered","event","key","stopPropagation","preventDefault","clientX","clientY","Math","abs","mouseDragThreshold","shiftKey","metaKey","altKey","setState","render","message","messageProp","lineBreakIndex","indexOf","isMultiline","topLineOfMessage","slice","remainderOfMessage","arrowBtnClasses","expanded"],"sources":["../../src/console-history/ConsoleHistoryResultErrorMessage.tsx"],"sourcesContent":["/**\n * Error message that can be expanded\n */\nimport React, {\n  KeyboardEvent,\n  MouseEvent,\n  PureComponent,\n  ReactElement,\n} from 'react';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsTriangleRight, vsTriangleDown } from '@deephaven/icons';\nimport { assertNotNull } from '@deephaven/utils';\n\ninterface ConsoleHistoryResultErrorMessageProps {\n  message?: string;\n}\n\ninterface ConsoleHistoryResultErrorMessageState {\n  isExpanded: boolean;\n  isTriggerHovered: boolean;\n}\n\nclass ConsoleHistoryResultErrorMessage extends PureComponent<\n  ConsoleHistoryResultErrorMessageProps,\n  ConsoleHistoryResultErrorMessageState\n> {\n  static defaultProps = {\n    message: '',\n  };\n\n  static mouseDragThreshold = 5;\n\n  constructor(props: ConsoleHistoryResultErrorMessageProps) {\n    super(props);\n\n    this.handleKeyPress = this.handleKeyPress.bind(this);\n    this.handleMouseDown = this.handleMouseDown.bind(this);\n    this.handleMouseMove = this.handleMouseMove.bind(this);\n    this.handleMouseUp = this.handleMouseUp.bind(this);\n    this.handleToggleError = this.handleToggleError.bind(this);\n    this.handleMouseEnter = this.handleMouseEnter.bind(this);\n    this.handleMouseLeave = this.handleMouseLeave.bind(this);\n\n    this.mouseX = null;\n    this.mouseY = null;\n    this.isClicking = false;\n\n    this.state = {\n      isExpanded: false,\n      isTriggerHovered: false,\n    };\n  }\n\n  mouseX: number | null;\n\n  mouseY: number | null;\n\n  isClicking: boolean;\n\n  handleKeyPress(event: KeyboardEvent<HTMLDivElement>): void {\n    switch (event.key) {\n      case 'Enter':\n      case ' ':\n        // Toggle the error open/closed\n        this.handleToggleError();\n        event.stopPropagation();\n        event.preventDefault();\n        break;\n      default:\n        break;\n    }\n  }\n\n  handleMouseDown(event: MouseEvent<HTMLDivElement>): void {\n    this.mouseX = event.clientX;\n    this.mouseY = event.clientY;\n    this.isClicking = true;\n  }\n\n  handleMouseMove(event: MouseEvent<HTMLDivElement>): void {\n    if (this.mouseX != null && this.mouseY != null) {\n      if (\n        Math.abs(event.clientX - this.mouseX) >=\n          ConsoleHistoryResultErrorMessage.mouseDragThreshold ||\n        Math.abs(event.clientY - this.mouseY) >=\n          ConsoleHistoryResultErrorMessage.mouseDragThreshold\n      ) {\n        this.isClicking = false;\n      }\n    } else if (this.isClicking) {\n      // Rare case - could happen if you mouse down, switch window focus, release the mouse, then come back, mouse down outside of the error, drag into the error, then release the mouse\n      this.isClicking = false;\n    }\n  }\n\n  handleMouseUp(event: MouseEvent<HTMLDivElement>): void {\n    // We don't want to expand/collapse the error if user is holding shift or an alt key\n    // They may be trying to adjust their selection\n    if (this.isClicking && !event.shiftKey && !event.metaKey && !event.altKey) {\n      this.handleToggleError();\n    }\n    this.mouseX = null;\n    this.mouseY = null;\n    this.isClicking = false;\n  }\n\n  handleToggleError(): void {\n    this.setState(state => ({ isExpanded: !state.isExpanded }));\n  }\n\n  handleMouseEnter(): void {\n    this.setState({ isTriggerHovered: true });\n  }\n\n  handleMouseLeave(): void {\n    this.setState({ isTriggerHovered: false });\n  }\n\n  render(): ReactElement {\n    const { isExpanded, isTriggerHovered } = this.state;\n    const { message: messageProp } = this.props;\n    assertNotNull(messageProp);\n    const lineBreakIndex = messageProp.indexOf('\\n');\n    const isMultiline = lineBreakIndex > -1;\n    let topLineOfMessage = messageProp;\n    if (isMultiline) {\n      topLineOfMessage = messageProp.slice(0, lineBreakIndex);\n    }\n    const remainderOfMessage = messageProp.slice(lineBreakIndex);\n    const arrowBtnClasses = isTriggerHovered\n      ? 'error-btn-link error-btn-link--active'\n      : 'error-btn-link';\n\n    return (\n      <div\n        key=\"error\"\n        className={classNames('error-message', {\n          expanded: isExpanded,\n        })}\n      >\n        {isMultiline && (\n          <>\n            <div className=\"error-gutter\">\n              <button\n                type=\"button\"\n                onClick={this.handleToggleError}\n                className={arrowBtnClasses}\n                tabIndex={-1}\n              >\n                <FontAwesomeIcon\n                  icon={isExpanded ? vsTriangleDown : vsTriangleRight}\n                  transform=\"left-3\"\n                />\n              </button>\n            </div>\n            <div className=\"error-content\">\n              <div\n                className=\"console-error-text-trigger\"\n                role=\"button\"\n                tabIndex={0}\n                onKeyPress={this.handleKeyPress}\n                onMouseDown={this.handleMouseDown}\n                onMouseMove={this.handleMouseMove}\n                onMouseEnter={this.handleMouseEnter}\n                onMouseLeave={this.handleMouseLeave}\n                onMouseUp={this.handleMouseUp}\n              >\n                {topLineOfMessage}\n              </div>\n              {isExpanded ? remainderOfMessage : ''}\n            </div>\n          </>\n        )}\n        {!isMultiline && (\n          <div className=\"error-content\">\n            <div className=\"console-error-text\">{topLineOfMessage}</div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default ConsoleHistoryResultErrorMessage;\n"],"mappings":"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"}
+{"version":3,"file":"ConsoleHistoryResultErrorMessage.js","names":["React","PureComponent","classNames","FontAwesomeIcon","vsTriangleRight","vsTriangleDown","assertNotNull","ConsoleHistoryResultErrorMessage","constructor","props","handleKeyPress","bind","handleMouseDown","handleMouseMove","handleMouseUp","handleToggleError","handleMouseEnter","handleMouseLeave","mouseX","mouseY","isClicking","state","isExpanded","isTriggerHovered","event","key","stopPropagation","preventDefault","clientX","clientY","Math","abs","mouseDragThreshold","shiftKey","metaKey","altKey","setState","render","message","messageProp","lineBreakIndex","indexOf","isMultiline","topLineOfMessage","slice","remainderOfMessage","arrowBtnClasses","expanded"],"sources":["../../src/console-history/ConsoleHistoryResultErrorMessage.tsx"],"sourcesContent":["/**\n * Error message that can be expanded\n */\nimport React, {\n  KeyboardEvent,\n  MouseEvent,\n  PureComponent,\n  ReactElement,\n} from 'react';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsTriangleRight, vsTriangleDown } from '@deephaven/icons';\nimport { assertNotNull } from '@deephaven/utils';\n\ninterface ConsoleHistoryResultErrorMessageProps {\n  message?: string;\n}\n\ninterface ConsoleHistoryResultErrorMessageState {\n  isExpanded: boolean;\n  isTriggerHovered: boolean;\n}\n\nclass ConsoleHistoryResultErrorMessage extends PureComponent<\n  ConsoleHistoryResultErrorMessageProps,\n  ConsoleHistoryResultErrorMessageState\n> {\n  static defaultProps = {\n    message: '',\n  };\n\n  static mouseDragThreshold = 5;\n\n  constructor(props: ConsoleHistoryResultErrorMessageProps) {\n    super(props);\n\n    this.handleKeyPress = this.handleKeyPress.bind(this);\n    this.handleMouseDown = this.handleMouseDown.bind(this);\n    this.handleMouseMove = this.handleMouseMove.bind(this);\n    this.handleMouseUp = this.handleMouseUp.bind(this);\n    this.handleToggleError = this.handleToggleError.bind(this);\n    this.handleMouseEnter = this.handleMouseEnter.bind(this);\n    this.handleMouseLeave = this.handleMouseLeave.bind(this);\n\n    this.mouseX = null;\n    this.mouseY = null;\n    this.isClicking = false;\n\n    this.state = {\n      isExpanded: false,\n      isTriggerHovered: false,\n    };\n  }\n\n  mouseX: number | null;\n\n  mouseY: number | null;\n\n  isClicking: boolean;\n\n  handleKeyPress(event: KeyboardEvent<HTMLDivElement>): void {\n    switch (event.key) {\n      case 'Enter':\n      case ' ':\n        // Toggle the error open/closed\n        this.handleToggleError();\n        event.stopPropagation();\n        event.preventDefault();\n        break;\n      default:\n        break;\n    }\n  }\n\n  handleMouseDown(event: MouseEvent<HTMLDivElement>): void {\n    this.mouseX = event.clientX;\n    this.mouseY = event.clientY;\n    this.isClicking = true;\n  }\n\n  handleMouseMove(event: MouseEvent<HTMLDivElement>): void {\n    if (this.mouseX != null && this.mouseY != null) {\n      if (\n        Math.abs(event.clientX - this.mouseX) >=\n          ConsoleHistoryResultErrorMessage.mouseDragThreshold ||\n        Math.abs(event.clientY - this.mouseY) >=\n          ConsoleHistoryResultErrorMessage.mouseDragThreshold\n      ) {\n        this.isClicking = false;\n      }\n    } else if (this.isClicking) {\n      // Rare case - could happen if you mouse down, switch window focus, release the mouse, then come back, mouse down outside of the error, drag into the error, then release the mouse\n      this.isClicking = false;\n    }\n  }\n\n  handleMouseUp(event: MouseEvent<HTMLDivElement>): void {\n    // We don't want to expand/collapse the error if user is holding shift or an alt key\n    // They may be trying to adjust their selection\n    if (this.isClicking && !event.shiftKey && !event.metaKey && !event.altKey) {\n      this.handleToggleError();\n    }\n    this.mouseX = null;\n    this.mouseY = null;\n    this.isClicking = false;\n  }\n\n  handleToggleError(): void {\n    this.setState(state => ({ isExpanded: !state.isExpanded }));\n  }\n\n  handleMouseEnter(): void {\n    this.setState({ isTriggerHovered: true });\n  }\n\n  handleMouseLeave(): void {\n    this.setState({ isTriggerHovered: false });\n  }\n\n  render(): ReactElement {\n    const { isExpanded, isTriggerHovered } = this.state;\n    const { message: messageProp } = this.props;\n    assertNotNull(messageProp);\n    const lineBreakIndex = messageProp.indexOf('\\n');\n    const isMultiline = lineBreakIndex > -1;\n    let topLineOfMessage = messageProp;\n    if (isMultiline) {\n      topLineOfMessage = messageProp.slice(0, lineBreakIndex);\n    }\n    const remainderOfMessage = messageProp.slice(lineBreakIndex);\n    const arrowBtnClasses = isTriggerHovered\n      ? 'error-btn-link error-btn-link--active'\n      : 'error-btn-link';\n\n    return (\n      <div\n        key=\"error\"\n        className={classNames('error-message', {\n          expanded: isExpanded,\n        })}\n      >\n        {isMultiline && (\n          <>\n            <div className=\"error-gutter\">\n              <button\n                type=\"button\"\n                onClick={this.handleToggleError}\n                className={arrowBtnClasses}\n                tabIndex={-1}\n              >\n                <FontAwesomeIcon\n                  icon={isExpanded ? vsTriangleDown : vsTriangleRight}\n                  transform=\"left-3\"\n                />\n              </button>\n            </div>\n            <div className=\"error-content\">\n              <div\n                className=\"console-error-text-trigger\"\n                role=\"button\"\n                tabIndex={0}\n                onKeyPress={this.handleKeyPress}\n                onMouseDown={this.handleMouseDown}\n                onMouseMove={this.handleMouseMove}\n                onMouseEnter={this.handleMouseEnter}\n                onMouseLeave={this.handleMouseLeave}\n                onMouseUp={this.handleMouseUp}\n              >\n                {topLineOfMessage}\n              </div>\n              {isExpanded ? remainderOfMessage : ''}\n            </div>\n          </>\n        )}\n        {!isMultiline && (\n          <div className=\"error-content\">\n            <div className=\"console-error-text\">{topLineOfMessage}</div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default ConsoleHistoryResultErrorMessage;\n"],"mappings":"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"}

package/dist/console-history/ConsoleHistoryResultInProgress.js

@@ -7,6 +7,8 @@ import { Button, LoadingSpinner } from '@deephaven/components';
 import { vsClose } from '@deephaven/icons';
 import { TimeUtils } from '@deephaven/utils';
 import "./ConsoleHistoryResultInProgress.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * A spinner shown when a command is taking a while.
  */
@@ -43,20 +45,22 @@ class ConsoleHistoryResultInProgress extends Component {
     var {
       elapsed
     } = this.state;
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_jsx("div", {
       className: classNames('console-history-result-in-progress', {
         disabled
+      }),
+      children: /*#__PURE__*/_jsxs("span", {
+        className: "badge",
+        children: [/*#__PURE__*/_jsx(LoadingSpinner, {}), "\xA0Running... ", TimeUtils.formatElapsedTime(elapsed), "\xA0", /*#__PURE__*/_jsx(Button, {
+          className: "console-history-result-in-progress-cancel",
+          kind: "ghost",
+          icon: vsClose,
+          tooltip: "Cancel",
+          onClick: onCancelClick,
+          disabled: disabled
+        })]
       })
-    }, /*#__PURE__*/React.createElement("span", {
-      className: "badge"
-    }, /*#__PURE__*/React.createElement(LoadingSpinner, null), "\xA0Running... ", TimeUtils.formatElapsedTime(elapsed), "\xA0", /*#__PURE__*/React.createElement(Button, {
-      className: "console-history-result-in-progress-cancel",
-      kind: "ghost",
-      icon: vsClose,
-      tooltip: "Cancel",
-      onClick: onCancelClick,
-      disabled: disabled
-    })));
+    });
   }
 }
 _defineProperty(ConsoleHistoryResultInProgress, "defaultProps", {

package/dist/console-history/ConsoleHistoryResultInProgress.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConsoleHistoryResultInProgress.js","names":["React","Component","classNames","Button","LoadingSpinner","vsClose","TimeUtils","ConsoleHistoryResultInProgress","constructor","props","updateElapsed","bind","startTime","Date","now","state","elapsed","componentDidMount","timer","setInterval","componentWillUnmount","clearInterval","undefined","setState","Math","round","render","disabled","onCancelClick","formatElapsedTime"],"sources":["../../src/console-history/ConsoleHistoryResultInProgress.tsx"],"sourcesContent":["import React, { Component, ReactElement } from 'react';\nimport classNames from 'classnames';\nimport { Button, LoadingSpinner } from '@deephaven/components';\nimport { vsClose } from '@deephaven/icons';\nimport { TimeUtils } from '@deephaven/utils';\nimport './ConsoleHistoryResultInProgress.scss';\n\ninterface ConsoleHistoryResultInProgressProps {\n  onCancelClick: () => void;\n  disabled: boolean;\n}\n\ninterface ConsoleHistoryResultInProgressState {\n  elapsed: number;\n}\n/**\n * A spinner shown when a command is taking a while.\n */\nclass ConsoleHistoryResultInProgress extends Component<\n  ConsoleHistoryResultInProgressProps,\n  ConsoleHistoryResultInProgressState\n> {\n  static defaultProps = {\n    disabled: false,\n  };\n\n  constructor(props: ConsoleHistoryResultInProgressProps) {\n    super(props);\n\n    this.updateElapsed = this.updateElapsed.bind(this);\n\n    this.startTime = Date.now();\n\n    this.state = {\n      elapsed: 0,\n    };\n  }\n\n  componentDidMount(): void {\n    this.timer = setInterval(this.updateElapsed, 1000);\n  }\n\n  componentWillUnmount(): void {\n    if (this.timer) {\n      clearInterval(this.timer);\n    }\n\n    this.timer = undefined;\n  }\n\n  timer?: NodeJS.Timer;\n\n  startTime: number;\n\n  updateElapsed(): void {\n    this.setState({\n      elapsed: Math.round((Date.now() - this.startTime) / 1000),\n    });\n  }\n\n  render(): ReactElement {\n    const { disabled, onCancelClick } = this.props;\n    const { elapsed } = this.state;\n    return (\n      <div\n        className={classNames('console-history-result-in-progress', {\n          disabled,\n        })}\n      >\n        <span className=\"badge\">\n          <LoadingSpinner />\n          &nbsp;Running... {TimeUtils.formatElapsedTime(elapsed)}&nbsp;\n          <Button\n            className=\"console-history-result-in-progress-cancel\"\n            kind=\"ghost\"\n            icon={vsClose}\n            tooltip=\"Cancel\"\n            onClick={onCancelClick}\n            disabled={disabled}\n          />\n        </span>\n      </div>\n    );\n  }\n}\n\nexport default ConsoleHistoryResultInProgress;\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAsB,OAAO;AACtD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,MAAM,EAAEC,cAAc,QAAQ,uBAAuB;AAC9D,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,SAAS,QAAQ,kBAAkB;AAAC;AAW7C;AACA;AACA;AACA,MAAMC,8BAA8B,SAASN,SAAS,CAGpD;EAKAO,WAAW,CAACC,KAA0C,EAAE;IACtD,KAAK,CAACA,KAAK,CAAC;IAAC;IAAA;IAEb,IAAI,CAACC,aAAa,GAAG,IAAI,CAACA,aAAa,CAACC,IAAI,CAAC,IAAI,CAAC;IAElD,IAAI,CAACC,SAAS,GAAGC,IAAI,CAACC,GAAG,EAAE;IAE3B,IAAI,CAACC,KAAK,GAAG;MACXC,OAAO,EAAE;IACX,CAAC;EACH;EAEAC,iBAAiB,GAAS;IACxB,IAAI,CAACC,KAAK,GAAGC,WAAW,CAAC,IAAI,CAACT,aAAa,EAAE,IAAI,CAAC;EACpD;EAEAU,oBAAoB,GAAS;IAC3B,IAAI,IAAI,CAACF,KAAK,EAAE;MACdG,aAAa,CAAC,IAAI,CAACH,KAAK,CAAC;IAC3B;IAEA,IAAI,CAACA,KAAK,GAAGI,SAAS;EACxB;EAMAZ,aAAa,GAAS;IACpB,IAAI,CAACa,QAAQ,CAAC;MACZP,OAAO,EAAEQ,IAAI,CAACC,KAAK,CAAC,CAACZ,IAAI,CAACC,GAAG,EAAE,GAAG,IAAI,CAACF,SAAS,IAAI,IAAI;IAC1D,CAAC,CAAC;EACJ;EAEAc,MAAM,GAAiB;IACrB,IAAM;MAAEC,QAAQ;MAAEC;IAAc,CAAC,GAAG,IAAI,CAACnB,KAAK;IAC9C,IAAM;MAAEO;IAAQ,CAAC,GAAG,IAAI,CAACD,KAAK;IAC9B,oBACE;MACE,SAAS,EAAEb,UAAU,CAAC,oCAAoC,EAAE;QAC1DyB;MACF,CAAC;IAAE,gBAEH;MAAM,SAAS,EAAC;IAAO,gBACrB,oBAAC,cAAc,OAAG,mBACD,EAACrB,SAAS,CAACuB,iBAAiB,CAACb,OAAO,CAAC,EAAC,MACvD,mCAAC,MAAM;MACL,SAAS,EAAC,2CAA2C;MACrD,IAAI,EAAC,OAAO;MACZ,IAAI,EAAEX,OAAQ;MACd,OAAO,EAAC,QAAQ;MAChB,OAAO,EAAEuB,aAAc;MACvB,QAAQ,EAAED;IAAS,EACnB,CACG,CACH;EAEV;AACF;AAAC,gBAlEKpB,8BAA8B,kBAIZ;EACpBoB,QAAQ,EAAE;AACZ,CAAC;AA8DH,eAAepB,8BAA8B"}
+{"version":3,"file":"ConsoleHistoryResultInProgress.js","names":["React","Component","classNames","Button","LoadingSpinner","vsClose","TimeUtils","ConsoleHistoryResultInProgress","constructor","props","updateElapsed","bind","startTime","Date","now","state","elapsed","componentDidMount","timer","setInterval","componentWillUnmount","clearInterval","undefined","setState","Math","round","render","disabled","onCancelClick","formatElapsedTime"],"sources":["../../src/console-history/ConsoleHistoryResultInProgress.tsx"],"sourcesContent":["import React, { Component, ReactElement } from 'react';\nimport classNames from 'classnames';\nimport { Button, LoadingSpinner } from '@deephaven/components';\nimport { vsClose } from '@deephaven/icons';\nimport { TimeUtils } from '@deephaven/utils';\nimport './ConsoleHistoryResultInProgress.scss';\n\ninterface ConsoleHistoryResultInProgressProps {\n  onCancelClick: () => void;\n  disabled: boolean;\n}\n\ninterface ConsoleHistoryResultInProgressState {\n  elapsed: number;\n}\n/**\n * A spinner shown when a command is taking a while.\n */\nclass ConsoleHistoryResultInProgress extends Component<\n  ConsoleHistoryResultInProgressProps,\n  ConsoleHistoryResultInProgressState\n> {\n  static defaultProps = {\n    disabled: false,\n  };\n\n  constructor(props: ConsoleHistoryResultInProgressProps) {\n    super(props);\n\n    this.updateElapsed = this.updateElapsed.bind(this);\n\n    this.startTime = Date.now();\n\n    this.state = {\n      elapsed: 0,\n    };\n  }\n\n  componentDidMount(): void {\n    this.timer = setInterval(this.updateElapsed, 1000);\n  }\n\n  componentWillUnmount(): void {\n    if (this.timer) {\n      clearInterval(this.timer);\n    }\n\n    this.timer = undefined;\n  }\n\n  timer?: NodeJS.Timer;\n\n  startTime: number;\n\n  updateElapsed(): void {\n    this.setState({\n      elapsed: Math.round((Date.now() - this.startTime) / 1000),\n    });\n  }\n\n  render(): ReactElement {\n    const { disabled, onCancelClick } = this.props;\n    const { elapsed } = this.state;\n    return (\n      <div\n        className={classNames('console-history-result-in-progress', {\n          disabled,\n        })}\n      >\n        <span className=\"badge\">\n          <LoadingSpinner />\n          &nbsp;Running... {TimeUtils.formatElapsedTime(elapsed)}&nbsp;\n          <Button\n            className=\"console-history-result-in-progress-cancel\"\n            kind=\"ghost\"\n            icon={vsClose}\n            tooltip=\"Cancel\"\n            onClick={onCancelClick}\n            disabled={disabled}\n          />\n        </span>\n      </div>\n    );\n  }\n}\n\nexport default ConsoleHistoryResultInProgress;\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAsB,OAAO;AACtD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,MAAM,EAAEC,cAAc,QAAQ,uBAAuB;AAC9D,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,SAAS,QAAQ,kBAAkB;AAAC;AAAA;AAAA;AAW7C;AACA;AACA;AACA,MAAMC,8BAA8B,SAASN,SAAS,CAGpD;EAKAO,WAAW,CAACC,KAA0C,EAAE;IACtD,KAAK,CAACA,KAAK,CAAC;IAAC;IAAA;IAEb,IAAI,CAACC,aAAa,GAAG,IAAI,CAACA,aAAa,CAACC,IAAI,CAAC,IAAI,CAAC;IAElD,IAAI,CAACC,SAAS,GAAGC,IAAI,CAACC,GAAG,EAAE;IAE3B,IAAI,CAACC,KAAK,GAAG;MACXC,OAAO,EAAE;IACX,CAAC;EACH;EAEAC,iBAAiB,GAAS;IACxB,IAAI,CAACC,KAAK,GAAGC,WAAW,CAAC,IAAI,CAACT,aAAa,EAAE,IAAI,CAAC;EACpD;EAEAU,oBAAoB,GAAS;IAC3B,IAAI,IAAI,CAACF,KAAK,EAAE;MACdG,aAAa,CAAC,IAAI,CAACH,KAAK,CAAC;IAC3B;IAEA,IAAI,CAACA,KAAK,GAAGI,SAAS;EACxB;EAMAZ,aAAa,GAAS;IACpB,IAAI,CAACa,QAAQ,CAAC;MACZP,OAAO,EAAEQ,IAAI,CAACC,KAAK,CAAC,CAACZ,IAAI,CAACC,GAAG,EAAE,GAAG,IAAI,CAACF,SAAS,IAAI,IAAI;IAC1D,CAAC,CAAC;EACJ;EAEAc,MAAM,GAAiB;IACrB,IAAM;MAAEC,QAAQ;MAAEC;IAAc,CAAC,GAAG,IAAI,CAACnB,KAAK;IAC9C,IAAM;MAAEO;IAAQ,CAAC,GAAG,IAAI,CAACD,KAAK;IAC9B,oBACE;MACE,SAAS,EAAEb,UAAU,CAAC,oCAAoC,EAAE;QAC1DyB;MACF,CAAC,CAAE;MAAA,uBAEH;QAAM,SAAS,EAAC,OAAO;QAAA,wBACrB,KAAC,cAAc,KAAG,mBACD,EAACrB,SAAS,CAACuB,iBAAiB,CAACb,OAAO,CAAC,EAAC,MACvD,oBAAC,MAAM;UACL,SAAS,EAAC,2CAA2C;UACrD,IAAI,EAAC,OAAO;UACZ,IAAI,EAAEX,OAAQ;UACd,OAAO,EAAC,QAAQ;UAChB,OAAO,EAAEuB,aAAc;UACvB,QAAQ,EAAED;QAAS,EACnB;MAAA;IACG,EACH;EAEV;AACF;AAAC,gBAlEKpB,8BAA8B,kBAIZ;EACpBoB,QAAQ,EAAE;AACZ,CAAC;AA8DH,eAAepB,8BAA8B"}

package/dist/csv/CsvInputBar.js

@@ -10,13 +10,15 @@ import CsvOverlay from "./CsvOverlay.js";
 import CsvParser from "./CsvParser.js";
 import CsvFormats from "./CsvFormats.js";
 import "./CsvInputBar.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var log = Log.module('CsvInputBar');
 var TYPE_OPTIONS = Object.entries(CsvFormats.TYPES).map(_ref => {
   var [key, value] = _ref;
-  return /*#__PURE__*/React.createElement("option", {
-    key: key,
-    value: key
-  }, value.name);
+  return /*#__PURE__*/_jsx("option", {
+    value: key,
+    children: value.name
+  }, key);
 });
 /**
  * Input controls for CSV upload.
@@ -275,62 +277,80 @@ class CsvInputBar extends Component {
     } = 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"
-    }, !showProgress && /*#__PURE__*/React.createElement("form", {
-      onSubmit: this.handleUpload,
-      className: "csv-input-bar-container form-inline"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "form-group"
-    }, /*#__PURE__*/React.createElement("label", {
-      htmlFor: "tableNameInput"
-    }, "Table name"), /*#__PURE__*/React.createElement("input", {
-      ref: this.inputRef,
-      id: "tableNameInput",
-      type: "text",
-      className: classNames('form-control', {
-        'is-invalid': isNameInvalid
-      }),
-      value: tableName,
-      onChange: this.handleTableName
-    })), /*#__PURE__*/React.createElement("div", {
-      className: "form-group"
-    }, /*#__PURE__*/React.createElement("label", {
-      htmlFor: "formatSelect"
-    }, "File format"), /*#__PURE__*/React.createElement("select", {
-      id: "formatSelect",
-      className: "custom-select",
-      value: type,
-      onChange: this.handleQueryTypeChange
-    }, TYPE_OPTIONS)), /*#__PURE__*/React.createElement(Checkbox, {
-      className: "firstRowHeaders",
-      checked: isFirstRowHeaders,
-      onChange: this.toggleFirstRowHeaders
-    }, "First row is column headers"), /*#__PURE__*/React.createElement("div", {
-      className: "csv-input-buttons form-group"
-    }, /*#__PURE__*/React.createElement(Button, {
-      kind: "secondary",
-      onClick: this.handleCancel
-    }, "Cancel"), /*#__PURE__*/React.createElement(Button, {
-      kind: "primary",
-      type: "submit",
-      disabled: !(file !== null || paste !== undefined && paste !== '') || !tableName
-    }, "Upload"))), showProgress && /*#__PURE__*/React.createElement("div", {
-      className: "csv-progress-container"
-    }, /*#__PURE__*/React.createElement("label", null, "Uploading Table"), /*#__PURE__*/React.createElement("div", {
-      className: "progress"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "progress-bar bg-primary",
-      style: {
-        width: "".concat(progressValue, "%")
-      },
-      "aria-valuenow": progressValue,
-      "aria-valuemin": 0,
-      "aria-valuemax": 100
-    })), /*#__PURE__*/React.createElement("label", null, progressValue, "%"), /*#__PURE__*/React.createElement(Button, {
-      kind: "primary",
-      onClick: this.handleCancelInProgress
-    }, "Cancel")));
+    return /*#__PURE__*/_jsxs("div", {
+      className: "csv-input-bar",
+      children: [!showProgress && /*#__PURE__*/_jsxs("form", {
+        onSubmit: this.handleUpload,
+        className: "csv-input-bar-container form-inline",
+        children: [/*#__PURE__*/_jsxs("div", {
+          className: "form-group",
+          children: [/*#__PURE__*/_jsx("label", {
+            htmlFor: "tableNameInput",
+            children: "Table name"
+          }), /*#__PURE__*/_jsx("input", {
+            ref: this.inputRef,
+            id: "tableNameInput",
+            type: "text",
+            className: classNames('form-control', {
+              'is-invalid': isNameInvalid
+            }),
+            value: tableName,
+            onChange: this.handleTableName
+          })]
+        }), /*#__PURE__*/_jsxs("div", {
+          className: "form-group",
+          children: [/*#__PURE__*/_jsx("label", {
+            htmlFor: "formatSelect",
+            children: "File format"
+          }), /*#__PURE__*/_jsx("select", {
+            id: "formatSelect",
+            className: "custom-select",
+            value: type,
+            onChange: this.handleQueryTypeChange,
+            children: TYPE_OPTIONS
+          })]
+        }), /*#__PURE__*/_jsx(Checkbox, {
+          className: "firstRowHeaders",
+          checked: isFirstRowHeaders,
+          onChange: this.toggleFirstRowHeaders,
+          children: "First row is column headers"
+        }), /*#__PURE__*/_jsxs("div", {
+          className: "csv-input-buttons form-group",
+          children: [/*#__PURE__*/_jsx(Button, {
+            kind: "secondary",
+            onClick: this.handleCancel,
+            children: "Cancel"
+          }), /*#__PURE__*/_jsx(Button, {
+            kind: "primary",
+            type: "submit",
+            disabled: !(file !== null || paste !== undefined && paste !== '') || !tableName,
+            children: "Upload"
+          })]
+        })]
+      }), showProgress && /*#__PURE__*/_jsxs("div", {
+        className: "csv-progress-container",
+        children: [/*#__PURE__*/_jsx("label", {
+          children: "Uploading Table"
+        }), /*#__PURE__*/_jsx("div", {
+          className: "progress",
+          children: /*#__PURE__*/_jsx("div", {
+            className: "progress-bar bg-primary",
+            style: {
+              width: "".concat(progressValue, "%")
+            },
+            "aria-valuenow": progressValue,
+            "aria-valuemin": 0,
+            "aria-valuemax": 100
+          })
+        }), /*#__PURE__*/_jsxs("label", {
+          children: [progressValue, "%"]
+        }), /*#__PURE__*/_jsx(Button, {
+          kind: "primary",
+          onClick: this.handleCancelInProgress,
+          children: "Cancel"
+        })]
+      })]
+    });
   }
 }
 _defineProperty(CsvInputBar, "defaultProps", {

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 type { IdeSession, Table } from '@deephaven/jsapi-types';\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 { tableName, isFirstRowHeaders, showProgress, progressValue, 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 type { IdeSession, Table } from '@deephaven/jsapi-types';\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 { tableName, isFirstRowHeaders, showProgress, progressValue, 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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"}