@itwin/components-react 4.17.1 → 5.0.0-dev.2

package/lib/cjs/components-react/filter-builder/Operators.js

@@ -1,107 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module PropertyFilterBuilder
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isUnaryPropertyFilterOperator = exports.isUnaryPropertyFilterBuilderOperator = exports.getPropertyFilterBuilderOperators = exports.PropertyFilterRuleOperator = exports.PropertyFilterRuleGroupOperator = void 0;
-const appui_abstract_1 = require("@itwin/appui-abstract");
-/**
- * Logical operator for joining rules.
- * @beta
- */
-var PropertyFilterRuleGroupOperator;
-(function (PropertyFilterRuleGroupOperator) {
-    PropertyFilterRuleGroupOperator["And"] = "and";
-    PropertyFilterRuleGroupOperator["Or"] = "or";
-})(PropertyFilterRuleGroupOperator || (exports.PropertyFilterRuleGroupOperator = PropertyFilterRuleGroupOperator = {}));
-/**
- * Operators for comparing property value in [[PropertyFilterRule]].
- * @note `Like` operator should be handled as a contains operator - it matches all strings that contain a given string.
- * @beta
- */
-var PropertyFilterRuleOperator;
-(function (PropertyFilterRuleOperator) {
-    PropertyFilterRuleOperator["IsTrue"] = "is-true";
-    PropertyFilterRuleOperator["IsFalse"] = "is-false";
-    PropertyFilterRuleOperator["IsEqual"] = "is-equal";
-    PropertyFilterRuleOperator["IsNotEqual"] = "is-not-equal";
-    PropertyFilterRuleOperator["Greater"] = "greater";
-    PropertyFilterRuleOperator["GreaterOrEqual"] = "greater-or-equal";
-    PropertyFilterRuleOperator["Less"] = "less";
-    PropertyFilterRuleOperator["LessOrEqual"] = "less-or-equal";
-    PropertyFilterRuleOperator["Like"] = "like";
-    PropertyFilterRuleOperator["IsNull"] = "is-null";
-    PropertyFilterRuleOperator["IsNotNull"] = "is-not-null";
-})(PropertyFilterRuleOperator || (exports.PropertyFilterRuleOperator = PropertyFilterRuleOperator = {}));
-/**
- * Function that returns set of available operator based on property type.
- * @beta
- */
-function getPropertyFilterBuilderOperators(property) {
-    const typename = property.typename;
-    if (typename === appui_abstract_1.StandardTypeNames.Bool.valueOf() ||
-        typename === appui_abstract_1.StandardTypeNames.Boolean.valueOf()) {
-        return ["is-true", "is-false"];
-    }
-    const operators = [
-        "is-equal",
-        "is-not-equal",
-        "is-null",
-        "is-not-null",
-    ];
-    if (typename === appui_abstract_1.StandardTypeNames.Number.valueOf() ||
-        typename === appui_abstract_1.StandardTypeNames.Int.valueOf() ||
-        typename === appui_abstract_1.StandardTypeNames.Integer.valueOf() ||
-        typename === appui_abstract_1.StandardTypeNames.Double.valueOf() ||
-        typename === appui_abstract_1.StandardTypeNames.Float.valueOf() ||
-        typename === appui_abstract_1.StandardTypeNames.Hex.valueOf() ||
-        typename === appui_abstract_1.StandardTypeNames.Hexadecimal.valueOf() ||
-        typename === appui_abstract_1.StandardTypeNames.ShortDate.valueOf() ||
-        typename === appui_abstract_1.StandardTypeNames.DateTime.valueOf()) {
-        return [
-            ...operators,
-            "greater",
-            "greater-or-equal",
-            "less",
-            "less-or-equal",
-            "between",
-            "not-between",
-        ];
-    }
-    if (typename === appui_abstract_1.StandardTypeNames.String.valueOf() ||
-        typename === appui_abstract_1.StandardTypeNames.Text.valueOf()) {
-        return ["like", ...operators];
-    }
-    return operators;
-}
-exports.getPropertyFilterBuilderOperators = getPropertyFilterBuilderOperators;
-/**
- * Function that checks if supplied [[PropertyFilterBuilderRuleOperator]] operator is unary.
- * @beta
- */
-function isUnaryPropertyFilterBuilderOperator(operator) {
-    return (operator !== "between" &&
-        operator !== "not-between" &&
-        isUnaryPropertyFilterOperator(operator));
-}
-exports.isUnaryPropertyFilterBuilderOperator = isUnaryPropertyFilterBuilderOperator;
-/**
- * Function that checks if supplied [[PropertyFilterRuleOperator]] operator is unary.
- * @beta
- */
-function isUnaryPropertyFilterOperator(operator) {
-    switch (operator) {
-        case "is-true":
-        case "is-false":
-        case "is-null":
-        case "is-not-null":
-            return true;
-    }
-    return false;
-}
-exports.isUnaryPropertyFilterOperator = isUnaryPropertyFilterOperator;
-//# sourceMappingURL=Operators.js.map

