@itwin/grouping-mapping-widget 0.12.0 → 0.13.0

package/lib/cjs/widget/components/property-grid/PropertyGridWrapper.js

@@ -1,77 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PropertyGridWrapper = void 0;
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-const React = __importStar(require("react"));
-const presentation_components_1 = require("@itwin/presentation-components");
-const PropertyGrid_1 = require("./PropertyGrid");
-require("../customUI/GroupQueryBuilderCustomUI.scss");
-const PropertyGridWrapperContext_1 = require("../context/PropertyGridWrapperContext");
-const QueryBuilder_1 = require("../QueryBuilder");
-/* This approach uses PresentationPropertyDataProvider to all the work of querying the backend and
-   providing the content to the PropertyGrid component. */
-class PropertyGridWrapper extends React.Component {
-    constructor(props) {
-        super(props);
-        this.createPropertyDataProvider = (keys, imodel) => {
-            const dataProvider = new presentation_components_1.PresentationPropertyDataProvider({
-                imodel,
-                ruleset: presentation_components_1.DEFAULT_PROPERTY_GRID_RULESET,
-            });
-            dataProvider.keys = keys;
-            dataProvider.isNestedPropertyCategoryGroupingEnabled = true;
-            return dataProvider;
-        };
-        this.state = {};
-    }
-    createDataProvider() {
-        if (!this.props.imodel || this.props.keys.isEmpty) {
-            this.setState({ dataProvider: undefined });
-            return;
-        }
-        const dataProvider = this.createPropertyDataProvider(this.props.keys, this.props.imodel);
-        this.context.setQueryBuilder(new QueryBuilder_1.QueryBuilder(dataProvider));
-        this.setState({ dataProvider });
-    }
-    componentDidMount() {
-        this.createDataProvider();
-    }
-    componentDidUpdate(prevProps) {
-        if (prevProps.keys === this.props.keys) {
-            return;
-        }
-        this.createDataProvider();
-    }
-    render() {
-        const dataProvider = this.state.dataProvider;
-        return (React.createElement(React.Fragment, null,
-            dataProvider && React.createElement(PropertyGrid_1.PropertyGrid, { dataProvider: dataProvider }),
-            !dataProvider && (React.createElement("div", { className: "gmw-select-element-hint" },
-                React.createElement("span", null, "Select an element to see its properties.")))));
-    }
-}
-exports.PropertyGridWrapper = PropertyGridWrapper;
-PropertyGridWrapper.contextType = PropertyGridWrapperContext_1.PropertyGridWrapperContext;
-//# sourceMappingURL=PropertyGridWrapper.js.map

