@itwin/components-react 4.1.0-dev.1 → 4.2.0-dev.1

package/lib/cjs/components-react/propertygrid/component/VirtualizedPropertyGrid.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -54,6 +54,7 @@ const PropertyCategoryBlock_1 = require("./PropertyCategoryBlock");
 const PropertyGridCommons_1 = require("./PropertyGridCommons");
 const PropertyGridEventsRelatedPropsSupplier_1 = require("./PropertyGridEventsRelatedPropsSupplier");
 const [PropertyGridInternalContextProvider, _PropertyGridInternalContextConsumer, usePropertyGridInternalContext,] = (0, UseContextWithMandatoryProvider_1.createContextWithMandatoryProvider)("PropertyGridInternalContext");
+const ACTION_BUTTON_DEFAULT_WIDTH = 90;
 /**
  * VirtualizedPropertyGrid React component.
  * @public
@@ -84,6 +85,15 @@ class VirtualizedPropertyGrid extends React.Component {
             const node = this.state.gridItems[index];
             return node.key;
         };
+        this._getMaxItemDepth = () => {
+            let depth = 0;
+            for (const item of this.state.gridItems) {
+                if (depth < item.depth) {
+                    depth = item.depth;
+                }
+            }
+            return depth + 1;
+        };
         this.state = {
             gridItems: [],
             orientation: (_a = props.orientation) !== null && _a !== void 0 ? _a : core_react_1.Orientation.Horizontal,
@@ -94,22 +104,29 @@ class VirtualizedPropertyGrid extends React.Component {
     /** @internal */
     componentDidUpdate(prevProps, prevState) {
         var _a;
-        if (this.props.orientation !== prevProps.orientation
-            || this.props.isOrientationFixed !== prevProps.isOrientationFixed
-            || this.props.horizontalOrientationMinWidth !== prevProps.horizontalOrientationMinWidth
-            || this.props.width !== prevProps.width)
+        if (this.props.orientation !== prevProps.orientation ||
+            this.props.isOrientationFixed !== prevProps.isOrientationFixed ||
+            this.props.horizontalOrientationMinWidth !==
+                prevProps.horizontalOrientationMinWidth ||
+            this.props.width !== prevProps.width)
             this.updateOrientation(this.props.width);
         if (this.props.model !== prevProps.model) {
             // istanbul ignore else
             if (this._listRef.current)
                 this._listRef.current.resetAfterIndex(0);
         }
-        if (this.props.highlight !== prevProps.highlight && ((_a = this.props.highlight) === null || _a === void 0 ? void 0 : _a.activeHighlight) && this.state.gridItems.length !== 0) {
+        if (this.props.highlight !== prevProps.highlight &&
+            ((_a = this.props.highlight) === null || _a === void 0 ? void 0 : _a.activeHighlight) &&
+            this.state.gridItems.length !== 0) {
             let index = 0;
             let foundMatchingItem = false;
             for (const item of this.state.gridItems) {
-                if (item instanceof MutableCategorizedPrimitiveProperty_1.MutableCategorizedPrimitiveProperty && this.props.highlight.activeHighlight.highlightedItemIdentifier === item.derivedRecord.property.name
-                    || item instanceof MutableGridCategory_1.MutableGridCategory && this.props.highlight.activeHighlight.highlightedItemIdentifier === item.name) {
+                if ((item instanceof MutableCategorizedPrimitiveProperty_1.MutableCategorizedPrimitiveProperty &&
+                    this.props.highlight.activeHighlight.highlightedItemIdentifier ===
+                        item.derivedRecord.property.name) ||
+                    (item instanceof MutableGridCategory_1.MutableGridCategory &&
+                        this.props.highlight.activeHighlight.highlightedItemIdentifier ===
+                            item.name)) {
                     foundMatchingItem = true;
                     break;
                 }
@@ -135,7 +152,9 @@ class VirtualizedPropertyGrid extends React.Component {
         };
     }
     updateOrientation(width) {
-        const { orientation, isOrientationFixed, horizontalOrientationMinWidth } = { ...this.props };
+        const { orientation, isOrientationFixed, horizontalOrientationMinWidth } = {
+            ...this.props,
+        };
         const currentOrientation = PropertyGridCommons_1.PropertyGridCommons.getCurrentOrientation(width, orientation, isOrientationFixed, horizontalOrientationMinWidth);
         if (currentOrientation !== this.state.orientation) {
             this.setState({ orientation: currentOrientation });
@@ -155,20 +174,23 @@ class VirtualizedPropertyGrid extends React.Component {
         const categoryPropertyHeight = 27;
         const bottomBorderPadding = 5;
         const verticalPrimitivePropertyHeight = 55;
-        return getPropertyHeight(this.state) + node.lastInNumberOfCategories * bottomBorderPadding;
+        return (getPropertyHeight(this.state) +
+            node.lastInNumberOfCategories * bottomBorderPadding);
         function getPropertyHeight(state) {
             const dynamicHeight = state.dynamicNodeHeights.get(node.key);
             if (dynamicHeight !== undefined) {
                 if (node instanceof MutableCustomGridCategory_1.MutableCustomGridCategory) {
-                    return categoryHeaderHeight + categoryHeaderPadding
-                        + (node.isExpanded ? dynamicHeight + bottomBorderPadding : 0);
+                    return (categoryHeaderHeight +
+                        categoryHeaderPadding +
+                        (node.isExpanded ? dynamicHeight + bottomBorderPadding : 0));
                 }
-                return dynamicHeight + (state.orientation === core_react_1.Orientation.Vertical ? 28 : 0);
+                return (dynamicHeight + (state.orientation === core_react_1.Orientation.Vertical ? 28 : 0));
             }
             if (node.type === MutableFlatGridItem_1.FlatGridItemType.Category) {
                 return categoryHeaderHeight + categoryHeaderPadding;
             }
-            if (state.orientation === core_react_1.Orientation.Vertical && node.type === MutableFlatGridItem_1.FlatGridItemType.Primitive) {
+            if (state.orientation === core_react_1.Orientation.Vertical &&
+                node.type === MutableFlatGridItem_1.FlatGridItemType.Primitive) {
                 return verticalPrimitivePropertyHeight;
             }
             return categoryPropertyHeight;
@@ -182,7 +204,13 @@ class VirtualizedPropertyGrid extends React.Component {
     }
     /** @internal */
     render() {
-        return React.createElement(ColumnResizingPropertyListPropsSupplier_1.ColumnResizingPropertyListPropsSupplier, { orientation: this.state.orientation, width: this.props.width, minLabelWidth: this.props.minLabelWidth, minValueWidth: this.props.minValueWidth, actionButtonWidth: this.props.actionButtonWidth }, (columnResizeContext) => {
+        var _a, _b;
+        const defaultActionButtonWidth = ((_b = (_a = this.props.actionButtonRenderers) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) > 0
+            ? ACTION_BUTTON_DEFAULT_WIDTH
+            : undefined;
+        return (React.createElement(ColumnResizingPropertyListPropsSupplier_1.ColumnResizingPropertyListPropsSupplier, { orientation: this.state.orientation, width: this.props.width, minLabelWidth: this.props.minLabelWidth, minValueWidth: this.props.minValueWidth, actionButtonWidth: this.props.actionButtonWidth !== undefined
+                ? this.props.actionButtonWidth
+                : defaultActionButtonWidth, maxPropertyDepth: this._getMaxItemDepth() }, (columnResizeContext) => {
             var _a, _b;
             return (React.createElement(PropertyGridEventsRelatedPropsSupplier_1.PropertyGridEventsRelatedPropsSupplier, { isPropertySelectionEnabled: (_a = this.props.isPropertySelectionEnabled) !== null && _a !== void 0 ? _a : false, isPropertySelectionOnRightClickEnabled: this.props.isPropertySelectionOnRightClickEnabled, isPropertyEditingEnabled: this.props.isPropertyEditingEnabled, onPropertyContextMenu: this.props.onPropertyContextMenu, onPropertyUpdated: this.props.onPropertyUpdated, onPropertySelectionChanged: this.props.onPropertySelectionChanged, isPropertyHoverEnabled: (_b = this.props.isPropertyHoverEnabled) !== null && _b !== void 0 ? _b : false }, (selectionContext) => {
                 const gridContext = {
@@ -224,12 +252,12 @@ class VirtualizedPropertyGrid extends React.Component {
                     React.createElement("div", { className: (0, classnames_1.default)("components-virtualized-property-grid", "components-smallEditor-host") },
                         React.createElement(react_window_1.VariableSizeList, { className: (0, classnames_1.default)("components-property-grid-wrapper", "ReactWindow__VariableSizeList", this.props.className), width: this.props.width, height: this.props.height, itemCount: this.state.gridItems.length, itemSize: this._calculateNodeHeightByIndex, estimatedItemSize: this.calculateEstimatedHeight(), overscanCount: 10, layout: "vertical", style: this.props.style, itemKey: this._getNodeKey, ref: this._listRef }, FlatGridItemNode))));
             }));
-        });
+        }));
     }
 }
 exports.VirtualizedPropertyGrid = VirtualizedPropertyGrid;
 const FlatGridItemNode = React.memo(({ index, style: virtualizedListStyle }) => {
-    const { gridItems, gridEventHandler, gridModel, gridContext, className, style, onItemHeightChanged } = usePropertyGridInternalContext(FlatGridItemNode);
+    const { gridItems, gridEventHandler, gridModel, gridContext, className, style, onItemHeightChanged, } = usePropertyGridInternalContext(FlatGridItemNode);
     const node = gridItems[index];
     const onExpansionToggled = React.useCallback(() => gridEventHandler.onExpansionToggled(node.selectionKey), [gridEventHandler, node.selectionKey]);
     const onHeightChanged = React.useCallback((newHeight) => onItemHeightChanged(index, node.key, newHeight), [onItemHeightChanged, index, node.key]);
@@ -240,20 +268,30 @@ const FlatGridItemNode = React.memo(({ index, style: virtualizedListStyle }) =>
             case MutableFlatGridItem_1.FlatGridItemType.Category:
                 const categoryRendererManager = (_a = gridContext.propertyCategoryRendererManager) !== null && _a !== void 0 ? _a : PropertyCategoryRendererManager_1.PropertyCategoryRendererManager.defaultManager;
                 const customRenderer = categoryRendererManager.getCategoryComponent(node);
-                const wrapperClassName = (0, classnames_1.default)("virtualized-grid-node-content", customRenderer !== undefined ? "virtualized-grid-node-custom-category" : "virtualized-grid-node-category");
+                const wrapperClassName = (0, classnames_1.default)("virtualized-grid-node-content", customRenderer !== undefined
+                    ? "virtualized-grid-node-custom-category"
+                    : "virtualized-grid-node-category");
                 return (React.createElement(FlatItemNestedBorderWrapper_1.FlatItemNestedBorderWrapper, { borderCount: node.depth, bottomBorderCount: lastInNumberOfCategories, className: wrapperClassName },
-                    React.createElement(PropertyCategoryBlock_1.PropertyCategoryBlock, { className: className, style: style, category: node.derivedCategory, onExpansionToggled: onExpansionToggled, highlight: ((_c = (_b = gridContext.highlight) === null || _b === void 0 ? void 0 : _b.filteredTypes) === null || _c === void 0 ? void 0 : _c.includes(PropertyDataFiltererBase_1.FilteredType.Category)) ?
-                            gridContext.highlight :
-                            undefined }, customRenderer !== undefined && (React.createElement(CustomCategoryContent, { renderer: customRenderer, categoryItem: node, gridContext: gridContext, onHeightChanged: onHeightChanged })))));
+                    React.createElement(PropertyCategoryBlock_1.PropertyCategoryBlock, { className: className, style: style, category: node.derivedCategory, onExpansionToggled: onExpansionToggled, highlight: ((_c = (_b = gridContext.highlight) === null || _b === void 0 ? void 0 : _b.filteredTypes) === null || _c === void 0 ? void 0 : _c.includes(PropertyDataFiltererBase_1.FilteredType.Category))
+                            ? gridContext.highlight
+                            : undefined }, customRenderer !== undefined && (React.createElement(CustomCategoryContent, { renderer: customRenderer, categoryItem: node, gridContext: gridContext, onHeightChanged: onHeightChanged })))));
             case MutableFlatGridItem_1.FlatGridItemType.Array:
             case MutableFlatGridItem_1.FlatGridItemType.Struct:
             case MutableFlatGridItem_1.FlatGridItemType.Primitive:
                 const selectionKey = node.selectionKey;
                 const parentCategoryItem = gridModel.getItem(node.parentCategorySelectionKey);
                 return (React.createElement(FlatItemNestedBorderWrapper_1.FlatItemNestedBorderWrapper, { borderCount: parentCategoryItem.depth + 1, bottomBorderCount: lastInNumberOfCategories, className: "virtualized-grid-node-content" },
-                    React.createElement(FlatPropertyRenderer_1.FlatPropertyRenderer, { key: node.key, uniqueKey: selectionKey, propertyRecord: node.derivedRecord, orientation: gridContext.orientation, indentation: node.depth, width: gridContext.gridWidth, isHoverable: gridContext.isPropertyHoverEnabled, isSelectable: gridContext.isPropertySelectionEnabled, isSelected: selectionKey === gridContext.selectedPropertyKey, onClick: node.type === MutableFlatGridItem_1.FlatGridItemType.Primitive ? gridContext.onPropertyClicked : undefined, onRightClick: node.type === MutableFlatGridItem_1.FlatGridItemType.Primitive ? gridContext.onPropertyRightClicked : undefined, onContextMenu: gridContext.onPropertyContextMenu, category: parentCategoryItem.derivedCategory, isEditing: selectionKey === gridContext.editingPropertyKey, onEditCommit: gridContext.onEditCommit, onEditCancel: gridContext.onEditCancel, isExpanded: node.isExpanded, onExpansionToggled: onExpansionToggled, onHeightChanged: onHeightChanged, actionButtonRenderers: gridContext.actionButtonRenderers, propertyValueRendererManager: gridContext.propertyValueRendererManager, columnRatio: gridContext.columnRatio, columnInfo: gridContext.columnInfo, isResizeHandleBeingDragged: gridContext.isResizeHandleBeingDragged, isResizeHandleHovered: gridContext.isResizeHandleHovered, onColumnRatioChanged: gridContext.onColumnRatioChanged, onResizeHandleDragChanged: gridContext.onResizeHandleDragChanged, onResizeHandleHoverChanged: gridContext.onResizeHandleHoverChanged, highlight: gridContext.highlight ?
-                            { applyOnLabel: (_e = ((_d = gridContext.highlight.filteredTypes) === null || _d === void 0 ? void 0 : _d.includes(PropertyDataFiltererBase_1.FilteredType.Label))) !== null && _e !== void 0 ? _e : false, applyOnValue: (_g = ((_f = gridContext.highlight.filteredTypes) === null || _f === void 0 ? void 0 : _f.includes(PropertyDataFiltererBase_1.FilteredType.Value))) !== null && _g !== void 0 ? _g : false, ...gridContext.highlight } :
-                            undefined })));
+                    React.createElement(FlatPropertyRenderer_1.FlatPropertyRenderer, { key: node.key, uniqueKey: selectionKey, propertyRecord: node.derivedRecord, orientation: gridContext.orientation, indentation: node.depth, width: gridContext.gridWidth, isHoverable: gridContext.isPropertyHoverEnabled, isSelectable: gridContext.isPropertySelectionEnabled, isSelected: selectionKey === gridContext.selectedPropertyKey, onClick: node.type === MutableFlatGridItem_1.FlatGridItemType.Primitive
+                            ? gridContext.onPropertyClicked
+                            : undefined, onRightClick: node.type === MutableFlatGridItem_1.FlatGridItemType.Primitive
+                            ? gridContext.onPropertyRightClicked
+                            : undefined, onContextMenu: gridContext.onPropertyContextMenu, category: parentCategoryItem.derivedCategory, isEditing: selectionKey === gridContext.editingPropertyKey, onEditCommit: gridContext.onEditCommit, onEditCancel: gridContext.onEditCancel, isExpanded: node.isExpanded, onExpansionToggled: onExpansionToggled, onHeightChanged: onHeightChanged, actionButtonRenderers: gridContext.actionButtonRenderers, propertyValueRendererManager: gridContext.propertyValueRendererManager, columnRatio: gridContext.columnRatio, columnInfo: gridContext.columnInfo, isResizeHandleBeingDragged: gridContext.isResizeHandleBeingDragged, isResizeHandleHovered: gridContext.isResizeHandleHovered, onColumnRatioChanged: gridContext.onColumnRatioChanged, onResizeHandleDragChanged: gridContext.onResizeHandleDragChanged, onResizeHandleHoverChanged: gridContext.onResizeHandleHoverChanged, highlight: gridContext.highlight
+                            ? {
+                                applyOnLabel: (_e = (_d = gridContext.highlight.filteredTypes) === null || _d === void 0 ? void 0 : _d.includes(PropertyDataFiltererBase_1.FilteredType.Label)) !== null && _e !== void 0 ? _e : false,
+                                applyOnValue: (_g = (_f = gridContext.highlight.filteredTypes) === null || _f === void 0 ? void 0 : _f.includes(PropertyDataFiltererBase_1.FilteredType.Value)) !== null && _g !== void 0 ? _g : false,
+                                ...gridContext.highlight,
+                            }
+                            : undefined })));
         }
     }
     return (React.createElement("div", { className: "virtualized-grid-node", style: virtualizedListStyle }, getDisplayNode()));
@@ -267,6 +305,6 @@ const CustomCategoryContent = (props) => {
         const contentHeight = divRef.current.getBoundingClientRect().height;
         onHeightChanged(contentHeight);
     }, [props.gridContext.orientation, onHeightChanged]);
-    return (React.createElement("div", { ref: divRef }, React.createElement(props.renderer, props)));
+    return React.createElement("div", { ref: divRef }, React.createElement(props.renderer, props));
 };
 //# sourceMappingURL=VirtualizedPropertyGrid.js.map

package/lib/cjs/components-react/propertygrid/component/VirtualizedPropertyGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualizedPropertyGrid.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/VirtualizedPropertyGrid.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n\n/** @packageDocumentation\n * @module PropertyGrid\n */\nimport \"./VirtualizedPropertyGrid.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { ListChildComponentProps} from \"react-window\";\nimport { areEqual, VariableSizeList } from \"react-window\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { assert } from \"@itwin/core-bentley\";\nimport type { RatioChangeResult } from \"@itwin/core-react\";\nimport { Orientation } from \"@itwin/core-react\";\nimport { createContextWithMandatoryProvider } from \"../../common/UseContextWithMandatoryProvider\";\nimport type { PropertyUpdatedArgs } from \"../../editors/EditorContainer\";\nimport type { ActionButtonRenderer } from \"../../properties/renderers/ActionButtonRenderer\";\nimport type { PropertyGridColumnInfo } from \"../../properties/renderers/PropertyGridColumns\";\nimport type { PropertyValueRendererManager } from \"../../properties/ValueRendererManager\";\nimport { FilteredType } from \"../dataproviders/filterers/PropertyDataFiltererBase\";\nimport type { FlatGridItem, GridCategoryItem } from \"../internal/flat-items/FlatGridItem\";\nimport { MutableCategorizedPrimitiveProperty } from \"../internal/flat-items/MutableCategorizedPrimitiveProperty\";\nimport { MutableCustomGridCategory } from \"../internal/flat-items/MutableCustomGridCategory\";\nimport { FlatGridItemType } from \"../internal/flat-items/MutableFlatGridItem\";\nimport { MutableGridCategory } from \"../internal/flat-items/MutableGridCategory\";\nimport { FlatPropertyRenderer } from \"../internal/flat-properties/FlatPropertyRenderer\";\nimport type { IPropertyGridEventHandler } from \"../internal/PropertyGridEventHandler\";\nimport type { IPropertyGridModel } from \"../internal/PropertyGridModel\";\nimport type { PropertyCategoryRendererProps } from \"../PropertyCategoryRendererManager\";\nimport { PropertyCategoryRendererManager } from \"../PropertyCategoryRendererManager\";\nimport type { IPropertyDataProvider, PropertyCategory } from \"../PropertyDataProvider\";\nimport { ColumnResizingPropertyListPropsSupplier } from \"./ColumnResizingPropertyListPropsSupplier\";\nimport { FlatItemNestedBorderWrapper } from \"./FlatItemNestedBorderWrapper\";\nimport { PropertyCategoryBlock } from \"./PropertyCategoryBlock\";\nimport type { CommonPropertyGridProps, PropertyGridContentHighlightProps } from \"./PropertyGridCommons\";\nimport { PropertyGridCommons } from \"./PropertyGridCommons\";\nimport { PropertyGridEventsRelatedPropsSupplier } from \"./PropertyGridEventsRelatedPropsSupplier\";\n\n/** Properties for [[VirtualizedPropertyGrid]] React component\n * @public\n */\nexport interface VirtualizedPropertyGridProps extends CommonPropertyGridProps {\n  /** Property grid view model that defines what needs to be rendered */\n  model: IPropertyGridModel;\n  /** Handler of the events raised from the property grid */\n  eventHandler: IPropertyGridEventHandler;\n  /** Property data provider used by the property grid */\n  dataProvider: IPropertyDataProvider;\n  /** Properties for highlighting property data in the grid. */\n  highlight?: PropertyGridContentHighlightProps;\n  /** Custom property category renderer manager. Defaults to [[PropertyCategoryRendererManager.defaultManager]]. */\n  propertyCategoryRendererManager?: PropertyCategoryRendererManager;\n  /** Width of the property grid component. */\n  width: number;\n  /** Height of the property grid component. */\n  height: number;\n}\n\n/** State of [[VirtualizedPropertyGrid]] React component\n * @internal\n */\ninterface VirtualizedPropertyGridState {\n  /** List of PropertyGrid categories */\n  gridItems: FlatGridItem[];\n  /** Actual orientation used by the property grid */\n  orientation: Orientation;\n  /** Keeps record of dynamic node heights */\n  dynamicNodeHeights: Map<string, number>;\n  /** When resetting node height cache, marks the point at which heights have become stale */\n  resetIndex: number;\n}\n\n/**\n * Context of [[VirtualizedPropertyGrid]] component.\n * @internal\n */\nexport interface PropertyGridInternalContext {\n  gridItems: FlatGridItem[];\n  gridEventHandler: IPropertyGridEventHandler;\n  gridModel: IPropertyGridModel;\n\n  style?: React.CSSProperties;\n  className?: string;\n  gridContext: VirtualizedPropertyGridContext;\n  onItemHeightChanged: (index: number, key: string, height: number) => void;\n}\n\n/**\n * Context of the surrounding [VirtualizedPropertyGrid]($components-react) component.\n * @public\n */\nexport interface VirtualizedPropertyGridContext {\n  orientation: Orientation;\n  gridWidth: number;\n\n  isPropertyHoverEnabled: boolean;\n  isPropertySelectionEnabled: boolean;\n  selectedPropertyKey?: string;\n\n  onPropertyClicked?: (property: PropertyRecord, key?: string) => void;\n  onPropertyRightClicked?: (property: PropertyRecord, key?: string) => void;\n  onPropertyContextMenu?: (property: PropertyRecord, e: React.MouseEvent) => void;\n\n  editingPropertyKey?: string;\n  onEditCommit?: (args: PropertyUpdatedArgs, category: PropertyCategory) => void;\n  onEditCancel?: () => void;\n\n  eventHandler: IPropertyGridEventHandler;\n  dataProvider: IPropertyDataProvider;\n\n  actionButtonRenderers?: ActionButtonRenderer[];\n  propertyValueRendererManager?: PropertyValueRendererManager;\n  propertyCategoryRendererManager?: PropertyCategoryRendererManager;\n\n  columnRatio: number;\n  columnInfo: PropertyGridColumnInfo;\n  isResizeHandleBeingDragged: boolean;\n  isResizeHandleHovered: boolean;\n  onColumnRatioChanged: (ratio: number) => void | RatioChangeResult;\n  onResizeHandleDragChanged: (newValue: boolean) => void;\n  onResizeHandleHoverChanged: (newValue: boolean) => void;\n\n  highlight?: PropertyGridContentHighlightProps;\n}\n\nconst [\n  PropertyGridInternalContextProvider,\n  _PropertyGridInternalContextConsumer,\n  usePropertyGridInternalContext,\n] = createContextWithMandatoryProvider<PropertyGridInternalContext>(\"PropertyGridInternalContext\");\n\n/**\n * VirtualizedPropertyGrid React component.\n * @public\n */\nexport class VirtualizedPropertyGrid extends React.Component<VirtualizedPropertyGridProps, VirtualizedPropertyGridState> {\n  private _listRef = React.createRef<VariableSizeList>();\n\n  /** @internal */\n  constructor(props: VirtualizedPropertyGridProps) {\n    super(props);\n    this.state = {\n      gridItems: [],\n      orientation: props.orientation ?? Orientation.Horizontal,\n      dynamicNodeHeights: new Map(),\n      resetIndex: 0,\n    };\n  }\n\n  /** @internal */\n  public override componentDidUpdate(prevProps: VirtualizedPropertyGridProps, prevState: VirtualizedPropertyGridState) {\n    if (this.props.orientation !== prevProps.orientation\n      || this.props.isOrientationFixed !== prevProps.isOrientationFixed\n      || this.props.horizontalOrientationMinWidth !== prevProps.horizontalOrientationMinWidth\n      || this.props.width !== prevProps.width)\n      this.updateOrientation(this.props.width);\n\n    if (this.props.model !== prevProps.model) {\n      // istanbul ignore else\n      if (this._listRef.current)\n        this._listRef.current.resetAfterIndex(0);\n    }\n\n    if (this.props.highlight !== prevProps.highlight && this.props.highlight?.activeHighlight && this.state.gridItems.length !== 0) {\n      let index = 0;\n      let foundMatchingItem = false;\n      for (const item of this.state.gridItems) {\n        if (item instanceof MutableCategorizedPrimitiveProperty && this.props.highlight.activeHighlight.highlightedItemIdentifier === item.derivedRecord.property.name\n          || item instanceof MutableGridCategory && this.props.highlight.activeHighlight.highlightedItemIdentifier === item.name) {\n          foundMatchingItem = true;\n          break;\n        }\n        index++;\n      }\n      if (foundMatchingItem) {\n        // istanbul ignore else\n        if (this._listRef.current)\n          this._listRef.current.scrollToItem(index);\n      }\n    }\n\n    if (this.state.dynamicNodeHeights !== prevState.dynamicNodeHeights) {\n      // istanbul ignore else\n      if (this._listRef.current)\n        this._listRef.current.resetAfterIndex(this.state.resetIndex);\n    }\n  }\n\n  /** @internal */\n  public static getDerivedStateFromProps(props: VirtualizedPropertyGridProps, state: VirtualizedPropertyGridState): VirtualizedPropertyGridState | null {\n    return {\n      ...state,\n      gridItems: props.model.getVisibleFlatGrid(),\n    };\n  }\n\n  private updateOrientation(width: number) {\n    const { orientation, isOrientationFixed, horizontalOrientationMinWidth } = { ...this.props };\n    const currentOrientation = PropertyGridCommons.getCurrentOrientation(width, orientation, isOrientationFixed, horizontalOrientationMinWidth);\n\n    if (currentOrientation !== this.state.orientation) {\n      this.setState({ orientation: currentOrientation });\n      // istanbul ignore else\n      if (this._listRef.current)\n        this._listRef.current.resetAfterIndex(0);\n    }\n  }\n\n  /**\n   * Calculate given node height depending on it's type, position in category, parent category depth and current orientation.\n   * @param node FlatGridItem node for which to calculate height\n   * @returns current height of node.\n   */\n  private calculateNodeHeight(node: FlatGridItem) {\n    const categoryHeaderHeight = 38;\n    const categoryHeaderPadding = 4;\n    const categoryPropertyHeight = 27;\n    const bottomBorderPadding = 5;\n    const verticalPrimitivePropertyHeight = 55;\n\n    return getPropertyHeight(this.state) + node.lastInNumberOfCategories * bottomBorderPadding;\n\n    function getPropertyHeight(state: VirtualizedPropertyGridState) {\n      const dynamicHeight = state.dynamicNodeHeights.get(node.key);\n      if (dynamicHeight !== undefined) {\n        if (node instanceof MutableCustomGridCategory) {\n          return categoryHeaderHeight + categoryHeaderPadding\n            + (node.isExpanded ? dynamicHeight + bottomBorderPadding : 0);\n        }\n\n        return dynamicHeight + (state.orientation === Orientation.Vertical ? 28 : 0);\n      }\n\n      if (node.type === FlatGridItemType.Category) {\n        return categoryHeaderHeight + categoryHeaderPadding;\n      }\n\n      if (state.orientation === Orientation.Vertical && node.type === FlatGridItemType.Primitive) {\n        return verticalPrimitivePropertyHeight;\n      }\n\n      return categoryPropertyHeight;\n    }\n  }\n\n  private _handleNodeHeightChange = (index: number, key: string, newHeight: number) => {\n    if (this.state.dynamicNodeHeights.get(key) === newHeight) {\n      return;\n    }\n\n    this.setState((state) => {\n      return {\n        ...state,\n        dynamicNodeHeights: new Map(state.dynamicNodeHeights).set(key, newHeight),\n        resetIndex: index,\n      };\n    });\n  };\n\n  private _calculateNodeHeightByIndex = (index: number) => {\n    const node = this.state.gridItems[index];\n    return this.calculateNodeHeight(node);\n  };\n\n  private calculateEstimatedHeight() {\n    let sum = 0;\n    for (const node of this.state.gridItems)\n      sum += this.calculateNodeHeight(node);\n\n    return Math.ceil(sum / this.state.gridItems.length);\n  }\n\n  private _getNodeKey = (index: number) => {\n    const node = this.state.gridItems[index];\n    return node.key;\n  };\n\n  /** @internal */\n  public override render() {\n    return <ColumnResizingPropertyListPropsSupplier\n      orientation={this.state.orientation}\n      width={this.props.width}\n      minLabelWidth={this.props.minLabelWidth}\n      minValueWidth={this.props.minValueWidth}\n      actionButtonWidth={this.props.actionButtonWidth}\n    >\n      {(columnResizeContext) => (\n        <PropertyGridEventsRelatedPropsSupplier\n          isPropertySelectionEnabled={this.props.isPropertySelectionEnabled ?? false}\n          isPropertySelectionOnRightClickEnabled={this.props.isPropertySelectionOnRightClickEnabled}\n          isPropertyEditingEnabled={this.props.isPropertyEditingEnabled}\n          onPropertyContextMenu={this.props.onPropertyContextMenu}\n          onPropertyUpdated={this.props.onPropertyUpdated}\n          onPropertySelectionChanged={this.props.onPropertySelectionChanged}\n          isPropertyHoverEnabled={this.props.isPropertyHoverEnabled ?? false}\n        >\n          {(selectionContext) => {\n            const gridContext: VirtualizedPropertyGridContext = {\n              orientation: columnResizeContext.orientation,\n              gridWidth: this.props.width,\n\n              isPropertyHoverEnabled: selectionContext.isPropertyHoverEnabled,\n              isPropertySelectionEnabled: selectionContext.isPropertySelectionEnabled,\n              selectedPropertyKey: selectionContext.selectedPropertyKey,\n\n              onPropertyClicked: selectionContext.onPropertyClicked,\n              onPropertyRightClicked: selectionContext.onPropertyRightClicked,\n              onPropertyContextMenu: selectionContext.onPropertyContextMenu,\n\n              editingPropertyKey: selectionContext.editingPropertyKey,\n              onEditCommit: selectionContext.onEditCommit,\n              onEditCancel: selectionContext.onEditCancel,\n\n              eventHandler: this.props.eventHandler,\n              dataProvider: this.props.dataProvider,\n\n              actionButtonRenderers: this.props.actionButtonRenderers,\n              propertyValueRendererManager: this.props.propertyValueRendererManager,\n              propertyCategoryRendererManager: this.props.propertyCategoryRendererManager,\n\n              columnRatio: columnResizeContext.columnRatio,\n              columnInfo: columnResizeContext.columnInfo,\n              isResizeHandleBeingDragged: columnResizeContext.isResizeHandleBeingDragged,\n              isResizeHandleHovered: columnResizeContext.isResizeHandleHovered,\n              onColumnRatioChanged: columnResizeContext.onColumnChanged,\n              onResizeHandleDragChanged: columnResizeContext.onResizeHandleDragChanged,\n              onResizeHandleHoverChanged: columnResizeContext.onResizeHandleHoverChanged,\n\n              highlight: this.props.highlight,\n            };\n\n            const renderContext: PropertyGridInternalContext = {\n              gridItems: this.state.gridItems,\n              gridEventHandler: this.props.eventHandler,\n              gridModel: this.props.model,\n              style: this.props.style,\n              className: this.props.className,\n              onItemHeightChanged: this._handleNodeHeightChange,\n              gridContext,\n            };\n\n            return (\n              <PropertyGridInternalContextProvider value={renderContext}>\n                <div className={classnames(\"components-virtualized-property-grid\", \"components-smallEditor-host\")}>\n                  <VariableSizeList\n                    className={classnames(\"components-property-grid-wrapper\", \"ReactWindow__VariableSizeList\", this.props.className)}\n                    width={this.props.width}\n                    height={this.props.height}\n                    itemCount={this.state.gridItems.length}\n                    itemSize={this._calculateNodeHeightByIndex}\n                    estimatedItemSize={this.calculateEstimatedHeight()}\n                    overscanCount={10}\n                    layout=\"vertical\"\n                    style={this.props.style}\n                    itemKey={this._getNodeKey}\n                    ref={this._listRef}\n                  >\n                    {FlatGridItemNode}\n                  </VariableSizeList>\n                </div>\n              </PropertyGridInternalContextProvider>\n            );\n          }}\n        </PropertyGridEventsRelatedPropsSupplier >\n      )}\n    </ColumnResizingPropertyListPropsSupplier>;\n  }\n}\n\nconst FlatGridItemNode = React.memo(\n  ({ index, style: virtualizedListStyle }: ListChildComponentProps) => {\n    const { gridItems, gridEventHandler, gridModel, gridContext, className, style, onItemHeightChanged } = usePropertyGridInternalContext(FlatGridItemNode);\n    const node = gridItems[index];\n\n    const onExpansionToggled = React.useCallback(\n      () => gridEventHandler.onExpansionToggled(node.selectionKey),\n      [gridEventHandler, node.selectionKey],\n    );\n    const onHeightChanged = React.useCallback(\n      (newHeight: number) => onItemHeightChanged(index, node.key, newHeight),\n      [onItemHeightChanged, index, node.key],\n    );\n\n    function getDisplayNode() {\n      const lastInNumberOfCategories = node.lastInNumberOfCategories;\n      switch (node.type) {\n        case FlatGridItemType.Category:\n          const categoryRendererManager = gridContext.propertyCategoryRendererManager\n            ?? PropertyCategoryRendererManager.defaultManager;\n          const customRenderer = categoryRendererManager.getCategoryComponent(node);\n          const wrapperClassName = classnames(\n            \"virtualized-grid-node-content\",\n            customRenderer !== undefined ? \"virtualized-grid-node-custom-category\" : \"virtualized-grid-node-category\",\n          );\n          return (\n            <FlatItemNestedBorderWrapper\n              borderCount={node.depth}\n              bottomBorderCount={lastInNumberOfCategories}\n              className={wrapperClassName}\n            >\n              <PropertyCategoryBlock\n                className={className}\n                style={style}\n                category={node.derivedCategory}\n                onExpansionToggled={onExpansionToggled}\n                highlight={gridContext.highlight?.filteredTypes?.includes(FilteredType.Category) ?\n                  gridContext.highlight :\n                  undefined\n                }\n              >\n                {customRenderer !== undefined && (\n                  <CustomCategoryContent\n                    renderer={customRenderer}\n                    categoryItem={node}\n                    gridContext={gridContext}\n                    onHeightChanged={onHeightChanged}\n                  />\n                )}\n              </PropertyCategoryBlock>\n            </FlatItemNestedBorderWrapper>\n          );\n        case FlatGridItemType.Array:\n        case FlatGridItemType.Struct:\n        case FlatGridItemType.Primitive:\n          const selectionKey = node.selectionKey;\n          const parentCategoryItem = gridModel.getItem(node.parentCategorySelectionKey) as GridCategoryItem;\n\n          return (\n            <FlatItemNestedBorderWrapper\n              borderCount={parentCategoryItem.depth + 1}\n              bottomBorderCount={lastInNumberOfCategories}\n              className=\"virtualized-grid-node-content\"\n            >\n              <FlatPropertyRenderer\n                key={node.key}\n                uniqueKey={selectionKey}\n                propertyRecord={node.derivedRecord}\n                orientation={gridContext.orientation}\n                indentation={node.depth}\n                width={gridContext.gridWidth}\n\n                isHoverable={gridContext.isPropertyHoverEnabled}\n                isSelectable={gridContext.isPropertySelectionEnabled}\n                isSelected={selectionKey === gridContext.selectedPropertyKey}\n\n                onClick={node.type === FlatGridItemType.Primitive ? gridContext.onPropertyClicked : undefined}\n                onRightClick={node.type === FlatGridItemType.Primitive ? gridContext.onPropertyRightClicked : undefined}\n                onContextMenu={gridContext.onPropertyContextMenu}\n\n                category={parentCategoryItem.derivedCategory}\n                isEditing={selectionKey === gridContext.editingPropertyKey}\n                onEditCommit={gridContext.onEditCommit}\n                onEditCancel={gridContext.onEditCancel}\n\n                isExpanded={node.isExpanded}\n                onExpansionToggled={onExpansionToggled}\n                onHeightChanged={onHeightChanged}\n\n                actionButtonRenderers={gridContext.actionButtonRenderers}\n                propertyValueRendererManager={gridContext.propertyValueRendererManager}\n\n                columnRatio={gridContext.columnRatio}\n                columnInfo={gridContext.columnInfo}\n                isResizeHandleBeingDragged={gridContext.isResizeHandleBeingDragged}\n                isResizeHandleHovered={gridContext.isResizeHandleHovered}\n                onColumnRatioChanged={gridContext.onColumnRatioChanged}\n                onResizeHandleDragChanged={gridContext.onResizeHandleDragChanged}\n                onResizeHandleHoverChanged={gridContext.onResizeHandleHoverChanged}\n\n                highlight={gridContext.highlight ?\n                  { applyOnLabel: (gridContext.highlight.filteredTypes?.includes(FilteredType.Label)) ?? false, applyOnValue: (gridContext.highlight.filteredTypes?.includes(FilteredType.Value)) ?? false, ...gridContext.highlight } :\n                  undefined\n                }\n              />\n            </FlatItemNestedBorderWrapper>\n          );\n      }\n    }\n\n    return (\n      <div className=\"virtualized-grid-node\" style={virtualizedListStyle}>\n        {getDisplayNode()}\n      </div>\n    );\n  },\n  areEqual,\n);\n\nFlatGridItemNode.displayName = \"FlatGridItemNode\";\n\ninterface CustomCategoryContentProps {\n  categoryItem: GridCategoryItem;\n  renderer: React.ComponentType<PropertyCategoryRendererProps>;\n  gridContext: VirtualizedPropertyGridContext;\n  onHeightChanged: (newHeight: number) => void;\n}\n\nconst CustomCategoryContent: React.FC<CustomCategoryContentProps> = (props) => {\n  const { onHeightChanged } = props;\n  const divRef = React.useRef<HTMLDivElement>(null);\n\n  React.useLayoutEffect(\n    () => {\n      assert(divRef.current !== null);\n      const contentHeight = divRef.current.getBoundingClientRect().height;\n      onHeightChanged(contentHeight);\n    },\n    [props.gridContext.orientation, onHeightChanged],\n  );\n\n  return (\n    <div ref={divRef}>\n      {React.createElement(props.renderer, props)}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"VirtualizedPropertyGrid.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/VirtualizedPropertyGrid.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\n/** @packageDocumentation\n * @module PropertyGrid\n */\nimport \"./VirtualizedPropertyGrid.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { ListChildComponentProps } from \"react-window\";\nimport { areEqual, VariableSizeList } from \"react-window\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { assert } from \"@itwin/core-bentley\";\nimport type { RatioChangeResult } from \"@itwin/core-react\";\nimport { Orientation } from \"@itwin/core-react\";\nimport { createContextWithMandatoryProvider } from \"../../common/UseContextWithMandatoryProvider\";\nimport type { PropertyUpdatedArgs } from \"../../editors/EditorContainer\";\nimport type { ActionButtonRenderer } from \"../../properties/renderers/ActionButtonRenderer\";\nimport type { PropertyGridColumnInfo } from \"../../properties/renderers/PropertyGridColumns\";\nimport type { PropertyValueRendererManager } from \"../../properties/ValueRendererManager\";\nimport { FilteredType } from \"../dataproviders/filterers/PropertyDataFiltererBase\";\nimport type {\n  FlatGridItem,\n  GridCategoryItem,\n} from \"../internal/flat-items/FlatGridItem\";\nimport { MutableCategorizedPrimitiveProperty } from \"../internal/flat-items/MutableCategorizedPrimitiveProperty\";\nimport { MutableCustomGridCategory } from \"../internal/flat-items/MutableCustomGridCategory\";\nimport { FlatGridItemType } from \"../internal/flat-items/MutableFlatGridItem\";\nimport { MutableGridCategory } from \"../internal/flat-items/MutableGridCategory\";\nimport { FlatPropertyRenderer } from \"../internal/flat-properties/FlatPropertyRenderer\";\nimport type { IPropertyGridEventHandler } from \"../internal/PropertyGridEventHandler\";\nimport type { IPropertyGridModel } from \"../internal/PropertyGridModel\";\nimport type { PropertyCategoryRendererProps } from \"../PropertyCategoryRendererManager\";\nimport { PropertyCategoryRendererManager } from \"../PropertyCategoryRendererManager\";\nimport type {\n  IPropertyDataProvider,\n  PropertyCategory,\n} from \"../PropertyDataProvider\";\nimport { ColumnResizingPropertyListPropsSupplier } from \"./ColumnResizingPropertyListPropsSupplier\";\nimport { FlatItemNestedBorderWrapper } from \"./FlatItemNestedBorderWrapper\";\nimport { PropertyCategoryBlock } from \"./PropertyCategoryBlock\";\nimport type {\n  CommonPropertyGridProps,\n  PropertyGridContentHighlightProps,\n} from \"./PropertyGridCommons\";\nimport { PropertyGridCommons } from \"./PropertyGridCommons\";\nimport { PropertyGridEventsRelatedPropsSupplier } from \"./PropertyGridEventsRelatedPropsSupplier\";\n\n/** Properties for [[VirtualizedPropertyGrid]] React component\n * @public\n */\nexport interface VirtualizedPropertyGridProps extends CommonPropertyGridProps {\n  /** Property grid view model that defines what needs to be rendered */\n  model: IPropertyGridModel;\n  /** Handler of the events raised from the property grid */\n  eventHandler: IPropertyGridEventHandler;\n  /** Property data provider used by the property grid */\n  dataProvider: IPropertyDataProvider;\n  /** Properties for highlighting property data in the grid. */\n  highlight?: PropertyGridContentHighlightProps;\n  /** Custom property category renderer manager. Defaults to [[PropertyCategoryRendererManager.defaultManager]]. */\n  propertyCategoryRendererManager?: PropertyCategoryRendererManager;\n  /** Width of the property grid component. */\n  width: number;\n  /** Height of the property grid component. */\n  height: number;\n}\n\n/** State of [[VirtualizedPropertyGrid]] React component\n * @internal\n */\ninterface VirtualizedPropertyGridState {\n  /** List of PropertyGrid categories */\n  gridItems: FlatGridItem[];\n  /** Actual orientation used by the property grid */\n  orientation: Orientation;\n  /** Keeps record of dynamic node heights */\n  dynamicNodeHeights: Map<string, number>;\n  /** When resetting node height cache, marks the point at which heights have become stale */\n  resetIndex: number;\n}\n\n/**\n * Context of [[VirtualizedPropertyGrid]] component.\n * @internal\n */\nexport interface PropertyGridInternalContext {\n  gridItems: FlatGridItem[];\n  gridEventHandler: IPropertyGridEventHandler;\n  gridModel: IPropertyGridModel;\n\n  style?: React.CSSProperties;\n  className?: string;\n  gridContext: VirtualizedPropertyGridContext;\n  onItemHeightChanged: (index: number, key: string, height: number) => void;\n}\n\n/**\n * Context of the surrounding [VirtualizedPropertyGrid]($components-react) component.\n * @public\n */\nexport interface VirtualizedPropertyGridContext {\n  orientation: Orientation;\n  gridWidth: number;\n\n  isPropertyHoverEnabled: boolean;\n  isPropertySelectionEnabled: boolean;\n  selectedPropertyKey?: string;\n\n  onPropertyClicked?: (property: PropertyRecord, key?: string) => void;\n  onPropertyRightClicked?: (property: PropertyRecord, key?: string) => void;\n  onPropertyContextMenu?: (\n    property: PropertyRecord,\n    e: React.MouseEvent\n  ) => void;\n\n  editingPropertyKey?: string;\n  onEditCommit?: (\n    args: PropertyUpdatedArgs,\n    category: PropertyCategory\n  ) => void;\n  onEditCancel?: () => void;\n\n  eventHandler: IPropertyGridEventHandler;\n  dataProvider: IPropertyDataProvider;\n\n  actionButtonRenderers?: ActionButtonRenderer[];\n  propertyValueRendererManager?: PropertyValueRendererManager;\n  propertyCategoryRendererManager?: PropertyCategoryRendererManager;\n\n  columnRatio: number;\n  columnInfo: PropertyGridColumnInfo;\n  isResizeHandleBeingDragged: boolean;\n  isResizeHandleHovered: boolean;\n  onColumnRatioChanged: (ratio: number) => void | RatioChangeResult;\n  onResizeHandleDragChanged: (newValue: boolean) => void;\n  onResizeHandleHoverChanged: (newValue: boolean) => void;\n\n  highlight?: PropertyGridContentHighlightProps;\n}\n\nconst [\n  PropertyGridInternalContextProvider,\n  _PropertyGridInternalContextConsumer,\n  usePropertyGridInternalContext,\n] = createContextWithMandatoryProvider<PropertyGridInternalContext>(\n  \"PropertyGridInternalContext\"\n);\n\nconst ACTION_BUTTON_DEFAULT_WIDTH = 90;\n\n/**\n * VirtualizedPropertyGrid React component.\n * @public\n */\nexport class VirtualizedPropertyGrid extends React.Component<\n  VirtualizedPropertyGridProps,\n  VirtualizedPropertyGridState\n> {\n  private _listRef = React.createRef<VariableSizeList>();\n\n  /** @internal */\n  constructor(props: VirtualizedPropertyGridProps) {\n    super(props);\n    this.state = {\n      gridItems: [],\n      orientation: props.orientation ?? Orientation.Horizontal,\n      dynamicNodeHeights: new Map(),\n      resetIndex: 0,\n    };\n  }\n\n  /** @internal */\n  public override componentDidUpdate(\n    prevProps: VirtualizedPropertyGridProps,\n    prevState: VirtualizedPropertyGridState\n  ) {\n    if (\n      this.props.orientation !== prevProps.orientation ||\n      this.props.isOrientationFixed !== prevProps.isOrientationFixed ||\n      this.props.horizontalOrientationMinWidth !==\n        prevProps.horizontalOrientationMinWidth ||\n      this.props.width !== prevProps.width\n    )\n      this.updateOrientation(this.props.width);\n\n    if (this.props.model !== prevProps.model) {\n      // istanbul ignore else\n      if (this._listRef.current) this._listRef.current.resetAfterIndex(0);\n    }\n\n    if (\n      this.props.highlight !== prevProps.highlight &&\n      this.props.highlight?.activeHighlight &&\n      this.state.gridItems.length !== 0\n    ) {\n      let index = 0;\n      let foundMatchingItem = false;\n      for (const item of this.state.gridItems) {\n        if (\n          (item instanceof MutableCategorizedPrimitiveProperty &&\n            this.props.highlight.activeHighlight.highlightedItemIdentifier ===\n              item.derivedRecord.property.name) ||\n          (item instanceof MutableGridCategory &&\n            this.props.highlight.activeHighlight.highlightedItemIdentifier ===\n              item.name)\n        ) {\n          foundMatchingItem = true;\n          break;\n        }\n        index++;\n      }\n      if (foundMatchingItem) {\n        // istanbul ignore else\n        if (this._listRef.current) this._listRef.current.scrollToItem(index);\n      }\n    }\n\n    if (this.state.dynamicNodeHeights !== prevState.dynamicNodeHeights) {\n      // istanbul ignore else\n      if (this._listRef.current)\n        this._listRef.current.resetAfterIndex(this.state.resetIndex);\n    }\n  }\n\n  /** @internal */\n  public static getDerivedStateFromProps(\n    props: VirtualizedPropertyGridProps,\n    state: VirtualizedPropertyGridState\n  ): VirtualizedPropertyGridState | null {\n    return {\n      ...state,\n      gridItems: props.model.getVisibleFlatGrid(),\n    };\n  }\n\n  private updateOrientation(width: number) {\n    const { orientation, isOrientationFixed, horizontalOrientationMinWidth } = {\n      ...this.props,\n    };\n    const currentOrientation = PropertyGridCommons.getCurrentOrientation(\n      width,\n      orientation,\n      isOrientationFixed,\n      horizontalOrientationMinWidth\n    );\n\n    if (currentOrientation !== this.state.orientation) {\n      this.setState({ orientation: currentOrientation });\n      // istanbul ignore else\n      if (this._listRef.current) this._listRef.current.resetAfterIndex(0);\n    }\n  }\n\n  /**\n   * Calculate given node height depending on it's type, position in category, parent category depth and current orientation.\n   * @param node FlatGridItem node for which to calculate height\n   * @returns current height of node.\n   */\n  private calculateNodeHeight(node: FlatGridItem) {\n    const categoryHeaderHeight = 38;\n    const categoryHeaderPadding = 4;\n    const categoryPropertyHeight = 27;\n    const bottomBorderPadding = 5;\n    const verticalPrimitivePropertyHeight = 55;\n\n    return (\n      getPropertyHeight(this.state) +\n      node.lastInNumberOfCategories * bottomBorderPadding\n    );\n\n    function getPropertyHeight(state: VirtualizedPropertyGridState) {\n      const dynamicHeight = state.dynamicNodeHeights.get(node.key);\n      if (dynamicHeight !== undefined) {\n        if (node instanceof MutableCustomGridCategory) {\n          return (\n            categoryHeaderHeight +\n            categoryHeaderPadding +\n            (node.isExpanded ? dynamicHeight + bottomBorderPadding : 0)\n          );\n        }\n\n        return (\n          dynamicHeight + (state.orientation === Orientation.Vertical ? 28 : 0)\n        );\n      }\n\n      if (node.type === FlatGridItemType.Category) {\n        return categoryHeaderHeight + categoryHeaderPadding;\n      }\n\n      if (\n        state.orientation === Orientation.Vertical &&\n        node.type === FlatGridItemType.Primitive\n      ) {\n        return verticalPrimitivePropertyHeight;\n      }\n\n      return categoryPropertyHeight;\n    }\n  }\n\n  private _handleNodeHeightChange = (\n    index: number,\n    key: string,\n    newHeight: number\n  ) => {\n    if (this.state.dynamicNodeHeights.get(key) === newHeight) {\n      return;\n    }\n\n    this.setState((state) => {\n      return {\n        ...state,\n        dynamicNodeHeights: new Map(state.dynamicNodeHeights).set(\n          key,\n          newHeight\n        ),\n        resetIndex: index,\n      };\n    });\n  };\n\n  private _calculateNodeHeightByIndex = (index: number) => {\n    const node = this.state.gridItems[index];\n    return this.calculateNodeHeight(node);\n  };\n\n  private calculateEstimatedHeight() {\n    let sum = 0;\n    for (const node of this.state.gridItems)\n      sum += this.calculateNodeHeight(node);\n\n    return Math.ceil(sum / this.state.gridItems.length);\n  }\n\n  private _getNodeKey = (index: number) => {\n    const node = this.state.gridItems[index];\n    return node.key;\n  };\n\n  private _getMaxItemDepth = () => {\n    let depth = 0;\n    for (const item of this.state.gridItems) {\n      if (depth < item.depth) {\n        depth = item.depth;\n      }\n    }\n    return depth + 1;\n  };\n\n  /** @internal */\n  public override render() {\n    const defaultActionButtonWidth =\n      (this.props.actionButtonRenderers?.length ?? 0) > 0\n        ? ACTION_BUTTON_DEFAULT_WIDTH\n        : undefined;\n\n    return (\n      <ColumnResizingPropertyListPropsSupplier\n        orientation={this.state.orientation}\n        width={this.props.width}\n        minLabelWidth={this.props.minLabelWidth}\n        minValueWidth={this.props.minValueWidth}\n        actionButtonWidth={\n          this.props.actionButtonWidth !== undefined\n            ? this.props.actionButtonWidth\n            : defaultActionButtonWidth\n        }\n        maxPropertyDepth={this._getMaxItemDepth()}\n      >\n        {(columnResizeContext) => (\n          <PropertyGridEventsRelatedPropsSupplier\n            isPropertySelectionEnabled={\n              this.props.isPropertySelectionEnabled ?? false\n            }\n            isPropertySelectionOnRightClickEnabled={\n              this.props.isPropertySelectionOnRightClickEnabled\n            }\n            isPropertyEditingEnabled={this.props.isPropertyEditingEnabled}\n            onPropertyContextMenu={this.props.onPropertyContextMenu}\n            onPropertyUpdated={this.props.onPropertyUpdated}\n            onPropertySelectionChanged={this.props.onPropertySelectionChanged}\n            isPropertyHoverEnabled={this.props.isPropertyHoverEnabled ?? false}\n          >\n            {(selectionContext) => {\n              const gridContext: VirtualizedPropertyGridContext = {\n                orientation: columnResizeContext.orientation,\n                gridWidth: this.props.width,\n\n                isPropertyHoverEnabled: selectionContext.isPropertyHoverEnabled,\n                isPropertySelectionEnabled:\n                  selectionContext.isPropertySelectionEnabled,\n                selectedPropertyKey: selectionContext.selectedPropertyKey,\n\n                onPropertyClicked: selectionContext.onPropertyClicked,\n                onPropertyRightClicked: selectionContext.onPropertyRightClicked,\n                onPropertyContextMenu: selectionContext.onPropertyContextMenu,\n\n                editingPropertyKey: selectionContext.editingPropertyKey,\n                onEditCommit: selectionContext.onEditCommit,\n                onEditCancel: selectionContext.onEditCancel,\n\n                eventHandler: this.props.eventHandler,\n                dataProvider: this.props.dataProvider,\n\n                actionButtonRenderers: this.props.actionButtonRenderers,\n                propertyValueRendererManager:\n                  this.props.propertyValueRendererManager,\n                propertyCategoryRendererManager:\n                  this.props.propertyCategoryRendererManager,\n\n                columnRatio: columnResizeContext.columnRatio,\n                columnInfo: columnResizeContext.columnInfo,\n                isResizeHandleBeingDragged:\n                  columnResizeContext.isResizeHandleBeingDragged,\n                isResizeHandleHovered:\n                  columnResizeContext.isResizeHandleHovered,\n                onColumnRatioChanged: columnResizeContext.onColumnChanged,\n                onResizeHandleDragChanged:\n                  columnResizeContext.onResizeHandleDragChanged,\n                onResizeHandleHoverChanged:\n                  columnResizeContext.onResizeHandleHoverChanged,\n\n                highlight: this.props.highlight,\n              };\n\n              const renderContext: PropertyGridInternalContext = {\n                gridItems: this.state.gridItems,\n                gridEventHandler: this.props.eventHandler,\n                gridModel: this.props.model,\n                style: this.props.style,\n                className: this.props.className,\n                onItemHeightChanged: this._handleNodeHeightChange,\n                gridContext,\n              };\n\n              return (\n                <PropertyGridInternalContextProvider value={renderContext}>\n                  <div\n                    className={classnames(\n                      \"components-virtualized-property-grid\",\n                      \"components-smallEditor-host\"\n                    )}\n                  >\n                    <VariableSizeList\n                      className={classnames(\n                        \"components-property-grid-wrapper\",\n                        \"ReactWindow__VariableSizeList\",\n                        this.props.className\n                      )}\n                      width={this.props.width}\n                      height={this.props.height}\n                      itemCount={this.state.gridItems.length}\n                      itemSize={this._calculateNodeHeightByIndex}\n                      estimatedItemSize={this.calculateEstimatedHeight()}\n                      overscanCount={10}\n                      layout=\"vertical\"\n                      style={this.props.style}\n                      itemKey={this._getNodeKey}\n                      ref={this._listRef}\n                    >\n                      {FlatGridItemNode}\n                    </VariableSizeList>\n                  </div>\n                </PropertyGridInternalContextProvider>\n              );\n            }}\n          </PropertyGridEventsRelatedPropsSupplier>\n        )}\n      </ColumnResizingPropertyListPropsSupplier>\n    );\n  }\n}\n\nconst FlatGridItemNode = React.memo(\n  ({ index, style: virtualizedListStyle }: ListChildComponentProps) => {\n    const {\n      gridItems,\n      gridEventHandler,\n      gridModel,\n      gridContext,\n      className,\n      style,\n      onItemHeightChanged,\n    } = usePropertyGridInternalContext(FlatGridItemNode);\n    const node = gridItems[index];\n\n    const onExpansionToggled = React.useCallback(\n      () => gridEventHandler.onExpansionToggled(node.selectionKey),\n      [gridEventHandler, node.selectionKey]\n    );\n    const onHeightChanged = React.useCallback(\n      (newHeight: number) => onItemHeightChanged(index, node.key, newHeight),\n      [onItemHeightChanged, index, node.key]\n    );\n\n    function getDisplayNode() {\n      const lastInNumberOfCategories = node.lastInNumberOfCategories;\n      switch (node.type) {\n        case FlatGridItemType.Category:\n          const categoryRendererManager =\n            gridContext.propertyCategoryRendererManager ??\n            PropertyCategoryRendererManager.defaultManager;\n          const customRenderer =\n            categoryRendererManager.getCategoryComponent(node);\n          const wrapperClassName = classnames(\n            \"virtualized-grid-node-content\",\n            customRenderer !== undefined\n              ? \"virtualized-grid-node-custom-category\"\n              : \"virtualized-grid-node-category\"\n          );\n          return (\n            <FlatItemNestedBorderWrapper\n              borderCount={node.depth}\n              bottomBorderCount={lastInNumberOfCategories}\n              className={wrapperClassName}\n            >\n              <PropertyCategoryBlock\n                className={className}\n                style={style}\n                category={node.derivedCategory}\n                onExpansionToggled={onExpansionToggled}\n                highlight={\n                  gridContext.highlight?.filteredTypes?.includes(\n                    FilteredType.Category\n                  )\n                    ? gridContext.highlight\n                    : undefined\n                }\n              >\n                {customRenderer !== undefined && (\n                  <CustomCategoryContent\n                    renderer={customRenderer}\n                    categoryItem={node}\n                    gridContext={gridContext}\n                    onHeightChanged={onHeightChanged}\n                  />\n                )}\n              </PropertyCategoryBlock>\n            </FlatItemNestedBorderWrapper>\n          );\n        case FlatGridItemType.Array:\n        case FlatGridItemType.Struct:\n        case FlatGridItemType.Primitive:\n          const selectionKey = node.selectionKey;\n          const parentCategoryItem = gridModel.getItem(\n            node.parentCategorySelectionKey\n          ) as GridCategoryItem;\n\n          return (\n            <FlatItemNestedBorderWrapper\n              borderCount={parentCategoryItem.depth + 1}\n              bottomBorderCount={lastInNumberOfCategories}\n              className=\"virtualized-grid-node-content\"\n            >\n              <FlatPropertyRenderer\n                key={node.key}\n                uniqueKey={selectionKey}\n                propertyRecord={node.derivedRecord}\n                orientation={gridContext.orientation}\n                indentation={node.depth}\n                width={gridContext.gridWidth}\n                isHoverable={gridContext.isPropertyHoverEnabled}\n                isSelectable={gridContext.isPropertySelectionEnabled}\n                isSelected={selectionKey === gridContext.selectedPropertyKey}\n                onClick={\n                  node.type === FlatGridItemType.Primitive\n                    ? gridContext.onPropertyClicked\n                    : undefined\n                }\n                onRightClick={\n                  node.type === FlatGridItemType.Primitive\n                    ? gridContext.onPropertyRightClicked\n                    : undefined\n                }\n                onContextMenu={gridContext.onPropertyContextMenu}\n                category={parentCategoryItem.derivedCategory}\n                isEditing={selectionKey === gridContext.editingPropertyKey}\n                onEditCommit={gridContext.onEditCommit}\n                onEditCancel={gridContext.onEditCancel}\n                isExpanded={node.isExpanded}\n                onExpansionToggled={onExpansionToggled}\n                onHeightChanged={onHeightChanged}\n                actionButtonRenderers={gridContext.actionButtonRenderers}\n                propertyValueRendererManager={\n                  gridContext.propertyValueRendererManager\n                }\n                columnRatio={gridContext.columnRatio}\n                columnInfo={gridContext.columnInfo}\n                isResizeHandleBeingDragged={\n                  gridContext.isResizeHandleBeingDragged\n                }\n                isResizeHandleHovered={gridContext.isResizeHandleHovered}\n                onColumnRatioChanged={gridContext.onColumnRatioChanged}\n                onResizeHandleDragChanged={\n                  gridContext.onResizeHandleDragChanged\n                }\n                onResizeHandleHoverChanged={\n                  gridContext.onResizeHandleHoverChanged\n                }\n                highlight={\n                  gridContext.highlight\n                    ? {\n                        applyOnLabel:\n                          gridContext.highlight.filteredTypes?.includes(\n                            FilteredType.Label\n                          ) ?? false,\n                        applyOnValue:\n                          gridContext.highlight.filteredTypes?.includes(\n                            FilteredType.Value\n                          ) ?? false,\n                        ...gridContext.highlight,\n                      }\n                    : undefined\n                }\n              />\n            </FlatItemNestedBorderWrapper>\n          );\n      }\n    }\n\n    return (\n      <div className=\"virtualized-grid-node\" style={virtualizedListStyle}>\n        {getDisplayNode()}\n      </div>\n    );\n  },\n  areEqual\n);\n\nFlatGridItemNode.displayName = \"FlatGridItemNode\";\n\ninterface CustomCategoryContentProps {\n  categoryItem: GridCategoryItem;\n  renderer: React.ComponentType<PropertyCategoryRendererProps>;\n  gridContext: VirtualizedPropertyGridContext;\n  onHeightChanged: (newHeight: number) => void;\n}\n\nconst CustomCategoryContent: React.FC<CustomCategoryContentProps> = (props) => {\n  const { onHeightChanged } = props;\n  const divRef = React.useRef<HTMLDivElement>(null);\n\n  React.useLayoutEffect(() => {\n    assert(divRef.current !== null);\n    const contentHeight = divRef.current.getBoundingClientRect().height;\n    onHeightChanged(contentHeight);\n  }, [props.gridContext.orientation, onHeightChanged]);\n\n  return <div ref={divRef}>{React.createElement(props.renderer, props)}</div>;\n};\n"]}

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

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

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

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -21,7 +21,9 @@ const VirtualizedPropertyGrid_1 = require("./VirtualizedPropertyGrid");
  * @public
  */
 function VirtualizedPropertyGridWithDataProvider(props) {
-    const modelSource = (0, PropertyGridHooks_1.usePropertyGridModelSource)({ dataProvider: props.dataProvider });
+    const modelSource = (0, PropertyGridHooks_1.usePropertyGridModelSource)({
+        dataProvider: props.dataProvider,
+    });
     const model = (0, PropertyGridHooks_1.usePropertyGridModel)({ modelSource });
     const eventHandler = (0, PropertyGridHooks_1.usePropertyGridEventHandler)({ modelSource });
     if (!model) {

package/lib/cjs/components-react/propertygrid/component/VirtualizedPropertyGridWithDataProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualizedPropertyGridWithDataProvider.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/VirtualizedPropertyGridWithDataProvider.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;;;;;;AAE/F;;GAEG;AAEH,kDAA0B;AAC1B,gEAA6D;AAC7D,qEAA8H;AAI9H,uEAAoE;AAkBpE;;;;GAIG;AACH,SAAgB,uCAAuC,CAAC,KAAmD;IACzG,MAAM,WAAW,GAAG,IAAA,8CAA0B,EAAC,EAAE,YAAY,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC,CAAC;IACrF,MAAM,KAAK,GAAG,IAAA,wCAAoB,EAAC,EAAE,WAAW,EAAE,CAAC,CAAC;IACpD,MAAM,YAAY,GAAG,IAAA,+CAA2B,EAAC,EAAE,WAAW,EAAE,CAAC,CAAC;IAElE,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,CACL,uCAAK,SAAS,EAAC,6CAA6C;YAC1D,8BAAC,+BAAc,IAAC,IAAI,EAAC,OAAO,GAAG,CAC3B,CACP,CAAC;KACH;IAED,OAAO,CAAC,8BAAC,iDAAuB,OAAK,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,GAAI,CAAC,CAAC;AAC5F,CAAC;AAdD,0FAcC","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\n/** @packageDocumentation\n * @module PropertyGrid\n */\n\nimport React from \"react\";\nimport { DelayedSpinner } from \"../../common/DelayedSpinner\";\nimport { usePropertyGridEventHandler, usePropertyGridModel, usePropertyGridModelSource } from \"../internal/PropertyGridHooks\";\nimport type { PropertyCategoryRendererManager } from \"../PropertyCategoryRendererManager\";\nimport type { IPropertyDataProvider } from \"../PropertyDataProvider\";\nimport type { CommonPropertyGridProps, PropertyGridContentHighlightProps } from \"./PropertyGridCommons\";\nimport { VirtualizedPropertyGrid } from \"./VirtualizedPropertyGrid\";\n\n/** Properties for [[VirtualizedPropertyGridWithDataProvider]] React component\n * @public\n */\nexport interface VirtualizedPropertyGridWithDataProviderProps extends CommonPropertyGridProps {\n  /** Property data provider used by the property grid */\n  dataProvider: IPropertyDataProvider;\n  /** Properties for highlighting property data in the grid. */\n  highlight?: PropertyGridContentHighlightProps;\n  /** Custom property category renderer manager. Defaults to [[PropertyCategoryRendererManager.defaultManager]]. */\n  propertyCategoryRendererManager?: PropertyCategoryRendererManager;\n  /** Width of the property grid component. */\n  width: number;\n  /** Height of the property grid component. */\n  height: number;\n}\n\n/**\n * [[VirtualizedPropertyGrid]] React Component which takes a data provider and\n * sets up default implementations for [[IPropertyGridModelSource]] and [[IPropertyGridEventHandler]]\n * @public\n */\nexport function VirtualizedPropertyGridWithDataProvider(props: VirtualizedPropertyGridWithDataProviderProps) {\n  const modelSource = usePropertyGridModelSource({ dataProvider: props.dataProvider });\n  const model = usePropertyGridModel({ modelSource });\n  const eventHandler = usePropertyGridEventHandler({ modelSource });\n\n  if (!model) {\n    return (\n      <div className=\"components-virtualized-property-grid-loader\">\n        <DelayedSpinner size=\"large\" />\n      </div>\n    );\n  }\n\n  return (<VirtualizedPropertyGrid {...props} model={model} eventHandler={eventHandler} />);\n}\n"]}
+{"version":3,"file":"VirtualizedPropertyGridWithDataProvider.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/VirtualizedPropertyGridWithDataProvider.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;;;;;;AAEhG;;GAEG;AAEH,kDAA0B;AAC1B,gEAA6D;AAC7D,qEAIuC;AAOvC,uEAAoE;AAmBpE;;;;GAIG;AACH,SAAgB,uCAAuC,CACrD,KAAmD;IAEnD,MAAM,WAAW,GAAG,IAAA,8CAA0B,EAAC;QAC7C,YAAY,EAAE,KAAK,CAAC,YAAY;KACjC,CAAC,CAAC;IACH,MAAM,KAAK,GAAG,IAAA,wCAAoB,EAAC,EAAE,WAAW,EAAE,CAAC,CAAC;IACpD,MAAM,YAAY,GAAG,IAAA,+CAA2B,EAAC,EAAE,WAAW,EAAE,CAAC,CAAC;IAElE,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,CACL,uCAAK,SAAS,EAAC,6CAA6C;YAC1D,8BAAC,+BAAc,IAAC,IAAI,EAAC,OAAO,GAAG,CAC3B,CACP,CAAC;KACH;IAED,OAAO,CACL,8BAAC,iDAAuB,OAClB,KAAK,EACT,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,GAC1B,CACH,CAAC;AACJ,CAAC;AAxBD,0FAwBC","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\n/** @packageDocumentation\n * @module PropertyGrid\n */\n\nimport React from \"react\";\nimport { DelayedSpinner } from \"../../common/DelayedSpinner\";\nimport {\n  usePropertyGridEventHandler,\n  usePropertyGridModel,\n  usePropertyGridModelSource,\n} from \"../internal/PropertyGridHooks\";\nimport type { PropertyCategoryRendererManager } from \"../PropertyCategoryRendererManager\";\nimport type { IPropertyDataProvider } from \"../PropertyDataProvider\";\nimport type {\n  CommonPropertyGridProps,\n  PropertyGridContentHighlightProps,\n} from \"./PropertyGridCommons\";\nimport { VirtualizedPropertyGrid } from \"./VirtualizedPropertyGrid\";\n\n/** Properties for [[VirtualizedPropertyGridWithDataProvider]] React component\n * @public\n */\nexport interface VirtualizedPropertyGridWithDataProviderProps\n  extends CommonPropertyGridProps {\n  /** Property data provider used by the property grid */\n  dataProvider: IPropertyDataProvider;\n  /** Properties for highlighting property data in the grid. */\n  highlight?: PropertyGridContentHighlightProps;\n  /** Custom property category renderer manager. Defaults to [[PropertyCategoryRendererManager.defaultManager]]. */\n  propertyCategoryRendererManager?: PropertyCategoryRendererManager;\n  /** Width of the property grid component. */\n  width: number;\n  /** Height of the property grid component. */\n  height: number;\n}\n\n/**\n * [[VirtualizedPropertyGrid]] React Component which takes a data provider and\n * sets up default implementations for [[IPropertyGridModelSource]] and [[IPropertyGridEventHandler]]\n * @public\n */\nexport function VirtualizedPropertyGridWithDataProvider(\n  props: VirtualizedPropertyGridWithDataProviderProps\n) {\n  const modelSource = usePropertyGridModelSource({\n    dataProvider: props.dataProvider,\n  });\n  const model = usePropertyGridModel({ modelSource });\n  const eventHandler = usePropertyGridEventHandler({ modelSource });\n\n  if (!model) {\n    return (\n      <div className=\"components-virtualized-property-grid-loader\">\n        <DelayedSpinner size=\"large\" />\n      </div>\n    );\n  }\n\n  return (\n    <VirtualizedPropertyGrid\n      {...props}\n      model={model}\n      eventHandler={eventHandler}\n    />\n  );\n}\n"]}

package/lib/cjs/components-react/propertygrid/dataproviders/FilteringDataProvider.d.ts

@@ -12,14 +12,14 @@ import type { FilteredType, IPropertyDataFilterer } from "./filterers/PropertyDa
  */
 export interface FilteredPropertyData extends PropertyData {
     /**
-    * Shows how many matches were found when filtering data.
-    * `undefined` when filterer is not active
-    */
+     * Shows how many matches were found when filtering data.
+     * `undefined` when filterer is not active
+     */
     matchesCount?: number;
     /**
-    * Function used for getting [[HighlightInfo]] by index from all the filtered matches.
-    * `undefined` when filterer is not active
-    */
+     * Function used for getting [[HighlightInfo]] by index from all the filtered matches.
+     * `undefined` when filterer is not active
+     */
     getMatchByIndex?: (index: number) => HighlightInfo | undefined;
     /** Types of objects that were used for filtering. */
     filteredTypes?: FilteredType[];

package/lib/cjs/components-react/propertygrid/dataproviders/FilteringDataProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilteringDataProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/dataproviders/FilteringDataProvider.ts"],"names":[],"mappings":"AAIA;;GAEG;AAIH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AAE7E,OAAO,KAAK,EAAE,qBAAqB,EAAoB,YAAY,EAAC,MAAM,yBAAyB,CAAC;AACpG,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,KAAK,EAAE,YAAY,EAAE,qBAAqB,EAA4B,MAAM,sCAAsC,CAAC;AAW1H;;;GAGG;AACH,MAAM,WAAW,oBAAqB,SAAQ,YAAY;IACxD;;;MAGE;IACF,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;MAGE;IACF,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,aAAa,GAAG,SAAS,CAAC;IAE/D,qDAAqD;IACrD,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;CAChC;AAED;;;GAGG;AACH,qBAAa,6BAA8B,YAAW,qBAAqB,EAAE,WAAW;IAMnE,OAAO,CAAC,aAAa;IAAyB,OAAO,CAAC,SAAS;IAL3E,aAAa,0BAAiC;IACrD,OAAO,CAAC,qBAAqB,CAAwD;IACrF,OAAO,CAAC,6BAA6B,CAAW;IAChD,OAAO,CAAC,2BAA2B,CAAW;gBAEnB,aAAa,EAAE,qBAAqB,EAAU,SAAS,EAAE,qBAAqB;IAKlG,OAAO,IAAI,IAAI;IAKT,OAAO,IAAI,OAAO,CAAC,oBAAoB,CAAC;YAavC,kBAAkB;CAqCjC"}
+{"version":3,"file":"FilteringDataProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/dataproviders/FilteringDataProvider.ts"],"names":[],"mappings":"AAIA;;GAEG;AAIH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AAE7E,OAAO,KAAK,EACV,qBAAqB,EAErB,YAAY,EACb,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,KAAK,EACV,YAAY,EACZ,qBAAqB,EAEtB,MAAM,sCAAsC,CAAC;AAW9C;;;GAGG;AACH,MAAM,WAAW,oBAAqB,SAAQ,YAAY;IACxD;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,aAAa,GAAG,SAAS,CAAC;IAE/D,qDAAqD;IACrD,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;CAChC;AAED;;;GAGG;AACH,qBAAa,6BACX,YAAW,qBAAqB,EAAE,WAAW;IAS3C,OAAO,CAAC,aAAa;IACrB,OAAO,CAAC,SAAS;IARZ,aAAa,0BAAiC;IACrD,OAAO,CAAC,qBAAqB,CACjB;IACZ,OAAO,CAAC,6BAA6B,CAAW;IAChD,OAAO,CAAC,2BAA2B,CAAW;gBAGpC,aAAa,EAAE,qBAAqB,EACpC,SAAS,EAAE,qBAAqB;IAcnC,OAAO,IAAI,IAAI;IAKT,OAAO,IAAI,OAAO,CAAC,oBAAoB,CAAC;YAgBvC,kBAAkB;CA0CjC"}

package/lib/cjs/components-react/propertygrid/dataproviders/FilteringDataProvider.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */
@@ -20,8 +20,16 @@ class FilteringPropertyDataProvider {
         this._filterer = _filterer;
         this.onDataChanged = new PropertyDataProvider_1.PropertyDataChangeEvent();
         this._filteredPropertyData = undefined;
-        this._disposeFilterChangedListener = this._filterer.onFilterChanged.addListener(() => { this._filteredPropertyData = undefined; this.onDataChanged.raiseEvent(); });
-        this._disposeDataChangedListener = this._dataProvider.onDataChanged.addListener(() => { this._filteredPropertyData = undefined; this.onDataChanged.raiseEvent(); });
+        this._disposeFilterChangedListener =
+            this._filterer.onFilterChanged.addListener(() => {
+                this._filteredPropertyData = undefined;
+                this.onDataChanged.raiseEvent();
+            });
+        this._disposeDataChangedListener =
+            this._dataProvider.onDataChanged.addListener(() => {
+                this._filteredPropertyData = undefined;
+                this.onDataChanged.raiseEvent();
+            });
     }
     dispose() {
         this._disposeDataChangedListener();
@@ -31,15 +39,18 @@ class FilteringPropertyDataProvider {
         if (this._filteredPropertyData) {
             return this._filteredPropertyData;
         }
-        this._filteredPropertyData = this._dataProvider.getData().then(async (propertyData) => {
-            return ((this._filterer.isActive) ?
-                this.filterPropertyData(propertyData) : propertyData);
+        this._filteredPropertyData = this._dataProvider
+            .getData()
+            .then(async (propertyData) => {
+            return this._filterer.isActive
+                ? this.filterPropertyData(propertyData)
+                : propertyData;
         });
         return this._filteredPropertyData;
     }
     async filterPropertyData(propertyData) {
         const { categories, records, label, description } = { ...propertyData };
-        const { filteredCategories, filteredRecords, matchesCount, filteredResultMatches, filteredTypes } = await matchHierarchy(this._filterer, categories, records, undefined);
+        const { filteredCategories, filteredRecords, matchesCount, filteredResultMatches, filteredTypes, } = await matchHierarchy(this._filterer, categories, records, undefined);
         const uniqueTypes = [...new Set(filteredTypes)];
         const getMatchByIndex = (index) => {
             let activeMatch;
@@ -82,23 +93,30 @@ async function matchHierarchy(filterer, categories, records, newRecords, parentM
     for (const category of categories) {
         const matchInfo = await filterer.categoryMatchesFilter(category, []);
         if (matchInfo.matchesFilter) {
-            allFilteredResultMatches.push({ id: category.name, matchesCount: (_a = matchInfo.matchesCount) !== null && _a !== void 0 ? _a : 0 });
+            allFilteredResultMatches.push({
+                id: category.name,
+                matchesCount: (_a = matchInfo.matchesCount) !== null && _a !== void 0 ? _a : 0,
+            });
             allFilteredTypes = allFilteredTypes.concat((_b = matchInfo.filteredTypes) !== null && _b !== void 0 ? _b : []);
             matchesCount += (_c = matchInfo.matchesCount) !== null && _c !== void 0 ? _c : 0;
         }
         const childRecords = (_d = records[category.name]) !== null && _d !== void 0 ? _d : [];
-        const { filteredRecords, matchesCount: count, filteredResultMatches, filteredTypes } = await matchRecordHierarchy(filterer, childRecords, []);
+        const { filteredRecords, matchesCount: count, filteredResultMatches, filteredTypes, } = await matchRecordHierarchy(filterer, childRecords, []);
         allFilteredResultMatches = allFilteredResultMatches.concat(filteredResultMatches);
         allFilteredTypes = allFilteredTypes.concat(filteredTypes);
         matchesCount += count;
-        const parentInfo = (parentMatchInfo === null || parentMatchInfo === void 0 ? void 0 : parentMatchInfo.matchesFilter) ? parentMatchInfo : matchInfo;
+        const parentInfo = (parentMatchInfo === null || parentMatchInfo === void 0 ? void 0 : parentMatchInfo.matchesFilter)
+            ? parentMatchInfo
+            : matchInfo;
         const childCategories = (_e = category.childCategories) !== null && _e !== void 0 ? _e : [];
-        const { filteredCategories, matchesCount: childCount, filteredResultMatches: childFilteredResultMatches, filteredTypes: childFilteredTypes } = await matchHierarchy(filterer, childCategories, records, newRecords, parentInfo);
+        const { filteredCategories, matchesCount: childCount, filteredResultMatches: childFilteredResultMatches, filteredTypes: childFilteredTypes, } = await matchHierarchy(filterer, childCategories, records, newRecords, parentInfo);
         allFilteredResultMatches = allFilteredResultMatches.concat(childFilteredResultMatches);
         allFilteredTypes = allFilteredTypes.concat(childFilteredTypes);
         matchesCount += childCount;
         let expand = !(count === 0 && childCount === 0);
-        if (matchInfo.matchesFilter || ((parentMatchInfo === null || parentMatchInfo === void 0 ? void 0 : parentMatchInfo.matchesFilter) && parentMatchInfo.shouldForceIncludeDescendants)) {
+        if (matchInfo.matchesFilter ||
+            ((parentMatchInfo === null || parentMatchInfo === void 0 ? void 0 : parentMatchInfo.matchesFilter) &&
+                parentMatchInfo.shouldForceIncludeDescendants)) {
             newRecords[category.name] = records[category.name];
             if (matchInfo.matchesFilter) {
                 expand = true;
@@ -106,13 +124,22 @@ async function matchHierarchy(filterer, categories, records, newRecords, parentM
             const newCategory = copyPropertyCategory(category, filteredCategories, expand);
             newCategories.push(newCategory);
         }
-        if ((filteredRecords.length !== 0 || filteredCategories.length !== 0) && !matchInfo.matchesFilter && !((parentMatchInfo === null || parentMatchInfo === void 0 ? void 0 : parentMatchInfo.shouldExpandNodeParents) && parentMatchInfo.matchesFilter)) {
+        if ((filteredRecords.length !== 0 || filteredCategories.length !== 0) &&
+            !matchInfo.matchesFilter &&
+            !((parentMatchInfo === null || parentMatchInfo === void 0 ? void 0 : parentMatchInfo.shouldExpandNodeParents) &&
+                parentMatchInfo.matchesFilter)) {
             const newCategory = copyPropertyCategory(category, filteredCategories, expand);
             newRecords[newCategory.name] = filteredRecords;
             newCategories.push(newCategory);
         }
     }
-    return { filteredCategories: newCategories, filteredRecords: newRecords, matchesCount, filteredResultMatches: allFilteredResultMatches, filteredTypes: allFilteredTypes };
+    return {
+        filteredCategories: newCategories,
+        filteredRecords: newRecords,
+        matchesCount,
+        filteredResultMatches: allFilteredResultMatches,
+        filteredTypes: allFilteredTypes,
+    };
 }
 async function matchRecordHierarchy(filterer, records, parents, forceIncludeItem = false) {
     var _a, _b;
@@ -124,7 +151,7 @@ async function matchRecordHierarchy(filterer, records, parents, forceIncludeItem
     for (const record of records) {
         const matchInfo = await filterer.recordMatchesFilter(record, parents);
         const shouldForceIncludeDescendants = forceIncludeItem || matchInfo.shouldForceIncludeDescendants;
-        const { filteredRecords: filteredChildren, shouldExpandNodeParents, matchesCount: childrenMatchesCount, filteredResultMatches: childrenResultMatches, filteredTypes: childrenFilteredTypes } = await matchRecordHierarchy(filterer, record.getChildrenRecords(), [...parents, record], shouldForceIncludeDescendants);
+        const { filteredRecords: filteredChildren, shouldExpandNodeParents, matchesCount: childrenMatchesCount, filteredResultMatches: childrenResultMatches, filteredTypes: childrenFilteredTypes, } = await matchRecordHierarchy(filterer, record.getChildrenRecords(), [...parents, record], shouldForceIncludeDescendants);
         filteredResultMatches = filteredResultMatches.concat(childrenResultMatches);
         filteredTypes = [...filteredTypes, ...childrenFilteredTypes];
         matchesCount += childrenMatchesCount;
@@ -140,7 +167,10 @@ async function matchRecordHierarchy(filterer, records, parents, forceIncludeItem
             // then `expandParent` should be set to true
             expandParent = expandParent || !!matchInfo.shouldExpandNodeParents;
             newRecord = copyPropertyRecord(record, filteredChildren, shouldExpandNodeParents);
-            filteredResultMatches.push({ id: newRecord.property.name, matchesCount: recordMatchesCount });
+            filteredResultMatches.push({
+                id: newRecord.property.name,
+                matchesCount: recordMatchesCount,
+            });
         }
         else if (filteredChildren.length !== 0 || forceIncludeItem) {
             // Item is also included if it has at least one matched child or is forcefully included by its parent
@@ -149,7 +179,13 @@ async function matchRecordHierarchy(filterer, records, parents, forceIncludeItem
         if (newRecord)
             newMatchedRecords.push(newRecord);
     }
-    return { filteredRecords: newMatchedRecords, shouldExpandNodeParents: expandParent, matchesCount, filteredResultMatches, filteredTypes };
+    return {
+        filteredRecords: newMatchedRecords,
+        shouldExpandNodeParents: expandParent,
+        matchesCount,
+        filteredResultMatches,
+        filteredTypes,
+    };
 }
 function copyPropertyCategory(propertyCategory, newChildren, expand) {
     return {
@@ -175,7 +211,7 @@ function createNewPropertyValue(value, newChildren) {
             };
         case appui_abstract_1.PropertyValueFormat.Struct:
             const members = {};
-            newChildren.forEach((child) => members[child.property.name] = child);
+            newChildren.forEach((child) => (members[child.property.name] = child));
             return {
                 valueFormat: appui_abstract_1.PropertyValueFormat.Struct,
                 members,