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

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

@@ -1,33 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * 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 "../../common/Orientation";
-/** 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";
-    }
-    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 +0,0 @@
-{"version":3,"file":"ActionButtonList.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/ActionButtonList.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,yBAAyB,CAAC;AACjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAgBvD;;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;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;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/esm/components-react/properties/renderers/ActionButtonList.scss

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

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

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

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

@@ -1 +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/esm/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/esm/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/esm/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"}

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

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

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

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

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

@@ -1,25 +0,0 @@
-/** @packageDocumentation
- * @module Properties
- */
-import * as React from "react";
-import type { HighlightingComponentProps } from "../../common/HighlightingComponentProps";
-import type { SharedRendererProps } from "./PropertyRenderer";
-/** Properties of [[CustomizablePropertyRenderer]] React component
- * @public
- */
-interface CustomizablePropertyRendererProps extends SharedRendererProps {
-    /** Property value as a React element */
-    valueElement?: React.ReactNode;
-    /** Render callback for property value. If specified, `valueElement` is ignored */
-    valueElementRenderer?: () => React.ReactNode;
-    /** Multiplier of how much the property is indented to the right */
-    indentation?: number;
-    /** Properties used for highlighting */
-    highlight?: HighlightingComponentProps;
-}
-/** React Component that renders customizable properties
- * @public
- */
-export declare function CustomizablePropertyRenderer(props: CustomizablePropertyRendererProps): React.JSX.Element;
-export {};
-//# sourceMappingURL=CustomizablePropertyRenderer.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CustomizablePropertyRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/CustomizablePropertyRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAG1F,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAI9D;;GAEG;AACH,UAAU,iCAAkC,SAAQ,mBAAmB;IACrE,wCAAwC;IACxC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,kFAAkF;IAClF,oBAAoB,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IAC7C,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,SAAS,CAAC,EAAE,0BAA0B,CAAC;CACxC;AAED;;GAEG;AACH,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,iCAAiC,qBAuCzC"}

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

