downshift 8.2.4-alpha.3 → 8.3.0

package/dist/downshift.cjs.js

@@ -492,7 +492,7 @@ var stateChangeTypes$3 = /*#__PURE__*/Object.freeze({
 var _excluded$4 = ["refKey", "ref"],
   _excluded2$3 = ["onClick", "onPress", "onKeyDown", "onKeyUp", "onBlur"],
   _excluded3$2 = ["onKeyDown", "onBlur", "onChange", "onInput", "onChangeText"],
-  _excluded4$1 = ["refKey", "ref"],
+  _excluded4$2 = ["refKey", "ref"],
   _excluded5 = ["onMouseMove", "onMouseDown", "onClick", "onPress", "index", "item"];
 var Downshift = /*#__PURE__*/function () {
   var Downshift = /*#__PURE__*/function (_Component) {
@@ -997,7 +997,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, _excluded4$1);
+          props = _objectWithoutPropertiesLoose__default["default"](_ref5, _excluded4$2);
         var _ref6 = _temp6 === void 0 ? {} : _temp6,
           _ref6$suppressRefErro = _ref6.suppressRefError,
           suppressRefError = _ref6$suppressRefErro === void 0 ? false : _ref6$suppressRefErro;
@@ -1723,19 +1723,12 @@ function useEnhancedReducer(reducer, props, createInitialState, isStateEqual) {
   }, [propsRef]);
   var action = actionRef.current;
   React.useEffect(function () {
-    console.log('effect');
     var shouldCallOnChangeProps = action && prevStateRef.current && !isStateEqual(prevStateRef.current, state);
-    console.log('passed', prevStateRef.current, state);
     if (shouldCallOnChangeProps) {
       callOnChangeProps(action, getState(prevStateRef.current, action.props), state);
     }
     prevStateRef.current = state;
   }, [state, action, isStateEqual]);
-  React.useEffect(function () {
-    if (props) {
-      prevStateRef.current = getState(prevStateRef.current, props);
-    }
-  }, [props]);
   return [state, dispatchWithProps];
 }
 
@@ -2348,9 +2341,10 @@ function downshiftSelectReducer(state, action) {
 }
 /* eslint-enable complexity */
 
-var _excluded$2 = ["onMouseLeave", "refKey", "ref"],
-  _excluded2$2 = ["onBlur", "onClick", "onPress", "onKeyDown", "refKey", "ref"],
-  _excluded3$1 = ["item", "index", "onMouseMove", "onClick", "onMouseDown", "onPress", "refKey", "disabled", "ref"];
+var _excluded$2 = ["onClick"],
+  _excluded2$2 = ["onMouseLeave", "refKey", "ref"],
+  _excluded3$1 = ["onBlur", "onClick", "onPress", "onKeyDown", "refKey", "ref"],
+  _excluded4$1 = ["item", "index", "onMouseMove", "onClick", "onMouseDown", "onPress", "refKey", "disabled", "ref"];
 useSelect.stateChangeTypes = stateChangeTypes$2;
 function useSelect(userProps) {
   if (userProps === void 0) {
@@ -2606,23 +2600,31 @@ function useSelect(userProps) {
     });
   }, [dispatch]);
   // Getter functions.