package/lib/cjs/components-react/filter-builder/Operators.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Operators.js","sourceRoot":"","sources":["../../../../src/components-react/filter-builder/Operators.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAGH,0DAA0D;AAE1D;;;GAGG;AACH,IAAY,+BAGX;AAHD,WAAY,+BAA+B;IACzC,8CAAW,CAAA;IACX,4CAAS,CAAA;AACX,CAAC,EAHW,+BAA+B,+CAA/B,+BAA+B,QAG1C;AAED;;;;GAIG;AACH,IAAY,0BAYX;AAZD,WAAY,0BAA0B;IACpC,gDAAkB,CAAA;IAClB,kDAAoB,CAAA;IACpB,kDAAoB,CAAA;IACpB,yDAA2B,CAAA;IAC3B,iDAAmB,CAAA;IACnB,iEAAmC,CAAA;IACnC,2CAAa,CAAA;IACb,2DAA6B,CAAA;IAC7B,2CAAa,CAAA;IACb,gDAAkB,CAAA;IAClB,uDAAyB,CAAA;AAC3B,CAAC,EAZW,0BAA0B,0CAA1B,0BAA0B,QAYrC;AAWD;;;GAGG;AACH,SAAgB,iCAAiC,CAC/C,QAA6B;IAE7B,MAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAC;IAEnC,IACE,QAAQ,KAAK,kCAAiB,CAAC,IAAI,CAAC,OAAO,EAAE;QAC7C,QAAQ,KAAK,kCAAiB,CAAC,OAAO,CAAC,OAAO,EAAE,EAChD,CAAC;QACD,OAAO,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IACjC,CAAC;IAED,MAAM,SAAS,GAAwC;QACrD,UAAU;QACV,cAAc;QACd,SAAS;QACT,aAAa;KACd,CAAC;IAEF,IACE,QAAQ,KAAK,kCAAiB,CAAC,MAAM,CAAC,OAAO,EAAE;QAC/C,QAAQ,KAAK,kCAAiB,CAAC,GAAG,CAAC,OAAO,EAAE;QAC5C,QAAQ,KAAK,kCAAiB,CAAC,OAAO,CAAC,OAAO,EAAE;QAChD,QAAQ,KAAK,kCAAiB,CAAC,MAAM,CAAC,OAAO,EAAE;QAC/C,QAAQ,KAAK,kCAAiB,CAAC,KAAK,CAAC,OAAO,EAAE;QAC9C,QAAQ,KAAK,kCAAiB,CAAC,GAAG,CAAC,OAAO,EAAE;QAC5C,QAAQ,KAAK,kCAAiB,CAAC,WAAW,CAAC,OAAO,EAAE;QACpD,QAAQ,KAAK,kCAAiB,CAAC,SAAS,CAAC,OAAO,EAAE;QAClD,QAAQ,KAAK,kCAAiB,CAAC,QAAQ,CAAC,OAAO,EAAE,EACjD,CAAC;QACD,OAAO;YACL,GAAG,SAAS;YACZ,SAAS;YACT,kBAAkB;YAClB,MAAM;YACN,eAAe;YACf,SAAS;YACT,aAAa;SACd,CAAC;IACJ,CAAC;IAED,IACE,QAAQ,KAAK,kCAAiB,CAAC,MAAM,CAAC,OAAO,EAAE;QAC/C,QAAQ,KAAK,kCAAiB,CAAC,IAAI,CAAC,OAAO,EAAE,EAC7C,CAAC;QACD,OAAO,CAAC,MAAM,EAAE,GAAG,SAAS,CAAC,CAAC;IAChC,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AAjDD,8EAiDC;AAED;;;GAGG;AACH,SAAgB,oCAAoC,CAClD,QAA2C;IAE3C,OAAO,CACL,QAAQ,KAAK,SAAS;QACtB,QAAQ,KAAK,aAAa;QAC1B,6BAA6B,CAAC,QAAQ,CAAC,CACxC,CAAC;AACJ,CAAC;AARD,oFAQC;AAED;;;GAGG;AACH,SAAgB,6BAA6B,CAC3C,QAAyC;IAEzC,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,SAAS,CAAC;QACf,KAAK,UAAU,CAAC;QAChB,KAAK,SAAS,CAAC;QACf,KAAK,aAAa;YAChB,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAXD,sEAWC","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/** @packageDocumentation\n * @module PropertyFilterBuilder\n */\n\nimport type { PropertyDescription } from \"@itwin/appui-abstract\";\nimport { StandardTypeNames } from \"@itwin/appui-abstract\";\n\n/**\n * Logical operator for joining rules.\n * @beta\n */\nexport enum PropertyFilterRuleGroupOperator {\n  And = \"and\",\n  Or = \"or\",\n}\n\n/**\n * Operators for comparing property value in [[PropertyFilterRule]].\n * @note `Like` operator should be handled as a contains operator - it matches all strings that contain a given string.\n * @beta\n */\nexport enum PropertyFilterRuleOperator {\n  IsTrue = \"is-true\",\n  IsFalse = \"is-false\",\n  IsEqual = \"is-equal\",\n  IsNotEqual = \"is-not-equal\",\n  Greater = \"greater\",\n  GreaterOrEqual = \"greater-or-equal\",\n  Less = \"less\",\n  LessOrEqual = \"less-or-equal\",\n  Like = \"like\",\n  IsNull = \"is-null\",\n  IsNotNull = \"is-not-null\",\n}\n\n/**\n * Operators supported by [[usePropertyFilterBuilder]] when building filter rules.\n * @beta\n */\nexport type PropertyFilterBuilderRuleOperator =\n  | `${PropertyFilterRuleOperator}`\n  | \"between\"\n  | \"not-between\";\n\n/**\n * Function that returns set of available operator based on property type.\n * @beta\n */\nexport function getPropertyFilterBuilderOperators(\n  property: PropertyDescription\n): PropertyFilterBuilderRuleOperator[] {\n  const typename = property.typename;\n\n  if (\n    typename === StandardTypeNames.Bool.valueOf() ||\n    typename === StandardTypeNames.Boolean.valueOf()\n  ) {\n    return [\"is-true\", \"is-false\"];\n  }\n\n  const operators: PropertyFilterBuilderRuleOperator[] = [\n    \"is-equal\",\n    \"is-not-equal\",\n    \"is-null\",\n    \"is-not-null\",\n  ];\n\n  if (\n    typename === StandardTypeNames.Number.valueOf() ||\n    typename === StandardTypeNames.Int.valueOf() ||\n    typename === StandardTypeNames.Integer.valueOf() ||\n    typename === StandardTypeNames.Double.valueOf() ||\n    typename === StandardTypeNames.Float.valueOf() ||\n    typename === StandardTypeNames.Hex.valueOf() ||\n    typename === StandardTypeNames.Hexadecimal.valueOf() ||\n    typename === StandardTypeNames.ShortDate.valueOf() ||\n    typename === StandardTypeNames.DateTime.valueOf()\n  ) {\n    return [\n      ...operators,\n      \"greater\",\n      \"greater-or-equal\",\n      \"less\",\n      \"less-or-equal\",\n      \"between\",\n      \"not-between\",\n    ];\n  }\n\n  if (\n    typename === StandardTypeNames.String.valueOf() ||\n    typename === StandardTypeNames.Text.valueOf()\n  ) {\n    return [\"like\", ...operators];\n  }\n\n  return operators;\n}\n\n/**\n * Function that checks if supplied [[PropertyFilterBuilderRuleOperator]] operator is unary.\n * @beta\n */\nexport function isUnaryPropertyFilterBuilderOperator(\n  operator: PropertyFilterBuilderRuleOperator\n) {\n  return (\n    operator !== \"between\" &&\n    operator !== \"not-between\" &&\n    isUnaryPropertyFilterOperator(operator)\n  );\n}\n\n/**\n * Function that checks if supplied [[PropertyFilterRuleOperator]] operator is unary.\n * @beta\n */\nexport function isUnaryPropertyFilterOperator(\n  operator: `${PropertyFilterRuleOperator}`\n) {\n  switch (operator) {\n    case \"is-true\":\n    case \"is-false\":\n    case \"is-null\":\n    case \"is-not-null\":\n      return true;\n  }\n  return false;\n}\n"]}

