@itwin/grouping-mapping-widget 0.11.1 → 0.13.0

package/lib/cjs/widget/components/property-grid/PropertyGrid.js

@@ -1,198 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PropertyGrid = void 0;
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-const classnames_1 = __importDefault(require("classnames"));
-const immer_1 = require("immer");
-const React = __importStar(require("react"));
-const components_react_1 = require("@itwin/components-react");
-const ColumnResizingPropertyListPropsSupplier_1 = require("@itwin/components-react/lib/cjs/components-react/propertygrid/component/ColumnResizingPropertyListPropsSupplier");
-const core_react_1 = require("@itwin/core-react");
-const PropertyList_1 = require("./PropertyList");
-require("./PropertyGrid.scss");
-const PropertyGridWrapperContext_1 = require("../context/PropertyGridWrapperContext");
-const itwinui_react_1 = require("@itwin/itwinui-react");
-/** PropertyGrid React component.
- * @public
- */
-class PropertyGrid extends React.Component {
-    /** @internal */
-    constructor(props) {
-        super(props);
-        this._isMounted = false;
-        this._isInDataRequest = false;
-        this._hasPendingDataRequest = false;
-        this._onPropertyDataChanged = () => {
-            void this.gatherData();
-        };
-        this._onResize = (width) => {
-            this.updateOrientation(width);
-        };
-        this._onCategoryExpansionToggled = (categoryName) => {
-            this.setState((state) => {
-                return immer_1.produce(state, (draft) => {
-                    const records = findCategory(draft.categories, categoryName, true);
-                    // istanbul ignore else
-                    if (records) {
-                        const category = records.category;
-                        category.expand = !category.expand;
-                    }
-                });
-            });
-        };
-        this.state = {
-            categories: [],
-            orientation: this.getPreferredOrientation(),
-            width: 0,
-        };
-    }
-    /** @internal */
-    componentDidMount() {
-        this._isMounted = true;
-        this._dataChangesListenerDisposeFunc =
-            this.props.dataProvider.onDataChanged.addListener(this._onPropertyDataChanged);
-        void this.gatherData();
-    }
-    /** @internal */
-    componentWillUnmount() {
-        // istanbul ignore else
-        if (this._dataChangesListenerDisposeFunc) {
-            this._dataChangesListenerDisposeFunc();
-            this._dataChangesListenerDisposeFunc = undefined;
-        }
-        this._isMounted = false;
-    }
-    componentDidUpdate(prevProps) {
-        if (this.props.dataProvider !== prevProps.dataProvider) {
-            // istanbul ignore else
-            if (this._dataChangesListenerDisposeFunc) {
-                this._dataChangesListenerDisposeFunc();
-            }
-            this._dataChangesListenerDisposeFunc =
-                this.props.dataProvider.onDataChanged.addListener(this._onPropertyDataChanged);
-            void this.gatherData();
-        }
-        if (this.props.orientation !== prevProps.orientation ||
-            this.props.isOrientationFixed !== prevProps.isOrientationFixed ||
-            this.props.horizontalOrientationMinWidth !==
-                prevProps.horizontalOrientationMinWidth) {
-            this.updateOrientation(this.state.width);
-        }
-    }
-    async gatherData() {
-        if (this._isInDataRequest) {
-            this._hasPendingDataRequest = true;
-            return;
-        }
-        this.setState((prev) => prev.loadStart ? null : { loadStart: new Date() });
-        this._isInDataRequest = true;
-        let propertyData;
-        try {
-            propertyData = await this.props.dataProvider.getData();
-        }
-        finally {
-            this._isInDataRequest = false;
-        }
-        if (!this._isMounted) {
-            return;
-        }
-        if (this._hasPendingDataRequest) {
-            this._hasPendingDataRequest = false;
-            return this.gatherData();
-        }
-        this.setState((prevState) => {
-            const buildCategoriesHierarchy = (newCategories, stateCategories) => newCategories.map((category) => {
-                var _a, _b, _c, _d;
-                const matchingStateCategory = findCategory(stateCategories !== null && stateCategories !== void 0 ? stateCategories : [], category.name, false);
-                return {
-                    category: {
-                        ...category,
-                        expand: (_b = (_a = matchingStateCategory === null || matchingStateCategory === void 0 ? void 0 : matchingStateCategory.category) === null || _a === void 0 ? void 0 : _a.expand) !== null && _b !== void 0 ? _b : category.expand,
-                    },
-                    records: (_c = propertyData.records[category.name]) !== null && _c !== void 0 ? _c : [],
-                    children: buildCategoriesHierarchy((_d = category.childCategories) !== null && _d !== void 0 ? _d : [], matchingStateCategory === null || matchingStateCategory === void 0 ? void 0 : matchingStateCategory.children),
-                };
-            });
-            return {
-                categories: buildCategoriesHierarchy(propertyData.categories, prevState.categories),
-                loadStart: undefined,
-            };
-        });
-    }
-    getPreferredOrientation() {
-        return this.props.orientation !== undefined
-            ? this.props.orientation
-            : core_react_1.Orientation.Horizontal;
-    }
-    updateOrientation(width) {
-        const { orientation, isOrientationFixed, horizontalOrientationMinWidth } = {
-            ...this.props,
-        };
-        const currentOrientation = components_react_1.PropertyGridCommons.getCurrentOrientation(width, orientation, isOrientationFixed, horizontalOrientationMinWidth);
-        if (currentOrientation !== this.state.orientation ||
-            width !== this.state.width) {
-            this.setState({ orientation: currentOrientation, width });
-        }
-    }
-    /** @internal */
-    render() {
-        var _a, _b;
-        if (this.state.loadStart) {
-            return (React.createElement("div", { className: "gmw-components-property-grid-loader" },
-                React.createElement(itwinui_react_1.ProgressRadial, { indeterminate: true })));
-        }
-        return (React.createElement("div", { className: "gmw-table-box-inner" },
-            React.createElement(components_react_1.PropertyGridEventsRelatedPropsSupplier, { isPropertySelectionEnabled: (_a = this.props.isPropertySelectionEnabled) !== null && _a !== void 0 ? _a : false, isPropertySelectionOnRightClickEnabled: this.props.isPropertySelectionOnRightClickEnabled, isPropertyEditingEnabled: this.props.isPropertyEditingEnabled, isPropertyHoverEnabled: (_b = this.props.isPropertyHoverEnabled) !== null && _b !== void 0 ? _b : false, onPropertyContextMenu: this.props.onPropertyContextMenu, onPropertyUpdated: this.props.onPropertyUpdated, onPropertySelectionChanged: this.props.onPropertySelectionChanged }, (selectionContext) => (React.createElement("div", { className: classnames_1.default("gmw-components-property-grid-wrapper", this.props.className), style: this.props.style },
-                React.createElement("div", { className: classnames_1.default("gmw-components-property-grid", "components-smallEditor-host") },
-                    React.createElement("div", { className: "gmw-property-categories" }, this.state.categories.map((categorizedRecords) => (React.createElement(NestedCategoryBlock, { ...selectionContext, key: categorizedRecords.category.name, categorizedRecords: categorizedRecords, onCategoryExpansionToggled: this._onCategoryExpansionToggled, orientation: this.state.orientation, propertyValueRendererManager: this.props.propertyValueRendererManager, actionButtonRenderers: this.props.actionButtonRenderers }))))),
-                React.createElement(core_react_1.ResizableContainerObserver, { onResize: this._onResize }))))));
-    }
-}
-exports.PropertyGrid = PropertyGrid;
-PropertyGrid.contextType = PropertyGridWrapperContext_1.PropertyGridWrapperContext;
-function findCategory(categories, lookupName, recurseIntoChildren) {
-    for (const category of categories) {
-        if (category.category.name === lookupName) {
-            return category;
-        }
-        if (recurseIntoChildren) {
-            const matchingChild = findCategory(category.children, lookupName, recurseIntoChildren);
-            if (matchingChild) {
-                return matchingChild;
-            }
-        }
-    }
-    return undefined;
-}
-const NestedCategoryBlock = (props) => {
-    const [width, setWidth] = React.useState(1);
-    return (React.createElement(components_react_1.PropertyCategoryBlock, { category: props.categorizedRecords.category, onExpansionToggled: props.onCategoryExpansionToggled },
-        props.categorizedRecords.records.length ? (React.createElement(ColumnResizingPropertyListPropsSupplier_1.ColumnResizingPropertyListPropsSupplier, { orientation: props.orientation, width: width }, (partialListProps) => (React.createElement(PropertyList_1.PropertyList, { ...partialListProps, orientation: props.orientation, category: props.categorizedRecords.category, properties: props.categorizedRecords.records, selectedPropertyKey: props.selectedPropertyKey, onPropertyClicked: props.onPropertyClicked, onPropertyRightClicked: props.onPropertyRightClicked, onPropertyContextMenu: props.onPropertyContextMenu, propertyValueRendererManager: props.propertyValueRendererManager, editingPropertyKey: props.editingPropertyKey, onEditCommit: props.onEditCommit, onEditCancel: props.onEditCancel, isPropertyHoverEnabled: props.isPropertyHoverEnabled, isPropertySelectionEnabled: props.isPropertySelectionEnabled, isPropertyRightClickSelectionEnabled: props.isPropertyRightClickSelectionEnabled, actionButtonRenderers: props.actionButtonRenderers, setWidth: setWidth, width: width })))) : undefined,
-        props.categorizedRecords.children.length ? (React.createElement("div", { className: "gmw-property-categories" }, props.categorizedRecords.children.map((categorizedChildRecords) => (React.createElement(NestedCategoryBlock, { ...props, key: categorizedChildRecords.category.name, categorizedRecords: categorizedChildRecords }))))) : undefined));
-};
-//# sourceMappingURL=PropertyGrid.js.map

