@itwin/components-react 4.0.0-dev.9 → 4.0.1

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

@@ -1,65 +1,65 @@
-"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.TableRowStyleProvider = exports.ItemStyleProvider = void 0;
-/** Converts a color value from a number to an HTML/CSS hex string */
-const colorDecimalToHex = (decimal) => `#${decimal.toString(16).padStart(6, "0")}`;
-function getBackgroundColor(isSelected, colorOverrides) {
-    if (!colorOverrides)
-        return undefined;
-    if (isSelected)
-        return colorOverrides.backgroundColorSelected !== undefined
-            ? colorDecimalToHex(colorOverrides.backgroundColorSelected)
-            : undefined;
-    if (colorOverrides.backgroundColor)
-        return colorDecimalToHex(colorOverrides.backgroundColor);
-    return undefined;
-}
-function getForegroundColor(isSelected, colorOverrides) {
-    if (!colorOverrides)
-        return undefined;
-    if (isSelected)
-        return colorOverrides.colorSelected !== undefined
-            ? colorDecimalToHex(colorOverrides.colorSelected)
-            : undefined;
-    if (colorOverrides.color)
-        return colorDecimalToHex(colorOverrides.color);
-    return undefined;
-}
-/**
- * Style provider for stylable items like [[TreeNodeItem]]
- * @public
- */
-// eslint-disable-next-line @typescript-eslint/naming-convention
-exports.ItemStyleProvider = {
-    /**
-     * Create CSS style from [[ItemStyle]]
-     */
-    createStyle: ({ colorOverrides, isBold, isItalic }, isSelected) => ({
-        color: getForegroundColor(!!isSelected, colorOverrides),
-        backgroundColor: getBackgroundColor(!!isSelected, colorOverrides),
-        fontWeight: isBold ? "bold" : undefined,
-        fontStyle: isItalic ? "italic" : undefined,
-    }),
-};
-/**
- * Style provider for table rows
- * @public
- */
-// eslint-disable-next-line @typescript-eslint/naming-convention
-exports.TableRowStyleProvider = {
-    /**
-     * Create CSS style from [[ItemStyle]]
-     */
-    createStyle: ({ color, backgroundColor }) => ({
-        color: color ? colorDecimalToHex(color) : undefined,
-        backgroundColor: backgroundColor ? colorDecimalToHex(backgroundColor) : undefined,
-    }),
-};
+"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.TableRowStyleProvider = exports.ItemStyleProvider = void 0;
+/** Converts a color value from a number to an HTML/CSS hex string */
+const colorDecimalToHex = (decimal) => `#${decimal.toString(16).padStart(6, "0")}`;
+function getBackgroundColor(isSelected, colorOverrides) {
+    if (!colorOverrides)
+        return undefined;
+    if (isSelected)
+        return colorOverrides.backgroundColorSelected !== undefined
+            ? colorDecimalToHex(colorOverrides.backgroundColorSelected)
+            : undefined;
+    if (colorOverrides.backgroundColor)
+        return colorDecimalToHex(colorOverrides.backgroundColor);
+    return undefined;
+}
+function getForegroundColor(isSelected, colorOverrides) {
+    if (!colorOverrides)
+        return undefined;
+    if (isSelected)
+        return colorOverrides.colorSelected !== undefined
+            ? colorDecimalToHex(colorOverrides.colorSelected)
+            : undefined;
+    if (colorOverrides.color)
+        return colorDecimalToHex(colorOverrides.color);
+    return undefined;
+}
+/**
+ * Style provider for stylable items like [[TreeNodeItem]]
+ * @public
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+exports.ItemStyleProvider = {
+    /**
+     * Create CSS style from [[ItemStyle]]
+     */
+    createStyle: ({ colorOverrides, isBold, isItalic }, isSelected) => ({
+        color: getForegroundColor(!!isSelected, colorOverrides),
+        backgroundColor: getBackgroundColor(!!isSelected, colorOverrides),
+        fontWeight: isBold ? "bold" : undefined,
+        fontStyle: isItalic ? "italic" : undefined,
+    }),
+};
+/**
+ * Style provider for table rows
+ * @public
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+exports.TableRowStyleProvider = {
+    /**
+     * Create CSS style from [[ItemStyle]]
+     */
+    createStyle: ({ color, backgroundColor }) => ({
+        color: color ? colorDecimalToHex(color) : undefined,
+        backgroundColor: backgroundColor ? colorDecimalToHex(backgroundColor) : undefined,
+    }),
+};
 //# sourceMappingURL=ItemStyle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ItemStyle.js","sourceRoot":"","sources":["../../../../src/components-react/properties/ItemStyle.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAIH,qEAAqE;AACrE,MAAM,iBAAiB,GAAG,CAAC,OAAe,EAAE,EAAE,CAAC,IAAI,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC;AA4B3F,SAAS,kBAAkB,CAAC,UAAmB,EAAE,cAAmC;IAClF,IAAI,CAAC,cAAc;QACjB,OAAO,SAAS,CAAC;IAEnB,IAAI,UAAU;QACZ,OAAO,cAAc,CAAC,uBAAuB,KAAK,SAAS;YACzD,CAAC,CAAC,iBAAiB,CAAC,cAAc,CAAC,uBAAuB,CAAC;YAC3D,CAAC,CAAC,SAAS,CAAC;IAEhB,IAAI,cAAc,CAAC,eAAe;QAChC,OAAO,iBAAiB,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;IAE3D,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,kBAAkB,CAAC,UAAmB,EAAE,cAAmC;IAClF,IAAI,CAAC,cAAc;QACjB,OAAO,SAAS,CAAC;IAEnB,IAAI,UAAU;QACZ,OAAO,cAAc,CAAC,aAAa,KAAK,SAAS;YAC/C,CAAC,CAAC,iBAAiB,CAAC,cAAc,CAAC,aAAa,CAAC;YACjD,CAAC,CAAC,SAAS,CAAC;IAEhB,IAAI,cAAc,CAAC,KAAK;QACtB,OAAO,iBAAiB,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IAEjD,OAAO,SAAS,CAAC;AACnB,CAAC;AAED;;;GAGG;AACH,gEAAgE;AACnD,QAAA,iBAAiB,GAAG;IAC/B;;OAEG;IACH,WAAW,EAAE,CAAC,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAa,EAAE,UAAoB,EAAiB,EAAE,CAAC,CAAC;QACtG,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,UAAU,EAAE,cAAc,CAAC;QACvD,eAAe,EAAE,kBAAkB,CAAC,CAAC,CAAC,UAAU,EAAE,cAAc,CAAC;QACjE,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QACvC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;KAC3C,CAAC;CACH,CAAC;AAEF;;;GAGG;AACH,gEAAgE;AACnD,QAAA,qBAAqB,GAAG;IACnC;;OAEG;IACH,WAAW,EAAE,CAAC,EAAE,KAAK,EAAE,eAAe,EAAsB,EAAiB,EAAE,CAAC,CAAC;QAC/E,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS;QACnD,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,SAAS;KAClF,CAAC;CACH,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Properties\r\n */\r\n\r\nimport { CSSProperties } from \"react\";\r\n\r\n/** Converts a color value from a number to an HTML/CSS hex string */\r\nconst colorDecimalToHex = (decimal: number) => `#${decimal.toString(16).padStart(6, \"0\")}`;\r\n\r\n/** Style properties for styled item like [[TreeNodeItem]]\r\n * @public\r\n */\r\nexport interface ItemStyle {\r\n  /** Is text bolded */\r\n  isBold?: boolean;\r\n  /** Is text italic */\r\n  isItalic?: boolean;\r\n  /** Color overrides for styled item */\r\n  colorOverrides?: ItemColorOverrides;\r\n}\r\n\r\n/** Color overrides for styled item\r\n * @public\r\n */\r\nexport interface ItemColorOverrides {\r\n  /** Text/foreground color */\r\n  color?: number;\r\n  /** Background color */\r\n  backgroundColor?: number;\r\n  /** Selected item text/foreground color */\r\n  colorSelected?: number;\r\n  /** Selected item background color */\r\n  backgroundColorSelected?: number;\r\n}\r\n\r\nfunction getBackgroundColor(isSelected: boolean, colorOverrides?: ItemColorOverrides) {\r\n  if (!colorOverrides)\r\n    return undefined;\r\n\r\n  if (isSelected)\r\n    return colorOverrides.backgroundColorSelected !== undefined\r\n      ? colorDecimalToHex(colorOverrides.backgroundColorSelected)\r\n      : undefined;\r\n\r\n  if (colorOverrides.backgroundColor)\r\n    return colorDecimalToHex(colorOverrides.backgroundColor);\r\n\r\n  return undefined;\r\n}\r\n\r\nfunction getForegroundColor(isSelected: boolean, colorOverrides?: ItemColorOverrides) {\r\n  if (!colorOverrides)\r\n    return undefined;\r\n\r\n  if (isSelected)\r\n    return colorOverrides.colorSelected !== undefined\r\n      ? colorDecimalToHex(colorOverrides.colorSelected)\r\n      : undefined;\r\n\r\n  if (colorOverrides.color)\r\n    return colorDecimalToHex(colorOverrides.color);\r\n\r\n  return undefined;\r\n}\r\n\r\n/**\r\n * Style provider for stylable items like [[TreeNodeItem]]\r\n * @public\r\n */\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nexport const ItemStyleProvider = {\r\n  /**\r\n   * Create CSS style from [[ItemStyle]]\r\n   */\r\n  createStyle: ({ colorOverrides, isBold, isItalic }: ItemStyle, isSelected?: boolean): CSSProperties => ({\r\n    color: getForegroundColor(!!isSelected, colorOverrides),\r\n    backgroundColor: getBackgroundColor(!!isSelected, colorOverrides),\r\n    fontWeight: isBold ? \"bold\" : undefined,\r\n    fontStyle: isItalic ? \"italic\" : undefined,\r\n  }),\r\n};\r\n\r\n/**\r\n * Style provider for table rows\r\n * @public\r\n */\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nexport const TableRowStyleProvider = {\r\n  /**\r\n   * Create CSS style from [[ItemStyle]]\r\n   */\r\n  createStyle: ({ color, backgroundColor }: ItemColorOverrides): CSSProperties => ({\r\n    color: color ? colorDecimalToHex(color) : undefined,\r\n    backgroundColor: backgroundColor ? colorDecimalToHex(backgroundColor) : undefined,\r\n  }),\r\n};\r\n"]}
