@itwin/components-react 4.0.0-dev.12 → 4.0.0-dev.14

package/lib/esm/components-react/properties/ValueRendererManager.js

@@ -1,89 +1,89 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Properties
- */
-import { PropertyValueFormat } from "@itwin/appui-abstract";
-import { ArrayPropertyValueRenderer } from "./renderers/value/ArrayPropertyValueRenderer";
-import { DoublePropertyValueRenderer } from "./renderers/value/DoublePropertyValueRenderer";
-import { MergedPropertyValueRenderer } from "./renderers/value/MergedPropertyValueRenderer";
-import { MultilineTextPropertyValueRenderer } from "./renderers/value/MultilineTextPropertyValueRenderer";
-import { NavigationPropertyValueRenderer } from "./renderers/value/NavigationPropertyValueRenderer";
-import { PrimitivePropertyValueRenderer } from "./renderers/value/PrimitivePropertyValueRenderer";
-import { StructPropertyValueRenderer } from "./renderers/value/StructPropertyValueRenderer";
-import { UrlPropertyValueRenderer } from "./renderers/value/UrlPropertyValueRenderer";
-/** Types of property containers
- * @public
- */
-export var PropertyContainerType;
-(function (PropertyContainerType) {
-    PropertyContainerType["PropertyPane"] = "pane";
-    PropertyContainerType["Table"] = "table";
-    PropertyContainerType["Tree"] = "tree";
-})(PropertyContainerType || (PropertyContainerType = {}));
-/** Default implementation of property value renderer manager
- * @public
- */
-export class PropertyValueRendererManager {
-    constructor() {
-        this._propertyRenderers = new Map();
-        this._defaultPrimitiveValueRenderer = new PrimitivePropertyValueRenderer();
-        this._defaultArrayValueRenderer = new ArrayPropertyValueRenderer();
-        this._defaultStructValueRenderer = new StructPropertyValueRenderer();
-        this._defaultMergedValueRenderer = new MergedPropertyValueRenderer();
-    }
-    selectRenderer(record) {
-        if (record.property.renderer && this._propertyRenderers.has(record.property.renderer.name))
-            return this._propertyRenderers.get(record.property.renderer.name);
-        if (this._defaultMergedValueRenderer.canRender(record))
-            return this._defaultMergedValueRenderer;
-        if (this._propertyRenderers.has(record.property.typename))
-            return this._propertyRenderers.get(record.property.typename);
-        // Use one of default renderers
-        switch (record.value.valueFormat) {
-            case PropertyValueFormat.Primitive:
-                return this._defaultPrimitiveValueRenderer;
-            case PropertyValueFormat.Array:
-                return this._defaultArrayValueRenderer;
-            case PropertyValueFormat.Struct:
-                return this._defaultStructValueRenderer;
-            default:
-                return undefined;
-        }
-    }
-    /** Render property into JSX element */
-    render(record, context) {
-        const selectedRenderer = this.selectRenderer(record);
-        if (!selectedRenderer || !selectedRenderer.canRender(record, context))
-            return undefined;
-        return selectedRenderer.render(record, context);
-    }
-    /** Register a specified property type renderer */
-    registerRenderer(rendererType, propertyRenderer, overwrite = false) {
-        if (!overwrite && this._propertyRenderers.has(rendererType)) {
-            throw Error(`PropertyValueRendererManager.registerRenderer error: type '${rendererType}' already registered to '${propertyRenderer.constructor.name}'`);
-        }
-        this._propertyRenderers.set(rendererType, propertyRenderer);
-    }
-    /** Unregister a specified property type renderer */
-    unregisterRenderer(rendererType) {
-        this._propertyRenderers.delete(rendererType);
-    }
-    /** Get the specified property type renderer instance */
-    getRegisteredRenderer(rendererType) {
-        return this._propertyRenderers.get(rendererType);
-    }
-    /** Returns default PropertyValueRendererManager instance */
-    static get defaultManager() {
-        if (!this._defaultRendererManager)
-            this._defaultRendererManager = new PropertyValueRendererManager();
-        return this._defaultRendererManager;
-    }
-}
-PropertyValueRendererManager.defaultManager.registerRenderer("navigation", new NavigationPropertyValueRenderer());
-PropertyValueRendererManager.defaultManager.registerRenderer("url", new UrlPropertyValueRenderer());
-PropertyValueRendererManager.defaultManager.registerRenderer("double", new DoublePropertyValueRenderer());
-PropertyValueRendererManager.defaultManager.registerRenderer("multiline", new MultilineTextPropertyValueRenderer());
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Properties
+ */
+import { PropertyValueFormat } from "@itwin/appui-abstract";
+import { ArrayPropertyValueRenderer } from "./renderers/value/ArrayPropertyValueRenderer";
+import { DoublePropertyValueRenderer } from "./renderers/value/DoublePropertyValueRenderer";
+import { MergedPropertyValueRenderer } from "./renderers/value/MergedPropertyValueRenderer";
+import { MultilineTextPropertyValueRenderer } from "./renderers/value/MultilineTextPropertyValueRenderer";
+import { NavigationPropertyValueRenderer } from "./renderers/value/NavigationPropertyValueRenderer";
+import { PrimitivePropertyValueRenderer } from "./renderers/value/PrimitivePropertyValueRenderer";
+import { StructPropertyValueRenderer } from "./renderers/value/StructPropertyValueRenderer";
+import { UrlPropertyValueRenderer } from "./renderers/value/UrlPropertyValueRenderer";
+/** Types of property containers
+ * @public
+ */
+export var PropertyContainerType;
+(function (PropertyContainerType) {
+    PropertyContainerType["PropertyPane"] = "pane";
+    PropertyContainerType["Table"] = "table";
+    PropertyContainerType["Tree"] = "tree";
+})(PropertyContainerType || (PropertyContainerType = {}));
+/** Default implementation of property value renderer manager
+ * @public
+ */
+export class PropertyValueRendererManager {
+    constructor() {
+        this._propertyRenderers = new Map();
+        this._defaultPrimitiveValueRenderer = new PrimitivePropertyValueRenderer();
+        this._defaultArrayValueRenderer = new ArrayPropertyValueRenderer();
+        this._defaultStructValueRenderer = new StructPropertyValueRenderer();
+        this._defaultMergedValueRenderer = new MergedPropertyValueRenderer();
+    }
+    selectRenderer(record) {
+        if (record.property.renderer && this._propertyRenderers.has(record.property.renderer.name))
+            return this._propertyRenderers.get(record.property.renderer.name);
+        if (this._defaultMergedValueRenderer.canRender(record))
+            return this._defaultMergedValueRenderer;
+        if (this._propertyRenderers.has(record.property.typename))
+            return this._propertyRenderers.get(record.property.typename);
+        // Use one of default renderers
+        switch (record.value.valueFormat) {
+            case PropertyValueFormat.Primitive:
+                return this._defaultPrimitiveValueRenderer;
+            case PropertyValueFormat.Array:
+                return this._defaultArrayValueRenderer;
+            case PropertyValueFormat.Struct:
+                return this._defaultStructValueRenderer;
+            default:
+                return undefined;
+        }
+    }
+    /** Render property into JSX element */
+    render(record, context) {
+        const selectedRenderer = this.selectRenderer(record);
+        if (!selectedRenderer || !selectedRenderer.canRender(record, context))
+            return undefined;
+        return selectedRenderer.render(record, context);
+    }
+    /** Register a specified property type renderer */
+    registerRenderer(rendererType, propertyRenderer, overwrite = false) {
+        if (!overwrite && this._propertyRenderers.has(rendererType)) {
+            throw Error(`PropertyValueRendererManager.registerRenderer error: type '${rendererType}' already registered to '${propertyRenderer.constructor.name}'`);
+        }
+        this._propertyRenderers.set(rendererType, propertyRenderer);
+    }
+    /** Unregister a specified property type renderer */
+    unregisterRenderer(rendererType) {
+        this._propertyRenderers.delete(rendererType);
+    }
+    /** Get the specified property type renderer instance */
+    getRegisteredRenderer(rendererType) {
+        return this._propertyRenderers.get(rendererType);
+    }
+    /** Returns default PropertyValueRendererManager instance */
+    static get defaultManager() {
+        if (!this._defaultRendererManager)
+            this._defaultRendererManager = new PropertyValueRendererManager();
+        return this._defaultRendererManager;
+    }
+}
+PropertyValueRendererManager.defaultManager.registerRenderer("navigation", new NavigationPropertyValueRenderer());
+PropertyValueRendererManager.defaultManager.registerRenderer("url", new UrlPropertyValueRenderer());
+PropertyValueRendererManager.defaultManager.registerRenderer("double", new DoublePropertyValueRenderer());
+PropertyValueRendererManager.defaultManager.registerRenderer("multiline", new MultilineTextPropertyValueRenderer());
 //# sourceMappingURL=ValueRendererManager.js.map

