@itwin/components-react 4.1.0 → 4.2.0

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

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module Properties
  */
@@ -14,14 +14,17 @@ import { TableNonPrimitiveValueRenderer as TableValueRenderer } from "./NonPrimi
 export class TableArrayValueRenderer extends React.PureComponent {
     getButtonLabel(props) {
         const value = props.propertyRecord.value;
-        return value.items.length !== 0 ? `${value.itemsTypeName}[${value.items.length}]` : "[]";
+        return value.items.length !== 0
+            ? `${value.itemsTypeName}[${value.items.length}]`
+            : "[]";
     }
     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;
+        const typeName = this.props.propertyRecord.value
+            .itemsTypeName;
         return (React.createElement(TableValueRenderer, { buttonLabel: this.getButtonLabel(this.props), dialogContents: this.getDialogContents(), dialogTitle: `Array of type "${typeName}"`, onDialogOpen: this.props.onDialogOpen }));
     }
 }

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;;;+FAG+F;AAC/F;;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,GAAI,KAAK,CAAC,cAAc,CAAC,KAAoB,CAAC;QACzD,OAAO,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;IAC3F,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,CAAC,aAAa,CAAC;QAC/E,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":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Properties\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport type { ArrayValue } from \"@itwin/appui-abstract\";\r\nimport { NonPrimitivePropertyRenderer } from \"../../NonPrimitivePropertyRenderer\";\r\nimport type { TableSpecificValueRendererProps} from \"./NonPrimitiveValueRenderer\";\r\nimport { TableNonPrimitiveValueRenderer as TableValueRenderer } from \"./NonPrimitiveValueRenderer\";\r\n\r\n/** A react component which renders array property value as a button with text\r\n * @public\r\n */\r\nexport class TableArrayValueRenderer extends React.PureComponent<TableSpecificValueRendererProps> {\r\n  private getButtonLabel(props: TableSpecificValueRendererProps) {\r\n    const value = (props.propertyRecord.value as ArrayValue);\r\n    return value.items.length !== 0 ? `${value.itemsTypeName}[${value.items.length}]` : \"[]\";\r\n  }\r\n\r\n  private getDialogContents() {\r\n    return (\r\n      <NonPrimitivePropertyRenderer\r\n        uniqueKey={`table_array_${this.props.propertyRecord.property.name}`}\r\n        orientation={this.props.orientation}\r\n        propertyRecord={this.props.propertyRecord}\r\n      />\r\n    );\r\n  }\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    const typeName = (this.props.propertyRecord.value as ArrayValue).itemsTypeName;\r\n    return (\r\n      <TableValueRenderer\r\n        buttonLabel={this.getButtonLabel(this.props)}\r\n        dialogContents={this.getDialogContents()}\r\n        dialogTitle={`Array of type \"${typeName}\"`}\r\n        onDialogOpen={this.props.onDialogOpen}\r\n      />\r\n    );\r\n  }\r\n}\r\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;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"]}

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,EAAC,MAAM,mBAAmB,CAAC;AAEpD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAEzE;;GAEG;AACH,MAAM,WAAW,+BAAgC,SAAQ,yCAAyC;IAChG,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,mCAAoC,SAAQ,yCAAyC;IACpG,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,CAOd;IAmCF,gBAAgB;IACA,MAAM;CAcvB"}
+{"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;CAcvB"}

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

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module Properties
  */
@@ -19,7 +19,10 @@ export class TableNonPrimitiveValueRenderer extends React.PureComponent {
         this._onClick = () => {
             if (!this.props.onDialogOpen)
                 return;
-            const dialogState = { content: this.props.dialogContents, title: this.props.dialogTitle };
+            const dialogState = {
+                content: this.props.dialogContents,
+                title: this.props.dialogTitle,
+            };
             this.props.onDialogOpen(dialogState);
         };
     }

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;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAqCrD;;;;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;gBAC1B,OAAO;YAET,MAAM,WAAW,GAAwB,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;YAE/G,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;IAEJ,gBAAgB;IACA,MAAM;QACpB,OAAO,CACL,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":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Properties\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\r\nimport type { Orientation} from \"@itwin/core-react\";\r\nimport { UnderlinedButton } from \"@itwin/core-react\";\r\nimport type { PropertyDialogState } from \"../../../ValueRendererManager\";\r\n\r\n/** Properties for [[TableArrayValueRenderer]] and [[TableStructValueRenderer]] React component\r\n * @public\r\n */\r\nexport interface TableSpecificValueRendererProps extends SharedTableNonPrimitiveValueRendererProps {\r\n  /** Property record */\r\n  propertyRecord: PropertyRecord;\r\n  /** Orientation of the rendered property */\r\n  orientation: Orientation;\r\n}\r\n\r\n/** Shared properties between table non-primitive value renderers\r\n * @public\r\n */\r\nexport interface SharedTableNonPrimitiveValueRendererProps {\r\n  // /** Callback to request for a Popup to be shown. */\r\n  // onPopupShow?: (popupState: PropertyPopupState) => void;\r\n  // /** Callback to request for a Popup to be hidden. */\r\n  // onPopupHide?: () => void;\r\n  /** Callback to request for dialog to be opened. */\r\n  onDialogOpen?: (dialogState: PropertyDialogState) => void;\r\n}\r\n\r\n/** Properties for [[TableNonPrimitiveValueRenderer]] React component\r\n * @public\r\n */\r\nexport interface TableNonPrimitiveValueRendererProps extends SharedTableNonPrimitiveValueRendererProps {\r\n  /** Title of the dialog that shows property in more detail. */\r\n  dialogTitle: string;\r\n  /** Contents of the dialog. Should be the property record shown in more detail. */\r\n  dialogContents: React.ReactNode;\r\n  /** Text that will be rendered in the table cell, in other words - Property value */\r\n  buttonLabel: string;\r\n}\r\n\r\n/**\r\n * A React component that renders non primitive values as a button with text.\r\n * When clicked, a dialog appears that shows the value in greater detail.\r\n * @public\r\n */\r\nexport class TableNonPrimitiveValueRenderer extends React.PureComponent<TableNonPrimitiveValueRendererProps> {\r\n  // private _buttonRef = React.createRef<HTMLButtonElement>();\r\n\r\n  private _onClick = () => {\r\n    if (!this.props.onDialogOpen)\r\n      return;\r\n\r\n    const dialogState: PropertyDialogState = { content: this.props.dialogContents, title: this.props.dialogTitle };\r\n\r\n    this.props.onDialogOpen(dialogState);\r\n  };\r\n\r\n  // TODO: Enable, when table gets refactored\r\n  // Disabled fancy tooltips, because table controls it's state.\r\n  // But, because everything is in table state and there is no shouldComponentUpdate,\r\n  // tooltips cause rerender of the whole table\r\n  // private _showTooltip = () => {\r\n  //   if (!this.props.onPopupShow)\r\n  //     return;\r\n\r\n  //   const buttonElement = this._buttonRef.current;\r\n\r\n  //   if (!buttonElement)\r\n  //     return;\r\n\r\n  //   const buttonBox = buttonElement.getBoundingClientRect();\r\n\r\n  //   const popupState: PropertyPopupState = {\r\n  //     fixedPosition: {\r\n  //       top: buttonBox.top - 10,\r\n  //       left: buttonBox.left + buttonBox.width / 2,\r\n  //     },\r\n  //     content:\r\n  //       <span className=\"components-table-value-popup\">\r\n  //         {`View ${this.props.buttonLabel} in more detail.`}\r\n  //       </span>,\r\n  //   };\r\n  //   this.props.onPopupShow(popupState);\r\n  // }\r\n\r\n  // private _hideTooltip = () => {\r\n  //   if (this.props.onPopupHide)\r\n  //     this.props.onPopupHide();\r\n  // }\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    return (\r\n      <UnderlinedButton\r\n        // ref={this._buttonRef}\r\n        className=\"components-table-value-button\"\r\n        onClick={this._onClick}\r\n        // onMouseEnter={this._showTooltip}\r\n        // onMouseLeave={this._hideTooltip}\r\n        title={`View ${this.props.buttonLabel} in more detail.`}\r\n      >\r\n        {this.props.buttonLabel}\r\n      </UnderlinedButton>\r\n    );\r\n  }\r\n}\r\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;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;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;IAEJ,gBAAgB;IACA,MAAM;QACpB,OAAO,CACL,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      <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.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,EAAC,MAAM,6BAA6B,CAAC;AAGlF;;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;IAUzB,gBAAgB;IACA,MAAM;CAUvB"}

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

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module Properties
  */

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;;;+FAG+F;AAC/F;;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":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Properties\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { NonPrimitivePropertyRenderer } from \"../../NonPrimitivePropertyRenderer\";\r\nimport type { TableSpecificValueRendererProps} from \"./NonPrimitiveValueRenderer\";\r\nimport { TableNonPrimitiveValueRenderer as TableValueRenderer } from \"./NonPrimitiveValueRenderer\";\r\n\r\n/** A react component which renders struct property value as a button with text\r\n * @public\r\n */\r\nexport class TableStructValueRenderer extends React.PureComponent<TableSpecificValueRendererProps> {\r\n  private getButtonLabel(props: TableSpecificValueRendererProps) {\r\n    return `{${props.propertyRecord.property.typename}}`;\r\n  }\r\n\r\n  private getDialogContents() {\r\n    return (\r\n      <NonPrimitivePropertyRenderer\r\n        uniqueKey={`table_struct_${this.props.propertyRecord.property.name}`}\r\n        orientation={this.props.orientation}\r\n        propertyRecord={this.props.propertyRecord}\r\n      />\r\n    );\r\n  }\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    return (\r\n      <TableValueRenderer\r\n        buttonLabel={this.getButtonLabel(this.props)}\r\n        dialogTitle={`Struct of type \"${this.props.propertyRecord.property.typename}\"`}\r\n        dialogContents={this.getDialogContents()}\r\n        onDialogOpen={this.props.onDialogOpen}\r\n      />\r\n    );\r\n  }\r\n}\r\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;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"]}

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

