@itwin/components-react 4.8.3 → 4.9.0

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

@@ -6,52 +6,48 @@
  * @module PropertyFilterBuilder
  */
 import { StandardTypeNames } from "@itwin/appui-abstract";
-import { UiComponents } from "../UiComponents";
 /**
  * Logical operator for joining rules.
  * @beta
  */
 export var PropertyFilterRuleGroupOperator;
 (function (PropertyFilterRuleGroupOperator) {
-    PropertyFilterRuleGroupOperator[PropertyFilterRuleGroupOperator["And"] = 0] = "And";
-    PropertyFilterRuleGroupOperator[PropertyFilterRuleGroupOperator["Or"] = 1] = "Or";
+    PropertyFilterRuleGroupOperator["And"] = "and";
+    PropertyFilterRuleGroupOperator["Or"] = "or";
 })(PropertyFilterRuleGroupOperator || (PropertyFilterRuleGroupOperator = {}));
 /**
- * Operators for comparing property value in rule.
+ * Operators for comparing property value in [[PropertyFilterRule]].
  * @beta
  */
 export var PropertyFilterRuleOperator;
 (function (PropertyFilterRuleOperator) {
-    PropertyFilterRuleOperator[PropertyFilterRuleOperator["IsTrue"] = 0] = "IsTrue";
-    PropertyFilterRuleOperator[PropertyFilterRuleOperator["IsFalse"] = 1] = "IsFalse";
-    PropertyFilterRuleOperator[PropertyFilterRuleOperator["IsEqual"] = 2] = "IsEqual";
-    PropertyFilterRuleOperator[PropertyFilterRuleOperator["IsNotEqual"] = 3] = "IsNotEqual";
-    PropertyFilterRuleOperator[PropertyFilterRuleOperator["Greater"] = 4] = "Greater";
-    PropertyFilterRuleOperator[PropertyFilterRuleOperator["GreaterOrEqual"] = 5] = "GreaterOrEqual";
-    PropertyFilterRuleOperator[PropertyFilterRuleOperator["Less"] = 6] = "Less";
-    PropertyFilterRuleOperator[PropertyFilterRuleOperator["LessOrEqual"] = 7] = "LessOrEqual";
-    PropertyFilterRuleOperator[PropertyFilterRuleOperator["Like"] = 8] = "Like";
-    PropertyFilterRuleOperator[PropertyFilterRuleOperator["IsNull"] = 9] = "IsNull";
-    PropertyFilterRuleOperator[PropertyFilterRuleOperator["IsNotNull"] = 10] = "IsNotNull";
+    PropertyFilterRuleOperator["IsTrue"] = "is-true";
+    PropertyFilterRuleOperator["IsFalse"] = "is-false";
+    PropertyFilterRuleOperator["IsEqual"] = "is-equal";
+    PropertyFilterRuleOperator["IsNotEqual"] = "is-not-equal";
+    PropertyFilterRuleOperator["Greater"] = "greater";
+    PropertyFilterRuleOperator["GreaterOrEqual"] = "greater-or-equal";
+    PropertyFilterRuleOperator["Less"] = "less";
+    PropertyFilterRuleOperator["LessOrEqual"] = "less-or-equal";
+    PropertyFilterRuleOperator["Like"] = "like";
+    PropertyFilterRuleOperator["IsNull"] = "is-null";
+    PropertyFilterRuleOperator["IsNotNull"] = "is-not-null";
 })(PropertyFilterRuleOperator || (PropertyFilterRuleOperator = {}));
 /**
  * Function that returns set of available operator based on property type.
  * @beta
  */
