@itwin/components-react 4.17.1 → 5.0.0-dev.2

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

@@ -1,77 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module PropertyGrid
- */
-import { PropertyRecord } from "@itwin/appui-abstract";
-import { PropertyDataChangeEvent } from "./PropertyDataProvider";
-/**
- * Implementation of [IPropertyDataProvider] that uses an associative array.
- * @public
- */
-export class SimplePropertyDataProvider {
-    constructor() {
-        this.label = PropertyRecord.fromString("");
-        this.categories = [];
-        this.records = {};
-        this.onDataChanged = new PropertyDataChangeEvent();
-        this._propertyData = this.createPropertyData();
-    }
-    createPropertyData() {
-        return {
-            label: this.label,
-            description: this.description,
-            categories: this.categories,
-            records: this.records,
-        };
-    }
-    updatePropertyData() {
-        this._propertyData = this.createPropertyData();
-        this.onDataChanged.raiseEvent();
-    }
-    addCategory(category) {
-        const categoryIdx = this.categories.push(category) - 1;
-        this.records[this.categories[categoryIdx].name] = [];
-        this.updatePropertyData();
-        return categoryIdx;
-    }
-    findCategoryIndex(category) {
-        const index = this.categories.findIndex((testCategory) => {
-            return testCategory.name === category.name;
-        });
-        return index;
-    }
-    addProperty(propertyRecord, categoryIdx) {
-        this.records[this.categories[categoryIdx].name].push(propertyRecord);
-        this.updatePropertyData();
-    }
-    removeProperty(propertyRecord, categoryIdx) {
-        const index = this.records[this.categories[categoryIdx].name].findIndex((record) => {
-            return record === propertyRecord;
-        });
-        let result = false;
-        if (index >= 0) {
-            this.records[this.categories[categoryIdx].name].splice(index, 1);
-            this.updatePropertyData();
-            result = true;
-        }
-        return result;
-    }
-    replaceProperty(propertyRecord, categoryIdx, newRecord) {
-        const index = this.records[this.categories[categoryIdx].name].findIndex((record) => {
-            return record === propertyRecord;
-        });
-        let result = false;
-        if (index >= 0) {
-            this.records[this.categories[categoryIdx].name].splice(index, 1, newRecord);
-            result = true;
-        }
-        return result;
-    }
-    async getData() {
-        return this._propertyData;
-    }
-}
-//# sourceMappingURL=SimplePropertyDataProvider.js.map

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

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

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"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 { UiGeometry } from \"@itwin/core-react\";\nimport type { PropertyListProps } from \"./PropertyList\";\nimport { Orientation } from \"../../common/Orientation\";\n\nconst BORDER_WIDTH = 10;\nconst PROPERTY_PADDING = 16;\nconst VALUE_MIN_WIDTH = 10;\n\n/** @internal */\nexport type ColumnResizeRelatedPropertyListProps = Required<\n  Pick<\n    PropertyListProps,\n    | \"onColumnChanged\"\n    | \"columnRatio\"\n    | \"isResizeHandleHovered\"\n    | \"onResizeHandleHoverChanged\"\n    | \"isResizeHandleBeingDragged\"\n    | \"onResizeHandleDragChanged\"\n    | \"columnInfo\"\n    | \"orientation\"\n    | \"width\"\n  >\n>;\n\n/** @internal */\nexport interface ColumnResizingPropertyListPropsSupplierProps {\n  /** Orientation of the properties */\n  orientation: Orientation;\n  /** Width of the property list */\n  width: number;\n  /** Minimum allowed label column width, after which resizing stops */\n  minLabelWidth?: number;\n  /** Minimum allowed value column width, after which resizing stops */\n  minValueWidth?: number;\n  /** Fixed action button column width */\n  actionButtonWidth?: number;\n  /** Maximum depth of the properties shown */\n  maxPropertyDepth?: number;\n  /** A callback that receives the required column-resize-related props for the [[PropertyList]] component  */\n  children: (props: ColumnResizeRelatedPropertyListProps) => React.ReactNode;\n}\n\n/** @internal */\nexport interface ColumnResizingPropertyListPropsSupplierState {\n  columnRatio: number;\n  isResizeHandleHovered: boolean;\n  isResizeHandleBeingDragged: boolean;\n}\n\n/**\n * Wrapped PropertyCategoryBlock React component with list of properties and render optimization\n * @internal\n */\nexport class ColumnResizingPropertyListPropsSupplier extends React.Component<\n  ColumnResizingPropertyListPropsSupplierProps,\n  ColumnResizingPropertyListPropsSupplierState\n> {\n  private readonly _initialRatio = 0.25;\n  private readonly _defaultMinRatio = 0.15;\n  private readonly _defaultMaxRatio = 0.6;\n  private _minRatio = this._defaultMinRatio;\n  private _maxRatio = this._defaultMaxRatio;\n\n  public override state: ColumnResizingPropertyListPropsSupplierState = {\n    columnRatio: this._initialRatio,\n    isResizeHandleHovered: false,\n    isResizeHandleBeingDragged: false,\n  };\n\n  public static defaultProps: Partial<ColumnResizingPropertyListPropsSupplierProps> =\n    {\n      minLabelWidth: 100,\n      minValueWidth: 100,\n    };\n\n  private _onColumnRatioChanged = (ratio: number) => {\n    ratio = 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  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/esm/components-react/propertygrid/component/FlatItemNestedBorderWrapper.d.ts

