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/README.md CHANGED
@@ -1440,6 +1440,7 @@ Thanks goes to these people ([emoji key][emojis]):
1440
1440
  <td align="center" valign="top" width="14.28%"><a href="https://github.com/jeanpan"><img src="https://avatars.githubusercontent.com/u/1307026?v=4?s=100" width="100px;" alt="Jean Pan"/><br /><sub><b>Jean Pan</b></sub></a><br /><a href="https://github.com/downshift-js/downshift/commits?author=jeanpan" title="Code">💻</a></td>
1441
1441
  <td align="center" valign="top" width="14.28%"><a href="https://tjenkinson.me"><img src="https://avatars.githubusercontent.com/u/3259993?v=4?s=100" width="100px;" alt="Tom Jenkinson"/><br /><sub><b>Tom Jenkinson</b></sub></a><br /><a href="#infra-tjenkinson" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a></td>
1442
1442
  <td align="center" valign="top" width="14.28%"><a href="https://github.com/aliceHendicott"><img src="https://avatars.githubusercontent.com/u/40346716?v=4?s=100" width="100px;" alt="Alice Hendicott"/><br /><sub><b>Alice Hendicott</b></sub></a><br /><a href="https://github.com/downshift-js/downshift/commits?author=aliceHendicott" title="Code">💻</a> <a href="https://github.com/downshift-js/downshift/issues?q=author%3AaliceHendicott" title="Bug reports">🐛</a></td>
1443
+ <td align="center" valign="top" width="14.28%"><a href="https://github.com/zmdavis"><img src="https://avatars.githubusercontent.com/u/25305144?v=4?s=100" width="100px;" alt="Zach Davis"/><br /><sub><b>Zach Davis</b></sub></a><br /><a href="https://github.com/downshift-js/downshift/commits?author=zmdavis" title="Code">💻</a> <a href="https://github.com/downshift-js/downshift/issues?q=author%3Azmdavis" title="Bug reports">🐛</a></td>
1443
1444
  </tr>
1444
1445
  </tbody>
1445
1446
  </table>
@@ -1464,7 +1464,7 @@ var Downshift = /*#__PURE__*/function () {
1464
1464
  return prevItem !== item;
1465
1465
  },
1466
1466
  environment: /* istanbul ignore next (ssr) */
1467
- typeof window === 'undefined' ? undefined : window,
1467
+ typeof window === 'undefined' || false ? undefined : window,
1468
1468
  stateReducer: function stateReducer(state, stateToSet) {
1469
1469
  return stateToSet;
1470
1470
  },
@@ -1751,7 +1751,7 @@ var defaultProps$3 = {
1751
1751
  getA11ySelectionMessage: getA11ySelectionMessage,
1752
1752
  scrollIntoView: scrollIntoView,
1753
1753
  environment: /* istanbul ignore next (ssr) */
1754
- typeof window === 'undefined' ? undefined : window
1754
+ typeof window === 'undefined' || false ? undefined : window
1755
1755
  };
