@itwin/grouping-mapping-widget 0.12.0 → 0.13.0

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

@@ -1,232 +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.PropertyView = 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_1 = __importStar(require("react"));
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const core_react_1 = require("@itwin/core-react");
-const components_react_1 = require("@itwin/components-react");
-require("./PropertyView.scss");
-const PropertyGridColumns_1 = require("@itwin/components-react/lib/cjs/components-react/properties/renderers/PropertyGridColumns");
-const itwinui_react_1 = require("@itwin/itwinui-react");
-const CommonPropertyRenderer_1 = require("@itwin/components-react/lib/cjs/components-react/properties/renderers/CommonPropertyRenderer");
-const PropertyGridWrapperContext_1 = require("../context/PropertyGridWrapperContext");
-/**
- * A React component that renders property as label/value pair
- * @public
- */
-const PropertyView = (props) => {
-    var _a;
-    const [isCheckboxLoading, setIsCheckboxLoading] = react_1.useState(false);
-    const { currentPropertyList, queryBuilder, setCurrentPropertyList, setQuery, isUpdating, } = PropertyGridWrapperContext_1.usePropertyGridWrapper();
-    const _validatePropertySelection = () => {
-        if (currentPropertyList.includes(props.propertyRecord)) {
-            return true;
-        }
-        // Check if all subproperties are selected
-        if (!_validateNestedPropertiesSelection(props.propertyRecord)) {
-            return false;
-        }
-        return true;
-    };
-    const _validateNestedPropertiesSelection = (prop) => {
-        switch (prop.value.valueFormat) {
-            case appui_abstract_1.PropertyValueFormat.Primitive:
-                if (!currentPropertyList.includes(prop)) {
-                    return false;
-                }
-                break;
-            case appui_abstract_1.PropertyValueFormat.Array:
-                if (prop.value.items.length === 0) {
-                    if (!currentPropertyList.includes(prop)) {
-                        return false;
-                    }
-                }
-                break;
-            case appui_abstract_1.PropertyValueFormat.Struct:
-                for (const subPropName in prop.value.members) {
-                    if (Object.prototype.hasOwnProperty.call(prop.value.members, subPropName)) {
-                        if (!_validateNestedPropertiesSelection(prop.value.members[subPropName])) {
-                            return false;
-                        }
-                    }
-                }
-        }
-        return true;
-    };
-    const [isHovered, setIsHovered] = react_1.useState(false);
-    const [isPropertySelected, setIsPropertySelected] = react_1.useState(_validatePropertySelection());
-    const _addSelectedProperty = react_1.useCallback(async (prop) => {
-        var _a;
-        // TODO: roof selected item/category value is an object but format is primitive(needs further exploration)
-        if (!currentPropertyList.includes(prop) &&
-            prop.value.valueFormat === appui_abstract_1.PropertyValueFormat.Primitive) {
-            if (!(await (queryBuilder === null || queryBuilder === void 0 ? void 0 : queryBuilder.addProperty(prop)))) {
-                setIsCheckboxLoading(false);
-                setIsPropertySelected(false);
-                return;
-            }
-            setCurrentPropertyList(currentPropertyList.concat(prop));
-            setQuery((_a = queryBuilder === null || queryBuilder === void 0 ? void 0 : queryBuilder.buildQueryString()) !== null && _a !== void 0 ? _a : "");
-        }
-    }, [currentPropertyList, queryBuilder, setCurrentPropertyList, setQuery]);
-    const _addNestedProperties = react_1.useCallback((prop) => {
-        switch (prop.value.valueFormat) {
-            case appui_abstract_1.PropertyValueFormat.Primitive:
-                void _addSelectedProperty(prop);
-                break;
-            case appui_abstract_1.PropertyValueFormat.Array:
-                if (prop.value.items.length === 0) {
-                    void _addSelectedProperty(prop);
-                }
-                break;
-            case appui_abstract_1.PropertyValueFormat.Struct:
-                for (const subPropName in prop.value.members) {
-                    if (Object.prototype.hasOwnProperty.call(prop.value.members, subPropName)) {
-                        _addNestedProperties(prop.value.members[subPropName]);
-                    }
-                }
-        }
-    }, [_addSelectedProperty]);
-    const _removeSelectedProperty = react_1.useCallback(async (prop) => {
-        var _a;
-        if (currentPropertyList.includes(prop)) {
-            setCurrentPropertyList(currentPropertyList.filter((x) => x !== prop));
-            await (queryBuilder === null || queryBuilder === void 0 ? void 0 : queryBuilder.removeProperty(prop));
-            setQuery((_a = queryBuilder === null || queryBuilder === void 0 ? void 0 : queryBuilder.buildQueryString()) !== null && _a !== void 0 ? _a : "");
-        }
-    }, [currentPropertyList, queryBuilder, setCurrentPropertyList, setQuery]);
-    const _removeNestedProperties = react_1.useCallback((prop) => {
-        switch (prop.value.valueFormat) {
-            case appui_abstract_1.PropertyValueFormat.Primitive:
-                void _removeSelectedProperty(prop);
-                break;
-            case appui_abstract_1.PropertyValueFormat.Array:
-                if (prop.value.items.length === 0) {
-                    void _removeSelectedProperty(prop);
-                }
-                break;
-            case appui_abstract_1.PropertyValueFormat.Struct:
-                for (const subPropName in prop.value.members) {
-                    if (Object.prototype.hasOwnProperty.call(prop.value.members, subPropName)) {
-                        _removeNestedProperties(prop.value.members[subPropName]);
-                    }
-                }
-        }
-    }, [_removeSelectedProperty]);
-    react_1.useEffect(() => {
-        if (!currentPropertyList.includes(props.propertyRecord)) {
-            setIsPropertySelected(false);
-        }
-    }, [currentPropertyList, props.propertyRecord]);
-    react_1.useEffect(() => {
-        if (props === null || props === void 0 ? void 0 : props.propertyRecord) {
-            if (isPropertySelected) {
-                if (isUpdating) {
-                    setIsCheckboxLoading(true);
-                }
-                _addNestedProperties(props.propertyRecord);
-            }
-            else {
-                _removeNestedProperties(props.propertyRecord);
-            }
-        }
-    }, [
-        _addNestedProperties,
-        _removeNestedProperties,
-        isPropertySelected,
-        props.propertyRecord,
-        isUpdating,
-    ]);
-    react_1.useEffect(() => {
-        if (!isUpdating) {
-            setIsCheckboxLoading(false);
-        }
-    }, [isUpdating]);
-    const _onPropertySelectionChanged = () => {
-        setIsPropertySelected(!isPropertySelected);
-    };
-    const _onClick = () => {
-        if (props.onClick) {
-            props.onClick(props.propertyRecord, props.uniqueKey);
-        }
-    };
-    const _onMouseEnter = () => {
-        if (props.isHoverable) {
-            setIsHovered(true);
-        }
-    };
-    const _onMouseLeave = () => {
-        if (props.isHoverable) {
-            setIsHovered(false);
-        }
-    };
-    const _onContextMenu = (e) => {
-        if (props.onContextMenu) {
-            props.onContextMenu(props.propertyRecord, e);
-        }
-        if (props.onRightClick) {
-            props.onRightClick(props.propertyRecord, props.uniqueKey);
-        }
-        e.preventDefault();
-        return false;
-    };
-    const getClassName = (viewProps) => {
-        let propertyRecordClassName = viewProps.orientation === core_react_1.Orientation.Horizontal
-            ? "gmw-components-property-record--horizontal"
-            : "gmw-components-property-record--vertical";
-        if (viewProps.isSelected) {
-            propertyRecordClassName += " components--selected";
-        }
-        if (viewProps.onClick) {
-            propertyRecordClassName += " components--clickable";
-        }
-        if (viewProps.isHoverable) {
-            propertyRecordClassName += " components--hoverable";
-        }
-        return propertyRecordClassName;
-    };
-    const ratio = props.columnRatio ? props.columnRatio : 0.25;
-    const needElementSeparator = props.orientation === core_react_1.Orientation.Horizontal &&
-        !!props.onColumnRatioChanged;
-    const needActionButtons = !!props.actionButtonRenderers;
-    const columnsStyleProvider = new PropertyGridColumns_1.PropertyGridColumnStyleProvider(props.columnInfo);
-    const offset = CommonPropertyRenderer_1.CommonPropertyRenderer.getLabelOffset(props.indentation, props.orientation, props.width, props.columnRatio, (_a = props.columnInfo) === null || _a === void 0 ? void 0 : _a.minLabelWidth);
-    return (react_1.default.createElement("div", { style: columnsStyleProvider.getStyle(props.orientation, needActionButtons, ratio, needElementSeparator), className: getClassName(props), onClick: _onClick, onContextMenu: _onContextMenu, onMouseEnter: _onMouseEnter, onMouseLeave: _onMouseLeave, role: "presentation" },
-        react_1.default.createElement("div", { className: "gmw-components-property-record-label" },
-            props.propertyRecord.value.valueFormat ===
-                appui_abstract_1.PropertyValueFormat.Primitive && (react_1.default.createElement(itwinui_react_1.Checkbox, { style: { marginLeft: offset }, className: "gmw-components-property-selection-checkbox", checked: isPropertySelected, onChange: _onPropertySelectionChanged, disabled: isUpdating ||
-                    props.propertyRecord.value.value === undefined, isLoading: isCheckboxLoading })),
-            props.labelElement),
-        needElementSeparator ? (react_1.default.createElement(core_react_1.ElementSeparator, { movableArea: props.width, onRatioChanged: props.onColumnRatioChanged, ratio: ratio, orientation: props.orientation, isResizeHandleHovered: props.isResizeHandleHovered, onResizeHandleHoverChanged: props.onResizeHandleHoverChanged, isResizeHandleBeingDragged: props.isResizeHandleBeingDragged, onResizeHandleDragChanged: props.onResizeHandleDragChanged })) : undefined,
-        props.propertyRecord.value.valueFormat ===
-            appui_abstract_1.PropertyValueFormat.Primitive ? (react_1.default.createElement("div", { className: "gmw-components-property-record-value" },
-            react_1.default.createElement("span", null, props.valueElementRenderer
-                ? props.valueElementRenderer()
-                : props.valueElement))) : undefined,
-        props.actionButtonRenderers ? (react_1.default.createElement(components_react_1.ActionButtonList, { orientation: props.orientation, property: props.propertyRecord, isPropertyHovered: isHovered, actionButtonRenderers: props.actionButtonRenderers })) : undefined));
-};
-exports.PropertyView = PropertyView;
-//# sourceMappingURL=PropertyView.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PropertyView.js","sourceRoot":"","sources":["../../../../../src/widget/components/property-grid/PropertyView.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 React, { useCallback, useEffect, useState } from \"react\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { ElementSeparator, Orientation } from \"@itwin/core-react\";\nimport { ActionButtonList } from \"@itwin/components-react\";\nimport \"./PropertyView.scss\";\nimport type { SharedRendererProps } from \"./PropertyRender\";\nimport { PropertyGridColumnStyleProvider } from \"@itwin/components-react/lib/cjs/components-react/properties/renderers/PropertyGridColumns\";\nimport { Checkbox } from \"@itwin/itwinui-react\";\nimport { CommonPropertyRenderer } from \"@itwin/components-react/lib/cjs/components-react/properties/renderers/CommonPropertyRenderer\";\nimport { usePropertyGridWrapper } from \"../context/PropertyGridWrapperContext\";\n\n/** Properties of [[PropertyView]] React component\n * @public\n */\nexport interface PropertyViewProps extends SharedRendererProps {\n  /** Property label as a React element */\n  labelElement: React.ReactNode;\n  /** Property value as a React element */\n  valueElement?: React.ReactNode;\n  /** Render callback for property value. If specified, `valueElement` is ignored. */\n  valueElementRenderer?: () => React.ReactNode;\n  /** Multiplier of how much the property is indented to the right */\n  indentation?: number;\n}\n\n/**\n * A React component that renders property as label/value pair\n * @public\n */\nexport const PropertyView = (props: PropertyViewProps) => {\n  const [isCheckboxLoading, setIsCheckboxLoading] = useState(false);\n  const {\n    currentPropertyList,\n    queryBuilder,\n    setCurrentPropertyList,\n    setQuery,\n    isUpdating,\n  } = usePropertyGridWrapper();\n\n  const _validatePropertySelection = () => {\n    if (currentPropertyList.includes(props.propertyRecord)) {\n      return true;\n    }\n    // Check if all subproperties are selected\n    if (!_validateNestedPropertiesSelection(props.propertyRecord)) {\n      return false;\n    }\n    return true;\n  };\n\n  const _validateNestedPropertiesSelection = (prop: PropertyRecord) => {\n    switch (prop.value.valueFormat) {\n      case PropertyValueFormat.Primitive:\n        if (!currentPropertyList.includes(prop)) {\n          return false;\n        }\n        break;\n      case PropertyValueFormat.Array:\n        if (prop.value.items.length === 0) {\n          if (!currentPropertyList.includes(prop)) {\n            return false;\n          }\n        }\n        break;\n      case PropertyValueFormat.Struct:\n        for (const subPropName in prop.value.members) {\n          if (\n            Object.prototype.hasOwnProperty.call(\n              prop.value.members,\n              subPropName\n            )\n          ) {\n            if (\n              !_validateNestedPropertiesSelection(\n                prop.value.members[subPropName]\n              )\n            ) {\n              return false;\n            }\n          }\n        }\n    }\n    return true;\n  };\n\n  const [isHovered, setIsHovered] = useState<boolean>(false);\n  const [isPropertySelected, setIsPropertySelected] = useState<boolean>(\n    _validatePropertySelection()\n  );\n\n  const _addSelectedProperty = useCallback(\n    async (prop: PropertyRecord) => {\n      // TODO: roof selected item/category value is an object but format is primitive(needs further exploration)\n      if (\n        !currentPropertyList.includes(prop) &&\n        prop.value.valueFormat === PropertyValueFormat.Primitive\n      ) {\n        if (!(await queryBuilder?.addProperty(prop))) {\n          setIsCheckboxLoading(false);\n          setIsPropertySelected(false);\n          return;\n        }\n        setCurrentPropertyList(\n          currentPropertyList.concat(prop)\n        );\n        setQuery(queryBuilder?.buildQueryString() ?? \"\");\n      }\n    },\n    [currentPropertyList, queryBuilder, setCurrentPropertyList, setQuery]\n  );\n\n  const _addNestedProperties = useCallback(\n    (prop: PropertyRecord) => {\n      switch (prop.value.valueFormat) {\n        case PropertyValueFormat.Primitive:\n          void _addSelectedProperty(prop);\n          break;\n        case PropertyValueFormat.Array:\n          if (prop.value.items.length === 0) {\n            void _addSelectedProperty(prop);\n          }\n          break;\n        case PropertyValueFormat.Struct:\n          for (const subPropName in prop.value.members) {\n            if (\n              Object.prototype.hasOwnProperty.call(\n                prop.value.members,\n                subPropName\n              )\n            ) {\n              _addNestedProperties(prop.value.members[subPropName]);\n            }\n          }\n      }\n    },\n    [_addSelectedProperty]\n  );\n\n  const _removeSelectedProperty = useCallback(\n    async (prop: PropertyRecord): Promise<void> => {\n      if (currentPropertyList.includes(prop)) {\n        setCurrentPropertyList(\n          currentPropertyList.filter((x: PropertyRecord) => x !== prop)\n        );\n        await queryBuilder?.removeProperty(prop);\n        setQuery(queryBuilder?.buildQueryString() ?? \"\");\n      }\n    },\n    [currentPropertyList, queryBuilder, setCurrentPropertyList, setQuery]\n  );\n\n  const _removeNestedProperties = useCallback(\n    (prop: PropertyRecord) => {\n      switch (prop.value.valueFormat) {\n        case PropertyValueFormat.Primitive:\n          void _removeSelectedProperty(prop);\n          break;\n        case PropertyValueFormat.Array:\n          if (prop.value.items.length === 0) {\n            void _removeSelectedProperty(prop);\n          }\n          break;\n        case PropertyValueFormat.Struct:\n          for (const subPropName in prop.value.members) {\n            if (\n              Object.prototype.hasOwnProperty.call(\n                prop.value.members,\n                subPropName\n              )\n            ) {\n              _removeNestedProperties(prop.value.members[subPropName]);\n            }\n          }\n      }\n    },\n    [_removeSelectedProperty]\n  );\n\n  useEffect(() => {\n    if (!currentPropertyList.includes(props.propertyRecord)) {\n      setIsPropertySelected(false);\n    }\n  }, [currentPropertyList, props.propertyRecord]);\n\n  useEffect(() => {\n    if (props?.propertyRecord) {\n      if (isPropertySelected) {\n        if (isUpdating) {\n          setIsCheckboxLoading(true);\n        }\n        _addNestedProperties(props.propertyRecord);\n      } else {\n        _removeNestedProperties(props.propertyRecord);\n      }\n    }\n  }, [\n    _addNestedProperties,\n    _removeNestedProperties,\n    isPropertySelected,\n    props.propertyRecord,\n    isUpdating,\n  ]);\n\n  useEffect(() => {\n    if (!isUpdating) {\n      setIsCheckboxLoading(false);\n    }\n  }, [isUpdating]);\n\n  const _onPropertySelectionChanged = () => {\n    setIsPropertySelected(!isPropertySelected);\n  };\n\n  const _onClick = () => {\n    if (props.onClick) {\n      props.onClick(props.propertyRecord, props.uniqueKey);\n    }\n  };\n\n  const _onMouseEnter = () => {\n    if (props.isHoverable) {\n      setIsHovered(true);\n    }\n  };\n\n  const _onMouseLeave = () => {\n    if (props.isHoverable) {\n      setIsHovered(false);\n    }\n  };\n\n  const _onContextMenu = (e: React.MouseEvent) => {\n    if (props.onContextMenu) {\n      props.onContextMenu(props.propertyRecord, e);\n    }\n    if (props.onRightClick) {\n      props.onRightClick(props.propertyRecord, props.uniqueKey);\n    }\n    e.preventDefault();\n    return false;\n  };\n\n  const getClassName = (viewProps: PropertyViewProps) => {\n    let propertyRecordClassName =\n      viewProps.orientation === Orientation.Horizontal\n        ? \"gmw-components-property-record--horizontal\"\n        : \"gmw-components-property-record--vertical\";\n    if (viewProps.isSelected) {\n      propertyRecordClassName += \" components--selected\";\n    }\n    if (viewProps.onClick) {\n      propertyRecordClassName += \" components--clickable\";\n    }\n    if (viewProps.isHoverable) {\n      propertyRecordClassName += \" components--hoverable\";\n    }\n    return propertyRecordClassName;\n  };\n\n  const ratio = props.columnRatio ? props.columnRatio : 0.25;\n  const needElementSeparator =\n    props.orientation === Orientation.Horizontal &&\n    !!props.onColumnRatioChanged;\n  const needActionButtons = !!props.actionButtonRenderers;\n  const columnsStyleProvider = new PropertyGridColumnStyleProvider(\n    props.columnInfo\n  );\n\n  const offset = CommonPropertyRenderer.getLabelOffset(\n    props.indentation,\n    props.orientation,\n    props.width,\n    props.columnRatio,\n    props.columnInfo?.minLabelWidth\n  );\n\n  return (\n    <div\n      style={columnsStyleProvider.getStyle(\n        props.orientation,\n        needActionButtons,\n        ratio,\n        needElementSeparator\n      )}\n      className={getClassName(props)}\n      onClick={_onClick}\n      onContextMenu={_onContextMenu}\n      onMouseEnter={_onMouseEnter}\n      onMouseLeave={_onMouseLeave}\n      role=\"presentation\"\n    >\n      <div className=\"gmw-components-property-record-label\">\n        {props.propertyRecord.value.valueFormat ===\n          PropertyValueFormat.Primitive && (\n          <Checkbox\n            style={{ marginLeft: offset }}\n            className=\"gmw-components-property-selection-checkbox\"\n            checked={isPropertySelected}\n            onChange={_onPropertySelectionChanged}\n            disabled={\n              isUpdating ||\n                props.propertyRecord.value.value === undefined\n            }\n            isLoading={isCheckboxLoading}\n          />\n        )}\n        {props.labelElement}\n      </div>\n      {needElementSeparator ? (\n        <ElementSeparator\n          movableArea={props.width}\n          onRatioChanged={props.onColumnRatioChanged}\n          ratio={ratio}\n          orientation={props.orientation}\n          isResizeHandleHovered={props.isResizeHandleHovered}\n          onResizeHandleHoverChanged={props.onResizeHandleHoverChanged}\n          isResizeHandleBeingDragged={props.isResizeHandleBeingDragged}\n          onResizeHandleDragChanged={props.onResizeHandleDragChanged}\n        />\n      ) : undefined}\n      {props.propertyRecord.value.valueFormat ===\n        PropertyValueFormat.Primitive ? (\n          <div className=\"gmw-components-property-record-value\">\n            <span>\n              {props.valueElementRenderer\n                ? props.valueElementRenderer()\n                : props.valueElement}\n            </span>\n          </div>\n        ) : undefined}\n      {props.actionButtonRenderers ? (\n        <ActionButtonList\n          orientation={props.orientation}\n          property={props.propertyRecord}\n          isPropertyHovered={isHovered}\n          actionButtonRenderers={props.actionButtonRenderers}\n        />\n      ) : undefined}\n    </div>\n  );\n};\n"]}

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