@@ -1,34 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Properties
- */
-import * as React from "react";
-import { HighlightedText } from "../../common/HighlightedText";
-import { CommonPropertyRenderer } from "./CommonPropertyRenderer";
-import { PrimitivePropertyLabelRenderer } from "./label/PrimitivePropertyLabelRenderer";
-import { PropertyView } from "./PropertyView";
-import { Orientation } from "../../common/Orientation";
-/** React Component that renders customizable properties
- * @public
- */
-export function CustomizablePropertyRenderer(props) {
-    const { indentation, highlight, ...passthroughProps } = props;
-    const displayLabel = props.propertyRecord.property.displayLabel;
-    const offset = CommonPropertyRenderer.getLabelOffset(indentation, passthroughProps.orientation, passthroughProps.width, passthroughProps.columnRatio, passthroughProps.columnInfo?.minLabelWidth);
-    const activeMatchIndex = props.propertyRecord.property.name ===
-        highlight?.activeHighlight?.highlightedItemIdentifier
-        ? highlight.activeHighlight.highlightIndex
-        : undefined;
-    const label = highlight
-        ? HighlightedText({
-            text: displayLabel,
-            searchText: highlight.highlightedText,
-            activeMatchIndex,
-        })
-        : displayLabel;
-    return (React.createElement(PropertyView, { ...passthroughProps, labelElement: React.createElement(PrimitivePropertyLabelRenderer, { offset: offset, renderColon: props.orientation === Orientation.Horizontal, tooltip: displayLabel }, label) }));
-}
-//# sourceMappingURL=CustomizablePropertyRenderer.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CustomizablePropertyRenderer.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/CustomizablePropertyRenderer.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,8BAA8B,EAAE,MAAM,wCAAwC,CAAC;AAExF,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAgBvD;;GAEG;AACH,MAAM,UAAU,4BAA4B,CAC1C,KAAwC;IAExC,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,GAAG,KAAK,CAAC;IAC9D,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,YAAY,CAAC;IAChE,MAAM,MAAM,GAAG,sBAAsB,CAAC,cAAc,CAClD,WAAW,EACX,gBAAgB,CAAC,WAAW,EAC5B,gBAAgB,CAAC,KAAK,EACtB,gBAAgB,CAAC,WAAW,EAC5B,gBAAgB,CAAC,UAAU,EAAE,aAAa,CAC3C,CAAC;IAEF,MAAM,gBAAgB,GACpB,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI;QAClC,SAAS,EAAE,eAAe,EAAE,yBAAyB;QACnD,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,cAAc;QAC1C,CAAC,CAAC,SAAS,CAAC;IAChB,MAAM,KAAK,GAAG,SAAS;QACrB,CAAC,CAAC,eAAe,CAAC;YACd,IAAI,EAAE,YAAY;YAClB,UAAU,EAAE,SAAS,CAAC,eAAe;YACrC,gBAAgB;SACjB,CAAC;QACJ,CAAC,CAAC,YAAY,CAAC;IAEjB,OAAO,CACL,oBAAC,YAAY,OACP,gBAAgB,EACpB,YAAY,EACV,oBAAC,8BAA8B,IAC7B,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,KAAK,CAAC,WAAW,KAAK,WAAW,CAAC,UAAU,EACzD,OAAO,EAAE,YAAY,IAEpB,KAAK,CACyB,GAEnC,CACH,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 * as React from \"react\";\nimport { HighlightedText } from \"../../common/HighlightedText\";\nimport type { HighlightingComponentProps } from \"../../common/HighlightingComponentProps\";\nimport { CommonPropertyRenderer } from \"./CommonPropertyRenderer\";\nimport { PrimitivePropertyLabelRenderer } from \"./label/PrimitivePropertyLabelRenderer\";\nimport type { SharedRendererProps } from \"./PropertyRenderer\";\nimport { PropertyView } from \"./PropertyView\";\nimport { Orientation } from \"../../common/Orientation\";\n\n/** Properties of [[CustomizablePropertyRenderer]] React component\n * @public\n */\ninterface CustomizablePropertyRendererProps extends SharedRendererProps {\n  /** Property value as a React element */\n  valueElement?: React.ReactNode;\n  /** Render callback for property value. If specified, `valueElement` is ignored */\n  valueElementRenderer?: () => React.ReactNode;\n  /** Multiplier of how much the property is indented to the right */\n  indentation?: number;\n  /** Properties used for highlighting */\n  highlight?: HighlightingComponentProps;\n}\n\n/** React Component that renders customizable properties\n * @public\n */\nexport function CustomizablePropertyRenderer(\n  props: CustomizablePropertyRendererProps\n) {\n  const { indentation, highlight, ...passthroughProps } = props;\n  const displayLabel = props.propertyRecord.property.displayLabel;\n  const offset = CommonPropertyRenderer.getLabelOffset(\n    indentation,\n    passthroughProps.orientation,\n    passthroughProps.width,\n    passthroughProps.columnRatio,\n    passthroughProps.columnInfo?.minLabelWidth\n  );\n\n  const activeMatchIndex =\n    props.propertyRecord.property.name ===\n    highlight?.activeHighlight?.highlightedItemIdentifier\n      ? highlight.activeHighlight.highlightIndex\n      : undefined;\n  const label = highlight\n    ? HighlightedText({\n        text: displayLabel,\n        searchText: highlight.highlightedText,\n        activeMatchIndex,\n      })\n    : displayLabel;\n\n  return (\n    <PropertyView\n      {...passthroughProps}\n      labelElement={\n        <PrimitivePropertyLabelRenderer\n          offset={offset}\n          renderColon={props.orientation === Orientation.Horizontal}\n          tooltip={displayLabel}\n        >\n          {label}\n        </PrimitivePropertyLabelRenderer>\n      }\n    />\n  );\n}\n"]}

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

