@itwin/components-react 4.0.0-dev.1 → 4.0.0-dev.11

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

@@ -27,7 +27,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TableNonPrimitiveValueRenderer = void 0;
-require("./NonPrimitiveValueRenderer.scss");
 const React = __importStar(require("react"));
 const core_react_1 = require("@itwin/core-react");
 /**

package/lib/cjs/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,4CAA0C;AAC1C,6CAA+B;AAE/B,kDAAkE;AAqClE;;;;GAIG;AACH,MAAa,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,6BAAgB;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;AA5DD,wEA4DC","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 \"./NonPrimitiveValueRenderer.scss\";\r\nimport * as React from \"react\";\r\nimport { PropertyRecord } from \"@itwin/appui-abstract\";\r\nimport { Orientation, UnderlinedButton } from \"@itwin/core-react\";\r\nimport { 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;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAE/B,kDAAkE;AAqClE;;;;GAIG;AACH,MAAa,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,6BAAgB;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;AA5DD,wEA4DC","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 { PropertyRecord } from \"@itwin/appui-abstract\";\r\nimport { Orientation, UnderlinedButton } from \"@itwin/core-react\";\r\nimport { 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"]}

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

@@ -16,6 +16,8 @@ export interface PropertyCategoryBlockProps extends CommonProps {
     onExpansionToggled?: (categoryName: string) => void;
     /** Properties used for highlighting */
     highlight?: HighlightingComponentProps;
+    /** Content */
+    children?: React.ReactNode;
 }
 /**
  * PropertyCategoryBlock React component

package/lib/cjs/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,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AACrF,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D;;;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;CACxC;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,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AACrF,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D;;;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"}

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

@@ -1 +1 @@
-{"version":3,"file":"PropertyCategoryBlock.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyCategoryBlock.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAE/B,wDAAuD;AACvD,kEAA+D;AAiB/D;;;GAGG;AACH,MAAa,qBAAsB,SAAQ,KAAK,CAAC,SAAqC;IACpF,YAAY,KAAiC;QAC3C,KAAK,CAAC,KAAK,CAAC,CAAC;QAQP,kBAAa,GAAG,CAAC,YAAqB,EAAQ,EAAE;YACtD,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC,CAAC;IATF,CAAC;IAEO,eAAe;QACrB,IAAI,IAAI,CAAC,KAAK,CAAC,kBAAkB;YAC/B,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC5D,CAAC;IAMD,gBAAgB;IACA,MAAM;;QACpB,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,iCAAe,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,+BAAe,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;AAlCD,sDAkCC","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 { CommonProps } from \"@itwin/core-react\";\r\nimport { ExpandableBlock } from \"@itwin/itwinui-react\";\r\nimport { HighlightedText } from \"../../common/HighlightedText\";\r\nimport { HighlightingComponentProps } from \"../../common/HighlightingComponentProps\";\r\nimport { 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}\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;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAE/B,wDAAuD;AACvD,kEAA+D;AAmB/D;;;GAGG;AACH,MAAa,qBAAsB,SAAQ,KAAK,CAAC,SAAqC;IACpF,YAAY,KAAiC;QAC3C,KAAK,CAAC,KAAK,CAAC,CAAC;QAQP,kBAAa,GAAG,CAAC,YAAqB,EAAQ,EAAE;YACtD,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC,CAAC;IATF,CAAC;IAEO,eAAe;QACrB,IAAI,IAAI,CAAC,KAAK,CAAC,kBAAkB;YAC/B,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC5D,CAAC;IAMD,gBAAgB;IACA,MAAM;;QACpB,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,iCAAe,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,+BAAe,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;AAlCD,sDAkCC","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 { CommonProps } from \"@itwin/core-react\";\r\nimport { ExpandableBlock } from \"@itwin/itwinui-react\";\r\nimport { HighlightedText } from \"../../common/HighlightedText\";\r\nimport { HighlightingComponentProps } from \"../../common/HighlightingComponentProps\";\r\nimport { 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"]}

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

@@ -15,15 +15,6 @@ export interface PropertyGridProps extends CommonPropertyGridProps {
     /** Property data provider */
     dataProvider: IPropertyDataProvider;
 }