package/lib/cjs/widget/components/property-grid/PropertyGridWrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PropertyGridWrapper.js","sourceRoot":"","sources":["../../../../../src/widget/components/property-grid/PropertyGridWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,6CAA+B;AAC/B,4EAAiH;AACjH,iDAA8C;AAC9C,sDAAoD;AACpD,sFAAmF;AACnF,kDAA+C;AAa/C;0DAC0D;AAC1D,MAAa,mBAAoB,SAAQ,KAAK,CAAC,SAG9C;IAEC,YAAY,KAA8C;QACxD,KAAK,CAAC,KAAK,CAAC,CAAC;QAIP,+BAA0B,GAAG,CAAC,IAAY,EAAE,MAAwB,EAAoC,EAAE;YAChH,MAAM,YAAY,GAAG,IAAI,0DAAgC,CAAC;gBACxD,MAAM;gBACN,OAAO,EAAE,uDAA6B;aACvC,CAAC,CAAC;YACH,YAAY,CAAC,IAAI,GAAG,IAAI,CAAC;YACzB,YAAY,CAAC,uCAAuC,GAAG,IAAI,CAAC;YAC5D,OAAO,YAAY,CAAC;QACtB,CAAC,CAAA;QAXC,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;IAClB,CAAC;IAYO,kBAAkB;QACxB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE;YACjD,IAAI,CAAC,QAAQ,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,CAAC;YAC3C,OAAO;SACR;QAED,MAAM,YAAY,GAAG,IAAI,CAAC,0BAA0B,CAClD,IAAI,CAAC,KAAK,CAAC,IAAI,EACf,IAAI,CAAC,KAAK,CAAC,MAAM,CAClB,CAAC;QACF,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,2BAAY,CAAC,YAAY,CAAC,CAAC,CAAC;QAE7D,IAAI,CAAC,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC;IAClC,CAAC;IAEe,iBAAiB;QAC/B,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAEe,kBAAkB,CAAC,SAAwB;QACzD,IAAI,SAAS,CAAC,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;YACtC,OAAO;SACR;QAED,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAEe,MAAM;QACpB,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC;QAC7C,OAAO,CACL;YACG,YAAY,IAAI,oBAAC,2BAAY,IAAC,YAAY,EAAE,YAAY,GAAI;YAC5D,CAAC,YAAY,IAAI,CAChB,6BAAK,SAAS,EAAC,yBAAyB;gBACtC,6EAAqD,CACjD,CACP,CACA,CACJ,CAAC;IACJ,CAAC;;AA3DH,kDA4DC;AAxDiB,+BAAW,GAAG,uDAA0B,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 * as React from \"react\";\nimport { DEFAULT_PROPERTY_GRID_RULESET, PresentationPropertyDataProvider } from \"@itwin/presentation-components\";\nimport { PropertyGrid } from \"./PropertyGrid\";\nimport \"../customUI/GroupQueryBuilderCustomUI.scss\";\nimport { PropertyGridWrapperContext } from \"../context/PropertyGridWrapperContext\";\nimport { QueryBuilder } from \"../QueryBuilder\";\nimport type { KeySet } from \"@itwin/presentation-common\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\n\ninterface PropertyGridWrapperState {\n  dataProvider?: PresentationPropertyDataProvider;\n}\n\ninterface PropertyProps {\n  keys: KeySet;\n  imodel?: IModelConnection;\n}\n\n/* This approach uses PresentationPropertyDataProvider to all the work of querying the backend and\n   providing the content to the PropertyGrid component. */\nexport class PropertyGridWrapper extends React.Component<\nPropertyProps,\nPropertyGridWrapperState\n> {\n  static override contextType = PropertyGridWrapperContext;\n  constructor(props: PropertyProps | Readonly<PropertyProps>) {\n    super(props);\n    this.state = {};\n  }\n\n  private createPropertyDataProvider = (keys: KeySet, imodel: IModelConnection): PresentationPropertyDataProvider => {\n    const dataProvider = new PresentationPropertyDataProvider({\n      imodel,\n      ruleset: DEFAULT_PROPERTY_GRID_RULESET,\n    });\n    dataProvider.keys = keys;\n    dataProvider.isNestedPropertyCategoryGroupingEnabled = true;\n    return dataProvider;\n  }\n\n  private createDataProvider() {\n    if (!this.props.imodel || this.props.keys.isEmpty) {\n      this.setState({ dataProvider: undefined });\n      return;\n    }\n\n    const dataProvider = this.createPropertyDataProvider(\n      this.props.keys,\n      this.props.imodel\n    );\n    this.context.setQueryBuilder(new QueryBuilder(dataProvider));\n\n    this.setState({ dataProvider });\n  }\n\n  public override componentDidMount() {\n    this.createDataProvider();\n  }\n\n  public override componentDidUpdate(prevProps: PropertyProps) {\n    if (prevProps.keys === this.props.keys) {\n      return;\n    }\n\n    this.createDataProvider();\n  }\n\n  public override render() {\n    const dataProvider = this.state.dataProvider;\n    return (\n      <>\n        {dataProvider && <PropertyGrid dataProvider={dataProvider} />}\n        {!dataProvider && (\n          <div className=\"gmw-select-element-hint\">\n            <span>Select an element to see its properties.</span>\n          </div>\n        )}\n      </>\n    );\n  }\n}\n"]}

package/lib/cjs/widget/components/property-grid/PropertyList.d.ts

