@itwin/components-react 3.6.0-dev.34 → 3.6.0-dev.36

package/lib/cjs/components-react/properties/LinkHandler.js

@@ -1,105 +1,105 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LinksRenderer = exports.withLinks = exports.renderLinks = void 0;
-const React = __importStar(require("react"));
-const core_bentley_1 = require("@itwin/core-bentley");
-const core_react_1 = require("@itwin/core-react");
-/** Render a single anchor tag */
-function renderTag(text, links, highlight) {
-    return (React.createElement(core_react_1.UnderlinedButton, { onClick: (e) => {
-            e.preventDefault();
-            e.stopPropagation();
-            links.onClick(text);
-        } }, highlight ? highlight(text) : text));
-}
-function matchComparison(matchA, matchB) {
-    if (matchA.start > matchB.start)
-        return 1;
-    if (matchB.start > matchA.start)
-        return -1;
-    return 0;
-}
-function renderTextPart(text, highlight) {
-    return highlight ? highlight(text) : text;
-}
-function renderText(text, links, highlight) {
-    const { matcher } = links;
-    if (!matcher)
-        return renderTag(text, links, highlight);
-    const matches = matcher(text);
-    // Sort just to be sure
-    matches.sort(matchComparison);
-    const parts = [];
-    let lastIndex = 0;
-    for (const match of matches) {
-        // If matches overlap there must be something wrong with the matcher
-        if (lastIndex > match.start)
-            throw new core_bentley_1.BentleyError(core_bentley_1.BentleyStatus.ERROR, "renderText: matcher returned overlapping matches");
-        if (lastIndex < match.start)
-            parts.push(renderTextPart(text.substring(lastIndex, match.start), highlight));
-        const anchorText = text.substring(match.start, match.end);
-        parts.push(renderTag(anchorText, links, highlight));
-        lastIndex = match.end;
-    }
-    if (text.length > lastIndex)
-        parts.push(renderTextPart(text.substring(lastIndex), highlight));
-    // Need to map, because React complains about the lack of keys
-    return parts.map((part, index) => React.createElement(React.Fragment, { key: index }, part));
-}
-function renderHighlighted(text, highlight) {
-    return highlight(text);
-}
-/** Renders anchor tag by wrapping or splitting provided text
- * @public
- */
-const renderLinks = (text, links, highlight) => {
-    return renderText(text, links, highlight);
-};
-exports.renderLinks = renderLinks;
-/** If record has links, wraps stringValue in them, otherwise returns unchanged stringValue
- * Optionally it can highlight text
- * @public
- */
-const withLinks = (stringValue, links, highlight) => {
-    if (links)
-        return (0, exports.renderLinks)(stringValue, links, highlight);
-    if (highlight)
-        return renderHighlighted(stringValue, highlight);
-    return stringValue;
-};
-exports.withLinks = withLinks;
-/**
- * React component for rendering string with links.
- * @alpha
- */
-function LinksRenderer(props) {
-    return React.createElement(React.Fragment, null, (0, exports.withLinks)(props.value, props.links, props.highlighter));
-}
-exports.LinksRenderer = LinksRenderer;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LinksRenderer = exports.withLinks = exports.renderLinks = void 0;
+const React = __importStar(require("react"));
+const core_bentley_1 = require("@itwin/core-bentley");
+const core_react_1 = require("@itwin/core-react");
+/** Render a single anchor tag */
+function renderTag(text, links, highlight) {
+    return (React.createElement(core_react_1.UnderlinedButton, { onClick: (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            links.onClick(text);
+        } }, highlight ? highlight(text) : text));
+}
+function matchComparison(matchA, matchB) {
+    if (matchA.start > matchB.start)
+        return 1;
+    if (matchB.start > matchA.start)
+        return -1;
+    return 0;
+}
+function renderTextPart(text, highlight) {
+    return highlight ? highlight(text) : text;
+}
+function renderText(text, links, highlight) {
+    const { matcher } = links;
+    if (!matcher)
+        return renderTag(text, links, highlight);
+    const matches = matcher(text);
+    // Sort just to be sure
+    matches.sort(matchComparison);
+    const parts = [];
+    let lastIndex = 0;
+    for (const match of matches) {
+        // If matches overlap there must be something wrong with the matcher
+        if (lastIndex > match.start)
+            throw new core_bentley_1.BentleyError(core_bentley_1.BentleyStatus.ERROR, "renderText: matcher returned overlapping matches");
+        if (lastIndex < match.start)
+            parts.push(renderTextPart(text.substring(lastIndex, match.start), highlight));
+        const anchorText = text.substring(match.start, match.end);
+        parts.push(renderTag(anchorText, links, highlight));
+        lastIndex = match.end;
+    }
+    if (text.length > lastIndex)
+        parts.push(renderTextPart(text.substring(lastIndex), highlight));
+    // Need to map, because React complains about the lack of keys
+    return parts.map((part, index) => React.createElement(React.Fragment, { key: index }, part));
+}
+function renderHighlighted(text, highlight) {
+    return highlight(text);
+}
+/** Renders anchor tag by wrapping or splitting provided text
+ * @public
+ */
+const renderLinks = (text, links, highlight) => {
+    return renderText(text, links, highlight);
+};
+exports.renderLinks = renderLinks;
+/** If record has links, wraps stringValue in them, otherwise returns unchanged stringValue
+ * Optionally it can highlight text
+ * @public
+ */
+const withLinks = (stringValue, links, highlight) => {
+    if (links)
+        return (0, exports.renderLinks)(stringValue, links, highlight);
+    if (highlight)
+        return renderHighlighted(stringValue, highlight);
+    return stringValue;
+};
+exports.withLinks = withLinks;
+/**
+ * React component for rendering string with links.
+ * @alpha
+ */
+function LinksRenderer(props) {
+    return React.createElement(React.Fragment, null, (0, exports.withLinks)(props.value, props.links, props.highlighter));
+}
+exports.LinksRenderer = LinksRenderer;
 //# sourceMappingURL=LinkHandler.js.map

