@react-aria/interactions 3.9.0 → 3.11.0

package/dist/main.js

@@ -1,35 +1,31 @@
 var $goTMa$reactariautils = require("@react-aria/utils");
 var $goTMa$react = require("react");
 
-function $parcel$exportWildcard(dest, source) {
-  Object.keys(source).forEach(function(key) {
-    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
-      return;
-    }
-
-    Object.defineProperty(dest, key, {
-      enumerable: true,
-      get: function get() {
-        return source[key];
-      }
-    });
-  });
-
-  return dest;
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-var $e1dbec26039c051d$exports = {};
 
-$parcel$export($e1dbec26039c051d$exports, "Pressable", () => $e1dbec26039c051d$export$27c701ed9e449e99);
+$parcel$export(module.exports, "Pressable", () => $e1dbec26039c051d$export$27c701ed9e449e99);
+$parcel$export(module.exports, "PressResponder", () => $3596bae48579386f$export$3351871ee4b288b8);
+$parcel$export(module.exports, "useFocus", () => $5cb73d0ce355b0dc$export$f8168d8dd8fd66e6);
+$parcel$export(module.exports, "isFocusVisible", () => $e77252a287ef94ab$export$b9b3dfddab17db27);
+$parcel$export(module.exports, "getInteractionModality", () => $e77252a287ef94ab$export$630ff653c5ada6a9);
+$parcel$export(module.exports, "setInteractionModality", () => $e77252a287ef94ab$export$8397ddfc504fdb9a);
+$parcel$export(module.exports, "useInteractionModality", () => $e77252a287ef94ab$export$98e20ec92f614cfe);
+$parcel$export(module.exports, "useFocusVisible", () => $e77252a287ef94ab$export$ffd9e5021c1fb2d6);
+$parcel$export(module.exports, "useFocusVisibleListener", () => $e77252a287ef94ab$export$ec71b4b83ac08ec3);
+$parcel$export(module.exports, "useFocusWithin", () => $d16842bbd0359d1b$export$420e68273165f4ec);
+$parcel$export(module.exports, "useHover", () => $ffbc150311c75f01$export$ae780daf29e6d456);
+$parcel$export(module.exports, "useInteractOutside", () => $edcfa848c42f94f4$export$872b660ac5a1ff98);
+$parcel$export(module.exports, "useKeyboard", () => $892d64db2a3c53b0$export$8f71654801c2f7cd);
+$parcel$export(module.exports, "useMove", () => $c09386fc48fa427d$export$36da96379f79f245);
+$parcel$export(module.exports, "usePress", () => $0294ea432cd92340$export$45712eceda6fad21);
+$parcel$export(module.exports, "useScrollWheel", () => $a3dbce0aed7087e2$export$2123ff2b87c81ca);
+$parcel$export(module.exports, "useLongPress", () => $3cd7b5d0eebf0ca9$export$c24ed0104d07eab9);
 
-var $0294ea432cd92340$exports = {};
-
-$parcel$export($0294ea432cd92340$exports, "usePress", () => $0294ea432cd92340$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
@@ -43,7 +39,7 @@ function $f7e14e656343df57$export$16a4697467175487(target) {
             document.documentElement.style.webkitUserSelect = 'none';
         }
         $f7e14e656343df57$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
         $f7e14e656343df57$var$modifiedElementMap.set(target, target.style.userSelect);
@@ -70,13 +66,15 @@ function $f7e14e656343df57$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 && $f7e14e656343df57$var$modifiedElementMap.has(target)) {
-        let targetOldUserSelect = $f7e14e656343df57$var$modifiedElementMap.get(target);
-        if (target.style.userSelect === 'none') target.style.userSelect = targetOldUserSelect;
-        if (target.getAttribute('style') === '') target.removeAttribute('style');
-        $f7e14e656343df57$var$modifiedElementMap.delete(target);
+    {
+        if (target && $f7e14e656343df57$var$modifiedElementMap.has(target)) {
+            let targetOldUserSelect = $f7e14e656343df57$var$modifiedElementMap.get(target);
+            if (target.style.userSelect === 'none') target.style.userSelect = targetOldUserSelect;
+            if (target.getAttribute('style') === '') target.removeAttribute('style');
+            $f7e14e656343df57$var$modifiedElementMap.delete(target);
+        }
     }
 }
 
