@react-aria/interactions 3.15.1 → 3.16.0

package/dist/import.mjs

@@ -1,4 +1,4 @@
-import {mergeProps as $bx7SL$mergeProps, useSyncRef as $bx7SL$useSyncRef, useGlobalListeners as $bx7SL$useGlobalListeners, isVirtualClick as $bx7SL$isVirtualClick, focusWithoutScrolling as $bx7SL$focusWithoutScrolling, isVirtualPointerEvent as $bx7SL$isVirtualPointerEvent, isIOS as $bx7SL$isIOS, runAfterTransition as $bx7SL$runAfterTransition, useLayoutEffect as $bx7SL$useLayoutEffect, isMac as $bx7SL$isMac, useEvent as $bx7SL$useEvent, useDescription as $bx7SL$useDescription} from "@react-aria/utils";
+import {mergeProps as $bx7SL$mergeProps, useSyncRef as $bx7SL$useSyncRef, useGlobalListeners as $bx7SL$useGlobalListeners, useEffectEvent as $bx7SL$useEffectEvent, isVirtualClick as $bx7SL$isVirtualClick, focusWithoutScrolling as $bx7SL$focusWithoutScrolling, isVirtualPointerEvent as $bx7SL$isVirtualPointerEvent, isIOS as $bx7SL$isIOS, runAfterTransition as $bx7SL$runAfterTransition, useLayoutEffect as $bx7SL$useLayoutEffect, isMac as $bx7SL$isMac, useEvent as $bx7SL$useEvent, useDescription as $bx7SL$useDescription} from "@react-aria/utils";
 import $bx7SL$react, {useRef as $bx7SL$useRef, useContext as $bx7SL$useContext, useState as $bx7SL$useState, useMemo as $bx7SL$useMemo, useEffect as $bx7SL$useEffect, useCallback as $bx7SL$useCallback} from "react";
 import {useIsSSR as $bx7SL$useIsSSR} from "@react-aria/ssr";
 
