@itwin/components-react 4.0.0-dev.1 → 4.0.0-dev.3

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

@@ -1,75 +1,75 @@
-"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;
+"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 +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,SAAgB,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;AAFD,oDAEC;AACD;;;;;;;GAOG;AACI,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;AANW,QAAA,YAAY,gBAMvB;AACF;;;;;;;GAOG;AACI,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;AANW,QAAA,YAAY,gBAMvB","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,SAAgB,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;AAFD,oDAEC;AACD;;;;;;;GAOG;AACI,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;AANW,QAAA,YAAY,gBAMvB;AACF;;;;;;;GAOG;AACI,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;AANW,QAAA,YAAY,gBAMvB","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/cjs/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/cjs/components-react/common/DelayedSpinner.js

@@ -1,58 +1,58 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Common
- */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.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) {
-    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(itwinui_react_1.ProgressRadial, { indeterminate: true, size: (_b = props.size) !== null && _b !== void 0 ? _b : "large" }));
-}
-exports.DelayedSpinner = DelayedSpinner;
-const useForceUpdate = () => {
-    const [value, set] = React.useState(true);
-    return () => set(!value);
-};
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Common
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.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) {
+    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(itwinui_react_1.ProgressRadial, { indeterminate: true, size: (_b = props.size) !== null && _b !== void 0 ? _b : "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 +1 @@
-{"version":3,"file":"DelayedSpinner.js","sourceRoot":"","sources":["../../../../src/components-react/common/DelayedSpinner.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAC/B,wDAA2E;AAe3E;;;GAGG;AACH,SAAgB,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,8BAAc,IAAC,aAAa,QAAC,IAAI,EAAE,MAAA,KAAK,CAAC,IAAI,mCAAI,OAAO,GAAI,CAAC,CAAC;AACzE,CAAC;AAnBD,wCAmBC;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,6CAA+B;AAC/B,wDAA2E;AAe3E;;;GAGG;AACH,SAAgB,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,8BAAc,IAAC,aAAa,QAAC,IAAI,EAAE,MAAA,KAAK,CAAC,IAAI,mCAAI,OAAO,GAAI,CAAC,CAAC;AACzE,CAAC;AAnBD,wCAmBC;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/cjs/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/cjs/components-react/common/HighlightedText.js

@@ -1,39 +1,39 @@
-"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.HighlightedText = void 0;
-const react_1 = __importDefault(require("react"));
-const react_highlight_words_1 = __importDefault(require("react-highlight-words"));
-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
- */
-function HighlightedText(props) {
-    const { searchText, activeMatchIndex, text, caseSensitive } = props;
-    return (react_1.default.createElement(react_highlight_words_1.default, { searchWords: [searchText], findChunks: findChunksNoRegex, activeIndex: activeMatchIndex, activeClassName: HighlightingEngine_1.HighlightingEngine.ACTIVE_CLASS_NAME, autoEscape: true, textToHighlight: text, caseSensitive: caseSensitive }));
-}
-exports.HighlightedText = HighlightedText;
-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;
-};
+"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.HighlightedText = void 0;
+const react_1 = __importDefault(require("react"));
+const react_highlight_words_1 = __importDefault(require("react-highlight-words"));
+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
+ */
+function HighlightedText(props) {
+    const { searchText, activeMatchIndex, text, caseSensitive } = props;
+    return (react_1.default.createElement(react_highlight_words_1.default, { searchWords: [searchText], findChunks: findChunksNoRegex, activeIndex: activeMatchIndex, activeClassName: HighlightingEngine_1.HighlightingEngine.ACTIVE_CLASS_NAME, autoEscape: true, textToHighlight: text, caseSensitive: caseSensitive }));
+}
+exports.HighlightedText = HighlightedText;
+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/cjs/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,kDAA0B;AAC1B,kFAAgD;AAChD,mEAAgE;AAiBhE;;;;;GAKG;AACH,SAAgB,eAAe,CAAC,KAA2B;IACzD,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IACpE,OAAO,CACL,8BAAC,+BAAW,IACV,WAAW,EAAE,CAAC,UAAU,CAAC,EACzB,UAAU,EAAE,iBAAwB,EACpC,WAAW,EAAE,gBAAuB,EACpC,eAAe,EAAE,uCAAkB,CAAC,iBAAiB,EACrD,UAAU,EAAE,IAAI,EAChB,eAAe,EAAE,IAAI,EACrB,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;AACJ,CAAC;AAbD,0CAaC;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,kDAA0B;AAC1B,kFAAgD;AAChD,mEAAgE;AAiBhE;;;;;GAKG;AACH,SAAgB,eAAe,CAAC,KAA2B;IACzD,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IACpE,OAAO,CACL,8BAAC,+BAAW,IACV,WAAW,EAAE,CAAC,UAAU,CAAC,EACzB,UAAU,EAAE,iBAAwB,EACpC,WAAW,EAAE,gBAAuB,EACpC,eAAe,EAAE,uCAAkB,CAAC,iBAAiB,EACrD,UAAU,EAAE,IAAI,EAChB,eAAe,EAAE,IAAI,EACrB,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;AACJ,CAAC;AAbD,0CAaC;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/cjs/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/cjs/components-react/common/HighlightingComponentProps.js

@@ -1,10 +1,10 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Common
- */
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Common
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=HighlightingComponentProps.js.map

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