@itwin/components-react 3.3.0-dev.8 → 3.3.0-dev.82

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

@@ -0,0 +1,52 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PropertyFilterBuilderRuleProperty = void 0;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+const React = __importStar(require("react"));
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const UiComponents_1 = require("../UiComponents");
+/** @alpha */
+function PropertyFilterBuilderRuleProperty(props) {
+    const { selectedProperty, properties, onSelectedPropertyChanged } = props;
+    const selectOptions = React.useMemo(() => properties.map((property) => ({
+        id: property.name,
+        label: property.displayLabel,
+        value: property.name,
+    })), [properties]);
+    const onPropertyChanged = React.useCallback((name) => {
+        onSelectedPropertyChanged(properties.find((property) => property.name === name));
+    }, [properties, onSelectedPropertyChanged]);
+    React.useEffect(() => {
+        const currentSelectedProperty = properties.find((property) => property.name === (selectedProperty === null || selectedProperty === void 0 ? void 0 : selectedProperty.name));
+        if ((currentSelectedProperty === null || currentSelectedProperty === void 0 ? void 0 : currentSelectedProperty.name) !== (selectedProperty === null || selectedProperty === void 0 ? void 0 : selectedProperty.name))
+            onSelectedPropertyChanged(currentSelectedProperty);
+    }, [properties, selectedProperty, onSelectedPropertyChanged]);
+    return React.createElement("div", { className: "rule-property" },
+        React.createElement(itwinui_react_1.ComboBox, { options: selectOptions, onChange: onPropertyChanged, value: selectedProperty === null || selectedProperty === void 0 ? void 0 : selectedProperty.name, inputProps: {
+                placeholder: UiComponents_1.UiComponents.translate("filterBuilder.chooseProperty"),
+            } }));
+}
+exports.PropertyFilterBuilderRuleProperty = PropertyFilterBuilderRuleProperty;
+//# sourceMappingURL=FilterBuilderRuleProperty.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBuilderRuleProperty.js","sourceRoot":"","sources":["../../../../src/components-react/filter-builder/FilterBuilderRuleProperty.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,6CAA+B;AAE/B,wDAA8D;AAC9D,kDAA+C;AAS/C,aAAa;AACb,SAAgB,iCAAiC,CAAC,KAA6C;IAC7F,MAAM,EAAE,gBAAgB,EAAE,UAAU,EAAE,yBAAyB,EAAE,GAAG,KAAK,CAAC;IAE1E,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAyB,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;QAC9F,EAAE,EAAE,QAAQ,CAAC,IAAI;QACjB,KAAK,EAAE,QAAQ,CAAC,YAAY;QAC5B,KAAK,EAAE,QAAQ,CAAC,IAAI;KACrB,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEnB,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,IAAY,EAAE,EAAE;QAC3D,yBAAyB,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC;IACnF,CAAC,EAAE,CAAC,UAAU,EAAE,yBAAyB,CAAC,CAAC,CAAC;IAE5C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,uBAAuB,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,MAAK,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,CAAA,CAAC,CAAC;QACxG,IAAI,CAAA,uBAAuB,aAAvB,uBAAuB,uBAAvB,uBAAuB,CAAE,IAAI,OAAK,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,CAAA;YAC1D,yBAAyB,CAAC,uBAAuB,CAAC,CAAC;IACvD,CAAC,EAAE,CAAC,UAAU,EAAE,gBAAgB,EAAE,yBAAyB,CAAC,CAAC,CAAC;IAE9D,OAAO,6BAAK,SAAS,EAAC,eAAe;QACnC,oBAAC,wBAAQ,IACP,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,iBAAiB,EAC3B,KAAK,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,EAC7B,UAAU,EAAE;gBACV,WAAW,EAAE,2BAAY,CAAC,SAAS,CAAC,8BAA8B,CAAC;aACpE,GACD,CACE,CAAC;AACT,CAAC;AA7BD,8EA6BC","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 * as React from \"react\";\r\nimport { PropertyDescription } from \"@itwin/appui-abstract\";\r\nimport { ComboBox, SelectOption } from \"@itwin/itwinui-react\";\r\nimport { UiComponents } from \"../UiComponents\";\r\n\r\n/** @alpha */\r\nexport interface PropertyFilterBuilderRulePropertyProps {\r\n  properties: PropertyDescription[];\r\n  selectedProperty?: PropertyDescription;\r\n  onSelectedPropertyChanged: (property?: PropertyDescription) => void;\r\n}\r\n\r\n/** @alpha */\r\nexport function PropertyFilterBuilderRuleProperty(props: PropertyFilterBuilderRulePropertyProps) {\r\n  const { selectedProperty, properties, onSelectedPropertyChanged } = props;\r\n\r\n  const selectOptions = React.useMemo<SelectOption<string>[]>(() => properties.map((property) => ({\r\n    id: property.name,\r\n    label: property.displayLabel,\r\n    value: property.name,\r\n  })), [properties]);\r\n\r\n  const onPropertyChanged = React.useCallback((name: string) => {\r\n    onSelectedPropertyChanged(properties.find((property) => property.name === name));\r\n  }, [properties, onSelectedPropertyChanged]);\r\n\r\n  React.useEffect(() => {\r\n    const currentSelectedProperty = properties.find((property) => property.name === selectedProperty?.name);\r\n    if (currentSelectedProperty?.name !== selectedProperty?.name)\r\n      onSelectedPropertyChanged(currentSelectedProperty);\r\n  }, [properties, selectedProperty, onSelectedPropertyChanged]);\r\n\r\n  return <div className=\"rule-property\">\r\n    <ComboBox\r\n      options={selectOptions}\r\n      onChange={onPropertyChanged}\r\n      value={selectedProperty?.name}\r\n      inputProps={{\r\n        placeholder: UiComponents.translate(\"filterBuilder.chooseProperty\"),\r\n      }}\r\n    />\r\n  </div>;\r\n}\r\n"]}

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { PropertyDescription, PropertyValue } from "@itwin/appui-abstract";
+/** @alpha */
+export interface PropertyFilterBuilderRuleValueProps {
+    value?: PropertyValue;
+    property: PropertyDescription;
+    onChange: (value: PropertyValue) => void;
+}
+/** @alpha */
+export declare function PropertyFilterBuilderRuleValue(props: PropertyFilterBuilderRuleValueProps): JSX.Element;
+//# sourceMappingURL=FilterBuilderRuleValue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBuilderRuleValue.d.ts","sourceRoot":"","sources":["../../../../src/components-react/filter-builder/FilterBuilderRuleValue.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,mBAAmB,EAAkB,aAAa,EAAuB,MAAM,uBAAuB,CAAC;AAGhH,aAAa;AACb,MAAM,WAAW,mCAAmC;IAClD,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC1C;AAED,aAAa;AACb,wBAAgB,8BAA8B,CAAC,KAAK,EAAE,mCAAmC,eAmBxF"}

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

