@itwin/components-react 4.17.6 → 5.0.0-dev.3

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MutableFlatGridItem.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/internal/flat-items/MutableFlatGridItem.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module PropertyGrid\n */\nimport { immerable } from \"immer\";\nimport type { PropertyDescription } from \"@itwin/appui-abstract\";\nimport { PropertyRecord, PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { Guid } from \"@itwin/core-bentley\";\nimport type { PropertyCategory } from \"../../PropertyDataProvider.js\";\n\n/**\n * Types of FlatGridItems for differentiating what property FlatGridItem is wrapping.\n * Category for PropertyCategory\n * (Primitive, Array, Struct) for PropertyRecord with valueFormats: (Primitive, Array, Struct)\n * @public\n */\nexport enum FlatGridItemType {\n  Category,\n  Primitive,\n  Array,\n  Struct,\n}\n\n/**\n * Type which extracts FlatGridItemTypes relevant for working with CategorizedProperties\n * @public\n */\nexport type CategorizedPropertyTypes =\n  | FlatGridItemType.Array\n  | FlatGridItemType.Primitive\n  | FlatGridItemType.Struct;\n\n/**\n * Base mutable data structure defining common methods and properties for both CategorizedProperties and GridCategoryItems\n * @public\n */\nexport interface IMutableFlatPropertyGridItem {\n  readonly type: FlatGridItemType;\n  readonly key: string;\n  readonly selectionKey: string;\n  readonly parentSelectionKey: string | undefined;\n  readonly parentCategorySelectionKey: string | undefined;\n  readonly depth: number;\n  readonly label: string;\n  lastInNumberOfCategories: number;\n  isLastInRootCategory: boolean;\n  isExpanded: boolean;\n  getDescendantsAndSelf(): IMutableFlatGridItem[];\n  getVisibleDescendantsAndSelf(): IMutableFlatGridItem[];\n  getChildren(): IMutableFlatGridItem[];\n  getLastVisibleDescendantOrSelf(): IMutableFlatGridItem;\n}\n\n/**\n * Base class for all FlatPropertyGrid items\n * @public\n */\nexport abstract class MutableFlatPropertyGridItem\n  implements IMutableFlatPropertyGridItem\n{\n  public [immerable] = true;\n\n  public readonly key: string = Guid.createValue();\n  protected _isExpanded: boolean = false;\n  protected _lastInNumberOfCategories: number = 0;\n  protected _isLastInRootCategory: boolean = false;\n\n  public constructor(\n    private _depth: number,\n    private _parentSelectionKey: string | undefined,\n    private _parentCategorySelectionKey: string | undefined\n  ) {\n    if (this._depth < 0) throw new Error(\"Depth cannot be negative\");\n  }\n\n  public abstract type: FlatGridItemType;\n  public abstract label: string;\n  public abstract selectionKey: string;\n\n  public get depth() {\n    return this._depth;\n  }\n\n  public get parentSelectionKey() {\n    return this._parentSelectionKey;\n  }\n\n  public get parentCategorySelectionKey() {\n    return this._parentCategorySelectionKey;\n  }\n\n  public get isExpanded() {\n    return this._isExpanded;\n  }\n\n  public set isExpanded(value: boolean) {\n    this._isExpanded = value;\n  }\n\n  public abstract getChildren(): IMutableFlatGridItem[];\n  public abstract getSelf(): IMutableFlatGridItem;\n\n  protected getDescendants() {\n    const descendants: IMutableFlatGridItem[] = [];\n    this.getChildren().forEach((child) =>\n      descendants.push(...child.getDescendantsAndSelf())\n    );\n\n    return descendants;\n  }\n\n  /**\n   * Gets a flat list of all FlatGridItems beneath this flat grid item including itself in depth first visiting order.\n   */\n  public getDescendantsAndSelf(): IMutableFlatGridItem[] {\n    return [this.getSelf(), ...this.getDescendants()];\n  }\n\n  /**\n   * Gets a flat list of visible FlatGridItems beneath this flat grid item.\n   */\n  public getVisibleDescendants(): IMutableFlatGridItem[] {\n    const descendants: IMutableFlatGridItem[] = [];\n    if (this.isExpanded)\n      this.getChildren().forEach((child) =>\n        descendants.push(...child.getVisibleDescendantsAndSelf())\n      );\n    return descendants;\n  }\n\n  /**\n   * Gets a flat list of visible FlatGridItems beneath this flat grid item and itself in depth first visiting order.\n   */\n  public getVisibleDescendantsAndSelf(): IMutableFlatGridItem[] {\n    return [this.getSelf(), ...this.getVisibleDescendants()];\n  }\n\n  /**\n   * @returns self if item is not expanded, last visible descendant of this item otherwise.\n   */\n  public getLastVisibleDescendantOrSelf(): IMutableFlatGridItem {\n    if (!this.isExpanded) return this.getSelf();\n\n    const children = this.getChildren();\n    if (children.length < 1) return this.getSelf();\n\n    return children[children.length - 1].getLastVisibleDescendantOrSelf();\n  }\n\n  /**\n   * Sets lastInNumberOfCategories value and sends it down to this items last child\n   * @internal\n   */\n  public get lastInNumberOfCategories(): number {\n    if (this.isExpanded && this.getChildren().length > 0) return 0;\n\n    return this._lastInNumberOfCategories;\n  }\n\n  public set lastInNumberOfCategories(value: number) {\n    this._lastInNumberOfCategories = value;\n    const children = this.getChildren();\n    if (children.length < 1) return;\n\n    children[children.length - 1].lastInNumberOfCategories = value;\n  }\n\n  /**\n   * Gets and sets isLastInRootCategory value and sends it down to this items last child\n   * @internal\n   */\n  public get isLastInRootCategory(): boolean {\n    if (this.isExpanded && this.getChildren().length > 0) return false;\n\n    return this._isLastInRootCategory;\n  }\n\n  public set isLastInRootCategory(value: boolean) {\n    this._isLastInRootCategory = value;\n    const children = this.getChildren();\n    if (children.length < 1) return;\n\n    children[children.length - 1].isLastInRootCategory = value;\n  }\n}\n\n/**\n * Data structure which describes methods and properties to be held by Mutable GridCategoryItems\n * @public\n */\nexport interface IMutableGridCategoryItem extends IMutableFlatPropertyGridItem {\n  type: FlatGridItemType.Category;\n  name: string;\n  derivedCategory: PropertyCategory;\n  isRootCategory: boolean;\n}\n\n/**\n * Data structure which describes methods and properties to be held by Mutable CategorizedPropertyItems\n * @public\n */\nexport interface IMutableCategorizedPropertyItem\n  extends IMutableFlatPropertyGridItem {\n  readonly type: CategorizedPropertyTypes;\n  readonly derivedRecord: PropertyRecord;\n  readonly parentCategorySelectionKey: string;\n  readonly parentSelectionKey: string;\n\n  getChildren(): IMutableCategorizedPropertyItem[];\n}\n\n/**\n * Type which describes mutable GridCategoryItem or CategorizedProperty\n * @public\n */\nexport type IMutableFlatGridItem =\n  | IMutableCategorizedPropertyItem\n  | IMutableGridCategoryItem;\n\n/**\n * Base class for all Mutable CategorizedProperties\n * @public\n */\nexport abstract class MutableCategorizedProperty\n  extends MutableFlatPropertyGridItem\n  implements Partial<IMutableCategorizedPropertyItem>\n{\n  private _derivedRecord: PropertyRecord;\n  private _selectionKey: string;\n\n  public constructor(\n    type: CategorizedPropertyTypes,\n    record: PropertyRecord,\n    parentSelectionKey: string,\n    parentCategorySelectionKey: string,\n    depth: number,\n    overrideName?: string,\n    overrideDisplayLabel?: string\n  ) {\n    super(depth, parentSelectionKey, parentCategorySelectionKey);\n\n    const recordType = this.valueTypeToFlatGridType(record.value.valueFormat);\n    if (recordType !== type) {\n      const expectedTypeStr = FlatGridItemType[type];\n      const actualTypeStr = FlatGridItemType[recordType];\n      throw Error(\n        `Record with incorrect value format passed to property: expected ${expectedTypeStr}, got ${actualTypeStr}`\n      );\n    }\n\n    const overridenProperty = this.makeOverridenProperty(\n      record.property,\n      overrideName,\n      overrideDisplayLabel\n    );\n    this._derivedRecord = this.makeDerivedRecord(record, overridenProperty);\n\n    this._selectionKey = `${this.parentSelectionKey}_${this.derivedRecord.property.name}`;\n    this._isExpanded = !!record.autoExpand;\n  }\n\n  public abstract override type: CategorizedPropertyTypes;\n  public abstract override getChildren(): IMutableCategorizedPropertyItem[];\n\n  /**\n   * Maps PropertyRecord valueFormat to FlatGridItemType\n   * @param valueType valueFormat to map\n   * @returns mapped FlatGridItemType\n   */\n  private valueTypeToFlatGridType(valueType: PropertyValueFormat) {\n    switch (valueType) {\n      case PropertyValueFormat.Primitive:\n        return FlatGridItemType.Primitive;\n      case PropertyValueFormat.Array:\n        return FlatGridItemType.Array;\n      case PropertyValueFormat.Struct:\n        return FlatGridItemType.Struct;\n\n      default:\n        const unhandledType: never = valueType;\n        throw Error(`Property Value Format not handled: ${unhandledType}`);\n    }\n  }\n\n  /**\n   * Make new property description with overriden fields.\n   * @param propertyDescription property description to override.\n   * @param overrideName property description name to override.\n   * @param overrideDisplay  property description display name to override.\n   */\n  private makeOverridenProperty(\n    propertyDescription: PropertyDescription,\n    overrideName?: string,\n    overrideDisplay?: string\n  ): PropertyDescription {\n    const { name, displayLabel, ...property } = { ...propertyDescription };\n    const newName = overrideName ?? name;\n    const newDisplayLabel = overrideDisplay ?? displayLabel;\n\n    return { ...property, name: newName, displayLabel: newDisplayLabel };\n  }\n\n  /**\n   * Gets derived property record that has it's property description field overriden\n   */\n  private makeDerivedRecord(\n    record: PropertyRecord,\n    overridenPropertyDescription: PropertyDescription\n  ) {\n    const { value, property, ...others } = record;\n    const newRecord = new PropertyRecord(value, overridenPropertyDescription);\n\n    return Object.assign(newRecord, others);\n  }\n\n  public getSelf(): IMutableCategorizedPropertyItem {\n    return this;\n  }\n\n  public override get parentCategorySelectionKey() {\n    return super.parentCategorySelectionKey!;\n  }\n\n  public override get parentSelectionKey() {\n    return super.parentSelectionKey!;\n  }\n\n  /**\n   * Unique selection key made of parent selectionKey and this property name.\n   */\n  public get selectionKey() {\n    return this._selectionKey;\n  }\n\n  public get label() {\n    return this._derivedRecord.property.displayLabel;\n  }\n\n  /**\n   * Record with overriden property description.\n   */\n  public get derivedRecord() {\n    return this._derivedRecord;\n  }\n}\n"]}

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

