@itwin/components-react 4.17.6 → 5.0.0-dev.3

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

@@ -0,0 +1,30 @@
+/*---------------------------------------------------------------------------------------------
+ * 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 { withContextStyle } from "./WithContextStyle.js";
+import { useTranslation } from "../../../l10n/useTranslation.js";
+/** Default Merged Property Renderer
+ * @public
+ */
+export class MergedPropertyValueRenderer {
+    /** Checks if the renderer can handle given property */
+    canRender(record) {
+        return (!!record.isMerged &&
+            record.value.valueFormat === PropertyValueFormat.Primitive);
+    }
+    /** Method that returns a JSX representation of PropertyRecord */
+    render(_record, context) {
+        return withContextStyle(React.createElement(VariesRenderer, null), context);
+    }
+}
+function VariesRenderer() {
+    const { translate } = useTranslation();
+    return React.createElement(React.Fragment, null, translate("property.varies"));
+}
+//# sourceMappingURL=MergedPropertyValueRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MergedPropertyValueRenderer.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/value/MergedPropertyValueRenderer.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAK5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEjE;;GAEG;AACH,MAAM,OAAO,2BAA2B;IACtC,uDAAuD;IAChD,SAAS,CAAC,MAAsB;QACrC,OAAO,CACL,CAAC,CAAC,MAAM,CAAC,QAAQ;YACjB,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,mBAAmB,CAAC,SAAS,CAC3D,CAAC;IACJ,CAAC;IAED,iEAAiE;IAC1D,MAAM,CACX,OAAuB,EACvB,OAAsC;QAEtC,OAAO,gBAAgB,CAAC,oBAAC,cAAc,OAAG,EAAE,OAAO,CAAC,CAAC;IACvD,CAAC;CACF;AAED,SAAS,cAAc;IACrB,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IACvC,OAAO,0CAAG,SAAS,CAAC,iBAAiB,CAAC,CAAI,CAAC;AAC7C,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Properties\n */\n\nimport * as React from \"react\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport type {\n  IPropertyValueRenderer,\n  PropertyValueRendererContext,\n} from \"../../ValueRendererManager.js\";\nimport { withContextStyle } from \"./WithContextStyle.js\";\nimport { useTranslation } from \"../../../l10n/useTranslation.js\";\n\n/** Default Merged Property Renderer\n * @public\n */\nexport class MergedPropertyValueRenderer implements IPropertyValueRenderer {\n  /** Checks if the renderer can handle given property */\n  public canRender(record: PropertyRecord) {\n    return (\n      !!record.isMerged &&\n      record.value.valueFormat === PropertyValueFormat.Primitive\n    );\n  }\n\n  /** Method that returns a JSX representation of PropertyRecord */\n  public render(\n    _record: PropertyRecord,\n    context?: PropertyValueRendererContext\n  ) {\n    return withContextStyle(<VariesRenderer />, context);\n  }\n}\n\nfunction VariesRenderer() {\n  const { translate } = useTranslation();\n  return <>{translate(\"property.varies\")}</>;\n}\n"]}

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

@@ -0,0 +1,25 @@
+/**
+ * @packageDocumentation
+ * @module Properties
+ */
+import * as React from "react";
+import type { PropertyRecord } from "@itwin/appui-abstract";
+import type { IPropertyValueRenderer, PropertyValueRendererContext } from "../../ValueRendererManager.js";
+/** @internal */
+export declare class MultilineTextPropertyValueRenderer implements IPropertyValueRenderer {
+    canRender(record: PropertyRecord): boolean;
+    render(record: PropertyRecord, context?: PropertyValueRendererContext): React.ReactNode;
+}
+interface MultilineTextRendererProps {
+    stringValue?: string;
+    isExpanded?: boolean;
+    onExpansionToggled?: () => void;
+    onHeightChanged?: (newHeight: number) => void;
+    style?: React.CSSProperties;
+    /** Content */
+    children?: React.ReactNode;
+}
+/** @internal */
+export declare const MultilineTextRenderer: React.FC<MultilineTextRendererProps>;
+export {};
+//# sourceMappingURL=MultilineTextPropertyValueRenderer.d.ts.map

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

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

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

