@deephaven/iris-grid 0.46.1-beta.0 → 0.46.1-beta.4

package/dist/AdvancedFilterCreator.js

@@ -18,6 +18,9 @@ import shortid from 'shortid';
 import AdvancedFilterCreatorFilterItem from "./AdvancedFilterCreatorFilterItem.js";
 import AdvancedFilterCreatorSelectValue from "./AdvancedFilterCreatorSelectValue.js";
 import "./AdvancedFilterCreator.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 var log = Log.module('AdvancedFilterCreator');
 class AdvancedFilterCreator extends PureComponent {
   static makeFilterItem() {
@@ -399,8 +402,7 @@ class AdvancedFilterCreator extends PureComponent {
           selectedType,
           value
         } = filterItem;
-        var element = /*#__PURE__*/React.createElement(AdvancedFilterCreatorFilterItem, {
-          key: key,
+        var element = /*#__PURE__*/_jsx(AdvancedFilterCreatorFilterItem, {
           column: column,
           filterTypes: filterTypes,
           onChange: _this.getFilterChangeHandler(i),
@@ -409,27 +411,29 @@ class AdvancedFilterCreator extends PureComponent {
           value: value,
           formatter: formatter,
           tableUtils: tableUtils
-        });
+        }, key);
         filterItemElements.push(element);
         if (i < filterOperators.length) {
           var filterOperator = filterOperators[i];
           var isAndFilter = filterOperator === FilterOperator.and;
-          var operatorElement = /*#__PURE__*/React.createElement("div", {
-            key: "filterOperator".concat(key),
-            className: "form-row justify-content-end advanced-filter-creator-filter-operator"
-          }, /*#__PURE__*/React.createElement(Button, {
-            kind: "ghost",
-            className: classNames('filter-operator', {
-              active: isAndFilter
-            }),
-            onClick: () => _this.handleChangeFilterOperator(i, FilterOperator.and)
-          }, "AND"), /*#__PURE__*/React.createElement(Button, {
-            kind: "ghost",
-            className: classNames('filter-operator', {
-              active: !isAndFilter
-            }),
-            onClick: () => _this.handleChangeFilterOperator(i, FilterOperator.or)
-          }, "OR"));
+          var operatorElement = /*#__PURE__*/_jsxs("div", {
+            className: "form-row justify-content-end advanced-filter-creator-filter-operator",
+            children: [/*#__PURE__*/_jsx(Button, {
+              kind: "ghost",
+              className: classNames('filter-operator', {
+                active: isAndFilter
+              }),
+              onClick: () => _this.handleChangeFilterOperator(i, FilterOperator.and),
+              children: "AND"
+            }), /*#__PURE__*/_jsx(Button, {
+              kind: "ghost",
+              className: classNames('filter-operator', {
+                active: !isAndFilter
+              }),
+              onClick: () => _this.handleChangeFilterOperator(i, FilterOperator.or),
+              children: "OR"
+            })]
+          }, "filterOperator".concat(key));
           filterItemElements.push(operatorElement);
         }
       };
@@ -438,93 +442,109 @@ class AdvancedFilterCreator extends PureComponent {
       }
     }
     var showAddFilterItem = this.shouldShowAddFilter();
-    var addFilterItem = /*#__PURE__*/React.createElement("div", {
-      key: "addFilterItem",
+    var addFilterItem = /*#__PURE__*/_jsxs("div", {
       className: classNames('form-row justify-content-end add-filter-item', {
         hidden: !showAddFilterItem
-      })
-    }, /*#__PURE__*/React.createElement("span", {
-      className: "text-muted"
-    }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-      icon: dhNewCircleLargeFilled
-    })), /*#__PURE__*/React.createElement(Button, {
-      kind: "ghost",
-      className: "btn-filter-item",
-      onClick: this.handleAddAnd,
-      disabled: !showAddFilterItem,
-      tooltip: "Add filter with AND"
-    }, "AND"), /*#__PURE__*/React.createElement(Button, {
-      kind: "ghost",
-      className: "btn-filter-item",
-      onClick: this.handleAddOr,
-      disabled: !showAddFilterItem,
-      tooltip: "Add filter with OR"
-    }, "OR"));
+      }),
+      children: [/*#__PURE__*/_jsx("span", {
+        className: "text-muted",
+        children: /*#__PURE__*/_jsx(FontAwesomeIcon, {
+          icon: dhNewCircleLargeFilled
+        })
+      }), /*#__PURE__*/_jsx(Button, {
+        kind: "ghost",
+        className: "btn-filter-item",
+        onClick: this.handleAddAnd,
+        disabled: !showAddFilterItem,
+        tooltip: "Add filter with AND",
+        children: "AND"
+      }), /*#__PURE__*/_jsx(Button, {
+        kind: "ghost",
+        className: "btn-filter-item",
+        onClick: this.handleAddOr,
+        disabled: !showAddFilterItem,
+        tooltip: "Add filter with OR",
+        children: "OR"
+      })]
+    }, "addFilterItem");
     filterItemElements.push(addFilterItem);
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_jsxs("div", {
       className: "advanced-filter-creator",
-      role: "presentation"
-    }, /*#__PURE__*/React.createElement("div", {
-      tabIndex: 0,
-      onFocus: this.handleFocusTrapStart
-    }), /*#__PURE__*/React.createElement("form", {
-      onSubmit: this.handleSubmit,
-      ref: this.focusTrapContainer
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "title-bar"
-    }, /*#__PURE__*/React.createElement("h6", {
-      className: "advanced-filter-title"
-    }, "Advanced Filters"), /*#__PURE__*/React.createElement("div", {
-      className: "advanced-filter-menu-buttons"
-    }, /*#__PURE__*/React.createElement(Button, {
-      kind: "ghost",
-      className: classNames('sort-operator', {
-        active: sortDirection === TableUtils.sortDirection.descending
-      }),
-      onClick: this.handleSortDown,
-      icon: dhSortAmountDown,
-      tooltip: isSortable ? "Sort ".concat(column.name, " Descending") : 'Not sortable',
-      disabled: !isSortable
-    }), /*#__PURE__*/React.createElement(Button, {
-      kind: "ghost",
-      className: classNames('sort-operator', {
-        active: sortDirection === TableUtils.sortDirection.ascending
-      }),
-      onClick: this.handleSortUp,
-      icon: /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-        icon: dhSortAmountDown,
-        rotation: 180
-      }),
-      tooltip: isSortable ? "Sort ".concat(column.name, " Ascending") : 'Not sortable',
-      disabled: !isSortable
-    }))), /*#__PURE__*/React.createElement("hr", null), /*#__PURE__*/React.createElement("div", {
-      className: "advanced-filter-column-name"
-    }, column.name, "\xA0", /*#__PURE__*/React.createElement("span", {
-      className: "column-type"
-    }, "(", columnType, ")")), filterItemElements, isValuesTableAvailable && valuesTableError == null && /*#__PURE__*/React.createElement(React.Fragment, null, !isBoolean && /*#__PURE__*/React.createElement("hr", null), /*#__PURE__*/React.createElement("div", {
-      className: "form-group"
-    }, /*#__PURE__*/React.createElement(AdvancedFilterCreatorSelectValue, {
-      dh: dh,
-      table: valuesTable,
-      onChange: this.handleSelectValueChange,
-      invertSelection: invertSelection,
-      selectedValues: selectedValues,
-      formatter: formatter,
-      showSearch: !isDateType,
-      timeZone: formatter.timeZone
-    }))), /*#__PURE__*/React.createElement("div", {
-      className: "form-row justify-content-end"
-    }, /*#__PURE__*/React.createElement(Button, {
-      kind: "secondary",
-      className: "mr-2",
-      onClick: this.handleReset
-    }, "Reset"), /*#__PURE__*/React.createElement(Button, {
-      kind: "primary",
-      onClick: this.handleDone
-    }, "Done"))), /*#__PURE__*/React.createElement("div", {
-      tabIndex: 0,
-      onFocus: this.handleFocusTrapEnd
-    }));
+      role: "presentation",
+      children: [/*#__PURE__*/_jsx("div", {
+        tabIndex: 0,
+        onFocus: this.handleFocusTrapStart
+      }), /*#__PURE__*/_jsxs("form", {
+        onSubmit: this.handleSubmit,
+        ref: this.focusTrapContainer,
+        children: [/*#__PURE__*/_jsxs("div", {
+          className: "title-bar",
+          children: [/*#__PURE__*/_jsx("h6", {
+            className: "advanced-filter-title",
+            children: "Advanced Filters"
+          }), /*#__PURE__*/_jsxs("div", {
+            className: "advanced-filter-menu-buttons",
+            children: [/*#__PURE__*/_jsx(Button, {
+              kind: "ghost",
+              className: classNames('sort-operator', {
+                active: sortDirection === TableUtils.sortDirection.descending
+              }),
+              onClick: this.handleSortDown,
+              icon: dhSortAmountDown,
+              tooltip: isSortable ? "Sort ".concat(column.name, " Descending") : 'Not sortable',
+              disabled: !isSortable
+            }), /*#__PURE__*/_jsx(Button, {
+              kind: "ghost",
+              className: classNames('sort-operator', {
+                active: sortDirection === TableUtils.sortDirection.ascending
+              }),
+              onClick: this.handleSortUp,
+              icon: /*#__PURE__*/_jsx(FontAwesomeIcon, {
+                icon: dhSortAmountDown,
+                rotation: 180
+              }),
+              tooltip: isSortable ? "Sort ".concat(column.name, " Ascending") : 'Not sortable',
+              disabled: !isSortable
+            })]
+          })]
+        }), /*#__PURE__*/_jsx("hr", {}), /*#__PURE__*/_jsxs("div", {
+          className: "advanced-filter-column-name",
+          children: [column.name, "\xA0", /*#__PURE__*/_jsxs("span", {
+            className: "column-type",
+            children: ["(", columnType, ")"]
+          })]
+        }), filterItemElements, isValuesTableAvailable && valuesTableError == null && /*#__PURE__*/_jsxs(_Fragment, {
+          children: [!isBoolean && /*#__PURE__*/_jsx("hr", {}), /*#__PURE__*/_jsx("div", {
+            className: "form-group",
+            children: /*#__PURE__*/_jsx(AdvancedFilterCreatorSelectValue, {
+              dh: dh,
+              table: valuesTable,
+              onChange: this.handleSelectValueChange,
+              invertSelection: invertSelection,
+              selectedValues: selectedValues,
+              formatter: formatter,
+              showSearch: !isDateType,
+              timeZone: formatter.timeZone
+            })
+          })]
+        }), /*#__PURE__*/_jsxs("div", {
+          className: "form-row justify-content-end",
+          children: [/*#__PURE__*/_jsx(Button, {
+            kind: "secondary",
+            className: "mr-2",
+            onClick: this.handleReset,
+            children: "Reset"
+          }), /*#__PURE__*/_jsx(Button, {
+            kind: "primary",
+            onClick: this.handleDone,
+            children: "Done"
+          })]
+        })]
+      }), /*#__PURE__*/_jsx("div", {
+        tabIndex: 0,
+        onFocus: this.handleFocusTrapEnd
+      })]
+    });
   }
 }
 _defineProperty(AdvancedFilterCreator, "debounceFilterUpdate", 250);

