@itwin/components-react 3.4.3 → 3.4.4

package/lib/cjs/components-react/common/IImageLoader.d.ts

@@ -1,42 +1,42 @@
-/** @packageDocumentation
- * @module Common
- */
-/**
- * Type of loaded image source:
- * * "svg" will render svg strings inline with the rest of the DOM
- * * "url" will render a simple img tag with __url__ as it's source
- * * "binary" expects a HEX string for the value and will render raw image
- * * "core-icon" will render an icon bundled with @itwin/core-react
- * * "webfont-icon" will render web font icon from provided font-family. When no font-family given, defaults to "bentley-icons-generic-webfont".
- * @public
- */
-export declare type ImageSourceType = "svg" | "url" | "binary" | "core-icon" | "webfont-icon";
-/** Type of raw image format
- * @public
- */
-export declare type ImageFileFormat = "png" | "jpg" | "jpge";
-/** Image data for string based images
- * @public
- */
-export interface LoadedImage {
-    value: string;
-    sourceType: ImageSourceType;
-}
-/** Image data for raw images
- * @public
- */
-export interface LoadedBinaryImage extends LoadedImage {
-    fileFormat: ImageFileFormat;
-}
-/** Image data returned by an [[IImageLoader]]
- * @public
- */
-export declare type Image = LoadedImage | LoadedBinaryImage;
-/** Interface for an image loader.
- * @public
- */
-export interface IImageLoader {
-    /** Function that will load image data */
-    load: (item: any) => Image | undefined;
-}
+/** @packageDocumentation
+ * @module Common
+ */
+/**
+ * Type of loaded image source:
+ * * "svg" will render svg strings inline with the rest of the DOM
+ * * "url" will render a simple img tag with __url__ as it's source
+ * * "binary" expects a HEX string for the value and will render raw image
+ * * "core-icon" will render an icon bundled with @itwin/core-react
+ * * "webfont-icon" will render web font icon from provided font-family. When no font-family given, defaults to "bentley-icons-generic-webfont".
+ * @public
+ */
+export declare type ImageSourceType = "svg" | "url" | "binary" | "core-icon" | "webfont-icon";
+/** Type of raw image format
+ * @public
+ */
+export declare type ImageFileFormat = "png" | "jpg" | "jpge";
+/** Image data for string based images
+ * @public
+ */
+export interface LoadedImage {
+    value: string;
+    sourceType: ImageSourceType;
+}
+/** Image data for raw images
+ * @public
+ */
+export interface LoadedBinaryImage extends LoadedImage {
+    fileFormat: ImageFileFormat;
+}
+/** Image data returned by an [[IImageLoader]]
+ * @public
+ */
+export declare type Image = LoadedImage | LoadedBinaryImage;
+/** Interface for an image loader.
+ * @public
+ */
+export interface IImageLoader {
+    /** Function that will load image data */
+    load: (item: any) => Image | undefined;
+}
 //# sourceMappingURL=IImageLoader.d.ts.map

package/lib/cjs/components-react/common/IImageLoader.js

@@ -1,10 +1,10 @@
-"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 Common
- */
-Object.defineProperty(exports, "__esModule", { value: true });
+"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 Common
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=IImageLoader.js.map

