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

package/lib/esm/core-react/utils/getBestBWContrastColor.js.map

@@ -1 +1 @@
-{"version":3,"file":"getBestBWContrastColor.js","sourceRoot":"","sources":["../../../../src/core-react/utils/getBestBWContrastColor.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,uBAAuB;AAEvB;;GAEG;AACH,MAAM,UAAU,sBAAsB,CAAC,QAAgB;IACrD,MAAM,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC9C,MAAM,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC9C,MAAM,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC9C,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC;IACvD,OAAO,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;AAC1C,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 Utilities\r\n */\r\n\r\n// cspell:ignore RRGGBB\r\n\r\n/** Gets best black or white color that contrasts with a given color in #RRGGBB format.\r\n * @internal\r\n */\r\nexport function getBestBWContrastColor(hexColor: string) {\r\n  const r = parseInt(hexColor.substr(1, 2), 16);\r\n  const g = parseInt(hexColor.substr(3, 2), 16);\r\n  const b = parseInt(hexColor.substr(5, 2), 16);\r\n  const yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;\r\n  return (yiq >= 128) ? \"black\" : \"white\";\r\n}\r\n"]}
+{"version":3,"file":"getBestBWContrastColor.js","sourceRoot":"","sources":["../../../../src/core-react/utils/getBestBWContrastColor.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,uBAAuB;AAEvB;;GAEG;AACH,MAAM,UAAU,sBAAsB,CAAC,QAAgB;IACrD,MAAM,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACjD,MAAM,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACjD,MAAM,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACjD,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC;IACvD,OAAO,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;AAC1C,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 Utilities\r\n */\r\n\r\n// cspell:ignore RRGGBB\r\n\r\n/** Gets best black or white color that contrasts with a given color in #RRGGBB format.\r\n * @internal\r\n */\r\nexport function getBestBWContrastColor(hexColor: string) {\r\n  const r = parseInt(hexColor.substring(1, 3), 16);\r\n  const g = parseInt(hexColor.substring(3, 5), 16);\r\n  const b = parseInt(hexColor.substring(5, 7), 16);\r\n  const yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;\r\n  return (yiq >= 128) ? \"black\" : \"white\";\r\n}\r\n"]}

package/lib/esm/core-react/utils/getCssVariable.d.ts

@@ -1,12 +1,12 @@
-/** @packageDocumentation
- * @module Utilities
- */
-/** Get CSS variable
- * @public
- */
-export declare function getCssVariable(variableName: string, htmlElement?: HTMLElement): string;
-/** Get CSS variable as number
- * @public
- */
-export declare function getCssVariableAsNumber(variableName: string, htmlElement?: HTMLElement): number;
+/** @packageDocumentation
+ * @module Utilities
+ */
+/** Get CSS variable
+ * @public
+ */
+export declare function getCssVariable(variableName: string, htmlElement?: HTMLElement): string;
+/** Get CSS variable as number
+ * @public
+ */
+export declare function getCssVariableAsNumber(variableName: string, htmlElement?: HTMLElement): number;
 //# sourceMappingURL=getCssVariable.d.ts.map

package/lib/esm/core-react/utils/getCssVariable.js

