@deephaven/dashboard-core-plugins 0.22.3-beta.18 → 0.22.3-beta.21

package/dist/controls/input-filter/InputFilter.js

@@ -1,9 +1,8 @@
 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 */
-
 /* eslint-disable jsx-a11y/no-static-element-interactions */
 // background click is just a convience method, not an actual a11y issue
+
 import React, { Component } from 'react';
 import { Button, CardFlip } from '@deephaven/components';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
@@ -14,27 +13,21 @@ import Log from '@deephaven/log';
 import "./InputFilter.css";
 var log = Log.module('InputFilter');
 var UPDATE_DEBOUNCE = 150;
-
 class InputFilter extends Component {
   constructor(props) {
     super(props);
-
     _defineProperty(this, "inputRef", void 0);
-
     _defineProperty(this, "getItemLabel", memoizee((columns, index) => {
       var {
         name,
         type
       } = columns[index];
-
       if (index > 0 && columns[index - 1].name === name || index < columns.length - 1 && columns[index + 1].name === name) {
         var shortType = type.substring(type.lastIndexOf('.') + 1);
         return "".concat(name, " (").concat(shortType, ")");
       }
-
       return name;
     }));
-
     _defineProperty(this, "sendUpdate", debounce(() => {
       var {
         onChange
@@ -50,7 +43,6 @@ class InputFilter extends Component {
         value
       });
     }, UPDATE_DEBOUNCE));
-
     this.handleColumnChange = this.handleColumnChange.bind(this);
     this.handleInputKeyPress = this.handleInputKeyPress.bind(this);
     this.handleValueChange = this.handleValueChange.bind(this);
@@ -71,7 +63,6 @@ class InputFilter extends Component {
       isValueShown: _isValueShown
     };
   }
-
   componentDidUpdate(prevProps, prevState) {
     var {
       column: propColumn
@@ -81,7 +72,6 @@ class InputFilter extends Component {
       value,
       isValueShown
     } = this.state;
-
     if (propColumn !== prevProps.column) {
       // eslint-disable-next-line react/no-did-update-set-state
       this.setState({
@@ -89,20 +79,16 @@ class InputFilter extends Component {
         selectedColumn: propColumn
       });
     }
-
     if (isValueShown !== undefined && isValueShown && isValueShown !== prevState.isValueShown) {
       this.focusInput();
     }
-
     if (column !== prevState.column || value !== prevState.value || isValueShown !== prevState.isValueShown) {
       this.sendUpdate();
     }
   }
-
   componentWillUnmount() {
     this.sendUpdate.flush();
   }
-
   handleColumnChange(event) {
     var {
       columns
@@ -117,7 +103,6 @@ class InputFilter extends Component {
       value: undefined
     });
   }
-
   handleInputKeyPress(event) {
     if (event.key === 'Enter') {
       event.preventDefault();
@@ -135,7 +120,6 @@ class InputFilter extends Component {
       });
     }
   }
-
   handleValueChange(event) {
     var {
       value
@@ -145,7 +129,6 @@ class InputFilter extends Component {
       value
     });
   }
-
   handleSettingsCancel() {
     var {
       column
@@ -155,7 +138,6 @@ class InputFilter extends Component {
       isValueShown: true
     });
   }
-
   handleSettingsSave() {
     var {
       selectedColumn
@@ -165,7 +147,6 @@ class InputFilter extends Component {
       isValueShown: true
     });
   }
-
   handleSettingsClick(event) {
     var {
       column
@@ -176,27 +157,23 @@ class InputFilter extends Component {
     });
     event.stopPropagation();
   }
-
   handleBackgroundClick(event) {
     // allow clicking anywhere in the background to select and focus the input
     if (event.target !== this.inputRef.current) {
       this.focusInput();
     }
   }
-
   focusInput() {
     if (this.inputRef.current !== null) {
       this.inputRef.current.select();
       this.inputRef.current.focus();
     }
   }
-
   clearFilter() {
     this.setState({
       value: ''
     });
   }
-
   setFilterState(_ref2) {
     var {
       name,
@@ -218,7 +195,6 @@ class InputFilter extends Component {
     };
     this.setState(update);
   }
-
   render() {
     var {
       columns
@@ -231,12 +207,10 @@ class InputFilter extends Component {
     } = this.state;
     var inputLength = value == null || value.length === 0 ? InputFilter.PLACEHOLDER.length : value.length;
     var titleLabel = null;
-
     if (column != null) {
       var columnIndex = columns.findIndex(item => item.name === column.name && item.type === column.type);
       titleLabel = columnIndex >= 0 ? this.getItemLabel(columns, columnIndex) : column.name;
     }
-
     return /*#__PURE__*/React.createElement(CardFlip, {
       className: "input-filter fill-parent-absolute",
       isFlipped: isValueShown !== null && isValueShown !== void 0 ? isValueShown : false
@@ -304,16 +278,12 @@ class InputFilter extends Component {
       tooltip: "Input Filter Settings"
     }))));
   }
-
 }
-
 _defineProperty(InputFilter, "PLACEHOLDER", 'Enter value...');
-
 _defineProperty(InputFilter, "defaultProps", {
   column: null,
   isValueShown: false,
   value: null
 });
-
 export default InputFilter;
 //# sourceMappingURL=InputFilter.js.map

package/dist/controls/input-filter/InputFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputFilter.js","names":["React","Component","Button","CardFlip","FontAwesomeIcon","vsGear","memoizee","debounce","Log","log","module","UPDATE_DEBOUNCE","InputFilter","constructor","props","columns","index","name","type","length","shortType","substring","lastIndexOf","onChange","column","value","isValueShown","state","handleColumnChange","bind","handleInputKeyPress","handleValueChange","handleSettingsCancel","handleSettingsClick","handleSettingsSave","handleBackgroundClick","inputRef","createRef","selectedColumn","componentDidUpdate","prevProps","prevState","propColumn","setState","undefined","focusInput","sendUpdate","componentWillUnmount","flush","event","target","parseInt","debug2","key","preventDefault","stopPropagation","current","select","focus","clearFilter","setFilterState","update","render","inputLength","PLACEHOLDER","titleLabel","columnIndex","findIndex","item","getItemLabel","map","columnItem","width"],"sources":["../../../src/controls/input-filter/InputFilter.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n// background click is just a convience method, not an actual a11y issue\n\nimport React, {\n  ChangeEvent,\n  Component,\n  RefObject,\n  MouseEvent,\n  KeyboardEvent,\n  ReactElement,\n} from 'react';\nimport { Button, CardFlip } from '@deephaven/components';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsGear } from '@deephaven/icons';\nimport { Column } from '@deephaven/jsapi-shim';\nimport memoizee from 'memoizee';\nimport debounce from 'lodash.debounce';\nimport Log from '@deephaven/log';\nimport './InputFilter.scss';\n\nconst log = Log.module('InputFilter');\nconst UPDATE_DEBOUNCE = 150;\n\nexport type InputFilterColumn = Pick<Column, 'type' | 'name'>;\n\ninterface InputFilterProps {\n  columns: InputFilterColumn[];\n  column: InputFilterColumn;\n  isValueShown: boolean;\n  value: string;\n  onChange: (change: {\n    column?: InputFilterColumn;\n    isValueShown?: boolean;\n    value?: string;\n  }) => void;\n}\n\nexport interface InputFilterState {\n  column?: InputFilterColumn;\n  selectedColumn?: InputFilterColumn;\n  value?: string;\n  isValueShown?: boolean;\n}\n\nclass InputFilter extends Component<InputFilterProps, InputFilterState> {\n  static PLACEHOLDER = 'Enter value...';\n\n  static defaultProps = {\n    column: null,\n    isValueShown: false,\n    value: null,\n  };\n\n  constructor(props: InputFilterProps) {\n    super(props);\n\n    this.handleColumnChange = this.handleColumnChange.bind(this);\n    this.handleInputKeyPress = this.handleInputKeyPress.bind(this);\n    this.handleValueChange = this.handleValueChange.bind(this);\n    this.handleSettingsCancel = this.handleSettingsCancel.bind(this);\n    this.handleSettingsClick = this.handleSettingsClick.bind(this);\n    this.handleSettingsSave = this.handleSettingsSave.bind(this);\n    this.handleBackgroundClick = this.handleBackgroundClick.bind(this);\n\n    this.inputRef = React.createRef();\n\n    const { column, isValueShown, value } = props;\n    this.state = {\n      column,\n      selectedColumn: column,\n      value,\n      isValueShown,\n    };\n  }\n\n  componentDidUpdate(\n    prevProps: InputFilterProps,\n    prevState: InputFilterState\n  ): void {\n    const { column: propColumn } = this.props;\n    const { column, value, isValueShown } = this.state;\n\n    if (propColumn !== prevProps.column) {\n      // eslint-disable-next-line react/no-did-update-set-state\n      this.setState({ column: propColumn, selectedColumn: propColumn });\n    }\n\n    if (\n      isValueShown !== undefined &&\n      isValueShown &&\n      isValueShown !== prevState.isValueShown\n    ) {\n      this.focusInput();\n    }\n\n    if (\n      column !== prevState.column ||\n      value !== prevState.value ||\n      isValueShown !== prevState.isValueShown\n    ) {\n      this.sendUpdate();\n    }\n  }\n\n  componentWillUnmount(): void {\n    this.sendUpdate.flush();\n  }\n\n  inputRef: RefObject<HTMLInputElement>;\n\n  getItemLabel = memoizee((columns: InputFilterColumn[], index: number) => {\n    const { name, type } = columns[index];\n\n    if (\n      (index > 0 && columns[index - 1].name === name) ||\n      (index < columns.length - 1 && columns[index + 1].name === name)\n    ) {\n      const shortType = type.substring(type.lastIndexOf('.') + 1);\n      return `${name} (${shortType})`;\n    }\n\n    return name;\n  });\n\n  handleColumnChange(event: ChangeEvent<HTMLSelectElement>): void {\n    const { columns } = this.props;\n    const { value } = event.target;\n    const selectedColumn = columns[parseInt(value, 10)];\n\n    log.debug2('handleColumnChange', selectedColumn);\n\n    this.setState({ selectedColumn, value: undefined });\n  }\n\n  handleInputKeyPress(event: KeyboardEvent<HTMLInputElement>): void {\n    if (event.key === 'Enter') {\n      event.preventDefault();\n      event.stopPropagation();\n      this.setState(\n        ({ value }) => (value == null ? { value: '' } : null),\n        () => {\n          this.sendUpdate();\n          this.sendUpdate.flush();\n        }\n      );\n    }\n  }\n\n  handleValueChange(event: ChangeEvent<HTMLInputElement>): void {\n    const { value } = event.target;\n\n    log.debug2('handleValueChange', value);\n\n    this.setState({ value });\n  }\n\n  handleSettingsCancel(): void {\n    const { column } = this.state;\n    this.setState({ selectedColumn: column, isValueShown: true });\n  }\n\n  handleSettingsSave(): void {\n    const { selectedColumn } = this.state;\n    this.setState({ column: selectedColumn, isValueShown: true });\n  }\n\n  handleSettingsClick(event: MouseEvent<HTMLButtonElement>): void {\n    const { column } = this.state;\n    this.setState({ selectedColumn: column, isValueShown: false });\n    event.stopPropagation();\n  }\n\n  handleBackgroundClick(event: MouseEvent<HTMLDivElement>): void {\n    // allow clicking anywhere in the background to select and focus the input\n    if (event.target !== this.inputRef.current) {\n      this.focusInput();\n    }\n  }\n\n  focusInput(): void {\n    if (this.inputRef.current !== null) {\n      this.inputRef.current.select();\n      this.inputRef.current.focus();\n    }\n  }\n\n  clearFilter(): void {\n    this.setState({ value: '' });\n  }\n\n  setFilterState({\n    name,\n    type,\n    value,\n    isValueShown,\n  }: {\n    name?: string;\n    type?: string;\n    value?: string;\n    isValueShown?: boolean;\n  }): void {\n    const column = name != null && type != null ? { name, type } : undefined;\n    const update =\n      isValueShown === undefined\n        ? { column, value }\n        : { column, value, isValueShown };\n    this.setState(update);\n  }\n\n  sendUpdate = debounce(() => {\n    const { onChange } = this.props;\n    const { column, value, isValueShown } = this.state;\n    onChange({ column, isValueShown, value });\n  }, UPDATE_DEBOUNCE);\n\n  render(): ReactElement {\n    const { columns } = this.props;\n    const { column, isValueShown, selectedColumn, value } = this.state;\n    const inputLength =\n      value == null || value.length === 0\n        ? InputFilter.PLACEHOLDER.length\n        : value.length;\n    let titleLabel = null;\n    if (column != null) {\n      const columnIndex = columns.findIndex(\n        item => item.name === column.name && item.type === column.type\n      );\n      titleLabel =\n        columnIndex >= 0\n          ? this.getItemLabel(columns, columnIndex)\n          : column.name;\n    }\n\n    return (\n      <CardFlip\n        className=\"input-filter fill-parent-absolute\"\n        isFlipped={isValueShown ?? false}\n      >\n        <div className=\"input-filter-settings-card\">\n          <div className=\"input-filter-settings-content\">\n            <div className=\"input-filter-settings-grid\">\n              <label>Filter Column</label>\n              <select\n                value={columns.findIndex(\n                  item =>\n                    item.name === selectedColumn?.name &&\n                    item.type === selectedColumn?.type\n                )}\n                className=\"custom-select\"\n                onChange={this.handleColumnChange}\n              >\n                {columns.map((columnItem, index) => (\n                  <option\n                    key={`${columnItem.name}/${columnItem.type}`}\n                    value={index}\n                  >\n                    {this.getItemLabel(columns, index)}\n                  </option>\n                ))}\n                {columns.length === 0 && (\n                  <option value=\"-1\" disabled>\n                    No Available Columns\n                  </option>\n                )}\n              </select>\n              <div className=\"text-muted small\">\n                Input filter control will apply its filter to all columns\n                matching this name in this dashboard.\n              </div>\n            </div>\n            <div className=\"input-filter-settings-buttons\">\n              <Button\n                kind=\"secondary\"\n                onClick={this.handleSettingsCancel}\n                disabled={column == null}\n              >\n                Cancel\n              </Button>\n              <Button\n                kind=\"primary\"\n                className=\"ml-2\"\n                onClick={this.handleSettingsSave}\n                disabled={selectedColumn == null}\n              >\n                Save\n              </Button>\n            </div>\n          </div>\n        </div>\n\n        <div\n          className=\"input-filter-value-card\"\n          onClick={this.handleBackgroundClick}\n        >\n          <div className=\"input-filter-column\">\n            <div className=\"input-filter-column-title\">{titleLabel} Filter</div>\n          </div>\n          <div className=\"d-flex justify-content-center align-items-center h-100 w-100\">\n            <div className=\"input-filter-value-input d-flex flex-column justify-content-center\">\n              <input\n                type=\"text\"\n                ref={this.inputRef}\n                placeholder={InputFilter.PLACEHOLDER}\n                value={value ?? ''}\n                onChange={this.handleValueChange}\n                onKeyPress={this.handleInputKeyPress}\n                style={{ width: `${inputLength + 3}ch` }}\n                spellCheck=\"false\"\n              />\n            </div>\n          </div>\n          <div className=\"input-filter-menu\">\n            <Button\n              kind=\"ghost\"\n              className=\"m-2 px-2\"\n              onClick={this.handleSettingsClick}\n              icon={<FontAwesomeIcon icon={vsGear} transform=\"grow-4\" />}\n              tooltip=\"Input Filter Settings\"\n            />\n          </div>\n        </div>\n      </CardFlip>\n    );\n  }\n}\n\nexport default InputFilter;\n"],"mappings":"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"}
+{"version":3,"file":"InputFilter.js","names":["React","Component","Button","CardFlip","FontAwesomeIcon","vsGear","memoizee","debounce","Log","log","module","UPDATE_DEBOUNCE","InputFilter","constructor","props","columns","index","name","type","length","shortType","substring","lastIndexOf","onChange","column","value","isValueShown","state","handleColumnChange","bind","handleInputKeyPress","handleValueChange","handleSettingsCancel","handleSettingsClick","handleSettingsSave","handleBackgroundClick","inputRef","createRef","selectedColumn","componentDidUpdate","prevProps","prevState","propColumn","setState","undefined","focusInput","sendUpdate","componentWillUnmount","flush","event","target","parseInt","debug2","key","preventDefault","stopPropagation","current","select","focus","clearFilter","setFilterState","update","render","inputLength","PLACEHOLDER","titleLabel","columnIndex","findIndex","item","getItemLabel","map","columnItem","width"],"sources":["../../../src/controls/input-filter/InputFilter.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n// background click is just a convience method, not an actual a11y issue\n\nimport React, {\n  ChangeEvent,\n  Component,\n  RefObject,\n  MouseEvent,\n  KeyboardEvent,\n  ReactElement,\n} from 'react';\nimport { Button, CardFlip } from '@deephaven/components';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsGear } from '@deephaven/icons';\nimport { Column } from '@deephaven/jsapi-shim';\nimport memoizee from 'memoizee';\nimport debounce from 'lodash.debounce';\nimport Log from '@deephaven/log';\nimport './InputFilter.scss';\n\nconst log = Log.module('InputFilter');\nconst UPDATE_DEBOUNCE = 150;\n\nexport type InputFilterColumn = Pick<Column, 'type' | 'name'>;\n\ninterface InputFilterProps {\n  columns: InputFilterColumn[];\n  column: InputFilterColumn;\n  isValueShown: boolean;\n  value: string;\n  onChange: (change: {\n    column?: InputFilterColumn;\n    isValueShown?: boolean;\n    value?: string;\n  }) => void;\n}\n\nexport interface InputFilterState {\n  column?: InputFilterColumn;\n  selectedColumn?: InputFilterColumn;\n  value?: string;\n  isValueShown?: boolean;\n}\n\nclass InputFilter extends Component<InputFilterProps, InputFilterState> {\n  static PLACEHOLDER = 'Enter value...';\n\n  static defaultProps = {\n    column: null,\n    isValueShown: false,\n    value: null,\n  };\n\n  constructor(props: InputFilterProps) {\n    super(props);\n\n    this.handleColumnChange = this.handleColumnChange.bind(this);\n    this.handleInputKeyPress = this.handleInputKeyPress.bind(this);\n    this.handleValueChange = this.handleValueChange.bind(this);\n    this.handleSettingsCancel = this.handleSettingsCancel.bind(this);\n    this.handleSettingsClick = this.handleSettingsClick.bind(this);\n    this.handleSettingsSave = this.handleSettingsSave.bind(this);\n    this.handleBackgroundClick = this.handleBackgroundClick.bind(this);\n\n    this.inputRef = React.createRef();\n\n    const { column, isValueShown, value } = props;\n    this.state = {\n      column,\n      selectedColumn: column,\n      value,\n      isValueShown,\n    };\n  }\n\n  componentDidUpdate(\n    prevProps: InputFilterProps,\n    prevState: InputFilterState\n  ): void {\n    const { column: propColumn } = this.props;\n    const { column, value, isValueShown } = this.state;\n\n    if (propColumn !== prevProps.column) {\n      // eslint-disable-next-line react/no-did-update-set-state\n      this.setState({ column: propColumn, selectedColumn: propColumn });\n    }\n\n    if (\n      isValueShown !== undefined &&\n      isValueShown &&\n      isValueShown !== prevState.isValueShown\n    ) {\n      this.focusInput();\n    }\n\n    if (\n      column !== prevState.column ||\n      value !== prevState.value ||\n      isValueShown !== prevState.isValueShown\n    ) {\n      this.sendUpdate();\n    }\n  }\n\n  componentWillUnmount(): void {\n    this.sendUpdate.flush();\n  }\n\n  inputRef: RefObject<HTMLInputElement>;\n\n  getItemLabel = memoizee((columns: InputFilterColumn[], index: number) => {\n    const { name, type } = columns[index];\n\n    if (\n      (index > 0 && columns[index - 1].name === name) ||\n      (index < columns.length - 1 && columns[index + 1].name === name)\n    ) {\n      const shortType = type.substring(type.lastIndexOf('.') + 1);\n      return `${name} (${shortType})`;\n    }\n\n    return name;\n  });\n\n  handleColumnChange(event: ChangeEvent<HTMLSelectElement>): void {\n    const { columns } = this.props;\n    const { value } = event.target;\n    const selectedColumn = columns[parseInt(value, 10)];\n\n    log.debug2('handleColumnChange', selectedColumn);\n\n    this.setState({ selectedColumn, value: undefined });\n  }\n\n  handleInputKeyPress(event: KeyboardEvent<HTMLInputElement>): void {\n    if (event.key === 'Enter') {\n      event.preventDefault();\n      event.stopPropagation();\n      this.setState(\n        ({ value }) => (value == null ? { value: '' } : null),\n        () => {\n          this.sendUpdate();\n          this.sendUpdate.flush();\n        }\n      );\n    }\n  }\n\n  handleValueChange(event: ChangeEvent<HTMLInputElement>): void {\n    const { value } = event.target;\n\n    log.debug2('handleValueChange', value);\n\n    this.setState({ value });\n  }\n\n  handleSettingsCancel(): void {\n    const { column } = this.state;\n    this.setState({ selectedColumn: column, isValueShown: true });\n  }\n\n  handleSettingsSave(): void {\n    const { selectedColumn } = this.state;\n    this.setState({ column: selectedColumn, isValueShown: true });\n  }\n\n  handleSettingsClick(event: MouseEvent<HTMLButtonElement>): void {\n    const { column } = this.state;\n    this.setState({ selectedColumn: column, isValueShown: false });\n    event.stopPropagation();\n  }\n\n  handleBackgroundClick(event: MouseEvent<HTMLDivElement>): void {\n    // allow clicking anywhere in the background to select and focus the input\n    if (event.target !== this.inputRef.current) {\n      this.focusInput();\n    }\n  }\n\n  focusInput(): void {\n    if (this.inputRef.current !== null) {\n      this.inputRef.current.select();\n      this.inputRef.current.focus();\n    }\n  }\n\n  clearFilter(): void {\n    this.setState({ value: '' });\n  }\n\n  setFilterState({\n    name,\n    type,\n    value,\n    isValueShown,\n  }: {\n    name?: string;\n    type?: string;\n    value?: string;\n    isValueShown?: boolean;\n  }): void {\n    const column = name != null && type != null ? { name, type } : undefined;\n    const update =\n      isValueShown === undefined\n        ? { column, value }\n        : { column, value, isValueShown };\n    this.setState(update);\n  }\n\n  sendUpdate = debounce(() => {\n    const { onChange } = this.props;\n    const { column, value, isValueShown } = this.state;\n    onChange({ column, isValueShown, value });\n  }, UPDATE_DEBOUNCE);\n\n  render(): ReactElement {\n    const { columns } = this.props;\n    const { column, isValueShown, selectedColumn, value } = this.state;\n    const inputLength =\n      value == null || value.length === 0\n        ? InputFilter.PLACEHOLDER.length\n        : value.length;\n    let titleLabel = null;\n    if (column != null) {\n      const columnIndex = columns.findIndex(\n        item => item.name === column.name && item.type === column.type\n      );\n      titleLabel =\n        columnIndex >= 0\n          ? this.getItemLabel(columns, columnIndex)\n          : column.name;\n    }\n\n    return (\n      <CardFlip\n        className=\"input-filter fill-parent-absolute\"\n        isFlipped={isValueShown ?? false}\n      >\n        <div className=\"input-filter-settings-card\">\n          <div className=\"input-filter-settings-content\">\n            <div className=\"input-filter-settings-grid\">\n              <label>Filter Column</label>\n              <select\n                value={columns.findIndex(\n                  item =>\n                    item.name === selectedColumn?.name &&\n                    item.type === selectedColumn?.type\n                )}\n                className=\"custom-select\"\n                onChange={this.handleColumnChange}\n              >\n                {columns.map((columnItem, index) => (\n                  <option\n                    key={`${columnItem.name}/${columnItem.type}`}\n                    value={index}\n                  >\n                    {this.getItemLabel(columns, index)}\n                  </option>\n                ))}\n                {columns.length === 0 && (\n                  <option value=\"-1\" disabled>\n                    No Available Columns\n                  </option>\n                )}\n              </select>\n              <div className=\"text-muted small\">\n                Input filter control will apply its filter to all columns\n                matching this name in this dashboard.\n              </div>\n            </div>\n            <div className=\"input-filter-settings-buttons\">\n              <Button\n                kind=\"secondary\"\n                onClick={this.handleSettingsCancel}\n                disabled={column == null}\n              >\n                Cancel\n              </Button>\n              <Button\n                kind=\"primary\"\n                className=\"ml-2\"\n                onClick={this.handleSettingsSave}\n                disabled={selectedColumn == null}\n              >\n                Save\n              </Button>\n            </div>\n          </div>\n        </div>\n\n        <div\n          className=\"input-filter-value-card\"\n          onClick={this.handleBackgroundClick}\n        >\n          <div className=\"input-filter-column\">\n            <div className=\"input-filter-column-title\">{titleLabel} Filter</div>\n          </div>\n          <div className=\"d-flex justify-content-center align-items-center h-100 w-100\">\n            <div className=\"input-filter-value-input d-flex flex-column justify-content-center\">\n              <input\n                type=\"text\"\n                ref={this.inputRef}\n                placeholder={InputFilter.PLACEHOLDER}\n                value={value ?? ''}\n                onChange={this.handleValueChange}\n                onKeyPress={this.handleInputKeyPress}\n                style={{ width: `${inputLength + 3}ch` }}\n                spellCheck=\"false\"\n              />\n            </div>\n          </div>\n          <div className=\"input-filter-menu\">\n            <Button\n              kind=\"ghost\"\n              className=\"m-2 px-2\"\n              onClick={this.handleSettingsClick}\n              icon={<FontAwesomeIcon icon={vsGear} transform=\"grow-4\" />}\n              tooltip=\"Input Filter Settings\"\n            />\n          </div>\n        </div>\n      </CardFlip>\n    );\n  }\n}\n\nexport default InputFilter;\n"],"mappings":"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"}

package/dist/controls/markdown/MarkdownContainer.js

@@ -1,5 +1,4 @@
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 import React, { PureComponent } from 'react';
 import classNames from 'classnames';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
@@ -22,9 +21,7 @@ export default class MarkdownContainer extends PureComponent {
       icon: vsEdit
     }))), children);
   }
