@itwin/core-react 4.17.0 → 5.0.0-dev.2

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

@@ -0,0 +1,99 @@
+/*---------------------------------------------------------------------------------------------
+ * 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.js";
+/** Hook that will show a popup window
+ * @public
+ * @deprecated in 4.16.0. Without a replacement, use a custom solution instead.
+ */
+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
+    // eslint-disable-next-line deprecation/deprecation
+    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/core-react/utils/hooks/useCrossOriginPopup.js.map

@@ -0,0 +1 @@
+{"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.js\";\n\n/** Hook that will show a popup window\n * @public\n * @deprecated in 4.16.0. Without a replacement, use a custom solution instead.\n */\nexport function useCrossOriginPopup(\n  visible: boolean,\n  url: string | undefined,\n  title: string,\n  width: number,\n  height: number,\n  onClose: () => void\n) {\n  const [checkPopupAliveDelay, setCheckPopupAliveDelay] = React.useState<\n    number | undefined\n  >();\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(() => {\n    savedUrl.current = url;\n  }, [url]);\n  React.useEffect(() => {\n    savedTitle.current = title;\n  }, [title]);\n  React.useEffect(() => {\n    savedWidth.current = width;\n  }, [width]);\n  React.useEffect(() => {\n    savedHeight.current = height;\n  }, [height]);\n  React.useEffect(() => {\n    savedOnClose.current = onClose;\n  }, [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) => {\n      closePopup();\n    };\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  // eslint-disable-next-line deprecation/deprecation\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(\n        savedUrl.current,\n        savedTitle.current,\n        `width=${savedWidth.current},height=${savedHeight.current}`\n      );\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  }, [handleClosedPopup, visible]);\n}\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDisposable.d.ts","sourceRoot":"","sources":["../../../../src/core-react/utils/hooks/useDisposable.ts"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,WAAW,SAAS,WAAW,EAC3D,gBAAgB,EAAE,MAAM,WAAW,GAClC,WAAW,CAoBb;AAED;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAC,WAAW,SAAS,WAAW,EACnE,gBAAgB,EAAE,MAAM,WAAW,GAAG,SAAS,GAC9C,WAAW,GAAG,SAAS,CAYzB"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDisposable.js","sourceRoot":"","sources":["../../../../src/core-react/utils/hooks/useDisposable.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGpD;;;;;;GAMG;AACH,MAAM,UAAU,aAAa,CAC3B,gBAAmC;IAEnC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,gBAAgB,EAAE,CAAC,CAAC;IAC7D,0FAA0F;IAC1F,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAChC,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAErC,SAAS,CAAC,GAAG,EAAE;QACb,qFAAqF;QACrF,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC;YAC7B,SAAS,CAAC,OAAO,GAAG,gBAAgB,EAAE,CAAC;YACvC,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;QAC9B,CAAC;QAED,eAAe,CAAC,OAAO,GAAG,KAAK,CAAC;QAChC,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;QAC9B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,qBAAqB,CACnC,gBAA+C;IAE/C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAA2B,CAAC;IAE9D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,gBAAgB,EAAE,CAAC;QACtC,QAAQ,CAAC,UAAU,CAAC,CAAC;QACrB,OAAO,GAAG,EAAE;YACV,UAAU,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;QACrC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,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, useRef, useState } from \"react\";\nimport type { 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 * @deprecated in 4.9.0. This hook is not compatible with React 18 Strict mode. Use [[useOptionalDisposable]] or `useState` + `useEffect` for\n * creating and disposing disposable resources.\n */\nexport function useDisposable<TDisposable extends IDisposable>(\n  createDisposable: () => TDisposable\n): TDisposable {\n  const [value, setValue] = useState(() => createDisposable());\n  // need to capture initial disposable created during render loop in order to dispose later\n  const prevValue = useRef(value);\n  const useInitialValue = useRef(true);\n\n  useEffect(() => {\n    // do not create new disposable on initial render. It was created during render loop.\n    if (!useInitialValue.current) {\n      prevValue.current = createDisposable();\n      setValue(prevValue.current);\n    }\n\n    useInitialValue.current = false;\n    return () => {\n      prevValue.current.dispose();\n    };\n  }, [createDisposable]);\n\n  return value;\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 * @deprecated in 4.15.0. Use `useState` + `useEffect` for creating and disposing disposable resources.\n */\nexport function useOptionalDisposable<TDisposable extends IDisposable>(\n  createDisposable: () => TDisposable | undefined\n): TDisposable | undefined {\n  const [value, setValue] = useState<TDisposable | undefined>();\n\n  useEffect(() => {\n    const disposable = createDisposable();\n    setValue(disposable);\n    return () => {\n      disposable && disposable.dispose();\n    };\n  }, [createDisposable]);\n\n  return value;\n}\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"useEffectSkipFirst.d.ts","sourceRoot":"","sources":["../../../../src/core-react/utils/hooks/useEffectSkipFirst.ts"],"names":[],"mappings":"AAIA;;GAEG;AAIH;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,MAAM,CAAC,IAAI,GAAG,CAAC,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC,GAAG,IAAI,EACxD,IAAI,CAAC,EAAE,GAAG,EAAE,QAYb"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"useEffectSkipFirst.js","sourceRoot":"","sources":["../../../../src/core-react/utils/hooks/useEffectSkipFirst.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C;;;;GAIG;AACH,MAAM,UAAU,kBAAkB,CAChC,QAAwD,EACxD,IAAY;IAEZ,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAE/B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACtB,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC;YAC1B,OAAO;QACT,CAAC;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 * @deprecated in 4.15.0. Use `useEffect` instead.\n */\nexport function useEffectSkipFirst(\n  callback: () => (void | (() => void | undefined)) | void,\n  deps?: any[]\n) {\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/core-react/utils/hooks/useInterval.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInterval.d.ts","sourceRoot":"","sources":["../../../../src/core-react/utils/hooks/useInterval.tsx"],"names":[],"mappings":"AASA;;;;GAIG;AACH,wBAAgB,WAAW,CACzB,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,EAClC,KAAK,EAAE,MAAM,GAAG,SAAS,QAuB1B"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"useInterval.js","sourceRoot":"","sources":["../../../../src/core-react/utils/hooks/useInterval.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;GAIG;AACH,MAAM,UAAU,WAAW,CACzB,QAAkC,EAClC,KAAyB;IAEzB,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,CAAC;YACxB,MAAM,EAAE,GAAG,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;YACpC,OAAO,GAAG,EAAE;gBACV,aAAa,CAAC,EAAE,CAAC,CAAC;YACpB,CAAC,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,OAAO,SAAS,CAAC;QACnB,CAAC;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 * @deprecated in 4.15.0. Used internally.\n */\nexport function useInterval(\n  callback: (...args: any[]) => void,\n  delay: number | undefined\n) {\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 () => {\n        clearInterval(id);\n      };\n    } else {\n      return undefined;\n    }\n  }, [delay]);\n}\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"useLifecycleLogging.d.ts","sourceRoot":"","sources":["../../../../src/core-react/utils/hooks/useLifecycleLogging.ts"],"names":[],"mappings":"AAMA;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC1B,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAuE9B"}

