@itwin/components-react 4.0.0-dev.12 → 4.0.0-dev.14

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

@@ -1,62 +1,62 @@
-/** @packageDocumentation
- * @module PropertyGrid
- */
-import "./PropertyGrid.scss";
-import * as React from "react";
-import { PropertyRecord } from "@itwin/appui-abstract";
-import { Orientation } from "@itwin/core-react";
-import { IPropertyDataProvider, PropertyCategory } from "../PropertyDataProvider";
-import { CommonPropertyGridProps } from "./PropertyGridCommons";
-/** Properties for [[PropertyGrid]] React component
- * @public
- * @deprecated in 3.x. Use [[VirtualizedPropertyGrid]] instead.
- */
-export interface PropertyGridProps extends CommonPropertyGridProps {
-    /** Property data provider */
-    dataProvider: IPropertyDataProvider;
-}
-interface CategorizedPropertyGridRecords {
-    category: PropertyCategory;
-    records: PropertyRecord[];
-    children: CategorizedPropertyGridRecords[];
-}
-/** State of [[PropertyGrid]] React component
- * @internal
- */
-interface PropertyGridState {
-    /** List of PropertyGrid categories */
-    categories: CategorizedPropertyGridRecords[];
-    /** Actual orientation used by the property grid */
-    orientation: Orientation;
-    /** If property grid currently loading data, the loading start time  */
-    loadStart?: Date;
-    /** Width of PropertyGrid */
-    width: number;
-}
-/** PropertyGrid React component.
- * @public
- * @deprecated in 3.x. Use [[VirtualizedPropertyGrid]] instead.
- */
-export declare class PropertyGrid extends React.Component<PropertyGridProps, PropertyGridState> {
-    private _dataChangesListenerDisposeFunc?;
-    private _isMounted;
-    private _isInDataRequest;
-    private _hasPendingDataRequest;
-    /** @internal */
-    constructor(props: PropertyGridProps);
-    /** @internal */
-    componentDidMount(): void;
-    /** @internal */
-    componentWillUnmount(): void;
-    componentDidUpdate(prevProps: PropertyGridProps): void;
-    private _onPropertyDataChanged;
-    private gatherData;
-    private getPreferredOrientation;
-    private _onResize;
-    private _onCategoryExpansionToggled;
-    private updateOrientation;
-    /** @internal */
-    render(): JSX.Element;
-}
-export {};
+/** @packageDocumentation
+ * @module PropertyGrid
+ */
+import "./PropertyGrid.scss";
+import * as React from "react";
+import { PropertyRecord } from "@itwin/appui-abstract";
+import { Orientation } from "@itwin/core-react";
+import { IPropertyDataProvider, PropertyCategory } from "../PropertyDataProvider";
+import { CommonPropertyGridProps } from "./PropertyGridCommons";
+/** Properties for [[PropertyGrid]] React component
+ * @public
+ * @deprecated in 3.x. Use [[VirtualizedPropertyGrid]] instead.
+ */
+export interface PropertyGridProps extends CommonPropertyGridProps {
+    /** Property data provider */
+    dataProvider: IPropertyDataProvider;
+}
+interface CategorizedPropertyGridRecords {
+    category: PropertyCategory;
+    records: PropertyRecord[];
+    children: CategorizedPropertyGridRecords[];
+}
+/** State of [[PropertyGrid]] React component
+ * @internal
+ */
+interface PropertyGridState {
+    /** List of PropertyGrid categories */
+    categories: CategorizedPropertyGridRecords[];
+    /** Actual orientation used by the property grid */
+    orientation: Orientation;
+    /** If property grid currently loading data, the loading start time  */
+    loadStart?: Date;
+    /** Width of PropertyGrid */
+    width: number;
+}
+/** PropertyGrid React component.
+ * @public
+ * @deprecated in 3.x. Use [[VirtualizedPropertyGrid]] instead.
+ */
+export declare class PropertyGrid extends React.Component<PropertyGridProps, PropertyGridState> {
+    private _dataChangesListenerDisposeFunc?;
+    private _isMounted;
+    private _isInDataRequest;
+    private _hasPendingDataRequest;
+    /** @internal */
+    constructor(props: PropertyGridProps);
+    /** @internal */
+    componentDidMount(): void;
+    /** @internal */
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: PropertyGridProps): void;
+    private _onPropertyDataChanged;
+    private gatherData;
+    private getPreferredOrientation;
+    private _onResize;
+    private _onCategoryExpansionToggled;
+    private updateOrientation;
+    /** @internal */
+    render(): JSX.Element;
+}
+export {};
 //# sourceMappingURL=PropertyGrid.d.ts.map

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

