@itwin/components-react 3.5.0-dev.12 → 3.5.0-dev.13

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

@@ -1,69 +1,69 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-/**
- * 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
- */
-export function adjustDateToTimezone(inDateTime, utcOffset) {
-    return new Date(inDateTime.getTime() + (inDateTime.getTimezoneOffset() + utcOffset) * 60000);
-}
-/**
- * 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
- */
-export 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();
-};
-/**
- * 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
- */
-export 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();
-};
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+/**
+ * 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
+ */
+export function adjustDateToTimezone(inDateTime, utcOffset) {
+    return new Date(inDateTime.getTime() + (inDateTime.getTimezoneOffset() + utcOffset) * 60000);
+}
+/**
+ * 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
+ */
+export 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();
+};
+/**
+ * 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
+ */
+export 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();
+};
 //# sourceMappingURL=DateUtils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DateUtils.js","sourceRoot":"","sources":["../../../../src/components-react/common/DateUtils.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAWH;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,UAAU,oBAAoB,CAAC,UAAgB,EAAE,SAAiB;IACtE,OAAO,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,UAAU,CAAC,iBAAiB,EAAE,GAAG,SAAS,CAAC,GAAG,KAAK,CAAC,CAAC;AAC/F,CAAC;AACD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAU,EAAE,cAAuB,EAAE,aAAiC,EAAE,EAAE;IACrG,IAAI,aAAa,EAAE;QACjB,OAAO,SAAS,KAAK,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,aAAa,CAAC,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;YAC3G,oBAAoB,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC,kBAAkB,CAAC,aAAa,CAAC,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/G;IACD,OAAO,SAAS,KAAK,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,oBAAoB,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC,kBAAkB,EAAE,CAAC;AACpI,CAAC,CAAC;AACF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAU,EAAE,cAAuB,EAAE,aAAiC,EAAE,EAAE;IACrG,IAAI,aAAa,EAAE;QACjB,OAAO,SAAS,KAAK,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,aAAa,CAAC,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;YAC3G,oBAAoB,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC,kBAAkB,CAAC,aAAa,CAAC,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/G;IACD,OAAO,SAAS,KAAK,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,oBAAoB,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC,kBAAkB,EAAE,CAAC;AACpI,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Common\r\n */\r\n\r\n/**\r\n * Define formatting options for use when component are generating a formatted date string calling `Date.toLocaleTimeString()`.\r\n * @public\r\n */\r\nexport interface DateFormatOptions {\r\n  locales?: string | string[] | undefined;\r\n  options?: Intl.DateTimeFormatOptions | undefined;\r\n}\r\n\r\n/**\r\n * Adjust a Date object to show time in one time zone as if it is in the local time zone.\r\n * This is useful when showing sunrise and sunset times for a project location in a different time zone\r\n * and the time displayed should appear as if the user is seeing clock in project location.\r\n * Example 1:\r\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.\r\n * ```ts\r\n *   londonDate = new Date(\"July 22, 2018 07:22:13 +0100\");\r\n *   in Eastern-US londonDate will show as '7/22/2018, 2:22:13 AM'\r\n *   adjustedDate = adjustDateToTimezone(londonDate, 1*60);\r\n *   in location Eastern-US adjustedDate will show as '7/22/2018, 7:22:13 AM'\r\n * ```\r\n * Example 2:\r\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).\r\n * ```ts\r\n *   easternDate = new Date(\"July 22, 2018 07:22:13 -0400\");\r\n *   adjustedDate = adjustDateToTimezone(easternDate, -7*60);\r\n *   in location Eastern-US adjustedDate will show as '7/22/2018, 7:22:13 AM'\r\n * ```\r\n *\r\n * The utcOffset must be the time in minutes between the UTC and the desired time zone at the date specified by inDateTime.\r\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).\r\n * If the date falls during Standard Time in New York, utcOffset will be -300 (-5 * 60).\r\n *\r\n * @param inDateTime date/time at project location\r\n * @param utcOffset UTC offset in  minutes\r\n * @public\r\n */\r\nexport function adjustDateToTimezone(inDateTime: Date, utcOffset: number) {\r\n  return new Date(inDateTime.getTime() + (inDateTime.getTimezoneOffset() + utcOffset) * 60000);\r\n}\r\n/**\r\n * Format a date in a display string, optionally converting to time zone, if specified by timeZoneOffset\r\n * @param date Date object to format\r\n * @param timeZoneOffset optional: offset from UTC to use for conversion\r\n * @param formatOptions optional: allow locale and format for output Date string. If not defined current locale options are used.\r\n * @returns formatted date string\r\n * @public\r\n */\r\nexport const toDateString = (date: Date, timeZoneOffset?: number, formatOptions?: DateFormatOptions) => {\r\n  if (formatOptions) {\r\n    return undefined === timeZoneOffset ? date.toLocaleDateString(formatOptions.locales, formatOptions.options) :\r\n      adjustDateToTimezone(date, timeZoneOffset).toLocaleDateString(formatOptions.locales, formatOptions.options);\r\n  }\r\n  return undefined === timeZoneOffset ? date.toLocaleDateString() : adjustDateToTimezone(date, timeZoneOffset).toLocaleDateString();\r\n};\r\n/**\r\n * Format the time included in a date, optionally converting to time zone, if specified\r\n * @param date Date object\r\n * @param timeZoneOffset optional: offset from UTC to use for conversion\r\n * @param formatOptions optional: allow locale and format for output Time string. If not defined current locale options are used.\r\n * @returns formatted time string\r\n * @public\r\n */\r\nexport const toTimeString = (date: Date, timeZoneOffset?: number, formatOptions?: DateFormatOptions) => {\r\n  if (formatOptions) {\r\n    return undefined === timeZoneOffset ? date.toLocaleTimeString(formatOptions.locales, formatOptions.options) :\r\n      adjustDateToTimezone(date, timeZoneOffset).toLocaleTimeString(formatOptions.locales, formatOptions.options);\r\n  }\r\n  return undefined === timeZoneOffset ? date.toLocaleTimeString() : adjustDateToTimezone(date, timeZoneOffset).toLocaleTimeString();\r\n};\r\n\r\n"]}
