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

package/lib/cjs/components-react/favorite/FavoritePropertiesRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"FavoritePropertiesRenderer.js","sourceRoot":"","sources":["../../../../src/components-react/favorite/FavoritePropertiesRenderer.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAC/B,oDAAsC;AAGtC,iEAA8D;AAE9D;;GAEG;AACH,MAAa,0BAA0B;IAE9B,YAAY,CAAC,YAA0B;QAC5C,OAAO,YAAY,CAAC,OAAO,CAAC,QAAQ,KAAK,SAAS,CAAC;IACrD,CAAC;IAEM,eAAe,CAAC,YAA0B,EAAE,WAAyB;QAC1E,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,2CAAoB,EAAE,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;QACrG,OAAO,GAAG,CAAC;IACb,CAAC;CACF;AAXD,gEAWC","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 Favorite\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport * as ReactDOM from \"react-dom\";\r\nimport { Orientation } from \"@itwin/core-react\";\r\nimport { PropertyData } from \"../propertygrid/PropertyDataProvider\";\r\nimport { FavoritePropertyList } from \"./FavoritePropertyList\";\r\n\r\n/** Renderer for Favorite Property List\r\n * @public\r\n */\r\nexport class FavoritePropertiesRenderer {\r\n\r\n  public hasFavorites(propertyData: PropertyData): boolean {\r\n    return propertyData.records.Favorite !== undefined;\r\n  }\r\n\r\n  public renderFavorites(propertyData: PropertyData, orientation?: Orientation): HTMLElement | string {\r\n    const div = document.createElement(\"div\");\r\n    ReactDOM.render(React.createElement(FavoritePropertyList, { propertyData, orientation }, null), div);\r\n    return div;\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"FavoritePropertiesRenderer.js","sourceRoot":"","sources":["../../../../src/components-react/favorite/FavoritePropertiesRenderer.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAC/B,oDAAsC;AAGtC,iEAA8D;AAE9D;;GAEG;AACH,MAAa,0BAA0B;IAE9B,YAAY,CAAC,YAA0B;QAC5C,OAAO,YAAY,CAAC,OAAO,CAAC,QAAQ,KAAK,SAAS,CAAC;IACrD,CAAC;IAEM,eAAe,CAAC,YAA0B,EAAE,WAAyB;QAC1E,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,2CAAoB,EAAE,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;QACrG,OAAO,GAAG,CAAC;IACb,CAAC;CACF;AAXD,gEAWC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Favorite\n */\n\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport { Orientation } from \"@itwin/core-react\";\nimport { PropertyData } from \"../propertygrid/PropertyDataProvider\";\nimport { FavoritePropertyList } from \"./FavoritePropertyList\";\n\n/** Renderer for Favorite Property List\n * @public\n */\nexport class FavoritePropertiesRenderer {\n\n  public hasFavorites(propertyData: PropertyData): boolean {\n    return propertyData.records.Favorite !== undefined;\n  }\n\n  public renderFavorites(propertyData: PropertyData, orientation?: Orientation): HTMLElement | string {\n    const div = document.createElement(\"div\");\n    ReactDOM.render(React.createElement(FavoritePropertyList, { propertyData, orientation }, null), div);\n    return div;\n  }\n}\n"]}

package/lib/cjs/components-react/favorite/FavoritePropertyList.d.ts

@@ -1,20 +1,20 @@
-/** @packageDocumentation
- * @module Favorite
- */
-/// <reference types="react" />
-import { Orientation } from "@itwin/core-react";
-import { PropertyValueRendererManager } from "../properties/ValueRendererManager";
-import { PropertyData } from "../propertygrid/PropertyDataProvider";
-/** Properties for [[FavoritePropertyList]] React component
- * @alpha
- */
-export interface FavoritePropertyListProps {
-    propertyData: PropertyData;
-    propertyValueRendererManager?: PropertyValueRendererManager;
-    orientation?: Orientation;
-}
-/** Favorite Property List React component
- * @alpha
- */
-export declare function FavoritePropertyList(props: FavoritePropertyListProps): JSX.Element | null;
+/** @packageDocumentation
+ * @module Favorite
+ */
+/// <reference types="react" />
+import { Orientation } from "@itwin/core-react";
+import { PropertyValueRendererManager } from "../properties/ValueRendererManager";
+import { PropertyData } from "../propertygrid/PropertyDataProvider";
+/** Properties for [[FavoritePropertyList]] React component
+ * @alpha
+ */
+export interface FavoritePropertyListProps {
+    propertyData: PropertyData;
+    propertyValueRendererManager?: PropertyValueRendererManager;
+    orientation?: Orientation;
+}
+/** Favorite Property List React component
+ * @alpha
+ */
+export declare function FavoritePropertyList(props: FavoritePropertyListProps): JSX.Element | null;
 //# sourceMappingURL=FavoritePropertyList.d.ts.map

package/lib/cjs/components-react/favorite/FavoritePropertyList.js