-
 }
-
 _defineProperty(MarkdownContainer, "defaultProps", {
   isEditing: false
 });

package/dist/controls/markdown/MarkdownContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownContainer.js","names":["React","PureComponent","classNames","FontAwesomeIcon","vsEdit","MarkdownContainer","render","isEditing","children","onDoubleClick","props","viewing","undefined"],"sources":["../../../src/controls/markdown/MarkdownContainer.tsx"],"sourcesContent":["import React, {\n  MouseEventHandler,\n  PureComponent,\n  ReactElement,\n  ReactNode,\n} from 'react';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsEdit } from '@deephaven/icons';\n\ninterface MarkdownContainerProps {\n  onDoubleClick: MouseEventHandler;\n  children: ReactNode;\n  isEditing?: boolean;\n}\n\nexport default class MarkdownContainer extends PureComponent<\n  MarkdownContainerProps,\n  Record<string, never>\n> {\n  static defaultProps = {\n    isEditing: false,\n  };\n\n  render(): ReactElement {\n    const { isEditing, children, onDoubleClick } = this.props;\n\n    return (\n      <div\n        className=\"markdown-editor-container h-100 w-100\"\n        onDoubleClick={onDoubleClick}\n      >\n        <div\n          className={classNames('text-muted', 'edit-hint', {\n            viewing: isEditing === undefined || !isEditing,\n          })}\n        >\n          <span>\n            double-click to edit <FontAwesomeIcon icon={vsEdit} />\n          </span>\n        </div>\n        {children}\n      </div>\n    );\n  }\n}\n"],"mappings":";;AAAA,OAAOA,KAAP,IAEEC,aAFF,QAKO,OALP;AAMA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,eAAT,QAAgC,gCAAhC;AACA,SAASC,MAAT,QAAuB,kBAAvB;AAQA,eAAe,MAAMC,iBAAN,SAAgCJ,aAAhC,CAGb;EAKAK,MAAM,GAAiB;IACrB,IAAM;MAAEC,SAAF;MAAaC,QAAb;MAAuBC;IAAvB,IAAyC,KAAKC,KAApD;IAEA,oBACE;MACE,SAAS,EAAC,uCADZ;MAEE,aAAa,EAAED;IAFjB,gBAIE;MACE,SAAS,EAAEP,UAAU,CAAC,YAAD,EAAe,WAAf,EAA4B;QAC/CS,OAAO,EAAEJ,SAAS,KAAKK,SAAd,IAA2B,CAACL;MADU,CAA5B;IADvB,gBAKE,wEACuB,oBAAC,eAAD;MAAiB,IAAI,EAAEH;IAAvB,EADvB,CALF,CAJF,EAaGI,QAbH,CADF;EAiBD;;AAzBD;;gBAHmBH,iB,kBAIG;EACpBE,SAAS,EAAE;AADS,C"}
+{"version":3,"file":"MarkdownContainer.js","names":["React","PureComponent","classNames","FontAwesomeIcon","vsEdit","MarkdownContainer","render","isEditing","children","onDoubleClick","props","viewing","undefined"],"sources":["../../../src/controls/markdown/MarkdownContainer.tsx"],"sourcesContent":["import React, {\n  MouseEventHandler,\n  PureComponent,\n  ReactElement,\n  ReactNode,\n} from 'react';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsEdit } from '@deephaven/icons';\n\ninterface MarkdownContainerProps {\n  onDoubleClick: MouseEventHandler;\n  children: ReactNode;\n  isEditing?: boolean;\n}\n\nexport default class MarkdownContainer extends PureComponent<\n  MarkdownContainerProps,\n  Record<string, never>\n> {\n  static defaultProps = {\n    isEditing: false,\n  };\n\n  render(): ReactElement {\n    const { isEditing, children, onDoubleClick } = this.props;\n\n    return (\n      <div\n        className=\"markdown-editor-container h-100 w-100\"\n        onDoubleClick={onDoubleClick}\n      >\n        <div\n          className={classNames('text-muted', 'edit-hint', {\n            viewing: isEditing === undefined || !isEditing,\n          })}\n        >\n          <span>\n            double-click to edit <FontAwesomeIcon icon={vsEdit} />\n          </span>\n        </div>\n        {children}\n      </div>\n    );\n  }\n}\n"],"mappings":";AAAA,OAAOA,KAAK,IAEVC,aAAa,QAGR,OAAO;AACd,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,MAAM,QAAQ,kBAAkB;AAQzC,eAAe,MAAMC,iBAAiB,SAASJ,aAAa,CAG1D;EAKAK,MAAM,GAAiB;IACrB,IAAM;MAAEC,SAAS;MAAEC,QAAQ;MAAEC;IAAc,CAAC,GAAG,IAAI,CAACC,KAAK;IAEzD,oBACE;MACE,SAAS,EAAC,uCAAuC;MACjD,aAAa,EAAED;IAAc,gBAE7B;MACE,SAAS,EAAEP,UAAU,CAAC,YAAY,EAAE,WAAW,EAAE;QAC/CS,OAAO,EAAEJ,SAAS,KAAKK,SAAS,IAAI,CAACL;MACvC,CAAC;IAAE,gBAEH,wEACuB,oBAAC,eAAe;MAAC,IAAI,EAAEH;IAAO,EAAG,CACjD,CACH,EACLI,QAAQ,CACL;EAEV;AACF;AAAC,gBA7BoBH,iBAAiB,kBAId;EACpBE,SAAS,EAAE;AACb,CAAC"}

package/dist/controls/markdown/MarkdownEditor.d.ts

@@ -1,5 +1,4 @@
 import { PureComponent, ReactElement } from 'react';
-import { CodeComponent } from 'react-markdown/src/ast-to-react';
 import type * as monaco from 'monaco-editor';
 interface MarkdownEditorProps {
     isEditing: boolean;
@@ -13,7 +12,6 @@ export default class MarkdownEditor extends PureComponent<MarkdownEditorProps, R
     };
     constructor(props: MarkdownEditorProps);
     container: HTMLDivElement | null;
-    renderMarkdown: CodeComponent;
     render(): ReactElement;
 }
 export {};

