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