+{"version":3,"file":"ItemStyle.js","sourceRoot":"","sources":["../../../../src/components-react/properties/ItemStyle.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAIH,qEAAqE;AACrE,MAAM,iBAAiB,GAAG,CAAC,OAAe,EAAE,EAAE,CAAC,IAAI,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC;AA4B3F,SAAS,kBAAkB,CAAC,UAAmB,EAAE,cAAmC;IAClF,IAAI,CAAC,cAAc;QACjB,OAAO,SAAS,CAAC;IAEnB,IAAI,UAAU;QACZ,OAAO,cAAc,CAAC,uBAAuB,KAAK,SAAS;YACzD,CAAC,CAAC,iBAAiB,CAAC,cAAc,CAAC,uBAAuB,CAAC;YAC3D,CAAC,CAAC,SAAS,CAAC;IAEhB,IAAI,cAAc,CAAC,eAAe;QAChC,OAAO,iBAAiB,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;IAE3D,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,kBAAkB,CAAC,UAAmB,EAAE,cAAmC;IAClF,IAAI,CAAC,cAAc;QACjB,OAAO,SAAS,CAAC;IAEnB,IAAI,UAAU;QACZ,OAAO,cAAc,CAAC,aAAa,KAAK,SAAS;YAC/C,CAAC,CAAC,iBAAiB,CAAC,cAAc,CAAC,aAAa,CAAC;YACjD,CAAC,CAAC,SAAS,CAAC;IAEhB,IAAI,cAAc,CAAC,KAAK;QACtB,OAAO,iBAAiB,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IAEjD,OAAO,SAAS,CAAC;AACnB,CAAC;AAED;;;GAGG;AACH,gEAAgE;AACnD,QAAA,iBAAiB,GAAG;IAC/B;;OAEG;IACH,WAAW,EAAE,CAAC,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAa,EAAE,UAAoB,EAAiB,EAAE,CAAC,CAAC;QACtG,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,UAAU,EAAE,cAAc,CAAC;QACvD,eAAe,EAAE,kBAAkB,CAAC,CAAC,CAAC,UAAU,EAAE,cAAc,CAAC;QACjE,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QACvC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;KAC3C,CAAC;CACH,CAAC;AAEF;;;GAGG;AACH,gEAAgE;AACnD,QAAA,qBAAqB,GAAG;IACnC;;OAEG;IACH,WAAW,EAAE,CAAC,EAAE,KAAK,EAAE,eAAe,EAAsB,EAAiB,EAAE,CAAC,CAAC;QAC/E,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS;QACnD,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,SAAS;KAClF,CAAC;CACH,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 { CSSProperties } from \"react\";\n\n/** Converts a color value from a number to an HTML/CSS hex string */\nconst colorDecimalToHex = (decimal: number) => `#${decimal.toString(16).padStart(6, \"0\")}`;\n\n/** Style properties for styled item like [[TreeNodeItem]]\n * @public\n */\nexport interface ItemStyle {\n  /** Is text bolded */\n  isBold?: boolean;\n  /** Is text italic */\n  isItalic?: boolean;\n  /** Color overrides for styled item */\n  colorOverrides?: ItemColorOverrides;\n}\n\n/** Color overrides for styled item\n * @public\n */\nexport interface ItemColorOverrides {\n  /** Text/foreground color */\n  color?: number;\n  /** Background color */\n  backgroundColor?: number;\n  /** Selected item text/foreground color */\n  colorSelected?: number;\n  /** Selected item background color */\n  backgroundColorSelected?: number;\n}\n\nfunction getBackgroundColor(isSelected: boolean, colorOverrides?: ItemColorOverrides) {\n  if (!colorOverrides)\n    return undefined;\n\n  if (isSelected)\n    return colorOverrides.backgroundColorSelected !== undefined\n      ? colorDecimalToHex(colorOverrides.backgroundColorSelected)\n      : undefined;\n\n  if (colorOverrides.backgroundColor)\n    return colorDecimalToHex(colorOverrides.backgroundColor);\n\n  return undefined;\n}\n\nfunction getForegroundColor(isSelected: boolean, colorOverrides?: ItemColorOverrides) {\n  if (!colorOverrides)\n    return undefined;\n\n  if (isSelected)\n    return colorOverrides.colorSelected !== undefined\n      ? colorDecimalToHex(colorOverrides.colorSelected)\n      : undefined;\n\n  if (colorOverrides.color)\n    return colorDecimalToHex(colorOverrides.color);\n\n  return undefined;\n}\n\n/**\n * Style provider for stylable items like [[TreeNodeItem]]\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport const ItemStyleProvider = {\n  /**\n   * Create CSS style from [[ItemStyle]]\n   */\n  createStyle: ({ colorOverrides, isBold, isItalic }: ItemStyle, isSelected?: boolean): CSSProperties => ({\n    color: getForegroundColor(!!isSelected, colorOverrides),\n    backgroundColor: getBackgroundColor(!!isSelected, colorOverrides),\n    fontWeight: isBold ? \"bold\" : undefined,\n    fontStyle: isItalic ? \"italic\" : undefined,\n  }),\n};\n\n/**\n * Style provider for table rows\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport const TableRowStyleProvider = {\n  /**\n   * Create CSS style from [[ItemStyle]]\n   */\n  createStyle: ({ color, backgroundColor }: ItemColorOverrides): CSSProperties => ({\n    color: color ? colorDecimalToHex(color) : undefined,\n    backgroundColor: backgroundColor ? colorDecimalToHex(backgroundColor) : undefined,\n  }),\n};\n"]}

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