package/lib/cjs/components-react/common/IImageLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"IImageLoader.js","sourceRoot":"","sources":["../../../../src/components-react/common/IImageLoader.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG","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 Common\r\n */\r\n\r\n/**\r\n * Type of loaded image source:\r\n * * \"svg\" will render svg strings inline with the rest of the DOM\r\n * * \"url\" will render a simple img tag with __url__ as it's source\r\n * * \"binary\" expects a HEX string for the value and will render raw image\r\n * * \"core-icon\" will render an icon bundled with @itwin/core-react\r\n * * \"webfont-icon\" will render web font icon from provided font-family. When no font-family given, defaults to \"bentley-icons-generic-webfont\".\r\n * @public\r\n */\r\nexport type ImageSourceType = \"svg\" | \"url\" | \"binary\" | \"core-icon\" | \"webfont-icon\";\r\n\r\n/** Type of raw image format\r\n * @public\r\n */\r\nexport type ImageFileFormat = \"png\" | \"jpg\" | \"jpge\";\r\n\r\n/** Image data for string based images\r\n * @public\r\n */\r\nexport interface LoadedImage {\r\n  value: string;\r\n  sourceType: ImageSourceType;\r\n}\r\n\r\n/** Image data for raw images\r\n * @public\r\n */\r\nexport interface LoadedBinaryImage extends LoadedImage {\r\n  fileFormat: ImageFileFormat;\r\n}\r\n\r\n/** Image data returned by an [[IImageLoader]]\r\n * @public\r\n */\r\nexport type Image = LoadedImage | LoadedBinaryImage;\r\n\r\n/** Interface for an image loader.\r\n * @public\r\n */\r\nexport interface IImageLoader {\r\n  /** Function that will load image data */\r\n  load: (item: any) => Image | undefined;\r\n}\r\n"]}
+{"version":3,"file":"IImageLoader.js","sourceRoot":"","sources":["../../../../src/components-react/common/IImageLoader.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG","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 Common\n */\n\n/**\n * Type of loaded image source:\n * * \"svg\" will render svg strings inline with the rest of the DOM\n * * \"url\" will render a simple img tag with __url__ as it's source\n * * \"binary\" expects a HEX string for the value and will render raw image\n * * \"core-icon\" will render an icon bundled with @itwin/core-react\n * * \"webfont-icon\" will render web font icon from provided font-family. When no font-family given, defaults to \"bentley-icons-generic-webfont\".\n * @public\n */\nexport type ImageSourceType = \"svg\" | \"url\" | \"binary\" | \"core-icon\" | \"webfont-icon\";\n\n/** Type of raw image format\n * @public\n */\nexport type ImageFileFormat = \"png\" | \"jpg\" | \"jpge\";\n\n/** Image data for string based images\n * @public\n */\nexport interface LoadedImage {\n  value: string;\n  sourceType: ImageSourceType;\n}\n\n/** Image data for raw images\n * @public\n */\nexport interface LoadedBinaryImage extends LoadedImage {\n  fileFormat: ImageFileFormat;\n}\n\n/** Image data returned by an [[IImageLoader]]\n * @public\n */\nexport type Image = LoadedImage | LoadedBinaryImage;\n\n/** Interface for an image loader.\n * @public\n */\nexport interface IImageLoader {\n  /** Function that will load image data */\n  load: (item: any) => Image | undefined;\n}\n"]}

package/lib/cjs/components-react/common/ImageRenderer.d.ts

@@ -1,37 +1,37 @@
-/** @packageDocumentation
- * @module Common
- */
-import * as React from "react";
-import { Image } from "./IImageLoader";
-/** A class that renders images from data provided by an image loader
- * @internal
- */
-export declare class ImageRenderer {
-    private static _svgCache;
-    private hexToBase64;
-    /** Render raw binary image */
-    private renderBinary;
-    private isSvg;
-    private convertSvgToDataUri;
-    /** Render svg string into JSX */
-    private renderSvg;
-    /** Render image from an url */
-    private renderUrl;
-    /** Render image as core-react icon */
-    private renderCoreIcon;
-    /** Replaces the escaped instances of "\:" with ":" */
-    private normalizeEscapedIconString;
-    /**
-     * Extract class and name from icon name, if the name follows format "{className}:{fontName}".
-     * className and fontName can be escaped using \ if : is needed.
-     */
-    private extractIconClassAndName;
-    /**
-     * Render image as provided webfont icon.
-     * Defaults to core-react icon if iconName does not contain className.
-     */
-    private renderWebfontIcon;
-    /** Render image from data provided by an image loader */
-    render(loadedImage: Image): React.ReactNode;
-}
+/** @packageDocumentation
+ * @module Common
+ */
+import * as React from "react";
+import { Image } from "./IImageLoader";
+/** A class that renders images from data provided by an image loader
+ * @internal
+ */
+export declare class ImageRenderer {
+    private static _svgCache;
+    private hexToBase64;
+    /** Render raw binary image */
+    private renderBinary;
+    private isSvg;
+    private convertSvgToDataUri;
+    /** Render svg string into JSX */
+    private renderSvg;
+    /** Render image from an url */
+    private renderUrl;
+    /** Render image as core-react icon */
+    private renderCoreIcon;
+    /** Replaces the escaped instances of "\:" with ":" */
+    private normalizeEscapedIconString;
+    /**
+     * Extract class and name from icon name, if the name follows format "{className}:{fontName}".
+     * className and fontName can be escaped using \ if : is needed.
+     */
+    private extractIconClassAndName;
+    /**
+     * Render image as provided webfont icon.
+     * Defaults to core-react icon if iconName does not contain className.
+     */
+    private renderWebfontIcon;
+    /** Render image from data provided by an image loader */
+    render(loadedImage: Image): React.ReactNode;
+}
 //# sourceMappingURL=ImageRenderer.d.ts.map

