@itwin/components-react 4.17.0 → 5.0.0-dev.2

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

@@ -1,81 +0,0 @@
-"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 });
-exports.toTimeString = exports.toDateString = exports.adjustDateToTimezone = void 0;
-/**
- * Adjust a Date object to show time in one time zone as if it is in the local time zone.
- * This is useful when showing sunrise and sunset times for a project location in a different time zone
- * and the time displayed should appear as if the user is seeing clock in project location.
- * Example 1:
- * If you have a UTC time for London (UTC +0100) and you want to display it in Eastern-US (UTC -0400) as if you were in London.
- * ```ts
- *   londonDate = new Date("July 22, 2018 07:22:13 +0100");
- *   in Eastern-US londonDate will show as '7/22/2018, 2:22:13 AM'
- *   adjustedDate = adjustDateToTimezone(londonDate, 1*60);
- *   in location Eastern-US adjustedDate will show as '7/22/2018, 7:22:13 AM'
- * ```
- * Example 2:
- * If you have a UTC time for your location (UTC -0400) and you want to display the time as if you are in Western-US (UTC -0700).
- * ```ts
- *   easternDate = new Date("July 22, 2018 07:22:13 -0400");
- *   adjustedDate = adjustDateToTimezone(easternDate, -7*60);
- *   in location Eastern-US adjustedDate will show as '7/22/2018, 7:22:13 AM'
- * ```
- *
- * The utcOffset must be the time in minutes between the UTC and the desired time zone at the date specified by inDateTime.
- * For example, if you want the time offset to New York, NY and the date is during Daylight Saving Time, utcOffset should be -240 (-4 * 60).
- * If the date falls during Standard Time in New York, utcOffset will be -300 (-5 * 60).
- *
- * @param inDateTime date/time at project location
- * @param utcOffset UTC offset in  minutes
- * @public
- */
-function adjustDateToTimezone(inDateTime, utcOffset) {
-    return new Date(inDateTime.getTime() + (inDateTime.getTimezoneOffset() + utcOffset) * 60000);
-}
-exports.adjustDateToTimezone = adjustDateToTimezone;
-/**
- * Format a date in a display string, optionally converting to time zone, if specified by timeZoneOffset
- * @param date Date object to format
- * @param timeZoneOffset optional: offset from UTC to use for conversion
- * @param formatOptions optional: allow locale and format for output Date string. If not defined current locale options are used.
- * @returns formatted date string
- * @public
- */
-const toDateString = (date, timeZoneOffset, formatOptions) => {
-    if (formatOptions) {
-        return undefined === timeZoneOffset
-            ? date.toLocaleDateString(formatOptions.locales, formatOptions.options)
-            : adjustDateToTimezone(date, timeZoneOffset).toLocaleDateString(formatOptions.locales, formatOptions.options);
-    }
-    return undefined === timeZoneOffset
-        ? date.toLocaleDateString()
-        : adjustDateToTimezone(date, timeZoneOffset).toLocaleDateString();
-};
-exports.toDateString = toDateString;
-/**
- * Format the time included in a date, optionally converting to time zone, if specified
- * @param date Date object
- * @param timeZoneOffset optional: offset from UTC to use for conversion
- * @param formatOptions optional: allow locale and format for output Time string. If not defined current locale options are used.
- * @returns formatted time string
- * @public
- */
-const toTimeString = (date, timeZoneOffset, formatOptions) => {
-    if (formatOptions) {
-        return undefined === timeZoneOffset
-            ? date.toLocaleTimeString(formatOptions.locales, formatOptions.options)
-            : adjustDateToTimezone(date, timeZoneOffset).toLocaleTimeString(formatOptions.locales, formatOptions.options);
-    }
-    return undefined === timeZoneOffset
-        ? date.toLocaleTimeString()
-        : adjustDateToTimezone(date, timeZoneOffset).toLocaleTimeString();
-};
-exports.toTimeString = toTimeString;
-//# sourceMappingURL=DateUtils.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DateUtils.js","sourceRoot":"","sources":["../../../../src/components-react/common/DateUtils.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAWH;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,SAAgB,oBAAoB,CAAC,UAAgB,EAAE,SAAiB;IACtE,OAAO,IAAI,IAAI,CACb,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,UAAU,CAAC,iBAAiB,EAAE,GAAG,SAAS,CAAC,GAAG,KAAK,CAC5E,CAAC;AACJ,CAAC;AAJD,oDAIC;AACD;;;;;;;GAOG;AACI,MAAM,YAAY,GAAG,CAC1B,IAAU,EACV,cAAuB,EACvB,aAAiC,EACjC,EAAE;IACF,IAAI,aAAa,EAAE,CAAC;QAClB,OAAO,SAAS,KAAK,cAAc;YACjC,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,aAAa,CAAC,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC;YACvE,CAAC,CAAC,oBAAoB,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC,kBAAkB,CAC3D,aAAa,CAAC,OAAO,EACrB,aAAa,CAAC,OAAO,CACtB,CAAC;IACR,CAAC;IACD,OAAO,SAAS,KAAK,cAAc;QACjC,CAAC,CAAC,IAAI,CAAC,kBAAkB,EAAE;QAC3B,CAAC,CAAC,oBAAoB,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC,kBAAkB,EAAE,CAAC;AACtE,CAAC,CAAC;AAhBW,QAAA,YAAY,gBAgBvB;AACF;;;;;;;GAOG;AACI,MAAM,YAAY,GAAG,CAC1B,IAAU,EACV,cAAuB,EACvB,aAAiC,EACjC,EAAE;IACF,IAAI,aAAa,EAAE,CAAC;QAClB,OAAO,SAAS,KAAK,cAAc;YACjC,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,aAAa,CAAC,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC;YACvE,CAAC,CAAC,oBAAoB,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC,kBAAkB,CAC3D,aAAa,CAAC,OAAO,EACrB,aAAa,CAAC,OAAO,CACtB,CAAC;IACR,CAAC;IACD,OAAO,SAAS,KAAK,cAAc;QACjC,CAAC,CAAC,IAAI,CAAC,kBAAkB,EAAE;QAC3B,CAAC,CAAC,oBAAoB,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC,kBAAkB,EAAE,CAAC;AACtE,CAAC,CAAC;AAhBW,QAAA,YAAY,gBAgBvB","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 * Define formatting options for use when component are generating a formatted date string calling `Date.toLocaleTimeString()`.\n * @public\n */\nexport interface DateFormatOptions {\n  locales?: string | string[] | undefined;\n  options?: Intl.DateTimeFormatOptions | undefined;\n}\n\n/**\n * Adjust a Date object to show time in one time zone as if it is in the local time zone.\n * This is useful when showing sunrise and sunset times for a project location in a different time zone\n * and the time displayed should appear as if the user is seeing clock in project location.\n * Example 1:\n * If you have a UTC time for London (UTC +0100) and you want to display it in Eastern-US (UTC -0400) as if you were in London.\n * ```ts\n *   londonDate = new Date(\"July 22, 2018 07:22:13 +0100\");\n *   in Eastern-US londonDate will show as '7/22/2018, 2:22:13 AM'\n *   adjustedDate = adjustDateToTimezone(londonDate, 1*60);\n *   in location Eastern-US adjustedDate will show as '7/22/2018, 7:22:13 AM'\n * ```\n * Example 2:\n * If you have a UTC time for your location (UTC -0400) and you want to display the time as if you are in Western-US (UTC -0700).\n * ```ts\n *   easternDate = new Date(\"July 22, 2018 07:22:13 -0400\");\n *   adjustedDate = adjustDateToTimezone(easternDate, -7*60);\n *   in location Eastern-US adjustedDate will show as '7/22/2018, 7:22:13 AM'\n * ```\n *\n * The utcOffset must be the time in minutes between the UTC and the desired time zone at the date specified by inDateTime.\n * For example, if you want the time offset to New York, NY and the date is during Daylight Saving Time, utcOffset should be -240 (-4 * 60).\n * If the date falls during Standard Time in New York, utcOffset will be -300 (-5 * 60).\n *\n * @param inDateTime date/time at project location\n * @param utcOffset UTC offset in  minutes\n * @public\n */\nexport function adjustDateToTimezone(inDateTime: Date, utcOffset: number) {\n  return new Date(\n    inDateTime.getTime() + (inDateTime.getTimezoneOffset() + utcOffset) * 60000\n  );\n}\n/**\n * Format a date in a display string, optionally converting to time zone, if specified by timeZoneOffset\n * @param date Date object to format\n * @param timeZoneOffset optional: offset from UTC to use for conversion\n * @param formatOptions optional: allow locale and format for output Date string. If not defined current locale options are used.\n * @returns formatted date string\n * @public\n */\nexport const toDateString = (\n  date: Date,\n  timeZoneOffset?: number,\n  formatOptions?: DateFormatOptions\n) => {\n  if (formatOptions) {\n    return undefined === timeZoneOffset\n      ? date.toLocaleDateString(formatOptions.locales, formatOptions.options)\n      : adjustDateToTimezone(date, timeZoneOffset).toLocaleDateString(\n          formatOptions.locales,\n          formatOptions.options\n        );\n  }\n  return undefined === timeZoneOffset\n    ? date.toLocaleDateString()\n    : adjustDateToTimezone(date, timeZoneOffset).toLocaleDateString();\n};\n/**\n * Format the time included in a date, optionally converting to time zone, if specified\n * @param date Date object\n * @param timeZoneOffset optional: offset from UTC to use for conversion\n * @param formatOptions optional: allow locale and format for output Time string. If not defined current locale options are used.\n * @returns formatted time string\n * @public\n */\nexport const toTimeString = (\n  date: Date,\n  timeZoneOffset?: number,\n  formatOptions?: DateFormatOptions\n) => {\n  if (formatOptions) {\n    return undefined === timeZoneOffset\n      ? date.toLocaleTimeString(formatOptions.locales, formatOptions.options)\n      : adjustDateToTimezone(date, timeZoneOffset).toLocaleTimeString(\n          formatOptions.locales,\n          formatOptions.options\n        );\n  }\n  return undefined === timeZoneOffset\n    ? date.toLocaleTimeString()\n    : adjustDateToTimezone(date, timeZoneOffset).toLocaleTimeString();\n};\n"]}