@@ -1,18 +0,0 @@
-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): React.JSX.Element;
-//# sourceMappingURL=FlatItemNestedBorderWrapper.d.ts.map

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"FlatItemNestedBorderWrapper.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/FlatItemNestedBorderWrapper.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B;;;;GAIG;AACH,MAAM,UAAU,2BAA2B,CAAC,KAA+B;IACzE,IAAI,KAAK,CAAC,WAAW,IAAI,CAAC,EAAE,CAAC;QAC3B,OAAO,6BAAK,SAAS,EAAE,KAAK,CAAC,SAAS,IAAG,KAAK,CAAC,QAAQ,CAAO,CAAC;IACjE,CAAC;IAED,MAAM,oBAAoB,GACxB,KAAK,CAAC,iBAAiB,IAAI,CAAC;QAC5B,KAAK,CAAC,iBAAiB,IAAI,KAAK,CAAC,WAAW,CAAC;IAC/C,MAAM,UAAU,GAAW,UAAU,CACnC,sBAAsB,EACtB,oBAAoB,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,SAAS,CAC1D,CAAC;IAEF,IAAI,wBAAwB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACvD,IAAI,oBAAoB;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","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/esm/components-react/propertygrid/component/PropertyCategoryBlock.d.ts

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

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

@@ -1 +0,0 @@
-{"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;AAEH,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;IAEc,MAAM;CA+BvB"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"PropertyCategoryBlock.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyCategoryBlock.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAoB/D;;;GAGG;AACH,MAAM,OAAO,qBAAsB,SAAQ,KAAK,CAAC,SAAqC;IACpF,YAAY,KAAiC;QAC3C,KAAK,CAAC,KAAK,CAAC,CAAC;QAQP,kBAAa,GAAG,CAAC,YAAqB,EAAQ,EAAE;YACtD,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC,CAAC;IATF,CAAC;IAEO,eAAe;QACrB,IAAI,IAAI,CAAC,KAAK,CAAC,kBAAkB;YAC/B,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC5D,CAAC;IAMe,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;YACxB,SAAS,EAAE,eAAe,EAAE,yBAAyB;YACnD,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,cAAc;YAC1C,CAAC,CAAC,SAAS,CAAC;QAChB,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,CACxB,oBAAC,eAAe,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,eAAe,CAAC,OAAO,IACtB,UAAU,EAAE,QAAQ,CAAC,MAAM,EAC3B,QAAQ,EAAE,IAAI,CAAC,aAAa,EAC5B,IAAI,EAAC,OAAO,KACR,KAAK;YAET,oBAAC,eAAe,CAAC,OAAO,IAAC,KAAK,EAAE,KAAK,GAAI;YACzC,oBAAC,eAAe,CAAC,OAAO,IAAC,SAAS,EAAC,+BAA+B,IAC/D,QAAQ,CAAC,MAAM,IAAI,QAAQ,CACJ,CACF,CAC3B,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module 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 */\n// eslint-disable-next-line deprecation/deprecation\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  public override render() {\n    const { highlight, category, children, onExpansionToggled, ...other } =\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.Wrapper\n        isExpanded={category.expand}\n        onToggle={this._handleToggle}\n        size=\"small\"\n        {...other}\n      >\n        <ExpandableBlock.Trigger label={label} />\n        <ExpandableBlock.Content className=\"components-expandable-content\">\n          {category.expand && children}\n        </ExpandableBlock.Content>\n      </ExpandableBlock.Wrapper>\n    );\n  }\n}\n"]}

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

