downshift 7.3.4 → 7.4.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "downshift",
-  "version": "7.3.4",
+  "version": "7.4.1",
   "description": "🏎 A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.",
   "main": "dist/downshift.cjs.js",
   "react-native": "dist/downshift.native.cjs.js",

package/preact/dist/downshift.cjs.js

@@ -2711,6 +2711,7 @@ function getInitialState$1(props) {
 var propTypes$1 = {
   items: PropTypes__default["default"].array.isRequired,
   itemToString: PropTypes__default["default"].func,
+  selectedItemChanged: PropTypes__default["default"].func,
   getA11yStatusMessage: PropTypes__default["default"].func,
   getA11ySelectionMessage: PropTypes__default["default"].func,
   highlightedIndex: PropTypes__default["default"].number,
@@ -2768,16 +2769,18 @@ function useControlledReducer(reducer, initialState, props) {
 
   // ToDo: if needed, make same approach as selectedItemChanged from Downshift.
   preact.useEffect(function () {
-    if (isControlledProp(props, 'selectedItem')) {
-      if (previousSelectedItemRef.current !== props.selectedItem) {
-        dispatch({
-          type: ControlledPropUpdatedSelectedItem,
-          inputValue: props.itemToString(props.selectedItem)
-        });
-      }
-      previousSelectedItemRef.current = state.selectedItem === previousSelectedItemRef.current ? props.selectedItem : state.selectedItem;
+    if (!isControlledProp(props, 'selectedItem')) {
+      return;
     }
-  }, [props.selectedItem, state.selectedItem]);
+    if (props.selectedItemChanged(previousSelectedItemRef.current, props.selectedItem)) {
+      dispatch({
+        type: ControlledPropUpdatedSelectedItem,
+        inputValue: props.itemToString(props.selectedItem)
+      });
+    }
+    previousSelectedItemRef.current = state.selectedItem === previousSelectedItemRef.current ? props.selectedItem : state.selectedItem;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [state.selectedItem, props.selectedItem]);
   return [getState(state, props), dispatch];
 }
 
@@ -2790,6 +2793,9 @@ if (process.env.NODE_ENV !== 'production') {
   };
 }
 var defaultProps$1 = _extends__default["default"]({}, defaultProps$3, {
+  selectedItemChanged: function selectedItemChanged(prevItem, item) {
+    return prevItem !== item;
+  },
   getA11yStatusMessage: getA11yStatusMessage$1
 });
 
@@ -3239,12 +3245,12 @@ function useCombobox(userProps) {
         inputValue: event.target.value
       });
     };
-    var inputHandleBlur = function inputHandleBlur() {
+    var inputHandleBlur = function inputHandleBlur(event) {
       /* istanbul ignore else */
       if (latestState.isOpen && !mouseAndTouchTrackersRef.current.isMouseDown) {
         dispatch({
           type: InputBlur,
-          selectItem: true
+          selectItem: event.relatedTarget !== null
         });
       }
     };

package/preact/dist/downshift.esm.js

@@ -2698,6 +2698,7 @@ function getInitialState$1(props) {
 var propTypes$1 = {
   items: PropTypes.array.isRequired,
   itemToString: PropTypes.func,
+  selectedItemChanged: PropTypes.func,
   getA11yStatusMessage: PropTypes.func,
   getA11ySelectionMessage: PropTypes.func,
   highlightedIndex: PropTypes.number,
@@ -2755,16 +2756,18 @@ function useControlledReducer(reducer, initialState, props) {
 
   // ToDo: if needed, make same approach as selectedItemChanged from Downshift.
   useEffect(function () {
-    if (isControlledProp(props, 'selectedItem')) {
-      if (previousSelectedItemRef.current !== props.selectedItem) {
-        dispatch({
-          type: ControlledPropUpdatedSelectedItem,
-          inputValue: props.itemToString(props.selectedItem)
-        });
-      }
-      previousSelectedItemRef.current = state.selectedItem === previousSelectedItemRef.current ? props.selectedItem : state.selectedItem;
+    if (!isControlledProp(props, 'selectedItem')) {
+      return;
     }
-  }, [props.selectedItem, state.selectedItem]);
+    if (props.selectedItemChanged(previousSelectedItemRef.current, props.selectedItem)) {
+      dispatch({
+        type: ControlledPropUpdatedSelectedItem,
+        inputValue: props.itemToString(props.selectedItem)
+      });
+    }
+    previousSelectedItemRef.current = state.selectedItem === previousSelectedItemRef.current ? props.selectedItem : state.selectedItem;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [state.selectedItem, props.selectedItem]);
   return [getState(state, props), dispatch];
 }
 
@@ -2777,6 +2780,9 @@ if (process.env.NODE_ENV !== 'production') {
   };
 }
 var defaultProps$1 = _extends({}, defaultProps$3, {
+  selectedItemChanged: function selectedItemChanged(prevItem, item) {
+    return prevItem !== item;
+  },
   getA11yStatusMessage: getA11yStatusMessage$1
 });
 
@@ -3226,12 +3232,12 @@ function useCombobox(userProps) {
         inputValue: event.target.value
       });
     };
