@react-aria/interactions 3.9.1 → 3.10.0
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/main.js +31 -80
- package/dist/main.js.map +1 -1
- package/dist/module.js +12 -54
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +27 -26
- package/dist/types.d.ts.map +1 -1
- package/package.json +4 -4
- package/src/DOMPropsContext.ts +6 -5
- package/src/DOMPropsResponder.tsx +1 -1
- package/src/PressResponder.tsx +2 -1
- package/src/Pressable.tsx +4 -3
- package/src/context.ts +2 -1
- package/src/index.ts +31 -12
- package/src/textSelection.ts +5 -5
- package/src/useDOMPropsResponder.ts +1 -1
- package/src/useFocus.ts +5 -5
- package/src/useFocusVisible.ts +3 -3
- package/src/useFocusWithin.ts +5 -4
- package/src/useHover.ts +7 -6
- package/src/useInteractOutside.ts +1 -1
- package/src/useKeyboard.ts +3 -4
- package/src/useLongPress.ts +5 -5
- package/src/useMove.ts +5 -5
- package/src/usePress.ts +37 -37
package/dist/main.js
CHANGED
|
@@ -1,35 +1,31 @@
|
|
|
1
1
|
var $goTMa$reactariautils = require("@react-aria/utils");
|
|
2
2
|
var $goTMa$react = require("react");
|
|
3
3
|
|
|
4
|
-
function $parcel$
|
|
5
|
-
Object.
|
|
6
|
-
if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
|
|
7
|
-
return;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
Object.defineProperty(dest, key, {
|
|
11
|
-
enumerable: true,
|
|
12
|
-
get: function get() {
|
|
13
|
-
return source[key];
|
|
14
|
-
}
|
|
15
|
-
});
|
|
16
|
-
});
|
|
17
|
-
|
|
18
|
-
return dest;
|
|
4
|
+
function $parcel$export(e, n, v, s) {
|
|
5
|
+
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
19
6
|
}
|
|
20
7
|
function $parcel$interopDefault(a) {
|
|
21
8
|
return a && a.__esModule ? a.default : a;
|
|
22
9
|
}
|
|
23
|
-
function $parcel$export(e, n, v, s) {
|
|
24
|
-
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
25
|
-
}
|
|
26
|
-
var $e1dbec26039c051d$exports = {};
|
|
27
10
|
|
|
28
|
-
$parcel$export(
|
|
11
|
+
$parcel$export(module.exports, "Pressable", () => $e1dbec26039c051d$export$27c701ed9e449e99);
|
|
12
|
+
$parcel$export(module.exports, "PressResponder", () => $3596bae48579386f$export$3351871ee4b288b8);
|
|
13
|
+
$parcel$export(module.exports, "useFocus", () => $5cb73d0ce355b0dc$export$f8168d8dd8fd66e6);
|
|
14
|
+
$parcel$export(module.exports, "isFocusVisible", () => $e77252a287ef94ab$export$b9b3dfddab17db27);
|
|
15
|
+
$parcel$export(module.exports, "getInteractionModality", () => $e77252a287ef94ab$export$630ff653c5ada6a9);
|
|
16
|
+
$parcel$export(module.exports, "setInteractionModality", () => $e77252a287ef94ab$export$8397ddfc504fdb9a);
|
|
17
|
+
$parcel$export(module.exports, "useInteractionModality", () => $e77252a287ef94ab$export$98e20ec92f614cfe);
|
|
18
|
+
$parcel$export(module.exports, "useFocusVisible", () => $e77252a287ef94ab$export$ffd9e5021c1fb2d6);
|
|
19
|
+
$parcel$export(module.exports, "useFocusVisibleListener", () => $e77252a287ef94ab$export$ec71b4b83ac08ec3);
|
|
20
|
+
$parcel$export(module.exports, "useFocusWithin", () => $d16842bbd0359d1b$export$420e68273165f4ec);
|
|
21
|
+
$parcel$export(module.exports, "useHover", () => $ffbc150311c75f01$export$ae780daf29e6d456);
|
|
22
|
+
$parcel$export(module.exports, "useInteractOutside", () => $edcfa848c42f94f4$export$872b660ac5a1ff98);
|
|
23
|
+
$parcel$export(module.exports, "useKeyboard", () => $892d64db2a3c53b0$export$8f71654801c2f7cd);
|
|
24
|
+
$parcel$export(module.exports, "useMove", () => $c09386fc48fa427d$export$36da96379f79f245);
|
|
25
|
+
$parcel$export(module.exports, "usePress", () => $0294ea432cd92340$export$45712eceda6fad21);
|
|
26
|
+
$parcel$export(module.exports, "useScrollWheel", () => $a3dbce0aed7087e2$export$2123ff2b87c81ca);
|
|
27
|
+
$parcel$export(module.exports, "useLongPress", () => $3cd7b5d0eebf0ca9$export$c24ed0104d07eab9);
|
|
29
28
|
|
|
30
|
-
var $0294ea432cd92340$exports = {};
|
|
31
|
-
|
|
32
|
-
$parcel$export($0294ea432cd92340$exports, "usePress", () => $0294ea432cd92340$export$45712eceda6fad21);
|
|
33
29
|
|
|
34
30
|
// Note that state only matters here for iOS. Non-iOS gets user-select: none applied to the target element
|
|
35
31
|
// rather than at the document level so we just need to apply/remove user-select: none for each pressed element individually
|
|
@@ -43,7 +39,7 @@ function $f7e14e656343df57$export$16a4697467175487(target) {
|
|
|
43
39
|
document.documentElement.style.webkitUserSelect = 'none';
|
|
44
40
|
}
|
|
45
41
|
$f7e14e656343df57$var$state = 'disabled';
|
|
46
|
-
} else if (target) {
|
|
42
|
+
} else if (target instanceof HTMLElement || target instanceof SVGElement) {
|
|
47
43
|
// If not iOS, store the target's original user-select and change to user-select: none
|
|
48
44
|
// Ignore state since it doesn't apply for non iOS
|
|
49
45
|
$f7e14e656343df57$var$modifiedElementMap.set(target, target.style.userSelect);
|
|
@@ -70,13 +66,15 @@ function $f7e14e656343df57$export$b0d6fa1ab32e3295(target) {
|
|
|
70
66
|
}
|
|
71
67
|
});
|
|
72
68
|
}, 300);
|
|
73
|
-
} else // If not iOS, restore the target's original user-select if any
|
|
69
|
+
} else if (target instanceof HTMLElement || target instanceof SVGElement) // If not iOS, restore the target's original user-select if any
|
|
74
70
|
// Ignore state since it doesn't apply for non iOS
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
71
|
+
{
|
|
72
|
+
if (target && $f7e14e656343df57$var$modifiedElementMap.has(target)) {
|
|
73
|
+
let targetOldUserSelect = $f7e14e656343df57$var$modifiedElementMap.get(target);
|
|
74
|
+
if (target.style.userSelect === 'none') target.style.userSelect = targetOldUserSelect;
|
|
75
|
+
if (target.getAttribute('style') === '') target.removeAttribute('style');
|
|
76
|
+
$f7e14e656343df57$var$modifiedElementMap.delete(target);
|
|
77
|
+
}
|
|
80
78
|
}
|
|
81
79
|
}
|
|
82
80
|
|
|
@@ -84,7 +82,6 @@ function $f7e14e656343df57$export$b0d6fa1ab32e3295(target) {
|
|
|
84
82
|
|
|
85
83
|
|
|
86
84
|
|
|
87
|
-
|
|
88
85
|
function $625cf83917e112ad$export$60278871457622de(event) {
|
|
89
86
|
// JAWS/NVDA with Firefox.
|
|
90
87
|
if (event.mozInputSource === 0 && event.isTrusted) return true;
|
|
@@ -188,6 +185,7 @@ const $01d3f539e91688c8$export$5165eccb35aaadb5 = ($parcel$interopDefault($goTMa
|
|
|
188
185
|
$01d3f539e91688c8$export$5165eccb35aaadb5.displayName = 'PressResponderContext';
|
|
189
186
|
|
|
190
187
|
|
|
188
|
+
|
|
191
189
|
function $0294ea432cd92340$var$usePressResponderContext(props) {
|
|
192
190
|
// Consume context from <PressResponder> and merge with props.
|
|
193
191
|
let context = $goTMa$react.useContext($01d3f539e91688c8$export$5165eccb35aaadb5);
|
|
@@ -342,7 +340,7 @@ function $0294ea432cd92340$export$45712eceda6fad21(props) {
|
|
|
342
340
|
removeAllGlobalListeners();
|
|
343
341
|
// If the target is a link, trigger the click method to open the URL,
|
|
344
342
|
// but defer triggering pressEnd until onClick event handler.
|
|
345
|
-
if (state.target.contains(target) && $0294ea432cd92340$var$isHTMLAnchorLink(state.target) || state.target.getAttribute('role') === 'link') state.target.click();
|
|
343
|
+
if (state.target instanceof HTMLElement && (state.target.contains(target) && $0294ea432cd92340$var$isHTMLAnchorLink(state.target) || state.target.getAttribute('role') === 'link')) state.target.click();
|
|
346
344
|
}
|
|
347
345
|
};
|
|
348
346
|
if (typeof PointerEvent !== 'undefined') {
|
|
@@ -630,7 +628,7 @@ function $0294ea432cd92340$var$isOverTarget(point, target) {
|
|
|
630
628
|
}
|
|
631
629
|
function $0294ea432cd92340$var$shouldPreventDefault(target) {
|
|
632
630
|
// We cannot prevent default if the target is a draggable element.
|
|
633
|
-
return !target.draggable;
|
|
631
|
+
return !(target instanceof HTMLElement) || !target.draggable;
|
|
634
632
|
}
|
|
635
633
|
function $0294ea432cd92340$var$shouldPreventDefaultKeyboard(target) {
|
|
636
634
|
return !((target.tagName === 'INPUT' || target.tagName === 'BUTTON') && target.type === 'submit');
|
|
@@ -663,9 +661,6 @@ const $e1dbec26039c051d$export$27c701ed9e449e99 = /*#__PURE__*/ ($parcel$interop
|
|
|
663
661
|
});
|
|
664
662
|
|
|
665
663
|
|
|
666
|
-
var $3596bae48579386f$exports = {};
|
|
667
|
-
|
|
668
|
-
$parcel$export($3596bae48579386f$exports, "PressResponder", () => $3596bae48579386f$export$3351871ee4b288b8);
|
|
669
664
|
|
|
670
665
|
|
|
671
666
|
|
|
@@ -691,9 +686,6 @@ const $3596bae48579386f$export$3351871ee4b288b8 = /*#__PURE__*/ ($parcel$interop
|
|
|
691
686
|
});
|
|
692
687
|
|
|
693
688
|
|
|
694
|
-
var $5cb73d0ce355b0dc$exports = {};
|
|
695
|
-
|
|
696
|
-
$parcel$export($5cb73d0ce355b0dc$exports, "useFocus", () => $5cb73d0ce355b0dc$export$f8168d8dd8fd66e6);
|
|
697
689
|
|
|
698
690
|
|
|
699
691
|
function $5cb73d0ce355b0dc$export$f8168d8dd8fd66e6(props) {
|
|
@@ -729,14 +721,6 @@ function $5cb73d0ce355b0dc$export$f8168d8dd8fd66e6(props) {
|
|
|
729
721
|
}
|
|
730
722
|
|
|
731
723
|
|
|
732
|
-
var $e77252a287ef94ab$exports = {};
|
|
733
|
-
|
|
734
|
-
$parcel$export($e77252a287ef94ab$exports, "isFocusVisible", () => $e77252a287ef94ab$export$b9b3dfddab17db27);
|
|
735
|
-
$parcel$export($e77252a287ef94ab$exports, "getInteractionModality", () => $e77252a287ef94ab$export$630ff653c5ada6a9);
|
|
736
|
-
$parcel$export($e77252a287ef94ab$exports, "setInteractionModality", () => $e77252a287ef94ab$export$8397ddfc504fdb9a);
|
|
737
|
-
$parcel$export($e77252a287ef94ab$exports, "useInteractionModality", () => $e77252a287ef94ab$export$98e20ec92f614cfe);
|
|
738
|
-
$parcel$export($e77252a287ef94ab$exports, "useFocusVisible", () => $e77252a287ef94ab$export$ffd9e5021c1fb2d6);
|
|
739
|
-
$parcel$export($e77252a287ef94ab$exports, "useFocusVisibleListener", () => $e77252a287ef94ab$export$ec71b4b83ac08ec3);
|
|
740
724
|
|
|
741
725
|
|
|
742
726
|
|
|
@@ -894,9 +878,6 @@ function $e77252a287ef94ab$export$ec71b4b83ac08ec3(fn, deps, opts) {
|
|
|
894
878
|
}
|
|
895
879
|
|
|
896
880
|
|
|
897
|
-
var $d16842bbd0359d1b$exports = {};
|
|
898
|
-
|
|
899
|
-
$parcel$export($d16842bbd0359d1b$exports, "useFocusWithin", () => $d16842bbd0359d1b$export$420e68273165f4ec);
|
|
900
881
|
|
|
901
882
|
|
|
902
883
|
function $d16842bbd0359d1b$export$420e68273165f4ec(props) {
|
|
@@ -946,9 +927,6 @@ function $d16842bbd0359d1b$export$420e68273165f4ec(props) {
|
|
|
946
927
|
}
|
|
947
928
|
|
|
948
929
|
|
|
949
|
-
var $ffbc150311c75f01$exports = {};
|
|
950
|
-
|
|
951
|
-
$parcel$export($ffbc150311c75f01$exports, "useHover", () => $ffbc150311c75f01$export$ae780daf29e6d456);
|
|
952
930
|
|
|
953
931
|
// iOS fires onPointerEnter twice: once with pointerType="touch" and again with pointerType="mouse".
|
|
954
932
|
// We want to ignore these emulated events so they do not trigger hover behavior.
|
|
@@ -1068,9 +1046,6 @@ function $ffbc150311c75f01$export$ae780daf29e6d456(props) {
|
|
|
1068
1046
|
}
|
|
1069
1047
|
|
|
1070
1048
|
|
|
1071
|
-
var $edcfa848c42f94f4$exports = {};
|
|
1072
|
-
|
|
1073
|
-
$parcel$export($edcfa848c42f94f4$exports, "useInteractOutside", () => $edcfa848c42f94f4$export$872b660ac5a1ff98);
|
|
1074
1049
|
|
|
1075
1050
|
function $edcfa848c42f94f4$export$872b660ac5a1ff98(props) {
|
|
1076
1051
|
let { ref: ref , onInteractOutside: onInteractOutside , isDisabled: isDisabled , onInteractOutsideStart: onInteractOutsideStart } = props;
|
|
@@ -1149,9 +1124,6 @@ function $edcfa848c42f94f4$var$isValidEvent(event, ref) {
|
|
|
1149
1124
|
}
|
|
1150
1125
|
|
|
1151
1126
|
|
|
1152
|
-
var $892d64db2a3c53b0$exports = {};
|
|
1153
|
-
|
|
1154
|
-
$parcel$export($892d64db2a3c53b0$exports, "useKeyboard", () => $892d64db2a3c53b0$export$8f71654801c2f7cd);
|
|
1155
1127
|
function $951fbcbbca8db6ce$export$48d1ea6320830260(handler) {
|
|
1156
1128
|
if (!handler) return;
|
|
1157
1129
|
let shouldStopPropagation = true;
|
|
@@ -1188,9 +1160,6 @@ function $892d64db2a3c53b0$export$8f71654801c2f7cd(props) {
|
|
|
1188
1160
|
}
|
|
1189
1161
|
|
|
1190
1162
|
|
|
1191
|
-
var $c09386fc48fa427d$exports = {};
|
|
1192
|
-
|
|
1193
|
-
$parcel$export($c09386fc48fa427d$exports, "useMove", () => $c09386fc48fa427d$export$36da96379f79f245);
|
|
1194
1163
|
|
|
1195
1164
|
|
|
1196
1165
|
|
|
@@ -1405,9 +1374,6 @@ function $c09386fc48fa427d$export$36da96379f79f245(props) {
|
|
|
1405
1374
|
|
|
1406
1375
|
|
|
1407
1376
|
|
|
1408
|
-
var $a3dbce0aed7087e2$exports = {};
|
|
1409
|
-
|
|
1410
|
-
$parcel$export($a3dbce0aed7087e2$exports, "useScrollWheel", () => $a3dbce0aed7087e2$export$2123ff2b87c81ca);
|
|
1411
1377
|
|
|
1412
1378
|
|
|
1413
1379
|
function $a3dbce0aed7087e2$export$2123ff2b87c81ca(props, ref) {
|
|
@@ -1429,9 +1395,6 @@ function $a3dbce0aed7087e2$export$2123ff2b87c81ca(props, ref) {
|
|
|
1429
1395
|
}
|
|
1430
1396
|
|
|
1431
1397
|
|
|
1432
|
-
var $3cd7b5d0eebf0ca9$exports = {};
|
|
1433
|
-
|
|
1434
|
-
$parcel$export($3cd7b5d0eebf0ca9$exports, "useLongPress", () => $3cd7b5d0eebf0ca9$export$c24ed0104d07eab9);
|
|
1435
1398
|
|
|
1436
1399
|
|
|
1437
1400
|
|
|
@@ -1494,18 +1457,6 @@ function $3cd7b5d0eebf0ca9$export$c24ed0104d07eab9(props) {
|
|
|
1494
1457
|
}
|
|
1495
1458
|
|
|
1496
1459
|
|
|
1497
|
-
$parcel$exportWildcard(module.exports, $e1dbec26039c051d$exports);
|
|
1498
|
-
$parcel$exportWildcard(module.exports, $3596bae48579386f$exports);
|
|
1499
|
-
$parcel$exportWildcard(module.exports, $5cb73d0ce355b0dc$exports);
|
|
1500
|
-
$parcel$exportWildcard(module.exports, $e77252a287ef94ab$exports);
|
|
1501
|
-
$parcel$exportWildcard(module.exports, $d16842bbd0359d1b$exports);
|
|
1502
|
-
$parcel$exportWildcard(module.exports, $ffbc150311c75f01$exports);
|
|
1503
|
-
$parcel$exportWildcard(module.exports, $edcfa848c42f94f4$exports);
|
|
1504
|
-
$parcel$exportWildcard(module.exports, $892d64db2a3c53b0$exports);
|
|
1505
|
-
$parcel$exportWildcard(module.exports, $c09386fc48fa427d$exports);
|
|
1506
|
-
$parcel$exportWildcard(module.exports, $0294ea432cd92340$exports);
|
|
1507
|
-
$parcel$exportWildcard(module.exports, $a3dbce0aed7087e2$exports);
|
|
1508
|
-
$parcel$exportWildcard(module.exports, $3cd7b5d0eebf0ca9$exports);
|
|
1509
1460
|
|
|
1510
1461
|
|
|
1511
1462
|
//# sourceMappingURL=main.js.map
|