@itwin/components-react 4.17.0 → 5.0.0-dev.2

package/lib/cjs/components-react/properties/ItemStyle.js

@@ -1,65 +0,0 @@
-"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.TableRowStyleProvider = exports.ItemStyleProvider = void 0;
-/** Converts a color value from a number to an HTML/CSS hex string */
-const colorDecimalToHex = (decimal) => `#${decimal.toString(16).padStart(6, "0")}`;
-function getBackgroundColor(isSelected, colorOverrides) {
-    if (!colorOverrides)
-        return undefined;
-    if (isSelected)
-        return colorOverrides.backgroundColorSelected !== undefined
-            ? colorDecimalToHex(colorOverrides.backgroundColorSelected)
-            : undefined;
-    if (colorOverrides.backgroundColor)
-        return colorDecimalToHex(colorOverrides.backgroundColor);
-    return undefined;
-}
-function getForegroundColor(isSelected, colorOverrides) {
-    if (!colorOverrides)
-        return undefined;
-    if (isSelected)
-        return colorOverrides.colorSelected !== undefined
-            ? colorDecimalToHex(colorOverrides.colorSelected)
-            : undefined;
-    if (colorOverrides.color)
-        return colorDecimalToHex(colorOverrides.color);
-    return undefined;
-}
-/**
- * Style provider for stylable items like [[TreeNodeItem]]
- * @public
- */
-exports.ItemStyleProvider = {
-    /**
-     * Create CSS style from [[ItemStyle]]
-     */
-    createStyle: ({ colorOverrides, isBold, isItalic }, isSelected) => ({
-        color: getForegroundColor(!!isSelected, colorOverrides),
-        backgroundColor: getBackgroundColor(!!isSelected, colorOverrides),
-        fontWeight: isBold ? "bold" : undefined,
-        fontStyle: isItalic ? "italic" : undefined,
-    }),
-};
-/**
- * Style provider for table rows
- * @public
- */
-exports.TableRowStyleProvider = {
-    /**
-     * Create CSS style from [[ItemStyle]]
-     */
-    createStyle: ({ color, backgroundColor, }) => ({
-        color: color ? colorDecimalToHex(color) : undefined,
-        backgroundColor: backgroundColor
-            ? colorDecimalToHex(backgroundColor)
-            : undefined,
-    }),
-};
-//# sourceMappingURL=ItemStyle.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ItemStyle.js","sourceRoot":"","sources":["../../../../src/components-react/properties/ItemStyle.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAIH,qEAAqE;AACrE,MAAM,iBAAiB,GAAG,CAAC,OAAe,EAAE,EAAE,CAC5C,IAAI,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC;AA4B9C,SAAS,kBAAkB,CACzB,UAAmB,EACnB,cAAmC;IAEnC,IAAI,CAAC,cAAc;QAAE,OAAO,SAAS,CAAC;IAEtC,IAAI,UAAU;QACZ,OAAO,cAAc,CAAC,uBAAuB,KAAK,SAAS;YACzD,CAAC,CAAC,iBAAiB,CAAC,cAAc,CAAC,uBAAuB,CAAC;YAC3D,CAAC,CAAC,SAAS,CAAC;IAEhB,IAAI,cAAc,CAAC,eAAe;QAChC,OAAO,iBAAiB,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;IAE3D,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,kBAAkB,CACzB,UAAmB,EACnB,cAAmC;IAEnC,IAAI,CAAC,cAAc;QAAE,OAAO,SAAS,CAAC;IAEtC,IAAI,UAAU;QACZ,OAAO,cAAc,CAAC,aAAa,KAAK,SAAS;YAC/C,CAAC,CAAC,iBAAiB,CAAC,cAAc,CAAC,aAAa,CAAC;YACjD,CAAC,CAAC,SAAS,CAAC;IAEhB,IAAI,cAAc,CAAC,KAAK;QAAE,OAAO,iBAAiB,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IAEzE,OAAO,SAAS,CAAC;AACnB,CAAC;AAED;;;GAGG;AACU,QAAA,iBAAiB,GAAG;IAC/B;;OAEG;IACH,WAAW,EAAE,CACX,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAa,EAC/C,UAAoB,EACL,EAAE,CAAC,CAAC;QACnB,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,UAAU,EAAE,cAAc,CAAC;QACvD,eAAe,EAAE,kBAAkB,CAAC,CAAC,CAAC,UAAU,EAAE,cAAc,CAAC;QACjE,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QACvC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;KAC3C,CAAC;CACH,CAAC;AAEF;;;GAGG;AACU,QAAA,qBAAqB,GAAG;IACnC;;OAEG;IACH,WAAW,EAAE,CAAC,EACZ,KAAK,EACL,eAAe,GACI,EAAiB,EAAE,CAAC,CAAC;QACxC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS;QACnD,eAAe,EAAE,eAAe;YAC9B,CAAC,CAAC,iBAAiB,CAAC,eAAe,CAAC;YACpC,CAAC,CAAC,SAAS;KACd,CAAC;CACH,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 type { CSSProperties } from \"react\";\n\n/** Converts a color value from a number to an HTML/CSS hex string */\nconst colorDecimalToHex = (decimal: number) =>\n  `#${decimal.toString(16).padStart(6, \"0\")}`;\n\n/** Style properties for styled item like [[TreeNodeItem]]\n * @public\n */\nexport interface ItemStyle {\n  /** Is text bolded */\n  isBold?: boolean;\n  /** Is text italic */\n  isItalic?: boolean;\n  /** Color overrides for styled item */\n  colorOverrides?: ItemColorOverrides;\n}\n\n/** Color overrides for styled item\n * @public\n */\nexport interface ItemColorOverrides {\n  /** Text/foreground color */\n  color?: number;\n  /** Background color */\n  backgroundColor?: number;\n  /** Selected item text/foreground color */\n  colorSelected?: number;\n  /** Selected item background color */\n  backgroundColorSelected?: number;\n}\n\nfunction getBackgroundColor(\n  isSelected: boolean,\n  colorOverrides?: ItemColorOverrides\n) {\n  if (!colorOverrides) return undefined;\n\n  if (isSelected)\n    return colorOverrides.backgroundColorSelected !== undefined\n      ? colorDecimalToHex(colorOverrides.backgroundColorSelected)\n      : undefined;\n\n  if (colorOverrides.backgroundColor)\n    return colorDecimalToHex(colorOverrides.backgroundColor);\n\n  return undefined;\n}\n\nfunction getForegroundColor(\n  isSelected: boolean,\n  colorOverrides?: ItemColorOverrides\n) {\n  if (!colorOverrides) return undefined;\n\n  if (isSelected)\n    return colorOverrides.colorSelected !== undefined\n      ? colorDecimalToHex(colorOverrides.colorSelected)\n      : undefined;\n\n  if (colorOverrides.color) return colorDecimalToHex(colorOverrides.color);\n\n  return undefined;\n}\n\n/**\n * Style provider for stylable items like [[TreeNodeItem]]\n * @public\n */\nexport const ItemStyleProvider = {\n  /**\n   * Create CSS style from [[ItemStyle]]\n   */\n  createStyle: (\n    { colorOverrides, isBold, isItalic }: ItemStyle,\n    isSelected?: boolean\n  ): CSSProperties => ({\n    color: getForegroundColor(!!isSelected, colorOverrides),\n    backgroundColor: getBackgroundColor(!!isSelected, colorOverrides),\n    fontWeight: isBold ? \"bold\" : undefined,\n    fontStyle: isItalic ? \"italic\" : undefined,\n  }),\n};\n\n/**\n * Style provider for table rows\n * @public\n */\nexport const TableRowStyleProvider = {\n  /**\n   * Create CSS style from [[ItemStyle]]\n   */\n  createStyle: ({\n    color,\n    backgroundColor,\n  }: ItemColorOverrides): CSSProperties => ({\n    color: color ? colorDecimalToHex(color) : undefined,\n    backgroundColor: backgroundColor\n      ? colorDecimalToHex(backgroundColor)\n      : undefined,\n  }),\n};\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"LinkHandler.d.ts","sourceRoot":"","sources":["../../../../src/components-react/properties/LinkHandler.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AA2F9D;;GAEG;AACH,eAAO,MAAM,WAAW,SAChB,MAAM,SACL,gBAAgB,sBACJ,MAAM,KAAK,MAAM,SAAS,kBAC5C,MAAM,SAER,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,gBACP,MAAM,UACX,gBAAgB,sBACL,MAAM,KAAK,MAAM,SAAS,kBAC5C,MAAM,SAIR,CAAC;AAEF;;;;GAIG;AACH,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CACjD;AAED;;;GAGG;AAEH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAEtD"}

