downshift 9.0.7-alpha.1 → 9.0.7-alpha.2

package/dist/downshift.cjs.js

@@ -1834,10 +1834,10 @@ function getHighlightedIndexOnOpen(props, state, offset) {
  *
  * @param {Window} environment The environment to add the event listeners to, for instance window.
  * @param {() => void} handleBlur The function that is called if mouseDown or touchEnd occured outside the downshiftElements.
- * @param {Array<{current: HTMLElement}>} downshiftElementRefs The refs for the element that should not trigger a blur action from mouseDown or touchEnd.
+ * @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, downshiftElementRefs) {
+function useMouseAndTouchTracker(environment, handleBlur, downshiftElementsRefs) {
   var mouseAndTouchTrackersRef = React.useRef({
     isMouseDown: false,
     isTouchMove: false,
@@ -1847,7 +1847,7 @@ function useMouseAndTouchTracker(environment, handleBlur, downshiftElementRefs)
     if (!environment) {
       return noop;
     }
-    var downshiftElements = downshiftElementRefs.map(function (ref) {
+    var downshiftElements = downshiftElementsRefs.map(function (ref) {
       return ref.current;
     });
     function onMouseDown() {
@@ -1878,16 +1878,14 @@ function useMouseAndTouchTracker(environment, handleBlur, downshiftElementRefs)
     environment.addEventListener('touchstart', onTouchStart);
     environment.addEventListener('touchmove', onTouchMove);
     environment.addEventListener('touchend', onTouchEnd);
-    console.log('adds events', downshiftElementRefs);
     return function cleanup() {
       environment.removeEventListener('mousedown', onMouseDown);
       environment.removeEventListener('mouseup', onMouseUp);
       environment.removeEventListener('touchstart', onTouchStart);
       environment.removeEventListener('touchmove', onTouchMove);
       environment.removeEventListener('touchend', onTouchEnd);
-      console.log('cleans up events', downshiftElementRefs);
     };
-  }, [environment, handleBlur, downshiftElementRefs]);
+  }, [downshiftElementsRefs, environment, handleBlur]);
   return mouseAndTouchTrackersRef.current;
 }
 
@@ -2414,6 +2412,7 @@ function useSelect(userProps) {
   var toggleButtonRef = React.useRef(null);
   var menuRef = React.useRef(null);
   var itemRefs = React.useRef({});
+
   // used to keep the inputValue clearTimeout object between renders.
   var clearTimeoutRef = React.useRef(null);
   // prevent id re-generation between renders.
@@ -2482,7 +2481,7 @@ function useSelect(userProps) {
       });
     }
   }, [dispatch, latest]), React.useMemo(function () {
-    return [toggleButtonRef, menuRef];
+    return [menuRef, toggleButtonRef];
   }, []));
   var setGetterPropCallInfo = useGetterPropsCalledChecker('getMenuProps', 'getToggleButtonProps');
   // Reset itemRefs on close.
@@ -3104,7 +3103,7 @@ function useCombobox(userProps) {
       });
     }
   }, [dispatch, latest]), React.useMemo(function () {
-    return [toggleButtonRef, menuRef, inputRef];
+    return [menuRef, toggleButtonRef, inputRef];
   }, []));
   var setGetterPropCallInfo = useGetterPropsCalledChecker('getInputProps', 'getMenuProps');
   // Reset itemRefs on close.

package/dist/downshift.esm.js

@@ -1821,10 +1821,10 @@ function getHighlightedIndexOnOpen(props, state, offset) {
  *
  * @param {Window} environment The environment to add the event listeners to, for instance window.
  * @param {() => void} handleBlur The function that is called if mouseDown or touchEnd occured outside the downshiftElements.
- * @param {Array<{current: HTMLElement}>} downshiftElementRefs The refs for the element that should not trigger a blur action from mouseDown or touchEnd.
+ * @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, downshiftElementRefs) {
+function useMouseAndTouchTracker(environment, handleBlur, downshiftElementsRefs) {
   var mouseAndTouchTrackersRef = useRef({
     isMouseDown: false,
     isTouchMove: false,
@@ -1834,7 +1834,7 @@ function useMouseAndTouchTracker(environment, handleBlur, downshiftElementRefs)
     if (!environment) {
       return noop;
     }
-    var downshiftElements = downshiftElementRefs.map(function (ref) {
+    var downshiftElements = downshiftElementsRefs.map(function (ref) {
       return ref.current;
     });
     function onMouseDown() {
@@ -1865,16 +1865,14 @@ function useMouseAndTouchTracker(environment, handleBlur, downshiftElementRefs)
     environment.addEventListener('touchstart', onTouchStart);
     environment.addEventListener('touchmove', onTouchMove);
     environment.addEventListener('touchend', onTouchEnd);
-    console.log('adds events', downshiftElementRefs);
     return function cleanup() {
       environment.removeEventListener('mousedown', onMouseDown);
       environment.removeEventListener('mouseup', onMouseUp);
       environment.removeEventListener('touchstart', onTouchStart);
       environment.removeEventListener('touchmove', onTouchMove);
       environment.removeEventListener('touchend', onTouchEnd);
-      console.log('cleans up events', downshiftElementRefs);
     };
-  }, [environment, handleBlur, downshiftElementRefs]);
+  }, [downshiftElementsRefs, environment, handleBlur]);
   return mouseAndTouchTrackersRef.current;
 }
 
@@ -2401,6 +2399,7 @@ function useSelect(userProps) {
   var toggleButtonRef = useRef(null);
   var menuRef = useRef(null);
   var itemRefs = useRef({});
+
   // used to keep the inputValue clearTimeout object between renders.
   var clearTimeoutRef = useRef(null);
   // prevent id re-generation between renders.
@@ -2469,7 +2468,7 @@ function useSelect(userProps) {
       });
     }
   }, [dispatch, latest]), useMemo(function () {
-    return [toggleButtonRef, menuRef];
+    return [menuRef, toggleButtonRef];
   }, []));
   var setGetterPropCallInfo = useGetterPropsCalledChecker('getMenuProps', 'getToggleButtonProps');
   // Reset itemRefs on close.
