downshift 6.0.16 → 6.1.2

package/dist/downshift.umd.js

@@ -45,10 +45,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) {
@@ -64,7 +73,7 @@
    * This source code is licensed under the MIT license found in the
    * LICENSE file in the root directory of this source tree.
    */
-  var reactIs_development = createCommonjsModule(function (module, exports) {
+  var reactIs_development$1 = createCommonjsModule(function (module, exports) {
 
     {
       (function () {
@@ -246,10 +255,10 @@
     }
   });
 
-  var reactIs = createCommonjsModule(function (module) {
+  var reactIs$1 = createCommonjsModule(function (module) {
 
     {
-      module.exports = reactIs_development;
+      module.exports = reactIs_development$1;
     }
   });
 
@@ -355,8 +364,8 @@
    * LICENSE file in the root directory of this source tree.
    */
 
-  var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
-  var ReactPropTypesSecret_1 = ReactPropTypesSecret;
+  var ReactPropTypesSecret$1 = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
+  var ReactPropTypesSecret_1 = ReactPropTypesSecret$1;
 
   /**
    * Copyright (c) 2013-present, Facebook, Inc.
@@ -365,14 +374,14 @@
    * LICENSE file in the root directory of this source tree.
    */
 
-  var printWarning = function () {};
+  var printWarning$1 = function () {};
 
   {
-    var ReactPropTypesSecret$1 = ReactPropTypesSecret_1;
+    var ReactPropTypesSecret = ReactPropTypesSecret_1;
     var loggedTypeFailures = {};
-    var has = Function.call.bind(Object.prototype.hasOwnProperty);
+    var has$1 = Function.call.bind(Object.prototype.hasOwnProperty);
 
-    printWarning = function (text) {
+    printWarning$1 = function (text) {
       var message = 'Warning: ' + text;
 
       if (typeof console !== 'undefined') {
@@ -403,7 +412,7 @@
   function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
     {
       for (var typeSpecName in typeSpecs) {
-        if (has(typeSpecs, typeSpecName)) {
+        if (has$1(typeSpecs, typeSpecName)) {
           var error; // Prop type validation may throw. In case they do, we don't want to
           // fail the render phase where it didn't fail before. So we log it.
           // After these have been cleaned up, we'll let them throw.
@@ -417,13 +426,13 @@
               throw err;
             }
 
-            error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret$1);
+            error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);
           } catch (ex) {
             error = ex;
           }
 
           if (error && !(error instanceof Error)) {
-            printWarning((componentName || 'React class') + ': type specification of ' + location + ' `' + typeSpecName + '` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a ' + typeof error + '. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).');
+            printWarning$1((componentName || 'React class') + ': type specification of ' + location + ' `' + typeSpecName + '` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a ' + typeof error + '. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).');
           }
 
           if (error instanceof Error && !(error.message in loggedTypeFailures)) {
@@ -431,7 +440,7 @@
             // same error.
             loggedTypeFailures[error.message] = true;
             var stack = getStack ? getStack() : '';
-            printWarning('Failed ' + location + ' type: ' + error.message + (stack != null ? stack : ''));
+            printWarning$1('Failed ' + location + ' type: ' + error.message + (stack != null ? stack : ''));
           }
         }
       }
@@ -459,12 +468,12 @@
    * LICENSE file in the root directory of this source tree.
    */
 
-  var has$1 = Function.call.bind(Object.prototype.hasOwnProperty);
+  var has = Function.call.bind(Object.prototype.hasOwnProperty);
 
-  var printWarning$1 = function () {};
+  var printWarning = function () {};
 
   {
-    printWarning$1 = function (text) {
+    printWarning = function (text) {
       var message = 'Warning: ' + text;
 
       if (typeof console !== 'undefined') {
@@ -635,13 +644,13 @@
             var err = new Error('Calling PropTypes validators directly is not supported by the `prop-types` package. ' + 'Use `PropTypes.checkPropTypes()` to call them. ' + 'Read more at http://fb.me/use-check-prop-types');
             err.name = 'Invariant Violation';
             throw err;
-          } else if ( typeof console !== 'undefined') {
+          } else if (typeof console !== 'undefined') {
             // Old behavior for people using React.PropTypes
             var cacheKey = componentName + ':' + propName;
 
             if (!manualPropTypeCallCache[cacheKey] && // Avoid spamming the console because they are often not actionable except for lib authors
             manualPropTypeWarningCount < 3) {
-              printWarning$1('You are manually calling a React.PropTypes validation ' + 'function for the `' + propFullName + '` prop on `' + componentName + '`. This is deprecated ' + 'and will throw in the standalone `prop-types` package. ' + 'You may be seeing this warning due to a third-party PropTypes ' + 'library. See https://fb.me/react-warning-dont-call-proptypes ' + 'for details.');
+              printWarning('You are manually calling a React.PropTypes validation ' + 'function for the `' + propFullName + '` prop on `' + componentName + '`. This is deprecated ' + 'and will throw in the standalone `prop-types` package. ' + 'You may be seeing this warning due to a third-party PropTypes ' + 'library. See https://fb.me/react-warning-dont-call-proptypes ' + 'for details.');
               manualPropTypeCallCache[cacheKey] = true;
               manualPropTypeWarningCount++;
             }
@@ -737,7 +746,7 @@
       function validate(props, propName, componentName, location, propFullName) {
         var propValue = props[propName];
 
-        if (!reactIs.isValidElementType(propValue)) {
+        if (!reactIs$1.isValidElementType(propValue)) {
           var propType = getPropType(propValue);
           return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement type.'));
         }
@@ -766,9 +775,9 @@
       if (!Array.isArray(expectedValues)) {
         {
           if (arguments.length > 1) {
-            printWarning$1('Invalid arguments supplied to oneOf, expected an array, got ' + arguments.length + ' arguments. ' + 'A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).');
+            printWarning('Invalid arguments supplied to oneOf, expected an array, got ' + arguments.length + ' arguments. ' + 'A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).');
           } else {
-            printWarning$1('Invalid argument supplied to oneOf, expected an array.');
+            printWarning('Invalid argument supplied to oneOf, expected an array.');
           }
         }
 
@@ -813,7 +822,7 @@
         }
 
         for (var key in propValue) {
-          if (has$1(propValue, key)) {
+          if (has(propValue, key)) {
             var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret_1);
 
             if (error instanceof Error) {
@@ -830,7 +839,7 @@
 
     function createUnionTypeChecker(arrayOfTypeCheckers) {
       if (!Array.isArray(arrayOfTypeCheckers)) {
-         printWarning$1('Invalid argument supplied to oneOfType, expected an instance of array.') ;
+        printWarning('Invalid argument supplied to oneOfType, expected an instance of array.') ;
         return emptyFunctionThatReturnsNull;
       }
 
@@ -838,7 +847,7 @@
         var checker = arrayOfTypeCheckers[i];
 
         if (typeof checker !== 'function') {
-          printWarning$1('Invalid argument supplied to oneOfType. Expected an array of check functions, but ' + 'received ' + getPostfixForTypeWarning(checker) + ' at index ' + i + '.');
+          printWarning('Invalid argument supplied to oneOfType. Expected an array of check functions, but ' + 'received ' + getPostfixForTypeWarning(checker) + ' at index ' + i + '.');
           return emptyFunctionThatReturnsNull;
         }
       }
@@ -1093,9 +1102,9 @@
    * This source code is licensed under the MIT license found in the
    * LICENSE file in the root directory of this source tree.
    */
-  var propTypes = createCommonjsModule(function (module) {
+  var propTypes$3 = createCommonjsModule(function (module) {
     {
-      var ReactIs = reactIs; // By explicitly using `prop-types` you are opting into new development behavior.
+      var ReactIs = reactIs$1; // By explicitly using `prop-types` you are opting into new development behavior.
       // http://fb.me/prop-types-in-prod
 
       var throwOnDirectAccess = true;
@@ -1103,7 +1112,7 @@
     }
   });
 
-  /** @license React v17.0.1
+  /** @license React v17.0.2
    * react-is.production.min.js
    *
    * Copyright (c) Facebook, Inc. and its affiliates.
@@ -1133,7 +1142,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.
@@ -1141,7 +1150,7 @@
    * This source code is licensed under the MIT license found in the
    * LICENSE file in the root directory of this source tree.
    */
-  var reactIs_development$1 = createCommonjsModule(function (module, exports) {
+  var reactIs_development = createCommonjsModule(function (module, exports) {
 
     {
       (function () {
@@ -1365,15 +1374,15 @@
     }
   });
 
-  var reactIs$1 = createCommonjsModule(function (module) {
+  var reactIs = createCommonjsModule(function (module) {
 
     {
-      module.exports = reactIs_development$1;
+      module.exports = reactIs_development;
     }
   });
 
   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) {
@@ -1418,15 +1427,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,
@@ -1435,26 +1444,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
       });
     }
 
@@ -1616,7 +1625,7 @@
    */
 
 
-  function getA11yStatusMessage(_ref2) {
+  function getA11yStatusMessage$1(_ref2) {
     var isOpen = _ref2.isOpen,
         resultCount = _ref2.resultCount,
         previousResultCount = _ref2.previousResultCount;
@@ -1948,25 +1957,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,
@@ -2308,12 +2317,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.
@@ -2329,12 +2342,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.
@@ -2351,9 +2368,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"]);
@@ -2361,7 +2378,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),
@@ -2396,7 +2413,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
@@ -2439,9 +2456,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 = {};
@@ -2487,7 +2504,7 @@
           _this.internalSetState({
             type: changeInput,
             isOpen: true,
-            inputValue:  event.target.value,
+            inputValue: event.target.value,
             highlightedIndex: _this.props.defaultHighlightedIndex
           });
         };
@@ -2534,11 +2551,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) {
@@ -2549,8 +2566,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
@@ -2845,7 +2862,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) */
@@ -2940,7 +2957,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);
           }
         }
@@ -2995,7 +3012,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);
           }
 
@@ -3021,13 +3038,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);
         }
@@ -3052,53 +3069,53 @@
       suppressRefError: false,
       scrollIntoView: scrollIntoView
     };
-    Downshift.stateChangeTypes = stateChangeTypes;
+    Downshift.stateChangeTypes = stateChangeTypes$3;
     return Downshift;
   }();
 
-   Downshift.propTypes = {
-    children: propTypes.func,
-    defaultHighlightedIndex: propTypes.number,
-    defaultIsOpen: propTypes.bool,
-    initialHighlightedIndex: propTypes.number,
-    initialSelectedItem: propTypes.any,
-    initialInputValue: propTypes.string,
-    initialIsOpen: propTypes.bool,
-    getA11yStatusMessage: propTypes.func,
-    itemToString: propTypes.func,
-    onChange: propTypes.func,
-    onSelect: propTypes.func,
-    onStateChange: propTypes.func,
-    onInputValueChange: propTypes.func,
-    onUserAction: propTypes.func,
-    onOuterClick: propTypes.func,
-    selectedItemChanged: propTypes.func,
-    stateReducer: propTypes.func,
-    itemCount: propTypes.number,
-    id: propTypes.string,
-    environment: propTypes.shape({
-      addEventListener: propTypes.func,
-      removeEventListener: propTypes.func,
-      document: propTypes.shape({
-        getElementById: propTypes.func,
-        activeElement: propTypes.any,
-        body: propTypes.any
+  Downshift.propTypes = {
+    children: propTypes$3.func,
+    defaultHighlightedIndex: propTypes$3.number,
+    defaultIsOpen: propTypes$3.bool,
+    initialHighlightedIndex: propTypes$3.number,
+    initialSelectedItem: propTypes$3.any,
+    initialInputValue: propTypes$3.string,
+    initialIsOpen: propTypes$3.bool,
+    getA11yStatusMessage: propTypes$3.func,
+    itemToString: propTypes$3.func,
+    onChange: propTypes$3.func,
+    onSelect: propTypes$3.func,
+    onStateChange: propTypes$3.func,
+    onInputValueChange: propTypes$3.func,
+    onUserAction: propTypes$3.func,
+    onOuterClick: propTypes$3.func,
+    selectedItemChanged: propTypes$3.func,
+    stateReducer: propTypes$3.func,
+    itemCount: propTypes$3.number,
+    id: propTypes$3.string,
+    environment: propTypes$3.shape({
+      addEventListener: propTypes$3.func,
+      removeEventListener: propTypes$3.func,
+      document: propTypes$3.shape({
+        getElementById: propTypes$3.func,
+        activeElement: propTypes$3.any,
+        body: propTypes$3.any
       })
     }),
-    suppressRefError: propTypes.bool,
-    scrollIntoView: propTypes.func,
+    suppressRefError: propTypes$3.bool,
+    scrollIntoView: propTypes$3.func,
     // things we keep in state for uncontrolled components
     // but can accept as props for controlled components
 
     /* eslint-disable react/no-unused-prop-types */
-    selectedItem: propTypes.any,
-    isOpen: propTypes.bool,
-    inputValue: propTypes.string,
-    highlightedIndex: propTypes.number,
-    labelId: propTypes.string,
-    inputId: propTypes.string,
-    menuId: propTypes.string,
-    getItemId: propTypes.func
+    selectedItem: propTypes$3.any,
+    isOpen: propTypes$3.bool,
+    inputValue: propTypes$3.string,
+    highlightedIndex: propTypes$3.number,
+    labelId: propTypes$3.string,
+    inputId: propTypes$3.string,
+    menuId: propTypes$3.string,
+    getItemId: propTypes$3.func
     /* eslint-enable react/no-unused-prop-types */
 
   } ;
@@ -3117,7 +3134,7 @@
     var refKeySpecified = refKey !== 'ref';
     var isComposite = !isDOMElement(element);
 
-    if (isComposite && !refKeySpecified && !reactIs$1.isForwardRef(element)) {
+    if (isComposite && !refKeySpecified && !reactIs.isForwardRef(element)) {
       // eslint-disable-next-line no-console
       console.error('downshift: You returned a non-DOM element. You must specify a refKey in getRootProps');
     } else if (!isComposite && refKeySpecified) {
@@ -3125,7 +3142,7 @@
       console.error("downshift: You returned a DOM element. You should not specify a refKey in getRootProps. You specified \"" + refKey + "\"");
     }
 
-    if (!reactIs$1.isForwardRef(element) && !getElementProps(element)[refKey]) {
+    if (!reactIs.isForwardRef(element) && !getElementProps(element)[refKey]) {
       // eslint-disable-next-line no-console
       console.error("downshift: You must apply the ref prop \"" + refKey + "\" from getRootProps onto your root element.");
     }
@@ -3314,7 +3331,7 @@
    */
 
 
-  function useControlledReducer(reducer, initialState, props) {
+  function useControlledReducer$1(reducer, initialState, props) {
     var _useEnhancedReducer = useEnhancedReducer(reducer, initialState, props),
         state = _useEnhancedReducer[0],
         dispatch = _useEnhancedReducer[1];
@@ -3322,7 +3339,7 @@
     return [getState(state, props), dispatch];
   }
 
-  var defaultProps = {
+  var defaultProps$3 = {
     itemToString: itemToString,
     stateReducer: stateReducer,
     getA11ySelectionMessage: getA11ySelectionMessage,
@@ -3333,7 +3350,7 @@
     ? {} : window
   };
 
-  function getDefaultValue(props, propKey, defaultStateValues) {
+  function getDefaultValue$1(props, propKey, defaultStateValues) {
     if (defaultStateValues === void 0) {
       defaultStateValues = dropdownDefaultStateValues;
     }
@@ -3347,7 +3364,7 @@
     return defaultStateValues[propKey];
   }
 
-  function getInitialValue(props, propKey, defaultStateValues) {
+  function getInitialValue$1(props, propKey, defaultStateValues) {
     if (defaultStateValues === void 0) {
       defaultStateValues = dropdownDefaultStateValues;
     }
@@ -3362,14 +3379,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,
@@ -3664,10 +3681,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;
 
@@ -3697,38 +3714,38 @@
     return highlightedIndex;
   }
 
-  var propTypes$1 = {
-    items: propTypes.array.isRequired,
-    itemToString: propTypes.func,
-    getA11yStatusMessage: propTypes.func,
-    getA11ySelectionMessage: propTypes.func,
-    circularNavigation: propTypes.bool,
-    highlightedIndex: propTypes.number,
-    defaultHighlightedIndex: propTypes.number,
-    initialHighlightedIndex: propTypes.number,
-    isOpen: propTypes.bool,
-    defaultIsOpen: propTypes.bool,
-    initialIsOpen: propTypes.bool,
-    selectedItem: propTypes.any,
-    initialSelectedItem: propTypes.any,
-    defaultSelectedItem: propTypes.any,
-    id: propTypes.string,
-    labelId: propTypes.string,
-    menuId: propTypes.string,
-    getItemId: propTypes.func,
-    toggleButtonId: propTypes.string,
-    stateReducer: propTypes.func,
-    onSelectedItemChange: propTypes.func,
-    onHighlightedIndexChange: propTypes.func,
-    onStateChange: propTypes.func,
-    onIsOpenChange: propTypes.func,
-    environment: propTypes.shape({
-      addEventListener: propTypes.func,
-      removeEventListener: propTypes.func,
-      document: propTypes.shape({
-        getElementById: propTypes.func,
-        activeElement: propTypes.any,
-        body: propTypes.any
+  var propTypes$2 = {
+    items: propTypes$3.array.isRequired,
+    itemToString: propTypes$3.func,
+    getA11yStatusMessage: propTypes$3.func,
+    getA11ySelectionMessage: propTypes$3.func,
+    circularNavigation: propTypes$3.bool,
+    highlightedIndex: propTypes$3.number,
+    defaultHighlightedIndex: propTypes$3.number,
+    initialHighlightedIndex: propTypes$3.number,
+    isOpen: propTypes$3.bool,
+    defaultIsOpen: propTypes$3.bool,
+    initialIsOpen: propTypes$3.bool,
+    selectedItem: propTypes$3.any,
+    initialSelectedItem: propTypes$3.any,
+    defaultSelectedItem: propTypes$3.any,
+    id: propTypes$3.string,
+    labelId: propTypes$3.string,
+    menuId: propTypes$3.string,
+    getItemId: propTypes$3.func,
+    toggleButtonId: propTypes$3.string,
+    stateReducer: propTypes$3.func,
+    onSelectedItemChange: propTypes$3.func,
+    onHighlightedIndexChange: propTypes$3.func,
+    onStateChange: propTypes$3.func,
+    onIsOpenChange: propTypes$3.func,
+    environment: propTypes$3.shape({
+      addEventListener: propTypes$3.func,
+      removeEventListener: propTypes$3.func,
+      document: propTypes$3.shape({
+        getElementById: propTypes$3.func,
+        activeElement: propTypes$3.any,
+        body: propTypes$3.any
       })
     })
   };
@@ -3741,7 +3758,7 @@
    * @return {String} the a11y status message
    */
 
-  function getA11yStatusMessage$1(_ref) {
+  function getA11yStatusMessage(_ref) {
     var isOpen = _ref.isOpen,
         resultCount = _ref.resultCount,
         previousResultCount = _ref.previousResultCount;
@@ -3761,45 +3778,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.checkPropTypes(propTypes$1, options, 'prop', caller.name);
+    validatePropTypes$2 = function validatePropTypes(options, caller) {
+      propTypes$3.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,
@@ -3810,20 +3827,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 */
@@ -3835,10 +3852,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;
@@ -3873,8 +3890,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]
         });
@@ -3933,30 +3950,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,
@@ -3967,9 +3984,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];
 
@@ -4024,19 +4041,23 @@
       itemRefs: itemRefs,
       scrollIntoView: scrollIntoView,
       getItemNodeFromIndex: getItemNodeFromIndex
-    }); // Sets cleanup for the keysSoFar after 500ms.
+    }); // Sets cleanup for the keysSoFar callback, debounded after 500ms.
 
     react.useEffect(function () {
       // init the clean function here as we need access to dispatch.
-      if (isInitialMountRef.current) {
-        clearTimeoutRef.current = debounce(function (outerDispatch) {
-          outerDispatch({
-            type: FunctionSetInputValue,
-            inputValue: ''
-          });
-        }, 500);
-      }
+      clearTimeoutRef.current = debounce(function (outerDispatch) {
+        outerDispatch({
+          type: FunctionSetInputValue$1,
+          inputValue: ''
+        });
+      }, 500); // Cancel any pending debounced calls on mount
+
+      return function () {
+        clearTimeoutRef.current.cancel();
+      };
+    }, []); // Invokes the keysSoFar callback set up above.
 
+    react.useEffect(function () {
       if (!inputValue) {
         return;
       }
@@ -4180,39 +4201,39 @@
 
     var toggleMenu = react.useCallback(function () {
       dispatch({
-        type: FunctionToggleMenu
+        type: FunctionToggleMenu$1
       });
     }, [dispatch]);
     var closeMenu = react.useCallback(function () {
       dispatch({
-        type: FunctionCloseMenu
+        type: FunctionCloseMenu$1
       });
     }, [dispatch]);
     var openMenu = react.useCallback(function () {
       dispatch({
-        type: FunctionOpenMenu
+        type: FunctionOpenMenu$1
       });
     }, [dispatch]);
     var setHighlightedIndex = react.useCallback(function (newHighlightedIndex) {
       dispatch({
-        type: FunctionSetHighlightedIndex,
+        type: FunctionSetHighlightedIndex$1,
         highlightedIndex: newHighlightedIndex
       });
     }, [dispatch]);
     var selectItem = react.useCallback(function (newSelectedItem) {
       dispatch({
-        type: FunctionSelectItem,
+        type: FunctionSelectItem$1,
         selectedItem: newSelectedItem
       });
     }, [dispatch]);
     var reset = react.useCallback(function () {
       dispatch({
-        type: FunctionReset
+        type: FunctionReset$2
       });
     }, [dispatch]);
     var setInputValue = react.useCallback(function (newInputValue) {
       dispatch({
-        type: FunctionSetInputValue,
+        type: FunctionSetInputValue$1,
         inputValue: newInputValue
       });
     }, [dispatch]); // Getter functions.
@@ -4274,7 +4295,7 @@
 
       var menuHandleMouseLeave = function menuHandleMouseLeave() {
         dispatch({
-          type: MenuMouseLeave
+          type: MenuMouseLeave$1
         });
       };
 
@@ -4306,7 +4327,7 @@
 
       var toggleButtonHandleClick = function toggleButtonHandleClick() {
         dispatch({
-          type: ToggleButtonClick
+          type: ToggleButtonClick$1
         });
       };
 
@@ -4360,14 +4381,14 @@
 
         shouldScrollRef.current = false;
         dispatch({
-          type: ItemMouseMove,
+          type: ItemMouseMove$1,
           index: index
         });
       };
 
       var itemHandleClick = function itemHandleClick() {
         dispatch({
-          type: ItemClick,
+          type: ItemClick$1,
           index: index
         });
       };
@@ -4417,28 +4438,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,
@@ -4448,22 +4469,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;
 
@@ -4476,43 +4497,43 @@
     });
   }
 
-  var propTypes$2 = {
-    items: propTypes.array.isRequired,
-    itemToString: propTypes.func,
-    getA11yStatusMessage: propTypes.func,
-    getA11ySelectionMessage: propTypes.func,
-    circularNavigation: propTypes.bool,
-    highlightedIndex: propTypes.number,
-    defaultHighlightedIndex: propTypes.number,
-    initialHighlightedIndex: propTypes.number,
-    isOpen: propTypes.bool,
-    defaultIsOpen: propTypes.bool,
-    initialIsOpen: propTypes.bool,
-    selectedItem: propTypes.any,
-    initialSelectedItem: propTypes.any,
-    defaultSelectedItem: propTypes.any,
-    inputValue: propTypes.string,
-    defaultInputValue: propTypes.string,
-    initialInputValue: propTypes.string,
-    id: propTypes.string,
-    labelId: propTypes.string,
-    menuId: propTypes.string,
-    getItemId: propTypes.func,
-    inputId: propTypes.string,
-    toggleButtonId: propTypes.string,
-    stateReducer: propTypes.func,
-    onSelectedItemChange: propTypes.func,
-    onHighlightedIndexChange: propTypes.func,
-    onStateChange: propTypes.func,
-    onIsOpenChange: propTypes.func,
-    onInputValueChange: propTypes.func,
-    environment: propTypes.shape({
-      addEventListener: propTypes.func,
-      removeEventListener: propTypes.func,
-      document: propTypes.shape({
-        getElementById: propTypes.func,
-        activeElement: propTypes.any,
-        body: propTypes.any
+  var propTypes$1 = {
+    items: propTypes$3.array.isRequired,
+    itemToString: propTypes$3.func,
+    getA11yStatusMessage: propTypes$3.func,
+    getA11ySelectionMessage: propTypes$3.func,
+    circularNavigation: propTypes$3.bool,
+    highlightedIndex: propTypes$3.number,
+    defaultHighlightedIndex: propTypes$3.number,
+    initialHighlightedIndex: propTypes$3.number,
+    isOpen: propTypes$3.bool,
+    defaultIsOpen: propTypes$3.bool,
+    initialIsOpen: propTypes$3.bool,
+    selectedItem: propTypes$3.any,
+    initialSelectedItem: propTypes$3.any,
+    defaultSelectedItem: propTypes$3.any,
+    inputValue: propTypes$3.string,
+    defaultInputValue: propTypes$3.string,
+    initialInputValue: propTypes$3.string,
+    id: propTypes$3.string,
+    labelId: propTypes$3.string,
+    menuId: propTypes$3.string,
+    getItemId: propTypes$3.func,
+    inputId: propTypes$3.string,
+    toggleButtonId: propTypes$3.string,
+    stateReducer: propTypes$3.func,
+    onSelectedItemChange: propTypes$3.func,
+    onHighlightedIndexChange: propTypes$3.func,
+    onStateChange: propTypes$3.func,
+    onIsOpenChange: propTypes$3.func,
+    onInputValueChange: propTypes$3.func,
+    environment: propTypes$3.shape({
+      addEventListener: propTypes$3.func,
+      removeEventListener: propTypes$3.func,
+      document: propTypes$3.shape({
+        getElementById: propTypes$3.func,
+        activeElement: propTypes$3.any,
+        body: propTypes$3.any
       })
     })
   };
@@ -4529,7 +4550,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 = react.useRef();
 
     var _useEnhancedReducer = useEnhancedReducer(reducer, initialState, props),
@@ -4558,12 +4579,12 @@
 
   {
     validatePropTypes$1 = function validatePropTypes(options, caller) {
-      propTypes.checkPropTypes(propTypes$2, options, 'prop', caller.name);
+      propTypes$3.checkPropTypes(propTypes$1, options, 'prop', caller.name);
     };
   }
 
-  var defaultProps$2 = _extends({}, defaultProps, {
-    getA11yStatusMessage: getA11yStatusMessage,
+  var defaultProps$1 = _extends({}, defaultProps$3, {
+    getA11yStatusMessage: getA11yStatusMessage$1,
     circularNavigation: true
   });
 
@@ -4576,10 +4597,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])
         };
@@ -4593,7 +4614,7 @@
         } else {
           changes = {
             highlightedIndex: getHighlightedIndexOnOpen(props, state, 1, action.getItemNodeFromIndex),
-            isOpen: true
+            isOpen: props.items.length >= 0
           };
         }
 
@@ -4607,7 +4628,7 @@
         } else {
           changes = {
             highlightedIndex: getHighlightedIndexOnOpen(props, state, -1, action.getItemNodeFromIndex),
-            isOpen: true
+            isOpen: props.items.length >= 0
           };
         }
 
@@ -4616,8 +4637,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;
@@ -4633,39 +4654,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)
@@ -4679,14 +4697,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) {
@@ -4695,7 +4713,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,
@@ -4708,7 +4726,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];
 
@@ -4821,6 +4839,10 @@
           });
         },
         Home: function Home(event) {
+          if (!latest.current.state.isOpen) {
+            return;
+          }
+
           event.preventDefault();
           dispatch({
             type: InputKeyDownHome,
@@ -4828,6 +4850,10 @@
           });
         },
         End: function End(event) {
+          if (!latest.current.state.isOpen) {
+            return;
+          }
+
           event.preventDefault();
           dispatch({
             type: InputKeyDownEnd,
@@ -4835,22 +4861,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
@@ -4884,7 +4911,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]);
@@ -4898,9 +4925,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,
@@ -4911,8 +4938,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) {
@@ -4921,14 +4948,14 @@
 
         shouldScrollRef.current = false;
         dispatch({
-          type: ItemMouseMove$1,
+          type: ItemMouseMove,
           index: index
         });
       };
 
       var itemHandleClick = function itemHandleClick() {
         dispatch({
-          type: ItemClick$1,
+          type: ItemClick,
           index: index
         });
 
@@ -4949,16 +4976,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) {
@@ -4968,7 +4995,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]);
@@ -4979,9 +5006,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"]);
@@ -5004,13 +5031,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
@@ -5020,7 +5047,7 @@
       /* istanbul ignore next (preact) */
 
 
-      var onChangeKey =  'onChange';
+      var onChangeKey = 'onChange';
       var eventHandlers = {};
 
       if (!rest.disabled) {
@@ -5062,34 +5089,34 @@
 
     var toggleMenu = react.useCallback(function () {
       dispatch({
-        type: FunctionToggleMenu$1
+        type: FunctionToggleMenu
       });
     }, [dispatch]);
     var closeMenu = react.useCallback(function () {
       dispatch({
-        type: FunctionCloseMenu$1
+        type: FunctionCloseMenu
       });
     }, [dispatch]);
     var openMenu = react.useCallback(function () {
       dispatch({
-        type: FunctionOpenMenu$1
+        type: FunctionOpenMenu
       });
     }, [dispatch]);
     var setHighlightedIndex = react.useCallback(function (newHighlightedIndex) {
       dispatch({
-        type: FunctionSetHighlightedIndex$1,
+        type: FunctionSetHighlightedIndex,
         highlightedIndex: newHighlightedIndex
       });
     }, [dispatch]);
     var selectItem = react.useCallback(function (newSelectedItem) {
       dispatch({
-        type: FunctionSelectItem$1,
+        type: FunctionSelectItem,
         selectedItem: newSelectedItem
       });
     }, [dispatch]);
     var setInputValue = react.useCallback(function (newInputValue) {
       dispatch({
-        type: FunctionSetInputValue$1,
+        type: FunctionSetInputValue,
         inputValue: newInputValue
       });
     }, [dispatch]);
@@ -5136,8 +5163,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:
@@ -5149,8 +5176,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
@@ -5161,9 +5188,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
@@ -5210,63 +5237,63 @@
     return itemToStringLocal(removedSelectedItem) + " has been removed.";
   }
 
-  var propTypes$3 = {
-    selectedItems: propTypes.array,
-    initialSelectedItems: propTypes.array,
-    defaultSelectedItems: propTypes.array,
-    itemToString: propTypes.func,
-    getA11yRemovalMessage: propTypes.func,
-    stateReducer: propTypes.func,
-    activeIndex: propTypes.number,
-    initialActiveIndex: propTypes.number,
-    defaultActiveIndex: propTypes.number,
-    onActiveIndexChange: propTypes.func,
-    onSelectedItemsChange: propTypes.func,
-    keyNavigationNext: propTypes.string,
-    keyNavigationPrevious: propTypes.string,
-    environment: propTypes.shape({
-      addEventListener: propTypes.func,
-      removeEventListener: propTypes.func,
-      document: propTypes.shape({
-        getElementById: propTypes.func,
-        activeElement: propTypes.any,
-        body: propTypes.any
+  var propTypes = {
+    selectedItems: propTypes$3.array,
+    initialSelectedItems: propTypes$3.array,
+    defaultSelectedItems: propTypes$3.array,
+    itemToString: propTypes$3.func,
+    getA11yRemovalMessage: propTypes$3.func,
+    stateReducer: propTypes$3.func,
+    activeIndex: propTypes$3.number,
+    initialActiveIndex: propTypes$3.number,
+    defaultActiveIndex: propTypes$3.number,
+    onActiveIndexChange: propTypes$3.func,
+    onSelectedItemsChange: propTypes$3.func,
+    keyNavigationNext: propTypes$3.string,
+    keyNavigationPrevious: propTypes$3.string,
+    environment: propTypes$3.shape({
+      addEventListener: propTypes$3.func,
+      removeEventListener: propTypes$3.func,
+      document: propTypes$3.shape({
+        getElementById: propTypes$3.func,
+        activeElement: propTypes$3.any,
+        body: propTypes$3.any
       })
     })
   };
-  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.checkPropTypes(propTypes$3, options, 'prop', caller.name);
+    validatePropTypes = function validatePropTypes(options, caller) {
+      propTypes$3.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,
@@ -5280,7 +5307,7 @@
     FunctionRemoveSelectedItem: FunctionRemoveSelectedItem,
     FunctionSetSelectedItems: FunctionSetSelectedItems,
     FunctionSetActiveIndex: FunctionSetActiveIndex,
-    FunctionReset: FunctionReset$2
+    FunctionReset: FunctionReset
   });
 
   /* eslint-disable complexity */
@@ -5393,10 +5420,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;
 
@@ -5407,16 +5434,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,
@@ -5424,7 +5451,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];
 
@@ -5635,7 +5662,7 @@
     }, [dispatch]);
     var reset = react.useCallback(function () {
       dispatch({
-        type: FunctionReset$2
+        type: FunctionReset
       });
     }, [dispatch]);
     return {