@@ -1,27 +1,27 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Utilities
- */
-/** Get CSS variable
- * @public
- */
-export function getCssVariable(variableName, htmlElement) {
-    const element = htmlElement !== null && htmlElement !== void 0 ? htmlElement : document.documentElement;
-    const cssStyles = getComputedStyle(element, null);
-    const cssVal = String(cssStyles.getPropertyValue(variableName)).trim();
-    return cssVal;
-}
-/** Get CSS variable as number
- * @public
- */
-export function getCssVariableAsNumber(variableName, htmlElement) {
-    let cssValNum = NaN;
-    const cssValStr = getCssVariable(variableName, htmlElement);
-    if (cssValStr)
-        cssValNum = parseFloat(cssValStr);
-    return cssValNum;
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Utilities
+ */
+/** Get CSS variable
+ * @public
+ */
+export function getCssVariable(variableName, htmlElement) {
+    const element = htmlElement ?? document.documentElement;
+    const cssStyles = getComputedStyle(element, null);
+    const cssVal = String(cssStyles.getPropertyValue(variableName)).trim();
+    return cssVal;
+}
+/** Get CSS variable as number
+ * @public
+ */
+export function getCssVariableAsNumber(variableName, htmlElement) {
+    let cssValNum = NaN;
+    const cssValStr = getCssVariable(variableName, htmlElement);
+    if (cssValStr)
+        cssValNum = parseFloat(cssValStr);
+    return cssValNum;
+}
 //# sourceMappingURL=getCssVariable.js.map

package/lib/esm/core-react/utils/getCssVariable.js.map

@@ -1 +1 @@
-{"version":3,"file":"getCssVariable.js","sourceRoot":"","sources":["../../../../src/core-react/utils/getCssVariable.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH;;GAEG;AACH,MAAM,UAAU,cAAc,CAAC,YAAoB,EAAE,WAAyB;IAC5E,MAAM,OAAO,GAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,QAAQ,CAAC,eAAe,CAAC;IACxD,MAAM,SAAS,GAAG,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAClD,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IACvE,OAAO,MAAM,CAAC;AAChB,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,sBAAsB,CAAC,YAAoB,EAAE,WAAyB;IACpF,IAAI,SAAS,GAAW,GAAG,CAAC;IAC5B,MAAM,SAAS,GAAG,cAAc,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;IAC5D,IAAI,SAAS;QACX,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;IACpC,OAAO,SAAS,CAAC;AACnB,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 Utilities\r\n */\r\n\r\n/** Get CSS variable\r\n * @public\r\n */\r\nexport function getCssVariable(variableName: string, htmlElement?: HTMLElement): string {\r\n  const element = htmlElement ?? document.documentElement;\r\n  const cssStyles = getComputedStyle(element, null);\r\n  const cssVal = String(cssStyles.getPropertyValue(variableName)).trim();\r\n  return cssVal;\r\n}\r\n\r\n/** Get CSS variable as number\r\n * @public\r\n */\r\nexport function getCssVariableAsNumber(variableName: string, htmlElement?: HTMLElement): number {\r\n  let cssValNum: number = NaN;\r\n  const cssValStr = getCssVariable(variableName, htmlElement);\r\n  if (cssValStr)\r\n    cssValNum = parseFloat(cssValStr);\r\n  return cssValNum;\r\n}\r\n"]}
+{"version":3,"file":"getCssVariable.js","sourceRoot":"","sources":["../../../../src/core-react/utils/getCssVariable.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH;;GAEG;AACH,MAAM,UAAU,cAAc,CAAC,YAAoB,EAAE,WAAyB;IAC5E,MAAM,OAAO,GAAG,WAAW,IAAI,QAAQ,CAAC,eAAe,CAAC;IACxD,MAAM,SAAS,GAAG,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAClD,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IACvE,OAAO,MAAM,CAAC;AAChB,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,sBAAsB,CAAC,YAAoB,EAAE,WAAyB;IACpF,IAAI,SAAS,GAAW,GAAG,CAAC;IAC5B,MAAM,SAAS,GAAG,cAAc,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;IAC5D,IAAI,SAAS;QACX,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;IACpC,OAAO,SAAS,CAAC;AACnB,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 Utilities\r\n */\r\n\r\n/** Get CSS variable\r\n * @public\r\n */\r\nexport function getCssVariable(variableName: string, htmlElement?: HTMLElement): string {\r\n  const element = htmlElement ?? document.documentElement;\r\n  const cssStyles = getComputedStyle(element, null);\r\n  const cssVal = String(cssStyles.getPropertyValue(variableName)).trim();\r\n  return cssVal;\r\n}\r\n\r\n/** Get CSS variable as number\r\n * @public\r\n */\r\nexport function getCssVariableAsNumber(variableName: string, htmlElement?: HTMLElement): number {\r\n  let cssValNum: number = NaN;\r\n  const cssValStr = getCssVariable(variableName, htmlElement);\r\n  if (cssValStr)\r\n    cssValNum = parseFloat(cssValStr);\r\n  return cssValNum;\r\n}\r\n"]}

package/lib/esm/core-react/utils/getDisplayName.d.ts

@@ -1,9 +1,9 @@
-/** @packageDocumentation
- * @module Utilities
- */
-import * as React from "react";
-/** Gets the display name for a React component.
- * @internal
- */
-export declare const getDisplayName: (component: React.ComponentType<any>) => string;
+/** @packageDocumentation
+ * @module Utilities
+ */
+import * as React from "react";
+/** Gets the display name for a React component.
+ * @internal
+ */
+export declare const getDisplayName: (component: React.ComponentType<any>) => string;
 //# sourceMappingURL=getDisplayName.d.ts.map

package/lib/esm/core-react/utils/getDisplayName.js

@@ -1,18 +1,18 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Utilities
- */
-/** Gets the display name for a React component.
- * @internal
- */
-export const getDisplayName = (component) => {
-    if (component.displayName)
-        return component.displayName;
-    if (component.name)
-        return component.name;
-    return "Component";
-};
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Utilities
+ */
+/** Gets the display name for a React component.
+ * @internal
+ */
+export const getDisplayName = (component) => {
+    if (component.displayName)
+        return component.displayName;
+    if (component.name)
+        return component.name;
+    return "Component";
+};
 //# sourceMappingURL=getDisplayName.js.map

package/lib/esm/core-react/utils/getUserColor.d.ts

@@ -1,8 +1,8 @@
-/** @packageDocumentation
- * @module Utilities
- */
-/** Gets a color based on a given email address. This color is usually displayed in an avatar component.
- * @internal
- */
-export declare function getUserColor(email: string): string;
+/** @packageDocumentation
+ * @module Utilities
+ */
+/** Gets a color based on a given email address. This color is usually displayed in an avatar component.
+ * @internal
+ */
+export declare function getUserColor(email: string): string;
 //# sourceMappingURL=getUserColor.d.ts.map

package/lib/esm/core-react/utils/getUserColor.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 Utilities
- */
-const COLORS = [
-    "#6ab9ec",
-    "#b1c854",
-    "#f7706c",
-    "#4585a5",
-    "#ffc335",
-    "#f7963e",
-    "#73c7c1",
-    "#85a9cf",
-    "#a3779f",
-    "#c8c2b4",
-    "#a47854",
-];
-/** Gets a color based on a given email address. This color is usually displayed in an avatar component.
- * @internal
- */
-export function getUserColor(email) {
-    if (typeof email !== "string") // Test for invalid data
-        return COLORS[0];
-    const cleanString = email.trim().toLowerCase();
-    let hash = 0;
-    for (let i = 0; i < cleanString.length; i++) {
-        const charCode = cleanString.charCodeAt(i);
-        hash = (hash + charCode) % COLORS.length;
-    }
-    return COLORS[hash];
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Utilities
+ */
+const COLORS = [
+    "#6ab9ec",
+    "#b1c854",
+    "#f7706c",
+    "#4585a5",
+    "#ffc335",
+    "#f7963e",
+    "#73c7c1",
+    "#85a9cf",
+    "#a3779f",
+    "#c8c2b4",
+    "#a47854",
+];
+/** Gets a color based on a given email address. This color is usually displayed in an avatar component.
+ * @internal
+ */
+export function getUserColor(email) {
+    if (typeof email !== "string") // Test for invalid data
+        return COLORS[0];
+    const cleanString = email.trim().toLowerCase();
+    let hash = 0;
+    for (let i = 0; i < cleanString.length; i++) {
+        const charCode = cleanString.charCodeAt(i);
+        hash = (hash + charCode) % COLORS.length;
+    }
+    return COLORS[hash];
+}
 //# sourceMappingURL=getUserColor.js.map

package/lib/esm/core-react/utils/hooks/ResizeObserverPolyfill.d.ts

@@ -1,5 +1,5 @@
-/** @internal */
-export declare type ResizeObserverType = typeof import("resize-observer-polyfill").default;
-/** @internal */
-export declare const ResizeObserver: ResizeObserverType;
+/** @internal */
+export type ResizeObserverType = typeof import("resize-observer-polyfill").default;
+/** @internal */
+export declare const ResizeObserver: ResizeObserverType;
 //# sourceMappingURL=ResizeObserverPolyfill.d.ts.map

package/lib/esm/core-react/utils/hooks/ResizeObserverPolyfill.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResizeObserverPolyfill.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/ResizeObserverPolyfill.tsx"],"names":[],"mappings":"AASA,gBAAgB;AAChB,oBAAY,kBAAkB,GAAG,cAAc,0BAA0B,EAAE,OAAO,CAAC;AASnF,gBAAgB;AAChB,eAAO,MAAM,cAAc,EAAE,kBAAsD,CAAC"}
+{"version":3,"file":"ResizeObserverPolyfill.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/ResizeObserverPolyfill.tsx"],"names":[],"mappings":"AASA,gBAAgB;AAChB,MAAM,MAAM,kBAAkB,GAAG,cAAc,0BAA0B,EAAE,OAAO,CAAC;AASnF,gBAAgB;AAChB,eAAO,MAAM,cAAc,EAAE,kBAAsD,CAAC"}

package/lib/esm/core-react/utils/hooks/ResizeObserverPolyfill.js

@@ -1,17 +1,17 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Utilities
- */
-import * as ResizeObserverPolyfill from "resize-observer-polyfill";
-function getModule(mod) {
-    /* istanbul ignore if */
-    if (mod.default)
-        return mod.default;
-    return mod;
-}
-/** @internal */
-export const ResizeObserver = getModule(ResizeObserverPolyfill); // eslint-disable-line @typescript-eslint/naming-convention
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Utilities
+ */
+import * as ResizeObserverPolyfill from "resize-observer-polyfill";
+function getModule(mod) {
+    /* istanbul ignore if */
+    if (mod.default)
+        return mod.default;
+    return mod;
+}
+/** @internal */
+export const ResizeObserver = getModule(ResizeObserverPolyfill); // eslint-disable-line @typescript-eslint/naming-convention
 //# sourceMappingURL=ResizeObserverPolyfill.js.map

package/lib/esm/core-react/utils/hooks/useCrossOriginPopup.d.ts

@@ -1,8 +1,8 @@
-/** @packageDocumentation
- * @module Utilities
- */
-/** Hook that will show a popup window
- * @beta
- */
-export declare function useCrossOriginPopup(visible: boolean, url: string | undefined, title: string, width: number, height: number, onClose: () => void): void;
+/** @packageDocumentation
+ * @module Utilities
+ */
+/** Hook that will show a popup window
+ * @beta
+ */
+export declare function useCrossOriginPopup(visible: boolean, url: string | undefined, title: string, width: number, height: number, onClose: () => void): void;
 //# sourceMappingURL=useCrossOriginPopup.d.ts.map

package/lib/esm/core-react/utils/hooks/useCrossOriginPopup.js

@@ -1,86 +1,85 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Utilities
- */
-import * as React from "react";
-import { useInterval } from "./useInterval";
-/** Hook that will show a popup window
- * @beta
- */
-export function useCrossOriginPopup(visible, url, title, width, height, onClose) {
-    const [checkPopupAliveDelay, setCheckPopupAliveDelay] = React.useState();
-    // ONLY re-render the popup when visibility changes, any other changes get deferred until next visibility change
-    // hence the massive use of 'useRef'
-    const popupWindow = React.useRef();
-    const savedUrl = React.useRef(url);
-    const savedTitle = React.useRef(title);
-    const savedWidth = React.useRef(width);
-    const savedHeight = React.useRef(height);
-    const savedOnClose = React.useRef(onClose);
-    React.useEffect(() => { savedUrl.current = url; }, [url]);
-    React.useEffect(() => { savedTitle.current = title; }, [title]);
-    React.useEffect(() => { savedWidth.current = width; }, [width]);
-    React.useEffect(() => { savedHeight.current = height; }, [height]);
-    React.useEffect(() => { savedOnClose.current = onClose; }, [onClose]);
-    // Cleanup method after a popup closure.  Also calls the OnClose callback.
-    const handleClosedPopup = React.useCallback(() => {
-        savedOnClose.current();
-        setCheckPopupAliveDelay(undefined);
-        popupWindow.current = undefined;
-    }, []);
-    const closePopup = React.useCallback(() => {
-        if (popupWindow.current !== undefined) {
-            popupWindow.current.close(); // Manually close the popup
-            handleClosedPopup();
-        }
-    }, [handleClosedPopup]);
-    const checkPopupClosed = React.useCallback(() => {
-        var _a;
-        if ((_a = popupWindow.current) === null || _a === void 0 ? void 0 : _a.closed) {
-            // Popup has been closed by end-user, inform our host and cleanup
-            handleClosedPopup();
-        }
-    }, [handleClosedPopup]);
-    //  Close popup when parent window get closed
-    React.useEffect(() => {
-        window.onbeforeunload = (_event) => { closePopup(); };
-        return () => {
-            window.onbeforeunload = null;
-        };
-    }, [closePopup]);
-    // Whenever the hook is unloaded, make sure the underlying popup get closed.
-    // Note: An interval is used to check if popup was closed by user: because we access
-    // a cross domain resource inside the popup, we don't have access to popup window events.
-    // As a workaround, we periodically check if popup is still alive.
-    // Reference: https://stackoverflow.com/questions/9388380/capture-the-close-event-of-popup-window-in-javascript/48240128#48240128
-    React.useEffect(() => {
-        return () => {
-            closePopup();
-        };
-    }, [closePopup]);
-    // Timer that checks if popup was closed by end-user
-    useInterval(checkPopupClosed, checkPopupAliveDelay);
-    // ==> Main render effect
-    // Monitors visibility changes and open/close the popup accordingly.
-    React.useEffect(() => {
-        // If visible and a popup window is not already open, open a new popup window
-        if (visible && popupWindow.current === undefined) {
-            const popup = window.open(savedUrl.current, savedTitle.current, `width=${savedWidth.current},height=${savedHeight.current}`);
-            if (popup) {
-                popup.focus();
-                popupWindow.current = popup;
-                // Start and interval that will check if popup got closed by user
-                setCheckPopupAliveDelay(1000);
-            }
-        }
-        // If not visible but a previous popup window is still open, close it.
-        if (!visible && popupWindow.current !== undefined) {
-            popupWindow.current.close();
-            handleClosedPopup();
-        }
-    }, [handleClosedPopup, visible]);
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Utilities
+ */
+import * as React from "react";
+import { useInterval } from "./useInterval";
+/** Hook that will show a popup window
+ * @beta
+ */
+export function useCrossOriginPopup(visible, url, title, width, height, onClose) {
+    const [checkPopupAliveDelay, setCheckPopupAliveDelay] = React.useState();
+    // ONLY re-render the popup when visibility changes, any other changes get deferred until next visibility change
+    // hence the massive use of 'useRef'
+    const popupWindow = React.useRef();
+    const savedUrl = React.useRef(url);
+    const savedTitle = React.useRef(title);
+    const savedWidth = React.useRef(width);
+    const savedHeight = React.useRef(height);
+    const savedOnClose = React.useRef(onClose);
+    React.useEffect(() => { savedUrl.current = url; }, [url]);
+    React.useEffect(() => { savedTitle.current = title; }, [title]);
+    React.useEffect(() => { savedWidth.current = width; }, [width]);
+    React.useEffect(() => { savedHeight.current = height; }, [height]);
+    React.useEffect(() => { savedOnClose.current = onClose; }, [onClose]);
+    // Cleanup method after a popup closure.  Also calls the OnClose callback.
+    const handleClosedPopup = React.useCallback(() => {
+        savedOnClose.current();
+        setCheckPopupAliveDelay(undefined);
+        popupWindow.current = undefined;
+    }, []);
+    const closePopup = React.useCallback(() => {
+        if (popupWindow.current !== undefined) {
+            popupWindow.current.close(); // Manually close the popup
+            handleClosedPopup();
+        }
+    }, [handleClosedPopup]);
+    const checkPopupClosed = React.useCallback(() => {
+        if (popupWindow.current?.closed) {
+            // Popup has been closed by end-user, inform our host and cleanup
+            handleClosedPopup();
+        }
+    }, [handleClosedPopup]);
+    //  Close popup when parent window get closed
+    React.useEffect(() => {
+        window.onbeforeunload = (_event) => { closePopup(); };
+        return () => {
+            window.onbeforeunload = null;
+        };
+    }, [closePopup]);
+    // Whenever the hook is unloaded, make sure the underlying popup get closed.
+    // Note: An interval is used to check if popup was closed by user: because we access
+    // a cross domain resource inside the popup, we don't have access to popup window events.
+    // As a workaround, we periodically check if popup is still alive.
+    // Reference: https://stackoverflow.com/questions/9388380/capture-the-close-event-of-popup-window-in-javascript/48240128#48240128
+    React.useEffect(() => {
+        return () => {
+            closePopup();
+        };
+    }, [closePopup]);
+    // Timer that checks if popup was closed by end-user
+    useInterval(checkPopupClosed, checkPopupAliveDelay);
+    // ==> Main render effect
+    // Monitors visibility changes and open/close the popup accordingly.
+    React.useEffect(() => {
+        // If visible and a popup window is not already open, open a new popup window
+        if (visible && popupWindow.current === undefined) {
+            const popup = window.open(savedUrl.current, savedTitle.current, `width=${savedWidth.current},height=${savedHeight.current}`);
+            if (popup) {
+                popup.focus();
+                popupWindow.current = popup;
+                // Start and interval that will check if popup got closed by user
+                setCheckPopupAliveDelay(1000);
+            }
+        }
+        // If not visible but a previous popup window is still open, close it.
+        if (!visible && popupWindow.current !== undefined) {
+            popupWindow.current.close();
+            handleClosedPopup();
+        }
+    }, [handleClosedPopup, visible]);
+}
 //# sourceMappingURL=useCrossOriginPopup.js.map

package/lib/esm/core-react/utils/hooks/useCrossOriginPopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCrossOriginPopup.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useCrossOriginPopup.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Utilities\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport {useInterval} from \"./useInterval\";\r\n\r\n/** Hook that will show a popup window\r\n * @beta\r\n */\r\nexport function useCrossOriginPopup(visible: boolean, url: string | undefined, title: string, width: number, height: number, onClose: () => void) {\r\n\r\n  const [checkPopupAliveDelay, setCheckPopupAliveDelay] = React.useState<number | undefined>();\r\n\r\n  // ONLY re-render the popup when visibility changes, any other changes get deferred until next visibility change\r\n  // hence the massive use of 'useRef'\r\n  const popupWindow = React.useRef<Window>();\r\n  const savedUrl = React.useRef(url);\r\n  const savedTitle = React.useRef(title);\r\n  const savedWidth = React.useRef(width);\r\n  const savedHeight = React.useRef(height);\r\n  const savedOnClose = React.useRef(onClose);\r\n\r\n  React.useEffect(() => { savedUrl.current = url; }, [url]);\r\n  React.useEffect(() => { savedTitle.current = title; }, [title]);\r\n  React.useEffect(() => { savedWidth.current = width; }, [width]);\r\n  React.useEffect(() => { savedHeight.current = height; }, [height]);\r\n  React.useEffect(() => { savedOnClose.current = onClose; }, [onClose]);\r\n\r\n  // Cleanup method after a popup closure.  Also calls the OnClose callback.\r\n  const handleClosedPopup = React.useCallback(() => {\r\n    savedOnClose.current();\r\n    setCheckPopupAliveDelay(undefined);\r\n    popupWindow.current = undefined;\r\n  }, []);\r\n\r\n  const closePopup = React.useCallback(() => {\r\n    if (popupWindow.current !== undefined) {\r\n      popupWindow.current.close();    // Manually close the popup\r\n      handleClosedPopup();\r\n    }\r\n  }, [handleClosedPopup]);\r\n\r\n  const checkPopupClosed = React.useCallback(() => {\r\n    if (popupWindow.current?.closed) {\r\n      // Popup has been closed by end-user, inform our host and cleanup\r\n      handleClosedPopup();\r\n    }\r\n  }, [handleClosedPopup]);\r\n\r\n  //  Close popup when parent window get closed\r\n  React.useEffect(() => {\r\n    window.onbeforeunload = (_event) => {closePopup();};\r\n    return () => {\r\n      window.onbeforeunload = null;\r\n    };\r\n  }, [closePopup]);\r\n\r\n  // Whenever the hook is unloaded, make sure the underlying popup get closed.\r\n  // Note: An interval is used to check if popup was closed by user: because we access\r\n  // a cross domain resource inside the popup, we don't have access to popup window events.\r\n  // As a workaround, we periodically check if popup is still alive.\r\n  // Reference: https://stackoverflow.com/questions/9388380/capture-the-close-event-of-popup-window-in-javascript/48240128#48240128\r\n  React.useEffect(() => {\r\n    return () => {\r\n      closePopup();\r\n    };\r\n  }, [closePopup]);\r\n\r\n  // Timer that checks if popup was closed by end-user\r\n  useInterval(checkPopupClosed, checkPopupAliveDelay);\r\n\r\n  // ==> Main render effect\r\n  // Monitors visibility changes and open/close the popup accordingly.\r\n  React.useEffect(() => {\r\n    // If visible and a popup window is not already open, open a new popup window\r\n    if (visible && popupWindow.current === undefined) {\r\n      const popup = window.open(savedUrl.current, savedTitle.current, `width=${savedWidth.current},height=${savedHeight.current}`);\r\n      if (popup) {\r\n        popup.focus();\r\n        popupWindow.current = popup;\r\n\r\n        // Start and interval that will check if popup got closed by user\r\n        setCheckPopupAliveDelay(1000);\r\n      }\r\n    }\r\n\r\n    // If not visible but a previous popup window is still open, close it.\r\n    if (!visible && popupWindow.current !== undefined) {\r\n      popupWindow.current.close();\r\n\r\n      handleClosedPopup();\r\n    }\r\n\r\n  }, [handleClosedPopup, visible]);\r\n}\r\n"]}
+{"version":3,"file":"useCrossOriginPopup.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useCrossOriginPopup.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAE1C;;GAEG;AACH,MAAM,UAAU,mBAAmB,CAAC,OAAgB,EAAE,GAAuB,EAAE,KAAa,EAAE,KAAa,EAAE,MAAc,EAAE,OAAmB;IAE9I,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAsB,CAAC;IAE7F,gHAAgH;IAChH,oCAAoC;IACpC,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,EAAU,CAAC;IAC3C,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IACnC,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACvC,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACvC,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IACzC,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAE3C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,GAAG,QAAQ,CAAC,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAC1D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,GAAG,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAChE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,GAAG,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAChE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,GAAG,WAAW,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACnE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,GAAG,YAAY,CAAC,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEtE,0EAA0E;IAC1E,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC/C,YAAY,CAAC,OAAO,EAAE,CAAC;QACvB,uBAAuB,CAAC,SAAS,CAAC,CAAC;QACnC,WAAW,CAAC,OAAO,GAAG,SAAS,CAAC;IAClC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,WAAW,CAAC,OAAO,KAAK,SAAS,EAAE;YACrC,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAI,2BAA2B;YAC3D,iBAAiB,EAAE,CAAC;SACrB;IACH,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,MAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC9C,IAAI,WAAW,CAAC,OAAO,EAAE,MAAM,EAAE;YAC/B,iEAAiE;YACjE,iBAAiB,EAAE,CAAC;SACrB;IACH,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,6CAA6C;IAC7C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,CAAC,cAAc,GAAG,CAAC,MAAM,EAAE,EAAE,GAAE,UAAU,EAAE,CAAC,CAAA,CAAC,CAAC;QACpD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,cAAc,GAAG,IAAI,CAAC;QAC/B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,4EAA4E;IAC5E,oFAAoF;IACpF,yFAAyF;IACzF,kEAAkE;IAClE,iIAAiI;IACjI,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,GAAG,EAAE;YACV,UAAU,EAAE,CAAC;QACf,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,oDAAoD;IACpD,WAAW,CAAC,gBAAgB,EAAE,oBAAoB,CAAC,CAAC;IAEpD,yBAAyB;IACzB,oEAAoE;IACpE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,6EAA6E;QAC7E,IAAI,OAAO,IAAI,WAAW,CAAC,OAAO,KAAK,SAAS,EAAE;YAChD,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,UAAU,CAAC,OAAO,EAAE,SAAS,UAAU,CAAC,OAAO,WAAW,WAAW,CAAC,OAAO,EAAE,CAAC,CAAC;YAC7H,IAAI,KAAK,EAAE;gBACT,KAAK,CAAC,KAAK,EAAE,CAAC;gBACd,WAAW,CAAC,OAAO,GAAG,KAAK,CAAC;gBAE5B,iEAAiE;gBACjE,uBAAuB,CAAC,IAAI,CAAC,CAAC;aAC/B;SACF;QAED,sEAAsE;QACtE,IAAI,CAAC,OAAO,IAAI,WAAW,CAAC,OAAO,KAAK,SAAS,EAAE;YACjD,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YAE5B,iBAAiB,EAAE,CAAC;SACrB;IAEH,CAAC,EAAE,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC,CAAC;AACnC,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 Utilities\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport {useInterval} from \"./useInterval\";\r\n\r\n/** Hook that will show a popup window\r\n * @beta\r\n */\r\nexport function useCrossOriginPopup(visible: boolean, url: string | undefined, title: string, width: number, height: number, onClose: () => void) {\r\n\r\n  const [checkPopupAliveDelay, setCheckPopupAliveDelay] = React.useState<number | undefined>();\r\n\r\n  // ONLY re-render the popup when visibility changes, any other changes get deferred until next visibility change\r\n  // hence the massive use of 'useRef'\r\n  const popupWindow = React.useRef<Window>();\r\n  const savedUrl = React.useRef(url);\r\n  const savedTitle = React.useRef(title);\r\n  const savedWidth = React.useRef(width);\r\n  const savedHeight = React.useRef(height);\r\n  const savedOnClose = React.useRef(onClose);\r\n\r\n  React.useEffect(() => { savedUrl.current = url; }, [url]);\r\n  React.useEffect(() => { savedTitle.current = title; }, [title]);\r\n  React.useEffect(() => { savedWidth.current = width; }, [width]);\r\n  React.useEffect(() => { savedHeight.current = height; }, [height]);\r\n  React.useEffect(() => { savedOnClose.current = onClose; }, [onClose]);\r\n\r\n  // Cleanup method after a popup closure.  Also calls the OnClose callback.\r\n  const handleClosedPopup = React.useCallback(() => {\r\n    savedOnClose.current();\r\n    setCheckPopupAliveDelay(undefined);\r\n    popupWindow.current = undefined;\r\n  }, []);\r\n\r\n  const closePopup = React.useCallback(() => {\r\n    if (popupWindow.current !== undefined) {\r\n      popupWindow.current.close();    // Manually close the popup\r\n      handleClosedPopup();\r\n    }\r\n  }, [handleClosedPopup]);\r\n\r\n  const checkPopupClosed = React.useCallback(() => {\r\n    if (popupWindow.current?.closed) {\r\n      // Popup has been closed by end-user, inform our host and cleanup\r\n      handleClosedPopup();\r\n    }\r\n  }, [handleClosedPopup]);\r\n\r\n  //  Close popup when parent window get closed\r\n  React.useEffect(() => {\r\n    window.onbeforeunload = (_event) => {closePopup();};\r\n    return () => {\r\n      window.onbeforeunload = null;\r\n    };\r\n  }, [closePopup]);\r\n\r\n  // Whenever the hook is unloaded, make sure the underlying popup get closed.\r\n  // Note: An interval is used to check if popup was closed by user: because we access\r\n  // a cross domain resource inside the popup, we don't have access to popup window events.\r\n  // As a workaround, we periodically check if popup is still alive.\r\n  // Reference: https://stackoverflow.com/questions/9388380/capture-the-close-event-of-popup-window-in-javascript/48240128#48240128\r\n  React.useEffect(() => {\r\n    return () => {\r\n      closePopup();\r\n    };\r\n  }, [closePopup]);\r\n\r\n  // Timer that checks if popup was closed by end-user\r\n  useInterval(checkPopupClosed, checkPopupAliveDelay);\r\n\r\n  // ==> Main render effect\r\n  // Monitors visibility changes and open/close the popup accordingly.\r\n  React.useEffect(() => {\r\n    // If visible and a popup window is not already open, open a new popup window\r\n    if (visible && popupWindow.current === undefined) {\r\n      const popup = window.open(savedUrl.current, savedTitle.current, `width=${savedWidth.current},height=${savedHeight.current}`);\r\n      if (popup) {\r\n        popup.focus();\r\n        popupWindow.current = popup;\r\n\r\n        // Start and interval that will check if popup got closed by user\r\n        setCheckPopupAliveDelay(1000);\r\n      }\r\n    }\r\n\r\n    // If not visible but a previous popup window is still open, close it.\r\n    if (!visible && popupWindow.current !== undefined) {\r\n      popupWindow.current.close();\r\n\r\n      handleClosedPopup();\r\n    }\r\n\r\n  }, [handleClosedPopup, visible]);\r\n}\r\n"]}

