@itwin/core-react 3.4.0-dev.8 → 3.5.0-dev.4

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"useDisposable.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useDisposable.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAGnD;;;;GAIG;AACH,MAAM,UAAU,aAAa,CAAkC,gBAAmC;IAChG,OAAO,qBAAqB,CAAC,gBAAgB,CAAE,CAAC;AAClD,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,qBAAqB,CAAkC,gBAA+C;IACpH,MAAM,QAAQ,GAAG,MAAM,EAAe,CAAC;IACvC,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,IAAI,QAAQ,CAAC,OAAO;YAClB,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;QAE7B,QAAQ,CAAC,OAAO,GAAG,gBAAgB,EAAE,CAAC;QACtC,OAAO,QAAQ,CAAC,OAAO,CAAC;IAC1B,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,SAAS,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,IAAI,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1E,OAAO,KAAK,CAAC;AACf,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 { useEffect, useMemo, useRef } from \"react\";\r\nimport { IDisposable } from \"@itwin/core-bentley\";\r\n\r\n/**\r\n * A custom hook which creates a disposable object and manages its disposal on unmount\r\n * or factory method change.\r\n * @public\r\n */\r\nexport function useDisposable<TDisposable extends IDisposable>(createDisposable: () => TDisposable): TDisposable {\r\n  return useOptionalDisposable(createDisposable)!;\r\n}\r\n\r\n/**\r\n * A custom hook which calls the factory method to create a disposable object\r\n * which might as well be undefined. If the result was a disposable object, the\r\n * hook takes care of disposing it when necessary.\r\n * @public\r\n */\r\nexport function useOptionalDisposable<TDisposable extends IDisposable>(createDisposable: () => TDisposable | undefined): TDisposable | undefined {\r\n  const previous = useRef<TDisposable>();\r\n  const value = useMemo(() => {\r\n    if (previous.current)\r\n      previous.current.dispose();\r\n\r\n    previous.current = createDisposable();\r\n    return previous.current;\r\n  }, [createDisposable]);\r\n\r\n  useEffect(() => () => previous.current && previous.current.dispose(), []);\r\n  return value;\r\n}\r\n"]}
+{"version":3,"file":"useDisposable.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useDisposable.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAGnD;;;;GAIG;AACH,MAAM,UAAU,aAAa,CAAkC,gBAAmC;IAChG,OAAO,qBAAqB,CAAC,gBAAgB,CAAE,CAAC;AAClD,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,qBAAqB,CAAkC,gBAA+C;IACpH,MAAM,QAAQ,GAAG,MAAM,EAAe,CAAC;IACvC,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,IAAI,QAAQ,CAAC,OAAO;YAClB,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;QAE7B,QAAQ,CAAC,OAAO,GAAG,gBAAgB,EAAE,CAAC;QACtC,OAAO,QAAQ,CAAC,OAAO,CAAC;IAC1B,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,SAAS,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,IAAI,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1E,OAAO,KAAK,CAAC;AACf,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 Utilities\n */\n\nimport { useEffect, useMemo, useRef } from \"react\";\nimport { IDisposable } from \"@itwin/core-bentley\";\n\n/**\n * A custom hook which creates a disposable object and manages its disposal on unmount\n * or factory method change.\n * @public\n */\nexport function useDisposable<TDisposable extends IDisposable>(createDisposable: () => TDisposable): TDisposable {\n  return useOptionalDisposable(createDisposable)!;\n}\n\n/**\n * A custom hook which calls the factory method to create a disposable object\n * which might as well be undefined. If the result was a disposable object, the\n * hook takes care of disposing it when necessary.\n * @public\n */\nexport function useOptionalDisposable<TDisposable extends IDisposable>(createDisposable: () => TDisposable | undefined): TDisposable | undefined {\n  const previous = useRef<TDisposable>();\n  const value = useMemo(() => {\n    if (previous.current)\n      previous.current.dispose();\n\n    previous.current = createDisposable();\n    return previous.current;\n  }, [createDisposable]);\n\n  useEffect(() => () => previous.current && previous.current.dispose(), []);\n  return value;\n}\n"]}

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

