@itwin/components-react 4.1.0 → 4.2.0-dev.1

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

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

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

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

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

@@ -28,9 +28,9 @@ var __importDefault = (this && this.__importDefault) || function (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.
-*--------------------------------------------------------------------------------------------*/
+ * 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"));
 /**
@@ -40,9 +40,10 @@ const React = __importStar(require("react"));
  */
 function FlatItemNestedBorderWrapper(props) {
     if (props.borderCount <= 0) {
-        return (React.createElement("div", { className: props.className }, props.children));
+        return React.createElement("div", { className: props.className }, props.children);
     }
-    const isBottomBorderNeeded = props.bottomBorderCount >= 0 && props.bottomBorderCount >= props.borderCount;
+    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)

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":["/*---------------------------------------------------------------------------------------------\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"]}
+{"version":3,"file":"FlatItemNestedBorderWrapper.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/FlatItemNestedBorderWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAChG,4DAAoC;AACpC,6CAA+B;AAa/B;;;;GAIG;AACH,SAAgB,2BAA2B,CAAC,KAA+B;IACzE,IAAI,KAAK,CAAC,WAAW,IAAI,CAAC,EAAE;QAC1B,OAAO,6BAAK,SAAS,EAAE,KAAK,CAAC,SAAS,IAAG,KAAK,CAAC,QAAQ,CAAO,CAAC;KAChE;IAED,MAAM,oBAAoB,GACxB,KAAK,CAAC,iBAAiB,IAAI,CAAC;QAC5B,KAAK,CAAC,iBAAiB,IAAI,KAAK,CAAC,WAAW,CAAC;IAC/C,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;QAAE,wBAAwB,EAAE,CAAC;IAErD,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU;QACxB,oBAAC,2BAA2B,IAC1B,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,WAAW,EAAE,KAAK,CAAC,WAAW,GAAG,CAAC,EAClC,iBAAiB,EAAE,wBAAwB,IAE1C,KAAK,CAAC,QAAQ,CACa,CAC1B,CACP,CAAC;AACJ,CAAC;AA3BD,kEA2BC","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 <div className={props.className}>{props.children}</div>;\n  }\n\n  const isBottomBorderNeeded =\n    props.bottomBorderCount >= 0 &&\n    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) currentBottomBorderCount--;\n\n  return (\n    <div className={classNames}>\n      <FlatItemNestedBorderWrapper\n        className={props.className}\n        borderCount={props.borderCount - 1}\n        bottomBorderCount={currentBottomBorderCount}\n      >\n        {props.children}\n      </FlatItemNestedBorderWrapper>\n    </div>\n  );\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"PropertyCategoryBlock.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyCategoryBlock.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGrD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAC1F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE;;;GAGG;AACH,MAAM,WAAW,0BAA2B,SAAQ,WAAW;IAC7D,iCAAiC;IACjC,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,wEAAwE;IACxE,kBAAkB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,uCAAuC;IACvC,SAAS,CAAC,EAAE,0BAA0B,CAAC;IACvC,cAAc;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;GAGG;AACH,qBAAa,qBAAsB,SAAQ,KAAK,CAAC,SAAS,CAAC,0BAA0B,CAAC;gBACxE,KAAK,EAAE,0BAA0B;IAI7C,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,aAAa,CAEnB;IAEF,gBAAgB;IACA,MAAM;CAmBvB"}
+{"version":3,"file":"PropertyCategoryBlock.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyCategoryBlock.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGrD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAC1F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE;;;GAGG;AACH,MAAM,WAAW,0BAA2B,SAAQ,WAAW;IAC7D,iCAAiC;IACjC,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,wEAAwE;IACxE,kBAAkB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,uCAAuC;IACvC,SAAS,CAAC,EAAE,0BAA0B,CAAC;IACvC,cAAc;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;GAGG;AACH,qBAAa,qBAAsB,SAAQ,KAAK,CAAC,SAAS,CAAC,0BAA0B,CAAC;gBACxE,KAAK,EAAE,0BAA0B;IAI7C,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,aAAa,CAEnB;IAEF,gBAAgB;IACA,MAAM;CA6BvB"}

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

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */
@@ -52,12 +52,12 @@ class PropertyCategoryBlock extends React.Component {
     /** @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;
+        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));
     }
 }

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;AAmB/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 type { CommonProps } from \"@itwin/core-react\";\r\nimport { ExpandableBlock } from \"@itwin/itwinui-react\";\r\nimport { HighlightedText } from \"../../common/HighlightedText\";\r\nimport type { HighlightingComponentProps } from \"../../common/HighlightingComponentProps\";\r\nimport type { 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;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAE/B,wDAAuD;AACvD,kEAA+D;AAmB/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,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,kBAAkB,EAAE,GAAG,KAAK,EAAE,GACnE,IAAI,CAAC,KAAK,CAAC;QACb,MAAM,gBAAgB,GACpB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI;aACxB,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,eAAe,0CAAE,yBAAyB,CAAA;YACnD,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,cAAc;YAC1C,CAAC,CAAC,SAAS,CAAC;QAChB,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,CACxB,oBAAC,iCAAe,IACd,IAAI,EAAE,QAAQ,CAAC,KAAK,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,SAAS,CAAC,eAAe,GACrC,CACH,CAAC,CAAC,CAAC,CACF,QAAQ,CAAC,KAAK,CACf,CAAC;QACF,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;AA5CD,sDA4CC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module PropertyGrid\n */\n\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { ExpandableBlock } from \"@itwin/itwinui-react\";\nimport { HighlightedText } from \"../../common/HighlightedText\";\nimport type { HighlightingComponentProps } from \"../../common/HighlightingComponentProps\";\nimport type { 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  /** Content */\n  children?: React.ReactNode;\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    const { highlight, category, children, onExpansionToggled, ...props } =\n      this.props;\n    const activeMatchIndex =\n      this.props.category.name ===\n      highlight?.activeHighlight?.highlightedItemIdentifier\n        ? highlight.activeHighlight.highlightIndex\n        : undefined;\n    const label = highlight ? (\n      <HighlightedText\n        text={category.label}\n        activeMatchIndex={activeMatchIndex}\n        searchText={highlight.highlightedText}\n      />\n    ) : (\n      category.label\n    );\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"]}

package/lib/cjs/components-react/propertygrid/component/PropertyGrid.scss