@@ -3091,7 +3090,7 @@ function useCombobox(userProps) {
       });
     }
   }, [dispatch, latest]), useMemo(function () {
-    return [toggleButtonRef, menuRef, inputRef];
+    return [menuRef, toggleButtonRef, inputRef];
   }, []));
   var setGetterPropCallInfo = useGetterPropsCalledChecker('getInputProps', 'getMenuProps');
   // Reset itemRefs on close.

package/dist/downshift.native.cjs.js

@@ -1730,10 +1730,10 @@ function getHighlightedIndexOnOpen(props, state, offset) {
  *
  * @param {Window} environment The environment to add the event listeners to, for instance window.
  * @param {() => void} handleBlur The function that is called if mouseDown or touchEnd occured outside the downshiftElements.
- * @param {Array<{current: HTMLElement}>} downshiftElementRefs The refs for the element that should not trigger a blur action from mouseDown or touchEnd.
+ * @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, downshiftElementRefs) {
+function useMouseAndTouchTracker(environment, handleBlur, downshiftElementsRefs) {
   var mouseAndTouchTrackersRef = React.useRef({
     isMouseDown: false,
     isTouchMove: false,
@@ -1743,7 +1743,7 @@ function useMouseAndTouchTracker(environment, handleBlur, downshiftElementRefs)
     {
       return noop;
     }
-  }, [environment, handleBlur, downshiftElementRefs]);
+  }, [downshiftElementsRefs, environment, handleBlur]);
   return mouseAndTouchTrackersRef.current;
 }
 
@@ -2270,6 +2270,7 @@ function useSelect(userProps) {
   var toggleButtonRef = React.useRef(null);
   var menuRef = React.useRef(null);
   var itemRefs = React.useRef({});
+
   // used to keep the inputValue clearTimeout object between renders.
   var clearTimeoutRef = React.useRef(null);
   // prevent id re-generation between renders.
@@ -2338,7 +2339,7 @@ function useSelect(userProps) {
       });
     }
   }, [dispatch, latest]), React.useMemo(function () {
-    return [toggleButtonRef, menuRef];
+    return [menuRef, toggleButtonRef];
   }, []));
   var setGetterPropCallInfo = useGetterPropsCalledChecker('getMenuProps', 'getToggleButtonProps');
   // Reset itemRefs on close.
@@ -2948,7 +2949,7 @@ function useCombobox(userProps) {
       });
     }
   }, [dispatch, latest]), React.useMemo(function () {
-    return [toggleButtonRef, menuRef, inputRef];
+    return [menuRef, toggleButtonRef, inputRef];
   }, []));
   var setGetterPropCallInfo = useGetterPropsCalledChecker('getInputProps', 'getMenuProps');
   // Reset itemRefs on close.

package/dist/downshift.nativeweb.cjs.js

