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