@itwin/components-react 3.7.0-dev.2 → 3.7.0-dev.5

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

@@ -1,66 +1,66 @@
-/*---------------------------------------------------------------------------------------------
-* 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";
-/**
- * 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();
-    }
-    addCategory(category) {
-        const categoryIdx = this.categories.push(category) - 1;
-        this.records[this.categories[categoryIdx].name] = [];
-        this.onDataChanged.raiseEvent();
-        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.onDataChanged.raiseEvent();
-    }
-    removeProperty(propertyRecord, categoryIdx) {
-        const index = this.records[this.categories[categoryIdx].name].findIndex((record) => {
-            return record === propertyRecord;
-        });
-        let result = false;
-        // istanbul ignore else
-        if (index >= 0) {
-            this.records[this.categories[categoryIdx].name].splice(index, 1);
-            this.onDataChanged.raiseEvent();
-            result = true;
-        }
-        return result;
-    }
-    replaceProperty(propertyRecord, categoryIdx, newRecord) {
-        const index = this.records[this.categories[categoryIdx].name].findIndex((record) => {
-            return record === propertyRecord;
-        });
-        let result = false;
-        // istanbul ignore else
-        if (index >= 0) {
-            this.records[this.categories[categoryIdx].name].splice(index, 1, newRecord);
-            result = true;
-        }
-        return result;
-    }
-    async getData() {
-        return this;
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* 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";
+/**
+ * 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();
+    }
+    addCategory(category) {
+        const categoryIdx = this.categories.push(category) - 1;
+        this.records[this.categories[categoryIdx].name] = [];
+        this.onDataChanged.raiseEvent();
+        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.onDataChanged.raiseEvent();
+    }
+    removeProperty(propertyRecord, categoryIdx) {
+        const index = this.records[this.categories[categoryIdx].name].findIndex((record) => {
+            return record === propertyRecord;
+        });
+        let result = false;
+        // istanbul ignore else
+        if (index >= 0) {
+            this.records[this.categories[categoryIdx].name].splice(index, 1);
+            this.onDataChanged.raiseEvent();
+            result = true;
+        }
+        return result;
+    }
+    replaceProperty(propertyRecord, categoryIdx, newRecord) {
+        const index = this.records[this.categories[categoryIdx].name].findIndex((record) => {
+            return record === propertyRecord;
+        });
+        let result = false;
+        // istanbul ignore else
+        if (index >= 0) {
+            this.records[this.categories[categoryIdx].name].splice(index, 1, newRecord);
+            result = true;
+        }
+        return result;
+    }
+    async getData() {
+        return this;
+    }
+}
 //# sourceMappingURL=SimplePropertyDataProvider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SimplePropertyDataProvider.js","sourceRoot":"","sources":["../../../../src/components-react/propertygrid/SimplePropertyDataProvider.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAyD,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAExH;;;GAGG;AACH,MAAM,OAAO,0BAA0B;IAAvC;QACS,UAAK,GAAmB,cAAc,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;QAEtD,eAAU,GAAuB,EAAE,CAAC;QACpC,YAAO,GAAiD,EAAE,CAAC;QAC3D,kBAAa,GAAG,IAAI,uBAAuB,EAAE,CAAC;IAuDvD,CAAC;IArDQ,WAAW,CAAC,QAA0B;QAC3C,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;QACvD,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;QACrD,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,CAAC;QAChC,OAAO,WAAW,CAAC;IACrB,CAAC;IAEM,iBAAiB,CAAC,QAA0B;QACjD,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,YAA8B,EAAE,EAAE;YACzE,OAAO,YAAY,CAAC,IAAI,KAAK,QAAQ,CAAC,IAAI,CAAC;QAC7C,CAAC,CAAC,CAAC;QACH,OAAO,KAAK,CAAC;IACf,CAAC;IAEM,WAAW,CAAC,cAA8B,EAAE,WAAmB;QACpE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QACrE,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,CAAC;IAClC,CAAC;IAEM,cAAc,CAAC,cAA8B,EAAE,WAAmB;QACvE,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC,MAAsB,EAAE,EAAE;YACjG,OAAO,MAAM,KAAK,cAAc,CAAC;QACnC,CAAC,CAAC,CAAC;QAEH,IAAI,MAAM,GAAG,KAAK,CAAC;QAEnB,uBAAuB;QACvB,IAAI,KAAK,IAAI,CAAC,EAAE;YACd,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YACjE,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,CAAC;YAChC,MAAM,GAAG,IAAI,CAAC;SACf;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;IAEM,eAAe,CAAC,cAA8B,EAAE,WAAmB,EAAE,SAAyB;QACnG,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC,MAAsB,EAAE,EAAE;YACjG,OAAO,MAAM,KAAK,cAAc,CAAC;QACnC,CAAC,CAAC,CAAC;QAEH,IAAI,MAAM,GAAG,KAAK,CAAC;QAEnB,uBAAuB;QACvB,IAAI,KAAK,IAAI,CAAC,EAAE;YACd,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC;YAC5E,MAAM,GAAG,IAAI,CAAC;SACf;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;IAEM,KAAK,CAAC,OAAO;QAClB,OAAO,IAAI,CAAC;IACd,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module PropertyGrid\n */\n\nimport { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { IPropertyDataProvider, PropertyCategory, PropertyData, PropertyDataChangeEvent } from \"./PropertyDataProvider\";\n\n/**\n * Implementation of [IPropertyDataProvider] that uses an associative array.\n * @public\n */\nexport class SimplePropertyDataProvider implements IPropertyDataProvider, PropertyData {\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\n  public addCategory(category: PropertyCategory): number {\n    const categoryIdx = this.categories.push(category) - 1;\n    this.records[this.categories[categoryIdx].name] = [];\n    this.onDataChanged.raiseEvent();\n    return categoryIdx;\n  }\n\n  public findCategoryIndex(category: PropertyCategory): number {\n    const index = this.categories.findIndex((testCategory: PropertyCategory) => {\n      return testCategory.name === category.name;\n    });\n    return index;\n  }\n\n  public addProperty(propertyRecord: PropertyRecord, categoryIdx: number): void {\n    this.records[this.categories[categoryIdx].name].push(propertyRecord);\n    this.onDataChanged.raiseEvent();\n  }\n\n  public removeProperty(propertyRecord: PropertyRecord, categoryIdx: number): boolean {\n    const index = this.records[this.categories[categoryIdx].name].findIndex((record: PropertyRecord) => {\n      return record === propertyRecord;\n    });\n\n    let result = false;\n\n    // istanbul ignore else\n    if (index >= 0) {\n      this.records[this.categories[categoryIdx].name].splice(index, 1);\n      this.onDataChanged.raiseEvent();\n      result = true;\n    }\n    return result;\n  }\n\n  public replaceProperty(propertyRecord: PropertyRecord, categoryIdx: number, newRecord: PropertyRecord): boolean {\n    const index = this.records[this.categories[categoryIdx].name].findIndex((record: PropertyRecord) => {\n      return record === propertyRecord;\n    });\n\n    let result = false;\n\n    // istanbul ignore else\n    if (index >= 0) {\n      this.records[this.categories[categoryIdx].name].splice(index, 1, newRecord);\n      result = true;\n    }\n    return result;\n  }\n\n  public async getData(): Promise<PropertyData> {\n    return this;\n  }\n}\n"]}