@@ -1,29 +1,29 @@
-/** @packageDocumentation
- * @module Properties
- */
-import * as React from "react";
-import { LinkElementsInfo } from "@itwin/appui-abstract";
-/** Renders anchor tag by wrapping or splitting provided text
- * @public
- */
-export declare const renderLinks: (text: string, links: LinkElementsInfo, highlight?: ((text: string) => React.ReactNode) | undefined) => React.ReactNode;
-/** If record has links, wraps stringValue in them, otherwise returns unchanged stringValue
- * Optionally it can highlight text
- * @public
- */
-export declare const withLinks: (stringValue: string, links?: LinkElementsInfo | undefined, highlight?: ((text: string) => React.ReactNode) | undefined) => React.ReactNode;
-/**
- * Properties for [[LinksRenderer]] component.
- * @public
- */
-export interface LinksRendererProps {
-    value: string;
-    links?: LinkElementsInfo;
-    highlighter?: (text: string) => React.ReactNode;
-}
-/**
- * React component for rendering string with links.
- * @public
- */
-export declare function LinksRenderer(props: LinksRendererProps): JSX.Element;
+/** @packageDocumentation
+ * @module Properties
+ */
+import * as React from "react";
+import { LinkElementsInfo } from "@itwin/appui-abstract";
+/** Renders anchor tag by wrapping or splitting provided text
+ * @public
+ */
+export declare const renderLinks: (text: string, links: LinkElementsInfo, highlight?: ((text: string) => React.ReactNode) | undefined) => React.ReactNode;
+/** If record has links, wraps stringValue in them, otherwise returns unchanged stringValue
+ * Optionally it can highlight text
+ * @public
+ */
+export declare const withLinks: (stringValue: string, links?: LinkElementsInfo, highlight?: ((text: string) => React.ReactNode) | undefined) => React.ReactNode;
+/**
+ * Properties for [[LinksRenderer]] component.
+ * @public
+ */
+export interface LinksRendererProps {
+    value: string;
+    links?: LinkElementsInfo;
+    highlighter?: (text: string) => React.ReactNode;
+}
+/**
+ * React component for rendering string with links.
+ * @public
+ */
+export declare function LinksRenderer(props: LinksRendererProps): JSX.Element;
 //# sourceMappingURL=LinkHandler.d.ts.map

