downshift 7.2.1 → 7.2.2-alpha.0

package/dist/downshift.cjs.js

@@ -510,18 +510,9 @@ var Downshift = /*#__PURE__*/function () {
       };
       _this.input = null;
       _this.items = [];
-      // itemCount can be changed asynchronously
-      // from within downshift (so it can't come from a prop)
-      // this is why we store it as an instance and use
-      // getItemCount rather than just use items.length
-      // (to support windowing + async)
       _this.itemCount = null;
       _this.previousResultCount = 0;
       _this.timeoutIds = [];
-      /**
-       * @param {Function} fn the function to call after the time
-       * @param {Number} time the time to wait
-       */
       _this.internalSetTimeout = function (fn, time) {
         var id = setTimeout(function () {
           _this.timeoutIds = _this.timeoutIds.filter(function (i) {
@@ -576,14 +567,6 @@ var Downshift = /*#__PURE__*/function () {
       _this.selectHighlightedItem = function (otherStateToSet, cb) {
         return _this.selectItemAtIndex(_this.getState().highlightedIndex, otherStateToSet, cb);
       };
-      // any piece of our state can live in two places:
-      // 1. Uncontrolled: it's internal (this.state)
-      //    We will call this.setState to update that state
-      // 2. Controlled: it's external (this.props)
-      //    We will call this.props.onStateChange to update that state
-      //
-      // In addition, we'll call this.props.onChange if the
-      // selectedItem is changed.
       _this.internalSetState = function (stateToSet, cb) {
         var isItemSelected, onChangeArg;
         var onStateChangeArg = {};
@@ -666,7 +649,6 @@ var Downshift = /*#__PURE__*/function () {
           _this.props.onUserAction(onStateChangeArg, _this.getStateAndHelpers());
         });
       };
-      //////////////////////////// ROOT
       _this.rootRef = function (node) {
         return _this._rootNode = node;
       };
@@ -689,7 +671,6 @@ var Downshift = /*#__PURE__*/function () {
           isOpen = _this$getState.isOpen;
         return _extends__default["default"]((_extends2 = {}, _extends2[refKey] = handleRefs(ref, _this.rootRef), _extends2.role = 'combobox', _extends2['aria-expanded'] = isOpen, _extends2['aria-haspopup'] = 'listbox', _extends2['aria-owns'] = isOpen ? _this.menuId : null, _extends2['aria-labelledby'] = _this.labelId, _extends2), rest);
       };
-      //\\\\\\\\\\\\\\\\\\\\\\\\\\ ROOT
       _this.keyDownHandlers = {
         ArrowDown: function ArrowDown(event) {
           var _this2 = this;
@@ -774,7 +755,6 @@ var Downshift = /*#__PURE__*/function () {
           }));
         }
       };
-      //////////////////////////// BUTTON
       _this.buttonKeyDownHandlers = _extends__default["default"]({}, _this.keyDownHandlers, {
         ' ': function _(event) {
           event.preventDefault();
@@ -898,16 +878,12 @@ var Downshift = /*#__PURE__*/function () {
           }
         });
       };
-      //\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ BUTTON
-      /////////////////////////////// LABEL
       _this.getLabelProps = function (props) {
         return _extends__default["default"]({
           htmlFor: _this.inputId,
           id: _this.labelId
         }, props);
       };
-      //\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ LABEL
-      /////////////////////////////// INPUT
       _this.getInputProps = function (_temp4) {
         var _ref4 = _temp4 === void 0 ? {} : _temp4,
           onKeyDown = _ref4.onKeyDown,
@@ -968,8 +944,6 @@ var Downshift = /*#__PURE__*/function () {
           }
         });
       };
-      //\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ INPUT
-      /////////////////////////////// MENU
       _this.menuRef = function (node) {
         _this._menuNode = node;
       };
@@ -988,8 +962,6 @@ var Downshift = /*#__PURE__*/function () {
         _this.getMenuProps.suppressRefError = suppressRefError;
         return _extends__default["default"]((_extends3 = {}, _extends3[refKey] = handleRefs(ref, _this.menuRef), _extends3.role = 'listbox', _extends3['aria-labelledby'] = props && props['aria-label'] ? null : _this.labelId, _extends3.id = _this.menuId, _extends3), props);
       };
-      //\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ MENU
-      /////////////////////////////// ITEM
       _this.getItemProps = function (_temp7) {
         var _enabledEventHandlers;
         var _ref7 = _temp7 === void 0 ? {} : _temp7,
@@ -1053,7 +1025,6 @@ var Downshift = /*#__PURE__*/function () {
           'aria-selected': _this.getState().highlightedIndex === index
         }, eventHandlers, rest);
       };
