downshift 6.0.16 → 6.1.2

package/preact/dist/downshift.umd.js

@@ -49,10 +49,19 @@
     return self;
   }
 
+  function _setPrototypeOf(o, p) {
+    _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+
+    return _setPrototypeOf(o, p);
+  }
+
   function _inheritsLoose(subClass, superClass) {
     subClass.prototype = Object.create(superClass.prototype);
     subClass.prototype.constructor = subClass;
-    subClass.__proto__ = superClass;
+    _setPrototypeOf(subClass, superClass);
   }
 
   function createCommonjsModule(fn) {
@@ -60,7 +69,7 @@
   	return fn(module, module.exports), module.exports;
   }
 
-  /** @license React v17.0.1
+  /** @license React v17.0.2
    * react-is.production.min.js
    *
    * Copyright (c) Facebook, Inc. and its affiliates.
@@ -90,7 +99,7 @@
     x("react.legacy_hidden");
   }
 
-  /** @license React v17.0.1
+  /** @license React v17.0.2
    * react-is.development.js
    *
    * Copyright (c) Facebook, Inc. and its affiliates.
@@ -330,7 +339,7 @@
   });
 
   function t(t) {
-    return null != t && "object" == typeof t && 1 === t.nodeType;
+    return "object" == typeof t && null != t && 1 === t.nodeType;
   }
 
   function e(t, e) {
@@ -375,15 +384,15 @@
     if (!t(e)) throw new TypeError("Invalid target");
 
     for (var f = document.scrollingElement || document.documentElement, s = [], p = e; t(p) && c(p);) {
-      if ((p = p.parentNode) === f) {
+      if ((p = p.parentElement) === f) {
         s.push(p);
         break;
       }
 
-      p === document.body && n(p) && !n(document.documentElement) || n(p, a) && s.push(p);
+      null != p && p === document.body && n(p) && !n(document.documentElement) || null != p && n(p, a) && s.push(p);
     }
 
-    for (var g = o.visualViewport ? o.visualViewport.width : innerWidth, m = o.visualViewport ? o.visualViewport.height : innerHeight, w = window.scrollX || pageXOffset, v = window.scrollY || pageYOffset, W = e.getBoundingClientRect(), b = W.height, H = W.width, y = W.top, M = W.right, E = W.bottom, V = W.left, x = "start" === d || "nearest" === d ? y : "end" === d ? E : y + b / 2, I = "center" === u ? V + H / 2 : "end" === u ? M : V, C = [], T = 0; T < s.length; T++) {
+    for (var m = o.visualViewport ? o.visualViewport.width : innerWidth, g = o.visualViewport ? o.visualViewport.height : innerHeight, w = window.scrollX || pageXOffset, v = window.scrollY || pageYOffset, W = e.getBoundingClientRect(), b = W.height, H = W.width, y = W.top, E = W.right, M = W.bottom, V = W.left, x = "start" === d || "nearest" === d ? y : "end" === d ? M : y + b / 2, I = "center" === u ? V + H / 2 : "end" === u ? E : V, C = [], T = 0; T < s.length; T++) {
       var k = s[T],
           B = k.getBoundingClientRect(),
           D = B.height,
@@ -392,26 +401,26 @@
           X = B.right,
           Y = B.bottom,
           L = B.left;
-      if ("if-needed" === l && y >= 0 && V >= 0 && E <= m && M <= g && y >= R && E <= Y && V >= L && M <= X) return C;
+      if ("if-needed" === l && y >= 0 && V >= 0 && M <= g && E <= m && y >= R && M <= Y && V >= L && E <= X) return C;
       var S = getComputedStyle(k),
           j = parseInt(S.borderLeftWidth, 10),
-          N = parseInt(S.borderTopWidth, 10),
-          q = parseInt(S.borderRightWidth, 10),
-          z = parseInt(S.borderBottomWidth, 10),
-          A = 0,
+          q = parseInt(S.borderTopWidth, 10),
+          z = parseInt(S.borderRightWidth, 10),
+          A = parseInt(S.borderBottomWidth, 10),
           F = 0,
-          G = "offsetWidth" in k ? k.offsetWidth - k.clientWidth - j - q : 0,
-          J = "offsetHeight" in k ? k.offsetHeight - k.clientHeight - N - z : 0;
-      if (f === k) A = "start" === d ? x : "end" === d ? x - m : "nearest" === d ? r(v, v + m, m, N, z, v + x, v + x + b, b) : x - m / 2, F = "start" === u ? I : "center" === u ? I - g / 2 : "end" === u ? I - g : r(w, w + g, g, j, q, w + I, w + I + H, H), A = Math.max(0, A + v), F = Math.max(0, F + w);else {
-        A = "start" === d ? x - R - N : "end" === d ? x - Y + z + J : "nearest" === d ? r(R, Y, D, N, z + J, x, x + b, b) : x - (R + D / 2) + J / 2, F = "start" === u ? I - L - j : "center" === u ? I - (L + O / 2) + G / 2 : "end" === u ? I - X + q + G : r(L, X, O, j, q + G, I, I + H, H);
-        var K = k.scrollLeft,
+          G = 0,
+          J = "offsetWidth" in k ? k.offsetWidth - k.clientWidth - j - z : 0,
+          K = "offsetHeight" in k ? k.offsetHeight - k.clientHeight - q - A : 0;
+      if (f === k) F = "start" === d ? x : "end" === d ? x - g : "nearest" === d ? r(v, v + g, g, q, A, v + x, v + x + b, b) : x - g / 2, G = "start" === u ? I : "center" === u ? I - m / 2 : "end" === u ? I - m : r(w, w + m, m, j, z, w + I, w + I + H, H), F = Math.max(0, F + v), G = Math.max(0, G + w);else {
+        F = "start" === d ? x - R - q : "end" === d ? x - Y + A + K : "nearest" === d ? r(R, Y, D, q, A + K, x, x + b, b) : x - (R + D / 2) + K / 2, G = "start" === u ? I - L - j : "center" === u ? I - (L + O / 2) + J / 2 : "end" === u ? I - X + z + J : r(L, X, O, j, z + J, I, I + H, H);
+        var N = k.scrollLeft,
             P = k.scrollTop;
-        x += P - (A = Math.max(0, Math.min(P + A, k.scrollHeight - D + J))), I += K - (F = Math.max(0, Math.min(K + F, k.scrollWidth - O + G)));
+        x += P - (F = Math.max(0, Math.min(P + F, k.scrollHeight - D + K))), I += N - (G = Math.max(0, Math.min(N + G, k.scrollWidth - O + J)));
       }
       C.push({
         el: k,
-        top: A,
-        left: F
+        top: F,
+        left: G
       });
     }
 
@@ -573,7 +582,7 @@
    */
 
 
