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

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

@@ -0,0 +1,14 @@
+/** @packageDocumentation
+ * @module Properties
+ */
+import * as React from "react";
+import type { TableSpecificValueRendererProps } from "./NonPrimitiveValueRenderer.js";
+/** A react component which renders struct property value as a button with text
+ * @public
+ */
+export declare class TableStructValueRenderer extends React.PureComponent<TableSpecificValueRendererProps> {
+    private getButtonLabel;
+    private getDialogContents;
+    render(): React.JSX.Element;
+}
+//# sourceMappingURL=StructValueRenderer.d.ts.map

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

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

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

@@ -0,0 +1,25 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Properties
+ */
+import * as React from "react";
+import { NonPrimitivePropertyRenderer } from "../../NonPrimitivePropertyRenderer.js";
+import { TableNonPrimitiveValueRenderer as TableValueRenderer } from "./NonPrimitiveValueRenderer.js";
+/** A react component which renders struct property value as a button with text
+ * @public
+ */
+export class TableStructValueRenderer extends React.PureComponent {
+    getButtonLabel(props) {
+        return `{${props.propertyRecord.property.typename}}`;
+    }
+    getDialogContents() {
+        return (React.createElement(NonPrimitivePropertyRenderer, { uniqueKey: `table_struct_${this.props.propertyRecord.property.name}`, orientation: this.props.orientation, propertyRecord: this.props.propertyRecord }));
+    }
+    render() {
+        return (React.createElement(TableValueRenderer, { buttonLabel: this.getButtonLabel(this.props), dialogTitle: `Struct of type "${this.props.propertyRecord.property.typename}"`, dialogContents: this.getDialogContents(), onDialogOpen: this.props.onDialogOpen }));
+    }
+}
+//# sourceMappingURL=StructValueRenderer.js.map

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

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

package/lib/components-react/propertygrid/MergingPropertyDataProvider.d.ts

@@ -0,0 +1,34 @@
+/** @packageDocumentation
+ * @module PropertyGrid
+ */
+import { PropertyRecord } from "@itwin/appui-abstract";
+import type { IPropertyDataProvider, PropertyData } from "./PropertyDataProvider.js";
+import { PropertyDataChangeEvent } from "./PropertyDataProvider.js";
+/**
+ * An interface for property data provider which combines any number of [[IPropertyDataProvider]] instances.
+ * @public
+ */
+export interface IMergingPropertyDataProvider {
+    /**
+     * Property data change event that is raised when any of the source providers raise this event.
+     */
+    onDataChanged: PropertyDataChangeEvent;
+    /**
+     * Determines source provider from a given [[PropertyRecord]].
+     *
+     * @returns
+     * - `undefined` if source provider can't be determined.
+     * - Source provider if it is found.
+     */
+    getSourceProviderFromPropertyRecord(record: PropertyRecord): IPropertyDataProvider | undefined;
+    /**
+     * Returns merged property data from all source providers.
+     */
+    getData(): Promise<PropertyData>;
+}
+/**
+ * Factory function that creates [[IMergingPropertyDataProvider]] instance
+ * @public
+ */
+export declare function createMergedPropertyDataProvider(providers: IPropertyDataProvider[]): IMergingPropertyDataProvider;
+//# sourceMappingURL=MergingPropertyDataProvider.d.ts.map

package/lib/components-react/propertygrid/MergingPropertyDataProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MergingPropertyDataProvider.d.ts","sourceRoot":"","sources":["../../../src/components-react/propertygrid/MergingPropertyDataProvider.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,KAAK,EACV,qBAAqB,EAErB,YAAY,EACb,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAKpE;;;GAGG;AACH,MAAM,WAAW,4BAA4B;IAC3C;;OAEG;IACH,aAAa,EAAE,uBAAuB,CAAC;IACvC;;;;;;OAMG;IACH,mCAAmC,CACjC,MAAM,EAAE,cAAc,GACrB,qBAAqB,GAAG,SAAS,CAAC;IACrC;;OAEG;IACH,OAAO,IAAI,OAAO,CAAC,YAAY,CAAC,CAAC;CAClC;AA4JD;;;GAGG;AACH,wBAAgB,gCAAgC,CAC9C,SAAS,EAAE,qBAAqB,EAAE,GACjC,4BAA4B,CAE9B"}

