@react-aria/interactions 3.10.0 → 3.12.0

package/dist/module.js

@@ -1,4 +1,4 @@
-import {mergeProps as $bx7SL$mergeProps, useSyncRef as $bx7SL$useSyncRef, useGlobalListeners as $bx7SL$useGlobalListeners, focusWithoutScrolling as $bx7SL$focusWithoutScrolling, 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, 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";
 
 
@@ -57,106 +57,6 @@ function $14c0b72509d70225$export$b0d6fa1ab32e3295(target) {
 
 
 
-
-function $8a9cb279dc87e130$export$60278871457622de(event) {
-    // JAWS/NVDA with Firefox.
-    if (event.mozInputSource === 0 && event.isTrusted) return true;
-    return event.detail === 0 && !event.pointerType;
-}
-class $8a9cb279dc87e130$export$905e7fc544a71f36 {
-    isDefaultPrevented() {
-        return this.nativeEvent.defaultPrevented;
-    }
-    preventDefault() {
-        this.defaultPrevented = true;
-        this.nativeEvent.preventDefault();
-    }
-    stopPropagation() {
-        this.nativeEvent.stopPropagation();
-        this.isPropagationStopped = ()=>true
-        ;
-    }
-    isPropagationStopped() {
-        return false;
-    }
-    persist() {
-    }
-    constructor(type, nativeEvent){
-        this.nativeEvent = nativeEvent;
-        this.target = nativeEvent.target;
-        this.currentTarget = nativeEvent.currentTarget;
-        this.relatedTarget = nativeEvent.relatedTarget;
-        this.bubbles = nativeEvent.bubbles;
-        this.cancelable = nativeEvent.cancelable;
-        this.defaultPrevented = nativeEvent.defaultPrevented;
-        this.eventPhase = nativeEvent.eventPhase;
-        this.isTrusted = nativeEvent.isTrusted;
-        this.timeStamp = nativeEvent.timeStamp;
-        this.type = type;
-    }
-}
-function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
-    let stateRef = $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
-    $bx7SL$useLayoutEffect(()=>{
-        const state = stateRef.current;
-        return ()=>{
-            if (state.observer) {
-                state.observer.disconnect();
-                state.observer = null;
-            }
-        };
-    }, []);
-    // This function is called during a React onFocus event.
-    return $bx7SL$useCallback((e1)=>{
-        // React does not fire onBlur when an element is disabled. https://github.com/facebook/react/issues/9142
-        // Most browsers fire a native focusout event in this case, except for Firefox. In that case, we use a
-        // MutationObserver to watch for the disabled attribute, and dispatch these events ourselves.
-        // For browsers that do, focusout fires before the MutationObserver, so onBlur should not fire twice.
-        if (e1.target instanceof HTMLButtonElement || e1.target instanceof HTMLInputElement || e1.target instanceof HTMLTextAreaElement || e1.target instanceof HTMLSelectElement) {
-            stateRef.current.isFocused = true;
-            let target = e1.target;
-            let onBlurHandler = (e)=>{
-                var // For backward compatibility, dispatch a (fake) React synthetic event.
-                _current, ref;
-                stateRef.current.isFocused = false;
-                if (target.disabled) (ref = (_current = stateRef.current).onBlur) === null || ref === void 0 ? void 0 : ref.call(_current, 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();
-                    stateRef.current.observer = null;
-                }
-            };
-            target.addEventListener('focusout', onBlurHandler, {
-                once: true
-            });
-            stateRef.current.observer = new MutationObserver(()=>{
-                if (stateRef.current.isFocused && target.disabled) {
-                    stateRef.current.observer.disconnect();
-                    target.dispatchEvent(new FocusEvent('blur'));
-                    target.dispatchEvent(new FocusEvent('focusout', {
-                        bubbles: true
-                    }));
-                }
-            });
-            stateRef.current.observer.observe(target, {
-                attributes: true,
-                attributeFilter: [
-                    'disabled'
-                ]
-            });
-        }
-    }, []);
-}
-
-
-
 const $ae1eeba8b9eafd08$export$5165eccb35aaadb5 = $bx7SL$react.createContext(null);
 $ae1eeba8b9eafd08$export$5165eccb35aaadb5.displayName = 'PressResponderContext';
 
@@ -268,8 +168,8 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
         };
         let pressProps = {
             onKeyDown (e) {
-                if ($f6c31cce2adf654f$var$isValidKeyboardEvent(e.nativeEvent) && e.currentTarget.contains(e.target)) {
-                    if ($f6c31cce2adf654f$var$shouldPreventDefaultKeyboard(e.target)) e.preventDefault();
+                if ($f6c31cce2adf654f$var$isValidKeyboardEvent(e.nativeEvent, e.currentTarget) && e.currentTarget.contains(e.target)) {
+                    if ($f6c31cce2adf654f$var$shouldPreventDefaultKeyboard(e.target, e.key)) e.preventDefault();
                     e.stopPropagation();
                     // If the event is repeating, it may have started on a different element
                     // after which focus moved to the current element. Ignore these events and
@@ -282,10 +182,13 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
                         // instead of the same element where the key down event occurred.
                         addGlobalListener(document, 'keyup', onKeyUp, false);
                     }
-                }
+                } else if (e.key === 'Enter' && $f6c31cce2adf654f$var$isHTMLAnchorLink(e.currentTarget)) // If the target is a link, we won't have handled this above because we want the default
+                // browser behavior to open the link when pressing Enter. But we still need to prevent
+                // default so that elements above do not also handle it (e.g. table row).
+                e.stopPropagation();
             },
             onKeyUp (e) {
-                if ($f6c31cce2adf654f$var$isValidKeyboardEvent(e.nativeEvent) && !e.repeat && e.currentTarget.contains(e.target)) triggerPressUp($f6c31cce2adf654f$var$createEvent(state.target, e), 'keyboard');
+                if ($f6c31cce2adf654f$var$isValidKeyboardEvent(e.nativeEvent, e.currentTarget) && !e.repeat && e.currentTarget.contains(e.target)) triggerPressUp($f6c31cce2adf654f$var$createEvent(state.target, e), 'keyboard');
             },
             onClick (e) {
                 if (e && !e.currentTarget.contains(e.target)) return;
@@ -294,7 +197,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
                     if (isDisabled1) e.preventDefault();
                     // If triggered from a screen reader or by using element.click(),
                     // trigger as if it were a keyboard click.
-                    if (!state.ignoreClickAfterPress && !state.ignoreEmulatedMouseEvents && (state.pointerType === 'virtual' || $8a9cb279dc87e130$export$60278871457622de(e.nativeEvent))) {
+                    if (!state.ignoreClickAfterPress && !state.ignoreEmulatedMouseEvents && (state.pointerType === 'virtual' || $bx7SL$isVirtualClick(e.nativeEvent))) {
                         // Ensure the element receives focus (VoiceOver on iOS does not do this)
                         if (!isDisabled1 && !preventFocusOnPress) $bx7SL$focusWithoutScrolling(e.currentTarget);
                         triggerPressStart(e, 'virtual');
@@ -307,8 +210,8 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
             }
         };
         let onKeyUp = (e)=>{
-            if (state.isPressed && $f6c31cce2adf654f$var$isValidKeyboardEvent(e)) {
-                if ($f6c31cce2adf654f$var$shouldPreventDefaultKeyboard(e.target)) e.preventDefault();
+            if (state.isPressed && $f6c31cce2adf654f$var$isValidKeyboardEvent(e, state.target)) {
+                if ($f6c31cce2adf654f$var$shouldPreventDefaultKeyboard(e.target, e.key)) e.preventDefault();
                 e.stopPropagation();
                 state.isPressed = false;
                 let target = e.target;
@@ -316,7 +219,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
                 removeAllGlobalListeners();
                 // If the target is a link, trigger the click method to open the URL,
                 // but defer triggering pressEnd until onClick event handler.
-                if (state.target instanceof HTMLElement && (state.target.contains(target) && $f6c31cce2adf654f$var$isHTMLAnchorLink(state.target) || state.target.getAttribute('role') === 'link')) state.target.click();
+                if (state.target instanceof HTMLElement && state.target.contains(target) && ($f6c31cce2adf654f$var$isHTMLAnchorLink(state.target) || state.target.getAttribute('role') === 'link')) state.target.click();
             }
         };
         if (typeof PointerEvent !== 'undefined') {
@@ -327,7 +230,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
                 // Ignore and let the onClick handler take care of it instead.
                 // https://bugs.webkit.org/show_bug.cgi?id=222627
                 // https://bugs.webkit.org/show_bug.cgi?id=223202
-                if ($f6c31cce2adf654f$var$isVirtualPointerEvent(e.nativeEvent)) {
+                if ($bx7SL$isVirtualPointerEvent(e.nativeEvent)) {
                     state.pointerType = 'virtual';
                     return;
                 }
@@ -415,7 +318,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
                 state.isPressed = true;
                 state.isOverTarget = true;
                 state.target = e.currentTarget;
-                state.pointerType = $8a9cb279dc87e130$export$60278871457622de(e.nativeEvent) ? 'virtual' : 'mouse';
+                state.pointerType = $bx7SL$isVirtualClick(e.nativeEvent) ? 'virtual' : 'mouse';
                 if (!isDisabled1 && !preventFocusOnPress) $bx7SL$focusWithoutScrolling(e.currentTarget);
                 triggerPressStart(e, state.pointerType);
                 addGlobalListener(document, 'mouseup', onMouseUp, false);
@@ -548,14 +451,13 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
 function $f6c31cce2adf654f$var$isHTMLAnchorLink(target) {
     return target.tagName === 'A' && target.hasAttribute('href');
 }
-function $f6c31cce2adf654f$var$isValidKeyboardEvent(event) {
-    const { key: key , code: code , target: target  } = event;
-    const element = target;
-    const { tagName: tagName , isContentEditable: isContentEditable  } = element;
+function $f6c31cce2adf654f$var$isValidKeyboardEvent(event, currentTarget) {
+    const { key: key , code: code  } = event;
+    const element = currentTarget;
     const role = element.getAttribute('role');
     // Accessibility for keyboards. Space and Enter only.
     // "Spacebar" is for IE 11
-    return (key === 'Enter' || key === ' ' || key === 'Spacebar' || code === 'Space') && tagName !== 'INPUT' && tagName !== 'TEXTAREA' && isContentEditable !== true && (!$f6c31cce2adf654f$var$isHTMLAnchorLink(element) || role === 'button' && key !== 'Enter') && // An element with role='link' should only trigger with Enter key
+    return (key === 'Enter' || key === ' ' || key === 'Spacebar' || code === 'Space') && !(element instanceof HTMLInputElement && !$f6c31cce2adf654f$var$isValidInputKey(element, key) || element instanceof HTMLTextAreaElement || element.isContentEditable) && (!$f6c31cce2adf654f$var$isHTMLAnchorLink(element) || role === 'button' && key !== 'Enter') && // An element with role='link' should only trigger with Enter key
     !(role === 'link' && key !== 'Enter');
 }
 function $f6c31cce2adf654f$var$getTouchFromEvent(event) {
@@ -606,17 +508,25 @@ function $f6c31cce2adf654f$var$shouldPreventDefault(target) {
     // We cannot prevent default if the target is a draggable element.
     return !(target instanceof HTMLElement) || !target.draggable;
 }
-function $f6c31cce2adf654f$var$shouldPreventDefaultKeyboard(target) {
-    return !((target.tagName === 'INPUT' || target.tagName === 'BUTTON') && target.type === 'submit');
+function $f6c31cce2adf654f$var$shouldPreventDefaultKeyboard(target, key) {
+    if (target instanceof HTMLInputElement) return !$f6c31cce2adf654f$var$isValidInputKey(target, key);
+    if (target instanceof HTMLButtonElement) return target.type !== 'submit';
+    return true;
 }
-function $f6c31cce2adf654f$var$isVirtualPointerEvent(event) {
-    // If the pointer size is zero, then we assume it's from a screen reader.
-    // Android TalkBack double tap will sometimes return a event with width and height of 1
-    // and pointerType === 'mouse' so we need to check for a specific combination of event attributes.
-    // Cannot use "event.pressure === 0" as the sole check due to Safari pointer events always returning pressure === 0
-    // instead of .5, see https://bugs.webkit.org/show_bug.cgi?id=206216. event.pointerType === 'mouse' is to distingush
-    // Talkback double tap from Windows Firefox touch screen press
-    return event.width === 0 && event.height === 0 || event.width === 1 && event.height === 1 && event.pressure === 0 && event.detail === 0 && event.pointerType === 'mouse';
+const $f6c31cce2adf654f$var$nonTextInputTypes = new Set([
+    'checkbox',
+    'radio',
+    'range',
+    'color',
+    'file',
+    'image',
+    'button',
+    'submit',
+    'reset'
+]);
+function $f6c31cce2adf654f$var$isValidInputKey(target, key) {
+    // Only space should toggle checkboxes and radios, not enter.
+    return target.type === 'checkbox' || target.type === 'radio' ? key === ' ' : $f6c31cce2adf654f$var$nonTextInputTypes.has(target.type);
 }
 
 
@@ -664,6 +574,100 @@ const $f1ab8c75478c6f73$export$3351871ee4b288b8 = /*#__PURE__*/ $bx7SL$react.for
 
 
 
+
+class $8a9cb279dc87e130$export$905e7fc544a71f36 {
+    isDefaultPrevented() {
+        return this.nativeEvent.defaultPrevented;
+    }
+    preventDefault() {
+        this.defaultPrevented = true;
+        this.nativeEvent.preventDefault();
+    }
+    stopPropagation() {
+        this.nativeEvent.stopPropagation();
+        this.isPropagationStopped = ()=>true
+        ;
+    }
+    isPropagationStopped() {
+        return false;
+    }
+    persist() {
+    }
+    constructor(type, nativeEvent){
+        this.nativeEvent = nativeEvent;
+        this.target = nativeEvent.target;
+        this.currentTarget = nativeEvent.currentTarget;
+        this.relatedTarget = nativeEvent.relatedTarget;
+        this.bubbles = nativeEvent.bubbles;
+        this.cancelable = nativeEvent.cancelable;
+        this.defaultPrevented = nativeEvent.defaultPrevented;
+        this.eventPhase = nativeEvent.eventPhase;
+        this.isTrusted = nativeEvent.isTrusted;
+        this.timeStamp = nativeEvent.timeStamp;
+        this.type = type;
+    }
+}
+function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
+    let stateRef = $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
+    $bx7SL$useLayoutEffect(()=>{
+        const state = stateRef.current;
+        return ()=>{
+            if (state.observer) {
+                state.observer.disconnect();
+                state.observer = null;
+            }
+        };
+    }, []);
+    // This function is called during a React onFocus event.
+    return $bx7SL$useCallback((e1)=>{
+        // React does not fire onBlur when an element is disabled. https://github.com/facebook/react/issues/9142
+        // Most browsers fire a native focusout event in this case, except for Firefox. In that case, we use a
+        // MutationObserver to watch for the disabled attribute, and dispatch these events ourselves.
+        // For browsers that do, focusout fires before the MutationObserver, so onBlur should not fire twice.
+        if (e1.target instanceof HTMLButtonElement || e1.target instanceof HTMLInputElement || e1.target instanceof HTMLTextAreaElement || e1.target instanceof HTMLSelectElement) {
+            stateRef.current.isFocused = true;
+            let target = e1.target;
+            let onBlurHandler = (e)=>{
+                var // For backward compatibility, dispatch a (fake) React synthetic event.
+                _current, ref;
+                stateRef.current.isFocused = false;
+                if (target.disabled) (ref = (_current = stateRef.current).onBlur) === null || ref === void 0 ? void 0 : ref.call(_current, 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();
+                    stateRef.current.observer = null;
+                }
+            };
+            target.addEventListener('focusout', onBlurHandler, {
+                once: true
+            });
+            stateRef.current.observer = new MutationObserver(()=>{
+                if (stateRef.current.isFocused && target.disabled) {
+                    stateRef.current.observer.disconnect();
+                    target.dispatchEvent(new FocusEvent('blur'));
+                    target.dispatchEvent(new FocusEvent('focusout', {
+                        bubbles: true
+                    }));
+                }
+            });
+            stateRef.current.observer.observe(target, {
+                attributes: true,
+                attributeFilter: [
+                    'disabled'
+                ]
+            });
+        }
+    }, []);
+}
+
+
 function $a1ea59d68270f0dd$export$f8168d8dd8fd66e6(props) {
     let { isDisabled: isDisabled , onFocus: onFocusProp , onBlur: onBlurProp , onFocusChange: onFocusChange  } = props;
     const onBlur = $bx7SL$useCallback((e)=>{
@@ -699,7 +703,6 @@ function $a1ea59d68270f0dd$export$f8168d8dd8fd66e6(props) {
 
 
 
-
 let $507fabe10e71c6fb$var$currentModality = null;
 let $507fabe10e71c6fb$var$changeHandlers = new Set();
 let $507fabe10e71c6fb$var$hasSetupGlobalListeners = false;
@@ -734,7 +737,7 @@ function $507fabe10e71c6fb$var$handlePointerEvent(e) {
     }
 }
 function $507fabe10e71c6fb$var$handleClickEvent(e) {
-    if ($8a9cb279dc87e130$export$60278871457622de(e)) {
+    if ($bx7SL$isVirtualClick(e)) {
         $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
         $507fabe10e71c6fb$var$currentModality = 'virtual';
     }