@itwin/components-react 3.6.0-dev.36 → 3.6.0-dev.40

package/lib/cjs/components-react/properties/ValueRendererManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValueRendererManager.js","sourceRoot":"","sources":["../../../../src/components-react/properties/ValueRendererManager.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 Properties\n */\n\nimport * as React from \"react\";\nimport { PropertyRecord, PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { Orientation } from \"@itwin/core-react\";\nimport { ArrayPropertyValueRenderer } from \"./renderers/value/ArrayPropertyValueRenderer\";\nimport { DoublePropertyValueRenderer } from \"./renderers/value/DoublePropertyValueRenderer\";\nimport { MergedPropertyValueRenderer } from \"./renderers/value/MergedPropertyValueRenderer\";\nimport { MultilineTextPropertyValueRenderer } from \"./renderers/value/MultilineTextPropertyValueRenderer\";\nimport { NavigationPropertyValueRenderer } from \"./renderers/value/NavigationPropertyValueRenderer\";\nimport { PrimitivePropertyValueRenderer } from \"./renderers/value/PrimitivePropertyValueRenderer\";\nimport { StructPropertyValueRenderer } from \"./renderers/value/StructPropertyValueRenderer\";\nimport { UrlPropertyValueRenderer } from \"./renderers/value/UrlPropertyValueRenderer\";\n\n/** Types of property containers\n * @public\n */\nexport enum PropertyContainerType {\n  PropertyPane = \"pane\",\n  Table = \"table\",\n  Tree = \"tree\",\n}\n\n/** State of the Dialog component in a container which renders properties\n * @public\n */\nexport interface PropertyDialogState {\n  title: string;\n  content: React.ReactNode;\n}\n\n/** State of the Popup component in a container which renders properties\n * @public\n */\nexport interface PropertyPopupState {\n  fixedPosition: { top: number, left: number };\n  content: React.ReactNode;\n}\n\n/** Additional parameters to the renderer\n * @public\n */\nexport interface PropertyValueRendererContext {\n  /** Type of container that holds the property */\n  containerType?: string;\n  /** Style that should be applied to the rendered element */\n  style?: React.CSSProperties;\n  /** Orientation of property/container */\n  orientation?: Orientation;\n  /** Callback to request for a Popup to be shown. */\n  onPopupShow?: (popupState: PropertyPopupState) => void;\n  /** Callback to request for a Popup to be hidden. */\n  onPopupHide?: () => void;\n  /** Callback to request for Dialog to be opened. */\n  onDialogOpen?: (dialogState: PropertyDialogState) => void;\n  /** Callback to highlight text */\n  textHighlighter?: (text: string) => React.ReactNode;\n  /** Default value to show if value rendering is asynchronous */\n  defaultValue?: React.ReactNode;\n  /** Whether property value is expanded. */\n  isExpanded?: boolean;\n  /** Called when property value expansion or collapse is requested. */\n  onExpansionToggled?: () => void;\n  /** Called when property value element height changes. */\n  onHeightChanged?: (newHeight: number) => void;\n}\n\n/** Custom property value renderer interface\n * @public\n */\nexport interface IPropertyValueRenderer {\n  /** Checks if the renderer can handle given property */\n  canRender: (record: PropertyRecord, context?: PropertyValueRendererContext) => boolean;\n  /** Method that returns a JSX representation of PropertyRecord */\n  render: (record: PropertyRecord, context?: PropertyValueRendererContext) => React.ReactNode;\n}\n\n/** Default implementation of property value renderer manager\n * @public\n */\nexport class PropertyValueRendererManager {\n  private static _defaultRendererManager: PropertyValueRendererManager;\n\n  protected _propertyRenderers: Map<string, IPropertyValueRenderer> = new Map<string, IPropertyValueRenderer>();\n  protected _defaultPrimitiveValueRenderer: IPropertyValueRenderer = new PrimitivePropertyValueRenderer();\n  protected _defaultArrayValueRenderer: IPropertyValueRenderer = new ArrayPropertyValueRenderer();\n  protected _defaultStructValueRenderer: IPropertyValueRenderer = new StructPropertyValueRenderer();\n  protected _defaultMergedValueRenderer: IPropertyValueRenderer = new MergedPropertyValueRenderer();\n\n  private selectRenderer(record: PropertyRecord) {\n    if (record.property.renderer && this._propertyRenderers.has(record.property.renderer.name))\n      return this._propertyRenderers.get(record.property.renderer.name);\n\n    if (this._defaultMergedValueRenderer.canRender(record))\n      return this._defaultMergedValueRenderer;\n\n    if (this._propertyRenderers.has(record.property.typename))\n      return this._propertyRenderers.get(record.property.typename)!;\n\n    // Use one of default renderers\n    switch (record.value.valueFormat) {\n      case PropertyValueFormat.Primitive:\n        return this._defaultPrimitiveValueRenderer;\n      case PropertyValueFormat.Array:\n        return this._defaultArrayValueRenderer;\n      case PropertyValueFormat.Struct:\n        return this._defaultStructValueRenderer;\n      default:\n        return undefined;\n    }\n  }\n\n  /** Render property into JSX element */\n  public render(record: PropertyRecord, context?: PropertyValueRendererContext): React.ReactNode {\n    const selectedRenderer = this.selectRenderer(record);\n\n    if (!selectedRenderer || !selectedRenderer.canRender(record, context))\n      return undefined;\n\n    return selectedRenderer.render(record, context);\n  }\n\n  /** Register a specified property type renderer */\n  public registerRenderer(rendererType: string, propertyRenderer: IPropertyValueRenderer, overwrite = false) {\n    if (!overwrite && this._propertyRenderers.has(rendererType)) {\n      throw Error(`PropertyValueRendererManager.registerRenderer error: type '${rendererType}' already registered to '${propertyRenderer.constructor.name}'`);\n    }\n\n    this._propertyRenderers.set(rendererType, propertyRenderer);\n  }\n\n  /** Unregister a specified property type renderer */\n  public unregisterRenderer(rendererType: string) {\n    this._propertyRenderers.delete(rendererType);\n  }\n\n  /** Get the specified property type renderer instance */\n  public getRegisteredRenderer(rendererType: string) {\n    return this._propertyRenderers.get(rendererType);\n  }\n\n  /** Returns default PropertyValueRendererManager instance */\n  public static get defaultManager() {\n    if (!this._defaultRendererManager)\n      this._defaultRendererManager = new PropertyValueRendererManager();\n\n    return this._defaultRendererManager;\n  }\n}\n\nPropertyValueRendererManager.defaultManager.registerRenderer(\"navigation\", new NavigationPropertyValueRenderer());\nPropertyValueRendererManager.defaultManager.registerRenderer(\"url\", new UrlPropertyValueRenderer());\nPropertyValueRendererManager.defaultManager.registerRenderer(\"double\", new DoublePropertyValueRenderer());\nPropertyValueRendererManager.defaultManager.registerRenderer(\"multiline\", new MultilineTextPropertyValueRenderer());\n"]}
+{"version":3,"file":"ValueRendererManager.js","sourceRoot":"","sources":["../../../../src/components-react/properties/ValueRendererManager.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, PropertyValueFormat } from \"@itwin/appui-abstract\";\r\nimport { Orientation } from \"@itwin/core-react\";\r\nimport { ArrayPropertyValueRenderer } from \"./renderers/value/ArrayPropertyValueRenderer\";\r\nimport { DoublePropertyValueRenderer } from \"./renderers/value/DoublePropertyValueRenderer\";\r\nimport { MergedPropertyValueRenderer } from \"./renderers/value/MergedPropertyValueRenderer\";\r\nimport { MultilineTextPropertyValueRenderer } from \"./renderers/value/MultilineTextPropertyValueRenderer\";\r\nimport { NavigationPropertyValueRenderer } from \"./renderers/value/NavigationPropertyValueRenderer\";\r\nimport { PrimitivePropertyValueRenderer } from \"./renderers/value/PrimitivePropertyValueRenderer\";\r\nimport { StructPropertyValueRenderer } from \"./renderers/value/StructPropertyValueRenderer\";\r\nimport { UrlPropertyValueRenderer } from \"./renderers/value/UrlPropertyValueRenderer\";\r\n\r\n/** Types of property containers\r\n * @public\r\n */\r\nexport enum PropertyContainerType {\r\n  PropertyPane = \"pane\",\r\n  Table = \"table\",\r\n  Tree = \"tree\",\r\n}\r\n\r\n/** State of the Dialog component in a container which renders properties\r\n * @public\r\n */\r\nexport interface PropertyDialogState {\r\n  title: string;\r\n  content: React.ReactNode;\r\n}\r\n\r\n/** State of the Popup component in a container which renders properties\r\n * @public\r\n */\r\nexport interface PropertyPopupState {\r\n  fixedPosition: { top: number, left: number };\r\n  content: React.ReactNode;\r\n}\r\n\r\n/** Additional parameters to the renderer\r\n * @public\r\n */\r\nexport interface PropertyValueRendererContext {\r\n  /** Type of container that holds the property */\r\n  containerType?: string;\r\n  /** Style that should be applied to the rendered element */\r\n  style?: React.CSSProperties;\r\n  /** Orientation of property/container */\r\n  orientation?: Orientation;\r\n  /** Callback to request for a Popup to be shown. */\r\n  onPopupShow?: (popupState: PropertyPopupState) => void;\r\n  /** Callback to request for a Popup to be hidden. */\r\n  onPopupHide?: () => void;\r\n  /** Callback to request for Dialog to be opened. */\r\n  onDialogOpen?: (dialogState: PropertyDialogState) => void;\r\n  /** Callback to highlight text */\r\n  textHighlighter?: (text: string) => React.ReactNode;\r\n  /** Default value to show if value rendering is asynchronous */\r\n  defaultValue?: React.ReactNode;\r\n  /** Whether property value is expanded. */\r\n  isExpanded?: boolean;\r\n  /** Called when property value expansion or collapse is requested. */\r\n  onExpansionToggled?: () => void;\r\n  /** Called when property value element height changes. */\r\n  onHeightChanged?: (newHeight: number) => void;\r\n}\r\n\r\n/** Custom property value renderer interface\r\n * @public\r\n */\r\nexport interface IPropertyValueRenderer {\r\n  /** Checks if the renderer can handle given property */\r\n  canRender: (record: PropertyRecord, context?: PropertyValueRendererContext) => boolean;\r\n  /** Method that returns a JSX representation of PropertyRecord */\r\n  render: (record: PropertyRecord, context?: PropertyValueRendererContext) => React.ReactNode;\r\n}\r\n\r\n/** Default implementation of property value renderer manager\r\n * @public\r\n */\r\nexport class PropertyValueRendererManager {\r\n  private static _defaultRendererManager: PropertyValueRendererManager;\r\n\r\n  protected _propertyRenderers: Map<string, IPropertyValueRenderer> = new Map<string, IPropertyValueRenderer>();\r\n  protected _defaultPrimitiveValueRenderer: IPropertyValueRenderer = new PrimitivePropertyValueRenderer();\r\n  protected _defaultArrayValueRenderer: IPropertyValueRenderer = new ArrayPropertyValueRenderer();\r\n  protected _defaultStructValueRenderer: IPropertyValueRenderer = new StructPropertyValueRenderer();\r\n  protected _defaultMergedValueRenderer: IPropertyValueRenderer = new MergedPropertyValueRenderer();\r\n\r\n  private selectRenderer(record: PropertyRecord) {\r\n    if (record.property.renderer && this._propertyRenderers.has(record.property.renderer.name))\r\n      return this._propertyRenderers.get(record.property.renderer.name);\r\n\r\n    if (this._defaultMergedValueRenderer.canRender(record))\r\n      return this._defaultMergedValueRenderer;\r\n\r\n    if (this._propertyRenderers.has(record.property.typename))\r\n      return this._propertyRenderers.get(record.property.typename)!;\r\n\r\n    // Use one of default renderers\r\n    switch (record.value.valueFormat) {\r\n      case PropertyValueFormat.Primitive:\r\n        return this._defaultPrimitiveValueRenderer;\r\n      case PropertyValueFormat.Array:\r\n        return this._defaultArrayValueRenderer;\r\n      case PropertyValueFormat.Struct:\r\n        return this._defaultStructValueRenderer;\r\n      default:\r\n        return undefined;\r\n    }\r\n  }\r\n\r\n  /** Render property into JSX element */\r\n  public render(record: PropertyRecord, context?: PropertyValueRendererContext): React.ReactNode {\r\n    const selectedRenderer = this.selectRenderer(record);\r\n\r\n    if (!selectedRenderer || !selectedRenderer.canRender(record, context))\r\n      return undefined;\r\n\r\n    return selectedRenderer.render(record, context);\r\n  }\r\n\r\n  /** Register a specified property type renderer */\r\n  public registerRenderer(rendererType: string, propertyRenderer: IPropertyValueRenderer, overwrite = false) {\r\n    if (!overwrite && this._propertyRenderers.has(rendererType)) {\r\n      throw Error(`PropertyValueRendererManager.registerRenderer error: type '${rendererType}' already registered to '${propertyRenderer.constructor.name}'`);\r\n    }\r\n\r\n    this._propertyRenderers.set(rendererType, propertyRenderer);\r\n  }\r\n\r\n  /** Unregister a specified property type renderer */\r\n  public unregisterRenderer(rendererType: string) {\r\n    this._propertyRenderers.delete(rendererType);\r\n  }\r\n\r\n  /** Get the specified property type renderer instance */\r\n  public getRegisteredRenderer(rendererType: string) {\r\n    return this._propertyRenderers.get(rendererType);\r\n  }\r\n\r\n  /** Returns default PropertyValueRendererManager instance */\r\n  public static get defaultManager() {\r\n    if (!this._defaultRendererManager)\r\n      this._defaultRendererManager = new PropertyValueRendererManager();\r\n\r\n    return this._defaultRendererManager;\r\n  }\r\n}\r\n\r\nPropertyValueRendererManager.defaultManager.registerRenderer(\"navigation\", new NavigationPropertyValueRenderer());\r\nPropertyValueRendererManager.defaultManager.registerRenderer(\"url\", new UrlPropertyValueRenderer());\r\nPropertyValueRendererManager.defaultManager.registerRenderer(\"double\", new DoublePropertyValueRenderer());\r\nPropertyValueRendererManager.defaultManager.registerRenderer(\"multiline\", new MultilineTextPropertyValueRenderer());\r\n"]}