package/lib/core-react/utils/hooks/useLifecycleLogging.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLifecycleLogging.js","sourceRoot":"","sources":["../../../../src/core-react/utils/hooks/useLifecycleLogging.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C;;;GAGG;AACH,MAAM,UAAU,mBAAmB,CACjC,IAAY,EACZ,KAA0B,EAC1B,OAA6B;IAE7B,SAAS,CAAC,GAAG,EAAE;QACb,sCAAsC;QACtC,OAAO,CAAC,GAAG,CAAC,2BAA2B,IAAI,sBAAsB,CAAC,CAAC;QAEnE,OAAO,GAAG,EAAE;YACV,sCAAsC;YACtC,OAAO,CAAC,GAAG,CAAC,2BAA2B,IAAI,wBAAwB,CAAC,CAAC;QACvE,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,kDAAkD;IAE1D,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAChC,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IACpC,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC9B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACrB,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;YACzB,OAAO;QACT,CAAC;QAED,SAAS,OAAO,CACd,IAAyB,EACzB,OAA4B;YAE5B,MAAM,IAAI,GAA2C,EAAE,CAAC;YACxD,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;gBACvC,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;oBAC/B,IAAI,CAAC,GAAG,CAAC,GAAG;wBACV,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC;wBACf,EAAE,EAAE,OAAO,CAAC,GAAG,CAAC;qBACjB,CAAC;gBACJ,CAAC;YACH,CAAC;YAED,OAAO,IAAI,CAAC;QACd,CAAC;QAED,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QACpD,MAAM,WAAW,GAAG;YAClB,IAAI,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO;YAC3D,EAAE,EAAE,OAAO;SACZ,CAAC;QAEF,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,WAAW,CAAC,OAAO,KAAK,OAAO,EAAE,CAAC;YACzE,sCAAsC;YACtC,OAAO,CAAC,GAAG,CACT,2BAA2B,IAAI,+BAA+B,EAC9D,SAAS,EACT,WAAW,CACZ,CAAC;QACJ,CAAC;aAAM,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC7C,sCAAsC;YACtC,OAAO,CAAC,GAAG,CACT,2BAA2B,IAAI,mBAAmB,EAClD,SAAS,CACV,CAAC;QACJ,CAAC;aAAM,IAAI,WAAW,CAAC,OAAO,KAAK,OAAO,EAAE,CAAC;YAC3C,sCAAsC;YACtC,OAAO,CAAC,GAAG,CACT,2BAA2B,IAAI,qBAAqB,EACpD,WAAW,CACZ,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,sCAAsC;YACtC,OAAO,CAAC,GAAG,CAAC,2BAA2B,IAAI,0BAA0B,CAAC,CAAC;QACzE,CAAC;QAED,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC;QAC1B,WAAW,CAAC,OAAO,GAAG,OAAO,CAAC;IAChC,CAAC,CAAC,CAAC;AACL,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 { useEffect, useRef } from \"react\";\n\n/**\n * Logs to console information about component lifecycle: mounting, re-rendering and unmounting.\n * @internal\n */\nexport function useLifecycleLogging(\n  name: string,\n  props: Record<string, any>,\n  context?: Record<string, any>\n) {\n  useEffect(() => {\n    // eslint-disable-next-line no-console\n    console.log(`[useLifecycleLogging]: '${name}' Component mounted.`);\n\n    return () => {\n      // eslint-disable-next-line no-console\n      console.log(`[useLifecycleLogging]: '${name}' Component unmounted.`);\n    };\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const prevProps = useRef(props);\n  const prevContext = useRef(context);\n  const firstRun = useRef(true);\n  useEffect(() => {\n    if (firstRun.current) {\n      firstRun.current = false;\n      return;\n    }\n\n    function getDiff(\n      prev: Record<string, any>,\n      current: Record<string, any>\n    ): Record<string, any> {\n      const diff: Record<string, { from: any; to: any }> = {};\n      for (const key of Object.keys(current)) {\n        if (prev[key] !== current[key]) {\n          diff[key] = {\n            from: prev[key],\n            to: current[key],\n          };\n        }\n      }\n\n      return diff;\n    }\n\n    const propsDiff = getDiff(prevProps.current, props);\n    const contextDiff = {\n      from: context === undefined ? context : prevContext.current,\n      to: context,\n    };\n\n    if (Object.keys(propsDiff).length > 0 && prevContext.current !== context) {\n      // eslint-disable-next-line no-console\n      console.log(\n        `[useLifecycleLogging]: '${name}' Props and context changed: `,\n        propsDiff,\n        contextDiff\n      );\n    } else if (Object.keys(propsDiff).length > 0) {\n      // eslint-disable-next-line no-console\n      console.log(\n        `[useLifecycleLogging]: '${name}' Props changed: `,\n        propsDiff\n      );\n    } else if (prevContext.current !== context) {\n      // eslint-disable-next-line no-console\n      console.log(\n        `[useLifecycleLogging]: '${name}' Context changed: `,\n        contextDiff\n      );\n    } else {\n      // eslint-disable-next-line no-console\n      console.log(`[useLifecycleLogging]: '${name}' Component re-rendered.`);\n    }\n\n    prevProps.current = props;\n    prevContext.current = context;\n  });\n}\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"useOnOutsideClick.d.ts","sourceRoot":"","sources":["../../../../src/core-react/utils/hooks/useOnOutsideClick.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,UAAU,GAAG,UAAU,CAAC;AAEvE;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,OAAO,EACjD,cAAc,CAAC,EAAE,MAAM,IAAI;AAC3B,gFAAgF;AAChF,qBAAqB,CAAC,EAAE,CAAC,CAAC,EAAE,iBAAiB,KAAK,OAAO,sBA6E1D"}