@@ -1,74 +1,73 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/expandable/list";
-@import "~@itwin/core-react/lib/cjs/core-react/scrollbar";
-
-.components-property-grid-loader {
-  position: relative;
-  display: block;
-  left: calc(50% - 24px);
-  top: calc(50% - 24px);
-}
-
-.components-property-grid {
-
-  .property-categories {
-    @include uicore-expandable-blocks-list;
-
-    display: grid;
-    grid-row-gap: 6px;
-    padding: 3px;
-  }
-
-  padding-top: 6px;
-  padding-bottom: 6px;
-
-  user-select: none;
-  color: var(--iui-color-text);
-}
-
-.components-property-grid-wrapper {
-  width: 100%;
-  height: 100%;
-  overflow-y: auto;
-
-  @include uicore-touch-scrolling;
-  @include uicore-scrollbar();
-}
-
-@mixin components-property-list {
-  width: 100%;
-
-  .components--selected,
-  .components--selected:hover {
-    background-color: var(--iui-color-background-accent-muted);
-    outline: 1px solid var(--iui-color-border-accent);
-  }
-
-  .components--clickable:where(:not(.components--selected)) {
-    cursor: pointer;
-
-    &:hover {
-      background: var(--iui-color-background-hover);
-    }
-  }
-
-  .components--hoverable:hover {
-    background-color: var(--iui-color-background-hover);
-  }
-}
-
-.components-property-list--horizontal {
-  @include components-property-list;
-
-  display: grid;
-  grid-row-gap: 1px; // A gap of 10px is too wasteful
-  overflow: hidden;
-}
-
-.components-property-list--vertical {
-  @include components-property-list;
-  // margin-top: -13px;
-}
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/expandable/list";
+@import "~@itwin/core-react/lib/cjs/core-react/scrollbar";
+
+.components-property-grid-loader {
+  position: relative;
+  display: block;
+  left: calc(50% - 24px);
+  top: calc(50% - 24px);
+}
+
+.components-property-grid {
+  .property-categories {
+    @include uicore-expandable-blocks-list;
+
+    display: grid;
+    grid-row-gap: 6px;
+    padding: 3px;
+  }
+
+  padding-top: 6px;
+  padding-bottom: 6px;
+
+  user-select: none;
+  color: var(--iui-color-text);
+}
+
+.components-property-grid-wrapper {
+  width: 100%;
+  height: 100%;
+  overflow-y: auto;
+
+  @include uicore-touch-scrolling;
+  @include uicore-scrollbar();
+}
+
+@mixin components-property-list {
+  width: 100%;
+
+  .components--selected,
+  .components--selected:hover {
+    background-color: var(--iui-color-background-accent-muted);
+    outline: 1px solid var(--iui-color-border-accent);
+  }
+
+  .components--clickable:where(:not(.components--selected)) {
+    cursor: pointer;
+
+    &:hover {
+      background: var(--iui-color-background-hover);
+    }
+  }
+
+  .components--hoverable:hover {
+    background-color: var(--iui-color-background-hover);
+  }
+}
+
+.components-property-list--horizontal {
+  @include components-property-list;
+
+  display: grid;
+  grid-row-gap: 1px; // A gap of 10px is too wasteful
+  overflow: hidden;
+}
+
+.components-property-list--vertical {
+  @include components-property-list;
+  // margin-top: -13px;
+}

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

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

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

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */

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