package/lib/cjs/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/cjs/components-react/properties/renderers/ActionButtonList.js

@@ -1,57 +1,57 @@
-"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 Properties
- */
-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.ActionButtonList = void 0;
-require("./ActionButtonList.scss");
-const React = __importStar(require("react"));
-const core_react_1 = require("@itwin/core-react");
-/** ActionButtonList React component.
- * @public
- */
-class ActionButtonList extends React.PureComponent {
-    getClassName(orientation) {
-        return orientation === core_react_1.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,
-            } }))));
-    }
-}
-exports.ActionButtonList = ActionButtonList;
-function ActionButtonContainer(props) {
-    const actionButton = props.renderer(props.rendererProps);
-    if (!actionButton)
-        return null;
-    return (React.createElement("div", { className: "components-action-button-container" }, actionButton));
-}
+"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 Properties
+ */
+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.ActionButtonList = void 0;
+require("./ActionButtonList.scss");
+const React = __importStar(require("react"));
+const core_react_1 = require("@itwin/core-react");
+/** ActionButtonList React component.
+ * @public
+ */
+class ActionButtonList extends React.PureComponent {
+    getClassName(orientation) {
+        return orientation === core_react_1.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,
+            } }))));
+    }
+}
+exports.ActionButtonList = ActionButtonList;
+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/cjs/components-react/properties/renderers/ActionButtonList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButtonList.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/ActionButtonList.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;AAEH,mCAAiC;AACjC,6CAA+B;AAE/B,kDAAgD;AAiBhD;;GAEG;AACH,MAAa,gBAAiB,SAAQ,KAAK,CAAC,aAAoC;IACtE,YAAY,CAAC,WAAwB;QAC3C,OAAO,WAAW,KAAK,wBAAW,CAAC,UAAU;YAC3C,CAAC,CAAC,oDAAoD;YACtD,CAAC,CAAC,kDAAkD,CAAC;IACzD,CAAC;IAED,gBAAgB;IACA,MAAM;QACpB,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IACtD,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CACxD,oBAAC,qBAAqB,IACpB,GAAG,EAAE,KAAK,EACV,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE;gBACb,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ;gBAC7B,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,iBAAiB;aAChD,GACD,CACH,CACG,CACP,CAAC;IACJ,CAAC;CACF;AAxBD,4CAwBC;AAOD,SAAS,qBAAqB,CAAC,KAAiC;IAC9D,MAAM,YAAY,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IACzD,IAAI,CAAC,YAAY;QACf,OAAO,IAAI,CAAC;IAEd,OAAO,CACL,6BAAK,SAAS,EAAC,oCAAoC,IAChD,YAAY,CACT,CACP,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Properties\n */\n\nimport \"./ActionButtonList.scss\";\nimport * as React from \"react\";\nimport { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { Orientation } from \"@itwin/core-react\";\nimport { ActionButtonRenderer, ActionButtonRendererProps } from \"./ActionButtonRenderer\";\n\n/** Properties of [[ActionButtonList]] React component\n * @public\n */\nexport interface ActionButtonListProps {\n  /** Orientation to use for displaying the action buttons */\n  orientation: Orientation;\n  /** Property that action buttons belong to */\n  property: PropertyRecord;\n  /** Array of action button renderers */\n  actionButtonRenderers: ActionButtonRenderer[];\n  /** Indicated whether a property is hovered  */\n  isPropertyHovered?: boolean;\n}\n\n/** ActionButtonList React component.\n * @public\n */\nexport class ActionButtonList extends React.PureComponent<ActionButtonListProps> {\n  private getClassName(orientation: Orientation) {\n    return orientation === Orientation.Horizontal\n      ? \"components-property-action-button-list--horizontal\"\n      : \"components-property-action-button-list--vertical\";\n  }\n\n  /** @internal */\n  public override render() {\n    return (\n      <div className={this.getClassName(this.props.orientation)}>\n        {this.props.actionButtonRenderers.map((renderer, index) =>\n          <ActionButtonContainer\n            key={index}\n            renderer={renderer}\n            rendererProps={{\n              property: this.props.property,\n              isPropertyHovered: this.props.isPropertyHovered,\n            }}\n          />,\n        )}\n      </div>\n    );\n  }\n}\n\ninterface ActionButtonContainerProps {\n  renderer: ActionButtonRenderer;\n  rendererProps: ActionButtonRendererProps;\n}\n\nfunction ActionButtonContainer(props: ActionButtonContainerProps) {\n  const actionButton = props.renderer(props.rendererProps);\n  if (!actionButton)\n    return null;\n\n  return (\n    <div className=\"components-action-button-container\">\n      {actionButton}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"ActionButtonList.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/ActionButtonList.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;AAEH,mCAAiC;AACjC,6CAA+B;AAE/B,kDAAgD;AAiBhD;;GAEG;AACH,MAAa,gBAAiB,SAAQ,KAAK,CAAC,aAAoC;IACtE,YAAY,CAAC,WAAwB;QAC3C,OAAO,WAAW,KAAK,wBAAW,CAAC,UAAU;YAC3C,CAAC,CAAC,oDAAoD;YACtD,CAAC,CAAC,kDAAkD,CAAC;IACzD,CAAC;IAED,gBAAgB;IACA,MAAM;QACpB,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IACtD,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CACxD,oBAAC,qBAAqB,IACpB,GAAG,EAAE,KAAK,EACV,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE;gBACb,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ;gBAC7B,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,iBAAiB;aAChD,GACD,CACH,CACG,CACP,CAAC;IACJ,CAAC;CACF;AAxBD,4CAwBC;AAOD,SAAS,qBAAqB,CAAC,KAAiC;IAC9D,MAAM,YAAY,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IACzD,IAAI,CAAC,YAAY;QACf,OAAO,IAAI,CAAC;IAEd,OAAO,CACL,6BAAK,SAAS,EAAC,oCAAoC,IAChD,YAAY,CACT,CACP,CAAC;AACJ,CAAC","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 \"./ActionButtonList.scss\";\r\nimport * as React from \"react\";\r\nimport { PropertyRecord } from \"@itwin/appui-abstract\";\r\nimport { Orientation } from \"@itwin/core-react\";\r\nimport { ActionButtonRenderer, ActionButtonRendererProps } from \"./ActionButtonRenderer\";\r\n\r\n/** Properties of [[ActionButtonList]] React component\r\n * @public\r\n */\r\nexport interface ActionButtonListProps {\r\n  /** Orientation to use for displaying the action buttons */\r\n  orientation: Orientation;\r\n  /** Property that action buttons belong to */\r\n  property: PropertyRecord;\r\n  /** Array of action button renderers */\r\n  actionButtonRenderers: ActionButtonRenderer[];\r\n  /** Indicated whether a property is hovered  */\r\n  isPropertyHovered?: boolean;\r\n}\r\n\r\n/** ActionButtonList React component.\r\n * @public\r\n */\r\nexport class ActionButtonList extends React.PureComponent<ActionButtonListProps> {\r\n  private getClassName(orientation: Orientation) {\r\n    return orientation === Orientation.Horizontal\r\n      ? \"components-property-action-button-list--horizontal\"\r\n      : \"components-property-action-button-list--vertical\";\r\n  }\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    return (\r\n      <div className={this.getClassName(this.props.orientation)}>\r\n        {this.props.actionButtonRenderers.map((renderer, index) =>\r\n          <ActionButtonContainer\r\n            key={index}\r\n            renderer={renderer}\r\n            rendererProps={{\r\n              property: this.props.property,\r\n              isPropertyHovered: this.props.isPropertyHovered,\r\n            }}\r\n          />,\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\ninterface ActionButtonContainerProps {\r\n  renderer: ActionButtonRenderer;\r\n  rendererProps: ActionButtonRendererProps;\r\n}\r\n\r\nfunction ActionButtonContainer(props: ActionButtonContainerProps) {\r\n  const actionButton = props.renderer(props.rendererProps);\r\n  if (!actionButton)\r\n    return null;\r\n\r\n  return (\r\n    <div className=\"components-action-button-container\">\r\n      {actionButton}\r\n    </div>\r\n  );\r\n}\r\n"]}

