@react-aria/utils 3.24.0 → 3.24.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/chain.main.js +1 -1
- package/dist/chain.mjs +2 -2
- package/dist/chain.module.js +1 -1
- package/dist/domHelpers.main.js +1 -1
- package/dist/domHelpers.mjs +2 -2
- package/dist/domHelpers.module.js +1 -1
- package/dist/filterDOMProps.main.js +12 -12
- package/dist/filterDOMProps.mjs +13 -13
- package/dist/filterDOMProps.module.js +12 -12
- package/dist/focusWithoutScrolling.main.js +1 -1
- package/dist/focusWithoutScrolling.mjs +2 -2
- package/dist/focusWithoutScrolling.module.js +1 -1
- package/dist/getOffset.main.js +3 -3
- package/dist/getOffset.mjs +4 -4
- package/dist/getOffset.module.js +3 -3
- package/dist/getScrollParent.mjs +1 -1
- package/dist/getScrollParents.mjs +1 -1
- package/dist/isScrollable.mjs +1 -1
- package/dist/isVirtualEvent.main.js +2 -2
- package/dist/isVirtualEvent.mjs +3 -3
- package/dist/isVirtualEvent.module.js +2 -2
- package/dist/mergeProps.main.js +4 -4
- package/dist/mergeProps.mjs +5 -5
- package/dist/mergeProps.module.js +4 -4
- package/dist/mergeRefs.main.js +1 -1
- package/dist/mergeRefs.mjs +2 -2
- package/dist/mergeRefs.module.js +1 -1
- package/dist/openLink.main.js +20 -20
- package/dist/openLink.mjs +21 -21
- package/dist/openLink.module.js +20 -20
- package/dist/platform.main.js +3 -3
- package/dist/platform.mjs +4 -4
- package/dist/platform.module.js +3 -3
- package/dist/runAfterTransition.main.js +9 -9
- package/dist/runAfterTransition.mjs +10 -10
- package/dist/runAfterTransition.module.js +9 -9
- package/dist/scrollIntoView.main.js +8 -8
- package/dist/scrollIntoView.mjs +9 -9
- package/dist/scrollIntoView.module.js +8 -8
- package/dist/useDeepMemo.mjs +1 -1
- package/dist/useDescription.main.js +3 -3
- package/dist/useDescription.mjs +4 -4
- package/dist/useDescription.module.js +3 -3
- package/dist/useDrag1D.main.js +21 -21
- package/dist/useDrag1D.mjs +22 -22
- package/dist/useDrag1D.module.js +21 -21
- package/dist/useEffectEvent.mjs +1 -1
- package/dist/useEvent.mjs +1 -1
- package/dist/useFormReset.main.js +2 -2
- package/dist/useFormReset.mjs +3 -3
- package/dist/useFormReset.module.js +2 -2
- package/dist/useGlobalListeners.mjs +1 -1
- package/dist/useId.main.js +1 -1
- package/dist/useId.mjs +2 -2
- package/dist/useId.module.js +1 -1
- package/dist/useLabels.main.js +5 -5
- package/dist/useLabels.mjs +6 -6
- package/dist/useLabels.module.js +5 -5
- package/dist/useLayoutEffect.main.js +1 -1
- package/dist/useLayoutEffect.mjs +2 -2
- package/dist/useLayoutEffect.module.js +1 -1
- package/dist/useObjectRef.main.js +1 -1
- package/dist/useObjectRef.mjs +2 -2
- package/dist/useObjectRef.module.js +1 -1
- package/dist/useResizeObserver.main.js +3 -3
- package/dist/useResizeObserver.mjs +4 -4
- package/dist/useResizeObserver.module.js +3 -3
- package/dist/useSyncRef.mjs +1 -1
- package/dist/useUpdateEffect.mjs +1 -1
- package/dist/useValueEffect.mjs +1 -1
- package/dist/useViewportSize.main.js +5 -5
- package/dist/useViewportSize.mjs +6 -6
- package/dist/useViewportSize.module.js +5 -5
- package/package.json +5 -5
package/dist/useDrag1D.main.js
CHANGED
|
@@ -24,9 +24,9 @@ $parcel$export(module.exports, "useDrag1D", () => $28ed3fb20343b78b$export$7bbed
|
|
|
24
24
|
// dragging the descendant, we don't want useDrag1D events to fire for the ancestor.
|
|
25
25
|
const $28ed3fb20343b78b$var$draggingElements = [];
|
|
26
26
|
function $28ed3fb20343b78b$export$7bbed75feba39706(props) {
|
|
27
|
-
console.warn(
|
|
27
|
+
console.warn('useDrag1D is deprecated, please use `useMove` instead https://react-spectrum.adobe.com/react-aria/useMove.html');
|
|
28
28
|
let { containerRef: containerRef, reverse: reverse, orientation: orientation, onHover: onHover, onDrag: onDrag, onPositionChange: onPositionChange, onIncrement: onIncrement, onDecrement: onDecrement, onIncrementToMax: onIncrementToMax, onDecrementToMin: onDecrementToMin, onCollapseToggle: onCollapseToggle } = props;
|
|
29
|
-
let getPosition = (e)=>orientation ===
|
|
29
|
+
let getPosition = (e)=>orientation === 'horizontal' ? e.clientX : e.clientY;
|
|
30
30
|
let getNextOffset = (e)=>{
|
|
31
31
|
let containerOffset = (0, $16ec41ef3e36c19c$exports.getOffset)(containerRef.current, reverse, orientation);
|
|
32
32
|
let mouseOffset = getPosition(e);
|
|
@@ -61,8 +61,8 @@ function $28ed3fb20343b78b$export$7bbed75feba39706(props) {
|
|
|
61
61
|
if (handlers.current.onDrag) handlers.current.onDrag(false);
|
|
62
62
|
if (handlers.current.onPositionChange) handlers.current.onPositionChange(nextOffset);
|
|
63
63
|
$28ed3fb20343b78b$var$draggingElements.splice($28ed3fb20343b78b$var$draggingElements.indexOf(target), 1);
|
|
64
|
-
window.removeEventListener(
|
|
65
|
-
window.removeEventListener(
|
|
64
|
+
window.removeEventListener('mouseup', onMouseUp, false);
|
|
65
|
+
window.removeEventListener('mousemove', onMouseDragged, false);
|
|
66
66
|
};
|
|
67
67
|
let onMouseDown = (e)=>{
|
|
68
68
|
const target = e.currentTarget;
|
|
@@ -70,8 +70,8 @@ function $28ed3fb20343b78b$export$7bbed75feba39706(props) {
|
|
|
70
70
|
// we don't want to handle the drag motion on this target as well.
|
|
71
71
|
if ($28ed3fb20343b78b$var$draggingElements.some((elt)=>target.contains(elt))) return;
|
|
72
72
|
$28ed3fb20343b78b$var$draggingElements.push(target);
|
|
73
|
-
window.addEventListener(
|
|
74
|
-
window.addEventListener(
|
|
73
|
+
window.addEventListener('mousemove', onMouseDragged, false);
|
|
74
|
+
window.addEventListener('mouseup', onMouseUp, false);
|
|
75
75
|
};
|
|
76
76
|
let onMouseEnter = ()=>{
|
|
77
77
|
if (onHover) onHover(true);
|
|
@@ -81,47 +81,47 @@ function $28ed3fb20343b78b$export$7bbed75feba39706(props) {
|
|
|
81
81
|
};
|
|
82
82
|
let onKeyDown = (e)=>{
|
|
83
83
|
switch(e.key){
|
|
84
|
-
case
|
|
85
|
-
case
|
|
86
|
-
if (orientation ===
|
|
84
|
+
case 'Left':
|
|
85
|
+
case 'ArrowLeft':
|
|
86
|
+
if (orientation === 'horizontal') {
|
|
87
87
|
e.preventDefault();
|
|
88
88
|
if (onDecrement && !reverse) onDecrement();
|
|
89
89
|
else if (onIncrement && reverse) onIncrement();
|
|
90
90
|
}
|
|
91
91
|
break;
|
|
92
|
-
case
|
|
93
|
-
case
|
|
94
|
-
if (orientation ===
|
|
92
|
+
case 'Up':
|
|
93
|
+
case 'ArrowUp':
|
|
94
|
+
if (orientation === 'vertical') {
|
|
95
95
|
e.preventDefault();
|
|
96
96
|
if (onDecrement && !reverse) onDecrement();
|
|
97
97
|
else if (onIncrement && reverse) onIncrement();
|
|
98
98
|
}
|
|
99
99
|
break;
|
|
100
|
-
case
|
|
101
|
-
case
|
|
102
|
-
if (orientation ===
|
|
100
|
+
case 'Right':
|
|
101
|
+
case 'ArrowRight':
|
|
102
|
+
if (orientation === 'horizontal') {
|
|
103
103
|
e.preventDefault();
|
|
104
104
|
if (onIncrement && !reverse) onIncrement();
|
|
105
105
|
else if (onDecrement && reverse) onDecrement();
|
|
106
106
|
}
|
|
107
107
|
break;
|
|
108
|
-
case
|
|
109
|
-
case
|
|
110
|
-
if (orientation ===
|
|
108
|
+
case 'Down':
|
|
109
|
+
case 'ArrowDown':
|
|
110
|
+
if (orientation === 'vertical') {
|
|
111
111
|
e.preventDefault();
|
|
112
112
|
if (onIncrement && !reverse) onIncrement();
|
|
113
113
|
else if (onDecrement && reverse) onDecrement();
|
|
114
114
|
}
|
|
115
115
|
break;
|
|
116
|
-
case
|
|
116
|
+
case 'Home':
|
|
117
117
|
e.preventDefault();
|
|
118
118
|
if (onDecrementToMin) onDecrementToMin();
|
|
119
119
|
break;
|
|
120
|
-
case
|
|
120
|
+
case 'End':
|
|
121
121
|
e.preventDefault();
|
|
122
122
|
if (onIncrementToMax) onIncrementToMax();
|
|
123
123
|
break;
|
|
124
|
-
case
|
|
124
|
+
case 'Enter':
|
|
125
125
|
e.preventDefault();
|
|
126
126
|
if (onCollapseToggle) onCollapseToggle();
|
|
127
127
|
break;
|
package/dist/useDrag1D.mjs
CHANGED
|
@@ -18,9 +18,9 @@ import {useRef as $1rnCS$useRef} from "react";
|
|
|
18
18
|
// dragging the descendant, we don't want useDrag1D events to fire for the ancestor.
|
|
19
19
|
const $9cc09df9fd7676be$var$draggingElements = [];
|
|
20
20
|
function $9cc09df9fd7676be$export$7bbed75feba39706(props) {
|
|
21
|
-
console.warn(
|
|
21
|
+
console.warn('useDrag1D is deprecated, please use `useMove` instead https://react-spectrum.adobe.com/react-aria/useMove.html');
|
|
22
22
|
let { containerRef: containerRef, reverse: reverse, orientation: orientation, onHover: onHover, onDrag: onDrag, onPositionChange: onPositionChange, onIncrement: onIncrement, onDecrement: onDecrement, onIncrementToMax: onIncrementToMax, onDecrementToMin: onDecrementToMin, onCollapseToggle: onCollapseToggle } = props;
|
|
23
|
-
let getPosition = (e)=>orientation ===
|
|
23
|
+
let getPosition = (e)=>orientation === 'horizontal' ? e.clientX : e.clientY;
|
|
24
24
|
let getNextOffset = (e)=>{
|
|
25
25
|
let containerOffset = (0, $ab71dadb03a6fb2e$export$622cea445a1c5b7d)(containerRef.current, reverse, orientation);
|
|
26
26
|
let mouseOffset = getPosition(e);
|
|
@@ -55,8 +55,8 @@ function $9cc09df9fd7676be$export$7bbed75feba39706(props) {
|
|
|
55
55
|
if (handlers.current.onDrag) handlers.current.onDrag(false);
|
|
56
56
|
if (handlers.current.onPositionChange) handlers.current.onPositionChange(nextOffset);
|
|
57
57
|
$9cc09df9fd7676be$var$draggingElements.splice($9cc09df9fd7676be$var$draggingElements.indexOf(target), 1);
|
|
58
|
-
window.removeEventListener(
|
|
59
|
-
window.removeEventListener(
|
|
58
|
+
window.removeEventListener('mouseup', onMouseUp, false);
|
|
59
|
+
window.removeEventListener('mousemove', onMouseDragged, false);
|
|
60
60
|
};
|
|
61
61
|
let onMouseDown = (e)=>{
|
|
62
62
|
const target = e.currentTarget;
|
|
@@ -64,8 +64,8 @@ function $9cc09df9fd7676be$export$7bbed75feba39706(props) {
|
|
|
64
64
|
// we don't want to handle the drag motion on this target as well.
|
|
65
65
|
if ($9cc09df9fd7676be$var$draggingElements.some((elt)=>target.contains(elt))) return;
|
|
66
66
|
$9cc09df9fd7676be$var$draggingElements.push(target);
|
|
67
|
-
window.addEventListener(
|
|
68
|
-
window.addEventListener(
|
|
67
|
+
window.addEventListener('mousemove', onMouseDragged, false);
|
|
68
|
+
window.addEventListener('mouseup', onMouseUp, false);
|
|
69
69
|
};
|
|
70
70
|
let onMouseEnter = ()=>{
|
|
71
71
|
if (onHover) onHover(true);
|
|
@@ -75,47 +75,47 @@ function $9cc09df9fd7676be$export$7bbed75feba39706(props) {
|
|
|
75
75
|
};
|
|
76
76
|
let onKeyDown = (e)=>{
|
|
77
77
|
switch(e.key){
|
|
78
|
-
case
|
|
79
|
-
case
|
|
80
|
-
if (orientation ===
|
|
78
|
+
case 'Left':
|
|
79
|
+
case 'ArrowLeft':
|
|
80
|
+
if (orientation === 'horizontal') {
|
|
81
81
|
e.preventDefault();
|
|
82
82
|
if (onDecrement && !reverse) onDecrement();
|
|
83
83
|
else if (onIncrement && reverse) onIncrement();
|
|
84
84
|
}
|
|
85
85
|
break;
|
|
86
|
-
case
|
|
87
|
-
case
|
|
88
|
-
if (orientation ===
|
|
86
|
+
case 'Up':
|
|
87
|
+
case 'ArrowUp':
|
|
88
|
+
if (orientation === 'vertical') {
|
|
89
89
|
e.preventDefault();
|
|
90
90
|
if (onDecrement && !reverse) onDecrement();
|
|
91
91
|
else if (onIncrement && reverse) onIncrement();
|
|
92
92
|
}
|
|
93
93
|
break;
|
|
94
|
-
case
|
|
95
|
-
case
|
|
96
|
-
if (orientation ===
|
|
94
|
+
case 'Right':
|
|
95
|
+
case 'ArrowRight':
|
|
96
|
+
if (orientation === 'horizontal') {
|
|
97
97
|
e.preventDefault();
|
|
98
98
|
if (onIncrement && !reverse) onIncrement();
|
|
99
99
|
else if (onDecrement && reverse) onDecrement();
|
|
100
100
|
}
|
|
101
101
|
break;
|
|
102
|
-
case
|
|
103
|
-
case
|
|
104
|
-
if (orientation ===
|
|
102
|
+
case 'Down':
|
|
103
|
+
case 'ArrowDown':
|
|
104
|
+
if (orientation === 'vertical') {
|
|
105
105
|
e.preventDefault();
|
|
106
106
|
if (onIncrement && !reverse) onIncrement();
|
|
107
107
|
else if (onDecrement && reverse) onDecrement();
|
|
108
108
|
}
|
|
109
109
|
break;
|
|
110
|
-
case
|
|
110
|
+
case 'Home':
|
|
111
111
|
e.preventDefault();
|
|
112
112
|
if (onDecrementToMin) onDecrementToMin();
|
|
113
113
|
break;
|
|
114
|
-
case
|
|
114
|
+
case 'End':
|
|
115
115
|
e.preventDefault();
|
|
116
116
|
if (onIncrementToMax) onIncrementToMax();
|
|
117
117
|
break;
|
|
118
|
-
case
|
|
118
|
+
case 'Enter':
|
|
119
119
|
e.preventDefault();
|
|
120
120
|
if (onCollapseToggle) onCollapseToggle();
|
|
121
121
|
break;
|
|
@@ -131,4 +131,4 @@ function $9cc09df9fd7676be$export$7bbed75feba39706(props) {
|
|
|
131
131
|
|
|
132
132
|
|
|
133
133
|
export {$9cc09df9fd7676be$export$7bbed75feba39706 as useDrag1D};
|
|
134
|
-
//# sourceMappingURL=useDrag1D.
|
|
134
|
+
//# sourceMappingURL=useDrag1D.module.js.map
|
package/dist/useDrag1D.module.js
CHANGED
|
@@ -18,9 +18,9 @@ import {useRef as $1rnCS$useRef} from "react";
|
|
|
18
18
|
// dragging the descendant, we don't want useDrag1D events to fire for the ancestor.
|
|
19
19
|
const $9cc09df9fd7676be$var$draggingElements = [];
|
|
20
20
|
function $9cc09df9fd7676be$export$7bbed75feba39706(props) {
|
|
21
|
-
console.warn(
|
|
21
|
+
console.warn('useDrag1D is deprecated, please use `useMove` instead https://react-spectrum.adobe.com/react-aria/useMove.html');
|
|
22
22
|
let { containerRef: containerRef, reverse: reverse, orientation: orientation, onHover: onHover, onDrag: onDrag, onPositionChange: onPositionChange, onIncrement: onIncrement, onDecrement: onDecrement, onIncrementToMax: onIncrementToMax, onDecrementToMin: onDecrementToMin, onCollapseToggle: onCollapseToggle } = props;
|
|
23
|
-
let getPosition = (e)=>orientation ===
|
|
23
|
+
let getPosition = (e)=>orientation === 'horizontal' ? e.clientX : e.clientY;
|
|
24
24
|
let getNextOffset = (e)=>{
|
|
25
25
|
let containerOffset = (0, $ab71dadb03a6fb2e$export$622cea445a1c5b7d)(containerRef.current, reverse, orientation);
|
|
26
26
|
let mouseOffset = getPosition(e);
|
|
@@ -55,8 +55,8 @@ function $9cc09df9fd7676be$export$7bbed75feba39706(props) {
|
|
|
55
55
|
if (handlers.current.onDrag) handlers.current.onDrag(false);
|
|
56
56
|
if (handlers.current.onPositionChange) handlers.current.onPositionChange(nextOffset);
|
|
57
57
|
$9cc09df9fd7676be$var$draggingElements.splice($9cc09df9fd7676be$var$draggingElements.indexOf(target), 1);
|
|
58
|
-
window.removeEventListener(
|
|
59
|
-
window.removeEventListener(
|
|
58
|
+
window.removeEventListener('mouseup', onMouseUp, false);
|
|
59
|
+
window.removeEventListener('mousemove', onMouseDragged, false);
|
|
60
60
|
};
|
|
61
61
|
let onMouseDown = (e)=>{
|
|
62
62
|
const target = e.currentTarget;
|
|
@@ -64,8 +64,8 @@ function $9cc09df9fd7676be$export$7bbed75feba39706(props) {
|
|
|
64
64
|
// we don't want to handle the drag motion on this target as well.
|
|
65
65
|
if ($9cc09df9fd7676be$var$draggingElements.some((elt)=>target.contains(elt))) return;
|
|
66
66
|
$9cc09df9fd7676be$var$draggingElements.push(target);
|
|
67
|
-
window.addEventListener(
|
|
68
|
-
window.addEventListener(
|
|
67
|
+
window.addEventListener('mousemove', onMouseDragged, false);
|
|
68
|
+
window.addEventListener('mouseup', onMouseUp, false);
|
|
69
69
|
};
|
|
70
70
|
let onMouseEnter = ()=>{
|
|
71
71
|
if (onHover) onHover(true);
|
|
@@ -75,47 +75,47 @@ function $9cc09df9fd7676be$export$7bbed75feba39706(props) {
|
|
|
75
75
|
};
|
|
76
76
|
let onKeyDown = (e)=>{
|
|
77
77
|
switch(e.key){
|
|
78
|
-
case
|
|
79
|
-
case
|
|
80
|
-
if (orientation ===
|
|
78
|
+
case 'Left':
|
|
79
|
+
case 'ArrowLeft':
|
|
80
|
+
if (orientation === 'horizontal') {
|
|
81
81
|
e.preventDefault();
|
|
82
82
|
if (onDecrement && !reverse) onDecrement();
|
|
83
83
|
else if (onIncrement && reverse) onIncrement();
|
|
84
84
|
}
|
|
85
85
|
break;
|
|
86
|
-
case
|
|
87
|
-
case
|
|
88
|
-
if (orientation ===
|
|
86
|
+
case 'Up':
|
|
87
|
+
case 'ArrowUp':
|
|
88
|
+
if (orientation === 'vertical') {
|
|
89
89
|
e.preventDefault();
|
|
90
90
|
if (onDecrement && !reverse) onDecrement();
|
|
91
91
|
else if (onIncrement && reverse) onIncrement();
|
|
92
92
|
}
|
|
93
93
|
break;
|
|
94
|
-
case
|
|
95
|
-
case
|
|
96
|
-
if (orientation ===
|
|
94
|
+
case 'Right':
|
|
95
|
+
case 'ArrowRight':
|
|
96
|
+
if (orientation === 'horizontal') {
|
|
97
97
|
e.preventDefault();
|
|
98
98
|
if (onIncrement && !reverse) onIncrement();
|
|
99
99
|
else if (onDecrement && reverse) onDecrement();
|
|
100
100
|
}
|
|
101
101
|
break;
|
|
102
|
-
case
|
|
103
|
-
case
|
|
104
|
-
if (orientation ===
|
|
102
|
+
case 'Down':
|
|
103
|
+
case 'ArrowDown':
|
|
104
|
+
if (orientation === 'vertical') {
|
|
105
105
|
e.preventDefault();
|
|
106
106
|
if (onIncrement && !reverse) onIncrement();
|
|
107
107
|
else if (onDecrement && reverse) onDecrement();
|
|
108
108
|
}
|
|
109
109
|
break;
|
|
110
|
-
case
|
|
110
|
+
case 'Home':
|
|
111
111
|
e.preventDefault();
|
|
112
112
|
if (onDecrementToMin) onDecrementToMin();
|
|
113
113
|
break;
|
|
114
|
-
case
|
|
114
|
+
case 'End':
|
|
115
115
|
e.preventDefault();
|
|
116
116
|
if (onIncrementToMax) onIncrementToMax();
|
|
117
117
|
break;
|
|
118
|
-
case
|
|
118
|
+
case 'Enter':
|
|
119
119
|
e.preventDefault();
|
|
120
120
|
if (onCollapseToggle) onCollapseToggle();
|
|
121
121
|
break;
|
package/dist/useEffectEvent.mjs
CHANGED
package/dist/useEvent.mjs
CHANGED
|
@@ -27,9 +27,9 @@ function $1f205e845604a423$export$5add1d006293d136(ref, initialValue, onReset) {
|
|
|
27
27
|
(0, $81vbz$react.useEffect)(()=>{
|
|
28
28
|
var _ref_current;
|
|
29
29
|
let form = ref === null || ref === void 0 ? void 0 : (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.form;
|
|
30
|
-
form === null || form === void 0 ? void 0 : form.addEventListener(
|
|
30
|
+
form === null || form === void 0 ? void 0 : form.addEventListener('reset', handleReset);
|
|
31
31
|
return ()=>{
|
|
32
|
-
form === null || form === void 0 ? void 0 : form.removeEventListener(
|
|
32
|
+
form === null || form === void 0 ? void 0 : form.removeEventListener('reset', handleReset);
|
|
33
33
|
};
|
|
34
34
|
}, [
|
|
35
35
|
ref,
|
package/dist/useFormReset.mjs
CHANGED
|
@@ -21,9 +21,9 @@ function $99facab73266f662$export$5add1d006293d136(ref, initialValue, onReset) {
|
|
|
21
21
|
(0, $8rM3G$useEffect)(()=>{
|
|
22
22
|
var _ref_current;
|
|
23
23
|
let form = ref === null || ref === void 0 ? void 0 : (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.form;
|
|
24
|
-
form === null || form === void 0 ? void 0 : form.addEventListener(
|
|
24
|
+
form === null || form === void 0 ? void 0 : form.addEventListener('reset', handleReset);
|
|
25
25
|
return ()=>{
|
|
26
|
-
form === null || form === void 0 ? void 0 : form.removeEventListener(
|
|
26
|
+
form === null || form === void 0 ? void 0 : form.removeEventListener('reset', handleReset);
|
|
27
27
|
};
|
|
28
28
|
}, [
|
|
29
29
|
ref,
|
|
@@ -33,4 +33,4 @@ function $99facab73266f662$export$5add1d006293d136(ref, initialValue, onReset) {
|
|
|
33
33
|
|
|
34
34
|
|
|
35
35
|
export {$99facab73266f662$export$5add1d006293d136 as useFormReset};
|
|
36
|
-
//# sourceMappingURL=useFormReset.
|
|
36
|
+
//# sourceMappingURL=useFormReset.module.js.map
|
|
@@ -21,9 +21,9 @@ function $99facab73266f662$export$5add1d006293d136(ref, initialValue, onReset) {
|
|
|
21
21
|
(0, $8rM3G$useEffect)(()=>{
|
|
22
22
|
var _ref_current;
|
|
23
23
|
let form = ref === null || ref === void 0 ? void 0 : (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.form;
|
|
24
|
-
form === null || form === void 0 ? void 0 : form.addEventListener(
|
|
24
|
+
form === null || form === void 0 ? void 0 : form.addEventListener('reset', handleReset);
|
|
25
25
|
return ()=>{
|
|
26
|
-
form === null || form === void 0 ? void 0 : form.removeEventListener(
|
|
26
|
+
form === null || form === void 0 ? void 0 : form.removeEventListener('reset', handleReset);
|
|
27
27
|
};
|
|
28
28
|
}, [
|
|
29
29
|
ref,
|
package/dist/useId.main.js
CHANGED
|
@@ -26,7 +26,7 @@ $parcel$export(module.exports, "useSlotId", () => $8c61827343eed941$export$b4cc0
|
|
|
26
26
|
|
|
27
27
|
|
|
28
28
|
// copied from SSRProvider.tsx to reduce exports, if needed again, consider sharing
|
|
29
|
-
let $8c61827343eed941$var$canUseDOM = Boolean(typeof window !==
|
|
29
|
+
let $8c61827343eed941$var$canUseDOM = Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);
|
|
30
30
|
let $8c61827343eed941$var$idsUpdaterMap = new Map();
|
|
31
31
|
function $8c61827343eed941$export$f680877a34711e37(defaultId) {
|
|
32
32
|
let [value, setValue] = (0, $dG5aF$react.useState)(defaultId);
|
package/dist/useId.mjs
CHANGED
|
@@ -18,7 +18,7 @@ import {useSSRSafeId as $eKkEp$useSSRSafeId} from "@react-aria/ssr";
|
|
|
18
18
|
|
|
19
19
|
|
|
20
20
|
// copied from SSRProvider.tsx to reduce exports, if needed again, consider sharing
|
|
21
|
-
let $bdb11010cef70236$var$canUseDOM = Boolean(typeof window !==
|
|
21
|
+
let $bdb11010cef70236$var$canUseDOM = Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);
|
|
22
22
|
let $bdb11010cef70236$var$idsUpdaterMap = new Map();
|
|
23
23
|
function $bdb11010cef70236$export$f680877a34711e37(defaultId) {
|
|
24
24
|
let [value, setValue] = (0, $eKkEp$useState)(defaultId);
|
|
@@ -83,4 +83,4 @@ function $bdb11010cef70236$export$b4cc09c592e8fdb8(depArray = []) {
|
|
|
83
83
|
|
|
84
84
|
|
|
85
85
|
export {$bdb11010cef70236$export$f680877a34711e37 as useId, $bdb11010cef70236$export$cd8c9cb68f842629 as mergeIds, $bdb11010cef70236$export$b4cc09c592e8fdb8 as useSlotId};
|
|
86
|
-
//# sourceMappingURL=useId.
|
|
86
|
+
//# sourceMappingURL=useId.module.js.map
|
package/dist/useId.module.js
CHANGED
|
@@ -18,7 +18,7 @@ import {useSSRSafeId as $eKkEp$useSSRSafeId} from "@react-aria/ssr";
|
|
|
18
18
|
|
|
19
19
|
|
|
20
20
|
// copied from SSRProvider.tsx to reduce exports, if needed again, consider sharing
|
|
21
|
-
let $bdb11010cef70236$var$canUseDOM = Boolean(typeof window !==
|
|
21
|
+
let $bdb11010cef70236$var$canUseDOM = Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);
|
|
22
22
|
let $bdb11010cef70236$var$idsUpdaterMap = new Map();
|
|
23
23
|
function $bdb11010cef70236$export$f680877a34711e37(defaultId) {
|
|
24
24
|
let [value, setValue] = (0, $eKkEp$useState)(defaultId);
|
package/dist/useLabels.main.js
CHANGED
|
@@ -18,7 +18,7 @@ $parcel$export(module.exports, "useLabels", () => $6ec78bde395c477d$export$d6875
|
|
|
18
18
|
* governing permissions and limitations under the License.
|
|
19
19
|
*/
|
|
20
20
|
function $6ec78bde395c477d$export$d6875122194c7b44(props, defaultLabel) {
|
|
21
|
-
let { id: id,
|
|
21
|
+
let { id: id, 'aria-label': label, 'aria-labelledby': labelledBy } = props;
|
|
22
22
|
// If there is both an aria-label and aria-labelledby,
|
|
23
23
|
// combine them by pointing to the element itself.
|
|
24
24
|
id = (0, $8c61827343eed941$exports.useId)(id);
|
|
@@ -29,14 +29,14 @@ function $6ec78bde395c477d$export$d6875122194c7b44(props, defaultLabel) {
|
|
|
29
29
|
]);
|
|
30
30
|
labelledBy = [
|
|
31
31
|
...ids
|
|
32
|
-
].join(
|
|
33
|
-
} else if (labelledBy) labelledBy = labelledBy.trim().split(/\s+/).join(
|
|
32
|
+
].join(' ');
|
|
33
|
+
} else if (labelledBy) labelledBy = labelledBy.trim().split(/\s+/).join(' ');
|
|
34
34
|
// If no labels are provided, use the default
|
|
35
35
|
if (!label && !labelledBy && defaultLabel) label = defaultLabel;
|
|
36
36
|
return {
|
|
37
37
|
id: id,
|
|
38
|
-
|
|
39
|
-
|
|
38
|
+
'aria-label': label,
|
|
39
|
+
'aria-labelledby': labelledBy
|
|
40
40
|
};
|
|
41
41
|
}
|
|
42
42
|
|
package/dist/useLabels.mjs
CHANGED
|
@@ -12,7 +12,7 @@ import {useId as $bdb11010cef70236$export$f680877a34711e37} from "./useId.mjs";
|
|
|
12
12
|
* governing permissions and limitations under the License.
|
|
13
13
|
*/
|
|
14
14
|
function $313b98861ee5dd6c$export$d6875122194c7b44(props, defaultLabel) {
|
|
15
|
-
let { id: id,
|
|
15
|
+
let { id: id, 'aria-label': label, 'aria-labelledby': labelledBy } = props;
|
|
16
16
|
// If there is both an aria-label and aria-labelledby,
|
|
17
17
|
// combine them by pointing to the element itself.
|
|
18
18
|
id = (0, $bdb11010cef70236$export$f680877a34711e37)(id);
|
|
@@ -23,17 +23,17 @@ function $313b98861ee5dd6c$export$d6875122194c7b44(props, defaultLabel) {
|
|
|
23
23
|
]);
|
|
24
24
|
labelledBy = [
|
|
25
25
|
...ids
|
|
26
|
-
].join(
|
|
27
|
-
} else if (labelledBy) labelledBy = labelledBy.trim().split(/\s+/).join(
|
|
26
|
+
].join(' ');
|
|
27
|
+
} else if (labelledBy) labelledBy = labelledBy.trim().split(/\s+/).join(' ');
|
|
28
28
|
// If no labels are provided, use the default
|
|
29
29
|
if (!label && !labelledBy && defaultLabel) label = defaultLabel;
|
|
30
30
|
return {
|
|
31
31
|
id: id,
|
|
32
|
-
|
|
33
|
-
|
|
32
|
+
'aria-label': label,
|
|
33
|
+
'aria-labelledby': labelledBy
|
|
34
34
|
};
|
|
35
35
|
}
|
|
36
36
|
|
|
37
37
|
|
|
38
38
|
export {$313b98861ee5dd6c$export$d6875122194c7b44 as useLabels};
|
|
39
|
-
//# sourceMappingURL=useLabels.
|
|
39
|
+
//# sourceMappingURL=useLabels.module.js.map
|
package/dist/useLabels.module.js
CHANGED
|
@@ -12,7 +12,7 @@ import {useId as $bdb11010cef70236$export$f680877a34711e37} from "./useId.module
|
|
|
12
12
|
* governing permissions and limitations under the License.
|
|
13
13
|
*/
|
|
14
14
|
function $313b98861ee5dd6c$export$d6875122194c7b44(props, defaultLabel) {
|
|
15
|
-
let { id: id,
|
|
15
|
+
let { id: id, 'aria-label': label, 'aria-labelledby': labelledBy } = props;
|
|
16
16
|
// If there is both an aria-label and aria-labelledby,
|
|
17
17
|
// combine them by pointing to the element itself.
|
|
18
18
|
id = (0, $bdb11010cef70236$export$f680877a34711e37)(id);
|
|
@@ -23,14 +23,14 @@ function $313b98861ee5dd6c$export$d6875122194c7b44(props, defaultLabel) {
|
|
|
23
23
|
]);
|
|
24
24
|
labelledBy = [
|
|
25
25
|
...ids
|
|
26
|
-
].join(
|
|
27
|
-
} else if (labelledBy) labelledBy = labelledBy.trim().split(/\s+/).join(
|
|
26
|
+
].join(' ');
|
|
27
|
+
} else if (labelledBy) labelledBy = labelledBy.trim().split(/\s+/).join(' ');
|
|
28
28
|
// If no labels are provided, use the default
|
|
29
29
|
if (!label && !labelledBy && defaultLabel) label = defaultLabel;
|
|
30
30
|
return {
|
|
31
31
|
id: id,
|
|
32
|
-
|
|
33
|
-
|
|
32
|
+
'aria-label': label,
|
|
33
|
+
'aria-labelledby': labelledBy
|
|
34
34
|
};
|
|
35
35
|
}
|
|
36
36
|
|
|
@@ -21,7 +21,7 @@ $parcel$export(module.exports, "useLayoutEffect", () => $78605a5d7424e31b$export
|
|
|
21
21
|
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
22
22
|
* governing permissions and limitations under the License.
|
|
23
23
|
*/
|
|
24
|
-
const $78605a5d7424e31b$export$e5c5a5f917a5871c = typeof document !==
|
|
24
|
+
const $78605a5d7424e31b$export$e5c5a5f917a5871c = typeof document !== 'undefined' ? (0, ($parcel$interopDefault($ezjoC$react))).useLayoutEffect : ()=>{};
|
|
25
25
|
|
|
26
26
|
|
|
27
27
|
//# sourceMappingURL=useLayoutEffect.main.js.map
|
package/dist/useLayoutEffect.mjs
CHANGED
|
@@ -11,8 +11,8 @@ import $HgANd$react from "react";
|
|
|
11
11
|
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
12
12
|
* governing permissions and limitations under the License.
|
|
13
13
|
*/
|
|
14
|
-
const $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c = typeof document !==
|
|
14
|
+
const $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c = typeof document !== 'undefined' ? (0, $HgANd$react).useLayoutEffect : ()=>{};
|
|
15
15
|
|
|
16
16
|
|
|
17
17
|
export {$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c as useLayoutEffect};
|
|
18
|
-
//# sourceMappingURL=useLayoutEffect.
|
|
18
|
+
//# sourceMappingURL=useLayoutEffect.module.js.map
|
|
@@ -11,7 +11,7 @@ import $HgANd$react from "react";
|
|
|
11
11
|
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
12
12
|
* governing permissions and limitations under the License.
|
|
13
13
|
*/
|
|
14
|
-
const $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c = typeof document !==
|
|
14
|
+
const $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c = typeof document !== 'undefined' ? (0, $HgANd$react).useLayoutEffect : ()=>{};
|
|
15
15
|
|
|
16
16
|
|
|
17
17
|
export {$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c as useLayoutEffect};
|
|
@@ -25,7 +25,7 @@ function $475b35fe72ba49b3$export$4338b53315abf666(forwardedRef) {
|
|
|
25
25
|
},
|
|
26
26
|
set current (value){
|
|
27
27
|
objRef.current = value;
|
|
28
|
-
if (typeof forwardedRef ===
|
|
28
|
+
if (typeof forwardedRef === 'function') forwardedRef(value);
|
|
29
29
|
else if (forwardedRef) forwardedRef.current = value;
|
|
30
30
|
}
|
|
31
31
|
}), [
|
package/dist/useObjectRef.mjs
CHANGED
|
@@ -19,7 +19,7 @@ function $df56164dff5785e2$export$4338b53315abf666(forwardedRef) {
|
|
|
19
19
|
},
|
|
20
20
|
set current (value){
|
|
21
21
|
objRef.current = value;
|
|
22
|
-
if (typeof forwardedRef ===
|
|
22
|
+
if (typeof forwardedRef === 'function') forwardedRef(value);
|
|
23
23
|
else if (forwardedRef) forwardedRef.current = value;
|
|
24
24
|
}
|
|
25
25
|
}), [
|
|
@@ -29,4 +29,4 @@ function $df56164dff5785e2$export$4338b53315abf666(forwardedRef) {
|
|
|
29
29
|
|
|
30
30
|
|
|
31
31
|
export {$df56164dff5785e2$export$4338b53315abf666 as useObjectRef};
|
|
32
|
-
//# sourceMappingURL=useObjectRef.
|
|
32
|
+
//# sourceMappingURL=useObjectRef.module.js.map
|
|
@@ -19,7 +19,7 @@ function $df56164dff5785e2$export$4338b53315abf666(forwardedRef) {
|
|
|
19
19
|
},
|
|
20
20
|
set current (value){
|
|
21
21
|
objRef.current = value;
|
|
22
|
-
if (typeof forwardedRef ===
|
|
22
|
+
if (typeof forwardedRef === 'function') forwardedRef(value);
|
|
23
23
|
else if (forwardedRef) forwardedRef.current = value;
|
|
24
24
|
}
|
|
25
25
|
}), [
|
|
@@ -8,7 +8,7 @@ function $parcel$export(e, n, v, s) {
|
|
|
8
8
|
$parcel$export(module.exports, "useResizeObserver", () => $37733e1652f47193$export$683480f191c0e3ea);
|
|
9
9
|
|
|
10
10
|
function $37733e1652f47193$var$hasResizeObserver() {
|
|
11
|
-
return typeof window.ResizeObserver !==
|
|
11
|
+
return typeof window.ResizeObserver !== 'undefined';
|
|
12
12
|
}
|
|
13
13
|
function $37733e1652f47193$export$683480f191c0e3ea(options) {
|
|
14
14
|
const { ref: ref, onResize: onResize } = options;
|
|
@@ -16,9 +16,9 @@ function $37733e1652f47193$export$683480f191c0e3ea(options) {
|
|
|
16
16
|
let element = ref === null || ref === void 0 ? void 0 : ref.current;
|
|
17
17
|
if (!element) return;
|
|
18
18
|
if (!$37733e1652f47193$var$hasResizeObserver()) {
|
|
19
|
-
window.addEventListener(
|
|
19
|
+
window.addEventListener('resize', onResize, false);
|
|
20
20
|
return ()=>{
|
|
21
|
-
window.removeEventListener(
|
|
21
|
+
window.removeEventListener('resize', onResize, false);
|
|
22
22
|
};
|
|
23
23
|
} else {
|
|
24
24
|
const resizeObserverInstance = new window.ResizeObserver((entries)=>{
|
|
@@ -2,7 +2,7 @@ import {useEffect as $Vsl8o$useEffect} from "react";
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
function $9daab02d461809db$var$hasResizeObserver() {
|
|
5
|
-
return typeof window.ResizeObserver !==
|
|
5
|
+
return typeof window.ResizeObserver !== 'undefined';
|
|
6
6
|
}
|
|
7
7
|
function $9daab02d461809db$export$683480f191c0e3ea(options) {
|
|
8
8
|
const { ref: ref, onResize: onResize } = options;
|
|
@@ -10,9 +10,9 @@ function $9daab02d461809db$export$683480f191c0e3ea(options) {
|
|
|
10
10
|
let element = ref === null || ref === void 0 ? void 0 : ref.current;
|
|
11
11
|
if (!element) return;
|
|
12
12
|
if (!$9daab02d461809db$var$hasResizeObserver()) {
|
|
13
|
-
window.addEventListener(
|
|
13
|
+
window.addEventListener('resize', onResize, false);
|
|
14
14
|
return ()=>{
|
|
15
|
-
window.removeEventListener(
|
|
15
|
+
window.removeEventListener('resize', onResize, false);
|
|
16
16
|
};
|
|
17
17
|
} else {
|
|
18
18
|
const resizeObserverInstance = new window.ResizeObserver((entries)=>{
|
|
@@ -32,4 +32,4 @@ function $9daab02d461809db$export$683480f191c0e3ea(options) {
|
|
|
32
32
|
|
|
33
33
|
|
|
34
34
|
export {$9daab02d461809db$export$683480f191c0e3ea as useResizeObserver};
|
|
35
|
-
//# sourceMappingURL=useResizeObserver.
|
|
35
|
+
//# sourceMappingURL=useResizeObserver.module.js.map
|
|
@@ -2,7 +2,7 @@ import {useEffect as $Vsl8o$useEffect} from "react";
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
function $9daab02d461809db$var$hasResizeObserver() {
|
|
5
|
-
return typeof window.ResizeObserver !==
|
|
5
|
+
return typeof window.ResizeObserver !== 'undefined';
|
|
6
6
|
}
|
|
7
7
|
function $9daab02d461809db$export$683480f191c0e3ea(options) {
|
|
8
8
|
const { ref: ref, onResize: onResize } = options;
|
|
@@ -10,9 +10,9 @@ function $9daab02d461809db$export$683480f191c0e3ea(options) {
|
|
|
10
10
|
let element = ref === null || ref === void 0 ? void 0 : ref.current;
|
|
11
11
|
if (!element) return;
|
|
12
12
|
if (!$9daab02d461809db$var$hasResizeObserver()) {
|
|
13
|
-
window.addEventListener(
|
|
13
|
+
window.addEventListener('resize', onResize, false);
|
|
14
14
|
return ()=>{
|
|
15
|
-
window.removeEventListener(
|
|
15
|
+
window.removeEventListener('resize', onResize, false);
|
|
16
16
|
};
|
|
17
17
|
} else {
|
|
18
18
|
const resizeObserverInstance = new window.ResizeObserver((entries)=>{
|