@@ -1,77 +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/style/themecolors';
-@import '~@itwin/itwinui-css/scss/style/typography';
-@import '~@itwin/itwinui-css/scss/variables';
-
-$text-font-size: $iui-font-size;
-$text-font-color: $buic-text-color;
-
-.gmw-components-property-record--horizontal {
-  height: 100%;
-  display: grid;
-  padding: 0 8px;
-
-  .gmw-components-property-record-label {
-    font-size: $iui-font-size-small;
-    color: $buic-foreground-muted;
-  }
-
-  .gmw-components-property-record-value {
-    min-height: 24px;
-    font-size: $text-font-size;
-    color: $text-font-color;
-    padding: 0px 5px;
-  }
-}
-
-.gmw-components-property-record--vertical {
-  height: 100%;
-  padding: 0 8px;
-  display: grid;
-  align-content: center;
-
-  .gmw-components-property-record-label {
-    font-size: $iui-font-size-small;
-    color: $buic-foreground-muted;
-  }
-
-  .gmw-components-property-record-value  {
-    min-height: 22px;
-    font-size: $text-font-size;
-    color: $text-font-color;
-  }
-}
-
-@mixin gmw-record-cell {
-  display: flex;
-  align-items: center;
-}
-
-.gmw-components-property-record-label {
-  @include gmw-record-cell;
-  position: relative;
-  .gmw-components-property-selection-checkbox {
-    flex-shrink: 0;
-    position: absolute;
-    z-index: 1;
-  }
-  // Radial does not respect checkbox positioning, have to force it.
-  > .gmw-iui-progress-indicator-radial {
-    position: absolute;
-  }
-}
-
-.gmw-components-property-record-value {
-  @include gmw-record-cell;
-  overflow: hidden;
-
-  span {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    width: 100%;
-  }
-}

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