package/lib/cjs/components-react/properties/LinkHandler.js

@@ -1,112 +0,0 @@
-"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.LinksRenderer = exports.withLinks = exports.renderLinks = void 0;
-const React = __importStar(require("react"));
-const core_bentley_1 = require("@itwin/core-bentley");
-const core_react_1 = require("@itwin/core-react");
-/** Render a single anchor tag */
-function renderTag(text, links, highlight) {
-    return (
-    // eslint-disable-next-line deprecation/deprecation
-    React.createElement(core_react_1.UnderlinedButton, { onClick: (e) => {
-            e.preventDefault();
-            e.stopPropagation();
-            links.onClick(text);
-        } }, highlight ? highlight(text) : text));
-}
-function matchComparison(matchA, matchB) {
-    if (matchA.start > matchB.start)
-        return 1;
-    if (matchB.start > matchA.start)
-        return -1;
-    return 0;
-}
-function renderTextPart(text, highlight) {
-    return highlight ? highlight(text) : text;
-}
-function renderText(text, links, highlight) {
-    const { matcher } = links;
-    if (!matcher)
-        return renderTag(text, links, highlight);
-    const matches = matcher(text);
-    // Sort just to be sure
-    matches.sort(matchComparison);
-    const parts = [];
-    let lastIndex = 0;
-    for (const match of matches) {
-        // If matches overlap there must be something wrong with the matcher
-        if (lastIndex > match.start)
-            throw new core_bentley_1.BentleyError(core_bentley_1.BentleyStatus.ERROR, "renderText: matcher returned overlapping matches");
-        if (lastIndex < match.start)
-            parts.push(renderTextPart(text.substring(lastIndex, match.start), highlight));
-        const anchorText = text.substring(match.start, match.end);
-        parts.push(renderTag(anchorText, links, highlight));
-        lastIndex = match.end;
-    }
-    if (text.length > lastIndex)
-        parts.push(renderTextPart(text.substring(lastIndex), highlight));
-    // Need to map, because React complains about the lack of keys
-    return parts.map((part, index) => (React.createElement(React.Fragment, { key: index }, part)));
-}
-function renderHighlighted(text, highlight) {
-    return highlight(text);
-}
-/** Renders anchor tag by wrapping or splitting provided text
- * @public
- */
-const renderLinks = (text, links, highlight) => {
-    return renderText(text, links, highlight);
-};
-exports.renderLinks = renderLinks;
-/** If record has links, wraps stringValue in them, otherwise returns unchanged stringValue
- * Optionally it can highlight text
- * @public
- */
-const withLinks = (stringValue, links, highlight) => {
-    if (links)
-        return (0, exports.renderLinks)(stringValue, links, highlight);
-    if (highlight)
-        return renderHighlighted(stringValue, highlight);
-    return stringValue;
-};
-exports.withLinks = withLinks;
-/**
- * React component for rendering string with links.
- * @public
- */
-// eslint-disable-next-line deprecation/deprecation
-function LinksRenderer(props) {
-    return React.createElement(React.Fragment, null, (0, exports.withLinks)(props.value, props.links, props.highlighter));
-}
-exports.LinksRenderer = LinksRenderer;
-//# sourceMappingURL=LinkHandler.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LinkHandler.js","sourceRoot":"","sources":["../../../../src/components-react/properties/LinkHandler.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 { BentleyError, BentleyStatus } from \"@itwin/core-bentley\";\nimport type { LinkElementsInfo } from \"@itwin/appui-abstract\";\nimport { UnderlinedButton } from \"@itwin/core-react\";\n\n/** Render a single anchor tag */\nfunction renderTag(\n  text: string,\n  links: LinkElementsInfo,\n  highlight?: (text: string) => React.ReactNode\n) {\n  return (\n    // eslint-disable-next-line deprecation/deprecation\n    <UnderlinedButton\n      onClick={(e) => {\n        e.preventDefault();\n        e.stopPropagation();\n        links.onClick(text);\n      }}\n    >\n      {highlight ? highlight(text) : text}\n    </UnderlinedButton>\n  );\n}\n\ninterface Match {\n  start: number;\n  end: number;\n}\n\nfunction matchComparison(matchA: Match, matchB: Match) {\n  if (matchA.start > matchB.start) return 1;\n  if (matchB.start > matchA.start) return -1;\n  return 0;\n}\n\nfunction renderTextPart(\n  text: string,\n  highlight?: (text: string) => React.ReactNode\n): React.ReactNode {\n  return highlight ? highlight(text) : text;\n}\n\nfunction renderText(\n  text: string,\n  links: LinkElementsInfo,\n  highlight?: (text: string) => React.ReactNode\n): React.ReactNode {\n  const { matcher } = links;\n\n  if (!matcher) return renderTag(text, links, highlight);\n\n  const matches = matcher(text);\n\n  // Sort just to be sure\n  matches.sort(matchComparison);\n\n  const parts: React.ReactNode[] = [];\n  let lastIndex = 0;\n  for (const match of matches) {\n    // If matches overlap there must be something wrong with the matcher\n    if (lastIndex > match.start)\n      throw new BentleyError(\n        BentleyStatus.ERROR,\n        \"renderText: matcher returned overlapping matches\"\n      );\n\n    if (lastIndex < match.start)\n      parts.push(\n        renderTextPart(text.substring(lastIndex, match.start), highlight)\n      );\n\n    const anchorText = text.substring(match.start, match.end);\n    parts.push(renderTag(anchorText, links, highlight));\n\n    lastIndex = match.end;\n  }\n  if (text.length > lastIndex)\n    parts.push(renderTextPart(text.substring(lastIndex), highlight));\n\n  // Need to map, because React complains about the lack of keys\n  return parts.map((part, index) => (\n    <React.Fragment key={index}>{part}</React.Fragment>\n  ));\n}\n\nfunction renderHighlighted(\n  text: string,\n  highlight: (text: string) => React.ReactNode\n) {\n  return highlight(text);\n}\n\n/** Renders anchor tag by wrapping or splitting provided text\n * @public\n */\nexport const renderLinks = (\n  text: string,\n  links: LinkElementsInfo,\n  highlight?: (text: string) => React.ReactNode\n): React.ReactNode => {\n  return renderText(text, links, highlight);\n};\n\n/** If record has links, wraps stringValue in them, otherwise returns unchanged stringValue\n * Optionally it can highlight text\n * @public\n */\nexport const withLinks = (\n  stringValue: string,\n  links?: LinkElementsInfo,\n  highlight?: (text: string) => React.ReactNode\n): React.ReactNode => {\n  if (links) return renderLinks(stringValue, links, highlight);\n  if (highlight) return renderHighlighted(stringValue, highlight);\n  return stringValue;\n};\n\n/**\n * Properties for [[LinksRenderer]] component.\n * @public\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof LinksRenderer>`\n */\nexport interface LinksRendererProps {\n  value: string;\n  links?: LinkElementsInfo;\n  highlighter?: (text: string) => React.ReactNode;\n}\n\n/**\n * React component for rendering string with links.\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function LinksRenderer(props: LinksRendererProps) {\n  return <>{withLinks(props.value, props.links, props.highlighter)}</>;\n}\n"]}

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

