@react-aria/interactions 3.8.4 → 3.10.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;
@@ -128,61 +125,58 @@ function $625cf83917e112ad$export$715c682d09d639cc(onBlur) {
         onBlur: onBlur,
         observer: null
     });
-    let state1 = stateRef.current;
-    state1.onBlur = onBlur;
+    stateRef.current.onBlur = onBlur;
     // Clean up MutationObserver on unmount. See below.
     // eslint-disable-next-line arrow-body-style
     $goTMa$reactariautils.useLayoutEffect(()=>{
+        const state = stateRef.current;
         return ()=>{
-            if (state1.observer) {
-                state1.observer.disconnect();
-                state1.observer = null;
+            if (state.observer) {
+                state.observer.disconnect();
+                state.observer = null;
             }
         };
-    }, [
-        state1
-    ]);
+    }, []);
     // This function is called during a React onFocus event.
-    return (e1)=>{
+    return $goTMa$react.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) {
-            state1.isFocused = true;
+            stateRef.current.isFocused = true;
             let target = e1.target;
             let onBlurHandler = (e)=>{
                 var // For backward compatibility, dispatch a (fake) React synthetic event.
-                ref;
-                let state = stateRef.current;
-                state.isFocused = false;
-                if (target.disabled) (ref = state.onBlur) === null || ref === void 0 ? void 0 : ref.call(state, new $625cf83917e112ad$export$905e7fc544a71f36('blur', e));
+                _current, ref;
+                stateRef.current.isFocused = false;
+                if (target.disabled) (ref = (_current = stateRef.current).onBlur) === null || ref === void 0 ? void 0 : ref.call(_current, new $625cf83917e112ad$export$905e7fc544a71f36('blur', e));
                 // We no longer need the MutationObserver once the target is blurred.
-                if (state.observer) {
-                    state.observer.disconnect();
-                    state.observer = null;
+                if (stateRef.current.observer) {
+                    stateRef.current.observer.disconnect();
+                    stateRef.current.observer = null;
                 }
             };
             target.addEventListener('focusout', onBlurHandler, {
                 once: true
             });
-            state1.observer = new MutationObserver(()=>{
-                if (state1.isFocused && target.disabled) {
-                    state1.observer.disconnect();
+            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
                     }));
                 }
             });
-            state1.observer.observe(target, {
+            stateRef.current.observer.observe(target, {
                 attributes: true,
                 attributeFilter: [
                     'disabled'
                 ]
             });
         }
-    };
+    }, []);
 }
 
 
@@ -191,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);
@@ -345,7 +340,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') {
@@ -633,7 +628,7 @@ 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) {
     return !((target.tagName === 'INPUT' || target.tagName === 'BUTTON') && target.type === 'submit');
@@ -643,8 +638,9 @@ function $0294ea432cd92340$var$isVirtualPointerEvent(event) {
     // 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
-    return event.width === 0 && event.height === 0 || event.width === 1 && event.height === 1 && event.pressure === 0 && event.detail === 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';
 }
 
 
@@ -665,9 +661,6 @@ const $e1dbec26039c051d$export$27c701ed9e449e99 = /*#__PURE__*/ ($parcel$interop
 });
 
 
-var $3596bae48579386f$exports = {};
-
-$parcel$export($3596bae48579386f$exports, "PressResponder", () => $3596bae48579386f$export$3351871ee4b288b8);
 
 
 
@@ -693,46 +686,41 @@ const $3596bae48579386f$export$3351871ee4b288b8 = /*#__PURE__*/ ($parcel$interop
 });
 
 
-var $5cb73d0ce355b0dc$exports = {};
 
-$parcel$export($5cb73d0ce355b0dc$exports, "useFocus", () => $5cb73d0ce355b0dc$export$f8168d8dd8fd66e6);
 
 function $5cb73d0ce355b0dc$export$f8168d8dd8fd66e6(props) {
-    let onBlur;
-    if (!props.isDisabled && (props.onBlur || props.onFocusChange)) onBlur = (e)=>{
+    let { isDisabled: isDisabled , onFocus: onFocusProp , onBlur: onBlurProp , onFocusChange: onFocusChange  } = props;
+    const onBlur = $goTMa$react.useCallback((e)=>{
         if (e.target === e.currentTarget) {
-            if (props.onBlur) props.onBlur(e);
-            if (props.onFocusChange) props.onFocusChange(false);
+            if (onBlurProp) onBlurProp(e);
+            if (onFocusChange) onFocusChange(false);
             return true;
         }
-    };
-    else onBlur = null;
-    let onSyntheticFocus = $625cf83917e112ad$export$715c682d09d639cc(onBlur);
-    let onFocus;
-    if (!props.isDisabled && (props.onFocus || props.onFocusChange || props.onBlur)) onFocus = (e)=>{
+    }, [
+        onBlurProp,
+        onFocusChange
+    ]);
+    const onSyntheticFocus = $625cf83917e112ad$export$715c682d09d639cc(onBlur);
+    const onFocus = $goTMa$react.useCallback((e)=>{
         if (e.target === e.currentTarget) {
-            if (props.onFocus) props.onFocus(e);
-            if (props.onFocusChange) props.onFocusChange(true);
+            if (onFocusProp) onFocusProp(e);
+            if (onFocusChange) onFocusChange(true);
             onSyntheticFocus(e);
         }
-    };
+    }, [
+        onFocusChange,
+        onFocusProp,
+        onSyntheticFocus
+    ]);
     return {
         focusProps: {
-            onFocus: onFocus,
-            onBlur: onBlur
+            onFocus: !isDisabled && (onFocusProp || onFocusChange || onBlurProp) ? onFocus : undefined,
+            onBlur: !isDisabled && (onBlurProp || onFocusChange) ? onBlur : null
         }
     };
 }
 
 
