@react-aria/utils 3.11.1 → 3.12.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 +249 -231
- package/dist/main.js.map +1 -1
- package/dist/module.js +226 -209
- 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 +5 -5
- package/src/index.ts +1 -0
- package/src/mergeRefs.ts +28 -0
- package/src/platform.ts +14 -10
package/dist/main.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
var $
|
|
2
|
-
var $
|
|
3
|
-
var $
|
|
4
|
-
var $
|
|
1
|
+
var $1Yh1N$react = require("react");
|
|
2
|
+
var $1Yh1N$reactariassr = require("@react-aria/ssr");
|
|
3
|
+
var $1Yh1N$clsx = require("clsx");
|
|
4
|
+
var $1Yh1N$reactstatelyutils = require("@react-stately/utils");
|
|
5
5
|
|
|
6
6
|
function $parcel$exportWildcard(dest, source) {
|
|
7
7
|
Object.keys(source).forEach(function(key) {
|
|
@@ -25,49 +25,49 @@ function $parcel$export(e, n, v, s) {
|
|
|
25
25
|
function $parcel$interopDefault(a) {
|
|
26
26
|
return a && a.__esModule ? a.default : a;
|
|
27
27
|
}
|
|
28
|
-
var $
|
|
28
|
+
var $8c61827343eed941$exports = {};
|
|
29
29
|
|
|
30
|
-
$parcel$export($
|
|
31
|
-
$parcel$export($
|
|
32
|
-
$parcel$export($
|
|
30
|
+
$parcel$export($8c61827343eed941$exports, "useId", () => $8c61827343eed941$export$f680877a34711e37);
|
|
31
|
+
$parcel$export($8c61827343eed941$exports, "mergeIds", () => $8c61827343eed941$export$cd8c9cb68f842629);
|
|
32
|
+
$parcel$export($8c61827343eed941$exports, "useSlotId", () => $8c61827343eed941$export$b4cc09c592e8fdb8);
|
|
33
33
|
|
|
34
|
-
var $
|
|
34
|
+
var $78605a5d7424e31b$exports = {};
|
|
35
35
|
|
|
36
|
-
$parcel$export($
|
|
36
|
+
$parcel$export($78605a5d7424e31b$exports, "useLayoutEffect", () => $78605a5d7424e31b$export$e5c5a5f917a5871c);
|
|
37
37
|
|
|
38
|
-
const $
|
|
38
|
+
const $78605a5d7424e31b$export$e5c5a5f917a5871c = typeof window !== 'undefined' ? ($parcel$interopDefault($1Yh1N$react)).useLayoutEffect : ()=>{
|
|
39
39
|
};
|
|
40
40
|
|
|
41
41
|
|
|
42
42
|
|
|
43
43
|
|
|
44
|
-
let $
|
|
45
|
-
function $
|
|
46
|
-
let isRendering = $
|
|
44
|
+
let $8c61827343eed941$var$idsUpdaterMap = new Map();
|
|
45
|
+
function $8c61827343eed941$export$f680877a34711e37(defaultId) {
|
|
46
|
+
let isRendering = $1Yh1N$react.useRef(true);
|
|
47
47
|
isRendering.current = true;
|
|
48
|
-
let [value, setValue] = $
|
|
49
|
-
let nextId = $
|
|
50
|
-
let res = $
|
|
48
|
+
let [value, setValue] = $1Yh1N$react.useState(defaultId);
|
|
49
|
+
let nextId = $1Yh1N$react.useRef(null);
|
|
50
|
+
let res = $1Yh1N$reactariassr.useSSRSafeId(value);
|
|
51
51
|
// don't memo this, we want it new each render so that the Effects always run
|
|
52
52
|
let updateValue = (val)=>{
|
|
53
53
|
if (!isRendering.current) setValue(val);
|
|
54
54
|
else nextId.current = val;
|
|
55
55
|
};
|
|
56
|
-
$
|
|
57
|
-
$
|
|
56
|
+
$8c61827343eed941$var$idsUpdaterMap.set(res, updateValue);
|
|
57
|
+
$78605a5d7424e31b$export$e5c5a5f917a5871c(()=>{
|
|
58
58
|
isRendering.current = false;
|
|
59
59
|
}, [
|
|
60
60
|
updateValue
|
|
61
61
|
]);
|
|
62
|
-
$
|
|
62
|
+
$78605a5d7424e31b$export$e5c5a5f917a5871c(()=>{
|
|
63
63
|
let r = res;
|
|
64
64
|
return ()=>{
|
|
65
|
-
$
|
|
65
|
+
$8c61827343eed941$var$idsUpdaterMap.delete(r);
|
|
66
66
|
};
|
|
67
67
|
}, [
|
|
68
68
|
res
|
|
69
69
|
]);
|
|
70
|
-
$
|
|
70
|
+
$1Yh1N$react.useEffect(()=>{
|
|
71
71
|
let newId = nextId.current;
|
|
72
72
|
if (newId) {
|
|
73
73
|
setValue(newId);
|
|
@@ -79,24 +79,24 @@ function $dd96e9bc07c5b25f$export$f680877a34711e37(defaultId) {
|
|
|
79
79
|
]);
|
|
80
80
|
return res;
|
|
81
81
|
}
|
|
82
|
-
function $
|
|
82
|
+
function $8c61827343eed941$export$cd8c9cb68f842629(idA, idB) {
|
|
83
83
|
if (idA === idB) return idA;
|
|
84
|
-
let setIdA = $
|
|
84
|
+
let setIdA = $8c61827343eed941$var$idsUpdaterMap.get(idA);
|
|
85
85
|
if (setIdA) {
|
|
86
86
|
setIdA(idB);
|
|
87
87
|
return idB;
|
|
88
88
|
}
|
|
89
|
-
let setIdB = $
|
|
89
|
+
let setIdB = $8c61827343eed941$var$idsUpdaterMap.get(idB);
|
|
90
90
|
if (setIdB) {
|
|
91
91
|
setIdB(idA);
|
|
92
92
|
return idA;
|
|
93
93
|
}
|
|
94
94
|
return idB;
|
|
95
95
|
}
|
|
96
|
-
function $
|
|
97
|
-
let id = $
|
|
98
|
-
let [resolvedId, setResolvedId] = $
|
|
99
|
-
let updateId = $
|
|
96
|
+
function $8c61827343eed941$export$b4cc09c592e8fdb8(depArray = []) {
|
|
97
|
+
let id = $8c61827343eed941$export$f680877a34711e37();
|
|
98
|
+
let [resolvedId, setResolvedId] = $19a2307bfabafaf1$export$14d238f342723f25(id);
|
|
99
|
+
let updateId = $1Yh1N$react.useCallback(()=>{
|
|
100
100
|
setResolvedId(function*() {
|
|
101
101
|
yield id;
|
|
102
102
|
yield document.getElementById(id) ? id : null;
|
|
@@ -105,7 +105,7 @@ function $dd96e9bc07c5b25f$export$b4cc09c592e8fdb8(depArray = []) {
|
|
|
105
105
|
id,
|
|
106
106
|
setResolvedId
|
|
107
107
|
]);
|
|
108
|
-
$
|
|
108
|
+
$78605a5d7424e31b$export$e5c5a5f917a5871c(updateId, [
|
|
109
109
|
id,
|
|
110
110
|
updateId,
|
|
111
111
|
...depArray
|
|
@@ -114,23 +114,23 @@ function $dd96e9bc07c5b25f$export$b4cc09c592e8fdb8(depArray = []) {
|
|
|
114
114
|
}
|
|
115
115
|
|
|
116
116
|
|
|
117
|
-
var $
|
|
117
|
+
var $1e2191638e54f613$exports = {};
|
|
118
118
|
|
|
119
|
-
$parcel$export($
|
|
120
|
-
function $
|
|
119
|
+
$parcel$export($1e2191638e54f613$exports, "chain", () => $1e2191638e54f613$export$e08e3b67e392101e);
|
|
120
|
+
function $1e2191638e54f613$export$e08e3b67e392101e(...callbacks) {
|
|
121
121
|
return (...args)=>{
|
|
122
122
|
for (let callback of callbacks)if (typeof callback === 'function') callback(...args);
|
|
123
123
|
};
|
|
124
124
|
}
|
|
125
125
|
|
|
126
126
|
|
|
127
|
-
var $
|
|
127
|
+
var $f847cd1382ea7cd4$exports = {};
|
|
128
128
|
|
|
129
|
-
$parcel$export($
|
|
129
|
+
$parcel$export($f847cd1382ea7cd4$exports, "mergeProps", () => $f847cd1382ea7cd4$export$9d1611c77c2fe928);
|
|
130
130
|
|
|
131
131
|
|
|
132
132
|
|
|
133
|
-
function $
|
|
133
|
+
function $f847cd1382ea7cd4$export$9d1611c77c2fe928(...args) {
|
|
134
134
|
// Start with a base clone of the first argument. This is a lot faster than starting
|
|
135
135
|
// with an empty object and adding properties as we go.
|
|
136
136
|
let result = {
|
|
@@ -143,9 +143,9 @@ function $ee1eca53264e4e21$export$9d1611c77c2fe928(...args) {
|
|
|
143
143
|
let b = props[key];
|
|
144
144
|
// Chain events
|
|
145
145
|
if (typeof a === 'function' && typeof b === 'function' && // This is a lot faster than a regex.
|
|
146
|
-
key[0] === 'o' && key[1] === 'n' && key.charCodeAt(2) >= /* 'A' */ 65 && key.charCodeAt(2) <= /* 'Z' */ 90) result[key] = $
|
|
147
|
-
else if ((key === 'className' || key === 'UNSAFE_className') && typeof a === 'string' && typeof b === 'string') result[key] = ($parcel$interopDefault($
|
|
148
|
-
else if (key === 'id' && a && b) result.id = $
|
|
146
|
+
key[0] === 'o' && key[1] === 'n' && key.charCodeAt(2) >= /* 'A' */ 65 && key.charCodeAt(2) <= /* 'Z' */ 90) result[key] = $1e2191638e54f613$export$e08e3b67e392101e(a, b);
|
|
147
|
+
else if ((key === 'className' || key === 'UNSAFE_className') && typeof a === 'string' && typeof b === 'string') result[key] = ($parcel$interopDefault($1Yh1N$clsx))(a, b);
|
|
148
|
+
else if (key === 'id' && a && b) result.id = $8c61827343eed941$export$cd8c9cb68f842629(a, b);
|
|
149
149
|
else result[key] = b !== undefined ? b : a;
|
|
150
150
|
}
|
|
151
151
|
}
|
|
@@ -153,51 +153,64 @@ function $ee1eca53264e4e21$export$9d1611c77c2fe928(...args) {
|
|
|
153
153
|
}
|
|
154
154
|
|
|
155
155
|
|
|
156
|
-
var $
|
|
156
|
+
var $f05dc24eafaeb7e2$exports = {};
|
|
157
157
|
|
|
158
|
-
$parcel$export($
|
|
159
|
-
|
|
158
|
+
$parcel$export($f05dc24eafaeb7e2$exports, "mergeRefs", () => $f05dc24eafaeb7e2$export$c9058316764c140e);
|
|
159
|
+
function $f05dc24eafaeb7e2$export$c9058316764c140e(...refs) {
|
|
160
|
+
return (value)=>{
|
|
161
|
+
for (let ref of refs){
|
|
162
|
+
if (typeof ref === 'function') ref(value);
|
|
163
|
+
else if (ref != null) ref.current = value;
|
|
164
|
+
}
|
|
165
|
+
};
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
|
|
169
|
+
var $8d15d0e1797d4238$exports = {};
|
|
170
|
+
|
|
171
|
+
$parcel$export($8d15d0e1797d4238$exports, "filterDOMProps", () => $8d15d0e1797d4238$export$457c3d6518dd4c6f);
|
|
172
|
+
const $8d15d0e1797d4238$var$DOMPropNames = new Set([
|
|
160
173
|
'id'
|
|
161
174
|
]);
|
|
162
|
-
const $
|
|
175
|
+
const $8d15d0e1797d4238$var$labelablePropNames = new Set([
|
|
163
176
|
'aria-label',
|
|
164
177
|
'aria-labelledby',
|
|
165
178
|
'aria-describedby',
|
|
166
179
|
'aria-details'
|
|
167
180
|
]);
|
|
168
|
-
const $
|
|
169
|
-
function $
|
|
181
|
+
const $8d15d0e1797d4238$var$propRe = /^(data-.*)$/;
|
|
182
|
+
function $8d15d0e1797d4238$export$457c3d6518dd4c6f(props, opts = {
|
|
170
183
|
}) {
|
|
171
184
|
let { labelable: labelable , propNames: propNames } = opts;
|
|
172
185
|
let filteredProps = {
|
|
173
186
|
};
|
|
174
|
-
for(const prop in props)if (Object.prototype.hasOwnProperty.call(props, prop) && ($
|
|
187
|
+
for(const prop in props)if (Object.prototype.hasOwnProperty.call(props, prop) && ($8d15d0e1797d4238$var$DOMPropNames.has(prop) || labelable && $8d15d0e1797d4238$var$labelablePropNames.has(prop) || (propNames === null || propNames === void 0 ? void 0 : propNames.has(prop)) || $8d15d0e1797d4238$var$propRe.test(prop))) filteredProps[prop] = props[prop];
|
|
175
188
|
return filteredProps;
|
|
176
189
|
}
|
|
177
190
|
|
|
178
191
|
|
|
179
|
-
var $
|
|
192
|
+
var $1117b6c0d4c4c164$exports = {};
|
|
180
193
|
|
|
181
|
-
$parcel$export($
|
|
182
|
-
function $
|
|
183
|
-
if ($
|
|
194
|
+
$parcel$export($1117b6c0d4c4c164$exports, "focusWithoutScrolling", () => $1117b6c0d4c4c164$export$de79e2c695e052f3);
|
|
195
|
+
function $1117b6c0d4c4c164$export$de79e2c695e052f3(element) {
|
|
196
|
+
if ($1117b6c0d4c4c164$var$supportsPreventScroll()) element.focus({
|
|
184
197
|
preventScroll: true
|
|
185
198
|
});
|
|
186
199
|
else {
|
|
187
|
-
let scrollableElements = $
|
|
200
|
+
let scrollableElements = $1117b6c0d4c4c164$var$getScrollableElements(element);
|
|
188
201
|
element.focus();
|
|
189
|
-
$
|
|
202
|
+
$1117b6c0d4c4c164$var$restoreScrollPosition(scrollableElements);
|
|
190
203
|
}
|
|
191
204
|
}
|
|
192
|
-
let $
|
|
193
|
-
function $
|
|
194
|
-
if ($
|
|
195
|
-
$
|
|
205
|
+
let $1117b6c0d4c4c164$var$supportsPreventScrollCached = null;
|
|
206
|
+
function $1117b6c0d4c4c164$var$supportsPreventScroll() {
|
|
207
|
+
if ($1117b6c0d4c4c164$var$supportsPreventScrollCached == null) {
|
|
208
|
+
$1117b6c0d4c4c164$var$supportsPreventScrollCached = false;
|
|
196
209
|
try {
|
|
197
210
|
var focusElem = document.createElement('div');
|
|
198
211
|
focusElem.focus({
|
|
199
212
|
get preventScroll () {
|
|
200
|
-
$
|
|
213
|
+
$1117b6c0d4c4c164$var$supportsPreventScrollCached = true;
|
|
201
214
|
return true;
|
|
202
215
|
}
|
|
203
216
|
});
|
|
@@ -205,9 +218,9 @@ function $448ba02dcac1c856$var$supportsPreventScroll() {
|
|
|
205
218
|
// Ignore
|
|
206
219
|
}
|
|
207
220
|
}
|
|
208
|
-
return $
|
|
221
|
+
return $1117b6c0d4c4c164$var$supportsPreventScrollCached;
|
|
209
222
|
}
|
|
210
|
-
function $
|
|
223
|
+
function $1117b6c0d4c4c164$var$getScrollableElements(element) {
|
|
211
224
|
var parent = element.parentNode;
|
|
212
225
|
var scrollableElements = [];
|
|
213
226
|
var rootScrollingElement = document.scrollingElement || document.documentElement;
|
|
@@ -226,7 +239,7 @@ function $448ba02dcac1c856$var$getScrollableElements(element) {
|
|
|
226
239
|
});
|
|
227
240
|
return scrollableElements;
|
|
228
241
|
}
|
|
229
|
-
function $
|
|
242
|
+
function $1117b6c0d4c4c164$var$restoreScrollPosition(scrollableElements) {
|
|
230
243
|
for (let { element: element , scrollTop: scrollTop , scrollLeft: scrollLeft } of scrollableElements){
|
|
231
244
|
element.scrollTop = scrollTop;
|
|
232
245
|
element.scrollLeft = scrollLeft;
|
|
@@ -234,26 +247,26 @@ function $448ba02dcac1c856$var$restoreScrollPosition(scrollableElements) {
|
|
|
234
247
|
}
|
|
235
248
|
|
|
236
249
|
|
|
237
|
-
var $
|
|
250
|
+
var $16ec41ef3e36c19c$exports = {};
|
|
238
251
|
|
|
239
|
-
$parcel$export($
|
|
240
|
-
function $
|
|
252
|
+
$parcel$export($16ec41ef3e36c19c$exports, "getOffset", () => $16ec41ef3e36c19c$export$622cea445a1c5b7d);
|
|
253
|
+
function $16ec41ef3e36c19c$export$622cea445a1c5b7d(element, reverse, orientation = 'horizontal') {
|
|
241
254
|
let rect = element.getBoundingClientRect();
|
|
242
255
|
if (reverse) return orientation === 'horizontal' ? rect.right : rect.bottom;
|
|
243
256
|
return orientation === 'horizontal' ? rect.left : rect.top;
|
|
244
257
|
}
|
|
245
258
|
|
|
246
259
|
|
|
247
|
-
var $
|
|
260
|
+
var $eb1d06911309900e$exports = {};
|
|
248
261
|
|
|
249
|
-
$parcel$export($
|
|
250
|
-
$parcel$export($
|
|
262
|
+
$parcel$export($eb1d06911309900e$exports, "clamp", () => $1Yh1N$reactstatelyutils.clamp);
|
|
263
|
+
$parcel$export($eb1d06911309900e$exports, "snapValueToStep", () => $1Yh1N$reactstatelyutils.snapValueToStep);
|
|
251
264
|
|
|
252
265
|
|
|
253
266
|
|
|
254
|
-
var $
|
|
267
|
+
var $e8117ebcab55be6a$exports = {};
|
|
255
268
|
|
|
256
|
-
$parcel$export($
|
|
269
|
+
$parcel$export($e8117ebcab55be6a$exports, "runAfterTransition", () => $e8117ebcab55be6a$export$24490316f764c430);
|
|
257
270
|
/*
|
|
258
271
|
* Copyright 2020 Adobe. All rights reserved.
|
|
259
272
|
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
@@ -270,17 +283,17 @@ $parcel$export($4da380280744869b$exports, "runAfterTransition", () => $4da380280
|
|
|
270
283
|
// bugs, e.g. Chrome sometimes fires both transitionend and transitioncancel rather
|
|
271
284
|
// than one or the other. So we need to track what's actually transitioning so that
|
|
272
285
|
// we can ignore these duplicate events.
|
|
273
|
-
let $
|
|
286
|
+
let $e8117ebcab55be6a$var$transitionsByElement = new Map();
|
|
274
287
|
// A list of callbacks to call once there are no transitioning elements.
|
|
275
|
-
let $
|
|
276
|
-
function $
|
|
288
|
+
let $e8117ebcab55be6a$var$transitionCallbacks = new Set();
|
|
289
|
+
function $e8117ebcab55be6a$var$setupGlobalEvents() {
|
|
277
290
|
if (typeof window === 'undefined') return;
|
|
278
291
|
let onTransitionStart = (e)=>{
|
|
279
292
|
// Add the transitioning property to the list for this element.
|
|
280
|
-
let transitions = $
|
|
293
|
+
let transitions = $e8117ebcab55be6a$var$transitionsByElement.get(e.target);
|
|
281
294
|
if (!transitions) {
|
|
282
295
|
transitions = new Set();
|
|
283
|
-
$
|
|
296
|
+
$e8117ebcab55be6a$var$transitionsByElement.set(e.target, transitions);
|
|
284
297
|
// The transitioncancel event must be registered on the element itself, rather than as a global
|
|
285
298
|
// event. This enables us to handle when the node is deleted from the document while it is transitioning.
|
|
286
299
|
// In that case, the cancel event would have nowhere to bubble to so we need to handle it directly.
|
|
@@ -290,62 +303,62 @@ function $4da380280744869b$var$setupGlobalEvents() {
|
|
|
290
303
|
};
|
|
291
304
|
let onTransitionEnd = (e)=>{
|
|
292
305
|
// Remove property from list of transitioning properties.
|
|
293
|
-
let properties = $
|
|
306
|
+
let properties = $e8117ebcab55be6a$var$transitionsByElement.get(e.target);
|
|
294
307
|
if (!properties) return;
|
|
295
308
|
properties.delete(e.propertyName);
|
|
296
309
|
// If empty, remove transitioncancel event, and remove the element from the list of transitioning elements.
|
|
297
310
|
if (properties.size === 0) {
|
|
298
311
|
e.target.removeEventListener('transitioncancel', onTransitionEnd);
|
|
299
|
-
$
|
|
312
|
+
$e8117ebcab55be6a$var$transitionsByElement.delete(e.target);
|
|
300
313
|
}
|
|
301
314
|
// If no transitioning elements, call all of the queued callbacks.
|
|
302
|
-
if ($
|
|
303
|
-
for (let cb of $
|
|
304
|
-
$
|
|
315
|
+
if ($e8117ebcab55be6a$var$transitionsByElement.size === 0) {
|
|
316
|
+
for (let cb of $e8117ebcab55be6a$var$transitionCallbacks)cb();
|
|
317
|
+
$e8117ebcab55be6a$var$transitionCallbacks.clear();
|
|
305
318
|
}
|
|
306
319
|
};
|
|
307
320
|
document.body.addEventListener('transitionrun', onTransitionStart);
|
|
308
321
|
document.body.addEventListener('transitionend', onTransitionEnd);
|
|
309
322
|
}
|
|
310
323
|
if (typeof document !== 'undefined') {
|
|
311
|
-
if (document.readyState !== 'loading') $
|
|
312
|
-
else document.addEventListener('DOMContentLoaded', $
|
|
324
|
+
if (document.readyState !== 'loading') $e8117ebcab55be6a$var$setupGlobalEvents();
|
|
325
|
+
else document.addEventListener('DOMContentLoaded', $e8117ebcab55be6a$var$setupGlobalEvents);
|
|
313
326
|
}
|
|
314
|
-
function $
|
|
327
|
+
function $e8117ebcab55be6a$export$24490316f764c430(fn) {
|
|
315
328
|
// Wait one frame to see if an animation starts, e.g. a transition on mount.
|
|
316
329
|
requestAnimationFrame(()=>{
|
|
317
330
|
// If no transitions are running, call the function immediately.
|
|
318
331
|
// Otherwise, add it to a list of callbacks to run at the end of the animation.
|
|
319
|
-
if ($
|
|
320
|
-
else $
|
|
332
|
+
if ($e8117ebcab55be6a$var$transitionsByElement.size === 0) fn();
|
|
333
|
+
else $e8117ebcab55be6a$var$transitionCallbacks.add(fn);
|
|
321
334
|
});
|
|
322
335
|
}
|
|
323
336
|
|
|
324
337
|
|
|
325
|
-
var $
|
|
338
|
+
var $28ed3fb20343b78b$exports = {};
|
|
326
339
|
|
|
327
|
-
$parcel$export($
|
|
340
|
+
$parcel$export($28ed3fb20343b78b$exports, "useDrag1D", () => $28ed3fb20343b78b$export$7bbed75feba39706);
|
|
328
341
|
|
|
329
342
|
|
|
330
343
|
// Keep track of elements that we are currently handling dragging for via useDrag1D.
|
|
331
344
|
// If there's an ancestor and a descendant both using useDrag1D(), and the user starts
|
|
332
345
|
// dragging the descendant, we don't want useDrag1D events to fire for the ancestor.
|
|
333
|
-
const $
|
|
334
|
-
function $
|
|
346
|
+
const $28ed3fb20343b78b$var$draggingElements = [];
|
|
347
|
+
function $28ed3fb20343b78b$export$7bbed75feba39706(props) {
|
|
335
348
|
console.warn('useDrag1D is deprecated, please use `useMove` instead https://react-spectrum.adobe.com/react-aria/useMove.html');
|
|
336
349
|
let { containerRef: containerRef , reverse: reverse , orientation: orientation , onHover: onHover , onDrag: onDrag , onPositionChange: onPositionChange , onIncrement: onIncrement , onDecrement: onDecrement , onIncrementToMax: onIncrementToMax , onDecrementToMin: onDecrementToMin , onCollapseToggle: onCollapseToggle } = props;
|
|
337
350
|
let getPosition = (e)=>orientation === 'horizontal' ? e.clientX : e.clientY
|
|
338
351
|
;
|
|
339
352
|
let getNextOffset = (e)=>{
|
|
340
|
-
let containerOffset = $
|
|
353
|
+
let containerOffset = $16ec41ef3e36c19c$export$622cea445a1c5b7d(containerRef.current, reverse, orientation);
|
|
341
354
|
let mouseOffset = getPosition(e);
|
|
342
355
|
let nextOffset = reverse ? containerOffset - mouseOffset : mouseOffset - containerOffset;
|
|
343
356
|
return nextOffset;
|
|
344
357
|
};
|
|
345
|
-
let dragging = $
|
|
346
|
-
let prevPosition = $
|
|
358
|
+
let dragging = $1Yh1N$react.useRef(false);
|
|
359
|
+
let prevPosition = $1Yh1N$react.useRef(0);
|
|
347
360
|
// Keep track of the current handlers in a ref so that the events can access them.
|
|
348
|
-
let handlers = $
|
|
361
|
+
let handlers = $1Yh1N$react.useRef({
|
|
349
362
|
onPositionChange: onPositionChange,
|
|
350
363
|
onDrag: onDrag
|
|
351
364
|
});
|
|
@@ -369,7 +382,7 @@ function $ca85cc095ee7bdf9$export$7bbed75feba39706(props) {
|
|
|
369
382
|
let nextOffset = getNextOffset(e);
|
|
370
383
|
if (handlers.current.onDrag) handlers.current.onDrag(false);
|
|
371
384
|
if (handlers.current.onPositionChange) handlers.current.onPositionChange(nextOffset);
|
|
372
|
-
$
|
|
385
|
+
$28ed3fb20343b78b$var$draggingElements.splice($28ed3fb20343b78b$var$draggingElements.indexOf(target), 1);
|
|
373
386
|
window.removeEventListener('mouseup', onMouseUp, false);
|
|
374
387
|
window.removeEventListener('mousemove', onMouseDragged, false);
|
|
375
388
|
};
|
|
@@ -377,9 +390,9 @@ function $ca85cc095ee7bdf9$export$7bbed75feba39706(props) {
|
|
|
377
390
|
const target = e.currentTarget;
|
|
378
391
|
// If we're already handling dragging on a descendant with useDrag1D, then
|
|
379
392
|
// we don't want to handle the drag motion on this target as well.
|
|
380
|
-
if ($
|
|
393
|
+
if ($28ed3fb20343b78b$var$draggingElements.some((elt)=>target.contains(elt)
|
|
381
394
|
)) return;
|
|
382
|
-
$
|
|
395
|
+
$28ed3fb20343b78b$var$draggingElements.push(target);
|
|
383
396
|
window.addEventListener('mousemove', onMouseDragged, false);
|
|
384
397
|
window.addEventListener('mouseup', onMouseUp, false);
|
|
385
398
|
};
|
|
@@ -446,15 +459,15 @@ function $ca85cc095ee7bdf9$export$7bbed75feba39706(props) {
|
|
|
446
459
|
}
|
|
447
460
|
|
|
448
461
|
|
|
449
|
-
var $
|
|
462
|
+
var $4571ff54ac709100$exports = {};
|
|
450
463
|
|
|
451
|
-
$parcel$export($
|
|
464
|
+
$parcel$export($4571ff54ac709100$exports, "useGlobalListeners", () => $4571ff54ac709100$export$4eaf04e54aa8eed6);
|
|
452
465
|
|
|
453
|
-
function $
|
|
454
|
-
let globalListeners = $
|
|
455
|
-
let addGlobalListener = $
|
|
466
|
+
function $4571ff54ac709100$export$4eaf04e54aa8eed6() {
|
|
467
|
+
let globalListeners = $1Yh1N$react.useRef(new Map());
|
|
468
|
+
let addGlobalListener = $1Yh1N$react.useCallback((eventTarget, type, listener, options)=>{
|
|
456
469
|
// Make sure we remove the listener after it is called with the `once` option.
|
|
457
|
-
let fn = options
|
|
470
|
+
let fn = (options === null || options === void 0 ? void 0 : options.once) ? (...args)=>{
|
|
458
471
|
globalListeners.current.delete(listener);
|
|
459
472
|
listener(...args);
|
|
460
473
|
} : listener;
|
|
@@ -466,12 +479,13 @@ function $efa617098dfd7e72$export$4eaf04e54aa8eed6() {
|
|
|
466
479
|
});
|
|
467
480
|
eventTarget.addEventListener(type, listener, options);
|
|
468
481
|
}, []);
|
|
469
|
-
let removeGlobalListener = $
|
|
470
|
-
|
|
482
|
+
let removeGlobalListener = $1Yh1N$react.useCallback((eventTarget, type, listener, options)=>{
|
|
483
|
+
var ref;
|
|
484
|
+
let fn = ((ref = globalListeners.current.get(listener)) === null || ref === void 0 ? void 0 : ref.fn) || listener;
|
|
471
485
|
eventTarget.removeEventListener(type, fn, options);
|
|
472
486
|
globalListeners.current.delete(listener);
|
|
473
487
|
}, []);
|
|
474
|
-
let removeAllGlobalListeners = $
|
|
488
|
+
let removeAllGlobalListeners = $1Yh1N$react.useCallback(()=>{
|
|
475
489
|
globalListeners.current.forEach((value, key)=>{
|
|
476
490
|
removeGlobalListener(value.eventTarget, value.type, key, value.options);
|
|
477
491
|
});
|
|
@@ -479,7 +493,7 @@ function $efa617098dfd7e72$export$4eaf04e54aa8eed6() {
|
|
|
479
493
|
removeGlobalListener
|
|
480
494
|
]);
|
|
481
495
|
// eslint-disable-next-line arrow-body-style
|
|
482
|
-
$
|
|
496
|
+
$1Yh1N$react.useEffect(()=>{
|
|
483
497
|
return removeAllGlobalListeners;
|
|
484
498
|
}, [
|
|
485
499
|
removeAllGlobalListeners
|
|
@@ -492,15 +506,15 @@ function $efa617098dfd7e72$export$4eaf04e54aa8eed6() {
|
|
|
492
506
|
}
|
|
493
507
|
|
|
494
508
|
|
|
495
|
-
var $
|
|
509
|
+
var $6ec78bde395c477d$exports = {};
|
|
496
510
|
|
|
497
|
-
$parcel$export($
|
|
511
|
+
$parcel$export($6ec78bde395c477d$exports, "useLabels", () => $6ec78bde395c477d$export$d6875122194c7b44);
|
|
498
512
|
|
|
499
|
-
function $
|
|
513
|
+
function $6ec78bde395c477d$export$d6875122194c7b44(props, defaultLabel) {
|
|
500
514
|
let { id: id , 'aria-label': label , 'aria-labelledby': labelledBy } = props;
|
|
501
515
|
// If there is both an aria-label and aria-labelledby,
|
|
502
516
|
// combine them by pointing to the element itself.
|
|
503
|
-
id = $
|
|
517
|
+
id = $8c61827343eed941$export$f680877a34711e37(id);
|
|
504
518
|
if (labelledBy && label) {
|
|
505
519
|
let ids = new Set([
|
|
506
520
|
...labelledBy.trim().split(/\s+/),
|
|
@@ -520,18 +534,18 @@ function $e0460f7e24b931b0$export$d6875122194c7b44(props, defaultLabel) {
|
|
|
520
534
|
}
|
|
521
535
|
|
|
522
536
|
|
|
523
|
-
var $
|
|
537
|
+
var $475b35fe72ba49b3$exports = {};
|
|
524
538
|
|
|
525
|
-
$parcel$export($
|
|
539
|
+
$parcel$export($475b35fe72ba49b3$exports, "useObjectRef", () => $475b35fe72ba49b3$export$4338b53315abf666);
|
|
526
540
|
|
|
527
541
|
|
|
528
|
-
function $
|
|
529
|
-
const objRef = $
|
|
542
|
+
function $475b35fe72ba49b3$export$4338b53315abf666(forwardedRef) {
|
|
543
|
+
const objRef = $1Yh1N$react.useRef();
|
|
530
544
|
/**
|
|
531
545
|
* We're using `useLayoutEffect` here instead of `useEffect` because we want
|
|
532
546
|
* to make sure that the `ref` value is up to date before other places in the
|
|
533
547
|
* the execution cycle try to read it.
|
|
534
|
-
*/ $
|
|
548
|
+
*/ $78605a5d7424e31b$export$e5c5a5f917a5871c(()=>{
|
|
535
549
|
if (!forwardedRef) return;
|
|
536
550
|
if (typeof forwardedRef === 'function') forwardedRef(objRef.current);
|
|
537
551
|
else forwardedRef.current = objRef.current;
|
|
@@ -542,13 +556,13 @@ function $658832d06264448f$export$4338b53315abf666(forwardedRef) {
|
|
|
542
556
|
}
|
|
543
557
|
|
|
544
558
|
|
|
545
|
-
var $
|
|
559
|
+
var $29293a6f5c75b37e$exports = {};
|
|
546
560
|
|
|
547
|
-
$parcel$export($
|
|
561
|
+
$parcel$export($29293a6f5c75b37e$exports, "useUpdateEffect", () => $29293a6f5c75b37e$export$496315a1608d9602);
|
|
548
562
|
|
|
549
|
-
function $
|
|
550
|
-
const isInitialMount = $
|
|
551
|
-
$
|
|
563
|
+
function $29293a6f5c75b37e$export$496315a1608d9602(effect, dependencies) {
|
|
564
|
+
const isInitialMount = $1Yh1N$react.useRef(true);
|
|
565
|
+
$1Yh1N$react.useEffect(()=>{
|
|
552
566
|
if (isInitialMount.current) isInitialMount.current = false;
|
|
553
567
|
else effect();
|
|
554
568
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
@@ -557,19 +571,19 @@ function $5f37a52ce85585dd$export$496315a1608d9602(effect, dependencies) {
|
|
|
557
571
|
|
|
558
572
|
|
|
559
573
|
|
|
560
|
-
var $
|
|
574
|
+
var $37733e1652f47193$exports = {};
|
|
561
575
|
|
|
562
|
-
$parcel$export($
|
|
576
|
+
$parcel$export($37733e1652f47193$exports, "useResizeObserver", () => $37733e1652f47193$export$683480f191c0e3ea);
|
|
563
577
|
|
|
564
|
-
function $
|
|
578
|
+
function $37733e1652f47193$var$hasResizeObserver() {
|
|
565
579
|
return typeof window.ResizeObserver !== 'undefined';
|
|
566
580
|
}
|
|
567
|
-
function $
|
|
581
|
+
function $37733e1652f47193$export$683480f191c0e3ea(options) {
|
|
568
582
|
const { ref: ref , onResize: onResize } = options;
|
|
569
|
-
$
|
|
570
|
-
let element = ref
|
|
583
|
+
$1Yh1N$react.useEffect(()=>{
|
|
584
|
+
let element = ref === null || ref === void 0 ? void 0 : ref.current;
|
|
571
585
|
if (!element) return;
|
|
572
|
-
if (!$
|
|
586
|
+
if (!$37733e1652f47193$var$hasResizeObserver()) {
|
|
573
587
|
window.addEventListener('resize', onResize, false);
|
|
574
588
|
return ()=>{
|
|
575
589
|
window.removeEventListener('resize', onResize, false);
|
|
@@ -591,12 +605,12 @@ function $3599a41724a37362$export$683480f191c0e3ea(options) {
|
|
|
591
605
|
}
|
|
592
606
|
|
|
593
607
|
|
|
594
|
-
var $
|
|
608
|
+
var $6fc733991a9f977c$exports = {};
|
|
595
609
|
|
|
596
|
-
$parcel$export($
|
|
610
|
+
$parcel$export($6fc733991a9f977c$exports, "useSyncRef", () => $6fc733991a9f977c$export$4debdb1a3f0fa79e);
|
|
597
611
|
|
|
598
|
-
function $
|
|
599
|
-
$
|
|
612
|
+
function $6fc733991a9f977c$export$4debdb1a3f0fa79e(context, ref) {
|
|
613
|
+
$78605a5d7424e31b$export$e5c5a5f917a5871c(()=>{
|
|
600
614
|
if (context && context.ref && ref) {
|
|
601
615
|
context.ref.current = ref.current;
|
|
602
616
|
return ()=>{
|
|
@@ -610,68 +624,68 @@ function $c5073b0bf61d031a$export$4debdb1a3f0fa79e(context, ref) {
|
|
|
610
624
|
}
|
|
611
625
|
|
|
612
626
|
|
|
613
|
-
var $
|
|
627
|
+
var $d796e7157ac96470$exports = {};
|
|
614
628
|
|
|
615
|
-
$parcel$export($
|
|
616
|
-
function $
|
|
617
|
-
while(node && !$
|
|
629
|
+
$parcel$export($d796e7157ac96470$exports, "getScrollParent", () => $d796e7157ac96470$export$cfa2225e87938781);
|
|
630
|
+
function $d796e7157ac96470$export$cfa2225e87938781(node) {
|
|
631
|
+
while(node && !$d796e7157ac96470$var$isScrollable(node))node = node.parentElement;
|
|
618
632
|
return node || document.scrollingElement || document.documentElement;
|
|
619
633
|
}
|
|
620
|
-
function $
|
|
634
|
+
function $d796e7157ac96470$var$isScrollable(node) {
|
|
621
635
|
let style = window.getComputedStyle(node);
|
|
622
636
|
return /(auto|scroll)/.test(style.overflow + style.overflowX + style.overflowY);
|
|
623
637
|
}
|
|
624
638
|
|
|
625
639
|
|
|
626
|
-
var $
|
|
640
|
+
var $8b24bab62f5c65ad$exports = {};
|
|
627
641
|
|
|
628
|
-
$parcel$export($
|
|
642
|
+
$parcel$export($8b24bab62f5c65ad$exports, "useViewportSize", () => $8b24bab62f5c65ad$export$d699905dd57c73ca);
|
|
629
643
|
|
|
630
644
|
// @ts-ignore
|
|
631
|
-
let $
|
|
632
|
-
function $
|
|
633
|
-
let [size1, setSize] = $
|
|
645
|
+
let $8b24bab62f5c65ad$var$visualViewport = typeof window !== 'undefined' && window.visualViewport;
|
|
646
|
+
function $8b24bab62f5c65ad$export$d699905dd57c73ca() {
|
|
647
|
+
let [size1, setSize] = $1Yh1N$react.useState(()=>$8b24bab62f5c65ad$var$getViewportSize()
|
|
634
648
|
);
|
|
635
|
-
$
|
|
649
|
+
$1Yh1N$react.useEffect(()=>{
|
|
636
650
|
// Use visualViewport api to track available height even on iOS virtual keyboard opening
|
|
637
651
|
let onResize = ()=>{
|
|
638
652
|
setSize((size)=>{
|
|
639
|
-
let newSize = $
|
|
653
|
+
let newSize = $8b24bab62f5c65ad$var$getViewportSize();
|
|
640
654
|
if (newSize.width === size.width && newSize.height === size.height) return size;
|
|
641
655
|
return newSize;
|
|
642
656
|
});
|
|
643
657
|
};
|
|
644
|
-
if (!$
|
|
645
|
-
else $
|
|
658
|
+
if (!$8b24bab62f5c65ad$var$visualViewport) window.addEventListener('resize', onResize);
|
|
659
|
+
else $8b24bab62f5c65ad$var$visualViewport.addEventListener('resize', onResize);
|
|
646
660
|
return ()=>{
|
|
647
|
-
if (!$
|
|
648
|
-
else $
|
|
661
|
+
if (!$8b24bab62f5c65ad$var$visualViewport) window.removeEventListener('resize', onResize);
|
|
662
|
+
else $8b24bab62f5c65ad$var$visualViewport.removeEventListener('resize', onResize);
|
|
649
663
|
};
|
|
650
664
|
}, []);
|
|
651
665
|
return size1;
|
|
652
666
|
}
|
|
653
|
-
function $
|
|
667
|
+
function $8b24bab62f5c65ad$var$getViewportSize() {
|
|
654
668
|
return {
|
|
655
|
-
width: $
|
|
656
|
-
height: $
|
|
669
|
+
width: ($8b24bab62f5c65ad$var$visualViewport === null || $8b24bab62f5c65ad$var$visualViewport === void 0 ? void 0 : $8b24bab62f5c65ad$var$visualViewport.width) || window.innerWidth,
|
|
670
|
+
height: ($8b24bab62f5c65ad$var$visualViewport === null || $8b24bab62f5c65ad$var$visualViewport === void 0 ? void 0 : $8b24bab62f5c65ad$var$visualViewport.height) || window.innerHeight
|
|
657
671
|
};
|
|
658
672
|
}
|
|
659
673
|
|
|
660
674
|
|
|
661
|
-
var $
|
|
675
|
+
var $34da4502ea8120db$exports = {};
|
|
662
676
|
|
|
663
|
-
$parcel$export($
|
|
677
|
+
$parcel$export($34da4502ea8120db$exports, "useDescription", () => $34da4502ea8120db$export$f8aeda7b10753fa1);
|
|
664
678
|
|
|
665
679
|
|
|
666
|
-
let $
|
|
667
|
-
const $
|
|
668
|
-
function $
|
|
669
|
-
let [id1, setId] = $
|
|
670
|
-
$
|
|
680
|
+
let $34da4502ea8120db$var$descriptionId = 0;
|
|
681
|
+
const $34da4502ea8120db$var$descriptionNodes = new Map();
|
|
682
|
+
function $34da4502ea8120db$export$f8aeda7b10753fa1(description) {
|
|
683
|
+
let [id1, setId] = $1Yh1N$react.useState(null);
|
|
684
|
+
$78605a5d7424e31b$export$e5c5a5f917a5871c(()=>{
|
|
671
685
|
if (!description) return;
|
|
672
|
-
let desc = $
|
|
686
|
+
let desc = $34da4502ea8120db$var$descriptionNodes.get(description);
|
|
673
687
|
if (!desc) {
|
|
674
|
-
let id = `react-aria-description-${$
|
|
688
|
+
let id = `react-aria-description-${$34da4502ea8120db$var$descriptionId++}`;
|
|
675
689
|
setId(id);
|
|
676
690
|
let node = document.createElement('div');
|
|
677
691
|
node.id = id;
|
|
@@ -682,13 +696,13 @@ function $fc64a6f8ffc8f0f9$export$f8aeda7b10753fa1(description) {
|
|
|
682
696
|
refCount: 0,
|
|
683
697
|
element: node
|
|
684
698
|
};
|
|
685
|
-
$
|
|
699
|
+
$34da4502ea8120db$var$descriptionNodes.set(description, desc);
|
|
686
700
|
} else setId(desc.element.id);
|
|
687
701
|
desc.refCount++;
|
|
688
702
|
return ()=>{
|
|
689
703
|
if (--desc.refCount === 0) {
|
|
690
704
|
desc.element.remove();
|
|
691
|
-
$
|
|
705
|
+
$34da4502ea8120db$var$descriptionNodes.delete(description);
|
|
692
706
|
}
|
|
693
707
|
};
|
|
694
708
|
}, [
|
|
@@ -700,16 +714,16 @@ function $fc64a6f8ffc8f0f9$export$f8aeda7b10753fa1(description) {
|
|
|
700
714
|
}
|
|
701
715
|
|
|
702
716
|
|
|
703
|
-
var $
|
|
717
|
+
var $9e20cff0af27e8cc$exports = {};
|
|
704
718
|
|
|
705
|
-
$parcel$export($
|
|
706
|
-
$parcel$export($
|
|
707
|
-
$parcel$export($
|
|
708
|
-
$parcel$export($
|
|
709
|
-
$parcel$export($
|
|
710
|
-
$parcel$export($
|
|
711
|
-
$parcel$export($
|
|
712
|
-
$parcel$export($
|
|
719
|
+
$parcel$export($9e20cff0af27e8cc$exports, "isMac", () => $9e20cff0af27e8cc$export$9ac100e40613ea10);
|
|
720
|
+
$parcel$export($9e20cff0af27e8cc$exports, "isIPhone", () => $9e20cff0af27e8cc$export$186c6964ca17d99);
|
|
721
|
+
$parcel$export($9e20cff0af27e8cc$exports, "isIPad", () => $9e20cff0af27e8cc$export$7bef049ce92e4224);
|
|
722
|
+
$parcel$export($9e20cff0af27e8cc$exports, "isIOS", () => $9e20cff0af27e8cc$export$fedb369cb70207f1);
|
|
723
|
+
$parcel$export($9e20cff0af27e8cc$exports, "isAppleDevice", () => $9e20cff0af27e8cc$export$e1865c3bedcd822b);
|
|
724
|
+
$parcel$export($9e20cff0af27e8cc$exports, "isWebKit", () => $9e20cff0af27e8cc$export$78551043582a6a98);
|
|
725
|
+
$parcel$export($9e20cff0af27e8cc$exports, "isChrome", () => $9e20cff0af27e8cc$export$6446a186d09e379e);
|
|
726
|
+
$parcel$export($9e20cff0af27e8cc$exports, "isAndroid", () => $9e20cff0af27e8cc$export$a11b0059900ceec8);
|
|
713
727
|
/*
|
|
714
728
|
* Copyright 2020 Adobe. All rights reserved.
|
|
715
729
|
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
@@ -720,47 +734,50 @@ $parcel$export($8dce0acd60edf5c8$exports, "isAndroid", () => $8dce0acd60edf5c8$e
|
|
|
720
734
|
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
721
735
|
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
722
736
|
* governing permissions and limitations under the License.
|
|
723
|
-
*/ function $
|
|
724
|
-
|
|
737
|
+
*/ function $9e20cff0af27e8cc$var$testUserAgent(re) {
|
|
738
|
+
var ref;
|
|
739
|
+
if (typeof window === 'undefined' || window.navigator == null) return false;
|
|
740
|
+
return ((ref = window.navigator['userAgentData']) === null || ref === void 0 ? void 0 : ref.brands.some((brand)=>re.test(brand.brand)
|
|
741
|
+
)) || re.test(window.navigator.userAgent);
|
|
725
742
|
}
|
|
726
|
-
function $
|
|
727
|
-
return typeof window !== 'undefined' && window.navigator != null ? re.test(window.navigator.platform) : false;
|
|
743
|
+
function $9e20cff0af27e8cc$var$testPlatform(re) {
|
|
744
|
+
return typeof window !== 'undefined' && window.navigator != null ? re.test((window.navigator['userAgentData'] || window.navigator).platform) : false;
|
|
728
745
|
}
|
|
729
|
-
function $
|
|
730
|
-
return $
|
|
746
|
+
function $9e20cff0af27e8cc$export$9ac100e40613ea10() {
|
|
747
|
+
return $9e20cff0af27e8cc$var$testPlatform(/^Mac/i);
|
|
731
748
|
}
|
|
732
|
-
function $
|
|
733
|
-
return $
|
|
749
|
+
function $9e20cff0af27e8cc$export$186c6964ca17d99() {
|
|
750
|
+
return $9e20cff0af27e8cc$var$testPlatform(/^iPhone/i);
|
|
734
751
|
}
|
|
735
|
-
function $
|
|
736
|
-
return $
|
|
752
|
+
function $9e20cff0af27e8cc$export$7bef049ce92e4224() {
|
|
753
|
+
return $9e20cff0af27e8cc$var$testPlatform(/^iPad/i) || $9e20cff0af27e8cc$export$9ac100e40613ea10() && navigator.maxTouchPoints > 1;
|
|
737
754
|
}
|
|
738
|
-
function $
|
|
739
|
-
return $
|
|
755
|
+
function $9e20cff0af27e8cc$export$fedb369cb70207f1() {
|
|
756
|
+
return $9e20cff0af27e8cc$export$186c6964ca17d99() || $9e20cff0af27e8cc$export$7bef049ce92e4224();
|
|
740
757
|
}
|
|
741
|
-
function $
|
|
742
|
-
return $
|
|
758
|
+
function $9e20cff0af27e8cc$export$e1865c3bedcd822b() {
|
|
759
|
+
return $9e20cff0af27e8cc$export$9ac100e40613ea10() || $9e20cff0af27e8cc$export$fedb369cb70207f1();
|
|
743
760
|
}
|
|
744
|
-
function $
|
|
745
|
-
return $
|
|
761
|
+
function $9e20cff0af27e8cc$export$78551043582a6a98() {
|
|
762
|
+
return $9e20cff0af27e8cc$var$testUserAgent(/AppleWebKit/i) && !$9e20cff0af27e8cc$export$6446a186d09e379e();
|
|
746
763
|
}
|
|
747
|
-
function $
|
|
748
|
-
return $
|
|
764
|
+
function $9e20cff0af27e8cc$export$6446a186d09e379e() {
|
|
765
|
+
return $9e20cff0af27e8cc$var$testUserAgent(/Chrome/i);
|
|
749
766
|
}
|
|
750
|
-
function $
|
|
751
|
-
return $
|
|
767
|
+
function $9e20cff0af27e8cc$export$a11b0059900ceec8() {
|
|
768
|
+
return $9e20cff0af27e8cc$var$testUserAgent(/Android/i);
|
|
752
769
|
}
|
|
753
770
|
|
|
754
771
|
|
|
755
|
-
var $
|
|
772
|
+
var $2a8c0bb1629926c8$exports = {};
|
|
756
773
|
|
|
757
|
-
$parcel$export($
|
|
774
|
+
$parcel$export($2a8c0bb1629926c8$exports, "useEvent", () => $2a8c0bb1629926c8$export$90fc3a17d93f704c);
|
|
758
775
|
|
|
759
|
-
function $
|
|
760
|
-
let handlerRef = $
|
|
776
|
+
function $2a8c0bb1629926c8$export$90fc3a17d93f704c(ref, event, handler1, options) {
|
|
777
|
+
let handlerRef = $1Yh1N$react.useRef(handler1);
|
|
761
778
|
handlerRef.current = handler1;
|
|
762
779
|
let isDisabled = handler1 == null;
|
|
763
|
-
$
|
|
780
|
+
$1Yh1N$react.useEffect(()=>{
|
|
764
781
|
if (isDisabled) return;
|
|
765
782
|
let element = ref.current;
|
|
766
783
|
let handler = (e)=>handlerRef.current.call(this, e)
|
|
@@ -778,19 +795,19 @@ function $bc4cfb54fe7e6088$export$90fc3a17d93f704c(ref, event, handler1, options
|
|
|
778
795
|
}
|
|
779
796
|
|
|
780
797
|
|
|
781
|
-
var $
|
|
798
|
+
var $19a2307bfabafaf1$exports = {};
|
|
782
799
|
|
|
783
|
-
$parcel$export($
|
|
800
|
+
$parcel$export($19a2307bfabafaf1$exports, "useValueEffect", () => $19a2307bfabafaf1$export$14d238f342723f25);
|
|
784
801
|
|
|
785
802
|
|
|
786
|
-
function $
|
|
787
|
-
let [value, setValue] = $
|
|
788
|
-
let valueRef = $
|
|
789
|
-
let effect = $
|
|
803
|
+
function $19a2307bfabafaf1$export$14d238f342723f25(defaultValue) {
|
|
804
|
+
let [value, setValue] = $1Yh1N$react.useState(defaultValue);
|
|
805
|
+
let valueRef = $1Yh1N$react.useRef(value);
|
|
806
|
+
let effect = $1Yh1N$react.useRef(null);
|
|
790
807
|
valueRef.current = value;
|
|
791
808
|
// Store the function in a ref so we can always access the current version
|
|
792
809
|
// which has the proper `value` in scope.
|
|
793
|
-
let nextRef = $
|
|
810
|
+
let nextRef = $1Yh1N$react.useRef(null);
|
|
794
811
|
nextRef.current = ()=>{
|
|
795
812
|
// Run the generator to the next yield.
|
|
796
813
|
let newValue = effect.current.next();
|
|
@@ -805,11 +822,11 @@ function $789b9514fd01258b$export$14d238f342723f25(defaultValue) {
|
|
|
805
822
|
if (value === newValue.value) nextRef.current();
|
|
806
823
|
else setValue(newValue.value);
|
|
807
824
|
};
|
|
808
|
-
$
|
|
825
|
+
$78605a5d7424e31b$export$e5c5a5f917a5871c(()=>{
|
|
809
826
|
// If there is an effect currently running, continue to the next yield.
|
|
810
827
|
if (effect.current) nextRef.current();
|
|
811
828
|
});
|
|
812
|
-
let queue = $
|
|
829
|
+
let queue = $1Yh1N$react.useCallback((fn)=>{
|
|
813
830
|
effect.current = fn(valueRef.current);
|
|
814
831
|
nextRef.current();
|
|
815
832
|
}, [
|
|
@@ -823,12 +840,12 @@ function $789b9514fd01258b$export$14d238f342723f25(defaultValue) {
|
|
|
823
840
|
}
|
|
824
841
|
|
|
825
842
|
|
|
826
|
-
var $
|
|
843
|
+
var $449412113267a1fe$exports = {};
|
|
827
844
|
|
|
828
|
-
$parcel$export($
|
|
829
|
-
function $
|
|
830
|
-
let offsetX = $
|
|
831
|
-
let offsetY = $
|
|
845
|
+
$parcel$export($449412113267a1fe$exports, "scrollIntoView", () => $449412113267a1fe$export$53a0910f038337bd);
|
|
846
|
+
function $449412113267a1fe$export$53a0910f038337bd(scrollView, element) {
|
|
847
|
+
let offsetX = $449412113267a1fe$var$relativeOffset(scrollView, element, 'left');
|
|
848
|
+
let offsetY = $449412113267a1fe$var$relativeOffset(scrollView, element, 'top');
|
|
832
849
|
let width = element.offsetWidth;
|
|
833
850
|
let height = element.offsetHeight;
|
|
834
851
|
let x = scrollView.scrollLeft;
|
|
@@ -845,7 +862,7 @@ function $c5c390447fdbf212$export$53a0910f038337bd(scrollView, element) {
|
|
|
845
862
|
/**
|
|
846
863
|
* Computes the offset left or top from child to ancestor by accumulating
|
|
847
864
|
* offsetLeft or offsetTop through intervening offsetParents.
|
|
848
|
-
*/ function $
|
|
865
|
+
*/ function $449412113267a1fe$var$relativeOffset(ancestor, child, axis) {
|
|
849
866
|
const prop = axis === 'left' ? 'offsetLeft' : 'offsetTop';
|
|
850
867
|
let sum = 0;
|
|
851
868
|
while(child.offsetParent){
|
|
@@ -864,29 +881,30 @@ function $c5c390447fdbf212$export$53a0910f038337bd(scrollView, element) {
|
|
|
864
881
|
}
|
|
865
882
|
|
|
866
883
|
|
|
867
|
-
$parcel$exportWildcard(module.exports, $
|
|
868
|
-
$parcel$exportWildcard(module.exports, $
|
|
869
|
-
$parcel$exportWildcard(module.exports, $
|
|
870
|
-
$parcel$exportWildcard(module.exports, $
|
|
871
|
-
$parcel$exportWildcard(module.exports, $
|
|
872
|
-
$parcel$exportWildcard(module.exports, $
|
|
873
|
-
$parcel$exportWildcard(module.exports, $
|
|
874
|
-
$parcel$exportWildcard(module.exports, $
|
|
875
|
-
$parcel$exportWildcard(module.exports, $
|
|
876
|
-
$parcel$exportWildcard(module.exports, $
|
|
877
|
-
$parcel$exportWildcard(module.exports, $
|
|
878
|
-
$parcel$exportWildcard(module.exports, $
|
|
879
|
-
$parcel$exportWildcard(module.exports, $
|
|
880
|
-
$parcel$exportWildcard(module.exports, $
|
|
881
|
-
$parcel$exportWildcard(module.exports, $
|
|
882
|
-
$parcel$exportWildcard(module.exports, $
|
|
883
|
-
$parcel$exportWildcard(module.exports, $
|
|
884
|
-
$parcel$exportWildcard(module.exports, $
|
|
885
|
-
$parcel$exportWildcard(module.exports, $
|
|
886
|
-
$parcel$exportWildcard(module.exports, $
|
|
887
|
-
$parcel$exportWildcard(module.exports, $
|
|
888
|
-
$parcel$exportWildcard(module.exports, $
|
|
889
|
-
$parcel$exportWildcard(module.exports, $
|
|
884
|
+
$parcel$exportWildcard(module.exports, $8c61827343eed941$exports);
|
|
885
|
+
$parcel$exportWildcard(module.exports, $1e2191638e54f613$exports);
|
|
886
|
+
$parcel$exportWildcard(module.exports, $f847cd1382ea7cd4$exports);
|
|
887
|
+
$parcel$exportWildcard(module.exports, $f05dc24eafaeb7e2$exports);
|
|
888
|
+
$parcel$exportWildcard(module.exports, $8d15d0e1797d4238$exports);
|
|
889
|
+
$parcel$exportWildcard(module.exports, $1117b6c0d4c4c164$exports);
|
|
890
|
+
$parcel$exportWildcard(module.exports, $16ec41ef3e36c19c$exports);
|
|
891
|
+
$parcel$exportWildcard(module.exports, $eb1d06911309900e$exports);
|
|
892
|
+
$parcel$exportWildcard(module.exports, $e8117ebcab55be6a$exports);
|
|
893
|
+
$parcel$exportWildcard(module.exports, $28ed3fb20343b78b$exports);
|
|
894
|
+
$parcel$exportWildcard(module.exports, $4571ff54ac709100$exports);
|
|
895
|
+
$parcel$exportWildcard(module.exports, $6ec78bde395c477d$exports);
|
|
896
|
+
$parcel$exportWildcard(module.exports, $475b35fe72ba49b3$exports);
|
|
897
|
+
$parcel$exportWildcard(module.exports, $29293a6f5c75b37e$exports);
|
|
898
|
+
$parcel$exportWildcard(module.exports, $78605a5d7424e31b$exports);
|
|
899
|
+
$parcel$exportWildcard(module.exports, $37733e1652f47193$exports);
|
|
900
|
+
$parcel$exportWildcard(module.exports, $6fc733991a9f977c$exports);
|
|
901
|
+
$parcel$exportWildcard(module.exports, $d796e7157ac96470$exports);
|
|
902
|
+
$parcel$exportWildcard(module.exports, $8b24bab62f5c65ad$exports);
|
|
903
|
+
$parcel$exportWildcard(module.exports, $34da4502ea8120db$exports);
|
|
904
|
+
$parcel$exportWildcard(module.exports, $9e20cff0af27e8cc$exports);
|
|
905
|
+
$parcel$exportWildcard(module.exports, $2a8c0bb1629926c8$exports);
|
|
906
|
+
$parcel$exportWildcard(module.exports, $19a2307bfabafaf1$exports);
|
|
907
|
+
$parcel$exportWildcard(module.exports, $449412113267a1fe$exports);
|
|
890
908
|
|
|
891
909
|
|
|
892
910
|
//# sourceMappingURL=main.js.map
|