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

package/lib/cjs/components-react/properties/renderers/CommonPropertyRenderer.js

@@ -57,7 +57,7 @@ class CommonPropertyRenderer {
         return currentSize - minColumnLabelWidth;
     }
     static createNewDisplayValue(orientation, propertyRecord, indentation, propertyValueRendererManager, isExpanded, onExpansionToggled, onHeightChanged, highlight) {
-        const highlightCallback = highlight?.applyOnValue ? (CommonPropertyRenderer.createHighlightCallback(highlight, propertyRecord)) : undefined;
+        const highlightCallback = (highlight === null || highlight === void 0 ? void 0 : highlight.applyOnValue) ? (CommonPropertyRenderer.createHighlightCallback(highlight, propertyRecord)) : undefined;
         const rendererContext = {
             orientation,
             containerType: ValueRendererManager_1.PropertyContainerType.PropertyPane,
@@ -77,9 +77,10 @@ class CommonPropertyRenderer {
         return displayValue;
     }
     static createHighlightCallback(highlight, propertyRecord) {
+        var _a;
         const activeMatch = highlight.activeHighlight;
-        const propertyName = activeMatch?.highlightedItemIdentifier;
-        const matchIndex = activeMatch?.highlightIndex ?? 0;
+        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 = (0, countMatchesInString_1.countMatchesInString)(propertyRecord.property.displayLabel.toLowerCase(), highlight.highlightedText);

package/lib/cjs/components-react/properties/renderers/CommonPropertyRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommonPropertyRenderer.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/CommonPropertyRenderer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAE/B,kDAAgD;AAChD,4EAAyE;AACzE,kEAA+D;AAE/D,kEAA4H;AAE5H;;GAEG;AACH,MAAa,sBAAsB;IAC1B,MAAM,CAAC,cAAc,CAAC,WAAoB,EAAE,WAAyB,EAAE,KAAc,EAAE,WAAoB,EAAE,mBAA4B;QAC9I,IAAI,CAAC,WAAW;YACd,OAAO,CAAC,CAAC;QAEX,MAAM,SAAS,GAAG,EAAE,CAAC;QACrB,MAAM,SAAS,GAAG,CAAC,CAAC;QACpB,IAAI,WAAW,KAAK,wBAAW,CAAC,UAAU,IAAI,CAAC,KAAK,IAAI,CAAC,WAAW,IAAI,CAAC,mBAAmB;YAC1F,OAAO,WAAW,GAAG,SAAS,CAAC;QAEjC,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,WAAW,CAAC,CAAC;QACnD,MAAM,eAAe,GAAG,mBAAmB,GAAG,CAAC,SAAS,GAAG,WAAW,CAAC,CAAC;QACxE,IAAI,WAAW,IAAI,eAAe;YAChC,OAAO,WAAW,GAAG,SAAS,CAAC;QAEjC,MAAM,SAAS,GAAG,mBAAmB,GAAG,SAAS,GAAG,CAAC,SAAS,GAAG,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC;QACpF,IAAI,WAAW,IAAI,SAAS;YAC1B,OAAO,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,GAAG,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,mBAAmB,CAAC,CAAC;QAEhH,OAAO,WAAW,GAAG,mBAAmB,CAAC;IAC3C,CAAC;IAEM,MAAM,CAAC,qBAAqB,CACjC,WAAwB,EACxB,cAA8B,EAC9B,WAAoB,EACpB,4BAA2D,EAC3D,UAAoB,EACpB,kBAA+B,EAC/B,eAA6C,EAC7C,SAAyF;QAEzF,MAAM,iBAAiB,GAAG,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC,uBAAuB,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAC5I,MAAM,eAAe,GAAiC;YACpD,WAAW;YACX,aAAa,EAAE,4CAAqB,CAAC,YAAY;YACjD,UAAU;YACV,kBAAkB;YAClB,eAAe;YACf,eAAe,EAAE,iBAAiB;SACnC,CAAC;QAEF,IAAI,YAAyC,CAAC;QAC9C,IAAI,4BAA4B;YAC9B,YAAY,GAAG,4BAA4B,CAAC,MAAM,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC;;YAEpF,YAAY,GAAG,mDAA4B,CAAC,cAAc,CAAC,MAAM,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC;QAErG,oDAAoD;QACpD,IAAI,WAAW,KAAK,wBAAW,CAAC,QAAQ;YACtC,YAAY,GAAG,8BAAM,KAAK,EAAE,EAAE,WAAW,EAAE,sBAAsB,CAAC,cAAc,CAAC,WAAW,EAAE,WAAW,CAAC,EAAE,IAAG,YAAY,CAAQ,CAAC;QAEtI,OAAO,YAAY,CAAC;IACtB,CAAC;IAEO,MAAM,CAAC,uBAAuB,CAAC,SAAiE,EAAE,cAA8B;QACtI,MAAM,WAAW,GAAG,SAAS,CAAC,eAAe,CAAC;QAC9C,MAAM,YAAY,GAAG,WAAW,EAAE,yBAAyB,CAAC;QAC5D,MAAM,UAAU,GAAG,WAAW,EAAE,cAAc,IAAI,CAAC,CAAC;QACpD,IAAI,YAAoB,CAAC;QAEzB,IAAI,SAAS,CAAC,YAAY,EAAE;YAC1B,YAAY,GAAG,IAAA,2CAAoB,EAAC,cAAc,CAAC,QAAQ,CAAC,YAAY,CAAC,WAAW,EAAE,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;SACpH;aAAM;YACL,YAAY,GAAG,CAAC,CAAC;SAClB;QAED,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;QACzJ,MAAM,iBAAiB,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,CAAC,oBAAC,iCAAe,IAAC,IAAI,EAAE,IAAI,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,UAAU,EAAE,SAAS,CAAC,eAAe,GAAI,CAAC,CAAC;QAEzJ,OAAO,iBAAiB,CAAC;IAC3B,CAAC;CACF;AAxED,wDAwEC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Properties\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { PropertyRecord } from \"@itwin/appui-abstract\";\r\nimport { Orientation } from \"@itwin/core-react\";\r\nimport { countMatchesInString } from \"../../common/countMatchesInString\";\r\nimport { HighlightedText } from \"../../common/HighlightedText\";\r\nimport { HighlightingComponentProps } from \"../../common/HighlightingComponentProps\";\r\nimport { PropertyContainerType, PropertyValueRendererContext, PropertyValueRendererManager } from \"../ValueRendererManager\";\r\n\r\n/**\r\n * @internal\r\n */\r\nexport class CommonPropertyRenderer {\r\n  public static getLabelOffset(indentation?: number, orientation?: Orientation, width?: number, columnRatio?: number, minColumnLabelWidth?: number): number {\r\n    if (!indentation)\r\n      return 0;\r\n\r\n    const maxIndent = 17;\r\n    const minIndent = 6;\r\n    if (orientation !== Orientation.Horizontal || !width || !columnRatio || !minColumnLabelWidth)\r\n      return indentation * maxIndent;\r\n\r\n    const currentSize = Math.ceil(width * columnRatio);\r\n    const shrinkThreshold = minColumnLabelWidth + (maxIndent * indentation);\r\n    if (currentSize >= shrinkThreshold)\r\n      return indentation * maxIndent;\r\n\r\n    const minShrink = minColumnLabelWidth + minIndent + (maxIndent * (indentation - 1));\r\n    if (currentSize <= minShrink)\r\n      return minIndent + this.getLabelOffset(indentation - 1, orientation, width, columnRatio, minColumnLabelWidth);\r\n\r\n    return currentSize - minColumnLabelWidth;\r\n  }\r\n\r\n  public static createNewDisplayValue(\r\n    orientation: Orientation,\r\n    propertyRecord: PropertyRecord,\r\n    indentation?: number,\r\n    propertyValueRendererManager?: PropertyValueRendererManager,\r\n    isExpanded?: boolean,\r\n    onExpansionToggled?: () => void,\r\n    onHeightChanged?: (newHeight: number) => void,\r\n    highlight?: HighlightingComponentProps & { applyOnLabel: boolean, applyOnValue: boolean }\r\n  ) {\r\n    const highlightCallback = highlight?.applyOnValue ? (CommonPropertyRenderer.createHighlightCallback(highlight, propertyRecord)) : undefined;\r\n    const rendererContext: PropertyValueRendererContext = {\r\n      orientation,\r\n      containerType: PropertyContainerType.PropertyPane,\r\n      isExpanded,\r\n      onExpansionToggled,\r\n      onHeightChanged,\r\n      textHighlighter: highlightCallback,\r\n    };\r\n\r\n    let displayValue: React.ReactNode | undefined;\r\n    if (propertyValueRendererManager)\r\n      displayValue = propertyValueRendererManager.render(propertyRecord, rendererContext);\r\n    else\r\n      displayValue = PropertyValueRendererManager.defaultManager.render(propertyRecord, rendererContext);\r\n\r\n    // Align value with label if orientation is vertical\r\n    if (orientation === Orientation.Vertical)\r\n      displayValue = <span style={{ paddingLeft: CommonPropertyRenderer.getLabelOffset(indentation, orientation) }}>{displayValue}</span>;\r\n\r\n    return displayValue;\r\n  }\r\n\r\n  private static createHighlightCallback(highlight: HighlightingComponentProps & { applyOnLabel: boolean }, propertyRecord: PropertyRecord) {\r\n    const activeMatch = highlight.activeHighlight;\r\n    const propertyName = activeMatch?.highlightedItemIdentifier;\r\n    const matchIndex = activeMatch?.highlightIndex ?? 0;\r\n    let labelMatches: number;\r\n\r\n    if (highlight.applyOnLabel) {\r\n      labelMatches = countMatchesInString(propertyRecord.property.displayLabel.toLowerCase(), highlight.highlightedText);\r\n    } else {\r\n      labelMatches = 0;\r\n    }\r\n\r\n    const activeMatchIndex = (propertyRecord.property.name === propertyName) && ((matchIndex - labelMatches) >= 0) ? (matchIndex - labelMatches) : undefined;\r\n    const highlightCallback = (text: string) => (<HighlightedText text={text} activeMatchIndex={activeMatchIndex} searchText={highlight.highlightedText} />);\r\n\r\n    return highlightCallback;\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"CommonPropertyRenderer.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/CommonPropertyRenderer.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 Properties\n */\n\nimport * as React from \"react\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { Orientation } from \"@itwin/core-react\";\nimport { countMatchesInString } from \"../../common/countMatchesInString\";\nimport { HighlightedText } from \"../../common/HighlightedText\";\nimport type { HighlightingComponentProps } from \"../../common/HighlightingComponentProps\";\nimport type { PropertyValueRendererContext} from \"../ValueRendererManager\";\nimport { PropertyContainerType, PropertyValueRendererManager } from \"../ValueRendererManager\";\n\n/**\n * @internal\n */\nexport class CommonPropertyRenderer {\n  public static getLabelOffset(indentation?: number, orientation?: Orientation, width?: number, columnRatio?: number, minColumnLabelWidth?: number): number {\n    if (!indentation)\n      return 0;\n\n    const maxIndent = 17;\n    const minIndent = 6;\n    if (orientation !== Orientation.Horizontal || !width || !columnRatio || !minColumnLabelWidth)\n      return indentation * maxIndent;\n\n    const currentSize = Math.ceil(width * columnRatio);\n    const shrinkThreshold = minColumnLabelWidth + (maxIndent * indentation);\n    if (currentSize >= shrinkThreshold)\n      return indentation * maxIndent;\n\n    const minShrink = minColumnLabelWidth + minIndent + (maxIndent * (indentation - 1));\n    if (currentSize <= minShrink)\n      return minIndent + this.getLabelOffset(indentation - 1, orientation, width, columnRatio, minColumnLabelWidth);\n\n    return currentSize - minColumnLabelWidth;\n  }\n\n  public static 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 ? (CommonPropertyRenderer.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\n  private static 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}\n"]}

package/lib/cjs/components-react/properties/renderers/NonPrimitivePropertyRenderer.d.ts

@@ -3,7 +3,7 @@
  */
 import "./NonPrimitivePropertyRenderer.scss";
 import * as React from "react";
-import { PrimitiveRendererProps } from "./PrimitivePropertyRenderer";
+import type { PrimitiveRendererProps } from "./PrimitivePropertyRenderer";
 /** Properties of [[NonPrimitivePropertyRenderer]] React component
  * @public
  */

package/lib/cjs/components-react/properties/renderers/NonPrimitivePropertyRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NonPrimitivePropertyRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/NonPrimitivePropertyRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,qCAAqC,CAAC;AAC7C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAIrE;;GAEG;AACH,MAAM,WAAW,iCAAkC,SAAQ,sBAAsB;IAC/E,6CAA6C;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;GAEG;AACH,UAAU,iCAAiC;IACzC,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,qBAAa,4BAA6B,SAAQ,KAAK,CAAC,SAAS,CAAC,iCAAiC,EAAE,iCAAiC,CAAC;IACrI,gBAAgB;IAChB,SAAyB,KAAK,EAAE,iCAAiC,CAG/D;gBAEU,KAAK,EAAE,iCAAiC;IAIpD,OAAO,CAAC,WAAW,CAEjB;IAEF,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,QAAQ;IAuBhB,OAAO,CAAC,0BAA0B;IAWlC,OAAO,CAAC,sBAAsB,CAqB5B;IAEF,gBAAgB;IACA,MAAM;CAoBvB"}
+{"version":3,"file":"NonPrimitivePropertyRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/NonPrimitivePropertyRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,qCAAqC,CAAC;AAC7C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAI1E;;GAEG;AACH,MAAM,WAAW,iCAAkC,SAAQ,sBAAsB;IAC/E,6CAA6C;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;GAEG;AACH,UAAU,iCAAiC;IACzC,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,qBAAa,4BAA6B,SAAQ,KAAK,CAAC,SAAS,CAAC,iCAAiC,EAAE,iCAAiC,CAAC;IACrI,gBAAgB;IAChB,SAAyB,KAAK,EAAE,iCAAiC,CAG/D;gBAEU,KAAK,EAAE,iCAAiC;IAIpD,OAAO,CAAC,WAAW,CAEjB;IAEF,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,QAAQ;IAuBhB,OAAO,CAAC,0BAA0B;IAWlC,OAAO,CAAC,sBAAsB,CAqB5B;IAEF,gBAAgB;IACA,MAAM;CAoBvB"}

package/lib/cjs/components-react/properties/renderers/NonPrimitivePropertyRenderer.js

@@ -64,7 +64,7 @@ class NonPrimitivePropertyRenderer extends React.Component {
     getLabel(props, state) {
         const { orientation, indentation, width, columnRatio, columnInfo } = props;
         // istanbul ignore next
-        const minLabelWidth = columnInfo?.minLabelWidth;
+        const minLabelWidth = columnInfo === null || columnInfo === void 0 ? void 0 : columnInfo.minLabelWidth;
         const offset = CommonPropertyRenderer_1.CommonPropertyRenderer.getLabelOffset(indentation, orientation, width, columnRatio, minLabelWidth);
         let displayLabel = props.propertyRecord.property.displayLabel;
         if (this.props.propertyRecord.value.valueFormat === appui_abstract_1.PropertyValueFormat.Array)

package/lib/cjs/components-react/properties/renderers/NonPrimitivePropertyRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"NonPrimitivePropertyRenderer.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/NonPrimitivePropertyRenderer.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Properties\r\n */\r\n\r\nimport \"./NonPrimitivePropertyRenderer.scss\";\r\nimport * as React from \"react\";\r\nimport { PropertyRecord, PropertyValueFormat } from \"@itwin/appui-abstract\";\r\nimport { CommonPropertyRenderer } from \"./CommonPropertyRenderer\";\r\nimport { NonPrimitivePropertyLabelRenderer } from \"./label/NonPrimitivePropertyLabelRenderer\";\r\nimport { PrimitiveRendererProps } from \"./PrimitivePropertyRenderer\";\r\nimport { PropertyRenderer } from \"./PropertyRenderer\";\r\nimport { PropertyView } from \"./PropertyView\";\r\n\r\n/** Properties of [[NonPrimitivePropertyRenderer]] React component\r\n * @public\r\n */\r\nexport interface NonPrimitivePropertyRendererProps extends PrimitiveRendererProps {\r\n  /** Can struct/array property be collapsed */\r\n  isCollapsible?: boolean;\r\n}\r\n\r\n/** State of [[NonPrimitivePropertyRenderer]] React component\r\n * @internal\r\n */\r\ninterface NonPrimitivePropertyRendererState {\r\n  /** Is struct/array property expanded */\r\n  isExpanded?: boolean;\r\n}\r\n\r\n/** React Component that renders struct and array properties\r\n * @public\r\n */\r\nexport class NonPrimitivePropertyRenderer extends React.Component<NonPrimitivePropertyRendererProps, NonPrimitivePropertyRendererState> {\r\n  /** @internal */\r\n  public override readonly state: NonPrimitivePropertyRendererState = {\r\n    /** If it's not collapsible, that means it's expanded by default and can't be collapsed */\r\n    isExpanded: !this.props.isCollapsible || this.props.propertyRecord.autoExpand,\r\n  };\r\n\r\n  constructor(props: NonPrimitivePropertyRendererProps) {\r\n    super(props);\r\n  }\r\n\r\n  private _onExpanded = () => {\r\n    this.setState({ isExpanded: true });\r\n  };\r\n\r\n  private _onCollapsed = () => {\r\n    this.setState({ isExpanded: false });\r\n  };\r\n\r\n  private getLabel(props: NonPrimitivePropertyRendererProps, state: NonPrimitivePropertyRendererState): React.ReactNode {\r\n    const { orientation, indentation, width, columnRatio, columnInfo } = props;\r\n    // istanbul ignore next\r\n    const minLabelWidth = columnInfo?.minLabelWidth;\r\n    const offset = CommonPropertyRenderer.getLabelOffset(indentation, orientation, width, columnRatio, minLabelWidth);\r\n\r\n    let displayLabel = props.propertyRecord.property.displayLabel;\r\n    if (this.props.propertyRecord.value.valueFormat === PropertyValueFormat.Array)\r\n      displayLabel = `${displayLabel} (${this.props.propertyRecord.value.items.length})`;\r\n\r\n    return (\r\n      <NonPrimitivePropertyLabelRenderer\r\n        isExpanded={!!state.isExpanded}\r\n        onExpand={this._onExpanded}\r\n        onCollapse={this._onCollapsed}\r\n        offset={offset}\r\n        renderColon={false}\r\n      >\r\n        {displayLabel}\r\n      </NonPrimitivePropertyLabelRenderer>\r\n    );\r\n  }\r\n\r\n  private overrideArrayChildrenNames(items: PropertyRecord[]) {\r\n    const modifiedProperties: PropertyRecord[] = items.map((item, index): PropertyRecord => {\r\n      const newProperty = { ...item.property };\r\n      newProperty.displayLabel = `[${index + 1}]`;\r\n      newProperty.name = `${newProperty.name}_${index}`;\r\n      return new PropertyRecord(item.value, newProperty);\r\n    });\r\n\r\n    return modifiedProperties;\r\n  }\r\n\r\n  private _renderPropertyForItem = (item: PropertyRecord) => {\r\n    const prefix = this.props.uniqueKey ? this.props.uniqueKey : this.props.propertyRecord.property.name;\r\n    const uniqueKey = `${prefix}_${item.property.name}`;\r\n    return (\r\n      <PropertyRenderer\r\n        key={uniqueKey}\r\n        uniqueKey={uniqueKey}\r\n        propertyRecord={item}\r\n        indentation={this.props.indentation ? this.props.indentation + 1 : 1}\r\n        orientation={this.props.orientation}\r\n        columnRatio={this.props.columnRatio}\r\n        actionButtonRenderers={this.props.actionButtonRenderers}\r\n        onColumnRatioChanged={this.props.onColumnRatioChanged}\r\n        width={this.props.width}\r\n        isResizeHandleHovered={this.props.isResizeHandleHovered}\r\n        onResizeHandleHoverChanged={this.props.onResizeHandleHoverChanged}\r\n        isResizeHandleBeingDragged={this.props.isResizeHandleBeingDragged}\r\n        onResizeHandleDragChanged={this.props.onResizeHandleDragChanged}\r\n        columnInfo={this.props.columnInfo}\r\n      />\r\n    );\r\n  };\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    let items: PropertyRecord[] = this.props.propertyRecord.getChildrenRecords();\r\n    if (this.props.propertyRecord.value.valueFormat === PropertyValueFormat.Array)\r\n      items = this.overrideArrayChildrenNames(items);\r\n\r\n    const { indentation, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n    return (\r\n      <>\r\n        {this.props.isCollapsible\r\n          ?\r\n          <PropertyView\r\n            labelElement={this.getLabel(this.props, this.state)}\r\n            {...props}\r\n          />\r\n          : undefined}\r\n\r\n        {this.state.isExpanded ? items.map(this._renderPropertyForItem) : undefined}\r\n      </>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"NonPrimitivePropertyRenderer.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/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*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Properties\n */\n\nimport \"./NonPrimitivePropertyRenderer.scss\";\nimport * as React from \"react\";\nimport { PropertyRecord, PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { CommonPropertyRenderer } from \"./CommonPropertyRenderer\";\nimport { NonPrimitivePropertyLabelRenderer } from \"./label/NonPrimitivePropertyLabelRenderer\";\nimport type { PrimitiveRendererProps } from \"./PrimitivePropertyRenderer\";\nimport { PropertyRenderer } from \"./PropertyRenderer\";\nimport { PropertyView } from \"./PropertyView\";\n\n/** Properties of [[NonPrimitivePropertyRenderer]] React component\n * @public\n */\nexport interface NonPrimitivePropertyRendererProps 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<NonPrimitivePropertyRendererProps, NonPrimitivePropertyRendererState> {\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: !this.props.isCollapsible || this.props.propertyRecord.autoExpand,\n  };\n\n  constructor(props: NonPrimitivePropertyRendererProps) {\n    super(props);\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(props: NonPrimitivePropertyRendererProps, state: NonPrimitivePropertyRendererState): React.ReactNode {\n    const { orientation, indentation, width, columnRatio, columnInfo } = props;\n    // istanbul ignore next\n    const minLabelWidth = columnInfo?.minLabelWidth;\n    const offset = CommonPropertyRenderer.getLabelOffset(indentation, orientation, width, columnRatio, minLabelWidth);\n\n    let displayLabel = props.propertyRecord.property.displayLabel;\n    if (this.props.propertyRecord.value.valueFormat === PropertyValueFormat.Array)\n      displayLabel = `${displayLabel} (${this.props.propertyRecord.value.items.length})`;\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((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    return modifiedProperties;\n  }\n\n  private _renderPropertyForItem = (item: PropertyRecord) => {\n    const prefix = this.props.uniqueKey ? this.props.uniqueKey : 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[] = this.props.propertyRecord.getChildrenRecords();\n    if (this.props.propertyRecord.value.valueFormat === PropertyValueFormat.Array)\n      items = this.overrideArrayChildrenNames(items);\n\n    const { indentation, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\n    return (\n      <>\n        {this.props.isCollapsible\n          ?\n          <PropertyView\n            labelElement={this.getLabel(this.props, this.state)}\n            {...props}\n          />\n          : undefined}\n\n        {this.state.isExpanded ? items.map(this._renderPropertyForItem) : undefined}\n      </>\n    );\n  }\n}\n"]}

package/lib/cjs/components-react/properties/renderers/NonPrimitivePropertyRenderer.scss

@@ -1,17 +1,17 @@
-/*---------------------------------------------------------------------------------------------
-* 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/colors";
-
-.components-nonprimitive-property {
-  padding: 10px;
-  display: grid;
-  grid-row-gap: 10px;
-
-  border-radius: var(--iui-border-radius-1);
-  border: solid 1px $uicore-gray-9;
-
-  background-color: #ffffff;
-}
+/*---------------------------------------------------------------------------------------------
+* 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/colors";
+
+.components-nonprimitive-property {
+  padding: 10px;
+  display: grid;
+  grid-row-gap: 10px;
+
+  border-radius: var(--iui-border-radius-1);
+  border: solid 1px $uicore-gray-9;
+
+  background-color: #ffffff;
+}

package/lib/cjs/components-react/properties/renderers/PrimitivePropertyRenderer.d.ts

@@ -2,8 +2,8 @@
  * @module Properties
  */
 import * as React from "react";
-import { HighlightingComponentProps } from "../../common/HighlightingComponentProps";
-import { SharedRendererProps } from "./PropertyRenderer";
+import type { HighlightingComponentProps } from "../../common/HighlightingComponentProps";
+import type { SharedRendererProps } from "./PropertyRenderer";
 /** Properties of [[PrimitivePropertyRenderer]] React component
  * @public
  */

package/lib/cjs/components-react/properties/renderers/PrimitivePropertyRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PrimitivePropertyRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/PrimitivePropertyRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAGrF,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAGzD;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,mBAAmB;IACjE,wCAAwC;IACxC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,mFAAmF;IACnF,oBAAoB,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IAC7C,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;MACE;IACF,SAAS,CAAC,EAAE,0BAA0B,CAAC;CACxC;AAED;;GAEG;AACH,qBAAa,yBAA0B,SAAQ,KAAK,CAAC,SAAS,CAAC,sBAAsB,CAAC;gBACxE,KAAK,EAAE,sBAAsB;IAIzC,gBAAgB;IACA,MAAM;CAoBvB"}
+{"version":3,"file":"PrimitivePropertyRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/PrimitivePropertyRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAG1F,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAG9D;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,mBAAmB;IACjE,wCAAwC;IACxC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,mFAAmF;IACnF,oBAAoB,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IAC7C,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;MACE;IACF,SAAS,CAAC,EAAE,0BAA0B,CAAC;CACxC;AAED;;GAEG;AACH,qBAAa,yBAA0B,SAAQ,KAAK,CAAC,SAAS,CAAC,sBAAsB,CAAC;gBACxE,KAAK,EAAE,sBAAsB;IAIzC,gBAAgB;IACA,MAAM;CAoBvB"}

package/lib/cjs/components-react/properties/renderers/PrimitivePropertyRenderer.js

@@ -46,10 +46,11 @@ class PrimitivePropertyRenderer extends React.Component {
     }
     /** @internal */
     render() {
+        var _a, _b;
         const { indentation, highlight, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
         const displayLabel = this.props.propertyRecord.property.displayLabel;
-        const offset = CommonPropertyRenderer_1.CommonPropertyRenderer.getLabelOffset(indentation, props.orientation, props.width, props.columnRatio, props.columnInfo?.minLabelWidth);
-        const activeMatchIndex = this.props.propertyRecord.property.name === highlight?.activeHighlight?.highlightedItemIdentifier ? highlight.activeHighlight.highlightIndex : undefined;
+        const offset = CommonPropertyRenderer_1.CommonPropertyRenderer.getLabelOffset(indentation, props.orientation, props.width, props.columnRatio, (_a = props.columnInfo) === null || _a === void 0 ? void 0 : _a.minLabelWidth);
+        const activeMatchIndex = this.props.propertyRecord.property.name === ((_b = highlight === null || highlight === void 0 ? void 0 : highlight.activeHighlight) === null || _b === void 0 ? void 0 : _b.highlightedItemIdentifier) ? highlight.activeHighlight.highlightIndex : undefined;
         const label = highlight ?
             ((0, HighlightedText_1.HighlightedText)({ text: displayLabel, searchText: highlight.highlightedText, activeMatchIndex })) :
             displayLabel;

package/lib/cjs/components-react/properties/renderers/PrimitivePropertyRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrimitivePropertyRenderer.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/PrimitivePropertyRenderer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAC/B,kDAAgD;AAChD,kEAA+D;AAE/D,qEAAkE;AAClE,2FAAwF;AAExF,iDAA8C;AAiB9C;;GAEG;AACH,MAAa,yBAA0B,SAAQ,KAAK,CAAC,SAAiC;IACpF,YAAY,KAA6B;QACvC,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,CAAC;IAED,gBAAgB;IACA,MAAM;QACpB,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,wDAAwD;QACjH,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,YAAY,CAAC;QACrE,MAAM,MAAM,GAAG,+CAAsB,CAAC,cAAc,CAAC,WAAW,EAAE,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC;QAEtJ,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,KAAK,SAAS,EAAE,eAAe,EAAE,yBAAyB,CAAC,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC;QAClL,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC;YACvB,CAAC,IAAA,iCAAe,EAAC,EAAE,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,CAAC,eAAe,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC,CAAC;YACpG,YAAY,CAAC;QAEf,OAAO,CACL,oBAAC,2BAAY,OACP,KAAK,EACT,YAAY,EACV,oBAAC,+DAA8B,IAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,wBAAW,CAAC,UAAU,EAAE,OAAO,EAAE,YAAY,IAClI,KAAK,CACyB,GACnC,CACH,CAAC;IACJ,CAAC;CACF;AA1BD,8DA0BC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Properties\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { Orientation } from \"@itwin/core-react\";\r\nimport { HighlightedText } from \"../../common/HighlightedText\";\r\nimport { HighlightingComponentProps } from \"../../common/HighlightingComponentProps\";\r\nimport { CommonPropertyRenderer } from \"./CommonPropertyRenderer\";\r\nimport { PrimitivePropertyLabelRenderer } from \"./label/PrimitivePropertyLabelRenderer\";\r\nimport { SharedRendererProps } from \"./PropertyRenderer\";\r\nimport { PropertyView } from \"./PropertyView\";\r\n\r\n/** Properties of [[PrimitivePropertyRenderer]] React component\r\n * @public\r\n */\r\nexport interface PrimitiveRendererProps extends SharedRendererProps {\r\n  /** Property value as a React element */\r\n  valueElement?: React.ReactNode;\r\n  /** Render callback for property value. If specified, `valueElement` is ignored. */\r\n  valueElementRenderer?: () => React.ReactNode;\r\n  /** Multiplier of how much the property is indented to the right */\r\n  indentation?: number;\r\n  /** Properties used for highlighting\r\n  */\r\n  highlight?: HighlightingComponentProps;\r\n}\r\n\r\n/** React Component that renders primitive properties\r\n * @public\r\n */\r\nexport class PrimitivePropertyRenderer extends React.Component<PrimitiveRendererProps> {\r\n  constructor(props: PrimitiveRendererProps) {\r\n    super(props);\r\n  }\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    const { indentation, highlight, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n    const displayLabel = this.props.propertyRecord.property.displayLabel;\r\n    const offset = CommonPropertyRenderer.getLabelOffset(indentation, props.orientation, props.width, props.columnRatio, props.columnInfo?.minLabelWidth);\r\n\r\n    const activeMatchIndex = this.props.propertyRecord.property.name === highlight?.activeHighlight?.highlightedItemIdentifier ? highlight.activeHighlight.highlightIndex : undefined;\r\n    const label = highlight ?\r\n      (HighlightedText({ text: displayLabel, searchText: highlight.highlightedText, activeMatchIndex })) :\r\n      displayLabel;\r\n\r\n    return (\r\n      <PropertyView\r\n        {...props}\r\n        labelElement={\r\n          <PrimitivePropertyLabelRenderer offset={offset} renderColon={this.props.orientation === Orientation.Horizontal} tooltip={displayLabel}>\r\n            {label}\r\n          </PrimitivePropertyLabelRenderer>}\r\n      />\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"PrimitivePropertyRenderer.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/PrimitivePropertyRenderer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAC/B,kDAAgD;AAChD,kEAA+D;AAE/D,qEAAkE;AAClE,2FAAwF;AAExF,iDAA8C;AAiB9C;;GAEG;AACH,MAAa,yBAA0B,SAAQ,KAAK,CAAC,SAAiC;IACpF,YAAY,KAA6B;QACvC,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,CAAC;IAED,gBAAgB;IACA,MAAM;;QACpB,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,wDAAwD;QACjH,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,YAAY,CAAC;QACrE,MAAM,MAAM,GAAG,+CAAsB,CAAC,cAAc,CAAC,WAAW,EAAE,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,EAAE,MAAA,KAAK,CAAC,UAAU,0CAAE,aAAa,CAAC,CAAC;QAEtJ,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,MAAK,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,eAAe,0CAAE,yBAAyB,CAAA,CAAC,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC;QAClL,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC;YACvB,CAAC,IAAA,iCAAe,EAAC,EAAE,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,CAAC,eAAe,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC,CAAC;YACpG,YAAY,CAAC;QAEf,OAAO,CACL,oBAAC,2BAAY,OACP,KAAK,EACT,YAAY,EACV,oBAAC,+DAA8B,IAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,wBAAW,CAAC,UAAU,EAAE,OAAO,EAAE,YAAY,IAClI,KAAK,CACyB,GACnC,CACH,CAAC;IACJ,CAAC;CACF;AA1BD,8DA0BC","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 Properties\n */\n\nimport * as React from \"react\";\nimport { Orientation } from \"@itwin/core-react\";\nimport { HighlightedText } from \"../../common/HighlightedText\";\nimport type { HighlightingComponentProps } from \"../../common/HighlightingComponentProps\";\nimport { CommonPropertyRenderer } from \"./CommonPropertyRenderer\";\nimport { PrimitivePropertyLabelRenderer } from \"./label/PrimitivePropertyLabelRenderer\";\nimport type { SharedRendererProps } from \"./PropertyRenderer\";\nimport { PropertyView } from \"./PropertyView\";\n\n/** Properties of [[PrimitivePropertyRenderer]] React component\n * @public\n */\nexport interface PrimitiveRendererProps extends SharedRendererProps {\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  /** Properties used for highlighting\n  */\n  highlight?: HighlightingComponentProps;\n}\n\n/** React Component that renders primitive properties\n * @public\n */\nexport class PrimitivePropertyRenderer extends React.Component<PrimitiveRendererProps> {\n  constructor(props: PrimitiveRendererProps) {\n    super(props);\n  }\n\n  /** @internal */\n  public override render() {\n    const { indentation, highlight, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\n    const displayLabel = this.props.propertyRecord.property.displayLabel;\n    const offset = CommonPropertyRenderer.getLabelOffset(indentation, props.orientation, props.width, props.columnRatio, props.columnInfo?.minLabelWidth);\n\n    const activeMatchIndex = this.props.propertyRecord.property.name === highlight?.activeHighlight?.highlightedItemIdentifier ? highlight.activeHighlight.highlightIndex : undefined;\n    const label = highlight ?\n      (HighlightedText({ text: displayLabel, searchText: highlight.highlightedText, activeMatchIndex })) :\n      displayLabel;\n\n    return (\n      <PropertyView\n        {...props}\n        labelElement={\n          <PrimitivePropertyLabelRenderer offset={offset} renderColon={this.props.orientation === Orientation.Horizontal} tooltip={displayLabel}>\n            {label}\n          </PrimitivePropertyLabelRenderer>}\n      />\n    );\n  }\n}\n"]}

package/lib/cjs/components-react/properties/renderers/PropertyGridColumns.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyGridColumns.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/PropertyGridColumns.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Properties\r\n */\r\n\r\nimport { Orientation } from \"@itwin/core-react\";\r\n\r\n/** @internal */\r\nexport interface PropertyGridColumnInfo {\r\n  minLabelWidth: number;\r\n  minValueWidth: number;\r\n  actionButtonWidth: number;\r\n  isMinimumColumnSizeEnabled: boolean;\r\n}\r\n\r\n/** @internal */\r\nexport class PropertyGridColumnStyleProvider {\r\n  private _minLabelWidth: number = 0;\r\n  private _minValueWidth: number = 0;\r\n  private _actionButtonWidth: number = 0;\r\n  private _isMinimumColumnSizeEnabled: boolean;\r\n\r\n  public constructor(columnInfo: PropertyGridColumnInfo | undefined) {\r\n    if (!columnInfo) {\r\n      this._isMinimumColumnSizeEnabled = false;\r\n      return;\r\n    }\r\n\r\n    this._minLabelWidth = columnInfo.minLabelWidth;\r\n    this._minValueWidth = columnInfo.minValueWidth;\r\n    this._actionButtonWidth = columnInfo.actionButtonWidth;\r\n    this._isMinimumColumnSizeEnabled = columnInfo.isMinimumColumnSizeEnabled;\r\n  }\r\n\r\n  public get minLabelWidth() {\r\n    return this._minLabelWidth;\r\n  }\r\n\r\n  public get minValueWidth() {\r\n    return this._minValueWidth;\r\n  }\r\n\r\n  public get actionButtonWidth() {\r\n    return this._actionButtonWidth;\r\n  }\r\n\r\n  public get isMinimumColumnSizeEnabled() {\r\n    return this._isMinimumColumnSizeEnabled;\r\n  }\r\n\r\n  public getStyle(orientation: Orientation, needActionButtons: boolean, ratio: number, needElementSeparator: boolean): React.CSSProperties {\r\n    switch (orientation) {\r\n      case Orientation.Horizontal:\r\n        return this.getHorizontalStyle(needActionButtons, ratio, needElementSeparator);\r\n      case Orientation.Vertical:\r\n        return this.getVerticalStyle(needActionButtons);\r\n      /* istanbul ignore next */\r\n      default:\r\n        const unhandledOrientationType: never = orientation; // Compile time check that all cases handled\r\n        throw new Error(`Unhandled orientation type: ${unhandledOrientationType}. Was new orientation added ? `);\r\n    }\r\n  }\r\n\r\n  /** Join columns together in sequence, filtering out undefined column definitions */\r\n  private columnStyleBuilder(columns: Array<string | undefined>): React.CSSProperties {\r\n    columns = columns.filter((el) => el !== undefined);\r\n    return { gridTemplateColumns: columns.join(\" \") };\r\n  }\r\n\r\n  private getHorizontalStyle(needActionButtons: boolean, ratio: number, needElementSeparator: boolean): React.CSSProperties {\r\n    const separatorColumn = needElementSeparator ? \"1px\" : undefined;\r\n    if (!this.isMinimumColumnSizeEnabled)\r\n      return this.columnStyleBuilder([`${ratio * 100}%`, separatorColumn, \"auto\", needActionButtons ? \"auto\" : undefined]);\r\n\r\n    const labelColumn = `minmax(${this.minLabelWidth}px, ${ratio * 100}%)`;\r\n    const valueColumn = `minmax(${this.minValueWidth}px, 1fr)`;\r\n    const actionButtonColumn = needActionButtons ? `${this.actionButtonWidth}px` : undefined;\r\n\r\n    return this.columnStyleBuilder([labelColumn, separatorColumn, valueColumn, actionButtonColumn]);\r\n  }\r\n\r\n  private getVerticalStyle(needActionButtons: boolean): React.CSSProperties {\r\n    return this.columnStyleBuilder([\"auto\", needActionButtons ? \"auto\" : undefined]);\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"PropertyGridColumns.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/PropertyGridColumns.ts"],"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 Properties\n */\n\nimport { Orientation } from \"@itwin/core-react\";\n\n/** @internal */\nexport interface PropertyGridColumnInfo {\n  minLabelWidth: number;\n  minValueWidth: number;\n  actionButtonWidth: number;\n  isMinimumColumnSizeEnabled: boolean;\n}\n\n/** @internal */\nexport class PropertyGridColumnStyleProvider {\n  private _minLabelWidth: number = 0;\n  private _minValueWidth: number = 0;\n  private _actionButtonWidth: number = 0;\n  private _isMinimumColumnSizeEnabled: boolean;\n\n  public constructor(columnInfo: PropertyGridColumnInfo | undefined) {\n    if (!columnInfo) {\n      this._isMinimumColumnSizeEnabled = false;\n      return;\n    }\n\n    this._minLabelWidth = columnInfo.minLabelWidth;\n    this._minValueWidth = columnInfo.minValueWidth;\n    this._actionButtonWidth = columnInfo.actionButtonWidth;\n    this._isMinimumColumnSizeEnabled = columnInfo.isMinimumColumnSizeEnabled;\n  }\n\n  public get minLabelWidth() {\n    return this._minLabelWidth;\n  }\n\n  public get minValueWidth() {\n    return this._minValueWidth;\n  }\n\n  public get actionButtonWidth() {\n    return this._actionButtonWidth;\n  }\n\n  public get isMinimumColumnSizeEnabled() {\n    return this._isMinimumColumnSizeEnabled;\n  }\n\n  public getStyle(orientation: Orientation, needActionButtons: boolean, ratio: number, needElementSeparator: boolean): React.CSSProperties {\n    switch (orientation) {\n      case Orientation.Horizontal:\n        return this.getHorizontalStyle(needActionButtons, ratio, needElementSeparator);\n      case Orientation.Vertical:\n        return this.getVerticalStyle(needActionButtons);\n      /* istanbul ignore next */\n      default:\n        const unhandledOrientationType: never = orientation; // Compile time check that all cases handled\n        throw new Error(`Unhandled orientation type: ${unhandledOrientationType}. Was new orientation added ? `);\n    }\n  }\n\n  /** Join columns together in sequence, filtering out undefined column definitions */\n  private columnStyleBuilder(columns: Array<string | undefined>): React.CSSProperties {\n    columns = columns.filter((el) => el !== undefined);\n    return { gridTemplateColumns: columns.join(\" \") };\n  }\n\n  private getHorizontalStyle(needActionButtons: boolean, ratio: number, needElementSeparator: boolean): React.CSSProperties {\n    const separatorColumn = needElementSeparator ? \"1px\" : undefined;\n    if (!this.isMinimumColumnSizeEnabled)\n      return this.columnStyleBuilder([`${ratio * 100}%`, separatorColumn, \"auto\", needActionButtons ? \"auto\" : undefined]);\n\n    const labelColumn = `minmax(${this.minLabelWidth}px, ${ratio * 100}%)`;\n    const valueColumn = `minmax(${this.minValueWidth}px, 1fr)`;\n    const actionButtonColumn = needActionButtons ? `${this.actionButtonWidth}px` : undefined;\n\n    return this.columnStyleBuilder([labelColumn, separatorColumn, valueColumn, actionButtonColumn]);\n  }\n\n  private getVerticalStyle(needActionButtons: boolean): React.CSSProperties {\n    return this.columnStyleBuilder([\"auto\", needActionButtons ? \"auto\" : undefined]);\n  }\n}\n"]}

