@itwin/components-react 4.10.0 → 4.11.0

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;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAC/B,kDAAgD;AAChD,kEAA+D;AAE/D,qEAAkE;AAClE,2FAAwF;AAExF,iDAA8C;AAiB9C;;GAEG;AACH,MAAa,yBAA0B,SAAQ,KAAK,CAAC,SAAiC;IACpF,YAAY,KAA6B;QACvC,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,CAAC;IAED,gBAAgB;IACA,MAAM;QACpB,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACxD,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,YAAY,CAAC;QACrE,MAAM,MAAM,GAAG,+CAAsB,CAAC,cAAc,CAClD,WAAW,EACX,KAAK,CAAC,WAAW,EACjB,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,WAAW,EACjB,KAAK,CAAC,UAAU,EAAE,aAAa,CAChC,CAAC;QAEF,MAAM,gBAAgB,GACpB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI;YACvC,SAAS,EAAE,eAAe,EAAE,yBAAyB;YACnD,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,cAAc;YAC1C,CAAC,CAAC,SAAS,CAAC;QAChB,MAAM,KAAK,GAAG,SAAS;YACrB,CAAC,CAAC,IAAA,iCAAe,EAAC;gBACd,IAAI,EAAE,YAAY;gBAClB,UAAU,EAAE,SAAS,CAAC,eAAe;gBACrC,gBAAgB;aACjB,CAAC;YACJ,CAAC,CAAC,YAAY,CAAC;QAEjB,OAAO,CACL,oBAAC,2BAAY,OACP,KAAK,EACT,YAAY,EACV,oBAAC,+DAA8B,IAC7B,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,wBAAW,CAAC,UAAU,EAC9D,OAAO,EAAE,YAAY,IAEpB,KAAK,CACyB,GAEnC,CACH,CAAC;IACJ,CAAC;CACF;AA7CD,8DA6CC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Properties\n */\n\nimport * as React from \"react\";\nimport { Orientation } from \"@itwin/core-react\";\nimport { HighlightedText } from \"../../common/HighlightedText\";\nimport type { HighlightingComponentProps } from \"../../common/HighlightingComponentProps\";\nimport { CommonPropertyRenderer } from \"./CommonPropertyRenderer\";\nimport { PrimitivePropertyLabelRenderer } from \"./label/PrimitivePropertyLabelRenderer\";\nimport type { SharedRendererProps } from \"./PropertyRenderer\";\nimport { PropertyView } from \"./PropertyView\";\n\n/** Properties of [[PrimitivePropertyRenderer]] React component\n * @public\n */\nexport interface PrimitiveRendererProps extends SharedRendererProps {\n  /** Property value as a React element */\n  valueElement?: React.ReactNode;\n  /** Render callback for property value. If specified, `valueElement` is ignored. */\n  valueElementRenderer?: () => React.ReactNode;\n  /** Multiplier of how much the property is indented to the right */\n  indentation?: number;\n  /** Properties used for highlighting\n   */\n  highlight?: HighlightingComponentProps;\n}\n\n/** React Component that renders primitive properties\n * @public\n */\nexport class PrimitivePropertyRenderer extends React.Component<PrimitiveRendererProps> {\n  constructor(props: PrimitiveRendererProps) {\n    super(props);\n  }\n\n  /** @internal */\n  public override render() {\n    const { indentation, highlight, ...props } = this.props;\n    const displayLabel = this.props.propertyRecord.property.displayLabel;\n    const offset = CommonPropertyRenderer.getLabelOffset(\n      indentation,\n      props.orientation,\n      props.width,\n      props.columnRatio,\n      props.columnInfo?.minLabelWidth\n    );\n\n    const activeMatchIndex =\n      this.props.propertyRecord.property.name ===\n      highlight?.activeHighlight?.highlightedItemIdentifier\n        ? highlight.activeHighlight.highlightIndex\n        : undefined;\n    const label = highlight\n      ? HighlightedText({\n          text: displayLabel,\n          searchText: highlight.highlightedText,\n          activeMatchIndex,\n        })\n      : displayLabel;\n\n    return (\n      <PropertyView\n        {...props}\n        labelElement={\n          <PrimitivePropertyLabelRenderer\n            offset={offset}\n            renderColon={this.props.orientation === Orientation.Horizontal}\n            tooltip={displayLabel}\n          >\n            {label}\n          </PrimitivePropertyLabelRenderer>\n        }\n      />\n    );\n  }\n}\n"]}
+{"version":3,"file":"PrimitivePropertyRenderer.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/PrimitivePropertyRenderer.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;;;;AAIH,iFAA8E;AAC9E,kDAA0B;AAgB1B;;GAEG;AACH,MAAa,yBAA0B,SAAQ,eAAK,CAAC,SAAiC;IACpF,YAAY,KAA6B;QACvC,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,CAAC;IAED,gBAAgB;IACA,MAAM;QACpB,OAAO,8BAAC,2DAA4B,OAAK,IAAI,CAAC,KAAK,GAAI,CAAC;IAC1D,CAAC;CACF;AATD,8DASC","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 type { HighlightingComponentProps } from \"../../common/HighlightingComponentProps\";\nimport type { SharedRendererProps } from \"./PropertyRenderer\";\nimport { CustomizablePropertyRenderer } from \"./CustomizablePropertyRenderer\";\nimport React from \"react\";\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  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    return <CustomizablePropertyRenderer {...this.props} />;\n  }\n}\n"]}

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

@@ -12,7 +12,7 @@ export interface PropertyViewProps extends SharedRendererProps {
     labelElement: React.ReactNode;
     /** Property value as a React element */
     valueElement?: React.ReactNode;
-    /** Render callback for property value. If specified, `valueElement` is ignored. */
+    /** Render callback for property value. If specified, `valueElement` is ignored */
     valueElementRenderer?: () => React.ReactNode;
 }
 /** @internal */

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

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

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

@@ -33,7 +33,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PropertyView = void 0;
 require("./PropertyView.scss");
 const React = __importStar(require("react"));
-const appui_abstract_1 = require("@itwin/appui-abstract");
 const core_react_1 = require("@itwin/core-react");
 const ActionButtonList_1 = require("./ActionButtonList");
 const PropertyGridColumns_1 = require("./PropertyGridColumns");