@@ -1,8 +0,0 @@
-/** @packageDocumentation
- * @module Common
- */
-/** Counts how many times string 'lookup' is repeated in string 'str'.
- * @internal
- */
-export declare function countMatchesInString(str: string, lookup: string): number;
-//# sourceMappingURL=countMatchesInString.d.ts.map

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

@@ -1,32 +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.
-*--------------------------------------------------------------------------------------------*/
-/* @author Vitim.us https://gist.github.com/victornpb/7736865 */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.countMatchesInString = void 0;
-/** @packageDocumentation
- * @module Common
- */
-/** Counts how many times string 'lookup' is repeated in string 'str'.
- * @internal
- */
-function countMatchesInString(str, lookup) {
-    if (!str.length || !lookup.length)
-        return 0;
-    let n = 0, pos = 0;
-    const step = lookup.length;
-    while (true) {
-        pos = str.indexOf(lookup, pos);
-        if (pos >= 0) {
-            ++n;
-            pos += step;
-        }
-        else
-            break;
-    }
-    return n;
-}
-exports.countMatchesInString = countMatchesInString;
-//# sourceMappingURL=countMatchesInString.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"countMatchesInString.js","sourceRoot":"","sources":["../../../../../src/widget/components/property-grid/countMatchesInString.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F,gEAAgE;;;AAEhE;;GAEG;AAEH;;GAEG;AACH,SAAgB,oBAAoB,CAAC,GAAW,EAAE,MAAc;IAC9D,IAAI,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,MAAM;QAC/B,OAAO,CAAC,CAAC;IAEX,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC;IACnB,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC;IAE3B,OAAO,IAAI,EAAE;QACX,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QAC/B,IAAI,GAAG,IAAI,CAAC,EAAE;YACZ,EAAE,CAAC,CAAC;YACJ,GAAG,IAAI,IAAI,CAAC;SACb;;YACC,MAAM;KACT;IACD,OAAO,CAAC,CAAC;AACX,CAAC;AAhBD,oDAgBC","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/* @author Vitim.us https://gist.github.com/victornpb/7736865 */\n\n/** @packageDocumentation\n * @module Common\n */\n\n/** Counts how many times string 'lookup' is repeated in string 'str'.\n * @internal\n */\nexport function countMatchesInString(str: string, lookup: string) {\n  if (!str.length || !lookup.length)\n    return 0;\n\n  let n = 0, pos = 0;\n  const step = lookup.length;\n\n  while (true) {\n    pos = str.indexOf(lookup, pos);\n    if (pos >= 0) {\n      ++n;\n      pos += step;\n    } else\n      break;\n  }\n  return n;\n}\n"]}

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