package/lib/cjs/components-react/properties/renderers/ActionButtonList.scss

@@ -1,25 +1,25 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@mixin property-action-button-list {
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-}
-
-.components-property-action-button-list--horizontal {
-  @include property-action-button-list;
-  grid-column: 4;
-}
-
-.components-property-action-button-list--vertical {
-  @include property-action-button-list;
-  grid-column: 2;
-  grid-row-start: 1;
-  grid-row-end: 3;
-}
-
-.components-action-button-container {
-  margin: 0 5px 0 5px;
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@mixin property-action-button-list {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+}
+
+.components-property-action-button-list--horizontal {
+  @include property-action-button-list;
+  grid-column: 4;
+}
+
+.components-property-action-button-list--vertical {
+  @include property-action-button-list;
+  grid-column: 2;
+  grid-row-start: 1;
+  grid-row-end: 3;
+}
+
+.components-action-button-container {
+  margin: 0 5px 0 5px;
+}

package/lib/cjs/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 declare type ActionButtonRenderer = (props: ActionButtonRendererProps) => React.ReactNode;
 //# sourceMappingURL=ActionButtonRenderer.d.ts.map

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

@@ -1,10 +1,10 @@
-"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 Properties
- */
-Object.defineProperty(exports, "__esModule", { value: true });
+"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 Properties
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=ActionButtonRenderer.js.map

package/lib/cjs/components-react/properties/renderers/ActionButtonRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButtonRenderer.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/ActionButtonRenderer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG","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 Properties\n */\n\nimport * as React from \"react\";\nimport { PropertyRecord } from \"@itwin/appui-abstract\";\n\n/** Properties of [[ActionButtonRenderer]]\n * @public\n */\nexport interface ActionButtonRendererProps {\n  /** Property that the action button belongs to */\n  property: PropertyRecord;\n  /** Indicated whether a property is hovered  */\n  isPropertyHovered?: boolean;\n}\n\n/**\n * Renders a React component (usually a button) for a PropertyRecord\n * @public\n */\nexport type ActionButtonRenderer = (props: ActionButtonRendererProps) => React.ReactNode;\n"]}
+{"version":3,"file":"ActionButtonRenderer.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/ActionButtonRenderer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG","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\n\r\n/** Properties of [[ActionButtonRenderer]]\r\n * @public\r\n */\r\nexport interface ActionButtonRendererProps {\r\n  /** Property that the action button belongs to */\r\n  property: PropertyRecord;\r\n  /** Indicated whether a property is hovered  */\r\n  isPropertyHovered?: boolean;\r\n}\r\n\r\n/**\r\n * Renders a React component (usually a button) for a PropertyRecord\r\n * @public\r\n */\r\nexport type ActionButtonRenderer = (props: ActionButtonRendererProps) => React.ReactNode;\r\n"]}