package/lib/components-react/propertygrid/MergingPropertyDataProvider.js

@@ -0,0 +1,125 @@
+/*---------------------------------------------------------------------------------------------
+ * 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 { PropertyRecord } from "@itwin/appui-abstract";
+import { PropertyDataChangeEvent } from "./PropertyDataProvider.js";
+import { UiComponents } from "../UiComponents.js";
+const SOURCE_PROVIDER_KEY = `${UiComponents.packageName}/source-provider`;
+class MergingPropertyDataProviderImpl {
+    constructor(providers) {
+        this.onDataChanged = new PropertyDataChangeEvent();
+        this._providers = providers;
+        for (const provider of this._providers) {
+            provider.onDataChanged.addListener(() => this.onDataChanged.raiseEvent());
+        }
+    }
+    async getData() {
+        const providersData = this._providers.map(async (provider) => this.getDataWithReferenceToProvider(provider));
+        const dataArray = await Promise.all(providersData);
+        return this.mergePropertyDataArray(dataArray);
+    }
+    async getDataWithReferenceToProvider(provider) {
+        const providerData = await provider.getData();
+        for (const categoryName in providerData.records) {
+            if (!providerData.records.hasOwnProperty(categoryName)) {
+                continue;
+            }
+            providerData.records[categoryName].forEach((categoryRecord) => {
+                categoryRecord.extendedData = {
+                    ...categoryRecord.extendedData,
+                    [SOURCE_PROVIDER_KEY]: provider,
+                };
+            });
+        }
+        return providerData;
+    }
+    mergePropertyDataArray(dataArray) {
+        return {
+            label: this.mergeLabels(dataArray),
+            description: this.mergeDescriptions(dataArray),
+            categories: this.mergeCategories(dataArray),
+            records: this.mergeRecords(dataArray),
+        };
+    }
+    mergeLabels(dataArray) {
+        // We don't care about labels, just use the first one
+        if (dataArray.length > 0) {
+            return dataArray[0].label;
+        }
+        return PropertyRecord.fromString("");
+    }
+    mergeDescriptions(dataArray) {
+        // We don't care about descriptions, just use the first one
+        if (dataArray.length > 0) {
+            return dataArray[0].description;
+        }
+        return undefined;
+    }
+    mergeCategories(dataArray) {
+        let mergedCategories;
+        if (dataArray.length > 0) {
+            mergedCategories = [...dataArray[0].categories];
+        }
+        for (let i = 1; i < dataArray.length; ++i) {
+            mergedCategories = this.mergeChildCategories(mergedCategories, dataArray[i].categories);
+        }
+        return mergedCategories ?? [];
+    }
+    mergeChildCategories(lhs, rhs) {
+        if (!lhs || lhs.length === 0) {
+            return rhs;
+        }
+        if (!rhs || rhs.length === 0) {
+            return lhs;
+        }
+        const mergedCategories = [...lhs];
+        for (const rhsCategory of rhs) {
+            const childCategoryIndex = mergedCategories.findIndex((mergedCategory) => mergedCategory.name === rhsCategory.name);
+            if (childCategoryIndex === -1) {
+                mergedCategories.push(rhsCategory);
+                continue;
+            }
+            const newChildCategories = this.mergeChildCategories(mergedCategories[childCategoryIndex].childCategories, rhsCategory.childCategories);
+            mergedCategories[childCategoryIndex] = {
+                ...mergedCategories[childCategoryIndex],
+                ...(newChildCategories ? { childCategories: newChildCategories } : {}),
+            };
+        }
+        return mergedCategories;
+    }
+    mergeRecords(dataArray) {
+        const mergedRecords = {};
+        dataArray.forEach((data) => {
+            for (const categoryName in data.records) {
+                if (!data.records.hasOwnProperty(categoryName)) {
+                    continue;
+                }
+                if (mergedRecords.hasOwnProperty(categoryName)) {
+                    mergedRecords[categoryName].push(...data.records[categoryName]);
+                    continue;
+                }
+                mergedRecords[categoryName] = [...data.records[categoryName]];
+            }
+        });
+        return mergedRecords;
+    }
+    getSourceProviderFromPropertyRecord(record) {
+        if (!record.extendedData ||
+            !record.extendedData.hasOwnProperty(SOURCE_PROVIDER_KEY)) {
+            return undefined;
+        }
+        return record.extendedData[SOURCE_PROVIDER_KEY];
+    }
+}
+/**
+ * Factory function that creates [[IMergingPropertyDataProvider]] instance
+ * @public
+ */
+export function createMergedPropertyDataProvider(providers) {
+    return new MergingPropertyDataProviderImpl(providers);
+}
+//# sourceMappingURL=MergingPropertyDataProvider.js.map