package/lib/esm/core-react/utils/hooks/useDisposable.d.ts

@@ -1,18 +1,18 @@
-/** @packageDocumentation
- * @module Utilities
- */
-import { IDisposable } from "@itwin/core-bentley";
-/**
- * A custom hook which creates a disposable object and manages its disposal on unmount
- * or factory method change.
- * @public
- */
-export declare function useDisposable<TDisposable extends IDisposable>(createDisposable: () => TDisposable): TDisposable;
-/**
- * A custom hook which calls the factory method to create a disposable object
- * which might as well be undefined. If the result was a disposable object, the
- * hook takes care of disposing it when necessary.
- * @public
- */
-export declare function useOptionalDisposable<TDisposable extends IDisposable>(createDisposable: () => TDisposable | undefined): TDisposable | undefined;
+/** @packageDocumentation
+ * @module Utilities
+ */
+import { IDisposable } from "@itwin/core-bentley";
+/**
+ * A custom hook which creates a disposable object and manages its disposal on unmount
+ * or factory method change.
+ * @public
+ */
+export declare function useDisposable<TDisposable extends IDisposable>(createDisposable: () => TDisposable): TDisposable;
+/**
+ * A custom hook which calls the factory method to create a disposable object
+ * which might as well be undefined. If the result was a disposable object, the
+ * hook takes care of disposing it when necessary.
+ * @public
+ */
+export declare function useOptionalDisposable<TDisposable extends IDisposable>(createDisposable: () => TDisposable | undefined): TDisposable | undefined;
 //# sourceMappingURL=useDisposable.d.ts.map