@@ -1,55 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * 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/scrollbar";
-
-.components-property-grid-loader {
-  position: relative;
-  display: block;
-  left: calc(50% - 24px);
-  top: calc(50% - 24px);
-}
-
-.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 {
-  display: grid;
-  grid-row-gap: 1px;
-  overflow: hidden;
-
-  @include components-property-list;
-}
-
-.components-property-list--vertical {
-  @include components-property-list;
-}

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

@@ -1,100 +0,0 @@
-/** @packageDocumentation
- * @module PropertyGrid
- */
-import type { PropertyRecord } from "@itwin/appui-abstract";
-import type { CommonProps } from "@itwin/core-react";
-import type { HighlightingComponentProps } from "../../common/HighlightingComponentProps";
-import type { PropertyUpdatedArgs } from "../../editors/EditorContainer";
-import type { ActionButtonRenderer } from "../../properties/renderers/ActionButtonRenderer";
-import type { PropertyValueRendererManager } from "../../properties/ValueRendererManager";
-import type { FilteredType } from "../dataproviders/filterers/PropertyDataFiltererBase";
-import type { PropertyCategory } from "../PropertyDataProvider";
-import { Orientation } from "../../common/Orientation";
-/** Arguments for the Property Editing event callback
- * @public
- */
-export interface PropertyEditingArgs {
-    /** PropertyRecord being edited  */
-    propertyRecord: PropertyRecord;
-    /** Unique key of currently edited property */
-    propertyKey?: string;
-}
-/** Arguments for `PropertyGridProps.onPropertyContextMenu` callback
- * @public
- */
-export interface PropertyGridContextMenuArgs {
-    /** PropertyRecord being edited  */
-    propertyRecord: PropertyRecord;
-    /** An event which caused the context menu callback */
-    event: React.MouseEvent;
-}
-/**
- * Common Property Grid Props to be used by Property Grid Variants
- * @public
- */
-export interface CommonPropertyGridProps extends CommonProps {
-    /** Grid orientation. When not defined, it is chosen automatically based on width of the grid. */
-    orientation?: Orientation;
-    /** Enables/disables property hovering effect */
-    isPropertyHoverEnabled?: boolean;
-    /** Called to show a context menu when properties are right-clicked */
-    onPropertyContextMenu?: (args: PropertyGridContextMenuArgs) => void;
-    /** Enables/disables property selection */
-    isPropertySelectionEnabled?: boolean;
-    /** Enables/disables property selection with right click */
-    isPropertySelectionOnRightClickEnabled?: boolean;
-    /** Callback to property selection */
-    onPropertySelectionChanged?: (property: PropertyRecord) => void;
-    /** Enables/disables property editing */
-    isPropertyEditingEnabled?: boolean;
-    /** Callback for when properties are being edited */
-    onPropertyEditing?: (args: PropertyEditingArgs, category: PropertyCategory) => void;
-    /** Callback for when properties are updated */
-    onPropertyUpdated?: (args: PropertyUpdatedArgs, category: PropertyCategory) => Promise<boolean>;
-    /** Custom property value renderer manager */
-    propertyValueRendererManager?: PropertyValueRendererManager;
-    /** Indicates whether the orientation is fixed and does not auto-switch to Vertical when the width is too narrow. Defaults to false. */
-    isOrientationFixed?: boolean;
-    /** The minimum width before the auto-switch to Vertical when the width is too narrow. Defaults to 300. */
-    horizontalOrientationMinWidth?: number;
-    /** Minimum allowed label column width, after which resizing stops */
-    minLabelWidth?: number;
-    /** Minimum allowed value column width, after which resizing stops */
-    minValueWidth?: number;
-    /** Fixed action button column width */
-    actionButtonWidth?: number;
-    /**
-     * Array of action button renderers. Each renderer is called for each property and can decide
-     * to render an action button for the property or not.
-     */
-    actionButtonRenderers?: ActionButtonRenderer[];
-}
-/**
- * Properties for highlighting text in property grid.
- * @public
- */
-export interface PropertyGridContentHighlightProps extends HighlightingComponentProps {
-    /**
-     * Specifies what the highlighting should be applied on - category labels, property labels and / or property values.
-     * Defaults to "nowhere".
-     */
-    filteredTypes?: FilteredType[];
-}
-/** @internal */
-export declare class PropertyGridCommons {
-    static getCurrentOrientation(width: number, preferredOrientation?: Orientation, isOrientationFixed?: boolean, horizontalOrientationMinWidth?: number): Orientation;
-    /**
-     * Helper method to handle link clicks
-     * @internal
-     */
-    static handleLinkClick(text: string): void;
-    /**
-     * A helper method to get links from string.
-     * @internal
-     */
-    static getLinks: (value: string) => Array<{
-        start: number;
-        end: number;
-    }>;
-}
-//# sourceMappingURL=PropertyGridCommons.d.ts.map

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

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

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