@@ -1,10 +0,0 @@
-import type { PropertyRecord } from "@itwin/appui-abstract";
-import type { HighlightingComponentProps } from "@itwin/components-react";
-import { PropertyValueRendererManager } from "@itwin/components-react";
-import { Orientation } from "@itwin/core-react";
-import * as React from "react";
-export declare function createNewDisplayValue(orientation: Orientation, propertyRecord: PropertyRecord, indentation?: number, propertyValueRendererManager?: PropertyValueRendererManager, isExpanded?: boolean, onExpansionToggled?: () => void, onHeightChanged?: (newHeight: number) => void, highlight?: HighlightingComponentProps & {
-    applyOnLabel: boolean;
-    applyOnValue: boolean;
-}): React.ReactNode;
-//# sourceMappingURL=createNewDisplayValue.d.ts.map

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

@@ -1,65 +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.createNewDisplayValue = void 0;
-const components_react_1 = require("@itwin/components-react");
-const CommonPropertyRenderer_1 = require("@itwin/components-react/lib/cjs/components-react/properties/renderers/CommonPropertyRenderer");
-const core_react_1 = require("@itwin/core-react");
-const React = __importStar(require("react"));
-const countMatchesInString_1 = require("./countMatchesInString");
-function createHighlightCallback(highlight, propertyRecord) {
-    var _a;
-    const activeMatch = highlight.activeHighlight;
-    const propertyName = activeMatch === null || activeMatch === void 0 ? void 0 : activeMatch.highlightedItemIdentifier;
-    const matchIndex = (_a = activeMatch === null || activeMatch === void 0 ? void 0 : activeMatch.highlightIndex) !== null && _a !== void 0 ? _a : 0;
-    let labelMatches;
-    if (highlight.applyOnLabel) {
-        labelMatches = countMatchesInString_1.countMatchesInString(propertyRecord.property.displayLabel.toLowerCase(), highlight.highlightedText);
-    }
-    else {
-        labelMatches = 0;
-    }
-    const activeMatchIndex = (propertyRecord.property.name === propertyName) && ((matchIndex - labelMatches) >= 0) ? (matchIndex - labelMatches) : undefined;
-    const highlightCallback = (text) => (React.createElement(components_react_1.HighlightedText, { text: text, activeMatchIndex: activeMatchIndex, searchText: highlight.highlightedText }));
-    return highlightCallback;
-}
-function createNewDisplayValue(orientation, propertyRecord, indentation, propertyValueRendererManager, isExpanded, onExpansionToggled, onHeightChanged, highlight) {
-    const highlightCallback = (highlight === null || highlight === void 0 ? void 0 : highlight.applyOnValue) ? (createHighlightCallback(highlight, propertyRecord)) : undefined;
-    const rendererContext = {
-        orientation,
-        containerType: components_react_1.PropertyContainerType.PropertyPane,
-        isExpanded,
-        onExpansionToggled,
-        onHeightChanged,
-        textHighlighter: highlightCallback,
-    };
-    let displayValue;
-    if (propertyValueRendererManager)
-        displayValue = propertyValueRendererManager.render(propertyRecord, rendererContext);
-    else
-        displayValue = components_react_1.PropertyValueRendererManager.defaultManager.render(propertyRecord, rendererContext);
-    // Align value with label if orientation is vertical
-    if (orientation === core_react_1.Orientation.Vertical)
-        displayValue = React.createElement("span", { style: { paddingLeft: CommonPropertyRenderer_1.CommonPropertyRenderer.getLabelOffset(indentation, orientation) } }, displayValue);
-    return displayValue;
-}
-exports.createNewDisplayValue = createNewDisplayValue;
-//# sourceMappingURL=createNewDisplayValue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"createNewDisplayValue.js","sourceRoot":"","sources":["../../../../../src/widget/components/property-grid/createNewDisplayValue.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAMA,8DAA+G;AAC/G,yIAAsI;AACtI,kDAAgD;AAChD,6CAA+B;AAC/B,iEAA8D;AAE9D,SAAS,uBAAuB,CAAC,SAAiE,EAAE,cAA8B;;IAChI,MAAM,WAAW,GAAG,SAAS,CAAC,eAAe,CAAC;IAC9C,MAAM,YAAY,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,yBAAyB,CAAC;IAC5D,MAAM,UAAU,GAAG,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,cAAc,mCAAI,CAAC,CAAC;IACpD,IAAI,YAAoB,CAAC;IAEzB,IAAI,SAAS,CAAC,YAAY,EAAE;QAC1B,YAAY,GAAG,2CAAoB,CAAC,cAAc,CAAC,QAAQ,CAAC,YAAY,CAAC,WAAW,EAAE,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;KACpH;SAAM;QACL,YAAY,GAAG,CAAC,CAAC;KAClB;IAED,MAAM,gBAAgB,GAAG,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,KAAK,YAAY,CAAC,IAAI,CAAC,CAAC,UAAU,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACzJ,MAAM,iBAAiB,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,CAAC,oBAAC,kCAAe,IAAC,IAAI,EAAE,IAAI,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,UAAU,EAAE,SAAS,CAAC,eAAe,GAAI,CAAC,CAAC;IAEzJ,OAAO,iBAAiB,CAAC;AAC3B,CAAC;AAED,SAAgB,qBAAqB,CACnC,WAAwB,EACxB,cAA8B,EAC9B,WAAoB,EACpB,4BAA2D,EAC3D,UAAoB,EACpB,kBAA+B,EAC/B,eAA6C,EAC7C,SAAyF;IAEzF,MAAM,iBAAiB,GAAG,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,YAAY,EAAC,CAAC,CAAC,CAAC,uBAAuB,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACrH,MAAM,eAAe,GAAiC;QACpD,WAAW;QACX,aAAa,EAAE,wCAAqB,CAAC,YAAY;QACjD,UAAU;QACV,kBAAkB;QAClB,eAAe;QACf,eAAe,EAAE,iBAAiB;KACnC,CAAC;IAEF,IAAI,YAAyC,CAAC;IAC9C,IAAI,4BAA4B;QAC9B,YAAY,GAAG,4BAA4B,CAAC,MAAM,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC;;QAEpF,YAAY,GAAG,+CAA4B,CAAC,cAAc,CAAC,MAAM,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC;IAErG,oDAAoD;IACpD,IAAI,WAAW,KAAK,wBAAW,CAAC,QAAQ;QACtC,YAAY,GAAG,8BAAM,KAAK,EAAE,EAAE,WAAW,EAAE,+CAAsB,CAAC,cAAc,CAAC,WAAW,EAAE,WAAW,CAAC,EAAE,IAAG,YAAY,CAAQ,CAAC;IAEtI,OAAO,YAAY,CAAC;AACtB,CAAC;AA/BD,sDA+BC","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 type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport type { HighlightingComponentProps, PropertyValueRendererContext } from \"@itwin/components-react\";\nimport { HighlightedText, PropertyContainerType, PropertyValueRendererManager } from \"@itwin/components-react\";\nimport { CommonPropertyRenderer } from \"@itwin/components-react/lib/cjs/components-react/properties/renderers/CommonPropertyRenderer\";\nimport { Orientation } from \"@itwin/core-react\";\nimport * as React from \"react\";\nimport { countMatchesInString } from \"./countMatchesInString\";\n\nfunction createHighlightCallback(highlight: HighlightingComponentProps & { applyOnLabel: boolean }, propertyRecord: PropertyRecord) {\n  const activeMatch = highlight.activeHighlight;\n  const propertyName = activeMatch?.highlightedItemIdentifier;\n  const matchIndex = activeMatch?.highlightIndex ?? 0;\n  let labelMatches: number;\n\n  if (highlight.applyOnLabel) {\n    labelMatches = countMatchesInString(propertyRecord.property.displayLabel.toLowerCase(), highlight.highlightedText);\n  } else {\n    labelMatches = 0;\n  }\n\n  const activeMatchIndex = (propertyRecord.property.name === propertyName) && ((matchIndex - labelMatches) >= 0) ? (matchIndex - labelMatches) : undefined;\n  const highlightCallback = (text: string) => (<HighlightedText text={text} activeMatchIndex={activeMatchIndex} searchText={highlight.highlightedText} />);\n\n  return highlightCallback;\n}\n\nexport function createNewDisplayValue(\n  orientation: Orientation,\n  propertyRecord: PropertyRecord,\n  indentation?: number,\n  propertyValueRendererManager?: PropertyValueRendererManager,\n  isExpanded?: boolean,\n  onExpansionToggled?: () => void,\n  onHeightChanged?: (newHeight: number) => void,\n  highlight?: HighlightingComponentProps & { applyOnLabel: boolean, applyOnValue: boolean }\n) {\n  const highlightCallback = highlight?.applyOnValue ? (createHighlightCallback(highlight, propertyRecord)) : undefined;\n  const rendererContext: PropertyValueRendererContext = {\n    orientation,\n    containerType: PropertyContainerType.PropertyPane,\n    isExpanded,\n    onExpansionToggled,\n    onHeightChanged,\n    textHighlighter: highlightCallback,\n  };\n\n  let displayValue: React.ReactNode | undefined;\n  if (propertyValueRendererManager)\n    displayValue = propertyValueRendererManager.render(propertyRecord, rendererContext);\n  else\n    displayValue = PropertyValueRendererManager.defaultManager.render(propertyRecord, rendererContext);\n\n  // Align value with label if orientation is vertical\n  if (orientation === Orientation.Vertical)\n    displayValue = <span style={{ paddingLeft: CommonPropertyRenderer.getLabelOffset(indentation, orientation) }}>{displayValue}</span>;\n\n  return displayValue;\n}\n"]}

