@itwin/grouping-mapping-widget 0.12.0 → 0.13.0

package/lib/esm/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/esm/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/esm/widget/components/property-grid/PropertyRender.js

@@ -1,86 +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 { PropertyValueFormat } from "@itwin/appui-abstract";
-import { EditorContainer, UiComponents, } from "@itwin/components-react";
-import { NonPrimitivePropertyRenderer } from "./NonPrimitivePropertyRenderer";
-import { PrimitivePropertyRenderer } from "./PrimitivePropertyRenderer";
-import { CommonPropertyRenderer } from "@itwin/components-react/lib/cjs/components-react/properties/renderers/CommonPropertyRenderer";
-import { createNewDisplayValue } from "./createNewDisplayValue";
-/**  A React component that renders properties
- * @public
- */
-export class PropertyRenderer extends React.Component {
-    constructor() {
-        super(...arguments);
-        /** @internal */
-        this.state = {
-            displayValue: 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.getLabelOffset(indentation, orientation, width, columnRatio, minColumnLabelWidth);
-    }
-    updateDisplayValue(props) {
-        if (props.isEditing) {
-            this.updateDisplayValueAsEditor(props);
-            return;
-        }
-        const displayValue = 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(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 PropertyValueFormat.Primitive:
-                return (React.createElement(PrimitivePropertyRenderer, { ...primitiveRendererProps }));
-            case PropertyValueFormat.Array:
-                // If array is empty, render it as a primitive property
-                if (this.props.propertyRecord.value.valueFormat === PropertyValueFormat.Array
-                    && this.props.propertyRecord.value.items.length === 0)
-                    return (React.createElement(PrimitivePropertyRenderer, { ...primitiveRendererProps }));
-            // eslint-disable-next-line no-fallthrough
-            case PropertyValueFormat.Struct:
-                return (React.createElement(NonPrimitivePropertyRenderer, { isCollapsible: true, ...primitiveRendererProps }));
-        }
-    }
-}
-//# sourceMappingURL=PropertyRender.js.map

package/lib/esm/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/esm/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

package/lib/esm/widget/components/property-grid/PropertyView.js

@@ -1,209 +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 React, { useCallback, useEffect, useState } from "react";
-import { PropertyValueFormat } from "@itwin/appui-abstract";
-import { ElementSeparator, Orientation } from "@itwin/core-react";
-import { ActionButtonList } from "@itwin/components-react";
-import "./PropertyView.scss";
-import { PropertyGridColumnStyleProvider } from "@itwin/components-react/lib/cjs/components-react/properties/renderers/PropertyGridColumns";
-import { Checkbox } from "@itwin/itwinui-react";
-import { CommonPropertyRenderer } from "@itwin/components-react/lib/cjs/components-react/properties/renderers/CommonPropertyRenderer";
-import { usePropertyGridWrapper } from "../context/PropertyGridWrapperContext";
-/**
- * A React component that renders property as label/value pair
- * @public
- */
-export const PropertyView = (props) => {
-    var _a;
-    const [isCheckboxLoading, setIsCheckboxLoading] = useState(false);
-    const { currentPropertyList, queryBuilder, setCurrentPropertyList, setQuery, isUpdating, } = usePropertyGridWrapper();
-    const _validatePropertySelection = () => {
-        if (currentPropertyList.includes(props.propertyRecord)) {
-            return true;
-        }
-        // Check if all subproperties are selected
-        if (!_validateNestedPropertiesSelection(props.propertyRecord)) {
-            return false;
-        }
-        return true;
-    };
-    const _validateNestedPropertiesSelection = (prop) => {
-        switch (prop.value.valueFormat) {
-            case PropertyValueFormat.Primitive:
-                if (!currentPropertyList.includes(prop)) {
-                    return false;
-                }
-                break;
-            case PropertyValueFormat.Array:
-                if (prop.value.items.length === 0) {
-                    if (!currentPropertyList.includes(prop)) {
-                        return false;
-                    }
-                }
-                break;
-            case PropertyValueFormat.Struct:
-                for (const subPropName in prop.value.members) {
-                    if (Object.prototype.hasOwnProperty.call(prop.value.members, subPropName)) {
-                        if (!_validateNestedPropertiesSelection(prop.value.members[subPropName])) {
-                            return false;
-                        }
-                    }
-                }
-        }
-        return true;
-    };
-    const [isHovered, setIsHovered] = useState(false);
-    const [isPropertySelected, setIsPropertySelected] = useState(_validatePropertySelection());
-    const _addSelectedProperty = useCallback(async (prop) => {
-        var _a;
-        // TODO: roof selected item/category value is an object but format is primitive(needs further exploration)
-        if (!currentPropertyList.includes(prop) &&
-            prop.value.valueFormat === PropertyValueFormat.Primitive) {
-            if (!(await (queryBuilder === null || queryBuilder === void 0 ? void 0 : queryBuilder.addProperty(prop)))) {
-                setIsCheckboxLoading(false);
-                setIsPropertySelected(false);
-                return;
-            }
-            setCurrentPropertyList(currentPropertyList.concat(prop));
-            setQuery((_a = queryBuilder === null || queryBuilder === void 0 ? void 0 : queryBuilder.buildQueryString()) !== null && _a !== void 0 ? _a : "");
-        }
-    }, [currentPropertyList, queryBuilder, setCurrentPropertyList, setQuery]);
-    const _addNestedProperties = useCallback((prop) => {
-        switch (prop.value.valueFormat) {
-            case PropertyValueFormat.Primitive:
-                void _addSelectedProperty(prop);
-                break;
-            case PropertyValueFormat.Array:
-                if (prop.value.items.length === 0) {
-                    void _addSelectedProperty(prop);
-                }
-                break;
-            case PropertyValueFormat.Struct:
-                for (const subPropName in prop.value.members) {
-                    if (Object.prototype.hasOwnProperty.call(prop.value.members, subPropName)) {
-                        _addNestedProperties(prop.value.members[subPropName]);
-                    }
-                }
-        }
-    }, [_addSelectedProperty]);
-    const _removeSelectedProperty = useCallback(async (prop) => {
-        var _a;
-        if (currentPropertyList.includes(prop)) {
-            setCurrentPropertyList(currentPropertyList.filter((x) => x !== prop));
-            await (queryBuilder === null || queryBuilder === void 0 ? void 0 : queryBuilder.removeProperty(prop));
-            setQuery((_a = queryBuilder === null || queryBuilder === void 0 ? void 0 : queryBuilder.buildQueryString()) !== null && _a !== void 0 ? _a : "");
-        }
-    }, [currentPropertyList, queryBuilder, setCurrentPropertyList, setQuery]);
-    const _removeNestedProperties = useCallback((prop) => {
-        switch (prop.value.valueFormat) {
-            case PropertyValueFormat.Primitive:
-                void _removeSelectedProperty(prop);
-                break;
-            case PropertyValueFormat.Array:
-                if (prop.value.items.length === 0) {
-                    void _removeSelectedProperty(prop);
-                }
-                break;
-            case PropertyValueFormat.Struct:
-                for (const subPropName in prop.value.members) {
-                    if (Object.prototype.hasOwnProperty.call(prop.value.members, subPropName)) {
-                        _removeNestedProperties(prop.value.members[subPropName]);
-                    }
-                }
-        }
-    }, [_removeSelectedProperty]);
-    useEffect(() => {
-        if (!currentPropertyList.includes(props.propertyRecord)) {
-            setIsPropertySelected(false);
-        }
-    }, [currentPropertyList, props.propertyRecord]);
-    useEffect(() => {
-        if (props === null || props === void 0 ? void 0 : props.propertyRecord) {
-            if (isPropertySelected) {
-                if (isUpdating) {
-                    setIsCheckboxLoading(true);
-                }
-                _addNestedProperties(props.propertyRecord);
-            }
-            else {
-                _removeNestedProperties(props.propertyRecord);
-            }
-        }
-    }, [
-        _addNestedProperties,
-        _removeNestedProperties,
-        isPropertySelected,
-        props.propertyRecord,
-        isUpdating,
-    ]);
-    useEffect(() => {
-        if (!isUpdating) {
-            setIsCheckboxLoading(false);
-        }
-    }, [isUpdating]);
-    const _onPropertySelectionChanged = () => {
-        setIsPropertySelected(!isPropertySelected);
-    };
-    const _onClick = () => {
-        if (props.onClick) {
-            props.onClick(props.propertyRecord, props.uniqueKey);
-        }
-    };
-    const _onMouseEnter = () => {
-        if (props.isHoverable) {
-            setIsHovered(true);
-        }
-    };
-    const _onMouseLeave = () => {
-        if (props.isHoverable) {
-            setIsHovered(false);
-        }
-    };
-    const _onContextMenu = (e) => {
-        if (props.onContextMenu) {
-            props.onContextMenu(props.propertyRecord, e);
-        }
-        if (props.onRightClick) {
-            props.onRightClick(props.propertyRecord, props.uniqueKey);
-        }
-        e.preventDefault();
-        return false;
-    };
-    const getClassName = (viewProps) => {
-        let propertyRecordClassName = viewProps.orientation === Orientation.Horizontal
-            ? "gmw-components-property-record--horizontal"
-            : "gmw-components-property-record--vertical";
-        if (viewProps.isSelected) {
-            propertyRecordClassName += " components--selected";
-        }
-        if (viewProps.onClick) {
-            propertyRecordClassName += " components--clickable";
-        }
-        if (viewProps.isHoverable) {
-            propertyRecordClassName += " components--hoverable";
-        }
-        return propertyRecordClassName;
-    };
-    const ratio = props.columnRatio ? props.columnRatio : 0.25;
-    const needElementSeparator = props.orientation === Orientation.Horizontal &&
-        !!props.onColumnRatioChanged;
-    const needActionButtons = !!props.actionButtonRenderers;
-    const columnsStyleProvider = new PropertyGridColumnStyleProvider(props.columnInfo);
-    const offset = CommonPropertyRenderer.getLabelOffset(props.indentation, props.orientation, props.width, props.columnRatio, (_a = props.columnInfo) === null || _a === void 0 ? void 0 : _a.minLabelWidth);
-    return (React.createElement("div", { style: columnsStyleProvider.getStyle(props.orientation, needActionButtons, ratio, needElementSeparator), className: getClassName(props), onClick: _onClick, onContextMenu: _onContextMenu, onMouseEnter: _onMouseEnter, onMouseLeave: _onMouseLeave, role: "presentation" },
-        React.createElement("div", { className: "gmw-components-property-record-label" },
-            props.propertyRecord.value.valueFormat ===
-                PropertyValueFormat.Primitive && (React.createElement(Checkbox, { style: { marginLeft: offset }, className: "gmw-components-property-selection-checkbox", checked: isPropertySelected, onChange: _onPropertySelectionChanged, disabled: isUpdating ||
-                    props.propertyRecord.value.value === undefined, isLoading: isCheckboxLoading })),
-            props.labelElement),
-        needElementSeparator ? (React.createElement(ElementSeparator, { movableArea: props.width, onRatioChanged: props.onColumnRatioChanged, ratio: ratio, orientation: props.orientation, isResizeHandleHovered: props.isResizeHandleHovered, onResizeHandleHoverChanged: props.onResizeHandleHoverChanged, isResizeHandleBeingDragged: props.isResizeHandleBeingDragged, onResizeHandleDragChanged: props.onResizeHandleDragChanged })) : undefined,
-        props.propertyRecord.value.valueFormat ===
-            PropertyValueFormat.Primitive ? (React.createElement("div", { className: "gmw-components-property-record-value" },
-            React.createElement("span", null, props.valueElementRenderer
-                ? props.valueElementRenderer()
-                : props.valueElement))) : undefined,
-        props.actionButtonRenderers ? (React.createElement(ActionButtonList, { orientation: props.orientation, property: props.propertyRecord, isPropertyHovered: isHovered, actionButtonRenderers: props.actionButtonRenderers })) : undefined));
-};
-//# sourceMappingURL=PropertyView.js.map

package/lib/esm/widget/components/property-grid/PropertyView.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PropertyView.js","sourceRoot":"","sources":["../../../../../src/widget/components/property-grid/PropertyView.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 React, { useCallback, useEffect, useState } from \"react\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { ElementSeparator, Orientation } from \"@itwin/core-react\";\nimport { ActionButtonList } from \"@itwin/components-react\";\nimport \"./PropertyView.scss\";\nimport type { SharedRendererProps } from \"./PropertyRender\";\nimport { PropertyGridColumnStyleProvider } from \"@itwin/components-react/lib/cjs/components-react/properties/renderers/PropertyGridColumns\";\nimport { Checkbox } from \"@itwin/itwinui-react\";\nimport { CommonPropertyRenderer } from \"@itwin/components-react/lib/cjs/components-react/properties/renderers/CommonPropertyRenderer\";\nimport { usePropertyGridWrapper } from \"../context/PropertyGridWrapperContext\";\n\n/** Properties of [[PropertyView]] React component\n * @public\n */\nexport interface PropertyViewProps extends SharedRendererProps {\n  /** Property label as a React element */\n  labelElement: React.ReactNode;\n  /** Property value as a React element */\n  valueElement?: React.ReactNode;\n  /** Render callback for property value. If specified, `valueElement` is ignored. */\n  valueElementRenderer?: () => React.ReactNode;\n  /** Multiplier of how much the property is indented to the right */\n  indentation?: number;\n}\n\n/**\n * A React component that renders property as label/value pair\n * @public\n */\nexport const PropertyView = (props: PropertyViewProps) => {\n  const [isCheckboxLoading, setIsCheckboxLoading] = useState(false);\n  const {\n    currentPropertyList,\n    queryBuilder,\n    setCurrentPropertyList,\n    setQuery,\n    isUpdating,\n  } = usePropertyGridWrapper();\n\n  const _validatePropertySelection = () => {\n    if (currentPropertyList.includes(props.propertyRecord)) {\n      return true;\n    }\n    // Check if all subproperties are selected\n    if (!_validateNestedPropertiesSelection(props.propertyRecord)) {\n      return false;\n    }\n    return true;\n  };\n\n  const _validateNestedPropertiesSelection = (prop: PropertyRecord) => {\n    switch (prop.value.valueFormat) {\n      case PropertyValueFormat.Primitive:\n        if (!currentPropertyList.includes(prop)) {\n          return false;\n        }\n        break;\n      case PropertyValueFormat.Array:\n        if (prop.value.items.length === 0) {\n          if (!currentPropertyList.includes(prop)) {\n            return false;\n          }\n        }\n        break;\n      case PropertyValueFormat.Struct:\n        for (const subPropName in prop.value.members) {\n          if (\n            Object.prototype.hasOwnProperty.call(\n              prop.value.members,\n              subPropName\n            )\n          ) {\n            if (\n              !_validateNestedPropertiesSelection(\n                prop.value.members[subPropName]\n              )\n            ) {\n              return false;\n            }\n          }\n        }\n    }\n    return true;\n  };\n\n  const [isHovered, setIsHovered] = useState<boolean>(false);\n  const [isPropertySelected, setIsPropertySelected] = useState<boolean>(\n    _validatePropertySelection()\n  );\n\n  const _addSelectedProperty = useCallback(\n    async (prop: PropertyRecord) => {\n      // TODO: roof selected item/category value is an object but format is primitive(needs further exploration)\n      if (\n        !currentPropertyList.includes(prop) &&\n        prop.value.valueFormat === PropertyValueFormat.Primitive\n      ) {\n        if (!(await queryBuilder?.addProperty(prop))) {\n          setIsCheckboxLoading(false);\n          setIsPropertySelected(false);\n          return;\n        }\n        setCurrentPropertyList(\n          currentPropertyList.concat(prop)\n        );\n        setQuery(queryBuilder?.buildQueryString() ?? \"\");\n      }\n    },\n    [currentPropertyList, queryBuilder, setCurrentPropertyList, setQuery]\n  );\n\n  const _addNestedProperties = useCallback(\n    (prop: PropertyRecord) => {\n      switch (prop.value.valueFormat) {\n        case PropertyValueFormat.Primitive:\n          void _addSelectedProperty(prop);\n          break;\n        case PropertyValueFormat.Array:\n          if (prop.value.items.length === 0) {\n            void _addSelectedProperty(prop);\n          }\n          break;\n        case PropertyValueFormat.Struct:\n          for (const subPropName in prop.value.members) {\n            if (\n              Object.prototype.hasOwnProperty.call(\n                prop.value.members,\n                subPropName\n              )\n            ) {\n              _addNestedProperties(prop.value.members[subPropName]);\n            }\n          }\n      }\n    },\n    [_addSelectedProperty]\n  );\n\n  const _removeSelectedProperty = useCallback(\n    async (prop: PropertyRecord): Promise<void> => {\n      if (currentPropertyList.includes(prop)) {\n        setCurrentPropertyList(\n          currentPropertyList.filter((x: PropertyRecord) => x !== prop)\n        );\n        await queryBuilder?.removeProperty(prop);\n        setQuery(queryBuilder?.buildQueryString() ?? \"\");\n      }\n    },\n    [currentPropertyList, queryBuilder, setCurrentPropertyList, setQuery]\n  );\n\n  const _removeNestedProperties = useCallback(\n    (prop: PropertyRecord) => {\n      switch (prop.value.valueFormat) {\n        case PropertyValueFormat.Primitive:\n          void _removeSelectedProperty(prop);\n          break;\n        case PropertyValueFormat.Array:\n          if (prop.value.items.length === 0) {\n            void _removeSelectedProperty(prop);\n          }\n          break;\n        case PropertyValueFormat.Struct:\n          for (const subPropName in prop.value.members) {\n            if (\n              Object.prototype.hasOwnProperty.call(\n                prop.value.members,\n                subPropName\n              )\n            ) {\n              _removeNestedProperties(prop.value.members[subPropName]);\n            }\n          }\n      }\n    },\n    [_removeSelectedProperty]\n  );\n\n  useEffect(() => {\n    if (!currentPropertyList.includes(props.propertyRecord)) {\n      setIsPropertySelected(false);\n    }\n  }, [currentPropertyList, props.propertyRecord]);\n\n  useEffect(() => {\n    if (props?.propertyRecord) {\n      if (isPropertySelected) {\n        if (isUpdating) {\n          setIsCheckboxLoading(true);\n        }\n        _addNestedProperties(props.propertyRecord);\n      } else {\n        _removeNestedProperties(props.propertyRecord);\n      }\n    }\n  }, [\n    _addNestedProperties,\n    _removeNestedProperties,\n    isPropertySelected,\n    props.propertyRecord,\n    isUpdating,\n  ]);\n\n  useEffect(() => {\n    if (!isUpdating) {\n      setIsCheckboxLoading(false);\n    }\n  }, [isUpdating]);\n\n  const _onPropertySelectionChanged = () => {\n    setIsPropertySelected(!isPropertySelected);\n  };\n\n  const _onClick = () => {\n    if (props.onClick) {\n      props.onClick(props.propertyRecord, props.uniqueKey);\n    }\n  };\n\n  const _onMouseEnter = () => {\n    if (props.isHoverable) {\n      setIsHovered(true);\n    }\n  };\n\n  const _onMouseLeave = () => {\n    if (props.isHoverable) {\n      setIsHovered(false);\n    }\n  };\n\n  const _onContextMenu = (e: React.MouseEvent) => {\n    if (props.onContextMenu) {\n      props.onContextMenu(props.propertyRecord, e);\n    }\n    if (props.onRightClick) {\n      props.onRightClick(props.propertyRecord, props.uniqueKey);\n    }\n    e.preventDefault();\n    return false;\n  };\n\n  const getClassName = (viewProps: PropertyViewProps) => {\n    let propertyRecordClassName =\n      viewProps.orientation === Orientation.Horizontal\n        ? \"gmw-components-property-record--horizontal\"\n        : \"gmw-components-property-record--vertical\";\n    if (viewProps.isSelected) {\n      propertyRecordClassName += \" components--selected\";\n    }\n    if (viewProps.onClick) {\n      propertyRecordClassName += \" components--clickable\";\n    }\n    if (viewProps.isHoverable) {\n      propertyRecordClassName += \" components--hoverable\";\n    }\n    return propertyRecordClassName;\n  };\n\n  const ratio = props.columnRatio ? props.columnRatio : 0.25;\n  const needElementSeparator =\n    props.orientation === Orientation.Horizontal &&\n    !!props.onColumnRatioChanged;\n  const needActionButtons = !!props.actionButtonRenderers;\n  const columnsStyleProvider = new PropertyGridColumnStyleProvider(\n    props.columnInfo\n  );\n\n  const offset = CommonPropertyRenderer.getLabelOffset(\n    props.indentation,\n    props.orientation,\n    props.width,\n    props.columnRatio,\n    props.columnInfo?.minLabelWidth\n  );\n\n  return (\n    <div\n      style={columnsStyleProvider.getStyle(\n        props.orientation,\n        needActionButtons,\n        ratio,\n        needElementSeparator\n      )}\n      className={getClassName(props)}\n      onClick={_onClick}\n      onContextMenu={_onContextMenu}\n      onMouseEnter={_onMouseEnter}\n      onMouseLeave={_onMouseLeave}\n      role=\"presentation\"\n    >\n      <div className=\"gmw-components-property-record-label\">\n        {props.propertyRecord.value.valueFormat ===\n          PropertyValueFormat.Primitive && (\n          <Checkbox\n            style={{ marginLeft: offset }}\n            className=\"gmw-components-property-selection-checkbox\"\n            checked={isPropertySelected}\n            onChange={_onPropertySelectionChanged}\n            disabled={\n              isUpdating ||\n                props.propertyRecord.value.value === undefined\n            }\n            isLoading={isCheckboxLoading}\n          />\n        )}\n        {props.labelElement}\n      </div>\n      {needElementSeparator ? (\n        <ElementSeparator\n          movableArea={props.width}\n          onRatioChanged={props.onColumnRatioChanged}\n          ratio={ratio}\n          orientation={props.orientation}\n          isResizeHandleHovered={props.isResizeHandleHovered}\n          onResizeHandleHoverChanged={props.onResizeHandleHoverChanged}\n          isResizeHandleBeingDragged={props.isResizeHandleBeingDragged}\n          onResizeHandleDragChanged={props.onResizeHandleDragChanged}\n        />\n      ) : undefined}\n      {props.propertyRecord.value.valueFormat ===\n        PropertyValueFormat.Primitive ? (\n          <div className=\"gmw-components-property-record-value\">\n            <span>\n              {props.valueElementRenderer\n                ? props.valueElementRenderer()\n                : props.valueElement}\n            </span>\n          </div>\n        ) : undefined}\n      {props.actionButtonRenderers ? (\n        <ActionButtonList\n          orientation={props.orientation}\n          property={props.propertyRecord}\n          isPropertyHovered={isHovered}\n          actionButtonRenderers={props.actionButtonRenderers}\n        />\n      ) : undefined}\n    </div>\n  );\n};\n"]}

