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