-/** Property Category in the [[PropertyGrid]] state
- * @public
- * @deprecated in 2.x. This was part of [[PropertyGrid]] internal state and should've never been public. The component is not using it anymore.
- */
-export interface PropertyGridCategory {
-    propertyCategory: PropertyCategory;
-    propertyCount: number;
-    properties: PropertyRecord[];
-}
 interface CategorizedPropertyGridRecords {
     category: PropertyCategory;
     records: PropertyRecord[];

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

@@ -1 +1 @@
-{"version":3,"file":"PropertyGrid.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyGrid.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,qBAAqB,CAAC;AAG7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,WAAW,EAA8B,MAAM,mBAAmB,CAAC;AAE5E,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAgB,MAAM,yBAAyB,CAAC;AAGhG,OAAO,EAAE,uBAAuB,EAAuB,MAAM,uBAAuB,CAAC;AAIrF;;;GAGG;AACH,MAAM,WAAW,iBAAkB,SAAQ,uBAAuB;IAChE,6BAA6B;IAC7B,YAAY,EAAE,qBAAqB,CAAC;CACrC;AAED;;;GAGG;AACH,MAAM,WAAW,oBAAoB;IACnC,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,cAAc,EAAE,CAAC;CAC9B;AAED,UAAU,8BAA8B;IACtC,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,QAAQ,EAAE,8BAA8B,EAAE,CAAC;CAC5C;AAED;;GAEG;AACH,UAAU,iBAAiB;IACzB,sCAAsC;IACtC,UAAU,EAAE,8BAA8B,EAAE,CAAC;IAC7C,mDAAmD;IACnD,WAAW,EAAE,WAAW,CAAC;IACzB,uEAAuE;IACvE,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;IACrF,OAAO,CAAC,+BAA+B,CAAC,CAAc;IACtD,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,gBAAgB,CAAS;IACjC,OAAO,CAAC,sBAAsB,CAAS;IAEvC,gBAAgB;gBACJ,KAAK,EAAE,iBAAiB;IASpC,gBAAgB;IACA,iBAAiB;IAQjC,gBAAgB;IACA,oBAAoB;IASpB,kBAAkB,CAAC,SAAS,EAAE,iBAAiB;IAiB/D,OAAO,CAAC,sBAAsB,CAG5B;YAEY,UAAU;IAyCxB,OAAO,CAAC,uBAAuB;IAI/B,OAAO,CAAC,SAAS,CAEf;IAEF,OAAO,CAAC,2BAA2B,CAWjC;IAEF,OAAO,CAAC,iBAAiB;IAQzB,gBAAgB;IACA,MAAM;CA4CvB"}
+{"version":3,"file":"PropertyGrid.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyGrid.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,qBAAqB,CAAC;AAG7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,WAAW,EAA8B,MAAM,mBAAmB,CAAC;AAE5E,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAgB,MAAM,yBAAyB,CAAC;AAGhG,OAAO,EAAE,uBAAuB,EAAuB,MAAM,uBAAuB,CAAC;AAIrF;;;GAGG;AACH,MAAM,WAAW,iBAAkB,SAAQ,uBAAuB;IAChE,6BAA6B;IAC7B,YAAY,EAAE,qBAAqB,CAAC;CACrC;AAED,UAAU,8BAA8B;IACtC,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,QAAQ,EAAE,8BAA8B,EAAE,CAAC;CAC5C;AAED;;GAEG;AACH,UAAU,iBAAiB;IACzB,sCAAsC;IACtC,UAAU,EAAE,8BAA8B,EAAE,CAAC;IAC7C,mDAAmD;IACnD,WAAW,EAAE,WAAW,CAAC;IACzB,uEAAuE;IACvE,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;IACrF,OAAO,CAAC,+BAA+B,CAAC,CAAc;IACtD,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,gBAAgB,CAAS;IACjC,OAAO,CAAC,sBAAsB,CAAS;IAEvC,gBAAgB;gBACJ,KAAK,EAAE,iBAAiB;IASpC,gBAAgB;IACA,iBAAiB;IAQjC,gBAAgB;IACA,oBAAoB;IASpB,kBAAkB,CAAC,SAAS,EAAE,iBAAiB;IAiB/D,OAAO,CAAC,sBAAsB,CAG5B;YAEY,UAAU;IAyCxB,OAAO,CAAC,uBAAuB;IAI/B,OAAO,CAAC,SAAS,CAEf;IAEF,OAAO,CAAC,2BAA2B,CAWjC;IAEF,OAAO,CAAC,iBAAiB;IAQzB,gBAAgB;IACA,MAAM;CA4CvB"}

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

@@ -1 +1 @@
-{"version":3,"file":"PropertyGrid.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyGrid.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;;;;;;;;;;;;;;;;;;;;;;;;;AAE/F;;GAEG;AACH,+BAA6B;AAC7B,4DAAoC;AACpC,iCAAgC;AAChC,6CAA+B;AAG/B,kDAA4E;AAC5E,gEAA6D;AAE7D,uGAA0I;AAC1I,mEAAgE;AAChE,+DAAqF;AACrF,qGAAkG;AAClG,iDAAiE;AAyCjE;;;GAGG;AACH,MAAa,YAAa,SAAQ,KAAK,CAAC,SAA+C;IAMrF,gBAAgB;IAChB,YAAY,KAAwB;QAClC,KAAK,CAAC,KAAK,CAAC,CAAC;QANP,eAAU,GAAG,KAAK,CAAC;QACnB,qBAAgB,GAAG,KAAK,CAAC;QACzB,2BAAsB,GAAG,KAAK,CAAC;QAgD/B,2BAAsB,GAAG,GAAG,EAAE;YACpC,mEAAmE;YACnE,IAAI,CAAC,UAAU,EAAE,CAAC;QACpB,CAAC,CAAC;QA+CM,cAAS,GAAG,CAAC,KAAa,EAAE,EAAE;YACpC,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC,CAAC;QAEM,gCAA2B,GAAG,CAAC,YAAoB,EAAE,EAAE;YAC7D,IAAI,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;gBACtB,OAAO,IAAA,eAAO,EAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;oBAC9B,MAAM,OAAO,GAAG,YAAY,CAAC,KAAK,CAAC,UAAU,EAAE,YAAY,EAAE,IAAI,CAAC,CAAC;oBACnE,uBAAuB;oBACvB,IAAI,OAAO,EAAE;wBACX,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;wBAClC,QAAQ,CAAC,MAAM,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC;qBACpC;gBACH,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QA5GA,IAAI,CAAC,KAAK,GAAG;YACX,UAAU,EAAE,EAAE;YACd,WAAW,EAAE,IAAI,CAAC,uBAAuB,EAAE;YAC3C,KAAK,EAAE,CAAC;SACT,CAAC;IACJ,CAAC;IAED,gBAAgB;IACA,iBAAiB;QAC/B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,+BAA+B,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;QAEtH,mEAAmE;QACnE,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAED,gBAAgB;IACA,oBAAoB;QAClC,uBAAuB;QACvB,IAAI,IAAI,CAAC,+BAA+B,EAAE;YACxC,IAAI,CAAC,+BAA+B,EAAE,CAAC;YACvC,IAAI,CAAC,+BAA+B,GAAG,SAAS,CAAC;SAClD;QACD,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;IAC1B,CAAC;IAEe,kBAAkB,CAAC,SAA4B;QAC7D,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,KAAK,SAAS,CAAC,YAAY,EAAE;YACtD,uBAAuB;YACvB,IAAI,IAAI,CAAC,+BAA+B;gBACtC,IAAI,CAAC,+BAA+B,EAAE,CAAC;YACzC,IAAI,CAAC,+BAA+B,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;YAEtH,mEAAmE;YACnE,IAAI,CAAC,UAAU,EAAE,CAAC;SACnB;QAED,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,SAAS,CAAC,WAAW;eAC/C,IAAI,CAAC,KAAK,CAAC,kBAAkB,KAAK,SAAS,CAAC,kBAAkB;eAC9D,IAAI,CAAC,KAAK,CAAC,6BAA6B,KAAK,SAAS,CAAC,6BAA6B;YACvF,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC7C,CAAC;IAOO,KAAK,CAAC,UAAU;QACtB,IAAI,IAAI,CAAC,gBAAgB,EAAE;YACzB,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;YACnC,OAAO;SACR;QAED,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,IAAI,EAAE,EAAE,CAAC,CAAC;QAE3E,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;QAC7B,IAAI,YAA0B,CAAC;QAC/B,IAAI;YACF,YAAY,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;SACxD;gBAAS;YACR,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;SAC/B;QAED,IAAI,CAAC,IAAI,CAAC,UAAU;YAClB,OAAO;QAET,IAAI,IAAI,CAAC,sBAAsB,EAAE;YAC/B,IAAI,CAAC,sBAAsB,GAAG,KAAK,CAAC;YACpC,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC;SAC1B;QAED,IAAI,CAAC,QAAQ,CAAC,CAAC,SAAS,EAAE,EAAE;YAC1B,MAAM,wBAAwB,GAAG,CAAC,aAAiC,EAAE,eAA6D,EAAE,EAAE,CACpI,aAAa,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAkC,EAAE;;gBAC7D,MAAM,qBAAqB,GAAG,YAAY,CAAC,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,EAAE,EAAE,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;gBACxF,OAAO;oBACL,QAAQ,EAAE,EAAE,GAAG,QAAQ,EAAE,MAAM,EAAE,MAAA,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,QAAQ,0CAAE,MAAM,mCAAI,QAAQ,CAAC,MAAM,EAAE;oBAC7F,OAAO,EAAE,MAAA,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,mCAAI,EAAE;oBAClD,QAAQ,EAAE,wBAAwB,CAAC,MAAA,QAAQ,CAAC,eAAe,mCAAI,EAAE,EAAE,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,QAAQ,CAAC;iBACpG,CAAC;YACJ,CAAC,CAAC,CAAC;YACL,OAAO;gBACL,UAAU,EAAE,wBAAwB,CAAC,YAAY,CAAC,UAAU,EAAE,SAAS,CAAC,UAAU,CAAC;gBACnF,SAAS,EAAE,SAAS;aACrB,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,uBAAuB;QAC7B,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,wBAAW,CAAC,UAAU,CAAC;IAClG,CAAC;IAmBO,iBAAiB,CAAC,KAAa;QACrC,MAAM,EAAE,WAAW,EAAE,kBAAkB,EAAE,6BAA6B,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;QAC7F,MAAM,kBAAkB,GAAG,yCAAmB,CAAC,qBAAqB,CAAC,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,6BAA6B,CAAC,CAAC;QAE5I,IAAI,kBAAkB,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,KAAK;YAC7E,IAAI,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,kBAAkB,EAAE,KAAK,EAAE,CAAC,CAAC;IAC9D,CAAC;IAED,gBAAgB;IACA,MAAM;;QACpB,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YACxB,OAAO,CACL,6BAAK,SAAS,EAAC,iCAAiC;gBAC9C,oBAAC,+BAAc,IAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,IAAI,EAAC,OAAO,GAAG,CAC5D,CACP,CAAC;SACH;QAED,OAAO,CACL,oBAAC,+EAAsC,IACrC,0BAA0B,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,0BAA0B,mCAAI,KAAK,EAC1E,sCAAsC,EAAE,IAAI,CAAC,KAAK,CAAC,sCAAsC,EACzF,wBAAwB,EAAE,IAAI,CAAC,KAAK,CAAC,wBAAwB,EAC7D,sBAAsB,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,sBAAsB,mCAAI,KAAK,EAClE,qBAAqB,EAAE,IAAI,CAAC,KAAK,CAAC,qBAAqB,EACvD,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAC/C,0BAA0B,EAAE,IAAI,CAAC,KAAK,CAAC,0BAA0B,IAEhE,CAAC,gBAAgB,EAAE,EAAE,CAAC,CACrB,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,kCAAkC,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YAC3G,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,0BAA0B,EAAE,6BAA6B,CAAC;gBACnF,6BAAK,SAAS,EAAC,qBAAqB,IAEhC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,kBAAkD,EAAE,EAAE,CAAC,CAChF,oBAAC,mBAAmB,OACd,gBAAgB,EACpB,GAAG,EAAE,kBAAkB,CAAC,QAAQ,CAAC,IAAI,EACrC,kBAAkB,EAAE,kBAAkB,EACtC,0BAA0B,EAAE,IAAI,CAAC,2BAA2B,EAC5D,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,4BAA4B,EAAE,IAAI,CAAC,KAAK,CAAC,4BAA4B,EACrE,qBAAqB,EAAE,IAAI,CAAC,KAAK,CAAC,qBAAqB,GACvD,CACH,CAAC,CAEA,CACF;YACN,oBAAC,uCAA0B,IAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,GAAI,CACpD,CACP,CACsC,CAC1C,CAAC;IACJ,CAAC;CACF;AA5KD,oCA4KC;AAED,SAAS,YAAY,CAAC,UAA4C,EAAE,UAAkB,EAAE,mBAA4B;IAClH,KAAK,MAAM,QAAQ,IAAI,UAAU,EAAE;QACjC,IAAI,QAAQ,CAAC,QAAQ,CAAC,IAAI,KAAK,UAAU;YACvC,OAAO,QAAQ,CAAC;QAClB,IAAI,mBAAmB,EAAE;YACvB,MAAM,aAAa,GAAG,YAAY,CAAC,QAAQ,CAAC,QAAQ,EAAE,UAAU,EAAE,mBAAmB,CAAC,CAAC;YACvF,IAAI,aAAa;gBACf,OAAO,aAAa,CAAC;SACxB;KACF;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAOD,SAAS,mBAAmB,CAAC,KAA+B;IAC1D,OAAO,CACL,oBAAC,6CAAqB,IACpB,QAAQ,EAAE,KAAK,CAAC,kBAAkB,CAAC,QAAQ,EAC3C,kBAAkB,EAAE,KAAK,CAAC,0BAA0B;QAEnD,KAAK,CAAC,kBAAkB,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CACzC,oBAAC,iFAAuC,IAAC,WAAW,EAAE,KAAK,CAAC,WAAW,IACpE,CAAC,gBAAsD,EAAE,EAAE,CAAC,CAC3D,oBAAC,2BAAY,OACP,gBAAgB,EACpB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,QAAQ,EAAE,KAAK,CAAC,kBAAkB,CAAC,QAAQ,EAC3C,UAAU,EAAE,KAAK,CAAC,kBAAkB,CAAC,OAAO,EAC5C,mBAAmB,EAAE,KAAK,CAAC,mBAAmB,EAC9C,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,sBAAsB,EAAE,KAAK,CAAC,sBAAsB,EACpD,qBAAqB,EAAE,KAAK,CAAC,qBAAqB,EAClD,4BAA4B,EAAE,KAAK,CAAC,4BAA4B,EAChE,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,EAC5C,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,sBAAsB,EAAE,KAAK,CAAC,sBAAsB,EACpD,0BAA0B,EAAE,KAAK,CAAC,0BAA0B,EAC5D,oCAAoC,EAAE,KAAK,CAAC,oCAAoC,EAChF,qBAAqB,EAAE,KAAK,CAAC,qBAAqB,GAClD,CACH,CACuC,CAC3C,CAAC,CAAC,CAAC,SAAS;QACZ,KAAK,CAAC,kBAAkB,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAC1C,6BAAK,SAAS,EAAC,qBAAqB,IAEhC,KAAK,CAAC,kBAAkB,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,uBAAuB,EAAE,EAAE,CAAC,CACjE,oBAAC,mBAAmB,OAAK,KAAK,EAAE,GAAG,EAAE,uBAAuB,CAAC,QAAQ,CAAC,IAAI,EAAE,kBAAkB,EAAE,uBAAuB,GAAI,CAC5H,CAAC,CAEA,CACP,CAAC,CAAC,CAAC,SAAS,CACS,CACzB,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\n\r\n/** @packageDocumentation\r\n * @module PropertyGrid\r\n */\r\nimport \"./PropertyGrid.scss\";\r\nimport classnames from \"classnames\";\r\nimport { produce } from \"immer\";\r\nimport * as React from \"react\";\r\nimport { DisposeFunc } from \"@itwin/core-bentley\";\r\nimport { PropertyRecord } from \"@itwin/appui-abstract\";\r\nimport { Orientation, ResizableContainerObserver } from \"@itwin/core-react\";\r\nimport { DelayedSpinner } from \"../../common/DelayedSpinner\";\r\nimport { IPropertyDataProvider, PropertyCategory, PropertyData } from \"../PropertyDataProvider\";\r\nimport { ColumnResizeRelatedPropertyListProps, ColumnResizingPropertyListPropsSupplier } from \"./ColumnResizingPropertyListPropsSupplier\";\r\nimport { PropertyCategoryBlock } from \"./PropertyCategoryBlock\";\r\nimport { CommonPropertyGridProps, PropertyGridCommons } from \"./PropertyGridCommons\";\r\nimport { PropertyGridEventsRelatedPropsSupplier } from \"./PropertyGridEventsRelatedPropsSupplier\";\r\nimport { PropertyList, PropertyListProps } from \"./PropertyList\";\r\n\r\n/** Properties for [[PropertyGrid]] React component\r\n * @public\r\n * @deprecated in 3.x. Use [[VirtualizedPropertyGrid]] instead.\r\n */\r\nexport interface PropertyGridProps extends CommonPropertyGridProps {\r\n  /** Property data provider */\r\n  dataProvider: IPropertyDataProvider;\r\n}\r\n\r\n/** Property Category in the [[PropertyGrid]] state\r\n * @public\r\n * @deprecated in 2.x. This was part of [[PropertyGrid]] internal state and should've never been public. The component is not using it anymore.\r\n */\r\nexport interface PropertyGridCategory {\r\n  propertyCategory: PropertyCategory;\r\n  propertyCount: number;\r\n  properties: PropertyRecord[];\r\n}\r\n\r\ninterface CategorizedPropertyGridRecords {\r\n  category: PropertyCategory;\r\n  records: PropertyRecord[];\r\n  children: CategorizedPropertyGridRecords[];\r\n}\r\n\r\n/** State of [[PropertyGrid]] React component\r\n * @internal\r\n */\r\ninterface PropertyGridState {\r\n  /** List of PropertyGrid categories */\r\n  categories: CategorizedPropertyGridRecords[];\r\n  /** Actual orientation used by the property grid */\r\n  orientation: Orientation;\r\n  /** If property grid currently loading data, the loading start time  */\r\n  loadStart?: Date;\r\n  /** Width of PropertyGrid */\r\n  width: number;\r\n}\r\n\r\n/** PropertyGrid React component.\r\n * @public\r\n * @deprecated in 3.x. Use [[VirtualizedPropertyGrid]] instead.\r\n */\r\nexport class PropertyGrid extends React.Component<PropertyGridProps, PropertyGridState> { // eslint-disable-line deprecation/deprecation\r\n  private _dataChangesListenerDisposeFunc?: DisposeFunc;\r\n  private _isMounted = false;\r\n  private _isInDataRequest = false;\r\n  private _hasPendingDataRequest = false;\r\n\r\n  /** @internal */\r\n  constructor(props: PropertyGridProps) { // eslint-disable-line deprecation/deprecation\r\n    super(props);\r\n    this.state = {\r\n      categories: [],\r\n      orientation: this.getPreferredOrientation(),\r\n      width: 0,\r\n    };\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentDidMount() {\r\n    this._isMounted = true;\r\n    this._dataChangesListenerDisposeFunc = this.props.dataProvider.onDataChanged.addListener(this._onPropertyDataChanged);\r\n\r\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\r\n    this.gatherData();\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentWillUnmount() {\r\n    // istanbul ignore else\r\n    if (this._dataChangesListenerDisposeFunc) {\r\n      this._dataChangesListenerDisposeFunc();\r\n      this._dataChangesListenerDisposeFunc = undefined;\r\n    }\r\n    this._isMounted = false;\r\n  }\r\n\r\n  public override componentDidUpdate(prevProps: PropertyGridProps) { // eslint-disable-line deprecation/deprecation\r\n    if (this.props.dataProvider !== prevProps.dataProvider) {\r\n      // istanbul ignore else\r\n      if (this._dataChangesListenerDisposeFunc)\r\n        this._dataChangesListenerDisposeFunc();\r\n      this._dataChangesListenerDisposeFunc = this.props.dataProvider.onDataChanged.addListener(this._onPropertyDataChanged);\r\n\r\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\r\n      this.gatherData();\r\n    }\r\n\r\n    if (this.props.orientation !== prevProps.orientation\r\n      || this.props.isOrientationFixed !== prevProps.isOrientationFixed\r\n      || this.props.horizontalOrientationMinWidth !== prevProps.horizontalOrientationMinWidth)\r\n      this.updateOrientation(this.state.width);\r\n  }\r\n\r\n  private _onPropertyDataChanged = () => {\r\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\r\n    this.gatherData();\r\n  };\r\n\r\n  private async gatherData(): Promise<void> {\r\n    if (this._isInDataRequest) {\r\n      this._hasPendingDataRequest = true;\r\n      return;\r\n    }\r\n\r\n    this.setState((prev) => prev.loadStart ? null : { loadStart: new Date() });\r\n\r\n    this._isInDataRequest = true;\r\n    let propertyData: PropertyData;\r\n    try {\r\n      propertyData = await this.props.dataProvider.getData();\r\n    } finally {\r\n      this._isInDataRequest = false;\r\n    }\r\n\r\n    if (!this._isMounted)\r\n      return;\r\n\r\n    if (this._hasPendingDataRequest) {\r\n      this._hasPendingDataRequest = false;\r\n      return this.gatherData();\r\n    }\r\n\r\n    this.setState((prevState) => {\r\n      const buildCategoriesHierarchy = (newCategories: PropertyCategory[], stateCategories: CategorizedPropertyGridRecords[] | undefined) =>\r\n        newCategories.map((category): CategorizedPropertyGridRecords => {\r\n          const matchingStateCategory = findCategory(stateCategories ?? [], category.name, false);\r\n          return {\r\n            category: { ...category, expand: matchingStateCategory?.category?.expand ?? category.expand },\r\n            records: propertyData.records[category.name] ?? [],\r\n            children: buildCategoriesHierarchy(category.childCategories ?? [], matchingStateCategory?.children),\r\n          };\r\n        });\r\n      return {\r\n        categories: buildCategoriesHierarchy(propertyData.categories, prevState.categories),\r\n        loadStart: undefined,\r\n      };\r\n    });\r\n  }\r\n\r\n  private getPreferredOrientation(): Orientation {\r\n    return (this.props.orientation !== undefined) ? this.props.orientation : Orientation.Horizontal;\r\n  }\r\n\r\n  private _onResize = (width: number) => {\r\n    this.updateOrientation(width);\r\n  };\r\n\r\n  private _onCategoryExpansionToggled = (categoryName: string) => {\r\n    this.setState((state) => {\r\n      return produce(state, (draft) => {\r\n        const records = findCategory(draft.categories, categoryName, true);\r\n        // istanbul ignore else\r\n        if (records) {\r\n          const category = records.category;\r\n          category.expand = !category.expand;\r\n        }\r\n      });\r\n    });\r\n  };\r\n\r\n  private updateOrientation(width: number): void {\r\n    const { orientation, isOrientationFixed, horizontalOrientationMinWidth } = { ...this.props };\r\n    const currentOrientation = PropertyGridCommons.getCurrentOrientation(width, orientation, isOrientationFixed, horizontalOrientationMinWidth);\r\n\r\n    if (currentOrientation !== this.state.orientation || width !== this.state.width)\r\n      this.setState({ orientation: currentOrientation, width });\r\n  }\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    if (this.state.loadStart) {\r\n      return (\r\n        <div className=\"components-property-grid-loader\">\r\n          <DelayedSpinner loadStart={this.state.loadStart} size=\"large\" />\r\n        </div>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <PropertyGridEventsRelatedPropsSupplier\r\n        isPropertySelectionEnabled={this.props.isPropertySelectionEnabled ?? false}\r\n        isPropertySelectionOnRightClickEnabled={this.props.isPropertySelectionOnRightClickEnabled}\r\n        isPropertyEditingEnabled={this.props.isPropertyEditingEnabled}\r\n        isPropertyHoverEnabled={this.props.isPropertyHoverEnabled ?? false}\r\n        onPropertyContextMenu={this.props.onPropertyContextMenu}\r\n        onPropertyUpdated={this.props.onPropertyUpdated}\r\n        onPropertySelectionChanged={this.props.onPropertySelectionChanged}\r\n      >\r\n        {(selectionContext) => (\r\n          <div className={classnames(\"components-property-grid-wrapper\", this.props.className)} style={this.props.style}>\r\n            <div className={classnames(\"components-property-grid\", \"components-smallEditor-host\")}>\r\n              <div className=\"property-categories\">\r\n                {\r\n                  this.state.categories.map((categorizedRecords: CategorizedPropertyGridRecords) => (\r\n                    <NestedCategoryBlock\r\n                      {...selectionContext}\r\n                      key={categorizedRecords.category.name}\r\n                      categorizedRecords={categorizedRecords}\r\n                      onCategoryExpansionToggled={this._onCategoryExpansionToggled}\r\n                      orientation={this.state.orientation}\r\n                      propertyValueRendererManager={this.props.propertyValueRendererManager}\r\n                      actionButtonRenderers={this.props.actionButtonRenderers}\r\n                    />\r\n                  ))\r\n                }\r\n              </div>\r\n            </div>\r\n            <ResizableContainerObserver onResize={this._onResize} />\r\n          </div>\r\n        )}\r\n      </PropertyGridEventsRelatedPropsSupplier>\r\n    );\r\n  }\r\n}\r\n\r\nfunction findCategory(categories: CategorizedPropertyGridRecords[], lookupName: string, recurseIntoChildren: boolean): CategorizedPropertyGridRecords | undefined {\r\n  for (const category of categories) {\r\n    if (category.category.name === lookupName)\r\n      return category;\r\n    if (recurseIntoChildren) {\r\n      const matchingChild = findCategory(category.children, lookupName, recurseIntoChildren);\r\n      if (matchingChild)\r\n        return matchingChild;\r\n    }\r\n  }\r\n  return undefined;\r\n}\r\n\r\ninterface NestedCategoryBlockProps extends Omit<PropertyListProps, (keyof ColumnResizeRelatedPropertyListProps) | \"properties\"> {\r\n  categorizedRecords: CategorizedPropertyGridRecords;\r\n  onCategoryExpansionToggled: (categoryName: string) => void;\r\n  orientation: Orientation;\r\n}\r\nfunction NestedCategoryBlock(props: NestedCategoryBlockProps) {\r\n  return (\r\n    <PropertyCategoryBlock\r\n      category={props.categorizedRecords.category}\r\n      onExpansionToggled={props.onCategoryExpansionToggled}\r\n    >\r\n      {props.categorizedRecords.records.length ? (\r\n        <ColumnResizingPropertyListPropsSupplier orientation={props.orientation}>\r\n          {(partialListProps: ColumnResizeRelatedPropertyListProps) => (\r\n            <PropertyList\r\n              {...partialListProps}\r\n              orientation={props.orientation}\r\n              category={props.categorizedRecords.category}\r\n              properties={props.categorizedRecords.records}\r\n              selectedPropertyKey={props.selectedPropertyKey}\r\n              onPropertyClicked={props.onPropertyClicked}\r\n              onPropertyRightClicked={props.onPropertyRightClicked}\r\n              onPropertyContextMenu={props.onPropertyContextMenu}\r\n              propertyValueRendererManager={props.propertyValueRendererManager}\r\n              editingPropertyKey={props.editingPropertyKey}\r\n              onEditCommit={props.onEditCommit}\r\n              onEditCancel={props.onEditCancel}\r\n              isPropertyHoverEnabled={props.isPropertyHoverEnabled}\r\n              isPropertySelectionEnabled={props.isPropertySelectionEnabled}\r\n              isPropertyRightClickSelectionEnabled={props.isPropertyRightClickSelectionEnabled}\r\n              actionButtonRenderers={props.actionButtonRenderers}\r\n            />\r\n          )}\r\n        </ColumnResizingPropertyListPropsSupplier>\r\n      ) : undefined}\r\n      {props.categorizedRecords.children.length ? (\r\n        <div className=\"property-categories\">\r\n          {\r\n            props.categorizedRecords.children.map((categorizedChildRecords) => (\r\n              <NestedCategoryBlock {...props} key={categorizedChildRecords.category.name} categorizedRecords={categorizedChildRecords} />\r\n            ))\r\n          }\r\n        </div>\r\n      ) : undefined}\r\n    </PropertyCategoryBlock>\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"PropertyGrid.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyGrid.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n\r\n/** @packageDocumentation\r\n * @module PropertyGrid\r\n */\r\nimport \"./PropertyGrid.scss\";\r\nimport classnames from \"classnames\";\r\nimport { produce } from \"immer\";\r\nimport * as React from \"react\";\r\nimport { DisposeFunc } from \"@itwin/core-bentley\";\r\nimport { PropertyRecord } from \"@itwin/appui-abstract\";\r\nimport { Orientation, ResizableContainerObserver } from \"@itwin/core-react\";\r\nimport { DelayedSpinner } from \"../../common/DelayedSpinner\";\r\nimport { IPropertyDataProvider, PropertyCategory, PropertyData } from \"../PropertyDataProvider\";\r\nimport { ColumnResizeRelatedPropertyListProps, ColumnResizingPropertyListPropsSupplier } from \"./ColumnResizingPropertyListPropsSupplier\";\r\nimport { PropertyCategoryBlock } from \"./PropertyCategoryBlock\";\r\nimport { CommonPropertyGridProps, PropertyGridCommons } from \"./PropertyGridCommons\";\r\nimport { PropertyGridEventsRelatedPropsSupplier } from \"./PropertyGridEventsRelatedPropsSupplier\";\r\nimport { PropertyList, PropertyListProps } from \"./PropertyList\";\r\n\r\n/** Properties for [[PropertyGrid]] React component\r\n * @public\r\n * @deprecated in 3.x. Use [[VirtualizedPropertyGrid]] instead.\r\n */\r\nexport interface PropertyGridProps extends CommonPropertyGridProps {\r\n  /** Property data provider */\r\n  dataProvider: IPropertyDataProvider;\r\n}\r\n\r\ninterface CategorizedPropertyGridRecords {\r\n  category: PropertyCategory;\r\n  records: PropertyRecord[];\r\n  children: CategorizedPropertyGridRecords[];\r\n}\r\n\r\n/** State of [[PropertyGrid]] React component\r\n * @internal\r\n */\r\ninterface PropertyGridState {\r\n  /** List of PropertyGrid categories */\r\n  categories: CategorizedPropertyGridRecords[];\r\n  /** Actual orientation used by the property grid */\r\n  orientation: Orientation;\r\n  /** If property grid currently loading data, the loading start time  */\r\n  loadStart?: Date;\r\n  /** Width of PropertyGrid */\r\n  width: number;\r\n}\r\n\r\n/** PropertyGrid React component.\r\n * @public\r\n * @deprecated in 3.x. Use [[VirtualizedPropertyGrid]] instead.\r\n */\r\nexport class PropertyGrid extends React.Component<PropertyGridProps, PropertyGridState> { // eslint-disable-line deprecation/deprecation\r\n  private _dataChangesListenerDisposeFunc?: DisposeFunc;\r\n  private _isMounted = false;\r\n  private _isInDataRequest = false;\r\n  private _hasPendingDataRequest = false;\r\n\r\n  /** @internal */\r\n  constructor(props: PropertyGridProps) { // eslint-disable-line deprecation/deprecation\r\n    super(props);\r\n    this.state = {\r\n      categories: [],\r\n      orientation: this.getPreferredOrientation(),\r\n      width: 0,\r\n    };\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentDidMount() {\r\n    this._isMounted = true;\r\n    this._dataChangesListenerDisposeFunc = this.props.dataProvider.onDataChanged.addListener(this._onPropertyDataChanged);\r\n\r\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\r\n    this.gatherData();\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentWillUnmount() {\r\n    // istanbul ignore else\r\n    if (this._dataChangesListenerDisposeFunc) {\r\n      this._dataChangesListenerDisposeFunc();\r\n      this._dataChangesListenerDisposeFunc = undefined;\r\n    }\r\n    this._isMounted = false;\r\n  }\r\n\r\n  public override componentDidUpdate(prevProps: PropertyGridProps) { // eslint-disable-line deprecation/deprecation\r\n    if (this.props.dataProvider !== prevProps.dataProvider) {\r\n      // istanbul ignore else\r\n      if (this._dataChangesListenerDisposeFunc)\r\n        this._dataChangesListenerDisposeFunc();\r\n      this._dataChangesListenerDisposeFunc = this.props.dataProvider.onDataChanged.addListener(this._onPropertyDataChanged);\r\n\r\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\r\n      this.gatherData();\r\n    }\r\n\r\n    if (this.props.orientation !== prevProps.orientation\r\n      || this.props.isOrientationFixed !== prevProps.isOrientationFixed\r\n      || this.props.horizontalOrientationMinWidth !== prevProps.horizontalOrientationMinWidth)\r\n      this.updateOrientation(this.state.width);\r\n  }\r\n\r\n  private _onPropertyDataChanged = () => {\r\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\r\n    this.gatherData();\r\n  };\r\n\r\n  private async gatherData(): Promise<void> {\r\n    if (this._isInDataRequest) {\r\n      this._hasPendingDataRequest = true;\r\n      return;\r\n    }\r\n\r\n    this.setState((prev) => prev.loadStart ? null : { loadStart: new Date() });\r\n\r\n    this._isInDataRequest = true;\r\n    let propertyData: PropertyData;\r\n    try {\r\n      propertyData = await this.props.dataProvider.getData();\r\n    } finally {\r\n      this._isInDataRequest = false;\r\n    }\r\n\r\n    if (!this._isMounted)\r\n      return;\r\n\r\n    if (this._hasPendingDataRequest) {\r\n      this._hasPendingDataRequest = false;\r\n      return this.gatherData();\r\n    }\r\n\r\n    this.setState((prevState) => {\r\n      const buildCategoriesHierarchy = (newCategories: PropertyCategory[], stateCategories: CategorizedPropertyGridRecords[] | undefined) =>\r\n        newCategories.map((category): CategorizedPropertyGridRecords => {\r\n          const matchingStateCategory = findCategory(stateCategories ?? [], category.name, false);\r\n          return {\r\n            category: { ...category, expand: matchingStateCategory?.category?.expand ?? category.expand },\r\n            records: propertyData.records[category.name] ?? [],\r\n            children: buildCategoriesHierarchy(category.childCategories ?? [], matchingStateCategory?.children),\r\n          };\r\n        });\r\n      return {\r\n        categories: buildCategoriesHierarchy(propertyData.categories, prevState.categories),\r\n        loadStart: undefined,\r\n      };\r\n    });\r\n  }\r\n\r\n  private getPreferredOrientation(): Orientation {\r\n    return (this.props.orientation !== undefined) ? this.props.orientation : Orientation.Horizontal;\r\n  }\r\n\r\n  private _onResize = (width: number) => {\r\n    this.updateOrientation(width);\r\n  };\r\n\r\n  private _onCategoryExpansionToggled = (categoryName: string) => {\r\n    this.setState((state) => {\r\n      return produce(state, (draft) => {\r\n        const records = findCategory(draft.categories, categoryName, true);\r\n        // istanbul ignore else\r\n        if (records) {\r\n          const category = records.category;\r\n          category.expand = !category.expand;\r\n        }\r\n      });\r\n    });\r\n  };\r\n\r\n  private updateOrientation(width: number): void {\r\n    const { orientation, isOrientationFixed, horizontalOrientationMinWidth } = { ...this.props };\r\n    const currentOrientation = PropertyGridCommons.getCurrentOrientation(width, orientation, isOrientationFixed, horizontalOrientationMinWidth);\r\n\r\n    if (currentOrientation !== this.state.orientation || width !== this.state.width)\r\n      this.setState({ orientation: currentOrientation, width });\r\n  }\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    if (this.state.loadStart) {\r\n      return (\r\n        <div className=\"components-property-grid-loader\">\r\n          <DelayedSpinner loadStart={this.state.loadStart} size=\"large\" />\r\n        </div>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <PropertyGridEventsRelatedPropsSupplier\r\n        isPropertySelectionEnabled={this.props.isPropertySelectionEnabled ?? false}\r\n        isPropertySelectionOnRightClickEnabled={this.props.isPropertySelectionOnRightClickEnabled}\r\n        isPropertyEditingEnabled={this.props.isPropertyEditingEnabled}\r\n        isPropertyHoverEnabled={this.props.isPropertyHoverEnabled ?? false}\r\n        onPropertyContextMenu={this.props.onPropertyContextMenu}\r\n        onPropertyUpdated={this.props.onPropertyUpdated}\r\n        onPropertySelectionChanged={this.props.onPropertySelectionChanged}\r\n      >\r\n        {(selectionContext) => (\r\n          <div className={classnames(\"components-property-grid-wrapper\", this.props.className)} style={this.props.style}>\r\n            <div className={classnames(\"components-property-grid\", \"components-smallEditor-host\")}>\r\n              <div className=\"property-categories\">\r\n                {\r\n                  this.state.categories.map((categorizedRecords: CategorizedPropertyGridRecords) => (\r\n                    <NestedCategoryBlock\r\n                      {...selectionContext}\r\n                      key={categorizedRecords.category.name}\r\n                      categorizedRecords={categorizedRecords}\r\n                      onCategoryExpansionToggled={this._onCategoryExpansionToggled}\r\n                      orientation={this.state.orientation}\r\n                      propertyValueRendererManager={this.props.propertyValueRendererManager}\r\n                      actionButtonRenderers={this.props.actionButtonRenderers}\r\n                    />\r\n                  ))\r\n                }\r\n              </div>\r\n            </div>\r\n            <ResizableContainerObserver onResize={this._onResize} />\r\n          </div>\r\n        )}\r\n      </PropertyGridEventsRelatedPropsSupplier>\r\n    );\r\n  }\r\n}\r\n\r\nfunction findCategory(categories: CategorizedPropertyGridRecords[], lookupName: string, recurseIntoChildren: boolean): CategorizedPropertyGridRecords | undefined {\r\n  for (const category of categories) {\r\n    if (category.category.name === lookupName)\r\n      return category;\r\n    if (recurseIntoChildren) {\r\n      const matchingChild = findCategory(category.children, lookupName, recurseIntoChildren);\r\n      if (matchingChild)\r\n        return matchingChild;\r\n    }\r\n  }\r\n  return undefined;\r\n}\r\n\r\ninterface NestedCategoryBlockProps extends Omit<PropertyListProps, (keyof ColumnResizeRelatedPropertyListProps) | \"properties\"> {\r\n  categorizedRecords: CategorizedPropertyGridRecords;\r\n  onCategoryExpansionToggled: (categoryName: string) => void;\r\n  orientation: Orientation;\r\n}\r\nfunction NestedCategoryBlock(props: NestedCategoryBlockProps) {\r\n  return (\r\n    <PropertyCategoryBlock\r\n      category={props.categorizedRecords.category}\r\n      onExpansionToggled={props.onCategoryExpansionToggled}\r\n    >\r\n      {props.categorizedRecords.records.length ? (\r\n        <ColumnResizingPropertyListPropsSupplier orientation={props.orientation}>\r\n          {(partialListProps: ColumnResizeRelatedPropertyListProps) => (\r\n            <PropertyList\r\n              {...partialListProps}\r\n              orientation={props.orientation}\r\n              category={props.categorizedRecords.category}\r\n              properties={props.categorizedRecords.records}\r\n              selectedPropertyKey={props.selectedPropertyKey}\r\n              onPropertyClicked={props.onPropertyClicked}\r\n              onPropertyRightClicked={props.onPropertyRightClicked}\r\n              onPropertyContextMenu={props.onPropertyContextMenu}\r\n              propertyValueRendererManager={props.propertyValueRendererManager}\r\n              editingPropertyKey={props.editingPropertyKey}\r\n              onEditCommit={props.onEditCommit}\r\n              onEditCancel={props.onEditCancel}\r\n              isPropertyHoverEnabled={props.isPropertyHoverEnabled}\r\n              isPropertySelectionEnabled={props.isPropertySelectionEnabled}\r\n              isPropertyRightClickSelectionEnabled={props.isPropertyRightClickSelectionEnabled}\r\n              actionButtonRenderers={props.actionButtonRenderers}\r\n            />\r\n          )}\r\n        </ColumnResizingPropertyListPropsSupplier>\r\n      ) : undefined}\r\n      {props.categorizedRecords.children.length ? (\r\n        <div className=\"property-categories\">\r\n          {\r\n            props.categorizedRecords.children.map((categorizedChildRecords) => (\r\n              <NestedCategoryBlock {...props} key={categorizedChildRecords.category.name} categorizedRecords={categorizedChildRecords} />\r\n            ))\r\n          }\r\n        </div>\r\n      ) : undefined}\r\n    </PropertyCategoryBlock>\r\n  );\r\n}\r\n"]}