@@ -0,0 +1,45 @@
+/** @packageDocumentation
+ * @module PropertyGrid
+ */
+import type { PropertyRecord } from "@itwin/appui-abstract";
+import type { PropertyCategory } from "../../PropertyDataProvider.js";
+import type { IMutableFlatGridItem, IMutableGridCategoryItem } from "./MutableFlatGridItem.js";
+import { FlatGridItemType, MutableFlatPropertyGridItem } from "./MutableFlatGridItem.js";
+import type { IMutableGridItemFactory } from "./MutableGridItemFactory.js";
+/**
+ * Category name to PropertyRecord[] key pair interface used to describe which records belong to which category.
+ * @public
+ */
+export interface CategoryRecordsDict {
+    [categoryName: string]: PropertyRecord[];
+}
+/**
+ * Mutable wrapper object for PropertyCategory which provides methods for working with and managing category and record children hierarchies
+ * @public
+ */
+export declare class MutableGridCategory extends MutableFlatPropertyGridItem implements IMutableGridCategoryItem {
+    private _children;
+    private _selectionKey;
+    private _category;
+    constructor(category: PropertyCategory, recordsDict: CategoryRecordsDict, gridItemFactory: IMutableGridItemFactory, parentSelectionKey?: string, depth?: number);
+    /**
+     * Category is considered to be root category if its depth is 0
+     */
+    get isRootCategory(): boolean;
+    get selectionKey(): string;
+    get type(): FlatGridItemType.Category;
+    get name(): string;
+    get label(): string;
+    get derivedCategory(): PropertyCategory;
+    getSelf(): this;
+    getChildren(): IMutableFlatGridItem[];
+    /**
+     * Gets and Sets lastInNumberOfCategories.
+     * Setter increments set value by one to account self as category.
+     * New value is sent down to this items last child
+     * @internal
+     */
+    get lastInNumberOfCategories(): number;
+    set lastInNumberOfCategories(value: number);
+}
+//# sourceMappingURL=MutableGridCategory.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MutableGridCategory.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/internal/flat-items/MutableGridCategory.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EACV,oBAAoB,EACpB,wBAAwB,EACzB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,gBAAgB,EAChB,2BAA2B,EAC5B,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAE3E;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAClC,CAAC,YAAY,EAAE,MAAM,GAAG,cAAc,EAAE,CAAC;CAC1C;AAED;;;GAGG;AACH,qBAAa,mBACX,SAAQ,2BACR,YAAW,wBAAwB;IAEnC,OAAO,CAAC,SAAS,CAAyB;IAC1C,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,SAAS,CAAmB;gBAGlC,QAAQ,EAAE,gBAAgB,EAC1B,WAAW,EAAE,mBAAmB,EAChC,eAAe,EAAE,uBAAuB,EACxC,kBAAkB,CAAC,EAAE,MAAM,EAC3B,KAAK,GAAE,MAAU;IA2CnB;;OAEG;IACH,IAAW,cAAc,YAExB;IAED,IAAW,YAAY,WAEtB;IAED,IAAW,IAAI,IAAI,gBAAgB,CAAC,QAAQ,CAE3C;IAED,IAAW,IAAI,WAEd;IAED,IAAW,KAAK,WAEf;IAED,IAAW,eAAe,IAAI,gBAAgB,CAE7C;IAEM,OAAO;IAIP,WAAW,IAAI,oBAAoB,EAAE;IAI5C;;;;;OAKG;IACH,IAAoB,wBAAwB,IAAI,MAAM,CAIrD;IAED,IAAoB,wBAAwB,CAAC,KAAK,EAAE,MAAM,EAEzD;CACF"}

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