@@ -1,52 +1,52 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Favorite
- */
-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.FavoritePropertyList = void 0;
-const React = __importStar(require("react"));
-const core_react_1 = require("@itwin/core-react");
-const ValueRendererManager_1 = require("../properties/ValueRendererManager");
-const PropertyList_1 = require("../propertygrid/component/PropertyList");
-/** Favorite Property List React component
- * @alpha
- */
-function FavoritePropertyList(props) {
-    var _a, _b;
-    const [listWidth, setListWidth] = React.useState();
-    const onListResize = React.useCallback(setListWidth, [setListWidth]);
-    if (props.propertyData.records.Favorite !== undefined) {
-        const propertyValueRendererManager = (_a = props.propertyValueRendererManager) !== null && _a !== void 0 ? _a : ValueRendererManager_1.PropertyValueRendererManager.defaultManager;
-        const orientation = (_b = props.orientation) !== null && _b !== void 0 ? _b : core_react_1.Orientation.Horizontal;
-        return (React.createElement("div", { className: "components-favorite-property-list" },
-            React.createElement(core_react_1.ResizableContainerObserver, { onResize: onListResize }),
-            listWidth ?
-                React.createElement(PropertyList_1.PropertyList, { orientation: orientation, width: listWidth, properties: props.propertyData.records.Favorite, columnRatio: 1 / 3, propertyValueRendererManager: propertyValueRendererManager }) : null));
-    }
-    return null;
-}
-exports.FavoritePropertyList = FavoritePropertyList;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Favorite
+ */
+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.FavoritePropertyList = void 0;
+const React = __importStar(require("react"));
+const core_react_1 = require("@itwin/core-react");
+const ValueRendererManager_1 = require("../properties/ValueRendererManager");
+const PropertyList_1 = require("../propertygrid/component/PropertyList");
+/** Favorite Property List React component
+ * @alpha
+ */
+function FavoritePropertyList(props) {
+    var _a, _b;
+    const [listWidth, setListWidth] = React.useState();
+    const onListResize = React.useCallback(setListWidth, [setListWidth]);
+    if (props.propertyData.records.Favorite !== undefined) {
+        const propertyValueRendererManager = (_a = props.propertyValueRendererManager) !== null && _a !== void 0 ? _a : ValueRendererManager_1.PropertyValueRendererManager.defaultManager;
+        const orientation = (_b = props.orientation) !== null && _b !== void 0 ? _b : core_react_1.Orientation.Horizontal;
+        return (React.createElement("div", { className: "components-favorite-property-list" },
+            React.createElement(core_react_1.ResizableContainerObserver, { onResize: onListResize }),
+            listWidth ?
+                React.createElement(PropertyList_1.PropertyList, { orientation: orientation, width: listWidth, properties: props.propertyData.records.Favorite, columnRatio: 1 / 3, propertyValueRendererManager: propertyValueRendererManager }) : null));
+    }
+    return null;
+}
+exports.FavoritePropertyList = FavoritePropertyList;
 //# sourceMappingURL=FavoritePropertyList.js.map

package/lib/cjs/components-react/favorite/FavoritePropertyList.js.map

@@ -1 +1 @@
-{"version":3,"file":"FavoritePropertyList.js","sourceRoot":"","sources":["../../../../src/components-react/favorite/FavoritePropertyList.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAC/B,kDAA4E;AAC5E,6EAAkF;AAClF,yEAAsE;AAYtE;;GAEG;AACH,SAAgB,oBAAoB,CAAC,KAAgC;;IACnE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAsB,CAAC;IACvE,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,YAAY,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IACrE,IAAI,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,QAAQ,KAAK,SAAS,EAAE;QACrD,MAAM,4BAA4B,GAAG,MAAA,KAAK,CAAC,4BAA4B,mCAAI,mDAA4B,CAAC,cAAc,CAAC;QACvH,MAAM,WAAW,GAAG,MAAA,KAAK,CAAC,WAAW,mCAAI,wBAAW,CAAC,UAAU,CAAC;QAChE,OAAO,CACL,6BAAK,SAAS,EAAC,mCAAmC;YAChD,oBAAC,uCAA0B,IAAC,QAAQ,EAAE,YAAY,GAAI;YACrD,SAAS,CAAC,CAAC;gBACV,oBAAC,2BAAY,IACX,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,SAAS,EAChB,UAAU,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,QAAQ,EAC/C,WAAW,EAAE,CAAC,GAAG,CAAC,EAClB,4BAA4B,EAAE,4BAA4B,GAC1D,CAAC,CAAC,CAAC,IAAI,CACP,CACP,CAAC;KACH;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AArBD,oDAqBC","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 Favorite\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { Orientation, ResizableContainerObserver } from \"@itwin/core-react\";\r\nimport { PropertyValueRendererManager } from \"../properties/ValueRendererManager\";\r\nimport { PropertyList } from \"../propertygrid/component/PropertyList\";\r\nimport { PropertyData } from \"../propertygrid/PropertyDataProvider\";\r\n\r\n/** Properties for [[FavoritePropertyList]] React component\r\n * @alpha\r\n */\r\nexport interface FavoritePropertyListProps {\r\n  propertyData: PropertyData;\r\n  propertyValueRendererManager?: PropertyValueRendererManager;\r\n  orientation?: Orientation;\r\n}\r\n\r\n/** Favorite Property List React component\r\n * @alpha\r\n */\r\nexport function FavoritePropertyList(props: FavoritePropertyListProps) {\r\n  const [listWidth, setListWidth] = React.useState<number | undefined>();\r\n  const onListResize = React.useCallback(setListWidth, [setListWidth]);\r\n  if (props.propertyData.records.Favorite !== undefined) {\r\n    const propertyValueRendererManager = props.propertyValueRendererManager ?? PropertyValueRendererManager.defaultManager;\r\n    const orientation = props.orientation ?? Orientation.Horizontal;\r\n    return (\r\n      <div className=\"components-favorite-property-list\">\r\n        <ResizableContainerObserver onResize={onListResize} />\r\n        {listWidth ?\r\n          <PropertyList\r\n            orientation={orientation}\r\n            width={listWidth}\r\n            properties={props.propertyData.records.Favorite}\r\n            columnRatio={1 / 3}\r\n            propertyValueRendererManager={propertyValueRendererManager}\r\n          /> : null}\r\n      </div>\r\n    );\r\n  }\r\n  return null;\r\n}\r\n"]}
+{"version":3,"file":"FavoritePropertyList.js","sourceRoot":"","sources":["../../../../src/components-react/favorite/FavoritePropertyList.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAC/B,kDAA4E;AAC5E,6EAAkF;AAClF,yEAAsE;AAYtE;;GAEG;AACH,SAAgB,oBAAoB,CAAC,KAAgC;;IACnE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAsB,CAAC;IACvE,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,YAAY,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IACrE,IAAI,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,QAAQ,KAAK,SAAS,EAAE;QACrD,MAAM,4BAA4B,GAAG,MAAA,KAAK,CAAC,4BAA4B,mCAAI,mDAA4B,CAAC,cAAc,CAAC;QACvH,MAAM,WAAW,GAAG,MAAA,KAAK,CAAC,WAAW,mCAAI,wBAAW,CAAC,UAAU,CAAC;QAChE,OAAO,CACL,6BAAK,SAAS,EAAC,mCAAmC;YAChD,oBAAC,uCAA0B,IAAC,QAAQ,EAAE,YAAY,GAAI;YACrD,SAAS,CAAC,CAAC;gBACV,oBAAC,2BAAY,IACX,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,SAAS,EAChB,UAAU,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,QAAQ,EAC/C,WAAW,EAAE,CAAC,GAAG,CAAC,EAClB,4BAA4B,EAAE,4BAA4B,GAC1D,CAAC,CAAC,CAAC,IAAI,CACP,CACP,CAAC;KACH;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AArBD,oDAqBC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Favorite\n */\n\nimport * as React from \"react\";\nimport { Orientation, ResizableContainerObserver } from \"@itwin/core-react\";\nimport { PropertyValueRendererManager } from \"../properties/ValueRendererManager\";\nimport { PropertyList } from \"../propertygrid/component/PropertyList\";\nimport { PropertyData } from \"../propertygrid/PropertyDataProvider\";\n\n/** Properties for [[FavoritePropertyList]] React component\n * @alpha\n */\nexport interface FavoritePropertyListProps {\n  propertyData: PropertyData;\n  propertyValueRendererManager?: PropertyValueRendererManager;\n  orientation?: Orientation;\n}\n\n/** Favorite Property List React component\n * @alpha\n */\nexport function FavoritePropertyList(props: FavoritePropertyListProps) {\n  const [listWidth, setListWidth] = React.useState<number | undefined>();\n  const onListResize = React.useCallback(setListWidth, [setListWidth]);\n  if (props.propertyData.records.Favorite !== undefined) {\n    const propertyValueRendererManager = props.propertyValueRendererManager ?? PropertyValueRendererManager.defaultManager;\n    const orientation = props.orientation ?? Orientation.Horizontal;\n    return (\n      <div className=\"components-favorite-property-list\">\n        <ResizableContainerObserver onResize={onListResize} />\n        {listWidth ?\n          <PropertyList\n            orientation={orientation}\n            width={listWidth}\n            properties={props.propertyData.records.Favorite}\n            columnRatio={1 / 3}\n            propertyValueRendererManager={propertyValueRendererManager}\n          /> : null}\n      </div>\n    );\n  }\n  return null;\n}\n"]}

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