package/lib/cjs/components-react/filter-builder/Types.d.ts

@@ -1,38 +0,0 @@
-/** @packageDocumentation
- * @module PropertyFilterBuilder
- */
-import type { PropertyDescription, PropertyValue } from "@itwin/appui-abstract";
-import type { PropertyFilterRuleGroupOperator, PropertyFilterRuleOperator } from "./Operators";
-/**
- * Type that describes property filter.
- * @beta
- */
-export type PropertyFilter = PropertyFilterRule | PropertyFilterRuleGroup;
-/**
- * Data structure that describes group of filter rules.
- * @beta
- */
-export interface PropertyFilterRuleGroup {
-    /** Operator that should join rules in this group. */
-    operator: `${PropertyFilterRuleGroupOperator}`;
-    /** Rules in this group. */
-    rules: Array<PropertyFilter>;
-}
-/**
- * Data structure that describes single filter rule.
- * @beta
- */
-export interface PropertyFilterRule {
-    /** Property used in this rule. */
-    property: PropertyDescription;
-    /** Operator that should be used to compare property value. */
-    operator: `${PropertyFilterRuleOperator}`;
-    /** Value that property should be compared to. */
-    value?: PropertyValue;
-}
-/**
- * Function that checks if supplied filter is rule group.
- * @beta
- */
-export declare function isPropertyFilterRuleGroup(filter: PropertyFilter): filter is PropertyFilterRuleGroup;
-//# sourceMappingURL=Types.d.ts.map

package/lib/cjs/components-react/filter-builder/Types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Types.d.ts","sourceRoot":"","sources":["../../../../src/components-react/filter-builder/Types.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAChF,OAAO,KAAK,EACV,+BAA+B,EAC/B,0BAA0B,EAC3B,MAAM,aAAa,CAAC;AAErB;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAAG,uBAAuB,CAAC;AAE1E;;;GAGG;AACH,MAAM,WAAW,uBAAuB;IACtC,qDAAqD;IACrD,QAAQ,EAAE,GAAG,+BAA+B,EAAE,CAAC;IAC/C,2BAA2B;IAC3B,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC;CAC9B;AAED;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC,kCAAkC;IAClC,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,8DAA8D;IAC9D,QAAQ,EAAE,GAAG,0BAA0B,EAAE,CAAC;IAC1C,iDAAiD;IACjD,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CACvC,MAAM,EAAE,cAAc,GACrB,MAAM,IAAI,uBAAuB,CAEnC"}

package/lib/cjs/components-react/filter-builder/Types.js

@@ -1,19 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module PropertyFilterBuilder
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isPropertyFilterRuleGroup = void 0;
-/**
- * Function that checks if supplied filter is rule group.
- * @beta
- */
-function isPropertyFilterRuleGroup(filter) {
-    return filter.rules !== undefined;
-}
-exports.isPropertyFilterRuleGroup = isPropertyFilterRuleGroup;
-//# sourceMappingURL=Types.js.map