-      //\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ ITEM
       _this.clearItems = function () {
         _this.items = [];
       };
@@ -1261,7 +1232,10 @@ var Downshift = /*#__PURE__*/function () {
         isOpen: isOpen,
         selectedItem: selectedItem
       };
-    };
+    }
+
+    //////////////////////////// ROOT
+    ;
     _proto.componentDidMount = function componentDidMount() {
       var _this7 = this;
       /* istanbul ignore if (react-native) */
@@ -2242,8 +2216,8 @@ function downshiftSelectReducer(state, action) {
 /* eslint-enable complexity */
 
 var _excluded$2 = ["onMouseLeave", "refKey", "onKeyDown", "onBlur", "ref"],
-  _excluded2$2 = ["onBlur", "onClick", "onKeyDown", "refKey", "ref"],
-  _excluded3$1 = ["item", "index", "onMouseMove", "onClick", "refKey", "ref", "disabled"];
+  _excluded2$2 = ["onBlur", "onClick", "onPress", "onKeyDown", "refKey", "ref"],
+  _excluded3$1 = ["item", "index", "onMouseMove", "onClick", "onPress", "refKey", "ref", "disabled"];
 useSelect.stateChangeTypes = stateChangeTypes$2;
 function useSelect(userProps) {
   if (userProps === void 0) {
@@ -2533,8 +2507,9 @@ function useSelect(userProps) {
     var _extends3;
     var _ref3 = _temp3 === void 0 ? {} : _temp3,
       onBlur = _ref3.onBlur,
-      onClick = _ref3.onClick,
-      onKeyDown = _ref3.onKeyDown,
+      onClick = _ref3.onClick;
+      _ref3.onPress;
+      var onKeyDown = _ref3.onKeyDown,
       _ref3$refKey = _ref3.refKey,
       refKey = _ref3$refKey === void 0 ? 'ref' : _ref3$refKey,
       ref = _ref3.ref,
@@ -2571,8 +2546,11 @@ function useSelect(userProps) {
       toggleButtonRef.current = toggleButtonNode;
     }), _extends3['aria-activedescendant'] = latestState.isOpen && latestState.highlightedIndex > -1 ? elementIds.getItemId(latestState.highlightedIndex) : '', _extends3['aria-controls'] = elementIds.menuId, _extends3['aria-expanded'] = latest.current.state.isOpen, _extends3['aria-haspopup'] = 'listbox', _extends3['aria-labelledby'] = "" + elementIds.labelId, _extends3.id = elementIds.toggleButtonId, _extends3.role = 'combobox', _extends3.tabIndex = 0, _extends3.onBlur = callAllEventHandlers(onBlur, toggleButtonHandleBlur), _extends3), rest);
     if (!rest.disabled) {
-      toggleProps.onClick = callAllEventHandlers(onClick, toggleButtonHandleClick);
-      toggleProps.onKeyDown = callAllEventHandlers(onKeyDown, toggleButtonHandleKeyDown);
+      /* istanbul ignore if (react-native) */
+      {
+        toggleProps.onClick = callAllEventHandlers(onClick, toggleButtonHandleClick);
+        toggleProps.onKeyDown = callAllEventHandlers(onKeyDown, toggleButtonHandleKeyDown);
+      }
     }
     setGetterPropCallInfo('getToggleButtonProps', suppressRefError, refKey, toggleButtonRef);
     return toggleProps;
@@ -2583,8 +2561,9 @@ function useSelect(userProps) {
       itemProp = _ref5.item,
       indexProp = _ref5.index,
       onMouseMove = _ref5.onMouseMove,
-      onClick = _ref5.onClick,
-      _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,
       disabled = _ref5.disabled,
@@ -2626,7 +2605,10 @@ function useSelect(userProps) {
       }
     }), _extends4), rest);
     if (!disabled) {
-      itemProps.onClick = callAllEventHandlers(onClick, itemHandleClick);
+      /* istanbul ignore next (react-native) */
+      {
+        itemProps.onClick = callAllEventHandlers(onClick, itemHandleClick);
+      }
     }
     itemProps.onMouseMove = callAllEventHandlers(onMouseMove, itemHandleMouseMove);
     return itemProps;