package/dist/AdvancedFilterCreator.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdvancedFilterCreator.js","names":["React","PureComponent","classNames","FontAwesomeIcon","memoize","Operator","FilterOperator","assertOperatorValue","assertFilterOperatorValue","dhSortAmountDown","dhNewCircleLargeFilled","TableUtils","Button","ContextActionUtils","Log","assertNotNull","PromiseUtils","shortid","AdvancedFilterCreatorFilterItem","AdvancedFilterCreatorSelectValue","log","module","AdvancedFilterCreator","makeFilterItem","key","constructor","props","columnType","getFilterTypes","handleAddAnd","bind","handleAddOr","handleChangeFilterOperator","handleDone","handleFilterChange","handleFilterDelete","handleSelectValueChange","handleReset","handleSortDown","handleSortUp","handleSubmit","handleFocusTrapStart","handleFocusTrapEnd","handleUpdateTimeout","focusTrapContainer","createRef","model","column","options","filterOperators","invertSelection","selectedValues","filterItems","map","selectedType","value","length","push","columnIndex","getColumnIndexByName","name","isSortable","isColumnSortable","state","valuesTableError","valuesTable","undefined","componentDidMount","initValuesTable","componentWillUnmount","debounceTimeout","clearTimeout","sendUpdate","valuesTablePromise","cancel","getFilterChangeHandler","index","getFilterDeleteHandler","isValuesTableAvailable","debug","makeCancelableTablePromise","then","columns","sort","asc","applySort","setState","catch","error","isCanceled","current","querySelector","focus","inputs","querySelectorAll","element","concat","and","or","operator","startUpdateTimer","filterIndex","splice","event","addToExisting","isModifierKeyDown","sortTable","sortDirection","descending","ascending","stopUpdateTimer","preventDefault","onDone","shouldShowAddFilter","filterItem","direction","onSortChange","setTimeout","debounceFilterUpdate","onFilterChange","tableUtils","formatter","items","filter","operators","i","slice","makeAdvancedFilter","timeZone","render","dh","isBoolean","isBooleanType","type","isDateType","filterTypes","substring","lastIndexOf","filterItemElements","filterOperator","isAndFilter","operatorElement","active","showAddFilterItem","addFilterItem","hidden"],"sources":["../src/AdvancedFilterCreator.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-noninteractive-tabindex */\n// disabled for tab-index on focus traps, which are intentionally non-interactive\n\nimport React, { PureComponent } from 'react';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport memoize from 'memoize-one';\nimport {\n  Operator as FilterOperator,\n  OperatorValue as FilterOperatorValue,\n  TypeValue as FilterTypeValue,\n  assertOperatorValue as assertFilterOperatorValue,\n} from '@deephaven/filters';\nimport { dhSortAmountDown, dhNewCircleLargeFilled } from '@deephaven/icons';\nimport {\n  Formatter,\n  TableUtils,\n  SortDirection,\n  FilterItem,\n} from '@deephaven/jsapi-utils';\nimport { Button, ContextActionUtils } from '@deephaven/components';\nimport Log from '@deephaven/log';\nimport {\n  assertNotNull,\n  CancelablePromise,\n  PromiseUtils,\n} from '@deephaven/utils';\nimport type { Column, FilterCondition, Table } from '@deephaven/jsapi-types';\nimport shortid from 'shortid';\nimport AdvancedFilterCreatorFilterItem from './AdvancedFilterCreatorFilterItem';\nimport AdvancedFilterCreatorSelectValue from './AdvancedFilterCreatorSelectValue';\nimport './AdvancedFilterCreator.scss';\nimport IrisGridModel from './IrisGridModel';\nimport { AdvancedFilterOptions } from './CommonTypes';\n\nconst log = Log.module('AdvancedFilterCreator');\n\ntype FilterChangeHandler = (\n  selectedType: FilterTypeValue,\n  value: string\n) => void;\n\ninterface AdvancedFilterCreatorProps {\n  model: IrisGridModel;\n  column: Column;\n  onFilterChange: (\n    column: Column,\n    filter: FilterCondition | null,\n    options: AdvancedFilterOptions\n  ) => void;\n  onSortChange: (\n    column: Column,\n    direction: SortDirection,\n    addToExisting?: boolean\n  ) => void;\n  onDone: () => void;\n  options: AdvancedFilterOptions;\n  sortDirection: SortDirection;\n  formatter: Formatter;\n  tableUtils: TableUtils;\n}\n\ninterface AdvancedFilterItem {\n  selectedType?: FilterTypeValue;\n  value?: string;\n  key: string;\n}\n\ninterface AdvancedFilterCreatorState {\n  // Filter items\n  filterItems: AdvancedFilterItem[];\n\n  // And/Or between the filter items\n  filterOperators: FilterOperatorValue[];\n\n  invertSelection: boolean;\n\n  selectedValues: unknown[];\n\n  valuesTableError: null;\n  valuesTable?: Table;\n\n  isSortable: boolean;\n}\n\nclass AdvancedFilterCreator extends PureComponent<\n  AdvancedFilterCreatorProps,\n  AdvancedFilterCreatorState\n> {\n  static debounceFilterUpdate = 250;\n\n  static defaultProps = {\n    options: {\n      filterItems: null,\n      filterOperators: null,\n      invertSelection: true,\n      selectedValues: [],\n    },\n    sortDirection: null,\n  };\n\n  static makeFilterItem(): AdvancedFilterItem {\n    return { key: shortid() };\n  }\n\n  constructor(props: AdvancedFilterCreatorProps) {\n    super(props);\n\n    this.handleAddAnd = this.handleAddAnd.bind(this);\n    this.handleAddOr = this.handleAddOr.bind(this);\n    this.handleChangeFilterOperator =\n      this.handleChangeFilterOperator.bind(this);\n    this.handleDone = this.handleDone.bind(this);\n    this.handleFilterChange = this.handleFilterChange.bind(this);\n    this.handleFilterDelete = this.handleFilterDelete.bind(this);\n    this.handleSelectValueChange = this.handleSelectValueChange.bind(this);\n    this.handleReset = this.handleReset.bind(this);\n    this.handleSortDown = this.handleSortDown.bind(this);\n    this.handleSortUp = this.handleSortUp.bind(this);\n    this.handleSubmit = this.handleSubmit.bind(this);\n    this.handleFocusTrapStart = this.handleFocusTrapStart.bind(this);\n    this.handleFocusTrapEnd = this.handleFocusTrapEnd.bind(this);\n    this.handleUpdateTimeout = this.handleUpdateTimeout.bind(this);\n\n    this.focusTrapContainer = React.createRef();\n\n    const { model, column, options } = props;\n    let { filterOperators, invertSelection, selectedValues } = options;\n\n    // can be null or an empty array\n    const filterItems: AdvancedFilterItem[] =\n      options.filterItems?.map(({ selectedType, value }) => ({\n        selectedType,\n        value,\n        key: shortid(),\n      })) ?? [];\n    if (filterItems.length === 0) {\n      filterItems.push(AdvancedFilterCreator.makeFilterItem());\n    }\n    if (filterOperators == null) {\n      filterOperators = [];\n    }\n    if (invertSelection == null) {\n      invertSelection = true;\n    }\n    if (selectedValues == null) {\n      selectedValues = [];\n    }\n\n    const columnIndex = model.getColumnIndexByName(column.name);\n    assertNotNull(columnIndex);\n    const isSortable = model.isColumnSortable(columnIndex);\n\n    this.state = {\n      // Filter items\n      filterItems,\n\n      // And/Or between the filter items\n      filterOperators,\n\n      invertSelection,\n\n      selectedValues,\n\n      valuesTableError: null,\n      valuesTable: undefined,\n\n      isSortable,\n    };\n  }\n\n  componentDidMount(): void {\n    this.initValuesTable();\n  }\n\n  componentWillUnmount(): void {\n    if (this.debounceTimeout != null) {\n      clearTimeout(this.debounceTimeout);\n      this.sendUpdate();\n    }\n    if (this.valuesTablePromise != null) {\n      this.valuesTablePromise.cancel();\n    }\n  }\n\n  focusTrapContainer: React.RefObject<HTMLFormElement>;\n\n  debounceTimeout?: ReturnType<typeof setTimeout>;\n\n  valuesTablePromise?: CancelablePromise<Table>;\n\n  getFilterChangeHandler(index: number): FilterChangeHandler {\n    return this.handleFilterChange.bind(this, index);\n  }\n\n  getFilterDeleteHandler(index: number): () => void {\n    return this.handleFilterDelete.bind(this, index);\n  }\n\n  getFilterTypes = memoize((columnType: string): FilterTypeValue[] =>\n    TableUtils.getFilterTypes(columnType)\n  );\n\n  initValuesTable(): void {\n    const { model, column } = this.props;\n    if (!model.isValuesTableAvailable) {\n      log.debug('No values table for this model, just ignore');\n      return;\n    }\n\n    this.valuesTablePromise = TableUtils.makeCancelableTablePromise(\n      model.valuesTable(column)\n    );\n    this.valuesTablePromise\n      .then(valuesTable => {\n        if (valuesTable.columns[0].isSortable ?? true) {\n          const sort = valuesTable.columns[0].sort().asc();\n          valuesTable.applySort([sort]);\n        }\n        this.setState({ valuesTable });\n      })\n      .catch(error => {\n        if (PromiseUtils.isCanceled(error)) {\n          return;\n        }\n\n        log.error('Unable to open values table', error);\n        this.setState({ valuesTableError: error });\n      });\n  }\n\n  handleFocusTrapEnd(): void {\n    (\n      this.focusTrapContainer?.current?.querySelector(\n        'button,select,input,textarea'\n      ) as HTMLElement\n    ).focus();\n  }\n\n  handleFocusTrapStart(): void {\n    const inputs = this.focusTrapContainer?.current?.querySelectorAll(\n      'button,select,input,textarea'\n    );\n    if (inputs && inputs.length > 0) {\n      const element = inputs[inputs.length - 1] as HTMLElement;\n      element.focus();\n    }\n  }\n\n  handleAddAnd(): void {\n    let { filterItems, filterOperators } = this.state;\n    filterItems = filterItems.concat(AdvancedFilterCreator.makeFilterItem());\n    filterOperators = filterOperators.concat(FilterOperator.and);\n    this.setState({ filterItems, filterOperators });\n  }\n\n  handleAddOr(): void {\n    let { filterItems, filterOperators } = this.state;\n    filterItems = filterItems.concat(AdvancedFilterCreator.makeFilterItem());\n    filterOperators = filterOperators.concat(FilterOperator.or);\n    this.setState({ filterItems, filterOperators });\n  }\n\n  handleChangeFilterOperator(index: number, operator: string): void {\n    let { filterOperators } = this.state;\n    filterOperators = [...filterOperators];\n\n    assertFilterOperatorValue(operator);\n\n    filterOperators[index] = operator;\n\n    this.setState({ filterOperators });\n\n    this.startUpdateTimer();\n  }\n\n  handleFilterChange(\n    filterIndex: number,\n    selectedType: FilterTypeValue,\n    value: string\n  ): void {\n    let { filterItems } = this.state;\n    filterItems = [...filterItems];\n    const { key } = filterItems[filterIndex];\n    filterItems[filterIndex] = { key, selectedType, value };\n\n    this.setState({ filterItems });\n\n    this.startUpdateTimer();\n  }\n\n  handleFilterDelete(filterIndex: number): void {\n    let { filterItems, filterOperators } = this.state;\n    filterItems = [...filterItems];\n    filterOperators = [...filterOperators];\n    if (filterIndex < filterItems.length) {\n      filterItems.splice(filterIndex, 1);\n    }\n\n    if (filterIndex < filterOperators.length) {\n      filterOperators.splice(filterIndex, 1);\n    } else if (filterIndex === filterOperators.length) {\n      // When deleting the last filter item, we also need to remove the last filter operator\n      filterOperators.splice(filterOperators.length - 1, 1);\n    }\n\n    if (filterItems.length === 0) {\n      filterItems.push(AdvancedFilterCreator.makeFilterItem());\n    }\n\n    this.setState({ filterItems, filterOperators });\n\n    this.startUpdateTimer();\n  }\n\n  handleSelectValueChange(\n    selectedValues: unknown[],\n    invertSelection: boolean\n  ): void {\n    this.setState({ selectedValues, invertSelection });\n\n    this.startUpdateTimer();\n  }\n\n  handleReset(): void {\n    log.debug('Resetting Advanced Filter');\n\n    this.setState({\n      filterItems: [AdvancedFilterCreator.makeFilterItem()],\n      filterOperators: [],\n      selectedValues: [],\n      invertSelection: true,\n    });\n\n    this.startUpdateTimer();\n  }\n\n  handleSortDown(event: React.MouseEvent<HTMLButtonElement>): void {\n    const addToExisting = ContextActionUtils.isModifierKeyDown(event);\n    this.sortTable(TableUtils.sortDirection.descending, addToExisting);\n  }\n\n  handleSortUp(event: React.MouseEvent<HTMLButtonElement>): void {\n    const addToExisting = ContextActionUtils.isModifierKeyDown(event);\n    this.sortTable(TableUtils.sortDirection.ascending, addToExisting);\n  }\n\n  handleSubmit(event: React.FormEvent<HTMLFormElement>): void {\n    log.debug('Submitting Advanced Filter');\n    this.stopUpdateTimer();\n    this.sendUpdate();\n\n    event.preventDefault();\n  }\n\n  handleDone(event: React.MouseEvent<HTMLButtonElement>): void {\n    log.debug('Submitting and Closing Advanced Filter');\n    this.stopUpdateTimer();\n    this.sendUpdate();\n\n    const { onDone } = this.props;\n    onDone();\n\n    event.preventDefault();\n  }\n\n  handleUpdateTimeout(): void {\n    this.debounceTimeout = undefined;\n    this.sendUpdate();\n  }\n\n  /**\n   * Convenience function to check if the previous filter has been inputted, and\n   * we should show the add filter buttons (+ AND OR)\n   * @returns true If the add filter buttons should be shown, false otherwise\n   */\n  shouldShowAddFilter(): boolean {\n    const { filterItems } = this.state;\n    if (filterItems.length === 0) {\n      return false;\n    }\n\n    const filterItem = filterItems[filterItems.length - 1];\n    const { selectedType, value } = filterItem;\n\n    return (\n      selectedType != null &&\n      selectedType.length > 0 &&\n      value != null &&\n      value.length > 0\n    );\n  }\n\n  /**\n   * Sorts the table in the specified direction. If already sorted in that direction, remove it.\n   * @param direction The sort direction, ASC or DESC\n   * @param addToExisting Add to the existing sort, or replace the existing table sort\n   */\n  sortTable(direction: SortDirection, addToExisting = false): void {\n    const { column, onSortChange } = this.props;\n    const { isSortable } = this.state;\n    if (isSortable) {\n      onSortChange(column, direction, addToExisting);\n    }\n  }\n\n  startUpdateTimer(): void {\n    this.stopUpdateTimer();\n\n    this.debounceTimeout = setTimeout(\n      this.handleUpdateTimeout,\n      AdvancedFilterCreator.debounceFilterUpdate\n    );\n  }\n\n  stopUpdateTimer(): void {\n    if (this.debounceTimeout !== undefined) {\n      clearTimeout(this.debounceTimeout);\n      this.debounceTimeout = undefined;\n    }\n  }\n\n  sendUpdate(): void {\n    const { filterItems, filterOperators, invertSelection, selectedValues } =\n      this.state;\n    const { column, onFilterChange, model, tableUtils } = this.props;\n    const { formatter } = model;\n\n    const items = filterItems.filter(\n      ({ selectedType, value }) =>\n        selectedType != null && value != null && value !== ''\n    ) as FilterItem[];\n\n    const operators = filterOperators\n      .filter(\n        (operator, i) =>\n          operator != null &&\n          filterItems[i].selectedType != null &&\n          filterItems[i].value != null &&\n          filterItems[i].value !== ''\n      )\n      .slice(0, items.length - 1);\n    // slice last operator, user may have set an operator but not a value\n\n    const options = {\n      filterItems: items,\n      filterOperators: operators,\n      invertSelection,\n      selectedValues,\n    };\n\n    const filter = tableUtils.makeAdvancedFilter(\n      column,\n      options,\n      formatter.timeZone\n    );\n\n    onFilterChange(column, filter, options);\n  }\n\n  render(): JSX.Element {\n    const { column, model, sortDirection, formatter, tableUtils } = this.props;\n    const {\n      filterItems,\n      filterOperators,\n      invertSelection,\n      selectedValues,\n      valuesTable,\n      valuesTableError,\n      isSortable,\n    } = this.state;\n    const { dh, isValuesTableAvailable } = model;\n    const isBoolean = TableUtils.isBooleanType(column.type);\n    const isDateType = TableUtils.isDateType(column.type);\n    const filterTypes = this.getFilterTypes(column.type);\n    const columnType = column.type.substring(column.type.lastIndexOf('.') + 1);\n    const filterItemElements = [];\n    if (!isBoolean && filterTypes.length) {\n      for (let i = 0; i < filterItems.length; i += 1) {\n        const filterItem = filterItems[i];\n        const { key, selectedType, value } = filterItem;\n\n        const element = (\n          <AdvancedFilterCreatorFilterItem\n            key={key}\n            column={column}\n            filterTypes={filterTypes}\n            onChange={this.getFilterChangeHandler(i)}\n            onDelete={this.getFilterDeleteHandler(i)}\n            selectedType={selectedType}\n            value={value}\n            formatter={formatter}\n            tableUtils={tableUtils}\n          />\n        );\n        filterItemElements.push(element);\n\n        if (i < filterOperators.length) {\n          const filterOperator = filterOperators[i];\n          const isAndFilter = filterOperator === FilterOperator.and;\n          const operatorElement = (\n            <div\n              key={`filterOperator${key}`}\n              className=\"form-row justify-content-end advanced-filter-creator-filter-operator\"\n            >\n              <Button\n                kind=\"ghost\"\n                className={classNames('filter-operator', {\n                  active: isAndFilter,\n                })}\n                onClick={() =>\n                  this.handleChangeFilterOperator(i, FilterOperator.and)\n                }\n              >\n                AND\n              </Button>\n              <Button\n                kind=\"ghost\"\n                className={classNames('filter-operator', {\n                  active: !isAndFilter,\n                })}\n                onClick={() =>\n                  this.handleChangeFilterOperator(i, FilterOperator.or)\n                }\n              >\n                OR\n              </Button>\n            </div>\n          );\n          filterItemElements.push(operatorElement);\n        }\n      }\n    }\n    const showAddFilterItem = this.shouldShowAddFilter();\n    const addFilterItem = (\n      <div\n        key=\"addFilterItem\"\n        className={classNames('form-row justify-content-end add-filter-item', {\n          hidden: !showAddFilterItem,\n        })}\n      >\n        <span className=\"text-muted\">\n          <FontAwesomeIcon icon={dhNewCircleLargeFilled} />\n        </span>\n        <Button\n          kind=\"ghost\"\n          className=\"btn-filter-item\"\n          onClick={this.handleAddAnd}\n          disabled={!showAddFilterItem}\n          tooltip=\"Add filter with AND\"\n        >\n          AND\n        </Button>\n        <Button\n          kind=\"ghost\"\n          className=\"btn-filter-item\"\n          onClick={this.handleAddOr}\n          disabled={!showAddFilterItem}\n          tooltip=\"Add filter with OR\"\n        >\n          OR\n        </Button>\n      </div>\n    );\n    filterItemElements.push(addFilterItem);\n\n    return (\n      <div className=\"advanced-filter-creator\" role=\"presentation\">\n        <div tabIndex={0} onFocus={this.handleFocusTrapStart} />\n        <form onSubmit={this.handleSubmit} ref={this.focusTrapContainer}>\n          <div className=\"title-bar\">\n            <h6 className=\"advanced-filter-title\">Advanced Filters</h6>\n            <div className=\"advanced-filter-menu-buttons\">\n              <Button\n                kind=\"ghost\"\n                className={classNames('sort-operator', {\n                  active: sortDirection === TableUtils.sortDirection.descending,\n                })}\n                onClick={this.handleSortDown}\n                icon={dhSortAmountDown}\n                tooltip={\n                  isSortable ? `Sort ${column.name} Descending` : 'Not sortable'\n                }\n                disabled={!isSortable}\n              />\n              <Button\n                kind=\"ghost\"\n                className={classNames('sort-operator', {\n                  active: sortDirection === TableUtils.sortDirection.ascending,\n                })}\n                onClick={this.handleSortUp}\n                icon={\n                  <FontAwesomeIcon icon={dhSortAmountDown} rotation={180} />\n                }\n                tooltip={\n                  isSortable ? `Sort ${column.name} Ascending` : 'Not sortable'\n                }\n                disabled={!isSortable}\n              />\n            </div>\n          </div>\n          <hr />\n          <div className=\"advanced-filter-column-name\">\n            {column.name}&nbsp;\n            <span className=\"column-type\">({columnType})</span>\n          </div>\n          {filterItemElements}\n          {isValuesTableAvailable && valuesTableError == null && (\n            <>\n              {!isBoolean && <hr />}\n              <div className=\"form-group\">\n                <AdvancedFilterCreatorSelectValue\n                  dh={dh}\n                  table={valuesTable}\n                  onChange={this.handleSelectValueChange}\n                  invertSelection={invertSelection}\n                  selectedValues={selectedValues}\n                  formatter={formatter}\n                  showSearch={!isDateType}\n                  timeZone={formatter.timeZone}\n                />\n              </div>\n            </>\n          )}\n          <div className=\"form-row justify-content-end\">\n            <Button\n              kind=\"secondary\"\n              className=\"mr-2\"\n              onClick={this.handleReset}\n            >\n              Reset\n            </Button>\n            <Button kind=\"primary\" onClick={this.handleDone}>\n              Done\n            </Button>\n          </div>\n        </form>\n        <div tabIndex={0} onFocus={this.handleFocusTrapEnd} />\n      </div>\n    );\n  }\n}\n\nexport default AdvancedFilterCreator;\n"],"mappings":"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"}
+{"version":3,"file":"AdvancedFilterCreator.js","names":["React","PureComponent","classNames","FontAwesomeIcon","memoize","Operator","FilterOperator","assertOperatorValue","assertFilterOperatorValue","dhSortAmountDown","dhNewCircleLargeFilled","TableUtils","Button","ContextActionUtils","Log","assertNotNull","PromiseUtils","shortid","AdvancedFilterCreatorFilterItem","AdvancedFilterCreatorSelectValue","log","module","AdvancedFilterCreator","makeFilterItem","key","constructor","props","columnType","getFilterTypes","handleAddAnd","bind","handleAddOr","handleChangeFilterOperator","handleDone","handleFilterChange","handleFilterDelete","handleSelectValueChange","handleReset","handleSortDown","handleSortUp","handleSubmit","handleFocusTrapStart","handleFocusTrapEnd","handleUpdateTimeout","focusTrapContainer","createRef","model","column","options","filterOperators","invertSelection","selectedValues","filterItems","map","selectedType","value","length","push","columnIndex","getColumnIndexByName","name","isSortable","isColumnSortable","state","valuesTableError","valuesTable","undefined","componentDidMount","initValuesTable","componentWillUnmount","debounceTimeout","clearTimeout","sendUpdate","valuesTablePromise","cancel","getFilterChangeHandler","index","getFilterDeleteHandler","isValuesTableAvailable","debug","makeCancelableTablePromise","then","columns","sort","asc","applySort","setState","catch","error","isCanceled","current","querySelector","focus","inputs","querySelectorAll","element","concat","and","or","operator","startUpdateTimer","filterIndex","splice","event","addToExisting","isModifierKeyDown","sortTable","sortDirection","descending","ascending","stopUpdateTimer","preventDefault","onDone","shouldShowAddFilter","filterItem","direction","onSortChange","setTimeout","debounceFilterUpdate","onFilterChange","tableUtils","formatter","items","filter","operators","i","slice","makeAdvancedFilter","timeZone","render","dh","isBoolean","isBooleanType","type","isDateType","filterTypes","substring","lastIndexOf","filterItemElements","filterOperator","isAndFilter","operatorElement","active","showAddFilterItem","addFilterItem","hidden"],"sources":["../src/AdvancedFilterCreator.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-noninteractive-tabindex */\n// disabled for tab-index on focus traps, which are intentionally non-interactive\n\nimport React, { PureComponent } from 'react';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport memoize from 'memoize-one';\nimport {\n  Operator as FilterOperator,\n  OperatorValue as FilterOperatorValue,\n  TypeValue as FilterTypeValue,\n  assertOperatorValue as assertFilterOperatorValue,\n} from '@deephaven/filters';\nimport { dhSortAmountDown, dhNewCircleLargeFilled } from '@deephaven/icons';\nimport {\n  Formatter,\n  TableUtils,\n  SortDirection,\n  FilterItem,\n} from '@deephaven/jsapi-utils';\nimport { Button, ContextActionUtils } from '@deephaven/components';\nimport Log from '@deephaven/log';\nimport {\n  assertNotNull,\n  CancelablePromise,\n  PromiseUtils,\n} from '@deephaven/utils';\nimport type { Column, FilterCondition, Table } from '@deephaven/jsapi-types';\nimport shortid from 'shortid';\nimport AdvancedFilterCreatorFilterItem from './AdvancedFilterCreatorFilterItem';\nimport AdvancedFilterCreatorSelectValue from './AdvancedFilterCreatorSelectValue';\nimport './AdvancedFilterCreator.scss';\nimport IrisGridModel from './IrisGridModel';\nimport { AdvancedFilterOptions } from './CommonTypes';\n\nconst log = Log.module('AdvancedFilterCreator');\n\ntype FilterChangeHandler = (\n  selectedType: FilterTypeValue,\n  value: string\n) => void;\n\ninterface AdvancedFilterCreatorProps {\n  model: IrisGridModel;\n  column: Column;\n  onFilterChange: (\n    column: Column,\n    filter: FilterCondition | null,\n    options: AdvancedFilterOptions\n  ) => void;\n  onSortChange: (\n    column: Column,\n    direction: SortDirection,\n    addToExisting?: boolean\n  ) => void;\n  onDone: () => void;\n  options: AdvancedFilterOptions;\n  sortDirection: SortDirection;\n  formatter: Formatter;\n  tableUtils: TableUtils;\n}\n\ninterface AdvancedFilterItem {\n  selectedType?: FilterTypeValue;\n  value?: string;\n  key: string;\n}\n\ninterface AdvancedFilterCreatorState {\n  // Filter items\n  filterItems: AdvancedFilterItem[];\n\n  // And/Or between the filter items\n  filterOperators: FilterOperatorValue[];\n\n  invertSelection: boolean;\n\n  selectedValues: unknown[];\n\n  valuesTableError: null;\n  valuesTable?: Table;\n\n  isSortable: boolean;\n}\n\nclass AdvancedFilterCreator extends PureComponent<\n  AdvancedFilterCreatorProps,\n  AdvancedFilterCreatorState\n> {\n  static debounceFilterUpdate = 250;\n\n  static defaultProps = {\n    options: {\n      filterItems: null,\n      filterOperators: null,\n      invertSelection: true,\n      selectedValues: [],\n    },\n    sortDirection: null,\n  };\n\n  static makeFilterItem(): AdvancedFilterItem {\n    return { key: shortid() };\n  }\n\n  constructor(props: AdvancedFilterCreatorProps) {\n    super(props);\n\n    this.handleAddAnd = this.handleAddAnd.bind(this);\n    this.handleAddOr = this.handleAddOr.bind(this);\n    this.handleChangeFilterOperator =\n      this.handleChangeFilterOperator.bind(this);\n    this.handleDone = this.handleDone.bind(this);\n    this.handleFilterChange = this.handleFilterChange.bind(this);\n    this.handleFilterDelete = this.handleFilterDelete.bind(this);\n    this.handleSelectValueChange = this.handleSelectValueChange.bind(this);\n    this.handleReset = this.handleReset.bind(this);\n    this.handleSortDown = this.handleSortDown.bind(this);\n    this.handleSortUp = this.handleSortUp.bind(this);\n    this.handleSubmit = this.handleSubmit.bind(this);\n    this.handleFocusTrapStart = this.handleFocusTrapStart.bind(this);\n    this.handleFocusTrapEnd = this.handleFocusTrapEnd.bind(this);\n    this.handleUpdateTimeout = this.handleUpdateTimeout.bind(this);\n\n    this.focusTrapContainer = React.createRef();\n\n    const { model, column, options } = props;\n    let { filterOperators, invertSelection, selectedValues } = options;\n\n    // can be null or an empty array\n    const filterItems: AdvancedFilterItem[] =\n      options.filterItems?.map(({ selectedType, value }) => ({\n        selectedType,\n        value,\n        key: shortid(),\n      })) ?? [];\n    if (filterItems.length === 0) {\n      filterItems.push(AdvancedFilterCreator.makeFilterItem());\n    }\n    if (filterOperators == null) {\n      filterOperators = [];\n    }\n    if (invertSelection == null) {\n      invertSelection = true;\n    }\n    if (selectedValues == null) {\n      selectedValues = [];\n    }\n\n    const columnIndex = model.getColumnIndexByName(column.name);\n    assertNotNull(columnIndex);\n    const isSortable = model.isColumnSortable(columnIndex);\n\n    this.state = {\n      // Filter items\n      filterItems,\n\n      // And/Or between the filter items\n      filterOperators,\n\n      invertSelection,\n\n      selectedValues,\n\n      valuesTableError: null,\n      valuesTable: undefined,\n\n      isSortable,\n    };\n  }\n\n  componentDidMount(): void {\n    this.initValuesTable();\n  }\n\n  componentWillUnmount(): void {\n    if (this.debounceTimeout != null) {\n      clearTimeout(this.debounceTimeout);\n      this.sendUpdate();\n    }\n    if (this.valuesTablePromise != null) {\n      this.valuesTablePromise.cancel();\n    }\n  }\n\n  focusTrapContainer: React.RefObject<HTMLFormElement>;\n\n  debounceTimeout?: ReturnType<typeof setTimeout>;\n\n  valuesTablePromise?: CancelablePromise<Table>;\n\n  getFilterChangeHandler(index: number): FilterChangeHandler {\n    return this.handleFilterChange.bind(this, index);\n  }\n\n  getFilterDeleteHandler(index: number): () => void {\n    return this.handleFilterDelete.bind(this, index);\n  }\n\n  getFilterTypes = memoize((columnType: string): FilterTypeValue[] =>\n    TableUtils.getFilterTypes(columnType)\n  );\n\n  initValuesTable(): void {\n    const { model, column } = this.props;\n    if (!model.isValuesTableAvailable) {\n      log.debug('No values table for this model, just ignore');\n      return;\n    }\n\n    this.valuesTablePromise = TableUtils.makeCancelableTablePromise(\n      model.valuesTable(column)\n    );\n    this.valuesTablePromise\n      .then(valuesTable => {\n        if (valuesTable.columns[0].isSortable ?? true) {\n          const sort = valuesTable.columns[0].sort().asc();\n          valuesTable.applySort([sort]);\n        }\n        this.setState({ valuesTable });\n      })\n      .catch(error => {\n        if (PromiseUtils.isCanceled(error)) {\n          return;\n        }\n\n        log.error('Unable to open values table', error);\n        this.setState({ valuesTableError: error });\n      });\n  }\n\n  handleFocusTrapEnd(): void {\n    (\n      this.focusTrapContainer?.current?.querySelector(\n        'button,select,input,textarea'\n      ) as HTMLElement\n    ).focus();\n  }\n\n  handleFocusTrapStart(): void {\n    const inputs = this.focusTrapContainer?.current?.querySelectorAll(\n      'button,select,input,textarea'\n    );\n    if (inputs && inputs.length > 0) {\n      const element = inputs[inputs.length - 1] as HTMLElement;\n      element.focus();\n    }\n  }\n\n  handleAddAnd(): void {\n    let { filterItems, filterOperators } = this.state;\n    filterItems = filterItems.concat(AdvancedFilterCreator.makeFilterItem());\n    filterOperators = filterOperators.concat(FilterOperator.and);\n    this.setState({ filterItems, filterOperators });\n  }\n\n  handleAddOr(): void {\n    let { filterItems, filterOperators } = this.state;\n    filterItems = filterItems.concat(AdvancedFilterCreator.makeFilterItem());\n    filterOperators = filterOperators.concat(FilterOperator.or);\n    this.setState({ filterItems, filterOperators });\n  }\n\n  handleChangeFilterOperator(index: number, operator: string): void {\n    let { filterOperators } = this.state;\n    filterOperators = [...filterOperators];\n\n    assertFilterOperatorValue(operator);\n\n    filterOperators[index] = operator;\n\n    this.setState({ filterOperators });\n\n    this.startUpdateTimer();\n  }\n\n  handleFilterChange(\n    filterIndex: number,\n    selectedType: FilterTypeValue,\n    value: string\n  ): void {\n    let { filterItems } = this.state;\n    filterItems = [...filterItems];\n    const { key } = filterItems[filterIndex];\n    filterItems[filterIndex] = { key, selectedType, value };\n\n    this.setState({ filterItems });\n\n    this.startUpdateTimer();\n  }\n\n  handleFilterDelete(filterIndex: number): void {\n    let { filterItems, filterOperators } = this.state;\n    filterItems = [...filterItems];\n    filterOperators = [...filterOperators];\n    if (filterIndex < filterItems.length) {\n      filterItems.splice(filterIndex, 1);\n    }\n\n    if (filterIndex < filterOperators.length) {\n      filterOperators.splice(filterIndex, 1);\n    } else if (filterIndex === filterOperators.length) {\n      // When deleting the last filter item, we also need to remove the last filter operator\n      filterOperators.splice(filterOperators.length - 1, 1);\n    }\n\n    if (filterItems.length === 0) {\n      filterItems.push(AdvancedFilterCreator.makeFilterItem());\n    }\n\n    this.setState({ filterItems, filterOperators });\n\n    this.startUpdateTimer();\n  }\n\n  handleSelectValueChange(\n    selectedValues: unknown[],\n    invertSelection: boolean\n  ): void {\n    this.setState({ selectedValues, invertSelection });\n\n    this.startUpdateTimer();\n  }\n\n  handleReset(): void {\n    log.debug('Resetting Advanced Filter');\n\n    this.setState({\n      filterItems: [AdvancedFilterCreator.makeFilterItem()],\n      filterOperators: [],\n      selectedValues: [],\n      invertSelection: true,\n    });\n\n    this.startUpdateTimer();\n  }\n\n  handleSortDown(event: React.MouseEvent<HTMLButtonElement>): void {\n    const addToExisting = ContextActionUtils.isModifierKeyDown(event);\n    this.sortTable(TableUtils.sortDirection.descending, addToExisting);\n  }\n\n  handleSortUp(event: React.MouseEvent<HTMLButtonElement>): void {\n    const addToExisting = ContextActionUtils.isModifierKeyDown(event);\n    this.sortTable(TableUtils.sortDirection.ascending, addToExisting);\n  }\n\n  handleSubmit(event: React.FormEvent<HTMLFormElement>): void {\n    log.debug('Submitting Advanced Filter');\n    this.stopUpdateTimer();\n    this.sendUpdate();\n\n    event.preventDefault();\n  }\n\n  handleDone(event: React.MouseEvent<HTMLButtonElement>): void {\n    log.debug('Submitting and Closing Advanced Filter');\n    this.stopUpdateTimer();\n    this.sendUpdate();\n\n    const { onDone } = this.props;\n    onDone();\n\n    event.preventDefault();\n  }\n\n  handleUpdateTimeout(): void {\n    this.debounceTimeout = undefined;\n    this.sendUpdate();\n  }\n\n  /**\n   * Convenience function to check if the previous filter has been inputted, and\n   * we should show the add filter buttons (+ AND OR)\n   * @returns true If the add filter buttons should be shown, false otherwise\n   */\n  shouldShowAddFilter(): boolean {\n    const { filterItems } = this.state;\n    if (filterItems.length === 0) {\n      return false;\n    }\n\n    const filterItem = filterItems[filterItems.length - 1];\n    const { selectedType, value } = filterItem;\n\n    return (\n      selectedType != null &&\n      selectedType.length > 0 &&\n      value != null &&\n      value.length > 0\n    );\n  }\n\n  /**\n   * Sorts the table in the specified direction. If already sorted in that direction, remove it.\n   * @param direction The sort direction, ASC or DESC\n   * @param addToExisting Add to the existing sort, or replace the existing table sort\n   */\n  sortTable(direction: SortDirection, addToExisting = false): void {\n    const { column, onSortChange } = this.props;\n    const { isSortable } = this.state;\n    if (isSortable) {\n      onSortChange(column, direction, addToExisting);\n    }\n  }\n\n  startUpdateTimer(): void {\n    this.stopUpdateTimer();\n\n    this.debounceTimeout = setTimeout(\n      this.handleUpdateTimeout,\n      AdvancedFilterCreator.debounceFilterUpdate\n    );\n  }\n\n  stopUpdateTimer(): void {\n    if (this.debounceTimeout !== undefined) {\n      clearTimeout(this.debounceTimeout);\n      this.debounceTimeout = undefined;\n    }\n  }\n\n  sendUpdate(): void {\n    const { filterItems, filterOperators, invertSelection, selectedValues } =\n      this.state;\n    const { column, onFilterChange, model, tableUtils } = this.props;\n    const { formatter } = model;\n\n    const items = filterItems.filter(\n      ({ selectedType, value }) =>\n        selectedType != null && value != null && value !== ''\n    ) as FilterItem[];\n\n    const operators = filterOperators\n      .filter(\n        (operator, i) =>\n          operator != null &&\n          filterItems[i].selectedType != null &&\n          filterItems[i].value != null &&\n          filterItems[i].value !== ''\n      )\n      .slice(0, items.length - 1);\n    // slice last operator, user may have set an operator but not a value\n\n    const options = {\n      filterItems: items,\n      filterOperators: operators,\n      invertSelection,\n      selectedValues,\n    };\n\n    const filter = tableUtils.makeAdvancedFilter(\n      column,\n      options,\n      formatter.timeZone\n    );\n\n    onFilterChange(column, filter, options);\n  }\n\n  render(): JSX.Element {\n    const { column, model, sortDirection, formatter, tableUtils } = this.props;\n    const {\n      filterItems,\n      filterOperators,\n      invertSelection,\n      selectedValues,\n      valuesTable,\n      valuesTableError,\n      isSortable,\n    } = this.state;\n    const { dh, isValuesTableAvailable } = model;\n    const isBoolean = TableUtils.isBooleanType(column.type);\n    const isDateType = TableUtils.isDateType(column.type);\n    const filterTypes = this.getFilterTypes(column.type);\n    const columnType = column.type.substring(column.type.lastIndexOf('.') + 1);\n    const filterItemElements = [];\n    if (!isBoolean && filterTypes.length) {\n      for (let i = 0; i < filterItems.length; i += 1) {\n        const filterItem = filterItems[i];\n        const { key, selectedType, value } = filterItem;\n\n        const element = (\n          <AdvancedFilterCreatorFilterItem\n            key={key}\n            column={column}\n            filterTypes={filterTypes}\n            onChange={this.getFilterChangeHandler(i)}\n            onDelete={this.getFilterDeleteHandler(i)}\n            selectedType={selectedType}\n            value={value}\n            formatter={formatter}\n            tableUtils={tableUtils}\n          />\n        );\n        filterItemElements.push(element);\n\n        if (i < filterOperators.length) {\n          const filterOperator = filterOperators[i];\n          const isAndFilter = filterOperator === FilterOperator.and;\n          const operatorElement = (\n            <div\n              key={`filterOperator${key}`}\n              className=\"form-row justify-content-end advanced-filter-creator-filter-operator\"\n            >\n              <Button\n                kind=\"ghost\"\n                className={classNames('filter-operator', {\n                  active: isAndFilter,\n                })}\n                onClick={() =>\n                  this.handleChangeFilterOperator(i, FilterOperator.and)\n                }\n              >\n                AND\n              </Button>\n              <Button\n                kind=\"ghost\"\n                className={classNames('filter-operator', {\n                  active: !isAndFilter,\n                })}\n                onClick={() =>\n                  this.handleChangeFilterOperator(i, FilterOperator.or)\n                }\n              >\n                OR\n              </Button>\n            </div>\n          );\n          filterItemElements.push(operatorElement);\n        }\n      }\n    }\n    const showAddFilterItem = this.shouldShowAddFilter();\n    const addFilterItem = (\n      <div\n        key=\"addFilterItem\"\n        className={classNames('form-row justify-content-end add-filter-item', {\n          hidden: !showAddFilterItem,\n        })}\n      >\n        <span className=\"text-muted\">\n          <FontAwesomeIcon icon={dhNewCircleLargeFilled} />\n        </span>\n        <Button\n          kind=\"ghost\"\n          className=\"btn-filter-item\"\n          onClick={this.handleAddAnd}\n          disabled={!showAddFilterItem}\n          tooltip=\"Add filter with AND\"\n        >\n          AND\n        </Button>\n        <Button\n          kind=\"ghost\"\n          className=\"btn-filter-item\"\n          onClick={this.handleAddOr}\n          disabled={!showAddFilterItem}\n          tooltip=\"Add filter with OR\"\n        >\n          OR\n        </Button>\n      </div>\n    );\n    filterItemElements.push(addFilterItem);\n\n    return (\n      <div className=\"advanced-filter-creator\" role=\"presentation\">\n        <div tabIndex={0} onFocus={this.handleFocusTrapStart} />\n        <form onSubmit={this.handleSubmit} ref={this.focusTrapContainer}>\n          <div className=\"title-bar\">\n            <h6 className=\"advanced-filter-title\">Advanced Filters</h6>\n            <div className=\"advanced-filter-menu-buttons\">\n              <Button\n                kind=\"ghost\"\n                className={classNames('sort-operator', {\n                  active: sortDirection === TableUtils.sortDirection.descending,\n                })}\n                onClick={this.handleSortDown}\n                icon={dhSortAmountDown}\n                tooltip={\n                  isSortable ? `Sort ${column.name} Descending` : 'Not sortable'\n                }\n                disabled={!isSortable}\n              />\n              <Button\n                kind=\"ghost\"\n                className={classNames('sort-operator', {\n                  active: sortDirection === TableUtils.sortDirection.ascending,\n                })}\n                onClick={this.handleSortUp}\n                icon={\n                  <FontAwesomeIcon icon={dhSortAmountDown} rotation={180} />\n                }\n                tooltip={\n                  isSortable ? `Sort ${column.name} Ascending` : 'Not sortable'\n                }\n                disabled={!isSortable}\n              />\n            </div>\n          </div>\n          <hr />\n          <div className=\"advanced-filter-column-name\">\n            {column.name}&nbsp;\n            <span className=\"column-type\">({columnType})</span>\n          </div>\n          {filterItemElements}\n          {isValuesTableAvailable && valuesTableError == null && (\n            <>\n              {!isBoolean && <hr />}\n              <div className=\"form-group\">\n                <AdvancedFilterCreatorSelectValue\n                  dh={dh}\n                  table={valuesTable}\n                  onChange={this.handleSelectValueChange}\n                  invertSelection={invertSelection}\n                  selectedValues={selectedValues}\n                  formatter={formatter}\n                  showSearch={!isDateType}\n                  timeZone={formatter.timeZone}\n                />\n              </div>\n            </>\n          )}\n          <div className=\"form-row justify-content-end\">\n            <Button\n              kind=\"secondary\"\n              className=\"mr-2\"\n              onClick={this.handleReset}\n            >\n              Reset\n            </Button>\n            <Button kind=\"primary\" onClick={this.handleDone}>\n              Done\n            </Button>\n          </div>\n        </form>\n        <div tabIndex={0} onFocus={this.handleFocusTrapEnd} />\n      </div>\n    );\n  }\n}\n\nexport default AdvancedFilterCreator;\n"],"mappings":"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"}

