@react-aria/interactions 3.9.0 → 3.11.0

package/dist/module.js

@@ -1,16 +1,7 @@
 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 $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";
 
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-var $3b117e43dc0ca95d$exports = {};
-
-$parcel$export($3b117e43dc0ca95d$exports, "Pressable", () => $3b117e43dc0ca95d$export$27c701ed9e449e99);
-
-var $f6c31cce2adf654f$exports = {};
 
-$parcel$export($f6c31cce2adf654f$exports, "usePress", () => $f6c31cce2adf654f$export$45712eceda6fad21);
 
 // Note that state only matters here for iOS. Non-iOS gets user-select: none applied to the target element
 // rather than at the document level so we just need to apply/remove user-select: none for each pressed element individually
@@ -24,7 +15,7 @@ function $14c0b72509d70225$export$16a4697467175487(target) {
             document.documentElement.style.webkitUserSelect = 'none';
         }
         $14c0b72509d70225$var$state = 'disabled';
-    } else if (target) {
+    } else if (target instanceof HTMLElement || target instanceof SVGElement) {
         // If not iOS, store the target's original user-select and change to user-select: none
         // Ignore state since it doesn't apply for non iOS
         $14c0b72509d70225$var$modifiedElementMap.set(target, target.style.userSelect);
@@ -51,13 +42,15 @@ function $14c0b72509d70225$export$b0d6fa1ab32e3295(target) {
                 }
             });
         }, 300);
-    } else // If not iOS, restore the target's original user-select if any
+    } else if (target instanceof HTMLElement || target instanceof SVGElement) // If not iOS, restore the target's original user-select if any
     // Ignore state since it doesn't apply for non iOS
-    if (target && $14c0b72509d70225$var$modifiedElementMap.has(target)) {
-        let targetOldUserSelect = $14c0b72509d70225$var$modifiedElementMap.get(target);
-        if (target.style.userSelect === 'none') target.style.userSelect = targetOldUserSelect;
-        if (target.getAttribute('style') === '') target.removeAttribute('style');
-        $14c0b72509d70225$var$modifiedElementMap.delete(target);
+    {
+        if (target && $14c0b72509d70225$var$modifiedElementMap.has(target)) {
+            let targetOldUserSelect = $14c0b72509d70225$var$modifiedElementMap.get(target);
+            if (target.style.userSelect === 'none') target.style.userSelect = targetOldUserSelect;
+            if (target.getAttribute('style') === '') target.removeAttribute('style');
+            $14c0b72509d70225$var$modifiedElementMap.delete(target);
+        }
     }
 }
 
@@ -65,7 +58,6 @@ function $14c0b72509d70225$export$b0d6fa1ab32e3295(target) {
 
 
 
-
 function $8a9cb279dc87e130$export$60278871457622de(event) {
     // JAWS/NVDA with Firefox.
     if (event.mozInputSource === 0 && event.isTrusted) return true;
@@ -169,6 +161,7 @@ const $ae1eeba8b9eafd08$export$5165eccb35aaadb5 = $bx7SL$react.createContext(nul
 $ae1eeba8b9eafd08$export$5165eccb35aaadb5.displayName = 'PressResponderContext';
 
 
+
 function $f6c31cce2adf654f$var$usePressResponderContext(props) {
     // Consume context from <PressResponder> and merge with props.
     let context = $bx7SL$useContext($ae1eeba8b9eafd08$export$5165eccb35aaadb5);
@@ -275,8 +268,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
@@ -289,10 +282,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;
@@ -314,8 +310,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;
@@ -323,7 +319,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.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') {
@@ -555,14 +551,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) {
@@ -611,10 +606,27 @@ function $f6c31cce2adf654f$var$isOverTarget(point, target) {
 }
 function $f6c31cce2adf654f$var$shouldPreventDefault(target) {
     // We cannot prevent default if the target is a draggable element.
-    return !target.draggable;
+    return !(target instanceof HTMLElement) || !target.draggable;
+}
+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$shouldPreventDefaultKeyboard(target) {
-    return !((target.tagName === 'INPUT' || target.tagName === 'BUTTON') && target.type === 'submit');
+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);
 }
 function $f6c31cce2adf654f$var$isVirtualPointerEvent(event) {
     // If the pointer size is zero, then we assume it's from a screen reader.
@@ -644,9 +656,6 @@ const $3b117e43dc0ca95d$export$27c701ed9e449e99 = /*#__PURE__*/ $bx7SL$react.for
 });
 
 
-var $f1ab8c75478c6f73$exports = {};
-
-$parcel$export($f1ab8c75478c6f73$exports, "PressResponder", () => $f1ab8c75478c6f73$export$3351871ee4b288b8);
 
 
 
@@ -672,9 +681,6 @@ const $f1ab8c75478c6f73$export$3351871ee4b288b8 = /*#__PURE__*/ $bx7SL$react.for
 });
 
 