@@ -87,11 +86,11 @@ class PropertyView extends React.Component {
             !!this.props.onColumnRatioChanged;
         const needActionButtons = !!this.props.actionButtonRenderers;
         const columnsStyleProvider = new PropertyGridColumns_1.PropertyGridColumnStyleProvider(this.props.columnInfo);
+        const renderValueElement = !!(this.props.valueElement || this.props.valueElementRenderer);
         return (React.createElement("div", { style: columnsStyleProvider.getStyle(this.props.orientation, needActionButtons, ratio, needElementSeparator), className: this.getClassName(this.props), onClick: this._onClick, onContextMenu: this._onContextMenu, onMouseEnter: this._onMouseEnter, onMouseLeave: this._onMouseLeave, role: "presentation" },
             React.createElement("div", { className: "components-property-record-label" }, this.props.labelElement),
             needElementSeparator ? (React.createElement(core_react_1.ElementSeparator, { movableArea: this.props.width, onRatioChanged: this.props.onColumnRatioChanged, ratio: ratio, orientation: this.props.orientation, isResizeHandleHovered: this.props.isResizeHandleHovered, onResizeHandleHoverChanged: this.props.onResizeHandleHoverChanged, isResizeHandleBeingDragged: this.props.isResizeHandleBeingDragged, onResizeHandleDragChanged: this.props.onResizeHandleDragChanged })) : undefined,
-            this.props.propertyRecord.value.valueFormat ===
-                appui_abstract_1.PropertyValueFormat.Primitive ? (React.createElement("div", { className: "components-property-record-value" },
+            renderValueElement ? (React.createElement("div", { className: "components-property-record-value" },
                 React.createElement("span", null, this.props.valueElementRenderer
                     ? this.props.valueElementRenderer()
                     : this.props.valueElement))) : undefined,

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

@@ -1 +1 @@
-{"version":3,"file":"PropertyView.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/PropertyView.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Properties\n */\n\nimport \"./PropertyView.scss\";\nimport * as React from \"react\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { ElementSeparator, Orientation } from \"@itwin/core-react\";\nimport { ActionButtonList } from \"./ActionButtonList\";\nimport { PropertyGridColumnStyleProvider } from \"./PropertyGridColumns\";\nimport type { SharedRendererProps } from \"./PropertyRenderer\";\n\n/** Properties of [[PropertyView]] React component\n * @public\n */\nexport interface PropertyViewProps extends SharedRendererProps {\n  /** Property label as a React element */\n  labelElement: React.ReactNode;\n  /** Property value as a React element */\n  valueElement?: React.ReactNode;\n  /** Render callback for property value. If specified, `valueElement` is ignored. */\n  valueElementRenderer?: () => React.ReactNode;\n}\n\n/** @internal */\ninterface PropertyViewState {\n  isHovered: boolean;\n}\n\n/**\n * A React component that renders property as label/value pair\n * @public\n */\nexport class PropertyView extends React.Component<\n  PropertyViewProps,\n  PropertyViewState\n> {\n  constructor(props: PropertyViewProps) {\n    super(props);\n    this.state = {\n      isHovered: false,\n    };\n  }\n\n  private _onClick = () => {\n    if (this.props.onClick)\n      this.props.onClick(this.props.propertyRecord, this.props.uniqueKey);\n  };\n\n  private _onMouseEnter = () => {\n    if (this.props.isHoverable) this.setState({ isHovered: true });\n  };\n\n  private _onMouseLeave = () => {\n    if (this.props.isHoverable) this.setState({ isHovered: false });\n  };\n\n  private _onContextMenu = (e: React.MouseEvent) => {\n    if (this.props.onContextMenu)\n      this.props.onContextMenu(this.props.propertyRecord, e);\n    if (this.props.onRightClick)\n      this.props.onRightClick(this.props.propertyRecord, this.props.uniqueKey);\n    e.preventDefault();\n    return false;\n  };\n\n  private getClassName(props: PropertyViewProps) {\n    let propertyRecordClassName =\n      props.orientation === Orientation.Horizontal\n        ? \"components-property-record--horizontal\"\n        : \"components-property-record--vertical\";\n    if (props.isSelected) propertyRecordClassName += \" components--selected\";\n    if (props.onClick) propertyRecordClassName += \" components--clickable\";\n    if (props.isHoverable) propertyRecordClassName += \" components--hoverable\";\n    return propertyRecordClassName;\n  }\n\n  /** @internal */\n  public override render() {\n    const ratio = this.props.columnRatio ? this.props.columnRatio : 0.25;\n    const needElementSeparator =\n      this.props.orientation === Orientation.Horizontal &&\n      !!this.props.onColumnRatioChanged;\n    const needActionButtons = !!this.props.actionButtonRenderers;\n    const columnsStyleProvider = new PropertyGridColumnStyleProvider(\n      this.props.columnInfo\n    );\n\n    return (\n      <div\n        style={columnsStyleProvider.getStyle(\n          this.props.orientation,\n          needActionButtons,\n          ratio,\n          needElementSeparator\n        )}\n        className={this.getClassName(this.props)}\n        onClick={this._onClick}\n        onContextMenu={this._onContextMenu}\n        onMouseEnter={this._onMouseEnter}\n        onMouseLeave={this._onMouseLeave}\n        role=\"presentation\"\n      >\n        <div className=\"components-property-record-label\">\n          {this.props.labelElement}\n        </div>\n        {needElementSeparator ? (\n          <ElementSeparator\n            movableArea={this.props.width}\n            onRatioChanged={this.props.onColumnRatioChanged}\n            ratio={ratio}\n            orientation={this.props.orientation}\n            isResizeHandleHovered={this.props.isResizeHandleHovered}\n            onResizeHandleHoverChanged={this.props.onResizeHandleHoverChanged}\n            isResizeHandleBeingDragged={this.props.isResizeHandleBeingDragged}\n            onResizeHandleDragChanged={this.props.onResizeHandleDragChanged}\n          />\n        ) : undefined}\n        {this.props.propertyRecord.value.valueFormat ===\n        PropertyValueFormat.Primitive ? (\n          <div className=\"components-property-record-value\">\n            <span>\n              {this.props.valueElementRenderer\n                ? this.props.valueElementRenderer()\n                : this.props.valueElement}\n            </span>\n          </div>\n        ) : undefined}\n        {this.props.actionButtonRenderers ? (\n          <ActionButtonList\n            orientation={this.props.orientation}\n            property={this.props.propertyRecord}\n            isPropertyHovered={this.state.isHovered}\n            actionButtonRenderers={this.props.actionButtonRenderers}\n          />\n        ) : undefined}\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"PropertyView.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/PropertyView.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Properties\n */\n\nimport \"./PropertyView.scss\";\nimport * as React from \"react\";\nimport { ElementSeparator, Orientation } from \"@itwin/core-react\";\nimport { ActionButtonList } from \"./ActionButtonList\";\nimport { PropertyGridColumnStyleProvider } from \"./PropertyGridColumns\";\nimport type { SharedRendererProps } from \"./PropertyRenderer\";\n\n/** Properties of [[PropertyView]] React component\n * @public\n */\nexport interface PropertyViewProps extends SharedRendererProps {\n  /** Property label as a React element */\n  labelElement: React.ReactNode;\n  /** Property value as a React element */\n  valueElement?: React.ReactNode;\n  /** Render callback for property value. If specified, `valueElement` is ignored */\n  valueElementRenderer?: () => React.ReactNode;\n}\n\n/** @internal */\ninterface PropertyViewState {\n  isHovered: boolean;\n}\n\n/**\n * A React component that renders property as label/value pair\n * @public\n */\nexport class PropertyView extends React.Component<\n  PropertyViewProps,\n  PropertyViewState\n> {\n  constructor(props: PropertyViewProps) {\n    super(props);\n    this.state = {\n      isHovered: false,\n    };\n  }\n\n  private _onClick = () => {\n    if (this.props.onClick)\n      this.props.onClick(this.props.propertyRecord, this.props.uniqueKey);\n  };\n\n  private _onMouseEnter = () => {\n    if (this.props.isHoverable) this.setState({ isHovered: true });\n  };\n\n  private _onMouseLeave = () => {\n    if (this.props.isHoverable) this.setState({ isHovered: false });\n  };\n\n  private _onContextMenu = (e: React.MouseEvent) => {\n    if (this.props.onContextMenu)\n      this.props.onContextMenu(this.props.propertyRecord, e);\n    if (this.props.onRightClick)\n      this.props.onRightClick(this.props.propertyRecord, this.props.uniqueKey);\n    e.preventDefault();\n    return false;\n  };\n\n  private getClassName(props: PropertyViewProps) {\n    let propertyRecordClassName =\n      props.orientation === Orientation.Horizontal\n        ? \"components-property-record--horizontal\"\n        : \"components-property-record--vertical\";\n    if (props.isSelected) propertyRecordClassName += \" components--selected\";\n    if (props.onClick) propertyRecordClassName += \" components--clickable\";\n    if (props.isHoverable) propertyRecordClassName += \" components--hoverable\";\n    return propertyRecordClassName;\n  }\n\n  /** @internal */\n  public override render() {\n    const ratio = this.props.columnRatio ? this.props.columnRatio : 0.25;\n    const needElementSeparator =\n      this.props.orientation === Orientation.Horizontal &&\n      !!this.props.onColumnRatioChanged;\n    const needActionButtons = !!this.props.actionButtonRenderers;\n    const columnsStyleProvider = new PropertyGridColumnStyleProvider(\n      this.props.columnInfo\n    );\n    const renderValueElement = !!(\n      this.props.valueElement || this.props.valueElementRenderer\n    );\n\n    return (\n      <div\n        style={columnsStyleProvider.getStyle(\n          this.props.orientation,\n          needActionButtons,\n          ratio,\n          needElementSeparator\n        )}\n        className={this.getClassName(this.props)}\n        onClick={this._onClick}\n        onContextMenu={this._onContextMenu}\n        onMouseEnter={this._onMouseEnter}\n        onMouseLeave={this._onMouseLeave}\n        role=\"presentation\"\n      >\n        <div className=\"components-property-record-label\">\n          {this.props.labelElement}\n        </div>\n        {needElementSeparator ? (\n          <ElementSeparator\n            movableArea={this.props.width}\n            onRatioChanged={this.props.onColumnRatioChanged}\n            ratio={ratio}\n            orientation={this.props.orientation}\n            isResizeHandleHovered={this.props.isResizeHandleHovered}\n            onResizeHandleHoverChanged={this.props.onResizeHandleHoverChanged}\n            isResizeHandleBeingDragged={this.props.isResizeHandleBeingDragged}\n            onResizeHandleDragChanged={this.props.onResizeHandleDragChanged}\n          />\n        ) : undefined}\n        {renderValueElement ? (\n          <div className=\"components-property-record-value\">\n            <span>\n              {this.props.valueElementRenderer\n                ? this.props.valueElementRenderer()\n                : this.props.valueElement}\n            </span>\n          </div>\n        ) : undefined}\n        {this.props.actionButtonRenderers ? (\n          <ActionButtonList\n            orientation={this.props.orientation}\n            property={this.props.propertyRecord}\n            isPropertyHovered={this.state.isHovered}\n            actionButtonRenderers={this.props.actionButtonRenderers}\n          />\n        ) : undefined}\n      </div>\n    );\n  }\n}\n"]}

package/lib/cjs/components-react/properties/renderers/label/PropertyLabelRenderer.js

@@ -44,10 +44,10 @@ class PropertyLabelRenderer extends React.PureComponent {
         };
     }
     render() {
-        const title = this.props.tooltip ??
-            (typeof this.props.children == "string"
-                ? this.props.children
-                : /* istanbul ignore next */ undefined);
+        var _a;
+        const title = (_a = this.props.tooltip) !== null && _a !== void 0 ? _a : (typeof this.props.children == "string"
+            ? this.props.children
+            : /* istanbul ignore next */ undefined);
         return (React.createElement(React.Fragment, null,
             React.createElement("span", { className: "components-property-label-renderer", title: title }, this.props.children),
             this.props.renderColon ? (React.createElement("span", { className: "components-property-label-renderer-colon" }, ":")) : undefined));

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

@@ -1 +1 @@
-{"version":3,"file":"PropertyLabelRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/label/PropertyLabelRenderer.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,wCAAsC;AACtC,6CAA+B;AAc/B,gBAAgB;AAChB,MAAa,qBAAsB,SAAQ,KAAK,CAAC,aAAyC;IACxF,6EAA6E;IACtE,MAAM,CAAC,QAAQ,CAAC,MAAe;QACpC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7B,OAAO;YACL,WAAW,EAAE,MAAM;YACnB,KAAK,EAAE,eAAe,MAAM,KAAK;SAClC,CAAC;IACJ,CAAC;IAEe,MAAM;QACpB,MAAM,KAAK,GACT,IAAI,CAAC,KAAK,CAAC,OAAO;YAClB,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,QAAQ;gBACrC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ;gBACrB,CAAC,CAAC,0BAA0B,CAAC,SAAS,CAAC,CAAC;QAC5C,OAAO,CACL;YACE,8BAAM,SAAS,EAAC,oCAAoC,EAAC,KAAK,EAAE,KAAK,IAC9D,IAAI,CAAC,KAAK,CAAC,QAAQ,CACf;YACN,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CACxB,8BAAM,SAAS,EAAC,0CAA0C,QAAS,CACpE,CAAC,CAAC,CAAC,SAAS,CACZ,CACJ,CAAC;IACJ,CAAC;CACF;AA3BD,sDA2BC","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 \"./PropertyLabelRenderer.scss\";\nimport * as React from \"react\";\n\n/** Base properties for a property label renderer\n * @public\n */\nexport interface PropertyLabelRendererProps {\n  /** Label to be rendered */\n  children: string | React.ReactElement;\n  /** Indicates whether to render a colon after the label */\n  renderColon?: boolean;\n  /** Custom tooltip for the component. */\n  tooltip?: string;\n}\n\n/** @internal */\nexport class PropertyLabelRenderer extends React.PureComponent<PropertyLabelRendererProps> {\n  /** Get React CSS style object based on provided offset from the left side */\n  public static getStyle(offset?: number): React.CSSProperties {\n    offset = offset ? offset : 0;\n    return {\n      paddingLeft: offset,\n      width: `calc(100% - ${offset}px)`,\n    };\n  }\n\n  public override render() {\n    const title =\n      this.props.tooltip ??\n      (typeof this.props.children == \"string\"\n        ? this.props.children\n        : /* istanbul ignore next */ undefined);\n    return (\n      <>\n        <span className=\"components-property-label-renderer\" title={title}>\n          {this.props.children}\n        </span>\n        {this.props.renderColon ? (\n          <span className=\"components-property-label-renderer-colon\">:</span>\n        ) : undefined}\n      </>\n    );\n  }\n}\n"]}
+{"version":3,"file":"PropertyLabelRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/label/PropertyLabelRenderer.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,wCAAsC;AACtC,6CAA+B;AAc/B,gBAAgB;AAChB,MAAa,qBAAsB,SAAQ,KAAK,CAAC,aAAyC;IACxF,6EAA6E;IACtE,MAAM,CAAC,QAAQ,CAAC,MAAe;QACpC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7B,OAAO;YACL,WAAW,EAAE,MAAM;YACnB,KAAK,EAAE,eAAe,MAAM,KAAK;SAClC,CAAC;IACJ,CAAC;IAEe,MAAM;;QACpB,MAAM,KAAK,GACT,MAAA,IAAI,CAAC,KAAK,CAAC,OAAO,mCAClB,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,QAAQ;YACrC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ;YACrB,CAAC,CAAC,0BAA0B,CAAC,SAAS,CAAC,CAAC;QAC5C,OAAO,CACL;YACE,8BAAM,SAAS,EAAC,oCAAoC,EAAC,KAAK,EAAE,KAAK,IAC9D,IAAI,CAAC,KAAK,CAAC,QAAQ,CACf;YACN,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CACxB,8BAAM,SAAS,EAAC,0CAA0C,QAAS,CACpE,CAAC,CAAC,CAAC,SAAS,CACZ,CACJ,CAAC;IACJ,CAAC;CACF;AA3BD,sDA2BC","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 \"./PropertyLabelRenderer.scss\";\nimport * as React from \"react\";\n\n/** Base properties for a property label renderer\n * @public\n */\nexport interface PropertyLabelRendererProps {\n  /** Label to be rendered */\n  children: string | React.ReactElement;\n  /** Indicates whether to render a colon after the label */\n  renderColon?: boolean;\n  /** Custom tooltip for the component. */\n  tooltip?: string;\n}\n\n/** @internal */\nexport class PropertyLabelRenderer extends React.PureComponent<PropertyLabelRendererProps> {\n  /** Get React CSS style object based on provided offset from the left side */\n  public static getStyle(offset?: number): React.CSSProperties {\n    offset = offset ? offset : 0;\n    return {\n      paddingLeft: offset,\n      width: `calc(100% - ${offset}px)`,\n    };\n  }\n\n  public override render() {\n    const title =\n      this.props.tooltip ??\n      (typeof this.props.children == \"string\"\n        ? this.props.children\n        : /* istanbul ignore next */ undefined);\n    return (\n      <>\n        <span className=\"components-property-label-renderer\" title={title}>\n          {this.props.children}\n        </span>\n        {this.props.renderColon ? (\n          <span className=\"components-property-label-renderer-colon\">:</span>\n        ) : undefined}\n      </>\n    );\n  }\n}\n"]}

package/lib/cjs/components-react/properties/renderers/value/Common.js

@@ -4,9 +4,10 @@ exports.convertRecordToString = void 0;
 const TypeConverterManager_1 = require("../../../converters/TypeConverterManager");
 /** @internal */
 function convertRecordToString(record) {
+    var _a;
     const primitive = record.value;
     return (primitive.displayValue ||
-        TypeConverterManager_1.TypeConverterManager.getConverter(record.property.typename, record.property.converter?.name).convertPropertyToString(record.property, primitive.value));
+        TypeConverterManager_1.TypeConverterManager.getConverter(record.property.typename, (_a = record.property.converter) === null || _a === void 0 ? void 0 : _a.name).convertPropertyToString(record.property, primitive.value));
 }
 exports.convertRecordToString = convertRecordToString;
 //# sourceMappingURL=Common.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Common.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/Common.ts"],"names":[],"mappings":";;;AAKA,mFAAgF;AAEhF,gBAAgB;AAChB,SAAgB,qBAAqB,CACnC,MAAsB;IAEtB,MAAM,SAAS,GAAG,MAAM,CAAC,KAAuB,CAAC;IACjD,OAAO,CACL,SAAS,CAAC,YAAY;QACtB,2CAAoB,CAAC,YAAY,CAC/B,MAAM,CAAC,QAAQ,CAAC,QAAQ,EACxB,MAAM,CAAC,QAAQ,CAAC,SAAS,EAAE,IAAI,CAChC,CAAC,uBAAuB,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,KAAK,CAAC,CAC5D,CAAC;AACJ,CAAC;AAXD,sDAWC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport type { PrimitiveValue, PropertyRecord } from \"@itwin/appui-abstract\";\nimport { TypeConverterManager } from \"../../../converters/TypeConverterManager\";\n\n/** @internal */\nexport function convertRecordToString(\n  record: PropertyRecord\n): string | Promise<string> {\n  const primitive = record.value as PrimitiveValue;\n  return (\n    primitive.displayValue ||\n    TypeConverterManager.getConverter(\n      record.property.typename,\n      record.property.converter?.name\n    ).convertPropertyToString(record.property, primitive.value)\n  );\n}\n"]}
+{"version":3,"file":"Common.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/Common.ts"],"names":[],"mappings":";;;AAKA,mFAAgF;AAEhF,gBAAgB;AAChB,SAAgB,qBAAqB,CACnC,MAAsB;;IAEtB,MAAM,SAAS,GAAG,MAAM,CAAC,KAAuB,CAAC;IACjD,OAAO,CACL,SAAS,CAAC,YAAY;QACtB,2CAAoB,CAAC,YAAY,CAC/B,MAAM,CAAC,QAAQ,CAAC,QAAQ,EACxB,MAAA,MAAM,CAAC,QAAQ,CAAC,SAAS,0CAAE,IAAI,CAChC,CAAC,uBAAuB,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,KAAK,CAAC,CAC5D,CAAC;AACJ,CAAC;AAXD,sDAWC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport type { PrimitiveValue, PropertyRecord } from \"@itwin/appui-abstract\";\nimport { TypeConverterManager } from \"../../../converters/TypeConverterManager\";\n\n/** @internal */\nexport function convertRecordToString(\n  record: PropertyRecord\n): string | Promise<string> {\n  const primitive = record.value as PrimitiveValue;\n  return (\n    primitive.displayValue ||\n    TypeConverterManager.getConverter(\n      record.property.typename,\n      record.property.converter?.name\n    ).convertPropertyToString(record.property, primitive.value)\n  );\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"MultilineTextPropertyValueRenderer.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/MultilineTextPropertyValueRenderer.tsx"],"names":[],"mappings":"AAIA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,KAAK,EACV,sBAAsB,EACtB,4BAA4B,EAC7B,MAAM,4BAA4B,CAAC;AAKpC,gBAAgB;AAChB,qBAAa,kCACX,YAAW,sBAAsB;IAE1B,SAAS,CAAC,MAAM,EAAE,cAAc,GAAG,OAAO;IAI1C,MAAM,CACX,MAAM,EAAE,cAAc,EACtB,OAAO,CAAC,EAAE,4BAA4B,GACrC,KAAK,CAAC,SAAS;CAQnB;AA6BD,UAAU,0BAA0B;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,cAAc;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,gBAAgB;AAChB,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAqDtE,CAAC"}
+{"version":3,"file":"MultilineTextPropertyValueRenderer.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/MultilineTextPropertyValueRenderer.tsx"],"names":[],"mappings":"AAIA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,KAAK,EACV,sBAAsB,EACtB,4BAA4B,EAC7B,MAAM,4BAA4B,CAAC;AAMpC,gBAAgB;AAChB,qBAAa,kCACX,YAAW,sBAAsB;IAE1B,SAAS,CAAC,MAAM,EAAE,cAAc,GAAG,OAAO;IAI1C,MAAM,CACX,MAAM,EAAE,cAAc,EACtB,OAAO,CAAC,EAAE,4BAA4B,GACrC,KAAK,CAAC,SAAS;CAQnB;AA6BD,UAAU,0BAA0B;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,cAAc;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,gBAAgB;AAChB,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CA+CtE,CAAC"}

package/lib/cjs/components-react/properties/renderers/value/MultilineTextPropertyValueRenderer.js

@@ -39,10 +39,10 @@ const React = __importStar(require("react"));
 const react_1 = require("react");
 const core_bentley_1 = require("@itwin/core-bentley");
 const appui_abstract_1 = require("@itwin/appui-abstract");
-const UiComponents_1 = require("../../../UiComponents");
 const PrimitivePropertyValueRenderer_1 = require("./PrimitivePropertyValueRenderer");
 const classnames_1 = __importDefault(require("classnames"));
 const Common_1 = require("./Common");