@@ -1,9 +1,9 @@
-/** @packageDocumentation
- * @module Utilities
- */
-/**
- * Custom hook which works like useEffect hook, but does not invoke callback when effect is triggered for the first time.
- * @public
- */
-export declare function useEffectSkipFirst(callback: () => (void | (() => void | undefined)) | void, deps?: any[]): void;
+/** @packageDocumentation
+ * @module Utilities
+ */
+/**
+ * Custom hook which works like useEffect hook, but does not invoke callback when effect is triggered for the first time.
+ * @public
+ */
+export declare function useEffectSkipFirst(callback: () => (void | (() => void | undefined)) | void, deps?: any[]): void;
 //# sourceMappingURL=useEffectSkipFirst.d.ts.map

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

@@ -1,23 +1,23 @@
-/*---------------------------------------------------------------------------------------------
-* 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, useRef } from "react";
-/**
- * Custom hook which works like useEffect hook, but does not invoke callback when effect is triggered for the first time.
- * @public
- */
-export function useEffectSkipFirst(callback, deps) {
-    const skipFirst = useRef(true);
-    useEffect(() => {
-        if (skipFirst.current) {
-            skipFirst.current = false;
-            return;
-        }
-        return callback();
-    }, deps); // eslint-disable-line react-hooks/exhaustive-deps
-}
+/*---------------------------------------------------------------------------------------------
+* 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, useRef } from "react";
+/**
+ * Custom hook which works like useEffect hook, but does not invoke callback when effect is triggered for the first time.
+ * @public
+ */
+export function useEffectSkipFirst(callback, deps) {
+    const skipFirst = useRef(true);
+    useEffect(() => {
+        if (skipFirst.current) {
+            skipFirst.current = false;
+            return;
+        }
+        return callback();
+    }, deps); // eslint-disable-line react-hooks/exhaustive-deps
+}
 //# sourceMappingURL=useEffectSkipFirst.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useEffectSkipFirst.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useEffectSkipFirst.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C;;;GAGG;AACH,MAAM,UAAU,kBAAkB,CAAC,QAAwD,EAAE,IAAY;IACvG,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAE/B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,CAAC,OAAO,EAAE;YACrB,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC;YAC1B,OAAO;SACR;QAED,OAAO,QAAQ,EAAE,CAAC;IACpB,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,kDAAkD;AAC9D,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 { useEffect, useRef } from \"react\";\r\n\r\n/**\r\n * Custom hook which works like useEffect hook, but does not invoke callback when effect is triggered for the first time.\r\n * @public\r\n */\r\nexport function useEffectSkipFirst(callback: () => (void | (() => void | undefined)) | void, deps?: any[]) {\r\n  const skipFirst = useRef(true);\r\n\r\n  useEffect(() => {\r\n    if (skipFirst.current) {\r\n      skipFirst.current = false;\r\n      return;\r\n    }\r\n\r\n    return callback();\r\n  }, deps); // eslint-disable-line react-hooks/exhaustive-deps\r\n}\r\n"]}
+{"version":3,"file":"useEffectSkipFirst.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useEffectSkipFirst.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C;;;GAGG;AACH,MAAM,UAAU,kBAAkB,CAAC,QAAwD,EAAE,IAAY;IACvG,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAE/B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,CAAC,OAAO,EAAE;YACrB,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC;YAC1B,OAAO;SACR;QAED,OAAO,QAAQ,EAAE,CAAC;IACpB,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,kDAAkD;AAC9D,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 Utilities\n */\n\nimport { useEffect, useRef } from \"react\";\n\n/**\n * Custom hook which works like useEffect hook, but does not invoke callback when effect is triggered for the first time.\n * @public\n */\nexport function useEffectSkipFirst(callback: () => (void | (() => void | undefined)) | void, deps?: any[]) {\n  const skipFirst = useRef(true);\n\n  useEffect(() => {\n    if (skipFirst.current) {\n      skipFirst.current = false;\n      return;\n    }\n\n    return callback();\n  }, deps); // eslint-disable-line react-hooks/exhaustive-deps\n}\n"]}

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

@@ -1,12 +1,12 @@
-/**
- * Hook that adds and removes Event listeners.
- * @example
- *  useEventListener(
- *     'pointerup',
- *     handlePointerUp,
- *     containerRef.current?.ownerDocument,
- *  );
- * @internal
- */
-export declare function useEventListener(eventName: string, handler: (event: Event) => void, element: HTMLElement | Document | undefined): void;
+/**
+ * Hook that adds and removes Event listeners.
+ * @example
+ *  useEventListener(
+ *     'pointerup',
+ *     handlePointerUp,
+ *     containerRef.current?.ownerDocument,
+ *  );
+ * @internal
+ */
+export declare function useEventListener(eventName: string, handler: (event: Event) => void, element: HTMLElement | Document | undefined): void;
 //# sourceMappingURL=useEventListener.d.ts.map

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

