@deephaven/iris-grid 0.13.3-beta.2 → 0.13.5

package/dist/CrossColumnSearch.js

@@ -1,6 +1,5 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { Checkbox, Popper, SearchInput, Tooltip } from '@deephaven/components';
 import { dhGearFilled, dhCheckSquare, dhSquareFilled, dhRemoveSquareFilled, dhWarningCircleFilled, vsCircleLargeFilled } from '@deephaven/icons';
@@ -18,14 +17,11 @@ class CrossColumnSearch extends PureComponent {
       return searchFilter;
     }
 
-    return undefined;
+    return null;
   }
 
   constructor(props) {
     super(props);
-
-    _defineProperty(this, "searchField", void 0);
-
     this.handleSearchValueChange = this.handleSearchValueChange.bind(this);
     this.toggleColumn = this.toggleColumn.bind(this);
     this.selectAll = this.selectAll.bind(this);
@@ -38,9 +34,7 @@ class CrossColumnSearch extends PureComponent {
   }
 
   focus() {
-    var _this$searchField$cur;
-
-    (_this$searchField$cur = this.searchField.current) === null || _this$searchField$cur === void 0 ? void 0 : _this$searchField$cur.focus();
+    this.searchField.current.focus();
   }
 
   handleSearchValueChange(event) {
@@ -215,5 +209,15 @@ class CrossColumnSearch extends PureComponent {
 
 }
 
+CrossColumnSearch.propTypes = {
+  value: PropTypes.string.isRequired,
+  selectedColumns: PropTypes.arrayOf(PropTypes.string).isRequired,
+  invertSelection: PropTypes.bool.isRequired,
+  onChange: PropTypes.func.isRequired,
+  columns: PropTypes.arrayOf(PropTypes.shape({
+    name: PropTypes.string.isRequired,
+    type: PropTypes.string.isRequired
+  })).isRequired
+};
 export default CrossColumnSearch;
 //# sourceMappingURL=CrossColumnSearch.js.map

package/dist/CrossColumnSearch.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/CrossColumnSearch.tsx"],"names":["React","PureComponent","FontAwesomeIcon","Checkbox","Popper","SearchInput","Tooltip","dhGearFilled","dhCheckSquare","dhSquareFilled","dhRemoveSquareFilled","dhWarningCircleFilled","vsCircleLargeFilled","dh","TableUtils","CrossColumnSearch","createSearchFilter","searchValue","selectedColumns","columns","invertSelection","filterColumns","filter","column","includes","name","map","length","filterValue","FilterValue","ofString","searchFilter","FilterCondition","search","undefined","constructor","props","handleSearchValueChange","bind","toggleColumn","selectAll","clear","selectNumbers","searchField","createRef","state","isConfigureColumnsShown","focus","current","event","onChange","target","value","sendColumnChange","setInvertSelection","c","update","slice","push","isNumberType","type","render","hasAllColumnsSelected","hasNoColumnsSelected","icon","setState","substring","lastIndexOf"],"mappings":"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","sourcesContent":["import React, { PureComponent } from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { Checkbox, Popper, SearchInput, Tooltip } from '@deephaven/components';\nimport {\n  dhGearFilled,\n  dhCheckSquare,\n  dhSquareFilled,\n  dhRemoveSquareFilled,\n  dhWarningCircleFilled,\n  vsCircleLargeFilled,\n} from '@deephaven/icons';\nimport dh, { Column, FilterCondition } from '@deephaven/jsapi-shim';\nimport { TableUtils } from '@deephaven/jsapi-utils';\nimport './CrossColumnSearch.scss';\nimport { ColumnName } from './CommonTypes';\n\ninterface CrossColumnSearchProps {\n  value: string;\n  selectedColumns: ColumnName[];\n  invertSelection: boolean;\n  onChange: (\n    value: string,\n    selectedColumns: ColumnName[],\n    invertSelection: boolean\n  ) => void;\n  columns: Column[];\n}\n\ninterface CrossColumnSearchState {\n  isConfigureColumnsShown: boolean;\n}\nclass CrossColumnSearch extends PureComponent<\n  CrossColumnSearchProps,\n  CrossColumnSearchState\n> {\n  static createSearchFilter(\n    searchValue: string,\n    selectedColumns: ColumnName[],\n    columns: Column[],\n    invertSelection: boolean\n  ): FilterCondition | undefined {\n    const filterColumns = invertSelection\n      ? columns\n          .filter(column => !selectedColumns.includes(column.name))\n          .map(column => column.name)\n      : selectedColumns;\n    if (searchValue && filterColumns.length > 0) {\n      const filterValue = dh.FilterValue.ofString(searchValue);\n      const searchFilter =\n        filterColumns.length === columns.length\n          ? dh.FilterCondition.search(filterValue)\n          : dh.FilterCondition.search(\n              filterValue,\n              columns\n                .filter(column => filterColumns.includes(column.name))\n                .map(column => column.filter())\n            );\n      return searchFilter;\n    }\n    return undefined;\n  }\n\n  constructor(props: CrossColumnSearchProps) {\n    super(props);\n    this.handleSearchValueChange = this.handleSearchValueChange.bind(this);\n    this.toggleColumn = this.toggleColumn.bind(this);\n    this.selectAll = this.selectAll.bind(this);\n    this.clear = this.clear.bind(this);\n    this.selectNumbers = this.selectNumbers.bind(this);\n\n    this.searchField = React.createRef();\n\n    this.state = {\n      isConfigureColumnsShown: false,\n    };\n  }\n\n  searchField: React.RefObject<SearchInput>;\n\n  focus(): void {\n    this.searchField.current?.focus();\n  }\n\n  handleSearchValueChange(event: React.ChangeEvent<HTMLInputElement>): void {\n    const { onChange, selectedColumns, invertSelection } = this.props;\n    onChange(event.target.value, selectedColumns, invertSelection);\n  }\n\n  sendColumnChange(\n    selectedColumns: ColumnName[],\n    invertSelection: boolean\n  ): void {\n    const { onChange, value } = this.props;\n    onChange(value, selectedColumns, invertSelection);\n  }\n\n  setInvertSelection(invertSelection: boolean): void {\n    const { onChange, value } = this.props;\n    onChange(value, [], invertSelection);\n  }\n\n  toggleColumn(name: string): void {\n    const { selectedColumns, invertSelection } = this.props;\n    if (selectedColumns.includes(name)) {\n      this.sendColumnChange(\n        selectedColumns.filter(c => c !== name),\n        invertSelection\n      );\n    } else {\n      const update = selectedColumns.slice();\n      update.push(name);\n      this.sendColumnChange(update, invertSelection);\n    }\n  }\n\n  selectAll(): void {\n    this.setInvertSelection(true);\n  }\n\n  clear(): void {\n    this.setInvertSelection(false);\n  }\n\n  selectNumbers(): void {\n    const { columns } = this.props;\n    this.sendColumnChange(\n      columns\n        .filter(c => TableUtils.isNumberType(c.type))\n        .map(column => column.name),\n      false\n    );\n  }\n\n  render(): React.ReactElement {\n    const { value, selectedColumns, invertSelection, columns } = this.props;\n    const { isConfigureColumnsShown } = this.state;\n    const hasAllColumnsSelected =\n      (selectedColumns.length === 0 && invertSelection === true) ||\n      (selectedColumns.length === columns.length && invertSelection === false);\n    const hasNoColumnsSelected =\n      (selectedColumns.length === 0 && invertSelection === false) ||\n      (selectedColumns.length === columns.length && invertSelection === true);\n\n    // set icon layers\n    let icon;\n    if (hasAllColumnsSelected) {\n      // icon if all columns selected for search\n      icon = (\n        <>\n          <FontAwesomeIcon\n            icon={dhSquareFilled}\n            mask={dhGearFilled}\n            transform=\"shrink-2 down-5 right-7\"\n          />\n          <FontAwesomeIcon\n            icon={dhCheckSquare}\n            className=\"text-primary\"\n            transform=\"shrink-4 down-5 right-7\"\n          />\n        </>\n      );\n    } else if (hasNoColumnsSelected) {\n      // icon error, no columns selected for searching\n      icon = (\n        <>\n          <FontAwesomeIcon\n            icon={vsCircleLargeFilled}\n            mask={dhGearFilled}\n            transform=\"shrink-1 down-5 right-7\"\n          />\n          <FontAwesomeIcon\n            icon={dhWarningCircleFilled}\n            className=\"text-danger\"\n            transform=\"shrink-4 down-5 right-7\"\n          />\n        </>\n      );\n    } else {\n      // icon if some columns selected, but not all\n      icon = (\n        <>\n          <FontAwesomeIcon\n            icon={dhSquareFilled}\n            mask={dhGearFilled}\n            transform=\"shrink-2 down-5 right-7\"\n          />\n          <FontAwesomeIcon\n            icon={dhRemoveSquareFilled}\n            className=\"text-primary\"\n            transform=\"shrink-4 down-5 right-7\"\n          />\n        </>\n      );\n    }\n\n    return (\n      <div className=\"cross-column-container\">\n        <SearchInput\n          className=\"cross-column-search\"\n          placeholder=\"Search Data...\"\n          value={value}\n          onChange={this.handleSearchValueChange}\n          ref={this.searchField}\n        />\n        <button\n          type=\"button\"\n          className=\"btn btn-link btn-link-icon px-2\"\n          onClick={() => {\n            if (isConfigureColumnsShown) {\n              this.setState({ isConfigureColumnsShown: false });\n            } else {\n              this.setState({ isConfigureColumnsShown: true });\n            }\n          }}\n        >\n          <div className=\"fa-layers\">{icon}</div>\n          <Tooltip>Configure Columns</Tooltip>\n          <Popper\n            isShown={isConfigureColumnsShown}\n            className=\"cross-column-popper\"\n            onExited={() => {\n              this.setState({ isConfigureColumnsShown: false });\n            }}\n            closeOnBlur\n            interactive\n          >\n            <div className=\"cross-column-popup\">\n              Searched Columns\n              <div className=\"cross-column-scroll\">\n                {columns.map(column => (\n                  <React.Fragment key={column.name}>\n                    <Checkbox\n                      className=\"cross-column-checkbox\"\n                      checked={\n                        invertSelection\n                          ? !selectedColumns.includes(column.name)\n                          : selectedColumns.includes(column.name)\n                      }\n                      onChange={() => this.toggleColumn(column.name)}\n                    >\n                      {column.name}\n                    </Checkbox>\n\n                    {column.type.substring(column.type.lastIndexOf('.') + 1)}\n                  </React.Fragment>\n                ))}\n              </div>\n              <div className=\"cross-column-button-bar\">\n                <button\n                  type=\"button\"\n                  className=\"btn btn-link\"\n                  onClick={this.selectAll}\n                >\n                  Select All\n                </button>\n                <button\n                  type=\"button\"\n                  className=\"btn btn-link\"\n                  onClick={this.clear}\n                >\n                  Clear\n                </button>\n                <button\n                  type=\"button\"\n                  className=\"btn btn-link\"\n                  onClick={this.selectNumbers}\n                >\n                  Numbers Only\n                </button>\n              </div>\n              {hasNoColumnsSelected && (\n                <p className=\"text-danger\">\n                  <FontAwesomeIcon icon={dhWarningCircleFilled} /> Select at\n                  least one column to search.\n                </p>\n              )}\n            </div>\n          </Popper>\n        </button>\n      </div>\n    );\n  }\n}\n\nexport default CrossColumnSearch;\n"],"file":"CrossColumnSearch.js"}
+{"version":3,"sources":["../src/CrossColumnSearch.jsx"],"names":["React","PureComponent","PropTypes","FontAwesomeIcon","Checkbox","Popper","SearchInput","Tooltip","dhGearFilled","dhCheckSquare","dhSquareFilled","dhRemoveSquareFilled","dhWarningCircleFilled","vsCircleLargeFilled","dh","TableUtils","CrossColumnSearch","createSearchFilter","searchValue","selectedColumns","columns","invertSelection","filterColumns","filter","column","includes","name","map","length","filterValue","FilterValue","ofString","searchFilter","FilterCondition","search","constructor","props","handleSearchValueChange","bind","toggleColumn","selectAll","clear","selectNumbers","searchField","createRef","state","isConfigureColumnsShown","focus","current","event","onChange","target","value","sendColumnChange","setInvertSelection","c","update","slice","push","isNumberType","type","render","hasAllColumnsSelected","hasNoColumnsSelected","icon","setState","substring","lastIndexOf","propTypes","string","isRequired","arrayOf","bool","func","shape"],"mappings":"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","sourcesContent":["import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { Checkbox, Popper, SearchInput, Tooltip } from '@deephaven/components';\nimport {\n  dhGearFilled,\n  dhCheckSquare,\n  dhSquareFilled,\n  dhRemoveSquareFilled,\n  dhWarningCircleFilled,\n  vsCircleLargeFilled,\n} from '@deephaven/icons';\nimport dh from '@deephaven/jsapi-shim';\nimport { TableUtils } from '@deephaven/jsapi-utils';\nimport './CrossColumnSearch.scss';\n\nclass CrossColumnSearch extends PureComponent {\n  static createSearchFilter(\n    searchValue,\n    selectedColumns,\n    columns,\n    invertSelection\n  ) {\n    const filterColumns = invertSelection\n      ? columns\n          .filter(column => !selectedColumns.includes(column.name))\n          .map(column => column.name)\n      : selectedColumns;\n    if (searchValue && filterColumns.length > 0) {\n      const filterValue = dh.FilterValue.ofString(searchValue);\n      const searchFilter =\n        filterColumns.length === columns.length\n          ? dh.FilterCondition.search(filterValue)\n          : dh.FilterCondition.search(\n              filterValue,\n              columns\n                .filter(column => filterColumns.includes(column.name))\n                .map(column => column.filter())\n            );\n      return searchFilter;\n    }\n    return null;\n  }\n\n  constructor(props) {\n    super(props);\n    this.handleSearchValueChange = this.handleSearchValueChange.bind(this);\n    this.toggleColumn = this.toggleColumn.bind(this);\n    this.selectAll = this.selectAll.bind(this);\n    this.clear = this.clear.bind(this);\n    this.selectNumbers = this.selectNumbers.bind(this);\n\n    this.searchField = React.createRef();\n\n    this.state = {\n      isConfigureColumnsShown: false,\n    };\n  }\n\n  focus() {\n    this.searchField.current.focus();\n  }\n\n  handleSearchValueChange(event) {\n    const { onChange, selectedColumns, invertSelection } = this.props;\n    onChange(event.target.value, selectedColumns, invertSelection);\n  }\n\n  sendColumnChange(selectedColumns, invertSelection) {\n    const { onChange, value } = this.props;\n    onChange(value, selectedColumns, invertSelection);\n  }\n\n  setInvertSelection(invertSelection) {\n    const { onChange, value } = this.props;\n    onChange(value, [], invertSelection);\n  }\n\n  toggleColumn(name) {\n    const { selectedColumns, invertSelection } = this.props;\n    if (selectedColumns.includes(name)) {\n      this.sendColumnChange(\n        selectedColumns.filter(c => c !== name),\n        invertSelection\n      );\n    } else {\n      const update = selectedColumns.slice();\n      update.push(name);\n      this.sendColumnChange(update, invertSelection);\n    }\n  }\n\n  selectAll() {\n    this.setInvertSelection(true);\n  }\n\n  clear() {\n    this.setInvertSelection(false);\n  }\n\n  selectNumbers() {\n    const { columns } = this.props;\n    this.sendColumnChange(\n      columns\n        .filter(c => TableUtils.isNumberType(c.type))\n        .map(column => column.name),\n      false\n    );\n  }\n\n  render() {\n    const { value, selectedColumns, invertSelection, columns } = this.props;\n    const { isConfigureColumnsShown } = this.state;\n    const hasAllColumnsSelected =\n      (selectedColumns.length === 0 && invertSelection === true) ||\n      (selectedColumns.length === columns.length && invertSelection === false);\n    const hasNoColumnsSelected =\n      (selectedColumns.length === 0 && invertSelection === false) ||\n      (selectedColumns.length === columns.length && invertSelection === true);\n\n    // set icon layers\n    let icon;\n    if (hasAllColumnsSelected) {\n      // icon if all columns selected for search\n      icon = (\n        <>\n          <FontAwesomeIcon\n            icon={dhSquareFilled}\n            mask={dhGearFilled}\n            transform=\"shrink-2 down-5 right-7\"\n          />\n          <FontAwesomeIcon\n            icon={dhCheckSquare}\n            className=\"text-primary\"\n            transform=\"shrink-4 down-5 right-7\"\n          />\n        </>\n      );\n    } else if (hasNoColumnsSelected) {\n      // icon error, no columns selected for searching\n      icon = (\n        <>\n          <FontAwesomeIcon\n            icon={vsCircleLargeFilled}\n            mask={dhGearFilled}\n            transform=\"shrink-1 down-5 right-7\"\n          />\n          <FontAwesomeIcon\n            icon={dhWarningCircleFilled}\n            className=\"text-danger\"\n            transform=\"shrink-4 down-5 right-7\"\n          />\n        </>\n      );\n    } else {\n      // icon if some columns selected, but not all\n      icon = (\n        <>\n          <FontAwesomeIcon\n            icon={dhSquareFilled}\n            mask={dhGearFilled}\n            transform=\"shrink-2 down-5 right-7\"\n          />\n          <FontAwesomeIcon\n            icon={dhRemoveSquareFilled}\n            className=\"text-primary\"\n            transform=\"shrink-4 down-5 right-7\"\n          />\n        </>\n      );\n    }\n\n    return (\n      <div className=\"cross-column-container\">\n        <SearchInput\n          className=\"cross-column-search\"\n          placeholder=\"Search Data...\"\n          value={value}\n          onChange={this.handleSearchValueChange}\n          ref={this.searchField}\n        />\n        <button\n          type=\"button\"\n          className=\"btn btn-link btn-link-icon px-2\"\n          onClick={() => {\n            if (isConfigureColumnsShown) {\n              this.setState({ isConfigureColumnsShown: false });\n            } else {\n              this.setState({ isConfigureColumnsShown: true });\n            }\n          }}\n        >\n          <div className=\"fa-layers\">{icon}</div>\n          <Tooltip>Configure Columns</Tooltip>\n          <Popper\n            isShown={isConfigureColumnsShown}\n            className=\"cross-column-popper\"\n            onExited={() => {\n              this.setState({ isConfigureColumnsShown: false });\n            }}\n            closeOnBlur\n            interactive\n          >\n            <div className=\"cross-column-popup\">\n              Searched Columns\n              <div className=\"cross-column-scroll\">\n                {columns.map(column => (\n                  <React.Fragment key={column.name}>\n                    <Checkbox\n                      className=\"cross-column-checkbox\"\n                      checked={\n                        invertSelection\n                          ? !selectedColumns.includes(column.name)\n                          : selectedColumns.includes(column.name)\n                      }\n                      onChange={() => this.toggleColumn(column.name)}\n                    >\n                      {column.name}\n                    </Checkbox>\n\n                    {column.type.substring(column.type.lastIndexOf('.') + 1)}\n                  </React.Fragment>\n                ))}\n              </div>\n              <div className=\"cross-column-button-bar\">\n                <button\n                  type=\"button\"\n                  className=\"btn btn-link\"\n                  onClick={this.selectAll}\n                >\n                  Select All\n                </button>\n                <button\n                  type=\"button\"\n                  className=\"btn btn-link\"\n                  onClick={this.clear}\n                >\n                  Clear\n                </button>\n                <button\n                  type=\"button\"\n                  className=\"btn btn-link\"\n                  onClick={this.selectNumbers}\n                >\n                  Numbers Only\n                </button>\n              </div>\n              {hasNoColumnsSelected && (\n                <p className=\"text-danger\">\n                  <FontAwesomeIcon icon={dhWarningCircleFilled} /> Select at\n                  least one column to search.\n                </p>\n              )}\n            </div>\n          </Popper>\n        </button>\n      </div>\n    );\n  }\n}\n\nCrossColumnSearch.propTypes = {\n  value: PropTypes.string.isRequired,\n  selectedColumns: PropTypes.arrayOf(PropTypes.string).isRequired,\n  invertSelection: PropTypes.bool.isRequired,\n  onChange: PropTypes.func.isRequired,\n  columns: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      type: PropTypes.string.isRequired,\n    })\n  ).isRequired,\n};\n\nexport default CrossColumnSearch;\n"],"file":"CrossColumnSearch.js"}

package/dist/FilterInputField.d.ts

@@ -1,58 +1,61 @@
-import React, { ChangeEvent, PureComponent, ReactElement } from 'react';
-import './FilterInputField.scss';
-import type { DebouncedFunc } from 'lodash';
-interface FilterInputFieldProps {
-    className: string;
-    style: React.CSSProperties;
-    value: string;
-    isAdvancedFilterSet: boolean;
-    onAdvancedFiltersTriggered: React.MouseEventHandler<HTMLButtonElement>;
-    onChange: (value: string) => void;
-    onDone: (setGridFocus?: boolean, defocusInput?: boolean) => void;
-    onTab: (backward: boolean) => void;
-    onContextMenu: React.MouseEventHandler<HTMLInputElement | HTMLButtonElement>;
-    debounceMs: number;
-}
-interface FilterInputFieldState {
-    isChanged: boolean;
-    value: string;
-}
+export default FilterInputField;
 /**
  * An input field showing a input field and button.
  * Debounces changes.
  */
-declare class FilterInputField extends PureComponent<FilterInputFieldProps, FilterInputFieldState> {
-    static defaultProps: {
-        style: {};
-        className: string;
-        value: string;
-        isAdvancedFilterSet: boolean;
-        onAdvancedFiltersTriggered: () => void;
-        onChange: () => void;
-        onDone: () => void;
-        onTab: () => void;
-        onContextMenu: () => void;
-        debounceMs: number;
-    };
-    constructor(props: FilterInputFieldProps);
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: FilterInputFieldProps): void;
-    componentWillUnmount(): void;
-    inputField: HTMLInputElement | null;
-    initialValue: string;
-    debouncedSendUpdate: DebouncedFunc<(value: string) => void>;
-    setValue(value: string): void;
-    focus(): void;
-    handleChange(event: ChangeEvent<HTMLInputElement>): void;
+declare class FilterInputField extends React.PureComponent<any, any, any> {
+    constructor(props: any);
+    debouncedSendUpdate: import("lodash").DebouncedFunc<(value: any) => void>;
     handleCancel(): void;
+    handleChange(event: any): void;
     handleCommit(setGridFocus?: boolean, defocusInput?: boolean): void;
     handleFocus(): void;
-    handleBlur(event: React.FocusEvent<HTMLInputElement>): void;
+    handleBlur(event: any): void;
+    handleKeyDown(event: any): void;
+    handleContextMenu(event: any): void;
+    inputField: HTMLInputElement | null;
+    initialValue: any;
+    setValue(value: any): void;
+    focus(): void;
     handleTab(backward?: boolean): void;
-    handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>): void;
-    handleContextMenu(event: React.MouseEvent<HTMLInputElement | HTMLButtonElement>): void;
-    sendUpdate(value: string): void;
-    render(): ReactElement;
+    sendUpdate(value: any): void;
 }
-export default FilterInputField;
+declare namespace FilterInputField {
+    namespace propTypes {
+        const className: PropTypes.Requireable<string>;
+        const style: PropTypes.Requireable<object>;
+        const value: PropTypes.Requireable<string>;
+        const isAdvancedFilterSet: PropTypes.Requireable<boolean>;
+        const onAdvancedFiltersTriggered: PropTypes.Requireable<(...args: any[]) => any>;
+        const onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        const onDone: PropTypes.Requireable<(...args: any[]) => any>;
+        const onTab: PropTypes.Requireable<(...args: any[]) => any>;
+        const onContextMenu: PropTypes.Requireable<(...args: any[]) => any>;
+        const debounceMs: PropTypes.Requireable<number>;
+    }
+    namespace defaultProps {
+        const style_1: {};
+        export { style_1 as style };
+        const className_1: string;
+        export { className_1 as className };
+        const value_1: string;
+        export { value_1 as value };
+        const isAdvancedFilterSet_1: boolean;
+        export { isAdvancedFilterSet_1 as isAdvancedFilterSet };
+        export function onAdvancedFiltersTriggered_1(): void;
+        export { onAdvancedFiltersTriggered_1 as onAdvancedFiltersTriggered };
+        export function onChange_1(): void;
+        export { onChange_1 as onChange };
+        export function onDone_1(): void;
+        export { onDone_1 as onDone };
+        export function onTab_1(): void;
+        export { onTab_1 as onTab };
+        export function onContextMenu_1(): void;
+        export { onContextMenu_1 as onContextMenu };
+        const debounceMs_1: number;
+        export { debounceMs_1 as debounceMs };
+    }
+}
+import React from "react";
+import PropTypes from "prop-types";
 //# sourceMappingURL=FilterInputField.d.ts.map

package/dist/FilterInputField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterInputField.d.ts","sourceRoot":"","sources":["../src/FilterInputField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAIxE,OAAO,yBAAyB,CAAC;AAEjC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAE5C,UAAU,qBAAqB;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,EAAE,OAAO,CAAC;IAC7B,0BAA0B,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACvE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,YAAY,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACjE,KAAK,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,GAAG,iBAAiB,CAAC,CAAC;IAC7E,UAAU,EAAE,MAAM,CAAC;CACpB;AACD,UAAU,qBAAqB;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf;AACD;;;GAGG;AACH,cAAM,gBAAiB,SAAQ,aAAa,CAC1C,qBAAqB,EACrB,qBAAqB,CACtB;IACC,MAAM,CAAC,YAAY;;;;;0CAKe,IAAI;wBACtB,IAAI;sBACN,IAAI;qBACL,IAAI;6BACI,IAAI;;MAEvB;gBAEU,KAAK,EAAE,qBAAqB;IAwBxC,iBAAiB,IAAI,IAAI;IAIzB,kBAAkB,CAAC,SAAS,EAAE,qBAAqB,GAAG,IAAI;IAW1D,oBAAoB,IAAI,IAAI;IAI5B,UAAU,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAEpC,YAAY,EAAE,MAAM,CAAC;IAErB,mBAAmB,EAAE,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,CAAC;IAK5D,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAK7B,KAAK,IAAI,IAAI;IAIb,YAAY,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,GAAG,IAAI;IAOxD,YAAY,IAAI,IAAI;IAYpB,YAAY,CAAC,YAAY,UAAO,EAAE,YAAY,UAAO,GAAG,IAAI;IAO5D,WAAW,IAAI,IAAI;IAInB,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,GAAG,IAAI;IAiB3D,SAAS,CAAC,QAAQ,UAAQ,GAAG,IAAI;IAOjC,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,GAAG,IAAI;IAsBjE,iBAAiB,CACf,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,GAAG,iBAAiB,CAAC,GAC5D,IAAI;IAKP,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAK/B,MAAM,IAAI,YAAY;CAoDvB;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"FilterInputField.d.ts","sourceRoot":"","sources":["../src/FilterInputField.jsx"],"names":[],"mappings":";AAQA;;;GAGG;AACH;IACE,wBAsBC;IAjBC,0EAA2E;IAyD7E,qBAUC;IAjBD,+BAKC;IAcD,mEAKC;IAED,oBAEC;IAED,6BAeC;IASD,gCAoBC;IAED,oCAGC;IAxHC,oCAAsB;IAGtB,kBAAyB;IA6B3B,2BAGC;IAED,cAEC;IAiDD,oCAKC;IA6BD,6BAGC;CAsDF;;;;;;;;;;;;;;;;;;;;;;;QAoB6B,qDAAQ;;QAC1B,mCAAQ;;QACV,iCAAQ;;QACT,gCAAQ;;QACA,wCAAQ"}

package/dist/FilterInputField.js

@@ -1,26 +1,18 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import debounce from 'lodash.debounce';
 import { vsFilter, dhFilterFilled } from '@deephaven/icons';
 import "./FilterInputField.css";
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-
 /**
  * An input field showing a input field and button.
  * Debounces changes.
  */
+
 class FilterInputField extends PureComponent {
   constructor(props) {
     super(props);
-
-    _defineProperty(this, "inputField", void 0);
-
-    _defineProperty(this, "initialValue", void 0);
-
-    _defineProperty(this, "debouncedSendUpdate", void 0);
-
     var {
       debounceMs
     } = props;
@@ -44,9 +36,7 @@ class FilterInputField extends PureComponent {
   }
 
   componentDidMount() {
-    var _this$inputField;
-
-    (_this$inputField = this.inputField) === null || _this$inputField === void 0 ? void 0 : _this$inputField.focus();
+    this.inputField.focus();
   }
 
   componentDidUpdate(prevProps) {
@@ -62,11 +52,11 @@ class FilterInputField extends PureComponent {
 
   componentWillUnmount() {
     this.debouncedSendUpdate.cancel();
-  }
-
-  // clear filters needs to be able to reset the value externally
+  } // clear filters needs to be able to reset the value externally
   // and due to the way this component handles its own debouncing
   // this was easier than moving state up.
+
+
   setValue(value) {
     this.initialValue = value;
     this.setState({
@@ -75,9 +65,7 @@ class FilterInputField extends PureComponent {
   }
 
   focus() {
-    var _this$inputField2;
-
-    (_this$inputField2 = this.inputField) === null || _this$inputField2 === void 0 ? void 0 : _this$inputField2.focus();
+    this.inputField.focus();
   }
 
   handleChange(event) {
@@ -121,9 +109,7 @@ class FilterInputField extends PureComponent {
   }
 
   handleFocus() {
-    var _this$inputField3;
-
-    (_this$inputField3 = this.inputField) === null || _this$inputField3 === void 0 ? void 0 : _this$inputField3.select();
+    this.inputField.select();
   }
 
   handleBlur(event) {
@@ -246,18 +232,29 @@ class FilterInputField extends PureComponent {
 
 }
 
-_defineProperty(FilterInputField, "defaultProps", {
+FilterInputField.propTypes = {
+  className: PropTypes.string,
+  style: PropTypes.object,
+  value: PropTypes.string,
+  isAdvancedFilterSet: PropTypes.bool,
+  onAdvancedFiltersTriggered: PropTypes.func,
+  onChange: PropTypes.func,
+  onDone: PropTypes.func,
+  onTab: PropTypes.func,
+  onContextMenu: PropTypes.func,
+  debounceMs: PropTypes.number
+};
+FilterInputField.defaultProps = {
   style: {},
   className: '',
   value: '',
   isAdvancedFilterSet: false,
-  onAdvancedFiltersTriggered: () => undefined,
-  onChange: () => undefined,
-  onDone: () => undefined,
-  onTab: () => undefined,
-  onContextMenu: () => undefined,
+  onAdvancedFiltersTriggered: () => {},
+  onChange: () => {},
+  onDone: () => {},
+  onTab: () => {},
+  onContextMenu: () => {},
   debounceMs: 150
-});
-
+};
 export default FilterInputField;
 //# sourceMappingURL=FilterInputField.js.map

package/dist/FilterInputField.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/FilterInputField.tsx"],"names":["React","PureComponent","classNames","debounce","vsFilter","dhFilterFilled","FontAwesomeIcon","FilterInputField","constructor","props","debounceMs","debouncedSendUpdate","sendUpdate","bind","handleCancel","handleChange","handleCommit","handleFocus","handleBlur","handleKeyDown","handleContextMenu","inputField","value","initialValue","state","isChanged","componentDidMount","focus","componentDidUpdate","prevProps","flush","componentWillUnmount","cancel","setValue","setState","event","target","onDone","setGridFocus","defocusInput","select","relatedTarget","classList","contains","handleTab","backward","onTab","key","stopPropagation","preventDefault","shiftKey","onContextMenu","onChange","render","className","style","isAdvancedFilterSet","onAdvancedFiltersTriggered","undefined"],"mappings":"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","sourcesContent":["import React, { ChangeEvent, PureComponent, ReactElement } from 'react';\nimport classNames from 'classnames';\nimport debounce from 'lodash.debounce';\nimport { vsFilter, dhFilterFilled } from '@deephaven/icons';\nimport './FilterInputField.scss';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport type { DebouncedFunc } from 'lodash';\n\ninterface FilterInputFieldProps {\n  className: string;\n  style: React.CSSProperties;\n  value: string;\n  isAdvancedFilterSet: boolean;\n  onAdvancedFiltersTriggered: React.MouseEventHandler<HTMLButtonElement>;\n  onChange: (value: string) => void;\n  onDone: (setGridFocus?: boolean, defocusInput?: boolean) => void;\n  onTab: (backward: boolean) => void;\n  onContextMenu: React.MouseEventHandler<HTMLInputElement | HTMLButtonElement>;\n  debounceMs: number;\n}\ninterface FilterInputFieldState {\n  isChanged: boolean;\n  value: string;\n}\n/**\n * An input field showing a input field and button.\n * Debounces changes.\n */\nclass FilterInputField extends PureComponent<\n  FilterInputFieldProps,\n  FilterInputFieldState\n> {\n  static defaultProps = {\n    style: {},\n    className: '',\n    value: '',\n    isAdvancedFilterSet: false,\n    onAdvancedFiltersTriggered: (): void => undefined,\n    onChange: (): void => undefined,\n    onDone: (): void => undefined,\n    onTab: (): void => undefined,\n    onContextMenu: (): void => undefined,\n    debounceMs: 150,\n  };\n\n  constructor(props: FilterInputFieldProps) {\n    super(props);\n\n    const { debounceMs } = props;\n\n    this.debouncedSendUpdate = debounce(this.sendUpdate.bind(this), debounceMs);\n    this.handleCancel = this.handleCancel.bind(this);\n    this.handleChange = this.handleChange.bind(this);\n    this.handleCommit = this.handleCommit.bind(this);\n    this.handleFocus = this.handleFocus.bind(this);\n    this.handleBlur = this.handleBlur.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n    this.handleContextMenu = this.handleContextMenu.bind(this);\n\n    this.inputField = null;\n\n    const { value } = props;\n    this.initialValue = value;\n    this.state = {\n      isChanged: false,\n      value,\n    };\n  }\n\n  componentDidMount(): void {\n    this.inputField?.focus();\n  }\n\n  componentDidUpdate(prevProps: FilterInputFieldProps): void {\n    const { debounceMs } = this.props;\n    if (prevProps.debounceMs !== debounceMs) {\n      this.debouncedSendUpdate.flush();\n      this.debouncedSendUpdate = debounce(\n        this.sendUpdate.bind(this),\n        debounceMs\n      );\n    }\n  }\n\n  componentWillUnmount(): void {\n    this.debouncedSendUpdate.cancel();\n  }\n\n  inputField: HTMLInputElement | null;\n\n  initialValue: string;\n\n  debouncedSendUpdate: DebouncedFunc<(value: string) => void>;\n\n  // clear filters needs to be able to reset the value externally\n  // and due to the way this component handles its own debouncing\n  // this was easier than moving state up.\n  setValue(value: string): void {\n    this.initialValue = value;\n    this.setState({ value });\n  }\n\n  focus(): void {\n    this.inputField?.focus();\n  }\n\n  handleChange(event: ChangeEvent<HTMLInputElement>): void {\n    const { value } = event.target;\n    this.setState({ value, isChanged: true });\n\n    this.debouncedSendUpdate(value);\n  }\n\n  handleCancel(): void {\n    this.debouncedSendUpdate.cancel();\n    const { initialValue } = this;\n    const { isChanged } = this.state;\n    if (isChanged) {\n      this.sendUpdate(initialValue);\n    }\n\n    const { onDone } = this.props;\n    onDone();\n  }\n\n  handleCommit(setGridFocus = true, defocusInput = true): void {\n    this.debouncedSendUpdate.flush();\n\n    const { onDone } = this.props;\n    onDone(setGridFocus, defocusInput);\n  }\n\n  handleFocus(): void {\n    this.inputField?.select();\n  }\n\n  handleBlur(event: React.FocusEvent<HTMLInputElement>): void {\n    const { relatedTarget } = event;\n    // handleCommit results in a call that steals focus\n    if (relatedTarget?.classList.contains('context-menu-container')) {\n      // input blurred by calling context-menu\n      // don't set grid focus, but do null column focus\n      this.handleCommit(false, true);\n    } else if (relatedTarget?.classList.contains('advanced-filter-button')) {\n      // blurred by clicking an advanced filter button\n      // don't set grid focus, maintain focusedFilterBarColumn state\n      this.handleCommit(false, false);\n    } else {\n      // clear both, blurred elsewhere\n      this.handleCommit(true, true);\n    }\n  }\n\n  handleTab(backward = false): void {\n    this.debouncedSendUpdate.flush();\n\n    const { onTab } = this.props;\n    onTab(backward);\n  }\n\n  handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>): void {\n    switch (event.key) {\n      case 'Escape':\n        event.stopPropagation();\n        event.preventDefault();\n        this.handleCancel();\n        break;\n      case 'Enter':\n        event.stopPropagation();\n        event.preventDefault();\n        this.handleCommit();\n        break;\n      case 'Tab':\n        event.stopPropagation();\n        event.preventDefault();\n        this.handleTab(event.shiftKey);\n        break;\n      default:\n        break;\n    }\n  }\n\n  handleContextMenu(\n    event: React.MouseEvent<HTMLInputElement | HTMLButtonElement>\n  ): void {\n    const { onContextMenu } = this.props;\n    onContextMenu(event);\n  }\n\n  sendUpdate(value: string): void {\n    const { onChange } = this.props;\n    onChange(value);\n  }\n\n  render(): ReactElement {\n    const {\n      className,\n      style,\n      isAdvancedFilterSet,\n      onAdvancedFiltersTriggered,\n    } = this.props;\n    const { value } = this.state;\n    return (\n      <div\n        style={style}\n        className=\"iris-grid-input-autosized-wrapper\"\n        data-value={value} // used by css based autosizer\n      >\n        <input\n          ref={inputField => {\n            this.inputField = inputField;\n          }}\n          className={classNames('iris-grid-input-field', className)}\n          type=\"text\"\n          value={value}\n          onBlur={this.handleBlur}\n          onFocus={this.handleFocus}\n          onChange={this.handleChange}\n          onKeyDown={this.handleKeyDown}\n          onContextMenu={this.handleContextMenu}\n          autoComplete=\"off\"\n          autoCorrect=\"off\"\n          autoCapitalize=\"off\"\n          spellCheck=\"false\"\n        />\n        <div className=\"advanced-filter-button-container\">\n          <button\n            type=\"button\"\n            className={classNames(\n              'btn btn-link btn-link-icon advanced-filter-button',\n              {\n                'filter-set': isAdvancedFilterSet,\n              }\n            )}\n            onClick={onAdvancedFiltersTriggered}\n            onContextMenu={this.handleContextMenu}\n          >\n            <div className=\"fa-layers \">\n              <FontAwesomeIcon icon={dhFilterFilled} className=\"filter-solid\" />\n              <FontAwesomeIcon icon={vsFilter} className=\"filter-light\" />\n            </div>\n          </button>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default FilterInputField;\n"],"file":"FilterInputField.js"}
+{"version":3,"sources":["../src/FilterInputField.jsx"],"names":["React","PureComponent","PropTypes","classNames","debounce","vsFilter","dhFilterFilled","FontAwesomeIcon","FilterInputField","constructor","props","debounceMs","debouncedSendUpdate","sendUpdate","bind","handleCancel","handleChange","handleCommit","handleFocus","handleBlur","handleKeyDown","handleContextMenu","inputField","value","initialValue","state","isChanged","componentDidMount","focus","componentDidUpdate","prevProps","flush","componentWillUnmount","cancel","setValue","setState","event","target","onDone","setGridFocus","defocusInput","select","relatedTarget","classList","contains","handleTab","backward","onTab","key","stopPropagation","preventDefault","shiftKey","onContextMenu","onChange","render","className","style","isAdvancedFilterSet","onAdvancedFiltersTriggered","propTypes","string","object","bool","func","number","defaultProps"],"mappings":"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","sourcesContent":["import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport debounce from 'lodash.debounce';\nimport { vsFilter, dhFilterFilled } from '@deephaven/icons';\nimport './FilterInputField.scss';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\n\n/**\n * An input field showing a input field and button.\n * Debounces changes.\n */\nclass FilterInputField extends PureComponent {\n  constructor(props) {\n    super(props);\n\n    const { debounceMs } = props;\n\n    this.debouncedSendUpdate = debounce(this.sendUpdate.bind(this), debounceMs);\n    this.handleCancel = this.handleCancel.bind(this);\n    this.handleChange = this.handleChange.bind(this);\n    this.handleCommit = this.handleCommit.bind(this);\n    this.handleFocus = this.handleFocus.bind(this);\n    this.handleBlur = this.handleBlur.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n    this.handleContextMenu = this.handleContextMenu.bind(this);\n\n    this.inputField = null;\n\n    const { value } = props;\n    this.initialValue = value;\n    this.state = {\n      isChanged: false,\n      value,\n    };\n  }\n\n  componentDidMount() {\n    this.inputField.focus();\n  }\n\n  componentDidUpdate(prevProps) {\n    const { debounceMs } = this.props;\n    if (prevProps.debounceMs !== debounceMs) {\n      this.debouncedSendUpdate.flush();\n      this.debouncedSendUpdate = debounce(\n        this.sendUpdate.bind(this),\n        debounceMs\n      );\n    }\n  }\n\n  componentWillUnmount() {\n    this.debouncedSendUpdate.cancel();\n  }\n\n  // clear filters needs to be able to reset the value externally\n  // and due to the way this component handles its own debouncing\n  // this was easier than moving state up.\n  setValue(value) {\n    this.initialValue = value;\n    this.setState({ value });\n  }\n\n  focus() {\n    this.inputField.focus();\n  }\n\n  handleChange(event) {\n    const { value } = event.target;\n    this.setState({ value, isChanged: true });\n\n    this.debouncedSendUpdate(value);\n  }\n\n  handleCancel() {\n    this.debouncedSendUpdate.cancel();\n    const { initialValue } = this;\n    const { isChanged } = this.state;\n    if (isChanged) {\n      this.sendUpdate(initialValue);\n    }\n\n    const { onDone } = this.props;\n    onDone();\n  }\n\n  handleCommit(setGridFocus = true, defocusInput = true) {\n    this.debouncedSendUpdate.flush();\n\n    const { onDone } = this.props;\n    onDone(setGridFocus, defocusInput);\n  }\n\n  handleFocus() {\n    this.inputField.select();\n  }\n\n  handleBlur(event) {\n    const { relatedTarget } = event;\n    // handleCommit results in a call that steals focus\n    if (relatedTarget?.classList.contains('context-menu-container')) {\n      // input blurred by calling context-menu\n      // don't set grid focus, but do null column focus\n      this.handleCommit(false, true);\n    } else if (relatedTarget?.classList.contains('advanced-filter-button')) {\n      // blurred by clicking an advanced filter button\n      // don't set grid focus, maintain focusedFilterBarColumn state\n      this.handleCommit(false, false);\n    } else {\n      // clear both, blurred elsewhere\n      this.handleCommit(true, true);\n    }\n  }\n\n  handleTab(backward = false) {\n    this.debouncedSendUpdate.flush();\n\n    const { onTab } = this.props;\n    onTab(backward);\n  }\n\n  handleKeyDown(event) {\n    switch (event.key) {\n      case 'Escape':\n        event.stopPropagation();\n        event.preventDefault();\n        this.handleCancel();\n        break;\n      case 'Enter':\n        event.stopPropagation();\n        event.preventDefault();\n        this.handleCommit();\n        break;\n      case 'Tab':\n        event.stopPropagation();\n        event.preventDefault();\n        this.handleTab(event.shiftKey);\n        break;\n      default:\n        break;\n    }\n  }\n\n  handleContextMenu(event) {\n    const { onContextMenu } = this.props;\n    onContextMenu(event);\n  }\n\n  sendUpdate(value) {\n    const { onChange } = this.props;\n    onChange(value);\n  }\n\n  render() {\n    const {\n      className,\n      style,\n      isAdvancedFilterSet,\n      onAdvancedFiltersTriggered,\n    } = this.props;\n    const { value } = this.state;\n    return (\n      <div\n        style={style}\n        className=\"iris-grid-input-autosized-wrapper\"\n        data-value={value} // used by css based autosizer\n      >\n        <input\n          ref={inputField => {\n            this.inputField = inputField;\n          }}\n          className={classNames('iris-grid-input-field', className)}\n          type=\"text\"\n          value={value}\n          onBlur={this.handleBlur}\n          onFocus={this.handleFocus}\n          onChange={this.handleChange}\n          onKeyDown={this.handleKeyDown}\n          onContextMenu={this.handleContextMenu}\n          autoComplete=\"off\"\n          autoCorrect=\"off\"\n          autoCapitalize=\"off\"\n          spellCheck=\"false\"\n        />\n        <div className=\"advanced-filter-button-container\">\n          <button\n            type=\"button\"\n            className={classNames(\n              'btn btn-link btn-link-icon advanced-filter-button',\n              {\n                'filter-set': isAdvancedFilterSet,\n              }\n            )}\n            onClick={onAdvancedFiltersTriggered}\n            onContextMenu={this.handleContextMenu}\n          >\n            <div className=\"fa-layers \">\n              <FontAwesomeIcon icon={dhFilterFilled} className=\"filter-solid\" />\n              <FontAwesomeIcon icon={vsFilter} className=\"filter-light\" />\n            </div>\n          </button>\n        </div>\n      </div>\n    );\n  }\n}\n\nFilterInputField.propTypes = {\n  className: PropTypes.string,\n  style: PropTypes.object,\n  value: PropTypes.string,\n  isAdvancedFilterSet: PropTypes.bool,\n  onAdvancedFiltersTriggered: PropTypes.func,\n  onChange: PropTypes.func,\n  onDone: PropTypes.func,\n  onTab: PropTypes.func,\n  onContextMenu: PropTypes.func,\n  debounceMs: PropTypes.number,\n};\n\nFilterInputField.defaultProps = {\n  style: {},\n  className: '',\n  value: '',\n  isAdvancedFilterSet: false,\n  onAdvancedFiltersTriggered: () => {},\n  onChange: () => {},\n  onDone: () => {},\n  onTab: () => {},\n  onContextMenu: () => {},\n  debounceMs: 150,\n};\n\nexport default FilterInputField;\n"],"file":"FilterInputField.js"}