@@ -0,0 +1,53 @@
+/*---------------------------------------------------------------------------------------------
+ * 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 { useLayoutEffect, useRef, useState } from "react";
+import { assert } from "@itwin/core-bentley";
+import { PropertyValueFormat } from "@itwin/appui-abstract";
+import { useRenderedStringValue } from "./PrimitivePropertyValueRenderer.js";
+import classnames from "classnames";
+import { convertRecordToString } from "./Common.js";
+import { useTranslation } from "../../../l10n/useTranslation.js";
+/** @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 { translate } = useTranslation();
+    const spanRef = useRef(null);
+    const divRef = useRef(null);
+    const [contentOverflows, setContentOverflows] = useState(false);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    useLayoutEffect(() => {
+        assert(divRef.current !== null && spanRef.current !== null);
+        setContentOverflows(spanRef.current.clientWidth < spanRef.current.scrollWidth);
+    });
+    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: classnames("content", { expanded: props.isExpanded }), style: props.style, title: props.isExpanded ? undefined : props.stringValue },
+            props.children,
+            React.createElement("button", { className: "expand-toggle", style: { display: props.isExpanded ? "inline-block" : "none" }, onClick: handleExpansionToggleClick }, translate("property.collapse"))),
+        contentOverflows && !props.isExpanded && (React.createElement("button", { className: "expand-toggle", onClick: handleExpansionToggleClick }, translate("property.expand")))));
+};
+//# sourceMappingURL=MultilineTextPropertyValueRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultilineTextPropertyValueRenderer.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/value/MultilineTextPropertyValueRenderer.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAK5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEjE,gBAAgB;AAChB,MAAM,OAAO,kCAAkC;IAGtC,SAAS,CAAC,MAAsB;QACrC,OAAO,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,mBAAmB,CAAC,SAAS,CAAC;IACpE,CAAC;IAEM,MAAM,CACX,MAAsB,EACtB,OAAsC;QAEtC,OAAO,CACL,oBAAC,sCAAsC,IACrC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;IACJ,CAAC;CACF;AAQD,MAAM,sCAAsC,GAExC,CAAC,KAAK,EAAE,EAAE;IACZ,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,sBAAsB,CACrD,KAAK,CAAC,MAAM,EACZ,qBAAqB,EACrB,KAAK,CAAC,OAAO,CACd,CAAC;IACF,OAAO,CACL,oBAAC,qBAAqB,IACpB,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,EAC3B,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,KAAK,CAAC,OAAO,EAAE,UAAU,EACrC,kBAAkB,EAAE,KAAK,CAAC,OAAO,EAAE,kBAAkB,EACrD,eAAe,EAAE,KAAK,CAAC,OAAO,EAAE,eAAe,IAE9C,OAAO,CACc,CACzB,CAAC;AACJ,CAAC,CAAC;AAYF,gBAAgB;AAChB,MAAM,CAAC,MAAM,qBAAqB,GAAyC,CACzE,KAAK,EACL,EAAE;IACF,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IACvC,MAAM,OAAO,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IAC9C,MAAM,MAAM,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC5C,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACzE,uDAAuD;IACvD,eAAe,CAAC,GAAG,EAAE;QACnB,MAAM,CAAC,MAAM,CAAC,OAAO,KAAK,IAAI,IAAI,OAAO,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC;QAE5D,mBAAmB,CACjB,OAAO,CAAC,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,WAAW,CAC1D,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,MAAM,0BAA0B,GAAG,CAAC,KAAuB,EAAE,EAAE;QAC7D,KAAK,CAAC,kBAAkB,EAAE,EAAE,CAAC;QAC7B,KAAK,CAAC,eAAe,EAAE,CAAC;IAC1B,CAAC,CAAC;IAEF,mHAAmH;IACnH,gDAAgD;IAChD,OAAO,CACL,6BAAK,GAAG,EAAE,MAAM,EAAE,SAAS,EAAC,WAAW;QACrC,8BACE,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,UAAU,EAAE,CAAC,EAChE,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW;YAEtD,KAAK,CAAC,QAAQ;YACf,gCACE,SAAS,EAAC,eAAe,EACzB,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,EAAE,EAC9D,OAAO,EAAE,0BAA0B,IAElC,SAAS,CAAC,mBAAmB,CAAC,CACxB,CACJ;QACN,gBAAgB,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,CACxC,gCAAQ,SAAS,EAAC,eAAe,EAAC,OAAO,EAAE,0BAA0B,IAClE,SAAS,CAAC,iBAAiB,CAAC,CACtB,CACV,CACG,CACP,CAAC;AACJ,CAAC,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/**\n * @packageDocumentation\n * @module Properties\n */\n\nimport * as React from \"react\";\nimport { useLayoutEffect, useRef, useState } from \"react\";\nimport { assert } from \"@itwin/core-bentley\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport type {\n  IPropertyValueRenderer,\n  PropertyValueRendererContext,\n} from \"../../ValueRendererManager.js\";\nimport { useRenderedStringValue } from \"./PrimitivePropertyValueRenderer.js\";\nimport classnames from \"classnames\";\nimport { convertRecordToString } from \"./Common.js\";\nimport { useTranslation } from \"../../../l10n/useTranslation.js\";\n\n/** @internal */\nexport class MultilineTextPropertyValueRenderer\n  implements IPropertyValueRenderer\n{\n  public canRender(record: PropertyRecord): boolean {\n    return record.value.valueFormat === PropertyValueFormat.Primitive;\n  }\n\n  public render(\n    record: PropertyRecord,\n    context?: PropertyValueRendererContext\n  ): React.ReactNode {\n    return (\n      <MultilineTextPropertyValueRendererImpl\n        record={record}\n        context={context}\n      />\n    );\n  }\n}\n\ninterface MultilineTextPropertyValueRendererImplProps {\n  record: PropertyRecord;\n  context?: PropertyValueRendererContext;\n  children?: never;\n}\n\nconst MultilineTextPropertyValueRendererImpl: React.FC<\n  MultilineTextPropertyValueRendererImplProps\n> = (props) => {\n  const { stringValue, element } = useRenderedStringValue(\n    props.record,\n    convertRecordToString,\n    props.context\n  );\n  return (\n    <MultilineTextRenderer\n      style={props.context?.style}\n      stringValue={stringValue}\n      isExpanded={props.context?.isExpanded}\n      onExpansionToggled={props.context?.onExpansionToggled}\n      onHeightChanged={props.context?.onHeightChanged}\n    >\n      {element}\n    </MultilineTextRenderer>\n  );\n};\n\ninterface MultilineTextRendererProps {\n  stringValue?: string;\n  isExpanded?: boolean;\n  onExpansionToggled?: () => void;\n  onHeightChanged?: (newHeight: number) => void;\n  style?: React.CSSProperties;\n  /** Content */\n  children?: React.ReactNode;\n}\n\n/** @internal */\nexport const MultilineTextRenderer: React.FC<MultilineTextRendererProps> = (\n  props\n) => {\n  const { translate } = useTranslation();\n  const spanRef = useRef<HTMLSpanElement>(null);\n  const divRef = useRef<HTMLDivElement>(null);\n  const [contentOverflows, setContentOverflows] = useState<boolean>(false);\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useLayoutEffect(() => {\n    assert(divRef.current !== null && spanRef.current !== null);\n\n    setContentOverflows(\n      spanRef.current.clientWidth < spanRef.current.scrollWidth\n    );\n  });\n\n  const handleExpansionToggleClick = (event: React.MouseEvent) => {\n    props.onExpansionToggled?.();\n    event.stopPropagation();\n  };\n\n  // In order to always trigger onMouseLeave event on PropertyView, collapse button must remain mounted at all times.\n  // https://github.com/facebook/react/issues/6807\n  return (\n    <div ref={divRef} className=\"multiline\">\n      <span\n        ref={spanRef}\n        className={classnames(\"content\", { expanded: props.isExpanded })}\n        style={props.style}\n        title={props.isExpanded ? undefined : props.stringValue}\n      >\n        {props.children}\n        <button\n          className=\"expand-toggle\"\n          style={{ display: props.isExpanded ? \"inline-block\" : \"none\" }}\n          onClick={handleExpansionToggleClick}\n        >\n          {translate(\"property.collapse\")}\n        </button>\n      </span>\n      {contentOverflows && !props.isExpanded && (\n        <button className=\"expand-toggle\" onClick={handleExpansionToggleClick}>\n          {translate(\"property.expand\")}\n        </button>\n      )}\n    </div>\n  );\n};\n"]}

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