@@ -1,40 +1,40 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-import * as React from "react";
-/**
- * Hook that adds and removes Event listeners.
- * @example
- *  useEventListener(
- *     'pointerup',
- *     handlePointerUp,
- *     containerRef.current?.ownerDocument,
- *  );
- * @internal
- */
-export function useEventListener(eventName, handler, element) {
-    // Based on published hook https://usehooks.com/useEventListener/.
-    const savedHandler = React.useRef();
-    // Update reference if handler changes. This allows our effect below to
-    // always use latest handler without us needing to pass it in effect deps array
-    // and potentially cause effect to re-run every render.
-    React.useEffect(() => {
-        savedHandler.current = handler;
-    }, [handler]);
-    React.useEffect(() => {
-        if (!element) {
-            return;
-        }
-        const eventListener = (event) => {
-            // istanbul ignore else
-            if (savedHandler.current)
-                savedHandler.current(event);
-        };
-        element.addEventListener(eventName, eventListener);
-        return () => {
-            element.removeEventListener(eventName, eventListener);
-        };
-    }, [eventName, element]);
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+import * as React from "react";
+/**
+ * Hook that adds and removes Event listeners.
+ * @example
+ *  useEventListener(
+ *     'pointerup',
+ *     handlePointerUp,
+ *     containerRef.current?.ownerDocument,
+ *  );
+ * @internal
+ */
+export function useEventListener(eventName, handler, element) {
+    // Based on published hook https://usehooks.com/useEventListener/.
+    const savedHandler = React.useRef();
+    // Update reference if handler changes. This allows our effect below to
+    // always use latest handler without us needing to pass it in effect deps array
+    // and potentially cause effect to re-run every render.
+    React.useEffect(() => {
+        savedHandler.current = handler;
+    }, [handler]);
+    React.useEffect(() => {
+        if (!element) {
+            return;
+        }
+        const eventListener = (event) => {
+            // istanbul ignore else
+            if (savedHandler.current)
+                savedHandler.current(event);
+        };
+        element.addEventListener(eventName, eventListener);
+        return () => {
+            element.removeEventListener(eventName, eventListener);
+        };
+    }, [eventName, element]);
+}
 //# sourceMappingURL=useEventListener.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useEventListener.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useEventListener.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;GASG;AACH,MAAM,UAAU,gBAAgB,CAC9B,SAAiB,EACjB,OAA+B,EAC/B,OAA2C;IAE3C,kEAAkE;IAClE,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,EAA0B,CAAC;IAE5D,uEAAuE;IACvE,+EAA+E;IAC/E,uDAAuD;IACvD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,YAAY,CAAC,OAAO,GAAG,OAAO,CAAC;IACjC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO;SACR;QAED,MAAM,aAAa,GAAG,CAAC,KAAY,EAAE,EAAE;YACrC,uBAAuB;YACvB,IAAI,YAAY,CAAC,OAAO;gBACtB,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC,CAAC;QACF,OAAO,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACnD,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACxD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;AAC3B,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\nimport * as React from \"react\";\r\n\r\n/**\r\n * Hook that adds and removes Event listeners.\r\n * @example\r\n *  useEventListener(\r\n *     'pointerup',\r\n *     handlePointerUp,\r\n *     containerRef.current?.ownerDocument,\r\n *  );\r\n * @internal\r\n */\r\nexport function useEventListener(\r\n  eventName: string,\r\n  handler: (event: Event) => void,\r\n  element: HTMLElement | Document | undefined\r\n) {\r\n  // Based on published hook https://usehooks.com/useEventListener/.\r\n  const savedHandler = React.useRef<(event: Event) => void>();\r\n\r\n  // Update reference if handler changes. This allows our effect below to\r\n  // always use latest handler without us needing to pass it in effect deps array\r\n  // and potentially cause effect to re-run every render.\r\n  React.useEffect(() => {\r\n    savedHandler.current = handler;\r\n  }, [handler]);\r\n\r\n  React.useEffect(() => {\r\n    if (!element) {\r\n      return;\r\n    }\r\n\r\n    const eventListener = (event: Event) => {\r\n      // istanbul ignore else\r\n      if (savedHandler.current)\r\n        savedHandler.current(event);\r\n    };\r\n    element.addEventListener(eventName, eventListener);\r\n    return () => {\r\n      element.removeEventListener(eventName, eventListener);\r\n    };\r\n  }, [eventName, element]);\r\n}\r\n"]}
+{"version":3,"file":"useEventListener.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useEventListener.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;GASG;AACH,MAAM,UAAU,gBAAgB,CAC9B,SAAiB,EACjB,OAA+B,EAC/B,OAA2C;IAE3C,kEAAkE;IAClE,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,EAA0B,CAAC;IAE5D,uEAAuE;IACvE,+EAA+E;IAC/E,uDAAuD;IACvD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,YAAY,CAAC,OAAO,GAAG,OAAO,CAAC;IACjC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO;SACR;QAED,MAAM,aAAa,GAAG,CAAC,KAAY,EAAE,EAAE;YACrC,uBAAuB;YACvB,IAAI,YAAY,CAAC,OAAO;gBACtB,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC,CAAC;QACF,OAAO,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACnD,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACxD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;AAC3B,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*--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\n\n/**\n * Hook that adds and removes Event listeners.\n * @example\n *  useEventListener(\n *     'pointerup',\n *     handlePointerUp,\n *     containerRef.current?.ownerDocument,\n *  );\n * @internal\n */\nexport function useEventListener(\n  eventName: string,\n  handler: (event: Event) => void,\n  element: HTMLElement | Document | undefined\n) {\n  // Based on published hook https://usehooks.com/useEventListener/.\n  const savedHandler = React.useRef<(event: Event) => void>();\n\n  // Update reference if handler changes. This allows our effect below to\n  // always use latest handler without us needing to pass it in effect deps array\n  // and potentially cause effect to re-run every render.\n  React.useEffect(() => {\n    savedHandler.current = handler;\n  }, [handler]);\n\n  React.useEffect(() => {\n    if (!element) {\n      return;\n    }\n\n    const eventListener = (event: Event) => {\n      // istanbul ignore else\n      if (savedHandler.current)\n        savedHandler.current(event);\n    };\n    element.addEventListener(eventName, eventListener);\n    return () => {\n      element.removeEventListener(eventName, eventListener);\n    };\n  }, [eventName, element]);\n}\n"]}

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