package/lib/cjs/widget/components/property-grid/PropertyGrid.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PropertyGrid.js","sourceRoot":"","sources":["../../../../../src/widget/components/property-grid/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*--------------------------------------------------------------------------------------------*/\nimport classnames from \"classnames\";\nimport { produce } from \"immer\";\nimport * as React from \"react\";\nimport type { DisposeFunc } from \"@itwin/core-bentley\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport type {\n  CommonPropertyGridProps,\n  PropertyCategory,\n  PropertyData,\n} from \"@itwin/components-react\";\nimport {\n  PropertyCategoryBlock,\n  PropertyGridCommons,\n  PropertyGridEventsRelatedPropsSupplier,\n} from \"@itwin/components-react\";\nimport type { ColumnResizeRelatedPropertyListProps } from \"@itwin/components-react/lib/cjs/components-react/propertygrid/component/ColumnResizingPropertyListPropsSupplier\";\nimport { ColumnResizingPropertyListPropsSupplier } from \"@itwin/components-react/lib/cjs/components-react/propertygrid/component/ColumnResizingPropertyListPropsSupplier\";\nimport { Orientation, ResizableContainerObserver } from \"@itwin/core-react\";\n\nimport type { PropertyListProps } from \"./PropertyList\";\nimport { PropertyList } from \"./PropertyList\";\nimport \"./PropertyGrid.scss\";\n\nimport type { PresentationPropertyDataProvider } from \"@itwin/presentation-components\";\nimport { PropertyGridWrapperContext } from \"../context/PropertyGridWrapperContext\";\nimport { ProgressRadial } from \"@itwin/itwinui-react\";\n\n/** Properties for [[PropertyGrid]] React component\n * @public\n */\nexport interface PropertyGridProps extends CommonPropertyGridProps {\n  /** Property data provider */\n  dataProvider: PresentationPropertyDataProvider;\n}\n\n/** Property Category in the [[PropertyGrid]] state\n * @public\n * @deprecated This was part of [[PropertyGrid]] internal state and should've never been public. The component is not using it anymore.\n */\nexport interface PropertyGridCategory {\n  propertyCategory: PropertyCategory;\n  propertyCount: number;\n  properties: PropertyRecord[];\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<\nPropertyGridProps,\nPropertyGridState\n> {\n  private _dataChangesListenerDisposeFunc?: DisposeFunc;\n  private _isMounted = false;\n  private _isInDataRequest = false;\n  private _hasPendingDataRequest = false;\n\n  static override contextType = PropertyGridWrapperContext;\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 =\n      this.props.dataProvider.onDataChanged.addListener(\n        this._onPropertyDataChanged\n      );\n\n    void 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      }\n      this._dataChangesListenerDisposeFunc =\n        this.props.dataProvider.onDataChanged.addListener(\n          this._onPropertyDataChanged\n        );\n\n      void this.gatherData();\n    }\n\n    if (\n      this.props.orientation !== prevProps.orientation ||\n      this.props.isOrientationFixed !== prevProps.isOrientationFixed ||\n      this.props.horizontalOrientationMinWidth !==\n      prevProps.horizontalOrientationMinWidth\n    ) {\n      this.updateOrientation(this.state.width);\n    }\n  }\n\n  private _onPropertyDataChanged = () => {\n    void 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) =>\n      prev.loadStart ? null : { loadStart: new Date() }\n    );\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\n    if (this._hasPendingDataRequest) {\n      this._hasPendingDataRequest = false;\n      return this.gatherData();\n    }\n\n    this.setState((prevState) => {\n      const buildCategoriesHierarchy = (\n        newCategories: PropertyCategory[],\n        stateCategories: CategorizedPropertyGridRecords[] | undefined\n      ) =>\n        newCategories.map((category): CategorizedPropertyGridRecords => {\n          const matchingStateCategory = findCategory(\n            stateCategories ?? [],\n            category.name,\n            false\n          );\n          return {\n            category: {\n              ...category,\n              expand:\n                matchingStateCategory?.category?.expand ?? category.expand,\n            },\n            records: propertyData.records[category.name] ?? [],\n            children: buildCategoriesHierarchy(\n              category.childCategories ?? [],\n              matchingStateCategory?.children\n            ),\n          };\n        });\n      return {\n        categories: buildCategoriesHierarchy(\n          propertyData.categories,\n          prevState.categories\n        ),\n        loadStart: undefined,\n      };\n    });\n  }\n\n  private getPreferredOrientation(): Orientation {\n    return this.props.orientation !== undefined\n      ? this.props.orientation\n      : 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 } = {\n      ...this.props,\n    };\n    const currentOrientation = PropertyGridCommons.getCurrentOrientation(\n      width,\n      orientation,\n      isOrientationFixed,\n      horizontalOrientationMinWidth\n    );\n\n    if (\n      currentOrientation !== this.state.orientation ||\n      width !== this.state.width\n    ) {\n      this.setState({ orientation: currentOrientation, width });\n    }\n  }\n\n  /** @internal */\n  public override render() {\n    if (this.state.loadStart) {\n      return (\n        <div className=\"gmw-components-property-grid-loader\">\n          <ProgressRadial indeterminate />\n        </div>\n      );\n    }\n\n    return (\n      <div className=\"gmw-table-box-inner\">\n        <PropertyGridEventsRelatedPropsSupplier\n          isPropertySelectionEnabled={\n            this.props.isPropertySelectionEnabled ?? false\n          }\n          isPropertySelectionOnRightClickEnabled={\n            this.props.isPropertySelectionOnRightClickEnabled\n          }\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\n              className={classnames(\n                \"gmw-components-property-grid-wrapper\",\n                this.props.className\n              )}\n              style={this.props.style}\n            >\n              <div\n                className={classnames(\n                  \"gmw-components-property-grid\",\n                  \"components-smallEditor-host\"\n                )}\n              >\n                <div className=\"gmw-property-categories\">\n                  {this.state.categories.map(\n                    (categorizedRecords: CategorizedPropertyGridRecords) => (\n                      <NestedCategoryBlock\n                        {...selectionContext}\n                        key={categorizedRecords.category.name}\n                        categorizedRecords={categorizedRecords}\n                        onCategoryExpansionToggled={\n                          this._onCategoryExpansionToggled\n                        }\n                        orientation={this.state.orientation}\n                        propertyValueRendererManager={\n                          this.props.propertyValueRendererManager\n                        }\n                        actionButtonRenderers={this.props.actionButtonRenderers}\n                      />\n                    )\n                  )}\n                </div>\n              </div>\n              <ResizableContainerObserver onResize={this._onResize} />\n            </div>\n          )}\n        </PropertyGridEventsRelatedPropsSupplier>\n      </div>\n    );\n  }\n}\n\nfunction findCategory(\n  categories: CategorizedPropertyGridRecords[],\n  lookupName: string,\n  recurseIntoChildren: boolean\n): CategorizedPropertyGridRecords | undefined {\n  for (const category of categories) {\n    if (category.category.name === lookupName) {\n      return category;\n    }\n    if (recurseIntoChildren) {\n      const matchingChild = findCategory(\n        category.children,\n        lookupName,\n        recurseIntoChildren\n      );\n      if (matchingChild) {\n        return matchingChild;\n      }\n    }\n  }\n  return undefined;\n}\n\ninterface NestedCategoryBlockProps\n  extends Omit<\n  PropertyListProps,\n  keyof ColumnResizeRelatedPropertyListProps | \"properties\"\n  > {\n  categorizedRecords: CategorizedPropertyGridRecords;\n  onCategoryExpansionToggled: (categoryName: string) => void;\n  orientation: Orientation;\n}\nconst NestedCategoryBlock = (props: NestedCategoryBlockProps) => {\n  const [width, setWidth] = React.useState(1);\n  return (\n    <PropertyCategoryBlock\n      category={props.categorizedRecords.category}\n      onExpansionToggled={props.onCategoryExpansionToggled}\n    >\n      {props.categorizedRecords.records.length ? (\n        <ColumnResizingPropertyListPropsSupplier\n          orientation={props.orientation}\n          width={width}\n        >\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={\n                props.isPropertyRightClickSelectionEnabled\n              }\n              actionButtonRenderers={props.actionButtonRenderers}\n              setWidth={setWidth}\n              width={width}\n            />\n          )}\n        </ColumnResizingPropertyListPropsSupplier>\n      ) : undefined}\n      {props.categorizedRecords.children.length ? (\n        <div className=\"gmw-property-categories\">\n          {props.categorizedRecords.children.map((categorizedChildRecords) => (\n            <NestedCategoryBlock\n              {...props}\n              key={categorizedChildRecords.category.name}\n              categorizedRecords={categorizedChildRecords}\n            />\n          ))}\n        </div>\n      ) : undefined}\n    </PropertyCategoryBlock>\n  );\n};\n"]}