@@ -0,0 +1,75 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+import { FlatGridItemType, MutableFlatPropertyGridItem, } from "./MutableFlatGridItem.js";
+/**
+ * Mutable wrapper object for PropertyCategory which provides methods for working with and managing category and record children hierarchies
+ * @public
+ */
+export class MutableGridCategory extends MutableFlatPropertyGridItem {
+    constructor(category, recordsDict, gridItemFactory, parentSelectionKey, depth = 0) {
+        super(depth, parentSelectionKey, parentSelectionKey);
+        this._category = {
+            name: category.name,
+            label: category.label,
+            expand: category.expand,
+        };
+        if (parentSelectionKey !== undefined)
+            this._selectionKey = `${parentSelectionKey}_${category.name}`;
+        else
+            this._selectionKey = category.name;
+        this._isExpanded = category.expand;
+        // Even though categories are nested and have their own depth, categorized properties depth is counted starting with the parent category.
+        const categoryRecords = recordsDict[category.name] ?? [];
+        this._children = categoryRecords.map((value) => gridItemFactory.createCategorizedProperty(value, this.selectionKey, this.selectionKey, 0));
+        const childCategories = category.childCategories ?? [];
+        const child = childCategories.map((childCategory) => gridItemFactory.createGridCategory(childCategory, recordsDict, this.selectionKey, this.depth + 1));
+        this._children.push(...child);
+        // Assign lastInNumberOfCategories and isLastInRootCategory for entire children hierarchy
+        this.lastInNumberOfCategories = 0;
+        this.isLastInRootCategory = this.isRootCategory;
+    }
+    /**
+     * Category is considered to be root category if its depth is 0
+     */
+    get isRootCategory() {
+        return this.depth === 0;
+    }
+    get selectionKey() {
+        return this._selectionKey;
+    }
+    get type() {
+        return FlatGridItemType.Category;
+    }
+    get name() {
+        return this._category.name;
+    }
+    get label() {
+        return this._category.label;
+    }
+    get derivedCategory() {
+        return { ...this._category, expand: this.isExpanded };
+    }
+    getSelf() {
+        return this;
+    }
+    getChildren() {
+        return this._children;
+    }
+    /**
+     * Gets and Sets lastInNumberOfCategories.
+     * Setter increments set value by one to account self as category.
+     * New value is sent down to this items last child
+     * @internal
+     */
+    get lastInNumberOfCategories() {
+        if (this.isExpanded && this.getChildren().length > 0)
+            return 0;
+        return this._lastInNumberOfCategories - 1;
+    }
+    set lastInNumberOfCategories(value) {
+        super.lastInNumberOfCategories = value + 1;
+    }
+}
+//# sourceMappingURL=MutableGridCategory.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MutableGridCategory.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/internal/flat-items/MutableGridCategory.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAWhG,OAAO,EACL,gBAAgB,EAChB,2BAA2B,GAC5B,MAAM,0BAA0B,CAAC;AAWlC;;;GAGG;AACH,MAAM,OAAO,mBACX,SAAQ,2BAA2B;IAOnC,YACE,QAA0B,EAC1B,WAAgC,EAChC,eAAwC,EACxC,kBAA2B,EAC3B,QAAgB,CAAC;QAEjB,KAAK,CAAC,KAAK,EAAE,kBAAkB,EAAE,kBAAkB,CAAC,CAAC;QACrD,IAAI,CAAC,SAAS,GAAG;YACf,IAAI,EAAE,QAAQ,CAAC,IAAI;YACnB,KAAK,EAAE,QAAQ,CAAC,KAAK;YACrB,MAAM,EAAE,QAAQ,CAAC,MAAM;SACxB,CAAC;QAEF,IAAI,kBAAkB,KAAK,SAAS;YAClC,IAAI,CAAC,aAAa,GAAG,GAAG,kBAAkB,IAAI,QAAQ,CAAC,IAAI,EAAE,CAAC;;YAC3D,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC;QAExC,IAAI,CAAC,WAAW,GAAG,QAAQ,CAAC,MAAM,CAAC;QAEnC,yIAAyI;QACzI,MAAM,eAAe,GAAG,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;QACzD,IAAI,CAAC,SAAS,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAC7C,eAAe,CAAC,yBAAyB,CACvC,KAAK,EACL,IAAI,CAAC,YAAY,EACjB,IAAI,CAAC,YAAY,EACjB,CAAC,CACF,CACF,CAAC;QAEF,MAAM,eAAe,GAAG,QAAQ,CAAC,eAAe,IAAI,EAAE,CAAC;QACvD,MAAM,KAAK,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC,aAAa,EAAE,EAAE,CAClD,eAAe,CAAC,kBAAkB,CAChC,aAAa,EACb,WAAW,EACX,IAAI,CAAC,YAAY,EACjB,IAAI,CAAC,KAAK,GAAG,CAAC,CACf,CACF,CAAC;QAEF,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,CAAC;QAE9B,yFAAyF;QACzF,IAAI,CAAC,wBAAwB,GAAG,CAAC,CAAC;QAClC,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,cAAc,CAAC;IAClD,CAAC;IAED;;OAEG;IACH,IAAW,cAAc;QACvB,OAAO,IAAI,CAAC,KAAK,KAAK,CAAC,CAAC;IAC1B,CAAC;IAED,IAAW,YAAY;QACrB,OAAO,IAAI,CAAC,aAAa,CAAC;IAC5B,CAAC;IAED,IAAW,IAAI;QACb,OAAO,gBAAgB,CAAC,QAAQ,CAAC;IACnC,CAAC;IAED,IAAW,IAAI;QACb,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;IAC7B,CAAC;IAED,IAAW,KAAK;QACd,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;IAC9B,CAAC;IAED,IAAW,eAAe;QACxB,OAAO,EAAE,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC;IACxD,CAAC;IAEM,OAAO;QACZ,OAAO,IAAI,CAAC;IACd,CAAC;IAEM,WAAW;QAChB,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IAED;;;;;OAKG;IACH,IAAoB,wBAAwB;QAC1C,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,MAAM,GAAG,CAAC;YAAE,OAAO,CAAC,CAAC;QAE/D,OAAO,IAAI,CAAC,yBAAyB,GAAG,CAAC,CAAC;IAC5C,CAAC;IAED,IAAoB,wBAAwB,CAAC,KAAa;QACxD,KAAK,CAAC,wBAAwB,GAAG,KAAK,GAAG,CAAC,CAAC;IAC7C,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\n/** @packageDocumentation\n * @module PropertyGrid\n */\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport type { PropertyCategory } from \"../../PropertyDataProvider.js\";\nimport type {\n  IMutableFlatGridItem,\n  IMutableGridCategoryItem,\n} from \"./MutableFlatGridItem.js\";\nimport {\n  FlatGridItemType,\n  MutableFlatPropertyGridItem,\n} from \"./MutableFlatGridItem.js\";\nimport type { IMutableGridItemFactory } from \"./MutableGridItemFactory.js\";\n\n/**\n * Category name to PropertyRecord[] key pair interface used to describe which records belong to which category.\n * @public\n */\nexport interface CategoryRecordsDict {\n  [categoryName: string]: PropertyRecord[];\n}\n\n/**\n * Mutable wrapper object for PropertyCategory which provides methods for working with and managing category and record children hierarchies\n * @public\n */\nexport class MutableGridCategory\n  extends MutableFlatPropertyGridItem\n  implements IMutableGridCategoryItem\n{\n  private _children: IMutableFlatGridItem[];\n  private _selectionKey: string;\n  private _category: PropertyCategory;\n\n  constructor(\n    category: PropertyCategory,\n    recordsDict: CategoryRecordsDict,\n    gridItemFactory: IMutableGridItemFactory,\n    parentSelectionKey?: string,\n    depth: number = 0\n  ) {\n    super(depth, parentSelectionKey, parentSelectionKey);\n    this._category = {\n      name: category.name,\n      label: category.label,\n      expand: category.expand,\n    };\n\n    if (parentSelectionKey !== undefined)\n      this._selectionKey = `${parentSelectionKey}_${category.name}`;\n    else this._selectionKey = category.name;\n\n    this._isExpanded = category.expand;\n\n    // Even though categories are nested and have their own depth, categorized properties depth is counted starting with the parent category.\n    const categoryRecords = recordsDict[category.name] ?? [];\n    this._children = categoryRecords.map((value) =>\n      gridItemFactory.createCategorizedProperty(\n        value,\n        this.selectionKey,\n        this.selectionKey,\n        0\n      )\n    );\n\n    const childCategories = category.childCategories ?? [];\n    const child = childCategories.map((childCategory) =>\n      gridItemFactory.createGridCategory(\n        childCategory,\n        recordsDict,\n        this.selectionKey,\n        this.depth + 1\n      )\n    );\n\n    this._children.push(...child);\n\n    // Assign lastInNumberOfCategories and isLastInRootCategory for entire children hierarchy\n    this.lastInNumberOfCategories = 0;\n    this.isLastInRootCategory = this.isRootCategory;\n  }\n\n  /**\n   * Category is considered to be root category if its depth is 0\n   */\n  public get isRootCategory() {\n    return this.depth === 0;\n  }\n\n  public get selectionKey() {\n    return this._selectionKey;\n  }\n\n  public get type(): FlatGridItemType.Category {\n    return FlatGridItemType.Category;\n  }\n\n  public get name() {\n    return this._category.name;\n  }\n\n  public get label() {\n    return this._category.label;\n  }\n\n  public get derivedCategory(): PropertyCategory {\n    return { ...this._category, expand: this.isExpanded };\n  }\n\n  public getSelf() {\n    return this;\n  }\n\n  public getChildren(): IMutableFlatGridItem[] {\n    return this._children;\n  }\n\n  /**\n   * Gets and Sets lastInNumberOfCategories.\n   * Setter increments set value by one to account self as category.\n   * New value is sent down to this items last child\n   * @internal\n   */\n  public override get lastInNumberOfCategories(): number {\n    if (this.isExpanded && this.getChildren().length > 0) return 0;\n\n    return this._lastInNumberOfCategories - 1;\n  }\n\n  public override set lastInNumberOfCategories(value: number) {\n    super.lastInNumberOfCategories = value + 1;\n  }\n}\n"]}

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