package/lib/core-react/utils/hooks/useOnOutsideClick.js

@@ -0,0 +1,99 @@
+/*---------------------------------------------------------------------------------------------
+ * 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 { hasPointerEventsSupport } from "../../base/PointerEvents.js";
+import { Timer } from "../Timer.js";
+/** Invokes onOutsideClick handler when user clicks outside of referenced element.
+ * @public
+ * @deprecated in 4.15.0. Used internally.
+ */
+export function useOnOutsideClick(onOutsideClick, 
+/** Invoked for intermediate events. Return `false` to prevent outside click. */
+outsideEventPredicate) {
+    const handleMouseEvents = React.useRef(true);
+    const handleMouseEventsTimer = React.useRef(new Timer(1000));
+    const ref = React.useRef(null);
+    const isDownOutside = React.useRef(false);
+    React.useEffect(() => {
+        const listener = (e) => {
+            if (e.type === "touchstart") {
+                // Skip mouse event handlers after touch event.
+                handleMouseEvents.current = false;
+                handleMouseEventsTimer.current.start();
+            }
+            else if (e.type === "mousedown" && !handleMouseEvents.current) {
+                return;
+            }
+            const isOutsideEvent = !outsideEventPredicate || outsideEventPredicate(e);
+            isDownOutside.current =
+                !!ref.current &&
+                    e.target instanceof Node &&
+                    !ref.current.contains(e.target) &&
+                    isOutsideEvent;
+        };
+        if (hasPointerEventsSupport()) {
+            document.addEventListener("pointerdown", listener);
+        }
+        else {
+            document.addEventListener("mousedown", listener);
+            document.addEventListener("touchstart", listener);
+        }
+        return () => {
+            if (hasPointerEventsSupport()) {
+                document.removeEventListener("pointerdown", listener);
+            }
+            else {
+                document.removeEventListener("mousedown", listener);
+                document.removeEventListener("touchstart", listener);
+            }
+        };
+    }, [outsideEventPredicate]);
+    React.useEffect(() => {
+        const listener = (e) => {
+            if (e.type === "mouseup" && !handleMouseEvents.current) {
+                return;
+            }
+            onOutsideClick &&
+                isDownOutside.current &&
+                (!outsideEventPredicate || outsideEventPredicate(e)) &&
+                ref.current &&
+                e.target instanceof Node &&
+                !ref.current.contains(e.target) &&
+                onOutsideClick();
+            isDownOutside.current = false;
+        };
+        if (hasPointerEventsSupport()) {
+            document.addEventListener("pointerup", listener);
+        }
+        else {
+            document.addEventListener("mouseup", listener);
+            document.addEventListener("touchend", listener);
+        }
+        return () => {
+            if (hasPointerEventsSupport()) {
+                document.removeEventListener("pointerup", listener);
+            }
+            else {
+                document.removeEventListener("mouseup", listener);
+                document.removeEventListener("touchend", listener);
+            }
+        };
+    }, [onOutsideClick, outsideEventPredicate]);
+    React.useEffect(() => {
+        const listener = () => {
+            handleMouseEvents.current = true;
+        };
+        const timer = handleMouseEventsTimer.current;
+        timer.setOnExecute(listener);
+        return () => {
+            timer.setOnExecute(undefined);
+        };
+    }, []);
+    return ref;
+}
+//# sourceMappingURL=useOnOutsideClick.js.map