-  var getLabelProps = React.useCallback(function (labelProps) {
+  var getLabelProps = React.useCallback(function (_temp) {
+    var _ref = _temp === void 0 ? {} : _temp,
+      onClick = _ref.onClick,
+      labelProps = _objectWithoutPropertiesLoose__default["default"](_ref, _excluded$2);
+    var labelHandleClick = function labelHandleClick() {
+      var _toggleButtonRef$curr;
+      (_toggleButtonRef$curr = toggleButtonRef.current) == null || _toggleButtonRef$curr.focus();
+    };
     return _extends__default["default"]({
       id: elementIds.labelId,
-      htmlFor: elementIds.toggleButtonId
+      htmlFor: elementIds.toggleButtonId,
+      onClick: callAllEventHandlers(onClick, labelHandleClick)
     }, labelProps);
   }, [elementIds]);
-  var getMenuProps = React.useCallback(function (_temp, _temp2) {
+  var getMenuProps = React.useCallback(function (_temp2, _temp3) {
     var _extends2;
-    var _ref = _temp === void 0 ? {} : _temp,
-      onMouseLeave = _ref.onMouseLeave,
-      _ref$refKey = _ref.refKey,
-      refKey = _ref$refKey === void 0 ? 'ref' : _ref$refKey,
-      ref = _ref.ref,
-      rest = _objectWithoutPropertiesLoose__default["default"](_ref, _excluded$2);
     var _ref2 = _temp2 === void 0 ? {} : _temp2,
-      _ref2$suppressRefErro = _ref2.suppressRefError,
-      suppressRefError = _ref2$suppressRefErro === void 0 ? false : _ref2$suppressRefErro;
+      onMouseLeave = _ref2.onMouseLeave,
+      _ref2$refKey = _ref2.refKey,
+      refKey = _ref2$refKey === void 0 ? 'ref' : _ref2$refKey,
+      ref = _ref2.ref,
+      rest = _objectWithoutPropertiesLoose__default["default"](_ref2, _excluded2$2);
+    var _ref3 = _temp3 === void 0 ? {} : _temp3,
+      _ref3$suppressRefErro = _ref3.suppressRefError,
+      suppressRefError = _ref3$suppressRefErro === void 0 ? false : _ref3$suppressRefErro;
     var menuHandleMouseLeave = function menuHandleMouseLeave() {
       dispatch({
         type: MenuMouseLeave$1
@@ -2633,20 +2635,20 @@ function useSelect(userProps) {
       menuRef.current = menuNode;
     }), _extends2.id = elementIds.menuId, _extends2.role = 'listbox', _extends2['aria-labelledby'] = rest && rest['aria-label'] ? undefined : "" + elementIds.labelId, _extends2.onMouseLeave = callAllEventHandlers(onMouseLeave, menuHandleMouseLeave), _extends2), rest);
   }, [dispatch, setGetterPropCallInfo, elementIds]);
-  var getToggleButtonProps = React.useCallback(function (_temp3, _temp4) {
+  var getToggleButtonProps = React.useCallback(function (_temp4, _temp5) {
     var _extends3;
-    var _ref3 = _temp3 === void 0 ? {} : _temp3,
-      onBlur = _ref3.onBlur,
-      onClick = _ref3.onClick;
-      _ref3.onPress;
-      var onKeyDown = _ref3.onKeyDown,
-      _ref3$refKey = _ref3.refKey,
-      refKey = _ref3$refKey === void 0 ? 'ref' : _ref3$refKey,
-      ref = _ref3.ref,
-      rest = _objectWithoutPropertiesLoose__default["default"](_ref3, _excluded2$2);
     var _ref4 = _temp4 === void 0 ? {} : _temp4,
-      _ref4$suppressRefErro = _ref4.suppressRefError,
-      suppressRefError = _ref4$suppressRefErro === void 0 ? false : _ref4$suppressRefErro;
+      onBlur = _ref4.onBlur,
+      onClick = _ref4.onClick;
+      _ref4.onPress;
+      var onKeyDown = _ref4.onKeyDown,
+      _ref4$refKey = _ref4.refKey,
+      refKey = _ref4$refKey === void 0 ? 'ref' : _ref4$refKey,
+      ref = _ref4.ref,
+      rest = _objectWithoutPropertiesLoose__default["default"](_ref4, _excluded3$1);
+    var _ref5 = _temp5 === void 0 ? {} : _temp5,
+      _ref5$suppressRefErro = _ref5.suppressRefError,
+      suppressRefError = _ref5$suppressRefErro === void 0 ? false : _ref5$suppressRefErro;
     var latestState = latest.current.state;
     var toggleButtonHandleClick = function toggleButtonHandleClick() {
       dispatch({
@@ -2684,20 +2686,20 @@ function useSelect(userProps) {
     setGetterPropCallInfo('getToggleButtonProps', suppressRefError, refKey, toggleButtonRef);
     return toggleProps;
   }, [latest, elementIds, setGetterPropCallInfo, dispatch, mouseAndTouchTrackersRef, toggleButtonKeyDownHandlers]);
-  var getItemProps = React.useCallback(function (_temp5) {
+  var getItemProps = React.useCallback(function (_temp6) {
     var _extends4;
-    var _ref5 = _temp5 === void 0 ? {} : _temp5,
-      itemProp = _ref5.item,
-      indexProp = _ref5.index,
-      onMouseMove = _ref5.onMouseMove,
-      onClick = _ref5.onClick,
-      onMouseDown = _ref5.onMouseDown;
-      _ref5.onPress;
-      var _ref5$refKey = _ref5.refKey,
-      refKey = _ref5$refKey === void 0 ? 'ref' : _ref5$refKey,
-      disabledProp = _ref5.disabled,
-      ref = _ref5.ref,
-      rest = _objectWithoutPropertiesLoose__default["default"](_ref5, _excluded3$1);
+    var _ref6 = _temp6 === void 0 ? {} : _temp6,
+      itemProp = _ref6.item,
+      indexProp = _ref6.index,
+      onMouseMove = _ref6.onMouseMove,
+      onClick = _ref6.onClick,
+      onMouseDown = _ref6.onMouseDown;
+      _ref6.onPress;
+      var _ref6$refKey = _ref6.refKey,
+      refKey = _ref6$refKey === void 0 ? 'ref' : _ref6$refKey,
+      disabledProp = _ref6.disabled,
+      ref = _ref6.ref,
+      rest = _objectWithoutPropertiesLoose__default["default"](_ref6, _excluded4$1);
     if (disabledProp !== undefined) {
       console.warn('Passing "disabled" as an argument to getItemProps is not supported anymore. Please use the isItemDisabled prop from useSelect.');
     }

package/dist/downshift.esm.js

@@ -479,7 +479,7 @@ var stateChangeTypes$3 = /*#__PURE__*/Object.freeze({
 var _excluded$4 = ["refKey", "ref"],
   _excluded2$3 = ["onClick", "onPress", "onKeyDown", "onKeyUp", "onBlur"],
   _excluded3$2 = ["onKeyDown", "onBlur", "onChange", "onInput", "onChangeText"],
-  _excluded4$1 = ["refKey", "ref"],
+  _excluded4$2 = ["refKey", "ref"],
   _excluded5 = ["onMouseMove", "onMouseDown", "onClick", "onPress", "index", "item"];
 var Downshift = /*#__PURE__*/function () {
   var Downshift = /*#__PURE__*/function (_Component) {
@@ -984,7 +984,7 @@ var Downshift = /*#__PURE__*/function () {
           _ref5$refKey = _ref5.refKey,
           refKey = _ref5$refKey === void 0 ? 'ref' : _ref5$refKey,
           ref = _ref5.ref,
-          props = _objectWithoutPropertiesLoose(_ref5, _excluded4$1);
+          props = _objectWithoutPropertiesLoose(_ref5, _excluded4$2);
         var _ref6 = _temp6 === void 0 ? {} : _temp6,
           _ref6$suppressRefErro = _ref6.suppressRefError,
           suppressRefError = _ref6$suppressRefErro === void 0 ? false : _ref6$suppressRefErro;
@@ -1710,19 +1710,12 @@ function useEnhancedReducer(reducer, props, createInitialState, isStateEqual) {
   }, [propsRef]);
   var action = actionRef.current;
   useEffect(function () {
-    console.log('effect');
     var shouldCallOnChangeProps = action && prevStateRef.current && !isStateEqual(prevStateRef.current, state);
-    console.log('passed', prevStateRef.current, state);
     if (shouldCallOnChangeProps) {
       callOnChangeProps(action, getState(prevStateRef.current, action.props), state);
     }
     prevStateRef.current = state;
   }, [state, action, isStateEqual]);
-  useEffect(function () {
-    if (props) {
-      prevStateRef.current = getState(prevStateRef.current, props);
-    }
-  }, [props]);
   return [state, dispatchWithProps];
 }
 
@@ -2335,9 +2328,10 @@ function downshiftSelectReducer(state, action) {
 }
 /* eslint-enable complexity */
 
-var _excluded$2 = ["onMouseLeave", "refKey", "ref"],
-  _excluded2$2 = ["onBlur", "onClick", "onPress", "onKeyDown", "refKey", "ref"],
-  _excluded3$1 = ["item", "index", "onMouseMove", "onClick", "onMouseDown", "onPress", "refKey", "disabled", "ref"];
+var _excluded$2 = ["onClick"],
+  _excluded2$2 = ["onMouseLeave", "refKey", "ref"],
+  _excluded3$1 = ["onBlur", "onClick", "onPress", "onKeyDown", "refKey", "ref"],
+  _excluded4$1 = ["item", "index", "onMouseMove", "onClick", "onMouseDown", "onPress", "refKey", "disabled", "ref"];
 useSelect.stateChangeTypes = stateChangeTypes$2;
 function useSelect(userProps) {
   if (userProps === void 0) {
@@ -2593,23 +2587,31 @@ function useSelect(userProps) {
     });
   }, [dispatch]);
   // Getter functions.
-  var getLabelProps = useCallback(function (labelProps) {
+  var getLabelProps = useCallback(function (_temp) {
+    var _ref = _temp === void 0 ? {} : _temp,
+      onClick = _ref.onClick,
+      labelProps = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+    var labelHandleClick = function labelHandleClick() {
+      var _toggleButtonRef$curr;
+      (_toggleButtonRef$curr = toggleButtonRef.current) == null || _toggleButtonRef$curr.focus();
+    };
     return _extends({
       id: elementIds.labelId,
-      htmlFor: elementIds.toggleButtonId
+      htmlFor: elementIds.toggleButtonId,
+      onClick: callAllEventHandlers(onClick, labelHandleClick)
     }, labelProps);
   }, [elementIds]);
-  var getMenuProps = useCallback(function (_temp, _temp2) {
+  var getMenuProps = useCallback(function (_temp2, _temp3) {
     var _extends2;
-    var _ref = _temp === void 0 ? {} : _temp,
-      onMouseLeave = _ref.onMouseLeave,
-      _ref$refKey = _ref.refKey,
-      refKey = _ref$refKey === void 0 ? 'ref' : _ref$refKey,
-      ref = _ref.ref,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
     var _ref2 = _temp2 === void 0 ? {} : _temp2,
-      _ref2$suppressRefErro = _ref2.suppressRefError,
-      suppressRefError = _ref2$suppressRefErro === void 0 ? false : _ref2$suppressRefErro;
+      onMouseLeave = _ref2.onMouseLeave,
+      _ref2$refKey = _ref2.refKey,
+      refKey = _ref2$refKey === void 0 ? 'ref' : _ref2$refKey,
+      ref = _ref2.ref,
+      rest = _objectWithoutPropertiesLoose(_ref2, _excluded2$2);
+    var _ref3 = _temp3 === void 0 ? {} : _temp3,
+      _ref3$suppressRefErro = _ref3.suppressRefError,
+      suppressRefError = _ref3$suppressRefErro === void 0 ? false : _ref3$suppressRefErro;
     var menuHandleMouseLeave = function menuHandleMouseLeave() {
       dispatch({
         type: MenuMouseLeave$1
@@ -2620,20 +2622,20 @@ function useSelect(userProps) {
       menuRef.current = menuNode;
     }), _extends2.id = elementIds.menuId, _extends2.role = 'listbox', _extends2['aria-labelledby'] = rest && rest['aria-label'] ? undefined : "" + elementIds.labelId, _extends2.onMouseLeave = callAllEventHandlers(onMouseLeave, menuHandleMouseLeave), _extends2), rest);
   }, [dispatch, setGetterPropCallInfo, elementIds]);
-  var getToggleButtonProps = useCallback(function (_temp3, _temp4) {
+  var getToggleButtonProps = useCallback(function (_temp4, _temp5) {
     var _extends3;
-    var _ref3 = _temp3 === void 0 ? {} : _temp3,
-      onBlur = _ref3.onBlur,
-      onClick = _ref3.onClick;
-      _ref3.onPress;
-      var onKeyDown = _ref3.onKeyDown,
-      _ref3$refKey = _ref3.refKey,
-      refKey = _ref3$refKey === void 0 ? 'ref' : _ref3$refKey,
-      ref = _ref3.ref,
-      rest = _objectWithoutPropertiesLoose(_ref3, _excluded2$2);
     var _ref4 = _temp4 === void 0 ? {} : _temp4,
-      _ref4$suppressRefErro = _ref4.suppressRefError,
-      suppressRefError = _ref4$suppressRefErro === void 0 ? false : _ref4$suppressRefErro;
+      onBlur = _ref4.onBlur,
+      onClick = _ref4.onClick;
+      _ref4.onPress;
+      var onKeyDown = _ref4.onKeyDown,
+      _ref4$refKey = _ref4.refKey,
+      refKey = _ref4$refKey === void 0 ? 'ref' : _ref4$refKey,
+      ref = _ref4.ref,
+      rest = _objectWithoutPropertiesLoose(_ref4, _excluded3$1);
+    var _ref5 = _temp5 === void 0 ? {} : _temp5,
+      _ref5$suppressRefErro = _ref5.suppressRefError,
+      suppressRefError = _ref5$suppressRefErro === void 0 ? false : _ref5$suppressRefErro;
     var latestState = latest.current.state;
     var toggleButtonHandleClick = function toggleButtonHandleClick() {
       dispatch({
@@ -2671,20 +2673,20 @@ function useSelect(userProps) {
     setGetterPropCallInfo('getToggleButtonProps', suppressRefError, refKey, toggleButtonRef);
     return toggleProps;
   }, [latest, elementIds, setGetterPropCallInfo, dispatch, mouseAndTouchTrackersRef, toggleButtonKeyDownHandlers]);
-  var getItemProps = useCallback(function (_temp5) {
+  var getItemProps = useCallback(function (_temp6) {
     var _extends4;
-    var _ref5 = _temp5 === void 0 ? {} : _temp5,
-      itemProp = _ref5.item,
-      indexProp = _ref5.index,
-      onMouseMove = _ref5.onMouseMove,
-      onClick = _ref5.onClick,
-      onMouseDown = _ref5.onMouseDown;
-      _ref5.onPress;
-      var _ref5$refKey = _ref5.refKey,
-      refKey = _ref5$refKey === void 0 ? 'ref' : _ref5$refKey,
-      disabledProp = _ref5.disabled,
-      ref = _ref5.ref,
-      rest = _objectWithoutPropertiesLoose(_ref5, _excluded3$1);
+    var _ref6 = _temp6 === void 0 ? {} : _temp6,
+      itemProp = _ref6.item,
+      indexProp = _ref6.index,
+      onMouseMove = _ref6.onMouseMove,
+      onClick = _ref6.onClick,
+      onMouseDown = _ref6.onMouseDown;
+      _ref6.onPress;
+      var _ref6$refKey = _ref6.refKey,
+      refKey = _ref6$refKey === void 0 ? 'ref' : _ref6$refKey,
+      disabledProp = _ref6.disabled,
+      ref = _ref6.ref,
+      rest = _objectWithoutPropertiesLoose(_ref6, _excluded4$1);
     if (disabledProp !== undefined) {
       console.warn('Passing "disabled" as an argument to getItemProps is not supported anymore. Please use the isItemDisabled prop from useSelect.');
     }

package/dist/downshift.native.cjs.js

@@ -462,7 +462,7 @@ var stateChangeTypes$3 = /*#__PURE__*/Object.freeze({
 var _excluded$4 = ["refKey", "ref"],
   _excluded2$3 = ["onClick", "onPress", "onKeyDown", "onKeyUp", "onBlur"],
   _excluded3$2 = ["onKeyDown", "onBlur", "onChange", "onInput", "onChangeText"],
-  _excluded4$1 = ["refKey", "ref"],
+  _excluded4$2 = ["refKey", "ref"],
   _excluded5 = ["onMouseMove", "onMouseDown", "onClick", "onPress", "index", "item"];
 var Downshift = /*#__PURE__*/function () {
   var Downshift = /*#__PURE__*/function (_Component) {
@@ -969,7 +969,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, _excluded4$1);
+          props = _objectWithoutPropertiesLoose__default["default"](_ref5, _excluded4$2);
         var _ref6 = _temp6 === void 0 ? {} : _temp6,
           _ref6$suppressRefErro = _ref6.suppressRefError,
           suppressRefError = _ref6$suppressRefErro === void 0 ? false : _ref6$suppressRefErro;
@@ -1619,19 +1619,12 @@ function useEnhancedReducer(reducer, props, createInitialState, isStateEqual) {
   }, [propsRef]);
   var action = actionRef.current;
   React.useEffect(function () {
-    console.log('effect');
     var shouldCallOnChangeProps = action && prevStateRef.current && !isStateEqual(prevStateRef.current, state);
-    console.log('passed', prevStateRef.current, state);
     if (shouldCallOnChangeProps) {
       callOnChangeProps(action, getState(prevStateRef.current, action.props), state);
     }
     prevStateRef.current = state;
   }, [state, action, isStateEqual]);
-  React.useEffect(function () {
-    if (props) {
-      prevStateRef.current = getState(prevStateRef.current, props);
-    }
-  }, [props]);
   return [state, dispatchWithProps];
 }
 
@@ -2203,9 +2196,10 @@ function downshiftSelectReducer(state, action) {
 }
 /* eslint-enable complexity */
 
-var _excluded$2 = ["onMouseLeave", "refKey", "ref"],
-  _excluded2$2 = ["onBlur", "onClick", "onPress", "onKeyDown", "refKey", "ref"],
-  _excluded3$1 = ["item", "index", "onMouseMove", "onClick", "onMouseDown", "onPress", "refKey", "disabled", "ref"];
+var _excluded$2 = ["onClick"],
+  _excluded2$2 = ["onMouseLeave", "refKey", "ref"],
+  _excluded3$1 = ["onBlur", "onClick", "onPress", "onKeyDown", "refKey", "ref"],
+  _excluded4$1 = ["item", "index", "onMouseMove", "onClick", "onMouseDown", "onPress", "refKey", "disabled", "ref"];
 useSelect.stateChangeTypes = stateChangeTypes$2;
 function useSelect(userProps) {
   if (userProps === void 0) {
@@ -2457,23 +2451,31 @@ function useSelect(userProps) {
     });
   }, [dispatch]);
   // Getter functions.
-  var getLabelProps = React.useCallback(function (labelProps) {
+  var getLabelProps = React.useCallback(function (_temp) {
+    var _ref = _temp === void 0 ? {} : _temp,
+      onClick = _ref.onClick,
+      labelProps = _objectWithoutPropertiesLoose__default["default"](_ref, _excluded$2);
+    var labelHandleClick = function labelHandleClick() {
+      var _toggleButtonRef$curr;
+      (_toggleButtonRef$curr = toggleButtonRef.current) == null || _toggleButtonRef$curr.focus();
+    };
     return _extends__default["default"]({
       id: elementIds.labelId,
-      htmlFor: elementIds.toggleButtonId
+      htmlFor: elementIds.toggleButtonId,
+      onClick: callAllEventHandlers(onClick, labelHandleClick)
     }, labelProps);
   }, [elementIds]);
-  var getMenuProps = React.useCallback(function (_temp, _temp2) {
+  var getMenuProps = React.useCallback(function (_temp2, _temp3) {
     var _extends2;
-    var _ref = _temp === void 0 ? {} : _temp,
-      onMouseLeave = _ref.onMouseLeave,
-      _ref$refKey = _ref.refKey,
-      refKey = _ref$refKey === void 0 ? 'ref' : _ref$refKey,
-      ref = _ref.ref,
-      rest = _objectWithoutPropertiesLoose__default["default"](_ref, _excluded$2);
     var _ref2 = _temp2 === void 0 ? {} : _temp2,
-      _ref2$suppressRefErro = _ref2.suppressRefError,
-      suppressRefError = _ref2$suppressRefErro === void 0 ? false : _ref2$suppressRefErro;
+      onMouseLeave = _ref2.onMouseLeave,
+      _ref2$refKey = _ref2.refKey,
+      refKey = _ref2$refKey === void 0 ? 'ref' : _ref2$refKey,
+      ref = _ref2.ref,
+      rest = _objectWithoutPropertiesLoose__default["default"](_ref2, _excluded2$2);
+    var _ref3 = _temp3 === void 0 ? {} : _temp3,
+      _ref3$suppressRefErro = _ref3.suppressRefError,
+      suppressRefError = _ref3$suppressRefErro === void 0 ? false : _ref3$suppressRefErro;
     var menuHandleMouseLeave = function menuHandleMouseLeave() {
       dispatch({
         type: MenuMouseLeave$1
@@ -2484,20 +2486,20 @@ function useSelect(userProps) {
       menuRef.current = menuNode;
     }), _extends2.id = elementIds.menuId, _extends2.role = 'listbox', _extends2['aria-labelledby'] = rest && rest['aria-label'] ? undefined : "" + elementIds.labelId, _extends2.onMouseLeave = callAllEventHandlers(onMouseLeave, menuHandleMouseLeave), _extends2), rest);
   }, [dispatch, setGetterPropCallInfo, elementIds]);
-  var getToggleButtonProps = React.useCallback(function (_temp3, _temp4) {
+  var getToggleButtonProps = React.useCallback(function (_temp4, _temp5) {
     var _extends3;
-    var _ref3 = _temp3 === void 0 ? {} : _temp3,
-      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);
     var _ref4 = _temp4 === void 0 ? {} : _temp4,
-      _ref4$suppressRefErro = _ref4.suppressRefError,
-      suppressRefError = _ref4$suppressRefErro === void 0 ? false : _ref4$suppressRefErro;
+      onBlur = _ref4.onBlur;
+      _ref4.onClick;
+      var onPress = _ref4.onPress;
+      _ref4.onKeyDown;
+      var _ref4$refKey = _ref4.refKey,
+      refKey = _ref4$refKey === void 0 ? 'ref' : _ref4$refKey,
+      ref = _ref4.ref,
+      rest = _objectWithoutPropertiesLoose__default["default"](_ref4, _excluded3$1);
+    var _ref5 = _temp5 === void 0 ? {} : _temp5,
+      _ref5$suppressRefErro = _ref5.suppressRefError,
+      suppressRefError = _ref5$suppressRefErro === void 0 ? false : _ref5$suppressRefErro;
     var latestState = latest.current.state;
     var toggleButtonHandleClick = function toggleButtonHandleClick() {
       dispatch({
@@ -2523,20 +2525,20 @@ function useSelect(userProps) {
     setGetterPropCallInfo('getToggleButtonProps', suppressRefError, refKey, toggleButtonRef);
     return toggleProps;
   }, [latest, elementIds, setGetterPropCallInfo, dispatch, mouseAndTouchTrackersRef, toggleButtonKeyDownHandlers]);
-  var getItemProps = React.useCallback(function (_temp5) {
+  var getItemProps = React.useCallback(function (_temp6) {
     var _extends4;
-    var _ref5 = _temp5 === void 0 ? {} : _temp5,
-      itemProp = _ref5.item,
-      indexProp = _ref5.index,
-      onMouseMove = _ref5.onMouseMove;
-      _ref5.onClick;
-      var onMouseDown = _ref5.onMouseDown,
-      onPress = _ref5.onPress,
-      _ref5$refKey = _ref5.refKey,
-      refKey = _ref5$refKey === void 0 ? 'ref' : _ref5$refKey,
-      disabledProp = _ref5.disabled,
-      ref = _ref5.ref,
-      rest = _objectWithoutPropertiesLoose__default["default"](_ref5, _excluded3$1);
+    var _ref6 = _temp6 === void 0 ? {} : _temp6,
+      itemProp = _ref6.item,
+      indexProp = _ref6.index,
+      onMouseMove = _ref6.onMouseMove;
+      _ref6.onClick;
+      var onMouseDown = _ref6.onMouseDown,
+      onPress = _ref6.onPress,
+      _ref6$refKey = _ref6.refKey,
+      refKey = _ref6$refKey === void 0 ? 'ref' : _ref6$refKey,
+      disabledProp = _ref6.disabled,
+      ref = _ref6.ref,
+      rest = _objectWithoutPropertiesLoose__default["default"](_ref6, _excluded4$1);
     if (disabledProp !== undefined) {
       console.warn('Passing "disabled" as an argument to getItemProps is not supported anymore. Please use the isItemDisabled prop from useSelect.');
     }

package/dist/downshift.nativeweb.cjs.js

@@ -492,7 +492,7 @@ var stateChangeTypes$3 = /*#__PURE__*/Object.freeze({
 var _excluded$4 = ["refKey", "ref"],
   _excluded2$3 = ["onClick", "onPress", "onKeyDown", "onKeyUp", "onBlur"],
   _excluded3$2 = ["onKeyDown", "onBlur", "onChange", "onInput", "onChangeText"],
-  _excluded4$1 = ["refKey", "ref"],
+  _excluded4$2 = ["refKey", "ref"],
   _excluded5 = ["onMouseMove", "onMouseDown", "onClick", "onPress", "index", "item"];
 var Downshift = /*#__PURE__*/function () {
   var Downshift = /*#__PURE__*/function (_Component) {
@@ -995,7 +995,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, _excluded4$1);
+          props = _objectWithoutPropertiesLoose__default["default"](_ref5, _excluded4$2);
         var _ref6 = _temp6 === void 0 ? {} : _temp6,
           _ref6$suppressRefErro = _ref6.suppressRefError,
           suppressRefError = _ref6$suppressRefErro === void 0 ? false : _ref6$suppressRefErro;
@@ -1718,19 +1718,12 @@ function useEnhancedReducer(reducer, props, createInitialState, isStateEqual) {
   }, [propsRef]);
   var action = actionRef.current;
   React.useEffect(function () {
-    console.log('effect');
     var shouldCallOnChangeProps = action && prevStateRef.current && !isStateEqual(prevStateRef.current, state);
-    console.log('passed', prevStateRef.current, state);
     if (shouldCallOnChangeProps) {
       callOnChangeProps(action, getState(prevStateRef.current, action.props), state);
     }
     prevStateRef.current = state;
   }, [state, action, isStateEqual]);
-  React.useEffect(function () {
-    if (props) {
-      prevStateRef.current = getState(prevStateRef.current, props);
-    }
-  }, [props]);
   return [state, dispatchWithProps];
 }
 
@@ -2343,9 +2336,10 @@ function downshiftSelectReducer(state, action) {
 }
 /* eslint-enable complexity */
 
-var _excluded$2 = ["onMouseLeave", "refKey", "ref"],
-  _excluded2$2 = ["onBlur", "onClick", "onPress", "onKeyDown", "refKey", "ref"],
-  _excluded3$1 = ["item", "index", "onMouseMove", "onClick", "onMouseDown", "onPress", "refKey", "disabled", "ref"];
+var _excluded$2 = ["onClick"],
+  _excluded2$2 = ["onMouseLeave", "refKey", "ref"],
+  _excluded3$1 = ["onBlur", "onClick", "onPress", "onKeyDown", "refKey", "ref"],
+  _excluded4$1 = ["item", "index", "onMouseMove", "onClick", "onMouseDown", "onPress", "refKey", "disabled", "ref"];
 useSelect.stateChangeTypes = stateChangeTypes$2;
 function useSelect(userProps) {
   if (userProps === void 0) {
@@ -2601,23 +2595,31 @@ function useSelect(userProps) {
     });
   }, [dispatch]);
   // Getter functions.
-  var getLabelProps = React.useCallback(function (labelProps) {
+  var getLabelProps = React.useCallback(function (_temp) {
+    var _ref = _temp === void 0 ? {} : _temp,
+      onClick = _ref.onClick,
+      labelProps = _objectWithoutPropertiesLoose__default["default"](_ref, _excluded$2);
+    var labelHandleClick = function labelHandleClick() {
+      var _toggleButtonRef$curr;
+      (_toggleButtonRef$curr = toggleButtonRef.current) == null || _toggleButtonRef$curr.focus();
+    };
     return _extends__default["default"]({
       id: elementIds.labelId,
-      htmlFor: elementIds.toggleButtonId
+      htmlFor: elementIds.toggleButtonId,
+      onClick: callAllEventHandlers(onClick, labelHandleClick)
     }, labelProps);
   }, [elementIds]);
-  var getMenuProps = React.useCallback(function (_temp, _temp2) {
+  var getMenuProps = React.useCallback(function (_temp2, _temp3) {
     var _extends2;
-    var _ref = _temp === void 0 ? {} : _temp,
-      onMouseLeave = _ref.onMouseLeave,
-      _ref$refKey = _ref.refKey,
-      refKey = _ref$refKey === void 0 ? 'ref' : _ref$refKey,
-      ref = _ref.ref,
-      rest = _objectWithoutPropertiesLoose__default["default"](_ref, _excluded$2);
     var _ref2 = _temp2 === void 0 ? {} : _temp2,
-      _ref2$suppressRefErro = _ref2.suppressRefError,
-      suppressRefError = _ref2$suppressRefErro === void 0 ? false : _ref2$suppressRefErro;
+      onMouseLeave = _ref2.onMouseLeave,
+      _ref2$refKey = _ref2.refKey,
+      refKey = _ref2$refKey === void 0 ? 'ref' : _ref2$refKey,
+      ref = _ref2.ref,
+      rest = _objectWithoutPropertiesLoose__default["default"](_ref2, _excluded2$2);
+    var _ref3 = _temp3 === void 0 ? {} : _temp3,
+      _ref3$suppressRefErro = _ref3.suppressRefError,
+      suppressRefError = _ref3$suppressRefErro === void 0 ? false : _ref3$suppressRefErro;
     var menuHandleMouseLeave = function menuHandleMouseLeave() {
       dispatch({
         type: MenuMouseLeave$1
@@ -2628,20 +2630,20 @@ function useSelect(userProps) {
       menuRef.current = menuNode;
     }), _extends2.id = elementIds.menuId, _extends2.role = 'listbox', _extends2['aria-labelledby'] = rest && rest['aria-label'] ? undefined : "" + elementIds.labelId, _extends2.onMouseLeave = callAllEventHandlers(onMouseLeave, menuHandleMouseLeave), _extends2), rest);
   }, [dispatch, setGetterPropCallInfo, elementIds]);
-  var getToggleButtonProps = React.useCallback(function (_temp3, _temp4) {
+  var getToggleButtonProps = React.useCallback(function (_temp4, _temp5) {
     var _extends3;
-    var _ref3 = _temp3 === void 0 ? {} : _temp3,
-      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);
     var _ref4 = _temp4 === void 0 ? {} : _temp4,
-      _ref4$suppressRefErro = _ref4.suppressRefError,
-      suppressRefError = _ref4$suppressRefErro === void 0 ? false : _ref4$suppressRefErro;
+      onBlur = _ref4.onBlur;
+      _ref4.onClick;
+      var onPress = _ref4.onPress;
+      _ref4.onKeyDown;
+      var _ref4$refKey = _ref4.refKey,
+      refKey = _ref4$refKey === void 0 ? 'ref' : _ref4$refKey,
+      ref = _ref4.ref,
+      rest = _objectWithoutPropertiesLoose__default["default"](_ref4, _excluded3$1);
+    var _ref5 = _temp5 === void 0 ? {} : _temp5,
+      _ref5$suppressRefErro = _ref5.suppressRefError,
+      suppressRefError = _ref5$suppressRefErro === void 0 ? false : _ref5$suppressRefErro;
     var latestState = latest.current.state;
     var toggleButtonHandleClick = function toggleButtonHandleClick() {
       dispatch({
@@ -2667,20 +2669,20 @@ function useSelect(userProps) {
     setGetterPropCallInfo('getToggleButtonProps', suppressRefError, refKey, toggleButtonRef);
     return toggleProps;
   }, [latest, elementIds, setGetterPropCallInfo, dispatch, mouseAndTouchTrackersRef, toggleButtonKeyDownHandlers]);
-  var getItemProps = React.useCallback(function (_temp5) {
+  var getItemProps = React.useCallback(function (_temp6) {
     var _extends4;
-    var _ref5 = _temp5 === void 0 ? {} : _temp5,
-      itemProp = _ref5.item,
-      indexProp = _ref5.index,
-      onMouseMove = _ref5.onMouseMove;
-      _ref5.onClick;
-      var onMouseDown = _ref5.onMouseDown,
-      onPress = _ref5.onPress,
-      _ref5$refKey = _ref5.refKey,
-      refKey = _ref5$refKey === void 0 ? 'ref' : _ref5$refKey,
-      disabledProp = _ref5.disabled,
-      ref = _ref5.ref,
-      rest = _objectWithoutPropertiesLoose__default["default"](_ref5, _excluded3$1);
+    var _ref6 = _temp6 === void 0 ? {} : _temp6,
+      itemProp = _ref6.item,
+      indexProp = _ref6.index,
+      onMouseMove = _ref6.onMouseMove;
+      _ref6.onClick;
+      var onMouseDown = _ref6.onMouseDown,
+      onPress = _ref6.onPress,
+      _ref6$refKey = _ref6.refKey,
+      refKey = _ref6$refKey === void 0 ? 'ref' : _ref6$refKey,
+      disabledProp = _ref6.disabled,
+      ref = _ref6.ref,
+      rest = _objectWithoutPropertiesLoose__default["default"](_ref6, _excluded4$1);
     if (disabledProp !== undefined) {
       console.warn('Passing "disabled" as an argument to getItemProps is not supported anymore. Please use the isItemDisabled prop from useSelect.');
     }