@@ -0,0 +1,48 @@
+/** @packageDocumentation
+ * @module PropertyGrid
+ */
+import type { PropertyRecord } from "@itwin/appui-abstract";
+import type { PropertyCategory } from "../../PropertyDataProvider.js";
+import { MutableCategorizedArrayProperty } from "./MutableCategorizedArrayProperty.js";
+import { MutableCategorizedPrimitiveProperty } from "./MutableCategorizedPrimitiveProperty.js";
+import { MutableCategorizedStructProperty } from "./MutableCategorizedStructProperty.js";
+import type { IMutableCategorizedPropertyItem, IMutableGridCategoryItem } from "./MutableFlatGridItem.js";
+import type { CategoryRecordsDict } from "./MutableGridCategory.js";
+/**
+ * IMutableGridItemFactory interface for creating MutableGridItem objects
+ * @public
+ */
+export interface IMutableGridItemFactory {
+    createCategorizedProperty: (record: PropertyRecord, parentSelectionKey: string, parentCategorySelectionKey: string, depth: number, overrideName?: string, overrideDisplayLabel?: string) => IMutableCategorizedPropertyItem;
+    createGridCategory: (category: PropertyCategory, recordsDict: CategoryRecordsDict, parentSelectionKey?: string, depth?: number) => IMutableGridCategoryItem;
+}
+/**
+ * Implementation of IMutableGridItemFactory for creating MutableGridItem objects.
+ * @public
+ */
+export declare class MutableGridItemFactory implements IMutableGridItemFactory {
+    protected createPrimitiveProperty(record: PropertyRecord, parentSelectionKey: string, parentCategorySelectionKey: string, depth: number, overrideName?: string, overrideDisplayLabel?: string): MutableCategorizedPrimitiveProperty;
+    protected createArrayProperty(record: PropertyRecord, parentSelectionKey: string, parentCategorySelectionKey: string, depth: number, overrideName?: string, overrideDisplayLabel?: string): MutableCategorizedArrayProperty;
+    protected createStructProperty(record: PropertyRecord, parentSelectionKey: string, parentCategorySelectionKey: string, depth: number, overrideName?: string, overrideDisplayLabel?: string): MutableCategorizedStructProperty;
+    /**
+     * Converts record into FlatGridItem.
+     * @param record record to convert to a FlatGridItem.
+     * @param parentSelectionKey parent selection key of provided `record`.
+     * @param parentCategorySelectionKey parent category selection key of provided `record`.
+     * @param depth current depth counting from parent category.
+     * @param overrideName property name that overrides original record property name.
+     * @param overrideDisplayLabel property display label that overrides original record property display label.
+     * @returns converted CategorizedProperty.
+     */
+    createCategorizedProperty(record: PropertyRecord, parentSelectionKey: string, parentCategorySelectionKey: string, depth: number, overrideName?: string, overrideDisplayLabel?: string): IMutableCategorizedPropertyItem;
+    /**
+     * Converts category into GridCategoryItem.
+     * @param category PropertyCategory to convert.
+     * @param recordsDict dictionary of category records.
+     * @param parentSelectionKey parent selection key of this category.
+     * @param depth current depth counting from root category.
+     * @returns converted GridCategory.
+     */
+    createGridCategory(category: PropertyCategory, recordsDict: CategoryRecordsDict, parentSelectionKey?: string, depth?: number): IMutableGridCategoryItem;
+}
+//# sourceMappingURL=MutableGridItemFactory.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MutableGridItemFactory.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/internal/flat-items/MutableGridItemFactory.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AACvF,OAAO,EAAE,mCAAmC,EAAE,MAAM,0CAA0C,CAAC;AAC/F,OAAO,EAAE,gCAAgC,EAAE,MAAM,uCAAuC,CAAC;AAEzF,OAAO,KAAK,EACV,+BAA+B,EAC/B,wBAAwB,EACzB,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAGpE;;;GAGG;AACH,MAAM,WAAW,uBAAuB;IACtC,yBAAyB,EAAE,CACzB,MAAM,EAAE,cAAc,EACtB,kBAAkB,EAAE,MAAM,EAC1B,0BAA0B,EAAE,MAAM,EAClC,KAAK,EAAE,MAAM,EACb,YAAY,CAAC,EAAE,MAAM,EACrB,oBAAoB,CAAC,EAAE,MAAM,KAC1B,+BAA+B,CAAC;IAErC,kBAAkB,EAAE,CAClB,QAAQ,EAAE,gBAAgB,EAC1B,WAAW,EAAE,mBAAmB,EAChC,kBAAkB,CAAC,EAAE,MAAM,EAC3B,KAAK,CAAC,EAAE,MAAM,KACX,wBAAwB,CAAC;CAC/B;AAED;;;GAGG;AACH,qBAAa,sBAAuB,YAAW,uBAAuB;IACpE,SAAS,CAAC,uBAAuB,CAC/B,MAAM,EAAE,cAAc,EACtB,kBAAkB,EAAE,MAAM,EAC1B,0BAA0B,EAAE,MAAM,EAClC,KAAK,EAAE,MAAM,EACb,YAAY,CAAC,EAAE,MAAM,EACrB,oBAAoB,CAAC,EAAE,MAAM;IAY/B,SAAS,CAAC,mBAAmB,CAC3B,MAAM,EAAE,cAAc,EACtB,kBAAkB,EAAE,MAAM,EAC1B,0BAA0B,EAAE,MAAM,EAClC,KAAK,EAAE,MAAM,EACb,YAAY,CAAC,EAAE,MAAM,EACrB,oBAAoB,CAAC,EAAE,MAAM;IAa/B,SAAS,CAAC,oBAAoB,CAC5B,MAAM,EAAE,cAAc,EACtB,kBAAkB,EAAE,MAAM,EAC1B,0BAA0B,EAAE,MAAM,EAClC,KAAK,EAAE,MAAM,EACb,YAAY,CAAC,EAAE,MAAM,EACrB,oBAAoB,CAAC,EAAE,MAAM;IAa/B;;;;;;;;;OASG;IACI,yBAAyB,CAC9B,MAAM,EAAE,cAAc,EACtB,kBAAkB,EAAE,MAAM,EAC1B,0BAA0B,EAAE,MAAM,EAClC,KAAK,EAAE,MAAM,EACb,YAAY,CAAC,EAAE,MAAM,EACrB,oBAAoB,CAAC,EAAE,MAAM,GAC5B,+BAA+B;IAuClC;;;;;;;OAOG;IACI,kBAAkB,CACvB,QAAQ,EAAE,gBAAgB,EAC1B,WAAW,EAAE,mBAAmB,EAChC,kBAAkB,CAAC,EAAE,MAAM,EAC3B,KAAK,CAAC,EAAE,MAAM,GACb,wBAAwB;CAqB5B"}

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

@@ -0,0 +1,61 @@
+import { PropertyValueFormat } from "@itwin/appui-abstract";
+import { MutableCategorizedArrayProperty } from "./MutableCategorizedArrayProperty.js";
+import { MutableCategorizedPrimitiveProperty } from "./MutableCategorizedPrimitiveProperty.js";
+import { MutableCategorizedStructProperty } from "./MutableCategorizedStructProperty.js";
+import { MutableCustomGridCategory } from "./MutableCustomGridCategory.js";
+import { MutableGridCategory } from "./MutableGridCategory.js";
+/**
+ * Implementation of IMutableGridItemFactory for creating MutableGridItem objects.
+ * @public
+ */
+export class MutableGridItemFactory {
+    createPrimitiveProperty(record, parentSelectionKey, parentCategorySelectionKey, depth, overrideName, overrideDisplayLabel) {
+        return new MutableCategorizedPrimitiveProperty(record, parentSelectionKey, parentCategorySelectionKey, depth, overrideName, overrideDisplayLabel);
+    }
+    createArrayProperty(record, parentSelectionKey, parentCategorySelectionKey, depth, overrideName, overrideDisplayLabel) {
+        return new MutableCategorizedArrayProperty(record, parentSelectionKey, parentCategorySelectionKey, depth, this, overrideName, overrideDisplayLabel);
+    }
+    createStructProperty(record, parentSelectionKey, parentCategorySelectionKey, depth, overrideName, overrideDisplayLabel) {
+        return new MutableCategorizedStructProperty(record, parentSelectionKey, parentCategorySelectionKey, depth, this, overrideName, overrideDisplayLabel);
+    }
+    /**
+     * Converts record into FlatGridItem.
+     * @param record record to convert to a FlatGridItem.
+     * @param parentSelectionKey parent selection key of provided `record`.
+     * @param parentCategorySelectionKey parent category selection key of provided `record`.
+     * @param depth current depth counting from parent category.
+     * @param overrideName property name that overrides original record property name.
+     * @param overrideDisplayLabel property display label that overrides original record property display label.
+     * @returns converted CategorizedProperty.
+     */
+    createCategorizedProperty(record, parentSelectionKey, parentCategorySelectionKey, depth, overrideName, overrideDisplayLabel) {
+        const valueFormat = record.value.valueFormat;
+        switch (valueFormat) {
+            case PropertyValueFormat.Primitive:
+                return this.createPrimitiveProperty(record, parentSelectionKey, parentCategorySelectionKey, depth, overrideName, overrideDisplayLabel);
+            case PropertyValueFormat.Array:
+                return this.createArrayProperty(record, parentSelectionKey, parentCategorySelectionKey, depth, overrideName, overrideDisplayLabel);
+            case PropertyValueFormat.Struct:
+                return this.createStructProperty(record, parentSelectionKey, parentCategorySelectionKey, depth, overrideName, overrideDisplayLabel);
+            default:
+                const unhandledRecordType = valueFormat;
+                throw new Error(`Unhandled property record type. Was a new type added? ${unhandledRecordType}`);
+        }
+    }
+    /**
+     * Converts category into GridCategoryItem.
+     * @param category PropertyCategory to convert.
+     * @param recordsDict dictionary of category records.
+     * @param parentSelectionKey parent selection key of this category.
+     * @param depth current depth counting from root category.
+     * @returns converted GridCategory.
+     */
+    createGridCategory(category, recordsDict, parentSelectionKey, depth) {
+        if (category.renderer !== undefined)
+            return new MutableCustomGridCategory(category, recordsDict, this, parentSelectionKey, depth ?? 0);
+        if (parentSelectionKey !== undefined && depth !== undefined)
+            return new MutableGridCategory(category, recordsDict, this, parentSelectionKey, depth);
+        return new MutableGridCategory(category, recordsDict, this);
+    }
+}
+//# sourceMappingURL=MutableGridItemFactory.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MutableGridItemFactory.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/internal/flat-items/MutableGridItemFactory.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module PropertyGrid\n */\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport type { PropertyCategory } from \"../../PropertyDataProvider.js\";\nimport { MutableCategorizedArrayProperty } from \"./MutableCategorizedArrayProperty.js\";\nimport { MutableCategorizedPrimitiveProperty } from \"./MutableCategorizedPrimitiveProperty.js\";\nimport { MutableCategorizedStructProperty } from \"./MutableCategorizedStructProperty.js\";\nimport { MutableCustomGridCategory } from \"./MutableCustomGridCategory.js\";\nimport type {\n  IMutableCategorizedPropertyItem,\n  IMutableGridCategoryItem,\n} from \"./MutableFlatGridItem.js\";\nimport type { CategoryRecordsDict } from \"./MutableGridCategory.js\";\nimport { MutableGridCategory } from \"./MutableGridCategory.js\";\n\n/**\n * IMutableGridItemFactory interface for creating MutableGridItem objects\n * @public\n */\nexport interface IMutableGridItemFactory {\n  createCategorizedProperty: (\n    record: PropertyRecord,\n    parentSelectionKey: string,\n    parentCategorySelectionKey: string,\n    depth: number,\n    overrideName?: string,\n    overrideDisplayLabel?: string\n  ) => IMutableCategorizedPropertyItem;\n\n  createGridCategory: (\n    category: PropertyCategory,\n    recordsDict: CategoryRecordsDict,\n    parentSelectionKey?: string,\n    depth?: number\n  ) => IMutableGridCategoryItem;\n}\n\n/**\n * Implementation of IMutableGridItemFactory for creating MutableGridItem objects.\n * @public\n */\nexport class MutableGridItemFactory implements IMutableGridItemFactory {\n  protected createPrimitiveProperty(\n    record: PropertyRecord,\n    parentSelectionKey: string,\n    parentCategorySelectionKey: string,\n    depth: number,\n    overrideName?: string,\n    overrideDisplayLabel?: string\n  ) {\n    return new MutableCategorizedPrimitiveProperty(\n      record,\n      parentSelectionKey,\n      parentCategorySelectionKey,\n      depth,\n      overrideName,\n      overrideDisplayLabel\n    );\n  }\n\n  protected createArrayProperty(\n    record: PropertyRecord,\n    parentSelectionKey: string,\n    parentCategorySelectionKey: string,\n    depth: number,\n    overrideName?: string,\n    overrideDisplayLabel?: string\n  ) {\n    return new MutableCategorizedArrayProperty(\n      record,\n      parentSelectionKey,\n      parentCategorySelectionKey,\n      depth,\n      this,\n      overrideName,\n      overrideDisplayLabel\n    );\n  }\n\n  protected createStructProperty(\n    record: PropertyRecord,\n    parentSelectionKey: string,\n    parentCategorySelectionKey: string,\n    depth: number,\n    overrideName?: string,\n    overrideDisplayLabel?: string\n  ) {\n    return new MutableCategorizedStructProperty(\n      record,\n      parentSelectionKey,\n      parentCategorySelectionKey,\n      depth,\n      this,\n      overrideName,\n      overrideDisplayLabel\n    );\n  }\n\n  /**\n   * Converts record into FlatGridItem.\n   * @param record record to convert to a FlatGridItem.\n   * @param parentSelectionKey parent selection key of provided `record`.\n   * @param parentCategorySelectionKey parent category selection key of provided `record`.\n   * @param depth current depth counting from parent category.\n   * @param overrideName property name that overrides original record property name.\n   * @param overrideDisplayLabel property display label that overrides original record property display label.\n   * @returns converted CategorizedProperty.\n   */\n  public createCategorizedProperty(\n    record: PropertyRecord,\n    parentSelectionKey: string,\n    parentCategorySelectionKey: string,\n    depth: number,\n    overrideName?: string,\n    overrideDisplayLabel?: string\n  ): IMutableCategorizedPropertyItem {\n    const valueFormat = record.value.valueFormat;\n    switch (valueFormat) {\n      case PropertyValueFormat.Primitive:\n        return this.createPrimitiveProperty(\n          record,\n          parentSelectionKey,\n          parentCategorySelectionKey,\n          depth,\n          overrideName,\n          overrideDisplayLabel\n        );\n      case PropertyValueFormat.Array:\n        return this.createArrayProperty(\n          record,\n          parentSelectionKey,\n          parentCategorySelectionKey,\n          depth,\n          overrideName,\n          overrideDisplayLabel\n        );\n      case PropertyValueFormat.Struct:\n        return this.createStructProperty(\n          record,\n          parentSelectionKey,\n          parentCategorySelectionKey,\n          depth,\n          overrideName,\n          overrideDisplayLabel\n        );\n\n      default:\n        const unhandledRecordType: never = valueFormat;\n        throw new Error(\n          `Unhandled property record type. Was a new type added? ${unhandledRecordType}`\n        );\n    }\n  }\n\n  /**\n   * Converts category into GridCategoryItem.\n   * @param category PropertyCategory to convert.\n   * @param recordsDict dictionary of category records.\n   * @param parentSelectionKey parent selection key of this category.\n   * @param depth current depth counting from root category.\n   * @returns converted GridCategory.\n   */\n  public createGridCategory(\n    category: PropertyCategory,\n    recordsDict: CategoryRecordsDict,\n    parentSelectionKey?: string,\n    depth?: number\n  ): IMutableGridCategoryItem {\n    if (category.renderer !== undefined)\n      return new MutableCustomGridCategory(\n        category,\n        recordsDict,\n        this,\n        parentSelectionKey,\n        depth ?? 0\n      );\n\n    if (parentSelectionKey !== undefined && depth !== undefined)\n      return new MutableGridCategory(\n        category,\n        recordsDict,\n        this,\n        parentSelectionKey,\n        depth\n      );\n\n    return new MutableGridCategory(category, recordsDict, this);\n  }\n}\n"]}

