downshift 8.0.2 → 8.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "downshift",
-  "version": "8.0.2",
+  "version": "8.1.0",
   "description": "🏎 A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.",
   "main": "dist/downshift.cjs.js",
   "react-native": "dist/downshift.native.cjs.js",

package/preact/dist/downshift.cjs.js

@@ -2380,6 +2380,14 @@ function useSelect(userProps) {
     }
     previousResultCountRef.current = items.length;
   });
+  // Focus the toggle button on first render if required.
+  React.useEffect(function () {
+    var focusOnOpen = getInitialValue$1(props, 'isOpen');
+    if (focusOnOpen && toggleButtonRef.current) {
+      toggleButtonRef.current.focus();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
   // Add mouse/touch events to document.
   var mouseAndTouchTrackersRef = useMouseAndTouchTracker(isOpen, [menuRef, toggleButtonRef], environment, function () {
     dispatch({

package/preact/dist/downshift.esm.js

@@ -2366,6 +2366,14 @@ function useSelect(userProps) {
     }
     previousResultCountRef.current = items.length;
   });
+  // Focus the toggle button on first render if required.
+  useEffect(function () {
+    var focusOnOpen = getInitialValue$1(props, 'isOpen');
+    if (focusOnOpen && toggleButtonRef.current) {
+      toggleButtonRef.current.focus();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
   // Add mouse/touch events to document.
   var mouseAndTouchTrackersRef = useMouseAndTouchTracker(isOpen, [menuRef, toggleButtonRef], environment, function () {
     dispatch({

package/preact/dist/downshift.umd.js

@@ -2681,6 +2681,14 @@
       }
       previousResultCountRef.current = items.length;
     });
+    // Focus the toggle button on first render if required.
+    React.useEffect(function () {
+      var focusOnOpen = getInitialValue$1(props, 'isOpen');
+      if (focusOnOpen && toggleButtonRef.current) {
+        toggleButtonRef.current.focus();
+      }
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
     // Add mouse/touch events to document.
     var mouseAndTouchTrackersRef = useMouseAndTouchTracker(isOpen, [menuRef, toggleButtonRef], environment, function () {
       dispatch({