-  function getA11yStatusMessage(_ref2) {
+  function getA11yStatusMessage$1(_ref2) {
     var isOpen = _ref2.isOpen,
         resultCount = _ref2.resultCount,
         previousResultCount = _ref2.previousResultCount;
@@ -911,25 +920,25 @@
     return statusDiv;
   }
 
-  var unknown =  '__autocomplete_unknown__' ;
-  var mouseUp =  '__autocomplete_mouseup__' ;
-  var itemMouseEnter =  '__autocomplete_item_mouseenter__' ;
-  var keyDownArrowUp =  '__autocomplete_keydown_arrow_up__' ;
-  var keyDownArrowDown =  '__autocomplete_keydown_arrow_down__' ;
-  var keyDownEscape =  '__autocomplete_keydown_escape__' ;
-  var keyDownEnter =  '__autocomplete_keydown_enter__' ;
-  var keyDownHome =  '__autocomplete_keydown_home__' ;
-  var keyDownEnd =  '__autocomplete_keydown_end__' ;
-  var clickItem =  '__autocomplete_click_item__' ;
-  var blurInput =  '__autocomplete_blur_input__' ;
-  var changeInput =  '__autocomplete_change_input__' ;
-  var keyDownSpaceButton =  '__autocomplete_keydown_space_button__' ;
-  var clickButton =  '__autocomplete_click_button__' ;
-  var blurButton =  '__autocomplete_blur_button__' ;
-  var controlledPropUpdatedSelectedItem =  '__autocomplete_controlled_prop_updated_selected_item__' ;
-  var touchEnd =  '__autocomplete_touchend__' ;
+  var unknown = '__autocomplete_unknown__' ;
+  var mouseUp = '__autocomplete_mouseup__' ;
+  var itemMouseEnter = '__autocomplete_item_mouseenter__' ;
+  var keyDownArrowUp = '__autocomplete_keydown_arrow_up__' ;
+  var keyDownArrowDown = '__autocomplete_keydown_arrow_down__' ;
+  var keyDownEscape = '__autocomplete_keydown_escape__' ;
+  var keyDownEnter = '__autocomplete_keydown_enter__' ;
+  var keyDownHome = '__autocomplete_keydown_home__' ;
+  var keyDownEnd = '__autocomplete_keydown_end__' ;
+  var clickItem = '__autocomplete_click_item__' ;
+  var blurInput = '__autocomplete_blur_input__' ;
+  var changeInput = '__autocomplete_change_input__' ;
+  var keyDownSpaceButton = '__autocomplete_keydown_space_button__' ;
+  var clickButton = '__autocomplete_click_button__' ;
+  var blurButton = '__autocomplete_blur_button__' ;
+  var controlledPropUpdatedSelectedItem = '__autocomplete_controlled_prop_updated_selected_item__' ;
+  var touchEnd = '__autocomplete_touchend__' ;
 
-  var stateChangeTypes = /*#__PURE__*/Object.freeze({
+  var stateChangeTypes$3 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     unknown: unknown,
     mouseUp: mouseUp,
@@ -1271,12 +1280,16 @@
           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.
@@ -1292,12 +1305,16 @@
           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.
@@ -1314,9 +1331,9 @@
 
         _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"]);
@@ -1324,7 +1341,7 @@
           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),
@@ -1359,7 +1376,7 @@
 
           /* 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
@@ -1402,9 +1419,9 @@
               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 = {};
@@ -1450,7 +1467,7 @@
           _this.internalSetState({
             type: changeInput,
             isOpen: true,
-            inputValue:  event.target.value,
+            inputValue: event.target.value,
             highlightedIndex: _this.props.defaultHighlightedIndex
           });
         };
@@ -1497,11 +1514,11 @@
           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 ?  requiredProp('getItemProps', 'item') : _ref7$item,
+              item = _ref7$item === void 0 ? requiredProp('getItemProps', 'item') : _ref7$item,
               rest = _objectWithoutPropertiesLoose(_ref7, ["onMouseMove", "onMouseDown", "onClick", "onPress", "index", "item"]);
 
           if (index === undefined) {
@@ -1512,8 +1529,8 @@
             _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
@@ -1808,7 +1825,7 @@
         var _this7 = this;
 
         /* istanbul ignore if (react-native) */
-        if ( this.getMenuProps.called && !this.getMenuProps.suppressRefError) {
+        if (this.getMenuProps.called && !this.getMenuProps.suppressRefError) {
           validateGetMenuPropsCalledCorrectly(this._menuNode, this.getMenuProps);
         }
         /* istanbul ignore if (react-native) */
@@ -1903,7 +1920,7 @@
           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);
           }
         }
