@deephaven/iris-grid 0.42.1-beta.4 → 0.44.0

package/dist/sidebar/CustomColumnInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomColumnInput.d.ts","sourceRoot":"","sources":["../../src/sidebar/CustomColumnInput.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,CACR,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,MAAM,KACV,IAAI,CAAC;IACV,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,aAAa,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAChE,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;CACtB;AAWD,iBAAS,iBAAiB,CAAC,EACzB,QAAQ,EACR,IAAI,EACJ,UAAU,EACV,OAAO,EACP,QAAQ,EACR,cAAc,EACd,aAAa,EACb,OAAO,EACP,WAAW,GACZ,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CAgFtC;AAED,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"CustomColumnInput.d.ts","sourceRoot":"","sources":["../../src/sidebar/CustomColumnInput.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,CACR,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,MAAM,KACV,IAAI,CAAC;IACV,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,aAAa,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAChE,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;CACtB;AAWD,iBAAS,iBAAiB,CAAC,EACzB,QAAQ,EACR,IAAI,EACJ,UAAU,EACV,OAAO,EACP,QAAQ,EACR,cAAc,EACd,aAAa,EACb,OAAO,EACP,WAAW,GACZ,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CAiFtC;AAED,eAAe,iBAAiB,CAAC"}

package/dist/sidebar/CustomColumnInput.js

@@ -80,6 +80,7 @@ function CustomColumnInput(_ref) {
       language: 'deephavenDb'
     },
     editorIndex: inputIndex,
+    placeholder: "Column Formula",
     value: formula,
     onContentChanged: handleFormulaEditorContentChanged,
     onTab: onTabInEditor,