package/lib/cjs/components-react/properties/LinkHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinkHandler.d.ts","sourceRoot":"","sources":["../../../../src/components-react/properties/LinkHandler.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAqEzD;;GAEG;AACH,eAAO,MAAM,WAAW,SAAU,MAAM,SAAS,gBAAgB,sBAAqB,MAAM,KAAK,MAAM,SAAS,kBAAG,MAAM,SAExH,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,gBAAiB,MAAM,4DAA+C,MAAM,KAAK,MAAM,SAAS,kBAAG,MAAM,SAM9H,CAAC;AAEF;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CACjD;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,eAEtD"}
+{"version":3,"file":"LinkHandler.d.ts","sourceRoot":"","sources":["../../../../src/components-react/properties/LinkHandler.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAqEzD;;GAEG;AACH,eAAO,MAAM,WAAW,SAAU,MAAM,SAAS,gBAAgB,sBAAqB,MAAM,KAAK,MAAM,SAAS,kBAAG,MAAM,SAExH,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,gBAAiB,MAAM,UAAU,gBAAgB,sBAAqB,MAAM,KAAK,MAAM,SAAS,kBAAG,MAAM,SAM9H,CAAC;AAEF;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CACjD;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,eAEtD"}

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

@@ -1,105 +1,109 @@
-"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.
- * @public
- */
-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;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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.
+ * @public
+ */
+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":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @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 * @public\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 * @public\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 * @public\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 * @public\n */\nexport function LinksRenderer(props: LinksRendererProps) {\n  return <>{withLinks(props.value, props.links, props.highlighter)}</>;\n}\n"]}