@@ -1958,7 +1975,7 @@
         }
 
         if (this.getRootProps.called || this.props.suppressRefError) {
-          if ( !this.getRootProps.suppressRefError && !this.props.suppressRefError) {
+          if (!this.getRootProps.suppressRefError && !this.props.suppressRefError) {
             validateGetRootPropsCalledCorrectly(element, this.getRootProps);
           }
 
@@ -1984,13 +2001,13 @@
     Downshift.defaultProps = {
       defaultHighlightedIndex: null,
       defaultIsOpen: false,
-      getA11yStatusMessage: getA11yStatusMessage,
+      getA11yStatusMessage: getA11yStatusMessage$1,
       itemToString: function itemToString(i) {
         if (i == null) {
           return '';
         }
 
-        if ( isPlainObject(i) && !i.hasOwnProperty('toString')) {
+        if (isPlainObject(i) && !i.hasOwnProperty('toString')) {
           // eslint-disable-next-line no-console
           console.warn('downshift: An object was passed to the default implementation of `itemToString`. You should probably provide your own `itemToString` implementation. Please refer to the `itemToString` API documentation.', 'The object that was passed:', i);
         }
@@ -2015,7 +2032,7 @@
       suppressRefError: false,
       scrollIntoView: scrollIntoView
     };
-    Downshift.stateChangeTypes = stateChangeTypes;
+    Downshift.stateChangeTypes = stateChangeTypes$3;
     return Downshift;
   }();
 
@@ -2230,7 +2247,7 @@
    */
 
 
-  function useControlledReducer(reducer, initialState, props) {
+  function useControlledReducer$1(reducer, initialState, props) {
     var _useEnhancedReducer = useEnhancedReducer(reducer, initialState, props),
         state = _useEnhancedReducer[0],
         dispatch = _useEnhancedReducer[1];
@@ -2238,7 +2255,7 @@
     return [getState(state, props), dispatch];
   }
 
-  var defaultProps = {
+  var defaultProps$3 = {
     itemToString: itemToString,
     stateReducer: stateReducer,
     getA11ySelectionMessage: getA11ySelectionMessage,
@@ -2249,7 +2266,7 @@
     ? {} : window
   };
 
-  function getDefaultValue(props, propKey, defaultStateValues) {
+  function getDefaultValue$1(props, propKey, defaultStateValues) {
     if (defaultStateValues === void 0) {
       defaultStateValues = dropdownDefaultStateValues;
     }
@@ -2263,7 +2280,7 @@
     return defaultStateValues[propKey];
   }
 
-  function getInitialValue(props, propKey, defaultStateValues) {
+  function getInitialValue$1(props, propKey, defaultStateValues) {
     if (defaultStateValues === void 0) {
       defaultStateValues = dropdownDefaultStateValues;
     }
@@ -2278,14 +2295,14 @@
       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,
@@ -2580,10 +2597,10 @@
 
       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;
 
@@ -2613,7 +2630,7 @@
     return highlightedIndex;
   }
 
-  var propTypes = {
+  var propTypes$2 = {
     items: PropTypes__default['default'].array.isRequired,
     itemToString: PropTypes__default['default'].func,
     getA11yStatusMessage: PropTypes__default['default'].func,
@@ -2657,7 +2674,7 @@
    * @return {String} the a11y status message
    */
 
-  function getA11yStatusMessage$1(_ref) {
+  function getA11yStatusMessage(_ref) {
     var isOpen = _ref.isOpen,
         resultCount = _ref.resultCount,
         previousResultCount = _ref.previousResultCount;
@@ -2677,45 +2694,45 @@
     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 */
 
   {
-    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);
     };
   }
 
-  var MenuKeyDownArrowDown =  '__menu_keydown_arrow_down__' ;
-  var MenuKeyDownArrowUp =  '__menu_keydown_arrow_up__' ;
-  var MenuKeyDownEscape =  '__menu_keydown_escape__' ;
-  var MenuKeyDownHome =  '__menu_keydown_home__' ;
-  var MenuKeyDownEnd =  '__menu_keydown_end__' ;
-  var MenuKeyDownEnter =  '__menu_keydown_enter__' ;
-  var MenuKeyDownSpaceButton =  '__menu_keydown_space_button__' ;
-  var MenuKeyDownCharacter =  '__menu_keydown_character__' ;
-  var MenuBlur =  '__menu_blur__' ;
-  var MenuMouseLeave =  '__menu_mouse_leave__' ;
-  var ItemMouseMove =  '__item_mouse_move__' ;
-  var ItemClick =  '__item_click__' ;
-  var ToggleButtonClick =  '__togglebutton_click__' ;
-  var ToggleButtonKeyDownArrowDown =  '__togglebutton_keydown_arrow_down__' ;
-  var ToggleButtonKeyDownArrowUp =  '__togglebutton_keydown_arrow_up__' ;
-  var ToggleButtonKeyDownCharacter =  '__togglebutton_keydown_character__' ;
-  var FunctionToggleMenu =  '__function_toggle_menu__' ;
-  var FunctionOpenMenu =  '__function_open_menu__' ;
-  var FunctionCloseMenu =  '__function_close_menu__' ;
-  var FunctionSetHighlightedIndex =  '__function_set_highlighted_index__' ;
-  var FunctionSelectItem =  '__function_select_item__' ;
-  var FunctionSetInputValue =  '__function_set_input_value__' ;
-  var FunctionReset =  '__function_reset__' ;
+  var MenuKeyDownArrowDown = '__menu_keydown_arrow_down__' ;
+  var MenuKeyDownArrowUp = '__menu_keydown_arrow_up__' ;
+  var MenuKeyDownEscape = '__menu_keydown_escape__' ;
+  var MenuKeyDownHome = '__menu_keydown_home__' ;
+  var MenuKeyDownEnd = '__menu_keydown_end__' ;
+  var MenuKeyDownEnter = '__menu_keydown_enter__' ;
+  var MenuKeyDownSpaceButton = '__menu_keydown_space_button__' ;
+  var MenuKeyDownCharacter = '__menu_keydown_character__' ;
+  var MenuBlur = '__menu_blur__' ;
+  var MenuMouseLeave$1 = '__menu_mouse_leave__' ;
+  var ItemMouseMove$1 = '__item_mouse_move__' ;
+  var ItemClick$1 = '__item_click__' ;
+  var ToggleButtonClick$1 = '__togglebutton_click__' ;
+  var ToggleButtonKeyDownArrowDown = '__togglebutton_keydown_arrow_down__' ;
+  var ToggleButtonKeyDownArrowUp = '__togglebutton_keydown_arrow_up__' ;
+  var ToggleButtonKeyDownCharacter = '__togglebutton_keydown_character__' ;
+  var FunctionToggleMenu$1 = '__function_toggle_menu__' ;
+  var FunctionOpenMenu$1 = '__function_open_menu__' ;
+  var FunctionCloseMenu$1 = '__function_close_menu__' ;
+  var FunctionSetHighlightedIndex$1 = '__function_set_highlighted_index__' ;
+  var FunctionSelectItem$1 = '__function_select_item__' ;
+  var FunctionSetInputValue$1 = '__function_set_input_value__' ;
+  var FunctionReset$2 = '__function_reset__' ;
 
-  var stateChangeTypes$1 = /*#__PURE__*/Object.freeze({
+  var stateChangeTypes$2 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     MenuKeyDownArrowDown: MenuKeyDownArrowDown,
     MenuKeyDownArrowUp: MenuKeyDownArrowUp,
@@ -2726,20 +2743,20 @@
     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 */
@@ -2751,10 +2768,10 @@
     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;
@@ -2789,8 +2806,8 @@
       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]
         });
@@ -2849,30 +2866,30 @@
         };
         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,
@@ -2883,9 +2900,9 @@
         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];
 
@@ -2940,19 +2957,23 @@
       itemRefs: itemRefs,
       scrollIntoView: scrollIntoView,
       getItemNodeFromIndex: getItemNodeFromIndex
-    }); // Sets cleanup for the keysSoFar after 500ms.
+    }); // Sets cleanup for the keysSoFar callback, debounded after 500ms.
 
     preact.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.
+
+    preact.useEffect(function () {
       if (!inputValue) {
         return;
       }
@@ -3096,39 +3117,39 @@
 
     var toggleMenu = preact.useCallback(function () {
       dispatch({
-        type: FunctionToggleMenu
+        type: FunctionToggleMenu$1
       });
     }, [dispatch]);
     var closeMenu = preact.useCallback(function () {
       dispatch({
-        type: FunctionCloseMenu
+        type: FunctionCloseMenu$1
       });
     }, [dispatch]);
     var openMenu = preact.useCallback(function () {
       dispatch({
-        type: FunctionOpenMenu
+        type: FunctionOpenMenu$1
       });
     }, [dispatch]);
     var setHighlightedIndex = preact.useCallback(function (newHighlightedIndex) {
       dispatch({
-        type: FunctionSetHighlightedIndex,
+        type: FunctionSetHighlightedIndex$1,
         highlightedIndex: newHighlightedIndex
       });
     }, [dispatch]);
     var selectItem = preact.useCallback(function (newSelectedItem) {
       dispatch({
-        type: FunctionSelectItem,
+        type: FunctionSelectItem$1,
         selectedItem: newSelectedItem
       });
     }, [dispatch]);
     var reset = preact.useCallback(function () {
       dispatch({
-        type: FunctionReset
+        type: FunctionReset$2
       });
     }, [dispatch]);
     var setInputValue = preact.useCallback(function (newInputValue) {
       dispatch({
-        type: FunctionSetInputValue,
+        type: FunctionSetInputValue$1,
         inputValue: newInputValue
       });
     }, [dispatch]); // Getter functions.
@@ -3190,7 +3211,7 @@
 
       var menuHandleMouseLeave = function menuHandleMouseLeave() {
         dispatch({
-          type: MenuMouseLeave
+          type: MenuMouseLeave$1
         });
       };
 
@@ -3222,7 +3243,7 @@
 
       var toggleButtonHandleClick = function toggleButtonHandleClick() {
         dispatch({
-          type: ToggleButtonClick
+          type: ToggleButtonClick$1
         });
       };
 
@@ -3276,14 +3297,14 @@
 
         shouldScrollRef.current = false;
         dispatch({
-          type: ItemMouseMove,
+          type: ItemMouseMove$1,
           index: index
         });
       };
 
       var itemHandleClick = function itemHandleClick() {
         dispatch({
-          type: ItemClick,
+          type: ItemClick$1,
           index: index
         });
       };
@@ -3333,28 +3354,28 @@
     };
   }
 
-  var InputKeyDownArrowDown =  '__input_keydown_arrow_down__' ;
-  var InputKeyDownArrowUp =  '__input_keydown_arrow_up__' ;
-  var InputKeyDownEscape =  '__input_keydown_escape__' ;
-  var InputKeyDownHome =  '__input_keydown_home__' ;
-  var InputKeyDownEnd =  '__input_keydown_end__' ;
-  var InputKeyDownEnter =  '__input_keydown_enter__' ;
-  var InputChange =  '__input_change__' ;
-  var InputBlur =  '__input_blur__' ;
-  var MenuMouseLeave$1 =  '__menu_mouse_leave__' ;
-  var ItemMouseMove$1 =  '__item_mouse_move__' ;
-  var ItemClick$1 =  '__item_click__' ;
-  var ToggleButtonClick$1 =  '__togglebutton_click__' ;
-  var FunctionToggleMenu$1 =  '__function_toggle_menu__' ;
-  var FunctionOpenMenu$1 =  '__function_open_menu__' ;
-  var FunctionCloseMenu$1 =  '__function_close_menu__' ;
-  var FunctionSetHighlightedIndex$1 =  '__function_set_highlighted_index__' ;
-  var FunctionSelectItem$1 =  '__function_select_item__' ;
-  var FunctionSetInputValue$1 =  '__function_set_input_value__' ;
-  var FunctionReset$1 =  '__function_reset__' ;
-  var ControlledPropUpdatedSelectedItem =  '__controlled_prop_updated_selected_item__' ;
+  var InputKeyDownArrowDown = '__input_keydown_arrow_down__' ;
+  var InputKeyDownArrowUp = '__input_keydown_arrow_up__' ;
+  var InputKeyDownEscape = '__input_keydown_escape__' ;
+  var InputKeyDownHome = '__input_keydown_home__' ;
+  var InputKeyDownEnd = '__input_keydown_end__' ;
+  var InputKeyDownEnter = '__input_keydown_enter__' ;
+  var InputChange = '__input_change__' ;
+  var InputBlur = '__input_blur__' ;
+  var MenuMouseLeave = '__menu_mouse_leave__' ;
+  var ItemMouseMove = '__item_mouse_move__' ;
+  var ItemClick = '__item_click__' ;
+  var ToggleButtonClick = '__togglebutton_click__' ;
+  var FunctionToggleMenu = '__function_toggle_menu__' ;
+  var FunctionOpenMenu = '__function_open_menu__' ;
+  var FunctionCloseMenu = '__function_close_menu__' ;
+  var FunctionSetHighlightedIndex = '__function_set_highlighted_index__' ;
+  var FunctionSelectItem = '__function_select_item__' ;
+  var FunctionSetInputValue = '__function_set_input_value__' ;
+  var FunctionReset$1 = '__function_reset__' ;
+  var ControlledPropUpdatedSelectedItem = '__controlled_prop_updated_selected_item__' ;
 
-  var stateChangeTypes$2 = /*#__PURE__*/Object.freeze({
+  var stateChangeTypes$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     InputKeyDownArrowDown: InputKeyDownArrowDown,
     InputKeyDownArrowUp: InputKeyDownArrowUp,
@@ -3364,22 +3385,22 @@
     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;
 
@@ -3445,7 +3466,7 @@
    * @returns {Array} An array with the state and an action dispatcher.
    */
 
-  function useControlledReducer$1(reducer, initialState, props) {
+  function useControlledReducer(reducer, initialState, props) {
     var previousSelectedItemRef = preact.useRef();
 
     var _useEnhancedReducer = useEnhancedReducer(reducer, initialState, props),
@@ -3478,8 +3499,8 @@
     };
   }
 
-  var defaultProps$2 = _extends({}, defaultProps, {
-    getA11yStatusMessage: getA11yStatusMessage,
+  var defaultProps$1 = _extends({}, defaultProps$3, {
+    getA11yStatusMessage: getA11yStatusMessage$1,
     circularNavigation: true
   });
 
@@ -3492,10 +3513,10 @@
     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])
         };
@@ -3509,7 +3530,7 @@
         } else {
           changes = {
             highlightedIndex: getHighlightedIndexOnOpen(props, state, 1, action.getItemNodeFromIndex),
-            isOpen: true
+            isOpen: props.items.length >= 0
           };
         }
 
@@ -3523,7 +3544,7 @@
         } else {
           changes = {
             highlightedIndex: getHighlightedIndexOnOpen(props, state, -1, action.getItemNodeFromIndex),
-            isOpen: true
+            isOpen: props.items.length >= 0
           };
         }
 
