@itwin/components-react 3.4.0-dev.9 → 3.4.1

package/lib/esm/components-react/properties/ValueRendererManager.d.ts

@@ -1,90 +1,90 @@
-/** @packageDocumentation
- * @module Properties
- */
-import * as React from "react";
-import { PropertyRecord } from "@itwin/appui-abstract";
-import { Orientation } from "@itwin/core-react";
-/** Types of property containers
- * @public
- */
-export declare enum PropertyContainerType {
-    PropertyPane = "pane",
-    Table = "table",
-    Tree = "tree"
-}
-/** State of the Dialog component in a container which renders properties
- * @public
- */
-export interface PropertyDialogState {
-    title: string;
-    content: React.ReactNode;
-}
-/** State of the Popup component in a container which renders properties
- * @public
- */
-export interface PropertyPopupState {
-    fixedPosition: {
-        top: number;
-        left: number;
-    };
-    content: React.ReactNode;
-}
-/** Additional parameters to the renderer
- * @public
- */
-export interface PropertyValueRendererContext {
-    /** Type of container that holds the property */
-    containerType?: string;
-    /** Style that should be applied to the rendered element */
-    style?: React.CSSProperties;
-    /** Orientation of property/container */
-    orientation?: Orientation;
-    /** Callback to request for a Popup to be shown. */
-    onPopupShow?: (popupState: PropertyPopupState) => void;
-    /** Callback to request for a Popup to be hidden. */
-    onPopupHide?: () => void;
-    /** Callback to request for Dialog to be opened. */
-    onDialogOpen?: (dialogState: PropertyDialogState) => void;
-    /** Callback to highlight text */
-    textHighlighter?: (text: string) => React.ReactNode;
-    /** Default value to show if value rendering is asynchronous */
-    defaultValue?: React.ReactNode;
-    /** Whether property value is expanded. */
-    isExpanded?: boolean;
-    /** Called when property value expansion or collapse is requested. */
-    onExpansionToggled?: () => void;
-    /** Called when property value element height changes. */
-    onHeightChanged?: (newHeight: number) => void;
-}
-/** Custom property value renderer interface
- * @public
- */
-export interface IPropertyValueRenderer {
-    /** Checks if the renderer can handle given property */
-    canRender: (record: PropertyRecord, context?: PropertyValueRendererContext) => boolean;
-    /** Method that returns a JSX representation of PropertyRecord */
-    render: (record: PropertyRecord, context?: PropertyValueRendererContext) => React.ReactNode;
-}
-/** Default implementation of property value renderer manager
- * @public
- */
-export declare class PropertyValueRendererManager {
-    private static _defaultRendererManager;
-    protected _propertyRenderers: Map<string, IPropertyValueRenderer>;
-    protected _defaultPrimitiveValueRenderer: IPropertyValueRenderer;
-    protected _defaultArrayValueRenderer: IPropertyValueRenderer;
-    protected _defaultStructValueRenderer: IPropertyValueRenderer;
-    protected _defaultMergedValueRenderer: IPropertyValueRenderer;
-    private selectRenderer;
-    /** Render property into JSX element */
-    render(record: PropertyRecord, context?: PropertyValueRendererContext): React.ReactNode;
-    /** Register a specified property type renderer */
-    registerRenderer(rendererType: string, propertyRenderer: IPropertyValueRenderer, overwrite?: boolean): void;
-    /** Unregister a specified property type renderer */
-    unregisterRenderer(rendererType: string): void;
-    /** Get the specified property type renderer instance */
-    getRegisteredRenderer(rendererType: string): IPropertyValueRenderer | undefined;
-    /** Returns default PropertyValueRendererManager instance */
-    static get defaultManager(): PropertyValueRendererManager;
-}
+/** @packageDocumentation
+ * @module Properties
+ */
+import * as React from "react";
+import { PropertyRecord } from "@itwin/appui-abstract";
+import { Orientation } from "@itwin/core-react";
+/** Types of property containers
+ * @public
+ */
+export declare enum PropertyContainerType {
+    PropertyPane = "pane",
+    Table = "table",
+    Tree = "tree"
+}
+/** State of the Dialog component in a container which renders properties
+ * @public
+ */
+export interface PropertyDialogState {
+    title: string;
+    content: React.ReactNode;
+}
+/** State of the Popup component in a container which renders properties
+ * @public
+ */
+export interface PropertyPopupState {
+    fixedPosition: {
+        top: number;
+        left: number;
+    };
+    content: React.ReactNode;
+}
+/** Additional parameters to the renderer
+ * @public
+ */
+export interface PropertyValueRendererContext {
+    /** Type of container that holds the property */
+    containerType?: string;
+    /** Style that should be applied to the rendered element */
+    style?: React.CSSProperties;
+    /** Orientation of property/container */
+    orientation?: Orientation;
+    /** Callback to request for a Popup to be shown. */
+    onPopupShow?: (popupState: PropertyPopupState) => void;
+    /** Callback to request for a Popup to be hidden. */
+    onPopupHide?: () => void;
+    /** Callback to request for Dialog to be opened. */
+    onDialogOpen?: (dialogState: PropertyDialogState) => void;
+    /** Callback to highlight text */
+    textHighlighter?: (text: string) => React.ReactNode;
+    /** Default value to show if value rendering is asynchronous */
+    defaultValue?: React.ReactNode;
+    /** Whether property value is expanded. */
+    isExpanded?: boolean;
+    /** Called when property value expansion or collapse is requested. */
+    onExpansionToggled?: () => void;
+    /** Called when property value element height changes. */
+    onHeightChanged?: (newHeight: number) => void;
+}
+/** Custom property value renderer interface
+ * @public
+ */
+export interface IPropertyValueRenderer {
+    /** Checks if the renderer can handle given property */
+    canRender: (record: PropertyRecord, context?: PropertyValueRendererContext) => boolean;
+    /** Method that returns a JSX representation of PropertyRecord */
+    render: (record: PropertyRecord, context?: PropertyValueRendererContext) => React.ReactNode;
+}
+/** Default implementation of property value renderer manager
+ * @public
+ */
+export declare class PropertyValueRendererManager {
+    private static _defaultRendererManager;
+    protected _propertyRenderers: Map<string, IPropertyValueRenderer>;
+    protected _defaultPrimitiveValueRenderer: IPropertyValueRenderer;
+    protected _defaultArrayValueRenderer: IPropertyValueRenderer;
+    protected _defaultStructValueRenderer: IPropertyValueRenderer;
+    protected _defaultMergedValueRenderer: IPropertyValueRenderer;
+    private selectRenderer;
+    /** Render property into JSX element */
+    render(record: PropertyRecord, context?: PropertyValueRendererContext): React.ReactNode;
+    /** Register a specified property type renderer */
+    registerRenderer(rendererType: string, propertyRenderer: IPropertyValueRenderer, overwrite?: boolean): void;
+    /** Unregister a specified property type renderer */
+    unregisterRenderer(rendererType: string): void;
+    /** Get the specified property type renderer instance */
+    getRegisteredRenderer(rendererType: string): IPropertyValueRenderer | undefined;
+    /** Returns default PropertyValueRendererManager instance */
+    static get defaultManager(): PropertyValueRendererManager;
+}
 //# sourceMappingURL=ValueRendererManager.d.ts.map

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/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":["/*---------------------------------------------------------------------------------------------\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"]}
+{"version":3,"file":"ValueRendererManager.js","sourceRoot":"","sources":["../../../../src/components-react/properties/ValueRendererManager.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAGH,OAAO,EAAkB,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5E,OAAO,EAAE,0BAA0B,EAAE,MAAM,8CAA8C,CAAC;AAC1F,OAAO,EAAE,2BAA2B,EAAE,MAAM,+CAA+C,CAAC;AAC5F,OAAO,EAAE,2BAA2B,EAAE,MAAM,+CAA+C,CAAC;AAC5F,OAAO,EAAE,kCAAkC,EAAE,MAAM,sDAAsD,CAAC;AAC1G,OAAO,EAAE,+BAA+B,EAAE,MAAM,mDAAmD,CAAC;AACpG,OAAO,EAAE,8BAA8B,EAAE,MAAM,kDAAkD,CAAC;AAClG,OAAO,EAAE,2BAA2B,EAAE,MAAM,+CAA+C,CAAC;AAC5F,OAAO,EAAE,wBAAwB,EAAE,MAAM,4CAA4C,CAAC;AAEtF;;GAEG;AACH,MAAM,CAAN,IAAY,qBAIX;AAJD,WAAY,qBAAqB;IAC/B,8CAAqB,CAAA;IACrB,wCAAe,CAAA;IACf,sCAAa,CAAA;AACf,CAAC,EAJW,qBAAqB,KAArB,qBAAqB,QAIhC;AAwDD;;GAEG;AACH,MAAM,OAAO,4BAA4B;IAAzC;QAGY,uBAAkB,GAAwC,IAAI,GAAG,EAAkC,CAAC;QACpG,mCAA8B,GAA2B,IAAI,8BAA8B,EAAE,CAAC;QAC9F,+BAA0B,GAA2B,IAAI,0BAA0B,EAAE,CAAC;QACtF,gCAA2B,GAA2B,IAAI,2BAA2B,EAAE,CAAC;QACxF,gCAA2B,GAA2B,IAAI,2BAA2B,EAAE,CAAC;IA6DpG,CAAC;IA3DS,cAAc,CAAC,MAAsB;QAC3C,IAAI,MAAM,CAAC,QAAQ,CAAC,QAAQ,IAAI,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC;YACxF,OAAO,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QAEpE,IAAI,IAAI,CAAC,2BAA2B,CAAC,SAAS,CAAC,MAAM,CAAC;YACpD,OAAO,IAAI,CAAC,2BAA2B,CAAC;QAE1C,IAAI,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC;YACvD,OAAO,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAE,CAAC;QAEhE,+BAA+B;QAC/B,QAAQ,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE;YAChC,KAAK,mBAAmB,CAAC,SAAS;gBAChC,OAAO,IAAI,CAAC,8BAA8B,CAAC;YAC7C,KAAK,mBAAmB,CAAC,KAAK;gBAC5B,OAAO,IAAI,CAAC,0BAA0B,CAAC;YACzC,KAAK,mBAAmB,CAAC,MAAM;gBAC7B,OAAO,IAAI,CAAC,2BAA2B,CAAC;YAC1C;gBACE,OAAO,SAAS,CAAC;SACpB;IACH,CAAC;IAED,uCAAuC;IAChC,MAAM,CAAC,MAAsB,EAAE,OAAsC;QAC1E,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;QAErD,IAAI,CAAC,gBAAgB,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC;YACnE,OAAO,SAAS,CAAC;QAEnB,OAAO,gBAAgB,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClD,CAAC;IAED,kDAAkD;IAC3C,gBAAgB,CAAC,YAAoB,EAAE,gBAAwC,EAAE,SAAS,GAAG,KAAK;QACvG,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE;YAC3D,MAAM,KAAK,CAAC,8DAA8D,YAAY,4BAA4B,gBAAgB,CAAC,WAAW,CAAC,IAAI,GAAG,CAAC,CAAC;SACzJ;QAED,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAC;IAC9D,CAAC;IAED,oDAAoD;IAC7C,kBAAkB,CAAC,YAAoB;QAC5C,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IAC/C,CAAC;IAED,wDAAwD;IACjD,qBAAqB,CAAC,YAAoB;QAC/C,OAAO,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IACnD,CAAC;IAED,4DAA4D;IACrD,MAAM,KAAK,cAAc;QAC9B,IAAI,CAAC,IAAI,CAAC,uBAAuB;YAC/B,IAAI,CAAC,uBAAuB,GAAG,IAAI,4BAA4B,EAAE,CAAC;QAEpE,OAAO,IAAI,CAAC,uBAAuB,CAAC;IACtC,CAAC;CACF;AAED,4BAA4B,CAAC,cAAc,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,+BAA+B,EAAE,CAAC,CAAC;AAClH,4BAA4B,CAAC,cAAc,CAAC,gBAAgB,CAAC,KAAK,EAAE,IAAI,wBAAwB,EAAE,CAAC,CAAC;AACpG,4BAA4B,CAAC,cAAc,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,2BAA2B,EAAE,CAAC,CAAC;AAC1G,4BAA4B,CAAC,cAAc,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,kCAAkC,EAAE,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module 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"]}

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/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,OAAO,yBAAyB,CAAC;AACjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAiBhD;;GAEG;AACH,MAAM,OAAO,gBAAiB,SAAQ,KAAK,CAAC,aAAoC;IACtE,YAAY,CAAC,WAAwB;QAC3C,OAAO,WAAW,KAAK,WAAW,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;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"]}
+{"version":3,"file":"ActionButtonList.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/ActionButtonList.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,yBAAyB,CAAC;AACjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAiBhD;;GAEG;AACH,MAAM,OAAO,gBAAiB,SAAQ,KAAK,CAAC,aAAoC;IACtE,YAAY,CAAC,WAAwB;QAC3C,OAAO,WAAW,KAAK,WAAW,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;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"]}

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