package/lib/cjs/components-react/properties/LinkHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkHandler.js","sourceRoot":"","sources":["../../../../src/components-react/properties/LinkHandler.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAC/B,sDAAkE;AAElE,kDAAqD;AAErD,iCAAiC;AACjC,SAAS,SAAS,CAAC,IAAY,EAAE,KAAuB,EAAE,SAA6C;IACrG,OAAO,CACL,oBAAC,6BAAgB,IACf,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACtB,CAAC,IAEA,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAClB,CACpB,CAAC;AACJ,CAAC;AAID,SAAS,eAAe,CAAC,MAAa,EAAE,MAAa;IACnD,IAAI,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK;QAC7B,OAAO,CAAC,CAAC;IACX,IAAI,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK;QAC7B,OAAO,CAAC,CAAC,CAAC;IACZ,OAAO,CAAC,CAAC;AACX,CAAC;AAED,SAAS,cAAc,CAAC,IAAY,EAAE,SAA6C;IACjF,OAAO,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAC5C,CAAC;AAED,SAAS,UAAU,CAAC,IAAY,EAAE,KAAuB,EAAE,SAA6C;IACtG,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE1B,IAAI,CAAC,OAAO;QACV,OAAO,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC;IAE3C,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAE9B,uBAAuB;IACvB,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IAE9B,MAAM,KAAK,GAAsB,EAAE,CAAC;IACpC,IAAI,SAAS,GAAG,CAAC,CAAC;IAClB,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE;QAC3B,oEAAoE;QACpE,IAAI,SAAS,GAAG,KAAK,CAAC,KAAK;YACzB,MAAM,IAAI,2BAAY,CAAC,4BAAa,CAAC,KAAK,EAAE,kDAAkD,CAAC,CAAC;QAElG,IAAI,SAAS,GAAG,KAAK,CAAC,KAAK;YACzB,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC;QAEhF,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;QAC1D,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;QAEpD,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC;KACvB;IACD,IAAI,IAAI,CAAC,MAAM,GAAG,SAAS;QACzB,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC;IAEnE,8DAA8D;IAC9D,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,KAAK,IAAG,IAAI,CAAkB,CAAC,CAAC;AACzF,CAAC;AAED,SAAS,iBAAiB,CAAC,IAAY,EAAE,SAA4C;IACnF,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC;AACzB,CAAC;AAED;;GAEG;AACI,MAAM,WAAW,GAAG,CAAC,IAAY,EAAE,KAAuB,EAAE,SAA6C,EAAmB,EAAE;IACnI,OAAO,UAAU,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC;AAC5C,CAAC,CAAC;AAFW,QAAA,WAAW,eAEtB;AAEF;;;GAGG;AACI,MAAM,SAAS,GAAG,CAAC,WAAmB,EAAE,KAAwB,EAAE,SAA6C,EAAmB,EAAE;IACzI,IAAI,KAAK;QACP,OAAO,IAAA,mBAAW,EAAC,WAAW,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC;IACpD,IAAI,SAAS;QACX,OAAO,iBAAiB,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IACnD,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC;AANW,QAAA,SAAS,aAMpB;AAYF;;;GAGG;AACH,SAAgB,aAAa,CAAC,KAAyB;IACrD,OAAO,0CAAG,IAAA,iBAAS,EAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,CAAI,CAAC;AACvE,CAAC;AAFD,sCAEC","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 { BentleyError, BentleyStatus } from \"@itwin/core-bentley\";\r\nimport { LinkElementsInfo } from \"@itwin/appui-abstract\";\r\nimport { UnderlinedButton } from \"@itwin/core-react\";\r\n\r\n/** Render a single anchor tag */\r\nfunction renderTag(text: string, links: LinkElementsInfo, highlight?: (text: string) => React.ReactNode) {\r\n  return (\r\n    <UnderlinedButton\r\n      onClick={(e) => {\r\n        e.preventDefault();\r\n        e.stopPropagation();\r\n        links.onClick(text);\r\n      }}\r\n    >\r\n      {highlight ? highlight(text) : text}\r\n    </UnderlinedButton>\r\n  );\r\n}\r\n\r\ninterface Match { start: number, end: number }\r\n\r\nfunction matchComparison(matchA: Match, matchB: Match) {\r\n  if (matchA.start > matchB.start)\r\n    return 1;\r\n  if (matchB.start > matchA.start)\r\n    return -1;\r\n  return 0;\r\n}\r\n\r\nfunction renderTextPart(text: string, highlight?: (text: string) => React.ReactNode): React.ReactNode {\r\n  return highlight ? highlight(text) : text;\r\n}\r\n\r\nfunction renderText(text: string, links: LinkElementsInfo, highlight?: (text: string) => React.ReactNode): React.ReactNode {\r\n  const { matcher } = links;\r\n\r\n  if (!matcher)\r\n    return renderTag(text, links, highlight);\r\n\r\n  const matches = matcher(text);\r\n\r\n  // Sort just to be sure\r\n  matches.sort(matchComparison);\r\n\r\n  const parts: React.ReactNode[] = [];\r\n  let lastIndex = 0;\r\n  for (const match of matches) {\r\n    // If matches overlap there must be something wrong with the matcher\r\n    if (lastIndex > match.start)\r\n      throw new BentleyError(BentleyStatus.ERROR, \"renderText: matcher returned overlapping matches\");\r\n\r\n    if (lastIndex < match.start)\r\n      parts.push(renderTextPart(text.substring(lastIndex, match.start), highlight));\r\n\r\n    const anchorText = text.substring(match.start, match.end);\r\n    parts.push(renderTag(anchorText, links, highlight));\r\n\r\n    lastIndex = match.end;\r\n  }\r\n  if (text.length > lastIndex)\r\n    parts.push(renderTextPart(text.substring(lastIndex), highlight));\r\n\r\n  // Need to map, because React complains about the lack of keys\r\n  return parts.map((part, index) => <React.Fragment key={index}>{part}</React.Fragment>);\r\n}\r\n\r\nfunction renderHighlighted(text: string, highlight: (text: string) => React.ReactNode) {\r\n  return highlight(text);\r\n}\r\n\r\n/** Renders anchor tag by wrapping or splitting provided text\r\n * @public\r\n */\r\nexport const renderLinks = (text: string, links: LinkElementsInfo, highlight?: (text: string) => React.ReactNode): React.ReactNode => {\r\n  return renderText(text, links, highlight);\r\n};\r\n\r\n/** If record has links, wraps stringValue in them, otherwise returns unchanged stringValue\r\n * Optionally it can highlight text\r\n * @public\r\n */\r\nexport const withLinks = (stringValue: string, links?: LinkElementsInfo, highlight?: (text: string) => React.ReactNode): React.ReactNode => {\r\n  if (links)\r\n    return renderLinks(stringValue, links, highlight);\r\n  if (highlight)\r\n    return renderHighlighted(stringValue, highlight);\r\n  return stringValue;\r\n};\r\n\r\n/**\r\n * Properties for [[LinksRenderer]] component.\r\n * @alpha\r\n */\r\nexport interface LinksRendererProps {\r\n  value: string;\r\n  links?: LinkElementsInfo;\r\n  highlighter?: (text: string) => React.ReactNode;\r\n}\r\n\r\n/**\r\n * React component for rendering string with links.\r\n * @alpha\r\n */\r\nexport function LinksRenderer(props: LinksRendererProps) {\r\n  return <>{withLinks(props.value, props.links, props.highlighter)}</>;\r\n}\r\n"]}
+{"version":3,"file":"LinkHandler.js","sourceRoot":"","sources":["../../../../src/components-react/properties/LinkHandler.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Properties\n */\n\nimport * as React from \"react\";\nimport { BentleyError, BentleyStatus } from \"@itwin/core-bentley\";\nimport { LinkElementsInfo } from \"@itwin/appui-abstract\";\nimport { UnderlinedButton } from \"@itwin/core-react\";\n\n/** Render a single anchor tag */\nfunction renderTag(text: string, links: LinkElementsInfo, highlight?: (text: string) => React.ReactNode) {\n  return (\n    <UnderlinedButton\n      onClick={(e) => {\n        e.preventDefault();\n        e.stopPropagation();\n        links.onClick(text);\n      }}\n    >\n      {highlight ? highlight(text) : text}\n    </UnderlinedButton>\n  );\n}\n\ninterface Match { start: number, end: number }\n\nfunction matchComparison(matchA: Match, matchB: Match) {\n  if (matchA.start > matchB.start)\n    return 1;\n  if (matchB.start > matchA.start)\n    return -1;\n  return 0;\n}\n\nfunction renderTextPart(text: string, highlight?: (text: string) => React.ReactNode): React.ReactNode {\n  return highlight ? highlight(text) : text;\n}\n\nfunction renderText(text: string, links: LinkElementsInfo, highlight?: (text: string) => React.ReactNode): React.ReactNode {\n  const { matcher } = links;\n\n  if (!matcher)\n    return renderTag(text, links, highlight);\n\n  const matches = matcher(text);\n\n  // Sort just to be sure\n  matches.sort(matchComparison);\n\n  const parts: React.ReactNode[] = [];\n  let lastIndex = 0;\n  for (const match of matches) {\n    // If matches overlap there must be something wrong with the matcher\n    if (lastIndex > match.start)\n      throw new BentleyError(BentleyStatus.ERROR, \"renderText: matcher returned overlapping matches\");\n\n    if (lastIndex < match.start)\n      parts.push(renderTextPart(text.substring(lastIndex, match.start), highlight));\n\n    const anchorText = text.substring(match.start, match.end);\n    parts.push(renderTag(anchorText, links, highlight));\n\n    lastIndex = match.end;\n  }\n  if (text.length > lastIndex)\n    parts.push(renderTextPart(text.substring(lastIndex), highlight));\n\n  // Need to map, because React complains about the lack of keys\n  return parts.map((part, index) => <React.Fragment key={index}>{part}</React.Fragment>);\n}\n\nfunction renderHighlighted(text: string, highlight: (text: string) => React.ReactNode) {\n  return highlight(text);\n}\n\n/** Renders anchor tag by wrapping or splitting provided text\n * @public\n */\nexport const renderLinks = (text: string, links: LinkElementsInfo, highlight?: (text: string) => React.ReactNode): React.ReactNode => {\n  return renderText(text, links, highlight);\n};\n\n/** If record has links, wraps stringValue in them, otherwise returns unchanged stringValue\n * Optionally it can highlight text\n * @public\n */\nexport const withLinks = (stringValue: string, links?: LinkElementsInfo, highlight?: (text: string) => React.ReactNode): React.ReactNode => {\n  if (links)\n    return renderLinks(stringValue, links, highlight);\n  if (highlight)\n    return renderHighlighted(stringValue, highlight);\n  return stringValue;\n};\n\n/**\n * Properties for [[LinksRenderer]] component.\n * @alpha\n */\nexport interface LinksRendererProps {\n  value: string;\n  links?: LinkElementsInfo;\n  highlighter?: (text: string) => React.ReactNode;\n}\n\n/**\n * React component for rendering string with links.\n * @alpha\n */\nexport function LinksRenderer(props: LinksRendererProps) {\n  return <>{withLinks(props.value, props.links, props.highlighter)}</>;\n}\n"]}