@@ -0,0 +1,43 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PropertyFilterBuilderRuleValue = void 0;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+const React = __importStar(require("react"));
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const EditorContainer_1 = require("../editors/EditorContainer");
+/** @alpha */
+function PropertyFilterBuilderRuleValue(props) {
+    const { value, property, onChange } = props;
+    const propertyRecord = React.useMemo(() => {
+        return new appui_abstract_1.PropertyRecord(value !== null && value !== void 0 ? value : { valueFormat: appui_abstract_1.PropertyValueFormat.Primitive }, property);
+    }, [value, property]);
+    const onValueChange = React.useCallback(({ newValue }) => {
+        onChange(newValue);
+    }, [onChange]);
+    return React.createElement("div", { className: "rule-value" },
+        React.createElement(EditorContainer_1.EditorContainer, { propertyRecord: propertyRecord, onCancel: /* istanbul ignore next */ () => { }, onCommit: onValueChange, setFocus: false }));
+}
+exports.PropertyFilterBuilderRuleValue = PropertyFilterBuilderRuleValue;
+//# sourceMappingURL=FilterBuilderRuleValue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBuilderRuleValue.js","sourceRoot":"","sources":["../../../../src/components-react/filter-builder/FilterBuilderRuleValue.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,6CAA+B;AAC/B,0DAAgH;AAChH,gEAAkF;AASlF,aAAa;AACb,SAAgB,8BAA8B,CAAC,KAA0C;IACvF,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE5C,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACxC,OAAO,IAAI,+BAAc,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAC,WAAW,EAAE,oCAAmB,CAAC,SAAS,EAAC,EAAE,QAAQ,CAAC,CAAC;IAC7F,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtB,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,EAAC,QAAQ,EAAsB,EAAE,EAAE;QAC1E,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACrB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,6BAAK,SAAS,EAAC,YAAY;QAChC,oBAAC,iCAAe,IACd,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,0BAA0B,CAAC,GAAG,EAAE,GAAE,CAAC,EAC7C,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,KAAK,GACf,CACE,CAAC;AACT,CAAC;AAnBD,wEAmBC","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 * as React from \"react\";\r\nimport { PropertyDescription, PropertyRecord, PropertyValue, PropertyValueFormat } from \"@itwin/appui-abstract\";\r\nimport { EditorContainer, PropertyUpdatedArgs } from \"../editors/EditorContainer\";\r\n\r\n/** @alpha */\r\nexport interface PropertyFilterBuilderRuleValueProps {\r\n  value?: PropertyValue;\r\n  property: PropertyDescription;\r\n  onChange: (value: PropertyValue) => void;\r\n}\r\n\r\n/** @alpha */\r\nexport function PropertyFilterBuilderRuleValue(props: PropertyFilterBuilderRuleValueProps) {\r\n  const { value, property, onChange } = props;\r\n\r\n  const propertyRecord = React.useMemo(() => {\r\n    return new PropertyRecord(value ?? {valueFormat: PropertyValueFormat.Primitive}, property);\r\n  }, [value, property]);\r\n\r\n  const onValueChange = React.useCallback(({newValue}: PropertyUpdatedArgs) => {\r\n    onChange(newValue);\r\n  }, [onChange]);\r\n\r\n  return <div className=\"rule-value\">\r\n    <EditorContainer\r\n      propertyRecord={propertyRecord}\r\n      onCancel={/* istanbul ignore next */ () => {}}\r\n      onCommit={onValueChange}\r\n      setFocus={false}\r\n    />\r\n  </div>;\r\n}\r\n"]}

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