package/lib/cjs/components-react/filter-builder/Types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Types.js","sourceRoot":"","sources":["../../../../src/components-react/filter-builder/Types.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAsCH;;;GAGG;AACH,SAAgB,yBAAyB,CACvC,MAAsB;IAEtB,OAAQ,MAAc,CAAC,KAAK,KAAK,SAAS,CAAC;AAC7C,CAAC;AAJD,8DAIC","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/** @packageDocumentation\n * @module PropertyFilterBuilder\n */\n\nimport type { PropertyDescription, PropertyValue } from \"@itwin/appui-abstract\";\nimport type {\n  PropertyFilterRuleGroupOperator,\n  PropertyFilterRuleOperator,\n} from \"./Operators\";\n\n/**\n * Type that describes property filter.\n * @beta\n */\nexport type PropertyFilter = PropertyFilterRule | PropertyFilterRuleGroup;\n\n/**\n * Data structure that describes group of filter rules.\n * @beta\n */\nexport interface PropertyFilterRuleGroup {\n  /** Operator that should join rules in this group. */\n  operator: `${PropertyFilterRuleGroupOperator}`;\n  /** Rules in this group. */\n  rules: Array<PropertyFilter>;\n}\n\n/**\n * Data structure that describes single filter rule.\n * @beta\n */\nexport interface PropertyFilterRule {\n  /** Property used in this rule. */\n  property: PropertyDescription;\n  /** Operator that should be used to compare property value. */\n  operator: `${PropertyFilterRuleOperator}`;\n  /** Value that property should be compared to. */\n  value?: PropertyValue;\n}\n\n/**\n * Function that checks if supplied filter is rule group.\n * @beta\n */\nexport function isPropertyFilterRuleGroup(\n  filter: PropertyFilter\n): filter is PropertyFilterRuleGroup {\n  return (filter as any).rules !== undefined;\n}\n"]}

package/lib/cjs/components-react/filtering/FilteringInput.d.ts

@@ -1,73 +0,0 @@
-/** @packageDocumentation
- * @module Filtering
- */
-import "./FilteringInput.scss";
-import * as React from "react";
-import type { CommonProps } from "@itwin/core-react";
-import type { ResultSelectorProps } from "./ResultSelector";
-/** [[FilteringInput]] React Component state
- * @internal
- */
-interface FilteringInputState {
-    /** A string which will be used for search */
-    searchText: string;
-    /**
-     *  Tells the component if the search was started.
-     *  Gets reset to false if search is canceled/cleared or searchText is changed.
-     */
-    searchStarted: boolean;
-    resultSelectorKey: number;
-}
-/**
- * [[FilteringInput]] React Component properties
- * @public
- */
-export interface FilteringInputProps extends CommonProps {
-    /** Filtering should start */
-    onFilterStart: (searchText: string) => void;
-    /** Filtering is canceled while still in progress */
-    onFilterCancel: () => void;
-    /** Filtering is cleared after everything's loaded */
-    onFilterClear: () => void;
-    /**
-     * Tells the component what is the status of filtering.
-     */
-    status: FilteringInputStatus;
-    /**
-     * [[ResultSelector]] React Component properties.
-     * Attribute should be memoized and updated when [[ResultSelector]] state needs to be reset.
-     * This allows resetting the selected active match index back to 0.
-     */
-    resultSelectorProps?: ResultSelectorProps;
-    /** Specify that the <input> element should automatically get focus */
-    autoFocus?: boolean;
-}
-/**
- * Enumeration of possible component contexts
- * @public
- */
-export declare enum FilteringInputStatus {
-    /** Component is ready to filter */
-    ReadyToFilter = 0,
-    /** Component's parent is currently filtering */
-    FilteringInProgress = 1,
-    /** Component's parent has finished filtering */
-    FilteringFinished = 2
-}
-/** A helper component for filtering trees and stepping through results
- * @public
- */
-export declare class FilteringInput extends React.PureComponent<FilteringInputProps, FilteringInputState> {
-    private _inputElement;
-    constructor(props: FilteringInputProps);
-    private focus;
-    private _onSearchButtonClick;
-    private _onCancelButtonClick;
-    private _onClearButtonClick;
-    private _onFilterKeyDown;
-    private _onInputChanged;
-    componentDidUpdate(prevProps: FilteringInputProps): void;
-    render(): React.JSX.Element;
-}
-export {};
-//# sourceMappingURL=FilteringInput.d.ts.map

package/lib/cjs/components-react/filtering/FilteringInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilteringInput.d.ts","sourceRoot":"","sources":["../../../../src/components-react/filtering/FilteringInput.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAE/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAI5D;;GAEG;AACH,UAAU,mBAAmB;IAC3B,6CAA6C;IAC7C,UAAU,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,aAAa,EAAE,OAAO,CAAC;IAEvB,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAED;;;GAGG;AAEH,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,6BAA6B;IAC7B,aAAa,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,oDAAoD;IACpD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,qDAAqD;IACrD,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B;;OAEG;IACH,MAAM,EAAE,oBAAoB,CAAC;IAC7B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,sEAAsE;IACtE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;GAGG;AACH,oBAAY,oBAAoB;IAC9B,mCAAmC;IACnC,aAAa,IAAA;IACb,gDAAgD;IAChD,mBAAmB,IAAA;IACnB,gDAAgD;IAChD,iBAAiB,IAAA;CAClB;AAED;;GAEG;AACH,qBAAa,cAAe,SAAQ,KAAK,CAAC,aAAa,CACrD,mBAAmB,EACnB,mBAAmB,CACpB;IACC,OAAO,CAAC,aAAa,CAAuC;gBAEhD,KAAK,EAAE,mBAAmB;IAStC,OAAO,CAAC,KAAK;IAIb,OAAO,CAAC,oBAAoB,CAU1B;IAEF,OAAO,CAAC,oBAAoB,CAI1B;IAEF,OAAO,CAAC,mBAAmB,CAIzB;IAEF,OAAO,CAAC,gBAAgB,CAQtB;IAEF,OAAO,CAAC,eAAe,CAKrB;IAEc,kBAAkB,CAAC,SAAS,EAAE,mBAAmB;IAQjD,MAAM;CAmFvB"}