@@ -1,6 +1,6 @@
-/** Hook that create an interval and clears it when unloaded
- * Reference: https://github.com/gaearon/overreacted.io/blob/master/src/pages/making-setinterval-declarative-with-react-hooks/index.md
- * @beta
- */
-export declare function useInterval(callback: (...args: any[]) => void, delay: number | undefined): void;
+/** Hook that create an interval and clears it when unloaded
+ * Reference: https://github.com/gaearon/overreacted.io/blob/master/src/pages/making-setinterval-declarative-with-react-hooks/index.md
+ * @beta
+ */
+export declare function useInterval(callback: (...args: any[]) => void, delay: number | undefined): void;
 //# sourceMappingURL=useInterval.d.ts.map

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

@@ -1,33 +1,33 @@
-/*---------------------------------------------------------------------------------------------
-* 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";
-/** Hook that create an interval and clears it when unloaded
- * Reference: https://github.com/gaearon/overreacted.io/blob/master/src/pages/making-setinterval-declarative-with-react-hooks/index.md
- * @beta
- */
-export function useInterval(callback, delay) {
-    const savedCallback = React.useRef(callback);
-    // Remember the latest function.
-    React.useEffect(() => {
-        savedCallback.current = callback;
-    }, [callback]);
-    // Set up the interval.
-    React.useEffect(() => {
-        function tick() {
-            savedCallback.current();
-        }
-        if (delay !== undefined) {
-            const id = setInterval(tick, delay);
-            return (() => { clearInterval(id); });
-        }
-        else {
-            return undefined;
-        }
-    }, [delay]);
-}
+/*---------------------------------------------------------------------------------------------
+* 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";
+/** Hook that create an interval and clears it when unloaded
+ * Reference: https://github.com/gaearon/overreacted.io/blob/master/src/pages/making-setinterval-declarative-with-react-hooks/index.md
+ * @beta
+ */
+export function useInterval(callback, delay) {
+    const savedCallback = React.useRef(callback);
+    // Remember the latest function.
+    React.useEffect(() => {
+        savedCallback.current = callback;
+    }, [callback]);
+    // Set up the interval.
+    React.useEffect(() => {
+        function tick() {
+            savedCallback.current();
+        }
+        if (delay !== undefined) {
+            const id = setInterval(tick, delay);
+            return (() => { clearInterval(id); });
+        }
+        else {
+            return undefined;
+        }
+    }, [delay]);
+}
 //# sourceMappingURL=useInterval.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useInterval.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useInterval.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;GAGG;AACH,MAAM,UAAU,WAAW,CAAC,QAAkC,EAAE,KAAyB;IACvF,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAA2B,QAAQ,CAAC,CAAC;IAEvE,gCAAgC;IAChC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,aAAa,CAAC,OAAO,GAAG,QAAQ,CAAC;IACnC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,uBAAuB;IACvB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,SAAS,IAAI;YACX,aAAa,CAAC,OAAO,EAAE,CAAC;QAC1B,CAAC;QACD,IAAI,KAAK,KAAK,SAAS,EAAE;YACvB,MAAM,EAAE,GAAG,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;YACpC,OAAO,CAAC,GAAG,EAAE,GAAG,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SACvC;aAAM;YACL,OAAO,SAAS,CAAC;SAClB;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AACd,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\nimport * as React from \"react\";\r\n\r\n/** Hook that create an interval and clears it when unloaded\r\n * Reference: https://github.com/gaearon/overreacted.io/blob/master/src/pages/making-setinterval-declarative-with-react-hooks/index.md\r\n * @beta\r\n */\r\nexport function useInterval(callback: (...args: any[]) => void, delay: number | undefined) {\r\n  const savedCallback = React.useRef<(...args: any[]) => void>(callback);\r\n\r\n  // Remember the latest function.\r\n  React.useEffect(() => {\r\n    savedCallback.current = callback;\r\n  }, [callback]);\r\n\r\n  // Set up the interval.\r\n  React.useEffect(() => {\r\n    function tick() {\r\n      savedCallback.current();\r\n    }\r\n    if (delay !== undefined) {\r\n      const id = setInterval(tick, delay);\r\n      return (() => { clearInterval(id); });\r\n    } else {\r\n      return undefined;\r\n    }\r\n  }, [delay]);\r\n}\r\n"]}