package/dist/downshift.esm.js

@@ -497,18 +497,9 @@ var Downshift = /*#__PURE__*/function () {
       };
       _this.input = null;
       _this.items = [];
-      // itemCount can be changed asynchronously
-      // from within downshift (so it can't come from a prop)
-      // this is why we store it as an instance and use
-      // getItemCount rather than just use items.length
-      // (to support windowing + async)
       _this.itemCount = null;
       _this.previousResultCount = 0;
       _this.timeoutIds = [];
-      /**
-       * @param {Function} fn the function to call after the time
-       * @param {Number} time the time to wait
-       */
       _this.internalSetTimeout = function (fn, time) {
         var id = setTimeout(function () {
           _this.timeoutIds = _this.timeoutIds.filter(function (i) {
@@ -563,14 +554,6 @@ var Downshift = /*#__PURE__*/function () {
       _this.selectHighlightedItem = function (otherStateToSet, cb) {
         return _this.selectItemAtIndex(_this.getState().highlightedIndex, otherStateToSet, cb);
       };
-      // any piece of our state can live in two places:
-      // 1. Uncontrolled: it's internal (this.state)
-      //    We will call this.setState to update that state
-      // 2. Controlled: it's external (this.props)
-      //    We will call this.props.onStateChange to update that state
-      //
-      // In addition, we'll call this.props.onChange if the
-      // selectedItem is changed.
       _this.internalSetState = function (stateToSet, cb) {
         var isItemSelected, onChangeArg;
         var onStateChangeArg = {};
@@ -653,7 +636,6 @@ var Downshift = /*#__PURE__*/function () {
           _this.props.onUserAction(onStateChangeArg, _this.getStateAndHelpers());
         });
       };
-      //////////////////////////// ROOT
       _this.rootRef = function (node) {
         return _this._rootNode = node;
       };
@@ -676,7 +658,6 @@ var Downshift = /*#__PURE__*/function () {
           isOpen = _this$getState.isOpen;
         return _extends((_extends2 = {}, _extends2[refKey] = handleRefs(ref, _this.rootRef), _extends2.role = 'combobox', _extends2['aria-expanded'] = isOpen, _extends2['aria-haspopup'] = 'listbox', _extends2['aria-owns'] = isOpen ? _this.menuId : null, _extends2['aria-labelledby'] = _this.labelId, _extends2), rest);
       };
-      //\\\\\\\\\\\\\\\\\\\\\\\\\\ ROOT
       _this.keyDownHandlers = {
         ArrowDown: function ArrowDown(event) {
           var _this2 = this;
@@ -761,7 +742,6 @@ var Downshift = /*#__PURE__*/function () {
           }));
         }
       };
-      //////////////////////////// BUTTON
       _this.buttonKeyDownHandlers = _extends({}, _this.keyDownHandlers, {
         ' ': function _(event) {
           event.preventDefault();
@@ -885,16 +865,12 @@ var Downshift = /*#__PURE__*/function () {
           }
         });
       };
-      //\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ BUTTON
-      /////////////////////////////// LABEL
       _this.getLabelProps = function (props) {
         return _extends({
           htmlFor: _this.inputId,
           id: _this.labelId
         }, props);
       };
-      //\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ LABEL
-      /////////////////////////////// INPUT
       _this.getInputProps = function (_temp4) {
         var _ref4 = _temp4 === void 0 ? {} : _temp4,
           onKeyDown = _ref4.onKeyDown,
@@ -955,8 +931,6 @@ var Downshift = /*#__PURE__*/function () {
           }
         });
       };
-      //\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ INPUT
-      /////////////////////////////// MENU
       _this.menuRef = function (node) {
         _this._menuNode = node;
       };
@@ -975,8 +949,6 @@ var Downshift = /*#__PURE__*/function () {
         _this.getMenuProps.suppressRefError = suppressRefError;
         return _extends((_extends3 = {}, _extends3[refKey] = handleRefs(ref, _this.menuRef), _extends3.role = 'listbox', _extends3['aria-labelledby'] = props && props['aria-label'] ? null : _this.labelId, _extends3.id = _this.menuId, _extends3), props);
       };
-      //\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ MENU
-      /////////////////////////////// ITEM
       _this.getItemProps = function (_temp7) {
         var _enabledEventHandlers;
         var _ref7 = _temp7 === void 0 ? {} : _temp7,
@@ -1040,7 +1012,6 @@ var Downshift = /*#__PURE__*/function () {
           'aria-selected': _this.getState().highlightedIndex === index
         }, eventHandlers, rest);
       };