package/lib/cjs/components-react/filtering/FilteringInput.js

@@ -1,146 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Filtering
- */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FilteringInput = exports.FilteringInputStatus = void 0;
-require("./FilteringInput.scss");
-const classnames_1 = __importDefault(require("classnames"));
-const React = __importStar(require("react"));
-const ts_key_enum_1 = require("ts-key-enum");
-const core_react_1 = require("@itwin/core-react");
-const itwinui_react_1 = require("@itwin/itwinui-react");
-const UiComponents_1 = require("../UiComponents");
-const ResultSelector_1 = require("./ResultSelector");
-const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
-/**
- * Enumeration of possible component contexts
- * @public
- */
-var FilteringInputStatus;
-(function (FilteringInputStatus) {
-    /** Component is ready to filter */
-    FilteringInputStatus[FilteringInputStatus["ReadyToFilter"] = 0] = "ReadyToFilter";
-    /** Component's parent is currently filtering */
-    FilteringInputStatus[FilteringInputStatus["FilteringInProgress"] = 1] = "FilteringInProgress";
-    /** Component's parent has finished filtering */
-    FilteringInputStatus[FilteringInputStatus["FilteringFinished"] = 2] = "FilteringFinished";
-})(FilteringInputStatus || (exports.FilteringInputStatus = FilteringInputStatus = {}));
-/** A helper component for filtering trees and stepping through results
- * @public
- */
-class FilteringInput extends React.PureComponent {
-    constructor(props) {
-        super(props);
-        this._inputElement = React.createRef();
-        this._onSearchButtonClick = () => {
-            if (!this.state.searchText) {
-                // Empty search string is the same as clearing the search.
-                this.setState({ searchStarted: false, searchText: "" });
-                this.props.onFilterClear();
-                return;
-            }
-            this.props.onFilterStart(this.state.searchText);
-            this.setState({ searchStarted: true });
-        };
-        this._onCancelButtonClick = () => {
-            this.setState({ searchStarted: false, searchText: "" });
-            this.props.onFilterCancel();
-            this.focus();
-        };
-        this._onClearButtonClick = () => {
-            this.setState({ searchStarted: false, searchText: "" });
-            this.props.onFilterClear();
-            this.focus();
-        };
-        this._onFilterKeyDown = (e) => {
-            if (e.key !== ts_key_enum_1.Key.Enter.valueOf())
-                return;
-            if (!this.state.searchText)
-                return;
-            this.props.onFilterStart(this.state.searchText);
-            this.setState({ searchStarted: true });
-            e.stopPropagation();
-        };
-        this._onInputChanged = (e) => {
-            if (this.state.searchStarted) {
-                this.props.onFilterCancel();
-            }
-            this.setState({ searchText: e.target.value, searchStarted: false });
-        };
-        this.state = {
-            searchText: "",
-            searchStarted: false,
-            resultSelectorKey: 0,
-        };
-    }
-    focus() {
-        if (this._inputElement.current)
-            this._inputElement.current.focus();
-    }
-    componentDidUpdate(prevProps) {
-        if (this.props.resultSelectorProps !== prevProps.resultSelectorProps) {
-            this.setState((state) => ({
-                resultSelectorKey: state.resultSelectorKey + 1,
-            }));
-        }
-    }
-    render() {
-        const status = this.props.status;
-        const searchLabel = UiComponents_1.UiComponents.translate("general.search");
-        return (
-        // TODO: What is filtering-input-preload-images?
-        React.createElement("div", { className: (0, classnames_1.default)("components-filtering-input", "filtering-input-preload-images", this.props.className), style: this.props.style, onKeyDown: this._onFilterKeyDown, role: "presentation" },
-            React.createElement("span", { className: "components-filtering-input-input" },
-                React.createElement(itwinui_react_1.Input, { type: "text", placeholder: UiComponents_1.UiComponents.translate("filteringInput.placeholder"), 
-                    // eslint-disable-next-line jsx-a11y/no-autofocus
-                    autoFocus: this.props.autoFocus, onKeyDown: this._onFilterKeyDown, value: this.state.searchText, onChange: this._onInputChanged, "aria-label": searchLabel, size: "small" }),
-                React.createElement("span", { className: "components-filtering-input-input-components" },
-                    status === FilteringInputStatus.FilteringFinished &&
-                        this.props.resultSelectorProps ? (React.createElement(ResultSelector_1.ResultSelector, { key: this.state.resultSelectorKey, ...this.props.resultSelectorProps })) : undefined,
-                    status === FilteringInputStatus.ReadyToFilter ? (
-                    // eslint-disable-next-line jsx-a11y/click-events-have-key-events
-                    React.createElement("span", { className: "icon", onClick: this._onSearchButtonClick, "data-testid": "filter-input-search", role: "button", tabIndex: -1, title: searchLabel },
-                        React.createElement(core_react_1.Icon, { iconSpec: React.createElement(itwinui_icons_react_1.SvgSearch, null) }))) : undefined,
-                    status === FilteringInputStatus.FilteringInProgress ? (
-                    // eslint-disable-next-line jsx-a11y/click-events-have-key-events
-                    React.createElement("span", { className: "icon", onClick: this._onCancelButtonClick, "data-testid": "filter-input-close", role: "button", tabIndex: -1, title: UiComponents_1.UiComponents.translate("dialog.cancel") },
-                        React.createElement(core_react_1.Icon, { iconSpec: React.createElement(itwinui_icons_react_1.SvgClose, null) }))) : undefined,
-                    status === FilteringInputStatus.FilteringFinished ? (
-                    // eslint-disable-next-line jsx-a11y/click-events-have-key-events
-                    React.createElement("span", { className: "components-filtering-input-clear icon", onClick: this._onClearButtonClick, "data-testid": "filter-input-close", role: "button", tabIndex: -1, title: UiComponents_1.UiComponents.translate("general.clear") },
-                        React.createElement(core_react_1.Icon, { iconSpec: React.createElement(itwinui_icons_react_1.SvgClose, null) }))) : undefined))));
-    }
-}
-exports.FilteringInput = FilteringInput;
-//# sourceMappingURL=FilteringInput.js.map

