downshift 5.0.3 → 5.0.4

package/README.md

@@ -1388,6 +1388,8 @@ Thanks goes to these people ([emoji key][emojis]):
   <tr>
     <td align="center"><a href="https://kubajastrz.com"><img src="https://avatars0.githubusercontent.com/u/6443113?v=4" width="100px;" alt=""/><br /><sub><b>Jakub Jastrzębski</b></sub></a><br /><a href="https://github.com/downshift-js/downshift/commits?author=KubaJastrz" title="Code">💻</a></td>
     <td align="center"><a href="https://github.com/mufasa71"><img src="https://avatars1.githubusercontent.com/u/626420?v=4" width="100px;" alt=""/><br /><sub><b>Shukhrat Mukimov</b></sub></a><br /><a href="https://github.com/downshift-js/downshift/commits?author=mufasa71" title="Code">💻</a></td>
+    <td align="center"><a href="http://jhonnymoreira.dev"><img src="https://avatars0.githubusercontent.com/u/2177742?v=4" width="100px;" alt=""/><br /><sub><b>Jhonny Moreira</b></sub></a><br /><a href="https://github.com/downshift-js/downshift/commits?author=jhonnymoreira" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/stefanprobst"><img src="https://avatars0.githubusercontent.com/u/20753323?v=4" width="100px;" alt=""/><br /><sub><b>stefanprobst</b></sub></a><br /><a href="https://github.com/downshift-js/downshift/commits?author=stefanprobst" title="Code">💻</a> <a href="https://github.com/downshift-js/downshift/commits?author=stefanprobst" title="Tests">⚠️</a></td>
   </tr>
 </table>
 

package/dist/downshift.cjs.js

@@ -1750,21 +1750,30 @@ function capitalizeString(string) {
   return "" + string.slice(0, 1).toUpperCase() + string.slice(1);
 }
 