@@ -0,0 +1,17 @@
+/** @packageDocumentation
+ * @module Properties
+ */
+import * as React from "react";
+import type { PropertyRecord } from "@itwin/appui-abstract";
+import type { IPropertyValueRenderer, PropertyValueRendererContext } from "../../ValueRendererManager.js";
+/** Default Navigation Property Renderer
+ * @public
+ * @deprecated in 4.14.0. Use [[PrimitivePropertyValueRenderer]] instead.
+ */
+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): React.JSX.Element;
+}
+//# sourceMappingURL=NavigationPropertyValueRenderer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationPropertyValueRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/value/NavigationPropertyValueRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,KAAK,EACV,sBAAsB,EACtB,4BAA4B,EAC7B,MAAM,+BAA+B,CAAC;AAIvC;;;GAGG;AACH,qBAAa,+BAAgC,YAAW,sBAAsB;IAC5E,uDAAuD;IAChD,SAAS,CAAC,MAAM,EAAE,cAAc;IAOvC,iEAAiE;IAC1D,MAAM,CACX,MAAM,EAAE,cAAc,EACtB,OAAO,CAAC,EAAE,4BAA4B;CAUzC"}

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

@@ -0,0 +1,27 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Properties
+ */
+import * as React from "react";
+import { PropertyValueFormat, StandardTypeNames } from "@itwin/appui-abstract";
+import { PrimitivePropertyValueRendererImpl } from "./PrimitivePropertyValueRenderer.js";
+import { convertRecordToString } from "./Common.js";
+/** Default Navigation Property Renderer
+ * @public
+ * @deprecated in 4.14.0. Use [[PrimitivePropertyValueRenderer]] instead.
+ */
+export class NavigationPropertyValueRenderer {
+    /** Checks if the renderer can handle given property */
+    canRender(record) {
+        return (record.value.valueFormat === PropertyValueFormat.Primitive &&
+            record.property.typename === StandardTypeNames.Navigation.valueOf());
+    }
+    /** Method that returns a JSX representation of PropertyRecord */
+    render(record, context) {
+        return (React.createElement(PrimitivePropertyValueRendererImpl, { record: record, context: context, stringValueCalculator: convertRecordToString }));
+    }
+}
+//# sourceMappingURL=NavigationPropertyValueRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationPropertyValueRenderer.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/value/NavigationPropertyValueRenderer.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAK/E,OAAO,EAAE,kCAAkC,EAAE,MAAM,qCAAqC,CAAC;AACzF,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAEpD;;;GAGG;AACH,MAAM,OAAO,+BAA+B;IAC1C,uDAAuD;IAChD,SAAS,CAAC,MAAsB;QACrC,OAAO,CACL,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,mBAAmB,CAAC,SAAS;YAC1D,MAAM,CAAC,QAAQ,CAAC,QAAQ,KAAK,iBAAiB,CAAC,UAAU,CAAC,OAAO,EAAE,CACpE,CAAC;IACJ,CAAC;IAED,iEAAiE;IAC1D,MAAM,CACX,MAAsB,EACtB,OAAsC;QAEtC,OAAO,CACL,oBAAC,kCAAkC,IACjC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,qBAAqB,EAAE,qBAAqB,GAC5C,CACH,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Properties\n */\n\nimport * as React from \"react\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat, StandardTypeNames } from \"@itwin/appui-abstract\";\nimport type {\n  IPropertyValueRenderer,\n  PropertyValueRendererContext,\n} from \"../../ValueRendererManager.js\";\nimport { PrimitivePropertyValueRendererImpl } from \"./PrimitivePropertyValueRenderer.js\";\nimport { convertRecordToString } from \"./Common.js\";\n\n/** Default Navigation Property Renderer\n * @public\n * @deprecated in 4.14.0. Use [[PrimitivePropertyValueRenderer]] instead.\n */\nexport class NavigationPropertyValueRenderer implements IPropertyValueRenderer {\n  /** Checks if the renderer can handle given property */\n  public canRender(record: PropertyRecord) {\n    return (\n      record.value.valueFormat === PropertyValueFormat.Primitive &&\n      record.property.typename === StandardTypeNames.Navigation.valueOf()\n    );\n  }\n\n  /** Method that returns a JSX representation of PropertyRecord */\n  public render(\n    record: PropertyRecord,\n    context?: PropertyValueRendererContext\n  ) {\n    return (\n      <PrimitivePropertyValueRendererImpl\n        record={record}\n        context={context}\n        stringValueCalculator={convertRecordToString}\n      />\n    );\n  }\n}\n"]}

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