package/lib/cjs/components-react/filtering/FilteringInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilteringInput.js","sourceRoot":"","sources":["../../../../src/components-react/filtering/FilteringInput.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/** @packageDocumentation\n * @module Filtering\n */\n\nimport \"./FilteringInput.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Key } from \"ts-key-enum\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Icon } from \"@itwin/core-react\";\nimport { Input } from \"@itwin/itwinui-react\";\nimport { UiComponents } from \"../UiComponents\";\nimport type { ResultSelectorProps } from \"./ResultSelector\";\nimport { ResultSelector } from \"./ResultSelector\";\nimport { SvgClose, SvgSearch } from \"@itwin/itwinui-icons-react\";\n\n/** [[FilteringInput]] React Component state\n * @internal\n */\ninterface FilteringInputState {\n  /** A string which will be used for search */\n  searchText: string;\n  /**\n   *  Tells the component if the search was started.\n   *  Gets reset to false if search is canceled/cleared or searchText is changed.\n   */\n  searchStarted: boolean;\n  /* Used for resetting the state of [[ResultSelector]] component */\n  resultSelectorKey: number;\n}\n\n/**\n * [[FilteringInput]] React Component properties\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface FilteringInputProps extends CommonProps {\n  /** Filtering should start */\n  onFilterStart: (searchText: string) => void;\n  /** Filtering is canceled while still in progress */\n  onFilterCancel: () => void;\n  /** Filtering is cleared after everything's loaded */\n  onFilterClear: () => void;\n  /**\n   * Tells the component what is the status of filtering.\n   */\n  status: FilteringInputStatus;\n  /**\n   * [[ResultSelector]] React Component properties.\n   * Attribute should be memoized and updated when [[ResultSelector]] state needs to be reset.\n   * This allows resetting the selected active match index back to 0.\n   */\n  resultSelectorProps?: ResultSelectorProps;\n  /** Specify that the <input> element should automatically get focus */\n  autoFocus?: boolean;\n}\n\n/**\n * Enumeration of possible component contexts\n * @public\n */\nexport enum FilteringInputStatus {\n  /** Component is ready to filter */\n  ReadyToFilter,\n  /** Component's parent is currently filtering */\n  FilteringInProgress,\n  /** Component's parent has finished filtering */\n  FilteringFinished,\n}\n\n/** A helper component for filtering trees and stepping through results\n * @public\n */\nexport class FilteringInput extends React.PureComponent<\n  FilteringInputProps,\n  FilteringInputState\n> {\n  private _inputElement = React.createRef<HTMLInputElement>();\n\n  constructor(props: FilteringInputProps) {\n    super(props);\n    this.state = {\n      searchText: \"\",\n      searchStarted: false,\n      resultSelectorKey: 0,\n    };\n  }\n\n  private focus() {\n    if (this._inputElement.current) this._inputElement.current.focus();\n  }\n\n  private _onSearchButtonClick = () => {\n    if (!this.state.searchText) {\n      // Empty search string is the same as clearing the search.\n      this.setState({ searchStarted: false, searchText: \"\" });\n      this.props.onFilterClear();\n      return;\n    }\n\n    this.props.onFilterStart(this.state.searchText);\n    this.setState({ searchStarted: true });\n  };\n\n  private _onCancelButtonClick = () => {\n    this.setState({ searchStarted: false, searchText: \"\" });\n    this.props.onFilterCancel();\n    this.focus();\n  };\n\n  private _onClearButtonClick = () => {\n    this.setState({ searchStarted: false, searchText: \"\" });\n    this.props.onFilterClear();\n    this.focus();\n  };\n\n  private _onFilterKeyDown = (e: React.KeyboardEvent<HTMLElement>): void => {\n    if (e.key !== Key.Enter.valueOf()) return;\n\n    if (!this.state.searchText) return;\n\n    this.props.onFilterStart(this.state.searchText);\n    this.setState({ searchStarted: true });\n    e.stopPropagation();\n  };\n\n  private _onInputChanged = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (this.state.searchStarted) {\n      this.props.onFilterCancel();\n    }\n    this.setState({ searchText: e.target.value, searchStarted: false });\n  };\n\n  public override componentDidUpdate(prevProps: FilteringInputProps) {\n    if (this.props.resultSelectorProps !== prevProps.resultSelectorProps) {\n      this.setState((state) => ({\n        resultSelectorKey: state.resultSelectorKey + 1,\n      }));\n    }\n  }\n\n  public override render() {\n    const status = this.props.status;\n    const searchLabel = UiComponents.translate(\"general.search\");\n    return (\n      // TODO: What is filtering-input-preload-images?\n      <div\n        className={classnames(\n          \"components-filtering-input\",\n          \"filtering-input-preload-images\",\n          this.props.className\n        )}\n        style={this.props.style}\n        onKeyDown={this._onFilterKeyDown}\n        role=\"presentation\"\n      >\n        <span className=\"components-filtering-input-input\">\n          <Input\n            type=\"text\"\n            placeholder={UiComponents.translate(\"filteringInput.placeholder\")}\n            // eslint-disable-next-line jsx-a11y/no-autofocus\n            autoFocus={this.props.autoFocus}\n            onKeyDown={this._onFilterKeyDown}\n            value={this.state.searchText}\n            onChange={this._onInputChanged}\n            aria-label={searchLabel}\n            size=\"small\"\n          />\n\n          <span className=\"components-filtering-input-input-components\">\n            {status === FilteringInputStatus.FilteringFinished &&\n            this.props.resultSelectorProps ? (\n              <ResultSelector\n                key={this.state.resultSelectorKey}\n                {...this.props.resultSelectorProps}\n              />\n            ) : undefined}\n            {status === FilteringInputStatus.ReadyToFilter ? (\n              // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n              <span\n                className=\"icon\"\n                onClick={this._onSearchButtonClick}\n                data-testid=\"filter-input-search\"\n                role=\"button\"\n                tabIndex={-1}\n                title={searchLabel}\n              >\n                {/* eslint-disable-next-line deprecation/deprecation */}\n                <Icon iconSpec={<SvgSearch />} />\n              </span>\n            ) : undefined}\n            {status === FilteringInputStatus.FilteringInProgress ? (\n              // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n              <span\n                className=\"icon\"\n                onClick={this._onCancelButtonClick}\n                data-testid=\"filter-input-close\"\n                role=\"button\"\n                tabIndex={-1}\n                title={UiComponents.translate(\"dialog.cancel\")}\n              >\n                {/* eslint-disable-next-line deprecation/deprecation */}\n                <Icon iconSpec={<SvgClose />} />\n              </span>\n            ) : undefined}\n            {status === FilteringInputStatus.FilteringFinished ? (\n              // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n              <span\n                className=\"components-filtering-input-clear icon\"\n                onClick={this._onClearButtonClick}\n                data-testid=\"filter-input-close\"\n                role=\"button\"\n                tabIndex={-1}\n                title={UiComponents.translate(\"general.clear\")}\n              >\n                {/* eslint-disable-next-line deprecation/deprecation */}\n                <Icon iconSpec={<SvgClose />} />\n              </span>\n            ) : undefined}\n          </span>\n        </span>\n      </div>\n    );\n  }\n}\n"]}

