@itwin/components-react 4.1.0 → 4.2.0-dev.1

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

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */
@@ -45,10 +45,12 @@ class PropertyLabelRenderer extends React.PureComponent {
     }
     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);
+        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));
+            this.props.renderColon ? (React.createElement("span", { className: "components-property-label-renderer-colon" }, ":")) : undefined));
     }
 }
 exports.PropertyLabelRenderer = PropertyLabelRenderer;

package/lib/cjs/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,wCAAsC;AACtC,6CAA+B;AAc/B,gBAAgB;AAChB,MAAa,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;AArBD,sDAqBC","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;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,wCAAsC;AACtC,6CAA+B;AAc/B,gBAAgB;AAChB,MAAa,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,GACT,MAAA,IAAI,CAAC,KAAK,CAAC,OAAO,mCAClB,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,QAAQ;YACrC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ;YACrB,CAAC,CAAC,0BAA0B,CAAC,SAAS,CAAC,CAAC;QAC5C,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,CACxB,8BAAM,SAAS,EAAC,0CAA0C,QAAS,CACpE,CAAC,CAAC,CAAC,SAAS,CACZ,CACJ,CAAC;IACJ,CAAC;CACF;AA3BD,sDA2BC","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 | React.ReactElement;\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 =\n      this.props.tooltip ??\n      (typeof this.props.children == \"string\"\n        ? this.props.children\n        : /* 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 ? (\n          <span className=\"components-property-label-renderer-colon\">:</span>\n        ) : undefined}\n      </>\n    );\n  }\n}\n"]}

package/lib/cjs/components-react/properties/renderers/label/PropertyLabelRenderer.scss