+{"version":3,"file":"SimplePropertyDataProvider.js","sourceRoot":"","sources":["../../../../src/components-react/propertygrid/SimplePropertyDataProvider.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAyD,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAExH;;;GAGG;AACH,MAAM,OAAO,0BAA0B;IAAvC;QACS,UAAK,GAAmB,cAAc,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;QAEtD,eAAU,GAAuB,EAAE,CAAC;QACpC,YAAO,GAAiD,EAAE,CAAC;QAC3D,kBAAa,GAAG,IAAI,uBAAuB,EAAE,CAAC;IAuDvD,CAAC;IArDQ,WAAW,CAAC,QAA0B;QAC3C,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;QACvD,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;QACrD,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,CAAC;QAChC,OAAO,WAAW,CAAC;IACrB,CAAC;IAEM,iBAAiB,CAAC,QAA0B;QACjD,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,YAA8B,EAAE,EAAE;YACzE,OAAO,YAAY,CAAC,IAAI,KAAK,QAAQ,CAAC,IAAI,CAAC;QAC7C,CAAC,CAAC,CAAC;QACH,OAAO,KAAK,CAAC;IACf,CAAC;IAEM,WAAW,CAAC,cAA8B,EAAE,WAAmB;QACpE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QACrE,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,CAAC;IAClC,CAAC;IAEM,cAAc,CAAC,cAA8B,EAAE,WAAmB;QACvE,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC,MAAsB,EAAE,EAAE;YACjG,OAAO,MAAM,KAAK,cAAc,CAAC;QACnC,CAAC,CAAC,CAAC;QAEH,IAAI,MAAM,GAAG,KAAK,CAAC;QAEnB,uBAAuB;QACvB,IAAI,KAAK,IAAI,CAAC,EAAE;YACd,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YACjE,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,CAAC;YAChC,MAAM,GAAG,IAAI,CAAC;SACf;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;IAEM,eAAe,CAAC,cAA8B,EAAE,WAAmB,EAAE,SAAyB;QACnG,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC,MAAsB,EAAE,EAAE;YACjG,OAAO,MAAM,KAAK,cAAc,CAAC;QACnC,CAAC,CAAC,CAAC;QAEH,IAAI,MAAM,GAAG,KAAK,CAAC;QAEnB,uBAAuB;QACvB,IAAI,KAAK,IAAI,CAAC,EAAE;YACd,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC;YAC5E,MAAM,GAAG,IAAI,CAAC;SACf;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;IAEM,KAAK,CAAC,OAAO;QAClB,OAAO,IAAI,CAAC;IACd,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module PropertyGrid\r\n */\r\n\r\nimport { PropertyRecord } from \"@itwin/appui-abstract\";\r\nimport { IPropertyDataProvider, PropertyCategory, PropertyData, PropertyDataChangeEvent } from \"./PropertyDataProvider\";\r\n\r\n/**\r\n * Implementation of [IPropertyDataProvider] that uses an associative array.\r\n * @public\r\n */\r\nexport class SimplePropertyDataProvider implements IPropertyDataProvider, PropertyData {\r\n  public label: PropertyRecord = PropertyRecord.fromString(\"\");\r\n  public description?: string;\r\n  public categories: PropertyCategory[] = [];\r\n  public records: { [categoryName: string]: PropertyRecord[] } = {};\r\n  public onDataChanged = new PropertyDataChangeEvent();\r\n\r\n  public addCategory(category: PropertyCategory): number {\r\n    const categoryIdx = this.categories.push(category) - 1;\r\n    this.records[this.categories[categoryIdx].name] = [];\r\n    this.onDataChanged.raiseEvent();\r\n    return categoryIdx;\r\n  }\r\n\r\n  public findCategoryIndex(category: PropertyCategory): number {\r\n    const index = this.categories.findIndex((testCategory: PropertyCategory) => {\r\n      return testCategory.name === category.name;\r\n    });\r\n    return index;\r\n  }\r\n\r\n  public addProperty(propertyRecord: PropertyRecord, categoryIdx: number): void {\r\n    this.records[this.categories[categoryIdx].name].push(propertyRecord);\r\n    this.onDataChanged.raiseEvent();\r\n  }\r\n\r\n  public removeProperty(propertyRecord: PropertyRecord, categoryIdx: number): boolean {\r\n    const index = this.records[this.categories[categoryIdx].name].findIndex((record: PropertyRecord) => {\r\n      return record === propertyRecord;\r\n    });\r\n\r\n    let result = false;\r\n\r\n    // istanbul ignore else\r\n    if (index >= 0) {\r\n      this.records[this.categories[categoryIdx].name].splice(index, 1);\r\n      this.onDataChanged.raiseEvent();\r\n      result = true;\r\n    }\r\n    return result;\r\n  }\r\n\r\n  public replaceProperty(propertyRecord: PropertyRecord, categoryIdx: number, newRecord: PropertyRecord): boolean {\r\n    const index = this.records[this.categories[categoryIdx].name].findIndex((record: PropertyRecord) => {\r\n      return record === propertyRecord;\r\n    });\r\n\r\n    let result = false;\r\n\r\n    // istanbul ignore else\r\n    if (index >= 0) {\r\n      this.records[this.categories[categoryIdx].name].splice(index, 1, newRecord);\r\n      result = true;\r\n    }\r\n    return result;\r\n  }\r\n\r\n  public async getData(): Promise<PropertyData> {\r\n    return this;\r\n  }\r\n}\r\n"]}

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