@@ -0,0 +1,40 @@
+/** @packageDocumentation
+ * @module Properties
+ */
+import * as React from "react";
+import type { LinkElementsInfo, PropertyRecord } from "@itwin/appui-abstract";
+import type { IPropertyValueRenderer, PropertyValueRendererContext } from "../../ValueRendererManager.js";
+/** 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): React.JSX.Element;
+}
+/** @internal */
+interface PrimitivePropertyValueRendererImplProps {
+    record: PropertyRecord;
+    stringValueCalculator: (record: PropertyRecord) => string | Promise<string>;
+    context?: PropertyValueRendererContext;
+    linksHandler?: LinkElementsInfo;
+}
+/** @internal */
+export declare function PrimitivePropertyValueRendererImpl(props: PrimitivePropertyValueRendererImplProps): React.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/components-react/properties/renderers/value/PrimitivePropertyValueRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimitivePropertyValueRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/value/PrimitivePropertyValueRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAK9E,OAAO,KAAK,EACV,sBAAsB,EACtB,4BAA4B,EAC7B,MAAM,+BAA+B,CAAC;AAGvC;;GAEG;AACH,qBAAa,8BAA+B,YAAW,sBAAsB;IAC3E,uDAAuD;IAChD,SAAS,CAAC,MAAM,EAAE,cAAc;IAIvC,iEAAiE;IAC1D,MAAM,CACX,MAAM,EAAE,cAAc,EACtB,OAAO,CAAC,EAAE,4BAA4B;CAUzC;AAED,gBAAgB;AAChB,UAAU,uCAAuC;IAC/C,MAAM,EAAE,cAAc,CAAC;IACvB,qBAAqB,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;IAC5E,OAAO,CAAC,EAAE,4BAA4B,CAAC;IACvC,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC;AAED,gBAAgB;AAChB,wBAAgB,kCAAkC,CAChD,KAAK,EAAE,uCAAuC,qBAa/C;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,qBAAqB,EAAE,gBAGnC,CAAC;AAEF,gBAAgB;AAChB,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,cAAc,EACtB,qBAAqB,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,EAC3E,OAAO,CAAC,EAAE,4BAA4B,EACtC,YAAY,CAAC,EAAE,gBAAgB,GAC9B;IAAE,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAapD"}

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

@@ -0,0 +1,50 @@
+/*---------------------------------------------------------------------------------------------
+ * 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.js";
+import { PropertyGridCommons } from "../../../propertygrid/component/PropertyGridCommons.js";
+import { LinksRenderer } from "../../LinkHandler.js";
+import { convertRecordToString } from "./Common.js";
+/** 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: convertRecordToString }));
+    }
+}
+/** @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/components-react/properties/renderers/value/PrimitivePropertyValueRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimitivePropertyValueRenderer.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/value/PrimitivePropertyValueRenderer.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wDAAwD,CAAC;AAC7F,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAKrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAEpD;;GAEG;AACH,MAAM,OAAO,8BAA8B;IACzC,uDAAuD;IAChD,SAAS,CAAC,MAAsB;QACrC,OAAO,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,mBAAmB,CAAC,SAAS,CAAC;IACpE,CAAC;IAED,iEAAiE;IAC1D,MAAM,CACX,MAAsB,EACtB,OAAsC;QAEtC,OAAO,CACL,oBAAC,kCAAkC,IACjC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,qBAAqB,EAAE,qBAAqB,GAC5C,CACH,CAAC;IACJ,CAAC;CACF;AAUD,gBAAgB;AAChB,MAAM,UAAU,kCAAkC,CAChD,KAA8C;IAE9C,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,sBAAsB,CACrD,KAAK,CAAC,MAAM,EACZ,KAAK,CAAC,qBAAqB,EAC3B,KAAK,CAAC,OAAO,EACb,KAAK,CAAC,YAAY,CACnB,CAAC;IACF,OAAO,CACL,8BAAM,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,IAClD,OAAO,CACH,CACR,CAAC;AACJ,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,GACN,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,CAC1B,OAAO,EAAE,YAAY,CACtB,CAAC,CAAC,CAAC,CACF,oBAAC,aAAa,IACZ,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,YAAY,IAAI,qBAAqB,EAC5D,WAAW,EAAE,OAAO,EAAE,eAAe,GACrC,CACH,CAAC;IACJ,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;AACtC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Properties\n */\n\nimport * as React from \"react\";\nimport type { LinkElementsInfo, PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { useAsyncValue } from \"../../../common/UseAsyncValue.js\";\nimport { PropertyGridCommons } from \"../../../propertygrid/component/PropertyGridCommons.js\";\nimport { LinksRenderer } from \"../../LinkHandler.js\";\nimport type {\n  IPropertyValueRenderer,\n  PropertyValueRendererContext,\n} from \"../../ValueRendererManager.js\";\nimport { convertRecordToString } from \"./Common.js\";\n\n/** Default Primitive Property Renderer\n * @public\n */\nexport class PrimitivePropertyValueRenderer implements IPropertyValueRenderer {\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(\n    record: PropertyRecord,\n    context?: PropertyValueRendererContext\n  ) {\n    return (\n      <PrimitivePropertyValueRendererImpl\n        record={record}\n        context={context}\n        stringValueCalculator={convertRecordToString}\n      />\n    );\n  }\n}\n\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(\n  props: PrimitivePropertyValueRendererImplProps\n) {\n  const { stringValue, element } = useRenderedStringValue(\n    props.record,\n    props.stringValueCalculator,\n    props.context,\n    props.linksHandler\n  );\n  return (\n    <span style={props.context?.style} title={stringValue}>\n      {element}\n    </span>\n  );\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 =\n    stringValue === undefined ? (\n      context?.defaultValue\n    ) : (\n      <LinksRenderer\n        value={stringValue}\n        links={record.links ?? linksHandler ?? DEFAULT_LINKS_HANDLER}\n        highlighter={context?.textHighlighter}\n      />\n    );\n  return { stringValue, element: el };\n}\n"]}

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

