downshift 8.0.2 → 8.1.1

package/dist/downshift.cjs.js

@@ -2419,6 +2419,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({
@@ -3074,7 +3082,7 @@ function useCombobox(userProps) {
       itemRefs.current = {};
     } else if (((_environment$document = environment.document) == null ? void 0 : _environment$document.activeElement) !== inputRef.current) {
       var _inputRef$current;
-      inputRef == null || (_inputRef$current = inputRef.current) == null ? void 0 : _inputRef$current.focus();
+      inputRef == null || (_inputRef$current = inputRef.current) == null || _inputRef$current.focus();
     }
   }, [isOpen, environment]);
 

package/dist/downshift.esm.js

@@ -2405,6 +2405,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({
@@ -3060,7 +3068,7 @@ function useCombobox(userProps) {
       itemRefs.current = {};
     } else if (((_environment$document = environment.document) == null ? void 0 : _environment$document.activeElement) !== inputRef.current) {
       var _inputRef$current;
-      inputRef == null || (_inputRef$current = inputRef.current) == null ? void 0 : _inputRef$current.focus();
+      inputRef == null || (_inputRef$current = inputRef.current) == null || _inputRef$current.focus();
     }
   }, [isOpen, environment]);
 

package/dist/downshift.native.cjs.js

@@ -2354,6 +2354,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({
@@ -2997,7 +3005,7 @@ function useCombobox(userProps) {
       itemRefs.current = {};
     } else if (((_environment$document = environment.document) == null ? void 0 : _environment$document.activeElement) !== inputRef.current) {
       var _inputRef$current;
-      inputRef == null || (_inputRef$current = inputRef.current) == null ? void 0 : _inputRef$current.focus();
+      inputRef == null || (_inputRef$current = inputRef.current) == null || _inputRef$current.focus();
     }
   }, [isOpen, environment]);
 

package/dist/downshift.nativeweb.cjs.js

@@ -2414,6 +2414,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({
@@ -3057,7 +3065,7 @@ function useCombobox(userProps) {
       itemRefs.current = {};
     } else if (((_environment$document = environment.document) == null ? void 0 : _environment$document.activeElement) !== inputRef.current) {
       var _inputRef$current;
-      inputRef == null || (_inputRef$current = inputRef.current) == null ? void 0 : _inputRef$current.focus();
+      inputRef == null || (_inputRef$current = inputRef.current) == null || _inputRef$current.focus();
     }
   }, [isOpen, environment]);
 

package/dist/downshift.umd.js

@@ -3739,6 +3739,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({
@@ -4394,7 +4402,7 @@
         itemRefs.current = {};
       } else if (((_environment$document = environment.document) == null ? void 0 : _environment$document.activeElement) !== inputRef.current) {
         var _inputRef$current;
-        inputRef == null || (_inputRef$current = inputRef.current) == null ? void 0 : _inputRef$current.focus();
+        inputRef == null || (_inputRef$current = inputRef.current) == null || _inputRef$current.focus();
       }
     }, [isOpen, environment]);