@@ -1,40 +1,38 @@
-import * as React from "react";
-import { PropertyDescription } from "@itwin/appui-abstract";
-import { PropertyFilterBuilderRuleOperatorProps } from "./FilterBuilderRuleOperator";
-import { PropertyFilterBuilderRuleValueProps } from "./FilterBuilderRuleValue";
-import { PropertyFilterBuilderActions, PropertyFilterBuilderRuleGroupItem } from "./FilterBuilderState";
-import { PropertyFilter } from "./Types";
-/** @alpha */
-export interface PropertyFilterBuilderProps {
-    properties: PropertyDescription[];
-    onFilterChanged: (filter?: PropertyFilter) => void;
-    onRulePropertySelected?: (property: PropertyDescription) => void;
-    ruleOperatorRenderer?: (props: PropertyFilterBuilderRuleOperatorProps) => React.ReactNode;
-    ruleValueRenderer?: (props: PropertyFilterBuilderRuleValueProps) => React.ReactNode;
-    ruleGroupDepthLimit?: number;
-    propertyRenderer?: (name: string) => React.ReactNode;
-    disablePropertySelection?: boolean;
-}
-/** @alpha */
-export interface PropertyFilterBuilderContextProps {
-    actions: PropertyFilterBuilderActions;
-    properties: PropertyDescription[];
-    onRulePropertySelected?: (property: PropertyDescription) => void;
-    ruleGroupDepthLimit?: number;
-}
-/** @alpha */
-export declare const PropertyFilterBuilderContext: React.Context<PropertyFilterBuilderContextProps>;
-/** @alpha */
-export interface PropertyFilterBuilderRuleRenderingContextProps {
-    ruleOperatorRenderer?: (props: PropertyFilterBuilderRuleOperatorProps) => React.ReactNode;
-    ruleValueRenderer?: (props: PropertyFilterBuilderRuleValueProps) => React.ReactNode;
-    propertyRenderer?: (name: string) => React.ReactNode;
-    disablePropertySelection?: boolean;
-}
-/** @alpha */
-export declare const PropertyFilterBuilderRuleRenderingContext: React.Context<PropertyFilterBuilderRuleRenderingContextProps>;
-/** @alpha */
-export declare function PropertyFilterBuilder(props: PropertyFilterBuilderProps): JSX.Element;
-/** @internal */
-export declare function buildPropertyFilter(groupItem: PropertyFilterBuilderRuleGroupItem): PropertyFilter | undefined;
+/** @packageDocumentation
+ * @module PropertyFilterBuilder
+ */
+import * as React from "react";
+import { PropertyDescription } from "@itwin/appui-abstract";
+import { PropertyFilterBuilderRuleOperatorProps } from "./FilterBuilderRuleOperator";
+import { PropertyFilterBuilderRuleValueProps } from "./FilterBuilderRuleValue";
+import { PropertyFilter } from "./Types";
+/**
+ * Props for [[PropertyFilterBuilder]] component.
+ * @beta
+ */
+export interface PropertyFilterBuilderProps {
+    /** List of properties available to be used in filter rules. */
+    properties: PropertyDescription[];
+    /** Callback that is invoked when filter changes. */
+    onFilterChanged: (filter?: PropertyFilter) => void;
+    /** Callback that is invoked when property is selected in any rule. */
+    onRulePropertySelected?: (property: PropertyDescription) => void;
+    /** Custom renderer for rule operator selector. */
+    ruleOperatorRenderer?: (props: PropertyFilterBuilderRuleOperatorProps) => React.ReactNode;
+    /** Custom renderer for rule value input. */
+    ruleValueRenderer?: (props: PropertyFilterBuilderRuleValueProps) => React.ReactNode;
+    /** Custom renderer for property selector in rule. */
+    propertyRenderer?: (name: string) => React.ReactNode;
+    /** Specifies how deep rule groups can be nested. */
+    ruleGroupDepthLimit?: number;
+    /** Specifies whether component is disabled or not. */
+    isDisabled?: boolean;
+    /** Initial filter that should be shown when component is mounted. */
+    initialFilter?: PropertyFilter;
+}
+/**
+ * Component for building complex filters. It allows to create filter rules or rule groups based on provided list of properties.
+ * @beta
+ */
+export declare function PropertyFilterBuilder(props: PropertyFilterBuilderProps): JSX.Element;
 //# sourceMappingURL=FilterBuilder.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FilterBuilder.d.ts","sourceRoot":"","sources":["../../../../src/components-react/filter-builder/FilterBuilder.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,mBAAmB,EAAuB,MAAM,uBAAuB,CAAC;AAEjF,OAAO,EAAE,sCAAsC,EAAE,MAAM,6BAA6B,CAAC;AACrF,OAAO,EAAE,mCAAmC,EAAE,MAAM,0BAA0B,CAAC;AAC/E,OAAO,EAC6B,4BAA4B,EAC9D,kCAAkC,EACnC,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,aAAa;AACb,MAAM,WAAW,0BAA0B;IACzC,UAAU,EAAE,mBAAmB,EAAE,CAAC;IAClC,eAAe,EAAE,CAAC,MAAM,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IACnD,sBAAsB,CAAC,EAAE,CAAC,QAAQ,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACjE,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,sCAAsC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1F,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,mCAAmC,KAAK,KAAK,CAAC,SAAS,CAAC;IACpF,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACrD,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,aAAa;AACb,MAAM,WAAW,iCAAiC;IAChD,OAAO,EAAE,4BAA4B,CAAC;IACtC,UAAU,EAAE,mBAAmB,EAAE,CAAC;IAClC,sBAAsB,CAAC,EAAE,CAAC,QAAQ,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACjE,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,aAAa;AACb,eAAO,MAAM,4BAA4B,kDAAgE,CAAC;AAE1G,aAAa;AACb,MAAM,WAAW,8CAA8C;IAC7D,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,sCAAsC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1F,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,mCAAmC,KAAK,KAAK,CAAC,SAAS,CAAC;IACpF,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACrD,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,aAAa;AACb,eAAO,MAAM,yCAAyC,+DAA0E,CAAC;AAIjI,aAAa;AACb,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,eA6BtE;AAED,gBAAgB;AAChB,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,kCAAkC,GAAG,cAAc,GAAG,SAAS,CAI7G"}