package/lib/cjs/widget/components/property-grid/PropertyGrid.scss

@@ -1,71 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import '~@itwin/core-react/lib/cjs/core-react/expandable/list';
-@import '~@itwin/core-react/lib/cjs/core-react/scrollbar';
-
-.gmw-components-property-grid-loader {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.gmw-components-property-grid {
-  .gmw-property-categories {
-    @include uicore-expandable-blocks-list;
-
-    display: grid;
-    grid-row-gap: 6px;
-    padding: 3px;
-  }
-
-  padding-top: 6px;
-  padding-bottom: 6px;
-
-  user-select: none;
-  color: $buic-foreground-body;
-}
-
-.gmw-components-property-grid-wrapper {
-  width: 100%;
-  height: 100%;
-  overflow-y: auto;
-
-  @include uicore-touch-scrolling;
-  @include uicore-scrollbar();
-}
-
-@mixin gmw-components-property-list {
-  width: 100%;
-
-  .gmw-components--selected {
-    background-color: $buic-row-selection;
-    outline: 1px solid $buic-foreground-primary;
-  }
-
-  .gmw-components--clickable {
-    cursor: pointer;
-
-    &:hover {
-      background: $buic-row-hover;
-    }
-  }
-
-  .gmw-components--hoverable:hover {
-    background-color: $buic-row-hover;
-  }
-}
-
-.gmw-components-property-list--horizontal {
-  @include gmw-components-property-list;
-
-  display: grid;
-  grid-row-gap: 0px;
-  overflow: hidden;
-}
-
-.gmw-components-property-list--vertical {
-  @include gmw-components-property-list;
-  // margin-top: -13px;
-}

package/lib/cjs/widget/components/property-grid/PropertyGridWrapper.d.ts

@@ -1,23 +0,0 @@
-import * as React from "react";
-import { PresentationPropertyDataProvider } from "@itwin/presentation-components";
-import "../customUI/GroupQueryBuilderCustomUI.scss";
-import type { KeySet } from "@itwin/presentation-common";
-import type { IModelConnection } from "@itwin/core-frontend";
-interface PropertyGridWrapperState {
-    dataProvider?: PresentationPropertyDataProvider;
-}
-interface PropertyProps {
-    keys: KeySet;
-    imodel?: IModelConnection;
-}
-export declare class PropertyGridWrapper extends React.Component<PropertyProps, PropertyGridWrapperState> {
-    static contextType: React.Context<import("../context/PropertyGridWrapperContext").PropertySelection>;
-    constructor(props: PropertyProps | Readonly<PropertyProps>);
-    private createPropertyDataProvider;
-    private createDataProvider;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: PropertyProps): void;
-    render(): JSX.Element;
-}
-export {};
-//# sourceMappingURL=PropertyGridWrapper.d.ts.map

