@itwin/components-react 4.0.0-dev.2 → 4.0.0-dev.20

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

@@ -55,7 +55,7 @@
   border: none;
   background: transparent;
   cursor: pointer;
-  color: $buic-text-color;
+  color: var(--iui-color-text);
   font-size: 14px;
   height: 100%;
   width: 100%;
@@ -64,25 +64,25 @@
 
   > .components-property-label-renderer {
     flex: 1;
+    padding-left: var(--iui-size-2xs);
   }
 
   > div {
-    width: 22px;
-    height: 22px;
-    margin-left: -7px;
-    margin-right: 2px;
-    font-size: 10px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
     @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: $buic-text-color-hover;
+    color: var(--iui-color-text-hover);
   }
 }

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

@@ -8,7 +8,11 @@
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

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;AAC/B,0DAAwF;AACxF,kDAAgD;AAChD,qEAAyH;AACzH,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":["/*---------------------------------------------------------------------------------------------\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 { ArrayValue, PropertyRecord, PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { Orientation } from \"@itwin/core-react\";\nimport { IPropertyValueRenderer, PropertyContainerType, PropertyValueRendererContext } 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\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(record: PropertyRecord, context?: PropertyValueRendererContext) {\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={context.orientation ? context.orientation : Orientation.Horizontal}\n        />,\n        context,\n      );\n    }\n\n    if (context && context.containerType === PropertyContainerType.PropertyPane) {\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"]}
+{"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;AAC/B,0DAAwF;AACxF,kDAAgD;AAChD,qEAAyH;AACzH,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":["/*---------------------------------------------------------------------------------------------\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 { ArrayValue, PropertyRecord, PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { Orientation } from \"@itwin/core-react\";\nimport { IPropertyValueRenderer, PropertyContainerType, PropertyValueRendererContext } 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\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(record: PropertyRecord, context?: PropertyValueRendererContext) {\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={context.orientation ? context.orientation : Orientation.Horizontal}\n        />,\n        context,\n      );\n    }\n\n    if (context && context.containerType === PropertyContainerType.PropertyPane) {\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.js

@@ -8,7 +8,11 @@
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -47,10 +51,9 @@ class DoublePropertyValueRenderer {
 }
 exports.DoublePropertyValueRenderer = DoublePropertyValueRenderer;
 function convertRecordToString(record) {
-    var _a;
     const primitive = record.value;
     if (primitive.displayValue)
         return primitive.displayValue;
-    return TypeConverterManager_1.TypeConverterManager.getConverter(record.property.typename, (_a = record.property.converter) === null || _a === void 0 ? void 0 : _a.name).convertPropertyToString(record.property, primitive.value);
+    return TypeConverterManager_1.TypeConverterManager.getConverter(record.property.typename, record.property.converter?.name).convertPropertyToString(record.property, primitive.value);
 }
 //# sourceMappingURL=DoublePropertyValueRenderer.js.map

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;AAC/B,0DAA+G;AAC/G,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":["/*---------------------------------------------------------------------------------------------\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 { PrimitiveValue, PropertyRecord, PropertyValueFormat, StandardTypeNames } from \"@itwin/appui-abstract\";\nimport { TypeConverterManager } from \"../../../converters/TypeConverterManager\";\nimport { IPropertyValueRenderer, PropertyValueRendererContext } from \"../../ValueRendererManager\";\nimport { PrimitivePropertyValueRendererImpl } from \"./PrimitivePropertyValueRenderer\";\n\n/** Default Double Property Renderer\n * @public\n */\nexport class DoublePropertyValueRenderer implements IPropertyValueRenderer {\n\n  /** Checks if the renderer can handle given property */\n  public canRender(record: PropertyRecord) {\n    return record.value.valueFormat === PropertyValueFormat.Primitive\n      && record.property.typename === StandardTypeNames.Double;\n  }\n\n  /** Method that returns a JSX representation of PropertyRecord */\n  public render(record: PropertyRecord, context?: PropertyValueRendererContext) {\n    return <PrimitivePropertyValueRendererImpl\n      record={record}\n      context={context}\n      stringValueCalculator={convertRecordToString}\n    />;\n  }\n}\n\nfunction convertRecordToString(record: PropertyRecord) {\n  const primitive = record.value as PrimitiveValue;\n  if (primitive.displayValue)\n    return primitive.displayValue;\n  return TypeConverterManager.getConverter(record.property.typename, record.property.converter?.name).convertPropertyToString(record.property, primitive.value);\n}\n"]}
+{"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;AAC/B,0DAA+G;AAC/G,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,MAAM,CAAC,QAAQ,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,uBAAuB,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;AAChK,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 { PrimitiveValue, PropertyRecord, PropertyValueFormat, StandardTypeNames } from \"@itwin/appui-abstract\";\nimport { TypeConverterManager } from \"../../../converters/TypeConverterManager\";\nimport { IPropertyValueRenderer, PropertyValueRendererContext } from \"../../ValueRendererManager\";\nimport { PrimitivePropertyValueRendererImpl } from \"./PrimitivePropertyValueRenderer\";\n\n/** Default Double Property Renderer\n * @public\n */\nexport class DoublePropertyValueRenderer implements IPropertyValueRenderer {\n\n  /** Checks if the renderer can handle given property */\n  public canRender(record: PropertyRecord) {\n    return record.value.valueFormat === PropertyValueFormat.Primitive\n      && record.property.typename === StandardTypeNames.Double;\n  }\n\n  /** Method that returns a JSX representation of PropertyRecord */\n  public render(record: PropertyRecord, context?: PropertyValueRendererContext) {\n    return <PrimitivePropertyValueRendererImpl\n      record={record}\n      context={context}\n      stringValueCalculator={convertRecordToString}\n    />;\n  }\n}\n\nfunction convertRecordToString(record: PropertyRecord): string | Promise<string> {\n  const primitive = record.value as PrimitiveValue;\n  if (primitive.displayValue)\n    return primitive.displayValue;\n  return TypeConverterManager.getConverter(record.property.typename, record.property.converter?.name).convertPropertyToString(record.property, primitive.value);\n}\n"]}

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