+{"version":3,"file":"FilterBuilder.d.ts","sourceRoot":"","sources":["../../../../src/components-react/filter-builder/FilterBuilder.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAM5D,OAAO,EAAE,sCAAsC,EAAE,MAAM,6BAA6B,CAAC;AACrF,OAAO,EAAE,mCAAmC,EAAE,MAAM,0BAA0B,CAAC;AAE/E,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC;;;GAGG;AACH,MAAM,WAAW,0BAA0B;IACzC,+DAA+D;IAC/D,UAAU,EAAE,mBAAmB,EAAE,CAAC;IAClC,oDAAoD;IACpD,eAAe,EAAE,CAAC,MAAM,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IACnD,sEAAsE;IACtE,sBAAsB,CAAC,EAAE,CAAC,QAAQ,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACjE,kDAAkD;IAClD,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,sCAAsC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1F,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,mCAAmC,KAAK,KAAK,CAAC,SAAS,CAAC;IACpF,qDAAqD;IACrD,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACrD,oDAAoD;IACpD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qEAAqE;IACrE,aAAa,CAAC,EAAE,cAAc,CAAC;CAChC;AAID;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,eAgCtE"}

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

@@ -1,118 +1,59 @@
-"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.buildPropertyFilter = exports.PropertyFilterBuilder = exports.PropertyFilterBuilderRuleRenderingContext = exports.PropertyFilterBuilderContext = 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 FilterBuilderRuleGroup_1 = require("./FilterBuilderRuleGroup");
-const FilterBuilderState_1 = require("./FilterBuilderState");
-const Operators_1 = require("./Operators");
-/** @alpha */
-exports.PropertyFilterBuilderContext = React.createContext(null);
-/** @alpha */
-exports.PropertyFilterBuilderRuleRenderingContext = React.createContext({});
-const ROOT_GROUP_PATH = [];
-/** @alpha */
-function PropertyFilterBuilder(props) {
-    const { properties, onFilterChanged, onRulePropertySelected, ruleOperatorRenderer, ruleValueRenderer, ruleGroupDepthLimit, propertyRenderer, disablePropertySelection } = props;
-    const { state, actions } = (0, FilterBuilderState_1.usePropertyFilterBuilderState)();
-    const rootRef = React.useRef(null);
-    const filter = React.useMemo(() => buildPropertyFilter(state.rootGroup), [state]);
-    React.useEffect(() => {
-        onFilterChanged(filter);
-    }, [filter, onFilterChanged]);
-    const contextValue = React.useMemo(() => ({ actions, properties, onRulePropertySelected, ruleGroupDepthLimit }), [actions, properties, onRulePropertySelected, ruleGroupDepthLimit]);
-    const renderingContextValue = React.useMemo(() => ({ ruleOperatorRenderer, ruleValueRenderer, propertyRenderer, disablePropertySelection }), [ruleOperatorRenderer, ruleValueRenderer, propertyRenderer, disablePropertySelection]);
-    return (React.createElement(exports.PropertyFilterBuilderRuleRenderingContext.Provider, { value: renderingContextValue },
-        React.createElement(exports.PropertyFilterBuilderContext.Provider, { value: contextValue },
-            React.createElement(FilterBuilderRuleGroup_1.ActiveRuleGroupContext.Provider, { value: useActiveRuleGroupContextProps(rootRef) },
-                React.createElement("div", { ref: rootRef, className: "filter-builder" },
-                    React.createElement(FilterBuilderRuleGroup_1.PropertyFilterBuilderRuleGroupRenderer, { path: ROOT_GROUP_PATH, group: state.rootGroup }))))));
-}
-exports.PropertyFilterBuilder = PropertyFilterBuilder;
-/** @internal */
-function buildPropertyFilter(groupItem) {
-    if ((0, FilterBuilderState_1.isPropertyFilterBuilderRuleGroup)(groupItem))
-        return buildPropertyFilterFromRuleGroup(groupItem);
-    return buildPropertyFilterFromRule(groupItem);
-}
-exports.buildPropertyFilter = buildPropertyFilter;
-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 (!(0, Operators_1.isUnaryPropertyFilterOperator)(operator) && (value === undefined || value.valueFormat !== appui_abstract_1.PropertyValueFormat.Primitive || value.value === undefined))
-        return undefined;
-    return { property, operator, value };
-}
-function useActiveRuleGroupContextProps(rootElementRef) {
-    const [activeElement, setActiveElement] = React.useState();
-    const onFocus = React.useCallback((e) => {
-        e.stopPropagation();
-        setActiveElement(e.currentTarget);
-    }, []);
-    const onBlur = React.useCallback((e) => {
-        e.stopPropagation();
-        if (activeElement !== e.currentTarget || (rootElementRef.current && rootElementRef.current.contains(e.relatedTarget)))
-            return;
-        setActiveElement(undefined);
-    }, [activeElement, rootElementRef]);
-    const onMouseOver = React.useCallback((e) => {
-        e.stopPropagation();
-        setActiveElement(e.currentTarget);
-    }, []);
-    const onMouseOut = React.useCallback((e) => {
-        e.stopPropagation();
-        // istanbul ignore if
-        if (activeElement !== e.currentTarget)
-            return;
-        setActiveElement(undefined);
-    }, [activeElement]);
-    return React.useMemo(() => ({
-        activeElement,
-        onFocus,
-        onBlur,
-        onMouseOver,
-        onMouseOut,
-    }), [activeElement, onFocus, onBlur, onMouseOver, onMouseOut]);
-}
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module PropertyFilterBuilder
+ */
+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.PropertyFilterBuilder = void 0;
+const React = __importStar(require("react"));
+const FilterBuilderContext_1 = require("./FilterBuilderContext");
+const FilterBuilderRuleGroup_1 = require("./FilterBuilderRuleGroup");
+const FilterBuilderState_1 = require("./FilterBuilderState");
+const ROOT_GROUP_PATH = [];
+/**
+ * Component for building complex filters. It allows to create filter rules or rule groups based on provided list of properties.
+ * @beta
+ */
+function PropertyFilterBuilder(props) {
+    const { properties, onFilterChanged, onRulePropertySelected, ruleOperatorRenderer, ruleValueRenderer, ruleGroupDepthLimit, propertyRenderer, isDisabled, initialFilter } = props;
+    const { state, actions } = (0, FilterBuilderState_1.usePropertyFilterBuilderState)(initialFilter);
+    const rootRef = React.useRef(null);
+    const firstRender = React.useRef(true);
+    const filter = React.useMemo(() => (0, FilterBuilderState_1.buildPropertyFilter)(state.rootGroup), [state]);
+    React.useEffect(() => {
+        if (!firstRender.current)
+            onFilterChanged(filter);
+        firstRender.current = false;
+    }, [filter, onFilterChanged]);
+    const contextValue = React.useMemo(() => ({ actions, properties, onRulePropertySelected, ruleGroupDepthLimit }), [actions, properties, onRulePropertySelected, ruleGroupDepthLimit]);
+    const renderingContextValue = React.useMemo(() => ({ ruleOperatorRenderer, ruleValueRenderer, propertyRenderer, isDisabled }), [ruleOperatorRenderer, ruleValueRenderer, propertyRenderer, isDisabled]);
+    return (React.createElement(FilterBuilderContext_1.PropertyFilterBuilderRuleRenderingContext.Provider, { value: renderingContextValue },
+        React.createElement(FilterBuilderContext_1.PropertyFilterBuilderContext.Provider, { value: contextValue },
+            React.createElement(FilterBuilderContext_1.ActiveRuleGroupContext.Provider, { value: (0, FilterBuilderContext_1.useActiveRuleGroupContextProps)(rootRef) },
+                React.createElement("div", { ref: rootRef, className: "filter-builder" },
+                    React.createElement(FilterBuilderRuleGroup_1.PropertyFilterBuilderRuleGroupRenderer, { path: ROOT_GROUP_PATH, group: state.rootGroup }))))));
+}
+exports.PropertyFilterBuilder = PropertyFilterBuilder;
 //# sourceMappingURL=FilterBuilder.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FilterBuilder.js","sourceRoot":"","sources":["../../../../src/components-react/filter-builder/FilterBuilder.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\nimport * as React from \"react\";\r\nimport { PropertyDescription, PropertyValueFormat } from \"@itwin/appui-abstract\";\r\nimport { ActiveRuleGroupContext, PropertyFilterBuilderRuleGroupRenderer } from \"./FilterBuilderRuleGroup\";\r\nimport { PropertyFilterBuilderRuleOperatorProps } from \"./FilterBuilderRuleOperator\";\r\nimport { PropertyFilterBuilderRuleValueProps } from \"./FilterBuilderRuleValue\";\r\nimport {\r\n  isPropertyFilterBuilderRuleGroup, PropertyFilterBuilderActions, PropertyFilterBuilderRule, PropertyFilterBuilderRuleGroup,\r\n  PropertyFilterBuilderRuleGroupItem, usePropertyFilterBuilderState,\r\n} from \"./FilterBuilderState\";\r\nimport { isUnaryPropertyFilterOperator } from \"./Operators\";\r\nimport { PropertyFilter } from \"./Types\";\r\n\r\n/** @alpha */\r\nexport interface PropertyFilterBuilderProps {\r\n  properties: PropertyDescription[];\r\n  onFilterChanged: (filter?: PropertyFilter) => void;\r\n  onRulePropertySelected?: (property: PropertyDescription) => void;\r\n  ruleOperatorRenderer?: (props: PropertyFilterBuilderRuleOperatorProps) => React.ReactNode;\r\n  ruleValueRenderer?: (props: PropertyFilterBuilderRuleValueProps) => React.ReactNode;\r\n  ruleGroupDepthLimit?: number;\r\n  propertyRenderer?: (name: string) => React.ReactNode;\r\n  disablePropertySelection?: boolean;\r\n}\r\n\r\n/** @alpha */\r\nexport interface PropertyFilterBuilderContextProps {\r\n  actions: PropertyFilterBuilderActions;\r\n  properties: PropertyDescription[];\r\n  onRulePropertySelected?: (property: PropertyDescription) => void;\r\n  ruleGroupDepthLimit?: number;\r\n}\r\n\r\n/** @alpha */\r\nexport const PropertyFilterBuilderContext = React.createContext<PropertyFilterBuilderContextProps>(null!);\r\n\r\n/** @alpha */\r\nexport interface PropertyFilterBuilderRuleRenderingContextProps {\r\n  ruleOperatorRenderer?: (props: PropertyFilterBuilderRuleOperatorProps) => React.ReactNode;\r\n  ruleValueRenderer?: (props: PropertyFilterBuilderRuleValueProps) => React.ReactNode;\r\n  propertyRenderer?: (name: string) => React.ReactNode;\r\n  disablePropertySelection?: boolean;\r\n}\r\n\r\n/** @alpha */\r\nexport const PropertyFilterBuilderRuleRenderingContext = React.createContext<PropertyFilterBuilderRuleRenderingContextProps>({});\r\n\r\nconst ROOT_GROUP_PATH: string[] = [];\r\n\r\n/** @alpha */\r\nexport function PropertyFilterBuilder(props: PropertyFilterBuilderProps) {\r\n  const { properties, onFilterChanged, onRulePropertySelected, ruleOperatorRenderer, ruleValueRenderer, ruleGroupDepthLimit, propertyRenderer, disablePropertySelection } = props;\r\n  const { state, actions } = usePropertyFilterBuilderState();\r\n  const rootRef = React.useRef<HTMLDivElement>(null);\r\n\r\n  const filter = React.useMemo(() => buildPropertyFilter(state.rootGroup), [state]);\r\n  React.useEffect(() => {\r\n    onFilterChanged(filter);\r\n  }, [filter, onFilterChanged]);\r\n\r\n  const contextValue = React.useMemo<PropertyFilterBuilderContextProps>(\r\n    () => ({ actions, properties, onRulePropertySelected, ruleGroupDepthLimit }),\r\n    [actions, properties, onRulePropertySelected, ruleGroupDepthLimit]\r\n  );\r\n  const renderingContextValue = React.useMemo<PropertyFilterBuilderRuleRenderingContextProps>(\r\n    () => ({ ruleOperatorRenderer, ruleValueRenderer, propertyRenderer, disablePropertySelection }),\r\n    [ruleOperatorRenderer, ruleValueRenderer, propertyRenderer, disablePropertySelection]\r\n  );\r\n  return (\r\n    <PropertyFilterBuilderRuleRenderingContext.Provider value={renderingContextValue}>\r\n      <PropertyFilterBuilderContext.Provider value={contextValue}>\r\n        <ActiveRuleGroupContext.Provider value={useActiveRuleGroupContextProps(rootRef)}>\r\n          <div ref={rootRef} className=\"filter-builder\">\r\n            <PropertyFilterBuilderRuleGroupRenderer path={ROOT_GROUP_PATH} group={state.rootGroup} />\r\n          </div>\r\n        </ActiveRuleGroupContext.Provider>\r\n      </PropertyFilterBuilderContext.Provider>\r\n    </PropertyFilterBuilderRuleRenderingContext.Provider>\r\n  );\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 useActiveRuleGroupContextProps(rootElementRef: React.RefObject<HTMLElement>) {\r\n  const [activeElement, setActiveElement] = React.useState<HTMLElement | undefined>();\r\n\r\n  const onFocus: React.FocusEventHandler<HTMLElement> = React.useCallback((e) => {\r\n    e.stopPropagation();\r\n    setActiveElement(e.currentTarget);\r\n  }, []);\r\n\r\n  const onBlur: React.FocusEventHandler<HTMLElement> = React.useCallback((e) => {\r\n    e.stopPropagation();\r\n    if (activeElement !== e.currentTarget || (rootElementRef.current && rootElementRef.current.contains(e.relatedTarget)))\r\n      return;\r\n\r\n    setActiveElement(undefined);\r\n  }, [activeElement, rootElementRef]);\r\n\r\n  const onMouseOver: React.MouseEventHandler<HTMLElement> = React.useCallback((e) => {\r\n    e.stopPropagation();\r\n    setActiveElement(e.currentTarget);\r\n  }, []);\r\n\r\n  const onMouseOut: React.MouseEventHandler<HTMLElement> = React.useCallback((e) => {\r\n    e.stopPropagation();\r\n    // istanbul ignore if\r\n    if (activeElement !== e.currentTarget)\r\n      return;\r\n\r\n    setActiveElement(undefined);\r\n  }, [activeElement]);\r\n\r\n  return React.useMemo(() => ({\r\n    activeElement,\r\n    onFocus,\r\n    onBlur,\r\n    onMouseOver,\r\n    onMouseOut,\r\n  }), [activeElement, onFocus, onBlur, onMouseOver, onMouseOut]);\r\n}\r\n"]}
