@react-aria/utils 3.11.2 → 3.13.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 +250 -243
- package/dist/main.js.map +1 -1
- package/dist/module.js +227 -221
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +7 -3
- package/dist/types.d.ts.map +1 -1
- package/package.json +6 -6
- package/src/index.ts +1 -0
- package/src/mergeRefs.ts +28 -0
- package/src/platform.ts +14 -10
- package/src/useId.ts +8 -16
package/dist/module.js
CHANGED
|
@@ -1,83 +1,73 @@
|
|
|
1
|
-
import $
|
|
2
|
-
import {useSSRSafeId as $
|
|
3
|
-
import $
|
|
4
|
-
import {clamp as $
|
|
1
|
+
import $12uGp$react, {useState as $12uGp$useState, useRef as $12uGp$useRef, useCallback as $12uGp$useCallback, useEffect as $12uGp$useEffect} from "react";
|
|
2
|
+
import {useSSRSafeId as $12uGp$useSSRSafeId} from "@react-aria/ssr";
|
|
3
|
+
import $12uGp$clsx from "clsx";
|
|
4
|
+
import {clamp as $103b0e103f1b5952$re_export$clamp, snapValueToStep as $103b0e103f1b5952$re_export$snapValueToStep} from "@react-stately/utils";
|
|
5
5
|
|
|
6
6
|
function $parcel$export(e, n, v, s) {
|
|
7
7
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
8
8
|
}
|
|
9
|
-
var $
|
|
9
|
+
var $bdb11010cef70236$exports = {};
|
|
10
10
|
|
|
11
|
-
$parcel$export($
|
|
12
|
-
$parcel$export($
|
|
13
|
-
$parcel$export($
|
|
11
|
+
$parcel$export($bdb11010cef70236$exports, "useId", () => $bdb11010cef70236$export$f680877a34711e37);
|
|
12
|
+
$parcel$export($bdb11010cef70236$exports, "mergeIds", () => $bdb11010cef70236$export$cd8c9cb68f842629);
|
|
13
|
+
$parcel$export($bdb11010cef70236$exports, "useSlotId", () => $bdb11010cef70236$export$b4cc09c592e8fdb8);
|
|
14
14
|
|
|
15
|
-
var $
|
|
15
|
+
var $f0a04ccd8dbdd83b$exports = {};
|
|
16
16
|
|
|
17
|
-
$parcel$export($
|
|
17
|
+
$parcel$export($f0a04ccd8dbdd83b$exports, "useLayoutEffect", () => $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c);
|
|
18
18
|
|
|
19
|
-
const $
|
|
19
|
+
const $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c = typeof window !== 'undefined' ? $12uGp$react.useLayoutEffect : ()=>{
|
|
20
20
|
};
|
|
21
21
|
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
|
|
25
|
-
let $
|
|
26
|
-
function $
|
|
27
|
-
let
|
|
28
|
-
|
|
29
|
-
let
|
|
30
|
-
let
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
else nextId.current = val;
|
|
36
|
-
};
|
|
37
|
-
$5b01a7ee7dba2d86$var$idsUpdaterMap.set(res, updateValue);
|
|
38
|
-
$5ac25c9c8ba077b3$export$e5c5a5f917a5871c(()=>{
|
|
39
|
-
isRendering.current = false;
|
|
40
|
-
}, [
|
|
41
|
-
updateValue
|
|
42
|
-
]);
|
|
43
|
-
$5ac25c9c8ba077b3$export$e5c5a5f917a5871c(()=>{
|
|
25
|
+
let $bdb11010cef70236$var$idsUpdaterMap = new Map();
|
|
26
|
+
function $bdb11010cef70236$export$f680877a34711e37(defaultId) {
|
|
27
|
+
let [value, setValue] = $12uGp$useState(defaultId);
|
|
28
|
+
let nextId = $12uGp$useRef(null);
|
|
29
|
+
let res = $12uGp$useSSRSafeId(value);
|
|
30
|
+
let updateValue = $12uGp$useCallback((val)=>{
|
|
31
|
+
nextId.current = val;
|
|
32
|
+
}, []);
|
|
33
|
+
$bdb11010cef70236$var$idsUpdaterMap.set(res, updateValue);
|
|
34
|
+
$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(()=>{
|
|
44
35
|
let r = res;
|
|
45
36
|
return ()=>{
|
|
46
|
-
$
|
|
37
|
+
$bdb11010cef70236$var$idsUpdaterMap.delete(r);
|
|
47
38
|
};
|
|
48
39
|
}, [
|
|
49
40
|
res
|
|
50
41
|
]);
|
|
51
|
-
|
|
42
|
+
// This cannot cause an infinite loop because the ref is updated first.
|
|
43
|
+
// eslint-disable-next-line
|
|
44
|
+
$12uGp$useEffect(()=>{
|
|
52
45
|
let newId = nextId.current;
|
|
53
46
|
if (newId) {
|
|
54
|
-
setValue(newId);
|
|
55
47
|
nextId.current = null;
|
|
48
|
+
setValue(newId);
|
|
56
49
|
}
|
|
57
|
-
}
|
|
58
|
-
setValue,
|
|
59
|
-
updateValue
|
|
60
|
-
]);
|
|
50
|
+
});
|
|
61
51
|
return res;
|
|
62
52
|
}
|
|
63
|
-
function $
|
|
53
|
+
function $bdb11010cef70236$export$cd8c9cb68f842629(idA, idB) {
|
|
64
54
|
if (idA === idB) return idA;
|
|
65
|
-
let setIdA = $
|
|
55
|
+
let setIdA = $bdb11010cef70236$var$idsUpdaterMap.get(idA);
|
|
66
56
|
if (setIdA) {
|
|
67
57
|
setIdA(idB);
|
|
68
58
|
return idB;
|
|
69
59
|
}
|
|
70
|
-
let setIdB = $
|
|
60
|
+
let setIdB = $bdb11010cef70236$var$idsUpdaterMap.get(idB);
|
|
71
61
|
if (setIdB) {
|
|
72
62
|
setIdB(idA);
|
|
73
63
|
return idA;
|
|
74
64
|
}
|
|
75
65
|
return idB;
|
|
76
66
|
}
|
|
77
|
-
function $
|
|
78
|
-
let id = $
|
|
79
|
-
let [resolvedId, setResolvedId] = $
|
|
80
|
-
let updateId = $
|
|
67
|
+
function $bdb11010cef70236$export$b4cc09c592e8fdb8(depArray = []) {
|
|
68
|
+
let id = $bdb11010cef70236$export$f680877a34711e37();
|
|
69
|
+
let [resolvedId, setResolvedId] = $1dbecbe27a04f9af$export$14d238f342723f25(id);
|
|
70
|
+
let updateId = $12uGp$useCallback(()=>{
|
|
81
71
|
setResolvedId(function*() {
|
|
82
72
|
yield id;
|
|
83
73
|
yield document.getElementById(id) ? id : null;
|
|
@@ -86,7 +76,7 @@ function $5b01a7ee7dba2d86$export$b4cc09c592e8fdb8(depArray = []) {
|
|
|
86
76
|
id,
|
|
87
77
|
setResolvedId
|
|
88
78
|
]);
|
|
89
|
-
$
|
|
79
|
+
$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(updateId, [
|
|
90
80
|
id,
|
|
91
81
|
updateId,
|
|
92
82
|
...depArray
|
|
@@ -95,23 +85,23 @@ function $5b01a7ee7dba2d86$export$b4cc09c592e8fdb8(depArray = []) {
|
|
|
95
85
|
}
|
|
96
86
|
|
|
97
87
|
|
|
98
|
-
var $
|
|
88
|
+
var $ff5963eb1fccf552$exports = {};
|
|
99
89
|
|
|
100
|
-
$parcel$export($
|
|
101
|
-
function $
|
|
90
|
+
$parcel$export($ff5963eb1fccf552$exports, "chain", () => $ff5963eb1fccf552$export$e08e3b67e392101e);
|
|
91
|
+
function $ff5963eb1fccf552$export$e08e3b67e392101e(...callbacks) {
|
|
102
92
|
return (...args)=>{
|
|
103
93
|
for (let callback of callbacks)if (typeof callback === 'function') callback(...args);
|
|
104
94
|
};
|
|
105
95
|
}
|
|
106
96
|
|
|
107
97
|
|
|
108
|
-
var $
|
|
98
|
+
var $3ef42575df84b30b$exports = {};
|
|
109
99
|
|
|
110
|
-
$parcel$export($
|
|
100
|
+
$parcel$export($3ef42575df84b30b$exports, "mergeProps", () => $3ef42575df84b30b$export$9d1611c77c2fe928);
|
|
111
101
|
|
|
112
102
|
|
|
113
103
|
|
|
114
|
-
function $
|
|
104
|
+
function $3ef42575df84b30b$export$9d1611c77c2fe928(...args) {
|
|
115
105
|
// Start with a base clone of the first argument. This is a lot faster than starting
|
|
116
106
|
// with an empty object and adding properties as we go.
|
|
117
107
|
let result = {
|
|
@@ -124,9 +114,9 @@ function $c42fb2a2f22e1846$export$9d1611c77c2fe928(...args) {
|
|
|
124
114
|
let b = props[key];
|
|
125
115
|
// Chain events
|
|
126
116
|
if (typeof a === 'function' && typeof b === 'function' && // This is a lot faster than a regex.
|
|
127
|
-
key[0] === 'o' && key[1] === 'n' && key.charCodeAt(2) >= /* 'A' */ 65 && key.charCodeAt(2) <= /* 'Z' */ 90) result[key] = $
|
|
128
|
-
else if ((key === 'className' || key === 'UNSAFE_className') && typeof a === 'string' && typeof b === 'string') result[key] = $
|
|
129
|
-
else if (key === 'id' && a && b) result.id = $
|
|
117
|
+
key[0] === 'o' && key[1] === 'n' && key.charCodeAt(2) >= /* 'A' */ 65 && key.charCodeAt(2) <= /* 'Z' */ 90) result[key] = $ff5963eb1fccf552$export$e08e3b67e392101e(a, b);
|
|
118
|
+
else if ((key === 'className' || key === 'UNSAFE_className') && typeof a === 'string' && typeof b === 'string') result[key] = $12uGp$clsx(a, b);
|
|
119
|
+
else if (key === 'id' && a && b) result.id = $bdb11010cef70236$export$cd8c9cb68f842629(a, b);
|
|
130
120
|
else result[key] = b !== undefined ? b : a;
|
|
131
121
|
}
|
|
132
122
|
}
|
|
@@ -134,51 +124,64 @@ function $c42fb2a2f22e1846$export$9d1611c77c2fe928(...args) {
|
|
|
134
124
|
}
|
|
135
125
|
|
|
136
126
|
|
|
137
|
-
var $
|
|
127
|
+
var $5dc95899b306f630$exports = {};
|
|
128
|
+
|
|
129
|
+
$parcel$export($5dc95899b306f630$exports, "mergeRefs", () => $5dc95899b306f630$export$c9058316764c140e);
|
|
130
|
+
function $5dc95899b306f630$export$c9058316764c140e(...refs) {
|
|
131
|
+
return (value)=>{
|
|
132
|
+
for (let ref of refs){
|
|
133
|
+
if (typeof ref === 'function') ref(value);
|
|
134
|
+
else if (ref != null) ref.current = value;
|
|
135
|
+
}
|
|
136
|
+
};
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
|
|
140
|
+
var $65484d02dcb7eb3e$exports = {};
|
|
138
141
|
|
|
139
|
-
$parcel$export($
|
|
140
|
-
const $
|
|
142
|
+
$parcel$export($65484d02dcb7eb3e$exports, "filterDOMProps", () => $65484d02dcb7eb3e$export$457c3d6518dd4c6f);
|
|
143
|
+
const $65484d02dcb7eb3e$var$DOMPropNames = new Set([
|
|
141
144
|
'id'
|
|
142
145
|
]);
|
|
143
|
-
const $
|
|
146
|
+
const $65484d02dcb7eb3e$var$labelablePropNames = new Set([
|
|
144
147
|
'aria-label',
|
|
145
148
|
'aria-labelledby',
|
|
146
149
|
'aria-describedby',
|
|
147
150
|
'aria-details'
|
|
148
151
|
]);
|
|
149
|
-
const $
|
|
150
|
-
function $
|
|
152
|
+
const $65484d02dcb7eb3e$var$propRe = /^(data-.*)$/;
|
|
153
|
+
function $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, opts = {
|
|
151
154
|
}) {
|
|
152
155
|
let { labelable: labelable , propNames: propNames } = opts;
|
|
153
156
|
let filteredProps = {
|
|
154
157
|
};
|
|
155
|
-
for(const prop in props)if (Object.prototype.hasOwnProperty.call(props, prop) && ($
|
|
158
|
+
for(const prop in props)if (Object.prototype.hasOwnProperty.call(props, prop) && ($65484d02dcb7eb3e$var$DOMPropNames.has(prop) || labelable && $65484d02dcb7eb3e$var$labelablePropNames.has(prop) || (propNames === null || propNames === void 0 ? void 0 : propNames.has(prop)) || $65484d02dcb7eb3e$var$propRe.test(prop))) filteredProps[prop] = props[prop];
|
|
156
159
|
return filteredProps;
|
|
157
160
|
}
|
|
158
161
|
|
|
159
162
|
|
|
160
|
-
var $
|
|
163
|
+
var $7215afc6de606d6b$exports = {};
|
|
161
164
|
|
|
162
|
-
$parcel$export($
|
|
163
|
-
function $
|
|
164
|
-
if ($
|
|
165
|
+
$parcel$export($7215afc6de606d6b$exports, "focusWithoutScrolling", () => $7215afc6de606d6b$export$de79e2c695e052f3);
|
|
166
|
+
function $7215afc6de606d6b$export$de79e2c695e052f3(element) {
|
|
167
|
+
if ($7215afc6de606d6b$var$supportsPreventScroll()) element.focus({
|
|
165
168
|
preventScroll: true
|
|
166
169
|
});
|
|
167
170
|
else {
|
|
168
|
-
let scrollableElements = $
|
|
171
|
+
let scrollableElements = $7215afc6de606d6b$var$getScrollableElements(element);
|
|
169
172
|
element.focus();
|
|
170
|
-
$
|
|
173
|
+
$7215afc6de606d6b$var$restoreScrollPosition(scrollableElements);
|
|
171
174
|
}
|
|
172
175
|
}
|
|
173
|
-
let $
|
|
174
|
-
function $
|
|
175
|
-
if ($
|
|
176
|
-
$
|
|
176
|
+
let $7215afc6de606d6b$var$supportsPreventScrollCached = null;
|
|
177
|
+
function $7215afc6de606d6b$var$supportsPreventScroll() {
|
|
178
|
+
if ($7215afc6de606d6b$var$supportsPreventScrollCached == null) {
|
|
179
|
+
$7215afc6de606d6b$var$supportsPreventScrollCached = false;
|
|
177
180
|
try {
|
|
178
181
|
var focusElem = document.createElement('div');
|
|
179
182
|
focusElem.focus({
|
|
180
183
|
get preventScroll () {
|
|
181
|
-
$
|
|
184
|
+
$7215afc6de606d6b$var$supportsPreventScrollCached = true;
|
|
182
185
|
return true;
|
|
183
186
|
}
|
|
184
187
|
});
|
|
@@ -186,9 +189,9 @@ function $1b46e2787874cd75$var$supportsPreventScroll() {
|
|
|
186
189
|
// Ignore
|
|
187
190
|
}
|
|
188
191
|
}
|
|
189
|
-
return $
|
|
192
|
+
return $7215afc6de606d6b$var$supportsPreventScrollCached;
|
|
190
193
|
}
|
|
191
|
-
function $
|
|
194
|
+
function $7215afc6de606d6b$var$getScrollableElements(element) {
|
|
192
195
|
var parent = element.parentNode;
|
|
193
196
|
var scrollableElements = [];
|
|
194
197
|
var rootScrollingElement = document.scrollingElement || document.documentElement;
|
|
@@ -207,7 +210,7 @@ function $1b46e2787874cd75$var$getScrollableElements(element) {
|
|
|
207
210
|
});
|
|
208
211
|
return scrollableElements;
|
|
209
212
|
}
|
|
210
|
-
function $
|
|
213
|
+
function $7215afc6de606d6b$var$restoreScrollPosition(scrollableElements) {
|
|
211
214
|
for (let { element: element , scrollTop: scrollTop , scrollLeft: scrollLeft } of scrollableElements){
|
|
212
215
|
element.scrollTop = scrollTop;
|
|
213
216
|
element.scrollLeft = scrollLeft;
|
|
@@ -215,26 +218,26 @@ function $1b46e2787874cd75$var$restoreScrollPosition(scrollableElements) {
|
|
|
215
218
|
}
|
|
216
219
|
|
|
217
220
|
|
|
218
|
-
var $
|
|
221
|
+
var $ab71dadb03a6fb2e$exports = {};
|
|
219
222
|
|
|
220
|
-
$parcel$export($
|
|
221
|
-
function $
|
|
223
|
+
$parcel$export($ab71dadb03a6fb2e$exports, "getOffset", () => $ab71dadb03a6fb2e$export$622cea445a1c5b7d);
|
|
224
|
+
function $ab71dadb03a6fb2e$export$622cea445a1c5b7d(element, reverse, orientation = 'horizontal') {
|
|
222
225
|
let rect = element.getBoundingClientRect();
|
|
223
226
|
if (reverse) return orientation === 'horizontal' ? rect.right : rect.bottom;
|
|
224
227
|
return orientation === 'horizontal' ? rect.left : rect.top;
|
|
225
228
|
}
|
|
226
229
|
|
|
227
230
|
|
|
228
|
-
var $
|
|
231
|
+
var $103b0e103f1b5952$exports = {};
|
|
229
232
|
|
|
230
|
-
$parcel$export($
|
|
231
|
-
$parcel$export($
|
|
233
|
+
$parcel$export($103b0e103f1b5952$exports, "clamp", () => $103b0e103f1b5952$re_export$clamp);
|
|
234
|
+
$parcel$export($103b0e103f1b5952$exports, "snapValueToStep", () => $103b0e103f1b5952$re_export$snapValueToStep);
|
|
232
235
|
|
|
233
236
|
|
|
234
237
|
|
|
235
|
-
var $
|
|
238
|
+
var $bbed8b41f857bcc0$exports = {};
|
|
236
239
|
|
|
237
|
-
$parcel$export($
|
|
240
|
+
$parcel$export($bbed8b41f857bcc0$exports, "runAfterTransition", () => $bbed8b41f857bcc0$export$24490316f764c430);
|
|
238
241
|
/*
|
|
239
242
|
* Copyright 2020 Adobe. All rights reserved.
|
|
240
243
|
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
@@ -251,17 +254,17 @@ $parcel$export($51de12ccb2f75a87$exports, "runAfterTransition", () => $51de12ccb
|
|
|
251
254
|
// bugs, e.g. Chrome sometimes fires both transitionend and transitioncancel rather
|
|
252
255
|
// than one or the other. So we need to track what's actually transitioning so that
|
|
253
256
|
// we can ignore these duplicate events.
|
|
254
|
-
let $
|
|
257
|
+
let $bbed8b41f857bcc0$var$transitionsByElement = new Map();
|
|
255
258
|
// A list of callbacks to call once there are no transitioning elements.
|
|
256
|
-
let $
|
|
257
|
-
function $
|
|
259
|
+
let $bbed8b41f857bcc0$var$transitionCallbacks = new Set();
|
|
260
|
+
function $bbed8b41f857bcc0$var$setupGlobalEvents() {
|
|
258
261
|
if (typeof window === 'undefined') return;
|
|
259
262
|
let onTransitionStart = (e)=>{
|
|
260
263
|
// Add the transitioning property to the list for this element.
|
|
261
|
-
let transitions = $
|
|
264
|
+
let transitions = $bbed8b41f857bcc0$var$transitionsByElement.get(e.target);
|
|
262
265
|
if (!transitions) {
|
|
263
266
|
transitions = new Set();
|
|
264
|
-
$
|
|
267
|
+
$bbed8b41f857bcc0$var$transitionsByElement.set(e.target, transitions);
|
|
265
268
|
// The transitioncancel event must be registered on the element itself, rather than as a global
|
|
266
269
|
// event. This enables us to handle when the node is deleted from the document while it is transitioning.
|
|
267
270
|
// In that case, the cancel event would have nowhere to bubble to so we need to handle it directly.
|
|
@@ -271,62 +274,62 @@ function $51de12ccb2f75a87$var$setupGlobalEvents() {
|
|
|
271
274
|
};
|
|
272
275
|
let onTransitionEnd = (e)=>{
|
|
273
276
|
// Remove property from list of transitioning properties.
|
|
274
|
-
let properties = $
|
|
277
|
+
let properties = $bbed8b41f857bcc0$var$transitionsByElement.get(e.target);
|
|
275
278
|
if (!properties) return;
|
|
276
279
|
properties.delete(e.propertyName);
|
|
277
280
|
// If empty, remove transitioncancel event, and remove the element from the list of transitioning elements.
|
|
278
281
|
if (properties.size === 0) {
|
|
279
282
|
e.target.removeEventListener('transitioncancel', onTransitionEnd);
|
|
280
|
-
$
|
|
283
|
+
$bbed8b41f857bcc0$var$transitionsByElement.delete(e.target);
|
|
281
284
|
}
|
|
282
285
|
// If no transitioning elements, call all of the queued callbacks.
|
|
283
|
-
if ($
|
|
284
|
-
for (let cb of $
|
|
285
|
-
$
|
|
286
|
+
if ($bbed8b41f857bcc0$var$transitionsByElement.size === 0) {
|
|
287
|
+
for (let cb of $bbed8b41f857bcc0$var$transitionCallbacks)cb();
|
|
288
|
+
$bbed8b41f857bcc0$var$transitionCallbacks.clear();
|
|
286
289
|
}
|
|
287
290
|
};
|
|
288
291
|
document.body.addEventListener('transitionrun', onTransitionStart);
|
|
289
292
|
document.body.addEventListener('transitionend', onTransitionEnd);
|
|
290
293
|
}
|
|
291
294
|
if (typeof document !== 'undefined') {
|
|
292
|
-
if (document.readyState !== 'loading') $
|
|
293
|
-
else document.addEventListener('DOMContentLoaded', $
|
|
295
|
+
if (document.readyState !== 'loading') $bbed8b41f857bcc0$var$setupGlobalEvents();
|
|
296
|
+
else document.addEventListener('DOMContentLoaded', $bbed8b41f857bcc0$var$setupGlobalEvents);
|
|
294
297
|
}
|
|
295
|
-
function $
|
|
298
|
+
function $bbed8b41f857bcc0$export$24490316f764c430(fn) {
|
|
296
299
|
// Wait one frame to see if an animation starts, e.g. a transition on mount.
|
|
297
300
|
requestAnimationFrame(()=>{
|
|
298
301
|
// If no transitions are running, call the function immediately.
|
|
299
302
|
// Otherwise, add it to a list of callbacks to run at the end of the animation.
|
|
300
|
-
if ($
|
|
301
|
-
else $
|
|
303
|
+
if ($bbed8b41f857bcc0$var$transitionsByElement.size === 0) fn();
|
|
304
|
+
else $bbed8b41f857bcc0$var$transitionCallbacks.add(fn);
|
|
302
305
|
});
|
|
303
306
|
}
|
|
304
307
|
|
|
305
308
|
|
|
306
|
-
var $
|
|
309
|
+
var $9cc09df9fd7676be$exports = {};
|
|
307
310
|
|
|
308
|
-
$parcel$export($
|
|
311
|
+
$parcel$export($9cc09df9fd7676be$exports, "useDrag1D", () => $9cc09df9fd7676be$export$7bbed75feba39706);
|
|
309
312
|
|
|
310
313
|
|
|
311
314
|
// Keep track of elements that we are currently handling dragging for via useDrag1D.
|
|
312
315
|
// If there's an ancestor and a descendant both using useDrag1D(), and the user starts
|
|
313
316
|
// dragging the descendant, we don't want useDrag1D events to fire for the ancestor.
|
|
314
|
-
const $
|
|
315
|
-
function $
|
|
317
|
+
const $9cc09df9fd7676be$var$draggingElements = [];
|
|
318
|
+
function $9cc09df9fd7676be$export$7bbed75feba39706(props) {
|
|
316
319
|
console.warn('useDrag1D is deprecated, please use `useMove` instead https://react-spectrum.adobe.com/react-aria/useMove.html');
|
|
317
320
|
let { containerRef: containerRef , reverse: reverse , orientation: orientation , onHover: onHover , onDrag: onDrag , onPositionChange: onPositionChange , onIncrement: onIncrement , onDecrement: onDecrement , onIncrementToMax: onIncrementToMax , onDecrementToMin: onDecrementToMin , onCollapseToggle: onCollapseToggle } = props;
|
|
318
321
|
let getPosition = (e)=>orientation === 'horizontal' ? e.clientX : e.clientY
|
|
319
322
|
;
|
|
320
323
|
let getNextOffset = (e)=>{
|
|
321
|
-
let containerOffset = $
|
|
324
|
+
let containerOffset = $ab71dadb03a6fb2e$export$622cea445a1c5b7d(containerRef.current, reverse, orientation);
|
|
322
325
|
let mouseOffset = getPosition(e);
|
|
323
326
|
let nextOffset = reverse ? containerOffset - mouseOffset : mouseOffset - containerOffset;
|
|
324
327
|
return nextOffset;
|
|
325
328
|
};
|
|
326
|
-
let dragging = $
|
|
327
|
-
let prevPosition = $
|
|
329
|
+
let dragging = $12uGp$useRef(false);
|
|
330
|
+
let prevPosition = $12uGp$useRef(0);
|
|
328
331
|
// Keep track of the current handlers in a ref so that the events can access them.
|
|
329
|
-
let handlers = $
|
|
332
|
+
let handlers = $12uGp$useRef({
|
|
330
333
|
onPositionChange: onPositionChange,
|
|
331
334
|
onDrag: onDrag
|
|
332
335
|
});
|
|
@@ -350,7 +353,7 @@ function $b8aeddd69b238bce$export$7bbed75feba39706(props) {
|
|
|
350
353
|
let nextOffset = getNextOffset(e);
|
|
351
354
|
if (handlers.current.onDrag) handlers.current.onDrag(false);
|
|
352
355
|
if (handlers.current.onPositionChange) handlers.current.onPositionChange(nextOffset);
|
|
353
|
-
$
|
|
356
|
+
$9cc09df9fd7676be$var$draggingElements.splice($9cc09df9fd7676be$var$draggingElements.indexOf(target), 1);
|
|
354
357
|
window.removeEventListener('mouseup', onMouseUp, false);
|
|
355
358
|
window.removeEventListener('mousemove', onMouseDragged, false);
|
|
356
359
|
};
|
|
@@ -358,9 +361,9 @@ function $b8aeddd69b238bce$export$7bbed75feba39706(props) {
|
|
|
358
361
|
const target = e.currentTarget;
|
|
359
362
|
// If we're already handling dragging on a descendant with useDrag1D, then
|
|
360
363
|
// we don't want to handle the drag motion on this target as well.
|
|
361
|
-
if ($
|
|
364
|
+
if ($9cc09df9fd7676be$var$draggingElements.some((elt)=>target.contains(elt)
|
|
362
365
|
)) return;
|
|
363
|
-
$
|
|
366
|
+
$9cc09df9fd7676be$var$draggingElements.push(target);
|
|
364
367
|
window.addEventListener('mousemove', onMouseDragged, false);
|
|
365
368
|
window.addEventListener('mouseup', onMouseUp, false);
|
|
366
369
|
};
|
|
@@ -427,13 +430,13 @@ function $b8aeddd69b238bce$export$7bbed75feba39706(props) {
|
|
|
427
430
|
}
|
|
428
431
|
|
|
429
432
|
|
|
430
|
-
var $
|
|
433
|
+
var $03deb23ff14920c4$exports = {};
|
|
431
434
|
|
|
432
|
-
$parcel$export($
|
|
435
|
+
$parcel$export($03deb23ff14920c4$exports, "useGlobalListeners", () => $03deb23ff14920c4$export$4eaf04e54aa8eed6);
|
|
433
436
|
|
|
434
|
-
function $
|
|
435
|
-
let globalListeners = $
|
|
436
|
-
let addGlobalListener = $
|
|
437
|
+
function $03deb23ff14920c4$export$4eaf04e54aa8eed6() {
|
|
438
|
+
let globalListeners = $12uGp$useRef(new Map());
|
|
439
|
+
let addGlobalListener = $12uGp$useCallback((eventTarget, type, listener, options)=>{
|
|
437
440
|
// Make sure we remove the listener after it is called with the `once` option.
|
|
438
441
|
let fn = (options === null || options === void 0 ? void 0 : options.once) ? (...args)=>{
|
|
439
442
|
globalListeners.current.delete(listener);
|
|
@@ -447,13 +450,13 @@ function $ce924e419b398d4c$export$4eaf04e54aa8eed6() {
|
|
|
447
450
|
});
|
|
448
451
|
eventTarget.addEventListener(type, listener, options);
|
|
449
452
|
}, []);
|
|
450
|
-
let removeGlobalListener = $
|
|
453
|
+
let removeGlobalListener = $12uGp$useCallback((eventTarget, type, listener, options)=>{
|
|
451
454
|
var ref;
|
|
452
455
|
let fn = ((ref = globalListeners.current.get(listener)) === null || ref === void 0 ? void 0 : ref.fn) || listener;
|
|
453
456
|
eventTarget.removeEventListener(type, fn, options);
|
|
454
457
|
globalListeners.current.delete(listener);
|
|
455
458
|
}, []);
|
|
456
|
-
let removeAllGlobalListeners = $
|
|
459
|
+
let removeAllGlobalListeners = $12uGp$useCallback(()=>{
|
|
457
460
|
globalListeners.current.forEach((value, key)=>{
|
|
458
461
|
removeGlobalListener(value.eventTarget, value.type, key, value.options);
|
|
459
462
|
});
|
|
@@ -461,7 +464,7 @@ function $ce924e419b398d4c$export$4eaf04e54aa8eed6() {
|
|
|
461
464
|
removeGlobalListener
|
|
462
465
|
]);
|
|
463
466
|
// eslint-disable-next-line arrow-body-style
|
|
464
|
-
$
|
|
467
|
+
$12uGp$useEffect(()=>{
|
|
465
468
|
return removeAllGlobalListeners;
|
|
466
469
|
}, [
|
|
467
470
|
removeAllGlobalListeners
|
|
@@ -474,15 +477,15 @@ function $ce924e419b398d4c$export$4eaf04e54aa8eed6() {
|
|
|
474
477
|
}
|
|
475
478
|
|
|
476
479
|
|
|
477
|
-
var $
|
|
480
|
+
var $313b98861ee5dd6c$exports = {};
|
|
478
481
|
|
|
479
|
-
$parcel$export($
|
|
482
|
+
$parcel$export($313b98861ee5dd6c$exports, "useLabels", () => $313b98861ee5dd6c$export$d6875122194c7b44);
|
|
480
483
|
|
|
481
|
-
function $
|
|
484
|
+
function $313b98861ee5dd6c$export$d6875122194c7b44(props, defaultLabel) {
|
|
482
485
|
let { id: id , 'aria-label': label , 'aria-labelledby': labelledBy } = props;
|
|
483
486
|
// If there is both an aria-label and aria-labelledby,
|
|
484
487
|
// combine them by pointing to the element itself.
|
|
485
|
-
id = $
|
|
488
|
+
id = $bdb11010cef70236$export$f680877a34711e37(id);
|
|
486
489
|
if (labelledBy && label) {
|
|
487
490
|
let ids = new Set([
|
|
488
491
|
...labelledBy.trim().split(/\s+/),
|
|
@@ -502,18 +505,18 @@ function $71a2c5844f2b60a4$export$d6875122194c7b44(props, defaultLabel) {
|
|
|
502
505
|
}
|
|
503
506
|
|
|
504
507
|
|
|
505
|
-
var $
|
|
508
|
+
var $df56164dff5785e2$exports = {};
|
|
506
509
|
|
|
507
|
-
$parcel$export($
|
|
510
|
+
$parcel$export($df56164dff5785e2$exports, "useObjectRef", () => $df56164dff5785e2$export$4338b53315abf666);
|
|
508
511
|
|
|
509
512
|
|
|
510
|
-
function $
|
|
511
|
-
const objRef = $
|
|
513
|
+
function $df56164dff5785e2$export$4338b53315abf666(forwardedRef) {
|
|
514
|
+
const objRef = $12uGp$useRef();
|
|
512
515
|
/**
|
|
513
516
|
* We're using `useLayoutEffect` here instead of `useEffect` because we want
|
|
514
517
|
* to make sure that the `ref` value is up to date before other places in the
|
|
515
518
|
* the execution cycle try to read it.
|
|
516
|
-
*/ $
|
|
519
|
+
*/ $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(()=>{
|
|
517
520
|
if (!forwardedRef) return;
|
|
518
521
|
if (typeof forwardedRef === 'function') forwardedRef(objRef.current);
|
|
519
522
|
else forwardedRef.current = objRef.current;
|
|
@@ -524,13 +527,13 @@ function $a235e7a487a1e81a$export$4338b53315abf666(forwardedRef) {
|
|
|
524
527
|
}
|
|
525
528
|
|
|
526
529
|
|
|
527
|
-
var $
|
|
530
|
+
var $4f58c5f72bcf79f7$exports = {};
|
|
528
531
|
|
|
529
|
-
$parcel$export($
|
|
532
|
+
$parcel$export($4f58c5f72bcf79f7$exports, "useUpdateEffect", () => $4f58c5f72bcf79f7$export$496315a1608d9602);
|
|
530
533
|
|
|
531
|
-
function $
|
|
532
|
-
const isInitialMount = $
|
|
533
|
-
$
|
|
534
|
+
function $4f58c5f72bcf79f7$export$496315a1608d9602(effect, dependencies) {
|
|
535
|
+
const isInitialMount = $12uGp$useRef(true);
|
|
536
|
+
$12uGp$useEffect(()=>{
|
|
534
537
|
if (isInitialMount.current) isInitialMount.current = false;
|
|
535
538
|
else effect();
|
|
536
539
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
@@ -539,19 +542,19 @@ function $2a91c3126c559388$export$496315a1608d9602(effect, dependencies) {
|
|
|
539
542
|
|
|
540
543
|
|
|
541
544
|
|
|
542
|
-
var $
|
|
545
|
+
var $9daab02d461809db$exports = {};
|
|
543
546
|
|
|
544
|
-
$parcel$export($
|
|
547
|
+
$parcel$export($9daab02d461809db$exports, "useResizeObserver", () => $9daab02d461809db$export$683480f191c0e3ea);
|
|
545
548
|
|
|
546
|
-
function $
|
|
549
|
+
function $9daab02d461809db$var$hasResizeObserver() {
|
|
547
550
|
return typeof window.ResizeObserver !== 'undefined';
|
|
548
551
|
}
|
|
549
|
-
function $
|
|
552
|
+
function $9daab02d461809db$export$683480f191c0e3ea(options) {
|
|
550
553
|
const { ref: ref , onResize: onResize } = options;
|
|
551
|
-
$
|
|
554
|
+
$12uGp$useEffect(()=>{
|
|
552
555
|
let element = ref === null || ref === void 0 ? void 0 : ref.current;
|
|
553
556
|
if (!element) return;
|
|
554
|
-
if (!$
|
|
557
|
+
if (!$9daab02d461809db$var$hasResizeObserver()) {
|
|
555
558
|
window.addEventListener('resize', onResize, false);
|
|
556
559
|
return ()=>{
|
|
557
560
|
window.removeEventListener('resize', onResize, false);
|
|
@@ -573,12 +576,12 @@ function $3e864361342e1b32$export$683480f191c0e3ea(options) {
|
|
|
573
576
|
}
|
|
574
577
|
|
|
575
578
|
|
|
576
|
-
var $
|
|
579
|
+
var $e7801be82b4b2a53$exports = {};
|
|
577
580
|
|
|
578
|
-
$parcel$export($
|
|
581
|
+
$parcel$export($e7801be82b4b2a53$exports, "useSyncRef", () => $e7801be82b4b2a53$export$4debdb1a3f0fa79e);
|
|
579
582
|
|
|
580
|
-
function $
|
|
581
|
-
$
|
|
583
|
+
function $e7801be82b4b2a53$export$4debdb1a3f0fa79e(context, ref) {
|
|
584
|
+
$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(()=>{
|
|
582
585
|
if (context && context.ref && ref) {
|
|
583
586
|
context.ref.current = ref.current;
|
|
584
587
|
return ()=>{
|
|
@@ -592,68 +595,68 @@ function $0b7d7b0ae05ba812$export$4debdb1a3f0fa79e(context, ref) {
|
|
|
592
595
|
}
|
|
593
596
|
|
|
594
597
|
|
|
595
|
-
var $
|
|
598
|
+
var $62d8ded9296f3872$exports = {};
|
|
596
599
|
|
|
597
|
-
$parcel$export($
|
|
598
|
-
function $
|
|
599
|
-
while(node && !$
|
|
600
|
+
$parcel$export($62d8ded9296f3872$exports, "getScrollParent", () => $62d8ded9296f3872$export$cfa2225e87938781);
|
|
601
|
+
function $62d8ded9296f3872$export$cfa2225e87938781(node) {
|
|
602
|
+
while(node && !$62d8ded9296f3872$var$isScrollable(node))node = node.parentElement;
|
|
600
603
|
return node || document.scrollingElement || document.documentElement;
|
|
601
604
|
}
|
|
602
|
-
function $
|
|
605
|
+
function $62d8ded9296f3872$var$isScrollable(node) {
|
|
603
606
|
let style = window.getComputedStyle(node);
|
|
604
607
|
return /(auto|scroll)/.test(style.overflow + style.overflowX + style.overflowY);
|
|
605
608
|
}
|
|
606
609
|
|
|
607
610
|
|
|
608
|
-
var $
|
|
611
|
+
var $5df64b3807dc15ee$exports = {};
|
|
609
612
|
|
|
610
|
-
$parcel$export($
|
|
613
|
+
$parcel$export($5df64b3807dc15ee$exports, "useViewportSize", () => $5df64b3807dc15ee$export$d699905dd57c73ca);
|
|
611
614
|
|
|
612
615
|
// @ts-ignore
|
|
613
|
-
let $
|
|
614
|
-
function $
|
|
615
|
-
let [size1, setSize] = $
|
|
616
|
+
let $5df64b3807dc15ee$var$visualViewport = typeof window !== 'undefined' && window.visualViewport;
|
|
617
|
+
function $5df64b3807dc15ee$export$d699905dd57c73ca() {
|
|
618
|
+
let [size1, setSize] = $12uGp$useState(()=>$5df64b3807dc15ee$var$getViewportSize()
|
|
616
619
|
);
|
|
617
|
-
$
|
|
620
|
+
$12uGp$useEffect(()=>{
|
|
618
621
|
// Use visualViewport api to track available height even on iOS virtual keyboard opening
|
|
619
622
|
let onResize = ()=>{
|
|
620
623
|
setSize((size)=>{
|
|
621
|
-
let newSize = $
|
|
624
|
+
let newSize = $5df64b3807dc15ee$var$getViewportSize();
|
|
622
625
|
if (newSize.width === size.width && newSize.height === size.height) return size;
|
|
623
626
|
return newSize;
|
|
624
627
|
});
|
|
625
628
|
};
|
|
626
|
-
if (!$
|
|
627
|
-
else $
|
|
629
|
+
if (!$5df64b3807dc15ee$var$visualViewport) window.addEventListener('resize', onResize);
|
|
630
|
+
else $5df64b3807dc15ee$var$visualViewport.addEventListener('resize', onResize);
|
|
628
631
|
return ()=>{
|
|
629
|
-
if (!$
|
|
630
|
-
else $
|
|
632
|
+
if (!$5df64b3807dc15ee$var$visualViewport) window.removeEventListener('resize', onResize);
|
|
633
|
+
else $5df64b3807dc15ee$var$visualViewport.removeEventListener('resize', onResize);
|
|
631
634
|
};
|
|
632
635
|
}, []);
|
|
633
636
|
return size1;
|
|
634
637
|
}
|
|
635
|
-
function $
|
|
638
|
+
function $5df64b3807dc15ee$var$getViewportSize() {
|
|
636
639
|
return {
|
|
637
|
-
width: ($
|
|
638
|
-
height: ($
|
|
640
|
+
width: ($5df64b3807dc15ee$var$visualViewport === null || $5df64b3807dc15ee$var$visualViewport === void 0 ? void 0 : $5df64b3807dc15ee$var$visualViewport.width) || window.innerWidth,
|
|
641
|
+
height: ($5df64b3807dc15ee$var$visualViewport === null || $5df64b3807dc15ee$var$visualViewport === void 0 ? void 0 : $5df64b3807dc15ee$var$visualViewport.height) || window.innerHeight
|
|
639
642
|
};
|
|
640
643
|
}
|
|
641
644
|
|
|
642
645
|
|
|
643
|
-
var $
|
|
646
|
+
var $ef06256079686ba0$exports = {};
|
|
644
647
|
|
|
645
|
-
$parcel$export($
|
|
648
|
+
$parcel$export($ef06256079686ba0$exports, "useDescription", () => $ef06256079686ba0$export$f8aeda7b10753fa1);
|
|
646
649
|
|
|
647
650
|
|
|
648
|
-
let $
|
|
649
|
-
const $
|
|
650
|
-
function $
|
|
651
|
-
let [id1, setId] = $
|
|
652
|
-
$
|
|
651
|
+
let $ef06256079686ba0$var$descriptionId = 0;
|
|
652
|
+
const $ef06256079686ba0$var$descriptionNodes = new Map();
|
|
653
|
+
function $ef06256079686ba0$export$f8aeda7b10753fa1(description) {
|
|
654
|
+
let [id1, setId] = $12uGp$useState(null);
|
|
655
|
+
$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(()=>{
|
|
653
656
|
if (!description) return;
|
|
654
|
-
let desc = $
|
|
657
|
+
let desc = $ef06256079686ba0$var$descriptionNodes.get(description);
|
|
655
658
|
if (!desc) {
|
|
656
|
-
let id = `react-aria-description-${$
|
|
659
|
+
let id = `react-aria-description-${$ef06256079686ba0$var$descriptionId++}`;
|
|
657
660
|
setId(id);
|
|
658
661
|
let node = document.createElement('div');
|
|
659
662
|
node.id = id;
|
|
@@ -664,13 +667,13 @@ function $eea11ba5aff18b32$export$f8aeda7b10753fa1(description) {
|
|
|
664
667
|
refCount: 0,
|
|
665
668
|
element: node
|
|
666
669
|
};
|
|
667
|
-
$
|
|
670
|
+
$ef06256079686ba0$var$descriptionNodes.set(description, desc);
|
|
668
671
|
} else setId(desc.element.id);
|
|
669
672
|
desc.refCount++;
|
|
670
673
|
return ()=>{
|
|
671
674
|
if (--desc.refCount === 0) {
|
|
672
675
|
desc.element.remove();
|
|
673
|
-
$
|
|
676
|
+
$ef06256079686ba0$var$descriptionNodes.delete(description);
|
|
674
677
|
}
|
|
675
678
|
};
|
|
676
679
|
}, [
|
|
@@ -682,16 +685,16 @@ function $eea11ba5aff18b32$export$f8aeda7b10753fa1(description) {
|
|
|
682
685
|
}
|
|
683
686
|
|
|
684
687
|
|
|
685
|
-
var $
|
|
688
|
+
var $c87311424ea30a05$exports = {};
|
|
686
689
|
|
|
687
|
-
$parcel$export($
|
|
688
|
-
$parcel$export($
|
|
689
|
-
$parcel$export($
|
|
690
|
-
$parcel$export($
|
|
691
|
-
$parcel$export($
|
|
692
|
-
$parcel$export($
|
|
693
|
-
$parcel$export($
|
|
694
|
-
$parcel$export($
|
|
690
|
+
$parcel$export($c87311424ea30a05$exports, "isMac", () => $c87311424ea30a05$export$9ac100e40613ea10);
|
|
691
|
+
$parcel$export($c87311424ea30a05$exports, "isIPhone", () => $c87311424ea30a05$export$186c6964ca17d99);
|
|
692
|
+
$parcel$export($c87311424ea30a05$exports, "isIPad", () => $c87311424ea30a05$export$7bef049ce92e4224);
|
|
693
|
+
$parcel$export($c87311424ea30a05$exports, "isIOS", () => $c87311424ea30a05$export$fedb369cb70207f1);
|
|
694
|
+
$parcel$export($c87311424ea30a05$exports, "isAppleDevice", () => $c87311424ea30a05$export$e1865c3bedcd822b);
|
|
695
|
+
$parcel$export($c87311424ea30a05$exports, "isWebKit", () => $c87311424ea30a05$export$78551043582a6a98);
|
|
696
|
+
$parcel$export($c87311424ea30a05$exports, "isChrome", () => $c87311424ea30a05$export$6446a186d09e379e);
|
|
697
|
+
$parcel$export($c87311424ea30a05$exports, "isAndroid", () => $c87311424ea30a05$export$a11b0059900ceec8);
|
|
695
698
|
/*
|
|
696
699
|
* Copyright 2020 Adobe. All rights reserved.
|
|
697
700
|
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
@@ -702,47 +705,50 @@ $parcel$export($59df4c60f0011bf4$exports, "isAndroid", () => $59df4c60f0011bf4$e
|
|
|
702
705
|
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
703
706
|
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
704
707
|
* governing permissions and limitations under the License.
|
|
705
|
-
*/ function $
|
|
706
|
-
|
|
708
|
+
*/ function $c87311424ea30a05$var$testUserAgent(re) {
|
|
709
|
+
var ref;
|
|
710
|
+
if (typeof window === 'undefined' || window.navigator == null) return false;
|
|
711
|
+
return ((ref = window.navigator['userAgentData']) === null || ref === void 0 ? void 0 : ref.brands.some((brand)=>re.test(brand.brand)
|
|
712
|
+
)) || re.test(window.navigator.userAgent);
|
|
707
713
|
}
|
|
708
|
-
function $
|
|
709
|
-
return typeof window !== 'undefined' && window.navigator != null ? re.test(window.navigator.platform) : false;
|
|
714
|
+
function $c87311424ea30a05$var$testPlatform(re) {
|
|
715
|
+
return typeof window !== 'undefined' && window.navigator != null ? re.test((window.navigator['userAgentData'] || window.navigator).platform) : false;
|
|
710
716
|
}
|
|
711
|
-
function $
|
|
712
|
-
return $
|
|
717
|
+
function $c87311424ea30a05$export$9ac100e40613ea10() {
|
|
718
|
+
return $c87311424ea30a05$var$testPlatform(/^Mac/i);
|
|
713
719
|
}
|
|
714
|
-
function $
|
|
715
|
-
return $
|
|
720
|
+
function $c87311424ea30a05$export$186c6964ca17d99() {
|
|
721
|
+
return $c87311424ea30a05$var$testPlatform(/^iPhone/i);
|
|
716
722
|
}
|
|
717
|
-
function $
|
|
718
|
-
return $
|
|
723
|
+
function $c87311424ea30a05$export$7bef049ce92e4224() {
|
|
724
|
+
return $c87311424ea30a05$var$testPlatform(/^iPad/i) || $c87311424ea30a05$export$9ac100e40613ea10() && navigator.maxTouchPoints > 1;
|
|
719
725
|
}
|
|
720
|
-
function $
|
|
721
|
-
return $
|
|
726
|
+
function $c87311424ea30a05$export$fedb369cb70207f1() {
|
|
727
|
+
return $c87311424ea30a05$export$186c6964ca17d99() || $c87311424ea30a05$export$7bef049ce92e4224();
|
|
722
728
|
}
|
|
723
|
-
function $
|
|
724
|
-
return $
|
|
729
|
+
function $c87311424ea30a05$export$e1865c3bedcd822b() {
|
|
730
|
+
return $c87311424ea30a05$export$9ac100e40613ea10() || $c87311424ea30a05$export$fedb369cb70207f1();
|
|
725
731
|
}
|
|
726
|
-
function $
|
|
727
|
-
return $
|
|
732
|
+
function $c87311424ea30a05$export$78551043582a6a98() {
|
|
733
|
+
return $c87311424ea30a05$var$testUserAgent(/AppleWebKit/i) && !$c87311424ea30a05$export$6446a186d09e379e();
|
|
728
734
|
}
|
|
729
|
-
function $
|
|
730
|
-
return $
|
|
735
|
+
function $c87311424ea30a05$export$6446a186d09e379e() {
|
|
736
|
+
return $c87311424ea30a05$var$testUserAgent(/Chrome/i);
|
|
731
737
|
}
|
|
732
|
-
function $
|
|
733
|
-
return $
|
|
738
|
+
function $c87311424ea30a05$export$a11b0059900ceec8() {
|
|
739
|
+
return $c87311424ea30a05$var$testUserAgent(/Android/i);
|
|
734
740
|
}
|
|
735
741
|
|
|
736
742
|
|
|
737
|
-
var $
|
|
743
|
+
var $e9faafb641e167db$exports = {};
|
|
738
744
|
|
|
739
|
-
$parcel$export($
|
|
745
|
+
$parcel$export($e9faafb641e167db$exports, "useEvent", () => $e9faafb641e167db$export$90fc3a17d93f704c);
|
|
740
746
|
|
|
741
|
-
function $
|
|
742
|
-
let handlerRef = $
|
|
747
|
+
function $e9faafb641e167db$export$90fc3a17d93f704c(ref, event, handler1, options) {
|
|
748
|
+
let handlerRef = $12uGp$useRef(handler1);
|
|
743
749
|
handlerRef.current = handler1;
|
|
744
750
|
let isDisabled = handler1 == null;
|
|
745
|
-
$
|
|
751
|
+
$12uGp$useEffect(()=>{
|
|
746
752
|
if (isDisabled) return;
|
|
747
753
|
let element = ref.current;
|
|
748
754
|
let handler = (e)=>handlerRef.current.call(this, e)
|
|
@@ -760,19 +766,19 @@ function $a3dca252611ad6b3$export$90fc3a17d93f704c(ref, event, handler1, options
|
|
|
760
766
|
}
|
|
761
767
|
|
|
762
768
|
|
|
763
|
-
var $
|
|
769
|
+
var $1dbecbe27a04f9af$exports = {};
|
|
764
770
|
|
|
765
|
-
$parcel$export($
|
|
771
|
+
$parcel$export($1dbecbe27a04f9af$exports, "useValueEffect", () => $1dbecbe27a04f9af$export$14d238f342723f25);
|
|
766
772
|
|
|
767
773
|
|
|
768
|
-
function $
|
|
769
|
-
let [value, setValue] = $
|
|
770
|
-
let valueRef = $
|
|
771
|
-
let effect = $
|
|
774
|
+
function $1dbecbe27a04f9af$export$14d238f342723f25(defaultValue) {
|
|
775
|
+
let [value, setValue] = $12uGp$useState(defaultValue);
|
|
776
|
+
let valueRef = $12uGp$useRef(value);
|
|
777
|
+
let effect = $12uGp$useRef(null);
|
|
772
778
|
valueRef.current = value;
|
|
773
779
|
// Store the function in a ref so we can always access the current version
|
|
774
780
|
// which has the proper `value` in scope.
|
|
775
|
-
let nextRef = $
|
|
781
|
+
let nextRef = $12uGp$useRef(null);
|
|
776
782
|
nextRef.current = ()=>{
|
|
777
783
|
// Run the generator to the next yield.
|
|
778
784
|
let newValue = effect.current.next();
|
|
@@ -787,11 +793,11 @@ function $71eec9ddbfb7f6c6$export$14d238f342723f25(defaultValue) {
|
|
|
787
793
|
if (value === newValue.value) nextRef.current();
|
|
788
794
|
else setValue(newValue.value);
|
|
789
795
|
};
|
|
790
|
-
$
|
|
796
|
+
$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(()=>{
|
|
791
797
|
// If there is an effect currently running, continue to the next yield.
|
|
792
798
|
if (effect.current) nextRef.current();
|
|
793
799
|
});
|
|
794
|
-
let queue = $
|
|
800
|
+
let queue = $12uGp$useCallback((fn)=>{
|
|
795
801
|
effect.current = fn(valueRef.current);
|
|
796
802
|
nextRef.current();
|
|
797
803
|
}, [
|
|
@@ -805,12 +811,12 @@ function $71eec9ddbfb7f6c6$export$14d238f342723f25(defaultValue) {
|
|
|
805
811
|
}
|
|
806
812
|
|
|
807
813
|
|
|
808
|
-
var $
|
|
814
|
+
var $2f04cbc44ee30ce0$exports = {};
|
|
809
815
|
|
|
810
|
-
$parcel$export($
|
|
811
|
-
function $
|
|
812
|
-
let offsetX = $
|
|
813
|
-
let offsetY = $
|
|
816
|
+
$parcel$export($2f04cbc44ee30ce0$exports, "scrollIntoView", () => $2f04cbc44ee30ce0$export$53a0910f038337bd);
|
|
817
|
+
function $2f04cbc44ee30ce0$export$53a0910f038337bd(scrollView, element) {
|
|
818
|
+
let offsetX = $2f04cbc44ee30ce0$var$relativeOffset(scrollView, element, 'left');
|
|
819
|
+
let offsetY = $2f04cbc44ee30ce0$var$relativeOffset(scrollView, element, 'top');
|
|
814
820
|
let width = element.offsetWidth;
|
|
815
821
|
let height = element.offsetHeight;
|
|
816
822
|
let x = scrollView.scrollLeft;
|
|
@@ -827,7 +833,7 @@ function $f2c8e5a8b491ced1$export$53a0910f038337bd(scrollView, element) {
|
|
|
827
833
|
/**
|
|
828
834
|
* Computes the offset left or top from child to ancestor by accumulating
|
|
829
835
|
* offsetLeft or offsetTop through intervening offsetParents.
|
|
830
|
-
*/ function $
|
|
836
|
+
*/ function $2f04cbc44ee30ce0$var$relativeOffset(ancestor, child, axis) {
|
|
831
837
|
const prop = axis === 'left' ? 'offsetLeft' : 'offsetTop';
|
|
832
838
|
let sum = 0;
|
|
833
839
|
while(child.offsetParent){
|
|
@@ -848,5 +854,5 @@ function $f2c8e5a8b491ced1$export$53a0910f038337bd(scrollView, element) {
|
|
|
848
854
|
|
|
849
855
|
|
|
850
856
|
|
|
851
|
-
export {$
|
|
857
|
+
export {$bdb11010cef70236$export$f680877a34711e37 as useId, $bdb11010cef70236$export$cd8c9cb68f842629 as mergeIds, $bdb11010cef70236$export$b4cc09c592e8fdb8 as useSlotId, $ff5963eb1fccf552$export$e08e3b67e392101e as chain, $3ef42575df84b30b$export$9d1611c77c2fe928 as mergeProps, $5dc95899b306f630$export$c9058316764c140e as mergeRefs, $65484d02dcb7eb3e$export$457c3d6518dd4c6f as filterDOMProps, $7215afc6de606d6b$export$de79e2c695e052f3 as focusWithoutScrolling, $ab71dadb03a6fb2e$export$622cea445a1c5b7d as getOffset, $103b0e103f1b5952$re_export$clamp as clamp, $103b0e103f1b5952$re_export$snapValueToStep as snapValueToStep, $bbed8b41f857bcc0$export$24490316f764c430 as runAfterTransition, $9cc09df9fd7676be$export$7bbed75feba39706 as useDrag1D, $03deb23ff14920c4$export$4eaf04e54aa8eed6 as useGlobalListeners, $313b98861ee5dd6c$export$d6875122194c7b44 as useLabels, $df56164dff5785e2$export$4338b53315abf666 as useObjectRef, $4f58c5f72bcf79f7$export$496315a1608d9602 as useUpdateEffect, $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c as useLayoutEffect, $9daab02d461809db$export$683480f191c0e3ea as useResizeObserver, $e7801be82b4b2a53$export$4debdb1a3f0fa79e as useSyncRef, $62d8ded9296f3872$export$cfa2225e87938781 as getScrollParent, $5df64b3807dc15ee$export$d699905dd57c73ca as useViewportSize, $ef06256079686ba0$export$f8aeda7b10753fa1 as useDescription, $c87311424ea30a05$export$9ac100e40613ea10 as isMac, $c87311424ea30a05$export$186c6964ca17d99 as isIPhone, $c87311424ea30a05$export$7bef049ce92e4224 as isIPad, $c87311424ea30a05$export$fedb369cb70207f1 as isIOS, $c87311424ea30a05$export$e1865c3bedcd822b as isAppleDevice, $c87311424ea30a05$export$78551043582a6a98 as isWebKit, $c87311424ea30a05$export$6446a186d09e379e as isChrome, $c87311424ea30a05$export$a11b0059900ceec8 as isAndroid, $e9faafb641e167db$export$90fc3a17d93f704c as useEvent, $1dbecbe27a04f9af$export$14d238f342723f25 as useValueEffect, $2f04cbc44ee30ce0$export$53a0910f038337bd as scrollIntoView};
|
|
852
858
|
//# sourceMappingURL=module.js.map
|