@@ -1,93 +0,0 @@
-/** @packageDocumentation
- * @module Properties
- */
-import type * as React from "react";
-import type { PropertyRecord } from "@itwin/appui-abstract";
-import type { Orientation } from "../common/Orientation";
-/** 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 getCustomRenderer;
-    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;
-    /** Check whether a property record has a custom renderer registered that can render it */
-    hasCustomRenderer(record: PropertyRecord): boolean;
-    /** Returns default PropertyValueRendererManager instance */
-    static get defaultManager(): PropertyValueRendererManager;
-}
-//# sourceMappingURL=ValueRendererManager.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ValueRendererManager.d.ts","sourceRoot":"","sources":["../../../../src/components-react/properties/ValueRendererManager.tsx"],"names":[],"mappings":"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"}

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

@@ -1,101 +0,0 @@
-"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 MergedPropertyValueRenderer_1 = require("./renderers/value/MergedPropertyValueRenderer");
-const MultilineTextPropertyValueRenderer_1 = require("./renderers/value/MultilineTextPropertyValueRenderer");
-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 = 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();
-    }
-    getCustomRenderer(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);
-        return undefined;
-    }
-    selectRenderer(record) {
-        const customRenderer = this.getCustomRenderer(record);
-        if (customRenderer)
-            return customRenderer;
-        // 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);
-    }
-    /** Check whether a property record has a custom renderer registered that can render it */
-    hasCustomRenderer(record) {
-        const customRenderer = this.getCustomRenderer(record);
-        return !!(customRenderer && customRenderer.canRender(record));
-    }
-    /** Returns default PropertyValueRendererManager instance */
-    static get defaultManager() {
-        if (!this._defaultRendererManager)
-            this._defaultRendererManager = new PropertyValueRendererManager();
-        return this._defaultRendererManager;
-    }
-}
-exports.PropertyValueRendererManager = PropertyValueRendererManager;
-PropertyValueRendererManager.defaultManager.registerRenderer("url", new UrlPropertyValueRenderer_1.UrlPropertyValueRenderer());
-PropertyValueRendererManager.defaultManager.registerRenderer("multiline", new MultilineTextPropertyValueRenderer_1.MultilineTextPropertyValueRenderer());
-//# sourceMappingURL=ValueRendererManager.js.map

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