@@ -1 +1 @@
-{"version":3,"file":"PropertyGridCommons.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyGridCommons.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAIH,kDAAgD;AAEhD,8CAAgD;AAyFhD,gBAAgB;AAChB,MAAa,mBAAmB;IACvB,MAAM,CAAC,qBAAqB,CAAC,KAAa,EAAE,oBAAkC,EAAE,kBAA4B,EAAE,6BAAsC;QACzJ,MAAM,WAAW,GAAG,oBAAoB,aAApB,oBAAoB,cAApB,oBAAoB,GAAI,wBAAW,CAAC,UAAU,CAAC;QACnE,IAAI,kBAAkB;YACpB,OAAO,WAAW,CAAC;QAErB,6BAA6B,GAAG,6BAA6B,aAA7B,6BAA6B,cAA7B,6BAA6B,GAAI,GAAG,CAAC;QACrE,wCAAwC;QACxC,IAAI,KAAK,GAAG,6BAA6B;YACvC,OAAO,wBAAW,CAAC,QAAQ,CAAC;QAE9B,OAAO,WAAW,CAAC;IACrB,CAAC;IAED;;;OAGG;IACI,MAAM,CAAC,eAAe,CAAC,IAAY;QACxC,MAAM,UAAU,GAAG,IAAA,kBAAU,EAAC,IAAI,CAAC,CAAC;QACpC,IAAI,UAAU,CAAC,MAAM,IAAI,CAAC;YACxB,OAAO;QACT,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;QAChC,uBAAuB;QACvB,IAAI,SAAS,IAAI,SAAS,CAAC,GAAG,EAAE;YAC9B,IAAI,SAAS,CAAC,MAAM,KAAK,SAAS,IAAI,SAAS,CAAC,MAAM,KAAK,KAAK;gBAC9D,QAAQ,CAAC,IAAI,GAAG,SAAS,CAAC,GAAG,CAAC;iBAC3B;gBACH,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;gBACxD,IAAI,UAAU;oBACZ,UAAU,CAAC,KAAK,EAAE,CAAC;aACtB;SACF;IACH,CAAC;;AAED;;;GAGG;AACW,4BAAQ,GAAG,CAAC,KAAa,EAAyC,EAAE;IAChF,OAAO,IAAA,kBAAU,EAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,QAA8C,EAAE,EAAE;QAC9E,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,CAAC,SAAS,EAAE,CAAC;IAC5D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AA3CS,kDAAmB","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 type { PropertyRecord } from \"@itwin/appui-abstract\";\r\nimport type { CommonProps} from \"@itwin/core-react\";\r\nimport { Orientation } from \"@itwin/core-react\";\r\nimport type { HighlightingComponentProps } from \"../../common/HighlightingComponentProps\";\r\nimport { matchLinks } from \"../../common/Links\";\r\nimport type { PropertyUpdatedArgs } from \"../../editors/EditorContainer\";\r\nimport type { ActionButtonRenderer } from \"../../properties/renderers/ActionButtonRenderer\";\r\nimport type { PropertyValueRendererManager } from \"../../properties/ValueRendererManager\";\r\nimport type { FilteredType } from \"../dataproviders/filterers/PropertyDataFiltererBase\";\r\nimport type { PropertyCategory } from \"../PropertyDataProvider\";\r\n\r\n/** Arguments for the Property Editing event callback\r\n * @public\r\n */\r\nexport interface PropertyEditingArgs {\r\n  /** PropertyRecord being edited  */\r\n  propertyRecord: PropertyRecord;\r\n  /** Unique key of currently edited property */\r\n  propertyKey?: string;\r\n}\r\n\r\n/** Arguments for `PropertyGridProps.onPropertyContextMenu` callback\r\n * @public\r\n */\r\nexport interface PropertyGridContextMenuArgs {\r\n  /** PropertyRecord being edited  */\r\n  propertyRecord: PropertyRecord;\r\n  /** An event which caused the context menu callback */\r\n  event: React.MouseEvent;\r\n}\r\n\r\n/**\r\n * Common Property Grid Props to be used by Property Grid Variants\r\n * @public\r\n */\r\nexport interface CommonPropertyGridProps extends CommonProps {\r\n  /** Grid orientation. When not defined, it is chosen automatically based on width of the grid. */\r\n  orientation?: Orientation;\r\n\r\n  /** Enables/disables property hovering effect */\r\n  isPropertyHoverEnabled?: boolean;\r\n\r\n  /** Called to show a context menu when properties are right-clicked */\r\n  onPropertyContextMenu?: (args: PropertyGridContextMenuArgs) => void;\r\n\r\n  /** Enables/disables property selection */\r\n  isPropertySelectionEnabled?: boolean;\r\n  /** Enables/disables property selection with right click */\r\n  isPropertySelectionOnRightClickEnabled?: boolean;\r\n  /** Callback to property selection */\r\n  onPropertySelectionChanged?: (property: PropertyRecord) => void;\r\n\r\n  /** Enables/disables property editing */\r\n  isPropertyEditingEnabled?: boolean;\r\n  /** Callback for when properties are being edited */\r\n  onPropertyEditing?: (args: PropertyEditingArgs, category: PropertyCategory) => void;\r\n  /** Callback for when properties are updated */\r\n  onPropertyUpdated?: (args: PropertyUpdatedArgs, category: PropertyCategory) => Promise<boolean>;\r\n\r\n  /** Custom property value renderer manager */\r\n  propertyValueRendererManager?: PropertyValueRendererManager;\r\n\r\n  /** Indicates whether the orientation is fixed and does not auto-switch to Vertical when the width is too narrow. Defaults to false. */\r\n  isOrientationFixed?: boolean;\r\n  /** The minimum width before the auto-switch to Vertical when the width is too narrow. Defaults to 300. */\r\n  horizontalOrientationMinWidth?: number;\r\n\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\r\n  /**\r\n   * Array of action button renderers. Each renderer is called for each property and can decide\r\n   * to render an action button for the property or not.\r\n   */\r\n  actionButtonRenderers?: ActionButtonRenderer[];\r\n}\r\n\r\n/**\r\n * Properties for highlighting text in property grid.\r\n * @public\r\n */\r\nexport interface PropertyGridContentHighlightProps extends HighlightingComponentProps {\r\n  /**\r\n   * Specifies what the highlighting should be applied on - category labels, property labels and / or property values.\r\n   * Defaults to \"nowhere\".\r\n   */\r\n  filteredTypes?: FilteredType[];\r\n}\r\n\r\n/** @internal */\r\nexport class PropertyGridCommons {\r\n  public static getCurrentOrientation(width: number, preferredOrientation?: Orientation, isOrientationFixed?: boolean, horizontalOrientationMinWidth?: number): Orientation {\r\n    const orientation = preferredOrientation ?? Orientation.Horizontal;\r\n    if (isOrientationFixed)\r\n      return orientation;\r\n\r\n    horizontalOrientationMinWidth = horizontalOrientationMinWidth ?? 300;\r\n    // Switch to Vertical if width too small\r\n    if (width < horizontalOrientationMinWidth)\r\n      return Orientation.Vertical;\r\n\r\n    return orientation;\r\n  }\r\n\r\n  /**\r\n   * Helper method to handle link clicks\r\n   * @internal\r\n   */\r\n  public static handleLinkClick(text: string) {\r\n    const linksArray = matchLinks(text);\r\n    if (linksArray.length <= 0)\r\n      return;\r\n    const foundLink = linksArray[0];\r\n    // istanbul ignore else\r\n    if (foundLink && foundLink.url) {\r\n      if (foundLink.schema === \"mailto:\" || foundLink.schema === \"pw:\")\r\n        location.href = foundLink.url;\r\n      else {\r\n        const windowOpen = window.open(foundLink.url, \"_blank\");\r\n        if (windowOpen)\r\n          windowOpen.focus();\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * A helper method to get links from string.\r\n   * @internal\r\n   */\r\n  public static getLinks = (value: string): Array<{ start: number, end: number }> => {\r\n    return matchLinks(value).map((linkInfo: { index: number, lastIndex: number }) => {\r\n      return { start: linkInfo.index, end: linkInfo.lastIndex };\r\n    });\r\n  };\r\n}\r\n"]}
+{"version":3,"file":"PropertyGridCommons.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyGridCommons.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAIH,kDAAgD;AAEhD,8CAAgD;AAgGhD,gBAAgB;AAChB,MAAa,mBAAmB;IACvB,MAAM,CAAC,qBAAqB,CACjC,KAAa,EACb,oBAAkC,EAClC,kBAA4B,EAC5B,6BAAsC;QAEtC,MAAM,WAAW,GAAG,oBAAoB,aAApB,oBAAoB,cAApB,oBAAoB,GAAI,wBAAW,CAAC,UAAU,CAAC;QACnE,IAAI,kBAAkB;YAAE,OAAO,WAAW,CAAC;QAE3C,6BAA6B,GAAG,6BAA6B,aAA7B,6BAA6B,cAA7B,6BAA6B,GAAI,GAAG,CAAC;QACrE,wCAAwC;QACxC,IAAI,KAAK,GAAG,6BAA6B;YAAE,OAAO,wBAAW,CAAC,QAAQ,CAAC;QAEvE,OAAO,WAAW,CAAC;IACrB,CAAC;IAED;;;OAGG;IACI,MAAM,CAAC,eAAe,CAAC,IAAY;QACxC,MAAM,UAAU,GAAG,IAAA,kBAAU,EAAC,IAAI,CAAC,CAAC;QACpC,IAAI,UAAU,CAAC,MAAM,IAAI,CAAC;YAAE,OAAO;QACnC,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;QAChC,uBAAuB;QACvB,IAAI,SAAS,IAAI,SAAS,CAAC,GAAG,EAAE;YAC9B,IAAI,SAAS,CAAC,MAAM,KAAK,SAAS,IAAI,SAAS,CAAC,MAAM,KAAK,KAAK;gBAC9D,QAAQ,CAAC,IAAI,GAAG,SAAS,CAAC,GAAG,CAAC;iBAC3B;gBACH,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;gBACxD,IAAI,UAAU;oBAAE,UAAU,CAAC,KAAK,EAAE,CAAC;aACpC;SACF;IACH,CAAC;;AAED;;;GAGG;AACW,4BAAQ,GAAG,CACvB,KAAa,EAC0B,EAAE;IACzC,OAAO,IAAA,kBAAU,EAAC,KAAK,CAAC,CAAC,GAAG,CAC1B,CAAC,QAA8C,EAAE,EAAE;QACjD,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,CAAC,SAAS,EAAE,CAAC;IAC5D,CAAC,CACF,CAAC;AACJ,CAAC,CAAC;AAhDS,kDAAmB","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module PropertyGrid\n */\n\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Orientation } from \"@itwin/core-react\";\nimport type { HighlightingComponentProps } from \"../../common/HighlightingComponentProps\";\nimport { matchLinks } from \"../../common/Links\";\nimport type { PropertyUpdatedArgs } from \"../../editors/EditorContainer\";\nimport type { ActionButtonRenderer } from \"../../properties/renderers/ActionButtonRenderer\";\nimport type { PropertyValueRendererManager } from \"../../properties/ValueRendererManager\";\nimport type { FilteredType } from \"../dataproviders/filterers/PropertyDataFiltererBase\";\nimport type { PropertyCategory } from \"../PropertyDataProvider\";\n\n/** Arguments for the Property Editing event callback\n * @public\n */\nexport interface PropertyEditingArgs {\n  /** PropertyRecord being edited  */\n  propertyRecord: PropertyRecord;\n  /** Unique key of currently edited property */\n  propertyKey?: string;\n}\n\n/** Arguments for `PropertyGridProps.onPropertyContextMenu` callback\n * @public\n */\nexport interface PropertyGridContextMenuArgs {\n  /** PropertyRecord being edited  */\n  propertyRecord: PropertyRecord;\n  /** An event which caused the context menu callback */\n  event: React.MouseEvent;\n}\n\n/**\n * Common Property Grid Props to be used by Property Grid Variants\n * @public\n */\nexport interface CommonPropertyGridProps extends CommonProps {\n  /** Grid orientation. When not defined, it is chosen automatically based on width of the grid. */\n  orientation?: Orientation;\n\n  /** Enables/disables property hovering effect */\n  isPropertyHoverEnabled?: boolean;\n\n  /** Called to show a context menu when properties are right-clicked */\n  onPropertyContextMenu?: (args: PropertyGridContextMenuArgs) => void;\n\n  /** Enables/disables property selection */\n  isPropertySelectionEnabled?: boolean;\n  /** Enables/disables property selection with right click */\n  isPropertySelectionOnRightClickEnabled?: boolean;\n  /** Callback to property selection */\n  onPropertySelectionChanged?: (property: PropertyRecord) => void;\n\n  /** Enables/disables property editing */\n  isPropertyEditingEnabled?: boolean;\n  /** Callback for when properties are being edited */\n  onPropertyEditing?: (\n    args: PropertyEditingArgs,\n    category: PropertyCategory\n  ) => void;\n  /** Callback for when properties are updated */\n  onPropertyUpdated?: (\n    args: PropertyUpdatedArgs,\n    category: PropertyCategory\n  ) => Promise<boolean>;\n\n  /** Custom property value renderer manager */\n  propertyValueRendererManager?: PropertyValueRendererManager;\n\n  /** Indicates whether the orientation is fixed and does not auto-switch to Vertical when the width is too narrow. Defaults to false. */\n  isOrientationFixed?: boolean;\n  /** The minimum width before the auto-switch to Vertical when the width is too narrow. Defaults to 300. */\n  horizontalOrientationMinWidth?: number;\n\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\n  /**\n   * Array of action button renderers. Each renderer is called for each property and can decide\n   * to render an action button for the property or not.\n   */\n  actionButtonRenderers?: ActionButtonRenderer[];\n}\n\n/**\n * Properties for highlighting text in property grid.\n * @public\n */\nexport interface PropertyGridContentHighlightProps\n  extends HighlightingComponentProps {\n  /**\n   * Specifies what the highlighting should be applied on - category labels, property labels and / or property values.\n   * Defaults to \"nowhere\".\n   */\n  filteredTypes?: FilteredType[];\n}\n\n/** @internal */\nexport class PropertyGridCommons {\n  public static getCurrentOrientation(\n    width: number,\n    preferredOrientation?: Orientation,\n    isOrientationFixed?: boolean,\n    horizontalOrientationMinWidth?: number\n  ): Orientation {\n    const orientation = preferredOrientation ?? Orientation.Horizontal;\n    if (isOrientationFixed) return orientation;\n\n    horizontalOrientationMinWidth = horizontalOrientationMinWidth ?? 300;\n    // Switch to Vertical if width too small\n    if (width < horizontalOrientationMinWidth) return Orientation.Vertical;\n\n    return orientation;\n  }\n\n  /**\n   * Helper method to handle link clicks\n   * @internal\n   */\n  public static handleLinkClick(text: string) {\n    const linksArray = matchLinks(text);\n    if (linksArray.length <= 0) return;\n    const foundLink = linksArray[0];\n    // istanbul ignore else\n    if (foundLink && foundLink.url) {\n      if (foundLink.schema === \"mailto:\" || foundLink.schema === \"pw:\")\n        location.href = foundLink.url;\n      else {\n        const windowOpen = window.open(foundLink.url, \"_blank\");\n        if (windowOpen) windowOpen.focus();\n      }\n    }\n  }\n\n  /**\n   * A helper method to get links from string.\n   * @internal\n   */\n  public static getLinks = (\n    value: string\n  ): Array<{ start: number; end: number }> => {\n    return matchLinks(value).map(\n      (linkInfo: { index: number; lastIndex: number }) => {\n        return { start: linkInfo.index, end: linkInfo.lastIndex };\n      }\n    );\n  };\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"PropertyGridEventsRelatedPropsSupplier.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyGridEventsRelatedPropsSupplier.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,qBAAqB,CAAC;AAC7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,gBAAgB;AAChB,MAAM,MAAM,8BAA8B,GAAG,IAAI,CAAC,iBAAiB,EAAE,mBAAmB,GAAG,wBAAwB,GACnH,uBAAuB,GAAG,cAAc,GAAG,cAAc,GAAG,qBAAqB,GAAG,oBAAoB,CAAC,GACzG,IAAI,CAAC,uBAAuB,EAAE,wCAAwC,GAAG,0BAA0B,CAAC,GACpG,QAAQ,CAAC,IAAI,CAAC,uBAAuB,EAAE,wBAAwB,GAAG,4BAA4B,CAAC,CAAC,CAAC;AAEjG;;GAEG;AACH,MAAM,MAAM,2CAA2C,GAAG,IAAI,CAAC,uBAAuB,EAAE,uBAAuB,GAC/G,wCAAwC,GAAG,wCAAwC,GACnF,4BAA4B,GAAG,0BAA0B,GAAG,mBAAmB,CAAC,GAChF,QAAQ,CAAC,IAAI,CAAC,uBAAuB,EAAE,wBAAwB,GAAG,4BAA4B,CAAC,CAAC,GAAG;IACjG,QAAQ,EAAE,CAAC,OAAO,EAAE,8BAA8B,KAAK,KAAK,CAAC,SAAS,CAAC;CACxE,CAAC;AAEF;;GAEG;AACH,UAAU,2CAA2C;IACnD,gDAAgD;IAChD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,8CAA8C;IAC9C,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;GAEG;AACH,qBAAa,sCAAuC,SAAQ,KAAK,CAAC,SAAS,CAAC,2CAA2C,EAAE,2CAA2C,CAAC;IACnK,gBAAgB;gBACJ,KAAK,EAAE,2CAA2C;IAK9D,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,sBAAsB;IAI9B,OAAO,CAAC,uBAAuB,CAI7B;IAEF,OAAO,CAAC,kBAAkB,CAIxB;IAEF,OAAO,CAAC,sBAAsB,CAI5B;IAEF,OAAO,CAAC,aAAa,CAMnB;IAEF,OAAO,CAAC,aAAa,CAEnB;IAEF,OAAO,CAAC,6BAA6B;IAcrC,OAAO,CAAC,4BAA4B;IA2BpC,gBAAgB;IACA,MAAM;CAqBvB"}
+{"version":3,"file":"PropertyGridEventsRelatedPropsSupplier.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyGridEventsRelatedPropsSupplier.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,qBAAqB,CAAC;AAC7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,gBAAgB;AAChB,MAAM,MAAM,8BAA8B,GAAG,IAAI,CAC/C,iBAAiB,EACf,mBAAmB,GACnB,wBAAwB,GACxB,uBAAuB,GACvB,cAAc,GACd,cAAc,GACd,qBAAqB,GACrB,oBAAoB,CACvB,GACC,IAAI,CACF,uBAAuB,EACvB,wCAAwC,GAAG,0BAA0B,CACtE,GACD,QAAQ,CACN,IAAI,CACF,uBAAuB,EACvB,wBAAwB,GAAG,4BAA4B,CACxD,CACF,CAAC;AAEJ;;GAEG;AACH,MAAM,MAAM,2CAA2C,GAAG,IAAI,CAC5D,uBAAuB,EACrB,uBAAuB,GACvB,wCAAwC,GACxC,wCAAwC,GACxC,4BAA4B,GAC5B,0BAA0B,GAC1B,mBAAmB,CACtB,GACC,QAAQ,CACN,IAAI,CACF,uBAAuB,EACvB,wBAAwB,GAAG,4BAA4B,CACxD,CACF,GAAG;IACF,QAAQ,EAAE,CAAC,OAAO,EAAE,8BAA8B,KAAK,KAAK,CAAC,SAAS,CAAC;CACxE,CAAC;AAEJ;;GAEG;AACH,UAAU,2CAA2C;IACnD,gDAAgD;IAChD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,8CAA8C;IAC9C,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;GAEG;AACH,qBAAa,sCAAuC,SAAQ,KAAK,CAAC,SAAS,CACzE,2CAA2C,EAC3C,2CAA2C,CAC5C;IACC,gBAAgB;gBACJ,KAAK,EAAE,2CAA2C;IAK9D,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,sBAAsB;IAI9B,OAAO,CAAC,uBAAuB,CAO7B;IAEF,OAAO,CAAC,kBAAkB,CAIxB;IAEF,OAAO,CAAC,sBAAsB,CAO5B;IAEF,OAAO,CAAC,aAAa,CASnB;IAEF,OAAO,CAAC,aAAa,CAEnB;IAEF,OAAO,CAAC,6BAA6B;IAgBrC,OAAO,CAAC,4BAA4B;IAgCpC,gBAAgB;IACA,MAAM;CAwBvB"}

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

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -69,7 +69,8 @@ class PropertyGridEventsRelatedPropsSupplier extends React.Component {
         this.state = {};
     }
     _isClickSupported() {
-        return this.props.isPropertySelectionEnabled || this.props.isPropertyEditingEnabled;
+        return (this.props.isPropertySelectionEnabled ||
+            this.props.isPropertyEditingEnabled);
     }
     _isRightClickSupported() {
         return this.props.isPropertySelectionOnRightClickEnabled;
@@ -92,7 +93,8 @@ class PropertyGridEventsRelatedPropsSupplier extends React.Component {
         const isSelectionEnabled = this.props.isPropertySelectionEnabled;
         if (isEditingEnabled && isValuePrimitive) {
             // Deselect editing key only if another selection was made
-            editingPropertyKey = isSelectionEnabled && selectedPropertyKey !== key ? undefined : key;
+            editingPropertyKey =
+                isSelectionEnabled && selectedPropertyKey !== key ? undefined : key;
         }
         if (editingPropertyKey === key) {
             this.setState({ editingPropertyKey });
@@ -115,8 +117,12 @@ class PropertyGridEventsRelatedPropsSupplier extends React.Component {
             editingPropertyKey: this.state.editingPropertyKey,
             onEditCommit: this._onEditCommit,
             onEditCancel: this._onEditCancel,
-            onPropertyClicked: this._isClickSupported() ? this._onPropertyClicked : undefined,
-            onPropertyRightClicked: this._isRightClickSupported() ? this._onPropertyRightClicked : undefined,
+            onPropertyClicked: this._isClickSupported()
+                ? this._onPropertyClicked
+                : undefined,
+            onPropertyRightClicked: this._isRightClickSupported()
+                ? this._onPropertyRightClicked
+                : undefined,
             onPropertyContextMenu: this._onPropertyContextMenu,
         };
         return (React.createElement(React.Fragment, null, this.props.children(renderContext)));

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

@@ -1 +1 @@
-{"version":3,"file":"PropertyGridEventsRelatedPropsSupplier.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyGridEventsRelatedPropsSupplier.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;;;;;;;;;;;;;;;;;;;;;;;;;;AAE/F;;GAEG;AACH,+BAA6B;AAC7B,6CAA+B;AAE/B,0DAA4D;AAgC5D;;GAEG;AACH,MAAa,sCAAuC,SAAQ,KAAK,CAAC,SAAmG;IACnK,gBAAgB;IAChB,YAAY,KAAkD;QAC5D,KAAK,CAAC,KAAK,CAAC,CAAC;QAYP,4BAAuB,GAAG,CAAC,QAAwB,EAAE,GAAY,EAAE,EAAE;YAC3E,uBAAuB;YACvB,IAAI,IAAI,CAAC,sBAAsB,EAAE;gBAC/B,IAAI,CAAC,6BAA6B,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;QACtD,CAAC,CAAC;QAEM,uBAAkB,GAAG,CAAC,QAAwB,EAAE,GAAY,EAAE,EAAE;YACtE,uBAAuB;YACvB,IAAI,IAAI,CAAC,iBAAiB,EAAE;gBAC1B,IAAI,CAAC,4BAA4B,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;QACrD,CAAC,CAAC;QAEM,2BAAsB,GAAG,CAAC,QAAwB,EAAE,CAAmB,EAAE,EAAE;YACjF,IAAI,IAAI,CAAC,KAAK,CAAC,qBAAqB,EAAE;gBACpC,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,EAAE,cAAc,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;aAC1E;QACH,CAAC,CAAC;QAEM,kBAAa,GAAG,KAAK,EAAE,IAAyB,EAAE,QAA0B,EAAE,EAAE;YACtF,uBAAuB;YACvB,IAAI,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE;gBAChC,MAAM,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;gBACnD,IAAI,CAAC,QAAQ,CAAC,EAAE,kBAAkB,EAAE,SAAS,EAAE,CAAC,CAAC;aAClD;QACH,CAAC,CAAC;QAEM,kBAAa,GAAG,GAAG,EAAE;YAC3B,IAAI,CAAC,QAAQ,CAAC,EAAE,kBAAkB,EAAE,SAAS,EAAE,CAAC,CAAC;QACnD,CAAC,CAAC;QAvCA,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;IAClB,CAAC;IAEO,iBAAiB;QACvB,OAAO,IAAI,CAAC,KAAK,CAAC,0BAA0B,IAAI,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC;IACtF,CAAC;IAEO,sBAAsB;QAC5B,OAAO,IAAI,CAAC,KAAK,CAAC,sCAAsC,CAAC;IAC3D,CAAC;IAgCO,6BAA6B,CAAC,QAAwB,EAAE,GAAuB;QACrF,IAAI,mBAAmB,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC;QACzD,IAAI,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC;QAEvD,kBAAkB,GAAG,SAAS,CAAC;QAC/B,IAAI,mBAAmB,KAAK,GAAG;YAC7B,mBAAmB,GAAG,GAAG,CAAC;QAE5B,IAAI,IAAI,CAAC,KAAK,CAAC,0BAA0B;YACvC,IAAI,CAAC,KAAK,CAAC,0BAA0B,CAAC,QAAQ,CAAC,CAAC;QAElD,IAAI,CAAC,QAAQ,CAAC,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,CAAC,CAAC;IAC7D,CAAC;IAEO,4BAA4B,CAAC,QAAwB,EAAE,GAAuB;QACpF,IAAI,mBAAmB,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC;QACzD,IAAI,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC;QAEvD,MAAM,gBAAgB,GAAG,QAAQ,CAAC,KAAK,CAAC,WAAW,KAAK,oCAAmB,CAAC,SAAS,CAAC;QACtF,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC;QAC7D,MAAM,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,0BAA0B,CAAC;QAEjE,IAAI,gBAAgB,IAAI,gBAAgB,EAAE;YACxC,0DAA0D;YAC1D,kBAAkB,GAAG,kBAAkB,IAAI,mBAAmB,KAAK,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC;SAC1F;QAED,IAAI,kBAAkB,KAAK,GAAG,EAAE;YAC9B,IAAI,CAAC,QAAQ,CAAC,EAAE,kBAAkB,EAAE,CAAC,CAAC;YACtC,OAAO;SACR;QAED,kBAAkB;QAClB,mBAAmB,GAAG,mBAAmB,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;QAEpE,IAAI,IAAI,CAAC,KAAK,CAAC,0BAA0B;YACvC,IAAI,CAAC,KAAK,CAAC,0BAA0B,CAAC,QAAQ,CAAC,CAAC;QAElD,IAAI,CAAC,QAAQ,CAAC,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,CAAC,CAAC;IAC7D,CAAC;IAED,gBAAgB;IACA,MAAM;QACpB,MAAM,aAAa,GAAmC;YACpD,sBAAsB,EAAE,IAAI,CAAC,KAAK,CAAC,sBAAsB;YACzD,0BAA0B,EAAE,IAAI,CAAC,KAAK,CAAC,0BAA0B;YACjE,sCAAsC,EAAE,IAAI,CAAC,KAAK,CAAC,sCAAsC;YACzF,wBAAwB,EAAE,IAAI,CAAC,KAAK,CAAC,wBAAwB;YAC7D,mBAAmB,EAAE,IAAI,CAAC,KAAK,CAAC,mBAAmB;YACnD,kBAAkB,EAAE,IAAI,CAAC,KAAK,CAAC,kBAAkB;YACjD,YAAY,EAAE,IAAI,CAAC,aAAa;YAChC,YAAY,EAAE,IAAI,CAAC,aAAa;YAChC,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,SAAS;YACjF,sBAAsB,EAAE,IAAI,CAAC,sBAAsB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,SAAS;YAChG,qBAAqB,EAAE,IAAI,CAAC,sBAAsB;SACnD,CAAC;QAEF,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ,QACZ,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CACpB,CAClB,CAAC;IACJ,CAAC;CACF;AA5GD,wFA4GC","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\r\n/** @packageDocumentation\r\n * @module PropertyGrid\r\n */\r\nimport \"./PropertyGrid.scss\";\r\nimport * as React from \"react\";\r\nimport type { PropertyRecord} from \"@itwin/appui-abstract\";\r\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\r\nimport type { PropertyUpdatedArgs } from \"../../editors/EditorContainer\";\r\nimport type { PropertyCategory } from \"../PropertyDataProvider\";\r\nimport type { CommonPropertyGridProps } from \"./PropertyGridCommons\";\r\nimport type { PropertyListProps } from \"./PropertyList\";\r\n\r\n/** @internal */\r\nexport type PropertyGridEventsRelatedProps = Pick<PropertyListProps, \"onPropertyClicked\" | \"onPropertyRightClicked\" |\r\n\"onPropertyContextMenu\" | \"onEditCommit\" | \"onEditCancel\" | \"selectedPropertyKey\" | \"editingPropertyKey\"> &\r\nPick<CommonPropertyGridProps, \"isPropertySelectionOnRightClickEnabled\" | \"isPropertyEditingEnabled\"> &\r\nRequired<Pick<CommonPropertyGridProps, \"isPropertyHoverEnabled\" | \"isPropertySelectionEnabled\">>;\r\n\r\n/** Properties for [[PropertyGridEventsRelatedPropsSupplier]] React component\r\n * @internal\r\n */\r\nexport type PropertyGridEventsRelatedPropsSupplierProps = Pick<CommonPropertyGridProps, \"onPropertyContextMenu\" |\r\n\"isPropertySelectionOnRightClickEnabled\" | \"isPropertySelectionOnRightClickEnabled\" |\r\n\"onPropertySelectionChanged\" | \"isPropertyEditingEnabled\" | \"onPropertyUpdated\"> &\r\nRequired<Pick<CommonPropertyGridProps, \"isPropertyHoverEnabled\" | \"isPropertySelectionEnabled\">> & {\r\n  children: (context: PropertyGridEventsRelatedProps) => React.ReactNode;\r\n};\r\n\r\n/** State of [[PropertyGridEventsRelatedPropsSupplier]] React component\r\n * @internal\r\n */\r\ninterface PropertyGridEventsRelatedPropsSupplierState {\r\n  /** Unique key of currently selected property */\r\n  selectedPropertyKey?: string;\r\n  /** Unique key of currently edited property */\r\n  editingPropertyKey?: string;\r\n}\r\n\r\n/** PropertyGridEventsRelatedPropsSupplier React component.\r\n * @internal\r\n */\r\nexport class PropertyGridEventsRelatedPropsSupplier extends React.Component<PropertyGridEventsRelatedPropsSupplierProps, PropertyGridEventsRelatedPropsSupplierState> {\r\n  /** @internal */\r\n  constructor(props: PropertyGridEventsRelatedPropsSupplierProps) {\r\n    super(props);\r\n    this.state = {};\r\n  }\r\n\r\n  private _isClickSupported() {\r\n    return this.props.isPropertySelectionEnabled || this.props.isPropertyEditingEnabled;\r\n  }\r\n\r\n  private _isRightClickSupported() {\r\n    return this.props.isPropertySelectionOnRightClickEnabled;\r\n  }\r\n\r\n  private _onPropertyRightClicked = (property: PropertyRecord, key?: string) => {\r\n    // istanbul ignore else\r\n    if (this._isRightClickSupported())\r\n      this.onEnabledPropertyRightClicked(property, key);\r\n  };\r\n\r\n  private _onPropertyClicked = (property: PropertyRecord, key?: string) => {\r\n    // istanbul ignore else\r\n    if (this._isClickSupported())\r\n      this.onEnabledPropertyLeftClicked(property, key);\r\n  };\r\n\r\n  private _onPropertyContextMenu = (property: PropertyRecord, e: React.MouseEvent) => {\r\n    if (this.props.onPropertyContextMenu) {\r\n      this.props.onPropertyContextMenu({ propertyRecord: property, event: e });\r\n    }\r\n  };\r\n\r\n  private _onEditCommit = async (args: PropertyUpdatedArgs, category: PropertyCategory) => {\r\n    // istanbul ignore else\r\n    if (this.props.onPropertyUpdated) {\r\n      await this.props.onPropertyUpdated(args, category);\r\n      this.setState({ editingPropertyKey: undefined });\r\n    }\r\n  };\r\n\r\n  private _onEditCancel = () => {\r\n    this.setState({ editingPropertyKey: undefined });\r\n  };\r\n\r\n  private onEnabledPropertyRightClicked(property: PropertyRecord, key: string | undefined) {\r\n    let selectedPropertyKey = this.state.selectedPropertyKey;\r\n    let editingPropertyKey = this.state.editingPropertyKey;\r\n\r\n    editingPropertyKey = undefined;\r\n    if (selectedPropertyKey !== key)\r\n      selectedPropertyKey = key;\r\n\r\n    if (this.props.onPropertySelectionChanged)\r\n      this.props.onPropertySelectionChanged(property);\r\n\r\n    this.setState({ selectedPropertyKey, editingPropertyKey });\r\n  }\r\n\r\n  private onEnabledPropertyLeftClicked(property: PropertyRecord, key: string | undefined) {\r\n    let selectedPropertyKey = this.state.selectedPropertyKey;\r\n    let editingPropertyKey = this.state.editingPropertyKey;\r\n\r\n    const isValuePrimitive = property.value.valueFormat === PropertyValueFormat.Primitive;\r\n    const isEditingEnabled = this.props.isPropertyEditingEnabled;\r\n    const isSelectionEnabled = this.props.isPropertySelectionEnabled;\r\n\r\n    if (isEditingEnabled && isValuePrimitive) {\r\n      // Deselect editing key only if another selection was made\r\n      editingPropertyKey = isSelectionEnabled && selectedPropertyKey !== key ? undefined : key;\r\n    }\r\n\r\n    if (editingPropertyKey === key) {\r\n      this.setState({ editingPropertyKey });\r\n      return;\r\n    }\r\n\r\n    // Select/Deselect\r\n    selectedPropertyKey = selectedPropertyKey !== key ? key : undefined;\r\n\r\n    if (this.props.onPropertySelectionChanged)\r\n      this.props.onPropertySelectionChanged(property);\r\n\r\n    this.setState({ selectedPropertyKey, editingPropertyKey });\r\n  }\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    const renderContext: PropertyGridEventsRelatedProps = {\r\n      isPropertyHoverEnabled: this.props.isPropertyHoverEnabled,\r\n      isPropertySelectionEnabled: this.props.isPropertySelectionEnabled,\r\n      isPropertySelectionOnRightClickEnabled: this.props.isPropertySelectionOnRightClickEnabled,\r\n      isPropertyEditingEnabled: this.props.isPropertyEditingEnabled,\r\n      selectedPropertyKey: this.state.selectedPropertyKey,\r\n      editingPropertyKey: this.state.editingPropertyKey,\r\n      onEditCommit: this._onEditCommit,\r\n      onEditCancel: this._onEditCancel,\r\n      onPropertyClicked: this._isClickSupported() ? this._onPropertyClicked : undefined,\r\n      onPropertyRightClicked: this._isRightClickSupported() ? this._onPropertyRightClicked : undefined,\r\n      onPropertyContextMenu: this._onPropertyContextMenu,\r\n    };\r\n\r\n    return (\r\n      <React.Fragment>\r\n        {this.props.children(renderContext)}\r\n      </React.Fragment>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"PropertyGridEventsRelatedPropsSupplier.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyGridEventsRelatedPropsSupplier.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\n/** @packageDocumentation\n * @module PropertyGrid\n */\nimport \"./PropertyGrid.scss\";\nimport * as React from \"react\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport type { PropertyUpdatedArgs } from \"../../editors/EditorContainer\";\nimport type { PropertyCategory } from \"../PropertyDataProvider\";\nimport type { CommonPropertyGridProps } from \"./PropertyGridCommons\";\nimport type { PropertyListProps } from \"./PropertyList\";\n\n/** @internal */\nexport type PropertyGridEventsRelatedProps = Pick<\n  PropertyListProps,\n  | \"onPropertyClicked\"\n  | \"onPropertyRightClicked\"\n  | \"onPropertyContextMenu\"\n  | \"onEditCommit\"\n  | \"onEditCancel\"\n  | \"selectedPropertyKey\"\n  | \"editingPropertyKey\"\n> &\n  Pick<\n    CommonPropertyGridProps,\n    \"isPropertySelectionOnRightClickEnabled\" | \"isPropertyEditingEnabled\"\n  > &\n  Required<\n    Pick<\n      CommonPropertyGridProps,\n      \"isPropertyHoverEnabled\" | \"isPropertySelectionEnabled\"\n    >\n  >;\n\n/** Properties for [[PropertyGridEventsRelatedPropsSupplier]] React component\n * @internal\n */\nexport type PropertyGridEventsRelatedPropsSupplierProps = Pick<\n  CommonPropertyGridProps,\n  | \"onPropertyContextMenu\"\n  | \"isPropertySelectionOnRightClickEnabled\"\n  | \"isPropertySelectionOnRightClickEnabled\"\n  | \"onPropertySelectionChanged\"\n  | \"isPropertyEditingEnabled\"\n  | \"onPropertyUpdated\"\n> &\n  Required<\n    Pick<\n      CommonPropertyGridProps,\n      \"isPropertyHoverEnabled\" | \"isPropertySelectionEnabled\"\n    >\n  > & {\n    children: (context: PropertyGridEventsRelatedProps) => React.ReactNode;\n  };\n\n/** State of [[PropertyGridEventsRelatedPropsSupplier]] React component\n * @internal\n */\ninterface PropertyGridEventsRelatedPropsSupplierState {\n  /** Unique key of currently selected property */\n  selectedPropertyKey?: string;\n  /** Unique key of currently edited property */\n  editingPropertyKey?: string;\n}\n\n/** PropertyGridEventsRelatedPropsSupplier React component.\n * @internal\n */\nexport class PropertyGridEventsRelatedPropsSupplier extends React.Component<\n  PropertyGridEventsRelatedPropsSupplierProps,\n  PropertyGridEventsRelatedPropsSupplierState\n> {\n  /** @internal */\n  constructor(props: PropertyGridEventsRelatedPropsSupplierProps) {\n    super(props);\n    this.state = {};\n  }\n\n  private _isClickSupported() {\n    return (\n      this.props.isPropertySelectionEnabled ||\n      this.props.isPropertyEditingEnabled\n    );\n  }\n\n  private _isRightClickSupported() {\n    return this.props.isPropertySelectionOnRightClickEnabled;\n  }\n\n  private _onPropertyRightClicked = (\n    property: PropertyRecord,\n    key?: string\n  ) => {\n    // istanbul ignore else\n    if (this._isRightClickSupported())\n      this.onEnabledPropertyRightClicked(property, key);\n  };\n\n  private _onPropertyClicked = (property: PropertyRecord, key?: string) => {\n    // istanbul ignore else\n    if (this._isClickSupported())\n      this.onEnabledPropertyLeftClicked(property, key);\n  };\n\n  private _onPropertyContextMenu = (\n    property: PropertyRecord,\n    e: React.MouseEvent\n  ) => {\n    if (this.props.onPropertyContextMenu) {\n      this.props.onPropertyContextMenu({ propertyRecord: property, event: e });\n    }\n  };\n\n  private _onEditCommit = async (\n    args: PropertyUpdatedArgs,\n    category: PropertyCategory\n  ) => {\n    // istanbul ignore else\n    if (this.props.onPropertyUpdated) {\n      await this.props.onPropertyUpdated(args, category);\n      this.setState({ editingPropertyKey: undefined });\n    }\n  };\n\n  private _onEditCancel = () => {\n    this.setState({ editingPropertyKey: undefined });\n  };\n\n  private onEnabledPropertyRightClicked(\n    property: PropertyRecord,\n    key: string | undefined\n  ) {\n    let selectedPropertyKey = this.state.selectedPropertyKey;\n    let editingPropertyKey = this.state.editingPropertyKey;\n\n    editingPropertyKey = undefined;\n    if (selectedPropertyKey !== key) selectedPropertyKey = key;\n\n    if (this.props.onPropertySelectionChanged)\n      this.props.onPropertySelectionChanged(property);\n\n    this.setState({ selectedPropertyKey, editingPropertyKey });\n  }\n\n  private onEnabledPropertyLeftClicked(\n    property: PropertyRecord,\n    key: string | undefined\n  ) {\n    let selectedPropertyKey = this.state.selectedPropertyKey;\n    let editingPropertyKey = this.state.editingPropertyKey;\n\n    const isValuePrimitive =\n      property.value.valueFormat === PropertyValueFormat.Primitive;\n    const isEditingEnabled = this.props.isPropertyEditingEnabled;\n    const isSelectionEnabled = this.props.isPropertySelectionEnabled;\n\n    if (isEditingEnabled && isValuePrimitive) {\n      // Deselect editing key only if another selection was made\n      editingPropertyKey =\n        isSelectionEnabled && selectedPropertyKey !== key ? undefined : key;\n    }\n\n    if (editingPropertyKey === key) {\n      this.setState({ editingPropertyKey });\n      return;\n    }\n\n    // Select/Deselect\n    selectedPropertyKey = selectedPropertyKey !== key ? key : undefined;\n\n    if (this.props.onPropertySelectionChanged)\n      this.props.onPropertySelectionChanged(property);\n\n    this.setState({ selectedPropertyKey, editingPropertyKey });\n  }\n\n  /** @internal */\n  public override render() {\n    const renderContext: PropertyGridEventsRelatedProps = {\n      isPropertyHoverEnabled: this.props.isPropertyHoverEnabled,\n      isPropertySelectionEnabled: this.props.isPropertySelectionEnabled,\n      isPropertySelectionOnRightClickEnabled:\n        this.props.isPropertySelectionOnRightClickEnabled,\n      isPropertyEditingEnabled: this.props.isPropertyEditingEnabled,\n      selectedPropertyKey: this.state.selectedPropertyKey,\n      editingPropertyKey: this.state.editingPropertyKey,\n      onEditCommit: this._onEditCommit,\n      onEditCancel: this._onEditCancel,\n      onPropertyClicked: this._isClickSupported()\n        ? this._onPropertyClicked\n        : undefined,\n      onPropertyRightClicked: this._isRightClickSupported()\n        ? this._onPropertyRightClicked\n        : undefined,\n      onPropertyContextMenu: this._onPropertyContextMenu,\n    };\n\n    return (\n      <React.Fragment>{this.props.children(renderContext)}</React.Fragment>\n    );\n  }\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"PropertyList.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyList.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAC,MAAM,uBAAuB,CAAC;AAE3D,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iDAAiD,CAAC;AAC5F,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gDAAgD,CAAC;AAE7F,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,uCAAuC,CAAC;AAC1F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,UAAU,EAAE,cAAc,EAAE,CAAC;IAC7B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,GAAG,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACrE,sBAAsB,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,GAAG,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1E,qBAAqB,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAChF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,iBAAiB,CAAC;IAC9D,4BAA4B,CAAC,EAAE,4BAA4B,CAAC;IAC5D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,mBAAmB,EAAE,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/E,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,gDAAgD;IAChD,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,0CAA0C;IAC1C,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,sDAAsD;IACtD,oCAAoC,CAAC,EAAE,OAAO,CAAC;IAC/C,uCAAuC;IACvC,qBAAqB,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAC/C,+BAA+B;IAC/B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,qCAAqC;IACrC,0BAA0B,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1D,qCAAqC;IACrC,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,oCAAoC;IACpC,yBAAyB,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7D,oDAAoD;IACpD,UAAU,CAAC,EAAE,sBAAsB,CAAC;CACrC;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,cAAc,EAAE,cAAc,UAEhG;AAED;;GAEG;AACH,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC;gBAEtD,KAAK,EAAE,iBAAiB;IAIpC,OAAO,CAAC,QAAQ,CAAqC;IAErD,OAAO,CAAC,aAAa,CAInB;IAEF,gBAAgB;IACA,MAAM;CAwCvB"}
+{"version":3,"file":"PropertyList.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyList.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iDAAiD,CAAC;AAC5F,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gDAAgD,CAAC;AAE7F,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,uCAAuC,CAAC;AAC1F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,UAAU,EAAE,cAAc,EAAE,CAAC;IAC7B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,GAAG,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACrE,sBAAsB,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,GAAG,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1E,qBAAqB,CAAC,EAAE,CACtB,QAAQ,EAAE,cAAc,EACxB,CAAC,EAAE,KAAK,CAAC,UAAU,KAChB,IAAI,CAAC;IACV,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,iBAAiB,CAAC;IAC9D,4BAA4B,CAAC,EAAE,4BAA4B,CAAC;IAC5D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,CACb,IAAI,EAAE,mBAAmB,EACzB,QAAQ,EAAE,gBAAgB,KACvB,IAAI,CAAC;IACV,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,gDAAgD;IAChD,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,0CAA0C;IAC1C,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,sDAAsD;IACtD,oCAAoC,CAAC,EAAE,OAAO,CAAC;IAC/C,uCAAuC;IACvC,qBAAqB,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAC/C,+BAA+B;IAC/B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,qCAAqC;IACrC,0BAA0B,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1D,qCAAqC;IACrC,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,oCAAoC;IACpC,yBAAyB,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7D,oDAAoD;IACpD,UAAU,CAAC,EAAE,sBAAsB,CAAC;CACrC;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAC5B,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,UAG/B;AAED;;GAEG;AACH,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC;gBACtD,KAAK,EAAE,iBAAiB;IAIpC,OAAO,CAAC,QAAQ,CAAqC;IAErD,OAAO,CAAC,aAAa,CAInB;IAEF,gBAAgB;IACA,MAAM;CA6DvB"}