@itwin/components-react 4.0.0-dev.1 → 4.0.0-dev.11

package/lib/esm/components-react/table/columnfiltering/TableFilterDescriptorCollection.js

@@ -1,84 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Table
- */
-import { FilterCompositionLogicalOperator, FilterDescriptorCollection, } from "./ColumnFiltering";
-/* eslint-disable deprecation/deprecation */
-/** Represents collection of FilterDescriptor objects composed together by a logical operator.
- * @internal
- */
-export class TableFilterDescriptorCollection extends FilterDescriptorCollection {
-    constructor() {
-        super();
-        this._logicalOperator = FilterCompositionLogicalOperator.And;
-    }
-    /** Gets/Sets the logical operator. */
-    get logicalOperator() {
-        return this._logicalOperator;
-    }
-    set logicalOperator(value) {
-        if (this._logicalOperator !== value) {
-            this._logicalOperator = value;
-        }
-    }
-    /** Gets filter descriptors that will be used for composition.
-     */
-    get filterDescriptorCollection() {
-        return this;
-    }
-    /** Evaluates a row for filtering
-     */
-    evaluateRow(row) {
-        let passed = true;
-        for (const fd of this.filterDescriptorCollection.descriptors) {
-            if (!fd.isActive)
-                continue;
-            passed = fd.evaluateRow(row);
-            if (passed && FilterCompositionLogicalOperator.Or === this.logicalOperator)
-                return true;
-            else if (!passed && FilterCompositionLogicalOperator.And === this.logicalOperator)
-                return false;
-        }
-        return passed;
-    }
-    /** Determines if a filter is active for a particular column
-     */
-    isColumnFilterActive(columnKey) {
-        const columnFilterDescriptor = this.getColumnFilterDescriptor(columnKey);
-        return columnFilterDescriptor ? true : false;
-    }
-    /** Gets the filter for a particular column
-     */
-    getColumnFilterDescriptor(columnKey) {
-        for (const fd of this.filterDescriptorCollection.descriptors) {
-            if (!fd.isActive)
-                continue;
-            if (fd.isFilterForColumn(columnKey))
-                return fd;
-        }
-        return undefined;
-    }
-    getFilterExpression() {
-        let result = "";
-        for (let i = 0; i < this.filterDescriptorCollection.descriptors.length; i++) {
-            if (!this.filterDescriptorCollection.descriptors[i].isActive)
-                continue;
-            if (i > 0 && result !== "") {
-                switch (this.logicalOperator) {
-                    case FilterCompositionLogicalOperator.And:
-                        result += (" And ");
-                        break;
-                    case FilterCompositionLogicalOperator.Or:
-                        result += (" Or ");
-                        break;
-                }
-            }
-            result += (`(${this.filterDescriptorCollection.descriptors[i].getFilterExpression()})`);
-        }
-        return result;
-    }
-}
-//# sourceMappingURL=TableFilterDescriptorCollection.js.map