package/lib/cjs/components-react/filtering/FilteringInput.scss

@@ -1,59 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/inputs/variables";
-@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
-
-.components-filtering-input {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin: 5px;
-}
-
-// Input wrapper
-.components-filtering-input-input {
-  position: relative;
-  flex: 1;
-
-  // The input itself
-  input {
-    min-height: 28px;
-    padding: $uicore-iui-input-padding;
-    box-sizing: border-box;
-  }
-
-  input::-ms-clear {
-    display: none;
-  }
-}
-
-.components-filtering-input-input-components {
-  display: flex;
-  position: absolute;
-  right: 8px;
-  top: 1px;
-  bottom: 0px;
-
-  > .icon {
-    align-self: center;
-    border: none;
-    outline: none;
-  }
-}
-
-@mixin filtering-button-base {
-  margin-left: 6px;
-}
-
-.components-filtering-input-clear {
-  @include filtering-button-base;
-  color: var(--iui-color-text-muted);
-  font-size: "12px";
-}
-
-.components-filtering-input-loader {
-  margin-bottom: auto;
-  margin-top: auto;
-}

package/lib/cjs/components-react/filtering/ResultSelector.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ResultSelector.d.ts","sourceRoot":"","sources":["../../../../src/components-react/filtering/ResultSelector.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAE/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKrD;;GAEG;AACH,UAAU,mBAAmB;IAC3B,4CAA4C;IAC5C,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB;IACnB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,0DAA0D;IAC1D,wBAAwB,EAAE,OAAO,CAAC;CACnC;AAED;;GAEG;AAEH,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,sCAAsC;IACtC,WAAW,EAAE,MAAM,CAAC;IACpB,yDAAyD;IACzD,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAED;;GAEG;AACH,qBAAa,cAAe,SAAQ,KAAK,CAAC,aAAa,CACrD,mBAAmB,EACnB,mBAAmB,CACpB;gBACa,KAAK,EAAE,mBAAmB;IAStC,OAAO,CAAC,gBAAgB,CAWtB;IAEF,OAAO,CAAC,YAAY,CAWlB;IAEF,OAAO,KAAK,6BAA6B,GAExC;IAED,OAAO,CAAC,wBAAwB,CAK9B;IAEF,OAAO,CAAC,0BAA0B,CAWhC;IAEF,OAAO,CAAC,sBAAsB,CAK5B;IAEF,OAAO,CAAC,wBAAwB,CAE9B;IAEc,iBAAiB;IAIjB,kBAAkB,CAAC,SAAS,EAAE,mBAAmB;IAMjD,MAAM;CAyDvB"}