package/dist/AdvancedFilterCreatorFilterItem.js

@@ -11,6 +11,8 @@ import Log from '@deephaven/log';
 import classNames from 'classnames';
 import memoizeOne from 'memoize-one';
 import "./AdvancedFilterCreatorFilterItem.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var log = Log.module('AdvancedFilterCreatorFilterItem');
 export class AdvancedFilterCreatorFilterItem extends PureComponent {
   static getLabelForFilter(columnType, filterType) {
@@ -138,46 +140,53 @@ export class AdvancedFilterCreatorFilterItem extends PureComponent {
     for (var i = 0; i < filterTypes.length; i += 1) {
       var _type = filterTypes[i];
       var label = AdvancedFilterCreatorFilterItem.getLabelForFilter(column.type, _type);
-      var element = /*#__PURE__*/React.createElement("option", {
-        key: _type,
-        value: _type
-      }, label);
+      var element = /*#__PURE__*/_jsx("option", {
+        value: _type,
+        children: label
+      }, _type);
       typeOptionElements.push(element);
     }
-    return /*#__PURE__*/React.createElement("div", {
-      className: "advanced-filter-creator-filter-item"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "form-row"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "form-group col"
-    }, /*#__PURE__*/React.createElement("select", {
-      className: "form-control custom-select",
-      value: selectedType,
-      onChange: this.handleTypeChange,
-      ref: typeDropdown => {
-        this.typeDropdown = typeDropdown;
-      }
-    }, typeOptionElements)), showValueInput && /*#__PURE__*/React.createElement("div", {
-      className: "form-group col"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "input-group"
-    }, /*#__PURE__*/React.createElement("input", {
-      type: "text",
-      className: classNames('form-control', {
-        error: !isValid
-      }),
-      placeholder: "Enter value",
-      value: value,
-      onChange: this.handleValueChange
-    }))), /*#__PURE__*/React.createElement("div", {
-      className: "form-group col-1 px-0"
-    }, /*#__PURE__*/React.createElement(Button, {
-      kind: "ghost",
-      className: "w-100 h-100 p-0 m-0",
-      onClick: this.handleDelete,
-      icon: vsTrash,
-      tooltip: "Remove Filter"
-    }))));
+    return /*#__PURE__*/_jsx("div", {
+      className: "advanced-filter-creator-filter-item",
+      children: /*#__PURE__*/_jsxs("div", {
+        className: "form-row",
+        children: [/*#__PURE__*/_jsx("div", {
+          className: "form-group col",
+          children: /*#__PURE__*/_jsx("select", {
+            className: "form-control custom-select",
+            value: selectedType,
+            onChange: this.handleTypeChange,
+            ref: typeDropdown => {
+              this.typeDropdown = typeDropdown;
+            },
+            children: typeOptionElements
+          })
+        }), showValueInput && /*#__PURE__*/_jsx("div", {
+          className: "form-group col",
+          children: /*#__PURE__*/_jsx("div", {
+            className: "input-group",
+            children: /*#__PURE__*/_jsx("input", {
+              type: "text",
+              className: classNames('form-control', {
+                error: !isValid
+              }),
+              placeholder: "Enter value",
+              value: value,
+              onChange: this.handleValueChange
+            })
+          })
+        }), /*#__PURE__*/_jsx("div", {
+          className: "form-group col-1 px-0",
+          children: /*#__PURE__*/_jsx(Button, {
+            kind: "ghost",
+            className: "w-100 h-100 p-0 m-0",
+            onClick: this.handleDelete,
+            icon: vsTrash,
+            tooltip: "Remove Filter"
+          })
+        })]
+      })
+    });
   }
 }
 export default AdvancedFilterCreatorFilterItem;

package/dist/AdvancedFilterCreatorFilterItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdvancedFilterCreatorFilterItem.js","names":["React","PureComponent","Button","getLabelForBooleanFilter","getLabelForDateFilter","getLabelForNumberFilter","getLabelForTextFilter","vsTrash","TableUtils","Log","classNames","memoizeOne","log","module","AdvancedFilterCreatorFilterItem","getLabelForFilter","columnType","filterType","isNumberType","isCharType","isTextType","isDateType","isBooleanType","Error","e","warn","constructor","props","column","operation","value","timeZone","tableUtils","makeAdvancedValueFilter","handleDelete","bind","handleTypeChange","handleValueChange","typeDropdown","filterTypes","selectedType","state","componentDidMount","focus","componentDidUpdate","prevProps","undefined","setState","event","target","debug2","onChange","length","debug","onDelete","render","formatter","showValueInput","type","typeOptionElements","isValid","getCachedIsValid","i","label","element","push","error"],"sources":["../src/AdvancedFilterCreatorFilterItem.tsx"],"sourcesContent":["/* eslint react/no-did-update-set-state: \"off\" */\nimport React, { PureComponent } from 'react';\nimport { Button } from '@deephaven/components';\nimport {\n  getLabelForBooleanFilter,\n  getLabelForDateFilter,\n  getLabelForNumberFilter,\n  getLabelForTextFilter,\n  TypeValue as FilterTypeValue,\n} from '@deephaven/filters';\nimport { vsTrash } from '@deephaven/icons';\nimport type { Column } from '@deephaven/jsapi-types';\nimport {\n  AdvancedFilterItemType,\n  Formatter,\n  TableUtils,\n} from '@deephaven/jsapi-utils';\nimport Log from '@deephaven/log';\nimport classNames from 'classnames';\nimport memoizeOne from 'memoize-one';\nimport './AdvancedFilterCreatorFilterItem.scss';\n\nconst log = Log.module('AdvancedFilterCreatorFilterItem');\n\nexport interface AdvancedFilterCreatorFilterItemProps {\n  column: Column;\n  filterTypes: FilterTypeValue[];\n  onChange(type: FilterTypeValue, value: string): void;\n  onDelete(): void;\n  selectedType?: FilterTypeValue;\n  value?: string;\n  formatter: Formatter;\n  tableUtils: TableUtils;\n}\n\nexport type AdvancedFilterCreatorFilterItemState = AdvancedFilterItemType;\n\nexport class AdvancedFilterCreatorFilterItem extends PureComponent<\n  AdvancedFilterCreatorFilterItemProps,\n  AdvancedFilterCreatorFilterItemState\n> {\n  static getLabelForFilter(\n    columnType: string,\n    filterType: FilterTypeValue\n  ): string {\n    try {\n      if (\n        TableUtils.isNumberType(columnType) ||\n        TableUtils.isCharType(columnType)\n      ) {\n        return getLabelForNumberFilter(filterType);\n      }\n      if (TableUtils.isTextType(columnType)) {\n        return getLabelForTextFilter(filterType);\n      }\n      if (TableUtils.isDateType(columnType)) {\n        return getLabelForDateFilter(filterType);\n      }\n      if (TableUtils.isBooleanType(columnType)) {\n        return getLabelForBooleanFilter(filterType);\n      }\n      throw new Error(`Unrecognized column type: ${columnType}`);\n    } catch (e) {\n      log.warn(e);\n      return '';\n    }\n  }\n\n  constructor(props: AdvancedFilterCreatorFilterItemProps) {\n    super(props);\n\n    this.handleDelete = this.handleDelete.bind(this);\n    this.handleTypeChange = this.handleTypeChange.bind(this);\n    this.handleValueChange = this.handleValueChange.bind(this);\n    this.typeDropdown = null;\n\n    const { value = '', filterTypes, selectedType = filterTypes[0] } = props;\n\n    this.state = {\n      selectedType,\n      value,\n    };\n  }\n\n  componentDidMount(): void {\n    this.typeDropdown?.focus();\n  }\n\n  componentDidUpdate(prevProps: AdvancedFilterCreatorFilterItemProps): void {\n    const { value, selectedType } = this.props;\n    if (selectedType !== undefined && prevProps.selectedType !== selectedType) {\n      this.setState({ selectedType });\n    }\n    if (value !== undefined && prevProps.value !== value) {\n      this.setState({ value });\n    }\n  }\n\n  typeDropdown: HTMLSelectElement | null;\n\n  handleTypeChange(event: React.ChangeEvent<HTMLSelectElement>): void {\n    const selectedType = event.target.value as FilterTypeValue;\n    log.debug2('typeChange', selectedType);\n    this.setState({ selectedType });\n\n    const { onChange } = this.props;\n    const { value } = this.state;\n    if (value != null && value.length > 0) {\n      // Don't send an update unless there's already a value entered\n      onChange(selectedType, value);\n    }\n  }\n\n  handleValueChange(event: React.ChangeEvent<HTMLInputElement>): void {\n    log.debug2('valueChange');\n    const { value } = event.target;\n    this.setState({ value });\n\n    const { onChange } = this.props;\n    const { selectedType } = this.state;\n    if (selectedType != null) {\n      // Don't send an update unless they've already selected a type\n      onChange(selectedType, value);\n    }\n  }\n\n  handleDelete(): void {\n    log.debug('delete');\n\n    const { onDelete } = this.props;\n    onDelete();\n  }\n\n  getCachedIsValid = memoizeOne(\n    (\n      column: Column,\n      operation: FilterTypeValue,\n      value: string,\n      timeZone: string,\n      tableUtils: TableUtils\n    ): boolean => {\n      try {\n        // We don't want to show an error for an empty value\n        return (\n          !value ||\n          tableUtils.makeAdvancedValueFilter(\n            column,\n            operation,\n            value,\n            timeZone\n          ) != null\n        );\n      } catch (e) {\n        return false;\n      }\n    }\n  );\n\n  render(): JSX.Element {\n    const { column, filterTypes, formatter, tableUtils } = this.props;\n    const { selectedType, value } = this.state;\n    const showValueInput = !TableUtils.isBooleanType(column.type);\n    const typeOptionElements = [];\n    const isValid = this.getCachedIsValid(\n      column,\n      selectedType,\n      value,\n      formatter.timeZone,\n      tableUtils\n    );\n    for (let i = 0; i < filterTypes.length; i += 1) {\n      const type = filterTypes[i];\n      const label = AdvancedFilterCreatorFilterItem.getLabelForFilter(\n        column.type,\n        type\n      );\n      const element = (\n        <option key={type} value={type}>\n          {label}\n        </option>\n      );\n      typeOptionElements.push(element);\n    }\n\n    return (\n      <div className=\"advanced-filter-creator-filter-item\">\n        <div className=\"form-row\">\n          <div className=\"form-group col\">\n            <select\n              className=\"form-control custom-select\"\n              value={selectedType}\n              onChange={this.handleTypeChange}\n              ref={typeDropdown => {\n                this.typeDropdown = typeDropdown;\n              }}\n            >\n              {typeOptionElements}\n            </select>\n          </div>\n          {showValueInput && (\n            <div className=\"form-group col\">\n              <div className=\"input-group\">\n                <input\n                  type=\"text\"\n                  className={classNames('form-control', { error: !isValid })}\n                  placeholder=\"Enter value\"\n                  value={value}\n                  onChange={this.handleValueChange}\n                />\n              </div>\n            </div>\n          )}\n          <div className=\"form-group col-1 px-0\">\n            <Button\n              kind=\"ghost\"\n              className=\"w-100 h-100 p-0 m-0\"\n              onClick={this.handleDelete}\n              icon={vsTrash}\n              tooltip=\"Remove Filter\"\n            />\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default AdvancedFilterCreatorFilterItem;\n"],"mappings":"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"}
+{"version":3,"file":"AdvancedFilterCreatorFilterItem.js","names":["React","PureComponent","Button","getLabelForBooleanFilter","getLabelForDateFilter","getLabelForNumberFilter","getLabelForTextFilter","vsTrash","TableUtils","Log","classNames","memoizeOne","log","module","AdvancedFilterCreatorFilterItem","getLabelForFilter","columnType","filterType","isNumberType","isCharType","isTextType","isDateType","isBooleanType","Error","e","warn","constructor","props","column","operation","value","timeZone","tableUtils","makeAdvancedValueFilter","handleDelete","bind","handleTypeChange","handleValueChange","typeDropdown","filterTypes","selectedType","state","componentDidMount","focus","componentDidUpdate","prevProps","undefined","setState","event","target","debug2","onChange","length","debug","onDelete","render","formatter","showValueInput","type","typeOptionElements","isValid","getCachedIsValid","i","label","element","push","error"],"sources":["../src/AdvancedFilterCreatorFilterItem.tsx"],"sourcesContent":["/* eslint react/no-did-update-set-state: \"off\" */\nimport React, { PureComponent } from 'react';\nimport { Button } from '@deephaven/components';\nimport {\n  getLabelForBooleanFilter,\n  getLabelForDateFilter,\n  getLabelForNumberFilter,\n  getLabelForTextFilter,\n  TypeValue as FilterTypeValue,\n} from '@deephaven/filters';\nimport { vsTrash } from '@deephaven/icons';\nimport type { Column } from '@deephaven/jsapi-types';\nimport {\n  AdvancedFilterItemType,\n  Formatter,\n  TableUtils,\n} from '@deephaven/jsapi-utils';\nimport Log from '@deephaven/log';\nimport classNames from 'classnames';\nimport memoizeOne from 'memoize-one';\nimport './AdvancedFilterCreatorFilterItem.scss';\n\nconst log = Log.module('AdvancedFilterCreatorFilterItem');\n\nexport interface AdvancedFilterCreatorFilterItemProps {\n  column: Column;\n  filterTypes: FilterTypeValue[];\n  onChange(type: FilterTypeValue, value: string): void;\n  onDelete(): void;\n  selectedType?: FilterTypeValue;\n  value?: string;\n  formatter: Formatter;\n  tableUtils: TableUtils;\n}\n\nexport type AdvancedFilterCreatorFilterItemState = AdvancedFilterItemType;\n\nexport class AdvancedFilterCreatorFilterItem extends PureComponent<\n  AdvancedFilterCreatorFilterItemProps,\n  AdvancedFilterCreatorFilterItemState\n> {\n  static getLabelForFilter(\n    columnType: string,\n    filterType: FilterTypeValue\n  ): string {\n    try {\n      if (\n        TableUtils.isNumberType(columnType) ||\n        TableUtils.isCharType(columnType)\n      ) {\n        return getLabelForNumberFilter(filterType);\n      }\n      if (TableUtils.isTextType(columnType)) {\n        return getLabelForTextFilter(filterType);\n      }\n      if (TableUtils.isDateType(columnType)) {\n        return getLabelForDateFilter(filterType);\n      }\n      if (TableUtils.isBooleanType(columnType)) {\n        return getLabelForBooleanFilter(filterType);\n      }\n      throw new Error(`Unrecognized column type: ${columnType}`);\n    } catch (e) {\n      log.warn(e);\n      return '';\n    }\n  }\n\n  constructor(props: AdvancedFilterCreatorFilterItemProps) {\n    super(props);\n\n    this.handleDelete = this.handleDelete.bind(this);\n    this.handleTypeChange = this.handleTypeChange.bind(this);\n    this.handleValueChange = this.handleValueChange.bind(this);\n    this.typeDropdown = null;\n\n    const { value = '', filterTypes, selectedType = filterTypes[0] } = props;\n\n    this.state = {\n      selectedType,\n      value,\n    };\n  }\n\n  componentDidMount(): void {\n    this.typeDropdown?.focus();\n  }\n\n  componentDidUpdate(prevProps: AdvancedFilterCreatorFilterItemProps): void {\n    const { value, selectedType } = this.props;\n    if (selectedType !== undefined && prevProps.selectedType !== selectedType) {\n      this.setState({ selectedType });\n    }\n    if (value !== undefined && prevProps.value !== value) {\n      this.setState({ value });\n    }\n  }\n\n  typeDropdown: HTMLSelectElement | null;\n\n  handleTypeChange(event: React.ChangeEvent<HTMLSelectElement>): void {\n    const selectedType = event.target.value as FilterTypeValue;\n    log.debug2('typeChange', selectedType);\n    this.setState({ selectedType });\n\n    const { onChange } = this.props;\n    const { value } = this.state;\n    if (value != null && value.length > 0) {\n      // Don't send an update unless there's already a value entered\n      onChange(selectedType, value);\n    }\n  }\n\n  handleValueChange(event: React.ChangeEvent<HTMLInputElement>): void {\n    log.debug2('valueChange');\n    const { value } = event.target;\n    this.setState({ value });\n\n    const { onChange } = this.props;\n    const { selectedType } = this.state;\n    if (selectedType != null) {\n      // Don't send an update unless they've already selected a type\n      onChange(selectedType, value);\n    }\n  }\n\n  handleDelete(): void {\n    log.debug('delete');\n\n    const { onDelete } = this.props;\n    onDelete();\n  }\n\n  getCachedIsValid = memoizeOne(\n    (\n      column: Column,\n      operation: FilterTypeValue,\n      value: string,\n      timeZone: string,\n      tableUtils: TableUtils\n    ): boolean => {\n      try {\n        // We don't want to show an error for an empty value\n        return (\n          !value ||\n          tableUtils.makeAdvancedValueFilter(\n            column,\n            operation,\n            value,\n            timeZone\n          ) != null\n        );\n      } catch (e) {\n        return false;\n      }\n    }\n  );\n\n  render(): JSX.Element {\n    const { column, filterTypes, formatter, tableUtils } = this.props;\n    const { selectedType, value } = this.state;\n    const showValueInput = !TableUtils.isBooleanType(column.type);\n    const typeOptionElements = [];\n    const isValid = this.getCachedIsValid(\n      column,\n      selectedType,\n      value,\n      formatter.timeZone,\n      tableUtils\n    );\n    for (let i = 0; i < filterTypes.length; i += 1) {\n      const type = filterTypes[i];\n      const label = AdvancedFilterCreatorFilterItem.getLabelForFilter(\n        column.type,\n        type\n      );\n      const element = (\n        <option key={type} value={type}>\n          {label}\n        </option>\n      );\n      typeOptionElements.push(element);\n    }\n\n    return (\n      <div className=\"advanced-filter-creator-filter-item\">\n        <div className=\"form-row\">\n          <div className=\"form-group col\">\n            <select\n              className=\"form-control custom-select\"\n              value={selectedType}\n              onChange={this.handleTypeChange}\n              ref={typeDropdown => {\n                this.typeDropdown = typeDropdown;\n              }}\n            >\n              {typeOptionElements}\n            </select>\n          </div>\n          {showValueInput && (\n            <div className=\"form-group col\">\n              <div className=\"input-group\">\n                <input\n                  type=\"text\"\n                  className={classNames('form-control', { error: !isValid })}\n                  placeholder=\"Enter value\"\n                  value={value}\n                  onChange={this.handleValueChange}\n                />\n              </div>\n            </div>\n          )}\n          <div className=\"form-group col-1 px-0\">\n            <Button\n              kind=\"ghost\"\n              className=\"w-100 h-100 p-0 m-0\"\n              onClick={this.handleDelete}\n              icon={vsTrash}\n              tooltip=\"Remove Filter\"\n            />\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default AdvancedFilterCreatorFilterItem;\n"],"mappings":"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"}