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

package/dist/controls/dropdown-filter/DropdownFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownFilter.d.ts","sourceRoot":"","sources":["../../../src/controls/dropdown-filter/DropdownFilter.jsx"],"names":[],"mappings":";AAqBA;IACE,2BAAyC;IAEzC,wCAAiE;IAEjE,yCAAqD;IAErD,wBAuBC;IAwGD,qCAcC;IAkCD,6BAKC;IAYD,sCAGC;IAbD,2BAQC;IAOD,wCAKC;IA3DD,yCAUC;IAED,oCAkBC;IA4ED,mBAIC;IAhPC,kCAAoC;IAkDtC,oEAME;IAEF,+FAuBG;IAEH,oEAA2E;IAE3E,mDAaG;IAEH,yGAYG;IA+EH,yBAGC;IAED,yBAGC;IAED,sBAQC;IAED,qBAGC;IAED,mBAIC;IAED,mBAEC;IAGD,oBAEC;IAED;;;;;aAGC;CA+JF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA8BmB,2CAAQ;;QACN,6CAAQ;;QACR,6CAAQ"}
+{"version":3,"file":"DropdownFilter.d.ts","sourceRoot":"","sources":["../../../src/controls/dropdown-filter/DropdownFilter.tsx"],"names":[],"mappings":"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"}

package/dist/controls/dropdown-filter/DropdownFilter.js

@@ -5,17 +5,14 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 /* eslint-disable jsx-a11y/no-static-element-interactions */
 // background click is just a convenience method, not an actual a11y issue
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { Button, CardFlip, SocketedButton } from '@deephaven/components';
 import { vsGear } from '@deephaven/icons';
-import { PropTypes as APIPropTypes } from '@deephaven/jsapi-shim';
 import { TableUtils } from '@deephaven/jsapi-utils';
 import memoizee from 'memoizee';
 import memoize from 'memoize-one';
 import debounce from 'lodash.debounce';
 import Log from '@deephaven/log';
-import { UIPropTypes } from "../../prop-types/index.js";
 import "./DropdownFilter.css";
 var log = Log.module('DropdownFilter');
 var UPDATE_DEBOUNCE = 150;
