downshift 6.1.2-alpha.0 → 6.1.4

package/preact/dist/downshift.esm.js

@@ -2,7 +2,7 @@ import _objectWithoutPropertiesLoose from '@babel/runtime/helpers/esm/objectWith
 import _extends from '@babel/runtime/helpers/esm/extends';
 import _assertThisInitialized from '@babel/runtime/helpers/esm/assertThisInitialized';
 import _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';
-import { cloneElement, Component, useRef, useEffect, useLayoutEffect, useCallback, useReducer, useMemo } from 'preact';
+import { cloneElement, Component, useRef, useEffect, useCallback, useLayoutEffect, useReducer, useMemo } from 'preact';
 import { isForwardRef } from 'react-is';
 import computeScrollIntoView from 'compute-scroll-into-view';
 import PropTypes from 'prop-types';
@@ -50,12 +50,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
@@ -409,7 +411,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.
@@ -539,6 +541,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(Downshift, _Component);
@@ -658,6 +666,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
 
@@ -683,7 +693,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];
@@ -732,7 +742,7 @@ var Downshift = /*#__PURE__*/function () {
             _ref$refKey = _ref.refKey,
             refKey = _ref$refKey === void 0 ? 'ref' : _ref$refKey,
             ref = _ref.ref,
-            rest = _objectWithoutPropertiesLoose(_ref, ["refKey", "ref"]);
+            rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
 
         var _ref2 = _temp2 === void 0 ? {} : _temp2,
             _ref2$suppressRefErro = _ref2.suppressRefError,
@@ -916,7 +926,7 @@ var Downshift = /*#__PURE__*/function () {
             var onKeyDown = _ref3.onKeyDown,
             onKeyUp = _ref3.onKeyUp,
             onBlur = _ref3.onBlur,
-            rest = _objectWithoutPropertiesLoose(_ref3, ["onClick", "onPress", "onKeyDown", "onKeyUp", "onBlur"]);
+            rest = _objectWithoutPropertiesLoose(_ref3, _excluded2$3);
 
         var _this$getState5 = _this.getState(),
             isOpen = _this$getState5.isOpen;
@@ -984,10 +994,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
+            });
+          }
         });
       };
 