package/lib/esm/components-react/properties/renderers/ActionButtonList.d.ts

@@ -1,30 +1,30 @@
-/** @packageDocumentation
- * @module Properties
- */
-import "./ActionButtonList.scss";
-import * as React from "react";
-import { PropertyRecord } from "@itwin/appui-abstract";
-import { Orientation } from "@itwin/core-react";
-import { ActionButtonRenderer } from "./ActionButtonRenderer";
-/** Properties of [[ActionButtonList]] React component
- * @public
- */
-export interface ActionButtonListProps {
-    /** Orientation to use for displaying the action buttons */
-    orientation: Orientation;
-    /** Property that action buttons belong to */
-    property: PropertyRecord;
-    /** Array of action button renderers */
-    actionButtonRenderers: ActionButtonRenderer[];
-    /** Indicated whether a property is hovered  */
-    isPropertyHovered?: boolean;
-}
-/** ActionButtonList React component.
- * @public
- */
-export declare class ActionButtonList extends React.PureComponent<ActionButtonListProps> {
-    private getClassName;
-    /** @internal */
-    render(): JSX.Element;
-}
+/** @packageDocumentation
+ * @module Properties
+ */
+import "./ActionButtonList.scss";
+import * as React from "react";
+import { PropertyRecord } from "@itwin/appui-abstract";
+import { Orientation } from "@itwin/core-react";
+import { ActionButtonRenderer } from "./ActionButtonRenderer";
+/** Properties of [[ActionButtonList]] React component
+ * @public
+ */
+export interface ActionButtonListProps {
+    /** Orientation to use for displaying the action buttons */
+    orientation: Orientation;
+    /** Property that action buttons belong to */
+    property: PropertyRecord;
+    /** Array of action button renderers */
+    actionButtonRenderers: ActionButtonRenderer[];
+    /** Indicated whether a property is hovered  */
+    isPropertyHovered?: boolean;
+}
+/** ActionButtonList React component.
+ * @public
+ */
+export declare class ActionButtonList extends React.PureComponent<ActionButtonListProps> {
+    private getClassName;
+    /** @internal */
+    render(): JSX.Element;
+}
 //# sourceMappingURL=ActionButtonList.d.ts.map