@@ -131,16 +131,6 @@ function $f6c31cce2adf654f$var$usePressResponderContext(props) {
 function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
     let { onPress: onPress , onPressChange: onPressChange , onPressStart: onPressStart , onPressEnd: onPressEnd , onPressUp: onPressUp , isDisabled: isDisabled , isPressed: isPressedProp , preventFocusOnPress: preventFocusOnPress , shouldCancelOnPointerExit: shouldCancelOnPointerExit , allowTextSelectionOnPress: allowTextSelectionOnPress , // eslint-disable-next-line @typescript-eslint/no-unused-vars
     ref: _ , ...domProps } = $f6c31cce2adf654f$var$usePressResponderContext(props);
-    let propsRef = (0, $bx7SL$useRef)(null);
-    propsRef.current = {
-        onPress: onPress,
-        onPressChange: onPressChange,
-        onPressStart: onPressStart,
-        onPressEnd: onPressEnd,
-        onPressUp: onPressUp,
-        isDisabled: isDisabled,
-        shouldCancelOnPointerExit: shouldCancelOnPointerExit
-    };
     let [isPressed, setPressed] = (0, $bx7SL$useState)(false);
     let ref = (0, $bx7SL$useRef)({
         isPressed: false,
@@ -153,74 +143,77 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
         pointerType: null
     });
     let { addGlobalListener: addGlobalListener , removeAllGlobalListeners: removeAllGlobalListeners  } = (0, $bx7SL$useGlobalListeners)();
+    let triggerPressStart = (0, $bx7SL$useEffectEvent)((originalEvent, pointerType)=>{
+        let state = ref.current;
+        if (isDisabled || state.didFirePressStart) return;
+        if (onPressStart) onPressStart({
+            type: "pressstart",
+            pointerType: pointerType,
+            target: originalEvent.currentTarget,
+            shiftKey: originalEvent.shiftKey,
+            metaKey: originalEvent.metaKey,
+            ctrlKey: originalEvent.ctrlKey,
+            altKey: originalEvent.altKey
+        });
+        if (onPressChange) onPressChange(true);
+        state.didFirePressStart = true;
+        setPressed(true);
+    });
+    let triggerPressEnd = (0, $bx7SL$useEffectEvent)((originalEvent, pointerType, wasPressed = true)=>{
+        let state = ref.current;
+        if (!state.didFirePressStart) return;
+        state.ignoreClickAfterPress = true;
+        state.didFirePressStart = false;
+        if (onPressEnd) onPressEnd({
+            type: "pressend",
+            pointerType: pointerType,
+            target: originalEvent.currentTarget,
+            shiftKey: originalEvent.shiftKey,
+            metaKey: originalEvent.metaKey,
+            ctrlKey: originalEvent.ctrlKey,
+            altKey: originalEvent.altKey
+        });
+        if (onPressChange) onPressChange(false);
+        setPressed(false);
+        if (onPress && wasPressed && !isDisabled) onPress({
+            type: "press",
+            pointerType: pointerType,
+            target: originalEvent.currentTarget,
+            shiftKey: originalEvent.shiftKey,
+            metaKey: originalEvent.metaKey,
+            ctrlKey: originalEvent.ctrlKey,
+            altKey: originalEvent.altKey
+        });
+    });
+    let triggerPressUp = (0, $bx7SL$useEffectEvent)((originalEvent, pointerType)=>{
+        if (isDisabled) return;
+        if (onPressUp) onPressUp({
+            type: "pressup",
+            pointerType: pointerType,
+            target: originalEvent.currentTarget,
+            shiftKey: originalEvent.shiftKey,
+            metaKey: originalEvent.metaKey,
+            ctrlKey: originalEvent.ctrlKey,
+            altKey: originalEvent.altKey
+        });
+    });
+    let cancel = (0, $bx7SL$useEffectEvent)((e)=>{
+        let state = ref.current;
+        if (state.isPressed) {
+            if (state.isOverTarget) triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType, false);
+            state.isPressed = false;
+            state.isOverTarget = false;
+            state.activePointerId = null;
+            state.pointerType = null;
+            removeAllGlobalListeners();
+            if (!allowTextSelectionOnPress) (0, $14c0b72509d70225$export$b0d6fa1ab32e3295)(state.target);
+        }
+    });
+    let cancelOnPointerExit = (0, $bx7SL$useEffectEvent)((e)=>{
+        if (shouldCancelOnPointerExit) cancel(e);
+    });
     let pressProps = (0, $bx7SL$useMemo)(()=>{
         let state = ref.current;
-        let triggerPressStart = (originalEvent, pointerType)=>{
-            let { onPressStart: onPressStart , onPressChange: onPressChange , isDisabled: isDisabled  } = propsRef.current;
-            if (isDisabled || state.didFirePressStart) return;
-            if (onPressStart) onPressStart({
-                type: "pressstart",
-                pointerType: pointerType,
-                target: originalEvent.currentTarget,
-                shiftKey: originalEvent.shiftKey,
-                metaKey: originalEvent.metaKey,
-                ctrlKey: originalEvent.ctrlKey,
-                altKey: originalEvent.altKey
-            });
-            if (onPressChange) onPressChange(true);
-            state.didFirePressStart = true;
-            setPressed(true);
-        };
-        let triggerPressEnd = (originalEvent, pointerType, wasPressed = true)=>{
-            let { onPressEnd: onPressEnd , onPressChange: onPressChange , onPress: onPress , isDisabled: isDisabled  } = propsRef.current;
-            if (!state.didFirePressStart) return;
-            state.ignoreClickAfterPress = true;
-            state.didFirePressStart = false;
-            if (onPressEnd) onPressEnd({
-                type: "pressend",
-                pointerType: pointerType,
-                target: originalEvent.currentTarget,
-                shiftKey: originalEvent.shiftKey,
-                metaKey: originalEvent.metaKey,
-                ctrlKey: originalEvent.ctrlKey,
-                altKey: originalEvent.altKey
-            });
-            if (onPressChange) onPressChange(false);
-            setPressed(false);
-            if (onPress && wasPressed && !isDisabled) onPress({
-                type: "press",
-                pointerType: pointerType,
-                target: originalEvent.currentTarget,
-                shiftKey: originalEvent.shiftKey,
-                metaKey: originalEvent.metaKey,
-                ctrlKey: originalEvent.ctrlKey,
-                altKey: originalEvent.altKey
-            });
-        };
-        let triggerPressUp = (originalEvent, pointerType)=>{
-            let { onPressUp: onPressUp , isDisabled: isDisabled  } = propsRef.current;
-            if (isDisabled) return;
-            if (onPressUp) onPressUp({
-                type: "pressup",
-                pointerType: pointerType,
-                target: originalEvent.currentTarget,
-                shiftKey: originalEvent.shiftKey,
-                metaKey: originalEvent.metaKey,
-                ctrlKey: originalEvent.ctrlKey,
-                altKey: originalEvent.altKey
-            });
-        };
-        let cancel = (e)=>{
-            if (state.isPressed) {
-                if (state.isOverTarget) triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType, false);
-                state.isPressed = false;
-                state.isOverTarget = false;
-                state.activePointerId = null;
-                state.pointerType = null;
-                removeAllGlobalListeners();
-                if (!allowTextSelectionOnPress) (0, $14c0b72509d70225$export$b0d6fa1ab32e3295)(state.target);
-            }
-        };
         let pressProps = {
             onKeyDown (e) {
                 if ($f6c31cce2adf654f$var$isValidKeyboardEvent(e.nativeEvent, e.currentTarget) && e.currentTarget.contains(e.target)) {
@@ -338,7 +331,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
                 } else if (state.isOverTarget) {
                     state.isOverTarget = false;
                     triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType, false);
-                    if (propsRef.current.shouldCancelOnPointerExit) cancel(e);
+                    cancelOnPointerExit(e);
                 }
             };
             let onPointerUp = (e)=>{
@@ -392,7 +385,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
                 if (state.isPressed && !state.ignoreEmulatedMouseEvents) {
                     state.isOverTarget = false;
                     triggerPressEnd(e, state.pointerType, false);
-                    if (propsRef.current.shouldCancelOnPointerExit) cancel(e);
+                    cancelOnPointerExit(e);
                 }
             };
             pressProps.onMouseUp = (e)=>{
@@ -443,7 +436,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
                 } else if (state.isOverTarget) {
                     state.isOverTarget = false;
                     triggerPressEnd(e, state.pointerType, false);
-                    if (propsRef.current.shouldCancelOnPointerExit) cancel(e);
+                    cancelOnPointerExit(e);
                 }
             };
             pressProps.onTouchEnd = (e)=>{
@@ -487,7 +480,12 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
         isDisabled,
         preventFocusOnPress,
         removeAllGlobalListeners,
-        allowTextSelectionOnPress
+        allowTextSelectionOnPress,
+        cancel,
+        cancelOnPointerExit,
+        triggerPressEnd,
+        triggerPressStart,
+        triggerPressUp
     ]);
     // Remove user-select: none in case component unmounts immediately after pressStart
     // eslint-disable-next-line arrow-body-style