package/lib/core-react/utils/hooks/useOnOutsideClick.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnOutsideClick.js","sourceRoot":"","sources":["../../../../src/core-react/utils/hooks/useOnOutsideClick.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 { hasPointerEventsSupport } from \"../../base/PointerEvents.js\";\nimport { Timer } from \"../Timer.js\";\n\n/* eslint-disable deprecation/deprecation */\n\n/**\n * @public\n * @deprecated in 4.15.0. Used internally.\n */\nexport type OutsideClickEvent = PointerEvent | MouseEvent | TouchEvent;\n\n/** Invokes onOutsideClick handler when user clicks outside of referenced element.\n * @public\n * @deprecated in 4.15.0. Used internally.\n */\nexport function useOnOutsideClick<T extends Element>(\n  onOutsideClick?: () => void,\n  /** Invoked for intermediate events. Return `false` to prevent outside click. */\n  outsideEventPredicate?: (e: OutsideClickEvent) => boolean\n) {\n  const handleMouseEvents = React.useRef(true);\n  const handleMouseEventsTimer = React.useRef(new Timer(1000));\n  const ref = React.useRef<T>(null);\n  const isDownOutside = React.useRef(false);\n  React.useEffect(() => {\n    const listener = (e: OutsideClickEvent) => {\n      if (e.type === \"touchstart\") {\n        // Skip mouse event handlers after touch event.\n        handleMouseEvents.current = false;\n        handleMouseEventsTimer.current.start();\n      } else if (e.type === \"mousedown\" && !handleMouseEvents.current) {\n        return;\n      }\n      const isOutsideEvent = !outsideEventPredicate || outsideEventPredicate(e);\n      isDownOutside.current =\n        !!ref.current &&\n        e.target instanceof Node &&\n        !ref.current.contains(e.target) &&\n        isOutsideEvent;\n    };\n    if (hasPointerEventsSupport()) {\n      document.addEventListener(\"pointerdown\", listener);\n    } else {\n      document.addEventListener(\"mousedown\", listener);\n      document.addEventListener(\"touchstart\", listener);\n    }\n    return () => {\n      if (hasPointerEventsSupport()) {\n        document.removeEventListener(\"pointerdown\", listener);\n      } else {\n        document.removeEventListener(\"mousedown\", listener);\n        document.removeEventListener(\"touchstart\", listener);\n      }\n    };\n  }, [outsideEventPredicate]);\n  React.useEffect(() => {\n    const listener = (e: OutsideClickEvent) => {\n      if (e.type === \"mouseup\" && !handleMouseEvents.current) {\n        return;\n      }\n      onOutsideClick &&\n        isDownOutside.current &&\n        (!outsideEventPredicate || outsideEventPredicate(e)) &&\n        ref.current &&\n        e.target instanceof Node &&\n        !ref.current.contains(e.target) &&\n        onOutsideClick();\n      isDownOutside.current = false;\n    };\n    if (hasPointerEventsSupport()) {\n      document.addEventListener(\"pointerup\", listener);\n    } else {\n      document.addEventListener(\"mouseup\", listener);\n      document.addEventListener(\"touchend\", listener);\n    }\n    return () => {\n      if (hasPointerEventsSupport()) {\n        document.removeEventListener(\"pointerup\", listener);\n      } else {\n        document.removeEventListener(\"mouseup\", listener);\n        document.removeEventListener(\"touchend\", listener);\n      }\n    };\n  }, [onOutsideClick, outsideEventPredicate]);\n  React.useEffect(() => {\n    const listener = () => {\n      handleMouseEvents.current = true;\n    };\n    const timer = handleMouseEventsTimer.current;\n    timer.setOnExecute(listener);\n    return () => {\n      timer.setOnExecute(undefined);\n    };\n  }, []);\n  return ref;\n}\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"useProximityToMouse.d.ts","sourceRoot":"","sources":["../../../../src/core-react/utils/hooks/useProximityToMouse.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,gBAAgB;AAChB,qBAAa,gBAAiB,SAAQ,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;CAAG;AAEtE;;GAEG;AACH,eAAO,MAAM,mBAAmB,eAClB,gBAAgB,SACtB,OAAO,+BAiCd,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAE/C;;GAEG;AACH,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAE3C;;GAEG;AACH,eAAO,MAAM,kCAAkC,OAAO,CAAC;AAEvD;;GAEG;AACH,eAAO,MAAM,oCAAoC,KAAK,CAAC;AAEvD;;GAEG;AACH,eAAO,MAAM,uBAAuB,cACvB,MAAM,SACX,OAAO,yBAEZ,MAIF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB,mBAAoB,MAAM,KAAG,MAEhE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,yBAAyB,mBAAoB,MAAM,KAAG,MAElE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,2BAA2B,mBAAoB,MAAM,KAAG,MAEpE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,yBAAyB,YAAa,MAAM,KAAG,MAE3D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,YAAa,MAAM,KAAG,MAErD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,eAAgB,MAAM,KAAG,MAE7D,CAAC"}