package/lib/components-react/propertygrid/internal/flat-properties/FlatNonPrimitivePropertyRenderer.d.ts

@@ -0,0 +1,24 @@
+/** @packageDocumentation
+ * @module PropertyGrid
+ */
+import "../../../properties/renderers/NonPrimitivePropertyRenderer.scss";
+import * as React from "react";
+import type { PrimitiveRendererProps } from "../../../properties/renderers/PrimitivePropertyRenderer.js";
+/** Properties of [[FlatNonPrimitivePropertyRenderer]] React component
+ * @internal
+ */
+export interface FlatNonPrimitivePropertyRendererProps extends PrimitiveRendererProps {
+    isExpanded: boolean;
+    onExpandToggled: () => void;
+}
+/** React Component that renders flat struct and array properties
+ * @internal
+ */
+export declare class FlatNonPrimitivePropertyRenderer extends React.Component<FlatNonPrimitivePropertyRendererProps> {
+    constructor(props: FlatNonPrimitivePropertyRendererProps);
+    private _onExpanded;
+    private _onCollapsed;
+    private getLabel;
+    render(): React.JSX.Element;
+}
+//# sourceMappingURL=FlatNonPrimitivePropertyRenderer.d.ts.map

package/lib/components-react/propertygrid/internal/flat-properties/FlatNonPrimitivePropertyRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlatNonPrimitivePropertyRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/internal/flat-properties/FlatNonPrimitivePropertyRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,iEAAiE,CAAC;AACzE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,4DAA4D,CAAC;AAIzG;;GAEG;AACH,MAAM,WAAW,qCACf,SAAQ,sBAAsB;IAC9B,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED;;GAEG;AACH,qBAAa,gCAAiC,SAAQ,KAAK,CAAC,SAAS,CAAC,qCAAqC,CAAC;gBAC9F,KAAK,EAAE,qCAAqC;IAIxD,OAAO,CAAC,WAAW,CAEjB;IAEF,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,QAAQ;IA6BA,MAAM;CAIvB"}

package/lib/components-react/propertygrid/internal/flat-properties/FlatNonPrimitivePropertyRenderer.js

@@ -0,0 +1,42 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module PropertyGrid
+ */
+import "../../../properties/renderers/NonPrimitivePropertyRenderer.scss";
+import * as React from "react";
+import { PropertyValueFormat } from "@itwin/appui-abstract";
+import { CommonPropertyRenderer } from "../../../properties/renderers/CommonPropertyRenderer.js";
+import { NonPrimitivePropertyLabelRenderer } from "../../../properties/renderers/label/NonPrimitivePropertyLabelRenderer.js";
+import { PropertyView } from "../../../properties/renderers/PropertyView.js";
+/** React Component that renders flat struct and array properties
+ * @internal
+ */
+export class FlatNonPrimitivePropertyRenderer extends React.Component {
+    constructor(props) {
+        super(props);
+        this._onExpanded = () => {
+            if (!this.props.isExpanded)
+                this.props.onExpandToggled();
+        };
+        this._onCollapsed = () => {
+            if (this.props.isExpanded)
+                this.props.onExpandToggled();
+        };
+    }
+    getLabel(props) {
+        const { orientation, indentation, width, columnRatio, columnInfo } = props;
+        const offset = CommonPropertyRenderer.getLabelOffset(indentation, orientation, width, columnRatio, columnInfo?.minLabelWidth);
+        let displayLabel = props.propertyRecord.property.displayLabel;
+        if (props.propertyRecord.value.valueFormat === PropertyValueFormat.Array)
+            displayLabel = `${displayLabel} (${props.propertyRecord.value.items.length})`;
+        return (React.createElement(NonPrimitivePropertyLabelRenderer, { isExpanded: props.isExpanded, onExpand: this._onExpanded, onCollapse: this._onCollapsed, offset: offset, renderColon: false }, displayLabel));
+    }
+    render() {
+        const { indentation, ...props } = this.props;
+        return React.createElement(PropertyView, { labelElement: this.getLabel(this.props), ...props });
+    }
+}
+//# sourceMappingURL=FlatNonPrimitivePropertyRenderer.js.map

