downshift 5.0.3 → 5.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "downshift",
-  "version": "5.0.3",
+  "version": "5.0.4",
   "description": "A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete components",
   "main": "dist/downshift.cjs.js",
   "react-native": "dist/downshift.native.cjs.js",

package/preact/dist/downshift.cjs.js

@@ -1708,21 +1708,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));
   }
 }
 
@@ -1734,7 +1743,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]);
 
@@ -1742,7 +1751,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.
@@ -2202,13 +2215,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 */
 
 
@@ -2966,13 +2973,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/preact/dist/downshift.esm.js

@@ -1702,21 +1702,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));
   }
 }
 
@@ -1728,7 +1737,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]);
 
@@ -1736,7 +1745,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.
@@ -2196,13 +2209,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 */
 
 
@@ -2960,13 +2967,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/preact/dist/downshift.umd.js

@@ -2374,21 +2374,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));
     }
   }
 
@@ -2400,7 +2409,7 @@
       var newState = stateReduceLocal(state, _extends({}, action, {
         changes: changes
       }));
-      callOnChangeProps(action.props, state, newState);
+      callOnChangeProps(action, state, newState);
       return newState;
     }, [reducer]);
 
@@ -2408,7 +2417,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.
@@ -2863,13 +2876,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 */
 
 
@@ -3622,13 +3629,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 */