@itwin/components-react 4.0.0-dev.2 → 4.0.0-dev.3

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

@@ -43,6 +43,7 @@ const PropertyGridEventsRelatedPropsSupplier_1 = require("./PropertyGridEventsRe
 const PropertyList_1 = require("./PropertyList");
 /** PropertyGrid React component.
  * @public
+ * @deprecated in 3.x. Use [[VirtualizedPropertyGrid]] instead.
  */
 class PropertyGrid extends React.Component {
     /** @internal */

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

@@ -1 +1 @@
-{"version":3,"file":"PropertyGrid.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyGrid.tsx"],"names":[],"mappings":"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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 \"./PropertyGrid.scss\";\nimport classnames from \"classnames\";\nimport { produce } from \"immer\";\nimport * as React from \"react\";\nimport { DisposeFunc } from \"@itwin/core-bentley\";\nimport { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { Orientation, ResizableContainerObserver } from \"@itwin/core-react\";\nimport { DelayedSpinner } from \"../../common/DelayedSpinner\";\nimport { IPropertyDataProvider, PropertyCategory, PropertyData } from \"../PropertyDataProvider\";\nimport { ColumnResizeRelatedPropertyListProps, ColumnResizingPropertyListPropsSupplier } from \"./ColumnResizingPropertyListPropsSupplier\";\nimport { PropertyCategoryBlock } from \"./PropertyCategoryBlock\";\nimport { CommonPropertyGridProps, PropertyGridCommons } from \"./PropertyGridCommons\";\nimport { PropertyGridEventsRelatedPropsSupplier } from \"./PropertyGridEventsRelatedPropsSupplier\";\nimport { PropertyList, PropertyListProps } from \"./PropertyList\";\n\n/** Properties for [[PropertyGrid]] React component\n * @public\n */\nexport interface PropertyGridProps extends CommonPropertyGridProps {\n  /** Property data provider */\n  dataProvider: IPropertyDataProvider;\n}\n\ninterface CategorizedPropertyGridRecords {\n  category: PropertyCategory;\n  records: PropertyRecord[];\n  children: CategorizedPropertyGridRecords[];\n}\n\n/** State of [[PropertyGrid]] React component\n * @internal\n */\ninterface PropertyGridState {\n  /** List of PropertyGrid categories */\n  categories: CategorizedPropertyGridRecords[];\n  /** Actual orientation used by the property grid */\n  orientation: Orientation;\n  /** If property grid currently loading data, the loading start time  */\n  loadStart?: Date;\n  /** Width of PropertyGrid */\n  width: number;\n}\n\n/** PropertyGrid React component.\n * @public\n */\nexport class PropertyGrid extends React.Component<PropertyGridProps, PropertyGridState> {\n  private _dataChangesListenerDisposeFunc?: DisposeFunc;\n  private _isMounted = false;\n  private _isInDataRequest = false;\n  private _hasPendingDataRequest = false;\n\n  /** @internal */\n  constructor(props: PropertyGridProps) {\n    super(props);\n    this.state = {\n      categories: [],\n      orientation: this.getPreferredOrientation(),\n      width: 0,\n    };\n  }\n\n  /** @internal */\n  public override componentDidMount() {\n    this._isMounted = true;\n    this._dataChangesListenerDisposeFunc = this.props.dataProvider.onDataChanged.addListener(this._onPropertyDataChanged);\n\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\n    this.gatherData();\n  }\n\n  /** @internal */\n  public override componentWillUnmount() {\n    // istanbul ignore else\n    if (this._dataChangesListenerDisposeFunc) {\n      this._dataChangesListenerDisposeFunc();\n      this._dataChangesListenerDisposeFunc = undefined;\n    }\n    this._isMounted = false;\n  }\n\n  public override componentDidUpdate(prevProps: PropertyGridProps) {\n    if (this.props.dataProvider !== prevProps.dataProvider) {\n      // istanbul ignore else\n      if (this._dataChangesListenerDisposeFunc)\n        this._dataChangesListenerDisposeFunc();\n      this._dataChangesListenerDisposeFunc = this.props.dataProvider.onDataChanged.addListener(this._onPropertyDataChanged);\n\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\n      this.gatherData();\n    }\n\n    if (this.props.orientation !== prevProps.orientation\n      || this.props.isOrientationFixed !== prevProps.isOrientationFixed\n      || this.props.horizontalOrientationMinWidth !== prevProps.horizontalOrientationMinWidth)\n      this.updateOrientation(this.state.width);\n  }\n\n  private _onPropertyDataChanged = () => {\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\n    this.gatherData();\n  };\n\n  private async gatherData(): Promise<void> {\n    if (this._isInDataRequest) {\n      this._hasPendingDataRequest = true;\n      return;\n    }\n\n    this.setState((prev) => prev.loadStart ? null : { loadStart: new Date() });\n\n    this._isInDataRequest = true;\n    let propertyData: PropertyData;\n    try {\n      propertyData = await this.props.dataProvider.getData();\n    } finally {\n      this._isInDataRequest = false;\n    }\n\n    if (!this._isMounted)\n      return;\n\n    if (this._hasPendingDataRequest) {\n      this._hasPendingDataRequest = false;\n      return this.gatherData();\n    }\n\n    this.setState((prevState) => {\n      const buildCategoriesHierarchy = (newCategories: PropertyCategory[], stateCategories: CategorizedPropertyGridRecords[] | undefined) =>\n        newCategories.map((category): CategorizedPropertyGridRecords => {\n          const matchingStateCategory = findCategory(stateCategories ?? [], category.name, false);\n          return {\n            category: { ...category, expand: matchingStateCategory?.category?.expand ?? category.expand },\n            records: propertyData.records[category.name] ?? [],\n            children: buildCategoriesHierarchy(category.childCategories ?? [], matchingStateCategory?.children),\n          };\n        });\n      return {\n        categories: buildCategoriesHierarchy(propertyData.categories, prevState.categories),\n        loadStart: undefined,\n      };\n    });\n  }\n\n  private getPreferredOrientation(): Orientation {\n    return (this.props.orientation !== undefined) ? this.props.orientation : Orientation.Horizontal;\n  }\n\n  private _onResize = (width: number) => {\n    this.updateOrientation(width);\n  };\n\n  private _onCategoryExpansionToggled = (categoryName: string) => {\n    this.setState((state) => {\n      return produce(state, (draft) => {\n        const records = findCategory(draft.categories, categoryName, true);\n        // istanbul ignore else\n        if (records) {\n          const category = records.category;\n          category.expand = !category.expand;\n        }\n      });\n    });\n  };\n\n  private updateOrientation(width: number): void {\n    const { orientation, isOrientationFixed, horizontalOrientationMinWidth } = { ...this.props };\n    const currentOrientation = PropertyGridCommons.getCurrentOrientation(width, orientation, isOrientationFixed, horizontalOrientationMinWidth);\n\n    if (currentOrientation !== this.state.orientation || width !== this.state.width)\n      this.setState({ orientation: currentOrientation, width });\n  }\n\n  /** @internal */\n  public override render() {\n    if (this.state.loadStart) {\n      return (\n        <div className=\"components-property-grid-loader\">\n          <DelayedSpinner loadStart={this.state.loadStart} size=\"large\" />\n        </div>\n      );\n    }\n\n    return (\n      <PropertyGridEventsRelatedPropsSupplier\n        isPropertySelectionEnabled={this.props.isPropertySelectionEnabled ?? false}\n        isPropertySelectionOnRightClickEnabled={this.props.isPropertySelectionOnRightClickEnabled}\n        isPropertyEditingEnabled={this.props.isPropertyEditingEnabled}\n        isPropertyHoverEnabled={this.props.isPropertyHoverEnabled ?? false}\n        onPropertyContextMenu={this.props.onPropertyContextMenu}\n        onPropertyUpdated={this.props.onPropertyUpdated}\n        onPropertySelectionChanged={this.props.onPropertySelectionChanged}\n      >\n        {(selectionContext) => (\n          <div className={classnames(\"components-property-grid-wrapper\", this.props.className)} style={this.props.style}>\n            <div className={classnames(\"components-property-grid\", \"components-smallEditor-host\")}>\n              <div className=\"property-categories\">\n                {\n                  this.state.categories.map((categorizedRecords: CategorizedPropertyGridRecords) => (\n                    <NestedCategoryBlock\n                      {...selectionContext}\n                      key={categorizedRecords.category.name}\n                      categorizedRecords={categorizedRecords}\n                      onCategoryExpansionToggled={this._onCategoryExpansionToggled}\n                      orientation={this.state.orientation}\n                      propertyValueRendererManager={this.props.propertyValueRendererManager}\n                      actionButtonRenderers={this.props.actionButtonRenderers}\n                    />\n                  ))\n                }\n              </div>\n            </div>\n            <ResizableContainerObserver onResize={this._onResize} />\n          </div>\n        )}\n      </PropertyGridEventsRelatedPropsSupplier>\n    );\n  }\n}\n\nfunction findCategory(categories: CategorizedPropertyGridRecords[], lookupName: string, recurseIntoChildren: boolean): CategorizedPropertyGridRecords | undefined {\n  for (const category of categories) {\n    if (category.category.name === lookupName)\n      return category;\n    if (recurseIntoChildren) {\n      const matchingChild = findCategory(category.children, lookupName, recurseIntoChildren);\n      if (matchingChild)\n        return matchingChild;\n    }\n  }\n  return undefined;\n}\n\ninterface NestedCategoryBlockProps extends Omit<PropertyListProps, (keyof ColumnResizeRelatedPropertyListProps) | \"properties\"> {\n  categorizedRecords: CategorizedPropertyGridRecords;\n  onCategoryExpansionToggled: (categoryName: string) => void;\n  orientation: Orientation;\n}\nfunction NestedCategoryBlock(props: NestedCategoryBlockProps) {\n  return (\n    <PropertyCategoryBlock\n      category={props.categorizedRecords.category}\n      onExpansionToggled={props.onCategoryExpansionToggled}\n    >\n      {props.categorizedRecords.records.length ? (\n        <ColumnResizingPropertyListPropsSupplier orientation={props.orientation}>\n          {(partialListProps: ColumnResizeRelatedPropertyListProps) => (\n            <PropertyList\n              {...partialListProps}\n              orientation={props.orientation}\n              category={props.categorizedRecords.category}\n              properties={props.categorizedRecords.records}\n              selectedPropertyKey={props.selectedPropertyKey}\n              onPropertyClicked={props.onPropertyClicked}\n              onPropertyRightClicked={props.onPropertyRightClicked}\n              onPropertyContextMenu={props.onPropertyContextMenu}\n              propertyValueRendererManager={props.propertyValueRendererManager}\n              editingPropertyKey={props.editingPropertyKey}\n              onEditCommit={props.onEditCommit}\n              onEditCancel={props.onEditCancel}\n              isPropertyHoverEnabled={props.isPropertyHoverEnabled}\n              isPropertySelectionEnabled={props.isPropertySelectionEnabled}\n              isPropertyRightClickSelectionEnabled={props.isPropertyRightClickSelectionEnabled}\n              actionButtonRenderers={props.actionButtonRenderers}\n            />\n          )}\n        </ColumnResizingPropertyListPropsSupplier>\n      ) : undefined}\n      {props.categorizedRecords.children.length ? (\n        <div className=\"property-categories\">\n          {\n            props.categorizedRecords.children.map((categorizedChildRecords) => (\n              <NestedCategoryBlock {...props} key={categorizedChildRecords.category.name} categorizedRecords={categorizedChildRecords} />\n            ))\n          }\n        </div>\n      ) : undefined}\n    </PropertyCategoryBlock>\n  );\n}\n"]}
+{"version":3,"file":"PropertyGrid.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyGrid.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 \"./PropertyGrid.scss\";\nimport classnames from \"classnames\";\nimport { produce } from \"immer\";\nimport * as React from \"react\";\nimport { DisposeFunc } from \"@itwin/core-bentley\";\nimport { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { Orientation, ResizableContainerObserver } from \"@itwin/core-react\";\nimport { DelayedSpinner } from \"../../common/DelayedSpinner\";\nimport { IPropertyDataProvider, PropertyCategory, PropertyData } from \"../PropertyDataProvider\";\nimport { ColumnResizeRelatedPropertyListProps, ColumnResizingPropertyListPropsSupplier } from \"./ColumnResizingPropertyListPropsSupplier\";\nimport { PropertyCategoryBlock } from \"./PropertyCategoryBlock\";\nimport { CommonPropertyGridProps, PropertyGridCommons } from \"./PropertyGridCommons\";\nimport { PropertyGridEventsRelatedPropsSupplier } from \"./PropertyGridEventsRelatedPropsSupplier\";\nimport { PropertyList, PropertyListProps } from \"./PropertyList\";\n\n/** Properties for [[PropertyGrid]] React component\n * @public\n * @deprecated in 3.x. Use [[VirtualizedPropertyGrid]] instead.\n */\nexport interface PropertyGridProps extends CommonPropertyGridProps {\n  /** Property data provider */\n  dataProvider: IPropertyDataProvider;\n}\n\ninterface CategorizedPropertyGridRecords {\n  category: PropertyCategory;\n  records: PropertyRecord[];\n  children: CategorizedPropertyGridRecords[];\n}\n\n/** State of [[PropertyGrid]] React component\n * @internal\n */\ninterface PropertyGridState {\n  /** List of PropertyGrid categories */\n  categories: CategorizedPropertyGridRecords[];\n  /** Actual orientation used by the property grid */\n  orientation: Orientation;\n  /** If property grid currently loading data, the loading start time  */\n  loadStart?: Date;\n  /** Width of PropertyGrid */\n  width: number;\n}\n\n/** PropertyGrid React component.\n * @public\n * @deprecated in 3.x. Use [[VirtualizedPropertyGrid]] instead.\n */\nexport class PropertyGrid extends React.Component<PropertyGridProps, PropertyGridState> { // eslint-disable-line deprecation/deprecation\n  private _dataChangesListenerDisposeFunc?: DisposeFunc;\n  private _isMounted = false;\n  private _isInDataRequest = false;\n  private _hasPendingDataRequest = false;\n\n  /** @internal */\n  constructor(props: PropertyGridProps) { // eslint-disable-line deprecation/deprecation\n    super(props);\n    this.state = {\n      categories: [],\n      orientation: this.getPreferredOrientation(),\n      width: 0,\n    };\n  }\n\n  /** @internal */\n  public override componentDidMount() {\n    this._isMounted = true;\n    this._dataChangesListenerDisposeFunc = this.props.dataProvider.onDataChanged.addListener(this._onPropertyDataChanged);\n\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\n    this.gatherData();\n  }\n\n  /** @internal */\n  public override componentWillUnmount() {\n    // istanbul ignore else\n    if (this._dataChangesListenerDisposeFunc) {\n      this._dataChangesListenerDisposeFunc();\n      this._dataChangesListenerDisposeFunc = undefined;\n    }\n    this._isMounted = false;\n  }\n\n  public override componentDidUpdate(prevProps: PropertyGridProps) { // eslint-disable-line deprecation/deprecation\n    if (this.props.dataProvider !== prevProps.dataProvider) {\n      // istanbul ignore else\n      if (this._dataChangesListenerDisposeFunc)\n        this._dataChangesListenerDisposeFunc();\n      this._dataChangesListenerDisposeFunc = this.props.dataProvider.onDataChanged.addListener(this._onPropertyDataChanged);\n\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\n      this.gatherData();\n    }\n\n    if (this.props.orientation !== prevProps.orientation\n      || this.props.isOrientationFixed !== prevProps.isOrientationFixed\n      || this.props.horizontalOrientationMinWidth !== prevProps.horizontalOrientationMinWidth)\n      this.updateOrientation(this.state.width);\n  }\n\n  private _onPropertyDataChanged = () => {\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\n    this.gatherData();\n  };\n\n  private async gatherData(): Promise<void> {\n    if (this._isInDataRequest) {\n      this._hasPendingDataRequest = true;\n      return;\n    }\n\n    this.setState((prev) => prev.loadStart ? null : { loadStart: new Date() });\n\n    this._isInDataRequest = true;\n    let propertyData: PropertyData;\n    try {\n      propertyData = await this.props.dataProvider.getData();\n    } finally {\n      this._isInDataRequest = false;\n    }\n\n    if (!this._isMounted)\n      return;\n\n    if (this._hasPendingDataRequest) {\n      this._hasPendingDataRequest = false;\n      return this.gatherData();\n    }\n\n    this.setState((prevState) => {\n      const buildCategoriesHierarchy = (newCategories: PropertyCategory[], stateCategories: CategorizedPropertyGridRecords[] | undefined) =>\n        newCategories.map((category): CategorizedPropertyGridRecords => {\n          const matchingStateCategory = findCategory(stateCategories ?? [], category.name, false);\n          return {\n            category: { ...category, expand: matchingStateCategory?.category?.expand ?? category.expand },\n            records: propertyData.records[category.name] ?? [],\n            children: buildCategoriesHierarchy(category.childCategories ?? [], matchingStateCategory?.children),\n          };\n        });\n      return {\n        categories: buildCategoriesHierarchy(propertyData.categories, prevState.categories),\n        loadStart: undefined,\n      };\n    });\n  }\n\n  private getPreferredOrientation(): Orientation {\n    return (this.props.orientation !== undefined) ? this.props.orientation : Orientation.Horizontal;\n  }\n\n  private _onResize = (width: number) => {\n    this.updateOrientation(width);\n  };\n\n  private _onCategoryExpansionToggled = (categoryName: string) => {\n    this.setState((state) => {\n      return produce(state, (draft) => {\n        const records = findCategory(draft.categories, categoryName, true);\n        // istanbul ignore else\n        if (records) {\n          const category = records.category;\n          category.expand = !category.expand;\n        }\n      });\n    });\n  };\n\n  private updateOrientation(width: number): void {\n    const { orientation, isOrientationFixed, horizontalOrientationMinWidth } = { ...this.props };\n    const currentOrientation = PropertyGridCommons.getCurrentOrientation(width, orientation, isOrientationFixed, horizontalOrientationMinWidth);\n\n    if (currentOrientation !== this.state.orientation || width !== this.state.width)\n      this.setState({ orientation: currentOrientation, width });\n  }\n\n  /** @internal */\n  public override render() {\n    if (this.state.loadStart) {\n      return (\n        <div className=\"components-property-grid-loader\">\n          <DelayedSpinner loadStart={this.state.loadStart} size=\"large\" />\n        </div>\n      );\n    }\n\n    return (\n      <PropertyGridEventsRelatedPropsSupplier\n        isPropertySelectionEnabled={this.props.isPropertySelectionEnabled ?? false}\n        isPropertySelectionOnRightClickEnabled={this.props.isPropertySelectionOnRightClickEnabled}\n        isPropertyEditingEnabled={this.props.isPropertyEditingEnabled}\n        isPropertyHoverEnabled={this.props.isPropertyHoverEnabled ?? false}\n        onPropertyContextMenu={this.props.onPropertyContextMenu}\n        onPropertyUpdated={this.props.onPropertyUpdated}\n        onPropertySelectionChanged={this.props.onPropertySelectionChanged}\n      >\n        {(selectionContext) => (\n          <div className={classnames(\"components-property-grid-wrapper\", this.props.className)} style={this.props.style}>\n            <div className={classnames(\"components-property-grid\", \"components-smallEditor-host\")}>\n              <div className=\"property-categories\">\n                {\n                  this.state.categories.map((categorizedRecords: CategorizedPropertyGridRecords) => (\n                    <NestedCategoryBlock\n                      {...selectionContext}\n                      key={categorizedRecords.category.name}\n                      categorizedRecords={categorizedRecords}\n                      onCategoryExpansionToggled={this._onCategoryExpansionToggled}\n                      orientation={this.state.orientation}\n                      propertyValueRendererManager={this.props.propertyValueRendererManager}\n                      actionButtonRenderers={this.props.actionButtonRenderers}\n                    />\n                  ))\n                }\n              </div>\n            </div>\n            <ResizableContainerObserver onResize={this._onResize} />\n          </div>\n        )}\n      </PropertyGridEventsRelatedPropsSupplier>\n    );\n  }\n}\n\nfunction findCategory(categories: CategorizedPropertyGridRecords[], lookupName: string, recurseIntoChildren: boolean): CategorizedPropertyGridRecords | undefined {\n  for (const category of categories) {\n    if (category.category.name === lookupName)\n      return category;\n    if (recurseIntoChildren) {\n      const matchingChild = findCategory(category.children, lookupName, recurseIntoChildren);\n      if (matchingChild)\n        return matchingChild;\n    }\n  }\n  return undefined;\n}\n\ninterface NestedCategoryBlockProps extends Omit<PropertyListProps, (keyof ColumnResizeRelatedPropertyListProps) | \"properties\"> {\n  categorizedRecords: CategorizedPropertyGridRecords;\n  onCategoryExpansionToggled: (categoryName: string) => void;\n  orientation: Orientation;\n}\nfunction NestedCategoryBlock(props: NestedCategoryBlockProps) {\n  return (\n    <PropertyCategoryBlock\n      category={props.categorizedRecords.category}\n      onExpansionToggled={props.onCategoryExpansionToggled}\n    >\n      {props.categorizedRecords.records.length ? (\n        <ColumnResizingPropertyListPropsSupplier orientation={props.orientation}>\n          {(partialListProps: ColumnResizeRelatedPropertyListProps) => (\n            <PropertyList\n              {...partialListProps}\n              orientation={props.orientation}\n              category={props.categorizedRecords.category}\n              properties={props.categorizedRecords.records}\n              selectedPropertyKey={props.selectedPropertyKey}\n              onPropertyClicked={props.onPropertyClicked}\n              onPropertyRightClicked={props.onPropertyRightClicked}\n              onPropertyContextMenu={props.onPropertyContextMenu}\n              propertyValueRendererManager={props.propertyValueRendererManager}\n              editingPropertyKey={props.editingPropertyKey}\n              onEditCommit={props.onEditCommit}\n              onEditCancel={props.onEditCancel}\n              isPropertyHoverEnabled={props.isPropertyHoverEnabled}\n              isPropertySelectionEnabled={props.isPropertySelectionEnabled}\n              isPropertyRightClickSelectionEnabled={props.isPropertyRightClickSelectionEnabled}\n              actionButtonRenderers={props.actionButtonRenderers}\n            />\n          )}\n        </ColumnResizingPropertyListPropsSupplier>\n      ) : undefined}\n      {props.categorizedRecords.children.length ? (\n        <div className=\"property-categories\">\n          {\n            props.categorizedRecords.children.map((categorizedChildRecords) => (\n              <NestedCategoryBlock {...props} key={categorizedChildRecords.category.name} categorizedRecords={categorizedChildRecords} />\n            ))\n          }\n        </div>\n      ) : undefined}\n    </PropertyCategoryBlock>\n  );\n}\n"]}

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

