@deephaven/dashboard-core-plugins 0.15.5-vite.12 → 0.15.6-beta.3

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

@@ -5,11 +5,9 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 /* 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 PropTypes from 'prop-types';
 import { CardFlip } from '@deephaven/components';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { vsGear } from '@deephaven/icons';
-import { PropTypes as APIPropTypes } from '@deephaven/jsapi-shim';
 import memoizee from 'memoizee';
 import debounce from 'lodash.debounce';
 import Log from '@deephaven/log';
@@ -21,6 +19,8 @@ class InputFilter extends Component {
   constructor(props) {
     super(props);
 
+    _defineProperty(this, "inputRef", void 0);
+
     _defineProperty(this, "getItemLabel", memoizee((columns, index) => {
       var {
         name,
@@ -35,6 +35,22 @@ class InputFilter extends Component {
       return name;
     }));
 
+    _defineProperty(this, "sendUpdate", debounce(() => {
+      var {
+        onChange
+      } = this.props;
+      var {
+        column,
+        value,
+        isValueShown
+      } = this.state;
+      onChange({
+        column,
+        isValueShown,
+        value
+      });
+    }, UPDATE_DEBOUNCE));
+
     this.handleColumnChange = this.handleColumnChange.bind(this);
     this.handleInputKeyPress = this.handleInputKeyPress.bind(this);
     this.handleValueChange = this.handleValueChange.bind(this);
@@ -42,18 +58,17 @@ class InputFilter extends Component {
     this.handleSettingsClick = this.handleSettingsClick.bind(this);
     this.handleSettingsSave = this.handleSettingsSave.bind(this);
     this.handleBackgroundClick = this.handleBackgroundClick.bind(this);
-    this.sendUpdate = debounce(this.sendUpdate.bind(this), UPDATE_DEBOUNCE);
     this.inputRef = /*#__PURE__*/React.createRef();
     var {
-      column,
-      isValueShown,
-      value
+      column: _column,
+      isValueShown: _isValueShown,
+      value: _value
     } = props;
     this.state = {
-      column,
-      selectedColumn: column,
-      value,
-      isValueShown
+      column: _column,
+      selectedColumn: _column,
+      value: _value,
+      isValueShown: _isValueShown
     };
   }
 
@@ -95,11 +110,11 @@ class InputFilter extends Component {
     var {
       value
     } = event.target;
-    var selectedColumn = columns[value];
+    var selectedColumn = columns[parseInt(value, 10)];
     log.debug2('handleColumnChange', selectedColumn);
     this.setState({
       selectedColumn,
-      value: null
+      value: undefined
     });
   }
 