@@ -1,33 +0,0 @@
-/** @packageDocumentation
- * @module Properties
- */
-import "./NonPrimitivePropertyRenderer.scss";
-import * as React from "react";
-import type { PrimitiveRendererProps } from "./PrimitivePropertyRenderer";
-/** Properties of [[NonPrimitivePropertyRenderer]] React component
- * @public
- */
-export interface NonPrimitivePropertyRendererProps extends PrimitiveRendererProps {
-    /** Can struct/array property be collapsed */
-    isCollapsible?: boolean;
-}
-/** State of [[NonPrimitivePropertyRenderer]] React component. */
-interface NonPrimitivePropertyRendererState {
-    /** Is struct/array property expanded */
-    isExpanded?: boolean;
-}
-/** React Component that renders struct and array properties
- * @public
- */
-export declare class NonPrimitivePropertyRenderer extends React.Component<NonPrimitivePropertyRendererProps, NonPrimitivePropertyRendererState> {
-    readonly state: NonPrimitivePropertyRendererState;
-    constructor(props: NonPrimitivePropertyRendererProps);
-    private _onExpanded;
-    private _onCollapsed;
-    private getLabel;
-    private overrideArrayChildrenNames;
-    private _renderPropertyForItem;
-    render(): React.JSX.Element;
-}
-export {};
-//# sourceMappingURL=NonPrimitivePropertyRenderer.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"NonPrimitivePropertyRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/NonPrimitivePropertyRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,qCAAqC,CAAC;AAC7C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAI1E;;GAEG;AACH,MAAM,WAAW,iCACf,SAAQ,sBAAsB;IAC9B,6CAA6C;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,iEAAiE;AACjE,UAAU,iCAAiC;IACzC,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,qBAAa,4BAA6B,SAAQ,KAAK,CAAC,SAAS,CAC/D,iCAAiC,EACjC,iCAAiC,CAClC;IACC,SAAyB,KAAK,EAAE,iCAAiC,CAI/D;gBAEU,KAAK,EAAE,iCAAiC;IAIpD,OAAO,CAAC,WAAW,CAEjB;IAEF,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,QAAQ;IAiChB,OAAO,CAAC,0BAA0B;IAalC,OAAO,CAAC,sBAAsB,CAuB5B;IAEc,MAAM;CAwBvB"}

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