package/lib/esm/components-react/properties/renderers/ActionButtonList.js

@@ -1,34 +1,34 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Properties
- */
-import "./ActionButtonList.scss";
-import * as React from "react";
-import { Orientation } from "@itwin/core-react";
-/** ActionButtonList React component.
- * @public
- */
-export class ActionButtonList extends React.PureComponent {
-    getClassName(orientation) {
-        return orientation === Orientation.Horizontal
-            ? "components-property-action-button-list--horizontal"
-            : "components-property-action-button-list--vertical";
-    }
-    /** @internal */
-    render() {
-        return (React.createElement("div", { className: this.getClassName(this.props.orientation) }, this.props.actionButtonRenderers.map((renderer, index) => React.createElement(ActionButtonContainer, { key: index, renderer: renderer, rendererProps: {
-                property: this.props.property,
-                isPropertyHovered: this.props.isPropertyHovered,
-            } }))));
-    }
-}
-function ActionButtonContainer(props) {
-    const actionButton = props.renderer(props.rendererProps);
-    if (!actionButton)
-        return null;
-    return (React.createElement("div", { className: "components-action-button-container" }, actionButton));
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Properties
+ */
+import "./ActionButtonList.scss";
+import * as React from "react";
+import { Orientation } from "@itwin/core-react";
+/** ActionButtonList React component.
+ * @public
+ */
+export class ActionButtonList extends React.PureComponent {
+    getClassName(orientation) {
+        return orientation === Orientation.Horizontal
+            ? "components-property-action-button-list--horizontal"
+            : "components-property-action-button-list--vertical";
+    }
+    /** @internal */
+    render() {
+        return (React.createElement("div", { className: this.getClassName(this.props.orientation) }, this.props.actionButtonRenderers.map((renderer, index) => React.createElement(ActionButtonContainer, { key: index, renderer: renderer, rendererProps: {
+                property: this.props.property,
+                isPropertyHovered: this.props.isPropertyHovered,
+            } }))));
+    }
+}
+function ActionButtonContainer(props) {
+    const actionButton = props.renderer(props.rendererProps);
+    if (!actionButton)
+        return null;
+    return (React.createElement("div", { className: "components-action-button-container" }, actionButton));
+}
 //# sourceMappingURL=ActionButtonList.js.map

package/lib/esm/components-react/properties/renderers/ActionButtonRenderer.d.ts

@@ -1,20 +1,20 @@
-/** @packageDocumentation
- * @module Properties
- */
-import * as React from "react";
-import { PropertyRecord } from "@itwin/appui-abstract";
-/** Properties of [[ActionButtonRenderer]]
- * @public
- */
-export interface ActionButtonRendererProps {
-    /** Property that the action button belongs to */
-    property: PropertyRecord;
-    /** Indicated whether a property is hovered  */
-    isPropertyHovered?: boolean;
-}
-/**
- * Renders a React component (usually a button) for a PropertyRecord
- * @public
- */
-export declare type ActionButtonRenderer = (props: ActionButtonRendererProps) => React.ReactNode;
+/** @packageDocumentation
+ * @module Properties
+ */
+import * as React from "react";
+import { PropertyRecord } from "@itwin/appui-abstract";
+/** Properties of [[ActionButtonRenderer]]
+ * @public
+ */
+export interface ActionButtonRendererProps {
+    /** Property that the action button belongs to */
+    property: PropertyRecord;
+    /** Indicated whether a property is hovered  */
+    isPropertyHovered?: boolean;
+}
+/**
+ * Renders a React component (usually a button) for a PropertyRecord
+ * @public
+ */
+export type ActionButtonRenderer = (props: ActionButtonRendererProps) => React.ReactNode;
 //# sourceMappingURL=ActionButtonRenderer.d.ts.map

package/lib/esm/components-react/properties/renderers/ActionButtonRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButtonRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/ActionButtonRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,iDAAiD;IACjD,QAAQ,EAAE,cAAc,CAAC;IACzB,+CAA+C;IAC/C,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;;GAGG;AACH,oBAAY,oBAAoB,GAAG,CAAC,KAAK,EAAE,yBAAyB,KAAK,KAAK,CAAC,SAAS,CAAC"}
+{"version":3,"file":"ActionButtonRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/ActionButtonRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,iDAAiD;IACjD,QAAQ,EAAE,cAAc,CAAC;IACzB,+CAA+C;IAC/C,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;;GAGG;AACH,MAAM,MAAM,oBAAoB,GAAG,CAAC,KAAK,EAAE,yBAAyB,KAAK,KAAK,CAAC,SAAS,CAAC"}

package/lib/esm/components-react/properties/renderers/ActionButtonRenderer.js

@@ -1,9 +1,9 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Properties
- */
-export {};
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Properties
+ */
+export {};
 //# sourceMappingURL=ActionButtonRenderer.js.map

package/lib/esm/components-react/properties/renderers/CommonPropertyRenderer.d.ts

@@ -1,20 +1,20 @@
-/** @packageDocumentation
- * @module Properties
- */
-import * as React from "react";
-import { PropertyRecord } from "@itwin/appui-abstract";
-import { Orientation } from "@itwin/core-react";
-import { HighlightingComponentProps } from "../../common/HighlightingComponentProps";
-import { PropertyValueRendererManager } from "../ValueRendererManager";
-/**
- * @internal
- */
-export declare class CommonPropertyRenderer {
-    static getLabelOffset(indentation?: number, orientation?: Orientation, width?: number, columnRatio?: number, minColumnLabelWidth?: number): number;
-    static 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;
-    private static createHighlightCallback;
-}
+/** @packageDocumentation
+ * @module Properties
+ */
+import * as React from "react";
+import { PropertyRecord } from "@itwin/appui-abstract";
+import { Orientation } from "@itwin/core-react";
+import { HighlightingComponentProps } from "../../common/HighlightingComponentProps";
+import { PropertyValueRendererManager } from "../ValueRendererManager";
+/**
+ * @internal
+ */
+export declare class CommonPropertyRenderer {
+    static getLabelOffset(indentation?: number, orientation?: Orientation, width?: number, columnRatio?: number, minColumnLabelWidth?: number): number;
+    static 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;
+    private static createHighlightCallback;
+}
 //# sourceMappingURL=CommonPropertyRenderer.d.ts.map

package/lib/esm/components-react/properties/renderers/CommonPropertyRenderer.js

@@ -1,70 +1,69 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Properties
- */
-import * as React from "react";
-import { Orientation } from "@itwin/core-react";
-import { countMatchesInString } from "../../common/countMatchesInString";
-import { HighlightedText } from "../../common/HighlightedText";
-import { PropertyContainerType, PropertyValueRendererManager } from "../ValueRendererManager";
-/**
- * @internal
- */
-export class CommonPropertyRenderer {
-    static getLabelOffset(indentation, orientation, width, columnRatio, minColumnLabelWidth) {
-        if (!indentation)
-            return 0;
-        const maxIndent = 17;
-        const minIndent = 6;
-        if (orientation !== Orientation.Horizontal || !width || !columnRatio || !minColumnLabelWidth)
-            return indentation * maxIndent;
-        const currentSize = Math.ceil(width * columnRatio);
-        const shrinkThreshold = minColumnLabelWidth + (maxIndent * indentation);
-        if (currentSize >= shrinkThreshold)
-            return indentation * maxIndent;
-        const minShrink = minColumnLabelWidth + minIndent + (maxIndent * (indentation - 1));
-        if (currentSize <= minShrink)
-            return minIndent + this.getLabelOffset(indentation - 1, orientation, width, columnRatio, minColumnLabelWidth);
-        return currentSize - minColumnLabelWidth;
-    }
-    static createNewDisplayValue(orientation, propertyRecord, indentation, propertyValueRendererManager, isExpanded, onExpansionToggled, onHeightChanged, highlight) {
-        const highlightCallback = (highlight === null || highlight === void 0 ? void 0 : highlight.applyOnValue) ? (CommonPropertyRenderer.createHighlightCallback(highlight, propertyRecord)) : undefined;
-        const rendererContext = {
-            orientation,
-            containerType: PropertyContainerType.PropertyPane,
-            isExpanded,
-            onExpansionToggled,
-            onHeightChanged,
-            textHighlighter: highlightCallback,
-        };
-        let displayValue;
-        if (propertyValueRendererManager)
-            displayValue = propertyValueRendererManager.render(propertyRecord, rendererContext);
-        else
-            displayValue = PropertyValueRendererManager.defaultManager.render(propertyRecord, rendererContext);
-        // Align value with label if orientation is vertical
-        if (orientation === Orientation.Vertical)
-            displayValue = React.createElement("span", { style: { paddingLeft: CommonPropertyRenderer.getLabelOffset(indentation, orientation) } }, displayValue);
-        return displayValue;
-    }
-    static createHighlightCallback(highlight, propertyRecord) {
-        var _a;
-        const activeMatch = highlight.activeHighlight;
-        const propertyName = activeMatch === null || activeMatch === void 0 ? void 0 : activeMatch.highlightedItemIdentifier;
-        const matchIndex = (_a = activeMatch === null || activeMatch === void 0 ? void 0 : activeMatch.highlightIndex) !== null && _a !== void 0 ? _a : 0;
-        let labelMatches;
-        if (highlight.applyOnLabel) {
-            labelMatches = countMatchesInString(propertyRecord.property.displayLabel.toLowerCase(), highlight.highlightedText);
-        }
-        else {
-            labelMatches = 0;
-        }
-        const activeMatchIndex = (propertyRecord.property.name === propertyName) && ((matchIndex - labelMatches) >= 0) ? (matchIndex - labelMatches) : undefined;
-        const highlightCallback = (text) => (React.createElement(HighlightedText, { text: text, activeMatchIndex: activeMatchIndex, searchText: highlight.highlightedText }));
-        return highlightCallback;
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Properties
+ */
+import * as React from "react";
+import { Orientation } from "@itwin/core-react";
+import { countMatchesInString } from "../../common/countMatchesInString";
+import { HighlightedText } from "../../common/HighlightedText";
+import { PropertyContainerType, PropertyValueRendererManager } from "../ValueRendererManager";
+/**
+ * @internal
+ */
+export class CommonPropertyRenderer {
+    static getLabelOffset(indentation, orientation, width, columnRatio, minColumnLabelWidth) {
+        if (!indentation)
+            return 0;
+        const maxIndent = 17;
+        const minIndent = 6;
+        if (orientation !== Orientation.Horizontal || !width || !columnRatio || !minColumnLabelWidth)
+            return indentation * maxIndent;
+        const currentSize = Math.ceil(width * columnRatio);
+        const shrinkThreshold = minColumnLabelWidth + (maxIndent * indentation);
+        if (currentSize >= shrinkThreshold)
+            return indentation * maxIndent;
+        const minShrink = minColumnLabelWidth + minIndent + (maxIndent * (indentation - 1));
+        if (currentSize <= minShrink)
+            return minIndent + this.getLabelOffset(indentation - 1, orientation, width, columnRatio, minColumnLabelWidth);
+        return currentSize - minColumnLabelWidth;
+    }
+    static createNewDisplayValue(orientation, propertyRecord, indentation, propertyValueRendererManager, isExpanded, onExpansionToggled, onHeightChanged, highlight) {
+        const highlightCallback = highlight?.applyOnValue ? (CommonPropertyRenderer.createHighlightCallback(highlight, propertyRecord)) : undefined;
+        const rendererContext = {
+            orientation,
+            containerType: PropertyContainerType.PropertyPane,
+            isExpanded,
+            onExpansionToggled,
+            onHeightChanged,
+            textHighlighter: highlightCallback,
+        };
+        let displayValue;
+        if (propertyValueRendererManager)
+            displayValue = propertyValueRendererManager.render(propertyRecord, rendererContext);
+        else
+            displayValue = PropertyValueRendererManager.defaultManager.render(propertyRecord, rendererContext);
+        // Align value with label if orientation is vertical
+        if (orientation === Orientation.Vertical)
+            displayValue = React.createElement("span", { style: { paddingLeft: CommonPropertyRenderer.getLabelOffset(indentation, orientation) } }, displayValue);
+        return displayValue;
+    }
+    static createHighlightCallback(highlight, propertyRecord) {
+        const activeMatch = highlight.activeHighlight;
+        const propertyName = activeMatch?.highlightedItemIdentifier;
+        const matchIndex = activeMatch?.highlightIndex ?? 0;
+        let labelMatches;
+        if (highlight.applyOnLabel) {
+            labelMatches = countMatchesInString(propertyRecord.property.displayLabel.toLowerCase(), highlight.highlightedText);
+        }
+        else {
+            labelMatches = 0;
+        }
+        const activeMatchIndex = (propertyRecord.property.name === propertyName) && ((matchIndex - labelMatches) >= 0) ? (matchIndex - labelMatches) : undefined;
+        const highlightCallback = (text) => (React.createElement(HighlightedText, { text: text, activeMatchIndex: activeMatchIndex, searchText: highlight.highlightedText }));
+        return highlightCallback;
+    }
+}
 //# sourceMappingURL=CommonPropertyRenderer.js.map

package/lib/esm/components-react/properties/renderers/CommonPropertyRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommonPropertyRenderer.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/CommonPropertyRenderer.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Properties\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { PropertyRecord } from \"@itwin/appui-abstract\";\r\nimport { Orientation } from \"@itwin/core-react\";\r\nimport { countMatchesInString } from \"../../common/countMatchesInString\";\r\nimport { HighlightedText } from \"../../common/HighlightedText\";\r\nimport { HighlightingComponentProps } from \"../../common/HighlightingComponentProps\";\r\nimport { PropertyContainerType, PropertyValueRendererContext, PropertyValueRendererManager } from \"../ValueRendererManager\";\r\n\r\n/**\r\n * @internal\r\n */\r\nexport class CommonPropertyRenderer {\r\n  public static getLabelOffset(indentation?: number, orientation?: Orientation, width?: number, columnRatio?: number, minColumnLabelWidth?: number): number {\r\n    if (!indentation)\r\n      return 0;\r\n\r\n    const maxIndent = 17;\r\n    const minIndent = 6;\r\n    if (orientation !== Orientation.Horizontal || !width || !columnRatio || !minColumnLabelWidth)\r\n      return indentation * maxIndent;\r\n\r\n    const currentSize = Math.ceil(width * columnRatio);\r\n    const shrinkThreshold = minColumnLabelWidth + (maxIndent * indentation);\r\n    if (currentSize >= shrinkThreshold)\r\n      return indentation * maxIndent;\r\n\r\n    const minShrink = minColumnLabelWidth + minIndent + (maxIndent * (indentation - 1));\r\n    if (currentSize <= minShrink)\r\n      return minIndent + this.getLabelOffset(indentation - 1, orientation, width, columnRatio, minColumnLabelWidth);\r\n\r\n    return currentSize - minColumnLabelWidth;\r\n  }\r\n\r\n  public static createNewDisplayValue(\r\n    orientation: Orientation,\r\n    propertyRecord: PropertyRecord,\r\n    indentation?: number,\r\n    propertyValueRendererManager?: PropertyValueRendererManager,\r\n    isExpanded?: boolean,\r\n    onExpansionToggled?: () => void,\r\n    onHeightChanged?: (newHeight: number) => void,\r\n    highlight?: HighlightingComponentProps & { applyOnLabel: boolean, applyOnValue: boolean }\r\n  ) {\r\n    const highlightCallback = highlight?.applyOnValue ? (CommonPropertyRenderer.createHighlightCallback(highlight, propertyRecord)) : undefined;\r\n    const rendererContext: PropertyValueRendererContext = {\r\n      orientation,\r\n      containerType: PropertyContainerType.PropertyPane,\r\n      isExpanded,\r\n      onExpansionToggled,\r\n      onHeightChanged,\r\n      textHighlighter: highlightCallback,\r\n    };\r\n\r\n    let displayValue: React.ReactNode | undefined;\r\n    if (propertyValueRendererManager)\r\n      displayValue = propertyValueRendererManager.render(propertyRecord, rendererContext);\r\n    else\r\n      displayValue = PropertyValueRendererManager.defaultManager.render(propertyRecord, rendererContext);\r\n\r\n    // Align value with label if orientation is vertical\r\n    if (orientation === Orientation.Vertical)\r\n      displayValue = <span style={{ paddingLeft: CommonPropertyRenderer.getLabelOffset(indentation, orientation) }}>{displayValue}</span>;\r\n\r\n    return displayValue;\r\n  }\r\n\r\n  private static createHighlightCallback(highlight: HighlightingComponentProps & { applyOnLabel: boolean }, propertyRecord: PropertyRecord) {\r\n    const activeMatch = highlight.activeHighlight;\r\n    const propertyName = activeMatch?.highlightedItemIdentifier;\r\n    const matchIndex = activeMatch?.highlightIndex ?? 0;\r\n    let labelMatches: number;\r\n\r\n    if (highlight.applyOnLabel) {\r\n      labelMatches = countMatchesInString(propertyRecord.property.displayLabel.toLowerCase(), highlight.highlightedText);\r\n    } else {\r\n      labelMatches = 0;\r\n    }\r\n\r\n    const activeMatchIndex = (propertyRecord.property.name === propertyName) && ((matchIndex - labelMatches) >= 0) ? (matchIndex - labelMatches) : undefined;\r\n    const highlightCallback = (text: string) => (<HighlightedText text={text} activeMatchIndex={activeMatchIndex} searchText={highlight.highlightedText} />);\r\n\r\n    return highlightCallback;\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"CommonPropertyRenderer.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/CommonPropertyRenderer.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Properties\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { PropertyRecord } from \"@itwin/appui-abstract\";\r\nimport { Orientation } from \"@itwin/core-react\";\r\nimport { countMatchesInString } from \"../../common/countMatchesInString\";\r\nimport { HighlightedText } from \"../../common/HighlightedText\";\r\nimport { HighlightingComponentProps } from \"../../common/HighlightingComponentProps\";\r\nimport { PropertyContainerType, PropertyValueRendererContext, PropertyValueRendererManager } from \"../ValueRendererManager\";\r\n\r\n/**\r\n * @internal\r\n */\r\nexport class CommonPropertyRenderer {\r\n  public static getLabelOffset(indentation?: number, orientation?: Orientation, width?: number, columnRatio?: number, minColumnLabelWidth?: number): number {\r\n    if (!indentation)\r\n      return 0;\r\n\r\n    const maxIndent = 17;\r\n    const minIndent = 6;\r\n    if (orientation !== Orientation.Horizontal || !width || !columnRatio || !minColumnLabelWidth)\r\n      return indentation * maxIndent;\r\n\r\n    const currentSize = Math.ceil(width * columnRatio);\r\n    const shrinkThreshold = minColumnLabelWidth + (maxIndent * indentation);\r\n    if (currentSize >= shrinkThreshold)\r\n      return indentation * maxIndent;\r\n\r\n    const minShrink = minColumnLabelWidth + minIndent + (maxIndent * (indentation - 1));\r\n    if (currentSize <= minShrink)\r\n      return minIndent + this.getLabelOffset(indentation - 1, orientation, width, columnRatio, minColumnLabelWidth);\r\n\r\n    return currentSize - minColumnLabelWidth;\r\n  }\r\n\r\n  public static createNewDisplayValue(\r\n    orientation: Orientation,\r\n    propertyRecord: PropertyRecord,\r\n    indentation?: number,\r\n    propertyValueRendererManager?: PropertyValueRendererManager,\r\n    isExpanded?: boolean,\r\n    onExpansionToggled?: () => void,\r\n    onHeightChanged?: (newHeight: number) => void,\r\n    highlight?: HighlightingComponentProps & { applyOnLabel: boolean, applyOnValue: boolean }\r\n  ) {\r\n    const highlightCallback = highlight?.applyOnValue ? (CommonPropertyRenderer.createHighlightCallback(highlight, propertyRecord)) : undefined;\r\n    const rendererContext: PropertyValueRendererContext = {\r\n      orientation,\r\n      containerType: PropertyContainerType.PropertyPane,\r\n      isExpanded,\r\n      onExpansionToggled,\r\n      onHeightChanged,\r\n      textHighlighter: highlightCallback,\r\n    };\r\n\r\n    let displayValue: React.ReactNode | undefined;\r\n    if (propertyValueRendererManager)\r\n      displayValue = propertyValueRendererManager.render(propertyRecord, rendererContext);\r\n    else\r\n      displayValue = PropertyValueRendererManager.defaultManager.render(propertyRecord, rendererContext);\r\n\r\n    // Align value with label if orientation is vertical\r\n    if (orientation === Orientation.Vertical)\r\n      displayValue = <span style={{ paddingLeft: CommonPropertyRenderer.getLabelOffset(indentation, orientation) }}>{displayValue}</span>;\r\n\r\n    return displayValue;\r\n  }\r\n\r\n  private static createHighlightCallback(highlight: HighlightingComponentProps & { applyOnLabel: boolean }, propertyRecord: PropertyRecord) {\r\n    const activeMatch = highlight.activeHighlight;\r\n    const propertyName = activeMatch?.highlightedItemIdentifier;\r\n    const matchIndex = activeMatch?.highlightIndex ?? 0;\r\n    let labelMatches: number;\r\n\r\n    if (highlight.applyOnLabel) {\r\n      labelMatches = countMatchesInString(propertyRecord.property.displayLabel.toLowerCase(), highlight.highlightedText);\r\n    } else {\r\n      labelMatches = 0;\r\n    }\r\n\r\n    const activeMatchIndex = (propertyRecord.property.name === propertyName) && ((matchIndex - labelMatches) >= 0) ? (matchIndex - labelMatches) : undefined;\r\n    const highlightCallback = (text: string) => (<HighlightedText text={text} activeMatchIndex={activeMatchIndex} searchText={highlight.highlightedText} />);\r\n\r\n    return highlightCallback;\r\n  }\r\n}\r\n"]}