downshift 7.2.2 → 7.3.1
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/dist/downshift.cjs.js +18 -10
- package/dist/downshift.esm.js +18 -10
- package/dist/downshift.native.cjs.js +19 -27
- package/dist/downshift.umd.js +18 -10
- package/dist/downshift.umd.js.map +1 -1
- package/dist/downshift.umd.min.js +1 -1
- package/dist/downshift.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/preact/dist/downshift.cjs.js +18 -10
- package/preact/dist/downshift.esm.js +18 -10
- package/preact/dist/downshift.umd.js +18 -10
- package/preact/dist/downshift.umd.js.map +1 -1
- package/preact/dist/downshift.umd.min.js +1 -1
- package/preact/dist/downshift.umd.min.js.map +1 -1
package/dist/downshift.cjs.js
CHANGED
|
@@ -2245,8 +2245,8 @@ function downshiftSelectReducer(state, action) {
|
|
|
2245
2245
|
/* eslint-enable complexity */
|
|
2246
2246
|
|
|
2247
2247
|
var _excluded$2 = ["onMouseLeave", "refKey", "onKeyDown", "onBlur", "ref"],
|
|
2248
|
-
_excluded2$2 = ["onBlur", "onClick", "onKeyDown", "refKey", "ref"],
|
|
2249
|
-
_excluded3$1 = ["item", "index", "onMouseMove", "onClick", "refKey", "ref", "disabled"];
|
|
2248
|
+
_excluded2$2 = ["onBlur", "onClick", "onPress", "onKeyDown", "refKey", "ref"],
|
|
2249
|
+
_excluded3$1 = ["item", "index", "onMouseMove", "onClick", "onPress", "refKey", "ref", "disabled"];
|
|
2250
2250
|
useSelect.stateChangeTypes = stateChangeTypes$2;
|
|
2251
2251
|
function useSelect(userProps) {
|
|
2252
2252
|
if (userProps === void 0) {
|
|
@@ -2536,8 +2536,9 @@ function useSelect(userProps) {
|
|
|
2536
2536
|
var _extends3;
|
|
2537
2537
|
var _ref3 = _temp3 === void 0 ? {} : _temp3,
|
|
2538
2538
|
onBlur = _ref3.onBlur,
|
|
2539
|
-
onClick = _ref3.onClick
|
|
2540
|
-
|
|
2539
|
+
onClick = _ref3.onClick;
|
|
2540
|
+
_ref3.onPress;
|
|
2541
|
+
var onKeyDown = _ref3.onKeyDown,
|
|
2541
2542
|
_ref3$refKey = _ref3.refKey,
|
|
2542
2543
|
refKey = _ref3$refKey === void 0 ? 'ref' : _ref3$refKey,
|
|
2543
2544
|
ref = _ref3.ref,
|
|
@@ -2574,8 +2575,11 @@ function useSelect(userProps) {
|
|
|
2574
2575
|
toggleButtonRef.current = toggleButtonNode;
|
|
2575
2576
|
}), _extends3['aria-activedescendant'] = latestState.isOpen && latestState.highlightedIndex > -1 ? elementIds.getItemId(latestState.highlightedIndex) : '', _extends3['aria-controls'] = elementIds.menuId, _extends3['aria-expanded'] = latest.current.state.isOpen, _extends3['aria-haspopup'] = 'listbox', _extends3['aria-labelledby'] = "" + elementIds.labelId, _extends3.id = elementIds.toggleButtonId, _extends3.role = 'combobox', _extends3.tabIndex = 0, _extends3.onBlur = callAllEventHandlers(onBlur, toggleButtonHandleBlur), _extends3), rest);
|
|
2576
2577
|
if (!rest.disabled) {
|
|
2577
|
-
|
|
2578
|
-
|
|
2578
|
+
/* istanbul ignore if (react-native) */
|
|
2579
|
+
{
|
|
2580
|
+
toggleProps.onClick = callAllEventHandlers(onClick, toggleButtonHandleClick);
|
|
2581
|
+
toggleProps.onKeyDown = callAllEventHandlers(onKeyDown, toggleButtonHandleKeyDown);
|
|
2582
|
+
}
|
|
2579
2583
|
}
|
|
2580
2584
|
setGetterPropCallInfo('getToggleButtonProps', suppressRefError, refKey, toggleButtonRef);
|
|
2581
2585
|
return toggleProps;
|
|
@@ -2586,8 +2590,9 @@ function useSelect(userProps) {
|
|
|
2586
2590
|
itemProp = _ref5.item,
|
|
2587
2591
|
indexProp = _ref5.index,
|
|
2588
2592
|
onMouseMove = _ref5.onMouseMove,
|
|
2589
|
-
onClick = _ref5.onClick
|
|
2590
|
-
_ref5
|
|
2593
|
+
onClick = _ref5.onClick;
|
|
2594
|
+
_ref5.onPress;
|
|
2595
|
+
var _ref5$refKey = _ref5.refKey,
|
|
2591
2596
|
refKey = _ref5$refKey === void 0 ? 'ref' : _ref5$refKey,
|
|
2592
2597
|
ref = _ref5.ref,
|
|
2593
2598
|
disabled = _ref5.disabled,
|
|
@@ -2629,7 +2634,10 @@ function useSelect(userProps) {
|
|
|
2629
2634
|
}
|
|
2630
2635
|
}), _extends4), rest);
|
|
2631
2636
|
if (!disabled) {
|
|
2632
|
-
|
|
2637
|
+
/* istanbul ignore next (react-native) */
|
|
2638
|
+
{
|
|
2639
|
+
itemProps.onClick = callAllEventHandlers(onClick, itemHandleClick);
|
|
2640
|
+
}
|
|
2633
2641
|
}
|
|
2634
2642
|
itemProps.onMouseMove = callAllEventHandlers(onMouseMove, itemHandleMouseMove);
|
|
2635
2643
|
return itemProps;
|
|
@@ -3655,7 +3663,7 @@ function useMultipleSelection(userProps) {
|
|
|
3655
3663
|
// Effects.
|
|
3656
3664
|
/* Sets a11y status message on changes in selectedItem. */
|
|
3657
3665
|
react.useEffect(function () {
|
|
3658
|
-
if (isInitialMountRef.current) {
|
|
3666
|
+
if (isInitialMountRef.current || false) {
|
|
3659
3667
|
return;
|
|
3660
3668
|
}
|
|
3661
3669
|
if (selectedItems.length < previousSelectedItemsRef.current.length) {
|
package/dist/downshift.esm.js
CHANGED
|
@@ -2232,8 +2232,8 @@ function downshiftSelectReducer(state, action) {
|
|
|
2232
2232
|
/* eslint-enable complexity */
|
|
2233
2233
|
|
|
2234
2234
|
var _excluded$2 = ["onMouseLeave", "refKey", "onKeyDown", "onBlur", "ref"],
|
|
2235
|
-
_excluded2$2 = ["onBlur", "onClick", "onKeyDown", "refKey", "ref"],
|
|
2236
|
-
_excluded3$1 = ["item", "index", "onMouseMove", "onClick", "refKey", "ref", "disabled"];
|
|
2235
|
+
_excluded2$2 = ["onBlur", "onClick", "onPress", "onKeyDown", "refKey", "ref"],
|
|
2236
|
+
_excluded3$1 = ["item", "index", "onMouseMove", "onClick", "onPress", "refKey", "ref", "disabled"];
|
|
2237
2237
|
useSelect.stateChangeTypes = stateChangeTypes$2;
|
|
2238
2238
|
function useSelect(userProps) {
|
|
2239
2239
|
if (userProps === void 0) {
|
|
@@ -2523,8 +2523,9 @@ function useSelect(userProps) {
|
|
|
2523
2523
|
var _extends3;
|
|
2524
2524
|
var _ref3 = _temp3 === void 0 ? {} : _temp3,
|
|
2525
2525
|
onBlur = _ref3.onBlur,
|
|
2526
|
-
onClick = _ref3.onClick
|
|
2527
|
-
|
|
2526
|
+
onClick = _ref3.onClick;
|
|
2527
|
+
_ref3.onPress;
|
|
2528
|
+
var onKeyDown = _ref3.onKeyDown,
|
|
2528
2529
|
_ref3$refKey = _ref3.refKey,
|
|
2529
2530
|
refKey = _ref3$refKey === void 0 ? 'ref' : _ref3$refKey,
|
|
2530
2531
|
ref = _ref3.ref,
|
|
@@ -2561,8 +2562,11 @@ function useSelect(userProps) {
|
|
|
2561
2562
|
toggleButtonRef.current = toggleButtonNode;
|
|
2562
2563
|
}), _extends3['aria-activedescendant'] = latestState.isOpen && latestState.highlightedIndex > -1 ? elementIds.getItemId(latestState.highlightedIndex) : '', _extends3['aria-controls'] = elementIds.menuId, _extends3['aria-expanded'] = latest.current.state.isOpen, _extends3['aria-haspopup'] = 'listbox', _extends3['aria-labelledby'] = "" + elementIds.labelId, _extends3.id = elementIds.toggleButtonId, _extends3.role = 'combobox', _extends3.tabIndex = 0, _extends3.onBlur = callAllEventHandlers(onBlur, toggleButtonHandleBlur), _extends3), rest);
|
|
2563
2564
|
if (!rest.disabled) {
|
|
2564
|
-
|
|
2565
|
-
|
|
2565
|
+
/* istanbul ignore if (react-native) */
|
|
2566
|
+
{
|
|
2567
|
+
toggleProps.onClick = callAllEventHandlers(onClick, toggleButtonHandleClick);
|
|
2568
|
+
toggleProps.onKeyDown = callAllEventHandlers(onKeyDown, toggleButtonHandleKeyDown);
|
|
2569
|
+
}
|
|
2566
2570
|
}
|
|
2567
2571
|
setGetterPropCallInfo('getToggleButtonProps', suppressRefError, refKey, toggleButtonRef);
|
|
2568
2572
|
return toggleProps;
|
|
@@ -2573,8 +2577,9 @@ function useSelect(userProps) {
|
|
|
2573
2577
|
itemProp = _ref5.item,
|
|
2574
2578
|
indexProp = _ref5.index,
|
|
2575
2579
|
onMouseMove = _ref5.onMouseMove,
|
|
2576
|
-
onClick = _ref5.onClick
|
|
2577
|
-
_ref5
|
|
2580
|
+
onClick = _ref5.onClick;
|
|
2581
|
+
_ref5.onPress;
|
|
2582
|
+
var _ref5$refKey = _ref5.refKey,
|
|
2578
2583
|
refKey = _ref5$refKey === void 0 ? 'ref' : _ref5$refKey,
|
|
2579
2584
|
ref = _ref5.ref,
|
|
2580
2585
|
disabled = _ref5.disabled,
|
|
@@ -2616,7 +2621,10 @@ function useSelect(userProps) {
|
|
|
2616
2621
|
}
|
|
2617
2622
|
}), _extends4), rest);
|
|
2618
2623
|
if (!disabled) {
|
|
2619
|
-
|
|
2624
|
+
/* istanbul ignore next (react-native) */
|
|
2625
|
+
{
|
|
2626
|
+
itemProps.onClick = callAllEventHandlers(onClick, itemHandleClick);
|
|
2627
|
+
}
|
|
2620
2628
|
}
|
|
2621
2629
|
itemProps.onMouseMove = callAllEventHandlers(onMouseMove, itemHandleMouseMove);
|
|
2622
2630
|
return itemProps;
|
|
@@ -3642,7 +3650,7 @@ function useMultipleSelection(userProps) {
|
|
|
3642
3650
|
// Effects.
|
|
3643
3651
|
/* Sets a11y status message on changes in selectedItem. */
|
|
3644
3652
|
useEffect(function () {
|
|
3645
|
-
if (isInitialMountRef.current) {
|
|
3653
|
+
if (isInitialMountRef.current || false) {
|
|
3646
3654
|
return;
|
|
3647
3655
|
}
|
|
3648
3656
|
if (selectedItems.length < previousSelectedItemsRef.current.length) {
|
|
@@ -1553,9 +1553,6 @@ function getItemIndex(index, item, items) {
|
|
|
1553
1553
|
function itemToString(item) {
|
|
1554
1554
|
return item ? String(item) : '';
|
|
1555
1555
|
}
|
|
1556
|
-
function isAcceptedCharacterKey(key) {
|
|
1557
|
-
return /^\S{1}$/.test(key);
|
|
1558
|
-
}
|
|
1559
1556
|
function capitalizeString(string) {
|
|
1560
1557
|
return "" + string.slice(0, 1).toUpperCase() + string.slice(1);
|
|
1561
1558
|
}
|
|
@@ -2183,8 +2180,8 @@ function downshiftSelectReducer(state, action) {
|
|
|
2183
2180
|
/* eslint-enable complexity */
|
|
2184
2181
|
|
|
2185
2182
|
var _excluded$2 = ["onMouseLeave", "refKey", "onKeyDown", "onBlur", "ref"],
|
|
2186
|
-
_excluded2$2 = ["onBlur", "onClick", "onKeyDown", "refKey", "ref"],
|
|
2187
|
-
_excluded3$1 = ["item", "index", "onMouseMove", "onClick", "refKey", "ref", "disabled"];
|
|
2183
|
+
_excluded2$2 = ["onBlur", "onClick", "onPress", "onKeyDown", "refKey", "ref"],
|
|
2184
|
+
_excluded3$1 = ["item", "index", "onMouseMove", "onClick", "onPress", "refKey", "ref", "disabled"];
|
|
2188
2185
|
useSelect.stateChangeTypes = stateChangeTypes$2;
|
|
2189
2186
|
function useSelect(userProps) {
|
|
2190
2187
|
if (userProps === void 0) {
|
|
@@ -2473,10 +2470,11 @@ function useSelect(userProps) {
|
|
|
2473
2470
|
var getToggleButtonProps = react.useCallback(function (_temp3, _temp4) {
|
|
2474
2471
|
var _extends3;
|
|
2475
2472
|
var _ref3 = _temp3 === void 0 ? {} : _temp3,
|
|
2476
|
-
onBlur = _ref3.onBlur
|
|
2477
|
-
|
|
2478
|
-
|
|
2479
|
-
_ref3
|
|
2473
|
+
onBlur = _ref3.onBlur;
|
|
2474
|
+
_ref3.onClick;
|
|
2475
|
+
var onPress = _ref3.onPress;
|
|
2476
|
+
_ref3.onKeyDown;
|
|
2477
|
+
var _ref3$refKey = _ref3.refKey,
|
|
2480
2478
|
refKey = _ref3$refKey === void 0 ? 'ref' : _ref3$refKey,
|
|
2481
2479
|
ref = _ref3.ref,
|
|
2482
2480
|
rest = _objectWithoutPropertiesLoose__default["default"](_ref3, _excluded2$2);
|
|
@@ -2496,24 +2494,14 @@ function useSelect(userProps) {
|
|
|
2496
2494
|
});
|
|
2497
2495
|
}
|
|
2498
2496
|
};
|
|
2499
|
-
var toggleButtonHandleKeyDown = function toggleButtonHandleKeyDown(event) {
|
|
2500
|
-
var key = normalizeArrowKey(event);
|
|
2501
|
-
if (key && toggleButtonKeyDownHandlers[key]) {
|
|
2502
|
-
toggleButtonKeyDownHandlers[key](event);
|
|
2503
|
-
} else if (isAcceptedCharacterKey(key)) {
|
|
2504
|
-
dispatch({
|
|
2505
|
-
type: ToggleButtonKeyDownCharacter,
|
|
2506
|
-
key: key,
|
|
2507
|
-
getItemNodeFromIndex: getItemNodeFromIndex
|
|
2508
|
-
});
|
|
2509
|
-
}
|
|
2510
|
-
};
|
|
2511
2497
|
var toggleProps = _extends__default["default"]((_extends3 = {}, _extends3[refKey] = handleRefs(ref, function (toggleButtonNode) {
|
|
2512
2498
|
toggleButtonRef.current = toggleButtonNode;
|
|
2513
2499
|
}), _extends3['aria-activedescendant'] = latestState.isOpen && latestState.highlightedIndex > -1 ? elementIds.getItemId(latestState.highlightedIndex) : '', _extends3['aria-controls'] = elementIds.menuId, _extends3['aria-expanded'] = latest.current.state.isOpen, _extends3['aria-haspopup'] = 'listbox', _extends3['aria-labelledby'] = "" + elementIds.labelId, _extends3.id = elementIds.toggleButtonId, _extends3.role = 'combobox', _extends3.tabIndex = 0, _extends3.onBlur = callAllEventHandlers(onBlur, toggleButtonHandleBlur), _extends3), rest);
|
|
2514
2500
|
if (!rest.disabled) {
|
|
2515
|
-
|
|
2516
|
-
|
|
2501
|
+
/* istanbul ignore if (react-native) */
|
|
2502
|
+
{
|
|
2503
|
+
toggleProps.onPress = callAllEventHandlers(onPress, toggleButtonHandleClick);
|
|
2504
|
+
}
|
|
2517
2505
|
}
|
|
2518
2506
|
setGetterPropCallInfo('getToggleButtonProps', suppressRefError, refKey, toggleButtonRef);
|
|
2519
2507
|
return toggleProps;
|
|
@@ -2523,8 +2511,9 @@ function useSelect(userProps) {
|
|
|
2523
2511
|
var _ref5 = _temp5 === void 0 ? {} : _temp5,
|
|
2524
2512
|
itemProp = _ref5.item,
|
|
2525
2513
|
indexProp = _ref5.index,
|
|
2526
|
-
onMouseMove = _ref5.onMouseMove
|
|
2527
|
-
|
|
2514
|
+
onMouseMove = _ref5.onMouseMove;
|
|
2515
|
+
_ref5.onClick;
|
|
2516
|
+
var onPress = _ref5.onPress,
|
|
2528
2517
|
_ref5$refKey = _ref5.refKey,
|
|
2529
2518
|
refKey = _ref5$refKey === void 0 ? 'ref' : _ref5$refKey,
|
|
2530
2519
|
ref = _ref5.ref,
|
|
@@ -2567,7 +2556,10 @@ function useSelect(userProps) {
|
|
|
2567
2556
|
}
|
|
2568
2557
|
}), _extends4), rest);
|
|
2569
2558
|
if (!disabled) {
|
|
2570
|
-
|
|
2559
|
+
/* istanbul ignore next (react-native) */
|
|
2560
|
+
{
|
|
2561
|
+
itemProps.onPress = callAllEventHandlers(onPress, itemHandleClick);
|
|
2562
|
+
}
|
|
2571
2563
|
}
|
|
2572
2564
|
itemProps.onMouseMove = callAllEventHandlers(onMouseMove, itemHandleMouseMove);
|
|
2573
2565
|
return itemProps;
|
|
@@ -3605,7 +3597,7 @@ function useMultipleSelection(userProps) {
|
|
|
3605
3597
|
// Effects.
|
|
3606
3598
|
/* Sets a11y status message on changes in selectedItem. */
|
|
3607
3599
|
react.useEffect(function () {
|
|
3608
|
-
if (isInitialMountRef.current) {
|
|
3600
|
+
if (isInitialMountRef.current || true) {
|
|
3609
3601
|
return;
|
|
3610
3602
|
}
|
|
3611
3603
|
if (selectedItems.length < previousSelectedItemsRef.current.length) {
|
package/dist/downshift.umd.js
CHANGED
|
@@ -3557,8 +3557,8 @@
|
|
|
3557
3557
|
/* eslint-enable complexity */
|
|
3558
3558
|
|
|
3559
3559
|
var _excluded$2 = ["onMouseLeave", "refKey", "onKeyDown", "onBlur", "ref"],
|
|
3560
|
-
_excluded2$2 = ["onBlur", "onClick", "onKeyDown", "refKey", "ref"],
|
|
3561
|
-
_excluded3$1 = ["item", "index", "onMouseMove", "onClick", "refKey", "ref", "disabled"];
|
|
3560
|
+
_excluded2$2 = ["onBlur", "onClick", "onPress", "onKeyDown", "refKey", "ref"],
|
|
3561
|
+
_excluded3$1 = ["item", "index", "onMouseMove", "onClick", "onPress", "refKey", "ref", "disabled"];
|
|
3562
3562
|
useSelect.stateChangeTypes = stateChangeTypes$2;
|
|
3563
3563
|
function useSelect(userProps) {
|
|
3564
3564
|
if (userProps === void 0) {
|
|
@@ -3848,8 +3848,9 @@
|
|
|
3848
3848
|
var _extends3;
|
|
3849
3849
|
var _ref3 = _temp3 === void 0 ? {} : _temp3,
|
|
3850
3850
|
onBlur = _ref3.onBlur,
|
|
3851
|
-
onClick = _ref3.onClick
|
|
3852
|
-
|
|
3851
|
+
onClick = _ref3.onClick;
|
|
3852
|
+
_ref3.onPress;
|
|
3853
|
+
var onKeyDown = _ref3.onKeyDown,
|
|
3853
3854
|
_ref3$refKey = _ref3.refKey,
|
|
3854
3855
|
refKey = _ref3$refKey === void 0 ? 'ref' : _ref3$refKey,
|
|
3855
3856
|
ref = _ref3.ref,
|
|
@@ -3886,8 +3887,11 @@
|
|
|
3886
3887
|
toggleButtonRef.current = toggleButtonNode;
|
|
3887
3888
|
}), _extends3['aria-activedescendant'] = latestState.isOpen && latestState.highlightedIndex > -1 ? elementIds.getItemId(latestState.highlightedIndex) : '', _extends3['aria-controls'] = elementIds.menuId, _extends3['aria-expanded'] = latest.current.state.isOpen, _extends3['aria-haspopup'] = 'listbox', _extends3['aria-labelledby'] = "" + elementIds.labelId, _extends3.id = elementIds.toggleButtonId, _extends3.role = 'combobox', _extends3.tabIndex = 0, _extends3.onBlur = callAllEventHandlers(onBlur, toggleButtonHandleBlur), _extends3), rest);
|
|
3888
3889
|
if (!rest.disabled) {
|
|
3889
|
-
|
|
3890
|
-
|
|
3890
|
+
/* istanbul ignore if (react-native) */
|
|
3891
|
+
{
|
|
3892
|
+
toggleProps.onClick = callAllEventHandlers(onClick, toggleButtonHandleClick);
|
|
3893
|
+
toggleProps.onKeyDown = callAllEventHandlers(onKeyDown, toggleButtonHandleKeyDown);
|
|
3894
|
+
}
|
|
3891
3895
|
}
|
|
3892
3896
|
setGetterPropCallInfo('getToggleButtonProps', suppressRefError, refKey, toggleButtonRef);
|
|
3893
3897
|
return toggleProps;
|
|
@@ -3898,8 +3902,9 @@
|
|
|
3898
3902
|
itemProp = _ref5.item,
|
|
3899
3903
|
indexProp = _ref5.index,
|
|
3900
3904
|
onMouseMove = _ref5.onMouseMove,
|
|
3901
|
-
onClick = _ref5.onClick
|
|
3902
|
-
_ref5
|
|
3905
|
+
onClick = _ref5.onClick;
|
|
3906
|
+
_ref5.onPress;
|
|
3907
|
+
var _ref5$refKey = _ref5.refKey,
|
|
3903
3908
|
refKey = _ref5$refKey === void 0 ? 'ref' : _ref5$refKey,
|
|
3904
3909
|
ref = _ref5.ref,
|
|
3905
3910
|
disabled = _ref5.disabled,
|
|
@@ -3941,7 +3946,10 @@
|
|
|
3941
3946
|
}
|
|
3942
3947
|
}), _extends4), rest);
|
|
3943
3948
|
if (!disabled) {
|
|
3944
|
-
|
|
3949
|
+
/* istanbul ignore next (react-native) */
|
|
3950
|
+
{
|
|
3951
|
+
itemProps.onClick = callAllEventHandlers(onClick, itemHandleClick);
|
|
3952
|
+
}
|
|
3945
3953
|
}
|
|
3946
3954
|
itemProps.onMouseMove = callAllEventHandlers(onMouseMove, itemHandleMouseMove);
|
|
3947
3955
|
return itemProps;
|
|
@@ -4967,7 +4975,7 @@
|
|
|
4967
4975
|
// Effects.
|
|
4968
4976
|
/* Sets a11y status message on changes in selectedItem. */
|
|
4969
4977
|
react.useEffect(function () {
|
|
4970
|
-
if (isInitialMountRef.current) {
|
|
4978
|
+
if (isInitialMountRef.current || false) {
|
|
4971
4979
|
return;
|
|
4972
4980
|
}
|
|
4973
4981
|
if (selectedItems.length < previousSelectedItemsRef.current.length) {
|