+{"version":3,"file":"FilterBuilder.js","sourceRoot":"","sources":["../../../../src/components-react/filter-builder/FilterBuilder.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAE/B,iEAGgC;AAChC,qEAAkF;AAGlF,6DAA0F;AA4B1F,MAAM,eAAe,GAAa,EAAE,CAAC;AAErC;;;GAGG;AACH,SAAgB,qBAAqB,CAAC,KAAiC;IACrE,MAAM,EAAE,UAAU,EAAE,eAAe,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IACjL,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAA,kDAA6B,EAAC,aAAa,CAAC,CAAC;IACxE,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEnD,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAA,wCAAmB,EAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAClF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,WAAW,CAAC,OAAO;YACtB,eAAe,CAAC,MAAM,CAAC,CAAC;QAC1B,WAAW,CAAC,OAAO,GAAG,KAAK,CAAC;IAC9B,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC;IAE9B,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAChC,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,CAAC,EAC5E,CAAC,OAAO,EAAE,UAAU,EAAE,sBAAsB,EAAE,mBAAmB,CAAC,CACnE,CAAC;IACF,MAAM,qBAAqB,GAAG,KAAK,CAAC,OAAO,CACzC,GAAG,EAAE,CAAC,CAAC,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,UAAU,EAAE,CAAC,EACjF,CAAC,oBAAoB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,UAAU,CAAC,CACxE,CAAC;IACF,OAAO,CACL,oBAAC,gEAAyC,CAAC,QAAQ,IAAC,KAAK,EAAE,qBAAqB;QAC9E,oBAAC,mDAA4B,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY;YACxD,oBAAC,6CAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAA,qDAA8B,EAAC,OAAO,CAAC;gBAC7E,6BAAK,GAAG,EAAE,OAAO,EAAE,SAAS,EAAC,gBAAgB;oBAC3C,oBAAC,+DAAsC,IAAC,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,GAAI,CACrF,CAC0B,CACI,CACW,CACtD,CAAC;AACJ,CAAC;AAhCD,sDAgCC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module PropertyFilterBuilder\n */\n\nimport * as React from \"react\";\nimport { PropertyDescription } from \"@itwin/appui-abstract\";\nimport {\n  ActiveRuleGroupContext, PropertyFilterBuilderContext, PropertyFilterBuilderContextProps, PropertyFilterBuilderRuleRenderingContext,\n  PropertyFilterBuilderRuleRenderingContextProps, useActiveRuleGroupContextProps,\n} from \"./FilterBuilderContext\";\nimport { PropertyFilterBuilderRuleGroupRenderer } from \"./FilterBuilderRuleGroup\";\nimport { PropertyFilterBuilderRuleOperatorProps } from \"./FilterBuilderRuleOperator\";\nimport { PropertyFilterBuilderRuleValueProps } from \"./FilterBuilderRuleValue\";\nimport { buildPropertyFilter, usePropertyFilterBuilderState } from \"./FilterBuilderState\";\nimport { PropertyFilter } from \"./Types\";\n\n/**\n * Props for [[PropertyFilterBuilder]] component.\n * @beta\n */\nexport interface PropertyFilterBuilderProps {\n  /** List of properties available to be used in filter rules. */\n  properties: PropertyDescription[];\n  /** Callback that is invoked when filter changes. */\n  onFilterChanged: (filter?: PropertyFilter) => void;\n  /** Callback that is invoked when property is selected in any rule. */\n  onRulePropertySelected?: (property: PropertyDescription) => void;\n  /** Custom renderer for rule operator selector. */\n  ruleOperatorRenderer?: (props: PropertyFilterBuilderRuleOperatorProps) => React.ReactNode;\n  /** Custom renderer for rule value input. */\n  ruleValueRenderer?: (props: PropertyFilterBuilderRuleValueProps) => React.ReactNode;\n  /** Custom renderer for property selector in rule. */\n  propertyRenderer?: (name: string) => React.ReactNode;\n  /** Specifies how deep rule groups can be nested. */\n  ruleGroupDepthLimit?: number;\n  /** Specifies whether component is disabled or not. */\n  isDisabled?: boolean;\n  /** Initial filter that should be shown when component is mounted. */\n  initialFilter?: PropertyFilter;\n}\n\nconst ROOT_GROUP_PATH: string[] = [];\n\n/**\n * Component for building complex filters. It allows to create filter rules or rule groups based on provided list of properties.\n * @beta\n */\nexport function PropertyFilterBuilder(props: PropertyFilterBuilderProps) {\n  const { properties, onFilterChanged, onRulePropertySelected, ruleOperatorRenderer, ruleValueRenderer, ruleGroupDepthLimit, propertyRenderer, isDisabled, initialFilter } = props;\n  const { state, actions } = usePropertyFilterBuilderState(initialFilter);\n  const rootRef = React.useRef<HTMLDivElement>(null);\n\n  const firstRender = React.useRef(true);\n  const filter = React.useMemo(() => buildPropertyFilter(state.rootGroup), [state]);\n  React.useEffect(() => {\n    if (!firstRender.current)\n      onFilterChanged(filter);\n    firstRender.current = false;\n  }, [filter, onFilterChanged]);\n\n  const contextValue = React.useMemo<PropertyFilterBuilderContextProps>(\n    () => ({ actions, properties, onRulePropertySelected, ruleGroupDepthLimit }),\n    [actions, properties, onRulePropertySelected, ruleGroupDepthLimit]\n  );\n  const renderingContextValue = React.useMemo<PropertyFilterBuilderRuleRenderingContextProps>(\n    () => ({ ruleOperatorRenderer, ruleValueRenderer, propertyRenderer, isDisabled }),\n    [ruleOperatorRenderer, ruleValueRenderer, propertyRenderer, isDisabled]\n  );\n  return (\n    <PropertyFilterBuilderRuleRenderingContext.Provider value={renderingContextValue}>\n      <PropertyFilterBuilderContext.Provider value={contextValue}>\n        <ActiveRuleGroupContext.Provider value={useActiveRuleGroupContextProps(rootRef)}>\n          <div ref={rootRef} className=\"filter-builder\">\n            <PropertyFilterBuilderRuleGroupRenderer path={ROOT_GROUP_PATH} group={state.rootGroup} />\n          </div>\n        </ActiveRuleGroupContext.Provider>\n      </PropertyFilterBuilderContext.Provider>\n    </PropertyFilterBuilderRuleRenderingContext.Provider>\n  );\n}\n"]}

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