package/lib/esm/widget/components/property-grid/NonPrimitivePropertyRenderer.d.ts

@@ -1,32 +0,0 @@
-import * as React from "react";
-import type { PrimitiveRendererProps } from "./PrimitivePropertyRenderer";
-/** Properties of [[NonPrimitivePropertyRenderer]] React component
- * @public
- */
-export interface NonPrimitivePropertyRendererProps extends PrimitiveRendererProps {
-    /** Can struct/array property be collapsed */
-    isCollapsible?: boolean;
-}
-/** State of [[NonPrimitivePropertyRenderer]] React component
- * @internal
- */
-interface NonPrimitivePropertyRendererState {
-    /** Is struct/array property expanded */
-    isExpanded?: boolean;
-}
-/** React Component that renders struct and array properties
- * @public
- */
-export declare class NonPrimitivePropertyRenderer extends React.Component<NonPrimitivePropertyRendererProps, NonPrimitivePropertyRendererState> {
-    /** @internal */
-    readonly state: NonPrimitivePropertyRendererState;
-    private _onExpanded;
-    private _onCollapsed;
-    private getLabel;
-    private overrideArrayChildrenNames;
-    private _renderPropertyForItem;
-    /** @internal */
-    render(): JSX.Element;
-}
-export {};
-//# sourceMappingURL=NonPrimitivePropertyRenderer.d.ts.map