+const useTranslation_1 = require("../../../useTranslation");
 /** @internal */
 class MultilineTextPropertyValueRenderer {
     canRender(record) {
@@ -54,27 +54,24 @@ class MultilineTextPropertyValueRenderer {
 }
 exports.MultilineTextPropertyValueRenderer = MultilineTextPropertyValueRenderer;
 const MultilineTextPropertyValueRendererImpl = (props) => {
+    var _a, _b, _c, _d;
     const { stringValue, element } = (0, PrimitivePropertyValueRenderer_1.useRenderedStringValue)(props.record, Common_1.convertRecordToString, props.context);
-    return (React.createElement(exports.MultilineTextRenderer, { style: props.context?.style, stringValue: stringValue, isExpanded: props.context?.isExpanded, onExpansionToggled: props.context?.onExpansionToggled, onHeightChanged: props.context?.onHeightChanged }, element));
+    return (React.createElement(exports.MultilineTextRenderer, { style: (_a = props.context) === null || _a === void 0 ? void 0 : _a.style, stringValue: stringValue, isExpanded: (_b = props.context) === null || _b === void 0 ? void 0 : _b.isExpanded, onExpansionToggled: (_c = props.context) === null || _c === void 0 ? void 0 : _c.onExpansionToggled, onHeightChanged: (_d = props.context) === null || _d === void 0 ? void 0 : _d.onHeightChanged }, element));
 };
 /** @internal */
 const MultilineTextRenderer = (props) => {
+    const { translate } = (0, useTranslation_1.useTranslation)();
     const spanRef = (0, react_1.useRef)(null);
     const divRef = (0, react_1.useRef)(null);
-    const previousHeightRef = (0, react_1.useRef)(0);
     const [contentOverflows, setContentOverflows] = (0, react_1.useState)(false);
     // eslint-disable-next-line react-hooks/exhaustive-deps
     (0, react_1.useLayoutEffect)(() => {
         (0, core_bentley_1.assert)(divRef.current !== null && spanRef.current !== null);
         setContentOverflows(spanRef.current.clientWidth < spanRef.current.scrollWidth);
-        const currentHeight = Math.max(divRef.current.offsetHeight, 27);
-        if (currentHeight !== previousHeightRef.current) {
-            props.onHeightChanged?.(currentHeight);
-            previousHeightRef.current = currentHeight;
-        }
     });
     const handleExpansionToggleClick = (event) => {
-        props.onExpansionToggled?.();
+        var _a;
+        (_a = props.onExpansionToggled) === null || _a === void 0 ? void 0 : _a.call(props);
         event.stopPropagation();
     };
     // In order to always trigger onMouseLeave event on PropertyView, collapse button must remain mounted at all times.
@@ -82,8 +79,8 @@ const MultilineTextRenderer = (props) => {
     return (React.createElement("div", { ref: divRef, className: "multiline" },
         React.createElement("span", { ref: spanRef, className: (0, classnames_1.default)("content", { expanded: props.isExpanded }), style: props.style, title: props.isExpanded ? undefined : props.stringValue },
             props.children,
-            React.createElement("button", { className: "expand-toggle", style: { display: props.isExpanded ? "inline-block" : "none" }, onClick: handleExpansionToggleClick }, UiComponents_1.UiComponents.translate("property.collapse"))),
-        contentOverflows && !props.isExpanded && (React.createElement("button", { className: "expand-toggle", onClick: handleExpansionToggleClick }, UiComponents_1.UiComponents.translate("property.expand")))));
+            React.createElement("button", { className: "expand-toggle", style: { display: props.isExpanded ? "inline-block" : "none" }, onClick: handleExpansionToggleClick }, translate("property.collapse"))),
+        contentOverflows && !props.isExpanded && (React.createElement("button", { className: "expand-toggle", onClick: handleExpansionToggleClick }, translate("property.expand")))));
 };
 exports.MultilineTextRenderer = MultilineTextRenderer;
 //# sourceMappingURL=MultilineTextPropertyValueRenderer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MultilineTextPropertyValueRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/MultilineTextPropertyValueRenderer.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;;GAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAC/B,iCAA0D;AAC1D,sDAA6C;AAE7C,0DAA4D;AAC5D,wDAAqD;AAKrD,qFAA0E;AAC1E,4DAAoC;AACpC,qCAAiD;AAEjD,gBAAgB;AAChB,MAAa,kCAAkC;IAGtC,SAAS,CAAC,MAAsB;QACrC,OAAO,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,oCAAmB,CAAC,SAAS,CAAC;IACpE,CAAC;IAEM,MAAM,CACX,MAAsB,EACtB,OAAsC;QAEtC,OAAO,CACL,oBAAC,sCAAsC,IACrC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;IACJ,CAAC;CACF;AAlBD,gFAkBC;AAQD,MAAM,sCAAsC,GAExC,CAAC,KAAK,EAAE,EAAE;IACZ,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,IAAA,uDAAsB,EACrD,KAAK,CAAC,MAAM,EACZ,8BAAqB,EACrB,KAAK,CAAC,OAAO,CACd,CAAC;IACF,OAAO,CACL,oBAAC,6BAAqB,IACpB,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,EAC3B,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,KAAK,CAAC,OAAO,EAAE,UAAU,EACrC,kBAAkB,EAAE,KAAK,CAAC,OAAO,EAAE,kBAAkB,EACrD,eAAe,EAAE,KAAK,CAAC,OAAO,EAAE,eAAe,IAE9C,OAAO,CACc,CACzB,CAAC;AACJ,CAAC,CAAC;AAYF,gBAAgB;AACT,MAAM,qBAAqB,GAAyC,CACzE,KAAK,EACL,EAAE;IACF,MAAM,OAAO,GAAG,IAAA,cAAM,EAAkB,IAAI,CAAC,CAAC;IAC9C,MAAM,MAAM,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC5C,MAAM,iBAAiB,GAAG,IAAA,cAAM,EAAC,CAAC,CAAC,CAAC;IACpC,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACzE,uDAAuD;IACvD,IAAA,uBAAe,EAAC,GAAG,EAAE;QACnB,IAAA,qBAAM,EAAC,MAAM,CAAC,OAAO,KAAK,IAAI,IAAI,OAAO,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC;QAE5D,mBAAmB,CACjB,OAAO,CAAC,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,WAAW,CAC1D,CAAC;QAEF,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;QAChE,IAAI,aAAa,KAAK,iBAAiB,CAAC,OAAO,EAAE;YAC/C,KAAK,CAAC,eAAe,EAAE,CAAC,aAAa,CAAC,CAAC;YACvC,iBAAiB,CAAC,OAAO,GAAG,aAAa,CAAC;SAC3C;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,0BAA0B,GAAG,CAAC,KAAuB,EAAE,EAAE;QAC7D,KAAK,CAAC,kBAAkB,EAAE,EAAE,CAAC;QAC7B,KAAK,CAAC,eAAe,EAAE,CAAC;IAC1B,CAAC,CAAC;IAEF,mHAAmH;IACnH,gDAAgD;IAChD,OAAO,CACL,6BAAK,GAAG,EAAE,MAAM,EAAE,SAAS,EAAC,WAAW;QACrC,8BACE,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,UAAU,EAAE,CAAC,EAChE,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW;YAEtD,KAAK,CAAC,QAAQ;YACf,gCACE,SAAS,EAAC,eAAe,EACzB,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,EAAE,EAC9D,OAAO,EAAE,0BAA0B,IAElC,2BAAY,CAAC,SAAS,CAAC,mBAAmB,CAAC,CACrC,CACJ;QACN,gBAAgB,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,CACxC,gCAAQ,SAAS,EAAC,eAAe,EAAC,OAAO,EAAE,0BAA0B,IAClE,2BAAY,CAAC,SAAS,CAAC,iBAAiB,CAAC,CACnC,CACV,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AArDW,QAAA,qBAAqB,yBAqDhC","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/**\n * @packageDocumentation\n * @module Properties\n */\n\nimport * as React from \"react\";\nimport { useLayoutEffect, useRef, useState } from \"react\";\nimport { assert } from \"@itwin/core-bentley\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { UiComponents } from \"../../../UiComponents\";\nimport type {\n  IPropertyValueRenderer,\n  PropertyValueRendererContext,\n} from \"../../ValueRendererManager\";\nimport { useRenderedStringValue } from \"./PrimitivePropertyValueRenderer\";\nimport classnames from \"classnames\";\nimport { convertRecordToString } from \"./Common\";\n\n/** @internal */\nexport class MultilineTextPropertyValueRenderer\n  implements IPropertyValueRenderer\n{\n  public canRender(record: PropertyRecord): boolean {\n    return record.value.valueFormat === PropertyValueFormat.Primitive;\n  }\n\n  public render(\n    record: PropertyRecord,\n    context?: PropertyValueRendererContext\n  ): React.ReactNode {\n    return (\n      <MultilineTextPropertyValueRendererImpl\n        record={record}\n        context={context}\n      />\n    );\n  }\n}\n\ninterface MultilineTextPropertyValueRendererImplProps {\n  record: PropertyRecord;\n  context?: PropertyValueRendererContext;\n  children?: never;\n}\n\nconst MultilineTextPropertyValueRendererImpl: React.FC<\n  MultilineTextPropertyValueRendererImplProps\n> = (props) => {\n  const { stringValue, element } = useRenderedStringValue(\n    props.record,\n    convertRecordToString,\n    props.context\n  );\n  return (\n    <MultilineTextRenderer\n      style={props.context?.style}\n      stringValue={stringValue}\n      isExpanded={props.context?.isExpanded}\n      onExpansionToggled={props.context?.onExpansionToggled}\n      onHeightChanged={props.context?.onHeightChanged}\n    >\n      {element}\n    </MultilineTextRenderer>\n  );\n};\n\ninterface MultilineTextRendererProps {\n  stringValue?: string;\n  isExpanded?: boolean;\n  onExpansionToggled?: () => void;\n  onHeightChanged?: (newHeight: number) => void;\n  style?: React.CSSProperties;\n  /** Content */\n  children?: React.ReactNode;\n}\n\n/** @internal */\nexport const MultilineTextRenderer: React.FC<MultilineTextRendererProps> = (\n  props\n) => {\n  const spanRef = useRef<HTMLSpanElement>(null);\n  const divRef = useRef<HTMLDivElement>(null);\n  const previousHeightRef = useRef(0);\n  const [contentOverflows, setContentOverflows] = useState<boolean>(false);\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useLayoutEffect(() => {\n    assert(divRef.current !== null && spanRef.current !== null);\n\n    setContentOverflows(\n      spanRef.current.clientWidth < spanRef.current.scrollWidth\n    );\n\n    const currentHeight = Math.max(divRef.current.offsetHeight, 27);\n    if (currentHeight !== previousHeightRef.current) {\n      props.onHeightChanged?.(currentHeight);\n      previousHeightRef.current = currentHeight;\n    }\n  });\n\n  const handleExpansionToggleClick = (event: React.MouseEvent) => {\n    props.onExpansionToggled?.();\n    event.stopPropagation();\n  };\n\n  // In order to always trigger onMouseLeave event on PropertyView, collapse button must remain mounted at all times.\n  // https://github.com/facebook/react/issues/6807\n  return (\n    <div ref={divRef} className=\"multiline\">\n      <span\n        ref={spanRef}\n        className={classnames(\"content\", { expanded: props.isExpanded })}\n        style={props.style}\n        title={props.isExpanded ? undefined : props.stringValue}\n      >\n        {props.children}\n        <button\n          className=\"expand-toggle\"\n          style={{ display: props.isExpanded ? \"inline-block\" : \"none\" }}\n          onClick={handleExpansionToggleClick}\n        >\n          {UiComponents.translate(\"property.collapse\")}\n        </button>\n      </span>\n      {contentOverflows && !props.isExpanded && (\n        <button className=\"expand-toggle\" onClick={handleExpansionToggleClick}>\n          {UiComponents.translate(\"property.expand\")}\n        </button>\n      )}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"MultilineTextPropertyValueRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/MultilineTextPropertyValueRenderer.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/**\n * @packageDocumentation\n * @module Properties\n */\n\nimport * as React from \"react\";\nimport { useLayoutEffect, useRef, useState } from \"react\";\nimport { assert } from \"@itwin/core-bentley\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport type {\n  IPropertyValueRenderer,\n  PropertyValueRendererContext,\n} from \"../../ValueRendererManager\";\nimport { useRenderedStringValue } from \"./PrimitivePropertyValueRenderer\";\nimport classnames from \"classnames\";\nimport { convertRecordToString } from \"./Common\";\nimport { useTranslation } from \"../../../useTranslation\";\n\n/** @internal */\nexport class MultilineTextPropertyValueRenderer\n  implements IPropertyValueRenderer\n{\n  public canRender(record: PropertyRecord): boolean {\n    return record.value.valueFormat === PropertyValueFormat.Primitive;\n  }\n\n  public render(\n    record: PropertyRecord,\n    context?: PropertyValueRendererContext\n  ): React.ReactNode {\n    return (\n      <MultilineTextPropertyValueRendererImpl\n        record={record}\n        context={context}\n      />\n    );\n  }\n}\n\ninterface MultilineTextPropertyValueRendererImplProps {\n  record: PropertyRecord;\n  context?: PropertyValueRendererContext;\n  children?: never;\n}\n\nconst MultilineTextPropertyValueRendererImpl: React.FC<\n  MultilineTextPropertyValueRendererImplProps\n> = (props) => {\n  const { stringValue, element } = useRenderedStringValue(\n    props.record,\n    convertRecordToString,\n    props.context\n  );\n  return (\n    <MultilineTextRenderer\n      style={props.context?.style}\n      stringValue={stringValue}\n      isExpanded={props.context?.isExpanded}\n      onExpansionToggled={props.context?.onExpansionToggled}\n      onHeightChanged={props.context?.onHeightChanged}\n    >\n      {element}\n    </MultilineTextRenderer>\n  );\n};\n\ninterface MultilineTextRendererProps {\n  stringValue?: string;\n  isExpanded?: boolean;\n  onExpansionToggled?: () => void;\n  onHeightChanged?: (newHeight: number) => void;\n  style?: React.CSSProperties;\n  /** Content */\n  children?: React.ReactNode;\n}\n\n/** @internal */\nexport const MultilineTextRenderer: React.FC<MultilineTextRendererProps> = (\n  props\n) => {\n  const { translate } = useTranslation();\n  const spanRef = useRef<HTMLSpanElement>(null);\n  const divRef = useRef<HTMLDivElement>(null);\n  const [contentOverflows, setContentOverflows] = useState<boolean>(false);\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useLayoutEffect(() => {\n    assert(divRef.current !== null && spanRef.current !== null);\n\n    setContentOverflows(\n      spanRef.current.clientWidth < spanRef.current.scrollWidth\n    );\n  });\n\n  const handleExpansionToggleClick = (event: React.MouseEvent) => {\n    props.onExpansionToggled?.();\n    event.stopPropagation();\n  };\n\n  // In order to always trigger onMouseLeave event on PropertyView, collapse button must remain mounted at all times.\n  // https://github.com/facebook/react/issues/6807\n  return (\n    <div ref={divRef} className=\"multiline\">\n      <span\n        ref={spanRef}\n        className={classnames(\"content\", { expanded: props.isExpanded })}\n        style={props.style}\n        title={props.isExpanded ? undefined : props.stringValue}\n      >\n        {props.children}\n        <button\n          className=\"expand-toggle\"\n          style={{ display: props.isExpanded ? \"inline-block\" : \"none\" }}\n          onClick={handleExpansionToggleClick}\n        >\n          {translate(\"property.collapse\")}\n        </button>\n      </span>\n      {contentOverflows && !props.isExpanded && (\n        <button className=\"expand-toggle\" onClick={handleExpansionToggleClick}>\n          {translate(\"property.expand\")}\n        </button>\n      )}\n    </div>\n  );\n};\n"]}