@@ -1,69 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * 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 "./NonPrimitivePropertyRenderer.scss";
-import * as React from "react";
-import { PropertyRecord, PropertyValueFormat } from "@itwin/appui-abstract";
-import { CommonPropertyRenderer } from "./CommonPropertyRenderer";
-import { NonPrimitivePropertyLabelRenderer } from "./label/NonPrimitivePropertyLabelRenderer";
-import { PropertyRenderer } from "./PropertyRenderer";
-import { PropertyView } from "./PropertyView";
-/** React Component that renders struct and array properties
- * @public
- */
-export class NonPrimitivePropertyRenderer extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            /** If it's not collapsible, that means it's expanded by default and can't be collapsed */
-            isExpanded: !this.props.isCollapsible || this.props.propertyRecord.autoExpand,
-        };
-        this._onExpanded = () => {
-            this.setState({ isExpanded: true });
-        };
-        this._onCollapsed = () => {
-            this.setState({ isExpanded: false });
-        };
-        this._renderPropertyForItem = (item) => {
-            const prefix = this.props.uniqueKey
-                ? this.props.uniqueKey
-                : this.props.propertyRecord.property.name;
-            const uniqueKey = `${prefix}_${item.property.name}`;
-            return (React.createElement(PropertyRenderer, { key: uniqueKey, uniqueKey: uniqueKey, propertyRecord: item, indentation: this.props.indentation ? this.props.indentation + 1 : 1, orientation: this.props.orientation, columnRatio: this.props.columnRatio, actionButtonRenderers: this.props.actionButtonRenderers, onColumnRatioChanged: this.props.onColumnRatioChanged, width: this.props.width, isResizeHandleHovered: this.props.isResizeHandleHovered, onResizeHandleHoverChanged: this.props.onResizeHandleHoverChanged, isResizeHandleBeingDragged: this.props.isResizeHandleBeingDragged, onResizeHandleDragChanged: this.props.onResizeHandleDragChanged, columnInfo: this.props.columnInfo }));
-        };
-    }
-    getLabel(props, state) {
-        const { orientation, indentation, width, columnRatio, columnInfo } = props;
-        const minLabelWidth = columnInfo?.minLabelWidth;
-        const offset = CommonPropertyRenderer.getLabelOffset(indentation, orientation, width, columnRatio, minLabelWidth);
-        let displayLabel = props.propertyRecord.property.displayLabel;
-        if (this.props.propertyRecord.value.valueFormat === PropertyValueFormat.Array)
-            displayLabel = `${displayLabel} (${this.props.propertyRecord.value.items.length})`;
-        return (React.createElement(NonPrimitivePropertyLabelRenderer, { isExpanded: !!state.isExpanded, onExpand: this._onExpanded, onCollapse: this._onCollapsed, offset: offset, renderColon: false }, displayLabel));
-    }
-    overrideArrayChildrenNames(items) {
-        const modifiedProperties = items.map((item, index) => {
-            const newProperty = { ...item.property };
-            newProperty.displayLabel = `[${index + 1}]`;
-            newProperty.name = `${newProperty.name}_${index}`;
-            return new PropertyRecord(item.value, newProperty);
-        });
-        return modifiedProperties;
-    }
-    render() {
-        let items = this.props.propertyRecord.getChildrenRecords();
-        if (this.props.propertyRecord.value.valueFormat === PropertyValueFormat.Array)
-            items = this.overrideArrayChildrenNames(items);
-        const { indentation, ...props } = this.props;
-        return (React.createElement(React.Fragment, null,
-            this.props.isCollapsible ? (React.createElement(PropertyView, { labelElement: this.getLabel(this.props, this.state), ...props })) : undefined,
-            this.state.isExpanded
-                ? items.map(this._renderPropertyForItem)
-                : undefined));
-    }
-}
-//# sourceMappingURL=NonPrimitivePropertyRenderer.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"NonPrimitivePropertyRenderer.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/NonPrimitivePropertyRenderer.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 \"./NonPrimitivePropertyRenderer.scss\";\nimport * as React from \"react\";\nimport { PropertyRecord, PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { CommonPropertyRenderer } from \"./CommonPropertyRenderer\";\nimport { NonPrimitivePropertyLabelRenderer } from \"./label/NonPrimitivePropertyLabelRenderer\";\nimport type { PrimitiveRendererProps } from \"./PrimitivePropertyRenderer\";\nimport { PropertyRenderer } from \"./PropertyRenderer\";\nimport { PropertyView } from \"./PropertyView\";\n\n/** Properties of [[NonPrimitivePropertyRenderer]] React component\n * @public\n */\nexport interface NonPrimitivePropertyRendererProps\n  extends PrimitiveRendererProps {\n  /** Can struct/array property be collapsed */\n  isCollapsible?: boolean;\n}\n\n/** State of [[NonPrimitivePropertyRenderer]] React component. */\ninterface NonPrimitivePropertyRendererState {\n  /** Is struct/array property expanded */\n  isExpanded?: boolean;\n}\n\n/** React Component that renders struct and array properties\n * @public\n */\nexport class NonPrimitivePropertyRenderer extends React.Component<\n  NonPrimitivePropertyRendererProps,\n  NonPrimitivePropertyRendererState\n> {\n  public override readonly state: NonPrimitivePropertyRendererState = {\n    /** If it's not collapsible, that means it's expanded by default and can't be collapsed */\n    isExpanded:\n      !this.props.isCollapsible || this.props.propertyRecord.autoExpand,\n  };\n\n  constructor(props: NonPrimitivePropertyRendererProps) {\n    super(props);\n  }\n\n  private _onExpanded = () => {\n    this.setState({ isExpanded: true });\n  };\n\n  private _onCollapsed = () => {\n    this.setState({ isExpanded: false });\n  };\n\n  private getLabel(\n    props: NonPrimitivePropertyRendererProps,\n    state: NonPrimitivePropertyRendererState\n  ): React.ReactNode {\n    const { orientation, indentation, width, columnRatio, columnInfo } = props;\n    const minLabelWidth = columnInfo?.minLabelWidth;\n    const offset = CommonPropertyRenderer.getLabelOffset(\n      indentation,\n      orientation,\n      width,\n      columnRatio,\n      minLabelWidth\n    );\n\n    let displayLabel = props.propertyRecord.property.displayLabel;\n    if (\n      this.props.propertyRecord.value.valueFormat === PropertyValueFormat.Array\n    )\n      displayLabel = `${displayLabel} (${this.props.propertyRecord.value.items.length})`;\n\n    return (\n      <NonPrimitivePropertyLabelRenderer\n        isExpanded={!!state.isExpanded}\n        onExpand={this._onExpanded}\n        onCollapse={this._onCollapsed}\n        offset={offset}\n        renderColon={false}\n      >\n        {displayLabel}\n      </NonPrimitivePropertyLabelRenderer>\n    );\n  }\n\n  private overrideArrayChildrenNames(items: PropertyRecord[]) {\n    const modifiedProperties: PropertyRecord[] = items.map(\n      (item, index): PropertyRecord => {\n        const newProperty = { ...item.property };\n        newProperty.displayLabel = `[${index + 1}]`;\n        newProperty.name = `${newProperty.name}_${index}`;\n        return new PropertyRecord(item.value, newProperty);\n      }\n    );\n\n    return modifiedProperties;\n  }\n\n  private _renderPropertyForItem = (item: PropertyRecord) => {\n    const prefix = this.props.uniqueKey\n      ? this.props.uniqueKey\n      : this.props.propertyRecord.property.name;\n    const uniqueKey = `${prefix}_${item.property.name}`;\n    return (\n      <PropertyRenderer\n        key={uniqueKey}\n        uniqueKey={uniqueKey}\n        propertyRecord={item}\n        indentation={this.props.indentation ? this.props.indentation + 1 : 1}\n        orientation={this.props.orientation}\n        columnRatio={this.props.columnRatio}\n        actionButtonRenderers={this.props.actionButtonRenderers}\n        onColumnRatioChanged={this.props.onColumnRatioChanged}\n        width={this.props.width}\n        isResizeHandleHovered={this.props.isResizeHandleHovered}\n        onResizeHandleHoverChanged={this.props.onResizeHandleHoverChanged}\n        isResizeHandleBeingDragged={this.props.isResizeHandleBeingDragged}\n        onResizeHandleDragChanged={this.props.onResizeHandleDragChanged}\n        columnInfo={this.props.columnInfo}\n      />\n    );\n  };\n\n  public override render() {\n    let items: PropertyRecord[] =\n      this.props.propertyRecord.getChildrenRecords();\n    if (\n      this.props.propertyRecord.value.valueFormat === PropertyValueFormat.Array\n    )\n      items = this.overrideArrayChildrenNames(items);\n\n    const { indentation, ...props } = this.props;\n    return (\n      <>\n        {this.props.isCollapsible ? (\n          <PropertyView\n            labelElement={this.getLabel(this.props, this.state)}\n            {...props}\n          />\n        ) : undefined}\n\n        {this.state.isExpanded\n          ? items.map(this._renderPropertyForItem)\n          : undefined}\n      </>\n    );\n  }\n}\n"]}