@@ -9,7 +9,11 @@
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -48,9 +52,8 @@ class MultilineTextPropertyValueRenderer {
 }
 exports.MultilineTextPropertyValueRenderer = MultilineTextPropertyValueRenderer;
 const MultilineTextPropertyValueRendererImpl = (props) => {
-    var _a, _b, _c, _d;
     const { stringValue, element } = (0, PrimitivePropertyValueRenderer_1.useRenderedStringValue)(props.record, convertRecordToString, props.context);
-    return (React.createElement(exports.MultilineTextRenderer, { style: (_a = props.context) === null || _a === void 0 ? void 0 : _a.style, stringValue: stringValue, isExpanded: (_b = props.context) === null || _b === void 0 ? void 0 : _b.isExpanded, onExpansionToggled: (_c = props.context) === null || _c === void 0 ? void 0 : _c.onExpansionToggled, onHeightChanged: (_d = props.context) === null || _d === void 0 ? void 0 : _d.onHeightChanged }, element));
+    return (React.createElement(exports.MultilineTextRenderer, { style: props.context?.style, stringValue: stringValue, isExpanded: props.context?.isExpanded, onExpansionToggled: props.context?.onExpansionToggled, onHeightChanged: props.context?.onHeightChanged }, element));
 };
 /** @internal */
 const MultilineTextRenderer = (props) => {
@@ -59,7 +62,6 @@ const MultilineTextRenderer = (props) => {
     const divRef = (0, react_1.useRef)(null);
     const previousHeightRef = (0, react_1.useRef)(0);
     (0, react_1.useLayoutEffect)(() => {
-        var _a;
         (0, core_bentley_1.assert)(divRef.current !== null && spanRef.current !== null);
         const contentOverflows = spanRef.current.clientWidth < spanRef.current.scrollWidth;
         if (numRerenders === 0 && contentOverflows) {
@@ -68,14 +70,13 @@ const MultilineTextRenderer = (props) => {
         if (numRerenders === 1 || !contentOverflows) {
             const currentHeight = Math.max(divRef.current.offsetHeight, 27);
             if (currentHeight !== previousHeightRef.current) {
-                (_a = props.onHeightChanged) === null || _a === void 0 ? void 0 : _a.call(props, currentHeight);
+                props.onHeightChanged?.(currentHeight);
                 previousHeightRef.current = currentHeight;
             }
         }
     });
     const handleExpansionToggleClick = (event) => {
-        var _a;
-        (_a = props.onExpansionToggled) === null || _a === void 0 ? void 0 : _a.call(props);
+        props.onExpansionToggled?.();
         event.stopPropagation();
     };
     // In order to always trigger onMouseLeave event on PropertyView, collapse button must remain mounted at all times.

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":["/*---------------------------------------------------------------------------------------------\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\";\n// eslint-disable-next-line no-duplicate-imports\nimport { useLayoutEffect, useRef } from \"react\";\nimport { assert } from \"@itwin/core-bentley\";\nimport { PrimitiveValue, PropertyRecord, PropertyValueFormat, StandardTypeNames } from \"@itwin/appui-abstract\";\nimport { useRerender } from \"../../../common/UseRerender\";\nimport { TypeConverterManager } from \"../../../converters/TypeConverterManager\";\nimport { UiComponents } from \"../../../UiComponents\";\nimport { IPropertyValueRenderer, PropertyValueRendererContext } from \"../../ValueRendererManager\";\nimport { useRenderedStringValue } from \"./PrimitivePropertyValueRenderer\";\n\n/** @internal */\nexport class MultilineTextPropertyValueRenderer implements IPropertyValueRenderer {\n  public canRender(record: PropertyRecord): boolean {\n    return record.value.valueFormat === PropertyValueFormat.Primitive;\n  }\n\n  public render(record: PropertyRecord, context?: PropertyValueRendererContext): React.ReactNode {\n    return <MultilineTextPropertyValueRendererImpl record={record} context={context} />;\n  }\n}\n\ninterface MultilineTextPropertyValueRendererImplProps {\n  record: PropertyRecord;\n  context?: PropertyValueRendererContext;\n  children?: never;\n}\n\nconst MultilineTextPropertyValueRendererImpl: React.FC<MultilineTextPropertyValueRendererImplProps>\n  = (props) => {\n    const { stringValue, element } = useRenderedStringValue(props.record, convertRecordToString, props.context);\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 MultilineTextRenderer {\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<MultilineTextRenderer> = (props) => { // eslint-disable-line @typescript-eslint/no-redeclare\n  const { rerenderContext, numRerenders, rerender } = useRerender({ contentOverflows: false });\n  const spanRef = useRef<HTMLSpanElement>(null);\n  const divRef = useRef<HTMLDivElement>(null);\n  const previousHeightRef = useRef(0);\n  useLayoutEffect(() => {\n    assert(divRef.current !== null && spanRef.current !== null);\n\n    const contentOverflows = spanRef.current.clientWidth < spanRef.current.scrollWidth;\n    if (numRerenders === 0 && contentOverflows) {\n      rerender({ contentOverflows });\n    }\n\n    if (numRerenders === 1 || !contentOverflows) {\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\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={(numRerenders !== 0 && props.isExpanded) ? \"expanded\" : \"\"}\n        style={props.style}\n        title={props.isExpanded ? undefined : props.stringValue}\n      >\n        {props.children}\n        <button\n          className=\"expand-toggle\"\n          style={{ display: (rerenderContext.contentOverflows && props.isExpanded) ? \"inline-block\" : \"none\" }}\n          onClick={handleExpansionToggleClick}\n        >\n          {UiComponents.translate(\"property.collapse\")}\n        </button>\n      </span>\n      {\n        rerenderContext.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(record: PropertyRecord): string | Promise<string> {\n  return TypeConverterManager\n    .getConverter(StandardTypeNames.Text)\n    .convertPropertyToString(record.property, (record.value as PrimitiveValue).value);\n}\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\";\n// eslint-disable-next-line no-duplicate-imports\nimport { useLayoutEffect, useRef } from \"react\";\nimport { assert } from \"@itwin/core-bentley\";\nimport { PrimitiveValue, PropertyRecord, PropertyValueFormat, StandardTypeNames } from \"@itwin/appui-abstract\";\nimport { useRerender } from \"../../../common/UseRerender\";\nimport { TypeConverterManager } from \"../../../converters/TypeConverterManager\";\nimport { UiComponents } from \"../../../UiComponents\";\nimport { IPropertyValueRenderer, PropertyValueRendererContext } from \"../../ValueRendererManager\";\nimport { useRenderedStringValue } from \"./PrimitivePropertyValueRenderer\";\n\n/** @internal */\nexport class MultilineTextPropertyValueRenderer implements IPropertyValueRenderer {\n  public canRender(record: PropertyRecord): boolean {\n    return record.value.valueFormat === PropertyValueFormat.Primitive;\n  }\n\n  public render(record: PropertyRecord, context?: PropertyValueRendererContext): React.ReactNode {\n    return <MultilineTextPropertyValueRendererImpl record={record} context={context} />;\n  }\n}\n\ninterface MultilineTextPropertyValueRendererImplProps {\n  record: PropertyRecord;\n  context?: PropertyValueRendererContext;\n  children?: never;\n}\n\nconst MultilineTextPropertyValueRendererImpl: React.FC<MultilineTextPropertyValueRendererImplProps>\n  = (props) => {\n    const { stringValue, element } = useRenderedStringValue(props.record, convertRecordToString, props.context);\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 MultilineTextRenderer {\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<MultilineTextRenderer> = (props) => { // eslint-disable-line @typescript-eslint/no-redeclare\n  const { rerenderContext, numRerenders, rerender } = useRerender({ contentOverflows: false });\n  const spanRef = useRef<HTMLSpanElement>(null);\n  const divRef = useRef<HTMLDivElement>(null);\n  const previousHeightRef = useRef(0);\n  useLayoutEffect(() => {\n    assert(divRef.current !== null && spanRef.current !== null);\n\n    const contentOverflows = spanRef.current.clientWidth < spanRef.current.scrollWidth;\n    if (numRerenders === 0 && contentOverflows) {\n      rerender({ contentOverflows });\n    }\n\n    if (numRerenders === 1 || !contentOverflows) {\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\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={(numRerenders !== 0 && props.isExpanded) ? \"expanded\" : \"\"}\n        style={props.style}\n        title={props.isExpanded ? undefined : props.stringValue}\n      >\n        {props.children}\n        <button\n          className=\"expand-toggle\"\n          style={{ display: (rerenderContext.contentOverflows && props.isExpanded) ? \"inline-block\" : \"none\" }}\n          onClick={handleExpansionToggleClick}\n        >\n          {UiComponents.translate(\"property.collapse\")}\n        </button>\n      </span>\n      {\n        rerenderContext.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(record: PropertyRecord): string | Promise<string> {\n  return TypeConverterManager\n    .getConverter(StandardTypeNames.Text)\n    .convertPropertyToString(record.property, (record.value as PrimitiveValue).value);\n}\n"]}

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

@@ -8,7 +8,11 @@
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -47,10 +51,9 @@ class NavigationPropertyValueRenderer {
 }
 exports.NavigationPropertyValueRenderer = NavigationPropertyValueRenderer;
 function convertRecordToString(record) {
-    var _a;
     const primitive = record.value;
     if (primitive.displayValue)
         return primitive.displayValue;
-    return TypeConverterManager_1.TypeConverterManager.getConverter(record.property.typename, (_a = record.property.converter) === null || _a === void 0 ? void 0 : _a.name).convertPropertyToString(record.property, primitive.value);
+    return TypeConverterManager_1.TypeConverterManager.getConverter(record.property.typename, record.property.converter?.name).convertPropertyToString(record.property, primitive.value);
 }
 //# sourceMappingURL=NavigationPropertyValueRenderer.js.map

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;AAC/B,0DAA+G;AAC/G,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":["/*---------------------------------------------------------------------------------------------\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 { PrimitiveValue, PropertyRecord, PropertyValueFormat, StandardTypeNames } from \"@itwin/appui-abstract\";\nimport { TypeConverterManager } from \"../../../converters/TypeConverterManager\";\nimport { IPropertyValueRenderer, PropertyValueRendererContext } from \"../../ValueRendererManager\";\nimport { PrimitivePropertyValueRendererImpl } from \"./PrimitivePropertyValueRenderer\";\n\n/** Default Navigation Property Renderer\n * @public\n */\nexport class NavigationPropertyValueRenderer implements IPropertyValueRenderer {\n\n  /** Checks if the renderer can handle given property */\n  public canRender(record: PropertyRecord) {\n    return record.value.valueFormat === PropertyValueFormat.Primitive\n      && record.property.typename === StandardTypeNames.Navigation;\n  }\n\n  /** Method that returns a JSX representation of PropertyRecord */\n  public render(record: PropertyRecord, context?: PropertyValueRendererContext) {\n    return <PrimitivePropertyValueRendererImpl\n      record={record}\n      context={context}\n      stringValueCalculator={convertRecordToString}\n    />;\n  }\n}\n\nfunction convertRecordToString(record: PropertyRecord) {\n  const primitive = record.value as PrimitiveValue;\n  if (primitive.displayValue)\n    return primitive.displayValue;\n  return TypeConverterManager.getConverter(record.property.typename, record.property.converter?.name).convertPropertyToString(record.property, primitive.value);\n}\n"]}
+{"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;AAC/B,0DAA+G;AAC/G,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,MAAM,CAAC,QAAQ,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,uBAAuB,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;AAChK,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 { PrimitiveValue, PropertyRecord, PropertyValueFormat, StandardTypeNames } from \"@itwin/appui-abstract\";\nimport { TypeConverterManager } from \"../../../converters/TypeConverterManager\";\nimport { IPropertyValueRenderer, PropertyValueRendererContext } from \"../../ValueRendererManager\";\nimport { PrimitivePropertyValueRendererImpl } from \"./PrimitivePropertyValueRenderer\";\n\n/** Default Navigation Property Renderer\n * @public\n */\nexport class NavigationPropertyValueRenderer implements IPropertyValueRenderer {\n\n  /** Checks if the renderer can handle given property */\n  public canRender(record: PropertyRecord) {\n    return record.value.valueFormat === PropertyValueFormat.Primitive\n      && record.property.typename === StandardTypeNames.Navigation;\n  }\n\n  /** Method that returns a JSX representation of PropertyRecord */\n  public render(record: PropertyRecord, context?: PropertyValueRendererContext) {\n    return <PrimitivePropertyValueRendererImpl\n      record={record}\n      context={context}\n      stringValueCalculator={convertRecordToString}\n    />;\n  }\n}\n\nfunction convertRecordToString(record: PropertyRecord): string | Promise<string> {\n  const primitive = record.value as PrimitiveValue;\n  if (primitive.displayValue)\n    return primitive.displayValue;\n  return TypeConverterManager.getConverter(record.property.typename, record.property.converter?.name).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,EAAE,gBAAgB,EAAkB,cAAc,EAAuB,MAAM,uBAAuB,CAAC;AAK9G,OAAO,EAAE,sBAAsB,EAAE,4BAA4B,EAAE,MAAM,4BAA4B,CAAC;AAElG;;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,4BAGpE;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,EAAE,gBAAgB,EAAkB,cAAc,EAAuB,MAAM,uBAAuB,CAAC;AAK9G,OAAO,EAAE,sBAAsB,EAAE,4BAA4B,EAAE,MAAM,4BAA4B,CAAC;AAElG;;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"}

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

@@ -8,7 +8,11 @@
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -52,16 +56,14 @@ exports.PrimitivePropertyValueRenderer = PrimitivePropertyValueRenderer;
  * @internal
  */
 function convertPrimitiveRecordToString(record) {
-    var _a;
     const primitive = record.value;
-    return TypeConverterManager_1.TypeConverterManager.getConverter(record.property.typename, (_a = record.property.converter) === null || _a === void 0 ? void 0 : _a.name).convertPropertyToString(record.property, primitive.value);
+    return TypeConverterManager_1.TypeConverterManager.getConverter(record.property.typename, record.property.converter?.name).convertPropertyToString(record.property, primitive.value);
 }
 exports.convertPrimitiveRecordToString = convertPrimitiveRecordToString;
 /** @internal */
 function PrimitivePropertyValueRendererImpl(props) {
-    var _a;
     const { stringValue, element } = useRenderedStringValue(props.record, props.stringValueCalculator, props.context, props.linksHandler);
-    return React.createElement("span", { style: (_a = props.context) === null || _a === void 0 ? void 0 : _a.style, title: stringValue }, element);
+    return React.createElement("span", { style: props.context?.style, title: stringValue }, element);
 }
 exports.PrimitivePropertyValueRendererImpl = PrimitivePropertyValueRendererImpl;
 /**
@@ -78,11 +80,10 @@ exports.DEFAULT_LINKS_HANDLER = {
 };
 /** @internal */
 function useRenderedStringValue(record, stringValueCalculator, context, linksHandler) {
-    var _a, _b;
     const stringValue = (0, UseAsyncValue_1.useAsyncValue)(stringValueCalculator(record));
     const el = (stringValue === undefined)
-        ? context === null || context === void 0 ? void 0 : context.defaultValue
-        : React.createElement(LinkHandler_1.LinksRenderer, { value: stringValue, links: (_b = (_a = record.links) !== null && _a !== void 0 ? _a : linksHandler) !== null && _b !== void 0 ? _b : exports.DEFAULT_LINKS_HANDLER, highlighter: context === null || context === void 0 ? void 0 : context.textHighlighter });
+        ? context?.defaultValue
+        : React.createElement(LinkHandler_1.LinksRenderer, { value: stringValue, links: record.links ?? linksHandler ?? exports.DEFAULT_LINKS_HANDLER, highlighter: context?.textHighlighter });
     return { stringValue, element: el };
 }
 exports.useRenderedStringValue = useRenderedStringValue;

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

@@ -1 +1 @@
-{"version":3,"file":"PrimitivePropertyValueRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/PrimitivePropertyValueRenderer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAC/B,0DAA8G;AAC9G,iEAA8D;AAC9D,mFAAgF;AAChF,6FAA0F;AAC1F,mDAAkD;AAGlD;;GAEG;AACH,MAAa,8BAA8B;IAEzC,uDAAuD;IAChD,SAAS,CAAC,MAAsB;QACrC,OAAO,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,oCAAmB,CAAC,SAAS,CAAC;IACpE,CAAC;IAED,iEAAiE;IAC1D,MAAM,CAAC,MAAsB,EAAE,OAAsC;QAC1E,OAAO,oBAAC,kCAAkC,IACxC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,qBAAqB,EAAE,8BAA8B,GACrD,CAAC;IACL,CAAC;CACF;AAfD,wEAeC;AAED;;;GAGG;AACH,SAAgB,8BAA8B,CAAC,MAAsB;;IACnE,MAAM,SAAS,GAAG,MAAM,CAAC,KAAuB,CAAC;IACjD,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;AAHD,wEAGC;AAUD,gBAAgB;AAChB,SAAgB,kCAAkC,CAAC,KAA8C;;IAC/F,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,sBAAsB,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,qBAAqB,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IACtI,OAAO,8BAAM,KAAK,EAAE,MAAA,KAAK,CAAC,OAAO,0CAAE,KAAK,EAAE,KAAK,EAAE,WAAW,IAAG,OAAO,CAAQ,CAAC;AACjF,CAAC;AAHD,gFAGC;AAED;;;;;;;GAOG;AACU,QAAA,qBAAqB,GAAqB;IACrD,OAAO,EAAE,yCAAmB,CAAC,QAAQ;IACrC,OAAO,EAAE,yCAAmB,CAAC,eAAe;CAC7C,CAAC;AAEF,gBAAgB;AAChB,SAAgB,sBAAsB,CACpC,MAAsB,EACtB,qBAA2E,EAC3E,OAAsC,EACtC,YAA+B;;IAE/B,MAAM,WAAW,GAAG,IAAA,6BAAa,EAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC,CAAC;IACjE,MAAM,EAAE,GAAG,CAAC,WAAW,KAAK,SAAS,CAAC;QACpC,CAAC,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY;QACvB,CAAC,CAAC,oBAAC,2BAAa,IACd,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,MAAA,MAAA,MAAM,CAAC,KAAK,mCAAI,YAAY,mCAAI,6BAAqB,EAC5D,WAAW,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,eAAe,GACrC,CAAC;IACL,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;AACtC,CAAC;AAfD,wDAeC","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 { LinkElementsInfo, PrimitiveValue, PropertyRecord, PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { useAsyncValue } from \"../../../common/UseAsyncValue\";\nimport { TypeConverterManager } from \"../../../converters/TypeConverterManager\";\nimport { PropertyGridCommons } from \"../../../propertygrid/component/PropertyGridCommons\";\nimport { LinksRenderer } from \"../../LinkHandler\";\nimport { IPropertyValueRenderer, PropertyValueRendererContext } from \"../../ValueRendererManager\";\n\n/** Default Primitive Property Renderer\n * @public\n */\nexport class PrimitivePropertyValueRenderer implements IPropertyValueRenderer {\n\n  /** Checks if the renderer can handle given property */\n  public canRender(record: PropertyRecord) {\n    return record.value.valueFormat === PropertyValueFormat.Primitive;\n  }\n\n  /** Method that returns a JSX representation of PropertyRecord */\n  public render(record: PropertyRecord, context?: PropertyValueRendererContext) {\n    return <PrimitivePropertyValueRendererImpl\n      record={record}\n      context={context}\n      stringValueCalculator={convertPrimitiveRecordToString}\n    />;\n  }\n}\n\n/**\n * Function that converts primitive [[PropertyRecord]] to string\n * @internal\n */\nexport function convertPrimitiveRecordToString(record: PropertyRecord) {\n  const primitive = record.value as PrimitiveValue;\n  return TypeConverterManager.getConverter(record.property.typename, record.property.converter?.name).convertPropertyToString(record.property, primitive.value);\n}\n\n/** @internal */\ninterface PrimitivePropertyValueRendererImplProps {\n  record: PropertyRecord;\n  stringValueCalculator: (record: PropertyRecord) => string | Promise<string>;\n  context?: PropertyValueRendererContext;\n  linksHandler?: LinkElementsInfo;\n}\n\n/** @internal */\nexport function PrimitivePropertyValueRendererImpl(props: PrimitivePropertyValueRendererImplProps) {\n  const { stringValue, element } = useRenderedStringValue(props.record, props.stringValueCalculator, props.context, props.linksHandler);\n  return <span style={props.context?.style} title={stringValue}>{element}</span>;\n}\n\n/**\n * Default link handler used for handling records,\n * which did not have any specified LinkElementsInfo.\n *\n * Default matcher matches all URLs using regex.\n * Default onClick opens window or sets location.href with found URL.\n * @public\n */\nexport const DEFAULT_LINKS_HANDLER: LinkElementsInfo = {\n  matcher: PropertyGridCommons.getLinks,\n  onClick: PropertyGridCommons.handleLinkClick,\n};\n\n/** @internal */\nexport function useRenderedStringValue(\n  record: PropertyRecord,\n  stringValueCalculator: (record: PropertyRecord) => string | Promise<string>,\n  context?: PropertyValueRendererContext,\n  linksHandler?: LinkElementsInfo,\n): { stringValue?: string, element: React.ReactNode } {\n  const stringValue = useAsyncValue(stringValueCalculator(record));\n  const el = (stringValue === undefined)\n    ? context?.defaultValue\n    : <LinksRenderer\n      value={stringValue}\n      links={record.links ?? linksHandler ?? DEFAULT_LINKS_HANDLER}\n      highlighter={context?.textHighlighter}\n    />;\n  return { stringValue, element: el };\n}\n"]}
+{"version":3,"file":"PrimitivePropertyValueRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/PrimitivePropertyValueRenderer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAC/B,0DAA8G;AAC9G,iEAA8D;AAC9D,mFAAgF;AAChF,6FAA0F;AAC1F,mDAAkD;AAGlD;;GAEG;AACH,MAAa,8BAA8B;IAEzC,uDAAuD;IAChD,SAAS,CAAC,MAAsB;QACrC,OAAO,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,oCAAmB,CAAC,SAAS,CAAC;IACpE,CAAC;IAED,iEAAiE;IAC1D,MAAM,CAAC,MAAsB,EAAE,OAAsC;QAC1E,OAAO,oBAAC,kCAAkC,IACxC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,qBAAqB,EAAE,8BAA8B,GACrD,CAAC;IACL,CAAC;CACF;AAfD,wEAeC;AAED;;;GAGG;AACH,SAAgB,8BAA8B,CAAC,MAAsB;IACnE,MAAM,SAAS,GAAG,MAAM,CAAC,KAAuB,CAAC;IACjD,OAAO,2CAAoB,CAAC,YAAY,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,uBAAuB,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;AAChK,CAAC;AAHD,wEAGC;AAUD,gBAAgB;AAChB,SAAgB,kCAAkC,CAAC,KAA8C;IAC/F,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,sBAAsB,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,qBAAqB,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IACtI,OAAO,8BAAM,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,IAAG,OAAO,CAAQ,CAAC;AACjF,CAAC;AAHD,gFAGC;AAED;;;;;;;GAOG;AACU,QAAA,qBAAqB,GAAqB;IACrD,OAAO,EAAE,yCAAmB,CAAC,QAAQ;IACrC,OAAO,EAAE,yCAAmB,CAAC,eAAe;CAC7C,CAAC;AAEF,gBAAgB;AAChB,SAAgB,sBAAsB,CACpC,MAAsB,EACtB,qBAA2E,EAC3E,OAAsC,EACtC,YAA+B;IAE/B,MAAM,WAAW,GAAG,IAAA,6BAAa,EAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC,CAAC;IACjE,MAAM,EAAE,GAAG,CAAC,WAAW,KAAK,SAAS,CAAC;QACpC,CAAC,CAAC,OAAO,EAAE,YAAY;QACvB,CAAC,CAAC,oBAAC,2BAAa,IACd,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,YAAY,IAAI,6BAAqB,EAC5D,WAAW,EAAE,OAAO,EAAE,eAAe,GACrC,CAAC;IACL,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;AACtC,CAAC;AAfD,wDAeC","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 { LinkElementsInfo, PrimitiveValue, PropertyRecord, PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { useAsyncValue } from \"../../../common/UseAsyncValue\";\nimport { TypeConverterManager } from \"../../../converters/TypeConverterManager\";\nimport { PropertyGridCommons } from \"../../../propertygrid/component/PropertyGridCommons\";\nimport { LinksRenderer } from \"../../LinkHandler\";\nimport { IPropertyValueRenderer, PropertyValueRendererContext } from \"../../ValueRendererManager\";\n\n/** Default Primitive Property Renderer\n * @public\n */\nexport class PrimitivePropertyValueRenderer implements IPropertyValueRenderer {\n\n  /** Checks if the renderer can handle given property */\n  public canRender(record: PropertyRecord) {\n    return record.value.valueFormat === PropertyValueFormat.Primitive;\n  }\n\n  /** Method that returns a JSX representation of PropertyRecord */\n  public render(record: PropertyRecord, context?: PropertyValueRendererContext) {\n    return <PrimitivePropertyValueRendererImpl\n      record={record}\n      context={context}\n      stringValueCalculator={convertPrimitiveRecordToString}\n    />;\n  }\n}\n\n/**\n * Function that converts primitive [[PropertyRecord]] to string\n * @internal\n */\nexport function convertPrimitiveRecordToString(record: PropertyRecord): string | Promise<string> {\n  const primitive = record.value as PrimitiveValue;\n  return TypeConverterManager.getConverter(record.property.typename, record.property.converter?.name).convertPropertyToString(record.property, primitive.value);\n}\n\n/** @internal */\ninterface PrimitivePropertyValueRendererImplProps {\n  record: PropertyRecord;\n  stringValueCalculator: (record: PropertyRecord) => string | Promise<string>;\n  context?: PropertyValueRendererContext;\n  linksHandler?: LinkElementsInfo;\n}\n\n/** @internal */\nexport function PrimitivePropertyValueRendererImpl(props: PrimitivePropertyValueRendererImplProps) {\n  const { stringValue, element } = useRenderedStringValue(props.record, props.stringValueCalculator, props.context, props.linksHandler);\n  return <span style={props.context?.style} title={stringValue}>{element}</span>;\n}\n\n/**\n * Default link handler used for handling records,\n * which did not have any specified LinkElementsInfo.\n *\n * Default matcher matches all URLs using regex.\n * Default onClick opens window or sets location.href with found URL.\n * @public\n */\nexport const DEFAULT_LINKS_HANDLER: LinkElementsInfo = {\n  matcher: PropertyGridCommons.getLinks,\n  onClick: PropertyGridCommons.handleLinkClick,\n};\n\n/** @internal */\nexport function useRenderedStringValue(\n  record: PropertyRecord,\n  stringValueCalculator: (record: PropertyRecord) => string | Promise<string>,\n  context?: PropertyValueRendererContext,\n  linksHandler?: LinkElementsInfo,\n): { stringValue?: string, element: React.ReactNode } {\n  const stringValue = useAsyncValue(stringValueCalculator(record));\n  const el = (stringValue === undefined)\n    ? context?.defaultValue\n    : <LinksRenderer\n      value={stringValue}\n      links={record.links ?? linksHandler ?? DEFAULT_LINKS_HANDLER}\n      highlighter={context?.textHighlighter}\n    />;\n  return { stringValue, element: el };\n}\n"]}

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

@@ -8,7 +8,11 @@
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

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

@@ -1 +1 @@
-{"version":3,"file":"StructPropertyValueRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/StructPropertyValueRenderer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAC/B,0DAA4E;AAC5E,kDAAgD;AAChD,qEAAyH;AACzH,qEAAuE;AACvE,yDAAsD;AAEtD;;GAEG;AACH,MAAa,2BAA2B;IAEtC,uDAAuD;IAChD,SAAS,CAAC,MAAsB;QACrC,OAAO,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,oCAAmB,CAAC,MAAM,CAAC;IACjE,CAAC;IAED,iEAAiE;IAC1D,MAAM,CAAC,MAAsB,EAAE,OAAsC;QAC1E,IAAI,OAAO,IAAI,OAAO,CAAC,aAAa,KAAK,4CAAqB,CAAC,KAAK,EAAE;YACpE,OAAO,IAAA,mCAAgB,EACrB,oBAAC,8CAAwB,IACvB,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,EAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,QAAQ,GAAG,EAAE,OAAO,CAAC,CAAC;IACpE,CAAC;CACF;AA1BD,kEA0BC","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 { PropertyRecord, PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { Orientation } from \"@itwin/core-react\";\nimport { IPropertyValueRenderer, PropertyContainerType, PropertyValueRendererContext } from \"../../ValueRendererManager\";\nimport { TableStructValueRenderer } from \"./table/StructValueRenderer\";\nimport { withContextStyle } from \"./WithContextStyle\";\n\n/** Default Struct Property Renderer\n * @public\n */\nexport class StructPropertyValueRenderer implements IPropertyValueRenderer {\n\n  /** Checks if the renderer can handle given property */\n  public canRender(record: PropertyRecord) {\n    return record.value.valueFormat === PropertyValueFormat.Struct;\n  }\n\n  /** Method that returns a JSX representation of PropertyRecord */\n  public render(record: PropertyRecord, context?: PropertyValueRendererContext) {\n    if (context && context.containerType === PropertyContainerType.Table) {\n      return withContextStyle(\n        <TableStructValueRenderer\n          propertyRecord={record}\n          onDialogOpen={context.onDialogOpen}\n          orientation={context.orientation ? context.orientation : Orientation.Horizontal}\n        />,\n        context,\n      );\n    }\n\n    if (context && context.containerType === PropertyContainerType.PropertyPane) {\n      return withContextStyle(\"\", context);\n    }\n\n    return withContextStyle(`{${record.property.typename}}`, context);\n  }\n}\n"]}
+{"version":3,"file":"StructPropertyValueRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/StructPropertyValueRenderer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAC/B,0DAA4E;AAC5E,kDAAgD;AAChD,qEAAyH;AACzH,qEAAuE;AACvE,yDAAsD;AAEtD;;GAEG;AACH,MAAa,2BAA2B;IAEtC,uDAAuD;IAChD,SAAS,CAAC,MAAsB;QACrC,OAAO,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,oCAAmB,CAAC,MAAM,CAAC;IACjE,CAAC;IAED,iEAAiE;IAC1D,MAAM,CAAC,MAAsB,EAAE,OAAsC;QAC1E,IAAI,OAAO,IAAI,OAAO,CAAC,aAAa,KAAK,4CAAqB,CAAC,KAAK,EAAE;YACpE,OAAO,IAAA,mCAAgB,EACrB,oBAAC,8CAAwB,IACvB,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,EAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,QAAQ,GAAG,EAAE,OAAO,CAAC,CAAC;IACpE,CAAC;CACF;AA1BD,kEA0BC","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 { PropertyRecord, PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { Orientation } from \"@itwin/core-react\";\nimport { IPropertyValueRenderer, PropertyContainerType, PropertyValueRendererContext } from \"../../ValueRendererManager\";\nimport { TableStructValueRenderer } from \"./table/StructValueRenderer\";\nimport { withContextStyle } from \"./WithContextStyle\";\n\n/** Default Struct Property Renderer\n * @public\n */\nexport class StructPropertyValueRenderer implements IPropertyValueRenderer {\n\n  /** Checks if the renderer can handle given property */\n  public canRender(record: PropertyRecord) {\n    return record.value.valueFormat === PropertyValueFormat.Struct;\n  }\n\n  /** Method that returns a JSX representation of PropertyRecord */\n  public render(record: PropertyRecord, context?: PropertyValueRendererContext) {\n    if (context && context.containerType === PropertyContainerType.Table) {\n      return withContextStyle(\n        <TableStructValueRenderer\n          propertyRecord={record}\n          onDialogOpen={context.onDialogOpen}\n          orientation={context.orientation ? context.orientation : Orientation.Horizontal}\n        />,\n        context,\n      );\n    }\n\n    if (context && context.containerType === PropertyContainerType.PropertyPane) {\n      return withContextStyle(\"\", context);\n    }\n\n    return withContextStyle(`{${record.property.typename}}`, context);\n  }\n}\n"]}

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

@@ -8,7 +8,11 @@
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

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

@@ -1 +1 @@
-{"version":3,"file":"UrlPropertyValueRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/UrlPropertyValueRenderer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAC/B,0DAAiH;AAEjH,qFAAsH;AAEtH;;;;;GAKG;AACH,MAAa,wBAAwB;IAEnC,uDAAuD;IAChD,SAAS,CAAC,MAAsB;QACrC,OAAO,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,oCAAmB,CAAC,SAAS;eAC5D,CAAC,kCAAiB,CAAC,GAAG,EAAE,kCAAiB,CAAC,MAAM,EAAE,kCAAiB,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,QAA6B,CAAC,CAAC;IACzI,CAAC;IAED,iEAAiE;IAC1D,MAAM,CAAC,MAAsB,EAAE,OAAsC;QAC1E,OAAO,oBAAC,mEAAkC,IACxC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,qBAAqB,EAAE,+DAA8B,EACrD,YAAY,EAAE,yBAAyB,GACvC,CAAC;IACL,CAAC;CACF;AAjBD,4DAiBC;AAED;;;GAGG;AACH,SAAS,UAAU,CAAC,IAAY;IAC9B,IAAI,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;QACtD,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC;SAClB;QACH,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QAC/C,IAAI,UAAU;YACZ,UAAU,CAAC,KAAK,EAAE,CAAC;KACtB;AACH,CAAC;AAED,MAAM,yBAAyB,GAAqB;IAClD,OAAO,EAAE,UAAU;CACpB,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 { LinkElementsInfo, PropertyRecord, PropertyValueFormat, StandardTypeNames } from \"@itwin/appui-abstract\";\nimport { IPropertyValueRenderer, PropertyValueRendererContext } from \"../../ValueRendererManager\";\nimport { convertPrimitiveRecordToString, PrimitivePropertyValueRendererImpl } from \"./PrimitivePropertyValueRenderer\";\n\n/**\n * URL property value renderer that renders the whole value as a URL without matching it\n * against URL regex.\n *\n * @public\n */\nexport class UrlPropertyValueRenderer implements IPropertyValueRenderer {\n\n  /** Checks if the renderer can handle given property */\n  public canRender(record: PropertyRecord) {\n    return record.value.valueFormat === PropertyValueFormat.Primitive\n      && [StandardTypeNames.URL, StandardTypeNames.String, StandardTypeNames.Text].includes(record.property.typename as StandardTypeNames);\n  }\n\n  /** Method that returns a JSX representation of PropertyRecord */\n  public render(record: PropertyRecord, context?: PropertyValueRendererContext) {\n    return <PrimitivePropertyValueRendererImpl\n      record={record}\n      context={context}\n      stringValueCalculator={convertPrimitiveRecordToString}\n      linksHandler={URI_PROPERTY_LINK_HANDLER}\n    />;\n  }\n}\n\n/**\n * Default URI onClick event, sets location.href to the whole URI value without matching it\n * against URL regex.\n */\nfunction urlOnClick(text: string) {\n  if (text.startsWith(\"mailto:\") || text.startsWith(\"pw:\"))\n    location.href = text;\n  else {\n    const windowOpen = window.open(text, \"_blank\");\n    if (windowOpen)\n      windowOpen.focus();\n  }\n}\n\nconst URI_PROPERTY_LINK_HANDLER: LinkElementsInfo = {\n  onClick: urlOnClick,\n};\n"]}
+{"version":3,"file":"UrlPropertyValueRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/UrlPropertyValueRenderer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAC/B,0DAAiH;AAEjH,qFAAsH;AAEtH;;;;;GAKG;AACH,MAAa,wBAAwB;IAEnC,uDAAuD;IAChD,SAAS,CAAC,MAAsB;QACrC,OAAO,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,oCAAmB,CAAC,SAAS;eAC5D,CAAC,kCAAiB,CAAC,GAAG,EAAE,kCAAiB,CAAC,MAAM,EAAE,kCAAiB,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,QAA6B,CAAC,CAAC;IACzI,CAAC;IAED,iEAAiE;IAC1D,MAAM,CAAC,MAAsB,EAAE,OAAsC;QAC1E,OAAO,oBAAC,mEAAkC,IACxC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,qBAAqB,EAAE,+DAA8B,EACrD,YAAY,EAAE,yBAAyB,GACvC,CAAC;IACL,CAAC;CACF;AAjBD,4DAiBC;AAED;;;GAGG;AACH,SAAS,UAAU,CAAC,IAAY;IAC9B,IAAI,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;QACtD,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC;SAClB;QACH,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QAC/C,IAAI,UAAU;YACZ,UAAU,CAAC,KAAK,EAAE,CAAC;KACtB;AACH,CAAC;AAED,MAAM,yBAAyB,GAAqB;IAClD,OAAO,EAAE,UAAU;CACpB,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 { LinkElementsInfo, PropertyRecord, PropertyValueFormat, StandardTypeNames } from \"@itwin/appui-abstract\";\nimport { IPropertyValueRenderer, PropertyValueRendererContext } from \"../../ValueRendererManager\";\nimport { convertPrimitiveRecordToString, PrimitivePropertyValueRendererImpl } from \"./PrimitivePropertyValueRenderer\";\n\n/**\n * URL property value renderer that renders the whole value as a URL without matching it\n * against URL regex.\n *\n * @public\n */\nexport class UrlPropertyValueRenderer implements IPropertyValueRenderer {\n\n  /** Checks if the renderer can handle given property */\n  public canRender(record: PropertyRecord) {\n    return record.value.valueFormat === PropertyValueFormat.Primitive\n      && [StandardTypeNames.URL, StandardTypeNames.String, StandardTypeNames.Text].includes(record.property.typename as StandardTypeNames);\n  }\n\n  /** Method that returns a JSX representation of PropertyRecord */\n  public render(record: PropertyRecord, context?: PropertyValueRendererContext) {\n    return <PrimitivePropertyValueRendererImpl\n      record={record}\n      context={context}\n      stringValueCalculator={convertPrimitiveRecordToString}\n      linksHandler={URI_PROPERTY_LINK_HANDLER}\n    />;\n  }\n}\n\n/**\n * Default URI onClick event, sets location.href to the whole URI value without matching it\n * against URL regex.\n */\nfunction urlOnClick(text: string) {\n  if (text.startsWith(\"mailto:\") || text.startsWith(\"pw:\"))\n    location.href = text;\n  else {\n    const windowOpen = window.open(text, \"_blank\");\n    if (windowOpen)\n      windowOpen.focus();\n  }\n}\n\nconst URI_PROPERTY_LINK_HANDLER: LinkElementsInfo = {\n  onClick: urlOnClick,\n};\n"]}

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

@@ -6,5 +6,5 @@ import { PropertyValueRendererContext } from "../../ValueRendererManager";
 /** Wraps a React component with a span element with a given style attribute
  * @public
  */
-export declare const withContextStyle: (node: React.ReactNode, context?: PropertyValueRendererContext | undefined) => React.ReactNode;
+export declare const withContextStyle: (node: React.ReactNode, context?: PropertyValueRendererContext) => React.ReactNode;
 //# sourceMappingURL=WithContextStyle.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"WithContextStyle.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/WithContextStyle.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,4BAA4B,EAAE,MAAM,4BAA4B,CAAC;AAE1E;;GAEG;AACH,eAAO,MAAM,gBAAgB,SAAU,MAAM,SAAS,wEAIrD,CAAC"}
+{"version":3,"file":"WithContextStyle.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/WithContextStyle.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,4BAA4B,EAAE,MAAM,4BAA4B,CAAC;AAE1E;;GAEG;AACH,eAAO,MAAM,gBAAgB,SAAU,MAAM,SAAS,YAAY,4BAA4B,oBAI7F,CAAC"}

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

@@ -8,7 +8,11 @@
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

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

@@ -1 +1 @@
-{"version":3,"file":"WithContextStyle.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/WithContextStyle.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAG/B;;GAEG;AACI,MAAM,gBAAgB,GAAG,CAAC,IAAqB,EAAE,OAAsC,EAAE,EAAE;IAChG,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK;QAC5B,OAAO,IAAI,CAAC;IACd,OAAO,CAAC,8BAAM,KAAK,EAAE,OAAO,CAAC,KAAK,IAAG,IAAI,CAAQ,CAAC,CAAC;AACrD,CAAC,CAAC;AAJW,QAAA,gBAAgB,oBAI3B","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 { PropertyValueRendererContext } from \"../../ValueRendererManager\";\n\n/** Wraps a React component with a span element with a given style attribute\n * @public\n */\nexport const withContextStyle = (node: React.ReactNode, context?: PropertyValueRendererContext) => {\n  if (!context || !context.style)\n    return node;\n  return (<span style={context.style}>{node}</span>);\n};\n"]}
+{"version":3,"file":"WithContextStyle.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/WithContextStyle.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAG/B;;GAEG;AACI,MAAM,gBAAgB,GAAG,CAAC,IAAqB,EAAE,OAAsC,EAAE,EAAE;IAChG,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK;QAC5B,OAAO,IAAI,CAAC;IACd,OAAO,CAAC,8BAAM,KAAK,EAAE,OAAO,CAAC,KAAK,IAAG,IAAI,CAAQ,CAAC,CAAC;AACrD,CAAC,CAAC;AAJW,QAAA,gBAAgB,oBAI3B","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 { PropertyValueRendererContext } from \"../../ValueRendererManager\";\n\n/** Wraps a React component with a span element with a given style attribute\n * @public\n */\nexport const withContextStyle = (node: React.ReactNode, context?: PropertyValueRendererContext) => {\n  if (!context || !context.style)\n    return node;\n  return (<span style={context.style}>{node}</span>);\n};\n"]}

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

