@deephaven/iris-grid 0.22.3-beta.18 → 0.22.3-beta.21

package/dist/sidebar/CustomColumnInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomColumnInput.js","names":["React","PureComponent","classNames","Draggable","FontAwesomeIcon","Button","Tooltip","vsTrash","vsGripper","InputEditor","CustomColumnInput","constructor","props","handleFormulaEditorContentChanged","bind","formulaValue","onChange","eventKey","undefined","replace","INPUT_TYPE","FORMULA","render","name","formula","onDeleteColumn","inputIndex","onTabInEditor","invalid","provided","snapshot","dragging","isDragging","innerRef","draggableProps","event","NAME","target","value","dragHandleProps","language"],"sources":["../../src/sidebar/CustomColumnInput.tsx"],"sourcesContent":["import React, { PureComponent, ReactElement } from 'react';\nimport classNames from 'classnames';\nimport { Draggable } from 'react-beautiful-dnd';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { Button, Tooltip } from '@deephaven/components';\nimport { vsTrash, vsGripper } from '@deephaven/icons';\nimport InputEditor from './InputEditor';\nimport { CustomColumnKey } from './CustomColumnBuilder';\n\ninterface CustomColumnInputProps {\n  eventKey: string;\n  inputIndex: number;\n  name: string;\n  formula: string;\n  onChange: (\n    eventKey: string,\n    inputType: CustomColumnKey,\n    value: string\n  ) => void;\n  onDeleteColumn: (eventKey: string) => void;\n  onTabInEditor: (editorIndex: number, shiftKey: boolean) => void;\n  invalid: boolean;\n}\nclass CustomColumnInput extends PureComponent<\n  CustomColumnInputProps,\n  Record<string, never>\n> {\n  static INPUT_TYPE = {\n    NAME: 'name',\n    FORMULA: 'formula',\n  };\n\n  static defaultProps = {\n    name: '',\n    inputIndex: 0,\n    formula: '',\n    onChange: (): void => undefined,\n    onDeleteColumn: (): void => undefined,\n    onTabInEditor: (): void => undefined,\n    invalid: false,\n  };\n\n  constructor(props: CustomColumnInputProps) {\n    super(props);\n    this.handleFormulaEditorContentChanged = this.handleFormulaEditorContentChanged.bind(\n      this\n    );\n  }\n\n  handleFormulaEditorContentChanged(formulaValue?: string): void {\n    const { onChange, eventKey } = this.props;\n    if (formulaValue !== undefined && formulaValue !== '') {\n      formulaValue.replace(/(\\r\\n|\\n|\\r)/gm, ''); // remove line break\n      onChange(\n        eventKey,\n        CustomColumnInput.INPUT_TYPE.FORMULA as CustomColumnKey,\n        formulaValue\n      );\n    }\n  }\n\n  render(): ReactElement {\n    const {\n      eventKey,\n      name,\n      formula,\n      onChange,\n      onDeleteColumn,\n      inputIndex,\n      onTabInEditor,\n      invalid,\n    } = this.props;\n    return (\n      <Draggable\n        draggableId={eventKey}\n        index={inputIndex}\n        disableInteractiveElementBlocking\n      >\n        {(provided, snapshot) => (\n          <div\n            className={classNames('draggable-container', {\n              dragging: snapshot.isDragging,\n            })}\n            ref={provided.innerRef}\n            // eslint-disable-next-line react/jsx-props-no-spreading\n            {...provided.draggableProps}\n          >\n            <div className=\"custom-column-input-container\">\n              <div className=\"d-flex flex-row pb-3 custom-column-name\">\n                <input\n                  className={classNames('form-control custom-column-input', {\n                    'is-invalid': invalid,\n                  })}\n                  placeholder=\"Column Name\"\n                  value={name}\n                  onChange={event => {\n                    onChange(\n                      eventKey,\n                      CustomColumnInput.INPUT_TYPE.NAME as CustomColumnKey,\n                      event.target.value\n                    );\n                  }}\n                />\n                <Button\n                  kind=\"ghost\"\n                  className=\"ml-1 px-2\"\n                  onClick={() => {\n                    onDeleteColumn(eventKey);\n                  }}\n                  icon={vsTrash}\n                  tooltip=\"Delete custom column\"\n                />\n\n                <button\n                  type=\"button\"\n                  className=\"btn btn-link btn-link-icon px-2 btn-drag-handle\"\n                  // eslint-disable-next-line react/jsx-props-no-spreading\n                  {...provided.dragHandleProps}\n                >\n                  <Tooltip>Drag column to re-order</Tooltip>\n                  <FontAwesomeIcon icon={vsGripper} />\n                </button>\n              </div>\n              <InputEditor\n                editorSettings={{ language: 'deephavenDb' }}\n                editorIndex={inputIndex}\n                value={formula}\n                onContentChanged={this.handleFormulaEditorContentChanged}\n                onTab={onTabInEditor}\n                invalid={invalid}\n              />\n            </div>\n            <hr />\n          </div>\n        )}\n      </Draggable>\n    );\n  }\n}\n\nexport default CustomColumnInput;\n"],"mappings":"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"}
+{"version":3,"file":"CustomColumnInput.js","names":["React","PureComponent","classNames","Draggable","FontAwesomeIcon","Button","Tooltip","vsTrash","vsGripper","InputEditor","CustomColumnInput","constructor","props","handleFormulaEditorContentChanged","bind","formulaValue","onChange","eventKey","undefined","replace","INPUT_TYPE","FORMULA","render","name","formula","onDeleteColumn","inputIndex","onTabInEditor","invalid","provided","snapshot","dragging","isDragging","innerRef","draggableProps","event","NAME","target","value","dragHandleProps","language"],"sources":["../../src/sidebar/CustomColumnInput.tsx"],"sourcesContent":["import React, { PureComponent, ReactElement } from 'react';\nimport classNames from 'classnames';\nimport { Draggable } from 'react-beautiful-dnd';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { Button, Tooltip } from '@deephaven/components';\nimport { vsTrash, vsGripper } from '@deephaven/icons';\nimport InputEditor from './InputEditor';\nimport { CustomColumnKey } from './CustomColumnBuilder';\n\ninterface CustomColumnInputProps {\n  eventKey: string;\n  inputIndex: number;\n  name: string;\n  formula: string;\n  onChange: (\n    eventKey: string,\n    inputType: CustomColumnKey,\n    value: string\n  ) => void;\n  onDeleteColumn: (eventKey: string) => void;\n  onTabInEditor: (editorIndex: number, shiftKey: boolean) => void;\n  invalid: boolean;\n}\nclass CustomColumnInput extends PureComponent<\n  CustomColumnInputProps,\n  Record<string, never>\n> {\n  static INPUT_TYPE = {\n    NAME: 'name',\n    FORMULA: 'formula',\n  };\n\n  static defaultProps = {\n    name: '',\n    inputIndex: 0,\n    formula: '',\n    onChange: (): void => undefined,\n    onDeleteColumn: (): void => undefined,\n    onTabInEditor: (): void => undefined,\n    invalid: false,\n  };\n\n  constructor(props: CustomColumnInputProps) {\n    super(props);\n    this.handleFormulaEditorContentChanged = this.handleFormulaEditorContentChanged.bind(\n      this\n    );\n  }\n\n  handleFormulaEditorContentChanged(formulaValue?: string): void {\n    const { onChange, eventKey } = this.props;\n    if (formulaValue !== undefined && formulaValue !== '') {\n      formulaValue.replace(/(\\r\\n|\\n|\\r)/gm, ''); // remove line break\n      onChange(\n        eventKey,\n        CustomColumnInput.INPUT_TYPE.FORMULA as CustomColumnKey,\n        formulaValue\n      );\n    }\n  }\n\n  render(): ReactElement {\n    const {\n      eventKey,\n      name,\n      formula,\n      onChange,\n      onDeleteColumn,\n      inputIndex,\n      onTabInEditor,\n      invalid,\n    } = this.props;\n    return (\n      <Draggable\n        draggableId={eventKey}\n        index={inputIndex}\n        disableInteractiveElementBlocking\n      >\n        {(provided, snapshot) => (\n          <div\n            className={classNames('draggable-container', {\n              dragging: snapshot.isDragging,\n            })}\n            ref={provided.innerRef}\n            // eslint-disable-next-line react/jsx-props-no-spreading\n            {...provided.draggableProps}\n          >\n            <div className=\"custom-column-input-container\">\n              <div className=\"d-flex flex-row pb-3 custom-column-name\">\n                <input\n                  className={classNames('form-control custom-column-input', {\n                    'is-invalid': invalid,\n                  })}\n                  placeholder=\"Column Name\"\n                  value={name}\n                  onChange={event => {\n                    onChange(\n                      eventKey,\n                      CustomColumnInput.INPUT_TYPE.NAME as CustomColumnKey,\n                      event.target.value\n                    );\n                  }}\n                />\n                <Button\n                  kind=\"ghost\"\n                  className=\"ml-1 px-2\"\n                  onClick={() => {\n                    onDeleteColumn(eventKey);\n                  }}\n                  icon={vsTrash}\n                  tooltip=\"Delete custom column\"\n                />\n\n                <button\n                  type=\"button\"\n                  className=\"btn btn-link btn-link-icon px-2 btn-drag-handle\"\n                  // eslint-disable-next-line react/jsx-props-no-spreading\n                  {...provided.dragHandleProps}\n                >\n                  <Tooltip>Drag column to re-order</Tooltip>\n                  <FontAwesomeIcon icon={vsGripper} />\n                </button>\n              </div>\n              <InputEditor\n                editorSettings={{ language: 'deephavenDb' }}\n                editorIndex={inputIndex}\n                value={formula}\n                onContentChanged={this.handleFormulaEditorContentChanged}\n                onTab={onTabInEditor}\n                invalid={invalid}\n              />\n            </div>\n            <hr />\n          </div>\n        )}\n      </Draggable>\n    );\n  }\n}\n\nexport default CustomColumnInput;\n"],"mappings":"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"}

package/dist/sidebar/InputEditor.js

@@ -1,25 +1,19 @@
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 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 * as monaco from 'monaco-editor';
 import classNames from 'classnames';
 import "./InputEditor.css";
-
 /**
  * A monaco editor that looks like an general input
  */
+
 export default class InputEditor extends Component {
   constructor(props) {
     super(props);
-
     _defineProperty(this, "editorContainer", void 0);
-
     _defineProperty(this, "editor", void 0);
-
     this.handleContentChanged = this.handleContentChanged.bind(this);
     this.handleEditorFocus = this.handleEditorFocus.bind(this);
     this.handleEditorBlur = this.handleEditorBlur.bind(this);
@@ -31,23 +25,18 @@ export default class InputEditor extends Component {
     };
     this.editorContainer = null;
   }
-
   componentDidMount() {
     this.initEditor();
   }
-
   componentWillUnmount() {
     this.destroyEditor();
   }
-
   initEditor() {
     var _this$editor$getModel;
-
     var {
       value,
       editorSettings
     } = this.props;
-
     var inputEditorSettings = _objectSpread({
       copyWithSyntaxHighlighting: 'false',
       fixedOverflowWidgets: true,
@@ -77,14 +66,13 @@ export default class InputEditor extends Component {
       wordWrap: 'on',
       automaticLayout: true
     }, editorSettings);
-
     if (!this.editorContainer) {
       throw new Error('editorContainer is null');
     }
-
     this.editor = monaco.editor.create(this.editorContainer, inputEditorSettings);
-    this.editor.layout(); // disable tab to spaces in this editor to improve tab navigation
+    this.editor.layout();
 
+    // disable tab to spaces in this editor to improve tab navigation
     (_this$editor$getModel = this.editor.getModel()) === null || _this$editor$getModel === void 0 ? void 0 : _this$editor$getModel.updateOptions({
       tabSize: 0
     });
@@ -92,78 +80,61 @@ export default class InputEditor extends Component {
     this.editor.onDidFocusEditorText(this.handleEditorFocus);
     this.editor.onDidBlurEditorText(this.handleEditorBlur);
   }
-
   destroyEditor() {
     var _this$editor;
-
     (_this$editor = this.editor) === null || _this$editor === void 0 ? void 0 : _this$editor.dispose();
     this.editor = undefined;
   }
-
   handleContentChanged() {
     var _this$editor2, _this$editor2$getMode;
-
     var {
       onContentChanged
     } = this.props;
     var value = (_this$editor2 = this.editor) === null || _this$editor2 === void 0 ? void 0 : (_this$editor2$getMode = _this$editor2.getModel()) === null || _this$editor2$getMode === void 0 ? void 0 : _this$editor2$getMode.getValue();
-
     if (value !== '' && value !== undefined) {
       this.setState({
         isEditorEmpty: value.length === 0
       });
     }
-
     onContentChanged(value);
   }
-
   handleEditorFocus() {
     this.setState({
       isEditorFocused: true
     });
   }
-
   handleEditorBlur() {
     var _this$editor3, _this$editor3$getMode;
-
     var value = (_this$editor3 = this.editor) === null || _this$editor3 === void 0 ? void 0 : (_this$editor3$getMode = _this$editor3.getModel()) === null || _this$editor3$getMode === void 0 ? void 0 : _this$editor3$getMode.getValue();
-
     if (value === undefined || value === '') {
       throw new Error('value is undefined');
     }
-
     this.setState({
       isEditorEmpty: value.length === 0,
       isEditorFocused: false
     });
-  } // force editor to focus if clicked
-
+  }
 
+  // force editor to focus if clicked
   handleContainerClick() {
     var _this$editor4;
-
     var {
       isEditorFocused
     } = this.state;
-
     if (isEditorFocused) {
       return;
     }
-
     (_this$editor4 = this.editor) === null || _this$editor4 === void 0 ? void 0 : _this$editor4.focus();
   }
-
   handleKeyDown(event) {
     var {
       onTab,
       editorIndex
     } = this.props;
-
     if (event.key === 'Tab') {
       onTab(editorIndex, event.shiftKey);
     }
   }
-
   render() {
     var {
       value,
@@ -190,9 +161,7 @@ export default class InputEditor extends Component {
       className: "editor-placeholder text-muted"
     }, "Column Formula"));
   }
-
 }
-
 _defineProperty(InputEditor, "defaultProps", {
   value: '',
   onContentChanged: () => undefined,

package/dist/sidebar/InputEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputEditor.js","names":["React","Component","monaco","classNames","InputEditor","constructor","props","handleContentChanged","bind","handleEditorFocus","handleEditorBlur","handleContainerClick","handleKeyDown","state","isEditorFocused","isEditorEmpty","editorContainer","componentDidMount","initEditor","componentWillUnmount","destroyEditor","value","editorSettings","inputEditorSettings","copyWithSyntaxHighlighting","fixedOverflowWidgets","folding","fontFamily","glyphMargin","language","lineDecorationsWidth","lineNumbers","minimap","enabled","renderLineHighlight","scrollbar","arrowSize","horizontal","horizontalScrollbarSize","scrollBeyondLastLine","padding","top","bottom","tabCompletion","useTabStops","wordWrap","automaticLayout","Error","editor","create","layout","getModel","updateOptions","tabSize","onDidChangeModelContent","onDidFocusEditorText","onDidBlurEditorText","dispose","undefined","onContentChanged","getValue","setState","length","focus","event","onTab","editorIndex","key","shiftKey","render","invalid","focused"],"sources":["../../src/sidebar/InputEditor.tsx"],"sourcesContent":["import React, { Component, ReactElement } from 'react';\nimport * as monaco from 'monaco-editor';\nimport classNames from 'classnames';\nimport './InputEditor.scss';\n\ninterface InputEditorProps {\n  value: string;\n  onContentChanged: (value?: string) => void;\n  editorSettings: Partial<monaco.editor.IStandaloneEditorConstructionOptions>;\n  editorIndex: number;\n  onTab: (editorIndex: number, shiftKey: boolean) => void;\n  invalid: boolean;\n}\n\ninterface InputEditorState {\n  isEditorFocused: boolean;\n  isEditorEmpty: boolean;\n}\n/**\n * A monaco editor that looks like an general input\n */\n\nexport default class InputEditor extends Component<\n  InputEditorProps,\n  InputEditorState\n> {\n  static defaultProps = {\n    value: '',\n    onContentChanged: (): void => undefined,\n    editorSettings: {},\n    editorIndex: 0,\n    onTab: (): void => undefined,\n    invalid: false,\n  };\n\n  constructor(props: InputEditorProps) {\n    super(props);\n\n    this.handleContentChanged = this.handleContentChanged.bind(this);\n    this.handleEditorFocus = this.handleEditorFocus.bind(this);\n    this.handleEditorBlur = this.handleEditorBlur.bind(this);\n    this.handleContainerClick = this.handleContainerClick.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n\n    this.state = {\n      isEditorFocused: false,\n      isEditorEmpty: true,\n    };\n    this.editorContainer = null;\n  }\n\n  componentDidMount(): void {\n    this.initEditor();\n  }\n\n  componentWillUnmount(): void {\n    this.destroyEditor();\n  }\n\n  editorContainer: HTMLDivElement | null;\n\n  editor?: monaco.editor.IStandaloneCodeEditor;\n\n  initEditor(): void {\n    const { value, editorSettings } = this.props;\n    const inputEditorSettings = {\n      copyWithSyntaxHighlighting: 'false',\n      fixedOverflowWidgets: true,\n      folding: false,\n      fontFamily: 'Fira Mono',\n      glyphMargin: false,\n      language: 'groovyDB',\n      lineDecorationsWidth: 8,\n      lineNumbers: 'off',\n      minimap: { enabled: false },\n      renderLineHighlight: 'none',\n      scrollbar: {\n        arrowSize: 0,\n        horizontal: 'hidden',\n        horizontalScrollbarSize: 0,\n      },\n      scrollBeyondLastLine: false,\n      padding: {\n        top: 6,\n        bottom: 6,\n      },\n      tabCompletion: 'off',\n      useTabStops: true,\n      value,\n      wordWrap: 'on',\n      automaticLayout: true,\n      ...editorSettings,\n    } as monaco.editor.IStandaloneEditorConstructionOptions;\n    if (!this.editorContainer) {\n      throw new Error('editorContainer is null');\n    }\n    this.editor = monaco.editor.create(\n      this.editorContainer,\n      inputEditorSettings\n    );\n    this.editor.layout();\n\n    // disable tab to spaces in this editor to improve tab navigation\n    this.editor.getModel()?.updateOptions({ tabSize: 0 });\n\n    this.editor.onDidChangeModelContent(this.handleContentChanged);\n    this.editor.onDidFocusEditorText(this.handleEditorFocus);\n    this.editor.onDidBlurEditorText(this.handleEditorBlur);\n  }\n\n  destroyEditor(): void {\n    this.editor?.dispose();\n    this.editor = undefined;\n  }\n\n  handleContentChanged(): void {\n    const { onContentChanged } = this.props;\n    const value = this.editor?.getModel()?.getValue();\n    if (value !== '' && value !== undefined) {\n      this.setState({ isEditorEmpty: value.length === 0 });\n    }\n    onContentChanged(value);\n  }\n\n  handleEditorFocus(): void {\n    this.setState({ isEditorFocused: true });\n  }\n\n  handleEditorBlur(): void {\n    const value = this.editor?.getModel()?.getValue();\n    if (value === undefined || value === '') {\n      throw new Error('value is undefined');\n    }\n    this.setState({\n      isEditorEmpty: value.length === 0,\n      isEditorFocused: false,\n    });\n  }\n\n  // force editor to focus if clicked\n  handleContainerClick(): void {\n    const { isEditorFocused } = this.state;\n    if (isEditorFocused) {\n      return;\n    }\n    this.editor?.focus();\n  }\n\n  handleKeyDown(event: React.KeyboardEvent<HTMLDivElement>): void {\n    const { onTab, editorIndex } = this.props;\n    if (event.key === 'Tab') {\n      onTab(editorIndex, event.shiftKey);\n    }\n  }\n\n  render(): ReactElement {\n    const { value, invalid } = this.props;\n    const { isEditorFocused, isEditorEmpty } = this.state;\n    return (\n      <div\n        className={classNames('input-editor-wrapper', {\n          focused: isEditorFocused,\n          invalid,\n        })}\n        onKeyDown={this.handleKeyDown}\n        role=\"presentation\"\n        onClick={this.handleContainerClick}\n      >\n        <div\n          className=\"editor-container\"\n          ref={editorContainer => {\n            this.editorContainer = editorContainer;\n          }}\n        />\n        {isEditorEmpty && !value && (\n          <div className=\"editor-placeholder text-muted\">Column Formula</div>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"InputEditor.js","names":["React","Component","monaco","classNames","InputEditor","constructor","props","handleContentChanged","bind","handleEditorFocus","handleEditorBlur","handleContainerClick","handleKeyDown","state","isEditorFocused","isEditorEmpty","editorContainer","componentDidMount","initEditor","componentWillUnmount","destroyEditor","value","editorSettings","inputEditorSettings","copyWithSyntaxHighlighting","fixedOverflowWidgets","folding","fontFamily","glyphMargin","language","lineDecorationsWidth","lineNumbers","minimap","enabled","renderLineHighlight","scrollbar","arrowSize","horizontal","horizontalScrollbarSize","scrollBeyondLastLine","padding","top","bottom","tabCompletion","useTabStops","wordWrap","automaticLayout","Error","editor","create","layout","getModel","updateOptions","tabSize","onDidChangeModelContent","onDidFocusEditorText","onDidBlurEditorText","dispose","undefined","onContentChanged","getValue","setState","length","focus","event","onTab","editorIndex","key","shiftKey","render","invalid","focused"],"sources":["../../src/sidebar/InputEditor.tsx"],"sourcesContent":["import React, { Component, ReactElement } from 'react';\nimport * as monaco from 'monaco-editor';\nimport classNames from 'classnames';\nimport './InputEditor.scss';\n\ninterface InputEditorProps {\n  value: string;\n  onContentChanged: (value?: string) => void;\n  editorSettings: Partial<monaco.editor.IStandaloneEditorConstructionOptions>;\n  editorIndex: number;\n  onTab: (editorIndex: number, shiftKey: boolean) => void;\n  invalid: boolean;\n}\n\ninterface InputEditorState {\n  isEditorFocused: boolean;\n  isEditorEmpty: boolean;\n}\n/**\n * A monaco editor that looks like an general input\n */\n\nexport default class InputEditor extends Component<\n  InputEditorProps,\n  InputEditorState\n> {\n  static defaultProps = {\n    value: '',\n    onContentChanged: (): void => undefined,\n    editorSettings: {},\n    editorIndex: 0,\n    onTab: (): void => undefined,\n    invalid: false,\n  };\n\n  constructor(props: InputEditorProps) {\n    super(props);\n\n    this.handleContentChanged = this.handleContentChanged.bind(this);\n    this.handleEditorFocus = this.handleEditorFocus.bind(this);\n    this.handleEditorBlur = this.handleEditorBlur.bind(this);\n    this.handleContainerClick = this.handleContainerClick.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n\n    this.state = {\n      isEditorFocused: false,\n      isEditorEmpty: true,\n    };\n    this.editorContainer = null;\n  }\n\n  componentDidMount(): void {\n    this.initEditor();\n  }\n\n  componentWillUnmount(): void {\n    this.destroyEditor();\n  }\n\n  editorContainer: HTMLDivElement | null;\n\n  editor?: monaco.editor.IStandaloneCodeEditor;\n\n  initEditor(): void {\n    const { value, editorSettings } = this.props;\n    const inputEditorSettings = {\n      copyWithSyntaxHighlighting: 'false',\n      fixedOverflowWidgets: true,\n      folding: false,\n      fontFamily: 'Fira Mono',\n      glyphMargin: false,\n      language: 'groovyDB',\n      lineDecorationsWidth: 8,\n      lineNumbers: 'off',\n      minimap: { enabled: false },\n      renderLineHighlight: 'none',\n      scrollbar: {\n        arrowSize: 0,\n        horizontal: 'hidden',\n        horizontalScrollbarSize: 0,\n      },\n      scrollBeyondLastLine: false,\n      padding: {\n        top: 6,\n        bottom: 6,\n      },\n      tabCompletion: 'off',\n      useTabStops: true,\n      value,\n      wordWrap: 'on',\n      automaticLayout: true,\n      ...editorSettings,\n    } as monaco.editor.IStandaloneEditorConstructionOptions;\n    if (!this.editorContainer) {\n      throw new Error('editorContainer is null');\n    }\n    this.editor = monaco.editor.create(\n      this.editorContainer,\n      inputEditorSettings\n    );\n    this.editor.layout();\n\n    // disable tab to spaces in this editor to improve tab navigation\n    this.editor.getModel()?.updateOptions({ tabSize: 0 });\n\n    this.editor.onDidChangeModelContent(this.handleContentChanged);\n    this.editor.onDidFocusEditorText(this.handleEditorFocus);\n    this.editor.onDidBlurEditorText(this.handleEditorBlur);\n  }\n\n  destroyEditor(): void {\n    this.editor?.dispose();\n    this.editor = undefined;\n  }\n\n  handleContentChanged(): void {\n    const { onContentChanged } = this.props;\n    const value = this.editor?.getModel()?.getValue();\n    if (value !== '' && value !== undefined) {\n      this.setState({ isEditorEmpty: value.length === 0 });\n    }\n    onContentChanged(value);\n  }\n\n  handleEditorFocus(): void {\n    this.setState({ isEditorFocused: true });\n  }\n\n  handleEditorBlur(): void {\n    const value = this.editor?.getModel()?.getValue();\n    if (value === undefined || value === '') {\n      throw new Error('value is undefined');\n    }\n    this.setState({\n      isEditorEmpty: value.length === 0,\n      isEditorFocused: false,\n    });\n  }\n\n  // force editor to focus if clicked\n  handleContainerClick(): void {\n    const { isEditorFocused } = this.state;\n    if (isEditorFocused) {\n      return;\n    }\n    this.editor?.focus();\n  }\n\n  handleKeyDown(event: React.KeyboardEvent<HTMLDivElement>): void {\n    const { onTab, editorIndex } = this.props;\n    if (event.key === 'Tab') {\n      onTab(editorIndex, event.shiftKey);\n    }\n  }\n\n  render(): ReactElement {\n    const { value, invalid } = this.props;\n    const { isEditorFocused, isEditorEmpty } = this.state;\n    return (\n      <div\n        className={classNames('input-editor-wrapper', {\n          focused: isEditorFocused,\n          invalid,\n        })}\n        onKeyDown={this.handleKeyDown}\n        role=\"presentation\"\n        onClick={this.handleContainerClick}\n      >\n        <div\n          className=\"editor-container\"\n          ref={editorContainer => {\n            this.editorContainer = editorContainer;\n          }}\n        />\n        {isEditorEmpty && !value && (\n          <div className=\"editor-placeholder text-muted\">Column Formula</div>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/sidebar/OptionType.js

@@ -1,5 +1,4 @@
 var OptionType;
-
 (function (OptionType) {
   OptionType["ADVANCED_SETTINGS"] = "ADVANCED_SETTINGS";
   OptionType["AGGREGATIONS"] = "AGGREGATIONS";
@@ -16,6 +15,5 @@ var OptionType;
   OptionType["CONDITIONAL_FORMATTING_EDIT"] = "CONDITIONAL_FORMATTING_EDIT";
   OptionType["GOTO"] = "GOTO";
 })(OptionType || (OptionType = {}));
-
 export default OptionType;
 //# sourceMappingURL=OptionType.js.map

package/dist/sidebar/OptionType.js.map

@@ -1 +1 @@
-{"version":3,"file":"OptionType.js","names":["OptionType"],"sources":["../../src/sidebar/OptionType.ts"],"sourcesContent":["enum OptionType {\n  ADVANCED_SETTINGS = 'ADVANCED_SETTINGS',\n  AGGREGATIONS = 'AGGREGATIONS',\n  AGGREGATION_EDIT = 'AGGREGATIONS_EDIT',\n  CHART_BUILDER = 'CHART_BUILDER',\n  CUSTOM_COLUMN_BUILDER = 'CUSTOM_COLUMN_BUILDER',\n  QUICK_FILTERS = 'QUICK_FILTERS',\n  ROLLUP_ROWS = 'ROLLUP_ROWS',\n  SEARCH_BAR = 'SEARCH_BAR',\n  SELECT_DISTINCT = 'SELECT_DISTINCT',\n  TABLE_EXPORTER = 'TABLE_EXPORTER',\n  VISIBILITY_ORDERING_BUILDER = 'VISIBILITY_ORDERING_BUILDER',\n  CONDITIONAL_FORMATTING = 'CONDITIONAL_FORMATTING',\n  CONDITIONAL_FORMATTING_EDIT = 'CONDITIONAL_FORMATTING_EDIT',\n  GOTO = 'GOTO',\n}\n\nexport default OptionType;\n"],"mappings":"IAAKA,U;;WAAAA,U;EAAAA,U;EAAAA,U;EAAAA,U;EAAAA,U;EAAAA,U;EAAAA,U;EAAAA,U;EAAAA,U;EAAAA,U;EAAAA,U;EAAAA,U;EAAAA,U;EAAAA,U;EAAAA,U;GAAAA,U,KAAAA,U;;AAiBL,eAAeA,UAAf"}
+{"version":3,"file":"OptionType.js","names":["OptionType"],"sources":["../../src/sidebar/OptionType.ts"],"sourcesContent":["enum OptionType {\n  ADVANCED_SETTINGS = 'ADVANCED_SETTINGS',\n  AGGREGATIONS = 'AGGREGATIONS',\n  AGGREGATION_EDIT = 'AGGREGATIONS_EDIT',\n  CHART_BUILDER = 'CHART_BUILDER',\n  CUSTOM_COLUMN_BUILDER = 'CUSTOM_COLUMN_BUILDER',\n  QUICK_FILTERS = 'QUICK_FILTERS',\n  ROLLUP_ROWS = 'ROLLUP_ROWS',\n  SEARCH_BAR = 'SEARCH_BAR',\n  SELECT_DISTINCT = 'SELECT_DISTINCT',\n  TABLE_EXPORTER = 'TABLE_EXPORTER',\n  VISIBILITY_ORDERING_BUILDER = 'VISIBILITY_ORDERING_BUILDER',\n  CONDITIONAL_FORMATTING = 'CONDITIONAL_FORMATTING',\n  CONDITIONAL_FORMATTING_EDIT = 'CONDITIONAL_FORMATTING_EDIT',\n  GOTO = 'GOTO',\n}\n\nexport default OptionType;\n"],"mappings":"IAAKA,UAAU;AAAA,WAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;AAAA,GAAVA,UAAU,KAAVA,UAAU;AAiBf,eAAeA,UAAU"}

package/dist/sidebar/RollupRows.js

@@ -1,7 +1,5 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 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; }
-
 /* eslint-disable jsx-a11y/click-events-have-key-events */
 import React, { Component } from 'react';
 import classNames from 'classnames';
@@ -19,7 +17,6 @@ var log = Log.module('RollupRows');
 var DEBOUNCE_SEARCH = 150;
 var GROUPED_LIST_ID = 'grouped-rollup-rows';
 var UNGROUPED_LIST_ID = 'ungrouped-rollup-rows';
-
 class RollupRows extends Component {
   static renderColumn(_ref) {
     var {
@@ -36,72 +33,54 @@ class RollupRows extends Component {
       className
     });
   }
-
   static addGroupings(currentGroupings, newGroupings) {
     var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : currentGroupings.length;
-
     if (newGroupings == null || newGroupings.length === 0) {
       return currentGroupings;
     }
-
     var insertIndex = index;
     var groupings = currentGroupings.filter((grouping, i) => {
       if (newGroupings.includes(grouping)) {
         if (i < insertIndex) {
           insertIndex -= 1;
         }
-
         return false;
       }
-
       return true;
     });
     groupings.splice(insertIndex, 0, ...newGroupings);
     return groupings;
   }
-
   static isGroupable(column) {
     return !TableUtils.isDecimalType(column.type);
   }
-
   constructor(props) {
     super(props);
-
     _defineProperty(this, "ungroupedList", void 0);
-
     _defineProperty(this, "groupedList", void 0);
-
     _defineProperty(this, "search", debounce(searchFilter => {
       var columns = this.getSortedUngroupedColumns();
       var selectedRanges = [];
       var focusIndex = null;
-
       for (var i = 0; i < columns.length; i += 1) {
         var column = columns[i];
-
         if (column.name.toLowerCase().includes(searchFilter.toLowerCase())) {
           if (focusIndex == null) {
             focusIndex = i;
           }
-
           selectedRanges.push([i, i]);
         }
       }
-
       assertNotNull(focusIndex);
       this.setState({
         ungroupedSelectedRanges: selectedRanges
       });
-
       if (selectedRanges.length > 0 && this.ungroupedList.current) {
         this.ungroupedList.current.scrollToItem(focusIndex);
       }
     }, DEBOUNCE_SEARCH));
-
     _defineProperty(this, "getCachedUngroupedColumns", memoize((columns, groupedColumns) => columns.filter(column => RollupRows.isGroupable(column) && groupedColumns.find(name => name === column.name) == null)));
-
     _defineProperty(this, "getCachedSortedColumns", memoize((columns, sort) => sort == null ? [...columns] : TableUtils.sortColumns(columns, sort === RollupRows.SORT.ASCENDING)));
-
     this.handleDeleteClicked = this.handleDeleteClicked.bind(this);
     this.handleSearchChange = this.handleSearchChange.bind(this);
     this.handleUngroupedSelect = this.handleUngroupedSelect.bind(this);
@@ -135,7 +114,6 @@ class RollupRows extends Component {
       sort: null
     };
   }
-
   componentDidUpdate(prevProps, prevState) {
     var {
       config
@@ -145,7 +123,6 @@ class RollupRows extends Component {
       showConstituents,
       showNonAggregatedColumns
     } = this.state;
-
     if (config !== prevProps.config) {
       this.updateFromConfig();
     } else if (columns !== prevState.columns || showConstituents !== prevState.showConstituents || showNonAggregatedColumns !== prevState.showNonAggregatedColumns) {
@@ -154,26 +131,21 @@ class RollupRows extends Component {
       }
     }
   }
-
   componentWillUnmount() {
     this.search.cancel();
   }
-
   handleSearchChange(event) {
     var searchFilter = event.target.value;
     this.setState({
       searchFilter
     });
-
     if (!searchFilter) {
       this.search.cancel();
       this.resetSelection();
       return;
     }
-
     this.search(searchFilter);
   }
-
   handleSortAscending() {
     this.setState(_ref2 => {
       var {
@@ -184,7 +156,6 @@ class RollupRows extends Component {
       };
     });
   }
-
   handleSortDescending() {
     this.setState(_ref3 => {
       var {
@@ -195,14 +166,12 @@ class RollupRows extends Component {
       };
     });
   }
-
   resetSelection() {
     this.setState({
       ungroupedSelectedRanges: [],
       groupedSelectedRanges: []
     });
   }
-
   handleDragStart(e) {
     log.debug('handleDragStart', e);
     document.documentElement.classList.add('drag-pointer-events-none');
@@ -210,7 +179,6 @@ class RollupRows extends Component {
       dragSource: e.source
     });
   }
-
   handleDragEnd(e) {
     log.debug('handleDragEnd', e);
     document.documentElement.classList.remove('drag-pointer-events-none');
@@ -221,13 +189,12 @@ class RollupRows extends Component {
       destination,
       source
     } = e;
-
     if (destination == null || source == null) {
       return;
-    } // We don't allow dragging within the ungrouped list, so if we're dragging into the ungrouped list,
-    // it must have came from the grouped list. Remove those grouped columns.
-
+    }
 
+    // We don't allow dragging within the ungrouped list, so if we're dragging into the ungrouped list,
+    // it must have came from the grouped list. Remove those grouped columns.
     if (destination.droppableId === UNGROUPED_LIST_ID) {
       this.setState(_ref4 => {
         var {
@@ -243,19 +210,17 @@ class RollupRows extends Component {
         };
       });
       return;
-    } // Otherwise, it must be dropping into the grouped list, so we just need to check the source
-
+    }
 
+    // Otherwise, it must be dropping into the grouped list, so we just need to check the source
     var isSameList = source.droppableId === GROUPED_LIST_ID;
     var destinationIndex = destination.index;
-
     if (isSameList && source.index < destination.index) {
       // react-beautiful-dnd adjusts the index when dragging within a list already, however that only supports single selection
       // We need to change it back to the index we actually want it to drop at before adjusting for the removed source index, as
       // we adjust the index based on all the selected ranges, not just the source.index.
       destinationIndex += 1;
     }
-
     this.setState(_ref5 => {
       var {
         columns,
@@ -265,8 +230,9 @@ class RollupRows extends Component {
       var newColumns = [...columns];
       var sourceItems = isSameList ? newColumns : this.getSortedUngroupedColumns().map(c => c.name);
       var sourceRanges = isSameList ? groupedSelectedRanges : ungroupedSelectedRanges;
-      var draggedItems = DragUtils.reorder(sourceItems, sourceRanges, newColumns, destinationIndex); // Select the newly dropped items
+      var draggedItems = DragUtils.reorder(sourceItems, sourceRanges, newColumns, destinationIndex);
 
+      // Select the newly dropped items
       var insertIndex = isSameList ? DragUtils.adjustDestinationIndex(destinationIndex, groupedSelectedRanges) : destinationIndex;
       var newSelectedRanges = [[insertIndex, insertIndex + draggedItems.length - 1]];
       return {
@@ -277,7 +243,6 @@ class RollupRows extends Component {
     });
     this.resetSelection();
   }
-
   handleUngroupedSelect(itemIndex) {
     log.debug('handleUngroupedSelect');
     this.setState(_ref6 => {
@@ -291,43 +256,36 @@ class RollupRows extends Component {
       };
     });
   }
-
   handleUngroupedSelectionChange(ungroupedSelectedRanges) {
     log.debug2('handleUngroupedSelectionChange', ungroupedSelectedRanges);
     this.setState(_ref7 => {
       var {
         ungroupedSelectedRanges: stateUngroupedSelectedRanges
       } = _ref7;
-
       if (ungroupedSelectedRanges === stateUngroupedSelectedRanges) {
         return null;
       }
-
       return {
         ungroupedSelectedRanges,
         groupedSelectedRanges: []
       };
     });
   }
-
   handleGroupedSelectionChange(groupedSelectedRanges) {
     log.debug2('handleGroupedSelectedRanges', groupedSelectedRanges);
     this.setState(_ref8 => {
       var {
         groupedSelectedRanges: stateGroupedSelectedRanges
       } = _ref8;
-
       if (groupedSelectedRanges === stateGroupedSelectedRanges) {
         return null;
       }
-
       return {
         groupedSelectedRanges,
         ungroupedSelectedRanges: []
       };
     });
   }
-
   handleDeleteClicked(index) {
     this.setState(_ref9 => {
       var {
@@ -340,7 +298,6 @@ class RollupRows extends Component {
       };
     });
   }
-
   handleShowConstituentsChange() {
     this.setState(_ref10 => {
       var {
@@ -351,7 +308,6 @@ class RollupRows extends Component {
       };
     });
   }
-
   handleShowNonAggregatedColumnsChange() {
     this.setState(_ref11 => {
       var {
@@ -362,7 +318,6 @@ class RollupRows extends Component {
       };
     });
   }
-
   updateFromConfig() {
     var {
       config
@@ -378,7 +333,6 @@ class RollupRows extends Component {
       showNonAggregatedColumns
     });
   }
-
   sendChange() {
     var {
       onChange
@@ -394,7 +348,6 @@ class RollupRows extends Component {
       showNonAggregatedColumns
     });
   }
-
   getUngroupedColumns() {
     var {
       model
@@ -407,7 +360,6 @@ class RollupRows extends Component {
     } = model;
     return this.getCachedUngroupedColumns(originalColumns, columns);
   }
-
   getSortedUngroupedColumns() {
     var {
       sort
@@ -415,7 +367,6 @@ class RollupRows extends Component {
     var columns = this.getUngroupedColumns();
     return this.getCachedSortedColumns(columns, sort);
   }
-
   renderGroupedItem(_ref12) {
     var {
       item,
@@ -439,7 +390,6 @@ class RollupRows extends Component {
       icon: vsTrash
     })));
   }
-
   render() {
     var {
       columns,
@@ -453,11 +403,9 @@ class RollupRows extends Component {
     } = this.state;
     var ungroupedColumns = this.getSortedUngroupedColumns();
     var groupListHeight = columns.length * DraggableItemList.DEFAULT_ROW_HEIGHT;
-
     if ((dragSource === null || dragSource === void 0 ? void 0 : dragSource.droppableId) === UNGROUPED_LIST_ID) {
       groupListHeight += DraggableItemList.DEFAULT_ROW_HEIGHT;
     }
-
     var ungroupMaxListHeight = ungroupedColumns.length * DraggableItemList.DEFAULT_ROW_HEIGHT + 10;
     var ungroupMinListHeight = Math.min(3 * DraggableItemList.DEFAULT_ROW_HEIGHT, ungroupMaxListHeight);
     return /*#__PURE__*/React.createElement("div", {
@@ -481,8 +429,8 @@ class RollupRows extends Component {
         'is-dragging-over': snapshot.isDraggingOver,
         'is-dropping': snapshot.draggingOverWith
       }),
-      ref: provided.innerRef // eslint-disable-next-line react/jsx-props-no-spreading
-
+      ref: provided.innerRef
+      // eslint-disable-next-line react/jsx-props-no-spreading
     }, provided.droppableProps), "Create rollup by dragging columns here, from the available columns list below.")), columns.length > 0 && /*#__PURE__*/React.createElement(DraggableItemList, {
       draggingItemClassName: "rollup-rows-dragging-grouped-item",
       draggablePrefix: GROUPED_LIST_ID,
@@ -556,18 +504,14 @@ class RollupRows extends Component {
       onChange: this.handleShowNonAggregatedColumnsChange
     }, "Non-Aggregated Columns")))));
   }
-
 }
-
 _defineProperty(RollupRows, "SORT", Object.freeze({
   ASCENDING: 'ASC',
   DESCENDING: 'DESC'
 }));
-
 _defineProperty(RollupRows, "defaultProps", {
   config: null,
   onChange: () => undefined
 });
-
 export default RollupRows;
 //# sourceMappingURL=RollupRows.js.map