package/lib/cjs/components-react/properties/renderers/PropertyRenderer.d.ts

@@ -2,13 +2,13 @@
  * @module Properties
  */
 import * as React from "react";
-import { PropertyRecord } from "@itwin/appui-abstract";
-import { Orientation, RatioChangeResult } from "@itwin/core-react";
-import { HighlightingComponentProps } from "../../common/HighlightingComponentProps";
-import { PropertyUpdatedArgs } from "../../editors/EditorContainer";
-import { PropertyValueRendererManager } from "../ValueRendererManager";
-import { ActionButtonRenderer } from "./ActionButtonRenderer";
-import { PropertyGridColumnInfo } from "./PropertyGridColumns";
+import type { PropertyRecord } from "@itwin/appui-abstract";
+import type { Orientation, RatioChangeResult } from "@itwin/core-react";
+import type { HighlightingComponentProps } from "../../common/HighlightingComponentProps";
+import type { PropertyUpdatedArgs } from "../../editors/EditorContainer";
+import type { PropertyValueRendererManager } from "../ValueRendererManager";
+import type { ActionButtonRenderer } from "./ActionButtonRenderer";
+import type { PropertyGridColumnInfo } from "./PropertyGridColumns";
 /** Properties shared by all renderers and PropertyView
  * @public
  */

