@itwin/components-react 4.0.0-dev.11 → 4.0.0-dev.13

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

@@ -1,104 +1,104 @@
-/*---------------------------------------------------------------------------------------------
-* 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/themecolors";
-
-$text-font-size: var(--iui-font-size-1);
-$text-font-color: var(--iui-color-text);
-
-.components-property-record--horizontal {
-  height: 100%;
-  display: grid;
-  padding: 0 8px;
-
-  .components-property-record-label {
-    font-size: var(--iui-font-size-0);
-    color: var(--iui-color-text-muted);
-  }
-
-  .components-property-record-value {
-    min-height: 24px;
-    font-size: $text-font-size;
-    color: $text-font-color;
-    padding: 0px 5px;
-  }
-}
-
-.components-property-record--vertical {
-  height: 100%;
-  padding: 0 8px;
-  display: grid;
-  align-content: center;
-
-  .components-property-record-label {
-    font-size: var(--iui-font-size-0);
-    color: var(--iui-color-text-muted);
-  }
-
-  .components-property-record-value {
-    min-height: 22px;
-    font-size: $text-font-size;
-    color: $text-font-color;
-  }
-}
-
-@mixin record-cell {
-  display: flex;
-  align-items: center;
-}
-
-.components-property-record-label {
-  @include record-cell;
-}
-
-.components-property-record-value {
-  @include record-cell;
-
-  & > span {
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    width: 100%;
-  }
-
-  .core-underlined-button {
-    // Offset by 2px, because value is centered vertically
-    // and the button has an underline which offsets it's content,
-    // which in turn makes it not in line with the rest of text
-    margin-top: 2px;
-  }
-
-  .multiline {
-    display: flex;
-    align-items: baseline;
-  }
-
-  .expanded {
-    white-space: pre-wrap;
-    margin-top: 4px;
-    margin-bottom: 4px;
-
-    .expand-toggle {
-      float: right;
-      margin-top: 2px;
-    }
-  }
-
-  .expand-toggle {
-    padding: 0;
-    white-space: nowrap;
-    border: none;
-    background: none;
-    color: var(--buic-foreground-primary);
-    font-size: 12px;
-    cursor: pointer;
-
-    &:hover {
-      text-decoration: underline;
-    }
-
-    &:active {
-      outline: none;
-    }
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* 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/themecolors";
+
+$text-font-size: var(--iui-font-size-1);
+$text-font-color: var(--iui-color-text);
+
+.components-property-record--horizontal {
+  height: 100%;
+  display: grid;
+  padding: 0 8px;
+
+  .components-property-record-label {
+    font-size: var(--iui-font-size-0);
+    color: var(--iui-color-text-muted);
+  }
+
+  .components-property-record-value {
+    min-height: 24px;
+    font-size: $text-font-size;
+    color: $text-font-color;
+    padding: 0px 5px;
+  }
+}
+
+.components-property-record--vertical {
+  height: 100%;
+  padding: 0 8px;
+  display: grid;
+  align-content: center;
+
+  .components-property-record-label {
+    font-size: var(--iui-font-size-0);
+    color: var(--iui-color-text-muted);
+  }
+
+  .components-property-record-value {
+    min-height: 22px;
+    font-size: $text-font-size;
+    color: $text-font-color;
+  }
+}
+
+@mixin record-cell {
+  display: flex;
+  align-items: center;
+}
+
+.components-property-record-label {
+  @include record-cell;
+}
+
+.components-property-record-value {
+  @include record-cell;
+
+  & > span {
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    width: 100%;
+  }
+
+  .core-underlined-button {
+    // Offset by 2px, because value is centered vertically
+    // and the button has an underline which offsets it's content,
+    // which in turn makes it not in line with the rest of text
+    margin-top: 2px;
+  }
+
+  .multiline {
+    display: flex;
+    align-items: baseline;
+  }
+
+  .expanded {
+    white-space: pre-wrap;
+    margin-top: 4px;
+    margin-bottom: 4px;
+
+    .expand-toggle {
+      float: right;
+      margin-top: 2px;
+    }
+  }
+
+  .expand-toggle {
+    padding: 0;
+    white-space: nowrap;
+    border: none;
+    background: none;
+    color: var(--buic-foreground-primary);
+    font-size: 12px;
+    cursor: pointer;
+
+    &:hover {
+      text-decoration: underline;
+    }
+
+    &:active {
+      outline: none;
+    }
+  }
+}

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

@@ -1,24 +1,24 @@
-/** @packageDocumentation
- * @module Properties
- */
-import "./PropertyLabelRenderer.scss";
-import * as React from "react";
-import { PrimitivePropertyLabelRendererProps } from "./PrimitivePropertyLabelRenderer";
-/** Properties for the [[NonPrimitivePropertyLabelRenderer]] React component
- * @public
- */
-export interface NonPrimitivePropertyLabelRendererProps extends PrimitivePropertyLabelRendererProps {
-    isExpanded: boolean;
-    onExpand: () => void;
-    onCollapse: () => void;
-}
-/**
- * A React component that renders a non-primitive property label.
- * It renders an animated arrow with text which expands when label is clicked.
- * @public
- */
-export declare class NonPrimitivePropertyLabelRenderer extends React.PureComponent<NonPrimitivePropertyLabelRendererProps> {
-    private _onClick;
-    render(): JSX.Element;
-}
+/** @packageDocumentation
+ * @module Properties
+ */
+import "./PropertyLabelRenderer.scss";
+import * as React from "react";
+import { PrimitivePropertyLabelRendererProps } from "./PrimitivePropertyLabelRenderer";
+/** Properties for the [[NonPrimitivePropertyLabelRenderer]] React component
+ * @public
+ */
+export interface NonPrimitivePropertyLabelRendererProps extends PrimitivePropertyLabelRendererProps {
+    isExpanded: boolean;
+    onExpand: () => void;
+    onCollapse: () => void;
+}
+/**
+ * A React component that renders a non-primitive property label.
+ * It renders an animated arrow with text which expands when label is clicked.
+ * @public
+ */
+export declare class NonPrimitivePropertyLabelRenderer extends React.PureComponent<NonPrimitivePropertyLabelRendererProps> {
+    private _onClick;
+    render(): JSX.Element;
+}
 //# sourceMappingURL=NonPrimitivePropertyLabelRenderer.d.ts.map