package/lib/cjs/components-react/propertygrid/component/PropertyGrid.scss

@@ -26,7 +26,7 @@
   padding-bottom: 6px;
 
   user-select: none;
-  color: $buic-foreground-body;
+  color: var(--iui-color-text);
 }
 
 .components-property-grid-wrapper {
@@ -41,21 +41,22 @@
 @mixin components-property-list {
   width: 100%;
 
-  .components--selected {
-    background-color: $buic-row-selection;
-    outline: 1px solid $buic-foreground-primary;
+  .components--selected,
+  .components--selected:hover {
+    background-color: var(--iui-color-background-accent-muted);
+    outline: 1px solid var(--iui-color-border-accent);
   }
 
-  .components--clickable {
+  .components--clickable:where(:not(.components--selected)) {
     cursor: pointer;
 
     &:hover {
-      background: $buic-row-hover;
+      background: var(--iui-color-background-hover);
     }
   }
 
   .components--hoverable:hover {
-    background-color: $buic-row-hover;
+    background-color: var(--iui-color-background-hover);
   }
 }
 

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

@@ -146,7 +146,7 @@ class VirtualizedPropertyGrid extends React.Component {
      * @returns current height of node.
      */
     calculateNodeHeight(node) {
-        const categoryHeaderHeight = 35;
+        const categoryHeaderHeight = 38;
         const categoryHeaderPadding = 4;
         const categoryPropertyHeight = 27;
         const bottomBorderPadding = 5;

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

@@ -1 +1 @@
-{"version":3,"file":"VirtualizedPropertyGrid.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/VirtualizedPropertyGrid.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n\r\n/** @packageDocumentation\r\n * @module PropertyGrid\r\n */\r\nimport \"./VirtualizedPropertyGrid.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { areEqual, ListChildComponentProps, VariableSizeList } from \"react-window\";\r\nimport { assert } from \"@itwin/core-bentley\";\r\nimport { PropertyRecord } from \"@itwin/appui-abstract\";\r\nimport { Orientation, RatioChangeResult } from \"@itwin/core-react\";\r\nimport { HighlightingComponentProps } from \"../../common/HighlightingComponentProps\";\r\nimport { createContextWithMandatoryProvider } from \"../../common/UseContextWithMandatoryProvider\";\r\nimport { PropertyUpdatedArgs } from \"../../editors/EditorContainer\";\r\nimport { ActionButtonRenderer } from \"../../properties/renderers/ActionButtonRenderer\";\r\nimport { PropertyGridColumnInfo } from \"../../properties/renderers/PropertyGridColumns\";\r\nimport { PropertyValueRendererManager } from \"../../properties/ValueRendererManager\";\r\nimport { FilteredType } from \"../dataproviders/filterers/PropertyDataFiltererBase\";\r\nimport { FlatGridItem, GridCategoryItem } from \"../internal/flat-items/FlatGridItem\";\r\nimport { MutableCategorizedPrimitiveProperty } from \"../internal/flat-items/MutableCategorizedPrimitiveProperty\";\r\nimport { MutableCustomGridCategory } from \"../internal/flat-items/MutableCustomGridCategory\";\r\nimport { FlatGridItemType } from \"../internal/flat-items/MutableFlatGridItem\";\r\nimport { MutableGridCategory } from \"../internal/flat-items/MutableGridCategory\";\r\nimport { FlatPropertyRenderer } from \"../internal/flat-properties/FlatPropertyRenderer\";\r\nimport { IPropertyGridEventHandler } from \"../internal/PropertyGridEventHandler\";\r\nimport { IPropertyGridModel } from \"../internal/PropertyGridModel\";\r\nimport { PropertyCategoryRendererManager, PropertyCategoryRendererProps } from \"../PropertyCategoryRendererManager\";\r\nimport { IPropertyDataProvider, PropertyCategory } from \"../PropertyDataProvider\";\r\nimport { ColumnResizingPropertyListPropsSupplier } from \"./ColumnResizingPropertyListPropsSupplier\";\r\nimport { FlatItemNestedBorderWrapper } from \"./FlatItemNestedBorderWrapper\";\r\nimport { PropertyCategoryBlock } from \"./PropertyCategoryBlock\";\r\nimport { CommonPropertyGridProps, PropertyGridCommons } from \"./PropertyGridCommons\";\r\nimport { PropertyGridEventsRelatedPropsSupplier } from \"./PropertyGridEventsRelatedPropsSupplier\";\r\n\r\n/** Properties for [[VirtualizedPropertyGrid]] React component\r\n * @public\r\n */\r\nexport interface VirtualizedPropertyGridProps extends CommonPropertyGridProps {\r\n  model: IPropertyGridModel;\r\n  eventHandler: IPropertyGridEventHandler;\r\n  dataProvider: IPropertyDataProvider;\r\n  highlight?: HighlightingComponentProps & {\r\n    filteredTypes?: FilteredType[];\r\n  };\r\n  propertyCategoryRendererManager?: PropertyCategoryRendererManager;\r\n  width: number;\r\n  height: number;\r\n}\r\n\r\n/** State of [[VirtualizedPropertyGrid]] React component\r\n * @internal\r\n */\r\ninterface VirtualizedPropertyGridState {\r\n  /** List of PropertyGrid categories */\r\n  gridItems: FlatGridItem[];\r\n  /** Actual orientation used by the property grid */\r\n  orientation: Orientation;\r\n  /** Keeps record of dynamic node heights */\r\n  dynamicNodeHeights: Map<string, number>;\r\n  /** When resetting node height cache, marks the point at which heights have become stale */\r\n  resetIndex: number;\r\n}\r\n\r\n/**\r\n * Context of [[VirtualizedPropertyGrid]] component.\r\n * @internal\r\n */\r\nexport interface PropertyGridInternalContext {\r\n  gridItems: FlatGridItem[];\r\n  gridEventHandler: IPropertyGridEventHandler;\r\n  gridModel: IPropertyGridModel;\r\n\r\n  style?: React.CSSProperties;\r\n  className?: string;\r\n  gridContext: VirtualizedPropertyGridContext;\r\n  onItemHeightChanged: (index: number, key: string, height: number) => void;\r\n}\r\n\r\n/**\r\n * Context of the surrounding [VirtualizedPropertyGrid]($components-react) component.\r\n * @public\r\n */\r\nexport interface VirtualizedPropertyGridContext {\r\n  orientation: Orientation;\r\n  gridWidth: number;\r\n\r\n  isPropertyHoverEnabled: boolean;\r\n  isPropertySelectionEnabled: boolean;\r\n  selectedPropertyKey?: string;\r\n\r\n  onPropertyClicked?: (property: PropertyRecord, key?: string) => void;\r\n  onPropertyRightClicked?: (property: PropertyRecord, key?: string) => void;\r\n  onPropertyContextMenu?: (property: PropertyRecord, e: React.MouseEvent) => void;\r\n\r\n  editingPropertyKey?: string;\r\n  onEditCommit?: (args: PropertyUpdatedArgs, category: PropertyCategory) => void;\r\n  onEditCancel?: () => void;\r\n\r\n  eventHandler: IPropertyGridEventHandler;\r\n  dataProvider: IPropertyDataProvider;\r\n\r\n  actionButtonRenderers?: ActionButtonRenderer[];\r\n  propertyValueRendererManager?: PropertyValueRendererManager;\r\n  propertyCategoryRendererManager?: PropertyCategoryRendererManager;\r\n\r\n  columnRatio: number;\r\n  columnInfo: PropertyGridColumnInfo;\r\n  isResizeHandleBeingDragged: boolean;\r\n  isResizeHandleHovered: boolean;\r\n  onColumnRatioChanged: (ratio: number) => void | RatioChangeResult;\r\n  onResizeHandleDragChanged: (newValue: boolean) => void;\r\n  onResizeHandleHoverChanged: (newValue: boolean) => void;\r\n\r\n  highlight?: HighlightingComponentProps & {\r\n    filteredTypes?: FilteredType[];\r\n  };\r\n}\r\n\r\nconst [\r\n  PropertyGridInternalContextProvider,\r\n  _PropertyGridInternalContextConsumer,\r\n  usePropertyGridInternalContext,\r\n] = createContextWithMandatoryProvider<PropertyGridInternalContext>(\"PropertyGridInternalContext\");\r\n\r\n/**\r\n * VirtualizedPropertyGrid React component.\r\n * @public\r\n */\r\nexport class VirtualizedPropertyGrid extends React.Component<VirtualizedPropertyGridProps, VirtualizedPropertyGridState> {\r\n  private _listRef = React.createRef<VariableSizeList>();\r\n\r\n  /** @internal */\r\n  constructor(props: VirtualizedPropertyGridProps) {\r\n    super(props);\r\n    this.state = {\r\n      gridItems: [],\r\n      orientation: props.orientation ?? Orientation.Horizontal,\r\n      dynamicNodeHeights: new Map(),\r\n      resetIndex: 0,\r\n    };\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentDidUpdate(prevProps: VirtualizedPropertyGridProps, prevState: VirtualizedPropertyGridState) {\r\n    if (this.props.orientation !== prevProps.orientation\r\n      || this.props.isOrientationFixed !== prevProps.isOrientationFixed\r\n      || this.props.horizontalOrientationMinWidth !== prevProps.horizontalOrientationMinWidth\r\n      || this.props.width !== prevProps.width)\r\n      this.updateOrientation(this.props.width);\r\n\r\n    if (this.props.model !== prevProps.model) {\r\n      // istanbul ignore else\r\n      if (this._listRef.current)\r\n        this._listRef.current.resetAfterIndex(0);\r\n    }\r\n\r\n    if (this.props.highlight !== prevProps.highlight && this.props.highlight?.activeHighlight && this.state.gridItems.length !== 0) {\r\n      let index = 0;\r\n      let foundMatchingItem = false;\r\n      for (const item of this.state.gridItems) {\r\n        if (item instanceof MutableCategorizedPrimitiveProperty && this.props.highlight.activeHighlight.highlightedItemIdentifier === item.derivedRecord.property.name\r\n          || item instanceof MutableGridCategory && this.props.highlight.activeHighlight.highlightedItemIdentifier === item.name) {\r\n          foundMatchingItem = true;\r\n          break;\r\n        }\r\n        index++;\r\n      }\r\n      if (foundMatchingItem) {\r\n        // istanbul ignore else\r\n        if (this._listRef.current)\r\n          this._listRef.current.scrollToItem(index);\r\n      }\r\n    }\r\n\r\n    if (this.state.dynamicNodeHeights !== prevState.dynamicNodeHeights) {\r\n      // istanbul ignore else\r\n      if (this._listRef.current)\r\n        this._listRef.current.resetAfterIndex(this.state.resetIndex);\r\n    }\r\n  }\r\n\r\n  /** @internal */\r\n  public static getDerivedStateFromProps(props: VirtualizedPropertyGridProps, state: VirtualizedPropertyGridState): VirtualizedPropertyGridState | null {\r\n    return {\r\n      ...state,\r\n      gridItems: props.model.getVisibleFlatGrid(),\r\n    };\r\n  }\r\n\r\n  private updateOrientation(width: number) {\r\n    const { orientation, isOrientationFixed, horizontalOrientationMinWidth } = { ...this.props };\r\n    const currentOrientation = PropertyGridCommons.getCurrentOrientation(width, orientation, isOrientationFixed, horizontalOrientationMinWidth);\r\n\r\n    if (currentOrientation !== this.state.orientation) {\r\n      this.setState({ orientation: currentOrientation });\r\n      // istanbul ignore else\r\n      if (this._listRef.current)\r\n        this._listRef.current.resetAfterIndex(0);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Calculate given node height depending on it's type, position in category, parent category depth and current orientation.\r\n   * @param node FlatGridItem node for which to calculate height\r\n   * @returns current height of node.\r\n   */\r\n  private calculateNodeHeight(node: FlatGridItem) {\r\n    const categoryHeaderHeight = 35;\r\n    const categoryHeaderPadding = 4;\r\n    const categoryPropertyHeight = 27;\r\n    const bottomBorderPadding = 5;\r\n    const verticalPrimitivePropertyHeight = 55;\r\n\r\n    return getPropertyHeight(this.state) + node.lastInNumberOfCategories * bottomBorderPadding;\r\n\r\n    function getPropertyHeight(state: VirtualizedPropertyGridState) {\r\n      const dynamicHeight = state.dynamicNodeHeights.get(node.key);\r\n      if (dynamicHeight !== undefined) {\r\n        if (node instanceof MutableCustomGridCategory) {\r\n          return categoryHeaderHeight + categoryHeaderPadding\r\n            + (node.isExpanded ? dynamicHeight + bottomBorderPadding : 0);\r\n        }\r\n\r\n        return dynamicHeight + (state.orientation === Orientation.Vertical ? 28 : 0);\r\n      }\r\n\r\n      if (node.type === FlatGridItemType.Category) {\r\n        return categoryHeaderHeight + categoryHeaderPadding;\r\n      }\r\n\r\n      if (state.orientation === Orientation.Vertical && node.type === FlatGridItemType.Primitive) {\r\n        return verticalPrimitivePropertyHeight;\r\n      }\r\n\r\n      return categoryPropertyHeight;\r\n    }\r\n  }\r\n\r\n  private _handleNodeHeightChange = (index: number, key: string, newHeight: number) => {\r\n    if (this.state.dynamicNodeHeights.get(key) === newHeight) {\r\n      return;\r\n    }\r\n\r\n    this.setState((state) => {\r\n      return {\r\n        ...state,\r\n        dynamicNodeHeights: new Map(state.dynamicNodeHeights).set(key, newHeight),\r\n        resetIndex: index,\r\n      };\r\n    });\r\n  };\r\n\r\n  private _calculateNodeHeightByIndex = (index: number) => {\r\n    const node = this.state.gridItems[index];\r\n    return this.calculateNodeHeight(node);\r\n  };\r\n\r\n  private calculateEstimatedHeight() {\r\n    let sum = 0;\r\n    for (const node of this.state.gridItems)\r\n      sum += this.calculateNodeHeight(node);\r\n\r\n    return Math.ceil(sum / this.state.gridItems.length);\r\n  }\r\n\r\n  private _getNodeKey = (index: number) => {\r\n    const node = this.state.gridItems[index];\r\n    return node.key;\r\n  };\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    return <ColumnResizingPropertyListPropsSupplier\r\n      orientation={this.state.orientation}\r\n      width={this.props.width}\r\n      minLabelWidth={this.props.minLabelWidth}\r\n      minValueWidth={this.props.minValueWidth}\r\n      actionButtonWidth={this.props.actionButtonWidth}\r\n    >\r\n      {(columnResizeContext) => (\r\n        <PropertyGridEventsRelatedPropsSupplier\r\n          isPropertySelectionEnabled={this.props.isPropertySelectionEnabled ?? false}\r\n          isPropertySelectionOnRightClickEnabled={this.props.isPropertySelectionOnRightClickEnabled}\r\n          isPropertyEditingEnabled={this.props.isPropertyEditingEnabled}\r\n          onPropertyContextMenu={this.props.onPropertyContextMenu}\r\n          onPropertyUpdated={this.props.onPropertyUpdated}\r\n          onPropertySelectionChanged={this.props.onPropertySelectionChanged}\r\n          isPropertyHoverEnabled={this.props.isPropertyHoverEnabled ?? false}\r\n        >\r\n          {(selectionContext) => {\r\n            const gridContext: VirtualizedPropertyGridContext = {\r\n              orientation: columnResizeContext.orientation,\r\n              gridWidth: this.props.width,\r\n\r\n              isPropertyHoverEnabled: selectionContext.isPropertyHoverEnabled,\r\n              isPropertySelectionEnabled: selectionContext.isPropertySelectionEnabled,\r\n              selectedPropertyKey: selectionContext.selectedPropertyKey,\r\n\r\n              onPropertyClicked: selectionContext.onPropertyClicked,\r\n              onPropertyRightClicked: selectionContext.onPropertyRightClicked,\r\n              onPropertyContextMenu: selectionContext.onPropertyContextMenu,\r\n\r\n              editingPropertyKey: selectionContext.editingPropertyKey,\r\n              onEditCommit: selectionContext.onEditCommit,\r\n              onEditCancel: selectionContext.onEditCancel,\r\n\r\n              eventHandler: this.props.eventHandler,\r\n              dataProvider: this.props.dataProvider,\r\n\r\n              actionButtonRenderers: this.props.actionButtonRenderers,\r\n              propertyValueRendererManager: this.props.propertyValueRendererManager,\r\n              propertyCategoryRendererManager: this.props.propertyCategoryRendererManager,\r\n\r\n              columnRatio: columnResizeContext.columnRatio,\r\n              columnInfo: columnResizeContext.columnInfo,\r\n              isResizeHandleBeingDragged: columnResizeContext.isResizeHandleBeingDragged,\r\n              isResizeHandleHovered: columnResizeContext.isResizeHandleHovered,\r\n              onColumnRatioChanged: columnResizeContext.onColumnChanged,\r\n              onResizeHandleDragChanged: columnResizeContext.onResizeHandleDragChanged,\r\n              onResizeHandleHoverChanged: columnResizeContext.onResizeHandleHoverChanged,\r\n\r\n              highlight: this.props.highlight,\r\n            };\r\n\r\n            const renderContext: PropertyGridInternalContext = {\r\n              gridItems: this.state.gridItems,\r\n              gridEventHandler: this.props.eventHandler,\r\n              gridModel: this.props.model,\r\n              style: this.props.style,\r\n              className: this.props.className,\r\n              onItemHeightChanged: this._handleNodeHeightChange,\r\n              gridContext,\r\n            };\r\n\r\n            return (\r\n              <PropertyGridInternalContextProvider value={renderContext}>\r\n                <div className={classnames(\"components-virtualized-property-grid\", \"components-smallEditor-host\")}>\r\n                  <VariableSizeList\r\n                    className={classnames(\"components-property-grid-wrapper\", \"ReactWindow__VariableSizeList\", this.props.className)}\r\n                    width={this.props.width}\r\n                    height={this.props.height}\r\n                    itemCount={this.state.gridItems.length}\r\n                    itemSize={this._calculateNodeHeightByIndex}\r\n                    estimatedItemSize={this.calculateEstimatedHeight()}\r\n                    overscanCount={10}\r\n                    layout=\"vertical\"\r\n                    style={this.props.style}\r\n                    itemKey={this._getNodeKey}\r\n                    ref={this._listRef}\r\n                  >\r\n                    {FlatGridItemNode}\r\n                  </VariableSizeList>\r\n                </div>\r\n              </PropertyGridInternalContextProvider>\r\n            );\r\n          }}\r\n        </PropertyGridEventsRelatedPropsSupplier >\r\n      )}\r\n    </ColumnResizingPropertyListPropsSupplier>;\r\n  }\r\n}\r\n\r\nconst FlatGridItemNode = React.memo(\r\n  ({ index, style: virtualizedListStyle }: ListChildComponentProps) => {\r\n    const { gridItems, gridEventHandler, gridModel, gridContext, className, style, onItemHeightChanged } = usePropertyGridInternalContext(FlatGridItemNode);\r\n    const node = gridItems[index];\r\n\r\n    const onExpansionToggled = React.useCallback(\r\n      () => gridEventHandler.onExpansionToggled(node.selectionKey),\r\n      [gridEventHandler, node.selectionKey],\r\n    );\r\n    const onHeightChanged = React.useCallback(\r\n      (newHeight: number) => onItemHeightChanged(index, node.key, newHeight),\r\n      [onItemHeightChanged, index, node.key],\r\n    );\r\n\r\n    function getDisplayNode() {\r\n      const lastInNumberOfCategories = node.lastInNumberOfCategories;\r\n      switch (node.type) {\r\n        case FlatGridItemType.Category:\r\n          const categoryRendererManager = gridContext.propertyCategoryRendererManager\r\n            ?? PropertyCategoryRendererManager.defaultManager;\r\n          const customRenderer = categoryRendererManager.getCategoryComponent(node);\r\n          const wrapperClassName = classnames(\r\n            \"virtualized-grid-node-content\",\r\n            customRenderer !== undefined ? \"virtualized-grid-node-custom-category\" : \"virtualized-grid-node-category\",\r\n          );\r\n          return (\r\n            <FlatItemNestedBorderWrapper\r\n              borderCount={node.depth}\r\n              bottomBorderCount={lastInNumberOfCategories}\r\n              className={wrapperClassName}\r\n            >\r\n              <PropertyCategoryBlock\r\n                className={className}\r\n                style={style}\r\n                category={node.derivedCategory}\r\n                onExpansionToggled={onExpansionToggled}\r\n                highlight={gridContext.highlight?.filteredTypes?.includes(FilteredType.Category) ?\r\n                  gridContext.highlight :\r\n                  undefined\r\n                }\r\n              >\r\n                {customRenderer !== undefined && (\r\n                  <CustomCategoryContent\r\n                    renderer={customRenderer}\r\n                    categoryItem={node}\r\n                    gridContext={gridContext}\r\n                    onHeightChanged={onHeightChanged}\r\n                  />\r\n                )}\r\n              </PropertyCategoryBlock>\r\n            </FlatItemNestedBorderWrapper>\r\n          );\r\n        case FlatGridItemType.Array:\r\n        case FlatGridItemType.Struct:\r\n        case FlatGridItemType.Primitive:\r\n          const selectionKey = node.selectionKey;\r\n          const parentCategoryItem = gridModel.getItem(node.parentCategorySelectionKey) as GridCategoryItem;\r\n\r\n          return (\r\n            <FlatItemNestedBorderWrapper\r\n              borderCount={parentCategoryItem.depth + 1}\r\n              bottomBorderCount={lastInNumberOfCategories}\r\n              className=\"virtualized-grid-node-content\"\r\n            >\r\n              <FlatPropertyRenderer\r\n                key={node.key}\r\n                uniqueKey={selectionKey}\r\n                propertyRecord={node.derivedRecord}\r\n                orientation={gridContext.orientation}\r\n                indentation={node.depth}\r\n                width={gridContext.gridWidth}\r\n\r\n                isHoverable={gridContext.isPropertyHoverEnabled}\r\n                isSelectable={gridContext.isPropertySelectionEnabled}\r\n                isSelected={selectionKey === gridContext.selectedPropertyKey}\r\n\r\n                onClick={node.type === FlatGridItemType.Primitive ? gridContext.onPropertyClicked : undefined}\r\n                onRightClick={node.type === FlatGridItemType.Primitive ? gridContext.onPropertyRightClicked : undefined}\r\n                onContextMenu={gridContext.onPropertyContextMenu}\r\n\r\n                category={parentCategoryItem.derivedCategory}\r\n                isEditing={selectionKey === gridContext.editingPropertyKey}\r\n                onEditCommit={gridContext.onEditCommit}\r\n                onEditCancel={gridContext.onEditCancel}\r\n\r\n                isExpanded={node.isExpanded}\r\n                onExpansionToggled={onExpansionToggled}\r\n                onHeightChanged={onHeightChanged}\r\n\r\n                actionButtonRenderers={gridContext.actionButtonRenderers}\r\n                propertyValueRendererManager={gridContext.propertyValueRendererManager}\r\n\r\n                columnRatio={gridContext.columnRatio}\r\n                columnInfo={gridContext.columnInfo}\r\n                isResizeHandleBeingDragged={gridContext.isResizeHandleBeingDragged}\r\n                isResizeHandleHovered={gridContext.isResizeHandleHovered}\r\n                onColumnRatioChanged={gridContext.onColumnRatioChanged}\r\n                onResizeHandleDragChanged={gridContext.onResizeHandleDragChanged}\r\n                onResizeHandleHoverChanged={gridContext.onResizeHandleHoverChanged}\r\n\r\n                highlight={gridContext.highlight ?\r\n                  { applyOnLabel: (gridContext.highlight.filteredTypes?.includes(FilteredType.Label)) ?? false, applyOnValue: (gridContext.highlight.filteredTypes?.includes(FilteredType.Value)) ?? false, ...gridContext.highlight } :\r\n                  undefined\r\n                }\r\n              />\r\n            </FlatItemNestedBorderWrapper>\r\n          );\r\n      }\r\n    }\r\n\r\n    return (\r\n      <div className=\"virtualized-grid-node\" style={virtualizedListStyle}>\r\n        {getDisplayNode()}\r\n      </div>\r\n    );\r\n  },\r\n  areEqual,\r\n);\r\n\r\nFlatGridItemNode.displayName = \"FlatGridItemNode\";\r\n\r\ninterface CustomCategoryContentProps {\r\n  categoryItem: GridCategoryItem;\r\n  renderer: React.ComponentType<PropertyCategoryRendererProps>;\r\n  gridContext: VirtualizedPropertyGridContext;\r\n  onHeightChanged: (newHeight: number) => void;\r\n}\r\n\r\nconst CustomCategoryContent: React.FC<CustomCategoryContentProps> = (props) => {\r\n  const { onHeightChanged } = props;\r\n  const divRef = React.useRef<HTMLDivElement>(null);\r\n\r\n  React.useLayoutEffect(\r\n    () => {\r\n      assert(divRef.current !== null);\r\n      const contentHeight = divRef.current.getBoundingClientRect().height;\r\n      onHeightChanged(contentHeight);\r\n    },\r\n    [props.gridContext.orientation, onHeightChanged],\r\n  );\r\n\r\n  return (\r\n    <div ref={divRef}>\r\n      {React.createElement(props.renderer, props)}\r\n    </div>\r\n  );\r\n};\r\n"]}
+{"version":3,"file":"VirtualizedPropertyGrid.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/VirtualizedPropertyGrid.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n\r\n/** @packageDocumentation\r\n * @module PropertyGrid\r\n */\r\nimport \"./VirtualizedPropertyGrid.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { areEqual, ListChildComponentProps, VariableSizeList } from \"react-window\";\r\nimport { assert } from \"@itwin/core-bentley\";\r\nimport { PropertyRecord } from \"@itwin/appui-abstract\";\r\nimport { Orientation, RatioChangeResult } from \"@itwin/core-react\";\r\nimport { HighlightingComponentProps } from \"../../common/HighlightingComponentProps\";\r\nimport { createContextWithMandatoryProvider } from \"../../common/UseContextWithMandatoryProvider\";\r\nimport { PropertyUpdatedArgs } from \"../../editors/EditorContainer\";\r\nimport { ActionButtonRenderer } from \"../../properties/renderers/ActionButtonRenderer\";\r\nimport { PropertyGridColumnInfo } from \"../../properties/renderers/PropertyGridColumns\";\r\nimport { PropertyValueRendererManager } from \"../../properties/ValueRendererManager\";\r\nimport { FilteredType } from \"../dataproviders/filterers/PropertyDataFiltererBase\";\r\nimport { FlatGridItem, GridCategoryItem } from \"../internal/flat-items/FlatGridItem\";\r\nimport { MutableCategorizedPrimitiveProperty } from \"../internal/flat-items/MutableCategorizedPrimitiveProperty\";\r\nimport { MutableCustomGridCategory } from \"../internal/flat-items/MutableCustomGridCategory\";\r\nimport { FlatGridItemType } from \"../internal/flat-items/MutableFlatGridItem\";\r\nimport { MutableGridCategory } from \"../internal/flat-items/MutableGridCategory\";\r\nimport { FlatPropertyRenderer } from \"../internal/flat-properties/FlatPropertyRenderer\";\r\nimport { IPropertyGridEventHandler } from \"../internal/PropertyGridEventHandler\";\r\nimport { IPropertyGridModel } from \"../internal/PropertyGridModel\";\r\nimport { PropertyCategoryRendererManager, PropertyCategoryRendererProps } from \"../PropertyCategoryRendererManager\";\r\nimport { IPropertyDataProvider, PropertyCategory } from \"../PropertyDataProvider\";\r\nimport { ColumnResizingPropertyListPropsSupplier } from \"./ColumnResizingPropertyListPropsSupplier\";\r\nimport { FlatItemNestedBorderWrapper } from \"./FlatItemNestedBorderWrapper\";\r\nimport { PropertyCategoryBlock } from \"./PropertyCategoryBlock\";\r\nimport { CommonPropertyGridProps, PropertyGridCommons } from \"./PropertyGridCommons\";\r\nimport { PropertyGridEventsRelatedPropsSupplier } from \"./PropertyGridEventsRelatedPropsSupplier\";\r\n\r\n/** Properties for [[VirtualizedPropertyGrid]] React component\r\n * @public\r\n */\r\nexport interface VirtualizedPropertyGridProps extends CommonPropertyGridProps {\r\n  model: IPropertyGridModel;\r\n  eventHandler: IPropertyGridEventHandler;\r\n  dataProvider: IPropertyDataProvider;\r\n  highlight?: HighlightingComponentProps & {\r\n    filteredTypes?: FilteredType[];\r\n  };\r\n  propertyCategoryRendererManager?: PropertyCategoryRendererManager;\r\n  width: number;\r\n  height: number;\r\n}\r\n\r\n/** State of [[VirtualizedPropertyGrid]] React component\r\n * @internal\r\n */\r\ninterface VirtualizedPropertyGridState {\r\n  /** List of PropertyGrid categories */\r\n  gridItems: FlatGridItem[];\r\n  /** Actual orientation used by the property grid */\r\n  orientation: Orientation;\r\n  /** Keeps record of dynamic node heights */\r\n  dynamicNodeHeights: Map<string, number>;\r\n  /** When resetting node height cache, marks the point at which heights have become stale */\r\n  resetIndex: number;\r\n}\r\n\r\n/**\r\n * Context of [[VirtualizedPropertyGrid]] component.\r\n * @internal\r\n */\r\nexport interface PropertyGridInternalContext {\r\n  gridItems: FlatGridItem[];\r\n  gridEventHandler: IPropertyGridEventHandler;\r\n  gridModel: IPropertyGridModel;\r\n\r\n  style?: React.CSSProperties;\r\n  className?: string;\r\n  gridContext: VirtualizedPropertyGridContext;\r\n  onItemHeightChanged: (index: number, key: string, height: number) => void;\r\n}\r\n\r\n/**\r\n * Context of the surrounding [VirtualizedPropertyGrid]($components-react) component.\r\n * @public\r\n */\r\nexport interface VirtualizedPropertyGridContext {\r\n  orientation: Orientation;\r\n  gridWidth: number;\r\n\r\n  isPropertyHoverEnabled: boolean;\r\n  isPropertySelectionEnabled: boolean;\r\n  selectedPropertyKey?: string;\r\n\r\n  onPropertyClicked?: (property: PropertyRecord, key?: string) => void;\r\n  onPropertyRightClicked?: (property: PropertyRecord, key?: string) => void;\r\n  onPropertyContextMenu?: (property: PropertyRecord, e: React.MouseEvent) => void;\r\n\r\n  editingPropertyKey?: string;\r\n  onEditCommit?: (args: PropertyUpdatedArgs, category: PropertyCategory) => void;\r\n  onEditCancel?: () => void;\r\n\r\n  eventHandler: IPropertyGridEventHandler;\r\n  dataProvider: IPropertyDataProvider;\r\n\r\n  actionButtonRenderers?: ActionButtonRenderer[];\r\n  propertyValueRendererManager?: PropertyValueRendererManager;\r\n  propertyCategoryRendererManager?: PropertyCategoryRendererManager;\r\n\r\n  columnRatio: number;\r\n  columnInfo: PropertyGridColumnInfo;\r\n  isResizeHandleBeingDragged: boolean;\r\n  isResizeHandleHovered: boolean;\r\n  onColumnRatioChanged: (ratio: number) => void | RatioChangeResult;\r\n  onResizeHandleDragChanged: (newValue: boolean) => void;\r\n  onResizeHandleHoverChanged: (newValue: boolean) => void;\r\n\r\n  highlight?: HighlightingComponentProps & {\r\n    filteredTypes?: FilteredType[];\r\n  };\r\n}\r\n\r\nconst [\r\n  PropertyGridInternalContextProvider,\r\n  _PropertyGridInternalContextConsumer,\r\n  usePropertyGridInternalContext,\r\n] = createContextWithMandatoryProvider<PropertyGridInternalContext>(\"PropertyGridInternalContext\");\r\n\r\n/**\r\n * VirtualizedPropertyGrid React component.\r\n * @public\r\n */\r\nexport class VirtualizedPropertyGrid extends React.Component<VirtualizedPropertyGridProps, VirtualizedPropertyGridState> {\r\n  private _listRef = React.createRef<VariableSizeList>();\r\n\r\n  /** @internal */\r\n  constructor(props: VirtualizedPropertyGridProps) {\r\n    super(props);\r\n    this.state = {\r\n      gridItems: [],\r\n      orientation: props.orientation ?? Orientation.Horizontal,\r\n      dynamicNodeHeights: new Map(),\r\n      resetIndex: 0,\r\n    };\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentDidUpdate(prevProps: VirtualizedPropertyGridProps, prevState: VirtualizedPropertyGridState) {\r\n    if (this.props.orientation !== prevProps.orientation\r\n      || this.props.isOrientationFixed !== prevProps.isOrientationFixed\r\n      || this.props.horizontalOrientationMinWidth !== prevProps.horizontalOrientationMinWidth\r\n      || this.props.width !== prevProps.width)\r\n      this.updateOrientation(this.props.width);\r\n\r\n    if (this.props.model !== prevProps.model) {\r\n      // istanbul ignore else\r\n      if (this._listRef.current)\r\n        this._listRef.current.resetAfterIndex(0);\r\n    }\r\n\r\n    if (this.props.highlight !== prevProps.highlight && this.props.highlight?.activeHighlight && this.state.gridItems.length !== 0) {\r\n      let index = 0;\r\n      let foundMatchingItem = false;\r\n      for (const item of this.state.gridItems) {\r\n        if (item instanceof MutableCategorizedPrimitiveProperty && this.props.highlight.activeHighlight.highlightedItemIdentifier === item.derivedRecord.property.name\r\n          || item instanceof MutableGridCategory && this.props.highlight.activeHighlight.highlightedItemIdentifier === item.name) {\r\n          foundMatchingItem = true;\r\n          break;\r\n        }\r\n        index++;\r\n      }\r\n      if (foundMatchingItem) {\r\n        // istanbul ignore else\r\n        if (this._listRef.current)\r\n          this._listRef.current.scrollToItem(index);\r\n      }\r\n    }\r\n\r\n    if (this.state.dynamicNodeHeights !== prevState.dynamicNodeHeights) {\r\n      // istanbul ignore else\r\n      if (this._listRef.current)\r\n        this._listRef.current.resetAfterIndex(this.state.resetIndex);\r\n    }\r\n  }\r\n\r\n  /** @internal */\r\n  public static getDerivedStateFromProps(props: VirtualizedPropertyGridProps, state: VirtualizedPropertyGridState): VirtualizedPropertyGridState | null {\r\n    return {\r\n      ...state,\r\n      gridItems: props.model.getVisibleFlatGrid(),\r\n    };\r\n  }\r\n\r\n  private updateOrientation(width: number) {\r\n    const { orientation, isOrientationFixed, horizontalOrientationMinWidth } = { ...this.props };\r\n    const currentOrientation = PropertyGridCommons.getCurrentOrientation(width, orientation, isOrientationFixed, horizontalOrientationMinWidth);\r\n\r\n    if (currentOrientation !== this.state.orientation) {\r\n      this.setState({ orientation: currentOrientation });\r\n      // istanbul ignore else\r\n      if (this._listRef.current)\r\n        this._listRef.current.resetAfterIndex(0);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Calculate given node height depending on it's type, position in category, parent category depth and current orientation.\r\n   * @param node FlatGridItem node for which to calculate height\r\n   * @returns current height of node.\r\n   */\r\n  private calculateNodeHeight(node: FlatGridItem) {\r\n    const categoryHeaderHeight = 38;\r\n    const categoryHeaderPadding = 4;\r\n    const categoryPropertyHeight = 27;\r\n    const bottomBorderPadding = 5;\r\n    const verticalPrimitivePropertyHeight = 55;\r\n\r\n    return getPropertyHeight(this.state) + node.lastInNumberOfCategories * bottomBorderPadding;\r\n\r\n    function getPropertyHeight(state: VirtualizedPropertyGridState) {\r\n      const dynamicHeight = state.dynamicNodeHeights.get(node.key);\r\n      if (dynamicHeight !== undefined) {\r\n        if (node instanceof MutableCustomGridCategory) {\r\n          return categoryHeaderHeight + categoryHeaderPadding\r\n            + (node.isExpanded ? dynamicHeight + bottomBorderPadding : 0);\r\n        }\r\n\r\n        return dynamicHeight + (state.orientation === Orientation.Vertical ? 28 : 0);\r\n      }\r\n\r\n      if (node.type === FlatGridItemType.Category) {\r\n        return categoryHeaderHeight + categoryHeaderPadding;\r\n      }\r\n\r\n      if (state.orientation === Orientation.Vertical && node.type === FlatGridItemType.Primitive) {\r\n        return verticalPrimitivePropertyHeight;\r\n      }\r\n\r\n      return categoryPropertyHeight;\r\n    }\r\n  }\r\n\r\n  private _handleNodeHeightChange = (index: number, key: string, newHeight: number) => {\r\n    if (this.state.dynamicNodeHeights.get(key) === newHeight) {\r\n      return;\r\n    }\r\n\r\n    this.setState((state) => {\r\n      return {\r\n        ...state,\r\n        dynamicNodeHeights: new Map(state.dynamicNodeHeights).set(key, newHeight),\r\n        resetIndex: index,\r\n      };\r\n    });\r\n  };\r\n\r\n  private _calculateNodeHeightByIndex = (index: number) => {\r\n    const node = this.state.gridItems[index];\r\n    return this.calculateNodeHeight(node);\r\n  };\r\n\r\n  private calculateEstimatedHeight() {\r\n    let sum = 0;\r\n    for (const node of this.state.gridItems)\r\n      sum += this.calculateNodeHeight(node);\r\n\r\n    return Math.ceil(sum / this.state.gridItems.length);\r\n  }\r\n\r\n  private _getNodeKey = (index: number) => {\r\n    const node = this.state.gridItems[index];\r\n    return node.key;\r\n  };\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    return <ColumnResizingPropertyListPropsSupplier\r\n      orientation={this.state.orientation}\r\n      width={this.props.width}\r\n      minLabelWidth={this.props.minLabelWidth}\r\n      minValueWidth={this.props.minValueWidth}\r\n      actionButtonWidth={this.props.actionButtonWidth}\r\n    >\r\n      {(columnResizeContext) => (\r\n        <PropertyGridEventsRelatedPropsSupplier\r\n          isPropertySelectionEnabled={this.props.isPropertySelectionEnabled ?? false}\r\n          isPropertySelectionOnRightClickEnabled={this.props.isPropertySelectionOnRightClickEnabled}\r\n          isPropertyEditingEnabled={this.props.isPropertyEditingEnabled}\r\n          onPropertyContextMenu={this.props.onPropertyContextMenu}\r\n          onPropertyUpdated={this.props.onPropertyUpdated}\r\n          onPropertySelectionChanged={this.props.onPropertySelectionChanged}\r\n          isPropertyHoverEnabled={this.props.isPropertyHoverEnabled ?? false}\r\n        >\r\n          {(selectionContext) => {\r\n            const gridContext: VirtualizedPropertyGridContext = {\r\n              orientation: columnResizeContext.orientation,\r\n              gridWidth: this.props.width,\r\n\r\n              isPropertyHoverEnabled: selectionContext.isPropertyHoverEnabled,\r\n              isPropertySelectionEnabled: selectionContext.isPropertySelectionEnabled,\r\n              selectedPropertyKey: selectionContext.selectedPropertyKey,\r\n\r\n              onPropertyClicked: selectionContext.onPropertyClicked,\r\n              onPropertyRightClicked: selectionContext.onPropertyRightClicked,\r\n              onPropertyContextMenu: selectionContext.onPropertyContextMenu,\r\n\r\n              editingPropertyKey: selectionContext.editingPropertyKey,\r\n              onEditCommit: selectionContext.onEditCommit,\r\n              onEditCancel: selectionContext.onEditCancel,\r\n\r\n              eventHandler: this.props.eventHandler,\r\n              dataProvider: this.props.dataProvider,\r\n\r\n              actionButtonRenderers: this.props.actionButtonRenderers,\r\n              propertyValueRendererManager: this.props.propertyValueRendererManager,\r\n              propertyCategoryRendererManager: this.props.propertyCategoryRendererManager,\r\n\r\n              columnRatio: columnResizeContext.columnRatio,\r\n              columnInfo: columnResizeContext.columnInfo,\r\n              isResizeHandleBeingDragged: columnResizeContext.isResizeHandleBeingDragged,\r\n              isResizeHandleHovered: columnResizeContext.isResizeHandleHovered,\r\n              onColumnRatioChanged: columnResizeContext.onColumnChanged,\r\n              onResizeHandleDragChanged: columnResizeContext.onResizeHandleDragChanged,\r\n              onResizeHandleHoverChanged: columnResizeContext.onResizeHandleHoverChanged,\r\n\r\n              highlight: this.props.highlight,\r\n            };\r\n\r\n            const renderContext: PropertyGridInternalContext = {\r\n              gridItems: this.state.gridItems,\r\n              gridEventHandler: this.props.eventHandler,\r\n              gridModel: this.props.model,\r\n              style: this.props.style,\r\n              className: this.props.className,\r\n              onItemHeightChanged: this._handleNodeHeightChange,\r\n              gridContext,\r\n            };\r\n\r\n            return (\r\n              <PropertyGridInternalContextProvider value={renderContext}>\r\n                <div className={classnames(\"components-virtualized-property-grid\", \"components-smallEditor-host\")}>\r\n                  <VariableSizeList\r\n                    className={classnames(\"components-property-grid-wrapper\", \"ReactWindow__VariableSizeList\", this.props.className)}\r\n                    width={this.props.width}\r\n                    height={this.props.height}\r\n                    itemCount={this.state.gridItems.length}\r\n                    itemSize={this._calculateNodeHeightByIndex}\r\n                    estimatedItemSize={this.calculateEstimatedHeight()}\r\n                    overscanCount={10}\r\n                    layout=\"vertical\"\r\n                    style={this.props.style}\r\n                    itemKey={this._getNodeKey}\r\n                    ref={this._listRef}\r\n                  >\r\n                    {FlatGridItemNode}\r\n                  </VariableSizeList>\r\n                </div>\r\n              </PropertyGridInternalContextProvider>\r\n            );\r\n          }}\r\n        </PropertyGridEventsRelatedPropsSupplier >\r\n      )}\r\n    </ColumnResizingPropertyListPropsSupplier>;\r\n  }\r\n}\r\n\r\nconst FlatGridItemNode = React.memo(\r\n  ({ index, style: virtualizedListStyle }: ListChildComponentProps) => {\r\n    const { gridItems, gridEventHandler, gridModel, gridContext, className, style, onItemHeightChanged } = usePropertyGridInternalContext(FlatGridItemNode);\r\n    const node = gridItems[index];\r\n\r\n    const onExpansionToggled = React.useCallback(\r\n      () => gridEventHandler.onExpansionToggled(node.selectionKey),\r\n      [gridEventHandler, node.selectionKey],\r\n    );\r\n    const onHeightChanged = React.useCallback(\r\n      (newHeight: number) => onItemHeightChanged(index, node.key, newHeight),\r\n      [onItemHeightChanged, index, node.key],\r\n    );\r\n\r\n    function getDisplayNode() {\r\n      const lastInNumberOfCategories = node.lastInNumberOfCategories;\r\n      switch (node.type) {\r\n        case FlatGridItemType.Category:\r\n          const categoryRendererManager = gridContext.propertyCategoryRendererManager\r\n            ?? PropertyCategoryRendererManager.defaultManager;\r\n          const customRenderer = categoryRendererManager.getCategoryComponent(node);\r\n          const wrapperClassName = classnames(\r\n            \"virtualized-grid-node-content\",\r\n            customRenderer !== undefined ? \"virtualized-grid-node-custom-category\" : \"virtualized-grid-node-category\",\r\n          );\r\n          return (\r\n            <FlatItemNestedBorderWrapper\r\n              borderCount={node.depth}\r\n              bottomBorderCount={lastInNumberOfCategories}\r\n              className={wrapperClassName}\r\n            >\r\n              <PropertyCategoryBlock\r\n                className={className}\r\n                style={style}\r\n                category={node.derivedCategory}\r\n                onExpansionToggled={onExpansionToggled}\r\n                highlight={gridContext.highlight?.filteredTypes?.includes(FilteredType.Category) ?\r\n                  gridContext.highlight :\r\n                  undefined\r\n                }\r\n              >\r\n                {customRenderer !== undefined && (\r\n                  <CustomCategoryContent\r\n                    renderer={customRenderer}\r\n                    categoryItem={node}\r\n                    gridContext={gridContext}\r\n                    onHeightChanged={onHeightChanged}\r\n                  />\r\n                )}\r\n              </PropertyCategoryBlock>\r\n            </FlatItemNestedBorderWrapper>\r\n          );\r\n        case FlatGridItemType.Array:\r\n        case FlatGridItemType.Struct:\r\n        case FlatGridItemType.Primitive:\r\n          const selectionKey = node.selectionKey;\r\n          const parentCategoryItem = gridModel.getItem(node.parentCategorySelectionKey) as GridCategoryItem;\r\n\r\n          return (\r\n            <FlatItemNestedBorderWrapper\r\n              borderCount={parentCategoryItem.depth + 1}\r\n              bottomBorderCount={lastInNumberOfCategories}\r\n              className=\"virtualized-grid-node-content\"\r\n            >\r\n              <FlatPropertyRenderer\r\n                key={node.key}\r\n                uniqueKey={selectionKey}\r\n                propertyRecord={node.derivedRecord}\r\n                orientation={gridContext.orientation}\r\n                indentation={node.depth}\r\n                width={gridContext.gridWidth}\r\n\r\n                isHoverable={gridContext.isPropertyHoverEnabled}\r\n                isSelectable={gridContext.isPropertySelectionEnabled}\r\n                isSelected={selectionKey === gridContext.selectedPropertyKey}\r\n\r\n                onClick={node.type === FlatGridItemType.Primitive ? gridContext.onPropertyClicked : undefined}\r\n                onRightClick={node.type === FlatGridItemType.Primitive ? gridContext.onPropertyRightClicked : undefined}\r\n                onContextMenu={gridContext.onPropertyContextMenu}\r\n\r\n                category={parentCategoryItem.derivedCategory}\r\n                isEditing={selectionKey === gridContext.editingPropertyKey}\r\n                onEditCommit={gridContext.onEditCommit}\r\n                onEditCancel={gridContext.onEditCancel}\r\n\r\n                isExpanded={node.isExpanded}\r\n                onExpansionToggled={onExpansionToggled}\r\n                onHeightChanged={onHeightChanged}\r\n\r\n                actionButtonRenderers={gridContext.actionButtonRenderers}\r\n                propertyValueRendererManager={gridContext.propertyValueRendererManager}\r\n\r\n                columnRatio={gridContext.columnRatio}\r\n                columnInfo={gridContext.columnInfo}\r\n                isResizeHandleBeingDragged={gridContext.isResizeHandleBeingDragged}\r\n                isResizeHandleHovered={gridContext.isResizeHandleHovered}\r\n                onColumnRatioChanged={gridContext.onColumnRatioChanged}\r\n                onResizeHandleDragChanged={gridContext.onResizeHandleDragChanged}\r\n                onResizeHandleHoverChanged={gridContext.onResizeHandleHoverChanged}\r\n\r\n                highlight={gridContext.highlight ?\r\n                  { applyOnLabel: (gridContext.highlight.filteredTypes?.includes(FilteredType.Label)) ?? false, applyOnValue: (gridContext.highlight.filteredTypes?.includes(FilteredType.Value)) ?? false, ...gridContext.highlight } :\r\n                  undefined\r\n                }\r\n              />\r\n            </FlatItemNestedBorderWrapper>\r\n          );\r\n      }\r\n    }\r\n\r\n    return (\r\n      <div className=\"virtualized-grid-node\" style={virtualizedListStyle}>\r\n        {getDisplayNode()}\r\n      </div>\r\n    );\r\n  },\r\n  areEqual,\r\n);\r\n\r\nFlatGridItemNode.displayName = \"FlatGridItemNode\";\r\n\r\ninterface CustomCategoryContentProps {\r\n  categoryItem: GridCategoryItem;\r\n  renderer: React.ComponentType<PropertyCategoryRendererProps>;\r\n  gridContext: VirtualizedPropertyGridContext;\r\n  onHeightChanged: (newHeight: number) => void;\r\n}\r\n\r\nconst CustomCategoryContent: React.FC<CustomCategoryContentProps> = (props) => {\r\n  const { onHeightChanged } = props;\r\n  const divRef = React.useRef<HTMLDivElement>(null);\r\n\r\n  React.useLayoutEffect(\r\n    () => {\r\n      assert(divRef.current !== null);\r\n      const contentHeight = divRef.current.getBoundingClientRect().height;\r\n      onHeightChanged(contentHeight);\r\n    },\r\n    [props.gridContext.orientation, onHeightChanged],\r\n  );\r\n\r\n  return (\r\n    <div ref={divRef}>\r\n      {React.createElement(props.renderer, props)}\r\n    </div>\r\n  );\r\n};\r\n"]}

package/lib/cjs/components-react/propertygrid/component/VirtualizedPropertyGrid.scss

@@ -23,19 +23,19 @@
 
 .virtualized-grid-node {
   > :not(.virtualized-grid-node-category) {
-    background: var(--iui-color-background-1);
+    background: var(--iui-color-background);
   }
 
   .nested-border-middle {
     height: 100%;
     padding: 0 4px;
     box-sizing: border-box;
-    border-left: 1px solid var(--iui-color-background-4);
-    border-right: 1px solid var(--iui-color-background-4);
+    border-left: 1px solid var(--iui-color-border);
+    border-right: 1px solid var(--iui-color-border);
   }
 
   .nested-border-bottom {
-    border-bottom: 1px solid var(--iui-color-background-4);
+    border-bottom: 1px solid var(--iui-color-border);
     padding-bottom: 4px;
   }
 
@@ -50,7 +50,7 @@
         // Compensate the negative margin by adding padding
         padding: 0 12px;
 
-        background: $buic-row-hover;
+        background: var(--iui-color-background-hover);
       }
     }
   }
@@ -61,22 +61,20 @@
     // Compensate the negative margin by adding padding (minus one for border)
     padding: 0px 11px;
 
-    background-color: $buic-row-selection;
-    border: 1px solid $buic-foreground-primary;
-
-    &:hover {
-      background: $buic-row-hover;
-    }
+    background-color: var(--iui-color-background-accent-muted);
+    border: 1px solid var(--iui-color-border-accent);
   }
 
   .components--hoverable {
     &:hover {
-      // Highlight the whole row of inner-most expandable block
-      margin: 0 -4px;
-      // Compensate the negative margin by adding padding
-      padding: 0 12px;
+      background: var(--iui-color-background-hover);
 
-      background: $buic-row-hover;
+      &:not(.components--selected) {
+        // Highlight the whole row of inner-most expandable block
+        margin: 0 -4px;
+        // Compensate the negative margin by adding padding
+        padding: 0 12px;
+      }
     }
   }
 }