package/lib/cjs/components-react/common/DelayedSpinner.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DelayedSpinner.d.ts","sourceRoot":"","sources":["../../../../src/components-react/common/DelayedSpinner.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,KAAK,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CACvD,OAAO,cAAc,CACtB,CAAC;AAEF,wCAAwC;AACxC,KAAK,cAAc,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAC;AAElD;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,4BAuBxD"}

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

@@ -1,61 +0,0 @@
-"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;
-    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.DelayedSpinner = void 0;
-const React = __importStar(require("react"));
-const itwinui_react_1 = require("@itwin/itwinui-react");
-/**
- * Spinner that is rendered with delay.
- * @internal
- */
-function DelayedSpinner(props) {
-    const delay = props.delay ?? 500;
-    const [loadStart] = React.useState(props.loadStart || new Date());
-    const currTime = new Date();
-    const diff = currTime.getTime() - loadStart.getTime();
-    const update = useForceUpdate();
-    React.useEffect(() => {
-        if (diff >= delay)
-            return;
-        const timer = setTimeout(update, delay - diff);
-        return () => clearTimeout(timer);
-    });
-    if (diff < delay)
-        return null;
-    return (React.createElement(itwinui_react_1.ProgressRadial, { "data-testid": "components-delayed-spinner", indeterminate: true, size: props.size ?? "large" }));
-}
-exports.DelayedSpinner = DelayedSpinner;
-const useForceUpdate = () => {
-    const [value, set] = React.useState(true);
-    return () => set(!value);
-};
-//# sourceMappingURL=DelayedSpinner.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DelayedSpinner.js","sourceRoot":"","sources":["../../../../src/components-react/common/DelayedSpinner.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAC/B,wDAAsD;AAmBtD;;;GAGG;AACH,SAAgB,cAAc,CAAC,KAA0B;IACvD,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,GAAG,CAAC;IACjC,MAAM,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,SAAS,IAAI,IAAI,IAAI,EAAE,CAAC,CAAC;IAElE,MAAM,QAAQ,GAAG,IAAI,IAAI,EAAE,CAAC;IAC5B,MAAM,IAAI,GAAG,QAAQ,CAAC,OAAO,EAAE,GAAG,SAAS,CAAC,OAAO,EAAE,CAAC;IAEtD,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAChC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,IAAI,IAAI,KAAK;YAAE,OAAO;QAC1B,MAAM,KAAK,GAAG,UAAU,CAAC,MAAM,EAAE,KAAK,GAAG,IAAI,CAAC,CAAC;QAC/C,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,IAAI,IAAI,GAAG,KAAK;QAAE,OAAO,IAAI,CAAC;IAE9B,OAAO,CACL,oBAAC,8BAAc,mBACD,4BAA4B,EACxC,aAAa,QACb,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,OAAO,GAC3B,CACH,CAAC;AACJ,CAAC;AAvBD,wCAuBC;AAED,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC1C,OAAO,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;AAC3B,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Common\n */\n\nimport * as React from \"react\";\nimport { ProgressRadial } from \"@itwin/itwinui-react\";\n\ntype ProgressRadialProps = React.ComponentPropsWithoutRef<\n  typeof ProgressRadial\n>;\n\n/** Type for ProgressRadialProps.size */\ntype RadialSizeType = ProgressRadialProps[\"size\"];\n\n/**\n * Props for [[DelayedSpinner]] component.\n * @internal\n */\nexport interface DelayedSpinnerProps {\n  loadStart?: Date;\n  delay?: number;\n  size?: RadialSizeType;\n}\n\n/**\n * Spinner that is rendered with delay.\n * @internal\n */\nexport function DelayedSpinner(props: DelayedSpinnerProps) {\n  const delay = props.delay ?? 500;\n  const [loadStart] = React.useState(props.loadStart || new Date());\n\n  const currTime = new Date();\n  const diff = currTime.getTime() - loadStart.getTime();\n\n  const update = useForceUpdate();\n  React.useEffect(() => {\n    if (diff >= delay) return;\n    const timer = setTimeout(update, delay - diff);\n    return () => clearTimeout(timer);\n  });\n\n  if (diff < delay) return null;\n\n  return (\n    <ProgressRadial\n      data-testid=\"components-delayed-spinner\"\n      indeterminate\n      size={props.size ?? \"large\"}\n    />\n  );\n}\n\nconst useForceUpdate = () => {\n  const [value, set] = React.useState(true);\n  return () => set(!value);\n};\n"]}