package/lib/esm/components-react/properties/renderers/label/NonPrimitivePropertyLabelRenderer.js

@@ -1,35 +1,35 @@
-/*---------------------------------------------------------------------------------------------
-* 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 "./PropertyLabelRenderer.scss";
-import * as React from "react";
-import { PropertyLabelRenderer } from "./PropertyLabelRenderer";
-import { SvgChevronRight } from "@itwin/itwinui-icons-react";
-import { Icon } from "@itwin/core-react";
-/**
- * A React component that renders a non-primitive property label.
- * It renders an animated arrow with text which expands when label is clicked.
- * @public
- */
-export class NonPrimitivePropertyLabelRenderer extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        this._onClick = () => {
-            if (this.props.isExpanded)
-                this.props.onCollapse();
-            else
-                this.props.onExpand();
-        };
-    }
-    render() {
-        return (React.createElement("div", { style: PropertyLabelRenderer.getStyle(this.props.offset), className: `components-nonprimitive-property-label-renderer ${this.props.className ? this.props.className : ""}`, onClick: this._onClick, role: "presentation" },
-            React.createElement("div", { className: (this.props.isExpanded ? " components-expanded" : "") },
-                React.createElement(Icon, { iconSpec: React.createElement(SvgChevronRight, null) })),
-            React.createElement(PropertyLabelRenderer, { renderColon: this.props.renderColon }, this.props.children)));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* 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 "./PropertyLabelRenderer.scss";
+import * as React from "react";
+import { PropertyLabelRenderer } from "./PropertyLabelRenderer";
+import { SvgChevronRight } from "@itwin/itwinui-icons-react";
+import { Icon } from "@itwin/core-react";
+/**
+ * A React component that renders a non-primitive property label.
+ * It renders an animated arrow with text which expands when label is clicked.
+ * @public
+ */
+export class NonPrimitivePropertyLabelRenderer extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        this._onClick = () => {
+            if (this.props.isExpanded)
+                this.props.onCollapse();
+            else
+                this.props.onExpand();
+        };
+    }
+    render() {
+        return (React.createElement("div", { style: PropertyLabelRenderer.getStyle(this.props.offset), className: `components-nonprimitive-property-label-renderer ${this.props.className ? this.props.className : ""}`, onClick: this._onClick, role: "presentation" },
+            React.createElement("div", { className: (this.props.isExpanded ? " components-expanded" : "") },
+                React.createElement(Icon, { iconSpec: React.createElement(SvgChevronRight, null) })),
+            React.createElement(PropertyLabelRenderer, { renderColon: this.props.renderColon }, this.props.children)));
+    }
+}
 //# sourceMappingURL=NonPrimitivePropertyLabelRenderer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NonPrimitivePropertyLabelRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/label/NonPrimitivePropertyLabelRenderer.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,8BAA8B,CAAC;AACtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAWzC;;;;GAIG;AACH,MAAM,OAAO,iCAAkC,SAAQ,KAAK,CAAC,aAAqD;IAAlH;;QACU,aAAQ,GAAG,GAAG,EAAE;YACtB,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU;gBACvB,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;;gBAExB,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;QAC1B,CAAC,CAAC;IAiBJ,CAAC;IAfiB,MAAM;QACpB,OAAO,CACL,6BACE,KAAK,EAAE,qBAAqB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EACxD,SAAS,EAAE,mDAAmD,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,EAChH,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,IAAI,EAAC,cAAc;YAEnB,6BAAK,SAAS,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC;gBACnE,oBAAC,IAAI,IAAC,QAAQ,EAAE,oBAAC,eAAe,OAAG,GAAG,CAClC;YACN,oBAAC,qBAAqB,IAAC,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,IAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAyB,CACrG,CACP,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Properties\r\n */\r\n\r\nimport \"./PropertyLabelRenderer.scss\";\r\nimport * as React from \"react\";\r\nimport { PrimitivePropertyLabelRendererProps } from \"./PrimitivePropertyLabelRenderer\";\r\nimport { PropertyLabelRenderer } from \"./PropertyLabelRenderer\";\r\nimport { SvgChevronRight } from \"@itwin/itwinui-icons-react\";\r\nimport { Icon } from \"@itwin/core-react\";\r\n\r\n/** Properties for the [[NonPrimitivePropertyLabelRenderer]] React component\r\n * @public\r\n */\r\nexport interface NonPrimitivePropertyLabelRendererProps extends PrimitivePropertyLabelRendererProps {\r\n  isExpanded: boolean;\r\n  onExpand: () => void;\r\n  onCollapse: () => void;\r\n}\r\n\r\n/**\r\n * A React component that renders a non-primitive property label.\r\n * It renders an animated arrow with text which expands when label is clicked.\r\n * @public\r\n */\r\nexport class NonPrimitivePropertyLabelRenderer extends React.PureComponent<NonPrimitivePropertyLabelRendererProps> {\r\n  private _onClick = () => {\r\n    if (this.props.isExpanded)\r\n      this.props.onCollapse();\r\n    else\r\n      this.props.onExpand();\r\n  };\r\n\r\n  public override render() {\r\n    return (\r\n      <div\r\n        style={PropertyLabelRenderer.getStyle(this.props.offset)}\r\n        className={`components-nonprimitive-property-label-renderer ${this.props.className ? this.props.className : \"\"}`}\r\n        onClick={this._onClick}\r\n        role=\"presentation\"\r\n      >\r\n        <div className={(this.props.isExpanded ? \" components-expanded\" : \"\")}>\r\n          <Icon iconSpec={<SvgChevronRight />}/>\r\n        </div>\r\n        <PropertyLabelRenderer renderColon={this.props.renderColon}>{this.props.children}</PropertyLabelRenderer>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"NonPrimitivePropertyLabelRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/label/NonPrimitivePropertyLabelRenderer.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,8BAA8B,CAAC;AACtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAWzC;;;;GAIG;AACH,MAAM,OAAO,iCAAkC,SAAQ,KAAK,CAAC,aAAqD;IAAlH;;QACU,aAAQ,GAAG,GAAG,EAAE;YACtB,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU;gBACvB,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;;gBAExB,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;QAC1B,CAAC,CAAC;IAiBJ,CAAC;IAfiB,MAAM;QACpB,OAAO,CACL,6BACE,KAAK,EAAE,qBAAqB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EACxD,SAAS,EAAE,mDAAmD,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,EAChH,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,IAAI,EAAC,cAAc;YAEnB,6BAAK,SAAS,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC;gBACnE,oBAAC,IAAI,IAAC,QAAQ,EAAE,oBAAC,eAAe,OAAG,GAAG,CAClC;YACN,oBAAC,qBAAqB,IAAC,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,IAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAyB,CACrG,CACP,CAAC;IACJ,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 \"./PropertyLabelRenderer.scss\";\nimport * as React from \"react\";\nimport { PrimitivePropertyLabelRendererProps } from \"./PrimitivePropertyLabelRenderer\";\nimport { PropertyLabelRenderer } from \"./PropertyLabelRenderer\";\nimport { SvgChevronRight } from \"@itwin/itwinui-icons-react\";\nimport { Icon } from \"@itwin/core-react\";\n\n/** Properties for the [[NonPrimitivePropertyLabelRenderer]] React component\n * @public\n */\nexport interface NonPrimitivePropertyLabelRendererProps extends PrimitivePropertyLabelRendererProps {\n  isExpanded: boolean;\n  onExpand: () => void;\n  onCollapse: () => void;\n}\n\n/**\n * A React component that renders a non-primitive property label.\n * It renders an animated arrow with text which expands when label is clicked.\n * @public\n */\nexport class NonPrimitivePropertyLabelRenderer extends React.PureComponent<NonPrimitivePropertyLabelRendererProps> {\n  private _onClick = () => {\n    if (this.props.isExpanded)\n      this.props.onCollapse();\n    else\n      this.props.onExpand();\n  };\n\n  public override render() {\n    return (\n      <div\n        style={PropertyLabelRenderer.getStyle(this.props.offset)}\n        className={`components-nonprimitive-property-label-renderer ${this.props.className ? this.props.className : \"\"}`}\n        onClick={this._onClick}\n        role=\"presentation\"\n      >\n        <div className={(this.props.isExpanded ? \" components-expanded\" : \"\")}>\n          <Icon iconSpec={<SvgChevronRight />}/>\n        </div>\n        <PropertyLabelRenderer renderColon={this.props.renderColon}>{this.props.children}</PropertyLabelRenderer>\n      </div>\n    );\n  }\n}\n"]}

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