-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);
 
 
 
@@ -890,33 +878,45 @@ function $e77252a287ef94ab$export$ec71b4b83ac08ec3(fn, deps, opts) {
 }
 
 
-var $d16842bbd0359d1b$exports = {};
-
-$parcel$export($d16842bbd0359d1b$exports, "useFocusWithin", () => $d16842bbd0359d1b$export$420e68273165f4ec);
 
 
 function $d16842bbd0359d1b$export$420e68273165f4ec(props) {
+    let { isDisabled: isDisabled , onBlurWithin: onBlurWithin , onFocusWithin: onFocusWithin , onFocusWithinChange: onFocusWithinChange  } = props;
     let state = $goTMa$react.useRef({
         isFocusWithin: false
-    }).current;
-    let onBlur = props.isDisabled ? null : (e)=>{
+    });
+    let onBlur = $goTMa$react.useCallback((e)=>{
         // We don't want to trigger onBlurWithin and then immediately onFocusWithin again
         // when moving focus inside the element. Only trigger if the currentTarget doesn't
         // include the relatedTarget (where focus is moving).
-        if (state.isFocusWithin && !e.currentTarget.contains(e.relatedTarget)) {
-            state.isFocusWithin = false;
-            if (props.onBlurWithin) props.onBlurWithin(e);
-            if (props.onFocusWithinChange) props.onFocusWithinChange(false);
+        if (state.current.isFocusWithin && !e.currentTarget.contains(e.relatedTarget)) {
+            state.current.isFocusWithin = false;
+            if (onBlurWithin) onBlurWithin(e);
+            if (onFocusWithinChange) onFocusWithinChange(false);
         }
-    };
+    }, [
+        onBlurWithin,
+        onFocusWithinChange,
+        state
+    ]);
     let onSyntheticFocus = $625cf83917e112ad$export$715c682d09d639cc(onBlur);
-    let onFocus = props.isDisabled ? null : (e)=>{
-        if (!state.isFocusWithin) {
-            if (props.onFocusWithin) props.onFocusWithin(e);
-            if (props.onFocusWithinChange) props.onFocusWithinChange(true);
-            state.isFocusWithin = true;
+    let onFocus = $goTMa$react.useCallback((e)=>{
+        if (!state.current.isFocusWithin) {
+            if (onFocusWithin) onFocusWithin(e);
+            if (onFocusWithinChange) onFocusWithinChange(true);
+            state.current.isFocusWithin = true;
             onSyntheticFocus(e);
         }
+    }, [
+        onFocusWithin,
+        onFocusWithinChange,
+        onSyntheticFocus
+    ]);
+    if (isDisabled) return {
+        focusWithinProps: {
+            onFocus: null,
+            onBlur: null
+        }
     };
     return {
         focusWithinProps: {
@@ -927,9 +927,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.
@@ -1049,9 +1046,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;
@@ -1130,9 +1124,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;
@@ -1169,9 +1160,6 @@ function $892d64db2a3c53b0$export$8f71654801c2f7cd(props) {
 }
 
 
-var $c09386fc48fa427d$exports = {};
-
-$parcel$export($c09386fc48fa427d$exports, "useMove", () => $c09386fc48fa427d$export$36da96379f79f245);
 
 
 
@@ -1386,9 +1374,6 @@ function $c09386fc48fa427d$export$36da96379f79f245(props) {
 
 
 
-var $a3dbce0aed7087e2$exports = {};
-
-$parcel$export($a3dbce0aed7087e2$exports, "useScrollWheel", () => $a3dbce0aed7087e2$export$2123ff2b87c81ca);
 
 
 function $a3dbce0aed7087e2$export$2123ff2b87c81ca(props, ref) {
@@ -1410,9 +1395,6 @@ function $a3dbce0aed7087e2$export$2123ff2b87c81ca(props, ref) {
 }
 
 
-var $3cd7b5d0eebf0ca9$exports = {};
-
-$parcel$export($3cd7b5d0eebf0ca9$exports, "useLongPress", () => $3cd7b5d0eebf0ca9$export$c24ed0104d07eab9);
 
 
 
@@ -1475,18 +1457,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