package/dist/controls/markdown/MarkdownEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownEditor.d.ts","sourceRoot":"","sources":["../../../src/controls/markdown/MarkdownEditor.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAEhE,OAAO,KAAK,KAAK,MAAM,MAAM,eAAe,CAAC;AAE7C,UAAU,mBAAmB;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,mBAAmB,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,qBAAqB,KAAK,IAAI,CAAC;CAC5E;AACD,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,aAAa,CACvD,mBAAmB,EACnB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CACtB;IACC,MAAM,CAAC,YAAY;;;MAGjB;gBAEU,KAAK,EAAE,mBAAmB;IAKtC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAC;IAEjC,cAAc,EAAE,aAAa,CAiB3B;IAEF,MAAM,IAAI,YAAY;CA0BvB"}
+{"version":3,"file":"MarkdownEditor.d.ts","sourceRoot":"","sources":["../../../src/controls/markdown/MarkdownEditor.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAI3D,OAAO,KAAK,KAAK,MAAM,MAAM,eAAe,CAAC;AAE7C,UAAU,mBAAmB;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,mBAAmB,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,qBAAqB,KAAK,IAAI,CAAC;CAC5E;AAoBD,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,aAAa,CACvD,mBAAmB,EACnB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CACtB;IACC,MAAM,CAAC,YAAY;;;MAGjB;gBAEU,KAAK,EAAE,mBAAmB;IAKtC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAC;IAEjC,MAAM,IAAI,YAAY;CAwBvB"}

package/dist/controls/markdown/MarkdownEditor.js

@@ -1,28 +1,23 @@
 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, { PureComponent } from 'react';
 import Markdown from 'react-markdown';
 import { Code, Editor } from '@deephaven/console';
+var renderMarkdown = props => {
+  var {
+    children,
+    className
+  } = props;
+  var language = className !== undefined && className !== null && className !== void 0 && className.startsWith('language-') ? className.substring(9) : 'plaintext';
+  return /*#__PURE__*/React.createElement("pre", null, /*#__PURE__*/React.createElement("code", null, /*#__PURE__*/React.createElement(Code, {
+    language: language
+  }, React.Children.map(children, child => typeof child === 'string' ? child.trim() : child))));
+};
 export default class MarkdownEditor extends PureComponent {
-  constructor(_props) {
-    super(_props);
-
+  constructor(props) {
+    super(props);
     _defineProperty(this, "container", void 0);
-
-    _defineProperty(this, "renderMarkdown", props => {
-      var {
-        children,
-        className
-      } = props;
-      var language = className !== undefined && className !== null && className !== void 0 && className.startsWith('language-') ? className.substring(9) : 'plaintext';
-      return /*#__PURE__*/React.createElement("pre", null, /*#__PURE__*/React.createElement("code", null, /*#__PURE__*/React.createElement(Code, {
-        language: language
-      }, React.Children.map(children, child => typeof child === 'string' ? child.trim() : child))));
-    });
-
     this.container = null;
   }
-
   render() {
     var {
       isEditing,
@@ -43,13 +38,11 @@ export default class MarkdownEditor extends PureComponent {
       onEditorInitialized: onEditorInitialized
     }) : /*#__PURE__*/React.createElement(Markdown, {
       components: {
-        code: this.renderMarkdown
+        code: renderMarkdown
       }
     }, content));
   }
-
 }
-
 _defineProperty(MarkdownEditor, "defaultProps", {
   isEditing: false,
   content: ''

package/dist/controls/markdown/MarkdownEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownEditor.js","names":["React","PureComponent","Markdown","Code","Editor","MarkdownEditor","constructor","props","children","className","language","undefined","startsWith","substring","Children","map","child","trim","container","render","isEditing","content","onEditorInitialized","value","lineNumbers","code","renderMarkdown"],"sources":["../../../src/controls/markdown/MarkdownEditor.tsx"],"sourcesContent":["import React, { PureComponent, ReactElement } from 'react';\nimport Markdown from 'react-markdown';\nimport { CodeComponent } from 'react-markdown/src/ast-to-react';\nimport { Code, Editor } from '@deephaven/console';\nimport type * as monaco from 'monaco-editor';\n\ninterface MarkdownEditorProps {\n  isEditing: boolean;\n  content: string;\n  onEditorInitialized: (editor: monaco.editor.IStandaloneCodeEditor) => void;\n}\nexport default class MarkdownEditor extends PureComponent<\n  MarkdownEditorProps,\n  Record<string, never>\n> {\n  static defaultProps = {\n    isEditing: false,\n    content: '',\n  };\n\n  constructor(props: MarkdownEditorProps) {\n    super(props);\n    this.container = null;\n  }\n\n  container: HTMLDivElement | null;\n\n  renderMarkdown: CodeComponent = props => {\n    const { children, className } = props;\n    const language =\n      className !== undefined && className?.startsWith('language-')\n        ? className.substring(9)\n        : 'plaintext';\n    return (\n      <pre>\n        <code>\n          <Code language={language}>\n            {React.Children.map(children, child =>\n              typeof child === 'string' ? child.trim() : child\n            )}\n          </Code>\n        </code>\n      </pre>\n    );\n  };\n\n  render(): ReactElement {\n    const { isEditing, content, onEditorInitialized } = this.props;\n    return (\n      <div\n        className=\"markdown-editor-container\"\n        ref={container => {\n          this.container = container;\n        }}\n      >\n        {isEditing ? (\n          <Editor\n            settings={{\n              language: 'markdown',\n              value: content,\n              lineNumbers: 'off',\n            }}\n            onEditorInitialized={onEditorInitialized}\n          />\n        ) : (\n          <Markdown components={{ code: this.renderMarkdown }}>\n            {content}\n          </Markdown>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,aAAhB,QAAmD,OAAnD;AACA,OAAOC,QAAP,MAAqB,gBAArB;AAEA,SAASC,IAAT,EAAeC,MAAf,QAA6B,oBAA7B;AAQA,eAAe,MAAMC,cAAN,SAA6BJ,aAA7B,CAGb;EAMAK,WAAW,CAACC,MAAD,EAA6B;IACtC,MAAMA,MAAN;;IADsC;;IAAA,wCAORA,KAAK,IAAI;MACvC,IAAM;QAAEC,QAAF;QAAYC;MAAZ,IAA0BF,KAAhC;MACA,IAAMG,QAAQ,GACZD,SAAS,KAAKE,SAAd,IAA2BF,SAA3B,aAA2BA,SAA3B,eAA2BA,SAAS,CAAEG,UAAX,CAAsB,WAAtB,CAA3B,GACIH,SAAS,CAACI,SAAV,CAAoB,CAApB,CADJ,GAEI,WAHN;MAIA,oBACE,8CACE,+CACE,oBAAC,IAAD;QAAM,QAAQ,EAAEH;MAAhB,GACGV,KAAK,CAACc,QAAN,CAAeC,GAAf,CAAmBP,QAAnB,EAA6BQ,KAAK,IACjC,OAAOA,KAAP,KAAiB,QAAjB,GAA4BA,KAAK,CAACC,IAAN,EAA5B,GAA2CD,KAD5C,CADH,CADF,CADF,CADF;IAWD,CAxBuC;;IAEtC,KAAKE,SAAL,GAAiB,IAAjB;EACD;;EAuBDC,MAAM,GAAiB;IACrB,IAAM;MAAEC,SAAF;MAAaC,OAAb;MAAsBC;IAAtB,IAA8C,KAAKf,KAAzD;IACA,oBACE;MACE,SAAS,EAAC,2BADZ;MAEE,GAAG,EAAEW,SAAS,IAAI;QAChB,KAAKA,SAAL,GAAiBA,SAAjB;MACD;IAJH,GAMGE,SAAS,gBACR,oBAAC,MAAD;MACE,QAAQ,EAAE;QACRV,QAAQ,EAAE,UADF;QAERa,KAAK,EAAEF,OAFC;QAGRG,WAAW,EAAE;MAHL,CADZ;MAME,mBAAmB,EAAEF;IANvB,EADQ,gBAUR,oBAAC,QAAD;MAAU,UAAU,EAAE;QAAEG,IAAI,EAAE,KAAKC;MAAb;IAAtB,GACGL,OADH,CAhBJ,CADF;EAuBD;;AAzDD;;gBAHmBhB,c,kBAIG;EACpBe,SAAS,EAAE,KADS;EAEpBC,OAAO,EAAE;AAFW,C"}
+{"version":3,"file":"MarkdownEditor.js","names":["React","PureComponent","Markdown","Code","Editor","renderMarkdown","props","children","className","language","undefined","startsWith","substring","Children","map","child","trim","MarkdownEditor","constructor","container","render","isEditing","content","onEditorInitialized","value","lineNumbers","code"],"sources":["../../../src/controls/markdown/MarkdownEditor.tsx"],"sourcesContent":["import React, { PureComponent, ReactElement } from 'react';\nimport Markdown from 'react-markdown';\nimport { CodeComponent } from 'react-markdown/src/ast-to-react';\nimport { Code, Editor } from '@deephaven/console';\nimport type * as monaco from 'monaco-editor';\n\ninterface MarkdownEditorProps {\n  isEditing: boolean;\n  content: string;\n  onEditorInitialized: (editor: monaco.editor.IStandaloneCodeEditor) => void;\n}\n\nconst renderMarkdown: CodeComponent = props => {\n  const { children, className } = props;\n  const language =\n    className !== undefined && className?.startsWith('language-')\n      ? className.substring(9)\n      : 'plaintext';\n  return (\n    <pre>\n      <code>\n        <Code language={language}>\n          {React.Children.map(children, child =>\n            typeof child === 'string' ? child.trim() : child\n          )}\n        </Code>\n      </code>\n    </pre>\n  );\n};\nexport default class MarkdownEditor extends PureComponent<\n  MarkdownEditorProps,\n  Record<string, never>\n> {\n  static defaultProps = {\n    isEditing: false,\n    content: '',\n  };\n\n  constructor(props: MarkdownEditorProps) {\n    super(props);\n    this.container = null;\n  }\n\n  container: HTMLDivElement | null;\n\n  render(): ReactElement {\n    const { isEditing, content, onEditorInitialized } = this.props;\n    return (\n      <div\n        className=\"markdown-editor-container\"\n        ref={container => {\n          this.container = container;\n        }}\n      >\n        {isEditing ? (\n          <Editor\n            settings={{\n              language: 'markdown',\n              value: content,\n              lineNumbers: 'off',\n            }}\n            onEditorInitialized={onEditorInitialized}\n          />\n        ) : (\n          <Markdown components={{ code: renderMarkdown }}>{content}</Markdown>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAsB,OAAO;AAC1D,OAAOC,QAAQ,MAAM,gBAAgB;AAErC,SAASC,IAAI,EAAEC,MAAM,QAAQ,oBAAoB;AASjD,IAAMC,cAA6B,GAAGC,KAAK,IAAI;EAC7C,IAAM;IAAEC,QAAQ;IAAEC;EAAU,CAAC,GAAGF,KAAK;EACrC,IAAMG,QAAQ,GACZD,SAAS,KAAKE,SAAS,IAAIF,SAAS,aAATA,SAAS,eAATA,SAAS,CAAEG,UAAU,CAAC,WAAW,CAAC,GACzDH,SAAS,CAACI,SAAS,CAAC,CAAC,CAAC,GACtB,WAAW;EACjB,oBACE,8CACE,+CACE,oBAAC,IAAI;IAAC,QAAQ,EAAEH;EAAS,GACtBT,KAAK,CAACa,QAAQ,CAACC,GAAG,CAACP,QAAQ,EAAEQ,KAAK,IACjC,OAAOA,KAAK,KAAK,QAAQ,GAAGA,KAAK,CAACC,IAAI,EAAE,GAAGD,KAAK,CACjD,CACI,CACF,CACH;AAEV,CAAC;AACD,eAAe,MAAME,cAAc,SAAShB,aAAa,CAGvD;EAMAiB,WAAW,CAACZ,KAA0B,EAAE;IACtC,KAAK,CAACA,KAAK,CAAC;IAAC;IACb,IAAI,CAACa,SAAS,GAAG,IAAI;EACvB;EAIAC,MAAM,GAAiB;IACrB,IAAM;MAAEC,SAAS;MAAEC,OAAO;MAAEC;IAAoB,CAAC,GAAG,IAAI,CAACjB,KAAK;IAC9D,oBACE;MACE,SAAS,EAAC,2BAA2B;MACrC,GAAG,EAAEa,SAAS,IAAI;QAChB,IAAI,CAACA,SAAS,GAAGA,SAAS;MAC5B;IAAE,GAEDE,SAAS,gBACR,oBAAC,MAAM;MACL,QAAQ,EAAE;QACRZ,QAAQ,EAAE,UAAU;QACpBe,KAAK,EAAEF,OAAO;QACdG,WAAW,EAAE;MACf,CAAE;MACF,mBAAmB,EAAEF;IAAoB,EACzC,gBAEF,oBAAC,QAAQ;MAAC,UAAU,EAAE;QAAEG,IAAI,EAAErB;MAAe;IAAE,GAAEiB,OAAO,CACzD,CACG;EAEV;AACF;AAAC,gBAxCoBL,cAAc,kBAIX;EACpBI,SAAS,EAAE,KAAK;EAChBC,OAAO,EAAE;AACX,CAAC"}

package/dist/controls/markdown/MarkdownStartPage.js

@@ -1,12 +1,10 @@
 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, { PureComponent } from 'react';
 import { Button, Modal, ModalBody, ModalFooter, ModalHeader } from '@deephaven/components';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { vsTrash } from '@deephaven/icons';
 import Log from '@deephaven/log';
 var log = Log.module('MarkdownStartPage');
-
 class MarkdownStartPage extends PureComponent {
   constructor(props) {
     super(props);
@@ -16,37 +14,31 @@ class MarkdownStartPage extends PureComponent {
       isDeleteModalShown: false
     };
   }
-
   handleDeleteButtonClick(markdown) {
     this.setState({
       isDeleteModalShown: true,
       toBeDeleted: markdown
     });
   }
-
   handleDeleteModalClose() {
     this.setState({
       isDeleteModalShown: false,
       toBeDeleted: undefined
     });
   }
-
   handleDeleteMarkdown(markdown) {
     log.debug('delete markdown: ', markdown);
-
     if (markdown !== undefined) {
       var {
         onDelete
       } = this.props;
       onDelete(markdown);
     }
-
     this.setState({
       isDeleteModalShown: false,
       toBeDeleted: undefined
     });
   }
-
   render() {
     var {
       closedMarkdowns,
@@ -104,15 +96,12 @@ class MarkdownStartPage extends PureComponent {
       }
     }, "Delete"))))));
   }
-
 }
