@react-aria/interactions 3.0.0-nightly.1533 → 3.0.0-nightly.1536

package/dist/main.js

@@ -128,61 +128,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'
                 ]
             });
         }
-    };
+    }, []);
 }
 
 
@@ -697,29 +694,34 @@ 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)=>{
+
+function $5cb73d0ce355b0dc$export$f8168d8dd8fd66e6({ isDisabled: isDisabled , onFocus: onFocusProp , onBlur: onBlurProp , onFocusChange: onFocusChange  }) {
+    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
         }
     };
 }
@@ -895,28 +897,42 @@ var $d16842bbd0359d1b$exports = {};
 $parcel$export($d16842bbd0359d1b$exports, "useFocusWithin", () => $d16842bbd0359d1b$export$420e68273165f4ec);
 
 
-function $d16842bbd0359d1b$export$420e68273165f4ec(props) {
+function $d16842bbd0359d1b$export$420e68273165f4ec({ isDisabled: isDisabled , onBlurWithin: onBlurWithin , onFocusWithin: onFocusWithin , onFocusWithinChange: onFocusWithinChange  }) {
     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: {