@itwin/components-react 3.6.0-dev.8 → 4.0.0-dev.1

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

@@ -2,11 +2,19 @@
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module PropertyFilterBuilder
+ */
 import { produce } from "immer";
 import * as React from "react";
+import { PropertyValueFormat } from "@itwin/appui-abstract";
 import { Guid } from "@itwin/core-bentley";
 import { isUnaryPropertyFilterOperator, PropertyFilterRuleGroupOperator } from "./Operators";
-/** @alpha */
+import { isPropertyFilterRuleGroup } from "./Types";
+/**
+ * Actions for controlling [[PropertyFilterBuilder]] component state.
+ * @internal
+ */
 export class PropertyFilterBuilderActions {
     constructor(setState) {
         this.setState = setState;
@@ -14,6 +22,7 @@ export class PropertyFilterBuilderActions {
     updateState(updater) {
         this.setState(produce(updater));
     }
+    /** Adds new rule or group of rules to the group specified by path. */
     addItem(path, itemType) {
         this.updateState((state) => {
             const parentGroup = findRuleGroup(state.rootGroup, path);
@@ -23,6 +32,7 @@ export class PropertyFilterBuilderActions {
             parentGroup.items.push(item);
         });
     }
+    /** Removes item specified by path. */
     removeItem(path) {
         function removeItemFromGroup(state, pathToItem) {
             const pathToParent = pathToItem.slice(0, -1);
@@ -41,6 +51,7 @@ export class PropertyFilterBuilderActions {
             removeItemFromGroup(state, path);
         });
     }
+    /** Sets operator of rule group specified by the path. */
     setRuleGroupOperator(path, operator) {
         this.updateState((state) => {
             const group = findRuleGroup(state.rootGroup, path);
@@ -49,6 +60,7 @@ export class PropertyFilterBuilderActions {
             group.operator = operator;
         });
     }
+    /** Sets property of rule specified by the path. */
     setRuleProperty(path, property) {
         this.updateState((state) => {
             const rule = findRule(state.rootGroup, path);
@@ -58,6 +70,7 @@ export class PropertyFilterBuilderActions {
             rule.value = undefined;
         });
     }
+    /** Sets operator of rule specified by the path. */
     setRuleOperator(path, operator) {
         this.updateState((state) => {
             const rule = findRule(state.rootGroup, path);
@@ -68,6 +81,7 @@ export class PropertyFilterBuilderActions {
             rule.operator = operator;
         });
     }
+    /** Sets value of rule specified by the path. */
     setRuleValue(path, value) {
         this.updateState((state) => {
             const rule = findRule(state.rootGroup, path);
@@ -77,18 +91,54 @@ export class PropertyFilterBuilderActions {
         });
     }
 }
-/** @alpha */
+/**
+ * Function to check if supplied [[PropertyFilterBuilderRuleGroupItem]] is [[PropertyFilterBuilderRuleGroup]].
+ * @internal
+ */
 export function isPropertyFilterBuilderRuleGroup(item) {
     return item.items !== undefined;
 }
-/** @alpha */
-export function usePropertyFilterBuilderState() {
-    const [state, setState] = React.useState(() => ({
-        rootGroup: createEmptyRuleGroup(),
-    }));
+/**
+ * Custom hook that creates state for [[PropertyFilterBuilder]] component. It creates empty state or initializes
+ * state from supplied initial filter.
+ * @internal
+ */
+export function usePropertyFilterBuilderState(initialFilter) {
+    const [state, setState] = React.useState(() => initialFilter ? convertFilterToState(initialFilter) : { rootGroup: createEmptyRuleGroup() });
     const [actions] = React.useState(() => new PropertyFilterBuilderActions(setState));
     return { state, actions };
 }
+/** @internal */
+export function buildPropertyFilter(groupItem) {
+    if (isPropertyFilterBuilderRuleGroup(groupItem))
+        return buildPropertyFilterFromRuleGroup(groupItem);
+    return buildPropertyFilterFromRule(groupItem);
+}
+function buildPropertyFilterFromRuleGroup(rootGroup) {
+    if (rootGroup.items.length === 0)
+        return undefined;
+    const rules = new Array();
+    for (const item of rootGroup.items) {
+        const rule = buildPropertyFilter(item);
+        if (!rule)
+            return undefined;
+        rules.push(rule);
+    }
+    if (rules.length === 1)
+        return rules[0];
+    return {
+        operator: rootGroup.operator,
+        rules,
+    };
+}
+function buildPropertyFilterFromRule(rule) {
+    const { property, operator, value } = rule;
+    if (!property || operator === undefined)
+        return undefined;
+    if (!isUnaryPropertyFilterOperator(operator) && (value === undefined || value.valueFormat !== PropertyValueFormat.Primitive || value.value === undefined))
+        return undefined;
+    return { property, operator, value };
+}
 function createEmptyRule(groupId) {
     return {
         id: Guid.createValue(),
@@ -124,4 +174,43 @@ function findRule(rootGroup, path) {
         return findRule(currentItem, rest);
     return currentItem;
 }
+function getRuleGroupItem(filter, parentId) {
+    const id = Guid.createValue();
+    if (isPropertyFilterRuleGroup(filter))
+        return {
+            id,
+            groupId: parentId,
+            operator: filter.operator,
+            items: filter.rules.map((rule) => getRuleGroupItem(rule, id)),
+        };
+    return getRuleItem(filter, id);
+}
+function getRuleItem(filter, parentId) {
+    return {
+        id: Guid.createValue(),
+        groupId: parentId,
+        property: filter.property,
+        operator: filter.operator,
+        value: filter.value,
+    };
+}
+function convertFilterToState(filter) {
+    const id = Guid.createValue();
+    if (isPropertyFilterRuleGroup(filter)) {
+        return {
+            rootGroup: {
+                id,
+                operator: filter.operator,
+                items: filter.rules.map((rule) => getRuleGroupItem(rule, id)),
+            },
+        };
+    }
+    return {
+        rootGroup: {
+            id,
+            operator: PropertyFilterRuleGroupOperator.And,
+            items: [getRuleItem(filter, id)],
+        },
+    };
+}
 //# sourceMappingURL=FilterBuilderState.js.map

package/lib/esm/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":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\nimport { Draft, produce } from \"immer\";\r\nimport * as React from \"react\";\r\nimport { PropertyDescription, PropertyValue } from \"@itwin/appui-abstract\";\r\nimport { Guid } from \"@itwin/core-bentley\";\r\nimport { isUnaryPropertyFilterOperator, PropertyFilterRuleGroupOperator, PropertyFilterRuleOperator } from \"./Operators\";\r\n\r\n/** @alpha */\r\nexport interface PropertyFilterBuilderState {\r\n  rootGroup: PropertyFilterBuilderRuleGroup;\r\n}\r\n\r\n/** @alpha */\r\nexport type PropertyFilterBuilderRuleGroupItem = PropertyFilterBuilderRuleGroup | PropertyFilterBuilderRule;\r\n\r\n/** @alpha */\r\nexport interface PropertyFilterBuilderRuleGroup {\r\n  id: string;\r\n  groupId?: string;\r\n  operator: PropertyFilterRuleGroupOperator;\r\n  items: PropertyFilterBuilderRuleGroupItem[];\r\n}\r\n\r\n/** @alpha */\r\nexport interface PropertyFilterBuilderRule {\r\n  id: string;\r\n  groupId: string;\r\n  property?: PropertyDescription;\r\n  operator?: PropertyFilterRuleOperator;\r\n  value?: PropertyValue;\r\n}\r\n\r\n/** @alpha */\r\nexport class PropertyFilterBuilderActions {\r\n  constructor(private setState: (setter: (prevState: PropertyFilterBuilderState) => PropertyFilterBuilderState) => void) {}\r\n\r\n  private updateState(updater: (state: Draft<PropertyFilterBuilderState>) => void) {\r\n    this.setState(produce(updater));\r\n  }\r\n\r\n  public addItem(path: string[], itemType: \"RULE_GROUP\" | \"RULE\") {\r\n    this.updateState((state) => {\r\n      const parentGroup = findRuleGroup(state.rootGroup, path);\r\n      if (!parentGroup)\r\n        return;\r\n      const item = itemType === \"RULE_GROUP\" ? createEmptyRuleGroup(parentGroup.id) : createEmptyRule(parentGroup.id);\r\n      parentGroup.items.push(item);\r\n    });\r\n  }\r\n\r\n  public removeItem(path: string[]) {\r\n    function removeItemFromGroup(state: Draft<PropertyFilterBuilderState>, pathToItem: string[]) {\r\n      const pathToParent = pathToItem.slice(0, -1);\r\n      const parentGroup = findRuleGroup(state.rootGroup, pathToParent);\r\n      if (!parentGroup)\r\n        return;\r\n      const itemId = pathToItem[pathToItem.length - 1];\r\n      const itemIndex = parentGroup.items.findIndex((item) => item.id === itemId);\r\n      if (itemIndex === -1)\r\n        return;\r\n      parentGroup.items.splice(itemIndex, 1);\r\n      if (parentGroup.items.length === 0)\r\n        removeItemFromGroup(state, pathToParent);\r\n    }\r\n\r\n    this.updateState((state) => {\r\n      removeItemFromGroup(state, path);\r\n    });\r\n  }\r\n\r\n  public setRuleGroupOperator(path: string[], operator: PropertyFilterRuleGroupOperator) {\r\n    this.updateState((state) => {\r\n      const group = findRuleGroup(state.rootGroup, path);\r\n      if (!group)\r\n        return;\r\n      group.operator = operator;\r\n    });\r\n  }\r\n\r\n  public setRuleProperty(path: string[], property?: PropertyDescription) {\r\n    this.updateState((state) => {\r\n      const rule = findRule(state.rootGroup, path);\r\n      if (!rule)\r\n        return;\r\n      rule.property = property;\r\n      rule.value = undefined;\r\n    });\r\n  }\r\n\r\n  public setRuleOperator(path: string[], operator: PropertyFilterRuleOperator) {\r\n    this.updateState((state) => {\r\n      const rule = findRule(state.rootGroup, path);\r\n      if (!rule)\r\n        return;\r\n      if (isUnaryPropertyFilterOperator(operator))\r\n        rule.value = undefined;\r\n      rule.operator = operator;\r\n    });\r\n  }\r\n\r\n  public setRuleValue(path: string[], value: PropertyValue) {\r\n    this.updateState((state) => {\r\n      const rule = findRule(state.rootGroup, path);\r\n      if (!rule)\r\n        return;\r\n      rule.value = value;\r\n    });\r\n  }\r\n}\r\n\r\n/** @alpha */\r\nexport function isPropertyFilterBuilderRuleGroup(item: PropertyFilterBuilderRuleGroupItem): item is PropertyFilterBuilderRuleGroup {\r\n  return (item as any).items !== undefined;\r\n}\r\n\r\n/** @alpha */\r\nexport function usePropertyFilterBuilderState() {\r\n  const [state, setState] = React.useState<PropertyFilterBuilderState>(() => ({\r\n    rootGroup: createEmptyRuleGroup(),\r\n  }));\r\n  const [actions] = React.useState(() => new PropertyFilterBuilderActions(setState));\r\n\r\n  return { state, actions };\r\n}\r\n\r\nfunction createEmptyRule(groupId: string): PropertyFilterBuilderRule {\r\n  return {\r\n    id: Guid.createValue(),\r\n    groupId,\r\n  };\r\n}\r\n\r\nfunction createEmptyRuleGroup(groupId?: string): PropertyFilterBuilderRuleGroup {\r\n  const id = Guid.createValue();\r\n  return {\r\n    id,\r\n    groupId,\r\n    operator: PropertyFilterRuleGroupOperator.And,\r\n    items: [createEmptyRule(id)],\r\n  };\r\n}\r\n\r\nfunction findRuleGroup(rootGroup: PropertyFilterBuilderRuleGroup, path: string[]): PropertyFilterBuilderRuleGroup | undefined {\r\n  if (path.length === 0)\r\n    return rootGroup;\r\n\r\n  const [currentItemId, ...rest] = path;\r\n  const currentItem = rootGroup.items.find((item) => item.id === currentItemId);\r\n  if (!currentItem || !isPropertyFilterBuilderRuleGroup(currentItem))\r\n    return undefined;\r\n\r\n  return findRuleGroup(currentItem, rest);\r\n}\r\n\r\nfunction findRule(rootGroup: PropertyFilterBuilderRuleGroup, path: string[]): PropertyFilterBuilderRule | undefined {\r\n  if (path.length === 0)\r\n    return undefined;\r\n\r\n  const [currentItemId, ...rest] = path;\r\n  const currentItem = rootGroup.items.find((item) => item.id === currentItemId);\r\n  if (!currentItem)\r\n    return undefined;\r\n\r\n  if (isPropertyFilterBuilderRuleGroup(currentItem))\r\n    return findRule(currentItem, rest);\r\n\r\n  return currentItem;\r\n}\r\n"]}
+{"version":3,"file":"FilterBuilderState.js","sourceRoot":"","sources":["../../../../src/components-react/filter-builder/FilterBuilderState.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module PropertyFilterBuilder\r\n */\r\n\r\nimport { Draft, produce } from \"immer\";\r\nimport * as React from \"react\";\r\nimport { PropertyDescription, PropertyValue, PropertyValueFormat } from \"@itwin/appui-abstract\";\r\nimport { Guid } from \"@itwin/core-bentley\";\r\nimport { isUnaryPropertyFilterOperator, PropertyFilterRuleGroupOperator, PropertyFilterRuleOperator } from \"./Operators\";\r\nimport { isPropertyFilterRuleGroup, PropertyFilter, PropertyFilterRule } from \"./Types\";\r\n\r\n/**\r\n * Data structure that describes [[PropertyFilterBuilder]] component state.\r\n * @internal\r\n */\r\nexport interface PropertyFilterBuilderState {\r\n  /** Root group of rules in [[PropertyFilterBuilder]] component. */\r\n  rootGroup: PropertyFilterBuilderRuleGroup;\r\n}\r\n\r\n/**\r\n * Type that describes [[PropertyFilterBuilder]] component group item.\r\n * @internal\r\n */\r\nexport type PropertyFilterBuilderRuleGroupItem = PropertyFilterBuilderRuleGroup | PropertyFilterBuilderRule;\r\n\r\n/**\r\n * Data structure that describes [[PropertyFilterBuilder]] component rule group.\r\n * @internal\r\n */\r\nexport interface PropertyFilterBuilderRuleGroup {\r\n  /** Id of this rule group. */\r\n  id: string;\r\n  /** Id of rule group that this group is nested in. */\r\n  groupId?: string;\r\n  /** Operator that should join items in this group. */\r\n  operator: PropertyFilterRuleGroupOperator;\r\n  /** Items in this group. */\r\n  items: PropertyFilterBuilderRuleGroupItem[];\r\n}\r\n\r\n/**\r\n * Data structure that describes [[PropertyFilterBuilder]] component single rule.\r\n * @internal\r\n */\r\nexport interface PropertyFilterBuilderRule {\r\n  /** Id of this rule. */\r\n  id: string;\r\n  /** Id of rule group that this rule is nested in. */\r\n  groupId: string;\r\n  /** Property used in this rule. */\r\n  property?: PropertyDescription;\r\n  /** Operator that should be used to compare property value. */\r\n  operator?: PropertyFilterRuleOperator;\r\n  /** Value that property should be compared to. */\r\n  value?: PropertyValue;\r\n}\r\n\r\n/**\r\n * Actions for controlling [[PropertyFilterBuilder]] component state.\r\n * @internal\r\n */\r\nexport class PropertyFilterBuilderActions {\r\n  constructor(private setState: (setter: (prevState: PropertyFilterBuilderState) => PropertyFilterBuilderState) => void) { }\r\n\r\n  private updateState(updater: (state: Draft<PropertyFilterBuilderState>) => void) {\r\n    this.setState(produce(updater));\r\n  }\r\n\r\n  /** Adds new rule or group of rules to the group specified by path. */\r\n  public addItem(path: string[], itemType: \"RULE_GROUP\" | \"RULE\") {\r\n    this.updateState((state) => {\r\n      const parentGroup = findRuleGroup(state.rootGroup, path);\r\n      if (!parentGroup)\r\n        return;\r\n      const item = itemType === \"RULE_GROUP\" ? createEmptyRuleGroup(parentGroup.id) : createEmptyRule(parentGroup.id);\r\n      parentGroup.items.push(item);\r\n    });\r\n  }\r\n\r\n  /** Removes item specified by path. */\r\n  public removeItem(path: string[]) {\r\n    function removeItemFromGroup(state: Draft<PropertyFilterBuilderState>, pathToItem: string[]) {\r\n      const pathToParent = pathToItem.slice(0, -1);\r\n      const parentGroup = findRuleGroup(state.rootGroup, pathToParent);\r\n      if (!parentGroup)\r\n        return;\r\n      const itemId = pathToItem[pathToItem.length - 1];\r\n      const itemIndex = parentGroup.items.findIndex((item) => item.id === itemId);\r\n      if (itemIndex === -1)\r\n        return;\r\n      parentGroup.items.splice(itemIndex, 1);\r\n      if (parentGroup.items.length === 0)\r\n        removeItemFromGroup(state, pathToParent);\r\n    }\r\n\r\n    this.updateState((state) => {\r\n      removeItemFromGroup(state, path);\r\n    });\r\n  }\r\n\r\n  /** Sets operator of rule group specified by the path. */\r\n  public setRuleGroupOperator(path: string[], operator: PropertyFilterRuleGroupOperator) {\r\n    this.updateState((state) => {\r\n      const group = findRuleGroup(state.rootGroup, path);\r\n      if (!group)\r\n        return;\r\n      group.operator = operator;\r\n    });\r\n  }\r\n\r\n  /** Sets property of rule specified by the path. */\r\n  public setRuleProperty(path: string[], property?: PropertyDescription) {\r\n    this.updateState((state) => {\r\n      const rule = findRule(state.rootGroup, path);\r\n      if (!rule)\r\n        return;\r\n      rule.property = property;\r\n      rule.value = undefined;\r\n    });\r\n  }\r\n\r\n  /** Sets operator of rule specified by the path. */\r\n  public setRuleOperator(path: string[], operator: PropertyFilterRuleOperator) {\r\n    this.updateState((state) => {\r\n      const rule = findRule(state.rootGroup, path);\r\n      if (!rule)\r\n        return;\r\n      if (isUnaryPropertyFilterOperator(operator))\r\n        rule.value = undefined;\r\n      rule.operator = operator;\r\n    });\r\n  }\r\n\r\n  /** Sets value of rule specified by the path. */\r\n  public setRuleValue(path: string[], value: PropertyValue) {\r\n    this.updateState((state) => {\r\n      const rule = findRule(state.rootGroup, path);\r\n      if (!rule)\r\n        return;\r\n      rule.value = value;\r\n    });\r\n  }\r\n}\r\n\r\n/**\r\n * Function to check if supplied [[PropertyFilterBuilderRuleGroupItem]] is [[PropertyFilterBuilderRuleGroup]].\r\n * @internal\r\n */\r\nexport function isPropertyFilterBuilderRuleGroup(item: PropertyFilterBuilderRuleGroupItem): item is PropertyFilterBuilderRuleGroup {\r\n  return (item as any).items !== undefined;\r\n}\r\n\r\n/**\r\n * Custom hook that creates state for [[PropertyFilterBuilder]] component. It creates empty state or initializes\r\n * state from supplied initial filter.\r\n * @internal\r\n */\r\nexport function usePropertyFilterBuilderState(initialFilter?: PropertyFilter) {\r\n  const [state, setState] = React.useState<PropertyFilterBuilderState>(\r\n    () => initialFilter ? convertFilterToState(initialFilter) : { rootGroup: createEmptyRuleGroup() }\r\n  );\r\n  const [actions] = React.useState(() => new PropertyFilterBuilderActions(setState));\r\n\r\n  return { state, actions };\r\n}\r\n\r\n/** @internal */\r\nexport function buildPropertyFilter(groupItem: PropertyFilterBuilderRuleGroupItem): PropertyFilter | undefined {\r\n  if (isPropertyFilterBuilderRuleGroup(groupItem))\r\n    return buildPropertyFilterFromRuleGroup(groupItem);\r\n  return buildPropertyFilterFromRule(groupItem);\r\n}\r\n\r\nfunction buildPropertyFilterFromRuleGroup(rootGroup: PropertyFilterBuilderRuleGroup): PropertyFilter | undefined {\r\n  if (rootGroup.items.length === 0)\r\n    return undefined;\r\n\r\n  const rules = new Array<PropertyFilter>();\r\n  for (const item of rootGroup.items) {\r\n    const rule = buildPropertyFilter(item);\r\n    if (!rule)\r\n      return undefined;\r\n    rules.push(rule);\r\n  }\r\n\r\n  if (rules.length === 1)\r\n    return rules[0];\r\n\r\n  return {\r\n    operator: rootGroup.operator,\r\n    rules,\r\n  };\r\n}\r\n\r\nfunction buildPropertyFilterFromRule(rule: PropertyFilterBuilderRule): PropertyFilter | undefined {\r\n  const { property, operator, value } = rule;\r\n  if (!property || operator === undefined)\r\n    return undefined;\r\n\r\n  if (!isUnaryPropertyFilterOperator(operator) && (value === undefined || value.valueFormat !== PropertyValueFormat.Primitive || value.value === undefined))\r\n    return undefined;\r\n\r\n  return { property, operator, value };\r\n}\r\n\r\nfunction createEmptyRule(groupId: string): PropertyFilterBuilderRule {\r\n  return {\r\n    id: Guid.createValue(),\r\n    groupId,\r\n  };\r\n}\r\n\r\nfunction createEmptyRuleGroup(groupId?: string): PropertyFilterBuilderRuleGroup {\r\n  const id = Guid.createValue();\r\n  return {\r\n    id,\r\n    groupId,\r\n    operator: PropertyFilterRuleGroupOperator.And,\r\n    items: [createEmptyRule(id)],\r\n  };\r\n}\r\n\r\nfunction findRuleGroup(rootGroup: PropertyFilterBuilderRuleGroup, path: string[]): PropertyFilterBuilderRuleGroup | undefined {\r\n  if (path.length === 0)\r\n    return rootGroup;\r\n\r\n  const [currentItemId, ...rest] = path;\r\n  const currentItem = rootGroup.items.find((item) => item.id === currentItemId);\r\n  if (!currentItem || !isPropertyFilterBuilderRuleGroup(currentItem))\r\n    return undefined;\r\n\r\n  return findRuleGroup(currentItem, rest);\r\n}\r\n\r\nfunction findRule(rootGroup: PropertyFilterBuilderRuleGroup, path: string[]): PropertyFilterBuilderRule | undefined {\r\n  if (path.length === 0)\r\n    return undefined;\r\n\r\n  const [currentItemId, ...rest] = path;\r\n  const currentItem = rootGroup.items.find((item) => item.id === currentItemId);\r\n  if (!currentItem)\r\n    return undefined;\r\n\r\n  if (isPropertyFilterBuilderRuleGroup(currentItem))\r\n    return findRule(currentItem, rest);\r\n\r\n  return currentItem;\r\n}\r\n\r\nfunction getRuleGroupItem(filter: PropertyFilter, parentId: string): PropertyFilterBuilderRuleGroupItem {\r\n  const id = Guid.createValue();\r\n  if (isPropertyFilterRuleGroup(filter))\r\n    return {\r\n      id,\r\n      groupId: parentId,\r\n      operator: filter.operator,\r\n      items: filter.rules.map((rule) => getRuleGroupItem(rule, id)),\r\n    };\r\n  return getRuleItem(filter, id);\r\n}\r\n\r\nfunction getRuleItem(filter: PropertyFilterRule, parentId: string) {\r\n  return {\r\n    id: Guid.createValue(),\r\n    groupId: parentId,\r\n    property: filter.property,\r\n    operator: filter.operator,\r\n    value: filter.value,\r\n  };\r\n}\r\n\r\nfunction convertFilterToState(filter: PropertyFilter): PropertyFilterBuilderState {\r\n  const id = Guid.createValue();\r\n  if (isPropertyFilterRuleGroup(filter)) {\r\n    return {\r\n      rootGroup: {\r\n        id,\r\n        operator: filter.operator,\r\n        items: filter.rules.map((rule) => getRuleGroupItem(rule, id)),\r\n      },\r\n    };\r\n  }\r\n  return {\r\n    rootGroup: {\r\n      id,\r\n      operator: PropertyFilterRuleGroupOperator.And,\r\n      items: [getRuleItem(filter, id)],\r\n    },\r\n  };\r\n}\r\n"]}

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

@@ -1,10 +1,19 @@
+/** @packageDocumentation
+ * @module PropertyFilterBuilder
+ */
 import { PropertyDescription } from "@itwin/appui-abstract";
-/** @alpha */
+/**
+ * Logical operator for joining rules.
+ * @beta
+ */
 export declare enum PropertyFilterRuleGroupOperator {
     And = 0,
     Or = 1
 }
-/** @alpha */
+/**
+ * Operators for comparing property value in rule.
+ * @beta
+ */
 export declare enum PropertyFilterRuleOperator {
     IsTrue = 0,
     IsFalse = 1,
@@ -18,10 +27,19 @@ export declare enum PropertyFilterRuleOperator {
     IsNull = 9,
     IsNotNull = 10
 }
-/** @alpha */
+/**
+ * Function that returns set of available operator based on property type.
+ * @beta
+ */
 export declare function getPropertyFilterOperators(property: PropertyDescription): PropertyFilterRuleOperator[];
-/** @alpha */
+/**
+ * Function that returns display label for rule operator.
+ * @beta
+ */
 export declare function getPropertyFilterOperatorLabel(operator: PropertyFilterRuleOperator): string;
-/** @alpha */
+/**
+ * Function that checks if supplied operator is unary.
+ * @beta
+ */
 export declare function isUnaryPropertyFilterOperator(operator: PropertyFilterRuleOperator): boolean;
 //# sourceMappingURL=Operators.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Operators.d.ts","sourceRoot":"","sources":["../../../../src/components-react/filter-builder/Operators.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAqB,MAAM,uBAAuB,CAAC;AAG/E,aAAa;AACb,oBAAY,+BAA+B;IACzC,GAAG,IAAA;IACH,EAAE,IAAA;CACH;AAED,aAAa;AACb,oBAAY,0BAA0B;IACpC,MAAM,IAAA;IACN,OAAO,IAAA;IAEP,OAAO,IAAA;IACP,UAAU,IAAA;IAEV,OAAO,IAAA;IACP,cAAc,IAAA;IACd,IAAI,IAAA;IACJ,WAAW,IAAA;IAEX,IAAI,IAAA;IAEJ,MAAM,IAAA;IACN,SAAS,KAAA;CACV;AAED,aAAa;AACb,wBAAgB,0BAA0B,CAAC,QAAQ,EAAE,mBAAmB,gCA2CvE;AAGD,aAAa;AACb,wBAAgB,8BAA8B,CAAC,QAAQ,EAAE,0BAA0B,UAyBlF;AAED,aAAa;AACb,wBAAgB,6BAA6B,CAAC,QAAQ,EAAE,0BAA0B,WASjF"}
+{"version":3,"file":"Operators.d.ts","sourceRoot":"","sources":["../../../../src/components-react/filter-builder/Operators.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,mBAAmB,EAAqB,MAAM,uBAAuB,CAAC;AAG/E;;;GAGG;AACH,oBAAY,+BAA+B;IACzC,GAAG,IAAA;IACH,EAAE,IAAA;CACH;AAED;;;GAGG;AACH,oBAAY,0BAA0B;IACpC,MAAM,IAAA;IACN,OAAO,IAAA;IAEP,OAAO,IAAA;IACP,UAAU,IAAA;IAEV,OAAO,IAAA;IACP,cAAc,IAAA;IACd,IAAI,IAAA;IACJ,WAAW,IAAA;IAEX,IAAI,IAAA;IAEJ,MAAM,IAAA;IACN,SAAS,KAAA;CACV;AAED;;;GAGG;AACH,wBAAgB,0BAA0B,CAAC,QAAQ,EAAE,mBAAmB,gCA2CvE;AAGD;;;GAGG;AACH,wBAAgB,8BAA8B,CAAC,QAAQ,EAAE,0BAA0B,UAyBlF;AAED;;;GAGG;AACH,wBAAgB,6BAA6B,CAAC,QAAQ,EAAE,0BAA0B,WASjF"}

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

@@ -2,15 +2,24 @@
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module PropertyFilterBuilder
+ */
 import { StandardTypeNames } from "@itwin/appui-abstract";
 import { UiComponents } from "../UiComponents";
-/** @alpha */
+/**
+ * Logical operator for joining rules.
+ * @beta
+ */
 export var PropertyFilterRuleGroupOperator;
 (function (PropertyFilterRuleGroupOperator) {
     PropertyFilterRuleGroupOperator[PropertyFilterRuleGroupOperator["And"] = 0] = "And";
     PropertyFilterRuleGroupOperator[PropertyFilterRuleGroupOperator["Or"] = 1] = "Or";
 })(PropertyFilterRuleGroupOperator || (PropertyFilterRuleGroupOperator = {}));
-/** @alpha */
+/**
+ * Operators for comparing property value in rule.
+ * @beta
+ */
 export var PropertyFilterRuleOperator;
 (function (PropertyFilterRuleOperator) {
     PropertyFilterRuleOperator[PropertyFilterRuleOperator["IsTrue"] = 0] = "IsTrue";
@@ -25,7 +34,10 @@ export var PropertyFilterRuleOperator;
     PropertyFilterRuleOperator[PropertyFilterRuleOperator["IsNull"] = 9] = "IsNull";
     PropertyFilterRuleOperator[PropertyFilterRuleOperator["IsNotNull"] = 10] = "IsNotNull";
 })(PropertyFilterRuleOperator || (PropertyFilterRuleOperator = {}));
-/** @alpha */
+/**
+ * Function that returns set of available operator based on property type.
+ * @beta
+ */
 export function getPropertyFilterOperators(property) {
     const typename = property.typename;
     if (typename === StandardTypeNames.Bool || typename === StandardTypeNames.Boolean) {
@@ -66,7 +78,10 @@ export function getPropertyFilterOperators(property) {
     return operators;
 }
 /* istanbul ignore next */
-/** @alpha */
+/**
+ * Function that returns display label for rule operator.
+ * @beta
+ */
 export function getPropertyFilterOperatorLabel(operator) {
     switch (operator) {
         case PropertyFilterRuleOperator.IsTrue:
@@ -93,7 +108,10 @@ export function getPropertyFilterOperatorLabel(operator) {
             return UiComponents.translate("filterBuilder.operators.isNotNull");
     }
 }
-/** @alpha */
+/**
+ * Function that checks if supplied operator is unary.
+ * @beta
+ */
 export function isUnaryPropertyFilterOperator(operator) {
     switch (operator) {
         case PropertyFilterRuleOperator.IsTrue:

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":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\nimport { PropertyDescription, StandardTypeNames } from \"@itwin/appui-abstract\";\r\nimport { UiComponents } from \"../UiComponents\";\r\n\r\n/** @alpha */\r\nexport enum PropertyFilterRuleGroupOperator {\r\n  And,\r\n  Or,\r\n}\r\n\r\n/** @alpha */\r\nexport enum PropertyFilterRuleOperator {\r\n  IsTrue,\r\n  IsFalse,\r\n\r\n  IsEqual,\r\n  IsNotEqual,\r\n\r\n  Greater,\r\n  GreaterOrEqual,\r\n  Less,\r\n  LessOrEqual,\r\n\r\n  Like,\r\n\r\n  IsNull,\r\n  IsNotNull,\r\n}\r\n\r\n/** @alpha */\r\nexport function getPropertyFilterOperators(property: PropertyDescription) {\r\n  const typename = property.typename;\r\n\r\n  if (typename === StandardTypeNames.Bool || typename === StandardTypeNames.Boolean) {\r\n    return [\r\n      PropertyFilterRuleOperator.IsTrue,\r\n      PropertyFilterRuleOperator.IsFalse,\r\n    ];\r\n  }\r\n\r\n  const operators = [\r\n    PropertyFilterRuleOperator.IsEqual,\r\n    PropertyFilterRuleOperator.IsNotEqual,\r\n    PropertyFilterRuleOperator.IsNull,\r\n    PropertyFilterRuleOperator.IsNotNull,\r\n  ];\r\n\r\n  if (typename === StandardTypeNames.Number\r\n    || typename === StandardTypeNames.Int\r\n    || typename === StandardTypeNames.Integer\r\n    || typename === StandardTypeNames.Double\r\n    || typename === StandardTypeNames.Float\r\n    || typename === StandardTypeNames.Hex\r\n    || typename === StandardTypeNames.Hexadecimal\r\n    || typename === StandardTypeNames.ShortDate\r\n    || typename === StandardTypeNames.DateTime) {\r\n    return [\r\n      ...operators,\r\n      PropertyFilterRuleOperator.Greater,\r\n      PropertyFilterRuleOperator.GreaterOrEqual,\r\n      PropertyFilterRuleOperator.Less,\r\n      PropertyFilterRuleOperator.LessOrEqual,\r\n    ];\r\n  }\r\n\r\n  if (typename === StandardTypeNames.String || typename === StandardTypeNames.Text) {\r\n    return [\r\n      ...operators,\r\n      PropertyFilterRuleOperator.Like,\r\n    ];\r\n  }\r\n\r\n  return operators;\r\n}\r\n\r\n/* istanbul ignore next */\r\n/** @alpha */\r\nexport function getPropertyFilterOperatorLabel(operator: PropertyFilterRuleOperator) {\r\n  switch(operator) {\r\n    case PropertyFilterRuleOperator.IsTrue:\r\n      return UiComponents.translate(\"filterBuilder.operators.isTrue\");\r\n    case PropertyFilterRuleOperator.IsFalse:\r\n      return UiComponents.translate(\"filterBuilder.operators.isFalse\");\r\n    case PropertyFilterRuleOperator.IsEqual:\r\n      return UiComponents.translate(\"filterBuilder.operators.equal\");\r\n    case PropertyFilterRuleOperator.IsNotEqual:\r\n      return UiComponents.translate(\"filterBuilder.operators.notEqual\");\r\n    case PropertyFilterRuleOperator.Greater:\r\n      return \">\";\r\n    case PropertyFilterRuleOperator.GreaterOrEqual:\r\n      return \">=\";\r\n    case PropertyFilterRuleOperator.Less:\r\n      return \"<\";\r\n    case PropertyFilterRuleOperator.LessOrEqual:\r\n      return \"<=\";\r\n    case PropertyFilterRuleOperator.Like:\r\n      return UiComponents.translate(\"filterBuilder.operators.contains\");\r\n    case PropertyFilterRuleOperator.IsNull:\r\n      return UiComponents.translate(\"filterBuilder.operators.isNull\");\r\n    case PropertyFilterRuleOperator.IsNotNull:\r\n      return UiComponents.translate(\"filterBuilder.operators.isNotNull\");\r\n  }\r\n}\r\n\r\n/** @alpha */\r\nexport function isUnaryPropertyFilterOperator(operator: PropertyFilterRuleOperator) {\r\n  switch (operator) {\r\n    case PropertyFilterRuleOperator.IsTrue:\r\n    case PropertyFilterRuleOperator.IsFalse:\r\n    case PropertyFilterRuleOperator.IsNull:\r\n    case PropertyFilterRuleOperator.IsNotNull:\r\n      return true;\r\n  }\r\n  return false;\r\n}\r\n"]}
+{"version":3,"file":"Operators.js","sourceRoot":"","sources":["../../../../src/components-react/filter-builder/Operators.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module PropertyFilterBuilder\r\n */\r\n\r\nimport { PropertyDescription, StandardTypeNames } from \"@itwin/appui-abstract\";\r\nimport { UiComponents } from \"../UiComponents\";\r\n\r\n/**\r\n * Logical operator for joining rules.\r\n * @beta\r\n */\r\nexport enum PropertyFilterRuleGroupOperator {\r\n  And,\r\n  Or,\r\n}\r\n\r\n/**\r\n * Operators for comparing property value in rule.\r\n * @beta\r\n */\r\nexport enum PropertyFilterRuleOperator {\r\n  IsTrue,\r\n  IsFalse,\r\n\r\n  IsEqual,\r\n  IsNotEqual,\r\n\r\n  Greater,\r\n  GreaterOrEqual,\r\n  Less,\r\n  LessOrEqual,\r\n\r\n  Like,\r\n\r\n  IsNull,\r\n  IsNotNull,\r\n}\r\n\r\n/**\r\n * Function that returns set of available operator based on property type.\r\n * @beta\r\n */\r\nexport function getPropertyFilterOperators(property: PropertyDescription) {\r\n  const typename = property.typename;\r\n\r\n  if (typename === StandardTypeNames.Bool || typename === StandardTypeNames.Boolean) {\r\n    return [\r\n      PropertyFilterRuleOperator.IsTrue,\r\n      PropertyFilterRuleOperator.IsFalse,\r\n    ];\r\n  }\r\n\r\n  const operators = [\r\n    PropertyFilterRuleOperator.IsEqual,\r\n    PropertyFilterRuleOperator.IsNotEqual,\r\n    PropertyFilterRuleOperator.IsNull,\r\n    PropertyFilterRuleOperator.IsNotNull,\r\n  ];\r\n\r\n  if (typename === StandardTypeNames.Number\r\n    || typename === StandardTypeNames.Int\r\n    || typename === StandardTypeNames.Integer\r\n    || typename === StandardTypeNames.Double\r\n    || typename === StandardTypeNames.Float\r\n    || typename === StandardTypeNames.Hex\r\n    || typename === StandardTypeNames.Hexadecimal\r\n    || typename === StandardTypeNames.ShortDate\r\n    || typename === StandardTypeNames.DateTime) {\r\n    return [\r\n      ...operators,\r\n      PropertyFilterRuleOperator.Greater,\r\n      PropertyFilterRuleOperator.GreaterOrEqual,\r\n      PropertyFilterRuleOperator.Less,\r\n      PropertyFilterRuleOperator.LessOrEqual,\r\n    ];\r\n  }\r\n\r\n  if (typename === StandardTypeNames.String || typename === StandardTypeNames.Text) {\r\n    return [\r\n      ...operators,\r\n      PropertyFilterRuleOperator.Like,\r\n    ];\r\n  }\r\n\r\n  return operators;\r\n}\r\n\r\n/* istanbul ignore next */\r\n/**\r\n * Function that returns display label for rule operator.\r\n * @beta\r\n */\r\nexport function getPropertyFilterOperatorLabel(operator: PropertyFilterRuleOperator) {\r\n  switch (operator) {\r\n    case PropertyFilterRuleOperator.IsTrue:\r\n      return UiComponents.translate(\"filterBuilder.operators.isTrue\");\r\n    case PropertyFilterRuleOperator.IsFalse:\r\n      return UiComponents.translate(\"filterBuilder.operators.isFalse\");\r\n    case PropertyFilterRuleOperator.IsEqual:\r\n      return UiComponents.translate(\"filterBuilder.operators.equal\");\r\n    case PropertyFilterRuleOperator.IsNotEqual:\r\n      return UiComponents.translate(\"filterBuilder.operators.notEqual\");\r\n    case PropertyFilterRuleOperator.Greater:\r\n      return \">\";\r\n    case PropertyFilterRuleOperator.GreaterOrEqual:\r\n      return \">=\";\r\n    case PropertyFilterRuleOperator.Less:\r\n      return \"<\";\r\n    case PropertyFilterRuleOperator.LessOrEqual:\r\n      return \"<=\";\r\n    case PropertyFilterRuleOperator.Like:\r\n      return UiComponents.translate(\"filterBuilder.operators.contains\");\r\n    case PropertyFilterRuleOperator.IsNull:\r\n      return UiComponents.translate(\"filterBuilder.operators.isNull\");\r\n    case PropertyFilterRuleOperator.IsNotNull:\r\n      return UiComponents.translate(\"filterBuilder.operators.isNotNull\");\r\n  }\r\n}\r\n\r\n/**\r\n * Function that checks if supplied operator is unary.\r\n * @beta\r\n */\r\nexport function isUnaryPropertyFilterOperator(operator: PropertyFilterRuleOperator) {\r\n  switch (operator) {\r\n    case PropertyFilterRuleOperator.IsTrue:\r\n    case PropertyFilterRuleOperator.IsFalse:\r\n    case PropertyFilterRuleOperator.IsNull:\r\n    case PropertyFilterRuleOperator.IsNotNull:\r\n      return true;\r\n  }\r\n  return false;\r\n}\r\n"]}

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

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

package/lib/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,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3E,OAAO,EAAE,+BAA+B,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AAE1F,aAAa;AACb,oBAAY,cAAc,GAAG,kBAAkB,GAAG,uBAAuB,CAAC;AAE1E,aAAa;AACb,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,+BAA+B,CAAC;IAC1C,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC;CAC9B;AAED,aAAa;AACb,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,QAAQ,EAAE,0BAA0B,CAAC;IACrC,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,aAAa;AACb,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,cAAc,GAAG,MAAM,IAAI,uBAAuB,CAEnG"}
+{"version":3,"file":"Types.d.ts","sourceRoot":"","sources":["../../../../src/components-react/filter-builder/Types.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3E,OAAO,EAAE,+BAA+B,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AAE1F;;;GAGG;AACH,oBAAY,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,CAAC,MAAM,EAAE,cAAc,GAAG,MAAM,IAAI,uBAAuB,CAEnG"}

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

@@ -1,4 +1,14 @@
-/** @alpha */
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module PropertyFilterBuilder
+ */
+/**
+ * Function that checks if supplied filter is rule group.
+ * @beta
+ */
 export function isPropertyFilterRuleGroup(filter) {
     return filter.rules !== undefined;
 }

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":"AAuBA,aAAa;AACb,MAAM,UAAU,yBAAyB,CAAC,MAAsB;IAC9D,OAAQ,MAAc,CAAC,KAAK,KAAK,SAAS,CAAC;AAC7C,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\nimport { PropertyDescription, PropertyValue } from \"@itwin/appui-abstract\";\r\nimport { PropertyFilterRuleGroupOperator, PropertyFilterRuleOperator } from \"./Operators\";\r\n\r\n/** @alpha */\r\nexport type PropertyFilter = PropertyFilterRule | PropertyFilterRuleGroup;\r\n\r\n/** @alpha */\r\nexport interface PropertyFilterRuleGroup {\r\n  operator: PropertyFilterRuleGroupOperator;\r\n  rules: Array<PropertyFilter>;\r\n}\r\n\r\n/** @alpha */\r\nexport interface PropertyFilterRule {\r\n  property: PropertyDescription;\r\n  operator: PropertyFilterRuleOperator;\r\n  value?: PropertyValue;\r\n}\r\n\r\n/** @alpha */\r\nexport function isPropertyFilterRuleGroup(filter: PropertyFilter): filter is PropertyFilterRuleGroup {\r\n  return (filter as any).rules !== undefined;\r\n}\r\n"]}
+{"version":3,"file":"Types.js","sourceRoot":"","sources":["../../../../src/components-react/filter-builder/Types.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAmCH;;;GAGG;AACH,MAAM,UAAU,yBAAyB,CAAC,MAAsB;IAC9D,OAAQ,MAAc,CAAC,KAAK,KAAK,SAAS,CAAC;AAC7C,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module PropertyFilterBuilder\r\n */\r\n\r\nimport { PropertyDescription, PropertyValue } from \"@itwin/appui-abstract\";\r\nimport { PropertyFilterRuleGroupOperator, PropertyFilterRuleOperator } from \"./Operators\";\r\n\r\n/**\r\n * Type that describes property filter.\r\n * @beta\r\n */\r\nexport type PropertyFilter = PropertyFilterRule | PropertyFilterRuleGroup;\r\n\r\n/**\r\n * Data structure that describes group of filter rules.\r\n * @beta\r\n */\r\nexport interface PropertyFilterRuleGroup {\r\n  /** Operator that should join rules in this group. */\r\n  operator: PropertyFilterRuleGroupOperator;\r\n  /** Rules in this group. */\r\n  rules: Array<PropertyFilter>;\r\n}\r\n\r\n/**\r\n * Data structure that describes single filter rule.\r\n * @beta\r\n */\r\nexport interface PropertyFilterRule {\r\n  /** Property used in this rule. */\r\n  property: PropertyDescription;\r\n  /** Operator that should be used to compare property value. */\r\n  operator: PropertyFilterRuleOperator;\r\n  /** Value that property should be compared to. */\r\n  value?: PropertyValue;\r\n}\r\n\r\n/**\r\n * Function that checks if supplied filter is rule group.\r\n * @beta\r\n */\r\nexport function isPropertyFilterRuleGroup(filter: PropertyFilter): filter is PropertyFilterRuleGroup {\r\n  return (filter as any).rules !== undefined;\r\n}\r\n"]}

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

@@ -94,7 +94,7 @@ export class FilteringInput extends React.PureComponent {
         // TODO: What is filtering-input-preload-images?
         React.createElement("div", { className: classnames("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(Input, { type: "text", placeholder: UiComponents.translate("filteringInput:placeholder"), 
+                React.createElement(Input, { type: "text", placeholder: 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": UiCore.translate("general.search"), size: "small" }),
                 React.createElement("span", { className: "components-filtering-input-input-components" },

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

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

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

@@ -5,7 +5,7 @@ import "./IconPickerButton.scss";
 import * as React from "react";
 import { CommonProps } from "@itwin/core-react";
 /** Properties for the [[IconPicker]] React component
- * @alpha @deprecated
+ * @alpha @deprecated in 3.0.
  */
 export interface IconPickerProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, CommonProps {
     /** active string */
@@ -29,7 +29,7 @@ interface IconPickerState {
     icon: string;
 }
 /** IconPickerButton component
- * @alpha @deprecated
+ * @alpha @deprecated in 3.0.
  */
 export declare class IconPickerButton extends React.PureComponent<IconPickerProps, IconPickerState> {
     private _target;

package/lib/esm/components-react/iconpicker/IconPickerButton.js

@@ -12,7 +12,7 @@ import * as React from "react";
 import { RelativePosition } from "@itwin/appui-abstract";
 import { Popup, SvgSprite } from "@itwin/core-react";
 /** IconItem Functional component
- * @alpha @deprecated
+ * @alpha @deprecated in 3.0.
  */
 // istanbul ignore next
 class IconItem extends React.PureComponent {
@@ -35,7 +35,7 @@ class IconItem extends React.PureComponent {
     }
 }
 /** IconPickerButton component
- * @alpha @deprecated
+ * @alpha @deprecated in 3.0.
  */
 // istanbul ignore next
 export class IconPickerButton extends React.PureComponent {

package/lib/esm/components-react/iconpicker/IconPickerButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconPickerButton.js","sourceRoot":"","sources":["../../../../src/components-react/iconpicker/IconPickerButton.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module IconPicker\r\n */\r\n\r\nimport \"./IconPickerButton.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { RelativePosition } from \"@itwin/appui-abstract\";\r\nimport { CommonProps, Popup, SvgSprite } from \"@itwin/core-react\";\r\n\r\n/** Properties for the [[IconItem]] React component\r\n * @alpha @deprecated\r\n */\r\ninterface IconItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, CommonProps {\r\n  /** icon specification */\r\n  icon: string;\r\n  /** function to run when user selects icon */\r\n  onClick?: () => void;\r\n}\r\n\r\n/** IconItem Functional component\r\n * @alpha @deprecated\r\n */\r\n// istanbul ignore next\r\nclass IconItem extends React.PureComponent<IconItemProps> {\r\n  /** @internal */\r\n  constructor(props: IconItemProps) {\r\n    super(props);\r\n  }\r\n\r\n  public override render() {\r\n    const {\r\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n      onClick, icon, // do not pass on item specific props\r\n      ...otherProps\r\n    } = this.props;\r\n\r\n    const handleClick = (_e: React.MouseEvent) => {\r\n      if (onClick)\r\n        onClick();\r\n    };\r\n\r\n    const classes = classnames(\"components-icon-swatch\", this.props.className);\r\n\r\n    return (\r\n      <button {...otherProps} className={classes} style={this.props.style} onClick={handleClick}>\r\n        <SvgSprite src={this.props.icon} />\r\n      </button>\r\n    );\r\n  }\r\n}\r\n\r\n/** Properties for the [[IconPicker]] React component\r\n * @alpha @deprecated\r\n */\r\n// istanbul ignore next\r\nexport interface IconPickerProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, CommonProps {\r\n  /** active string */\r\n  icon: string;\r\n  /** available icons */\r\n  icons: string[];\r\n  /** function to run when user selects icon */\r\n  onIconChange?: ((icon: string) => void) | undefined;\r\n  /** Disabled or not */\r\n  disabled?: boolean;\r\n  /** Readonly or not */\r\n  readonly?: boolean;\r\n  /** Title to show at top of DropDown */\r\n  dropDownTitle?: string;\r\n  /** Number of columns */\r\n  numColumns: number;\r\n}\r\n\r\n/** @internal */\r\ninterface IconPickerState {\r\n  showPopup: boolean;\r\n  icon: string;\r\n}\r\n\r\n/** IconPickerButton component\r\n * @alpha @deprecated\r\n */\r\n// istanbul ignore next\r\nexport class IconPickerButton extends React.PureComponent<IconPickerProps, IconPickerState> {\r\n  private _target = React.createRef<HTMLButtonElement>();\r\n\r\n  /** @internal */\r\n  public static defaultProps: Partial<IconPickerProps> = {\r\n    numColumns: 4,\r\n  };\r\n\r\n  /** @internal */\r\n  constructor(props: IconPickerProps) {\r\n    super(props);\r\n\r\n    this.state = { showPopup: false, icon: this.props.icon };\r\n  }\r\n\r\n  private _togglePopup = () => {\r\n    if (this.props.readonly)\r\n      return;\r\n\r\n    this.setState((prevState) => ({ showPopup: !prevState.showPopup }));\r\n  };\r\n\r\n  private _closePopup = () => {\r\n    this.setState({ showPopup: false });\r\n  };\r\n\r\n  private _handleIconPicked = (icon: string) => {\r\n    this.setState(\r\n      { showPopup: false, icon },\r\n      () => {\r\n        // istanbul ignore else\r\n        if (this.props.onIconChange)\r\n          this.props.onIconChange(icon);\r\n      });\r\n  };\r\n\r\n  private renderPopup(title: string | undefined) {\r\n    const containerStyle: React.CSSProperties = { gridTemplateColumns: `repeat(${this.props.numColumns}, 1fr)` };\r\n    return (\r\n      <div className=\"components-iconpicker-popup-container\">\r\n        {title && <h4>{title}</h4>}\r\n        <div data-testid=\"components-iconpicker-popup-icons\" className=\"components-iconpicker-popup-icons\" style={containerStyle}>\r\n          {this.props.icons.map((icon: string, index: number) => <IconItem key={index} icon={icon} onClick={this._handleIconPicked.bind(this, icon)} />)}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    const buttonStyle = { ...this.props.style } as React.CSSProperties;\r\n    const buttonClassNames = classnames(\"components-iconpicker-button\",\r\n      this.props.readonly && \"readonly\",\r\n      this.props.className,\r\n    );\r\n\r\n    return (\r\n      <>\r\n        <button data-testid=\"components-iconpicker-button\" onClick={this._togglePopup} className={buttonClassNames} style={buttonStyle} disabled={this.props.disabled} ref={this._target}>\r\n          <SvgSprite className=\"iconpicker-button-sprite\" src={this.state.icon} />\r\n          <span className=\"icon icon-chevron-down\" />\r\n        </button>\r\n        <Popup\r\n          className=\"components-iconpicker-popup\"\r\n          isOpen={this.state.showPopup}\r\n          position={RelativePosition.BottomLeft}\r\n          onClose={this._closePopup}\r\n          target={this._target.current}>\r\n          {this.renderPopup(this.props.dropDownTitle)}\r\n        </Popup>\r\n      </>\r\n    );\r\n  }\r\n\r\n}\r\n"]}
+{"version":3,"file":"IconPickerButton.js","sourceRoot":"","sources":["../../../../src/components-react/iconpicker/IconPickerButton.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module IconPicker\r\n */\r\n\r\nimport \"./IconPickerButton.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { RelativePosition } from \"@itwin/appui-abstract\";\r\nimport { CommonProps, Popup, SvgSprite } from \"@itwin/core-react\";\r\n\r\n/** Properties for the [[IconItem]] React component\r\n * @alpha @deprecated in 3.0.\r\n */\r\ninterface IconItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, CommonProps {\r\n  /** icon specification */\r\n  icon: string;\r\n  /** function to run when user selects icon */\r\n  onClick?: () => void;\r\n}\r\n\r\n/** IconItem Functional component\r\n * @alpha @deprecated in 3.0.\r\n */\r\n// istanbul ignore next\r\nclass IconItem extends React.PureComponent<IconItemProps> {\r\n  /** @internal */\r\n  constructor(props: IconItemProps) {\r\n    super(props);\r\n  }\r\n\r\n  public override render() {\r\n    const {\r\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n      onClick, icon, // do not pass on item specific props\r\n      ...otherProps\r\n    } = this.props;\r\n\r\n    const handleClick = (_e: React.MouseEvent) => {\r\n      if (onClick)\r\n        onClick();\r\n    };\r\n\r\n    const classes = classnames(\"components-icon-swatch\", this.props.className);\r\n\r\n    return (\r\n      <button {...otherProps} className={classes} style={this.props.style} onClick={handleClick}>\r\n        <SvgSprite src={this.props.icon} />\r\n      </button>\r\n    );\r\n  }\r\n}\r\n\r\n/** Properties for the [[IconPicker]] React component\r\n * @alpha @deprecated in 3.0.\r\n */\r\n// istanbul ignore next\r\nexport interface IconPickerProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, CommonProps {\r\n  /** active string */\r\n  icon: string;\r\n  /** available icons */\r\n  icons: string[];\r\n  /** function to run when user selects icon */\r\n  onIconChange?: ((icon: string) => void) | undefined;\r\n  /** Disabled or not */\r\n  disabled?: boolean;\r\n  /** Readonly or not */\r\n  readonly?: boolean;\r\n  /** Title to show at top of DropDown */\r\n  dropDownTitle?: string;\r\n  /** Number of columns */\r\n  numColumns: number;\r\n}\r\n\r\n/** @internal */\r\ninterface IconPickerState {\r\n  showPopup: boolean;\r\n  icon: string;\r\n}\r\n\r\n/** IconPickerButton component\r\n * @alpha @deprecated in 3.0.\r\n */\r\n// istanbul ignore next\r\nexport class IconPickerButton extends React.PureComponent<IconPickerProps, IconPickerState> {\r\n  private _target = React.createRef<HTMLButtonElement>();\r\n\r\n  /** @internal */\r\n  public static defaultProps: Partial<IconPickerProps> = {\r\n    numColumns: 4,\r\n  };\r\n\r\n  /** @internal */\r\n  constructor(props: IconPickerProps) {\r\n    super(props);\r\n\r\n    this.state = { showPopup: false, icon: this.props.icon };\r\n  }\r\n\r\n  private _togglePopup = () => {\r\n    if (this.props.readonly)\r\n      return;\r\n\r\n    this.setState((prevState) => ({ showPopup: !prevState.showPopup }));\r\n  };\r\n\r\n  private _closePopup = () => {\r\n    this.setState({ showPopup: false });\r\n  };\r\n\r\n  private _handleIconPicked = (icon: string) => {\r\n    this.setState(\r\n      { showPopup: false, icon },\r\n      () => {\r\n        // istanbul ignore else\r\n        if (this.props.onIconChange)\r\n          this.props.onIconChange(icon);\r\n      });\r\n  };\r\n\r\n  private renderPopup(title: string | undefined) {\r\n    const containerStyle: React.CSSProperties = { gridTemplateColumns: `repeat(${this.props.numColumns}, 1fr)` };\r\n    return (\r\n      <div className=\"components-iconpicker-popup-container\">\r\n        {title && <h4>{title}</h4>}\r\n        <div data-testid=\"components-iconpicker-popup-icons\" className=\"components-iconpicker-popup-icons\" style={containerStyle}>\r\n          {this.props.icons.map((icon: string, index: number) => <IconItem key={index} icon={icon} onClick={this._handleIconPicked.bind(this, icon)} />)}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    const buttonStyle = { ...this.props.style } as React.CSSProperties;\r\n    const buttonClassNames = classnames(\"components-iconpicker-button\",\r\n      this.props.readonly && \"readonly\",\r\n      this.props.className,\r\n    );\r\n\r\n    return (\r\n      <>\r\n        <button data-testid=\"components-iconpicker-button\" onClick={this._togglePopup} className={buttonClassNames} style={buttonStyle} disabled={this.props.disabled} ref={this._target}>\r\n          <SvgSprite className=\"iconpicker-button-sprite\" src={this.state.icon} />\r\n          <span className=\"icon icon-chevron-down\" />\r\n        </button>\r\n        <Popup\r\n          className=\"components-iconpicker-popup\"\r\n          isOpen={this.state.showPopup}\r\n          position={RelativePosition.BottomLeft}\r\n          onClose={this._closePopup}\r\n          target={this._target.current}>\r\n          {this.renderPopup(this.props.dropDownTitle)}\r\n        </Popup>\r\n      </>\r\n    );\r\n  }\r\n\r\n}\r\n"]}