@@ -1,46 +1,46 @@
-import * as React from "react";
-import { Orientation } from "@itwin/core-react";
-import { PropertyListProps } from "./PropertyList";
-/** @internal */
-export declare 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;
-    /** 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;
-}
+import * as React from "react";
+import { Orientation } from "@itwin/core-react";
+import { PropertyListProps } from "./PropertyList";
+/** @internal */
+export declare 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;
+    /** 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/esm/components-react/propertygrid/component/ColumnResizingPropertyListPropsSupplier.js

@@ -1,76 +1,76 @@
-import * as React from "react";
-import { Orientation, UiGeometry } from "@itwin/core-react";
-/**
- * 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 = UiGeometry.clamp(ratio, this._minRatio, this._maxRatio);
-            if (this.state.columnRatio === ratio)
-                return { ratio };
-            this.setState({ columnRatio: ratio });
-            return { ratio };
-        };
-        // istanbul ignore next
-        this._onResizeHandleHoverChanged = (isHovered) => {
-            this.setState({ isResizeHandleHovered: isHovered });
-        };
-        this._onResizeHandleDragChanged = (isDragStarted) => {
-            this.setState({ isResizeHandleBeingDragged: isDragStarted });
-        };
-    }
-    isMinimumColumnSizeEnabled() {
-        if (this.props.orientation !== Orientation.Horizontal)
-            return false;
-        // default behavior for screens that are too small to have minimum column widths
-        if (this.props.width < this.props.minLabelWidth + 1 + this.props.minValueWidth + this.props.actionButtonWidth) {
-            this._minRatio = this._defaultMinRatio;
-            this._maxRatio = this._defaultMaxRatio;
-            return false;
-        }
-        this._minRatio = this.props.minLabelWidth / this.props.width;
-        this._maxRatio = (this.props.width - this.props.actionButtonWidth - this.props.minValueWidth) / this.props.width;
-        return true;
-    }
-    getValidColumnRatio() {
-        return UiGeometry.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,
-    actionButtonWidth: 90,
-};
+import * as React from "react";
+import { Orientation, UiGeometry } from "@itwin/core-react";
+/**
+ * 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 = UiGeometry.clamp(ratio, this._minRatio, this._maxRatio);
+            if (this.state.columnRatio === ratio)
+                return { ratio };
+            this.setState({ columnRatio: ratio });
+            return { ratio };
+        };
+        // istanbul ignore next
+        this._onResizeHandleHoverChanged = (isHovered) => {
+            this.setState({ isResizeHandleHovered: isHovered });
+        };
+        this._onResizeHandleDragChanged = (isDragStarted) => {
+            this.setState({ isResizeHandleBeingDragged: isDragStarted });
+        };
+    }
+    isMinimumColumnSizeEnabled() {
+        if (this.props.orientation !== Orientation.Horizontal)
+            return false;
+        // default behavior for screens that are too small to have minimum column widths
+        if (this.props.width < this.props.minLabelWidth + 1 + this.props.minValueWidth + this.props.actionButtonWidth) {
+            this._minRatio = this._defaultMinRatio;
+            this._maxRatio = this._defaultMaxRatio;
+            return false;
+        }
+        this._minRatio = this.props.minLabelWidth / this.props.width;
+        this._maxRatio = (this.props.width - this.props.actionButtonWidth - this.props.minValueWidth) / this.props.width;
+        return true;
+    }
+    getValidColumnRatio() {
+        return UiGeometry.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,
+    actionButtonWidth: 90,
+};
 //# sourceMappingURL=ColumnResizingPropertyListPropsSupplier.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ColumnResizingPropertyListPropsSupplier.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/ColumnResizingPropertyListPropsSupplier.tsx"],"names":[],"mappings":"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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 _ from \"lodash\";\nimport * as React from \"react\";\nimport { Orientation, RatioChangeResult, UiGeometry } from \"@itwin/core-react\";\nimport { PropertyListProps } from \"./PropertyList\";\n\n/** @internal */\nexport type ColumnResizeRelatedPropertyListProps = Required<Pick<PropertyListProps, \"onColumnChanged\" | \"columnRatio\" | \"isResizeHandleHovered\" | \"onResizeHandleHoverChanged\" | \"isResizeHandleBeingDragged\" | \"onResizeHandleDragChanged\" | \"columnInfo\" | \"orientation\" | \"width\">>;\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  /** 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<ColumnResizingPropertyListPropsSupplierProps, ColumnResizingPropertyListPropsSupplierState> {\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    minLabelWidth: 100,\n    minValueWidth: 100,\n    actionButtonWidth: 90,\n  };\n\n  private _onColumnRatioChanged = (ratio: number): RatioChangeResult => {\n    ratio = UiGeometry.clamp(ratio, this._minRatio, this._maxRatio);\n    if (this.state.columnRatio === ratio)\n      return { ratio };\n\n    this.setState({ columnRatio: ratio });\n    return { ratio };\n  };\n\n  // istanbul ignore next\n  private _onResizeHandleHoverChanged = (isHovered: boolean) => {\n    this.setState({ isResizeHandleHovered: isHovered });\n  };\n\n  private _onResizeHandleDragChanged = (isDragStarted: boolean) => {\n    this.setState({ isResizeHandleBeingDragged: isDragStarted });\n  };\n\n  private isMinimumColumnSizeEnabled() {\n    if (this.props.orientation !== Orientation.Horizontal)\n      return false;\n\n    // default behavior for screens that are too small to have minimum column widths\n    if (this.props.width < this.props.minLabelWidth! + 1 + this.props.minValueWidth! + this.props.actionButtonWidth!) {\n      this._minRatio = this._defaultMinRatio;\n      this._maxRatio = this._defaultMaxRatio;\n      return false;\n    }\n\n    this._minRatio = this.props.minLabelWidth! / this.props.width;\n    this._maxRatio = (this.props.width - this.props.actionButtonWidth! - this.props.minValueWidth!) / this.props.width;\n    return true;\n  }\n\n  private getValidColumnRatio(): number {\n    return UiGeometry.clamp(this.state.columnRatio, this._minRatio, this._maxRatio);\n  }\n\n  public override render() {\n    const listProps: ColumnResizeRelatedPropertyListProps = {\n      orientation: this.props.orientation,\n      width: this.props.width,\n      onColumnChanged: this._onColumnRatioChanged,\n      columnRatio: this.getValidColumnRatio(),\n      isResizeHandleHovered: this.state.isResizeHandleHovered,\n      onResizeHandleHoverChanged: this._onResizeHandleHoverChanged,\n      isResizeHandleBeingDragged: this.state.isResizeHandleBeingDragged,\n      onResizeHandleDragChanged: this._onResizeHandleDragChanged,\n      columnInfo: {\n        minLabelWidth: this.props.minLabelWidth!,\n        minValueWidth: this.props.minValueWidth!,\n        actionButtonWidth: this.props.actionButtonWidth!,\n        isMinimumColumnSizeEnabled: this.isMinimumColumnSizeEnabled(),\n      },\n    };\n    return this.props.children(listProps);\n  }\n}\n"]}
