@react-aria/interactions 3.13.1 → 3.15.0

package/dist/main.js

@@ -1,5 +1,6 @@
 var $goTMa$reactariautils = require("@react-aria/utils");
 var $goTMa$react = require("react");
+var $goTMa$reactariassr = require("@react-aria/ssr");
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
@@ -794,7 +795,9 @@ function $5cb73d0ce355b0dc$export$f8168d8dd8fd66e6(props) {
     ]);
     const onSyntheticFocus = (0, $625cf83917e112ad$export$715c682d09d639cc)(onBlur);
     const onFocus = (0, $goTMa$react.useCallback)((e)=>{
-        if (e.target === e.currentTarget) {
+        // Double check that document.activeElement actually matches e.target in case a previously chained
+        // focus handler already moved focus somewhere else.
+        if (e.target === e.currentTarget && document.activeElement === e.target) {
             if (onFocusProp) onFocusProp(e);
             if (onFocusChange) onFocusChange(true);
             onSyntheticFocus(e);
@@ -807,7 +810,7 @@ function $5cb73d0ce355b0dc$export$f8168d8dd8fd66e6(props) {
     return {
         focusProps: {
             onFocus: !isDisabled && (onFocusProp || onFocusChange || onBlurProp) ? onFocus : undefined,
-            onBlur: !isDisabled && (onBlurProp || onFocusChange) ? onBlur : null
+            onBlur: !isDisabled && (onBlurProp || onFocusChange) ? onBlur : undefined
         }
     };
 }
@@ -829,6 +832,7 @@ function $5cb73d0ce355b0dc$export$f8168d8dd8fd66e6(props) {
 // See https://github.com/facebook/react/tree/cc7c1aece46a6b69b41958d731e0fd27c94bfc6c/packages/react-interactions
 
 
+
 let $e77252a287ef94ab$var$currentModality = null;
 let $e77252a287ef94ab$var$changeHandlers = new Set();
 let $e77252a287ef94ab$var$hasSetupGlobalListeners = false;
@@ -945,7 +949,7 @@ function $e77252a287ef94ab$export$98e20ec92f614cfe() {
             $e77252a287ef94ab$var$changeHandlers.delete(handler);
         };
     }, []);
-    return modality;
+    return (0, $goTMa$reactariassr.useIsSSR)() ? null : modality;
 }
 /**
  * If this is attached to text input component, return if the event is a focus event (Tab/Escape keys pressed) so that
@@ -1020,7 +1024,9 @@ function $d16842bbd0359d1b$export$420e68273165f4ec(props) {
     ]);
     let onSyntheticFocus = (0, $625cf83917e112ad$export$715c682d09d639cc)(onBlur);
     let onFocus = (0, $goTMa$react.useCallback)((e)=>{
-        if (!state.current.isFocusWithin) {
+        // Double check that document.activeElement actually matches e.target in case a previously chained
+        // focus handler already moved focus somewhere else.
+        if (!state.current.isFocusWithin && document.activeElement === e.target) {
             if (onFocusWithin) onFocusWithin(e);
             if (onFocusWithinChange) onFocusWithinChange(true);
             state.current.isFocusWithin = true;
@@ -1216,10 +1222,8 @@ function $edcfa848c42f94f4$export$872b660ac5a1ff98(props) {
         // 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 && $edcfa848c42f94f4$var$isValidEvent(e, ref)) {
-                    state.isPointerDown = false;
-                    state.onInteractOutside(e);
-                }
+                if (state.isPointerDown && state.onInteractOutside && $edcfa848c42f94f4$var$isValidEvent(e, ref)) state.onInteractOutside(e);
+                state.isPointerDown = false;
             };
             // changing these to capture phase fixed combobox
             document.addEventListener("pointerdown", onPointerDown, true);
@@ -1231,17 +1235,13 @@ function $edcfa848c42f94f4$export$872b660ac5a1ff98(props) {
         } else {
             let onMouseUp = (e)=>{
                 if (state.ignoreEmulatedMouseEvents) state.ignoreEmulatedMouseEvents = false;
-                else if (state.isPointerDown && state.onInteractOutside && $edcfa848c42f94f4$var$isValidEvent(e, ref)) {
-                    state.isPointerDown = false;
-                    state.onInteractOutside(e);
-                }
+                else if (state.isPointerDown && state.onInteractOutside && $edcfa848c42f94f4$var$isValidEvent(e, ref)) state.onInteractOutside(e);
+                state.isPointerDown = false;
             };
             let onTouchEnd = (e)=>{
                 state.ignoreEmulatedMouseEvents = true;
-                if (state.onInteractOutside && state.isPointerDown && $edcfa848c42f94f4$var$isValidEvent(e, ref)) {
-                    state.isPointerDown = false;
-                    state.onInteractOutside(e);
-                }
+                if (state.onInteractOutside && state.isPointerDown && $edcfa848c42f94f4$var$isValidEvent(e, ref)) state.onInteractOutside(e);
+                state.isPointerDown = false;
             };
             document.addEventListener("mousedown", onPointerDown, true);
             document.addEventListener("mouseup", onMouseUp, true);
@@ -1262,10 +1262,12 @@ function $edcfa848c42f94f4$export$872b660ac5a1ff98(props) {
 }
 function $edcfa848c42f94f4$var$isValidEvent(event, ref) {
     if (event.button > 0) return false;
-    // if the event target is no longer in the document
     if (event.target) {
+        // if the event target is no longer in the document, ignore
         const ownerDocument = event.target.ownerDocument;
         if (!ownerDocument || !ownerDocument.documentElement.contains(event.target)) return false;
+        // If the target is within a top layer element (e.g. toasts), ignore.
+        if (event.target.closest("[data-react-aria-top-layer]")) return false;
     }
     return ref.current && !ref.current.contains(event.target);
 }