@itwin/components-react 4.0.0-dev.12 → 4.0.0-dev.14

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

@@ -1,72 +1,69 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/**
- * @packageDocumentation
- * @module Properties
- */
-import * as React from "react";
-// eslint-disable-next-line no-duplicate-imports
-import { useLayoutEffect, useRef } from "react";
-import { assert } from "@itwin/core-bentley";
-import { PropertyValueFormat, StandardTypeNames } from "@itwin/appui-abstract";
-import { useRerender } from "../../../common/UseRerender";
-import { TypeConverterManager } from "../../../converters/TypeConverterManager";
-import { UiComponents } from "../../../UiComponents";
-import { useRenderedStringValue } from "./PrimitivePropertyValueRenderer";
-/** @internal */
-export class MultilineTextPropertyValueRenderer {
-    canRender(record) {
-        return record.value.valueFormat === PropertyValueFormat.Primitive;
-    }
-    render(record, context) {
-        return React.createElement(MultilineTextPropertyValueRendererImpl, { record: record, context: context });
-    }
-}
-const MultilineTextPropertyValueRendererImpl = (props) => {
-    var _a, _b, _c, _d;
-    const { stringValue, element } = useRenderedStringValue(props.record, convertRecordToString, props.context);
-    return (React.createElement(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));
-};
-/** @internal */
-export const MultilineTextRenderer = (props) => {
-    const { rerenderContext, numRerenders, rerender } = useRerender({ contentOverflows: false });
-    const spanRef = useRef(null);
-    const divRef = useRef(null);
-    const previousHeightRef = useRef(0);
-    useLayoutEffect(() => {
-        var _a;
-        assert(divRef.current !== null && spanRef.current !== null);
-        const contentOverflows = spanRef.current.clientWidth < spanRef.current.scrollWidth;
-        if (numRerenders === 0 && contentOverflows) {
-            rerender({ contentOverflows });
-        }
-        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);
-                previousHeightRef.current = currentHeight;
-            }
-        }
-    });
-    const handleExpansionToggleClick = (event) => {
-        var _a;
-        (_a = props.onExpansionToggled) === null || _a === void 0 ? void 0 : _a.call(props);
-        event.stopPropagation();
-    };
-    // In order to always trigger onMouseLeave event on PropertyView, collapse button must remain mounted at all times.
-    // https://github.com/facebook/react/issues/6807
-    return (React.createElement("div", { ref: divRef, className: "multiline" },
-        React.createElement("span", { ref: spanRef, className: (numRerenders !== 0 && props.isExpanded) ? "expanded" : "", style: props.style, title: props.isExpanded ? undefined : props.stringValue },
-            props.children,
-            React.createElement("button", { className: "expand-toggle", style: { display: (rerenderContext.contentOverflows && props.isExpanded) ? "inline-block" : "none" }, onClick: handleExpansionToggleClick }, UiComponents.translate("property.collapse"))),
-        rerenderContext.contentOverflows && !props.isExpanded &&
-            React.createElement("button", { className: "expand-toggle", onClick: handleExpansionToggleClick }, UiComponents.translate("property.expand"))));
-};
-function convertRecordToString(record) {
-    return TypeConverterManager
-        .getConverter(StandardTypeNames.Text)
-        .convertPropertyToString(record.property, record.value.value);
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/**
+ * @packageDocumentation
+ * @module Properties
+ */
+import * as React from "react";
+// eslint-disable-next-line no-duplicate-imports
+import { useLayoutEffect, useRef } from "react";
+import { assert } from "@itwin/core-bentley";
+import { PropertyValueFormat, StandardTypeNames } from "@itwin/appui-abstract";
+import { useRerender } from "../../../common/UseRerender";
+import { TypeConverterManager } from "../../../converters/TypeConverterManager";
+import { UiComponents } from "../../../UiComponents";
+import { useRenderedStringValue } from "./PrimitivePropertyValueRenderer";
+/** @internal */
+export class MultilineTextPropertyValueRenderer {
+    canRender(record) {
+        return record.value.valueFormat === PropertyValueFormat.Primitive;
+    }
+    render(record, context) {
+        return React.createElement(MultilineTextPropertyValueRendererImpl, { record: record, context: context });
+    }
+}
+const MultilineTextPropertyValueRendererImpl = (props) => {
+    const { stringValue, element } = useRenderedStringValue(props.record, convertRecordToString, props.context);
+    return (React.createElement(MultilineTextRenderer, { style: props.context?.style, stringValue: stringValue, isExpanded: props.context?.isExpanded, onExpansionToggled: props.context?.onExpansionToggled, onHeightChanged: props.context?.onHeightChanged }, element));
+};
+/** @internal */
+export const MultilineTextRenderer = (props) => {
+    const { rerenderContext, numRerenders, rerender } = useRerender({ contentOverflows: false });
+    const spanRef = useRef(null);
+    const divRef = useRef(null);
+    const previousHeightRef = useRef(0);
+    useLayoutEffect(() => {
+        assert(divRef.current !== null && spanRef.current !== null);
+        const contentOverflows = spanRef.current.clientWidth < spanRef.current.scrollWidth;
+        if (numRerenders === 0 && contentOverflows) {
+            rerender({ contentOverflows });
+        }
+        if (numRerenders === 1 || !contentOverflows) {
+            const currentHeight = Math.max(divRef.current.offsetHeight, 27);
+            if (currentHeight !== previousHeightRef.current) {
+                props.onHeightChanged?.(currentHeight);
+                previousHeightRef.current = currentHeight;
+            }
+        }
+    });
+    const handleExpansionToggleClick = (event) => {
+        props.onExpansionToggled?.();
+        event.stopPropagation();
+    };
+    // In order to always trigger onMouseLeave event on PropertyView, collapse button must remain mounted at all times.
+    // https://github.com/facebook/react/issues/6807
+    return (React.createElement("div", { ref: divRef, className: "multiline" },
+        React.createElement("span", { ref: spanRef, className: (numRerenders !== 0 && props.isExpanded) ? "expanded" : "", style: props.style, title: props.isExpanded ? undefined : props.stringValue },
+            props.children,
+            React.createElement("button", { className: "expand-toggle", style: { display: (rerenderContext.contentOverflows && props.isExpanded) ? "inline-block" : "none" }, onClick: handleExpansionToggleClick }, UiComponents.translate("property.collapse"))),
+        rerenderContext.contentOverflows && !props.isExpanded &&
+            React.createElement("button", { className: "expand-toggle", onClick: handleExpansionToggleClick }, UiComponents.translate("property.expand"))));
+};
+function convertRecordToString(record) {
+    return TypeConverterManager
+        .getConverter(StandardTypeNames.Text)
+        .convertPropertyToString(record.property, record.value.value);
+}
 //# sourceMappingURL=MultilineTextPropertyValueRenderer.js.map

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

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

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

@@ -1,16 +1,16 @@
-/** @packageDocumentation
- * @module Properties
- */
-/// <reference types="react" />
-import { PropertyRecord } from "@itwin/appui-abstract";
-import { IPropertyValueRenderer, PropertyValueRendererContext } from "../../ValueRendererManager";
-/** Default Navigation Property Renderer
- * @public
- */
-export declare class NavigationPropertyValueRenderer implements IPropertyValueRenderer {
-    /** Checks if the renderer can handle given property */
-    canRender(record: PropertyRecord): boolean;
-    /** Method that returns a JSX representation of PropertyRecord */
-    render(record: PropertyRecord, context?: PropertyValueRendererContext): JSX.Element;
-}
+/** @packageDocumentation
+ * @module Properties
+ */
+/// <reference types="react" />
+import { PropertyRecord } from "@itwin/appui-abstract";
+import { IPropertyValueRenderer, PropertyValueRendererContext } from "../../ValueRendererManager";
+/** Default Navigation Property Renderer
+ * @public
+ */
+export declare class NavigationPropertyValueRenderer implements IPropertyValueRenderer {
+    /** Checks if the renderer can handle given property */
+    canRender(record: PropertyRecord): boolean;
+    /** Method that returns a JSX representation of PropertyRecord */
+    render(record: PropertyRecord, context?: PropertyValueRendererContext): JSX.Element;
+}
 //# sourceMappingURL=NavigationPropertyValueRenderer.d.ts.map

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

@@ -1,33 +1,32 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Properties
- */
-import * as React from "react";
-import { PropertyValueFormat, StandardTypeNames } from "@itwin/appui-abstract";
-import { TypeConverterManager } from "../../../converters/TypeConverterManager";
-import { PrimitivePropertyValueRendererImpl } from "./PrimitivePropertyValueRenderer";
-/** Default Navigation Property Renderer
- * @public
- */
-export class NavigationPropertyValueRenderer {
-    /** Checks if the renderer can handle given property */
-    canRender(record) {
-        return record.value.valueFormat === PropertyValueFormat.Primitive
-            && record.property.typename === StandardTypeNames.Navigation;
-    }
-    /** Method that returns a JSX representation of PropertyRecord */
-    render(record, context) {
-        return React.createElement(PrimitivePropertyValueRendererImpl, { record: record, context: context, stringValueCalculator: convertRecordToString });
-    }
-}
-function convertRecordToString(record) {
-    var _a;
-    const primitive = record.value;
-    if (primitive.displayValue)
-        return primitive.displayValue;
-    return TypeConverterManager.getConverter(record.property.typename, (_a = record.property.converter) === null || _a === void 0 ? void 0 : _a.name).convertPropertyToString(record.property, primitive.value);
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Properties
+ */
+import * as React from "react";
+import { PropertyValueFormat, StandardTypeNames } from "@itwin/appui-abstract";
+import { TypeConverterManager } from "../../../converters/TypeConverterManager";
+import { PrimitivePropertyValueRendererImpl } from "./PrimitivePropertyValueRenderer";
+/** Default Navigation Property Renderer
+ * @public
+ */
+export class NavigationPropertyValueRenderer {
+    /** Checks if the renderer can handle given property */
+    canRender(record) {
+        return record.value.valueFormat === PropertyValueFormat.Primitive
+            && record.property.typename === StandardTypeNames.Navigation;
+    }
+    /** Method that returns a JSX representation of PropertyRecord */
+    render(record, context) {
+        return React.createElement(PrimitivePropertyValueRendererImpl, { record: record, context: context, stringValueCalculator: convertRecordToString });
+    }
+}
+function convertRecordToString(record) {
+    const primitive = record.value;
+    if (primitive.displayValue)
+        return primitive.displayValue;
+    return TypeConverterManager.getConverter(record.property.typename, record.property.converter?.name).convertPropertyToString(record.property, primitive.value);
+}
 //# sourceMappingURL=NavigationPropertyValueRenderer.js.map

package/lib/esm/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,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAkC,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC/G,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAEhF,OAAO,EAAE,kCAAkC,EAAE,MAAM,kCAAkC,CAAC;AAEtF;;GAEG;AACH,MAAM,OAAO,+BAA+B;IAE1C,uDAAuD;IAChD,SAAS,CAAC,MAAsB;QACrC,OAAO,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,mBAAmB,CAAC,SAAS;eAC5D,MAAM,CAAC,QAAQ,CAAC,QAAQ,KAAK,iBAAiB,CAAC,UAAU,CAAC;IACjE,CAAC;IAED,iEAAiE;IAC1D,MAAM,CAAC,MAAsB,EAAE,OAAsC;QAC1E,OAAO,oBAAC,kCAAkC,IACxC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,qBAAqB,EAAE,qBAAqB,GAC5C,CAAC;IACL,CAAC;CACF;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,oBAAoB,CAAC,YAAY,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,MAAA,MAAM,CAAC,QAAQ,CAAC,SAAS,0CAAE,IAAI,CAAC,CAAC,uBAAuB,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;AAChK,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Properties\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { PrimitiveValue, PropertyRecord, PropertyValueFormat, StandardTypeNames } from \"@itwin/appui-abstract\";\r\nimport { TypeConverterManager } from \"../../../converters/TypeConverterManager\";\r\nimport { IPropertyValueRenderer, PropertyValueRendererContext } from \"../../ValueRendererManager\";\r\nimport { PrimitivePropertyValueRendererImpl } from \"./PrimitivePropertyValueRenderer\";\r\n\r\n/** Default Navigation Property Renderer\r\n * @public\r\n */\r\nexport class NavigationPropertyValueRenderer implements IPropertyValueRenderer {\r\n\r\n  /** Checks if the renderer can handle given property */\r\n  public canRender(record: PropertyRecord) {\r\n    return record.value.valueFormat === PropertyValueFormat.Primitive\r\n      && record.property.typename === StandardTypeNames.Navigation;\r\n  }\r\n\r\n  /** Method that returns a JSX representation of PropertyRecord */\r\n  public render(record: PropertyRecord, context?: PropertyValueRendererContext) {\r\n    return <PrimitivePropertyValueRendererImpl\r\n      record={record}\r\n      context={context}\r\n      stringValueCalculator={convertRecordToString}\r\n    />;\r\n  }\r\n}\r\n\r\nfunction convertRecordToString(record: PropertyRecord) {\r\n  const primitive = record.value as PrimitiveValue;\r\n  if (primitive.displayValue)\r\n    return primitive.displayValue;\r\n  return TypeConverterManager.getConverter(record.property.typename, record.property.converter?.name).convertPropertyToString(record.property, primitive.value);\r\n}\r\n"]}
+{"version":3,"file":"NavigationPropertyValueRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/NavigationPropertyValueRenderer.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAkC,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC/G,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAEhF,OAAO,EAAE,kCAAkC,EAAE,MAAM,kCAAkC,CAAC;AAEtF;;GAEG;AACH,MAAM,OAAO,+BAA+B;IAE1C,uDAAuD;IAChD,SAAS,CAAC,MAAsB;QACrC,OAAO,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,mBAAmB,CAAC,SAAS;eAC5D,MAAM,CAAC,QAAQ,CAAC,QAAQ,KAAK,iBAAiB,CAAC,UAAU,CAAC;IACjE,CAAC;IAED,iEAAiE;IAC1D,MAAM,CAAC,MAAsB,EAAE,OAAsC;QAC1E,OAAO,oBAAC,kCAAkC,IACxC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,qBAAqB,EAAE,qBAAqB,GAC5C,CAAC;IACL,CAAC;CACF;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,oBAAoB,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":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Properties\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { PrimitiveValue, PropertyRecord, PropertyValueFormat, StandardTypeNames } from \"@itwin/appui-abstract\";\r\nimport { TypeConverterManager } from \"../../../converters/TypeConverterManager\";\r\nimport { IPropertyValueRenderer, PropertyValueRendererContext } from \"../../ValueRendererManager\";\r\nimport { PrimitivePropertyValueRendererImpl } from \"./PrimitivePropertyValueRenderer\";\r\n\r\n/** Default Navigation Property Renderer\r\n * @public\r\n */\r\nexport class NavigationPropertyValueRenderer implements IPropertyValueRenderer {\r\n\r\n  /** Checks if the renderer can handle given property */\r\n  public canRender(record: PropertyRecord) {\r\n    return record.value.valueFormat === PropertyValueFormat.Primitive\r\n      && record.property.typename === StandardTypeNames.Navigation;\r\n  }\r\n\r\n  /** Method that returns a JSX representation of PropertyRecord */\r\n  public render(record: PropertyRecord, context?: PropertyValueRendererContext) {\r\n    return <PrimitivePropertyValueRendererImpl\r\n      record={record}\r\n      context={context}\r\n      stringValueCalculator={convertRecordToString}\r\n    />;\r\n  }\r\n}\r\n\r\nfunction convertRecordToString(record: PropertyRecord): string | Promise<string> {\r\n  const primitive = record.value as PrimitiveValue;\r\n  if (primitive.displayValue)\r\n    return primitive.displayValue;\r\n  return TypeConverterManager.getConverter(record.property.typename, record.property.converter?.name).convertPropertyToString(record.property, primitive.value);\r\n}\r\n"]}

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

