@react-aria/interactions 3.0.0-nightly.1729 → 3.0.0-nightly.1734

package/dist/main.js

@@ -293,7 +293,7 @@ function $0294ea432cd92340$export$45712eceda6fad21(props) {
         let pressProps = {
             onKeyDown (e) {
                 if ($0294ea432cd92340$var$isValidKeyboardEvent(e.nativeEvent, e.currentTarget) && e.currentTarget.contains(e.target)) {
-                    if ($0294ea432cd92340$var$shouldPreventDefaultKeyboard(e.target)) e.preventDefault();
+                    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
@@ -335,7 +335,7 @@ function $0294ea432cd92340$export$45712eceda6fad21(props) {
         };
         let onKeyUp = (e)=>{
             if (state.isPressed && $0294ea432cd92340$var$isValidKeyboardEvent(e, state.target)) {
-                if ($0294ea432cd92340$var$shouldPreventDefaultKeyboard(e.target)) e.preventDefault();
+                if ($0294ea432cd92340$var$shouldPreventDefaultKeyboard(e.target, e.key)) e.preventDefault();
                 e.stopPropagation();
                 state.isPressed = false;
                 let target = e.target;
@@ -578,11 +578,10 @@ function $0294ea432cd92340$var$isHTMLAnchorLink(target) {
 function $0294ea432cd92340$var$isValidKeyboardEvent(event, currentTarget) {
     const { key: key , code: code  } = event;
     const element = currentTarget;
-    const { tagName: tagName , isContentEditable: isContentEditable  } = element;
     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) {
@@ -633,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.