package/lib/cjs/components-react/common/HighlightedText.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HighlightedText.d.ts","sourceRoot":"","sources":["../../../../src/components-react/common/HighlightedText.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC;;;;GAIG;AACH,MAAM,WAAW,oBAAoB;IAEnC,UAAU,EAAE,MAAM,CAAC;IAEnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,IAAI,EAAE,MAAM,CAAC;IACb,sCAAsC;IACtC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;;;GAKG;AAEH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAW1D"}

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

@@ -1,106 +0,0 @@
-"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;
-    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.HighlightedText = void 0;
-const react_1 = __importStar(require("react"));
-const HighlightingEngine_1 = require("../tree/HighlightingEngine");
-/**
- * Highlighted text
- * Used for highlighting parts in the 'text' which match with 'searchText'
- * Also actively highlights one matched part which is selected with 'activeMatchIndex'
- * @public
- */
-// eslint-disable-next-line deprecation/deprecation
-function HighlightedText(props) {
-    const { searchText, activeMatchIndex, text, caseSensitive } = props;
-    const chunks = (0, react_1.useMemo)(() => findChunks(text, searchText, caseSensitive), [text, searchText, caseSensitive]);
-    const markedChunks = (0, react_1.useMemo)(() => markChunks(text, chunks, activeMatchIndex), [text, chunks, activeMatchIndex]);
-    return react_1.default.createElement(react_1.default.Fragment, null, markedChunks);
-}
-exports.HighlightedText = HighlightedText;
-function findChunks(text, searchText, caseSensitive) {
-    const chunks = [];
-    const contentText = caseSensitive ? text : text.toLowerCase();
-    const inputText = caseSensitive ? searchText : searchText.toLowerCase();
-    let index = contentText.indexOf(inputText);
-    while (index !== -1) {
-        chunks.push({ start: index, end: index + inputText.length });
-        index = contentText.indexOf(inputText, index + 1);
-    }
-    return chunks;
-}
-function markChunks(text, chunks, activeChunk) {
-    const markedText = [];
-    let previousIndex = 0;
-    const { mergedChunks, newActiveIndex } = mergeChunks(chunks, activeChunk);
-    for (let i = 0; i < mergedChunks.length; i++) {
-        const { start, end } = mergedChunks[i];
-        // add unmarked text between previous chunk and current one
-        const nonMarkedText = text.substring(previousIndex, start);
-        if (nonMarkedText.length) {
-            markedText.push(react_1.default.createElement("span", { key: previousIndex }, nonMarkedText));
-        }
-        // add marked chunk text
-        markedText.push(react_1.default.createElement("mark", { key: start, className: i === newActiveIndex
-                ? HighlightingEngine_1.HighlightingEngine.ACTIVE_CLASS_NAME
-                : undefined }, text.substring(start, end)));
-        previousIndex = end;
-    }
-    // add unmarked text after last chunk
-    const lastNonMarkedText = text.substring(previousIndex, text.length);
-    if (lastNonMarkedText.length) {
-        markedText.push(react_1.default.createElement("span", { key: previousIndex }, lastNonMarkedText));
-    }
-    return markedText;
-}
-function mergeChunks(chunks, activeChunk) {
-    const mergedChunks = [];
-    let lastChunk;
-    let newActiveIndex;
-    for (let i = 0; i < chunks.length; i++) {
-        const chunk = chunks[i];
-        const isActive = i === activeChunk;
-        if (lastChunk &&
-            lastChunk.info.end === chunk.start &&
-            !isActive &&
-            !lastChunk.isActive) {
-            lastChunk.info.end = chunk.end;
-            continue;
-        }
-        isActive && (newActiveIndex = mergedChunks.length);
-        const newChunk = { start: chunk.start, end: chunk.end };
-        lastChunk = { isActive, info: newChunk };
-        mergedChunks.push(newChunk);
-    }
-    return { mergedChunks, newActiveIndex };
-}
-//# sourceMappingURL=HighlightedText.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HighlightedText.js","sourceRoot":"","sources":["../../../../src/components-react/common/HighlightedText.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 React, { useMemo } from \"react\";\nimport { HighlightingEngine } from \"../tree/HighlightingEngine\";\n\n/**\n * Properties of [[HighlightedText]]\n * @public\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof HighlightedText>`\n */\nexport interface HighlightedTextProps {\n  /* Filter text which we want to highlight */\n  searchText: string;\n  /* Index of actively highlighted part in a text */\n  activeMatchIndex?: number;\n  /* Full text */\n  text: string;\n  /** Should search be case sensitive */\n  caseSensitive?: boolean;\n}\n\n/**\n * Highlighted text\n * Used for highlighting parts in the 'text' which match with 'searchText'\n * Also actively highlights one matched part which is selected with 'activeMatchIndex'\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function HighlightedText(props: HighlightedTextProps) {\n  const { searchText, activeMatchIndex, text, caseSensitive } = props;\n  const chunks = useMemo(\n    () => findChunks(text, searchText, caseSensitive),\n    [text, searchText, caseSensitive]\n  );\n  const markedChunks = useMemo(\n    () => markChunks(text, chunks, activeMatchIndex),\n    [text, chunks, activeMatchIndex]\n  );\n  return <>{markedChunks}</>;\n}\n\ninterface HighlightedChunk {\n  start: number;\n  end: number;\n}\n\nfunction findChunks(\n  text: string,\n  searchText: string,\n  caseSensitive?: boolean\n): HighlightedChunk[] {\n  const chunks: HighlightedChunk[] = [];\n  const contentText = caseSensitive ? text : text.toLowerCase();\n  const inputText = caseSensitive ? searchText : searchText.toLowerCase();\n  let index = contentText.indexOf(inputText);\n\n  while (index !== -1) {\n    chunks.push({ start: index, end: index + inputText.length });\n    index = contentText.indexOf(inputText, index + 1);\n  }\n\n  return chunks;\n}\n\nfunction markChunks(\n  text: string,\n  chunks: HighlightedChunk[],\n  activeChunk?: number\n) {\n  const markedText: React.ReactElement[] = [];\n  let previousIndex = 0;\n\n  const { mergedChunks, newActiveIndex } = mergeChunks(chunks, activeChunk);\n\n  for (let i = 0; i < mergedChunks.length; i++) {\n    const { start, end } = mergedChunks[i];\n\n    // add unmarked text between previous chunk and current one\n    const nonMarkedText = text.substring(previousIndex, start);\n    if (nonMarkedText.length) {\n      markedText.push(<span key={previousIndex}>{nonMarkedText}</span>);\n    }\n\n    // add marked chunk text\n    markedText.push(\n      <mark\n        key={start}\n        className={\n          i === newActiveIndex\n            ? HighlightingEngine.ACTIVE_CLASS_NAME\n            : undefined\n        }\n      >\n        {text.substring(start, end)}\n      </mark>\n    );\n    previousIndex = end;\n  }\n\n  // add unmarked text after last chunk\n  const lastNonMarkedText = text.substring(previousIndex, text.length);\n  if (lastNonMarkedText.length) {\n    markedText.push(<span key={previousIndex}>{lastNonMarkedText}</span>);\n  }\n\n  return markedText;\n}\n\nfunction mergeChunks(chunks: HighlightedChunk[], activeChunk?: number) {\n  const mergedChunks: HighlightedChunk[] = [];\n  let lastChunk: { isActive: boolean; info: HighlightedChunk } | undefined;\n  let newActiveIndex: number | undefined;\n\n  for (let i = 0; i < chunks.length; i++) {\n    const chunk = chunks[i];\n    const isActive = i === activeChunk;\n    if (\n      lastChunk &&\n      lastChunk.info.end === chunk.start &&\n      !isActive &&\n      !lastChunk.isActive\n    ) {\n      lastChunk.info.end = chunk.end;\n      continue;\n    }\n    isActive && (newActiveIndex = mergedChunks.length);\n    const newChunk = { start: chunk.start, end: chunk.end };\n    lastChunk = { isActive, info: newChunk };\n    mergedChunks.push(newChunk);\n  }\n  return { mergedChunks, newActiveIndex };\n}\n"]}