@@ -1,45 +1,45 @@
-/** @packageDocumentation
- * @module Properties
- */
-import * as React from "react";
-import { LinkElementsInfo, PropertyRecord } from "@itwin/appui-abstract";
-import { IPropertyValueRenderer, PropertyValueRendererContext } from "../../ValueRendererManager";
-/** Default Primitive Property Renderer
- * @public
- */
-export declare class PrimitivePropertyValueRenderer implements IPropertyValueRenderer {
-    /** Checks if the renderer can handle given property */
-    canRender(record: PropertyRecord): boolean;
-    /** Method that returns a JSX representation of PropertyRecord */
-    render(record: PropertyRecord, context?: PropertyValueRendererContext): JSX.Element;
-}
-/**
- * Function that converts primitive [[PropertyRecord]] to string
- * @internal
- */
-export declare function convertPrimitiveRecordToString(record: PropertyRecord): string | Promise<string>;
-/** @internal */
-interface PrimitivePropertyValueRendererImplProps {
-    record: PropertyRecord;
-    stringValueCalculator: (record: PropertyRecord) => string | Promise<string>;
-    context?: PropertyValueRendererContext;
-    linksHandler?: LinkElementsInfo;
-}
-/** @internal */
-export declare function PrimitivePropertyValueRendererImpl(props: PrimitivePropertyValueRendererImplProps): JSX.Element;
-/**
- * Default link handler used for handling records,
- * which did not have any specified LinkElementsInfo.
- *
- * Default matcher matches all URLs using regex.
- * Default onClick opens window or sets location.href with found URL.
- * @public
- */
-export declare const DEFAULT_LINKS_HANDLER: LinkElementsInfo;
-/** @internal */
-export declare function useRenderedStringValue(record: PropertyRecord, stringValueCalculator: (record: PropertyRecord) => string | Promise<string>, context?: PropertyValueRendererContext, linksHandler?: LinkElementsInfo): {
-    stringValue?: string;
-    element: React.ReactNode;
-};
-export {};
+/** @packageDocumentation
+ * @module Properties
+ */
+import * as React from "react";
+import { LinkElementsInfo, PropertyRecord } from "@itwin/appui-abstract";
+import { IPropertyValueRenderer, PropertyValueRendererContext } from "../../ValueRendererManager";
+/** Default Primitive Property Renderer
+ * @public
+ */
+export declare class PrimitivePropertyValueRenderer implements IPropertyValueRenderer {
+    /** Checks if the renderer can handle given property */
+    canRender(record: PropertyRecord): boolean;
+    /** Method that returns a JSX representation of PropertyRecord */
+    render(record: PropertyRecord, context?: PropertyValueRendererContext): JSX.Element;
+}
+/**
+ * Function that converts primitive [[PropertyRecord]] to string
+ * @internal
+ */
+export declare function convertPrimitiveRecordToString(record: PropertyRecord): string | Promise<string>;
+/** @internal */
+interface PrimitivePropertyValueRendererImplProps {
+    record: PropertyRecord;
+    stringValueCalculator: (record: PropertyRecord) => string | Promise<string>;
+    context?: PropertyValueRendererContext;
+    linksHandler?: LinkElementsInfo;
+}
+/** @internal */
+export declare function PrimitivePropertyValueRendererImpl(props: PrimitivePropertyValueRendererImplProps): JSX.Element;
+/**
+ * Default link handler used for handling records,
+ * which did not have any specified LinkElementsInfo.
+ *
+ * Default matcher matches all URLs using regex.
+ * Default onClick opens window or sets location.href with found URL.
+ * @public
+ */
+export declare const DEFAULT_LINKS_HANDLER: LinkElementsInfo;
+/** @internal */
+export declare function useRenderedStringValue(record: PropertyRecord, stringValueCalculator: (record: PropertyRecord) => string | Promise<string>, context?: PropertyValueRendererContext, linksHandler?: LinkElementsInfo): {
+    stringValue?: string;
+    element: React.ReactNode;
+};
+export {};
 //# sourceMappingURL=PrimitivePropertyValueRenderer.d.ts.map

