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

package/lib/esm/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/esm/components-react/properties/renderers/PrimitivePropertyRenderer.js

@@ -1,34 +1,33 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-import * as React from "react";
-import { Orientation } from "@itwin/core-react";
-import { HighlightedText } from "../../common/HighlightedText";
-import { CommonPropertyRenderer } from "./CommonPropertyRenderer";
-import { PrimitivePropertyLabelRenderer } from "./label/PrimitivePropertyLabelRenderer";
-import { PropertyView } from "./PropertyView";
-/** React Component that renders primitive properties
- * @public
- */
-export class PrimitivePropertyRenderer extends React.Component {
-    constructor(props) {
-        super(props);
-    }
-    /** @internal */
-    render() {
-        var _a, _b;
-        const { indentation, highlight, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
-        const displayLabel = this.props.propertyRecord.property.displayLabel;
-        const offset = CommonPropertyRenderer.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 ?
-            (HighlightedText({ text: displayLabel, searchText: highlight.highlightedText, activeMatchIndex })) :
-            displayLabel;
-        return (React.createElement(PropertyView, { ...props, labelElement: React.createElement(PrimitivePropertyLabelRenderer, { offset: offset, renderColon: this.props.orientation === Orientation.Horizontal, tooltip: displayLabel }, label) }));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+import * as React from "react";
+import { Orientation } from "@itwin/core-react";
+import { HighlightedText } from "../../common/HighlightedText";
+import { CommonPropertyRenderer } from "./CommonPropertyRenderer";
+import { PrimitivePropertyLabelRenderer } from "./label/PrimitivePropertyLabelRenderer";
+import { PropertyView } from "./PropertyView";
+/** React Component that renders primitive properties
+ * @public
+ */
+export class PrimitivePropertyRenderer extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+    /** @internal */
+    render() {
+        const { indentation, highlight, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
+        const displayLabel = this.props.propertyRecord.property.displayLabel;
+        const offset = CommonPropertyRenderer.getLabelOffset(indentation, props.orientation, props.width, props.columnRatio, props.columnInfo?.minLabelWidth);
+        const activeMatchIndex = this.props.propertyRecord.property.name === highlight?.activeHighlight?.highlightedItemIdentifier ? highlight.activeHighlight.highlightIndex : undefined;
+        const label = highlight ?
+            (HighlightedText({ text: displayLabel, searchText: highlight.highlightedText, activeMatchIndex })) :
+            displayLabel;
+        return (React.createElement(PropertyView, { ...props, labelElement: React.createElement(PrimitivePropertyLabelRenderer, { offset: offset, renderColon: this.props.orientation === Orientation.Horizontal, tooltip: displayLabel }, label) }));
+    }
+}
 //# sourceMappingURL=PrimitivePropertyRenderer.js.map

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

package/lib/esm/components-react/properties/renderers/PropertyGridColumns.d.ts

@@ -1,30 +1,30 @@
-/** @packageDocumentation
- * @module Properties
- */
-/// <reference types="react" />
-import { Orientation } from "@itwin/core-react";
-/** @internal */
-export interface PropertyGridColumnInfo {
-    minLabelWidth: number;
-    minValueWidth: number;
-    actionButtonWidth: number;
-    isMinimumColumnSizeEnabled: boolean;
-}
-/** @internal */
-export declare class PropertyGridColumnStyleProvider {
-    private _minLabelWidth;
-    private _minValueWidth;
-    private _actionButtonWidth;
-    private _isMinimumColumnSizeEnabled;
-    constructor(columnInfo: PropertyGridColumnInfo | undefined);
-    get minLabelWidth(): number;
-    get minValueWidth(): number;
-    get actionButtonWidth(): number;
-    get isMinimumColumnSizeEnabled(): boolean;
-    getStyle(orientation: Orientation, needActionButtons: boolean, ratio: number, needElementSeparator: boolean): React.CSSProperties;
-    /** Join columns together in sequence, filtering out undefined column definitions */
-    private columnStyleBuilder;
-    private getHorizontalStyle;
-    private getVerticalStyle;
-}
+/** @packageDocumentation
+ * @module Properties
+ */
+/// <reference types="react" />
+import { Orientation } from "@itwin/core-react";
+/** @internal */
+export interface PropertyGridColumnInfo {
+    minLabelWidth: number;
+    minValueWidth: number;
+    actionButtonWidth: number;
+    isMinimumColumnSizeEnabled: boolean;
+}
+/** @internal */
+export declare class PropertyGridColumnStyleProvider {
+    private _minLabelWidth;
+    private _minValueWidth;
+    private _actionButtonWidth;
+    private _isMinimumColumnSizeEnabled;
+    constructor(columnInfo: PropertyGridColumnInfo | undefined);
+    get minLabelWidth(): number;
+    get minValueWidth(): number;
+    get actionButtonWidth(): number;
+    get isMinimumColumnSizeEnabled(): boolean;
+    getStyle(orientation: Orientation, needActionButtons: boolean, ratio: number, needElementSeparator: boolean): React.CSSProperties;
+    /** Join columns together in sequence, filtering out undefined column definitions */
+    private columnStyleBuilder;
+    private getHorizontalStyle;
+    private getVerticalStyle;
+}
 //# sourceMappingURL=PropertyGridColumns.d.ts.map

package/lib/esm/components-react/properties/renderers/PropertyGridColumns.js

@@ -1,66 +1,66 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-import { Orientation } from "@itwin/core-react";
-/** @internal */
-export class PropertyGridColumnStyleProvider {
-    constructor(columnInfo) {
-        this._minLabelWidth = 0;
-        this._minValueWidth = 0;
-        this._actionButtonWidth = 0;
-        if (!columnInfo) {
-            this._isMinimumColumnSizeEnabled = false;
-            return;
-        }
-        this._minLabelWidth = columnInfo.minLabelWidth;
-        this._minValueWidth = columnInfo.minValueWidth;
-        this._actionButtonWidth = columnInfo.actionButtonWidth;
-        this._isMinimumColumnSizeEnabled = columnInfo.isMinimumColumnSizeEnabled;
-    }
-    get minLabelWidth() {
-        return this._minLabelWidth;
-    }
-    get minValueWidth() {
-        return this._minValueWidth;
-    }
-    get actionButtonWidth() {
-        return this._actionButtonWidth;
-    }
-    get isMinimumColumnSizeEnabled() {
-        return this._isMinimumColumnSizeEnabled;
-    }
-    getStyle(orientation, needActionButtons, ratio, needElementSeparator) {
-        switch (orientation) {
-            case Orientation.Horizontal:
-                return this.getHorizontalStyle(needActionButtons, ratio, needElementSeparator);
-            case Orientation.Vertical:
-                return this.getVerticalStyle(needActionButtons);
-            /* istanbul ignore next */
-            default:
-                const unhandledOrientationType = orientation; // Compile time check that all cases handled
-                throw new Error(`Unhandled orientation type: ${unhandledOrientationType}. Was new orientation added ? `);
-        }
-    }
-    /** Join columns together in sequence, filtering out undefined column definitions */
-    columnStyleBuilder(columns) {
-        columns = columns.filter((el) => el !== undefined);
-        return { gridTemplateColumns: columns.join(" ") };
-    }
-    getHorizontalStyle(needActionButtons, ratio, needElementSeparator) {
-        const separatorColumn = needElementSeparator ? "1px" : undefined;
-        if (!this.isMinimumColumnSizeEnabled)
-            return this.columnStyleBuilder([`${ratio * 100}%`, separatorColumn, "auto", needActionButtons ? "auto" : undefined]);
-        const labelColumn = `minmax(${this.minLabelWidth}px, ${ratio * 100}%)`;
-        const valueColumn = `minmax(${this.minValueWidth}px, 1fr)`;
-        const actionButtonColumn = needActionButtons ? `${this.actionButtonWidth}px` : undefined;
-        return this.columnStyleBuilder([labelColumn, separatorColumn, valueColumn, actionButtonColumn]);
-    }
-    getVerticalStyle(needActionButtons) {
-        return this.columnStyleBuilder(["auto", needActionButtons ? "auto" : undefined]);
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+import { Orientation } from "@itwin/core-react";
+/** @internal */
+export class PropertyGridColumnStyleProvider {
+    constructor(columnInfo) {
+        this._minLabelWidth = 0;
+        this._minValueWidth = 0;
+        this._actionButtonWidth = 0;
+        if (!columnInfo) {
+            this._isMinimumColumnSizeEnabled = false;
+            return;
+        }
+        this._minLabelWidth = columnInfo.minLabelWidth;
+        this._minValueWidth = columnInfo.minValueWidth;
+        this._actionButtonWidth = columnInfo.actionButtonWidth;
+        this._isMinimumColumnSizeEnabled = columnInfo.isMinimumColumnSizeEnabled;
+    }
+    get minLabelWidth() {
+        return this._minLabelWidth;
+    }
+    get minValueWidth() {
+        return this._minValueWidth;
+    }
+    get actionButtonWidth() {
+        return this._actionButtonWidth;
+    }
+    get isMinimumColumnSizeEnabled() {
+        return this._isMinimumColumnSizeEnabled;
+    }
+    getStyle(orientation, needActionButtons, ratio, needElementSeparator) {
+        switch (orientation) {
+            case Orientation.Horizontal:
+                return this.getHorizontalStyle(needActionButtons, ratio, needElementSeparator);
+            case Orientation.Vertical:
+                return this.getVerticalStyle(needActionButtons);
+            /* istanbul ignore next */
+            default:
+                const unhandledOrientationType = orientation; // Compile time check that all cases handled
+                throw new Error(`Unhandled orientation type: ${unhandledOrientationType}. Was new orientation added ? `);
+        }
+    }
+    /** Join columns together in sequence, filtering out undefined column definitions */
+    columnStyleBuilder(columns) {
+        columns = columns.filter((el) => el !== undefined);
+        return { gridTemplateColumns: columns.join(" ") };
+    }
+    getHorizontalStyle(needActionButtons, ratio, needElementSeparator) {
+        const separatorColumn = needElementSeparator ? "1px" : undefined;
+        if (!this.isMinimumColumnSizeEnabled)
+            return this.columnStyleBuilder([`${ratio * 100}%`, separatorColumn, "auto", needActionButtons ? "auto" : undefined]);
+        const labelColumn = `minmax(${this.minLabelWidth}px, ${ratio * 100}%)`;
+        const valueColumn = `minmax(${this.minValueWidth}px, 1fr)`;
+        const actionButtonColumn = needActionButtons ? `${this.actionButtonWidth}px` : undefined;
+        return this.columnStyleBuilder([labelColumn, separatorColumn, valueColumn, actionButtonColumn]);
+    }
+    getVerticalStyle(needActionButtons) {
+        return this.columnStyleBuilder(["auto", needActionButtons ? "auto" : undefined]);
+    }
+}
 //# sourceMappingURL=PropertyGridColumns.js.map

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

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

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

@@ -1,98 +1,98 @@
-/** @packageDocumentation
- * @module Properties
- */
-import * as React from "react";
-import { PropertyRecord } from "@itwin/appui-abstract";
-import { Orientation, RatioChangeResult } from "@itwin/core-react";
-import { HighlightingComponentProps } from "../../common/HighlightingComponentProps";
-import { PropertyUpdatedArgs } from "../../editors/EditorContainer";
-import { PropertyValueRendererManager } from "../ValueRendererManager";
-import { ActionButtonRenderer } from "./ActionButtonRenderer";
-import { PropertyGridColumnInfo } from "./PropertyGridColumns";
-/** Properties shared by all renderers and PropertyView
- * @public
- */
-export interface SharedRendererProps {
-    /** PropertyRecord to render */
-    propertyRecord: PropertyRecord;
-    /** Unique string, that identifies this property component. Should be used if onClick or onRightClick are provided */
-    uniqueKey?: string;
-    /** Orientation to use for displaying the property */
-    orientation: Orientation;
-    /** Controls component selection */
-    isSelected?: boolean;
-    /** Called when property gets clicked. If undefined, clicking is disabled */
-    onClick?: (property: PropertyRecord, key?: string) => void;
-    /** Called when property gets right clicked. If undefined, right clicking is not working */
-    onRightClick?: (property: PropertyRecord, key?: string) => void;
-    /** Called to show a context menu for properties */
-    onContextMenu?: (property: PropertyRecord, e: React.MouseEvent) => void;
-    /** Ratio between label and value cells */
-    columnRatio?: number;
-    /** Callback to column ratio changed event */
-    onColumnRatioChanged?: (ratio: number) => void | RatioChangeResult;
-    /** Indicates that properties have *hover* effect */
-    isHoverable?: boolean;
-    /** Indicates that properties can be selected */
-    isSelectable?: boolean;
-    /** Width of the whole property element */
-    width?: number;
-    /** Array of action button renderers */
-    actionButtonRenderers?: ActionButtonRenderer[];
-    /** Is resize handle hovered */
-    isResizeHandleHovered?: boolean;
-    /** Callback to hover event change */
-    onResizeHandleHoverChanged?: (isHovered: boolean) => void;
-    /** Is resize handle being dragged */
-    isResizeHandleBeingDragged?: boolean;
-    /** Callback to drag event change */
-    onResizeHandleDragChanged?: (isDragStarted: boolean) => void;
-    /** Information for styling property grid columns */
-    columnInfo?: PropertyGridColumnInfo;
-}
-/** Properties of [[PropertyRenderer]] React component
- * @public
- */
-export interface PropertyRendererProps extends SharedRendererProps {
-    /** 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) => void;
-    /** Called when property edit is cancelled. */
-    onEditCancel?: () => void;
-    /** Props used for highlighting. */
-    highlight?: HighlightingComponentProps;
-}
-/** State of [[PropertyRenderer]] React component
- * @internal
- */
-interface PropertyRendererState {
-    /** Currently loaded property value */
-    displayValue?: React.ReactNode;
-}
-/**  A React component that renders properties
- * @public
- */
-export declare class PropertyRenderer extends React.Component<PropertyRendererProps, PropertyRendererState> {
-    /** @internal */
-    readonly state: Readonly<PropertyRendererState>;
-    constructor(props: PropertyRendererProps);
-    static getLabelOffset(indentation?: number, orientation?: Orientation, width?: number, columnRatio?: number, minColumnLabelWidth?: number): number;
-    private updateDisplayValue;
-    private _onEditCommit;
-    private _onEditCancel;
-    /** Display property record value in an editor */
-    updateDisplayValueAsEditor(props: PropertyRendererProps): void;
-    /** @internal */
-    componentDidMount(): void;
-    /** @internal */
-    componentDidUpdate(prevProps: PropertyRendererProps): void;
-    /** @internal */
-    render(): JSX.Element;
-}
-export {};
+/** @packageDocumentation
+ * @module Properties
+ */
+import * as React from "react";
+import { PropertyRecord } from "@itwin/appui-abstract";
+import { Orientation, RatioChangeResult } from "@itwin/core-react";
+import { HighlightingComponentProps } from "../../common/HighlightingComponentProps";
+import { PropertyUpdatedArgs } from "../../editors/EditorContainer";
+import { PropertyValueRendererManager } from "../ValueRendererManager";
+import { ActionButtonRenderer } from "./ActionButtonRenderer";
+import { PropertyGridColumnInfo } from "./PropertyGridColumns";
+/** Properties shared by all renderers and PropertyView
+ * @public
+ */
+export interface SharedRendererProps {
+    /** PropertyRecord to render */
+    propertyRecord: PropertyRecord;
+    /** Unique string, that identifies this property component. Should be used if onClick or onRightClick are provided */
+    uniqueKey?: string;
+    /** Orientation to use for displaying the property */
+    orientation: Orientation;
+    /** Controls component selection */
+    isSelected?: boolean;
+    /** Called when property gets clicked. If undefined, clicking is disabled */
+    onClick?: (property: PropertyRecord, key?: string) => void;
+    /** Called when property gets right clicked. If undefined, right clicking is not working */
+    onRightClick?: (property: PropertyRecord, key?: string) => void;
+    /** Called to show a context menu for properties */
+    onContextMenu?: (property: PropertyRecord, e: React.MouseEvent) => void;
+    /** Ratio between label and value cells */
+    columnRatio?: number;
+    /** Callback to column ratio changed event */
+    onColumnRatioChanged?: (ratio: number) => void | RatioChangeResult;
+    /** Indicates that properties have *hover* effect */
+    isHoverable?: boolean;
+    /** Indicates that properties can be selected */
+    isSelectable?: boolean;
+    /** Width of the whole property element */
+    width?: number;
+    /** Array of action button renderers */
+    actionButtonRenderers?: ActionButtonRenderer[];
+    /** Is resize handle hovered */
+    isResizeHandleHovered?: boolean;
+    /** Callback to hover event change */
+    onResizeHandleHoverChanged?: (isHovered: boolean) => void;
+    /** Is resize handle being dragged */
+    isResizeHandleBeingDragged?: boolean;
+    /** Callback to drag event change */
+    onResizeHandleDragChanged?: (isDragStarted: boolean) => void;
+    /** Information for styling property grid columns */
+    columnInfo?: PropertyGridColumnInfo;
+}
+/** Properties of [[PropertyRenderer]] React component
+ * @public
+ */
+export interface PropertyRendererProps extends SharedRendererProps {
+    /** 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) => void;
+    /** Called when property edit is cancelled. */
+    onEditCancel?: () => void;
+    /** Props used for highlighting. */
+    highlight?: HighlightingComponentProps;
+}
+/** State of [[PropertyRenderer]] React component
+ * @internal
+ */
+interface PropertyRendererState {
+    /** Currently loaded property value */
+    displayValue?: React.ReactNode;
+}
+/**  A React component that renders properties
+ * @public
+ */
+export declare class PropertyRenderer extends React.Component<PropertyRendererProps, PropertyRendererState> {
+    /** @internal */
+    readonly state: Readonly<PropertyRendererState>;
+    constructor(props: PropertyRendererProps);
+    static getLabelOffset(indentation?: number, orientation?: Orientation, width?: number, columnRatio?: number, minColumnLabelWidth?: number): number;
+    private updateDisplayValue;
+    private _onEditCommit;
+    private _onEditCancel;
+    /** Display property record value in an editor */
+    updateDisplayValueAsEditor(props: PropertyRendererProps): void;
+    /** @internal */
+    componentDidMount(): void;
+    /** @internal */
+    componentDidUpdate(prevProps: PropertyRendererProps): void;
+    /** @internal */
+    render(): JSX.Element;
+}
+export {};
 //# sourceMappingURL=PropertyRenderer.d.ts.map