@@ -0,0 +1,43 @@
+import { PropertyDescription, PropertyValue } from "@itwin/appui-abstract";
+import { PropertyFilterRuleGroupOperator, PropertyFilterRuleOperator } from "./Operators";
+/** @alpha */
+export interface PropertyFilterBuilderState {
+    rootGroup: PropertyFilterBuilderRuleGroup;
+}
+/** @alpha */
+export declare type PropertyFilterBuilderRuleGroupItem = PropertyFilterBuilderRuleGroup | PropertyFilterBuilderRule;
+/** @alpha */
+export interface PropertyFilterBuilderRuleGroup {
+    id: string;
+    groupId?: string;
+    operator: PropertyFilterRuleGroupOperator;
+    items: PropertyFilterBuilderRuleGroupItem[];
+}
+/** @alpha */
+export interface PropertyFilterBuilderRule {
+    id: string;
+    groupId: string;
+    property?: PropertyDescription;
+    operator?: PropertyFilterRuleOperator;
+    value?: PropertyValue;
+}
+/** @alpha */
+export declare class PropertyFilterBuilderActions {
+    private setState;
+    constructor(setState: (setter: (prevState: PropertyFilterBuilderState) => PropertyFilterBuilderState) => void);
+    private updateState;
+    addItem(path: string[], itemType: "RULE_GROUP" | "RULE"): void;
+    removeItem(path: string[]): void;
+    setRuleGroupOperator(path: string[], operator: PropertyFilterRuleGroupOperator): void;
+    setRuleProperty(path: string[], property?: PropertyDescription): void;
+    setRuleOperator(path: string[], operator: PropertyFilterRuleOperator): void;
+    setRuleValue(path: string[], value: PropertyValue): void;
+}
+/** @alpha */
+export declare function isPropertyFilterBuilderRuleGroup(item: PropertyFilterBuilderRuleGroupItem): item is PropertyFilterBuilderRuleGroup;
+/** @alpha */
+export declare function usePropertyFilterBuilderState(): {
+    state: PropertyFilterBuilderState;
+    actions: PropertyFilterBuilderActions;
+};
+//# sourceMappingURL=FilterBuilderState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBuilderState.d.ts","sourceRoot":"","sources":["../../../../src/components-react/filter-builder/FilterBuilderState.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3E,OAAO,EAAiC,+BAA+B,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AAEzH,aAAa;AACb,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAE,8BAA8B,CAAC;CAC3C;AAED,aAAa;AACb,oBAAY,kCAAkC,GAAG,8BAA8B,GAAG,yBAAyB,CAAC;AAE5G,aAAa;AACb,MAAM,WAAW,8BAA8B;IAC7C,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,+BAA+B,CAAC;IAC1C,KAAK,EAAE,kCAAkC,EAAE,CAAC;CAC7C;AAED,aAAa;AACb,MAAM,WAAW,yBAAyB;IACxC,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,QAAQ,CAAC,EAAE,0BAA0B,CAAC;IACtC,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,aAAa;AACb,qBAAa,4BAA4B;IAC3B,OAAO,CAAC,QAAQ;gBAAR,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,SAAS,EAAE,0BAA0B,KAAK,0BAA0B,KAAK,IAAI;IAErH,OAAO,CAAC,WAAW;IAIZ,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,YAAY,GAAG,MAAM;IAUvD,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE;IAoBzB,oBAAoB,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,+BAA+B;IAS9E,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,QAAQ,CAAC,EAAE,mBAAmB;IAU9D,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,0BAA0B;IAWpE,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,aAAa;CAQzD;AAED,aAAa;AACb,wBAAgB,gCAAgC,CAAC,IAAI,EAAE,kCAAkC,GAAG,IAAI,IAAI,8BAA8B,CAEjI;AAED,aAAa;AACb,wBAAgB,6BAA6B;;;EAO5C"}

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