package/lib/cjs/components-react/properties/renderers/value/PrimitivePropertyValueRenderer.js

@@ -56,14 +56,16 @@ exports.PrimitivePropertyValueRenderer = PrimitivePropertyValueRenderer;
  * @internal
  */
 function convertPrimitiveRecordToString(record) {
+    var _a;
     const primitive = record.value;
-    return TypeConverterManager_1.TypeConverterManager.getConverter(record.property.typename, record.property.converter?.name).convertPropertyToString(record.property, primitive.value);
+    return TypeConverterManager_1.TypeConverterManager.getConverter(record.property.typename, (_a = record.property.converter) === null || _a === void 0 ? void 0 : _a.name).convertPropertyToString(record.property, primitive.value);
 }
 exports.convertPrimitiveRecordToString = convertPrimitiveRecordToString;
 /** @internal */
 function PrimitivePropertyValueRendererImpl(props) {
+    var _a;
     const { stringValue, element } = useRenderedStringValue(props.record, props.stringValueCalculator, props.context, props.linksHandler);
-    return (React.createElement("span", { style: props.context?.style, title: stringValue }, element));
+    return (React.createElement("span", { style: (_a = props.context) === null || _a === void 0 ? void 0 : _a.style, title: stringValue }, element));
 }
 exports.PrimitivePropertyValueRendererImpl = PrimitivePropertyValueRendererImpl;
 /**
@@ -80,8 +82,9 @@ exports.DEFAULT_LINKS_HANDLER = {
 };
 /** @internal */
 function useRenderedStringValue(record, stringValueCalculator, context, linksHandler) {
+    var _a, _b;
     const stringValue = (0, UseAsyncValue_1.useAsyncValue)(stringValueCalculator(record));
-    const el = stringValue === undefined ? (context?.defaultValue) : (React.createElement(LinkHandler_1.LinksRenderer, { value: stringValue, links: record.links ?? linksHandler ?? exports.DEFAULT_LINKS_HANDLER, highlighter: context?.textHighlighter }));
+    const el = stringValue === undefined ? (context === null || context === void 0 ? void 0 : context.defaultValue) : (React.createElement(LinkHandler_1.LinksRenderer, { value: stringValue, links: (_b = (_a = record.links) !== null && _a !== void 0 ? _a : linksHandler) !== null && _b !== void 0 ? _b : exports.DEFAULT_LINKS_HANDLER, highlighter: context === null || context === void 0 ? void 0 : context.textHighlighter }));
     return { stringValue, element: el };
 }
 exports.useRenderedStringValue = useRenderedStringValue;

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

@@ -1 +1 @@
-{"version":3,"file":"PrimitivePropertyValueRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/PrimitivePropertyValueRenderer.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAM/B,0DAA4D;AAC5D,iEAA8D;AAC9D,mFAAgF;AAChF,6FAA0F;AAC1F,mDAAkD;AAMlD;;GAEG;AACH,MAAa,8BAA8B;IACzC,uDAAuD;IAChD,SAAS,CAAC,MAAsB;QACrC,OAAO,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,oCAAmB,CAAC,SAAS,CAAC;IACpE,CAAC;IAED,iEAAiE;IAC1D,MAAM,CACX,MAAsB,EACtB,OAAsC;QAEtC,OAAO,CACL,oBAAC,kCAAkC,IACjC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,qBAAqB,EAAE,8BAA8B,GACrD,CACH,CAAC;IACJ,CAAC;CACF;AAnBD,wEAmBC;AAED;;;GAGG;AACH,SAAgB,8BAA8B,CAC5C,MAAsB;IAEtB,MAAM,SAAS,GAAG,MAAM,CAAC,KAAuB,CAAC;IACjD,OAAO,2CAAoB,CAAC,YAAY,CACtC,MAAM,CAAC,QAAQ,CAAC,QAAQ,EACxB,MAAM,CAAC,QAAQ,CAAC,SAAS,EAAE,IAAI,CAChC,CAAC,uBAAuB,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;AAC9D,CAAC;AARD,wEAQC;AAUD,gBAAgB;AAChB,SAAgB,kCAAkC,CAChD,KAA8C;IAE9C,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,sBAAsB,CACrD,KAAK,CAAC,MAAM,EACZ,KAAK,CAAC,qBAAqB,EAC3B,KAAK,CAAC,OAAO,EACb,KAAK,CAAC,YAAY,CACnB,CAAC;IACF,OAAO,CACL,8BAAM,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,IAClD,OAAO,CACH,CACR,CAAC;AACJ,CAAC;AAdD,gFAcC;AAED;;;;;;;GAOG;AACU,QAAA,qBAAqB,GAAqB;IACrD,OAAO,EAAE,yCAAmB,CAAC,QAAQ;IACrC,OAAO,EAAE,yCAAmB,CAAC,eAAe;CAC7C,CAAC;AAEF,gBAAgB;AAChB,SAAgB,sBAAsB,CACpC,MAAsB,EACtB,qBAA2E,EAC3E,OAAsC,EACtC,YAA+B;IAE/B,MAAM,WAAW,GAAG,IAAA,6BAAa,EAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC,CAAC;IACjE,MAAM,EAAE,GACN,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,CAC1B,OAAO,EAAE,YAAY,CACtB,CAAC,CAAC,CAAC,CACF,oBAAC,2BAAa,IACZ,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,YAAY,IAAI,6BAAqB,EAC5D,WAAW,EAAE,OAAO,EAAE,eAAe,GACrC,CACH,CAAC;IACJ,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;AACtC,CAAC;AAlBD,wDAkBC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Properties\n */\n\nimport * as React from \"react\";\nimport type {\n  LinkElementsInfo,\n  PrimitiveValue,\n  PropertyRecord,\n} from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { useAsyncValue } from \"../../../common/UseAsyncValue\";\nimport { TypeConverterManager } from \"../../../converters/TypeConverterManager\";\nimport { PropertyGridCommons } from \"../../../propertygrid/component/PropertyGridCommons\";\nimport { LinksRenderer } from \"../../LinkHandler\";\nimport type {\n  IPropertyValueRenderer,\n  PropertyValueRendererContext,\n} from \"../../ValueRendererManager\";\n\n/** Default Primitive Property Renderer\n * @public\n */\nexport class PrimitivePropertyValueRenderer implements IPropertyValueRenderer {\n  /** Checks if the renderer can handle given property */\n  public canRender(record: PropertyRecord) {\n    return record.value.valueFormat === PropertyValueFormat.Primitive;\n  }\n\n  /** Method that returns a JSX representation of PropertyRecord */\n  public render(\n    record: PropertyRecord,\n    context?: PropertyValueRendererContext\n  ) {\n    return (\n      <PrimitivePropertyValueRendererImpl\n        record={record}\n        context={context}\n        stringValueCalculator={convertPrimitiveRecordToString}\n      />\n    );\n  }\n}\n\n/**\n * Function that converts primitive [[PropertyRecord]] to string\n * @internal\n */\nexport function convertPrimitiveRecordToString(\n  record: PropertyRecord\n): string | Promise<string> {\n  const primitive = record.value as PrimitiveValue;\n  return TypeConverterManager.getConverter(\n    record.property.typename,\n    record.property.converter?.name\n  ).convertPropertyToString(record.property, primitive.value);\n}\n\n/** @internal */\ninterface PrimitivePropertyValueRendererImplProps {\n  record: PropertyRecord;\n  stringValueCalculator: (record: PropertyRecord) => string | Promise<string>;\n  context?: PropertyValueRendererContext;\n  linksHandler?: LinkElementsInfo;\n}\n\n/** @internal */\nexport function PrimitivePropertyValueRendererImpl(\n  props: PrimitivePropertyValueRendererImplProps\n) {\n  const { stringValue, element } = useRenderedStringValue(\n    props.record,\n    props.stringValueCalculator,\n    props.context,\n    props.linksHandler\n  );\n  return (\n    <span style={props.context?.style} title={stringValue}>\n      {element}\n    </span>\n  );\n}\n\n/**\n * Default link handler used for handling records,\n * which did not have any specified LinkElementsInfo.\n *\n * Default matcher matches all URLs using regex.\n * Default onClick opens window or sets location.href with found URL.\n * @public\n */\nexport const DEFAULT_LINKS_HANDLER: LinkElementsInfo = {\n  matcher: PropertyGridCommons.getLinks,\n  onClick: PropertyGridCommons.handleLinkClick,\n};\n\n/** @internal */\nexport function useRenderedStringValue(\n  record: PropertyRecord,\n  stringValueCalculator: (record: PropertyRecord) => string | Promise<string>,\n  context?: PropertyValueRendererContext,\n  linksHandler?: LinkElementsInfo\n): { stringValue?: string; element: React.ReactNode } {\n  const stringValue = useAsyncValue(stringValueCalculator(record));\n  const el =\n    stringValue === undefined ? (\n      context?.defaultValue\n    ) : (\n      <LinksRenderer\n        value={stringValue}\n        links={record.links ?? linksHandler ?? DEFAULT_LINKS_HANDLER}\n        highlighter={context?.textHighlighter}\n      />\n    );\n  return { stringValue, element: el };\n}\n"]}
+{"version":3,"file":"PrimitivePropertyValueRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/PrimitivePropertyValueRenderer.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAM/B,0DAA4D;AAC5D,iEAA8D;AAC9D,mFAAgF;AAChF,6FAA0F;AAC1F,mDAAkD;AAMlD;;GAEG;AACH,MAAa,8BAA8B;IACzC,uDAAuD;IAChD,SAAS,CAAC,MAAsB;QACrC,OAAO,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,oCAAmB,CAAC,SAAS,CAAC;IACpE,CAAC;IAED,iEAAiE;IAC1D,MAAM,CACX,MAAsB,EACtB,OAAsC;QAEtC,OAAO,CACL,oBAAC,kCAAkC,IACjC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,qBAAqB,EAAE,8BAA8B,GACrD,CACH,CAAC;IACJ,CAAC;CACF;AAnBD,wEAmBC;AAED;;;GAGG;AACH,SAAgB,8BAA8B,CAC5C,MAAsB;;IAEtB,MAAM,SAAS,GAAG,MAAM,CAAC,KAAuB,CAAC;IACjD,OAAO,2CAAoB,CAAC,YAAY,CACtC,MAAM,CAAC,QAAQ,CAAC,QAAQ,EACxB,MAAA,MAAM,CAAC,QAAQ,CAAC,SAAS,0CAAE,IAAI,CAChC,CAAC,uBAAuB,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;AAC9D,CAAC;AARD,wEAQC;AAUD,gBAAgB;AAChB,SAAgB,kCAAkC,CAChD,KAA8C;;IAE9C,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,sBAAsB,CACrD,KAAK,CAAC,MAAM,EACZ,KAAK,CAAC,qBAAqB,EAC3B,KAAK,CAAC,OAAO,EACb,KAAK,CAAC,YAAY,CACnB,CAAC;IACF,OAAO,CACL,8BAAM,KAAK,EAAE,MAAA,KAAK,CAAC,OAAO,0CAAE,KAAK,EAAE,KAAK,EAAE,WAAW,IAClD,OAAO,CACH,CACR,CAAC;AACJ,CAAC;AAdD,gFAcC;AAED;;;;;;;GAOG;AACU,QAAA,qBAAqB,GAAqB;IACrD,OAAO,EAAE,yCAAmB,CAAC,QAAQ;IACrC,OAAO,EAAE,yCAAmB,CAAC,eAAe;CAC7C,CAAC;AAEF,gBAAgB;AAChB,SAAgB,sBAAsB,CACpC,MAAsB,EACtB,qBAA2E,EAC3E,OAAsC,EACtC,YAA+B;;IAE/B,MAAM,WAAW,GAAG,IAAA,6BAAa,EAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC,CAAC;IACjE,MAAM,EAAE,GACN,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,CAC1B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CACtB,CAAC,CAAC,CAAC,CACF,oBAAC,2BAAa,IACZ,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,MAAA,MAAA,MAAM,CAAC,KAAK,mCAAI,YAAY,mCAAI,6BAAqB,EAC5D,WAAW,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,eAAe,GACrC,CACH,CAAC;IACJ,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;AACtC,CAAC;AAlBD,wDAkBC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Properties\n */\n\nimport * as React from \"react\";\nimport type {\n  LinkElementsInfo,\n  PrimitiveValue,\n  PropertyRecord,\n} from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { useAsyncValue } from \"../../../common/UseAsyncValue\";\nimport { TypeConverterManager } from \"../../../converters/TypeConverterManager\";\nimport { PropertyGridCommons } from \"../../../propertygrid/component/PropertyGridCommons\";\nimport { LinksRenderer } from \"../../LinkHandler\";\nimport type {\n  IPropertyValueRenderer,\n  PropertyValueRendererContext,\n} from \"../../ValueRendererManager\";\n\n/** Default Primitive Property Renderer\n * @public\n */\nexport class PrimitivePropertyValueRenderer implements IPropertyValueRenderer {\n  /** Checks if the renderer can handle given property */\n  public canRender(record: PropertyRecord) {\n    return record.value.valueFormat === PropertyValueFormat.Primitive;\n  }\n\n  /** Method that returns a JSX representation of PropertyRecord */\n  public render(\n    record: PropertyRecord,\n    context?: PropertyValueRendererContext\n  ) {\n    return (\n      <PrimitivePropertyValueRendererImpl\n        record={record}\n        context={context}\n        stringValueCalculator={convertPrimitiveRecordToString}\n      />\n    );\n  }\n}\n\n/**\n * Function that converts primitive [[PropertyRecord]] to string\n * @internal\n */\nexport function convertPrimitiveRecordToString(\n  record: PropertyRecord\n): string | Promise<string> {\n  const primitive = record.value as PrimitiveValue;\n  return TypeConverterManager.getConverter(\n    record.property.typename,\n    record.property.converter?.name\n  ).convertPropertyToString(record.property, primitive.value);\n}\n\n/** @internal */\ninterface PrimitivePropertyValueRendererImplProps {\n  record: PropertyRecord;\n  stringValueCalculator: (record: PropertyRecord) => string | Promise<string>;\n  context?: PropertyValueRendererContext;\n  linksHandler?: LinkElementsInfo;\n}\n\n/** @internal */\nexport function PrimitivePropertyValueRendererImpl(\n  props: PrimitivePropertyValueRendererImplProps\n) {\n  const { stringValue, element } = useRenderedStringValue(\n    props.record,\n    props.stringValueCalculator,\n    props.context,\n    props.linksHandler\n  );\n  return (\n    <span style={props.context?.style} title={stringValue}>\n      {element}\n    </span>\n  );\n}\n\n/**\n * Default link handler used for handling records,\n * which did not have any specified LinkElementsInfo.\n *\n * Default matcher matches all URLs using regex.\n * Default onClick opens window or sets location.href with found URL.\n * @public\n */\nexport const DEFAULT_LINKS_HANDLER: LinkElementsInfo = {\n  matcher: PropertyGridCommons.getLinks,\n  onClick: PropertyGridCommons.handleLinkClick,\n};\n\n/** @internal */\nexport function useRenderedStringValue(\n  record: PropertyRecord,\n  stringValueCalculator: (record: PropertyRecord) => string | Promise<string>,\n  context?: PropertyValueRendererContext,\n  linksHandler?: LinkElementsInfo\n): { stringValue?: string; element: React.ReactNode } {\n  const stringValue = useAsyncValue(stringValueCalculator(record));\n  const el =\n    stringValue === undefined ? (\n      context?.defaultValue\n    ) : (\n      <LinksRenderer\n        value={stringValue}\n        links={record.links ?? linksHandler ?? DEFAULT_LINKS_HANDLER}\n        highlighter={context?.textHighlighter}\n      />\n    );\n  return { stringValue, element: el };\n}\n"]}

