@itwin/components-react 3.6.0 → 3.7.0-dev.1

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

@@ -1,16 +1,16 @@
-/*---------------------------------------------------------------------------------------------
-* 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 });
-}
+/*---------------------------------------------------------------------------------------------
+* 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 +1 @@
-{"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":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n\n/*---------------------------------------------------------------------------------------------\n* This code has been adapted from\n* [react-data-grid-addons](https://github.com/adazzle/react-data-grid/tree/master/packages/react-data-grid-addons).\n*--------------------------------------------------------------------------------------------*/\n\nimport React from \"react\";\nimport { AutoCompleteFilter, AutoCompleteFilterProps } from \"./AutoCompleteFilter\";\n\n/* istanbul ignore next */\n/** @internal */\nexport function MultiSelectFilter(props: AutoCompleteFilterProps) {\n  return <AutoCompleteFilter {...props} multiSelection={true} />;\n}\n"]}
+{"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 +1,22 @@
-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;
-}
+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.js

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

@@ -1,16 +1,16 @@
-/*---------------------------------------------------------------------------------------------
-* 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 });
-}
+/*---------------------------------------------------------------------------------------------
+* 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 +1 @@
-{"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":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n\n/*---------------------------------------------------------------------------------------------\n* This code has been adapted from\n* [react-data-grid-addons](https://github.com/adazzle/react-data-grid/tree/master/packages/react-data-grid-addons).\n*--------------------------------------------------------------------------------------------*/\n\nimport React from \"react\";\nimport { AutoCompleteFilter, AutoCompleteFilterProps } from \"./AutoCompleteFilter\";\n\n/* istanbul ignore next */\n/** @internal */\nexport function SingleSelectFilter(props: AutoCompleteFilterProps) {\n  return <AutoCompleteFilter {...props} multiSelection={false} />;\n}\n"]}
+{"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 +1,19 @@
-/** @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;
+/** @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