@@ -8,7 +8,11 @@
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

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

@@ -1 +1 @@
-{"version":3,"file":"ArrayValueRenderer.js","sourceRoot":"","sources":["../../../../../../../src/components-react/properties/renderers/value/table/ArrayValueRenderer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAE/B,qFAAkF;AAClF,2EAAoI;AAEpI;;GAEG;AACH,MAAa,uBAAwB,SAAQ,KAAK,CAAC,aAA8C;IACvF,cAAc,CAAC,KAAsC;QAC3D,MAAM,KAAK,GAAI,KAAK,CAAC,cAAc,CAAC,KAAoB,CAAC;QACzD,OAAO,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;IAC3F,CAAC;IAEO,iBAAiB;QACvB,OAAO,CACL,oBAAC,2DAA4B,IAC3B,SAAS,EAAE,eAAe,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,EAAE,EACnE,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,GACzC,CACH,CAAC;IACJ,CAAC;IAED,gBAAgB;IACA,MAAM;QACpB,MAAM,QAAQ,GAAI,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAoB,CAAC,aAAa,CAAC;QAC/E,OAAO,CACL,oBAAC,0DAAkB,IACjB,WAAW,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,EAC5C,cAAc,EAAE,IAAI,CAAC,iBAAiB,EAAE,EACxC,WAAW,EAAE,kBAAkB,QAAQ,GAAG,EAC1C,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,GACrC,CACH,CAAC;IACJ,CAAC;CACF;AA5BD,0DA4BC","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 { ArrayValue } from \"@itwin/appui-abstract\";\nimport { NonPrimitivePropertyRenderer } from \"../../NonPrimitivePropertyRenderer\";\nimport { TableSpecificValueRendererProps, TableNonPrimitiveValueRenderer as TableValueRenderer } from \"./NonPrimitiveValueRenderer\";\n\n/** A react component which renders array property value as a button with text\n * @public\n */\nexport class TableArrayValueRenderer extends React.PureComponent<TableSpecificValueRendererProps> {\n  private getButtonLabel(props: TableSpecificValueRendererProps) {\n    const value = (props.propertyRecord.value as ArrayValue);\n    return value.items.length !== 0 ? `${value.itemsTypeName}[${value.items.length}]` : \"[]\";\n  }\n\n  private getDialogContents() {\n    return (\n      <NonPrimitivePropertyRenderer\n        uniqueKey={`table_array_${this.props.propertyRecord.property.name}`}\n        orientation={this.props.orientation}\n        propertyRecord={this.props.propertyRecord}\n      />\n    );\n  }\n\n  /** @internal */\n  public override render() {\n    const typeName = (this.props.propertyRecord.value as ArrayValue).itemsTypeName;\n    return (\n      <TableValueRenderer\n        buttonLabel={this.getButtonLabel(this.props)}\n        dialogContents={this.getDialogContents()}\n        dialogTitle={`Array of type \"${typeName}\"`}\n        onDialogOpen={this.props.onDialogOpen}\n      />\n    );\n  }\n}\n"]}
+{"version":3,"file":"ArrayValueRenderer.js","sourceRoot":"","sources":["../../../../../../../src/components-react/properties/renderers/value/table/ArrayValueRenderer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAE/B,qFAAkF;AAClF,2EAAoI;AAEpI;;GAEG;AACH,MAAa,uBAAwB,SAAQ,KAAK,CAAC,aAA8C;IACvF,cAAc,CAAC,KAAsC;QAC3D,MAAM,KAAK,GAAI,KAAK,CAAC,cAAc,CAAC,KAAoB,CAAC;QACzD,OAAO,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;IAC3F,CAAC;IAEO,iBAAiB;QACvB,OAAO,CACL,oBAAC,2DAA4B,IAC3B,SAAS,EAAE,eAAe,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,EAAE,EACnE,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,GACzC,CACH,CAAC;IACJ,CAAC;IAED,gBAAgB;IACA,MAAM;QACpB,MAAM,QAAQ,GAAI,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAoB,CAAC,aAAa,CAAC;QAC/E,OAAO,CACL,oBAAC,0DAAkB,IACjB,WAAW,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,EAC5C,cAAc,EAAE,IAAI,CAAC,iBAAiB,EAAE,EACxC,WAAW,EAAE,kBAAkB,QAAQ,GAAG,EAC1C,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,GACrC,CACH,CAAC;IACJ,CAAC;CACF;AA5BD,0DA4BC","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 { ArrayValue } from \"@itwin/appui-abstract\";\nimport { NonPrimitivePropertyRenderer } from \"../../NonPrimitivePropertyRenderer\";\nimport { TableSpecificValueRendererProps, TableNonPrimitiveValueRenderer as TableValueRenderer } from \"./NonPrimitiveValueRenderer\";\n\n/** A react component which renders array property value as a button with text\n * @public\n */\nexport class TableArrayValueRenderer extends React.PureComponent<TableSpecificValueRendererProps> {\n  private getButtonLabel(props: TableSpecificValueRendererProps) {\n    const value = (props.propertyRecord.value as ArrayValue);\n    return value.items.length !== 0 ? `${value.itemsTypeName}[${value.items.length}]` : \"[]\";\n  }\n\n  private getDialogContents() {\n    return (\n      <NonPrimitivePropertyRenderer\n        uniqueKey={`table_array_${this.props.propertyRecord.property.name}`}\n        orientation={this.props.orientation}\n        propertyRecord={this.props.propertyRecord}\n      />\n    );\n  }\n\n  /** @internal */\n  public override render() {\n    const typeName = (this.props.propertyRecord.value as ArrayValue).itemsTypeName;\n    return (\n      <TableValueRenderer\n        buttonLabel={this.getButtonLabel(this.props)}\n        dialogContents={this.getDialogContents()}\n        dialogTitle={`Array of type \"${typeName}\"`}\n        onDialogOpen={this.props.onDialogOpen}\n      />\n    );\n  }\n}\n"]}

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