@@ -0,0 +1,16 @@
+/** @packageDocumentation
+ * @module Properties
+ */
+import * as React from "react";
+import type { PropertyRecord } from "@itwin/appui-abstract";
+import type { IPropertyValueRenderer, PropertyValueRendererContext } from "../../ValueRendererManager.js";
+/** 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): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
+}
+//# sourceMappingURL=StructPropertyValueRenderer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StructPropertyValueRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/value/StructPropertyValueRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,KAAK,EACV,sBAAsB,EACtB,4BAA4B,EAC7B,MAAM,+BAA+B,CAAC;AAMvC;;GAEG;AACH,qBAAa,2BAA4B,YAAW,sBAAsB;IACxE,uDAAuD;IAChD,SAAS,CAAC,MAAM,EAAE,cAAc;IAIvC,iEAAiE;IAC1D,MAAM,CACX,MAAM,EAAE,cAAc,EACtB,OAAO,CAAC,EAAE,4BAA4B;CAwBzC"}

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

@@ -0,0 +1,34 @@
+/*---------------------------------------------------------------------------------------------
+ * 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 { PropertyContainerType } from "../../ValueRendererManager.js";
+import { TableStructValueRenderer } from "./table/StructValueRenderer.js";
+import { withContextStyle } from "./WithContextStyle.js";
+import { Orientation } from "../../../common/Orientation.js";
+/** Default Struct Property Renderer
+ * @public
+ */
+export class StructPropertyValueRenderer {
+    /** Checks if the renderer can handle given property */
+    canRender(record) {
+        return record.value.valueFormat === PropertyValueFormat.Struct;
+    }
+    /** Method that returns a JSX representation of PropertyRecord */
+    render(record, context) {
+        if (context && context.containerType === PropertyContainerType.Table) {
+            return withContextStyle(React.createElement(TableStructValueRenderer, { propertyRecord: record, onDialogOpen: context.onDialogOpen, orientation: context.orientation ? context.orientation : Orientation.Horizontal }), context);
+        }
+        if (context &&
+            context.containerType === PropertyContainerType.PropertyPane) {
+            return withContextStyle("", context);
+        }
+        return withContextStyle(`{${record.property.typename}}`, context);
+    }
+}
+//# sourceMappingURL=StructPropertyValueRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StructPropertyValueRenderer.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/value/StructPropertyValueRenderer.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAK5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAE7D;;GAEG;AACH,MAAM,OAAO,2BAA2B;IACtC,uDAAuD;IAChD,SAAS,CAAC,MAAsB;QACrC,OAAO,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,mBAAmB,CAAC,MAAM,CAAC;IACjE,CAAC;IAED,iEAAiE;IAC1D,MAAM,CACX,MAAsB,EACtB,OAAsC;QAEtC,IAAI,OAAO,IAAI,OAAO,CAAC,aAAa,KAAK,qBAAqB,CAAC,KAAK,EAAE,CAAC;YACrE,OAAO,gBAAgB,CACrB,oBAAC,wBAAwB,IACvB,cAAc,EAAE,MAAM,EACtB,YAAY,EAAE,OAAO,CAAC,YAAY,EAClC,WAAW,EACT,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,GAEpE,EACF,OAAO,CACR,CAAC;QACJ,CAAC;QAED,IACE,OAAO;YACP,OAAO,CAAC,aAAa,KAAK,qBAAqB,CAAC,YAAY,EAC5D,CAAC;YACD,OAAO,gBAAgB,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;QACvC,CAAC;QAED,OAAO,gBAAgB,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,QAAQ,GAAG,EAAE,OAAO,CAAC,CAAC;IACpE,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Properties\n */\n\nimport * as React from \"react\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport type {\n  IPropertyValueRenderer,\n  PropertyValueRendererContext,\n} from \"../../ValueRendererManager.js\";\nimport { PropertyContainerType } from \"../../ValueRendererManager.js\";\nimport { TableStructValueRenderer } from \"./table/StructValueRenderer.js\";\nimport { withContextStyle } from \"./WithContextStyle.js\";\nimport { Orientation } from \"../../../common/Orientation.js\";\n\n/** Default Struct Property Renderer\n * @public\n */\nexport class StructPropertyValueRenderer implements IPropertyValueRenderer {\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(\n    record: PropertyRecord,\n    context?: PropertyValueRendererContext\n  ) {\n    if (context && context.containerType === PropertyContainerType.Table) {\n      return withContextStyle(\n        <TableStructValueRenderer\n          propertyRecord={record}\n          onDialogOpen={context.onDialogOpen}\n          orientation={\n            context.orientation ? context.orientation : Orientation.Horizontal\n          }\n        />,\n        context\n      );\n    }\n\n    if (\n      context &&\n      context.containerType === PropertyContainerType.PropertyPane\n    ) {\n      return withContextStyle(\"\", context);\n    }\n\n    return withContextStyle(`{${record.property.typename}}`, context);\n  }\n}\n"]}

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