@@ -631,7 +629,10 @@ const $f1ab8c75478c6f73$export$3351871ee4b288b8 = /*#__PURE__*/ (0, $bx7SL$react
     });
     (0, $bx7SL$useSyncRef)(prevContext, ref);
     (0, $bx7SL$useEffect)(()=>{
-        if (!isRegistered.current) console.warn("A PressResponder was rendered without a pressable child. Either call the usePress hook, or wrap your DOM node with <Pressable> component.");
+        if (!isRegistered.current) {
+            console.warn("A PressResponder was rendered without a pressable child. Either call the usePress hook, or wrap your DOM node with <Pressable> component.");
+            isRegistered.current = true; // only warn once in strict mode.
+        }
     }, []);
     return /*#__PURE__*/ (0, $bx7SL$react).createElement((0, $ae1eeba8b9eafd08$export$5165eccb35aaadb5).Provider, {
         value: context
@@ -699,10 +700,8 @@ class $8a9cb279dc87e130$export$905e7fc544a71f36 {
 function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
     let stateRef = (0, $bx7SL$useRef)({
         isFocused: false,
-        onBlur: onBlur,
         observer: null
     });
-    stateRef.current.onBlur = onBlur;
     // Clean up MutationObserver on unmount. See below.
     // eslint-disable-next-line arrow-body-style
     (0, $bx7SL$useLayoutEffect)(()=>{
@@ -714,6 +713,9 @@ function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
             }
         };
     }, []);
+    let dispatchBlur = (0, $bx7SL$useEffectEvent)((e)=>{
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+    });
     // This function is called during a React onFocus event.
     return (0, $bx7SL$useCallback)((e)=>{
         // React does not fire onBlur when an element is disabled. https://github.com/facebook/react/issues/9142
@@ -724,10 +726,9 @@ function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
             stateRef.current.isFocused = true;
             let target = e.target;
             let onBlurHandler = (e)=>{
-                var // For backward compatibility, dispatch a (fake) React synthetic event.
-                _stateRef_current, _stateRef_current_onBlur;
                 stateRef.current.isFocused = false;
-                if (target.disabled) (_stateRef_current_onBlur = (_stateRef_current = stateRef.current).onBlur) === null || _stateRef_current_onBlur === void 0 ? void 0 : _stateRef_current_onBlur.call(_stateRef_current, new $8a9cb279dc87e130$export$905e7fc544a71f36("blur", e));
+                if (target.disabled) // For backward compatibility, dispatch a (fake) React synthetic event.
+                dispatchBlur(new $8a9cb279dc87e130$export$905e7fc544a71f36("blur", e));
                 // We no longer need the MutationObserver once the target is blurred.
                 if (stateRef.current.observer) {
                     stateRef.current.observer.disconnect();
@@ -740,9 +741,13 @@ function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
             stateRef.current.observer = new MutationObserver(()=>{
                 if (stateRef.current.isFocused && target.disabled) {
                     stateRef.current.observer.disconnect();
-                    target.dispatchEvent(new FocusEvent("blur"));
+                    let relatedTargetEl = target === document.activeElement ? null : document.activeElement;
+                    target.dispatchEvent(new FocusEvent("blur", {
+                        relatedTarget: relatedTargetEl
+                    }));
                     target.dispatchEvent(new FocusEvent("focusout", {
-                        bubbles: true
+                        bubbles: true,
+                        relatedTarget: relatedTargetEl
                     }));
                 }
             });
@@ -753,7 +758,9 @@ function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
                 ]
             });
         }
-    }, []);
+    }, [
+        dispatchBlur
+    ]);
 }
 
 