@@ -3532,8 +3553,8 @@
       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;
@@ -3549,39 +3570,36 @@
         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)
@@ -3595,14 +3613,14 @@
         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) {
@@ -3611,7 +3629,7 @@
 
     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,
@@ -3624,7 +3642,7 @@
 
     var initialState = getInitialState$1(props);
 
-    var _useControlledReducer = useControlledReducer$1(downshiftUseComboboxReducer, initialState, props),
+    var _useControlledReducer = useControlledReducer(downshiftUseComboboxReducer, initialState, props),
         state = _useControlledReducer[0],
         dispatch = _useControlledReducer[1];
 
@@ -3737,6 +3755,10 @@
           });
         },
         Home: function Home(event) {
+          if (!latest.current.state.isOpen) {
+            return;
+          }
+
           event.preventDefault();
           dispatch({
             type: InputKeyDownHome,
@@ -3744,6 +3766,10 @@
           });
         },
         End: function End(event) {
+          if (!latest.current.state.isOpen) {
+            return;
+          }
+
           event.preventDefault();
           dispatch({
             type: InputKeyDownEnd,
@@ -3751,22 +3777,23 @@
           });
         },
         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
@@ -3800,7 +3827,7 @@
         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]);
@@ -3814,9 +3841,9 @@
           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,