package/lib/cjs/components-react/common/ImageRenderer.js

@@ -1,142 +1,142 @@
-"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 Common
- */
-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.ImageRenderer = void 0;
-const React = __importStar(require("react"));
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const core_react_1 = require("@itwin/core-react");
-const UiComponents_1 = require("../UiComponents");
-/** A class that renders images from data provided by an image loader
- * @internal
- */
-class ImageRenderer {
-    hexToBase64(hexstring) {
-        const match = hexstring.match(/\w{2}/g);
-        // istanbul ignore next
-        if (!match)
-            return "";
-        return btoa(match.map((a) => {
-            return String.fromCharCode(parseInt(a, 16));
-        }).join(""));
-    }
-    /** Render raw binary image */
-    renderBinary(data, format) {
-        // Convert binary to base64
-        const dataAsBase64 = this.hexToBase64(data);
-        return (React.createElement("img", { src: `data:image/${format};base64,${dataAsBase64}`, alt: "" }));
-    }
-    isSvg(input) {
-        const parser = new DOMParser();
-        const doc = parser.parseFromString(input, "application/xml");
-        const errorNode = doc.querySelector("parsererror");
-        // istanbul ignore if
-        if (errorNode) {
-            return false;
-        }
-        const rootNode = doc.documentElement.nodeName.toLowerCase();
-        return "svg" === rootNode;
-    }
-    convertSvgToDataUri(svg) {
-        // istanbul ignore if
-        if (!this.isSvg(svg)) {
-            return "";
-        }
-        // eslint-disable-next-line deprecation/deprecation
-        const svgAsBase64 = btoa(svg);
-        return `data:image/svg+xml;base64,${svgAsBase64}`;
-    }
-    /** Render svg string into JSX */
-    renderSvg(svg) {
-        let svgAsDataUri = ImageRenderer._svgCache.get(svg);
-        if (undefined === svgAsDataUri) {
-            svgAsDataUri = this.convertSvgToDataUri(svg.trim());
-            ImageRenderer._svgCache.set(svg, svgAsDataUri);
-        }
-        const iconSpec = appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(svgAsDataUri);
-        return (React.createElement("div", null,
-            React.createElement(core_react_1.Icon, { iconSpec: iconSpec })));
-    }
-    /** Render image from an url */
-    renderUrl(url) {
-        return (React.createElement("img", { src: url, alt: "" }));
-    }
-    /** Render image as core-react icon */
-    renderCoreIcon(iconName) {
-        return (React.createElement(core_react_1.WebFontIcon, { iconName: iconName }));
-    }
-    /** Replaces the escaped instances of "\:" with ":" */
-    normalizeEscapedIconString(escapedIconString) {
-        return escapedIconString.replace(/\\:/g, ":");
-    }
-    /**
-     * Extract class and name from icon name, if the name follows format "{className}:{fontName}".
-     * className and fontName can be escaped using \ if : is needed.
-     */
-    extractIconClassAndName(iconName) {
-        const matches = iconName.match(/(\\.|[^:])+/g);
-        if (!matches || matches.length !== 2)
-            return {
-                iconClassName: undefined,
-                iconName,
-            };
-        return {
-            iconClassName: this.normalizeEscapedIconString(matches[0]),
-            iconName: this.normalizeEscapedIconString(matches[1]),
-        };
-    }
-    /**
-     * Render image as provided webfont icon.
-     * Defaults to core-react icon if iconName does not contain className.
-     */
-    renderWebfontIcon(iconName) {
-        const iconInfo = this.extractIconClassAndName(iconName);
-        return (React.createElement(core_react_1.WebFontIcon, { ...iconInfo }));
-    }
-    /** Render image from data provided by an image loader */
-    render(loadedImage) {
-        switch (loadedImage.sourceType) {
-            case "binary":
-                const image = loadedImage;
-                return this.renderBinary(image.value, image.fileFormat);
-            case "url":
-                return this.renderUrl(loadedImage.value);
-            case "svg":
-                return this.renderSvg(loadedImage.value);
-            case "core-icon":
-                return this.renderCoreIcon(loadedImage.value);
-            case "webfont-icon":
-                return this.renderWebfontIcon(loadedImage.value);
-            default:
-                const unhandledSourceType = loadedImage.sourceType; // Compile time check that all cases are handled
-                throw new appui_abstract_1.UiError(UiComponents_1.UiComponents.loggerCategory(this), `Can't handle sourceType: "${unhandledSourceType}"`);
-        }
-    }
-}
-exports.ImageRenderer = ImageRenderer;
-ImageRenderer._svgCache = new Map();
+"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 Common
+ */
+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.ImageRenderer = void 0;
+const React = __importStar(require("react"));
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const core_react_1 = require("@itwin/core-react");
+const UiComponents_1 = require("../UiComponents");
+/** A class that renders images from data provided by an image loader
+ * @internal
+ */
+class ImageRenderer {
+    hexToBase64(hexstring) {
+        const match = hexstring.match(/\w{2}/g);
+        // istanbul ignore next
+        if (!match)
+            return "";
+        return btoa(match.map((a) => {
+            return String.fromCharCode(parseInt(a, 16));
+        }).join(""));
+    }
+    /** Render raw binary image */
+    renderBinary(data, format) {
+        // Convert binary to base64
+        const dataAsBase64 = this.hexToBase64(data);
+        return (React.createElement("img", { src: `data:image/${format};base64,${dataAsBase64}`, alt: "" }));
+    }
+    isSvg(input) {
+        const parser = new DOMParser();
+        const doc = parser.parseFromString(input, "application/xml");
+        const errorNode = doc.querySelector("parsererror");
+        // istanbul ignore if
+        if (errorNode) {
+            return false;
+        }
+        const rootNode = doc.documentElement.nodeName.toLowerCase();
+        return "svg" === rootNode;
+    }
+    convertSvgToDataUri(svg) {
+        // istanbul ignore if
+        if (!this.isSvg(svg)) {
+            return "";
+        }
+        // eslint-disable-next-line deprecation/deprecation
+        const svgAsBase64 = btoa(svg);
+        return `data:image/svg+xml;base64,${svgAsBase64}`;
+    }
+    /** Render svg string into JSX */
+    renderSvg(svg) {
+        let svgAsDataUri = ImageRenderer._svgCache.get(svg);
+        if (undefined === svgAsDataUri) {
+            svgAsDataUri = this.convertSvgToDataUri(svg.trim());
+            ImageRenderer._svgCache.set(svg, svgAsDataUri);
+        }
+        const iconSpec = appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(svgAsDataUri);
+        return (React.createElement("div", null,
+            React.createElement(core_react_1.Icon, { iconSpec: iconSpec })));
+    }
+    /** Render image from an url */
+    renderUrl(url) {
+        return (React.createElement("img", { src: url, alt: "" }));
+    }
+    /** Render image as core-react icon */
+    renderCoreIcon(iconName) {
+        return (React.createElement(core_react_1.WebFontIcon, { iconName: iconName }));
+    }
+    /** Replaces the escaped instances of "\:" with ":" */
+    normalizeEscapedIconString(escapedIconString) {
+        return escapedIconString.replace(/\\:/g, ":");
+    }
+    /**
+     * Extract class and name from icon name, if the name follows format "{className}:{fontName}".
+     * className and fontName can be escaped using \ if : is needed.
+     */
+    extractIconClassAndName(iconName) {
+        const matches = iconName.match(/(\\.|[^:])+/g);
+        if (!matches || matches.length !== 2)
+            return {
+                iconClassName: undefined,
+                iconName,
+            };
+        return {
+            iconClassName: this.normalizeEscapedIconString(matches[0]),
+            iconName: this.normalizeEscapedIconString(matches[1]),
+        };
+    }
+    /**
+     * Render image as provided webfont icon.
+     * Defaults to core-react icon if iconName does not contain className.
+     */
+    renderWebfontIcon(iconName) {
+        const iconInfo = this.extractIconClassAndName(iconName);
+        return (React.createElement(core_react_1.WebFontIcon, { ...iconInfo }));
+    }
+    /** Render image from data provided by an image loader */
+    render(loadedImage) {
+        switch (loadedImage.sourceType) {
+            case "binary":
+                const image = loadedImage;
+                return this.renderBinary(image.value, image.fileFormat);
+            case "url":
+                return this.renderUrl(loadedImage.value);
+            case "svg":
+                return this.renderSvg(loadedImage.value);
+            case "core-icon":
+                return this.renderCoreIcon(loadedImage.value);
+            case "webfont-icon":
+                return this.renderWebfontIcon(loadedImage.value);
+            default:
+                const unhandledSourceType = loadedImage.sourceType; // Compile time check that all cases are handled
+                throw new appui_abstract_1.UiError(UiComponents_1.UiComponents.loggerCategory(this), `Can't handle sourceType: "${unhandledSourceType}"`);
+        }
+    }
+}
+exports.ImageRenderer = ImageRenderer;
+ImageRenderer._svgCache = new Map();
 //# sourceMappingURL=ImageRenderer.js.map