package/lib/esm/components-react/table/columnfiltering/TableFilterDescriptorCollection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableFilterDescriptorCollection.js","sourceRoot":"","sources":["../../../../../src/components-react/table/columnfiltering/TableFilterDescriptorCollection.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAGH,OAAO,EACwD,gCAAgC,EAAE,0BAA0B,GAC1H,MAAM,mBAAmB,CAAC;AAC3B,4CAA4C;AAE5C;;GAEG;AACH,MAAM,OAAO,+BAAgC,SAAQ,0BAA0B;IAG7E;QACE,KAAK,EAAE,CAAC;QAHF,qBAAgB,GAAG,gCAAgC,CAAC,GAAG,CAAC;IAIhE,CAAC;IAED,sCAAsC;IACtC,IAAW,eAAe;QACxB,OAAO,IAAI,CAAC,gBAAgB,CAAC;IAC/B,CAAC;IAED,IAAW,eAAe,CAAC,KAAuC;QAChE,IAAI,IAAI,CAAC,gBAAgB,KAAK,KAAK,EAAE;YACnC,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;SAC/B;IACH,CAAC;IAED;OACG;IACH,IAAW,0BAA0B;QACnC,OAAO,IAAI,CAAC;IACd,CAAC;IAED;OACG;IACI,WAAW,CAAC,GAAY;QAC7B,IAAI,MAAM,GAAY,IAAI,CAAC;QAE3B,KAAK,MAAM,EAAE,IAAI,IAAI,CAAC,0BAA0B,CAAC,WAAW,EAAE;YAC5D,IAAI,CAAC,EAAE,CAAC,QAAQ;gBACd,SAAS;YAEX,MAAM,GAAG,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;YAE7B,IAAI,MAAM,IAAI,gCAAgC,CAAC,EAAE,KAAK,IAAI,CAAC,eAAe;gBACxE,OAAO,IAAI,CAAC;iBACT,IAAI,CAAC,MAAM,IAAI,gCAAgC,CAAC,GAAG,KAAK,IAAI,CAAC,eAAe;gBAC/E,OAAO,KAAK,CAAC;SAChB;QAED,OAAO,MAAM,CAAC;IAChB,CAAC;IAED;OACG;IACI,oBAAoB,CAAC,SAAiB;QAC3C,MAAM,sBAAsB,GAAG,IAAI,CAAC,yBAAyB,CAAC,SAAS,CAAC,CAAC;QACzE,OAAO,sBAAsB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAC/C,CAAC;IAED;OACG;IACI,yBAAyB,CAAC,SAAiB;QAChD,KAAK,MAAM,EAAE,IAAI,IAAI,CAAC,0BAA0B,CAAC,WAAW,EAAE;YAC5D,IAAI,CAAC,EAAE,CAAC,QAAQ;gBACd,SAAS;YAEX,IAAI,EAAE,CAAC,iBAAiB,CAAC,SAAS,CAAC;gBACjC,OAAO,EAAmC,CAAC;SAC9C;QAED,OAAO,SAAS,CAAC;IACnB,CAAC;IAEM,mBAAmB;QACxB,IAAI,MAAM,GAAW,EAAE,CAAC;QACxB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,0BAA0B,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YAC3E,IAAI,CAAC,IAAI,CAAC,0BAA0B,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,QAAQ;gBAC1D,SAAS;YAEX,IAAI,CAAC,GAAG,CAAC,IAAI,MAAM,KAAK,EAAE,EAAE;gBAC1B,QAAQ,IAAI,CAAC,eAAe,EAAE;oBAC5B,KAAK,gCAAgC,CAAC,GAAG;wBACvC,MAAM,IAAI,CAAC,OAAO,CAAC,CAAC;wBACpB,MAAM;oBACR,KAAK,gCAAgC,CAAC,EAAE;wBACtC,MAAM,IAAI,CAAC,MAAM,CAAC,CAAC;wBACnB,MAAM;iBACT;aACF;YACD,MAAM,IAAI,CAAC,IAAI,IAAI,CAAC,0BAA0B,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,mBAAmB,EAAE,GAAG,CAAC,CAAC;SACzF;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Table\r\n */\r\n\r\nimport { RowItem } from \"../TableDataProvider\";\r\nimport {\r\n  ColumnFilterDescriptor, CompositeFilterDescriptorCollection, FilterCompositionLogicalOperator, FilterDescriptorCollection,\r\n} from \"./ColumnFiltering\";\r\n/* eslint-disable deprecation/deprecation */\r\n\r\n/** Represents collection of FilterDescriptor objects composed together by a logical operator.\r\n * @internal\r\n */\r\nexport class TableFilterDescriptorCollection extends FilterDescriptorCollection implements CompositeFilterDescriptorCollection {\r\n  private _logicalOperator = FilterCompositionLogicalOperator.And;\r\n\r\n  public constructor() {\r\n    super();\r\n  }\r\n\r\n  /** Gets/Sets the logical operator. */\r\n  public get logicalOperator(): FilterCompositionLogicalOperator {\r\n    return this._logicalOperator;\r\n  }\r\n\r\n  public set logicalOperator(value: FilterCompositionLogicalOperator) {\r\n    if (this._logicalOperator !== value) {\r\n      this._logicalOperator = value;\r\n    }\r\n  }\r\n\r\n  /** Gets filter descriptors that will be used for composition.\r\n   */\r\n  public get filterDescriptorCollection(): FilterDescriptorCollection {\r\n    return this;\r\n  }\r\n\r\n  /** Evaluates a row for filtering\r\n   */\r\n  public evaluateRow(row: RowItem): boolean {\r\n    let passed: boolean = true;\r\n\r\n    for (const fd of this.filterDescriptorCollection.descriptors) {\r\n      if (!fd.isActive)\r\n        continue;\r\n\r\n      passed = fd.evaluateRow(row);\r\n\r\n      if (passed && FilterCompositionLogicalOperator.Or === this.logicalOperator)\r\n        return true;\r\n      else if (!passed && FilterCompositionLogicalOperator.And === this.logicalOperator)\r\n        return false;\r\n    }\r\n\r\n    return passed;\r\n  }\r\n\r\n  /** Determines if a filter is active for a particular column\r\n   */\r\n  public isColumnFilterActive(columnKey: string): boolean {\r\n    const columnFilterDescriptor = this.getColumnFilterDescriptor(columnKey);\r\n    return columnFilterDescriptor ? true : false;\r\n  }\r\n\r\n  /** Gets the filter for a particular column\r\n   */\r\n  public getColumnFilterDescriptor(columnKey: string): ColumnFilterDescriptor | undefined {\r\n    for (const fd of this.filterDescriptorCollection.descriptors) {\r\n      if (!fd.isActive)\r\n        continue;\r\n\r\n      if (fd.isFilterForColumn(columnKey))\r\n        return fd as any as ColumnFilterDescriptor;\r\n    }\r\n\r\n    return undefined;\r\n  }\r\n\r\n  public getFilterExpression(): string {\r\n    let result: string = \"\";\r\n    for (let i = 0; i < this.filterDescriptorCollection.descriptors.length; i++) {\r\n      if (!this.filterDescriptorCollection.descriptors[i].isActive)\r\n        continue;\r\n\r\n      if (i > 0 && result !== \"\") {\r\n        switch (this.logicalOperator) {\r\n          case FilterCompositionLogicalOperator.And:\r\n            result += (\" And \");\r\n            break;\r\n          case FilterCompositionLogicalOperator.Or:\r\n            result += (\" Or \");\r\n            break;\r\n        }\r\n      }\r\n      result += (`(${this.filterDescriptorCollection.descriptors[i].getFilterExpression()})`);\r\n    }\r\n    return result;\r\n  }\r\n}\r\n"]}

package/lib/esm/components-react/table/columnfiltering/data-grid-addons/AutoCompleteFilter.d.ts

@@ -1,29 +0,0 @@
-import React from "react";
-import { ReactDataGridColumn } from "../../component/TableColumn";
-import { TableDistinctValue } from "../ColumnFiltering";
-/** @internal */
-export interface AutoCompleteFilterProps {
-    onChange: (args: {
-        filterTerm: any;
-        column: ReactDataGridColumn;
-    }) => void;
-    column: ReactDataGridColumn;
-    getValidFilterValues: (key: string) => any[];
-    multiSelection?: boolean;
-    placeholder?: string;
-}
-interface AutoCompleteFilterState {
-    options: TableDistinctValue[];
-    filters?: any;
-}
-/** @internal */
-export declare class AutoCompleteFilter extends React.Component<AutoCompleteFilterProps, AutoCompleteFilterState> {
-    private _placeholder;
-    constructor(props: AutoCompleteFilterProps);
-    componentDidUpdate(props: AutoCompleteFilterProps): void;
-    private _getOptions;
-    private _handleChange;
-    render(): JSX.Element;
-}
-export {};
-//# sourceMappingURL=AutoCompleteFilter.d.ts.map