package/lib/core-react/utils/hooks/useProximityToMouse.js

@@ -0,0 +1,102 @@
+/*---------------------------------------------------------------------------------------------
+ * 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 { Point } from "../Point.js";
+import { Rectangle } from "../Rectangle.js";
+/** @internal */
+export class WidgetElementSet extends Set {
+}
+/** Returns the proximity scale associated with the shortest distance from the element(s) to the mouse.
+ * @internal
+ */
+export const useProximityToMouse = (elementSet, snap = false, threshold = PROXIMITY_THRESHOLD_DEFAULT) => {
+    const [proximityScale, setProximityScale] = React.useState(1.0);
+    React.useEffect(() => {
+        const handleDocumentPointerMove = (e) => {
+            let shortestProximity = Number.MAX_SAFE_INTEGER;
+            for (const ref of elementSet) {
+                if (ref.current) {
+                    const clientRect = ref.current.getBoundingClientRect();
+                    const rectangle = Rectangle.create(clientRect);
+                    const point = new Point(e.pageX, e.pageY);
+                    shortestProximity = Math.min(rectangle.getShortestDistanceToPoint(point), shortestProximity);
+                }
+            }
+            const scale = calculateProximityScale(shortestProximity, snap, threshold);
+            if (scale !== proximityScale)
+                setProximityScale(scale);
+        };
+        document.addEventListener("pointermove", handleDocumentPointerMove);
+        return () => {
+            document.removeEventListener("pointermove", handleDocumentPointerMove);
+        };
+    }, [elementSet, proximityScale, snap, threshold]);
+    return proximityScale;
+};
+/** Default proximity threshold.
+ * @internal
+ */
+export const PROXIMITY_THRESHOLD_DEFAULT = 100;
+/** Default toolbar opacity.
+ * @internal
+ */
+export const TOOLBAR_OPACITY_DEFAULT = 0.5;
+/** Default toolbar box-shadow opacity.
+ * @internal
+ */
+export const TOOLBAR_BOX_SHADOW_OPACITY_DEFAULT = 0.35;
+/** Default toolbar backdrop-filter blur.
+ * @internal
+ */
+export const TOOLBAR_BACKDROP_FILTER_BLUR_DEFAULT = 10;
+/** Calculates a proximity scale for further calculations given the proximity and threshold.
+ * @internal
+ */
+export const calculateProximityScale = (proximity, snap = false, threshold = PROXIMITY_THRESHOLD_DEFAULT) => {
+    let scale = (proximity < threshold ? threshold - proximity : 0) / threshold;
+    if (snap && scale > 0)
+        scale = 1.0;
+    return scale;
+};
+/** Calculates a toolbar opacity based on a given proximity scale.
+ * @internal
+ */
+export const calculateToolbarOpacity = (proximityScale) => {
+    return TOOLBAR_OPACITY_DEFAULT * proximityScale;
+};
+/** Calculates a box-shadow opacity based on a given proximity scale.
+ * @internal
+ */
+export const calculateBoxShadowOpacity = (proximityScale) => {
+    return TOOLBAR_BOX_SHADOW_OPACITY_DEFAULT * proximityScale;
+};
+/** Calculates a backdrop-filter blur based on a given proximity scale.
+ * @internal
+ */
+export const calculateBackdropFilterBlur = (proximityScale) => {
+    return TOOLBAR_BACKDROP_FILTER_BLUR_DEFAULT * proximityScale;
+};
+/** Gets the Toolbar background-color based on a given opacity.
+ * @internal
+ */
+export const getToolbarBackgroundColor = (opacity) => {
+    return `hsl(var(--iui-color-background-hsl) / ${opacity})`;
+};
+/** Gets the Toolbar box-shadow based on a given opacity.
+ * @internal
+ */
+export const getToolbarBoxShadow = (opacity) => {
+    return `0 1px 3px 0 rgba(0, 0, 0, ${opacity})`;
+};
+/** Gets the Toolbar backdrop-filter based on a given blur amount.
+ * @internal
+ */
+export const getToolbarBackdropFilter = (filterBlur) => {
+    return `blur(${filterBlur}px)`;
+};
+//# sourceMappingURL=useProximityToMouse.js.map

