@itwin/components-react 4.0.0-dev.12 → 4.0.0-dev.14

package/lib/cjs/components-react/propertygrid/internal/flat-properties/FlatNonPrimitivePropertyRenderer.js

@@ -1,69 +1,73 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FlatNonPrimitivePropertyRenderer = void 0;
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module PropertyGrid
- */
-require("../../../properties/renderers/NonPrimitivePropertyRenderer.scss");
-const React = __importStar(require("react"));
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const CommonPropertyRenderer_1 = require("../../../properties/renderers/CommonPropertyRenderer");
-const NonPrimitivePropertyLabelRenderer_1 = require("../../../properties/renderers/label/NonPrimitivePropertyLabelRenderer");
-const PropertyView_1 = require("../../../properties/renderers/PropertyView");
-/** React Component that renders flat struct and array properties
- * @internal
- */
-class FlatNonPrimitivePropertyRenderer extends React.Component {
-    constructor(props) {
-        super(props);
-        this._onExpanded = () => {
-            /* istanbul ignore else */
-            if (!this.props.isExpanded)
-                this.props.onExpandToggled();
-        };
-        this._onCollapsed = () => {
-            /* istanbul ignore else */
-            if (this.props.isExpanded)
-                this.props.onExpandToggled();
-        };
-    }
-    getLabel(props) {
-        const { orientation, indentation, width, columnRatio, columnInfo } = props;
-        const offset = CommonPropertyRenderer_1.CommonPropertyRenderer.getLabelOffset(indentation, orientation, width, columnRatio, columnInfo === null || columnInfo === void 0 ? void 0 : columnInfo.minLabelWidth);
-        let displayLabel = props.propertyRecord.property.displayLabel;
-        if (props.propertyRecord.value.valueFormat === appui_abstract_1.PropertyValueFormat.Array)
-            displayLabel = `${displayLabel} (${props.propertyRecord.value.items.length})`;
-        return (React.createElement(NonPrimitivePropertyLabelRenderer_1.NonPrimitivePropertyLabelRenderer, { isExpanded: props.isExpanded, onExpand: this._onExpanded, onCollapse: this._onCollapsed, offset: offset, renderColon: false }, displayLabel));
-    }
-    /** @internal */
-    render() {
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        const { indentation, ...props } = this.props;
-        return (React.createElement(PropertyView_1.PropertyView, { labelElement: this.getLabel(this.props), ...props }));
-    }
-}
-exports.FlatNonPrimitivePropertyRenderer = FlatNonPrimitivePropertyRenderer;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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.FlatNonPrimitivePropertyRenderer = void 0;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module PropertyGrid
+ */
+require("../../../properties/renderers/NonPrimitivePropertyRenderer.scss");
+const React = __importStar(require("react"));
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const CommonPropertyRenderer_1 = require("../../../properties/renderers/CommonPropertyRenderer");
+const NonPrimitivePropertyLabelRenderer_1 = require("../../../properties/renderers/label/NonPrimitivePropertyLabelRenderer");
+const PropertyView_1 = require("../../../properties/renderers/PropertyView");
+/** React Component that renders flat struct and array properties
+ * @internal
+ */
+class FlatNonPrimitivePropertyRenderer extends React.Component {
+    constructor(props) {
+        super(props);
+        this._onExpanded = () => {
+            /* istanbul ignore else */
+            if (!this.props.isExpanded)
+                this.props.onExpandToggled();
+        };
+        this._onCollapsed = () => {
+            /* istanbul ignore else */
+            if (this.props.isExpanded)
+                this.props.onExpandToggled();
+        };
+    }
+    getLabel(props) {
+        const { orientation, indentation, width, columnRatio, columnInfo } = props;
+        const offset = CommonPropertyRenderer_1.CommonPropertyRenderer.getLabelOffset(indentation, orientation, width, columnRatio, columnInfo?.minLabelWidth);
+        let displayLabel = props.propertyRecord.property.displayLabel;
+        if (props.propertyRecord.value.valueFormat === appui_abstract_1.PropertyValueFormat.Array)
+            displayLabel = `${displayLabel} (${props.propertyRecord.value.items.length})`;
+        return (React.createElement(NonPrimitivePropertyLabelRenderer_1.NonPrimitivePropertyLabelRenderer, { isExpanded: props.isExpanded, onExpand: this._onExpanded, onCollapse: this._onCollapsed, offset: offset, renderColon: false }, displayLabel));
+    }
+    /** @internal */
+    render() {
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        const { indentation, ...props } = this.props;
+        return (React.createElement(PropertyView_1.PropertyView, { labelElement: this.getLabel(this.props), ...props }));
+    }
+}
+exports.FlatNonPrimitivePropertyRenderer = FlatNonPrimitivePropertyRenderer;
 //# sourceMappingURL=FlatNonPrimitivePropertyRenderer.js.map