@@ -3827,8 +3854,8 @@
         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) {
@@ -3837,14 +3864,14 @@
 
         shouldScrollRef.current = false;
         dispatch({
-          type: ItemMouseMove$1,
+          type: ItemMouseMove,
           index: index
         });
       };
 
       var itemHandleClick = function itemHandleClick() {
         dispatch({
-          type: ItemClick$1,
+          type: ItemClick,
           index: index
         });
 
@@ -3865,16 +3892,16 @@
       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) {
@@ -3884,7 +3911,7 @@
 
       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]);
@@ -3895,9 +3922,9 @@
           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"]);
@@ -3920,13 +3947,13 @@
       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
@@ -3936,7 +3963,7 @@
       /* istanbul ignore next (preact) */
 
 
-      var onChangeKey =  'onInput' ;
+      var onChangeKey = 'onInput' ;
       var eventHandlers = {};
 
       if (!rest.disabled) {
@@ -3978,34 +4005,34 @@
 
     var toggleMenu = preact.useCallback(function () {
       dispatch({
-        type: FunctionToggleMenu$1
+        type: FunctionToggleMenu
       });
     }, [dispatch]);
     var closeMenu = preact.useCallback(function () {
       dispatch({
-        type: FunctionCloseMenu$1
+        type: FunctionCloseMenu
       });
     }, [dispatch]);
     var openMenu = preact.useCallback(function () {
       dispatch({
-        type: FunctionOpenMenu$1
+        type: FunctionOpenMenu
       });
     }, [dispatch]);
     var setHighlightedIndex = preact.useCallback(function (newHighlightedIndex) {
       dispatch({
-        type: FunctionSetHighlightedIndex$1,
+        type: FunctionSetHighlightedIndex,
         highlightedIndex: newHighlightedIndex
       });
     }, [dispatch]);
     var selectItem = preact.useCallback(function (newSelectedItem) {
       dispatch({
-        type: FunctionSelectItem$1,
+        type: FunctionSelectItem,
         selectedItem: newSelectedItem
       });
     }, [dispatch]);
     var setInputValue = preact.useCallback(function (newInputValue) {
       dispatch({
-        type: FunctionSetInputValue$1,
+        type: FunctionSetInputValue,
         inputValue: newInputValue
       });
     }, [dispatch]);
@@ -4052,8 +4079,8 @@
    * @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:
@@ -4065,8 +4092,8 @@
    */
 
 
-  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
@@ -4077,9 +4104,9 @@
    */
 
 
-  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
@@ -4126,7 +4153,7 @@
     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,
@@ -4150,39 +4177,39 @@
       })
     })
   };