package/lib/esm/components-react/table/columnfiltering/data-grid-addons/AutoCompleteFilter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AutoCompleteFilter.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/table/columnfiltering/data-grid-addons/AutoCompleteFilter.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAIxD,gBAAgB;AAChB,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,CAAC,IAAI,EAAE;QAAE,UAAU,EAAE,GAAG,CAAC;QAAC,MAAM,EAAE,mBAAmB,CAAA;KAAE,KAAK,IAAI,CAAC;IAC3E,MAAM,EAAE,mBAAmB,CAAC;IAC5B,oBAAoB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,GAAG,EAAE,CAAC;IAC7C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,uBAAuB;IAC/B,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,OAAO,CAAC,EAAE,GAAG,CAAC;CACf;AAGD,gBAAgB;AAChB,qBAAa,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CAAC,uBAAuB,EAAE,uBAAuB,CAAC;IACvG,OAAO,CAAC,YAAY,CAAiD;gBAEzD,KAAK,EAAE,uBAAuB;IAQ1B,kBAAkB,CAAC,KAAK,EAAE,uBAAuB;IAMjE,OAAO,CAAC,WAAW,CAUjB;IAEF,OAAO,CAAC,aAAa,CAInB;IAEc,MAAM;CAavB"}

package/lib/esm/components-react/table/columnfiltering/data-grid-addons/AutoCompleteFilter.js

@@ -1,49 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/* eslint-disable deprecation/deprecation */
-/*---------------------------------------------------------------------------------------------
-* This code has been adapted from
-* [react-data-grid-addons](https://github.com/adazzle/react-data-grid/tree/master/packages/react-data-grid-addons).
-*--------------------------------------------------------------------------------------------*/
-import * as _ from "lodash";
-import React from "react";
-import { ThemedSelect } from "@itwin/core-react";
-import { UiComponents } from "../../../UiComponents";
-/* istanbul ignore next */
-/** @internal */
-export class AutoCompleteFilter extends React.Component {
-    constructor(props) {
-        super(props);
-        this._placeholder = UiComponents.translate("button.label.filter");
-        this._getOptions = (newProps) => {
-            const props = newProps || this.props;
-            let options = props.getValidFilterValues(props.column.key);
-            options = options.map((o) => {
-                if (typeof o === "string") {
-                    return { value: o, label: o };
-                }
-                return o;
-            });
-            return options;
-        };
-        this._handleChange = (value) => {
-            const filters = value;
-            this.setState({ filters });
-            this.props.onChange({ filterTerm: filters, column: this.props.column });
-        };
-        this.state = {
-            options: this._getOptions(),
-        };
-    }
-    componentDidUpdate(props) {
-        const options = this._getOptions(props);
-        if (!_.isEqual(options, this.state.options))
-            this.setState({ options });
-    }
-    render() {
-        return (React.createElement(ThemedSelect, { name: `filter-${this.props.column.key}`, options: this.state.options, placeholder: this.props.placeholder || this._placeholder, onChange: this._handleChange, escapeClearsValue: true, isMulti: this.props.multiSelection !== undefined ? this.props.multiSelection : false, isClearable: true, value: this.state.filters }));
-    }
-}
-//# sourceMappingURL=AutoCompleteFilter.js.map