package/lib/cjs/components-react/properties/renderers/PropertyRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/PropertyRenderer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PropertyRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/PropertyRenderer.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/components-react/properties/renderers/PropertyRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyRenderer.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/PropertyRenderer.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Properties\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { PropertyRecord, PropertyValueFormat } from \"@itwin/appui-abstract\";\r\nimport { Orientation, RatioChangeResult } from \"@itwin/core-react\";\r\nimport { HighlightingComponentProps } from \"../../common/HighlightingComponentProps\";\r\nimport { EditorContainer, PropertyUpdatedArgs } from \"../../editors/EditorContainer\";\r\nimport { UiComponents } from \"../../UiComponents\";\r\nimport { PropertyValueRendererManager } from \"../ValueRendererManager\";\r\nimport { ActionButtonRenderer } from \"./ActionButtonRenderer\";\r\nimport { CommonPropertyRenderer } from \"./CommonPropertyRenderer\";\r\nimport { NonPrimitivePropertyRenderer } from \"./NonPrimitivePropertyRenderer\";\r\nimport { PrimitivePropertyRenderer, PrimitiveRendererProps } from \"./PrimitivePropertyRenderer\";\r\nimport { PropertyGridColumnInfo } from \"./PropertyGridColumns\";\r\n\r\n/** Properties shared by all renderers and PropertyView\r\n * @public\r\n */\r\nexport interface SharedRendererProps {\r\n  /** PropertyRecord to render */\r\n  propertyRecord: PropertyRecord;\r\n  /** Unique string, that identifies this property component. Should be used if onClick or onRightClick are provided */\r\n  uniqueKey?: string;\r\n  /** Orientation to use for displaying the property */\r\n  orientation: Orientation;\r\n  /** Controls component selection */\r\n  isSelected?: boolean;\r\n  /** Called when property gets clicked. If undefined, clicking is disabled */\r\n  onClick?: (property: PropertyRecord, key?: string) => void;\r\n  /** Called when property gets right clicked. If undefined, right clicking is not working */\r\n  onRightClick?: (property: PropertyRecord, key?: string) => void;\r\n  /** Called to show a context menu for properties */\r\n  onContextMenu?: (property: PropertyRecord, e: React.MouseEvent) => void;\r\n  /** Ratio between label and value cells */\r\n  columnRatio?: number;\r\n  /** Callback to column ratio changed event */\r\n  onColumnRatioChanged?: (ratio: number) => void | RatioChangeResult;\r\n  /** Indicates that properties have *hover* effect */\r\n  isHoverable?: boolean;\r\n  /** Indicates that properties can be selected */\r\n  isSelectable?: boolean;\r\n  /** Width of the whole property element */\r\n  width?: number;\r\n  /** Array of action button renderers */\r\n  actionButtonRenderers?: ActionButtonRenderer[];\r\n  /** Is resize handle hovered */\r\n  isResizeHandleHovered?: boolean;\r\n  /** Callback to hover event change */\r\n  onResizeHandleHoverChanged?: (isHovered: boolean) => void;\r\n  /** Is resize handle being dragged */\r\n  isResizeHandleBeingDragged?: boolean;\r\n  /** Callback to drag event change */\r\n  onResizeHandleDragChanged?: (isDragStarted: boolean) => void;\r\n  /** Information for styling property grid columns */\r\n  columnInfo?: PropertyGridColumnInfo;\r\n}\r\n\r\n/** Properties of [[PropertyRenderer]] React component\r\n * @public\r\n */\r\nexport interface PropertyRendererProps extends SharedRendererProps {\r\n  /** Custom value renderer */\r\n  propertyValueRendererManager?: PropertyValueRendererManager;\r\n  /** Multiplier of how much the property is indented to the right */\r\n  indentation?: number;\r\n  /** Indicates property is being edited  */\r\n  isEditing?: boolean;\r\n  /** Called when property edit is committed. */\r\n  onEditCommit?: (args: PropertyUpdatedArgs) => void;\r\n  /** Called when property edit is cancelled. */\r\n  onEditCancel?: () => void;\r\n  /** Props used for highlighting. */\r\n  highlight?: HighlightingComponentProps;\r\n}\r\n\r\n/** State of [[PropertyRenderer]] React component\r\n * @internal\r\n */\r\ninterface PropertyRendererState {\r\n  /** Currently loaded property value */\r\n  displayValue?: React.ReactNode;\r\n}\r\n\r\n/**  A React component that renders properties\r\n * @public\r\n */\r\nexport class PropertyRenderer extends React.Component<PropertyRendererProps, PropertyRendererState> {\r\n  /** @internal */\r\n  public override readonly state: Readonly<PropertyRendererState> = {\r\n    displayValue: UiComponents.translate(\"general.loading\"),\r\n  };\r\n\r\n  constructor(props: PropertyRendererProps) {\r\n    super(props);\r\n  }\r\n\r\n  public static getLabelOffset(indentation?: number, orientation?: Orientation, width?: number, columnRatio?: number, minColumnLabelWidth?: number): number {\r\n    return CommonPropertyRenderer.getLabelOffset(indentation, orientation, width, columnRatio, minColumnLabelWidth);\r\n  }\r\n\r\n  private updateDisplayValue(props: PropertyRendererProps) {\r\n    if (props.isEditing) {\r\n      this.updateDisplayValueAsEditor(props);\r\n      return;\r\n    }\r\n\r\n    const displayValue = CommonPropertyRenderer.createNewDisplayValue(props.orientation, props.propertyRecord, props.indentation, props.propertyValueRendererManager);\r\n    this.setState({ displayValue });\r\n  }\r\n\r\n  private _onEditCommit = (args: PropertyUpdatedArgs) => {\r\n    // istanbul ignore else\r\n    if (this.props.onEditCommit)\r\n      this.props.onEditCommit(args);\r\n  };\r\n\r\n  private _onEditCancel = () => {\r\n    // istanbul ignore else\r\n    if (this.props.onEditCancel)\r\n      this.props.onEditCancel();\r\n  };\r\n\r\n  /** Display property record value in an editor */\r\n  public updateDisplayValueAsEditor(props: PropertyRendererProps) {\r\n    this.setState({\r\n      displayValue:\r\n        <EditorContainer\r\n          propertyRecord={props.propertyRecord}\r\n          onCommit={this._onEditCommit}\r\n          onCancel={this._onEditCancel}\r\n          setFocus={true}\r\n        />,\r\n    });\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentDidMount() {\r\n    this.updateDisplayValue(this.props);\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentDidUpdate(prevProps: PropertyRendererProps) {\r\n    if (prevProps.propertyRecord !== this.props.propertyRecord ||\r\n      prevProps.isEditing !== this.props.isEditing ||\r\n      prevProps.orientation !== this.props.orientation)\r\n      this.updateDisplayValue(this.props);\r\n  }\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    const { propertyValueRendererManager, isEditing, onEditCommit, onEditCancel, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n    const primitiveRendererProps: PrimitiveRendererProps = {\r\n      ...props,\r\n      valueElement: this.state.displayValue,\r\n      indentation: this.props.indentation,\r\n    };\r\n\r\n    switch (this.props.propertyRecord.value.valueFormat) {\r\n      case PropertyValueFormat.Primitive:\r\n        return (\r\n          <PrimitivePropertyRenderer {...primitiveRendererProps} />\r\n        );\r\n      case PropertyValueFormat.Array:\r\n        // If array is empty, render it as a primitive property\r\n        if (this.props.propertyRecord.value.valueFormat === PropertyValueFormat.Array\r\n          && this.props.propertyRecord.value.items.length === 0)\r\n          return (\r\n            <PrimitivePropertyRenderer {...primitiveRendererProps} />\r\n          );\r\n      // eslint-disable-next-line no-fallthrough\r\n      case PropertyValueFormat.Struct:\r\n        return (\r\n          <NonPrimitivePropertyRenderer\r\n            isCollapsible={true}\r\n            {...primitiveRendererProps}\r\n          />\r\n        );\r\n    }\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"PropertyRenderer.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/PropertyRenderer.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 Properties\n */\n\nimport * as React from \"react\";\nimport type { PropertyRecord} from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport type { Orientation, RatioChangeResult } from \"@itwin/core-react\";\nimport type { HighlightingComponentProps } from \"../../common/HighlightingComponentProps\";\nimport type { PropertyUpdatedArgs } from \"../../editors/EditorContainer\";\nimport { EditorContainer } from \"../../editors/EditorContainer\";\nimport { UiComponents } from \"../../UiComponents\";\nimport type { PropertyValueRendererManager } from \"../ValueRendererManager\";\nimport type { ActionButtonRenderer } from \"./ActionButtonRenderer\";\nimport { CommonPropertyRenderer } from \"./CommonPropertyRenderer\";\nimport { NonPrimitivePropertyRenderer } from \"./NonPrimitivePropertyRenderer\";\nimport type { PrimitiveRendererProps } from \"./PrimitivePropertyRenderer\";\nimport { PrimitivePropertyRenderer } from \"./PrimitivePropertyRenderer\";\nimport type { PropertyGridColumnInfo } from \"./PropertyGridColumns\";\n\n/** Properties shared by all renderers and PropertyView\n * @public\n */\nexport interface SharedRendererProps {\n  /** PropertyRecord to render */\n  propertyRecord: PropertyRecord;\n  /** Unique string, that identifies this property component. Should be used if onClick or onRightClick are provided */\n  uniqueKey?: string;\n  /** Orientation to use for displaying the property */\n  orientation: Orientation;\n  /** Controls component selection */\n  isSelected?: boolean;\n  /** Called when property gets clicked. If undefined, clicking is disabled */\n  onClick?: (property: PropertyRecord, key?: string) => void;\n  /** Called when property gets right clicked. If undefined, right clicking is not working */\n  onRightClick?: (property: PropertyRecord, key?: string) => void;\n  /** Called to show a context menu for properties */\n  onContextMenu?: (property: PropertyRecord, e: React.MouseEvent) => void;\n  /** Ratio between label and value cells */\n  columnRatio?: number;\n  /** Callback to column ratio changed event */\n  onColumnRatioChanged?: (ratio: number) => void | RatioChangeResult;\n  /** Indicates that properties have *hover* effect */\n  isHoverable?: boolean;\n  /** Indicates that properties can be selected */\n  isSelectable?: boolean;\n  /** Width of the whole property element */\n  width?: number;\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}\n\n/** Properties of [[PropertyRenderer]] React component\n * @public\n */\nexport interface PropertyRendererProps extends SharedRendererProps {\n  /** Custom value renderer */\n  propertyValueRendererManager?: PropertyValueRendererManager;\n  /** Multiplier of how much the property is indented to the right */\n  indentation?: number;\n  /** Indicates property is being edited  */\n  isEditing?: boolean;\n  /** Called when property edit is committed. */\n  onEditCommit?: (args: PropertyUpdatedArgs) => void;\n  /** Called when property edit is cancelled. */\n  onEditCancel?: () => void;\n  /** Props used for highlighting. */\n  highlight?: HighlightingComponentProps;\n}\n\n/** State of [[PropertyRenderer]] React component\n * @internal\n */\ninterface PropertyRendererState {\n  /** Currently loaded property value */\n  displayValue?: React.ReactNode;\n}\n\n/**  A React component that renders properties\n * @public\n */\nexport class PropertyRenderer extends React.Component<PropertyRendererProps, PropertyRendererState> {\n  /** @internal */\n  public override readonly state: Readonly<PropertyRendererState> = {\n    displayValue: UiComponents.translate(\"general.loading\"),\n  };\n\n  constructor(props: PropertyRendererProps) {\n    super(props);\n  }\n\n  public static getLabelOffset(indentation?: number, orientation?: Orientation, width?: number, columnRatio?: number, minColumnLabelWidth?: number): number {\n    return CommonPropertyRenderer.getLabelOffset(indentation, orientation, width, columnRatio, minColumnLabelWidth);\n  }\n\n  private updateDisplayValue(props: PropertyRendererProps) {\n    if (props.isEditing) {\n      this.updateDisplayValueAsEditor(props);\n      return;\n    }\n\n    const displayValue = CommonPropertyRenderer.createNewDisplayValue(props.orientation, props.propertyRecord, props.indentation, props.propertyValueRendererManager);\n    this.setState({ displayValue });\n  }\n\n  private _onEditCommit = (args: PropertyUpdatedArgs) => {\n    // istanbul ignore else\n    if (this.props.onEditCommit)\n      this.props.onEditCommit(args);\n  };\n\n  private _onEditCancel = () => {\n    // istanbul ignore else\n    if (this.props.onEditCancel)\n      this.props.onEditCancel();\n  };\n\n  /** Display property record value in an editor */\n  public updateDisplayValueAsEditor(props: PropertyRendererProps) {\n    this.setState({\n      displayValue:\n        <EditorContainer\n          propertyRecord={props.propertyRecord}\n          onCommit={this._onEditCommit}\n          onCancel={this._onEditCancel}\n          setFocus={true}\n        />,\n    });\n  }\n\n  /** @internal */\n  public override componentDidMount() {\n    this.updateDisplayValue(this.props);\n  }\n\n  /** @internal */\n  public override componentDidUpdate(prevProps: PropertyRendererProps) {\n    if (prevProps.propertyRecord !== this.props.propertyRecord ||\n      prevProps.isEditing !== this.props.isEditing ||\n      prevProps.orientation !== this.props.orientation)\n      this.updateDisplayValue(this.props);\n  }\n\n  /** @internal */\n  public override render() {\n    const { propertyValueRendererManager, isEditing, onEditCommit, onEditCancel, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\n    const primitiveRendererProps: PrimitiveRendererProps = {\n      ...props,\n      valueElement: this.state.displayValue,\n      indentation: this.props.indentation,\n    };\n\n    switch (this.props.propertyRecord.value.valueFormat) {\n      case PropertyValueFormat.Primitive:\n        return (\n          <PrimitivePropertyRenderer {...primitiveRendererProps} />\n        );\n      case PropertyValueFormat.Array:\n        // If array is empty, render it as a primitive property\n        if (this.props.propertyRecord.value.valueFormat === PropertyValueFormat.Array\n          && this.props.propertyRecord.value.items.length === 0)\n          return (\n            <PrimitivePropertyRenderer {...primitiveRendererProps} />\n          );\n      // eslint-disable-next-line no-fallthrough\n      case PropertyValueFormat.Struct:\n        return (\n          <NonPrimitivePropertyRenderer\n            isCollapsible={true}\n            {...primitiveRendererProps}\n          />\n        );\n    }\n  }\n}\n"]}