@@ -1,88 +1,88 @@
-/*---------------------------------------------------------------------------------------------
-* 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";
-
-@mixin rotate($amount) {
-  -webkit-transform: rotate($amount);
-  -ms-transform: rotate($amount);
-  transform: rotate($amount);
-}
-
-@mixin transition($seconds, $type) {
-  -webkit-transition: -webkit-transform $seconds $type;
-  -ms-transition: -ms-transform $seconds $type;
-  transition: transform $seconds $type;
-}
-
-.components-property-label-renderer {
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-  margin-top: auto;
-  margin-bottom: auto;
-}
-
-.components-property-label-renderer-colon {
-  margin: auto 3px auto 0px;
-}
-
-@mixin specific-property-label-renderer {
-  position: relative;
-  display: flex;
-
-  .components-label-popup {
-    background: $buic-background-window;
-    width: max-content;
-    padding: 5px;
-  }
-}
-
-.components-primitive-property-label-renderer {
-  @include specific-property-label-renderer;
-}
-
-.components-property-record--vertical {
-  .components-nonprimitive-property-label-renderer {
-    margin-bottom: 4px;
-  }
-}
-
-.components-nonprimitive-property-label-renderer {
-  @include specific-property-label-renderer;
-  align-items: center;
-  border: none;
-  background: transparent;
-  cursor: pointer;
-  color: var(--iui-color-text);
-  font-size: 14px;
-  height: 100%;
-  width: 100%;
-  transition: transform var(--iui-duration-1) ease-in-out,
-    -webkit-transform var(--iui-duration-1) ease-in-out;
-
-  > .components-property-label-renderer {
-    flex: 1;
-    padding-left: var(--iui-size-2xs);
-  }
-
-  > div {
-    @include transition(var(--iui-duration-1), ease-in-out);
-
-    svg {
-      width: var(--iui-size-s);
-      height: var(--iui-size-s);
-      fill: var(--iui-color-icon);
-      display: block;
-    }
-
-    &.components-expanded {
-      @include rotate(90deg);
-    }
-  }
-
-  &:hover {
-    color: var(--iui-color-text-hover);
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* 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";
+
+@mixin rotate($amount) {
+  -webkit-transform: rotate($amount);
+  -ms-transform: rotate($amount);
+  transform: rotate($amount);
+}
+
+@mixin transition($seconds, $type) {
+  -webkit-transition: -webkit-transform $seconds $type;
+  -ms-transition: -ms-transform $seconds $type;
+  transition: transform $seconds $type;
+}
+
+.components-property-label-renderer {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  margin-top: auto;
+  margin-bottom: auto;
+}
+
+.components-property-label-renderer-colon {
+  margin: auto 3px auto 0px;
+}
+
+@mixin specific-property-label-renderer {
+  position: relative;
+  display: flex;
+
+  .components-label-popup {
+    background: $buic-background-window;
+    width: max-content;
+    padding: 5px;
+  }
+}
+
+.components-primitive-property-label-renderer {
+  @include specific-property-label-renderer;
+}
+
+.components-property-record--vertical {
+  .components-nonprimitive-property-label-renderer {
+    margin-bottom: 4px;
+  }
+}
+
+.components-nonprimitive-property-label-renderer {
+  @include specific-property-label-renderer;
+  align-items: center;
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  color: var(--iui-color-text);
+  font-size: 14px;
+  height: 100%;
+  width: 100%;
+  transition: transform var(--iui-duration-1) ease-in-out,
+    -webkit-transform var(--iui-duration-1) ease-in-out;
+
+  > .components-property-label-renderer {
+    flex: 1;
+    padding-left: var(--iui-size-2xs);
+  }
+
+  > div {
+    @include transition(var(--iui-duration-1), ease-in-out);
+
+    svg {
+      width: var(--iui-size-s);
+      height: var(--iui-size-s);
+      fill: var(--iui-color-icon);
+      display: block;
+    }
+
+    &.components-expanded {
+      @include rotate(90deg);
+    }
+  }
+
+  &:hover {
+    color: var(--iui-color-text-hover);
+  }
+}

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

@@ -1 +1 @@
-{"version":3,"file":"ArrayPropertyValueRenderer.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/ArrayPropertyValueRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAc,cAAc,EAAC,MAAM,uBAAuB,CAAC;AAGvE,OAAO,KAAK,EAAE,sBAAsB,EAAE,4BAA4B,EAAE,MAAM,4BAA4B,CAAC;AAKvG;;GAEG;AACH,qBAAa,0BAA2B,YAAW,sBAAsB;IAEvE,uDAAuD;IAChD,SAAS,CAAC,MAAM,EAAE,cAAc;IAIvC,iEAAiE;IAC1D,MAAM,CAAC,MAAM,EAAE,cAAc,EAAE,OAAO,CAAC,EAAE,4BAA4B;CAyB7E"}
+{"version":3,"file":"ArrayPropertyValueRenderer.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/ArrayPropertyValueRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAc,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGxE,OAAO,KAAK,EACV,sBAAsB,EACtB,4BAA4B,EAC7B,MAAM,4BAA4B,CAAC;AAKpC;;GAEG;AACH,qBAAa,0BAA2B,YAAW,sBAAsB;IACvE,uDAAuD;IAChD,SAAS,CAAC,MAAM,EAAE,cAAc;IAIvC,iEAAiE;IAC1D,MAAM,CACX,MAAM,EAAE,cAAc,EACtB,OAAO,CAAC,EAAE,4BAA4B;CA+BzC"}

package/lib/cjs/components-react/properties/renderers/value/ArrayPropertyValueRenderer.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */
@@ -51,10 +51,11 @@ class ArrayPropertyValueRenderer {
         if (context && context.containerType === ValueRendererManager_1.PropertyContainerType.Table) {
             return (0, WithContextStyle_1.withContextStyle)(React.createElement(ArrayValueRenderer_1.TableArrayValueRenderer, { propertyRecord: record, onDialogOpen: context.onDialogOpen, orientation: context.orientation ? context.orientation : core_react_1.Orientation.Horizontal }), context);
         }
-        if (context && context.containerType === ValueRendererManager_1.PropertyContainerType.PropertyPane) {
+        if (context &&
+            context.containerType === ValueRendererManager_1.PropertyContainerType.PropertyPane) {
             return (0, WithContextStyle_1.withContextStyle)("", context);
         }
-        return (0, WithContextStyle_1.withContextStyle)((recordItems.length !== 0)
+        return (0, WithContextStyle_1.withContextStyle)(recordItems.length !== 0
             ? `${record.value.itemsTypeName}[${recordItems.length}]`
             : `${record.value.itemsTypeName}[]`, context);
     }

package/lib/cjs/components-react/properties/renderers/value/ArrayPropertyValueRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArrayPropertyValueRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/ArrayPropertyValueRenderer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAE/B,0DAA4D;AAC5D,kDAAgD;AAEhD,qEAAmE;AACnE,mEAAqE;AACrE,yDAAsD;AAEtD;;GAEG;AACH,MAAa,0BAA0B;IAErC,uDAAuD;IAChD,SAAS,CAAC,MAAsB;QACrC,OAAO,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,oCAAmB,CAAC,KAAK,CAAC;IAChE,CAAC;IAED,iEAAiE;IAC1D,MAAM,CAAC,MAAsB,EAAE,OAAsC;QAC1E,MAAM,WAAW,GAAI,MAAM,CAAC,KAAoB,CAAC,KAAK,CAAC;QAEvD,IAAI,OAAO,IAAI,OAAO,CAAC,aAAa,KAAK,4CAAqB,CAAC,KAAK,EAAE;YACpE,OAAO,IAAA,mCAAgB,EACrB,oBAAC,4CAAuB,IACtB,cAAc,EAAE,MAAM,EACtB,YAAY,EAAE,OAAO,CAAC,YAAY,EAClC,WAAW,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,wBAAW,CAAC,UAAU,GAC/E,EACF,OAAO,CACR,CAAC;SACH;QAED,IAAI,OAAO,IAAI,OAAO,CAAC,aAAa,KAAK,4CAAqB,CAAC,YAAY,EAAE;YAC3E,OAAO,IAAA,mCAAgB,EAAC,EAAE,EAAE,OAAO,CAAC,CAAC;SACtC;QAED,OAAO,IAAA,mCAAgB,EACrB,CAAC,WAAW,CAAC,MAAM,KAAK,CAAC,CAAC;YACxB,CAAC,CAAC,GAAI,MAAM,CAAC,KAAoB,CAAC,aAAa,IAAI,WAAW,CAAC,MAAM,GAAG;YACxE,CAAC,CAAC,GAAI,MAAM,CAAC,KAAoB,CAAC,aAAa,IAAI,EACrD,OAAO,CACR,CAAC;IACJ,CAAC;CACF;AAjCD,gEAiCC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Properties\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport type { ArrayValue, PropertyRecord} from \"@itwin/appui-abstract\";\r\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\r\nimport { Orientation } from \"@itwin/core-react\";\r\nimport type { IPropertyValueRenderer, PropertyValueRendererContext } from \"../../ValueRendererManager\";\r\nimport { PropertyContainerType } from \"../../ValueRendererManager\";\r\nimport { TableArrayValueRenderer } from \"./table/ArrayValueRenderer\";\r\nimport { withContextStyle } from \"./WithContextStyle\";\r\n\r\n/** Default Array Property Renderer\r\n * @public\r\n */\r\nexport class ArrayPropertyValueRenderer implements IPropertyValueRenderer {\r\n\r\n  /** Checks if the renderer can handle given property */\r\n  public canRender(record: PropertyRecord) {\r\n    return record.value.valueFormat === PropertyValueFormat.Array;\r\n  }\r\n\r\n  /** Method that returns a JSX representation of PropertyRecord */\r\n  public render(record: PropertyRecord, context?: PropertyValueRendererContext) {\r\n    const recordItems = (record.value as ArrayValue).items;\r\n\r\n    if (context && context.containerType === PropertyContainerType.Table) {\r\n      return withContextStyle(\r\n        <TableArrayValueRenderer\r\n          propertyRecord={record}\r\n          onDialogOpen={context.onDialogOpen}\r\n          orientation={context.orientation ? context.orientation : Orientation.Horizontal}\r\n        />,\r\n        context,\r\n      );\r\n    }\r\n\r\n    if (context && context.containerType === PropertyContainerType.PropertyPane) {\r\n      return withContextStyle(\"\", context);\r\n    }\r\n\r\n    return withContextStyle(\r\n      (recordItems.length !== 0)\r\n        ? `${(record.value as ArrayValue).itemsTypeName}[${recordItems.length}]`\r\n        : `${(record.value as ArrayValue).itemsTypeName}[]`,\r\n      context,\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"ArrayPropertyValueRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/ArrayPropertyValueRenderer.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAE/B,0DAA4D;AAC5D,kDAAgD;AAKhD,qEAAmE;AACnE,mEAAqE;AACrE,yDAAsD;AAEtD;;GAEG;AACH,MAAa,0BAA0B;IACrC,uDAAuD;IAChD,SAAS,CAAC,MAAsB;QACrC,OAAO,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,oCAAmB,CAAC,KAAK,CAAC;IAChE,CAAC;IAED,iEAAiE;IAC1D,MAAM,CACX,MAAsB,EACtB,OAAsC;QAEtC,MAAM,WAAW,GAAI,MAAM,CAAC,KAAoB,CAAC,KAAK,CAAC;QAEvD,IAAI,OAAO,IAAI,OAAO,CAAC,aAAa,KAAK,4CAAqB,CAAC,KAAK,EAAE;YACpE,OAAO,IAAA,mCAAgB,EACrB,oBAAC,4CAAuB,IACtB,cAAc,EAAE,MAAM,EACtB,YAAY,EAAE,OAAO,CAAC,YAAY,EAClC,WAAW,EACT,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,wBAAW,CAAC,UAAU,GAEpE,EACF,OAAO,CACR,CAAC;SACH;QAED,IACE,OAAO;YACP,OAAO,CAAC,aAAa,KAAK,4CAAqB,CAAC,YAAY,EAC5D;YACA,OAAO,IAAA,mCAAgB,EAAC,EAAE,EAAE,OAAO,CAAC,CAAC;SACtC;QAED,OAAO,IAAA,mCAAgB,EACrB,WAAW,CAAC,MAAM,KAAK,CAAC;YACtB,CAAC,CAAC,GAAI,MAAM,CAAC,KAAoB,CAAC,aAAa,IAAI,WAAW,CAAC,MAAM,GAAG;YACxE,CAAC,CAAC,GAAI,MAAM,CAAC,KAAoB,CAAC,aAAa,IAAI,EACrD,OAAO,CACR,CAAC;IACJ,CAAC;CACF;AAxCD,gEAwCC","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 { ArrayValue, PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { Orientation } from \"@itwin/core-react\";\nimport type {\n  IPropertyValueRenderer,\n  PropertyValueRendererContext,\n} from \"../../ValueRendererManager\";\nimport { PropertyContainerType } from \"../../ValueRendererManager\";\nimport { TableArrayValueRenderer } from \"./table/ArrayValueRenderer\";\nimport { withContextStyle } from \"./WithContextStyle\";\n\n/** Default Array Property Renderer\n * @public\n */\nexport class ArrayPropertyValueRenderer implements IPropertyValueRenderer {\n  /** Checks if the renderer can handle given property */\n  public canRender(record: PropertyRecord) {\n    return record.value.valueFormat === PropertyValueFormat.Array;\n  }\n\n  /** Method that returns a JSX representation of PropertyRecord */\n  public render(\n    record: PropertyRecord,\n    context?: PropertyValueRendererContext\n  ) {\n    const recordItems = (record.value as ArrayValue).items;\n\n    if (context && context.containerType === PropertyContainerType.Table) {\n      return withContextStyle(\n        <TableArrayValueRenderer\n          propertyRecord={record}\n          onDialogOpen={context.onDialogOpen}\n          orientation={\n            context.orientation ? context.orientation : Orientation.Horizontal\n          }\n        />,\n        context\n      );\n    }\n\n    if (\n      context &&\n      context.containerType === PropertyContainerType.PropertyPane\n    ) {\n      return withContextStyle(\"\", context);\n    }\n\n    return withContextStyle(\n      recordItems.length !== 0\n        ? `${(record.value as ArrayValue).itemsTypeName}[${recordItems.length}]`\n        : `${(record.value as ArrayValue).itemsTypeName}[]`,\n      context\n    );\n  }\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"DoublePropertyValueRenderer.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/DoublePropertyValueRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,KAAK,EAAkB,cAAc,EAAC,MAAM,uBAAuB,CAAC;AAG3E,OAAO,KAAK,EAAE,sBAAsB,EAAE,4BAA4B,EAAE,MAAM,4BAA4B,CAAC;AAGvG;;GAEG;AACH,qBAAa,2BAA4B,YAAW,sBAAsB;IAExE,uDAAuD;IAChD,SAAS,CAAC,MAAM,EAAE,cAAc;IAKvC,iEAAiE;IAC1D,MAAM,CAAC,MAAM,EAAE,cAAc,EAAE,OAAO,CAAC,EAAE,4BAA4B;CAO7E"}
+{"version":3,"file":"DoublePropertyValueRenderer.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/DoublePropertyValueRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,KAAK,EAAkB,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAG5E,OAAO,KAAK,EACV,sBAAsB,EACtB,4BAA4B,EAC7B,MAAM,4BAA4B,CAAC;AAGpC;;GAEG;AACH,qBAAa,2BAA4B,YAAW,sBAAsB;IACxE,uDAAuD;IAChD,SAAS,CAAC,MAAM,EAAE,cAAc;IAOvC,iEAAiE;IAC1D,MAAM,CACX,MAAM,EAAE,cAAc,EACtB,OAAO,CAAC,EAAE,4BAA4B;CAUzC"}

package/lib/cjs/components-react/properties/renderers/value/DoublePropertyValueRenderer.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */
@@ -41,12 +41,12 @@ const PrimitivePropertyValueRenderer_1 = require("./PrimitivePropertyValueRender
 class DoublePropertyValueRenderer {
     /** Checks if the renderer can handle given property */
     canRender(record) {
-        return record.value.valueFormat === appui_abstract_1.PropertyValueFormat.Primitive
-            && record.property.typename === appui_abstract_1.StandardTypeNames.Double;
+        return (record.value.valueFormat === appui_abstract_1.PropertyValueFormat.Primitive &&
+            record.property.typename === appui_abstract_1.StandardTypeNames.Double);
     }
     /** Method that returns a JSX representation of PropertyRecord */
     render(record, context) {
-        return React.createElement(PrimitivePropertyValueRenderer_1.PrimitivePropertyValueRendererImpl, { record: record, context: context, stringValueCalculator: convertRecordToString });
+        return (React.createElement(PrimitivePropertyValueRenderer_1.PrimitivePropertyValueRendererImpl, { record: record, context: context, stringValueCalculator: convertRecordToString }));
     }
 }
 exports.DoublePropertyValueRenderer = DoublePropertyValueRenderer;

package/lib/cjs/components-react/properties/renderers/value/DoublePropertyValueRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"DoublePropertyValueRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/DoublePropertyValueRenderer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAE/B,0DAA+E;AAC/E,mFAAgF;AAEhF,qFAAsF;AAEtF;;GAEG;AACH,MAAa,2BAA2B;IAEtC,uDAAuD;IAChD,SAAS,CAAC,MAAsB;QACrC,OAAO,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,oCAAmB,CAAC,SAAS;eAC5D,MAAM,CAAC,QAAQ,CAAC,QAAQ,KAAK,kCAAiB,CAAC,MAAM,CAAC;IAC7D,CAAC;IAED,iEAAiE;IAC1D,MAAM,CAAC,MAAsB,EAAE,OAAsC;QAC1E,OAAO,oBAAC,mEAAkC,IACxC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,qBAAqB,EAAE,qBAAqB,GAC5C,CAAC;IACL,CAAC;CACF;AAhBD,kEAgBC;AAED,SAAS,qBAAqB,CAAC,MAAsB;;IACnD,MAAM,SAAS,GAAG,MAAM,CAAC,KAAuB,CAAC;IACjD,IAAI,SAAS,CAAC,YAAY;QACxB,OAAO,SAAS,CAAC,YAAY,CAAC;IAChC,OAAO,2CAAoB,CAAC,YAAY,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,MAAA,MAAM,CAAC,QAAQ,CAAC,SAAS,0CAAE,IAAI,CAAC,CAAC,uBAAuB,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;AAChK,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Properties\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport type { PrimitiveValue, PropertyRecord} from \"@itwin/appui-abstract\";\r\nimport { PropertyValueFormat, StandardTypeNames } from \"@itwin/appui-abstract\";\r\nimport { TypeConverterManager } from \"../../../converters/TypeConverterManager\";\r\nimport type { IPropertyValueRenderer, PropertyValueRendererContext } from \"../../ValueRendererManager\";\r\nimport { PrimitivePropertyValueRendererImpl } from \"./PrimitivePropertyValueRenderer\";\r\n\r\n/** Default Double Property Renderer\r\n * @public\r\n */\r\nexport class DoublePropertyValueRenderer implements IPropertyValueRenderer {\r\n\r\n  /** Checks if the renderer can handle given property */\r\n  public canRender(record: PropertyRecord) {\r\n    return record.value.valueFormat === PropertyValueFormat.Primitive\r\n      && record.property.typename === StandardTypeNames.Double;\r\n  }\r\n\r\n  /** Method that returns a JSX representation of PropertyRecord */\r\n  public render(record: PropertyRecord, context?: PropertyValueRendererContext) {\r\n    return <PrimitivePropertyValueRendererImpl\r\n      record={record}\r\n      context={context}\r\n      stringValueCalculator={convertRecordToString}\r\n    />;\r\n  }\r\n}\r\n\r\nfunction convertRecordToString(record: PropertyRecord): string | Promise<string> {\r\n  const primitive = record.value as PrimitiveValue;\r\n  if (primitive.displayValue)\r\n    return primitive.displayValue;\r\n  return TypeConverterManager.getConverter(record.property.typename, record.property.converter?.name).convertPropertyToString(record.property, primitive.value);\r\n}\r\n"]}
+{"version":3,"file":"DoublePropertyValueRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/DoublePropertyValueRenderer.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAE/B,0DAA+E;AAC/E,mFAAgF;AAKhF,qFAAsF;AAEtF;;GAEG;AACH,MAAa,2BAA2B;IACtC,uDAAuD;IAChD,SAAS,CAAC,MAAsB;QACrC,OAAO,CACL,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,oCAAmB,CAAC,SAAS;YAC1D,MAAM,CAAC,QAAQ,CAAC,QAAQ,KAAK,kCAAiB,CAAC,MAAM,CACtD,CAAC;IACJ,CAAC;IAED,iEAAiE;IAC1D,MAAM,CACX,MAAsB,EACtB,OAAsC;QAEtC,OAAO,CACL,oBAAC,mEAAkC,IACjC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,qBAAqB,EAAE,qBAAqB,GAC5C,CACH,CAAC;IACJ,CAAC;CACF;AAtBD,kEAsBC;AAED,SAAS,qBAAqB,CAC5B,MAAsB;;IAEtB,MAAM,SAAS,GAAG,MAAM,CAAC,KAAuB,CAAC;IACjD,IAAI,SAAS,CAAC,YAAY;QAAE,OAAO,SAAS,CAAC,YAAY,CAAC;IAC1D,OAAO,2CAAoB,CAAC,YAAY,CACtC,MAAM,CAAC,QAAQ,CAAC,QAAQ,EACxB,MAAA,MAAM,CAAC,QAAQ,CAAC,SAAS,0CAAE,IAAI,CAChC,CAAC,uBAAuB,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;AAC9D,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 type { PrimitiveValue, PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat, StandardTypeNames } from \"@itwin/appui-abstract\";\nimport { TypeConverterManager } from \"../../../converters/TypeConverterManager\";\nimport type {\n  IPropertyValueRenderer,\n  PropertyValueRendererContext,\n} from \"../../ValueRendererManager\";\nimport { PrimitivePropertyValueRendererImpl } from \"./PrimitivePropertyValueRenderer\";\n\n/** Default Double Property Renderer\n * @public\n */\nexport class DoublePropertyValueRenderer implements IPropertyValueRenderer {\n  /** Checks if the renderer can handle given property */\n  public canRender(record: PropertyRecord) {\n    return (\n      record.value.valueFormat === PropertyValueFormat.Primitive &&\n      record.property.typename === StandardTypeNames.Double\n    );\n  }\n\n  /** Method that returns a JSX representation of PropertyRecord */\n  public render(\n    record: PropertyRecord,\n    context?: PropertyValueRendererContext\n  ) {\n    return (\n      <PrimitivePropertyValueRendererImpl\n        record={record}\n        context={context}\n        stringValueCalculator={convertRecordToString}\n      />\n    );\n  }\n}\n\nfunction convertRecordToString(\n  record: PropertyRecord\n): string | Promise<string> {\n  const primitive = record.value as PrimitiveValue;\n  if (primitive.displayValue) return primitive.displayValue;\n  return TypeConverterManager.getConverter(\n    record.property.typename,\n    record.property.converter?.name\n  ).convertPropertyToString(record.property, primitive.value);\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"MergedPropertyValueRenderer.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/MergedPropertyValueRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,KAAK,EAAE,cAAc,EAAC,MAAM,uBAAuB,CAAC;AAG3D,OAAO,KAAK,EAAE,sBAAsB,EAAE,4BAA4B,EAAE,MAAM,4BAA4B,CAAC;AAGvG;;GAEG;AACH,qBAAa,2BAA4B,YAAW,sBAAsB;IAExE,uDAAuD;IAChD,SAAS,CAAC,MAAM,EAAE,cAAc;IAIvC,iEAAiE;IAC1D,MAAM,CAAC,OAAO,EAAE,cAAc,EAAE,OAAO,CAAC,EAAE,4BAA4B;CAG9E"}
+{"version":3,"file":"MergedPropertyValueRenderer.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/MergedPropertyValueRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,KAAK,EACV,sBAAsB,EACtB,4BAA4B,EAC7B,MAAM,4BAA4B,CAAC;AAGpC;;GAEG;AACH,qBAAa,2BAA4B,YAAW,sBAAsB;IACxE,uDAAuD;IAChD,SAAS,CAAC,MAAM,EAAE,cAAc;IAOvC,iEAAiE;IAC1D,MAAM,CACX,OAAO,EAAE,cAAc,EACvB,OAAO,CAAC,EAAE,4BAA4B;CAIzC"}

package/lib/cjs/components-react/properties/renderers/value/MergedPropertyValueRenderer.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */
@@ -17,7 +17,8 @@ const WithContextStyle_1 = require("./WithContextStyle");
 class MergedPropertyValueRenderer {
     /** Checks if the renderer can handle given property */
     canRender(record) {
-        return !!record.isMerged && record.value.valueFormat === appui_abstract_1.PropertyValueFormat.Primitive;
+        return (!!record.isMerged &&
+            record.value.valueFormat === appui_abstract_1.PropertyValueFormat.Primitive);
     }
     /** Method that returns a JSX representation of PropertyRecord */
     render(_record, context) {

package/lib/cjs/components-react/properties/renderers/value/MergedPropertyValueRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"MergedPropertyValueRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/MergedPropertyValueRenderer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAGH,0DAA4D;AAC5D,wDAAqD;AAErD,yDAAsD;AAEtD;;GAEG;AACH,MAAa,2BAA2B;IAEtC,uDAAuD;IAChD,SAAS,CAAC,MAAsB;QACrC,OAAO,CAAC,CAAC,MAAM,CAAC,QAAQ,IAAI,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,oCAAmB,CAAC,SAAS,CAAC;IACzF,CAAC;IAED,iEAAiE;IAC1D,MAAM,CAAC,OAAuB,EAAE,OAAsC;QAC3E,OAAO,IAAA,mCAAgB,EAAC,2BAAY,CAAC,SAAS,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,CAAC;IAC9E,CAAC;CACF;AAXD,kEAWC","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 type { PropertyRecord} from \"@itwin/appui-abstract\";\r\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\r\nimport { UiComponents } from \"../../../UiComponents\";\r\nimport type { IPropertyValueRenderer, PropertyValueRendererContext } from \"../../ValueRendererManager\";\r\nimport { withContextStyle } from \"./WithContextStyle\";\r\n\r\n/** Default Merged Property Renderer\r\n * @public\r\n */\r\nexport class MergedPropertyValueRenderer implements IPropertyValueRenderer {\r\n\r\n  /** Checks if the renderer can handle given property */\r\n  public canRender(record: PropertyRecord) {\r\n    return !!record.isMerged && record.value.valueFormat === PropertyValueFormat.Primitive;\r\n  }\r\n\r\n  /** Method that returns a JSX representation of PropertyRecord */\r\n  public render(_record: PropertyRecord, context?: PropertyValueRendererContext) {\r\n    return withContextStyle(UiComponents.translate(\"property.varies\"), context);\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"MergedPropertyValueRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/MergedPropertyValueRenderer.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAGH,0DAA4D;AAC5D,wDAAqD;AAKrD,yDAAsD;AAEtD;;GAEG;AACH,MAAa,2BAA2B;IACtC,uDAAuD;IAChD,SAAS,CAAC,MAAsB;QACrC,OAAO,CACL,CAAC,CAAC,MAAM,CAAC,QAAQ;YACjB,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,oCAAmB,CAAC,SAAS,CAC3D,CAAC;IACJ,CAAC;IAED,iEAAiE;IAC1D,MAAM,CACX,OAAuB,EACvB,OAAsC;QAEtC,OAAO,IAAA,mCAAgB,EAAC,2BAAY,CAAC,SAAS,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,CAAC;IAC9E,CAAC;CACF;AAhBD,kEAgBC","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 { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { UiComponents } from \"../../../UiComponents\";\nimport type {\n  IPropertyValueRenderer,\n  PropertyValueRendererContext,\n} from \"../../ValueRendererManager\";\nimport { withContextStyle } from \"./WithContextStyle\";\n\n/** Default Merged Property Renderer\n * @public\n */\nexport class MergedPropertyValueRenderer implements IPropertyValueRenderer {\n  /** Checks if the renderer can handle given property */\n  public canRender(record: PropertyRecord) {\n    return (\n      !!record.isMerged &&\n      record.value.valueFormat === PropertyValueFormat.Primitive\n    );\n  }\n\n  /** Method that returns a JSX representation of PropertyRecord */\n  public render(\n    _record: PropertyRecord,\n    context?: PropertyValueRendererContext\n  ) {\n    return withContextStyle(UiComponents.translate(\"property.varies\"), context);\n  }\n}\n"]}

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

@@ -10,7 +10,7 @@ export declare class MultilineTextPropertyValueRenderer implements IPropertyValu
     canRender(record: PropertyRecord): boolean;
     render(record: PropertyRecord, context?: PropertyValueRendererContext): React.ReactNode;
 }
-interface MultilineTextRenderer {
+interface MultilineTextRendererProps {
     stringValue?: string;
     isExpanded?: boolean;
     onExpansionToggled?: () => void;
@@ -20,6 +20,6 @@ interface MultilineTextRenderer {
     children?: React.ReactNode;
 }
 /** @internal */
-export declare const MultilineTextRenderer: React.FC<MultilineTextRenderer>;
+export declare const MultilineTextRenderer: React.FC<MultilineTextRendererProps>;
 export {};
 //# sourceMappingURL=MultilineTextPropertyValueRenderer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MultilineTextPropertyValueRenderer.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/MultilineTextPropertyValueRenderer.tsx"],"names":[],"mappings":"AAIA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAkB,cAAc,EAAC,MAAM,uBAAuB,CAAC;AAI3E,OAAO,KAAK,EAAE,sBAAsB,EAAE,4BAA4B,EAAE,MAAM,4BAA4B,CAAC;AAIvG,gBAAgB;AAChB,qBAAa,kCAAmC,YAAW,sBAAsB;IACxE,SAAS,CAAC,MAAM,EAAE,cAAc,GAAG,OAAO;IAI1C,MAAM,CAAC,MAAM,EAAE,cAAc,EAAE,OAAO,CAAC,EAAE,4BAA4B,GAAG,KAAK,CAAC,SAAS;CAG/F;AAwBD,UAAU,qBAAqB;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,cAAc;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,gBAAgB;AAChB,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAiDjE,CAAC"}
+{"version":3,"file":"MultilineTextPropertyValueRenderer.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/MultilineTextPropertyValueRenderer.tsx"],"names":[],"mappings":"AAIA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAkB,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAI5E,OAAO,KAAK,EACV,sBAAsB,EACtB,4BAA4B,EAC7B,MAAM,4BAA4B,CAAC;AAIpC,gBAAgB;AAChB,qBAAa,kCACX,YAAW,sBAAsB;IAE1B,SAAS,CAAC,MAAM,EAAE,cAAc,GAAG,OAAO;IAI1C,MAAM,CACX,MAAM,EAAE,cAAc,EACtB,OAAO,CAAC,EAAE,4BAA4B,GACrC,KAAK,CAAC,SAAS;CAQnB;AA6BD,UAAU,0BAA0B;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,cAAc;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,gBAAgB;AAChB,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAqDtE,CAAC"}

package/lib/cjs/components-react/properties/renderers/value/MultilineTextPropertyValueRenderer.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
@@ -36,7 +36,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MultilineTextRenderer = exports.MultilineTextPropertyValueRenderer = void 0;
 const React = __importStar(require("react"));
-// eslint-disable-next-line no-duplicate-imports
 const react_1 = require("react");
 const core_bentley_1 = require("@itwin/core-bentley");
 const appui_abstract_1 = require("@itwin/appui-abstract");
@@ -50,7 +49,7 @@ class MultilineTextPropertyValueRenderer {
         return record.value.valueFormat === appui_abstract_1.PropertyValueFormat.Primitive;
     }
     render(record, context) {
-        return React.createElement(MultilineTextPropertyValueRendererImpl, { record: record, context: context });
+        return (React.createElement(MultilineTextPropertyValueRendererImpl, { record: record, context: context }));
     }
 }
 exports.MultilineTextPropertyValueRenderer = MultilineTextPropertyValueRenderer;
@@ -65,6 +64,7 @@ const MultilineTextRenderer = (props) => {
     const divRef = (0, react_1.useRef)(null);
     const previousHeightRef = (0, react_1.useRef)(0);
     const [contentOverflows, setContentOverflows] = (0, react_1.useState)(false);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     (0, react_1.useLayoutEffect)(() => {
         var _a;
         (0, core_bentley_1.assert)(divRef.current !== null && spanRef.current !== null);
@@ -86,13 +86,10 @@ const MultilineTextRenderer = (props) => {
         React.createElement("span", { ref: spanRef, className: (0, classnames_1.default)("content", { expanded: props.isExpanded }), style: props.style, title: props.isExpanded ? undefined : props.stringValue },
             props.children,
             React.createElement("button", { className: "expand-toggle", style: { display: props.isExpanded ? "inline-block" : "none" }, onClick: handleExpansionToggleClick }, UiComponents_1.UiComponents.translate("property.collapse"))),
-        contentOverflows && !props.isExpanded &&
-            React.createElement("button", { className: "expand-toggle", onClick: handleExpansionToggleClick }, UiComponents_1.UiComponents.translate("property.expand"))));
+        contentOverflows && !props.isExpanded && (React.createElement("button", { className: "expand-toggle", onClick: handleExpansionToggleClick }, UiComponents_1.UiComponents.translate("property.expand")))));
 };
 exports.MultilineTextRenderer = MultilineTextRenderer;
 function convertRecordToString(record) {
-    return TypeConverterManager_1.TypeConverterManager
-        .getConverter(appui_abstract_1.StandardTypeNames.Text)
-        .convertPropertyToString(record.property, record.value.value);
+    return TypeConverterManager_1.TypeConverterManager.getConverter(appui_abstract_1.StandardTypeNames.Text).convertPropertyToString(record.property, record.value.value);
 }
 //# sourceMappingURL=MultilineTextPropertyValueRenderer.js.map

package/lib/cjs/components-react/properties/renderers/value/MultilineTextPropertyValueRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultilineTextPropertyValueRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/MultilineTextPropertyValueRenderer.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/**\r\n * @packageDocumentation\r\n * @module Properties\r\n */\r\n\r\nimport * as React from \"react\";\r\n// eslint-disable-next-line no-duplicate-imports\r\nimport { useLayoutEffect, useRef, useState } from \"react\";\r\nimport { assert } from \"@itwin/core-bentley\";\r\nimport type { PrimitiveValue, PropertyRecord} from \"@itwin/appui-abstract\";\r\nimport { PropertyValueFormat, StandardTypeNames } from \"@itwin/appui-abstract\";\r\nimport { TypeConverterManager } from \"../../../converters/TypeConverterManager\";\r\nimport { UiComponents } from \"../../../UiComponents\";\r\nimport type { IPropertyValueRenderer, PropertyValueRendererContext } from \"../../ValueRendererManager\";\r\nimport { useRenderedStringValue } from \"./PrimitivePropertyValueRenderer\";\r\nimport classnames from \"classnames\";\r\n\r\n/** @internal */\r\nexport class MultilineTextPropertyValueRenderer implements IPropertyValueRenderer {\r\n  public canRender(record: PropertyRecord): boolean {\r\n    return record.value.valueFormat === PropertyValueFormat.Primitive;\r\n  }\r\n\r\n  public render(record: PropertyRecord, context?: PropertyValueRendererContext): React.ReactNode {\r\n    return <MultilineTextPropertyValueRendererImpl record={record} context={context} />;\r\n  }\r\n}\r\n\r\ninterface MultilineTextPropertyValueRendererImplProps {\r\n  record: PropertyRecord;\r\n  context?: PropertyValueRendererContext;\r\n  children?: never;\r\n}\r\n\r\nconst MultilineTextPropertyValueRendererImpl: React.FC<MultilineTextPropertyValueRendererImplProps>\r\n  = (props) => {\r\n    const { stringValue, element } = useRenderedStringValue(props.record, convertRecordToString, props.context);\r\n    return (\r\n      <MultilineTextRenderer\r\n        style={props.context?.style}\r\n        stringValue={stringValue}\r\n        isExpanded={props.context?.isExpanded}\r\n        onExpansionToggled={props.context?.onExpansionToggled}\r\n        onHeightChanged={props.context?.onHeightChanged}\r\n      >\r\n        {element}\r\n      </MultilineTextRenderer>\r\n    );\r\n  };\r\n\r\ninterface MultilineTextRenderer {\r\n  stringValue?: string;\r\n  isExpanded?: boolean;\r\n  onExpansionToggled?: () => void;\r\n  onHeightChanged?: (newHeight: number) => void;\r\n  style?: React.CSSProperties;\r\n  /** Content */\r\n  children?: React.ReactNode;\r\n}\r\n\r\n/** @internal */\r\nexport const MultilineTextRenderer: React.FC<MultilineTextRenderer> = (props) => { // eslint-disable-line @typescript-eslint/no-redeclare\r\n  const spanRef = useRef<HTMLSpanElement>(null);\r\n  const divRef = useRef<HTMLDivElement>(null);\r\n  const previousHeightRef = useRef(0);\r\n  const [contentOverflows, setContentOverflows] = useState<boolean>(false);\r\n  useLayoutEffect(() => { // eslint-disable-line react-hooks/exhaustive-deps\r\n    assert(divRef.current !== null && spanRef.current !== null);\r\n\r\n    setContentOverflows(spanRef.current.clientWidth < spanRef.current.scrollWidth);\r\n\r\n    const currentHeight = Math.max(divRef.current.offsetHeight, 27);\r\n    if (currentHeight !== previousHeightRef.current) {\r\n      props.onHeightChanged?.(currentHeight);\r\n      previousHeightRef.current = currentHeight;\r\n    }\r\n  });\r\n\r\n  const handleExpansionToggleClick = (event: React.MouseEvent) => {\r\n    props.onExpansionToggled?.();\r\n    event.stopPropagation();\r\n  };\r\n\r\n  // In order to always trigger onMouseLeave event on PropertyView, collapse button must remain mounted at all times.\r\n  // https://github.com/facebook/react/issues/6807\r\n  return (\r\n    <div ref={divRef} className=\"multiline\">\r\n      <span\r\n        ref={spanRef}\r\n        className={classnames(\"content\", { expanded: props.isExpanded })}\r\n        style={props.style}\r\n        title={props.isExpanded ? undefined : props.stringValue}\r\n      >\r\n        {props.children}\r\n        <button\r\n          className=\"expand-toggle\"\r\n          style={{ display: props.isExpanded ? \"inline-block\" : \"none\" }}\r\n          onClick={handleExpansionToggleClick}\r\n        >\r\n          {UiComponents.translate(\"property.collapse\")}\r\n        </button>\r\n      </span>\r\n      {\r\n        contentOverflows && !props.isExpanded &&\r\n        <button className=\"expand-toggle\" onClick={handleExpansionToggleClick}>\r\n          {UiComponents.translate(\"property.expand\")}\r\n        </button>\r\n      }\r\n    </div>\r\n  );\r\n};\r\n\r\nfunction convertRecordToString(record: PropertyRecord): string | Promise<string> {\r\n  return TypeConverterManager\r\n    .getConverter(StandardTypeNames.Text)\r\n    .convertPropertyToString(record.property, (record.value as PrimitiveValue).value);\r\n}\r\n"]}
+{"version":3,"file":"MultilineTextPropertyValueRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/MultilineTextPropertyValueRenderer.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/**\n * @packageDocumentation\n * @module Properties\n */\n\nimport * as React from \"react\";\nimport { useLayoutEffect, useRef, useState } from \"react\";\nimport { assert } from \"@itwin/core-bentley\";\nimport type { PrimitiveValue, PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat, StandardTypeNames } from \"@itwin/appui-abstract\";\nimport { TypeConverterManager } from \"../../../converters/TypeConverterManager\";\nimport { UiComponents } from \"../../../UiComponents\";\nimport type {\n  IPropertyValueRenderer,\n  PropertyValueRendererContext,\n} from \"../../ValueRendererManager\";\nimport { useRenderedStringValue } from \"./PrimitivePropertyValueRenderer\";\nimport classnames from \"classnames\";\n\n/** @internal */\nexport class MultilineTextPropertyValueRenderer\n  implements IPropertyValueRenderer\n{\n  public canRender(record: PropertyRecord): boolean {\n    return record.value.valueFormat === PropertyValueFormat.Primitive;\n  }\n\n  public render(\n    record: PropertyRecord,\n    context?: PropertyValueRendererContext\n  ): React.ReactNode {\n    return (\n      <MultilineTextPropertyValueRendererImpl\n        record={record}\n        context={context}\n      />\n    );\n  }\n}\n\ninterface MultilineTextPropertyValueRendererImplProps {\n  record: PropertyRecord;\n  context?: PropertyValueRendererContext;\n  children?: never;\n}\n\nconst MultilineTextPropertyValueRendererImpl: React.FC<\n  MultilineTextPropertyValueRendererImplProps\n> = (props) => {\n  const { stringValue, element } = useRenderedStringValue(\n    props.record,\n    convertRecordToString,\n    props.context\n  );\n  return (\n    <MultilineTextRenderer\n      style={props.context?.style}\n      stringValue={stringValue}\n      isExpanded={props.context?.isExpanded}\n      onExpansionToggled={props.context?.onExpansionToggled}\n      onHeightChanged={props.context?.onHeightChanged}\n    >\n      {element}\n    </MultilineTextRenderer>\n  );\n};\n\ninterface MultilineTextRendererProps {\n  stringValue?: string;\n  isExpanded?: boolean;\n  onExpansionToggled?: () => void;\n  onHeightChanged?: (newHeight: number) => void;\n  style?: React.CSSProperties;\n  /** Content */\n  children?: React.ReactNode;\n}\n\n/** @internal */\nexport const MultilineTextRenderer: React.FC<MultilineTextRendererProps> = (\n  props\n) => {\n  const spanRef = useRef<HTMLSpanElement>(null);\n  const divRef = useRef<HTMLDivElement>(null);\n  const previousHeightRef = useRef(0);\n  const [contentOverflows, setContentOverflows] = useState<boolean>(false);\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useLayoutEffect(() => {\n    assert(divRef.current !== null && spanRef.current !== null);\n\n    setContentOverflows(\n      spanRef.current.clientWidth < spanRef.current.scrollWidth\n    );\n\n    const currentHeight = Math.max(divRef.current.offsetHeight, 27);\n    if (currentHeight !== previousHeightRef.current) {\n      props.onHeightChanged?.(currentHeight);\n      previousHeightRef.current = currentHeight;\n    }\n  });\n\n  const handleExpansionToggleClick = (event: React.MouseEvent) => {\n    props.onExpansionToggled?.();\n    event.stopPropagation();\n  };\n\n  // In order to always trigger onMouseLeave event on PropertyView, collapse button must remain mounted at all times.\n  // https://github.com/facebook/react/issues/6807\n  return (\n    <div ref={divRef} className=\"multiline\">\n      <span\n        ref={spanRef}\n        className={classnames(\"content\", { expanded: props.isExpanded })}\n        style={props.style}\n        title={props.isExpanded ? undefined : props.stringValue}\n      >\n        {props.children}\n        <button\n          className=\"expand-toggle\"\n          style={{ display: props.isExpanded ? \"inline-block\" : \"none\" }}\n          onClick={handleExpansionToggleClick}\n        >\n          {UiComponents.translate(\"property.collapse\")}\n        </button>\n      </span>\n      {contentOverflows && !props.isExpanded && (\n        <button className=\"expand-toggle\" onClick={handleExpansionToggleClick}>\n          {UiComponents.translate(\"property.expand\")}\n        </button>\n      )}\n    </div>\n  );\n};\n\nfunction convertRecordToString(\n  record: PropertyRecord\n): string | Promise<string> {\n  return TypeConverterManager.getConverter(\n    StandardTypeNames.Text\n  ).convertPropertyToString(\n    record.property,\n    (record.value as PrimitiveValue).value\n  );\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationPropertyValueRenderer.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/NavigationPropertyValueRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,KAAK,EAAkB,cAAc,EAAC,MAAM,uBAAuB,CAAC;AAG3E,OAAO,KAAK,EAAE,sBAAsB,EAAE,4BAA4B,EAAE,MAAM,4BAA4B,CAAC;AAGvG;;GAEG;AACH,qBAAa,+BAAgC,YAAW,sBAAsB;IAE5E,uDAAuD;IAChD,SAAS,CAAC,MAAM,EAAE,cAAc;IAKvC,iEAAiE;IAC1D,MAAM,CAAC,MAAM,EAAE,cAAc,EAAE,OAAO,CAAC,EAAE,4BAA4B;CAO7E"}
+{"version":3,"file":"NavigationPropertyValueRenderer.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/NavigationPropertyValueRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,KAAK,EAAkB,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAG5E,OAAO,KAAK,EACV,sBAAsB,EACtB,4BAA4B,EAC7B,MAAM,4BAA4B,CAAC;AAGpC;;GAEG;AACH,qBAAa,+BAAgC,YAAW,sBAAsB;IAC5E,uDAAuD;IAChD,SAAS,CAAC,MAAM,EAAE,cAAc;IAOvC,iEAAiE;IAC1D,MAAM,CACX,MAAM,EAAE,cAAc,EACtB,OAAO,CAAC,EAAE,4BAA4B;CAUzC"}

