@itwin/components-react 4.10.0 → 4.11.0

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

@@ -1 +1 @@
-{"version":3,"file":"FilterBuilderLogicalOperator.d.ts","sourceRoot":"","sources":["../../../../src/components-react/filter-builder/FilterBuilderLogicalOperator.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,aAAa,CAAC;AAEnE;;;GAGG;AACH,MAAM,WAAW,yCAAyC;IACxD,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4EAA4E;IAC5E,QAAQ,EAAE,GAAG,+BAA+B,EAAE,CAAC;IAC/C,sDAAsD;IACtD,gBAAgB,EAAE,CAAC,QAAQ,EAAE,GAAG,+BAA+B,EAAE,KAAK,IAAI,CAAC;IAC3E,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,oCAAoC,UACxC,yCAAyC,sBAyBjD,CAAC"}
+{"version":3,"file":"FilterBuilderLogicalOperator.d.ts","sourceRoot":"","sources":["../../../../src/components-react/filter-builder/FilterBuilderLogicalOperator.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,aAAa,CAAC;AAGnE;;;GAGG;AACH,MAAM,WAAW,yCAAyC;IACxD,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4EAA4E;IAC5E,QAAQ,EAAE,GAAG,+BAA+B,EAAE,CAAC;IAC/C,sDAAsD;IACtD,gBAAgB,EAAE,CAAC,QAAQ,EAAE,GAAG,+BAA+B,EAAE,KAAK,IAAI,CAAC;IAC3E,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,oCAAoC,UACxC,yCAAyC,sBA0BjD,CAAC"}

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

@@ -14,16 +14,17 @@ exports.PropertyFilterBuilderLogicalOperator = void 0;
 const react_1 = __importDefault(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const itwinui_react_1 = require("@itwin/itwinui-react");
-const UiComponents_1 = require("../UiComponents");
+const useTranslation_1 = require("../useTranslation");
 /** Component to render the operator inside of the filter builder
  * @beta
  */
 const PropertyFilterBuilderLogicalOperator = (props) => {
     const { isDisabled, operator, onOperatorChange, className } = props;
+    const { translate } = (0, useTranslation_1.useTranslation)();
     const toggle = () => (operator === "and" ? "or" : "and");
     const operatorDisplayText = operator === "and"
-        ? UiComponents_1.UiComponents.translate("filterBuilder.operators.and")
-        : UiComponents_1.UiComponents.translate("filterBuilder.operators.or");
+        ? translate("filterBuilder.operators.and")
+        : translate("filterBuilder.operators.or");
     return (react_1.default.createElement("div", { className: (0, classnames_1.default)("fb-logical-operator", className) }, isDisabled ? (react_1.default.createElement("span", null, operatorDisplayText)) : (react_1.default.createElement(itwinui_react_1.Anchor, { className: "fb-logical-operator-toggle", onClick: () => onOperatorChange(toggle()) }, operatorDisplayText))));
 };
 exports.PropertyFilterBuilderLogicalOperator = PropertyFilterBuilderLogicalOperator;

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

@@ -1 +1 @@
-{"version":3,"file":"FilterBuilderLogicalOperator.js","sourceRoot":"","sources":["../../../../src/components-react/filter-builder/FilterBuilderLogicalOperator.tsx"],"names":[],"mappings":";;;;;;AAAA;;;gGAGgG;AAChG;;GAEG;AACH,kDAA0B;AAC1B,4DAA4B;AAC5B,wDAA8C;AAC9C,kDAA+C;AAkB/C;;GAEG;AACI,MAAM,oCAAoC,GAAG,CAClD,KAAgD,EAChD,EAAE;IACF,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,gBAAgB,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAEpE,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,CAAC,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAEzD,MAAM,mBAAmB,GACvB,QAAQ,KAAK,KAAK;QAChB,CAAC,CAAC,2BAAY,CAAC,SAAS,CAAC,6BAA6B,CAAC;QACvD,CAAC,CAAC,2BAAY,CAAC,SAAS,CAAC,4BAA4B,CAAC,CAAC;IAE3D,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,qBAAqB,EAAE,SAAS,CAAC,IACjD,UAAU,CAAC,CAAC,CAAC,CACZ,4CAAO,mBAAmB,CAAQ,CACnC,CAAC,CAAC,CAAC,CACF,8BAAC,sBAAM,IACL,SAAS,EAAC,4BAA4B,EACtC,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,MAAM,EAAE,CAAC,IAExC,mBAAmB,CACb,CACV,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AA1BW,QAAA,oCAAoC,wCA0B/C","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 */\nimport React from \"react\";\nimport cx from \"classnames\";\nimport { Anchor } from \"@itwin/itwinui-react\";\nimport { UiComponents } from \"../UiComponents\";\nimport type { PropertyFilterRuleGroupOperator } from \"./Operators\";\n\n/**\n * Props for [[PropertyFilterBuilderLogicalOperator]] component.\n * @beta\n */\nexport interface PropertyFilterBuilderLogicalOperatorProps {\n  /** Allows toggling of operator by clicking operator text. */\n  isDisabled?: boolean;\n  /** Operator to combine FilterBuilderRules. Must be either \"and\" or \"or\". */\n  operator: `${PropertyFilterRuleGroupOperator}`;\n  /** Callback that is invoked when operator changes. */\n  onOperatorChange: (operator: `${PropertyFilterRuleGroupOperator}`) => void;\n  /** Classname to specify CSS styling */\n  className?: string;\n}\n\n/** Component to render the operator inside of the filter builder\n * @beta\n */\nexport const PropertyFilterBuilderLogicalOperator = (\n  props: PropertyFilterBuilderLogicalOperatorProps\n) => {\n  const { isDisabled, operator, onOperatorChange, className } = props;\n\n  const toggle = () => (operator === \"and\" ? \"or\" : \"and\");\n\n  const operatorDisplayText =\n    operator === \"and\"\n      ? UiComponents.translate(\"filterBuilder.operators.and\")\n      : UiComponents.translate(\"filterBuilder.operators.or\");\n\n  return (\n    <div className={cx(\"fb-logical-operator\", className)}>\n      {isDisabled ? (\n        <span>{operatorDisplayText}</span>\n      ) : (\n        <Anchor\n          className=\"fb-logical-operator-toggle\"\n          onClick={() => onOperatorChange(toggle())}\n        >\n          {operatorDisplayText}\n        </Anchor>\n      )}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"FilterBuilderLogicalOperator.js","sourceRoot":"","sources":["../../../../src/components-react/filter-builder/FilterBuilderLogicalOperator.tsx"],"names":[],"mappings":";;;;;;AAAA;;;gGAGgG;AAChG;;GAEG;AACH,kDAA0B;AAC1B,4DAA4B;AAC5B,wDAA8C;AAE9C,sDAAmD;AAiBnD;;GAEG;AACI,MAAM,oCAAoC,GAAG,CAClD,KAAgD,EAChD,EAAE;IACF,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,gBAAgB,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACpE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAEvC,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,CAAC,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAEzD,MAAM,mBAAmB,GACvB,QAAQ,KAAK,KAAK;QAChB,CAAC,CAAC,SAAS,CAAC,6BAA6B,CAAC;QAC1C,CAAC,CAAC,SAAS,CAAC,4BAA4B,CAAC,CAAC;IAE9C,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,qBAAqB,EAAE,SAAS,CAAC,IACjD,UAAU,CAAC,CAAC,CAAC,CACZ,4CAAO,mBAAmB,CAAQ,CACnC,CAAC,CAAC,CAAC,CACF,8BAAC,sBAAM,IACL,SAAS,EAAC,4BAA4B,EACtC,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,MAAM,EAAE,CAAC,IAExC,mBAAmB,CACb,CACV,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AA3BW,QAAA,oCAAoC,wCA2B/C","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 */\nimport React from \"react\";\nimport cx from \"classnames\";\nimport { Anchor } from \"@itwin/itwinui-react\";\nimport type { PropertyFilterRuleGroupOperator } from \"./Operators\";\nimport { useTranslation } from \"../useTranslation\";\n\n/**\n * Props for [[PropertyFilterBuilderLogicalOperator]] component.\n * @beta\n */\nexport interface PropertyFilterBuilderLogicalOperatorProps {\n  /** Allows toggling of operator by clicking operator text. */\n  isDisabled?: boolean;\n  /** Operator to combine FilterBuilderRules. Must be either \"and\" or \"or\". */\n  operator: `${PropertyFilterRuleGroupOperator}`;\n  /** Callback that is invoked when operator changes. */\n  onOperatorChange: (operator: `${PropertyFilterRuleGroupOperator}`) => void;\n  /** Classname to specify CSS styling */\n  className?: string;\n}\n\n/** Component to render the operator inside of the filter builder\n * @beta\n */\nexport const PropertyFilterBuilderLogicalOperator = (\n  props: PropertyFilterBuilderLogicalOperatorProps\n) => {\n  const { isDisabled, operator, onOperatorChange, className } = props;\n  const { translate } = useTranslation();\n\n  const toggle = () => (operator === \"and\" ? \"or\" : \"and\");\n\n  const operatorDisplayText =\n    operator === \"and\"\n      ? translate(\"filterBuilder.operators.and\")\n      : translate(\"filterBuilder.operators.or\");\n\n  return (\n    <div className={cx(\"fb-logical-operator\", className)}>\n      {isDisabled ? (\n        <span>{operatorDisplayText}</span>\n      ) : (\n        <Anchor\n          className=\"fb-logical-operator-toggle\"\n          onClick={() => onOperatorChange(toggle())}\n        >\n          {operatorDisplayText}\n        </Anchor>\n      )}\n    </div>\n  );\n};\n"]}

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

@@ -40,9 +40,10 @@ const UiComponents_1 = require("../UiComponents");
  * @internal
  */
 function PropertyFilterBuilderRuleOperatorRenderer(props) {
+    var _a;
     const { operator, property, onChange } = props;
     const availableOperators = React.useMemo(() => (0, Operators_1.getPropertyFilterBuilderOperators)(property), [property]);
-    const selectedOperator = availableOperators.find((op) => op === operator) ?? availableOperators[0];
+    const selectedOperator = (_a = availableOperators.find((op) => op === operator)) !== null && _a !== void 0 ? _a : availableOperators[0];
     React.useEffect(() => {
         onChange(selectedOperator);
     }, [onChange, selectedOperator]);

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

@@ -1 +1 @@
-{"version":3,"file":"FilterBuilderRuleOperator.js","sourceRoot":"","sources":["../../../../src/components-react/filter-builder/FilterBuilderRuleOperator.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAE/B,wDAA8C;AAE9C,2CAAgE;AAChE,kDAA+C;AAe/C;;;GAGG;AACH,SAAgB,yCAAyC,CACvD,KAA6C;IAE7C,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE/C,MAAM,kBAAkB,GAAG,KAAK,CAAC,OAAO,CACtC,GAAG,EAAE,CAAC,IAAA,6CAAiC,EAAC,QAAQ,CAAC,EACjD,CAAC,QAAQ,CAAC,CACX,CAAC;IACF,MAAM,gBAAgB,GACpB,kBAAkB,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,QAAQ,CAAC,IAAI,kBAAkB,CAAC,CAAC,CAAC,CAAC;IAE5E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEjC,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CACpC,GAAG,EAAE,CACH,kBAAkB,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;QAC9B,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,qCAAqC,CAAC,EAAE,CAAC;KACjD,CAAC,CAAC,EACL,CAAC,kBAAkB,CAAC,CACrB,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAC,kBAAkB;QAC/B,oBAAC,sBAAM,IACL,OAAO,EAAE,gBAAgB,EACzB,KAAK,EAAE,gBAAgB,EACvB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,OAAO,GACb,CACE,CACP,CAAC;AACJ,CAAC;AAnCD,8FAmCC;AAED,0BAA0B;AAC1B;;;GAGG;AACH,SAAgB,qCAAqC,CACnD,QAA2C;IAE3C,QAAQ,QAAQ,EAAE;QAChB,KAAK,SAAS;YACZ,OAAO,2BAAY,CAAC,SAAS,CAAC,gCAAgC,CAAC,CAAC;QAClE,KAAK,UAAU;YACb,OAAO,2BAAY,CAAC,SAAS,CAAC,iCAAiC,CAAC,CAAC;QACnE,KAAK,UAAU;YACb,OAAO,2BAAY,CAAC,SAAS,CAAC,+BAA+B,CAAC,CAAC;QACjE,KAAK,cAAc;YACjB,OAAO,2BAAY,CAAC,SAAS,CAAC,kCAAkC,CAAC,CAAC;QACpE,KAAK,SAAS;YACZ,OAAO,GAAG,CAAC;QACb,KAAK,kBAAkB;YACrB,OAAO,IAAI,CAAC;QACd,KAAK,MAAM;YACT,OAAO,GAAG,CAAC;QACb,KAAK,eAAe;YAClB,OAAO,IAAI,CAAC;QACd,KAAK,MAAM;YACT,OAAO,2BAAY,CAAC,SAAS,CAAC,kCAAkC,CAAC,CAAC;QACpE,KAAK,SAAS;YACZ,OAAO,2BAAY,CAAC,SAAS,CAAC,gCAAgC,CAAC,CAAC;QAClE,KAAK,aAAa;YAChB,OAAO,2BAAY,CAAC,SAAS,CAAC,mCAAmC,CAAC,CAAC;QACrE,KAAK,SAAS;YACZ,OAAO,2BAAY,CAAC,SAAS,CAAC,iCAAiC,CAAC,CAAC;QACnE,KAAK,aAAa;YAChB,OAAO,2BAAY,CAAC,SAAS,CAAC,oCAAoC,CAAC,CAAC;KACvE;AACH,CAAC;AA/BD,sFA+BC","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 * as React from \"react\";\nimport { type PropertyDescription } from \"@itwin/appui-abstract\";\nimport { Select } from \"@itwin/itwinui-react\";\nimport type { PropertyFilterBuilderRuleOperator } from \"./Operators\";\nimport { getPropertyFilterBuilderOperators } from \"./Operators\";\nimport { UiComponents } from \"../UiComponents\";\n\n/**\n * Props for [[PropertyFilterBuilderRuleOperator]] component.\n * @beta\n */\nexport interface PropertyFilterBuilderRuleOperatorProps {\n  /** Currently selected operator. */\n  operator?: PropertyFilterBuilderRuleOperator;\n  /** Property used in rule for which this operator will be used. */\n  property: PropertyDescription;\n  /** Callback that is invoked when selected operator changes. */\n  onChange: (operator: PropertyFilterBuilderRuleOperator) => void;\n}\n\n/**\n * Component that renders [[PropertyFilterBuilderRuleRenderer]] operator selector.\n * @internal\n */\nexport function PropertyFilterBuilderRuleOperatorRenderer(\n  props: PropertyFilterBuilderRuleOperatorProps\n) {\n  const { operator, property, onChange } = props;\n\n  const availableOperators = React.useMemo(\n    () => getPropertyFilterBuilderOperators(property),\n    [property]\n  );\n  const selectedOperator =\n    availableOperators.find((op) => op === operator) ?? availableOperators[0];\n\n  React.useEffect(() => {\n    onChange(selectedOperator);\n  }, [onChange, selectedOperator]);\n\n  const availableOptions = React.useMemo(\n    () =>\n      availableOperators.map((op) => ({\n        value: op,\n        label: getPropertyFilterBuilderOperatorLabel(op),\n      })),\n    [availableOperators]\n  );\n\n  return (\n    <div className=\"fb-row-condition\">\n      <Select\n        options={availableOptions}\n        value={selectedOperator}\n        onChange={onChange}\n        size={\"small\"}\n      />\n    </div>\n  );\n}\n\n/* istanbul ignore next */\n/**\n * Function that returns display label for [[PropertyFilterBuilderRuleOperator]].\n * @beta\n */\nexport function getPropertyFilterBuilderOperatorLabel(\n  operator: PropertyFilterBuilderRuleOperator\n) {\n  switch (operator) {\n    case \"is-true\":\n      return UiComponents.translate(\"filterBuilder.operators.isTrue\");\n    case \"is-false\":\n      return UiComponents.translate(\"filterBuilder.operators.isFalse\");\n    case \"is-equal\":\n      return UiComponents.translate(\"filterBuilder.operators.equal\");\n    case \"is-not-equal\":\n      return UiComponents.translate(\"filterBuilder.operators.notEqual\");\n    case \"greater\":\n      return \">\";\n    case \"greater-or-equal\":\n      return \">=\";\n    case \"less\":\n      return \"<\";\n    case \"less-or-equal\":\n      return \"<=\";\n    case \"like\":\n      return UiComponents.translate(\"filterBuilder.operators.contains\");\n    case \"is-null\":\n      return UiComponents.translate(\"filterBuilder.operators.isNull\");\n    case \"is-not-null\":\n      return UiComponents.translate(\"filterBuilder.operators.isNotNull\");\n    case \"between\":\n      return UiComponents.translate(\"filterBuilder.operators.between\");\n    case \"not-between\":\n      return UiComponents.translate(\"filterBuilder.operators.notBetween\");\n  }\n}\n"]}
+{"version":3,"file":"FilterBuilderRuleOperator.js","sourceRoot":"","sources":["../../../../src/components-react/filter-builder/FilterBuilderRuleOperator.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAE/B,wDAA8C;AAE9C,2CAAgE;AAChE,kDAA+C;AAe/C;;;GAGG;AACH,SAAgB,yCAAyC,CACvD,KAA6C;;IAE7C,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE/C,MAAM,kBAAkB,GAAG,KAAK,CAAC,OAAO,CACtC,GAAG,EAAE,CAAC,IAAA,6CAAiC,EAAC,QAAQ,CAAC,EACjD,CAAC,QAAQ,CAAC,CACX,CAAC;IACF,MAAM,gBAAgB,GACpB,MAAA,kBAAkB,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,QAAQ,CAAC,mCAAI,kBAAkB,CAAC,CAAC,CAAC,CAAC;IAE5E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEjC,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CACpC,GAAG,EAAE,CACH,kBAAkB,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;QAC9B,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,qCAAqC,CAAC,EAAE,CAAC;KACjD,CAAC,CAAC,EACL,CAAC,kBAAkB,CAAC,CACrB,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAC,kBAAkB;QAC/B,oBAAC,sBAAM,IACL,OAAO,EAAE,gBAAgB,EACzB,KAAK,EAAE,gBAAgB,EACvB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,OAAO,GACb,CACE,CACP,CAAC;AACJ,CAAC;AAnCD,8FAmCC;AAED,0BAA0B;AAC1B;;;GAGG;AACH,SAAgB,qCAAqC,CACnD,QAA2C;IAE3C,QAAQ,QAAQ,EAAE;QAChB,KAAK,SAAS;YACZ,OAAO,2BAAY,CAAC,SAAS,CAAC,gCAAgC,CAAC,CAAC;QAClE,KAAK,UAAU;YACb,OAAO,2BAAY,CAAC,SAAS,CAAC,iCAAiC,CAAC,CAAC;QACnE,KAAK,UAAU;YACb,OAAO,2BAAY,CAAC,SAAS,CAAC,+BAA+B,CAAC,CAAC;QACjE,KAAK,cAAc;YACjB,OAAO,2BAAY,CAAC,SAAS,CAAC,kCAAkC,CAAC,CAAC;QACpE,KAAK,SAAS;YACZ,OAAO,GAAG,CAAC;QACb,KAAK,kBAAkB;YACrB,OAAO,IAAI,CAAC;QACd,KAAK,MAAM;YACT,OAAO,GAAG,CAAC;QACb,KAAK,eAAe;YAClB,OAAO,IAAI,CAAC;QACd,KAAK,MAAM;YACT,OAAO,2BAAY,CAAC,SAAS,CAAC,kCAAkC,CAAC,CAAC;QACpE,KAAK,SAAS;YACZ,OAAO,2BAAY,CAAC,SAAS,CAAC,gCAAgC,CAAC,CAAC;QAClE,KAAK,aAAa;YAChB,OAAO,2BAAY,CAAC,SAAS,CAAC,mCAAmC,CAAC,CAAC;QACrE,KAAK,SAAS;YACZ,OAAO,2BAAY,CAAC,SAAS,CAAC,iCAAiC,CAAC,CAAC;QACnE,KAAK,aAAa;YAChB,OAAO,2BAAY,CAAC,SAAS,CAAC,oCAAoC,CAAC,CAAC;KACvE;AACH,CAAC;AA/BD,sFA+BC","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 * as React from \"react\";\nimport { type PropertyDescription } from \"@itwin/appui-abstract\";\nimport { Select } from \"@itwin/itwinui-react\";\nimport type { PropertyFilterBuilderRuleOperator } from \"./Operators\";\nimport { getPropertyFilterBuilderOperators } from \"./Operators\";\nimport { UiComponents } from \"../UiComponents\";\n\n/**\n * Props for [[PropertyFilterBuilderRuleOperator]] component.\n * @beta\n */\nexport interface PropertyFilterBuilderRuleOperatorProps {\n  /** Currently selected operator. */\n  operator?: PropertyFilterBuilderRuleOperator;\n  /** Property used in rule for which this operator will be used. */\n  property: PropertyDescription;\n  /** Callback that is invoked when selected operator changes. */\n  onChange: (operator: PropertyFilterBuilderRuleOperator) => void;\n}\n\n/**\n * Component that renders [[PropertyFilterBuilderRuleRenderer]] operator selector.\n * @internal\n */\nexport function PropertyFilterBuilderRuleOperatorRenderer(\n  props: PropertyFilterBuilderRuleOperatorProps\n) {\n  const { operator, property, onChange } = props;\n\n  const availableOperators = React.useMemo(\n    () => getPropertyFilterBuilderOperators(property),\n    [property]\n  );\n  const selectedOperator =\n    availableOperators.find((op) => op === operator) ?? availableOperators[0];\n\n  React.useEffect(() => {\n    onChange(selectedOperator);\n  }, [onChange, selectedOperator]);\n\n  const availableOptions = React.useMemo(\n    () =>\n      availableOperators.map((op) => ({\n        value: op,\n        label: getPropertyFilterBuilderOperatorLabel(op),\n      })),\n    [availableOperators]\n  );\n\n  return (\n    <div className=\"fb-row-condition\">\n      <Select\n        options={availableOptions}\n        value={selectedOperator}\n        onChange={onChange}\n        size={\"small\"}\n      />\n    </div>\n  );\n}\n\n/* istanbul ignore next */\n/**\n * Function that returns display label for [[PropertyFilterBuilderRuleOperator]].\n * @beta\n */\nexport function getPropertyFilterBuilderOperatorLabel(\n  operator: PropertyFilterBuilderRuleOperator\n) {\n  switch (operator) {\n    case \"is-true\":\n      return UiComponents.translate(\"filterBuilder.operators.isTrue\");\n    case \"is-false\":\n      return UiComponents.translate(\"filterBuilder.operators.isFalse\");\n    case \"is-equal\":\n      return UiComponents.translate(\"filterBuilder.operators.equal\");\n    case \"is-not-equal\":\n      return UiComponents.translate(\"filterBuilder.operators.notEqual\");\n    case \"greater\":\n      return \">\";\n    case \"greater-or-equal\":\n      return \">=\";\n    case \"less\":\n      return \"<\";\n    case \"less-or-equal\":\n      return \"<=\";\n    case \"like\":\n      return UiComponents.translate(\"filterBuilder.operators.contains\");\n    case \"is-null\":\n      return UiComponents.translate(\"filterBuilder.operators.isNull\");\n    case \"is-not-null\":\n      return UiComponents.translate(\"filterBuilder.operators.isNotNull\");\n    case \"between\":\n      return UiComponents.translate(\"filterBuilder.operators.between\");\n    case \"not-between\":\n      return UiComponents.translate(\"filterBuilder.operators.notBetween\");\n  }\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"FilterBuilderRuleProperty.d.ts","sourceRoot":"","sources":["../../../../src/components-react/filter-builder/FilterBuilderRuleProperty.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAOjE;;;GAGG;AACH,MAAM,WAAW,sCAAsC;IACrD,oCAAoC;IACpC,UAAU,EAAE,mBAAmB,EAAE,CAAC;IAClC,mCAAmC;IACnC,gBAAgB,CAAC,EAAE,mBAAmB,CAAC;IACvC,+DAA+D;IAC/D,yBAAyB,EAAE,CAAC,QAAQ,CAAC,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACpE,yDAAyD;IACzD,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACrD,4DAA4D;IAC5D,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;GAGG;AACH,wBAAgB,iCAAiC,CAC/C,KAAK,EAAE,sCAAsC,qBAoE9C"}
+{"version":3,"file":"FilterBuilderRuleProperty.d.ts","sourceRoot":"","sources":["../../../../src/components-react/filter-builder/FilterBuilderRuleProperty.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAOjE;;;GAGG;AACH,MAAM,WAAW,sCAAsC;IACrD,oCAAoC;IACpC,UAAU,EAAE,mBAAmB,EAAE,CAAC;IAClC,mCAAmC;IACnC,gBAAgB,CAAC,EAAE,mBAAmB,CAAC;IACvC,+DAA+D;IAC/D,yBAAyB,EAAE,CAAC,QAAQ,CAAC,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACpE,yDAAyD;IACzD,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACrD,4DAA4D;IAC5D,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;GAGG;AACH,wBAAgB,iCAAiC,CAC/C,KAAK,EAAE,sCAAsC,qBAsE9C"}

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

@@ -33,13 +33,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PropertyFilterBuilderRuleProperty = void 0;
 const React = __importStar(require("react"));
 const itwinui_react_1 = require("@itwin/itwinui-react");
-const UiComponents_1 = require("../UiComponents");
+const useTranslation_1 = require("../useTranslation");
 /**
  * Component that renders [[PropertyFilterBuilderRuleRenderer]] property selector.
  * @internal
  */
 function PropertyFilterBuilderRuleProperty(props) {
     const { selectedProperty, properties, onSelectedPropertyChanged, propertyRenderer, isDisabled, } = props;
+    const { translate } = (0, useTranslation_1.useTranslation)();
     const selectOptions = React.useMemo(() => properties.map((property) => ({
         id: property.name,
         label: property.displayLabel,
@@ -49,8 +50,8 @@ function PropertyFilterBuilderRuleProperty(props) {
         onSelectedPropertyChanged(properties.find((property) => property.name === name));
     }, [properties, onSelectedPropertyChanged]);
     React.useEffect(() => {
-        const currentSelectedProperty = properties.find((property) => property.name === selectedProperty?.name);
-        if (currentSelectedProperty?.name !== selectedProperty?.name)
+        const currentSelectedProperty = properties.find((property) => property.name === (selectedProperty === null || selectedProperty === void 0 ? void 0 : selectedProperty.name));
+        if ((currentSelectedProperty === null || currentSelectedProperty === void 0 ? void 0 : currentSelectedProperty.name) !== (selectedProperty === null || selectedProperty === void 0 ? void 0 : selectedProperty.name))
             onSelectedPropertyChanged(currentSelectedProperty);
     }, [properties, selectedProperty, onSelectedPropertyChanged]);
     const itemRenderer = React.useCallback((selectOption, { isSelected, id }) => {
@@ -59,8 +60,8 @@ function PropertyFilterBuilderRuleProperty(props) {
             : selectOption.label));
     }, [propertyRenderer]);
     return (React.createElement("div", { className: "fb-property-name" },
-        React.createElement(itwinui_react_1.ComboBox, { options: selectOptions, onChange: onPropertyChanged, value: selectedProperty?.name, inputProps: {
-                placeholder: UiComponents_1.UiComponents.translate("filterBuilder.chooseProperty"),
+        React.createElement(itwinui_react_1.ComboBox, { options: selectOptions, onChange: onPropertyChanged, value: selectedProperty === null || selectedProperty === void 0 ? void 0 : selectedProperty.name, inputProps: {
+                placeholder: translate("filterBuilder.chooseProperty"),
                 disabled: isDisabled,
                 size: "small",
             }, itemRenderer: itemRenderer, enableVirtualization: true })));

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

@@ -1 +1 @@
-{"version":3,"file":"FilterBuilderRuleProperty.js","sourceRoot":"","sources":["../../../../src/components-react/filter-builder/FilterBuilderRuleProperty.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAG/B,wDAA0D;AAC1D,kDAA+C;AAqB/C;;;GAGG;AACH,SAAgB,iCAAiC,CAC/C,KAA6C;IAE7C,MAAM,EACJ,gBAAgB,EAChB,UAAU,EACV,yBAAyB,EACzB,gBAAgB,EAChB,UAAU,GACX,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CACjC,GAAG,EAAE,CACH,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;QAC5B,EAAE,EAAE,QAAQ,CAAC,IAAI;QACjB,KAAK,EAAE,QAAQ,CAAC,YAAY;QAC5B,KAAK,EAAE,QAAQ,CAAC,IAAI;KACrB,CAAC,CAAC,EACL,CAAC,UAAU,CAAC,CACb,CAAC;IAEF,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CACzC,CAAC,IAAY,EAAE,EAAE;QACf,yBAAyB,CACvB,UAAU,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,KAAK,IAAI,CAAC,CACtD,CAAC;IACJ,CAAC,EACD,CAAC,UAAU,EAAE,yBAAyB,CAAC,CACxC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,uBAAuB,GAAG,UAAU,CAAC,IAAI,CAC7C,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,KAAK,gBAAgB,EAAE,IAAI,CACvD,CAAC;QACF,IAAI,uBAAuB,EAAE,IAAI,KAAK,gBAAgB,EAAE,IAAI;YAC1D,yBAAyB,CAAC,uBAAuB,CAAC,CAAC;IACvD,CAAC,EAAE,CAAC,UAAU,EAAE,gBAAgB,EAAE,yBAAyB,CAAC,CAAC,CAAC;IAE9D,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAGpC,CAAC,YAAY,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,EAAE;QACnC,OAAO,CACL,oBAAC,wBAAQ,IAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,UAAU,IAC9C,gBAAgB;YACf,CAAC,CAAC,gBAAgB,CAAC,YAAY,CAAC,KAAK,CAAC;YACtC,CAAC,CAAC,YAAY,CAAC,KAAK,CACb,CACZ,CAAC;IACJ,CAAC,EACD,CAAC,gBAAgB,CAAC,CACnB,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAC,kBAAkB;QAC/B,oBAAC,wBAAQ,IACP,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,iBAAiB,EAC3B,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAC7B,UAAU,EAAE;gBACV,WAAW,EAAE,2BAAY,CAAC,SAAS,CAAC,8BAA8B,CAAC;gBACnE,QAAQ,EAAE,UAAU;gBACpB,IAAI,EAAE,OAAO;aACd,EACD,YAAY,EAAE,YAAY,EAC1B,oBAAoB,EAAE,IAAI,GAC1B,CACE,CACP,CAAC;AACJ,CAAC;AArED,8EAqEC","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 * as React from \"react\";\nimport type { PropertyDescription } from \"@itwin/appui-abstract\";\nimport type { SelectOption } from \"@itwin/itwinui-react\";\nimport { ComboBox, MenuItem } from \"@itwin/itwinui-react\";\nimport { UiComponents } from \"../UiComponents\";\n\ntype ComboBoxProps<T> = React.ComponentPropsWithoutRef<typeof ComboBox<T>>;\n\n/**\n * Props for [[PropertyFilterBuilderRuleProperty]] component.\n * @internal\n */\nexport interface PropertyFilterBuilderRulePropertyProps {\n  /** List of available properties. */\n  properties: PropertyDescription[];\n  /** Currently selected property. */\n  selectedProperty?: PropertyDescription;\n  /** Callback that is invoked when selected property changes. */\n  onSelectedPropertyChanged: (property?: PropertyDescription) => void;\n  /** Custom renderer for property item inside selector. */\n  propertyRenderer?: (name: string) => React.ReactNode;\n  /** Specifies whether selector should be disabled or not. */\n  isDisabled?: boolean;\n}\n\n/**\n * Component that renders [[PropertyFilterBuilderRuleRenderer]] property selector.\n * @internal\n */\nexport function PropertyFilterBuilderRuleProperty(\n  props: PropertyFilterBuilderRulePropertyProps\n) {\n  const {\n    selectedProperty,\n    properties,\n    onSelectedPropertyChanged,\n    propertyRenderer,\n    isDisabled,\n  } = props;\n\n  const selectOptions = React.useMemo<SelectOption<string>[]>(\n    () =>\n      properties.map((property) => ({\n        id: property.name,\n        label: property.displayLabel,\n        value: property.name,\n      })),\n    [properties]\n  );\n\n  const onPropertyChanged = React.useCallback(\n    (name: string) => {\n      onSelectedPropertyChanged(\n        properties.find((property) => property.name === name)\n      );\n    },\n    [properties, onSelectedPropertyChanged]\n  );\n\n  React.useEffect(() => {\n    const currentSelectedProperty = properties.find(\n      (property) => property.name === selectedProperty?.name\n    );\n    if (currentSelectedProperty?.name !== selectedProperty?.name)\n      onSelectedPropertyChanged(currentSelectedProperty);\n  }, [properties, selectedProperty, onSelectedPropertyChanged]);\n\n  const itemRenderer = React.useCallback<\n    Required<ComboBoxProps<string>>[\"itemRenderer\"]\n  >(\n    (selectOption, { isSelected, id }) => {\n      return (\n        <MenuItem key={id} id={id} isSelected={isSelected}>\n          {propertyRenderer\n            ? propertyRenderer(selectOption.value)\n            : selectOption.label}\n        </MenuItem>\n      );\n    },\n    [propertyRenderer]\n  );\n\n  return (\n    <div className=\"fb-property-name\">\n      <ComboBox\n        options={selectOptions}\n        onChange={onPropertyChanged}\n        value={selectedProperty?.name}\n        inputProps={{\n          placeholder: UiComponents.translate(\"filterBuilder.chooseProperty\"),\n          disabled: isDisabled,\n          size: \"small\",\n        }}\n        itemRenderer={itemRenderer}\n        enableVirtualization={true}\n      />\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"FilterBuilderRuleProperty.js","sourceRoot":"","sources":["../../../../src/components-react/filter-builder/FilterBuilderRuleProperty.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAG/B,wDAA0D;AAC1D,sDAAmD;AAqBnD;;;GAGG;AACH,SAAgB,iCAAiC,CAC/C,KAA6C;IAE7C,MAAM,EACJ,gBAAgB,EAChB,UAAU,EACV,yBAAyB,EACzB,gBAAgB,EAChB,UAAU,GACX,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAEvC,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CACjC,GAAG,EAAE,CACH,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;QAC5B,EAAE,EAAE,QAAQ,CAAC,IAAI;QACjB,KAAK,EAAE,QAAQ,CAAC,YAAY;QAC5B,KAAK,EAAE,QAAQ,CAAC,IAAI;KACrB,CAAC,CAAC,EACL,CAAC,UAAU,CAAC,CACb,CAAC;IAEF,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CACzC,CAAC,IAAY,EAAE,EAAE;QACf,yBAAyB,CACvB,UAAU,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,KAAK,IAAI,CAAC,CACtD,CAAC;IACJ,CAAC,EACD,CAAC,UAAU,EAAE,yBAAyB,CAAC,CACxC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,uBAAuB,GAAG,UAAU,CAAC,IAAI,CAC7C,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,MAAK,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,CAAA,CACvD,CAAC;QACF,IAAI,CAAA,uBAAuB,aAAvB,uBAAuB,uBAAvB,uBAAuB,CAAE,IAAI,OAAK,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,CAAA;YAC1D,yBAAyB,CAAC,uBAAuB,CAAC,CAAC;IACvD,CAAC,EAAE,CAAC,UAAU,EAAE,gBAAgB,EAAE,yBAAyB,CAAC,CAAC,CAAC;IAE9D,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAGpC,CAAC,YAAY,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,EAAE;QACnC,OAAO,CACL,oBAAC,wBAAQ,IAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,UAAU,IAC9C,gBAAgB;YACf,CAAC,CAAC,gBAAgB,CAAC,YAAY,CAAC,KAAK,CAAC;YACtC,CAAC,CAAC,YAAY,CAAC,KAAK,CACb,CACZ,CAAC;IACJ,CAAC,EACD,CAAC,gBAAgB,CAAC,CACnB,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAC,kBAAkB;QAC/B,oBAAC,wBAAQ,IACP,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,iBAAiB,EAC3B,KAAK,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,EAC7B,UAAU,EAAE;gBACV,WAAW,EAAE,SAAS,CAAC,8BAA8B,CAAC;gBACtD,QAAQ,EAAE,UAAU;gBACpB,IAAI,EAAE,OAAO;aACd,EACD,YAAY,EAAE,YAAY,EAC1B,oBAAoB,EAAE,IAAI,GAC1B,CACE,CACP,CAAC;AACJ,CAAC;AAvED,8EAuEC","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 * as React from \"react\";\nimport type { PropertyDescription } from \"@itwin/appui-abstract\";\nimport type { SelectOption } from \"@itwin/itwinui-react\";\nimport { ComboBox, MenuItem } from \"@itwin/itwinui-react\";\nimport { useTranslation } from \"../useTranslation\";\n\ntype ComboBoxProps<T> = React.ComponentPropsWithoutRef<typeof ComboBox<T>>;\n\n/**\n * Props for [[PropertyFilterBuilderRuleProperty]] component.\n * @internal\n */\nexport interface PropertyFilterBuilderRulePropertyProps {\n  /** List of available properties. */\n  properties: PropertyDescription[];\n  /** Currently selected property. */\n  selectedProperty?: PropertyDescription;\n  /** Callback that is invoked when selected property changes. */\n  onSelectedPropertyChanged: (property?: PropertyDescription) => void;\n  /** Custom renderer for property item inside selector. */\n  propertyRenderer?: (name: string) => React.ReactNode;\n  /** Specifies whether selector should be disabled or not. */\n  isDisabled?: boolean;\n}\n\n/**\n * Component that renders [[PropertyFilterBuilderRuleRenderer]] property selector.\n * @internal\n */\nexport function PropertyFilterBuilderRuleProperty(\n  props: PropertyFilterBuilderRulePropertyProps\n) {\n  const {\n    selectedProperty,\n    properties,\n    onSelectedPropertyChanged,\n    propertyRenderer,\n    isDisabled,\n  } = props;\n\n  const { translate } = useTranslation();\n\n  const selectOptions = React.useMemo<SelectOption<string>[]>(\n    () =>\n      properties.map((property) => ({\n        id: property.name,\n        label: property.displayLabel,\n        value: property.name,\n      })),\n    [properties]\n  );\n\n  const onPropertyChanged = React.useCallback(\n    (name: string) => {\n      onSelectedPropertyChanged(\n        properties.find((property) => property.name === name)\n      );\n    },\n    [properties, onSelectedPropertyChanged]\n  );\n\n  React.useEffect(() => {\n    const currentSelectedProperty = properties.find(\n      (property) => property.name === selectedProperty?.name\n    );\n    if (currentSelectedProperty?.name !== selectedProperty?.name)\n      onSelectedPropertyChanged(currentSelectedProperty);\n  }, [properties, selectedProperty, onSelectedPropertyChanged]);\n\n  const itemRenderer = React.useCallback<\n    Required<ComboBoxProps<string>>[\"itemRenderer\"]\n  >(\n    (selectOption, { isSelected, id }) => {\n      return (\n        <MenuItem key={id} id={id} isSelected={isSelected}>\n          {propertyRenderer\n            ? propertyRenderer(selectOption.value)\n            : selectOption.label}\n        </MenuItem>\n      );\n    },\n    [propertyRenderer]\n  );\n\n  return (\n    <div className=\"fb-property-name\">\n      <ComboBox\n        options={selectOptions}\n        onChange={onPropertyChanged}\n        value={selectedProperty?.name}\n        inputProps={{\n          placeholder: translate(\"filterBuilder.chooseProperty\"),\n          disabled: isDisabled,\n          size: \"small\",\n        }}\n        itemRenderer={itemRenderer}\n        enableVirtualization={true}\n      />\n    </div>\n  );\n}\n"]}

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

@@ -36,7 +36,7 @@ const appui_abstract_1 = require("@itwin/appui-abstract");
 const EditorContainer_1 = require("../editors/EditorContainer");
 const itwinui_react_1 = require("@itwin/itwinui-react");
 const FilterBuilderRangeValue_1 = require("./FilterBuilderRangeValue");
-const UiComponents_1 = require("../UiComponents");
+const useTranslation_1 = require("../useTranslation");
 /**
  * Component that renders [[PropertyFilterBuilderRuleRenderer]] value input.
  * @beta
@@ -48,7 +48,7 @@ function PropertyFilterBuilderRuleValue(props) {
 exports.PropertyFilterBuilderRuleValue = PropertyFilterBuilderRuleValue;
 function FilterBuilderRulePrimitiveValueRenderer({ property, value, onChange, }) {
     const propertyRecord = React.useMemo(() => {
-        return new appui_abstract_1.PropertyRecord(value ?? { valueFormat: appui_abstract_1.PropertyValueFormat.Primitive }, property);
+        return new appui_abstract_1.PropertyRecord(value !== null && value !== void 0 ? value : { valueFormat: appui_abstract_1.PropertyValueFormat.Primitive }, property);
     }, [value, property]);
     const onValueChange = React.useCallback(({ newValue }) => {
         onChange(newValue);
@@ -56,6 +56,7 @@ function FilterBuilderRulePrimitiveValueRenderer({ property, value, onChange, })
     return (React.createElement(EditorContainer_1.EditorContainer, { propertyRecord: propertyRecord, onCancel: /* istanbul ignore next */ () => { }, onCommit: onValueChange, setFocus: false, shouldCommitOnChange: false }));
 }
 function FilterBuilderRuleRangeValueRenderer({ property, value, onChange, }) {
+    const { translate } = (0, useTranslation_1.useTranslation)();
     const { from, to } = React.useMemo(() => {
         const rangeValue = FilterBuilderRangeValue_1.PropertyFilterBuilderRuleRangeValue.parse(value);
         return {
@@ -72,7 +73,7 @@ function FilterBuilderRuleRangeValueRenderer({ property, value, onChange, }) {
     return (React.createElement(itwinui_react_1.Flex, { className: "rule-value-range", display: "inline-flex", flexDirection: "row" },
         React.createElement(itwinui_react_1.Flex.Item, null,
             React.createElement(EditorContainer_1.EditorContainer, { propertyRecord: from, onCancel: /* istanbul ignore next */ () => { }, onCommit: handleFromValue, setFocus: false, shouldCommitOnChange: false })),
-        React.createElement(itwinui_react_1.Text, null, UiComponents_1.UiComponents.translate("filterBuilder.operators.and").toLowerCase()),
+        React.createElement(itwinui_react_1.Text, null, translate("filterBuilder.operators.and").toLowerCase()),
         React.createElement(itwinui_react_1.Flex.Item, null,
             React.createElement(EditorContainer_1.EditorContainer, { propertyRecord: to, onCancel: /* istanbul ignore next */ () => { }, onCommit: handleToValue, setFocus: false, shouldCommitOnChange: false }))));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"FilterBuilderRuleValue.js","sourceRoot":"","sources":["../../../../src/components-react/filter-builder/FilterBuilderRuleValue.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 PropertyFilterBuilder\n */\n\nimport * as React from \"react\";\nimport type { PropertyDescription, PropertyValue } from \"@itwin/appui-abstract\";\nimport { PropertyRecord, PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport type { PropertyUpdatedArgs } from \"../editors/EditorContainer\";\nimport { EditorContainer } from \"../editors/EditorContainer\";\nimport { Flex, Text } from \"@itwin/itwinui-react\";\nimport { PropertyFilterBuilderRuleRangeValue } from \"./FilterBuilderRangeValue\";\nimport type { PropertyFilterBuilderRuleOperator } from \"./Operators\";\nimport { UiComponents } from \"../UiComponents\";\n\n/**\n * Props for [[PropertyFilterBuilderRuleValue]] component.\n * @beta\n */\nexport interface PropertyFilterBuilderRuleValueProps {\n  /** Currently entered value. */\n  value?: PropertyValue;\n  /** Property used in rule to which this value will be compared to. */\n  property: PropertyDescription;\n  /** Callback that is invoked when value changes. */\n  onChange: (value: PropertyValue) => void;\n}\n\n/**\n * Props for custom [[PropertyFilterBuilderRuleValue]] renderer.\n * @beta\n */\nexport interface PropertyFilterBuilderRuleValueRendererProps\n  extends PropertyFilterBuilderRuleValueProps {\n  /** Current operator. */\n  operator: PropertyFilterBuilderRuleOperator;\n}\n\n/**\n * Component that renders [[PropertyFilterBuilderRuleRenderer]] value input.\n * @beta\n */\nexport function PropertyFilterBuilderRuleValue(\n  props: PropertyFilterBuilderRuleValueRendererProps\n) {\n  const { operator, ...restProps } = props;\n\n  return operator === \"between\" || operator === \"not-between\" ? (\n    <FilterBuilderRuleRangeValueRenderer {...restProps} />\n  ) : (\n    <FilterBuilderRulePrimitiveValueRenderer {...restProps} />\n  );\n}\n\nfunction FilterBuilderRulePrimitiveValueRenderer({\n  property,\n  value,\n  onChange,\n}: PropertyFilterBuilderRuleValueProps) {\n  const propertyRecord = React.useMemo(() => {\n    return new PropertyRecord(\n      value ?? { valueFormat: PropertyValueFormat.Primitive },\n      property\n    );\n  }, [value, property]);\n\n  const onValueChange = React.useCallback(\n    ({ newValue }: PropertyUpdatedArgs) => {\n      onChange(newValue);\n    },\n    [onChange]\n  );\n\n  return (\n    <EditorContainer\n      propertyRecord={propertyRecord}\n      onCancel={/* istanbul ignore next */ () => {}}\n      onCommit={onValueChange}\n      setFocus={false}\n      shouldCommitOnChange={false}\n    />\n  );\n}\n\nfunction FilterBuilderRuleRangeValueRenderer({\n  property,\n  value,\n  onChange,\n}: PropertyFilterBuilderRuleValueProps) {\n  const { from, to } = React.useMemo(() => {\n    const rangeValue = PropertyFilterBuilderRuleRangeValue.parse(value);\n    return {\n      from: new PropertyRecord(rangeValue.from, property),\n      to: new PropertyRecord(rangeValue.to, property),\n    };\n  }, [property, value]);\n\n  const handleFromValue = React.useCallback(\n    ({ newValue }: PropertyUpdatedArgs) => {\n      onChange(getSerializedRangeValue(newValue, to.value));\n    },\n    [onChange, to]\n  );\n\n  const handleToValue = React.useCallback(\n    ({ newValue }: PropertyUpdatedArgs) => {\n      onChange(getSerializedRangeValue(from.value, newValue));\n    },\n    [onChange, from]\n  );\n\n  return (\n    <Flex\n      className=\"rule-value-range\"\n      display=\"inline-flex\"\n      flexDirection=\"row\"\n    >\n      <Flex.Item>\n        <EditorContainer\n          propertyRecord={from}\n          onCancel={/* istanbul ignore next */ () => {}}\n          onCommit={handleFromValue}\n          setFocus={false}\n          shouldCommitOnChange={false}\n        />\n      </Flex.Item>\n      <Text>\n        {UiComponents.translate(\"filterBuilder.operators.and\").toLowerCase()}\n      </Text>\n      <Flex.Item>\n        <EditorContainer\n          propertyRecord={to}\n          onCancel={/* istanbul ignore next */ () => {}}\n          onCommit={handleToValue}\n          setFocus={false}\n          shouldCommitOnChange={false}\n        />\n      </Flex.Item>\n    </Flex>\n  );\n}\n\n// istanbul ignore next\nfunction getSerializedRangeValue(from: PropertyValue, to: PropertyValue) {\n  return PropertyFilterBuilderRuleRangeValue.serialize({\n    from:\n      from.valueFormat === PropertyValueFormat.Primitive\n        ? from\n        : { valueFormat: PropertyValueFormat.Primitive },\n    to:\n      to.valueFormat === PropertyValueFormat.Primitive\n        ? to\n        : { valueFormat: PropertyValueFormat.Primitive },\n  });\n}\n"]}
+{"version":3,"file":"FilterBuilderRuleValue.js","sourceRoot":"","sources":["../../../../src/components-react/filter-builder/FilterBuilderRuleValue.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 PropertyFilterBuilder\n */\n\nimport * as React from \"react\";\nimport type { PropertyDescription, PropertyValue } from \"@itwin/appui-abstract\";\nimport { PropertyRecord, PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport type { PropertyUpdatedArgs } from \"../editors/EditorContainer\";\nimport { EditorContainer } from \"../editors/EditorContainer\";\nimport { Flex, Text } from \"@itwin/itwinui-react\";\nimport { PropertyFilterBuilderRuleRangeValue } from \"./FilterBuilderRangeValue\";\nimport type { PropertyFilterBuilderRuleOperator } from \"./Operators\";\nimport { useTranslation } from \"../useTranslation\";\n\n/**\n * Props for [[PropertyFilterBuilderRuleValue]] component.\n * @beta\n */\nexport interface PropertyFilterBuilderRuleValueProps {\n  /** Currently entered value. */\n  value?: PropertyValue;\n  /** Property used in rule to which this value will be compared to. */\n  property: PropertyDescription;\n  /** Callback that is invoked when value changes. */\n  onChange: (value: PropertyValue) => void;\n}\n\n/**\n * Props for custom [[PropertyFilterBuilderRuleValue]] renderer.\n * @beta\n */\nexport interface PropertyFilterBuilderRuleValueRendererProps\n  extends PropertyFilterBuilderRuleValueProps {\n  /** Current operator. */\n  operator: PropertyFilterBuilderRuleOperator;\n}\n\n/**\n * Component that renders [[PropertyFilterBuilderRuleRenderer]] value input.\n * @beta\n */\nexport function PropertyFilterBuilderRuleValue(\n  props: PropertyFilterBuilderRuleValueRendererProps\n) {\n  const { operator, ...restProps } = props;\n\n  return operator === \"between\" || operator === \"not-between\" ? (\n    <FilterBuilderRuleRangeValueRenderer {...restProps} />\n  ) : (\n    <FilterBuilderRulePrimitiveValueRenderer {...restProps} />\n  );\n}\n\nfunction FilterBuilderRulePrimitiveValueRenderer({\n  property,\n  value,\n  onChange,\n}: PropertyFilterBuilderRuleValueProps) {\n  const propertyRecord = React.useMemo(() => {\n    return new PropertyRecord(\n      value ?? { valueFormat: PropertyValueFormat.Primitive },\n      property\n    );\n  }, [value, property]);\n\n  const onValueChange = React.useCallback(\n    ({ newValue }: PropertyUpdatedArgs) => {\n      onChange(newValue);\n    },\n    [onChange]\n  );\n\n  return (\n    <EditorContainer\n      propertyRecord={propertyRecord}\n      onCancel={/* istanbul ignore next */ () => {}}\n      onCommit={onValueChange}\n      setFocus={false}\n      shouldCommitOnChange={false}\n    />\n  );\n}\n\nfunction FilterBuilderRuleRangeValueRenderer({\n  property,\n  value,\n  onChange,\n}: PropertyFilterBuilderRuleValueProps) {\n  const { translate } = useTranslation();\n  const { from, to } = React.useMemo(() => {\n    const rangeValue = PropertyFilterBuilderRuleRangeValue.parse(value);\n    return {\n      from: new PropertyRecord(rangeValue.from, property),\n      to: new PropertyRecord(rangeValue.to, property),\n    };\n  }, [property, value]);\n\n  const handleFromValue = React.useCallback(\n    ({ newValue }: PropertyUpdatedArgs) => {\n      onChange(getSerializedRangeValue(newValue, to.value));\n    },\n    [onChange, to]\n  );\n\n  const handleToValue = React.useCallback(\n    ({ newValue }: PropertyUpdatedArgs) => {\n      onChange(getSerializedRangeValue(from.value, newValue));\n    },\n    [onChange, from]\n  );\n\n  return (\n    <Flex\n      className=\"rule-value-range\"\n      display=\"inline-flex\"\n      flexDirection=\"row\"\n    >\n      <Flex.Item>\n        <EditorContainer\n          propertyRecord={from}\n          onCancel={/* istanbul ignore next */ () => {}}\n          onCommit={handleFromValue}\n          setFocus={false}\n          shouldCommitOnChange={false}\n        />\n      </Flex.Item>\n      <Text>{translate(\"filterBuilder.operators.and\").toLowerCase()}</Text>\n      <Flex.Item>\n        <EditorContainer\n          propertyRecord={to}\n          onCancel={/* istanbul ignore next */ () => {}}\n          onCommit={handleToValue}\n          setFocus={false}\n          shouldCommitOnChange={false}\n        />\n      </Flex.Item>\n    </Flex>\n  );\n}\n\n// istanbul ignore next\nfunction getSerializedRangeValue(from: PropertyValue, to: PropertyValue) {\n  return PropertyFilterBuilderRuleRangeValue.serialize({\n    from:\n      from.valueFormat === PropertyValueFormat.Primitive\n        ? from\n        : { valueFormat: PropertyValueFormat.Primitive },\n    to:\n      to.valueFormat === PropertyValueFormat.Primitive\n        ? to\n        : { valueFormat: PropertyValueFormat.Primitive },\n  });\n}\n"]}

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

@@ -176,7 +176,7 @@ exports.PropertyFilterBuilderActions = PropertyFilterBuilderActions;
  * @beta
  */
 function usePropertyFilterBuilder(props) {
-    const { initialFilter, ruleValidator } = props ?? {
+    const { initialFilter, ruleValidator } = props !== null && props !== void 0 ? props : {
         initialFilter: undefined,
         ruleValidator: undefined,
     };
@@ -186,7 +186,7 @@ function usePropertyFilterBuilder(props) {
     const [actions] = React.useState(() => new PropertyFilterBuilderActions(setState));
     const buildFilter = React.useCallback((options) => {
         const ruleErrors = validateRules(state.rootGroup, ruleValidator);
-        if (!options?.ignoreErrors) {
+        if (!(options === null || options === void 0 ? void 0 : options.ignoreErrors)) {
             actions.setRuleErrorMessages(ruleErrors);
         }
         return ruleErrors.size === 0
@@ -436,7 +436,7 @@ function convertFilterToState(filter) {
     };
 }
 function isEmptyValue(value) {
-    return (value?.valueFormat !== appui_abstract_1.PropertyValueFormat.Primitive ||
+    return ((value === null || value === void 0 ? void 0 : value.valueFormat) !== appui_abstract_1.PropertyValueFormat.Primitive ||
         value.value === undefined ||
         value.value === "");
 }

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

@@ -1 +1 @@
-{"version":3,"file":"FilterBuilderState.js","sourceRoot":"","sources":["../../../../src/components-react/filter-builder/FilterBuilderState.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAGH,iCAAgC;AAChC,6CAA+B;AAE/B,0DAA4D;AAC5D,sDAA2C;AAK3C,2CAGqB;AAMrB,mCAAoD;AACpD,kDAA+C;AAC/C,uEAAgF;AAqDhF;;;GAGG;AACH,SAAgB,gCAAgC,CAC9C,IAAwC;IAExC,OAAQ,IAAY,CAAC,KAAK,KAAK,SAAS,CAAC;AAC3C,CAAC;AAJD,4EAIC;AAED;;;GAGG;AACH,MAAa,4BAA4B;IACvC,YACU,QAIC;QAJD,aAAQ,GAAR,QAAQ,CAIP;IACR,CAAC;IAEI,WAAW,CACjB,OAA2D;QAE3D,IAAI,CAAC,QAAQ,CAAC,IAAA,eAAO,EAAC,OAAO,CAAC,CAAC,CAAC;IAClC,CAAC;IAED,sEAAsE;IAC/D,OAAO,CAAC,IAAc,EAAE,QAA+B;QAC5D,IAAI,CAAC,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE;YACzB,MAAM,WAAW,GAAG,aAAa,CAAC,KAAK,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;YACzD,IAAI,CAAC,WAAW;gBAAE,OAAO;YACzB,MAAM,IAAI,GACR,QAAQ,KAAK,YAAY;gBACvB,CAAC,CAAC,oBAAoB,CAAC,WAAW,CAAC,EAAE,CAAC;gBACtC,CAAC,CAAC,eAAe,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;YACtC,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;IACL,CAAC;IAED,sCAAsC;IAC/B,UAAU,CAAC,IAAc;QAC9B,SAAS,mBAAmB,CAC1B,KAAwC,EACxC,UAAoB;YAEpB,MAAM,YAAY,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YAC7C,MAAM,WAAW,GAAG,aAAa,CAAC,KAAK,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;YACjE,IAAI,CAAC,WAAW,EAAE;gBAChB,OAAO;aACR;YAED,MAAM,MAAM,GAAG,UAAU,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YACjD,MAAM,SAAS,GAAG,WAAW,CAAC,KAAK,CAAC,SAAS,CAC3C,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,MAAM,CAC7B,CAAC;YACF,IAAI,SAAS,KAAK,CAAC,CAAC,EAAE;gBACpB,OAAO;aACR;YACD,IAAI,WAAW,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;gBAClC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,eAAe,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;gBACvD,OAAO;aACR;YACD,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;QACzC,CAAC;QAED,IAAI,CAAC,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE;YACzB,mBAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;IACL,CAAC;IAED,yCAAyC;IAClC,cAAc;QACnB,IAAI,CAAC,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE;YACzB,KAAK,CAAC,SAAS,GAAG,oBAAoB,EAAE,CAAC;QAC3C,CAAC,CAAC,CAAC;IACL,CAAC;IAED,yDAAyD;IAClD,oBAAoB,CACzB,IAAc,EACd,QAA8C;QAE9C,IAAI,CAAC,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE;YACzB,MAAM,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;YACnD,IAAI,CAAC,KAAK,EAAE;gBACV,OAAO;aACR;YACD,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC5B,CAAC,CAAC,CAAC;IACL,CAAC;IAED,mDAAmD;IAC5C,eAAe,CAAC,IAAc,EAAE,QAA8B;QACnE,IAAI,CAAC,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE;YACzB,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;YAC7C,IAAI,CAAC,IAAI,EAAE;gBACT,OAAO;aACR;YACD,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;YACzB,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC;YAC1B,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;YACvB,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC;QAChC,CAAC,CAAC,CAAC;IACL,CAAC;IAED,mDAAmD;IAC5C,eAAe,CACpB,IAAc,EACd,QAA2C;QAE3C,IAAI,CAAC,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE;YACzB,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;YAC7C,IAAI,CAAC,IAAI,EAAE;gBACT,OAAO;aACR;YACD,IAAI,IAAA,gDAAoC,EAAC,QAAQ,CAAC,EAAE;gBAClD,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;aACxB;YACD,IACE,QAAQ,KAAK,IAAI,CAAC,QAAQ;gBAC1B,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,EAC7C;gBACA,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;aACxB;YACD,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC3B,CAAC,CAAC,CAAC;IACL,CAAC;IAED,gDAAgD;IACzC,YAAY,CAAC,IAAc,EAAE,KAAoB;QACtD,IAAI,CAAC,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE;YACzB,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;YAC7C,IAAI,CAAC,IAAI,EAAE;gBACT,OAAO;aACR;YACD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACrB,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;;OAGG;IACI,oBAAoB,CAAC,uBAA4C;QACtE,IAAI,CAAC,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE;YACzB,MAAM,gBAAgB,GAAG,CAAC,IAAwC,EAAE,EAAE;gBACpE,IAAI,gCAAgC,CAAC,IAAI,CAAC,EAAE;oBAC1C,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;wBACzB,gBAAgB,CAAC,GAAG,CAAC,CAAC;oBACxB,CAAC,CAAC,CAAC;iBACJ;qBAAM;oBACL,IAAI,CAAC,YAAY,GAAG,uBAAuB,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;iBAC1D;YACH,CAAC,CAAC;YAEF,gBAAgB,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC;IACL,CAAC;CACF;AAnJD,oEAmJC;AA0CD;;;;GAIG;AACH,SAAgB,wBAAwB,CACtC,KAAqC;IAErC,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,GAAG,KAAK,IAAI;QAChD,aAAa,EAAE,SAAS;QACxB,aAAa,EAAE,SAAS;KACzB,CAAC;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CACtC,aAAa;QACX,CAAC,CAAC,oBAAoB,CAAC,aAAa,CAAC;QACrC,CAAC,CAAC,EAAE,SAAS,EAAE,oBAAoB,EAAE,EAAE,CAC1C,CAAC;IAEF,MAAM,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAC9B,GAAG,EAAE,CAAC,IAAI,4BAA4B,CAAC,QAAQ,CAAC,CACjD,CAAC;IAEF,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACnC,CAAC,OAA4B,EAAE,EAAE;QAC/B,MAAM,UAAU,GAAG,aAAa,CAAC,KAAK,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACjE,IAAI,CAAC,OAAO,EAAE,YAAY,EAAE;YAC1B,OAAO,CAAC,oBAAoB,CAAC,UAAU,CAAC,CAAC;SAC1C;QAED,OAAO,UAAU,CAAC,IAAI,KAAK,CAAC;YAC1B,CAAC,CAAC,mBAAmB,CAAC,KAAK,CAAC,SAAS,CAAC;YACtC,CAAC,CAAC,SAAS,CAAC;IAChB,CAAC,EACD,CAAC,KAAK,CAAC,SAAS,EAAE,OAAO,EAAE,aAAa,CAAC,CAC1C,CAAC;IACF,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC;AAC9D,CAAC;AA/BD,4DA+BC;AAED,SAAS,aAAa,CACpB,IAAwC,EACxC,aAAuE;IAEvE,MAAM,uBAAuB,GAAG,IAAI,GAAG,EAAkB,CAAC;IAE1D,MAAM,kBAAkB,GAAG,CAAC,IAAwC,EAAE,EAAE;QACtE,IAAI,gCAAgC,CAAC,IAAI,CAAC,EAAE;YAC1C,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;gBACzB,kBAAkB,CAAC,GAAG,CAAC,CAAC;YAC1B,CAAC,CAAC,CAAC;SACJ;aAAM;YACL,MAAM,YAAY,GAAG,aAAa;gBAChC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC;gBACrB,CAAC,CAAC,yCAAyC,CAAC,IAAI,CAAC,CAAC;YACpD,IAAI,YAAY;gBAAE,uBAAuB,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC;SACtE;IACH,CAAC,CAAC;IAEF,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAEzB,OAAO,uBAAuB,CAAC;AACjC,CAAC;AAED;;;GAGG;AACH,SAAgB,yCAAyC,CACvD,IAA+B;IAE/B,IACE,IAAI,CAAC,QAAQ,KAAK,SAAS;QAC3B,IAAI,CAAC,QAAQ,KAAK,SAAS;QAC3B,IAAA,gDAAoC,EAAC,IAAI,CAAC,QAAQ,CAAC,EACnD;QACA,OAAO,SAAS,CAAC;KAClB;IACD,IAAI,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,KAAK,aAAa,EAAE;QAClE,OAAO,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACvC;IACD,IAAI,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;QAC5B,OAAO,2BAAY,CAAC,SAAS,CAAC,wCAAwC,CAAC,CAAC;KACzE;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAjBD,8FAiBC;AAED,SAAS,kBAAkB,CAAC,KAAqB;IAC/C,MAAM,KAAK,GAAG,6DAAmC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC/D,IAAI,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE;QACtD,OAAO,2BAAY,CAAC,SAAS,CAAC,wCAAwC,CAAC,CAAC;KACzE;IACD,IAAI,CAAC,6DAAmC,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE;QAC5D,OAAO,2BAAY,CAAC,SAAS,CAAC,0CAA0C,CAAC,CAAC;KAC3E;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,gBAAgB;AAChB,SAAgB,mBAAmB,CACjC,SAA6C;IAE7C,IAAI,gCAAgC,CAAC,SAAS,CAAC;QAC7C,OAAO,gCAAgC,CAAC,SAAS,CAAC,CAAC;IACrD,OAAO,2BAA2B,CAAC,SAAS,CAAC,CAAC;AAChD,CAAC;AAND,kDAMC;AAED,SAAS,gCAAgC,CACvC,SAAyC;IAEzC,MAAM,KAAK,GAAG,IAAI,KAAK,EAAkB,CAAC;IAC1C,KAAK,MAAM,IAAI,IAAI,SAAS,CAAC,KAAK,EAAE;QAClC,MAAM,IAAI,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC;QACvC,IAAI,IAAI;YAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC5B;IAED,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,SAAS,CAAC;IAEzC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,IAAA,iCAAyB,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE;QAC9D,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC;KACjB;IAED,OAAO;QACL,QAAQ,EAAE,SAAS,CAAC,QAAQ;QAC5B,KAAK;KACN,CAAC;AACJ,CAAC;AAED,SAAS,2BAA2B,CAClC,IAA+B;IAE/B,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IAC3C,IAAI,CAAC,QAAQ,IAAI,QAAQ,KAAK,SAAS,EAAE;QACvC,OAAO,SAAS,CAAC;KAClB;IAED,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,aAAa,EAAE;QACxD,OAAO,gCAAgC,CAAC;YACtC,GAAG,IAAI;YACP,QAAQ;YACR,QAAQ;YACR,KAAK;SACN,CAAC,CAAC;KACJ;IAED,IAAI,CAAC,IAAA,yCAA6B,EAAC,QAAQ,CAAC,IAAI,YAAY,CAAC,KAAK,CAAC,EAAE;QACnE,OAAO,SAAS,CAAC;KAClB;IAED,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;AACvC,CAAC;AAED,SAAS,gCAAgC,CACvC,IAGC;IAED,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IAC3C,IACE,CAAC,KAAK;QACN,KAAK,CAAC,WAAW,KAAK,oCAAmB,CAAC,SAAS;QACnD,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,EAC/B;QACA,OAAO,SAAS,CAAC;KAClB;IAED,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,6DAAmC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACtE,IAAI,YAAY,CAAC,EAAE,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,EAAE;QAC1C,OAAO,SAAS,CAAC;KAClB;IAED,OAAO;QACL,QAAQ,EAAE,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;QAC/C,KAAK,EAAE;YACL;gBACE,QAAQ;gBACR,QAAQ,EAAE,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM;gBAC9D,KAAK,EAAE,IAAI;aACZ;YACD;gBACE,QAAQ;gBACR,QAAQ,EAAE,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS;gBAC9D,KAAK,EAAE,EAAE;aACV;SACF;KACF,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,OAAe;IACtC,OAAO;QACL,EAAE,EAAE,mBAAI,CAAC,WAAW,EAAE;QACtB,OAAO;KACR,CAAC;AACJ,CAAC;AAED,SAAS,oBAAoB,CAC3B,OAAgB;IAEhB,MAAM,EAAE,GAAG,mBAAI,CAAC,WAAW,EAAE,CAAC;IAC9B,OAAO;QACL,EAAE;QACF,OAAO;QACP,QAAQ,EAAE,KAAK;QACf,KAAK,EAAE,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;KAC7B,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CACpB,SAAyC,EACzC,IAAc;IAEd,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,SAAS,CAAC;IAExC,MAAM,CAAC,aAAa,EAAE,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;IACtC,MAAM,WAAW,GAAG,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,aAAa,CAAC,CAAC;IAC9E,IAAI,CAAC,WAAW,IAAI,CAAC,gCAAgC,CAAC,WAAW,CAAC;QAChE,OAAO,SAAS,CAAC;IAEnB,OAAO,aAAa,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;AAC1C,CAAC;AAED,SAAS,QAAQ,CACf,SAAyC,EACzC,IAAc;IAEd,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,SAAS,CAAC;IAExC,MAAM,CAAC,aAAa,EAAE,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;IACtC,MAAM,WAAW,GAAG,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,aAAa,CAAC,CAAC;IAC9E,IAAI,CAAC,WAAW;QAAE,OAAO,SAAS,CAAC;IAEnC,IAAI,gCAAgC,CAAC,WAAW,CAAC;QAC/C,OAAO,QAAQ,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;IAErC,OAAO,WAAW,CAAC;AACrB,CAAC;AACD,SAAS,gBAAgB,CACvB,MAAsB,EACtB,QAAgB;IAEhB,MAAM,EAAE,GAAG,mBAAI,CAAC,WAAW,EAAE,CAAC;IAC9B,IAAI,IAAA,iCAAyB,EAAC,MAAM,CAAC,EAAE;QACrC,MAAM,SAAS,GAAG,iBAAiB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QAEtD,OAAO,SAAS;YACd,CAAC,CAAC,SAAS;YACX,CAAC,CAAC;gBACE,EAAE;gBACF,OAAO,EAAE,QAAQ;gBACjB,QAAQ,EAAE,MAAM,CAAC,QAAQ;gBACzB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,gBAAgB,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;aAC9D,CAAC;KACP;IACD,OAAO,WAAW,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;AACjC,CAAC;AAED,SAAS,WAAW,CAAC,MAA0B,EAAE,QAAgB;IAC/D,OAAO;QACL,EAAE,EAAE,mBAAI,CAAC,WAAW,EAAE;QACtB,OAAO,EAAE,QAAQ;QACjB,QAAQ,EAAE,MAAM,CAAC,QAAQ;QACzB,QAAQ,EAAE,MAAM,CAAC,QAAQ;QACzB,KAAK,EAAE,MAAM,CAAC,KAAK;KACpB,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CACxB,KAA8B,EAC9B,QAAgB;IAEhB,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;QAC5B,OAAO,SAAS,CAAC;KAClB;IAED,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC;IAC/B,IACE,IAAA,iCAAyB,EAAC,IAAI,CAAC;QAC/B,CAAC,IAAI,CAAC,KAAK;QACX,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,oCAAmB,CAAC,SAAS;QACxD,IAAA,iCAAyB,EAAC,EAAE,CAAC;QAC7B,CAAC,EAAE,CAAC,KAAK;QACT,EAAE,CAAC,KAAK,CAAC,WAAW,KAAK,oCAAmB,CAAC,SAAS;QACtD,IAAI,CAAC,QAAQ,CAAC,IAAI,KAAK,EAAE,CAAC,QAAQ,CAAC,IAAI,EACvC;QACA,OAAO,SAAS,CAAC;KAClB;IAED,IACE,IAAI,CAAC,QAAQ,KAAK,kBAAkB;QACpC,EAAE,CAAC,QAAQ,KAAK,eAAe;QAC/B,KAAK,CAAC,QAAQ,KAAK,KAAK,EACxB;QACA,OAAO;YACL,EAAE,EAAE,mBAAI,CAAC,WAAW,EAAE;YACtB,OAAO,EAAE,QAAQ;YACjB,QAAQ,EAAE,SAAS;YACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,KAAK,EAAE,6DAAmC,CAAC,SAAS,CAAC;gBACnD,IAAI,EAAE,IAAI,CAAC,KAAK;gBAChB,EAAE,EAAE,EAAE,CAAC,KAAK;aACb,CAAC;SACH,CAAC;KACH;IAED,IACE,IAAI,CAAC,QAAQ,KAAK,MAAM;QACxB,EAAE,CAAC,QAAQ,KAAK,SAAS;QACzB,KAAK,CAAC,QAAQ,KAAK,IAAI,EACvB;QACA,OAAO;YACL,EAAE,EAAE,mBAAI,CAAC,WAAW,EAAE;YACtB,OAAO,EAAE,QAAQ;YACjB,QAAQ,EAAE,aAAa;YACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,KAAK,EAAE,6DAAmC,CAAC,SAAS,CAAC;gBACnD,IAAI,EAAE,IAAI,CAAC,KAAK;gBAChB,EAAE,EAAE,EAAE,CAAC,KAAK;aACb,CAAC;SACH,CAAC;KACH;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,oBAAoB,CAC3B,MAAsB;IAEtB,MAAM,EAAE,GAAG,mBAAI,CAAC,WAAW,EAAE,CAAC;IAC9B,IAAI,IAAA,iCAAyB,EAAC,MAAM,CAAC,EAAE;QACrC,OAAO;YACL,SAAS,EAAE;gBACT,EAAE;gBACF,QAAQ,EAAE,MAAM,CAAC,QAAQ;gBACzB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,gBAAgB,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;aAC9D;SACF,CAAC;KACH;IACD,OAAO;QACL,SAAS,EAAE;YACT,EAAE;YACF,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,CAAC,WAAW,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;SACjC;KACF,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CAAC,KAAqB;IACzC,OAAO,CACL,KAAK,EAAE,WAAW,KAAK,oCAAmB,CAAC,SAAS;QACpD,KAAK,CAAC,KAAK,KAAK,SAAS;QACzB,KAAK,CAAC,KAAK,KAAK,EAAE,CACnB,CAAC;AACJ,CAAC;AAED,SAAS,mBAAmB,CAC1B,aAAiD,EACjD,cAAkD;IAElD,OAAO,CACL,CAAC,2BAA2B,CAAC,aAAa,CAAC;QACzC,2BAA2B,CAAC,cAAc,CAAC,CAAC;QAC9C,CAAC,oBAAoB,CAAC,aAAa,CAAC;YAClC,oBAAoB,CAAC,cAAc,CAAC,CAAC;QACvC,CAAC,eAAe,CAAC,aAAa,CAAC,IAAI,eAAe,CAAC,cAAc,CAAC,CAAC,CACpE,CAAC;AACJ,CAAC;AAED,SAAS,2BAA2B,CAClC,QAA4C;IAE5C,OAAO,QAAQ,KAAK,UAAU,IAAI,QAAQ,KAAK,cAAc,CAAC;AAChE,CAAC;AAED,SAAS,oBAAoB,CAAC,QAA4C;IACxE,OAAO,CACL,QAAQ,KAAK,MAAM;QACnB,QAAQ,KAAK,eAAe;QAC5B,QAAQ,KAAK,SAAS;QACtB,QAAQ,KAAK,kBAAkB,CAChC,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,QAA4C;IACnE,OAAO,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,aAAa,CAAC;AAC9D,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/** @packageDocumentation\n * @module PropertyFilterBuilder\n */\n\nimport type { Draft } from \"immer\";\nimport { produce } from \"immer\";\nimport * as React from \"react\";\nimport type { PropertyDescription, PropertyValue } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { Guid } from \"@itwin/core-bentley\";\nimport type {\n  PropertyFilterBuilderRuleOperator,\n  PropertyFilterRuleGroupOperator,\n} from \"./Operators\";\nimport {\n  isUnaryPropertyFilterBuilderOperator,\n  isUnaryPropertyFilterOperator,\n} from \"./Operators\";\nimport type {\n  PropertyFilter,\n  PropertyFilterRule,\n  PropertyFilterRuleGroup,\n} from \"./Types\";\nimport { isPropertyFilterRuleGroup } from \"./Types\";\nimport { UiComponents } from \"../UiComponents\";\nimport { PropertyFilterBuilderRuleRangeValue } from \"./FilterBuilderRangeValue\";\n\n/**\n * Data structure that describes [[PropertyFilterBuilder]] component state.\n * @beta\n */\nexport interface PropertyFilterBuilderState {\n  /** Root group of rules in [[PropertyFilterBuilder]] component. */\n  rootGroup: PropertyFilterBuilderRuleGroup;\n}\n\n/**\n * Type that describes [[PropertyFilterBuilder]] component group item.\n * @beta\n */\nexport type PropertyFilterBuilderRuleGroupItem =\n  | PropertyFilterBuilderRuleGroup\n  | PropertyFilterBuilderRule;\n\n/**\n * Data structure that describes [[PropertyFilterBuilder]] component rule group.\n * @beta\n */\nexport interface PropertyFilterBuilderRuleGroup {\n  /** Id of this rule group. */\n  id: string;\n  /** Id of rule group that this group is nested in. */\n  groupId?: string;\n  /** Operator that should join items in this group. */\n  operator: `${PropertyFilterRuleGroupOperator}`;\n  /** Items in this group. */\n  items: PropertyFilterBuilderRuleGroupItem[];\n}\n\n/**\n * Data structure that describes [[PropertyFilterBuilder]] component single rule.\n * @beta\n */\nexport interface PropertyFilterBuilderRule {\n  /** Id of this rule. */\n  id: string;\n  /** Id of rule group that this rule is nested in. */\n  groupId: string;\n  /** Property used in this rule. */\n  property?: PropertyDescription;\n  /** Operator that should be used to compare property value. */\n  operator?: PropertyFilterBuilderRuleOperator;\n  /** Value that property should be compared to. */\n  value?: PropertyValue;\n  /** Error message of this rule. */\n  errorMessage?: string;\n}\n\n/**\n * Function to check if supplied [[PropertyFilterBuilderRuleGroupItem]] is [[PropertyFilterBuilderRuleGroup]].\n * @beta\n */\nexport function isPropertyFilterBuilderRuleGroup(\n  item: PropertyFilterBuilderRuleGroupItem\n): item is PropertyFilterBuilderRuleGroup {\n  return (item as any).items !== undefined;\n}\n\n/**\n * Actions for controlling [[PropertyFilterBuilder]] component state.\n * @beta\n */\nexport class PropertyFilterBuilderActions {\n  constructor(\n    private setState: (\n      setter: (\n        prevState: PropertyFilterBuilderState\n      ) => PropertyFilterBuilderState\n    ) => void\n  ) {}\n\n  private updateState(\n    updater: (state: Draft<PropertyFilterBuilderState>) => void\n  ) {\n    this.setState(produce(updater));\n  }\n\n  /** Adds new rule or group of rules to the group specified by path. */\n  public addItem(path: string[], itemType: \"RULE_GROUP\" | \"RULE\") {\n    this.updateState((state) => {\n      const parentGroup = findRuleGroup(state.rootGroup, path);\n      if (!parentGroup) return;\n      const item =\n        itemType === \"RULE_GROUP\"\n          ? createEmptyRuleGroup(parentGroup.id)\n          : createEmptyRule(parentGroup.id);\n      parentGroup.items.push(item);\n    });\n  }\n\n  /** Removes item specified by path. */\n  public removeItem(path: string[]) {\n    function removeItemFromGroup(\n      state: Draft<PropertyFilterBuilderState>,\n      pathToItem: string[]\n    ) {\n      const pathToParent = pathToItem.slice(0, -1);\n      const parentGroup = findRuleGroup(state.rootGroup, pathToParent);\n      if (!parentGroup) {\n        return;\n      }\n\n      const itemId = pathToItem[pathToItem.length - 1];\n      const itemIndex = parentGroup.items.findIndex(\n        (item) => item.id === itemId\n      );\n      if (itemIndex === -1) {\n        return;\n      }\n      if (parentGroup.items.length === 1) {\n        parentGroup.items[0] = createEmptyRule(parentGroup.id);\n        return;\n      }\n      parentGroup.items.splice(itemIndex, 1);\n    }\n\n    this.updateState((state) => {\n      removeItemFromGroup(state, path);\n    });\n  }\n\n  /** Removes all items from root group. */\n  public removeAllItems() {\n    this.updateState((state) => {\n      state.rootGroup = createEmptyRuleGroup();\n    });\n  }\n\n  /** Sets operator of rule group specified by the path. */\n  public setRuleGroupOperator(\n    path: string[],\n    operator: `${PropertyFilterRuleGroupOperator}`\n  ) {\n    this.updateState((state) => {\n      const group = findRuleGroup(state.rootGroup, path);\n      if (!group) {\n        return;\n      }\n      group.operator = operator;\n    });\n  }\n\n  /** Sets property of rule specified by the path. */\n  public setRuleProperty(path: string[], property?: PropertyDescription) {\n    this.updateState((state) => {\n      const rule = findRule(state.rootGroup, path);\n      if (!rule) {\n        return;\n      }\n      rule.property = property;\n      rule.operator = undefined;\n      rule.value = undefined;\n      rule.errorMessage = undefined;\n    });\n  }\n\n  /** Sets operator of rule specified by the path. */\n  public setRuleOperator(\n    path: string[],\n    operator: PropertyFilterBuilderRuleOperator\n  ) {\n    this.updateState((state) => {\n      const rule = findRule(state.rootGroup, path);\n      if (!rule) {\n        return;\n      }\n      if (isUnaryPropertyFilterBuilderOperator(operator)) {\n        rule.value = undefined;\n      }\n      if (\n        operator !== rule.operator &&\n        !areOperatorsSimilar(operator, rule.operator)\n      ) {\n        rule.value = undefined;\n      }\n      rule.operator = operator;\n    });\n  }\n\n  /** Sets value of rule specified by the path. */\n  public setRuleValue(path: string[], value: PropertyValue) {\n    this.updateState((state) => {\n      const rule = findRule(state.rootGroup, path);\n      if (!rule) {\n        return;\n      }\n      rule.value = value;\n    });\n  }\n\n  /**\n   * Sets error messages of the rules specified by id.\n   * If rule id is not present in the map, then its error message will be cleared.\n   */\n  public setRuleErrorMessages(ruleIdsAndErrorMessages: Map<string, string>) {\n    this.updateState((state) => {\n      const setErrorMessages = (item: PropertyFilterBuilderRuleGroupItem) => {\n        if (isPropertyFilterBuilderRuleGroup(item)) {\n          item.items.forEach((itm) => {\n            setErrorMessages(itm);\n          });\n        } else {\n          item.errorMessage = ruleIdsAndErrorMessages.get(item.id);\n        }\n      };\n\n      setErrorMessages(state.rootGroup);\n    });\n  }\n}\n\n/**\n * Props for [[usePropertyFilterBuilder]]\n * @beta\n */\nexport interface UsePropertyFilterBuilderProps {\n  /** Initial filter for [[PropertyFilterBuilder]] */\n  initialFilter?: PropertyFilter;\n  /** Custom rule validator to be used when [[UsePropertyFilterBuilderResult.buildFilter]] is invoked. Should return error message or `undefined`, if rule is valid. */\n  ruleValidator?: (rule: PropertyFilterBuilderRule) => string | undefined;\n}\n\n/**\n * Options for [[UsePropertyFilterBuilderResult.buildFilter]].\n * @beta\n */\nexport interface BuildFilterOptions {\n  /**\n   * Specifies whether errors encountered while validating filter rules should be ignored and not persisted in state.\n   * This is useful in case component needs to get filter matching rule validator but does not want to show errors in UI.\n   */\n  ignoreErrors?: boolean;\n}\n\n/**\n * Type for [[usePropertyFilterBuilder]] return object.\n * @beta\n */\nexport interface UsePropertyFilterBuilderResult {\n  /** Root group of the [[PropertyFilterBuilder]]. */\n  rootGroup: PropertyFilterBuilderRuleGroup;\n  /** Actions for manipulating [[PropertyFilterBuilder]] state. */\n  actions: PropertyFilterBuilderActions;\n  /**\n   * Validates and builds [[PropertyFilter]] based on current state. It uses [[defaultPropertyFilterBuilderRuleValidator]] or\n   * custom validator provided through [[UsePropertyFilterBuilderProps]] to validate each rule.\n   * @returns [[PropertyFilter]] if all rules are valid, `undefined` otherwise.\n   */\n  buildFilter: (options?: BuildFilterOptions) => PropertyFilter | undefined;\n}\n\n/**\n * Custom hook that creates state for [[PropertyFilterBuilder]] component. It creates empty state or initializes\n * state from supplied initial filter.\n * @beta\n */\nexport function usePropertyFilterBuilder(\n  props?: UsePropertyFilterBuilderProps\n): UsePropertyFilterBuilderResult {\n  const { initialFilter, ruleValidator } = props ?? {\n    initialFilter: undefined,\n    ruleValidator: undefined,\n  };\n  const [state, setState] = React.useState<PropertyFilterBuilderState>(\n    initialFilter\n      ? convertFilterToState(initialFilter)\n      : { rootGroup: createEmptyRuleGroup() }\n  );\n\n  const [actions] = React.useState(\n    () => new PropertyFilterBuilderActions(setState)\n  );\n\n  const buildFilter = React.useCallback(\n    (options?: BuildFilterOptions) => {\n      const ruleErrors = validateRules(state.rootGroup, ruleValidator);\n      if (!options?.ignoreErrors) {\n        actions.setRuleErrorMessages(ruleErrors);\n      }\n\n      return ruleErrors.size === 0\n        ? buildPropertyFilter(state.rootGroup)\n        : undefined;\n    },\n    [state.rootGroup, actions, ruleValidator]\n  );\n  return { rootGroup: state.rootGroup, actions, buildFilter };\n}\n\nfunction validateRules(\n  rule: PropertyFilterBuilderRuleGroupItem,\n  ruleValidator?: (item: PropertyFilterBuilderRule) => string | undefined\n) {\n  const ruleIdsAndErrorMessages = new Map<string, string>();\n\n  const validateRulesInner = (item: PropertyFilterBuilderRuleGroupItem) => {\n    if (isPropertyFilterBuilderRuleGroup(item)) {\n      item.items.forEach((itm) => {\n        validateRulesInner(itm);\n      });\n    } else {\n      const errorMessage = ruleValidator\n        ? ruleValidator(item)\n        : defaultPropertyFilterBuilderRuleValidator(item);\n      if (errorMessage) ruleIdsAndErrorMessages.set(item.id, errorMessage);\n    }\n  };\n\n  validateRulesInner(rule);\n\n  return ruleIdsAndErrorMessages;\n}\n\n/**\n * Default rule validator.\n * @beta\n */\nexport function defaultPropertyFilterBuilderRuleValidator(\n  item: PropertyFilterBuilderRule\n): string | undefined {\n  if (\n    item.property === undefined ||\n    item.operator === undefined ||\n    isUnaryPropertyFilterBuilderOperator(item.operator)\n  ) {\n    return undefined;\n  }\n  if (item.operator === \"between\" || item.operator === \"not-between\") {\n    return rangeRuleValidator(item.value);\n  }\n  if (isEmptyValue(item.value)) {\n    return UiComponents.translate(\"filterBuilder.errorMessages.emptyValue\");\n  }\n  return undefined;\n}\n\nfunction rangeRuleValidator(value?: PropertyValue) {\n  const range = PropertyFilterBuilderRuleRangeValue.parse(value);\n  if (isEmptyValue(range.from) || isEmptyValue(range.to)) {\n    return UiComponents.translate(\"filterBuilder.errorMessages.emptyValue\");\n  }\n  if (!PropertyFilterBuilderRuleRangeValue.isRangeValid(range)) {\n    return UiComponents.translate(\"filterBuilder.errorMessages.invalidRange\");\n  }\n  return undefined;\n}\n\n/** @internal */\nexport function buildPropertyFilter(\n  groupItem: PropertyFilterBuilderRuleGroupItem\n): PropertyFilter | undefined {\n  if (isPropertyFilterBuilderRuleGroup(groupItem))\n    return buildPropertyFilterFromRuleGroup(groupItem);\n  return buildPropertyFilterFromRule(groupItem);\n}\n\nfunction buildPropertyFilterFromRuleGroup(\n  rootGroup: PropertyFilterBuilderRuleGroup\n): PropertyFilter | undefined {\n  const rules = new Array<PropertyFilter>();\n  for (const item of rootGroup.items) {\n    const rule = buildPropertyFilter(item);\n    if (rule) rules.push(rule);\n  }\n\n  if (rules.length === 0) return undefined;\n\n  if (rules.length === 1 && !isPropertyFilterRuleGroup(rules[0])) {\n    return rules[0];\n  }\n\n  return {\n    operator: rootGroup.operator,\n    rules,\n  };\n}\n\nfunction buildPropertyFilterFromRule(\n  rule: PropertyFilterBuilderRule\n): PropertyFilter | undefined {\n  const { property, operator, value } = rule;\n  if (!property || operator === undefined) {\n    return undefined;\n  }\n\n  if (operator === \"between\" || operator === \"not-between\") {\n    return buildPropertyFilterFromRangeRule({\n      ...rule,\n      property,\n      operator,\n      value,\n    });\n  }\n\n  if (!isUnaryPropertyFilterOperator(operator) && isEmptyValue(value)) {\n    return undefined;\n  }\n\n  return { property, operator, value };\n}\n\nfunction buildPropertyFilterFromRangeRule(\n  rule: PropertyFilterBuilderRule & {\n    property: PropertyDescription;\n    operator: \"between\" | \"not-between\";\n  }\n): PropertyFilter | undefined {\n  const { property, operator, value } = rule;\n  if (\n    !value ||\n    value.valueFormat !== PropertyValueFormat.Primitive ||\n    typeof value.value !== \"string\"\n  ) {\n    return undefined;\n  }\n\n  const { to, from } = PropertyFilterBuilderRuleRangeValue.parse(value);\n  if (isEmptyValue(to) || isEmptyValue(from)) {\n    return undefined;\n  }\n\n  return {\n    operator: operator === \"between\" ? \"and\" : \"or\",\n    rules: [\n      {\n        property,\n        operator: operator === \"between\" ? \"greater-or-equal\" : \"less\",\n        value: from,\n      },\n      {\n        property,\n        operator: operator === \"between\" ? \"less-or-equal\" : \"greater\",\n        value: to,\n      },\n    ],\n  };\n}\n\nfunction createEmptyRule(groupId: string): PropertyFilterBuilderRule {\n  return {\n    id: Guid.createValue(),\n    groupId,\n  };\n}\n\nfunction createEmptyRuleGroup(\n  groupId?: string\n): PropertyFilterBuilderRuleGroup {\n  const id = Guid.createValue();\n  return {\n    id,\n    groupId,\n    operator: \"and\",\n    items: [createEmptyRule(id)],\n  };\n}\n\nfunction findRuleGroup(\n  rootGroup: PropertyFilterBuilderRuleGroup,\n  path: string[]\n): PropertyFilterBuilderRuleGroup | undefined {\n  if (path.length === 0) return rootGroup;\n\n  const [currentItemId, ...rest] = path;\n  const currentItem = rootGroup.items.find((item) => item.id === currentItemId);\n  if (!currentItem || !isPropertyFilterBuilderRuleGroup(currentItem))\n    return undefined;\n\n  return findRuleGroup(currentItem, rest);\n}\n\nfunction findRule(\n  rootGroup: PropertyFilterBuilderRuleGroup,\n  path: string[]\n): PropertyFilterBuilderRule | undefined {\n  if (path.length === 0) return undefined;\n\n  const [currentItemId, ...rest] = path;\n  const currentItem = rootGroup.items.find((item) => item.id === currentItemId);\n  if (!currentItem) return undefined;\n\n  if (isPropertyFilterBuilderRuleGroup(currentItem))\n    return findRule(currentItem, rest);\n\n  return currentItem;\n}\nfunction getRuleGroupItem(\n  filter: PropertyFilter,\n  parentId: string\n): PropertyFilterBuilderRuleGroupItem {\n  const id = Guid.createValue();\n  if (isPropertyFilterRuleGroup(filter)) {\n    const rangeRule = getRangeRuleItems(filter, parentId);\n\n    return rangeRule\n      ? rangeRule\n      : {\n          id,\n          groupId: parentId,\n          operator: filter.operator,\n          items: filter.rules.map((rule) => getRuleGroupItem(rule, id)),\n        };\n  }\n  return getRuleItem(filter, id);\n}\n\nfunction getRuleItem(filter: PropertyFilterRule, parentId: string) {\n  return {\n    id: Guid.createValue(),\n    groupId: parentId,\n    property: filter.property,\n    operator: filter.operator,\n    value: filter.value,\n  };\n}\n\nfunction getRangeRuleItems(\n  group: PropertyFilterRuleGroup,\n  parentId: string\n): PropertyFilterBuilderRuleGroupItem | undefined {\n  if (group.rules.length !== 2) {\n    return undefined;\n  }\n\n  const [from, to] = group.rules;\n  if (\n    isPropertyFilterRuleGroup(from) ||\n    !from.value ||\n    from.value.valueFormat !== PropertyValueFormat.Primitive ||\n    isPropertyFilterRuleGroup(to) ||\n    !to.value ||\n    to.value.valueFormat !== PropertyValueFormat.Primitive ||\n    from.property.name !== to.property.name\n  ) {\n    return undefined;\n  }\n\n  if (\n    from.operator === \"greater-or-equal\" &&\n    to.operator === \"less-or-equal\" &&\n    group.operator === \"and\"\n  ) {\n    return {\n      id: Guid.createValue(),\n      groupId: parentId,\n      operator: \"between\",\n      property: from.property,\n      value: PropertyFilterBuilderRuleRangeValue.serialize({\n        from: from.value,\n        to: to.value,\n      }),\n    };\n  }\n\n  if (\n    from.operator === \"less\" &&\n    to.operator === \"greater\" &&\n    group.operator === \"or\"\n  ) {\n    return {\n      id: Guid.createValue(),\n      groupId: parentId,\n      operator: \"not-between\",\n      property: from.property,\n      value: PropertyFilterBuilderRuleRangeValue.serialize({\n        from: from.value,\n        to: to.value,\n      }),\n    };\n  }\n\n  return undefined;\n}\n\nfunction convertFilterToState(\n  filter: PropertyFilter\n): PropertyFilterBuilderState {\n  const id = Guid.createValue();\n  if (isPropertyFilterRuleGroup(filter)) {\n    return {\n      rootGroup: {\n        id,\n        operator: filter.operator,\n        items: filter.rules.map((rule) => getRuleGroupItem(rule, id)),\n      },\n    };\n  }\n  return {\n    rootGroup: {\n      id,\n      operator: \"and\",\n      items: [getRuleItem(filter, id)],\n    },\n  };\n}\n\nfunction isEmptyValue(value?: PropertyValue) {\n  return (\n    value?.valueFormat !== PropertyValueFormat.Primitive ||\n    value.value === undefined ||\n    value.value === \"\"\n  );\n}\n\nfunction areOperatorsSimilar(\n  firstOperator?: PropertyFilterBuilderRuleOperator,\n  secondOperator?: PropertyFilterBuilderRuleOperator\n) {\n  return (\n    (isOperatorEqualOrIsNotEqual(firstOperator) &&\n      isOperatorEqualOrIsNotEqual(secondOperator)) ||\n    (isInequalityOperator(firstOperator) &&\n      isInequalityOperator(secondOperator)) ||\n    (isRangeOperator(firstOperator) && isRangeOperator(secondOperator))\n  );\n}\n\nfunction isOperatorEqualOrIsNotEqual(\n  operator?: PropertyFilterBuilderRuleOperator\n) {\n  return operator === \"is-equal\" || operator === \"is-not-equal\";\n}\n\nfunction isInequalityOperator(operator?: PropertyFilterBuilderRuleOperator) {\n  return (\n    operator === \"less\" ||\n    operator === \"less-or-equal\" ||\n    operator === \"greater\" ||\n    operator === \"greater-or-equal\"\n  );\n}\n\nfunction isRangeOperator(operator?: PropertyFilterBuilderRuleOperator) {\n  return operator === \"between\" || operator === \"not-between\";\n}\n"]}
+{"version":3,"file":"FilterBuilderState.js","sourceRoot":"","sources":["../../../../src/components-react/filter-builder/FilterBuilderState.ts"],"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 PropertyFilterBuilder\n */\n\nimport type { Draft } from \"immer\";\nimport { produce } from \"immer\";\nimport * as React from \"react\";\nimport type { PropertyDescription, PropertyValue } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { Guid } from \"@itwin/core-bentley\";\nimport type {\n  PropertyFilterBuilderRuleOperator,\n  PropertyFilterRuleGroupOperator,\n} from \"./Operators\";\nimport {\n  isUnaryPropertyFilterBuilderOperator,\n  isUnaryPropertyFilterOperator,\n} from \"./Operators\";\nimport type {\n  PropertyFilter,\n  PropertyFilterRule,\n  PropertyFilterRuleGroup,\n} from \"./Types\";\nimport { isPropertyFilterRuleGroup } from \"./Types\";\nimport { UiComponents } from \"../UiComponents\";\nimport { PropertyFilterBuilderRuleRangeValue } from \"./FilterBuilderRangeValue\";\n\n/**\n * Data structure that describes [[PropertyFilterBuilder]] component state.\n * @beta\n */\nexport interface PropertyFilterBuilderState {\n  /** Root group of rules in [[PropertyFilterBuilder]] component. */\n  rootGroup: PropertyFilterBuilderRuleGroup;\n}\n\n/**\n * Type that describes [[PropertyFilterBuilder]] component group item.\n * @beta\n */\nexport type PropertyFilterBuilderRuleGroupItem =\n  | PropertyFilterBuilderRuleGroup\n  | PropertyFilterBuilderRule;\n\n/**\n * Data structure that describes [[PropertyFilterBuilder]] component rule group.\n * @beta\n */\nexport interface PropertyFilterBuilderRuleGroup {\n  /** Id of this rule group. */\n  id: string;\n  /** Id of rule group that this group is nested in. */\n  groupId?: string;\n  /** Operator that should join items in this group. */\n  operator: `${PropertyFilterRuleGroupOperator}`;\n  /** Items in this group. */\n  items: PropertyFilterBuilderRuleGroupItem[];\n}\n\n/**\n * Data structure that describes [[PropertyFilterBuilder]] component single rule.\n * @beta\n */\nexport interface PropertyFilterBuilderRule {\n  /** Id of this rule. */\n  id: string;\n  /** Id of rule group that this rule is nested in. */\n  groupId: string;\n  /** Property used in this rule. */\n  property?: PropertyDescription;\n  /** Operator that should be used to compare property value. */\n  operator?: PropertyFilterBuilderRuleOperator;\n  /** Value that property should be compared to. */\n  value?: PropertyValue;\n  /** Error message of this rule. */\n  errorMessage?: string;\n}\n\n/**\n * Function to check if supplied [[PropertyFilterBuilderRuleGroupItem]] is [[PropertyFilterBuilderRuleGroup]].\n * @beta\n */\nexport function isPropertyFilterBuilderRuleGroup(\n  item: PropertyFilterBuilderRuleGroupItem\n): item is PropertyFilterBuilderRuleGroup {\n  return (item as any).items !== undefined;\n}\n\n/**\n * Actions for controlling [[PropertyFilterBuilder]] component state.\n * @beta\n */\nexport class PropertyFilterBuilderActions {\n  constructor(\n    private setState: (\n      setter: (\n        prevState: PropertyFilterBuilderState\n      ) => PropertyFilterBuilderState\n    ) => void\n  ) {}\n\n  private updateState(\n    updater: (state: Draft<PropertyFilterBuilderState>) => void\n  ) {\n    this.setState(produce(updater));\n  }\n\n  /** Adds new rule or group of rules to the group specified by path. */\n  public addItem(path: string[], itemType: \"RULE_GROUP\" | \"RULE\") {\n    this.updateState((state) => {\n      const parentGroup = findRuleGroup(state.rootGroup, path);\n      if (!parentGroup) return;\n      const item =\n        itemType === \"RULE_GROUP\"\n          ? createEmptyRuleGroup(parentGroup.id)\n          : createEmptyRule(parentGroup.id);\n      parentGroup.items.push(item);\n    });\n  }\n\n  /** Removes item specified by path. */\n  public removeItem(path: string[]) {\n    function removeItemFromGroup(\n      state: Draft<PropertyFilterBuilderState>,\n      pathToItem: string[]\n    ) {\n      const pathToParent = pathToItem.slice(0, -1);\n      const parentGroup = findRuleGroup(state.rootGroup, pathToParent);\n      if (!parentGroup) {\n        return;\n      }\n\n      const itemId = pathToItem[pathToItem.length - 1];\n      const itemIndex = parentGroup.items.findIndex(\n        (item) => item.id === itemId\n      );\n      if (itemIndex === -1) {\n        return;\n      }\n      if (parentGroup.items.length === 1) {\n        parentGroup.items[0] = createEmptyRule(parentGroup.id);\n        return;\n      }\n      parentGroup.items.splice(itemIndex, 1);\n    }\n\n    this.updateState((state) => {\n      removeItemFromGroup(state, path);\n    });\n  }\n\n  /** Removes all items from root group. */\n  public removeAllItems() {\n    this.updateState((state) => {\n      state.rootGroup = createEmptyRuleGroup();\n    });\n  }\n\n  /** Sets operator of rule group specified by the path. */\n  public setRuleGroupOperator(\n    path: string[],\n    operator: `${PropertyFilterRuleGroupOperator}`\n  ) {\n    this.updateState((state) => {\n      const group = findRuleGroup(state.rootGroup, path);\n      if (!group) {\n        return;\n      }\n      group.operator = operator;\n    });\n  }\n\n  /** Sets property of rule specified by the path. */\n  public setRuleProperty(path: string[], property?: PropertyDescription) {\n    this.updateState((state) => {\n      const rule = findRule(state.rootGroup, path);\n      if (!rule) {\n        return;\n      }\n      rule.property = property;\n      rule.operator = undefined;\n      rule.value = undefined;\n      rule.errorMessage = undefined;\n    });\n  }\n\n  /** Sets operator of rule specified by the path. */\n  public setRuleOperator(\n    path: string[],\n    operator: PropertyFilterBuilderRuleOperator\n  ) {\n    this.updateState((state) => {\n      const rule = findRule(state.rootGroup, path);\n      if (!rule) {\n        return;\n      }\n      if (isUnaryPropertyFilterBuilderOperator(operator)) {\n        rule.value = undefined;\n      }\n      if (\n        operator !== rule.operator &&\n        !areOperatorsSimilar(operator, rule.operator)\n      ) {\n        rule.value = undefined;\n      }\n      rule.operator = operator;\n    });\n  }\n\n  /** Sets value of rule specified by the path. */\n  public setRuleValue(path: string[], value: PropertyValue) {\n    this.updateState((state) => {\n      const rule = findRule(state.rootGroup, path);\n      if (!rule) {\n        return;\n      }\n      rule.value = value;\n    });\n  }\n\n  /**\n   * Sets error messages of the rules specified by id.\n   * If rule id is not present in the map, then its error message will be cleared.\n   */\n  public setRuleErrorMessages(ruleIdsAndErrorMessages: Map<string, string>) {\n    this.updateState((state) => {\n      const setErrorMessages = (item: PropertyFilterBuilderRuleGroupItem) => {\n        if (isPropertyFilterBuilderRuleGroup(item)) {\n          item.items.forEach((itm) => {\n            setErrorMessages(itm);\n          });\n        } else {\n          item.errorMessage = ruleIdsAndErrorMessages.get(item.id);\n        }\n      };\n\n      setErrorMessages(state.rootGroup);\n    });\n  }\n}\n\n/**\n * Props for [[usePropertyFilterBuilder]]\n * @beta\n */\nexport interface UsePropertyFilterBuilderProps {\n  /** Initial filter for [[PropertyFilterBuilder]] */\n  initialFilter?: PropertyFilter;\n  /** Custom rule validator to be used when [[UsePropertyFilterBuilderResult.buildFilter]] is invoked. Should return error message or `undefined`, if rule is valid. */\n  ruleValidator?: (rule: PropertyFilterBuilderRule) => string | undefined;\n}\n\n/**\n * Options for [[UsePropertyFilterBuilderResult.buildFilter]].\n * @beta\n */\nexport interface BuildFilterOptions {\n  /**\n   * Specifies whether errors encountered while validating filter rules should be ignored and not persisted in state.\n   * This is useful in case component needs to get filter matching rule validator but does not want to show errors in UI.\n   */\n  ignoreErrors?: boolean;\n}\n\n/**\n * Type for [[usePropertyFilterBuilder]] return object.\n * @beta\n */\nexport interface UsePropertyFilterBuilderResult {\n  /** Root group of the [[PropertyFilterBuilder]]. */\n  rootGroup: PropertyFilterBuilderRuleGroup;\n  /** Actions for manipulating [[PropertyFilterBuilder]] state. */\n  actions: PropertyFilterBuilderActions;\n  /**\n   * Validates and builds [[PropertyFilter]] based on current state. It uses [[defaultPropertyFilterBuilderRuleValidator]] or\n   * custom validator provided through [[UsePropertyFilterBuilderProps]] to validate each rule.\n   * @returns [[PropertyFilter]] if all rules are valid, `undefined` otherwise.\n   */\n  buildFilter: (options?: BuildFilterOptions) => PropertyFilter | undefined;\n}\n\n/**\n * Custom hook that creates state for [[PropertyFilterBuilder]] component. It creates empty state or initializes\n * state from supplied initial filter.\n * @beta\n */\nexport function usePropertyFilterBuilder(\n  props?: UsePropertyFilterBuilderProps\n): UsePropertyFilterBuilderResult {\n  const { initialFilter, ruleValidator } = props ?? {\n    initialFilter: undefined,\n    ruleValidator: undefined,\n  };\n  const [state, setState] = React.useState<PropertyFilterBuilderState>(\n    initialFilter\n      ? convertFilterToState(initialFilter)\n      : { rootGroup: createEmptyRuleGroup() }\n  );\n\n  const [actions] = React.useState(\n    () => new PropertyFilterBuilderActions(setState)\n  );\n\n  const buildFilter = React.useCallback(\n    (options?: BuildFilterOptions) => {\n      const ruleErrors = validateRules(state.rootGroup, ruleValidator);\n      if (!options?.ignoreErrors) {\n        actions.setRuleErrorMessages(ruleErrors);\n      }\n\n      return ruleErrors.size === 0\n        ? buildPropertyFilter(state.rootGroup)\n        : undefined;\n    },\n    [state.rootGroup, actions, ruleValidator]\n  );\n  return { rootGroup: state.rootGroup, actions, buildFilter };\n}\n\nfunction validateRules(\n  rule: PropertyFilterBuilderRuleGroupItem,\n  ruleValidator?: (item: PropertyFilterBuilderRule) => string | undefined\n) {\n  const ruleIdsAndErrorMessages = new Map<string, string>();\n\n  const validateRulesInner = (item: PropertyFilterBuilderRuleGroupItem) => {\n    if (isPropertyFilterBuilderRuleGroup(item)) {\n      item.items.forEach((itm) => {\n        validateRulesInner(itm);\n      });\n    } else {\n      const errorMessage = ruleValidator\n        ? ruleValidator(item)\n        : defaultPropertyFilterBuilderRuleValidator(item);\n      if (errorMessage) ruleIdsAndErrorMessages.set(item.id, errorMessage);\n    }\n  };\n\n  validateRulesInner(rule);\n\n  return ruleIdsAndErrorMessages;\n}\n\n/**\n * Default rule validator.\n * @beta\n */\nexport function defaultPropertyFilterBuilderRuleValidator(\n  item: PropertyFilterBuilderRule\n): string | undefined {\n  if (\n    item.property === undefined ||\n    item.operator === undefined ||\n    isUnaryPropertyFilterBuilderOperator(item.operator)\n  ) {\n    return undefined;\n  }\n  if (item.operator === \"between\" || item.operator === \"not-between\") {\n    return rangeRuleValidator(item.value);\n  }\n  if (isEmptyValue(item.value)) {\n    return UiComponents.translate(\"filterBuilder.errorMessages.emptyValue\");\n  }\n  return undefined;\n}\n\nfunction rangeRuleValidator(value?: PropertyValue) {\n  const range = PropertyFilterBuilderRuleRangeValue.parse(value);\n  if (isEmptyValue(range.from) || isEmptyValue(range.to)) {\n    return UiComponents.translate(\"filterBuilder.errorMessages.emptyValue\");\n  }\n  if (!PropertyFilterBuilderRuleRangeValue.isRangeValid(range)) {\n    return UiComponents.translate(\"filterBuilder.errorMessages.invalidRange\");\n  }\n  return undefined;\n}\n\n/** @internal */\nexport function buildPropertyFilter(\n  groupItem: PropertyFilterBuilderRuleGroupItem\n): PropertyFilter | undefined {\n  if (isPropertyFilterBuilderRuleGroup(groupItem))\n    return buildPropertyFilterFromRuleGroup(groupItem);\n  return buildPropertyFilterFromRule(groupItem);\n}\n\nfunction buildPropertyFilterFromRuleGroup(\n  rootGroup: PropertyFilterBuilderRuleGroup\n): PropertyFilter | undefined {\n  const rules = new Array<PropertyFilter>();\n  for (const item of rootGroup.items) {\n    const rule = buildPropertyFilter(item);\n    if (rule) rules.push(rule);\n  }\n\n  if (rules.length === 0) return undefined;\n\n  if (rules.length === 1 && !isPropertyFilterRuleGroup(rules[0])) {\n    return rules[0];\n  }\n\n  return {\n    operator: rootGroup.operator,\n    rules,\n  };\n}\n\nfunction buildPropertyFilterFromRule(\n  rule: PropertyFilterBuilderRule\n): PropertyFilter | undefined {\n  const { property, operator, value } = rule;\n  if (!property || operator === undefined) {\n    return undefined;\n  }\n\n  if (operator === \"between\" || operator === \"not-between\") {\n    return buildPropertyFilterFromRangeRule({\n      ...rule,\n      property,\n      operator,\n      value,\n    });\n  }\n\n  if (!isUnaryPropertyFilterOperator(operator) && isEmptyValue(value)) {\n    return undefined;\n  }\n\n  return { property, operator, value };\n}\n\nfunction buildPropertyFilterFromRangeRule(\n  rule: PropertyFilterBuilderRule & {\n    property: PropertyDescription;\n    operator: \"between\" | \"not-between\";\n  }\n): PropertyFilter | undefined {\n  const { property, operator, value } = rule;\n  if (\n    !value ||\n    value.valueFormat !== PropertyValueFormat.Primitive ||\n    typeof value.value !== \"string\"\n  ) {\n    return undefined;\n  }\n\n  const { to, from } = PropertyFilterBuilderRuleRangeValue.parse(value);\n  if (isEmptyValue(to) || isEmptyValue(from)) {\n    return undefined;\n  }\n\n  return {\n    operator: operator === \"between\" ? \"and\" : \"or\",\n    rules: [\n      {\n        property,\n        operator: operator === \"between\" ? \"greater-or-equal\" : \"less\",\n        value: from,\n      },\n      {\n        property,\n        operator: operator === \"between\" ? \"less-or-equal\" : \"greater\",\n        value: to,\n      },\n    ],\n  };\n}\n\nfunction createEmptyRule(groupId: string): PropertyFilterBuilderRule {\n  return {\n    id: Guid.createValue(),\n    groupId,\n  };\n}\n\nfunction createEmptyRuleGroup(\n  groupId?: string\n): PropertyFilterBuilderRuleGroup {\n  const id = Guid.createValue();\n  return {\n    id,\n    groupId,\n    operator: \"and\",\n    items: [createEmptyRule(id)],\n  };\n}\n\nfunction findRuleGroup(\n  rootGroup: PropertyFilterBuilderRuleGroup,\n  path: string[]\n): PropertyFilterBuilderRuleGroup | undefined {\n  if (path.length === 0) return rootGroup;\n\n  const [currentItemId, ...rest] = path;\n  const currentItem = rootGroup.items.find((item) => item.id === currentItemId);\n  if (!currentItem || !isPropertyFilterBuilderRuleGroup(currentItem))\n    return undefined;\n\n  return findRuleGroup(currentItem, rest);\n}\n\nfunction findRule(\n  rootGroup: PropertyFilterBuilderRuleGroup,\n  path: string[]\n): PropertyFilterBuilderRule | undefined {\n  if (path.length === 0) return undefined;\n\n  const [currentItemId, ...rest] = path;\n  const currentItem = rootGroup.items.find((item) => item.id === currentItemId);\n  if (!currentItem) return undefined;\n\n  if (isPropertyFilterBuilderRuleGroup(currentItem))\n    return findRule(currentItem, rest);\n\n  return currentItem;\n}\nfunction getRuleGroupItem(\n  filter: PropertyFilter,\n  parentId: string\n): PropertyFilterBuilderRuleGroupItem {\n  const id = Guid.createValue();\n  if (isPropertyFilterRuleGroup(filter)) {\n    const rangeRule = getRangeRuleItems(filter, parentId);\n\n    return rangeRule\n      ? rangeRule\n      : {\n          id,\n          groupId: parentId,\n          operator: filter.operator,\n          items: filter.rules.map((rule) => getRuleGroupItem(rule, id)),\n        };\n  }\n  return getRuleItem(filter, id);\n}\n\nfunction getRuleItem(filter: PropertyFilterRule, parentId: string) {\n  return {\n    id: Guid.createValue(),\n    groupId: parentId,\n    property: filter.property,\n    operator: filter.operator,\n    value: filter.value,\n  };\n}\n\nfunction getRangeRuleItems(\n  group: PropertyFilterRuleGroup,\n  parentId: string\n): PropertyFilterBuilderRuleGroupItem | undefined {\n  if (group.rules.length !== 2) {\n    return undefined;\n  }\n\n  const [from, to] = group.rules;\n  if (\n    isPropertyFilterRuleGroup(from) ||\n    !from.value ||\n    from.value.valueFormat !== PropertyValueFormat.Primitive ||\n    isPropertyFilterRuleGroup(to) ||\n    !to.value ||\n    to.value.valueFormat !== PropertyValueFormat.Primitive ||\n    from.property.name !== to.property.name\n  ) {\n    return undefined;\n  }\n\n  if (\n    from.operator === \"greater-or-equal\" &&\n    to.operator === \"less-or-equal\" &&\n    group.operator === \"and\"\n  ) {\n    return {\n      id: Guid.createValue(),\n      groupId: parentId,\n      operator: \"between\",\n      property: from.property,\n      value: PropertyFilterBuilderRuleRangeValue.serialize({\n        from: from.value,\n        to: to.value,\n      }),\n    };\n  }\n\n  if (\n    from.operator === \"less\" &&\n    to.operator === \"greater\" &&\n    group.operator === \"or\"\n  ) {\n    return {\n      id: Guid.createValue(),\n      groupId: parentId,\n      operator: \"not-between\",\n      property: from.property,\n      value: PropertyFilterBuilderRuleRangeValue.serialize({\n        from: from.value,\n        to: to.value,\n      }),\n    };\n  }\n\n  return undefined;\n}\n\nfunction convertFilterToState(\n  filter: PropertyFilter\n): PropertyFilterBuilderState {\n  const id = Guid.createValue();\n  if (isPropertyFilterRuleGroup(filter)) {\n    return {\n      rootGroup: {\n        id,\n        operator: filter.operator,\n        items: filter.rules.map((rule) => getRuleGroupItem(rule, id)),\n      },\n    };\n  }\n  return {\n    rootGroup: {\n      id,\n      operator: \"and\",\n      items: [getRuleItem(filter, id)],\n    },\n  };\n}\n\nfunction isEmptyValue(value?: PropertyValue) {\n  return (\n    value?.valueFormat !== PropertyValueFormat.Primitive ||\n    value.value === undefined ||\n    value.value === \"\"\n  );\n}\n\nfunction areOperatorsSimilar(\n  firstOperator?: PropertyFilterBuilderRuleOperator,\n  secondOperator?: PropertyFilterBuilderRuleOperator\n) {\n  return (\n    (isOperatorEqualOrIsNotEqual(firstOperator) &&\n      isOperatorEqualOrIsNotEqual(secondOperator)) ||\n    (isInequalityOperator(firstOperator) &&\n      isInequalityOperator(secondOperator)) ||\n    (isRangeOperator(firstOperator) && isRangeOperator(secondOperator))\n  );\n}\n\nfunction isOperatorEqualOrIsNotEqual(\n  operator?: PropertyFilterBuilderRuleOperator\n) {\n  return operator === \"is-equal\" || operator === \"is-not-equal\";\n}\n\nfunction isInequalityOperator(operator?: PropertyFilterBuilderRuleOperator) {\n  return (\n    operator === \"less\" ||\n    operator === \"less-or-equal\" ||\n    operator === \"greater\" ||\n    operator === \"greater-or-equal\"\n  );\n}\n\nfunction isRangeOperator(operator?: PropertyFilterBuilderRuleOperator) {\n  return operator === \"between\" || operator === \"not-between\";\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"FilterBuilderToolbar.d.ts","sourceRoot":"","sources":["../../../../src/components-react/filter-builder/FilterBuilderToolbar.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;GAGG;AACH,UAAU,iCAAiC;IACzC,8CAA8C;IAC9C,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,mDAAmD;IACnD,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,4BAA4B,UAChC,iCAAiC,sBA8BzC,CAAC"}
+{"version":3,"file":"FilterBuilderToolbar.d.ts","sourceRoot":"","sources":["../../../../src/components-react/filter-builder/FilterBuilderToolbar.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;GAGG;AACH,UAAU,iCAAiC;IACzC,8CAA8C;IAC9C,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,mDAAmD;IACnD,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,4BAA4B,UAChC,iCAAiC,sBA+BzC,CAAC"}

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

@@ -14,16 +14,17 @@ exports.PropertyFilterBuilderToolbar = void 0;
 const react_1 = __importDefault(require("react"));
 const itwinui_react_1 = require("@itwin/itwinui-react");
 const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
-const UiComponents_1 = require("../UiComponents");
+const useTranslation_1 = require("../useTranslation");
 /** Toolbar displaying the "add" and "delete" row buttons in the filter builder
  * @beta
  */
 const PropertyFilterBuilderToolbar = (props) => {
     const { onAddChild, onDelete } = props;
+    const { translate } = (0, useTranslation_1.useTranslation)();
     return (react_1.default.createElement(itwinui_react_1.Flex, { className: "fb-toolbar fb-row-toolbar", gap: "0", justifyContent: "flex-end" },
-        react_1.default.createElement(itwinui_react_1.IconButton, { size: "small", className: "fb-add-rule-button", label: UiComponents_1.UiComponents.translate("filterBuilder.add"), styleType: "borderless", onClick: onAddChild },
+        react_1.default.createElement(itwinui_react_1.IconButton, { size: "small", className: "fb-add-rule-button", label: translate("filterBuilder.add"), styleType: "borderless", onClick: onAddChild },
             react_1.default.createElement(itwinui_icons_react_1.SvgAdd, null)),
-        react_1.default.createElement(itwinui_react_1.IconButton, { size: "small", className: "fb-remove-rule-button", label: UiComponents_1.UiComponents.translate("filterBuilder.delete"), styleType: "borderless", onClick: onDelete },
+        react_1.default.createElement(itwinui_react_1.IconButton, { size: "small", className: "fb-remove-rule-button", label: translate("filterBuilder.delete"), styleType: "borderless", onClick: onDelete },
             react_1.default.createElement(itwinui_icons_react_1.SvgDelete, null))));
 };
 exports.PropertyFilterBuilderToolbar = PropertyFilterBuilderToolbar;

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

@@ -1 +1 @@
-{"version":3,"file":"FilterBuilderToolbar.js","sourceRoot":"","sources":["../../../../src/components-react/filter-builder/FilterBuilderToolbar.tsx"],"names":[],"mappings":";;;;;;AAAA;;;gGAGgG;AAChG;;GAEG;AACH,kDAA0B;AAC1B,wDAAwD;AACxD,oEAA+D;AAC/D,kDAA+C;AAY/C;;GAEG;AACI,MAAM,4BAA4B,GAAG,CAC1C,KAAwC,EACxC,EAAE;IACF,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEvC,OAAO,CACL,8BAAC,oBAAI,IACH,SAAS,EAAE,2BAA2B,EACtC,GAAG,EAAC,GAAG,EACP,cAAc,EAAC,UAAU;QAEzB,8BAAC,0BAAU,IACT,IAAI,EAAE,OAAO,EACb,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE,2BAAY,CAAC,SAAS,CAAC,mBAAmB,CAAC,EAClD,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,UAAU;YAEnB,8BAAC,4BAAM,OAAG,CACC;QACb,8BAAC,0BAAU,IACT,IAAI,EAAE,OAAO,EACb,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAE,2BAAY,CAAC,SAAS,CAAC,sBAAsB,CAAC,EACrD,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,QAAQ;YAEjB,8BAAC,+BAAS,OAAG,CACF,CACR,CACR,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,4BAA4B,gCA+BvC","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 */\nimport React from \"react\";\nimport { Flex, IconButton } from \"@itwin/itwinui-react\";\nimport { SvgAdd, SvgDelete } from \"@itwin/itwinui-icons-react\";\nimport { UiComponents } from \"../UiComponents\";\n/**\n * Props for [[PropertyFilterBuilderToolbar]] component.\n * @internal\n */\ninterface PropertyFilterBuilderToolbarProps {\n  /** Function to add child of current group. */\n  onAddChild: () => void;\n  /** Function to remove child from current group. */\n  onDelete: () => void;\n}\n\n/** Toolbar displaying the \"add\" and \"delete\" row buttons in the filter builder\n * @beta\n */\nexport const PropertyFilterBuilderToolbar = (\n  props: PropertyFilterBuilderToolbarProps\n) => {\n  const { onAddChild, onDelete } = props;\n\n  return (\n    <Flex\n      className={\"fb-toolbar fb-row-toolbar\"}\n      gap=\"0\"\n      justifyContent=\"flex-end\"\n    >\n      <IconButton\n        size={\"small\"}\n        className=\"fb-add-rule-button\"\n        label={UiComponents.translate(\"filterBuilder.add\")}\n        styleType=\"borderless\"\n        onClick={onAddChild}\n      >\n        <SvgAdd />\n      </IconButton>\n      <IconButton\n        size={\"small\"}\n        className=\"fb-remove-rule-button\"\n        label={UiComponents.translate(\"filterBuilder.delete\")}\n        styleType=\"borderless\"\n        onClick={onDelete}\n      >\n        <SvgDelete />\n      </IconButton>\n    </Flex>\n  );\n};\n"]}
+{"version":3,"file":"FilterBuilderToolbar.js","sourceRoot":"","sources":["../../../../src/components-react/filter-builder/FilterBuilderToolbar.tsx"],"names":[],"mappings":";;;;;;AAAA;;;gGAGgG;AAChG;;GAEG;AACH,kDAA0B;AAC1B,wDAAwD;AACxD,oEAA+D;AAC/D,sDAAmD;AAYnD;;GAEG;AACI,MAAM,4BAA4B,GAAG,CAC1C,KAAwC,EACxC,EAAE;IACF,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACvC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAEvC,OAAO,CACL,8BAAC,oBAAI,IACH,SAAS,EAAE,2BAA2B,EACtC,GAAG,EAAC,GAAG,EACP,cAAc,EAAC,UAAU;QAEzB,8BAAC,0BAAU,IACT,IAAI,EAAE,OAAO,EACb,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE,SAAS,CAAC,mBAAmB,CAAC,EACrC,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,UAAU;YAEnB,8BAAC,4BAAM,OAAG,CACC;QACb,8BAAC,0BAAU,IACT,IAAI,EAAE,OAAO,EACb,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAE,SAAS,CAAC,sBAAsB,CAAC,EACxC,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,QAAQ;YAEjB,8BAAC,+BAAS,OAAG,CACF,CACR,CACR,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,4BAA4B,gCAgCvC","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 */\nimport React from \"react\";\nimport { Flex, IconButton } from \"@itwin/itwinui-react\";\nimport { SvgAdd, SvgDelete } from \"@itwin/itwinui-icons-react\";\nimport { useTranslation } from \"../useTranslation\";\n/**\n * Props for [[PropertyFilterBuilderToolbar]] component.\n * @internal\n */\ninterface PropertyFilterBuilderToolbarProps {\n  /** Function to add child of current group. */\n  onAddChild: () => void;\n  /** Function to remove child from current group. */\n  onDelete: () => void;\n}\n\n/** Toolbar displaying the \"add\" and \"delete\" row buttons in the filter builder\n * @beta\n */\nexport const PropertyFilterBuilderToolbar = (\n  props: PropertyFilterBuilderToolbarProps\n) => {\n  const { onAddChild, onDelete } = props;\n  const { translate } = useTranslation();\n\n  return (\n    <Flex\n      className={\"fb-toolbar fb-row-toolbar\"}\n      gap=\"0\"\n      justifyContent=\"flex-end\"\n    >\n      <IconButton\n        size={\"small\"}\n        className=\"fb-add-rule-button\"\n        label={translate(\"filterBuilder.add\")}\n        styleType=\"borderless\"\n        onClick={onAddChild}\n      >\n        <SvgAdd />\n      </IconButton>\n      <IconButton\n        size={\"small\"}\n        className=\"fb-remove-rule-button\"\n        label={translate(\"filterBuilder.delete\")}\n        styleType=\"borderless\"\n        onClick={onDelete}\n      >\n        <SvgDelete />\n      </IconButton>\n    </Flex>\n  );\n};\n"]}

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

@@ -59,9 +59,6 @@ export declare enum FilteringInputStatus {
  */
 export declare class FilteringInput extends React.PureComponent<FilteringInputProps, FilteringInputState> {
     private _inputElement;
-    private _searchLabel;
-    private _cancelLabel;
-    private _clearLabel;
     constructor(props: FilteringInputProps);
     private focus;
     private _onSearchButtonClick;

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

@@ -1 +1 @@
-{"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;AACH,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;IAC5D,OAAO,CAAC,YAAY,CAAsC;IAC1D,OAAO,CAAC,YAAY,CAAqC;IACzD,OAAO,CAAC,WAAW,CAAsC;gBAE7C,KAAK,EAAE,mBAAmB;IAStC,OAAO,CAAC,KAAK;IAKb,OAAO,CAAC,oBAAoB,CAU1B;IAEF,OAAO,CAAC,oBAAoB,CAI1B;IAEF,OAAO,CAAC,mBAAmB,CAIzB;IAEF,OAAO,CAAC,gBAAgB,CAQtB;IAEF,OAAO,CAAC,eAAe,CAKrB;IAEF,gBAAgB;IACA,kBAAkB,CAAC,SAAS,EAAE,mBAAmB;IAQjD,MAAM;CA+EvB"}
+{"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;AACH,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;IAKb,OAAO,CAAC,oBAAoB,CAU1B;IAEF,OAAO,CAAC,oBAAoB,CAI1B;IAEF,OAAO,CAAC,mBAAmB,CAIzB;IAEF,OAAO,CAAC,gBAAgB,CAQtB;IAEF,OAAO,CAAC,eAAe,CAKrB;IAEF,gBAAgB;IACA,kBAAkB,CAAC,SAAS,EAAE,mBAAmB;IAQjD,MAAM;CAgFvB"}

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

@@ -63,9 +63,6 @@ class FilteringInput extends React.PureComponent {
     constructor(props) {
         super(props);
         this._inputElement = React.createRef();
-        this._searchLabel = core_react_1.UiCore.translate("general.search");
-        this._cancelLabel = core_react_1.UiCore.translate("dialog.cancel");
-        this._clearLabel = core_react_1.UiCore.translate("general.search");
         this._onSearchButtonClick = () => {
             if (!this.state.searchText) {
                 // Empty search string is the same as clearing the search.
@@ -122,29 +119,30 @@ class FilteringInput extends React.PureComponent {
     }
     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": core_react_1.UiCore.translate("general.search"), size: "small" }),
+                    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: this._searchLabel },
+                    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: this._cancelLabel },
+                    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: this._clearLabel },
+                    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))));
     }