+{"version":3,"file":"ColumnResizingPropertyListPropsSupplier.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/ColumnResizingPropertyListPropsSupplier.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAqB,UAAU,EAAE,MAAM,mBAAmB,CAAC;AA6B/E;;;GAGG;AACH,MAAM,OAAO,uCAAwC,SAAQ,KAAK,CAAC,SAAqG;IAAxK;;QACmB,kBAAa,GAAG,IAAI,CAAC;QACrB,qBAAgB,GAAG,IAAI,CAAC;QACxB,qBAAgB,GAAG,GAAG,CAAC;QAChC,cAAS,GAAG,IAAI,CAAC,gBAAgB,CAAC;QAClC,cAAS,GAAG,IAAI,CAAC,gBAAgB,CAAC;QAE1B,UAAK,GAAiD;YACpE,WAAW,EAAE,IAAI,CAAC,aAAa;YAC/B,qBAAqB,EAAE,KAAK;YAC5B,0BAA0B,EAAE,KAAK;SAClC,CAAC;QAQM,0BAAqB,GAAG,CAAC,KAAa,EAAqB,EAAE;YACnE,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;YAChE,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,KAAK;gBAClC,OAAO,EAAE,KAAK,EAAE,CAAC;YAEnB,IAAI,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,CAAC;YACtC,OAAO,EAAE,KAAK,EAAE,CAAC;QACnB,CAAC,CAAC;QAEF,uBAAuB;QACf,gCAA2B,GAAG,CAAC,SAAkB,EAAE,EAAE;YAC3D,IAAI,CAAC,QAAQ,CAAC,EAAE,qBAAqB,EAAE,SAAS,EAAE,CAAC,CAAC;QACtD,CAAC,CAAC;QAEM,+BAA0B,GAAG,CAAC,aAAsB,EAAE,EAAE;YAC9D,IAAI,CAAC,QAAQ,CAAC,EAAE,0BAA0B,EAAE,aAAa,EAAE,CAAC,CAAC;QAC/D,CAAC,CAAC;IAyCJ,CAAC;IAvCS,0BAA0B;QAChC,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,WAAW,CAAC,UAAU;YACnD,OAAO,KAAK,CAAC;QAEf,gFAAgF;QAChF,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,aAAc,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,aAAc,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAkB,EAAE;YAChH,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,gBAAgB,CAAC;YACvC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,gBAAgB,CAAC;YACvC,OAAO,KAAK,CAAC;SACd;QAED,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,aAAc,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QAC9D,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,aAAc,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QACnH,OAAO,IAAI,CAAC;IACd,CAAC;IAEO,mBAAmB;QACzB,OAAO,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;IAClF,CAAC;IAEe,MAAM;QACpB,MAAM,SAAS,GAAyC;YACtD,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW;YACnC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YACvB,eAAe,EAAE,IAAI,CAAC,qBAAqB;YAC3C,WAAW,EAAE,IAAI,CAAC,mBAAmB,EAAE;YACvC,qBAAqB,EAAE,IAAI,CAAC,KAAK,CAAC,qBAAqB;YACvD,0BAA0B,EAAE,IAAI,CAAC,2BAA2B;YAC5D,0BAA0B,EAAE,IAAI,CAAC,KAAK,CAAC,0BAA0B;YACjE,yBAAyB,EAAE,IAAI,CAAC,0BAA0B;YAC1D,UAAU,EAAE;gBACV,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,aAAc;gBACxC,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,aAAc;gBACxC,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,iBAAkB;gBAChD,0BAA0B,EAAE,IAAI,CAAC,0BAA0B,EAAE;aAC9D;SACF,CAAC;QACF,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IACxC,CAAC;;AA9Da,oDAAY,GAA0D;IAClF,aAAa,EAAE,GAAG;IAClB,aAAa,EAAE,GAAG;IAClB,iBAAiB,EAAE,EAAE;CACtB,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\nimport _ from \"lodash\";\r\nimport * as React from \"react\";\r\nimport { Orientation, RatioChangeResult, UiGeometry } from \"@itwin/core-react\";\r\nimport { PropertyListProps } from \"./PropertyList\";\r\n\r\n/** @internal */\r\nexport type ColumnResizeRelatedPropertyListProps = Required<Pick<PropertyListProps, \"onColumnChanged\" | \"columnRatio\" | \"isResizeHandleHovered\" | \"onResizeHandleHoverChanged\" | \"isResizeHandleBeingDragged\" | \"onResizeHandleDragChanged\" | \"columnInfo\" | \"orientation\" | \"width\">>;\r\n\r\n/** @internal */\r\nexport interface ColumnResizingPropertyListPropsSupplierProps {\r\n  /** Orientation of the properties */\r\n  orientation: Orientation;\r\n  /** Width of the property list */\r\n  width: number;\r\n  /** Minimum allowed label column width, after which resizing stops */\r\n  minLabelWidth?: number;\r\n  /** Minimum allowed value column width, after which resizing stops */\r\n  minValueWidth?: number;\r\n  /** Fixed action button column width */\r\n  actionButtonWidth?: number;\r\n  /** A callback that receives the required column-resize-related props for the [[PropertyList]] component  */\r\n  children: (props: ColumnResizeRelatedPropertyListProps) => React.ReactNode;\r\n}\r\n\r\n/** @internal */\r\nexport interface ColumnResizingPropertyListPropsSupplierState {\r\n  columnRatio: number;\r\n  isResizeHandleHovered: boolean;\r\n  isResizeHandleBeingDragged: boolean;\r\n}\r\n\r\n/**\r\n * Wrapped PropertyCategoryBlock React component with list of properties and render optimization\r\n * @internal\r\n */\r\nexport class ColumnResizingPropertyListPropsSupplier extends React.Component<ColumnResizingPropertyListPropsSupplierProps, ColumnResizingPropertyListPropsSupplierState> {\r\n  private readonly _initialRatio = 0.25;\r\n  private readonly _defaultMinRatio = 0.15;\r\n  private readonly _defaultMaxRatio = 0.6;\r\n  private _minRatio = this._defaultMinRatio;\r\n  private _maxRatio = this._defaultMaxRatio;\r\n\r\n  public override state: ColumnResizingPropertyListPropsSupplierState = {\r\n    columnRatio: this._initialRatio,\r\n    isResizeHandleHovered: false,\r\n    isResizeHandleBeingDragged: false,\r\n  };\r\n\r\n  public static defaultProps: Partial<ColumnResizingPropertyListPropsSupplierProps> = {\r\n    minLabelWidth: 100,\r\n    minValueWidth: 100,\r\n    actionButtonWidth: 90,\r\n  };\r\n\r\n  private _onColumnRatioChanged = (ratio: number): RatioChangeResult => {\r\n    ratio = UiGeometry.clamp(ratio, this._minRatio, this._maxRatio);\r\n    if (this.state.columnRatio === ratio)\r\n      return { ratio };\r\n\r\n    this.setState({ columnRatio: ratio });\r\n    return { ratio };\r\n  };\r\n\r\n  // istanbul ignore next\r\n  private _onResizeHandleHoverChanged = (isHovered: boolean) => {\r\n    this.setState({ isResizeHandleHovered: isHovered });\r\n  };\r\n\r\n  private _onResizeHandleDragChanged = (isDragStarted: boolean) => {\r\n    this.setState({ isResizeHandleBeingDragged: isDragStarted });\r\n  };\r\n\r\n  private isMinimumColumnSizeEnabled() {\r\n    if (this.props.orientation !== Orientation.Horizontal)\r\n      return false;\r\n\r\n    // default behavior for screens that are too small to have minimum column widths\r\n    if (this.props.width < this.props.minLabelWidth! + 1 + this.props.minValueWidth! + this.props.actionButtonWidth!) {\r\n      this._minRatio = this._defaultMinRatio;\r\n      this._maxRatio = this._defaultMaxRatio;\r\n      return false;\r\n    }\r\n\r\n    this._minRatio = this.props.minLabelWidth! / this.props.width;\r\n    this._maxRatio = (this.props.width - this.props.actionButtonWidth! - this.props.minValueWidth!) / this.props.width;\r\n    return true;\r\n  }\r\n\r\n  private getValidColumnRatio(): number {\r\n    return UiGeometry.clamp(this.state.columnRatio, this._minRatio, this._maxRatio);\r\n  }\r\n\r\n  public override render() {\r\n    const listProps: ColumnResizeRelatedPropertyListProps = {\r\n      orientation: this.props.orientation,\r\n      width: this.props.width,\r\n      onColumnChanged: this._onColumnRatioChanged,\r\n      columnRatio: this.getValidColumnRatio(),\r\n      isResizeHandleHovered: this.state.isResizeHandleHovered,\r\n      onResizeHandleHoverChanged: this._onResizeHandleHoverChanged,\r\n      isResizeHandleBeingDragged: this.state.isResizeHandleBeingDragged,\r\n      onResizeHandleDragChanged: this._onResizeHandleDragChanged,\r\n      columnInfo: {\r\n        minLabelWidth: this.props.minLabelWidth!,\r\n        minValueWidth: this.props.minValueWidth!,\r\n        actionButtonWidth: this.props.actionButtonWidth!,\r\n        isMinimumColumnSizeEnabled: this.isMinimumColumnSizeEnabled(),\r\n      },\r\n    };\r\n    return this.props.children(listProps);\r\n  }\r\n}\r\n"]}

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

