@itwin/components-react 3.4.0-dev.57 → 3.4.0-dev.59

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":"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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 { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { Orientation } from \"@itwin/core-react\";\nimport { countMatchesInString } from \"../../common/countMatchesInString\";\nimport { HighlightedText } from \"../../common/HighlightedText\";\nimport { HighlightingComponentProps } from \"../../common/HighlightingComponentProps\";\nimport { PropertyContainerType, PropertyValueRendererContext, 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"]}
+{"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,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,YAAY,EAAC,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,aAAX,WAAW,uBAAX,WAAW,CAAE,yBAAyB,CAAC;QAC5D,MAAM,UAAU,GAAG,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,cAAc,mCAAI,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"]}

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

@@ -1,37 +1,37 @@
-/** @packageDocumentation
- * @module Properties
- */
-import "./NonPrimitivePropertyRenderer.scss";
-import * as React from "react";
-import { 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;
-    constructor(props: NonPrimitivePropertyRendererProps);
-    private _onExpanded;
-    private _onCollapsed;
-    private getLabel;
-    private overrideArrayChildrenNames;
-    private _renderPropertyForItem;
-    /** @internal */
-    render(): JSX.Element;
-}
-export {};
+/** @packageDocumentation
+ * @module Properties
+ */
+import "./NonPrimitivePropertyRenderer.scss";
+import * as React from "react";
+import { 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;
+    constructor(props: NonPrimitivePropertyRendererProps);
+    private _onExpanded;
+    private _onCollapsed;
+    private getLabel;
+    private overrideArrayChildrenNames;
+    private _renderPropertyForItem;
+    /** @internal */
+    render(): JSX.Element;
+}
+export {};
 //# sourceMappingURL=NonPrimitivePropertyRenderer.d.ts.map

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