-var $a1ea59d68270f0dd$exports = {};
-
-$parcel$export($a1ea59d68270f0dd$exports, "useFocus", () => $a1ea59d68270f0dd$export$f8168d8dd8fd66e6);
 
 
 function $a1ea59d68270f0dd$export$f8168d8dd8fd66e6(props) {
@@ -710,14 +716,6 @@ function $a1ea59d68270f0dd$export$f8168d8dd8fd66e6(props) {
 }
 
 
-var $507fabe10e71c6fb$exports = {};
-
-$parcel$export($507fabe10e71c6fb$exports, "isFocusVisible", () => $507fabe10e71c6fb$export$b9b3dfddab17db27);
-$parcel$export($507fabe10e71c6fb$exports, "getInteractionModality", () => $507fabe10e71c6fb$export$630ff653c5ada6a9);
-$parcel$export($507fabe10e71c6fb$exports, "setInteractionModality", () => $507fabe10e71c6fb$export$8397ddfc504fdb9a);
-$parcel$export($507fabe10e71c6fb$exports, "useInteractionModality", () => $507fabe10e71c6fb$export$98e20ec92f614cfe);
-$parcel$export($507fabe10e71c6fb$exports, "useFocusVisible", () => $507fabe10e71c6fb$export$ffd9e5021c1fb2d6);
-$parcel$export($507fabe10e71c6fb$exports, "useFocusVisibleListener", () => $507fabe10e71c6fb$export$ec71b4b83ac08ec3);
 
 
 
@@ -875,9 +873,6 @@ function $507fabe10e71c6fb$export$ec71b4b83ac08ec3(fn, deps, opts) {
 }
 
 
-var $9ab94262bd0047c7$exports = {};
-
-$parcel$export($9ab94262bd0047c7$exports, "useFocusWithin", () => $9ab94262bd0047c7$export$420e68273165f4ec);
 
 
 function $9ab94262bd0047c7$export$420e68273165f4ec(props) {
@@ -927,9 +922,6 @@ function $9ab94262bd0047c7$export$420e68273165f4ec(props) {
 }
 
 
-var $6179b936705e76d3$exports = {};
-
-$parcel$export($6179b936705e76d3$exports, "useHover", () => $6179b936705e76d3$export$ae780daf29e6d456);
 
 // iOS fires onPointerEnter twice: once with pointerType="touch" and again with pointerType="mouse".
 // We want to ignore these emulated events so they do not trigger hover behavior.
@@ -1049,9 +1041,6 @@ function $6179b936705e76d3$export$ae780daf29e6d456(props) {
 }
 
 
-var $e0b6e0b68ec7f50f$exports = {};
-
-$parcel$export($e0b6e0b68ec7f50f$exports, "useInteractOutside", () => $e0b6e0b68ec7f50f$export$872b660ac5a1ff98);
 
 function $e0b6e0b68ec7f50f$export$872b660ac5a1ff98(props) {
     let { ref: ref , onInteractOutside: onInteractOutside , isDisabled: isDisabled , onInteractOutsideStart: onInteractOutsideStart  } = props;
@@ -1130,9 +1119,6 @@ function $e0b6e0b68ec7f50f$var$isValidEvent(event, ref) {
 }
 
 
-var $46d819fcbaf35654$exports = {};
-
-$parcel$export($46d819fcbaf35654$exports, "useKeyboard", () => $46d819fcbaf35654$export$8f71654801c2f7cd);
 function $93925083ecbb358c$export$48d1ea6320830260(handler) {
     if (!handler) return;
     let shouldStopPropagation = true;
@@ -1169,9 +1155,6 @@ function $46d819fcbaf35654$export$8f71654801c2f7cd(props) {
 }
 
 
-var $e8a7022cf87cba2a$exports = {};
-
-$parcel$export($e8a7022cf87cba2a$exports, "useMove", () => $e8a7022cf87cba2a$export$36da96379f79f245);
 
 
 
@@ -1386,9 +1369,6 @@ function $e8a7022cf87cba2a$export$36da96379f79f245(props) {
 
 
 
-var $7d0a636d7a4dcefd$exports = {};
-
-$parcel$export($7d0a636d7a4dcefd$exports, "useScrollWheel", () => $7d0a636d7a4dcefd$export$2123ff2b87c81ca);
 
 
 function $7d0a636d7a4dcefd$export$2123ff2b87c81ca(props, ref) {
@@ -1410,9 +1390,6 @@ function $7d0a636d7a4dcefd$export$2123ff2b87c81ca(props, ref) {
 }
 
 
-var $8a26561d2877236e$exports = {};
-
-$parcel$export($8a26561d2877236e$exports, "useLongPress", () => $8a26561d2877236e$export$c24ed0104d07eab9);