package/lib/esm/widget/components/property-grid/NonPrimitivePropertyRenderer.js

@@ -1,68 +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 * as React from "react";
-import { PropertyRecord, PropertyValueFormat } from "@itwin/appui-abstract";
-import { CommonPropertyRenderer } from "@itwin/components-react/lib/cjs/components-react/properties/renderers/CommonPropertyRenderer";
-import { NonPrimitivePropertyLabelRenderer } from "@itwin/components-react";
-import { PropertyRenderer } from "./PropertyRender";
-import { PropertyView } from "./PropertyView";
-/** React Component that renders struct and array properties
- * @public
- */
-export class NonPrimitivePropertyRenderer extends React.Component {
-    constructor() {
-        super(...arguments);
-        /** @internal */
-        this.state = {
-            /** If it's not collapsible, that means it's expanded by default and can't be collapsed */
-            isExpanded: !this.props.isCollapsible || this.props.propertyRecord.autoExpand,
-        };
-        this._onExpanded = () => {
-            this.setState({ isExpanded: true });
-        };
-        this._onCollapsed = () => {
-            this.setState({ isExpanded: false });
-        };
-        this._renderPropertyForItem = (item) => {
-            const prefix = this.props.uniqueKey
-                ? this.props.uniqueKey
-                : this.props.propertyRecord.property.name;
-            const uniqueKey = `${prefix}_${item.property.name}`;
-            return (React.createElement(PropertyRenderer, { key: uniqueKey, uniqueKey: uniqueKey, propertyRecord: item, indentation: this.props.indentation ? this.props.indentation + 1 : 1, orientation: this.props.orientation, columnRatio: this.props.columnRatio, actionButtonRenderers: this.props.actionButtonRenderers, onColumnRatioChanged: this.props.onColumnRatioChanged, width: this.props.width, isResizeHandleHovered: this.props.isResizeHandleHovered, onResizeHandleHoverChanged: this.props.onResizeHandleHoverChanged, isResizeHandleBeingDragged: this.props.isResizeHandleBeingDragged, onResizeHandleDragChanged: this.props.onResizeHandleDragChanged, columnInfo: this.props.columnInfo }));
-        };
-    }
-    getLabel(props, state) {
-        const { orientation, indentation, width, columnRatio, columnInfo } = props;
-        const offset = CommonPropertyRenderer.getLabelOffset(indentation, orientation, width, columnRatio, columnInfo === null || columnInfo === void 0 ? void 0 : columnInfo.minLabelWidth);
-        let displayLabel = props.propertyRecord.property.displayLabel;
-        if (this.props.propertyRecord.value.valueFormat === PropertyValueFormat.Array) {
-            displayLabel = `${displayLabel} (${this.props.propertyRecord.value.items.length})`;
-        }
-        return (React.createElement(NonPrimitivePropertyLabelRenderer, { isExpanded: !!state.isExpanded, onExpand: this._onExpanded, onCollapse: this._onCollapsed, offset: offset, renderColon: false }, displayLabel));
-    }
-    overrideArrayChildrenNames(items) {
-        const modifiedProperties = items.map((item, index) => {
-            const newProperty = { ...item.property };
-            newProperty.displayLabel = `[${index + 1}]`;
-            newProperty.name = `${newProperty.name}_${index}`;
-            return new PropertyRecord(item.value, newProperty);
-        });
-        return modifiedProperties;
-    }
-    /** @internal */
-    render() {
-        let items = this.props.propertyRecord.getChildrenRecords();
-        if (this.props.propertyRecord.value.valueFormat === PropertyValueFormat.Array) {
-            items = this.overrideArrayChildrenNames(items);
-        }
-        const { ...props } = this.props;
-        return (React.createElement(React.Fragment, null,
-            this.props.isCollapsible ? (React.createElement(PropertyView, { labelElement: this.getLabel(this.props, this.state), ...props })) : undefined,
-            this.state.isExpanded
-                ? items.map(this._renderPropertyForItem)
-                : undefined));
-    }
-}
-//# sourceMappingURL=NonPrimitivePropertyRenderer.js.map

