downshift 6.0.16 → 6.1.2

package/dist/downshift.native.cjs.js

@@ -175,7 +175,7 @@ function resetIdCounter() {
  */
 
 
-function getA11yStatusMessage(_ref2) {
+function getA11yStatusMessage$1(_ref2) {
   var isOpen = _ref2.isOpen,
       resultCount = _ref2.resultCount,
       previousResultCount = _ref2.previousResultCount;
@@ -525,7 +525,7 @@ var blurButton = process.env.NODE_ENV !== "production" ? '__autocomplete_blur_bu
 var controlledPropUpdatedSelectedItem = process.env.NODE_ENV !== "production" ? '__autocomplete_controlled_prop_updated_selected_item__' : 15;
 var touchEnd = process.env.NODE_ENV !== "production" ? '__autocomplete_touchend__' : 16;
 
-var stateChangeTypes = /*#__PURE__*/Object.freeze({
+var stateChangeTypes$3 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   unknown: unknown,
   mouseUp: mouseUp,
@@ -867,12 +867,16 @@ var Downshift = /*#__PURE__*/function () {
         Home: function Home(event) {
           var _this4 = this;
 
-          event.preventDefault();
-          var itemCount = this.getItemCount();
-
           var _this$getState3 = this.getState(),
               isOpen = _this$getState3.isOpen;
 
+          if (!isOpen) {
+            return;
+          }
+
+          event.preventDefault();
+          var itemCount = this.getItemCount();
+
           if (itemCount <= 0 || !isOpen) {
             return;
           } // get next non-disabled starting downwards from 0 if that's disabled.
@@ -888,12 +892,16 @@ var Downshift = /*#__PURE__*/function () {
         End: function End(event) {
           var _this5 = this;
 
-          event.preventDefault();
-          var itemCount = this.getItemCount();
-
           var _this$getState4 = this.getState(),
               isOpen = _this$getState4.isOpen;
 
+          if (!isOpen) {
+            return;
+          }
+
+          event.preventDefault();
+          var itemCount = this.getItemCount();
+
           if (itemCount <= 0 || !isOpen) {
             return;
           } // get next non-disabled starting upwards from last index if that's disabled.
@@ -909,19 +917,18 @@ var Downshift = /*#__PURE__*/function () {
       });
 
       _this.getToggleButtonProps = function (_temp3) {
-        var _ref3 = _temp3 === void 0 ? {} : _temp3,
-            onClick = _ref3.onClick,
-            onPress = _ref3.onPress,
-            onKeyDown = _ref3.onKeyDown,
-            onKeyUp = _ref3.onKeyUp,
-            onBlur = _ref3.onBlur,
-            rest = _objectWithoutPropertiesLoose__default['default'](_ref3, ["onClick", "onPress", "onKeyDown", "onKeyUp", "onBlur"]);
+        var _ref3 = _temp3 === void 0 ? {} : _temp3;
+            _ref3.onClick;
+            var onPress = _ref3.onPress;
+            _ref3.onKeyDown;
+            _ref3.onKeyUp;
+            _ref3.onBlur;
+            var rest = _objectWithoutPropertiesLoose__default['default'](_ref3, ["onClick", "onPress", "onKeyDown", "onKeyUp", "onBlur"]);
 
         var _this$getState5 = _this.getState(),
             isOpen = _this$getState5.isOpen;
 
-        var enabledEventHandlers = 
-        /* istanbul ignore next (react-native) */
+        var enabledEventHandlers = /* istanbul ignore next (react-native) */
         {
           onPress: callAllEventHandlers(onPress, _this.buttonHandleClick)
         } ;
@@ -1058,8 +1065,7 @@ var Downshift = /*#__PURE__*/function () {
         _this.internalSetState({
           type: changeInput,
           isOpen: true,
-          inputValue: 
-          /* istanbul ignore next (react-native) */
+          inputValue: /* istanbul ignore next (react-native) */
           event.nativeEvent.text ,
           highlightedIndex: _this.props.defaultHighlightedIndex
         });
@@ -1106,9 +1112,9 @@ var Downshift = /*#__PURE__*/function () {
 
         var _ref7 = _temp7 === void 0 ? {} : _temp7,
             onMouseMove = _ref7.onMouseMove,
-            onMouseDown = _ref7.onMouseDown,
-            onClick = _ref7.onClick,
-            onPress = _ref7.onPress,
+            onMouseDown = _ref7.onMouseDown;
+            _ref7.onClick;
+            var onPress = _ref7.onPress,
             index = _ref7.index,
             _ref7$item = _ref7.item,
             item = _ref7$item === void 0 ? process.env.NODE_ENV === 'production' ?
@@ -1124,11 +1130,9 @@ var Downshift = /*#__PURE__*/function () {
           _this.items[index] = item;
         }
 
-        var onSelectKey = 
-        /* istanbul ignore next (react-native) */
+        var onSelectKey = /* istanbul ignore next (react-native) */
         'onPress' ;
-        var customClickHandler = 
-        /* istanbul ignore next (react-native) */
+        var customClickHandler = /* istanbul ignore next (react-native) */
         onPress ;
         var enabledEventHandlers = (_enabledEventHandlers = {
           // onMouseMove is used over onMouseEnter here. onMouseMove
@@ -1523,7 +1527,7 @@ var Downshift = /*#__PURE__*/function () {
   Downshift.defaultProps = {
     defaultHighlightedIndex: null,
     defaultIsOpen: false,
-    getA11yStatusMessage: getA11yStatusMessage,
+    getA11yStatusMessage: getA11yStatusMessage$1,
     itemToString: function itemToString(i) {
       if (i == null) {
         return '';
@@ -1554,7 +1558,7 @@ var Downshift = /*#__PURE__*/function () {
     suppressRefError: false,
     scrollIntoView: scrollIntoView
   };
-  Downshift.stateChangeTypes = stateChangeTypes;
+  Downshift.stateChangeTypes = stateChangeTypes$3;
   return Downshift;
 }();
 
@@ -1816,7 +1820,7 @@ function useEnhancedReducer(reducer, initialState, props) {
  */
 
 
-function useControlledReducer(reducer, initialState, props) {
+function useControlledReducer$1(reducer, initialState, props) {
   var _useEnhancedReducer = useEnhancedReducer(reducer, initialState, props),
       state = _useEnhancedReducer[0],
       dispatch = _useEnhancedReducer[1];
@@ -1824,7 +1828,7 @@ function useControlledReducer(reducer, initialState, props) {
   return [getState(state, props), dispatch];
 }
 
-var defaultProps = {
+var defaultProps$3 = {
   itemToString: itemToString,
   stateReducer: stateReducer,
   getA11ySelectionMessage: getA11ySelectionMessage,
@@ -1835,7 +1839,7 @@ var defaultProps = {
   ? {} : window
 };
 
-function getDefaultValue(props, propKey, defaultStateValues) {
+function getDefaultValue$1(props, propKey, defaultStateValues) {
   if (defaultStateValues === void 0) {
     defaultStateValues = dropdownDefaultStateValues;
   }
@@ -1849,7 +1853,7 @@ function getDefaultValue(props, propKey, defaultStateValues) {
   return defaultStateValues[propKey];
 }
 
-function getInitialValue(props, propKey, defaultStateValues) {
+function getInitialValue$1(props, propKey, defaultStateValues) {
   if (defaultStateValues === void 0) {
     defaultStateValues = dropdownDefaultStateValues;
   }
@@ -1864,14 +1868,14 @@ function getInitialValue(props, propKey, defaultStateValues) {
     return props[initialPropKey];
   }
 
-  return getDefaultValue(props, propKey, defaultStateValues);
+  return getDefaultValue$1(props, propKey, defaultStateValues);
 }
 
-function getInitialState(props) {
-  var selectedItem = getInitialValue(props, 'selectedItem');
-  var isOpen = getInitialValue(props, 'isOpen');
-  var highlightedIndex = getInitialValue(props, 'highlightedIndex');
-  var inputValue = getInitialValue(props, 'inputValue');
+function getInitialState$2(props) {
+  var selectedItem = getInitialValue$1(props, 'selectedItem');
+  var isOpen = getInitialValue$1(props, 'isOpen');
+  var highlightedIndex = getInitialValue$1(props, 'highlightedIndex');
+  var inputValue = getInitialValue$1(props, 'inputValue');
   return {
     highlightedIndex: highlightedIndex < 0 && selectedItem && isOpen ? props.items.indexOf(selectedItem) : highlightedIndex,
     isOpen: isOpen,
@@ -2166,10 +2170,10 @@ function downshiftCommonReducer(state, action, stateChangeTypes) {
 
     case stateChangeTypes.FunctionReset:
       changes = {
-        highlightedIndex: getDefaultValue(props, 'highlightedIndex'),
-        isOpen: getDefaultValue(props, 'isOpen'),
-        selectedItem: getDefaultValue(props, 'selectedItem'),
-        inputValue: getDefaultValue(props, 'inputValue')
+        highlightedIndex: getDefaultValue$1(props, 'highlightedIndex'),
+        isOpen: getDefaultValue$1(props, 'isOpen'),
+        selectedItem: getDefaultValue$1(props, 'selectedItem'),
+        inputValue: getDefaultValue$1(props, 'inputValue')
       };
       break;
 
@@ -2199,7 +2203,7 @@ function getItemIndexByCharacterKey(keysSoFar, highlightedIndex, items, itemToSt
   return highlightedIndex;
 }
 
-var propTypes = {
+var propTypes$2 = {
   items: PropTypes__default['default'].array.isRequired,
   itemToString: PropTypes__default['default'].func,
   getA11yStatusMessage: PropTypes__default['default'].func,
@@ -2243,7 +2247,7 @@ var propTypes = {
  * @return {String} the a11y status message
  */
 
-function getA11yStatusMessage$1(_ref) {
+function getA11yStatusMessage(_ref) {
   var isOpen = _ref.isOpen,
       resultCount = _ref.resultCount,
       previousResultCount = _ref.previousResultCount;
@@ -2263,17 +2267,17 @@ function getA11yStatusMessage$1(_ref) {
   return '';
 }
 
-var defaultProps$1 = _extends__default['default']({}, defaultProps, {
-  getA11yStatusMessage: getA11yStatusMessage$1
+var defaultProps$2 = _extends__default['default']({}, defaultProps$3, {
+  getA11yStatusMessage: getA11yStatusMessage
 }); // eslint-disable-next-line import/no-mutable-exports
 
 
-var validatePropTypes = noop;
+var validatePropTypes$2 = noop;
 /* istanbul ignore next */
 
 if (process.env.NODE_ENV !== 'production') {
-  validatePropTypes = function validatePropTypes(options, caller) {
-    PropTypes__default['default'].checkPropTypes(propTypes, options, 'prop', caller.name);
+  validatePropTypes$2 = function validatePropTypes(options, caller) {
+    PropTypes__default['default'].checkPropTypes(propTypes$2, options, 'prop', caller.name);
   };
 }
 
@@ -2286,22 +2290,22 @@ var MenuKeyDownEnter = process.env.NODE_ENV !== "production" ? '__menu_keydown_e
 var MenuKeyDownSpaceButton = process.env.NODE_ENV !== "production" ? '__menu_keydown_space_button__' : 6;
 var MenuKeyDownCharacter = process.env.NODE_ENV !== "production" ? '__menu_keydown_character__' : 7;
 var MenuBlur = process.env.NODE_ENV !== "production" ? '__menu_blur__' : 8;
-var MenuMouseLeave = process.env.NODE_ENV !== "production" ? '__menu_mouse_leave__' : 9;
-var ItemMouseMove = process.env.NODE_ENV !== "production" ? '__item_mouse_move__' : 10;
-var ItemClick = process.env.NODE_ENV !== "production" ? '__item_click__' : 11;
-var ToggleButtonClick = process.env.NODE_ENV !== "production" ? '__togglebutton_click__' : 12;
+var MenuMouseLeave$1 = process.env.NODE_ENV !== "production" ? '__menu_mouse_leave__' : 9;
+var ItemMouseMove$1 = process.env.NODE_ENV !== "production" ? '__item_mouse_move__' : 10;
+var ItemClick$1 = process.env.NODE_ENV !== "production" ? '__item_click__' : 11;
+var ToggleButtonClick$1 = process.env.NODE_ENV !== "production" ? '__togglebutton_click__' : 12;
 var ToggleButtonKeyDownArrowDown = process.env.NODE_ENV !== "production" ? '__togglebutton_keydown_arrow_down__' : 13;
 var ToggleButtonKeyDownArrowUp = process.env.NODE_ENV !== "production" ? '__togglebutton_keydown_arrow_up__' : 14;
 var ToggleButtonKeyDownCharacter = process.env.NODE_ENV !== "production" ? '__togglebutton_keydown_character__' : 15;
-var FunctionToggleMenu = process.env.NODE_ENV !== "production" ? '__function_toggle_menu__' : 16;
-var FunctionOpenMenu = process.env.NODE_ENV !== "production" ? '__function_open_menu__' : 17;
-var FunctionCloseMenu = process.env.NODE_ENV !== "production" ? '__function_close_menu__' : 18;
-var FunctionSetHighlightedIndex = process.env.NODE_ENV !== "production" ? '__function_set_highlighted_index__' : 19;
-var FunctionSelectItem = process.env.NODE_ENV !== "production" ? '__function_select_item__' : 20;
-var FunctionSetInputValue = process.env.NODE_ENV !== "production" ? '__function_set_input_value__' : 21;
-var FunctionReset = process.env.NODE_ENV !== "production" ? '__function_reset__' : 22;
+var FunctionToggleMenu$1 = process.env.NODE_ENV !== "production" ? '__function_toggle_menu__' : 16;
+var FunctionOpenMenu$1 = process.env.NODE_ENV !== "production" ? '__function_open_menu__' : 17;
+var FunctionCloseMenu$1 = process.env.NODE_ENV !== "production" ? '__function_close_menu__' : 18;
+var FunctionSetHighlightedIndex$1 = process.env.NODE_ENV !== "production" ? '__function_set_highlighted_index__' : 19;
+var FunctionSelectItem$1 = process.env.NODE_ENV !== "production" ? '__function_select_item__' : 20;
+var FunctionSetInputValue$1 = process.env.NODE_ENV !== "production" ? '__function_set_input_value__' : 21;
+var FunctionReset$2 = process.env.NODE_ENV !== "production" ? '__function_reset__' : 22;
 
-var stateChangeTypes$1 = /*#__PURE__*/Object.freeze({
+var stateChangeTypes$2 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   MenuKeyDownArrowDown: MenuKeyDownArrowDown,
   MenuKeyDownArrowUp: MenuKeyDownArrowUp,
@@ -2312,20 +2316,20 @@ var stateChangeTypes$1 = /*#__PURE__*/Object.freeze({
   MenuKeyDownSpaceButton: MenuKeyDownSpaceButton,
   MenuKeyDownCharacter: MenuKeyDownCharacter,
   MenuBlur: MenuBlur,
-  MenuMouseLeave: MenuMouseLeave,
-  ItemMouseMove: ItemMouseMove,
-  ItemClick: ItemClick,
-  ToggleButtonClick: ToggleButtonClick,
+  MenuMouseLeave: MenuMouseLeave$1,
+  ItemMouseMove: ItemMouseMove$1,
+  ItemClick: ItemClick$1,
+  ToggleButtonClick: ToggleButtonClick$1,
   ToggleButtonKeyDownArrowDown: ToggleButtonKeyDownArrowDown,
   ToggleButtonKeyDownArrowUp: ToggleButtonKeyDownArrowUp,
   ToggleButtonKeyDownCharacter: ToggleButtonKeyDownCharacter,
-  FunctionToggleMenu: FunctionToggleMenu,
-  FunctionOpenMenu: FunctionOpenMenu,
-  FunctionCloseMenu: FunctionCloseMenu,
-  FunctionSetHighlightedIndex: FunctionSetHighlightedIndex,
-  FunctionSelectItem: FunctionSelectItem,
-  FunctionSetInputValue: FunctionSetInputValue,
-  FunctionReset: FunctionReset
+  FunctionToggleMenu: FunctionToggleMenu$1,
+  FunctionOpenMenu: FunctionOpenMenu$1,
+  FunctionCloseMenu: FunctionCloseMenu$1,
+  FunctionSetHighlightedIndex: FunctionSetHighlightedIndex$1,
+  FunctionSelectItem: FunctionSelectItem$1,
+  FunctionSetInputValue: FunctionSetInputValue$1,
+  FunctionReset: FunctionReset$2
 });
 
 /* eslint-disable complexity */
@@ -2337,10 +2341,10 @@ function downshiftSelectReducer(state, action) {
   var changes;
 
   switch (type) {
-    case ItemClick:
+    case ItemClick$1:
       changes = {
-        isOpen: getDefaultValue(props, 'isOpen'),
-        highlightedIndex: getDefaultValue(props, 'highlightedIndex'),
+        isOpen: getDefaultValue$1(props, 'isOpen'),
+        highlightedIndex: getDefaultValue$1(props, 'highlightedIndex'),
         selectedItem: props.items[action.index]
       };
       break;
@@ -2375,8 +2379,8 @@ function downshiftSelectReducer(state, action) {
     case MenuKeyDownEnter:
     case MenuKeyDownSpaceButton:
       changes = _extends__default['default']({
-        isOpen: getDefaultValue(props, 'isOpen'),
-        highlightedIndex: getDefaultValue(props, 'highlightedIndex')
+        isOpen: getDefaultValue$1(props, 'isOpen'),
+        highlightedIndex: getDefaultValue$1(props, 'highlightedIndex')
       }, state.highlightedIndex >= 0 && {
         selectedItem: props.items[state.highlightedIndex]
       });
@@ -2435,30 +2439,30 @@ function downshiftSelectReducer(state, action) {
       };
       break;
 
-    case FunctionSelectItem:
+    case FunctionSelectItem$1:
       changes = {
         selectedItem: action.selectedItem
       };
       break;
 
     default:
-      return downshiftCommonReducer(state, action, stateChangeTypes$1);
+      return downshiftCommonReducer(state, action, stateChangeTypes$2);
   }
 
   return _extends__default['default']({}, state, changes);
 }
 /* eslint-enable complexity */
 
-useSelect.stateChangeTypes = stateChangeTypes$1;
+useSelect.stateChangeTypes = stateChangeTypes$2;
 
 function useSelect(userProps) {
   if (userProps === void 0) {
     userProps = {};
   }
 
-  validatePropTypes(userProps, useSelect); // Props defaults and destructuring.
+  validatePropTypes$2(userProps, useSelect); // Props defaults and destructuring.
 
-  var props = _extends__default['default']({}, defaultProps$1, userProps);
+  var props = _extends__default['default']({}, defaultProps$2, userProps);
 
   var items = props.items,
       scrollIntoView = props.scrollIntoView,
@@ -2469,9 +2473,9 @@ function useSelect(userProps) {
       getA11ySelectionMessage = props.getA11ySelectionMessage,
       getA11yStatusMessage = props.getA11yStatusMessage; // Initial state depending on controlled props.
 
-  var initialState = getInitialState(props);
+  var initialState = getInitialState$2(props);
 
-  var _useControlledReducer = useControlledReducer(downshiftSelectReducer, initialState, props),
+  var _useControlledReducer = useControlledReducer$1(downshiftSelectReducer, initialState, props),
       state = _useControlledReducer[0],
       dispatch = _useControlledReducer[1];
 
@@ -2526,19 +2530,23 @@ function useSelect(userProps) {
     itemRefs: itemRefs,
     scrollIntoView: scrollIntoView,
     getItemNodeFromIndex: getItemNodeFromIndex
-  }); // Sets cleanup for the keysSoFar after 500ms.
+  }); // Sets cleanup for the keysSoFar callback, debounded after 500ms.
 
   react.useEffect(function () {
     // init the clean function here as we need access to dispatch.
-    if (isInitialMountRef.current) {
-      clearTimeoutRef.current = debounce(function (outerDispatch) {
-        outerDispatch({
-          type: FunctionSetInputValue,
-          inputValue: ''
-        });
-      }, 500);
-    }
+    clearTimeoutRef.current = debounce(function (outerDispatch) {
+      outerDispatch({
+        type: FunctionSetInputValue$1,
+        inputValue: ''
+      });
+    }, 500); // Cancel any pending debounced calls on mount
 
+    return function () {
+      clearTimeoutRef.current.cancel();
+    };
+  }, []); // Invokes the keysSoFar callback set up above.
+
+  react.useEffect(function () {
     if (!inputValue) {
       return;
     }
@@ -2682,39 +2690,39 @@ function useSelect(userProps) {
 
   var toggleMenu = react.useCallback(function () {
     dispatch({
-      type: FunctionToggleMenu
+      type: FunctionToggleMenu$1
     });
   }, [dispatch]);
   var closeMenu = react.useCallback(function () {
     dispatch({
-      type: FunctionCloseMenu
+      type: FunctionCloseMenu$1
     });
   }, [dispatch]);
   var openMenu = react.useCallback(function () {
     dispatch({
-      type: FunctionOpenMenu
+      type: FunctionOpenMenu$1
     });
   }, [dispatch]);
   var setHighlightedIndex = react.useCallback(function (newHighlightedIndex) {
     dispatch({
-      type: FunctionSetHighlightedIndex,
+      type: FunctionSetHighlightedIndex$1,
       highlightedIndex: newHighlightedIndex
     });
   }, [dispatch]);
   var selectItem = react.useCallback(function (newSelectedItem) {
     dispatch({
-      type: FunctionSelectItem,
+      type: FunctionSelectItem$1,
       selectedItem: newSelectedItem
     });
   }, [dispatch]);
   var reset = react.useCallback(function () {
     dispatch({
-      type: FunctionReset
+      type: FunctionReset$2
     });
   }, [dispatch]);
   var setInputValue = react.useCallback(function (newInputValue) {
     dispatch({
-      type: FunctionSetInputValue,
+      type: FunctionSetInputValue$1,
       inputValue: newInputValue
     });
   }, [dispatch]); // Getter functions.
@@ -2776,7 +2784,7 @@ function useSelect(userProps) {
 
     var menuHandleMouseLeave = function menuHandleMouseLeave() {
       dispatch({
-        type: MenuMouseLeave
+        type: MenuMouseLeave$1
       });
     };
 
@@ -2808,7 +2816,7 @@ function useSelect(userProps) {
 
     var toggleButtonHandleClick = function toggleButtonHandleClick() {
       dispatch({
-        type: ToggleButtonClick
+        type: ToggleButtonClick$1
       });
     };
 
@@ -2862,14 +2870,14 @@ function useSelect(userProps) {
 
       shouldScrollRef.current = false;
       dispatch({
-        type: ItemMouseMove,
+        type: ItemMouseMove$1,
         index: index
       });
     };
 
     var itemHandleClick = function itemHandleClick() {
       dispatch({
-        type: ItemClick,
+        type: ItemClick$1,
         index: index
       });
     };
@@ -2927,20 +2935,20 @@ var InputKeyDownEnd = process.env.NODE_ENV !== "production" ? '__input_keydown_e
 var InputKeyDownEnter = process.env.NODE_ENV !== "production" ? '__input_keydown_enter__' : 5;
 var InputChange = process.env.NODE_ENV !== "production" ? '__input_change__' : 6;
 var InputBlur = process.env.NODE_ENV !== "production" ? '__input_blur__' : 7;
-var MenuMouseLeave$1 = process.env.NODE_ENV !== "production" ? '__menu_mouse_leave__' : 8;
-var ItemMouseMove$1 = process.env.NODE_ENV !== "production" ? '__item_mouse_move__' : 9;
-var ItemClick$1 = process.env.NODE_ENV !== "production" ? '__item_click__' : 10;
-var ToggleButtonClick$1 = process.env.NODE_ENV !== "production" ? '__togglebutton_click__' : 11;
-var FunctionToggleMenu$1 = process.env.NODE_ENV !== "production" ? '__function_toggle_menu__' : 12;
-var FunctionOpenMenu$1 = process.env.NODE_ENV !== "production" ? '__function_open_menu__' : 13;
-var FunctionCloseMenu$1 = process.env.NODE_ENV !== "production" ? '__function_close_menu__' : 14;
-var FunctionSetHighlightedIndex$1 = process.env.NODE_ENV !== "production" ? '__function_set_highlighted_index__' : 15;
-var FunctionSelectItem$1 = process.env.NODE_ENV !== "production" ? '__function_select_item__' : 16;
-var FunctionSetInputValue$1 = process.env.NODE_ENV !== "production" ? '__function_set_input_value__' : 17;
+var MenuMouseLeave = process.env.NODE_ENV !== "production" ? '__menu_mouse_leave__' : 8;
+var ItemMouseMove = process.env.NODE_ENV !== "production" ? '__item_mouse_move__' : 9;
+var ItemClick = process.env.NODE_ENV !== "production" ? '__item_click__' : 10;
+var ToggleButtonClick = process.env.NODE_ENV !== "production" ? '__togglebutton_click__' : 11;
+var FunctionToggleMenu = process.env.NODE_ENV !== "production" ? '__function_toggle_menu__' : 12;
+var FunctionOpenMenu = process.env.NODE_ENV !== "production" ? '__function_open_menu__' : 13;
+var FunctionCloseMenu = process.env.NODE_ENV !== "production" ? '__function_close_menu__' : 14;
+var FunctionSetHighlightedIndex = process.env.NODE_ENV !== "production" ? '__function_set_highlighted_index__' : 15;
+var FunctionSelectItem = process.env.NODE_ENV !== "production" ? '__function_select_item__' : 16;
+var FunctionSetInputValue = process.env.NODE_ENV !== "production" ? '__function_set_input_value__' : 17;
 var FunctionReset$1 = process.env.NODE_ENV !== "production" ? '__function_reset__' : 18;
 var ControlledPropUpdatedSelectedItem = process.env.NODE_ENV !== "production" ? '__controlled_prop_updated_selected_item__' : 19;
 
-var stateChangeTypes$2 = /*#__PURE__*/Object.freeze({
+var stateChangeTypes$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   InputKeyDownArrowDown: InputKeyDownArrowDown,
   InputKeyDownArrowUp: InputKeyDownArrowUp,
@@ -2950,22 +2958,22 @@ var stateChangeTypes$2 = /*#__PURE__*/Object.freeze({
   InputKeyDownEnter: InputKeyDownEnter,
   InputChange: InputChange,
   InputBlur: InputBlur,
-  MenuMouseLeave: MenuMouseLeave$1,
-  ItemMouseMove: ItemMouseMove$1,
-  ItemClick: ItemClick$1,
-  ToggleButtonClick: ToggleButtonClick$1,
-  FunctionToggleMenu: FunctionToggleMenu$1,
-  FunctionOpenMenu: FunctionOpenMenu$1,
-  FunctionCloseMenu: FunctionCloseMenu$1,
-  FunctionSetHighlightedIndex: FunctionSetHighlightedIndex$1,
-  FunctionSelectItem: FunctionSelectItem$1,
-  FunctionSetInputValue: FunctionSetInputValue$1,
+  MenuMouseLeave: MenuMouseLeave,
+  ItemMouseMove: ItemMouseMove,
+  ItemClick: ItemClick,
+  ToggleButtonClick: ToggleButtonClick,
+  FunctionToggleMenu: FunctionToggleMenu,
+  FunctionOpenMenu: FunctionOpenMenu,
+  FunctionCloseMenu: FunctionCloseMenu,
+  FunctionSetHighlightedIndex: FunctionSetHighlightedIndex,
+  FunctionSelectItem: FunctionSelectItem,
+  FunctionSetInputValue: FunctionSetInputValue,
   FunctionReset: FunctionReset$1,
   ControlledPropUpdatedSelectedItem: ControlledPropUpdatedSelectedItem
 });
 
 function getInitialState$1(props) {
-  var initialState = getInitialState(props);
+  var initialState = getInitialState$2(props);
   var selectedItem = initialState.selectedItem;
   var inputValue = initialState.inputValue;
 
@@ -3031,7 +3039,7 @@ var propTypes$1 = {
  * @returns {Array} An array with the state and an action dispatcher.
  */
 
-function useControlledReducer$1(reducer, initialState, props) {
+function useControlledReducer(reducer, initialState, props) {
   var previousSelectedItemRef = react.useRef();
 
   var _useEnhancedReducer = useEnhancedReducer(reducer, initialState, props),
@@ -3064,8 +3072,8 @@ if (process.env.NODE_ENV !== 'production') {
   };
 }
 
-var defaultProps$2 = _extends__default['default']({}, defaultProps, {
-  getA11yStatusMessage: getA11yStatusMessage,
+var defaultProps$1 = _extends__default['default']({}, defaultProps$3, {
+  getA11yStatusMessage: getA11yStatusMessage$1,
   circularNavigation: true
 });
 
@@ -3078,10 +3086,10 @@ function downshiftUseComboboxReducer(state, action) {
   var changes;
 
   switch (type) {
-    case ItemClick$1:
+    case ItemClick:
       changes = {
-        isOpen: getDefaultValue(props, 'isOpen'),
-        highlightedIndex: getDefaultValue(props, 'highlightedIndex'),
+        isOpen: getDefaultValue$1(props, 'isOpen'),
+        highlightedIndex: getDefaultValue$1(props, 'highlightedIndex'),
         selectedItem: props.items[action.index],
         inputValue: props.itemToString(props.items[action.index])
       };
@@ -3095,7 +3103,7 @@ function downshiftUseComboboxReducer(state, action) {
       } else {
         changes = {
           highlightedIndex: getHighlightedIndexOnOpen(props, state, 1, action.getItemNodeFromIndex),
-          isOpen: true
+          isOpen: props.items.length >= 0
         };
       }
 
@@ -3109,7 +3117,7 @@ function downshiftUseComboboxReducer(state, action) {
       } else {
         changes = {
           highlightedIndex: getHighlightedIndexOnOpen(props, state, -1, action.getItemNodeFromIndex),
-          isOpen: true
+          isOpen: props.items.length >= 0
         };
       }
 
@@ -3118,8 +3126,8 @@ function downshiftUseComboboxReducer(state, action) {
     case InputKeyDownEnter:
       changes = _extends__default['default']({}, state.isOpen && state.highlightedIndex >= 0 && {
         selectedItem: props.items[state.highlightedIndex],
-        isOpen: getDefaultValue(props, 'isOpen'),
-        highlightedIndex: getDefaultValue(props, 'highlightedIndex'),
+        isOpen: getDefaultValue$1(props, 'isOpen'),
+        highlightedIndex: getDefaultValue$1(props, 'highlightedIndex'),
         inputValue: props.itemToString(props.items[state.highlightedIndex])
       });
       break;
@@ -3135,39 +3143,36 @@ function downshiftUseComboboxReducer(state, action) {
       break;
 
     case InputKeyDownHome:
-      changes = _extends__default['default']({}, state.isOpen && {
+      changes = {
         highlightedIndex: getNextNonDisabledIndex(1, 0, props.items.length, action.getItemNodeFromIndex, false)
-      });
+      };
       break;
 
     case InputKeyDownEnd:
-      changes = _extends__default['default']({}, state.isOpen && {
+      changes = {
         highlightedIndex: getNextNonDisabledIndex(-1, props.items.length - 1, props.items.length, action.getItemNodeFromIndex, false)
-      });
+      };
       break;
 
     case InputBlur:
-      if (state.isOpen) {
-        changes = _extends__default['default']({
-          isOpen: false,
-          highlightedIndex: -1
-        }, state.highlightedIndex >= 0 && action.selectItem && {
-          selectedItem: props.items[state.highlightedIndex],
-          inputValue: props.itemToString(props.items[state.highlightedIndex])
-        });
-      }
-
+      changes = _extends__default['default']({
+        isOpen: false,
+        highlightedIndex: -1
+      }, state.highlightedIndex >= 0 && action.selectItem && {
+        selectedItem: props.items[state.highlightedIndex],
+        inputValue: props.itemToString(props.items[state.highlightedIndex])
+      });
       break;
 
     case InputChange:
       changes = {
         isOpen: true,
-        highlightedIndex: getDefaultValue(props, 'highlightedIndex'),
+        highlightedIndex: getDefaultValue$1(props, 'highlightedIndex'),
         inputValue: action.inputValue
       };
       break;
 
-    case FunctionSelectItem$1:
+    case FunctionSelectItem:
       changes = {
         selectedItem: action.selectedItem,
         inputValue: props.itemToString(action.selectedItem)
@@ -3181,14 +3186,14 @@ function downshiftUseComboboxReducer(state, action) {
       break;
 
     default:
-      return downshiftCommonReducer(state, action, stateChangeTypes$2);
+      return downshiftCommonReducer(state, action, stateChangeTypes$1);
   }
 
   return _extends__default['default']({}, state, changes);
 }
 /* eslint-enable complexity */
 
-useCombobox.stateChangeTypes = stateChangeTypes$2;
+useCombobox.stateChangeTypes = stateChangeTypes$1;
 
 function useCombobox(userProps) {
   if (userProps === void 0) {
@@ -3197,7 +3202,7 @@ function useCombobox(userProps) {
 
   validatePropTypes$1(userProps, useCombobox); // Props defaults and destructuring.
 
-  var props = _extends__default['default']({}, defaultProps$2, userProps);
+  var props = _extends__default['default']({}, defaultProps$1, userProps);
 
   var initialIsOpen = props.initialIsOpen,
       defaultIsOpen = props.defaultIsOpen,
@@ -3210,7 +3215,7 @@ function useCombobox(userProps) {
 
   var initialState = getInitialState$1(props);
 
-  var _useControlledReducer = useControlledReducer$1(downshiftUseComboboxReducer, initialState, props),
+  var _useControlledReducer = useControlledReducer(downshiftUseComboboxReducer, initialState, props),
       state = _useControlledReducer[0],
       dispatch = _useControlledReducer[1];
 
@@ -3323,6 +3328,10 @@ function useCombobox(userProps) {
         });
       },
       Home: function Home(event) {
+        if (!latest.current.state.isOpen) {
+          return;
+        }
+
         event.preventDefault();
         dispatch({
           type: InputKeyDownHome,
@@ -3330,6 +3339,10 @@ function useCombobox(userProps) {
         });
       },
       End: function End(event) {
+        if (!latest.current.state.isOpen) {
+          return;
+        }
+
         event.preventDefault();
         dispatch({
           type: InputKeyDownEnd,
@@ -3337,22 +3350,23 @@ function useCombobox(userProps) {
         });
       },
       Escape: function Escape() {
-        dispatch({
-          type: InputKeyDownEscape
-        });
-      },
-      Enter: function Enter(event) {
-        // if IME composing, wait for next Enter keydown event.
-        if (event.which === 229) {
-          return;
-        }
-
         var latestState = latest.current.state;
 
-        if (latestState.isOpen) {
-          event.preventDefault();
+        if (latestState.isOpen || latestState.inputValue || latestState.selectedItem || latestState.highlightedIndex > -1) {
+          dispatch({
+            type: InputKeyDownEscape
+          });
         }
+      },
+      Enter: function Enter(event) {
+        var latestState = latest.current.state; // if closed or no highlighted index, do nothing.
+
+        if (!latestState.isOpen || latestState.highlightedIndex < 0 || event.which === 229 // if IME composing, wait for next Enter keydown event.
+        ) {
+            return;
+          }
 
+        event.preventDefault();
         dispatch({
           type: InputKeyDownEnter,
           getItemNodeFromIndex: getItemNodeFromIndex
@@ -3386,7 +3400,7 @@ function useCombobox(userProps) {
       menuRef.current = menuNode;
     }), _extends2.id = elementIds.menuId, _extends2.role = 'listbox', _extends2['aria-labelledby'] = elementIds.labelId, _extends2.onMouseLeave = callAllEventHandlers(onMouseLeave, function () {
       dispatch({
-        type: MenuMouseLeave$1
+        type: MenuMouseLeave
       });
     }), _extends2), rest);
   }, [dispatch, setGetterPropCallInfo, elementIds]);
@@ -3399,9 +3413,9 @@ function useCombobox(userProps) {
         _ref3$refKey = _ref3.refKey,
         refKey = _ref3$refKey === void 0 ? 'ref' : _ref3$refKey,
         ref = _ref3.ref,
-        onMouseMove = _ref3.onMouseMove,
-        onClick = _ref3.onClick,
-        onPress = _ref3.onPress,
+        onMouseMove = _ref3.onMouseMove;
+        _ref3.onClick;
+        var onPress = _ref3.onPress,
         rest = _objectWithoutPropertiesLoose__default['default'](_ref3, ["item", "index", "refKey", "ref", "onMouseMove", "onClick", "onPress"]);
 
     var _latest$current = latest.current,
@@ -3413,11 +3427,9 @@ function useCombobox(userProps) {
       throw new Error('Pass either item or item index in getItemProps!');
     }
 
-    var onSelectKey = 
-    /* istanbul ignore next (react-native) */
+    var onSelectKey = /* istanbul ignore next (react-native) */
     'onPress' ;
-    var customClickHandler = 
-    /* istanbul ignore next (react-native) */
+    var customClickHandler = /* istanbul ignore next (react-native) */
     onPress ;
 
     var itemHandleMouseMove = function itemHandleMouseMove() {
@@ -3427,14 +3439,14 @@ function useCombobox(userProps) {
 
       shouldScrollRef.current = false;
       dispatch({
-        type: ItemMouseMove$1,
+        type: ItemMouseMove,
         index: index
       });
     };
 
     var itemHandleClick = function itemHandleClick() {
       dispatch({
-        type: ItemClick$1,
+        type: ItemClick,
         index: index
       });
 
@@ -3454,9 +3466,9 @@ function useCombobox(userProps) {
   var getToggleButtonProps = react.useCallback(function (_temp4) {
     var _extends4;
 
-    var _ref5 = _temp4 === void 0 ? {} : _temp4,
-        onClick = _ref5.onClick,
-        onPress = _ref5.onPress,
+    var _ref5 = _temp4 === void 0 ? {} : _temp4;
+        _ref5.onClick;
+        var onPress = _ref5.onPress,
         _ref5$refKey = _ref5.refKey,
         refKey = _ref5$refKey === void 0 ? 'ref' : _ref5$refKey,
         ref = _ref5.ref,
@@ -3464,7 +3476,7 @@ function useCombobox(userProps) {
 
     var toggleButtonHandleClick = function toggleButtonHandleClick() {
       dispatch({
-        type: ToggleButtonClick$1
+        type: ToggleButtonClick
       });
 
       if (!latest.current.state.isOpen && inputRef.current) {
@@ -3474,8 +3486,7 @@ function useCombobox(userProps) {
 
     return _extends__default['default']((_extends4 = {}, _extends4[refKey] = handleRefs(ref, function (toggleButtonNode) {
       toggleButtonRef.current = toggleButtonNode;
-    }), _extends4.id = elementIds.toggleButtonId, _extends4.tabIndex = -1, _extends4), !rest.disabled && _extends__default['default']({}, 
-    /* istanbul ignore next (react-native) */
+    }), _extends4.id = elementIds.toggleButtonId, _extends4.tabIndex = -1, _extends4), !rest.disabled && _extends__default['default']({}, /* istanbul ignore next (react-native) */
     {
       onPress: callAllEventHandlers(onPress, toggleButtonHandleClick)
     } ), rest);
@@ -3512,15 +3523,14 @@ function useCombobox(userProps) {
     var inputHandleChange = function inputHandleChange(event) {
       dispatch({
         type: InputChange,
-        inputValue: 
-        /* istanbul ignore next (react-native) */
+        inputValue: /* istanbul ignore next (react-native) */
         event.nativeEvent.text 
       });
     };
 
     var inputHandleBlur = function inputHandleBlur() {
       /* istanbul ignore else */
-      if (!mouseAndTouchTrackersRef.current.isMouseDown) {
+      if (latestState.isOpen && !mouseAndTouchTrackersRef.current.isMouseDown) {
         dispatch({
           type: InputBlur,
           selectItem: true
@@ -3530,7 +3540,7 @@ function useCombobox(userProps) {
     /* istanbul ignore next (preact) */
 
 
-    var onChangeKey =  'onChange';
+    var onChangeKey = 'onChange';
     var eventHandlers = {};
 
     if (!rest.disabled) {
@@ -3585,34 +3595,34 @@ function useCombobox(userProps) {
 
   var toggleMenu = react.useCallback(function () {
     dispatch({
-      type: FunctionToggleMenu$1
+      type: FunctionToggleMenu
     });
   }, [dispatch]);
   var closeMenu = react.useCallback(function () {
     dispatch({
-      type: FunctionCloseMenu$1
+      type: FunctionCloseMenu
     });
   }, [dispatch]);
   var openMenu = react.useCallback(function () {
     dispatch({
-      type: FunctionOpenMenu$1
+      type: FunctionOpenMenu
     });
   }, [dispatch]);
   var setHighlightedIndex = react.useCallback(function (newHighlightedIndex) {
     dispatch({
-      type: FunctionSetHighlightedIndex$1,
+      type: FunctionSetHighlightedIndex,
       highlightedIndex: newHighlightedIndex
     });
   }, [dispatch]);
   var selectItem = react.useCallback(function (newSelectedItem) {
     dispatch({
-      type: FunctionSelectItem$1,
+      type: FunctionSelectItem,
       selectedItem: newSelectedItem
     });
   }, [dispatch]);
   var setInputValue = react.useCallback(function (newInputValue) {
     dispatch({
-      type: FunctionSetInputValue$1,
+      type: FunctionSetInputValue,
       inputValue: newInputValue
     });
   }, [dispatch]);
@@ -3659,8 +3669,8 @@ var defaultStateValues = {
  * @returns {any} The initial value for that prop.
  */
 
-function getInitialValue$1(props, propKey) {
-  return getInitialValue(props, propKey, defaultStateValues);
+function getInitialValue(props, propKey) {
+  return getInitialValue$1(props, propKey, defaultStateValues);
 }
 /**
  * Returns the default value for a state key in the following order:
@@ -3672,8 +3682,8 @@ function getInitialValue$1(props, propKey) {
  */
 
 
-function getDefaultValue$1(props, propKey) {
-  return getDefaultValue(props, propKey, defaultStateValues);
+function getDefaultValue(props, propKey) {
+  return getDefaultValue$1(props, propKey, defaultStateValues);
 }
 /**
  * Gets the initial state based on the provided props. It uses initial, default
@@ -3684,9 +3694,9 @@ function getDefaultValue$1(props, propKey) {
  */
 
 
-function getInitialState$2(props) {
-  var activeIndex = getInitialValue$1(props, 'activeIndex');
-  var selectedItems = getInitialValue$1(props, 'selectedItems');
+function getInitialState(props) {
+  var activeIndex = getInitialValue(props, 'activeIndex');
+  var selectedItems = getInitialValue(props, 'selectedItems');
   return {
     activeIndex: activeIndex,
     selectedItems: selectedItems
@@ -3733,7 +3743,7 @@ function getA11yRemovalMessage(selectionParameters) {
   return itemToStringLocal(removedSelectedItem) + " has been removed.";
 }
 
-var propTypes$2 = {
+var propTypes = {
   selectedItems: PropTypes__default['default'].array,
   initialSelectedItems: PropTypes__default['default'].array,
   defaultSelectedItems: PropTypes__default['default'].array,
@@ -3757,21 +3767,21 @@ var propTypes$2 = {
     })
   })
 };
-var defaultProps$3 = {
-  itemToString: defaultProps.itemToString,
-  stateReducer: defaultProps.stateReducer,
-  environment: defaultProps.environment,
+var defaultProps = {
+  itemToString: defaultProps$3.itemToString,
+  stateReducer: defaultProps$3.stateReducer,
+  environment: defaultProps$3.environment,
   getA11yRemovalMessage: getA11yRemovalMessage,
   keyNavigationNext: 'ArrowRight',
   keyNavigationPrevious: 'ArrowLeft'
 }; // eslint-disable-next-line import/no-mutable-exports
 
-var validatePropTypes$2 = noop;
+var validatePropTypes = noop;
 /* istanbul ignore next */
 
 if (process.env.NODE_ENV !== 'production') {
-  validatePropTypes$2 = function validatePropTypes(options, caller) {
-    PropTypes__default['default'].checkPropTypes(propTypes$2, options, 'prop', caller.name);
+  validatePropTypes = function validatePropTypes(options, caller) {
+    PropTypes__default['default'].checkPropTypes(propTypes, options, 'prop', caller.name);
   };
 }
 
@@ -3787,9 +3797,9 @@ var FunctionAddSelectedItem = process.env.NODE_ENV !== "production" ? '__functio
 var FunctionRemoveSelectedItem = process.env.NODE_ENV !== "production" ? '__function_remove_selected_item__' : 9;
 var FunctionSetSelectedItems = process.env.NODE_ENV !== "production" ? '__function_set_selected_items__' : 10;
 var FunctionSetActiveIndex = process.env.NODE_ENV !== "production" ? '__function_set_active_index__' : 11;
-var FunctionReset$2 = process.env.NODE_ENV !== "production" ? '__function_reset__' : 12;
+var FunctionReset = process.env.NODE_ENV !== "production" ? '__function_reset__' : 12;
 
-var stateChangeTypes$3 = /*#__PURE__*/Object.freeze({
+var stateChangeTypes = /*#__PURE__*/Object.freeze({
   __proto__: null,
   SelectedItemClick: SelectedItemClick,
   SelectedItemKeyDownDelete: SelectedItemKeyDownDelete,
@@ -3803,7 +3813,7 @@ var stateChangeTypes$3 = /*#__PURE__*/Object.freeze({
   FunctionRemoveSelectedItem: FunctionRemoveSelectedItem,
   FunctionSetSelectedItems: FunctionSetSelectedItems,
   FunctionSetActiveIndex: FunctionSetActiveIndex,
-  FunctionReset: FunctionReset$2
+  FunctionReset: FunctionReset
 });
 
 /* eslint-disable complexity */
@@ -3916,10 +3926,10 @@ function downshiftMultipleSelectionReducer(state, action) {
         break;
       }
 
-    case FunctionReset$2:
+    case FunctionReset:
       changes = {
-        activeIndex: getDefaultValue$1(props, 'activeIndex'),
-        selectedItems: getDefaultValue$1(props, 'selectedItems')
+        activeIndex: getDefaultValue(props, 'activeIndex'),
+        selectedItems: getDefaultValue(props, 'selectedItems')
       };
       break;
 
@@ -3930,16 +3940,16 @@ function downshiftMultipleSelectionReducer(state, action) {
   return _extends__default['default']({}, state, changes);
 }
 
-useMultipleSelection.stateChangeTypes = stateChangeTypes$3;
+useMultipleSelection.stateChangeTypes = stateChangeTypes;
 
 function useMultipleSelection(userProps) {
   if (userProps === void 0) {
     userProps = {};
   }
 
-  validatePropTypes$2(userProps, useMultipleSelection); // Props defaults and destructuring.
+  validatePropTypes(userProps, useMultipleSelection); // Props defaults and destructuring.
 
-  var props = _extends__default['default']({}, defaultProps$3, userProps);
+  var props = _extends__default['default']({}, defaultProps, userProps);
 
   var getA11yRemovalMessage = props.getA11yRemovalMessage,
       itemToString = props.itemToString,
@@ -3947,7 +3957,7 @@ function useMultipleSelection(userProps) {
       keyNavigationNext = props.keyNavigationNext,
       keyNavigationPrevious = props.keyNavigationPrevious; // Reducer init.
 
-  var _useControlledReducer = useControlledReducer(downshiftMultipleSelectionReducer, getInitialState$2(props), props),
+  var _useControlledReducer = useControlledReducer$1(downshiftMultipleSelectionReducer, getInitialState(props), props),
       state = _useControlledReducer[0],
       dispatch = _useControlledReducer[1];
 
@@ -4158,7 +4168,7 @@ function useMultipleSelection(userProps) {
   }, [dispatch]);
   var reset = react.useCallback(function () {
     dispatch({
-      type: FunctionReset$2
+      type: FunctionReset
     });
   }, [dispatch]);
   return {