@@ -84,7 +82,6 @@ function $f7e14e656343df57$export$b0d6fa1ab32e3295(target) {
 
 
 
-
 function $625cf83917e112ad$export$60278871457622de(event) {
     // JAWS/NVDA with Firefox.
     if (event.mozInputSource === 0 && event.isTrusted) return true;
@@ -188,6 +185,7 @@ const $01d3f539e91688c8$export$5165eccb35aaadb5 = ($parcel$interopDefault($goTMa
 $01d3f539e91688c8$export$5165eccb35aaadb5.displayName = 'PressResponderContext';
 
 
+
 function $0294ea432cd92340$var$usePressResponderContext(props) {
     // Consume context from <PressResponder> and merge with props.
     let context = $goTMa$react.useContext($01d3f539e91688c8$export$5165eccb35aaadb5);
@@ -294,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
@@ -308,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;
@@ -333,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;
@@ -342,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.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') {
@@ -574,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,10 +630,27 @@ function $0294ea432cd92340$var$isOverTarget(point, target) {
 }
 function $0294ea432cd92340$var$shouldPreventDefault(target) {
     // We cannot prevent default if the target is a draggable element.
-    return !target.draggable;
+    return !(target instanceof HTMLElement) || !target.draggable;
+}
+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;
 }
-function $0294ea432cd92340$var$shouldPreventDefaultKeyboard(target) {
-    return !((target.tagName === 'INPUT' || target.tagName === 'BUTTON') && target.type === 'submit');
+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.
@@ -663,9 +680,6 @@ const $e1dbec26039c051d$export$27c701ed9e449e99 = /*#__PURE__*/ ($parcel$interop
 });
 
 
-var $3596bae48579386f$exports = {};
-
-$parcel$export($3596bae48579386f$exports, "PressResponder", () => $3596bae48579386f$export$3351871ee4b288b8);
 
 
 
@@ -691,9 +705,6 @@ const $3596bae48579386f$export$3351871ee4b288b8 = /*#__PURE__*/ ($parcel$interop
 });
 
 
-var $5cb73d0ce355b0dc$exports = {};
-
-$parcel$export($5cb73d0ce355b0dc$exports, "useFocus", () => $5cb73d0ce355b0dc$export$f8168d8dd8fd66e6);
 
 
 function $5cb73d0ce355b0dc$export$f8168d8dd8fd66e6(props) {
@@ -729,14 +740,6 @@ function $5cb73d0ce355b0dc$export$f8168d8dd8fd66e6(props) {
 }
 
 
-var $e77252a287ef94ab$exports = {};
-
-$parcel$export($e77252a287ef94ab$exports, "isFocusVisible", () => $e77252a287ef94ab$export$b9b3dfddab17db27);
-$parcel$export($e77252a287ef94ab$exports, "getInteractionModality", () => $e77252a287ef94ab$export$630ff653c5ada6a9);
-$parcel$export($e77252a287ef94ab$exports, "setInteractionModality", () => $e77252a287ef94ab$export$8397ddfc504fdb9a);
-$parcel$export($e77252a287ef94ab$exports, "useInteractionModality", () => $e77252a287ef94ab$export$98e20ec92f614cfe);
-$parcel$export($e77252a287ef94ab$exports, "useFocusVisible", () => $e77252a287ef94ab$export$ffd9e5021c1fb2d6);
-$parcel$export($e77252a287ef94ab$exports, "useFocusVisibleListener", () => $e77252a287ef94ab$export$ec71b4b83ac08ec3);
 
 
 
@@ -894,9 +897,6 @@ function $e77252a287ef94ab$export$ec71b4b83ac08ec3(fn, deps, opts) {
 }
 
 
-var $d16842bbd0359d1b$exports = {};
-
-$parcel$export($d16842bbd0359d1b$exports, "useFocusWithin", () => $d16842bbd0359d1b$export$420e68273165f4ec);
 
 
 function $d16842bbd0359d1b$export$420e68273165f4ec(props) {
@@ -946,9 +946,6 @@ function $d16842bbd0359d1b$export$420e68273165f4ec(props) {
 }
 
 
-var $ffbc150311c75f01$exports = {};
-
-$parcel$export($ffbc150311c75f01$exports, "useHover", () => $ffbc150311c75f01$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.
@@ -1068,9 +1065,6 @@ function $ffbc150311c75f01$export$ae780daf29e6d456(props) {
 }
 
 
-var $edcfa848c42f94f4$exports = {};
-
-$parcel$export($edcfa848c42f94f4$exports, "useInteractOutside", () => $edcfa848c42f94f4$export$872b660ac5a1ff98);
 
 function $edcfa848c42f94f4$export$872b660ac5a1ff98(props) {
     let { ref: ref , onInteractOutside: onInteractOutside , isDisabled: isDisabled , onInteractOutsideStart: onInteractOutsideStart  } = props;
@@ -1149,9 +1143,6 @@ function $edcfa848c42f94f4$var$isValidEvent(event, ref) {
 }
 
 
-var $892d64db2a3c53b0$exports = {};
-
-$parcel$export($892d64db2a3c53b0$exports, "useKeyboard", () => $892d64db2a3c53b0$export$8f71654801c2f7cd);
 function $951fbcbbca8db6ce$export$48d1ea6320830260(handler) {
     if (!handler) return;
     let shouldStopPropagation = true;
@@ -1188,9 +1179,6 @@ function $892d64db2a3c53b0$export$8f71654801c2f7cd(props) {
 }
 
 
-var $c09386fc48fa427d$exports = {};
-
-$parcel$export($c09386fc48fa427d$exports, "useMove", () => $c09386fc48fa427d$export$36da96379f79f245);
 
 
 
@@ -1405,9 +1393,6 @@ function $c09386fc48fa427d$export$36da96379f79f245(props) {
 
 
 
-var $a3dbce0aed7087e2$exports = {};
-
-$parcel$export($a3dbce0aed7087e2$exports, "useScrollWheel", () => $a3dbce0aed7087e2$export$2123ff2b87c81ca);
 
 
 function $a3dbce0aed7087e2$export$2123ff2b87c81ca(props, ref) {
@@ -1429,9 +1414,6 @@ function $a3dbce0aed7087e2$export$2123ff2b87c81ca(props, ref) {
 }
 
 
-var $3cd7b5d0eebf0ca9$exports = {};
-
-$parcel$export($3cd7b5d0eebf0ca9$exports, "useLongPress", () => $3cd7b5d0eebf0ca9$export$c24ed0104d07eab9);
 
 
 
@@ -1494,18 +1476,6 @@ function $3cd7b5d0eebf0ca9$export$c24ed0104d07eab9(props) {
 }
 
 
-$parcel$exportWildcard(module.exports, $e1dbec26039c051d$exports);
-$parcel$exportWildcard(module.exports, $3596bae48579386f$exports);
-$parcel$exportWildcard(module.exports, $5cb73d0ce355b0dc$exports);
-$parcel$exportWildcard(module.exports, $e77252a287ef94ab$exports);
-$parcel$exportWildcard(module.exports, $d16842bbd0359d1b$exports);
-$parcel$exportWildcard(module.exports, $ffbc150311c75f01$exports);
-$parcel$exportWildcard(module.exports, $edcfa848c42f94f4$exports);
-$parcel$exportWildcard(module.exports, $892d64db2a3c53b0$exports);
-$parcel$exportWildcard(module.exports, $c09386fc48fa427d$exports);
-$parcel$exportWildcard(module.exports, $0294ea432cd92340$exports);
-$parcel$exportWildcard(module.exports, $a3dbce0aed7087e2$exports);
-$parcel$exportWildcard(module.exports, $3cd7b5d0eebf0ca9$exports);
 
 
 //# sourceMappingURL=main.js.map