package/lib/cjs/components-react/propertygrid/internal/flat-properties/FlatNonPrimitivePropertyRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlatNonPrimitivePropertyRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/propertygrid/internal/flat-properties/FlatNonPrimitivePropertyRenderer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F;;GAEG;AACH,2EAAyE;AACzE,6CAA+B;AAC/B,0DAA4D;AAC5D,iGAA8F;AAE9F,6HAA0H;AAC1H,6EAA0E;AAU1E;;GAEG;AACH,MAAa,gCAAiC,SAAQ,KAAK,CAAC,SAAgD;IAC1G,YAAY,KAA4C;QACtD,KAAK,CAAC,KAAK,CAAC,CAAC;QAGP,gBAAW,GAAG,GAAG,EAAE;YACzB,0BAA0B;YAC1B,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU;gBACxB,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE,CAAC;QACjC,CAAC,CAAC;QAEM,iBAAY,GAAG,GAAG,EAAE;YAC1B,0BAA0B;YAC1B,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU;gBACvB,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE,CAAC;QACjC,CAAC,CAAC;IAZF,CAAC;IAcO,QAAQ,CAAC,KAA4C;QAC3D,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;QAC3E,MAAM,MAAM,GAAG,+CAAsB,CAAC,cAAc,CAAC,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,aAAa,CAAC,CAAC;QAE9H,IAAI,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,YAAY,CAAC;QAC9D,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,WAAW,KAAK,oCAAmB,CAAC,KAAK;YACtE,YAAY,GAAG,GAAG,YAAY,KAAK,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;QAEhF,OAAO,CACL,oBAAC,qEAAiC,IAChC,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,QAAQ,EAAE,IAAI,CAAC,WAAW,EAC1B,UAAU,EAAE,IAAI,CAAC,YAAY,EAC7B,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,KAAK,IAEjB,YAAY,CACqB,CACrC,CAAC;IACJ,CAAC;IAED,gBAAgB;IACA,MAAM;QACpB,6DAA6D;QAC7D,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC7C,OAAO,CACL,oBAAC,2BAAY,IACX,YAAY,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KACnC,KAAK,GACT,CACH,CAAC;IACJ,CAAC;CACF;AAjDD,4EAiDC","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 PropertyGrid\r\n */\r\nimport \"../../../properties/renderers/NonPrimitivePropertyRenderer.scss\";\r\nimport * as React from \"react\";\r\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\r\nimport { CommonPropertyRenderer } from \"../../../properties/renderers/CommonPropertyRenderer\";\r\nimport { PrimitiveRendererProps } from \"../../../properties/renderers/PrimitivePropertyRenderer\";\r\nimport { NonPrimitivePropertyLabelRenderer } from \"../../../properties/renderers/label/NonPrimitivePropertyLabelRenderer\";\r\nimport { PropertyView } from \"../../../properties/renderers/PropertyView\";\r\n\r\n/** Properties of [[FlatNonPrimitivePropertyRenderer]] React component\r\n * @internal\r\n */\r\nexport interface FlatNonPrimitivePropertyRendererProps extends PrimitiveRendererProps {\r\n  isExpanded: boolean;\r\n  onExpandToggled: () => void;\r\n}\r\n\r\n/** React Component that renders flat struct and array properties\r\n * @internal\r\n */\r\nexport class FlatNonPrimitivePropertyRenderer extends React.Component<FlatNonPrimitivePropertyRendererProps> {\r\n  constructor(props: FlatNonPrimitivePropertyRendererProps) {\r\n    super(props);\r\n  }\r\n\r\n  private _onExpanded = () => {\r\n    /* istanbul ignore else */\r\n    if (!this.props.isExpanded)\r\n      this.props.onExpandToggled();\r\n  };\r\n\r\n  private _onCollapsed = () => {\r\n    /* istanbul ignore else */\r\n    if (this.props.isExpanded)\r\n      this.props.onExpandToggled();\r\n  };\r\n\r\n  private getLabel(props: FlatNonPrimitivePropertyRendererProps): React.ReactNode {\r\n    const { orientation, indentation, width, columnRatio, columnInfo } = props;\r\n    const offset = CommonPropertyRenderer.getLabelOffset(indentation, orientation, width, columnRatio, columnInfo?.minLabelWidth);\r\n\r\n    let displayLabel = props.propertyRecord.property.displayLabel;\r\n    if (props.propertyRecord.value.valueFormat === PropertyValueFormat.Array)\r\n      displayLabel = `${displayLabel} (${props.propertyRecord.value.items.length})`;\r\n\r\n    return (\r\n      <NonPrimitivePropertyLabelRenderer\r\n        isExpanded={props.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  /** @internal */\r\n  public override render() {\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    const { indentation, ...props } = this.props;\r\n    return (\r\n      <PropertyView\r\n        labelElement={this.getLabel(this.props)}\r\n        {...props}\r\n      />\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"FlatNonPrimitivePropertyRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/propertygrid/internal/flat-properties/FlatNonPrimitivePropertyRenderer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F;;GAEG;AACH,2EAAyE;AACzE,6CAA+B;AAC/B,0DAA4D;AAC5D,iGAA8F;AAE9F,6HAA0H;AAC1H,6EAA0E;AAU1E;;GAEG;AACH,MAAa,gCAAiC,SAAQ,KAAK,CAAC,SAAgD;IAC1G,YAAY,KAA4C;QACtD,KAAK,CAAC,KAAK,CAAC,CAAC;QAGP,gBAAW,GAAG,GAAG,EAAE;YACzB,0BAA0B;YAC1B,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU;gBACxB,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE,CAAC;QACjC,CAAC,CAAC;QAEM,iBAAY,GAAG,GAAG,EAAE;YAC1B,0BAA0B;YAC1B,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU;gBACvB,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE,CAAC;QACjC,CAAC,CAAC;IAZF,CAAC;IAcO,QAAQ,CAAC,KAA4C;QAC3D,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;QAC3E,MAAM,MAAM,GAAG,+CAAsB,CAAC,cAAc,CAAC,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC;QAE9H,IAAI,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,YAAY,CAAC;QAC9D,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,WAAW,KAAK,oCAAmB,CAAC,KAAK;YACtE,YAAY,GAAG,GAAG,YAAY,KAAK,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;QAEhF,OAAO,CACL,oBAAC,qEAAiC,IAChC,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,QAAQ,EAAE,IAAI,CAAC,WAAW,EAC1B,UAAU,EAAE,IAAI,CAAC,YAAY,EAC7B,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,KAAK,IAEjB,YAAY,CACqB,CACrC,CAAC;IACJ,CAAC;IAED,gBAAgB;IACA,MAAM;QACpB,6DAA6D;QAC7D,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC7C,OAAO,CACL,oBAAC,2BAAY,IACX,YAAY,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KACnC,KAAK,GACT,CACH,CAAC;IACJ,CAAC;CACF;AAjDD,4EAiDC","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 PropertyGrid\r\n */\r\nimport \"../../../properties/renderers/NonPrimitivePropertyRenderer.scss\";\r\nimport * as React from \"react\";\r\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\r\nimport { CommonPropertyRenderer } from \"../../../properties/renderers/CommonPropertyRenderer\";\r\nimport { PrimitiveRendererProps } from \"../../../properties/renderers/PrimitivePropertyRenderer\";\r\nimport { NonPrimitivePropertyLabelRenderer } from \"../../../properties/renderers/label/NonPrimitivePropertyLabelRenderer\";\r\nimport { PropertyView } from \"../../../properties/renderers/PropertyView\";\r\n\r\n/** Properties of [[FlatNonPrimitivePropertyRenderer]] React component\r\n * @internal\r\n */\r\nexport interface FlatNonPrimitivePropertyRendererProps extends PrimitiveRendererProps {\r\n  isExpanded: boolean;\r\n  onExpandToggled: () => void;\r\n}\r\n\r\n/** React Component that renders flat struct and array properties\r\n * @internal\r\n */\r\nexport class FlatNonPrimitivePropertyRenderer extends React.Component<FlatNonPrimitivePropertyRendererProps> {\r\n  constructor(props: FlatNonPrimitivePropertyRendererProps) {\r\n    super(props);\r\n  }\r\n\r\n  private _onExpanded = () => {\r\n    /* istanbul ignore else */\r\n    if (!this.props.isExpanded)\r\n      this.props.onExpandToggled();\r\n  };\r\n\r\n  private _onCollapsed = () => {\r\n    /* istanbul ignore else */\r\n    if (this.props.isExpanded)\r\n      this.props.onExpandToggled();\r\n  };\r\n\r\n  private getLabel(props: FlatNonPrimitivePropertyRendererProps): React.ReactNode {\r\n    const { orientation, indentation, width, columnRatio, columnInfo } = props;\r\n    const offset = CommonPropertyRenderer.getLabelOffset(indentation, orientation, width, columnRatio, columnInfo?.minLabelWidth);\r\n\r\n    let displayLabel = props.propertyRecord.property.displayLabel;\r\n    if (props.propertyRecord.value.valueFormat === PropertyValueFormat.Array)\r\n      displayLabel = `${displayLabel} (${props.propertyRecord.value.items.length})`;\r\n\r\n    return (\r\n      <NonPrimitivePropertyLabelRenderer\r\n        isExpanded={props.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  /** @internal */\r\n  public override render() {\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    const { indentation, ...props } = this.props;\r\n    return (\r\n      <PropertyView\r\n        labelElement={this.getLabel(this.props)}\r\n        {...props}\r\n      />\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/cjs/components-react/propertygrid/internal/flat-properties/FlatPropertyRenderer.d.ts