package/lib/esm/components-react/table/columnfiltering/data-grid-addons/AutoCompleteFilter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AutoCompleteFilter.js","sourceRoot":"","sources":["../../../../../../src/components-react/table/columnfiltering/data-grid-addons/AutoCompleteFilter.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,4CAA4C;AAE5C;;;+FAG+F;AAE/F,OAAO,KAAK,CAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAoBrD,0BAA0B;AAC1B,gBAAgB;AAChB,MAAM,OAAO,kBAAmB,SAAQ,KAAK,CAAC,SAA2D;IAGvG,YAAY,KAA8B;QACxC,KAAK,CAAC,KAAK,CAAC,CAAC;QAHP,iBAAY,GAAG,YAAY,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC;QAgB7D,gBAAW,GAAG,CAAC,QAAkC,EAAwB,EAAE;YACjF,MAAM,KAAK,GAAG,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC;YACrC,IAAI,OAAO,GAAG,KAAK,CAAC,oBAAoB,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;YAC3D,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAM,EAAE,EAAE;gBAC/B,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE;oBACzB,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;iBAC/B;gBACD,OAAO,CAAC,CAAC;YACX,CAAC,CAAC,CAAC;YACH,OAAO,OAAO,CAAC;QACjB,CAAC,CAAC;QAEM,kBAAa,GAAG,CAAC,KAAU,EAAQ,EAAE;YAC3C,MAAM,OAAO,GAAG,KAAK,CAAC;YACtB,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;YAC3B,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC;QAC1E,CAAC,CAAC;QA3BA,IAAI,CAAC,KAAK,GAAG;YACX,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE;SAC5B,CAAC;IACJ,CAAC;IAEe,kBAAkB,CAAC,KAA8B;QAC/D,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QACxC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;YACzC,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;IAC/B,CAAC;IAoBe,MAAM;QACpB,OAAO,CACL,oBAAC,YAAY,IACX,IAAI,EAAE,UAAU,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,EAAE,EACvC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,IAAI,CAAC,YAAY,EACxD,QAAQ,EAAE,IAAI,CAAC,aAAa,EAC5B,iBAAiB,EAAE,IAAI,EACvB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,EACpF,WAAW,EAAE,IAAI,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,GAAI,CAChC,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/* eslint-disable deprecation/deprecation */\r\n\r\n/*---------------------------------------------------------------------------------------------\r\n* This code has been adapted from\r\n* [react-data-grid-addons](https://github.com/adazzle/react-data-grid/tree/master/packages/react-data-grid-addons).\r\n*--------------------------------------------------------------------------------------------*/\r\n\r\nimport * as _ from \"lodash\";\r\nimport React from \"react\";\r\nimport { ThemedSelect } from \"@itwin/core-react\";\r\nimport { UiComponents } from \"../../../UiComponents\";\r\nimport { ReactDataGridColumn } from \"../../component/TableColumn\";\r\nimport { TableDistinctValue } from \"../ColumnFiltering\";\r\n\r\n// cspell:ignore autosize\r\n\r\n/** @internal */\r\nexport interface AutoCompleteFilterProps {\r\n  onChange: (args: { filterTerm: any, column: ReactDataGridColumn }) => void;\r\n  column: ReactDataGridColumn;\r\n  getValidFilterValues: (key: string) => any[];\r\n  multiSelection?: boolean;\r\n  placeholder?: string;\r\n}\r\n\r\ninterface AutoCompleteFilterState {\r\n  options: TableDistinctValue[];\r\n  filters?: any;\r\n}\r\n\r\n/* istanbul ignore next */\r\n/** @internal */\r\nexport class AutoCompleteFilter extends React.Component<AutoCompleteFilterProps, AutoCompleteFilterState> {\r\n  private _placeholder = UiComponents.translate(\"button.label.filter\");\r\n\r\n  constructor(props: AutoCompleteFilterProps) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      options: this._getOptions(),\r\n    };\r\n  }\r\n\r\n  public override componentDidUpdate(props: AutoCompleteFilterProps) {\r\n    const options = this._getOptions(props);\r\n    if (!_.isEqual(options, this.state.options))\r\n      this.setState({ options });\r\n  }\r\n\r\n  private _getOptions = (newProps?: AutoCompleteFilterProps): TableDistinctValue[] => {\r\n    const props = newProps || this.props;\r\n    let options = props.getValidFilterValues(props.column.key);\r\n    options = options.map((o: any) => {\r\n      if (typeof o === \"string\") {\r\n        return { value: o, label: o };\r\n      }\r\n      return o;\r\n    });\r\n    return options;\r\n  };\r\n\r\n  private _handleChange = (value: any): void => {\r\n    const filters = value;\r\n    this.setState({ filters });\r\n    this.props.onChange({ filterTerm: filters, column: this.props.column });\r\n  };\r\n\r\n  public override render() {\r\n    return (\r\n      <ThemedSelect\r\n        name={`filter-${this.props.column.key}`}\r\n        options={this.state.options}\r\n        placeholder={this.props.placeholder || this._placeholder}\r\n        onChange={this._handleChange}\r\n        escapeClearsValue={true}\r\n        isMulti={this.props.multiSelection !== undefined ? this.props.multiSelection : false}\r\n        isClearable={true}\r\n        value={this.state.filters} />\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/esm/components-react/table/columnfiltering/data-grid-addons/MultiSelectFilter.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { AutoCompleteFilterProps } from "./AutoCompleteFilter";
-/** @internal */
-export declare function MultiSelectFilter(props: AutoCompleteFilterProps): JSX.Element;
-//# sourceMappingURL=MultiSelectFilter.d.ts.map

package/lib/esm/components-react/table/columnfiltering/data-grid-addons/MultiSelectFilter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultiSelectFilter.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/table/columnfiltering/data-grid-addons/MultiSelectFilter.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAsB,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAGnF,gBAAgB;AAChB,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,uBAAuB,eAE/D"}

package/lib/esm/components-react/table/columnfiltering/data-grid-addons/MultiSelectFilter.js

@@ -1,16 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/*---------------------------------------------------------------------------------------------
-* This code has been adapted from
-* [react-data-grid-addons](https://github.com/adazzle/react-data-grid/tree/master/packages/react-data-grid-addons).
-*--------------------------------------------------------------------------------------------*/
-import React from "react";
-import { AutoCompleteFilter } from "./AutoCompleteFilter";
-/* istanbul ignore next */
-/** @internal */
-export function MultiSelectFilter(props) {
-    return React.createElement(AutoCompleteFilter, { ...props, multiSelection: true });
-}
-//# sourceMappingURL=MultiSelectFilter.js.map

package/lib/esm/components-react/table/columnfiltering/data-grid-addons/MultiSelectFilter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultiSelectFilter.js","sourceRoot":"","sources":["../../../../../../src/components-react/table/columnfiltering/data-grid-addons/MultiSelectFilter.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAE/F;;;+FAG+F;AAE/F,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAA2B,MAAM,sBAAsB,CAAC;AAEnF,0BAA0B;AAC1B,gBAAgB;AAChB,MAAM,UAAU,iBAAiB,CAAC,KAA8B;IAC9D,OAAO,oBAAC,kBAAkB,OAAK,KAAK,EAAE,cAAc,EAAE,IAAI,GAAI,CAAC;AACjE,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n\r\n/*---------------------------------------------------------------------------------------------\r\n* This code has been adapted from\r\n* [react-data-grid-addons](https://github.com/adazzle/react-data-grid/tree/master/packages/react-data-grid-addons).\r\n*--------------------------------------------------------------------------------------------*/\r\n\r\nimport React from \"react\";\r\nimport { AutoCompleteFilter, AutoCompleteFilterProps } from \"./AutoCompleteFilter\";\r\n\r\n/* istanbul ignore next */\r\n/** @internal */\r\nexport function MultiSelectFilter(props: AutoCompleteFilterProps) {\r\n  return <AutoCompleteFilter {...props} multiSelection={true} />;\r\n}\r\n"]}

package/lib/esm/components-react/table/columnfiltering/data-grid-addons/NumericFilter.d.ts