+{"version":3,"file":"DateUtils.js","sourceRoot":"","sources":["../../../../src/components-react/common/DateUtils.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAWH;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,UAAU,oBAAoB,CAAC,UAAgB,EAAE,SAAiB;IACtE,OAAO,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,UAAU,CAAC,iBAAiB,EAAE,GAAG,SAAS,CAAC,GAAG,KAAK,CAAC,CAAC;AAC/F,CAAC;AACD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAU,EAAE,cAAuB,EAAE,aAAiC,EAAE,EAAE;IACrG,IAAI,aAAa,EAAE;QACjB,OAAO,SAAS,KAAK,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,aAAa,CAAC,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;YAC3G,oBAAoB,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC,kBAAkB,CAAC,aAAa,CAAC,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/G;IACD,OAAO,SAAS,KAAK,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,oBAAoB,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC,kBAAkB,EAAE,CAAC;AACpI,CAAC,CAAC;AACF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAU,EAAE,cAAuB,EAAE,aAAiC,EAAE,EAAE;IACrG,IAAI,aAAa,EAAE;QACjB,OAAO,SAAS,KAAK,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,aAAa,CAAC,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;YAC3G,oBAAoB,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC,kBAAkB,CAAC,aAAa,CAAC,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/G;IACD,OAAO,SAAS,KAAK,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,oBAAoB,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC,kBAAkB,EAAE,CAAC;AACpI,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\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(inDateTime.getTime() + (inDateTime.getTimezoneOffset() + utcOffset) * 60000);\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 = (date: Date, timeZoneOffset?: number, formatOptions?: DateFormatOptions) => {\n  if (formatOptions) {\n    return undefined === timeZoneOffset ? date.toLocaleDateString(formatOptions.locales, formatOptions.options) :\n      adjustDateToTimezone(date, timeZoneOffset).toLocaleDateString(formatOptions.locales, formatOptions.options);\n  }\n  return undefined === timeZoneOffset ? date.toLocaleDateString() : 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 = (date: Date, timeZoneOffset?: number, formatOptions?: DateFormatOptions) => {\n  if (formatOptions) {\n    return undefined === timeZoneOffset ? date.toLocaleTimeString(formatOptions.locales, formatOptions.options) :\n      adjustDateToTimezone(date, timeZoneOffset).toLocaleTimeString(formatOptions.locales, formatOptions.options);\n  }\n  return undefined === timeZoneOffset ? date.toLocaleTimeString() : adjustDateToTimezone(date, timeZoneOffset).toLocaleTimeString();\n};\n\n"]}

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

