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

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

@@ -1,89 +1,89 @@
-/*---------------------------------------------------------------------------------------------
-* 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";
-import { Timer } from "../Timer";
-/** Invokes onOutsideClick handler when user clicks outside of referenced element.
- * @public
- */
-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;
-}
+/*---------------------------------------------------------------------------------------------
+* 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";
+import { Timer } from "../Timer";
+/** Invokes onOutsideClick handler when user clicks outside of referenced element.
+ * @public
+ */
+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/esm/core-react/utils/hooks/useOnOutsideClick.js.map

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

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

@@ -1,56 +1,56 @@
-/** @packageDocumentation
- * @module Utilities
- */
-import * as React from "react";
-/** @internal */
-export declare class WidgetElementSet extends Set<React.RefObject<Element>> {
-}
-/** Returns the proximity scale associated with the shortest distance from the element(s) to the mouse.
- * @internal
- */
-export declare const useProximityToMouse: (elementSet: WidgetElementSet, snap?: boolean, threshold?: number) => number;
-/** Default proximity threshold.
- * @internal
- */
-export declare const PROXIMITY_THRESHOLD_DEFAULT = 100;
-/** Default toolbar opacity.
- * @internal
- */
-export declare const TOOLBAR_OPACITY_DEFAULT = 0.5;
-/** Default toolbar box-shadow opacity.
- * @internal
- */
-export declare const TOOLBAR_BOX_SHADOW_OPACITY_DEFAULT = 0.35;
-/** Default toolbar backdrop-filter blur.
- * @internal
- */
-export declare const TOOLBAR_BACKDROP_FILTER_BLUR_DEFAULT = 10;
-/** Calculates a proximity scale for further calculations given the proximity and threshold.
- * @internal
- */
-export declare const calculateProximityScale: (proximity: number, snap?: boolean, threshold?: number) => number;
-/** Calculates a toolbar opacity based on a given proximity scale.
- * @internal
- */
-export declare const calculateToolbarOpacity: (proximityScale: number) => number;
-/** Calculates a box-shadow opacity based on a given proximity scale.
- * @internal
- */
-export declare const calculateBoxShadowOpacity: (proximityScale: number) => number;
-/** Calculates a backdrop-filter blur based on a given proximity scale.
- * @internal
- */
-export declare const calculateBackdropFilterBlur: (proximityScale: number) => number;
-/** Gets the Toolbar background-color based on a given opacity.
- * @internal
- */
-export declare const getToolbarBackgroundColor: (opacity: number) => string;
-/** Gets the Toolbar box-shadow based on a given opacity.
- * @internal
- */
-export declare const getToolbarBoxShadow: (opacity: number) => string;
-/** Gets the Toolbar backdrop-filter based on a given blur amount.
- * @internal
- */
-export declare const getToolbarBackdropFilter: (filterBlur: number) => string;
+/** @packageDocumentation
+ * @module Utilities
+ */
+import * as React from "react";
+/** @internal */
+export declare class WidgetElementSet extends Set<React.RefObject<Element>> {
+}
+/** Returns the proximity scale associated with the shortest distance from the element(s) to the mouse.
+ * @internal
+ */
+export declare const useProximityToMouse: (elementSet: WidgetElementSet, snap?: boolean, threshold?: number) => number;
+/** Default proximity threshold.
+ * @internal
+ */
+export declare const PROXIMITY_THRESHOLD_DEFAULT = 100;
+/** Default toolbar opacity.
+ * @internal
+ */
+export declare const TOOLBAR_OPACITY_DEFAULT = 0.5;
+/** Default toolbar box-shadow opacity.
+ * @internal
+ */
+export declare const TOOLBAR_BOX_SHADOW_OPACITY_DEFAULT = 0.35;
+/** Default toolbar backdrop-filter blur.
+ * @internal
+ */
+export declare const TOOLBAR_BACKDROP_FILTER_BLUR_DEFAULT = 10;
+/** Calculates a proximity scale for further calculations given the proximity and threshold.
+ * @internal
+ */
+export declare const calculateProximityScale: (proximity: number, snap?: boolean, threshold?: number) => number;
+/** Calculates a toolbar opacity based on a given proximity scale.
+ * @internal
+ */
+export declare const calculateToolbarOpacity: (proximityScale: number) => number;
+/** Calculates a box-shadow opacity based on a given proximity scale.
+ * @internal
+ */
+export declare const calculateBoxShadowOpacity: (proximityScale: number) => number;
+/** Calculates a backdrop-filter blur based on a given proximity scale.
+ * @internal
+ */
+export declare const calculateBackdropFilterBlur: (proximityScale: number) => number;
+/** Gets the Toolbar background-color based on a given opacity.
+ * @internal
+ */
+export declare const getToolbarBackgroundColor: (opacity: number) => string;
+/** Gets the Toolbar box-shadow based on a given opacity.
+ * @internal
+ */
+export declare const getToolbarBoxShadow: (opacity: number) => string;
+/** Gets the Toolbar backdrop-filter based on a given blur amount.
+ * @internal
+ */
+export declare const getToolbarBackdropFilter: (filterBlur: number) => string;
 //# sourceMappingURL=useProximityToMouse.d.ts.map

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