package/lib/cjs/components-react/propertygrid/PropertyCategoryRendererManager.js

@@ -19,10 +19,11 @@ class PropertyCategoryRendererManager {
     }
     /** Retrieves a category rendering component based for the passed category item. */
     getCategoryComponent(categoryItem) {
+        var _a;
         if (categoryItem.derivedCategory.renderer === undefined) {
             return undefined;
         }
-        return this._categoryRenderers.get(categoryItem.derivedCategory.renderer.name)?.(categoryItem);
+        return (_a = this._categoryRenderers.get(categoryItem.derivedCategory.renderer.name)) === null || _a === void 0 ? void 0 : _a(categoryItem);
     }
     /** Registers a renderer factory function to be invoked on categories with specific renderer name. */
     addRenderer(rendererName, categoryRenderer, override = false) {

package/lib/cjs/components-react/propertygrid/PropertyCategoryRendererManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyCategoryRendererManager.js","sourceRoot":"","sources":["../../../../src/components-react/propertygrid/PropertyCategoryRendererManager.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AA2BH;;;;GAIG;AACH,MAAa,+BAA+B;IAA5C;QACU,uBAAkB,GAAG,IAAI,GAAG,EAAoC,CAAC;IAuC3E,CAAC;IAnCC,mFAAmF;IAC5E,oBAAoB,CACzB,YAA8B;QAE9B,IAAI,YAAY,CAAC,eAAe,CAAC,QAAQ,KAAK,SAAS,EAAE;YACvD,OAAO,SAAS,CAAC;SAClB;QAED,OAAO,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAChC,YAAY,CAAC,eAAe,CAAC,QAAQ,CAAC,IAAI,CAC3C,EAAE,CAAC,YAAY,CAAC,CAAC;IACpB,CAAC;IAED,qGAAqG;IAC9F,WAAW,CAChB,YAAoB,EACpB,gBAA0C,EAC1C,QAAQ,GAAG,KAAK;QAEhB,IAAI,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,EAAE;YAC1D,MAAM,SAAS,GAAG,+BAA+B,CAAC,IAAI,CAAC;YACvD,MAAM,UAAU,GACd,+BAA+B,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC;YAC7D,MAAM,IAAI,KAAK,CACb,GAAG,SAAS,IAAI,UAAU,qBAAqB,YAAY,wDAAwD,CACpH,CAAC;SACH;QAED,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAC;IAC9D,CAAC;IAED,sDAAsD;IAC/C,cAAc,CAAC,YAAoB;QACxC,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IAC/C,CAAC;;AApCa,8CAAc,GAAG,IAAI,+BAA+B,EAAE,AAAxC,CAAyC;AAH1D,0EAA+B","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 PropertyGrid\n */\n\nimport type * as React from \"react\";\nimport type { VirtualizedPropertyGridContext } from \"./component/VirtualizedPropertyGrid\";\nimport type { GridCategoryItem } from \"./internal/flat-items/FlatGridItem\";\n\n/**\n * Props that property category renderer receives.\n * @public\n */\nexport interface PropertyCategoryRendererProps {\n  /** The category being rendered. */\n  categoryItem: GridCategoryItem;\n  /** Context of the surrounding property grid. */\n  gridContext: VirtualizedPropertyGridContext;\n  /** Sets the allocated height for category contents. */\n  onHeightChanged: (newHeight: number) => void;\n}\n\n/**\n * Factory function that produces custom property category components.\n * @public\n */\nexport type PropertyCategoryRenderer = (\n  categoryItem: GridCategoryItem\n) => React.ComponentType<PropertyCategoryRendererProps> | undefined;\n\n/**\n * Keeps a record of currently registered property category renderers and determines which renderers get invoked for\n * each category.\n * @public\n */\nexport class PropertyCategoryRendererManager {\n  private _categoryRenderers = new Map<string, PropertyCategoryRenderer>();\n\n  public static defaultManager = new PropertyCategoryRendererManager();\n\n  /** Retrieves a category rendering component based for the passed category item. */\n  public getCategoryComponent(\n    categoryItem: GridCategoryItem\n  ): React.ComponentType<PropertyCategoryRendererProps> | undefined {\n    if (categoryItem.derivedCategory.renderer === undefined) {\n      return undefined;\n    }\n\n    return this._categoryRenderers.get(\n      categoryItem.derivedCategory.renderer.name\n    )?.(categoryItem);\n  }\n\n  /** Registers a renderer factory function to be invoked on categories with specific renderer name. */\n  public addRenderer(\n    rendererName: string,\n    categoryRenderer: PropertyCategoryRenderer,\n    override = false\n  ): void {\n    if (this._categoryRenderers.has(rendererName) && !override) {\n      const className = PropertyCategoryRendererManager.name;\n      const methodName =\n        PropertyCategoryRendererManager.prototype.addRenderer.name;\n      throw new Error(\n        `${className}.${methodName} error: renderer '${rendererName}' has already been added. Did you mean to override it?`\n      );\n    }\n\n    this._categoryRenderers.set(rendererName, categoryRenderer);\n  }\n\n  /** Removes previous renderer factory registration. */\n  public removeRenderer(rendererName: string): void {\n    this._categoryRenderers.delete(rendererName);\n  }\n}\n"]}
+{"version":3,"file":"PropertyCategoryRendererManager.js","sourceRoot":"","sources":["../../../../src/components-react/propertygrid/PropertyCategoryRendererManager.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AA2BH;;;;GAIG;AACH,MAAa,+BAA+B;IAA5C;QACU,uBAAkB,GAAG,IAAI,GAAG,EAAoC,CAAC;IAuC3E,CAAC;IAnCC,mFAAmF;IAC5E,oBAAoB,CACzB,YAA8B;;QAE9B,IAAI,YAAY,CAAC,eAAe,CAAC,QAAQ,KAAK,SAAS,EAAE;YACvD,OAAO,SAAS,CAAC;SAClB;QAED,OAAO,MAAA,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAChC,YAAY,CAAC,eAAe,CAAC,QAAQ,CAAC,IAAI,CAC3C,0CAAG,YAAY,CAAC,CAAC;IACpB,CAAC;IAED,qGAAqG;IAC9F,WAAW,CAChB,YAAoB,EACpB,gBAA0C,EAC1C,QAAQ,GAAG,KAAK;QAEhB,IAAI,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,EAAE;YAC1D,MAAM,SAAS,GAAG,+BAA+B,CAAC,IAAI,CAAC;YACvD,MAAM,UAAU,GACd,+BAA+B,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC;YAC7D,MAAM,IAAI,KAAK,CACb,GAAG,SAAS,IAAI,UAAU,qBAAqB,YAAY,wDAAwD,CACpH,CAAC;SACH;QAED,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAC;IAC9D,CAAC;IAED,sDAAsD;IAC/C,cAAc,CAAC,YAAoB;QACxC,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IAC/C,CAAC;;AApCa,8CAAc,GAAG,IAAI,+BAA+B,EAAE,AAAxC,CAAyC;AAH1D,0EAA+B","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 PropertyGrid\n */\n\nimport type * as React from \"react\";\nimport type { VirtualizedPropertyGridContext } from \"./component/VirtualizedPropertyGrid\";\nimport type { GridCategoryItem } from \"./internal/flat-items/FlatGridItem\";\n\n/**\n * Props that property category renderer receives.\n * @public\n */\nexport interface PropertyCategoryRendererProps {\n  /** The category being rendered. */\n  categoryItem: GridCategoryItem;\n  /** Context of the surrounding property grid. */\n  gridContext: VirtualizedPropertyGridContext;\n  /** Sets the allocated height for category contents. */\n  onHeightChanged: (newHeight: number) => void;\n}\n\n/**\n * Factory function that produces custom property category components.\n * @public\n */\nexport type PropertyCategoryRenderer = (\n  categoryItem: GridCategoryItem\n) => React.ComponentType<PropertyCategoryRendererProps> | undefined;\n\n/**\n * Keeps a record of currently registered property category renderers and determines which renderers get invoked for\n * each category.\n * @public\n */\nexport class PropertyCategoryRendererManager {\n  private _categoryRenderers = new Map<string, PropertyCategoryRenderer>();\n\n  public static defaultManager = new PropertyCategoryRendererManager();\n\n  /** Retrieves a category rendering component based for the passed category item. */\n  public getCategoryComponent(\n    categoryItem: GridCategoryItem\n  ): React.ComponentType<PropertyCategoryRendererProps> | undefined {\n    if (categoryItem.derivedCategory.renderer === undefined) {\n      return undefined;\n    }\n\n    return this._categoryRenderers.get(\n      categoryItem.derivedCategory.renderer.name\n    )?.(categoryItem);\n  }\n\n  /** Registers a renderer factory function to be invoked on categories with specific renderer name. */\n  public addRenderer(\n    rendererName: string,\n    categoryRenderer: PropertyCategoryRenderer,\n    override = false\n  ): void {\n    if (this._categoryRenderers.has(rendererName) && !override) {\n      const className = PropertyCategoryRendererManager.name;\n      const methodName =\n        PropertyCategoryRendererManager.prototype.addRenderer.name;\n      throw new Error(\n        `${className}.${methodName} error: renderer '${rendererName}' has already been added. Did you mean to override it?`\n      );\n    }\n\n    this._categoryRenderers.set(rendererName, categoryRenderer);\n  }\n\n  /** Removes previous renderer factory registration. */\n  public removeRenderer(rendererName: string): void {\n    this._categoryRenderers.delete(rendererName);\n  }\n}\n"]}

package/lib/cjs/components-react/propertygrid/component/ColumnResizingPropertyListPropsSupplier.js