-
 _defineProperty(MarkdownStartPage, "defaultProps", {
   closedMarkdowns: [],
   onOpen: () => undefined,
   onCreate: () => undefined,
   onDelete: () => undefined
 });
-
 export default MarkdownStartPage;
 //# sourceMappingURL=MarkdownStartPage.js.map

package/dist/controls/markdown/MarkdownStartPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownStartPage.js","names":["React","PureComponent","Button","Modal","ModalBody","ModalFooter","ModalHeader","FontAwesomeIcon","vsTrash","Log","log","module","MarkdownStartPage","constructor","props","handleDeleteButtonClick","bind","handleDeleteModalClose","state","isDeleteModalShown","markdown","setState","toBeDeleted","undefined","handleDeleteMarkdown","debug","onDelete","render","closedMarkdowns","onOpen","onCreate","map","id","title"],"sources":["../../../src/controls/markdown/MarkdownStartPage.tsx"],"sourcesContent":["import React, {\n  Key,\n  MouseEventHandler,\n  PureComponent,\n  ReactElement,\n} from 'react';\nimport {\n  Button,\n  Modal,\n  ModalBody,\n  ModalFooter,\n  ModalHeader,\n} from '@deephaven/components';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsTrash } from '@deephaven/icons';\n\nimport Log from '@deephaven/log';\nimport type { ReactComponentConfig } from '@deephaven/golden-layout';\n\nconst log = Log.module('MarkdownStartPage');\n\ninterface MarkdownStartPageProps {\n  closedMarkdowns: ReactComponentConfig[];\n  onOpen: (markdown: ReactComponentConfig) => void;\n  onCreate: MouseEventHandler<HTMLButtonElement>;\n  onDelete: (markdown: ReactComponentConfig) => void;\n}\n\ninterface MarkdownStartPageState {\n  isDeleteModalShown: boolean;\n  toBeDeleted?: ReactComponentConfig;\n}\n\nclass MarkdownStartPage extends PureComponent<\n  MarkdownStartPageProps,\n  MarkdownStartPageState\n> {\n  static defaultProps = {\n    closedMarkdowns: [],\n    onOpen: (): void => undefined,\n    onCreate: (): void => undefined,\n    onDelete: (): void => undefined,\n  };\n\n  constructor(props: MarkdownStartPageProps) {\n    super(props);\n    this.handleDeleteButtonClick = this.handleDeleteButtonClick.bind(this);\n    this.handleDeleteModalClose = this.handleDeleteModalClose.bind(this);\n    this.state = {\n      isDeleteModalShown: false,\n    };\n  }\n\n  handleDeleteButtonClick(markdown: ReactComponentConfig): void {\n    this.setState({ isDeleteModalShown: true, toBeDeleted: markdown });\n  }\n\n  handleDeleteModalClose(): void {\n    this.setState({ isDeleteModalShown: false, toBeDeleted: undefined });\n  }\n\n  handleDeleteMarkdown(markdown?: ReactComponentConfig): void {\n    log.debug('delete markdown: ', markdown);\n\n    if (markdown !== undefined) {\n      const { onDelete } = this.props;\n      onDelete(markdown);\n    }\n\n    this.setState({ isDeleteModalShown: false, toBeDeleted: undefined });\n  }\n\n  render(): ReactElement {\n    const { closedMarkdowns, onOpen, onCreate } = this.props;\n    const { isDeleteModalShown, toBeDeleted } = this.state;\n\n    return (\n      <div className=\"markdown-panel-start-page h-100 w-100\">\n        <div className=\"markdown-panel-start-page-container\">\n          <div className=\"markdown-panel-start-list\">\n            <h3 className=\"list-title\">Start</h3>\n            <div className=\"list-item\">\n              <Button kind=\"ghost\" className=\"title\" onClick={onCreate}>\n                New Markdown Note\n              </Button>\n            </div>\n          </div>\n          <div className=\"markdown-panel-start-list\">\n            <h3 className=\"list-title\">Recently Closed from Dashboard</h3>\n            {closedMarkdowns.map(markdown => (\n              <div className=\"list-item\" key={markdown.id as Key}>\n                <Button\n                  kind=\"ghost\"\n                  className=\"title\"\n                  onClick={() => onOpen(markdown)}\n                >\n                  {markdown.title}\n                </Button>\n                <button\n                  className=\"btn-link icon\"\n                  type=\"button\"\n                  onClick={() => {\n                    this.handleDeleteButtonClick(markdown);\n                  }}\n                >\n                  <FontAwesomeIcon icon={vsTrash} />\n                </button>\n              </div>\n            ))}\n            <Modal\n              isOpen={isDeleteModalShown}\n              toggle={this.handleDeleteModalClose}\n              className=\"modal-dialog-centered markdown-delete-modal theme-bg-light\"\n            >\n              <ModalHeader>\n                Are you sure you want to permanently delete this note?\n              </ModalHeader>\n              <ModalBody>You can&#39;t undo this action.</ModalBody>\n              <ModalFooter>\n                <Button kind=\"secondary\" onClick={this.handleDeleteModalClose}>\n                  Cancel\n                </Button>\n                <Button\n                  kind=\"danger\"\n                  onClick={() => {\n                    this.handleDeleteMarkdown(toBeDeleted);\n                  }}\n                >\n                  Delete\n                </Button>\n              </ModalFooter>\n            </Modal>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default MarkdownStartPage;\n"],"mappings":"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"}
+{"version":3,"file":"MarkdownStartPage.js","names":["React","PureComponent","Button","Modal","ModalBody","ModalFooter","ModalHeader","FontAwesomeIcon","vsTrash","Log","log","module","MarkdownStartPage","constructor","props","handleDeleteButtonClick","bind","handleDeleteModalClose","state","isDeleteModalShown","markdown","setState","toBeDeleted","undefined","handleDeleteMarkdown","debug","onDelete","render","closedMarkdowns","onOpen","onCreate","map","id","title"],"sources":["../../../src/controls/markdown/MarkdownStartPage.tsx"],"sourcesContent":["import React, {\n  Key,\n  MouseEventHandler,\n  PureComponent,\n  ReactElement,\n} from 'react';\nimport {\n  Button,\n  Modal,\n  ModalBody,\n  ModalFooter,\n  ModalHeader,\n} from '@deephaven/components';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsTrash } from '@deephaven/icons';\n\nimport Log from '@deephaven/log';\nimport type { ReactComponentConfig } from '@deephaven/golden-layout';\n\nconst log = Log.module('MarkdownStartPage');\n\ninterface MarkdownStartPageProps {\n  closedMarkdowns: ReactComponentConfig[];\n  onOpen: (markdown: ReactComponentConfig) => void;\n  onCreate: MouseEventHandler<HTMLButtonElement>;\n  onDelete: (markdown: ReactComponentConfig) => void;\n}\n\ninterface MarkdownStartPageState {\n  isDeleteModalShown: boolean;\n  toBeDeleted?: ReactComponentConfig;\n}\n\nclass MarkdownStartPage extends PureComponent<\n  MarkdownStartPageProps,\n  MarkdownStartPageState\n> {\n  static defaultProps = {\n    closedMarkdowns: [],\n    onOpen: (): void => undefined,\n    onCreate: (): void => undefined,\n    onDelete: (): void => undefined,\n  };\n\n  constructor(props: MarkdownStartPageProps) {\n    super(props);\n    this.handleDeleteButtonClick = this.handleDeleteButtonClick.bind(this);\n    this.handleDeleteModalClose = this.handleDeleteModalClose.bind(this);\n    this.state = {\n      isDeleteModalShown: false,\n    };\n  }\n\n  handleDeleteButtonClick(markdown: ReactComponentConfig): void {\n    this.setState({ isDeleteModalShown: true, toBeDeleted: markdown });\n  }\n\n  handleDeleteModalClose(): void {\n    this.setState({ isDeleteModalShown: false, toBeDeleted: undefined });\n  }\n\n  handleDeleteMarkdown(markdown?: ReactComponentConfig): void {\n    log.debug('delete markdown: ', markdown);\n\n    if (markdown !== undefined) {\n      const { onDelete } = this.props;\n      onDelete(markdown);\n    }\n\n    this.setState({ isDeleteModalShown: false, toBeDeleted: undefined });\n  }\n\n  render(): ReactElement {\n    const { closedMarkdowns, onOpen, onCreate } = this.props;\n    const { isDeleteModalShown, toBeDeleted } = this.state;\n\n    return (\n      <div className=\"markdown-panel-start-page h-100 w-100\">\n        <div className=\"markdown-panel-start-page-container\">\n          <div className=\"markdown-panel-start-list\">\n            <h3 className=\"list-title\">Start</h3>\n            <div className=\"list-item\">\n              <Button kind=\"ghost\" className=\"title\" onClick={onCreate}>\n                New Markdown Note\n              </Button>\n            </div>\n          </div>\n          <div className=\"markdown-panel-start-list\">\n            <h3 className=\"list-title\">Recently Closed from Dashboard</h3>\n            {closedMarkdowns.map(markdown => (\n              <div className=\"list-item\" key={markdown.id as Key}>\n                <Button\n                  kind=\"ghost\"\n                  className=\"title\"\n                  onClick={() => onOpen(markdown)}\n                >\n                  {markdown.title}\n                </Button>\n                <button\n                  className=\"btn-link icon\"\n                  type=\"button\"\n                  onClick={() => {\n                    this.handleDeleteButtonClick(markdown);\n                  }}\n                >\n                  <FontAwesomeIcon icon={vsTrash} />\n                </button>\n              </div>\n            ))}\n            <Modal\n              isOpen={isDeleteModalShown}\n              toggle={this.handleDeleteModalClose}\n              className=\"modal-dialog-centered markdown-delete-modal theme-bg-light\"\n            >\n              <ModalHeader>\n                Are you sure you want to permanently delete this note?\n              </ModalHeader>\n              <ModalBody>You can&#39;t undo this action.</ModalBody>\n              <ModalFooter>\n                <Button kind=\"secondary\" onClick={this.handleDeleteModalClose}>\n                  Cancel\n                </Button>\n                <Button\n                  kind=\"danger\"\n                  onClick={() => {\n                    this.handleDeleteMarkdown(toBeDeleted);\n                  }}\n                >\n                  Delete\n                </Button>\n              </ModalFooter>\n            </Modal>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default MarkdownStartPage;\n"],"mappings":";AAAA,OAAOA,KAAK,IAGVC,aAAa,QAER,OAAO;AACd,SACEC,MAAM,EACNC,KAAK,EACLC,SAAS,EACTC,WAAW,EACXC,WAAW,QACN,uBAAuB;AAC9B,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,OAAO,QAAQ,kBAAkB;AAE1C,OAAOC,GAAG,MAAM,gBAAgB;AAGhC,IAAMC,GAAG,GAAGD,GAAG,CAACE,MAAM,CAAC,mBAAmB,CAAC;AAc3C,MAAMC,iBAAiB,SAASX,aAAa,CAG3C;EAQAY,WAAW,CAACC,KAA6B,EAAE;IACzC,KAAK,CAACA,KAAK,CAAC;IACZ,IAAI,CAACC,uBAAuB,GAAG,IAAI,CAACA,uBAAuB,CAACC,IAAI,CAAC,IAAI,CAAC;IACtE,IAAI,CAACC,sBAAsB,GAAG,IAAI,CAACA,sBAAsB,CAACD,IAAI,CAAC,IAAI,CAAC;IACpE,IAAI,CAACE,KAAK,GAAG;MACXC,kBAAkB,EAAE;IACtB,CAAC;EACH;EAEAJ,uBAAuB,CAACK,QAA8B,EAAQ;IAC5D,IAAI,CAACC,QAAQ,CAAC;MAAEF,kBAAkB,EAAE,IAAI;MAAEG,WAAW,EAAEF;IAAS,CAAC,CAAC;EACpE;EAEAH,sBAAsB,GAAS;IAC7B,IAAI,CAACI,QAAQ,CAAC;MAAEF,kBAAkB,EAAE,KAAK;MAAEG,WAAW,EAAEC;IAAU,CAAC,CAAC;EACtE;EAEAC,oBAAoB,CAACJ,QAA+B,EAAQ;IAC1DV,GAAG,CAACe,KAAK,CAAC,mBAAmB,EAAEL,QAAQ,CAAC;IAExC,IAAIA,QAAQ,KAAKG,SAAS,EAAE;MAC1B,IAAM;QAAEG;MAAS,CAAC,GAAG,IAAI,CAACZ,KAAK;MAC/BY,QAAQ,CAACN,QAAQ,CAAC;IACpB;IAEA,IAAI,CAACC,QAAQ,CAAC;MAAEF,kBAAkB,EAAE,KAAK;MAAEG,WAAW,EAAEC;IAAU,CAAC,CAAC;EACtE;EAEAI,MAAM,GAAiB;IACrB,IAAM;MAAEC,eAAe;MAAEC,MAAM;MAAEC;IAAS,CAAC,GAAG,IAAI,CAAChB,KAAK;IACxD,IAAM;MAAEK,kBAAkB;MAAEG;IAAY,CAAC,GAAG,IAAI,CAACJ,KAAK;IAEtD,oBACE;MAAK,SAAS,EAAC;IAAuC,gBACpD;MAAK,SAAS,EAAC;IAAqC,gBAClD;MAAK,SAAS,EAAC;IAA2B,gBACxC;MAAI,SAAS,EAAC;IAAY,WAAW,eACrC;MAAK,SAAS,EAAC;IAAW,gBACxB,oBAAC,MAAM;MAAC,IAAI,EAAC,OAAO;MAAC,SAAS,EAAC,OAAO;MAAC,OAAO,EAAEY;IAAS,uBAEhD,CACL,CACF,eACN;MAAK,SAAS,EAAC;IAA2B,gBACxC;MAAI,SAAS,EAAC;IAAY,oCAAoC,EAC7DF,eAAe,CAACG,GAAG,CAACX,QAAQ,iBAC3B;MAAK,SAAS,EAAC,WAAW;MAAC,GAAG,EAAEA,QAAQ,CAACY;IAAU,gBACjD,oBAAC,MAAM;MACL,IAAI,EAAC,OAAO;MACZ,SAAS,EAAC,OAAO;MACjB,OAAO,EAAE,MAAMH,MAAM,CAACT,QAAQ;IAAE,GAE/BA,QAAQ,CAACa,KAAK,CACR,eACT;MACE,SAAS,EAAC,eAAe;MACzB,IAAI,EAAC,QAAQ;MACb,OAAO,EAAE,MAAM;QACb,IAAI,CAAClB,uBAAuB,CAACK,QAAQ,CAAC;MACxC;IAAE,gBAEF,oBAAC,eAAe;MAAC,IAAI,EAAEZ;IAAQ,EAAG,CAC3B,CAEZ,CAAC,eACF,oBAAC,KAAK;MACJ,MAAM,EAAEW,kBAAmB;MAC3B,MAAM,EAAE,IAAI,CAACF,sBAAuB;MACpC,SAAS,EAAC;IAA4D,gBAEtE,oBAAC,WAAW,iEAEE,eACd,oBAAC,SAAS,sCAA4C,eACtD,oBAAC,WAAW,qBACV,oBAAC,MAAM;MAAC,IAAI,EAAC,WAAW;MAAC,OAAO,EAAE,IAAI,CAACA;IAAuB,YAErD,eACT,oBAAC,MAAM;MACL,IAAI,EAAC,QAAQ;MACb,OAAO,EAAE,MAAM;QACb,IAAI,CAACO,oBAAoB,CAACF,WAAW,CAAC;MACxC;IAAE,YAGK,CACG,CACR,CACJ,CACF,CACF;EAEV;AACF;AAAC,gBAxGKV,iBAAiB,kBAIC;EACpBgB,eAAe,EAAE,EAAE;EACnBC,MAAM,EAAE,MAAYN,SAAS;EAC7BO,QAAQ,EAAE,MAAYP,SAAS;EAC/BG,QAAQ,EAAE,MAAYH;AACxB,CAAC;AAiGH,eAAeX,iBAAiB"}

package/dist/controls/markdown/MarkdownUtils.js

@@ -1,5 +1,4 @@
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 class MarkdownUtils {
   /**
    * Retrieves a new markdown title that does not conflict with the current titles
@@ -9,20 +8,14 @@ class MarkdownUtils {
   static getNewMarkdownTitle(usedTitles) {
     var title = "".concat(MarkdownUtils.DEFAULT_TITLE);
     var titleIndex = 0;
-
     while (usedTitles.indexOf(title) >= 0) {
       titleIndex += 1;
       title = "".concat(MarkdownUtils.DEFAULT_TITLE, "-").concat(titleIndex);
     }
-
     return title;
   }
-
 }
-
 _defineProperty(MarkdownUtils, "DEFAULT_TITLE", 'Note');
-
 _defineProperty(MarkdownUtils, "DEFAULT_CONTENT", '# Markdown Note\n\nThis note can be edited using **markdown** for styling.');
-
 export default MarkdownUtils;
 //# sourceMappingURL=MarkdownUtils.js.map

package/dist/controls/markdown/MarkdownUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownUtils.js","names":["MarkdownUtils","getNewMarkdownTitle","usedTitles","title","DEFAULT_TITLE","titleIndex","indexOf"],"sources":["../../../src/controls/markdown/MarkdownUtils.ts"],"sourcesContent":["class MarkdownUtils {\n  static DEFAULT_TITLE = 'Note';\n\n  static DEFAULT_CONTENT =\n    '# Markdown Note\\n\\nThis note can be edited using **markdown** for styling.';\n\n  /**\n   * Retrieves a new markdown title that does not conflict with the current titles\n   * @param usedTitles Markdown titles that are already in use\n   * @returns The new title\n   */\n  static getNewMarkdownTitle(usedTitles: string[]): string {\n    let title = `${MarkdownUtils.DEFAULT_TITLE}`;\n    let titleIndex = 0;\n    while (usedTitles.indexOf(title) >= 0) {\n      titleIndex += 1;\n      title = `${MarkdownUtils.DEFAULT_TITLE}-${titleIndex}`;\n    }\n\n    return title;\n  }\n}\n\nexport default MarkdownUtils;\n"],"mappings":";;AAAA,MAAMA,aAAN,CAAoB;EAMlB;AACF;AACA;AACA;AACA;EAC4B,OAAnBC,mBAAmB,CAACC,UAAD,EAA+B;IACvD,IAAIC,KAAK,aAAMH,aAAa,CAACI,aAApB,CAAT;IACA,IAAIC,UAAU,GAAG,CAAjB;;IACA,OAAOH,UAAU,CAACI,OAAX,CAAmBH,KAAnB,KAA6B,CAApC,EAAuC;MACrCE,UAAU,IAAI,CAAd;MACAF,KAAK,aAAMH,aAAa,CAACI,aAApB,cAAqCC,UAArC,CAAL;IACD;;IAED,OAAOF,KAAP;EACD;;AApBiB;;gBAAdH,a,mBACmB,M;;gBADnBA,a,qBAIF,4E;;AAmBJ,eAAeA,aAAf"}
+{"version":3,"file":"MarkdownUtils.js","names":["MarkdownUtils","getNewMarkdownTitle","usedTitles","title","DEFAULT_TITLE","titleIndex","indexOf"],"sources":["../../../src/controls/markdown/MarkdownUtils.ts"],"sourcesContent":["class MarkdownUtils {\n  static DEFAULT_TITLE = 'Note';\n\n  static DEFAULT_CONTENT =\n    '# Markdown Note\\n\\nThis note can be edited using **markdown** for styling.';\n\n  /**\n   * Retrieves a new markdown title that does not conflict with the current titles\n   * @param usedTitles Markdown titles that are already in use\n   * @returns The new title\n   */\n  static getNewMarkdownTitle(usedTitles: string[]): string {\n    let title = `${MarkdownUtils.DEFAULT_TITLE}`;\n    let titleIndex = 0;\n    while (usedTitles.indexOf(title) >= 0) {\n      titleIndex += 1;\n      title = `${MarkdownUtils.DEFAULT_TITLE}-${titleIndex}`;\n    }\n\n    return title;\n  }\n}\n\nexport default MarkdownUtils;\n"],"mappings":";AAAA,MAAMA,aAAa,CAAC;EAMlB;AACF;AACA;AACA;AACA;EACE,OAAOC,mBAAmB,CAACC,UAAoB,EAAU;IACvD,IAAIC,KAAK,aAAMH,aAAa,CAACI,aAAa,CAAE;IAC5C,IAAIC,UAAU,GAAG,CAAC;IAClB,OAAOH,UAAU,CAACI,OAAO,CAACH,KAAK,CAAC,IAAI,CAAC,EAAE;MACrCE,UAAU,IAAI,CAAC;MACfF,KAAK,aAAMH,aAAa,CAACI,aAAa,cAAIC,UAAU,CAAE;IACxD;IAEA,OAAOF,KAAK;EACd;AACF;AAAC,gBArBKH,aAAa,mBACM,MAAM;AAAA,gBADzBA,aAAa,qBAIf,4EAA4E;AAmBhF,eAAeA,aAAa"}

package/dist/events/ChartEvent.js

@@ -1,12 +1,7 @@
 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; }