package/lib/cjs/components-react/properties/ValueRendererManager.d.ts

@@ -1,90 +1,90 @@
-/** @packageDocumentation
- * @module Properties
- */
-import * as React from "react";
-import { PropertyRecord } from "@itwin/appui-abstract";
-import { Orientation } from "@itwin/core-react";
-/** Types of property containers
- * @public
- */
-export declare enum PropertyContainerType {
-    PropertyPane = "pane",
-    Table = "table",
-    Tree = "tree"
-}
-/** State of the Dialog component in a container which renders properties
- * @public
- */
-export interface PropertyDialogState {
-    title: string;
-    content: React.ReactNode;
-}
-/** State of the Popup component in a container which renders properties
- * @public
- */
-export interface PropertyPopupState {
-    fixedPosition: {
-        top: number;
-        left: number;
-    };
-    content: React.ReactNode;
-}
-/** Additional parameters to the renderer
- * @public
- */
-export interface PropertyValueRendererContext {
-    /** Type of container that holds the property */
-    containerType?: string;
-    /** Style that should be applied to the rendered element */
-    style?: React.CSSProperties;
-    /** Orientation of property/container */
-    orientation?: Orientation;
-    /** Callback to request for a Popup to be shown. */
-    onPopupShow?: (popupState: PropertyPopupState) => void;
-    /** Callback to request for a Popup to be hidden. */
-    onPopupHide?: () => void;
-    /** Callback to request for Dialog to be opened. */
-    onDialogOpen?: (dialogState: PropertyDialogState) => void;
-    /** Callback to highlight text */
-    textHighlighter?: (text: string) => React.ReactNode;
-    /** Default value to show if value rendering is asynchronous */
-    defaultValue?: React.ReactNode;
-    /** Whether property value is expanded. */
-    isExpanded?: boolean;
-    /** Called when property value expansion or collapse is requested. */
-    onExpansionToggled?: () => void;
-    /** Called when property value element height changes. */
-    onHeightChanged?: (newHeight: number) => void;
-}
-/** Custom property value renderer interface
- * @public
- */
-export interface IPropertyValueRenderer {
-    /** Checks if the renderer can handle given property */
-    canRender: (record: PropertyRecord, context?: PropertyValueRendererContext) => boolean;
-    /** Method that returns a JSX representation of PropertyRecord */
-    render: (record: PropertyRecord, context?: PropertyValueRendererContext) => React.ReactNode;
-}
-/** Default implementation of property value renderer manager
- * @public
- */
-export declare class PropertyValueRendererManager {
-    private static _defaultRendererManager;
-    protected _propertyRenderers: Map<string, IPropertyValueRenderer>;
-    protected _defaultPrimitiveValueRenderer: IPropertyValueRenderer;
-    protected _defaultArrayValueRenderer: IPropertyValueRenderer;
-    protected _defaultStructValueRenderer: IPropertyValueRenderer;
-    protected _defaultMergedValueRenderer: IPropertyValueRenderer;
-    private selectRenderer;
-    /** Render property into JSX element */
-    render(record: PropertyRecord, context?: PropertyValueRendererContext): React.ReactNode;
-    /** Register a specified property type renderer */
-    registerRenderer(rendererType: string, propertyRenderer: IPropertyValueRenderer, overwrite?: boolean): void;
-    /** Unregister a specified property type renderer */
-    unregisterRenderer(rendererType: string): void;
-    /** Get the specified property type renderer instance */
-    getRegisteredRenderer(rendererType: string): IPropertyValueRenderer | undefined;
-    /** Returns default PropertyValueRendererManager instance */
-    static get defaultManager(): PropertyValueRendererManager;
-}
+/** @packageDocumentation
+ * @module Properties
+ */
+import * as React from "react";
+import { PropertyRecord } from "@itwin/appui-abstract";
+import { Orientation } from "@itwin/core-react";
+/** Types of property containers
+ * @public
+ */
+export declare enum PropertyContainerType {
+    PropertyPane = "pane",
+    Table = "table",
+    Tree = "tree"
+}
+/** State of the Dialog component in a container which renders properties
+ * @public
+ */
+export interface PropertyDialogState {
+    title: string;
+    content: React.ReactNode;
+}
+/** State of the Popup component in a container which renders properties
+ * @public
+ */
+export interface PropertyPopupState {
+    fixedPosition: {
+        top: number;
+        left: number;
+    };
+    content: React.ReactNode;
+}
+/** Additional parameters to the renderer
+ * @public
+ */
+export interface PropertyValueRendererContext {
+    /** Type of container that holds the property */
+    containerType?: string;
+    /** Style that should be applied to the rendered element */
+    style?: React.CSSProperties;
+    /** Orientation of property/container */
+    orientation?: Orientation;
+    /** Callback to request for a Popup to be shown. */
+    onPopupShow?: (popupState: PropertyPopupState) => void;
+    /** Callback to request for a Popup to be hidden. */
+    onPopupHide?: () => void;
+    /** Callback to request for Dialog to be opened. */
+    onDialogOpen?: (dialogState: PropertyDialogState) => void;
+    /** Callback to highlight text */
+    textHighlighter?: (text: string) => React.ReactNode;
+    /** Default value to show if value rendering is asynchronous */
+    defaultValue?: React.ReactNode;
+    /** Whether property value is expanded. */
+    isExpanded?: boolean;
+    /** Called when property value expansion or collapse is requested. */
+    onExpansionToggled?: () => void;
+    /** Called when property value element height changes. */
+    onHeightChanged?: (newHeight: number) => void;
+}
+/** Custom property value renderer interface
+ * @public
+ */
+export interface IPropertyValueRenderer {
+    /** Checks if the renderer can handle given property */
+    canRender: (record: PropertyRecord, context?: PropertyValueRendererContext) => boolean;
+    /** Method that returns a JSX representation of PropertyRecord */
+    render: (record: PropertyRecord, context?: PropertyValueRendererContext) => React.ReactNode;
+}
+/** Default implementation of property value renderer manager
+ * @public
+ */
+export declare class PropertyValueRendererManager {
+    private static _defaultRendererManager;
+    protected _propertyRenderers: Map<string, IPropertyValueRenderer>;
+    protected _defaultPrimitiveValueRenderer: IPropertyValueRenderer;
+    protected _defaultArrayValueRenderer: IPropertyValueRenderer;
+    protected _defaultStructValueRenderer: IPropertyValueRenderer;
+    protected _defaultMergedValueRenderer: IPropertyValueRenderer;
+    private selectRenderer;
+    /** Render property into JSX element */
+    render(record: PropertyRecord, context?: PropertyValueRendererContext): React.ReactNode;
+    /** Register a specified property type renderer */
+    registerRenderer(rendererType: string, propertyRenderer: IPropertyValueRenderer, overwrite?: boolean): void;
+    /** Unregister a specified property type renderer */
+    unregisterRenderer(rendererType: string): void;
+    /** Get the specified property type renderer instance */
+    getRegisteredRenderer(rendererType: string): IPropertyValueRenderer | undefined;
+    /** Returns default PropertyValueRendererManager instance */
+    static get defaultManager(): PropertyValueRendererManager;
+}
 //# sourceMappingURL=ValueRendererManager.d.ts.map