package/lib/cjs/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/cjs/components-react/properties/renderers/CommonPropertyRenderer.js

@@ -1,93 +1,93 @@
-"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 Properties
- */
-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.CommonPropertyRenderer = void 0;
-const React = __importStar(require("react"));
-const core_react_1 = require("@itwin/core-react");
-const countMatchesInString_1 = require("../../common/countMatchesInString");
-const HighlightedText_1 = require("../../common/HighlightedText");
-const ValueRendererManager_1 = require("../ValueRendererManager");
-/**
- * @internal
- */
-class CommonPropertyRenderer {
-    static getLabelOffset(indentation, orientation, width, columnRatio, minColumnLabelWidth) {
-        if (!indentation)
-            return 0;
-        const maxIndent = 17;
-        const minIndent = 6;
-        if (orientation !== core_react_1.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: ValueRendererManager_1.PropertyContainerType.PropertyPane,
-            isExpanded,
-            onExpansionToggled,
-            onHeightChanged,
-            textHighlighter: highlightCallback,
-        };
-        let displayValue;
-        if (propertyValueRendererManager)
-            displayValue = propertyValueRendererManager.render(propertyRecord, rendererContext);
-        else
-            displayValue = ValueRendererManager_1.PropertyValueRendererManager.defaultManager.render(propertyRecord, rendererContext);
-        // Align value with label if orientation is vertical
-        if (orientation === core_react_1.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 = (0, countMatchesInString_1.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_1.HighlightedText, { text: text, activeMatchIndex: activeMatchIndex, searchText: highlight.highlightedText }));
-        return highlightCallback;
-    }
-}
-exports.CommonPropertyRenderer = CommonPropertyRenderer;
+"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 Properties
+ */
+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.CommonPropertyRenderer = void 0;
+const React = __importStar(require("react"));
+const core_react_1 = require("@itwin/core-react");
+const countMatchesInString_1 = require("../../common/countMatchesInString");
+const HighlightedText_1 = require("../../common/HighlightedText");
+const ValueRendererManager_1 = require("../ValueRendererManager");
+/**
+ * @internal
+ */
+class CommonPropertyRenderer {
+    static getLabelOffset(indentation, orientation, width, columnRatio, minColumnLabelWidth) {
+        if (!indentation)
+            return 0;
+        const maxIndent = 17;
+        const minIndent = 6;
+        if (orientation !== core_react_1.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: ValueRendererManager_1.PropertyContainerType.PropertyPane,
+            isExpanded,
+            onExpansionToggled,
+            onHeightChanged,
+            textHighlighter: highlightCallback,
+        };
+        let displayValue;
+        if (propertyValueRendererManager)
+            displayValue = propertyValueRendererManager.render(propertyRecord, rendererContext);
+        else
+            displayValue = ValueRendererManager_1.PropertyValueRendererManager.defaultManager.render(propertyRecord, rendererContext);
+        // Align value with label if orientation is vertical
+        if (orientation === core_react_1.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 = (0, countMatchesInString_1.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_1.HighlightedText, { text: text, activeMatchIndex: activeMatchIndex, searchText: highlight.highlightedText }));
+        return highlightCallback;
+    }
+}
+exports.CommonPropertyRenderer = CommonPropertyRenderer;
 //# sourceMappingURL=CommonPropertyRenderer.js.map