-
 class ChartEvent {}
-
 _defineProperty(ChartEvent, "OPEN", 'ChartEvent.OPEN');
-
 _defineProperty(ChartEvent, "CLOSE", 'ChartEvent.CLOSE');
-
 _defineProperty(ChartEvent, "COLUMN_SELECTED", 'ChartEvent.COLUMN_SELECTED');
-
 export default ChartEvent;
 //# sourceMappingURL=ChartEvent.js.map

package/dist/events/ChartEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartEvent.js","names":["ChartEvent"],"sources":["../../src/events/ChartEvent.ts"],"sourcesContent":["class ChartEvent {\n  /** @deprecated Use PanelEvent.OPEN instead */\n  static OPEN = 'ChartEvent.OPEN';\n\n  /** @deprecated Use PanelEvent.CLOSE instead */\n  static CLOSE = 'ChartEvent.CLOSE';\n\n  static COLUMN_SELECTED = 'ChartEvent.COLUMN_SELECTED';\n}\n\nexport default ChartEvent;\n"],"mappings":";;AAAA,MAAMA,UAAN,CAAiB;;gBAAXA,U,UAEU,iB;;gBAFVA,U,WAKW,kB;;gBALXA,U,qBAOqB,4B;;AAG3B,eAAeA,UAAf"}
+{"version":3,"file":"ChartEvent.js","names":["ChartEvent"],"sources":["../../src/events/ChartEvent.ts"],"sourcesContent":["class ChartEvent {\n  /** @deprecated Use PanelEvent.OPEN instead */\n  static OPEN = 'ChartEvent.OPEN';\n\n  /** @deprecated Use PanelEvent.CLOSE instead */\n  static CLOSE = 'ChartEvent.CLOSE';\n\n  static COLUMN_SELECTED = 'ChartEvent.COLUMN_SELECTED';\n}\n\nexport default ChartEvent;\n"],"mappings":";AAAA,MAAMA,UAAU,CAAC;AAQhB,gBARKA,UAAU,UAEA,iBAAiB;AAAA,gBAF3BA,UAAU,WAKC,kBAAkB;AAAA,gBAL7BA,UAAU,qBAOW,4BAA4B;AAGvD,eAAeA,UAAU"}