@@ -66,13 +66,14 @@ class ColumnResizingPropertyListPropsSupplier extends React.Component {
         };
     }
     isMinimumColumnSizeEnabled() {
+        var _a;
         if (this.props.orientation !== core_react_1.Orientation.Horizontal)
             return false;
         // calculated how much width all the borders of nested properties takes up.
         const bordersWidth = this.props.maxPropertyDepth
             ? this.props.maxPropertyDepth * BORDER_WIDTH
             : 0;
-        const actionButtonWidth = this.props.actionButtonWidth ?? 0;
+        const actionButtonWidth = (_a = this.props.actionButtonWidth) !== null && _a !== void 0 ? _a : 0;
         // minimum with required to render property. This consists of:
         // * minimum label width
         // * 1px resizer

package/lib/cjs/components-react/propertygrid/component/ColumnResizingPropertyListPropsSupplier.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnResizingPropertyListPropsSupplier.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/ColumnResizingPropertyListPropsSupplier.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport type { RatioChangeResult } from \"@itwin/core-react\";\nimport { Orientation, UiGeometry } from \"@itwin/core-react\";\nimport type { PropertyListProps } from \"./PropertyList\";\n\nconst BORDER_WIDTH = 10;\nconst PROPERTY_PADDING = 16;\nconst VALUE_MIN_WIDTH = 10;\n\n/** @internal */\nexport type ColumnResizeRelatedPropertyListProps = Required<\n  Pick<\n    PropertyListProps,\n    | \"onColumnChanged\"\n    | \"columnRatio\"\n    | \"isResizeHandleHovered\"\n    | \"onResizeHandleHoverChanged\"\n    | \"isResizeHandleBeingDragged\"\n    | \"onResizeHandleDragChanged\"\n    | \"columnInfo\"\n    | \"orientation\"\n    | \"width\"\n  >\n>;\n\n/** @internal */\nexport interface ColumnResizingPropertyListPropsSupplierProps {\n  /** Orientation of the properties */\n  orientation: Orientation;\n  /** Width of the property list */\n  width: number;\n  /** Minimum allowed label column width, after which resizing stops */\n  minLabelWidth?: number;\n  /** Minimum allowed value column width, after which resizing stops */\n  minValueWidth?: number;\n  /** Fixed action button column width */\n  actionButtonWidth?: number;\n  /** Maximum depth of the properties shown */\n  maxPropertyDepth?: number;\n  /** A callback that receives the required column-resize-related props for the [[PropertyList]] component  */\n  children: (props: ColumnResizeRelatedPropertyListProps) => React.ReactNode;\n}\n\n/** @internal */\nexport interface ColumnResizingPropertyListPropsSupplierState {\n  columnRatio: number;\n  isResizeHandleHovered: boolean;\n  isResizeHandleBeingDragged: boolean;\n}\n\n/**\n * Wrapped PropertyCategoryBlock React component with list of properties and render optimization\n * @internal\n */\nexport class ColumnResizingPropertyListPropsSupplier extends React.Component<\n  ColumnResizingPropertyListPropsSupplierProps,\n  ColumnResizingPropertyListPropsSupplierState\n> {\n  private readonly _initialRatio = 0.25;\n  private readonly _defaultMinRatio = 0.15;\n  private readonly _defaultMaxRatio = 0.6;\n  private _minRatio = this._defaultMinRatio;\n  private _maxRatio = this._defaultMaxRatio;\n\n  public override state: ColumnResizingPropertyListPropsSupplierState = {\n    columnRatio: this._initialRatio,\n    isResizeHandleHovered: false,\n    isResizeHandleBeingDragged: false,\n  };\n\n  public static defaultProps: Partial<ColumnResizingPropertyListPropsSupplierProps> =\n    {\n      minLabelWidth: 100,\n      minValueWidth: 100,\n    };\n\n  private _onColumnRatioChanged = (ratio: number): RatioChangeResult => {\n    ratio = UiGeometry.clamp(ratio, this._minRatio, this._maxRatio);\n    if (this.state.columnRatio === ratio) return { ratio };\n\n    this.setState({ columnRatio: ratio });\n    return { ratio };\n  };\n\n  // istanbul ignore next\n  private _onResizeHandleHoverChanged = (isHovered: boolean) => {\n    this.setState({ isResizeHandleHovered: isHovered });\n  };\n\n  private _onResizeHandleDragChanged = (isDragStarted: boolean) => {\n    this.setState({ isResizeHandleBeingDragged: isDragStarted });\n  };\n\n  private isMinimumColumnSizeEnabled() {\n    if (this.props.orientation !== Orientation.Horizontal) return false;\n\n    // calculated how much width all the borders of nested properties takes up.\n    const bordersWidth = this.props.maxPropertyDepth\n      ? this.props.maxPropertyDepth * BORDER_WIDTH\n      : 0;\n    const actionButtonWidth = this.props.actionButtonWidth ?? 0;\n\n    // minimum with required to render property. This consists of:\n    // * minimum label width\n    // * 1px resizer\n    // * minimum value width\n    // * actions buttons width\n    // * all nested borders width\n    // * padding\n    const propertyWidth =\n      this.props.minLabelWidth! +\n      1 +\n      this.props.minValueWidth! +\n      actionButtonWidth +\n      bordersWidth +\n      PROPERTY_PADDING;\n    // default behavior for screens that are too small to have minimum column widths\n    if (this.props.width < propertyWidth) {\n      this._minRatio = this._defaultMinRatio;\n      // if there are action buttons calculate maximum ratio for label. Otherwise use default.\n      this._maxRatio = this.props.actionButtonWidth\n        ? (this.props.width -\n            this.props.actionButtonWidth -\n            bordersWidth -\n            PROPERTY_PADDING -\n            VALUE_MIN_WIDTH) /\n          this.props.width\n        : this._defaultMaxRatio;\n      return false;\n    }\n\n    this._minRatio = this.props.minLabelWidth! / this.props.width;\n    this._maxRatio =\n      (this.props.width - actionButtonWidth - this.props.minValueWidth!) /\n      this.props.width;\n    return true;\n  }\n\n  private getValidColumnRatio(): number {\n    return UiGeometry.clamp(\n      this.state.columnRatio,\n      this._minRatio,\n      this._maxRatio\n    );\n  }\n\n  public override render() {\n    const listProps: ColumnResizeRelatedPropertyListProps = {\n      orientation: this.props.orientation,\n      width: this.props.width,\n      onColumnChanged: this._onColumnRatioChanged,\n      columnRatio: this.getValidColumnRatio(),\n      isResizeHandleHovered: this.state.isResizeHandleHovered,\n      onResizeHandleHoverChanged: this._onResizeHandleHoverChanged,\n      isResizeHandleBeingDragged: this.state.isResizeHandleBeingDragged,\n      onResizeHandleDragChanged: this._onResizeHandleDragChanged,\n      columnInfo: {\n        minLabelWidth: this.props.minLabelWidth!,\n        minValueWidth: this.props.minValueWidth!,\n        actionButtonWidth: this.props.actionButtonWidth!,\n        isMinimumColumnSizeEnabled: this.isMinimumColumnSizeEnabled(),\n      },\n    };\n    return this.props.children(listProps);\n  }\n}\n"]}
+{"version":3,"file":"ColumnResizingPropertyListPropsSupplier.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/ColumnResizingPropertyListPropsSupplier.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport type { RatioChangeResult } from \"@itwin/core-react\";\nimport { Orientation, UiGeometry } from \"@itwin/core-react\";\nimport type { PropertyListProps } from \"./PropertyList\";\n\nconst BORDER_WIDTH = 10;\nconst PROPERTY_PADDING = 16;\nconst VALUE_MIN_WIDTH = 10;\n\n/** @internal */\nexport type ColumnResizeRelatedPropertyListProps = Required<\n  Pick<\n    PropertyListProps,\n    | \"onColumnChanged\"\n    | \"columnRatio\"\n    | \"isResizeHandleHovered\"\n    | \"onResizeHandleHoverChanged\"\n    | \"isResizeHandleBeingDragged\"\n    | \"onResizeHandleDragChanged\"\n    | \"columnInfo\"\n    | \"orientation\"\n    | \"width\"\n  >\n>;\n\n/** @internal */\nexport interface ColumnResizingPropertyListPropsSupplierProps {\n  /** Orientation of the properties */\n  orientation: Orientation;\n  /** Width of the property list */\n  width: number;\n  /** Minimum allowed label column width, after which resizing stops */\n  minLabelWidth?: number;\n  /** Minimum allowed value column width, after which resizing stops */\n  minValueWidth?: number;\n  /** Fixed action button column width */\n  actionButtonWidth?: number;\n  /** Maximum depth of the properties shown */\n  maxPropertyDepth?: number;\n  /** A callback that receives the required column-resize-related props for the [[PropertyList]] component  */\n  children: (props: ColumnResizeRelatedPropertyListProps) => React.ReactNode;\n}\n\n/** @internal */\nexport interface ColumnResizingPropertyListPropsSupplierState {\n  columnRatio: number;\n  isResizeHandleHovered: boolean;\n  isResizeHandleBeingDragged: boolean;\n}\n\n/**\n * Wrapped PropertyCategoryBlock React component with list of properties and render optimization\n * @internal\n */\nexport class ColumnResizingPropertyListPropsSupplier extends React.Component<\n  ColumnResizingPropertyListPropsSupplierProps,\n  ColumnResizingPropertyListPropsSupplierState\n> {\n  private readonly _initialRatio = 0.25;\n  private readonly _defaultMinRatio = 0.15;\n  private readonly _defaultMaxRatio = 0.6;\n  private _minRatio = this._defaultMinRatio;\n  private _maxRatio = this._defaultMaxRatio;\n\n  public override state: ColumnResizingPropertyListPropsSupplierState = {\n    columnRatio: this._initialRatio,\n    isResizeHandleHovered: false,\n    isResizeHandleBeingDragged: false,\n  };\n\n  public static defaultProps: Partial<ColumnResizingPropertyListPropsSupplierProps> =\n    {\n      minLabelWidth: 100,\n      minValueWidth: 100,\n    };\n\n  private _onColumnRatioChanged = (ratio: number): RatioChangeResult => {\n    ratio = UiGeometry.clamp(ratio, this._minRatio, this._maxRatio);\n    if (this.state.columnRatio === ratio) return { ratio };\n\n    this.setState({ columnRatio: ratio });\n    return { ratio };\n  };\n\n  // istanbul ignore next\n  private _onResizeHandleHoverChanged = (isHovered: boolean) => {\n    this.setState({ isResizeHandleHovered: isHovered });\n  };\n\n  private _onResizeHandleDragChanged = (isDragStarted: boolean) => {\n    this.setState({ isResizeHandleBeingDragged: isDragStarted });\n  };\n\n  private isMinimumColumnSizeEnabled() {\n    if (this.props.orientation !== Orientation.Horizontal) return false;\n\n    // calculated how much width all the borders of nested properties takes up.\n    const bordersWidth = this.props.maxPropertyDepth\n      ? this.props.maxPropertyDepth * BORDER_WIDTH\n      : 0;\n    const actionButtonWidth = this.props.actionButtonWidth ?? 0;\n\n    // minimum with required to render property. This consists of:\n    // * minimum label width\n    // * 1px resizer\n    // * minimum value width\n    // * actions buttons width\n    // * all nested borders width\n    // * padding\n    const propertyWidth =\n      this.props.minLabelWidth! +\n      1 +\n      this.props.minValueWidth! +\n      actionButtonWidth +\n      bordersWidth +\n      PROPERTY_PADDING;\n    // default behavior for screens that are too small to have minimum column widths\n    if (this.props.width < propertyWidth) {\n      this._minRatio = this._defaultMinRatio;\n      // if there are action buttons calculate maximum ratio for label. Otherwise use default.\n      this._maxRatio = this.props.actionButtonWidth\n        ? (this.props.width -\n            this.props.actionButtonWidth -\n            bordersWidth -\n            PROPERTY_PADDING -\n            VALUE_MIN_WIDTH) /\n          this.props.width\n        : this._defaultMaxRatio;\n      return false;\n    }\n\n    this._minRatio = this.props.minLabelWidth! / this.props.width;\n    this._maxRatio =\n      (this.props.width - actionButtonWidth - this.props.minValueWidth!) /\n      this.props.width;\n    return true;\n  }\n\n  private getValidColumnRatio(): number {\n    return UiGeometry.clamp(\n      this.state.columnRatio,\n      this._minRatio,\n      this._maxRatio\n    );\n  }\n\n  public override render() {\n    const listProps: ColumnResizeRelatedPropertyListProps = {\n      orientation: this.props.orientation,\n      width: this.props.width,\n      onColumnChanged: this._onColumnRatioChanged,\n      columnRatio: this.getValidColumnRatio(),\n      isResizeHandleHovered: this.state.isResizeHandleHovered,\n      onResizeHandleHoverChanged: this._onResizeHandleHoverChanged,\n      isResizeHandleBeingDragged: this.state.isResizeHandleBeingDragged,\n      onResizeHandleDragChanged: this._onResizeHandleDragChanged,\n      columnInfo: {\n        minLabelWidth: this.props.minLabelWidth!,\n        minValueWidth: this.props.minValueWidth!,\n        actionButtonWidth: this.props.actionButtonWidth!,\n        isMinimumColumnSizeEnabled: this.isMinimumColumnSizeEnabled(),\n      },\n    };\n    return this.props.children(listProps);\n  }\n}\n"]}

package/lib/cjs/components-react/propertygrid/component/PropertyCategoryBlock.js