@@ -1,160 +1,158 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module PropertyGrid
- */
-import "./PropertyGrid.scss";
-import classnames from "classnames";
-import { produce } from "immer";
-import * as React from "react";
-import { Orientation, ResizableContainerObserver } from "@itwin/core-react";
-import { DelayedSpinner } from "../../common/DelayedSpinner";
-import { ColumnResizingPropertyListPropsSupplier } from "./ColumnResizingPropertyListPropsSupplier";
-import { PropertyCategoryBlock } from "./PropertyCategoryBlock";
-import { PropertyGridCommons } from "./PropertyGridCommons";
-import { PropertyGridEventsRelatedPropsSupplier } from "./PropertyGridEventsRelatedPropsSupplier";
-import { PropertyList } from "./PropertyList";
-/** PropertyGrid React component.
- * @public
- * @deprecated in 3.x. Use [[VirtualizedPropertyGrid]] instead.
- */
-export class PropertyGrid extends React.Component {
-    /** @internal */
-    constructor(props) {
-        super(props);
-        this._isMounted = false;
-        this._isInDataRequest = false;
-        this._hasPendingDataRequest = false;
-        this._onPropertyDataChanged = () => {
-            // eslint-disable-next-line @typescript-eslint/no-floating-promises
-            this.gatherData();
-        };
-        this._onResize = (width) => {
-            this.updateOrientation(width);
-        };
-        this._onCategoryExpansionToggled = (categoryName) => {
-            this.setState((state) => {
-                return produce(state, (draft) => {
-                    const records = findCategory(draft.categories, categoryName, true);
-                    // istanbul ignore else
-                    if (records) {
-                        const category = records.category;
-                        category.expand = !category.expand;
-                    }
-                });
-            });
-        };
-        this.state = {
-            categories: [],
-            orientation: this.getPreferredOrientation(),
-            width: 0,
-        };
-    }
-    /** @internal */
-    componentDidMount() {
-        this._isMounted = true;
-        this._dataChangesListenerDisposeFunc = this.props.dataProvider.onDataChanged.addListener(this._onPropertyDataChanged);
-        // eslint-disable-next-line @typescript-eslint/no-floating-promises
-        this.gatherData();
-    }
-    /** @internal */
-    componentWillUnmount() {
-        // istanbul ignore else
-        if (this._dataChangesListenerDisposeFunc) {
-            this._dataChangesListenerDisposeFunc();
-            this._dataChangesListenerDisposeFunc = undefined;
-        }
-        this._isMounted = false;
-    }
-    componentDidUpdate(prevProps) {
-        if (this.props.dataProvider !== prevProps.dataProvider) {
-            // istanbul ignore else
-            if (this._dataChangesListenerDisposeFunc)
-                this._dataChangesListenerDisposeFunc();
-            this._dataChangesListenerDisposeFunc = this.props.dataProvider.onDataChanged.addListener(this._onPropertyDataChanged);
-            // eslint-disable-next-line @typescript-eslint/no-floating-promises
-            this.gatherData();
-        }
-        if (this.props.orientation !== prevProps.orientation
-            || this.props.isOrientationFixed !== prevProps.isOrientationFixed
-            || this.props.horizontalOrientationMinWidth !== prevProps.horizontalOrientationMinWidth)
-            this.updateOrientation(this.state.width);
-    }
-    async gatherData() {
-        if (this._isInDataRequest) {
-            this._hasPendingDataRequest = true;
-            return;
-        }
-        this.setState((prev) => prev.loadStart ? null : { loadStart: new Date() });
-        this._isInDataRequest = true;
-        let propertyData;
-        try {
-            propertyData = await this.props.dataProvider.getData();
-        }
-        finally {
-            this._isInDataRequest = false;
-        }
-        if (!this._isMounted)
-            return;
-        if (this._hasPendingDataRequest) {
-            this._hasPendingDataRequest = false;
-            return this.gatherData();
-        }
-        this.setState((prevState) => {
-            const buildCategoriesHierarchy = (newCategories, stateCategories) => newCategories.map((category) => {
-                var _a, _b, _c, _d;
-                const matchingStateCategory = findCategory(stateCategories !== null && stateCategories !== void 0 ? stateCategories : [], category.name, false);
-                return {
-                    category: { ...category, expand: (_b = (_a = matchingStateCategory === null || matchingStateCategory === void 0 ? void 0 : matchingStateCategory.category) === null || _a === void 0 ? void 0 : _a.expand) !== null && _b !== void 0 ? _b : category.expand },
-                    records: (_c = propertyData.records[category.name]) !== null && _c !== void 0 ? _c : [],
-                    children: buildCategoriesHierarchy((_d = category.childCategories) !== null && _d !== void 0 ? _d : [], matchingStateCategory === null || matchingStateCategory === void 0 ? void 0 : matchingStateCategory.children),
-                };
-            });
-            return {
-                categories: buildCategoriesHierarchy(propertyData.categories, prevState.categories),
-                loadStart: undefined,
-            };
-        });
-    }
-    getPreferredOrientation() {
-        return (this.props.orientation !== undefined) ? this.props.orientation : Orientation.Horizontal;
-    }
-    updateOrientation(width) {
-        const { orientation, isOrientationFixed, horizontalOrientationMinWidth } = { ...this.props };
-        const currentOrientation = PropertyGridCommons.getCurrentOrientation(width, orientation, isOrientationFixed, horizontalOrientationMinWidth);
-        if (currentOrientation !== this.state.orientation || width !== this.state.width)
-            this.setState({ orientation: currentOrientation, width });
-    }
-    /** @internal */
-    render() {
-        var _a, _b;
-        if (this.state.loadStart) {
-            return (React.createElement("div", { className: "components-property-grid-loader" },
-                React.createElement(DelayedSpinner, { loadStart: this.state.loadStart, size: "large" })));
-        }
-        return (React.createElement(PropertyGridEventsRelatedPropsSupplier, { isPropertySelectionEnabled: (_a = this.props.isPropertySelectionEnabled) !== null && _a !== void 0 ? _a : false, isPropertySelectionOnRightClickEnabled: this.props.isPropertySelectionOnRightClickEnabled, isPropertyEditingEnabled: this.props.isPropertyEditingEnabled, isPropertyHoverEnabled: (_b = this.props.isPropertyHoverEnabled) !== null && _b !== void 0 ? _b : false, onPropertyContextMenu: this.props.onPropertyContextMenu, onPropertyUpdated: this.props.onPropertyUpdated, onPropertySelectionChanged: this.props.onPropertySelectionChanged }, (selectionContext) => (React.createElement("div", { className: classnames("components-property-grid-wrapper", this.props.className), style: this.props.style },
-            React.createElement("div", { className: classnames("components-property-grid", "components-smallEditor-host") },
-                React.createElement("div", { className: "property-categories" }, this.state.categories.map((categorizedRecords) => (React.createElement(NestedCategoryBlock, { ...selectionContext, key: categorizedRecords.category.name, categorizedRecords: categorizedRecords, onCategoryExpansionToggled: this._onCategoryExpansionToggled, orientation: this.state.orientation, propertyValueRendererManager: this.props.propertyValueRendererManager, actionButtonRenderers: this.props.actionButtonRenderers }))))),
-            React.createElement(ResizableContainerObserver, { onResize: this._onResize })))));
-    }
-}
-function findCategory(categories, lookupName, recurseIntoChildren) {
-    for (const category of categories) {
-        if (category.category.name === lookupName)
-            return category;
-        if (recurseIntoChildren) {
-            const matchingChild = findCategory(category.children, lookupName, recurseIntoChildren);
-            if (matchingChild)
-                return matchingChild;
-        }
-    }
-    return undefined;
-}
-function NestedCategoryBlock(props) {
-    return (React.createElement(PropertyCategoryBlock, { category: props.categorizedRecords.category, onExpansionToggled: props.onCategoryExpansionToggled },
-        props.categorizedRecords.records.length ? (React.createElement(ColumnResizingPropertyListPropsSupplier, { orientation: props.orientation }, (partialListProps) => (React.createElement(PropertyList, { ...partialListProps, orientation: props.orientation, category: props.categorizedRecords.category, properties: props.categorizedRecords.records, selectedPropertyKey: props.selectedPropertyKey, onPropertyClicked: props.onPropertyClicked, onPropertyRightClicked: props.onPropertyRightClicked, onPropertyContextMenu: props.onPropertyContextMenu, propertyValueRendererManager: props.propertyValueRendererManager, editingPropertyKey: props.editingPropertyKey, onEditCommit: props.onEditCommit, onEditCancel: props.onEditCancel, isPropertyHoverEnabled: props.isPropertyHoverEnabled, isPropertySelectionEnabled: props.isPropertySelectionEnabled, isPropertyRightClickSelectionEnabled: props.isPropertyRightClickSelectionEnabled, actionButtonRenderers: props.actionButtonRenderers })))) : undefined,
-        props.categorizedRecords.children.length ? (React.createElement("div", { className: "property-categories" }, props.categorizedRecords.children.map((categorizedChildRecords) => (React.createElement(NestedCategoryBlock, { ...props, key: categorizedChildRecords.category.name, categorizedRecords: categorizedChildRecords }))))) : undefined));
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module PropertyGrid
+ */
+import "./PropertyGrid.scss";
+import classnames from "classnames";
+import { produce } from "immer";
+import * as React from "react";
+import { Orientation, ResizableContainerObserver } from "@itwin/core-react";
+import { DelayedSpinner } from "../../common/DelayedSpinner";
+import { ColumnResizingPropertyListPropsSupplier } from "./ColumnResizingPropertyListPropsSupplier";
+import { PropertyCategoryBlock } from "./PropertyCategoryBlock";
+import { PropertyGridCommons } from "./PropertyGridCommons";
+import { PropertyGridEventsRelatedPropsSupplier } from "./PropertyGridEventsRelatedPropsSupplier";
+import { PropertyList } from "./PropertyList";
+/** PropertyGrid React component.
+ * @public
+ * @deprecated in 3.x. Use [[VirtualizedPropertyGrid]] instead.
+ */
+export class PropertyGrid extends React.Component {
+    /** @internal */
+    constructor(props) {
+        super(props);
+        this._isMounted = false;
+        this._isInDataRequest = false;
+        this._hasPendingDataRequest = false;
+        this._onPropertyDataChanged = () => {
+            // eslint-disable-next-line @typescript-eslint/no-floating-promises
+            this.gatherData();
+        };
+        this._onResize = (width) => {
+            this.updateOrientation(width);
+        };
+        this._onCategoryExpansionToggled = (categoryName) => {
+            this.setState((state) => {
+                return produce(state, (draft) => {
+                    const records = findCategory(draft.categories, categoryName, true);
+                    // istanbul ignore else
+                    if (records) {
+                        const category = records.category;
+                        category.expand = !category.expand;
+                    }
+                });
+            });
+        };
+        this.state = {
+            categories: [],
+            orientation: this.getPreferredOrientation(),
+            width: 0,
+        };
+    }
+    /** @internal */
+    componentDidMount() {
+        this._isMounted = true;
+        this._dataChangesListenerDisposeFunc = this.props.dataProvider.onDataChanged.addListener(this._onPropertyDataChanged);
+        // eslint-disable-next-line @typescript-eslint/no-floating-promises
+        this.gatherData();
+    }
+    /** @internal */
+    componentWillUnmount() {
+        // istanbul ignore else
+        if (this._dataChangesListenerDisposeFunc) {
+            this._dataChangesListenerDisposeFunc();
+            this._dataChangesListenerDisposeFunc = undefined;
+        }
+        this._isMounted = false;
+    }
+    componentDidUpdate(prevProps) {
+        if (this.props.dataProvider !== prevProps.dataProvider) {
+            // istanbul ignore else
+            if (this._dataChangesListenerDisposeFunc)
+                this._dataChangesListenerDisposeFunc();
+            this._dataChangesListenerDisposeFunc = this.props.dataProvider.onDataChanged.addListener(this._onPropertyDataChanged);
+            // eslint-disable-next-line @typescript-eslint/no-floating-promises
+            this.gatherData();
+        }
+        if (this.props.orientation !== prevProps.orientation
+            || this.props.isOrientationFixed !== prevProps.isOrientationFixed
+            || this.props.horizontalOrientationMinWidth !== prevProps.horizontalOrientationMinWidth)
+            this.updateOrientation(this.state.width);
+    }
+    async gatherData() {
+        if (this._isInDataRequest) {
+            this._hasPendingDataRequest = true;
+            return;
+        }
+        this.setState((prev) => prev.loadStart ? null : { loadStart: new Date() });
+        this._isInDataRequest = true;
+        let propertyData;
+        try {
+            propertyData = await this.props.dataProvider.getData();
+        }
+        finally {
+            this._isInDataRequest = false;
+        }
+        if (!this._isMounted)
+            return;
+        if (this._hasPendingDataRequest) {
+            this._hasPendingDataRequest = false;
+            return this.gatherData();
+        }
+        this.setState((prevState) => {
+            const buildCategoriesHierarchy = (newCategories, stateCategories) => newCategories.map((category) => {
+                const matchingStateCategory = findCategory(stateCategories ?? [], category.name, false);
+                return {
+                    category: { ...category, expand: matchingStateCategory?.category?.expand ?? category.expand },
+                    records: propertyData.records[category.name] ?? [],
+                    children: buildCategoriesHierarchy(category.childCategories ?? [], matchingStateCategory?.children),
+                };
+            });
+            return {
+                categories: buildCategoriesHierarchy(propertyData.categories, prevState.categories),
+                loadStart: undefined,
+            };
+        });
+    }
+    getPreferredOrientation() {
+        return (this.props.orientation !== undefined) ? this.props.orientation : Orientation.Horizontal;
+    }
+    updateOrientation(width) {
+        const { orientation, isOrientationFixed, horizontalOrientationMinWidth } = { ...this.props };
+        const currentOrientation = PropertyGridCommons.getCurrentOrientation(width, orientation, isOrientationFixed, horizontalOrientationMinWidth);
+        if (currentOrientation !== this.state.orientation || width !== this.state.width)
+            this.setState({ orientation: currentOrientation, width });
+    }
+    /** @internal */
+    render() {
+        if (this.state.loadStart) {
+            return (React.createElement("div", { className: "components-property-grid-loader" },
+                React.createElement(DelayedSpinner, { loadStart: this.state.loadStart, size: "large" })));
+        }
+        return (React.createElement(PropertyGridEventsRelatedPropsSupplier, { isPropertySelectionEnabled: this.props.isPropertySelectionEnabled ?? false, isPropertySelectionOnRightClickEnabled: this.props.isPropertySelectionOnRightClickEnabled, isPropertyEditingEnabled: this.props.isPropertyEditingEnabled, isPropertyHoverEnabled: this.props.isPropertyHoverEnabled ?? false, onPropertyContextMenu: this.props.onPropertyContextMenu, onPropertyUpdated: this.props.onPropertyUpdated, onPropertySelectionChanged: this.props.onPropertySelectionChanged }, (selectionContext) => (React.createElement("div", { className: classnames("components-property-grid-wrapper", this.props.className), style: this.props.style },
+            React.createElement("div", { className: classnames("components-property-grid", "components-smallEditor-host") },
+                React.createElement("div", { className: "property-categories" }, this.state.categories.map((categorizedRecords) => (React.createElement(NestedCategoryBlock, { ...selectionContext, key: categorizedRecords.category.name, categorizedRecords: categorizedRecords, onCategoryExpansionToggled: this._onCategoryExpansionToggled, orientation: this.state.orientation, propertyValueRendererManager: this.props.propertyValueRendererManager, actionButtonRenderers: this.props.actionButtonRenderers }))))),
+            React.createElement(ResizableContainerObserver, { onResize: this._onResize })))));
+    }
+}
+function findCategory(categories, lookupName, recurseIntoChildren) {
+    for (const category of categories) {
+        if (category.category.name === lookupName)
+            return category;
+        if (recurseIntoChildren) {
+            const matchingChild = findCategory(category.children, lookupName, recurseIntoChildren);
+            if (matchingChild)
+                return matchingChild;
+        }
+    }
+    return undefined;
+}
+function NestedCategoryBlock(props) {
+    return (React.createElement(PropertyCategoryBlock, { category: props.categorizedRecords.category, onExpansionToggled: props.onCategoryExpansionToggled },
+        props.categorizedRecords.records.length ? (React.createElement(ColumnResizingPropertyListPropsSupplier, { orientation: props.orientation }, (partialListProps) => (React.createElement(PropertyList, { ...partialListProps, orientation: props.orientation, category: props.categorizedRecords.category, properties: props.categorizedRecords.records, selectedPropertyKey: props.selectedPropertyKey, onPropertyClicked: props.onPropertyClicked, onPropertyRightClicked: props.onPropertyRightClicked, onPropertyContextMenu: props.onPropertyContextMenu, propertyValueRendererManager: props.propertyValueRendererManager, editingPropertyKey: props.editingPropertyKey, onEditCommit: props.onEditCommit, onEditCancel: props.onEditCancel, isPropertyHoverEnabled: props.isPropertyHoverEnabled, isPropertySelectionEnabled: props.isPropertySelectionEnabled, isPropertyRightClickSelectionEnabled: props.isPropertyRightClickSelectionEnabled, actionButtonRenderers: props.actionButtonRenderers })))) : undefined,
+        props.categorizedRecords.children.length ? (React.createElement("div", { className: "property-categories" }, props.categorizedRecords.children.map((categorizedChildRecords) => (React.createElement(NestedCategoryBlock, { ...props, key: categorizedChildRecords.category.name, categorizedRecords: categorizedChildRecords }))))) : undefined));
+}
 //# sourceMappingURL=PropertyGrid.js.map

package/lib/esm/components-react/propertygrid/component/PropertyGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyGrid.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyGrid.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAE/F;;GAEG;AACH,OAAO,qBAAqB,CAAC;AAC7B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,WAAW,EAAE,0BAA0B,EAAE,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAE7D,OAAO,EAAwC,uCAAuC,EAAE,MAAM,2CAA2C,CAAC;AAC1I,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAA2B,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACrF,OAAO,EAAE,sCAAsC,EAAE,MAAM,0CAA0C,CAAC;AAClG,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAC;AA+BjE;;;GAGG;AACH,MAAM,OAAO,YAAa,SAAQ,KAAK,CAAC,SAA+C;IAMrF,gBAAgB;IAChB,YAAY,KAAwB;QAClC,KAAK,CAAC,KAAK,CAAC,CAAC;QANP,eAAU,GAAG,KAAK,CAAC;QACnB,qBAAgB,GAAG,KAAK,CAAC;QACzB,2BAAsB,GAAG,KAAK,CAAC;QAgD/B,2BAAsB,GAAG,GAAG,EAAE;YACpC,mEAAmE;YACnE,IAAI,CAAC,UAAU,EAAE,CAAC;QACpB,CAAC,CAAC;QA+CM,cAAS,GAAG,CAAC,KAAa,EAAE,EAAE;YACpC,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC,CAAC;QAEM,gCAA2B,GAAG,CAAC,YAAoB,EAAE,EAAE;YAC7D,IAAI,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;gBACtB,OAAO,OAAO,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;oBAC9B,MAAM,OAAO,GAAG,YAAY,CAAC,KAAK,CAAC,UAAU,EAAE,YAAY,EAAE,IAAI,CAAC,CAAC;oBACnE,uBAAuB;oBACvB,IAAI,OAAO,EAAE;wBACX,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;wBAClC,QAAQ,CAAC,MAAM,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC;qBACpC;gBACH,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QA5GA,IAAI,CAAC,KAAK,GAAG;YACX,UAAU,EAAE,EAAE;YACd,WAAW,EAAE,IAAI,CAAC,uBAAuB,EAAE;YAC3C,KAAK,EAAE,CAAC;SACT,CAAC;IACJ,CAAC;IAED,gBAAgB;IACA,iBAAiB;QAC/B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,+BAA+B,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;QAEtH,mEAAmE;QACnE,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAED,gBAAgB;IACA,oBAAoB;QAClC,uBAAuB;QACvB,IAAI,IAAI,CAAC,+BAA+B,EAAE;YACxC,IAAI,CAAC,+BAA+B,EAAE,CAAC;YACvC,IAAI,CAAC,+BAA+B,GAAG,SAAS,CAAC;SAClD;QACD,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;IAC1B,CAAC;IAEe,kBAAkB,CAAC,SAA4B;QAC7D,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,KAAK,SAAS,CAAC,YAAY,EAAE;YACtD,uBAAuB;YACvB,IAAI,IAAI,CAAC,+BAA+B;gBACtC,IAAI,CAAC,+BAA+B,EAAE,CAAC;YACzC,IAAI,CAAC,+BAA+B,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;YAEtH,mEAAmE;YACnE,IAAI,CAAC,UAAU,EAAE,CAAC;SACnB;QAED,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,SAAS,CAAC,WAAW;eAC/C,IAAI,CAAC,KAAK,CAAC,kBAAkB,KAAK,SAAS,CAAC,kBAAkB;eAC9D,IAAI,CAAC,KAAK,CAAC,6BAA6B,KAAK,SAAS,CAAC,6BAA6B;YACvF,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC7C,CAAC;IAOO,KAAK,CAAC,UAAU;QACtB,IAAI,IAAI,CAAC,gBAAgB,EAAE;YACzB,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;YACnC,OAAO;SACR;QAED,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,IAAI,EAAE,EAAE,CAAC,CAAC;QAE3E,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;QAC7B,IAAI,YAA0B,CAAC;QAC/B,IAAI;YACF,YAAY,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;SACxD;gBAAS;YACR,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;SAC/B;QAED,IAAI,CAAC,IAAI,CAAC,UAAU;YAClB,OAAO;QAET,IAAI,IAAI,CAAC,sBAAsB,EAAE;YAC/B,IAAI,CAAC,sBAAsB,GAAG,KAAK,CAAC;YACpC,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC;SAC1B;QAED,IAAI,CAAC,QAAQ,CAAC,CAAC,SAAS,EAAE,EAAE;YAC1B,MAAM,wBAAwB,GAAG,CAAC,aAAiC,EAAE,eAA6D,EAAE,EAAE,CACpI,aAAa,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAkC,EAAE;;gBAC7D,MAAM,qBAAqB,GAAG,YAAY,CAAC,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,EAAE,EAAE,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;gBACxF,OAAO;oBACL,QAAQ,EAAE,EAAE,GAAG,QAAQ,EAAE,MAAM,EAAE,MAAA,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,QAAQ,0CAAE,MAAM,mCAAI,QAAQ,CAAC,MAAM,EAAE;oBAC7F,OAAO,EAAE,MAAA,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,mCAAI,EAAE;oBAClD,QAAQ,EAAE,wBAAwB,CAAC,MAAA,QAAQ,CAAC,eAAe,mCAAI,EAAE,EAAE,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,QAAQ,CAAC;iBACpG,CAAC;YACJ,CAAC,CAAC,CAAC;YACL,OAAO;gBACL,UAAU,EAAE,wBAAwB,CAAC,YAAY,CAAC,UAAU,EAAE,SAAS,CAAC,UAAU,CAAC;gBACnF,SAAS,EAAE,SAAS;aACrB,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,uBAAuB;QAC7B,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC;IAClG,CAAC;IAmBO,iBAAiB,CAAC,KAAa;QACrC,MAAM,EAAE,WAAW,EAAE,kBAAkB,EAAE,6BAA6B,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;QAC7F,MAAM,kBAAkB,GAAG,mBAAmB,CAAC,qBAAqB,CAAC,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,6BAA6B,CAAC,CAAC;QAE5I,IAAI,kBAAkB,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,KAAK;YAC7E,IAAI,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,kBAAkB,EAAE,KAAK,EAAE,CAAC,CAAC;IAC9D,CAAC;IAED,gBAAgB;IACA,MAAM;;QACpB,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YACxB,OAAO,CACL,6BAAK,SAAS,EAAC,iCAAiC;gBAC9C,oBAAC,cAAc,IAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,IAAI,EAAC,OAAO,GAAG,CAC5D,CACP,CAAC;SACH;QAED,OAAO,CACL,oBAAC,sCAAsC,IACrC,0BAA0B,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,0BAA0B,mCAAI,KAAK,EAC1E,sCAAsC,EAAE,IAAI,CAAC,KAAK,CAAC,sCAAsC,EACzF,wBAAwB,EAAE,IAAI,CAAC,KAAK,CAAC,wBAAwB,EAC7D,sBAAsB,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,sBAAsB,mCAAI,KAAK,EAClE,qBAAqB,EAAE,IAAI,CAAC,KAAK,CAAC,qBAAqB,EACvD,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAC/C,0BAA0B,EAAE,IAAI,CAAC,KAAK,CAAC,0BAA0B,IAEhE,CAAC,gBAAgB,EAAE,EAAE,CAAC,CACrB,6BAAK,SAAS,EAAE,UAAU,CAAC,kCAAkC,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YAC3G,6BAAK,SAAS,EAAE,UAAU,CAAC,0BAA0B,EAAE,6BAA6B,CAAC;gBACnF,6BAAK,SAAS,EAAC,qBAAqB,IAEhC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,kBAAkD,EAAE,EAAE,CAAC,CAChF,oBAAC,mBAAmB,OACd,gBAAgB,EACpB,GAAG,EAAE,kBAAkB,CAAC,QAAQ,CAAC,IAAI,EACrC,kBAAkB,EAAE,kBAAkB,EACtC,0BAA0B,EAAE,IAAI,CAAC,2BAA2B,EAC5D,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,4BAA4B,EAAE,IAAI,CAAC,KAAK,CAAC,4BAA4B,EACrE,qBAAqB,EAAE,IAAI,CAAC,KAAK,CAAC,qBAAqB,GACvD,CACH,CAAC,CAEA,CACF;YACN,oBAAC,0BAA0B,IAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,GAAI,CACpD,CACP,CACsC,CAC1C,CAAC;IACJ,CAAC;CACF;AAED,SAAS,YAAY,CAAC,UAA4C,EAAE,UAAkB,EAAE,mBAA4B;IAClH,KAAK,MAAM,QAAQ,IAAI,UAAU,EAAE;QACjC,IAAI,QAAQ,CAAC,QAAQ,CAAC,IAAI,KAAK,UAAU;YACvC,OAAO,QAAQ,CAAC;QAClB,IAAI,mBAAmB,EAAE;YACvB,MAAM,aAAa,GAAG,YAAY,CAAC,QAAQ,CAAC,QAAQ,EAAE,UAAU,EAAE,mBAAmB,CAAC,CAAC;YACvF,IAAI,aAAa;gBACf,OAAO,aAAa,CAAC;SACxB;KACF;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAOD,SAAS,mBAAmB,CAAC,KAA+B;IAC1D,OAAO,CACL,oBAAC,qBAAqB,IACpB,QAAQ,EAAE,KAAK,CAAC,kBAAkB,CAAC,QAAQ,EAC3C,kBAAkB,EAAE,KAAK,CAAC,0BAA0B;QAEnD,KAAK,CAAC,kBAAkB,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CACzC,oBAAC,uCAAuC,IAAC,WAAW,EAAE,KAAK,CAAC,WAAW,IACpE,CAAC,gBAAsD,EAAE,EAAE,CAAC,CAC3D,oBAAC,YAAY,OACP,gBAAgB,EACpB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,QAAQ,EAAE,KAAK,CAAC,kBAAkB,CAAC,QAAQ,EAC3C,UAAU,EAAE,KAAK,CAAC,kBAAkB,CAAC,OAAO,EAC5C,mBAAmB,EAAE,KAAK,CAAC,mBAAmB,EAC9C,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,sBAAsB,EAAE,KAAK,CAAC,sBAAsB,EACpD,qBAAqB,EAAE,KAAK,CAAC,qBAAqB,EAClD,4BAA4B,EAAE,KAAK,CAAC,4BAA4B,EAChE,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,EAC5C,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,sBAAsB,EAAE,KAAK,CAAC,sBAAsB,EACpD,0BAA0B,EAAE,KAAK,CAAC,0BAA0B,EAC5D,oCAAoC,EAAE,KAAK,CAAC,oCAAoC,EAChF,qBAAqB,EAAE,KAAK,CAAC,qBAAqB,GAClD,CACH,CACuC,CAC3C,CAAC,CAAC,CAAC,SAAS;QACZ,KAAK,CAAC,kBAAkB,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAC1C,6BAAK,SAAS,EAAC,qBAAqB,IAEhC,KAAK,CAAC,kBAAkB,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,uBAAuB,EAAE,EAAE,CAAC,CACjE,oBAAC,mBAAmB,OAAK,KAAK,EAAE,GAAG,EAAE,uBAAuB,CAAC,QAAQ,CAAC,IAAI,EAAE,kBAAkB,EAAE,uBAAuB,GAAI,CAC5H,CAAC,CAEA,CACP,CAAC,CAAC,CAAC,SAAS,CACS,CACzB,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n\r\n/** @packageDocumentation\r\n * @module PropertyGrid\r\n */\r\nimport \"./PropertyGrid.scss\";\r\nimport classnames from \"classnames\";\r\nimport { produce } from \"immer\";\r\nimport * as React from \"react\";\r\nimport { DisposeFunc } from \"@itwin/core-bentley\";\r\nimport { PropertyRecord } from \"@itwin/appui-abstract\";\r\nimport { Orientation, ResizableContainerObserver } from \"@itwin/core-react\";\r\nimport { DelayedSpinner } from \"../../common/DelayedSpinner\";\r\nimport { IPropertyDataProvider, PropertyCategory, PropertyData } from \"../PropertyDataProvider\";\r\nimport { ColumnResizeRelatedPropertyListProps, ColumnResizingPropertyListPropsSupplier } from \"./ColumnResizingPropertyListPropsSupplier\";\r\nimport { PropertyCategoryBlock } from \"./PropertyCategoryBlock\";\r\nimport { CommonPropertyGridProps, PropertyGridCommons } from \"./PropertyGridCommons\";\r\nimport { PropertyGridEventsRelatedPropsSupplier } from \"./PropertyGridEventsRelatedPropsSupplier\";\r\nimport { PropertyList, PropertyListProps } from \"./PropertyList\";\r\n\r\n/** Properties for [[PropertyGrid]] React component\r\n * @public\r\n * @deprecated in 3.x. Use [[VirtualizedPropertyGrid]] instead.\r\n */\r\nexport interface PropertyGridProps extends CommonPropertyGridProps {\r\n  /** Property data provider */\r\n  dataProvider: IPropertyDataProvider;\r\n}\r\n\r\ninterface CategorizedPropertyGridRecords {\r\n  category: PropertyCategory;\r\n  records: PropertyRecord[];\r\n  children: CategorizedPropertyGridRecords[];\r\n}\r\n\r\n/** State of [[PropertyGrid]] React component\r\n * @internal\r\n */\r\ninterface PropertyGridState {\r\n  /** List of PropertyGrid categories */\r\n  categories: CategorizedPropertyGridRecords[];\r\n  /** Actual orientation used by the property grid */\r\n  orientation: Orientation;\r\n  /** If property grid currently loading data, the loading start time  */\r\n  loadStart?: Date;\r\n  /** Width of PropertyGrid */\r\n  width: number;\r\n}\r\n\r\n/** PropertyGrid React component.\r\n * @public\r\n * @deprecated in 3.x. Use [[VirtualizedPropertyGrid]] instead.\r\n */\r\nexport class PropertyGrid extends React.Component<PropertyGridProps, PropertyGridState> { // eslint-disable-line deprecation/deprecation\r\n  private _dataChangesListenerDisposeFunc?: DisposeFunc;\r\n  private _isMounted = false;\r\n  private _isInDataRequest = false;\r\n  private _hasPendingDataRequest = false;\r\n\r\n  /** @internal */\r\n  constructor(props: PropertyGridProps) { // eslint-disable-line deprecation/deprecation\r\n    super(props);\r\n    this.state = {\r\n      categories: [],\r\n      orientation: this.getPreferredOrientation(),\r\n      width: 0,\r\n    };\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentDidMount() {\r\n    this._isMounted = true;\r\n    this._dataChangesListenerDisposeFunc = this.props.dataProvider.onDataChanged.addListener(this._onPropertyDataChanged);\r\n\r\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\r\n    this.gatherData();\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentWillUnmount() {\r\n    // istanbul ignore else\r\n    if (this._dataChangesListenerDisposeFunc) {\r\n      this._dataChangesListenerDisposeFunc();\r\n      this._dataChangesListenerDisposeFunc = undefined;\r\n    }\r\n    this._isMounted = false;\r\n  }\r\n\r\n  public override componentDidUpdate(prevProps: PropertyGridProps) { // eslint-disable-line deprecation/deprecation\r\n    if (this.props.dataProvider !== prevProps.dataProvider) {\r\n      // istanbul ignore else\r\n      if (this._dataChangesListenerDisposeFunc)\r\n        this._dataChangesListenerDisposeFunc();\r\n      this._dataChangesListenerDisposeFunc = this.props.dataProvider.onDataChanged.addListener(this._onPropertyDataChanged);\r\n\r\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\r\n      this.gatherData();\r\n    }\r\n\r\n    if (this.props.orientation !== prevProps.orientation\r\n      || this.props.isOrientationFixed !== prevProps.isOrientationFixed\r\n      || this.props.horizontalOrientationMinWidth !== prevProps.horizontalOrientationMinWidth)\r\n      this.updateOrientation(this.state.width);\r\n  }\r\n\r\n  private _onPropertyDataChanged = () => {\r\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\r\n    this.gatherData();\r\n  };\r\n\r\n  private async gatherData(): Promise<void> {\r\n    if (this._isInDataRequest) {\r\n      this._hasPendingDataRequest = true;\r\n      return;\r\n    }\r\n\r\n    this.setState((prev) => prev.loadStart ? null : { loadStart: new Date() });\r\n\r\n    this._isInDataRequest = true;\r\n    let propertyData: PropertyData;\r\n    try {\r\n      propertyData = await this.props.dataProvider.getData();\r\n    } finally {\r\n      this._isInDataRequest = false;\r\n    }\r\n\r\n    if (!this._isMounted)\r\n      return;\r\n\r\n    if (this._hasPendingDataRequest) {\r\n      this._hasPendingDataRequest = false;\r\n      return this.gatherData();\r\n    }\r\n\r\n    this.setState((prevState) => {\r\n      const buildCategoriesHierarchy = (newCategories: PropertyCategory[], stateCategories: CategorizedPropertyGridRecords[] | undefined) =>\r\n        newCategories.map((category): CategorizedPropertyGridRecords => {\r\n          const matchingStateCategory = findCategory(stateCategories ?? [], category.name, false);\r\n          return {\r\n            category: { ...category, expand: matchingStateCategory?.category?.expand ?? category.expand },\r\n            records: propertyData.records[category.name] ?? [],\r\n            children: buildCategoriesHierarchy(category.childCategories ?? [], matchingStateCategory?.children),\r\n          };\r\n        });\r\n      return {\r\n        categories: buildCategoriesHierarchy(propertyData.categories, prevState.categories),\r\n        loadStart: undefined,\r\n      };\r\n    });\r\n  }\r\n\r\n  private getPreferredOrientation(): Orientation {\r\n    return (this.props.orientation !== undefined) ? this.props.orientation : Orientation.Horizontal;\r\n  }\r\n\r\n  private _onResize = (width: number) => {\r\n    this.updateOrientation(width);\r\n  };\r\n\r\n  private _onCategoryExpansionToggled = (categoryName: string) => {\r\n    this.setState((state) => {\r\n      return produce(state, (draft) => {\r\n        const records = findCategory(draft.categories, categoryName, true);\r\n        // istanbul ignore else\r\n        if (records) {\r\n          const category = records.category;\r\n          category.expand = !category.expand;\r\n        }\r\n      });\r\n    });\r\n  };\r\n\r\n  private updateOrientation(width: number): void {\r\n    const { orientation, isOrientationFixed, horizontalOrientationMinWidth } = { ...this.props };\r\n    const currentOrientation = PropertyGridCommons.getCurrentOrientation(width, orientation, isOrientationFixed, horizontalOrientationMinWidth);\r\n\r\n    if (currentOrientation !== this.state.orientation || width !== this.state.width)\r\n      this.setState({ orientation: currentOrientation, width });\r\n  }\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    if (this.state.loadStart) {\r\n      return (\r\n        <div className=\"components-property-grid-loader\">\r\n          <DelayedSpinner loadStart={this.state.loadStart} size=\"large\" />\r\n        </div>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <PropertyGridEventsRelatedPropsSupplier\r\n        isPropertySelectionEnabled={this.props.isPropertySelectionEnabled ?? false}\r\n        isPropertySelectionOnRightClickEnabled={this.props.isPropertySelectionOnRightClickEnabled}\r\n        isPropertyEditingEnabled={this.props.isPropertyEditingEnabled}\r\n        isPropertyHoverEnabled={this.props.isPropertyHoverEnabled ?? false}\r\n        onPropertyContextMenu={this.props.onPropertyContextMenu}\r\n        onPropertyUpdated={this.props.onPropertyUpdated}\r\n        onPropertySelectionChanged={this.props.onPropertySelectionChanged}\r\n      >\r\n        {(selectionContext) => (\r\n          <div className={classnames(\"components-property-grid-wrapper\", this.props.className)} style={this.props.style}>\r\n            <div className={classnames(\"components-property-grid\", \"components-smallEditor-host\")}>\r\n              <div className=\"property-categories\">\r\n                {\r\n                  this.state.categories.map((categorizedRecords: CategorizedPropertyGridRecords) => (\r\n                    <NestedCategoryBlock\r\n                      {...selectionContext}\r\n                      key={categorizedRecords.category.name}\r\n                      categorizedRecords={categorizedRecords}\r\n                      onCategoryExpansionToggled={this._onCategoryExpansionToggled}\r\n                      orientation={this.state.orientation}\r\n                      propertyValueRendererManager={this.props.propertyValueRendererManager}\r\n                      actionButtonRenderers={this.props.actionButtonRenderers}\r\n                    />\r\n                  ))\r\n                }\r\n              </div>\r\n            </div>\r\n            <ResizableContainerObserver onResize={this._onResize} />\r\n          </div>\r\n        )}\r\n      </PropertyGridEventsRelatedPropsSupplier>\r\n    );\r\n  }\r\n}\r\n\r\nfunction findCategory(categories: CategorizedPropertyGridRecords[], lookupName: string, recurseIntoChildren: boolean): CategorizedPropertyGridRecords | undefined {\r\n  for (const category of categories) {\r\n    if (category.category.name === lookupName)\r\n      return category;\r\n    if (recurseIntoChildren) {\r\n      const matchingChild = findCategory(category.children, lookupName, recurseIntoChildren);\r\n      if (matchingChild)\r\n        return matchingChild;\r\n    }\r\n  }\r\n  return undefined;\r\n}\r\n\r\ninterface NestedCategoryBlockProps extends Omit<PropertyListProps, (keyof ColumnResizeRelatedPropertyListProps) | \"properties\"> {\r\n  categorizedRecords: CategorizedPropertyGridRecords;\r\n  onCategoryExpansionToggled: (categoryName: string) => void;\r\n  orientation: Orientation;\r\n}\r\nfunction NestedCategoryBlock(props: NestedCategoryBlockProps) {\r\n  return (\r\n    <PropertyCategoryBlock\r\n      category={props.categorizedRecords.category}\r\n      onExpansionToggled={props.onCategoryExpansionToggled}\r\n    >\r\n      {props.categorizedRecords.records.length ? (\r\n        <ColumnResizingPropertyListPropsSupplier orientation={props.orientation}>\r\n          {(partialListProps: ColumnResizeRelatedPropertyListProps) => (\r\n            <PropertyList\r\n              {...partialListProps}\r\n              orientation={props.orientation}\r\n              category={props.categorizedRecords.category}\r\n              properties={props.categorizedRecords.records}\r\n              selectedPropertyKey={props.selectedPropertyKey}\r\n              onPropertyClicked={props.onPropertyClicked}\r\n              onPropertyRightClicked={props.onPropertyRightClicked}\r\n              onPropertyContextMenu={props.onPropertyContextMenu}\r\n              propertyValueRendererManager={props.propertyValueRendererManager}\r\n              editingPropertyKey={props.editingPropertyKey}\r\n              onEditCommit={props.onEditCommit}\r\n              onEditCancel={props.onEditCancel}\r\n              isPropertyHoverEnabled={props.isPropertyHoverEnabled}\r\n              isPropertySelectionEnabled={props.isPropertySelectionEnabled}\r\n              isPropertyRightClickSelectionEnabled={props.isPropertyRightClickSelectionEnabled}\r\n              actionButtonRenderers={props.actionButtonRenderers}\r\n            />\r\n          )}\r\n        </ColumnResizingPropertyListPropsSupplier>\r\n      ) : undefined}\r\n      {props.categorizedRecords.children.length ? (\r\n        <div className=\"property-categories\">\r\n          {\r\n            props.categorizedRecords.children.map((categorizedChildRecords) => (\r\n              <NestedCategoryBlock {...props} key={categorizedChildRecords.category.name} categorizedRecords={categorizedChildRecords} />\r\n            ))\r\n          }\r\n        </div>\r\n      ) : undefined}\r\n    </PropertyCategoryBlock>\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"PropertyGrid.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyGrid.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n\r\n/** @packageDocumentation\r\n * @module PropertyGrid\r\n */\r\nimport \"./PropertyGrid.scss\";\r\nimport classnames from \"classnames\";\r\nimport { produce } from \"immer\";\r\nimport * as React from \"react\";\r\nimport { DisposeFunc } from \"@itwin/core-bentley\";\r\nimport { PropertyRecord } from \"@itwin/appui-abstract\";\r\nimport { Orientation, ResizableContainerObserver } from \"@itwin/core-react\";\r\nimport { DelayedSpinner } from \"../../common/DelayedSpinner\";\r\nimport { IPropertyDataProvider, PropertyCategory, PropertyData } from \"../PropertyDataProvider\";\r\nimport { ColumnResizeRelatedPropertyListProps, ColumnResizingPropertyListPropsSupplier } from \"./ColumnResizingPropertyListPropsSupplier\";\r\nimport { PropertyCategoryBlock } from \"./PropertyCategoryBlock\";\r\nimport { CommonPropertyGridProps, PropertyGridCommons } from \"./PropertyGridCommons\";\r\nimport { PropertyGridEventsRelatedPropsSupplier } from \"./PropertyGridEventsRelatedPropsSupplier\";\r\nimport { PropertyList, PropertyListProps } from \"./PropertyList\";\r\n\r\n/** Properties for [[PropertyGrid]] React component\r\n * @public\r\n * @deprecated in 3.x. Use [[VirtualizedPropertyGrid]] instead.\r\n */\r\nexport interface PropertyGridProps extends CommonPropertyGridProps {\r\n  /** Property data provider */\r\n  dataProvider: IPropertyDataProvider;\r\n}\r\n\r\ninterface CategorizedPropertyGridRecords {\r\n  category: PropertyCategory;\r\n  records: PropertyRecord[];\r\n  children: CategorizedPropertyGridRecords[];\r\n}\r\n\r\n/** State of [[PropertyGrid]] React component\r\n * @internal\r\n */\r\ninterface PropertyGridState {\r\n  /** List of PropertyGrid categories */\r\n  categories: CategorizedPropertyGridRecords[];\r\n  /** Actual orientation used by the property grid */\r\n  orientation: Orientation;\r\n  /** If property grid currently loading data, the loading start time  */\r\n  loadStart?: Date;\r\n  /** Width of PropertyGrid */\r\n  width: number;\r\n}\r\n\r\n/** PropertyGrid React component.\r\n * @public\r\n * @deprecated in 3.x. Use [[VirtualizedPropertyGrid]] instead.\r\n */\r\nexport class PropertyGrid extends React.Component<PropertyGridProps, PropertyGridState> { // eslint-disable-line deprecation/deprecation\r\n  private _dataChangesListenerDisposeFunc?: DisposeFunc;\r\n  private _isMounted = false;\r\n  private _isInDataRequest = false;\r\n  private _hasPendingDataRequest = false;\r\n\r\n  /** @internal */\r\n  constructor(props: PropertyGridProps) { // eslint-disable-line deprecation/deprecation\r\n    super(props);\r\n    this.state = {\r\n      categories: [],\r\n      orientation: this.getPreferredOrientation(),\r\n      width: 0,\r\n    };\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentDidMount() {\r\n    this._isMounted = true;\r\n    this._dataChangesListenerDisposeFunc = this.props.dataProvider.onDataChanged.addListener(this._onPropertyDataChanged);\r\n\r\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\r\n    this.gatherData();\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentWillUnmount() {\r\n    // istanbul ignore else\r\n    if (this._dataChangesListenerDisposeFunc) {\r\n      this._dataChangesListenerDisposeFunc();\r\n      this._dataChangesListenerDisposeFunc = undefined;\r\n    }\r\n    this._isMounted = false;\r\n  }\r\n\r\n  public override componentDidUpdate(prevProps: PropertyGridProps) { // eslint-disable-line deprecation/deprecation\r\n    if (this.props.dataProvider !== prevProps.dataProvider) {\r\n      // istanbul ignore else\r\n      if (this._dataChangesListenerDisposeFunc)\r\n        this._dataChangesListenerDisposeFunc();\r\n      this._dataChangesListenerDisposeFunc = this.props.dataProvider.onDataChanged.addListener(this._onPropertyDataChanged);\r\n\r\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\r\n      this.gatherData();\r\n    }\r\n\r\n    if (this.props.orientation !== prevProps.orientation\r\n      || this.props.isOrientationFixed !== prevProps.isOrientationFixed\r\n      || this.props.horizontalOrientationMinWidth !== prevProps.horizontalOrientationMinWidth)\r\n      this.updateOrientation(this.state.width);\r\n  }\r\n\r\n  private _onPropertyDataChanged = () => {\r\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\r\n    this.gatherData();\r\n  };\r\n\r\n  private async gatherData(): Promise<void> {\r\n    if (this._isInDataRequest) {\r\n      this._hasPendingDataRequest = true;\r\n      return;\r\n    }\r\n\r\n    this.setState((prev) => prev.loadStart ? null : { loadStart: new Date() });\r\n\r\n    this._isInDataRequest = true;\r\n    let propertyData: PropertyData;\r\n    try {\r\n      propertyData = await this.props.dataProvider.getData();\r\n    } finally {\r\n      this._isInDataRequest = false;\r\n    }\r\n\r\n    if (!this._isMounted)\r\n      return;\r\n\r\n    if (this._hasPendingDataRequest) {\r\n      this._hasPendingDataRequest = false;\r\n      return this.gatherData();\r\n    }\r\n\r\n    this.setState((prevState) => {\r\n      const buildCategoriesHierarchy = (newCategories: PropertyCategory[], stateCategories: CategorizedPropertyGridRecords[] | undefined) =>\r\n        newCategories.map((category): CategorizedPropertyGridRecords => {\r\n          const matchingStateCategory = findCategory(stateCategories ?? [], category.name, false);\r\n          return {\r\n            category: { ...category, expand: matchingStateCategory?.category?.expand ?? category.expand },\r\n            records: propertyData.records[category.name] ?? [],\r\n            children: buildCategoriesHierarchy(category.childCategories ?? [], matchingStateCategory?.children),\r\n          };\r\n        });\r\n      return {\r\n        categories: buildCategoriesHierarchy(propertyData.categories, prevState.categories),\r\n        loadStart: undefined,\r\n      };\r\n    });\r\n  }\r\n\r\n  private getPreferredOrientation(): Orientation {\r\n    return (this.props.orientation !== undefined) ? this.props.orientation : Orientation.Horizontal;\r\n  }\r\n\r\n  private _onResize = (width: number) => {\r\n    this.updateOrientation(width);\r\n  };\r\n\r\n  private _onCategoryExpansionToggled = (categoryName: string) => {\r\n    this.setState((state) => {\r\n      return produce(state, (draft) => {\r\n        const records = findCategory(draft.categories, categoryName, true);\r\n        // istanbul ignore else\r\n        if (records) {\r\n          const category = records.category;\r\n          category.expand = !category.expand;\r\n        }\r\n      });\r\n    });\r\n  };\r\n\r\n  private updateOrientation(width: number): void {\r\n    const { orientation, isOrientationFixed, horizontalOrientationMinWidth } = { ...this.props };\r\n    const currentOrientation = PropertyGridCommons.getCurrentOrientation(width, orientation, isOrientationFixed, horizontalOrientationMinWidth);\r\n\r\n    if (currentOrientation !== this.state.orientation || width !== this.state.width)\r\n      this.setState({ orientation: currentOrientation, width });\r\n  }\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    if (this.state.loadStart) {\r\n      return (\r\n        <div className=\"components-property-grid-loader\">\r\n          <DelayedSpinner loadStart={this.state.loadStart} size=\"large\" />\r\n        </div>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <PropertyGridEventsRelatedPropsSupplier\r\n        isPropertySelectionEnabled={this.props.isPropertySelectionEnabled ?? false}\r\n        isPropertySelectionOnRightClickEnabled={this.props.isPropertySelectionOnRightClickEnabled}\r\n        isPropertyEditingEnabled={this.props.isPropertyEditingEnabled}\r\n        isPropertyHoverEnabled={this.props.isPropertyHoverEnabled ?? false}\r\n        onPropertyContextMenu={this.props.onPropertyContextMenu}\r\n        onPropertyUpdated={this.props.onPropertyUpdated}\r\n        onPropertySelectionChanged={this.props.onPropertySelectionChanged}\r\n      >\r\n        {(selectionContext) => (\r\n          <div className={classnames(\"components-property-grid-wrapper\", this.props.className)} style={this.props.style}>\r\n            <div className={classnames(\"components-property-grid\", \"components-smallEditor-host\")}>\r\n              <div className=\"property-categories\">\r\n                {\r\n                  this.state.categories.map((categorizedRecords: CategorizedPropertyGridRecords) => (\r\n                    <NestedCategoryBlock\r\n                      {...selectionContext}\r\n                      key={categorizedRecords.category.name}\r\n                      categorizedRecords={categorizedRecords}\r\n                      onCategoryExpansionToggled={this._onCategoryExpansionToggled}\r\n                      orientation={this.state.orientation}\r\n                      propertyValueRendererManager={this.props.propertyValueRendererManager}\r\n                      actionButtonRenderers={this.props.actionButtonRenderers}\r\n                    />\r\n                  ))\r\n                }\r\n              </div>\r\n            </div>\r\n            <ResizableContainerObserver onResize={this._onResize} />\r\n          </div>\r\n        )}\r\n      </PropertyGridEventsRelatedPropsSupplier>\r\n    );\r\n  }\r\n}\r\n\r\nfunction findCategory(categories: CategorizedPropertyGridRecords[], lookupName: string, recurseIntoChildren: boolean): CategorizedPropertyGridRecords | undefined {\r\n  for (const category of categories) {\r\n    if (category.category.name === lookupName)\r\n      return category;\r\n    if (recurseIntoChildren) {\r\n      const matchingChild = findCategory(category.children, lookupName, recurseIntoChildren);\r\n      if (matchingChild)\r\n        return matchingChild;\r\n    }\r\n  }\r\n  return undefined;\r\n}\r\n\r\ninterface NestedCategoryBlockProps extends Omit<PropertyListProps, (keyof ColumnResizeRelatedPropertyListProps) | \"properties\"> {\r\n  categorizedRecords: CategorizedPropertyGridRecords;\r\n  onCategoryExpansionToggled: (categoryName: string) => void;\r\n  orientation: Orientation;\r\n}\r\nfunction NestedCategoryBlock(props: NestedCategoryBlockProps) {\r\n  return (\r\n    <PropertyCategoryBlock\r\n      category={props.categorizedRecords.category}\r\n      onExpansionToggled={props.onCategoryExpansionToggled}\r\n    >\r\n      {props.categorizedRecords.records.length ? (\r\n        <ColumnResizingPropertyListPropsSupplier orientation={props.orientation}>\r\n          {(partialListProps: ColumnResizeRelatedPropertyListProps) => (\r\n            <PropertyList\r\n              {...partialListProps}\r\n              orientation={props.orientation}\r\n              category={props.categorizedRecords.category}\r\n              properties={props.categorizedRecords.records}\r\n              selectedPropertyKey={props.selectedPropertyKey}\r\n              onPropertyClicked={props.onPropertyClicked}\r\n              onPropertyRightClicked={props.onPropertyRightClicked}\r\n              onPropertyContextMenu={props.onPropertyContextMenu}\r\n              propertyValueRendererManager={props.propertyValueRendererManager}\r\n              editingPropertyKey={props.editingPropertyKey}\r\n              onEditCommit={props.onEditCommit}\r\n              onEditCancel={props.onEditCancel}\r\n              isPropertyHoverEnabled={props.isPropertyHoverEnabled}\r\n              isPropertySelectionEnabled={props.isPropertySelectionEnabled}\r\n              isPropertyRightClickSelectionEnabled={props.isPropertyRightClickSelectionEnabled}\r\n              actionButtonRenderers={props.actionButtonRenderers}\r\n            />\r\n          )}\r\n        </ColumnResizingPropertyListPropsSupplier>\r\n      ) : undefined}\r\n      {props.categorizedRecords.children.length ? (\r\n        <div className=\"property-categories\">\r\n          {\r\n            props.categorizedRecords.children.map((categorizedChildRecords) => (\r\n              <NestedCategoryBlock {...props} key={categorizedChildRecords.category.name} categorizedRecords={categorizedChildRecords} />\r\n            ))\r\n          }\r\n        </div>\r\n      ) : undefined}\r\n    </PropertyCategoryBlock>\r\n  );\r\n}\r\n"]}