package/dist/events/ConsoleEvent.js

@@ -1,16 +1,9 @@
 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; }
-
 class ConsoleEvent {}
-
 _defineProperty(ConsoleEvent, "SESSION_OPENED", 'ConsoleEvent.SESSION_OPENED');
-
 _defineProperty(ConsoleEvent, "SESSION_CLOSED", 'ConsoleEvent.SESSION_CLOSED');
-
 _defineProperty(ConsoleEvent, "FOCUS_HISTORY", 'ConsoleEvent.FOCUS_HISTORY');
-
 _defineProperty(ConsoleEvent, "SEND_COMMAND", 'ConsoleEvent.SEND_COMMAND');
-
 _defineProperty(ConsoleEvent, "SETTINGS_CHANGED", 'ConsoleEvent.SETTINGS_CHANGED');
-
 export default ConsoleEvent;
 //# sourceMappingURL=ConsoleEvent.js.map

package/dist/events/ConsoleEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConsoleEvent.js","names":["ConsoleEvent"],"sources":["../../src/events/ConsoleEvent.ts"],"sourcesContent":["class ConsoleEvent {\n  static SESSION_OPENED = 'ConsoleEvent.SESSION_OPENED';\n\n  static SESSION_CLOSED = 'ConsoleEvent.SESSION_CLOSED';\n\n  static FOCUS_HISTORY = 'ConsoleEvent.FOCUS_HISTORY';\n\n  static SEND_COMMAND = 'ConsoleEvent.SEND_COMMAND';\n\n  static SETTINGS_CHANGED = 'ConsoleEvent.SETTINGS_CHANGED';\n}\n\nexport default ConsoleEvent;\n"],"mappings":";;AAAA,MAAMA,YAAN,CAAmB;;gBAAbA,Y,oBACoB,6B;;gBADpBA,Y,oBAGoB,6B;;gBAHpBA,Y,mBAKmB,4B;;gBALnBA,Y,kBAOkB,2B;;gBAPlBA,Y,sBASsB,+B;;AAG5B,eAAeA,YAAf"}
+{"version":3,"file":"ConsoleEvent.js","names":["ConsoleEvent"],"sources":["../../src/events/ConsoleEvent.ts"],"sourcesContent":["class ConsoleEvent {\n  static SESSION_OPENED = 'ConsoleEvent.SESSION_OPENED';\n\n  static SESSION_CLOSED = 'ConsoleEvent.SESSION_CLOSED';\n\n  static FOCUS_HISTORY = 'ConsoleEvent.FOCUS_HISTORY';\n\n  static SEND_COMMAND = 'ConsoleEvent.SEND_COMMAND';\n\n  static SETTINGS_CHANGED = 'ConsoleEvent.SETTINGS_CHANGED';\n}\n\nexport default ConsoleEvent;\n"],"mappings":";AAAA,MAAMA,YAAY,CAAC;AAUlB,gBAVKA,YAAY,oBACQ,6BAA6B;AAAA,gBADjDA,YAAY,oBAGQ,6BAA6B;AAAA,gBAHjDA,YAAY,mBAKO,4BAA4B;AAAA,gBAL/CA,YAAY,kBAOM,2BAA2B;AAAA,gBAP7CA,YAAY,sBASU,+BAA+B;AAG3D,eAAeA,YAAY"}