@react-aria/interactions 3.10.0 → 3.11.0

package/dist/main.js

@@ -292,8 +292,8 @@ function $0294ea432cd92340$export$45712eceda6fad21(props) {
         };
         let pressProps = {
             onKeyDown (e) {
-                if ($0294ea432cd92340$var$isValidKeyboardEvent(e.nativeEvent) && e.currentTarget.contains(e.target)) {
-                    if ($0294ea432cd92340$var$shouldPreventDefaultKeyboard(e.target)) e.preventDefault();
+                if ($0294ea432cd92340$var$isValidKeyboardEvent(e.nativeEvent, e.currentTarget) && e.currentTarget.contains(e.target)) {
+                    if ($0294ea432cd92340$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
@@ -306,10 +306,13 @@ function $0294ea432cd92340$export$45712eceda6fad21(props) {
                         // instead of the same element where the key down event occurred.
                         addGlobalListener(document, 'keyup', onKeyUp, false);
                     }
-                }
+                } else if (e.key === 'Enter' && $0294ea432cd92340$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 ($0294ea432cd92340$var$isValidKeyboardEvent(e.nativeEvent) && !e.repeat && e.currentTarget.contains(e.target)) triggerPressUp($0294ea432cd92340$var$createEvent(state.target, e), 'keyboard');
+                if ($0294ea432cd92340$var$isValidKeyboardEvent(e.nativeEvent, e.currentTarget) && !e.repeat && e.currentTarget.contains(e.target)) triggerPressUp($0294ea432cd92340$var$createEvent(state.target, e), 'keyboard');
             },
             onClick (e) {
                 if (e && !e.currentTarget.contains(e.target)) return;
@@ -331,8 +334,8 @@ function $0294ea432cd92340$export$45712eceda6fad21(props) {
             }
         };
         let onKeyUp = (e)=>{
-            if (state.isPressed && $0294ea432cd92340$var$isValidKeyboardEvent(e)) {
-                if ($0294ea432cd92340$var$shouldPreventDefaultKeyboard(e.target)) e.preventDefault();
+            if (state.isPressed && $0294ea432cd92340$var$isValidKeyboardEvent(e, state.target)) {
+                if ($0294ea432cd92340$var$shouldPreventDefaultKeyboard(e.target, e.key)) e.preventDefault();
                 e.stopPropagation();
                 state.isPressed = false;
                 let target = e.target;
@@ -340,7 +343,7 @@ function $0294ea432cd92340$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) && $0294ea432cd92340$var$isHTMLAnchorLink(state.target) || state.target.getAttribute('role') === 'link')) state.target.click();
+                if (state.target instanceof HTMLElement && state.target.contains(target) && ($0294ea432cd92340$var$isHTMLAnchorLink(state.target) || state.target.getAttribute('role') === 'link')) state.target.click();
             }
         };
         if (typeof PointerEvent !== 'undefined') {
@@ -572,14 +575,13 @@ function $0294ea432cd92340$export$45712eceda6fad21(props) {
 function $0294ea432cd92340$var$isHTMLAnchorLink(target) {
     return target.tagName === 'A' && target.hasAttribute('href');
 }
-function $0294ea432cd92340$var$isValidKeyboardEvent(event) {
-    const { key: key , code: code , target: target  } = event;
-    const element = target;
-    const { tagName: tagName , isContentEditable: isContentEditable  } = element;
+function $0294ea432cd92340$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 && (!$0294ea432cd92340$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 && !$0294ea432cd92340$var$isValidInputKey(element, key) || element instanceof HTMLTextAreaElement || element.isContentEditable) && (!$0294ea432cd92340$var$isHTMLAnchorLink(element) || role === 'button' && key !== 'Enter') && // An element with role='link' should only trigger with Enter key
     !(role === 'link' && key !== 'Enter');
 }
 function $0294ea432cd92340$var$getTouchFromEvent(event) {
@@ -630,8 +632,25 @@ function $0294ea432cd92340$var$shouldPreventDefault(target) {
     // We cannot prevent default if the target is a draggable element.
     return !(target instanceof HTMLElement) || !target.draggable;
 }
-function $0294ea432cd92340$var$shouldPreventDefaultKeyboard(target) {
-    return !((target.tagName === 'INPUT' || target.tagName === 'BUTTON') && target.type === 'submit');
+function $0294ea432cd92340$var$shouldPreventDefaultKeyboard(target, key) {
+    if (target instanceof HTMLInputElement) return !$0294ea432cd92340$var$isValidInputKey(target, key);
+    if (target instanceof HTMLButtonElement) return target.type !== 'submit';
+    return true;
+}
+const $0294ea432cd92340$var$nonTextInputTypes = new Set([
+    'checkbox',
+    'radio',
+    'range',
+    'color',
+    'file',
+    'image',
+    'button',
+    'submit',
+    'reset'
+]);
+function $0294ea432cd92340$var$isValidInputKey(target, key) {
+    // Only space should toggle checkboxes and radios, not enter.
+    return target.type === 'checkbox' || target.type === 'radio' ? key === ' ' : $0294ea432cd92340$var$nonTextInputTypes.has(target.type);
 }
 function $0294ea432cd92340$var$isVirtualPointerEvent(event) {
     // If the pointer size is zero, then we assume it's from a screen reader.