package/lib/cjs/components-react/common/HighlightingComponentProps.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HighlightingComponentProps.d.ts","sourceRoot":"","sources":["../../../../src/components-react/common/HighlightingComponentProps.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;;GAGG;AACH,MAAM,WAAW,aAAa;IAE5B,yBAAyB,EAAE,MAAM,CAAC;IAElC,cAAc,EAAE,MAAM,CAAC;CACxB;AAED;;;GAGG;AACH,MAAM,WAAW,0BAA0B;IAEzC,eAAe,EAAE,MAAM,CAAC;IAExB,eAAe,CAAC,EAAE,aAAa,CAAC;CACjC"}

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

@@ -1,10 +0,0 @@
-"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=HighlightingComponentProps.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HighlightingComponentProps.js","sourceRoot":"","sources":["../../../../src/components-react/common/HighlightingComponentProps.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;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 * Item highlight info used for identification of a specific highlight in an item\n * @public\n */\nexport interface HighlightInfo {\n  /* item's identifier, used for its identification */\n  highlightedItemIdentifier: string;\n  /* Index of highlighted part in an item */\n  highlightIndex: number;\n}\n\n/**\n * Properties used for highlighting parts in item by given text and actively highlighting one highlight in a distinct item specified in `activeHighlight`\n * @public\n */\nexport interface HighlightingComponentProps {\n  /* Filter text which we want to highlight */\n  highlightedText: string;\n  /* Information about the highlight which we want to actively highlight */\n  activeHighlight?: HighlightInfo;\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"IImageLoader.d.ts","sourceRoot":"","sources":["../../../../src/components-react/common/IImageLoader.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;;;;;;;GAQG;AACH,MAAM,MAAM,eAAe,GACvB,KAAK,GACL,KAAK,GACL,QAAQ,GACR,WAAW,GACX,cAAc,CAAC;AAEnB;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;AAErD;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,eAAe,CAAC;CAC7B;AAED;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD,UAAU,EAAE,eAAe,CAAC;CAC7B;AAED;;GAEG;AACH,MAAM,MAAM,KAAK,GAAG,WAAW,GAAG,iBAAiB,CAAC;AAEpD;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,yCAAyC;IACzC,IAAI,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,KAAK,GAAG,SAAS,CAAC;CACxC"}

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

@@ -1,10 +0,0 @@
-"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 +0,0 @@
-{"version":3,"file":"IImageLoader.js","sourceRoot":"","sources":["../../../../src/components-react/common/IImageLoader.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;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 =\n  | \"svg\"\n  | \"url\"\n  | \"binary\"\n  | \"core-icon\"\n  | \"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 +0,0 @@
-/** @packageDocumentation
- * @module Common
- */
-import * as React from "react";
-import type { 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.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ImageRenderer.d.ts","sourceRoot":"","sources":["../../../../src/components-react/common/ImageRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EACV,KAAK,EAIN,MAAM,gBAAgB,CAAC;AAGxB;;GAEG;AACH,qBAAa,aAAa;IACxB,OAAO,CAAC,MAAM,CAAC,SAAS,CAAkC;IAE1D,OAAO,CAAC,WAAW;IAanB,8BAA8B;IAC9B,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,KAAK;IAab,OAAO,CAAC,mBAAmB;IAS3B,iCAAiC;IACjC,OAAO,CAAC,SAAS;IAejB,+BAA+B;IAC/B,OAAO,CAAC,SAAS;IAIjB,sCAAsC;IACtC,OAAO,CAAC,cAAc;IAKtB,sDAAsD;IACtD,OAAO,CAAC,0BAA0B;IAIlC;;;OAGG;IACH,OAAO,CAAC,uBAAuB;IAiB/B;;;OAGG;IACH,OAAO,CAAC,iBAAiB;IAMzB,yDAAyD;IAClD,MAAM,CAAC,WAAW,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS;CA2BnD"}

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

@@ -1,148 +0,0 @@
-"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;
-    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.ImageRenderer = void 0;
-const React = __importStar(require("react"));
-const core_react_1 = require("@itwin/core-react");
-const UiComponents_1 = require("../UiComponents");
-const appui_abstract_1 = require("@itwin/appui-abstract");
-/** A class that renders images from data provided by an image loader
- * @internal
- */
-class ImageRenderer {
-    hexToBase64(hexstring) {
-        const match = hexstring.match(/\w{2}/g);
-        if (!match)
-            return "";
-        return window.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");
-        if (errorNode) {
-            return false;
-        }
-        const rootNode = doc.documentElement.nodeName.toLowerCase();
-        return "svg" === rootNode;
-    }
-    convertSvgToDataUri(svg) {
-        if (!this.isSvg(svg)) {
-            return "";
-        }
-        const svgAsBase64 = window.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);
-        }
-        return (React.createElement("div", null,
-            React.createElement(core_react_1.Icon, { iconSpec: svgAsDataUri })));
-    }
-    /** Render image from an url */
-    renderUrl(url) {
-        return React.createElement("img", { src: url, alt: "" });
-    }
-    /** Render image as core-react icon */
-    renderCoreIcon(iconName) {
-        // eslint-disable-next-line deprecation/deprecation
-        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
-    // eslint-disable-next-line deprecation/deprecation
-    ) {
-        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);
-        // eslint-disable-next-line deprecation/deprecation
-        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
-                // eslint-disable-next-line deprecation/deprecation
-                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 +0,0 @@
-{"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 type { WebFontIconProps } from \"@itwin/core-react\";\nimport { Icon, WebFontIcon } from \"@itwin/core-react\";\nimport { UiComponents } from \"../UiComponents\";\nimport type {\n  Image,\n  ImageFileFormat,\n  LoadedBinaryImage,\n  LoadedImage,\n} from \"./IImageLoader\";\nimport { UiError } from \"@itwin/appui-abstract\";\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    if (!match) return \"\";\n\n    return window.btoa(\n      match\n        .map((a) => {\n          return String.fromCharCode(parseInt(a, 16));\n        })\n        .join(\"\")\n    );\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    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    if (!this.isSvg(svg)) {\n      return \"\";\n    }\n\n    const svgAsBase64 = window.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    return (\n      <div>\n        {/* eslint-disable-next-line deprecation/deprecation */}\n        <Icon iconSpec={svgAsDataUri} />\n      </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    // eslint-disable-next-line deprecation/deprecation\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(\n    iconName: string\n    // eslint-disable-next-line deprecation/deprecation\n  ): 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    // eslint-disable-next-line deprecation/deprecation\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        // eslint-disable-next-line deprecation/deprecation\n        throw new UiError(\n          UiComponents.loggerCategory(this),\n          `Can't handle sourceType: \"${unhandledSourceType}\"`\n        );\n    }\n  }\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Links.d.ts","sourceRoot":"","sources":["../../../../src/components-react/common/Links.ts"],"names":[],"mappings":"AAIA;;GAEG;AA4DH;;GAEG;AACH,eAAO,MAAM,UAAU,SACf,MAAM,KACX,MAAM;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAmBzE,CAAC"}

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

@@ -1,72 +0,0 @@
-"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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.matchLinks = void 0;
-// cSpell:ignore linkify
-const linkify_it_1 = __importDefault(require("linkify-it"));
-const linkify = new linkify_it_1.default({ fuzzyLink: false });
-linkify
-    .add("pw:", {
-    validate: (text, pos, self) => {
-        const tail = text.slice(pos);
-        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");
-        }
-        if (self.re.pw.test(tail)) {
-            const matches = tail.match(self.re.pw);
-            if (matches !== null)
-                return matches[0].length;
-        }
-        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");
-        }
-        if (self.re.www.test(tail)) {
-            const matches = tail.match(self.re.www);
-            if (matches !== null)
-                return matches[0].length;
-        }
-        return 0;
-    },
-    normalize: (match) => {
-        match.schema = "http:";
-        match.url = `http://${match.url}`;
-    },
-});
-/** Returns a list of links from a text
- * @public
- */
-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
-        : [];
-};
-exports.matchLinks = matchLinks;
-//# sourceMappingURL=Links.js.map