downshift 6.1.2-alpha.0 → 6.1.4

package/README.md

@@ -32,7 +32,7 @@ autocomplete, combobox or select dropdown components.</p>
 
 You need an autocomplete, a combobox or a select experience in your application
 and you want it to be accessible. You also want it to be simple and flexible to
-account for your use cases. Finally, it should follow the ARIA design pattern
+account for your use cases. Finally, it should follow the [ARIA][aria] design pattern
 for a [combobox][combobox-aria] or a [select][select-aria], depending on your
 use case.
 
@@ -1403,6 +1403,7 @@ Thanks goes to these people ([emoji key][emojis]):
     <td align="center"><a href="https://github.com/fcrezza"><img src="https://avatars2.githubusercontent.com/u/48123020?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Anang Fachreza</b></sub></a><br /><a href="https://github.com/downshift-js/downshift/commits?author=fcrezza" title="Documentation">📖</a> <a href="#example-fcrezza" title="Examples">💡</a></td>
     <td align="center"><a href="http://nickdeom.com"><img src="https://avatars2.githubusercontent.com/u/56491159?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Nick Deom</b></sub></a><br /><a href="https://github.com/downshift-js/downshift/commits?author=ndeom" title="Code">💻</a> <a href="https://github.com/downshift-js/downshift/issues?q=author%3Andeom" title="Bug reports">🐛</a></td>
     <td align="center"><a href="https://github.com/clementgarbay"><img src="https://avatars3.githubusercontent.com/u/12433625?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Clément Garbay</b></sub></a><br /><a href="https://github.com/downshift-js/downshift/commits?author=clementgarbay" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/KaiminHuang"><img src="https://avatars.githubusercontent.com/u/5600404?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Kaimin Huang</b></sub></a><br /><a href="https://github.com/downshift-js/downshift/commits?author=KaiminHuang" title="Code">💻</a> <a href="https://github.com/downshift-js/downshift/issues?q=author%3AKaiminHuang" title="Bug reports">🐛</a></td>
   </tr>
 </table>
 
@@ -1480,6 +1481,8 @@ MIT
 [multiple-selection-readme]:
   https://github.com/downshift-js/downshift/tree/master/src/hooks/useMultipleSelection
 [bundle-phobia-link]: https://bundlephobia.com/result?p=downshift@3.4.8
+[aria]:
+  https://www.w3.org/TR/wai-aria-practices/
 [combobox-aria]:
   https://www.w3.org/TR/wai-aria-practices/examples/combobox/aria1.1pattern/listbox-combo.html
 [select-aria]:

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, environment) {
-  return parent === child || child instanceof environment.Node && parent.contains && parent.contains(child);
+  var result = parent === child || child instanceof environment.Node && parent.contains && parent.contains(child);
+  return result;
 }
 /**
  * Simple debounce implementation. Will call the given
@@ -416,7 +418,7 @@ 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 {Environment} environment The environment.
+ * @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.
@@ -546,6 +548,12 @@ var stateChangeTypes$3 = /*#__PURE__*/Object.freeze({
   touchEnd: touchEnd
 });
 