@@ -0,0 +1,19 @@
+/** @packageDocumentation
+ * @module Properties
+ */
+import * as React from "react";
+import type { PropertyRecord } from "@itwin/appui-abstract";
+import type { IPropertyValueRenderer, PropertyValueRendererContext } from "../../ValueRendererManager.js";
+/**
+ * URL property value renderer that renders the whole value as a URL without matching it
+ * against URL regex.
+ *
+ * @public
+ */
+export declare class UrlPropertyValueRenderer 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.JSX.Element;
+}
+//# sourceMappingURL=UrlPropertyValueRenderer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UrlPropertyValueRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/value/UrlPropertyValueRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAoB,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE9E,OAAO,KAAK,EACV,sBAAsB,EACtB,4BAA4B,EAC7B,MAAM,+BAA+B,CAAC;AAKvC;;;;;GAKG;AACH,qBAAa,wBAAyB,YAAW,sBAAsB;IACrE,uDAAuD;IAChD,SAAS,CAAC,MAAM,EAAE,cAAc;IAWvC,iEAAiE;IAC1D,MAAM,CACX,MAAM,EAAE,cAAc,EACtB,OAAO,CAAC,EAAE,4BAA4B;CAWzC"}

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

@@ -0,0 +1,37 @@
+/*---------------------------------------------------------------------------------------------
+ * 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 { PrimitivePropertyValueRendererImpl } from "./PrimitivePropertyValueRenderer.js";
+import { convertRecordToString } from "./Common.js";
+import { openLink } from "../../../common/Links.js";
+/**
+ * URL property value renderer that renders the whole value as a URL without matching it
+ * against URL regex.
+ *
+ * @public
+ */
+export class UrlPropertyValueRenderer {
+    /** Checks if the renderer can handle given property */
+    canRender(record) {
+        return (record.value.valueFormat === PropertyValueFormat.Primitive &&
+            [
+                StandardTypeNames.URL,
+                StandardTypeNames.String,
+                StandardTypeNames.Text,
+            ].includes(record.property.typename));
+    }
+    /** Method that returns a JSX representation of PropertyRecord */
+    render(record, context) {
+        return (React.createElement(PrimitivePropertyValueRendererImpl, { record: record, context: context, stringValueCalculator: convertRecordToString, linksHandler: URI_PROPERTY_LINK_HANDLER }));
+    }
+}
+const URI_PROPERTY_LINK_HANDLER = {
+    onClick: openLink,
+};
+//# sourceMappingURL=UrlPropertyValueRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UrlPropertyValueRenderer.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/value/UrlPropertyValueRenderer.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAK/E,OAAO,EAAE,kCAAkC,EAAE,MAAM,qCAAqC,CAAC;AACzF,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEpD;;;;;GAKG;AACH,MAAM,OAAO,wBAAwB;IACnC,uDAAuD;IAChD,SAAS,CAAC,MAAsB;QACrC,OAAO,CACL,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,mBAAmB,CAAC,SAAS;YAC1D;gBACE,iBAAiB,CAAC,GAAG;gBACrB,iBAAiB,CAAC,MAAM;gBACxB,iBAAiB,CAAC,IAAI;aACvB,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,QAA6B,CAAC,CAC1D,CAAC;IACJ,CAAC;IAED,iEAAiE;IAC1D,MAAM,CACX,MAAsB,EACtB,OAAsC;QAEtC,OAAO,CACL,oBAAC,kCAAkC,IACjC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,qBAAqB,EAAE,qBAAqB,EAC5C,YAAY,EAAE,yBAAyB,GACvC,CACH,CAAC;IACJ,CAAC;CACF;AAED,MAAM,yBAAyB,GAAqB;IAClD,OAAO,EAAE,QAAQ;CAClB,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Properties\n */\n\nimport * as React from \"react\";\nimport type { LinkElementsInfo, PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat, StandardTypeNames } from \"@itwin/appui-abstract\";\nimport type {\n  IPropertyValueRenderer,\n  PropertyValueRendererContext,\n} from \"../../ValueRendererManager.js\";\nimport { PrimitivePropertyValueRendererImpl } from \"./PrimitivePropertyValueRenderer.js\";\nimport { convertRecordToString } from \"./Common.js\";\nimport { openLink } from \"../../../common/Links.js\";\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  /** Checks if the renderer can handle given property */\n  public canRender(record: PropertyRecord) {\n    return (\n      record.value.valueFormat === PropertyValueFormat.Primitive &&\n      [\n        StandardTypeNames.URL,\n        StandardTypeNames.String,\n        StandardTypeNames.Text,\n      ].includes(record.property.typename as StandardTypeNames)\n    );\n  }\n\n  /** Method that returns a JSX representation of PropertyRecord */\n  public render(\n    record: PropertyRecord,\n    context?: PropertyValueRendererContext\n  ) {\n    return (\n      <PrimitivePropertyValueRendererImpl\n        record={record}\n        context={context}\n        stringValueCalculator={convertRecordToString}\n        linksHandler={URI_PROPERTY_LINK_HANDLER}\n      />\n    );\n  }\n}\n\nconst URI_PROPERTY_LINK_HANDLER: LinkElementsInfo = {\n  onClick: openLink,\n};\n"]}

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