-      //\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ ITEM
       _this.clearItems = function () {
         _this.items = [];
       };
@@ -1248,7 +1219,10 @@ var Downshift = /*#__PURE__*/function () {
         isOpen: isOpen,
         selectedItem: selectedItem
       };
-    };
+    }
+
+    //////////////////////////// ROOT
+    ;
     _proto.componentDidMount = function componentDidMount() {
       var _this7 = this;
       /* istanbul ignore if (react-native) */
@@ -2229,8 +2203,8 @@ function downshiftSelectReducer(state, action) {
 /* eslint-enable complexity */
 
 var _excluded$2 = ["onMouseLeave", "refKey", "onKeyDown", "onBlur", "ref"],
-  _excluded2$2 = ["onBlur", "onClick", "onKeyDown", "refKey", "ref"],
-  _excluded3$1 = ["item", "index", "onMouseMove", "onClick", "refKey", "ref", "disabled"];
+  _excluded2$2 = ["onBlur", "onClick", "onPress", "onKeyDown", "refKey", "ref"],
+  _excluded3$1 = ["item", "index", "onMouseMove", "onClick", "onPress", "refKey", "ref", "disabled"];
 useSelect.stateChangeTypes = stateChangeTypes$2;
 function useSelect(userProps) {
   if (userProps === void 0) {
@@ -2520,8 +2494,9 @@ function useSelect(userProps) {
     var _extends3;
     var _ref3 = _temp3 === void 0 ? {} : _temp3,
       onBlur = _ref3.onBlur,
-      onClick = _ref3.onClick,
-      onKeyDown = _ref3.onKeyDown,
+      onClick = _ref3.onClick;
+      _ref3.onPress;
+      var onKeyDown = _ref3.onKeyDown,
       _ref3$refKey = _ref3.refKey,
       refKey = _ref3$refKey === void 0 ? 'ref' : _ref3$refKey,
       ref = _ref3.ref,
@@ -2558,8 +2533,11 @@ function useSelect(userProps) {
       toggleButtonRef.current = toggleButtonNode;
     }), _extends3['aria-activedescendant'] = latestState.isOpen && latestState.highlightedIndex > -1 ? elementIds.getItemId(latestState.highlightedIndex) : '', _extends3['aria-controls'] = elementIds.menuId, _extends3['aria-expanded'] = latest.current.state.isOpen, _extends3['aria-haspopup'] = 'listbox', _extends3['aria-labelledby'] = "" + elementIds.labelId, _extends3.id = elementIds.toggleButtonId, _extends3.role = 'combobox', _extends3.tabIndex = 0, _extends3.onBlur = callAllEventHandlers(onBlur, toggleButtonHandleBlur), _extends3), rest);
     if (!rest.disabled) {
-      toggleProps.onClick = callAllEventHandlers(onClick, toggleButtonHandleClick);
-      toggleProps.onKeyDown = callAllEventHandlers(onKeyDown, toggleButtonHandleKeyDown);
+      /* istanbul ignore if (react-native) */
+      {
+        toggleProps.onClick = callAllEventHandlers(onClick, toggleButtonHandleClick);
+        toggleProps.onKeyDown = callAllEventHandlers(onKeyDown, toggleButtonHandleKeyDown);
+      }
     }
     setGetterPropCallInfo('getToggleButtonProps', suppressRefError, refKey, toggleButtonRef);
     return toggleProps;
@@ -2570,8 +2548,9 @@ function useSelect(userProps) {
       itemProp = _ref5.item,
       indexProp = _ref5.index,
       onMouseMove = _ref5.onMouseMove,
-      onClick = _ref5.onClick,
-      _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,
       disabled = _ref5.disabled,
@@ -2613,7 +2592,10 @@ function useSelect(userProps) {
       }
     }), _extends4), rest);
     if (!disabled) {
-      itemProps.onClick = callAllEventHandlers(onClick, itemHandleClick);
+      /* istanbul ignore next (react-native) */
+      {
+        itemProps.onClick = callAllEventHandlers(onClick, itemHandleClick);
+      }
     }
     itemProps.onMouseMove = callAllEventHandlers(onMouseMove, itemHandleMouseMove);
     return itemProps;