package/lib/cjs/components-react/filtering/ResultSelector.js

@@ -1,132 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Filtering
- */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ResultSelector = void 0;
-require("./ResultSelector.scss");
-const classnames_1 = __importDefault(require("classnames"));
-const React = __importStar(require("react"));
-const ts_key_enum_1 = require("ts-key-enum");
-const core_react_1 = require("@itwin/core-react");
-const UiComponents_1 = require("../UiComponents");
-const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
-/** Component for stepping through results/entries
- * @public
- */
-class ResultSelector extends React.PureComponent {
-    constructor(props) {
-        super(props);
-        this._onClickPrevious = () => {
-            if (this.state.selectedResultInEditMode) {
-                this._onSelectedResultConfirmed();
-                return;
-            }
-            if (this.state.selectedResultId > 1) {
-                this.props.onSelectedChanged(this.state.selectedResultId - 1);
-                this.setState((state) => ({
-                    selectedResultId: state.selectedResultId - 1,
-                }));
-            }
-        };
-        this._onClickNext = () => {
-            if (this.state.selectedResultInEditMode) {
-                this._onSelectedResultConfirmed();
-                return;
-            }
-            if (this.state.selectedResultId < this.props.resultCount) {
-                this.props.onSelectedChanged(this.state.selectedResultId + 1);
-                this.setState((state) => ({
-                    selectedResultId: state.selectedResultId + 1,
-                }));
-            }
-        };
-        this._onSelectedResultChanged = (event) => {
-            if (event.target.value.length <= this._maxSelectedResultInputLength)
-                this.setState({ selectedResultEdit: event.target.value });
-        };
-        this._onSelectedResultConfirmed = () => {
-            let selectedId = +this.state.selectedResultEdit;
-            if (selectedId > this.props.resultCount)
-                selectedId = this.props.resultCount;
-            else if (selectedId < 1)
-                selectedId = 1;
-            this.setState({
-                selectedResultInEditMode: false,
-                selectedResultId: selectedId,
-            });
-            this.props.onSelectedChanged(selectedId);
-        };
-        this._onSelectedResultClick = () => {
-            this.setState((state) => ({
-                selectedResultInEditMode: true,
-                selectedResultEdit: state.selectedResultId.toString(),
-            }));
-        };
-        this._onSelectedResultKeyDown = (event) => {
-            if (event.key === ts_key_enum_1.Key.Enter.valueOf())
-                this._onSelectedResultConfirmed();
-        };
-        this.state = {
-            selectedResultId: props.resultCount ? 1 : 0,
-            selectedResultEdit: "",
-            selectedResultInEditMode: false,
-        };
-    }
-    get _maxSelectedResultInputLength() {
-        return this.props.resultCount.toString().length;
-    }
-    componentDidMount() {
-        this.props.onSelectedChanged(this.props.resultCount ? 1 : 0);
-    }
-    componentDidUpdate(prevProps) {
-        if (this.props.resultCount !== prevProps.resultCount) {
-            this.props.onSelectedChanged(this.props.resultCount ? 1 : 0);
-        }
-    }
-    render() {
-        return (React.createElement("span", { className: (0, classnames_1.default)("components-result-selector", this.props.className), style: this.props.style },
-            React.createElement("button", { className: (0, classnames_1.default)("components-result-selector-button", "icon"), "data-testid": "previous-button", onClick: this._onClickPrevious, disabled: this.props.resultCount <= 0 },
-                React.createElement(core_react_1.Icon, { iconSpec: React.createElement(itwinui_icons_react_1.SvgChevronLeft, null) })),
-            React.createElement("span", { style: { pointerEvents: this.props.resultCount ? "auto" : "none" }, className: "components-result-selector-current-result", onClick: this._onSelectedResultClick, role: "presentation" },
-                this.state.selectedResultInEditMode ? (React.createElement("input", { type: "number", style: {
-                        width: `${this.state.selectedResultEdit.length * 0.6 + 1}em`,
-                    }, value: this.state.selectedResultEdit, onChange: this._onSelectedResultChanged, onBlur: this._onSelectedResultConfirmed, onKeyDown: this._onSelectedResultKeyDown })) : (this.state.selectedResultId),
-                React.createElement("span", { style: { marginLeft: "5px", marginRight: "5px" } }, UiComponents_1.UiComponents.translate("general.of")),
-                React.createElement("span", null, this.props.resultCount)),
-            React.createElement("button", { className: "components-result-selector-button icon", "data-testid": "next-button", onClick: this._onClickNext, disabled: this.props.resultCount <= 0 },
-                React.createElement(core_react_1.Icon, { iconSpec: React.createElement(itwinui_icons_react_1.SvgChevronRight, null) }))));
-    }
-}
-exports.ResultSelector = ResultSelector;
-//# sourceMappingURL=ResultSelector.js.map