package/lib/components-react/propertygrid/internal/flat-properties/FlatNonPrimitivePropertyRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlatNonPrimitivePropertyRenderer.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/internal/flat-properties/FlatNonPrimitivePropertyRenderer.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AACH,OAAO,iEAAiE,CAAC;AACzE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,yDAAyD,CAAC;AAEjG,OAAO,EAAE,iCAAiC,EAAE,MAAM,0EAA0E,CAAC;AAC7H,OAAO,EAAE,YAAY,EAAE,MAAM,+CAA+C,CAAC;AAW7E;;GAEG;AACH,MAAM,OAAO,gCAAiC,SAAQ,KAAK,CAAC,SAAgD;IAC1G,YAAY,KAA4C;QACtD,KAAK,CAAC,KAAK,CAAC,CAAC;QAGP,gBAAW,GAAG,GAAG,EAAE;YACzB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU;gBAAE,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE,CAAC;QAC3D,CAAC,CAAC;QAEM,iBAAY,GAAG,GAAG,EAAE;YAC1B,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU;gBAAE,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE,CAAC;QAC1D,CAAC,CAAC;IARF,CAAC;IAUO,QAAQ,CACd,KAA4C;QAE5C,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;QAC3E,MAAM,MAAM,GAAG,sBAAsB,CAAC,cAAc,CAClD,WAAW,EACX,WAAW,EACX,KAAK,EACL,WAAW,EACX,UAAU,EAAE,aAAa,CAC1B,CAAC;QAEF,IAAI,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,YAAY,CAAC;QAC9D,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,WAAW,KAAK,mBAAmB,CAAC,KAAK;YACtE,YAAY,GAAG,GAAG,YAAY,KAAK,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;QAEhF,OAAO,CACL,oBAAC,iCAAiC,IAChC,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,QAAQ,EAAE,IAAI,CAAC,WAAW,EAC1B,UAAU,EAAE,IAAI,CAAC,YAAY,EAC7B,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,KAAK,IAEjB,YAAY,CACqB,CACrC,CAAC;IACJ,CAAC;IAEe,MAAM;QACpB,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC7C,OAAO,oBAAC,YAAY,IAAC,YAAY,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAM,KAAK,GAAI,CAAC;IAC9E,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module PropertyGrid\n */\nimport \"../../../properties/renderers/NonPrimitivePropertyRenderer.scss\";\nimport * as React from \"react\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { CommonPropertyRenderer } from \"../../../properties/renderers/CommonPropertyRenderer.js\";\nimport type { PrimitiveRendererProps } from \"../../../properties/renderers/PrimitivePropertyRenderer.js\";\nimport { NonPrimitivePropertyLabelRenderer } from \"../../../properties/renderers/label/NonPrimitivePropertyLabelRenderer.js\";\nimport { PropertyView } from \"../../../properties/renderers/PropertyView.js\";\n\n/** Properties of [[FlatNonPrimitivePropertyRenderer]] React component\n * @internal\n */\nexport interface FlatNonPrimitivePropertyRendererProps\n  extends PrimitiveRendererProps {\n  isExpanded: boolean;\n  onExpandToggled: () => void;\n}\n\n/** React Component that renders flat struct and array properties\n * @internal\n */\nexport class FlatNonPrimitivePropertyRenderer extends React.Component<FlatNonPrimitivePropertyRendererProps> {\n  constructor(props: FlatNonPrimitivePropertyRendererProps) {\n    super(props);\n  }\n\n  private _onExpanded = () => {\n    if (!this.props.isExpanded) this.props.onExpandToggled();\n  };\n\n  private _onCollapsed = () => {\n    if (this.props.isExpanded) this.props.onExpandToggled();\n  };\n\n  private getLabel(\n    props: FlatNonPrimitivePropertyRendererProps\n  ): React.ReactNode {\n    const { orientation, indentation, width, columnRatio, columnInfo } = props;\n    const offset = CommonPropertyRenderer.getLabelOffset(\n      indentation,\n      orientation,\n      width,\n      columnRatio,\n      columnInfo?.minLabelWidth\n    );\n\n    let displayLabel = props.propertyRecord.property.displayLabel;\n    if (props.propertyRecord.value.valueFormat === PropertyValueFormat.Array)\n      displayLabel = `${displayLabel} (${props.propertyRecord.value.items.length})`;\n\n    return (\n      <NonPrimitivePropertyLabelRenderer\n        isExpanded={props.isExpanded}\n        onExpand={this._onExpanded}\n        onCollapse={this._onCollapsed}\n        offset={offset}\n        renderColon={false}\n      >\n        {displayLabel}\n      </NonPrimitivePropertyLabelRenderer>\n    );\n  }\n\n  public override render() {\n    const { indentation, ...props } = this.props;\n    return <PropertyView labelElement={this.getLabel(this.props)} {...props} />;\n  }\n}\n"]}

package/lib/components-react/propertygrid/internal/flat-properties/FlatPropertyRenderer.d.ts

@@ -0,0 +1,41 @@
+/** @packageDocumentation
+ * @module PropertyGrid
+ */
+import * as React from "react";
+import type { HighlightingComponentProps } from "../../../common/HighlightingComponentProps.js";
+import type { PropertyUpdatedArgs } from "../../../editors/EditorContainer.js";
+import type { SharedRendererProps } from "../../../properties/renderers/PropertyRenderer.js";
+import { PropertyValueRendererManager } from "../../../properties/ValueRendererManager.js";
+import type { PropertyCategory } from "../../PropertyDataProvider.js";
+/** Properties of [[FlatPropertyRenderer]] React component
+ * @internal
+ */
+export interface FlatPropertyRendererProps extends SharedRendererProps {
+    category?: PropertyCategory;
+    /** Custom value renderer */
+    propertyValueRendererManager?: PropertyValueRendererManager;
+    /** Multiplier of how much the property is indented to the right */
+    indentation?: number;
+    /** Indicates property is being edited */
+    isEditing?: boolean;
+    /** Called when property edit is committed. */
+    onEditCommit?: (args: PropertyUpdatedArgs, category: PropertyCategory) => void;
+    /** Called when property edit is cancelled. */
+    onEditCancel?: () => void;
+    /** Whether property value is displayed in expanded state. */
+    isExpanded: boolean;
+    /** Called when toggling between expanded and collapsed property value display state. */
+    onExpansionToggled: () => void;
+    /** Reports property height changes. */
+    onHeightChanged?: (newHeight: number) => void;
+    highlight?: HighlightingComponentProps & {
+        applyOnLabel: boolean;
+        applyOnValue: boolean;
+    };
+    children?: never;
+}
+/**  A React component that renders flat properties
+ * @internal
+ */
+export declare const FlatPropertyRenderer: React.FC<FlatPropertyRendererProps>;
+//# sourceMappingURL=FlatPropertyRenderer.d.ts.map

package/lib/components-react/propertygrid/internal/flat-properties/FlatPropertyRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlatPropertyRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/internal/flat-properties/FlatPropertyRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,+CAA+C,CAAC;AAChG,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAI/E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AAC7F,OAAO,EAAE,4BAA4B,EAAE,MAAM,6CAA6C,CAAC;AAC3F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAKtE;;GAEG;AACH,MAAM,WAAW,yBAA0B,SAAQ,mBAAmB;IACpE,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,4BAA4B;IAC5B,4BAA4B,CAAC,EAAE,4BAA4B,CAAC;IAC5D,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yCAAyC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8CAA8C;IAC9C,YAAY,CAAC,EAAE,CACb,IAAI,EAAE,mBAAmB,EACzB,QAAQ,EAAE,gBAAgB,KACvB,IAAI,CAAC;IACV,8CAA8C;IAC9C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,6DAA6D;IAC7D,UAAU,EAAE,OAAO,CAAC;IACpB,wFAAwF;IACxF,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,uCAAuC;IACvC,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAE9C,SAAS,CAAC,EAAE,0BAA0B,GAAG;QACvC,YAAY,EAAE,OAAO,CAAC;QACtB,YAAY,EAAE,OAAO,CAAC;KACvB,CAAC;IAEF,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB;AAED;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAsFpE,CAAC"}

package/lib/components-react/propertygrid/internal/flat-properties/FlatPropertyRenderer.js