@@ -93,11 +91,11 @@
 .virtualized-grid-node-custom-category {
   padding-top: 4px;
 
-  .iui-expandable-content>div {
+  .iui-expandable-content > div {
     padding: 0 4px 4px 4px;
   }
 }
 
 .virtualized-grid-node-content {
   height: 100%;
-}
+}

package/lib/cjs/components-react/propertygrid/internal/flat-items/FlatGridItem.d.ts

@@ -32,10 +32,6 @@ export interface GridCategoryItem extends FlatGridItemBase {
     readonly type: FlatGridItemType.Category;
     readonly name: string;
     readonly derivedCategory: PropertyCategory;
-    /** @deprecated in 3.1. Use [[getChildren]] and filter categories yourself. */
-    getChildCategories(): GridCategoryItem[];
-    /** @deprecated in 3.1. Use [[getDescendantsAndSelf]] and filter categories yourself. */
-    getDescendantCategoriesAndSelf(): GridCategoryItem[];
 }
 /**
  * Data structure which describes methods and properties present on immutable [[CategorizedPropertyItem]] objects

package/lib/cjs/components-react/propertygrid/internal/flat-items/FlatGridItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlatGridItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/propertygrid/internal/flat-items/FlatGridItem.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACnF,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,kBAAkB,EAAE,MAAM,GAAG,SAAS,CAAC;IAChD,QAAQ,CAAC,0BAA0B,EAAE,MAAM,GAAG,SAAS,CAAC;IACxD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,IAAI,EAAE,gBAAgB,CAAC;IAChC,QAAQ,CAAC,wBAAwB,EAAE,MAAM,CAAC;IAC1C,QAAQ,CAAC,oBAAoB,EAAE,OAAO,CAAC;IACvC,qBAAqB,IAAI,YAAY,EAAE,CAAC;IACxC,4BAA4B,IAAI,YAAY,EAAE,CAAC;IAC/C,WAAW,IAAI,YAAY,EAAE,CAAC;IAC9B,8BAA8B,IAAI,YAAY,CAAC;CAChD;AAED;;;GAGG;AACH,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB;IACxD,QAAQ,CAAC,IAAI,EAAE,gBAAgB,CAAC,QAAQ,CAAC;IACzC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,eAAe,EAAE,gBAAgB,CAAC;IAE3C,8EAA8E;IAC9E,kBAAkB,IAAI,gBAAgB,EAAE,CAAC;IACzC,wFAAwF;IACxF,8BAA8B,IAAI,gBAAgB,EAAE,CAAC;CACtD;AAED;;;GAGG;AACH,MAAM,WAAW,uBAAwB,SAAQ,gBAAgB;IAC/D,QAAQ,CAAC,IAAI,EAAE,wBAAwB,CAAC;IACxC,QAAQ,CAAC,aAAa,EAAE,cAAc,CAAC;IACvC,QAAQ,CAAC,0BAA0B,EAAE,MAAM,CAAC;IAC5C,QAAQ,CAAC,kBAAkB,EAAE,MAAM,CAAC;IAEpC,WAAW,IAAI,uBAAuB,EAAE,CAAC;CAC1C;AAED;;;GAGG;AACH,oBAAY,YAAY,GAAG,uBAAuB,GAAG,gBAAgB,CAAC"}
+{"version":3,"file":"FlatGridItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/propertygrid/internal/flat-items/FlatGridItem.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACnF,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,kBAAkB,EAAE,MAAM,GAAG,SAAS,CAAC;IAChD,QAAQ,CAAC,0BAA0B,EAAE,MAAM,GAAG,SAAS,CAAC;IACxD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,IAAI,EAAE,gBAAgB,CAAC;IAChC,QAAQ,CAAC,wBAAwB,EAAE,MAAM,CAAC;IAC1C,QAAQ,CAAC,oBAAoB,EAAE,OAAO,CAAC;IACvC,qBAAqB,IAAI,YAAY,EAAE,CAAC;IACxC,4BAA4B,IAAI,YAAY,EAAE,CAAC;IAC/C,WAAW,IAAI,YAAY,EAAE,CAAC;IAC9B,8BAA8B,IAAI,YAAY,CAAC;CAChD;AAED;;;GAGG;AACH,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB;IACxD,QAAQ,CAAC,IAAI,EAAE,gBAAgB,CAAC,QAAQ,CAAC;IACzC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,eAAe,EAAE,gBAAgB,CAAC;CAC5C;AAED;;;GAGG;AACH,MAAM,WAAW,uBAAwB,SAAQ,gBAAgB;IAC/D,QAAQ,CAAC,IAAI,EAAE,wBAAwB,CAAC;IACxC,QAAQ,CAAC,aAAa,EAAE,cAAc,CAAC;IACvC,QAAQ,CAAC,0BAA0B,EAAE,MAAM,CAAC;IAC5C,QAAQ,CAAC,kBAAkB,EAAE,MAAM,CAAC;IAEpC,WAAW,IAAI,uBAAuB,EAAE,CAAC;CAC1C;AAED;;;GAGG;AACH,oBAAY,YAAY,GAAG,uBAAuB,GAAG,gBAAgB,CAAC"}

package/lib/cjs/components-react/propertygrid/internal/flat-items/FlatGridItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlatGridItem.js","sourceRoot":"","sources":["../../../../../../src/components-react/propertygrid/internal/flat-items/FlatGridItem.ts"],"names":[],"mappings":";AAAA;;;+FAG+F","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\r\n/** @packageDocumentation\r\n * @module PropertyGrid\r\n */\r\nimport { CategorizedPropertyTypes, FlatGridItemType } from \"./MutableFlatGridItem\";\r\nimport { PropertyRecord } from \"@itwin/appui-abstract\";\r\nimport { PropertyCategory } from \"../../PropertyDataProvider\";\r\n\r\n/**\r\n * Base immutable data structure defining common methods and properties for categories and categorized properties\r\n * @public\r\n */\r\nexport interface FlatGridItemBase {\r\n  readonly isExpanded: boolean;\r\n  readonly key: string;\r\n  readonly selectionKey: string;\r\n  readonly parentSelectionKey: string | undefined;\r\n  readonly parentCategorySelectionKey: string | undefined;\r\n  readonly depth: number;\r\n  readonly label: string;\r\n  readonly type: FlatGridItemType;\r\n  readonly lastInNumberOfCategories: number;\r\n  readonly isLastInRootCategory: boolean;\r\n  getDescendantsAndSelf(): FlatGridItem[];\r\n  getVisibleDescendantsAndSelf(): FlatGridItem[];\r\n  getChildren(): FlatGridItem[];\r\n  getLastVisibleDescendantOrSelf(): FlatGridItem;\r\n}\r\n\r\n/**\r\n * Data structure which describes methods and properties present on immutable [[GridCategoryItem]]\r\n * @public\r\n */\r\nexport interface GridCategoryItem extends FlatGridItemBase {\r\n  readonly type: FlatGridItemType.Category;\r\n  readonly name: string;\r\n  readonly derivedCategory: PropertyCategory;\r\n\r\n  /** @deprecated in 3.1. Use [[getChildren]] and filter categories yourself. */\r\n  getChildCategories(): GridCategoryItem[];\r\n  /** @deprecated in 3.1. Use [[getDescendantsAndSelf]] and filter categories yourself. */\r\n  getDescendantCategoriesAndSelf(): GridCategoryItem[];\r\n}\r\n\r\n/**\r\n * Data structure which describes methods and properties present on immutable [[CategorizedPropertyItem]] objects\r\n * @public\r\n */\r\nexport interface CategorizedPropertyItem extends FlatGridItemBase {\r\n  readonly type: CategorizedPropertyTypes;\r\n  readonly derivedRecord: PropertyRecord;\r\n  readonly parentCategorySelectionKey: string;\r\n  readonly parentSelectionKey: string;\r\n\r\n  getChildren(): CategorizedPropertyItem[];\r\n}\r\n\r\n/**\r\n * Type which describes immutable [[GridCategoryItem]] or [[CategorizedPropertyItem]]\r\n * @public\r\n */\r\nexport type FlatGridItem = CategorizedPropertyItem | GridCategoryItem;\r\n"]}
+{"version":3,"file":"FlatGridItem.js","sourceRoot":"","sources":["../../../../../../src/components-react/propertygrid/internal/flat-items/FlatGridItem.ts"],"names":[],"mappings":";AAAA;;;+FAG+F","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\r\n/** @packageDocumentation\r\n * @module PropertyGrid\r\n */\r\nimport { CategorizedPropertyTypes, FlatGridItemType } from \"./MutableFlatGridItem\";\r\nimport { PropertyRecord } from \"@itwin/appui-abstract\";\r\nimport { PropertyCategory } from \"../../PropertyDataProvider\";\r\n\r\n/**\r\n * Base immutable data structure defining common methods and properties for categories and categorized properties\r\n * @public\r\n */\r\nexport interface FlatGridItemBase {\r\n  readonly isExpanded: boolean;\r\n  readonly key: string;\r\n  readonly selectionKey: string;\r\n  readonly parentSelectionKey: string | undefined;\r\n  readonly parentCategorySelectionKey: string | undefined;\r\n  readonly depth: number;\r\n  readonly label: string;\r\n  readonly type: FlatGridItemType;\r\n  readonly lastInNumberOfCategories: number;\r\n  readonly isLastInRootCategory: boolean;\r\n  getDescendantsAndSelf(): FlatGridItem[];\r\n  getVisibleDescendantsAndSelf(): FlatGridItem[];\r\n  getChildren(): FlatGridItem[];\r\n  getLastVisibleDescendantOrSelf(): FlatGridItem;\r\n}\r\n\r\n/**\r\n * Data structure which describes methods and properties present on immutable [[GridCategoryItem]]\r\n * @public\r\n */\r\nexport interface GridCategoryItem extends FlatGridItemBase {\r\n  readonly type: FlatGridItemType.Category;\r\n  readonly name: string;\r\n  readonly derivedCategory: PropertyCategory;\r\n}\r\n\r\n/**\r\n * Data structure which describes methods and properties present on immutable [[CategorizedPropertyItem]] objects\r\n * @public\r\n */\r\nexport interface CategorizedPropertyItem extends FlatGridItemBase {\r\n  readonly type: CategorizedPropertyTypes;\r\n  readonly derivedRecord: PropertyRecord;\r\n  readonly parentCategorySelectionKey: string;\r\n  readonly parentSelectionKey: string;\r\n\r\n  getChildren(): CategorizedPropertyItem[];\r\n}\r\n\r\n/**\r\n * Type which describes immutable [[GridCategoryItem]] or [[CategorizedPropertyItem]]\r\n * @public\r\n */\r\nexport type FlatGridItem = CategorizedPropertyItem | GridCategoryItem;\r\n"]}