-  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 */
 
   {
-    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);
     };
   }
 
-  var SelectedItemClick =  '__selected_item_click__' ;
-  var SelectedItemKeyDownDelete =  '__selected_item_keydown_delete__' ;
-  var SelectedItemKeyDownBackspace =  '__selected_item_keydown_backspace__' ;
-  var SelectedItemKeyDownNavigationNext =  '__selected_item_keydown_navigation_next__' ;
-  var SelectedItemKeyDownNavigationPrevious =  '__selected_item_keydown_navigation_previous__' ;
-  var DropdownKeyDownNavigationPrevious =  '__dropdown_keydown_navigation_previous__' ;
-  var DropdownKeyDownBackspace =  '__dropdown_keydown_backspace__' ;
-  var DropdownClick =  '__dropdown_click__' ;
-  var FunctionAddSelectedItem =  '__function_add_selected_item__' ;
-  var FunctionRemoveSelectedItem =  '__function_remove_selected_item__' ;
-  var FunctionSetSelectedItems =  '__function_set_selected_items__' ;
-  var FunctionSetActiveIndex =  '__function_set_active_index__' ;
-  var FunctionReset$2 =  '__function_reset__' ;
+  var SelectedItemClick = '__selected_item_click__' ;
+  var SelectedItemKeyDownDelete = '__selected_item_keydown_delete__' ;
+  var SelectedItemKeyDownBackspace = '__selected_item_keydown_backspace__' ;
+  var SelectedItemKeyDownNavigationNext = '__selected_item_keydown_navigation_next__' ;
+  var SelectedItemKeyDownNavigationPrevious = '__selected_item_keydown_navigation_previous__' ;
+  var DropdownKeyDownNavigationPrevious = '__dropdown_keydown_navigation_previous__' ;
+  var DropdownKeyDownBackspace = '__dropdown_keydown_backspace__' ;
+  var DropdownClick = '__dropdown_click__' ;
+  var FunctionAddSelectedItem = '__function_add_selected_item__' ;
+  var FunctionRemoveSelectedItem = '__function_remove_selected_item__' ;
+  var FunctionSetSelectedItems = '__function_set_selected_items__' ;
+  var FunctionSetActiveIndex = '__function_set_active_index__' ;
+  var FunctionReset = '__function_reset__' ;
 
-  var stateChangeTypes$3 = /*#__PURE__*/Object.freeze({
+  var stateChangeTypes = /*#__PURE__*/Object.freeze({
     __proto__: null,
     SelectedItemClick: SelectedItemClick,
     SelectedItemKeyDownDelete: SelectedItemKeyDownDelete,
@@ -4196,7 +4223,7 @@
     FunctionRemoveSelectedItem: FunctionRemoveSelectedItem,
     FunctionSetSelectedItems: FunctionSetSelectedItems,
     FunctionSetActiveIndex: FunctionSetActiveIndex,
-    FunctionReset: FunctionReset$2
+    FunctionReset: FunctionReset
   });
 
   /* eslint-disable complexity */
@@ -4309,10 +4336,10 @@
           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;
 
@@ -4323,16 +4350,16 @@
     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,
@@ -4340,7 +4367,7 @@
         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];
 
@@ -4551,7 +4578,7 @@
     }, [dispatch]);
     var reset = preact.useCallback(function () {
       dispatch({
-        type: FunctionReset$2
+        type: FunctionReset
       });
     }, [dispatch]);
     return {