package/lib/cjs/components-react/properties/renderers/PropertyView.d.ts

@@ -3,7 +3,7 @@
  */
 import "./PropertyView.scss";
 import * as React from "react";
-import { SharedRendererProps } from "./PropertyRenderer";
+import type { SharedRendererProps } from "./PropertyRenderer";
 /** Properties of [[PropertyView]] React component
  * @public
  */

package/lib/cjs/components-react/properties/renderers/PropertyView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyView.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/PropertyView.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,qBAAqB,CAAC;AAC7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAEzD;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,mBAAmB;IAC5D,wCAAwC;IACxC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,wCAAwC;IACxC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,mFAAmF;IACnF,oBAAoB,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;CAC9C;AAED,gBAAgB;AAChB,UAAU,iBAAiB;IACzB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED;;;GAGG;AACH,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;gBACzE,KAAK,EAAE,iBAAiB;IAOpC,OAAO,CAAC,QAAQ,CAGd;IAEF,OAAO,CAAC,aAAa,CAGnB;IAEF,OAAO,CAAC,aAAa,CAGnB;IAEF,OAAO,CAAC,cAAc,CAOpB;IAEF,OAAO,CAAC,YAAY;IAapB,gBAAgB;IACA,MAAM;CAiDvB"}
+{"version":3,"file":"PropertyView.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/PropertyView.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,qBAAqB,CAAC;AAC7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAE9D;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,mBAAmB;IAC5D,wCAAwC;IACxC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,wCAAwC;IACxC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,mFAAmF;IACnF,oBAAoB,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;CAC9C;AAED,gBAAgB;AAChB,UAAU,iBAAiB;IACzB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED;;;GAGG;AACH,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;gBACzE,KAAK,EAAE,iBAAiB;IAOpC,OAAO,CAAC,QAAQ,CAGd;IAEF,OAAO,CAAC,aAAa,CAGnB;IAEF,OAAO,CAAC,aAAa,CAGnB;IAEF,OAAO,CAAC,cAAc,CAOpB;IAEF,OAAO,CAAC,YAAY;IAapB,gBAAgB;IACA,MAAM;CAiDvB"}