1756
1756
  function getDefaultValue$1(props, propKey, defaultStateValues) {
1757
1757
  if (defaultStateValues === void 0) {
@@ -2328,7 +2328,7 @@ function downshiftSelectReducer(state, action) {
2328
2328
 
2329
2329
  var _excluded$2 = ["onMouseLeave", "refKey", "ref"],
2330
2330
  _excluded2$2 = ["onBlur", "onClick", "onPress", "onKeyDown", "refKey", "ref"],
2331
- _excluded3$1 = ["item", "index", "onMouseMove", "onClick", "onPress", "refKey", "disabled", "ref"];
2331
+ _excluded3$1 = ["item", "index", "onMouseMove", "onClick", "onMouseDown", "onPress", "refKey", "disabled", "ref"];
2332
2332
  useSelect.stateChangeTypes = stateChangeTypes$2;
2333
2333
  function useSelect(userProps) {
2334
2334
  if (userProps === void 0) {
@@ -2670,7 +2670,8 @@ function useSelect(userProps) {
2670
2670
  itemProp = _ref5.item,
2671
2671
  indexProp = _ref5.index,
2672
2672
  onMouseMove = _ref5.onMouseMove,
2673
- onClick = _ref5.onClick;
2673
+ onClick = _ref5.onClick,
2674
+ onMouseDown = _ref5.onMouseDown;
2674
2675
  _ref5.onPress;
2675
2676
  var _ref5$refKey = _ref5.refKey,
2676
2677
  refKey = _ref5$refKey === void 0 ? 'ref' : _ref5$refKey,
@@ -2704,6 +2705,10 @@ function useSelect(userProps) {
2704
2705
  index: index
2705
2706
  });
2706
2707
  };
2708
+ var itemHandleMouseDown = function itemHandleMouseDown(e) {
2709
+ return e.preventDefault();
2710
+ }; // keep focus on the toggle after item click select.
2711
+
2707
2712
  var itemProps = _extends__default["default"]((_extends4 = {}, _extends4[refKey] = handleRefs(ref, function (itemNode) {
2708
2713
  if (itemNode) {
2709
2714
  itemRefs.current[elementIds.getItemId(index)] = itemNode;
@@ -2716,6 +2721,7 @@ function useSelect(userProps) {
2716
2721
  }
2717
2722
  }
2718
2723
  itemProps.onMouseMove = callAllEventHandlers(onMouseMove, itemHandleMouseMove);
2724
+ itemProps.onMouseDown = callAllEventHandlers(onMouseDown, itemHandleMouseDown);
2719
2725
  return itemProps;
2720
2726
  }, [latest, elementIds, shouldScrollRef, dispatch]);
2721
2727
  return {
@@ -3254,7 +3260,8 @@ function useCombobox(userProps) {
3254
3260
  };
3255
3261
  var itemHandleMouseDown = function itemHandleMouseDown(e) {
3256
3262
  return e.preventDefault();
3257
- };
3263
+ }; // keep focus on the input after item click select.
3264
+
3258
3265
  return _extends__default["default"]((_extends3 = {}, _extends3[refKey] = handleRefs(ref, function (itemNode) {
3259
3266
  if (itemNode) {
3260
3267
  itemRefs.current[elementIds.getItemId(index)] = itemNode;
@@ -1451,7 +1451,7 @@ var Downshift = /*#__PURE__*/function () {
1451
1451
  return prevItem !== item;
1452
1452
  },
1453
1453
  environment: /* istanbul ignore next (ssr) */
1454
- typeof window === 'undefined' ? undefined : window,
1454
+ typeof window === 'undefined' || false ? undefined : window,
1455
1455
  stateReducer: function stateReducer(state, stateToSet) {
1456
1456
  return stateToSet;
1457
1457
  },
@@ -1738,7 +1738,7 @@ var defaultProps$3 = {
1738
1738
  getA11ySelectionMessage: getA11ySelectionMessage,
1739
1739
  scrollIntoView: scrollIntoView,
1740
1740
  environment: /* istanbul ignore next (ssr) */
1741
- typeof window === 'undefined' ? undefined : window
1741
+ typeof window === 'undefined' || false ? undefined : window
1742
1742
  };
1743
1743
  function getDefaultValue$1(props, propKey, defaultStateValues) {
1744
1744
  if (defaultStateValues === void 0) {
@@ -2315,7 +2315,7 @@ function downshiftSelectReducer(state, action) {
2315
2315
 
2316
2316
  var _excluded$2 = ["onMouseLeave", "refKey", "ref"],
2317
2317
  _excluded2$2 = ["onBlur", "onClick", "onPress", "onKeyDown", "refKey", "ref"],
2318
- _excluded3$1 = ["item", "index", "onMouseMove", "onClick", "onPress", "refKey", "disabled", "ref"];
2318
+ _excluded3$1 = ["item", "index", "onMouseMove", "onClick", "onMouseDown", "onPress", "refKey", "disabled", "ref"];
2319
2319
  useSelect.stateChangeTypes = stateChangeTypes$2;
2320
2320
  function useSelect(userProps) {
2321
2321
  if (userProps === void 0) {
@@ -2657,7 +2657,8 @@ function useSelect(userProps) {
2657
2657
  itemProp = _ref5.item,
2658
2658
  indexProp = _ref5.index,
2659
2659
  onMouseMove = _ref5.onMouseMove,
2660
- onClick = _ref5.onClick;
2660
+ onClick = _ref5.onClick,
2661
+ onMouseDown = _ref5.onMouseDown;
2661
2662
  _ref5.onPress;
2662
2663
  var _ref5$refKey = _ref5.refKey,
2663
2664
  refKey = _ref5$refKey === void 0 ? 'ref' : _ref5$refKey,
@@ -2691,6 +2692,10 @@ function useSelect(userProps) {
2691
2692
  index: index
2692
2693
  });
2693
2694
  };
2695
+ var itemHandleMouseDown = function itemHandleMouseDown(e) {
2696
+ return e.preventDefault();
2697
+ }; // keep focus on the toggle after item click select.
2698
+
2694
2699
  var itemProps = _extends((_extends4 = {}, _extends4[refKey] = handleRefs(ref, function (itemNode) {
2695
2700
  if (itemNode) {
2696
2701
  itemRefs.current[elementIds.getItemId(index)] = itemNode;
@@ -2703,6 +2708,7 @@ function useSelect(userProps) {
2703
2708
  }
2704
2709
  }
2705
2710
  itemProps.onMouseMove = callAllEventHandlers(onMouseMove, itemHandleMouseMove);
2711
+ itemProps.onMouseDown = callAllEventHandlers(onMouseDown, itemHandleMouseDown);
2706
2712
  return itemProps;
2707
2713
  }, [latest, elementIds, shouldScrollRef, dispatch]);
2708
2714
  return {
@@ -3241,7 +3247,8 @@ function useCombobox(userProps) {
3241
3247
  };
3242
3248
  var itemHandleMouseDown = function itemHandleMouseDown(e) {
3243
3249
  return e.preventDefault();
3244
- };
3250
+ }; // keep focus on the input after item click select.
3251
+
3245
3252
  return _extends((_extends3 = {}, _extends3[refKey] = handleRefs(ref, function (itemNode) {
3246
3253
  if (itemNode) {
3247
3254
  itemRefs.current[elementIds.getItemId(index)] = itemNode;
@@ -1363,7 +1363,7 @@ var Downshift = /*#__PURE__*/function () {
1363
1363
  return prevItem !== item;
1364
1364
  },
1365
1365
  environment: /* istanbul ignore next (ssr) */
1366
- typeof window === 'undefined' ? undefined : window,
1366
+ typeof window === 'undefined' || true ? undefined : window,
1367
1367
  stateReducer: function stateReducer(state, stateToSet) {
1368
1368
  return stateToSet;
1369
1369
  },
@@ -1647,7 +1647,7 @@ var defaultProps$3 = {
1647
1647
  getA11ySelectionMessage: getA11ySelectionMessage,
1648
1648
  scrollIntoView: scrollIntoView,
1649
1649
  environment: /* istanbul ignore next (ssr) */
1650
- typeof window === 'undefined' ? undefined : window
1650
+ typeof window === 'undefined' || true ? undefined : window
1651
1651
  };
1652
1652
  function getDefaultValue$1(props, propKey, defaultStateValues) {
1653
1653
  if (defaultStateValues === void 0) {
@@ -2183,7 +2183,7 @@ function downshiftSelectReducer(state, action) {
2183
2183
 
2184
2184
  var _excluded$2 = ["onMouseLeave", "refKey", "ref"],
2185
2185
  _excluded2$2 = ["onBlur", "onClick", "onPress", "onKeyDown", "refKey", "ref"],
2186
- _excluded3$1 = ["item", "index", "onMouseMove", "onClick", "onPress", "refKey", "disabled", "ref"];
2186
+ _excluded3$1 = ["item", "index", "onMouseMove", "onClick", "onMouseDown", "onPress", "refKey", "disabled", "ref"];
2187
2187
  useSelect.stateChangeTypes = stateChangeTypes$2;
2188
2188
  function useSelect(userProps) {
2189
2189
  if (userProps === void 0) {
@@ -2510,7 +2510,8 @@ function useSelect(userProps) {
2510
2510
  indexProp = _ref5.index,
2511
2511
  onMouseMove = _ref5.onMouseMove;
2512
2512
  _ref5.onClick;
2513
- var onPress = _ref5.onPress,
2513
+ var onMouseDown = _ref5.onMouseDown,
2514
+ onPress = _ref5.onPress,
2514
2515
  _ref5$refKey = _ref5.refKey,
2515
2516
  refKey = _ref5$refKey === void 0 ? 'ref' : _ref5$refKey,
2516
2517
  disabledProp = _ref5.disabled,
@@ -2543,6 +2544,10 @@ function useSelect(userProps) {
2543
2544
  index: index
2544
2545
  });
2545
2546
  };
2547
+ var itemHandleMouseDown = function itemHandleMouseDown(e) {
2548
+ return e.preventDefault();
2549
+ }; // keep focus on the toggle after item click select.
2550
+
2546
2551
  var itemProps = _extends__default["default"]((_extends4 = {}, _extends4[refKey] = handleRefs(ref, function (itemNode) {
2547
2552
  if (itemNode) {
2548
2553
  itemRefs.current[elementIds.getItemId(index)] = itemNode;
@@ -2555,6 +2560,7 @@ function useSelect(userProps) {
2555
2560
  }
2556
2561
  }
2557
2562
  itemProps.onMouseMove = callAllEventHandlers(onMouseMove, itemHandleMouseMove);
2563
+ itemProps.onMouseDown = callAllEventHandlers(onMouseDown, itemHandleMouseDown);
2558
2564
  return itemProps;
2559
2565
  }, [latest, elementIds, shouldScrollRef, dispatch]);
2560
2566
  return {
@@ -3088,7 +3094,8 @@ function useCombobox(userProps) {
3088
3094
  };
3089
3095
  var itemHandleMouseDown = function itemHandleMouseDown(e) {
3090
3096
  return e.preventDefault();
3091
- };
3097
+ }; // keep focus on the input after item click select.
3098
+
3092
3099
  return _extends__default["default"]((_extends3 = {}, _extends3[refKey] = handleRefs(ref, function (itemNode) {
3093
3100
  if (itemNode) {
3094
3101
  itemRefs.current[elementIds.getItemId(index)] = itemNode;
@@ -1462,7 +1462,7 @@ var Downshift = /*#__PURE__*/function () {
1462
1462
  return prevItem !== item;
1463
1463
  },
1464
1464
  environment: /* istanbul ignore next (ssr) */
1465
- typeof window === 'undefined' ? undefined : window,
1465
+ typeof window === 'undefined' || false ? undefined : window,
1466
1466
  stateReducer: function stateReducer(state, stateToSet) {
1467
1467
  return stateToSet;
1468
1468
  },
@@ -1746,7 +1746,7 @@ var defaultProps$3 = {
1746
1746
  getA11ySelectionMessage: getA11ySelectionMessage,
1747
1747
  scrollIntoView: scrollIntoView,
1748
1748
  environment: /* istanbul ignore next (ssr) */
1749
- typeof window === 'undefined' ? undefined : window
1749
+ typeof window === 'undefined' || false ? undefined : window
1750
1750
  };
1751
1751
  function getDefaultValue$1(props, propKey, defaultStateValues) {
1752
1752
  if (defaultStateValues === void 0) {
@@ -2323,7 +2323,7 @@ function downshiftSelectReducer(state, action) {
2323
2323
 
2324
2324
  var _excluded$2 = ["onMouseLeave", "refKey", "ref"],
2325
2325
  _excluded2$2 = ["onBlur", "onClick", "onPress", "onKeyDown", "refKey", "ref"],
2326
- _excluded3$1 = ["item", "index", "onMouseMove", "onClick", "onPress", "refKey", "disabled", "ref"];
2326
+ _excluded3$1 = ["item", "index", "onMouseMove", "onClick", "onMouseDown", "onPress", "refKey", "disabled", "ref"];
2327
2327
  useSelect.stateChangeTypes = stateChangeTypes$2;
2328
2328
  function useSelect(userProps) {
2329
2329
  if (userProps === void 0) {
@@ -2654,7 +2654,8 @@ function useSelect(userProps) {
2654
2654
  indexProp = _ref5.index,
2655
2655
  onMouseMove = _ref5.onMouseMove;
2656
2656
  _ref5.onClick;
2657
- var onPress = _ref5.onPress,
2657
+ var onMouseDown = _ref5.onMouseDown,
2658
+ onPress = _ref5.onPress,
2658
2659
  _ref5$refKey = _ref5.refKey,
2659
2660
  refKey = _ref5$refKey === void 0 ? 'ref' : _ref5$refKey,
2660
2661
  disabledProp = _ref5.disabled,
@@ -2687,6 +2688,10 @@ function useSelect(userProps) {
2687
2688
  index: index
2688
2689
  });
2689
2690
  };
2691
+ var itemHandleMouseDown = function itemHandleMouseDown(e) {
2692
+ return e.preventDefault();
2693
+ }; // keep focus on the toggle after item click select.
2694
+
2690
2695
  var itemProps = _extends__default["default"]((_extends4 = {}, _extends4[refKey] = handleRefs(ref, function (itemNode) {
2691
2696
  if (itemNode) {
2692
2697
  itemRefs.current[elementIds.getItemId(index)] = itemNode;
@@ -2699,6 +2704,7 @@ function useSelect(userProps) {
2699
2704
  }
2700
2705
  }
2701
2706
  itemProps.onMouseMove = callAllEventHandlers(onMouseMove, itemHandleMouseMove);
2707
+ itemProps.onMouseDown = callAllEventHandlers(onMouseDown, itemHandleMouseDown);
2702
2708
  return itemProps;
2703
2709
  }, [latest, elementIds, shouldScrollRef, dispatch]);
2704
2710
  return {
@@ -3237,7 +3243,8 @@ function useCombobox(userProps) {
3237
3243
  };
3238
3244
  var itemHandleMouseDown = function itemHandleMouseDown(e) {
3239
3245
  return e.preventDefault();
3240
- };
3246
+ }; // keep focus on the input after item click select.
3247
+
3241
3248
  return _extends__default["default"]((_extends3 = {}, _extends3[refKey] = handleRefs(ref, function (itemNode) {
3242
3249
  if (itemNode) {
3243
3250
  itemRefs.current[elementIds.getItemId(index)] = itemNode;
@@ -2817,7 +2817,7 @@
2817
2817
  return prevItem !== item;
2818
2818
  },
2819
2819
  environment: /* istanbul ignore next (ssr) */
2820
- typeof window === 'undefined' ? undefined : window,
2820
+ typeof window === 'undefined' || false ? undefined : window,
2821
2821
  stateReducer: function stateReducer(state, stateToSet) {
2822
2822
  return stateToSet;
2823
2823
  },
@@ -3104,7 +3104,7 @@
3104
3104
  getA11ySelectionMessage: getA11ySelectionMessage,
3105
3105
  scrollIntoView: scrollIntoView,
3106
3106
  environment: /* istanbul ignore next (ssr) */
3107
- typeof window === 'undefined' ? undefined : window
3107
+ typeof window === 'undefined' || false ? undefined : window
3108
3108
  };
3109
3109
  function getDefaultValue$1(props, propKey, defaultStateValues) {
3110
3110
  if (defaultStateValues === void 0) {
@@ -3712,7 +3712,7 @@
3712
3712
 
3713
3713
  var _excluded$2 = ["onMouseLeave", "refKey", "ref"],
3714
3714
  _excluded2$2 = ["onBlur", "onClick", "onPress", "onKeyDown", "refKey", "ref"],
3715
- _excluded3$1 = ["item", "index", "onMouseMove", "onClick", "onPress", "refKey", "disabled", "ref"];
3715
+ _excluded3$1 = ["item", "index", "onMouseMove", "onClick", "onMouseDown", "onPress", "refKey", "disabled", "ref"];
3716
3716
  useSelect.stateChangeTypes = stateChangeTypes$2;
3717
3717
  function useSelect(userProps) {
3718
3718
  if (userProps === void 0) {
@@ -4054,7 +4054,8 @@
4054
4054
  itemProp = _ref5.item,
4055
4055
  indexProp = _ref5.index,
4056
4056
  onMouseMove = _ref5.onMouseMove,
4057
- onClick = _ref5.onClick;
4057
+ onClick = _ref5.onClick,
4058
+ onMouseDown = _ref5.onMouseDown;
4058
4059
  _ref5.onPress;
4059
4060
  var _ref5$refKey = _ref5.refKey,
4060
4061
  refKey = _ref5$refKey === void 0 ? 'ref' : _ref5$refKey,
@@ -4088,6 +4089,10 @@
4088
4089
  index: index
4089
4090
  });
4090
4091
  };
4092
+ var itemHandleMouseDown = function itemHandleMouseDown(e) {
4093
+ return e.preventDefault();
4094
+ }; // keep focus on the toggle after item click select.
4095
+
4091
4096
  var itemProps = _extends((_extends4 = {}, _extends4[refKey] = handleRefs(ref, function (itemNode) {
4092
4097
  if (itemNode) {
4093
4098
  itemRefs.current[elementIds.getItemId(index)] = itemNode;
@@ -4100,6 +4105,7 @@
4100
4105
  }
4101
4106
  }
4102
4107
  itemProps.onMouseMove = callAllEventHandlers(onMouseMove, itemHandleMouseMove);
4108
+ itemProps.onMouseDown = callAllEventHandlers(onMouseDown, itemHandleMouseDown);
4103
4109
  return itemProps;
4104
4110
  }, [latest, elementIds, shouldScrollRef, dispatch]);
4105
4111
  return {
@@ -4638,7 +4644,8 @@
4638
4644
  };
4639
4645
  var itemHandleMouseDown = function itemHandleMouseDown(e) {
4640
4646
  return e.preventDefault();
4641
- };
4647
+ }; // keep focus on the input after item click select.
4648
+
4642
4649
  return _extends((_extends3 = {}, _extends3[refKey] = handleRefs(ref, function (itemNode) {
4643
4650
  if (itemNode) {
4644
4651
  itemRefs.current[elementIds.getItemId(index)] = itemNode;