@@ -8,7 +8,11 @@
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

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

@@ -1 +1 @@
-{"version":3,"file":"NonPrimitiveValueRenderer.js","sourceRoot":"","sources":["../../../../../../../src/components-react/properties/renderers/value/table/NonPrimitiveValueRenderer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAE/B,kDAAkE;AAqClE;;;;GAIG;AACH,MAAa,8BAA+B,SAAQ,KAAK,CAAC,aAAkD;IAA5G;QACE,6DAA6D;;QAErD,aAAQ,GAAG,GAAG,EAAE;YACtB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY;gBAC1B,OAAO;YAET,MAAM,WAAW,GAAwB,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;YAE/G,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;QACvC,CAAC,CAAC;IAkDJ,CAAC;IAhDC,2CAA2C;IAC3C,8DAA8D;IAC9D,mFAAmF;IACnF,6CAA6C;IAC7C,iCAAiC;IACjC,iCAAiC;IACjC,cAAc;IAEd,mDAAmD;IAEnD,wBAAwB;IACxB,cAAc;IAEd,6DAA6D;IAE7D,6CAA6C;IAC7C,uBAAuB;IACvB,iCAAiC;IACjC,oDAAoD;IACpD,SAAS;IACT,eAAe;IACf,wDAAwD;IACxD,6DAA6D;IAC7D,iBAAiB;IACjB,OAAO;IACP,wCAAwC;IACxC,IAAI;IAEJ,iCAAiC;IACjC,gCAAgC;IAChC,gCAAgC;IAChC,IAAI;IAEJ,gBAAgB;IACA,MAAM;QACpB,OAAO,CACL,oBAAC,6BAAgB;QACf,wBAAwB;;YAAxB,wBAAwB;YACxB,SAAS,EAAC,+BAA+B,EACzC,OAAO,EAAE,IAAI,CAAC,QAAQ;YACtB,mCAAmC;YACnC,mCAAmC;YACnC,KAAK,EAAE,QAAQ,IAAI,CAAC,KAAK,CAAC,WAAW,kBAAkB,IAEtD,IAAI,CAAC,KAAK,CAAC,WAAW,CACN,CACpB,CAAC;IACJ,CAAC;CACF;AA5DD,wEA4DC","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 { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { Orientation, UnderlinedButton } from \"@itwin/core-react\";\nimport { PropertyDialogState } from \"../../../ValueRendererManager\";\n\n/** Properties for [[TableArrayValueRenderer]] and [[TableStructValueRenderer]] React component\n * @public\n */\nexport interface TableSpecificValueRendererProps extends SharedTableNonPrimitiveValueRendererProps {\n  /** Property record */\n  propertyRecord: PropertyRecord;\n  /** Orientation of the rendered property */\n  orientation: Orientation;\n}\n\n/** Shared properties between table non-primitive value renderers\n * @public\n */\nexport interface SharedTableNonPrimitiveValueRendererProps {\n  // /** Callback to request for a Popup to be shown. */\n  // onPopupShow?: (popupState: PropertyPopupState) => void;\n  // /** Callback to request for a Popup to be hidden. */\n  // onPopupHide?: () => void;\n  /** Callback to request for dialog to be opened. */\n  onDialogOpen?: (dialogState: PropertyDialogState) => void;\n}\n\n/** Properties for [[TableNonPrimitiveValueRenderer]] React component\n * @public\n */\nexport interface TableNonPrimitiveValueRendererProps extends SharedTableNonPrimitiveValueRendererProps {\n  /** Title of the dialog that shows property in more detail. */\n  dialogTitle: string;\n  /** Contents of the dialog. Should be the property record shown in more detail. */\n  dialogContents: React.ReactNode;\n  /** Text that will be rendered in the table cell, in other words - Property value */\n  buttonLabel: string;\n}\n\n/**\n * A React component that renders non primitive values as a button with text.\n * When clicked, a dialog appears that shows the value in greater detail.\n * @public\n */\nexport class TableNonPrimitiveValueRenderer extends React.PureComponent<TableNonPrimitiveValueRendererProps> {\n  // private _buttonRef = React.createRef<HTMLButtonElement>();\n\n  private _onClick = () => {\n    if (!this.props.onDialogOpen)\n      return;\n\n    const dialogState: PropertyDialogState = { content: this.props.dialogContents, title: this.props.dialogTitle };\n\n    this.props.onDialogOpen(dialogState);\n  };\n\n  // TODO: Enable, when table gets refactored\n  // Disabled fancy tooltips, because table controls it's state.\n  // But, because everything is in table state and there is no shouldComponentUpdate,\n  // tooltips cause rerender of the whole table\n  // private _showTooltip = () => {\n  //   if (!this.props.onPopupShow)\n  //     return;\n\n  //   const buttonElement = this._buttonRef.current;\n\n  //   if (!buttonElement)\n  //     return;\n\n  //   const buttonBox = buttonElement.getBoundingClientRect();\n\n  //   const popupState: PropertyPopupState = {\n  //     fixedPosition: {\n  //       top: buttonBox.top - 10,\n  //       left: buttonBox.left + buttonBox.width / 2,\n  //     },\n  //     content:\n  //       <span className=\"components-table-value-popup\">\n  //         {`View ${this.props.buttonLabel} in more detail.`}\n  //       </span>,\n  //   };\n  //   this.props.onPopupShow(popupState);\n  // }\n\n  // private _hideTooltip = () => {\n  //   if (this.props.onPopupHide)\n  //     this.props.onPopupHide();\n  // }\n\n  /** @internal */\n  public override render() {\n    return (\n      <UnderlinedButton\n        // ref={this._buttonRef}\n        className=\"components-table-value-button\"\n        onClick={this._onClick}\n        // onMouseEnter={this._showTooltip}\n        // onMouseLeave={this._hideTooltip}\n        title={`View ${this.props.buttonLabel} in more detail.`}\n      >\n        {this.props.buttonLabel}\n      </UnderlinedButton>\n    );\n  }\n}\n"]}
+{"version":3,"file":"NonPrimitiveValueRenderer.js","sourceRoot":"","sources":["../../../../../../../src/components-react/properties/renderers/value/table/NonPrimitiveValueRenderer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAE/B,kDAAkE;AAqClE;;;;GAIG;AACH,MAAa,8BAA+B,SAAQ,KAAK,CAAC,aAAkD;IAA5G;QACE,6DAA6D;;QAErD,aAAQ,GAAG,GAAG,EAAE;YACtB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY;gBAC1B,OAAO;YAET,MAAM,WAAW,GAAwB,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;YAE/G,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;QACvC,CAAC,CAAC;IAkDJ,CAAC;IAhDC,2CAA2C;IAC3C,8DAA8D;IAC9D,mFAAmF;IACnF,6CAA6C;IAC7C,iCAAiC;IACjC,iCAAiC;IACjC,cAAc;IAEd,mDAAmD;IAEnD,wBAAwB;IACxB,cAAc;IAEd,6DAA6D;IAE7D,6CAA6C;IAC7C,uBAAuB;IACvB,iCAAiC;IACjC,oDAAoD;IACpD,SAAS;IACT,eAAe;IACf,wDAAwD;IACxD,6DAA6D;IAC7D,iBAAiB;IACjB,OAAO;IACP,wCAAwC;IACxC,IAAI;IAEJ,iCAAiC;IACjC,gCAAgC;IAChC,gCAAgC;IAChC,IAAI;IAEJ,gBAAgB;IACA,MAAM;QACpB,OAAO,CACL,oBAAC,6BAAgB;QACf,wBAAwB;;YAAxB,wBAAwB;YACxB,SAAS,EAAC,+BAA+B,EACzC,OAAO,EAAE,IAAI,CAAC,QAAQ;YACtB,mCAAmC;YACnC,mCAAmC;YACnC,KAAK,EAAE,QAAQ,IAAI,CAAC,KAAK,CAAC,WAAW,kBAAkB,IAEtD,IAAI,CAAC,KAAK,CAAC,WAAW,CACN,CACpB,CAAC;IACJ,CAAC;CACF;AA5DD,wEA4DC","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 { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { Orientation, UnderlinedButton } from \"@itwin/core-react\";\nimport { PropertyDialogState } from \"../../../ValueRendererManager\";\n\n/** Properties for [[TableArrayValueRenderer]] and [[TableStructValueRenderer]] React component\n * @public\n */\nexport interface TableSpecificValueRendererProps extends SharedTableNonPrimitiveValueRendererProps {\n  /** Property record */\n  propertyRecord: PropertyRecord;\n  /** Orientation of the rendered property */\n  orientation: Orientation;\n}\n\n/** Shared properties between table non-primitive value renderers\n * @public\n */\nexport interface SharedTableNonPrimitiveValueRendererProps {\n  // /** Callback to request for a Popup to be shown. */\n  // onPopupShow?: (popupState: PropertyPopupState) => void;\n  // /** Callback to request for a Popup to be hidden. */\n  // onPopupHide?: () => void;\n  /** Callback to request for dialog to be opened. */\n  onDialogOpen?: (dialogState: PropertyDialogState) => void;\n}\n\n/** Properties for [[TableNonPrimitiveValueRenderer]] React component\n * @public\n */\nexport interface TableNonPrimitiveValueRendererProps extends SharedTableNonPrimitiveValueRendererProps {\n  /** Title of the dialog that shows property in more detail. */\n  dialogTitle: string;\n  /** Contents of the dialog. Should be the property record shown in more detail. */\n  dialogContents: React.ReactNode;\n  /** Text that will be rendered in the table cell, in other words - Property value */\n  buttonLabel: string;\n}\n\n/**\n * A React component that renders non primitive values as a button with text.\n * When clicked, a dialog appears that shows the value in greater detail.\n * @public\n */\nexport class TableNonPrimitiveValueRenderer extends React.PureComponent<TableNonPrimitiveValueRendererProps> {\n  // private _buttonRef = React.createRef<HTMLButtonElement>();\n\n  private _onClick = () => {\n    if (!this.props.onDialogOpen)\n      return;\n\n    const dialogState: PropertyDialogState = { content: this.props.dialogContents, title: this.props.dialogTitle };\n\n    this.props.onDialogOpen(dialogState);\n  };\n\n  // TODO: Enable, when table gets refactored\n  // Disabled fancy tooltips, because table controls it's state.\n  // But, because everything is in table state and there is no shouldComponentUpdate,\n  // tooltips cause rerender of the whole table\n  // private _showTooltip = () => {\n  //   if (!this.props.onPopupShow)\n  //     return;\n\n  //   const buttonElement = this._buttonRef.current;\n\n  //   if (!buttonElement)\n  //     return;\n\n  //   const buttonBox = buttonElement.getBoundingClientRect();\n\n  //   const popupState: PropertyPopupState = {\n  //     fixedPosition: {\n  //       top: buttonBox.top - 10,\n  //       left: buttonBox.left + buttonBox.width / 2,\n  //     },\n  //     content:\n  //       <span className=\"components-table-value-popup\">\n  //         {`View ${this.props.buttonLabel} in more detail.`}\n  //       </span>,\n  //   };\n  //   this.props.onPopupShow(popupState);\n  // }\n\n  // private _hideTooltip = () => {\n  //   if (this.props.onPopupHide)\n  //     this.props.onPopupHide();\n  // }\n\n  /** @internal */\n  public override render() {\n    return (\n      <UnderlinedButton\n        // ref={this._buttonRef}\n        className=\"components-table-value-button\"\n        onClick={this._onClick}\n        // onMouseEnter={this._showTooltip}\n        // onMouseLeave={this._hideTooltip}\n        title={`View ${this.props.buttonLabel} in more detail.`}\n      >\n        {this.props.buttonLabel}\n      </UnderlinedButton>\n    );\n  }\n}\n"]}

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