package/lib/components-react/propertygrid/MergingPropertyDataProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MergingPropertyDataProvider.js","sourceRoot":"","sources":["../../../src/components-react/propertygrid/MergingPropertyDataProvider.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module PropertyGrid\n */\n\nimport { PropertyRecord } from \"@itwin/appui-abstract\";\nimport type {\n  IPropertyDataProvider,\n  PropertyCategory,\n  PropertyData,\n} from \"./PropertyDataProvider.js\";\nimport { PropertyDataChangeEvent } from \"./PropertyDataProvider.js\";\nimport { UiComponents } from \"../UiComponents.js\";\n\nconst SOURCE_PROVIDER_KEY = `${UiComponents.packageName}/source-provider`;\n\n/**\n * An interface for property data provider which combines any number of [[IPropertyDataProvider]] instances.\n * @public\n */\nexport interface IMergingPropertyDataProvider {\n  /**\n   * Property data change event that is raised when any of the source providers raise this event.\n   */\n  onDataChanged: PropertyDataChangeEvent;\n  /**\n   * Determines source provider from a given [[PropertyRecord]].\n   *\n   * @returns\n   * - `undefined` if source provider can't be determined.\n   * - Source provider if it is found.\n   */\n  getSourceProviderFromPropertyRecord(\n    record: PropertyRecord\n  ): IPropertyDataProvider | undefined;\n  /**\n   * Returns merged property data from all source providers.\n   */\n  getData(): Promise<PropertyData>;\n}\n\nclass MergingPropertyDataProviderImpl implements IMergingPropertyDataProvider {\n  public onDataChanged = new PropertyDataChangeEvent();\n  private _providers: IPropertyDataProvider[];\n\n  constructor(providers: IPropertyDataProvider[]) {\n    this._providers = providers;\n\n    for (const provider of this._providers) {\n      provider.onDataChanged.addListener(() => this.onDataChanged.raiseEvent());\n    }\n  }\n\n  public async getData(): Promise<PropertyData> {\n    const providersData = this._providers.map(async (provider) =>\n      this.getDataWithReferenceToProvider(provider)\n    );\n    const dataArray = await Promise.all(providersData);\n\n    return this.mergePropertyDataArray(dataArray);\n  }\n\n  private async getDataWithReferenceToProvider(\n    provider: IPropertyDataProvider\n  ): Promise<PropertyData> {\n    const providerData = await provider.getData();\n    for (const categoryName in providerData.records) {\n      if (!providerData.records.hasOwnProperty(categoryName)) {\n        continue;\n      }\n\n      providerData.records[categoryName].forEach((categoryRecord) => {\n        categoryRecord.extendedData = {\n          ...categoryRecord.extendedData,\n          [SOURCE_PROVIDER_KEY]: provider,\n        };\n      });\n    }\n    return providerData;\n  }\n\n  private mergePropertyDataArray(dataArray: PropertyData[]): PropertyData {\n    return {\n      label: this.mergeLabels(dataArray),\n      description: this.mergeDescriptions(dataArray),\n      categories: this.mergeCategories(dataArray),\n      records: this.mergeRecords(dataArray),\n    };\n  }\n\n  private mergeLabels(dataArray: PropertyData[]): PropertyRecord {\n    // We don't care about labels, just use the first one\n    if (dataArray.length > 0) {\n      return dataArray[0].label;\n    }\n\n    return PropertyRecord.fromString(\"\");\n  }\n\n  private mergeDescriptions(dataArray: PropertyData[]): string | undefined {\n    // We don't care about descriptions, just use the first one\n    if (dataArray.length > 0) {\n      return dataArray[0].description;\n    }\n\n    return undefined;\n  }\n\n  private mergeCategories(dataArray: PropertyData[]): PropertyCategory[] {\n    let mergedCategories: PropertyCategory[] | undefined;\n    if (dataArray.length > 0) {\n      mergedCategories = [...dataArray[0].categories];\n    }\n\n    for (let i = 1; i < dataArray.length; ++i) {\n      mergedCategories = this.mergeChildCategories(\n        mergedCategories,\n        dataArray[i].categories\n      );\n    }\n\n    return mergedCategories ?? [];\n  }\n\n  private mergeChildCategories(\n    lhs: PropertyCategory[] | undefined,\n    rhs: PropertyCategory[] | undefined\n  ): PropertyCategory[] | undefined {\n    if (!lhs || lhs.length === 0) {\n      return rhs;\n    }\n\n    if (!rhs || rhs.length === 0) {\n      return lhs;\n    }\n\n    const mergedCategories = [...lhs];\n\n    for (const rhsCategory of rhs) {\n      const childCategoryIndex = mergedCategories.findIndex(\n        (mergedCategory) => mergedCategory.name === rhsCategory.name\n      );\n      if (childCategoryIndex === -1) {\n        mergedCategories.push(rhsCategory);\n        continue;\n      }\n\n      const newChildCategories = this.mergeChildCategories(\n        mergedCategories[childCategoryIndex].childCategories,\n        rhsCategory.childCategories\n      );\n      mergedCategories[childCategoryIndex] = {\n        ...mergedCategories[childCategoryIndex],\n        ...(newChildCategories ? { childCategories: newChildCategories } : {}),\n      };\n    }\n    return mergedCategories;\n  }\n\n  private mergeRecords(dataArray: PropertyData[]): {\n    [categoryName: string]: PropertyRecord[];\n  } {\n    const mergedRecords: { [categoryName: string]: PropertyRecord[] } = {};\n    dataArray.forEach((data) => {\n      for (const categoryName in data.records) {\n        if (!data.records.hasOwnProperty(categoryName)) {\n          continue;\n        }\n\n        if (mergedRecords.hasOwnProperty(categoryName)) {\n          mergedRecords[categoryName].push(...data.records[categoryName]);\n          continue;\n        }\n\n        mergedRecords[categoryName] = [...data.records[categoryName]];\n      }\n    });\n\n    return mergedRecords;\n  }\n\n  public getSourceProviderFromPropertyRecord(\n    record: PropertyRecord\n  ): IPropertyDataProvider | undefined {\n    if (\n      !record.extendedData ||\n      !record.extendedData.hasOwnProperty(SOURCE_PROVIDER_KEY)\n    ) {\n      return undefined;\n    }\n\n    return record.extendedData[SOURCE_PROVIDER_KEY];\n  }\n}\n\n/**\n * Factory function that creates [[IMergingPropertyDataProvider]] instance\n * @public\n */\nexport function createMergedPropertyDataProvider(\n  providers: IPropertyDataProvider[]\n): IMergingPropertyDataProvider {\n  return new MergingPropertyDataProviderImpl(providers);\n}\n"]}

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