@@ -1,41 +1,41 @@
-/** @packageDocumentation
- * @module PropertyGrid
- */
-import * as React from "react";
-import { HighlightingComponentProps } from "../../../common/HighlightingComponentProps";
-import { PropertyUpdatedArgs } from "../../../editors/EditorContainer";
-import { SharedRendererProps } from "../../../properties/renderers/PropertyRenderer";
-import { PropertyValueRendererManager } from "../../../properties/ValueRendererManager";
-import { PropertyCategory } from "../../PropertyDataProvider";
-/** Properties of [[FlatPropertyRenderer]] React component
- * @internal
- */
-export interface FlatPropertyRendererProps extends SharedRendererProps {
-    category?: PropertyCategory;
-    /** Custom value renderer */
-    propertyValueRendererManager?: PropertyValueRendererManager;
-    /** Multiplier of how much the property is indented to the right */
-    indentation?: number;
-    /** Indicates property is being edited */
-    isEditing?: boolean;
-    /** Called when property edit is committed. */
-    onEditCommit?: (args: PropertyUpdatedArgs, category: PropertyCategory) => void;
-    /** Called when property edit is cancelled. */
-    onEditCancel?: () => void;
-    /** Whether property value is displayed in expanded state. */
-    isExpanded: boolean;
-    /** Called when toggling between expanded and collapsed property value display state. */
-    onExpansionToggled: () => void;
-    /** Reports property height changes. */
-    onHeightChanged?: (newHeight: number) => void;
-    highlight?: HighlightingComponentProps & {
-        applyOnLabel: boolean;
-        applyOnValue: boolean;
-    };
-    children?: never;
-}
-/**  A React component that renders flat properties
- * @internal
- */
-export declare const FlatPropertyRenderer: React.FC<FlatPropertyRendererProps>;
+/** @packageDocumentation
+ * @module PropertyGrid
+ */
+import * as React from "react";
+import { HighlightingComponentProps } from "../../../common/HighlightingComponentProps";
+import { PropertyUpdatedArgs } from "../../../editors/EditorContainer";
+import { SharedRendererProps } from "../../../properties/renderers/PropertyRenderer";
+import { PropertyValueRendererManager } from "../../../properties/ValueRendererManager";
+import { PropertyCategory } from "../../PropertyDataProvider";
+/** Properties of [[FlatPropertyRenderer]] React component
+ * @internal
+ */
+export interface FlatPropertyRendererProps extends SharedRendererProps {
+    category?: PropertyCategory;
+    /** Custom value renderer */
+    propertyValueRendererManager?: PropertyValueRendererManager;
+    /** Multiplier of how much the property is indented to the right */
+    indentation?: number;
+    /** Indicates property is being edited */
+    isEditing?: boolean;
+    /** Called when property edit is committed. */
+    onEditCommit?: (args: PropertyUpdatedArgs, category: PropertyCategory) => void;
+    /** Called when property edit is cancelled. */
+    onEditCancel?: () => void;
+    /** Whether property value is displayed in expanded state. */
+    isExpanded: boolean;
+    /** Called when toggling between expanded and collapsed property value display state. */
+    onExpansionToggled: () => void;
+    /** Reports property height changes. */
+    onHeightChanged?: (newHeight: number) => void;
+    highlight?: HighlightingComponentProps & {
+        applyOnLabel: boolean;
+        applyOnValue: boolean;
+    };
+    children?: never;
+}
+/**  A React component that renders flat properties
+ * @internal
+ */
+export declare const FlatPropertyRenderer: React.FC<FlatPropertyRendererProps>;
 //# sourceMappingURL=FlatPropertyRenderer.d.ts.map