@@ -1,18 +1,18 @@
-import * as React from "react";
-/** @internal */
-export interface NestedBorderWrapperProps {
-    className?: string;
-    /** Number of bottom borders to draw (no more than side borders) */
-    bottomBorderCount: number;
-    /** Number of side borders to draw */
-    borderCount: number;
-    /** Node to wrap around */
-    children: React.ReactNode;
-}
-/**
- * FlatItemNestedBorderWrapper React component.
- * Wraps provided ReactNode in nested borders recursively according to provided borderCount.
- * @internal
- */
-export declare function FlatItemNestedBorderWrapper(props: NestedBorderWrapperProps): JSX.Element;
+import * as React from "react";
+/** @internal */
+export interface NestedBorderWrapperProps {
+    className?: string;
+    /** Number of bottom borders to draw (no more than side borders) */
+    bottomBorderCount: number;
+    /** Number of side borders to draw */
+    borderCount: number;
+    /** Node to wrap around */
+    children: React.ReactNode;
+}
+/**
+ * FlatItemNestedBorderWrapper React component.
+ * Wraps provided ReactNode in nested borders recursively according to provided borderCount.
+ * @internal
+ */
+export declare function FlatItemNestedBorderWrapper(props: NestedBorderWrapperProps): JSX.Element;
 //# sourceMappingURL=FlatItemNestedBorderWrapper.d.ts.map

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

