downshift 6.1.0 → 6.1.3

package/dist/downshift.cjs.js

@@ -63,12 +63,14 @@ function scrollIntoView(node, menuNode) {
 /**
  * @param {HTMLElement} parent the parent node
  * @param {HTMLElement} child the child node
+ * @param {Window} environment The window context where downshift renders.
  * @return {Boolean} whether the parent is the child or the child is in the parent
  */
 
 
-function isOrContainsNode(parent, child) {
-  return parent === child || child instanceof Node && parent.contains && parent.contains(child);
+function isOrContainsNode(parent, child, environment) {
+  var result = parent === child || child instanceof environment.Node && parent.contains && parent.contains(child);
+  return result;
 }
 /**
  * Simple debounce implementation. Will call the given
@@ -175,7 +177,7 @@ function resetIdCounter() {
  */
 
 
-function getA11yStatusMessage(_ref2) {
+function getA11yStatusMessage$1(_ref2) {
   var isOpen = _ref2.isOpen,
       resultCount = _ref2.resultCount,
       previousResultCount = _ref2.previousResultCount;
@@ -416,20 +418,20 @@ function getNextNonDisabledIndex(moveAmount, baseIndex, itemCount, getItemNodeFr
  *
  * @param {EventTarget} target Target to check.
  * @param {HTMLElement[]} downshiftElements The elements that form downshift (list, toggle button etc).
- * @param {Document} document The document.
+ * @param {Window} environment The window context where downshift renders.
  * @param {boolean} checkActiveElement Whether to also check activeElement.
  *
  * @returns {boolean} Whether or not the target is within downshift elements.
  */
 
 
-function targetWithinDownshift(target, downshiftElements, document, checkActiveElement) {
+function targetWithinDownshift(target, downshiftElements, environment, checkActiveElement) {
   if (checkActiveElement === void 0) {
     checkActiveElement = true;
   }
 
   return downshiftElements.some(function (contextNode) {
-    return contextNode && (isOrContainsNode(contextNode, target) || checkActiveElement && isOrContainsNode(contextNode, document.activeElement));
+    return contextNode && (isOrContainsNode(contextNode, target, environment) || checkActiveElement && isOrContainsNode(contextNode, environment.document.activeElement, environment));
   });
 } // eslint-disable-next-line import/no-mutable-exports
 
@@ -525,7 +527,7 @@ var blurButton = process.env.NODE_ENV !== "production" ? '__autocomplete_blur_bu
 var controlledPropUpdatedSelectedItem = process.env.NODE_ENV !== "production" ? '__autocomplete_controlled_prop_updated_selected_item__' : 15;
 var touchEnd = process.env.NODE_ENV !== "production" ? '__autocomplete_touchend__' : 16;
 
-var stateChangeTypes = /*#__PURE__*/Object.freeze({
+var stateChangeTypes$3 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   unknown: unknown,
   mouseUp: mouseUp,
@@ -918,9 +920,9 @@ var Downshift = /*#__PURE__*/function () {
 
       _this.getToggleButtonProps = function (_temp3) {
         var _ref3 = _temp3 === void 0 ? {} : _temp3,
-            onClick = _ref3.onClick,
-            onPress = _ref3.onPress,
-            onKeyDown = _ref3.onKeyDown,
+            onClick = _ref3.onClick;
+            _ref3.onPress;
+            var onKeyDown = _ref3.onKeyDown,
             onKeyUp = _ref3.onKeyUp,
             onBlur = _ref3.onBlur,
             rest = _objectWithoutPropertiesLoose__default['default'](_ref3, ["onClick", "onPress", "onKeyDown", "onKeyUp", "onBlur"]);
@@ -928,7 +930,7 @@ var Downshift = /*#__PURE__*/function () {
         var _this$getState5 = _this.getState(),
             isOpen = _this$getState5.isOpen;
 
-        var enabledEventHandlers =  {
+        var enabledEventHandlers = {
           onClick: callAllEventHandlers(onClick, _this.buttonHandleClick),
           onKeyDown: callAllEventHandlers(onKeyDown, _this.buttonHandleKeyDown),
           onKeyUp: callAllEventHandlers(onKeyUp, _this.buttonHandleKeyUp),
@@ -963,7 +965,7 @@ var Downshift = /*#__PURE__*/function () {
 
         /* istanbul ignore if (can't reasonably test this) */
 
-        if ( _this.props.environment.document.activeElement === _this.props.environment.document.body) {
+        if (_this.props.environment.document.activeElement === _this.props.environment.document.body) {
           event.target.focus();
         } // to simplify testing components that use downshift, we'll not wrap this in a setTimeout
         // if the NODE_ENV is test. With the proper build system, this should be dead code eliminated
@@ -1010,9 +1012,9 @@ var Downshift = /*#__PURE__*/function () {
             onKeyDown = _ref4.onKeyDown,
             onBlur = _ref4.onBlur,
             onChange = _ref4.onChange,
-            onInput = _ref4.onInput,
-            onChangeText = _ref4.onChangeText,
-            rest = _objectWithoutPropertiesLoose__default['default'](_ref4, ["onKeyDown", "onBlur", "onChange", "onInput", "onChangeText"]);
+            onInput = _ref4.onInput;
+            _ref4.onChangeText;
+            var rest = _objectWithoutPropertiesLoose__default['default'](_ref4, ["onKeyDown", "onBlur", "onChange", "onInput", "onChangeText"]);
 
         var onChangeKey;
         var eventHandlers = {};
@@ -1058,7 +1060,7 @@ var Downshift = /*#__PURE__*/function () {
         _this.internalSetState({
           type: changeInput,
           isOpen: true,
-          inputValue:  event.target.value,
+          inputValue: event.target.value,
           highlightedIndex: _this.props.defaultHighlightedIndex
         });
       };
@@ -1105,9 +1107,9 @@ var Downshift = /*#__PURE__*/function () {
         var _ref7 = _temp7 === void 0 ? {} : _temp7,
             onMouseMove = _ref7.onMouseMove,
             onMouseDown = _ref7.onMouseDown,
-            onClick = _ref7.onClick,
-            onPress = _ref7.onPress,
-            index = _ref7.index,
+            onClick = _ref7.onClick;
+            _ref7.onPress;
+            var index = _ref7.index,
             _ref7$item = _ref7.item,
             item = _ref7$item === void 0 ? process.env.NODE_ENV === 'production' ?
         /* istanbul ignore next */
@@ -1122,8 +1124,8 @@ var Downshift = /*#__PURE__*/function () {
           _this.items[index] = item;
         }
 
-        var onSelectKey =  'onClick';
-        var customClickHandler =  onClick;
+        var onSelectKey = 'onClick';
+        var customClickHandler = onClick;
         var enabledEventHandlers = (_enabledEventHandlers = {
           // onMouseMove is used over onMouseEnter here. onMouseMove
           // is only triggered on actual mouse movement while onMouseEnter
@@ -1438,7 +1440,7 @@ var Downshift = /*#__PURE__*/function () {
           _this7.isMouseDown = false; // if the target element or the activeElement is within a downshift node
           // then we don't want to reset downshift
 
-          var contextWithinDownshift = targetWithinDownshift(event.target, [_this7._rootNode, _this7._menuNode], _this7.props.environment.document);
+          var contextWithinDownshift = targetWithinDownshift(event.target, [_this7._rootNode, _this7._menuNode], _this7.props.environment);
 
           if (!contextWithinDownshift && _this7.getState().isOpen) {
             _this7.reset({
@@ -1464,7 +1466,7 @@ var Downshift = /*#__PURE__*/function () {
         };
 
         var onTouchEnd = function onTouchEnd(event) {
-          var contextWithinDownshift = targetWithinDownshift(event.target, [_this7._rootNode, _this7._menuNode], _this7.props.environment.document, false);
+          var contextWithinDownshift = targetWithinDownshift(event.target, [_this7._rootNode, _this7._menuNode], _this7.props.environment, false);
 
           if (!_this7.isTouchMove && !contextWithinDownshift && _this7.getState().isOpen) {
             _this7.reset({
@@ -1513,7 +1515,7 @@ var Downshift = /*#__PURE__*/function () {
         validateControlledUnchanged(this.state, prevProps, this.props);
         /* istanbul ignore if (react-native) */
 
-        if ( this.getMenuProps.called && !this.getMenuProps.suppressRefError) {
+        if (this.getMenuProps.called && !this.getMenuProps.suppressRefError) {
           validateGetMenuPropsCalledCorrectly(this._menuNode, this.getMenuProps);
         }
       }
@@ -1598,7 +1600,7 @@ var Downshift = /*#__PURE__*/function () {
   Downshift.defaultProps = {
     defaultHighlightedIndex: null,
     defaultIsOpen: false,
-    getA11yStatusMessage: getA11yStatusMessage,
+    getA11yStatusMessage: getA11yStatusMessage$1,
     itemToString: function itemToString(i) {
       if (i == null) {
         return '';
@@ -1629,7 +1631,7 @@ var Downshift = /*#__PURE__*/function () {
     suppressRefError: false,
     scrollIntoView: scrollIntoView
   };
-  Downshift.stateChangeTypes = stateChangeTypes;
+  Downshift.stateChangeTypes = stateChangeTypes$3;
   return Downshift;
 }();
 
@@ -1891,7 +1893,7 @@ function useEnhancedReducer(reducer, initialState, props) {
  */
 
 
-function useControlledReducer(reducer, initialState, props) {
+function useControlledReducer$1(reducer, initialState, props) {
   var _useEnhancedReducer = useEnhancedReducer(reducer, initialState, props),
       state = _useEnhancedReducer[0],
       dispatch = _useEnhancedReducer[1];
@@ -1899,7 +1901,7 @@ function useControlledReducer(reducer, initialState, props) {
   return [getState(state, props), dispatch];
 }
 
-var defaultProps = {
+var defaultProps$3 = {
   itemToString: itemToString,
   stateReducer: stateReducer,
   getA11ySelectionMessage: getA11ySelectionMessage,
@@ -1910,7 +1912,7 @@ var defaultProps = {
   ? {} : window
 };
 
-function getDefaultValue(props, propKey, defaultStateValues) {
+function getDefaultValue$1(props, propKey, defaultStateValues) {
   if (defaultStateValues === void 0) {
     defaultStateValues = dropdownDefaultStateValues;
   }
@@ -1924,7 +1926,7 @@ function getDefaultValue(props, propKey, defaultStateValues) {
   return defaultStateValues[propKey];
 }
 
-function getInitialValue(props, propKey, defaultStateValues) {
+function getInitialValue$1(props, propKey, defaultStateValues) {
   if (defaultStateValues === void 0) {
     defaultStateValues = dropdownDefaultStateValues;
   }
@@ -1939,14 +1941,14 @@ function getInitialValue(props, propKey, defaultStateValues) {
     return props[initialPropKey];
   }
 
-  return getDefaultValue(props, propKey, defaultStateValues);
+  return getDefaultValue$1(props, propKey, defaultStateValues);
 }
 
-function getInitialState(props) {
-  var selectedItem = getInitialValue(props, 'selectedItem');
-  var isOpen = getInitialValue(props, 'isOpen');
-  var highlightedIndex = getInitialValue(props, 'highlightedIndex');
-  var inputValue = getInitialValue(props, 'inputValue');
+function getInitialState$2(props) {
+  var selectedItem = getInitialValue$1(props, 'selectedItem');
+  var isOpen = getInitialValue$1(props, 'isOpen');
+  var highlightedIndex = getInitialValue$1(props, 'highlightedIndex');
+  var inputValue = getInitialValue$1(props, 'inputValue');
   return {
     highlightedIndex: highlightedIndex < 0 && selectedItem && isOpen ? props.items.indexOf(selectedItem) : highlightedIndex,
     isOpen: isOpen,
@@ -2017,7 +2019,7 @@ function useMouseAndTouchTracker(isOpen, downshiftElementRefs, environment, hand
 
       if (isOpen && !targetWithinDownshift(event.target, downshiftElementRefs.map(function (ref) {
         return ref.current;
-      }), environment.document)) {
+      }), environment)) {
         handleBlur();
       }
     };
@@ -2033,7 +2035,7 @@ function useMouseAndTouchTracker(isOpen, downshiftElementRefs, environment, hand
     var onTouchEnd = function onTouchEnd(event) {
       if (isOpen && !mouseAndTouchTrackersRef.current.isTouchMove && !targetWithinDownshift(event.target, downshiftElementRefs.map(function (ref) {
         return ref.current;
-      }), environment.document, false)) {
+      }), environment, false)) {
         handleBlur();
       }
     };
@@ -2241,10 +2243,10 @@ function downshiftCommonReducer(state, action, stateChangeTypes) {
 
     case stateChangeTypes.FunctionReset:
       changes = {
-        highlightedIndex: getDefaultValue(props, 'highlightedIndex'),
-        isOpen: getDefaultValue(props, 'isOpen'),
-        selectedItem: getDefaultValue(props, 'selectedItem'),
-        inputValue: getDefaultValue(props, 'inputValue')
+        highlightedIndex: getDefaultValue$1(props, 'highlightedIndex'),
+        isOpen: getDefaultValue$1(props, 'isOpen'),
+        selectedItem: getDefaultValue$1(props, 'selectedItem'),
+        inputValue: getDefaultValue$1(props, 'inputValue')
       };
       break;
 
@@ -2274,7 +2276,7 @@ function getItemIndexByCharacterKey(keysSoFar, highlightedIndex, items, itemToSt
   return highlightedIndex;
 }
 
-var propTypes = {
+var propTypes$2 = {
   items: PropTypes__default['default'].array.isRequired,
   itemToString: PropTypes__default['default'].func,
   getA11yStatusMessage: PropTypes__default['default'].func,
@@ -2318,7 +2320,7 @@ var propTypes = {
  * @return {String} the a11y status message
  */
 
-function getA11yStatusMessage$1(_ref) {
+function getA11yStatusMessage(_ref) {
   var isOpen = _ref.isOpen,
       resultCount = _ref.resultCount,
       previousResultCount = _ref.previousResultCount;
@@ -2338,17 +2340,17 @@ function getA11yStatusMessage$1(_ref) {
   return '';
 }
 
-var defaultProps$1 = _extends__default['default']({}, defaultProps, {
-  getA11yStatusMessage: getA11yStatusMessage$1
+var defaultProps$2 = _extends__default['default']({}, defaultProps$3, {
+  getA11yStatusMessage: getA11yStatusMessage
 }); // eslint-disable-next-line import/no-mutable-exports
 
 
-var validatePropTypes = noop;
+var validatePropTypes$2 = noop;
 /* istanbul ignore next */
 
 if (process.env.NODE_ENV !== 'production') {
-  validatePropTypes = function validatePropTypes(options, caller) {
-    PropTypes__default['default'].checkPropTypes(propTypes, options, 'prop', caller.name);
+  validatePropTypes$2 = function validatePropTypes(options, caller) {
+    PropTypes__default['default'].checkPropTypes(propTypes$2, options, 'prop', caller.name);
   };
 }
 
@@ -2361,22 +2363,22 @@ var MenuKeyDownEnter = process.env.NODE_ENV !== "production" ? '__menu_keydown_e
 var MenuKeyDownSpaceButton = process.env.NODE_ENV !== "production" ? '__menu_keydown_space_button__' : 6;
 var MenuKeyDownCharacter = process.env.NODE_ENV !== "production" ? '__menu_keydown_character__' : 7;
 var MenuBlur = process.env.NODE_ENV !== "production" ? '__menu_blur__' : 8;
-var MenuMouseLeave = process.env.NODE_ENV !== "production" ? '__menu_mouse_leave__' : 9;
-var ItemMouseMove = process.env.NODE_ENV !== "production" ? '__item_mouse_move__' : 10;
-var ItemClick = process.env.NODE_ENV !== "production" ? '__item_click__' : 11;
-var ToggleButtonClick = process.env.NODE_ENV !== "production" ? '__togglebutton_click__' : 12;
+var MenuMouseLeave$1 = process.env.NODE_ENV !== "production" ? '__menu_mouse_leave__' : 9;
+var ItemMouseMove$1 = process.env.NODE_ENV !== "production" ? '__item_mouse_move__' : 10;
+var ItemClick$1 = process.env.NODE_ENV !== "production" ? '__item_click__' : 11;
+var ToggleButtonClick$1 = process.env.NODE_ENV !== "production" ? '__togglebutton_click__' : 12;
 var ToggleButtonKeyDownArrowDown = process.env.NODE_ENV !== "production" ? '__togglebutton_keydown_arrow_down__' : 13;
 var ToggleButtonKeyDownArrowUp = process.env.NODE_ENV !== "production" ? '__togglebutton_keydown_arrow_up__' : 14;
 var ToggleButtonKeyDownCharacter = process.env.NODE_ENV !== "production" ? '__togglebutton_keydown_character__' : 15;
-var FunctionToggleMenu = process.env.NODE_ENV !== "production" ? '__function_toggle_menu__' : 16;
-var FunctionOpenMenu = process.env.NODE_ENV !== "production" ? '__function_open_menu__' : 17;
-var FunctionCloseMenu = process.env.NODE_ENV !== "production" ? '__function_close_menu__' : 18;
-var FunctionSetHighlightedIndex = process.env.NODE_ENV !== "production" ? '__function_set_highlighted_index__' : 19;
-var FunctionSelectItem = process.env.NODE_ENV !== "production" ? '__function_select_item__' : 20;
-var FunctionSetInputValue = process.env.NODE_ENV !== "production" ? '__function_set_input_value__' : 21;
-var FunctionReset = process.env.NODE_ENV !== "production" ? '__function_reset__' : 22;
+var FunctionToggleMenu$1 = process.env.NODE_ENV !== "production" ? '__function_toggle_menu__' : 16;
+var FunctionOpenMenu$1 = process.env.NODE_ENV !== "production" ? '__function_open_menu__' : 17;
+var FunctionCloseMenu$1 = process.env.NODE_ENV !== "production" ? '__function_close_menu__' : 18;
+var FunctionSetHighlightedIndex$1 = process.env.NODE_ENV !== "production" ? '__function_set_highlighted_index__' : 19;
+var FunctionSelectItem$1 = process.env.NODE_ENV !== "production" ? '__function_select_item__' : 20;
+var FunctionSetInputValue$1 = process.env.NODE_ENV !== "production" ? '__function_set_input_value__' : 21;
+var FunctionReset$2 = process.env.NODE_ENV !== "production" ? '__function_reset__' : 22;
 
-var stateChangeTypes$1 = /*#__PURE__*/Object.freeze({
+var stateChangeTypes$2 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   MenuKeyDownArrowDown: MenuKeyDownArrowDown,
   MenuKeyDownArrowUp: MenuKeyDownArrowUp,
@@ -2387,20 +2389,20 @@ var stateChangeTypes$1 = /*#__PURE__*/Object.freeze({
   MenuKeyDownSpaceButton: MenuKeyDownSpaceButton,
   MenuKeyDownCharacter: MenuKeyDownCharacter,
   MenuBlur: MenuBlur,
-  MenuMouseLeave: MenuMouseLeave,
-  ItemMouseMove: ItemMouseMove,
-  ItemClick: ItemClick,
-  ToggleButtonClick: ToggleButtonClick,
+  MenuMouseLeave: MenuMouseLeave$1,
+  ItemMouseMove: ItemMouseMove$1,
+  ItemClick: ItemClick$1,
+  ToggleButtonClick: ToggleButtonClick$1,
   ToggleButtonKeyDownArrowDown: ToggleButtonKeyDownArrowDown,
   ToggleButtonKeyDownArrowUp: ToggleButtonKeyDownArrowUp,
   ToggleButtonKeyDownCharacter: ToggleButtonKeyDownCharacter,
-  FunctionToggleMenu: FunctionToggleMenu,
-  FunctionOpenMenu: FunctionOpenMenu,
-  FunctionCloseMenu: FunctionCloseMenu,
-  FunctionSetHighlightedIndex: FunctionSetHighlightedIndex,
-  FunctionSelectItem: FunctionSelectItem,
-  FunctionSetInputValue: FunctionSetInputValue,
-  FunctionReset: FunctionReset
+  FunctionToggleMenu: FunctionToggleMenu$1,
+  FunctionOpenMenu: FunctionOpenMenu$1,
+  FunctionCloseMenu: FunctionCloseMenu$1,
+  FunctionSetHighlightedIndex: FunctionSetHighlightedIndex$1,
+  FunctionSelectItem: FunctionSelectItem$1,
+  FunctionSetInputValue: FunctionSetInputValue$1,
+  FunctionReset: FunctionReset$2
 });
 
 /* eslint-disable complexity */
@@ -2412,10 +2414,10 @@ function downshiftSelectReducer(state, action) {
   var changes;
 
   switch (type) {
-    case ItemClick:
+    case ItemClick$1:
       changes = {
-        isOpen: getDefaultValue(props, 'isOpen'),
-        highlightedIndex: getDefaultValue(props, 'highlightedIndex'),
+        isOpen: getDefaultValue$1(props, 'isOpen'),
+        highlightedIndex: getDefaultValue$1(props, 'highlightedIndex'),
         selectedItem: props.items[action.index]
       };
       break;
@@ -2450,8 +2452,8 @@ function downshiftSelectReducer(state, action) {
     case MenuKeyDownEnter:
     case MenuKeyDownSpaceButton:
       changes = _extends__default['default']({
-        isOpen: getDefaultValue(props, 'isOpen'),
-        highlightedIndex: getDefaultValue(props, 'highlightedIndex')
+        isOpen: getDefaultValue$1(props, 'isOpen'),
+        highlightedIndex: getDefaultValue$1(props, 'highlightedIndex')
       }, state.highlightedIndex >= 0 && {
         selectedItem: props.items[state.highlightedIndex]
       });
@@ -2510,30 +2512,30 @@ function downshiftSelectReducer(state, action) {
       };
       break;
 
-    case FunctionSelectItem:
+    case FunctionSelectItem$1:
       changes = {
         selectedItem: action.selectedItem
       };
       break;
 
     default:
-      return downshiftCommonReducer(state, action, stateChangeTypes$1);
+      return downshiftCommonReducer(state, action, stateChangeTypes$2);
   }
 
   return _extends__default['default']({}, state, changes);
 }
 /* eslint-enable complexity */
 
-useSelect.stateChangeTypes = stateChangeTypes$1;
+useSelect.stateChangeTypes = stateChangeTypes$2;
 
 function useSelect(userProps) {
   if (userProps === void 0) {
     userProps = {};
   }
 
-  validatePropTypes(userProps, useSelect); // Props defaults and destructuring.
+  validatePropTypes$2(userProps, useSelect); // Props defaults and destructuring.
 
-  var props = _extends__default['default']({}, defaultProps$1, userProps);
+  var props = _extends__default['default']({}, defaultProps$2, userProps);
 
   var items = props.items,
       scrollIntoView = props.scrollIntoView,
@@ -2544,9 +2546,9 @@ function useSelect(userProps) {
       getA11ySelectionMessage = props.getA11ySelectionMessage,
       getA11yStatusMessage = props.getA11yStatusMessage; // Initial state depending on controlled props.
 
-  var initialState = getInitialState(props);
+  var initialState = getInitialState$2(props);
 
-  var _useControlledReducer = useControlledReducer(downshiftSelectReducer, initialState, props),
+  var _useControlledReducer = useControlledReducer$1(downshiftSelectReducer, initialState, props),
       state = _useControlledReducer[0],
       dispatch = _useControlledReducer[1];
 
@@ -2601,19 +2603,23 @@ function useSelect(userProps) {
     itemRefs: itemRefs,
     scrollIntoView: scrollIntoView,
     getItemNodeFromIndex: getItemNodeFromIndex
-  }); // Sets cleanup for the keysSoFar after 500ms.
+  }); // Sets cleanup for the keysSoFar callback, debounded after 500ms.
 
   react.useEffect(function () {
     // init the clean function here as we need access to dispatch.
-    if (isInitialMountRef.current) {
-      clearTimeoutRef.current = debounce(function (outerDispatch) {
-        outerDispatch({
-          type: FunctionSetInputValue,
-          inputValue: ''
-        });
-      }, 500);
-    }
+    clearTimeoutRef.current = debounce(function (outerDispatch) {
+      outerDispatch({
+        type: FunctionSetInputValue$1,
+        inputValue: ''
+      });
+    }, 500); // Cancel any pending debounced calls on mount
+
+    return function () {
+      clearTimeoutRef.current.cancel();
+    };
+  }, []); // Invokes the keysSoFar callback set up above.
 
+  react.useEffect(function () {
     if (!inputValue) {
       return;
     }
@@ -2757,39 +2763,39 @@ function useSelect(userProps) {
 
   var toggleMenu = react.useCallback(function () {
     dispatch({
-      type: FunctionToggleMenu
+      type: FunctionToggleMenu$1
     });
   }, [dispatch]);
   var closeMenu = react.useCallback(function () {
     dispatch({
-      type: FunctionCloseMenu
+      type: FunctionCloseMenu$1
     });
   }, [dispatch]);
   var openMenu = react.useCallback(function () {
     dispatch({
-      type: FunctionOpenMenu
+      type: FunctionOpenMenu$1
     });
   }, [dispatch]);
   var setHighlightedIndex = react.useCallback(function (newHighlightedIndex) {
     dispatch({
-      type: FunctionSetHighlightedIndex,
+      type: FunctionSetHighlightedIndex$1,
       highlightedIndex: newHighlightedIndex
     });
   }, [dispatch]);
   var selectItem = react.useCallback(function (newSelectedItem) {
     dispatch({
-      type: FunctionSelectItem,
+      type: FunctionSelectItem$1,
       selectedItem: newSelectedItem
     });
   }, [dispatch]);
   var reset = react.useCallback(function () {
     dispatch({
-      type: FunctionReset
+      type: FunctionReset$2
     });
   }, [dispatch]);
   var setInputValue = react.useCallback(function (newInputValue) {
     dispatch({
-      type: FunctionSetInputValue,
+      type: FunctionSetInputValue$1,
       inputValue: newInputValue
     });
   }, [dispatch]); // Getter functions.
@@ -2851,7 +2857,7 @@ function useSelect(userProps) {
 
     var menuHandleMouseLeave = function menuHandleMouseLeave() {
       dispatch({
-        type: MenuMouseLeave
+        type: MenuMouseLeave$1
       });
     };
 
@@ -2883,7 +2889,7 @@ function useSelect(userProps) {
 
     var toggleButtonHandleClick = function toggleButtonHandleClick() {
       dispatch({
-        type: ToggleButtonClick
+        type: ToggleButtonClick$1
       });
     };
 
@@ -2937,14 +2943,14 @@ function useSelect(userProps) {
 
       shouldScrollRef.current = false;
       dispatch({
-        type: ItemMouseMove,
+        type: ItemMouseMove$1,
         index: index
       });
     };
 
     var itemHandleClick = function itemHandleClick() {
       dispatch({
-        type: ItemClick,
+        type: ItemClick$1,
         index: index
       });
     };
@@ -3002,20 +3008,20 @@ var InputKeyDownEnd = process.env.NODE_ENV !== "production" ? '__input_keydown_e
 var InputKeyDownEnter = process.env.NODE_ENV !== "production" ? '__input_keydown_enter__' : 5;
 var InputChange = process.env.NODE_ENV !== "production" ? '__input_change__' : 6;
 var InputBlur = process.env.NODE_ENV !== "production" ? '__input_blur__' : 7;
-var MenuMouseLeave$1 = process.env.NODE_ENV !== "production" ? '__menu_mouse_leave__' : 8;
-var ItemMouseMove$1 = process.env.NODE_ENV !== "production" ? '__item_mouse_move__' : 9;
-var ItemClick$1 = process.env.NODE_ENV !== "production" ? '__item_click__' : 10;
-var ToggleButtonClick$1 = process.env.NODE_ENV !== "production" ? '__togglebutton_click__' : 11;
-var FunctionToggleMenu$1 = process.env.NODE_ENV !== "production" ? '__function_toggle_menu__' : 12;
-var FunctionOpenMenu$1 = process.env.NODE_ENV !== "production" ? '__function_open_menu__' : 13;
-var FunctionCloseMenu$1 = process.env.NODE_ENV !== "production" ? '__function_close_menu__' : 14;
-var FunctionSetHighlightedIndex$1 = process.env.NODE_ENV !== "production" ? '__function_set_highlighted_index__' : 15;
-var FunctionSelectItem$1 = process.env.NODE_ENV !== "production" ? '__function_select_item__' : 16;
-var FunctionSetInputValue$1 = process.env.NODE_ENV !== "production" ? '__function_set_input_value__' : 17;
+var MenuMouseLeave = process.env.NODE_ENV !== "production" ? '__menu_mouse_leave__' : 8;
+var ItemMouseMove = process.env.NODE_ENV !== "production" ? '__item_mouse_move__' : 9;
+var ItemClick = process.env.NODE_ENV !== "production" ? '__item_click__' : 10;
+var ToggleButtonClick = process.env.NODE_ENV !== "production" ? '__togglebutton_click__' : 11;
+var FunctionToggleMenu = process.env.NODE_ENV !== "production" ? '__function_toggle_menu__' : 12;
+var FunctionOpenMenu = process.env.NODE_ENV !== "production" ? '__function_open_menu__' : 13;
+var FunctionCloseMenu = process.env.NODE_ENV !== "production" ? '__function_close_menu__' : 14;
+var FunctionSetHighlightedIndex = process.env.NODE_ENV !== "production" ? '__function_set_highlighted_index__' : 15;
+var FunctionSelectItem = process.env.NODE_ENV !== "production" ? '__function_select_item__' : 16;
+var FunctionSetInputValue = process.env.NODE_ENV !== "production" ? '__function_set_input_value__' : 17;
 var FunctionReset$1 = process.env.NODE_ENV !== "production" ? '__function_reset__' : 18;
 var ControlledPropUpdatedSelectedItem = process.env.NODE_ENV !== "production" ? '__controlled_prop_updated_selected_item__' : 19;
 
-var stateChangeTypes$2 = /*#__PURE__*/Object.freeze({
+var stateChangeTypes$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   InputKeyDownArrowDown: InputKeyDownArrowDown,
   InputKeyDownArrowUp: InputKeyDownArrowUp,
@@ -3025,22 +3031,22 @@ var stateChangeTypes$2 = /*#__PURE__*/Object.freeze({
   InputKeyDownEnter: InputKeyDownEnter,
   InputChange: InputChange,
   InputBlur: InputBlur,
-  MenuMouseLeave: MenuMouseLeave$1,
-  ItemMouseMove: ItemMouseMove$1,
-  ItemClick: ItemClick$1,
-  ToggleButtonClick: ToggleButtonClick$1,
-  FunctionToggleMenu: FunctionToggleMenu$1,
-  FunctionOpenMenu: FunctionOpenMenu$1,
-  FunctionCloseMenu: FunctionCloseMenu$1,
-  FunctionSetHighlightedIndex: FunctionSetHighlightedIndex$1,
-  FunctionSelectItem: FunctionSelectItem$1,
-  FunctionSetInputValue: FunctionSetInputValue$1,
+  MenuMouseLeave: MenuMouseLeave,
+  ItemMouseMove: ItemMouseMove,
+  ItemClick: ItemClick,
+  ToggleButtonClick: ToggleButtonClick,
+  FunctionToggleMenu: FunctionToggleMenu,
+  FunctionOpenMenu: FunctionOpenMenu,
+  FunctionCloseMenu: FunctionCloseMenu,
+  FunctionSetHighlightedIndex: FunctionSetHighlightedIndex,
+  FunctionSelectItem: FunctionSelectItem,
+  FunctionSetInputValue: FunctionSetInputValue,
   FunctionReset: FunctionReset$1,
   ControlledPropUpdatedSelectedItem: ControlledPropUpdatedSelectedItem
 });
 
 function getInitialState$1(props) {
-  var initialState = getInitialState(props);
+  var initialState = getInitialState$2(props);
   var selectedItem = initialState.selectedItem;
   var inputValue = initialState.inputValue;
 
@@ -3106,7 +3112,7 @@ var propTypes$1 = {
  * @returns {Array} An array with the state and an action dispatcher.
  */
 
-function useControlledReducer$1(reducer, initialState, props) {
+function useControlledReducer(reducer, initialState, props) {
   var previousSelectedItemRef = react.useRef();
 
   var _useEnhancedReducer = useEnhancedReducer(reducer, initialState, props),
@@ -3139,8 +3145,8 @@ if (process.env.NODE_ENV !== 'production') {
   };
 }
 
-var defaultProps$2 = _extends__default['default']({}, defaultProps, {
-  getA11yStatusMessage: getA11yStatusMessage,
+var defaultProps$1 = _extends__default['default']({}, defaultProps$3, {
+  getA11yStatusMessage: getA11yStatusMessage$1,
   circularNavigation: true
 });
 
@@ -3153,10 +3159,10 @@ function downshiftUseComboboxReducer(state, action) {
   var changes;
 
   switch (type) {
-    case ItemClick$1:
+    case ItemClick:
       changes = {
-        isOpen: getDefaultValue(props, 'isOpen'),
-        highlightedIndex: getDefaultValue(props, 'highlightedIndex'),
+        isOpen: getDefaultValue$1(props, 'isOpen'),
+        highlightedIndex: getDefaultValue$1(props, 'highlightedIndex'),
         selectedItem: props.items[action.index],
         inputValue: props.itemToString(props.items[action.index])
       };
@@ -3193,8 +3199,8 @@ function downshiftUseComboboxReducer(state, action) {
     case InputKeyDownEnter:
       changes = _extends__default['default']({}, state.isOpen && state.highlightedIndex >= 0 && {
         selectedItem: props.items[state.highlightedIndex],
-        isOpen: getDefaultValue(props, 'isOpen'),
-        highlightedIndex: getDefaultValue(props, 'highlightedIndex'),
+        isOpen: getDefaultValue$1(props, 'isOpen'),
+        highlightedIndex: getDefaultValue$1(props, 'highlightedIndex'),
         inputValue: props.itemToString(props.items[state.highlightedIndex])
       });
       break;
@@ -3234,12 +3240,12 @@ function downshiftUseComboboxReducer(state, action) {
     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)
@@ -3253,14 +3259,14 @@ function downshiftUseComboboxReducer(state, action) {
       break;
 
     default:
-      return downshiftCommonReducer(state, action, stateChangeTypes$2);
+      return downshiftCommonReducer(state, action, stateChangeTypes$1);
   }
 
   return _extends__default['default']({}, state, changes);
 }
 /* eslint-enable complexity */
 
-useCombobox.stateChangeTypes = stateChangeTypes$2;
+useCombobox.stateChangeTypes = stateChangeTypes$1;
 
 function useCombobox(userProps) {
   if (userProps === void 0) {
@@ -3269,7 +3275,7 @@ function useCombobox(userProps) {
 
   validatePropTypes$1(userProps, useCombobox); // Props defaults and destructuring.
 
-  var props = _extends__default['default']({}, defaultProps$2, userProps);
+  var props = _extends__default['default']({}, defaultProps$1, userProps);
 
   var initialIsOpen = props.initialIsOpen,
       defaultIsOpen = props.defaultIsOpen,
@@ -3282,7 +3288,7 @@ function useCombobox(userProps) {
 
   var initialState = getInitialState$1(props);
 
-  var _useControlledReducer = useControlledReducer$1(downshiftUseComboboxReducer, initialState, props),
+  var _useControlledReducer = useControlledReducer(downshiftUseComboboxReducer, initialState, props),
       state = _useControlledReducer[0],
       dispatch = _useControlledReducer[1];
 
@@ -3467,7 +3473,7 @@ function useCombobox(userProps) {
       menuRef.current = menuNode;
     }), _extends2.id = elementIds.menuId, _extends2.role = 'listbox', _extends2['aria-labelledby'] = elementIds.labelId, _extends2.onMouseLeave = callAllEventHandlers(onMouseLeave, function () {
       dispatch({
-        type: MenuMouseLeave$1
+        type: MenuMouseLeave
       });
     }), _extends2), rest);
   }, [dispatch, setGetterPropCallInfo, elementIds]);
@@ -3481,9 +3487,9 @@ function useCombobox(userProps) {
         refKey = _ref3$refKey === void 0 ? 'ref' : _ref3$refKey,
         ref = _ref3.ref,
         onMouseMove = _ref3.onMouseMove,
-        onClick = _ref3.onClick,
-        onPress = _ref3.onPress,
-        rest = _objectWithoutPropertiesLoose__default['default'](_ref3, ["item", "index", "refKey", "ref", "onMouseMove", "onClick", "onPress"]);
+        onClick = _ref3.onClick;
+        _ref3.onPress;
+        var rest = _objectWithoutPropertiesLoose__default['default'](_ref3, ["item", "index", "refKey", "ref", "onMouseMove", "onClick", "onPress"]);
 
     var _latest$current = latest.current,
         latestProps = _latest$current.props,
@@ -3494,8 +3500,8 @@ function useCombobox(userProps) {
       throw new Error('Pass either item or item index in getItemProps!');
     }
 
-    var onSelectKey =  'onClick';
-    var customClickHandler =  onClick;
+    var onSelectKey = 'onClick';
+    var customClickHandler = onClick;
 
     var itemHandleMouseMove = function itemHandleMouseMove() {
       if (index === latestState.highlightedIndex) {
@@ -3504,14 +3510,14 @@ function useCombobox(userProps) {
 
       shouldScrollRef.current = false;
       dispatch({
-        type: ItemMouseMove$1,
+        type: ItemMouseMove,
         index: index
       });
     };
 
     var itemHandleClick = function itemHandleClick() {
       dispatch({
-        type: ItemClick$1,
+        type: ItemClick,
         index: index
       });
 
@@ -3532,16 +3538,16 @@ function useCombobox(userProps) {
     var _extends4;
 
     var _ref5 = _temp4 === void 0 ? {} : _temp4,
-        onClick = _ref5.onClick,
-        onPress = _ref5.onPress,
-        _ref5$refKey = _ref5.refKey,
+        onClick = _ref5.onClick;
+        _ref5.onPress;
+        var _ref5$refKey = _ref5.refKey,
         refKey = _ref5$refKey === void 0 ? 'ref' : _ref5$refKey,
         ref = _ref5.ref,
         rest = _objectWithoutPropertiesLoose__default['default'](_ref5, ["onClick", "onPress", "refKey", "ref"]);
 
     var toggleButtonHandleClick = function toggleButtonHandleClick() {
       dispatch({
-        type: ToggleButtonClick$1
+        type: ToggleButtonClick
       });
 
       if (!latest.current.state.isOpen && inputRef.current) {
@@ -3551,7 +3557,7 @@ function useCombobox(userProps) {
 
     return _extends__default['default']((_extends4 = {}, _extends4[refKey] = handleRefs(ref, function (toggleButtonNode) {
       toggleButtonRef.current = toggleButtonNode;
-    }), _extends4.id = elementIds.toggleButtonId, _extends4.tabIndex = -1, _extends4), !rest.disabled && _extends__default['default']({},  {
+    }), _extends4.id = elementIds.toggleButtonId, _extends4.tabIndex = -1, _extends4), !rest.disabled && _extends__default['default']({}, {
       onClick: callAllEventHandlers(onClick, toggleButtonHandleClick)
     }), rest);
   }, [dispatch, latest, elementIds]);
@@ -3562,9 +3568,9 @@ function useCombobox(userProps) {
         onKeyDown = _ref6.onKeyDown,
         onChange = _ref6.onChange,
         onInput = _ref6.onInput,
-        onBlur = _ref6.onBlur,
-        onChangeText = _ref6.onChangeText,
-        _ref6$refKey = _ref6.refKey,
+        onBlur = _ref6.onBlur;
+        _ref6.onChangeText;
+        var _ref6$refKey = _ref6.refKey,
         refKey = _ref6$refKey === void 0 ? 'ref' : _ref6$refKey,
         ref = _ref6.ref,
         rest = _objectWithoutPropertiesLoose__default['default'](_ref6, ["onKeyDown", "onChange", "onInput", "onBlur", "onChangeText", "refKey", "ref"]);
@@ -3587,7 +3593,7 @@ function useCombobox(userProps) {
     var inputHandleChange = function inputHandleChange(event) {
       dispatch({
         type: InputChange,
-        inputValue:  event.target.value
+        inputValue: event.target.value
       });
     };
 
@@ -3603,7 +3609,7 @@ function useCombobox(userProps) {
     /* istanbul ignore next (preact) */
 
 
-    var onChangeKey =  'onChange';
+    var onChangeKey = 'onChange';
     var eventHandlers = {};
 
     if (!rest.disabled) {
@@ -3645,34 +3651,34 @@ function useCombobox(userProps) {
 
   var toggleMenu = react.useCallback(function () {
     dispatch({
-      type: FunctionToggleMenu$1
+      type: FunctionToggleMenu
     });
   }, [dispatch]);
   var closeMenu = react.useCallback(function () {
     dispatch({
-      type: FunctionCloseMenu$1
+      type: FunctionCloseMenu
     });
   }, [dispatch]);
   var openMenu = react.useCallback(function () {
     dispatch({
-      type: FunctionOpenMenu$1
+      type: FunctionOpenMenu
     });
   }, [dispatch]);
   var setHighlightedIndex = react.useCallback(function (newHighlightedIndex) {
     dispatch({
-      type: FunctionSetHighlightedIndex$1,
+      type: FunctionSetHighlightedIndex,
       highlightedIndex: newHighlightedIndex
     });
   }, [dispatch]);
   var selectItem = react.useCallback(function (newSelectedItem) {
     dispatch({
-      type: FunctionSelectItem$1,
+      type: FunctionSelectItem,
       selectedItem: newSelectedItem
     });
   }, [dispatch]);
   var setInputValue = react.useCallback(function (newInputValue) {
     dispatch({
-      type: FunctionSetInputValue$1,
+      type: FunctionSetInputValue,
       inputValue: newInputValue
     });
   }, [dispatch]);
@@ -3719,8 +3725,8 @@ var defaultStateValues = {
  * @returns {any} The initial value for that prop.
  */
 
-function getInitialValue$1(props, propKey) {
-  return getInitialValue(props, propKey, defaultStateValues);
+function getInitialValue(props, propKey) {
+  return getInitialValue$1(props, propKey, defaultStateValues);
 }
 /**
  * Returns the default value for a state key in the following order:
@@ -3732,8 +3738,8 @@ function getInitialValue$1(props, propKey) {
  */
 
 
-function getDefaultValue$1(props, propKey) {
-  return getDefaultValue(props, propKey, defaultStateValues);
+function getDefaultValue(props, propKey) {
+  return getDefaultValue$1(props, propKey, defaultStateValues);
 }
 /**
  * Gets the initial state based on the provided props. It uses initial, default
@@ -3744,9 +3750,9 @@ function getDefaultValue$1(props, propKey) {
  */
 
 
-function getInitialState$2(props) {
-  var activeIndex = getInitialValue$1(props, 'activeIndex');
-  var selectedItems = getInitialValue$1(props, 'selectedItems');
+function getInitialState(props) {
+  var activeIndex = getInitialValue(props, 'activeIndex');
+  var selectedItems = getInitialValue(props, 'selectedItems');
   return {
     activeIndex: activeIndex,
     selectedItems: selectedItems
@@ -3793,7 +3799,7 @@ function getA11yRemovalMessage(selectionParameters) {
   return itemToStringLocal(removedSelectedItem) + " has been removed.";
 }
 
-var propTypes$2 = {
+var propTypes = {
   selectedItems: PropTypes__default['default'].array,
   initialSelectedItems: PropTypes__default['default'].array,
   defaultSelectedItems: PropTypes__default['default'].array,
@@ -3817,21 +3823,21 @@ var propTypes$2 = {
     })
   })
 };
-var defaultProps$3 = {
-  itemToString: defaultProps.itemToString,
-  stateReducer: defaultProps.stateReducer,
-  environment: defaultProps.environment,
+var defaultProps = {
+  itemToString: defaultProps$3.itemToString,
+  stateReducer: defaultProps$3.stateReducer,
+  environment: defaultProps$3.environment,
   getA11yRemovalMessage: getA11yRemovalMessage,
   keyNavigationNext: 'ArrowRight',
   keyNavigationPrevious: 'ArrowLeft'
 }; // eslint-disable-next-line import/no-mutable-exports
 
-var validatePropTypes$2 = noop;
+var validatePropTypes = noop;
 /* istanbul ignore next */
 
 if (process.env.NODE_ENV !== 'production') {
-  validatePropTypes$2 = function validatePropTypes(options, caller) {
-    PropTypes__default['default'].checkPropTypes(propTypes$2, options, 'prop', caller.name);
+  validatePropTypes = function validatePropTypes(options, caller) {
+    PropTypes__default['default'].checkPropTypes(propTypes, options, 'prop', caller.name);
   };
 }
 
@@ -3847,9 +3853,9 @@ var FunctionAddSelectedItem = process.env.NODE_ENV !== "production" ? '__functio
 var FunctionRemoveSelectedItem = process.env.NODE_ENV !== "production" ? '__function_remove_selected_item__' : 9;
 var FunctionSetSelectedItems = process.env.NODE_ENV !== "production" ? '__function_set_selected_items__' : 10;
 var FunctionSetActiveIndex = process.env.NODE_ENV !== "production" ? '__function_set_active_index__' : 11;
-var FunctionReset$2 = process.env.NODE_ENV !== "production" ? '__function_reset__' : 12;
+var FunctionReset = process.env.NODE_ENV !== "production" ? '__function_reset__' : 12;
 
-var stateChangeTypes$3 = /*#__PURE__*/Object.freeze({
+var stateChangeTypes = /*#__PURE__*/Object.freeze({
   __proto__: null,
   SelectedItemClick: SelectedItemClick,
   SelectedItemKeyDownDelete: SelectedItemKeyDownDelete,
@@ -3863,7 +3869,7 @@ var stateChangeTypes$3 = /*#__PURE__*/Object.freeze({
   FunctionRemoveSelectedItem: FunctionRemoveSelectedItem,
   FunctionSetSelectedItems: FunctionSetSelectedItems,
   FunctionSetActiveIndex: FunctionSetActiveIndex,
-  FunctionReset: FunctionReset$2
+  FunctionReset: FunctionReset
 });
 
 /* eslint-disable complexity */
@@ -3976,10 +3982,10 @@ function downshiftMultipleSelectionReducer(state, action) {
         break;
       }
 
-    case FunctionReset$2:
+    case FunctionReset:
       changes = {
-        activeIndex: getDefaultValue$1(props, 'activeIndex'),
-        selectedItems: getDefaultValue$1(props, 'selectedItems')
+        activeIndex: getDefaultValue(props, 'activeIndex'),
+        selectedItems: getDefaultValue(props, 'selectedItems')
       };
       break;
 
@@ -3990,16 +3996,16 @@ function downshiftMultipleSelectionReducer(state, action) {
   return _extends__default['default']({}, state, changes);
 }
 
-useMultipleSelection.stateChangeTypes = stateChangeTypes$3;
+useMultipleSelection.stateChangeTypes = stateChangeTypes;
 
 function useMultipleSelection(userProps) {
   if (userProps === void 0) {
     userProps = {};
   }
 
-  validatePropTypes$2(userProps, useMultipleSelection); // Props defaults and destructuring.
+  validatePropTypes(userProps, useMultipleSelection); // Props defaults and destructuring.
 
-  var props = _extends__default['default']({}, defaultProps$3, userProps);
+  var props = _extends__default['default']({}, defaultProps, userProps);
 
   var getA11yRemovalMessage = props.getA11yRemovalMessage,
       itemToString = props.itemToString,
@@ -4007,7 +4013,7 @@ function useMultipleSelection(userProps) {
       keyNavigationNext = props.keyNavigationNext,
       keyNavigationPrevious = props.keyNavigationPrevious; // Reducer init.
 
-  var _useControlledReducer = useControlledReducer(downshiftMultipleSelectionReducer, getInitialState$2(props), props),
+  var _useControlledReducer = useControlledReducer$1(downshiftMultipleSelectionReducer, getInitialState(props), props),
       state = _useControlledReducer[0],
       dispatch = _useControlledReducer[1];
 
@@ -4218,7 +4224,7 @@ function useMultipleSelection(userProps) {
   }, [dispatch]);
   var reset = react.useCallback(function () {
     dispatch({
-      type: FunctionReset$2
+      type: FunctionReset
     });
   }, [dispatch]);
   return {