@@ -1,22 +0,0 @@
-import React from "react";
-import { ReactDataGridColumn } from "../../component/TableColumn";
-/** @internal */
-export interface NumericFilterProps {
-    onChange: (args: {
-        filterTerm: any;
-        column: ReactDataGridColumn;
-    }) => void;
-    column: ReactDataGridColumn;
-    placeholder?: string;
-}
-/** @internal */
-export declare class NumericFilter extends React.Component<NumericFilterProps> {
-    private _tooltipText;
-    private _placeholder;
-    constructor(props: NumericFilterProps);
-    private getRules;
-    private _handleKeyPress;
-    private _handleChange;
-    render(): JSX.Element;
-}
-//# sourceMappingURL=NumericFilter.d.ts.map

package/lib/esm/components-react/table/columnfiltering/data-grid-addons/NumericFilter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NumericFilter.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/table/columnfiltering/data-grid-addons/NumericFilter.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAGlE,gBAAgB;AAChB,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,CAAC,IAAI,EAAE;QAAE,UAAU,EAAE,GAAG,CAAC;QAAC,MAAM,EAAE,mBAAmB,CAAA;KAAE,KAAK,IAAI,CAAC;IAC3E,MAAM,EAAE,mBAAmB,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAGD,gBAAgB;AAChB,qBAAa,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,kBAAkB,CAAC;IACpE,OAAO,CAAC,YAAY,CAAyD;IAC7E,OAAO,CAAC,YAAY,CAA6D;gBAErE,KAAK,EAAE,kBAAkB;IAIrC,OAAO,CAAC,QAAQ;IA6BhB,OAAO,CAAC,eAAe,CAMrB;IAEF,OAAO,CAAC,aAAa,CAInB;IAEc,MAAM;CAuBvB"}

package/lib/esm/components-react/table/columnfiltering/data-grid-addons/NumericFilter.js

@@ -1,81 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/* eslint-disable deprecation/deprecation */
-/*---------------------------------------------------------------------------------------------
-* This code has been adapted from
-* [react-data-grid-addons](https://github.com/adazzle/react-data-grid/tree/master/packages/react-data-grid-addons).
-*--------------------------------------------------------------------------------------------*/
-import React from "react";
-import { UiComponents } from "../../../UiComponents";
-import { NumericFilterType } from "../DataGridFilterParser";
-/* istanbul ignore next */
-/** @internal */
-export class NumericFilter extends React.Component {
-    constructor(props) {
-        super(props);
-        this._tooltipText = UiComponents.translate("table.filter.numericTooltip"); // "Input Methods: Range (x-y), Greater Then (>x), Less Then (<y)";
-        this._placeholder = UiComponents.translate("table.filter.numericPlaceholder"); // "e.g. 3,10-15,>20"
-        this._handleKeyPress = (e) => {
-            const regex = ">|<|-|,|.|([0-9])";
-            const result = RegExp(regex).test(e.key);
-            if (result === false) {
-                e.preventDefault();
-            }
-        };
-        this._handleChange = (e) => {
-            const value = e.target.value;
-            const filters = this.getRules(value);
-            this.props.onChange({ filterTerm: (filters.length > 0 ? filters : null), column: this.props.column });
-        };
-    }
-    getRules(value) {
-        const rules = [];
-        if (value === "") {
-            return rules;
-        }
-        // check comma
-        const list = value.split(",");
-        if (list.length > 0) {
-            // handle each value with comma
-            list.forEach((obj) => {
-                if (obj.indexOf("-") > 0) { // handle dash
-                    const begin = parseFloat(obj.split("-")[0]);
-                    const end = parseFloat(obj.split("-")[1]);
-                    rules.push({ type: NumericFilterType.Range, begin, end });
-                }
-                else if (obj.indexOf(">") > -1) { // handle greater then
-                    const begin = parseFloat(obj.split(">")[1]);
-                    rules.push({ type: NumericFilterType.GreaterThan, value: begin });
-                }
-                else if (obj.indexOf("<") > -1) { // handle less then
-                    const end = parseFloat(obj.split("<")[1]);
-                    rules.push({ type: NumericFilterType.LessThan, value: end });
-                }
-                else { // handle normal values
-                    const numericValue = parseFloat(obj);
-                    rules.push({ type: NumericFilterType.ExactMatch, value: numericValue });
-                }
-            });
-        }
-        return rules;
-    }
-    render() {
-        const inputKey = `header-filter-${this.props.column.key}`;
-        const columnStyle = {
-            float: "left",
-            marginRight: 5,
-            maxWidth: "80%",
-        };
-        const badgeStyle = {
-            cursor: "help",
-        };
-        return (React.createElement("div", null,
-            React.createElement("div", { style: columnStyle },
-                React.createElement("input", { key: inputKey, type: "text", placeholder: this.props.placeholder || this._placeholder, className: "form-control input-sm", onChange: this._handleChange, onKeyPress: this._handleKeyPress })),
-            React.createElement("div", { className: "input-sm" },
-                React.createElement("span", { className: "badge", style: badgeStyle, title: this._tooltipText }, "?"))));
-    }
-}
-//# sourceMappingURL=NumericFilter.js.map

