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

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/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 */
+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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DelayedSpinner.d.ts","sourceRoot":"","sources":["../../../../src/components-react/common/DelayedSpinner.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,EAAkB,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAE3E,wCAAwC;AACxC,aAAK,cAAc,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAC;AAElD;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,sBAmBxD"}
+{"version":3,"file":"DelayedSpinner.d.ts","sourceRoot":"","sources":["../../../../src/components-react/common/DelayedSpinner.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,EAAkB,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAE3E,wCAAwC;AACxC,KAAK,cAAc,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAC;AAElD;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,sBAmBxD"}

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

@@ -1,58 +1,61 @@
-"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;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DelayedSpinner = void 0;
+const React = __importStar(require("react"));
+const itwinui_react_1 = require("@itwin/itwinui-react");
+/**
+ * Spinner that is rendered with delay.
+ * @internal
+ */
+function DelayedSpinner(props) {
+    const delay = props.delay ?? 500;
+    const [loadStart] = React.useState(props.loadStart || new Date());
+    const currTime = new Date();
+    const diff = (currTime.getTime() - loadStart.getTime());
+    const update = useForceUpdate();
+    React.useEffect(() => {
+        if (diff >= delay)
+            return;
+        const timer = setTimeout(update, delay - diff);
+        return () => clearTimeout(timer);
+    });
+    if (diff < delay)
+        return null;
+    return (React.createElement(itwinui_react_1.ProgressRadial, { indeterminate: true, size: props.size ?? "large" }));
+}
+exports.DelayedSpinner = DelayedSpinner;
+const useForceUpdate = () => {
+    const [value, set] = React.useState(true);
+    return () => set(!value);
+};
 //# sourceMappingURL=DelayedSpinner.js.map

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

@@ -1 +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,KAAK,CAAC,KAAK,IAAI,GAAG,CAAC;IACjC,MAAM,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,SAAS,IAAI,IAAI,IAAI,EAAE,CAAC,CAAC;IAElE,MAAM,QAAQ,GAAG,IAAI,IAAI,EAAE,CAAC;IAC5B,MAAM,IAAI,GAAG,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,KAAK,CAAC,IAAI,IAAI,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"]}

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/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/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 type ImageSourceType = "svg" | "url" | "binary" | "core-icon" | "webfont-icon";
+/** Type of raw image format
+ * @public
+ */
+export 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 type Image = LoadedImage | LoadedBinaryImage;
+/** Interface for an image loader.
+ * @public
+ */
+export interface IImageLoader {
+    /** Function that will load image data */
+    load: (item: any) => Image | undefined;
+}
 //# sourceMappingURL=IImageLoader.d.ts.map

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

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