@@ -1 +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;CAAI;AAEvE;;GAEG;AACH,eAAO,MAAM,mBAAmB,eAAgB,gBAAgB,SAAQ,OAAO,+BA8B9E,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,cAAe,MAAM,SAAQ,OAAO,yBAAoD,MAK3H,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"}
+{"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,+BAkCd,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/esm/core-react/utils/hooks/useProximityToMouse.js

@@ -1,103 +1,103 @@
-/*---------------------------------------------------------------------------------------------
-* 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";
-import { Rectangle } from "../Rectangle";
-/** @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) {
-                // istanbul ignore else
-                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 `rgba(var(--buic-background-2-rgb), ${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)`;
-};
+/*---------------------------------------------------------------------------------------------
+* 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";
+import { Rectangle } from "../Rectangle";
+/** @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) {
+                // istanbul ignore else
+                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/esm/core-react/utils/hooks/useProximityToMouse.js.map

@@ -1 +1 @@
-{"version":3,"file":"useProximityToMouse.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useProximityToMouse.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,gBAAgB;AAChB,MAAM,OAAO,gBAAiB,SAAQ,GAA6B;CAAI;AAEvE;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,UAA4B,EAAE,OAAgB,KAAK,EAAE,SAAS,GAAG,2BAA2B,EAAE,EAAE;IAClI,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;IAEhE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,yBAAyB,GAAG,CAAC,CAAe,EAAE,EAAE;YACpD,IAAI,iBAAiB,GAAG,MAAM,CAAC,gBAAgB,CAAC;YAEhD,KAAK,MAAM,GAAG,IAAI,UAAU,EAAE;gBAC5B,uBAAuB;gBACvB,IAAI,GAAG,CAAC,OAAO,EAAE;oBACf,MAAM,UAAU,GAAG,GAAG,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;oBACvD,MAAM,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;oBAC/C,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;oBAC1C,iBAAiB,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,0BAA0B,CAAC,KAAK,CAAC,EAAE,iBAAiB,CAAC,CAAC;iBAC9F;aACF;YAED,MAAM,KAAK,GAAG,uBAAuB,CAAC,iBAAiB,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC;YAC1E,IAAI,KAAK,KAAK,cAAc;gBAC1B,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC7B,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,aAAa,EAAE,yBAAyB,CAAC,CAAC;QAEpE,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,aAAa,EAAE,yBAAyB,CAAC,CAAC;QACzE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;IAElD,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,CAAC;AAE/C;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CAAC;AAE3C;;GAEG;AACH,MAAM,CAAC,MAAM,kCAAkC,GAAG,IAAI,CAAC;AAEvD;;GAEG;AACH,MAAM,CAAC,MAAM,oCAAoC,GAAG,EAAE,CAAC;AAEvD;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,SAAiB,EAAE,OAAgB,KAAK,EAAE,SAAS,GAAG,2BAA2B,EAAU,EAAE;IACnI,IAAI,KAAK,GAAG,CAAC,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IAC9E,IAAI,IAAI,IAAI,KAAK,GAAG,CAAC;QACnB,KAAK,GAAG,GAAG,CAAC;IACd,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,cAAsB,EAAU,EAAE;IACxE,OAAO,uBAAuB,GAAG,cAAc,CAAC;AAClD,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,cAAsB,EAAU,EAAE;IAC1E,OAAO,kCAAkC,GAAG,cAAc,CAAC;AAC7D,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,cAAsB,EAAU,EAAE;IAC5E,OAAO,oCAAoC,GAAG,cAAc,CAAC;AAC/D,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,OAAe,EAAU,EAAE;IACnE,OAAO,sCAAsC,OAAO,GAAG,CAAC;AAC1D,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,OAAe,EAAU,EAAE;IAC7D,OAAO,6BAA6B,OAAO,GAAG,CAAC;AACjD,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,UAAkB,EAAU,EAAE;IACrE,OAAO,QAAQ,UAAU,KAAK,CAAC;AACjC,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\n\nimport * as React from \"react\";\nimport { Point } from \"../Point\";\nimport { Rectangle } from \"../Rectangle\";\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 = (elementSet: WidgetElementSet, snap: boolean = false, threshold = PROXIMITY_THRESHOLD_DEFAULT) => {\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        // istanbul ignore else\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(rectangle.getShortestDistanceToPoint(point), shortestProximity);\n        }\n      }\n\n      const scale = calculateProximityScale(shortestProximity, snap, threshold);\n      if (scale !== proximityScale)\n        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 = (proximity: number, snap: boolean = false, threshold = PROXIMITY_THRESHOLD_DEFAULT): number => {\n  let scale = ((proximity < threshold) ? threshold - proximity : 0) / threshold;\n  if (snap && scale > 0)\n    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 `rgba(var(--buic-background-2-rgb), ${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"]}
+{"version":3,"file":"useProximityToMouse.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useProximityToMouse.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 { Point } from \"../Point\";\r\nimport { Rectangle } from \"../Rectangle\";\r\n\r\n/** @internal */\r\nexport class WidgetElementSet extends Set<React.RefObject<Element>> {}\r\n\r\n/** Returns the proximity scale associated with the shortest distance from the element(s) to the mouse.\r\n * @internal\r\n */\r\nexport const useProximityToMouse = (\r\n  elementSet: WidgetElementSet,\r\n  snap: boolean = false,\r\n  threshold = PROXIMITY_THRESHOLD_DEFAULT\r\n) => {\r\n  const [proximityScale, setProximityScale] = React.useState(1.0);\r\n\r\n  React.useEffect(() => {\r\n    const handleDocumentPointerMove = (e: PointerEvent) => {\r\n      let shortestProximity = Number.MAX_SAFE_INTEGER;\r\n\r\n      for (const ref of elementSet) {\r\n        // istanbul ignore else\r\n        if (ref.current) {\r\n          const clientRect = ref.current.getBoundingClientRect();\r\n          const rectangle = Rectangle.create(clientRect);\r\n          const point = new Point(e.pageX, e.pageY);\r\n          shortestProximity = Math.min(\r\n            rectangle.getShortestDistanceToPoint(point),\r\n            shortestProximity\r\n          );\r\n        }\r\n      }\r\n\r\n      const scale = calculateProximityScale(shortestProximity, snap, threshold);\r\n      if (scale !== proximityScale) setProximityScale(scale);\r\n    };\r\n\r\n    document.addEventListener(\"pointermove\", handleDocumentPointerMove);\r\n\r\n    return () => {\r\n      document.removeEventListener(\"pointermove\", handleDocumentPointerMove);\r\n    };\r\n  }, [elementSet, proximityScale, snap, threshold]);\r\n\r\n  return proximityScale;\r\n};\r\n\r\n/** Default proximity threshold.\r\n * @internal\r\n */\r\nexport const PROXIMITY_THRESHOLD_DEFAULT = 100;\r\n\r\n/** Default toolbar opacity.\r\n * @internal\r\n */\r\nexport const TOOLBAR_OPACITY_DEFAULT = 0.5;\r\n\r\n/** Default toolbar box-shadow opacity.\r\n * @internal\r\n */\r\nexport const TOOLBAR_BOX_SHADOW_OPACITY_DEFAULT = 0.35;\r\n\r\n/** Default toolbar backdrop-filter blur.\r\n * @internal\r\n */\r\nexport const TOOLBAR_BACKDROP_FILTER_BLUR_DEFAULT = 10;\r\n\r\n/** Calculates a proximity scale for further calculations given the proximity and threshold.\r\n * @internal\r\n */\r\nexport const calculateProximityScale = (\r\n  proximity: number,\r\n  snap: boolean = false,\r\n  threshold = PROXIMITY_THRESHOLD_DEFAULT\r\n): number => {\r\n  let scale = (proximity < threshold ? threshold - proximity : 0) / threshold;\r\n  if (snap && scale > 0) scale = 1.0;\r\n  return scale;\r\n};\r\n\r\n/** Calculates a toolbar opacity based on a given proximity scale.\r\n * @internal\r\n */\r\nexport const calculateToolbarOpacity = (proximityScale: number): number => {\r\n  return TOOLBAR_OPACITY_DEFAULT * proximityScale;\r\n};\r\n\r\n/** Calculates a box-shadow opacity based on a given proximity scale.\r\n * @internal\r\n */\r\nexport const calculateBoxShadowOpacity = (proximityScale: number): number => {\r\n  return TOOLBAR_BOX_SHADOW_OPACITY_DEFAULT * proximityScale;\r\n};\r\n\r\n/** Calculates a backdrop-filter blur based on a given proximity scale.\r\n * @internal\r\n */\r\nexport const calculateBackdropFilterBlur = (proximityScale: number): number => {\r\n  return TOOLBAR_BACKDROP_FILTER_BLUR_DEFAULT * proximityScale;\r\n};\r\n\r\n/** Gets the Toolbar background-color based on a given opacity.\r\n * @internal\r\n */\r\nexport const getToolbarBackgroundColor = (opacity: number): string => {\r\n  return `hsl(var(--iui-color-background-hsl) / ${opacity})`;\r\n};\r\n\r\n/** Gets the Toolbar box-shadow based on a given opacity.\r\n * @internal\r\n */\r\nexport const getToolbarBoxShadow = (opacity: number): string => {\r\n  return `0 1px 3px 0 rgba(0, 0, 0, ${opacity})`;\r\n};\r\n\r\n/** Gets the Toolbar backdrop-filter based on a given blur amount.\r\n * @internal\r\n */\r\nexport const getToolbarBackdropFilter = (filterBlur: number): string => {\r\n  return `blur(${filterBlur}px)`;\r\n};\r\n"]}

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

@@ -1,8 +1,8 @@
-/** @packageDocumentation
- * @module Utilities
- */
-/** Returns callback ref that is easy to setup and cleanup (API wise similar to React.useEffect).
- * @internal
- */
-export declare function useRefEffect<T>(callback: (instance: T | null) => (void | (() => void)), deps: ReadonlyArray<any>): (instance: T | null) => void;
+/** @packageDocumentation
+ * @module Utilities
+ */
+/** Returns callback ref that is easy to setup and cleanup (API wise similar to React.useEffect).
+ * @internal
+ */
+export declare function useRefEffect<T>(callback: (instance: T | null) => (void | (() => void)), deps: ReadonlyArray<any>): (instance: T | null) => void;
 //# sourceMappingURL=useRefEffect.d.ts.map

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

@@ -1,20 +1,20 @@
-/*---------------------------------------------------------------------------------------------
-* 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";
-/** Returns callback ref that is easy to setup and cleanup (API wise similar to React.useEffect).
- * @internal
- */
-export function useRefEffect(callback, deps) {
-    const cleanup = React.useRef(null);
-    return React.useCallback((instance) => {
-        cleanup.current && cleanup.current();
-        const newCleanup = callback(instance);
-        cleanup.current = !newCleanup ? null : newCleanup;
-    }, 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 * as React from "react";
+/** Returns callback ref that is easy to setup and cleanup (API wise similar to React.useEffect).
+ * @internal
+ */
+export function useRefEffect(callback, deps) {
+    const cleanup = React.useRef(null);
+    return React.useCallback((instance) => {
+        cleanup.current && cleanup.current();
+        const newCleanup = callback(instance);
+        cleanup.current = !newCleanup ? null : newCleanup;
+    }, deps); // eslint-disable-line react-hooks/exhaustive-deps
+}
 //# sourceMappingURL=useRefEffect.js.map