@@ -51,9 +51,10 @@ class PropertyCategoryBlock extends React.Component {
     }
     /** @internal */
     render() {
+        var _a;
         const { highlight, category, children, onExpansionToggled, ...other } = this.props;
         const activeMatchIndex = this.props.category.name ===
-            highlight?.activeHighlight?.highlightedItemIdentifier
+            ((_a = highlight === null || highlight === void 0 ? void 0 : highlight.activeHighlight) === null || _a === void 0 ? void 0 : _a.highlightedItemIdentifier)
             ? highlight.activeHighlight.highlightIndex
             : undefined;
         const label = highlight ? (React.createElement(HighlightedText_1.HighlightedText, { text: category.label, activeMatchIndex: activeMatchIndex, searchText: highlight.highlightedText })) : (category.label);

package/lib/cjs/components-react/propertygrid/component/PropertyCategoryBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyCategoryBlock.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyCategoryBlock.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAE/B,wDAAuD;AACvD,kEAA+D;AAmB/D;;;GAGG;AACH,MAAa,qBAAsB,SAAQ,KAAK,CAAC,SAAqC;IACpF,YAAY,KAAiC;QAC3C,KAAK,CAAC,KAAK,CAAC,CAAC;QAQP,kBAAa,GAAG,CAAC,YAAqB,EAAQ,EAAE;YACtD,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC,CAAC;IATF,CAAC;IAEO,eAAe;QACrB,IAAI,IAAI,CAAC,KAAK,CAAC,kBAAkB;YAC/B,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC5D,CAAC;IAMD,gBAAgB;IACA,MAAM;QACpB,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,kBAAkB,EAAE,GAAG,KAAK,EAAE,GACnE,IAAI,CAAC,KAAK,CAAC;QACb,MAAM,gBAAgB,GACpB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI;YACxB,SAAS,EAAE,eAAe,EAAE,yBAAyB;YACnD,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,cAAc;YAC1C,CAAC,CAAC,SAAS,CAAC;QAChB,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,CACxB,oBAAC,iCAAe,IACd,IAAI,EAAE,QAAQ,CAAC,KAAK,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,SAAS,CAAC,eAAe,GACrC,CACH,CAAC,CAAC,CAAC,CACF,QAAQ,CAAC,KAAK,CACf,CAAC;QACF,OAAO,CACL,oBAAC,+BAAe,CAAC,OAAO,IACtB,UAAU,EAAE,QAAQ,CAAC,MAAM,EAC3B,QAAQ,EAAE,IAAI,CAAC,aAAa,EAC5B,IAAI,EAAC,OAAO,KACR,KAAK;YAET,oBAAC,+BAAe,CAAC,OAAO,IAAC,KAAK,EAAE,KAAK,GAAI;YACzC,oBAAC,+BAAe,CAAC,OAAO,IAAC,SAAS,EAAC,+BAA+B,IAC/D,QAAQ,CAAC,MAAM,IAAI,QAAQ,CACJ,CACF,CAC3B,CAAC;IACJ,CAAC;CACF;AA9CD,sDA8CC","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 PropertyGrid\n */\n\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { ExpandableBlock } from \"@itwin/itwinui-react\";\nimport { HighlightedText } from \"../../common/HighlightedText\";\nimport type { HighlightingComponentProps } from \"../../common/HighlightingComponentProps\";\nimport type { PropertyCategory } from \"../PropertyDataProvider\";\n\n/**\n * Properties for the [[PropertyCategoryBlock]] React component\n * @public\n */\nexport interface PropertyCategoryBlockProps extends CommonProps {\n  /** Category of the properties */\n  category: PropertyCategory;\n  /** Callback to when PropertyCategoryBlock gets expended or collapsed */\n  onExpansionToggled?: (categoryName: string) => void;\n  /** Properties used for highlighting */\n  highlight?: HighlightingComponentProps;\n  /** Content */\n  children?: React.ReactNode;\n}\n\n/**\n * PropertyCategoryBlock React component\n * @public\n */\nexport class PropertyCategoryBlock extends React.Component<PropertyCategoryBlockProps> {\n  constructor(props: PropertyCategoryBlockProps) {\n    super(props);\n  }\n\n  private toggleExpansion() {\n    if (this.props.onExpansionToggled)\n      this.props.onExpansionToggled(this.props.category.name);\n  }\n\n  private _handleToggle = (_isExpanding: boolean): void => {\n    this.toggleExpansion();\n  };\n\n  /** @internal */\n  public override render() {\n    const { highlight, category, children, onExpansionToggled, ...other } =\n      this.props;\n    const activeMatchIndex =\n      this.props.category.name ===\n      highlight?.activeHighlight?.highlightedItemIdentifier\n        ? highlight.activeHighlight.highlightIndex\n        : undefined;\n    const label = highlight ? (\n      <HighlightedText\n        text={category.label}\n        activeMatchIndex={activeMatchIndex}\n        searchText={highlight.highlightedText}\n      />\n    ) : (\n      category.label\n    );\n    return (\n      <ExpandableBlock.Wrapper\n        isExpanded={category.expand}\n        onToggle={this._handleToggle}\n        size=\"small\"\n        {...other}\n      >\n        <ExpandableBlock.Trigger label={label} />\n        <ExpandableBlock.Content className=\"components-expandable-content\">\n          {category.expand && children}\n        </ExpandableBlock.Content>\n      </ExpandableBlock.Wrapper>\n    );\n  }\n}\n"]}
+{"version":3,"file":"PropertyCategoryBlock.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyCategoryBlock.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAE/B,wDAAuD;AACvD,kEAA+D;AAmB/D;;;GAGG;AACH,MAAa,qBAAsB,SAAQ,KAAK,CAAC,SAAqC;IACpF,YAAY,KAAiC;QAC3C,KAAK,CAAC,KAAK,CAAC,CAAC;QAQP,kBAAa,GAAG,CAAC,YAAqB,EAAQ,EAAE;YACtD,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC,CAAC;IATF,CAAC;IAEO,eAAe;QACrB,IAAI,IAAI,CAAC,KAAK,CAAC,kBAAkB;YAC/B,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC5D,CAAC;IAMD,gBAAgB;IACA,MAAM;;QACpB,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,kBAAkB,EAAE,GAAG,KAAK,EAAE,GACnE,IAAI,CAAC,KAAK,CAAC;QACb,MAAM,gBAAgB,GACpB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI;aACxB,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,eAAe,0CAAE,yBAAyB,CAAA;YACnD,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,cAAc;YAC1C,CAAC,CAAC,SAAS,CAAC;QAChB,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,CACxB,oBAAC,iCAAe,IACd,IAAI,EAAE,QAAQ,CAAC,KAAK,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,SAAS,CAAC,eAAe,GACrC,CACH,CAAC,CAAC,CAAC,CACF,QAAQ,CAAC,KAAK,CACf,CAAC;QACF,OAAO,CACL,oBAAC,+BAAe,CAAC,OAAO,IACtB,UAAU,EAAE,QAAQ,CAAC,MAAM,EAC3B,QAAQ,EAAE,IAAI,CAAC,aAAa,EAC5B,IAAI,EAAC,OAAO,KACR,KAAK;YAET,oBAAC,+BAAe,CAAC,OAAO,IAAC,KAAK,EAAE,KAAK,GAAI;YACzC,oBAAC,+BAAe,CAAC,OAAO,IAAC,SAAS,EAAC,+BAA+B,IAC/D,QAAQ,CAAC,MAAM,IAAI,QAAQ,CACJ,CACF,CAC3B,CAAC;IACJ,CAAC;CACF;AA9CD,sDA8CC","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 PropertyGrid\n */\n\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { ExpandableBlock } from \"@itwin/itwinui-react\";\nimport { HighlightedText } from \"../../common/HighlightedText\";\nimport type { HighlightingComponentProps } from \"../../common/HighlightingComponentProps\";\nimport type { PropertyCategory } from \"../PropertyDataProvider\";\n\n/**\n * Properties for the [[PropertyCategoryBlock]] React component\n * @public\n */\nexport interface PropertyCategoryBlockProps extends CommonProps {\n  /** Category of the properties */\n  category: PropertyCategory;\n  /** Callback to when PropertyCategoryBlock gets expended or collapsed */\n  onExpansionToggled?: (categoryName: string) => void;\n  /** Properties used for highlighting */\n  highlight?: HighlightingComponentProps;\n  /** Content */\n  children?: React.ReactNode;\n}\n\n/**\n * PropertyCategoryBlock React component\n * @public\n */\nexport class PropertyCategoryBlock extends React.Component<PropertyCategoryBlockProps> {\n  constructor(props: PropertyCategoryBlockProps) {\n    super(props);\n  }\n\n  private toggleExpansion() {\n    if (this.props.onExpansionToggled)\n      this.props.onExpansionToggled(this.props.category.name);\n  }\n\n  private _handleToggle = (_isExpanding: boolean): void => {\n    this.toggleExpansion();\n  };\n\n  /** @internal */\n  public override render() {\n    const { highlight, category, children, onExpansionToggled, ...other } =\n      this.props;\n    const activeMatchIndex =\n      this.props.category.name ===\n      highlight?.activeHighlight?.highlightedItemIdentifier\n        ? highlight.activeHighlight.highlightIndex\n        : undefined;\n    const label = highlight ? (\n      <HighlightedText\n        text={category.label}\n        activeMatchIndex={activeMatchIndex}\n        searchText={highlight.highlightedText}\n      />\n    ) : (\n      category.label\n    );\n    return (\n      <ExpandableBlock.Wrapper\n        isExpanded={category.expand}\n        onToggle={this._handleToggle}\n        size=\"small\"\n        {...other}\n      >\n        <ExpandableBlock.Trigger label={label} />\n        <ExpandableBlock.Content className=\"components-expandable-content\">\n          {category.expand && children}\n        </ExpandableBlock.Content>\n      </ExpandableBlock.Wrapper>\n    );\n  }\n}\n"]}

package/lib/cjs/components-react/propertygrid/component/PropertyGridCommons.js