-export function getPropertyFilterOperators(property) {
+export function getPropertyFilterBuilderOperators(property) {
     const typename = property.typename;
     if (typename === StandardTypeNames.Bool ||
         typename === StandardTypeNames.Boolean) {
-        return [
-            PropertyFilterRuleOperator.IsTrue,
-            PropertyFilterRuleOperator.IsFalse,
-        ];
+        return ["is-true", "is-false"];
     }
     const operators = [
-        PropertyFilterRuleOperator.IsEqual,
-        PropertyFilterRuleOperator.IsNotEqual,
-        PropertyFilterRuleOperator.IsNull,
-        PropertyFilterRuleOperator.IsNotNull,
+        "is-equal",
+        "is-not-equal",
+        "is-null",
+        "is-not-null",
     ];
     if (typename === StandardTypeNames.Number ||
         typename === StandardTypeNames.Int ||
@@ -64,59 +60,39 @@ export function getPropertyFilterOperators(property) {
         typename === StandardTypeNames.DateTime) {
         return [
             ...operators,
-            PropertyFilterRuleOperator.Greater,
-            PropertyFilterRuleOperator.GreaterOrEqual,
-            PropertyFilterRuleOperator.Less,
-            PropertyFilterRuleOperator.LessOrEqual,
+            "greater",
+            "greater-or-equal",
+            "less",
+            "less-or-equal",
+            "between",
+            "not-between",
         ];
     }
     if (typename === StandardTypeNames.String ||
         typename === StandardTypeNames.Text) {
-        return [PropertyFilterRuleOperator.Like, ...operators];
+        return ["like", ...operators];
     }
     return operators;
 }
-/* istanbul ignore next */
 /**
- * Function that returns display label for rule operator.
+ * Function that checks if supplied [[PropertyFilterBuilderRuleOperator]] operator is unary.
  * @beta
  */
-export function getPropertyFilterOperatorLabel(operator) {
-    switch (operator) {
-        case PropertyFilterRuleOperator.IsTrue:
-            return UiComponents.translate("filterBuilder.operators.isTrue");
-        case PropertyFilterRuleOperator.IsFalse:
-            return UiComponents.translate("filterBuilder.operators.isFalse");
-        case PropertyFilterRuleOperator.IsEqual:
-            return UiComponents.translate("filterBuilder.operators.equal");
-        case PropertyFilterRuleOperator.IsNotEqual:
-            return UiComponents.translate("filterBuilder.operators.notEqual");
-        case PropertyFilterRuleOperator.Greater:
-            return ">";
-        case PropertyFilterRuleOperator.GreaterOrEqual:
-            return ">=";
-        case PropertyFilterRuleOperator.Less:
-            return "<";
-        case PropertyFilterRuleOperator.LessOrEqual:
-            return "<=";
-        case PropertyFilterRuleOperator.Like:
-            return UiComponents.translate("filterBuilder.operators.contains");
-        case PropertyFilterRuleOperator.IsNull:
-            return UiComponents.translate("filterBuilder.operators.isNull");
-        case PropertyFilterRuleOperator.IsNotNull:
-            return UiComponents.translate("filterBuilder.operators.isNotNull");
-    }
+export function isUnaryPropertyFilterBuilderOperator(operator) {
+    return (operator !== "between" &&
+        operator !== "not-between" &&
+        isUnaryPropertyFilterOperator(operator));
 }
 /**
- * Function that checks if supplied operator is unary.
+ * Function that checks if supplied [[PropertyFilterRuleOperator]] operator is unary.
  * @beta
  */
 export function isUnaryPropertyFilterOperator(operator) {
     switch (operator) {
-        case PropertyFilterRuleOperator.IsTrue:
-        case PropertyFilterRuleOperator.IsFalse:
-        case PropertyFilterRuleOperator.IsNull:
-        case PropertyFilterRuleOperator.IsNotNull:
+        case "is-true":
+        case "is-false":
+        case "is-null":
+        case "is-not-null":
             return true;
     }
     return false;

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

@@ -1 +1 @@
-{"version":3,"file":"Operators.js","sourceRoot":"","sources":["../../../../src/components-react/filter-builder/Operators.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 { PropertyDescription } from \"@itwin/appui-abstract\";\nimport { StandardTypeNames } from \"@itwin/appui-abstract\";\nimport { UiComponents } from \"../UiComponents\";\n\n/**\n * Logical operator for joining rules.\n * @beta\n */\nexport enum PropertyFilterRuleGroupOperator {\n  And,\n  Or,\n}\n\n/**\n * Operators for comparing property value in rule.\n * @beta\n */\nexport enum PropertyFilterRuleOperator {\n  IsTrue,\n  IsFalse,\n\n  IsEqual,\n  IsNotEqual,\n\n  Greater,\n  GreaterOrEqual,\n  Less,\n  LessOrEqual,\n\n  Like,\n\n  IsNull,\n  IsNotNull,\n}\n\n/**\n * Function that returns set of available operator based on property type.\n * @beta\n */\nexport function getPropertyFilterOperators(property: PropertyDescription) {\n  const typename = property.typename;\n\n  if (\n    typename === StandardTypeNames.Bool ||\n    typename === StandardTypeNames.Boolean\n  ) {\n    return [\n      PropertyFilterRuleOperator.IsTrue,\n      PropertyFilterRuleOperator.IsFalse,\n    ];\n  }\n\n  const operators = [\n    PropertyFilterRuleOperator.IsEqual,\n    PropertyFilterRuleOperator.IsNotEqual,\n    PropertyFilterRuleOperator.IsNull,\n    PropertyFilterRuleOperator.IsNotNull,\n  ];\n\n  if (\n    typename === StandardTypeNames.Number ||\n    typename === StandardTypeNames.Int ||\n    typename === StandardTypeNames.Integer ||\n    typename === StandardTypeNames.Double ||\n    typename === StandardTypeNames.Float ||\n    typename === StandardTypeNames.Hex ||\n    typename === StandardTypeNames.Hexadecimal ||\n    typename === StandardTypeNames.ShortDate ||\n    typename === StandardTypeNames.DateTime\n  ) {\n    return [\n      ...operators,\n      PropertyFilterRuleOperator.Greater,\n      PropertyFilterRuleOperator.GreaterOrEqual,\n      PropertyFilterRuleOperator.Less,\n      PropertyFilterRuleOperator.LessOrEqual,\n    ];\n  }\n\n  if (\n    typename === StandardTypeNames.String ||\n    typename === StandardTypeNames.Text\n  ) {\n    return [PropertyFilterRuleOperator.Like, ...operators];\n  }\n\n  return operators;\n}\n\n/* istanbul ignore next */\n/**\n * Function that returns display label for rule operator.\n * @beta\n */\nexport function getPropertyFilterOperatorLabel(\n  operator: PropertyFilterRuleOperator\n) {\n  switch (operator) {\n    case PropertyFilterRuleOperator.IsTrue:\n      return UiComponents.translate(\"filterBuilder.operators.isTrue\");\n    case PropertyFilterRuleOperator.IsFalse:\n      return UiComponents.translate(\"filterBuilder.operators.isFalse\");\n    case PropertyFilterRuleOperator.IsEqual:\n      return UiComponents.translate(\"filterBuilder.operators.equal\");\n    case PropertyFilterRuleOperator.IsNotEqual:\n      return UiComponents.translate(\"filterBuilder.operators.notEqual\");\n    case PropertyFilterRuleOperator.Greater:\n      return \">\";\n    case PropertyFilterRuleOperator.GreaterOrEqual:\n      return \">=\";\n    case PropertyFilterRuleOperator.Less:\n      return \"<\";\n    case PropertyFilterRuleOperator.LessOrEqual:\n      return \"<=\";\n    case PropertyFilterRuleOperator.Like:\n      return UiComponents.translate(\"filterBuilder.operators.contains\");\n    case PropertyFilterRuleOperator.IsNull:\n      return UiComponents.translate(\"filterBuilder.operators.isNull\");\n    case PropertyFilterRuleOperator.IsNotNull:\n      return UiComponents.translate(\"filterBuilder.operators.isNotNull\");\n  }\n}\n\n/**\n * Function that checks if supplied operator is unary.\n * @beta\n */\nexport function isUnaryPropertyFilterOperator(\n  operator: PropertyFilterRuleOperator\n) {\n  switch (operator) {\n    case PropertyFilterRuleOperator.IsTrue:\n    case PropertyFilterRuleOperator.IsFalse:\n    case PropertyFilterRuleOperator.IsNull:\n    case PropertyFilterRuleOperator.IsNotNull:\n      return true;\n  }\n  return false;\n}\n"]}
+{"version":3,"file":"Operators.js","sourceRoot":"","sources":["../../../../src/components-react/filter-builder/Operators.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAGH,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D;;;GAGG;AACH,MAAM,CAAN,IAAY,+BAGX;AAHD,WAAY,+BAA+B;IACzC,8CAAW,CAAA;IACX,4CAAS,CAAA;AACX,CAAC,EAHW,+BAA+B,KAA/B,+BAA+B,QAG1C;AAED;;;GAGG;AACH,MAAM,CAAN,IAAY,0BAYX;AAZD,WAAY,0BAA0B;IACpC,gDAAkB,CAAA;IAClB,kDAAoB,CAAA;IACpB,kDAAoB,CAAA;IACpB,yDAA2B,CAAA;IAC3B,iDAAmB,CAAA;IACnB,iEAAmC,CAAA;IACnC,2CAAa,CAAA;IACb,2DAA6B,CAAA;IAC7B,2CAAa,CAAA;IACb,gDAAkB,CAAA;IAClB,uDAAyB,CAAA;AAC3B,CAAC,EAZW,0BAA0B,KAA1B,0BAA0B,QAYrC;AAWD;;;GAGG;AACH,MAAM,UAAU,iCAAiC,CAC/C,QAA6B;IAE7B,MAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAC;IAEnC,IACE,QAAQ,KAAK,iBAAiB,CAAC,IAAI;QACnC,QAAQ,KAAK,iBAAiB,CAAC,OAAO,EACtC;QACA,OAAO,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;KAChC;IAED,MAAM,SAAS,GAAwC;QACrD,UAAU;QACV,cAAc;QACd,SAAS;QACT,aAAa;KACd,CAAC;IAEF,IACE,QAAQ,KAAK,iBAAiB,CAAC,MAAM;QACrC,QAAQ,KAAK,iBAAiB,CAAC,GAAG;QAClC,QAAQ,KAAK,iBAAiB,CAAC,OAAO;QACtC,QAAQ,KAAK,iBAAiB,CAAC,MAAM;QACrC,QAAQ,KAAK,iBAAiB,CAAC,KAAK;QACpC,QAAQ,KAAK,iBAAiB,CAAC,GAAG;QAClC,QAAQ,KAAK,iBAAiB,CAAC,WAAW;QAC1C,QAAQ,KAAK,iBAAiB,CAAC,SAAS;QACxC,QAAQ,KAAK,iBAAiB,CAAC,QAAQ,EACvC;QACA,OAAO;YACL,GAAG,SAAS;YACZ,SAAS;YACT,kBAAkB;YAClB,MAAM;YACN,eAAe;YACf,SAAS;YACT,aAAa;SACd,CAAC;KACH;IAED,IACE,QAAQ,KAAK,iBAAiB,CAAC,MAAM;QACrC,QAAQ,KAAK,iBAAiB,CAAC,IAAI,EACnC;QACA,OAAO,CAAC,MAAM,EAAE,GAAG,SAAS,CAAC,CAAC;KAC/B;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,oCAAoC,CAClD,QAA2C;IAE3C,OAAO,CACL,QAAQ,KAAK,SAAS;QACtB,QAAQ,KAAK,aAAa;QAC1B,6BAA6B,CAAC,QAAQ,CAAC,CACxC,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,6BAA6B,CAC3C,QAAyC;IAEzC,QAAQ,QAAQ,EAAE;QAChB,KAAK,SAAS,CAAC;QACf,KAAK,UAAU,CAAC;QAChB,KAAK,SAAS,CAAC;QACf,KAAK,aAAa;YAChB,OAAO,IAAI,CAAC;KACf;IACD,OAAO,KAAK,CAAC;AACf,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 { PropertyDescription } from \"@itwin/appui-abstract\";\nimport { StandardTypeNames } from \"@itwin/appui-abstract\";\n\n/**\n * Logical operator for joining rules.\n * @beta\n */\nexport enum PropertyFilterRuleGroupOperator {\n  And = \"and\",\n  Or = \"or\",\n}\n\n/**\n * Operators for comparing property value in [[PropertyFilterRule]].\n * @beta\n */\nexport enum PropertyFilterRuleOperator {\n  IsTrue = \"is-true\",\n  IsFalse = \"is-false\",\n  IsEqual = \"is-equal\",\n  IsNotEqual = \"is-not-equal\",\n  Greater = \"greater\",\n  GreaterOrEqual = \"greater-or-equal\",\n  Less = \"less\",\n  LessOrEqual = \"less-or-equal\",\n  Like = \"like\",\n  IsNull = \"is-null\",\n  IsNotNull = \"is-not-null\",\n}\n\n/**\n * Operators supported by [[usePropertyFilterBuilder]] when building filter rules.\n * @beta\n */\nexport type PropertyFilterBuilderRuleOperator =\n  | `${PropertyFilterRuleOperator}`\n  | \"between\"\n  | \"not-between\";\n\n/**\n * Function that returns set of available operator based on property type.\n * @beta\n */\nexport function getPropertyFilterBuilderOperators(\n  property: PropertyDescription\n): PropertyFilterBuilderRuleOperator[] {\n  const typename = property.typename;\n\n  if (\n    typename === StandardTypeNames.Bool ||\n    typename === StandardTypeNames.Boolean\n  ) {\n    return [\"is-true\", \"is-false\"];\n  }\n\n  const operators: PropertyFilterBuilderRuleOperator[] = [\n    \"is-equal\",\n    \"is-not-equal\",\n    \"is-null\",\n    \"is-not-null\",\n  ];\n\n  if (\n    typename === StandardTypeNames.Number ||\n    typename === StandardTypeNames.Int ||\n    typename === StandardTypeNames.Integer ||\n    typename === StandardTypeNames.Double ||\n    typename === StandardTypeNames.Float ||\n    typename === StandardTypeNames.Hex ||\n    typename === StandardTypeNames.Hexadecimal ||\n    typename === StandardTypeNames.ShortDate ||\n    typename === StandardTypeNames.DateTime\n  ) {\n    return [\n      ...operators,\n      \"greater\",\n      \"greater-or-equal\",\n      \"less\",\n      \"less-or-equal\",\n      \"between\",\n      \"not-between\",\n    ];\n  }\n\n  if (\n    typename === StandardTypeNames.String ||\n    typename === StandardTypeNames.Text\n  ) {\n    return [\"like\", ...operators];\n  }\n\n  return operators;\n}\n\n/**\n * Function that checks if supplied [[PropertyFilterBuilderRuleOperator]] operator is unary.\n * @beta\n */\nexport function isUnaryPropertyFilterBuilderOperator(\n  operator: PropertyFilterBuilderRuleOperator\n) {\n  return (\n    operator !== \"between\" &&\n    operator !== \"not-between\" &&\n    isUnaryPropertyFilterOperator(operator)\n  );\n}\n\n/**\n * Function that checks if supplied [[PropertyFilterRuleOperator]] operator is unary.\n * @beta\n */\nexport function isUnaryPropertyFilterOperator(\n  operator: `${PropertyFilterRuleOperator}`\n) {\n  switch (operator) {\n    case \"is-true\":\n    case \"is-false\":\n    case \"is-null\":\n    case \"is-not-null\":\n      return true;\n  }\n  return false;\n}\n"]}

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

@@ -14,7 +14,7 @@ export type PropertyFilter = PropertyFilterRule | PropertyFilterRuleGroup;
  */
 export interface PropertyFilterRuleGroup {
     /** Operator that should join rules in this group. */
-    operator: PropertyFilterRuleGroupOperator;
+    operator: `${PropertyFilterRuleGroupOperator}`;
     /** Rules in this group. */
     rules: Array<PropertyFilter>;
 }
@@ -26,7 +26,7 @@ export interface PropertyFilterRule {
     /** Property used in this rule. */
     property: PropertyDescription;
     /** Operator that should be used to compare property value. */
-    operator: PropertyFilterRuleOperator;
+    operator: `${PropertyFilterRuleOperator}`;
     /** Value that property should be compared to. */
     value?: PropertyValue;
 }

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

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

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

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

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

@@ -71,7 +71,7 @@ export declare class FilteringInput extends React.PureComponent<FilteringInputPr
     private _onInputChanged;
     /** @internal */
     componentDidUpdate(prevProps: FilteringInputProps): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};
 //# sourceMappingURL=FilteringInput.d.ts.map

package/lib/esm/components-react/filtering/ResultSelector.d.ts

@@ -43,7 +43,7 @@ export declare class ResultSelector extends React.PureComponent<ResultSelectorPr
     /** @internal */
     componentDidUpdate(prevProps: ResultSelectorProps): void;
     /** @internal */
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};
 //# sourceMappingURL=ResultSelector.d.ts.map

package/lib/esm/components-react/iconpicker/IconPickerButton.d.ts

@@ -42,7 +42,7 @@ export declare class IconPickerButton extends React.PureComponent<IconPickerProp
     private _handleIconPicked;
     private renderPopup;
     /** @internal */
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};
 //# sourceMappingURL=IconPickerButton.d.ts.map

package/lib/esm/components-react/properties/LinkHandler.d.ts

@@ -25,5 +25,5 @@ export interface LinksRendererProps {
  * React component for rendering string with links.
  * @public
  */
-export declare function LinksRenderer(props: LinksRendererProps): JSX.Element;
+export declare function LinksRenderer(props: LinksRendererProps): React.JSX.Element;
 //# sourceMappingURL=LinkHandler.d.ts.map

package/lib/esm/components-react/properties/LinkHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinkHandler.d.ts","sourceRoot":"","sources":["../../../../src/components-react/properties/LinkHandler.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AA0F9D;;GAEG;AACH,eAAO,MAAM,WAAW,SAChB,MAAM,SACL,gBAAgB,sBACJ,MAAM,KAAK,MAAM,SAAS,kBAC5C,MAAM,SAER,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,gBACP,MAAM,UACX,gBAAgB,sBACL,MAAM,KAAK,MAAM,SAAS,kBAC5C,MAAM,SAIR,CAAC;AAEF;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CACjD;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,eAEtD"}
+{"version":3,"file":"LinkHandler.d.ts","sourceRoot":"","sources":["../../../../src/components-react/properties/LinkHandler.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AA0F9D;;GAEG;AACH,eAAO,MAAM,WAAW,SAChB,MAAM,SACL,gBAAgB,sBACJ,MAAM,KAAK,MAAM,SAAS,kBAC5C,MAAM,SAER,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,gBACP,MAAM,UACX,gBAAgB,sBACL,MAAM,KAAK,MAAM,SAAS,kBAC5C,MAAM,SAIR,CAAC;AAEF;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CACjD;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAEtD"}

package/lib/esm/components-react/properties/renderers/ActionButtonList.d.ts

@@ -25,6 +25,6 @@ export interface ActionButtonListProps {
 export declare class ActionButtonList extends React.PureComponent<ActionButtonListProps> {
     private getClassName;
     /** @internal */
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 //# sourceMappingURL=ActionButtonList.d.ts.map

package/lib/esm/components-react/properties/renderers/NonPrimitivePropertyRenderer.d.ts

@@ -31,7 +31,7 @@ export declare class NonPrimitivePropertyRenderer extends React.Component<NonPri
     private overrideArrayChildrenNames;
     private _renderPropertyForItem;
     /** @internal */
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};
 //# sourceMappingURL=NonPrimitivePropertyRenderer.d.ts.map

package/lib/esm/components-react/properties/renderers/PrimitivePropertyRenderer.d.ts

@@ -24,6 +24,6 @@ export interface PrimitiveRendererProps extends SharedRendererProps {
 export declare class PrimitivePropertyRenderer extends React.Component<PrimitiveRendererProps> {
     constructor(props: PrimitiveRendererProps);
     /** @internal */
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 //# sourceMappingURL=PrimitivePropertyRenderer.d.ts.map

package/lib/esm/components-react/properties/renderers/PropertyRenderer.d.ts

@@ -92,7 +92,7 @@ export declare class PropertyRenderer extends React.Component<PropertyRendererPr
     /** @internal */
     componentDidUpdate(prevProps: PropertyRendererProps): void;
     /** @internal */
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};
 //# sourceMappingURL=PropertyRenderer.d.ts.map

package/lib/esm/components-react/properties/renderers/PropertyView.d.ts

@@ -31,7 +31,7 @@ export declare class PropertyView extends React.Component<PropertyViewProps, Pro
     private _onContextMenu;
     private getClassName;
     /** @internal */
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};
 //# sourceMappingURL=PropertyView.d.ts.map

package/lib/esm/components-react/properties/renderers/label/NonPrimitivePropertyLabelRenderer.d.ts

@@ -19,6 +19,6 @@ export interface NonPrimitivePropertyLabelRendererProps extends PrimitivePropert
  */
 export declare class NonPrimitivePropertyLabelRenderer extends React.PureComponent<NonPrimitivePropertyLabelRendererProps> {
     private _onClick;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 //# sourceMappingURL=NonPrimitivePropertyLabelRenderer.d.ts.map

package/lib/esm/components-react/properties/renderers/label/PrimitivePropertyLabelRenderer.d.ts

@@ -17,6 +17,6 @@ export interface PrimitivePropertyLabelRendererProps extends PropertyLabelRender
  * @public
  */
 export declare class PrimitivePropertyLabelRenderer extends React.PureComponent<PrimitivePropertyLabelRendererProps> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 //# sourceMappingURL=PrimitivePropertyLabelRenderer.d.ts.map

package/lib/esm/components-react/properties/renderers/label/PropertyLabelRenderer.d.ts

@@ -18,6 +18,6 @@ export interface PropertyLabelRendererProps {
 export declare class PropertyLabelRenderer extends React.PureComponent<PropertyLabelRendererProps> {
     /** Get React CSS style object based on provided offset from the left side */
     static getStyle(offset?: number): React.CSSProperties;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 //# sourceMappingURL=PropertyLabelRenderer.d.ts.map

package/lib/esm/components-react/properties/renderers/value/DoublePropertyValueRenderer.d.ts

@@ -1,7 +1,7 @@
 /** @packageDocumentation
  * @module Properties
  */
-/// <reference types="react" />
+import * as React from "react";
 import type { PropertyRecord } from "@itwin/appui-abstract";
 import type { IPropertyValueRenderer, PropertyValueRendererContext } from "../../ValueRendererManager";
 /** Default Double Property Renderer
@@ -11,6 +11,6 @@ export declare class DoublePropertyValueRenderer implements IPropertyValueRender
     /** Checks if the renderer can handle given property */
     canRender(record: PropertyRecord): boolean;
     /** Method that returns a JSX representation of PropertyRecord */
-    render(record: PropertyRecord, context?: PropertyValueRendererContext): JSX.Element;
+    render(record: PropertyRecord, context?: PropertyValueRendererContext): React.JSX.Element;
 }
 //# sourceMappingURL=DoublePropertyValueRenderer.d.ts.map

package/lib/esm/components-react/properties/renderers/value/DoublePropertyValueRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DoublePropertyValueRenderer.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/DoublePropertyValueRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,KAAK,EACV,sBAAsB,EACtB,4BAA4B,EAC7B,MAAM,4BAA4B,CAAC;AAIpC;;GAEG;AACH,qBAAa,2BAA4B,YAAW,sBAAsB;IACxE,uDAAuD;IAChD,SAAS,CAAC,MAAM,EAAE,cAAc;IAOvC,iEAAiE;IAC1D,MAAM,CACX,MAAM,EAAE,cAAc,EACtB,OAAO,CAAC,EAAE,4BAA4B;CAUzC"}
+{"version":3,"file":"DoublePropertyValueRenderer.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/DoublePropertyValueRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,KAAK,EACV,sBAAsB,EACtB,4BAA4B,EAC7B,MAAM,4BAA4B,CAAC;AAIpC;;GAEG;AACH,qBAAa,2BAA4B,YAAW,sBAAsB;IACxE,uDAAuD;IAChD,SAAS,CAAC,MAAM,EAAE,cAAc;IAOvC,iEAAiE;IAC1D,MAAM,CACX,MAAM,EAAE,cAAc,EACtB,OAAO,CAAC,EAAE,4BAA4B;CAUzC"}

package/lib/esm/components-react/properties/renderers/value/NavigationPropertyValueRenderer.d.ts

@@ -1,7 +1,7 @@
 /** @packageDocumentation
  * @module Properties
  */
-/// <reference types="react" />
+import * as React from "react";
 import type { PropertyRecord } from "@itwin/appui-abstract";
 import type { IPropertyValueRenderer, PropertyValueRendererContext } from "../../ValueRendererManager";
 /** Default Navigation Property Renderer
@@ -11,6 +11,6 @@ export declare class NavigationPropertyValueRenderer implements IPropertyValueRe
     /** Checks if the renderer can handle given property */
     canRender(record: PropertyRecord): boolean;
     /** Method that returns a JSX representation of PropertyRecord */
-    render(record: PropertyRecord, context?: PropertyValueRendererContext): JSX.Element;
+    render(record: PropertyRecord, context?: PropertyValueRendererContext): React.JSX.Element;
 }
 //# sourceMappingURL=NavigationPropertyValueRenderer.d.ts.map

package/lib/esm/components-react/properties/renderers/value/NavigationPropertyValueRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationPropertyValueRenderer.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/NavigationPropertyValueRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,KAAK,EACV,sBAAsB,EACtB,4BAA4B,EAC7B,MAAM,4BAA4B,CAAC;AAIpC;;GAEG;AACH,qBAAa,+BAAgC,YAAW,sBAAsB;IAC5E,uDAAuD;IAChD,SAAS,CAAC,MAAM,EAAE,cAAc;IAOvC,iEAAiE;IAC1D,MAAM,CACX,MAAM,EAAE,cAAc,EACtB,OAAO,CAAC,EAAE,4BAA4B;CAUzC"}
+{"version":3,"file":"NavigationPropertyValueRenderer.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/NavigationPropertyValueRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,KAAK,EACV,sBAAsB,EACtB,4BAA4B,EAC7B,MAAM,4BAA4B,CAAC;AAIpC;;GAEG;AACH,qBAAa,+BAAgC,YAAW,sBAAsB;IAC5E,uDAAuD;IAChD,SAAS,CAAC,MAAM,EAAE,cAAc;IAOvC,iEAAiE;IAC1D,MAAM,CACX,MAAM,EAAE,cAAc,EACtB,OAAO,CAAC,EAAE,4BAA4B;CAUzC"}

package/lib/esm/components-react/properties/renderers/value/PrimitivePropertyValueRenderer.d.ts

@@ -11,7 +11,7 @@ export declare class PrimitivePropertyValueRenderer implements IPropertyValueRen
     /** Checks if the renderer can handle given property */
     canRender(record: PropertyRecord): boolean;
     /** Method that returns a JSX representation of PropertyRecord */
-    render(record: PropertyRecord, context?: PropertyValueRendererContext): JSX.Element;
+    render(record: PropertyRecord, context?: PropertyValueRendererContext): React.JSX.Element;
 }
 /**
  * Function that converts primitive [[PropertyRecord]] to string
@@ -26,7 +26,7 @@ interface PrimitivePropertyValueRendererImplProps {
     linksHandler?: LinkElementsInfo;
 }
 /** @internal */
-export declare function PrimitivePropertyValueRendererImpl(props: PrimitivePropertyValueRendererImplProps): JSX.Element;
+export declare function PrimitivePropertyValueRendererImpl(props: PrimitivePropertyValueRendererImplProps): React.JSX.Element;
 /**
  * Default link handler used for handling records,
  * which did not have any specified LinkElementsInfo.

package/lib/esm/components-react/properties/renderers/value/PrimitivePropertyValueRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PrimitivePropertyValueRenderer.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/PrimitivePropertyValueRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EACV,gBAAgB,EAEhB,cAAc,EACf,MAAM,uBAAuB,CAAC;AAM/B,OAAO,KAAK,EACV,sBAAsB,EACtB,4BAA4B,EAC7B,MAAM,4BAA4B,CAAC;AAEpC;;GAEG;AACH,qBAAa,8BAA+B,YAAW,sBAAsB;IAC3E,uDAAuD;IAChD,SAAS,CAAC,MAAM,EAAE,cAAc;IAIvC,iEAAiE;IAC1D,MAAM,CACX,MAAM,EAAE,cAAc,EACtB,OAAO,CAAC,EAAE,4BAA4B;CAUzC;AAED;;;GAGG;AACH,wBAAgB,8BAA8B,CAC5C,MAAM,EAAE,cAAc,GACrB,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAM1B;AAED,gBAAgB;AAChB,UAAU,uCAAuC;IAC/C,MAAM,EAAE,cAAc,CAAC;IACvB,qBAAqB,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;IAC5E,OAAO,CAAC,EAAE,4BAA4B,CAAC;IACvC,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC;AAED,gBAAgB;AAChB,wBAAgB,kCAAkC,CAChD,KAAK,EAAE,uCAAuC,eAa/C;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,qBAAqB,EAAE,gBAGnC,CAAC;AAEF,gBAAgB;AAChB,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,cAAc,EACtB,qBAAqB,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,EAC3E,OAAO,CAAC,EAAE,4BAA4B,EACtC,YAAY,CAAC,EAAE,gBAAgB,GAC9B;IAAE,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAapD"}
+{"version":3,"file":"PrimitivePropertyValueRenderer.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/PrimitivePropertyValueRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EACV,gBAAgB,EAEhB,cAAc,EACf,MAAM,uBAAuB,CAAC;AAM/B,OAAO,KAAK,EACV,sBAAsB,EACtB,4BAA4B,EAC7B,MAAM,4BAA4B,CAAC;AAEpC;;GAEG;AACH,qBAAa,8BAA+B,YAAW,sBAAsB;IAC3E,uDAAuD;IAChD,SAAS,CAAC,MAAM,EAAE,cAAc;IAIvC,iEAAiE;IAC1D,MAAM,CACX,MAAM,EAAE,cAAc,EACtB,OAAO,CAAC,EAAE,4BAA4B;CAUzC;AAED;;;GAGG;AACH,wBAAgB,8BAA8B,CAC5C,MAAM,EAAE,cAAc,GACrB,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAM1B;AAED,gBAAgB;AAChB,UAAU,uCAAuC;IAC/C,MAAM,EAAE,cAAc,CAAC;IACvB,qBAAqB,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;IAC5E,OAAO,CAAC,EAAE,4BAA4B,CAAC;IACvC,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC;AAED,gBAAgB;AAChB,wBAAgB,kCAAkC,CAChD,KAAK,EAAE,uCAAuC,qBAa/C;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,qBAAqB,EAAE,gBAGnC,CAAC;AAEF,gBAAgB;AAChB,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,cAAc,EACtB,qBAAqB,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,EAC3E,OAAO,CAAC,EAAE,4BAA4B,EACtC,YAAY,CAAC,EAAE,gBAAgB,GAC9B;IAAE,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAapD"}

package/lib/esm/components-react/properties/renderers/value/UrlPropertyValueRenderer.d.ts

@@ -1,7 +1,7 @@
 /** @packageDocumentation
  * @module Properties
  */
-/// <reference types="react" />
+import * as React from "react";
 import type { PropertyRecord } from "@itwin/appui-abstract";
 import type { IPropertyValueRenderer, PropertyValueRendererContext } from "../../ValueRendererManager";
 /**
@@ -14,6 +14,6 @@ export declare class UrlPropertyValueRenderer implements IPropertyValueRenderer
     /** Checks if the renderer can handle given property */
     canRender(record: PropertyRecord): boolean;
     /** Method that returns a JSX representation of PropertyRecord */
-    render(record: PropertyRecord, context?: PropertyValueRendererContext): JSX.Element;
+    render(record: PropertyRecord, context?: PropertyValueRendererContext): React.JSX.Element;
 }
 //# sourceMappingURL=UrlPropertyValueRenderer.d.ts.map

package/lib/esm/components-react/properties/renderers/value/UrlPropertyValueRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UrlPropertyValueRenderer.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/UrlPropertyValueRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,KAAK,EAAoB,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE9E,OAAO,KAAK,EACV,sBAAsB,EACtB,4BAA4B,EAC7B,MAAM,4BAA4B,CAAC;AAMpC;;;;;GAKG;AACH,qBAAa,wBAAyB,YAAW,sBAAsB;IACrE,uDAAuD;IAChD,SAAS,CAAC,MAAM,EAAE,cAAc;IAWvC,iEAAiE;IAC1D,MAAM,CACX,MAAM,EAAE,cAAc,EACtB,OAAO,CAAC,EAAE,4BAA4B;CAWzC"}
+{"version":3,"file":"UrlPropertyValueRenderer.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/UrlPropertyValueRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAoB,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE9E,OAAO,KAAK,EACV,sBAAsB,EACtB,4BAA4B,EAC7B,MAAM,4BAA4B,CAAC;AAMpC;;;;;GAKG;AACH,qBAAa,wBAAyB,YAAW,sBAAsB;IACrE,uDAAuD;IAChD,SAAS,CAAC,MAAM,EAAE,cAAc;IAWvC,iEAAiE;IAC1D,MAAM,CACX,MAAM,EAAE,cAAc,EACtB,OAAO,CAAC,EAAE,4BAA4B;CAWzC"}

package/lib/esm/components-react/properties/renderers/value/table/ArrayValueRenderer.d.ts

@@ -10,6 +10,6 @@ export declare class TableArrayValueRenderer extends React.PureComponent<TableSp
     private getButtonLabel;
     private getDialogContents;
     /** @internal */
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 //# sourceMappingURL=ArrayValueRenderer.d.ts.map

package/lib/esm/components-react/properties/renderers/value/table/NonPrimitiveValueRenderer.d.ts

@@ -40,6 +40,6 @@ export interface TableNonPrimitiveValueRendererProps extends SharedTableNonPrimi
 export declare class TableNonPrimitiveValueRenderer extends React.PureComponent<TableNonPrimitiveValueRendererProps> {
     private _onClick;
     /** @internal */
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 //# sourceMappingURL=NonPrimitiveValueRenderer.d.ts.map

package/lib/esm/components-react/properties/renderers/value/table/StructValueRenderer.d.ts

@@ -10,6 +10,6 @@ export declare class TableStructValueRenderer extends React.PureComponent<TableS
     private getButtonLabel;
     private getDialogContents;
     /** @internal */
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 //# sourceMappingURL=StructValueRenderer.d.ts.map

package/lib/esm/components-react/propertygrid/component/FlatItemNestedBorderWrapper.d.ts

@@ -14,5 +14,5 @@ export interface NestedBorderWrapperProps {
  * Wraps provided ReactNode in nested borders recursively according to provided borderCount.
  * @internal
  */
-export declare function FlatItemNestedBorderWrapper(props: NestedBorderWrapperProps): JSX.Element;
+export declare function FlatItemNestedBorderWrapper(props: NestedBorderWrapperProps): React.JSX.Element;
 //# sourceMappingURL=FlatItemNestedBorderWrapper.d.ts.map

package/lib/esm/components-react/propertygrid/component/FlatItemNestedBorderWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlatItemNestedBorderWrapper.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/FlatItemNestedBorderWrapper.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,gBAAgB;AAChB,MAAM,WAAW,wBAAwB;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,iBAAiB,EAAE,MAAM,CAAC;IAC1B,qCAAqC;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,0BAA0B;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;GAIG;AACH,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,wBAAwB,eA2B1E"}
+{"version":3,"file":"FlatItemNestedBorderWrapper.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/FlatItemNestedBorderWrapper.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,gBAAgB;AAChB,MAAM,WAAW,wBAAwB;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,iBAAiB,EAAE,MAAM,CAAC;IAC1B,qCAAqC;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,0BAA0B;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;GAIG;AACH,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,wBAAwB,qBA2B1E"}

package/lib/esm/components-react/propertygrid/component/PropertyCategoryBlock.d.ts

@@ -28,6 +28,6 @@ export declare class PropertyCategoryBlock extends React.Component<PropertyCateg
     private toggleExpansion;
     private _handleToggle;
     /** @internal */
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 //# sourceMappingURL=PropertyCategoryBlock.d.ts.map

package/lib/esm/components-react/propertygrid/component/PropertyGridEventsRelatedPropsSupplier.d.ts

@@ -38,7 +38,7 @@ export declare class PropertyGridEventsRelatedPropsSupplier extends React.Compon
     private onEnabledPropertyRightClicked;
     private onEnabledPropertyLeftClicked;
     /** @internal */
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};
 //# sourceMappingURL=PropertyGridEventsRelatedPropsSupplier.d.ts.map

package/lib/esm/components-react/propertygrid/component/PropertyList.d.ts

@@ -61,6 +61,6 @@ export declare class PropertyList extends React.Component<PropertyListProps> {
     private _listRef;
     private _onEditCommit;
     /** @internal */
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 //# sourceMappingURL=PropertyList.d.ts.map

package/lib/esm/components-react/propertygrid/component/VirtualizedPropertyGrid.d.ts

@@ -116,7 +116,7 @@ export declare class VirtualizedPropertyGrid extends React.Component<Virtualized
     private _getNodeKey;
     private _getMaxItemDepth;
     /** @internal */
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 /**
  * Returns callbacks for persisting and restoring [[VirtualizedPropertyGrid]] layout state.

package/lib/esm/components-react/propertygrid/component/VirtualizedPropertyGridWithDataProvider.d.ts

@@ -1,4 +1,7 @@
-/// <reference types="react" />
+/** @packageDocumentation
+ * @module PropertyGrid
+ */
+import React from "react";
 import type { PropertyCategoryRendererManager } from "../PropertyCategoryRendererManager";
 import type { IPropertyDataProvider } from "../PropertyDataProvider";
 import type { CommonPropertyGridProps, PropertyGridContentHighlightProps } from "./PropertyGridCommons";
@@ -22,5 +25,5 @@ export interface VirtualizedPropertyGridWithDataProviderProps extends CommonProp
  * sets up default implementations for [[IPropertyGridModelSource]] and [[IPropertyGridEventHandler]]
  * @public
  */
-export declare function VirtualizedPropertyGridWithDataProvider(props: VirtualizedPropertyGridWithDataProviderProps): JSX.Element;
+export declare function VirtualizedPropertyGridWithDataProvider(props: VirtualizedPropertyGridWithDataProviderProps): React.JSX.Element;
 //# sourceMappingURL=VirtualizedPropertyGridWithDataProvider.d.ts.map

package/lib/esm/components-react/propertygrid/component/VirtualizedPropertyGridWithDataProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualizedPropertyGridWithDataProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/VirtualizedPropertyGridWithDataProvider.tsx"],"names":[],"mappings":";AAgBA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,oCAAoC,CAAC;AAC1F,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,KAAK,EACV,uBAAuB,EACvB,iCAAiC,EAClC,MAAM,uBAAuB,CAAC;AAG/B;;GAEG;AACH,MAAM,WAAW,4CACf,SAAQ,uBAAuB;IAC/B,uDAAuD;IACvD,YAAY,EAAE,qBAAqB,CAAC;IACpC,6DAA6D;IAC7D,SAAS,CAAC,EAAE,iCAAiC,CAAC;IAC9C,iHAAiH;IACjH,+BAA+B,CAAC,EAAE,+BAA+B,CAAC;IAClE,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,wBAAgB,uCAAuC,CACrD,KAAK,EAAE,4CAA4C,eAuBpD"}
+{"version":3,"file":"VirtualizedPropertyGridWithDataProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/VirtualizedPropertyGridWithDataProvider.tsx"],"names":[],"mappings":"AAKA;;GAEG;AAEH,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,oCAAoC,CAAC;AAC1F,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,KAAK,EACV,uBAAuB,EACvB,iCAAiC,EAClC,MAAM,uBAAuB,CAAC;AAI/B;;GAEG;AACH,MAAM,WAAW,4CACf,SAAQ,uBAAuB;IAC/B,uDAAuD;IACvD,YAAY,EAAE,qBAAqB,CAAC;IACpC,6DAA6D;IAC7D,SAAS,CAAC,EAAE,iCAAiC,CAAC;IAC9C,iHAAiH;IACjH,+BAA+B,CAAC,EAAE,+BAA+B,CAAC;IAClE,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,wBAAgB,uCAAuC,CACrD,KAAK,EAAE,4CAA4C,qBAoBpD"}

package/lib/esm/components-react/propertygrid/component/VirtualizedPropertyGridWithDataProvider.js

@@ -5,25 +5,37 @@
 /** @packageDocumentation
  * @module PropertyGrid
  */
-import React from "react";
-import { DelayedSpinner } from "../../common/DelayedSpinner";
-import { usePropertyGridEventHandler, usePropertyGridModel, usePropertyGridModelSource, } from "../internal/PropertyGridHooks";
+import React, { useEffect, useState } from "react";
+import { usePropertyGridEventHandler, usePropertyGridModel, useTrackedPropertyGridModelSource, } from "../internal/PropertyGridHooks";
 import { VirtualizedPropertyGrid } from "./VirtualizedPropertyGrid";
+import { ProgressRadial } from "@itwin/itwinui-react";
 /**
  * [[VirtualizedPropertyGrid]] React Component which takes a data provider and
  * sets up default implementations for [[IPropertyGridModelSource]] and [[IPropertyGridEventHandler]]
  * @public
  */
 export function VirtualizedPropertyGridWithDataProvider(props) {
-    const modelSource = usePropertyGridModelSource({
+    const { modelSource, inProgress } = useTrackedPropertyGridModelSource({
         dataProvider: props.dataProvider,
     });
     const model = usePropertyGridModel({ modelSource });
     const eventHandler = usePropertyGridEventHandler({ modelSource });
-    if (!model) {
-        return (React.createElement("div", { className: "components-virtualized-property-grid-loader" },
-            React.createElement(DelayedSpinner, { size: "large" })));
-    }
-    return (React.createElement(VirtualizedPropertyGrid, { ...props, model: model, eventHandler: eventHandler }));
+    return (React.createElement(DelayedLoaderRenderer, { shouldRenderLoader: inProgress || !model }, model && (React.createElement(VirtualizedPropertyGrid, { ...props, model: model, eventHandler: eventHandler }))));
+}
+function DelayedLoaderRenderer({ children, shouldRenderLoader, }) {
+    const [showSpinner, setShowSpinner] = useState(shouldRenderLoader);
+    useEffect(() => {
+        if (!shouldRenderLoader) {
+            setShowSpinner(shouldRenderLoader);
+            return;
+        }
+        // only set a timeout when shouldRenderLoader is set to `true`
+        const timeout = setTimeout(() => {
+            setShowSpinner(shouldRenderLoader);
+        }, 250);
+        return () => clearTimeout(timeout);
+    }, [shouldRenderLoader]);
+    return !showSpinner ? (React.createElement(React.Fragment, null, children)) : (React.createElement("div", { className: "components-virtualized-property-grid-loader" },
+        React.createElement(ProgressRadial, { indeterminate: true, size: "large" })));
 }
 //# sourceMappingURL=VirtualizedPropertyGridWithDataProvider.js.map