@@ -0,0 +1,152 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePropertyFilterBuilderState = exports.isPropertyFilterBuilderRuleGroup = exports.PropertyFilterBuilderActions = void 0;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+const immer_1 = require("immer");
+const React = __importStar(require("react"));
+const core_bentley_1 = require("@itwin/core-bentley");
+const Operators_1 = require("./Operators");
+/** @alpha */
+class PropertyFilterBuilderActions {
+    constructor(setState) {
+        this.setState = setState;
+    }
+    updateState(updater) {
+        this.setState((0, immer_1.produce)(updater));
+    }
+    addItem(path, itemType) {
+        this.updateState((state) => {
+            const parentGroup = findRuleGroup(state.rootGroup, path);
+            if (!parentGroup)
+                return;
+            const item = itemType === "RULE_GROUP" ? createEmptyRuleGroup(parentGroup.id) : createEmptyRule(parentGroup.id);
+            parentGroup.items.push(item);
+        });
+    }
+    removeItem(path) {
+        function removeItemFromGroup(state, pathToItem) {
+            const pathToParent = pathToItem.slice(0, -1);
+            const parentGroup = findRuleGroup(state.rootGroup, pathToParent);
+            if (!parentGroup)
+                return;
+            const itemId = pathToItem[pathToItem.length - 1];
+            const itemIndex = parentGroup.items.findIndex((item) => item.id === itemId);
+            if (itemIndex === -1)
+                return;
+            parentGroup.items.splice(itemIndex, 1);
+            if (parentGroup.items.length === 0)
+                removeItemFromGroup(state, pathToParent);
+        }
+        this.updateState((state) => {
+            removeItemFromGroup(state, path);
+        });
+    }
+    setRuleGroupOperator(path, operator) {
+        this.updateState((state) => {
+            const group = findRuleGroup(state.rootGroup, path);
+            if (!group)
+                return;
+            group.operator = operator;
+        });
+    }
+    setRuleProperty(path, property) {
+        this.updateState((state) => {
+            const rule = findRule(state.rootGroup, path);
+            if (!rule)
+                return;
+            rule.property = property;
+            rule.value = undefined;
+        });
+    }
+    setRuleOperator(path, operator) {
+        this.updateState((state) => {
+            const rule = findRule(state.rootGroup, path);
+            if (!rule)
+                return;
+            if ((0, Operators_1.isUnaryPropertyFilterOperator)(operator))
+                rule.value = undefined;
+            rule.operator = operator;
+        });
+    }
+    setRuleValue(path, value) {
+        this.updateState((state) => {
+            const rule = findRule(state.rootGroup, path);
+            if (!rule)
+                return;
+            rule.value = value;
+        });
+    }
+}
+exports.PropertyFilterBuilderActions = PropertyFilterBuilderActions;
+/** @alpha */
+function isPropertyFilterBuilderRuleGroup(item) {
+    return item.items !== undefined;
+}
+exports.isPropertyFilterBuilderRuleGroup = isPropertyFilterBuilderRuleGroup;
+/** @alpha */
+function usePropertyFilterBuilderState() {
+    const [state, setState] = React.useState(() => ({
+        rootGroup: createEmptyRuleGroup(),
+    }));
+    const [actions] = React.useState(() => new PropertyFilterBuilderActions(setState));
+    return { state, actions };
+}
+exports.usePropertyFilterBuilderState = usePropertyFilterBuilderState;
+function createEmptyRule(groupId) {
+    return {
+        id: core_bentley_1.Guid.createValue(),
+        groupId,
+    };
+}
+function createEmptyRuleGroup(groupId) {
+    const id = core_bentley_1.Guid.createValue();
+    return {
+        id,
+        groupId,
+        operator: Operators_1.PropertyFilterRuleGroupOperator.And,
+        items: [createEmptyRule(id)],
+    };
+}
+function findRuleGroup(rootGroup, path) {
+    if (path.length === 0)
+        return rootGroup;
+    const [currentItemId, ...rest] = path;
+    const currentItem = rootGroup.items.find((item) => item.id === currentItemId);
+    if (!currentItem || !isPropertyFilterBuilderRuleGroup(currentItem))
+        return undefined;
+    return findRuleGroup(currentItem, rest);
+}
+function findRule(rootGroup, path) {
+    if (path.length === 0)
+        return undefined;
+    const [currentItemId, ...rest] = path;
+    const currentItem = rootGroup.items.find((item) => item.id === currentItemId);
+    if (!currentItem)
+        return undefined;
+    if (isPropertyFilterBuilderRuleGroup(currentItem))
+        return findRule(currentItem, rest);
+    return currentItem;
+}
+//# sourceMappingURL=FilterBuilderState.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,27 @@
+import { PropertyDescription } from "@itwin/appui-abstract";
+/** @alpha */
+export declare enum PropertyFilterRuleGroupOperator {
+    And = 0,
+    Or = 1
+}
+/** @alpha */
+export declare enum PropertyFilterRuleOperator {
+    IsTrue = 0,
+    IsFalse = 1,
+    IsEqual = 2,
+    IsNotEqual = 3,
+    Greater = 4,
+    GreaterOrEqual = 5,
+    Less = 6,
+    LessOrEqual = 7,
+    Like = 8,
+    IsNull = 9,
+    IsNotNull = 10
+}
+/** @alpha */
+export declare function getPropertyFilterOperators(property: PropertyDescription): PropertyFilterRuleOperator[];
+/** @alpha */
+export declare function getPropertyFilterOperatorLabel(operator: PropertyFilterRuleOperator): string;
+/** @alpha */
+export declare function isUnaryPropertyFilterOperator(operator: PropertyFilterRuleOperator): boolean;
+//# sourceMappingURL=Operators.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,113 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isUnaryPropertyFilterOperator = exports.getPropertyFilterOperatorLabel = exports.getPropertyFilterOperators = exports.PropertyFilterRuleOperator = exports.PropertyFilterRuleGroupOperator = void 0;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const UiComponents_1 = require("../UiComponents");
+/** @alpha */
+var PropertyFilterRuleGroupOperator;
+(function (PropertyFilterRuleGroupOperator) {
+    PropertyFilterRuleGroupOperator[PropertyFilterRuleGroupOperator["And"] = 0] = "And";
+    PropertyFilterRuleGroupOperator[PropertyFilterRuleGroupOperator["Or"] = 1] = "Or";
+})(PropertyFilterRuleGroupOperator = exports.PropertyFilterRuleGroupOperator || (exports.PropertyFilterRuleGroupOperator = {}));
+/** @alpha */
+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 = exports.PropertyFilterRuleOperator || (exports.PropertyFilterRuleOperator = {}));
+/** @alpha */
+function getPropertyFilterOperators(property) {
+    const typename = property.typename;
+    if (typename === appui_abstract_1.StandardTypeNames.Bool || typename === appui_abstract_1.StandardTypeNames.Boolean) {
+        return [
+            PropertyFilterRuleOperator.IsTrue,
+            PropertyFilterRuleOperator.IsFalse,
+        ];
+    }
+    const operators = [
+        PropertyFilterRuleOperator.IsEqual,
+        PropertyFilterRuleOperator.IsNotEqual,
+        PropertyFilterRuleOperator.IsNull,
+        PropertyFilterRuleOperator.IsNotNull,
+    ];
+    if (typename === appui_abstract_1.StandardTypeNames.Number
+        || typename === appui_abstract_1.StandardTypeNames.Int
+        || typename === appui_abstract_1.StandardTypeNames.Integer
+        || typename === appui_abstract_1.StandardTypeNames.Double
+        || typename === appui_abstract_1.StandardTypeNames.Float
+        || typename === appui_abstract_1.StandardTypeNames.Hex
+        || typename === appui_abstract_1.StandardTypeNames.Hexadecimal
+        || typename === appui_abstract_1.StandardTypeNames.ShortDate
+        || typename === appui_abstract_1.StandardTypeNames.DateTime) {
+        return [
+            ...operators,
+            PropertyFilterRuleOperator.Greater,
+            PropertyFilterRuleOperator.GreaterOrEqual,
+            PropertyFilterRuleOperator.Less,
+            PropertyFilterRuleOperator.LessOrEqual,
+        ];
+    }
+    if (typename === appui_abstract_1.StandardTypeNames.String || typename === appui_abstract_1.StandardTypeNames.Text) {
+        return [
+            ...operators,
+            PropertyFilterRuleOperator.Like,
+        ];
+    }
+    return operators;
+}
+exports.getPropertyFilterOperators = getPropertyFilterOperators;
+/* istanbul ignore next */
+/** @alpha */
+function getPropertyFilterOperatorLabel(operator) {
+    switch (operator) {
+        case PropertyFilterRuleOperator.IsTrue:
+            return UiComponents_1.UiComponents.translate("filterBuilder.operators.isTrue");
+        case PropertyFilterRuleOperator.IsFalse:
+            return UiComponents_1.UiComponents.translate("filterBuilder.operators.isFalse");
+        case PropertyFilterRuleOperator.IsEqual:
+            return UiComponents_1.UiComponents.translate("filterBuilder.operators.equal");
+        case PropertyFilterRuleOperator.IsNotEqual:
+            return UiComponents_1.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_1.UiComponents.translate("filterBuilder.operators.contains");
+        case PropertyFilterRuleOperator.IsNull:
+            return UiComponents_1.UiComponents.translate("filterBuilder.operators.isNull");
+        case PropertyFilterRuleOperator.IsNotNull:
+            return UiComponents_1.UiComponents.translate("filterBuilder.operators.isNotNull");
+    }
+}
+exports.getPropertyFilterOperatorLabel = getPropertyFilterOperatorLabel;
+/** @alpha */
+function isUnaryPropertyFilterOperator(operator) {
+    switch (operator) {
+        case PropertyFilterRuleOperator.IsTrue:
+        case PropertyFilterRuleOperator.IsFalse:
+        case PropertyFilterRuleOperator.IsNull:
+        case PropertyFilterRuleOperator.IsNotNull:
+            return true;
+    }
+    return false;
+}
+exports.isUnaryPropertyFilterOperator = isUnaryPropertyFilterOperator;
+//# sourceMappingURL=Operators.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,18 @@
+import { PropertyDescription, PropertyValue } from "@itwin/appui-abstract";
+import { PropertyFilterRuleGroupOperator, PropertyFilterRuleOperator } from "./Operators";
+/** @alpha */
+export declare type PropertyFilter = PropertyFilterRule | PropertyFilterRuleGroup;
+/** @alpha */
+export interface PropertyFilterRuleGroup {
+    operator: PropertyFilterRuleGroupOperator;
+    rules: Array<PropertyFilter>;
+}
+/** @alpha */
+export interface PropertyFilterRule {
+    property: PropertyDescription;
+    operator: PropertyFilterRuleOperator;
+    value?: PropertyValue;
+}
+/** @alpha */
+export declare function isPropertyFilterRuleGroup(filter: PropertyFilter): filter is PropertyFilterRuleGroup;
+//# sourceMappingURL=Types.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isPropertyFilterRuleGroup = void 0;
+/** @alpha */
+function isPropertyFilterRuleGroup(filter) {
+    return filter.rules !== undefined;
+}
+exports.isPropertyFilterRuleGroup = isPropertyFilterRuleGroup;
+//# sourceMappingURL=Types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Types.js","sourceRoot":"","sources":["../../../../src/components-react/filter-builder/Types.ts"],"names":[],"mappings":";;;AAuBA,aAAa;AACb,SAAgB,yBAAyB,CAAC,MAAsB;IAC9D,OAAQ,MAAc,CAAC,KAAK,KAAK,SAAS,CAAC;AAC7C,CAAC;AAFD,8DAEC","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"]}

