downshift 8.2.4 → 8.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 +50 -41
- package/dist/downshift.esm.js +50 -41
- package/dist/downshift.native.cjs.js +50 -41
- package/dist/downshift.nativeweb.cjs.js +50 -41
- package/dist/downshift.umd.js +50 -41
- 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 +50 -41
- package/preact/dist/downshift.esm.js +50 -41
- package/preact/dist/downshift.umd.js +50 -41
- 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 +3 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "downshift",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.3.1",
|
|
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",
|
|
@@ -499,7 +499,7 @@ var stateChangeTypes$3 = /*#__PURE__*/Object.freeze({
|
|
|
499
499
|
var _excluded$4 = ["refKey", "ref"],
|
|
500
500
|
_excluded2$3 = ["onClick", "onPress", "onKeyDown", "onKeyUp", "onBlur"],
|
|
501
501
|
_excluded3$2 = ["onKeyDown", "onBlur", "onChange", "onInput", "onChangeText"],
|
|
502
|
-
_excluded4$
|
|
502
|
+
_excluded4$2 = ["refKey", "ref"],
|
|
503
503
|
_excluded5 = ["onMouseMove", "onMouseDown", "onClick", "onPress", "index", "item"];
|
|
504
504
|
var Downshift = /*#__PURE__*/function () {
|
|
505
505
|
var Downshift = /*#__PURE__*/function (_Component) {
|
|
@@ -1004,7 +1004,7 @@ var Downshift = /*#__PURE__*/function () {
|
|
|
1004
1004
|
_ref5$refKey = _ref5.refKey,
|
|
1005
1005
|
refKey = _ref5$refKey === void 0 ? 'ref' : _ref5$refKey,
|
|
1006
1006
|
ref = _ref5.ref,
|
|
1007
|
-
props = _objectWithoutPropertiesLoose__default["default"](_ref5, _excluded4$
|
|
1007
|
+
props = _objectWithoutPropertiesLoose__default["default"](_ref5, _excluded4$2);
|
|
1008
1008
|
var _ref6 = _temp6 === void 0 ? {} : _temp6,
|
|
1009
1009
|
_ref6$suppressRefErro = _ref6.suppressRefError,
|
|
1010
1010
|
suppressRefError = _ref6$suppressRefErro === void 0 ? false : _ref6$suppressRefErro;
|
|
@@ -2302,9 +2302,10 @@ function downshiftSelectReducer(state, action) {
|
|
|
2302
2302
|
}
|
|
2303
2303
|
/* eslint-enable complexity */
|
|
2304
2304
|
|
|
2305
|
-
var _excluded$2 = ["
|
|
2306
|
-
_excluded2$2 = ["
|
|
2307
|
-
_excluded3$1 = ["
|
|
2305
|
+
var _excluded$2 = ["onClick"],
|
|
2306
|
+
_excluded2$2 = ["onMouseLeave", "refKey", "ref"],
|
|
2307
|
+
_excluded3$1 = ["onBlur", "onClick", "onPress", "onKeyDown", "refKey", "ref"],
|
|
2308
|
+
_excluded4$1 = ["item", "index", "onMouseMove", "onClick", "onMouseDown", "onPress", "refKey", "disabled", "ref"];
|
|
2308
2309
|
useSelect.stateChangeTypes = stateChangeTypes$2;
|
|
2309
2310
|
function useSelect(userProps) {
|
|
2310
2311
|
if (userProps === void 0) {
|
|
@@ -2560,23 +2561,31 @@ function useSelect(userProps) {
|
|
|
2560
2561
|
});
|
|
2561
2562
|
}, [dispatch]);
|
|
2562
2563
|
// Getter functions.
|
|
2563
|
-
var getLabelProps = React.useCallback(function (
|
|
2564
|
+
var getLabelProps = React.useCallback(function (_temp) {
|
|
2565
|
+
var _ref = _temp === void 0 ? {} : _temp,
|
|
2566
|
+
onClick = _ref.onClick,
|
|
2567
|
+
labelProps = _objectWithoutPropertiesLoose__default["default"](_ref, _excluded$2);
|
|
2568
|
+
var labelHandleClick = function labelHandleClick() {
|
|
2569
|
+
var _toggleButtonRef$curr;
|
|
2570
|
+
(_toggleButtonRef$curr = toggleButtonRef.current) == null || _toggleButtonRef$curr.focus();
|
|
2571
|
+
};
|
|
2564
2572
|
return _extends__default["default"]({
|
|
2565
2573
|
id: elementIds.labelId,
|
|
2566
|
-
htmlFor: elementIds.toggleButtonId
|
|
2574
|
+
htmlFor: elementIds.toggleButtonId,
|
|
2575
|
+
onClick: callAllEventHandlers(onClick, labelHandleClick)
|
|
2567
2576
|
}, labelProps);
|
|
2568
2577
|
}, [elementIds]);
|
|
2569
|
-
var getMenuProps = React.useCallback(function (
|
|
2578
|
+
var getMenuProps = React.useCallback(function (_temp2, _temp3) {
|
|
2570
2579
|
var _extends2;
|
|
2571
|
-
var _ref = _temp === void 0 ? {} : _temp,
|
|
2572
|
-
onMouseLeave = _ref.onMouseLeave,
|
|
2573
|
-
_ref$refKey = _ref.refKey,
|
|
2574
|
-
refKey = _ref$refKey === void 0 ? 'ref' : _ref$refKey,
|
|
2575
|
-
ref = _ref.ref,
|
|
2576
|
-
rest = _objectWithoutPropertiesLoose__default["default"](_ref, _excluded$2);
|
|
2577
2580
|
var _ref2 = _temp2 === void 0 ? {} : _temp2,
|
|
2578
|
-
|
|
2579
|
-
|
|
2581
|
+
onMouseLeave = _ref2.onMouseLeave,
|
|
2582
|
+
_ref2$refKey = _ref2.refKey,
|
|
2583
|
+
refKey = _ref2$refKey === void 0 ? 'ref' : _ref2$refKey,
|
|
2584
|
+
ref = _ref2.ref,
|
|
2585
|
+
rest = _objectWithoutPropertiesLoose__default["default"](_ref2, _excluded2$2);
|
|
2586
|
+
var _ref3 = _temp3 === void 0 ? {} : _temp3,
|
|
2587
|
+
_ref3$suppressRefErro = _ref3.suppressRefError,
|
|
2588
|
+
suppressRefError = _ref3$suppressRefErro === void 0 ? false : _ref3$suppressRefErro;
|
|
2580
2589
|
var menuHandleMouseLeave = function menuHandleMouseLeave() {
|
|
2581
2590
|
dispatch({
|
|
2582
2591
|
type: MenuMouseLeave$1
|
|
@@ -2587,20 +2596,20 @@ function useSelect(userProps) {
|
|
|
2587
2596
|
menuRef.current = menuNode;
|
|
2588
2597
|
}), _extends2.id = elementIds.menuId, _extends2.role = 'listbox', _extends2['aria-labelledby'] = rest && rest['aria-label'] ? undefined : "" + elementIds.labelId, _extends2.onMouseLeave = callAllEventHandlers(onMouseLeave, menuHandleMouseLeave), _extends2), rest);
|
|
2589
2598
|
}, [dispatch, setGetterPropCallInfo, elementIds]);
|
|
2590
|
-
var getToggleButtonProps = React.useCallback(function (
|
|
2599
|
+
var getToggleButtonProps = React.useCallback(function (_temp4, _temp5) {
|
|
2591
2600
|
var _extends3;
|
|
2592
|
-
var _ref3 = _temp3 === void 0 ? {} : _temp3,
|
|
2593
|
-
onBlur = _ref3.onBlur,
|
|
2594
|
-
onClick = _ref3.onClick;
|
|
2595
|
-
_ref3.onPress;
|
|
2596
|
-
var onKeyDown = _ref3.onKeyDown,
|
|
2597
|
-
_ref3$refKey = _ref3.refKey,
|
|
2598
|
-
refKey = _ref3$refKey === void 0 ? 'ref' : _ref3$refKey,
|
|
2599
|
-
ref = _ref3.ref,
|
|
2600
|
-
rest = _objectWithoutPropertiesLoose__default["default"](_ref3, _excluded2$2);
|
|
2601
2601
|
var _ref4 = _temp4 === void 0 ? {} : _temp4,
|
|
2602
|
-
|
|
2603
|
-
|
|
2602
|
+
onBlur = _ref4.onBlur,
|
|
2603
|
+
onClick = _ref4.onClick;
|
|
2604
|
+
_ref4.onPress;
|
|
2605
|
+
var onKeyDown = _ref4.onKeyDown,
|
|
2606
|
+
_ref4$refKey = _ref4.refKey,
|
|
2607
|
+
refKey = _ref4$refKey === void 0 ? 'ref' : _ref4$refKey,
|
|
2608
|
+
ref = _ref4.ref,
|
|
2609
|
+
rest = _objectWithoutPropertiesLoose__default["default"](_ref4, _excluded3$1);
|
|
2610
|
+
var _ref5 = _temp5 === void 0 ? {} : _temp5,
|
|
2611
|
+
_ref5$suppressRefErro = _ref5.suppressRefError,
|
|
2612
|
+
suppressRefError = _ref5$suppressRefErro === void 0 ? false : _ref5$suppressRefErro;
|
|
2604
2613
|
var latestState = latest.current.state;
|
|
2605
2614
|
var toggleButtonHandleClick = function toggleButtonHandleClick() {
|
|
2606
2615
|
dispatch({
|
|
@@ -2638,20 +2647,20 @@ function useSelect(userProps) {
|
|
|
2638
2647
|
setGetterPropCallInfo('getToggleButtonProps', suppressRefError, refKey, toggleButtonRef);
|
|
2639
2648
|
return toggleProps;
|
|
2640
2649
|
}, [latest, elementIds, setGetterPropCallInfo, dispatch, mouseAndTouchTrackersRef, toggleButtonKeyDownHandlers]);
|
|
2641
|
-
var getItemProps = React.useCallback(function (
|
|
2650
|
+
var getItemProps = React.useCallback(function (_temp6) {
|
|
2642
2651
|
var _extends4;
|
|
2643
|
-
var
|
|
2644
|
-
itemProp =
|
|
2645
|
-
indexProp =
|
|
2646
|
-
onMouseMove =
|
|
2647
|
-
onClick =
|
|
2648
|
-
onMouseDown =
|
|
2649
|
-
|
|
2650
|
-
var
|
|
2651
|
-
refKey =
|
|
2652
|
-
disabledProp =
|
|
2653
|
-
ref =
|
|
2654
|
-
rest = _objectWithoutPropertiesLoose__default["default"](
|
|
2652
|
+
var _ref6 = _temp6 === void 0 ? {} : _temp6,
|
|
2653
|
+
itemProp = _ref6.item,
|
|
2654
|
+
indexProp = _ref6.index,
|
|
2655
|
+
onMouseMove = _ref6.onMouseMove,
|
|
2656
|
+
onClick = _ref6.onClick,
|
|
2657
|
+
onMouseDown = _ref6.onMouseDown;
|
|
2658
|
+
_ref6.onPress;
|
|
2659
|
+
var _ref6$refKey = _ref6.refKey,
|
|
2660
|
+
refKey = _ref6$refKey === void 0 ? 'ref' : _ref6$refKey,
|
|
2661
|
+
disabledProp = _ref6.disabled,
|
|
2662
|
+
ref = _ref6.ref,
|
|
2663
|
+
rest = _objectWithoutPropertiesLoose__default["default"](_ref6, _excluded4$1);
|
|
2655
2664
|
if (disabledProp !== undefined) {
|
|
2656
2665
|
console.warn('Passing "disabled" as an argument to getItemProps is not supported anymore. Please use the isItemDisabled prop from useSelect.');
|
|
2657
2666
|
}
|
|
@@ -486,7 +486,7 @@ var stateChangeTypes$3 = /*#__PURE__*/Object.freeze({
|
|
|
486
486
|
var _excluded$4 = ["refKey", "ref"],
|
|
487
487
|
_excluded2$3 = ["onClick", "onPress", "onKeyDown", "onKeyUp", "onBlur"],
|
|
488
488
|
_excluded3$2 = ["onKeyDown", "onBlur", "onChange", "onInput", "onChangeText"],
|
|
489
|
-
_excluded4$
|
|
489
|
+
_excluded4$2 = ["refKey", "ref"],
|
|
490
490
|
_excluded5 = ["onMouseMove", "onMouseDown", "onClick", "onPress", "index", "item"];
|
|
491
491
|
var Downshift = /*#__PURE__*/function () {
|
|
492
492
|
var Downshift = /*#__PURE__*/function (_Component) {
|
|
@@ -991,7 +991,7 @@ var Downshift = /*#__PURE__*/function () {
|
|
|
991
991
|
_ref5$refKey = _ref5.refKey,
|
|
992
992
|
refKey = _ref5$refKey === void 0 ? 'ref' : _ref5$refKey,
|
|
993
993
|
ref = _ref5.ref,
|
|
994
|
-
props = _objectWithoutPropertiesLoose(_ref5, _excluded4$
|
|
994
|
+
props = _objectWithoutPropertiesLoose(_ref5, _excluded4$2);
|
|
995
995
|
var _ref6 = _temp6 === void 0 ? {} : _temp6,
|
|
996
996
|
_ref6$suppressRefErro = _ref6.suppressRefError,
|
|
997
997
|
suppressRefError = _ref6$suppressRefErro === void 0 ? false : _ref6$suppressRefErro;
|
|
@@ -2289,9 +2289,10 @@ function downshiftSelectReducer(state, action) {
|
|
|
2289
2289
|
}
|
|
2290
2290
|
/* eslint-enable complexity */
|
|
2291
2291
|
|
|
2292
|
-
var _excluded$2 = ["
|
|
2293
|
-
_excluded2$2 = ["
|
|
2294
|
-
_excluded3$1 = ["
|
|
2292
|
+
var _excluded$2 = ["onClick"],
|
|
2293
|
+
_excluded2$2 = ["onMouseLeave", "refKey", "ref"],
|
|
2294
|
+
_excluded3$1 = ["onBlur", "onClick", "onPress", "onKeyDown", "refKey", "ref"],
|
|
2295
|
+
_excluded4$1 = ["item", "index", "onMouseMove", "onClick", "onMouseDown", "onPress", "refKey", "disabled", "ref"];
|
|
2295
2296
|
useSelect.stateChangeTypes = stateChangeTypes$2;
|
|
2296
2297
|
function useSelect(userProps) {
|
|
2297
2298
|
if (userProps === void 0) {
|
|
@@ -2547,23 +2548,31 @@ function useSelect(userProps) {
|
|
|
2547
2548
|
});
|
|
2548
2549
|
}, [dispatch]);
|
|
2549
2550
|
// Getter functions.
|
|
2550
|
-
var getLabelProps = useCallback(function (
|
|
2551
|
+
var getLabelProps = useCallback(function (_temp) {
|
|
2552
|
+
var _ref = _temp === void 0 ? {} : _temp,
|
|
2553
|
+
onClick = _ref.onClick,
|
|
2554
|
+
labelProps = _objectWithoutPropertiesLoose(_ref, _excluded$2);
|
|
2555
|
+
var labelHandleClick = function labelHandleClick() {
|
|
2556
|
+
var _toggleButtonRef$curr;
|
|
2557
|
+
(_toggleButtonRef$curr = toggleButtonRef.current) == null || _toggleButtonRef$curr.focus();
|
|
2558
|
+
};
|
|
2551
2559
|
return _extends({
|
|
2552
2560
|
id: elementIds.labelId,
|
|
2553
|
-
htmlFor: elementIds.toggleButtonId
|
|
2561
|
+
htmlFor: elementIds.toggleButtonId,
|
|
2562
|
+
onClick: callAllEventHandlers(onClick, labelHandleClick)
|
|
2554
2563
|
}, labelProps);
|
|
2555
2564
|
}, [elementIds]);
|
|
2556
|
-
var getMenuProps = useCallback(function (
|
|
2565
|
+
var getMenuProps = useCallback(function (_temp2, _temp3) {
|
|
2557
2566
|
var _extends2;
|
|
2558
|
-
var _ref = _temp === void 0 ? {} : _temp,
|
|
2559
|
-
onMouseLeave = _ref.onMouseLeave,
|
|
2560
|
-
_ref$refKey = _ref.refKey,
|
|
2561
|
-
refKey = _ref$refKey === void 0 ? 'ref' : _ref$refKey,
|
|
2562
|
-
ref = _ref.ref,
|
|
2563
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
|
|
2564
2567
|
var _ref2 = _temp2 === void 0 ? {} : _temp2,
|
|
2565
|
-
|
|
2566
|
-
|
|
2568
|
+
onMouseLeave = _ref2.onMouseLeave,
|
|
2569
|
+
_ref2$refKey = _ref2.refKey,
|
|
2570
|
+
refKey = _ref2$refKey === void 0 ? 'ref' : _ref2$refKey,
|
|
2571
|
+
ref = _ref2.ref,
|
|
2572
|
+
rest = _objectWithoutPropertiesLoose(_ref2, _excluded2$2);
|
|
2573
|
+
var _ref3 = _temp3 === void 0 ? {} : _temp3,
|
|
2574
|
+
_ref3$suppressRefErro = _ref3.suppressRefError,
|
|
2575
|
+
suppressRefError = _ref3$suppressRefErro === void 0 ? false : _ref3$suppressRefErro;
|
|
2567
2576
|
var menuHandleMouseLeave = function menuHandleMouseLeave() {
|
|
2568
2577
|
dispatch({
|
|
2569
2578
|
type: MenuMouseLeave$1
|
|
@@ -2574,20 +2583,20 @@ function useSelect(userProps) {
|
|
|
2574
2583
|
menuRef.current = menuNode;
|
|
2575
2584
|
}), _extends2.id = elementIds.menuId, _extends2.role = 'listbox', _extends2['aria-labelledby'] = rest && rest['aria-label'] ? undefined : "" + elementIds.labelId, _extends2.onMouseLeave = callAllEventHandlers(onMouseLeave, menuHandleMouseLeave), _extends2), rest);
|
|
2576
2585
|
}, [dispatch, setGetterPropCallInfo, elementIds]);
|
|
2577
|
-
var getToggleButtonProps = useCallback(function (
|
|
2586
|
+
var getToggleButtonProps = useCallback(function (_temp4, _temp5) {
|
|
2578
2587
|
var _extends3;
|
|
2579
|
-
var _ref3 = _temp3 === void 0 ? {} : _temp3,
|
|
2580
|
-
onBlur = _ref3.onBlur,
|
|
2581
|
-
onClick = _ref3.onClick;
|
|
2582
|
-
_ref3.onPress;
|
|
2583
|
-
var onKeyDown = _ref3.onKeyDown,
|
|
2584
|
-
_ref3$refKey = _ref3.refKey,
|
|
2585
|
-
refKey = _ref3$refKey === void 0 ? 'ref' : _ref3$refKey,
|
|
2586
|
-
ref = _ref3.ref,
|
|
2587
|
-
rest = _objectWithoutPropertiesLoose(_ref3, _excluded2$2);
|
|
2588
2588
|
var _ref4 = _temp4 === void 0 ? {} : _temp4,
|
|
2589
|
-
|
|
2590
|
-
|
|
2589
|
+
onBlur = _ref4.onBlur,
|
|
2590
|
+
onClick = _ref4.onClick;
|
|
2591
|
+
_ref4.onPress;
|
|
2592
|
+
var onKeyDown = _ref4.onKeyDown,
|
|
2593
|
+
_ref4$refKey = _ref4.refKey,
|
|
2594
|
+
refKey = _ref4$refKey === void 0 ? 'ref' : _ref4$refKey,
|
|
2595
|
+
ref = _ref4.ref,
|
|
2596
|
+
rest = _objectWithoutPropertiesLoose(_ref4, _excluded3$1);
|
|
2597
|
+
var _ref5 = _temp5 === void 0 ? {} : _temp5,
|
|
2598
|
+
_ref5$suppressRefErro = _ref5.suppressRefError,
|
|
2599
|
+
suppressRefError = _ref5$suppressRefErro === void 0 ? false : _ref5$suppressRefErro;
|
|
2591
2600
|
var latestState = latest.current.state;
|
|
2592
2601
|
var toggleButtonHandleClick = function toggleButtonHandleClick() {
|
|
2593
2602
|
dispatch({
|
|
@@ -2625,20 +2634,20 @@ function useSelect(userProps) {
|
|
|
2625
2634
|
setGetterPropCallInfo('getToggleButtonProps', suppressRefError, refKey, toggleButtonRef);
|
|
2626
2635
|
return toggleProps;
|
|
2627
2636
|
}, [latest, elementIds, setGetterPropCallInfo, dispatch, mouseAndTouchTrackersRef, toggleButtonKeyDownHandlers]);
|
|
2628
|
-
var getItemProps = useCallback(function (
|
|
2637
|
+
var getItemProps = useCallback(function (_temp6) {
|
|
2629
2638
|
var _extends4;
|
|
2630
|
-
var
|
|
2631
|
-
itemProp =
|
|
2632
|
-
indexProp =
|
|
2633
|
-
onMouseMove =
|
|
2634
|
-
onClick =
|
|
2635
|
-
onMouseDown =
|
|
2636
|
-
|
|
2637
|
-
var
|
|
2638
|
-
refKey =
|
|
2639
|
-
disabledProp =
|
|
2640
|
-
ref =
|
|
2641
|
-
rest = _objectWithoutPropertiesLoose(
|
|
2639
|
+
var _ref6 = _temp6 === void 0 ? {} : _temp6,
|
|
2640
|
+
itemProp = _ref6.item,
|
|
2641
|
+
indexProp = _ref6.index,
|
|
2642
|
+
onMouseMove = _ref6.onMouseMove,
|
|
2643
|
+
onClick = _ref6.onClick,
|
|
2644
|
+
onMouseDown = _ref6.onMouseDown;
|
|
2645
|
+
_ref6.onPress;
|
|
2646
|
+
var _ref6$refKey = _ref6.refKey,
|
|
2647
|
+
refKey = _ref6$refKey === void 0 ? 'ref' : _ref6$refKey,
|
|
2648
|
+
disabledProp = _ref6.disabled,
|
|
2649
|
+
ref = _ref6.ref,
|
|
2650
|
+
rest = _objectWithoutPropertiesLoose(_ref6, _excluded4$1);
|
|
2642
2651
|
if (disabledProp !== undefined) {
|
|
2643
2652
|
console.warn('Passing "disabled" as an argument to getItemProps is not supported anymore. Please use the isItemDisabled prop from useSelect.');
|
|
2644
2653
|
}
|
|
@@ -775,7 +775,7 @@
|
|
|
775
775
|
var _excluded$4 = ["refKey", "ref"],
|
|
776
776
|
_excluded2$3 = ["onClick", "onPress", "onKeyDown", "onKeyUp", "onBlur"],
|
|
777
777
|
_excluded3$2 = ["onKeyDown", "onBlur", "onChange", "onInput", "onChangeText"],
|
|
778
|
-
_excluded4$
|
|
778
|
+
_excluded4$2 = ["refKey", "ref"],
|
|
779
779
|
_excluded5 = ["onMouseMove", "onMouseDown", "onClick", "onPress", "index", "item"];
|
|
780
780
|
var Downshift = /*#__PURE__*/function () {
|
|
781
781
|
var Downshift = /*#__PURE__*/function (_Component) {
|
|
@@ -1276,7 +1276,7 @@
|
|
|
1276
1276
|
_ref5$refKey = _ref5.refKey,
|
|
1277
1277
|
refKey = _ref5$refKey === void 0 ? 'ref' : _ref5$refKey,
|
|
1278
1278
|
ref = _ref5.ref,
|
|
1279
|
-
props = _objectWithoutPropertiesLoose(_ref5, _excluded4$
|
|
1279
|
+
props = _objectWithoutPropertiesLoose(_ref5, _excluded4$2);
|
|
1280
1280
|
var _ref6 = _temp6 === void 0 ? {} : _temp6,
|
|
1281
1281
|
_ref6$suppressRefErro = _ref6.suppressRefError,
|
|
1282
1282
|
suppressRefError = _ref6$suppressRefErro === void 0 ? false : _ref6$suppressRefErro;
|
|
@@ -2602,9 +2602,10 @@
|
|
|
2602
2602
|
}
|
|
2603
2603
|
/* eslint-enable complexity */
|
|
2604
2604
|
|
|
2605
|
-
var _excluded$2 = ["
|
|
2606
|
-
_excluded2$2 = ["
|
|
2607
|
-
_excluded3$1 = ["
|
|
2605
|
+
var _excluded$2 = ["onClick"],
|
|
2606
|
+
_excluded2$2 = ["onMouseLeave", "refKey", "ref"],
|
|
2607
|
+
_excluded3$1 = ["onBlur", "onClick", "onPress", "onKeyDown", "refKey", "ref"],
|
|
2608
|
+
_excluded4$1 = ["item", "index", "onMouseMove", "onClick", "onMouseDown", "onPress", "refKey", "disabled", "ref"];
|
|
2608
2609
|
useSelect.stateChangeTypes = stateChangeTypes$2;
|
|
2609
2610
|
function useSelect(userProps) {
|
|
2610
2611
|
if (userProps === void 0) {
|
|
@@ -2860,23 +2861,31 @@
|
|
|
2860
2861
|
});
|
|
2861
2862
|
}, [dispatch]);
|
|
2862
2863
|
// Getter functions.
|
|
2863
|
-
var getLabelProps = React.useCallback(function (
|
|
2864
|
+
var getLabelProps = React.useCallback(function (_temp) {
|
|
2865
|
+
var _ref = _temp === void 0 ? {} : _temp,
|
|
2866
|
+
onClick = _ref.onClick,
|
|
2867
|
+
labelProps = _objectWithoutPropertiesLoose(_ref, _excluded$2);
|
|
2868
|
+
var labelHandleClick = function labelHandleClick() {
|
|
2869
|
+
var _toggleButtonRef$curr;
|
|
2870
|
+
(_toggleButtonRef$curr = toggleButtonRef.current) == null || _toggleButtonRef$curr.focus();
|
|
2871
|
+
};
|
|
2864
2872
|
return _extends({
|
|
2865
2873
|
id: elementIds.labelId,
|
|
2866
|
-
htmlFor: elementIds.toggleButtonId
|
|
2874
|
+
htmlFor: elementIds.toggleButtonId,
|
|
2875
|
+
onClick: callAllEventHandlers(onClick, labelHandleClick)
|
|
2867
2876
|
}, labelProps);
|
|
2868
2877
|
}, [elementIds]);
|
|
2869
|
-
var getMenuProps = React.useCallback(function (
|
|
2878
|
+
var getMenuProps = React.useCallback(function (_temp2, _temp3) {
|
|
2870
2879
|
var _extends2;
|
|
2871
|
-
var _ref = _temp === void 0 ? {} : _temp,
|
|
2872
|
-
onMouseLeave = _ref.onMouseLeave,
|
|
2873
|
-
_ref$refKey = _ref.refKey,
|
|
2874
|
-
refKey = _ref$refKey === void 0 ? 'ref' : _ref$refKey,
|
|
2875
|
-
ref = _ref.ref,
|
|
2876
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
|
|
2877
2880
|
var _ref2 = _temp2 === void 0 ? {} : _temp2,
|
|
2878
|
-
|
|
2879
|
-
|
|
2881
|
+
onMouseLeave = _ref2.onMouseLeave,
|
|
2882
|
+
_ref2$refKey = _ref2.refKey,
|
|
2883
|
+
refKey = _ref2$refKey === void 0 ? 'ref' : _ref2$refKey,
|
|
2884
|
+
ref = _ref2.ref,
|
|
2885
|
+
rest = _objectWithoutPropertiesLoose(_ref2, _excluded2$2);
|
|
2886
|
+
var _ref3 = _temp3 === void 0 ? {} : _temp3,
|
|
2887
|
+
_ref3$suppressRefErro = _ref3.suppressRefError,
|
|
2888
|
+
suppressRefError = _ref3$suppressRefErro === void 0 ? false : _ref3$suppressRefErro;
|
|
2880
2889
|
var menuHandleMouseLeave = function menuHandleMouseLeave() {
|
|
2881
2890
|
dispatch({
|
|
2882
2891
|
type: MenuMouseLeave$1
|
|
@@ -2887,20 +2896,20 @@
|
|
|
2887
2896
|
menuRef.current = menuNode;
|
|
2888
2897
|
}), _extends2.id = elementIds.menuId, _extends2.role = 'listbox', _extends2['aria-labelledby'] = rest && rest['aria-label'] ? undefined : "" + elementIds.labelId, _extends2.onMouseLeave = callAllEventHandlers(onMouseLeave, menuHandleMouseLeave), _extends2), rest);
|
|
2889
2898
|
}, [dispatch, setGetterPropCallInfo, elementIds]);
|
|
2890
|
-
var getToggleButtonProps = React.useCallback(function (
|
|
2899
|
+
var getToggleButtonProps = React.useCallback(function (_temp4, _temp5) {
|
|
2891
2900
|
var _extends3;
|
|
2892
|
-
var _ref3 = _temp3 === void 0 ? {} : _temp3,
|
|
2893
|
-
onBlur = _ref3.onBlur,
|
|
2894
|
-
onClick = _ref3.onClick;
|
|
2895
|
-
_ref3.onPress;
|
|
2896
|
-
var onKeyDown = _ref3.onKeyDown,
|
|
2897
|
-
_ref3$refKey = _ref3.refKey,
|
|
2898
|
-
refKey = _ref3$refKey === void 0 ? 'ref' : _ref3$refKey,
|
|
2899
|
-
ref = _ref3.ref,
|
|
2900
|
-
rest = _objectWithoutPropertiesLoose(_ref3, _excluded2$2);
|
|
2901
2901
|
var _ref4 = _temp4 === void 0 ? {} : _temp4,
|
|
2902
|
-
|
|
2903
|
-
|
|
2902
|
+
onBlur = _ref4.onBlur,
|
|
2903
|
+
onClick = _ref4.onClick;
|
|
2904
|
+
_ref4.onPress;
|
|
2905
|
+
var onKeyDown = _ref4.onKeyDown,
|
|
2906
|
+
_ref4$refKey = _ref4.refKey,
|
|
2907
|
+
refKey = _ref4$refKey === void 0 ? 'ref' : _ref4$refKey,
|
|
2908
|
+
ref = _ref4.ref,
|
|
2909
|
+
rest = _objectWithoutPropertiesLoose(_ref4, _excluded3$1);
|
|
2910
|
+
var _ref5 = _temp5 === void 0 ? {} : _temp5,
|
|
2911
|
+
_ref5$suppressRefErro = _ref5.suppressRefError,
|
|
2912
|
+
suppressRefError = _ref5$suppressRefErro === void 0 ? false : _ref5$suppressRefErro;
|
|
2904
2913
|
var latestState = latest.current.state;
|
|
2905
2914
|
var toggleButtonHandleClick = function toggleButtonHandleClick() {
|
|
2906
2915
|
dispatch({
|
|
@@ -2938,20 +2947,20 @@
|
|
|
2938
2947
|
setGetterPropCallInfo('getToggleButtonProps', suppressRefError, refKey, toggleButtonRef);
|
|
2939
2948
|
return toggleProps;
|
|
2940
2949
|
}, [latest, elementIds, setGetterPropCallInfo, dispatch, mouseAndTouchTrackersRef, toggleButtonKeyDownHandlers]);
|
|
2941
|
-
var getItemProps = React.useCallback(function (
|
|
2950
|
+
var getItemProps = React.useCallback(function (_temp6) {
|
|
2942
2951
|
var _extends4;
|
|
2943
|
-
var
|
|
2944
|
-
itemProp =
|
|
2945
|
-
indexProp =
|
|
2946
|
-
onMouseMove =
|
|
2947
|
-
onClick =
|
|
2948
|
-
onMouseDown =
|
|
2949
|
-
|
|
2950
|
-
var
|
|
2951
|
-
refKey =
|
|
2952
|
-
disabledProp =
|
|
2953
|
-
ref =
|
|
2954
|
-
rest = _objectWithoutPropertiesLoose(
|
|
2952
|
+
var _ref6 = _temp6 === void 0 ? {} : _temp6,
|
|
2953
|
+
itemProp = _ref6.item,
|
|
2954
|
+
indexProp = _ref6.index,
|
|
2955
|
+
onMouseMove = _ref6.onMouseMove,
|
|
2956
|
+
onClick = _ref6.onClick,
|
|
2957
|
+
onMouseDown = _ref6.onMouseDown;
|
|
2958
|
+
_ref6.onPress;
|
|
2959
|
+
var _ref6$refKey = _ref6.refKey,
|
|
2960
|
+
refKey = _ref6$refKey === void 0 ? 'ref' : _ref6$refKey,
|
|
2961
|
+
disabledProp = _ref6.disabled,
|
|
2962
|
+
ref = _ref6.ref,
|
|
2963
|
+
rest = _objectWithoutPropertiesLoose(_ref6, _excluded4$1);
|
|
2955
2964
|
if (disabledProp !== undefined) {
|
|
2956
2965
|
console.warn('Passing "disabled" as an argument to getItemProps is not supported anymore. Please use the isItemDisabled prop from useSelect.');
|
|
2957
2966
|
}
|