package/lib/cjs/widget/components/property-grid/PropertyGridWrapper.js

@@ -1,77 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PropertyGridWrapper = void 0;
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-const React = __importStar(require("react"));
-const presentation_components_1 = require("@itwin/presentation-components");
-const PropertyGrid_1 = require("./PropertyGrid");
-require("../customUI/GroupQueryBuilderCustomUI.scss");
-const PropertyGridWrapperContext_1 = require("../context/PropertyGridWrapperContext");
-const QueryBuilder_1 = require("../QueryBuilder");
-/* This approach uses PresentationPropertyDataProvider to all the work of querying the backend and
-   providing the content to the PropertyGrid component. */
-class PropertyGridWrapper extends React.Component {
-    constructor(props) {
-        super(props);
-        this.createPropertyDataProvider = (keys, imodel) => {
-            const dataProvider = new presentation_components_1.PresentationPropertyDataProvider({
-                imodel,
-                ruleset: presentation_components_1.DEFAULT_PROPERTY_GRID_RULESET,
-            });
-            dataProvider.keys = keys;
-            dataProvider.isNestedPropertyCategoryGroupingEnabled = true;
-            return dataProvider;
-        };
-        this.state = {};
-    }
-    createDataProvider() {
-        if (!this.props.imodel || this.props.keys.isEmpty) {
-            this.setState({ dataProvider: undefined });
-            return;
-        }
-        const dataProvider = this.createPropertyDataProvider(this.props.keys, this.props.imodel);
-        this.context.setQueryBuilder(new QueryBuilder_1.QueryBuilder(dataProvider));
-        this.setState({ dataProvider });
-    }
-    componentDidMount() {
-        this.createDataProvider();
-    }
-    componentDidUpdate(prevProps) {
-        if (prevProps.keys === this.props.keys) {
-            return;
-        }
-        this.createDataProvider();
-    }
-    render() {
-        const dataProvider = this.state.dataProvider;
-        return (React.createElement(React.Fragment, null,
-            dataProvider && React.createElement(PropertyGrid_1.PropertyGrid, { dataProvider: dataProvider }),
-            !dataProvider && (React.createElement("div", { className: "gmw-select-element-hint" },
-                React.createElement("span", null, "Select an element to see its properties.")))));
-    }
-}
-exports.PropertyGridWrapper = PropertyGridWrapper;
-PropertyGridWrapper.contextType = PropertyGridWrapperContext_1.PropertyGridWrapperContext;
-//# sourceMappingURL=PropertyGridWrapper.js.map