@@ -1,22 +1,22 @@
-/** @packageDocumentation
- * @module Properties
- */
-import "./PropertyLabelRenderer.scss";
-import * as React from "react";
-import { PropertyLabelRendererProps } from "./PropertyLabelRenderer";
-/** Properties of a [[PrimitivePropertyLabelRenderer]] React component
- * @public
- */
-export interface PrimitivePropertyLabelRendererProps extends PropertyLabelRendererProps {
-    /** Additional class name for the label wrapper */
-    className?: string;
-    /** Offset from the left side in pixels. */
-    offset?: number;
-}
-/** A React component that renders a primitive property label
- * @public
- */
-export declare class PrimitivePropertyLabelRenderer extends React.PureComponent<PrimitivePropertyLabelRendererProps> {
-    render(): JSX.Element;
-}
+/** @packageDocumentation
+ * @module Properties
+ */
+import "./PropertyLabelRenderer.scss";
+import * as React from "react";
+import { PropertyLabelRendererProps } from "./PropertyLabelRenderer";
+/** Properties of a [[PrimitivePropertyLabelRenderer]] React component
+ * @public
+ */
+export interface PrimitivePropertyLabelRendererProps extends PropertyLabelRendererProps {
+    /** Additional class name for the label wrapper */
+    className?: string;
+    /** Offset from the left side in pixels. */
+    offset?: number;
+}
+/** A React component that renders a primitive property label
+ * @public
+ */
+export declare class PrimitivePropertyLabelRenderer extends React.PureComponent<PrimitivePropertyLabelRendererProps> {
+    render(): JSX.Element;
+}
 //# sourceMappingURL=PrimitivePropertyLabelRenderer.d.ts.map

