downshift 6.0.16 → 6.1.2

package/preact/dist/downshift.esm.js

@@ -162,7 +162,7 @@ function resetIdCounter() {
  */
 
 
-function getA11yStatusMessage(_ref2) {
+function getA11yStatusMessage$1(_ref2) {
   var isOpen = _ref2.isOpen,
       resultCount = _ref2.resultCount,
       previousResultCount = _ref2.previousResultCount;
@@ -518,7 +518,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,
@@ -860,12 +860,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.
@@ -881,12 +885,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.
@@ -903,9 +911,9 @@ var Downshift = /*#__PURE__*/function () {
 
       _this.getToggleButtonProps = function (_temp3) {
         var _ref3 = _temp3 === void 0 ? {} : _temp3,
-            onClick = _ref3.onClick,
-            onPress = _ref3.onPress,
-            onKeyDown = _ref3.onKeyDown,
+            onClick = _ref3.onClick;
+            _ref3.onPress;
+            var onKeyDown = _ref3.onKeyDown,
             onKeyUp = _ref3.onKeyUp,
             onBlur = _ref3.onBlur,
             rest = _objectWithoutPropertiesLoose(_ref3, ["onClick", "onPress", "onKeyDown", "onKeyUp", "onBlur"]);
@@ -913,7 +921,7 @@ var Downshift = /*#__PURE__*/function () {
         var _this$getState5 = _this.getState(),
             isOpen = _this$getState5.isOpen;
 
-        var enabledEventHandlers =  {
+        var enabledEventHandlers = {
           onClick: callAllEventHandlers(onClick, _this.buttonHandleClick),
           onKeyDown: callAllEventHandlers(onKeyDown, _this.buttonHandleKeyDown),
           onKeyUp: callAllEventHandlers(onKeyUp, _this.buttonHandleKeyUp),
@@ -948,7 +956,7 @@ var Downshift = /*#__PURE__*/function () {
 
         /* istanbul ignore if (can't reasonably test this) */
 
-        if ( _this.props.environment.document.activeElement === _this.props.environment.document.body) {
+        if (_this.props.environment.document.activeElement === _this.props.environment.document.body) {
           event.target.focus();
         } // to simplify testing components that use downshift, we'll not wrap this in a setTimeout
         // if the NODE_ENV is test. With the proper build system, this should be dead code eliminated
@@ -995,9 +1003,9 @@ var Downshift = /*#__PURE__*/function () {
             onKeyDown = _ref4.onKeyDown,
             onBlur = _ref4.onBlur,
             onChange = _ref4.onChange,
-            onInput = _ref4.onInput,
-            onChangeText = _ref4.onChangeText,
-            rest = _objectWithoutPropertiesLoose(_ref4, ["onKeyDown", "onBlur", "onChange", "onInput", "onChangeText"]);
+            onInput = _ref4.onInput;
+            _ref4.onChangeText;
+            var rest = _objectWithoutPropertiesLoose(_ref4, ["onKeyDown", "onBlur", "onChange", "onInput", "onChangeText"]);
 
         var onChangeKey;
         var eventHandlers = {};
@@ -1043,7 +1051,7 @@ var Downshift = /*#__PURE__*/function () {
         _this.internalSetState({
           type: changeInput,
           isOpen: true,
-          inputValue:  event.target.value,
+          inputValue: event.target.value,
           highlightedIndex: _this.props.defaultHighlightedIndex
         });
       };
@@ -1090,9 +1098,9 @@ var Downshift = /*#__PURE__*/function () {
         var _ref7 = _temp7 === void 0 ? {} : _temp7,
             onMouseMove = _ref7.onMouseMove,
             onMouseDown = _ref7.onMouseDown,
-            onClick = _ref7.onClick,
-            onPress = _ref7.onPress,
-            index = _ref7.index,
+            onClick = _ref7.onClick;
+            _ref7.onPress;
+            var index = _ref7.index,
             _ref7$item = _ref7.item,
             item = _ref7$item === void 0 ? process.env.NODE_ENV === 'production' ?
         /* istanbul ignore next */
@@ -1107,8 +1115,8 @@ var Downshift = /*#__PURE__*/function () {
           _this.items[index] = item;
         }
 
-        var onSelectKey =  'onClick';
-        var customClickHandler =  onClick;
+        var onSelectKey = 'onClick';
+        var customClickHandler = onClick;
         var enabledEventHandlers = (_enabledEventHandlers = {
           // onMouseMove is used over onMouseEnter here. onMouseMove
           // is only triggered on actual mouse movement while onMouseEnter
@@ -1498,7 +1506,7 @@ var Downshift = /*#__PURE__*/function () {
         validateControlledUnchanged(this.state, prevProps, this.props);
         /* istanbul ignore if (react-native) */
 
-        if ( this.getMenuProps.called && !this.getMenuProps.suppressRefError) {
+        if (this.getMenuProps.called && !this.getMenuProps.suppressRefError) {
           validateGetMenuPropsCalledCorrectly(this._menuNode, this.getMenuProps);
         }
       }
@@ -1583,7 +1591,7 @@ var Downshift = /*#__PURE__*/function () {
   Downshift.defaultProps = {
     defaultHighlightedIndex: null,
     defaultIsOpen: false,
-    getA11yStatusMessage: getA11yStatusMessage,
+    getA11yStatusMessage: getA11yStatusMessage$1,
     itemToString: function itemToString(i) {
       if (i == null) {
         return '';
@@ -1614,7 +1622,7 @@ var Downshift = /*#__PURE__*/function () {
     suppressRefError: false,
     scrollIntoView: scrollIntoView
   };
-  Downshift.stateChangeTypes = stateChangeTypes;
+  Downshift.stateChangeTypes = stateChangeTypes$3;
   return Downshift;
 }();
 
@@ -1829,7 +1837,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];
@@ -1837,7 +1845,7 @@ function useControlledReducer(reducer, initialState, props) {
   return [getState(state, props), dispatch];
 }
 
-var defaultProps = {
+var defaultProps$3 = {
   itemToString: itemToString,
   stateReducer: stateReducer,
   getA11ySelectionMessage: getA11ySelectionMessage,
@@ -1848,7 +1856,7 @@ var defaultProps = {
   ? {} : window
 };
 
-function getDefaultValue(props, propKey, defaultStateValues) {
+function getDefaultValue$1(props, propKey, defaultStateValues) {
   if (defaultStateValues === void 0) {
     defaultStateValues = dropdownDefaultStateValues;
   }
@@ -1862,7 +1870,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;
   }
@@ -1877,14 +1885,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,
@@ -2179,10 +2187,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;
 
@@ -2212,7 +2220,7 @@ function getItemIndexByCharacterKey(keysSoFar, highlightedIndex, items, itemToSt
   return highlightedIndex;
 }
 
-var propTypes = {
+var propTypes$2 = {
   items: PropTypes.array.isRequired,
   itemToString: PropTypes.func,
   getA11yStatusMessage: PropTypes.func,
@@ -2256,7 +2264,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;
@@ -2276,17 +2284,17 @@ function getA11yStatusMessage$1(_ref) {
   return '';
 }
 
-var defaultProps$1 = _extends({}, defaultProps, {
-  getA11yStatusMessage: getA11yStatusMessage$1
+var defaultProps$2 = _extends({}, 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.checkPropTypes(propTypes, options, 'prop', caller.name);
+  validatePropTypes$2 = function validatePropTypes(options, caller) {
+    PropTypes.checkPropTypes(propTypes$2, options, 'prop', caller.name);
   };
 }
 
@@ -2299,22 +2307,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,
@@ -2325,20 +2333,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 */
@@ -2350,10 +2358,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;
@@ -2388,8 +2396,8 @@ function downshiftSelectReducer(state, action) {
     case MenuKeyDownEnter:
     case MenuKeyDownSpaceButton:
       changes = _extends({
-        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]
       });
@@ -2448,30 +2456,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({}, 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({}, defaultProps$1, userProps);
+  var props = _extends({}, defaultProps$2, userProps);
 
   var items = props.items,
       scrollIntoView = props.scrollIntoView,
@@ -2482,9 +2490,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];
 
@@ -2539,19 +2547,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.
 
   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.
 
+  useEffect(function () {
     if (!inputValue) {
       return;
     }
@@ -2695,39 +2707,39 @@ function useSelect(userProps) {
 
   var toggleMenu = useCallback(function () {
     dispatch({
-      type: FunctionToggleMenu
+      type: FunctionToggleMenu$1
     });
   }, [dispatch]);
   var closeMenu = useCallback(function () {
     dispatch({
-      type: FunctionCloseMenu
+      type: FunctionCloseMenu$1
     });
   }, [dispatch]);
   var openMenu = useCallback(function () {
     dispatch({
-      type: FunctionOpenMenu
+      type: FunctionOpenMenu$1
     });
   }, [dispatch]);
   var setHighlightedIndex = useCallback(function (newHighlightedIndex) {
     dispatch({
-      type: FunctionSetHighlightedIndex,
+      type: FunctionSetHighlightedIndex$1,
       highlightedIndex: newHighlightedIndex
     });
   }, [dispatch]);
   var selectItem = useCallback(function (newSelectedItem) {
     dispatch({
-      type: FunctionSelectItem,
+      type: FunctionSelectItem$1,
       selectedItem: newSelectedItem
     });
   }, [dispatch]);
   var reset = useCallback(function () {
     dispatch({
-      type: FunctionReset
+      type: FunctionReset$2
     });
   }, [dispatch]);
   var setInputValue = useCallback(function (newInputValue) {
     dispatch({
-      type: FunctionSetInputValue,
+      type: FunctionSetInputValue$1,
       inputValue: newInputValue
     });
   }, [dispatch]); // Getter functions.
@@ -2789,7 +2801,7 @@ function useSelect(userProps) {
 
     var menuHandleMouseLeave = function menuHandleMouseLeave() {
       dispatch({
-        type: MenuMouseLeave
+        type: MenuMouseLeave$1
       });
     };
 
@@ -2821,7 +2833,7 @@ function useSelect(userProps) {
 
     var toggleButtonHandleClick = function toggleButtonHandleClick() {
       dispatch({
-        type: ToggleButtonClick
+        type: ToggleButtonClick$1
       });
     };
 
@@ -2875,14 +2887,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
       });
     };
@@ -2940,20 +2952,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,
@@ -2963,22 +2975,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;
 
@@ -3044,7 +3056,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 = useRef();
 
   var _useEnhancedReducer = useEnhancedReducer(reducer, initialState, props),
@@ -3077,8 +3089,8 @@ if (process.env.NODE_ENV !== 'production') {
   };
 }
 
-var defaultProps$2 = _extends({}, defaultProps, {
-  getA11yStatusMessage: getA11yStatusMessage,
+var defaultProps$1 = _extends({}, defaultProps$3, {
+  getA11yStatusMessage: getA11yStatusMessage$1,
   circularNavigation: true
 });
 
@@ -3091,10 +3103,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])
       };
@@ -3108,7 +3120,7 @@ function downshiftUseComboboxReducer(state, action) {
       } else {
         changes = {
           highlightedIndex: getHighlightedIndexOnOpen(props, state, 1, action.getItemNodeFromIndex),
-          isOpen: true
+          isOpen: props.items.length >= 0
         };
       }
 
@@ -3122,7 +3134,7 @@ function downshiftUseComboboxReducer(state, action) {
       } else {
         changes = {
           highlightedIndex: getHighlightedIndexOnOpen(props, state, -1, action.getItemNodeFromIndex),
-          isOpen: true
+          isOpen: props.items.length >= 0
         };
       }
 
@@ -3131,8 +3143,8 @@ function downshiftUseComboboxReducer(state, action) {
     case InputKeyDownEnter:
       changes = _extends({}, 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;
@@ -3148,39 +3160,36 @@ function downshiftUseComboboxReducer(state, action) {
       break;
 
     case InputKeyDownHome:
-      changes = _extends({}, state.isOpen && {
+      changes = {
         highlightedIndex: getNextNonDisabledIndex(1, 0, props.items.length, action.getItemNodeFromIndex, false)
-      });
+      };
       break;
 
     case InputKeyDownEnd:
-      changes = _extends({}, state.isOpen && {
+      changes = {
         highlightedIndex: getNextNonDisabledIndex(-1, props.items.length - 1, props.items.length, action.getItemNodeFromIndex, false)
-      });
+      };
       break;
 
     case InputBlur:
-      if (state.isOpen) {
-        changes = _extends({
-          isOpen: false,
-          highlightedIndex: -1
-        }, state.highlightedIndex >= 0 && action.selectItem && {
-          selectedItem: props.items[state.highlightedIndex],
-          inputValue: props.itemToString(props.items[state.highlightedIndex])
-        });
-      }
-
+      changes = _extends({
+        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)
@@ -3194,14 +3203,14 @@ function downshiftUseComboboxReducer(state, action) {
       break;
 
     default:
-      return downshiftCommonReducer(state, action, stateChangeTypes$2);
+      return downshiftCommonReducer(state, action, stateChangeTypes$1);
   }
 
   return _extends({}, state, changes);
 }
 /* eslint-enable complexity */
 
-useCombobox.stateChangeTypes = stateChangeTypes$2;
+useCombobox.stateChangeTypes = stateChangeTypes$1;
 
 function useCombobox(userProps) {
   if (userProps === void 0) {
@@ -3210,7 +3219,7 @@ function useCombobox(userProps) {
 
   validatePropTypes$1(userProps, useCombobox); // Props defaults and destructuring.
 
-  var props = _extends({}, defaultProps$2, userProps);
+  var props = _extends({}, defaultProps$1, userProps);
 
   var initialIsOpen = props.initialIsOpen,
       defaultIsOpen = props.defaultIsOpen,
@@ -3223,7 +3232,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];
 
@@ -3336,6 +3345,10 @@ function useCombobox(userProps) {
         });
       },
       Home: function Home(event) {
+        if (!latest.current.state.isOpen) {
+          return;
+        }
+
         event.preventDefault();
         dispatch({
           type: InputKeyDownHome,
@@ -3343,6 +3356,10 @@ function useCombobox(userProps) {
         });
       },
       End: function End(event) {
+        if (!latest.current.state.isOpen) {
+          return;
+        }
+
         event.preventDefault();
         dispatch({
           type: InputKeyDownEnd,
@@ -3350,22 +3367,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
@@ -3399,7 +3417,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]);
@@ -3413,9 +3431,9 @@ function useCombobox(userProps) {
         refKey = _ref3$refKey === void 0 ? 'ref' : _ref3$refKey,
         ref = _ref3.ref,
         onMouseMove = _ref3.onMouseMove,
-        onClick = _ref3.onClick,
-        onPress = _ref3.onPress,
-        rest = _objectWithoutPropertiesLoose(_ref3, ["item", "index", "refKey", "ref", "onMouseMove", "onClick", "onPress"]);
+        onClick = _ref3.onClick;
+        _ref3.onPress;
+        var rest = _objectWithoutPropertiesLoose(_ref3, ["item", "index", "refKey", "ref", "onMouseMove", "onClick", "onPress"]);
 
     var _latest$current = latest.current,
         latestProps = _latest$current.props,
@@ -3426,8 +3444,8 @@ function useCombobox(userProps) {
       throw new Error('Pass either item or item index in getItemProps!');
     }
 
-    var onSelectKey =  'onClick';
-    var customClickHandler =  onClick;
+    var onSelectKey = 'onClick';
+    var customClickHandler = onClick;
 
     var itemHandleMouseMove = function itemHandleMouseMove() {
       if (index === latestState.highlightedIndex) {
@@ -3436,14 +3454,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
       });
 
@@ -3464,16 +3482,16 @@ function useCombobox(userProps) {
     var _extends4;
 
     var _ref5 = _temp4 === void 0 ? {} : _temp4,
-        onClick = _ref5.onClick,
-        onPress = _ref5.onPress,
-        _ref5$refKey = _ref5.refKey,
+        onClick = _ref5.onClick;
+        _ref5.onPress;
+        var _ref5$refKey = _ref5.refKey,
         refKey = _ref5$refKey === void 0 ? 'ref' : _ref5$refKey,
         ref = _ref5.ref,
         rest = _objectWithoutPropertiesLoose(_ref5, ["onClick", "onPress", "refKey", "ref"]);
 
     var toggleButtonHandleClick = function toggleButtonHandleClick() {
       dispatch({
-        type: ToggleButtonClick$1
+        type: ToggleButtonClick
       });
 
       if (!latest.current.state.isOpen && inputRef.current) {
@@ -3483,7 +3501,7 @@ function useCombobox(userProps) {
 
     return _extends((_extends4 = {}, _extends4[refKey] = handleRefs(ref, function (toggleButtonNode) {
       toggleButtonRef.current = toggleButtonNode;
-    }), _extends4.id = elementIds.toggleButtonId, _extends4.tabIndex = -1, _extends4), !rest.disabled && _extends({},  {
+    }), _extends4.id = elementIds.toggleButtonId, _extends4.tabIndex = -1, _extends4), !rest.disabled && _extends({}, {
       onClick: callAllEventHandlers(onClick, toggleButtonHandleClick)
     }), rest);
   }, [dispatch, latest, elementIds]);
@@ -3494,9 +3512,9 @@ function useCombobox(userProps) {
         onKeyDown = _ref6.onKeyDown,
         onChange = _ref6.onChange,
         onInput = _ref6.onInput,
-        onBlur = _ref6.onBlur,
-        onChangeText = _ref6.onChangeText,
-        _ref6$refKey = _ref6.refKey,
+        onBlur = _ref6.onBlur;
+        _ref6.onChangeText;
+        var _ref6$refKey = _ref6.refKey,
         refKey = _ref6$refKey === void 0 ? 'ref' : _ref6$refKey,
         ref = _ref6.ref,
         rest = _objectWithoutPropertiesLoose(_ref6, ["onKeyDown", "onChange", "onInput", "onBlur", "onChangeText", "refKey", "ref"]);
@@ -3519,13 +3537,13 @@ function useCombobox(userProps) {
     var inputHandleChange = function inputHandleChange(event) {
       dispatch({
         type: InputChange,
-        inputValue:  event.target.value
+        inputValue: event.target.value
       });
     };
 
     var inputHandleBlur = function inputHandleBlur() {
       /* istanbul ignore else */
-      if (!mouseAndTouchTrackersRef.current.isMouseDown) {
+      if (latestState.isOpen && !mouseAndTouchTrackersRef.current.isMouseDown) {
         dispatch({
           type: InputBlur,
           selectItem: true
@@ -3535,7 +3553,7 @@ function useCombobox(userProps) {
     /* istanbul ignore next (preact) */
 
 
-    var onChangeKey =  'onInput' ;
+    var onChangeKey = 'onInput' ;
     var eventHandlers = {};
 
     if (!rest.disabled) {
@@ -3577,34 +3595,34 @@ function useCombobox(userProps) {
 
   var toggleMenu = useCallback(function () {
     dispatch({
-      type: FunctionToggleMenu$1
+      type: FunctionToggleMenu
     });
   }, [dispatch]);
   var closeMenu = useCallback(function () {
     dispatch({
-      type: FunctionCloseMenu$1
+      type: FunctionCloseMenu
     });
   }, [dispatch]);
   var openMenu = useCallback(function () {
     dispatch({
-      type: FunctionOpenMenu$1
+      type: FunctionOpenMenu
     });
   }, [dispatch]);
   var setHighlightedIndex = useCallback(function (newHighlightedIndex) {
     dispatch({
-      type: FunctionSetHighlightedIndex$1,
+      type: FunctionSetHighlightedIndex,
       highlightedIndex: newHighlightedIndex
     });
   }, [dispatch]);
   var selectItem = useCallback(function (newSelectedItem) {
     dispatch({
-      type: FunctionSelectItem$1,
+      type: FunctionSelectItem,
       selectedItem: newSelectedItem
     });
   }, [dispatch]);
   var setInputValue = useCallback(function (newInputValue) {
     dispatch({
-      type: FunctionSetInputValue$1,
+      type: FunctionSetInputValue,
       inputValue: newInputValue
     });
   }, [dispatch]);
@@ -3651,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:
@@ -3664,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
@@ -3676,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
@@ -3725,7 +3743,7 @@ function getA11yRemovalMessage(selectionParameters) {
   return itemToStringLocal(removedSelectedItem) + " has been removed.";
 }
 
-var propTypes$2 = {
+var propTypes = {
   selectedItems: PropTypes.array,
   initialSelectedItems: PropTypes.array,
   defaultSelectedItems: PropTypes.array,
@@ -3749,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.checkPropTypes(propTypes$2, options, 'prop', caller.name);
+  validatePropTypes = function validatePropTypes(options, caller) {
+    PropTypes.checkPropTypes(propTypes, options, 'prop', caller.name);
   };
 }
 
@@ -3779,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,
@@ -3795,7 +3813,7 @@ var stateChangeTypes$3 = /*#__PURE__*/Object.freeze({
   FunctionRemoveSelectedItem: FunctionRemoveSelectedItem,
   FunctionSetSelectedItems: FunctionSetSelectedItems,
   FunctionSetActiveIndex: FunctionSetActiveIndex,
-  FunctionReset: FunctionReset$2
+  FunctionReset: FunctionReset
 });
 
 /* eslint-disable complexity */
@@ -3908,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;
 
@@ -3922,16 +3940,16 @@ function downshiftMultipleSelectionReducer(state, action) {
   return _extends({}, 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({}, defaultProps$3, userProps);
+  var props = _extends({}, defaultProps, userProps);
 
   var getA11yRemovalMessage = props.getA11yRemovalMessage,
       itemToString = props.itemToString,
@@ -3939,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];
 
@@ -4150,7 +4168,7 @@ function useMultipleSelection(userProps) {
   }, [dispatch]);
   var reset = useCallback(function () {
     dispatch({
-      type: FunctionReset$2
+      type: FunctionReset
     });
   }, [dispatch]);
   return {