package/lib/cjs/widget/components/property-grid/PropertyGridWrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PropertyGridWrapper.js","sourceRoot":"","sources":["../../../../../src/widget/components/property-grid/PropertyGridWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,6CAA+B;AAC/B,4EAAiH;AACjH,iDAA8C;AAC9C,sDAAoD;AACpD,sFAAmF;AACnF,kDAA+C;AAa/C;0DAC0D;AAC1D,MAAa,mBAAoB,SAAQ,KAAK,CAAC,SAG9C;IAEC,YAAY,KAA8C;QACxD,KAAK,CAAC,KAAK,CAAC,CAAC;QAIP,+BAA0B,GAAG,CAAC,IAAY,EAAE,MAAwB,EAAoC,EAAE;YAChH,MAAM,YAAY,GAAG,IAAI,0DAAgC,CAAC;gBACxD,MAAM;gBACN,OAAO,EAAE,uDAA6B;aACvC,CAAC,CAAC;YACH,YAAY,CAAC,IAAI,GAAG,IAAI,CAAC;YACzB,YAAY,CAAC,uCAAuC,GAAG,IAAI,CAAC;YAC5D,OAAO,YAAY,CAAC;QACtB,CAAC,CAAA;QAXC,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;IAClB,CAAC;IAYO,kBAAkB;QACxB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE;YACjD,IAAI,CAAC,QAAQ,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,CAAC;YAC3C,OAAO;SACR;QAED,MAAM,YAAY,GAAG,IAAI,CAAC,0BAA0B,CAClD,IAAI,CAAC,KAAK,CAAC,IAAI,EACf,IAAI,CAAC,KAAK,CAAC,MAAM,CAClB,CAAC;QACF,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,2BAAY,CAAC,YAAY,CAAC,CAAC,CAAC;QAE7D,IAAI,CAAC,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC;IAClC,CAAC;IAEe,iBAAiB;QAC/B,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAEe,kBAAkB,CAAC,SAAwB;QACzD,IAAI,SAAS,CAAC,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;YACtC,OAAO;SACR;QAED,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAEe,MAAM;QACpB,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC;QAC7C,OAAO,CACL;YACG,YAAY,IAAI,oBAAC,2BAAY,IAAC,YAAY,EAAE,YAAY,GAAI;YAC5D,CAAC,YAAY,IAAI,CAChB,6BAAK,SAAS,EAAC,yBAAyB;gBACtC,6EAAqD,CACjD,CACP,CACA,CACJ,CAAC;IACJ,CAAC;;AA3DH,kDA4DC;AAxDiB,+BAAW,GAAG,uDAA0B,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*--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport { DEFAULT_PROPERTY_GRID_RULESET, PresentationPropertyDataProvider } from \"@itwin/presentation-components\";\nimport { PropertyGrid } from \"./PropertyGrid\";\nimport \"../customUI/GroupQueryBuilderCustomUI.scss\";\nimport { PropertyGridWrapperContext } from \"../context/PropertyGridWrapperContext\";\nimport { QueryBuilder } from \"../QueryBuilder\";\nimport type { KeySet } from \"@itwin/presentation-common\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\n\ninterface PropertyGridWrapperState {\n  dataProvider?: PresentationPropertyDataProvider;\n}\n\ninterface PropertyProps {\n  keys: KeySet;\n  imodel?: IModelConnection;\n}\n\n/* This approach uses PresentationPropertyDataProvider to all the work of querying the backend and\n   providing the content to the PropertyGrid component. */\nexport class PropertyGridWrapper extends React.Component<\nPropertyProps,\nPropertyGridWrapperState\n> {\n  static override contextType = PropertyGridWrapperContext;\n  constructor(props: PropertyProps | Readonly<PropertyProps>) {\n    super(props);\n    this.state = {};\n  }\n\n  private createPropertyDataProvider = (keys: KeySet, imodel: IModelConnection): PresentationPropertyDataProvider => {\n    const dataProvider = new PresentationPropertyDataProvider({\n      imodel,\n      ruleset: DEFAULT_PROPERTY_GRID_RULESET,\n    });\n    dataProvider.keys = keys;\n    dataProvider.isNestedPropertyCategoryGroupingEnabled = true;\n    return dataProvider;\n  }\n\n  private createDataProvider() {\n    if (!this.props.imodel || this.props.keys.isEmpty) {\n      this.setState({ dataProvider: undefined });\n      return;\n    }\n\n    const dataProvider = this.createPropertyDataProvider(\n      this.props.keys,\n      this.props.imodel\n    );\n    this.context.setQueryBuilder(new QueryBuilder(dataProvider));\n\n    this.setState({ dataProvider });\n  }\n\n  public override componentDidMount() {\n    this.createDataProvider();\n  }\n\n  public override componentDidUpdate(prevProps: PropertyProps) {\n    if (prevProps.keys === this.props.keys) {\n      return;\n    }\n\n    this.createDataProvider();\n  }\n\n  public override render() {\n    const dataProvider = this.state.dataProvider;\n    return (\n      <>\n        {dataProvider && <PropertyGrid dataProvider={dataProvider} />}\n        {!dataProvider && (\n          <div className=\"gmw-select-element-hint\">\n            <span>Select an element to see its properties.</span>\n          </div>\n        )}\n      </>\n    );\n  }\n}\n"]}