@@ -13,10 +13,10 @@ const Links_1 = require("../../common/Links");
 /** @internal */
 class PropertyGridCommons {
     static getCurrentOrientation(width, preferredOrientation, isOrientationFixed, horizontalOrientationMinWidth) {
-        const orientation = preferredOrientation ?? core_react_1.Orientation.Horizontal;
+        const orientation = preferredOrientation !== null && preferredOrientation !== void 0 ? preferredOrientation : core_react_1.Orientation.Horizontal;
         if (isOrientationFixed)
             return orientation;
-        horizontalOrientationMinWidth = horizontalOrientationMinWidth ?? 300;
+        horizontalOrientationMinWidth = horizontalOrientationMinWidth !== null && horizontalOrientationMinWidth !== void 0 ? horizontalOrientationMinWidth : 300;
         // Switch to Vertical if width too small
         if (width < horizontalOrientationMinWidth)
             return core_react_1.Orientation.Vertical;

package/lib/cjs/components-react/propertygrid/component/PropertyGridCommons.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyGridCommons.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyGridCommons.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAIH,kDAAgD;AAEhD,8CAAgD;AAgGhD,gBAAgB;AAChB,MAAa,mBAAmB;IACvB,MAAM,CAAC,qBAAqB,CACjC,KAAa,EACb,oBAAkC,EAClC,kBAA4B,EAC5B,6BAAsC;QAEtC,MAAM,WAAW,GAAG,oBAAoB,IAAI,wBAAW,CAAC,UAAU,CAAC;QACnE,IAAI,kBAAkB;YAAE,OAAO,WAAW,CAAC;QAE3C,6BAA6B,GAAG,6BAA6B,IAAI,GAAG,CAAC;QACrE,wCAAwC;QACxC,IAAI,KAAK,GAAG,6BAA6B;YAAE,OAAO,wBAAW,CAAC,QAAQ,CAAC;QAEvE,OAAO,WAAW,CAAC;IACrB,CAAC;IAED;;;OAGG;IACI,MAAM,CAAC,eAAe,CAAC,IAAY;QACxC,MAAM,UAAU,GAAG,IAAA,kBAAU,EAAC,IAAI,CAAC,CAAC;QACpC,IAAI,UAAU,CAAC,MAAM,IAAI,CAAC;YAAE,OAAO;QACnC,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;QAChC,uBAAuB;QACvB,IAAI,SAAS,IAAI,SAAS,CAAC,GAAG,EAAE;YAC9B,IAAI,SAAS,CAAC,MAAM,KAAK,SAAS,IAAI,SAAS,CAAC,MAAM,KAAK,KAAK;gBAC9D,QAAQ,CAAC,IAAI,GAAG,SAAS,CAAC,GAAG,CAAC;iBAC3B;gBACH,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;gBACxD,IAAI,UAAU;oBAAE,UAAU,CAAC,KAAK,EAAE,CAAC;aACpC;SACF;IACH,CAAC;;AAED;;;GAGG;AACW,4BAAQ,GAAG,CACvB,KAAa,EAC0B,EAAE;IACzC,OAAO,IAAA,kBAAU,EAAC,KAAK,CAAC,CAAC,GAAG,CAC1B,CAAC,QAA8C,EAAE,EAAE;QACjD,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,CAAC,SAAS,EAAE,CAAC;IAC5D,CAAC,CACF,CAAC;AACJ,CAAC,CAAC;AAhDS,kDAAmB","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 PropertyGrid\n */\n\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Orientation } from \"@itwin/core-react\";\nimport type { HighlightingComponentProps } from \"../../common/HighlightingComponentProps\";\nimport { matchLinks } from \"../../common/Links\";\nimport type { PropertyUpdatedArgs } from \"../../editors/EditorContainer\";\nimport type { ActionButtonRenderer } from \"../../properties/renderers/ActionButtonRenderer\";\nimport type { PropertyValueRendererManager } from \"../../properties/ValueRendererManager\";\nimport type { FilteredType } from \"../dataproviders/filterers/PropertyDataFiltererBase\";\nimport type { PropertyCategory } from \"../PropertyDataProvider\";\n\n/** Arguments for the Property Editing event callback\n * @public\n */\nexport interface PropertyEditingArgs {\n  /** PropertyRecord being edited  */\n  propertyRecord: PropertyRecord;\n  /** Unique key of currently edited property */\n  propertyKey?: string;\n}\n\n/** Arguments for `PropertyGridProps.onPropertyContextMenu` callback\n * @public\n */\nexport interface PropertyGridContextMenuArgs {\n  /** PropertyRecord being edited  */\n  propertyRecord: PropertyRecord;\n  /** An event which caused the context menu callback */\n  event: React.MouseEvent;\n}\n\n/**\n * Common Property Grid Props to be used by Property Grid Variants\n * @public\n */\nexport interface CommonPropertyGridProps extends CommonProps {\n  /** Grid orientation. When not defined, it is chosen automatically based on width of the grid. */\n  orientation?: Orientation;\n\n  /** Enables/disables property hovering effect */\n  isPropertyHoverEnabled?: boolean;\n\n  /** Called to show a context menu when properties are right-clicked */\n  onPropertyContextMenu?: (args: PropertyGridContextMenuArgs) => void;\n\n  /** Enables/disables property selection */\n  isPropertySelectionEnabled?: boolean;\n  /** Enables/disables property selection with right click */\n  isPropertySelectionOnRightClickEnabled?: boolean;\n  /** Callback to property selection */\n  onPropertySelectionChanged?: (property: PropertyRecord) => void;\n\n  /** Enables/disables property editing */\n  isPropertyEditingEnabled?: boolean;\n  /** Callback for when properties are being edited */\n  onPropertyEditing?: (\n    args: PropertyEditingArgs,\n    category: PropertyCategory\n  ) => void;\n  /** Callback for when properties are updated */\n  onPropertyUpdated?: (\n    args: PropertyUpdatedArgs,\n    category: PropertyCategory\n  ) => Promise<boolean>;\n\n  /** Custom property value renderer manager */\n  propertyValueRendererManager?: PropertyValueRendererManager;\n\n  /** Indicates whether the orientation is fixed and does not auto-switch to Vertical when the width is too narrow. Defaults to false. */\n  isOrientationFixed?: boolean;\n  /** The minimum width before the auto-switch to Vertical when the width is too narrow. Defaults to 300. */\n  horizontalOrientationMinWidth?: number;\n\n  /** Minimum allowed label column width, after which resizing stops */\n  minLabelWidth?: number;\n  /** Minimum allowed value column width, after which resizing stops */\n  minValueWidth?: number;\n  /** Fixed action button column width */\n  actionButtonWidth?: number;\n\n  /**\n   * Array of action button renderers. Each renderer is called for each property and can decide\n   * to render an action button for the property or not.\n   */\n  actionButtonRenderers?: ActionButtonRenderer[];\n}\n\n/**\n * Properties for highlighting text in property grid.\n * @public\n */\nexport interface PropertyGridContentHighlightProps\n  extends HighlightingComponentProps {\n  /**\n   * Specifies what the highlighting should be applied on - category labels, property labels and / or property values.\n   * Defaults to \"nowhere\".\n   */\n  filteredTypes?: FilteredType[];\n}\n\n/** @internal */\nexport class PropertyGridCommons {\n  public static getCurrentOrientation(\n    width: number,\n    preferredOrientation?: Orientation,\n    isOrientationFixed?: boolean,\n    horizontalOrientationMinWidth?: number\n  ): Orientation {\n    const orientation = preferredOrientation ?? Orientation.Horizontal;\n    if (isOrientationFixed) return orientation;\n\n    horizontalOrientationMinWidth = horizontalOrientationMinWidth ?? 300;\n    // Switch to Vertical if width too small\n    if (width < horizontalOrientationMinWidth) return Orientation.Vertical;\n\n    return orientation;\n  }\n\n  /**\n   * Helper method to handle link clicks\n   * @internal\n   */\n  public static handleLinkClick(text: string) {\n    const linksArray = matchLinks(text);\n    if (linksArray.length <= 0) return;\n    const foundLink = linksArray[0];\n    // istanbul ignore else\n    if (foundLink && foundLink.url) {\n      if (foundLink.schema === \"mailto:\" || foundLink.schema === \"pw:\")\n        location.href = foundLink.url;\n      else {\n        const windowOpen = window.open(foundLink.url, \"_blank\");\n        if (windowOpen) windowOpen.focus();\n      }\n    }\n  }\n\n  /**\n   * A helper method to get links from string.\n   * @internal\n   */\n  public static getLinks = (\n    value: string\n  ): Array<{ start: number; end: number }> => {\n    return matchLinks(value).map(\n      (linkInfo: { index: number; lastIndex: number }) => {\n        return { start: linkInfo.index, end: linkInfo.lastIndex };\n      }\n    );\n  };\n}\n"]}
+{"version":3,"file":"PropertyGridCommons.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyGridCommons.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAIH,kDAAgD;AAEhD,8CAAgD;AAgGhD,gBAAgB;AAChB,MAAa,mBAAmB;IACvB,MAAM,CAAC,qBAAqB,CACjC,KAAa,EACb,oBAAkC,EAClC,kBAA4B,EAC5B,6BAAsC;QAEtC,MAAM,WAAW,GAAG,oBAAoB,aAApB,oBAAoB,cAApB,oBAAoB,GAAI,wBAAW,CAAC,UAAU,CAAC;QACnE,IAAI,kBAAkB;YAAE,OAAO,WAAW,CAAC;QAE3C,6BAA6B,GAAG,6BAA6B,aAA7B,6BAA6B,cAA7B,6BAA6B,GAAI,GAAG,CAAC;QACrE,wCAAwC;QACxC,IAAI,KAAK,GAAG,6BAA6B;YAAE,OAAO,wBAAW,CAAC,QAAQ,CAAC;QAEvE,OAAO,WAAW,CAAC;IACrB,CAAC;IAED;;;OAGG;IACI,MAAM,CAAC,eAAe,CAAC,IAAY;QACxC,MAAM,UAAU,GAAG,IAAA,kBAAU,EAAC,IAAI,CAAC,CAAC;QACpC,IAAI,UAAU,CAAC,MAAM,IAAI,CAAC;YAAE,OAAO;QACnC,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;QAChC,uBAAuB;QACvB,IAAI,SAAS,IAAI,SAAS,CAAC,GAAG,EAAE;YAC9B,IAAI,SAAS,CAAC,MAAM,KAAK,SAAS,IAAI,SAAS,CAAC,MAAM,KAAK,KAAK;gBAC9D,QAAQ,CAAC,IAAI,GAAG,SAAS,CAAC,GAAG,CAAC;iBAC3B;gBACH,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;gBACxD,IAAI,UAAU;oBAAE,UAAU,CAAC,KAAK,EAAE,CAAC;aACpC;SACF;IACH,CAAC;;AAED;;;GAGG;AACW,4BAAQ,GAAG,CACvB,KAAa,EAC0B,EAAE;IACzC,OAAO,IAAA,kBAAU,EAAC,KAAK,CAAC,CAAC,GAAG,CAC1B,CAAC,QAA8C,EAAE,EAAE;QACjD,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,CAAC,SAAS,EAAE,CAAC;IAC5D,CAAC,CACF,CAAC;AACJ,CAAC,CAAC;AAhDS,kDAAmB","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 PropertyGrid\n */\n\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Orientation } from \"@itwin/core-react\";\nimport type { HighlightingComponentProps } from \"../../common/HighlightingComponentProps\";\nimport { matchLinks } from \"../../common/Links\";\nimport type { PropertyUpdatedArgs } from \"../../editors/EditorContainer\";\nimport type { ActionButtonRenderer } from \"../../properties/renderers/ActionButtonRenderer\";\nimport type { PropertyValueRendererManager } from \"../../properties/ValueRendererManager\";\nimport type { FilteredType } from \"../dataproviders/filterers/PropertyDataFiltererBase\";\nimport type { PropertyCategory } from \"../PropertyDataProvider\";\n\n/** Arguments for the Property Editing event callback\n * @public\n */\nexport interface PropertyEditingArgs {\n  /** PropertyRecord being edited  */\n  propertyRecord: PropertyRecord;\n  /** Unique key of currently edited property */\n  propertyKey?: string;\n}\n\n/** Arguments for `PropertyGridProps.onPropertyContextMenu` callback\n * @public\n */\nexport interface PropertyGridContextMenuArgs {\n  /** PropertyRecord being edited  */\n  propertyRecord: PropertyRecord;\n  /** An event which caused the context menu callback */\n  event: React.MouseEvent;\n}\n\n/**\n * Common Property Grid Props to be used by Property Grid Variants\n * @public\n */\nexport interface CommonPropertyGridProps extends CommonProps {\n  /** Grid orientation. When not defined, it is chosen automatically based on width of the grid. */\n  orientation?: Orientation;\n\n  /** Enables/disables property hovering effect */\n  isPropertyHoverEnabled?: boolean;\n\n  /** Called to show a context menu when properties are right-clicked */\n  onPropertyContextMenu?: (args: PropertyGridContextMenuArgs) => void;\n\n  /** Enables/disables property selection */\n  isPropertySelectionEnabled?: boolean;\n  /** Enables/disables property selection with right click */\n  isPropertySelectionOnRightClickEnabled?: boolean;\n  /** Callback to property selection */\n  onPropertySelectionChanged?: (property: PropertyRecord) => void;\n\n  /** Enables/disables property editing */\n  isPropertyEditingEnabled?: boolean;\n  /** Callback for when properties are being edited */\n  onPropertyEditing?: (\n    args: PropertyEditingArgs,\n    category: PropertyCategory\n  ) => void;\n  /** Callback for when properties are updated */\n  onPropertyUpdated?: (\n    args: PropertyUpdatedArgs,\n    category: PropertyCategory\n  ) => Promise<boolean>;\n\n  /** Custom property value renderer manager */\n  propertyValueRendererManager?: PropertyValueRendererManager;\n\n  /** Indicates whether the orientation is fixed and does not auto-switch to Vertical when the width is too narrow. Defaults to false. */\n  isOrientationFixed?: boolean;\n  /** The minimum width before the auto-switch to Vertical when the width is too narrow. Defaults to 300. */\n  horizontalOrientationMinWidth?: number;\n\n  /** Minimum allowed label column width, after which resizing stops */\n  minLabelWidth?: number;\n  /** Minimum allowed value column width, after which resizing stops */\n  minValueWidth?: number;\n  /** Fixed action button column width */\n  actionButtonWidth?: number;\n\n  /**\n   * Array of action button renderers. Each renderer is called for each property and can decide\n   * to render an action button for the property or not.\n   */\n  actionButtonRenderers?: ActionButtonRenderer[];\n}\n\n/**\n * Properties for highlighting text in property grid.\n * @public\n */\nexport interface PropertyGridContentHighlightProps\n  extends HighlightingComponentProps {\n  /**\n   * Specifies what the highlighting should be applied on - category labels, property labels and / or property values.\n   * Defaults to \"nowhere\".\n   */\n  filteredTypes?: FilteredType[];\n}\n\n/** @internal */\nexport class PropertyGridCommons {\n  public static getCurrentOrientation(\n    width: number,\n    preferredOrientation?: Orientation,\n    isOrientationFixed?: boolean,\n    horizontalOrientationMinWidth?: number\n  ): Orientation {\n    const orientation = preferredOrientation ?? Orientation.Horizontal;\n    if (isOrientationFixed) return orientation;\n\n    horizontalOrientationMinWidth = horizontalOrientationMinWidth ?? 300;\n    // Switch to Vertical if width too small\n    if (width < horizontalOrientationMinWidth) return Orientation.Vertical;\n\n    return orientation;\n  }\n\n  /**\n   * Helper method to handle link clicks\n   * @internal\n   */\n  public static handleLinkClick(text: string) {\n    const linksArray = matchLinks(text);\n    if (linksArray.length <= 0) return;\n    const foundLink = linksArray[0];\n    // istanbul ignore else\n    if (foundLink && foundLink.url) {\n      if (foundLink.schema === \"mailto:\" || foundLink.schema === \"pw:\")\n        location.href = foundLink.url;\n      else {\n        const windowOpen = window.open(foundLink.url, \"_blank\");\n        if (windowOpen) windowOpen.focus();\n      }\n    }\n  }\n\n  /**\n   * A helper method to get links from string.\n   * @internal\n   */\n  public static getLinks = (\n    value: string\n  ): Array<{ start: number; end: number }> => {\n    return matchLinks(value).map(\n      (linkInfo: { index: number; lastIndex: number }) => {\n        return { start: linkInfo.index, end: linkInfo.lastIndex };\n      }\n    );\n  };\n}\n"]}

package/lib/cjs/components-react/propertygrid/component/PropertyGridEventsRelatedPropsSupplier.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyGridEventsRelatedPropsSupplier.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyGridEventsRelatedPropsSupplier.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,qBAAqB,CAAC;AAC7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,gBAAgB;AAChB,MAAM,MAAM,8BAA8B,GAAG,IAAI,CAC/C,iBAAiB,EACf,mBAAmB,GACnB,wBAAwB,GACxB,uBAAuB,GACvB,cAAc,GACd,cAAc,GACd,qBAAqB,GACrB,oBAAoB,CACvB,GACC,IAAI,CACF,uBAAuB,EACvB,wCAAwC,GAAG,0BAA0B,CACtE,GACD,QAAQ,CACN,IAAI,CACF,uBAAuB,EACvB,wBAAwB,GAAG,4BAA4B,CACxD,CACF,CAAC;AAEJ;;GAEG;AACH,MAAM,MAAM,2CAA2C,GAAG,IAAI,CAC5D,uBAAuB,EACrB,uBAAuB,GACvB,wCAAwC,GACxC,wCAAwC,GACxC,4BAA4B,GAC5B,0BAA0B,GAC1B,mBAAmB,CACtB,GACC,QAAQ,CACN,IAAI,CACF,uBAAuB,EACvB,wBAAwB,GAAG,4BAA4B,CACxD,CACF,GAAG;IACF,QAAQ,EAAE,CAAC,OAAO,EAAE,8BAA8B,KAAK,KAAK,CAAC,SAAS,CAAC;CACxE,CAAC;AAEJ;;GAEG;AACH,UAAU,2CAA2C;IACnD,gDAAgD;IAChD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,8CAA8C;IAC9C,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;GAEG;AACH,qBAAa,sCAAuC,SAAQ,KAAK,CAAC,SAAS,CACzE,2CAA2C,EAC3C,2CAA2C,CAC5C;IACC,gBAAgB;gBACJ,KAAK,EAAE,2CAA2C;IAK9D,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,sBAAsB;IAI9B,OAAO,CAAC,uBAAuB,CAO7B;IAEF,OAAO,CAAC,kBAAkB,CAIxB;IAEF,OAAO,CAAC,sBAAsB,CAO5B;IAEF,OAAO,CAAC,aAAa,CASnB;IAEF,OAAO,CAAC,aAAa,CAEnB;IAEF,OAAO,CAAC,6BAA6B;IAgBrC,OAAO,CAAC,4BAA4B;IAgCpC,gBAAgB;IACA,MAAM;CAwBvB"}
+{"version":3,"file":"PropertyGridEventsRelatedPropsSupplier.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyGridEventsRelatedPropsSupplier.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,qBAAqB,CAAC;AAC7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,gBAAgB;AAChB,MAAM,MAAM,8BAA8B,GAAG,IAAI,CAC/C,iBAAiB,EACf,mBAAmB,GACnB,wBAAwB,GACxB,uBAAuB,GACvB,cAAc,GACd,cAAc,GACd,qBAAqB,GACrB,oBAAoB,CACvB,GACC,IAAI,CACF,uBAAuB,EACvB,wCAAwC,GAAG,0BAA0B,CACtE,GACD,QAAQ,CACN,IAAI,CACF,uBAAuB,EACvB,wBAAwB,GAAG,4BAA4B,CACxD,CACF,CAAC;AAEJ;;GAEG;AACH,MAAM,MAAM,2CAA2C,GAAG,IAAI,CAC5D,uBAAuB,EACrB,uBAAuB,GACvB,wCAAwC,GACxC,wCAAwC,GACxC,4BAA4B,GAC5B,0BAA0B,GAC1B,mBAAmB,CACtB,GACC,QAAQ,CACN,IAAI,CACF,uBAAuB,EACvB,wBAAwB,GAAG,4BAA4B,CACxD,CACF,GAAG;IACF,QAAQ,EAAE,CAAC,OAAO,EAAE,8BAA8B,KAAK,KAAK,CAAC,SAAS,CAAC;CACxE,CAAC;AAEJ;;GAEG;AACH,UAAU,2CAA2C;IACnD,gDAAgD;IAChD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,8CAA8C;IAC9C,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;GAEG;AACH,qBAAa,sCAAuC,SAAQ,KAAK,CAAC,SAAS,CACzE,2CAA2C,EAC3C,2CAA2C,CAC5C;IACC,gBAAgB;gBACJ,KAAK,EAAE,2CAA2C;IAK9D,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,sBAAsB;IAI9B,OAAO,CAAC,uBAAuB,CAO7B;IAEF,OAAO,CAAC,kBAAkB,CAIxB;IAEF,OAAO,CAAC,sBAAsB,CAO5B;IAEF,OAAO,CAAC,aAAa,CASnB;IAEF,OAAO,CAAC,aAAa,CAEnB;IAEF,OAAO,CAAC,6BAA6B;IAgBrC,OAAO,CAAC,4BAA4B;IA8BpC,gBAAgB;IACA,MAAM;CAwBvB"}

package/lib/cjs/components-react/propertygrid/component/PropertyGridEventsRelatedPropsSupplier.js

@@ -33,7 +33,6 @@ exports.PropertyGridEventsRelatedPropsSupplier = void 0;
  */
 require("./PropertyGrid.scss");
 const React = __importStar(require("react"));
-const appui_abstract_1 = require("@itwin/appui-abstract");
 /** PropertyGridEventsRelatedPropsSupplier React component.
  * @internal
  */
@@ -88,10 +87,9 @@ class PropertyGridEventsRelatedPropsSupplier extends React.Component {
     onEnabledPropertyLeftClicked(property, key) {
         let selectedPropertyKey = this.state.selectedPropertyKey;
         let editingPropertyKey = this.state.editingPropertyKey;
-        const isValuePrimitive = property.value.valueFormat === appui_abstract_1.PropertyValueFormat.Primitive;
         const isEditingEnabled = this.props.isPropertyEditingEnabled;
         const isSelectionEnabled = this.props.isPropertySelectionEnabled;
-        if (isEditingEnabled && isValuePrimitive) {
+        if (isEditingEnabled) {
             // Deselect editing key only if another selection was made
             editingPropertyKey =
                 isSelectionEnabled && selectedPropertyKey !== key ? undefined : key;