package/lib/esm/components-react/table/columnfiltering/data-grid-addons/NumericFilter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NumericFilter.js","sourceRoot":"","sources":["../../../../../../src/components-react/table/columnfiltering/data-grid-addons/NumericFilter.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/* eslint-disable deprecation/deprecation */\r\n\r\n/*---------------------------------------------------------------------------------------------\r\n* This code has been adapted from\r\n* [react-data-grid-addons](https://github.com/adazzle/react-data-grid/tree/master/packages/react-data-grid-addons).\r\n*--------------------------------------------------------------------------------------------*/\r\n\r\nimport React from \"react\";\r\nimport { UiComponents } from \"../../../UiComponents\";\r\nimport { ReactDataGridColumn } from \"../../component/TableColumn\";\r\nimport { NumericFilterRule, NumericFilterType } from \"../DataGridFilterParser\";\r\n\r\n/** @internal */\r\nexport interface NumericFilterProps {\r\n  onChange: (args: { filterTerm: any, column: ReactDataGridColumn }) => void;\r\n  column: ReactDataGridColumn;\r\n  placeholder?: string;\r\n}\r\n\r\n/* istanbul ignore next */\r\n/** @internal */\r\nexport class NumericFilter extends React.Component<NumericFilterProps> {\r\n  private _tooltipText = UiComponents.translate(\"table.filter.numericTooltip\");      // \"Input Methods: Range (x-y), Greater Then (>x), Less Then (<y)\";\r\n  private _placeholder = UiComponents.translate(\"table.filter.numericPlaceholder\");  // \"e.g. 3,10-15,>20\"\r\n\r\n  constructor(props: NumericFilterProps) {\r\n    super(props);\r\n  }\r\n\r\n  private getRules(value: string) {\r\n    const rules: NumericFilterRule[] = [];\r\n    if (value === \"\") {\r\n      return rules;\r\n    }\r\n    // check comma\r\n    const list = value.split(\",\");\r\n    if (list.length > 0) {\r\n      // handle each value with comma\r\n      list.forEach((obj) => {\r\n        if (obj.indexOf(\"-\") > 0) { // handle dash\r\n          const begin = parseFloat(obj.split(\"-\")[0]);\r\n          const end = parseFloat(obj.split(\"-\")[1]);\r\n          rules.push({ type: NumericFilterType.Range, begin, end });\r\n        } else if (obj.indexOf(\">\") > -1) { // handle greater then\r\n          const begin = parseFloat(obj.split(\">\")[1]);\r\n          rules.push({ type: NumericFilterType.GreaterThan, value: begin });\r\n        } else if (obj.indexOf(\"<\") > -1) { // handle less then\r\n          const end = parseFloat(obj.split(\"<\")[1]);\r\n          rules.push({ type: NumericFilterType.LessThan, value: end });\r\n        } else { // handle normal values\r\n          const numericValue = parseFloat(obj);\r\n          rules.push({ type: NumericFilterType.ExactMatch, value: numericValue });\r\n        }\r\n      });\r\n    }\r\n    return rules;\r\n  }\r\n\r\n  private _handleKeyPress = (e: React.KeyboardEvent<HTMLInputElement>) => { // Validate the input\r\n    const regex = \">|<|-|,|.|([0-9])\";\r\n    const result = RegExp(regex).test(e.key);\r\n    if (result === false) {\r\n      e.preventDefault();\r\n    }\r\n  };\r\n\r\n  private _handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    const value = e.target.value;\r\n    const filters = this.getRules(value);\r\n    this.props.onChange({ filterTerm: (filters.length > 0 ? filters : null), column: this.props.column });\r\n  };\r\n\r\n  public override render() {\r\n    const inputKey = `header-filter-${this.props.column.key}`;\r\n    const columnStyle: React.CSSProperties = {\r\n      float: \"left\",\r\n      marginRight: 5,\r\n      maxWidth: \"80%\",\r\n    };\r\n    const badgeStyle: React.CSSProperties = {\r\n      cursor: \"help\",\r\n    };\r\n\r\n    return (\r\n      <div>\r\n        <div style={columnStyle}>\r\n          <input key={inputKey} type=\"text\" placeholder={this.props.placeholder || this._placeholder} className=\"form-control input-sm\"\r\n            onChange={this._handleChange} onKeyPress={this._handleKeyPress} />\r\n        </div>\r\n        <div className=\"input-sm\">\r\n          <span className=\"badge\" style={badgeStyle} title={this._tooltipText}>?</span>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/esm/components-react/table/columnfiltering/data-grid-addons/SingleSelectFilter.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { AutoCompleteFilterProps } from "./AutoCompleteFilter";
-/** @internal */
-export declare function SingleSelectFilter(props: AutoCompleteFilterProps): JSX.Element;
-//# sourceMappingURL=SingleSelectFilter.d.ts.map

package/lib/esm/components-react/table/columnfiltering/data-grid-addons/SingleSelectFilter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SingleSelectFilter.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/table/columnfiltering/data-grid-addons/SingleSelectFilter.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAsB,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAGnF,gBAAgB;AAChB,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,eAEhE"}

package/lib/esm/components-react/table/columnfiltering/data-grid-addons/SingleSelectFilter.js

@@ -1,16 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/*---------------------------------------------------------------------------------------------
-* This code has been adapted from
-* [react-data-grid-addons](https://github.com/adazzle/react-data-grid/tree/master/packages/react-data-grid-addons).
-*--------------------------------------------------------------------------------------------*/
-import React from "react";
-import { AutoCompleteFilter } from "./AutoCompleteFilter";
-/* istanbul ignore next */
-/** @internal */
-export function SingleSelectFilter(props) {
-    return React.createElement(AutoCompleteFilter, { ...props, multiSelection: false });
-}
-//# sourceMappingURL=SingleSelectFilter.js.map

package/lib/esm/components-react/table/columnfiltering/data-grid-addons/SingleSelectFilter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SingleSelectFilter.js","sourceRoot":"","sources":["../../../../../../src/components-react/table/columnfiltering/data-grid-addons/SingleSelectFilter.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAE/F;;;+FAG+F;AAE/F,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAA2B,MAAM,sBAAsB,CAAC;AAEnF,0BAA0B;AAC1B,gBAAgB;AAChB,MAAM,UAAU,kBAAkB,CAAC,KAA8B;IAC/D,OAAO,oBAAC,kBAAkB,OAAK,KAAK,EAAE,cAAc,EAAE,KAAK,GAAI,CAAC;AAClE,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n\r\n/*---------------------------------------------------------------------------------------------\r\n* This code has been adapted from\r\n* [react-data-grid-addons](https://github.com/adazzle/react-data-grid/tree/master/packages/react-data-grid-addons).\r\n*--------------------------------------------------------------------------------------------*/\r\n\r\nimport React from \"react\";\r\nimport { AutoCompleteFilter, AutoCompleteFilterProps } from \"./AutoCompleteFilter\";\r\n\r\n/* istanbul ignore next */\r\n/** @internal */\r\nexport function SingleSelectFilter(props: AutoCompleteFilterProps) {\r\n  return <AutoCompleteFilter {...props} multiSelection={false} />;\r\n}\r\n"]}