@@ -1,23 +1,23 @@
-/** @packageDocumentation
- * @module Common
- */
-/// <reference types="react" />
-import { ProgressRadialProps } from "@itwin/itwinui-react";
-/** Type for ProgressRadialProps.size */
-declare type RadialSizeType = ProgressRadialProps["size"];
-/**
- * Props for [[DelayedSpinner]] component.
- * @internal
- */
-export interface DelayedSpinnerProps {
-    loadStart?: Date;
-    delay?: number;
-    size?: RadialSizeType;
-}
-/**
- * Spinner that is rendered with delay.
- * @internal
- */
-export declare function DelayedSpinner(props: DelayedSpinnerProps): JSX.Element | null;
-export {};
+/** @packageDocumentation
+ * @module Common
+ */
+/// <reference types="react" />
+import { ProgressRadialProps } from "@itwin/itwinui-react";
+/** Type for ProgressRadialProps.size */
+declare type RadialSizeType = ProgressRadialProps["size"];
+/**
+ * Props for [[DelayedSpinner]] component.
+ * @internal
+ */
+export interface DelayedSpinnerProps {
+    loadStart?: Date;
+    delay?: number;
+    size?: RadialSizeType;
+}
+/**
+ * Spinner that is rendered with delay.
+ * @internal
+ */
+export declare function DelayedSpinner(props: DelayedSpinnerProps): JSX.Element | null;
+export {};
 //# sourceMappingURL=DelayedSpinner.d.ts.map

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

@@ -1,35 +1,35 @@
-/*---------------------------------------------------------------------------------------------
-* 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 { ProgressRadial } from "@itwin/itwinui-react";
-/**
- * Spinner that is rendered with delay.
- * @internal
- */
-export function DelayedSpinner(props) {
-    var _a, _b;
-    const delay = (_a = props.delay) !== null && _a !== void 0 ? _a : 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(ProgressRadial, { indeterminate: true, size: (_b = props.size) !== null && _b !== void 0 ? _b : "large" }));
-}
-const useForceUpdate = () => {
-    const [value, set] = React.useState(true);
-    return () => set(!value);
-};
+/*---------------------------------------------------------------------------------------------
+* 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 { ProgressRadial } from "@itwin/itwinui-react";
+/**
+ * Spinner that is rendered with delay.
+ * @internal
+ */
+export function DelayedSpinner(props) {
+    var _a, _b;
+    const delay = (_a = props.delay) !== null && _a !== void 0 ? _a : 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(ProgressRadial, { indeterminate: true, size: (_b = props.size) !== null && _b !== void 0 ? _b : "large" }));
+}
+const useForceUpdate = () => {
+    const [value, set] = React.useState(true);
+    return () => set(!value);
+};
 //# sourceMappingURL=DelayedSpinner.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DelayedSpinner.js","sourceRoot":"","sources":["../../../../src/components-react/common/DelayedSpinner.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAuB,MAAM,sBAAsB,CAAC;AAe3E;;;GAGG;AACH,MAAM,UAAU,cAAc,CAAC,KAA0B;;IACvD,MAAM,KAAK,GAAG,MAAA,KAAK,CAAC,KAAK,mCAAI,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,CAAC,QAAQ,CAAC,OAAO,EAAE,GAAG,SAAS,CAAC,OAAO,EAAE,CAAC,CAAC;IAExD,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAChC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,IAAI,IAAI,KAAK;YACf,OAAO;QACT,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;QACd,OAAO,IAAI,CAAC;IAEd,OAAO,CAAC,oBAAC,cAAc,IAAC,aAAa,QAAC,IAAI,EAAE,MAAA,KAAK,CAAC,IAAI,mCAAI,OAAO,GAAI,CAAC,CAAC;AACzE,CAAC;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":["/*---------------------------------------------------------------------------------------------\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 { ProgressRadial, ProgressRadialProps } from \"@itwin/itwinui-react\";\r\n\r\n/** Type for ProgressRadialProps.size */\r\ntype RadialSizeType = ProgressRadialProps[\"size\"];\r\n\r\n/**\r\n * Props for [[DelayedSpinner]] component.\r\n * @internal\r\n */\r\nexport interface DelayedSpinnerProps {\r\n  loadStart?: Date;\r\n  delay?: number;\r\n  size?: RadialSizeType;\r\n}\r\n\r\n/**\r\n * Spinner that is rendered with delay.\r\n * @internal\r\n */\r\nexport function DelayedSpinner(props: DelayedSpinnerProps) {\r\n  const delay = props.delay ?? 500;\r\n  const [loadStart] = React.useState(props.loadStart || new Date());\r\n\r\n  const currTime = new Date();\r\n  const diff = (currTime.getTime() - loadStart.getTime());\r\n\r\n  const update = useForceUpdate();\r\n  React.useEffect(() => {\r\n    if (diff >= delay)\r\n      return;\r\n    const timer = setTimeout(update, delay - diff);\r\n    return () => clearTimeout(timer);\r\n  });\r\n\r\n  if (diff < delay)\r\n    return null;\r\n\r\n  return (<ProgressRadial indeterminate size={props.size ?? \"large\"} />);\r\n}\r\n\r\nconst useForceUpdate = () => {\r\n  const [value, set] = React.useState(true);\r\n  return () => set(!value);\r\n};\r\n"]}