@@ -0,0 +1,80 @@
+/** @packageDocumentation
+ * @module PropertyFilterBuilder
+ */
+import * as React from "react";
+import { PropertyDescription } from "@itwin/appui-abstract";
+import { PropertyFilterBuilderActions } from "./FilterBuilderState";
+import { PropertyFilterBuilderRuleOperatorProps } from "./FilterBuilderRuleOperator";
+import { PropertyFilterBuilderRuleValueProps } from "./FilterBuilderRuleValue";
+/**
+ * Data structure that describes [[PropertyFilterBuilderContext]] value.
+ * @internal
+ */
+export interface PropertyFilterBuilderContextProps {
+    /** Actions for modifying [[PropertyFilterBuilder]] state. */
+    actions: PropertyFilterBuilderActions;
+    /** List of available properties. */
+    properties: PropertyDescription[];
+    /** Callback to invoke when property is selected in any rule. */
+    onRulePropertySelected?: (property: PropertyDescription) => void;
+    /** Specifies how deep rule groups can be nested. */
+    ruleGroupDepthLimit?: number;
+}
+/**
+ * Context used to store data for rules and rule groups rendered inside [[PropertyFilterBuilder]] component.
+ * @internal
+ */
+export declare const PropertyFilterBuilderContext: React.Context<PropertyFilterBuilderContextProps>;
+/**
+ * Data structure that describes [[PropertyFilterBuilderRuleRenderingContext]] value.
+ * @internal
+ */
+export interface PropertyFilterBuilderRuleRenderingContextProps {
+    /** Custom renderer for operator selector in rule. */
+    ruleOperatorRenderer?: (props: PropertyFilterBuilderRuleOperatorProps) => React.ReactNode;
+    /** Custom renderer for value input in rule. */
+    ruleValueRenderer?: (props: PropertyFilterBuilderRuleValueProps) => React.ReactNode;
+    /** Custom renderer for property selector in rule. */
+    propertyRenderer?: (name: string) => React.ReactNode;
+    /** Specifies that properties selection is disabled. */
+    isDisabled?: boolean;
+}
+/**
+ * Context for rendering rules and rule groups inside [[PropertyFilterBuilder]] component.
+ * @internal
+ */
+export declare const PropertyFilterBuilderRuleRenderingContext: React.Context<PropertyFilterBuilderRuleRenderingContextProps>;
+/**
+ * Data structure that describes value of [[ActiveRuleGroupContext]].
+ * @internal
+ */
+export interface ActiveRuleGroupContextProps {
+    /** Element of currently active rule group. */
+    activeElement: HTMLElement | undefined;
+    /** Even handler for rule group element 'onFocus' event */
+    onFocus: React.FocusEventHandler<HTMLElement>;
+    /** Even handler for rule group element 'onBlur' event */
+    onBlur: React.FocusEventHandler<HTMLElement>;
+    /** Even handler for rule group element 'onMouseOver' event */
+    onMouseOver: React.MouseEventHandler<HTMLElement>;
+    /** Even handler for rule group element 'onMouseOut' event */
+    onMouseOut: React.MouseEventHandler<HTMLElement>;
+}
+/**
+ * Context for tracking and storing active rule group in [[PropertyFilterBuilder]].
+ * Group is considered active if it is focused or hovered.
+ * @internal
+ */
+export declare const ActiveRuleGroupContext: React.Context<ActiveRuleGroupContextProps>;
+/**
+ * Custom hook that created value for [[ActiveRuleGroupContext]].
+ * @internal
+ */
+export declare function useActiveRuleGroupContextProps(rootElementRef: React.RefObject<HTMLElement>): {
+    activeElement: HTMLElement | undefined;
+    onFocus: React.FocusEventHandler<HTMLElement>;
+    onBlur: React.FocusEventHandler<HTMLElement>;
+    onMouseOver: React.MouseEventHandler<HTMLElement>;
+    onMouseOut: React.MouseEventHandler<HTMLElement>;
+};
+//# sourceMappingURL=FilterBuilderContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBuilderContext.d.ts","sourceRoot":"","sources":["../../../../src/components-react/filter-builder/FilterBuilderContext.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,4BAA4B,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,sCAAsC,EAAE,MAAM,6BAA6B,CAAC;AACrF,OAAO,EAAE,mCAAmC,EAAE,MAAM,0BAA0B,CAAC;AAE/E;;;GAGG;AACH,MAAM,WAAW,iCAAiC;IAChD,6DAA6D;IAC7D,OAAO,EAAE,4BAA4B,CAAC;IACtC,oCAAoC;IACpC,UAAU,EAAE,mBAAmB,EAAE,CAAC;IAClC,gEAAgE;IAChE,sBAAsB,CAAC,EAAE,CAAC,QAAQ,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACjE,oDAAoD;IACpD,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED;;;GAGG;AACH,eAAO,MAAM,4BAA4B,kDAAgE,CAAC;AAE1G;;;GAGG;AACH,MAAM,WAAW,8CAA8C;IAC7D,qDAAqD;IACrD,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,sCAAsC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1F,+CAA+C;IAC/C,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,mCAAmC,KAAK,KAAK,CAAC,SAAS,CAAC;IACpF,qDAAqD;IACrD,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACrD,uDAAuD;IACvD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;GAGG;AACH,eAAO,MAAM,yCAAyC,+DAA0E,CAAC;AAEjI;;;GAGG;AACH,MAAM,WAAW,2BAA2B;IAC1C,8CAA8C;IAC9C,aAAa,EAAE,WAAW,GAAG,SAAS,CAAC;IACvC,0DAA0D;IAC1D,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAC9C,yDAAyD;IACzD,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAC7C,8DAA8D;IAC9D,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAClD,6DAA6D;IAC7D,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;CAClD;AAED;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,4CAA0D,CAAC;AAE9F;;;GAGG;AACH,wBAAgB,8BAA8B,CAAC,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;;;;;;EAqC1F"}