package/lib/cjs/widget/components/property-grid/PropertyList.d.ts

@@ -1,69 +0,0 @@
-/** @packageDocumentation
- * @module PropertyGrid
- */
-import * as React from "react";
-import type { PropertyRecord } from "@itwin/appui-abstract";
-import type { CommonProps, RatioChangeResult } from "@itwin/core-react";
-import { Orientation } from "@itwin/core-react";
-import type { ActionButtonRenderer, PropertyCategory, PropertyUpdatedArgs, PropertyValueRendererManager } from "@itwin/components-react";
-import type { PropertyGridColumnInfo } from "@itwin/components-react/lib/cjs/components-react/properties/renderers/PropertyGridColumns";
-/** Properties of [[PropertyList]] React component
- * @public
- */
-export interface PropertyListProps extends CommonProps {
-    orientation: Orientation;
-    category?: PropertyCategory;
-    properties: PropertyRecord[];
-    selectedPropertyKey?: string;
-    onPropertyClicked?: (property: PropertyRecord, key?: string) => void;
-    onPropertyRightClicked?: (property: PropertyRecord, key?: string) => void;
-    onPropertyContextMenu?: (property: PropertyRecord, e: React.MouseEvent) => void;
-    columnRatio?: number;
-    /** Callback to column ratio changed event */
-    onColumnChanged?: (ratio: number) => void | RatioChangeResult;
-    propertyValueRendererManager?: PropertyValueRendererManager;
-    editingPropertyKey?: string;
-    onEditCommit?: (args: PropertyUpdatedArgs, category: PropertyCategory) => void;
-    onEditCancel?: () => void;
-    /** Enables/disables property hovering effect */
-    isPropertyHoverEnabled?: boolean;
-    /** Enables/disables property selection */
-    isPropertySelectionEnabled?: boolean;
-    /** Enables/disables property right click selection */
-    isPropertyRightClickSelectionEnabled?: boolean;
-    /** Array of action button renderers */
-    actionButtonRenderers?: ActionButtonRenderer[];
-    /** Is resize handle hovered */
-    isResizeHandleHovered?: boolean;
-    /** Callback to hover event change */
-    onResizeHandleHoverChanged?: (isHovered: boolean) => void;
-    /** Is resize handle being dragged */
-    isResizeHandleBeingDragged?: boolean;
-    /** Callback to drag event change */
-    onResizeHandleDragChanged?: (isDragStarted: boolean) => void;
-    /** Information for styling property grid columns */
-    columnInfo?: PropertyGridColumnInfo;
-    setWidth?: React.Dispatch<React.SetStateAction<number>>;
-    width: number;
-}
-/**
- * Get unique key for property record
- * @internal
- */
-export declare function getPropertyKey(propertyCategory: PropertyCategory, propertyRecord: PropertyRecord): string;
-/** A React component that renders multiple properties within a category as a list.
- * @public
- */
-export declare class PropertyList extends React.Component<PropertyListProps> {
-    constructor(props: PropertyListProps);
-    private _listRef;
-    private _onEditCommit;
-    private afterRender;
-    /** @internal */
-    componentDidMount(): void;
-    /** @internal */
-    componentDidUpdate(): void;
-    /** @internal */
-    render(): JSX.Element;
-}
-//# sourceMappingURL=PropertyList.d.ts.map