package/lib/cjs/components-react/propertygrid/internal/flat-items/MutableCustomGridCategory.d.ts

@@ -16,8 +16,6 @@ export declare class MutableCustomGridCategory extends MutableFlatPropertyGridIt
     get lastInNumberOfCategories(): number;
     set lastInNumberOfCategories(value: number);
     getSelf(): this;
-    getChildCategories(): IMutableGridCategoryItem[];
-    getDescendantCategoriesAndSelf(): IMutableGridCategoryItem[];
     getChildren(): IMutableFlatGridItem[];
     getVisibleDescendantsAndSelf(): IMutableFlatGridItem[];
 }

package/lib/cjs/components-react/propertygrid/internal/flat-items/MutableCustomGridCategory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MutableCustomGridCategory.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/propertygrid/internal/flat-items/MutableCustomGridCategory.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EACL,gBAAgB,EAAmC,oBAAoB,EAAE,wBAAwB,EAAE,2BAA2B,EAC/H,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AAEnE,gBAAgB;AAChB,qBAAa,yBAA0B,SAAQ,2BAA4B,YAAW,wBAAwB;IAC5G,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAoC;IAC9D,OAAO,CAAC,QAAQ,CAAC,SAAS,CAA+B;IAEzD,SAAgB,IAAI,4BAAsC;IAC1D,SAAgB,KAAK,EAAE,MAAM,CAAC;IAC9B,SAAgB,IAAI,EAAE,MAAM,CAAC;IAC7B,SAAgB,YAAY,EAAE,MAAM,CAAC;gBAGnC,QAAQ,EAAE,gBAAgB,EAC1B,WAAW,EAAE,mBAAmB,EAChC,eAAe,EAAE,uBAAuB,EACxC,kBAAkB,EAAE,MAAM,GAAG,SAAS,EACtC,KAAK,EAAE,MAAM;IAoBf,IAAW,eAAe,IAAI,gBAAgB,CAO7C;IAED,IAAW,cAAc,IAAI,OAAO,CAEnC;IAED,IAAoB,wBAAwB,IAAI,MAAM,CAErD;IAED,IAAoB,wBAAwB,CAAC,KAAK,EAAE,MAAM,EAEzD;IAEM,OAAO;IAIP,kBAAkB,IAAI,wBAAwB,EAAE;IAIhD,8BAA8B,IAAI,wBAAwB,EAAE;IAI5D,WAAW,IAAI,oBAAoB,EAAE;IAI5B,4BAA4B,IAAI,oBAAoB,EAAE;CAGvE"}
+{"version":3,"file":"MutableCustomGridCategory.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/propertygrid/internal/flat-items/MutableCustomGridCategory.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EACL,gBAAgB,EAAmC,oBAAoB,EAAE,wBAAwB,EAAE,2BAA2B,EAC/H,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AAEnE,gBAAgB;AAChB,qBAAa,yBAA0B,SAAQ,2BAA4B,YAAW,wBAAwB;IAC5G,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAoC;IAC9D,OAAO,CAAC,QAAQ,CAAC,SAAS,CAA+B;IAEzD,SAAgB,IAAI,4BAAsC;IAC1D,SAAgB,KAAK,EAAE,MAAM,CAAC;IAC9B,SAAgB,IAAI,EAAE,MAAM,CAAC;IAC7B,SAAgB,YAAY,EAAE,MAAM,CAAC;gBAGnC,QAAQ,EAAE,gBAAgB,EAC1B,WAAW,EAAE,mBAAmB,EAChC,eAAe,EAAE,uBAAuB,EACxC,kBAAkB,EAAE,MAAM,GAAG,SAAS,EACtC,KAAK,EAAE,MAAM;IAoBf,IAAW,eAAe,IAAI,gBAAgB,CAO7C;IAED,IAAW,cAAc,IAAI,OAAO,CAEnC;IAED,IAAoB,wBAAwB,IAAI,MAAM,CAErD;IAED,IAAoB,wBAAwB,CAAC,KAAK,EAAE,MAAM,EAEzD;IAEM,OAAO;IAIP,WAAW,IAAI,oBAAoB,EAAE;IAI5B,4BAA4B,IAAI,oBAAoB,EAAE;CAGvE"}