@@ -1,69 +0,0 @@
-/** @packageDocumentation
- * @module PropertyGrid
- */
-import * as React from "react";
-import type { PropertyRecord } from "@itwin/appui-abstract";
-import type { CommonProps, RatioChangeResult } from "@itwin/core-react";
-import { Orientation } from "@itwin/core-react";
-import type { ActionButtonRenderer, PropertyCategory, PropertyUpdatedArgs, PropertyValueRendererManager } from "@itwin/components-react";
-import type { PropertyGridColumnInfo } from "@itwin/components-react/lib/cjs/components-react/properties/renderers/PropertyGridColumns";
-/** Properties of [[PropertyList]] React component
- * @public
- */
-export interface PropertyListProps extends CommonProps {
-    orientation: Orientation;
-    category?: PropertyCategory;
-    properties: PropertyRecord[];
-    selectedPropertyKey?: string;
-    onPropertyClicked?: (property: PropertyRecord, key?: string) => void;
-    onPropertyRightClicked?: (property: PropertyRecord, key?: string) => void;
-    onPropertyContextMenu?: (property: PropertyRecord, e: React.MouseEvent) => void;
-    columnRatio?: number;
-    /** Callback to column ratio changed event */
-    onColumnChanged?: (ratio: number) => void | RatioChangeResult;
-    propertyValueRendererManager?: PropertyValueRendererManager;
-    editingPropertyKey?: string;
-    onEditCommit?: (args: PropertyUpdatedArgs, category: PropertyCategory) => void;
-    onEditCancel?: () => void;
-    /** Enables/disables property hovering effect */
-    isPropertyHoverEnabled?: boolean;
-    /** Enables/disables property selection */
-    isPropertySelectionEnabled?: boolean;
-    /** Enables/disables property right click selection */
-    isPropertyRightClickSelectionEnabled?: boolean;
-    /** Array of action button renderers */
-    actionButtonRenderers?: ActionButtonRenderer[];
-    /** Is resize handle hovered */
-    isResizeHandleHovered?: boolean;
-    /** Callback to hover event change */
-    onResizeHandleHoverChanged?: (isHovered: boolean) => void;
-    /** Is resize handle being dragged */
-    isResizeHandleBeingDragged?: boolean;
-    /** Callback to drag event change */
-    onResizeHandleDragChanged?: (isDragStarted: boolean) => void;
-    /** Information for styling property grid columns */
-    columnInfo?: PropertyGridColumnInfo;
-    setWidth?: React.Dispatch<React.SetStateAction<number>>;
-    width: number;
-}
-/**
- * Get unique key for property record
- * @internal
- */
-export declare function getPropertyKey(propertyCategory: PropertyCategory, propertyRecord: PropertyRecord): string;
-/** A React component that renders multiple properties within a category as a list.
- * @public
- */
-export declare class PropertyList extends React.Component<PropertyListProps> {
-    constructor(props: PropertyListProps);
-    private _listRef;
-    private _onEditCommit;
-    private afterRender;
-    /** @internal */
-    componentDidMount(): void;
-    /** @internal */
-    componentDidUpdate(): void;
-    /** @internal */
-    render(): JSX.Element;
-}
-//# sourceMappingURL=PropertyList.d.ts.map

package/lib/cjs/widget/components/property-grid/PropertyList.js

@@ -1,87 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module PropertyGrid
- */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PropertyList = exports.getPropertyKey = void 0;
-const classnames_1 = __importDefault(require("classnames"));
-const React = __importStar(require("react"));
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const core_react_1 = require("@itwin/core-react");
-const PropertyRender_1 = require("./PropertyRender");
-/**
- * Get unique key for property record
- * @internal
- */
-function getPropertyKey(propertyCategory, propertyRecord) {
-    return propertyCategory.name + propertyRecord.property.name;
-}
-exports.getPropertyKey = getPropertyKey;
-/** A React component that renders multiple properties within a category as a list.
- * @public
- */
-class PropertyList extends React.Component {
-    constructor(props) {
-        super(props);
-        this._listRef = React.createRef();
-        this._onEditCommit = (args) => {
-            // istanbul ignore else
-            if (this.props.onEditCommit && this.props.category)
-                this.props.onEditCommit(args, this.props.category);
-        };
-    }
-    afterRender() {
-        if (this.props.orientation !== core_react_1.Orientation.Horizontal ||
-            !this._listRef.current) {
-            return;
-        }
-        const width = this._listRef.current.getBoundingClientRect().width;
-        if (this.props.setWidth && width !== this.props.width) {
-            this.props.setWidth(width);
-        }
-    }
-    /** @internal */
-    componentDidMount() {
-        this.afterRender();
-    }
-    /** @internal */
-    componentDidUpdate() {
-        this.afterRender();
-    }
-    /** @internal */
-    render() {
-        const propertyListClassName = classnames_1.default((this.props.orientation === core_react_1.Orientation.Horizontal) ? "gmw-components-property-list--horizontal" : "gmw-components-property-list--vertical", this.props.className);
-        return (React.createElement("div", { className: propertyListClassName, style: this.props.style, ref: this._listRef }, this.props.properties.map((propertyRecord) => {
-            const key = this.props.category ? getPropertyKey(this.props.category, propertyRecord) : propertyRecord.property.name;
-            return (React.createElement(PropertyRender_1.PropertyRenderer, { key: key, uniqueKey: key, isHoverable: this.props.isPropertyHoverEnabled, isSelectable: this.props.isPropertySelectionEnabled, isSelected: key === this.props.selectedPropertyKey, propertyRecord: propertyRecord, orientation: this.props.orientation, onClick: propertyRecord.value.valueFormat === appui_abstract_1.PropertyValueFormat.Primitive ? this.props.onPropertyClicked : undefined, onRightClick: propertyRecord.value.valueFormat === appui_abstract_1.PropertyValueFormat.Primitive ? this.props.onPropertyRightClicked : undefined, onContextMenu: this.props.onPropertyContextMenu, columnRatio: this.props.columnRatio, onColumnRatioChanged: this.props.onColumnChanged, propertyValueRendererManager: this.props.propertyValueRendererManager, isEditing: key === this.props.editingPropertyKey, onEditCommit: this._onEditCommit, onEditCancel: this.props.onEditCancel, actionButtonRenderers: this.props.actionButtonRenderers, isResizeHandleHovered: this.props.isResizeHandleHovered, onResizeHandleHoverChanged: this.props.onResizeHandleHoverChanged, isResizeHandleBeingDragged: this.props.isResizeHandleBeingDragged, onResizeHandleDragChanged: this.props.onResizeHandleDragChanged, columnInfo: this.props.columnInfo, width: this.props.width }));
-        })));
-    }
-}
-exports.PropertyList = PropertyList;
-//# sourceMappingURL=PropertyList.js.map