package/lib/esm/widget/components/property-grid/PropertyView.scss

@@ -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.
-*--------------------------------------------------------------------------------------------*/
-@import '~@itwin/core-react/lib/cjs/core-react/style/themecolors';
-@import '~@itwin/itwinui-css/scss/style/typography';
-@import '~@itwin/itwinui-css/scss/variables';
-
-$text-font-size: $iui-font-size;
-$text-font-color: $buic-text-color;
-
-.gmw-components-property-record--horizontal {
-  height: 100%;
-  display: grid;
-  padding: 0 8px;
-
-  .gmw-components-property-record-label {
-    font-size: $iui-font-size-small;
-    color: $buic-foreground-muted;
-  }
-
-  .gmw-components-property-record-value {
-    min-height: 24px;
-    font-size: $text-font-size;
-    color: $text-font-color;
-    padding: 0px 5px;
-  }
-}
-
-.gmw-components-property-record--vertical {
-  height: 100%;
-  padding: 0 8px;
-  display: grid;
-  align-content: center;
-
-  .gmw-components-property-record-label {
-    font-size: $iui-font-size-small;
-    color: $buic-foreground-muted;
-  }
-
-  .gmw-components-property-record-value  {
-    min-height: 22px;
-    font-size: $text-font-size;
-    color: $text-font-color;
-  }
-}
-
-@mixin gmw-record-cell {
-  display: flex;
-  align-items: center;
-}
-
-.gmw-components-property-record-label {
-  @include gmw-record-cell;
-  position: relative;
-  .gmw-components-property-selection-checkbox {
-    flex-shrink: 0;
-    position: absolute;
-    z-index: 1;
-  }
-  // Radial does not respect checkbox positioning, have to force it.
-  > .gmw-iui-progress-indicator-radial {
-    position: absolute;
-  }
-}
-
-.gmw-components-property-record-value {
-  @include gmw-record-cell;
-  overflow: hidden;
-
-  span {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    width: 100%;
-  }
-}