package/lib/cjs/widget/components/property-grid/PropertyList.js

@@ -1,87 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module PropertyGrid
- */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PropertyList = exports.getPropertyKey = void 0;
-const classnames_1 = __importDefault(require("classnames"));
-const React = __importStar(require("react"));
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const core_react_1 = require("@itwin/core-react");
-const PropertyRender_1 = require("./PropertyRender");
-/**
- * Get unique key for property record
- * @internal
- */
-function getPropertyKey(propertyCategory, propertyRecord) {
-    return propertyCategory.name + propertyRecord.property.name;
-}
-exports.getPropertyKey = getPropertyKey;
-/** A React component that renders multiple properties within a category as a list.
- * @public
- */
-class PropertyList extends React.Component {
-    constructor(props) {
-        super(props);
-        this._listRef = React.createRef();
-        this._onEditCommit = (args) => {
-            // istanbul ignore else
-            if (this.props.onEditCommit && this.props.category)
-                this.props.onEditCommit(args, this.props.category);
-        };
-    }
-    afterRender() {
-        if (this.props.orientation !== core_react_1.Orientation.Horizontal ||
-            !this._listRef.current) {
-            return;
-        }
-        const width = this._listRef.current.getBoundingClientRect().width;
-        if (this.props.setWidth && width !== this.props.width) {
-            this.props.setWidth(width);
-        }
-    }
-    /** @internal */
-    componentDidMount() {
-        this.afterRender();
-    }
-    /** @internal */
-    componentDidUpdate() {
-        this.afterRender();
-    }
-    /** @internal */
-    render() {
-        const propertyListClassName = classnames_1.default((this.props.orientation === core_react_1.Orientation.Horizontal) ? "gmw-components-property-list--horizontal" : "gmw-components-property-list--vertical", this.props.className);
-        return (React.createElement("div", { className: propertyListClassName, style: this.props.style, ref: this._listRef }, this.props.properties.map((propertyRecord) => {
-            const key = this.props.category ? getPropertyKey(this.props.category, propertyRecord) : propertyRecord.property.name;
-            return (React.createElement(PropertyRender_1.PropertyRenderer, { key: key, uniqueKey: key, isHoverable: this.props.isPropertyHoverEnabled, isSelectable: this.props.isPropertySelectionEnabled, isSelected: key === this.props.selectedPropertyKey, propertyRecord: propertyRecord, orientation: this.props.orientation, onClick: propertyRecord.value.valueFormat === appui_abstract_1.PropertyValueFormat.Primitive ? this.props.onPropertyClicked : undefined, onRightClick: propertyRecord.value.valueFormat === appui_abstract_1.PropertyValueFormat.Primitive ? this.props.onPropertyRightClicked : undefined, onContextMenu: this.props.onPropertyContextMenu, columnRatio: this.props.columnRatio, onColumnRatioChanged: this.props.onColumnChanged, propertyValueRendererManager: this.props.propertyValueRendererManager, isEditing: key === this.props.editingPropertyKey, onEditCommit: this._onEditCommit, onEditCancel: this.props.onEditCancel, actionButtonRenderers: this.props.actionButtonRenderers, isResizeHandleHovered: this.props.isResizeHandleHovered, onResizeHandleHoverChanged: this.props.onResizeHandleHoverChanged, isResizeHandleBeingDragged: this.props.isResizeHandleBeingDragged, onResizeHandleDragChanged: this.props.onResizeHandleDragChanged, columnInfo: this.props.columnInfo, width: this.props.width }));
-        })));
-    }
-}
-exports.PropertyList = PropertyList;
-//# sourceMappingURL=PropertyList.js.map