+{"version":3,"file":"DelayedSpinner.js","sourceRoot":"","sources":["../../../../src/components-react/common/DelayedSpinner.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAuB,MAAM,sBAAsB,CAAC;AAe3E;;;GAGG;AACH,MAAM,UAAU,cAAc,CAAC,KAA0B;;IACvD,MAAM,KAAK,GAAG,MAAA,KAAK,CAAC,KAAK,mCAAI,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,CAAC,QAAQ,CAAC,OAAO,EAAE,GAAG,SAAS,CAAC,OAAO,EAAE,CAAC,CAAC;IAExD,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAChC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,IAAI,IAAI,KAAK;YACf,OAAO;QACT,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;QACd,OAAO,IAAI,CAAC;IAEd,OAAO,CAAC,oBAAC,cAAc,IAAC,aAAa,QAAC,IAAI,EAAE,MAAA,KAAK,CAAC,IAAI,mCAAI,OAAO,GAAI,CAAC,CAAC;AACzE,CAAC;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, ProgressRadialProps } from \"@itwin/itwinui-react\";\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)\n      return;\n    const timer = setTimeout(update, delay - diff);\n    return () => clearTimeout(timer);\n  });\n\n  if (diff < delay)\n    return null;\n\n  return (<ProgressRadial indeterminate size={props.size ?? \"large\"} />);\n}\n\nconst useForceUpdate = () => {\n  const [value, set] = React.useState(true);\n  return () => set(!value);\n};\n"]}

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

@@ -1,23 +1,23 @@
-/** @packageDocumentation
- * @module Common
- */
-/// <reference types="react" />
-/**
- * Properties of [[HighlightedText]]
- * @public
- */
-export interface HighlightedTextProps {
-    searchText: string;
-    activeMatchIndex?: number;
-    text: string;
-    /** Should search be case sensitive */
-    caseSensitive?: boolean;
-}
-/**
- * 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
- */
-export declare function HighlightedText(props: HighlightedTextProps): JSX.Element;
+/** @packageDocumentation
+ * @module Common
+ */
+/// <reference types="react" />
+/**
+ * Properties of [[HighlightedText]]
+ * @public
+ */
+export interface HighlightedTextProps {
+    searchText: string;
+    activeMatchIndex?: number;
+    text: string;
+    /** Should search be case sensitive */
+    caseSensitive?: boolean;
+}
+/**
+ * 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
+ */
+export declare function HighlightedText(props: HighlightedTextProps): JSX.Element;
 //# sourceMappingURL=HighlightedText.d.ts.map

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