@@ -0,0 +1,39 @@
+/** @packageDocumentation
+ * @module PropertyGrid
+ */
+import type * as React from "react";
+import type { VirtualizedPropertyGridContext } from "./component/VirtualizedPropertyGrid.js";
+import type { GridCategoryItem } from "./internal/flat-items/FlatGridItem.js";
+/**
+ * Props that property category renderer receives.
+ * @public
+ */
+export interface PropertyCategoryRendererProps {
+    /** The category being rendered. */
+    categoryItem: GridCategoryItem;
+    /** Context of the surrounding property grid. */
+    gridContext: VirtualizedPropertyGridContext;
+    /** Sets the allocated height for category contents. */
+    onHeightChanged: (newHeight: number) => void;
+}
+/**
+ * Factory function that produces custom property category components.
+ * @public
+ */
+export type PropertyCategoryRenderer = (categoryItem: GridCategoryItem) => React.ComponentType<PropertyCategoryRendererProps> | undefined;
+/**
+ * Keeps a record of currently registered property category renderers and determines which renderers get invoked for
+ * each category.
+ * @public
+ */
+export declare class PropertyCategoryRendererManager {
+    private _categoryRenderers;
+    static defaultManager: PropertyCategoryRendererManager;
+    /** Retrieves a category rendering component based for the passed category item. */
+    getCategoryComponent(categoryItem: GridCategoryItem): React.ComponentType<PropertyCategoryRendererProps> | undefined;
+    /** Registers a renderer factory function to be invoked on categories with specific renderer name. */
+    addRenderer(rendererName: string, categoryRenderer: PropertyCategoryRenderer, override?: boolean): void;
+    /** Removes previous renderer factory registration. */
+    removeRenderer(rendererName: string): void;
+}
+//# sourceMappingURL=PropertyCategoryRendererManager.d.ts.map

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,30 @@
+/** @packageDocumentation
+ * @module PropertyGrid
+ */
+import { PropertyRecord } from "@itwin/appui-abstract";
+import type { IPropertyDataProvider, PropertyCategory, PropertyData } from "./PropertyDataProvider.js";
+import { PropertyDataChangeEvent } from "./PropertyDataProvider.js";
+/**
+ * Implementation of [[IPropertyDataProvider]] that uses an associative array.
+ * @public
+ */
+export declare class SimplePropertyDataProvider implements IPropertyDataProvider, PropertyData {
+    label: PropertyRecord;
+    description?: string;
+    categories: PropertyCategory[];
+    records: {
+        [categoryName: string]: PropertyRecord[];
+    };
+    onDataChanged: PropertyDataChangeEvent;
+    private _propertyData;
+    constructor();
+    private createPropertyData;
+    private updatePropertyData;
+    addCategory(category: PropertyCategory): number;
+    findCategoryIndex(category: PropertyCategory): number;
+    addProperty(propertyRecord: PropertyRecord, categoryIdx: number): void;
+    removeProperty(propertyRecord: PropertyRecord, categoryIdx: number): boolean;
+    replaceProperty(propertyRecord: PropertyRecord, categoryIdx: number, newRecord: PropertyRecord): boolean;
+    getData(): Promise<PropertyData>;
+}
+//# sourceMappingURL=SimplePropertyDataProvider.d.ts.map

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

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

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