@@ -1,24 +1,24 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-import classnames from "classnames";
-import * as React from "react";
-/**
- * FlatItemNestedBorderWrapper React component.
- * Wraps provided ReactNode in nested borders recursively according to provided borderCount.
- * @internal
- */
-export function FlatItemNestedBorderWrapper(props) {
-    if (props.borderCount <= 0) {
-        return (React.createElement("div", { className: props.className }, props.children));
-    }
-    const isBottomBorderNeeded = props.bottomBorderCount >= 0 && props.bottomBorderCount >= props.borderCount;
-    const classNames = classnames("nested-border-middle", isBottomBorderNeeded ? "nested-border-bottom" : undefined);
-    let currentBottomBorderCount = props.bottomBorderCount;
-    if (isBottomBorderNeeded)
-        currentBottomBorderCount--;
-    return (React.createElement("div", { className: classNames },
-        React.createElement(FlatItemNestedBorderWrapper, { className: props.className, borderCount: props.borderCount - 1, bottomBorderCount: currentBottomBorderCount }, props.children)));
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+import classnames from "classnames";
+import * as React from "react";
+/**
+ * FlatItemNestedBorderWrapper React component.
+ * Wraps provided ReactNode in nested borders recursively according to provided borderCount.
+ * @internal
+ */
+export function FlatItemNestedBorderWrapper(props) {
+    if (props.borderCount <= 0) {
+        return (React.createElement("div", { className: props.className }, props.children));
+    }
+    const isBottomBorderNeeded = props.bottomBorderCount >= 0 && props.bottomBorderCount >= props.borderCount;
+    const classNames = classnames("nested-border-middle", isBottomBorderNeeded ? "nested-border-bottom" : undefined);
+    let currentBottomBorderCount = props.bottomBorderCount;
+    if (isBottomBorderNeeded)
+        currentBottomBorderCount--;
+    return (React.createElement("div", { className: classNames },
+        React.createElement(FlatItemNestedBorderWrapper, { className: props.className, borderCount: props.borderCount - 1, bottomBorderCount: currentBottomBorderCount }, props.children)));
+}
 //# sourceMappingURL=FlatItemNestedBorderWrapper.js.map

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

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

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

@@ -1,31 +1,31 @@
-/** @packageDocumentation
- * @module PropertyGrid
- */
-import * as React from "react";
-import { CommonProps } from "@itwin/core-react";
-import { HighlightingComponentProps } from "../../common/HighlightingComponentProps";
-import { PropertyCategory } from "../PropertyDataProvider";
-/**
- * Properties for the [[PropertyCategoryBlock]] React component
- * @public
- */
-export interface PropertyCategoryBlockProps extends CommonProps {
-    /** Category of the properties */
-    category: PropertyCategory;
-    /** Callback to when PropertyCategoryBlock gets expended or collapsed */
-    onExpansionToggled?: (categoryName: string) => void;
-    /** Properties used for highlighting */
-    highlight?: HighlightingComponentProps;
-}
-/**
- * PropertyCategoryBlock React component
- * @public
- */
-export declare class PropertyCategoryBlock extends React.Component<PropertyCategoryBlockProps> {
-    constructor(props: PropertyCategoryBlockProps);
-    private toggleExpansion;
-    private _handleToggle;
-    /** @internal */
-    render(): JSX.Element;
-}
+/** @packageDocumentation
+ * @module PropertyGrid
+ */
+import * as React from "react";
+import { CommonProps } from "@itwin/core-react";
+import { HighlightingComponentProps } from "../../common/HighlightingComponentProps";
+import { PropertyCategory } from "../PropertyDataProvider";
+/**
+ * Properties for the [[PropertyCategoryBlock]] React component
+ * @public
+ */
+export interface PropertyCategoryBlockProps extends CommonProps {
+    /** Category of the properties */
+    category: PropertyCategory;
+    /** Callback to when PropertyCategoryBlock gets expended or collapsed */
+    onExpansionToggled?: (categoryName: string) => void;
+    /** Properties used for highlighting */
+    highlight?: HighlightingComponentProps;
+}
+/**
+ * PropertyCategoryBlock React component
+ * @public
+ */
+export declare class PropertyCategoryBlock extends React.Component<PropertyCategoryBlockProps> {
+    constructor(props: PropertyCategoryBlockProps);
+    private toggleExpansion;
+    private _handleToggle;
+    /** @internal */
+    render(): JSX.Element;
+}
 //# sourceMappingURL=PropertyCategoryBlock.d.ts.map