@@ -1176,29 +1183,29 @@ function $6179b936705e76d3$export$ae780daf29e6d456(props) {
 // NOTICE file in the root directory of this source tree.
 // See https://github.com/facebook/react/tree/cc7c1aece46a6b69b41958d731e0fd27c94bfc6c/packages/react-interactions
 
+
 function $e0b6e0b68ec7f50f$export$872b660ac5a1ff98(props) {
     let { ref: ref , onInteractOutside: onInteractOutside , isDisabled: isDisabled , onInteractOutsideStart: onInteractOutsideStart  } = props;
     let stateRef = (0, $bx7SL$useRef)({
         isPointerDown: false,
-        ignoreEmulatedMouseEvents: false,
-        onInteractOutside: onInteractOutside,
-        onInteractOutsideStart: onInteractOutsideStart
+        ignoreEmulatedMouseEvents: false
+    });
+    let onPointerDown = (0, $bx7SL$useEffectEvent)((e)=>{
+        if (onInteractOutside && $e0b6e0b68ec7f50f$var$isValidEvent(e, ref)) {
+            if (onInteractOutsideStart) onInteractOutsideStart(e);
+            stateRef.current.isPointerDown = true;
+        }
+    });
+    let triggerInteractOutside = (0, $bx7SL$useEffectEvent)((e)=>{
+        if (onInteractOutside) onInteractOutside(e);
     });
-    let state = stateRef.current;
-    state.onInteractOutside = onInteractOutside;
-    state.onInteractOutsideStart = onInteractOutsideStart;
     (0, $bx7SL$useEffect)(()=>{
+        let state = stateRef.current;
         if (isDisabled) return;
-        let onPointerDown = (e)=>{
-            if ($e0b6e0b68ec7f50f$var$isValidEvent(e, ref) && state.onInteractOutside) {
-                if (state.onInteractOutsideStart) state.onInteractOutsideStart(e);
-                state.isPointerDown = true;
-            }
-        };
         // Use pointer events if available. Otherwise, fall back to mouse and touch events.
         if (typeof PointerEvent !== "undefined") {
             let onPointerUp = (e)=>{
-                if (state.isPointerDown && state.onInteractOutside && $e0b6e0b68ec7f50f$var$isValidEvent(e, ref)) state.onInteractOutside(e);
+                if (state.isPointerDown && $e0b6e0b68ec7f50f$var$isValidEvent(e, ref)) triggerInteractOutside(e);
                 state.isPointerDown = false;
             };
             // changing these to capture phase fixed combobox
@@ -1211,12 +1218,12 @@ function $e0b6e0b68ec7f50f$export$872b660ac5a1ff98(props) {
         } else {
             let onMouseUp = (e)=>{
                 if (state.ignoreEmulatedMouseEvents) state.ignoreEmulatedMouseEvents = false;
-                else if (state.isPointerDown && state.onInteractOutside && $e0b6e0b68ec7f50f$var$isValidEvent(e, ref)) state.onInteractOutside(e);
+                else if (state.isPointerDown && $e0b6e0b68ec7f50f$var$isValidEvent(e, ref)) triggerInteractOutside(e);
                 state.isPointerDown = false;
             };
             let onTouchEnd = (e)=>{
                 state.ignoreEmulatedMouseEvents = true;
-                if (state.onInteractOutside && state.isPointerDown && $e0b6e0b68ec7f50f$var$isValidEvent(e, ref)) state.onInteractOutside(e);
+                if (state.isPointerDown && $e0b6e0b68ec7f50f$var$isValidEvent(e, ref)) triggerInteractOutside(e);
                 state.isPointerDown = false;
             };
             document.addEventListener("mousedown", onPointerDown, true);
@@ -1232,8 +1239,9 @@ function $e0b6e0b68ec7f50f$export$872b660ac5a1ff98(props) {
         }
     }, [
         ref,
-        state,
-        isDisabled
+        isDisabled,
+        onPointerDown,
+        triggerInteractOutside
     ]);
 }
 function $e0b6e0b68ec7f50f$var$isValidEvent(event, ref) {
@@ -1325,46 +1333,46 @@ function $e8a7022cf87cba2a$export$36da96379f79f245(props) {
         id: null
     });
     let { addGlobalListener: addGlobalListener , removeGlobalListener: removeGlobalListener  } = (0, $bx7SL$useGlobalListeners)();
-    let moveProps = (0, $bx7SL$useMemo)(()=>{
-        let moveProps = {};
-        let start = ()=>{
-            (0, $14c0b72509d70225$export$16a4697467175487)();
-            state.current.didMove = false;
-        };
-        let move = (originalEvent, pointerType, deltaX, deltaY)=>{
-            if (deltaX === 0 && deltaY === 0) return;
-            if (!state.current.didMove) {
-                state.current.didMove = true;
-                onMoveStart === null || onMoveStart === void 0 ? void 0 : onMoveStart({
-                    type: "movestart",
-                    pointerType: pointerType,
-                    shiftKey: originalEvent.shiftKey,
-                    metaKey: originalEvent.metaKey,
-                    ctrlKey: originalEvent.ctrlKey,
-                    altKey: originalEvent.altKey
-                });
-            }
-            onMove({
-                type: "move",
-                pointerType: pointerType,
-                deltaX: deltaX,
-                deltaY: deltaY,
-                shiftKey: originalEvent.shiftKey,
-                metaKey: originalEvent.metaKey,
-                ctrlKey: originalEvent.ctrlKey,
-                altKey: originalEvent.altKey
-            });
-        };
-        let end = (originalEvent, pointerType)=>{
-            (0, $14c0b72509d70225$export$b0d6fa1ab32e3295)();
-            if (state.current.didMove) onMoveEnd === null || onMoveEnd === void 0 ? void 0 : onMoveEnd({
-                type: "moveend",
+    let move = (0, $bx7SL$useEffectEvent)((originalEvent, pointerType, deltaX, deltaY)=>{
+        if (deltaX === 0 && deltaY === 0) return;
+        if (!state.current.didMove) {
+            state.current.didMove = true;
+            onMoveStart === null || onMoveStart === void 0 ? void 0 : onMoveStart({
+                type: "movestart",
                 pointerType: pointerType,
                 shiftKey: originalEvent.shiftKey,
                 metaKey: originalEvent.metaKey,
                 ctrlKey: originalEvent.ctrlKey,
                 altKey: originalEvent.altKey
             });
+        }
+        onMove({
+            type: "move",
+            pointerType: pointerType,
+            deltaX: deltaX,
+            deltaY: deltaY,
+            shiftKey: originalEvent.shiftKey,
+            metaKey: originalEvent.metaKey,
+            ctrlKey: originalEvent.ctrlKey,
+            altKey: originalEvent.altKey
+        });
+    });
+    let end = (0, $bx7SL$useEffectEvent)((originalEvent, pointerType)=>{
+        (0, $14c0b72509d70225$export$b0d6fa1ab32e3295)();
+        if (state.current.didMove) onMoveEnd === null || onMoveEnd === void 0 ? void 0 : onMoveEnd({
+            type: "moveend",
+            pointerType: pointerType,
+            shiftKey: originalEvent.shiftKey,
+            metaKey: originalEvent.metaKey,
+            ctrlKey: originalEvent.ctrlKey,
+            altKey: originalEvent.altKey
+        });
+    });
+    let moveProps = (0, $bx7SL$useMemo)(()=>{
+        let moveProps = {};
+        let start = ()=>{
+            (0, $14c0b72509d70225$export$16a4697467175487)();
+            state.current.didMove = false;
         };
         if (typeof PointerEvent === "undefined") {
             let onMouseMove = (e)=>{
@@ -1512,11 +1520,10 @@ function $e8a7022cf87cba2a$export$36da96379f79f245(props) {
         return moveProps;
     }, [
         state,
-        onMoveStart,
-        onMove,
-        onMoveEnd,
         addGlobalListener,
-        removeGlobalListener
+        removeGlobalListener,
+        move,
+        end
     ]);
     return {
         moveProps: moveProps