-function invokeOnChangeHandler(propKey, props, state, changes) {
-  var handler = "on" + capitalizeString(propKey) + "Change";
+function invokeOnChangeHandler(key, props, state, newState) {
+  var handler = "on" + capitalizeString(key) + "Change";
 
-  if (props[handler] && changes[propKey] !== undefined && changes[propKey] !== state[propKey]) {
-    props[handler](changes);
+  if (props[handler] && newState[key] !== undefined && newState[key] !== state[key]) {
+    props[handler](newState);
   }
 }
 
-function callOnChangeProps(props, state, changes) {
-  Object.keys(state).forEach(function (stateKey) {
-    invokeOnChangeHandler(stateKey, props, state, changes);
+function callOnChangeProps(action, state, newState) {
+  var props = action.props,
+      type = action.type;
+  var changes = {};
+  Object.keys(state).forEach(function (key) {
+    invokeOnChangeHandler(key, props, state, newState);
+
+    if (newState[key] !== state[key]) {
+      changes[key] = newState[key];
+    }
   });
 
-  if (props.onStateChange && changes !== undefined) {
-    props.onStateChange(changes);
+  if (props.onStateChange && Object.entries(changes).length) {
+    props.onStateChange(_extends({
+      type: type
+    }, changes));
   }
 }
 
@@ -1776,7 +1785,7 @@ function useEnhancedReducer(reducer, initialState, props) {
     var newState = stateReduceLocal(state, _extends({}, action, {
       changes: changes
     }));
-    callOnChangeProps(action.props, state, newState);
+    callOnChangeProps(action, state, newState);
     return newState;
   }, [reducer]);
 
@@ -1784,7 +1793,11 @@ function useEnhancedReducer(reducer, initialState, props) {
       state = _useReducer[0],
       dispatch = _useReducer[1];
 
-  return [getState(state, props), dispatch];
+  return [getState(state, props), function dispatchWithProps(action) {
+    return dispatch(_extends({
+      props: props
+    }, action));
+  }];
 }
 /**
  * Default state reducer that returns the changes.
@@ -2244,13 +2257,7 @@ function useSelect(userProps) {
       highlightedIndex = _useEnhancedReducer$.highlightedIndex,
       selectedItem = _useEnhancedReducer$.selectedItem,
       inputValue = _useEnhancedReducer$.inputValue,
-      dispatchWithoutProps = _useEnhancedReducer[1];
-
-  var dispatch = function (action) {
-    return dispatchWithoutProps(_extends({
-      props: props
-    }, action));
-  };
+      dispatch = _useEnhancedReducer[1];
   /* Refs */
 
 
@@ -3008,13 +3015,7 @@ function useCombobox(userProps) {
       highlightedIndex = _useEnhancedReducer$.highlightedIndex,
       selectedItem = _useEnhancedReducer$.selectedItem,
       inputValue = _useEnhancedReducer$.inputValue,
-      dispatchWithoutProps = _useEnhancedReducer[1];
-
-  var dispatch = function (action) {
-    return dispatchWithoutProps(_extends({
-      props: props
-    }, action));
-  };
+      dispatch = _useEnhancedReducer[1];
   /* Refs */
 
 

package/dist/downshift.esm.js

@@ -1744,21 +1744,30 @@ function capitalizeString(string) {
   return "" + string.slice(0, 1).toUpperCase() + string.slice(1);
 }
 
-function invokeOnChangeHandler(propKey, props, state, changes) {
-  var handler = "on" + capitalizeString(propKey) + "Change";
+function invokeOnChangeHandler(key, props, state, newState) {
+  var handler = "on" + capitalizeString(key) + "Change";
 
-  if (props[handler] && changes[propKey] !== undefined && changes[propKey] !== state[propKey]) {
-    props[handler](changes);
+  if (props[handler] && newState[key] !== undefined && newState[key] !== state[key]) {
+    props[handler](newState);
   }
 }
 
-function callOnChangeProps(props, state, changes) {
-  Object.keys(state).forEach(function (stateKey) {
-    invokeOnChangeHandler(stateKey, props, state, changes);
+function callOnChangeProps(action, state, newState) {
+  var props = action.props,
+      type = action.type;
+  var changes = {};
+  Object.keys(state).forEach(function (key) {
+    invokeOnChangeHandler(key, props, state, newState);
+
+    if (newState[key] !== state[key]) {
+      changes[key] = newState[key];
+    }
   });
 
-  if (props.onStateChange && changes !== undefined) {
-    props.onStateChange(changes);
+  if (props.onStateChange && Object.entries(changes).length) {
+    props.onStateChange(_extends({
+      type: type
+    }, changes));
   }
 }
 
@@ -1770,7 +1779,7 @@ function useEnhancedReducer(reducer, initialState, props) {
     var newState = stateReduceLocal(state, _extends({}, action, {
       changes: changes
     }));
-    callOnChangeProps(action.props, state, newState);
+    callOnChangeProps(action, state, newState);
     return newState;
   }, [reducer]);
 
@@ -1778,7 +1787,11 @@ function useEnhancedReducer(reducer, initialState, props) {
       state = _useReducer[0],
       dispatch = _useReducer[1];
 
-  return [getState(state, props), dispatch];
+  return [getState(state, props), function dispatchWithProps(action) {
+    return dispatch(_extends({
+      props: props
+    }, action));
+  }];
 }
 /**
  * Default state reducer that returns the changes.
@@ -2238,13 +2251,7 @@ function useSelect(userProps) {
       highlightedIndex = _useEnhancedReducer$.highlightedIndex,
       selectedItem = _useEnhancedReducer$.selectedItem,
       inputValue = _useEnhancedReducer$.inputValue,
-      dispatchWithoutProps = _useEnhancedReducer[1];
-
-  var dispatch = function (action) {
-    return dispatchWithoutProps(_extends({
-      props: props
-    }, action));
-  };
+      dispatch = _useEnhancedReducer[1];
   /* Refs */
 
 
@@ -3002,13 +3009,7 @@ function useCombobox(userProps) {
       highlightedIndex = _useEnhancedReducer$.highlightedIndex,
       selectedItem = _useEnhancedReducer$.selectedItem,
       inputValue = _useEnhancedReducer$.inputValue,
-      dispatchWithoutProps = _useEnhancedReducer[1];
-
-  var dispatch = function (action) {
-    return dispatchWithoutProps(_extends({
-      props: props
-    }, action));
-  };
+      dispatch = _useEnhancedReducer[1];
   /* Refs */
 
 

package/dist/downshift.native.cjs.js

@@ -1683,21 +1683,30 @@ function capitalizeString(string) {
   return "" + string.slice(0, 1).toUpperCase() + string.slice(1);
 }
 
-function invokeOnChangeHandler(propKey, props, state, changes) {
-  var handler = "on" + capitalizeString(propKey) + "Change";
+function invokeOnChangeHandler(key, props, state, newState) {
+  var handler = "on" + capitalizeString(key) + "Change";
 
-  if (props[handler] && changes[propKey] !== undefined && changes[propKey] !== state[propKey]) {
-    props[handler](changes);
+  if (props[handler] && newState[key] !== undefined && newState[key] !== state[key]) {
+    props[handler](newState);
   }
 }
 
-function callOnChangeProps(props, state, changes) {
-  Object.keys(state).forEach(function (stateKey) {
-    invokeOnChangeHandler(stateKey, props, state, changes);
+function callOnChangeProps(action, state, newState) {
+  var props = action.props,
+      type = action.type;
+  var changes = {};
+  Object.keys(state).forEach(function (key) {
+    invokeOnChangeHandler(key, props, state, newState);
+
+    if (newState[key] !== state[key]) {
+      changes[key] = newState[key];
+    }
   });
 
-  if (props.onStateChange && changes !== undefined) {
-    props.onStateChange(changes);
+  if (props.onStateChange && Object.entries(changes).length) {
+    props.onStateChange(_extends({
+      type: type
+    }, changes));
   }
 }
 
@@ -1709,7 +1718,7 @@ function useEnhancedReducer(reducer, initialState, props) {
     var newState = stateReduceLocal(state, _extends({}, action, {
       changes: changes
     }));
-    callOnChangeProps(action.props, state, newState);
+    callOnChangeProps(action, state, newState);
     return newState;
   }, [reducer]);
 
@@ -1717,7 +1726,11 @@ function useEnhancedReducer(reducer, initialState, props) {
       state = _useReducer[0],
       dispatch = _useReducer[1];
 
-  return [getState(state, props), dispatch];
+  return [getState(state, props), function dispatchWithProps(action) {
+    return dispatch(_extends({
+      props: props
+    }, action));
+  }];
 }
 /**
  * Default state reducer that returns the changes.
@@ -2177,13 +2190,7 @@ function useSelect(userProps) {
       highlightedIndex = _useEnhancedReducer$.highlightedIndex,
       selectedItem = _useEnhancedReducer$.selectedItem,
       inputValue = _useEnhancedReducer$.inputValue,
-      dispatchWithoutProps = _useEnhancedReducer[1];
-
-  var dispatch = function (action) {
-    return dispatchWithoutProps(_extends({
-      props: props
-    }, action));
-  };
+      dispatch = _useEnhancedReducer[1];
   /* Refs */
 
 
@@ -2941,13 +2948,7 @@ function useCombobox(userProps) {
       highlightedIndex = _useEnhancedReducer$.highlightedIndex,
       selectedItem = _useEnhancedReducer$.selectedItem,
       inputValue = _useEnhancedReducer$.inputValue,
-      dispatchWithoutProps = _useEnhancedReducer[1];
-
-  var dispatch = function (action) {
-    return dispatchWithoutProps(_extends({
-      props: props
-    }, action));
-  };
+      dispatch = _useEnhancedReducer[1];
   /* Refs */
 
 

package/dist/downshift.umd.js

@@ -3250,21 +3250,30 @@
     return "" + string.slice(0, 1).toUpperCase() + string.slice(1);
   }
 
-  function invokeOnChangeHandler(propKey, props, state, changes) {
-    var handler = "on" + capitalizeString(propKey) + "Change";
+  function invokeOnChangeHandler(key, props, state, newState) {
+    var handler = "on" + capitalizeString(key) + "Change";
 
-    if (props[handler] && changes[propKey] !== undefined && changes[propKey] !== state[propKey]) {
-      props[handler](changes);
+    if (props[handler] && newState[key] !== undefined && newState[key] !== state[key]) {
+      props[handler](newState);
     }
   }
 
-  function callOnChangeProps(props, state, changes) {
-    Object.keys(state).forEach(function (stateKey) {
-      invokeOnChangeHandler(stateKey, props, state, changes);
+  function callOnChangeProps(action, state, newState) {
+    var props = action.props,
+        type = action.type;
+    var changes = {};
+    Object.keys(state).forEach(function (key) {
+      invokeOnChangeHandler(key, props, state, newState);
+
+      if (newState[key] !== state[key]) {
+        changes[key] = newState[key];
+      }
     });
 
-    if (props.onStateChange && changes !== undefined) {
-      props.onStateChange(changes);
+    if (props.onStateChange && Object.entries(changes).length) {
+      props.onStateChange(_extends({
+        type: type
+      }, changes));
     }
   }
 
@@ -3276,7 +3285,7 @@
       var newState = stateReduceLocal(state, _extends({}, action, {
         changes: changes
       }));
-      callOnChangeProps(action.props, state, newState);
+      callOnChangeProps(action, state, newState);
       return newState;
     }, [reducer]);
 
@@ -3284,7 +3293,11 @@
         state = _useReducer[0],
         dispatch = _useReducer[1];
 
-    return [getState(state, props), dispatch];
+    return [getState(state, props), function dispatchWithProps(action) {
+      return dispatch(_extends({
+        props: props
+      }, action));
+    }];
   }
   /**
    * Default state reducer that returns the changes.
@@ -3739,13 +3752,7 @@
         highlightedIndex = _useEnhancedReducer$.highlightedIndex,
         selectedItem = _useEnhancedReducer$.selectedItem,
         inputValue = _useEnhancedReducer$.inputValue,
-        dispatchWithoutProps = _useEnhancedReducer[1];
-
-    var dispatch = function (action) {
-      return dispatchWithoutProps(_extends({
-        props: props
-      }, action));
-    };
+        dispatch = _useEnhancedReducer[1];
     /* Refs */
 
 
@@ -4498,13 +4505,7 @@
         highlightedIndex = _useEnhancedReducer$.highlightedIndex,
         selectedItem = _useEnhancedReducer$.selectedItem,
         inputValue = _useEnhancedReducer$.inputValue,
-        dispatchWithoutProps = _useEnhancedReducer[1];
-
-    var dispatch = function (action) {
-      return dispatchWithoutProps(_extends({
-        props: props
-      }, action));
-    };
+        dispatch = _useEnhancedReducer[1];
     /* Refs */