package/lib/cjs/components-react/common/ImageRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageRenderer.js","sourceRoot":"","sources":["../../../../src/components-react/common/ImageRenderer.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 Common\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { IconSpecUtilities, UiError } from \"@itwin/appui-abstract\";\r\nimport { Icon, WebFontIcon, WebFontIconProps } from \"@itwin/core-react\";\r\nimport { UiComponents } from \"../UiComponents\";\r\nimport { Image, ImageFileFormat, LoadedBinaryImage, LoadedImage } from \"./IImageLoader\";\r\n\r\n/** A class that renders images from data provided by an image loader\r\n * @internal\r\n */\r\nexport class ImageRenderer {\r\n  private static _svgCache: Map<string, string> = new Map();\r\n\r\n  private hexToBase64(hexstring: string) {\r\n    const match = hexstring.match(/\\w{2}/g);\r\n    // istanbul ignore next\r\n    if (!match)\r\n      return \"\";\r\n\r\n    return btoa(match.map((a) => { // eslint-disable-line deprecation/deprecation\r\n      return String.fromCharCode(parseInt(a, 16));\r\n    }).join(\"\"));\r\n  }\r\n\r\n  /** Render raw binary image */\r\n  private renderBinary(data: string, format: ImageFileFormat) {\r\n    // Convert binary to base64\r\n    const dataAsBase64 = this.hexToBase64(data);\r\n    return (<img src={`data:image/${format};base64,${dataAsBase64}`} alt=\"\" />);\r\n  }\r\n\r\n  private isSvg(input: string): boolean {\r\n    const parser = new DOMParser();\r\n    const doc = parser.parseFromString(input, \"application/xml\");\r\n\r\n    const errorNode = doc.querySelector(\"parsererror\");\r\n    // istanbul ignore if\r\n    if (errorNode) {\r\n      return false;\r\n    }\r\n\r\n    const rootNode = doc.documentElement.nodeName.toLowerCase();\r\n    return \"svg\" === rootNode;\r\n  }\r\n\r\n  private convertSvgToDataUri(svg: string) {\r\n    // istanbul ignore if\r\n    if (!this.isSvg(svg)) {\r\n      return \"\";\r\n    }\r\n\r\n    // eslint-disable-next-line deprecation/deprecation\r\n    const svgAsBase64 = btoa(svg);\r\n    return `data:image/svg+xml;base64,${svgAsBase64}`;\r\n  }\r\n\r\n  /** Render svg string into JSX */\r\n  private renderSvg(svg: string) {\r\n    let svgAsDataUri = ImageRenderer._svgCache.get(svg);\r\n    if (undefined === svgAsDataUri) {\r\n      svgAsDataUri = this.convertSvgToDataUri(svg.trim());\r\n      ImageRenderer._svgCache.set(svg, svgAsDataUri);\r\n    }\r\n\r\n    const iconSpec = IconSpecUtilities.createWebComponentIconSpec(svgAsDataUri);\r\n    return (\r\n      <div><Icon iconSpec={iconSpec} /></div>\r\n    );\r\n  }\r\n\r\n  /** Render image from an url */\r\n  private renderUrl(url: string) {\r\n    return (<img src={url} alt=\"\" />);\r\n  }\r\n\r\n  /** Render image as core-react icon */\r\n  private renderCoreIcon(iconName: string) {\r\n    return (<WebFontIcon iconName={iconName} />);\r\n  }\r\n\r\n  /** Replaces the escaped instances of \"\\:\" with \":\" */\r\n  private normalizeEscapedIconString(escapedIconString: string) {\r\n    return escapedIconString.replace(/\\\\:/g, \":\");\r\n  }\r\n\r\n  /**\r\n   * Extract class and name from icon name, if the name follows format \"{className}:{fontName}\".\r\n   * className and fontName can be escaped using \\ if : is needed.\r\n   */\r\n  private extractIconClassAndName(iconName: string): Pick<WebFontIconProps, \"iconClassName\" | \"iconName\"> {\r\n    const matches = iconName.match(/(\\\\.|[^:])+/g);\r\n    if (!matches || matches.length !== 2)\r\n      return {\r\n        iconClassName: undefined,\r\n        iconName,\r\n      };\r\n\r\n    return {\r\n      iconClassName: this.normalizeEscapedIconString(matches[0]),\r\n      iconName: this.normalizeEscapedIconString(matches[1]),\r\n    };\r\n  }\r\n\r\n  /**\r\n   * Render image as provided webfont icon.\r\n   * Defaults to core-react icon if iconName does not contain className.\r\n   */\r\n  private renderWebfontIcon(iconName: string) {\r\n    const iconInfo = this.extractIconClassAndName(iconName);\r\n    return (<WebFontIcon {...iconInfo} />);\r\n  }\r\n\r\n  /** Render image from data provided by an image loader */\r\n  public render(loadedImage: Image): React.ReactNode {\r\n    switch (loadedImage.sourceType) {\r\n      case \"binary\":\r\n        const image = loadedImage as LoadedBinaryImage;\r\n        return this.renderBinary(image.value, image.fileFormat);\r\n\r\n      case \"url\":\r\n        return this.renderUrl((loadedImage as LoadedImage).value);\r\n\r\n      case \"svg\":\r\n        return this.renderSvg((loadedImage as LoadedImage).value);\r\n\r\n      case \"core-icon\":\r\n        return this.renderCoreIcon((loadedImage as LoadedImage).value);\r\n\r\n      case \"webfont-icon\":\r\n        return this.renderWebfontIcon((loadedImage as LoadedImage).value);\r\n\r\n      default:\r\n        const unhandledSourceType: never = loadedImage.sourceType; // Compile time check that all cases are handled\r\n        throw new UiError(UiComponents.loggerCategory(this), `Can't handle sourceType: \"${unhandledSourceType}\"`);\r\n    }\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"ImageRenderer.js","sourceRoot":"","sources":["../../../../src/components-react/common/ImageRenderer.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 Common\n */\n\nimport * as React from \"react\";\nimport { IconSpecUtilities, UiError } from \"@itwin/appui-abstract\";\nimport { Icon, WebFontIcon, WebFontIconProps } from \"@itwin/core-react\";\nimport { UiComponents } from \"../UiComponents\";\nimport { Image, ImageFileFormat, LoadedBinaryImage, LoadedImage } from \"./IImageLoader\";\n\n/** A class that renders images from data provided by an image loader\n * @internal\n */\nexport class ImageRenderer {\n  private static _svgCache: Map<string, string> = new Map();\n\n  private hexToBase64(hexstring: string) {\n    const match = hexstring.match(/\\w{2}/g);\n    // istanbul ignore next\n    if (!match)\n      return \"\";\n\n    return btoa(match.map((a) => { // eslint-disable-line deprecation/deprecation\n      return String.fromCharCode(parseInt(a, 16));\n    }).join(\"\"));\n  }\n\n  /** Render raw binary image */\n  private renderBinary(data: string, format: ImageFileFormat) {\n    // Convert binary to base64\n    const dataAsBase64 = this.hexToBase64(data);\n    return (<img src={`data:image/${format};base64,${dataAsBase64}`} alt=\"\" />);\n  }\n\n  private isSvg(input: string): boolean {\n    const parser = new DOMParser();\n    const doc = parser.parseFromString(input, \"application/xml\");\n\n    const errorNode = doc.querySelector(\"parsererror\");\n    // istanbul ignore if\n    if (errorNode) {\n      return false;\n    }\n\n    const rootNode = doc.documentElement.nodeName.toLowerCase();\n    return \"svg\" === rootNode;\n  }\n\n  private convertSvgToDataUri(svg: string) {\n    // istanbul ignore if\n    if (!this.isSvg(svg)) {\n      return \"\";\n    }\n\n    // eslint-disable-next-line deprecation/deprecation\n    const svgAsBase64 = btoa(svg);\n    return `data:image/svg+xml;base64,${svgAsBase64}`;\n  }\n\n  /** Render svg string into JSX */\n  private renderSvg(svg: string) {\n    let svgAsDataUri = ImageRenderer._svgCache.get(svg);\n    if (undefined === svgAsDataUri) {\n      svgAsDataUri = this.convertSvgToDataUri(svg.trim());\n      ImageRenderer._svgCache.set(svg, svgAsDataUri);\n    }\n\n    const iconSpec = IconSpecUtilities.createWebComponentIconSpec(svgAsDataUri);\n    return (\n      <div><Icon iconSpec={iconSpec} /></div>\n    );\n  }\n\n  /** Render image from an url */\n  private renderUrl(url: string) {\n    return (<img src={url} alt=\"\" />);\n  }\n\n  /** Render image as core-react icon */\n  private renderCoreIcon(iconName: string) {\n    return (<WebFontIcon iconName={iconName} />);\n  }\n\n  /** Replaces the escaped instances of \"\\:\" with \":\" */\n  private normalizeEscapedIconString(escapedIconString: string) {\n    return escapedIconString.replace(/\\\\:/g, \":\");\n  }\n\n  /**\n   * Extract class and name from icon name, if the name follows format \"{className}:{fontName}\".\n   * className and fontName can be escaped using \\ if : is needed.\n   */\n  private extractIconClassAndName(iconName: string): Pick<WebFontIconProps, \"iconClassName\" | \"iconName\"> {\n    const matches = iconName.match(/(\\\\.|[^:])+/g);\n    if (!matches || matches.length !== 2)\n      return {\n        iconClassName: undefined,\n        iconName,\n      };\n\n    return {\n      iconClassName: this.normalizeEscapedIconString(matches[0]),\n      iconName: this.normalizeEscapedIconString(matches[1]),\n    };\n  }\n\n  /**\n   * Render image as provided webfont icon.\n   * Defaults to core-react icon if iconName does not contain className.\n   */\n  private renderWebfontIcon(iconName: string) {\n    const iconInfo = this.extractIconClassAndName(iconName);\n    return (<WebFontIcon {...iconInfo} />);\n  }\n\n  /** Render image from data provided by an image loader */\n  public render(loadedImage: Image): React.ReactNode {\n    switch (loadedImage.sourceType) {\n      case \"binary\":\n        const image = loadedImage as LoadedBinaryImage;\n        return this.renderBinary(image.value, image.fileFormat);\n\n      case \"url\":\n        return this.renderUrl((loadedImage as LoadedImage).value);\n\n      case \"svg\":\n        return this.renderSvg((loadedImage as LoadedImage).value);\n\n      case \"core-icon\":\n        return this.renderCoreIcon((loadedImage as LoadedImage).value);\n\n      case \"webfont-icon\":\n        return this.renderWebfontIcon((loadedImage as LoadedImage).value);\n\n      default:\n        const unhandledSourceType: never = loadedImage.sourceType; // Compile time check that all cases are handled\n        throw new UiError(UiComponents.loggerCategory(this), `Can't handle sourceType: \"${unhandledSourceType}\"`);\n    }\n  }\n}\n"]}

package/lib/cjs/components-react/common/Links.d.ts

@@ -1,13 +1,13 @@
-/** @packageDocumentation
- * @module Common
- */
-/** Returns a list of links from a text
- * @public
- */
-export declare const matchLinks: (text: string) => Array<{
-    index: number;
-    lastIndex: number;
-    schema: string;
-    url: string;
-}>;
+/** @packageDocumentation
+ * @module Common
+ */
+/** Returns a list of links from a text
+ * @public
+ */
+export declare const matchLinks: (text: string) => Array<{
+    index: number;
+    lastIndex: number;
+    schema: string;
+    url: string;
+}>;
 //# sourceMappingURL=Links.d.ts.map