package/lib/esm/components-react/table/columnfiltering/multi-value-filter/MultiValueFilter.d.ts

@@ -1,19 +0,0 @@
-/** @packageDocumentation
- * @module Table
- */
-/// <reference types="react" />
-import "./MultiValueFilter.scss";
-import { ReactDataGridColumn } from "../../component/TableColumn";
-/** @internal */
-export interface MultiValueFilterProps {
-    onChange: (args: {
-        filterTerm: any;
-        column: ReactDataGridColumn;
-    }) => void;
-    column: ReactDataGridColumn;
-    getValidFilterValues: (key: string) => any[];
-    placeholder?: string;
-}
-/** @internal */
-export declare function MultiValueFilter(props: MultiValueFilterProps): JSX.Element;
-//# sourceMappingURL=MultiValueFilter.d.ts.map

package/lib/esm/components-react/table/columnfiltering/multi-value-filter/MultiValueFilter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultiValueFilter.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/table/columnfiltering/multi-value-filter/MultiValueFilter.tsx"],"names":[],"mappings":"AAKA;;GAEG;;AAEH,OAAO,yBAAyB,CAAC;AAKjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAgBlE,gBAAgB;AAChB,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,CAAC,IAAI,EAAE;QAAE,UAAU,EAAE,GAAG,CAAC;QAAC,MAAM,EAAE,mBAAmB,CAAA;KAAE,KAAK,IAAI,CAAC;IAC3E,MAAM,EAAE,mBAAmB,CAAC;IAC5B,oBAAoB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,GAAG,EAAE,CAAC;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,gBAAgB;AAChB,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,eAmM5D"}

package/lib/esm/components-react/table/columnfiltering/multi-value-filter/MultiValueFilter.js