package/lib/cjs/components-react/propertygrid/internal/flat-properties/FlatPropertyRenderer.js

@@ -1,83 +1,85 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module PropertyGrid
- */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FlatPropertyRenderer = void 0;
-const React = __importStar(require("react"));
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const EditorContainer_1 = require("../../../editors/EditorContainer");
-const CommonPropertyRenderer_1 = require("../../../properties/renderers/CommonPropertyRenderer");
-const PrimitivePropertyRenderer_1 = require("../../../properties/renderers/PrimitivePropertyRenderer");
-const FlatNonPrimitivePropertyRenderer_1 = require("./FlatNonPrimitivePropertyRenderer");
-/**  A React component that renders flat properties
- * @internal
- */
-const FlatPropertyRenderer = (props) => {
-    const { category, propertyValueRendererManager, isEditing, onEditCommit, onEditCancel, onHeightChanged, highlight, ...passthroughProps } = props;
-    const valueElementRenderer = () => (React.createElement(DisplayValue, { propertyRecord: passthroughProps.propertyRecord, orientation: passthroughProps.orientation, columnRatio: passthroughProps.columnRatio, width: passthroughProps.width, category: category, propertyValueRendererManager: propertyValueRendererManager, isEditing: isEditing, onEditCommit: onEditCommit, onEditCancel: onEditCancel, isExpanded: passthroughProps.isExpanded, onExpansionToggled: passthroughProps.onExpansionToggled, onHeightChanged: onHeightChanged, highlight: highlight }));
-    const primitiveRendererProps = {
-        ...passthroughProps,
-        valueElementRenderer,
-        indentation: props.indentation,
-    };
-    switch (props.propertyRecord.value.valueFormat) {
-        case appui_abstract_1.PropertyValueFormat.Primitive:
-            return (React.createElement(PrimitivePropertyRenderer_1.PrimitivePropertyRenderer, { highlight: (highlight === null || highlight === void 0 ? void 0 : highlight.applyOnLabel) ? highlight : undefined, ...primitiveRendererProps }));
-        case appui_abstract_1.PropertyValueFormat.Array:
-            // If array is empty, render it as a primitive property
-            if (props.propertyRecord.value.items.length === 0)
-                return (React.createElement(PrimitivePropertyRenderer_1.PrimitivePropertyRenderer, { highlight: (highlight === null || highlight === void 0 ? void 0 : highlight.applyOnLabel) ? highlight : undefined, ...primitiveRendererProps }));
-        // eslint-disable-next-line no-fallthrough
-        case appui_abstract_1.PropertyValueFormat.Struct:
-            return (React.createElement(FlatNonPrimitivePropertyRenderer_1.FlatNonPrimitivePropertyRenderer, { isExpanded: props.isExpanded, onExpandToggled: props.onExpansionToggled, ...primitiveRendererProps }));
-    }
-};
-exports.FlatPropertyRenderer = FlatPropertyRenderer;
-const DisplayValue = (props) => {
-    var _a;
-    useResetHeightOnEdit(props.isEditing, props.onHeightChanged);
-    if (props.isEditing) {
-        const _onEditCommit = (args) => {
-            var _a;
-            /* istanbul ignore else */
-            if (props.category)
-                (_a = props.onEditCommit) === null || _a === void 0 ? void 0 : _a.call(props, args, props.category);
-        };
-        return (React.createElement(EditorContainer_1.EditorContainer, { propertyRecord: props.propertyRecord, onCommit: _onEditCommit, onCancel: (_a = props.onEditCancel) !== null && _a !== void 0 ? _a : ( /* istanbul ignore next */() => { }), setFocus: true }));
-    }
-    return (React.createElement(React.Fragment, null, CommonPropertyRenderer_1.CommonPropertyRenderer.createNewDisplayValue(props.orientation, props.propertyRecord, props.indentation, props.propertyValueRendererManager, props.isExpanded, props.onExpansionToggled, props.onHeightChanged, props.highlight)));
-};
-function useResetHeightOnEdit(isEditing, onHeightChanged) {
-    const previousEditingStatusRef = React.useRef(isEditing);
-    React.useEffect(() => {
-        if (!previousEditingStatusRef.current && isEditing) {
-            onHeightChanged === null || onHeightChanged === void 0 ? void 0 : onHeightChanged(27);
-        }
-        previousEditingStatusRef.current = isEditing;
-    });
-}
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module PropertyGrid
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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.FlatPropertyRenderer = void 0;
+const React = __importStar(require("react"));
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const EditorContainer_1 = require("../../../editors/EditorContainer");
+const CommonPropertyRenderer_1 = require("../../../properties/renderers/CommonPropertyRenderer");
+const PrimitivePropertyRenderer_1 = require("../../../properties/renderers/PrimitivePropertyRenderer");
+const FlatNonPrimitivePropertyRenderer_1 = require("./FlatNonPrimitivePropertyRenderer");
+/**  A React component that renders flat properties
+ * @internal
+ */
+const FlatPropertyRenderer = (props) => {
+    const { category, propertyValueRendererManager, isEditing, onEditCommit, onEditCancel, onHeightChanged, highlight, ...passthroughProps } = props;
+    const valueElementRenderer = () => (React.createElement(DisplayValue, { propertyRecord: passthroughProps.propertyRecord, orientation: passthroughProps.orientation, columnRatio: passthroughProps.columnRatio, width: passthroughProps.width, category: category, propertyValueRendererManager: propertyValueRendererManager, isEditing: isEditing, onEditCommit: onEditCommit, onEditCancel: onEditCancel, isExpanded: passthroughProps.isExpanded, onExpansionToggled: passthroughProps.onExpansionToggled, onHeightChanged: onHeightChanged, highlight: highlight }));
+    const primitiveRendererProps = {
+        ...passthroughProps,
+        valueElementRenderer,
+        indentation: props.indentation,
+    };
+    switch (props.propertyRecord.value.valueFormat) {
+        case appui_abstract_1.PropertyValueFormat.Primitive:
+            return (React.createElement(PrimitivePropertyRenderer_1.PrimitivePropertyRenderer, { highlight: highlight?.applyOnLabel ? highlight : undefined, ...primitiveRendererProps }));
+        case appui_abstract_1.PropertyValueFormat.Array:
+            // If array is empty, render it as a primitive property
+            if (props.propertyRecord.value.items.length === 0)
+                return (React.createElement(PrimitivePropertyRenderer_1.PrimitivePropertyRenderer, { highlight: highlight?.applyOnLabel ? highlight : undefined, ...primitiveRendererProps }));
+        // eslint-disable-next-line no-fallthrough
+        case appui_abstract_1.PropertyValueFormat.Struct:
+            return (React.createElement(FlatNonPrimitivePropertyRenderer_1.FlatNonPrimitivePropertyRenderer, { isExpanded: props.isExpanded, onExpandToggled: props.onExpansionToggled, ...primitiveRendererProps }));
+    }
+};
+exports.FlatPropertyRenderer = FlatPropertyRenderer;
+const DisplayValue = (props) => {
+    useResetHeightOnEdit(props.isEditing, props.onHeightChanged);
+    if (props.isEditing) {
+        const _onEditCommit = (args) => {
+            /* istanbul ignore else */
+            if (props.category)
+                props.onEditCommit?.(args, props.category);
+        };
+        return (React.createElement(EditorContainer_1.EditorContainer, { propertyRecord: props.propertyRecord, onCommit: _onEditCommit, onCancel: props.onEditCancel ?? ( /* istanbul ignore next */() => { }), setFocus: true }));
+    }
+    return (React.createElement(React.Fragment, null, CommonPropertyRenderer_1.CommonPropertyRenderer.createNewDisplayValue(props.orientation, props.propertyRecord, props.indentation, props.propertyValueRendererManager, props.isExpanded, props.onExpansionToggled, props.onHeightChanged, props.highlight)));
+};
+function useResetHeightOnEdit(isEditing, onHeightChanged) {
+    const previousEditingStatusRef = React.useRef(isEditing);
+    React.useEffect(() => {
+        if (!previousEditingStatusRef.current && isEditing) {
+            onHeightChanged?.(27);
+        }
+        previousEditingStatusRef.current = isEditing;
+    });
+}
 //# sourceMappingURL=FlatPropertyRenderer.js.map