package/lib/cjs/components-react/properties/renderers/PropertyView.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyView.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/PropertyView.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,+BAA6B;AAC7B,6CAA+B;AAC/B,0DAA4D;AAC5D,kDAAkE;AAClE,yDAAsD;AACtD,+DAAwE;AAoBxE;;;GAGG;AACH,MAAa,YAAa,SAAQ,KAAK,CAAC,SAA+C;IACrF,YAAY,KAAwB;QAClC,KAAK,CAAC,KAAK,CAAC,CAAC;QAMP,aAAQ,GAAG,GAAG,EAAE;YACtB,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO;gBACpB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACxE,CAAC,CAAC;QAEM,kBAAa,GAAG,GAAG,EAAE;YAC3B,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW;gBACxB,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;QACvC,CAAC,CAAC;QAEM,kBAAa,GAAG,GAAG,EAAE;YAC3B,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW;gBACxB,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;QACxC,CAAC,CAAC;QAEM,mBAAc,GAAG,CAAC,CAAmB,EAAE,EAAE;YAC/C,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa;gBAC1B,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;YACzD,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY;gBACzB,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;YAC3E,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,OAAO,KAAK,CAAC;QACf,CAAC,CAAC;QA3BA,IAAI,CAAC,KAAK,GAAG;YACX,SAAS,EAAE,KAAK;SACjB,CAAC;IACJ,CAAC;IA0BO,YAAY,CAAC,KAAwB;QAC3C,IAAI,uBAAuB,GAAG,KAAK,CAAC,WAAW,KAAK,wBAAW,CAAC,UAAU;YACxE,CAAC,CAAC,wCAAwC;YAC1C,CAAC,CAAC,sCAAsC,CAAC;QAC3C,IAAI,KAAK,CAAC,UAAU;YAClB,uBAAuB,IAAI,uBAAuB,CAAC;QACrD,IAAI,KAAK,CAAC,OAAO;YACf,uBAAuB,IAAI,wBAAwB,CAAC;QACtD,IAAI,KAAK,CAAC,WAAW;YACnB,uBAAuB,IAAI,wBAAwB,CAAC;QACtD,OAAO,uBAAuB,CAAC;IACjC,CAAC;IAED,gBAAgB;IACA,MAAM;QACpB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC;QACrE,MAAM,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,wBAAW,CAAC,UAAU,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC;QACpH,MAAM,iBAAiB,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC;QAC7D,MAAM,oBAAoB,GAAG,IAAI,qDAA+B,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QAExF,OAAO,CACL,6BACE,KAAK,EAAE,oBAAoB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,iBAAiB,EAAE,KAAK,EAAE,oBAAoB,CAAC,EAC5G,SAAS,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,EACxC,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,aAAa,EAAE,IAAI,CAAC,cAAc,EAClC,YAAY,EAAE,IAAI,CAAC,aAAa,EAChC,YAAY,EAAE,IAAI,CAAC,aAAa,EAChC,IAAI,EAAC,cAAc;YAEnB,6BAAK,SAAS,EAAC,kCAAkC,IAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAO;YAChF,oBAAoB;gBACnB,CAAC,CAAC,oBAAC,6BAAgB,IACjB,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAC7B,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,oBAAoB,EAC/C,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,qBAAqB,EAAE,IAAI,CAAC,KAAK,CAAC,qBAAqB,EACvD,0BAA0B,EAAE,IAAI,CAAC,KAAK,CAAC,0BAA0B,EACjE,0BAA0B,EAAE,IAAI,CAAC,KAAK,CAAC,0BAA0B,EACjE,yBAAyB,EAAE,IAAI,CAAC,KAAK,CAAC,yBAAyB,GAC/D;gBACF,CAAC,CAAC,SAAS;YACZ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,WAAW,KAAK,oCAAmB,CAAC,SAAS;gBAC5E,CAAC,CAAC,6BAAK,SAAS,EAAC,kCAAkC;oBACjD,kCAAO,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,oBAAoB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAQ,CACxG;gBACN,CAAC,CAAC,SAAS;YAEZ,IAAI,CAAC,KAAK,CAAC,qBAAqB;gBAC/B,CAAC;oBACD,oBAAC,mCAAgB,IACf,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,EACnC,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EACvC,qBAAqB,EAAE,IAAI,CAAC,KAAK,CAAC,qBAAqB,GACvD;gBACF,CAAC;oBACD,SAAS,CAEP,CACP,CAAC;IACJ,CAAC;CACF;AA/FD,oCA+FC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Properties\r\n */\r\n\r\nimport \"./PropertyView.scss\";\r\nimport * as React from \"react\";\r\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\r\nimport { ElementSeparator, Orientation } from \"@itwin/core-react\";\r\nimport { ActionButtonList } from \"./ActionButtonList\";\r\nimport { PropertyGridColumnStyleProvider } from \"./PropertyGridColumns\";\r\nimport { SharedRendererProps } from \"./PropertyRenderer\";\r\n\r\n/** Properties of [[PropertyView]] React component\r\n * @public\r\n */\r\nexport interface PropertyViewProps extends SharedRendererProps {\r\n  /** Property label as a React element */\r\n  labelElement: React.ReactNode;\r\n  /** Property value as a React element */\r\n  valueElement?: React.ReactNode;\r\n  /** Render callback for property value. If specified, `valueElement` is ignored. */\r\n  valueElementRenderer?: () => React.ReactNode;\r\n}\r\n\r\n/** @internal */\r\ninterface PropertyViewState {\r\n  isHovered: boolean;\r\n}\r\n\r\n/**\r\n * A React component that renders property as label/value pair\r\n * @public\r\n */\r\nexport class PropertyView extends React.Component<PropertyViewProps, PropertyViewState> {\r\n  constructor(props: PropertyViewProps) {\r\n    super(props);\r\n    this.state = {\r\n      isHovered: false,\r\n    };\r\n  }\r\n\r\n  private _onClick = () => {\r\n    if (this.props.onClick)\r\n      this.props.onClick(this.props.propertyRecord, this.props.uniqueKey);\r\n  };\r\n\r\n  private _onMouseEnter = () => {\r\n    if (this.props.isHoverable)\r\n      this.setState({ isHovered: true });\r\n  };\r\n\r\n  private _onMouseLeave = () => {\r\n    if (this.props.isHoverable)\r\n      this.setState({ isHovered: false });\r\n  };\r\n\r\n  private _onContextMenu = (e: React.MouseEvent) => {\r\n    if (this.props.onContextMenu)\r\n      this.props.onContextMenu(this.props.propertyRecord, e);\r\n    if (this.props.onRightClick)\r\n      this.props.onRightClick(this.props.propertyRecord, this.props.uniqueKey);\r\n    e.preventDefault();\r\n    return false;\r\n  };\r\n\r\n  private getClassName(props: PropertyViewProps) {\r\n    let propertyRecordClassName = props.orientation === Orientation.Horizontal\r\n      ? \"components-property-record--horizontal\"\r\n      : \"components-property-record--vertical\";\r\n    if (props.isSelected)\r\n      propertyRecordClassName += \" components--selected\";\r\n    if (props.onClick)\r\n      propertyRecordClassName += \" components--clickable\";\r\n    if (props.isHoverable)\r\n      propertyRecordClassName += \" components--hoverable\";\r\n    return propertyRecordClassName;\r\n  }\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    const ratio = this.props.columnRatio ? this.props.columnRatio : 0.25;\r\n    const needElementSeparator = this.props.orientation === Orientation.Horizontal && !!this.props.onColumnRatioChanged;\r\n    const needActionButtons = !!this.props.actionButtonRenderers;\r\n    const columnsStyleProvider = new PropertyGridColumnStyleProvider(this.props.columnInfo);\r\n\r\n    return (\r\n      <div\r\n        style={columnsStyleProvider.getStyle(this.props.orientation, needActionButtons, ratio, needElementSeparator)}\r\n        className={this.getClassName(this.props)}\r\n        onClick={this._onClick}\r\n        onContextMenu={this._onContextMenu}\r\n        onMouseEnter={this._onMouseEnter}\r\n        onMouseLeave={this._onMouseLeave}\r\n        role=\"presentation\"\r\n      >\r\n        <div className=\"components-property-record-label\">{this.props.labelElement}</div>\r\n        {needElementSeparator\r\n          ? <ElementSeparator\r\n            movableArea={this.props.width}\r\n            onRatioChanged={this.props.onColumnRatioChanged}\r\n            ratio={ratio}\r\n            orientation={this.props.orientation}\r\n            isResizeHandleHovered={this.props.isResizeHandleHovered}\r\n            onResizeHandleHoverChanged={this.props.onResizeHandleHoverChanged}\r\n            isResizeHandleBeingDragged={this.props.isResizeHandleBeingDragged}\r\n            onResizeHandleDragChanged={this.props.onResizeHandleDragChanged}\r\n          />\r\n          : undefined}\r\n        {this.props.propertyRecord.value.valueFormat === PropertyValueFormat.Primitive\r\n          ? <div className=\"components-property-record-value\">\r\n            <span>{this.props.valueElementRenderer ? this.props.valueElementRenderer() : this.props.valueElement}</span>\r\n          </div>\r\n          : undefined\r\n        }\r\n        {this.props.actionButtonRenderers\r\n          ?\r\n          <ActionButtonList\r\n            orientation={this.props.orientation}\r\n            property={this.props.propertyRecord}\r\n            isPropertyHovered={this.state.isHovered}\r\n            actionButtonRenderers={this.props.actionButtonRenderers}\r\n          />\r\n          :\r\n          undefined\r\n        }\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"PropertyView.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/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*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Properties\n */\n\nimport \"./PropertyView.scss\";\nimport * as React from \"react\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { ElementSeparator, Orientation } from \"@itwin/core-react\";\nimport { ActionButtonList } from \"./ActionButtonList\";\nimport { PropertyGridColumnStyleProvider } from \"./PropertyGridColumns\";\nimport type { SharedRendererProps } from \"./PropertyRenderer\";\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}\n\n/** @internal */\ninterface PropertyViewState {\n  isHovered: boolean;\n}\n\n/**\n * A React component that renders property as label/value pair\n * @public\n */\nexport class PropertyView extends React.Component<PropertyViewProps, PropertyViewState> {\n  constructor(props: PropertyViewProps) {\n    super(props);\n    this.state = {\n      isHovered: false,\n    };\n  }\n\n  private _onClick = () => {\n    if (this.props.onClick)\n      this.props.onClick(this.props.propertyRecord, this.props.uniqueKey);\n  };\n\n  private _onMouseEnter = () => {\n    if (this.props.isHoverable)\n      this.setState({ isHovered: true });\n  };\n\n  private _onMouseLeave = () => {\n    if (this.props.isHoverable)\n      this.setState({ isHovered: false });\n  };\n\n  private _onContextMenu = (e: React.MouseEvent) => {\n    if (this.props.onContextMenu)\n      this.props.onContextMenu(this.props.propertyRecord, e);\n    if (this.props.onRightClick)\n      this.props.onRightClick(this.props.propertyRecord, this.props.uniqueKey);\n    e.preventDefault();\n    return false;\n  };\n\n  private getClassName(props: PropertyViewProps) {\n    let propertyRecordClassName = props.orientation === Orientation.Horizontal\n      ? \"components-property-record--horizontal\"\n      : \"components-property-record--vertical\";\n    if (props.isSelected)\n      propertyRecordClassName += \" components--selected\";\n    if (props.onClick)\n      propertyRecordClassName += \" components--clickable\";\n    if (props.isHoverable)\n      propertyRecordClassName += \" components--hoverable\";\n    return propertyRecordClassName;\n  }\n\n  /** @internal */\n  public override render() {\n    const ratio = this.props.columnRatio ? this.props.columnRatio : 0.25;\n    const needElementSeparator = this.props.orientation === Orientation.Horizontal && !!this.props.onColumnRatioChanged;\n    const needActionButtons = !!this.props.actionButtonRenderers;\n    const columnsStyleProvider = new PropertyGridColumnStyleProvider(this.props.columnInfo);\n\n    return (\n      <div\n        style={columnsStyleProvider.getStyle(this.props.orientation, needActionButtons, ratio, needElementSeparator)}\n        className={this.getClassName(this.props)}\n        onClick={this._onClick}\n        onContextMenu={this._onContextMenu}\n        onMouseEnter={this._onMouseEnter}\n        onMouseLeave={this._onMouseLeave}\n        role=\"presentation\"\n      >\n        <div className=\"components-property-record-label\">{this.props.labelElement}</div>\n        {needElementSeparator\n          ? <ElementSeparator\n            movableArea={this.props.width}\n            onRatioChanged={this.props.onColumnRatioChanged}\n            ratio={ratio}\n            orientation={this.props.orientation}\n            isResizeHandleHovered={this.props.isResizeHandleHovered}\n            onResizeHandleHoverChanged={this.props.onResizeHandleHoverChanged}\n            isResizeHandleBeingDragged={this.props.isResizeHandleBeingDragged}\n            onResizeHandleDragChanged={this.props.onResizeHandleDragChanged}\n          />\n          : undefined}\n        {this.props.propertyRecord.value.valueFormat === PropertyValueFormat.Primitive\n          ? <div className=\"components-property-record-value\">\n            <span>{this.props.valueElementRenderer ? this.props.valueElementRenderer() : this.props.valueElement}</span>\n          </div>\n          : undefined\n        }\n        {this.props.actionButtonRenderers\n          ?\n          <ActionButtonList\n            orientation={this.props.orientation}\n            property={this.props.propertyRecord}\n            isPropertyHovered={this.state.isHovered}\n            actionButtonRenderers={this.props.actionButtonRenderers}\n          />\n          :\n          undefined\n        }\n      </div>\n    );\n  }\n}\n"]}