@@ -0,0 +1,65 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module PropertyGrid
+ */
+import * as React from "react";
+import { PropertyValueFormat } from "@itwin/appui-abstract";
+import { EditorContainer } from "../../../editors/EditorContainer.js";
+import { CommonPropertyRenderer } from "../../../properties/renderers/CommonPropertyRenderer.js";
+import { PropertyValueRendererManager } from "../../../properties/ValueRendererManager.js";
+import { FlatNonPrimitivePropertyRenderer } from "./FlatNonPrimitivePropertyRenderer.js";
+import { CustomizablePropertyRenderer } from "../../../properties/renderers/CustomizablePropertyRenderer.js";
+import { Orientation } from "../../../common/Orientation.js";
+/**  A React component that renders flat properties
+ * @internal
+ */
+export const FlatPropertyRenderer = (props) => {
+    const { category, propertyValueRendererManager, isEditing, onEditCommit, onEditCancel, onHeightChanged, highlight, ...passthroughProps } = props;
+    const valueElementRenderer = () => (React.createElement(DisplayValue, { propertyRecord: passthroughProps.propertyRecord, orientation: passthroughProps.orientation, columnRatio: passthroughProps.columnRatio, width: passthroughProps.width, category: category, propertyValueRendererManager: propertyValueRendererManager, isEditing: isEditing, onEditCommit: onEditCommit, onEditCancel: onEditCancel, isExpanded: passthroughProps.isExpanded, onExpansionToggled: passthroughProps.onExpansionToggled, onHeightChanged: onHeightChanged, highlight: highlight, indentation: props.indentation }));
+    const primitiveRendererProps = {
+        ...passthroughProps,
+        valueElementRenderer,
+        indentation: props.indentation,
+    };
+    const rendererManager = propertyValueRendererManager ?? PropertyValueRendererManager.defaultManager;
+    const hasCustomRenderer = rendererManager.hasCustomRenderer(passthroughProps.propertyRecord);
+    switch (props.propertyRecord.value.valueFormat) {
+        case PropertyValueFormat.Primitive:
+            return (React.createElement(CustomizablePropertyRenderer, { highlight: highlight?.applyOnLabel ? highlight : undefined, ...primitiveRendererProps }));
+        case PropertyValueFormat.Array:
+            // If array is empty or has a custom renderer registered, render it as a customizable property
+            if (props.propertyRecord.value.items.length === 0 || hasCustomRenderer)
+                return (React.createElement(CustomizablePropertyRenderer, { highlight: highlight?.applyOnLabel ? highlight : undefined, ...primitiveRendererProps }));
+        // eslint-disable-next-line no-fallthrough
+        case PropertyValueFormat.Struct:
+            // If a custom renderer is registered for the struct property, render it as a customizable property
+            if (hasCustomRenderer) {
+                return (React.createElement(CustomizablePropertyRenderer, { highlight: highlight?.applyOnLabel ? highlight : undefined, ...primitiveRendererProps }));
+            }
+            return (React.createElement(FlatNonPrimitivePropertyRenderer, { ...primitiveRendererProps, isExpanded: props.isExpanded, onExpandToggled: props.onExpansionToggled, valueElement: undefined, valueElementRenderer: undefined }));
+    }
+};
+const DisplayValue = (props) => {
+    useResetHeightOnEdit(props.orientation, props.isEditing, props.onHeightChanged);
+    if (props.isEditing) {
+        const _onEditCommit = (args) => {
+            if (props.category)
+                props.onEditCommit?.(args, props.category);
+        };
+        return (React.createElement(EditorContainer, { propertyRecord: props.propertyRecord, onCommit: _onEditCommit, onCancel: props.onEditCancel ?? (() => { }), setFocus: true }));
+    }
+    return (React.createElement(React.Fragment, null, CommonPropertyRenderer.createNewDisplayValue(props.orientation, props.propertyRecord, props.indentation, props.propertyValueRendererManager, props.isExpanded, props.onExpansionToggled, props.onHeightChanged, props.highlight)));
+};
+function useResetHeightOnEdit(orientation, isEditing, onHeightChanged) {
+    const previousEditingStatusRef = React.useRef(isEditing);
+    React.useEffect(() => {
+        if (!previousEditingStatusRef.current && isEditing) {
+            onHeightChanged?.(orientation === Orientation.Vertical ? 48 : 28);
+        }
+        previousEditingStatusRef.current = isEditing;
+    });
+}
+//# sourceMappingURL=FlatPropertyRenderer.js.map

package/lib/components-react/propertygrid/internal/flat-properties/FlatPropertyRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlatPropertyRenderer.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/internal/flat-properties/FlatPropertyRenderer.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module PropertyGrid\n */\n\nimport * as React from \"react\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport type { HighlightingComponentProps } from \"../../../common/HighlightingComponentProps.js\";\nimport type { PropertyUpdatedArgs } from \"../../../editors/EditorContainer.js\";\nimport { EditorContainer } from \"../../../editors/EditorContainer.js\";\nimport { CommonPropertyRenderer } from \"../../../properties/renderers/CommonPropertyRenderer.js\";\nimport type { PrimitiveRendererProps } from \"../../../properties/renderers/PrimitivePropertyRenderer.js\";\nimport type { SharedRendererProps } from \"../../../properties/renderers/PropertyRenderer.js\";\nimport { PropertyValueRendererManager } from \"../../../properties/ValueRendererManager.js\";\nimport type { PropertyCategory } from \"../../PropertyDataProvider.js\";\nimport { FlatNonPrimitivePropertyRenderer } from \"./FlatNonPrimitivePropertyRenderer.js\";\nimport { CustomizablePropertyRenderer } from \"../../../properties/renderers/CustomizablePropertyRenderer.js\";\nimport { Orientation } from \"../../../common/Orientation.js\";\n\n/** Properties of [[FlatPropertyRenderer]] React component\n * @internal\n */\nexport interface FlatPropertyRendererProps extends SharedRendererProps {\n  category?: PropertyCategory;\n  /** Custom value renderer */\n  propertyValueRendererManager?: PropertyValueRendererManager;\n  /** Multiplier of how much the property is indented to the right */\n  indentation?: number;\n  /** Indicates property is being edited */\n  isEditing?: boolean;\n  /** Called when property edit is committed. */\n  onEditCommit?: (\n    args: PropertyUpdatedArgs,\n    category: PropertyCategory\n  ) => void;\n  /** Called when property edit is cancelled. */\n  onEditCancel?: () => void;\n  /** Whether property value is displayed in expanded state. */\n  isExpanded: boolean;\n  /** Called when toggling between expanded and collapsed property value display state. */\n  onExpansionToggled: () => void;\n  /** Reports property height changes. */\n  onHeightChanged?: (newHeight: number) => void;\n\n  highlight?: HighlightingComponentProps & {\n    applyOnLabel: boolean;\n    applyOnValue: boolean;\n  };\n\n  children?: never;\n}\n\n/**  A React component that renders flat properties\n * @internal\n */\nexport const FlatPropertyRenderer: React.FC<FlatPropertyRendererProps> = (\n  props\n) => {\n  const {\n    category,\n    propertyValueRendererManager,\n    isEditing,\n    onEditCommit,\n    onEditCancel,\n    onHeightChanged,\n    highlight,\n    ...passthroughProps\n  } = props;\n\n  const valueElementRenderer = () => (\n    <DisplayValue\n      propertyRecord={passthroughProps.propertyRecord}\n      orientation={passthroughProps.orientation}\n      columnRatio={passthroughProps.columnRatio}\n      width={passthroughProps.width}\n      category={category}\n      propertyValueRendererManager={propertyValueRendererManager}\n      isEditing={isEditing}\n      onEditCommit={onEditCommit}\n      onEditCancel={onEditCancel}\n      isExpanded={passthroughProps.isExpanded}\n      onExpansionToggled={passthroughProps.onExpansionToggled}\n      onHeightChanged={onHeightChanged}\n      highlight={highlight}\n      indentation={props.indentation}\n    />\n  );\n\n  const primitiveRendererProps: PrimitiveRendererProps = {\n    ...passthroughProps,\n    valueElementRenderer,\n    indentation: props.indentation,\n  };\n\n  const rendererManager =\n    propertyValueRendererManager ?? PropertyValueRendererManager.defaultManager;\n  const hasCustomRenderer = rendererManager.hasCustomRenderer(\n    passthroughProps.propertyRecord\n  );\n\n  switch (props.propertyRecord.value.valueFormat) {\n    case PropertyValueFormat.Primitive:\n      return (\n        <CustomizablePropertyRenderer\n          highlight={highlight?.applyOnLabel ? highlight : undefined}\n          {...primitiveRendererProps}\n        />\n      );\n\n    case PropertyValueFormat.Array:\n      // If array is empty or has a custom renderer registered, render it as a customizable property\n      if (props.propertyRecord.value.items.length === 0 || hasCustomRenderer)\n        return (\n          <CustomizablePropertyRenderer\n            highlight={highlight?.applyOnLabel ? highlight : undefined}\n            {...primitiveRendererProps}\n          />\n        );\n\n    // eslint-disable-next-line no-fallthrough\n    case PropertyValueFormat.Struct:\n      // If a custom renderer is registered for the struct property, render it as a customizable property\n      if (hasCustomRenderer) {\n        return (\n          <CustomizablePropertyRenderer\n            highlight={highlight?.applyOnLabel ? highlight : undefined}\n            {...primitiveRendererProps}\n          />\n        );\n      }\n\n      return (\n        <FlatNonPrimitivePropertyRenderer\n          {...primitiveRendererProps}\n          isExpanded={props.isExpanded}\n          onExpandToggled={props.onExpansionToggled}\n          valueElement={undefined}\n          valueElementRenderer={undefined}\n        />\n      );\n  }\n};\n\ninterface DisplayValueProps {\n  isEditing?: boolean;\n  propertyRecord: PropertyRecord;\n\n  orientation: Orientation;\n  columnRatio?: number;\n  /** Pass width to rerender component as property grid width changes */\n  width?: number;\n  indentation?: number;\n  propertyValueRendererManager?: PropertyValueRendererManager;\n  isExpanded?: boolean;\n  onExpansionToggled?: () => void;\n  onHeightChanged?: (newHeight: number) => void;\n\n  category?: PropertyCategory;\n  onEditCancel?: () => void;\n  onEditCommit?: (\n    args: PropertyUpdatedArgs,\n    category: PropertyCategory\n  ) => void;\n\n  highlight?: HighlightingComponentProps & {\n    applyOnLabel: boolean;\n    applyOnValue: boolean;\n  };\n}\n\nconst DisplayValue: React.FC<DisplayValueProps> = (props) => {\n  useResetHeightOnEdit(\n    props.orientation,\n    props.isEditing,\n    props.onHeightChanged\n  );\n\n  if (props.isEditing) {\n    const _onEditCommit = (args: PropertyUpdatedArgs) => {\n      if (props.category) props.onEditCommit?.(args, props.category);\n    };\n\n    return (\n      <EditorContainer\n        propertyRecord={props.propertyRecord}\n        onCommit={_onEditCommit}\n        onCancel={props.onEditCancel ?? (() => {})}\n        setFocus={true}\n      />\n    );\n  }\n\n  return (\n    <>\n      {CommonPropertyRenderer.createNewDisplayValue(\n        props.orientation,\n        props.propertyRecord,\n        props.indentation,\n        props.propertyValueRendererManager,\n        props.isExpanded,\n        props.onExpansionToggled,\n        props.onHeightChanged,\n        props.highlight\n      )}\n    </>\n  );\n};\n\nfunction useResetHeightOnEdit(\n  orientation: Orientation,\n  isEditing?: boolean,\n  onHeightChanged?: (newHeight: number) => void\n) {\n  const previousEditingStatusRef = React.useRef(isEditing);\n  React.useEffect(() => {\n    if (!previousEditingStatusRef.current && isEditing) {\n      onHeightChanged?.(orientation === Orientation.Vertical ? 48 : 28);\n    }\n\n    previousEditingStatusRef.current = isEditing;\n  });\n}\n"]}