package/lib/cjs/components-react/propertygrid/internal/flat-properties/FlatPropertyRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlatPropertyRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/propertygrid/internal/flat-properties/FlatPropertyRenderer.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 PropertyGrid\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { PropertyRecord, PropertyValueFormat } from \"@itwin/appui-abstract\";\r\nimport { Orientation } from \"@itwin/core-react\";\r\nimport { HighlightingComponentProps } from \"../../../common/HighlightingComponentProps\";\r\nimport { EditorContainer, PropertyUpdatedArgs } from \"../../../editors/EditorContainer\";\r\nimport { CommonPropertyRenderer } from \"../../../properties/renderers/CommonPropertyRenderer\";\r\nimport { PrimitivePropertyRenderer, PrimitiveRendererProps } from \"../../../properties/renderers/PrimitivePropertyRenderer\";\r\nimport { SharedRendererProps } from \"../../../properties/renderers/PropertyRenderer\";\r\nimport { PropertyValueRendererManager } from \"../../../properties/ValueRendererManager\";\r\nimport { PropertyCategory } from \"../../PropertyDataProvider\";\r\nimport { FlatNonPrimitivePropertyRenderer } from \"./FlatNonPrimitivePropertyRenderer\";\r\n\r\n/** Properties of [[FlatPropertyRenderer]] React component\r\n * @internal\r\n */\r\nexport interface FlatPropertyRendererProps extends SharedRendererProps {\r\n  category?: PropertyCategory;\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, category: PropertyCategory) => void;\r\n  /** Called when property edit is cancelled. */\r\n  onEditCancel?: () => void;\r\n  /** Whether property value is displayed in expanded state. */\r\n  isExpanded: boolean;\r\n  /** Called when toggling between expanded and collapsed property value display state. */\r\n  onExpansionToggled: () => void;\r\n  /** Reports property height changes. */\r\n  onHeightChanged?: (newHeight: number) => void;\r\n\r\n  highlight?: HighlightingComponentProps & { applyOnLabel: boolean, applyOnValue: boolean };\r\n\r\n  children?: never;\r\n}\r\n\r\n/**  A React component that renders flat properties\r\n * @internal\r\n */\r\nexport const FlatPropertyRenderer: React.FC<FlatPropertyRendererProps> = (props) => {\r\n  const {\r\n    category,\r\n    propertyValueRendererManager,\r\n    isEditing,\r\n    onEditCommit,\r\n    onEditCancel,\r\n    onHeightChanged,\r\n    highlight,\r\n    ...passthroughProps\r\n  } = props;\r\n\r\n  const valueElementRenderer = () => (\r\n    <DisplayValue\r\n      propertyRecord={passthroughProps.propertyRecord}\r\n      orientation={passthroughProps.orientation}\r\n      columnRatio={passthroughProps.columnRatio}\r\n      width={passthroughProps.width}\r\n      category={category}\r\n      propertyValueRendererManager={propertyValueRendererManager}\r\n      isEditing={isEditing}\r\n      onEditCommit={onEditCommit}\r\n      onEditCancel={onEditCancel}\r\n      isExpanded={passthroughProps.isExpanded}\r\n      onExpansionToggled={passthroughProps.onExpansionToggled}\r\n      onHeightChanged={onHeightChanged}\r\n      highlight={highlight}\r\n    />\r\n  );\r\n\r\n  const primitiveRendererProps: PrimitiveRendererProps = {\r\n    ...passthroughProps,\r\n    valueElementRenderer,\r\n    indentation: props.indentation,\r\n  };\r\n  switch (props.propertyRecord.value.valueFormat) {\r\n    case PropertyValueFormat.Primitive:\r\n      return (<PrimitivePropertyRenderer highlight={highlight?.applyOnLabel ? highlight : undefined} {...primitiveRendererProps} />);\r\n\r\n    case PropertyValueFormat.Array:\r\n      // If array is empty, render it as a primitive property\r\n      if (props.propertyRecord.value.items.length === 0)\r\n        return (<PrimitivePropertyRenderer highlight={highlight?.applyOnLabel ? highlight : undefined} {...primitiveRendererProps} />);\r\n\r\n    // eslint-disable-next-line no-fallthrough\r\n    case PropertyValueFormat.Struct:\r\n      return (\r\n        <FlatNonPrimitivePropertyRenderer\r\n          isExpanded={props.isExpanded}\r\n          onExpandToggled={props.onExpansionToggled}\r\n          {...primitiveRendererProps}\r\n        />\r\n      );\r\n  }\r\n};\r\n\r\ninterface DisplayValueProps {\r\n  isEditing?: boolean;\r\n  propertyRecord: PropertyRecord;\r\n\r\n  orientation: Orientation;\r\n  columnRatio?: number;\r\n  /** Pass width to rerender component as property grid width changes */\r\n  width?: number;\r\n  indentation?: number;\r\n  propertyValueRendererManager?: PropertyValueRendererManager;\r\n  isExpanded?: boolean;\r\n  onExpansionToggled?: () => void;\r\n  onHeightChanged?: (newHeight: number) => void;\r\n\r\n  category?: PropertyCategory;\r\n  onEditCancel?: () => void;\r\n  onEditCommit?: (args: PropertyUpdatedArgs, category: PropertyCategory) => void;\r\n\r\n  highlight?: HighlightingComponentProps & { applyOnLabel: boolean, applyOnValue: boolean };\r\n}\r\n\r\nconst DisplayValue: React.FC<DisplayValueProps> = (props) => {\r\n  useResetHeightOnEdit(props.isEditing, props.onHeightChanged);\r\n\r\n  if (props.isEditing) {\r\n    const _onEditCommit = (args: PropertyUpdatedArgs) => {\r\n      /* istanbul ignore else */\r\n      if (props.category)\r\n        props.onEditCommit?.(args, props.category);\r\n    };\r\n\r\n    return (\r\n      <EditorContainer\r\n        propertyRecord={props.propertyRecord}\r\n        onCommit={_onEditCommit}\r\n        onCancel={props.onEditCancel ?? (/* istanbul ignore next */() => { })}\r\n        setFocus={true}\r\n      />\r\n    );\r\n  }\r\n\r\n  return (\r\n    <>\r\n      {\r\n        CommonPropertyRenderer.createNewDisplayValue(\r\n          props.orientation,\r\n          props.propertyRecord,\r\n          props.indentation,\r\n          props.propertyValueRendererManager,\r\n          props.isExpanded,\r\n          props.onExpansionToggled,\r\n          props.onHeightChanged,\r\n          props.highlight\r\n        )\r\n      }\r\n    </>\r\n  );\r\n};\r\n\r\nfunction useResetHeightOnEdit(isEditing?: boolean, onHeightChanged?: (newHeight: number) => void) {\r\n  const previousEditingStatusRef = React.useRef(isEditing);\r\n  React.useEffect(() => {\r\n    if (!previousEditingStatusRef.current && isEditing) {\r\n      onHeightChanged?.(27);\r\n    }\r\n\r\n    previousEditingStatusRef.current = isEditing;\r\n  });\r\n}\r\n"]}
+{"version":3,"file":"FlatPropertyRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/propertygrid/internal/flat-properties/FlatPropertyRenderer.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 PropertyGrid\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { PropertyRecord, PropertyValueFormat } from \"@itwin/appui-abstract\";\r\nimport { Orientation } from \"@itwin/core-react\";\r\nimport { HighlightingComponentProps } from \"../../../common/HighlightingComponentProps\";\r\nimport { EditorContainer, PropertyUpdatedArgs } from \"../../../editors/EditorContainer\";\r\nimport { CommonPropertyRenderer } from \"../../../properties/renderers/CommonPropertyRenderer\";\r\nimport { PrimitivePropertyRenderer, PrimitiveRendererProps } from \"../../../properties/renderers/PrimitivePropertyRenderer\";\r\nimport { SharedRendererProps } from \"../../../properties/renderers/PropertyRenderer\";\r\nimport { PropertyValueRendererManager } from \"../../../properties/ValueRendererManager\";\r\nimport { PropertyCategory } from \"../../PropertyDataProvider\";\r\nimport { FlatNonPrimitivePropertyRenderer } from \"./FlatNonPrimitivePropertyRenderer\";\r\n\r\n/** Properties of [[FlatPropertyRenderer]] React component\r\n * @internal\r\n */\r\nexport interface FlatPropertyRendererProps extends SharedRendererProps {\r\n  category?: PropertyCategory;\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, category: PropertyCategory) => void;\r\n  /** Called when property edit is cancelled. */\r\n  onEditCancel?: () => void;\r\n  /** Whether property value is displayed in expanded state. */\r\n  isExpanded: boolean;\r\n  /** Called when toggling between expanded and collapsed property value display state. */\r\n  onExpansionToggled: () => void;\r\n  /** Reports property height changes. */\r\n  onHeightChanged?: (newHeight: number) => void;\r\n\r\n  highlight?: HighlightingComponentProps & { applyOnLabel: boolean, applyOnValue: boolean };\r\n\r\n  children?: never;\r\n}\r\n\r\n/**  A React component that renders flat properties\r\n * @internal\r\n */\r\nexport const FlatPropertyRenderer: React.FC<FlatPropertyRendererProps> = (props) => {\r\n  const {\r\n    category,\r\n    propertyValueRendererManager,\r\n    isEditing,\r\n    onEditCommit,\r\n    onEditCancel,\r\n    onHeightChanged,\r\n    highlight,\r\n    ...passthroughProps\r\n  } = props;\r\n\r\n  const valueElementRenderer = () => (\r\n    <DisplayValue\r\n      propertyRecord={passthroughProps.propertyRecord}\r\n      orientation={passthroughProps.orientation}\r\n      columnRatio={passthroughProps.columnRatio}\r\n      width={passthroughProps.width}\r\n      category={category}\r\n      propertyValueRendererManager={propertyValueRendererManager}\r\n      isEditing={isEditing}\r\n      onEditCommit={onEditCommit}\r\n      onEditCancel={onEditCancel}\r\n      isExpanded={passthroughProps.isExpanded}\r\n      onExpansionToggled={passthroughProps.onExpansionToggled}\r\n      onHeightChanged={onHeightChanged}\r\n      highlight={highlight}\r\n    />\r\n  );\r\n\r\n  const primitiveRendererProps: PrimitiveRendererProps = {\r\n    ...passthroughProps,\r\n    valueElementRenderer,\r\n    indentation: props.indentation,\r\n  };\r\n  switch (props.propertyRecord.value.valueFormat) {\r\n    case PropertyValueFormat.Primitive:\r\n      return (<PrimitivePropertyRenderer highlight={highlight?.applyOnLabel ? highlight : undefined} {...primitiveRendererProps} />);\r\n\r\n    case PropertyValueFormat.Array:\r\n      // If array is empty, render it as a primitive property\r\n      if (props.propertyRecord.value.items.length === 0)\r\n        return (<PrimitivePropertyRenderer highlight={highlight?.applyOnLabel ? highlight : undefined} {...primitiveRendererProps} />);\r\n\r\n    // eslint-disable-next-line no-fallthrough\r\n    case PropertyValueFormat.Struct:\r\n      return (\r\n        <FlatNonPrimitivePropertyRenderer\r\n          isExpanded={props.isExpanded}\r\n          onExpandToggled={props.onExpansionToggled}\r\n          {...primitiveRendererProps}\r\n        />\r\n      );\r\n  }\r\n};\r\n\r\ninterface DisplayValueProps {\r\n  isEditing?: boolean;\r\n  propertyRecord: PropertyRecord;\r\n\r\n  orientation: Orientation;\r\n  columnRatio?: number;\r\n  /** Pass width to rerender component as property grid width changes */\r\n  width?: number;\r\n  indentation?: number;\r\n  propertyValueRendererManager?: PropertyValueRendererManager;\r\n  isExpanded?: boolean;\r\n  onExpansionToggled?: () => void;\r\n  onHeightChanged?: (newHeight: number) => void;\r\n\r\n  category?: PropertyCategory;\r\n  onEditCancel?: () => void;\r\n  onEditCommit?: (args: PropertyUpdatedArgs, category: PropertyCategory) => void;\r\n\r\n  highlight?: HighlightingComponentProps & { applyOnLabel: boolean, applyOnValue: boolean };\r\n}\r\n\r\nconst DisplayValue: React.FC<DisplayValueProps> = (props) => {\r\n  useResetHeightOnEdit(props.isEditing, props.onHeightChanged);\r\n\r\n  if (props.isEditing) {\r\n    const _onEditCommit = (args: PropertyUpdatedArgs) => {\r\n      /* istanbul ignore else */\r\n      if (props.category)\r\n        props.onEditCommit?.(args, props.category);\r\n    };\r\n\r\n    return (\r\n      <EditorContainer\r\n        propertyRecord={props.propertyRecord}\r\n        onCommit={_onEditCommit}\r\n        onCancel={props.onEditCancel ?? (/* istanbul ignore next */() => { })}\r\n        setFocus={true}\r\n      />\r\n    );\r\n  }\r\n\r\n  return (\r\n    <>\r\n      {\r\n        CommonPropertyRenderer.createNewDisplayValue(\r\n          props.orientation,\r\n          props.propertyRecord,\r\n          props.indentation,\r\n          props.propertyValueRendererManager,\r\n          props.isExpanded,\r\n          props.onExpansionToggled,\r\n          props.onHeightChanged,\r\n          props.highlight\r\n        )\r\n      }\r\n    </>\r\n  );\r\n};\r\n\r\nfunction useResetHeightOnEdit(isEditing?: boolean, onHeightChanged?: (newHeight: number) => void) {\r\n  const previousEditingStatusRef = React.useRef(isEditing);\r\n  React.useEffect(() => {\r\n    if (!previousEditingStatusRef.current && isEditing) {\r\n      onHeightChanged?.(27);\r\n    }\r\n\r\n    previousEditingStatusRef.current = isEditing;\r\n  });\r\n}\r\n"]}