package/lib/esm/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/esm/components-react/properties/renderers/value/PrimitivePropertyValueRenderer.js

@@ -1,63 +1,60 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Properties
- */
-import * as React from "react";
-import { PropertyValueFormat } from "@itwin/appui-abstract";
-import { useAsyncValue } from "../../../common/UseAsyncValue";
-import { TypeConverterManager } from "../../../converters/TypeConverterManager";
-import { PropertyGridCommons } from "../../../propertygrid/component/PropertyGridCommons";
-import { LinksRenderer } from "../../LinkHandler";
-/** Default Primitive Property Renderer
- * @public
- */
-export class PrimitivePropertyValueRenderer {
-    /** Checks if the renderer can handle given property */
-    canRender(record) {
-        return record.value.valueFormat === PropertyValueFormat.Primitive;
-    }
-    /** Method that returns a JSX representation of PropertyRecord */
-    render(record, context) {
-        return React.createElement(PrimitivePropertyValueRendererImpl, { record: record, context: context, stringValueCalculator: convertPrimitiveRecordToString });
-    }
-}
-/**
- * Function that converts primitive [[PropertyRecord]] to string
- * @internal
- */
-export function convertPrimitiveRecordToString(record) {
-    var _a;
-    const primitive = record.value;
-    return TypeConverterManager.getConverter(record.property.typename, (_a = record.property.converter) === null || _a === void 0 ? void 0 : _a.name).convertPropertyToString(record.property, primitive.value);
-}
-/** @internal */
-export 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);
-}
-/**
- * Default link handler used for handling records,
- * which did not have any specified LinkElementsInfo.
- *
- * Default matcher matches all URLs using regex.
- * Default onClick opens window or sets location.href with found URL.
- * @public
- */
-export const DEFAULT_LINKS_HANDLER = {
-    matcher: PropertyGridCommons.getLinks,
-    onClick: PropertyGridCommons.handleLinkClick,
-};
-/** @internal */
-export function useRenderedStringValue(record, stringValueCalculator, context, linksHandler) {
-    var _a, _b;
-    const stringValue = useAsyncValue(stringValueCalculator(record));
-    const el = (stringValue === undefined)
-        ? context === null || context === void 0 ? void 0 : context.defaultValue
-        : React.createElement(LinksRenderer, { value: stringValue, links: (_b = (_a = record.links) !== null && _a !== void 0 ? _a : linksHandler) !== null && _b !== void 0 ? _b : DEFAULT_LINKS_HANDLER, highlighter: context === null || context === void 0 ? void 0 : context.textHighlighter });
-    return { stringValue, element: el };
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Properties
+ */
+import * as React from "react";
+import { PropertyValueFormat } from "@itwin/appui-abstract";
+import { useAsyncValue } from "../../../common/UseAsyncValue";
+import { TypeConverterManager } from "../../../converters/TypeConverterManager";
+import { PropertyGridCommons } from "../../../propertygrid/component/PropertyGridCommons";
+import { LinksRenderer } from "../../LinkHandler";
+/** Default Primitive Property Renderer
+ * @public
+ */
+export class PrimitivePropertyValueRenderer {
+    /** Checks if the renderer can handle given property */
+    canRender(record) {
+        return record.value.valueFormat === PropertyValueFormat.Primitive;
+    }
+    /** Method that returns a JSX representation of PropertyRecord */
+    render(record, context) {
+        return React.createElement(PrimitivePropertyValueRendererImpl, { record: record, context: context, stringValueCalculator: convertPrimitiveRecordToString });
+    }
+}
+/**
+ * Function that converts primitive [[PropertyRecord]] to string
+ * @internal
+ */
+export function convertPrimitiveRecordToString(record) {
+    const primitive = record.value;
+    return TypeConverterManager.getConverter(record.property.typename, record.property.converter?.name).convertPropertyToString(record.property, primitive.value);
+}
+/** @internal */
+export function PrimitivePropertyValueRendererImpl(props) {
+    const { stringValue, element } = useRenderedStringValue(props.record, props.stringValueCalculator, props.context, props.linksHandler);
+    return React.createElement("span", { style: props.context?.style, title: stringValue }, element);
+}
+/**
+ * Default link handler used for handling records,
+ * which did not have any specified LinkElementsInfo.
+ *
+ * Default matcher matches all URLs using regex.
+ * Default onClick opens window or sets location.href with found URL.
+ * @public
+ */
+export const DEFAULT_LINKS_HANDLER = {
+    matcher: PropertyGridCommons.getLinks,
+    onClick: PropertyGridCommons.handleLinkClick,
+};
+/** @internal */
+export function useRenderedStringValue(record, stringValueCalculator, context, linksHandler) {
+    const stringValue = useAsyncValue(stringValueCalculator(record));
+    const el = (stringValue === undefined)
+        ? context?.defaultValue
+        : React.createElement(LinksRenderer, { value: stringValue, links: record.links ?? linksHandler ?? DEFAULT_LINKS_HANDLER, highlighter: context?.textHighlighter });
+    return { stringValue, element: el };
+}
 //# sourceMappingURL=PrimitivePropertyValueRenderer.js.map

package/lib/esm/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,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAoD,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC9G,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,qDAAqD,CAAC;AAC1F,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlD;;GAEG;AACH,MAAM,OAAO,8BAA8B;IAEzC,uDAAuD;IAChD,SAAS,CAAC,MAAsB;QACrC,OAAO,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,mBAAmB,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;AAED;;;GAGG;AACH,MAAM,UAAU,8BAA8B,CAAC,MAAsB;;IACnE,MAAM,SAAS,GAAG,MAAM,CAAC,KAAuB,CAAC;IACjD,OAAO,oBAAoB,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;AAUD,gBAAgB;AAChB,MAAM,UAAU,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;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAqB;IACrD,OAAO,EAAE,mBAAmB,CAAC,QAAQ;IACrC,OAAO,EAAE,mBAAmB,CAAC,eAAe;CAC7C,CAAC;AAEF,gBAAgB;AAChB,MAAM,UAAU,sBAAsB,CACpC,MAAsB,EACtB,qBAA2E,EAC3E,OAAsC,EACtC,YAA+B;;IAE/B,MAAM,WAAW,GAAG,aAAa,CAAC,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,aAAa,IACd,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,MAAA,MAAA,MAAM,CAAC,KAAK,mCAAI,YAAY,mCAAI,qBAAqB,EAC5D,WAAW,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,eAAe,GACrC,CAAC;IACL,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;AACtC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Properties\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { LinkElementsInfo, PrimitiveValue, PropertyRecord, PropertyValueFormat } from \"@itwin/appui-abstract\";\r\nimport { useAsyncValue } from \"../../../common/UseAsyncValue\";\r\nimport { TypeConverterManager } from \"../../../converters/TypeConverterManager\";\r\nimport { PropertyGridCommons } from \"../../../propertygrid/component/PropertyGridCommons\";\r\nimport { LinksRenderer } from \"../../LinkHandler\";\r\nimport { IPropertyValueRenderer, PropertyValueRendererContext } from \"../../ValueRendererManager\";\r\n\r\n/** Default Primitive Property Renderer\r\n * @public\r\n */\r\nexport class PrimitivePropertyValueRenderer implements IPropertyValueRenderer {\r\n\r\n  /** Checks if the renderer can handle given property */\r\n  public canRender(record: PropertyRecord) {\r\n    return record.value.valueFormat === PropertyValueFormat.Primitive;\r\n  }\r\n\r\n  /** Method that returns a JSX representation of PropertyRecord */\r\n  public render(record: PropertyRecord, context?: PropertyValueRendererContext) {\r\n    return <PrimitivePropertyValueRendererImpl\r\n      record={record}\r\n      context={context}\r\n      stringValueCalculator={convertPrimitiveRecordToString}\r\n    />;\r\n  }\r\n}\r\n\r\n/**\r\n * Function that converts primitive [[PropertyRecord]] to string\r\n * @internal\r\n */\r\nexport function convertPrimitiveRecordToString(record: PropertyRecord) {\r\n  const primitive = record.value as PrimitiveValue;\r\n  return TypeConverterManager.getConverter(record.property.typename, record.property.converter?.name).convertPropertyToString(record.property, primitive.value);\r\n}\r\n\r\n/** @internal */\r\ninterface PrimitivePropertyValueRendererImplProps {\r\n  record: PropertyRecord;\r\n  stringValueCalculator: (record: PropertyRecord) => string | Promise<string>;\r\n  context?: PropertyValueRendererContext;\r\n  linksHandler?: LinkElementsInfo;\r\n}\r\n\r\n/** @internal */\r\nexport function PrimitivePropertyValueRendererImpl(props: PrimitivePropertyValueRendererImplProps) {\r\n  const { stringValue, element } = useRenderedStringValue(props.record, props.stringValueCalculator, props.context, props.linksHandler);\r\n  return <span style={props.context?.style} title={stringValue}>{element}</span>;\r\n}\r\n\r\n/**\r\n * Default link handler used for handling records,\r\n * which did not have any specified LinkElementsInfo.\r\n *\r\n * Default matcher matches all URLs using regex.\r\n * Default onClick opens window or sets location.href with found URL.\r\n * @public\r\n */\r\nexport const DEFAULT_LINKS_HANDLER: LinkElementsInfo = {\r\n  matcher: PropertyGridCommons.getLinks,\r\n  onClick: PropertyGridCommons.handleLinkClick,\r\n};\r\n\r\n/** @internal */\r\nexport function useRenderedStringValue(\r\n  record: PropertyRecord,\r\n  stringValueCalculator: (record: PropertyRecord) => string | Promise<string>,\r\n  context?: PropertyValueRendererContext,\r\n  linksHandler?: LinkElementsInfo,\r\n): { stringValue?: string, element: React.ReactNode } {\r\n  const stringValue = useAsyncValue(stringValueCalculator(record));\r\n  const el = (stringValue === undefined)\r\n    ? context?.defaultValue\r\n    : <LinksRenderer\r\n      value={stringValue}\r\n      links={record.links ?? linksHandler ?? DEFAULT_LINKS_HANDLER}\r\n      highlighter={context?.textHighlighter}\r\n    />;\r\n  return { stringValue, element: el };\r\n}\r\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,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAoD,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC9G,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,qDAAqD,CAAC;AAC1F,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlD;;GAEG;AACH,MAAM,OAAO,8BAA8B;IAEzC,uDAAuD;IAChD,SAAS,CAAC,MAAsB;QACrC,OAAO,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,mBAAmB,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;AAED;;;GAGG;AACH,MAAM,UAAU,8BAA8B,CAAC,MAAsB;IACnE,MAAM,SAAS,GAAG,MAAM,CAAC,KAAuB,CAAC;IACjD,OAAO,oBAAoB,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;AAUD,gBAAgB;AAChB,MAAM,UAAU,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;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAqB;IACrD,OAAO,EAAE,mBAAmB,CAAC,QAAQ;IACrC,OAAO,EAAE,mBAAmB,CAAC,eAAe;CAC7C,CAAC;AAEF,gBAAgB;AAChB,MAAM,UAAU,sBAAsB,CACpC,MAAsB,EACtB,qBAA2E,EAC3E,OAAsC,EACtC,YAA+B;IAE/B,MAAM,WAAW,GAAG,aAAa,CAAC,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,aAAa,IACd,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,YAAY,IAAI,qBAAqB,EAC5D,WAAW,EAAE,OAAO,EAAE,eAAe,GACrC,CAAC;IACL,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;AACtC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Properties\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { LinkElementsInfo, PrimitiveValue, PropertyRecord, PropertyValueFormat } from \"@itwin/appui-abstract\";\r\nimport { useAsyncValue } from \"../../../common/UseAsyncValue\";\r\nimport { TypeConverterManager } from \"../../../converters/TypeConverterManager\";\r\nimport { PropertyGridCommons } from \"../../../propertygrid/component/PropertyGridCommons\";\r\nimport { LinksRenderer } from \"../../LinkHandler\";\r\nimport { IPropertyValueRenderer, PropertyValueRendererContext } from \"../../ValueRendererManager\";\r\n\r\n/** Default Primitive Property Renderer\r\n * @public\r\n */\r\nexport class PrimitivePropertyValueRenderer implements IPropertyValueRenderer {\r\n\r\n  /** Checks if the renderer can handle given property */\r\n  public canRender(record: PropertyRecord) {\r\n    return record.value.valueFormat === PropertyValueFormat.Primitive;\r\n  }\r\n\r\n  /** Method that returns a JSX representation of PropertyRecord */\r\n  public render(record: PropertyRecord, context?: PropertyValueRendererContext) {\r\n    return <PrimitivePropertyValueRendererImpl\r\n      record={record}\r\n      context={context}\r\n      stringValueCalculator={convertPrimitiveRecordToString}\r\n    />;\r\n  }\r\n}\r\n\r\n/**\r\n * Function that converts primitive [[PropertyRecord]] to string\r\n * @internal\r\n */\r\nexport function convertPrimitiveRecordToString(record: PropertyRecord): string | Promise<string> {\r\n  const primitive = record.value as PrimitiveValue;\r\n  return TypeConverterManager.getConverter(record.property.typename, record.property.converter?.name).convertPropertyToString(record.property, primitive.value);\r\n}\r\n\r\n/** @internal */\r\ninterface PrimitivePropertyValueRendererImplProps {\r\n  record: PropertyRecord;\r\n  stringValueCalculator: (record: PropertyRecord) => string | Promise<string>;\r\n  context?: PropertyValueRendererContext;\r\n  linksHandler?: LinkElementsInfo;\r\n}\r\n\r\n/** @internal */\r\nexport function PrimitivePropertyValueRendererImpl(props: PrimitivePropertyValueRendererImplProps) {\r\n  const { stringValue, element } = useRenderedStringValue(props.record, props.stringValueCalculator, props.context, props.linksHandler);\r\n  return <span style={props.context?.style} title={stringValue}>{element}</span>;\r\n}\r\n\r\n/**\r\n * Default link handler used for handling records,\r\n * which did not have any specified LinkElementsInfo.\r\n *\r\n * Default matcher matches all URLs using regex.\r\n * Default onClick opens window or sets location.href with found URL.\r\n * @public\r\n */\r\nexport const DEFAULT_LINKS_HANDLER: LinkElementsInfo = {\r\n  matcher: PropertyGridCommons.getLinks,\r\n  onClick: PropertyGridCommons.handleLinkClick,\r\n};\r\n\r\n/** @internal */\r\nexport function useRenderedStringValue(\r\n  record: PropertyRecord,\r\n  stringValueCalculator: (record: PropertyRecord) => string | Promise<string>,\r\n  context?: PropertyValueRendererContext,\r\n  linksHandler?: LinkElementsInfo,\r\n): { stringValue?: string, element: React.ReactNode } {\r\n  const stringValue = useAsyncValue(stringValueCalculator(record));\r\n  const el = (stringValue === undefined)\r\n    ? context?.defaultValue\r\n    : <LinksRenderer\r\n      value={stringValue}\r\n      links={record.links ?? linksHandler ?? DEFAULT_LINKS_HANDLER}\r\n      highlighter={context?.textHighlighter}\r\n    />;\r\n  return { stringValue, element: el };\r\n}\r\n"]}

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