package/lib/cjs/components-react/properties/ValueRendererManager.js

@@ -1,93 +1,93 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PropertyValueRendererManager = exports.PropertyContainerType = void 0;
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const ArrayPropertyValueRenderer_1 = require("./renderers/value/ArrayPropertyValueRenderer");
-const DoublePropertyValueRenderer_1 = require("./renderers/value/DoublePropertyValueRenderer");
-const MergedPropertyValueRenderer_1 = require("./renderers/value/MergedPropertyValueRenderer");
-const MultilineTextPropertyValueRenderer_1 = require("./renderers/value/MultilineTextPropertyValueRenderer");
-const NavigationPropertyValueRenderer_1 = require("./renderers/value/NavigationPropertyValueRenderer");
-const PrimitivePropertyValueRenderer_1 = require("./renderers/value/PrimitivePropertyValueRenderer");
-const StructPropertyValueRenderer_1 = require("./renderers/value/StructPropertyValueRenderer");
-const UrlPropertyValueRenderer_1 = require("./renderers/value/UrlPropertyValueRenderer");
-/** Types of property containers
- * @public
- */
-var PropertyContainerType;
-(function (PropertyContainerType) {
-    PropertyContainerType["PropertyPane"] = "pane";
-    PropertyContainerType["Table"] = "table";
-    PropertyContainerType["Tree"] = "tree";
-})(PropertyContainerType = exports.PropertyContainerType || (exports.PropertyContainerType = {}));
-/** Default implementation of property value renderer manager
- * @public
- */
-class PropertyValueRendererManager {
-    constructor() {
-        this._propertyRenderers = new Map();
-        this._defaultPrimitiveValueRenderer = new PrimitivePropertyValueRenderer_1.PrimitivePropertyValueRenderer();
-        this._defaultArrayValueRenderer = new ArrayPropertyValueRenderer_1.ArrayPropertyValueRenderer();
-        this._defaultStructValueRenderer = new StructPropertyValueRenderer_1.StructPropertyValueRenderer();
-        this._defaultMergedValueRenderer = new MergedPropertyValueRenderer_1.MergedPropertyValueRenderer();
-    }
-    selectRenderer(record) {
-        if (record.property.renderer && this._propertyRenderers.has(record.property.renderer.name))
-            return this._propertyRenderers.get(record.property.renderer.name);
-        if (this._defaultMergedValueRenderer.canRender(record))
-            return this._defaultMergedValueRenderer;
-        if (this._propertyRenderers.has(record.property.typename))
-            return this._propertyRenderers.get(record.property.typename);
-        // Use one of default renderers
-        switch (record.value.valueFormat) {
-            case appui_abstract_1.PropertyValueFormat.Primitive:
-                return this._defaultPrimitiveValueRenderer;
-            case appui_abstract_1.PropertyValueFormat.Array:
-                return this._defaultArrayValueRenderer;
-            case appui_abstract_1.PropertyValueFormat.Struct:
-                return this._defaultStructValueRenderer;
-            default:
-                return undefined;
-        }
-    }
-    /** Render property into JSX element */
-    render(record, context) {
-        const selectedRenderer = this.selectRenderer(record);
-        if (!selectedRenderer || !selectedRenderer.canRender(record, context))
-            return undefined;
-        return selectedRenderer.render(record, context);
-    }
-    /** Register a specified property type renderer */
-    registerRenderer(rendererType, propertyRenderer, overwrite = false) {
-        if (!overwrite && this._propertyRenderers.has(rendererType)) {
-            throw Error(`PropertyValueRendererManager.registerRenderer error: type '${rendererType}' already registered to '${propertyRenderer.constructor.name}'`);
-        }
-        this._propertyRenderers.set(rendererType, propertyRenderer);
-    }
-    /** Unregister a specified property type renderer */
-    unregisterRenderer(rendererType) {
-        this._propertyRenderers.delete(rendererType);
-    }
-    /** Get the specified property type renderer instance */
-    getRegisteredRenderer(rendererType) {
-        return this._propertyRenderers.get(rendererType);
-    }
-    /** Returns default PropertyValueRendererManager instance */
-    static get defaultManager() {
-        if (!this._defaultRendererManager)
-            this._defaultRendererManager = new PropertyValueRendererManager();
-        return this._defaultRendererManager;
-    }
-}
-exports.PropertyValueRendererManager = PropertyValueRendererManager;
-PropertyValueRendererManager.defaultManager.registerRenderer("navigation", new NavigationPropertyValueRenderer_1.NavigationPropertyValueRenderer());
-PropertyValueRendererManager.defaultManager.registerRenderer("url", new UrlPropertyValueRenderer_1.UrlPropertyValueRenderer());
-PropertyValueRendererManager.defaultManager.registerRenderer("double", new DoublePropertyValueRenderer_1.DoublePropertyValueRenderer());
-PropertyValueRendererManager.defaultManager.registerRenderer("multiline", new MultilineTextPropertyValueRenderer_1.MultilineTextPropertyValueRenderer());
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PropertyValueRendererManager = exports.PropertyContainerType = void 0;
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const ArrayPropertyValueRenderer_1 = require("./renderers/value/ArrayPropertyValueRenderer");
+const DoublePropertyValueRenderer_1 = require("./renderers/value/DoublePropertyValueRenderer");
+const MergedPropertyValueRenderer_1 = require("./renderers/value/MergedPropertyValueRenderer");
+const MultilineTextPropertyValueRenderer_1 = require("./renderers/value/MultilineTextPropertyValueRenderer");
+const NavigationPropertyValueRenderer_1 = require("./renderers/value/NavigationPropertyValueRenderer");
+const PrimitivePropertyValueRenderer_1 = require("./renderers/value/PrimitivePropertyValueRenderer");
+const StructPropertyValueRenderer_1 = require("./renderers/value/StructPropertyValueRenderer");
+const UrlPropertyValueRenderer_1 = require("./renderers/value/UrlPropertyValueRenderer");
+/** Types of property containers
+ * @public
+ */
+var PropertyContainerType;
+(function (PropertyContainerType) {
+    PropertyContainerType["PropertyPane"] = "pane";
+    PropertyContainerType["Table"] = "table";
+    PropertyContainerType["Tree"] = "tree";
+})(PropertyContainerType = exports.PropertyContainerType || (exports.PropertyContainerType = {}));
+/** Default implementation of property value renderer manager
+ * @public
+ */
+class PropertyValueRendererManager {
+    constructor() {
+        this._propertyRenderers = new Map();
+        this._defaultPrimitiveValueRenderer = new PrimitivePropertyValueRenderer_1.PrimitivePropertyValueRenderer();
+        this._defaultArrayValueRenderer = new ArrayPropertyValueRenderer_1.ArrayPropertyValueRenderer();
+        this._defaultStructValueRenderer = new StructPropertyValueRenderer_1.StructPropertyValueRenderer();
+        this._defaultMergedValueRenderer = new MergedPropertyValueRenderer_1.MergedPropertyValueRenderer();
+    }
+    selectRenderer(record) {
+        if (record.property.renderer && this._propertyRenderers.has(record.property.renderer.name))
+            return this._propertyRenderers.get(record.property.renderer.name);
+        if (this._defaultMergedValueRenderer.canRender(record))
+            return this._defaultMergedValueRenderer;
+        if (this._propertyRenderers.has(record.property.typename))
+            return this._propertyRenderers.get(record.property.typename);
+        // Use one of default renderers
+        switch (record.value.valueFormat) {
+            case appui_abstract_1.PropertyValueFormat.Primitive:
+                return this._defaultPrimitiveValueRenderer;
+            case appui_abstract_1.PropertyValueFormat.Array:
+                return this._defaultArrayValueRenderer;
+            case appui_abstract_1.PropertyValueFormat.Struct:
+                return this._defaultStructValueRenderer;
+            default:
+                return undefined;
+        }
+    }
+    /** Render property into JSX element */
+    render(record, context) {
+        const selectedRenderer = this.selectRenderer(record);
+        if (!selectedRenderer || !selectedRenderer.canRender(record, context))
+            return undefined;
+        return selectedRenderer.render(record, context);
+    }
+    /** Register a specified property type renderer */
+    registerRenderer(rendererType, propertyRenderer, overwrite = false) {
+        if (!overwrite && this._propertyRenderers.has(rendererType)) {
+            throw Error(`PropertyValueRendererManager.registerRenderer error: type '${rendererType}' already registered to '${propertyRenderer.constructor.name}'`);
+        }
+        this._propertyRenderers.set(rendererType, propertyRenderer);
+    }
+    /** Unregister a specified property type renderer */
+    unregisterRenderer(rendererType) {
+        this._propertyRenderers.delete(rendererType);
+    }
+    /** Get the specified property type renderer instance */
+    getRegisteredRenderer(rendererType) {
+        return this._propertyRenderers.get(rendererType);
+    }
+    /** Returns default PropertyValueRendererManager instance */
+    static get defaultManager() {
+        if (!this._defaultRendererManager)
+            this._defaultRendererManager = new PropertyValueRendererManager();
+        return this._defaultRendererManager;
+    }
+}
+exports.PropertyValueRendererManager = PropertyValueRendererManager;
+PropertyValueRendererManager.defaultManager.registerRenderer("navigation", new NavigationPropertyValueRenderer_1.NavigationPropertyValueRenderer());
+PropertyValueRendererManager.defaultManager.registerRenderer("url", new UrlPropertyValueRenderer_1.UrlPropertyValueRenderer());
+PropertyValueRendererManager.defaultManager.registerRenderer("double", new DoublePropertyValueRenderer_1.DoublePropertyValueRenderer());
+PropertyValueRendererManager.defaultManager.registerRenderer("multiline", new MultilineTextPropertyValueRenderer_1.MultilineTextPropertyValueRenderer());
 //# sourceMappingURL=ValueRendererManager.js.map