package/lib/cjs/components-react/properties/renderers/value/NavigationPropertyValueRenderer.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */
@@ -41,12 +41,12 @@ const PrimitivePropertyValueRenderer_1 = require("./PrimitivePropertyValueRender
 class NavigationPropertyValueRenderer {
     /** Checks if the renderer can handle given property */
     canRender(record) {
-        return record.value.valueFormat === appui_abstract_1.PropertyValueFormat.Primitive
-            && record.property.typename === appui_abstract_1.StandardTypeNames.Navigation;
+        return (record.value.valueFormat === appui_abstract_1.PropertyValueFormat.Primitive &&
+            record.property.typename === appui_abstract_1.StandardTypeNames.Navigation);
     }
     /** Method that returns a JSX representation of PropertyRecord */
     render(record, context) {
-        return React.createElement(PrimitivePropertyValueRenderer_1.PrimitivePropertyValueRendererImpl, { record: record, context: context, stringValueCalculator: convertRecordToString });
+        return (React.createElement(PrimitivePropertyValueRenderer_1.PrimitivePropertyValueRendererImpl, { record: record, context: context, stringValueCalculator: convertRecordToString }));
     }
 }
 exports.NavigationPropertyValueRenderer = NavigationPropertyValueRenderer;

package/lib/cjs/components-react/properties/renderers/value/NavigationPropertyValueRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationPropertyValueRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/NavigationPropertyValueRenderer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAE/B,0DAA+E;AAC/E,mFAAgF;AAEhF,qFAAsF;AAEtF;;GAEG;AACH,MAAa,+BAA+B;IAE1C,uDAAuD;IAChD,SAAS,CAAC,MAAsB;QACrC,OAAO,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,oCAAmB,CAAC,SAAS;eAC5D,MAAM,CAAC,QAAQ,CAAC,QAAQ,KAAK,kCAAiB,CAAC,UAAU,CAAC;IACjE,CAAC;IAED,iEAAiE;IAC1D,MAAM,CAAC,MAAsB,EAAE,OAAsC;QAC1E,OAAO,oBAAC,mEAAkC,IACxC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,qBAAqB,EAAE,qBAAqB,GAC5C,CAAC;IACL,CAAC;CACF;AAhBD,0EAgBC;AAED,SAAS,qBAAqB,CAAC,MAAsB;;IACnD,MAAM,SAAS,GAAG,MAAM,CAAC,KAAuB,CAAC;IACjD,IAAI,SAAS,CAAC,YAAY;QACxB,OAAO,SAAS,CAAC,YAAY,CAAC;IAChC,OAAO,2CAAoB,CAAC,YAAY,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,MAAA,MAAM,CAAC,QAAQ,CAAC,SAAS,0CAAE,IAAI,CAAC,CAAC,uBAAuB,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;AAChK,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Properties\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport type { PrimitiveValue, PropertyRecord} from \"@itwin/appui-abstract\";\r\nimport { PropertyValueFormat, StandardTypeNames } from \"@itwin/appui-abstract\";\r\nimport { TypeConverterManager } from \"../../../converters/TypeConverterManager\";\r\nimport type { IPropertyValueRenderer, PropertyValueRendererContext } from \"../../ValueRendererManager\";\r\nimport { PrimitivePropertyValueRendererImpl } from \"./PrimitivePropertyValueRenderer\";\r\n\r\n/** Default Navigation Property Renderer\r\n * @public\r\n */\r\nexport class NavigationPropertyValueRenderer implements IPropertyValueRenderer {\r\n\r\n  /** Checks if the renderer can handle given property */\r\n  public canRender(record: PropertyRecord) {\r\n    return record.value.valueFormat === PropertyValueFormat.Primitive\r\n      && record.property.typename === StandardTypeNames.Navigation;\r\n  }\r\n\r\n  /** Method that returns a JSX representation of PropertyRecord */\r\n  public render(record: PropertyRecord, context?: PropertyValueRendererContext) {\r\n    return <PrimitivePropertyValueRendererImpl\r\n      record={record}\r\n      context={context}\r\n      stringValueCalculator={convertRecordToString}\r\n    />;\r\n  }\r\n}\r\n\r\nfunction convertRecordToString(record: PropertyRecord): string | Promise<string> {\r\n  const primitive = record.value as PrimitiveValue;\r\n  if (primitive.displayValue)\r\n    return primitive.displayValue;\r\n  return TypeConverterManager.getConverter(record.property.typename, record.property.converter?.name).convertPropertyToString(record.property, primitive.value);\r\n}\r\n"]}
+{"version":3,"file":"NavigationPropertyValueRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/NavigationPropertyValueRenderer.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAE/B,0DAA+E;AAC/E,mFAAgF;AAKhF,qFAAsF;AAEtF;;GAEG;AACH,MAAa,+BAA+B;IAC1C,uDAAuD;IAChD,SAAS,CAAC,MAAsB;QACrC,OAAO,CACL,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,oCAAmB,CAAC,SAAS;YAC1D,MAAM,CAAC,QAAQ,CAAC,QAAQ,KAAK,kCAAiB,CAAC,UAAU,CAC1D,CAAC;IACJ,CAAC;IAED,iEAAiE;IAC1D,MAAM,CACX,MAAsB,EACtB,OAAsC;QAEtC,OAAO,CACL,oBAAC,mEAAkC,IACjC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,qBAAqB,EAAE,qBAAqB,GAC5C,CACH,CAAC;IACJ,CAAC;CACF;AAtBD,0EAsBC;AAED,SAAS,qBAAqB,CAC5B,MAAsB;;IAEtB,MAAM,SAAS,GAAG,MAAM,CAAC,KAAuB,CAAC;IACjD,IAAI,SAAS,CAAC,YAAY;QAAE,OAAO,SAAS,CAAC,YAAY,CAAC;IAC1D,OAAO,2CAAoB,CAAC,YAAY,CACtC,MAAM,CAAC,QAAQ,CAAC,QAAQ,EACxB,MAAA,MAAM,CAAC,QAAQ,CAAC,SAAS,0CAAE,IAAI,CAChC,CAAC,uBAAuB,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;AAC9D,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 type { PrimitiveValue, PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat, StandardTypeNames } from \"@itwin/appui-abstract\";\nimport { TypeConverterManager } from \"../../../converters/TypeConverterManager\";\nimport type {\n  IPropertyValueRenderer,\n  PropertyValueRendererContext,\n} from \"../../ValueRendererManager\";\nimport { PrimitivePropertyValueRendererImpl } from \"./PrimitivePropertyValueRenderer\";\n\n/** Default Navigation Property Renderer\n * @public\n */\nexport class NavigationPropertyValueRenderer implements IPropertyValueRenderer {\n  /** Checks if the renderer can handle given property */\n  public canRender(record: PropertyRecord) {\n    return (\n      record.value.valueFormat === PropertyValueFormat.Primitive &&\n      record.property.typename === StandardTypeNames.Navigation\n    );\n  }\n\n  /** Method that returns a JSX representation of PropertyRecord */\n  public render(\n    record: PropertyRecord,\n    context?: PropertyValueRendererContext\n  ) {\n    return (\n      <PrimitivePropertyValueRendererImpl\n        record={record}\n        context={context}\n        stringValueCalculator={convertRecordToString}\n      />\n    );\n  }\n}\n\nfunction convertRecordToString(\n  record: PropertyRecord\n): string | Promise<string> {\n  const primitive = record.value as PrimitiveValue;\n  if (primitive.displayValue) return primitive.displayValue;\n  return TypeConverterManager.getConverter(\n    record.property.typename,\n    record.property.converter?.name\n  ).convertPropertyToString(record.property, primitive.value);\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"PrimitivePropertyValueRenderer.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/PrimitivePropertyValueRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,gBAAgB,EAAkB,cAAc,EAAC,MAAM,uBAAuB,CAAC;AAM7F,OAAO,KAAK,EAAE,sBAAsB,EAAE,4BAA4B,EAAE,MAAM,4BAA4B,CAAC;AAEvG;;GAEG;AACH,qBAAa,8BAA+B,YAAW,sBAAsB;IAE3E,uDAAuD;IAChD,SAAS,CAAC,MAAM,EAAE,cAAc;IAIvC,iEAAiE;IAC1D,MAAM,CAAC,MAAM,EAAE,cAAc,EAAE,OAAO,CAAC,EAAE,4BAA4B;CAO7E;AAED;;;GAGG;AACH,wBAAgB,8BAA8B,CAAC,MAAM,EAAE,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAG/F;AAED,gBAAgB;AAChB,UAAU,uCAAuC;IAC/C,MAAM,EAAE,cAAc,CAAC;IACvB,qBAAqB,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;IAC5E,OAAO,CAAC,EAAE,4BAA4B,CAAC;IACvC,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC;AAED,gBAAgB;AAChB,wBAAgB,kCAAkC,CAAC,KAAK,EAAE,uCAAuC,eAGhG;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,qBAAqB,EAAE,gBAGnC,CAAC;AAEF,gBAAgB;AAChB,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,cAAc,EACtB,qBAAqB,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,EAC3E,OAAO,CAAC,EAAE,4BAA4B,EACtC,YAAY,CAAC,EAAE,gBAAgB,GAC9B;IAAE,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAUpD"}
+{"version":3,"file":"PrimitivePropertyValueRenderer.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/PrimitivePropertyValueRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EACV,gBAAgB,EAEhB,cAAc,EACf,MAAM,uBAAuB,CAAC;AAM/B,OAAO,KAAK,EACV,sBAAsB,EACtB,4BAA4B,EAC7B,MAAM,4BAA4B,CAAC;AAEpC;;GAEG;AACH,qBAAa,8BAA+B,YAAW,sBAAsB;IAC3E,uDAAuD;IAChD,SAAS,CAAC,MAAM,EAAE,cAAc;IAIvC,iEAAiE;IAC1D,MAAM,CACX,MAAM,EAAE,cAAc,EACtB,OAAO,CAAC,EAAE,4BAA4B;CAUzC;AAED;;;GAGG;AACH,wBAAgB,8BAA8B,CAC5C,MAAM,EAAE,cAAc,GACrB,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAM1B;AAED,gBAAgB;AAChB,UAAU,uCAAuC;IAC/C,MAAM,EAAE,cAAc,CAAC;IACvB,qBAAqB,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;IAC5E,OAAO,CAAC,EAAE,4BAA4B,CAAC;IACvC,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC;AAED,gBAAgB;AAChB,wBAAgB,kCAAkC,CAChD,KAAK,EAAE,uCAAuC,eAa/C;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,qBAAqB,EAAE,gBAGnC,CAAC;AAEF,gBAAgB;AAChB,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,cAAc,EACtB,qBAAqB,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,EAC3E,OAAO,CAAC,EAAE,4BAA4B,EACtC,YAAY,CAAC,EAAE,gBAAgB,GAC9B;IAAE,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAapD"}