package/lib/esm/core-react/utils/hooks/useDisposable.js

@@ -1,34 +1,34 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Utilities
- */
-import { useEffect, useMemo, useRef } from "react";
-/**
- * A custom hook which creates a disposable object and manages its disposal on unmount
- * or factory method change.
- * @public
- */
-export function useDisposable(createDisposable) {
-    return useOptionalDisposable(createDisposable);
-}
-/**
- * A custom hook which calls the factory method to create a disposable object
- * which might as well be undefined. If the result was a disposable object, the
- * hook takes care of disposing it when necessary.
- * @public
- */
-export function useOptionalDisposable(createDisposable) {
-    const previous = useRef();
-    const value = useMemo(() => {
-        if (previous.current)
-            previous.current.dispose();
-        previous.current = createDisposable();
-        return previous.current;
-    }, [createDisposable]);
-    useEffect(() => () => previous.current && previous.current.dispose(), []);
-    return 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 Utilities
+ */
+import { useEffect, useMemo, useRef } from "react";
+/**
+ * A custom hook which creates a disposable object and manages its disposal on unmount
+ * or factory method change.
+ * @public
+ */
+export function useDisposable(createDisposable) {
+    return useOptionalDisposable(createDisposable);
+}
+/**
+ * A custom hook which calls the factory method to create a disposable object
+ * which might as well be undefined. If the result was a disposable object, the
+ * hook takes care of disposing it when necessary.
+ * @public
+ */
+export function useOptionalDisposable(createDisposable) {
+    const previous = useRef();
+    const value = useMemo(() => {
+        if (previous.current)
+            previous.current.dispose();
+        previous.current = createDisposable();
+        return previous.current;
+    }, [createDisposable]);
+    useEffect(() => () => previous.current && previous.current.dispose(), []);
+    return value;
+}
 //# sourceMappingURL=useDisposable.js.map