@@ -0,0 +1,10 @@
+/** @packageDocumentation
+ * @module Properties
+ */
+import * as React from "react";
+import type { PropertyValueRendererContext } from "../../ValueRendererManager.js";
+/** Wraps a React component with a span element with a given style attribute
+ * @public
+ */
+export declare const withContextStyle: (node: React.ReactNode, context?: PropertyValueRendererContext) => string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
+//# sourceMappingURL=WithContextStyle.d.ts.map

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

@@ -0,0 +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,KAAK,EAAE,4BAA4B,EAAE,MAAM,+BAA+B,CAAC;AAElF;;GAEG;AACH,eAAO,MAAM,gBAAgB,SACrB,MAAM,SAAS,YACX,4BAA4B,iGAIvC,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"WithContextStyle.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/value/WithContextStyle.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,IAAqB,EACrB,OAAsC,EACtC,EAAE;IACF,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IAC5C,OAAO,8BAAM,KAAK,EAAE,OAAO,CAAC,KAAK,IAAG,IAAI,CAAQ,CAAC;AACnD,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Properties\n */\n\nimport * as React from \"react\";\nimport type { PropertyValueRendererContext } from \"../../ValueRendererManager.js\";\n\n/** Wraps a React component with a span element with a given style attribute\n * @public\n */\nexport const withContextStyle = (\n  node: React.ReactNode,\n  context?: PropertyValueRendererContext\n) => {\n  if (!context || !context.style) return node;\n  return <span style={context.style}>{node}</span>;\n};\n"]}

package/lib/components-react/properties/renderers/value/table/ArrayValueRenderer.d.ts

@@ -0,0 +1,14 @@
+/** @packageDocumentation
+ * @module Properties
+ */
+import * as React from "react";
+import type { TableSpecificValueRendererProps } from "./NonPrimitiveValueRenderer.js";
+/** A react component which renders array property value as a button with text
+ * @public
+ */
+export declare class TableArrayValueRenderer extends React.PureComponent<TableSpecificValueRendererProps> {
+    private getButtonLabel;
+    private getDialogContents;
+    render(): React.JSX.Element;
+}
+//# sourceMappingURL=ArrayValueRenderer.d.ts.map

package/lib/components-react/properties/renderers/value/table/ArrayValueRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrayValueRenderer.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/table/ArrayValueRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,gCAAgC,CAAC;AAGtF;;GAEG;AACH,qBAAa,uBAAwB,SAAQ,KAAK,CAAC,aAAa,CAAC,+BAA+B,CAAC;IAC/F,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,iBAAiB;IAUT,MAAM;CAYvB"}

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

@@ -0,0 +1,30 @@
+/*---------------------------------------------------------------------------------------------
+ * 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 { NonPrimitivePropertyRenderer } from "../../NonPrimitivePropertyRenderer.js";
+import { TableNonPrimitiveValueRenderer as TableValueRenderer } from "./NonPrimitiveValueRenderer.js";
+/** A react component which renders array property value as a button with text
+ * @public
+ */
+export class TableArrayValueRenderer extends React.PureComponent {
+    getButtonLabel(props) {
+        const value = props.propertyRecord.value;
+        return value.items.length !== 0
+            ? `${value.itemsTypeName}[${value.items.length}]`
+            : "[]";
+    }
+    getDialogContents() {
+        return (React.createElement(NonPrimitivePropertyRenderer, { uniqueKey: `table_array_${this.props.propertyRecord.property.name}`, orientation: this.props.orientation, propertyRecord: this.props.propertyRecord }));
+    }
+    render() {
+        const typeName = this.props.propertyRecord.value
+            .itemsTypeName;
+        return (React.createElement(TableValueRenderer, { buttonLabel: this.getButtonLabel(this.props), dialogContents: this.getDialogContents(), dialogTitle: `Array of type "${typeName}"`, onDialogOpen: this.props.onDialogOpen }));
+    }
+}
+//# sourceMappingURL=ArrayValueRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArrayValueRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/table/ArrayValueRenderer.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,4BAA4B,EAAE,MAAM,uCAAuC,CAAC;AAErF,OAAO,EAAE,8BAA8B,IAAI,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEtG;;GAEG;AACH,MAAM,OAAO,uBAAwB,SAAQ,KAAK,CAAC,aAA8C;IACvF,cAAc,CAAC,KAAsC;QAC3D,MAAM,KAAK,GAAG,KAAK,CAAC,cAAc,CAAC,KAAmB,CAAC;QACvD,OAAO,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC;YAC7B,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG;YACjD,CAAC,CAAC,IAAI,CAAC;IACX,CAAC;IAEO,iBAAiB;QACvB,OAAO,CACL,oBAAC,4BAA4B,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;IAEe,MAAM;QACpB,MAAM,QAAQ,GAAI,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAoB;aAC7D,aAAa,CAAC;QACjB,OAAO,CACL,oBAAC,kBAAkB,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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Properties\n */\n\nimport * as React from \"react\";\nimport type { ArrayValue } from \"@itwin/appui-abstract\";\nimport { NonPrimitivePropertyRenderer } from \"../../NonPrimitivePropertyRenderer.js\";\nimport type { TableSpecificValueRendererProps } from \"./NonPrimitiveValueRenderer.js\";\nimport { TableNonPrimitiveValueRenderer as TableValueRenderer } from \"./NonPrimitiveValueRenderer.js\";\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\n      ? `${value.itemsTypeName}[${value.items.length}]`\n      : \"[]\";\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  public override render() {\n    const typeName = (this.props.propertyRecord.value as ArrayValue)\n      .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/components-react/properties/renderers/value/table/NonPrimitiveValueRenderer.d.ts

