downshift 9.0.12 → 9.0.13

package/dist/downshift.cjs.js

@@ -1830,19 +1830,17 @@ function getHighlightedIndexOnOpen(props, state, offset) {
  * @param {Array<{current: HTMLElement}>} downshiftElementsRefs The refs for the elements that should not trigger a blur action from mouseDown or touchEnd.
  * @returns {{isMouseDown: boolean, isTouchMove: boolean, isTouchEnd: boolean}} The mouse and touch events information, if any of are happening.
  */
-function useMouseAndTouchTracker(environment, handleBlur, downshiftElementsRefs) {
+function useMouseAndTouchTracker(environment, handleBlur, downshiftRefs) {
   var mouseAndTouchTrackersRef = React.useRef({
     isMouseDown: false,
     isTouchMove: false,
     isTouchEnd: false
   });
-
-  // the elements should be retrieved the moment they are required because these are refs - they can be mutated
-  function getDownshiftElements() {
-    return downshiftElementsRefs.map(function (ref) {
+  var getDownshiftElements = React.useCallback(function () {
+    return downshiftRefs.map(function (ref) {
       return ref.current;
     });
-  }
+  }, [downshiftRefs]);
   React.useEffect(function () {
     if (!environment) {
       return noop;
@@ -1882,7 +1880,7 @@ function useMouseAndTouchTracker(environment, handleBlur, downshiftElementsRefs)
       environment.removeEventListener('touchmove', onTouchMove);
       environment.removeEventListener('touchend', onTouchEnd);
     };
-  }, [downshiftElementsRefs, environment, handleBlur]);
+  }, [environment, getDownshiftElements, handleBlur]);
   return mouseAndTouchTrackersRef.current;
 }
 
@@ -2470,17 +2468,17 @@ function useSelect(userProps) {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  var mouseAndTouchTrackers = useMouseAndTouchTracker(environment, React.useCallback(function handleBlur() {
+  var handleBlurInTracker = React.useCallback(function handleBlur() {
     if (latest.current.state.isOpen) {
       dispatch({
         type: ToggleButtonBlur
       });
     }
-  }, [dispatch, latest]), React.useMemo(function () {
+  }, [dispatch, latest]);
+  var downshiftRefs = React.useMemo(function () {
     return [menuRef, toggleButtonRef];
-  },
-  // dependencies can be left empty because refs are getting mutated
-  []));
+  }, []);
+  var mouseAndTouchTrackers = useMouseAndTouchTracker(environment, handleBlurInTracker, downshiftRefs);
   var setGetterPropCallInfo = useGetterPropsCalledChecker('getMenuProps', 'getToggleButtonProps');
   // Reset itemRefs on close.
   React.useEffect(function () {
@@ -3093,18 +3091,17 @@ function useCombobox(userProps) {
       previousResultCountRef.current = items.length;
     }
   });
-  var mouseAndTouchTrackers = useMouseAndTouchTracker(environment, React.useCallback(function handleBlur() {
+  var handleBlurInTracker = React.useCallback(function handleBlur() {
     if (latest.current.state.isOpen) {
       dispatch({
-        type: InputBlur,
-        selectItem: false
+        type: InputBlur
       });
     }
-  }, [dispatch, latest]), React.useMemo(function () {
+  }, [dispatch, latest]);
+  var downshiftRefs = React.useMemo(function () {
     return [menuRef, toggleButtonRef, inputRef];
-  },
-  // dependencies can be left empty because refs are getting mutated
-  []));
+  }, []);
+  var mouseAndTouchTrackers = useMouseAndTouchTracker(environment, handleBlurInTracker, downshiftRefs);
   var setGetterPropCallInfo = useGetterPropsCalledChecker('getInputProps', 'getMenuProps');
   // Reset itemRefs on close.
   React.useEffect(function () {

package/dist/downshift.esm.js

@@ -1826,19 +1826,17 @@ function getHighlightedIndexOnOpen(props, state, offset) {
  * @param {Array<{current: HTMLElement}>} downshiftElementsRefs The refs for the elements that should not trigger a blur action from mouseDown or touchEnd.
  * @returns {{isMouseDown: boolean, isTouchMove: boolean, isTouchEnd: boolean}} The mouse and touch events information, if any of are happening.
  */
-function useMouseAndTouchTracker(environment, handleBlur, downshiftElementsRefs) {
+function useMouseAndTouchTracker(environment, handleBlur, downshiftRefs) {
   var mouseAndTouchTrackersRef = useRef({
     isMouseDown: false,
     isTouchMove: false,
     isTouchEnd: false
   });
-
-  // the elements should be retrieved the moment they are required because these are refs - they can be mutated
-  function getDownshiftElements() {
-    return downshiftElementsRefs.map(function (ref) {
+  var getDownshiftElements = useCallback(function () {
+    return downshiftRefs.map(function (ref) {
       return ref.current;
     });
-  }
+  }, [downshiftRefs]);
   useEffect(function () {
     if (!environment) {
       return noop;
@@ -1878,7 +1876,7 @@ function useMouseAndTouchTracker(environment, handleBlur, downshiftElementsRefs)
       environment.removeEventListener('touchmove', onTouchMove);
       environment.removeEventListener('touchend', onTouchEnd);
     };
-  }, [downshiftElementsRefs, environment, handleBlur]);
+  }, [environment, getDownshiftElements, handleBlur]);
   return mouseAndTouchTrackersRef.current;
 }
 
@@ -2466,17 +2464,17 @@ function useSelect(userProps) {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  var mouseAndTouchTrackers = useMouseAndTouchTracker(environment, useCallback(function handleBlur() {
+  var handleBlurInTracker = useCallback(function handleBlur() {
     if (latest.current.state.isOpen) {
       dispatch({
         type: ToggleButtonBlur
       });
     }
-  }, [dispatch, latest]), useMemo(function () {
+  }, [dispatch, latest]);
+  var downshiftRefs = useMemo(function () {
     return [menuRef, toggleButtonRef];
-  },
-  // dependencies can be left empty because refs are getting mutated
-  []));
+  }, []);
+  var mouseAndTouchTrackers = useMouseAndTouchTracker(environment, handleBlurInTracker, downshiftRefs);
   var setGetterPropCallInfo = useGetterPropsCalledChecker('getMenuProps', 'getToggleButtonProps');
   // Reset itemRefs on close.
   useEffect(function () {
@@ -3089,18 +3087,17 @@ function useCombobox(userProps) {
       previousResultCountRef.current = items.length;
     }
   });
-  var mouseAndTouchTrackers = useMouseAndTouchTracker(environment, useCallback(function handleBlur() {
+  var handleBlurInTracker = useCallback(function handleBlur() {
     if (latest.current.state.isOpen) {
       dispatch({
-        type: InputBlur,
-        selectItem: false
+        type: InputBlur
       });
     }
-  }, [dispatch, latest]), useMemo(function () {
+  }, [dispatch, latest]);
+  var downshiftRefs = useMemo(function () {
     return [menuRef, toggleButtonRef, inputRef];
-  },
-  // dependencies can be left empty because refs are getting mutated
-  []));
+  }, []);
+  var mouseAndTouchTrackers = useMouseAndTouchTracker(environment, handleBlurInTracker, downshiftRefs);
   var setGetterPropCallInfo = useGetterPropsCalledChecker('getInputProps', 'getMenuProps');
   // Reset itemRefs on close.
   useEffect(function () {

package/dist/downshift.native.cjs.js

@@ -1717,17 +1717,22 @@ function getHighlightedIndexOnOpen(props, state, offset) {
  * @param {Array<{current: HTMLElement}>} downshiftElementsRefs The refs for the elements that should not trigger a blur action from mouseDown or touchEnd.
  * @returns {{isMouseDown: boolean, isTouchMove: boolean, isTouchEnd: boolean}} The mouse and touch events information, if any of are happening.
  */
-function useMouseAndTouchTracker(environment, handleBlur, downshiftElementsRefs) {
+function useMouseAndTouchTracker(environment, handleBlur, downshiftRefs) {
   var mouseAndTouchTrackersRef = React.useRef({
     isMouseDown: false,
     isTouchMove: false,
     isTouchEnd: false
   });
+  var getDownshiftElements = React.useCallback(function () {
+    return downshiftRefs.map(function (ref) {
+      return ref.current;
+    });
+  }, [downshiftRefs]);
   React.useEffect(function () {
     {
       return noop;
     }
-  }, [downshiftElementsRefs, environment, handleBlur]);
+  }, [environment, getDownshiftElements, handleBlur]);
   return mouseAndTouchTrackersRef.current;
 }
 
@@ -2313,17 +2318,17 @@ function useSelect(userProps) {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  var mouseAndTouchTrackers = useMouseAndTouchTracker(environment, React.useCallback(function handleBlur() {
+  var handleBlurInTracker = React.useCallback(function handleBlur() {
     if (latest.current.state.isOpen) {
       dispatch({
         type: ToggleButtonBlur
       });
     }
-  }, [dispatch, latest]), React.useMemo(function () {
+  }, [dispatch, latest]);
+  var downshiftRefs = React.useMemo(function () {
     return [menuRef, toggleButtonRef];
-  },
-  // dependencies can be left empty because refs are getting mutated
-  []));
+  }, []);
+  var mouseAndTouchTrackers = useMouseAndTouchTracker(environment, handleBlurInTracker, downshiftRefs);
   var setGetterPropCallInfo = useGetterPropsCalledChecker('getMenuProps', 'getToggleButtonProps');
   // Reset itemRefs on close.
   React.useEffect(function () {
@@ -2924,18 +2929,17 @@ function useCombobox(userProps) {
       previousResultCountRef.current = items.length;
     }
   });
-  var mouseAndTouchTrackers = useMouseAndTouchTracker(environment, React.useCallback(function handleBlur() {
+  var handleBlurInTracker = React.useCallback(function handleBlur() {
     if (latest.current.state.isOpen) {
       dispatch({
-        type: InputBlur,
-        selectItem: false
+        type: InputBlur
       });
     }
-  }, [dispatch, latest]), React.useMemo(function () {
+  }, [dispatch, latest]);
+  var downshiftRefs = React.useMemo(function () {
     return [menuRef, toggleButtonRef, inputRef];
-  },
-  // dependencies can be left empty because refs are getting mutated
-  []));
+  }, []);
+  var mouseAndTouchTrackers = useMouseAndTouchTracker(environment, handleBlurInTracker, downshiftRefs);
   var setGetterPropCallInfo = useGetterPropsCalledChecker('getInputProps', 'getMenuProps');
   // Reset itemRefs on close.
   React.useEffect(function () {

package/dist/downshift.nativeweb.cjs.js

@@ -1825,19 +1825,17 @@ function getHighlightedIndexOnOpen(props, state, offset) {
  * @param {Array<{current: HTMLElement}>} downshiftElementsRefs The refs for the elements that should not trigger a blur action from mouseDown or touchEnd.
  * @returns {{isMouseDown: boolean, isTouchMove: boolean, isTouchEnd: boolean}} The mouse and touch events information, if any of are happening.
  */
-function useMouseAndTouchTracker(environment, handleBlur, downshiftElementsRefs) {
+function useMouseAndTouchTracker(environment, handleBlur, downshiftRefs) {
   var mouseAndTouchTrackersRef = React.useRef({
     isMouseDown: false,
     isTouchMove: false,
     isTouchEnd: false
   });
-
-  // the elements should be retrieved the moment they are required because these are refs - they can be mutated
-  function getDownshiftElements() {
-    return downshiftElementsRefs.map(function (ref) {
+  var getDownshiftElements = React.useCallback(function () {
+    return downshiftRefs.map(function (ref) {
       return ref.current;
     });
-  }
+  }, [downshiftRefs]);
   React.useEffect(function () {
     if (!environment) {
       return noop;
@@ -1877,7 +1875,7 @@ function useMouseAndTouchTracker(environment, handleBlur, downshiftElementsRefs)
       environment.removeEventListener('touchmove', onTouchMove);
       environment.removeEventListener('touchend', onTouchEnd);
     };
-  }, [downshiftElementsRefs, environment, handleBlur]);
+  }, [environment, getDownshiftElements, handleBlur]);
   return mouseAndTouchTrackersRef.current;
 }
 
@@ -2465,17 +2463,17 @@ function useSelect(userProps) {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  var mouseAndTouchTrackers = useMouseAndTouchTracker(environment, React.useCallback(function handleBlur() {
+  var handleBlurInTracker = React.useCallback(function handleBlur() {
     if (latest.current.state.isOpen) {
       dispatch({
         type: ToggleButtonBlur
       });
     }
-  }, [dispatch, latest]), React.useMemo(function () {
+  }, [dispatch, latest]);
+  var downshiftRefs = React.useMemo(function () {
     return [menuRef, toggleButtonRef];
-  },
-  // dependencies can be left empty because refs are getting mutated
-  []));
+  }, []);
+  var mouseAndTouchTrackers = useMouseAndTouchTracker(environment, handleBlurInTracker, downshiftRefs);
   var setGetterPropCallInfo = useGetterPropsCalledChecker('getMenuProps', 'getToggleButtonProps');
   // Reset itemRefs on close.
   React.useEffect(function () {
@@ -3076,18 +3074,17 @@ function useCombobox(userProps) {
       previousResultCountRef.current = items.length;
     }
   });
-  var mouseAndTouchTrackers = useMouseAndTouchTracker(environment, React.useCallback(function handleBlur() {
+  var handleBlurInTracker = React.useCallback(function handleBlur() {
     if (latest.current.state.isOpen) {
       dispatch({
-        type: InputBlur,
-        selectItem: false
+        type: InputBlur
       });
     }
-  }, [dispatch, latest]), React.useMemo(function () {
+  }, [dispatch, latest]);
+  var downshiftRefs = React.useMemo(function () {
     return [menuRef, toggleButtonRef, inputRef];
-  },
-  // dependencies can be left empty because refs are getting mutated
-  []));
+  }, []);
+  var mouseAndTouchTrackers = useMouseAndTouchTracker(environment, handleBlurInTracker, downshiftRefs);
   var setGetterPropCallInfo = useGetterPropsCalledChecker('getInputProps', 'getMenuProps');
   // Reset itemRefs on close.
   React.useEffect(function () {

package/dist/downshift.umd.js

@@ -3167,19 +3167,17 @@
    * @param {Array<{current: HTMLElement}>} downshiftElementsRefs The refs for the elements that should not trigger a blur action from mouseDown or touchEnd.
    * @returns {{isMouseDown: boolean, isTouchMove: boolean, isTouchEnd: boolean}} The mouse and touch events information, if any of are happening.
    */
-  function useMouseAndTouchTracker(environment, handleBlur, downshiftElementsRefs) {
+  function useMouseAndTouchTracker(environment, handleBlur, downshiftRefs) {
     var mouseAndTouchTrackersRef = React.useRef({
       isMouseDown: false,
       isTouchMove: false,
       isTouchEnd: false
     });
-
-    // the elements should be retrieved the moment they are required because these are refs - they can be mutated
-    function getDownshiftElements() {
-      return downshiftElementsRefs.map(function (ref) {
+    var getDownshiftElements = React.useCallback(function () {
+      return downshiftRefs.map(function (ref) {
         return ref.current;
       });
-    }
+    }, [downshiftRefs]);
     React.useEffect(function () {
       if (!environment) {
         return noop;
@@ -3219,7 +3217,7 @@
         environment.removeEventListener('touchmove', onTouchMove);
         environment.removeEventListener('touchend', onTouchEnd);
       };
-    }, [downshiftElementsRefs, environment, handleBlur]);
+    }, [environment, getDownshiftElements, handleBlur]);
     return mouseAndTouchTrackersRef.current;
   }
 
@@ -3840,17 +3838,17 @@
       }
       // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    var mouseAndTouchTrackers = useMouseAndTouchTracker(environment, React.useCallback(function handleBlur() {
+    var handleBlurInTracker = React.useCallback(function handleBlur() {
       if (latest.current.state.isOpen) {
         dispatch({
           type: ToggleButtonBlur
         });
       }
-    }, [dispatch, latest]), React.useMemo(function () {
+    }, [dispatch, latest]);
+    var downshiftRefs = React.useMemo(function () {
       return [menuRef, toggleButtonRef];
-    },
-    // dependencies can be left empty because refs are getting mutated
-    []));
+    }, []);
+    var mouseAndTouchTrackers = useMouseAndTouchTracker(environment, handleBlurInTracker, downshiftRefs);
     var setGetterPropCallInfo = useGetterPropsCalledChecker('getMenuProps', 'getToggleButtonProps');
     // Reset itemRefs on close.
     React.useEffect(function () {
@@ -4463,18 +4461,17 @@
         previousResultCountRef.current = items.length;
       }
     });
-    var mouseAndTouchTrackers = useMouseAndTouchTracker(environment, React.useCallback(function handleBlur() {
+    var handleBlurInTracker = React.useCallback(function handleBlur() {
       if (latest.current.state.isOpen) {
         dispatch({
-          type: InputBlur,
-          selectItem: false
+          type: InputBlur
         });
       }
-    }, [dispatch, latest]), React.useMemo(function () {
+    }, [dispatch, latest]);
+    var downshiftRefs = React.useMemo(function () {
       return [menuRef, toggleButtonRef, inputRef];
-    },
-    // dependencies can be left empty because refs are getting mutated
-    []));
+    }, []);
+    var mouseAndTouchTrackers = useMouseAndTouchTracker(environment, handleBlurInTracker, downshiftRefs);
     var setGetterPropCallInfo = useGetterPropsCalledChecker('getInputProps', 'getMenuProps');
     // Reset itemRefs on close.
     React.useEffect(function () {