@itwin/components-react 4.15.5 → 4.16.1

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

@@ -7,9 +7,10 @@
  */
 import "./PropertyView.scss";
 import * as React from "react";
-import { ElementSeparator, Orientation } from "@itwin/core-react";
+import { ElementSeparator } from "@itwin/core-react";
 import { ActionButtonList } from "./ActionButtonList";
 import { PropertyGridColumnStyleProvider } from "./PropertyGridColumns";
+import { Orientation } from "../../common/Orientation";
 /**
  * A React component that renders property as label/value pair
  * @public
@@ -56,7 +57,6 @@ export class PropertyView extends React.Component {
             propertyRecordClassName += " components--hoverable";
         return propertyRecordClassName;
     }
-    /** @internal */
     render() {
         const ratio = this.props.columnRatio ? this.props.columnRatio : 0.25;
         const needElementSeparator = this.props.orientation === Orientation.Horizontal &&

package/lib/esm/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 { 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      e.preventDefault();\n    }\n    if (this.props.onRightClick) {\n      this.props.onRightClick(this.props.propertyRecord, this.props.uniqueKey);\n      e.preventDefault();\n    }\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          // eslint-disable-next-line deprecation/deprecation\n          <ElementSeparator\n            style={{ margin: 0 }}\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"]}
+{"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 } from \"@itwin/core-react\";\nimport { ActionButtonList } from \"./ActionButtonList\";\nimport { PropertyGridColumnStyleProvider } from \"./PropertyGridColumns\";\nimport type { SharedRendererProps } from \"./PropertyRenderer\";\nimport { Orientation } from \"../../common/Orientation\";\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      e.preventDefault();\n    }\n    if (this.props.onRightClick) {\n      this.props.onRightClick(this.props.propertyRecord, this.props.uniqueKey);\n      e.preventDefault();\n    }\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  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          // eslint-disable-next-line deprecation/deprecation\n          <ElementSeparator\n            style={{ margin: 0 }}\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/esm/components-react/properties/renderers/label/PropertyLabelRenderer.scss

@@ -50,7 +50,6 @@
 }
 
 .components-nonprimitive-property-label-renderer {
-  @include specific-property-label-renderer;
   align-items: center;
   border: none;
   background: transparent;
@@ -62,6 +61,8 @@
   transition: transform var(--iui-duration-1) ease-in-out,
     -webkit-transform var(--iui-duration-1) ease-in-out;
 
+  @include specific-property-label-renderer;
+
   > .components-property-label-renderer {
     flex: 1;
     padding-left: var(--iui-size-2xs);

package/lib/esm/components-react/properties/renderers/value/ArrayPropertyValueRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ArrayPropertyValueRenderer.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/ArrayPropertyValueRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAc,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGxE,OAAO,KAAK,EACV,sBAAsB,EACtB,4BAA4B,EAC7B,MAAM,4BAA4B,CAAC;AAKpC;;GAEG;AACH,qBAAa,0BAA2B,YAAW,sBAAsB;IACvE,uDAAuD;IAChD,SAAS,CAAC,MAAM,EAAE,cAAc;IAIvC,iEAAiE;IAC1D,MAAM,CACX,MAAM,EAAE,cAAc,EACtB,OAAO,CAAC,EAAE,4BAA4B;CA+BzC"}
+{"version":3,"file":"ArrayPropertyValueRenderer.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/ArrayPropertyValueRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAc,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAExE,OAAO,KAAK,EACV,sBAAsB,EACtB,4BAA4B,EAC7B,MAAM,4BAA4B,CAAC;AAMpC;;GAEG;AACH,qBAAa,0BAA2B,YAAW,sBAAsB;IACvE,uDAAuD;IAChD,SAAS,CAAC,MAAM,EAAE,cAAc;IAIvC,iEAAiE;IAC1D,MAAM,CACX,MAAM,EAAE,cAAc,EACtB,OAAO,CAAC,EAAE,4BAA4B;CA+BzC"}

package/lib/esm/components-react/properties/renderers/value/ArrayPropertyValueRenderer.js

@@ -7,10 +7,10 @@
  */
 import * as React from "react";
 import { PropertyValueFormat } from "@itwin/appui-abstract";
-import { Orientation } from "@itwin/core-react";
 import { PropertyContainerType } from "../../ValueRendererManager";
 import { TableArrayValueRenderer } from "./table/ArrayValueRenderer";
 import { withContextStyle } from "./WithContextStyle";
+import { Orientation } from "../../../common/Orientation";
 /** Default Array Property Renderer
  * @public
  */

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

@@ -1 +1 @@
-{"version":3,"file":"ArrayPropertyValueRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/ArrayPropertyValueRenderer.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKhD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD;;GAEG;AACH,MAAM,OAAO,0BAA0B;IACrC,uDAAuD;IAChD,SAAS,CAAC,MAAsB;QACrC,OAAO,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,mBAAmB,CAAC,KAAK,CAAC;IAChE,CAAC;IAED,iEAAiE;IAC1D,MAAM,CACX,MAAsB,EACtB,OAAsC;QAEtC,MAAM,WAAW,GAAI,MAAM,CAAC,KAAoB,CAAC,KAAK,CAAC;QAEvD,IAAI,OAAO,IAAI,OAAO,CAAC,aAAa,KAAK,qBAAqB,CAAC,KAAK,EAAE,CAAC;YACrE,OAAO,gBAAgB,CACrB,oBAAC,uBAAuB,IACtB,cAAc,EAAE,MAAM,EACtB,YAAY,EAAE,OAAO,CAAC,YAAY,EAClC,WAAW,EACT,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,GAEpE,EACF,OAAO,CACR,CAAC;QACJ,CAAC;QAED,IACE,OAAO;YACP,OAAO,CAAC,aAAa,KAAK,qBAAqB,CAAC,YAAY,EAC5D,CAAC;YACD,OAAO,gBAAgB,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;QACvC,CAAC;QAED,OAAO,gBAAgB,CACrB,WAAW,CAAC,MAAM,KAAK,CAAC;YACtB,CAAC,CAAC,GAAI,MAAM,CAAC,KAAoB,CAAC,aAAa,IAAI,WAAW,CAAC,MAAM,GAAG;YACxE,CAAC,CAAC,GAAI,MAAM,CAAC,KAAoB,CAAC,aAAa,IAAI,EACrD,OAAO,CACR,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Properties\n */\n\nimport * as React from \"react\";\nimport type { ArrayValue, PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { Orientation } from \"@itwin/core-react\";\nimport type {\n  IPropertyValueRenderer,\n  PropertyValueRendererContext,\n} from \"../../ValueRendererManager\";\nimport { PropertyContainerType } from \"../../ValueRendererManager\";\nimport { TableArrayValueRenderer } from \"./table/ArrayValueRenderer\";\nimport { withContextStyle } from \"./WithContextStyle\";\n\n/** Default Array Property Renderer\n * @public\n */\nexport class ArrayPropertyValueRenderer implements IPropertyValueRenderer {\n  /** Checks if the renderer can handle given property */\n  public canRender(record: PropertyRecord) {\n    return record.value.valueFormat === PropertyValueFormat.Array;\n  }\n\n  /** Method that returns a JSX representation of PropertyRecord */\n  public render(\n    record: PropertyRecord,\n    context?: PropertyValueRendererContext\n  ) {\n    const recordItems = (record.value as ArrayValue).items;\n\n    if (context && context.containerType === PropertyContainerType.Table) {\n      return withContextStyle(\n        <TableArrayValueRenderer\n          propertyRecord={record}\n          onDialogOpen={context.onDialogOpen}\n          orientation={\n            context.orientation ? context.orientation : Orientation.Horizontal\n          }\n        />,\n        context\n      );\n    }\n\n    if (\n      context &&\n      context.containerType === PropertyContainerType.PropertyPane\n    ) {\n      return withContextStyle(\"\", context);\n    }\n\n    return withContextStyle(\n      recordItems.length !== 0\n        ? `${(record.value as ArrayValue).itemsTypeName}[${recordItems.length}]`\n        : `${(record.value as ArrayValue).itemsTypeName}[]`,\n      context\n    );\n  }\n}\n"]}
+{"version":3,"file":"ArrayPropertyValueRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/ArrayPropertyValueRenderer.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAK5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE1D;;GAEG;AACH,MAAM,OAAO,0BAA0B;IACrC,uDAAuD;IAChD,SAAS,CAAC,MAAsB;QACrC,OAAO,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,mBAAmB,CAAC,KAAK,CAAC;IAChE,CAAC;IAED,iEAAiE;IAC1D,MAAM,CACX,MAAsB,EACtB,OAAsC;QAEtC,MAAM,WAAW,GAAI,MAAM,CAAC,KAAoB,CAAC,KAAK,CAAC;QAEvD,IAAI,OAAO,IAAI,OAAO,CAAC,aAAa,KAAK,qBAAqB,CAAC,KAAK,EAAE,CAAC;YACrE,OAAO,gBAAgB,CACrB,oBAAC,uBAAuB,IACtB,cAAc,EAAE,MAAM,EACtB,YAAY,EAAE,OAAO,CAAC,YAAY,EAClC,WAAW,EACT,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,GAEpE,EACF,OAAO,CACR,CAAC;QACJ,CAAC;QAED,IACE,OAAO;YACP,OAAO,CAAC,aAAa,KAAK,qBAAqB,CAAC,YAAY,EAC5D,CAAC;YACD,OAAO,gBAAgB,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;QACvC,CAAC;QAED,OAAO,gBAAgB,CACrB,WAAW,CAAC,MAAM,KAAK,CAAC;YACtB,CAAC,CAAC,GAAI,MAAM,CAAC,KAAoB,CAAC,aAAa,IAAI,WAAW,CAAC,MAAM,GAAG;YACxE,CAAC,CAAC,GAAI,MAAM,CAAC,KAAoB,CAAC,aAAa,IAAI,EACrD,OAAO,CACR,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Properties\n */\n\nimport * as React from \"react\";\nimport type { ArrayValue, PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport type {\n  IPropertyValueRenderer,\n  PropertyValueRendererContext,\n} from \"../../ValueRendererManager\";\nimport { PropertyContainerType } from \"../../ValueRendererManager\";\nimport { TableArrayValueRenderer } from \"./table/ArrayValueRenderer\";\nimport { withContextStyle } from \"./WithContextStyle\";\nimport { Orientation } from \"../../../common/Orientation\";\n\n/** Default Array Property Renderer\n * @public\n */\nexport class ArrayPropertyValueRenderer implements IPropertyValueRenderer {\n  /** Checks if the renderer can handle given property */\n  public canRender(record: PropertyRecord) {\n    return record.value.valueFormat === PropertyValueFormat.Array;\n  }\n\n  /** Method that returns a JSX representation of PropertyRecord */\n  public render(\n    record: PropertyRecord,\n    context?: PropertyValueRendererContext\n  ) {\n    const recordItems = (record.value as ArrayValue).items;\n\n    if (context && context.containerType === PropertyContainerType.Table) {\n      return withContextStyle(\n        <TableArrayValueRenderer\n          propertyRecord={record}\n          onDialogOpen={context.onDialogOpen}\n          orientation={\n            context.orientation ? context.orientation : Orientation.Horizontal\n          }\n        />,\n        context\n      );\n    }\n\n    if (\n      context &&\n      context.containerType === PropertyContainerType.PropertyPane\n    ) {\n      return withContextStyle(\"\", context);\n    }\n\n    return withContextStyle(\n      recordItems.length !== 0\n        ? `${(record.value as ArrayValue).itemsTypeName}[${recordItems.length}]`\n        : `${(record.value as ArrayValue).itemsTypeName}[]`,\n      context\n    );\n  }\n}\n"]}

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

@@ -13,7 +13,7 @@ import { PropertyValueFormat } from "@itwin/appui-abstract";
 import { useRenderedStringValue } from "./PrimitivePropertyValueRenderer";
 import classnames from "classnames";
 import { convertRecordToString } from "./Common";
-import { useTranslation } from "../../../useTranslation";
+import { useTranslation } from "../../../l10n/useTranslation";
 /** @internal */
 export class MultilineTextPropertyValueRenderer {
     canRender(record) {

package/lib/esm/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":"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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"]}
+{"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 \"../../../l10n/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/esm/components-react/properties/renderers/value/StructPropertyValueRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StructPropertyValueRenderer.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/StructPropertyValueRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,KAAK,EACV,sBAAsB,EACtB,4BAA4B,EAC7B,MAAM,4BAA4B,CAAC;AAKpC;;GAEG;AACH,qBAAa,2BAA4B,YAAW,sBAAsB;IACxE,uDAAuD;IAChD,SAAS,CAAC,MAAM,EAAE,cAAc;IAIvC,iEAAiE;IAC1D,MAAM,CACX,MAAM,EAAE,cAAc,EACtB,OAAO,CAAC,EAAE,4BAA4B;CAwBzC"}
+{"version":3,"file":"StructPropertyValueRenderer.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/StructPropertyValueRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,KAAK,EACV,sBAAsB,EACtB,4BAA4B,EAC7B,MAAM,4BAA4B,CAAC;AAMpC;;GAEG;AACH,qBAAa,2BAA4B,YAAW,sBAAsB;IACxE,uDAAuD;IAChD,SAAS,CAAC,MAAM,EAAE,cAAc;IAIvC,iEAAiE;IAC1D,MAAM,CACX,MAAM,EAAE,cAAc,EACtB,OAAO,CAAC,EAAE,4BAA4B;CAwBzC"}

package/lib/esm/components-react/properties/renderers/value/StructPropertyValueRenderer.js

@@ -7,10 +7,10 @@
  */
 import * as React from "react";
 import { PropertyValueFormat } from "@itwin/appui-abstract";
-import { Orientation } from "@itwin/core-react";
 import { PropertyContainerType } from "../../ValueRendererManager";
 import { TableStructValueRenderer } from "./table/StructValueRenderer";
 import { withContextStyle } from "./WithContextStyle";
+import { Orientation } from "../../../common/Orientation";
 /** Default Struct Property Renderer
  * @public
  */

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

@@ -1 +1 @@
-{"version":3,"file":"StructPropertyValueRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/StructPropertyValueRenderer.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKhD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD;;GAEG;AACH,MAAM,OAAO,2BAA2B;IACtC,uDAAuD;IAChD,SAAS,CAAC,MAAsB;QACrC,OAAO,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,mBAAmB,CAAC,MAAM,CAAC;IACjE,CAAC;IAED,iEAAiE;IAC1D,MAAM,CACX,MAAsB,EACtB,OAAsC;QAEtC,IAAI,OAAO,IAAI,OAAO,CAAC,aAAa,KAAK,qBAAqB,CAAC,KAAK,EAAE,CAAC;YACrE,OAAO,gBAAgB,CACrB,oBAAC,wBAAwB,IACvB,cAAc,EAAE,MAAM,EACtB,YAAY,EAAE,OAAO,CAAC,YAAY,EAClC,WAAW,EACT,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,GAEpE,EACF,OAAO,CACR,CAAC;QACJ,CAAC;QAED,IACE,OAAO;YACP,OAAO,CAAC,aAAa,KAAK,qBAAqB,CAAC,YAAY,EAC5D,CAAC;YACD,OAAO,gBAAgB,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;QACvC,CAAC;QAED,OAAO,gBAAgB,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,QAAQ,GAAG,EAAE,OAAO,CAAC,CAAC;IACpE,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Properties\n */\n\nimport * as React from \"react\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { Orientation } from \"@itwin/core-react\";\nimport type {\n  IPropertyValueRenderer,\n  PropertyValueRendererContext,\n} from \"../../ValueRendererManager\";\nimport { PropertyContainerType } from \"../../ValueRendererManager\";\nimport { TableStructValueRenderer } from \"./table/StructValueRenderer\";\nimport { withContextStyle } from \"./WithContextStyle\";\n\n/** Default Struct Property Renderer\n * @public\n */\nexport class StructPropertyValueRenderer implements IPropertyValueRenderer {\n  /** Checks if the renderer can handle given property */\n  public canRender(record: PropertyRecord) {\n    return record.value.valueFormat === PropertyValueFormat.Struct;\n  }\n\n  /** Method that returns a JSX representation of PropertyRecord */\n  public render(\n    record: PropertyRecord,\n    context?: PropertyValueRendererContext\n  ) {\n    if (context && context.containerType === PropertyContainerType.Table) {\n      return withContextStyle(\n        <TableStructValueRenderer\n          propertyRecord={record}\n          onDialogOpen={context.onDialogOpen}\n          orientation={\n            context.orientation ? context.orientation : Orientation.Horizontal\n          }\n        />,\n        context\n      );\n    }\n\n    if (\n      context &&\n      context.containerType === PropertyContainerType.PropertyPane\n    ) {\n      return withContextStyle(\"\", context);\n    }\n\n    return withContextStyle(`{${record.property.typename}}`, context);\n  }\n}\n"]}
+{"version":3,"file":"StructPropertyValueRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/StructPropertyValueRenderer.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAK5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE1D;;GAEG;AACH,MAAM,OAAO,2BAA2B;IACtC,uDAAuD;IAChD,SAAS,CAAC,MAAsB;QACrC,OAAO,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,mBAAmB,CAAC,MAAM,CAAC;IACjE,CAAC;IAED,iEAAiE;IAC1D,MAAM,CACX,MAAsB,EACtB,OAAsC;QAEtC,IAAI,OAAO,IAAI,OAAO,CAAC,aAAa,KAAK,qBAAqB,CAAC,KAAK,EAAE,CAAC;YACrE,OAAO,gBAAgB,CACrB,oBAAC,wBAAwB,IACvB,cAAc,EAAE,MAAM,EACtB,YAAY,EAAE,OAAO,CAAC,YAAY,EAClC,WAAW,EACT,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,GAEpE,EACF,OAAO,CACR,CAAC;QACJ,CAAC;QAED,IACE,OAAO;YACP,OAAO,CAAC,aAAa,KAAK,qBAAqB,CAAC,YAAY,EAC5D,CAAC;YACD,OAAO,gBAAgB,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;QACvC,CAAC;QAED,OAAO,gBAAgB,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,QAAQ,GAAG,EAAE,OAAO,CAAC,CAAC;IACpE,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Properties\n */\n\nimport * as React from \"react\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport type {\n  IPropertyValueRenderer,\n  PropertyValueRendererContext,\n} from \"../../ValueRendererManager\";\nimport { PropertyContainerType } from \"../../ValueRendererManager\";\nimport { TableStructValueRenderer } from \"./table/StructValueRenderer\";\nimport { withContextStyle } from \"./WithContextStyle\";\nimport { Orientation } from \"../../../common/Orientation\";\n\n/** Default Struct Property Renderer\n * @public\n */\nexport class StructPropertyValueRenderer implements IPropertyValueRenderer {\n  /** Checks if the renderer can handle given property */\n  public canRender(record: PropertyRecord) {\n    return record.value.valueFormat === PropertyValueFormat.Struct;\n  }\n\n  /** Method that returns a JSX representation of PropertyRecord */\n  public render(\n    record: PropertyRecord,\n    context?: PropertyValueRendererContext\n  ) {\n    if (context && context.containerType === PropertyContainerType.Table) {\n      return withContextStyle(\n        <TableStructValueRenderer\n          propertyRecord={record}\n          onDialogOpen={context.onDialogOpen}\n          orientation={\n            context.orientation ? context.orientation : Orientation.Horizontal\n          }\n        />,\n        context\n      );\n    }\n\n    if (\n      context &&\n      context.containerType === PropertyContainerType.PropertyPane\n    ) {\n      return withContextStyle(\"\", context);\n    }\n\n    return withContextStyle(`{${record.property.typename}}`, context);\n  }\n}\n"]}

package/lib/esm/components-react/properties/renderers/value/table/ArrayValueRenderer.d.ts

@@ -9,7 +9,6 @@ import type { TableSpecificValueRendererProps } from "./NonPrimitiveValueRendere
 export declare class TableArrayValueRenderer extends React.PureComponent<TableSpecificValueRendererProps> {
     private getButtonLabel;
     private getDialogContents;
-    /** @internal */
     render(): React.JSX.Element;
 }
 //# sourceMappingURL=ArrayValueRenderer.d.ts.map

package/lib/esm/components-react/properties/renderers/value/table/ArrayValueRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ArrayValueRenderer.d.ts","sourceRoot":"","sources":["../../../../../../../src/components-react/properties/renderers/value/table/ArrayValueRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,6BAA6B,CAAC;AAGnF;;GAEG;AACH,qBAAa,uBAAwB,SAAQ,KAAK,CAAC,aAAa,CAAC,+BAA+B,CAAC;IAC/F,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,iBAAiB;IAUzB,gBAAgB;IACA,MAAM;CAYvB"}
+{"version":3,"file":"ArrayValueRenderer.d.ts","sourceRoot":"","sources":["../../../../../../../src/components-react/properties/renderers/value/table/ArrayValueRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,6BAA6B,CAAC;AAGnF;;GAEG;AACH,qBAAa,uBAAwB,SAAQ,KAAK,CAAC,aAAa,CAAC,+BAA+B,CAAC;IAC/F,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,iBAAiB;IAUT,MAAM;CAYvB"}

package/lib/esm/components-react/properties/renderers/value/table/ArrayValueRenderer.js

@@ -21,7 +21,6 @@ export class TableArrayValueRenderer extends React.PureComponent {
     getDialogContents() {
         return (React.createElement(NonPrimitivePropertyRenderer, { uniqueKey: `table_array_${this.props.propertyRecord.property.name}`, orientation: this.props.orientation, propertyRecord: this.props.propertyRecord }));
     }
-    /** @internal */
     render() {
         const typeName = this.props.propertyRecord.value
             .itemsTypeName;

package/lib/esm/components-react/properties/renderers/value/table/ArrayValueRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArrayValueRenderer.js","sourceRoot":"","sources":["../../../../../../../src/components-react/properties/renderers/value/table/ArrayValueRenderer.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,4BAA4B,EAAE,MAAM,oCAAoC,CAAC;AAElF,OAAO,EAAE,8BAA8B,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAEnG;;GAEG;AACH,MAAM,OAAO,uBAAwB,SAAQ,KAAK,CAAC,aAA8C;IACvF,cAAc,CAAC,KAAsC;QAC3D,MAAM,KAAK,GAAG,KAAK,CAAC,cAAc,CAAC,KAAmB,CAAC;QACvD,OAAO,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC;YAC7B,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG;YACjD,CAAC,CAAC,IAAI,CAAC;IACX,CAAC;IAEO,iBAAiB;QACvB,OAAO,CACL,oBAAC,4BAA4B,IAC3B,SAAS,EAAE,eAAe,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,EAAE,EACnE,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,GACzC,CACH,CAAC;IACJ,CAAC;IAED,gBAAgB;IACA,MAAM;QACpB,MAAM,QAAQ,GAAI,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAoB;aAC7D,aAAa,CAAC;QACjB,OAAO,CACL,oBAAC,kBAAkB,IACjB,WAAW,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,EAC5C,cAAc,EAAE,IAAI,CAAC,iBAAiB,EAAE,EACxC,WAAW,EAAE,kBAAkB,QAAQ,GAAG,EAC1C,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,GACrC,CACH,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Properties\n */\n\nimport * as React from \"react\";\nimport type { ArrayValue } from \"@itwin/appui-abstract\";\nimport { NonPrimitivePropertyRenderer } from \"../../NonPrimitivePropertyRenderer\";\nimport type { TableSpecificValueRendererProps } from \"./NonPrimitiveValueRenderer\";\nimport { TableNonPrimitiveValueRenderer as TableValueRenderer } from \"./NonPrimitiveValueRenderer\";\n\n/** A react component which renders array property value as a button with text\n * @public\n */\nexport class TableArrayValueRenderer extends React.PureComponent<TableSpecificValueRendererProps> {\n  private getButtonLabel(props: TableSpecificValueRendererProps) {\n    const value = props.propertyRecord.value as ArrayValue;\n    return value.items.length !== 0\n      ? `${value.itemsTypeName}[${value.items.length}]`\n      : \"[]\";\n  }\n\n  private getDialogContents() {\n    return (\n      <NonPrimitivePropertyRenderer\n        uniqueKey={`table_array_${this.props.propertyRecord.property.name}`}\n        orientation={this.props.orientation}\n        propertyRecord={this.props.propertyRecord}\n      />\n    );\n  }\n\n  /** @internal */\n  public override render() {\n    const typeName = (this.props.propertyRecord.value as ArrayValue)\n      .itemsTypeName;\n    return (\n      <TableValueRenderer\n        buttonLabel={this.getButtonLabel(this.props)}\n        dialogContents={this.getDialogContents()}\n        dialogTitle={`Array of type \"${typeName}\"`}\n        onDialogOpen={this.props.onDialogOpen}\n      />\n    );\n  }\n}\n"]}
+{"version":3,"file":"ArrayValueRenderer.js","sourceRoot":"","sources":["../../../../../../../src/components-react/properties/renderers/value/table/ArrayValueRenderer.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,4BAA4B,EAAE,MAAM,oCAAoC,CAAC;AAElF,OAAO,EAAE,8BAA8B,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAEnG;;GAEG;AACH,MAAM,OAAO,uBAAwB,SAAQ,KAAK,CAAC,aAA8C;IACvF,cAAc,CAAC,KAAsC;QAC3D,MAAM,KAAK,GAAG,KAAK,CAAC,cAAc,CAAC,KAAmB,CAAC;QACvD,OAAO,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC;YAC7B,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG;YACjD,CAAC,CAAC,IAAI,CAAC;IACX,CAAC;IAEO,iBAAiB;QACvB,OAAO,CACL,oBAAC,4BAA4B,IAC3B,SAAS,EAAE,eAAe,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,EAAE,EACnE,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,GACzC,CACH,CAAC;IACJ,CAAC;IAEe,MAAM;QACpB,MAAM,QAAQ,GAAI,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAoB;aAC7D,aAAa,CAAC;QACjB,OAAO,CACL,oBAAC,kBAAkB,IACjB,WAAW,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,EAC5C,cAAc,EAAE,IAAI,CAAC,iBAAiB,EAAE,EACxC,WAAW,EAAE,kBAAkB,QAAQ,GAAG,EAC1C,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,GACrC,CACH,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Properties\n */\n\nimport * as React from \"react\";\nimport type { ArrayValue } from \"@itwin/appui-abstract\";\nimport { NonPrimitivePropertyRenderer } from \"../../NonPrimitivePropertyRenderer\";\nimport type { TableSpecificValueRendererProps } from \"./NonPrimitiveValueRenderer\";\nimport { TableNonPrimitiveValueRenderer as TableValueRenderer } from \"./NonPrimitiveValueRenderer\";\n\n/** A react component which renders array property value as a button with text\n * @public\n */\nexport class TableArrayValueRenderer extends React.PureComponent<TableSpecificValueRendererProps> {\n  private getButtonLabel(props: TableSpecificValueRendererProps) {\n    const value = props.propertyRecord.value as ArrayValue;\n    return value.items.length !== 0\n      ? `${value.itemsTypeName}[${value.items.length}]`\n      : \"[]\";\n  }\n\n  private getDialogContents() {\n    return (\n      <NonPrimitivePropertyRenderer\n        uniqueKey={`table_array_${this.props.propertyRecord.property.name}`}\n        orientation={this.props.orientation}\n        propertyRecord={this.props.propertyRecord}\n      />\n    );\n  }\n\n  public override render() {\n    const typeName = (this.props.propertyRecord.value as ArrayValue)\n      .itemsTypeName;\n    return (\n      <TableValueRenderer\n        buttonLabel={this.getButtonLabel(this.props)}\n        dialogContents={this.getDialogContents()}\n        dialogTitle={`Array of type \"${typeName}\"`}\n        onDialogOpen={this.props.onDialogOpen}\n      />\n    );\n  }\n}\n"]}

package/lib/esm/components-react/properties/renderers/value/table/NonPrimitiveValueRenderer.d.ts

@@ -3,8 +3,8 @@
  */
 import * as React from "react";
 import type { PropertyRecord } from "@itwin/appui-abstract";
-import type { Orientation } from "@itwin/core-react";
 import type { PropertyDialogState } from "../../../ValueRendererManager";
+import type { Orientation } from "../../../../common/Orientation";
 /** Properties for [[TableArrayValueRenderer]] and [[TableStructValueRenderer]] React component
  * @public
  */
@@ -39,7 +39,6 @@ export interface TableNonPrimitiveValueRendererProps extends SharedTableNonPrimi
  */
 export declare class TableNonPrimitiveValueRenderer extends React.PureComponent<TableNonPrimitiveValueRendererProps> {
     private _onClick;
-    /** @internal */
     render(): React.JSX.Element;
 }
 //# sourceMappingURL=NonPrimitiveValueRenderer.d.ts.map

package/lib/esm/components-react/properties/renderers/value/table/NonPrimitiveValueRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NonPrimitiveValueRenderer.d.ts","sourceRoot":"","sources":["../../../../../../../src/components-react/properties/renderers/value/table/NonPrimitiveValueRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAEzE;;GAEG;AACH,MAAM,WAAW,+BACf,SAAQ,yCAAyC;IACjD,sBAAsB;IACtB,cAAc,EAAE,cAAc,CAAC;IAC/B,2CAA2C;IAC3C,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,yCAAyC;IAKxD,mDAAmD;IACnD,YAAY,CAAC,EAAE,CAAC,WAAW,EAAE,mBAAmB,KAAK,IAAI,CAAC;CAC3D;AAED;;GAEG;AACH,MAAM,WAAW,mCACf,SAAQ,yCAAyC;IACjD,8DAA8D;IAC9D,WAAW,EAAE,MAAM,CAAC;IACpB,kFAAkF;IAClF,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,oFAAoF;IACpF,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;;;GAIG;AACH,qBAAa,8BAA+B,SAAQ,KAAK,CAAC,aAAa,CAAC,mCAAmC,CAAC;IAG1G,OAAO,CAAC,QAAQ,CASd;IAmCF,gBAAgB;IACA,MAAM;CAevB"}
+{"version":3,"file":"NonPrimitiveValueRenderer.d.ts","sourceRoot":"","sources":["../../../../../../../src/components-react/properties/renderers/value/table/NonPrimitiveValueRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAElE;;GAEG;AACH,MAAM,WAAW,+BACf,SAAQ,yCAAyC;IACjD,sBAAsB;IACtB,cAAc,EAAE,cAAc,CAAC;IAC/B,2CAA2C;IAC3C,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,yCAAyC;IAKxD,mDAAmD;IACnD,YAAY,CAAC,EAAE,CAAC,WAAW,EAAE,mBAAmB,KAAK,IAAI,CAAC;CAC3D;AAED;;GAEG;AACH,MAAM,WAAW,mCACf,SAAQ,yCAAyC;IACjD,8DAA8D;IAC9D,WAAW,EAAE,MAAM,CAAC;IACpB,kFAAkF;IAClF,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,oFAAoF;IACpF,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;;;GAIG;AACH,qBAAa,8BAA+B,SAAQ,KAAK,CAAC,aAAa,CAAC,mCAAmC,CAAC;IAG1G,OAAO,CAAC,QAAQ,CASd;IAmCc,MAAM;CAevB"}

package/lib/esm/components-react/properties/renderers/value/table/NonPrimitiveValueRenderer.js

@@ -53,7 +53,6 @@ export class TableNonPrimitiveValueRenderer extends React.PureComponent {
     //   if (this.props.onPopupHide)
     //     this.props.onPopupHide();
     // }
-    /** @internal */
     render() {
         return (
         // eslint-disable-next-line deprecation/deprecation

package/lib/esm/components-react/properties/renderers/value/table/NonPrimitiveValueRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"NonPrimitiveValueRenderer.js","sourceRoot":"","sources":["../../../../../../../src/components-react/properties/renderers/value/table/NonPrimitiveValueRenderer.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAuCrD;;;;GAIG;AACH,MAAM,OAAO,8BAA+B,SAAQ,KAAK,CAAC,aAAkD;IAA5G;QACE,6DAA6D;;QAErD,aAAQ,GAAG,GAAG,EAAE;YACtB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY;gBAAE,OAAO;YAErC,MAAM,WAAW,GAAwB;gBACvC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc;gBAClC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW;aAC9B,CAAC;YAEF,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;QACvC,CAAC,CAAC;IAmDJ,CAAC;IAjDC,2CAA2C;IAC3C,8DAA8D;IAC9D,mFAAmF;IACnF,6CAA6C;IAC7C,iCAAiC;IACjC,iCAAiC;IACjC,cAAc;IAEd,mDAAmD;IAEnD,wBAAwB;IACxB,cAAc;IAEd,6DAA6D;IAE7D,6CAA6C;IAC7C,uBAAuB;IACvB,iCAAiC;IACjC,oDAAoD;IACpD,SAAS;IACT,eAAe;IACf,wDAAwD;IACxD,6DAA6D;IAC7D,iBAAiB;IACjB,OAAO;IACP,wCAAwC;IACxC,IAAI;IAEJ,iCAAiC;IACjC,gCAAgC;IAChC,gCAAgC;IAChC,IAAI;IAEJ,gBAAgB;IACA,MAAM;QACpB,OAAO;QACL,mDAAmD;QACnD,oBAAC,gBAAgB;QACf,wBAAwB;;YAAxB,wBAAwB;YACxB,SAAS,EAAC,+BAA+B,EACzC,OAAO,EAAE,IAAI,CAAC,QAAQ;YACtB,mCAAmC;YACnC,mCAAmC;YACnC,KAAK,EAAE,QAAQ,IAAI,CAAC,KAAK,CAAC,WAAW,kBAAkB,IAEtD,IAAI,CAAC,KAAK,CAAC,WAAW,CACN,CACpB,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Properties\n */\n\nimport * as React from \"react\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport type { Orientation } from \"@itwin/core-react\";\nimport { UnderlinedButton } from \"@itwin/core-react\";\nimport type { PropertyDialogState } from \"../../../ValueRendererManager\";\n\n/** Properties for [[TableArrayValueRenderer]] and [[TableStructValueRenderer]] React component\n * @public\n */\nexport interface TableSpecificValueRendererProps\n  extends SharedTableNonPrimitiveValueRendererProps {\n  /** Property record */\n  propertyRecord: PropertyRecord;\n  /** Orientation of the rendered property */\n  orientation: Orientation;\n}\n\n/** Shared properties between table non-primitive value renderers\n * @public\n */\nexport interface SharedTableNonPrimitiveValueRendererProps {\n  // /** Callback to request for a Popup to be shown. */\n  // onPopupShow?: (popupState: PropertyPopupState) => void;\n  // /** Callback to request for a Popup to be hidden. */\n  // onPopupHide?: () => void;\n  /** Callback to request for dialog to be opened. */\n  onDialogOpen?: (dialogState: PropertyDialogState) => void;\n}\n\n/** Properties for [[TableNonPrimitiveValueRenderer]] React component\n * @public\n */\nexport interface TableNonPrimitiveValueRendererProps\n  extends SharedTableNonPrimitiveValueRendererProps {\n  /** Title of the dialog that shows property in more detail. */\n  dialogTitle: string;\n  /** Contents of the dialog. Should be the property record shown in more detail. */\n  dialogContents: React.ReactNode;\n  /** Text that will be rendered in the table cell, in other words - Property value */\n  buttonLabel: string;\n}\n\n/**\n * A React component that renders non primitive values as a button with text.\n * When clicked, a dialog appears that shows the value in greater detail.\n * @public\n */\nexport class TableNonPrimitiveValueRenderer extends React.PureComponent<TableNonPrimitiveValueRendererProps> {\n  // private _buttonRef = React.createRef<HTMLButtonElement>();\n\n  private _onClick = () => {\n    if (!this.props.onDialogOpen) return;\n\n    const dialogState: PropertyDialogState = {\n      content: this.props.dialogContents,\n      title: this.props.dialogTitle,\n    };\n\n    this.props.onDialogOpen(dialogState);\n  };\n\n  // TODO: Enable, when table gets refactored\n  // Disabled fancy tooltips, because table controls it's state.\n  // But, because everything is in table state and there is no shouldComponentUpdate,\n  // tooltips cause rerender of the whole table\n  // private _showTooltip = () => {\n  //   if (!this.props.onPopupShow)\n  //     return;\n\n  //   const buttonElement = this._buttonRef.current;\n\n  //   if (!buttonElement)\n  //     return;\n\n  //   const buttonBox = buttonElement.getBoundingClientRect();\n\n  //   const popupState: PropertyPopupState = {\n  //     fixedPosition: {\n  //       top: buttonBox.top - 10,\n  //       left: buttonBox.left + buttonBox.width / 2,\n  //     },\n  //     content:\n  //       <span className=\"components-table-value-popup\">\n  //         {`View ${this.props.buttonLabel} in more detail.`}\n  //       </span>,\n  //   };\n  //   this.props.onPopupShow(popupState);\n  // }\n\n  // private _hideTooltip = () => {\n  //   if (this.props.onPopupHide)\n  //     this.props.onPopupHide();\n  // }\n\n  /** @internal */\n  public override render() {\n    return (\n      // eslint-disable-next-line deprecation/deprecation\n      <UnderlinedButton\n        // ref={this._buttonRef}\n        className=\"components-table-value-button\"\n        onClick={this._onClick}\n        // onMouseEnter={this._showTooltip}\n        // onMouseLeave={this._hideTooltip}\n        title={`View ${this.props.buttonLabel} in more detail.`}\n      >\n        {this.props.buttonLabel}\n      </UnderlinedButton>\n    );\n  }\n}\n"]}
+{"version":3,"file":"NonPrimitiveValueRenderer.js","sourceRoot":"","sources":["../../../../../../../src/components-react/properties/renderers/value/table/NonPrimitiveValueRenderer.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAwCrD;;;;GAIG;AACH,MAAM,OAAO,8BAA+B,SAAQ,KAAK,CAAC,aAAkD;IAA5G;QACE,6DAA6D;;QAErD,aAAQ,GAAG,GAAG,EAAE;YACtB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY;gBAAE,OAAO;YAErC,MAAM,WAAW,GAAwB;gBACvC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc;gBAClC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW;aAC9B,CAAC;YAEF,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;QACvC,CAAC,CAAC;IAkDJ,CAAC;IAhDC,2CAA2C;IAC3C,8DAA8D;IAC9D,mFAAmF;IACnF,6CAA6C;IAC7C,iCAAiC;IACjC,iCAAiC;IACjC,cAAc;IAEd,mDAAmD;IAEnD,wBAAwB;IACxB,cAAc;IAEd,6DAA6D;IAE7D,6CAA6C;IAC7C,uBAAuB;IACvB,iCAAiC;IACjC,oDAAoD;IACpD,SAAS;IACT,eAAe;IACf,wDAAwD;IACxD,6DAA6D;IAC7D,iBAAiB;IACjB,OAAO;IACP,wCAAwC;IACxC,IAAI;IAEJ,iCAAiC;IACjC,gCAAgC;IAChC,gCAAgC;IAChC,IAAI;IAEY,MAAM;QACpB,OAAO;QACL,mDAAmD;QACnD,oBAAC,gBAAgB;QACf,wBAAwB;;YAAxB,wBAAwB;YACxB,SAAS,EAAC,+BAA+B,EACzC,OAAO,EAAE,IAAI,CAAC,QAAQ;YACtB,mCAAmC;YACnC,mCAAmC;YACnC,KAAK,EAAE,QAAQ,IAAI,CAAC,KAAK,CAAC,WAAW,kBAAkB,IAEtD,IAAI,CAAC,KAAK,CAAC,WAAW,CACN,CACpB,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Properties\n */\n\nimport * as React from \"react\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { UnderlinedButton } from \"@itwin/core-react\";\nimport type { PropertyDialogState } from \"../../../ValueRendererManager\";\nimport type { Orientation } from \"../../../../common/Orientation\";\n\n/** Properties for [[TableArrayValueRenderer]] and [[TableStructValueRenderer]] React component\n * @public\n */\nexport interface TableSpecificValueRendererProps\n  extends SharedTableNonPrimitiveValueRendererProps {\n  /** Property record */\n  propertyRecord: PropertyRecord;\n  /** Orientation of the rendered property */\n  orientation: Orientation;\n}\n\n/** Shared properties between table non-primitive value renderers\n * @public\n */\nexport interface SharedTableNonPrimitiveValueRendererProps {\n  // /** Callback to request for a Popup to be shown. */\n  // onPopupShow?: (popupState: PropertyPopupState) => void;\n  // /** Callback to request for a Popup to be hidden. */\n  // onPopupHide?: () => void;\n  /** Callback to request for dialog to be opened. */\n  onDialogOpen?: (dialogState: PropertyDialogState) => void;\n}\n\n/** Properties for [[TableNonPrimitiveValueRenderer]] React component\n * @public\n */\nexport interface TableNonPrimitiveValueRendererProps\n  extends SharedTableNonPrimitiveValueRendererProps {\n  /** Title of the dialog that shows property in more detail. */\n  dialogTitle: string;\n  /** Contents of the dialog. Should be the property record shown in more detail. */\n  dialogContents: React.ReactNode;\n  /** Text that will be rendered in the table cell, in other words - Property value */\n  buttonLabel: string;\n}\n\n/**\n * A React component that renders non primitive values as a button with text.\n * When clicked, a dialog appears that shows the value in greater detail.\n * @public\n */\nexport class TableNonPrimitiveValueRenderer extends React.PureComponent<TableNonPrimitiveValueRendererProps> {\n  // private _buttonRef = React.createRef<HTMLButtonElement>();\n\n  private _onClick = () => {\n    if (!this.props.onDialogOpen) return;\n\n    const dialogState: PropertyDialogState = {\n      content: this.props.dialogContents,\n      title: this.props.dialogTitle,\n    };\n\n    this.props.onDialogOpen(dialogState);\n  };\n\n  // TODO: Enable, when table gets refactored\n  // Disabled fancy tooltips, because table controls it's state.\n  // But, because everything is in table state and there is no shouldComponentUpdate,\n  // tooltips cause rerender of the whole table\n  // private _showTooltip = () => {\n  //   if (!this.props.onPopupShow)\n  //     return;\n\n  //   const buttonElement = this._buttonRef.current;\n\n  //   if (!buttonElement)\n  //     return;\n\n  //   const buttonBox = buttonElement.getBoundingClientRect();\n\n  //   const popupState: PropertyPopupState = {\n  //     fixedPosition: {\n  //       top: buttonBox.top - 10,\n  //       left: buttonBox.left + buttonBox.width / 2,\n  //     },\n  //     content:\n  //       <span className=\"components-table-value-popup\">\n  //         {`View ${this.props.buttonLabel} in more detail.`}\n  //       </span>,\n  //   };\n  //   this.props.onPopupShow(popupState);\n  // }\n\n  // private _hideTooltip = () => {\n  //   if (this.props.onPopupHide)\n  //     this.props.onPopupHide();\n  // }\n\n  public override render() {\n    return (\n      // eslint-disable-next-line deprecation/deprecation\n      <UnderlinedButton\n        // ref={this._buttonRef}\n        className=\"components-table-value-button\"\n        onClick={this._onClick}\n        // onMouseEnter={this._showTooltip}\n        // onMouseLeave={this._hideTooltip}\n        title={`View ${this.props.buttonLabel} in more detail.`}\n      >\n        {this.props.buttonLabel}\n      </UnderlinedButton>\n    );\n  }\n}\n"]}

package/lib/esm/components-react/properties/renderers/value/table/StructValueRenderer.d.ts

@@ -9,7 +9,6 @@ import type { TableSpecificValueRendererProps } from "./NonPrimitiveValueRendere
 export declare class TableStructValueRenderer extends React.PureComponent<TableSpecificValueRendererProps> {
     private getButtonLabel;
     private getDialogContents;
-    /** @internal */
     render(): React.JSX.Element;
 }
 //# sourceMappingURL=StructValueRenderer.d.ts.map

package/lib/esm/components-react/properties/renderers/value/table/StructValueRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StructValueRenderer.d.ts","sourceRoot":"","sources":["../../../../../../../src/components-react/properties/renderers/value/table/StructValueRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,6BAA6B,CAAC;AAGnF;;GAEG;AACH,qBAAa,wBAAyB,SAAQ,KAAK,CAAC,aAAa,CAAC,+BAA+B,CAAC;IAChG,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,iBAAiB;IAUzB,gBAAgB;IACA,MAAM;CAUvB"}
+{"version":3,"file":"StructValueRenderer.d.ts","sourceRoot":"","sources":["../../../../../../../src/components-react/properties/renderers/value/table/StructValueRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,6BAA6B,CAAC;AAGnF;;GAEG;AACH,qBAAa,wBAAyB,SAAQ,KAAK,CAAC,aAAa,CAAC,+BAA+B,CAAC;IAChG,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,iBAAiB;IAUT,MAAM;CAUvB"}

package/lib/esm/components-react/properties/renderers/value/table/StructValueRenderer.js

@@ -18,7 +18,6 @@ export class TableStructValueRenderer extends React.PureComponent {
     getDialogContents() {
         return (React.createElement(NonPrimitivePropertyRenderer, { uniqueKey: `table_struct_${this.props.propertyRecord.property.name}`, orientation: this.props.orientation, propertyRecord: this.props.propertyRecord }));
     }
-    /** @internal */
     render() {
         return (React.createElement(TableValueRenderer, { buttonLabel: this.getButtonLabel(this.props), dialogTitle: `Struct of type "${this.props.propertyRecord.property.typename}"`, dialogContents: this.getDialogContents(), onDialogOpen: this.props.onDialogOpen }));
     }

package/lib/esm/components-react/properties/renderers/value/table/StructValueRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"StructValueRenderer.js","sourceRoot":"","sources":["../../../../../../../src/components-react/properties/renderers/value/table/StructValueRenderer.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,4BAA4B,EAAE,MAAM,oCAAoC,CAAC;AAElF,OAAO,EAAE,8BAA8B,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAEnG;;GAEG;AACH,MAAM,OAAO,wBAAyB,SAAQ,KAAK,CAAC,aAA8C;IACxF,cAAc,CAAC,KAAsC;QAC3D,OAAO,IAAI,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,QAAQ,GAAG,CAAC;IACvD,CAAC;IAEO,iBAAiB;QACvB,OAAO,CACL,oBAAC,4BAA4B,IAC3B,SAAS,EAAE,gBAAgB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,EAAE,EACpE,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,GACzC,CACH,CAAC;IACJ,CAAC;IAED,gBAAgB;IACA,MAAM;QACpB,OAAO,CACL,oBAAC,kBAAkB,IACjB,WAAW,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,EAC5C,WAAW,EAAE,mBAAmB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,QAAQ,GAAG,EAC9E,cAAc,EAAE,IAAI,CAAC,iBAAiB,EAAE,EACxC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,GACrC,CACH,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Properties\n */\n\nimport * as React from \"react\";\nimport { NonPrimitivePropertyRenderer } from \"../../NonPrimitivePropertyRenderer\";\nimport type { TableSpecificValueRendererProps } from \"./NonPrimitiveValueRenderer\";\nimport { TableNonPrimitiveValueRenderer as TableValueRenderer } from \"./NonPrimitiveValueRenderer\";\n\n/** A react component which renders struct property value as a button with text\n * @public\n */\nexport class TableStructValueRenderer extends React.PureComponent<TableSpecificValueRendererProps> {\n  private getButtonLabel(props: TableSpecificValueRendererProps) {\n    return `{${props.propertyRecord.property.typename}}`;\n  }\n\n  private getDialogContents() {\n    return (\n      <NonPrimitivePropertyRenderer\n        uniqueKey={`table_struct_${this.props.propertyRecord.property.name}`}\n        orientation={this.props.orientation}\n        propertyRecord={this.props.propertyRecord}\n      />\n    );\n  }\n\n  /** @internal */\n  public override render() {\n    return (\n      <TableValueRenderer\n        buttonLabel={this.getButtonLabel(this.props)}\n        dialogTitle={`Struct of type \"${this.props.propertyRecord.property.typename}\"`}\n        dialogContents={this.getDialogContents()}\n        onDialogOpen={this.props.onDialogOpen}\n      />\n    );\n  }\n}\n"]}
+{"version":3,"file":"StructValueRenderer.js","sourceRoot":"","sources":["../../../../../../../src/components-react/properties/renderers/value/table/StructValueRenderer.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,4BAA4B,EAAE,MAAM,oCAAoC,CAAC;AAElF,OAAO,EAAE,8BAA8B,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAEnG;;GAEG;AACH,MAAM,OAAO,wBAAyB,SAAQ,KAAK,CAAC,aAA8C;IACxF,cAAc,CAAC,KAAsC;QAC3D,OAAO,IAAI,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,QAAQ,GAAG,CAAC;IACvD,CAAC;IAEO,iBAAiB;QACvB,OAAO,CACL,oBAAC,4BAA4B,IAC3B,SAAS,EAAE,gBAAgB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,EAAE,EACpE,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,GACzC,CACH,CAAC;IACJ,CAAC;IAEe,MAAM;QACpB,OAAO,CACL,oBAAC,kBAAkB,IACjB,WAAW,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,EAC5C,WAAW,EAAE,mBAAmB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,QAAQ,GAAG,EAC9E,cAAc,EAAE,IAAI,CAAC,iBAAiB,EAAE,EACxC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,GACrC,CACH,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Properties\n */\n\nimport * as React from \"react\";\nimport { NonPrimitivePropertyRenderer } from \"../../NonPrimitivePropertyRenderer\";\nimport type { TableSpecificValueRendererProps } from \"./NonPrimitiveValueRenderer\";\nimport { TableNonPrimitiveValueRenderer as TableValueRenderer } from \"./NonPrimitiveValueRenderer\";\n\n/** A react component which renders struct property value as a button with text\n * @public\n */\nexport class TableStructValueRenderer extends React.PureComponent<TableSpecificValueRendererProps> {\n  private getButtonLabel(props: TableSpecificValueRendererProps) {\n    return `{${props.propertyRecord.property.typename}}`;\n  }\n\n  private getDialogContents() {\n    return (\n      <NonPrimitivePropertyRenderer\n        uniqueKey={`table_struct_${this.props.propertyRecord.property.name}`}\n        orientation={this.props.orientation}\n        propertyRecord={this.props.propertyRecord}\n      />\n    );\n  }\n\n  public override render() {\n    return (\n      <TableValueRenderer\n        buttonLabel={this.getButtonLabel(this.props)}\n        dialogTitle={`Struct of type \"${this.props.propertyRecord.property.typename}\"`}\n        dialogContents={this.getDialogContents()}\n        onDialogOpen={this.props.onDialogOpen}\n      />\n    );\n  }\n}\n"]}

package/lib/esm/components-react/propertygrid/component/ColumnResizingPropertyListPropsSupplier.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { Orientation } from "@itwin/core-react";
 import type { PropertyListProps } from "./PropertyList";
+import { Orientation } from "../../common/Orientation";
 /** @internal */
 export type ColumnResizeRelatedPropertyListProps = Required<Pick<PropertyListProps, "onColumnChanged" | "columnRatio" | "isResizeHandleHovered" | "onResizeHandleHoverChanged" | "isResizeHandleBeingDragged" | "onResizeHandleDragChanged" | "columnInfo" | "orientation" | "width">>;
 /** @internal */

package/lib/esm/components-react/propertygrid/component/ColumnResizingPropertyListPropsSupplier.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnResizingPropertyListPropsSupplier.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/ColumnResizingPropertyListPropsSupplier.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAc,MAAM,mBAAmB,CAAC;AAC5D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAMxD,gBAAgB;AAChB,MAAM,MAAM,oCAAoC,GAAG,QAAQ,CACzD,IAAI,CACF,iBAAiB,EACf,iBAAiB,GACjB,aAAa,GACb,uBAAuB,GACvB,4BAA4B,GAC5B,4BAA4B,GAC5B,2BAA2B,GAC3B,YAAY,GACZ,aAAa,GACb,OAAO,CACV,CACF,CAAC;AAEF,gBAAgB;AAChB,MAAM,WAAW,4CAA4C;IAC3D,oCAAoC;IACpC,WAAW,EAAE,WAAW,CAAC;IACzB,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qEAAqE;IACrE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uCAAuC;IACvC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,4GAA4G;IAC5G,QAAQ,EAAE,CAAC,KAAK,EAAE,oCAAoC,KAAK,KAAK,CAAC,SAAS,CAAC;CAC5E;AAED,gBAAgB;AAChB,MAAM,WAAW,4CAA4C;IAC3D,WAAW,EAAE,MAAM,CAAC;IACpB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,0BAA0B,EAAE,OAAO,CAAC;CACrC;AAED;;;GAGG;AACH,qBAAa,uCAAwC,SAAQ,KAAK,CAAC,SAAS,CAC1E,4CAA4C,EAC5C,4CAA4C,CAC7C;IACC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAQ;IACtC,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAQ;IACzC,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAO;IACxC,OAAO,CAAC,SAAS,CAAyB;IAC1C,OAAO,CAAC,SAAS,CAAyB;IAE1B,KAAK,EAAE,4CAA4C,CAIjE;IAEF,OAAc,YAAY,EAAE,OAAO,CAAC,4CAA4C,CAAC,CAI7E;IAEJ,OAAO,CAAC,qBAAqB,CAM3B;IAEF,OAAO,CAAC,2BAA2B,CAEjC;IAEF,OAAO,CAAC,0BAA0B,CAEhC;IAEF,OAAO,CAAC,0BAA0B;IA6ClC,OAAO,CAAC,mBAAmB;IAQX,MAAM;CAmBvB"}
+{"version":3,"file":"ColumnResizingPropertyListPropsSupplier.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/ColumnResizingPropertyListPropsSupplier.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAMvD,gBAAgB;AAChB,MAAM,MAAM,oCAAoC,GAAG,QAAQ,CACzD,IAAI,CACF,iBAAiB,EACf,iBAAiB,GACjB,aAAa,GACb,uBAAuB,GACvB,4BAA4B,GAC5B,4BAA4B,GAC5B,2BAA2B,GAC3B,YAAY,GACZ,aAAa,GACb,OAAO,CACV,CACF,CAAC;AAEF,gBAAgB;AAChB,MAAM,WAAW,4CAA4C;IAC3D,oCAAoC;IACpC,WAAW,EAAE,WAAW,CAAC;IACzB,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qEAAqE;IACrE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uCAAuC;IACvC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,4GAA4G;IAC5G,QAAQ,EAAE,CAAC,KAAK,EAAE,oCAAoC,KAAK,KAAK,CAAC,SAAS,CAAC;CAC5E;AAED,gBAAgB;AAChB,MAAM,WAAW,4CAA4C;IAC3D,WAAW,EAAE,MAAM,CAAC;IACpB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,0BAA0B,EAAE,OAAO,CAAC;CACrC;AAED;;;GAGG;AACH,qBAAa,uCAAwC,SAAQ,KAAK,CAAC,SAAS,CAC1E,4CAA4C,EAC5C,4CAA4C,CAC7C;IACC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAQ;IACtC,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAQ;IACzC,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAO;IACxC,OAAO,CAAC,SAAS,CAAyB;IAC1C,OAAO,CAAC,SAAS,CAAyB;IAE1B,KAAK,EAAE,4CAA4C,CAIjE;IAEF,OAAc,YAAY,EAAE,OAAO,CAAC,4CAA4C,CAAC,CAI7E;IAEJ,OAAO,CAAC,qBAAqB,CAM3B;IAEF,OAAO,CAAC,2BAA2B,CAEjC;IAEF,OAAO,CAAC,0BAA0B,CAEhC;IAEF,OAAO,CAAC,0BAA0B;IA6ClC,OAAO,CAAC,mBAAmB;IAQX,MAAM;CAmBvB"}

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

@@ -3,7 +3,8 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import * as React from "react";
-import { Orientation, UiGeometry } from "@itwin/core-react";
+import { UiGeometry } from "@itwin/core-react";
+import { Orientation } from "../../common/Orientation";
 const BORDER_WIDTH = 10;
 const PROPERTY_PADDING = 16;
 const VALUE_MIN_WIDTH = 10;

package/lib/esm/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 { 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) => {\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  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 { UiGeometry } from \"@itwin/core-react\";\nimport type { PropertyListProps } from \"./PropertyList\";\nimport { Orientation } from \"../../common/Orientation\";\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) => {\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  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/esm/components-react/propertygrid/component/PropertyCategoryBlock.d.ts

@@ -27,7 +27,6 @@ export declare class PropertyCategoryBlock extends React.Component<PropertyCateg
     constructor(props: PropertyCategoryBlockProps);
     private toggleExpansion;
     private _handleToggle;
-    /** @internal */
     render(): React.JSX.Element;
 }
 //# sourceMappingURL=PropertyCategoryBlock.d.ts.map

package/lib/esm/components-react/propertygrid/component/PropertyCategoryBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyCategoryBlock.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyCategoryBlock.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGrD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAC1F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE;;;GAGG;AAEH,MAAM,WAAW,0BAA2B,SAAQ,WAAW;IAC7D,iCAAiC;IACjC,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,wEAAwE;IACxE,kBAAkB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,uCAAuC;IACvC,SAAS,CAAC,EAAE,0BAA0B,CAAC;IACvC,cAAc;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;GAGG;AACH,qBAAa,qBAAsB,SAAQ,KAAK,CAAC,SAAS,CAAC,0BAA0B,CAAC;gBACxE,KAAK,EAAE,0BAA0B;IAI7C,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,aAAa,CAEnB;IAEF,gBAAgB;IACA,MAAM;CA+BvB"}
+{"version":3,"file":"PropertyCategoryBlock.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyCategoryBlock.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGrD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAC1F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE;;;GAGG;AAEH,MAAM,WAAW,0BAA2B,SAAQ,WAAW;IAC7D,iCAAiC;IACjC,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,wEAAwE;IACxE,kBAAkB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,uCAAuC;IACvC,SAAS,CAAC,EAAE,0BAA0B,CAAC;IACvC,cAAc;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;GAGG;AACH,qBAAa,qBAAsB,SAAQ,KAAK,CAAC,SAAS,CAAC,0BAA0B,CAAC;gBACxE,KAAK,EAAE,0BAA0B;IAI7C,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,aAAa,CAEnB;IAEc,MAAM;CA+BvB"}

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

@@ -23,7 +23,6 @@ export class PropertyCategoryBlock extends React.Component {
         if (this.props.onExpansionToggled)
             this.props.onExpansionToggled(this.props.category.name);
     }
-    /** @internal */
     render() {
         const { highlight, category, children, onExpansionToggled, ...other } = this.props;
         const activeMatchIndex = this.props.category.name ===

package/lib/esm/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,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAoB/D;;;GAGG;AACH,MAAM,OAAO,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,eAAe,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,eAAe,CAAC,OAAO,IACtB,UAAU,EAAE,QAAQ,CAAC,MAAM,EAC3B,QAAQ,EAAE,IAAI,CAAC,aAAa,EAC5B,IAAI,EAAC,OAAO,KACR,KAAK;YAET,oBAAC,eAAe,CAAC,OAAO,IAAC,KAAK,EAAE,KAAK,GAAI;YACzC,oBAAC,eAAe,CAAC,OAAO,IAAC,SAAS,EAAC,+BAA+B,IAC/D,QAAQ,CAAC,MAAM,IAAI,QAAQ,CACJ,CACF,CAC3B,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module 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 */\n// eslint-disable-next-line deprecation/deprecation\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,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAoB/D;;;GAGG;AACH,MAAM,OAAO,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;IAMe,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,eAAe,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,eAAe,CAAC,OAAO,IACtB,UAAU,EAAE,QAAQ,CAAC,MAAM,EAC3B,QAAQ,EAAE,IAAI,CAAC,aAAa,EAC5B,IAAI,EAAC,OAAO,KACR,KAAK;YAET,oBAAC,eAAe,CAAC,OAAO,IAAC,KAAK,EAAE,KAAK,GAAI;YACzC,oBAAC,eAAe,CAAC,OAAO,IAAC,SAAS,EAAC,+BAA+B,IAC/D,QAAQ,CAAC,MAAM,IAAI,QAAQ,CACJ,CACF,CAC3B,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module 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 */\n// eslint-disable-next-line deprecation/deprecation\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  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/esm/components-react/propertygrid/component/PropertyGrid.scss

@@ -43,14 +43,13 @@
 }
 
 .components-property-list--horizontal {
-  @include components-property-list;
-
   display: grid;
-  grid-row-gap: 1px; // A gap of 10px is too wasteful
+  grid-row-gap: 1px;
   overflow: hidden;
+
+  @include components-property-list;
 }
 
 .components-property-list--vertical {
   @include components-property-list;
-  // margin-top: -13px;
 }

package/lib/esm/components-react/propertygrid/component/PropertyGridCommons.d.ts

@@ -3,13 +3,13 @@
  */
 import type { PropertyRecord } from "@itwin/appui-abstract";
 import type { CommonProps } from "@itwin/core-react";
-import { Orientation } from "@itwin/core-react";
 import type { HighlightingComponentProps } from "../../common/HighlightingComponentProps";
 import type { PropertyUpdatedArgs } from "../../editors/EditorContainer";
 import type { ActionButtonRenderer } from "../../properties/renderers/ActionButtonRenderer";
 import type { PropertyValueRendererManager } from "../../properties/ValueRendererManager";
 import type { FilteredType } from "../dataproviders/filterers/PropertyDataFiltererBase";
 import type { PropertyCategory } from "../PropertyDataProvider";
+import { Orientation } from "../../common/Orientation";
 /** Arguments for the Property Editing event callback
  * @public
  */

package/lib/esm/components-react/propertygrid/component/PropertyGridCommons.d.ts.map

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

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

@@ -5,8 +5,8 @@
 /** @packageDocumentation
  * @module PropertyGrid
  */
-import { Orientation } from "@itwin/core-react";
 import { matchLinks } from "../../common/Links";
+import { Orientation } from "../../common/Orientation";
 /** @internal */
 export class PropertyGridCommons {
     static getCurrentOrientation(width, preferredOrientation, isOrientationFixed, horizontalOrientationMinWidth) {