@@ -1,177 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/* eslint-disable deprecation/deprecation */
-/** @packageDocumentation
- * @module Table
- */
-import "./MultiValueFilter.scss";
-import React from "react";
-import { CheckBoxState, CheckListBox, CheckListBoxItem, SearchBox, UiCore } from "@itwin/core-react";
-import { Button, Checkbox } from "@itwin/itwinui-react";
-import { PopupButton, PopupContent } from "../../../editors/PopupButton";
-import { UiComponents } from "../../../UiComponents";
-import { FilterCompositionLogicalOperator } from "../ColumnFiltering";
-function contains(valueA, valueB, caseSensitive) {
-    // istanbul ignore next
-    if (!valueA || !valueB || valueB.length > valueA.length)
-        return false;
-    if (caseSensitive)
-        return valueA.indexOf(valueB, 0) !== -1;
-    return valueA.toLocaleUpperCase().indexOf(valueB.toLocaleUpperCase(), 0) !== -1;
-}
-/** @internal */
-export function MultiValueFilter(props) {
-    const [clearLabel] = React.useState(() => UiCore.translate("general.clear"));
-    const [filterLabel] = React.useState(() => UiComponents.translate("button.label.filter"));
-    const [cancelLabel] = React.useState(() => UiCore.translate("dialog.cancel"));
-    const [searchLabel] = React.useState(() => UiComponents.translate("button.label.search"));
-    const [selectAllLabel] = React.useState(() => UiComponents.translate("button.label.selectAll"));
-    const [distinctFilter] = React.useState(() => props.column.filterableColumn.columnFilterDescriptor.distinctFilter);
-    const [buttonLabel, setButtonLabel] = React.useState(undefined);
-    const [buttonTooltip, setButtonTooltip] = React.useState(undefined);
-    const [searchText, setSearchText] = React.useState("");
-    const [selectAllState, setSelectAllState] = React.useState(CheckBoxState.Off);
-    const [filterCaseSensitive] = React.useState(() => !!props.column.filterableColumn.filterCaseSensitive);
-    const [showDistinctValueFilters] = React.useState(() => !!props.column.filterableColumn.showDistinctValueFilters);
-    const popupButtonRef = React.useRef(null);
-    const distinctValues = React.useMemo(() => {
-        let options = props.getValidFilterValues(props.column.key);
-        options = options.map((o) => {
-            // istanbul ignore next
-            if (typeof o === "string") {
-                return { value: o, label: o };
-            }
-            return o;
-        });
-        return options;
-    }, [props]);
-    const checkedValues = React.useMemo(() => {
-        const values = new Array();
-        for (const distinctValue of distinctValues) {
-            if (distinctFilter.tryFindDescriptor(distinctValue.value) !== undefined)
-                values.push(distinctValue);
-        }
-        return values;
-    }, [distinctValues, distinctFilter]);
-    const [checkedDistinctValues, setCheckedDistinctValues] = React.useState(() => checkedValues);
-    React.useEffect(() => {
-        setCheckedDistinctValues(checkedValues);
-    }, [checkedValues]);
-    const handleClear = React.useCallback(() => {
-        checkedDistinctValues.length = 0;
-        const newValues = checkedDistinctValues.slice();
-        setCheckedDistinctValues(newValues);
-        setSelectAllState(CheckBoxState.Off);
-    }, [checkedDistinctValues]);
-    const closePopup = () => {
-        // istanbul ignore else
-        if (popupButtonRef.current)
-            popupButtonRef.current.closePopup();
-    };
-    const handleApplyFilter = React.useCallback(() => {
-        const filterData = {
-            distinctValues: new Array(),
-            fieldValues: new Array(),
-            fieldLogicalOperator: FilterCompositionLogicalOperator.And,
-        };
-        for (const checkedDistinctValue of checkedDistinctValues) {
-            filterData.distinctValues.push(checkedDistinctValue);
-        }
-        closePopup();
-        setSearchText("");
-        let label;
-        if (checkedDistinctValues.length === 1)
-            label = checkedDistinctValues[0].label;
-        else if (checkedDistinctValues.length > 1)
-            label = `${checkedDistinctValues[0].label} (+${checkedDistinctValues.length - 1})`;
-        setButtonLabel(label);
-        let tooltip;
-        if (checkedDistinctValues.length > 1) {
-            const lineBreak = "\u000d\u000a";
-            const maxTooltipValues = 10;
-            const shownTooltipValues = Math.min(10, checkedDistinctValues.length);
-            tooltip = checkedDistinctValues[0].label;
-            for (let index = 1; index < shownTooltipValues; index++) {
-                tooltip += `${lineBreak}${checkedDistinctValues[index].label}`;
-            }
-            if (checkedDistinctValues.length > shownTooltipValues) {
-                tooltip += `${lineBreak}(+${checkedDistinctValues.length - maxTooltipValues})`;
-            }
-        }
-        setButtonTooltip(tooltip);
-        props.onChange({ filterTerm: filterData, column: props.column });
-    }, [props, checkedDistinctValues]);
-    const handleCancel = React.useCallback(() => {
-        closePopup();
-        setSearchText("");
-    }, []);
-    const handleSearchValueChanged = React.useCallback((value) => {
-        setSearchText(value);
-    }, []);
-    const handleSelectAllChanged = React.useCallback((_e) => {
-        let newState = CheckBoxState.On;
-        if (selectAllState === CheckBoxState.Off || selectAllState === CheckBoxState.Partial) {
-            const newValues = distinctValues.slice();
-            setCheckedDistinctValues(newValues);
-            newState = CheckBoxState.On;
-        }
-        else {
-            checkedDistinctValues.length = 0;
-            const newValues = checkedDistinctValues.slice();
-            setCheckedDistinctValues(newValues);
-            newState = CheckBoxState.Off;
-        }
-        setSelectAllState(newState);
-    }, [checkedDistinctValues, distinctValues, selectAllState]);
-    const handleCheckboxChanged = React.useCallback((e, distinctValue) => {
-        const index = checkedDistinctValues.indexOf(distinctValue);
-        const newCheckedValues = checkedDistinctValues.slice();
-        if (e.target.checked) {
-            // istanbul ignore else
-            if (index === -1)
-                newCheckedValues.push(distinctValue);
-        }
-        else {
-            // istanbul ignore else
-            if (index !== -1)
-                newCheckedValues.splice(index, 1);
-        }
-        setCheckedDistinctValues(newCheckedValues);
-        let newSelectAllState = CheckBoxState.Partial;
-        if (newCheckedValues.length === distinctValues.length)
-            newSelectAllState = CheckBoxState.On;
-        else if (newCheckedValues.length === 0)
-            newSelectAllState = CheckBoxState.Off;
-        setSelectAllState(newSelectAllState);
-    }, [checkedDistinctValues, distinctValues]);
-    const checkBoxItems = React.useMemo(() => {
-        const items = distinctValues
-            .filter((distinctValue) => {
-            return (searchText.length === 0 || contains(distinctValue.label, searchText, filterCaseSensitive));
-        })
-            .map((distinctValue, i) => {
-            const checked = checkedDistinctValues.find((checkedDistinctValue) => checkedDistinctValue.value === distinctValue.value) !== undefined;
-            return (React.createElement(CheckListBoxItem, { key: i, label: distinctValue.label, checked: checked, onChange: (e) => handleCheckboxChanged(e, distinctValue) }));
-        });
-        return items;
-    }, [checkedDistinctValues, distinctValues, handleCheckboxChanged, searchText, filterCaseSensitive]);
-    const disableSelectAll = checkBoxItems.length !== distinctValues.length;
-    return (React.createElement("div", { "data-testid": "components-multi-value-filter" },
-        React.createElement(PopupButton, { placeholder: props.placeholder || filterLabel, label: buttonLabel, title: buttonTooltip, closeOnEnter: false, setFocus: false, moveFocus: false, ref: popupButtonRef },
-            React.createElement(PopupContent, null,
-                showDistinctValueFilters &&
-                    React.createElement("div", null,
-                        React.createElement("div", { className: "components-multi-value-filter-searchbox" },
-                            React.createElement(SearchBox, { placeholder: searchLabel, onValueChanged: handleSearchValueChanged, valueChangedDelay: 250 })),
-                        React.createElement("div", { className: "components-multi-value-filter-selectAll" },
-                            React.createElement(Checkbox, { label: selectAllLabel, checked: selectAllState === CheckBoxState.On, indeterminate: selectAllState === CheckBoxState.Partial, onChange: handleSelectAllChanged, disabled: disableSelectAll, "data-testid": "components-multi-value-filter-selectAll" })),
-                        React.createElement("div", { className: "components-multi-value-filter-distinct-values" },
-                            React.createElement(CheckListBox, null, checkBoxItems))),
-                React.createElement("div", { className: "components-multi-value-buttons" },
-                    React.createElement(Button, { size: "small", onClick: handleClear, "data-testid": "components-multi-value-button-clear" }, clearLabel),
-                    React.createElement(Button, { size: "small", styleType: "cta", onClick: handleApplyFilter, "data-testid": "components-multi-value-button-filter" }, filterLabel),
-                    React.createElement(Button, { size: "small", onClick: handleCancel, "data-testid": "components-multi-value-button-cancel" }, cancelLabel))))));
-}
-//# sourceMappingURL=MultiValueFilter.js.map