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

package/lib/cjs/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/cjs/components-react/properties/ValueRendererManager.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
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PropertyValueRendererManager = exports.PropertyContainerType = void 0;
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const ArrayPropertyValueRenderer_1 = require("./renderers/value/ArrayPropertyValueRenderer");
-const DoublePropertyValueRenderer_1 = require("./renderers/value/DoublePropertyValueRenderer");
-const MergedPropertyValueRenderer_1 = require("./renderers/value/MergedPropertyValueRenderer");
-const MultilineTextPropertyValueRenderer_1 = require("./renderers/value/MultilineTextPropertyValueRenderer");
-const NavigationPropertyValueRenderer_1 = require("./renderers/value/NavigationPropertyValueRenderer");
-const PrimitivePropertyValueRenderer_1 = require("./renderers/value/PrimitivePropertyValueRenderer");
-const StructPropertyValueRenderer_1 = require("./renderers/value/StructPropertyValueRenderer");
-const UrlPropertyValueRenderer_1 = require("./renderers/value/UrlPropertyValueRenderer");
-/** Types of property containers
- * @public
- */
-var PropertyContainerType;
-(function (PropertyContainerType) {
-    PropertyContainerType["PropertyPane"] = "pane";
-    PropertyContainerType["Table"] = "table";
-    PropertyContainerType["Tree"] = "tree";
-})(PropertyContainerType = exports.PropertyContainerType || (exports.PropertyContainerType = {}));
-/** Default implementation of property value renderer manager
- * @public
- */
-class PropertyValueRendererManager {
-    constructor() {
-        this._propertyRenderers = new Map();
-        this._defaultPrimitiveValueRenderer = new PrimitivePropertyValueRenderer_1.PrimitivePropertyValueRenderer();
-        this._defaultArrayValueRenderer = new ArrayPropertyValueRenderer_1.ArrayPropertyValueRenderer();
-        this._defaultStructValueRenderer = new StructPropertyValueRenderer_1.StructPropertyValueRenderer();
-        this._defaultMergedValueRenderer = new MergedPropertyValueRenderer_1.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 appui_abstract_1.PropertyValueFormat.Primitive:
-                return this._defaultPrimitiveValueRenderer;
-            case appui_abstract_1.PropertyValueFormat.Array:
-                return this._defaultArrayValueRenderer;
-            case appui_abstract_1.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;
-    }
-}
-exports.PropertyValueRendererManager = PropertyValueRendererManager;
-PropertyValueRendererManager.defaultManager.registerRenderer("navigation", new NavigationPropertyValueRenderer_1.NavigationPropertyValueRenderer());
-PropertyValueRendererManager.defaultManager.registerRenderer("url", new UrlPropertyValueRenderer_1.UrlPropertyValueRenderer());
-PropertyValueRendererManager.defaultManager.registerRenderer("double", new DoublePropertyValueRenderer_1.DoublePropertyValueRenderer());
-PropertyValueRendererManager.defaultManager.registerRenderer("multiline", new MultilineTextPropertyValueRenderer_1.MultilineTextPropertyValueRenderer());
+"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 });
+exports.PropertyValueRendererManager = exports.PropertyContainerType = void 0;
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const ArrayPropertyValueRenderer_1 = require("./renderers/value/ArrayPropertyValueRenderer");
+const DoublePropertyValueRenderer_1 = require("./renderers/value/DoublePropertyValueRenderer");
+const MergedPropertyValueRenderer_1 = require("./renderers/value/MergedPropertyValueRenderer");
+const MultilineTextPropertyValueRenderer_1 = require("./renderers/value/MultilineTextPropertyValueRenderer");
+const NavigationPropertyValueRenderer_1 = require("./renderers/value/NavigationPropertyValueRenderer");
+const PrimitivePropertyValueRenderer_1 = require("./renderers/value/PrimitivePropertyValueRenderer");
+const StructPropertyValueRenderer_1 = require("./renderers/value/StructPropertyValueRenderer");
+const UrlPropertyValueRenderer_1 = require("./renderers/value/UrlPropertyValueRenderer");
+/** Types of property containers
+ * @public
+ */
+var PropertyContainerType;
+(function (PropertyContainerType) {
+    PropertyContainerType["PropertyPane"] = "pane";
+    PropertyContainerType["Table"] = "table";
+    PropertyContainerType["Tree"] = "tree";
+})(PropertyContainerType = exports.PropertyContainerType || (exports.PropertyContainerType = {}));
+/** Default implementation of property value renderer manager
+ * @public
+ */
+class PropertyValueRendererManager {
+    constructor() {
+        this._propertyRenderers = new Map();
+        this._defaultPrimitiveValueRenderer = new PrimitivePropertyValueRenderer_1.PrimitivePropertyValueRenderer();
+        this._defaultArrayValueRenderer = new ArrayPropertyValueRenderer_1.ArrayPropertyValueRenderer();
+        this._defaultStructValueRenderer = new StructPropertyValueRenderer_1.StructPropertyValueRenderer();
+        this._defaultMergedValueRenderer = new MergedPropertyValueRenderer_1.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 appui_abstract_1.PropertyValueFormat.Primitive:
+                return this._defaultPrimitiveValueRenderer;
+            case appui_abstract_1.PropertyValueFormat.Array:
+                return this._defaultArrayValueRenderer;
+            case appui_abstract_1.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;
+    }
+}
+exports.PropertyValueRendererManager = PropertyValueRendererManager;
+PropertyValueRendererManager.defaultManager.registerRenderer("navigation", new NavigationPropertyValueRenderer_1.NavigationPropertyValueRenderer());
+PropertyValueRendererManager.defaultManager.registerRenderer("url", new UrlPropertyValueRenderer_1.UrlPropertyValueRenderer());
+PropertyValueRendererManager.defaultManager.registerRenderer("double", new DoublePropertyValueRenderer_1.DoublePropertyValueRenderer());
+PropertyValueRendererManager.defaultManager.registerRenderer("multiline", new MultilineTextPropertyValueRenderer_1.MultilineTextPropertyValueRenderer());
 //# sourceMappingURL=ValueRendererManager.js.map

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,61 @@
-"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;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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":["/*---------------------------------------------------------------------------------------------\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,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/ActionButtonRenderer.d.ts

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

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

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

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