package/lib/components-react/selectable-content/SelectableContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectableContent.d.ts","sourceRoot":"","sources":["../../../src/components-react/selectable-content/SelectableContent.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,0BAA0B,CAAC;AAClC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;GAIG;AACH,MAAM,WAAW,2BAA2B;IAC1C,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;CAC/B;AAED;;;;GAIG;AACH,MAAM,WAAW,gCAAgC;IAC/C,iBAAiB,EAAE,MAAM,CAAC;IAC1B,0BAA0B,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,QAAQ,EAAE,2BAA2B,EAAE,CAAC;IACxC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,2BAA2B,CAEzC,KAAK,EAAE,gCAAgC,qBA0CxC;AAED;;;;GAIG;AACH,MAAM,WAAW,sBAAsB;IACrC,wBAAwB,EAAE,MAAM,CAAC;IACjC,QAAQ,EAAE,2BAA2B,EAAE,CAAC;IACxC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;GAKG;AAEH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,qBAiB9D"}

package/lib/components-react/selectable-content/SelectableContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectableContent.js","sourceRoot":"","sources":["../../../src/components-react/selectable-content/SelectableContent.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,0BAA0B,CAAC;AAClC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AA0B9C;;;;;GAKG;AACH,MAAM,UAAU,2BAA2B;AACzC,sDAAsD;AACtD,KAAuC;IAEvC,MAAM,EAAE,0BAA0B,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEvD,MAAM,mBAAmB,GAAG,KAAK,CAAC,WAAW,CAC3C,CAAC,QAAgB,EAAQ,EAAE;QACzB,0BAA0B,IAAI,0BAA0B,CAAC,QAAQ,CAAC,CAAC;IACrE,CAAC,EACD,CAAC,0BAA0B,CAAC,CAC7B,CAAC;IAEF,MAAM,eAAe,GACnB,KAAK,CAAC,QAAQ,CAAC,IAAI,CACjB,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,EAAE,KAAK,KAAK,CAAC,iBAAiB,CAC1D,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACzB,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACjC,OAAO,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;YAC3C,KAAK,EAAE,YAAY,CAAC,KAAK;YACzB,KAAK,EAAE,YAAY,CAAC,EAAE;SACvB,CAAC,CAA2B,CAAC;IAChC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,6BAAK,SAAS,EAAC,+BAA+B;QAC5C,6BAAK,SAAS,EAAC,sCAAsC,IAClD,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CACrB,oBAAC,MAAM,IACL,QAAQ,EAAE,mBAAmB,EAC7B,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,wCAAwC,gBACtC,KAAK,CAAC,eAAe,EACjC,KAAK,EAAE,eAAe,CAAC,EAAE,EACzB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GAClB,CACH,CACG;QACN,6BAAK,SAAS,EAAC,uCAAuC,IACnD,eAAe,EAAE,MAAM,EAAE,CACtB,CACF,CACP,CAAC;AACJ,CAAC;AAcD;;;;;GAKG;AACH,mDAAmD;AACnD,MAAM,UAAU,iBAAiB,CAAC,KAA6B;IAC7D,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAC9D,KAAK,CAAC,wBAAwB,CAC/B,CAAC;IACF,MAAM,0BAA0B,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,EAAU,EAAE,EAAE;QAClE,oBAAoB,CAAC,EAAE,CAAC,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CACL,oBAAC,2BAA2B,IAC1B,iBAAiB,EAAE,iBAAiB,EACpC,0BAA0B,EAAE,0BAA0B,EACtD,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAEvB,KAAK,CAAC,QAAQ,CACa,CAC/B,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module SelectableContent\n */\n\nimport \"./SelectableContent.scss\";\nimport * as React from \"react\";\nimport type { SelectOption } from \"@itwin/itwinui-react\";\nimport { Select } from \"@itwin/itwinui-react\";\n\n/**\n * A definition for content displayed in [[ControlledSelectableContent]] and\n * [[SelectableContent]] components.\n * @public\n */\nexport interface SelectableContentDefinition {\n  id: string;\n  label: string;\n  render: () => React.ReactNode;\n}\n\n/**\n * [[ControlledSelectableContent]] component properties\n * @public\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof ControlledSelectableContent>`\n */\nexport interface ControlledSelectableContentProps {\n  selectedContentId: string;\n  onSelectedContentIdChanged?: (contentId: string) => void;\n  children: SelectableContentDefinition[];\n  selectAriaLabel?: string;\n  disabled?: boolean;\n}\n\n/**\n * A fully-controlled component that accepts a list of child components with ids and labels and\n * renders a select box at the top, allowing to choose which of the provided child components\n * should be rendered at the bottom.\n * @public\n */\nexport function ControlledSelectableContent(\n  /* eslint-disable-next-line deprecation/deprecation */\n  props: ControlledSelectableContentProps\n) {\n  const { onSelectedContentIdChanged, disabled } = props;\n\n  const onContentIdSelected = React.useCallback(\n    (newValue: string): void => {\n      onSelectedContentIdChanged && onSelectedContentIdChanged(newValue);\n    },\n    [onSelectedContentIdChanged]\n  );\n\n  const selectedContent =\n    props.children.find(\n      (contentDef) => contentDef.id === props.selectedContentId\n    ) ?? props.children[0];\n  const options = React.useMemo(() => {\n    return props.children.map((componentDef) => ({\n      label: componentDef.label,\n      value: componentDef.id,\n    })) as SelectOption<string>[];\n  }, [props.children]);\n\n  return (\n    <div className=\"components-selectable-content\">\n      <div className=\"components-selectable-content-header\">\n        {options.length > 0 && (\n          <Select\n            onChange={onContentIdSelected}\n            size=\"small\"\n            className=\"components-selectable-content-selector\"\n            aria-label={props.selectAriaLabel}\n            value={selectedContent.id}\n            options={options}\n            disabled={disabled}\n          />\n        )}\n      </div>\n      <div className=\"components-selectable-content-wrapper\">\n        {selectedContent?.render()}\n      </div>\n    </div>\n  );\n}\n\n/**\n * [[SelectableContent]] component properties\n * @public\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof SelectableContent>`\n */\nexport interface SelectableContentProps {\n  defaultSelectedContentId: string;\n  children: SelectableContentDefinition[];\n  selectAriaLabel?: string;\n  disabled?: boolean;\n}\n\n/**\n * An uncontrolled component that accepts a list of child components with ids and labels and\n * renders a select box at the top, allowing to choose which of the provided child components\n * should be rendered at the bottom.\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function SelectableContent(props: SelectableContentProps) {\n  const [selectedContentId, setSelectedContentId] = React.useState(\n    props.defaultSelectedContentId\n  );\n  const onSelectedContentIdChanged = React.useCallback((id: string) => {\n    setSelectedContentId(id);\n  }, []);\n  return (\n    <ControlledSelectableContent\n      selectedContentId={selectedContentId}\n      onSelectedContentIdChanged={onSelectedContentIdChanged}\n      selectAriaLabel={props.selectAriaLabel}\n      disabled={props.disabled}\n    >\n      {props.children}\n    </ControlledSelectableContent>\n  );\n}\n"]}

package/lib/components-react/selectable-content/SelectableContent.scss

@@ -0,0 +1,20 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+
+.components-selectable-content {
+  display: flex;
+  flex-direction: column;
+
+  .components-selectable-content-header {
+    .components-selectable-content-selector {
+      width: 100%;
+    }
+  }
+
+  .components-selectable-content-wrapper {
+    flex-grow: 1;
+    overflow: hidden;
+  }
+}