package/lib/cjs/components-react/propertygrid/internal/flat-items/MutableCustomGridCategory.js

@@ -39,12 +39,6 @@ class MutableCustomGridCategory extends MutableFlatGridItem_1.MutableFlatPropert
     getSelf() {
         return this;
     }
-    getChildCategories() {
-        return [];
-    }
-    getDescendantCategoriesAndSelf() {
-        return [this];
-    }
     getChildren() {
         return this._children;
     }

package/lib/cjs/components-react/propertygrid/internal/flat-items/MutableCustomGridCategory.js.map

@@ -1 +1 @@
-{"version":3,"file":"MutableCustomGridCategory.js","sourceRoot":"","sources":["../../../../../../src/components-react/propertygrid/internal/flat-items/MutableCustomGridCategory.ts"],"names":[],"mappings":";;;AAKA,+DAE+B;AAI/B,gBAAgB;AAChB,MAAa,yBAA0B,SAAQ,iDAA2B;IASxE,YACE,QAA0B,EAC1B,WAAgC,EAChC,eAAwC,EACxC,kBAAsC,EACtC,KAAa;;QAEb,KAAK,CAAC,KAAK,EAAE,kBAAkB,EAAE,kBAAkB,CAAC,CAAC;QAZvC,SAAI,GAAG,sCAAgB,CAAC,QAAiB,CAAC;QAcxD,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;QAC1B,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC;QAC5B,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,MAAM,CAAC;QAClC,IAAI,CAAC,YAAY,GAAG,kBAAkB,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,kBAAkB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;QACxG,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,QAAQ,CAAC;QAEnC,oHAAoH;QACpH,uBAAuB;QACvB,MAAM,eAAe,GAAG,MAAA,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,mCAAI,EAAE,CAAC;QACzD,IAAI,CAAC,SAAS,GAAG,eAAe,CAAC,GAAG,CAClC,CAAC,KAAK,EAAE,EAAE,CAAC,eAAe,CAAC,yBAAyB,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CACrG,CAAC;QAEF,IAAI,CAAC,wBAAwB,GAAG,CAAC,CAAC,CAAC;IACrC,CAAC;IAED,IAAW,eAAe;QACxB,OAAO;YACL,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,MAAM,EAAE,IAAI,CAAC,UAAU;YACvB,QAAQ,EAAE,IAAI,CAAC,SAAS;SACzB,CAAC;IACJ,CAAC;IAED,IAAW,cAAc;QACvB,OAAO,IAAI,CAAC,KAAK,KAAK,CAAC,CAAC;IAC1B,CAAC;IAED,IAAoB,wBAAwB;QAC1C,OAAO,IAAI,CAAC,yBAAyB,CAAC;IACxC,CAAC;IAED,IAAoB,wBAAwB,CAAC,KAAa;QACxD,IAAI,CAAC,yBAAyB,GAAG,KAAK,GAAG,CAAC,CAAC;IAC7C,CAAC;IAEM,OAAO;QACZ,OAAO,IAAI,CAAC;IACd,CAAC;IAEM,kBAAkB;QACvB,OAAO,EAAE,CAAC;IACZ,CAAC;IAEM,8BAA8B;QACnC,OAAO,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC;IAEM,WAAW;QAChB,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IAEe,4BAA4B;QAC1C,OAAO,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC;CACF;AA1ED,8DA0EC","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 { PropertyCategory } from \"../../PropertyDataProvider\";\r\nimport {\r\n  FlatGridItemType, IMutableCategorizedPropertyItem, IMutableFlatGridItem, IMutableGridCategoryItem, MutableFlatPropertyGridItem,\r\n} from \"./MutableFlatGridItem\";\r\nimport { CategoryRecordsDict } from \"./MutableGridCategory\";\r\nimport { IMutableGridItemFactory } from \"./MutableGridItemFactory\";\r\n\r\n/** @internal */\r\nexport class MutableCustomGridCategory extends MutableFlatPropertyGridItem implements IMutableGridCategoryItem {\r\n  private readonly _children: IMutableCategorizedPropertyItem[];\r\n  private readonly _renderer: PropertyCategory[\"renderer\"];\r\n\r\n  public readonly type = FlatGridItemType.Category as const;\r\n  public readonly label: string;\r\n  public readonly name: string;\r\n  public readonly selectionKey: string;\r\n\r\n  public constructor(\r\n    category: PropertyCategory,\r\n    recordsDict: CategoryRecordsDict,\r\n    gridItemFactory: IMutableGridItemFactory,\r\n    parentSelectionKey: string | undefined,\r\n    depth: number,\r\n  ) {\r\n    super(depth, parentSelectionKey, parentSelectionKey);\r\n\r\n    this.name = category.name;\r\n    this.label = category.label;\r\n    this.isExpanded = category.expand;\r\n    this.selectionKey = parentSelectionKey === undefined ? this.name : `${parentSelectionKey}_${this.name}`;\r\n    this._renderer = category.renderer;\r\n\r\n    // Even though categories are nested and have their own depth, categorized properties depth is counted starting with\r\n    // the parent category.\r\n    const categoryRecords = recordsDict[category.name] ?? [];\r\n    this._children = categoryRecords.map(\r\n      (value) => gridItemFactory.createCategorizedProperty(value, this.selectionKey, this.selectionKey, 0),\r\n    );\r\n\r\n    this.lastInNumberOfCategories = -1;\r\n  }\r\n\r\n  public get derivedCategory(): PropertyCategory {\r\n    return {\r\n      name: this.name,\r\n      label: this.label,\r\n      expand: this.isExpanded,\r\n      renderer: this._renderer,\r\n    };\r\n  }\r\n\r\n  public get isRootCategory(): boolean {\r\n    return this.depth === 0;\r\n  }\r\n\r\n  public override get lastInNumberOfCategories(): number {\r\n    return this._lastInNumberOfCategories;\r\n  }\r\n\r\n  public override set lastInNumberOfCategories(value: number) {\r\n    this._lastInNumberOfCategories = value + 1;\r\n  }\r\n\r\n  public getSelf() {\r\n    return this;\r\n  }\r\n\r\n  public getChildCategories(): IMutableGridCategoryItem[] {\r\n    return [];\r\n  }\r\n\r\n  public getDescendantCategoriesAndSelf(): IMutableGridCategoryItem[] {\r\n    return [this];\r\n  }\r\n\r\n  public getChildren(): IMutableFlatGridItem[] {\r\n    return this._children;\r\n  }\r\n\r\n  public override getVisibleDescendantsAndSelf(): IMutableFlatGridItem[] {\r\n    return [this];\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"MutableCustomGridCategory.js","sourceRoot":"","sources":["../../../../../../src/components-react/propertygrid/internal/flat-items/MutableCustomGridCategory.ts"],"names":[],"mappings":";;;AAKA,+DAE+B;AAI/B,gBAAgB;AAChB,MAAa,yBAA0B,SAAQ,iDAA2B;IASxE,YACE,QAA0B,EAC1B,WAAgC,EAChC,eAAwC,EACxC,kBAAsC,EACtC,KAAa;;QAEb,KAAK,CAAC,KAAK,EAAE,kBAAkB,EAAE,kBAAkB,CAAC,CAAC;QAZvC,SAAI,GAAG,sCAAgB,CAAC,QAAiB,CAAC;QAcxD,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;QAC1B,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC;QAC5B,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,MAAM,CAAC;QAClC,IAAI,CAAC,YAAY,GAAG,kBAAkB,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,kBAAkB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;QACxG,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,QAAQ,CAAC;QAEnC,oHAAoH;QACpH,uBAAuB;QACvB,MAAM,eAAe,GAAG,MAAA,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,mCAAI,EAAE,CAAC;QACzD,IAAI,CAAC,SAAS,GAAG,eAAe,CAAC,GAAG,CAClC,CAAC,KAAK,EAAE,EAAE,CAAC,eAAe,CAAC,yBAAyB,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CACrG,CAAC;QAEF,IAAI,CAAC,wBAAwB,GAAG,CAAC,CAAC,CAAC;IACrC,CAAC;IAED,IAAW,eAAe;QACxB,OAAO;YACL,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,MAAM,EAAE,IAAI,CAAC,UAAU;YACvB,QAAQ,EAAE,IAAI,CAAC,SAAS;SACzB,CAAC;IACJ,CAAC;IAED,IAAW,cAAc;QACvB,OAAO,IAAI,CAAC,KAAK,KAAK,CAAC,CAAC;IAC1B,CAAC;IAED,IAAoB,wBAAwB;QAC1C,OAAO,IAAI,CAAC,yBAAyB,CAAC;IACxC,CAAC;IAED,IAAoB,wBAAwB,CAAC,KAAa;QACxD,IAAI,CAAC,yBAAyB,GAAG,KAAK,GAAG,CAAC,CAAC;IAC7C,CAAC;IAEM,OAAO;QACZ,OAAO,IAAI,CAAC;IACd,CAAC;IAEM,WAAW;QAChB,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IAEe,4BAA4B;QAC1C,OAAO,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC;CACF;AAlED,8DAkEC","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 { PropertyCategory } from \"../../PropertyDataProvider\";\r\nimport {\r\n  FlatGridItemType, IMutableCategorizedPropertyItem, IMutableFlatGridItem, IMutableGridCategoryItem, MutableFlatPropertyGridItem,\r\n} from \"./MutableFlatGridItem\";\r\nimport { CategoryRecordsDict } from \"./MutableGridCategory\";\r\nimport { IMutableGridItemFactory } from \"./MutableGridItemFactory\";\r\n\r\n/** @internal */\r\nexport class MutableCustomGridCategory extends MutableFlatPropertyGridItem implements IMutableGridCategoryItem {\r\n  private readonly _children: IMutableCategorizedPropertyItem[];\r\n  private readonly _renderer: PropertyCategory[\"renderer\"];\r\n\r\n  public readonly type = FlatGridItemType.Category as const;\r\n  public readonly label: string;\r\n  public readonly name: string;\r\n  public readonly selectionKey: string;\r\n\r\n  public constructor(\r\n    category: PropertyCategory,\r\n    recordsDict: CategoryRecordsDict,\r\n    gridItemFactory: IMutableGridItemFactory,\r\n    parentSelectionKey: string | undefined,\r\n    depth: number,\r\n  ) {\r\n    super(depth, parentSelectionKey, parentSelectionKey);\r\n\r\n    this.name = category.name;\r\n    this.label = category.label;\r\n    this.isExpanded = category.expand;\r\n    this.selectionKey = parentSelectionKey === undefined ? this.name : `${parentSelectionKey}_${this.name}`;\r\n    this._renderer = category.renderer;\r\n\r\n    // Even though categories are nested and have their own depth, categorized properties depth is counted starting with\r\n    // the parent category.\r\n    const categoryRecords = recordsDict[category.name] ?? [];\r\n    this._children = categoryRecords.map(\r\n      (value) => gridItemFactory.createCategorizedProperty(value, this.selectionKey, this.selectionKey, 0),\r\n    );\r\n\r\n    this.lastInNumberOfCategories = -1;\r\n  }\r\n\r\n  public get derivedCategory(): PropertyCategory {\r\n    return {\r\n      name: this.name,\r\n      label: this.label,\r\n      expand: this.isExpanded,\r\n      renderer: this._renderer,\r\n    };\r\n  }\r\n\r\n  public get isRootCategory(): boolean {\r\n    return this.depth === 0;\r\n  }\r\n\r\n  public override get lastInNumberOfCategories(): number {\r\n    return this._lastInNumberOfCategories;\r\n  }\r\n\r\n  public override set lastInNumberOfCategories(value: number) {\r\n    this._lastInNumberOfCategories = value + 1;\r\n  }\r\n\r\n  public getSelf() {\r\n    return this;\r\n  }\r\n\r\n  public getChildren(): IMutableFlatGridItem[] {\r\n    return this._children;\r\n  }\r\n\r\n  public override getVisibleDescendantsAndSelf(): IMutableFlatGridItem[] {\r\n    return [this];\r\n  }\r\n}\r\n"]}