@@ -1,16 +1,16 @@
-/** @packageDocumentation
- * @module Properties
- */
-import * as React from "react";
-import { PropertyRecord } from "@itwin/appui-abstract";
-import { IPropertyValueRenderer, PropertyValueRendererContext } from "../../ValueRendererManager";
-/** Default Struct Property Renderer
- * @public
- */
-export declare class StructPropertyValueRenderer implements IPropertyValueRenderer {
-    /** Checks if the renderer can handle given property */
-    canRender(record: PropertyRecord): boolean;
-    /** Method that returns a JSX representation of PropertyRecord */
-    render(record: PropertyRecord, context?: PropertyValueRendererContext): React.ReactNode;
-}
+/** @packageDocumentation
+ * @module Properties
+ */
+import * as React from "react";
+import { PropertyRecord } from "@itwin/appui-abstract";
+import { IPropertyValueRenderer, PropertyValueRendererContext } from "../../ValueRendererManager";
+/** Default Struct Property Renderer
+ * @public
+ */
+export declare class StructPropertyValueRenderer implements IPropertyValueRenderer {
+    /** Checks if the renderer can handle given property */
+    canRender(record: PropertyRecord): boolean;
+    /** Method that returns a JSX representation of PropertyRecord */
+    render(record: PropertyRecord, context?: PropertyValueRendererContext): React.ReactNode;
+}
 //# sourceMappingURL=StructPropertyValueRenderer.d.ts.map