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 +1 -0
- package/dist/downshift.cjs.js +12 -5
- package/dist/downshift.esm.js +12 -5
- package/dist/downshift.native.cjs.js +12 -5
- package/dist/downshift.nativeweb.cjs.js +12 -5
- package/dist/downshift.umd.js +12 -5
- 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 +12 -5
- package/preact/dist/downshift.esm.js +12 -5
- package/preact/dist/downshift.umd.js +12 -5
- 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/typings/index.d.ts +5 -2
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "downshift",
|
|
3
|
-
"version": "8.2.
|
|
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;
|