package/lib/cjs/widget/components/property-grid/PropertyList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PropertyList.js","sourceRoot":"","sources":["../../../../../src/widget/components/property-grid/PropertyList.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/** @packageDocumentation\n * @module PropertyGrid\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { PropertyRecord} from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport type { CommonProps, RatioChangeResult } from \"@itwin/core-react\";\nimport { Orientation } from \"@itwin/core-react\";\nimport type {\n  ActionButtonRenderer,\n  PropertyCategory,\n  PropertyUpdatedArgs,\n  PropertyValueRendererManager,\n} from \"@itwin/components-react\";\n\nimport { PropertyRenderer } from \"./PropertyRender\";\nimport type { PropertyGridColumnInfo } from \"@itwin/components-react/lib/cjs/components-react/properties/renderers/PropertyGridColumns\";\n\n/** Properties of [[PropertyList]] React component\n * @public\n */\nexport interface PropertyListProps extends CommonProps {\n  orientation: Orientation;\n  category?: PropertyCategory;\n  properties: PropertyRecord[];\n  selectedPropertyKey?: string;\n  onPropertyClicked?: (property: PropertyRecord, key?: string) => void;\n  onPropertyRightClicked?: (property: PropertyRecord, key?: string) => void;\n  onPropertyContextMenu?: (property: PropertyRecord, e: React.MouseEvent) => void;\n  columnRatio?: number;\n  /** Callback to column ratio changed event */\n  onColumnChanged?: (ratio: number) => void | RatioChangeResult;\n  propertyValueRendererManager?: PropertyValueRendererManager;\n  editingPropertyKey?: string;\n  onEditCommit?: (args: PropertyUpdatedArgs, category: PropertyCategory) => void;\n  onEditCancel?: () => void;\n  /** Enables/disables property hovering effect */\n  isPropertyHoverEnabled?: boolean;\n  /** Enables/disables property selection */\n  isPropertySelectionEnabled?: boolean;\n  /** Enables/disables property right click selection */\n  isPropertyRightClickSelectionEnabled?: boolean;\n  /** Array of action button renderers */\n  actionButtonRenderers?: ActionButtonRenderer[];\n  /** Is resize handle hovered */\n  isResizeHandleHovered?: boolean;\n  /** Callback to hover event change */\n  onResizeHandleHoverChanged?: (isHovered: boolean) => void;\n  /** Is resize handle being dragged */\n  isResizeHandleBeingDragged?: boolean;\n  /** Callback to drag event change */\n  onResizeHandleDragChanged?: (isDragStarted: boolean) => void;\n  /** Information for styling property grid columns */\n  columnInfo?: PropertyGridColumnInfo;\n  setWidth?: React.Dispatch<React.SetStateAction<number>>;\n  width: number;\n}\n\n/**\n * Get unique key for property record\n * @internal\n */\nexport function getPropertyKey(propertyCategory: PropertyCategory, propertyRecord: PropertyRecord) {\n  return propertyCategory.name + propertyRecord.property.name;\n}\n\n/** A React component that renders multiple properties within a category as a list.\n * @public\n */\nexport class PropertyList extends React.Component<PropertyListProps> {\n\n  constructor(props: PropertyListProps) {\n    super(props);\n  }\n\n  private _listRef = React.createRef<HTMLDivElement>();\n\n  private _onEditCommit = (args: PropertyUpdatedArgs) => {\n    // istanbul ignore else\n    if (this.props.onEditCommit && this.props.category)\n      this.props.onEditCommit(args, this.props.category);\n  };\n\n  private afterRender() {\n    if (\n      this.props.orientation !== Orientation.Horizontal ||\n      !this._listRef.current\n    ) {\n      return;\n    }\n    const width = this._listRef.current.getBoundingClientRect().width;\n    if (this.props.setWidth && width !== this.props.width) {\n      this.props.setWidth(width);\n    }\n  }\n\n  /** @internal */\n  public override componentDidMount() {\n    this.afterRender();\n  }\n\n  /** @internal */\n  public override componentDidUpdate() {\n    this.afterRender();\n  }\n\n  /** @internal */\n  public override render() {\n    const propertyListClassName = classnames(\n      (this.props.orientation === Orientation.Horizontal) ? \"gmw-components-property-list--horizontal\" : \"gmw-components-property-list--vertical\",\n      this.props.className,\n    );\n\n    return (\n      <div className={propertyListClassName} style={this.props.style} ref={this._listRef}>\n        {this.props.properties.map((propertyRecord: PropertyRecord) => {\n          const key = this.props.category ? getPropertyKey(this.props.category, propertyRecord) : propertyRecord.property.name;\n          return (\n            <PropertyRenderer\n              key={key}\n              uniqueKey={key}\n              isHoverable={this.props.isPropertyHoverEnabled}\n              isSelectable={this.props.isPropertySelectionEnabled}\n              isSelected={key === this.props.selectedPropertyKey}\n              propertyRecord={propertyRecord}\n              orientation={this.props.orientation}\n              onClick={propertyRecord.value.valueFormat === PropertyValueFormat.Primitive ? this.props.onPropertyClicked : undefined}\n              onRightClick={propertyRecord.value.valueFormat === PropertyValueFormat.Primitive ? this.props.onPropertyRightClicked : undefined}\n              onContextMenu={this.props.onPropertyContextMenu}\n              columnRatio={this.props.columnRatio}\n              onColumnRatioChanged={this.props.onColumnChanged}\n              propertyValueRendererManager={this.props.propertyValueRendererManager}\n              isEditing={key === this.props.editingPropertyKey}\n              onEditCommit={this._onEditCommit}\n              onEditCancel={this.props.onEditCancel}\n              actionButtonRenderers={this.props.actionButtonRenderers}\n              isResizeHandleHovered={this.props.isResizeHandleHovered}\n              onResizeHandleHoverChanged={this.props.onResizeHandleHoverChanged}\n              isResizeHandleBeingDragged={this.props.isResizeHandleBeingDragged}\n              onResizeHandleDragChanged={this.props.onResizeHandleDragChanged}\n              columnInfo={this.props.columnInfo}\n              width={this.props.width}\n            />);\n        })}\n      </div>\n    );\n  }\n}\n"]}

package/lib/cjs/widget/components/property-grid/PropertyRender.d.ts

@@ -1,92 +0,0 @@
-import * as React from "react";
-import type { PropertyRecord } from "@itwin/appui-abstract";
-import type { Orientation, RatioChangeResult } from "@itwin/core-react";
-import type { ActionButtonRenderer, PropertyUpdatedArgs, PropertyValueRendererManager } from "@itwin/components-react";
-import type { PropertyGridColumnInfo } from "@itwin/components-react/lib/cjs/components-react/properties/renderers/PropertyGridColumns";
-import type { HighlightingComponentProps } from "@itwin/components-react/lib/cjs/components-react/common/HighlightingComponentProps";
-/** Properties shared by all renderers and PropertyView
- * @public
- */
-export interface SharedRendererProps {
-    /** PropertyRecord to render */
-    propertyRecord: PropertyRecord;
-    /** Unique string, that identifies this property component. Should be used if onClick or onRightClick are provided */
-    uniqueKey?: string;
-    /** Orientation to use for displaying the property */
-    orientation: Orientation;
-    /** Controls component selection */
-    isSelected?: boolean;
-    /** Called when property gets clicked. If undefined, clicking is disabled */
-    onClick?: (property: PropertyRecord, key?: string) => void;
-    /** Called when property gets right clicked. If undefined, right clicking is not working */
-    onRightClick?: (property: PropertyRecord, key?: string) => void;
-    /** Called to show a context menu for properties */
-    onContextMenu?: (property: PropertyRecord, e: React.MouseEvent) => void;
-    /** Ratio between label and value cells */
-    columnRatio?: number;
-    /** Callback to column ratio changed event */
-    onColumnRatioChanged?: (ratio: number) => void | RatioChangeResult;
-    /** Indicates that properties have *hover* effect */
-    isHoverable?: boolean;
-    /** Indicates that properties can be selected */
-    isSelectable?: boolean;
-    /** Width of the whole property element */
-    width?: number;
-    /** Array of action button renderers @beta */
-    actionButtonRenderers?: ActionButtonRenderer[];
-    /** Is resize handle hovered */
-    isResizeHandleHovered?: boolean;
-    /** Callback to hover event change */
-    onResizeHandleHoverChanged?: (isHovered: boolean) => void;
-    /** Is resize handle being dragged */
-    isResizeHandleBeingDragged?: boolean;
-    /** Callback to drag event change */
-    onResizeHandleDragChanged?: (isDragStarted: boolean) => void;
-    /** Information for styling property grid columns */
-    columnInfo?: PropertyGridColumnInfo;
-}
-/** Properties of [[PropertyRenderer]] React component
- * @public
- */
-export interface PropertyRendererProps extends SharedRendererProps {
-    /** Custom value renderer */
-    propertyValueRendererManager?: PropertyValueRendererManager;
-    /** Multiplier of how much the property is indented to the right */
-    indentation?: number;
-    /** Indicates property is being edited @beta */
-    isEditing?: boolean;
-    /** Called when property edit is committed. @beta */
-    onEditCommit?: (args: PropertyUpdatedArgs) => void;
-    /** Called when property edit is cancelled. @beta */
-    onEditCancel?: () => void;
-    /** Props used for highlighting. @beta */
-    highlight?: HighlightingComponentProps;
-}
-/** State of [[PropertyRenderer]] React component
- * @internal
- */
-interface PropertyRendererState {
-    /** Currently loaded property value */
-    displayValue?: React.ReactNode;
-}
-/**  A React component that renders properties
- * @public
- */
-export declare class PropertyRenderer extends React.Component<PropertyRendererProps, PropertyRendererState> {
-    /** @internal */
-    readonly state: Readonly<PropertyRendererState>;
-    static getLabelOffset(indentation?: number, orientation?: Orientation, width?: number, columnRatio?: number, minColumnLabelWidth?: number): number;
-    private updateDisplayValue;
-    private _onEditCommit;
-    private _onEditCancel;
-    /** Display property record value in an editor */
-    updateDisplayValueAsEditor(props: PropertyRendererProps): void;
-    /** @internal */
-    componentDidMount(): void;
-    /** @internal */
-    componentDidUpdate(prevProps: PropertyRendererProps): void;
-    /** @internal */
-    render(): JSX.Element;
-}
-export {};
-//# sourceMappingURL=PropertyRender.d.ts.map

package/lib/cjs/widget/components/property-grid/PropertyRender.js

@@ -1,109 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PropertyRenderer = void 0;
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-const React = __importStar(require("react"));
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const components_react_1 = require("@itwin/components-react");
-const NonPrimitivePropertyRenderer_1 = require("./NonPrimitivePropertyRenderer");
-const PrimitivePropertyRenderer_1 = require("./PrimitivePropertyRenderer");
-const CommonPropertyRenderer_1 = require("@itwin/components-react/lib/cjs/components-react/properties/renderers/CommonPropertyRenderer");
-const createNewDisplayValue_1 = require("./createNewDisplayValue");
-/**  A React component that renders properties
- * @public
- */
-class PropertyRenderer extends React.Component {
-    constructor() {
-        super(...arguments);
-        /** @internal */
-        this.state = {
-            displayValue: components_react_1.UiComponents.translate("general.loading"),
-        };
-        this._onEditCommit = (args) => {
-            // istanbul ignore else
-            if (this.props.onEditCommit) {
-                this.props.onEditCommit(args);
-            }
-        };
-        this._onEditCancel = () => {
-            // istanbul ignore else
-            if (this.props.onEditCancel) {
-                this.props.onEditCancel();
-            }
-        };
-    }
-    static getLabelOffset(indentation, orientation, width, columnRatio, minColumnLabelWidth) {
-        return CommonPropertyRenderer_1.CommonPropertyRenderer.getLabelOffset(indentation, orientation, width, columnRatio, minColumnLabelWidth);
-    }
-    updateDisplayValue(props) {
-        if (props.isEditing) {
-            this.updateDisplayValueAsEditor(props);
-            return;
-        }
-        const displayValue = createNewDisplayValue_1.createNewDisplayValue(props.orientation, props.propertyRecord, props.indentation, props.propertyValueRendererManager);
-        this.setState({ displayValue });
-    }
-    /** Display property record value in an editor */
-    updateDisplayValueAsEditor(props) {
-        this.setState({
-            displayValue: (React.createElement(components_react_1.EditorContainer, { propertyRecord: props.propertyRecord, onCommit: this._onEditCommit, onCancel: this._onEditCancel, setFocus: true })),
-        });
-    }
-    /** @internal */
-    componentDidMount() {
-        this.updateDisplayValue(this.props);
-    }
-    /** @internal */
-    componentDidUpdate(prevProps) {
-        if (prevProps.propertyRecord !== this.props.propertyRecord ||
-            prevProps.isEditing !== this.props.isEditing ||
-            prevProps.orientation !== this.props.orientation) {
-            this.updateDisplayValue(this.props);
-        }
-    }
-    /** @internal */
-    render() {
-        const { ...props } = this.props;
-        const primitiveRendererProps = {
-            ...props,
-            valueElement: this.state.displayValue,
-            indentation: this.props.indentation,
-        };
-        switch (this.props.propertyRecord.value.valueFormat) {
-            case appui_abstract_1.PropertyValueFormat.Primitive:
-                return (React.createElement(PrimitivePropertyRenderer_1.PrimitivePropertyRenderer, { ...primitiveRendererProps }));
-            case appui_abstract_1.PropertyValueFormat.Array:
-                // If array is empty, render it as a primitive property
-                if (this.props.propertyRecord.value.valueFormat === appui_abstract_1.PropertyValueFormat.Array
-                    && this.props.propertyRecord.value.items.length === 0)
-                    return (React.createElement(PrimitivePropertyRenderer_1.PrimitivePropertyRenderer, { ...primitiveRendererProps }));
-            // eslint-disable-next-line no-fallthrough
-            case appui_abstract_1.PropertyValueFormat.Struct:
-                return (React.createElement(NonPrimitivePropertyRenderer_1.NonPrimitivePropertyRenderer, { isCollapsible: true, ...primitiveRendererProps }));
-        }
-    }
-}
-exports.PropertyRenderer = PropertyRenderer;
-//# sourceMappingURL=PropertyRender.js.map

package/lib/cjs/widget/components/property-grid/PropertyRender.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PropertyRender.js","sourceRoot":"","sources":["../../../../../src/widget/components/property-grid/PropertyRender.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 { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport type { Orientation, RatioChangeResult } from \"@itwin/core-react\";\nimport type {\n  ActionButtonRenderer,\n  PrimitiveRendererProps,\n  PropertyUpdatedArgs,\n  PropertyValueRendererManager,\n} from \"@itwin/components-react\";\nimport {\n  EditorContainer,\n  UiComponents,\n} from \"@itwin/components-react\";\n\nimport { NonPrimitivePropertyRenderer } from \"./NonPrimitivePropertyRenderer\";\nimport { PrimitivePropertyRenderer } from \"./PrimitivePropertyRenderer\";\nimport type { PropertyGridColumnInfo } from \"@itwin/components-react/lib/cjs/components-react/properties/renderers/PropertyGridColumns\";\nimport type { HighlightingComponentProps } from \"@itwin/components-react/lib/cjs/components-react/common/HighlightingComponentProps\";\nimport { CommonPropertyRenderer } from \"@itwin/components-react/lib/cjs/components-react/properties/renderers/CommonPropertyRenderer\";\nimport { createNewDisplayValue } from \"./createNewDisplayValue\";\n\n/** Properties shared by all renderers and PropertyView\n * @public\n */\nexport interface SharedRendererProps {\n  /** PropertyRecord to render */\n  propertyRecord: PropertyRecord;\n  /** Unique string, that identifies this property component. Should be used if onClick or onRightClick are provided */\n  uniqueKey?: string;\n  /** Orientation to use for displaying the property */\n  orientation: Orientation;\n  /** Controls component selection */\n  isSelected?: boolean;\n  /** Called when property gets clicked. If undefined, clicking is disabled */\n  onClick?: (property: PropertyRecord, key?: string) => void;\n  /** Called when property gets right clicked. If undefined, right clicking is not working */\n  onRightClick?: (property: PropertyRecord, key?: string) => void;\n  /** Called to show a context menu for properties */\n  onContextMenu?: (property: PropertyRecord, e: React.MouseEvent) => void;\n  /** Ratio between label and value cells */\n  columnRatio?: number;\n  /** Callback to column ratio changed event */\n  onColumnRatioChanged?: (ratio: number) => void | RatioChangeResult;\n  /** Indicates that properties have *hover* effect */\n  isHoverable?: boolean;\n  /** Indicates that properties can be selected */\n  isSelectable?: boolean;\n  /** Width of the whole property element */\n  width?: number;\n  /** Array of action button renderers @beta */\n  actionButtonRenderers?: ActionButtonRenderer[];\n  /** Is resize handle hovered */\n  isResizeHandleHovered?: boolean;\n  /** Callback to hover event change */\n  onResizeHandleHoverChanged?: (isHovered: boolean) => void;\n  /** Is resize handle being dragged */\n  isResizeHandleBeingDragged?: boolean;\n  /** Callback to drag event change */\n  onResizeHandleDragChanged?: (isDragStarted: boolean) => void;\n  /** Information for styling property grid columns */\n  columnInfo?: PropertyGridColumnInfo;\n}\n\n/** Properties of [[PropertyRenderer]] React component\n * @public\n */\nexport interface PropertyRendererProps extends SharedRendererProps {\n  /** Custom value renderer */\n  propertyValueRendererManager?: PropertyValueRendererManager;\n  /** Multiplier of how much the property is indented to the right */\n  indentation?: number;\n  /** Indicates property is being edited @beta */\n  isEditing?: boolean;\n  /** Called when property edit is committed. @beta */\n  onEditCommit?: (args: PropertyUpdatedArgs) => void;\n  /** Called when property edit is cancelled. @beta */\n  onEditCancel?: () => void;\n  /** Props used for highlighting. @beta */\n  highlight?: HighlightingComponentProps;\n}\n\n/** State of [[PropertyRenderer]] React component\n * @internal\n */\ninterface PropertyRendererState {\n  /** Currently loaded property value */\n  displayValue?: React.ReactNode;\n}\n\n/**  A React component that renders properties\n * @public\n */\nexport class PropertyRenderer extends React.Component<\nPropertyRendererProps,\nPropertyRendererState\n> {\n  /** @internal */\n  public override readonly state: Readonly<PropertyRendererState> = {\n    displayValue: UiComponents.translate(\"general.loading\"),\n  };\n\n  public static getLabelOffset(\n    indentation?: number,\n    orientation?: Orientation,\n    width?: number,\n    columnRatio?: number,\n    minColumnLabelWidth?: number,\n  ): number {\n    return CommonPropertyRenderer.getLabelOffset(\n      indentation,\n      orientation,\n      width,\n      columnRatio,\n      minColumnLabelWidth,\n    );\n  }\n\n  private updateDisplayValue(props: PropertyRendererProps) {\n    if (props.isEditing) {\n      this.updateDisplayValueAsEditor(props);\n      return;\n    }\n\n    const displayValue = createNewDisplayValue(\n      props.orientation,\n      props.propertyRecord,\n      props.indentation,\n      props.propertyValueRendererManager,\n    );\n    this.setState({ displayValue });\n  }\n\n  private _onEditCommit = (args: PropertyUpdatedArgs) => {\n    // istanbul ignore else\n    if (this.props.onEditCommit) {\n      this.props.onEditCommit(args);\n    }\n  };\n\n  private _onEditCancel = () => {\n    // istanbul ignore else\n    if (this.props.onEditCancel) {\n      this.props.onEditCancel();\n    }\n  };\n\n  /** Display property record value in an editor */\n  public updateDisplayValueAsEditor(props: PropertyRendererProps) {\n    this.setState({\n      displayValue: (\n        <EditorContainer\n          propertyRecord={props.propertyRecord}\n          onCommit={this._onEditCommit}\n          onCancel={this._onEditCancel}\n          setFocus={true}\n        />\n      ),\n    });\n  }\n\n  /** @internal */\n  public override componentDidMount() {\n    this.updateDisplayValue(this.props);\n  }\n\n  /** @internal */\n  public override componentDidUpdate(prevProps: PropertyRendererProps) {\n    if (\n      prevProps.propertyRecord !== this.props.propertyRecord ||\n      prevProps.isEditing !== this.props.isEditing ||\n      prevProps.orientation !== this.props.orientation\n    ) {\n      this.updateDisplayValue(this.props);\n    }\n  }\n\n  /** @internal */\n  public override render() {\n    const { ...props } = this.props;\n    const primitiveRendererProps: PrimitiveRendererProps = {\n      ...props,\n      valueElement: this.state.displayValue,\n      indentation: this.props.indentation,\n    };\n\n    switch (this.props.propertyRecord.value.valueFormat) {\n      case PropertyValueFormat.Primitive:\n        return (\n          <PrimitivePropertyRenderer {...primitiveRendererProps} />\n        );\n      case PropertyValueFormat.Array:\n        // If array is empty, render it as a primitive property\n        if (this.props.propertyRecord.value.valueFormat === PropertyValueFormat.Array\n          && this.props.propertyRecord.value.items.length === 0)\n          return (\n            <PrimitivePropertyRenderer {...primitiveRendererProps} />\n          );\n      // eslint-disable-next-line no-fallthrough\n      case PropertyValueFormat.Struct:\n        return (\n          <NonPrimitivePropertyRenderer\n            isCollapsible={true}\n            {...primitiveRendererProps}\n          />\n        );\n    }\n  }\n}\n"]}

package/lib/cjs/widget/components/property-grid/PropertyView.d.ts

@@ -1,22 +0,0 @@
-import React from "react";
-import "./PropertyView.scss";
-import type { SharedRendererProps } from "./PropertyRender";
-/** Properties of [[PropertyView]] React component
- * @public
- */
-export interface PropertyViewProps extends SharedRendererProps {
-    /** Property label as a React element */
-    labelElement: React.ReactNode;
-    /** Property value as a React element */
-    valueElement?: React.ReactNode;
-    /** Render callback for property value. If specified, `valueElement` is ignored. */
-    valueElementRenderer?: () => React.ReactNode;
-    /** Multiplier of how much the property is indented to the right */
-    indentation?: number;
-}
-/**
- * A React component that renders property as label/value pair
- * @public
- */
-export declare const PropertyView: (props: PropertyViewProps) => JSX.Element;
-//# sourceMappingURL=PropertyView.d.ts.map