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

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

@@ -1,93 +1,93 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Utilities
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useOnOutsideClick = void 0;
-const React = require("react");
-const PointerEvents_1 = require("../../base/PointerEvents");
-const Timer_1 = require("../Timer");
-/** Invokes onOutsideClick handler when user clicks outside of referenced element.
- * @public
- */
-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_1.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 ((0, PointerEvents_1.hasPointerEventsSupport)()) {
-            document.addEventListener("pointerdown", listener);
-        }
-        else {
-            document.addEventListener("mousedown", listener);
-            document.addEventListener("touchstart", listener);
-        }
-        return () => {
-            if ((0, PointerEvents_1.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 ((0, PointerEvents_1.hasPointerEventsSupport)()) {
-            document.addEventListener("pointerup", listener);
-        }
-        else {
-            document.addEventListener("mouseup", listener);
-            document.addEventListener("touchend", listener);
-        }
-        return () => {
-            if ((0, PointerEvents_1.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;
-}
-exports.useOnOutsideClick = useOnOutsideClick;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Utilities
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOnOutsideClick = void 0;
+const React = require("react");
+const PointerEvents_1 = require("../../base/PointerEvents");
+const Timer_1 = require("../Timer");
+/** Invokes onOutsideClick handler when user clicks outside of referenced element.
+ * @public
+ */
+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_1.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 ((0, PointerEvents_1.hasPointerEventsSupport)()) {
+            document.addEventListener("pointerdown", listener);
+        }
+        else {
+            document.addEventListener("mousedown", listener);
+            document.addEventListener("touchstart", listener);
+        }
+        return () => {
+            if ((0, PointerEvents_1.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 ((0, PointerEvents_1.hasPointerEventsSupport)()) {
+            document.addEventListener("pointerup", listener);
+        }
+        else {
+            document.addEventListener("mouseup", listener);
+            document.addEventListener("touchend", listener);
+        }
+        return () => {
+            if ((0, PointerEvents_1.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;
+}
+exports.useOnOutsideClick = useOnOutsideClick;
 //# sourceMappingURL=useOnOutsideClick.js.map

package/lib/cjs/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/cjs/core-react/utils/hooks/useProximityToMouse.js

@@ -1,115 +1,115 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Utilities
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getToolbarBackdropFilter = exports.getToolbarBoxShadow = exports.getToolbarBackgroundColor = exports.calculateBackdropFilterBlur = exports.calculateBoxShadowOpacity = exports.calculateToolbarOpacity = exports.calculateProximityScale = exports.TOOLBAR_BACKDROP_FILTER_BLUR_DEFAULT = exports.TOOLBAR_BOX_SHADOW_OPACITY_DEFAULT = exports.TOOLBAR_OPACITY_DEFAULT = exports.PROXIMITY_THRESHOLD_DEFAULT = exports.useProximityToMouse = exports.WidgetElementSet = void 0;
-const React = require("react");
-const Point_1 = require("../Point");
-const Rectangle_1 = require("../Rectangle");
-/** @internal */
-class WidgetElementSet extends Set {
-}
-exports.WidgetElementSet = WidgetElementSet;
-/** Returns the proximity scale associated with the shortest distance from the element(s) to the mouse.
- * @internal
- */
-const useProximityToMouse = (elementSet, snap = false, threshold = exports.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_1.Rectangle.create(clientRect);
-                    const point = new Point_1.Point(e.pageX, e.pageY);
-                    shortestProximity = Math.min(rectangle.getShortestDistanceToPoint(point), shortestProximity);
-                }
-            }
-            const scale = (0, exports.calculateProximityScale)(shortestProximity, snap, threshold);
-            if (scale !== proximityScale)
-                setProximityScale(scale);
-        };
-        document.addEventListener("pointermove", handleDocumentPointerMove);
-        return () => {
-            document.removeEventListener("pointermove", handleDocumentPointerMove);
-        };
-    }, [elementSet, proximityScale, snap, threshold]);
-    return proximityScale;
-};
-exports.useProximityToMouse = useProximityToMouse;
-/** Default proximity threshold.
- * @internal
- */
-exports.PROXIMITY_THRESHOLD_DEFAULT = 100;
-/** Default toolbar opacity.
- * @internal
- */
-exports.TOOLBAR_OPACITY_DEFAULT = 0.5;
-/** Default toolbar box-shadow opacity.
- * @internal
- */
-exports.TOOLBAR_BOX_SHADOW_OPACITY_DEFAULT = 0.35;
-/** Default toolbar backdrop-filter blur.
- * @internal
- */
-exports.TOOLBAR_BACKDROP_FILTER_BLUR_DEFAULT = 10;
-/** Calculates a proximity scale for further calculations given the proximity and threshold.
- * @internal
- */
-const calculateProximityScale = (proximity, snap = false, threshold = exports.PROXIMITY_THRESHOLD_DEFAULT) => {
-    let scale = (proximity < threshold ? threshold - proximity : 0) / threshold;
-    if (snap && scale > 0)
-        scale = 1.0;
-    return scale;
-};
-exports.calculateProximityScale = calculateProximityScale;
-/** Calculates a toolbar opacity based on a given proximity scale.
- * @internal
- */
-const calculateToolbarOpacity = (proximityScale) => {
-    return exports.TOOLBAR_OPACITY_DEFAULT * proximityScale;
-};
-exports.calculateToolbarOpacity = calculateToolbarOpacity;
-/** Calculates a box-shadow opacity based on a given proximity scale.
- * @internal
- */
-const calculateBoxShadowOpacity = (proximityScale) => {
-    return exports.TOOLBAR_BOX_SHADOW_OPACITY_DEFAULT * proximityScale;
-};
-exports.calculateBoxShadowOpacity = calculateBoxShadowOpacity;
-/** Calculates a backdrop-filter blur based on a given proximity scale.
- * @internal
- */
-const calculateBackdropFilterBlur = (proximityScale) => {
-    return exports.TOOLBAR_BACKDROP_FILTER_BLUR_DEFAULT * proximityScale;
-};
-exports.calculateBackdropFilterBlur = calculateBackdropFilterBlur;
-/** Gets the Toolbar background-color based on a given opacity.
- * @internal
- */
-const getToolbarBackgroundColor = (opacity) => {
-    return `hsl(var(--iui-color-background-hsl) / ${opacity})`;
-};
-exports.getToolbarBackgroundColor = getToolbarBackgroundColor;
-/** Gets the Toolbar box-shadow based on a given opacity.
- * @internal
- */
-const getToolbarBoxShadow = (opacity) => {
-    return `0 1px 3px 0 rgba(0, 0, 0, ${opacity})`;
-};
-exports.getToolbarBoxShadow = getToolbarBoxShadow;
-/** Gets the Toolbar backdrop-filter based on a given blur amount.
- * @internal
- */
-const getToolbarBackdropFilter = (filterBlur) => {
-    return `blur(${filterBlur}px)`;
-};
-exports.getToolbarBackdropFilter = getToolbarBackdropFilter;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Utilities
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getToolbarBackdropFilter = exports.getToolbarBoxShadow = exports.getToolbarBackgroundColor = exports.calculateBackdropFilterBlur = exports.calculateBoxShadowOpacity = exports.calculateToolbarOpacity = exports.calculateProximityScale = exports.TOOLBAR_BACKDROP_FILTER_BLUR_DEFAULT = exports.TOOLBAR_BOX_SHADOW_OPACITY_DEFAULT = exports.TOOLBAR_OPACITY_DEFAULT = exports.PROXIMITY_THRESHOLD_DEFAULT = exports.useProximityToMouse = exports.WidgetElementSet = void 0;
+const React = require("react");
+const Point_1 = require("../Point");
+const Rectangle_1 = require("../Rectangle");
+/** @internal */
+class WidgetElementSet extends Set {
+}
+exports.WidgetElementSet = WidgetElementSet;
+/** Returns the proximity scale associated with the shortest distance from the element(s) to the mouse.
+ * @internal
+ */
+const useProximityToMouse = (elementSet, snap = false, threshold = exports.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_1.Rectangle.create(clientRect);
+                    const point = new Point_1.Point(e.pageX, e.pageY);
+                    shortestProximity = Math.min(rectangle.getShortestDistanceToPoint(point), shortestProximity);
+                }
+            }
+            const scale = (0, exports.calculateProximityScale)(shortestProximity, snap, threshold);
+            if (scale !== proximityScale)
+                setProximityScale(scale);
+        };
+        document.addEventListener("pointermove", handleDocumentPointerMove);
+        return () => {
+            document.removeEventListener("pointermove", handleDocumentPointerMove);
+        };
+    }, [elementSet, proximityScale, snap, threshold]);
+    return proximityScale;
+};
+exports.useProximityToMouse = useProximityToMouse;
+/** Default proximity threshold.
+ * @internal
+ */
+exports.PROXIMITY_THRESHOLD_DEFAULT = 100;
+/** Default toolbar opacity.
+ * @internal
+ */
+exports.TOOLBAR_OPACITY_DEFAULT = 0.5;
+/** Default toolbar box-shadow opacity.
+ * @internal
+ */
+exports.TOOLBAR_BOX_SHADOW_OPACITY_DEFAULT = 0.35;
+/** Default toolbar backdrop-filter blur.
+ * @internal
+ */
+exports.TOOLBAR_BACKDROP_FILTER_BLUR_DEFAULT = 10;
+/** Calculates a proximity scale for further calculations given the proximity and threshold.
+ * @internal
+ */
+const calculateProximityScale = (proximity, snap = false, threshold = exports.PROXIMITY_THRESHOLD_DEFAULT) => {
+    let scale = (proximity < threshold ? threshold - proximity : 0) / threshold;
+    if (snap && scale > 0)
+        scale = 1.0;
+    return scale;
+};
+exports.calculateProximityScale = calculateProximityScale;
+/** Calculates a toolbar opacity based on a given proximity scale.
+ * @internal
+ */
+const calculateToolbarOpacity = (proximityScale) => {
+    return exports.TOOLBAR_OPACITY_DEFAULT * proximityScale;
+};
+exports.calculateToolbarOpacity = calculateToolbarOpacity;
+/** Calculates a box-shadow opacity based on a given proximity scale.
+ * @internal
+ */
+const calculateBoxShadowOpacity = (proximityScale) => {
+    return exports.TOOLBAR_BOX_SHADOW_OPACITY_DEFAULT * proximityScale;
+};
+exports.calculateBoxShadowOpacity = calculateBoxShadowOpacity;
+/** Calculates a backdrop-filter blur based on a given proximity scale.
+ * @internal
+ */
+const calculateBackdropFilterBlur = (proximityScale) => {
+    return exports.TOOLBAR_BACKDROP_FILTER_BLUR_DEFAULT * proximityScale;
+};
+exports.calculateBackdropFilterBlur = calculateBackdropFilterBlur;
+/** Gets the Toolbar background-color based on a given opacity.
+ * @internal
+ */
+const getToolbarBackgroundColor = (opacity) => {
+    return `hsl(var(--iui-color-background-hsl) / ${opacity})`;
+};
+exports.getToolbarBackgroundColor = getToolbarBackgroundColor;
+/** Gets the Toolbar box-shadow based on a given opacity.
+ * @internal
+ */
+const getToolbarBoxShadow = (opacity) => {
+    return `0 1px 3px 0 rgba(0, 0, 0, ${opacity})`;
+};
+exports.getToolbarBoxShadow = getToolbarBoxShadow;
+/** Gets the Toolbar backdrop-filter based on a given blur amount.
+ * @internal
+ */
+const getToolbarBackdropFilter = (filterBlur) => {
+    return `blur(${filterBlur}px)`;
+};
+exports.getToolbarBackdropFilter = getToolbarBackdropFilter;
 //# sourceMappingURL=useProximityToMouse.js.map