@@ -8,7 +8,11 @@
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

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

@@ -1 +1 @@
-{"version":3,"file":"StructValueRenderer.js","sourceRoot":"","sources":["../../../../../../../src/components-react/properties/renderers/value/table/StructValueRenderer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAC/B,qFAAkF;AAClF,2EAAoI;AAEpI;;GAEG;AACH,MAAa,wBAAyB,SAAQ,KAAK,CAAC,aAA8C;IACxF,cAAc,CAAC,KAAsC;QAC3D,OAAO,IAAI,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,QAAQ,GAAG,CAAC;IACvD,CAAC;IAEO,iBAAiB;QACvB,OAAO,CACL,oBAAC,2DAA4B,IAC3B,SAAS,EAAE,gBAAgB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,EAAE,EACpE,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,GACzC,CACH,CAAC;IACJ,CAAC;IAED,gBAAgB;IACA,MAAM;QACpB,OAAO,CACL,oBAAC,0DAAkB,IACjB,WAAW,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,EAC5C,WAAW,EAAE,mBAAmB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,QAAQ,GAAG,EAC9E,cAAc,EAAE,IAAI,CAAC,iBAAiB,EAAE,EACxC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,GACrC,CACH,CAAC;IACJ,CAAC;CACF;AA1BD,4DA0BC","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 { NonPrimitivePropertyRenderer } from \"../../NonPrimitivePropertyRenderer\";\nimport { TableSpecificValueRendererProps, TableNonPrimitiveValueRenderer as TableValueRenderer } from \"./NonPrimitiveValueRenderer\";\n\n/** A react component which renders struct property value as a button with text\n * @public\n */\nexport class TableStructValueRenderer extends React.PureComponent<TableSpecificValueRendererProps> {\n  private getButtonLabel(props: TableSpecificValueRendererProps) {\n    return `{${props.propertyRecord.property.typename}}`;\n  }\n\n  private getDialogContents() {\n    return (\n      <NonPrimitivePropertyRenderer\n        uniqueKey={`table_struct_${this.props.propertyRecord.property.name}`}\n        orientation={this.props.orientation}\n        propertyRecord={this.props.propertyRecord}\n      />\n    );\n  }\n\n  /** @internal */\n  public override render() {\n    return (\n      <TableValueRenderer\n        buttonLabel={this.getButtonLabel(this.props)}\n        dialogTitle={`Struct of type \"${this.props.propertyRecord.property.typename}\"`}\n        dialogContents={this.getDialogContents()}\n        onDialogOpen={this.props.onDialogOpen}\n      />\n    );\n  }\n}\n"]}
+{"version":3,"file":"StructValueRenderer.js","sourceRoot":"","sources":["../../../../../../../src/components-react/properties/renderers/value/table/StructValueRenderer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAC/B,qFAAkF;AAClF,2EAAoI;AAEpI;;GAEG;AACH,MAAa,wBAAyB,SAAQ,KAAK,CAAC,aAA8C;IACxF,cAAc,CAAC,KAAsC;QAC3D,OAAO,IAAI,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,QAAQ,GAAG,CAAC;IACvD,CAAC;IAEO,iBAAiB;QACvB,OAAO,CACL,oBAAC,2DAA4B,IAC3B,SAAS,EAAE,gBAAgB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,EAAE,EACpE,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,GACzC,CACH,CAAC;IACJ,CAAC;IAED,gBAAgB;IACA,MAAM;QACpB,OAAO,CACL,oBAAC,0DAAkB,IACjB,WAAW,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,EAC5C,WAAW,EAAE,mBAAmB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,QAAQ,GAAG,EAC9E,cAAc,EAAE,IAAI,CAAC,iBAAiB,EAAE,EACxC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,GACrC,CACH,CAAC;IACJ,CAAC;CACF;AA1BD,4DA0BC","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 { NonPrimitivePropertyRenderer } from \"../../NonPrimitivePropertyRenderer\";\nimport { TableSpecificValueRendererProps, TableNonPrimitiveValueRenderer as TableValueRenderer } from \"./NonPrimitiveValueRenderer\";\n\n/** A react component which renders struct property value as a button with text\n * @public\n */\nexport class TableStructValueRenderer extends React.PureComponent<TableSpecificValueRendererProps> {\n  private getButtonLabel(props: TableSpecificValueRendererProps) {\n    return `{${props.propertyRecord.property.typename}}`;\n  }\n\n  private getDialogContents() {\n    return (\n      <NonPrimitivePropertyRenderer\n        uniqueKey={`table_struct_${this.props.propertyRecord.property.name}`}\n        orientation={this.props.orientation}\n        propertyRecord={this.props.propertyRecord}\n      />\n    );\n  }\n\n  /** @internal */\n  public override render() {\n    return (\n      <TableValueRenderer\n        buttonLabel={this.getButtonLabel(this.props)}\n        dialogTitle={`Struct of type \"${this.props.propertyRecord.property.typename}\"`}\n        dialogContents={this.getDialogContents()}\n        onDialogOpen={this.props.onDialogOpen}\n      />\n    );\n  }\n}\n"]}