package/lib/esm/components-react/properties/renderers/NonPrimitivePropertyRenderer.scss

@@ -1,17 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-
-@import "~@itwin/core-react/lib/cjs/core-react/style/colors";
-
-.components-nonprimitive-property {
-  padding: 10px;
-  display: grid;
-  grid-row-gap: 10px;
-
-  border-radius: var(--iui-border-radius-1);
-  border: solid 1px $uicore-gray-9;
-
-  background-color: #ffffff;
-}

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

@@ -1,27 +0,0 @@
-/** @packageDocumentation
- * @module Properties
- */
-import type { HighlightingComponentProps } from "../../common/HighlightingComponentProps";
-import type { SharedRendererProps } from "./PropertyRenderer";
-import React from "react";
-/** Properties of [[PrimitivePropertyRenderer]] React component
- * @public
- */
-export interface PrimitiveRendererProps extends SharedRendererProps {
-    /** Property value as a React element */
-    valueElement?: React.ReactNode;
-    /** Render callback for property value. If specified, `valueElement` is ignored */
-    valueElementRenderer?: () => React.ReactNode;
-    /** Multiplier of how much the property is indented to the right */
-    indentation?: number;
-    /** Properties used for highlighting */
-    highlight?: HighlightingComponentProps;
-}
-/** React Component that renders primitive properties
- * @public
- */
-export declare class PrimitivePropertyRenderer extends React.Component<PrimitiveRendererProps> {
-    constructor(props: PrimitiveRendererProps);
-    render(): React.JSX.Element;
-}
-//# sourceMappingURL=PrimitivePropertyRenderer.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PrimitivePropertyRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/PrimitivePropertyRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAC1F,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAE9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,mBAAmB;IACjE,wCAAwC;IACxC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,kFAAkF;IAClF,oBAAoB,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IAC7C,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,SAAS,CAAC,EAAE,0BAA0B,CAAC;CACxC;AAED;;GAEG;AACH,qBAAa,yBAA0B,SAAQ,KAAK,CAAC,SAAS,CAAC,sBAAsB,CAAC;gBACxE,KAAK,EAAE,sBAAsB;IAIzB,MAAM;CAGvB"}

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