@@ -1,32 +1,32 @@
-/*---------------------------------------------------------------------------------------------
-* 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 React from "react";
-import Highlighter from "react-highlight-words";
-import { HighlightingEngine } from "../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
- */
-export function HighlightedText(props) {
-    const { searchText, activeMatchIndex, text, caseSensitive } = props;
-    return (React.createElement(Highlighter, { searchWords: [searchText], findChunks: findChunksNoRegex, activeIndex: activeMatchIndex, activeClassName: HighlightingEngine.ACTIVE_CLASS_NAME, autoEscape: true, textToHighlight: text, caseSensitive: caseSensitive }));
-}
-const findChunksNoRegex = (args) => {
-    const text = args.caseSensitive ? args.textToHighlight : args.textToHighlight.toUpperCase();
-    const term = args.caseSensitive ? args.searchWords[0] : args.searchWords[0].toUpperCase();
-    const chunks = [];
-    let index = text.indexOf(term);
-    while (index !== -1) {
-        chunks.push({ start: index, end: index + term.length, highlight: true });
-        index = text.indexOf(term, index + 1);
-    }
-    return chunks;
-};
+/*---------------------------------------------------------------------------------------------
+* 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 React from "react";
+import Highlighter from "react-highlight-words";
+import { HighlightingEngine } from "../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
+ */
+export function HighlightedText(props) {
+    const { searchText, activeMatchIndex, text, caseSensitive } = props;
+    return (React.createElement(Highlighter, { searchWords: [searchText], findChunks: findChunksNoRegex, activeIndex: activeMatchIndex, activeClassName: HighlightingEngine.ACTIVE_CLASS_NAME, autoEscape: true, textToHighlight: text, caseSensitive: caseSensitive }));
+}
+const findChunksNoRegex = (args) => {
+    const text = args.caseSensitive ? args.textToHighlight : args.textToHighlight.toUpperCase();
+    const term = args.caseSensitive ? args.searchWords[0] : args.searchWords[0].toUpperCase();
+    const chunks = [];
+    let index = text.indexOf(term);
+    while (index !== -1) {
+        chunks.push({ start: index, end: index + term.length, highlight: true });
+        index = text.indexOf(term, index + 1);
+    }
+    return chunks;
+};
 //# sourceMappingURL=HighlightedText.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HighlightedText.js","sourceRoot":"","sources":["../../../../src/components-react/common/HighlightedText.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAiBhE;;;;;GAKG;AACH,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IACpE,OAAO,CACL,oBAAC,WAAW,IACV,WAAW,EAAE,CAAC,UAAU,CAAC,EACzB,UAAU,EAAE,iBAAwB,EACpC,WAAW,EAAE,gBAAuB,EACpC,eAAe,EAAE,kBAAkB,CAAC,iBAAiB,EACrD,UAAU,EAAE,IAAI,EAChB,eAAe,EAAE,IAAI,EACrB,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;AACJ,CAAC;AAaD,MAAM,iBAAiB,GAAG,CAAC,IAAoB,EAAsB,EAAE;IACrE,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE,CAAC;IAC5F,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAC1F,MAAM,MAAM,GAAuB,EAAE,CAAC;IACtC,IAAI,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,OAAO,KAAK,KAAK,CAAC,CAAC,EAAE;QACnB,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;QACzE,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;KACvC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Common\r\n */\r\n\r\nimport React from \"react\";\r\nimport Highlighter from \"react-highlight-words\";\r\nimport { HighlightingEngine } from \"../tree/HighlightingEngine\";\r\n\r\n/**\r\n * Properties of [[HighlightedText]]\r\n * @public\r\n */\r\nexport interface HighlightedTextProps {\r\n  /* Filter text which we want to highlight */\r\n  searchText: string;\r\n  /* Index of actively highlighted part in a text */\r\n  activeMatchIndex?: number;\r\n  /* Full text */\r\n  text: string;\r\n  /** Should search be case sensitive */\r\n  caseSensitive?: boolean;\r\n}\r\n\r\n/**\r\n * Highlighted text\r\n * Used for highlighting parts in the 'text' which match with 'searchText'\r\n * Also actively highlights one matched part which is selected with 'activeMatchIndex'\r\n * @public\r\n */\r\nexport function HighlightedText(props: HighlightedTextProps) {\r\n  const { searchText, activeMatchIndex, text, caseSensitive } = props;\r\n  return (\r\n    <Highlighter\r\n      searchWords={[searchText]}\r\n      findChunks={findChunksNoRegex as any} // .d.ts declaration wrong\r\n      activeIndex={activeMatchIndex as any} // .d.ts file seems to be wrong, doesn't work if it's a string\r\n      activeClassName={HighlightingEngine.ACTIVE_CLASS_NAME}\r\n      autoEscape={true}\r\n      textToHighlight={text}\r\n      caseSensitive={caseSensitive}\r\n    />\r\n  );\r\n}\r\n\r\ninterface HighlighterChunk {\r\n  highlight: boolean;\r\n  start: number;\r\n  end: number;\r\n}\r\ninterface FindChunksArgs {\r\n  autoEscape?: boolean;\r\n  caseSensitive?: boolean;\r\n  searchWords: string[];\r\n  textToHighlight: string;\r\n}\r\nconst findChunksNoRegex = (args: FindChunksArgs): HighlighterChunk[] => {\r\n  const text = args.caseSensitive ? args.textToHighlight : args.textToHighlight.toUpperCase();\r\n  const term = args.caseSensitive ? args.searchWords[0] : args.searchWords[0].toUpperCase();\r\n  const chunks: HighlighterChunk[] = [];\r\n  let index = text.indexOf(term);\r\n  while (index !== -1) {\r\n    chunks.push({ start: index, end: index + term.length, highlight: true });\r\n    index = text.indexOf(term, index + 1);\r\n  }\r\n  return chunks;\r\n};\r\n"]}