+var _excluded$4 = ["refKey", "ref"],
+    _excluded2$3 = ["onClick", "onPress", "onKeyDown", "onKeyUp", "onBlur"],
+    _excluded3$2 = ["onKeyDown", "onBlur", "onChange", "onInput", "onChangeText"],
+    _excluded4$1 = ["refKey", "ref"],
+    _excluded5$1 = ["onMouseMove", "onMouseDown", "onClick", "onPress", "index", "item"];
+
 var Downshift = /*#__PURE__*/function () {
   var Downshift = /*#__PURE__*/function (_Component) {
     _inheritsLoose__default['default'](Downshift, _Component);
@@ -665,6 +673,8 @@ var Downshift = /*#__PURE__*/function () {
           isItemSelected = newStateToSet.hasOwnProperty('selectedItem'); // this keeps track of the object we want to call with setState
 
           var nextState = {}; // this is just used to tell whether the state changed
+
+          var nextFullState = {}; // we need to call on change if the outside world is controlling any of our state
           // and we're trying to update that state. OR if the selection has changed and we're
           // trying to update the selection
 
@@ -690,7 +700,7 @@ var Downshift = /*#__PURE__*/function () {
               return;
             }
 
-            newStateToSet[key]; // if it's coming from props, then we don't care to set it internally
+            nextFullState[key] = newStateToSet[key]; // if it's coming from props, then we don't care to set it internally
 
             if (!isControlledProp(_this.props, key)) {
               nextState[key] = newStateToSet[key];
@@ -739,7 +749,7 @@ var Downshift = /*#__PURE__*/function () {
             _ref$refKey = _ref.refKey,
             refKey = _ref$refKey === void 0 ? 'ref' : _ref$refKey,
             ref = _ref.ref,
-            rest = _objectWithoutPropertiesLoose__default['default'](_ref, ["refKey", "ref"]);
+            rest = _objectWithoutPropertiesLoose__default['default'](_ref, _excluded$4);
 
         var _ref2 = _temp2 === void 0 ? {} : _temp2,
             _ref2$suppressRefErro = _ref2.suppressRefError,
@@ -923,7 +933,7 @@ var Downshift = /*#__PURE__*/function () {
             var onKeyDown = _ref3.onKeyDown,
             onKeyUp = _ref3.onKeyUp,
             onBlur = _ref3.onBlur,
-            rest = _objectWithoutPropertiesLoose__default['default'](_ref3, ["onClick", "onPress", "onKeyDown", "onKeyUp", "onBlur"]);
+            rest = _objectWithoutPropertiesLoose__default['default'](_ref3, _excluded2$3);
 
         var _this$getState5 = _this.getState(),
             isOpen = _this$getState5.isOpen;
@@ -991,10 +1001,10 @@ var Downshift = /*#__PURE__*/function () {
         _this.internalSetTimeout(function () {
           if (!_this.isMouseDown && (_this.props.environment.document.activeElement == null || _this.props.environment.document.activeElement.id !== _this.inputId) && _this.props.environment.document.activeElement !== blurTarget // Do nothing if we refocus the same element again (to solve issue in Safari on iOS)
           ) {
-              _this.reset({
-                type: blurButton
-              });
-            }
+            _this.reset({
+              type: blurButton
+            });
+          }
         });
       };
 
@@ -1012,7 +1022,7 @@ var Downshift = /*#__PURE__*/function () {
             onChange = _ref4.onChange,
             onInput = _ref4.onInput;
             _ref4.onChangeText;
-            var rest = _objectWithoutPropertiesLoose__default['default'](_ref4, ["onKeyDown", "onBlur", "onChange", "onInput", "onChangeText"]);
+            var rest = _objectWithoutPropertiesLoose__default['default'](_ref4, _excluded3$2);
 
         var onChangeKey;
         var eventHandlers = {};
@@ -1087,7 +1097,7 @@ var Downshift = /*#__PURE__*/function () {
             _ref5$refKey = _ref5.refKey,
             refKey = _ref5$refKey === void 0 ? 'ref' : _ref5$refKey,
             ref = _ref5.ref,
-            props = _objectWithoutPropertiesLoose__default['default'](_ref5, ["refKey", "ref"]);
+            props = _objectWithoutPropertiesLoose__default['default'](_ref5, _excluded4$1);
 
         var _ref6 = _temp6 === void 0 ? {} : _temp6,
             _ref6$suppressRefErro = _ref6.suppressRefError,
@@ -1112,7 +1122,7 @@ var Downshift = /*#__PURE__*/function () {
             item = _ref7$item === void 0 ? process.env.NODE_ENV === 'production' ?
         /* istanbul ignore next */
         undefined : requiredProp('getItemProps', 'item') : _ref7$item,
-            rest = _objectWithoutPropertiesLoose__default['default'](_ref7, ["onMouseMove", "onMouseDown", "onClick", "onPress", "index", "item"]);
+            rest = _objectWithoutPropertiesLoose__default['default'](_ref7, _excluded5$1);
 
         if (index === undefined) {
           _this.items.push(item);
@@ -1438,7 +1448,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 +1474,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({
@@ -1620,9 +1630,9 @@ var Downshift = /*#__PURE__*/function () {
     selectedItemChanged: function selectedItemChanged(prevItem, item) {
       return prevItem !== item;
     },
-    environment: typeof window === 'undefined'
+    environment:
     /* istanbul ignore next (ssr) */
-    ? {} : window,
+    typeof window === 'undefined' ? {} : window,
     stateReducer: function stateReducer(state, stateToSet) {
       return stateToSet;
     },
@@ -1679,6 +1689,7 @@ process.env.NODE_ENV !== "production" ? Downshift.propTypes = {
   /* eslint-enable react/no-unused-prop-types */
 
 } : void 0;
+var Downshift$1 = Downshift;
 
 function validateGetMenuPropsCalledCorrectly(node, _ref12) {
   var refKey = _ref12.refKey;
@@ -1708,6 +1719,7 @@ function validateGetRootPropsCalledCorrectly(element, _ref13) {
   }
 }
 
+var _excluded$3 = ["isInitialMount", "highlightedIndex", "items", "environment"];
 var dropdownDefaultStateValues = {
   highlightedIndex: -1,
   isOpen: false,
@@ -1905,9 +1917,9 @@ var defaultProps$3 = {
   getA11ySelectionMessage: getA11ySelectionMessage,
   scrollIntoView: scrollIntoView,
   circularNavigation: false,
-  environment: typeof window === 'undefined'
+  environment:
   /* istanbul ignore next (ssr) */
-  ? {} : window
+  typeof window === 'undefined' ? {} : window
 };
 
 function getDefaultValue$1(props, propKey, defaultStateValues) {
@@ -2033,7 +2045,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();
       }
     };
@@ -2121,11 +2133,11 @@ function useA11yMessageSetter(getA11yMessage, dependencyArray, _ref2) {
       highlightedIndex = _ref2.highlightedIndex,
       items = _ref2.items,
       environment = _ref2.environment,
-      rest = _objectWithoutPropertiesLoose__default['default'](_ref2, ["isInitialMount", "highlightedIndex", "items", "environment"]);
+      rest = _objectWithoutPropertiesLoose__default['default'](_ref2, _excluded$3);
 
   // Sets a11y status message on changes in state.
   react.useEffect(function () {
-    if (isInitialMount) {
+    if (isInitialMount || false) {
       return;
     }
 
@@ -2256,58 +2268,57 @@ function downshiftCommonReducer(state, action, stateChangeTypes) {
 }
 /* eslint-enable complexity */
 
-function getItemIndexByCharacterKey(keysSoFar, highlightedIndex, items, itemToString, getItemNodeFromIndex) {
-  var lowerCasedKeysSoFar = keysSoFar.toLowerCase();
-
-  for (var index = 0; index < items.length; index++) {
-    var offsetIndex = (index + highlightedIndex + 1) % items.length;
-
-    if (itemToString(items[offsetIndex]).toLowerCase().startsWith(lowerCasedKeysSoFar)) {
-      var element = getItemNodeFromIndex(offsetIndex);
-
-      if (!(element && element.hasAttribute('disabled'))) {
-        return offsetIndex;
-      }
+function getItemIndexByCharacterKey({ keysSoFar, highlightedIndex, items, itemToString, getItemNodeFromIndex, }) {
+    const lowerCasedKeysSoFar = keysSoFar.toLowerCase();
+    for (let index = 0; index < items.length; index++) {
+        const offsetIndex = (index + highlightedIndex + 1) % items.length;
+        const item = items[offsetIndex];
+        if (item !== undefined &&
+            itemToString(item)
+                .toLowerCase()
+                .startsWith(lowerCasedKeysSoFar)) {
+            const element = getItemNodeFromIndex(offsetIndex);
+            if (!element?.hasAttribute('disabled')) {
+                return offsetIndex;
+            }
+        }
     }
-  }
-
-  return highlightedIndex;
+    return highlightedIndex;
 }
-
-var propTypes$2 = {
-  items: PropTypes__default['default'].array.isRequired,
-  itemToString: PropTypes__default['default'].func,
-  getA11yStatusMessage: PropTypes__default['default'].func,
-  getA11ySelectionMessage: PropTypes__default['default'].func,
-  circularNavigation: PropTypes__default['default'].bool,
-  highlightedIndex: PropTypes__default['default'].number,
-  defaultHighlightedIndex: PropTypes__default['default'].number,
-  initialHighlightedIndex: PropTypes__default['default'].number,
-  isOpen: PropTypes__default['default'].bool,
-  defaultIsOpen: PropTypes__default['default'].bool,
-  initialIsOpen: PropTypes__default['default'].bool,
-  selectedItem: PropTypes__default['default'].any,
-  initialSelectedItem: PropTypes__default['default'].any,
-  defaultSelectedItem: PropTypes__default['default'].any,
-  id: PropTypes__default['default'].string,
-  labelId: PropTypes__default['default'].string,
-  menuId: PropTypes__default['default'].string,
-  getItemId: PropTypes__default['default'].func,
-  toggleButtonId: PropTypes__default['default'].string,
-  stateReducer: PropTypes__default['default'].func,
-  onSelectedItemChange: PropTypes__default['default'].func,
-  onHighlightedIndexChange: PropTypes__default['default'].func,
-  onStateChange: PropTypes__default['default'].func,
-  onIsOpenChange: PropTypes__default['default'].func,
-  environment: PropTypes__default['default'].shape({
-    addEventListener: PropTypes__default['default'].func,
-    removeEventListener: PropTypes__default['default'].func,
-    document: PropTypes__default['default'].shape({
-      getElementById: PropTypes__default['default'].func,
-      activeElement: PropTypes__default['default'].any,
-      body: PropTypes__default['default'].any
-    })
-  })
+const propTypes$2 = {
+    items: PropTypes__default['default'].array.isRequired,
+    itemToString: PropTypes__default['default'].func,
+    getA11yStatusMessage: PropTypes__default['default'].func,
+    getA11ySelectionMessage: PropTypes__default['default'].func,
+    circularNavigation: PropTypes__default['default'].bool,
+    highlightedIndex: PropTypes__default['default'].number,
+    defaultHighlightedIndex: PropTypes__default['default'].number,
+    initialHighlightedIndex: PropTypes__default['default'].number,
+    isOpen: PropTypes__default['default'].bool,
+    defaultIsOpen: PropTypes__default['default'].bool,
+    initialIsOpen: PropTypes__default['default'].bool,
+    selectedItem: PropTypes__default['default'].any,
+    initialSelectedItem: PropTypes__default['default'].any,
+    defaultSelectedItem: PropTypes__default['default'].any,
+    id: PropTypes__default['default'].string,
+    labelId: PropTypes__default['default'].string,
+    menuId: PropTypes__default['default'].string,
+    getItemId: PropTypes__default['default'].func,
+    toggleButtonId: PropTypes__default['default'].string,
+    stateReducer: PropTypes__default['default'].func,
+    onSelectedItemChange: PropTypes__default['default'].func,
+    onHighlightedIndexChange: PropTypes__default['default'].func,
+    onStateChange: PropTypes__default['default'].func,
+    onIsOpenChange: PropTypes__default['default'].func,
+    environment: PropTypes__default['default'].shape({
+        addEventListener: PropTypes__default['default'].func,
+        removeEventListener: PropTypes__default['default'].func,
+        document: PropTypes__default['default'].shape({
+            getElementById: PropTypes__default['default'].func,
+            activeElement: PropTypes__default['default'].any,
+            body: PropTypes__default['default'].any,
+        }),
+    }),
 };
 /**
  * Default implementation for status message. Only added when menu is open.
@@ -2317,39 +2328,29 @@ var propTypes$2 = {
  * @param {Object} param the downshift state and other relevant properties
  * @return {String} the a11y status message
  */
-
-function getA11yStatusMessage(_ref) {
-  var isOpen = _ref.isOpen,
-      resultCount = _ref.resultCount,
-      previousResultCount = _ref.previousResultCount;
-
-  if (!isOpen) {
+function getA11yStatusMessage({ isOpen, resultCount, previousResultCount, }) {
+    if (!isOpen) {
+        return '';
+    }
+    if (!resultCount) {
+        return 'No results are available.';
+    }
+    if (resultCount !== previousResultCount) {
+        return `${resultCount} result${resultCount === 1 ? ' is' : 's are'} available, use up and down arrow keys to navigate. Press Enter or Space Bar keys to select.`;
+    }
     return '';
-  }
-
-  if (!resultCount) {
-    return 'No results are available.';
-  }
-
-  if (resultCount !== previousResultCount) {
-    return resultCount + " result" + (resultCount === 1 ? ' is' : 's are') + " available, use up and down arrow keys to navigate. Press Enter or Space Bar keys to select.";
-  }
-
-  return '';
 }
-
-var defaultProps$2 = _extends__default['default']({}, defaultProps$3, {
-  getA11yStatusMessage: getA11yStatusMessage
-}); // eslint-disable-next-line import/no-mutable-exports
-
-
-var validatePropTypes$2 = noop;
+const defaultProps$2 = {
+    ...defaultProps$3,
+    getA11yStatusMessage,
+};
+// eslint-disable-next-line import/no-mutable-exports
+let validatePropTypes$2 = 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$2 = (options, caller) => {
+        PropTypes__default['default'].checkPropTypes(propTypes$2, options, 'prop', caller.name);
+    };
 }
 
 var MenuKeyDownArrowDown = process.env.NODE_ENV !== "production" ? '__menu_keydown_arrow_down__' : 0;
@@ -2424,7 +2425,13 @@ function downshiftSelectReducer(state, action) {
       {
         var lowercasedKey = action.key;
         var inputValue = "" + state.inputValue + lowercasedKey;
-        var itemIndex = getItemIndexByCharacterKey(inputValue, state.selectedItem ? props.items.indexOf(state.selectedItem) : -1, props.items, props.itemToString, action.getItemNodeFromIndex);
+        var itemIndex = getItemIndexByCharacterKey({
+          keysSoFar: inputValue,
+          highlightedIndex: state.selectedItem ? props.items.indexOf(state.selectedItem) : -1,
+          items: props.items,
+          itemToString: props.itemToString,
+          getItemNodeFromIndex: action.getItemNodeFromIndex
+        });
         changes = _extends__default['default']({
           inputValue: inputValue
         }, itemIndex >= 0 && {
@@ -2489,7 +2496,13 @@ function downshiftSelectReducer(state, action) {
 
         var _inputValue = "" + state.inputValue + _lowercasedKey;
 
-        var highlightedIndex = getItemIndexByCharacterKey(_inputValue, state.highlightedIndex, props.items, props.itemToString, action.getItemNodeFromIndex);
+        var highlightedIndex = getItemIndexByCharacterKey({
+          keysSoFar: _inputValue,
+          highlightedIndex: state.highlightedIndex,
+          items: props.items,
+          itemToString: props.itemToString,
+          getItemNodeFromIndex: action.getItemNodeFromIndex
+        });
         changes = _extends__default['default']({
           inputValue: _inputValue
         }, highlightedIndex >= 0 && {
@@ -2524,6 +2537,9 @@ function downshiftSelectReducer(state, action) {
 }
 /* eslint-enable complexity */
 
+var _excluded$2 = ["onMouseLeave", "refKey", "onKeyDown", "onBlur", "ref"],
+    _excluded2$2 = ["onClick", "onKeyDown", "refKey", "ref"],
+    _excluded3$1 = ["item", "index", "onMouseMove", "onClick", "refKey", "ref"];
 useSelect.stateChangeTypes = stateChangeTypes$2;
 
 function useSelect(userProps) {
@@ -2814,7 +2830,7 @@ function useSelect(userProps) {
         onKeyDown = _ref.onKeyDown,
         onBlur = _ref.onBlur,
         ref = _ref.ref,
-        rest = _objectWithoutPropertiesLoose__default['default'](_ref, ["onMouseLeave", "refKey", "onKeyDown", "onBlur", "ref"]);
+        rest = _objectWithoutPropertiesLoose__default['default'](_ref, _excluded$2);
 
     var _ref2 = _temp2 === void 0 ? {} : _temp2,
         _ref2$suppressRefErro = _ref2.suppressRefError,
@@ -2879,7 +2895,7 @@ function useSelect(userProps) {
         _ref3$refKey = _ref3.refKey,
         refKey = _ref3$refKey === void 0 ? 'ref' : _ref3$refKey,
         ref = _ref3.ref,
-        rest = _objectWithoutPropertiesLoose__default['default'](_ref3, ["onClick", "onKeyDown", "refKey", "ref"]);
+        rest = _objectWithoutPropertiesLoose__default['default'](_ref3, _excluded2$2);
 
     var _ref4 = _temp4 === void 0 ? {} : _temp4,
         _ref4$suppressRefErro = _ref4.suppressRefError,
@@ -2928,7 +2944,7 @@ function useSelect(userProps) {
         _ref5$refKey = _ref5.refKey,
         refKey = _ref5$refKey === void 0 ? 'ref' : _ref5$refKey,
         ref = _ref5.ref,
-        rest = _objectWithoutPropertiesLoose__default['default'](_ref5, ["item", "index", "onMouseMove", "onClick", "refKey", "ref"]);
+        rest = _objectWithoutPropertiesLoose__default['default'](_ref5, _excluded3$1);
 
     var _latest$current = latest.current,
         latestState = _latest$current.state,
@@ -3264,6 +3280,11 @@ function downshiftUseComboboxReducer(state, action) {
 }
 /* eslint-enable complexity */
 
+var _excluded$1 = ["onMouseLeave", "refKey", "ref"],
+    _excluded2$1 = ["item", "index", "refKey", "ref", "onMouseMove", "onClick", "onPress"],
+    _excluded3 = ["onClick", "onPress", "refKey", "ref"],
+    _excluded4 = ["onKeyDown", "onChange", "onInput", "onBlur", "onChangeText", "refKey", "ref"],
+    _excluded5 = ["refKey", "ref"];
 useCombobox.stateChangeTypes = stateChangeTypes$1;
 
 function useCombobox(userProps) {
@@ -3434,8 +3455,8 @@ function useCombobox(userProps) {
 
         if (!latestState.isOpen || latestState.highlightedIndex < 0 || event.which === 229 // if IME composing, wait for next Enter keydown event.
         ) {
-            return;
-          }
+          return;
+        }
 
         event.preventDefault();
         dispatch({
@@ -3460,7 +3481,7 @@ function useCombobox(userProps) {
         _ref$refKey = _ref.refKey,
         refKey = _ref$refKey === void 0 ? 'ref' : _ref$refKey,
         ref = _ref.ref,
-        rest = _objectWithoutPropertiesLoose__default['default'](_ref, ["onMouseLeave", "refKey", "ref"]);
+        rest = _objectWithoutPropertiesLoose__default['default'](_ref, _excluded$1);
 
     var _ref2 = _temp2 === void 0 ? {} : _temp2,
         _ref2$suppressRefErro = _ref2.suppressRefError,
@@ -3487,7 +3508,7 @@ function useCombobox(userProps) {
         onMouseMove = _ref3.onMouseMove,
         onClick = _ref3.onClick;
         _ref3.onPress;
-        var rest = _objectWithoutPropertiesLoose__default['default'](_ref3, ["item", "index", "refKey", "ref", "onMouseMove", "onClick", "onPress"]);
+        var rest = _objectWithoutPropertiesLoose__default['default'](_ref3, _excluded2$1);
 
     var _latest$current = latest.current,
         latestProps = _latest$current.props,
@@ -3541,7 +3562,7 @@ function useCombobox(userProps) {
         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"]);
+        rest = _objectWithoutPropertiesLoose__default['default'](_ref5, _excluded3);
 
     var toggleButtonHandleClick = function toggleButtonHandleClick() {
       dispatch({
@@ -3571,7 +3592,7 @@ function useCombobox(userProps) {
         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"]);
+        rest = _objectWithoutPropertiesLoose__default['default'](_ref6, _excluded4);
 
     var _ref7 = _temp6 === void 0 ? {} : _temp6,
         _ref7$suppressRefErro = _ref7.suppressRefError,
@@ -3635,7 +3656,7 @@ function useCombobox(userProps) {
         _ref8$refKey = _ref8.refKey,
         refKey = _ref8$refKey === void 0 ? 'ref' : _ref8$refKey,
         ref = _ref8.ref,
-        rest = _objectWithoutPropertiesLoose__default['default'](_ref8, ["refKey", "ref"]);
+        rest = _objectWithoutPropertiesLoose__default['default'](_ref8, _excluded5);
 
     var _ref9 = _temp8 === void 0 ? {} : _temp8,
         _ref9$suppressRefErro = _ref9.suppressRefError,
@@ -3775,9 +3796,7 @@ function isKeyDownOperationPermitted(event) {
   var element = event.target;
 
   if (element instanceof HTMLInputElement && // if element is a text input
-  element.value !== '' && ( // and we have text in it
-  // and cursor is either not at the start or is currently highlighting text.
-  element.selectionStart !== 0 || element.selectionEnd !== 0)) {
+  element.value !== '' && (element.selectionStart !== 0 || element.selectionEnd !== 0)) {
     return false;
   }
 
@@ -3994,6 +4013,8 @@ function downshiftMultipleSelectionReducer(state, action) {
   return _extends__default['default']({}, state, changes);
 }
 
+var _excluded = ["refKey", "ref", "onClick", "onKeyDown", "selectedItem", "index"],
+    _excluded2 = ["refKey", "ref", "onKeyDown", "onClick", "preventKeyAction"];
 useMultipleSelection.stateChangeTypes = stateChangeTypes;
 
 function useMultipleSelection(userProps) {
@@ -4123,7 +4144,7 @@ function useMultipleSelection(userProps) {
         onKeyDown = _ref3.onKeyDown,
         selectedItem = _ref3.selectedItem,
         index = _ref3.index,
-        rest = _objectWithoutPropertiesLoose__default['default'](_ref3, ["refKey", "ref", "onClick", "onKeyDown", "selectedItem", "index"]);
+        rest = _objectWithoutPropertiesLoose__default['default'](_ref3, _excluded);
 
     var latestState = latest.current.state;
     var itemIndex = getItemIndex(index, selectedItem, latestState.selectedItems);
@@ -4164,7 +4185,7 @@ function useMultipleSelection(userProps) {
         onClick = _ref4.onClick,
         _ref4$preventKeyActio = _ref4.preventKeyAction,
         preventKeyAction = _ref4$preventKeyActio === void 0 ? false : _ref4$preventKeyActio,
-        rest = _objectWithoutPropertiesLoose__default['default'](_ref4, ["refKey", "ref", "onKeyDown", "onClick", "preventKeyAction"]);
+        rest = _objectWithoutPropertiesLoose__default['default'](_ref4, _excluded2);
 
     var _ref5 = _temp3 === void 0 ? {} : _temp3,
         _ref5$suppressRefErro = _ref5.suppressRefError,
@@ -4238,7 +4259,7 @@ function useMultipleSelection(userProps) {
   };
 }
 
-exports.default = Downshift;
+exports['default'] = Downshift$1;
 exports.resetIdCounter = resetIdCounter;
 exports.useCombobox = useCombobox;
 exports.useMultipleSelection = useMultipleSelection;