@@ -24,11 +21,13 @@ class DropdownFilter extends Component {
   constructor(props) {
     super(props);
 
+    _defineProperty(this, "dropdownRef", void 0);
+
     _defineProperty(this, "getCompatibleColumns", memoize((source, columns) => source ? columns.filter(_ref => {
       var {
         type
       } = _ref;
-      return TableUtils.isCompatibleType(type, source.columnType);
+      return type !== undefined && TableUtils.isCompatibleType(type, source.columnType);
     }) : []));
 
     _defineProperty(this, "getColumnOptions", memoize((columns, selectedColumn) => {
@@ -76,6 +75,22 @@ class DropdownFilter extends Component {
       return name;
     }));
 
+    _defineProperty(this, "sendUpdate", debounce(() => {
+      var {
+        onChange
+      } = this.props;
+      var {
+        column,
+        value,
+        isValueShown
+      } = this.state;
+      onChange({
+        column,
+        isValueShown,
+        value: value !== null && value !== void 0 ? value : undefined
+      });
+    }, UPDATE_DEBOUNCE));
+
     this.handleColumnChange = this.handleColumnChange.bind(this);
     this.handleSettingsCancel = this.handleSettingsCancel.bind(this);
     this.handleSettingsClick = this.handleSettingsClick.bind(this);
@@ -83,18 +98,17 @@ class DropdownFilter extends Component {
     this.handleBackgroundClick = this.handleBackgroundClick.bind(this);
     this.handleDropdownKeyPress = this.handleDropdownKeyPress.bind(this);
     this.handleValueChange = this.handleValueChange.bind(this);
-    this.sendUpdate = debounce(this.sendUpdate.bind(this), UPDATE_DEBOUNCE);
     this.dropdownRef = /*#__PURE__*/React.createRef();
     var {
-      column,
-      isValueShown,
+      column: _column,
+      isValueShown: _isValueShown,
       value: _value
     } = props;
     this.state = {
-      column,
-      selectedColumn: column,
-      disableCancel: !isValueShown,
-      isValueShown,
+      column: _column,
+      selectedColumn: _column,
+      disableCancel: !_isValueShown,
+      isValueShown: _isValueShown,
       value: _value
     };
   }
@@ -143,7 +157,7 @@ class DropdownFilter extends Component {
     } = event.target;
     log.debug2('handleColumnChange', value);
 
-    if (value < 0) {
+    if (value != null && parseInt(value, 10) < 0) {
       this.setState({
         selectedColumn: null
       });
@@ -156,7 +170,7 @@ class DropdownFilter extends Component {
     } = this.props;
     var columns = this.getCompatibleColumns(source, allColumns);
     this.setState({
-      selectedColumn: columns[value]
+      selectedColumn: columns[parseInt(value, 10)]
     });
   }
 
@@ -306,22 +320,6 @@ class DropdownFilter extends Component {
     });
   }
 
-  sendUpdate() {
-    var {
-      onChange
-    } = this.props;
-    var {
-      column,
-      value,
-      isValueShown
-    } = this.state;
-    onChange({
-      column,
-      isValueShown,
-      value
-    });
-  }
-
   render() {
     var _source$columnName;
 
@@ -388,14 +386,14 @@ class DropdownFilter extends Component {
       type: "button",
       onClick: this.handleSettingsCancel,
       disabled: disableCancel || isValueShown || isLinkerActive,
-      tooltip: isLinkerActive ? 'Cancel disabled while linker open' : null
+      tooltip: isLinkerActive ? 'Cancel disabled while linker open' : undefined
     }, "Cancel"), /*#__PURE__*/React.createElement(Button, {
       kind: "primary",
       type: "button",
       className: "ml-2",
       onClick: this.handleSettingsSave,
       disabled: disableSave || isValueShown || isLinkerActive,
-      tooltip: isLinkerActive ? 'Save disabled while linker open' : null
+      tooltip: isLinkerActive ? 'Save disabled while linker open' : undefined
     }, "Save")))), /*#__PURE__*/React.createElement("div", {
       className: "dropdown-filter-value-card",
       onClick: this.handleBackgroundClick
@@ -429,29 +427,7 @@ class DropdownFilter extends Component {
 
 }
 
-_defineProperty(DropdownFilter, "PLACEHOLDER", 'Select a value...');
-
-_defineProperty(DropdownFilter, "SOURCE_BUTTON_CLASS_NAME", 'btn-dropdown-filter-selector');
-
-_defineProperty(DropdownFilter, "SOURCE_BUTTON_PLACEHOLDER", 'Select a column');
-
-DropdownFilter.propTypes = {
-  column: APIPropTypes.Column,
-  columns: PropTypes.arrayOf(APIPropTypes.Column).isRequired,
-  onSourceMouseEnter: PropTypes.func,
-  onSourceMouseLeave: PropTypes.func,
-  disableLinking: PropTypes.bool,
-  isLinkerActive: PropTypes.bool,
-  isLoaded: PropTypes.bool,
-  isValueShown: PropTypes.bool,
-  settingsError: PropTypes.string,
-  source: UIPropTypes.LinkPoint,
-  value: PropTypes.string,
-  values: PropTypes.arrayOf(PropTypes.string),
-  onChange: PropTypes.func.isRequired,
-  onColumnSelected: PropTypes.func
-};
-DropdownFilter.defaultProps = {
+_defineProperty(DropdownFilter, "defaultProps", {
   column: null,
   disableLinking: false,
   isLinkerActive: false,
@@ -461,9 +437,16 @@ DropdownFilter.defaultProps = {
   source: null,
   value: '',
   values: [],
-  onColumnSelected: () => {},
-  onSourceMouseEnter: () => {},
-  onSourceMouseLeave: () => {}
-};
+  onColumnSelected: () => undefined,
+  onSourceMouseEnter: () => undefined,
+  onSourceMouseLeave: () => undefined
+});
+
+_defineProperty(DropdownFilter, "PLACEHOLDER", 'Select a value...');
+
+_defineProperty(DropdownFilter, "SOURCE_BUTTON_CLASS_NAME", 'btn-dropdown-filter-selector');
+
+_defineProperty(DropdownFilter, "SOURCE_BUTTON_PLACEHOLDER", 'Select a column');
+
 export default DropdownFilter;
 //# sourceMappingURL=DropdownFilter.js.map

package/dist/controls/dropdown-filter/DropdownFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownFilter.js","names":["React","Component","PropTypes","FontAwesomeIcon","Button","CardFlip","SocketedButton","vsGear","APIPropTypes","TableUtils","memoizee","memoize","debounce","Log","UIPropTypes","log","module","UPDATE_DEBOUNCE","DropdownFilter","constructor","props","source","columns","filter","type","isCompatibleType","columnType","selectedColumn","selectedIndex","options","push","forEach","columnItem","index","name","getItemLabel","values","value","indexOf","PLACEHOLDER","map","val","length","shortType","substring","lastIndexOf","handleColumnChange","bind","handleSettingsCancel","handleSettingsClick","handleSettingsSave","handleBackgroundClick","handleDropdownKeyPress","handleValueChange","sendUpdate","dropdownRef","createRef","column","isValueShown","state","disableCancel","componentDidUpdate","prevProps","prevState","isLoaded","sourceUpdated","includes","resetValue","focusInput","componentWillUnmount","flush","event","target","debug2","setState","allColumns","getCompatibleColumns","key","preventDefault","stopPropagation","valueIndex","parseInt","error","showSettings","current","handleMouseEnter","onSourceMouseEnter","handleMouseLeave","onSourceMouseLeave","focus","clearFilter","setFilterState","onChange","render","disableLinking","isLinkerActive","onColumnSelected","settingsError","columnSelectionDisabled","isLinked","sourceButtonLabel","columnName","SOURCE_BUTTON_PLACEHOLDER","filterTitle","columnOptions","getColumnOptions","valueOptions","getValueOptions","selectedOption","getSelectedOptionIndex","disableSave","isFlipped","SOURCE_BUTTON_CLASS_NAME","propTypes","Column","arrayOf","isRequired","func","bool","string","LinkPoint","defaultProps"],"sources":["../../../src/controls/dropdown-filter/DropdownFilter.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 convenience method, not an actual a11y issue\n\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { Button, CardFlip, SocketedButton } from '@deephaven/components';\nimport { vsGear } from '@deephaven/icons';\nimport { PropTypes as APIPropTypes } from '@deephaven/jsapi-shim';\nimport { TableUtils } from '@deephaven/jsapi-utils';\nimport memoizee from 'memoizee';\nimport memoize from 'memoize-one';\nimport debounce from 'lodash.debounce';\nimport Log from '@deephaven/log';\nimport { UIPropTypes } from '../../prop-types';\nimport './DropdownFilter.scss';\n\nconst log = Log.module('DropdownFilter');\nconst UPDATE_DEBOUNCE = 150;\n\nclass DropdownFilter extends Component {\n  static PLACEHOLDER = 'Select a value...';\n\n  static SOURCE_BUTTON_CLASS_NAME = 'btn-dropdown-filter-selector';\n\n  static SOURCE_BUTTON_PLACEHOLDER = 'Select a column';\n\n  constructor(props) {\n    super(props);\n\n    this.handleColumnChange = this.handleColumnChange.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.handleDropdownKeyPress = this.handleDropdownKeyPress.bind(this);\n    this.handleValueChange = this.handleValueChange.bind(this);\n\n    this.sendUpdate = debounce(this.sendUpdate.bind(this), UPDATE_DEBOUNCE);\n\n    this.dropdownRef = React.createRef();\n\n    const { column, isValueShown, value } = props;\n    this.state = {\n      column,\n      selectedColumn: column,\n      disableCancel: !isValueShown,\n      isValueShown,\n      value,\n    };\n  }\n\n  componentDidUpdate(prevProps, prevState) {\n    const { source, values, isLoaded } = this.props;\n    const { column, value, isValueShown } = this.state;\n\n    if (isLoaded) {\n      if (source !== prevProps.source) {\n        this.sourceUpdated();\n      }\n\n      if (\n        values !== prevProps.values &&\n        value !== '' &&\n        !values.includes(value)\n      ) {\n        // Value list loaded, but doesn't contain the current value\n        this.resetValue();\n      }\n\n      if (isValueShown !== prevState.isValueShown) {\n        if (isValueShown) {\n          this.focusInput();\n        }\n      }\n\n      if (\n        column !== prevState.column ||\n        value !== prevState.value ||\n        isValueShown !== prevState.isValueShown\n      ) {\n        this.sendUpdate();\n      }\n    }\n  }\n\n  componentWillUnmount() {\n    this.sendUpdate.flush();\n  }\n\n  getCompatibleColumns = memoize((source, columns) =>\n    source\n      ? columns.filter(({ type }) =>\n          TableUtils.isCompatibleType(type, source.columnType)\n        )\n      : []\n  );\n\n  getColumnOptions = memoize((columns, selectedColumn) => {\n    let selectedIndex = -1;\n    const options = [];\n    options.push(\n      <option key=\"placeholder\" value=\"-1\">\n        Select a column\n      </option>\n    );\n    columns.forEach((columnItem, index) => {\n      options.push(\n        <option key={`${columnItem.name}/${columnItem.type}`} value={index}>\n          {this.getItemLabel(columns, index)}\n        </option>\n      );\n      if (\n        selectedColumn !== null &&\n        columnItem.name === selectedColumn.name &&\n        columnItem.type === selectedColumn.type\n      ) {\n        selectedIndex = index;\n      }\n    });\n    return [options, selectedIndex];\n  });\n\n  getSelectedOptionIndex = memoize((values, value) => values.indexOf(value));\n\n  getValueOptions = memoize(values => [\n    <option value=\"-1\" key=\"-1\">\n      {DropdownFilter.PLACEHOLDER}\n    </option>,\n    ...values.map((val, index) => (\n      <option\n        value={index}\n        // eslint-disable-next-line react/no-array-index-key\n        key={`${index}/${val}`}\n      >\n        {val}\n      </option>\n    )),\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 { value } = event.target;\n    log.debug2('handleColumnChange', value);\n    if (value < 0) {\n      this.setState({\n        selectedColumn: null,\n      });\n      return;\n    }\n    const { columns: allColumns, source } = this.props;\n    const columns = this.getCompatibleColumns(source, allColumns);\n    this.setState({\n      selectedColumn: columns[value],\n    });\n  }\n\n  handleDropdownKeyPress(event) {\n    if (event.key === 'Enter') {\n      event.preventDefault();\n      event.stopPropagation();\n\n      log.debug2('handleDropdownKeyPress');\n\n      this.sendUpdate();\n      this.sendUpdate.flush();\n    }\n  }\n\n  handleValueChange(event) {\n    const { value: valueIndex } = event.target;\n    const index = parseInt(valueIndex, 10);\n    // Default empty string value for 'clear filter'\n    let value = '';\n    const { values } = this.props;\n    if (index === -1) {\n      log.debug2('Selected default item');\n    } else if (index >= 0 && index < values.length) {\n      value = values[index];\n    } else {\n      log.error('Invalid index', index, values);\n      return;\n    }\n\n    log.debug2('handleValueChange', value);\n\n    this.setState({ value });\n  }\n\n  handleSettingsCancel() {\n    this.setState(({ column }) => ({\n      selectedColumn: column,\n      isValueShown: true,\n    }));\n  }\n\n  handleSettingsSave() {\n    this.setState(({ column, selectedColumn, value }) => ({\n      column: selectedColumn,\n      // Reset value if column changed\n      value: column === selectedColumn ? value : '',\n      isValueShown: true,\n      disableCancel: false,\n    }));\n  }\n\n  handleSettingsClick(event) {\n    event.stopPropagation();\n    this.showSettings();\n  }\n\n  handleBackgroundClick(event) {\n    // allow clicking anywhere in the background to select and focus the input\n    if (event.target !== this.dropdownRef.current) {\n      this.focusInput();\n    }\n  }\n\n  handleMouseEnter() {\n    const { onSourceMouseEnter } = this.props;\n    onSourceMouseEnter();\n  }\n\n  handleMouseLeave() {\n    const { onSourceMouseLeave } = this.props;\n    onSourceMouseLeave();\n  }\n\n  sourceUpdated() {\n    this.setState({\n      column: null,\n      selectedColumn: null,\n      isValueShown: false,\n      disableCancel: true,\n      value: '',\n    });\n  }\n\n  showSettings() {\n    const { column } = this.state;\n    this.setState({ selectedColumn: column, isValueShown: false });\n  }\n\n  focusInput() {\n    if (this.dropdownRef.current !== null) {\n      this.dropdownRef.current.focus();\n    }\n  }\n\n  resetValue() {\n    this.setState({ value: '' });\n  }\n\n  // Called by the parent component via ref\n  clearFilter() {\n    this.resetValue();\n  }\n\n  setFilterState({ name, type, value, isValueShown }) {\n    const column = name != null && type != null ? { name, type } : null;\n    this.setState({ column, value, isValueShown });\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 {\n      columns: allColumns,\n      disableLinking,\n      isLinkerActive,\n      isLoaded,\n      source,\n      onColumnSelected,\n      onSourceMouseEnter,\n      onSourceMouseLeave,\n      values,\n      settingsError,\n    } = this.props;\n    const {\n      column,\n      disableCancel,\n      isValueShown,\n      selectedColumn,\n      value,\n    } = this.state;\n    const columnSelectionDisabled = source === null;\n    const columns = this.getCompatibleColumns(source, allColumns);\n    const isLinked = source != null;\n    const sourceButtonLabel =\n      source?.columnName ?? DropdownFilter.SOURCE_BUTTON_PLACEHOLDER;\n    const filterTitle = column != null ? `${column.name} Filter` : null;\n    const [columnOptions, selectedIndex] = this.getColumnOptions(\n      columns,\n      selectedColumn\n    );\n    const valueOptions = this.getValueOptions(values);\n    const selectedOption = this.getSelectedOptionIndex(values, value);\n    const disableSave = !isLinked || selectedColumn == null;\n\n    const isFlipped = isValueShown && !isLinkerActive;\n\n    return (\n      <CardFlip\n        className=\"dropdown-filter fill-parent-absolute\"\n        isFlipped={isFlipped}\n      >\n        <div className=\"dropdown-filter-settings-card\">\n          <div className=\"dropdown-filter-card-content\">\n            <div className=\"dropdown-filter-settings-grid\">\n              <label>Source Column</label>\n              <SocketedButton\n                isLinked={isLinked}\n                onClick={onColumnSelected}\n                onMouseEnter={onSourceMouseEnter}\n                onMouseLeave={onSourceMouseLeave}\n                className={DropdownFilter.SOURCE_BUTTON_CLASS_NAME}\n                disabled={disableLinking}\n              >\n                {sourceButtonLabel}\n              </SocketedButton>\n\n              <div className=\"text-muted small\">\n                Select a source column for the list by linking to a table.\n              </div>\n\n              <label>Filter Column</label>\n              <select\n                value={selectedIndex}\n                className=\"custom-select\"\n                onChange={this.handleColumnChange}\n                disabled={columnSelectionDisabled}\n              >\n                {columnOptions}\n              </select>\n              <div className=\"text-muted small\">\n                Dropdown filter control will apply its filter to all columns\n                matching this name in this dashboard.\n              </div>\n            </div>\n            {settingsError && (\n              <div className=\"error-message text-center\">{settingsError}</div>\n            )}\n            {isLinked && (\n              <div className=\"dropdown-filter-settings-buttons\">\n                <Button\n                  kind=\"secondary\"\n                  type=\"button\"\n                  onClick={this.handleSettingsCancel}\n                  disabled={disableCancel || isValueShown || isLinkerActive}\n                  tooltip={\n                    isLinkerActive ? 'Cancel disabled while linker open' : null\n                  }\n                >\n                  Cancel\n                </Button>\n                <Button\n                  kind=\"primary\"\n                  type=\"button\"\n                  className=\"ml-2\"\n                  onClick={this.handleSettingsSave}\n                  disabled={disableSave || isValueShown || isLinkerActive}\n                  tooltip={\n                    isLinkerActive ? 'Save disabled while linker open' : null\n                  }\n                >\n                  Save\n                </Button>\n              </div>\n            )}\n          </div>\n        </div>\n\n        <div\n          className=\"dropdown-filter-value-card\"\n          onClick={this.handleBackgroundClick}\n        >\n          {isLoaded && (\n            <>\n              <div className=\"dropdown-filter-column\">\n                <div className=\"dropdown-filter-column-title\">\n                  {filterTitle}\n                </div>\n              </div>\n              <div className=\"dropdown-filter-card-content\">\n                <div className=\"dropdown-filter-value-input d-flex flex-column justify-content-center\">\n                  <select\n                    className=\"custom-select\"\n                    value={selectedOption}\n                    ref={this.dropdownRef}\n                    onChange={this.handleValueChange}\n                    onKeyPress={this.handleDropdownKeyPress}\n                  >\n                    {valueOptions}\n                  </select>\n                </div>\n                {settingsError && (\n                  <div className=\"error-message mt-3 text-center\">\n                    {settingsError}\n                  </div>\n                )}\n              </div>\n              <div className=\"dropdown-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            </>\n          )}\n        </div>\n      </CardFlip>\n    );\n  }\n}\n\nDropdownFilter.propTypes = {\n  column: APIPropTypes.Column,\n  columns: PropTypes.arrayOf(APIPropTypes.Column).isRequired,\n  onSourceMouseEnter: PropTypes.func,\n  onSourceMouseLeave: PropTypes.func,\n  disableLinking: PropTypes.bool,\n  isLinkerActive: PropTypes.bool,\n  isLoaded: PropTypes.bool,\n  isValueShown: PropTypes.bool,\n  settingsError: PropTypes.string,\n  source: UIPropTypes.LinkPoint,\n  value: PropTypes.string,\n  values: PropTypes.arrayOf(PropTypes.string),\n  onChange: PropTypes.func.isRequired,\n  onColumnSelected: PropTypes.func,\n};\n\nDropdownFilter.defaultProps = {\n  column: null,\n  disableLinking: false,\n  isLinkerActive: false,\n  isLoaded: false,\n  isValueShown: false,\n\n  settingsError: null,\n  source: null,\n  value: '',\n  values: [],\n  onColumnSelected: () => {},\n  onSourceMouseEnter: () => {},\n  onSourceMouseLeave: () => {},\n};\n\nexport default DropdownFilter;\n"],"mappings":"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"}
+{"version":3,"sources":["../../../src/controls/dropdown-filter/DropdownFilter.tsx"],"names":["React","Component","FontAwesomeIcon","Button","CardFlip","SocketedButton","vsGear","TableUtils","memoizee","memoize","debounce","Log","log","module","UPDATE_DEBOUNCE","DropdownFilter","constructor","props","source","columns","filter","type","undefined","isCompatibleType","columnType","selectedColumn","selectedIndex","options","push","forEach","columnItem","index","name","getItemLabel","values","value","indexOf","PLACEHOLDER","map","val","length","shortType","substring","lastIndexOf","onChange","column","isValueShown","state","handleColumnChange","bind","handleSettingsCancel","handleSettingsClick","handleSettingsSave","handleBackgroundClick","handleDropdownKeyPress","handleValueChange","dropdownRef","createRef","disableCancel","componentDidUpdate","prevProps","prevState","isLoaded","sourceUpdated","includes","resetValue","focusInput","sendUpdate","componentWillUnmount","flush","event","target","debug2","parseInt","setState","allColumns","getCompatibleColumns","key","preventDefault","stopPropagation","valueIndex","error","showSettings","current","handleMouseEnter","onSourceMouseEnter","handleMouseLeave","onSourceMouseLeave","focus","clearFilter","setFilterState","render","disableLinking","isLinkerActive","onColumnSelected","settingsError","columnSelectionDisabled","isLinked","sourceButtonLabel","columnName","SOURCE_BUTTON_PLACEHOLDER","filterTitle","columnOptions","getColumnOptions","valueOptions","getValueOptions","selectedOption","getSelectedOptionIndex","disableSave","isFlipped","SOURCE_BUTTON_CLASS_NAME"],"mappings":"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","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 convenience method, not an actual a11y issue\n\nimport React, {\n  ChangeEvent,\n  Component,\n  KeyboardEvent,\n  MouseEvent,\n  ReactElement,\n  RefObject,\n} from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { Button, CardFlip, SocketedButton } from '@deephaven/components';\nimport { vsGear } from '@deephaven/icons';\nimport { Column } from '@deephaven/jsapi-shim';\nimport { TableUtils } from '@deephaven/jsapi-utils';\nimport memoizee from 'memoizee';\nimport memoize from 'memoize-one';\nimport debounce from 'lodash.debounce';\nimport Log from '@deephaven/log';\nimport './DropdownFilter.scss';\nimport { LinkPoint } from '../../linker/LinkerUtils';\n\nconst log = Log.module('DropdownFilter');\nconst UPDATE_DEBOUNCE = 150;\n\nexport interface DropdownFilterColumn {\n  name: string;\n  type?: string;\n}\ninterface DropdownFilterProps {\n  column: DropdownFilterColumn;\n  columns: DropdownFilterColumn[];\n  onSourceMouseEnter: () => void;\n  onSourceMouseLeave: () => void;\n  disableLinking: boolean;\n  isLinkerActive: boolean;\n  isLoaded: boolean;\n  isValueShown: boolean;\n  settingsError: string;\n  source: LinkPoint;\n  value: string;\n  values: (string | null)[];\n  onChange: (change: {\n    column: Partial<Column> | null;\n    isValueShown?: boolean;\n    value?: string;\n  }) => void;\n  onColumnSelected: () => void;\n}\n\ninterface DropdownFilterState {\n  column: DropdownFilterColumn | null;\n  selectedColumn: DropdownFilterColumn | null;\n  disableCancel: boolean;\n  isValueShown: boolean;\n  value: string | null;\n}\n\nclass DropdownFilter extends Component<\n  DropdownFilterProps,\n  DropdownFilterState\n> {\n  static defaultProps = {\n    column: null,\n    disableLinking: false,\n    isLinkerActive: false,\n    isLoaded: false,\n    isValueShown: false,\n\n    settingsError: null,\n    source: null,\n    value: '',\n    values: [],\n    onColumnSelected: (): void => undefined,\n    onSourceMouseEnter: (): void => undefined,\n    onSourceMouseLeave: (): void => undefined,\n  };\n\n  static PLACEHOLDER = 'Select a value...';\n\n  static SOURCE_BUTTON_CLASS_NAME = 'btn-dropdown-filter-selector';\n\n  static SOURCE_BUTTON_PLACEHOLDER = 'Select a column';\n\n  constructor(props: DropdownFilterProps) {\n    super(props);\n\n    this.handleColumnChange = this.handleColumnChange.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.handleDropdownKeyPress = this.handleDropdownKeyPress.bind(this);\n    this.handleValueChange = this.handleValueChange.bind(this);\n\n    this.dropdownRef = React.createRef();\n\n    const { column, isValueShown, value } = props;\n    this.state = {\n      column,\n      selectedColumn: column,\n      disableCancel: !isValueShown,\n      isValueShown,\n      value,\n    };\n  }\n\n  componentDidUpdate(\n    prevProps: DropdownFilterProps,\n    prevState: DropdownFilterState\n  ): void {\n    const { source, values, isLoaded } = this.props;\n    const { column, value, isValueShown } = this.state;\n\n    if (isLoaded) {\n      if (source !== prevProps.source) {\n        this.sourceUpdated();\n      }\n\n      if (\n        values !== prevProps.values &&\n        value !== '' &&\n        !values.includes(value)\n      ) {\n        // Value list loaded, but doesn't contain the current value\n        this.resetValue();\n      }\n\n      if (isValueShown !== prevState.isValueShown) {\n        if (isValueShown) {\n          this.focusInput();\n        }\n      }\n\n      if (\n        column !== prevState.column ||\n        value !== prevState.value ||\n        isValueShown !== prevState.isValueShown\n      ) {\n        this.sendUpdate();\n      }\n    }\n  }\n\n  componentWillUnmount(): void {\n    this.sendUpdate.flush();\n  }\n\n  dropdownRef: RefObject<HTMLSelectElement>;\n\n  getCompatibleColumns = memoize(\n    (source: LinkPoint, columns: DropdownFilterColumn[]) =>\n      source\n        ? columns.filter(\n            ({ type }) =>\n              type !== undefined &&\n              TableUtils.isCompatibleType(type, source.columnType)\n          )\n        : []\n  );\n\n  getColumnOptions = memoize(\n    (\n      columns: DropdownFilterColumn[],\n      selectedColumn: DropdownFilterColumn | null\n    ): [JSX.Element[], number] => {\n      let selectedIndex = -1;\n      const options = [];\n      options.push(\n        <option key=\"placeholder\" value=\"-1\">\n          Select a column\n        </option>\n      );\n      columns.forEach((columnItem, index) => {\n        options.push(\n          <option key={`${columnItem.name}/${columnItem.type}`} value={index}>\n            {this.getItemLabel(columns, index)}\n          </option>\n        );\n        if (\n          selectedColumn !== null &&\n          columnItem.name === selectedColumn.name &&\n          columnItem.type === selectedColumn.type\n        ) {\n          selectedIndex = index;\n        }\n      });\n      return [options, selectedIndex];\n    }\n  );\n\n  getSelectedOptionIndex = memoize(\n    (values: (string | null)[], value: string | null) => values.indexOf(value)\n  );\n\n  getValueOptions = memoize((values: (string | null)[]) => [\n    <option value=\"-1\" key=\"-1\">\n      {DropdownFilter.PLACEHOLDER}\n    </option>,\n    ...values.map((val, index) => (\n      <option\n        value={index}\n        // eslint-disable-next-line react/no-array-index-key\n        key={`${index}/${val}`}\n      >\n        {val}\n      </option>\n    )),\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: ChangeEvent<HTMLSelectElement>): void {\n    const { value } = event.target;\n    log.debug2('handleColumnChange', value);\n    if (value != null && parseInt(value, 10) < 0) {\n      this.setState({\n        selectedColumn: null,\n      });\n      return;\n    }\n    const { columns: allColumns, source } = this.props;\n    const columns = this.getCompatibleColumns(source, allColumns);\n    this.setState({\n      selectedColumn: columns[parseInt(value, 10)],\n    });\n  }\n\n  handleDropdownKeyPress(event: KeyboardEvent<HTMLSelectElement>): void {\n    if (event.key === 'Enter') {\n      event.preventDefault();\n      event.stopPropagation();\n\n      log.debug2('handleDropdownKeyPress');\n\n      this.sendUpdate();\n      this.sendUpdate.flush();\n    }\n  }\n\n  handleValueChange(event: ChangeEvent<HTMLSelectElement>): void {\n    const { value: valueIndex } = event.target;\n    const index = parseInt(valueIndex, 10);\n    // Default empty string value for 'clear filter'\n    let value: string | null = '';\n    const { values } = this.props;\n    if (index === -1) {\n      log.debug2('Selected default item');\n    } else if (index >= 0 && index < values.length) {\n      value = values[index];\n    } else {\n      log.error('Invalid index', index, values);\n      return;\n    }\n\n    log.debug2('handleValueChange', value);\n\n    this.setState({ value });\n  }\n\n  handleSettingsCancel(): void {\n    this.setState(({ column }) => ({\n      selectedColumn: column,\n      isValueShown: true,\n    }));\n  }\n\n  handleSettingsSave(): void {\n    this.setState(({ column, selectedColumn, value }) => ({\n      column: selectedColumn,\n      // Reset value if column changed\n      value: column === selectedColumn ? value : '',\n      isValueShown: true,\n      disableCancel: false,\n    }));\n  }\n\n  handleSettingsClick(event: MouseEvent<HTMLButtonElement>): void {\n    event.stopPropagation();\n    this.showSettings();\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.dropdownRef.current) {\n      this.focusInput();\n    }\n  }\n\n  handleMouseEnter(): void {\n    const { onSourceMouseEnter } = this.props;\n    onSourceMouseEnter();\n  }\n\n  handleMouseLeave(): void {\n    const { onSourceMouseLeave } = this.props;\n    onSourceMouseLeave();\n  }\n\n  sourceUpdated(): void {\n    this.setState({\n      column: null,\n      selectedColumn: null,\n      isValueShown: false,\n      disableCancel: true,\n      value: '',\n    });\n  }\n\n  showSettings(): void {\n    const { column } = this.state;\n    this.setState({ selectedColumn: column, isValueShown: false });\n  }\n\n  focusInput(): void {\n    if (this.dropdownRef.current !== null) {\n      this.dropdownRef.current.focus();\n    }\n  }\n\n  resetValue(): void {\n    this.setState({ value: '' });\n  }\n\n  // Called by the parent component via ref\n  clearFilter(): void {\n    this.resetValue();\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 } : null;\n    this.setState({ column, value, isValueShown });\n  }\n\n  sendUpdate = debounce(() => {\n    const { onChange } = this.props;\n    const { column, value, isValueShown } = this.state;\n    onChange({ column, isValueShown, value: value ?? undefined });\n  }, UPDATE_DEBOUNCE);\n\n  render(): ReactElement {\n    const {\n      columns: allColumns,\n      disableLinking,\n      isLinkerActive,\n      isLoaded,\n      source,\n      onColumnSelected,\n      onSourceMouseEnter,\n      onSourceMouseLeave,\n      values,\n      settingsError,\n    } = this.props;\n    const {\n      column,\n      disableCancel,\n      isValueShown,\n      selectedColumn,\n      value,\n    } = this.state;\n    const columnSelectionDisabled = source === null;\n    const columns = this.getCompatibleColumns(source, allColumns);\n    const isLinked = source != null;\n    const sourceButtonLabel =\n      source?.columnName ?? DropdownFilter.SOURCE_BUTTON_PLACEHOLDER;\n    const filterTitle = column != null ? `${column.name} Filter` : null;\n    const [columnOptions, selectedIndex] = this.getColumnOptions(\n      columns,\n      selectedColumn\n    );\n    const valueOptions = this.getValueOptions(values);\n    const selectedOption = this.getSelectedOptionIndex(values, value);\n    const disableSave = !isLinked || selectedColumn == null;\n\n    const isFlipped = isValueShown && !isLinkerActive;\n\n    return (\n      <CardFlip\n        className=\"dropdown-filter fill-parent-absolute\"\n        isFlipped={isFlipped}\n      >\n        <div className=\"dropdown-filter-settings-card\">\n          <div className=\"dropdown-filter-card-content\">\n            <div className=\"dropdown-filter-settings-grid\">\n              <label>Source Column</label>\n              <SocketedButton\n                isLinked={isLinked}\n                onClick={onColumnSelected}\n                onMouseEnter={onSourceMouseEnter}\n                onMouseLeave={onSourceMouseLeave}\n                className={DropdownFilter.SOURCE_BUTTON_CLASS_NAME}\n                disabled={disableLinking}\n              >\n                {sourceButtonLabel}\n              </SocketedButton>\n\n              <div className=\"text-muted small\">\n                Select a source column for the list by linking to a table.\n              </div>\n\n              <label>Filter Column</label>\n              <select\n                value={selectedIndex}\n                className=\"custom-select\"\n                onChange={this.handleColumnChange}\n                disabled={columnSelectionDisabled}\n              >\n                {columnOptions}\n              </select>\n              <div className=\"text-muted small\">\n                Dropdown filter control will apply its filter to all columns\n                matching this name in this dashboard.\n              </div>\n            </div>\n            {settingsError && (\n              <div className=\"error-message text-center\">{settingsError}</div>\n            )}\n            {isLinked && (\n              <div className=\"dropdown-filter-settings-buttons\">\n                <Button\n                  kind=\"secondary\"\n                  type=\"button\"\n                  onClick={this.handleSettingsCancel}\n                  disabled={disableCancel || isValueShown || isLinkerActive}\n                  tooltip={\n                    isLinkerActive\n                      ? 'Cancel disabled while linker open'\n                      : undefined\n                  }\n                >\n                  Cancel\n                </Button>\n                <Button\n                  kind=\"primary\"\n                  type=\"button\"\n                  className=\"ml-2\"\n                  onClick={this.handleSettingsSave}\n                  disabled={disableSave || isValueShown || isLinkerActive}\n                  tooltip={\n                    isLinkerActive\n                      ? 'Save disabled while linker open'\n                      : undefined\n                  }\n                >\n                  Save\n                </Button>\n              </div>\n            )}\n          </div>\n        </div>\n\n        <div\n          className=\"dropdown-filter-value-card\"\n          onClick={this.handleBackgroundClick}\n        >\n          {isLoaded && (\n            <>\n              <div className=\"dropdown-filter-column\">\n                <div className=\"dropdown-filter-column-title\">\n                  {filterTitle}\n                </div>\n              </div>\n              <div className=\"dropdown-filter-card-content\">\n                <div className=\"dropdown-filter-value-input d-flex flex-column justify-content-center\">\n                  <select\n                    className=\"custom-select\"\n                    value={selectedOption}\n                    ref={this.dropdownRef}\n                    onChange={this.handleValueChange}\n                    onKeyPress={this.handleDropdownKeyPress}\n                  >\n                    {valueOptions}\n                  </select>\n                </div>\n                {settingsError && (\n                  <div className=\"error-message mt-3 text-center\">\n                    {settingsError}\n                  </div>\n                )}\n              </div>\n              <div className=\"dropdown-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            </>\n          )}\n        </div>\n      </CardFlip>\n    );\n  }\n}\n\nexport default DropdownFilter;\n"],"file":"DropdownFilter.js"}

package/dist/controls/input-filter/InputFilter.d.ts

@@ -1,54 +1,54 @@
-export default InputFilter;
-declare class InputFilter extends React.Component<any, any, any> {
+import { ChangeEvent, Component, RefObject, MouseEvent, KeyboardEvent, ReactElement } from 'react';
+import { Column } from '@deephaven/jsapi-shim';
+import memoizee from 'memoizee';
+import './InputFilter.scss';
+export declare type InputFilterColumn = Pick<Column, 'type' | 'name'>;
+interface InputFilterProps {
+    columns: InputFilterColumn[];
+    column: InputFilterColumn;
+    isValueShown: boolean;
+    value: string;
+    onChange: (change: {
+        column?: InputFilterColumn;
+        isValueShown?: boolean;
+        value?: string;
+    }) => void;
+}
+export interface InputFilterState {
+    column?: InputFilterColumn;
+    selectedColumn?: InputFilterColumn;
+    value?: string;
+    isValueShown?: boolean;
+}
+declare class InputFilter extends Component<InputFilterProps, InputFilterState> {
     static PLACEHOLDER: string;
-    constructor(props: any);
-    handleColumnChange(event: any): void;
-    handleInputKeyPress(event: any): void;
-    handleValueChange(event: any): void;
+    static defaultProps: {
+        column: null;
+        isValueShown: boolean;
+        value: null;
+    };
+    constructor(props: InputFilterProps);
+    componentDidUpdate(prevProps: InputFilterProps, prevState: InputFilterState): void;
+    componentWillUnmount(): void;
+    inputRef: RefObject<HTMLInputElement>;
+    getItemLabel: ((columns: any, index: any) => any) & memoizee.Memoized<(columns: any, index: any) => any>;
+    handleColumnChange(event: ChangeEvent<HTMLSelectElement>): void;
+    handleInputKeyPress(event: KeyboardEvent<HTMLInputElement>): void;
+    handleValueChange(event: ChangeEvent<HTMLInputElement>): void;
     handleSettingsCancel(): void;
-    handleSettingsClick(event: any): void;
     handleSettingsSave(): void;
-    handleBackgroundClick(event: any): void;
-    sendUpdate(): void;
-    inputRef: React.RefObject<any>;
-    getItemLabel: ((columns: any, index: any) => any) & memoizee.Memoized<(columns: any, index: any) => any>;
+    handleSettingsClick(event: MouseEvent<HTMLButtonElement>): void;
+    handleBackgroundClick(event: MouseEvent<HTMLDivElement>): void;
     focusInput(): void;
     clearFilter(): void;
-    setFilterState({ name, type, value, isValueShown }: {
-        name: any;
-        type: any;
-        value: any;
-        isValueShown: any;
+    setFilterState({ name, type, value, isValueShown, }: {
+        name?: string;
+        type?: string;
+        value?: string;
+        isValueShown?: boolean;
     }): void;
+    sendUpdate: import("lodash").DebouncedFunc<() => void>;
+    render(): ReactElement;
 }
-declare namespace InputFilter {
-    namespace propTypes {
-        const columns: PropTypes.Validator<(PropTypes.InferProps<{
-            name: PropTypes.Validator<string>;
-            type: PropTypes.Validator<string>;
-            description: PropTypes.Requireable<string>;
-            constituentType: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
-        const column: PropTypes.Requireable<PropTypes.InferProps<{
-            name: PropTypes.Validator<string>;
-            type: PropTypes.Validator<string>;
-            description: PropTypes.Requireable<string>;
-            constituentType: PropTypes.Requireable<string>;
-        }>>;
-        const isValueShown: PropTypes.Requireable<boolean>;
-        const value: PropTypes.Requireable<string>;
-        const onChange: PropTypes.Validator<(...args: any[]) => any>;
-    }
-    namespace defaultProps {
-        const column_1: null;
-        export { column_1 as column };
-        const isValueShown_1: boolean;
-        export { isValueShown_1 as isValueShown };
-        const value_1: null;
-        export { value_1 as value };
-    }
-}
-import React from "react";
-import memoizee from "memoizee";
-import PropTypes from "prop-types";
+export default InputFilter;
 //# sourceMappingURL=InputFilter.d.ts.map

package/dist/controls/input-filter/InputFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputFilter.d.ts","sourceRoot":"","sources":["../../../src/controls/input-filter/InputFilter.jsx"],"names":[],"mappings":";AAkBA;IACE,2BAAsC;IAEtC,wBAqBC;IA0CD,qCAQC;IAED,sCAYC;IAED,oCAMC;IAED,6BAGC;IAOD,sCAIC;IATD,2BAGC;IAQD,wCAKC;IAsBD,mBAIC;IAlIC,+BAAiC;IAqCnC,yGAYG;IAyDH,mBAKC;IAED,oBAEC;IAED;;;;;aAOC;CAsHF"}
+{"version":3,"file":"InputFilter.d.ts","sourceRoot":"","sources":["../../../src/controls/input-filter/InputFilter.tsx"],"names":[],"mappings":"AAIA,OAAc,EACZ,WAAW,EACX,SAAS,EACT,SAAS,EACT,UAAU,EACV,aAAa,EACb,YAAY,EACb,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,QAAQ,MAAM,UAAU,CAAC;AAGhC,OAAO,oBAAoB,CAAC;AAK5B,oBAAY,iBAAiB,GAAG,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;AAE9D,UAAU,gBAAgB;IACxB,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,YAAY,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,MAAM,EAAE;QACjB,MAAM,CAAC,EAAE,iBAAiB,CAAC;QAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;QACvB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,KAAK,IAAI,CAAC;CACZ;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,cAAc,CAAC,EAAE,iBAAiB,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,cAAM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;IACrE,MAAM,CAAC,WAAW,SAAoB;IAEtC,MAAM,CAAC,YAAY;;;;MAIjB;gBAEU,KAAK,EAAE,gBAAgB;IAsBnC,kBAAkB,CAChB,SAAS,EAAE,gBAAgB,EAC3B,SAAS,EAAE,gBAAgB,GAC1B,IAAI;IAsBP,oBAAoB,IAAI,IAAI;IAI5B,QAAQ,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAEtC,YAAY,6FAYT;IAEH,kBAAkB,CAAC,KAAK,EAAE,WAAW,CAAC,iBAAiB,CAAC,GAAG,IAAI;IAU/D,mBAAmB,CAAC,KAAK,EAAE,aAAa,CAAC,gBAAgB,CAAC,GAAG,IAAI;IAcjE,iBAAiB,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,GAAG,IAAI;IAQ7D,oBAAoB,IAAI,IAAI;IAK5B,kBAAkB,IAAI,IAAI;IAK1B,mBAAmB,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,IAAI;IAM/D,qBAAqB,CAAC,KAAK,EAAE,UAAU,CAAC,cAAc,CAAC,GAAG,IAAI;IAO9D,UAAU,IAAI,IAAI;IAOlB,WAAW,IAAI,IAAI;IAInB,cAAc,CAAC,EACb,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,YAAY,GACb,EAAE;QACD,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,YAAY,CAAC,EAAE,OAAO,CAAC;KACxB,GAAG,IAAI;IASR,UAAU,6CAIU;IAEpB,MAAM,IAAI,YAAY;CA8GvB;AAED,eAAe,WAAW,CAAC"}

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