+{"version":3,"file":"HighlightedText.js","sourceRoot":"","sources":["../../../../src/components-react/common/HighlightedText.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAiBhE;;;;;GAKG;AACH,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IACpE,OAAO,CACL,oBAAC,WAAW,IACV,WAAW,EAAE,CAAC,UAAU,CAAC,EACzB,UAAU,EAAE,iBAAwB,EACpC,WAAW,EAAE,gBAAuB,EACpC,eAAe,EAAE,kBAAkB,CAAC,iBAAiB,EACrD,UAAU,EAAE,IAAI,EAChB,eAAe,EAAE,IAAI,EACrB,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;AACJ,CAAC;AAaD,MAAM,iBAAiB,GAAG,CAAC,IAAoB,EAAsB,EAAE;IACrE,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE,CAAC;IAC5F,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAC1F,MAAM,MAAM,GAAuB,EAAE,CAAC;IACtC,IAAI,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,OAAO,KAAK,KAAK,CAAC,CAAC,EAAE;QACnB,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;QACzE,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;KACvC;IACD,OAAO,MAAM,CAAC;AAChB,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 React from \"react\";\nimport Highlighter from \"react-highlight-words\";\nimport { HighlightingEngine } from \"../tree/HighlightingEngine\";\n\n/**\n * Properties of [[HighlightedText]]\n * @public\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 */\nexport function HighlightedText(props: HighlightedTextProps) {\n  const { searchText, activeMatchIndex, text, caseSensitive } = props;\n  return (\n    <Highlighter\n      searchWords={[searchText]}\n      findChunks={findChunksNoRegex as any} // .d.ts declaration wrong\n      activeIndex={activeMatchIndex as any} // .d.ts file seems to be wrong, doesn't work if it's a string\n      activeClassName={HighlightingEngine.ACTIVE_CLASS_NAME}\n      autoEscape={true}\n      textToHighlight={text}\n      caseSensitive={caseSensitive}\n    />\n  );\n}\n\ninterface HighlighterChunk {\n  highlight: boolean;\n  start: number;\n  end: number;\n}\ninterface FindChunksArgs {\n  autoEscape?: boolean;\n  caseSensitive?: boolean;\n  searchWords: string[];\n  textToHighlight: string;\n}\nconst findChunksNoRegex = (args: FindChunksArgs): HighlighterChunk[] => {\n  const text = args.caseSensitive ? args.textToHighlight : args.textToHighlight.toUpperCase();\n  const term = args.caseSensitive ? args.searchWords[0] : args.searchWords[0].toUpperCase();\n  const chunks: HighlighterChunk[] = [];\n  let index = text.indexOf(term);\n  while (index !== -1) {\n    chunks.push({ start: index, end: index + term.length, highlight: true });\n    index = text.indexOf(term, index + 1);\n  }\n  return chunks;\n};\n"]}

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

@@ -1,20 +1,20 @@
-/** @packageDocumentation
- * @module Common
- */
-/**
- * Item highlight info used for identification of a specific highlight in an item
- * @public
- */
-export interface HighlightInfo {
-    highlightedItemIdentifier: string;
-    highlightIndex: number;
-}
-/**
- * Properties used for highlighting parts in item by given text and actively highlighting one highlight in a distinct item specified in `activeHighlight`
- * @public
- */
-export interface HighlightingComponentProps {
-    highlightedText: string;
-    activeHighlight?: HighlightInfo;
-}
+/** @packageDocumentation
+ * @module Common
+ */
+/**
+ * Item highlight info used for identification of a specific highlight in an item
+ * @public
+ */
+export interface HighlightInfo {
+    highlightedItemIdentifier: string;
+    highlightIndex: number;
+}
+/**
+ * Properties used for highlighting parts in item by given text and actively highlighting one highlight in a distinct item specified in `activeHighlight`
+ * @public
+ */
+export interface HighlightingComponentProps {
+    highlightedText: string;
+    activeHighlight?: HighlightInfo;
+}
 //# sourceMappingURL=HighlightingComponentProps.d.ts.map

package/lib/esm/components-react/common/HighlightingComponentProps.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=HighlightingComponentProps.js.map

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

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

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