@@ -43,22 +43,17 @@ export interface CommonPropertyGridProps extends CommonProps {
     isPropertySelectionOnRightClickEnabled?: boolean;
     /** Callback to property selection */
     onPropertySelectionChanged?: (property: PropertyRecord) => void;
-    /** Enables/disables property editing
-     * @beta */
+    /** Enables/disables property editing */
     isPropertyEditingEnabled?: boolean;
-    /** Callback for when properties are being edited
-     * @beta */
+    /** Callback for when properties are being edited */
     onPropertyEditing?: (args: PropertyEditingArgs, category: PropertyCategory) => void;
-    /** Callback for when properties are updated
-     * @beta */
+    /** Callback for when properties are updated */
     onPropertyUpdated?: (args: PropertyUpdatedArgs, category: PropertyCategory) => Promise<boolean>;
     /** Custom property value renderer manager */
     propertyValueRendererManager?: PropertyValueRendererManager;
-    /** Indicates whether the orientation is fixed and does not auto-switch to Vertical when the width is too narrow. Defaults to false.
-     * @beta */
+    /** Indicates whether the orientation is fixed and does not auto-switch to Vertical when the width is too narrow. Defaults to false. */
     isOrientationFixed?: boolean;
-    /** The minimum width before the auto-switch to Vertical when the width is too narrow. Defaults to 300.
-     * @beta */
+    /** The minimum width before the auto-switch to Vertical when the width is too narrow. Defaults to 300. */
     horizontalOrientationMinWidth?: number;
     /** Minimum allowed label column width, after which resizing stops */
     minLabelWidth?: number;

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

@@ -1 +1 @@
-{"version":3,"file":"PropertyGridCommons.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyGridCommons.ts"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,iDAAiD,CAAC;AACvF,OAAO,EAAE,4BAA4B,EAAE,MAAM,uCAAuC,CAAC;AACrF,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,mCAAmC;IACnC,cAAc,EAAE,cAAc,CAAC;IAC/B,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,2BAA2B;IAC1C,mCAAmC;IACnC,cAAc,EAAE,cAAc,CAAC;IAC/B,sDAAsD;IACtD,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC;CACzB;AAED;;;GAGG;AACH,MAAM,WAAW,uBAAwB,SAAQ,WAAW;IAC1D,iGAAiG;IACjG,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B,gDAAgD;IAChD,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC,sEAAsE;IACtE,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,2BAA2B,KAAK,IAAI,CAAC;IAEpE,0CAA0C;IAC1C,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,2DAA2D;IAC3D,sCAAsC,CAAC,EAAE,OAAO,CAAC;IACjD,qCAAqC;IACrC,0BAA0B,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,IAAI,CAAC;IAEhE;eACW;IACX,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;eACW;IACX,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,mBAAmB,EAAE,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACpF;eACW;IACX,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,mBAAmB,EAAE,QAAQ,EAAE,gBAAgB,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAEhG,6CAA6C;IAC7C,4BAA4B,CAAC,EAAE,4BAA4B,CAAC;IAE5D;eACW;IACX,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;eACW;IACX,6BAA6B,CAAC,EAAE,MAAM,CAAC;IAEvC,qEAAqE;IACrE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qEAAqE;IACrE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uCAAuC;IACvC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,qBAAqB,CAAC,EAAE,oBAAoB,EAAE,CAAC;CAChD;AAED,gBAAgB;AAChB,qBAAa,mBAAmB;WAChB,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,oBAAoB,CAAC,EAAE,WAAW,EAAE,kBAAkB,CAAC,EAAE,OAAO,EAAE,6BAA6B,CAAC,EAAE,MAAM,GAAG,WAAW;IAazK;;;OAGG;WACW,eAAe,CAAC,IAAI,EAAE,MAAM;IAiB1C;;;OAGG;IACH,OAAc,QAAQ,UAAW,MAAM,KAAG,MAAM;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC,CAI7E;CACH"}
+{"version":3,"file":"PropertyGridCommons.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyGridCommons.ts"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,iDAAiD,CAAC;AACvF,OAAO,EAAE,4BAA4B,EAAE,MAAM,uCAAuC,CAAC;AACrF,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,mCAAmC;IACnC,cAAc,EAAE,cAAc,CAAC;IAC/B,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,2BAA2B;IAC1C,mCAAmC;IACnC,cAAc,EAAE,cAAc,CAAC;IAC/B,sDAAsD;IACtD,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC;CACzB;AAED;;;GAGG;AACH,MAAM,WAAW,uBAAwB,SAAQ,WAAW;IAC1D,iGAAiG;IACjG,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B,gDAAgD;IAChD,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC,sEAAsE;IACtE,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,2BAA2B,KAAK,IAAI,CAAC;IAEpE,0CAA0C;IAC1C,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,2DAA2D;IAC3D,sCAAsC,CAAC,EAAE,OAAO,CAAC;IACjD,qCAAqC;IACrC,0BAA0B,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,IAAI,CAAC;IAEhE,wCAAwC;IACxC,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,oDAAoD;IACpD,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,mBAAmB,EAAE,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACpF,+CAA+C;IAC/C,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,mBAAmB,EAAE,QAAQ,EAAE,gBAAgB,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAEhG,6CAA6C;IAC7C,4BAA4B,CAAC,EAAE,4BAA4B,CAAC;IAE5D,uIAAuI;IACvI,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,0GAA0G;IAC1G,6BAA6B,CAAC,EAAE,MAAM,CAAC;IAEvC,qEAAqE;IACrE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qEAAqE;IACrE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uCAAuC;IACvC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,qBAAqB,CAAC,EAAE,oBAAoB,EAAE,CAAC;CAChD;AAED,gBAAgB;AAChB,qBAAa,mBAAmB;WAChB,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,oBAAoB,CAAC,EAAE,WAAW,EAAE,kBAAkB,CAAC,EAAE,OAAO,EAAE,6BAA6B,CAAC,EAAE,MAAM,GAAG,WAAW;IAazK;;;OAGG;WACW,eAAe,CAAC,IAAI,EAAE,MAAM;IAiB1C;;;OAGG;IACH,OAAc,QAAQ,UAAW,MAAM,KAAG,MAAM;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC,CAI7E;CACH"}

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

@@ -1 +1 @@
-{"version":3,"file":"PropertyGridCommons.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyGridCommons.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAGH,kDAA6D;AAC7D,8CAAgD;AAiFhD,gBAAgB;AAChB,MAAa,mBAAmB;IACvB,MAAM,CAAC,qBAAqB,CAAC,KAAa,EAAE,oBAAkC,EAAE,kBAA4B,EAAE,6BAAsC;QACzJ,MAAM,WAAW,GAAG,oBAAoB,aAApB,oBAAoB,cAApB,oBAAoB,GAAI,wBAAW,CAAC,UAAU,CAAC;QACnE,IAAI,kBAAkB;YACpB,OAAO,WAAW,CAAC;QAErB,6BAA6B,GAAG,6BAA6B,aAA7B,6BAA6B,cAA7B,6BAA6B,GAAI,GAAG,CAAC;QACrE,wCAAwC;QACxC,IAAI,KAAK,GAAG,6BAA6B;YACvC,OAAO,wBAAW,CAAC,QAAQ,CAAC;QAE9B,OAAO,WAAW,CAAC;IACrB,CAAC;IAED;;;OAGG;IACI,MAAM,CAAC,eAAe,CAAC,IAAY;QACxC,MAAM,UAAU,GAAG,IAAA,kBAAU,EAAC,IAAI,CAAC,CAAC;QACpC,IAAI,UAAU,CAAC,MAAM,IAAI,CAAC;YACxB,OAAO;QACT,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;QAChC,uBAAuB;QACvB,IAAI,SAAS,IAAI,SAAS,CAAC,GAAG,EAAE;YAC9B,IAAI,SAAS,CAAC,MAAM,KAAK,SAAS,IAAI,SAAS,CAAC,MAAM,KAAK,KAAK;gBAC9D,QAAQ,CAAC,IAAI,GAAG,SAAS,CAAC,GAAG,CAAC;iBAC3B;gBACH,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;gBACxD,IAAI,UAAU;oBACZ,UAAU,CAAC,KAAK,EAAE,CAAC;aACtB;SACF;IACH,CAAC;;AAjCH,kDA4CC;AATC;;;GAGG;AACW,4BAAQ,GAAG,CAAC,KAAa,EAAyC,EAAE;IAChF,OAAO,IAAA,kBAAU,EAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,QAA8C,EAAE,EAAE;QAC9E,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,CAAC,SAAS,EAAE,CAAC;IAC5D,CAAC,CAAC,CAAC;AACL,CAAC,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/** @packageDocumentation\n * @module PropertyGrid\n */\n\nimport { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { CommonProps, Orientation } from \"@itwin/core-react\";\nimport { matchLinks } from \"../../common/Links\";\nimport { PropertyUpdatedArgs } from \"../../editors/EditorContainer\";\nimport { ActionButtonRenderer } from \"../../properties/renderers/ActionButtonRenderer\";\nimport { PropertyValueRendererManager } from \"../../properties/ValueRendererManager\";\nimport { PropertyCategory } from \"../PropertyDataProvider\";\n\n/** Arguments for the Property Editing event callback\n * @public\n */\nexport interface PropertyEditingArgs {\n  /** PropertyRecord being edited  */\n  propertyRecord: PropertyRecord;\n  /** Unique key of currently edited property */\n  propertyKey?: string;\n}\n\n/** Arguments for `PropertyGridProps.onPropertyContextMenu` callback\n * @public\n */\nexport interface PropertyGridContextMenuArgs {\n  /** PropertyRecord being edited  */\n  propertyRecord: PropertyRecord;\n  /** An event which caused the context menu callback */\n  event: React.MouseEvent;\n}\n\n/**\n * Common Property Grid Props to be used by Property Grid Variants\n * @public\n */\nexport interface CommonPropertyGridProps extends CommonProps {\n  /** Grid orientation. When not defined, it is chosen automatically based on width of the grid. */\n  orientation?: Orientation;\n\n  /** Enables/disables property hovering effect */\n  isPropertyHoverEnabled?: boolean;\n\n  /** Called to show a context menu when properties are right-clicked */\n  onPropertyContextMenu?: (args: PropertyGridContextMenuArgs) => void;\n\n  /** Enables/disables property selection */\n  isPropertySelectionEnabled?: boolean;\n  /** Enables/disables property selection with right click */\n  isPropertySelectionOnRightClickEnabled?: boolean;\n  /** Callback to property selection */\n  onPropertySelectionChanged?: (property: PropertyRecord) => void;\n\n  /** Enables/disables property editing\n   * @beta */\n  isPropertyEditingEnabled?: boolean;\n  /** Callback for when properties are being edited\n   * @beta */\n  onPropertyEditing?: (args: PropertyEditingArgs, category: PropertyCategory) => void;\n  /** Callback for when properties are updated\n   * @beta */\n  onPropertyUpdated?: (args: PropertyUpdatedArgs, category: PropertyCategory) => Promise<boolean>;\n\n  /** Custom property value renderer manager */\n  propertyValueRendererManager?: PropertyValueRendererManager;\n\n  /** Indicates whether the orientation is fixed and does not auto-switch to Vertical when the width is too narrow. Defaults to false.\n   * @beta */\n  isOrientationFixed?: boolean;\n  /** The minimum width before the auto-switch to Vertical when the width is too narrow. Defaults to 300.\n   * @beta */\n  horizontalOrientationMinWidth?: number;\n\n  /** Minimum allowed label column width, after which resizing stops */\n  minLabelWidth?: number;\n  /** Minimum allowed value column width, after which resizing stops */\n  minValueWidth?: number;\n  /** Fixed action button column width */\n  actionButtonWidth?: number;\n\n  /**\n   * Array of action button renderers. Each renderer is called for each property and can decide\n   * to render an action button for the property or not.\n   */\n  actionButtonRenderers?: ActionButtonRenderer[];\n}\n\n/** @internal */\nexport class PropertyGridCommons {\n  public static getCurrentOrientation(width: number, preferredOrientation?: Orientation, isOrientationFixed?: boolean, horizontalOrientationMinWidth?: number): Orientation {\n    const orientation = preferredOrientation ?? Orientation.Horizontal;\n    if (isOrientationFixed)\n      return orientation;\n\n    horizontalOrientationMinWidth = horizontalOrientationMinWidth ?? 300;\n    // Switch to Vertical if width too small\n    if (width < horizontalOrientationMinWidth)\n      return Orientation.Vertical;\n\n    return orientation;\n  }\n\n  /**\n   * Helper method to handle link clicks\n   * @internal\n   */\n  public static handleLinkClick(text: string) {\n    const linksArray = matchLinks(text);\n    if (linksArray.length <= 0)\n      return;\n    const foundLink = linksArray[0];\n    // istanbul ignore else\n    if (foundLink && foundLink.url) {\n      if (foundLink.schema === \"mailto:\" || foundLink.schema === \"pw:\")\n        location.href = foundLink.url;\n      else {\n        const windowOpen = window.open(foundLink.url, \"_blank\");\n        if (windowOpen)\n          windowOpen.focus();\n      }\n    }\n  }\n\n  /**\n   * A helper method to get links from string.\n   * @internal\n   */\n  public static getLinks = (value: string): Array<{ start: number, end: number }> => {\n    return matchLinks(value).map((linkInfo: { index: number, lastIndex: number }) => {\n      return { start: linkInfo.index, end: linkInfo.lastIndex };\n    });\n  };\n}\n"]}
+{"version":3,"file":"PropertyGridCommons.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyGridCommons.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAGH,kDAA6D;AAC7D,8CAAgD;AA4EhD,gBAAgB;AAChB,MAAa,mBAAmB;IACvB,MAAM,CAAC,qBAAqB,CAAC,KAAa,EAAE,oBAAkC,EAAE,kBAA4B,EAAE,6BAAsC;QACzJ,MAAM,WAAW,GAAG,oBAAoB,aAApB,oBAAoB,cAApB,oBAAoB,GAAI,wBAAW,CAAC,UAAU,CAAC;QACnE,IAAI,kBAAkB;YACpB,OAAO,WAAW,CAAC;QAErB,6BAA6B,GAAG,6BAA6B,aAA7B,6BAA6B,cAA7B,6BAA6B,GAAI,GAAG,CAAC;QACrE,wCAAwC;QACxC,IAAI,KAAK,GAAG,6BAA6B;YACvC,OAAO,wBAAW,CAAC,QAAQ,CAAC;QAE9B,OAAO,WAAW,CAAC;IACrB,CAAC;IAED;;;OAGG;IACI,MAAM,CAAC,eAAe,CAAC,IAAY;QACxC,MAAM,UAAU,GAAG,IAAA,kBAAU,EAAC,IAAI,CAAC,CAAC;QACpC,IAAI,UAAU,CAAC,MAAM,IAAI,CAAC;YACxB,OAAO;QACT,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;QAChC,uBAAuB;QACvB,IAAI,SAAS,IAAI,SAAS,CAAC,GAAG,EAAE;YAC9B,IAAI,SAAS,CAAC,MAAM,KAAK,SAAS,IAAI,SAAS,CAAC,MAAM,KAAK,KAAK;gBAC9D,QAAQ,CAAC,IAAI,GAAG,SAAS,CAAC,GAAG,CAAC;iBAC3B;gBACH,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;gBACxD,IAAI,UAAU;oBACZ,UAAU,CAAC,KAAK,EAAE,CAAC;aACtB;SACF;IACH,CAAC;;AAjCH,kDA4CC;AATC;;;GAGG;AACW,4BAAQ,GAAG,CAAC,KAAa,EAAyC,EAAE;IAChF,OAAO,IAAA,kBAAU,EAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,QAA8C,EAAE,EAAE;QAC9E,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,CAAC,SAAS,EAAE,CAAC;IAC5D,CAAC,CAAC,CAAC;AACL,CAAC,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/** @packageDocumentation\n * @module PropertyGrid\n */\n\nimport { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { CommonProps, Orientation } from \"@itwin/core-react\";\nimport { matchLinks } from \"../../common/Links\";\nimport { PropertyUpdatedArgs } from \"../../editors/EditorContainer\";\nimport { ActionButtonRenderer } from \"../../properties/renderers/ActionButtonRenderer\";\nimport { PropertyValueRendererManager } from \"../../properties/ValueRendererManager\";\nimport { PropertyCategory } from \"../PropertyDataProvider\";\n\n/** Arguments for the Property Editing event callback\n * @public\n */\nexport interface PropertyEditingArgs {\n  /** PropertyRecord being edited  */\n  propertyRecord: PropertyRecord;\n  /** Unique key of currently edited property */\n  propertyKey?: string;\n}\n\n/** Arguments for `PropertyGridProps.onPropertyContextMenu` callback\n * @public\n */\nexport interface PropertyGridContextMenuArgs {\n  /** PropertyRecord being edited  */\n  propertyRecord: PropertyRecord;\n  /** An event which caused the context menu callback */\n  event: React.MouseEvent;\n}\n\n/**\n * Common Property Grid Props to be used by Property Grid Variants\n * @public\n */\nexport interface CommonPropertyGridProps extends CommonProps {\n  /** Grid orientation. When not defined, it is chosen automatically based on width of the grid. */\n  orientation?: Orientation;\n\n  /** Enables/disables property hovering effect */\n  isPropertyHoverEnabled?: boolean;\n\n  /** Called to show a context menu when properties are right-clicked */\n  onPropertyContextMenu?: (args: PropertyGridContextMenuArgs) => void;\n\n  /** Enables/disables property selection */\n  isPropertySelectionEnabled?: boolean;\n  /** Enables/disables property selection with right click */\n  isPropertySelectionOnRightClickEnabled?: boolean;\n  /** Callback to property selection */\n  onPropertySelectionChanged?: (property: PropertyRecord) => void;\n\n  /** Enables/disables property editing */\n  isPropertyEditingEnabled?: boolean;\n  /** Callback for when properties are being edited */\n  onPropertyEditing?: (args: PropertyEditingArgs, category: PropertyCategory) => void;\n  /** Callback for when properties are updated */\n  onPropertyUpdated?: (args: PropertyUpdatedArgs, category: PropertyCategory) => Promise<boolean>;\n\n  /** Custom property value renderer manager */\n  propertyValueRendererManager?: PropertyValueRendererManager;\n\n  /** Indicates whether the orientation is fixed and does not auto-switch to Vertical when the width is too narrow. Defaults to false. */\n  isOrientationFixed?: boolean;\n  /** The minimum width before the auto-switch to Vertical when the width is too narrow. Defaults to 300. */\n  horizontalOrientationMinWidth?: number;\n\n  /** Minimum allowed label column width, after which resizing stops */\n  minLabelWidth?: number;\n  /** Minimum allowed value column width, after which resizing stops */\n  minValueWidth?: number;\n  /** Fixed action button column width */\n  actionButtonWidth?: number;\n\n  /**\n   * Array of action button renderers. Each renderer is called for each property and can decide\n   * to render an action button for the property or not.\n   */\n  actionButtonRenderers?: ActionButtonRenderer[];\n}\n\n/** @internal */\nexport class PropertyGridCommons {\n  public static getCurrentOrientation(width: number, preferredOrientation?: Orientation, isOrientationFixed?: boolean, horizontalOrientationMinWidth?: number): Orientation {\n    const orientation = preferredOrientation ?? Orientation.Horizontal;\n    if (isOrientationFixed)\n      return orientation;\n\n    horizontalOrientationMinWidth = horizontalOrientationMinWidth ?? 300;\n    // Switch to Vertical if width too small\n    if (width < horizontalOrientationMinWidth)\n      return Orientation.Vertical;\n\n    return orientation;\n  }\n\n  /**\n   * Helper method to handle link clicks\n   * @internal\n   */\n  public static handleLinkClick(text: string) {\n    const linksArray = matchLinks(text);\n    if (linksArray.length <= 0)\n      return;\n    const foundLink = linksArray[0];\n    // istanbul ignore else\n    if (foundLink && foundLink.url) {\n      if (foundLink.schema === \"mailto:\" || foundLink.schema === \"pw:\")\n        location.href = foundLink.url;\n      else {\n        const windowOpen = window.open(foundLink.url, \"_blank\");\n        if (windowOpen)\n          windowOpen.focus();\n      }\n    }\n  }\n\n  /**\n   * A helper method to get links from string.\n   * @internal\n   */\n  public static getLinks = (value: string): Array<{ start: number, end: number }> => {\n    return matchLinks(value).map((linkInfo: { index: number, lastIndex: number }) => {\n      return { start: linkInfo.index, end: linkInfo.lastIndex };\n    });\n  };\n}\n"]}

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

@@ -18,7 +18,7 @@ import { PropertyCategoryRendererManager } from "../PropertyCategoryRendererMana
 import { IPropertyDataProvider, PropertyCategory } from "../PropertyDataProvider";
 import { CommonPropertyGridProps } from "./PropertyGridCommons";
 /** Properties for [[VirtualizedPropertyGrid]] React component
- * @beta
+ * @public
  */
 export interface VirtualizedPropertyGridProps extends CommonPropertyGridProps {
     model: IPropertyGridModel;
@@ -59,7 +59,7 @@ export interface PropertyGridInternalContext {
 }
 /**
  * Context of the surrounding [VirtualizedPropertyGrid]($components-react) component.
- * @beta
+ * @public
  */
 export interface VirtualizedPropertyGridContext {
     orientation: Orientation;
@@ -91,7 +91,7 @@ export interface VirtualizedPropertyGridContext {
 }
 /**
  * VirtualizedPropertyGrid React component.
- * @beta
+ * @public
  */
 export declare class VirtualizedPropertyGrid extends React.Component<VirtualizedPropertyGridProps, VirtualizedPropertyGridState> {
     private _listRef;

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

@@ -52,7 +52,7 @@ const PropertyGridEventsRelatedPropsSupplier_1 = require("./PropertyGridEventsRe
 const [PropertyGridInternalContextProvider, _PropertyGridInternalContextConsumer, usePropertyGridInternalContext,] = (0, UseContextWithMandatoryProvider_1.createContextWithMandatoryProvider)("PropertyGridInternalContext");
 /**
  * VirtualizedPropertyGrid React component.
- * @beta
+ * @public
  */
 class VirtualizedPropertyGrid extends React.Component {
     /** @internal */

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":";AAAA;;;+FAG+F;;;;;;;;;;;;;;;;;;;;;;;;;AAE/F;;GAEG;AACH,0CAAwC;AACxC,4DAAoC;AACpC,6CAA+B;AAC/B,+CAAmF;AACnF,sDAA6C;AAE7C,kDAAmE;AAEnE,kGAAkG;AAKlG,kGAAmF;AAEnF,oHAAiH;AACjH,gGAA6F;AAC7F,oFAA8E;AAC9E,oFAAiF;AACjF,2FAAwF;AAGxF,wFAAoH;AAEpH,uGAAoG;AACpG,+EAA4E;AAC5E,mEAAgE;AAChE,+DAAqF;AACrF,qGAAkG;AAsFlG,MAAM,CACJ,mCAAmC,EACnC,oCAAoC,EACpC,8BAA8B,EAC/B,GAAG,IAAA,oEAAkC,EAA8B,6BAA6B,CAAC,CAAC;AAEnG;;;GAGG;AACH,MAAa,uBAAwB,SAAQ,KAAK,CAAC,SAAqE;IAGtH,gBAAgB;IAChB,YAAY,KAAmC;;QAC7C,KAAK,CAAC,KAAK,CAAC,CAAC;QAJP,aAAQ,GAAG,KAAK,CAAC,SAAS,EAAoB,CAAC;QA6G/C,4BAAuB,GAAG,CAAC,KAAa,EAAE,GAAW,EAAE,SAAiB,EAAE,EAAE;YAClF,IAAI,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,SAAS,EAAE;gBACxD,OAAO;aACR;YAED,IAAI,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;gBACtB,OAAO;oBACL,GAAG,KAAK;oBACR,kBAAkB,EAAE,IAAI,GAAG,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,SAAS,CAAC;oBACzE,UAAU,EAAE,KAAK;iBAClB,CAAC;YACJ,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEM,gCAA2B,GAAG,CAAC,KAAa,EAAE,EAAE;YACtD,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;YACzC,OAAO,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;QACxC,CAAC,CAAC;QAUM,gBAAW,GAAG,CAAC,KAAa,EAAE,EAAE;YACtC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;YACzC,OAAO,IAAI,CAAC,GAAG,CAAC;QAClB,CAAC,CAAC;QAtIA,IAAI,CAAC,KAAK,GAAG;YACX,SAAS,EAAE,EAAE;YACb,WAAW,EAAE,MAAA,KAAK,CAAC,WAAW,mCAAI,wBAAW,CAAC,UAAU;YACxD,kBAAkB,EAAE,IAAI,GAAG,EAAE;YAC7B,UAAU,EAAE,CAAC;SACd,CAAC;IACJ,CAAC;IAED,gBAAgB;IACA,kBAAkB,CAAC,SAAuC,EAAE,SAAuC;;QACjH,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,SAAS,CAAC,WAAW;eAC/C,IAAI,CAAC,KAAK,CAAC,kBAAkB,KAAK,SAAS,CAAC,kBAAkB;eAC9D,IAAI,CAAC,KAAK,CAAC,6BAA6B,KAAK,SAAS,CAAC,6BAA6B;eACpF,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,KAAK;YACvC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAE3C,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,KAAK,EAAE;YACxC,uBAAuB;YACvB,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO;gBACvB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;SAC5C;QAED,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,SAAS,CAAC,SAAS,KAAI,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,eAAe,CAAA,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;YAC9H,IAAI,KAAK,GAAG,CAAC,CAAC;YACd,IAAI,iBAAiB,GAAG,KAAK,CAAC;YAC9B,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;gBACvC,IAAI,IAAI,YAAY,yEAAmC,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,yBAAyB,KAAK,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI;uBACzJ,IAAI,YAAY,yCAAmB,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,yBAAyB,KAAK,IAAI,CAAC,IAAI,EAAE;oBACxH,iBAAiB,GAAG,IAAI,CAAC;oBACzB,MAAM;iBACP;gBACD,KAAK,EAAE,CAAC;aACT;YACD,IAAI,iBAAiB,EAAE;gBACrB,uBAAuB;gBACvB,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO;oBACvB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;aAC7C;SACF;QAED,IAAI,IAAI,CAAC,KAAK,CAAC,kBAAkB,KAAK,SAAS,CAAC,kBAAkB,EAAE;YAClE,uBAAuB;YACvB,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO;gBACvB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;SAChE;IACH,CAAC;IAED,gBAAgB;IACT,MAAM,CAAC,wBAAwB,CAAC,KAAmC,EAAE,KAAmC;QAC7G,OAAO;YACL,GAAG,KAAK;YACR,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,kBAAkB,EAAE;SAC5C,CAAC;IACJ,CAAC;IAEO,iBAAiB,CAAC,KAAa;QACrC,MAAM,EAAE,WAAW,EAAE,kBAAkB,EAAE,6BAA6B,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;QAC7F,MAAM,kBAAkB,GAAG,yCAAmB,CAAC,qBAAqB,CAAC,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,6BAA6B,CAAC,CAAC;QAE5I,IAAI,kBAAkB,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE;YACjD,IAAI,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,kBAAkB,EAAE,CAAC,CAAC;YACnD,uBAAuB;YACvB,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO;gBACvB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;SAC5C;IACH,CAAC;IAED;;;;OAIG;IACK,mBAAmB,CAAC,IAAkB;QAC5C,MAAM,oBAAoB,GAAG,EAAE,CAAC;QAChC,MAAM,qBAAqB,GAAG,CAAC,CAAC;QAChC,MAAM,sBAAsB,GAAG,EAAE,CAAC;QAClC,MAAM,mBAAmB,GAAG,CAAC,CAAC;QAC9B,MAAM,+BAA+B,GAAG,EAAE,CAAC;QAE3C,OAAO,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,wBAAwB,GAAG,mBAAmB,CAAC;QAE3F,SAAS,iBAAiB,CAAC,KAAmC;YAC5D,MAAM,aAAa,GAAG,KAAK,CAAC,kBAAkB,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAC7D,IAAI,aAAa,KAAK,SAAS,EAAE;gBAC/B,IAAI,IAAI,YAAY,qDAAyB,EAAE;oBAC7C,OAAO,oBAAoB,GAAG,qBAAqB;0BAC/C,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,GAAG,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;iBACjE;gBAED,OAAO,aAAa,GAAG,CAAC,KAAK,CAAC,WAAW,KAAK,wBAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;aAC9E;YAED,IAAI,IAAI,CAAC,IAAI,KAAK,sCAAgB,CAAC,QAAQ,EAAE;gBAC3C,OAAO,oBAAoB,GAAG,qBAAqB,CAAC;aACrD;YAED,IAAI,KAAK,CAAC,WAAW,KAAK,wBAAW,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,KAAK,sCAAgB,CAAC,SAAS,EAAE;gBAC1F,OAAO,+BAA+B,CAAC;aACxC;YAED,OAAO,sBAAsB,CAAC;QAChC,CAAC;IACH,CAAC;IAqBO,wBAAwB;QAC9B,IAAI,GAAG,GAAG,CAAC,CAAC;QACZ,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;YACrC,GAAG,IAAI,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;QAExC,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IACtD,CAAC;IAOD,gBAAgB;IACA,MAAM;QACpB,OAAO,oBAAC,iFAAuC,IAC7C,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,EACvC,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,EACvC,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,iBAAiB,IAE9C,CAAC,mBAAmB,EAAE,EAAE;;YAAC,OAAA,CACxB,oBAAC,+EAAsC,IACrC,0BAA0B,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,0BAA0B,mCAAI,KAAK,EAC1E,sCAAsC,EAAE,IAAI,CAAC,KAAK,CAAC,sCAAsC,EACzF,wBAAwB,EAAE,IAAI,CAAC,KAAK,CAAC,wBAAwB,EAC7D,qBAAqB,EAAE,IAAI,CAAC,KAAK,CAAC,qBAAqB,EACvD,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAC/C,0BAA0B,EAAE,IAAI,CAAC,KAAK,CAAC,0BAA0B,EACjE,sBAAsB,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,sBAAsB,mCAAI,KAAK,IAEjE,CAAC,gBAAgB,EAAE,EAAE;gBACpB,MAAM,WAAW,GAAmC;oBAClD,WAAW,EAAE,mBAAmB,CAAC,WAAW;oBAC5C,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;oBAE3B,sBAAsB,EAAE,gBAAgB,CAAC,sBAAsB;oBAC/D,0BAA0B,EAAE,gBAAgB,CAAC,0BAA0B;oBACvE,mBAAmB,EAAE,gBAAgB,CAAC,mBAAmB;oBAEzD,iBAAiB,EAAE,gBAAgB,CAAC,iBAAiB;oBACrD,sBAAsB,EAAE,gBAAgB,CAAC,sBAAsB;oBAC/D,qBAAqB,EAAE,gBAAgB,CAAC,qBAAqB;oBAE7D,kBAAkB,EAAE,gBAAgB,CAAC,kBAAkB;oBACvD,YAAY,EAAE,gBAAgB,CAAC,YAAY;oBAC3C,YAAY,EAAE,gBAAgB,CAAC,YAAY;oBAE3C,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY;oBACrC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY;oBAErC,qBAAqB,EAAE,IAAI,CAAC,KAAK,CAAC,qBAAqB;oBACvD,4BAA4B,EAAE,IAAI,CAAC,KAAK,CAAC,4BAA4B;oBACrE,+BAA+B,EAAE,IAAI,CAAC,KAAK,CAAC,+BAA+B;oBAE3E,WAAW,EAAE,mBAAmB,CAAC,WAAW;oBAC5C,UAAU,EAAE,mBAAmB,CAAC,UAAU;oBAC1C,0BAA0B,EAAE,mBAAmB,CAAC,0BAA0B;oBAC1E,qBAAqB,EAAE,mBAAmB,CAAC,qBAAqB;oBAChE,oBAAoB,EAAE,mBAAmB,CAAC,eAAe;oBACzD,yBAAyB,EAAE,mBAAmB,CAAC,yBAAyB;oBACxE,0BAA0B,EAAE,mBAAmB,CAAC,0BAA0B;oBAE1E,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS;iBAChC,CAAC;gBAEF,MAAM,aAAa,GAAgC;oBACjD,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS;oBAC/B,gBAAgB,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY;oBACzC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;oBAC3B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;oBACvB,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS;oBAC/B,mBAAmB,EAAE,IAAI,CAAC,uBAAuB;oBACjD,WAAW;iBACZ,CAAC;gBAEF,OAAO,CACL,oBAAC,mCAAmC,IAAC,KAAK,EAAE,aAAa;oBACvD,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,sCAAsC,EAAE,6BAA6B,CAAC;wBAC/F,oBAAC,+BAAgB,IACf,SAAS,EAAE,IAAA,oBAAU,EAAC,kCAAkC,EAAE,+BAA+B,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EAChH,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,EACtC,QAAQ,EAAE,IAAI,CAAC,2BAA2B,EAC1C,iBAAiB,EAAE,IAAI,CAAC,wBAAwB,EAAE,EAClD,aAAa,EAAE,EAAE,EACjB,MAAM,EAAC,UAAU,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,GAAG,EAAE,IAAI,CAAC,QAAQ,IAEjB,gBAAgB,CACA,CACf,CAC8B,CACvC,CAAC;YACJ,CAAC,CACuC,CAC3C,CAAA;SAAA,CACuC,CAAC;IAC7C,CAAC;CACF;AAxOD,0DAwOC;AAED,MAAM,gBAAgB,GAAG,KAAK,CAAC,IAAI,CACjC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,oBAAoB,EAA2B,EAAE,EAAE;IAClE,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,mBAAmB,EAAE,GAAG,8BAA8B,CAAC,gBAAgB,CAAC,CAAC;IACxJ,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAE9B,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAC1C,GAAG,EAAE,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,IAAI,CAAC,YAAY,CAAC,EAC5D,CAAC,gBAAgB,EAAE,IAAI,CAAC,YAAY,CAAC,CACtC,CAAC;IACF,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CACvC,CAAC,SAAiB,EAAE,EAAE,CAAC,mBAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,EAAE,SAAS,CAAC,EACtE,CAAC,mBAAmB,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CACvC,CAAC;IAEF,SAAS,cAAc;;QACrB,MAAM,wBAAwB,GAAG,IAAI,CAAC,wBAAwB,CAAC;QAC/D,QAAQ,IAAI,CAAC,IAAI,EAAE;YACjB,KAAK,sCAAgB,CAAC,QAAQ;gBAC5B,MAAM,uBAAuB,GAAG,MAAA,WAAW,CAAC,+BAA+B,mCACtE,iEAA+B,CAAC,cAAc,CAAC;gBACpD,MAAM,cAAc,GAAG,uBAAuB,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC;gBAC1E,MAAM,gBAAgB,GAAG,IAAA,oBAAU,EACjC,+BAA+B,EAC/B,cAAc,KAAK,SAAS,CAAC,CAAC,CAAC,uCAAuC,CAAC,CAAC,CAAC,gCAAgC,CAC1G,CAAC;gBACF,OAAO,CACL,oBAAC,yDAA2B,IAC1B,WAAW,EAAE,IAAI,CAAC,KAAK,EACvB,iBAAiB,EAAE,wBAAwB,EAC3C,SAAS,EAAE,gBAAgB;oBAE3B,oBAAC,6CAAqB,IACpB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,IAAI,CAAC,eAAe,EAC9B,kBAAkB,EAAE,kBAAkB,EACtC,SAAS,EAAE,CAAA,MAAA,MAAA,WAAW,CAAC,SAAS,0CAAE,aAAa,0CAAE,QAAQ,CAAC,uCAAY,CAAC,QAAQ,CAAC,EAAC,CAAC;4BAChF,WAAW,CAAC,SAAS,CAAC,CAAC;4BACvB,SAAS,IAGV,cAAc,KAAK,SAAS,IAAI,CAC/B,oBAAC,qBAAqB,IACpB,QAAQ,EAAE,cAAc,EACxB,YAAY,EAAE,IAAI,EAClB,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,GAChC,CACH,CACqB,CACI,CAC/B,CAAC;YACJ,KAAK,sCAAgB,CAAC,KAAK,CAAC;YAC5B,KAAK,sCAAgB,CAAC,MAAM,CAAC;YAC7B,KAAK,sCAAgB,CAAC,SAAS;gBAC7B,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC;gBACvC,MAAM,kBAAkB,GAAG,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,0BAA0B,CAAqB,CAAC;gBAElG,OAAO,CACL,oBAAC,yDAA2B,IAC1B,WAAW,EAAE,kBAAkB,CAAC,KAAK,GAAG,CAAC,EACzC,iBAAiB,EAAE,wBAAwB,EAC3C,SAAS,EAAC,+BAA+B;oBAEzC,oBAAC,2CAAoB,IACnB,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,SAAS,EAAE,YAAY,EACvB,cAAc,EAAE,IAAI,CAAC,aAAa,EAClC,WAAW,EAAE,WAAW,CAAC,WAAW,EACpC,WAAW,EAAE,IAAI,CAAC,KAAK,EACvB,KAAK,EAAE,WAAW,CAAC,SAAS,EAE5B,WAAW,EAAE,WAAW,CAAC,sBAAsB,EAC/C,YAAY,EAAE,WAAW,CAAC,0BAA0B,EACpD,UAAU,EAAE,YAAY,KAAK,WAAW,CAAC,mBAAmB,EAE5D,OAAO,EAAE,IAAI,CAAC,IAAI,KAAK,sCAAgB,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,EAC7F,YAAY,EAAE,IAAI,CAAC,IAAI,KAAK,sCAAgB,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC,CAAC,SAAS,EACvG,aAAa,EAAE,WAAW,CAAC,qBAAqB,EAEhD,QAAQ,EAAE,kBAAkB,CAAC,eAAe,EAC5C,SAAS,EAAE,YAAY,KAAK,WAAW,CAAC,kBAAkB,EAC1D,YAAY,EAAE,WAAW,CAAC,YAAY,EACtC,YAAY,EAAE,WAAW,CAAC,YAAY,EAEtC,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,kBAAkB,EAAE,kBAAkB,EACtC,eAAe,EAAE,eAAe,EAEhC,qBAAqB,EAAE,WAAW,CAAC,qBAAqB,EACxD,4BAA4B,EAAE,WAAW,CAAC,4BAA4B,EAEtE,WAAW,EAAE,WAAW,CAAC,WAAW,EACpC,UAAU,EAAE,WAAW,CAAC,UAAU,EAClC,0BAA0B,EAAE,WAAW,CAAC,0BAA0B,EAClE,qBAAqB,EAAE,WAAW,CAAC,qBAAqB,EACxD,oBAAoB,EAAE,WAAW,CAAC,oBAAoB,EACtD,yBAAyB,EAAE,WAAW,CAAC,yBAAyB,EAChE,0BAA0B,EAAE,WAAW,CAAC,0BAA0B,EAElE,SAAS,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;4BAChC,EAAE,YAAY,EAAE,MAAA,CAAC,MAAA,WAAW,CAAC,SAAS,CAAC,aAAa,0CAAE,QAAQ,CAAC,uCAAY,CAAC,KAAK,CAAC,CAAC,mCAAI,KAAK,EAAE,YAAY,EAAE,MAAA,CAAC,MAAA,WAAW,CAAC,SAAS,CAAC,aAAa,0CAAE,QAAQ,CAAC,uCAAY,CAAC,KAAK,CAAC,CAAC,mCAAI,KAAK,EAAE,GAAG,WAAW,CAAC,SAAS,EAAE,CAAC,CAAC;4BACtN,SAAS,GAEX,CAC0B,CAC/B,CAAC;SACL;IACH,CAAC;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,uBAAuB,EAAC,KAAK,EAAE,oBAAoB,IAC/D,cAAc,EAAE,CACb,CACP,CAAC;AACJ,CAAC,EACD,uBAAQ,CACT,CAAC;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AASlD,MAAM,qBAAqB,GAAyC,CAAC,KAAK,EAAE,EAAE;IAC5E,MAAM,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;IAClC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,KAAK,CAAC,eAAe,CACnB,GAAG,EAAE;QACH,IAAA,qBAAM,EAAC,MAAM,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC;QAChC,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;QACpE,eAAe,CAAC,aAAa,CAAC,CAAC;IACjC,CAAC,EACD,CAAC,KAAK,CAAC,WAAW,CAAC,WAAW,EAAE,eAAe,CAAC,CACjD,CAAC;IAEF,OAAO,CACL,6BAAK,GAAG,EAAE,MAAM,IACb,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,CACvC,CACP,CAAC;AACJ,CAAC,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 */\nimport \"./VirtualizedPropertyGrid.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { areEqual, ListChildComponentProps, VariableSizeList } from \"react-window\";\nimport { assert } from \"@itwin/core-bentley\";\nimport { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { Orientation, RatioChangeResult } from \"@itwin/core-react\";\nimport { HighlightingComponentProps } from \"../../common/HighlightingComponentProps\";\nimport { createContextWithMandatoryProvider } from \"../../common/UseContextWithMandatoryProvider\";\nimport { PropertyUpdatedArgs } from \"../../editors/EditorContainer\";\nimport { ActionButtonRenderer } from \"../../properties/renderers/ActionButtonRenderer\";\nimport { PropertyGridColumnInfo } from \"../../properties/renderers/PropertyGridColumns\";\nimport { PropertyValueRendererManager } from \"../../properties/ValueRendererManager\";\nimport { FilteredType } from \"../dataproviders/filterers/PropertyDataFiltererBase\";\nimport { 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 { IPropertyGridEventHandler } from \"../internal/PropertyGridEventHandler\";\nimport { IPropertyGridModel } from \"../internal/PropertyGridModel\";\nimport { PropertyCategoryRendererManager, PropertyCategoryRendererProps } from \"../PropertyCategoryRendererManager\";\nimport { IPropertyDataProvider, PropertyCategory } from \"../PropertyDataProvider\";\nimport { ColumnResizingPropertyListPropsSupplier } from \"./ColumnResizingPropertyListPropsSupplier\";\nimport { FlatItemNestedBorderWrapper } from \"./FlatItemNestedBorderWrapper\";\nimport { PropertyCategoryBlock } from \"./PropertyCategoryBlock\";\nimport { CommonPropertyGridProps, PropertyGridCommons } from \"./PropertyGridCommons\";\nimport { PropertyGridEventsRelatedPropsSupplier } from \"./PropertyGridEventsRelatedPropsSupplier\";\n\n/** Properties for [[VirtualizedPropertyGrid]] React component\n * @beta\n */\nexport interface VirtualizedPropertyGridProps extends CommonPropertyGridProps {\n  model: IPropertyGridModel;\n  eventHandler: IPropertyGridEventHandler;\n  dataProvider: IPropertyDataProvider;\n  highlight?: HighlightingComponentProps & {\n    filteredTypes?: FilteredType[];\n  };\n  propertyCategoryRendererManager?: PropertyCategoryRendererManager;\n  width: number;\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 * @beta\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?: HighlightingComponentProps & {\n    filteredTypes?: FilteredType[];\n  };\n}\n\nconst [\n  PropertyGridInternalContextProvider,\n  _PropertyGridInternalContextConsumer,\n  usePropertyGridInternalContext,\n] = createContextWithMandatoryProvider<PropertyGridInternalContext>(\"PropertyGridInternalContext\");\n\n/**\n * VirtualizedPropertyGrid React component.\n * @beta\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 = 35;\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 { areEqual, ListChildComponentProps, VariableSizeList } from \"react-window\";\nimport { assert } from \"@itwin/core-bentley\";\nimport { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { Orientation, RatioChangeResult } from \"@itwin/core-react\";\nimport { HighlightingComponentProps } from \"../../common/HighlightingComponentProps\";\nimport { createContextWithMandatoryProvider } from \"../../common/UseContextWithMandatoryProvider\";\nimport { PropertyUpdatedArgs } from \"../../editors/EditorContainer\";\nimport { ActionButtonRenderer } from \"../../properties/renderers/ActionButtonRenderer\";\nimport { PropertyGridColumnInfo } from \"../../properties/renderers/PropertyGridColumns\";\nimport { PropertyValueRendererManager } from \"../../properties/ValueRendererManager\";\nimport { FilteredType } from \"../dataproviders/filterers/PropertyDataFiltererBase\";\nimport { 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 { IPropertyGridEventHandler } from \"../internal/PropertyGridEventHandler\";\nimport { IPropertyGridModel } from \"../internal/PropertyGridModel\";\nimport { PropertyCategoryRendererManager, PropertyCategoryRendererProps } from \"../PropertyCategoryRendererManager\";\nimport { IPropertyDataProvider, PropertyCategory } from \"../PropertyDataProvider\";\nimport { ColumnResizingPropertyListPropsSupplier } from \"./ColumnResizingPropertyListPropsSupplier\";\nimport { FlatItemNestedBorderWrapper } from \"./FlatItemNestedBorderWrapper\";\nimport { PropertyCategoryBlock } from \"./PropertyCategoryBlock\";\nimport { CommonPropertyGridProps, PropertyGridCommons } from \"./PropertyGridCommons\";\nimport { PropertyGridEventsRelatedPropsSupplier } from \"./PropertyGridEventsRelatedPropsSupplier\";\n\n/** Properties for [[VirtualizedPropertyGrid]] React component\n * @public\n */\nexport interface VirtualizedPropertyGridProps extends CommonPropertyGridProps {\n  model: IPropertyGridModel;\n  eventHandler: IPropertyGridEventHandler;\n  dataProvider: IPropertyDataProvider;\n  highlight?: HighlightingComponentProps & {\n    filteredTypes?: FilteredType[];\n  };\n  propertyCategoryRendererManager?: PropertyCategoryRendererManager;\n  width: number;\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?: HighlightingComponentProps & {\n    filteredTypes?: FilteredType[];\n  };\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 = 35;\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"]}

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

@@ -68,6 +68,17 @@
       background: $buic-row-hover;
     }
   }
+
+  .components--hoverable {
+    &:hover {
+      // Highlight the whole row of inner-most expandable block
+      margin: 0 -4px;
+      // Compensate the negative margin by adding padding
+      padding: 0 12px;
+
+      background: $buic-row-hover;
+    }
+  }
 }
 
 .virtualized-grid-node-category {

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

@@ -5,7 +5,7 @@ import { PropertyCategoryRendererManager } from "../PropertyCategoryRendererMana
 import { IPropertyDataProvider } from "../PropertyDataProvider";
 import { CommonPropertyGridProps } from "./PropertyGridCommons";
 /** Properties for [[VirtualizedPropertyGridWithDataProvider]] React component
- * @beta
+ * @public
  */
 export interface VirtualizedPropertyGridWithDataProviderProps extends CommonPropertyGridProps {
     dataProvider: IPropertyDataProvider;
@@ -19,7 +19,7 @@ export interface VirtualizedPropertyGridWithDataProviderProps extends CommonProp
 /**
  * VirtualizedPropertyGrid React Component which takes dataProvider and
  * sets up default implementations for IPropertyGridModelSource nad IPropertyGridEventHandler
- * @beta
+ * @public
  */
 export declare function VirtualizedPropertyGridWithDataProvider(props: VirtualizedPropertyGridWithDataProviderProps): JSX.Element;
 //# sourceMappingURL=VirtualizedPropertyGridWithDataProvider.d.ts.map

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

@@ -18,7 +18,7 @@ const VirtualizedPropertyGrid_1 = require("./VirtualizedPropertyGrid");
 /**
  * VirtualizedPropertyGrid React Component which takes dataProvider and
  * sets up default implementations for IPropertyGridModelSource nad IPropertyGridEventHandler
- * @beta
+ * @public
  */
 function VirtualizedPropertyGridWithDataProvider(props) {
     const modelSource = (0, PropertyGridHooks_1.usePropertyGridModelSource)({ dataProvider: props.dataProvider });

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;AAG7D,qEAA8H;AAI9H,uEAAoE;AAepE;;;;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 { HighlightingComponentProps } from \"../../common/HighlightingComponentProps\";\nimport { FilteredType } from \"../dataproviders/filterers/PropertyDataFiltererBase\";\nimport { usePropertyGridEventHandler, usePropertyGridModel, usePropertyGridModelSource } from \"../internal/PropertyGridHooks\";\nimport { PropertyCategoryRendererManager } from \"../PropertyCategoryRendererManager\";\nimport { IPropertyDataProvider } from \"../PropertyDataProvider\";\nimport { CommonPropertyGridProps } from \"./PropertyGridCommons\";\nimport { VirtualizedPropertyGrid } from \"./VirtualizedPropertyGrid\";\n\n/** Properties for [[VirtualizedPropertyGridWithDataProvider]] React component\n * @beta\n */\nexport interface VirtualizedPropertyGridWithDataProviderProps extends CommonPropertyGridProps {\n  dataProvider: IPropertyDataProvider;\n  highlight?: HighlightingComponentProps & {\n    filteredTypes?: FilteredType[];\n  };\n  propertyCategoryRendererManager?: PropertyCategoryRendererManager;\n  width: number;\n  height: number;\n}\n\n/**\n * VirtualizedPropertyGrid React Component which takes dataProvider and\n * sets up default implementations for IPropertyGridModelSource nad IPropertyGridEventHandler\n * @beta\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;;;+FAG+F;;;;;;AAE/F;;GAEG;AAEH,kDAA0B;AAC1B,gEAA6D;AAG7D,qEAA8H;AAI9H,uEAAoE;AAepE;;;;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 { HighlightingComponentProps } from \"../../common/HighlightingComponentProps\";\nimport { FilteredType } from \"../dataproviders/filterers/PropertyDataFiltererBase\";\nimport { usePropertyGridEventHandler, usePropertyGridModel, usePropertyGridModelSource } from \"../internal/PropertyGridHooks\";\nimport { PropertyCategoryRendererManager } from \"../PropertyCategoryRendererManager\";\nimport { IPropertyDataProvider } from \"../PropertyDataProvider\";\nimport { CommonPropertyGridProps } from \"./PropertyGridCommons\";\nimport { VirtualizedPropertyGrid } from \"./VirtualizedPropertyGrid\";\n\n/** Properties for [[VirtualizedPropertyGridWithDataProvider]] React component\n * @public\n */\nexport interface VirtualizedPropertyGridWithDataProviderProps extends CommonPropertyGridProps {\n  dataProvider: IPropertyDataProvider;\n  highlight?: HighlightingComponentProps & {\n    filteredTypes?: FilteredType[];\n  };\n  propertyCategoryRendererManager?: PropertyCategoryRendererManager;\n  width: number;\n  height: number;\n}\n\n/**\n * VirtualizedPropertyGrid React Component which takes dataProvider and\n * sets up default implementations for IPropertyGridModelSource nad 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"]}

package/lib/cjs/components-react/propertygrid/internal/PropertyGridEventHandler.d.ts

@@ -4,14 +4,14 @@
 import { IPropertyGridModelSource } from "./PropertyGridModelSource";
 /**
  * Handles events and changes on PropertyGridModel data.
- * @beta
+ * @public
  */
 export interface IPropertyGridEventHandler {
     onExpansionToggled: (selectionKey: string) => void;
 }
 /**
  * Handles events and changes on PropertyGridModel data.
- * @beta
+ * @public
  */
 export declare class PropertyGridEventHandler {
     private _modelSource;

package/lib/cjs/components-react/propertygrid/internal/PropertyGridEventHandler.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PropertyGridEventHandler = void 0;
 /**
  * Handles events and changes on PropertyGridModel data.
- * @beta
+ * @public
  */
 class PropertyGridEventHandler {
     constructor(_modelSource) {

package/lib/cjs/components-react/propertygrid/internal/PropertyGridEventHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyGridEventHandler.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/internal/PropertyGridEventHandler.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;;;AAe/F;;;GAGG;AACH,MAAa,wBAAwB;IACnC,YAA2B,YAAsC;QAAtC,iBAAY,GAAZ,YAAY,CAA0B;QAGjE;;;WAGG;QACI,uBAAkB,GAAG,CAAC,YAAoB,EAAE,EAAE;YACnD,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,UAAU,EAAE,EAAE;gBAC3C,MAAM,IAAI,GAAG,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;gBAC9C,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC;YACrC,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;IAXF,CAAC;CAYF;AAdD,4DAcC","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 { IPropertyGridModelSource } from \"./PropertyGridModelSource\";\n\n/**\n * Handles events and changes on PropertyGridModel data.\n * @beta\n */\nexport interface IPropertyGridEventHandler {\n  onExpansionToggled: (selectionKey: string) => void;\n}\n\n/**\n * Handles events and changes on PropertyGridModel data.\n * @beta\n */\nexport class PropertyGridEventHandler {\n  public constructor(private _modelSource: IPropertyGridModelSource) {\n  }\n\n  /**\n   * Flips isExpand on item by given selectionKey\n   * @param selectionKey item to be modified\n   */\n  public onExpansionToggled = (selectionKey: string) => {\n    this._modelSource.modifyModel((draftModel) => {\n      const item = draftModel.getItem(selectionKey);\n      item.isExpanded = !item.isExpanded;\n    });\n  };\n}\n"]}
+{"version":3,"file":"PropertyGridEventHandler.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/internal/PropertyGridEventHandler.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;;;AAe/F;;;GAGG;AACH,MAAa,wBAAwB;IACnC,YAA2B,YAAsC;QAAtC,iBAAY,GAAZ,YAAY,CAA0B;QAGjE;;;WAGG;QACI,uBAAkB,GAAG,CAAC,YAAoB,EAAE,EAAE;YACnD,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,UAAU,EAAE,EAAE;gBAC3C,MAAM,IAAI,GAAG,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;gBAC9C,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC;YACrC,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;IAXF,CAAC;CAYF;AAdD,4DAcC","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 { IPropertyGridModelSource } from \"./PropertyGridModelSource\";\n\n/**\n * Handles events and changes on PropertyGridModel data.\n * @public\n */\nexport interface IPropertyGridEventHandler {\n  onExpansionToggled: (selectionKey: string) => void;\n}\n\n/**\n * Handles events and changes on PropertyGridModel data.\n * @public\n */\nexport class PropertyGridEventHandler {\n  public constructor(private _modelSource: IPropertyGridModelSource) {\n  }\n\n  /**\n   * Flips isExpand on item by given selectionKey\n   * @param selectionKey item to be modified\n   */\n  public onExpansionToggled = (selectionKey: string) => {\n    this._modelSource.modifyModel((draftModel) => {\n      const item = draftModel.getItem(selectionKey);\n      item.isExpanded = !item.isExpanded;\n    });\n  };\n}\n"]}

package/lib/cjs/components-react/propertygrid/internal/PropertyGridHooks.d.ts

@@ -17,21 +17,21 @@ export declare function usePropertyData(props: {
 };
 /**
  * Custom hook that creates a [[PropertyGridModelSource]] and subscribes it to data updates from the data provider.
- * @beta
+ * @public
  */
 export declare function usePropertyGridModelSource(props: {
     dataProvider: IPropertyDataProvider;
 }): PropertyGridModelSource;
 /**
  * Custom hook that creates memoized version of [[PropertyGridEventHandler]] that modifies given modelSource
- * @beta
+ * @public
  */
 export declare function usePropertyGridEventHandler(props: {
     modelSource: IPropertyGridModelSource;
 }): PropertyGridEventHandler;
 /**
  * Custom hook that automatically listens and retrieves latest model from model source
- * @beta
+ * @public
  */
 export declare function usePropertyGridModel(props: {
     modelSource: IPropertyGridModelSource;

package/lib/cjs/components-react/propertygrid/internal/PropertyGridHooks.js

@@ -32,7 +32,7 @@ function usePropertyData(props) {
 exports.usePropertyData = usePropertyData;
 /**
  * Custom hook that creates a [[PropertyGridModelSource]] and subscribes it to data updates from the data provider.
- * @beta
+ * @public
  */
 function usePropertyGridModelSource(props) {
     const { value: propertyData } = usePropertyData(props);
@@ -49,7 +49,7 @@ function usePropertyGridModelSource(props) {
 exports.usePropertyGridModelSource = usePropertyGridModelSource;
 /**
  * Custom hook that creates memoized version of [[PropertyGridEventHandler]] that modifies given modelSource
- * @beta
+ * @public
  */
 function usePropertyGridEventHandler(props) {
     return (0, react_1.useMemo)(() => new PropertyGridEventHandler_1.PropertyGridEventHandler(props.modelSource), [props.modelSource]);
@@ -57,7 +57,7 @@ function usePropertyGridEventHandler(props) {
 exports.usePropertyGridEventHandler = usePropertyGridEventHandler;
 /**
  * Custom hook that automatically listens and retrieves latest model from model source
- * @beta
+ * @public
  */
 function usePropertyGridModel(props) {
     const { modelSource } = { ...props };

package/lib/cjs/components-react/propertygrid/internal/PropertyGridHooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyGridHooks.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/internal/PropertyGridHooks.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,iCAA8E;AAC9E,gFAA6E;AAE7E,gFAA6E;AAC7E,yEAAsE;AAEtE,uEAA8F;AAE9F;;;GAGG;AACH,SAAgB,eAAe,CAAC,KAA8C;IAC5E,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAE/B,MAAM,CAAC,YAAY,EAAE,mBAAmB,CAAC,GAAG,IAAA,kBAAU,EAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IACvE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,OAAO,YAAY,CAAC,aAAa,CAAC,WAAW,CAAC,GAAG,EAAE;YACjD,mBAAmB,EAAE,CAAC;QACxB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,yGAAyG;IACzG,uDAAuD;IACvD,OAAO,IAAA,+CAAsB,EAAC,IAAA,mBAAW,EAAC,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;AAC/G,CAAC;AAbD,0CAaC;AAED;;;GAGG;AACH,SAAgB,0BAA0B,CAAC,KAA8C;IACvF,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IACvD,MAAM,EAAE,YAAY,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,CAAC;IAEtC,8DAA8D;IAC9D,uDAAuD;IACvD,MAAM,WAAW,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAI,iDAAuB,CAAC,IAAI,+CAAsB,EAAE,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAE7G,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,YAAY;YACd,WAAW,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;IAC9C,CAAC,EAAE,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC,CAAC;IAEhC,OAAO,WAAW,CAAC;AACrB,CAAC;AAdD,gEAcC;AAED;;;GAGG;AACH,SAAgB,2BAA2B,CAAC,KAAgD;IAC1F,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAI,mDAAwB,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;AAC7F,CAAC;AAFD,kEAEC;AAED;;;GAGG;AACH,SAAgB,oBAAoB,CAAC,KAAgD;IACnF,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,CAAC;IACrC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,GAAsB,CAAC;IAEzD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,QAAQ,CAAC,WAAW,CAAC,QAAQ,EAAE,CAAC,CAAC;QACnC,CAAC,CAAC;QACF,YAAY,EAAE,CAAC;QACf,OAAO,WAAW,CAAC,cAAc,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;IAC9D,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,KAAK,CAAC;AACf,CAAC;AAbD,oDAaC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module PropertyGrid\n */\n\nimport { useCallback, useEffect, useMemo, useReducer, useState } from \"react\";\nimport { useDebouncedAsyncValue } from \"../../common/UseDebouncedAsyncValue\";\nimport { IPropertyDataProvider } from \"../PropertyDataProvider\";\nimport { MutableGridItemFactory } from \"./flat-items/MutableGridItemFactory\";\nimport { PropertyGridEventHandler } from \"./PropertyGridEventHandler\";\nimport { IPropertyGridModel } from \"./PropertyGridModel\";\nimport { IPropertyGridModelSource, PropertyGridModelSource } from \"./PropertyGridModelSource\";\n\n/**\n * Custom hook that gets [[PropertyData]] from given [[IPropertyDataProvider]] and subscribes to further data changes.\n * @public\n */\nexport function usePropertyData(props: { dataProvider: IPropertyDataProvider }) {\n  const { dataProvider } = props;\n\n  const [forcedUpdate, triggerForcedUpdate] = useReducer(() => ({}), {});\n  useEffect(() => {\n    return dataProvider.onDataChanged.addListener(() => {\n      triggerForcedUpdate();\n    });\n  }, [dataProvider]);\n\n  // forcedUpdate is added to dependency list to re-memo getData promise when onDataChanged emits an event.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  return useDebouncedAsyncValue(useCallback(async () => dataProvider.getData(), [dataProvider, forcedUpdate]));\n}\n\n/**\n * Custom hook that creates a [[PropertyGridModelSource]] and subscribes it to data updates from the data provider.\n * @beta\n */\nexport function usePropertyGridModelSource(props: { dataProvider: IPropertyDataProvider }) {\n  const { value: propertyData } = usePropertyData(props);\n  const { dataProvider } = { ...props };\n\n  // Model source needs to be recreated if data provider changes\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const modelSource = useMemo(() => new PropertyGridModelSource(new MutableGridItemFactory()), [dataProvider]);\n\n  useEffect(() => {\n    if (propertyData)\n      modelSource.setPropertyData(propertyData);\n  }, [modelSource, propertyData]);\n\n  return modelSource;\n}\n\n/**\n * Custom hook that creates memoized version of [[PropertyGridEventHandler]] that modifies given modelSource\n * @beta\n */\nexport function usePropertyGridEventHandler(props: { modelSource: IPropertyGridModelSource }) {\n  return useMemo(() => new PropertyGridEventHandler(props.modelSource), [props.modelSource]);\n}\n\n/**\n * Custom hook that automatically listens and retrieves latest model from model source\n * @beta\n */\nexport function usePropertyGridModel(props: { modelSource: IPropertyGridModelSource }) {\n  const { modelSource } = { ...props };\n  const [model, setModel] = useState<IPropertyGridModel>();\n\n  useEffect(() => {\n    const modelChanged = () => {\n      setModel(modelSource.getModel());\n    };\n    modelChanged();\n    return modelSource.onModelChanged.addListener(modelChanged);\n  }, [modelSource]);\n\n  return model;\n}\n"]}
+{"version":3,"file":"PropertyGridHooks.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/internal/PropertyGridHooks.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,iCAA8E;AAC9E,gFAA6E;AAE7E,gFAA6E;AAC7E,yEAAsE;AAEtE,uEAA8F;AAE9F;;;GAGG;AACH,SAAgB,eAAe,CAAC,KAA8C;IAC5E,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAE/B,MAAM,CAAC,YAAY,EAAE,mBAAmB,CAAC,GAAG,IAAA,kBAAU,EAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IACvE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,OAAO,YAAY,CAAC,aAAa,CAAC,WAAW,CAAC,GAAG,EAAE;YACjD,mBAAmB,EAAE,CAAC;QACxB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,yGAAyG;IACzG,uDAAuD;IACvD,OAAO,IAAA,+CAAsB,EAAC,IAAA,mBAAW,EAAC,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;AAC/G,CAAC;AAbD,0CAaC;AAED;;;GAGG;AACH,SAAgB,0BAA0B,CAAC,KAA8C;IACvF,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IACvD,MAAM,EAAE,YAAY,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,CAAC;IAEtC,8DAA8D;IAC9D,uDAAuD;IACvD,MAAM,WAAW,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAI,iDAAuB,CAAC,IAAI,+CAAsB,EAAE,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAE7G,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,YAAY;YACd,WAAW,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;IAC9C,CAAC,EAAE,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC,CAAC;IAEhC,OAAO,WAAW,CAAC;AACrB,CAAC;AAdD,gEAcC;AAED;;;GAGG;AACH,SAAgB,2BAA2B,CAAC,KAAgD;IAC1F,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAI,mDAAwB,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;AAC7F,CAAC;AAFD,kEAEC;AAED;;;GAGG;AACH,SAAgB,oBAAoB,CAAC,KAAgD;IACnF,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,CAAC;IACrC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,GAAsB,CAAC;IAEzD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,QAAQ,CAAC,WAAW,CAAC,QAAQ,EAAE,CAAC,CAAC;QACnC,CAAC,CAAC;QACF,YAAY,EAAE,CAAC;QACf,OAAO,WAAW,CAAC,cAAc,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;IAC9D,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,KAAK,CAAC;AACf,CAAC;AAbD,oDAaC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module PropertyGrid\n */\n\nimport { useCallback, useEffect, useMemo, useReducer, useState } from \"react\";\nimport { useDebouncedAsyncValue } from \"../../common/UseDebouncedAsyncValue\";\nimport { IPropertyDataProvider } from \"../PropertyDataProvider\";\nimport { MutableGridItemFactory } from \"./flat-items/MutableGridItemFactory\";\nimport { PropertyGridEventHandler } from \"./PropertyGridEventHandler\";\nimport { IPropertyGridModel } from \"./PropertyGridModel\";\nimport { IPropertyGridModelSource, PropertyGridModelSource } from \"./PropertyGridModelSource\";\n\n/**\n * Custom hook that gets [[PropertyData]] from given [[IPropertyDataProvider]] and subscribes to further data changes.\n * @public\n */\nexport function usePropertyData(props: { dataProvider: IPropertyDataProvider }) {\n  const { dataProvider } = props;\n\n  const [forcedUpdate, triggerForcedUpdate] = useReducer(() => ({}), {});\n  useEffect(() => {\n    return dataProvider.onDataChanged.addListener(() => {\n      triggerForcedUpdate();\n    });\n  }, [dataProvider]);\n\n  // forcedUpdate is added to dependency list to re-memo getData promise when onDataChanged emits an event.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  return useDebouncedAsyncValue(useCallback(async () => dataProvider.getData(), [dataProvider, forcedUpdate]));\n}\n\n/**\n * Custom hook that creates a [[PropertyGridModelSource]] and subscribes it to data updates from the data provider.\n * @public\n */\nexport function usePropertyGridModelSource(props: { dataProvider: IPropertyDataProvider }) {\n  const { value: propertyData } = usePropertyData(props);\n  const { dataProvider } = { ...props };\n\n  // Model source needs to be recreated if data provider changes\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const modelSource = useMemo(() => new PropertyGridModelSource(new MutableGridItemFactory()), [dataProvider]);\n\n  useEffect(() => {\n    if (propertyData)\n      modelSource.setPropertyData(propertyData);\n  }, [modelSource, propertyData]);\n\n  return modelSource;\n}\n\n/**\n * Custom hook that creates memoized version of [[PropertyGridEventHandler]] that modifies given modelSource\n * @public\n */\nexport function usePropertyGridEventHandler(props: { modelSource: IPropertyGridModelSource }) {\n  return useMemo(() => new PropertyGridEventHandler(props.modelSource), [props.modelSource]);\n}\n\n/**\n * Custom hook that automatically listens and retrieves latest model from model source\n * @public\n */\nexport function usePropertyGridModel(props: { modelSource: IPropertyGridModelSource }) {\n  const { modelSource } = { ...props };\n  const [model, setModel] = useState<IPropertyGridModel>();\n\n  useEffect(() => {\n    const modelChanged = () => {\n      setModel(modelSource.getModel());\n    };\n    modelChanged();\n    return modelSource.onModelChanged.addListener(modelChanged);\n  }, [modelSource]);\n\n  return model;\n}\n"]}

package/lib/cjs/components-react/propertygrid/internal/PropertyGridModel.d.ts

@@ -8,7 +8,7 @@ import { IMutableFlatGridItem, IMutableGridCategoryItem } from "./flat-items/Mut
 import { IMutableGridItemFactory } from "./flat-items/MutableGridItemFactory";
 /**
  * PropertyGridModel interface for working with immutable FlatGridItems
- * @beta
+ * @public
  */
 export interface IPropertyGridModel {
     getItem: (selectionKey: string) => FlatGridItem;
@@ -18,7 +18,7 @@ export interface IPropertyGridModel {
 }
 /**
  * PropertyGridModel interface for working with mutable FlatGridItems
- * @beta
+ * @public
  */
 export interface IMutablePropertyGridModel {
     getItem: (selectionKey: string) => IMutableFlatGridItem;
@@ -28,7 +28,7 @@ export interface IMutablePropertyGridModel {
 }
 /**
  * Implementation of PropertyGridModel for working with and converting PropertyData to mutable FlatGridItems
- * @beta
+ * @public
  */
 export declare class MutablePropertyGridModel implements IPropertyGridModel, IMutablePropertyGridModel {
     private _gridItemFactory;