@@ -1005,7 +1015,7 @@ var Downshift = /*#__PURE__*/function () {
             onChange = _ref4.onChange,
             onInput = _ref4.onInput;
             _ref4.onChangeText;
-            var rest = _objectWithoutPropertiesLoose(_ref4, ["onKeyDown", "onBlur", "onChange", "onInput", "onChangeText"]);
+            var rest = _objectWithoutPropertiesLoose(_ref4, _excluded3$2);
 
         var onChangeKey;
         var eventHandlers = {};
@@ -1080,7 +1090,7 @@ var Downshift = /*#__PURE__*/function () {
             _ref5$refKey = _ref5.refKey,
             refKey = _ref5$refKey === void 0 ? 'ref' : _ref5$refKey,
             ref = _ref5.ref,
-            props = _objectWithoutPropertiesLoose(_ref5, ["refKey", "ref"]);
+            props = _objectWithoutPropertiesLoose(_ref5, _excluded4$1);
 
         var _ref6 = _temp6 === void 0 ? {} : _temp6,
             _ref6$suppressRefErro = _ref6.suppressRefError,
@@ -1105,7 +1115,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(_ref7, ["onMouseMove", "onMouseDown", "onClick", "onPress", "index", "item"]);
+            rest = _objectWithoutPropertiesLoose(_ref7, _excluded5$1);
 
         if (index === undefined) {
           _this.items.push(item);
@@ -1431,7 +1441,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({
@@ -1457,7 +1467,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({
@@ -1613,9 +1623,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;
     },
@@ -1626,6 +1636,8 @@ var Downshift = /*#__PURE__*/function () {
   return Downshift;
 }();
 
+var Downshift$1 = Downshift;
+
 function validateGetMenuPropsCalledCorrectly(node, _ref12) {
   var refKey = _ref12.refKey;
 
@@ -1654,6 +1666,7 @@ function validateGetRootPropsCalledCorrectly(element, _ref13) {
   }
 }
 
+var _excluded$3 = ["isInitialMount", "highlightedIndex", "items", "environment"];
 var dropdownDefaultStateValues = {
   highlightedIndex: -1,
   isOpen: false,
@@ -1851,9 +1864,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) {
@@ -1979,7 +1992,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();
       }
     };
@@ -2067,11 +2080,11 @@ function useA11yMessageSetter(getA11yMessage, dependencyArray, _ref2) {
       highlightedIndex = _ref2.highlightedIndex,
       items = _ref2.items,
       environment = _ref2.environment,
-      rest = _objectWithoutPropertiesLoose(_ref2, ["isInitialMount", "highlightedIndex", "items", "environment"]);
+      rest = _objectWithoutPropertiesLoose(_ref2, _excluded$3);
 
   // Sets a11y status message on changes in state.
   useEffect(function () {
-    if (isInitialMount) {
+    if (isInitialMount || false) {
       return;
     }
 
@@ -2202,58 +2215,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.array.isRequired,
-  itemToString: PropTypes.func,
-  getA11yStatusMessage: PropTypes.func,
-  getA11ySelectionMessage: PropTypes.func,
-  circularNavigation: PropTypes.bool,
-  highlightedIndex: PropTypes.number,
-  defaultHighlightedIndex: PropTypes.number,
-  initialHighlightedIndex: PropTypes.number,
-  isOpen: PropTypes.bool,
-  defaultIsOpen: PropTypes.bool,
-  initialIsOpen: PropTypes.bool,
-  selectedItem: PropTypes.any,
-  initialSelectedItem: PropTypes.any,
-  defaultSelectedItem: PropTypes.any,
-  id: PropTypes.string,
-  labelId: PropTypes.string,
-  menuId: PropTypes.string,
-  getItemId: PropTypes.func,
-  toggleButtonId: PropTypes.string,
-  stateReducer: PropTypes.func,
-  onSelectedItemChange: PropTypes.func,
-  onHighlightedIndexChange: PropTypes.func,
-  onStateChange: PropTypes.func,
-  onIsOpenChange: PropTypes.func,
-  environment: PropTypes.shape({
-    addEventListener: PropTypes.func,
-    removeEventListener: PropTypes.func,
-    document: PropTypes.shape({
-      getElementById: PropTypes.func,
-      activeElement: PropTypes.any,
-      body: PropTypes.any
-    })
-  })
+const propTypes$2 = {
+    items: PropTypes.array.isRequired,
+    itemToString: PropTypes.func,
+    getA11yStatusMessage: PropTypes.func,
+    getA11ySelectionMessage: PropTypes.func,
+    circularNavigation: PropTypes.bool,
+    highlightedIndex: PropTypes.number,
+    defaultHighlightedIndex: PropTypes.number,
+    initialHighlightedIndex: PropTypes.number,
+    isOpen: PropTypes.bool,
+    defaultIsOpen: PropTypes.bool,
+    initialIsOpen: PropTypes.bool,
+    selectedItem: PropTypes.any,
+    initialSelectedItem: PropTypes.any,
+    defaultSelectedItem: PropTypes.any,
+    id: PropTypes.string,
+    labelId: PropTypes.string,
+    menuId: PropTypes.string,
+    getItemId: PropTypes.func,
+    toggleButtonId: PropTypes.string,
+    stateReducer: PropTypes.func,
+    onSelectedItemChange: PropTypes.func,
+    onHighlightedIndexChange: PropTypes.func,
+    onStateChange: PropTypes.func,
+    onIsOpenChange: PropTypes.func,
+    environment: PropTypes.shape({
+        addEventListener: PropTypes.func,
+        removeEventListener: PropTypes.func,
+        document: PropTypes.shape({
+            getElementById: PropTypes.func,
+            activeElement: PropTypes.any,
+            body: PropTypes.any,
+        }),
+    }),
 };
 /**
  * Default implementation for status message. Only added when menu is open.
@@ -2263,39 +2275,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({}, 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.checkPropTypes(propTypes$2, options, 'prop', caller.name);
-  };
+    validatePropTypes$2 = (options, caller) => {
+        PropTypes.checkPropTypes(propTypes$2, options, 'prop', caller.name);
+    };
 }
 
 var MenuKeyDownArrowDown = process.env.NODE_ENV !== "production" ? '__menu_keydown_arrow_down__' : 0;
@@ -2370,7 +2372,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({
           inputValue: inputValue
         }, itemIndex >= 0 && {
@@ -2435,7 +2443,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({
           inputValue: _inputValue
         }, highlightedIndex >= 0 && {
@@ -2470,6 +2484,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) {
@@ -2760,7 +2777,7 @@ function useSelect(userProps) {
         onKeyDown = _ref.onKeyDown,
         onBlur = _ref.onBlur,
         ref = _ref.ref,
-        rest = _objectWithoutPropertiesLoose(_ref, ["onMouseLeave", "refKey", "onKeyDown", "onBlur", "ref"]);
+        rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
 
     var _ref2 = _temp2 === void 0 ? {} : _temp2,
         _ref2$suppressRefErro = _ref2.suppressRefError,
@@ -2825,7 +2842,7 @@ function useSelect(userProps) {
         _ref3$refKey = _ref3.refKey,
         refKey = _ref3$refKey === void 0 ? 'ref' : _ref3$refKey,
         ref = _ref3.ref,
-        rest = _objectWithoutPropertiesLoose(_ref3, ["onClick", "onKeyDown", "refKey", "ref"]);
+        rest = _objectWithoutPropertiesLoose(_ref3, _excluded2$2);
 
     var _ref4 = _temp4 === void 0 ? {} : _temp4,
         _ref4$suppressRefErro = _ref4.suppressRefError,
@@ -2874,7 +2891,7 @@ function useSelect(userProps) {
         _ref5$refKey = _ref5.refKey,
         refKey = _ref5$refKey === void 0 ? 'ref' : _ref5$refKey,
         ref = _ref5.ref,
-        rest = _objectWithoutPropertiesLoose(_ref5, ["item", "index", "onMouseMove", "onClick", "refKey", "ref"]);
+        rest = _objectWithoutPropertiesLoose(_ref5, _excluded3$1);
 
     var _latest$current = latest.current,
         latestState = _latest$current.state,
@@ -3210,6 +3227,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) {
@@ -3380,8 +3402,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({
@@ -3406,7 +3428,7 @@ function useCombobox(userProps) {
         _ref$refKey = _ref.refKey,
         refKey = _ref$refKey === void 0 ? 'ref' : _ref$refKey,
         ref = _ref.ref,
-        rest = _objectWithoutPropertiesLoose(_ref, ["onMouseLeave", "refKey", "ref"]);
+        rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
 
     var _ref2 = _temp2 === void 0 ? {} : _temp2,
         _ref2$suppressRefErro = _ref2.suppressRefError,
@@ -3433,7 +3455,7 @@ function useCombobox(userProps) {
         onMouseMove = _ref3.onMouseMove,
         onClick = _ref3.onClick;
         _ref3.onPress;
-        var rest = _objectWithoutPropertiesLoose(_ref3, ["item", "index", "refKey", "ref", "onMouseMove", "onClick", "onPress"]);
+        var rest = _objectWithoutPropertiesLoose(_ref3, _excluded2$1);
 
     var _latest$current = latest.current,
         latestProps = _latest$current.props,
@@ -3487,7 +3509,7 @@ function useCombobox(userProps) {
         var _ref5$refKey = _ref5.refKey,
         refKey = _ref5$refKey === void 0 ? 'ref' : _ref5$refKey,
         ref = _ref5.ref,
-        rest = _objectWithoutPropertiesLoose(_ref5, ["onClick", "onPress", "refKey", "ref"]);
+        rest = _objectWithoutPropertiesLoose(_ref5, _excluded3);
 
     var toggleButtonHandleClick = function toggleButtonHandleClick() {
       dispatch({
@@ -3517,7 +3539,7 @@ function useCombobox(userProps) {
         var _ref6$refKey = _ref6.refKey,
         refKey = _ref6$refKey === void 0 ? 'ref' : _ref6$refKey,
         ref = _ref6.ref,
-        rest = _objectWithoutPropertiesLoose(_ref6, ["onKeyDown", "onChange", "onInput", "onBlur", "onChangeText", "refKey", "ref"]);
+        rest = _objectWithoutPropertiesLoose(_ref6, _excluded4);
 
     var _ref7 = _temp6 === void 0 ? {} : _temp6,
         _ref7$suppressRefErro = _ref7.suppressRefError,
@@ -3581,7 +3603,7 @@ function useCombobox(userProps) {
         _ref8$refKey = _ref8.refKey,
         refKey = _ref8$refKey === void 0 ? 'ref' : _ref8$refKey,
         ref = _ref8.ref,
-        rest = _objectWithoutPropertiesLoose(_ref8, ["refKey", "ref"]);
+        rest = _objectWithoutPropertiesLoose(_ref8, _excluded5);
 
     var _ref9 = _temp8 === void 0 ? {} : _temp8,
         _ref9$suppressRefErro = _ref9.suppressRefError,
@@ -3721,9 +3743,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;
   }
 
@@ -3940,6 +3960,8 @@ function downshiftMultipleSelectionReducer(state, action) {
   return _extends({}, state, changes);
 }
 
+var _excluded = ["refKey", "ref", "onClick", "onKeyDown", "selectedItem", "index"],
+    _excluded2 = ["refKey", "ref", "onKeyDown", "onClick", "preventKeyAction"];
 useMultipleSelection.stateChangeTypes = stateChangeTypes;
 
 function useMultipleSelection(userProps) {
@@ -4069,7 +4091,7 @@ function useMultipleSelection(userProps) {
         onKeyDown = _ref3.onKeyDown,
         selectedItem = _ref3.selectedItem,
         index = _ref3.index,
-        rest = _objectWithoutPropertiesLoose(_ref3, ["refKey", "ref", "onClick", "onKeyDown", "selectedItem", "index"]);
+        rest = _objectWithoutPropertiesLoose(_ref3, _excluded);
 
     var latestState = latest.current.state;
     var itemIndex = getItemIndex(index, selectedItem, latestState.selectedItems);
@@ -4110,7 +4132,7 @@ function useMultipleSelection(userProps) {
         onClick = _ref4.onClick,
         _ref4$preventKeyActio = _ref4.preventKeyAction,
         preventKeyAction = _ref4$preventKeyActio === void 0 ? false : _ref4$preventKeyActio,
-        rest = _objectWithoutPropertiesLoose(_ref4, ["refKey", "ref", "onKeyDown", "onClick", "preventKeyAction"]);
+        rest = _objectWithoutPropertiesLoose(_ref4, _excluded2);
 
     var _ref5 = _temp3 === void 0 ? {} : _temp3,
         _ref5$suppressRefErro = _ref5.suppressRefError,
@@ -4184,5 +4206,4 @@ function useMultipleSelection(userProps) {
   };
 }
 
-export default Downshift;
-export { resetIdCounter, useCombobox, useMultipleSelection, useSelect };
+export { Downshift$1 as default, resetIdCounter, useCombobox, useMultipleSelection, useSelect };