@@ -1,94 +1,94 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Properties
- */
-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.NonPrimitivePropertyRenderer = void 0;
-require("./NonPrimitivePropertyRenderer.scss");
-const React = __importStar(require("react"));
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const CommonPropertyRenderer_1 = require("./CommonPropertyRenderer");
-const NonPrimitivePropertyLabelRenderer_1 = require("./label/NonPrimitivePropertyLabelRenderer");
-const PropertyRenderer_1 = require("./PropertyRenderer");
-const PropertyView_1 = require("./PropertyView");
-/** React Component that renders struct and array properties
- * @public
- */
-class NonPrimitivePropertyRenderer extends React.Component {
-    constructor(props) {
-        super(props);
-        /** @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_1.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;
-        // istanbul ignore next
-        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)
-            displayLabel = `${displayLabel} (${this.props.propertyRecord.value.items.length})`;
-        return (React.createElement(NonPrimitivePropertyLabelRenderer_1.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 appui_abstract_1.PropertyRecord(item.value, newProperty);
-        });
-        return modifiedProperties;
-    }
-    /** @internal */
-    render() {
-        let items = this.props.propertyRecord.getChildrenRecords();
-        if (this.props.propertyRecord.value.valueFormat === appui_abstract_1.PropertyValueFormat.Array)
-            items = this.overrideArrayChildrenNames(items);
-        const { children, indentation, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
-        return (React.createElement(React.Fragment, null,
-            this.props.isCollapsible
-                ?
-                    React.createElement(PropertyView_1.PropertyView, { labelElement: this.getLabel(this.props, this.state), ...props })
-                : undefined,
-            this.state.isExpanded ? items.map(this._renderPropertyForItem) : undefined));
-    }
-}
-exports.NonPrimitivePropertyRenderer = NonPrimitivePropertyRenderer;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Properties
+ */
+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.NonPrimitivePropertyRenderer = void 0;
+require("./NonPrimitivePropertyRenderer.scss");
+const React = __importStar(require("react"));
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const CommonPropertyRenderer_1 = require("./CommonPropertyRenderer");
+const NonPrimitivePropertyLabelRenderer_1 = require("./label/NonPrimitivePropertyLabelRenderer");
+const PropertyRenderer_1 = require("./PropertyRenderer");
+const PropertyView_1 = require("./PropertyView");
+/** React Component that renders struct and array properties
+ * @public
+ */
+class NonPrimitivePropertyRenderer extends React.Component {
+    constructor(props) {
+        super(props);
+        /** @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_1.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;
+        // istanbul ignore next
+        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)
+            displayLabel = `${displayLabel} (${this.props.propertyRecord.value.items.length})`;
+        return (React.createElement(NonPrimitivePropertyLabelRenderer_1.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 appui_abstract_1.PropertyRecord(item.value, newProperty);
+        });
+        return modifiedProperties;
+    }
+    /** @internal */
+    render() {
+        let items = this.props.propertyRecord.getChildrenRecords();
+        if (this.props.propertyRecord.value.valueFormat === appui_abstract_1.PropertyValueFormat.Array)
+            items = this.overrideArrayChildrenNames(items);
+        const { children, indentation, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
+        return (React.createElement(React.Fragment, null,
+            this.props.isCollapsible
+                ?
+                    React.createElement(PropertyView_1.PropertyView, { labelElement: this.getLabel(this.props, this.state), ...props })
+                : undefined,
+            this.state.isExpanded ? items.map(this._renderPropertyForItem) : undefined));
+    }
+}
+exports.NonPrimitivePropertyRenderer = NonPrimitivePropertyRenderer;
 //# sourceMappingURL=NonPrimitivePropertyRenderer.js.map

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":["/*---------------------------------------------------------------------------------------------\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 { 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 { children, 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"]}
+{"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 { children, 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"]}

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: 3px;
-  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: 3px;
+  border: solid 1px $uicore-gray-9;
+
+  background-color: #ffffff;
 }

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

@@ -1,29 +1,29 @@
-/** @packageDocumentation
- * @module Properties
- */
-import * as React from "react";
-import { HighlightingComponentProps } from "../../common/HighlightingComponentProps";
-import { SharedRendererProps } from "./PropertyRenderer";
-/** 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
-    */
-    highlight?: HighlightingComponentProps;
-}
-/** React Component that renders primitive properties
- * @public
- */
-export declare class PrimitivePropertyRenderer extends React.Component<PrimitiveRendererProps> {
-    constructor(props: PrimitiveRendererProps);
-    /** @internal */
-    render(): JSX.Element;
-}
+/** @packageDocumentation
+ * @module Properties
+ */
+import * as React from "react";
+import { HighlightingComponentProps } from "../../common/HighlightingComponentProps";
+import { SharedRendererProps } from "./PropertyRenderer";
+/** 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
+    */
+    highlight?: HighlightingComponentProps;
+}
+/** React Component that renders primitive properties
+ * @public
+ */
+export declare class PrimitivePropertyRenderer extends React.Component<PrimitiveRendererProps> {
+    constructor(props: PrimitiveRendererProps);
+    /** @internal */
+    render(): JSX.Element;
+}
 //# sourceMappingURL=PrimitivePropertyRenderer.d.ts.map

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

@@ -1,57 +1,57 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Properties
- */
-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.PrimitivePropertyRenderer = void 0;
-const React = __importStar(require("react"));
-const core_react_1 = require("@itwin/core-react");
-const HighlightedText_1 = require("../../common/HighlightedText");
-const CommonPropertyRenderer_1 = require("./CommonPropertyRenderer");
-const PrimitivePropertyLabelRenderer_1 = require("./label/PrimitivePropertyLabelRenderer");
-const PropertyView_1 = require("./PropertyView");
-/** React Component that renders primitive properties
- * @public
- */
-class PrimitivePropertyRenderer extends React.Component {
-    constructor(props) {
-        super(props);
-    }
-    /** @internal */
-    render() {
-        var _a, _b;
-        const { children, 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, (_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;
-        return (React.createElement(PropertyView_1.PropertyView, { ...props, labelElement: React.createElement(PrimitivePropertyLabelRenderer_1.PrimitivePropertyLabelRenderer, { offset: offset, renderColon: this.props.orientation === core_react_1.Orientation.Horizontal, tooltip: displayLabel }, label) }));
-    }
-}
-exports.PrimitivePropertyRenderer = PrimitivePropertyRenderer;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Properties
+ */
+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.PrimitivePropertyRenderer = void 0;
+const React = __importStar(require("react"));
+const core_react_1 = require("@itwin/core-react");
+const HighlightedText_1 = require("../../common/HighlightedText");
+const CommonPropertyRenderer_1 = require("./CommonPropertyRenderer");
+const PrimitivePropertyLabelRenderer_1 = require("./label/PrimitivePropertyLabelRenderer");
+const PropertyView_1 = require("./PropertyView");
+/** React Component that renders primitive properties
+ * @public
+ */
+class PrimitivePropertyRenderer extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+    /** @internal */
+    render() {
+        var _a, _b;
+        const { children, 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, (_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;
+        return (React.createElement(PropertyView_1.PropertyView, { ...props, labelElement: React.createElement(PrimitivePropertyLabelRenderer_1.PrimitivePropertyLabelRenderer, { offset: offset, renderColon: this.props.orientation === core_react_1.Orientation.Horizontal, tooltip: displayLabel }, label) }));
+    }
+}
+exports.PrimitivePropertyRenderer = PrimitivePropertyRenderer;
 //# sourceMappingURL=PrimitivePropertyRenderer.js.map

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,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,wDAAwD;QAC3H,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 { HighlightingComponentProps } from \"../../common/HighlightingComponentProps\";\nimport { CommonPropertyRenderer } from \"./CommonPropertyRenderer\";\nimport { PrimitivePropertyLabelRenderer } from \"./label/PrimitivePropertyLabelRenderer\";\nimport { 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 { children, 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"]}
+{"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,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,wDAAwD;QAC3H,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":["/*---------------------------------------------------------------------------------------------\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 { children, 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"]}