package/dist/downshift.native.cjs.js

@@ -480,18 +480,9 @@ var Downshift = /*#__PURE__*/function () {
       };
       _this.input = null;
       _this.items = [];
-      // itemCount can be changed asynchronously
-      // from within downshift (so it can't come from a prop)
-      // this is why we store it as an instance and use
-      // getItemCount rather than just use items.length
-      // (to support windowing + async)
       _this.itemCount = null;
       _this.previousResultCount = 0;
       _this.timeoutIds = [];
-      /**
-       * @param {Function} fn the function to call after the time
-       * @param {Number} time the time to wait
-       */
       _this.internalSetTimeout = function (fn, time) {
         var id = setTimeout(function () {
           _this.timeoutIds = _this.timeoutIds.filter(function (i) {
@@ -546,14 +537,6 @@ var Downshift = /*#__PURE__*/function () {
       _this.selectHighlightedItem = function (otherStateToSet, cb) {
         return _this.selectItemAtIndex(_this.getState().highlightedIndex, otherStateToSet, cb);
       };
-      // any piece of our state can live in two places:
-      // 1. Uncontrolled: it's internal (this.state)
-      //    We will call this.setState to update that state
-      // 2. Controlled: it's external (this.props)
-      //    We will call this.props.onStateChange to update that state
-      //
-      // In addition, we'll call this.props.onChange if the
-      // selectedItem is changed.
       _this.internalSetState = function (stateToSet, cb) {
         var isItemSelected, onChangeArg;
         var onStateChangeArg = {};
@@ -636,7 +619,6 @@ var Downshift = /*#__PURE__*/function () {
           _this.props.onUserAction(onStateChangeArg, _this.getStateAndHelpers());
         });
       };
-      //////////////////////////// ROOT
       _this.rootRef = function (node) {
         return _this._rootNode = node;
       };
@@ -659,7 +641,6 @@ var Downshift = /*#__PURE__*/function () {
           isOpen = _this$getState.isOpen;
         return _extends__default["default"]((_extends2 = {}, _extends2[refKey] = handleRefs(ref, _this.rootRef), _extends2.role = 'combobox', _extends2['aria-expanded'] = isOpen, _extends2['aria-haspopup'] = 'listbox', _extends2['aria-owns'] = isOpen ? _this.menuId : null, _extends2['aria-labelledby'] = _this.labelId, _extends2), rest);
       };
-      //\\\\\\\\\\\\\\\\\\\\\\\\\\ ROOT
       _this.keyDownHandlers = {
         ArrowDown: function ArrowDown(event) {
           var _this2 = this;
@@ -744,7 +725,6 @@ var Downshift = /*#__PURE__*/function () {
           }));
         }
       };
-      //////////////////////////// BUTTON
       _this.buttonKeyDownHandlers = _extends__default["default"]({}, _this.keyDownHandlers, {
         ' ': function _(event) {
           event.preventDefault();
@@ -860,16 +840,12 @@ var Downshift = /*#__PURE__*/function () {
           }
         });
       };
-      //\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ BUTTON
-      /////////////////////////////// LABEL
       _this.getLabelProps = function (props) {
         return _extends__default["default"]({
           htmlFor: _this.inputId,
           id: _this.labelId
         }, props);
       };
-      //\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ LABEL
-      /////////////////////////////// INPUT
       _this.getInputProps = function (_temp4) {
         var _ref4 = _temp4 === void 0 ? {} : _temp4,
           onKeyDown = _ref4.onKeyDown,
@@ -945,8 +921,6 @@ var Downshift = /*#__PURE__*/function () {
           }
         });
       };
-      //\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ INPUT
-      /////////////////////////////// MENU
       _this.menuRef = function (node) {
         _this._menuNode = node;
       };
@@ -965,8 +939,6 @@ var Downshift = /*#__PURE__*/function () {
         _this.getMenuProps.suppressRefError = suppressRefError;
         return _extends__default["default"]((_extends3 = {}, _extends3[refKey] = handleRefs(ref, _this.menuRef), _extends3.role = 'listbox', _extends3['aria-labelledby'] = props && props['aria-label'] ? null : _this.labelId, _extends3.id = _this.menuId, _extends3), props);
       };
-      //\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ MENU
-      /////////////////////////////// ITEM
       _this.getItemProps = function (_temp7) {
         var _enabledEventHandlers;
         var _ref7 = _temp7 === void 0 ? {} : _temp7,
@@ -1030,7 +1002,6 @@ var Downshift = /*#__PURE__*/function () {
           'aria-selected': _this.getState().highlightedIndex === index
         }, eventHandlers, rest);
       };
