downshift 5.4.3 → 5.4.7

package/dist/downshift.umd.js

@@ -51,8 +51,18 @@
     subClass.__proto__ = superClass;
   }
 
-  function createCommonjsModule(fn, module) {
-  	return module = { exports: {} }, fn(module, module.exports), module.exports;
+  function createCommonjsModule(fn, basedir, module) {
+  	return module = {
+  	  path: basedir,
+  	  exports: {},
+  	  require: function (path, base) {
+        return commonjsRequire(path, (base === undefined || base === null) ? module.path : base);
+      }
+  	}, fn(module, module.exports), module.exports;
+  }
+
+  function commonjsRequire () {
+  	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
   }
 
   var reactIs_development = createCommonjsModule(function (module, exports) {
@@ -236,34 +246,6 @@
       })();
     }
   });
-  var reactIs_development_1 = reactIs_development.AsyncMode;
-  var reactIs_development_2 = reactIs_development.ConcurrentMode;
-  var reactIs_development_3 = reactIs_development.ContextConsumer;
-  var reactIs_development_4 = reactIs_development.ContextProvider;
-  var reactIs_development_5 = reactIs_development.Element;
-  var reactIs_development_6 = reactIs_development.ForwardRef;
-  var reactIs_development_7 = reactIs_development.Fragment;
-  var reactIs_development_8 = reactIs_development.Lazy;
-  var reactIs_development_9 = reactIs_development.Memo;
-  var reactIs_development_10 = reactIs_development.Portal;
-  var reactIs_development_11 = reactIs_development.Profiler;
-  var reactIs_development_12 = reactIs_development.StrictMode;
-  var reactIs_development_13 = reactIs_development.Suspense;
-  var reactIs_development_14 = reactIs_development.isAsyncMode;
-  var reactIs_development_15 = reactIs_development.isConcurrentMode;
-  var reactIs_development_16 = reactIs_development.isContextConsumer;
-  var reactIs_development_17 = reactIs_development.isContextProvider;
-  var reactIs_development_18 = reactIs_development.isElement;
-  var reactIs_development_19 = reactIs_development.isForwardRef;
-  var reactIs_development_20 = reactIs_development.isFragment;
-  var reactIs_development_21 = reactIs_development.isLazy;
-  var reactIs_development_22 = reactIs_development.isMemo;
-  var reactIs_development_23 = reactIs_development.isPortal;
-  var reactIs_development_24 = reactIs_development.isProfiler;
-  var reactIs_development_25 = reactIs_development.isStrictMode;
-  var reactIs_development_26 = reactIs_development.isSuspense;
-  var reactIs_development_27 = reactIs_development.isValidElementType;
-  var reactIs_development_28 = reactIs_development.typeOf;
 
   var reactIs = createCommonjsModule(function (module) {
 
@@ -271,7 +253,6 @@
       module.exports = reactIs_development;
     }
   });
