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

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

@@ -1,120 +1,121 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-import * as React from "react";
-import { IconSpecUtilities, UiError } from "@itwin/appui-abstract";
-import { Icon, WebFontIcon } from "@itwin/core-react";
-import { UiComponents } from "../UiComponents";
-/** A class that renders images from data provided by an image loader
- * @internal
- */
-export 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);
-        // istanbul ignore else
-        if (undefined === svgAsDataUri) {
-            svgAsDataUri = this.convertSvgToDataUri(svg.trim());
-            ImageRenderer._svgCache.set(svg, svgAsDataUri);
-        }
-        const iconSpec = IconSpecUtilities.createWebComponentIconSpec(svgAsDataUri);
-        return (React.createElement("div", null,
-            React.createElement(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(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(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 UiError(UiComponents.loggerCategory(this), `Can't handle sourceType: "${unhandledSourceType}"`);
-        }
-    }
-}
-ImageRenderer._svgCache = new Map();
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+import * as React from "react";
+import { IconSpecUtilities, UiError } from "@itwin/appui-abstract";
+import { Icon, WebFontIcon } from "@itwin/core-react";
+import { UiComponents } from "../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);
+        // istanbul ignore else
+        if (undefined === svgAsDataUri) {
+            svgAsDataUri = this.convertSvgToDataUri(svg.trim());
+            ImageRenderer._svgCache.set(svg, svgAsDataUri);
+        }
+        const iconSpec = IconSpecUtilities.createWebComponentIconSpec(svgAsDataUri);
+        return (React.createElement("div", null,
+            React.createElement(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(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(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 UiError(UiComponents.loggerCategory(this), `Can't handle sourceType: "${unhandledSourceType}"`);
+        }
+    }
+}
+ImageRenderer._svgCache = new Map();
+export { ImageRenderer };
 //# sourceMappingURL=ImageRenderer.js.map

package/lib/esm/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    // istanbul ignore else\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":["/*---------------------------------------------------------------------------------------------\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    // istanbul ignore else\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"]}

package/lib/esm/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

package/lib/esm/components-react/common/Links.js

@@ -1,65 +1,65 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-// cSpell:ignore linkify
-import LinkifyIt from "linkify-it";
-const linkify = new LinkifyIt({ fuzzyLink: false });
-linkify
-    .add("pw:", {
-    validate: (text, pos, self) => {
-        const tail = text.slice(pos);
-        // istanbul ignore else
-        if (!self.re.pw) {
-            self.re.pw = new RegExp(`(//|\\\\\\\\)${self.re.src_host}:` +
-                // Regex for path according to RFC 3986 standards plus the possibility to write '{}' brackets for ProjectWise monikers
-                `([a-zA-Z0-9-._~!$&'()*+,;=@%{}]+/)+[a-zA-Z0-9-._~!$&'()*+,;=@%{}]*`, "i");
-        }
-        // istanbul ignore else
-        if (self.re.pw.test(tail)) {
-            const matches = tail.match(self.re.pw);
-            // istanbul ignore else
-            if (matches !== null)
-                return matches[0].length;
-        }
-        // istanbul ignore next
-        return 0;
-    },
-})
-    /* Adding a custom schema for links that start with `www.`.
-       With fuzzyLink option set to true it matches text without `www.` as a prefix, which is not wanted in our case. */
-    .add("www.", {
-    validate: (text, pos, self) => {
-        const tail = text.slice(pos);
-        if (!self.re.www) {
-            self.re.www = new RegExp(`^${self.re.src_auth}${self.re.src_host_port_strict}${self.re.src_path}`, "i");
-        }
-        // istanbul ignore else
-        if (self.re.www.test(tail)) {
-            const matches = tail.match(self.re.www);
-            // istanbul ignore else
-            if (matches !== null)
-                return matches[0].length;
-        }
-        // istanbul ignore next
-        return 0;
-    },
-    normalize: (match) => {
-        match.schema = "http:";
-        match.url = `http://${match.url}`;
-    },
-});
-/** Returns a list of links from a text
- * @public
- */
-export const matchLinks = (text) => {
-    const head = text.slice(0, 5);
-    if (head === "pw://" || head === "pw:\\\\")
-        return Array({ index: 0, lastIndex: text.length, schema: "pw:", url: text });
-    const matches = linkify.match(text);
-    return matches ? matches : [];
-};
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+// cSpell:ignore linkify
+import LinkifyIt from "linkify-it";
+const linkify = new LinkifyIt({ fuzzyLink: false });
+linkify
+    .add("pw:", {
+    validate: (text, pos, self) => {
+        const tail = text.slice(pos);
+        // istanbul ignore else
+        if (!self.re.pw) {
+            self.re.pw = new RegExp(`(//|\\\\\\\\)${self.re.src_host}:` +
+                // Regex for path according to RFC 3986 standards plus the possibility to write '{}' brackets for ProjectWise monikers
+                `([a-zA-Z0-9-._~!$&'()*+,;=@%{}]+/)+[a-zA-Z0-9-._~!$&'()*+,;=@%{}]*`, "i");
+        }
+        // istanbul ignore else
+        if (self.re.pw.test(tail)) {
+            const matches = tail.match(self.re.pw);
+            // istanbul ignore else
+            if (matches !== null)
+                return matches[0].length;
+        }
+        // istanbul ignore next
+        return 0;
+    },
+})
+    /* Adding a custom schema for links that start with `www.`.
+       With fuzzyLink option set to true it matches text without `www.` as a prefix, which is not wanted in our case. */
+    .add("www.", {
+    validate: (text, pos, self) => {
+        const tail = text.slice(pos);
+        if (!self.re.www) {
+            self.re.www = new RegExp(`^${self.re.src_auth}${self.re.src_host_port_strict}${self.re.src_path}`, "i");
+        }
+        // istanbul ignore else
+        if (self.re.www.test(tail)) {
+            const matches = tail.match(self.re.www);
+            // istanbul ignore else
+            if (matches !== null)
+                return matches[0].length;
+        }
+        // istanbul ignore next
+        return 0;
+    },
+    normalize: (match) => {
+        match.schema = "http:";
+        match.url = `http://${match.url}`;
+    },
+});
+/** Returns a list of links from a text
+ * @public
+ */
+export const matchLinks = (text) => {
+    const head = text.slice(0, 5);
+    if (head === "pw://" || head === "pw:\\\\")
+        return Array({ index: 0, lastIndex: text.length, schema: "pw:", url: text });
+    const matches = linkify.match(text);
+    return matches ? matches : [];
+};
 //# sourceMappingURL=Links.js.map

package/lib/esm/components-react/common/PageOptions.d.ts

@@ -1,11 +1,11 @@
-/** @packageDocumentation
- * @module Common
- */
-/** Paging options.
- * @public
- */
-export interface PageOptions {
-    size?: number;
-    start?: number;
-}
+/** @packageDocumentation
+ * @module Common
+ */
+/** Paging options.
+ * @public
+ */
+export interface PageOptions {
+    size?: number;
+    start?: number;
+}
 //# sourceMappingURL=PageOptions.d.ts.map

package/lib/esm/components-react/common/PageOptions.js

@@ -1,9 +1,9 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-export {};
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+export {};
 //# sourceMappingURL=PageOptions.js.map

package/lib/esm/components-react/common/SubscriptionScheduler.d.ts

@@ -1,33 +1,33 @@
-/** @packageDocumentation
- * @module Common
- */
-import { Observable } from "rxjs/internal/Observable";
-/**
- * Limits concurrent observable subscriptions to one.
- *
- * Scheduled observables are placed at the end of a queue. Each queued observable is subscribed to and awaited until the
- * completion.
- *
- * To schedule an observable, subscribe to the result of `scheduleSubscription()` call.
- * @internal
- */
-export declare class SubscriptionScheduler<T> {
-    private _scheduler;
-    constructor();
-    /**
-     * Schedules `source` for subscription in the current scheduler.
-     *
-     * The actual scheduling is performed when the returned observable is subscribed to. To cancel, remove all subscribers
-     * from the returned observable.
-     *
-     * @param source Input observable for which to schedule a subscription.
-     * @returns Hot observable which starts emitting `source` values after subscription.
-     */
-    scheduleSubscription(source: Observable<T>): Observable<T>;
-}
-/**
- * Helper function for use as a `pipe()` argument with `rxjs` observables.
- * @internal
- */
-export declare function scheduleSubscription<T>(scheduler: SubscriptionScheduler<T>): (source: Observable<T>) => Observable<T>;
+/** @packageDocumentation
+ * @module Common
+ */
+import { Observable } from "rxjs/internal/Observable";
+/**
+ * Limits concurrent observable subscriptions to one.
+ *
+ * Scheduled observables are placed at the end of a queue. Each queued observable is subscribed to and awaited until the
+ * completion.
+ *
+ * To schedule an observable, subscribe to the result of `scheduleSubscription()` call.
+ * @internal
+ */
+export declare class SubscriptionScheduler<T> {
+    private _scheduler;
+    constructor();
+    /**
+     * Schedules `source` for subscription in the current scheduler.
+     *
+     * The actual scheduling is performed when the returned observable is subscribed to. To cancel, remove all subscribers
+     * from the returned observable.
+     *
+     * @param source Input observable for which to schedule a subscription.
+     * @returns Hot observable which starts emitting `source` values after subscription.
+     */
+    scheduleSubscription(source: Observable<T>): Observable<T>;
+}
+/**
+ * Helper function for use as a `pipe()` argument with `rxjs` observables.
+ * @internal
+ */
+export declare function scheduleSubscription<T>(scheduler: SubscriptionScheduler<T>): (source: Observable<T>) => Observable<T>;
 //# sourceMappingURL=SubscriptionScheduler.d.ts.map