-      //\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ ITEM
       _this.clearItems = function () {
         _this.items = [];
       };
@@ -1233,7 +1204,10 @@ var Downshift = /*#__PURE__*/function () {
         isOpen: isOpen,
         selectedItem: selectedItem
       };
-    };
+    }
+
+    //////////////////////////// ROOT
+    ;
     _proto.componentDidMount = function componentDidMount() {
       var _this7 = this;
       /* istanbul ignore if (react-native) */
@@ -1523,9 +1497,6 @@ function getItemIndex(index, item, items) {
 function itemToString(item) {
   return item ? String(item) : '';
 }
-function isAcceptedCharacterKey(key) {
-  return /^\S{1}$/.test(key);
-}
 function capitalizeString(string) {
   return "" + string.slice(0, 1).toUpperCase() + string.slice(1);
 }
@@ -2113,8 +2084,8 @@ function downshiftSelectReducer(state, action) {
 /* eslint-enable complexity */
 
 var _excluded$2 = ["onMouseLeave", "refKey", "onKeyDown", "onBlur", "ref"],
-  _excluded2$2 = ["onBlur", "onClick", "onKeyDown", "refKey", "ref"],
-  _excluded3$1 = ["item", "index", "onMouseMove", "onClick", "refKey", "ref", "disabled"];
+  _excluded2$2 = ["onBlur", "onClick", "onPress", "onKeyDown", "refKey", "ref"],
+  _excluded3$1 = ["item", "index", "onMouseMove", "onClick", "onPress", "refKey", "ref", "disabled"];
 useSelect.stateChangeTypes = stateChangeTypes$2;
 function useSelect(userProps) {
   if (userProps === void 0) {
@@ -2399,10 +2370,11 @@ function useSelect(userProps) {
   var getToggleButtonProps = react.useCallback(function (_temp3, _temp4) {
     var _extends3;
     var _ref3 = _temp3 === void 0 ? {} : _temp3,
-      onBlur = _ref3.onBlur,
-      onClick = _ref3.onClick,
-      onKeyDown = _ref3.onKeyDown,
-      _ref3$refKey = _ref3.refKey,
+      onBlur = _ref3.onBlur;
+      _ref3.onClick;
+      var onPress = _ref3.onPress;
+      _ref3.onKeyDown;
+      var _ref3$refKey = _ref3.refKey,
       refKey = _ref3$refKey === void 0 ? 'ref' : _ref3$refKey,
       ref = _ref3.ref,
       rest = _objectWithoutPropertiesLoose__default["default"](_ref3, _excluded2$2);
@@ -2422,24 +2394,14 @@ function useSelect(userProps) {
         });
       }
     };
-    var toggleButtonHandleKeyDown = function toggleButtonHandleKeyDown(event) {
-      var key = normalizeArrowKey(event);
-      if (key && toggleButtonKeyDownHandlers[key]) {
-        toggleButtonKeyDownHandlers[key](event);
-      } else if (isAcceptedCharacterKey(key)) {
-        dispatch({
-          type: ToggleButtonKeyDownCharacter,
-          key: key,
-          getItemNodeFromIndex: getItemNodeFromIndex
-        });
-      }
-    };
     var toggleProps = _extends__default["default"]((_extends3 = {}, _extends3[refKey] = handleRefs(ref, function (toggleButtonNode) {
       toggleButtonRef.current = toggleButtonNode;
     }), _extends3['aria-activedescendant'] = latestState.isOpen && latestState.highlightedIndex > -1 ? elementIds.getItemId(latestState.highlightedIndex) : '', _extends3['aria-controls'] = elementIds.menuId, _extends3['aria-expanded'] = latest.current.state.isOpen, _extends3['aria-haspopup'] = 'listbox', _extends3['aria-labelledby'] = "" + elementIds.labelId, _extends3.id = elementIds.toggleButtonId, _extends3.role = 'combobox', _extends3.tabIndex = 0, _extends3.onBlur = callAllEventHandlers(onBlur, toggleButtonHandleBlur), _extends3), rest);
     if (!rest.disabled) {
-      toggleProps.onClick = callAllEventHandlers(onClick, toggleButtonHandleClick);
-      toggleProps.onKeyDown = callAllEventHandlers(onKeyDown, toggleButtonHandleKeyDown);
+      /* istanbul ignore if (react-native) */
+      {
+        toggleProps.onPress = callAllEventHandlers(onPress, toggleButtonHandleClick);
+      }
     }
     setGetterPropCallInfo('getToggleButtonProps', suppressRefError, refKey, toggleButtonRef);
     return toggleProps;
@@ -2449,8 +2411,9 @@ function useSelect(userProps) {
     var _ref5 = _temp5 === void 0 ? {} : _temp5,
       itemProp = _ref5.item,
       indexProp = _ref5.index,
-      onMouseMove = _ref5.onMouseMove,
-      onClick = _ref5.onClick,
+      onMouseMove = _ref5.onMouseMove;
+      _ref5.onClick;
+      var onPress = _ref5.onPress,
       _ref5$refKey = _ref5.refKey,
       refKey = _ref5$refKey === void 0 ? 'ref' : _ref5$refKey,
       ref = _ref5.ref,
@@ -2493,7 +2456,10 @@ function useSelect(userProps) {
       }
     }), _extends4), rest);
     if (!disabled) {
-      itemProps.onClick = callAllEventHandlers(onClick, itemHandleClick);
+      /* istanbul ignore next (react-native) */
+      {
+        itemProps.onPress = callAllEventHandlers(onPress, itemHandleClick);
+      }
     }
     itemProps.onMouseMove = callAllEventHandlers(onMouseMove, itemHandleMouseMove);
     return itemProps;