@@ -192,7 +207,7 @@ class InputFilter extends Component {
     var column = name != null && type != null ? {
       name,
       type
-    } : null;
+    } : undefined;
     var update = isValueShown === undefined ? {
       column,
       value
@@ -204,22 +219,6 @@ class InputFilter extends Component {
     this.setState(update);
   }
 
-  sendUpdate() {
-    var {
-      onChange
-    } = this.props;
-    var {
-      column,
-      value,
-      isValueShown
-    } = this.state;
-    onChange({
-      column,
-      isValueShown,
-      value
-    });
-  }
-
   render() {
     var {
       columns
@@ -240,7 +239,7 @@ class InputFilter extends Component {
 
     return /*#__PURE__*/React.createElement(CardFlip, {
       className: "input-filter fill-parent-absolute",
-      isFlipped: isValueShown
+      isFlipped: isValueShown !== null && isValueShown !== void 0 ? isValueShown : false
     }, /*#__PURE__*/React.createElement("div", {
       className: "input-filter-settings-card"
     }, /*#__PURE__*/React.createElement("div", {
@@ -309,17 +308,11 @@ class InputFilter extends Component {
 
 _defineProperty(InputFilter, "PLACEHOLDER", 'Enter value...');
 
-InputFilter.propTypes = {
-  columns: PropTypes.arrayOf(APIPropTypes.Column).isRequired,
-  column: APIPropTypes.Column,
-  isValueShown: PropTypes.bool,
-  value: PropTypes.string,
-  onChange: PropTypes.func.isRequired
-};
-InputFilter.defaultProps = {
+_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","PropTypes","CardFlip","FontAwesomeIcon","vsGear","APIPropTypes","memoizee","debounce","Log","log","module","UPDATE_DEBOUNCE","InputFilter","constructor","props","columns","index","name","type","length","shortType","substring","lastIndexOf","handleColumnChange","bind","handleInputKeyPress","handleValueChange","handleSettingsCancel","handleSettingsClick","handleSettingsSave","handleBackgroundClick","sendUpdate","inputRef","createRef","column","isValueShown","value","state","selectedColumn","componentDidUpdate","prevProps","prevState","propColumn","setState","focusInput","componentWillUnmount","flush","event","target","debug2","key","preventDefault","stopPropagation","current","select","focus","clearFilter","setFilterState","update","undefined","onChange","render","inputLength","PLACEHOLDER","titleLabel","columnIndex","findIndex","item","getItemLabel","map","columnItem","width","propTypes","arrayOf","Column","isRequired","bool","string","func","defaultProps"],"sources":["../../../src/controls/input-filter/InputFilter.jsx"],"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, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { CardFlip } from '@deephaven/components';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsGear } from '@deephaven/icons';\nimport { PropTypes as APIPropTypes } 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\nclass InputFilter extends Component {\n  static PLACEHOLDER = 'Enter value...';\n\n  constructor(props) {\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    this.sendUpdate = debounce(this.sendUpdate.bind(this), UPDATE_DEBOUNCE);\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(prevProps, prevState) {\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 (isValueShown && isValueShown !== prevState.isValueShown) {\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() {\n    this.sendUpdate.flush();\n  }\n\n  getItemLabel = memoizee((columns, index) => {\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) {\n    const { columns } = this.props;\n    const { value } = event.target;\n    const selectedColumn = columns[value];\n\n    log.debug2('handleColumnChange', selectedColumn);\n\n    this.setState({ selectedColumn, value: null });\n  }\n\n  handleInputKeyPress(event) {\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) {\n    const { value } = event.target;\n\n    log.debug2('handleValueChange', value);\n\n    this.setState({ value });\n  }\n\n  handleSettingsCancel() {\n    const { column } = this.state;\n    this.setState({ selectedColumn: column, isValueShown: true });\n  }\n\n  handleSettingsSave() {\n    const { selectedColumn } = this.state;\n    this.setState({ column: selectedColumn, isValueShown: true });\n  }\n\n  handleSettingsClick(event) {\n    const { column } = this.state;\n    this.setState({ selectedColumn: column, isValueShown: false });\n    event.stopPropagation();\n  }\n\n  handleBackgroundClick(event) {\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() {\n    if (this.inputRef.current !== null) {\n      this.inputRef.current.select();\n      this.inputRef.current.focus();\n    }\n  }\n\n  clearFilter() {\n    this.setState({ value: '' });\n  }\n\n  setFilterState({ name, type, value, isValueShown }) {\n    const column = name != null && type != null ? { name, type } : null;\n    const update =\n      isValueShown === undefined\n        ? { column, value }\n        : { column, value, isValueShown };\n    this.setState(update);\n  }\n\n  sendUpdate() {\n    const { onChange } = this.props;\n    const { column, value, isValueShown } = this.state;\n    onChange({ column, isValueShown, value });\n  }\n\n  render() {\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}\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                type=\"button\"\n                className=\"btn btn-outline-primary\"\n                onClick={this.handleSettingsCancel}\n                disabled={column == null}\n              >\n                Cancel\n              </button>\n              <button\n                type=\"button\"\n                className=\"btn btn-primary 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              type=\"button\"\n              className=\"btn btn-link btn-link-icon m-2 px-2\"\n              onClick={this.handleSettingsClick}\n            >\n              <FontAwesomeIcon icon={vsGear} transform=\"grow-4\" />\n            </button>\n          </div>\n        </div>\n      </CardFlip>\n    );\n  }\n}\n\nInputFilter.propTypes = {\n  columns: PropTypes.arrayOf(APIPropTypes.Column).isRequired,\n  column: APIPropTypes.Column,\n  isValueShown: PropTypes.bool,\n  value: PropTypes.string,\n  onChange: PropTypes.func.isRequired,\n};\n\nInputFilter.defaultProps = {\n  column: null,\n  isValueShown: false,\n  value: null,\n};\n\nexport default InputFilter;\n"],"mappings":"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"}
+{"version":3,"sources":["../../../src/controls/input-filter/InputFilter.tsx"],"names":["React","Component","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","focusInput","sendUpdate","componentWillUnmount","flush","event","target","parseInt","debug2","undefined","key","preventDefault","stopPropagation","current","select","focus","clearFilter","setFilterState","update","render","inputLength","PLACEHOLDER","titleLabel","columnIndex","findIndex","item","getItemLabel","map","columnItem","width"],"mappings":";;AAAA;;AACA;AACA;AAEA,OAAOA,KAAP,IAEEC,SAFF,QAOO,OAPP;AAQA,SAASC,QAAT,QAAyB,uBAAzB;AACA,SAASC,eAAT,QAAgC,gCAAhC;AACA,SAASC,MAAT,QAAuB,kBAAvB;AAEA,OAAOC,QAAP,MAAqB,UAArB;AACA,OAAOC,QAAP,MAAqB,iBAArB;AACA,OAAOC,GAAP,MAAgB,gBAAhB;;AAGA,IAAMC,GAAG,GAAGD,GAAG,CAACE,MAAJ,CAAW,aAAX,CAAZ;AACA,IAAMC,eAAe,GAAG,GAAxB;;AAuBA,MAAMC,WAAN,SAA0BV,SAA1B,CAAwE;AAStEW,EAAAA,WAAW,CAACC,KAAD,EAA0B;AACnC,UAAMA,KAAN;;AADmC;;AAAA,0CAqDtBR,QAAQ,CAAC,CAACS,OAAD,EAAUC,KAAV,KAAoB;AAC1C,UAAM;AAAEC,QAAAA,IAAF;AAAQC,QAAAA;AAAR,UAAiBH,OAAO,CAACC,KAAD,CAA9B;;AAEA,UACGA,KAAK,GAAG,CAAR,IAAaD,OAAO,CAACC,KAAK,GAAG,CAAT,CAAP,CAAmBC,IAAnB,KAA4BA,IAA1C,IACCD,KAAK,GAAGD,OAAO,CAACI,MAAR,GAAiB,CAAzB,IAA8BJ,OAAO,CAACC,KAAK,GAAG,CAAT,CAAP,CAAmBC,IAAnB,KAA4BA,IAF7D,EAGE;AACA,YAAMG,SAAS,GAAGF,IAAI,CAACG,SAAL,CAAeH,IAAI,CAACI,WAAL,CAAiB,GAAjB,IAAwB,CAAvC,CAAlB;AACA,yBAAUL,IAAV,eAAmBG,SAAnB;AACD;;AAED,aAAOH,IAAP;AACD,KAZsB,CArDc;;AAAA,wCAwJxBV,QAAQ,CAAC,MAAM;AAC1B,UAAM;AAAEgB,QAAAA;AAAF,UAAe,KAAKT,KAA1B;AACA,UAAM;AAAEU,QAAAA,MAAF;AAAUC,QAAAA,KAAV;AAAiBC,QAAAA;AAAjB,UAAkC,KAAKC,KAA7C;AACAJ,MAAAA,QAAQ,CAAC;AAAEC,QAAAA,MAAF;AAAUE,QAAAA,YAAV;AAAwBD,QAAAA;AAAxB,OAAD,CAAR;AACD,KAJoB,EAIlBd,eAJkB,CAxJgB;;AAGnC,SAAKiB,kBAAL,GAA0B,KAAKA,kBAAL,CAAwBC,IAAxB,CAA6B,IAA7B,CAA1B;AACA,SAAKC,mBAAL,GAA2B,KAAKA,mBAAL,CAAyBD,IAAzB,CAA8B,IAA9B,CAA3B;AACA,SAAKE,iBAAL,GAAyB,KAAKA,iBAAL,CAAuBF,IAAvB,CAA4B,IAA5B,CAAzB;AACA,SAAKG,oBAAL,GAA4B,KAAKA,oBAAL,CAA0BH,IAA1B,CAA+B,IAA/B,CAA5B;AACA,SAAKI,mBAAL,GAA2B,KAAKA,mBAAL,CAAyBJ,IAAzB,CAA8B,IAA9B,CAA3B;AACA,SAAKK,kBAAL,GAA0B,KAAKA,kBAAL,CAAwBL,IAAxB,CAA6B,IAA7B,CAA1B;AACA,SAAKM,qBAAL,GAA6B,KAAKA,qBAAL,CAA2BN,IAA3B,CAAgC,IAAhC,CAA7B;AAEA,SAAKO,QAAL,gBAAgBnC,KAAK,CAACoC,SAAN,EAAhB;AAEA,QAAM;AAAEb,MAAAA,MAAM,EAANA,OAAF;AAAUE,MAAAA,YAAY,EAAZA,aAAV;AAAwBD,MAAAA,KAAK,EAALA;AAAxB,QAAkCX,KAAxC;AACA,SAAKa,KAAL,GAAa;AACXH,MAAAA,MAAM,EAANA,OADW;AAEXc,MAAAA,cAAc,EAAEd,OAFL;AAGXC,MAAAA,KAAK,EAALA,MAHW;AAIXC,MAAAA,YAAY,EAAZA;AAJW,KAAb;AAMD;;AAEDa,EAAAA,kBAAkB,CAChBC,SADgB,EAEhBC,SAFgB,EAGV;AACN,QAAM;AAAEjB,MAAAA,MAAM,EAAEkB;AAAV,QAAyB,KAAK5B,KAApC;AACA,QAAM;AAAEU,MAAAA,MAAF;AAAUC,MAAAA,KAAV;AAAiBC,MAAAA;AAAjB,QAAkC,KAAKC,KAA7C;;AAEA,QAAIe,UAAU,KAAKF,SAAS,CAAChB,MAA7B,EAAqC;AACnC;AACA,WAAKmB,QAAL,CAAc;AAAEnB,QAAAA,MAAM,EAAEkB,UAAV;AAAsBJ,QAAAA,cAAc,EAAEI;AAAtC,OAAd;AACD;;AAED,QAAIhB,YAAY,IAAIA,YAAY,KAAKe,SAAS,CAACf,YAA/C,EAA6D;AAC3D,WAAKkB,UAAL;AACD;;AAED,QACEpB,MAAM,KAAKiB,SAAS,CAACjB,MAArB,IACAC,KAAK,KAAKgB,SAAS,CAAChB,KADpB,IAEAC,YAAY,KAAKe,SAAS,CAACf,YAH7B,EAIE;AACA,WAAKmB,UAAL;AACD;AACF;;AAEDC,EAAAA,oBAAoB,GAAS;AAC3B,SAAKD,UAAL,CAAgBE,KAAhB;AACD;;AAkBDnB,EAAAA,kBAAkB,CAACoB,KAAD,EAA8C;AAC9D,QAAM;AAAEjC,MAAAA;AAAF,QAAc,KAAKD,KAAzB;AACA,QAAM;AAAEW,MAAAA;AAAF,QAAYuB,KAAK,CAACC,MAAxB;AACA,QAAMX,cAAc,GAAGvB,OAAO,CAACmC,QAAQ,CAACzB,KAAD,EAAQ,EAAR,CAAT,CAA9B;AAEAhB,IAAAA,GAAG,CAAC0C,MAAJ,CAAW,oBAAX,EAAiCb,cAAjC;AAEA,SAAKK,QAAL,CAAc;AAAEL,MAAAA,cAAF;AAAkBb,MAAAA,KAAK,EAAE2B;AAAzB,KAAd;AACD;;AAEDtB,EAAAA,mBAAmB,CAACkB,KAAD,EAA+C;AAChE,QAAIA,KAAK,CAACK,GAAN,KAAc,OAAlB,EAA2B;AACzBL,MAAAA,KAAK,CAACM,cAAN;AACAN,MAAAA,KAAK,CAACO,eAAN;AACA,WAAKZ,QAAL,CACE;AAAA,YAAC;AAAElB,UAAAA;AAAF,SAAD;AAAA,eAAgBA,KAAK,IAAI,IAAT,GAAgB;AAAEA,UAAAA,KAAK,EAAE;AAAT,SAAhB,GAAgC,IAAhD;AAAA,OADF,EAEE,MAAM;AACJ,aAAKoB,UAAL;AACA,aAAKA,UAAL,CAAgBE,KAAhB;AACD,OALH;AAOD;AACF;;AAEDhB,EAAAA,iBAAiB,CAACiB,KAAD,EAA6C;AAC5D,QAAM;AAAEvB,MAAAA;AAAF,QAAYuB,KAAK,CAACC,MAAxB;AAEAxC,IAAAA,GAAG,CAAC0C,MAAJ,CAAW,mBAAX,EAAgC1B,KAAhC;AAEA,SAAKkB,QAAL,CAAc;AAAElB,MAAAA;AAAF,KAAd;AACD;;AAEDO,EAAAA,oBAAoB,GAAS;AAC3B,QAAM;AAAER,MAAAA;AAAF,QAAa,KAAKG,KAAxB;AACA,SAAKgB,QAAL,CAAc;AAAEL,MAAAA,cAAc,EAAEd,MAAlB;AAA0BE,MAAAA,YAAY,EAAE;AAAxC,KAAd;AACD;;AAEDQ,EAAAA,kBAAkB,GAAS;AACzB,QAAM;AAAEI,MAAAA;AAAF,QAAqB,KAAKX,KAAhC;AACA,SAAKgB,QAAL,CAAc;AAAEnB,MAAAA,MAAM,EAAEc,cAAV;AAA0BZ,MAAAA,YAAY,EAAE;AAAxC,KAAd;AACD;;AAEDO,EAAAA,mBAAmB,CAACe,KAAD,EAA6C;AAC9D,QAAM;AAAExB,MAAAA;AAAF,QAAa,KAAKG,KAAxB;AACA,SAAKgB,QAAL,CAAc;AAAEL,MAAAA,cAAc,EAAEd,MAAlB;AAA0BE,MAAAA,YAAY,EAAE;AAAxC,KAAd;AACAsB,IAAAA,KAAK,CAACO,eAAN;AACD;;AAEDpB,EAAAA,qBAAqB,CAACa,KAAD,EAA0C;AAC7D;AACA,QAAIA,KAAK,CAACC,MAAN,KAAiB,KAAKb,QAAL,CAAcoB,OAAnC,EAA4C;AAC1C,WAAKZ,UAAL;AACD;AACF;;AAEDA,EAAAA,UAAU,GAAS;AACjB,QAAI,KAAKR,QAAL,CAAcoB,OAAd,KAA0B,IAA9B,EAAoC;AAClC,WAAKpB,QAAL,CAAcoB,OAAd,CAAsBC,MAAtB;AACA,WAAKrB,QAAL,CAAcoB,OAAd,CAAsBE,KAAtB;AACD;AACF;;AAEDC,EAAAA,WAAW,GAAS;AAClB,SAAKhB,QAAL,CAAc;AAAElB,MAAAA,KAAK,EAAE;AAAT,KAAd;AACD;;AAEDmC,EAAAA,cAAc,QAUL;AAAA,QAVM;AACb3C,MAAAA,IADa;AAEbC,MAAAA,IAFa;AAGbO,MAAAA,KAHa;AAIbC,MAAAA;AAJa,KAUN;AACP,QAAMF,MAAM,GAAGP,IAAI,IAAI,IAAR,IAAgBC,IAAI,IAAI,IAAxB,GAA+B;AAAED,MAAAA,IAAF;AAAQC,MAAAA;AAAR,KAA/B,GAAgDkC,SAA/D;AACA,QAAMS,MAAM,GACVnC,YAAY,KAAK0B,SAAjB,GACI;AAAE5B,MAAAA,MAAF;AAAUC,MAAAA;AAAV,KADJ,GAEI;AAAED,MAAAA,MAAF;AAAUC,MAAAA,KAAV;AAAiBC,MAAAA;AAAjB,KAHN;AAIA,SAAKiB,QAAL,CAAckB,MAAd;AACD;;AAQDC,EAAAA,MAAM,GAAiB;AACrB,QAAM;AAAE/C,MAAAA;AAAF,QAAc,KAAKD,KAAzB;AACA,QAAM;AAAEU,MAAAA,MAAF;AAAUE,MAAAA,YAAV;AAAwBY,MAAAA,cAAxB;AAAwCb,MAAAA;AAAxC,QAAkD,KAAKE,KAA7D;AACA,QAAMoC,WAAW,GACftC,KAAK,IAAI,IAAT,IAAiBA,KAAK,CAACN,MAAN,KAAiB,CAAlC,GACIP,WAAW,CAACoD,WAAZ,CAAwB7C,MAD5B,GAEIM,KAAK,CAACN,MAHZ;AAIA,QAAI8C,UAAU,GAAG,IAAjB;;AACA,QAAIzC,MAAM,IAAI,IAAd,EAAoB;AAClB,UAAM0C,WAAW,GAAGnD,OAAO,CAACoD,SAAR,CAClBC,IAAI,IAAIA,IAAI,CAACnD,IAAL,KAAcO,MAAM,CAACP,IAArB,IAA6BmD,IAAI,CAAClD,IAAL,KAAcM,MAAM,CAACN,IADxC,CAApB;AAGA+C,MAAAA,UAAU,GACRC,WAAW,IAAI,CAAf,GACI,KAAKG,YAAL,CAAkBtD,OAAlB,EAA2BmD,WAA3B,CADJ,GAEI1C,MAAM,CAACP,IAHb;AAID;;AAED,wBACE,oBAAC,QAAD;AACE,MAAA,SAAS,EAAC,mCADZ;AAEE,MAAA,SAAS,EAAES,YAAF,aAAEA,YAAF,cAAEA,YAAF,GAAkB;AAF7B,oBAIE;AAAK,MAAA,SAAS,EAAC;AAAf,oBACE;AAAK,MAAA,SAAS,EAAC;AAAf,oBACE;AAAK,MAAA,SAAS,EAAC;AAAf,oBACE,mDADF,eAEE;AACE,MAAA,KAAK,EAAEX,OAAO,CAACoD,SAAR,CACLC,IAAI,IACFA,IAAI,CAACnD,IAAL,MAAcqB,cAAd,aAAcA,cAAd,uBAAcA,cAAc,CAAErB,IAA9B,KACAmD,IAAI,CAAClD,IAAL,MAAcoB,cAAd,aAAcA,cAAd,uBAAcA,cAAc,CAAEpB,IAA9B,CAHG,CADT;AAME,MAAA,SAAS,EAAC,eANZ;AAOE,MAAA,QAAQ,EAAE,KAAKU;AAPjB,OASGb,OAAO,CAACuD,GAAR,CAAY,CAACC,UAAD,EAAavD,KAAb,kBACX;AACE,MAAA,GAAG,YAAKuD,UAAU,CAACtD,IAAhB,cAAwBsD,UAAU,CAACrD,IAAnC,CADL;AAEE,MAAA,KAAK,EAAEF;AAFT,OAIG,KAAKqD,YAAL,CAAkBtD,OAAlB,EAA2BC,KAA3B,CAJH,CADD,CATH,EAiBGD,OAAO,CAACI,MAAR,KAAmB,CAAnB,iBACC;AAAQ,MAAA,KAAK,EAAC,IAAd;AAAmB,MAAA,QAAQ;AAA3B,8BAlBJ,CAFF,eAyBE;AAAK,MAAA,SAAS,EAAC;AAAf,yGAzBF,CADF,eA+BE;AAAK,MAAA,SAAS,EAAC;AAAf,oBACE;AACE,MAAA,IAAI,EAAC,QADP;AAEE,MAAA,SAAS,EAAC,yBAFZ;AAGE,MAAA,OAAO,EAAE,KAAKa,oBAHhB;AAIE,MAAA,QAAQ,EAAER,MAAM,IAAI;AAJtB,gBADF,eASE;AACE,MAAA,IAAI,EAAC,QADP;AAEE,MAAA,SAAS,EAAC,sBAFZ;AAGE,MAAA,OAAO,EAAE,KAAKU,kBAHhB;AAIE,MAAA,QAAQ,EAAEI,cAAc,IAAI;AAJ9B,cATF,CA/BF,CADF,CAJF,eAyDE;AACE,MAAA,SAAS,EAAC,yBADZ;AAEE,MAAA,OAAO,EAAE,KAAKH;AAFhB,oBAIE;AAAK,MAAA,SAAS,EAAC;AAAf,oBACE;AAAK,MAAA,SAAS,EAAC;AAAf,OAA4C8B,UAA5C,YADF,CAJF,eAOE;AAAK,MAAA,SAAS,EAAC;AAAf,oBACE;AAAK,MAAA,SAAS,EAAC;AAAf,oBACE;AACE,MAAA,IAAI,EAAC,MADP;AAEE,MAAA,GAAG,EAAE,KAAK7B,QAFZ;AAGE,MAAA,WAAW,EAAExB,WAAW,CAACoD,WAH3B;AAIE,MAAA,KAAK,EAAEvC,KAAF,aAAEA,KAAF,cAAEA,KAAF,GAAW,EAJlB;AAKE,MAAA,QAAQ,EAAE,KAAKM,iBALjB;AAME,MAAA,UAAU,EAAE,KAAKD,mBANnB;AAOE,MAAA,KAAK,EAAE;AAAE0C,QAAAA,KAAK,YAAKT,WAAW,GAAG,CAAnB;AAAP,OAPT;AAQE,MAAA,UAAU,EAAC;AARb,MADF,CADF,CAPF,eAqBE;AAAK,MAAA,SAAS,EAAC;AAAf,oBACE;AACE,MAAA,IAAI,EAAC,QADP;AAEE,MAAA,SAAS,EAAC,qCAFZ;AAGE,MAAA,OAAO,EAAE,KAAK9B;AAHhB,oBAKE,oBAAC,eAAD;AAAiB,MAAA,IAAI,EAAE5B,MAAvB;AAA+B,MAAA,SAAS,EAAC;AAAzC,MALF,CADF,CArBF,CAzDF,CADF;AA2FD;;AApRqE;;gBAAlEO,W,iBACiB,gB;;gBADjBA,W,kBAGkB;AACpBY,EAAAA,MAAM,EAAE,IADY;AAEpBE,EAAAA,YAAY,EAAE,KAFM;AAGpBD,EAAAA,KAAK,EAAE;AAHa,C;;AAoRxB,eAAeb,WAAf","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 { 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 (isValueShown && isValueShown !== prevState.isValueShown) {\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, index) => {\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                type=\"button\"\n                className=\"btn btn-outline-primary\"\n                onClick={this.handleSettingsCancel}\n                disabled={column == null}\n              >\n                Cancel\n              </button>\n              <button\n                type=\"button\"\n                className=\"btn btn-primary 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              type=\"button\"\n              className=\"btn btn-link btn-link-icon m-2 px-2\"\n              onClick={this.handleSettingsClick}\n            >\n              <FontAwesomeIcon icon={vsGear} transform=\"grow-4\" />\n            </button>\n          </div>\n        </div>\n      </CardFlip>\n    );\n  }\n}\n\nexport default InputFilter;\n"],"file":"InputFilter.js"}

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

@@ -1,19 +1,14 @@
-declare class MarkdownContainer extends React.PureComponent<any, any, any> {
-    constructor(props: any);
-    constructor(props: any, context: any);
+import { MouseEventHandler, PureComponent, ReactElement, ReactNode } from 'react';
+interface MarkdownContainerProps {
+    onDoubleClick: MouseEventHandler;
+    children: ReactNode;
+    isEditing?: boolean;
 }
-declare namespace MarkdownContainer {
-    namespace propTypes {
-        const onDoubleClick: PropTypes.Validator<(...args: any[]) => any>;
-        const children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        const isEditing: PropTypes.Requireable<boolean>;
-    }
-    namespace defaultProps {
-        const isEditing_1: boolean;
-        export { isEditing_1 as isEditing };
-    }
+export default class MarkdownContainer extends PureComponent<MarkdownContainerProps, Record<string, never>> {
+    static defaultProps: {
+        isEditing: boolean;
+    };
+    render(): ReactElement;
 }
-export default MarkdownContainer;
-import React from "react";
-import PropTypes from "prop-types";
+export {};
 //# sourceMappingURL=MarkdownContainer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownContainer.d.ts","sourceRoot":"","sources":["../../../src/controls/markdown/MarkdownContainer.jsx"],"names":[],"mappings":"AAMA;IAiC0zlB,wBAA8C;IAAA,sCAAyJ;CAXhgmB"}
+{"version":3,"file":"MarkdownContainer.d.ts","sourceRoot":"","sources":["../../../src/controls/markdown/MarkdownContainer.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,SAAS,EACV,MAAM,OAAO,CAAC;AAKf,UAAU,sBAAsB;IAC9B,aAAa,EAAE,iBAAiB,CAAC;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,aAAa,CAC1D,sBAAsB,EACtB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CACtB;IACC,MAAM,CAAC,YAAY;;MAEjB;IAEF,MAAM,IAAI,YAAY;CAqBvB"}

package/dist/controls/markdown/MarkdownContainer.js

@@ -1,5 +1,6 @@
+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 PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { vsEdit } from '@deephaven/icons';
@@ -23,12 +24,8 @@ export default class MarkdownContainer extends PureComponent {
   }
 
 }
-MarkdownContainer.propTypes = {
-  onDoubleClick: PropTypes.func.isRequired,
-  children: PropTypes.node.isRequired,
-  isEditing: PropTypes.bool
-};
-MarkdownContainer.defaultProps = {
+
+_defineProperty(MarkdownContainer, "defaultProps", {
   isEditing: false
-};
+});
 //# sourceMappingURL=MarkdownContainer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownContainer.js","names":["React","PureComponent","PropTypes","classNames","FontAwesomeIcon","vsEdit","MarkdownContainer","render","isEditing","children","onDoubleClick","props","viewing","propTypes","func","isRequired","node","bool","defaultProps"],"sources":["../../../src/controls/markdown/MarkdownContainer.jsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsEdit } from '@deephaven/icons';\n\nexport default class MarkdownContainer extends PureComponent {\n  render() {\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,\n          })}\n        >\n          <span>\n            double-click to edit <FontAwesomeIcon icon={vsEdit} />\n          </span>\n        </div>\n        {children}\n      </div>\n    );\n  }\n}\n\nMarkdownContainer.propTypes = {\n  onDoubleClick: PropTypes.func.isRequired,\n  children: PropTypes.node.isRequired,\n  isEditing: PropTypes.bool,\n};\n\nMarkdownContainer.defaultProps = {\n  isEditing: false,\n};\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,aAAhB,QAAqC,OAArC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,eAAT,QAAgC,gCAAhC;AACA,SAASC,MAAT,QAAuB,kBAAvB;AAEA,eAAe,MAAMC,iBAAN,SAAgCL,aAAhC,CAA8C;EAC3DM,MAAM,GAAG;IACP,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,EAAE,CAACJ;MADqC,CAA5B;IADvB,gBAKE,wEACuB,oBAAC,eAAD;MAAiB,IAAI,EAAEH;IAAvB,EADvB,CALF,CAJF,EAaGI,QAbH,CADF;EAiBD;;AArB0D;AAwB7DH,iBAAiB,CAACO,SAAlB,GAA8B;EAC5BH,aAAa,EAAER,SAAS,CAACY,IAAV,CAAeC,UADF;EAE5BN,QAAQ,EAAEP,SAAS,CAACc,IAAV,CAAeD,UAFG;EAG5BP,SAAS,EAAEN,SAAS,CAACe;AAHO,CAA9B;AAMAX,iBAAiB,CAACY,YAAlB,GAAiC;EAC/BV,SAAS,EAAE;AADoB,CAAjC"}
+{"version":3,"sources":["../../../src/controls/markdown/MarkdownContainer.tsx"],"names":["React","PureComponent","classNames","FontAwesomeIcon","vsEdit","MarkdownContainer","render","isEditing","children","onDoubleClick","props","viewing"],"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;AAKAK,EAAAA,MAAM,GAAiB;AACrB,QAAM;AAAEC,MAAAA,SAAF;AAAaC,MAAAA,QAAb;AAAuBC,MAAAA;AAAvB,QAAyC,KAAKC,KAApD;AAEA,wBACE;AACE,MAAA,SAAS,EAAC,uCADZ;AAEE,MAAA,aAAa,EAAED;AAFjB,oBAIE;AACE,MAAA,SAAS,EAAEP,UAAU,CAAC,YAAD,EAAe,WAAf,EAA4B;AAC/CS,QAAAA,OAAO,EAAE,CAACJ;AADqC,OAA5B;AADvB,oBAKE,wEACuB,oBAAC,eAAD;AAAiB,MAAA,IAAI,EAAEH;AAAvB,MADvB,CALF,CAJF,EAaGI,QAbH,CADF;AAiBD;;AAzBD;;gBAHmBH,iB,kBAIG;AACpBE,EAAAA,SAAS,EAAE;AADS,C","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,\n          })}\n        >\n          <span>\n            double-click to edit <FontAwesomeIcon icon={vsEdit} />\n          </span>\n        </div>\n        {children}\n      </div>\n    );\n  }\n}\n"],"file":"MarkdownContainer.js"}

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

@@ -1,22 +1,20 @@
-declare class MarkdownEditor extends React.PureComponent<any, any, any> {
-    constructor(props: any);
-    container: HTMLDivElement | null;
-    renderMarkdown: (props: any) => JSX.Element;
+import { PureComponent, ReactElement } from 'react';
+import { CodeComponent } from 'react-markdown/src/ast-to-react';
+import type * as monaco from 'monaco-editor/esm/vs/editor/editor.api.js';
+interface MarkdownEditorProps {
+    isEditing: boolean;
+    content: string;
+    onEditorInitialized: (editor: monaco.editor.IStandaloneCodeEditor) => void;
 }
-declare namespace MarkdownEditor {
-    namespace propTypes {
-        const isEditing: PropTypes.Requireable<boolean>;
-        const content: PropTypes.Requireable<string>;
-        const onEditorInitialized: PropTypes.Validator<(...args: any[]) => any>;
-    }
-    namespace defaultProps {
-        const isEditing_1: boolean;
-        export { isEditing_1 as isEditing };
-        const content_1: string;
-        export { content_1 as content };
-    }
+export default class MarkdownEditor extends PureComponent<MarkdownEditorProps, Record<string, never>> {
+    static defaultProps: {
+        isEditing: boolean;
+        content: string;
+    };
+    constructor(props: MarkdownEditorProps);
+    container: HTMLDivElement | null;
+    renderMarkdown: CodeComponent;
+    render(): ReactElement;
 }
-export default MarkdownEditor;
-import React from "react";
-import PropTypes from "prop-types";
+export {};
 //# sourceMappingURL=MarkdownEditor.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownEditor.d.ts","sourceRoot":"","sources":["../../../src/controls/markdown/MarkdownEditor.jsx"],"names":[],"mappings":"AAKA;IACE,wBAGC;IADC,iCAAqB;IAGvB,4CAgBE;CA4BH"}
+{"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,2CAA2C,CAAC;AAEzE,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,CAgB3B;IAEF,MAAM,IAAI,YAAY;CA0BvB"}

package/dist/controls/markdown/MarkdownEditor.js

@@ -1,13 +1,14 @@
 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 PropTypes from 'prop-types';
 import Markdown from 'react-markdown';
 import { Code, Editor } from '@deephaven/console';
 export default class MarkdownEditor extends PureComponent {
   constructor(_props) {
     super(_props);
 
+    _defineProperty(this, "container", void 0);
+
     _defineProperty(this, "renderMarkdown", props => {
       var {
         children,
@@ -48,13 +49,9 @@ export default class MarkdownEditor extends PureComponent {
   }
 
 }
-MarkdownEditor.propTypes = {
-  isEditing: PropTypes.bool,
-  content: PropTypes.string,
-  onEditorInitialized: PropTypes.func.isRequired
-};
-MarkdownEditor.defaultProps = {
+
+_defineProperty(MarkdownEditor, "defaultProps", {
   isEditing: false,
   content: ''
-};
+});
 //# sourceMappingURL=MarkdownEditor.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownEditor.js","names":["React","PureComponent","PropTypes","Markdown","Code","Editor","MarkdownEditor","constructor","props","children","className","language","startsWith","substring","Children","map","child","trim","container","render","isEditing","content","onEditorInitialized","value","lineNumbers","code","renderMarkdown","propTypes","bool","string","func","isRequired","defaultProps"],"sources":["../../../src/controls/markdown/MarkdownEditor.jsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport Markdown from 'react-markdown';\nimport { Code, Editor } from '@deephaven/console';\n\nexport default class MarkdownEditor extends PureComponent {\n  constructor(props) {\n    super(props);\n    this.container = null;\n  }\n\n  renderMarkdown = props => {\n    const { children, className } = props;\n    const language = 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() {\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\nMarkdownEditor.propTypes = {\n  isEditing: PropTypes.bool,\n  content: PropTypes.string,\n  onEditorInitialized: PropTypes.func.isRequired,\n};\n\nMarkdownEditor.defaultProps = {\n  isEditing: false,\n  content: '',\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,aAAhB,QAAqC,OAArC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,MAAqB,gBAArB;AACA,SAASC,IAAT,EAAeC,MAAf,QAA6B,oBAA7B;AAEA,eAAe,MAAMC,cAAN,SAA6BL,aAA7B,CAA2C;EACxDM,WAAW,CAACC,MAAD,EAAQ;IACjB,MAAMA,MAAN;;IADiB,wCAKFA,KAAK,IAAI;MACxB,IAAM;QAAEC,QAAF;QAAYC;MAAZ,IAA0BF,KAAhC;MACA,IAAMG,QAAQ,GAAGD,SAAS,SAAT,IAAAA,SAAS,WAAT,IAAAA,SAAS,CAAEE,UAAX,CAAsB,WAAtB,IACbF,SAAS,CAACG,SAAV,CAAoB,CAApB,CADa,GAEb,WAFJ;MAGA,oBACE,8CACE,+CACE,oBAAC,IAAD;QAAM,QAAQ,EAAEF;MAAhB,GACGX,KAAK,CAACc,QAAN,CAAeC,GAAf,CAAmBN,QAAnB,EAA6BO,KAAK,IACjC,OAAOA,KAAP,KAAiB,QAAjB,GAA4BA,KAAK,CAACC,IAAN,EAA5B,GAA2CD,KAD5C,CADH,CADF,CADF,CADF;IAWD,CArBkB;;IAEjB,KAAKE,SAAL,GAAiB,IAAjB;EACD;;EAoBDC,MAAM,GAAG;IACP,IAAM;MAAEC,SAAF;MAAaC,OAAb;MAAsBC;IAAtB,IAA8C,KAAKd,KAAzD;IACA,oBACE;MACE,SAAS,EAAC,2BADZ;MAEE,GAAG,EAAEU,SAAS,IAAI;QAChB,KAAKA,SAAL,GAAiBA,SAAjB;MACD;IAJH,GAMGE,SAAS,gBACR,oBAAC,MAAD;MACE,QAAQ,EAAE;QACRT,QAAQ,EAAE,UADF;QAERY,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;;AAjDuD;AAoD1Df,cAAc,CAACqB,SAAf,GAA2B;EACzBP,SAAS,EAAElB,SAAS,CAAC0B,IADI;EAEzBP,OAAO,EAAEnB,SAAS,CAAC2B,MAFM;EAGzBP,mBAAmB,EAAEpB,SAAS,CAAC4B,IAAV,CAAeC;AAHX,CAA3B;AAMAzB,cAAc,CAAC0B,YAAf,GAA8B;EAC5BZ,SAAS,EAAE,KADiB;EAE5BC,OAAO,EAAE;AAFmB,CAA9B"}
+{"version":3,"sources":["../../../src/controls/markdown/MarkdownEditor.tsx"],"names":["React","PureComponent","Markdown","Code","Editor","MarkdownEditor","constructor","props","children","className","language","startsWith","substring","Children","map","child","trim","container","render","isEditing","content","onEditorInitialized","value","lineNumbers","code","renderMarkdown"],"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;AAMAK,EAAAA,WAAW,CAACC,MAAD,EAA6B;AACtC,UAAMA,MAAN;;AADsC;;AAAA,4CAORA,KAAK,IAAI;AACvC,UAAM;AAAEC,QAAAA,QAAF;AAAYC,QAAAA;AAAZ,UAA0BF,KAAhC;AACA,UAAMG,QAAQ,GAAGD,SAAS,SAAT,IAAAA,SAAS,WAAT,IAAAA,SAAS,CAAEE,UAAX,CAAsB,WAAtB,IACbF,SAAS,CAACG,SAAV,CAAoB,CAApB,CADa,GAEb,WAFJ;AAGA,0BACE,8CACE,+CACE,oBAAC,IAAD;AAAM,QAAA,QAAQ,EAAEF;AAAhB,SACGV,KAAK,CAACa,QAAN,CAAeC,GAAf,CAAmBN,QAAnB,EAA6BO,KAAK,IACjC,OAAOA,KAAP,KAAiB,QAAjB,GAA4BA,KAAK,CAACC,IAAN,EAA5B,GAA2CD,KAD5C,CADH,CADF,CADF,CADF;AAWD,KAvBuC;;AAEtC,SAAKE,SAAL,GAAiB,IAAjB;AACD;;AAsBDC,EAAAA,MAAM,GAAiB;AACrB,QAAM;AAAEC,MAAAA,SAAF;AAAaC,MAAAA,OAAb;AAAsBC,MAAAA;AAAtB,QAA8C,KAAKd,KAAzD;AACA,wBACE;AACE,MAAA,SAAS,EAAC,2BADZ;AAEE,MAAA,GAAG,EAAEU,SAAS,IAAI;AAChB,aAAKA,SAAL,GAAiBA,SAAjB;AACD;AAJH,OAMGE,SAAS,gBACR,oBAAC,MAAD;AACE,MAAA,QAAQ,EAAE;AACRT,QAAAA,QAAQ,EAAE,UADF;AAERY,QAAAA,KAAK,EAAEF,OAFC;AAGRG,QAAAA,WAAW,EAAE;AAHL,OADZ;AAME,MAAA,mBAAmB,EAAEF;AANvB,MADQ,gBAUR,oBAAC,QAAD;AAAU,MAAA,UAAU,EAAE;AAAEG,QAAAA,IAAI,EAAE,KAAKC;AAAb;AAAtB,OACGL,OADH,CAhBJ,CADF;AAuBD;;AAxDD;;gBAHmBf,c,kBAIG;AACpBc,EAAAA,SAAS,EAAE,KADS;AAEpBC,EAAAA,OAAO,EAAE;AAFW,C","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/esm/vs/editor/editor.api.js';\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 = 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"],"file":"MarkdownEditor.js"}

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

@@ -1,31 +1,27 @@
-export default MarkdownStartPage;
-declare class MarkdownStartPage extends React.PureComponent<any, any, any> {
-    constructor(props: any);
-    handleDeleteButtonClick(markdown: any): void;
-    handleDeleteModalClose(): void;
-    handleDeleteMarkdown(markdown: any): void;
+import { MouseEventHandler, PureComponent, ReactElement } from 'react';
+import { ReactComponentConfig } from '@deephaven/golden-layout';
+interface MarkdownStartPageProps {
+    closedMarkdowns: ReactComponentConfig[];
+    onOpen: (markdown: ReactComponentConfig) => void;
+    onCreate: MouseEventHandler<HTMLButtonElement>;
+    onDelete: (markdown: ReactComponentConfig) => void;
 }
-declare namespace MarkdownStartPage {
-    namespace propTypes {
-        const closedMarkdowns: PropTypes.Requireable<(PropTypes.InferProps<{
-            title: PropTypes.Requireable<string>;
-            content: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
-        const onOpen: PropTypes.Requireable<(...args: any[]) => any>;
-        const onCreate: PropTypes.Requireable<(...args: any[]) => any>;
-        const onDelete: PropTypes.Requireable<(...args: any[]) => any>;
-    }
-    namespace defaultProps {
-        const closedMarkdowns_1: never[];
-        export { closedMarkdowns_1 as closedMarkdowns };
-        export function onOpen_1(): void;
-        export { onOpen_1 as onOpen };
-        export function onCreate_1(): void;
-        export { onCreate_1 as onCreate };
-        export function onDelete_1(): void;
-        export { onDelete_1 as onDelete };
-    }
+interface MarkdownStartPageState {
+    isDeleteModalShown: boolean;
+    toBeDeleted?: ReactComponentConfig;
 }
-import React from "react";
-import PropTypes from "prop-types";
+declare class MarkdownStartPage extends PureComponent<MarkdownStartPageProps, MarkdownStartPageState> {
+    static defaultProps: {
+        closedMarkdowns: never[];
+        onOpen: () => void;
+        onCreate: () => void;
+        onDelete: () => void;
+    };
+    constructor(props: MarkdownStartPageProps);
+    handleDeleteButtonClick(markdown: ReactComponentConfig): void;
+    handleDeleteModalClose(): void;
+    handleDeleteMarkdown(markdown?: ReactComponentConfig): void;
+    render(): ReactElement;
+}
+export default MarkdownStartPage;
 //# sourceMappingURL=MarkdownStartPage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownStartPage.d.ts","sourceRoot":"","sources":["../../../src/controls/markdown/MarkdownStartPage.jsx"],"names":[],"mappings":";AAiBA;IACE,wBAQC;IAED,6CAEC;IAED,+BAEC;IAED,0CAOC;CA4EF;;;;;;;;;;;;;;QAgBS,iCAAQ;;QACN,mCAAQ;;QACR,mCAAQ"}
+{"version":3,"file":"MarkdownStartPage.d.ts","sourceRoot":"","sources":["../../../src/controls/markdown/MarkdownStartPage.tsx"],"names":[],"mappings":"AAAA,OAAc,EAEZ,iBAAiB,EACjB,aAAa,EACb,YAAY,EACb,MAAM,OAAO,CAAC;AAWf,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAIhE,UAAU,sBAAsB;IAC9B,eAAe,EAAE,oBAAoB,EAAE,CAAC;IACxC,MAAM,EAAE,CAAC,QAAQ,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACjD,QAAQ,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,QAAQ,EAAE,CAAC,QAAQ,EAAE,oBAAoB,KAAK,IAAI,CAAC;CACpD;AAED,UAAU,sBAAsB;IAC9B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,WAAW,CAAC,EAAE,oBAAoB,CAAC;CACpC;AAED,cAAM,iBAAkB,SAAQ,aAAa,CAC3C,sBAAsB,EACtB,sBAAsB,CACvB;IACC,MAAM,CAAC,YAAY;;sBAEL,IAAI;wBACF,IAAI;wBACJ,IAAI;MAClB;gBAEU,KAAK,EAAE,sBAAsB;IASzC,uBAAuB,CAAC,QAAQ,EAAE,oBAAoB,GAAG,IAAI;IAI7D,sBAAsB,IAAI,IAAI;IAI9B,oBAAoB,CAAC,QAAQ,CAAC,EAAE,oBAAoB,GAAG,IAAI;IAW3D,MAAM,IAAI,YAAY;CA0EvB;AAED,eAAe,iBAAiB,CAAC"}

package/dist/controls/markdown/MarkdownStartPage.js

@@ -1,5 +1,6 @@
+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 PropTypes from 'prop-types';
 import { Modal, ModalBody, ModalFooter, ModalHeader } from '@deephaven/components';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { vsTrash } from '@deephaven/icons';
@@ -12,8 +13,7 @@ class MarkdownStartPage extends PureComponent {
     this.handleDeleteButtonClick = this.handleDeleteButtonClick.bind(this);
     this.handleDeleteModalClose = this.handleDeleteModalClose.bind(this);
     this.state = {
-      isDeleteModalShown: false,
-      toBeDeleted: null
+      isDeleteModalShown: false
     };
   }
 
@@ -27,19 +27,23 @@ class MarkdownStartPage extends PureComponent {
   handleDeleteModalClose() {
     this.setState({
       isDeleteModalShown: false,
-      toBeDeleted: null
+      toBeDeleted: undefined
     });
   }
 
   handleDeleteMarkdown(markdown) {
     log.debug('delete markdown: ', markdown);
-    var {
-      onDelete
-    } = this.props;
-    onDelete(markdown);
+
+    if (markdown !== undefined) {
+      var {
+        onDelete
+      } = this.props;
+      onDelete(markdown);
+    }
+
     this.setState({
       isDeleteModalShown: false,
-      toBeDeleted: null
+      toBeDeleted: undefined
     });
   }
 
@@ -105,20 +109,12 @@ class MarkdownStartPage extends PureComponent {
 
 }
 
-MarkdownStartPage.propTypes = {
-  closedMarkdowns: PropTypes.arrayOf(PropTypes.shape({
-    title: PropTypes.string,
-    content: PropTypes.string
-  })),
-  onOpen: PropTypes.func,
-  onCreate: PropTypes.func,
-  onDelete: PropTypes.func
-};
-MarkdownStartPage.defaultProps = {
+_defineProperty(MarkdownStartPage, "defaultProps", {
   closedMarkdowns: [],
-  onOpen: () => {},
-  onCreate: () => {},
-  onDelete: () => {}
-};
+  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","PropTypes","Modal","ModalBody","ModalFooter","ModalHeader","FontAwesomeIcon","vsTrash","Log","log","module","MarkdownStartPage","constructor","props","handleDeleteButtonClick","bind","handleDeleteModalClose","state","isDeleteModalShown","toBeDeleted","markdown","setState","handleDeleteMarkdown","debug","onDelete","render","closedMarkdowns","onOpen","onCreate","map","id","title","propTypes","arrayOf","shape","string","content","func","defaultProps"],"sources":["../../../src/controls/markdown/MarkdownStartPage.jsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\n\nimport {\n  Modal,\n  ModalBody,\n  ModalFooter,\n  ModalHeader,\n} from '@deephaven/components';\n\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsTrash } from '@deephaven/icons';\n\nimport Log from '@deephaven/log';\n\nconst log = Log.module('MarkdownStartPage');\n\nclass MarkdownStartPage extends PureComponent {\n  constructor(props) {\n    super(props);\n    this.handleDeleteButtonClick = this.handleDeleteButtonClick.bind(this);\n    this.handleDeleteModalClose = this.handleDeleteModalClose.bind(this);\n    this.state = {\n      isDeleteModalShown: false,\n      toBeDeleted: null,\n    };\n  }\n\n  handleDeleteButtonClick(markdown) {\n    this.setState({ isDeleteModalShown: true, toBeDeleted: markdown });\n  }\n\n  handleDeleteModalClose() {\n    this.setState({ isDeleteModalShown: false, toBeDeleted: null });\n  }\n\n  handleDeleteMarkdown(markdown) {\n    log.debug('delete markdown: ', markdown);\n\n    const { onDelete } = this.props;\n    onDelete(markdown);\n\n    this.setState({ isDeleteModalShown: false, toBeDeleted: null });\n  }\n\n  render() {\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\n                className=\"btn btn-link title\"\n                type=\"button\"\n                onClick={onCreate}\n              >\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}>\n                <button\n                  className=\"btn btn-link title\"\n                  type=\"button\"\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\n                  className=\"btn btn-outline-primary\"\n                  onClick={this.handleDeleteModalClose}\n                  type=\"button\"\n                >\n                  Cancel\n                </button>\n                <button\n                  className=\"btn btn-danger\"\n                  onClick={() => {\n                    this.handleDeleteMarkdown(toBeDeleted);\n                  }}\n                  type=\"button\"\n                >\n                  Delete\n                </button>\n              </ModalFooter>\n            </Modal>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nMarkdownStartPage.propTypes = {\n  closedMarkdowns: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      content: PropTypes.string,\n    })\n  ),\n  onOpen: PropTypes.func,\n  onCreate: PropTypes.func,\n  onDelete: PropTypes.func,\n};\n\nMarkdownStartPage.defaultProps = {\n  closedMarkdowns: [],\n  onOpen: () => {},\n  onCreate: () => {},\n  onDelete: () => {},\n};\n\nexport default MarkdownStartPage;\n"],"mappings":"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"}
+{"version":3,"sources":["../../../src/controls/markdown/MarkdownStartPage.tsx"],"names":["React","PureComponent","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"],"mappings":"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","sourcesContent":["import React, {\n  Key,\n  MouseEventHandler,\n  PureComponent,\n  ReactElement,\n} from 'react';\nimport {\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 { 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\n                className=\"btn btn-link title\"\n                type=\"button\"\n                onClick={onCreate}\n              >\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                  className=\"btn btn-link title\"\n                  type=\"button\"\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\n                  className=\"btn btn-outline-primary\"\n                  onClick={this.handleDeleteModalClose}\n                  type=\"button\"\n                >\n                  Cancel\n                </button>\n                <button\n                  className=\"btn btn-danger\"\n                  onClick={() => {\n                    this.handleDeleteMarkdown(toBeDeleted);\n                  }}\n                  type=\"button\"\n                >\n                  Delete\n                </button>\n              </ModalFooter>\n            </Modal>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default MarkdownStartPage;\n"],"file":"MarkdownStartPage.js"}

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

@@ -1,12 +1,12 @@
-export default MarkdownUtils;
 declare class MarkdownUtils {
     static DEFAULT_TITLE: string;
     static DEFAULT_CONTENT: string;
     /**
      * Retrieves a new markdown title that does not conflict with the current titles
-     * @param {Array<String>} usedTitles Markdown titles that are already in use
-     * @returns {String} The new title
+     * @param usedTitles Markdown titles that are already in use
+     * @returns The new title
      */
-    static getNewMarkdownTitle(usedTitles: Array<string>): string;
+    static getNewMarkdownTitle(usedTitles: string[]): string;
 }
+export default MarkdownUtils;
 //# sourceMappingURL=MarkdownUtils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownUtils.d.ts","sourceRoot":"","sources":["../../../src/controls/markdown/MarkdownUtils.js"],"names":[],"mappings":";AAAA;IACE,6BAA8B;IAE9B,+BAC+E;IAE/E;;;;OAIG;IACH,uCAHW,aAAa,UAYvB;CACF"}
+{"version":3,"file":"MarkdownUtils.d.ts","sourceRoot":"","sources":["../../../src/controls/markdown/MarkdownUtils.ts"],"names":[],"mappings":"AAAA,cAAM,aAAa;IACjB,MAAM,CAAC,aAAa,SAAU;IAE9B,MAAM,CAAC,eAAe,SACyD;IAE/E;;;;OAIG;IACH,MAAM,CAAC,mBAAmB,CAAC,UAAU,EAAE,MAAM,EAAE,GAAG,MAAM;CAUzD;AAED,eAAe,aAAa,CAAC"}

package/dist/controls/markdown/MarkdownUtils.js

@@ -3,8 +3,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 class MarkdownUtils {
   /**
    * Retrieves a new markdown title that does not conflict with the current titles
-   * @param {Array<String>} usedTitles Markdown titles that are already in use
-   * @returns {String} The new title
+   * @param usedTitles Markdown titles that are already in use
+   * @returns The new title
    */
   static getNewMarkdownTitle(usedTitles) {
     var title = "".concat(MarkdownUtils.DEFAULT_TITLE);