-    var inputHandleBlur = function inputHandleBlur() {
+    var inputHandleBlur = function inputHandleBlur(event) {
       /* istanbul ignore else */
       if (latestState.isOpen && !mouseAndTouchTrackersRef.current.isMouseDown) {
         dispatch({
           type: InputBlur,
-          selectItem: true
+          selectItem: event.relatedTarget !== null
         });
       }
     };

package/preact/dist/downshift.umd.js

@@ -3007,6 +3007,7 @@
   var propTypes$1 = {
     items: PropTypes__default["default"].array.isRequired,
     itemToString: PropTypes__default["default"].func,
+    selectedItemChanged: PropTypes__default["default"].func,
     getA11yStatusMessage: PropTypes__default["default"].func,
     getA11ySelectionMessage: PropTypes__default["default"].func,
     highlightedIndex: PropTypes__default["default"].number,
@@ -3064,16 +3065,18 @@
 
     // ToDo: if needed, make same approach as selectedItemChanged from Downshift.
     preact.useEffect(function () {
-      if (isControlledProp(props, 'selectedItem')) {
-        if (previousSelectedItemRef.current !== props.selectedItem) {
-          dispatch({
-            type: ControlledPropUpdatedSelectedItem,
-            inputValue: props.itemToString(props.selectedItem)
-          });
-        }
-        previousSelectedItemRef.current = state.selectedItem === previousSelectedItemRef.current ? props.selectedItem : state.selectedItem;
+      if (!isControlledProp(props, 'selectedItem')) {
+        return;
       }
-    }, [props.selectedItem, state.selectedItem]);
+      if (props.selectedItemChanged(previousSelectedItemRef.current, props.selectedItem)) {
+        dispatch({
+          type: ControlledPropUpdatedSelectedItem,
+          inputValue: props.itemToString(props.selectedItem)
+        });
+      }
+      previousSelectedItemRef.current = state.selectedItem === previousSelectedItemRef.current ? props.selectedItem : state.selectedItem;
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [state.selectedItem, props.selectedItem]);
     return [getState(state, props), dispatch];
   }
 
@@ -3086,6 +3089,9 @@
     };
   }
   var defaultProps$1 = _extends({}, defaultProps$3, {
+    selectedItemChanged: function selectedItemChanged(prevItem, item) {
+      return prevItem !== item;
+    },
     getA11yStatusMessage: getA11yStatusMessage$1
   });
 
@@ -3535,12 +3541,12 @@
           inputValue: event.target.value
         });
       };
-      var inputHandleBlur = function inputHandleBlur() {
+      var inputHandleBlur = function inputHandleBlur(event) {
         /* istanbul ignore else */
         if (latestState.isOpen && !mouseAndTouchTrackersRef.current.isMouseDown) {
           dispatch({
             type: InputBlur,
-            selectItem: true
+            selectItem: event.relatedTarget !== null
           });
         }
       };