@@ -1829,10 +1829,10 @@ function getHighlightedIndexOnOpen(props, state, offset) {
  *
  * @param {Window} environment The environment to add the event listeners to, for instance window.
  * @param {() => void} handleBlur The function that is called if mouseDown or touchEnd occured outside the downshiftElements.
- * @param {Array<{current: HTMLElement}>} downshiftElementRefs The refs for the element that should not trigger a blur action from mouseDown or touchEnd.
+ * @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, downshiftElementRefs) {
+function useMouseAndTouchTracker(environment, handleBlur, downshiftElementsRefs) {
   var mouseAndTouchTrackersRef = React.useRef({
     isMouseDown: false,
     isTouchMove: false,
@@ -1842,7 +1842,7 @@ function useMouseAndTouchTracker(environment, handleBlur, downshiftElementRefs)
     if (!environment) {
       return noop;
     }
-    var downshiftElements = downshiftElementRefs.map(function (ref) {
+    var downshiftElements = downshiftElementsRefs.map(function (ref) {
       return ref.current;
     });
     function onMouseDown() {
@@ -1873,16 +1873,14 @@ function useMouseAndTouchTracker(environment, handleBlur, downshiftElementRefs)
     environment.addEventListener('touchstart', onTouchStart);
     environment.addEventListener('touchmove', onTouchMove);
     environment.addEventListener('touchend', onTouchEnd);
-    console.log('adds events', downshiftElementRefs);
     return function cleanup() {
       environment.removeEventListener('mousedown', onMouseDown);
       environment.removeEventListener('mouseup', onMouseUp);
       environment.removeEventListener('touchstart', onTouchStart);
       environment.removeEventListener('touchmove', onTouchMove);
       environment.removeEventListener('touchend', onTouchEnd);
-      console.log('cleans up events', downshiftElementRefs);
     };
-  }, [environment, handleBlur, downshiftElementRefs]);
+  }, [downshiftElementsRefs, environment, handleBlur]);
   return mouseAndTouchTrackersRef.current;
 }
 
@@ -2409,6 +2407,7 @@ function useSelect(userProps) {
   var toggleButtonRef = React.useRef(null);
   var menuRef = React.useRef(null);
   var itemRefs = React.useRef({});
+
   // used to keep the inputValue clearTimeout object between renders.
   var clearTimeoutRef = React.useRef(null);
   // prevent id re-generation between renders.
@@ -2477,7 +2476,7 @@ function useSelect(userProps) {
       });
     }
   }, [dispatch, latest]), React.useMemo(function () {
-    return [toggleButtonRef, menuRef];
+    return [menuRef, toggleButtonRef];
   }, []));
   var setGetterPropCallInfo = useGetterPropsCalledChecker('getMenuProps', 'getToggleButtonProps');
   // Reset itemRefs on close.
@@ -3087,7 +3086,7 @@ function useCombobox(userProps) {
       });
     }
   }, [dispatch, latest]), React.useMemo(function () {
-    return [toggleButtonRef, menuRef, inputRef];
+    return [menuRef, toggleButtonRef, inputRef];
   }, []));
   var setGetterPropCallInfo = useGetterPropsCalledChecker('getInputProps', 'getMenuProps');
   // Reset itemRefs on close.

package/dist/downshift.umd.js

@@ -3187,10 +3187,10 @@
    *
    * @param {Window} environment The environment to add the event listeners to, for instance window.
    * @param {() => void} handleBlur The function that is called if mouseDown or touchEnd occured outside the downshiftElements.
-   * @param {Array<{current: HTMLElement}>} downshiftElementRefs The refs for the element that should not trigger a blur action from mouseDown or touchEnd.
+   * @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, downshiftElementRefs) {
+  function useMouseAndTouchTracker(environment, handleBlur, downshiftElementsRefs) {
     var mouseAndTouchTrackersRef = React.useRef({
       isMouseDown: false,
       isTouchMove: false,
@@ -3200,7 +3200,7 @@
       if (!environment) {
         return noop;
       }
-      var downshiftElements = downshiftElementRefs.map(function (ref) {
+      var downshiftElements = downshiftElementsRefs.map(function (ref) {
         return ref.current;
       });
       function onMouseDown() {
@@ -3231,16 +3231,14 @@
       environment.addEventListener('touchstart', onTouchStart);
       environment.addEventListener('touchmove', onTouchMove);
       environment.addEventListener('touchend', onTouchEnd);
-      console.log('adds events', downshiftElementRefs);
       return function cleanup() {
         environment.removeEventListener('mousedown', onMouseDown);
         environment.removeEventListener('mouseup', onMouseUp);
         environment.removeEventListener('touchstart', onTouchStart);
         environment.removeEventListener('touchmove', onTouchMove);
         environment.removeEventListener('touchend', onTouchEnd);
-        console.log('cleans up events', downshiftElementRefs);
       };
-    }, [environment, handleBlur, downshiftElementRefs]);
+    }, [downshiftElementsRefs, environment, handleBlur]);
     return mouseAndTouchTrackersRef.current;
   }
 
@@ -3798,6 +3796,7 @@
     var toggleButtonRef = React.useRef(null);
     var menuRef = React.useRef(null);
     var itemRefs = React.useRef({});
+
     // used to keep the inputValue clearTimeout object between renders.
     var clearTimeoutRef = React.useRef(null);
     // prevent id re-generation between renders.
@@ -3866,7 +3865,7 @@
         });
       }
     }, [dispatch, latest]), React.useMemo(function () {
-      return [toggleButtonRef, menuRef];
+      return [menuRef, toggleButtonRef];
     }, []));
     var setGetterPropCallInfo = useGetterPropsCalledChecker('getMenuProps', 'getToggleButtonProps');
     // Reset itemRefs on close.
@@ -4488,7 +4487,7 @@
         });
       }
     }, [dispatch, latest]), React.useMemo(function () {
-      return [toggleButtonRef, menuRef, inputRef];
+      return [menuRef, toggleButtonRef, inputRef];
     }, []));
     var setGetterPropCallInfo = useGetterPropsCalledChecker('getInputProps', 'getMenuProps');
     // Reset itemRefs on close.