package/lib/cjs/components-react/tree/controlled/TreeHooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TreeHooks.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/tree/controlled/TreeHooks.ts"],"names":[],"mappings":"AAIA;;GAEG;AAIH,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvE;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,WAAW,EAAE,eAAe,GAAG,SAAS,CAYpE;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,aAAa,SAAS,gBAAgB,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,eAAe,iCAGlI;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,aAAa,SAAS,gBAAgB,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,eAAe,sCAGzJ;AAED;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,YAAY,EAAE,gBAAgB,mBAGhE;AAED;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAAC,cAAc,SAAS,gBAAgB,EAAE,eAAe,EAAE,CAAC,MAAM,cAAc,CAAC,GAAG,sBAAsB,oBAO7I"}
+{"version":3,"file":"TreeHooks.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/tree/controlled/TreeHooks.ts"],"names":[],"mappings":"AAIA;;GAEG;AAKH,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvE;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,WAAW,EAAE,eAAe,GAAG,SAAS,CAMpE;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,aAAa,SAAS,gBAAgB,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,eAAe,iCAGlI;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,aAAa,SAAS,gBAAgB,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,eAAe,sCAGzJ;AAED;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,YAAY,EAAE,gBAAgB,mBAGhE;AAED;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAAC,cAAc,SAAS,gBAAgB,EAAE,eAAe,EAAE,CAAC,MAAM,cAAc,CAAC,GAAG,sBAAsB,oBAO7I"}