package/dist/sidebar/CustomColumnInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomColumnInput.js","names":["React","useCallback","classNames","Draggable","Button","vsTrash","vsGripper","DbNameValidator","InputEditor","INPUT_TYPE","Object","freeze","NAME","FORMULA","EMPTY_FN","CustomColumnInput","eventKey","name","inputIndex","formula","onChange","onDeleteColumn","onTabInEditor","invalid","isDuplicate","isValidName","isValidColumnName","handleFormulaEditorContentChanged","formulaValue","undefined","replace","provided","snapshot","dragging","isDragging","innerRef","draggableProps","event","target","value","dragHandleProps","language"],"sources":["../../src/sidebar/CustomColumnInput.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport classNames from 'classnames';\nimport { Draggable } from 'react-beautiful-dnd';\nimport { Button } from '@deephaven/components';\nimport { vsTrash, vsGripper } from '@deephaven/icons';\nimport { DbNameValidator } from '@deephaven/utils';\nimport InputEditor from './InputEditor';\nimport { CustomColumnKey } from './CustomColumnBuilder';\n\nexport interface 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  isDuplicate: boolean;\n}\n\nconst INPUT_TYPE = Object.freeze({\n  NAME: 'name',\n  FORMULA: 'formula',\n});\n\nconst EMPTY_FN = () => {\n  // no-op\n};\n\nfunction CustomColumnInput({\n  eventKey,\n  name,\n  inputIndex,\n  formula,\n  onChange,\n  onDeleteColumn,\n  onTabInEditor,\n  invalid,\n  isDuplicate,\n}: CustomColumnInputProps): JSX.Element {\n  const isValidName = name === '' || DbNameValidator.isValidColumnName(name);\n  const handleFormulaEditorContentChanged = useCallback(\n    (formulaValue?: string) => {\n      if (formulaValue !== undefined) {\n        formulaValue.replace(/(\\r\\n|\\n|\\r)/gm, ''); // remove line break\n        onChange(eventKey, INPUT_TYPE.FORMULA, formulaValue);\n      }\n    },\n    [onChange, eventKey]\n  );\n\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=\"pb-3\">\n              <div className=\"d-flex flex-row custom-column-name\">\n                <input\n                  className={classNames('form-control custom-column-input', {\n                    'is-invalid': invalid || !isValidName || isDuplicate,\n                  })}\n                  placeholder=\"Column Name\"\n                  value={name}\n                  onChange={event => {\n                    onChange(eventKey, INPUT_TYPE.NAME, event.target.value);\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                  kind=\"ghost\"\n                  className=\"btn-drag-handle\"\n                  onClick={EMPTY_FN}\n                  // eslint-disable-next-line react/jsx-props-no-spreading\n                  {...provided.dragHandleProps}\n                  icon={vsGripper}\n                  tooltip=\"Drag column to re-order\"\n                />\n              </div>\n              {(!isValidName || isDuplicate) && (\n                <p className=\"validate-label-error text-danger mb-0 mt-2 pl-1\">\n                  {!isValidName ? 'Invalid name' : 'Duplicate name'}\n                </p>\n              )}\n            </div>\n            <InputEditor\n              editorSettings={{ language: 'deephavenDb' }}\n              editorIndex={inputIndex}\n              value={formula}\n              onContentChanged={handleFormulaEditorContentChanged}\n              onTab={onTabInEditor}\n              invalid={invalid}\n            />\n          </div>\n          <hr />\n        </div>\n      )}\n    </Draggable>\n  );\n}\n\nexport default CustomColumnInput;\n"],"mappings":"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"}
+{"version":3,"file":"CustomColumnInput.js","names":["React","useCallback","classNames","Draggable","Button","vsTrash","vsGripper","DbNameValidator","InputEditor","INPUT_TYPE","Object","freeze","NAME","FORMULA","EMPTY_FN","CustomColumnInput","eventKey","name","inputIndex","formula","onChange","onDeleteColumn","onTabInEditor","invalid","isDuplicate","isValidName","isValidColumnName","handleFormulaEditorContentChanged","formulaValue","undefined","replace","provided","snapshot","dragging","isDragging","innerRef","draggableProps","event","target","value","dragHandleProps","language"],"sources":["../../src/sidebar/CustomColumnInput.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport classNames from 'classnames';\nimport { Draggable } from 'react-beautiful-dnd';\nimport { Button } from '@deephaven/components';\nimport { vsTrash, vsGripper } from '@deephaven/icons';\nimport { DbNameValidator } from '@deephaven/utils';\nimport InputEditor from './InputEditor';\nimport { CustomColumnKey } from './CustomColumnBuilder';\n\nexport interface 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  isDuplicate: boolean;\n}\n\nconst INPUT_TYPE = Object.freeze({\n  NAME: 'name',\n  FORMULA: 'formula',\n});\n\nconst EMPTY_FN = () => {\n  // no-op\n};\n\nfunction CustomColumnInput({\n  eventKey,\n  name,\n  inputIndex,\n  formula,\n  onChange,\n  onDeleteColumn,\n  onTabInEditor,\n  invalid,\n  isDuplicate,\n}: CustomColumnInputProps): JSX.Element {\n  const isValidName = name === '' || DbNameValidator.isValidColumnName(name);\n  const handleFormulaEditorContentChanged = useCallback(\n    (formulaValue?: string) => {\n      if (formulaValue !== undefined) {\n        formulaValue.replace(/(\\r\\n|\\n|\\r)/gm, ''); // remove line break\n        onChange(eventKey, INPUT_TYPE.FORMULA, formulaValue);\n      }\n    },\n    [onChange, eventKey]\n  );\n\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=\"pb-3\">\n              <div className=\"d-flex flex-row custom-column-name\">\n                <input\n                  className={classNames('form-control custom-column-input', {\n                    'is-invalid': invalid || !isValidName || isDuplicate,\n                  })}\n                  placeholder=\"Column Name\"\n                  value={name}\n                  onChange={event => {\n                    onChange(eventKey, INPUT_TYPE.NAME, event.target.value);\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                  kind=\"ghost\"\n                  className=\"btn-drag-handle\"\n                  onClick={EMPTY_FN}\n                  // eslint-disable-next-line react/jsx-props-no-spreading\n                  {...provided.dragHandleProps}\n                  icon={vsGripper}\n                  tooltip=\"Drag column to re-order\"\n                />\n              </div>\n              {(!isValidName || isDuplicate) && (\n                <p className=\"validate-label-error text-danger mb-0 mt-2 pl-1\">\n                  {!isValidName ? 'Invalid name' : 'Duplicate name'}\n                </p>\n              )}\n            </div>\n            <InputEditor\n              editorSettings={{ language: 'deephavenDb' }}\n              editorIndex={inputIndex}\n              placeholder=\"Column Formula\"\n              value={formula}\n              onContentChanged={handleFormulaEditorContentChanged}\n              onTab={onTabInEditor}\n              invalid={invalid}\n            />\n          </div>\n          <hr />\n        </div>\n      )}\n    </Draggable>\n  );\n}\n\nexport default CustomColumnInput;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,SAAS,QAAQ,qBAAqB;AAC/C,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,OAAO,EAAEC,SAAS,QAAQ,kBAAkB;AACrD,SAASC,eAAe,QAAQ,kBAAkB;AAAC,OAC5CC,WAAW;AAmBlB,IAAMC,UAAU,GAAGC,MAAM,CAACC,MAAM,CAAC;EAC/BC,IAAI,EAAE,MAAM;EACZC,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,IAAMC,QAAQ,GAAG,MAAM;EACrB;AAAA,CACD;AAED,SAASC,iBAAiB,OAUc;EAAA,IAVb;IACzBC,QAAQ;IACRC,IAAI;IACJC,UAAU;IACVC,OAAO;IACPC,QAAQ,EAARA,SAAQ;IACRC,cAAc;IACdC,aAAa;IACbC,OAAO;IACPC;EACsB,CAAC;EACvB,IAAMC,WAAW,GAAGR,IAAI,KAAK,EAAE,IAAIV,eAAe,CAACmB,iBAAiB,CAACT,IAAI,CAAC;EAC1E,IAAMU,iCAAiC,GAAG1B,WAAW,CAClD2B,YAAqB,IAAK;IACzB,IAAIA,YAAY,KAAKC,SAAS,EAAE;MAC9BD,YAAY,CAACE,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC,CAAC;MAC5CV,SAAQ,CAACJ,QAAQ,EAAEP,UAAU,CAACI,OAAO,EAAEe,YAAY,CAAC;IACtD;EACF,CAAC,EACD,CAACR,SAAQ,EAAEJ,QAAQ,CAAC,CACrB;EAED,oBACE,oBAAC,SAAS;IACR,WAAW,EAAEA,QAAS;IACtB,KAAK,EAAEE,UAAW;IAClB,iCAAiC;EAAA,GAEhC,CAACa,QAAQ,EAAEC,QAAQ,kBAClB;IACE,SAAS,EAAE9B,UAAU,CAAC,qBAAqB,EAAE;MAC3C+B,QAAQ,EAAED,QAAQ,CAACE;IACrB,CAAC,CAAE;IACH,GAAG,EAAEH,QAAQ,CAACI;IACd;EAAA,GACIJ,QAAQ,CAACK,cAAc,gBAE3B;IAAK,SAAS,EAAC;EAA+B,gBAC5C;IAAK,SAAS,EAAC;EAAM,gBACnB;IAAK,SAAS,EAAC;EAAoC,gBACjD;IACE,SAAS,EAAElC,UAAU,CAAC,kCAAkC,EAAE;MACxD,YAAY,EAAEqB,OAAO,IAAI,CAACE,WAAW,IAAID;IAC3C,CAAC,CAAE;IACH,WAAW,EAAC,aAAa;IACzB,KAAK,EAAEP,IAAK;IACZ,QAAQ,EAAEoB,KAAK,IAAI;MACjBjB,SAAQ,CAACJ,QAAQ,EAAEP,UAAU,CAACG,IAAI,EAAEyB,KAAK,CAACC,MAAM,CAACC,KAAK,CAAC;IACzD;EAAE,EACF,eACF,oBAAC,MAAM;IACL,IAAI,EAAC,OAAO;IACZ,SAAS,EAAC,WAAW;IACrB,OAAO,EAAE,MAAM;MACblB,cAAc,CAACL,QAAQ,CAAC;IAC1B,CAAE;IACF,IAAI,EAAEX,OAAQ;IACd,OAAO,EAAC;EAAsB,EAC9B,eAEF,oBAAC,MAAM;IACL,IAAI,EAAC,OAAO;IACZ,SAAS,EAAC,iBAAiB;IAC3B,OAAO,EAAES;IACT;EAAA,GACIiB,QAAQ,CAACS,eAAe;IAC5B,IAAI,EAAElC,SAAU;IAChB,OAAO,EAAC;EAAyB,GACjC,CACE,EACL,CAAC,CAACmB,WAAW,IAAID,WAAW,kBAC3B;IAAG,SAAS,EAAC;EAAiD,GAC3D,CAACC,WAAW,GAAG,cAAc,GAAG,gBAAgB,CAEpD,CACG,eACN,oBAAC,WAAW;IACV,cAAc,EAAE;MAAEgB,QAAQ,EAAE;IAAc,CAAE;IAC5C,WAAW,EAAEvB,UAAW;IACxB,WAAW,EAAC,gBAAgB;IAC5B,KAAK,EAAEC,OAAQ;IACf,gBAAgB,EAAEQ,iCAAkC;IACpD,KAAK,EAAEL,aAAc;IACrB,OAAO,EAAEC;EAAQ,EACjB,CACE,eACN,+BAAM,CAET,CACS;AAEhB;AAEA,eAAeR,iBAAiB"}

package/dist/sidebar/InputEditor.d.ts

@@ -2,6 +2,8 @@ import { Component, ReactElement } from 'react';
 import * as monaco from 'monaco-editor';
 import './InputEditor.scss';
 interface InputEditorProps {
+    className?: string;
+    placeholder?: string;
     value: string;
     onContentChanged: (value?: string) => void;
     editorSettings: Partial<monaco.editor.IStandaloneEditorConstructionOptions>;
@@ -16,7 +18,7 @@ interface InputEditorState {
 /**
  * A monaco editor that looks like an general input
  */
-export default class InputEditor extends Component<InputEditorProps, InputEditorState> {
+export declare class InputEditor extends Component<InputEditorProps, InputEditorState> {
     static defaultProps: {
         value: string;
         onContentChanged: () => void;
@@ -39,5 +41,5 @@ export default class InputEditor extends Component<InputEditorProps, InputEditor
     handleKeyDown(event: monaco.IKeyboardEvent): void;
     render(): ReactElement;
 }
-export {};
+export default InputEditor;
 //# sourceMappingURL=InputEditor.d.ts.map

package/dist/sidebar/InputEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputEditor.d.ts","sourceRoot":"","sources":["../../src/sidebar/InputEditor.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAExC,OAAO,oBAAoB,CAAC;AAE5B,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,cAAc,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,oCAAoC,CAAC,CAAC;IAC5E,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACxD,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,UAAU,gBAAgB;IACxB,eAAe,EAAE,OAAO,CAAC;IACzB,aAAa,EAAE,OAAO,CAAC;CACxB;AACD;;GAEG;AAEH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,SAAS,CAChD,gBAAgB,EAChB,gBAAgB,CACjB;IACC,MAAM,CAAC,YAAY;;gCAEK,IAAI;;;qBAGf,IAAI;;MAEf;gBAEU,KAAK,EAAE,gBAAgB;IAgBnC,iBAAiB,IAAI,IAAI;IAIzB,oBAAoB,IAAI,IAAI;IAI5B,eAAe,EAAE,cAAc,GAAG,IAAI,CAAC;IAEvC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,qBAAqB,CAAC;IAE7C,UAAU,IAAI,IAAI;IAkDlB,aAAa,IAAI,IAAI;IAKrB,oBAAoB,IAAI,IAAI;IAS5B,iBAAiB,IAAI,IAAI;IAIzB,gBAAgB,IAAI,IAAI;IASxB,oBAAoB,IAAI,IAAI;IAQ5B,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,cAAc,GAAG,IAAI;IASjD,MAAM,IAAI,YAAY;CAyBvB"}
+{"version":3,"file":"InputEditor.d.ts","sourceRoot":"","sources":["../../src/sidebar/InputEditor.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAExC,OAAO,oBAAoB,CAAC;AAE5B,UAAU,gBAAgB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,cAAc,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,oCAAoC,CAAC,CAAC;IAC5E,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACxD,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,UAAU,gBAAgB;IACxB,eAAe,EAAE,OAAO,CAAC;IACzB,aAAa,EAAE,OAAO,CAAC;CACxB;AACD;;GAEG;AAEH,qBAAa,WAAY,SAAQ,SAAS,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;IAC5E,MAAM,CAAC,YAAY;;gCAEK,IAAI;;;qBAGf,IAAI;;MAEf;gBAEU,KAAK,EAAE,gBAAgB;IAgBnC,iBAAiB,IAAI,IAAI;IAIzB,oBAAoB,IAAI,IAAI;IAI5B,eAAe,EAAE,cAAc,GAAG,IAAI,CAAC;IAEvC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,qBAAqB,CAAC;IAE7C,UAAU,IAAI,IAAI;IAkDlB,aAAa,IAAI,IAAI;IAKrB,oBAAoB,IAAI,IAAI;IAS5B,iBAAiB,IAAI,IAAI;IAIzB,gBAAgB,IAAI,IAAI;IASxB,oBAAoB,IAAI,IAAI;IAQ5B,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,cAAc,GAAG,IAAI;IASjD,MAAM,IAAI,YAAY;CA6BvB;AAED,eAAe,WAAW,CAAC"}

package/dist/sidebar/InputEditor.js

@@ -11,7 +11,7 @@ import "./InputEditor.css";
  * A monaco editor that looks like an general input
  */
 
-export default class InputEditor extends Component {
+export class InputEditor extends Component {
   constructor(props) {
     super(props);
     _defineProperty(this, "editorContainer", void 0);
@@ -141,8 +141,10 @@ export default class InputEditor extends Component {
   }
   render() {
     var {
-      value,
-      invalid
+      className,
+      invalid,
+      placeholder = '',
+      value
     } = this.props;
     var {
       isEditorFocused,
@@ -152,7 +154,7 @@ export default class InputEditor extends Component {
       className: classNames('input-editor-wrapper', {
         focused: isEditorFocused,
         invalid
-      }),
+      }, className),
       role: "presentation",
       onClick: this.handleContainerClick
     }, /*#__PURE__*/React.createElement("div", {
@@ -161,9 +163,9 @@ export default class InputEditor extends Component {
         this.editorContainer = editorContainer;
       },
       "data-testid": "custom-column-formula"
-    }), isEditorEmpty && !value && /*#__PURE__*/React.createElement("div", {
+    }), isEditorEmpty && !value && placeholder.length > 0 && /*#__PURE__*/React.createElement("div", {
       className: "editor-placeholder text-muted"
-    }, "Column Formula"));
+    }, placeholder));
   }
 }
 _defineProperty(InputEditor, "defaultProps", {
@@ -174,4 +176,5 @@ _defineProperty(InputEditor, "defaultProps", {
   onTab: () => undefined,
   invalid: false
 });
+export default InputEditor;
 //# sourceMappingURL=InputEditor.js.map

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","onKeyDown","onDidChangeModelContent","onDidFocusEditorText","onDidBlurEditorText","dispose","undefined","onContentChanged","getValue","setState","length","focus","event","onTab","editorIndex","code","stopPropagation","preventDefault","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    // monaco does not propagate tab or enter events\n    this.editor.onKeyDown(this.handleKeyDown);\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 !== 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    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: monaco.IKeyboardEvent): void {\n    const { onTab, editorIndex } = this.props;\n    if (event.code === 'Tab') {\n      event.stopPropagation();\n      event.preventDefault();\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        role=\"presentation\"\n        onClick={this.handleContainerClick}\n      >\n        <div\n          className=\"editor-container\"\n          ref={editorContainer => {\n            this.editorContainer = editorContainer;\n          }}\n          data-testid=\"custom-column-formula\"\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","onKeyDown","onDidChangeModelContent","onDidFocusEditorText","onDidBlurEditorText","dispose","undefined","onContentChanged","getValue","setState","length","focus","event","onTab","editorIndex","code","stopPropagation","preventDefault","shiftKey","render","className","invalid","placeholder","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  className?: string;\n  placeholder?: string;\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 class InputEditor extends Component<InputEditorProps, InputEditorState> {\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    // monaco does not propagate tab or enter events\n    this.editor.onKeyDown(this.handleKeyDown);\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 !== 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    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: monaco.IKeyboardEvent): void {\n    const { onTab, editorIndex } = this.props;\n    if (event.code === 'Tab') {\n      event.stopPropagation();\n      event.preventDefault();\n      onTab(editorIndex, event.shiftKey);\n    }\n  }\n\n  render(): ReactElement {\n    const { className, invalid, placeholder = '', value } = this.props;\n    const { isEditorFocused, isEditorEmpty } = this.state;\n    return (\n      <div\n        className={classNames(\n          'input-editor-wrapper',\n          {\n            focused: isEditorFocused,\n            invalid,\n          },\n          className\n        )}\n        role=\"presentation\"\n        onClick={this.handleContainerClick}\n      >\n        <div\n          className=\"editor-container\"\n          ref={editorContainer => {\n            this.editorContainer = editorContainer;\n          }}\n          data-testid=\"custom-column-formula\"\n        />\n        {isEditorEmpty && !value && placeholder.length > 0 && (\n          <div className=\"editor-placeholder text-muted\">{placeholder}</div>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default InputEditor;\n"],"mappings":"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"}

package/dist/sidebar/index.d.ts

@@ -16,5 +16,6 @@ export type { FormattingRule as SidebarFormattingRule };
 export * from './aggregations';
 export * from './RollupRows';
 export * from './ChartBuilder';
+export * from './InputEditor';
 export * from './icons';
 //# sourceMappingURL=index.d.ts.map

package/dist/sidebar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/sidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,eAAe,MAAM,gCAAgC,CAAC;AAC7D,OAAO,gBAAgB,MAAM,iCAAiC,CAAC;AAC/D,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,yBAAyB,MAAM,yDAAyD,CAAC;AAChG,OAAO,EAAE,cAAc,EAAE,MAAM,qDAAqD,CAAC;AACrF,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EACL,gBAAgB,EAChB,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,mBAAmB,EACnB,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,yBAAyB,EACzB,oBAAoB,GACrB,CAAC;AAEF,YAAY,EAAE,cAAc,IAAI,qBAAqB,EAAE,CAAC;AACxD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/sidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,eAAe,MAAM,gCAAgC,CAAC;AAC7D,OAAO,gBAAgB,MAAM,iCAAiC,CAAC;AAC/D,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,yBAAyB,MAAM,yDAAyD,CAAC;AAChG,OAAO,EAAE,cAAc,EAAE,MAAM,qDAAqD,CAAC;AACrF,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EACL,gBAAgB,EAChB,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,mBAAmB,EACnB,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,yBAAyB,EACzB,oBAAoB,GACrB,CAAC;AAEF,YAAY,EAAE,cAAc,IAAI,qBAAqB,EAAE,CAAC;AACxD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC"}

package/dist/sidebar/index.js

@@ -14,5 +14,6 @@ export { AdvancedSettings, Aggregations, AggregationEdit, AggregationUtils, Char
 export * from "./aggregations/index.js";
 export * from "./RollupRows.js";
 export * from "./ChartBuilder.js";
+export * from "./InputEditor.js";
 export * from "./icons/index.js";
 //# sourceMappingURL=index.js.map

package/dist/sidebar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["AdvancedSettings","Aggregations","AggregationEdit","AggregationUtils","ChartBuilder","CustomColumnBuilder","OptionType","RollupRows","TableCsvExporter","TableSaver","VisibilityOrderingBuilder","AdvancedSettingsType"],"sources":["../../src/sidebar/index.ts"],"sourcesContent":["import AdvancedSettings from './AdvancedSettings';\nimport Aggregations from './aggregations/Aggregations';\nimport AggregationEdit from './aggregations/AggregationEdit';\nimport AggregationUtils from './aggregations/AggregationUtils';\nimport ChartBuilder from './ChartBuilder';\nimport CustomColumnBuilder from './CustomColumnBuilder';\nimport OptionType from './OptionType';\nimport RollupRows from './RollupRows';\nimport TableCsvExporter from './TableCsvExporter';\nimport TableSaver from './TableSaver';\nimport VisibilityOrderingBuilder from './visibility-ordering-builder/VisibilityOrderingBuilder';\nimport { FormattingRule } from './conditional-formatting/ConditionalFormattingUtils';\nimport AdvancedSettingsType from './AdvancedSettingsType';\n\nexport {\n  AdvancedSettings,\n  Aggregations,\n  AggregationEdit,\n  AggregationUtils,\n  ChartBuilder,\n  CustomColumnBuilder,\n  OptionType,\n  RollupRows,\n  TableCsvExporter,\n  TableSaver,\n  VisibilityOrderingBuilder,\n  AdvancedSettingsType,\n};\n\nexport type { FormattingRule as SidebarFormattingRule };\nexport * from './aggregations';\nexport * from './RollupRows';\nexport * from './ChartBuilder';\nexport * from './icons';\n"],"mappings":"OAAOA,gBAAgB;AAAA,OAChBC,YAAY;AAAA,OACZC,eAAe;AAAA,OACfC,gBAAgB;AAAA,OAChBC,YAAY;AAAA,OACZC,mBAAmB;AAAA,OACnBC,UAAU;AAAA,OACVC,UAAU;AAAA,OACVC,gBAAgB;AAAA,OAChBC,UAAU;AAAA,OACVC,yBAAyB;AAAA,OAEzBC,oBAAoB;AAE3B,SACEX,gBAAgB,EAChBC,YAAY,EACZC,eAAe,EACfC,gBAAgB,EAChBC,YAAY,EACZC,mBAAmB,EACnBC,UAAU,EACVC,UAAU,EACVC,gBAAgB,EAChBC,UAAU,EACVC,yBAAyB,EACzBC,oBAAoB;AACpB;AAAA;AAAA;AAAA"}
+{"version":3,"file":"index.js","names":["AdvancedSettings","Aggregations","AggregationEdit","AggregationUtils","ChartBuilder","CustomColumnBuilder","OptionType","RollupRows","TableCsvExporter","TableSaver","VisibilityOrderingBuilder","AdvancedSettingsType"],"sources":["../../src/sidebar/index.ts"],"sourcesContent":["import AdvancedSettings from './AdvancedSettings';\nimport Aggregations from './aggregations/Aggregations';\nimport AggregationEdit from './aggregations/AggregationEdit';\nimport AggregationUtils from './aggregations/AggregationUtils';\nimport ChartBuilder from './ChartBuilder';\nimport CustomColumnBuilder from './CustomColumnBuilder';\nimport OptionType from './OptionType';\nimport RollupRows from './RollupRows';\nimport TableCsvExporter from './TableCsvExporter';\nimport TableSaver from './TableSaver';\nimport VisibilityOrderingBuilder from './visibility-ordering-builder/VisibilityOrderingBuilder';\nimport { FormattingRule } from './conditional-formatting/ConditionalFormattingUtils';\nimport AdvancedSettingsType from './AdvancedSettingsType';\n\nexport {\n  AdvancedSettings,\n  Aggregations,\n  AggregationEdit,\n  AggregationUtils,\n  ChartBuilder,\n  CustomColumnBuilder,\n  OptionType,\n  RollupRows,\n  TableCsvExporter,\n  TableSaver,\n  VisibilityOrderingBuilder,\n  AdvancedSettingsType,\n};\n\nexport type { FormattingRule as SidebarFormattingRule };\nexport * from './aggregations';\nexport * from './RollupRows';\nexport * from './ChartBuilder';\nexport * from './InputEditor';\nexport * from './icons';\n"],"mappings":"OAAOA,gBAAgB;AAAA,OAChBC,YAAY;AAAA,OACZC,eAAe;AAAA,OACfC,gBAAgB;AAAA,OAChBC,YAAY;AAAA,OACZC,mBAAmB;AAAA,OACnBC,UAAU;AAAA,OACVC,UAAU;AAAA,OACVC,gBAAgB;AAAA,OAChBC,UAAU;AAAA,OACVC,yBAAyB;AAAA,OAEzBC,oBAAoB;AAE3B,SACEX,gBAAgB,EAChBC,YAAY,EACZC,eAAe,EACfC,gBAAgB,EAChBC,YAAY,EACZC,mBAAmB,EACnBC,UAAU,EACVC,UAAU,EACVC,gBAAgB,EAChBC,UAAU,EACVC,yBAAyB,EACzBC,oBAAoB;AACpB;AAAA;AAAA;AAAA;AAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deephaven/iris-grid",
-  "version": "0.42.1-beta.4+154ccfcc",
+  "version": "0.44.0",
   "description": "Deephaven Iris Grid",
   "author": "Deephaven Data Labs LLC",
   "license": "Apache-2.0",
@@ -23,17 +23,17 @@
     "build:sass": "sass --embed-sources --load-path=../../node_modules ./src:./dist"
   },
   "dependencies": {
-    "@deephaven/components": "^0.42.1-beta.4+154ccfcc",
-    "@deephaven/console": "^0.42.1-beta.4+154ccfcc",
-    "@deephaven/filters": "^0.42.1-beta.4+154ccfcc",
-    "@deephaven/grid": "^0.42.1-beta.4+154ccfcc",
-    "@deephaven/icons": "^0.42.1-beta.4+154ccfcc",
-    "@deephaven/jsapi-types": "^0.42.1-beta.4+154ccfcc",
-    "@deephaven/jsapi-utils": "^0.42.1-beta.4+154ccfcc",
-    "@deephaven/log": "^0.42.1-beta.4+154ccfcc",
-    "@deephaven/react-hooks": "^0.42.1-beta.4+154ccfcc",
-    "@deephaven/storage": "^0.42.1-beta.4+154ccfcc",
-    "@deephaven/utils": "^0.42.1-beta.4+154ccfcc",
+    "@deephaven/components": "^0.44.0",
+    "@deephaven/console": "^0.44.0",
+    "@deephaven/filters": "^0.44.0",
+    "@deephaven/grid": "^0.44.0",
+    "@deephaven/icons": "^0.44.0",
+    "@deephaven/jsapi-types": "^0.44.0",
+    "@deephaven/jsapi-utils": "^0.44.0",
+    "@deephaven/log": "^0.44.0",
+    "@deephaven/react-hooks": "^0.44.0",
+    "@deephaven/storage": "^0.44.0",
+    "@deephaven/utils": "^0.44.0",
     "@dnd-kit/core": "^6.0.5",
     "@dnd-kit/sortable": "^7.0.0",
     "@dnd-kit/utilities": "^3.2.0",
@@ -56,8 +56,8 @@
     "react-dom": "^17.x"
   },
   "devDependencies": {
-    "@deephaven/jsapi-shim": "^0.42.1-beta.4+154ccfcc",
-    "@deephaven/mocks": "^0.42.1-beta.4+154ccfcc"
+    "@deephaven/jsapi-shim": "^0.44.0",
+    "@deephaven/mocks": "^0.44.0"
   },
   "files": [
     "dist"
@@ -68,5 +68,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "154ccfccd5a6f9996d67f0fcc71d031985bfd6a5"
+  "gitHead": "ba13c9139b3b7a5f5d64d79069f1de9d4727eeb6"
 }