@itwin/components-react 3.7.0-dev.8 → 3.7.1

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

@@ -1,99 +1,99 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ColumnResizingPropertyListPropsSupplier = void 0;
-const React = __importStar(require("react"));
-const core_react_1 = require("@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 = core_react_1.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 !== core_react_1.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 core_react_1.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);
-    }
-}
-exports.ColumnResizingPropertyListPropsSupplier = ColumnResizingPropertyListPropsSupplier;
-ColumnResizingPropertyListPropsSupplier.defaultProps = {
-    minLabelWidth: 100,
-    minValueWidth: 100,
-    actionButtonWidth: 90,
-};
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColumnResizingPropertyListPropsSupplier = void 0;
+const React = __importStar(require("react"));
+const core_react_1 = require("@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 = core_react_1.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 !== core_react_1.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 core_react_1.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);
+    }
+}
+exports.ColumnResizingPropertyListPropsSupplier = ColumnResizingPropertyListPropsSupplier;
+ColumnResizingPropertyListPropsSupplier.defaultProps = {
+    minLabelWidth: 100,
+    minValueWidth: 100,
+    actionButtonWidth: 90,
+};
 //# sourceMappingURL=ColumnResizingPropertyListPropsSupplier.js.map

package/lib/cjs/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":"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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 _ 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/cjs/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/cjs/components-react/propertygrid/component/FlatItemNestedBorderWrapper.js

@@ -1,50 +1,50 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FlatItemNestedBorderWrapper = void 0;
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-const classnames_1 = __importDefault(require("classnames"));
-const React = __importStar(require("react"));
-/**
- * FlatItemNestedBorderWrapper React component.
- * Wraps provided ReactNode in nested borders recursively according to provided borderCount.
- * @internal
- */
-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 = (0, classnames_1.default)("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)));
-}
-exports.FlatItemNestedBorderWrapper = FlatItemNestedBorderWrapper;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlatItemNestedBorderWrapper = void 0;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
+/**
+ * FlatItemNestedBorderWrapper React component.
+ * Wraps provided ReactNode in nested borders recursively according to provided borderCount.
+ * @internal
+ */
+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 = (0, classnames_1.default)("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)));
+}
+exports.FlatItemNestedBorderWrapper = FlatItemNestedBorderWrapper;
 //# sourceMappingURL=FlatItemNestedBorderWrapper.js.map

package/lib/cjs/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,4DAAoC;AACpC,6CAA+B;AAa/B;;;;GAIG;AACH,SAAgB,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,IAAA,oBAAU,EACnC,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;AA1BD,kEA0BC","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,4DAAoC;AACpC,6CAA+B;AAa/B;;;;GAIG;AACH,SAAgB,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,IAAA,oBAAU,EACnC,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;AA1BD,kEA0BC","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/cjs/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

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

@@ -1,61 +1,61 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PropertyCategoryBlock = void 0;
-const React = __importStar(require("react"));
-const itwinui_react_1 = require("@itwin/itwinui-react");
-const HighlightedText_1 = require("../../common/HighlightedText");
-/**
- * PropertyCategoryBlock React component
- * @public
- */
-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_1.HighlightedText, { text: category.label, activeMatchIndex: activeMatchIndex, searchText: highlight.highlightedText })) :
-            category.label;
-        return (React.createElement(itwinui_react_1.ExpandableBlock, { isExpanded: category.expand, onToggle: this._handleToggle, title: label, size: "small", ...props }, category.expand && children));
-    }
-}
-exports.PropertyCategoryBlock = PropertyCategoryBlock;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PropertyCategoryBlock = void 0;
+const React = __importStar(require("react"));
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const HighlightedText_1 = require("../../common/HighlightedText");
+/**
+ * PropertyCategoryBlock React component
+ * @public
+ */
+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_1.HighlightedText, { text: category.label, activeMatchIndex: activeMatchIndex, searchText: highlight.highlightedText })) :
+            category.label;
+        return (React.createElement(itwinui_react_1.ExpandableBlock, { isExpanded: category.expand, onToggle: this._handleToggle, title: label, size: "small", ...props }, category.expand && children));
+    }
+}
+exports.PropertyCategoryBlock = PropertyCategoryBlock;
 //# sourceMappingURL=PropertyCategoryBlock.js.map

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

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