package/lib/cjs/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/cjs/core-react/utils/hooks/useRefEffect.js

@@ -1,24 +1,24 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Utilities
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRefEffect = void 0;
-const React = require("react");
-/** Returns callback ref that is easy to setup and cleanup (API wise similar to React.useEffect).
- * @internal
- */
-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
-}
-exports.useRefEffect = useRefEffect;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Utilities
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRefEffect = void 0;
+const React = require("react");
+/** Returns callback ref that is easy to setup and cleanup (API wise similar to React.useEffect).
+ * @internal
+ */
+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
+}
+exports.useRefEffect = useRefEffect;
 //# sourceMappingURL=useRefEffect.js.map

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

@@ -1,22 +1,22 @@
-/** @packageDocumentation
- * @module Utilities
- */
-import * as React from "react";
-/** Hook used to store an HTMLElement in state by using ref callback returned from hook.
- * *Example:*
- * ``` tsx
- *  const [divElementRef, divElement] = useRefState<HTMLDivElement>();
- *  const ownerDoc = divElement?.ownerDocument ?? document;
- *
- *  return (
- *    <div ref={divElementRef} >
- *      ....
- *    </div>
- *  );
- * ```
- * }
-
- * @internal
- */
-export declare function useRefState<T>(): [React.Ref<T>, T | undefined];
+/** @packageDocumentation
+ * @module Utilities
+ */
+import * as React from "react";
+/** Hook used to store an HTMLElement in state by using ref callback returned from hook.
+ * *Example:*
+ * ``` tsx
+ *  const [divElementRef, divElement] = useRefState<HTMLDivElement>();
+ *  const ownerDoc = divElement?.ownerDocument ?? document;
+ *
+ *  return (
+ *    <div ref={divElementRef} >
+ *      ....
+ *    </div>
+ *  );
+ * ```
+ * }
+
+ * @internal
+ */
+export declare function useRefState<T>(): [React.Ref<T>, T | undefined];
 //# sourceMappingURL=useRefState.d.ts.map