@@ -0,0 +1,77 @@
+/*---------------------------------------------------------------------------------------------
+ * 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 { PropertyRecord } from "@itwin/appui-abstract";
+import { PropertyDataChangeEvent } from "./PropertyDataProvider.js";
+/**
+ * Implementation of [[IPropertyDataProvider]] that uses an associative array.
+ * @public
+ */
+export class SimplePropertyDataProvider {
+    constructor() {
+        this.label = PropertyRecord.fromString("");
+        this.categories = [];
+        this.records = {};
+        this.onDataChanged = new PropertyDataChangeEvent();
+        this._propertyData = this.createPropertyData();
+    }
+    createPropertyData() {
+        return {
+            label: this.label,
+            description: this.description,
+            categories: this.categories,
+            records: this.records,
+        };
+    }
+    updatePropertyData() {
+        this._propertyData = this.createPropertyData();
+        this.onDataChanged.raiseEvent();
+    }
+    addCategory(category) {
+        const categoryIdx = this.categories.push(category) - 1;
+        this.records[this.categories[categoryIdx].name] = [];
+        this.updatePropertyData();
+        return categoryIdx;
+    }
+    findCategoryIndex(category) {
+        const index = this.categories.findIndex((testCategory) => {
+            return testCategory.name === category.name;
+        });
+        return index;
+    }
+    addProperty(propertyRecord, categoryIdx) {
+        this.records[this.categories[categoryIdx].name].push(propertyRecord);
+        this.updatePropertyData();
+    }
+    removeProperty(propertyRecord, categoryIdx) {
+        const index = this.records[this.categories[categoryIdx].name].findIndex((record) => {
+            return record === propertyRecord;
+        });
+        let result = false;
+        if (index >= 0) {
+            this.records[this.categories[categoryIdx].name].splice(index, 1);
+            this.updatePropertyData();
+            result = true;
+        }
+        return result;
+    }
+    replaceProperty(propertyRecord, categoryIdx, newRecord) {
+        const index = this.records[this.categories[categoryIdx].name].findIndex((record) => {
+            return record === propertyRecord;
+        });
+        let result = false;
+        if (index >= 0) {
+            this.records[this.categories[categoryIdx].name].splice(index, 1, newRecord);
+            result = true;
+        }
+        return result;
+    }
+    async getData() {
+        return this._propertyData;
+    }
+}
+//# sourceMappingURL=SimplePropertyDataProvider.js.map

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

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

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