@@ -0,0 +1,44 @@
+/** @packageDocumentation
+ * @module Properties
+ */
+import * as React from "react";
+import type { PropertyRecord } from "@itwin/appui-abstract";
+import type { PropertyDialogState } from "../../../ValueRendererManager.js";
+import type { Orientation } from "../../../../common/Orientation.js";
+/** Properties for [[TableArrayValueRenderer]] and [[TableStructValueRenderer]] React component
+ * @public
+ */
+export interface TableSpecificValueRendererProps extends SharedTableNonPrimitiveValueRendererProps {
+    /** Property record */
+    propertyRecord: PropertyRecord;
+    /** Orientation of the rendered property */
+    orientation: Orientation;
+}
+/** Shared properties between table non-primitive value renderers
+ * @public
+ */
+export interface SharedTableNonPrimitiveValueRendererProps {
+    /** Callback to request for dialog to be opened. */
+    onDialogOpen?: (dialogState: PropertyDialogState) => void;
+}
+/** Properties for [[TableNonPrimitiveValueRenderer]] React component
+ * @public
+ */
+export interface TableNonPrimitiveValueRendererProps extends SharedTableNonPrimitiveValueRendererProps {
+    /** Title of the dialog that shows property in more detail. */
+    dialogTitle: string;
+    /** Contents of the dialog. Should be the property record shown in more detail. */
+    dialogContents: React.ReactNode;
+    /** Text that will be rendered in the table cell, in other words - Property value */
+    buttonLabel: string;
+}
+/**
+ * A React component that renders non primitive values as a button with text.
+ * When clicked, a dialog appears that shows the value in greater detail.
+ * @public
+ */
+export declare class TableNonPrimitiveValueRenderer extends React.PureComponent<TableNonPrimitiveValueRendererProps> {
+    private _onClick;
+    render(): React.JSX.Element;
+}
+//# sourceMappingURL=NonPrimitiveValueRenderer.d.ts.map

package/lib/components-react/properties/renderers/value/table/NonPrimitiveValueRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NonPrimitiveValueRenderer.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/table/NonPrimitiveValueRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAErE;;GAEG;AACH,MAAM,WAAW,+BACf,SAAQ,yCAAyC;IACjD,sBAAsB;IACtB,cAAc,EAAE,cAAc,CAAC;IAC/B,2CAA2C;IAC3C,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,yCAAyC;IAKxD,mDAAmD;IACnD,YAAY,CAAC,EAAE,CAAC,WAAW,EAAE,mBAAmB,KAAK,IAAI,CAAC;CAC3D;AAED;;GAEG;AACH,MAAM,WAAW,mCACf,SAAQ,yCAAyC;IACjD,8DAA8D;IAC9D,WAAW,EAAE,MAAM,CAAC;IACpB,kFAAkF;IAClF,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,oFAAoF;IACpF,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;;;GAIG;AACH,qBAAa,8BAA+B,SAAQ,KAAK,CAAC,aAAa,CAAC,mCAAmC,CAAC;IAG1G,OAAO,CAAC,QAAQ,CASd;IAmCc,MAAM;CAevB"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"NonPrimitiveValueRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/table/NonPrimitiveValueRenderer.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAwCrD;;;;GAIG;AACH,MAAM,OAAO,8BAA+B,SAAQ,KAAK,CAAC,aAAkD;IAA5G;QACE,6DAA6D;;QAErD,aAAQ,GAAG,GAAG,EAAE;YACtB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY;gBAAE,OAAO;YAErC,MAAM,WAAW,GAAwB;gBACvC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc;gBAClC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW;aAC9B,CAAC;YAEF,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;IAEY,MAAM;QACpB,OAAO;QACL,mDAAmD;QACnD,oBAAC,gBAAgB;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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Properties\n */\n\nimport * as React from \"react\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { UnderlinedButton } from \"@itwin/core-react\";\nimport type { PropertyDialogState } from \"../../../ValueRendererManager.js\";\nimport type { Orientation } from \"../../../../common/Orientation.js\";\n\n/** Properties for [[TableArrayValueRenderer]] and [[TableStructValueRenderer]] React component\n * @public\n */\nexport interface TableSpecificValueRendererProps\n  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\n  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) return;\n\n    const dialogState: PropertyDialogState = {\n      content: this.props.dialogContents,\n      title: this.props.dialogTitle,\n    };\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  public override render() {\n    return (\n      // eslint-disable-next-line deprecation/deprecation\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"]}