-  var reactIs_1 = reactIs.isForwardRef;
 
   /*
   object-assign
@@ -1126,7 +1107,11 @@
       return null;
     }
 
-    return el.ownerDocument.defaultView.frameElement;
+    try {
+      return el.ownerDocument.defaultView.frameElement;
+    } catch (e) {
+      return null;
+    }
   }
 
   function isHiddenByFrame(el) {
@@ -1646,7 +1631,12 @@
     }
 
     var nonDisabledNewIndex = getNextNonDisabledIndex(moveAmount, newIndex, itemCount, getItemNodeFromIndex, circular);
-    return nonDisabledNewIndex === -1 ? baseIndex : nonDisabledNewIndex;
+
+    if (nonDisabledNewIndex === -1) {
+      return baseIndex >= itemCount ? -1 : baseIndex;
+    }
+
+    return nonDisabledNewIndex;
   }
   /**
    * Returns the next index in the list of an item that is not disabled.
@@ -1921,7 +1911,7 @@
           // See https://github.com/downshift-js/downshift/issues/217 for more info.
 
           if (!isStateToSetFunction && stateToSet.hasOwnProperty('inputValue')) {
-            _this.props.onInputValueChange(stateToSet.inputValue, _extends(_extends({}, _this.getStateAndHelpers()), stateToSet));
+            _this.props.onInputValueChange(stateToSet.inputValue, _extends({}, _this.getStateAndHelpers(), stateToSet));
           }
 
           return _this.setState(function (state) {
@@ -1971,7 +1961,7 @@
             // earlier, so we'll call it now that we know what the inputValue state will be.
 
             if (isStateToSetFunction && newStateToSet.hasOwnProperty('inputValue')) {
-              _this.props.onInputValueChange(newStateToSet.inputValue, _extends(_extends({}, _this.getStateAndHelpers()), newStateToSet));
+              _this.props.onInputValueChange(newStateToSet.inputValue, _extends({}, _this.getStateAndHelpers(), newStateToSet));
             }
 
             return nextState;
@@ -2126,7 +2116,7 @@
             });
           }
         };
-        _this.buttonKeyDownHandlers = _extends(_extends({}, _this.keyDownHandlers), {}, {
+        _this.buttonKeyDownHandlers = _extends({}, _this.keyDownHandlers, {
           ' ': function _(event) {
             event.preventDefault();
             this.toggleMenu({
@@ -2134,7 +2124,7 @@
             });
           }
         });
-        _this.inputKeyDownHandlers = _extends(_extends({}, _this.keyDownHandlers), {}, {
+        _this.inputKeyDownHandlers = _extends({}, _this.keyDownHandlers, {
           Home: function Home(event) {
             var _this4 = this;
 
@@ -2198,13 +2188,13 @@
             onBlur: callAllEventHandlers(onBlur, _this.buttonHandleBlur)
           };
           var eventHandlers = rest.disabled ? {} : enabledEventHandlers;
-          return _extends(_extends({
+          return _extends({
             type: 'button',
             role: 'button',
             'aria-label': isOpen ? 'close menu' : 'open menu',
             'aria-haspopup': true,
             'data-toggle': true
-          }, eventHandlers), rest);
+          }, eventHandlers, rest);
         };
 
         _this.buttonHandleKeyUp = function (event) {
@@ -2290,7 +2280,7 @@
           /* istanbul ignore if (react-native) */
 
 