@@ -0,0 +1,48 @@
+import * as React from "react";
+import type { PropertyListProps } from "./PropertyList.js";
+import { Orientation } from "../../common/Orientation.js";
+/** @internal */
+export type ColumnResizeRelatedPropertyListProps = Required<Pick<PropertyListProps, "onColumnChanged" | "columnRatio" | "isResizeHandleHovered" | "onResizeHandleHoverChanged" | "isResizeHandleBeingDragged" | "onResizeHandleDragChanged" | "columnInfo" | "orientation" | "width">>;
+/** @internal */
+export interface ColumnResizingPropertyListPropsSupplierProps {
+    /** Orientation of the properties */
+    orientation: Orientation;
+    /** Width of the property list */
+    width: number;
+    /** Minimum allowed label column width, after which resizing stops */
+    minLabelWidth?: number;
+    /** Minimum allowed value column width, after which resizing stops */
+    minValueWidth?: number;
+    /** Fixed action button column width */
+    actionButtonWidth?: number;
+    /** Maximum depth of the properties shown */
+    maxPropertyDepth?: number;
+    /** A callback that receives the required column-resize-related props for the [[PropertyList]] component  */
+    children: (props: ColumnResizeRelatedPropertyListProps) => React.ReactNode;
+}
+/** @internal */
+export interface ColumnResizingPropertyListPropsSupplierState {
+    columnRatio: number;
+    isResizeHandleHovered: boolean;
+    isResizeHandleBeingDragged: boolean;
+}
+/**
+ * Wrapped PropertyCategoryBlock React component with list of properties and render optimization
+ * @internal
+ */
+export declare class ColumnResizingPropertyListPropsSupplier extends React.Component<ColumnResizingPropertyListPropsSupplierProps, ColumnResizingPropertyListPropsSupplierState> {
+    private readonly _initialRatio;
+    private readonly _defaultMinRatio;
+    private readonly _defaultMaxRatio;
+    private _minRatio;
+    private _maxRatio;
+    state: ColumnResizingPropertyListPropsSupplierState;
+    static defaultProps: Partial<ColumnResizingPropertyListPropsSupplierProps>;
+    private _onColumnRatioChanged;
+    private _onResizeHandleHoverChanged;
+    private _onResizeHandleDragChanged;
+    private isMinimumColumnSizeEnabled;
+    private getValidColumnRatio;
+    render(): React.ReactNode;
+}
+//# sourceMappingURL=ColumnResizingPropertyListPropsSupplier.d.ts.map

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

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

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