package/lib/core-react/utils/hooks/useProximityToMouse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useProximityToMouse.js","sourceRoot":"","sources":["../../../../src/core-react/utils/hooks/useProximityToMouse.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 { Point } from \"../Point.js\";\nimport { Rectangle } from \"../Rectangle.js\";\n\n/** @internal */\nexport class WidgetElementSet extends Set<React.RefObject<Element>> {}\n\n/** Returns the proximity scale associated with the shortest distance from the element(s) to the mouse.\n * @internal\n */\nexport const useProximityToMouse = (\n  elementSet: WidgetElementSet,\n  snap: boolean = false,\n  threshold = PROXIMITY_THRESHOLD_DEFAULT\n) => {\n  const [proximityScale, setProximityScale] = React.useState(1.0);\n\n  React.useEffect(() => {\n    const handleDocumentPointerMove = (e: PointerEvent) => {\n      let shortestProximity = Number.MAX_SAFE_INTEGER;\n\n      for (const ref of elementSet) {\n        if (ref.current) {\n          const clientRect = ref.current.getBoundingClientRect();\n          const rectangle = Rectangle.create(clientRect);\n          const point = new Point(e.pageX, e.pageY);\n          shortestProximity = Math.min(\n            rectangle.getShortestDistanceToPoint(point),\n            shortestProximity\n          );\n        }\n      }\n\n      const scale = calculateProximityScale(shortestProximity, snap, threshold);\n      if (scale !== proximityScale) setProximityScale(scale);\n    };\n\n    document.addEventListener(\"pointermove\", handleDocumentPointerMove);\n\n    return () => {\n      document.removeEventListener(\"pointermove\", handleDocumentPointerMove);\n    };\n  }, [elementSet, proximityScale, snap, threshold]);\n\n  return proximityScale;\n};\n\n/** Default proximity threshold.\n * @internal\n */\nexport const PROXIMITY_THRESHOLD_DEFAULT = 100;\n\n/** Default toolbar opacity.\n * @internal\n */\nexport const TOOLBAR_OPACITY_DEFAULT = 0.5;\n\n/** Default toolbar box-shadow opacity.\n * @internal\n */\nexport const TOOLBAR_BOX_SHADOW_OPACITY_DEFAULT = 0.35;\n\n/** Default toolbar backdrop-filter blur.\n * @internal\n */\nexport const TOOLBAR_BACKDROP_FILTER_BLUR_DEFAULT = 10;\n\n/** Calculates a proximity scale for further calculations given the proximity and threshold.\n * @internal\n */\nexport const calculateProximityScale = (\n  proximity: number,\n  snap: boolean = false,\n  threshold = PROXIMITY_THRESHOLD_DEFAULT\n): number => {\n  let scale = (proximity < threshold ? threshold - proximity : 0) / threshold;\n  if (snap && scale > 0) scale = 1.0;\n  return scale;\n};\n\n/** Calculates a toolbar opacity based on a given proximity scale.\n * @internal\n */\nexport const calculateToolbarOpacity = (proximityScale: number): number => {\n  return TOOLBAR_OPACITY_DEFAULT * proximityScale;\n};\n\n/** Calculates a box-shadow opacity based on a given proximity scale.\n * @internal\n */\nexport const calculateBoxShadowOpacity = (proximityScale: number): number => {\n  return TOOLBAR_BOX_SHADOW_OPACITY_DEFAULT * proximityScale;\n};\n\n/** Calculates a backdrop-filter blur based on a given proximity scale.\n * @internal\n */\nexport const calculateBackdropFilterBlur = (proximityScale: number): number => {\n  return TOOLBAR_BACKDROP_FILTER_BLUR_DEFAULT * proximityScale;\n};\n\n/** Gets the Toolbar background-color based on a given opacity.\n * @internal\n */\nexport const getToolbarBackgroundColor = (opacity: number): string => {\n  return `hsl(var(--iui-color-background-hsl) / ${opacity})`;\n};\n\n/** Gets the Toolbar box-shadow based on a given opacity.\n * @internal\n */\nexport const getToolbarBoxShadow = (opacity: number): string => {\n  return `0 1px 3px 0 rgba(0, 0, 0, ${opacity})`;\n};\n\n/** Gets the Toolbar backdrop-filter based on a given blur amount.\n * @internal\n */\nexport const getToolbarBackdropFilter = (filterBlur: number): string => {\n  return `blur(${filterBlur}px)`;\n};\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRefEffect.d.ts","sourceRoot":"","sources":["../../../../src/core-react/utils/hooks/useRefEffect.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAIH;;GAEG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAC5B,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,EACrD,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,cAGY,CAAC,GAAG,IAAI,UAK7C"}