@@ -1,51 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module PropertyGrid
- */
-import { matchLinks } from "../../common/Links";
-import { Orientation } from "../../common/Orientation";
-/** @internal */
-export class PropertyGridCommons {
-    static getCurrentOrientation(width, preferredOrientation, isOrientationFixed, horizontalOrientationMinWidth) {
-        const orientation = preferredOrientation ?? Orientation.Horizontal;
-        if (isOrientationFixed)
-            return orientation;
-        horizontalOrientationMinWidth = horizontalOrientationMinWidth ?? 300;
-        // Switch to Vertical if width too small
-        if (width < horizontalOrientationMinWidth)
-            return Orientation.Vertical;
-        return orientation;
-    }
-    /**
-     * Helper method to handle link clicks
-     * @internal
-     */
-    static handleLinkClick(text) {
-        const linksArray = matchLinks(text);
-        if (linksArray.length <= 0)
-            return;
-        const foundLink = linksArray[0];
-        if (foundLink && foundLink.url) {
-            if (foundLink.schema === "mailto:") {
-                location.href = foundLink.url;
-            }
-            else {
-                const windowOpen = window.open(foundLink.url, "_blank");
-                windowOpen?.focus();
-            }
-        }
-    }
-}
-/**
- * A helper method to get links from string.
- * @internal
- */
-PropertyGridCommons.getLinks = (value) => {
-    return matchLinks(value).map((linkInfo) => {
-        return { start: linkInfo.index, end: linkInfo.lastIndex };
-    });
-};
-//# sourceMappingURL=PropertyGridCommons.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PropertyGridCommons.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyGridCommons.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAKH,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAMhD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AA4FvD,gBAAgB;AAChB,MAAM,OAAO,mBAAmB;IACvB,MAAM,CAAC,qBAAqB,CACjC,KAAa,EACb,oBAAkC,EAClC,kBAA4B,EAC5B,6BAAsC;QAEtC,MAAM,WAAW,GAAG,oBAAoB,IAAI,WAAW,CAAC,UAAU,CAAC;QACnE,IAAI,kBAAkB;YAAE,OAAO,WAAW,CAAC;QAE3C,6BAA6B,GAAG,6BAA6B,IAAI,GAAG,CAAC;QACrE,wCAAwC;QACxC,IAAI,KAAK,GAAG,6BAA6B;YAAE,OAAO,WAAW,CAAC,QAAQ,CAAC;QAEvE,OAAO,WAAW,CAAC;IACrB,CAAC;IAED;;;OAGG;IACI,MAAM,CAAC,eAAe,CAAC,IAAY;QACxC,MAAM,UAAU,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;QACpC,IAAI,UAAU,CAAC,MAAM,IAAI,CAAC;YAAE,OAAO;QACnC,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;QAChC,IAAI,SAAS,IAAI,SAAS,CAAC,GAAG,EAAE,CAAC;YAC/B,IAAI,SAAS,CAAC,MAAM,KAAK,SAAS,EAAE,CAAC;gBACnC,QAAQ,CAAC,IAAI,GAAG,SAAS,CAAC,GAAG,CAAC;YAChC,CAAC;iBAAM,CAAC;gBACN,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;gBACxD,UAAU,EAAE,KAAK,EAAE,CAAC;YACtB,CAAC;QACH,CAAC;IACH,CAAC;;AAED;;;GAGG;AACW,4BAAQ,GAAG,CACvB,KAAa,EAC0B,EAAE;IACzC,OAAO,UAAU,CAAC,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","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 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\";\nimport { Orientation } from \"../../common/Orientation\";\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 */\n// eslint-disable-next-line deprecation/deprecation\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    if (foundLink && foundLink.url) {\n      if (foundLink.schema === \"mailto:\") {\n        location.href = foundLink.url;\n      } else {\n        const windowOpen = window.open(foundLink.url, \"_blank\");\n        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"]}