downshift 7.2.1 → 7.2.2-alpha.0

package/dist/downshift.umd.js

@@ -1803,18 +1803,9 @@
         };
         _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) {
@@ -1869,14 +1860,6 @@
         _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 = {};
@@ -1959,7 +1942,6 @@
             _this.props.onUserAction(onStateChangeArg, _this.getStateAndHelpers());
           });
         };
-        //////////////////////////// ROOT
         _this.rootRef = function (node) {
           return _this._rootNode = node;
         };
@@ -1982,7 +1964,6 @@
             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;
@@ -2067,7 +2048,6 @@
             }));
           }
         };
-        //////////////////////////// BUTTON
         _this.buttonKeyDownHandlers = _extends({}, _this.keyDownHandlers, {
           ' ': function _(event) {
             event.preventDefault();
@@ -2187,16 +2167,12 @@
             }
           });
         };
-        //\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ 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,
@@ -2257,8 +2233,6 @@
             }
           });
         };
-        //\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ INPUT
-        /////////////////////////////// MENU
         _this.menuRef = function (node) {
           _this._menuNode = node;
         };
@@ -2277,8 +2251,6 @@
           _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,
@@ -2342,7 +2314,6 @@
             'aria-selected': _this.getState().highlightedIndex === index
           }, eventHandlers, rest);
         };
-        //\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ ITEM
         _this.clearItems = function () {
           _this.items = [];
         };
@@ -2550,7 +2521,10 @@
           isOpen: isOpen,
           selectedItem: selectedItem
         };
-      };
+      }
+
+      //////////////////////////// ROOT
+      ;
       _proto.componentDidMount = function componentDidMount() {
         var _this7 = this;
         /* istanbul ignore if (react-native) */
@@ -3554,8 +3528,8 @@
   /* 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) {
@@ -3845,8 +3819,9 @@
       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,
@@ -3883,8 +3858,11 @@
         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;
@@ -3895,8 +3873,9 @@
         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,
@@ -3938,7 +3917,10 @@
         }
       }), _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;