package/lib/core-react/utils/hooks/useRefEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRefEffect.js","sourceRoot":"","sources":["../../../../src/core-react/utils/hooks/useRefEffect.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;GAEG;AACH,MAAM,UAAU,YAAY,CAC1B,QAAqD,EACrD,IAAwB;IAExB,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAsB,IAAI,CAAC,CAAC;IACxD,OAAO,KAAK,CAAC,WAAW,CAAC,CAAC,QAAkB,EAAE,EAAE;QAC9C,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;QACrC,MAAM,UAAU,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACtC,OAAO,CAAC,OAAO,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC;IACpD,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 * as React from \"react\";\n\n/** Returns callback ref that is easy to setup and cleanup (API wise similar to React.useEffect).\n * @internal\n */\nexport function useRefEffect<T>(\n  callback: (instance: T | null) => void | (() => void),\n  deps: ReadonlyArray<any>\n) {\n  const cleanup = React.useRef<(() => void) | null>(null);\n  return React.useCallback((instance: T | null) => {\n    cleanup.current && cleanup.current();\n    const newCleanup = callback(instance);\n    cleanup.current = !newCleanup ? null : newCleanup;\n  }, deps); // eslint-disable-line react-hooks/exhaustive-deps\n}\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRefState.d.ts","sourceRoot":"","sources":["../../../../src/core-react/utils/hooks/useRefState.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,WAAW,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,CAM9D"}