+{"version":3,"file":"useInterval.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useInterval.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;GAGG;AACH,MAAM,UAAU,WAAW,CAAC,QAAkC,EAAE,KAAyB;IACvF,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAA2B,QAAQ,CAAC,CAAC;IAEvE,gCAAgC;IAChC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,aAAa,CAAC,OAAO,GAAG,QAAQ,CAAC;IACnC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,uBAAuB;IACvB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,SAAS,IAAI;YACX,aAAa,CAAC,OAAO,EAAE,CAAC;QAC1B,CAAC;QACD,IAAI,KAAK,KAAK,SAAS,EAAE;YACvB,MAAM,EAAE,GAAG,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;YACpC,OAAO,CAAC,GAAG,EAAE,GAAG,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SACvC;aAAM;YACL,OAAO,SAAS,CAAC;SAClB;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AACd,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 Utilities\n */\nimport * as React from \"react\";\n\n/** Hook that create an interval and clears it when unloaded\n * Reference: https://github.com/gaearon/overreacted.io/blob/master/src/pages/making-setinterval-declarative-with-react-hooks/index.md\n * @beta\n */\nexport function useInterval(callback: (...args: any[]) => void, delay: number | undefined) {\n  const savedCallback = React.useRef<(...args: any[]) => void>(callback);\n\n  // Remember the latest function.\n  React.useEffect(() => {\n    savedCallback.current = callback;\n  }, [callback]);\n\n  // Set up the interval.\n  React.useEffect(() => {\n    function tick() {\n      savedCallback.current();\n    }\n    if (delay !== undefined) {\n      const id = setInterval(tick, delay);\n      return (() => { clearInterval(id); });\n    } else {\n      return undefined;\n    }\n  }, [delay]);\n}\n"]}