-          return _extends(_extends({
+          return _extends({
             'aria-autocomplete': 'list',
             'aria-activedescendant': isOpen && typeof highlightedIndex === 'number' && highlightedIndex >= 0 ? _this.getItemId(highlightedIndex) : null,
             'aria-controls': isOpen ? _this.menuId : null,
@@ -2300,7 +2290,7 @@
             autoComplete: 'off',
             value: inputValue,
             id: _this.inputId
-          }, eventHandlers), rest);
+          }, eventHandlers, rest);
         };
 
         _this.inputHandleKeyDown = function (event) {
@@ -2418,11 +2408,11 @@
           var eventHandlers = rest.disabled ? {
             onMouseDown: enabledEventHandlers.onMouseDown
           } : enabledEventHandlers;
-          return _extends(_extends({
+          return _extends({
             id: _this.getItemId(index),
             role: 'option',
             'aria-selected': _this.getState().highlightedIndex === index
-          }, eventHandlers), rest);
+          }, eventHandlers, rest);
         };
 
         _this.clearItems = function () {
@@ -2455,11 +2445,11 @@
 
           _this.internalSetState(function (_ref9) {
             var isOpen = _ref9.isOpen;
-            return _extends(_extends({
+            return _extends({
               isOpen: !isOpen
             }, isOpen && {
               highlightedIndex: _this.props.defaultHighlightedIndex
-            }), otherStateToSet);
+            }, otherStateToSet);
           }, function () {
             var _this$getState7 = _this.getState(),
                 isOpen = _this$getState7.isOpen,
@@ -2942,7 +2932,7 @@
     var refKeySpecified = refKey !== 'ref';
     var isComposite = !isDOMElement(element);
 
-    if (isComposite && !refKeySpecified && !reactIs_1(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) {
@@ -2950,7 +2940,7 @@
       console.error("downshift: You returned a DOM element. You should not specify a refKey in getRootProps. You specified \"" + refKey + "\"");
     }
 
-    if (!reactIs_1(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.");
     }
@@ -3100,7 +3090,7 @@
       actionRef.current = action;
       state = getState(state, action.props);
       var changes = reducer(state, action);
-      var newState = action.props.stateReducer(state, _extends(_extends({}, action), {}, {
+      var newState = action.props.stateReducer(state, _extends({}, action, {
         changes: changes
       }));
       return newState;
@@ -3189,7 +3179,7 @@
     var highlightedIndex = getInitialValue(props, 'highlightedIndex');
     var inputValue = getInitialValue(props, 'inputValue');
     return {
-      highlightedIndex: highlightedIndex < 0 && selectedItem ? props.items.indexOf(selectedItem) : highlightedIndex,
+      highlightedIndex: highlightedIndex < 0 && selectedItem && isOpen ? props.items.indexOf(selectedItem) : highlightedIndex,
       isOpen: isOpen,
       selectedItem: selectedItem,
       inputValue: inputValue
@@ -3300,6 +3290,8 @@
    */
 
   function useGetterPropsCalledChecker() {
+    var isInitialMountRef = react.useRef(true);
+
     for (var _len = arguments.length, propKeys = new Array(_len), _key = 0; _key < _len; _key++) {
       propKeys[_key] = arguments[_key];
     }
@@ -3308,27 +3300,28 @@
       acc[propKey] = {};
       return acc;
     }, {}));
-    Object.keys(getterPropsCalledRef.current).forEach(function (propKey) {
-      getterPropsCalledRef.current[propKey] = null;
-    });
     react.useEffect(function () {
       Object.keys(getterPropsCalledRef.current).forEach(function (propKey) {
-        if (!getterPropsCalledRef.current[propKey]) {
-          // eslint-disable-next-line no-console
-          console.error("downshift: You forgot to call the " + propKey + " getter function on your component / element.");
-          return;
+        var propCallInfo = getterPropsCalledRef.current[propKey];
+
+        if (isInitialMountRef.current) {
+          if (!Object.keys(propCallInfo).length) {
+            // eslint-disable-next-line no-console
+            console.error("downshift: You forgot to call the " + propKey + " getter function on your component / element.");
+            return;
+          }
         }
 
-        var _getterPropsCalledRef = getterPropsCalledRef.current[propKey],
-            suppressRefError = _getterPropsCalledRef.suppressRefError,
-            refKey = _getterPropsCalledRef.refKey,
-            elementRef = _getterPropsCalledRef.elementRef;
+        var suppressRefError = propCallInfo.suppressRefError,
+            refKey = propCallInfo.refKey,
+            elementRef = propCallInfo.elementRef;
 
         if ((!elementRef || !elementRef.current) && !suppressRefError) {
           // eslint-disable-next-line no-console
           console.error("downshift: The ref prop \"" + refKey + "\" from " + propKey + " was not applied correctly on your element.");
         }
       });
+      isInitialMountRef.current = false;
     });
     var setGetterPropCallInfo = react.useCallback(function (propKey, suppressRefError, refKey, elementRef) {
       getterPropsCalledRef.current[propKey] = {
@@ -3434,7 +3427,7 @@
     return '';
   }
 
-  var defaultProps$1 = _extends(_extends({}, defaultProps), {}, {
+  var defaultProps$1 = _extends({}, defaultProps, {
     getA11yStatusMessage: getA11yStatusMessage$1
   });
 
@@ -3660,7 +3653,7 @@
         throw new Error('Reducer called without proper action type.');
     }
 
-    return _extends(_extends({}, state), changes);
+    return _extends({}, state, changes);
   }
   /* eslint-enable complexity */
 
@@ -3675,7 +3668,7 @@
     /* istanbul ignore else */
     validatePropTypes(userProps); // Props defaults and destructuring.
 
-    var props = _extends(_extends({}, defaultProps$1), userProps);
+    var props = _extends({}, defaultProps$1, userProps);
 
     var items = props.items,
         scrollIntoView = props.scrollIntoView,
@@ -3991,11 +3984,11 @@
 
       var latestState = latest.current.state;
       setGetterPropCallInfo('getMenuProps', suppressRefError, refKey, menuRef);
-      return _extends(_extends((_extends2 = {}, _extends2[refKey] = handleRefs(ref, function (menuNode) {
+      return _extends((_extends2 = {}, _extends2[refKey] = handleRefs(ref, function (menuNode) {
         menuRef.current = menuNode;
       }), _extends2.id = elementIdsRef.current.menuId, _extends2.role = 'listbox', _extends2['aria-labelledby'] = elementIdsRef.current.labelId, _extends2.tabIndex = -1, _extends2), latestState.isOpen && latestState.highlightedIndex > -1 && {
         'aria-activedescendant': elementIdsRef.current.getItemId(latestState.highlightedIndex)
-      }), {}, {
+      }, {
         onMouseLeave: callAllEventHandlers(onMouseLeave, function menuHandleMouseLeave() {
           dispatch({
             type: MenuMouseLeave
@@ -4226,7 +4219,7 @@
       inputValue = props.itemToString(selectedItem);
     }
 
-    return _extends(_extends({}, initialState), {}, {
+    return _extends({}, initialState, {
       inputValue: inputValue
     });
   }
@@ -4291,20 +4284,21 @@
         dispatch = _useEnhancedReducer[1]; // ToDo: if needed, make same approach as selectedItemChanged from Downshift.
 
 
-    if (isControlledProp(props, 'selectedItem')) {
-      if (previousSelectedItemRef.current !== props.selectedItem) {
-        dispatch({
-          type: ControlledPropUpdatedSelectedItem,
-          inputValue: props.itemToString(props.selectedItem)
-        });
-      }
-
-      previousSelectedItemRef.current = state.selectedItem === previousSelectedItemRef.current ? props.selectedItem : state.selectedItem;
-    }
+    react.useEffect(function () {
+      if (isControlledProp(props, 'selectedItem')) {
+        if (previousSelectedItemRef.current !== props.selectedItem) {
+          dispatch({
+            type: ControlledPropUpdatedSelectedItem,
+            inputValue: props.itemToString(props.selectedItem)
+          });
+        }
 
+        previousSelectedItemRef.current = state.selectedItem === previousSelectedItemRef.current ? props.selectedItem : state.selectedItem;
+      }
+    });
     return [getState(state, props), dispatch];
   }
-  var defaultProps$2 = _extends(_extends({}, defaultProps), {}, {
+  var defaultProps$2 = _extends({}, defaultProps, {
     getA11yStatusMessage: getA11yStatusMessage,
     circularNavigation: true
   });
@@ -4469,7 +4463,7 @@
         throw new Error('Reducer called without proper action type.');
     }
 
-    return _extends(_extends({}, state), changes);
+    return _extends({}, state, changes);
   }
   /* eslint-enable complexity */
 
@@ -4484,7 +4478,7 @@
     /* istanbul ignore else */
     validatePropTypes$1(userProps); // Props defaults and destructuring.
 
-    var props = _extends(_extends({}, defaultProps$2), userProps);
+    var props = _extends({}, defaultProps$2, userProps);
 
     var initialIsOpen = props.initialIsOpen,
         defaultIsOpen = props.defaultIsOpen,
@@ -4520,8 +4514,7 @@
 
     var previousResultCountRef = react.useRef(); // used for checking when props are moving from controlled to uncontrolled.
 
-    var prevPropsRef = react.useRef(props); // used to store information about getter props being called on render.
-    // utility callback to get item element.
+    var prevPropsRef = react.useRef(props); // utility callback to get item element.
 
     var latest = useLatestRef({
       state: state,
@@ -4737,7 +4730,7 @@
 
       var onSelectKey = 'onClick';
       var customClickHandler = onClick;
-      return _extends(_extends((_extends3 = {}, _extends3[refKey] = handleRefs(ref, function (itemNode) {
+      return _extends((_extends3 = {}, _extends3[refKey] = handleRefs(ref, function (itemNode) {
         if (itemNode) {
           itemRefs.current[elementIdsRef.current.getItemId(itemIndex)] = itemNode;
         }
@@ -4758,7 +4751,11 @@
           type: ItemClick$1,
           index: index
         });
-      }), _ref4)), rest);
+
+        if (inputRef.current) {
+          inputRef.current.focus();
+        }
+      }), _ref4), rest);
     }, [dispatch, latest]);
     var getToggleButtonProps = react.useCallback(function (_temp4) {
       var _extends4;
@@ -4781,11 +4778,11 @@
         }
       };
 
-      return _extends(_extends((_extends4 = {}, _extends4[refKey] = handleRefs(ref, function (toggleButtonNode) {
+      return _extends((_extends4 = {}, _extends4[refKey] = handleRefs(ref, function (toggleButtonNode) {
         toggleButtonRef.current = toggleButtonNode;
       }), _extends4.id = elementIdsRef.current.toggleButtonId, _extends4.tabIndex = -1, _extends4), !rest.disabled && _extends({}, {
         onClick: callAllEventHandlers(onClick, toggleButtonHandleClick)
-      })), rest);
+      }), rest);
     }, [dispatch, latest]);
     var getInputProps = react.useCallback(function (_temp5, _temp6) {
       var _extends5;
@@ -4845,17 +4842,17 @@
       /* istanbul ignore if (react-native) */
 
 
-      return _extends(_extends(_extends((_extends5 = {}, _extends5[refKey] = handleRefs(ref, function (inputNode) {
+      return _extends((_extends5 = {}, _extends5[refKey] = handleRefs(ref, function (inputNode) {
         inputRef.current = inputNode;
       }), _extends5.id = elementIdsRef.current.inputId, _extends5['aria-autocomplete'] = 'list', _extends5['aria-controls'] = elementIdsRef.current.menuId, _extends5), latestState.isOpen && latestState.highlightedIndex > -1 && {
         'aria-activedescendant': elementIdsRef.current.getItemId(latestState.highlightedIndex)
-      }), {}, {
+      }, {
         'aria-labelledby': elementIdsRef.current.labelId,
         // https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion
         // revert back since autocomplete="nope" is ignored on latest Chrome and Opera
         autoComplete: 'off',
         value: latestState.inputValue
-      }, eventHandlers), rest);
+      }, eventHandlers, rest);
     }, [dispatch, inputKeyDownHandlers, latest, mouseAndTouchTrackersRef, setGetterPropCallInfo]);
     var getComboboxProps = react.useCallback(function (_temp7, _temp8) {
       var _extends6;
@@ -5208,7 +5205,7 @@
         throw new Error('Reducer called without proper action type.');
     }
 
-    return _extends(_extends({}, state), changes);
+    return _extends({}, state, changes);
   }
 
   useMultipleSelection.stateChangeTypes = stateChangeTypes$3;
@@ -5219,7 +5216,7 @@
     }
 
     // Props defaults and destructuring.
-    var props = _extends(_extends({}, defaultProps$3), userProps);
+    var props = _extends({}, defaultProps$3, userProps);
 
     var getA11yRemovalMessage = props.getA11yRemovalMessage,
         itemToString = props.itemToString,
@@ -5388,7 +5385,7 @@
           suppressRefError = _ref5$suppressRefErro === void 0 ? false : _ref5$suppressRefErro;
 
       setGetterPropCallInfo('getDropdownProps', suppressRefError, refKey, dropdownRef);
-      return _extends(_extends((_extends3 = {}, _extends3[refKey] = handleRefs(ref, function (dropdownNode) {
+      return _extends((_extends3 = {}, _extends3[refKey] = handleRefs(ref, function (dropdownNode) {
         if (dropdownNode) {
           dropdownRef.current = dropdownNode;
         }
@@ -5405,7 +5402,7 @@
             type: DropdownClick
           });
         })
-      }), rest);
+      }, rest);
     }, [dispatch, dropdownKeyDownHandlers, setGetterPropCallInfo]); // returns
 
     var addSelectedItem = react.useCallback(function (selectedItem) {