package/lib/cjs/components-react/propertygrid/PropertyCategoryRendererManager.d.ts

@@ -6,7 +6,7 @@ import { VirtualizedPropertyGridContext } from "./component/VirtualizedPropertyG
 import { GridCategoryItem } from "./internal/flat-items/FlatGridItem";
 /**
  * Props that property category renderer receives.
- * @beta
+ * @public
  */
 export interface PropertyCategoryRendererProps {
     /** The category being rendered. */
@@ -18,13 +18,13 @@ export interface PropertyCategoryRendererProps {
 }
 /**
  * Factory function that produces custom property category components.
- * @beta
+ * @public
  */
-export declare type PropertyCategoryRenderer = (categoryItem: GridCategoryItem) => React.ComponentType<PropertyCategoryRendererProps> | undefined;
+export type PropertyCategoryRenderer = (categoryItem: GridCategoryItem) => React.ComponentType<PropertyCategoryRendererProps> | undefined;
 /**
  * Keeps a record of currently registered property category renderers and determines which renderers get invoked for
  * each category.
- * @beta
+ * @public
  */
 export declare class PropertyCategoryRendererManager {
     private _categoryRenderers;

package/lib/cjs/components-react/propertygrid/PropertyCategoryRendererManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyCategoryRendererManager.d.ts","sourceRoot":"","sources":["../../../../src/components-react/propertygrid/PropertyCategoryRendererManager.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AACrF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAEtE;;;GAGG;AACH,MAAM,WAAW,6BAA6B;IAC5C,mCAAmC;IACnC,YAAY,EAAE,gBAAgB,CAAC;IAC/B,gDAAgD;IAChD,WAAW,EAAE,8BAA8B,CAAC;IAC5C,uDAAuD;IACvD,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED;;;GAGG;AACH,oBAAY,wBAAwB,GAAG,CAAC,YAAY,EAAE,gBAAgB,KAAK,KAAK,CAAC,aAAa,CAAC,6BAA6B,CAAC,GAAG,SAAS,CAAC;AAE1I;;;;GAIG;AACH,qBAAa,+BAA+B;IAC1C,OAAO,CAAC,kBAAkB,CAA+C;IAEzE,OAAc,cAAc,kCAAyC;IAErE,mFAAmF;IAC5E,oBAAoB,CAAC,YAAY,EAAE,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAC,6BAA6B,CAAC,GAAG,SAAS;IAQ3H,qGAAqG;IAC9F,WAAW,CAAC,YAAY,EAAE,MAAM,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,QAAQ,UAAQ,GAAG,IAAI;IAU5G,sDAAsD;IAC/C,cAAc,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI;CAGlD"}
+{"version":3,"file":"PropertyCategoryRendererManager.d.ts","sourceRoot":"","sources":["../../../../src/components-react/propertygrid/PropertyCategoryRendererManager.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AACrF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAEtE;;;GAGG;AACH,MAAM,WAAW,6BAA6B;IAC5C,mCAAmC;IACnC,YAAY,EAAE,gBAAgB,CAAC;IAC/B,gDAAgD;IAChD,WAAW,EAAE,8BAA8B,CAAC;IAC5C,uDAAuD;IACvD,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED;;;GAGG;AACH,MAAM,MAAM,wBAAwB,GAAG,CAAC,YAAY,EAAE,gBAAgB,KAAK,KAAK,CAAC,aAAa,CAAC,6BAA6B,CAAC,GAAG,SAAS,CAAC;AAE1I;;;;GAIG;AACH,qBAAa,+BAA+B;IAC1C,OAAO,CAAC,kBAAkB,CAA+C;IAEzE,OAAc,cAAc,kCAAyC;IAErE,mFAAmF;IAC5E,oBAAoB,CAAC,YAAY,EAAE,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAC,6BAA6B,CAAC,GAAG,SAAS;IAQ3H,qGAAqG;IAC9F,WAAW,CAAC,YAAY,EAAE,MAAM,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,QAAQ,UAAQ,GAAG,IAAI;IAU5G,sDAAsD;IAC/C,cAAc,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI;CAGlD"}