package/lib/cjs/components-react/tree/controlled/TreeHooks.js

@@ -10,6 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTreeEventsHandler = exports.useTreeModelSource = exports.usePagedTreeNodeLoader = exports.useTreeNodeLoader = exports.useTreeModel = void 0;
 const react_1 = require("react");
 const core_react_1 = require("@itwin/core-react");
+const UseRerender_1 = require("../../common/UseRerender");
 const TreeEventHandler_1 = require("./TreeEventHandler");
 const TreeModelSource_1 = require("./TreeModelSource");
 const TreeNodeLoader_1 = require("./TreeNodeLoader");
@@ -20,15 +21,11 @@ const TreeNodeLoader_1 = require("./TreeNodeLoader");
  * @public
  */
 function useTreeModel(modelSource) {
-    const [model, setModel] = (0, react_1.useState)(modelSource.getModel());
+    const { rerender } = (0, UseRerender_1.useRerender)();
     (0, react_1.useEffect)(() => {
-        const onModelChanged = () => {
-            setModel(modelSource.getModel());
-        };
-        onModelChanged();
-        return modelSource.onModelChanged.addListener(onModelChanged);
-    }, [modelSource]);
-    return model;
+        return modelSource.onModelChanged.addListener(rerender);
+    }, [modelSource, rerender]);
+    return modelSource.getModel();
 }
 exports.useTreeModel = useTreeModel;
 /**

package/lib/cjs/components-react/tree/controlled/TreeHooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeHooks.js","sourceRoot":"","sources":["../../../../../src/components-react/tree/controlled/TreeHooks.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,iCAAkE;AAClE,kDAAkD;AAElD,yDAA8E;AAE9E,uDAAoD;AACpD,qDAAuE;AAEvE;;;;;GAKG;AACH,SAAgB,YAAY,CAAC,WAA4B;IACvD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,WAAW,CAAC,QAAQ,EAAE,CAAC,CAAC;IAE3D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,cAAc,GAAG,GAAG,EAAE;YAC1B,QAAQ,CAAC,WAAW,CAAC,QAAQ,EAAE,CAAC,CAAC;QACnC,CAAC,CAAC;QACF,cAAc,EAAE,CAAC;QACjB,OAAO,WAAW,CAAC,cAAc,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAChE,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,KAAK,CAAC;AACf,CAAC;AAZD,oCAYC;AAED;;;;;GAKG;AACH,SAAgB,iBAAiB,CAAyC,YAA2B,EAAE,WAA4B;IACjI,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,IAAI,+BAAc,CAAC,YAAY,EAAE,WAAW,CAAC,EAAE,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC;IACnH,OAAO,IAAA,0BAAa,EAAC,YAAY,CAAC,CAAC;AACrC,CAAC;AAHD,8CAGC;AAED;;;;GAIG;AACH,SAAgB,sBAAsB,CAAyC,YAA2B,EAAE,QAAgB,EAAE,WAA4B;IACxJ,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,IAAI,oCAAmB,CAAC,YAAY,EAAE,WAAW,EAAE,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;IAC5I,OAAO,IAAA,0BAAa,EAAC,YAAY,CAAC,CAAC;AACrC,CAAC;AAHD,wDAGC;AAED;;;;;;;GAOG;AACH,SAAgB,kBAAkB,CAAC,YAA8B;IAC/D,0HAA0H;IAC1H,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAI,iCAAe,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,kDAAkD;AACjH,CAAC;AAHD,gDAGC;AAED;;;;;;;;GAQG;AACH,SAAgB,oBAAoB,CAA0C,eAAgE;IAC5I,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,GAAqB,EAAE;QACjD,IAAI,OAAO,eAAe,KAAK,UAAU;YACvC,OAAO,eAAe,EAAE,CAAC;QAC3B,OAAO,IAAI,mCAAgB,CAAC,eAAe,CAAC,CAAC;IAC/C,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IACtB,OAAO,IAAA,0BAAa,EAAC,OAAO,CAAC,CAAC;AAChC,CAAC;AAPD,oDAOC","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 Tree\r\n */\r\n\r\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\r\nimport { useDisposable } from \"@itwin/core-react\";\r\nimport { TreeDataProvider } from \"../TreeDataProvider\";\r\nimport { TreeEventHandler, TreeEventHandlerParams } from \"./TreeEventHandler\";\r\nimport { TreeModel } from \"./TreeModel\";\r\nimport { TreeModelSource } from \"./TreeModelSource\";\r\nimport { PagedTreeNodeLoader, TreeNodeLoader } from \"./TreeNodeLoader\";\r\n\r\n/**\r\n * React hook that returns an immutable `TreeModel` whenever it changes in the given\r\n * `TreeModelSource`.\r\n *\r\n * @public\r\n */\r\nexport function useTreeModel(modelSource: TreeModelSource): TreeModel {\r\n  const [model, setModel] = useState(modelSource.getModel());\r\n\r\n  useEffect(() => {\r\n    const onModelChanged = () => {\r\n      setModel(modelSource.getModel());\r\n    };\r\n    onModelChanged();\r\n    return modelSource.onModelChanged.addListener(onModelChanged);\r\n  }, [modelSource]);\r\n\r\n  return model;\r\n}\r\n\r\n/**\r\n * Custom hook which creates a nodes' loader using the supplied data provider and model source. The\r\n * loader pulls nodes from the data provider and puts them into the model source.\r\n *\r\n * @public\r\n */\r\nexport function useTreeNodeLoader<TDataProvider extends TreeDataProvider>(dataProvider: TDataProvider, modelSource: TreeModelSource) {\r\n  const createLoader = useCallback(() => new TreeNodeLoader(dataProvider, modelSource), [dataProvider, modelSource]);\r\n  return useDisposable(createLoader);\r\n}\r\n\r\n/**\r\n * Custom hook which creates a paging nodes' loader using the supplied data provider and model source. The loader pulls\r\n * nodes from the data provider and puts them into the model source.\r\n * @public\r\n */\r\nexport function usePagedTreeNodeLoader<TDataProvider extends TreeDataProvider>(dataProvider: TDataProvider, pageSize: number, modelSource: TreeModelSource) {\r\n  const createLoader = useCallback(() => new PagedTreeNodeLoader(dataProvider, modelSource, pageSize), [dataProvider, modelSource, pageSize]);\r\n  return useDisposable(createLoader);\r\n}\r\n\r\n/**\r\n * Custom hook which creates a `TreeModelSource`.\r\n *\r\n * @note The model source has no direct dependency on the data provider, but we want a fresh model\r\n * source whenever the data provider changes - that's the reason the hook takes a data provider.\r\n *\r\n * @public\r\n */\r\nexport function useTreeModelSource(dataProvider: TreeDataProvider) {\r\n  // need to create new model source every time data provider changes although it does not need data provider to be created.\r\n  return useMemo(() => new TreeModelSource(), [dataProvider]); // eslint-disable-line react-hooks/exhaustive-deps\r\n}\r\n\r\n/**\r\n * Custom hook which creates and takes care of disposing a TreeEventsHandler. The input is either a factory method\r\n * for a custom `TreeEventHandler` implementation or parameters for the default implementation.\r\n *\r\n * @note Caller must ensure `factoryOrParams` changes only when a new handler needs to be created. `useCallback` or `useMemo` can\r\n * be used for that purpose based on whether the input is a factory function or params object.\r\n *\r\n * @public\r\n */\r\nexport function useTreeEventsHandler<TEventsHandler extends TreeEventHandler>(factoryOrParams: (() => TEventsHandler) | TreeEventHandlerParams) {\r\n  const factory = useCallback((): TreeEventHandler => {\r\n    if (typeof factoryOrParams === \"function\")\r\n      return factoryOrParams();\r\n    return new TreeEventHandler(factoryOrParams);\r\n  }, [factoryOrParams]);\r\n  return useDisposable(factory);\r\n}\r\n"]}
+{"version":3,"file":"TreeHooks.js","sourceRoot":"","sources":["../../../../../src/components-react/tree/controlled/TreeHooks.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,iCAAwD;AACxD,kDAAkD;AAClD,0DAAuD;AAEvD,yDAA8E;AAE9E,uDAAoD;AACpD,qDAAuE;AAEvE;;;;;GAKG;AACH,SAAgB,YAAY,CAAC,WAA4B;IACvD,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,yBAAW,GAAE,CAAC;IACnC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,OAAO,WAAW,CAAC,cAAc,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC1D,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;IAC5B,OAAO,WAAW,CAAC,QAAQ,EAAE,CAAC;AAChC,CAAC;AAND,oCAMC;AAED;;;;;GAKG;AACH,SAAgB,iBAAiB,CAAyC,YAA2B,EAAE,WAA4B;IACjI,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,IAAI,+BAAc,CAAC,YAAY,EAAE,WAAW,CAAC,EAAE,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC;IACnH,OAAO,IAAA,0BAAa,EAAC,YAAY,CAAC,CAAC;AACrC,CAAC;AAHD,8CAGC;AAED;;;;GAIG;AACH,SAAgB,sBAAsB,CAAyC,YAA2B,EAAE,QAAgB,EAAE,WAA4B;IACxJ,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,IAAI,oCAAmB,CAAC,YAAY,EAAE,WAAW,EAAE,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;IAC5I,OAAO,IAAA,0BAAa,EAAC,YAAY,CAAC,CAAC;AACrC,CAAC;AAHD,wDAGC;AAED;;;;;;;GAOG;AACH,SAAgB,kBAAkB,CAAC,YAA8B;IAC/D,0HAA0H;IAC1H,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAI,iCAAe,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,kDAAkD;AACjH,CAAC;AAHD,gDAGC;AAED;;;;;;;;GAQG;AACH,SAAgB,oBAAoB,CAA0C,eAAgE;IAC5I,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,GAAqB,EAAE;QACjD,IAAI,OAAO,eAAe,KAAK,UAAU;YACvC,OAAO,eAAe,EAAE,CAAC;QAC3B,OAAO,IAAI,mCAAgB,CAAC,eAAe,CAAC,CAAC;IAC/C,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IACtB,OAAO,IAAA,0BAAa,EAAC,OAAO,CAAC,CAAC;AAChC,CAAC;AAPD,oDAOC","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 Tree\r\n */\r\n\r\nimport { useCallback, useEffect, useMemo } from \"react\";\r\nimport { useDisposable } from \"@itwin/core-react\";\r\nimport { useRerender } from \"../../common/UseRerender\";\r\nimport { TreeDataProvider } from \"../TreeDataProvider\";\r\nimport { TreeEventHandler, TreeEventHandlerParams } from \"./TreeEventHandler\";\r\nimport { TreeModel } from \"./TreeModel\";\r\nimport { TreeModelSource } from \"./TreeModelSource\";\r\nimport { PagedTreeNodeLoader, TreeNodeLoader } from \"./TreeNodeLoader\";\r\n\r\n/**\r\n * React hook that returns an immutable `TreeModel` whenever it changes in the given\r\n * `TreeModelSource`.\r\n *\r\n * @public\r\n */\r\nexport function useTreeModel(modelSource: TreeModelSource): TreeModel {\r\n  const { rerender } = useRerender();\r\n  useEffect(() => {\r\n    return modelSource.onModelChanged.addListener(rerender);\r\n  }, [modelSource, rerender]);\r\n  return modelSource.getModel();\r\n}\r\n\r\n/**\r\n * Custom hook which creates a nodes' loader using the supplied data provider and model source. The\r\n * loader pulls nodes from the data provider and puts them into the model source.\r\n *\r\n * @public\r\n */\r\nexport function useTreeNodeLoader<TDataProvider extends TreeDataProvider>(dataProvider: TDataProvider, modelSource: TreeModelSource) {\r\n  const createLoader = useCallback(() => new TreeNodeLoader(dataProvider, modelSource), [dataProvider, modelSource]);\r\n  return useDisposable(createLoader);\r\n}\r\n\r\n/**\r\n * Custom hook which creates a paging nodes' loader using the supplied data provider and model source. The loader pulls\r\n * nodes from the data provider and puts them into the model source.\r\n * @public\r\n */\r\nexport function usePagedTreeNodeLoader<TDataProvider extends TreeDataProvider>(dataProvider: TDataProvider, pageSize: number, modelSource: TreeModelSource) {\r\n  const createLoader = useCallback(() => new PagedTreeNodeLoader(dataProvider, modelSource, pageSize), [dataProvider, modelSource, pageSize]);\r\n  return useDisposable(createLoader);\r\n}\r\n\r\n/**\r\n * Custom hook which creates a `TreeModelSource`.\r\n *\r\n * @note The model source has no direct dependency on the data provider, but we want a fresh model\r\n * source whenever the data provider changes - that's the reason the hook takes a data provider.\r\n *\r\n * @public\r\n */\r\nexport function useTreeModelSource(dataProvider: TreeDataProvider) {\r\n  // need to create new model source every time data provider changes although it does not need data provider to be created.\r\n  return useMemo(() => new TreeModelSource(), [dataProvider]); // eslint-disable-line react-hooks/exhaustive-deps\r\n}\r\n\r\n/**\r\n * Custom hook which creates and takes care of disposing a TreeEventsHandler. The input is either a factory method\r\n * for a custom `TreeEventHandler` implementation or parameters for the default implementation.\r\n *\r\n * @note Caller must ensure `factoryOrParams` changes only when a new handler needs to be created. `useCallback` or `useMemo` can\r\n * be used for that purpose based on whether the input is a factory function or params object.\r\n *\r\n * @public\r\n */\r\nexport function useTreeEventsHandler<TEventsHandler extends TreeEventHandler>(factoryOrParams: (() => TEventsHandler) | TreeEventHandlerParams) {\r\n  const factory = useCallback((): TreeEventHandler => {\r\n    if (typeof factoryOrParams === \"function\")\r\n      return factoryOrParams();\r\n    return new TreeEventHandler(factoryOrParams);\r\n  }, [factoryOrParams]);\r\n  return useDisposable(factory);\r\n}\r\n"]}