package/lib/esm/components-react/properties/renderers/label/PrimitivePropertyLabelRenderer.js

@@ -1,21 +1,21 @@
-/*---------------------------------------------------------------------------------------------
-* 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 "./PropertyLabelRenderer.scss";
-import * as React from "react";
-import { PropertyLabelRenderer } from "./PropertyLabelRenderer";
-/** A React component that renders a primitive property label
- * @public
- */
-export class PrimitivePropertyLabelRenderer extends React.PureComponent {
-    render() {
-        const { className, offset, children, ...rest } = this.props;
-        return (React.createElement("span", { className: `components-primitive-property-label-renderer ${className ? className : ""}`, style: PropertyLabelRenderer.getStyle(offset) },
-            React.createElement(PropertyLabelRenderer, { ...rest }, children)));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* 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 "./PropertyLabelRenderer.scss";
+import * as React from "react";
+import { PropertyLabelRenderer } from "./PropertyLabelRenderer";
+/** A React component that renders a primitive property label
+ * @public
+ */
+export class PrimitivePropertyLabelRenderer extends React.PureComponent {
+    render() {
+        const { className, offset, children, ...rest } = this.props;
+        return (React.createElement("span", { className: `components-primitive-property-label-renderer ${className ? className : ""}`, style: PropertyLabelRenderer.getStyle(offset) },
+            React.createElement(PropertyLabelRenderer, { ...rest }, children)));
+    }
+}
 //# sourceMappingURL=PrimitivePropertyLabelRenderer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PrimitivePropertyLabelRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/label/PrimitivePropertyLabelRenderer.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,8BAA8B,CAAC;AACtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAA8B,MAAM,yBAAyB,CAAC;AAY5F;;GAEG;AACH,MAAM,OAAO,8BAA+B,SAAQ,KAAK,CAAC,aAAkD;IAC1F,MAAM;QACpB,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC5D,OAAO,CACL,8BACE,SAAS,EAAE,gDAAgD,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,EACvF,KAAK,EAAE,qBAAqB,CAAC,QAAQ,CAAC,MAAM,CAAC;YAE7C,oBAAC,qBAAqB,OAAK,IAAI,IAAG,QAAQ,CAAyB,CAC9D,CACR,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Properties\r\n */\r\n\r\nimport \"./PropertyLabelRenderer.scss\";\r\nimport * as React from \"react\";\r\nimport { PropertyLabelRenderer, PropertyLabelRendererProps } from \"./PropertyLabelRenderer\";\r\n\r\n/** Properties of a [[PrimitivePropertyLabelRenderer]] React component\r\n * @public\r\n */\r\nexport interface PrimitivePropertyLabelRendererProps extends PropertyLabelRendererProps {\r\n  /** Additional class name for the label wrapper */\r\n  className?: string;\r\n  /** Offset from the left side in pixels. */\r\n  offset?: number;\r\n}\r\n\r\n/** A React component that renders a primitive property label\r\n * @public\r\n */\r\nexport class PrimitivePropertyLabelRenderer extends React.PureComponent<PrimitivePropertyLabelRendererProps> {\r\n  public override render() {\r\n    const { className, offset, children, ...rest } = this.props;\r\n    return (\r\n      <span\r\n        className={`components-primitive-property-label-renderer ${className ? className : \"\"}`}\r\n        style={PropertyLabelRenderer.getStyle(offset)}\r\n      >\r\n        <PropertyLabelRenderer {...rest}>{children}</PropertyLabelRenderer>\r\n      </span>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"PrimitivePropertyLabelRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/label/PrimitivePropertyLabelRenderer.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,8BAA8B,CAAC;AACtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAA8B,MAAM,yBAAyB,CAAC;AAY5F;;GAEG;AACH,MAAM,OAAO,8BAA+B,SAAQ,KAAK,CAAC,aAAkD;IAC1F,MAAM;QACpB,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC5D,OAAO,CACL,8BACE,SAAS,EAAE,gDAAgD,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,EACvF,KAAK,EAAE,qBAAqB,CAAC,QAAQ,CAAC,MAAM,CAAC;YAE7C,oBAAC,qBAAqB,OAAK,IAAI,IAAG,QAAQ,CAAyB,CAC9D,CACR,CAAC;IACJ,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 \"./PropertyLabelRenderer.scss\";\nimport * as React from \"react\";\nimport { PropertyLabelRenderer, PropertyLabelRendererProps } from \"./PropertyLabelRenderer\";\n\n/** Properties of a [[PrimitivePropertyLabelRenderer]] React component\n * @public\n */\nexport interface PrimitivePropertyLabelRendererProps extends PropertyLabelRendererProps {\n  /** Additional class name for the label wrapper */\n  className?: string;\n  /** Offset from the left side in pixels. */\n  offset?: number;\n}\n\n/** A React component that renders a primitive property label\n * @public\n */\nexport class PrimitivePropertyLabelRenderer extends React.PureComponent<PrimitivePropertyLabelRendererProps> {\n  public override render() {\n    const { className, offset, children, ...rest } = this.props;\n    return (\n      <span\n        className={`components-primitive-property-label-renderer ${className ? className : \"\"}`}\n        style={PropertyLabelRenderer.getStyle(offset)}\n      >\n        <PropertyLabelRenderer {...rest}>{children}</PropertyLabelRenderer>\n      </span>\n    );\n  }\n}\n"]}

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

@@ -1,23 +1,23 @@
-/** @packageDocumentation
- * @module Properties
- */
-import "./PropertyLabelRenderer.scss";
-import * as React from "react";
-/** Base properties for a property label renderer
- * @public
- */
-export interface PropertyLabelRendererProps {
-    /** Label to be rendered */
-    children: string | JSX.Element;
-    /** Indicates whether to render a colon after the label */
-    renderColon?: boolean;
-    /** Custom tooltip for the component. */
-    tooltip?: string;
-}
-/** @internal */
-export declare class PropertyLabelRenderer extends React.PureComponent<PropertyLabelRendererProps> {
-    /** Get React CSS style object based on provided offset from the left side */
-    static getStyle(offset?: number): React.CSSProperties;
-    render(): JSX.Element;
-}
+/** @packageDocumentation
+ * @module Properties
+ */
+import "./PropertyLabelRenderer.scss";
+import * as React from "react";
+/** Base properties for a property label renderer
+ * @public
+ */
+export interface PropertyLabelRendererProps {
+    /** Label to be rendered */
+    children: string | JSX.Element;
+    /** Indicates whether to render a colon after the label */
+    renderColon?: boolean;
+    /** Custom tooltip for the component. */
+    tooltip?: string;
+}
+/** @internal */
+export declare class PropertyLabelRenderer extends React.PureComponent<PropertyLabelRendererProps> {
+    /** Get React CSS style object based on provided offset from the left side */
+    static getStyle(offset?: number): React.CSSProperties;
+    render(): JSX.Element;
+}
 //# sourceMappingURL=PropertyLabelRenderer.d.ts.map

package/lib/esm/components-react/properties/renderers/label/PropertyLabelRenderer.js

@@ -1,28 +1,27 @@
-/*---------------------------------------------------------------------------------------------
-* 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 "./PropertyLabelRenderer.scss";
-import * as React from "react";
-/** @internal */
-export class PropertyLabelRenderer extends React.PureComponent {
-    /** Get React CSS style object based on provided offset from the left side */
-    static getStyle(offset) {
-        offset = offset ? offset : 0;
-        return {
-            paddingLeft: offset,
-            width: `calc(100% - ${offset}px)`,
-        };
-    }
-    render() {
-        var _a;
-        const title = (_a = this.props.tooltip) !== null && _a !== void 0 ? _a : (typeof this.props.children == "string" ? this.props.children : /* istanbul ignore next */ undefined);
-        return (React.createElement(React.Fragment, null,
-            React.createElement("span", { className: "components-property-label-renderer", title: title }, this.props.children),
-            this.props.renderColon ? React.createElement("span", { className: "components-property-label-renderer-colon" }, ":") : undefined));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* 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 "./PropertyLabelRenderer.scss";
+import * as React from "react";
+/** @internal */
+export class PropertyLabelRenderer extends React.PureComponent {
+    /** Get React CSS style object based on provided offset from the left side */
+    static getStyle(offset) {
+        offset = offset ? offset : 0;
+        return {
+            paddingLeft: offset,
+            width: `calc(100% - ${offset}px)`,
+        };
+    }
+    render() {
+        const title = this.props.tooltip ?? (typeof this.props.children == "string" ? this.props.children : /* istanbul ignore next */ undefined);
+        return (React.createElement(React.Fragment, null,
+            React.createElement("span", { className: "components-property-label-renderer", title: title }, this.props.children),
+            this.props.renderColon ? React.createElement("span", { className: "components-property-label-renderer-colon" }, ":") : undefined));
+    }
+}
 //# sourceMappingURL=PropertyLabelRenderer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PropertyLabelRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/label/PropertyLabelRenderer.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,8BAA8B,CAAC;AACtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,gBAAgB;AAChB,MAAM,OAAO,qBAAsB,SAAQ,KAAK,CAAC,aAAyC;IACxF,6EAA6E;IACtE,MAAM,CAAC,QAAQ,CAAC,MAAe;QACpC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7B,OAAO;YACL,WAAW,EAAE,MAAM;YACnB,KAAK,EAAE,eAAe,MAAM,KAAK;SAClC,CAAC;IACJ,CAAC;IAEe,MAAM;;QACpB,MAAM,KAAK,GAAG,MAAA,IAAI,CAAC,KAAK,CAAC,OAAO,mCAAI,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,0BAA0B,CAAC,SAAS,CAAC,CAAC;QAC1I,OAAO,CACL;YACE,8BAAM,SAAS,EAAC,oCAAoC,EAAC,KAAK,EAAE,KAAK,IAC9D,IAAI,CAAC,KAAK,CAAC,QAAQ,CACf;YACN,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,8BAAM,SAAS,EAAC,0CAA0C,QAAS,CAAC,CAAC,CAAC,SAAS,CACxG,CACJ,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Properties\r\n */\r\n\r\nimport \"./PropertyLabelRenderer.scss\";\r\nimport * as React from \"react\";\r\n\r\n/** Base properties for a property label renderer\r\n * @public\r\n */\r\nexport interface PropertyLabelRendererProps {\r\n  /** Label to be rendered */\r\n  children: string|JSX.Element;\r\n  /** Indicates whether to render a colon after the label */\r\n  renderColon?: boolean;\r\n  /** Custom tooltip for the component. */\r\n  tooltip?: string;\r\n}\r\n\r\n/** @internal */\r\nexport class PropertyLabelRenderer extends React.PureComponent<PropertyLabelRendererProps> {\r\n  /** Get React CSS style object based on provided offset from the left side */\r\n  public static getStyle(offset?: number): React.CSSProperties {\r\n    offset = offset ? offset : 0;\r\n    return {\r\n      paddingLeft: offset,\r\n      width: `calc(100% - ${offset}px)`,\r\n    };\r\n  }\r\n\r\n  public override render() {\r\n    const title = this.props.tooltip ?? (typeof this.props.children == \"string\" ? this.props.children : /* istanbul ignore next */ undefined);\r\n    return (\r\n      <>\r\n        <span className=\"components-property-label-renderer\" title={title}>\r\n          {this.props.children}\r\n        </span>\r\n        {this.props.renderColon ? <span className=\"components-property-label-renderer-colon\">:</span> : undefined}\r\n      </>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"PropertyLabelRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/label/PropertyLabelRenderer.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,8BAA8B,CAAC;AACtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,gBAAgB;AAChB,MAAM,OAAO,qBAAsB,SAAQ,KAAK,CAAC,aAAyC;IACxF,6EAA6E;IACtE,MAAM,CAAC,QAAQ,CAAC,MAAe;QACpC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7B,OAAO;YACL,WAAW,EAAE,MAAM;YACnB,KAAK,EAAE,eAAe,MAAM,KAAK;SAClC,CAAC;IACJ,CAAC;IAEe,MAAM;QACpB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,0BAA0B,CAAC,SAAS,CAAC,CAAC;QAC1I,OAAO,CACL;YACE,8BAAM,SAAS,EAAC,oCAAoC,EAAC,KAAK,EAAE,KAAK,IAC9D,IAAI,CAAC,KAAK,CAAC,QAAQ,CACf;YACN,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,8BAAM,SAAS,EAAC,0CAA0C,QAAS,CAAC,CAAC,CAAC,SAAS,CACxG,CACJ,CAAC;IACJ,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 \"./PropertyLabelRenderer.scss\";\nimport * as React from \"react\";\n\n/** Base properties for a property label renderer\n * @public\n */\nexport interface PropertyLabelRendererProps {\n  /** Label to be rendered */\n  children: string|JSX.Element;\n  /** Indicates whether to render a colon after the label */\n  renderColon?: boolean;\n  /** Custom tooltip for the component. */\n  tooltip?: string;\n}\n\n/** @internal */\nexport class PropertyLabelRenderer extends React.PureComponent<PropertyLabelRendererProps> {\n  /** Get React CSS style object based on provided offset from the left side */\n  public static getStyle(offset?: number): React.CSSProperties {\n    offset = offset ? offset : 0;\n    return {\n      paddingLeft: offset,\n      width: `calc(100% - ${offset}px)`,\n    };\n  }\n\n  public override render() {\n    const title = this.props.tooltip ?? (typeof this.props.children == \"string\" ? this.props.children : /* istanbul ignore next */ undefined);\n    return (\n      <>\n        <span className=\"components-property-label-renderer\" title={title}>\n          {this.props.children}\n        </span>\n        {this.props.renderColon ? <span className=\"components-property-label-renderer-colon\">:</span> : undefined}\n      </>\n    );\n  }\n}\n"]}