@itwin/components-react 4.0.0-dev.12 → 4.0.0-dev.14

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 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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnResizingPropertyListPropsSupplier.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/ColumnResizingPropertyListPropsSupplier.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAiC,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD,gBAAgB;AAChB,oBAAY,oCAAoC,GAAG,QAAQ,CAAC,IAAI,CAAC,iBAAiB,EAAE,iBAAiB,GAAG,aAAa,GAAG,uBAAuB,GAAG,4BAA4B,GAAG,4BAA4B,GAAG,2BAA2B,GAAG,YAAY,GAAG,aAAa,GAAG,OAAO,CAAC,CAAC,CAAC;AAEvR,gBAAgB;AAChB,MAAM,WAAW,4CAA4C;IAC3D,oCAAoC;IACpC,WAAW,EAAE,WAAW,CAAC;IACzB,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qEAAqE;IACrE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uCAAuC;IACvC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4GAA4G;IAC5G,QAAQ,EAAE,CAAC,KAAK,EAAE,oCAAoC,KAAK,KAAK,CAAC,SAAS,CAAC;CAC5E;AAED,gBAAgB;AAChB,MAAM,WAAW,4CAA4C;IAC3D,WAAW,EAAE,MAAM,CAAC;IACpB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,0BAA0B,EAAE,OAAO,CAAC;CACrC;AAED;;;GAGG;AACH,qBAAa,uCAAwC,SAAQ,KAAK,CAAC,SAAS,CAAC,4CAA4C,EAAE,4CAA4C,CAAC;IACtK,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAQ;IACtC,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAQ;IACzC,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAO;IACxC,OAAO,CAAC,SAAS,CAAyB;IAC1C,OAAO,CAAC,SAAS,CAAyB;IAE1B,KAAK,EAAE,4CAA4C,CAIjE;IAEF,OAAc,YAAY,EAAE,OAAO,CAAC,4CAA4C,CAAC,CAI/E;IAEF,OAAO,CAAC,qBAAqB,CAO3B;IAGF,OAAO,CAAC,2BAA2B,CAEjC;IAEF,OAAO,CAAC,0BAA0B,CAEhC;IAEF,OAAO,CAAC,0BAA0B;IAgBlC,OAAO,CAAC,mBAAmB;IAIX,MAAM;CAmBvB"}
+{"version":3,"file":"ColumnResizingPropertyListPropsSupplier.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/ColumnResizingPropertyListPropsSupplier.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAiC,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD,gBAAgB;AAChB,MAAM,MAAM,oCAAoC,GAAG,QAAQ,CAAC,IAAI,CAAC,iBAAiB,EAAE,iBAAiB,GAAG,aAAa,GAAG,uBAAuB,GAAG,4BAA4B,GAAG,4BAA4B,GAAG,2BAA2B,GAAG,YAAY,GAAG,aAAa,GAAG,OAAO,CAAC,CAAC,CAAC;AAEvR,gBAAgB;AAChB,MAAM,WAAW,4CAA4C;IAC3D,oCAAoC;IACpC,WAAW,EAAE,WAAW,CAAC;IACzB,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qEAAqE;IACrE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uCAAuC;IACvC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4GAA4G;IAC5G,QAAQ,EAAE,CAAC,KAAK,EAAE,oCAAoC,KAAK,KAAK,CAAC,SAAS,CAAC;CAC5E;AAED,gBAAgB;AAChB,MAAM,WAAW,4CAA4C;IAC3D,WAAW,EAAE,MAAM,CAAC;IACpB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,0BAA0B,EAAE,OAAO,CAAC;CACrC;AAED;;;GAGG;AACH,qBAAa,uCAAwC,SAAQ,KAAK,CAAC,SAAS,CAAC,4CAA4C,EAAE,4CAA4C,CAAC;IACtK,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAQ;IACtC,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAQ;IACzC,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAO;IACxC,OAAO,CAAC,SAAS,CAAyB;IAC1C,OAAO,CAAC,SAAS,CAAyB;IAE1B,KAAK,EAAE,4CAA4C,CAIjE;IAEF,OAAc,YAAY,EAAE,OAAO,CAAC,4CAA4C,CAAC,CAI/E;IAEF,OAAO,CAAC,qBAAqB,CAO3B;IAGF,OAAO,CAAC,2BAA2B,CAEjC;IAEF,OAAO,CAAC,0BAA0B,CAEhC;IAEF,OAAO,CAAC,0BAA0B;IAgBlC,OAAO,CAAC,mBAAmB;IAIX,MAAM;CAmBvB"}

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