package/lib/cjs/components-react/selectable-content/SelectableContent.d.ts

@@ -1,49 +1,49 @@
-/** @packageDocumentation
- * @module SelectableContent
- */
-import "./SelectableContent.scss";
-import * as React from "react";
-/**
- * A definition for content displayed in [[ControlledSelectableContent]] and
- * [[SelectableContent]] components.
- * @public
- */
-export interface SelectableContentDefinition {
-    id: string;
-    label: string;
-    render: () => React.ReactNode;
-}
-/**
- * [[ControlledSelectableContent]] component properties
- * @public
- */
-export interface ControlledSelectableContentProps {
-    selectedContentId: string;
-    onSelectedContentIdChanged?: (contentId: string) => void;
-    children: SelectableContentDefinition[];
-    selectAriaLabel?: string;
-}
-/**
- * A fully-controlled component that accepts a list of child components with ids and labels and
- * renders a select box at the top, allowing to choose which of the provided child components
- * should be rendered at the bottom.
- * @public
- */
-export declare function ControlledSelectableContent(props: ControlledSelectableContentProps): JSX.Element;
-/**
- * [[SelectableContent]] component properties
- * @public
- */
-export interface SelectableContentProps {
-    defaultSelectedContentId: string;
-    children: SelectableContentDefinition[];
-    selectAriaLabel?: string;
-}
-/**
- * An uncontrolled component that accepts a list of child components with ids and labels and
- * renders a select box at the top, allowing to choose which of the provided child components
- * should be rendered at the bottom.
- * @public
- */
-export declare function SelectableContent(props: SelectableContentProps): JSX.Element;
+/** @packageDocumentation
+ * @module SelectableContent
+ */
+import "./SelectableContent.scss";
+import * as React from "react";
+/**
+ * A definition for content displayed in [[ControlledSelectableContent]] and
+ * [[SelectableContent]] components.
+ * @public
+ */
+export interface SelectableContentDefinition {
+    id: string;
+    label: string;
+    render: () => React.ReactNode;
+}
+/**
+ * [[ControlledSelectableContent]] component properties
+ * @public
+ */
+export interface ControlledSelectableContentProps {
+    selectedContentId: string;
+    onSelectedContentIdChanged?: (contentId: string) => void;
+    children: SelectableContentDefinition[];
+    selectAriaLabel?: string;
+}
+/**
+ * A fully-controlled component that accepts a list of child components with ids and labels and
+ * renders a select box at the top, allowing to choose which of the provided child components
+ * should be rendered at the bottom.
+ * @public
+ */
+export declare function ControlledSelectableContent(props: ControlledSelectableContentProps): JSX.Element;
+/**
+ * [[SelectableContent]] component properties
+ * @public
+ */
+export interface SelectableContentProps {
+    defaultSelectedContentId: string;
+    children: SelectableContentDefinition[];
+    selectAriaLabel?: string;
+}
+/**
+ * An uncontrolled component that accepts a list of child components with ids and labels and
+ * renders a select box at the top, allowing to choose which of the provided child components
+ * should be rendered at the bottom.
+ * @public
+ */
+export declare function SelectableContent(props: SelectableContentProps): JSX.Element;
 //# sourceMappingURL=SelectableContent.d.ts.map