package/lib/esm/widget/components/property-grid/NonPrimitivePropertyRenderer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NonPrimitivePropertyRenderer.js","sourceRoot":"","sources":["../../../../../src/widget/components/property-grid/NonPrimitivePropertyRenderer.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 * as React from \"react\";\nimport { PropertyRecord, PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { CommonPropertyRenderer } from \"@itwin/components-react/lib/cjs/components-react/properties/renderers/CommonPropertyRenderer\";\nimport { NonPrimitivePropertyLabelRenderer } from \"@itwin/components-react\";\nimport { PropertyRenderer } from \"./PropertyRender\";\nimport { PropertyView } from \"./PropertyView\";\nimport type { PrimitiveRendererProps } from \"./PrimitivePropertyRenderer\";\n\n/** Properties of [[NonPrimitivePropertyRenderer]] React component\n * @public\n */\nexport interface NonPrimitivePropertyRendererProps\n  extends PrimitiveRendererProps {\n  /** Can struct/array property be collapsed */\n  isCollapsible?: boolean;\n}\n\n/** State of [[NonPrimitivePropertyRenderer]] React component\n * @internal\n */\ninterface NonPrimitivePropertyRendererState {\n  /** Is struct/array property expanded */\n  isExpanded?: boolean;\n}\n\n/** React Component that renders struct and array properties\n * @public\n */\nexport class NonPrimitivePropertyRenderer extends React.Component<\nNonPrimitivePropertyRendererProps,\nNonPrimitivePropertyRendererState\n> {\n  /** @internal */\n  public override readonly state: NonPrimitivePropertyRendererState = {\n    /** If it's not collapsible, that means it's expanded by default and can't be collapsed */\n    isExpanded:\n      !this.props.isCollapsible || this.props.propertyRecord.autoExpand,\n  };\n\n  private _onExpanded = () => {\n    this.setState({ isExpanded: true });\n  };\n\n  private _onCollapsed = () => {\n    this.setState({ isExpanded: false });\n  };\n\n  private getLabel(\n    props: NonPrimitivePropertyRendererProps,\n    state: NonPrimitivePropertyRendererState,\n  ): React.ReactNode {\n    const { orientation, indentation, width, columnRatio, columnInfo } = props;\n    const offset = CommonPropertyRenderer.getLabelOffset(\n      indentation,\n      orientation,\n      width,\n      columnRatio,\n      columnInfo?.minLabelWidth,\n    );\n\n    let displayLabel = props.propertyRecord.property.displayLabel;\n    if (\n      this.props.propertyRecord.value.valueFormat === PropertyValueFormat.Array\n    ) {\n      displayLabel = `${displayLabel} (${this.props.propertyRecord.value.items.length})`;\n    }\n\n    return (\n      <NonPrimitivePropertyLabelRenderer\n        isExpanded={!!state.isExpanded}\n        onExpand={this._onExpanded}\n        onCollapse={this._onCollapsed}\n        offset={offset}\n        renderColon={false}\n      >\n        {displayLabel}\n      </NonPrimitivePropertyLabelRenderer>\n    );\n  }\n\n  private overrideArrayChildrenNames(items: PropertyRecord[]) {\n    const modifiedProperties: PropertyRecord[] = items.map(\n      (item, index): PropertyRecord => {\n        const newProperty = { ...item.property };\n        newProperty.displayLabel = `[${index + 1}]`;\n        newProperty.name = `${newProperty.name}_${index}`;\n        return new PropertyRecord(item.value, newProperty);\n      },\n    );\n\n    return modifiedProperties;\n  }\n\n  private _renderPropertyForItem = (item: PropertyRecord) => {\n    const prefix = this.props.uniqueKey\n      ? this.props.uniqueKey\n      : this.props.propertyRecord.property.name;\n    const uniqueKey = `${prefix}_${item.property.name}`;\n    return (\n      <PropertyRenderer\n        key={uniqueKey}\n        uniqueKey={uniqueKey}\n        propertyRecord={item}\n        indentation={this.props.indentation ? this.props.indentation + 1 : 1}\n        orientation={this.props.orientation}\n        columnRatio={this.props.columnRatio}\n        actionButtonRenderers={this.props.actionButtonRenderers}\n        onColumnRatioChanged={this.props.onColumnRatioChanged}\n        width={this.props.width}\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      />\n    );\n  };\n\n  /** @internal */\n  public override render() {\n    let items: PropertyRecord[] =\n      this.props.propertyRecord.getChildrenRecords();\n    if (\n      this.props.propertyRecord.value.valueFormat === PropertyValueFormat.Array\n    ) {\n      items = this.overrideArrayChildrenNames(items);\n    }\n\n    const { ...props } = this.props;\n    return (\n      <>\n        {this.props.isCollapsible ? (\n          <PropertyView\n            labelElement={this.getLabel(this.props, this.state)}\n            {...props}\n          />\n        ) : undefined}\n\n        {this.state.isExpanded\n          ? items.map(this._renderPropertyForItem)\n          : undefined}\n      </>\n    );\n  }\n}\n"]}

package/lib/esm/widget/components/property-grid/PrimitivePropertyRenderer.d.ts

@@ -1,26 +0,0 @@
-import * as React from "react";
-import type { HighlightingComponentProps } from "@itwin/components-react/lib/cjs/components-react/common/HighlightingComponentProps";
-import type { SharedRendererProps } from "./PropertyRender";
-/** Properties of [[PrimitivePropertyRenderer]] React component
- * @public
- */
-export interface PrimitiveRendererProps extends SharedRendererProps {
-    /** Property value as a React element */
-    valueElement?: React.ReactNode;
-    /** Render callback for property value. If specified, `valueElement` is ignored. */
-    valueElementRenderer?: () => React.ReactNode;
-    /** Multiplier of how much the property is indented to the right */
-    indentation?: number;
-    /** Properties used for highlighting
-     * @beta
-     */
-    highlight?: HighlightingComponentProps;
-}
-/** React Component that renders primitive properties
- * @public
- */
-export declare class PrimitivePropertyRenderer extends React.Component<PrimitiveRendererProps> {
-    /** @internal */
-    render(): JSX.Element;
-}
-//# sourceMappingURL=PrimitivePropertyRenderer.d.ts.map