@itwin/components-react 4.17.0 → 5.0.0-dev.2

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

@@ -1,321 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- * 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);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useVirtualizedPropertyGridLayoutStorage = exports.VirtualizedPropertyGrid = void 0;
-/** @packageDocumentation
- * @module PropertyGrid
- */
-require("./VirtualizedPropertyGrid.scss");
-const classnames_1 = __importDefault(require("classnames"));
-const React = __importStar(require("react"));
-const react_window_1 = require("react-window");
-const core_bentley_1 = require("@itwin/core-bentley");
-const UseContextWithMandatoryProvider_1 = require("../../common/UseContextWithMandatoryProvider");
-const PropertyDataFiltererBase_1 = require("../dataproviders/filterers/PropertyDataFiltererBase");
-const MutableCategorizedPrimitiveProperty_1 = require("../internal/flat-items/MutableCategorizedPrimitiveProperty");
-const MutableCustomGridCategory_1 = require("../internal/flat-items/MutableCustomGridCategory");
-const MutableFlatGridItem_1 = require("../internal/flat-items/MutableFlatGridItem");
-const MutableGridCategory_1 = require("../internal/flat-items/MutableGridCategory");
-const FlatPropertyRenderer_1 = require("../internal/flat-properties/FlatPropertyRenderer");
-const PropertyCategoryRendererManager_1 = require("../PropertyCategoryRendererManager");
-const ColumnResizingPropertyListPropsSupplier_1 = require("./ColumnResizingPropertyListPropsSupplier");
-const FlatItemNestedBorderWrapper_1 = require("./FlatItemNestedBorderWrapper");
-const PropertyCategoryBlock_1 = require("./PropertyCategoryBlock");
-const PropertyGridCommons_1 = require("./PropertyGridCommons");
-const PropertyGridEventsRelatedPropsSupplier_1 = require("./PropertyGridEventsRelatedPropsSupplier");
-const UseElementsScrollStorage_1 = require("../../common/UseElementsScrollStorage");
-const Orientation_1 = require("../../common/Orientation");
-const [PropertyGridInternalContextProvider, _PropertyGridInternalContextConsumer, usePropertyGridInternalContext,] = (0, UseContextWithMandatoryProvider_1.createContextWithMandatoryProvider)("PropertyGridInternalContext");
-const ACTION_BUTTON_DEFAULT_WIDTH = 90;
-const CATEGORY_HEADER_HEIGHT = 42;
-const CATEGORY_PROPERTY_HEIGHT = 28;
-const VERTICAL_CATEGORY_PROPERTY_HEIGHT = 48;
-/**
- * VirtualizedPropertyGrid React component.
- * @public
- */
-class VirtualizedPropertyGrid extends React.Component {
-    constructor(props) {
-        super(props);
-        this._listRef = React.createRef();
-        this._handleNodeHeightChange = (index, key, newHeight) => {
-            if (this.state.dynamicNodeHeights.get(key) === newHeight) {
-                return;
-            }
-            this.setState((state) => {
-                return {
-                    ...state,
-                    dynamicNodeHeights: new Map(state.dynamicNodeHeights).set(key, newHeight),
-                };
-            }, () => this._listRef.current.resetAfterIndex(index));
-        };
-        this._calculateNodeHeightByIndex = (index) => {
-            const node = this.state.gridItems[index];
-            return this.calculateNodeHeight(node);
-        };
-        this._getNodeKey = (index) => {
-            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: props.orientation ??
-                PropertyGridCommons_1.PropertyGridCommons.getCurrentOrientation(props.width, undefined, props.isOrientationFixed, props.horizontalOrientationMinWidth),
-            dynamicNodeHeights: new Map(),
-        };
-    }
-    componentDidUpdate(prevProps) {
-        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) {
-            if (this._listRef.current)
-                this._listRef.current.resetAfterIndex(0);
-        }
-        if (this.props.highlight !== prevProps.highlight &&
-            this.props.highlight?.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)) {
-                    foundMatchingItem = true;
-                    break;
-                }
-                index++;
-            }
-            if (foundMatchingItem) {
-                if (this._listRef.current)
-                    this._listRef.current.scrollToItem(index);
-            }
-        }
-    }
-    /** @internal */
-    static getDerivedStateFromProps(props, state) {
-        return {
-            ...state,
-            gridItems: props.model.getVisibleFlatGrid(),
-        };
-    }
-    updateOrientation(width) {
-        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 });
-        }
-    }
-    /**
-     * Calculate given node height depending on it's type, position in category, parent category depth and current orientation.
-     * @param node FlatGridItem node for which to calculate height
-     * @returns current height of node.
-     */
-    calculateNodeHeight(node) {
-        return getPropertyHeight(this.state);
-        function getPropertyHeight(state) {
-            const dynamicHeight = state.dynamicNodeHeights.get(node.key);
-            if (dynamicHeight !== undefined) {
-                if (node instanceof MutableCustomGridCategory_1.MutableCustomGridCategory) {
-                    return CATEGORY_HEADER_HEIGHT + (node.isExpanded ? dynamicHeight : 0);
-                }
-                return dynamicHeight;
-            }
-            if (node.type === MutableFlatGridItem_1.FlatGridItemType.Category) {
-                return CATEGORY_HEADER_HEIGHT;
-            }
-            return state.orientation === Orientation_1.Orientation.Vertical
-                ? VERTICAL_CATEGORY_PROPERTY_HEIGHT
-                : CATEGORY_PROPERTY_HEIGHT;
-        }
-    }
-    calculateEstimatedHeight() {
-        let sum = 0;
-        for (const node of this.state.gridItems)
-            sum += this.calculateNodeHeight(node);
-        return Math.ceil(sum / this.state.gridItems.length);
-    }
-    render() {
-        const defaultActionButtonWidth = (this.props.actionButtonRenderers?.length ?? 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) => (React.createElement(PropertyGridEventsRelatedPropsSupplier_1.PropertyGridEventsRelatedPropsSupplier, { isPropertySelectionEnabled: this.props.isPropertySelectionEnabled ?? false, isPropertySelectionOnRightClickEnabled: this.props.isPropertySelectionOnRightClickEnabled, isPropertyEditingEnabled: this.props.isPropertyEditingEnabled, onPropertyContextMenu: this.props.onPropertyContextMenu, onPropertyUpdated: this.props.onPropertyUpdated, onPropertySelectionChanged: this.props.onPropertySelectionChanged, isPropertyHoverEnabled: this.props.isPropertyHoverEnabled ?? false }, (selectionContext) => {
-            const gridContext = {
-                orientation: columnResizeContext.orientation,
-                gridWidth: this.props.width,
-                isPropertyHoverEnabled: selectionContext.isPropertyHoverEnabled,
-                isPropertySelectionEnabled: selectionContext.isPropertySelectionEnabled,
-                selectedPropertyKey: selectionContext.selectedPropertyKey,
-                onPropertyClicked: selectionContext.onPropertyClicked,
-                onPropertyRightClicked: selectionContext.onPropertyRightClicked,
-                onPropertyContextMenu: selectionContext.onPropertyContextMenu,
-                editingPropertyKey: selectionContext.editingPropertyKey,
-                onEditCommit: selectionContext.onEditCommit,
-                onEditCancel: selectionContext.onEditCancel,
-                eventHandler: this.props.eventHandler,
-                dataProvider: this.props.dataProvider,
-                actionButtonRenderers: this.props.actionButtonRenderers,
-                propertyValueRendererManager: this.props.propertyValueRendererManager,
-                propertyCategoryRendererManager: this.props.propertyCategoryRendererManager,
-                columnRatio: columnResizeContext.columnRatio,
-                columnInfo: columnResizeContext.columnInfo,
-                isResizeHandleBeingDragged: columnResizeContext.isResizeHandleBeingDragged,
-                isResizeHandleHovered: columnResizeContext.isResizeHandleHovered,
-                onColumnRatioChanged: columnResizeContext.onColumnChanged,
-                onResizeHandleDragChanged: columnResizeContext.onResizeHandleDragChanged,
-                onResizeHandleHoverChanged: columnResizeContext.onResizeHandleHoverChanged,
-                highlight: this.props.highlight,
-            };
-            const renderContext = {
-                gridItems: this.state.gridItems,
-                gridEventHandler: this.props.eventHandler,
-                gridModel: this.props.model,
-                style: this.props.style,
-                className: this.props.className,
-                onItemHeightChanged: this._handleNodeHeightChange,
-                gridContext,
-            };
-            return (React.createElement(PropertyGridInternalContextProvider, { value: renderContext },
-                React.createElement(VirtualizedPropertyGridInternal, { 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 })));
-        }))));
-    }
-}
-exports.VirtualizedPropertyGrid = VirtualizedPropertyGrid;
-const VirtualizedPropertyGridInternal = React.forwardRef(function VirtualizedPropertyGridInternal(props, ref) {
-    const { gridContext } = usePropertyGridInternalContext(FlatGridItemNode);
-    React.useEffect(() => {
-        return gridContext.dataProvider.onDataChanged.addListener(() => {
-            gridContext.onEditCancel?.();
-        });
-    }, [gridContext]);
-    return (React.createElement("div", { className: (0, classnames_1.default)("components-virtualized-property-grid", "components-smallEditor-host") },
-        React.createElement(react_window_1.VariableSizeList, { ...props, className: (0, classnames_1.default)("components-property-grid-wrapper", "ReactWindow__VariableSizeList", props.className), ref: ref }, FlatGridItemNode)));
-});
-/**
- * Returns callbacks for persisting and restoring [[VirtualizedPropertyGrid]] layout state.
- * Returned `ref` should be set on container containing [[VirtualizedPropertyGrid]].
- * @public
- */
-function useVirtualizedPropertyGridLayoutStorage() {
-    return (0, UseElementsScrollStorage_1.useElementsScrollStorage)("ReactWindow__VariableSizeList");
-}
-exports.useVirtualizedPropertyGridLayoutStorage = useVirtualizedPropertyGridLayoutStorage;
-const FlatGridItemNode = React.memo(({ index, style: virtualizedListStyle }) => {
-    const { gridItems, gridEventHandler, gridModel, gridContext, className, style, onItemHeightChanged, } = usePropertyGridInternalContext(FlatGridItemNode);
-    const node = gridItems[index];
-    const divRef = React.useRef(null);
-    const previousHeightRef = React.useRef(0);
-    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]);
-    const minHeight = React.useMemo(() => {
-        if (node.type === MutableFlatGridItem_1.FlatGridItemType.Category)
-            return CATEGORY_HEADER_HEIGHT;
-        return gridContext.orientation === Orientation_1.Orientation.Vertical
-            ? VERTICAL_CATEGORY_PROPERTY_HEIGHT
-            : CATEGORY_PROPERTY_HEIGHT;
-    }, [gridContext.orientation, node.type]);
-    React.useLayoutEffect(() => {
-        (0, core_bentley_1.assert)(divRef.current !== null);
-        const refHeight = divRef.current.getBoundingClientRect().height;
-        const currentHeight = Math.max(refHeight, minHeight);
-        if (currentHeight !== previousHeightRef.current) {
-            onHeightChanged(currentHeight);
-            previousHeightRef.current = currentHeight;
-        }
-    });
-    function getDisplayNode() {
-        const lastInNumberOfCategories = node.lastInNumberOfCategories;
-        switch (node.type) {
-            case MutableFlatGridItem_1.FlatGridItemType.Category:
-                const categoryRendererManager = gridContext.propertyCategoryRendererManager ??
-                    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");
-                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: gridContext.highlight?.filteredTypes?.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: gridContext.onPropertyClicked, onRightClick: gridContext.onPropertyRightClicked, 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: gridContext.highlight.filteredTypes?.includes(PropertyDataFiltererBase_1.FilteredType.Label) ?? false,
-                                applyOnValue: gridContext.highlight.filteredTypes?.includes(PropertyDataFiltererBase_1.FilteredType.Value) ?? false,
-                                ...gridContext.highlight,
-                            }
-                            : undefined })));
-        }
-    }
-    return (React.createElement("div", { className: "virtualized-grid-node", style: virtualizedListStyle },
-        React.createElement("div", { className: "virtualized-grid-node-content-wrapper", style: {
-                minHeight: `${minHeight}px`,
-                display: "grid",
-            } },
-            React.createElement("div", { ref: divRef, className: "virtualized-grid-node-content-wrapper-item" }, getDisplayNode()))));
-}, react_window_1.areEqual);
-FlatGridItemNode.displayName = "FlatGridItemNode";
-const CustomCategoryContent = (props) => {
-    const { onHeightChanged } = props;
-    const divRef = React.useRef(null);
-    React.useLayoutEffect(() => {
-        (0, core_bentley_1.assert)(divRef.current !== null);
-        const contentHeight = divRef.current.getBoundingClientRect().height;
-        onHeightChanged(contentHeight);
-    }, [props.gridContext.orientation, onHeightChanged]);
-    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 +0,0 @@
-{"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 {\n  ListChildComponentProps,\n  VariableSizeListProps,\n} from \"react-window\";\nimport { areEqual, VariableSizeList } from \"react-window\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { assert } from \"@itwin/core-bentley\";\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\";\nimport { useElementsScrollStorage } from \"../../common/UseElementsScrollStorage\";\nimport { Orientation } from \"../../common/Orientation\";\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}\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 | {\n    ratio: number;\n  };\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;\nconst CATEGORY_HEADER_HEIGHT = 42;\nconst CATEGORY_PROPERTY_HEIGHT = 28;\nconst VERTICAL_CATEGORY_PROPERTY_HEIGHT = 48;\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  constructor(props: VirtualizedPropertyGridProps) {\n    super(props);\n    this.state = {\n      gridItems: [],\n      orientation:\n        props.orientation ??\n        PropertyGridCommons.getCurrentOrientation(\n          props.width,\n          undefined,\n          props.isOrientationFixed,\n          props.horizontalOrientationMinWidth\n        ),\n      dynamicNodeHeights: new Map(),\n    };\n  }\n\n  public override componentDidUpdate(prevProps: VirtualizedPropertyGridProps) {\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      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        if (this._listRef.current) this._listRef.current.scrollToItem(index);\n      }\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    }\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    return getPropertyHeight(this.state);\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 CATEGORY_HEADER_HEIGHT + (node.isExpanded ? dynamicHeight : 0);\n        }\n\n        return dynamicHeight;\n      }\n\n      if (node.type === FlatGridItemType.Category) {\n        return CATEGORY_HEADER_HEIGHT;\n      }\n\n      return state.orientation === Orientation.Vertical\n        ? VERTICAL_CATEGORY_PROPERTY_HEIGHT\n        : CATEGORY_PROPERTY_HEIGHT;\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(\n      (state) => {\n        return {\n          ...state,\n          dynamicNodeHeights: new Map(state.dynamicNodeHeights).set(\n            key,\n            newHeight\n          ),\n        };\n      },\n      () => this._listRef.current!.resetAfterIndex(index)\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  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                  <VirtualizedPropertyGridInternal\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                </PropertyGridInternalContextProvider>\n              );\n            }}\n          </PropertyGridEventsRelatedPropsSupplier>\n        )}\n      </ColumnResizingPropertyListPropsSupplier>\n    );\n  }\n}\n\nconst VirtualizedPropertyGridInternal = React.forwardRef(\n  function VirtualizedPropertyGridInternal(\n    props: Omit<VariableSizeListProps, \"children\">,\n    ref: React.ForwardedRef<VariableSizeList>\n  ) {\n    const { gridContext } = usePropertyGridInternalContext(FlatGridItemNode);\n\n    React.useEffect(() => {\n      return gridContext.dataProvider.onDataChanged.addListener(() => {\n        gridContext.onEditCancel?.();\n      });\n    }, [gridContext]);\n\n    return (\n      <div\n        className={classnames(\n          \"components-virtualized-property-grid\",\n          \"components-smallEditor-host\"\n        )}\n      >\n        <VariableSizeList\n          {...props}\n          className={classnames(\n            \"components-property-grid-wrapper\",\n            \"ReactWindow__VariableSizeList\",\n            props.className\n          )}\n          ref={ref}\n        >\n          {FlatGridItemNode}\n        </VariableSizeList>\n      </div>\n    );\n  }\n);\n\n/**\n * Returns callbacks for persisting and restoring [[VirtualizedPropertyGrid]] layout state.\n * Returned `ref` should be set on container containing [[VirtualizedPropertyGrid]].\n * @public\n */\nexport function useVirtualizedPropertyGridLayoutStorage<T extends Element>() {\n  return useElementsScrollStorage<T>(\"ReactWindow__VariableSizeList\");\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    const divRef = React.useRef<HTMLDivElement>(null);\n    const previousHeightRef = React.useRef(0);\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    const minHeight = React.useMemo(() => {\n      if (node.type === FlatGridItemType.Category)\n        return CATEGORY_HEADER_HEIGHT;\n\n      return gridContext.orientation === Orientation.Vertical\n        ? VERTICAL_CATEGORY_PROPERTY_HEIGHT\n        : CATEGORY_PROPERTY_HEIGHT;\n    }, [gridContext.orientation, node.type]);\n\n    React.useLayoutEffect(() => {\n      assert(divRef.current !== null);\n      const refHeight = divRef.current.getBoundingClientRect().height;\n      const currentHeight = Math.max(refHeight, minHeight);\n\n      if (currentHeight !== previousHeightRef.current) {\n        onHeightChanged(currentHeight);\n        previousHeightRef.current = currentHeight;\n      }\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={gridContext.onPropertyClicked}\n                onRightClick={gridContext.onPropertyRightClicked}\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        <div\n          className=\"virtualized-grid-node-content-wrapper\"\n          style={{\n            minHeight: `${minHeight}px`,\n            display: \"grid\",\n          }}\n        >\n          <div\n            ref={divRef}\n            className=\"virtualized-grid-node-content-wrapper-item\"\n          >\n            {getDisplayNode()}\n          </div>\n        </div>\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/VirtualizedPropertyGrid.scss

@@ -1,100 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/scrollbar";
-
-.components-virtualized-property-grid-loader {
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.components-property-grid-wrapper {
-  @include uicore-touch-scrolling;
-  @include uicore-scrollbar();
-}
-
-.virtualized-grid-node {
-  > :not(.virtualized-grid-node-category) {
-    background: var(--iui-color-background);
-  }
-
-  .nested-border-middle {
-    height: 100%;
-    padding: 0 4px;
-    box-sizing: border-box;
-    border-left: 1px solid var(--iui-color-border);
-    border-right: 1px solid var(--iui-color-border);
-  }
-
-  .nested-border-bottom {
-    border-bottom: 1px solid var(--iui-color-border);
-    padding-bottom: 4px;
-  }
-
-  .components--clickable {
-    cursor: pointer;
-    box-sizing: border-box;
-
-    &:not(.components--selected) {
-      &:hover {
-        // Highlight the whole row of inner-most expandable block
-        margin: 0 -4px;
-        // Compensate the negative margin by adding padding
-        padding: 0 12px;
-
-        background: var(--iui-color-background-hover);
-      }
-    }
-  }
-
-  .components--selected {
-    // Highlight the whole row of inner-most expandable block
-    margin: 0 -4px;
-    // Compensate the negative margin by adding padding (minus one for border)
-    padding: 0px 11px;
-
-    background-color: var(--iui-color-background-accent-muted);
-    border: 1px solid var(--iui-color-border-accent);
-  }
-
-  .components--hoverable {
-    &:hover {
-      background: var(--iui-color-background-hover);
-
-      &:not(.components--selected) {
-        // Highlight the whole row of inner-most expandable block
-        margin: 0 -4px;
-        // Compensate the negative margin by adding padding
-        padding: 0 12px;
-      }
-    }
-  }
-}
-
-.virtualized-grid-node-category {
-  padding-top: 4px;
-
-  .components-expandable-content {
-    // We are rendering virtualized content below the expandable block
-    display: none;
-  }
-}
-
-.virtualized-grid-node-custom-category {
-  padding-top: 4px;
-
-  .components-expandable-content > div {
-    padding: 0 4px 4px 4px;
-  }
-}
-
-.virtualized-grid-node-content {
-  height: 100%;
-}
-
-.virtualized-grid-node-content-wrapper-item {
-  overflow: hidden;
-}

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

@@ -1,30 +0,0 @@
-/** @packageDocumentation
- * @module PropertyGrid
- */
-import React from "react";
-import type { PropertyCategoryRendererManager } from "../PropertyCategoryRendererManager";
-import type { IPropertyDataProvider } from "../PropertyDataProvider";
-import type { CommonPropertyGridProps, PropertyGridContentHighlightProps } from "./PropertyGridCommons";
-/** Properties for [[VirtualizedPropertyGridWithDataProvider]] React component
- * @public
- * @deprecated in 4.17.0. Use `React.ComponentProps<typeof VirtualizedPropertyGridWithDataProvider>`
- */
-export interface VirtualizedPropertyGridWithDataProviderProps extends CommonPropertyGridProps {
-    /** Property data provider used by the property grid */
-    dataProvider: IPropertyDataProvider;
-    /** Properties for highlighting property data in the grid. */
-    highlight?: PropertyGridContentHighlightProps;
-    /** Custom property category renderer manager. Defaults to [[PropertyCategoryRendererManager.defaultManager]]. */
-    propertyCategoryRendererManager?: PropertyCategoryRendererManager;
-    /** Width of the property grid component. */
-    width: number;
-    /** Height of the property grid component. */
-    height: number;
-}
-/**
- * [[VirtualizedPropertyGrid]] React Component which takes a data provider and
- * sets up default implementations for [[IPropertyGridModelSource]] and [[IPropertyGridEventHandler]]
- * @public
- */
-export declare function VirtualizedPropertyGridWithDataProvider(props: VirtualizedPropertyGridWithDataProviderProps): React.JSX.Element;
-//# sourceMappingURL=VirtualizedPropertyGridWithDataProvider.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"VirtualizedPropertyGridWithDataProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/VirtualizedPropertyGridWithDataProvider.tsx"],"names":[],"mappings":"AAKA;;GAEG;AAEH,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,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;AAI/B;;;GAGG;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,CAErD,KAAK,EAAE,4CAA4C,qBAoBpD"}

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

@@ -1,70 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- * 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);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VirtualizedPropertyGridWithDataProvider = void 0;
-/** @packageDocumentation
- * @module PropertyGrid
- */
-const react_1 = __importStar(require("react"));
-const PropertyGridHooks_1 = require("../internal/PropertyGridHooks");
-const VirtualizedPropertyGrid_1 = require("./VirtualizedPropertyGrid");
-const itwinui_react_1 = require("@itwin/itwinui-react");
-/**
- * [[VirtualizedPropertyGrid]] React Component which takes a data provider and
- * sets up default implementations for [[IPropertyGridModelSource]] and [[IPropertyGridEventHandler]]
- * @public
- */
-function VirtualizedPropertyGridWithDataProvider(
-/* eslint-disable-next-line deprecation/deprecation */
-props) {
-    const { modelSource, inProgress } = (0, PropertyGridHooks_1.useTrackedPropertyGridModelSource)({
-        dataProvider: props.dataProvider,
-    });
-    const model = (0, PropertyGridHooks_1.usePropertyGridModel)({ modelSource });
-    const eventHandler = (0, PropertyGridHooks_1.usePropertyGridEventHandler)({ modelSource });
-    return (react_1.default.createElement(DelayedLoaderRenderer, { shouldRenderLoader: inProgress || !model }, model && (react_1.default.createElement(VirtualizedPropertyGrid_1.VirtualizedPropertyGrid, { ...props, model: model, eventHandler: eventHandler }))));
-}
-exports.VirtualizedPropertyGridWithDataProvider = VirtualizedPropertyGridWithDataProvider;
-function DelayedLoaderRenderer({ children, shouldRenderLoader, }) {
-    const [showSpinner, setShowSpinner] = (0, react_1.useState)(shouldRenderLoader);
-    (0, react_1.useEffect)(() => {
-        if (!shouldRenderLoader) {
-            setShowSpinner(shouldRenderLoader);
-            return;
-        }
-        // only set a timeout when shouldRenderLoader is set to `true`
-        const timeout = setTimeout(() => {
-            setShowSpinner(shouldRenderLoader);
-        }, 250);
-        return () => clearTimeout(timeout);
-    }, [shouldRenderLoader]);
-    return !showSpinner ? (react_1.default.createElement(react_1.default.Fragment, null, children)) : (react_1.default.createElement("div", { className: "components-virtualized-property-grid-loader" },
-        react_1.default.createElement(itwinui_react_1.ProgressRadial, { indeterminate: true, size: "large" })));
-}
-//# sourceMappingURL=VirtualizedPropertyGridWithDataProvider.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"VirtualizedPropertyGridWithDataProvider.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/VirtualizedPropertyGridWithDataProvider.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEhG;;GAEG;AAEH,+CAAmD;AACnD,qEAIuC;AAOvC,uEAAoE;AACpE,wDAAsD;AAoBtD;;;;GAIG;AACH,SAAgB,uCAAuC;AACrD,sDAAsD;AACtD,KAAmD;IAEnD,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,IAAA,qDAAiC,EAAC;QACpE,YAAY,EAAE,KAAK,CAAC,YAAY;KACjC,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,IAAA,wCAAoB,EAAC,EAAE,WAAW,EAAE,CAAC,CAAC;IACpD,MAAM,YAAY,GAAG,IAAA,+CAA2B,EAAC,EAAE,WAAW,EAAE,CAAC,CAAC;IAElE,OAAO,CACL,8BAAC,qBAAqB,IAAC,kBAAkB,EAAE,UAAU,IAAI,CAAC,KAAK,IAC5D,KAAK,IAAI,CACR,8BAAC,iDAAuB,OAClB,KAAK,EACT,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,GAC1B,CACH,CACqB,CACzB,CAAC;AACJ,CAAC;AAtBD,0FAsBC;AAMD,SAAS,qBAAqB,CAAC,EAC7B,QAAQ,EACR,kBAAkB,GACkC;IACpD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,kBAAkB,CAAC,CAAC;IACnE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,kBAAkB,EAAE,CAAC;YACxB,cAAc,CAAC,kBAAkB,CAAC,CAAC;YACnC,OAAO;QACT,CAAC;QAED,8DAA8D;QAC9D,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAC9B,cAAc,CAAC,kBAAkB,CAAC,CAAC;QACrC,CAAC,EAAE,GAAG,CAAC,CAAC;QAER,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CACpB,8DAAG,QAAQ,CAAI,CAChB,CAAC,CAAC,CAAC,CACF,uCAAK,SAAS,EAAC,6CAA6C;QAC1D,8BAAC,8BAAc,IAAC,aAAa,QAAC,IAAI,EAAE,OAAO,GAAI,CAC3C,CACP,CAAC;AACJ,CAAC","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, { useEffect, useState } from \"react\";\nimport {\n  usePropertyGridEventHandler,\n  usePropertyGridModel,\n  useTrackedPropertyGridModelSource,\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\";\nimport { ProgressRadial } from \"@itwin/itwinui-react\";\n\n/** Properties for [[VirtualizedPropertyGridWithDataProvider]] React component\n * @public\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof VirtualizedPropertyGridWithDataProvider>`\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  /* eslint-disable-next-line deprecation/deprecation */\n  props: VirtualizedPropertyGridWithDataProviderProps\n) {\n  const { modelSource, inProgress } = useTrackedPropertyGridModelSource({\n    dataProvider: props.dataProvider,\n  });\n\n  const model = usePropertyGridModel({ modelSource });\n  const eventHandler = usePropertyGridEventHandler({ modelSource });\n\n  return (\n    <DelayedLoaderRenderer shouldRenderLoader={inProgress || !model}>\n      {model && (\n        <VirtualizedPropertyGrid\n          {...props}\n          model={model}\n          eventHandler={eventHandler}\n        />\n      )}\n    </DelayedLoaderRenderer>\n  );\n}\n\ninterface DelayedLoaderRendererProps {\n  shouldRenderLoader: boolean;\n}\n\nfunction DelayedLoaderRenderer({\n  children,\n  shouldRenderLoader,\n}: React.PropsWithChildren<DelayedLoaderRendererProps>) {\n  const [showSpinner, setShowSpinner] = useState(shouldRenderLoader);\n  useEffect(() => {\n    if (!shouldRenderLoader) {\n      setShowSpinner(shouldRenderLoader);\n      return;\n    }\n\n    // only set a timeout when shouldRenderLoader is set to `true`\n    const timeout = setTimeout(() => {\n      setShowSpinner(shouldRenderLoader);\n    }, 250);\n\n    return () => clearTimeout(timeout);\n  }, [shouldRenderLoader]);\n\n  return !showSpinner ? (\n    <>{children}</>\n  ) : (\n    <div className=\"components-virtualized-property-grid-loader\">\n      <ProgressRadial indeterminate size={\"large\"} />\n    </div>\n  );\n}\n"]}