package/lib/esm/widget/components/property-grid/countMatchesInString.d.ts

@@ -1,8 +0,0 @@
-/** @packageDocumentation
- * @module Common
- */
-/** Counts how many times string 'lookup' is repeated in string 'str'.
- * @internal
- */
-export declare function countMatchesInString(str: string, lookup: string): number;
-//# sourceMappingURL=countMatchesInString.d.ts.map

package/lib/esm/widget/components/property-grid/countMatchesInString.js

@@ -1,28 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/* @author Vitim.us https://gist.github.com/victornpb/7736865 */
-/** @packageDocumentation
- * @module Common
- */
-/** Counts how many times string 'lookup' is repeated in string 'str'.
- * @internal
- */
-export function countMatchesInString(str, lookup) {
-    if (!str.length || !lookup.length)
-        return 0;
-    let n = 0, pos = 0;
-    const step = lookup.length;
-    while (true) {
-        pos = str.indexOf(lookup, pos);
-        if (pos >= 0) {
-            ++n;
-            pos += step;
-        }
-        else
-            break;
-    }
-    return n;
-}
-//# sourceMappingURL=countMatchesInString.js.map

package/lib/esm/widget/components/property-grid/countMatchesInString.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"countMatchesInString.js","sourceRoot":"","sources":["../../../../../src/widget/components/property-grid/countMatchesInString.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,gEAAgE;AAEhE;;GAEG;AAEH;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAAC,GAAW,EAAE,MAAc;IAC9D,IAAI,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,MAAM;QAC/B,OAAO,CAAC,CAAC;IAEX,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC;IACnB,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC;IAE3B,OAAO,IAAI,EAAE;QACX,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QAC/B,IAAI,GAAG,IAAI,CAAC,EAAE;YACZ,EAAE,CAAC,CAAC;YACJ,GAAG,IAAI,IAAI,CAAC;SACb;;YACC,MAAM;KACT;IACD,OAAO,CAAC,CAAC;AACX,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/* @author Vitim.us https://gist.github.com/victornpb/7736865 */\n\n/** @packageDocumentation\n * @module Common\n */\n\n/** Counts how many times string 'lookup' is repeated in string 'str'.\n * @internal\n */\nexport function countMatchesInString(str: string, lookup: string) {\n  if (!str.length || !lookup.length)\n    return 0;\n\n  let n = 0, pos = 0;\n  const step = lookup.length;\n\n  while (true) {\n    pos = str.indexOf(lookup, pos);\n    if (pos >= 0) {\n      ++n;\n      pos += step;\n    } else\n      break;\n  }\n  return n;\n}\n"]}

package/lib/esm/widget/components/property-grid/createNewDisplayValue.d.ts

@@ -1,10 +0,0 @@
-import type { PropertyRecord } from "@itwin/appui-abstract";
-import type { HighlightingComponentProps } from "@itwin/components-react";
-import { PropertyValueRendererManager } from "@itwin/components-react";
-import { Orientation } from "@itwin/core-react";
-import * as React from "react";
-export declare function createNewDisplayValue(orientation: Orientation, propertyRecord: PropertyRecord, indentation?: number, propertyValueRendererManager?: PropertyValueRendererManager, isExpanded?: boolean, onExpansionToggled?: () => void, onHeightChanged?: (newHeight: number) => void, highlight?: HighlightingComponentProps & {
-    applyOnLabel: boolean;
-    applyOnValue: boolean;
-}): React.ReactNode;
-//# sourceMappingURL=createNewDisplayValue.d.ts.map