@@ -1 +0,0 @@
-{"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 type * as React from \"react\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { ArrayPropertyValueRenderer } from \"./renderers/value/ArrayPropertyValueRenderer\";\nimport { MergedPropertyValueRenderer } from \"./renderers/value/MergedPropertyValueRenderer\";\nimport { MultilineTextPropertyValueRenderer } from \"./renderers/value/MultilineTextPropertyValueRenderer\";\nimport { PrimitivePropertyValueRenderer } from \"./renderers/value/PrimitivePropertyValueRenderer\";\nimport { StructPropertyValueRenderer } from \"./renderers/value/StructPropertyValueRenderer\";\nimport { UrlPropertyValueRenderer } from \"./renderers/value/UrlPropertyValueRenderer\";\nimport type { Orientation } from \"../common/Orientation\";\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: (\n    record: PropertyRecord,\n    context?: PropertyValueRendererContext\n  ) => boolean;\n  /** Method that returns a JSX representation of PropertyRecord */\n  render: (\n    record: PropertyRecord,\n    context?: PropertyValueRendererContext\n  ) => 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<\n    string,\n    IPropertyValueRenderer\n  >();\n  protected _defaultPrimitiveValueRenderer: IPropertyValueRenderer =\n    new PrimitivePropertyValueRenderer();\n  protected _defaultArrayValueRenderer: IPropertyValueRenderer =\n    new ArrayPropertyValueRenderer();\n  protected _defaultStructValueRenderer: IPropertyValueRenderer =\n    new StructPropertyValueRenderer();\n  protected _defaultMergedValueRenderer: IPropertyValueRenderer =\n    new MergedPropertyValueRenderer();\n\n  private getCustomRenderer(record: PropertyRecord) {\n    if (\n      record.property.renderer &&\n      this._propertyRenderers.has(record.property.renderer.name)\n    )\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    return undefined;\n  }\n\n  private selectRenderer(record: PropertyRecord) {\n    const customRenderer = this.getCustomRenderer(record);\n    if (customRenderer) return customRenderer;\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(\n    record: PropertyRecord,\n    context?: PropertyValueRendererContext\n  ): 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(\n    rendererType: string,\n    propertyRenderer: IPropertyValueRenderer,\n    overwrite = false\n  ) {\n    if (!overwrite && this._propertyRenderers.has(rendererType)) {\n      throw Error(\n        `PropertyValueRendererManager.registerRenderer error: type '${rendererType}' already registered to '${propertyRenderer.constructor.name}'`\n      );\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  /** Check whether a property record has a custom renderer registered that can render it */\n  public hasCustomRenderer(record: PropertyRecord): boolean {\n    const customRenderer = this.getCustomRenderer(record);\n    return !!(customRenderer && customRenderer.canRender(record));\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(\n  \"url\",\n  new UrlPropertyValueRenderer()\n);\nPropertyValueRendererManager.defaultManager.registerRenderer(\n  \"multiline\",\n  new MultilineTextPropertyValueRenderer()\n);\n"]}

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

