downshift 8.2.0 → 8.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "downshift",
3
- "version": "8.2.0",
3
+ "version": "8.2.2",
4
4
  "description": "🏎 A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.",
5
5
  "main": "dist/downshift.cjs.js",
6
6
  "react-native": "dist/downshift.native.cjs.js",
@@ -1471,7 +1471,7 @@ var Downshift = /*#__PURE__*/function () {
1471
1471
  return prevItem !== item;
1472
1472
  },
1473
1473
  environment: /* istanbul ignore next (ssr) */
1474
- typeof window === 'undefined' ? undefined : window,
1474
+ typeof window === 'undefined' || false ? undefined : window,
1475
1475
  stateReducer: function stateReducer(state, stateToSet) {
1476
1476
  return stateToSet;
1477
1477
  },
@@ -1712,7 +1712,7 @@ var defaultProps$3 = {
1712
1712
  getA11ySelectionMessage: getA11ySelectionMessage,
1713
1713
  scrollIntoView: scrollIntoView,
1714
1714
  environment: /* istanbul ignore next (ssr) */
1715
- typeof window === 'undefined' ? undefined : window
1715
+ typeof window === 'undefined' || false ? undefined : window
1716
1716
  };
1717
1717
  function getDefaultValue$1(props, propKey, defaultStateValues) {
1718
1718
  if (defaultStateValues === void 0) {
@@ -2289,7 +2289,7 @@ function downshiftSelectReducer(state, action) {
2289
2289
 
2290
2290
  var _excluded$2 = ["onMouseLeave", "refKey", "ref"],
2291
2291
  _excluded2$2 = ["onBlur", "onClick", "onPress", "onKeyDown", "refKey", "ref"],
2292
- _excluded3$1 = ["item", "index", "onMouseMove", "onClick", "onPress", "refKey", "disabled", "ref"];
2292
+ _excluded3$1 = ["item", "index", "onMouseMove", "onClick", "onMouseDown", "onPress", "refKey", "disabled", "ref"];
2293
2293
  useSelect.stateChangeTypes = stateChangeTypes$2;
2294
2294
  function useSelect(userProps) {
2295
2295
  if (userProps === void 0) {
@@ -2631,7 +2631,8 @@ function useSelect(userProps) {
2631
2631
  itemProp = _ref5.item,
2632
2632
  indexProp = _ref5.index,
2633
2633
  onMouseMove = _ref5.onMouseMove,
2634
- onClick = _ref5.onClick;
2634
+ onClick = _ref5.onClick,
2635
+ onMouseDown = _ref5.onMouseDown;
2635
2636
  _ref5.onPress;
2636
2637
  var _ref5$refKey = _ref5.refKey,
2637
2638
  refKey = _ref5$refKey === void 0 ? 'ref' : _ref5$refKey,
@@ -2665,6 +2666,10 @@ function useSelect(userProps) {
2665
2666
  index: index
2666
2667
  });
2667
2668
  };
2669
+ var itemHandleMouseDown = function itemHandleMouseDown(e) {
2670
+ return e.preventDefault();
2671
+ }; // keep focus on the toggle after item click select.
2672
+
2668
2673
  var itemProps = _extends__default["default"]((_extends4 = {}, _extends4[refKey] = handleRefs(ref, function (itemNode) {
2669
2674
  if (itemNode) {
2670
2675
  itemRefs.current[elementIds.getItemId(index)] = itemNode;
@@ -2677,6 +2682,7 @@ function useSelect(userProps) {
2677
2682
  }
2678
2683
  }
2679
2684
  itemProps.onMouseMove = callAllEventHandlers(onMouseMove, itemHandleMouseMove);
2685
+ itemProps.onMouseDown = callAllEventHandlers(onMouseDown, itemHandleMouseDown);
2680
2686
  return itemProps;
2681
2687
  }, [latest, elementIds, shouldScrollRef, dispatch]);
2682
2688
  return {
@@ -3215,7 +3221,8 @@ function useCombobox(userProps) {
3215
3221
  };
3216
3222
  var itemHandleMouseDown = function itemHandleMouseDown(e) {
3217
3223
  return e.preventDefault();
3218
- };
3224
+ }; // keep focus on the input after item click select.
3225
+
3219
3226
  return _extends__default["default"]((_extends3 = {}, _extends3[refKey] = handleRefs(ref, function (itemNode) {
3220
3227
  if (itemNode) {
3221
3228
  itemRefs.current[elementIds.getItemId(index)] = itemNode;
@@ -1458,7 +1458,7 @@ var Downshift = /*#__PURE__*/function () {
1458
1458
  return prevItem !== item;
1459
1459
  },
1460
1460
  environment: /* istanbul ignore next (ssr) */
1461
- typeof window === 'undefined' ? undefined : window,
1461
+ typeof window === 'undefined' || false ? undefined : window,
1462
1462
  stateReducer: function stateReducer(state, stateToSet) {
1463
1463
  return stateToSet;
1464
1464
  },
@@ -1699,7 +1699,7 @@ var defaultProps$3 = {
1699
1699
  getA11ySelectionMessage: getA11ySelectionMessage,
1700
1700
  scrollIntoView: scrollIntoView,
1701
1701
  environment: /* istanbul ignore next (ssr) */
1702
- typeof window === 'undefined' ? undefined : window
1702
+ typeof window === 'undefined' || false ? undefined : window
1703
1703
  };
1704
1704
  function getDefaultValue$1(props, propKey, defaultStateValues) {
1705
1705
  if (defaultStateValues === void 0) {
@@ -2276,7 +2276,7 @@ function downshiftSelectReducer(state, action) {
2276
2276
 
2277
2277
  var _excluded$2 = ["onMouseLeave", "refKey", "ref"],
2278
2278
  _excluded2$2 = ["onBlur", "onClick", "onPress", "onKeyDown", "refKey", "ref"],
2279
- _excluded3$1 = ["item", "index", "onMouseMove", "onClick", "onPress", "refKey", "disabled", "ref"];
2279
+ _excluded3$1 = ["item", "index", "onMouseMove", "onClick", "onMouseDown", "onPress", "refKey", "disabled", "ref"];
2280
2280
  useSelect.stateChangeTypes = stateChangeTypes$2;
2281
2281
  function useSelect(userProps) {
2282
2282
  if (userProps === void 0) {
@@ -2618,7 +2618,8 @@ function useSelect(userProps) {
2618
2618
  itemProp = _ref5.item,
2619
2619
  indexProp = _ref5.index,
2620
2620
  onMouseMove = _ref5.onMouseMove,
2621
- onClick = _ref5.onClick;
2621
+ onClick = _ref5.onClick,
2622
+ onMouseDown = _ref5.onMouseDown;
2622
2623
  _ref5.onPress;
2623
2624
  var _ref5$refKey = _ref5.refKey,
2624
2625
  refKey = _ref5$refKey === void 0 ? 'ref' : _ref5$refKey,
@@ -2652,6 +2653,10 @@ function useSelect(userProps) {
2652
2653
  index: index
2653
2654
  });
2654
2655
  };
2656
+ var itemHandleMouseDown = function itemHandleMouseDown(e) {
2657
+ return e.preventDefault();
2658
+ }; // keep focus on the toggle after item click select.
2659
+
2655
2660
  var itemProps = _extends((_extends4 = {}, _extends4[refKey] = handleRefs(ref, function (itemNode) {
2656
2661
  if (itemNode) {
2657
2662
  itemRefs.current[elementIds.getItemId(index)] = itemNode;
@@ -2664,6 +2669,7 @@ function useSelect(userProps) {
2664
2669
  }
2665
2670
  }
2666
2671
  itemProps.onMouseMove = callAllEventHandlers(onMouseMove, itemHandleMouseMove);
2672
+ itemProps.onMouseDown = callAllEventHandlers(onMouseDown, itemHandleMouseDown);
2667
2673
  return itemProps;
2668
2674
  }, [latest, elementIds, shouldScrollRef, dispatch]);
2669
2675
  return {
@@ -3202,7 +3208,8 @@ function useCombobox(userProps) {
3202
3208
  };
3203
3209
  var itemHandleMouseDown = function itemHandleMouseDown(e) {
3204
3210
  return e.preventDefault();
3205
- };
3211
+ }; // keep focus on the input after item click select.
3212
+
3206
3213
  return _extends((_extends3 = {}, _extends3[refKey] = handleRefs(ref, function (itemNode) {
3207
3214
  if (itemNode) {
3208
3215
  itemRefs.current[elementIds.getItemId(index)] = itemNode;
@@ -1740,7 +1740,7 @@
1740
1740
  return prevItem !== item;
1741
1741
  },
1742
1742
  environment: /* istanbul ignore next (ssr) */
1743
- typeof window === 'undefined' ? undefined : window,
1743
+ typeof window === 'undefined' || false ? undefined : window,
1744
1744
  stateReducer: function stateReducer(state, stateToSet) {
1745
1745
  return stateToSet;
1746
1746
  },
@@ -1981,7 +1981,7 @@
1981
1981
  getA11ySelectionMessage: getA11ySelectionMessage,
1982
1982
  scrollIntoView: scrollIntoView,
1983
1983
  environment: /* istanbul ignore next (ssr) */
1984
- typeof window === 'undefined' ? undefined : window
1984
+ typeof window === 'undefined' || false ? undefined : window
1985
1985
  };
1986
1986
  function getDefaultValue$1(props, propKey, defaultStateValues) {
1987
1987
  if (defaultStateValues === void 0) {
@@ -2589,7 +2589,7 @@
2589
2589
 
2590
2590
  var _excluded$2 = ["onMouseLeave", "refKey", "ref"],
2591
2591
  _excluded2$2 = ["onBlur", "onClick", "onPress", "onKeyDown", "refKey", "ref"],
2592
- _excluded3$1 = ["item", "index", "onMouseMove", "onClick", "onPress", "refKey", "disabled", "ref"];
2592
+ _excluded3$1 = ["item", "index", "onMouseMove", "onClick", "onMouseDown", "onPress", "refKey", "disabled", "ref"];
2593
2593
  useSelect.stateChangeTypes = stateChangeTypes$2;
2594
2594
  function useSelect(userProps) {
2595
2595
  if (userProps === void 0) {
@@ -2931,7 +2931,8 @@
2931
2931
  itemProp = _ref5.item,
2932
2932
  indexProp = _ref5.index,
2933
2933
  onMouseMove = _ref5.onMouseMove,
2934
- onClick = _ref5.onClick;
2934
+ onClick = _ref5.onClick,
2935
+ onMouseDown = _ref5.onMouseDown;
2935
2936
  _ref5.onPress;
2936
2937
  var _ref5$refKey = _ref5.refKey,
2937
2938
  refKey = _ref5$refKey === void 0 ? 'ref' : _ref5$refKey,
@@ -2965,6 +2966,10 @@
2965
2966
  index: index
2966
2967
  });
2967
2968
  };
2969
+ var itemHandleMouseDown = function itemHandleMouseDown(e) {
2970
+ return e.preventDefault();
2971
+ }; // keep focus on the toggle after item click select.
2972
+
2968
2973
  var itemProps = _extends((_extends4 = {}, _extends4[refKey] = handleRefs(ref, function (itemNode) {
2969
2974
  if (itemNode) {
2970
2975
  itemRefs.current[elementIds.getItemId(index)] = itemNode;
@@ -2977,6 +2982,7 @@
2977
2982
  }
2978
2983
  }
2979
2984
  itemProps.onMouseMove = callAllEventHandlers(onMouseMove, itemHandleMouseMove);
2985
+ itemProps.onMouseDown = callAllEventHandlers(onMouseDown, itemHandleMouseDown);
2980
2986
  return itemProps;
2981
2987
  }, [latest, elementIds, shouldScrollRef, dispatch]);
2982
2988
  return {
@@ -3515,7 +3521,8 @@
3515
3521
  };
3516
3522
  var itemHandleMouseDown = function itemHandleMouseDown(e) {
3517
3523
  return e.preventDefault();
3518
- };
3524
+ }; // keep focus on the input after item click select.
3525
+
3519
3526
  return _extends((_extends3 = {}, _extends3[refKey] = handleRefs(ref, function (itemNode) {
3520
3527
  if (itemNode) {
3521
3528
  itemRefs.current[elementIds.getItemId(index)] = itemNode;