@@ -1 +1 @@
-{"version":3,"file":"PropertyCategoryRendererManager.d.ts","sourceRoot":"","sources":["../../../../src/components-react/propertygrid/PropertyCategoryRendererManager.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AAC1F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAE3E;;;GAGG;AACH,MAAM,WAAW,6BAA6B;IAC5C,mCAAmC;IACnC,YAAY,EAAE,gBAAgB,CAAC;IAC/B,gDAAgD;IAChD,WAAW,EAAE,8BAA8B,CAAC;IAC5C,uDAAuD;IACvD,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED;;;GAGG;AACH,MAAM,MAAM,wBAAwB,GAAG,CAAC,YAAY,EAAE,gBAAgB,KAAK,KAAK,CAAC,aAAa,CAAC,6BAA6B,CAAC,GAAG,SAAS,CAAC;AAE1I;;;;GAIG;AACH,qBAAa,+BAA+B;IAC1C,OAAO,CAAC,kBAAkB,CAA+C;IAEzE,OAAc,cAAc,kCAAyC;IAErE,mFAAmF;IAC5E,oBAAoB,CAAC,YAAY,EAAE,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAC,6BAA6B,CAAC,GAAG,SAAS;IAQ3H,qGAAqG;IAC9F,WAAW,CAAC,YAAY,EAAE,MAAM,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,QAAQ,UAAQ,GAAG,IAAI;IAU5G,sDAAsD;IAC/C,cAAc,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI;CAGlD"}
+{"version":3,"file":"PropertyCategoryRendererManager.d.ts","sourceRoot":"","sources":["../../../../src/components-react/propertygrid/PropertyCategoryRendererManager.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AAC1F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAE3E;;;GAGG;AACH,MAAM,WAAW,6BAA6B;IAC5C,mCAAmC;IACnC,YAAY,EAAE,gBAAgB,CAAC;IAC/B,gDAAgD;IAChD,WAAW,EAAE,8BAA8B,CAAC;IAC5C,uDAAuD;IACvD,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED;;;GAGG;AACH,MAAM,MAAM,wBAAwB,GAAG,CACrC,YAAY,EAAE,gBAAgB,KAC3B,KAAK,CAAC,aAAa,CAAC,6BAA6B,CAAC,GAAG,SAAS,CAAC;AAEpE;;;;GAIG;AACH,qBAAa,+BAA+B;IAC1C,OAAO,CAAC,kBAAkB,CAA+C;IAEzE,OAAc,cAAc,kCAAyC;IAErE,mFAAmF;IAC5E,oBAAoB,CACzB,YAAY,EAAE,gBAAgB,GAC7B,KAAK,CAAC,aAAa,CAAC,6BAA6B,CAAC,GAAG,SAAS;IAUjE,qGAAqG;IAC9F,WAAW,CAChB,YAAY,EAAE,MAAM,EACpB,gBAAgB,EAAE,wBAAwB,EAC1C,QAAQ,UAAQ,GACf,IAAI;IAaP,sDAAsD;IAC/C,cAAc,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI;CAGlD"}

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

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module PropertyGrid
  */
@@ -16,11 +16,10 @@ class PropertyCategoryRendererManager {
     }
     /** Retrieves a category rendering component based for the passed category item. */
     getCategoryComponent(categoryItem) {
-        var _a;
         if (categoryItem.derivedCategory.renderer === undefined) {
             return undefined;
         }
-        return (_a = this._categoryRenderers.get(categoryItem.derivedCategory.renderer.name)) === null || _a === void 0 ? void 0 : _a(categoryItem);
+        return this._categoryRenderers.get(categoryItem.derivedCategory.renderer.name)?.(categoryItem);
     }
     /** Registers a renderer factory function to be invoked on categories with specific renderer name. */
     addRenderer(rendererName, categoryRenderer, override = false) {

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

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

package/lib/esm/components-react/propertygrid/PropertyDataProvider.d.ts

@@ -49,7 +49,7 @@ export declare class PropertyDataChangeEvent extends BeEvent<PropertyDataChanges
  */
 export interface IPropertyDataProvider {
     /** Returns property data. */
-    getData: (() => Promise<PropertyData>);
+    getData: () => Promise<PropertyData>;
     /** Property data change event. */
     onDataChanged: PropertyDataChangeEvent;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"PropertyDataProvider.d.ts","sourceRoot":"","sources":["../../../../src/components-react/propertygrid/PropertyDataProvider.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,eAAe,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACrC,QAAQ,CAAC,EAAE;QACT,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;CACH;AAED;;;GAGG;AACH,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,cAAc,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,gBAAgB,EAAE,CAAC;IAC/B,OAAO,EAAE;QAAE,CAAC,YAAY,EAAE,MAAM,GAAG,cAAc,EAAE,CAAA;KAAE,CAAC;IAEtD;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,MAAM,2BAA2B,GAAG,MAAM,IAAI,CAAC;AAE7D;;GAEG;AACH,qBAAa,uBAAwB,SAAQ,OAAO,CAAC,2BAA2B,CAAC;CAAI;AAErF;;;;GAIG;AACH,MAAM,WAAW,qBAAqB;IACpC,6BAA6B;IAC7B,OAAO,EAAE,CAAC,MAAM,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC;IACvC,kCAAkC;IAClC,aAAa,EAAE,uBAAuB,CAAC;CACxC"}
+{"version":3,"file":"PropertyDataProvider.d.ts","sourceRoot":"","sources":["../../../../src/components-react/propertygrid/PropertyDataProvider.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,eAAe,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACrC,QAAQ,CAAC,EAAE;QACT,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;CACH;AAED;;;GAGG;AACH,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,cAAc,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,gBAAgB,EAAE,CAAC;IAC/B,OAAO,EAAE;QAAE,CAAC,YAAY,EAAE,MAAM,GAAG,cAAc,EAAE,CAAA;KAAE,CAAC;IAEtD;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,MAAM,2BAA2B,GAAG,MAAM,IAAI,CAAC;AAE7D;;GAEG;AACH,qBAAa,uBAAwB,SAAQ,OAAO,CAAC,2BAA2B,CAAC;CAAG;AAEpF;;;;GAIG;AACH,MAAM,WAAW,qBAAqB;IACpC,6BAA6B;IAC7B,OAAO,EAAE,MAAM,OAAO,CAAC,YAAY,CAAC,CAAC;IACrC,kCAAkC;IAClC,aAAa,EAAE,uBAAuB,CAAC;CACxC"}

package/lib/esm/components-react/propertygrid/PropertyDataProvider.js

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module PropertyGrid
  */

package/lib/esm/components-react/propertygrid/PropertyDataProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyDataProvider.js","sourceRoot":"","sources":["../../../../src/components-react/propertygrid/PropertyDataProvider.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAGH,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAsC9C;;GAEG;AACH,MAAM,OAAO,uBAAwB,SAAQ,OAAoC;CAAI","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module PropertyGrid\r\n */\r\n\r\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\r\nimport { BeEvent } from \"@itwin/core-bentley\";\r\n\r\n/**\r\n * Contains metadata about a group of Properties.\r\n * @public\r\n */\r\nexport interface PropertyCategory {\r\n  name: string;\r\n  label: string;\r\n  expand: boolean;\r\n  childCategories?: PropertyCategory[];\r\n  renderer?: {\r\n    name: string;\r\n  };\r\n}\r\n\r\n/**\r\n * Interface for property data provided to the PropertyGrid React component.\r\n * @public\r\n */\r\nexport interface PropertyData {\r\n  label: PropertyRecord;\r\n  description?: string;\r\n  categories: PropertyCategory[];\r\n  records: { [categoryName: string]: PropertyRecord[] };\r\n\r\n  /**\r\n   * Should state of existing property data in the component be re-used for this property data\r\n   * @beta\r\n   */\r\n  reusePropertyDataState?: boolean;\r\n}\r\n\r\n/** A signature for property data change listeners\r\n * @public\r\n */\r\nexport declare type PropertyDataChangesListener = () => void;\r\n\r\n/** An event broadcasted on property data changes\r\n * @public\r\n */\r\nexport class PropertyDataChangeEvent extends BeEvent<PropertyDataChangesListener> { }\r\n\r\n/**\r\n * An interface for property data provider which returns\r\n * property data and broadcasts an event when the data changes\r\n * @public\r\n */\r\nexport interface IPropertyDataProvider {\r\n  /** Returns property data. */\r\n  getData: (() => Promise<PropertyData>);\r\n  /** Property data change event. */\r\n  onDataChanged: PropertyDataChangeEvent;\r\n}\r\n"]}
+{"version":3,"file":"PropertyDataProvider.js","sourceRoot":"","sources":["../../../../src/components-react/propertygrid/PropertyDataProvider.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAGH,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAsC9C;;GAEG;AACH,MAAM,OAAO,uBAAwB,SAAQ,OAAoC;CAAG","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module PropertyGrid\n */\n\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { BeEvent } from \"@itwin/core-bentley\";\n\n/**\n * Contains metadata about a group of Properties.\n * @public\n */\nexport interface PropertyCategory {\n  name: string;\n  label: string;\n  expand: boolean;\n  childCategories?: PropertyCategory[];\n  renderer?: {\n    name: string;\n  };\n}\n\n/**\n * Interface for property data provided to the PropertyGrid React component.\n * @public\n */\nexport interface PropertyData {\n  label: PropertyRecord;\n  description?: string;\n  categories: PropertyCategory[];\n  records: { [categoryName: string]: PropertyRecord[] };\n\n  /**\n   * Should state of existing property data in the component be re-used for this property data\n   * @beta\n   */\n  reusePropertyDataState?: boolean;\n}\n\n/** A signature for property data change listeners\n * @public\n */\nexport declare type PropertyDataChangesListener = () => void;\n\n/** An event broadcasted on property data changes\n * @public\n */\nexport class PropertyDataChangeEvent extends BeEvent<PropertyDataChangesListener> {}\n\n/**\n * An interface for property data provider which returns\n * property data and broadcasts an event when the data changes\n * @public\n */\nexport interface IPropertyDataProvider {\n  /** Returns property data. */\n  getData: () => Promise<PropertyData>;\n  /** Property data change event. */\n  onDataChanged: PropertyDataChangeEvent;\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"SimplePropertyDataProvider.d.ts","sourceRoot":"","sources":["../../../../src/components-react/propertygrid/SimplePropertyDataProvider.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,KAAK,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,YAAY,EAAC,MAAM,wBAAwB,CAAC;AACnG,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEjE;;;GAGG;AACH,qBAAa,0BAA2B,YAAW,qBAAqB,EAAE,YAAY;IAC7E,KAAK,EAAE,cAAc,CAAiC;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,gBAAgB,EAAE,CAAM;IACpC,OAAO,EAAE;QAAE,CAAC,YAAY,EAAE,MAAM,GAAG,cAAc,EAAE,CAAA;KAAE,CAAM;IAC3D,aAAa,0BAAiC;IACrD,OAAO,CAAC,aAAa,CAAe;;IAMpC,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,kBAAkB;IAKnB,WAAW,CAAC,QAAQ,EAAE,gBAAgB,GAAG,MAAM;IAO/C,iBAAiB,CAAC,QAAQ,EAAE,gBAAgB,GAAG,MAAM;IAOrD,WAAW,CAAC,cAAc,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,GAAG,IAAI;IAKtE,cAAc,CAAC,cAAc,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,GAAG,OAAO;IAgB5E,eAAe,CAAC,cAAc,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,GAAG,OAAO;IAelG,OAAO,IAAI,OAAO,CAAC,YAAY,CAAC;CAG9C"}
+{"version":3,"file":"SimplePropertyDataProvider.d.ts","sourceRoot":"","sources":["../../../../src/components-react/propertygrid/SimplePropertyDataProvider.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,KAAK,EACV,qBAAqB,EACrB,gBAAgB,EAChB,YAAY,EACb,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEjE;;;GAGG;AACH,qBAAa,0BACX,YAAW,qBAAqB,EAAE,YAAY;IAEvC,KAAK,EAAE,cAAc,CAAiC;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,gBAAgB,EAAE,CAAM;IACpC,OAAO,EAAE;QAAE,CAAC,YAAY,EAAE,MAAM,GAAG,cAAc,EAAE,CAAA;KAAE,CAAM;IAC3D,aAAa,0BAAiC;IACrD,OAAO,CAAC,aAAa,CAAe;;IAMpC,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,kBAAkB;IAKnB,WAAW,CAAC,QAAQ,EAAE,gBAAgB,GAAG,MAAM;IAO/C,iBAAiB,CAAC,QAAQ,EAAE,gBAAgB,GAAG,MAAM;IASrD,WAAW,CAChB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,MAAM,GAClB,IAAI;IAKA,cAAc,CACnB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,MAAM,GAClB,OAAO;IAkBH,eAAe,CACpB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,MAAM,EACnB,SAAS,EAAE,cAAc,GACxB,OAAO;IAqBG,OAAO,IAAI,OAAO,CAAC,YAAY,CAAC;CAG9C"}

package/lib/esm/components-react/propertygrid/SimplePropertyDataProvider.js

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module PropertyGrid
  */

package/lib/esm/components-react/propertygrid/SimplePropertyDataProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimplePropertyDataProvider.js","sourceRoot":"","sources":["../../../../src/components-react/propertygrid/SimplePropertyDataProvider.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module PropertyGrid\r\n */\r\n\r\nimport { PropertyRecord } from \"@itwin/appui-abstract\";\r\nimport type { IPropertyDataProvider, PropertyCategory, PropertyData} from \"./PropertyDataProvider\";\r\nimport { PropertyDataChangeEvent } from \"./PropertyDataProvider\";\r\n\r\n/**\r\n * Implementation of [IPropertyDataProvider] that uses an associative array.\r\n * @public\r\n */\r\nexport class SimplePropertyDataProvider implements IPropertyDataProvider, PropertyData {\r\n  public label: PropertyRecord = PropertyRecord.fromString(\"\");\r\n  public description?: string;\r\n  public categories: PropertyCategory[] = [];\r\n  public records: { [categoryName: string]: PropertyRecord[] } = {};\r\n  public onDataChanged = new PropertyDataChangeEvent();\r\n  private _propertyData: PropertyData;\r\n\r\n  constructor() {\r\n    this._propertyData = this.createPropertyData();\r\n  }\r\n\r\n  private createPropertyData(): PropertyData {\r\n    return {\r\n      label: this.label,\r\n      description: this.description,\r\n      categories: this.categories,\r\n      records: this.records,\r\n    };\r\n  }\r\n\r\n  private updatePropertyData() {\r\n    this._propertyData = this.createPropertyData();\r\n    this.onDataChanged.raiseEvent();\r\n  }\r\n\r\n  public addCategory(category: PropertyCategory): number {\r\n    const categoryIdx = this.categories.push(category) - 1;\r\n    this.records[this.categories[categoryIdx].name] = [];\r\n    this.updatePropertyData();\r\n    return categoryIdx;\r\n  }\r\n\r\n  public findCategoryIndex(category: PropertyCategory): number {\r\n    const index = this.categories.findIndex((testCategory: PropertyCategory) => {\r\n      return testCategory.name === category.name;\r\n    });\r\n    return index;\r\n  }\r\n\r\n  public addProperty(propertyRecord: PropertyRecord, categoryIdx: number): void {\r\n    this.records[this.categories[categoryIdx].name].push(propertyRecord);\r\n    this.updatePropertyData();\r\n  }\r\n\r\n  public removeProperty(propertyRecord: PropertyRecord, categoryIdx: number): boolean {\r\n    const index = this.records[this.categories[categoryIdx].name].findIndex((record: PropertyRecord) => {\r\n      return record === propertyRecord;\r\n    });\r\n\r\n    let result = false;\r\n\r\n    // istanbul ignore else\r\n    if (index >= 0) {\r\n      this.records[this.categories[categoryIdx].name].splice(index, 1);\r\n      this.updatePropertyData();\r\n      result = true;\r\n    }\r\n    return result;\r\n  }\r\n\r\n  public replaceProperty(propertyRecord: PropertyRecord, categoryIdx: number, newRecord: PropertyRecord): boolean {\r\n    const index = this.records[this.categories[categoryIdx].name].findIndex((record: PropertyRecord) => {\r\n      return record === propertyRecord;\r\n    });\r\n\r\n    let result = false;\r\n\r\n    // istanbul ignore else\r\n    if (index >= 0) {\r\n      this.records[this.categories[categoryIdx].name].splice(index, 1, newRecord);\r\n      result = true;\r\n    }\r\n    return result;\r\n  }\r\n\r\n  public async getData(): Promise<PropertyData> {\r\n    return this._propertyData;\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"SimplePropertyDataProvider.js","sourceRoot":"","sources":["../../../../src/components-react/propertygrid/SimplePropertyDataProvider.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module PropertyGrid\n */\n\nimport { PropertyRecord } from \"@itwin/appui-abstract\";\nimport type {\n  IPropertyDataProvider,\n  PropertyCategory,\n  PropertyData,\n} from \"./PropertyDataProvider\";\nimport { PropertyDataChangeEvent } from \"./PropertyDataProvider\";\n\n/**\n * Implementation of [IPropertyDataProvider] that uses an associative array.\n * @public\n */\nexport class SimplePropertyDataProvider\n  implements IPropertyDataProvider, PropertyData\n{\n  public label: PropertyRecord = PropertyRecord.fromString(\"\");\n  public description?: string;\n  public categories: PropertyCategory[] = [];\n  public records: { [categoryName: string]: PropertyRecord[] } = {};\n  public onDataChanged = new PropertyDataChangeEvent();\n  private _propertyData: PropertyData;\n\n  constructor() {\n    this._propertyData = this.createPropertyData();\n  }\n\n  private createPropertyData(): PropertyData {\n    return {\n      label: this.label,\n      description: this.description,\n      categories: this.categories,\n      records: this.records,\n    };\n  }\n\n  private updatePropertyData() {\n    this._propertyData = this.createPropertyData();\n    this.onDataChanged.raiseEvent();\n  }\n\n  public addCategory(category: PropertyCategory): number {\n    const categoryIdx = this.categories.push(category) - 1;\n    this.records[this.categories[categoryIdx].name] = [];\n    this.updatePropertyData();\n    return categoryIdx;\n  }\n\n  public findCategoryIndex(category: PropertyCategory): number {\n    const index = this.categories.findIndex(\n      (testCategory: PropertyCategory) => {\n        return testCategory.name === category.name;\n      }\n    );\n    return index;\n  }\n\n  public addProperty(\n    propertyRecord: PropertyRecord,\n    categoryIdx: number\n  ): void {\n    this.records[this.categories[categoryIdx].name].push(propertyRecord);\n    this.updatePropertyData();\n  }\n\n  public removeProperty(\n    propertyRecord: PropertyRecord,\n    categoryIdx: number\n  ): boolean {\n    const index = this.records[this.categories[categoryIdx].name].findIndex(\n      (record: PropertyRecord) => {\n        return record === propertyRecord;\n      }\n    );\n\n    let result = false;\n\n    // istanbul ignore else\n    if (index >= 0) {\n      this.records[this.categories[categoryIdx].name].splice(index, 1);\n      this.updatePropertyData();\n      result = true;\n    }\n    return result;\n  }\n\n  public replaceProperty(\n    propertyRecord: PropertyRecord,\n    categoryIdx: number,\n    newRecord: PropertyRecord\n  ): boolean {\n    const index = this.records[this.categories[categoryIdx].name].findIndex(\n      (record: PropertyRecord) => {\n        return record === propertyRecord;\n      }\n    );\n\n    let result = false;\n\n    // istanbul ignore else\n    if (index >= 0) {\n      this.records[this.categories[categoryIdx].name].splice(\n        index,\n        1,\n        newRecord\n      );\n      result = true;\n    }\n    return result;\n  }\n\n  public async getData(): Promise<PropertyData> {\n    return this._propertyData;\n  }\n}\n"]}

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

@@ -15,6 +15,8 @@ export interface ColumnResizingPropertyListPropsSupplierProps {
     minValueWidth?: number;
     /** Fixed action button column width */
     actionButtonWidth?: number;
+    /** Maximum depth of the properties shown */
+    maxPropertyDepth?: number;
     /** A callback that receives the required column-resize-related props for the [[PropertyList]] component  */
     children: (props: ColumnResizeRelatedPropertyListProps) => React.ReactNode;
 }

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;AAE/B,OAAO,EAAE,WAAW,EAAc,MAAM,mBAAmB,CAAC;AAC5D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,gBAAgB;AAChB,MAAM,MAAM,oCAAoC,GAAG,QAAQ,CAAC,IAAI,CAAC,iBAAiB,EAAE,iBAAiB,GAAG,aAAa,GAAG,uBAAuB,GAAG,4BAA4B,GAAG,4BAA4B,GAAG,2BAA2B,GAAG,YAAY,GAAG,aAAa,GAAG,OAAO,CAAC,CAAC,CAAC;AAEvR,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,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,CAAC,4CAA4C,EAAE,4CAA4C,CAAC;IACtK,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,CAI/E;IAEF,OAAO,CAAC,qBAAqB,CAO3B;IAGF,OAAO,CAAC,2BAA2B,CAEjC;IAEF,OAAO,CAAC,0BAA0B,CAEhC;IAEF,OAAO,CAAC,0BAA0B;IAgBlC,OAAO,CAAC,mBAAmB;IAIX,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,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;IAGF,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

@@ -1,9 +1,12 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * 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";
+const BORDER_WIDTH = 10;
+const PROPERTY_PADDING = 16;
+const VALUE_MIN_WIDTH = 10;
 /**
  * Wrapped PropertyCategoryBlock React component with list of properties and render optimization
  * @internal
@@ -39,14 +42,42 @@ class ColumnResizingPropertyListPropsSupplier extends React.Component {
     isMinimumColumnSizeEnabled() {
         if (this.props.orientation !== Orientation.Horizontal)
             return false;
+        // calculated how much width all the borders of nested properties takes up.
+        const bordersWidth = this.props.maxPropertyDepth
+            ? this.props.maxPropertyDepth * BORDER_WIDTH
+            : 0;
+        const actionButtonWidth = this.props.actionButtonWidth ?? 0;
+        // minimum with required to render property. This consists of:
+        // * minimum label width
+        // * 1px resizer
+        // * minimum value width
+        // * actions buttons width
+        // * all nested borders width
+        // * padding
+        const propertyWidth = this.props.minLabelWidth +
+            1 +
+            this.props.minValueWidth +
+            actionButtonWidth +
+            bordersWidth +
+            PROPERTY_PADDING;
         // default behavior for screens that are too small to have minimum column widths
-        if (this.props.width < this.props.minLabelWidth + 1 + this.props.minValueWidth + this.props.actionButtonWidth) {
+        if (this.props.width < propertyWidth) {
             this._minRatio = this._defaultMinRatio;
-            this._maxRatio = this._defaultMaxRatio;
+            // if there are action buttons calculate maximum ratio for label. Otherwise use default.
+            this._maxRatio = this.props.actionButtonWidth
+                ? (this.props.width -
+                    this.props.actionButtonWidth -
+                    bordersWidth -
+                    PROPERTY_PADDING -
+                    VALUE_MIN_WIDTH) /
+                    this.props.width
+                : this._defaultMaxRatio;
             return false;
         }
         this._minRatio = this.props.minLabelWidth / this.props.width;
-        this._maxRatio = (this.props.width - this.props.actionButtonWidth - this.props.minValueWidth) / this.props.width;
+        this._maxRatio =
+            (this.props.width - actionButtonWidth - this.props.minValueWidth) /
+                this.props.width;
         return true;
     }
     getValidColumnRatio() {
@@ -75,7 +106,6 @@ class ColumnResizingPropertyListPropsSupplier extends React.Component {
 ColumnResizingPropertyListPropsSupplier.defaultProps = {
     minLabelWidth: 100,
     minValueWidth: 100,
-    actionButtonWidth: 90,
 };
 export { ColumnResizingPropertyListPropsSupplier };
 //# sourceMappingURL=ColumnResizingPropertyListPropsSupplier.js.map

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":"AAAA;;;+FAG+F;AAC/F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AA6B5D;;;GAGG;AACH,MAAa,uCAAwC,SAAQ,KAAK,CAAC,SAAqG;IAAxK;;QACmB,kBAAa,GAAG,IAAI,CAAC;QACrB,qBAAgB,GAAG,IAAI,CAAC;QACxB,qBAAgB,GAAG,GAAG,CAAC;QAChC,cAAS,GAAG,IAAI,CAAC,gBAAgB,CAAC;QAClC,cAAS,GAAG,IAAI,CAAC,gBAAgB,CAAC;QAE1B,UAAK,GAAiD;YACpE,WAAW,EAAE,IAAI,CAAC,aAAa;YAC/B,qBAAqB,EAAE,KAAK;YAC5B,0BAA0B,EAAE,KAAK;SAClC,CAAC;QAQM,0BAAqB,GAAG,CAAC,KAAa,EAAqB,EAAE;YACnE,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;YAChE,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,KAAK;gBAClC,OAAO,EAAE,KAAK,EAAE,CAAC;YAEnB,IAAI,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,CAAC;YACtC,OAAO,EAAE,KAAK,EAAE,CAAC;QACnB,CAAC,CAAC;QAEF,uBAAuB;QACf,gCAA2B,GAAG,CAAC,SAAkB,EAAE,EAAE;YAC3D,IAAI,CAAC,QAAQ,CAAC,EAAE,qBAAqB,EAAE,SAAS,EAAE,CAAC,CAAC;QACtD,CAAC,CAAC;QAEM,+BAA0B,GAAG,CAAC,aAAsB,EAAE,EAAE;YAC9D,IAAI,CAAC,QAAQ,CAAC,EAAE,0BAA0B,EAAE,aAAa,EAAE,CAAC,CAAC;QAC/D,CAAC,CAAC;IAyCJ,CAAC;IAvCS,0BAA0B;QAChC,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,WAAW,CAAC,UAAU;YACnD,OAAO,KAAK,CAAC;QAEf,gFAAgF;QAChF,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,aAAc,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,aAAc,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAkB,EAAE;YAChH,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,gBAAgB,CAAC;YACvC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,gBAAgB,CAAC;YACvC,OAAO,KAAK,CAAC;SACd;QAED,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,aAAc,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QAC9D,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,aAAc,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QACnH,OAAO,IAAI,CAAC;IACd,CAAC;IAEO,mBAAmB;QACzB,OAAO,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;IAClF,CAAC;IAEe,MAAM;QACpB,MAAM,SAAS,GAAyC;YACtD,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW;YACnC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YACvB,eAAe,EAAE,IAAI,CAAC,qBAAqB;YAC3C,WAAW,EAAE,IAAI,CAAC,mBAAmB,EAAE;YACvC,qBAAqB,EAAE,IAAI,CAAC,KAAK,CAAC,qBAAqB;YACvD,0BAA0B,EAAE,IAAI,CAAC,2BAA2B;YAC5D,0BAA0B,EAAE,IAAI,CAAC,KAAK,CAAC,0BAA0B;YACjE,yBAAyB,EAAE,IAAI,CAAC,0BAA0B;YAC1D,UAAU,EAAE;gBACV,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,aAAc;gBACxC,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,aAAc;gBACxC,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,iBAAkB;gBAChD,0BAA0B,EAAE,IAAI,CAAC,0BAA0B,EAAE;aAC9D;SACF,CAAC;QACF,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IACxC,CAAC;;AA9Da,oDAAY,GAA0D;IAClF,aAAa,EAAE,GAAG;IAClB,aAAa,EAAE,GAAG;IAClB,iBAAiB,EAAE,EAAE;CACtB,AAJyB,CAIxB;SAjBS,uCAAuC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\nimport * as React from \"react\";\r\nimport type { RatioChangeResult} from \"@itwin/core-react\";\r\nimport { Orientation, UiGeometry } from \"@itwin/core-react\";\r\nimport type { PropertyListProps } from \"./PropertyList\";\r\n\r\n/** @internal */\r\nexport type ColumnResizeRelatedPropertyListProps = Required<Pick<PropertyListProps, \"onColumnChanged\" | \"columnRatio\" | \"isResizeHandleHovered\" | \"onResizeHandleHoverChanged\" | \"isResizeHandleBeingDragged\" | \"onResizeHandleDragChanged\" | \"columnInfo\" | \"orientation\" | \"width\">>;\r\n\r\n/** @internal */\r\nexport interface ColumnResizingPropertyListPropsSupplierProps {\r\n  /** Orientation of the properties */\r\n  orientation: Orientation;\r\n  /** Width of the property list */\r\n  width: number;\r\n  /** Minimum allowed label column width, after which resizing stops */\r\n  minLabelWidth?: number;\r\n  /** Minimum allowed value column width, after which resizing stops */\r\n  minValueWidth?: number;\r\n  /** Fixed action button column width */\r\n  actionButtonWidth?: number;\r\n  /** A callback that receives the required column-resize-related props for the [[PropertyList]] component  */\r\n  children: (props: ColumnResizeRelatedPropertyListProps) => React.ReactNode;\r\n}\r\n\r\n/** @internal */\r\nexport interface ColumnResizingPropertyListPropsSupplierState {\r\n  columnRatio: number;\r\n  isResizeHandleHovered: boolean;\r\n  isResizeHandleBeingDragged: boolean;\r\n}\r\n\r\n/**\r\n * Wrapped PropertyCategoryBlock React component with list of properties and render optimization\r\n * @internal\r\n */\r\nexport class ColumnResizingPropertyListPropsSupplier extends React.Component<ColumnResizingPropertyListPropsSupplierProps, ColumnResizingPropertyListPropsSupplierState> {\r\n  private readonly _initialRatio = 0.25;\r\n  private readonly _defaultMinRatio = 0.15;\r\n  private readonly _defaultMaxRatio = 0.6;\r\n  private _minRatio = this._defaultMinRatio;\r\n  private _maxRatio = this._defaultMaxRatio;\r\n\r\n  public override state: ColumnResizingPropertyListPropsSupplierState = {\r\n    columnRatio: this._initialRatio,\r\n    isResizeHandleHovered: false,\r\n    isResizeHandleBeingDragged: false,\r\n  };\r\n\r\n  public static defaultProps: Partial<ColumnResizingPropertyListPropsSupplierProps> = {\r\n    minLabelWidth: 100,\r\n    minValueWidth: 100,\r\n    actionButtonWidth: 90,\r\n  };\r\n\r\n  private _onColumnRatioChanged = (ratio: number): RatioChangeResult => {\r\n    ratio = UiGeometry.clamp(ratio, this._minRatio, this._maxRatio);\r\n    if (this.state.columnRatio === ratio)\r\n      return { ratio };\r\n\r\n    this.setState({ columnRatio: ratio });\r\n    return { ratio };\r\n  };\r\n\r\n  // istanbul ignore next\r\n  private _onResizeHandleHoverChanged = (isHovered: boolean) => {\r\n    this.setState({ isResizeHandleHovered: isHovered });\r\n  };\r\n\r\n  private _onResizeHandleDragChanged = (isDragStarted: boolean) => {\r\n    this.setState({ isResizeHandleBeingDragged: isDragStarted });\r\n  };\r\n\r\n  private isMinimumColumnSizeEnabled() {\r\n    if (this.props.orientation !== Orientation.Horizontal)\r\n      return false;\r\n\r\n    // default behavior for screens that are too small to have minimum column widths\r\n    if (this.props.width < this.props.minLabelWidth! + 1 + this.props.minValueWidth! + this.props.actionButtonWidth!) {\r\n      this._minRatio = this._defaultMinRatio;\r\n      this._maxRatio = this._defaultMaxRatio;\r\n      return false;\r\n    }\r\n\r\n    this._minRatio = this.props.minLabelWidth! / this.props.width;\r\n    this._maxRatio = (this.props.width - this.props.actionButtonWidth! - this.props.minValueWidth!) / this.props.width;\r\n    return true;\r\n  }\r\n\r\n  private getValidColumnRatio(): number {\r\n    return UiGeometry.clamp(this.state.columnRatio, this._minRatio, this._maxRatio);\r\n  }\r\n\r\n  public override render() {\r\n    const listProps: ColumnResizeRelatedPropertyListProps = {\r\n      orientation: this.props.orientation,\r\n      width: this.props.width,\r\n      onColumnChanged: this._onColumnRatioChanged,\r\n      columnRatio: this.getValidColumnRatio(),\r\n      isResizeHandleHovered: this.state.isResizeHandleHovered,\r\n      onResizeHandleHoverChanged: this._onResizeHandleHoverChanged,\r\n      isResizeHandleBeingDragged: this.state.isResizeHandleBeingDragged,\r\n      onResizeHandleDragChanged: this._onResizeHandleDragChanged,\r\n      columnInfo: {\r\n        minLabelWidth: this.props.minLabelWidth!,\r\n        minValueWidth: this.props.minValueWidth!,\r\n        actionButtonWidth: this.props.actionButtonWidth!,\r\n        isMinimumColumnSizeEnabled: this.isMinimumColumnSizeEnabled(),\r\n      },\r\n    };\r\n    return this.props.children(listProps);\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"ColumnResizingPropertyListPropsSupplier.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/ColumnResizingPropertyListPropsSupplier.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG5D,MAAM,YAAY,GAAG,EAAE,CAAC;AACxB,MAAM,gBAAgB,GAAG,EAAE,CAAC;AAC5B,MAAM,eAAe,GAAG,EAAE,CAAC;AA2C3B;;;GAGG;AACH,MAAa,uCAAwC,SAAQ,KAAK,CAAC,SAGlE;IAHD;;QAImB,kBAAa,GAAG,IAAI,CAAC;QACrB,qBAAgB,GAAG,IAAI,CAAC;QACxB,qBAAgB,GAAG,GAAG,CAAC;QAChC,cAAS,GAAG,IAAI,CAAC,gBAAgB,CAAC;QAClC,cAAS,GAAG,IAAI,CAAC,gBAAgB,CAAC;QAE1B,UAAK,GAAiD;YACpE,WAAW,EAAE,IAAI,CAAC,aAAa;YAC/B,qBAAqB,EAAE,KAAK;YAC5B,0BAA0B,EAAE,KAAK;SAClC,CAAC;QAQM,0BAAqB,GAAG,CAAC,KAAa,EAAqB,EAAE;YACnE,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;YAChE,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,KAAK;gBAAE,OAAO,EAAE,KAAK,EAAE,CAAC;YAEvD,IAAI,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,CAAC;YACtC,OAAO,EAAE,KAAK,EAAE,CAAC;QACnB,CAAC,CAAC;QAEF,uBAAuB;QACf,gCAA2B,GAAG,CAAC,SAAkB,EAAE,EAAE;YAC3D,IAAI,CAAC,QAAQ,CAAC,EAAE,qBAAqB,EAAE,SAAS,EAAE,CAAC,CAAC;QACtD,CAAC,CAAC;QAEM,+BAA0B,GAAG,CAAC,aAAsB,EAAE,EAAE;YAC9D,IAAI,CAAC,QAAQ,CAAC,EAAE,0BAA0B,EAAE,aAAa,EAAE,CAAC,CAAC;QAC/D,CAAC,CAAC;IA0EJ,CAAC;IAxES,0BAA0B;QAChC,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,WAAW,CAAC,UAAU;YAAE,OAAO,KAAK,CAAC;QAEpE,2EAA2E;QAC3E,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB;YAC9C,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,GAAG,YAAY;YAC5C,CAAC,CAAC,CAAC,CAAC;QACN,MAAM,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAiB,IAAI,CAAC,CAAC;QAE5D,8DAA8D;QAC9D,wBAAwB;QACxB,gBAAgB;QAChB,wBAAwB;QACxB,0BAA0B;QAC1B,6BAA6B;QAC7B,YAAY;QACZ,MAAM,aAAa,GACjB,IAAI,CAAC,KAAK,CAAC,aAAc;YACzB,CAAC;YACD,IAAI,CAAC,KAAK,CAAC,aAAc;YACzB,iBAAiB;YACjB,YAAY;YACZ,gBAAgB,CAAC;QACnB,gFAAgF;QAChF,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,aAAa,EAAE;YACpC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,gBAAgB,CAAC;YACvC,wFAAwF;YACxF,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAiB;gBAC3C,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK;oBACf,IAAI,CAAC,KAAK,CAAC,iBAAiB;oBAC5B,YAAY;oBACZ,gBAAgB;oBAChB,eAAe,CAAC;oBAClB,IAAI,CAAC,KAAK,CAAC,KAAK;gBAClB,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC;YAC1B,OAAO,KAAK,CAAC;SACd;QAED,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,aAAc,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QAC9D,IAAI,CAAC,SAAS;YACZ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,aAAc,CAAC;gBAClE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QACnB,OAAO,IAAI,CAAC;IACd,CAAC;IAEO,mBAAmB;QACzB,OAAO,UAAU,CAAC,KAAK,CACrB,IAAI,CAAC,KAAK,CAAC,WAAW,EACtB,IAAI,CAAC,SAAS,EACd,IAAI,CAAC,SAAS,CACf,CAAC;IACJ,CAAC;IAEe,MAAM;QACpB,MAAM,SAAS,GAAyC;YACtD,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW;YACnC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YACvB,eAAe,EAAE,IAAI,CAAC,qBAAqB;YAC3C,WAAW,EAAE,IAAI,CAAC,mBAAmB,EAAE;YACvC,qBAAqB,EAAE,IAAI,CAAC,KAAK,CAAC,qBAAqB;YACvD,0BAA0B,EAAE,IAAI,CAAC,2BAA2B;YAC5D,0BAA0B,EAAE,IAAI,CAAC,KAAK,CAAC,0BAA0B;YACjE,yBAAyB,EAAE,IAAI,CAAC,0BAA0B;YAC1D,UAAU,EAAE;gBACV,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,aAAc;gBACxC,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,aAAc;gBACxC,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,iBAAkB;gBAChD,0BAA0B,EAAE,IAAI,CAAC,0BAA0B,EAAE;aAC9D;SACF,CAAC;QACF,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IACxC,CAAC;;AA9Fa,oDAAY,GACxB;IACE,aAAa,EAAE,GAAG;IAClB,aAAa,EAAE,GAAG;CACnB,AAJuB,CAItB;SApBO,uCAAuC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport type { RatioChangeResult } from \"@itwin/core-react\";\nimport { Orientation, UiGeometry } from \"@itwin/core-react\";\nimport type { PropertyListProps } from \"./PropertyList\";\n\nconst BORDER_WIDTH = 10;\nconst PROPERTY_PADDING = 16;\nconst VALUE_MIN_WIDTH = 10;\n\n/** @internal */\nexport type ColumnResizeRelatedPropertyListProps = Required<\n  Pick<\n    PropertyListProps,\n    | \"onColumnChanged\"\n    | \"columnRatio\"\n    | \"isResizeHandleHovered\"\n    | \"onResizeHandleHoverChanged\"\n    | \"isResizeHandleBeingDragged\"\n    | \"onResizeHandleDragChanged\"\n    | \"columnInfo\"\n    | \"orientation\"\n    | \"width\"\n  >\n>;\n\n/** @internal */\nexport interface ColumnResizingPropertyListPropsSupplierProps {\n  /** Orientation of the properties */\n  orientation: Orientation;\n  /** Width of the property list */\n  width: number;\n  /** Minimum allowed label column width, after which resizing stops */\n  minLabelWidth?: number;\n  /** Minimum allowed value column width, after which resizing stops */\n  minValueWidth?: number;\n  /** Fixed action button column width */\n  actionButtonWidth?: number;\n  /** Maximum depth of the properties shown */\n  maxPropertyDepth?: number;\n  /** A callback that receives the required column-resize-related props for the [[PropertyList]] component  */\n  children: (props: ColumnResizeRelatedPropertyListProps) => React.ReactNode;\n}\n\n/** @internal */\nexport interface ColumnResizingPropertyListPropsSupplierState {\n  columnRatio: number;\n  isResizeHandleHovered: boolean;\n  isResizeHandleBeingDragged: boolean;\n}\n\n/**\n * Wrapped PropertyCategoryBlock React component with list of properties and render optimization\n * @internal\n */\nexport class ColumnResizingPropertyListPropsSupplier extends React.Component<\n  ColumnResizingPropertyListPropsSupplierProps,\n  ColumnResizingPropertyListPropsSupplierState\n> {\n  private readonly _initialRatio = 0.25;\n  private readonly _defaultMinRatio = 0.15;\n  private readonly _defaultMaxRatio = 0.6;\n  private _minRatio = this._defaultMinRatio;\n  private _maxRatio = this._defaultMaxRatio;\n\n  public override state: ColumnResizingPropertyListPropsSupplierState = {\n    columnRatio: this._initialRatio,\n    isResizeHandleHovered: false,\n    isResizeHandleBeingDragged: false,\n  };\n\n  public static defaultProps: Partial<ColumnResizingPropertyListPropsSupplierProps> =\n    {\n      minLabelWidth: 100,\n      minValueWidth: 100,\n    };\n\n  private _onColumnRatioChanged = (ratio: number): RatioChangeResult => {\n    ratio = UiGeometry.clamp(ratio, this._minRatio, this._maxRatio);\n    if (this.state.columnRatio === ratio) return { ratio };\n\n    this.setState({ columnRatio: ratio });\n    return { ratio };\n  };\n\n  // istanbul ignore next\n  private _onResizeHandleHoverChanged = (isHovered: boolean) => {\n    this.setState({ isResizeHandleHovered: isHovered });\n  };\n\n  private _onResizeHandleDragChanged = (isDragStarted: boolean) => {\n    this.setState({ isResizeHandleBeingDragged: isDragStarted });\n  };\n\n  private isMinimumColumnSizeEnabled() {\n    if (this.props.orientation !== Orientation.Horizontal) return false;\n\n    // calculated how much width all the borders of nested properties takes up.\n    const bordersWidth = this.props.maxPropertyDepth\n      ? this.props.maxPropertyDepth * BORDER_WIDTH\n      : 0;\n    const actionButtonWidth = this.props.actionButtonWidth ?? 0;\n\n    // minimum with required to render property. This consists of:\n    // * minimum label width\n    // * 1px resizer\n    // * minimum value width\n    // * actions buttons width\n    // * all nested borders width\n    // * padding\n    const propertyWidth =\n      this.props.minLabelWidth! +\n      1 +\n      this.props.minValueWidth! +\n      actionButtonWidth +\n      bordersWidth +\n      PROPERTY_PADDING;\n    // default behavior for screens that are too small to have minimum column widths\n    if (this.props.width < propertyWidth) {\n      this._minRatio = this._defaultMinRatio;\n      // if there are action buttons calculate maximum ratio for label. Otherwise use default.\n      this._maxRatio = this.props.actionButtonWidth\n        ? (this.props.width -\n            this.props.actionButtonWidth -\n            bordersWidth -\n            PROPERTY_PADDING -\n            VALUE_MIN_WIDTH) /\n          this.props.width\n        : this._defaultMaxRatio;\n      return false;\n    }\n\n    this._minRatio = this.props.minLabelWidth! / this.props.width;\n    this._maxRatio =\n      (this.props.width - actionButtonWidth - this.props.minValueWidth!) /\n      this.props.width;\n    return true;\n  }\n\n  private getValidColumnRatio(): number {\n    return UiGeometry.clamp(\n      this.state.columnRatio,\n      this._minRatio,\n      this._maxRatio\n    );\n  }\n\n  public override render() {\n    const listProps: ColumnResizeRelatedPropertyListProps = {\n      orientation: this.props.orientation,\n      width: this.props.width,\n      onColumnChanged: this._onColumnRatioChanged,\n      columnRatio: this.getValidColumnRatio(),\n      isResizeHandleHovered: this.state.isResizeHandleHovered,\n      onResizeHandleHoverChanged: this._onResizeHandleHoverChanged,\n      isResizeHandleBeingDragged: this.state.isResizeHandleBeingDragged,\n      onResizeHandleDragChanged: this._onResizeHandleDragChanged,\n      columnInfo: {\n        minLabelWidth: this.props.minLabelWidth!,\n        minValueWidth: this.props.minValueWidth!,\n        actionButtonWidth: this.props.actionButtonWidth!,\n        isMinimumColumnSizeEnabled: this.isMinimumColumnSizeEnabled(),\n      },\n    };\n    return this.props.children(listProps);\n  }\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"FlatItemNestedBorderWrapper.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/FlatItemNestedBorderWrapper.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,gBAAgB;AAChB,MAAM,WAAW,wBAAwB;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,iBAAiB,EAAE,MAAM,CAAC;IAC1B,qCAAqC;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,0BAA0B;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;GAIG;AACH,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,wBAAwB,eA0B1E"}
+{"version":3,"file":"FlatItemNestedBorderWrapper.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/FlatItemNestedBorderWrapper.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,gBAAgB;AAChB,MAAM,WAAW,wBAAwB;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,iBAAiB,EAAE,MAAM,CAAC;IAC1B,qCAAqC;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,0BAA0B;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;GAIG;AACH,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,wBAAwB,eA2B1E"}

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

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 import classnames from "classnames";
 import * as React from "react";
 /**
@@ -11,9 +11,10 @@ import * as React from "react";
  */
 export function FlatItemNestedBorderWrapper(props) {
     if (props.borderCount <= 0) {
-        return (React.createElement("div", { className: props.className }, props.children));
+        return React.createElement("div", { className: props.className }, props.children);
     }
-    const isBottomBorderNeeded = props.bottomBorderCount >= 0 && props.bottomBorderCount >= props.borderCount;
+    const isBottomBorderNeeded = props.bottomBorderCount >= 0 &&
+        props.bottomBorderCount >= props.borderCount;
     const classNames = classnames("nested-border-middle", isBottomBorderNeeded ? "nested-border-bottom" : undefined);
     let currentBottomBorderCount = props.bottomBorderCount;
     if (isBottomBorderNeeded)

package/lib/esm/components-react/propertygrid/component/FlatItemNestedBorderWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlatItemNestedBorderWrapper.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/FlatItemNestedBorderWrapper.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B;;;;GAIG;AACH,MAAM,UAAU,2BAA2B,CAAC,KAA+B;IACzE,IAAI,KAAK,CAAC,WAAW,IAAI,CAAC,EAAE;QAC1B,OAAO,CACL,6BAAK,SAAS,EAAE,KAAK,CAAC,SAAS,IAC5B,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;KACH;IAED,MAAM,oBAAoB,GAAG,KAAK,CAAC,iBAAiB,IAAI,CAAC,IAAI,KAAK,CAAC,iBAAiB,IAAI,KAAK,CAAC,WAAW,CAAC;IAC1G,MAAM,UAAU,GAAW,UAAU,CACnC,sBAAsB,EACtB,oBAAoB,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,SAAS,CAC1D,CAAC;IAEF,IAAI,wBAAwB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACvD,IAAI,oBAAoB;QACtB,wBAAwB,EAAE,CAAC;IAE7B,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU;QACxB,oBAAC,2BAA2B,IAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,CAAC,WAAW,GAAG,CAAC,EAAE,iBAAiB,EAAE,wBAAwB,IACrI,KAAK,CAAC,QAAQ,CACa,CAC1B,CACP,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\n\r\n/** @internal */\r\nexport interface NestedBorderWrapperProps {\r\n  className?: string;\r\n  /** Number of bottom borders to draw (no more than side borders) */\r\n  bottomBorderCount: number;\r\n  /** Number of side borders to draw */\r\n  borderCount: number;\r\n  /** Node to wrap around */\r\n  children: React.ReactNode;\r\n}\r\n\r\n/**\r\n * FlatItemNestedBorderWrapper React component.\r\n * Wraps provided ReactNode in nested borders recursively according to provided borderCount.\r\n * @internal\r\n */\r\nexport function FlatItemNestedBorderWrapper(props: NestedBorderWrapperProps) {\r\n  if (props.borderCount <= 0) {\r\n    return (\r\n      <div className={props.className}>\r\n        {props.children}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  const isBottomBorderNeeded = props.bottomBorderCount >= 0 && props.bottomBorderCount >= props.borderCount;\r\n  const classNames: string = classnames(\r\n    \"nested-border-middle\",\r\n    isBottomBorderNeeded ? \"nested-border-bottom\" : undefined,\r\n  );\r\n\r\n  let currentBottomBorderCount = props.bottomBorderCount;\r\n  if (isBottomBorderNeeded)\r\n    currentBottomBorderCount--;\r\n\r\n  return (\r\n    <div className={classNames}>\r\n      <FlatItemNestedBorderWrapper className={props.className} borderCount={props.borderCount - 1} bottomBorderCount={currentBottomBorderCount}>\r\n        {props.children}\r\n      </FlatItemNestedBorderWrapper>\r\n    </div>\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"FlatItemNestedBorderWrapper.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/FlatItemNestedBorderWrapper.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B;;;;GAIG;AACH,MAAM,UAAU,2BAA2B,CAAC,KAA+B;IACzE,IAAI,KAAK,CAAC,WAAW,IAAI,CAAC,EAAE;QAC1B,OAAO,6BAAK,SAAS,EAAE,KAAK,CAAC,SAAS,IAAG,KAAK,CAAC,QAAQ,CAAO,CAAC;KAChE;IAED,MAAM,oBAAoB,GACxB,KAAK,CAAC,iBAAiB,IAAI,CAAC;QAC5B,KAAK,CAAC,iBAAiB,IAAI,KAAK,CAAC,WAAW,CAAC;IAC/C,MAAM,UAAU,GAAW,UAAU,CACnC,sBAAsB,EACtB,oBAAoB,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,SAAS,CAC1D,CAAC;IAEF,IAAI,wBAAwB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACvD,IAAI,oBAAoB;QAAE,wBAAwB,EAAE,CAAC;IAErD,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU;QACxB,oBAAC,2BAA2B,IAC1B,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,WAAW,EAAE,KAAK,CAAC,WAAW,GAAG,CAAC,EAClC,iBAAiB,EAAE,wBAAwB,IAE1C,KAAK,CAAC,QAAQ,CACa,CAC1B,CACP,CAAC;AACJ,CAAC","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 classnames from \"classnames\";\nimport * as React from \"react\";\n\n/** @internal */\nexport interface NestedBorderWrapperProps {\n  className?: string;\n  /** Number of bottom borders to draw (no more than side borders) */\n  bottomBorderCount: number;\n  /** Number of side borders to draw */\n  borderCount: number;\n  /** Node to wrap around */\n  children: React.ReactNode;\n}\n\n/**\n * FlatItemNestedBorderWrapper React component.\n * Wraps provided ReactNode in nested borders recursively according to provided borderCount.\n * @internal\n */\nexport function FlatItemNestedBorderWrapper(props: NestedBorderWrapperProps) {\n  if (props.borderCount <= 0) {\n    return <div className={props.className}>{props.children}</div>;\n  }\n\n  const isBottomBorderNeeded =\n    props.bottomBorderCount >= 0 &&\n    props.bottomBorderCount >= props.borderCount;\n  const classNames: string = classnames(\n    \"nested-border-middle\",\n    isBottomBorderNeeded ? \"nested-border-bottom\" : undefined\n  );\n\n  let currentBottomBorderCount = props.bottomBorderCount;\n  if (isBottomBorderNeeded) currentBottomBorderCount--;\n\n  return (\n    <div className={classNames}>\n      <FlatItemNestedBorderWrapper\n        className={props.className}\n        borderCount={props.borderCount - 1}\n        bottomBorderCount={currentBottomBorderCount}\n      >\n        {props.children}\n      </FlatItemNestedBorderWrapper>\n    </div>\n  );\n}\n"]}

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;AACH,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;CAmBvB"}
+{"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;AACH,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;CA6BvB"}

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

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module PropertyGrid
  */
@@ -25,13 +25,12 @@ export class PropertyCategoryBlock extends React.Component {
     }
     /** @internal */
     render() {
-        var _a;
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
         const { highlight, category, children, onExpansionToggled, ...props } = this.props;
-        const activeMatchIndex = this.props.category.name === ((_a = highlight === null || highlight === void 0 ? void 0 : highlight.activeHighlight) === null || _a === void 0 ? void 0 : _a.highlightedItemIdentifier) ? highlight.activeHighlight.highlightIndex : undefined;
-        const label = highlight ?
-            (React.createElement(HighlightedText, { text: category.label, activeMatchIndex: activeMatchIndex, searchText: highlight.highlightedText })) :
-            category.label;
+        const activeMatchIndex = this.props.category.name ===
+            highlight?.activeHighlight?.highlightedItemIdentifier
+            ? highlight.activeHighlight.highlightIndex
+            : undefined;
+        const label = highlight ? (React.createElement(HighlightedText, { text: category.label, activeMatchIndex: activeMatchIndex, searchText: highlight.highlightedText })) : (category.label);
         return (React.createElement(ExpandableBlock, { isExpanded: category.expand, onToggle: this._handleToggle, title: label, size: "small", ...props }, category.expand && children));
     }
 }

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;;;+FAG+F;AAC/F;;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;AAmB/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,6DAA6D;QAC7D,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,kBAAkB,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACnF,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,MAAK,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,eAAe,0CAAE,yBAAyB,CAAA,CAAC,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC;QACnK,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC;YACvB,CAAC,oBAAC,eAAe,IAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,UAAU,EAAE,SAAS,CAAC,eAAe,GAAI,CAAC,CAAC,CAAC;YACxH,QAAQ,CAAC,KAAK,CAAC;QACjB,OAAO,CACL,oBAAC,eAAe,IACd,UAAU,EAAE,QAAQ,CAAC,MAAM,EAC3B,QAAQ,EAAE,IAAI,CAAC,aAAa,EAC5B,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,OAAO,KACR,KAAK,IAER,QAAQ,CAAC,MAAM,IAAI,QAAQ,CACZ,CACnB,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module PropertyGrid\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport type { CommonProps } from \"@itwin/core-react\";\r\nimport { ExpandableBlock } from \"@itwin/itwinui-react\";\r\nimport { HighlightedText } from \"../../common/HighlightedText\";\r\nimport type { HighlightingComponentProps } from \"../../common/HighlightingComponentProps\";\r\nimport type { PropertyCategory } from \"../PropertyDataProvider\";\r\n\r\n/**\r\n * Properties for the [[PropertyCategoryBlock]] React component\r\n * @public\r\n */\r\nexport interface PropertyCategoryBlockProps extends CommonProps {\r\n  /** Category of the properties */\r\n  category: PropertyCategory;\r\n  /** Callback to when PropertyCategoryBlock gets expended or collapsed */\r\n  onExpansionToggled?: (categoryName: string) => void;\r\n  /** Properties used for highlighting */\r\n  highlight?: HighlightingComponentProps;\r\n  /** Content */\r\n  children?: React.ReactNode;\r\n}\r\n\r\n/**\r\n * PropertyCategoryBlock React component\r\n * @public\r\n */\r\nexport class PropertyCategoryBlock extends React.Component<PropertyCategoryBlockProps> {\r\n  constructor(props: PropertyCategoryBlockProps) {\r\n    super(props);\r\n  }\r\n\r\n  private toggleExpansion() {\r\n    if (this.props.onExpansionToggled)\r\n      this.props.onExpansionToggled(this.props.category.name);\r\n  }\r\n\r\n  private _handleToggle = (_isExpanding: boolean): void => {\r\n    this.toggleExpansion();\r\n  };\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    const { highlight, category, children, onExpansionToggled, ...props } = this.props;\r\n    const activeMatchIndex = this.props.category.name === highlight?.activeHighlight?.highlightedItemIdentifier ? highlight.activeHighlight.highlightIndex : undefined;\r\n    const label = highlight ?\r\n      (<HighlightedText text={category.label} activeMatchIndex={activeMatchIndex} searchText={highlight.highlightedText} />) :\r\n      category.label;\r\n    return (\r\n      <ExpandableBlock\r\n        isExpanded={category.expand}\r\n        onToggle={this._handleToggle}\r\n        title={label}\r\n        size=\"small\"\r\n        {...props}\r\n      >\r\n        {category.expand && children}\r\n      </ExpandableBlock>\r\n    );\r\n  }\r\n}\r\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;AAmB/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,IACd,UAAU,EAAE,QAAQ,CAAC,MAAM,EAC3B,QAAQ,EAAE,IAAI,CAAC,aAAa,EAC5B,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,OAAO,KACR,KAAK,IAER,QAAQ,CAAC,MAAM,IAAI,QAAQ,CACZ,CACnB,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 */\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, ...props } =\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\n        isExpanded={category.expand}\n        onToggle={this._handleToggle}\n        title={label}\n        size=\"small\"\n        {...props}\n      >\n        {category.expand && children}\n      </ExpandableBlock>\n    );\n  }\n}\n"]}