@@ -1,21 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * 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 { CustomizablePropertyRenderer } from "./CustomizablePropertyRenderer";
-import React from "react";
-/** React Component that renders primitive properties
- * @public
- */
-export class PrimitivePropertyRenderer extends React.Component {
-    constructor(props) {
-        super(props);
-    }
-    render() {
-        return React.createElement(CustomizablePropertyRenderer, { ...this.props });
-    }
-}
-//# sourceMappingURL=PrimitivePropertyRenderer.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PrimitivePropertyRenderer.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/PrimitivePropertyRenderer.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAIH,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B;;GAEG;AACH,MAAM,OAAO,yBAA0B,SAAQ,KAAK,CAAC,SAAiC;IACpF,YAAY,KAA6B;QACvC,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,CAAC;IAEe,MAAM;QACpB,OAAO,oBAAC,4BAA4B,OAAK,IAAI,CAAC,KAAK,GAAI,CAAC;IAC1D,CAAC;CACF","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 { HighlightingComponentProps } from \"../../common/HighlightingComponentProps\";\nimport type { SharedRendererProps } from \"./PropertyRenderer\";\nimport { CustomizablePropertyRenderer } from \"./CustomizablePropertyRenderer\";\nimport React from \"react\";\n\n/** Properties of [[PrimitivePropertyRenderer]] React component\n * @public\n */\nexport interface PrimitiveRendererProps extends SharedRendererProps {\n  /** Property value as a React element */\n  valueElement?: React.ReactNode;\n  /** Render callback for property value. If specified, `valueElement` is ignored */\n  valueElementRenderer?: () => React.ReactNode;\n  /** Multiplier of how much the property is indented to the right */\n  indentation?: number;\n  /** Properties used for highlighting */\n  highlight?: HighlightingComponentProps;\n}\n\n/** React Component that renders primitive properties\n * @public\n */\nexport class PrimitivePropertyRenderer extends React.Component<PrimitiveRendererProps> {\n  constructor(props: PrimitiveRendererProps) {\n    super(props);\n  }\n\n  public override render() {\n    return <CustomizablePropertyRenderer {...this.props} />;\n  }\n}\n"]}

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

@@ -1,29 +0,0 @@
-/** @packageDocumentation
- * @module Properties
- */
-import { Orientation } from "../../common/Orientation";
-/** @internal */
-export interface PropertyGridColumnInfo {
-    minLabelWidth: number;
-    minValueWidth: number;
-    actionButtonWidth: number;
-    isMinimumColumnSizeEnabled: boolean;
-}
-/** @internal */
-export declare class PropertyGridColumnStyleProvider {
-    private _minLabelWidth;
-    private _minValueWidth;
-    private _actionButtonWidth;
-    private _isMinimumColumnSizeEnabled;
-    constructor(columnInfo: PropertyGridColumnInfo | undefined);
-    get minLabelWidth(): number;
-    get minValueWidth(): number;
-    get actionButtonWidth(): number;
-    get isMinimumColumnSizeEnabled(): boolean;
-    getStyle(orientation: Orientation, needActionButtons: boolean, ratio: number, needElementSeparator: boolean): React.CSSProperties;
-    /** Join columns together in sequence, filtering out undefined column definitions */
-    private columnStyleBuilder;
-    private getHorizontalStyle;
-    private getVerticalStyle;
-}
-//# sourceMappingURL=PropertyGridColumns.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PropertyGridColumns.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/PropertyGridColumns.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD,gBAAgB;AAChB,MAAM,WAAW,sBAAsB;IACrC,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,0BAA0B,EAAE,OAAO,CAAC;CACrC;AAED,gBAAgB;AAChB,qBAAa,+BAA+B;IAC1C,OAAO,CAAC,cAAc,CAAa;IACnC,OAAO,CAAC,cAAc,CAAa;IACnC,OAAO,CAAC,kBAAkB,CAAa;IACvC,OAAO,CAAC,2BAA2B,CAAU;gBAE1B,UAAU,EAAE,sBAAsB,GAAG,SAAS;IAYjE,IAAW,aAAa,WAEvB;IAED,IAAW,aAAa,WAEvB;IAED,IAAW,iBAAiB,WAE3B;IAED,IAAW,0BAA0B,YAEpC;IAEM,QAAQ,CACb,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE,OAAO,EAC1B,KAAK,EAAE,MAAM,EACb,oBAAoB,EAAE,OAAO,GAC5B,KAAK,CAAC,aAAa;IAmBtB,oFAAoF;IACpF,OAAO,CAAC,kBAAkB;IAO1B,OAAO,CAAC,kBAAkB;IA8B1B,OAAO,CAAC,gBAAgB;CAMzB"}