package/lib/cjs/widget/components/property-grid/PropertyList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PropertyList.js","sourceRoot":"","sources":["../../../../../src/widget/components/property-grid/PropertyList.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/** @packageDocumentation\n * @module PropertyGrid\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { PropertyRecord} from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport type { CommonProps, RatioChangeResult } from \"@itwin/core-react\";\nimport { Orientation } from \"@itwin/core-react\";\nimport type {\n  ActionButtonRenderer,\n  PropertyCategory,\n  PropertyUpdatedArgs,\n  PropertyValueRendererManager,\n} from \"@itwin/components-react\";\n\nimport { PropertyRenderer } from \"./PropertyRender\";\nimport type { PropertyGridColumnInfo } from \"@itwin/components-react/lib/cjs/components-react/properties/renderers/PropertyGridColumns\";\n\n/** Properties of [[PropertyList]] React component\n * @public\n */\nexport interface PropertyListProps extends CommonProps {\n  orientation: Orientation;\n  category?: PropertyCategory;\n  properties: PropertyRecord[];\n  selectedPropertyKey?: string;\n  onPropertyClicked?: (property: PropertyRecord, key?: string) => void;\n  onPropertyRightClicked?: (property: PropertyRecord, key?: string) => void;\n  onPropertyContextMenu?: (property: PropertyRecord, e: React.MouseEvent) => void;\n  columnRatio?: number;\n  /** Callback to column ratio changed event */\n  onColumnChanged?: (ratio: number) => void | RatioChangeResult;\n  propertyValueRendererManager?: PropertyValueRendererManager;\n  editingPropertyKey?: string;\n  onEditCommit?: (args: PropertyUpdatedArgs, category: PropertyCategory) => void;\n  onEditCancel?: () => void;\n  /** Enables/disables property hovering effect */\n  isPropertyHoverEnabled?: boolean;\n  /** Enables/disables property selection */\n  isPropertySelectionEnabled?: boolean;\n  /** Enables/disables property right click selection */\n  isPropertyRightClickSelectionEnabled?: boolean;\n  /** Array of action button renderers */\n  actionButtonRenderers?: ActionButtonRenderer[];\n  /** Is resize handle hovered */\n  isResizeHandleHovered?: boolean;\n  /** Callback to hover event change */\n  onResizeHandleHoverChanged?: (isHovered: boolean) => void;\n  /** Is resize handle being dragged */\n  isResizeHandleBeingDragged?: boolean;\n  /** Callback to drag event change */\n  onResizeHandleDragChanged?: (isDragStarted: boolean) => void;\n  /** Information for styling property grid columns */\n  columnInfo?: PropertyGridColumnInfo;\n  setWidth?: React.Dispatch<React.SetStateAction<number>>;\n  width: number;\n}\n\n/**\n * Get unique key for property record\n * @internal\n */\nexport function getPropertyKey(propertyCategory: PropertyCategory, propertyRecord: PropertyRecord) {\n  return propertyCategory.name + propertyRecord.property.name;\n}\n\n/** A React component that renders multiple properties within a category as a list.\n * @public\n */\nexport class PropertyList extends React.Component<PropertyListProps> {\n\n  constructor(props: PropertyListProps) {\n    super(props);\n  }\n\n  private _listRef = React.createRef<HTMLDivElement>();\n\n  private _onEditCommit = (args: PropertyUpdatedArgs) => {\n    // istanbul ignore else\n    if (this.props.onEditCommit && this.props.category)\n      this.props.onEditCommit(args, this.props.category);\n  };\n\n  private afterRender() {\n    if (\n      this.props.orientation !== Orientation.Horizontal ||\n      !this._listRef.current\n    ) {\n      return;\n    }\n    const width = this._listRef.current.getBoundingClientRect().width;\n    if (this.props.setWidth && width !== this.props.width) {\n      this.props.setWidth(width);\n    }\n  }\n\n  /** @internal */\n  public override componentDidMount() {\n    this.afterRender();\n  }\n\n  /** @internal */\n  public override componentDidUpdate() {\n    this.afterRender();\n  }\n\n  /** @internal */\n  public override render() {\n    const propertyListClassName = classnames(\n      (this.props.orientation === Orientation.Horizontal) ? \"gmw-components-property-list--horizontal\" : \"gmw-components-property-list--vertical\",\n      this.props.className,\n    );\n\n    return (\n      <div className={propertyListClassName} style={this.props.style} ref={this._listRef}>\n        {this.props.properties.map((propertyRecord: PropertyRecord) => {\n          const key = this.props.category ? getPropertyKey(this.props.category, propertyRecord) : propertyRecord.property.name;\n          return (\n            <PropertyRenderer\n              key={key}\n              uniqueKey={key}\n              isHoverable={this.props.isPropertyHoverEnabled}\n              isSelectable={this.props.isPropertySelectionEnabled}\n              isSelected={key === this.props.selectedPropertyKey}\n              propertyRecord={propertyRecord}\n              orientation={this.props.orientation}\n              onClick={propertyRecord.value.valueFormat === PropertyValueFormat.Primitive ? this.props.onPropertyClicked : undefined}\n              onRightClick={propertyRecord.value.valueFormat === PropertyValueFormat.Primitive ? this.props.onPropertyRightClicked : undefined}\n              onContextMenu={this.props.onPropertyContextMenu}\n              columnRatio={this.props.columnRatio}\n              onColumnRatioChanged={this.props.onColumnChanged}\n              propertyValueRendererManager={this.props.propertyValueRendererManager}\n              isEditing={key === this.props.editingPropertyKey}\n              onEditCommit={this._onEditCommit}\n              onEditCancel={this.props.onEditCancel}\n              actionButtonRenderers={this.props.actionButtonRenderers}\n              isResizeHandleHovered={this.props.isResizeHandleHovered}\n              onResizeHandleHoverChanged={this.props.onResizeHandleHoverChanged}\n              isResizeHandleBeingDragged={this.props.isResizeHandleBeingDragged}\n              onResizeHandleDragChanged={this.props.onResizeHandleDragChanged}\n              columnInfo={this.props.columnInfo}\n              width={this.props.width}\n            />);\n        })}\n      </div>\n    );\n  }\n}\n"]}