@@ -1,80 +1,81 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-import * as React from "react";
-import { Orientation, UiGeometry } from "@itwin/core-react";
-/**
- * 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,
-};
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+import * as React from "react";
+import { Orientation, UiGeometry } from "@itwin/core-react";
+/**
+ * Wrapped PropertyCategoryBlock React component with list of properties and render optimization
+ * @internal
+ */
+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,
+};
+export { ColumnResizingPropertyListPropsSupplier };
 //# sourceMappingURL=ColumnResizingPropertyListPropsSupplier.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ColumnResizingPropertyListPropsSupplier.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/ColumnResizingPropertyListPropsSupplier.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\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"]}
+{"version":3,"file":"ColumnResizingPropertyListPropsSupplier.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/ColumnResizingPropertyListPropsSupplier.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\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/PropertyCategoryBlock.d.ts

@@ -1,33 +1,33 @@
-/** @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;
-    /** Content */
-    children?: React.ReactNode;
-}
-/**
- * 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;
+    /** Content */
+    children?: React.ReactNode;
+}
+/**
+ * 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

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

@@ -1,38 +1,37 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module PropertyGrid
- */
-import * as React from "react";
-import { ExpandableBlock } from "@itwin/itwinui-react";
-import { HighlightedText } from "../../common/HighlightedText";
-/**
- * PropertyCategoryBlock React component
- * @public
- */
-export class PropertyCategoryBlock extends React.Component {
-    constructor(props) {
-        super(props);
-        this._handleToggle = (_isExpanding) => {
-            this.toggleExpansion();
-        };
-    }
-    toggleExpansion() {
-        if (this.props.onExpansionToggled)
-            this.props.onExpansionToggled(this.props.category.name);
-    }
-    /** @internal */
-    render() {
-        var _a;
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        const { highlight, category, children, onExpansionToggled, ...props } = this.props;
-        const activeMatchIndex = this.props.category.name === ((_a = highlight === null || highlight === void 0 ? void 0 : highlight.activeHighlight) === null || _a === void 0 ? void 0 : _a.highlightedItemIdentifier) ? highlight.activeHighlight.highlightIndex : undefined;
-        const label = highlight ?
-            (React.createElement(HighlightedText, { text: category.label, activeMatchIndex: activeMatchIndex, searchText: highlight.highlightedText })) :
-            category.label;
-        return (React.createElement(ExpandableBlock, { isExpanded: category.expand, onToggle: this._handleToggle, title: label, size: "small", ...props }, category.expand && children));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module PropertyGrid
+ */
+import * as React from "react";
+import { ExpandableBlock } from "@itwin/itwinui-react";
+import { HighlightedText } from "../../common/HighlightedText";
+/**
+ * PropertyCategoryBlock React component
+ * @public
+ */
+export class PropertyCategoryBlock extends React.Component {
+    constructor(props) {
+        super(props);
+        this._handleToggle = (_isExpanding) => {
+            this.toggleExpansion();
+        };
+    }
+    toggleExpansion() {
+        if (this.props.onExpansionToggled)
+            this.props.onExpansionToggled(this.props.category.name);
+    }
+    /** @internal */
+    render() {
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        const { highlight, category, children, onExpansionToggled, ...props } = this.props;
+        const activeMatchIndex = this.props.category.name === highlight?.activeHighlight?.highlightedItemIdentifier ? highlight.activeHighlight.highlightIndex : undefined;
+        const label = highlight ?
+            (React.createElement(HighlightedText, { text: category.label, activeMatchIndex: activeMatchIndex, searchText: highlight.highlightedText })) :
+            category.label;
+        return (React.createElement(ExpandableBlock, { isExpanded: category.expand, onToggle: this._handleToggle, title: label, size: "small", ...props }, category.expand && children));
+    }
+}
 //# sourceMappingURL=PropertyCategoryBlock.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PropertyCategoryBlock.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyCategoryBlock.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAmB/D;;;GAGG;AACH,MAAM,OAAO,qBAAsB,SAAQ,KAAK,CAAC,SAAqC;IACpF,YAAY,KAAiC;QAC3C,KAAK,CAAC,KAAK,CAAC,CAAC;QAQP,kBAAa,GAAG,CAAC,YAAqB,EAAQ,EAAE;YACtD,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC,CAAC;IATF,CAAC;IAEO,eAAe;QACrB,IAAI,IAAI,CAAC,KAAK,CAAC,kBAAkB;YAC/B,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC5D,CAAC;IAMD,gBAAgB;IACA,MAAM;;QACpB,6DAA6D;QAC7D,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,kBAAkB,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACnF,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,MAAK,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,eAAe,0CAAE,yBAAyB,CAAA,CAAC,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC;QACnK,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC;YACvB,CAAC,oBAAC,eAAe,IAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,UAAU,EAAE,SAAS,CAAC,eAAe,GAAI,CAAC,CAAC,CAAC;YACxH,QAAQ,CAAC,KAAK,CAAC;QACjB,OAAO,CACL,oBAAC,eAAe,IACd,UAAU,EAAE,QAAQ,CAAC,MAAM,EAC3B,QAAQ,EAAE,IAAI,CAAC,aAAa,EAC5B,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,OAAO,KACR,KAAK,IAER,QAAQ,CAAC,MAAM,IAAI,QAAQ,CACZ,CACnB,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module PropertyGrid\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { ExpandableBlock } from \"@itwin/itwinui-react\";\r\nimport { HighlightedText } from \"../../common/HighlightedText\";\r\nimport { HighlightingComponentProps } from \"../../common/HighlightingComponentProps\";\r\nimport { PropertyCategory } from \"../PropertyDataProvider\";\r\n\r\n/**\r\n * Properties for the [[PropertyCategoryBlock]] React component\r\n * @public\r\n */\r\nexport interface PropertyCategoryBlockProps extends CommonProps {\r\n  /** Category of the properties */\r\n  category: PropertyCategory;\r\n  /** Callback to when PropertyCategoryBlock gets expended or collapsed */\r\n  onExpansionToggled?: (categoryName: string) => void;\r\n  /** Properties used for highlighting */\r\n  highlight?: HighlightingComponentProps;\r\n  /** Content */\r\n  children?: React.ReactNode;\r\n}\r\n\r\n/**\r\n * PropertyCategoryBlock React component\r\n * @public\r\n */\r\nexport class PropertyCategoryBlock extends React.Component<PropertyCategoryBlockProps> {\r\n  constructor(props: PropertyCategoryBlockProps) {\r\n    super(props);\r\n  }\r\n\r\n  private toggleExpansion() {\r\n    if (this.props.onExpansionToggled)\r\n      this.props.onExpansionToggled(this.props.category.name);\r\n  }\r\n\r\n  private _handleToggle = (_isExpanding: boolean): void => {\r\n    this.toggleExpansion();\r\n  };\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    const { highlight, category, children, onExpansionToggled, ...props } = this.props;\r\n    const activeMatchIndex = this.props.category.name === highlight?.activeHighlight?.highlightedItemIdentifier ? highlight.activeHighlight.highlightIndex : undefined;\r\n    const label = highlight ?\r\n      (<HighlightedText text={category.label} activeMatchIndex={activeMatchIndex} searchText={highlight.highlightedText} />) :\r\n      category.label;\r\n    return (\r\n      <ExpandableBlock\r\n        isExpanded={category.expand}\r\n        onToggle={this._handleToggle}\r\n        title={label}\r\n        size=\"small\"\r\n        {...props}\r\n      >\r\n        {category.expand && children}\r\n      </ExpandableBlock>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"PropertyCategoryBlock.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyCategoryBlock.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAmB/D;;;GAGG;AACH,MAAM,OAAO,qBAAsB,SAAQ,KAAK,CAAC,SAAqC;IACpF,YAAY,KAAiC;QAC3C,KAAK,CAAC,KAAK,CAAC,CAAC;QAQP,kBAAa,GAAG,CAAC,YAAqB,EAAQ,EAAE;YACtD,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC,CAAC;IATF,CAAC;IAEO,eAAe;QACrB,IAAI,IAAI,CAAC,KAAK,CAAC,kBAAkB;YAC/B,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC5D,CAAC;IAMD,gBAAgB;IACA,MAAM;QACpB,6DAA6D;QAC7D,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,kBAAkB,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACnF,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,KAAK,SAAS,EAAE,eAAe,EAAE,yBAAyB,CAAC,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC;QACnK,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC;YACvB,CAAC,oBAAC,eAAe,IAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,UAAU,EAAE,SAAS,CAAC,eAAe,GAAI,CAAC,CAAC,CAAC;YACxH,QAAQ,CAAC,KAAK,CAAC;QACjB,OAAO,CACL,oBAAC,eAAe,IACd,UAAU,EAAE,QAAQ,CAAC,MAAM,EAC3B,QAAQ,EAAE,IAAI,CAAC,aAAa,EAC5B,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,OAAO,KACR,KAAK,IAER,QAAQ,CAAC,MAAM,IAAI,QAAQ,CACZ,CACnB,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module PropertyGrid\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { ExpandableBlock } from \"@itwin/itwinui-react\";\r\nimport { HighlightedText } from \"../../common/HighlightedText\";\r\nimport { HighlightingComponentProps } from \"../../common/HighlightingComponentProps\";\r\nimport { PropertyCategory } from \"../PropertyDataProvider\";\r\n\r\n/**\r\n * Properties for the [[PropertyCategoryBlock]] React component\r\n * @public\r\n */\r\nexport interface PropertyCategoryBlockProps extends CommonProps {\r\n  /** Category of the properties */\r\n  category: PropertyCategory;\r\n  /** Callback to when PropertyCategoryBlock gets expended or collapsed */\r\n  onExpansionToggled?: (categoryName: string) => void;\r\n  /** Properties used for highlighting */\r\n  highlight?: HighlightingComponentProps;\r\n  /** Content */\r\n  children?: React.ReactNode;\r\n}\r\n\r\n/**\r\n * PropertyCategoryBlock React component\r\n * @public\r\n */\r\nexport class PropertyCategoryBlock extends React.Component<PropertyCategoryBlockProps> {\r\n  constructor(props: PropertyCategoryBlockProps) {\r\n    super(props);\r\n  }\r\n\r\n  private toggleExpansion() {\r\n    if (this.props.onExpansionToggled)\r\n      this.props.onExpansionToggled(this.props.category.name);\r\n  }\r\n\r\n  private _handleToggle = (_isExpanding: boolean): void => {\r\n    this.toggleExpansion();\r\n  };\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    const { highlight, category, children, onExpansionToggled, ...props } = this.props;\r\n    const activeMatchIndex = this.props.category.name === highlight?.activeHighlight?.highlightedItemIdentifier ? highlight.activeHighlight.highlightIndex : undefined;\r\n    const label = highlight ?\r\n      (<HighlightedText text={category.label} activeMatchIndex={activeMatchIndex} searchText={highlight.highlightedText} />) :\r\n      category.label;\r\n    return (\r\n      <ExpandableBlock\r\n        isExpanded={category.expand}\r\n        onToggle={this._handleToggle}\r\n        title={label}\r\n        size=\"small\"\r\n        {...props}\r\n      >\r\n        {category.expand && children}\r\n      </ExpandableBlock>\r\n    );\r\n  }\r\n}\r\n"]}