package/lib/core-react/utils/hooks/useRefState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRefState.js","sourceRoot":"","sources":["../../../../src/core-react/utils/hooks/useRefState.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,WAAW;IACzB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAK,CAAC;IAClD,MAAM,GAAG,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,QAAkB,EAAE,EAAE;QACnD,UAAU,CAAC,QAAQ,IAAI,SAAS,CAAC,CAAC;IACpC,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;AACxB,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 * as React from \"react\";\n\n/** Hook used to store an HTMLElement in state by using ref callback returned from hook.\n * *Example:*\n * ``` tsx\n *  const [divElementRef, divElement] = useRefState<HTMLDivElement>();\n *  const ownerDoc = divElement?.ownerDocument ?? document;\n *\n *  return (\n *    <div ref={divElementRef} >\n *      ....\n *    </div>\n *  );\n * ```\n * }\n\n * @internal\n */\nexport function useRefState<T>(): [React.Ref<T>, T | undefined] {\n  const [element, setElement] = React.useState<T>();\n  const ref = React.useCallback((instance: T | null) => {\n    setElement(instance || undefined);\n  }, []);\n  return [ref, element];\n}\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRefs.d.ts","sourceRoot":"","sources":["../../../../src/core-react/utils/hooks/useRefs.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;GAEG;AACH,wBAAgB,OAAO,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,cAE5D,CAAC,GAAG,IAAI,UActB;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,cAC7C,CAAC,GAAG,IAAI,UAW3B"}

package/lib/core-react/utils/hooks/useRefs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRefs.js","sourceRoot":"","sources":["../../../../src/core-react/utils/hooks/useRefs.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,+BAA+B;AAC/B,SAAS,aAAa,CAAI,GAAiB;IACzC,OAAO,OAAO,GAAG,KAAK,UAAU,CAAC;AACnC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,OAAO,CAAI,GAAG,IAA6C;IACzE,OAAO,KAAK,CAAC,WAAW,CACtB,CAAC,QAAkB,EAAE,EAAE;QACrB,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;YACvB,IAAI,GAAG,EAAE,CAAC;gBACR,IAAI,aAAa,CAAC,GAAG,CAAC,EAAE,CAAC;oBACvB,GAAG,CAAC,QAAQ,CAAC,CAAC;gBAChB,CAAC;qBAAM,CAAC;oBACL,GAAwC,CAAC,OAAO,GAAG,QAAQ,CAAC;gBAC/D,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IACD,uDAAuD;IACvD,CAAC,GAAG,IAAI,CAAC,CACV,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,SAAS,CAAI,GAAG,IAAiC;IAC/D,OAAO,CAAC,QAAkB,EAAE,EAAE;QAC5B,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;YACvB,IAAI,GAAG,EAAE,CAAC;gBACR,IAAI,aAAa,CAAC,GAAG,CAAC,EAAE,CAAC;oBACvB,GAAG,CAAC,QAAQ,CAAC,CAAC;gBAChB,CAAC;qBAAM,CAAC;oBACL,GAAwC,CAAC,OAAO,GAAG,QAAQ,CAAC;gBAC/D,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC,CAAC;AACJ,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 * as React from \"react\";\n\n/** Callback ref type guard. */\nfunction isRefCallback<T>(ref: React.Ref<T>): ref is (_: T | null) => void {\n  return typeof ref === \"function\";\n}\n\n/** Hook used to combine multiple refs.\n * @internal\n */\nexport function useRefs<T>(...refs: ReadonlyArray<React.Ref<T> | undefined>) {\n  return React.useCallback(\n    (instance: T | null) => {\n      for (const ref of refs) {\n        if (ref) {\n          if (isRefCallback(ref)) {\n            ref(instance);\n          } else {\n            (ref as React.MutableRefObject<T | null>).current = instance;\n          }\n        }\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [...refs]\n  );\n}\n\n/** Used to combine multiple refs for a class component.\n * @internal\n */\nexport function mergeRefs<T>(...refs: ReadonlyArray<React.Ref<T>>) {\n  return (instance: T | null) => {\n    for (const ref of refs) {\n      if (ref) {\n        if (isRefCallback(ref)) {\n          ref(instance);\n        } else {\n          (ref as React.MutableRefObject<T | null>).current = instance;\n        }\n      }\n    }\n  };\n}\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeObserver.d.ts","sourceRoot":"","sources":["../../../../src/core-react/utils/hooks/useResizeObserver.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,OAAO,EACjD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,sCAgHnD;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CACrC,SAAS,EAAE,WAAW,GAAG,IAAI,EAC7B,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,0BAwGrD;AAED;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,cAAc,EACd,MAAM,GACP,EAAE;IACD,cAAc,EAAE,WAAW,GAAG,IAAI,CAAC;IACnC,MAAM,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,KAAK,CAAC,YAAY,CAAC;CACxD,sEAGA;AAED;;;;;;GAMG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,qBAyCA"}