@@ -0,0 +1,110 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+import * as React from "react";
+import { Geometry } from "@itwin/core-geometry";
+import { Orientation } from "../../common/Orientation.js";
+const BORDER_WIDTH = 10;
+const PROPERTY_PADDING = 16;
+const VALUE_MIN_WIDTH = 10;
+/**
+ * Wrapped PropertyCategoryBlock React component with list of properties and render optimization
+ * @internal
+ */
+export class ColumnResizingPropertyListPropsSupplier extends React.Component {
+    constructor() {
+        super(...arguments);
+        this._initialRatio = 0.25;
+        this._defaultMinRatio = 0.15;
+        this._defaultMaxRatio = 0.6;
+        this._minRatio = this._defaultMinRatio;
+        this._maxRatio = this._defaultMaxRatio;
+        this.state = {
+            columnRatio: this._initialRatio,
+            isResizeHandleHovered: false,
+            isResizeHandleBeingDragged: false,
+        };
+        this._onColumnRatioChanged = (ratio) => {
+            ratio = Geometry.clamp(ratio, this._minRatio, this._maxRatio);
+            if (this.state.columnRatio === ratio)
+                return { ratio };
+            this.setState({ columnRatio: ratio });
+            return { ratio };
+        };
+        this._onResizeHandleHoverChanged = (isHovered) => {
+            this.setState({ isResizeHandleHovered: isHovered });
+        };
+        this._onResizeHandleDragChanged = (isDragStarted) => {
+            this.setState({ isResizeHandleBeingDragged: isDragStarted });
+        };
+    }
+    isMinimumColumnSizeEnabled() {
+        if (this.props.orientation !== Orientation.Horizontal)
+            return false;
+        // calculated how much width all the borders of nested properties takes up.
+        const bordersWidth = this.props.maxPropertyDepth
+            ? this.props.maxPropertyDepth * BORDER_WIDTH
+            : 0;
+        const actionButtonWidth = this.props.actionButtonWidth ?? 0;
+        // minimum with required to render property. This consists of:
+        // * minimum label width
+        // * 1px resizer
+        // * minimum value width
+        // * actions buttons width
+        // * all nested borders width
+        // * padding
+        const propertyWidth = this.props.minLabelWidth +
+            1 +
+            this.props.minValueWidth +
+            actionButtonWidth +
+            bordersWidth +
+            PROPERTY_PADDING;
+        // default behavior for screens that are too small to have minimum column widths
+        if (this.props.width < propertyWidth) {
+            this._minRatio = this._defaultMinRatio;
+            // if there are action buttons calculate maximum ratio for label. Otherwise use default.
+            this._maxRatio = this.props.actionButtonWidth
+                ? (this.props.width -
+                    this.props.actionButtonWidth -
+                    bordersWidth -
+                    PROPERTY_PADDING -
+                    VALUE_MIN_WIDTH) /
+                    this.props.width
+                : this._defaultMaxRatio;
+            return false;
+        }
+        this._minRatio = this.props.minLabelWidth / this.props.width;
+        this._maxRatio =
+            (this.props.width - actionButtonWidth - this.props.minValueWidth) /
+                this.props.width;
+        return true;
+    }
+    getValidColumnRatio() {
+        return Geometry.clamp(this.state.columnRatio, this._minRatio, this._maxRatio);
+    }
+    render() {
+        const listProps = {
+            orientation: this.props.orientation,
+            width: this.props.width,
+            onColumnChanged: this._onColumnRatioChanged,
+            columnRatio: this.getValidColumnRatio(),
+            isResizeHandleHovered: this.state.isResizeHandleHovered,
+            onResizeHandleHoverChanged: this._onResizeHandleHoverChanged,
+            isResizeHandleBeingDragged: this.state.isResizeHandleBeingDragged,
+            onResizeHandleDragChanged: this._onResizeHandleDragChanged,
+            columnInfo: {
+                minLabelWidth: this.props.minLabelWidth,
+                minValueWidth: this.props.minValueWidth,
+                actionButtonWidth: this.props.actionButtonWidth,
+                isMinimumColumnSizeEnabled: this.isMinimumColumnSizeEnabled(),
+            },
+        };
+        return this.props.children(listProps);
+    }
+}
+ColumnResizingPropertyListPropsSupplier.defaultProps = {
+    minLabelWidth: 100,
+    minValueWidth: 100,
+};
+//# sourceMappingURL=ColumnResizingPropertyListPropsSupplier.js.map

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

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

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

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