@@ -1,29 +0,0 @@
-/** @packageDocumentation
- * @module Properties
- */
-import "./ActionButtonList.scss";
-import * as React from "react";
-import type { PropertyRecord } from "@itwin/appui-abstract";
-import type { ActionButtonRenderer } from "./ActionButtonRenderer";
-import { Orientation } from "../../common/Orientation";
-/** 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;
-    render(): React.JSX.Element;
-}
-//# sourceMappingURL=ActionButtonList.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ActionButtonList.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/ActionButtonList.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,yBAAyB,CAAC;AACjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EACV,oBAAoB,EAErB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,2DAA2D;IAC3D,WAAW,EAAE,WAAW,CAAC;IACzB,6CAA6C;IAC7C,QAAQ,EAAE,cAAc,CAAC;IACzB,uCAAuC;IACvC,qBAAqB,EAAE,oBAAoB,EAAE,CAAC;IAC9C,+CAA+C;IAC/C,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC;IAC9E,OAAO,CAAC,YAAY;IAMJ,MAAM;CAgBvB"}

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

@@ -1,60 +0,0 @@
-"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 Orientation_1 = require("../../common/Orientation");
-/** ActionButtonList React component.
- * @public
- */
-class ActionButtonList extends React.PureComponent {
-    getClassName(orientation) {
-        return orientation === Orientation_1.Orientation.Horizontal
-            ? "components-property-action-button-list--horizontal"
-            : "components-property-action-button-list--vertical";
-    }
-    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 +0,0 @@
-{"version":3,"file":"ActionButtonList.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/ActionButtonList.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,mCAAiC;AACjC,6CAA+B;AAM/B,0DAAuD;AAgBvD;;GAEG;AACH,MAAa,gBAAiB,SAAQ,KAAK,CAAC,aAAoC;IACtE,YAAY,CAAC,WAAwB;QAC3C,OAAO,WAAW,KAAK,yBAAW,CAAC,UAAU;YAC3C,CAAC,CAAC,oDAAoD;YACtD,CAAC,CAAC,kDAAkD,CAAC;IACzD,CAAC;IAEe,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,CAAC,CACzD,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,CAAC,CACE,CACP,CAAC;IACJ,CAAC;CACF;AAvBD,4CAuBC;AAOD,SAAS,qBAAqB,CAAC,KAAiC;IAC9D,MAAM,YAAY,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IACzD,IAAI,CAAC,YAAY;QAAE,OAAO,IAAI,CAAC;IAE/B,OAAO,CACL,6BAAK,SAAS,EAAC,oCAAoC,IAAE,YAAY,CAAO,CACzE,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 type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport type {\n  ActionButtonRenderer,\n  ActionButtonRendererProps,\n} from \"./ActionButtonRenderer\";\nimport { Orientation } from \"../../common/Orientation\";\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  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) return null;\n\n  return (\n    <div className=\"components-action-button-container\">{actionButton}</div>\n  );\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"ActionButtonRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/ActionButtonRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D;;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,CACjC,KAAK,EAAE,yBAAyB,KAC7B,KAAK,CAAC,SAAS,CAAC"}

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

@@ -1,10 +0,0 @@
-"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 +0,0 @@
-{"version":3,"file":"ActionButtonRenderer.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/ActionButtonRenderer.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;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 type * as React from \"react\";\nimport type { 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 = (\n  props: ActionButtonRendererProps\n) => React.ReactNode;\n"]}

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

@@ -1,20 +0,0 @@
-/** @packageDocumentation
- * @module Properties
- */
-import * as React from "react";
-import type { PropertyRecord } from "@itwin/appui-abstract";
-import type { HighlightingComponentProps } from "../../common/HighlightingComponentProps";
-import { PropertyValueRendererManager } from "../ValueRendererManager";
-import { Orientation } from "../../common/Orientation";
-/**
- * @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.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CommonPropertyRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/CommonPropertyRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAE1F,OAAO,EAEL,4BAA4B,EAC7B,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD;;GAEG;AACH,qBAAa,sBAAsB;WACnB,cAAc,CAC1B,WAAW,CAAC,EAAE,MAAM,EACpB,WAAW,CAAC,EAAE,WAAW,EACzB,KAAK,CAAC,EAAE,MAAM,EACd,WAAW,CAAC,EAAE,MAAM,EACpB,mBAAmB,CAAC,EAAE,MAAM,GAC3B,MAAM;WAkCK,qBAAqB,CACjC,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,WAAW,CAAC,EAAE,MAAM,EACpB,4BAA4B,CAAC,EAAE,4BAA4B,EAC3D,UAAU,CAAC,EAAE,OAAO,EACpB,kBAAkB,CAAC,EAAE,MAAM,IAAI,EAC/B,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,EAC7C,SAAS,CAAC,EAAE,0BAA0B,GAAG;QACvC,YAAY,EAAE,OAAO,CAAC;QACtB,YAAY,EAAE,OAAO,CAAC;KACvB;IA+CH,OAAO,CAAC,MAAM,CAAC,uBAAuB;CAiCvC"}