@react-aria/utils 3.11.1 → 3.11.2
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 +230 -229
- package/dist/main.js.map +1 -1
- package/dist/module.js +208 -207
- package/dist/module.js.map +1 -1
- package/package.json +5 -5
package/dist/module.js
CHANGED
|
@@ -1,54 +1,54 @@
|
|
|
1
|
-
import $
|
|
2
|
-
import {useSSRSafeId as $
|
|
3
|
-
import $
|
|
4
|
-
import {clamp as $
|
|
1
|
+
import $5yePs$react, {useRef as $5yePs$useRef, useState as $5yePs$useState, useEffect as $5yePs$useEffect, useCallback as $5yePs$useCallback} from "react";
|
|
2
|
+
import {useSSRSafeId as $5yePs$useSSRSafeId} from "@react-aria/ssr";
|
|
3
|
+
import $5yePs$clsx from "clsx";
|
|
4
|
+
import {clamp as $691ac3ad1af88e64$re_export$clamp, snapValueToStep as $691ac3ad1af88e64$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 $5b01a7ee7dba2d86$exports = {};
|
|
10
10
|
|
|
11
|
-
$parcel$export($
|
|
12
|
-
$parcel$export($
|
|
13
|
-
$parcel$export($
|
|
11
|
+
$parcel$export($5b01a7ee7dba2d86$exports, "useId", () => $5b01a7ee7dba2d86$export$f680877a34711e37);
|
|
12
|
+
$parcel$export($5b01a7ee7dba2d86$exports, "mergeIds", () => $5b01a7ee7dba2d86$export$cd8c9cb68f842629);
|
|
13
|
+
$parcel$export($5b01a7ee7dba2d86$exports, "useSlotId", () => $5b01a7ee7dba2d86$export$b4cc09c592e8fdb8);
|
|
14
14
|
|
|
15
|
-
var $
|
|
15
|
+
var $5ac25c9c8ba077b3$exports = {};
|
|
16
16
|
|
|
17
|
-
$parcel$export($
|
|
17
|
+
$parcel$export($5ac25c9c8ba077b3$exports, "useLayoutEffect", () => $5ac25c9c8ba077b3$export$e5c5a5f917a5871c);
|
|
18
18
|
|
|
19
|
-
const $
|
|
19
|
+
const $5ac25c9c8ba077b3$export$e5c5a5f917a5871c = typeof window !== 'undefined' ? $5yePs$react.useLayoutEffect : ()=>{
|
|
20
20
|
};
|
|
21
21
|
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
|
|
25
|
-
let $
|
|
26
|
-
function $
|
|
27
|
-
let isRendering = $
|
|
25
|
+
let $5b01a7ee7dba2d86$var$idsUpdaterMap = new Map();
|
|
26
|
+
function $5b01a7ee7dba2d86$export$f680877a34711e37(defaultId) {
|
|
27
|
+
let isRendering = $5yePs$useRef(true);
|
|
28
28
|
isRendering.current = true;
|
|
29
|
-
let [value, setValue] = $
|
|
30
|
-
let nextId = $
|
|
31
|
-
let res = $
|
|
29
|
+
let [value, setValue] = $5yePs$useState(defaultId);
|
|
30
|
+
let nextId = $5yePs$useRef(null);
|
|
31
|
+
let res = $5yePs$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
|
+
$5b01a7ee7dba2d86$var$idsUpdaterMap.set(res, updateValue);
|
|
38
|
+
$5ac25c9c8ba077b3$export$e5c5a5f917a5871c(()=>{
|
|
39
39
|
isRendering.current = false;
|
|
40
40
|
}, [
|
|
41
41
|
updateValue
|
|
42
42
|
]);
|
|
43
|
-
$
|
|
43
|
+
$5ac25c9c8ba077b3$export$e5c5a5f917a5871c(()=>{
|
|
44
44
|
let r = res;
|
|
45
45
|
return ()=>{
|
|
46
|
-
$
|
|
46
|
+
$5b01a7ee7dba2d86$var$idsUpdaterMap.delete(r);
|
|
47
47
|
};
|
|
48
48
|
}, [
|
|
49
49
|
res
|
|
50
50
|
]);
|
|
51
|
-
$
|
|
51
|
+
$5yePs$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 $5b01a7ee7dba2d86$export$cd8c9cb68f842629(idA, idB) {
|
|
64
64
|
if (idA === idB) return idA;
|
|
65
|
-
let setIdA = $
|
|
65
|
+
let setIdA = $5b01a7ee7dba2d86$var$idsUpdaterMap.get(idA);
|
|
66
66
|
if (setIdA) {
|
|
67
67
|
setIdA(idB);
|
|
68
68
|
return idB;
|
|
69
69
|
}
|
|
70
|
-
let setIdB = $
|
|
70
|
+
let setIdB = $5b01a7ee7dba2d86$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 $5b01a7ee7dba2d86$export$b4cc09c592e8fdb8(depArray = []) {
|
|
78
|
+
let id = $5b01a7ee7dba2d86$export$f680877a34711e37();
|
|
79
|
+
let [resolvedId, setResolvedId] = $71eec9ddbfb7f6c6$export$14d238f342723f25(id);
|
|
80
|
+
let updateId = $5yePs$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
|
+
$5ac25c9c8ba077b3$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 $2a5eca539fe56811$exports = {};
|
|
99
99
|
|
|
100
|
-
$parcel$export($
|
|
101
|
-
function $
|
|
100
|
+
$parcel$export($2a5eca539fe56811$exports, "chain", () => $2a5eca539fe56811$export$e08e3b67e392101e);
|
|
101
|
+
function $2a5eca539fe56811$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 $c42fb2a2f22e1846$exports = {};
|
|
109
109
|
|
|
110
|
-
$parcel$export($
|
|
110
|
+
$parcel$export($c42fb2a2f22e1846$exports, "mergeProps", () => $c42fb2a2f22e1846$export$9d1611c77c2fe928);
|
|
111
111
|
|
|
112
112
|
|
|
113
113
|
|
|
114
|
-
function $
|
|
114
|
+
function $c42fb2a2f22e1846$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] = $2a5eca539fe56811$export$e08e3b67e392101e(a, b);
|
|
128
|
+
else if ((key === 'className' || key === 'UNSAFE_className') && typeof a === 'string' && typeof b === 'string') result[key] = $5yePs$clsx(a, b);
|
|
129
|
+
else if (key === 'id' && a && b) result.id = $5b01a7ee7dba2d86$export$cd8c9cb68f842629(a, b);
|
|
130
130
|
else result[key] = b !== undefined ? b : a;
|
|
131
131
|
}
|
|
132
132
|
}
|
|
@@ -134,51 +134,51 @@ function $699afe8e9e0f66de$export$9d1611c77c2fe928(...args) {
|
|
|
134
134
|
}
|
|
135
135
|
|
|
136
136
|
|
|
137
|
-
var $
|
|
137
|
+
var $f3859cd41d3e5b7d$exports = {};
|
|
138
138
|
|
|
139
|
-
$parcel$export($
|
|
140
|
-
const $
|
|
139
|
+
$parcel$export($f3859cd41d3e5b7d$exports, "filterDOMProps", () => $f3859cd41d3e5b7d$export$457c3d6518dd4c6f);
|
|
140
|
+
const $f3859cd41d3e5b7d$var$DOMPropNames = new Set([
|
|
141
141
|
'id'
|
|
142
142
|
]);
|
|
143
|
-
const $
|
|
143
|
+
const $f3859cd41d3e5b7d$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 $f3859cd41d3e5b7d$var$propRe = /^(data-.*)$/;
|
|
150
|
+
function $f3859cd41d3e5b7d$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) && ($f3859cd41d3e5b7d$var$DOMPropNames.has(prop) || labelable && $f3859cd41d3e5b7d$var$labelablePropNames.has(prop) || (propNames === null || propNames === void 0 ? void 0 : propNames.has(prop)) || $f3859cd41d3e5b7d$var$propRe.test(prop))) filteredProps[prop] = props[prop];
|
|
156
156
|
return filteredProps;
|
|
157
157
|
}
|
|
158
158
|
|
|
159
159
|
|
|
160
|
-
var $
|
|
160
|
+
var $1b46e2787874cd75$exports = {};
|
|
161
161
|
|
|
162
|
-
$parcel$export($
|
|
163
|
-
function $
|
|
164
|
-
if ($
|
|
162
|
+
$parcel$export($1b46e2787874cd75$exports, "focusWithoutScrolling", () => $1b46e2787874cd75$export$de79e2c695e052f3);
|
|
163
|
+
function $1b46e2787874cd75$export$de79e2c695e052f3(element) {
|
|
164
|
+
if ($1b46e2787874cd75$var$supportsPreventScroll()) element.focus({
|
|
165
165
|
preventScroll: true
|
|
166
166
|
});
|
|
167
167
|
else {
|
|
168
|
-
let scrollableElements = $
|
|
168
|
+
let scrollableElements = $1b46e2787874cd75$var$getScrollableElements(element);
|
|
169
169
|
element.focus();
|
|
170
|
-
$
|
|
170
|
+
$1b46e2787874cd75$var$restoreScrollPosition(scrollableElements);
|
|
171
171
|
}
|
|
172
172
|
}
|
|
173
|
-
let $
|
|
174
|
-
function $
|
|
175
|
-
if ($
|
|
176
|
-
$
|
|
173
|
+
let $1b46e2787874cd75$var$supportsPreventScrollCached = null;
|
|
174
|
+
function $1b46e2787874cd75$var$supportsPreventScroll() {
|
|
175
|
+
if ($1b46e2787874cd75$var$supportsPreventScrollCached == null) {
|
|
176
|
+
$1b46e2787874cd75$var$supportsPreventScrollCached = false;
|
|
177
177
|
try {
|
|
178
178
|
var focusElem = document.createElement('div');
|
|
179
179
|
focusElem.focus({
|
|
180
180
|
get preventScroll () {
|
|
181
|
-
$
|
|
181
|
+
$1b46e2787874cd75$var$supportsPreventScrollCached = true;
|
|
182
182
|
return true;
|
|
183
183
|
}
|
|
184
184
|
});
|
|
@@ -186,9 +186,9 @@ function $0172e2a3384c2851$var$supportsPreventScroll() {
|
|
|
186
186
|
// Ignore
|
|
187
187
|
}
|
|
188
188
|
}
|
|
189
|
-
return $
|
|
189
|
+
return $1b46e2787874cd75$var$supportsPreventScrollCached;
|
|
190
190
|
}
|
|
191
|
-
function $
|
|
191
|
+
function $1b46e2787874cd75$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 $0172e2a3384c2851$var$getScrollableElements(element) {
|
|
|
207
207
|
});
|
|
208
208
|
return scrollableElements;
|
|
209
209
|
}
|
|
210
|
-
function $
|
|
210
|
+
function $1b46e2787874cd75$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 $0172e2a3384c2851$var$restoreScrollPosition(scrollableElements) {
|
|
|
215
215
|
}
|
|
216
216
|
|
|
217
217
|
|
|
218
|
-
var $
|
|
218
|
+
var $fbd35a31e994df41$exports = {};
|
|
219
219
|
|
|
220
|
-
$parcel$export($
|
|
221
|
-
function $
|
|
220
|
+
$parcel$export($fbd35a31e994df41$exports, "getOffset", () => $fbd35a31e994df41$export$622cea445a1c5b7d);
|
|
221
|
+
function $fbd35a31e994df41$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 $691ac3ad1af88e64$exports = {};
|
|
229
229
|
|
|
230
|
-
$parcel$export($
|
|
231
|
-
$parcel$export($
|
|
230
|
+
$parcel$export($691ac3ad1af88e64$exports, "clamp", () => $691ac3ad1af88e64$re_export$clamp);
|
|
231
|
+
$parcel$export($691ac3ad1af88e64$exports, "snapValueToStep", () => $691ac3ad1af88e64$re_export$snapValueToStep);
|
|
232
232
|
|
|
233
233
|
|
|
234
234
|
|
|
235
|
-
var $
|
|
235
|
+
var $51de12ccb2f75a87$exports = {};
|
|
236
236
|
|
|
237
|
-
$parcel$export($
|
|
237
|
+
$parcel$export($51de12ccb2f75a87$exports, "runAfterTransition", () => $51de12ccb2f75a87$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($fdecdd2f4116564c$exports, "runAfterTransition", () => $fdecdd2f4
|
|
|
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 $51de12ccb2f75a87$var$transitionsByElement = new Map();
|
|
255
255
|
// A list of callbacks to call once there are no transitioning elements.
|
|
256
|
-
let $
|
|
257
|
-
function $
|
|
256
|
+
let $51de12ccb2f75a87$var$transitionCallbacks = new Set();
|
|
257
|
+
function $51de12ccb2f75a87$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 = $51de12ccb2f75a87$var$transitionsByElement.get(e.target);
|
|
262
262
|
if (!transitions) {
|
|
263
263
|
transitions = new Set();
|
|
264
|
-
$
|
|
264
|
+
$51de12ccb2f75a87$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 $fdecdd2f4116564c$var$setupGlobalEvents() {
|
|
|
271
271
|
};
|
|
272
272
|
let onTransitionEnd = (e)=>{
|
|
273
273
|
// Remove property from list of transitioning properties.
|
|
274
|
-
let properties = $
|
|
274
|
+
let properties = $51de12ccb2f75a87$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
|
+
$51de12ccb2f75a87$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 ($51de12ccb2f75a87$var$transitionsByElement.size === 0) {
|
|
284
|
+
for (let cb of $51de12ccb2f75a87$var$transitionCallbacks)cb();
|
|
285
|
+
$51de12ccb2f75a87$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') $51de12ccb2f75a87$var$setupGlobalEvents();
|
|
293
|
+
else document.addEventListener('DOMContentLoaded', $51de12ccb2f75a87$var$setupGlobalEvents);
|
|
294
294
|
}
|
|
295
|
-
function $
|
|
295
|
+
function $51de12ccb2f75a87$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 ($51de12ccb2f75a87$var$transitionsByElement.size === 0) fn();
|
|
301
|
+
else $51de12ccb2f75a87$var$transitionCallbacks.add(fn);
|
|
302
302
|
});
|
|
303
303
|
}
|
|
304
304
|
|
|
305
305
|
|
|
306
|
-
var $
|
|
306
|
+
var $b8aeddd69b238bce$exports = {};
|
|
307
307
|
|
|
308
|
-
$parcel$export($
|
|
308
|
+
$parcel$export($b8aeddd69b238bce$exports, "useDrag1D", () => $b8aeddd69b238bce$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 $b8aeddd69b238bce$var$draggingElements = [];
|
|
315
|
+
function $b8aeddd69b238bce$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 = $fbd35a31e994df41$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 = $5yePs$useRef(false);
|
|
327
|
+
let prevPosition = $5yePs$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 = $5yePs$useRef({
|
|
330
330
|
onPositionChange: onPositionChange,
|
|
331
331
|
onDrag: onDrag
|
|
332
332
|
});
|
|
@@ -350,7 +350,7 @@ function $95a0e07fe544f4e9$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
|
+
$b8aeddd69b238bce$var$draggingElements.splice($b8aeddd69b238bce$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 $95a0e07fe544f4e9$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 ($b8aeddd69b238bce$var$draggingElements.some((elt)=>target.contains(elt)
|
|
362
362
|
)) return;
|
|
363
|
-
$
|
|
363
|
+
$b8aeddd69b238bce$var$draggingElements.push(target);
|
|
364
364
|
window.addEventListener('mousemove', onMouseDragged, false);
|
|
365
365
|
window.addEventListener('mouseup', onMouseUp, false);
|
|
366
366
|
};
|
|
@@ -427,15 +427,15 @@ function $95a0e07fe544f4e9$export$7bbed75feba39706(props) {
|
|
|
427
427
|
}
|
|
428
428
|
|
|
429
429
|
|
|
430
|
-
var $
|
|
430
|
+
var $ce924e419b398d4c$exports = {};
|
|
431
431
|
|
|
432
|
-
$parcel$export($
|
|
432
|
+
$parcel$export($ce924e419b398d4c$exports, "useGlobalListeners", () => $ce924e419b398d4c$export$4eaf04e54aa8eed6);
|
|
433
433
|
|
|
434
|
-
function $
|
|
435
|
-
let globalListeners = $
|
|
436
|
-
let addGlobalListener = $
|
|
434
|
+
function $ce924e419b398d4c$export$4eaf04e54aa8eed6() {
|
|
435
|
+
let globalListeners = $5yePs$useRef(new Map());
|
|
436
|
+
let addGlobalListener = $5yePs$useCallback((eventTarget, type, listener, options)=>{
|
|
437
437
|
// Make sure we remove the listener after it is called with the `once` option.
|
|
438
|
-
let fn = options
|
|
438
|
+
let fn = (options === null || options === void 0 ? void 0 : options.once) ? (...args)=>{
|
|
439
439
|
globalListeners.current.delete(listener);
|
|
440
440
|
listener(...args);
|
|
441
441
|
} : listener;
|
|
@@ -447,12 +447,13 @@ function $042598a43c3fee40$export$4eaf04e54aa8eed6() {
|
|
|
447
447
|
});
|
|
448
448
|
eventTarget.addEventListener(type, listener, options);
|
|
449
449
|
}, []);
|
|
450
|
-
let removeGlobalListener = $
|
|
451
|
-
|
|
450
|
+
let removeGlobalListener = $5yePs$useCallback((eventTarget, type, listener, options)=>{
|
|
451
|
+
var ref;
|
|
452
|
+
let fn = ((ref = globalListeners.current.get(listener)) === null || ref === void 0 ? void 0 : ref.fn) || listener;
|
|
452
453
|
eventTarget.removeEventListener(type, fn, options);
|
|
453
454
|
globalListeners.current.delete(listener);
|
|
454
455
|
}, []);
|
|
455
|
-
let removeAllGlobalListeners = $
|
|
456
|
+
let removeAllGlobalListeners = $5yePs$useCallback(()=>{
|
|
456
457
|
globalListeners.current.forEach((value, key)=>{
|
|
457
458
|
removeGlobalListener(value.eventTarget, value.type, key, value.options);
|
|
458
459
|
});
|
|
@@ -460,7 +461,7 @@ function $042598a43c3fee40$export$4eaf04e54aa8eed6() {
|
|
|
460
461
|
removeGlobalListener
|
|
461
462
|
]);
|
|
462
463
|
// eslint-disable-next-line arrow-body-style
|
|
463
|
-
$
|
|
464
|
+
$5yePs$useEffect(()=>{
|
|
464
465
|
return removeAllGlobalListeners;
|
|
465
466
|
}, [
|
|
466
467
|
removeAllGlobalListeners
|
|
@@ -473,15 +474,15 @@ function $042598a43c3fee40$export$4eaf04e54aa8eed6() {
|
|
|
473
474
|
}
|
|
474
475
|
|
|
475
476
|
|
|
476
|
-
var $
|
|
477
|
+
var $71a2c5844f2b60a4$exports = {};
|
|
477
478
|
|
|
478
|
-
$parcel$export($
|
|
479
|
+
$parcel$export($71a2c5844f2b60a4$exports, "useLabels", () => $71a2c5844f2b60a4$export$d6875122194c7b44);
|
|
479
480
|
|
|
480
|
-
function $
|
|
481
|
+
function $71a2c5844f2b60a4$export$d6875122194c7b44(props, defaultLabel) {
|
|
481
482
|
let { id: id , 'aria-label': label , 'aria-labelledby': labelledBy } = props;
|
|
482
483
|
// If there is both an aria-label and aria-labelledby,
|
|
483
484
|
// combine them by pointing to the element itself.
|
|
484
|
-
id = $
|
|
485
|
+
id = $5b01a7ee7dba2d86$export$f680877a34711e37(id);
|
|
485
486
|
if (labelledBy && label) {
|
|
486
487
|
let ids = new Set([
|
|
487
488
|
...labelledBy.trim().split(/\s+/),
|
|
@@ -501,18 +502,18 @@ function $2ab91c20d1fbac23$export$d6875122194c7b44(props, defaultLabel) {
|
|
|
501
502
|
}
|
|
502
503
|
|
|
503
504
|
|
|
504
|
-
var $
|
|
505
|
+
var $a235e7a487a1e81a$exports = {};
|
|
505
506
|
|
|
506
|
-
$parcel$export($
|
|
507
|
+
$parcel$export($a235e7a487a1e81a$exports, "useObjectRef", () => $a235e7a487a1e81a$export$4338b53315abf666);
|
|
507
508
|
|
|
508
509
|
|
|
509
|
-
function $
|
|
510
|
-
const objRef = $
|
|
510
|
+
function $a235e7a487a1e81a$export$4338b53315abf666(forwardedRef) {
|
|
511
|
+
const objRef = $5yePs$useRef();
|
|
511
512
|
/**
|
|
512
513
|
* We're using `useLayoutEffect` here instead of `useEffect` because we want
|
|
513
514
|
* to make sure that the `ref` value is up to date before other places in the
|
|
514
515
|
* the execution cycle try to read it.
|
|
515
|
-
*/ $
|
|
516
|
+
*/ $5ac25c9c8ba077b3$export$e5c5a5f917a5871c(()=>{
|
|
516
517
|
if (!forwardedRef) return;
|
|
517
518
|
if (typeof forwardedRef === 'function') forwardedRef(objRef.current);
|
|
518
519
|
else forwardedRef.current = objRef.current;
|
|
@@ -523,13 +524,13 @@ function $1ea3613dec903cb9$export$4338b53315abf666(forwardedRef) {
|
|
|
523
524
|
}
|
|
524
525
|
|
|
525
526
|
|
|
526
|
-
var $
|
|
527
|
+
var $2a91c3126c559388$exports = {};
|
|
527
528
|
|
|
528
|
-
$parcel$export($
|
|
529
|
+
$parcel$export($2a91c3126c559388$exports, "useUpdateEffect", () => $2a91c3126c559388$export$496315a1608d9602);
|
|
529
530
|
|
|
530
|
-
function $
|
|
531
|
-
const isInitialMount = $
|
|
532
|
-
$
|
|
531
|
+
function $2a91c3126c559388$export$496315a1608d9602(effect, dependencies) {
|
|
532
|
+
const isInitialMount = $5yePs$useRef(true);
|
|
533
|
+
$5yePs$useEffect(()=>{
|
|
533
534
|
if (isInitialMount.current) isInitialMount.current = false;
|
|
534
535
|
else effect();
|
|
535
536
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
@@ -538,19 +539,19 @@ function $d3ab8ae13db3a1fd$export$496315a1608d9602(effect, dependencies) {
|
|
|
538
539
|
|
|
539
540
|
|
|
540
541
|
|
|
541
|
-
var $
|
|
542
|
+
var $3e864361342e1b32$exports = {};
|
|
542
543
|
|
|
543
|
-
$parcel$export($
|
|
544
|
+
$parcel$export($3e864361342e1b32$exports, "useResizeObserver", () => $3e864361342e1b32$export$683480f191c0e3ea);
|
|
544
545
|
|
|
545
|
-
function $
|
|
546
|
+
function $3e864361342e1b32$var$hasResizeObserver() {
|
|
546
547
|
return typeof window.ResizeObserver !== 'undefined';
|
|
547
548
|
}
|
|
548
|
-
function $
|
|
549
|
+
function $3e864361342e1b32$export$683480f191c0e3ea(options) {
|
|
549
550
|
const { ref: ref , onResize: onResize } = options;
|
|
550
|
-
$
|
|
551
|
-
let element = ref
|
|
551
|
+
$5yePs$useEffect(()=>{
|
|
552
|
+
let element = ref === null || ref === void 0 ? void 0 : ref.current;
|
|
552
553
|
if (!element) return;
|
|
553
|
-
if (!$
|
|
554
|
+
if (!$3e864361342e1b32$var$hasResizeObserver()) {
|
|
554
555
|
window.addEventListener('resize', onResize, false);
|
|
555
556
|
return ()=>{
|
|
556
557
|
window.removeEventListener('resize', onResize, false);
|
|
@@ -572,12 +573,12 @@ function $f3e728a941364b05$export$683480f191c0e3ea(options) {
|
|
|
572
573
|
}
|
|
573
574
|
|
|
574
575
|
|
|
575
|
-
var $
|
|
576
|
+
var $0b7d7b0ae05ba812$exports = {};
|
|
576
577
|
|
|
577
|
-
$parcel$export($
|
|
578
|
+
$parcel$export($0b7d7b0ae05ba812$exports, "useSyncRef", () => $0b7d7b0ae05ba812$export$4debdb1a3f0fa79e);
|
|
578
579
|
|
|
579
|
-
function $
|
|
580
|
-
$
|
|
580
|
+
function $0b7d7b0ae05ba812$export$4debdb1a3f0fa79e(context, ref) {
|
|
581
|
+
$5ac25c9c8ba077b3$export$e5c5a5f917a5871c(()=>{
|
|
581
582
|
if (context && context.ref && ref) {
|
|
582
583
|
context.ref.current = ref.current;
|
|
583
584
|
return ()=>{
|
|
@@ -591,68 +592,68 @@ function $518b8f251641d71b$export$4debdb1a3f0fa79e(context, ref) {
|
|
|
591
592
|
}
|
|
592
593
|
|
|
593
594
|
|
|
594
|
-
var $
|
|
595
|
+
var $0ac9283dcb18fed4$exports = {};
|
|
595
596
|
|
|
596
|
-
$parcel$export($
|
|
597
|
-
function $
|
|
598
|
-
while(node && !$
|
|
597
|
+
$parcel$export($0ac9283dcb18fed4$exports, "getScrollParent", () => $0ac9283dcb18fed4$export$cfa2225e87938781);
|
|
598
|
+
function $0ac9283dcb18fed4$export$cfa2225e87938781(node) {
|
|
599
|
+
while(node && !$0ac9283dcb18fed4$var$isScrollable(node))node = node.parentElement;
|
|
599
600
|
return node || document.scrollingElement || document.documentElement;
|
|
600
601
|
}
|
|
601
|
-
function $
|
|
602
|
+
function $0ac9283dcb18fed4$var$isScrollable(node) {
|
|
602
603
|
let style = window.getComputedStyle(node);
|
|
603
604
|
return /(auto|scroll)/.test(style.overflow + style.overflowX + style.overflowY);
|
|
604
605
|
}
|
|
605
606
|
|
|
606
607
|
|
|
607
|
-
var $
|
|
608
|
+
var $9ab7274bc657ab6d$exports = {};
|
|
608
609
|
|
|
609
|
-
$parcel$export($
|
|
610
|
+
$parcel$export($9ab7274bc657ab6d$exports, "useViewportSize", () => $9ab7274bc657ab6d$export$d699905dd57c73ca);
|
|
610
611
|
|
|
611
612
|
// @ts-ignore
|
|
612
|
-
let $
|
|
613
|
-
function $
|
|
614
|
-
let [size1, setSize] = $
|
|
613
|
+
let $9ab7274bc657ab6d$var$visualViewport = typeof window !== 'undefined' && window.visualViewport;
|
|
614
|
+
function $9ab7274bc657ab6d$export$d699905dd57c73ca() {
|
|
615
|
+
let [size1, setSize] = $5yePs$useState(()=>$9ab7274bc657ab6d$var$getViewportSize()
|
|
615
616
|
);
|
|
616
|
-
$
|
|
617
|
+
$5yePs$useEffect(()=>{
|
|
617
618
|
// Use visualViewport api to track available height even on iOS virtual keyboard opening
|
|
618
619
|
let onResize = ()=>{
|
|
619
620
|
setSize((size)=>{
|
|
620
|
-
let newSize = $
|
|
621
|
+
let newSize = $9ab7274bc657ab6d$var$getViewportSize();
|
|
621
622
|
if (newSize.width === size.width && newSize.height === size.height) return size;
|
|
622
623
|
return newSize;
|
|
623
624
|
});
|
|
624
625
|
};
|
|
625
|
-
if (!$
|
|
626
|
-
else $
|
|
626
|
+
if (!$9ab7274bc657ab6d$var$visualViewport) window.addEventListener('resize', onResize);
|
|
627
|
+
else $9ab7274bc657ab6d$var$visualViewport.addEventListener('resize', onResize);
|
|
627
628
|
return ()=>{
|
|
628
|
-
if (!$
|
|
629
|
-
else $
|
|
629
|
+
if (!$9ab7274bc657ab6d$var$visualViewport) window.removeEventListener('resize', onResize);
|
|
630
|
+
else $9ab7274bc657ab6d$var$visualViewport.removeEventListener('resize', onResize);
|
|
630
631
|
};
|
|
631
632
|
}, []);
|
|
632
633
|
return size1;
|
|
633
634
|
}
|
|
634
|
-
function $
|
|
635
|
+
function $9ab7274bc657ab6d$var$getViewportSize() {
|
|
635
636
|
return {
|
|
636
|
-
width: $
|
|
637
|
-
height: $
|
|
637
|
+
width: ($9ab7274bc657ab6d$var$visualViewport === null || $9ab7274bc657ab6d$var$visualViewport === void 0 ? void 0 : $9ab7274bc657ab6d$var$visualViewport.width) || window.innerWidth,
|
|
638
|
+
height: ($9ab7274bc657ab6d$var$visualViewport === null || $9ab7274bc657ab6d$var$visualViewport === void 0 ? void 0 : $9ab7274bc657ab6d$var$visualViewport.height) || window.innerHeight
|
|
638
639
|
};
|
|
639
640
|
}
|
|
640
641
|
|
|
641
642
|
|
|
642
|
-
var $
|
|
643
|
+
var $eea11ba5aff18b32$exports = {};
|
|
643
644
|
|
|
644
|
-
$parcel$export($
|
|
645
|
+
$parcel$export($eea11ba5aff18b32$exports, "useDescription", () => $eea11ba5aff18b32$export$f8aeda7b10753fa1);
|
|
645
646
|
|
|
646
647
|
|
|
647
|
-
let $
|
|
648
|
-
const $
|
|
649
|
-
function $
|
|
650
|
-
let [id1, setId] = $
|
|
651
|
-
$
|
|
648
|
+
let $eea11ba5aff18b32$var$descriptionId = 0;
|
|
649
|
+
const $eea11ba5aff18b32$var$descriptionNodes = new Map();
|
|
650
|
+
function $eea11ba5aff18b32$export$f8aeda7b10753fa1(description) {
|
|
651
|
+
let [id1, setId] = $5yePs$useState(null);
|
|
652
|
+
$5ac25c9c8ba077b3$export$e5c5a5f917a5871c(()=>{
|
|
652
653
|
if (!description) return;
|
|
653
|
-
let desc = $
|
|
654
|
+
let desc = $eea11ba5aff18b32$var$descriptionNodes.get(description);
|
|
654
655
|
if (!desc) {
|
|
655
|
-
let id = `react-aria-description-${$
|
|
656
|
+
let id = `react-aria-description-${$eea11ba5aff18b32$var$descriptionId++}`;
|
|
656
657
|
setId(id);
|
|
657
658
|
let node = document.createElement('div');
|
|
658
659
|
node.id = id;
|
|
@@ -663,13 +664,13 @@ function $5475261706737633$export$f8aeda7b10753fa1(description) {
|
|
|
663
664
|
refCount: 0,
|
|
664
665
|
element: node
|
|
665
666
|
};
|
|
666
|
-
$
|
|
667
|
+
$eea11ba5aff18b32$var$descriptionNodes.set(description, desc);
|
|
667
668
|
} else setId(desc.element.id);
|
|
668
669
|
desc.refCount++;
|
|
669
670
|
return ()=>{
|
|
670
671
|
if (--desc.refCount === 0) {
|
|
671
672
|
desc.element.remove();
|
|
672
|
-
$
|
|
673
|
+
$eea11ba5aff18b32$var$descriptionNodes.delete(description);
|
|
673
674
|
}
|
|
674
675
|
};
|
|
675
676
|
}, [
|
|
@@ -681,16 +682,16 @@ function $5475261706737633$export$f8aeda7b10753fa1(description) {
|
|
|
681
682
|
}
|
|
682
683
|
|
|
683
684
|
|
|
684
|
-
var $
|
|
685
|
+
var $59df4c60f0011bf4$exports = {};
|
|
685
686
|
|
|
686
|
-
$parcel$export($
|
|
687
|
-
$parcel$export($
|
|
688
|
-
$parcel$export($
|
|
689
|
-
$parcel$export($
|
|
690
|
-
$parcel$export($
|
|
691
|
-
$parcel$export($
|
|
692
|
-
$parcel$export($
|
|
693
|
-
$parcel$export($
|
|
687
|
+
$parcel$export($59df4c60f0011bf4$exports, "isMac", () => $59df4c60f0011bf4$export$9ac100e40613ea10);
|
|
688
|
+
$parcel$export($59df4c60f0011bf4$exports, "isIPhone", () => $59df4c60f0011bf4$export$186c6964ca17d99);
|
|
689
|
+
$parcel$export($59df4c60f0011bf4$exports, "isIPad", () => $59df4c60f0011bf4$export$7bef049ce92e4224);
|
|
690
|
+
$parcel$export($59df4c60f0011bf4$exports, "isIOS", () => $59df4c60f0011bf4$export$fedb369cb70207f1);
|
|
691
|
+
$parcel$export($59df4c60f0011bf4$exports, "isAppleDevice", () => $59df4c60f0011bf4$export$e1865c3bedcd822b);
|
|
692
|
+
$parcel$export($59df4c60f0011bf4$exports, "isWebKit", () => $59df4c60f0011bf4$export$78551043582a6a98);
|
|
693
|
+
$parcel$export($59df4c60f0011bf4$exports, "isChrome", () => $59df4c60f0011bf4$export$6446a186d09e379e);
|
|
694
|
+
$parcel$export($59df4c60f0011bf4$exports, "isAndroid", () => $59df4c60f0011bf4$export$a11b0059900ceec8);
|
|
694
695
|
/*
|
|
695
696
|
* Copyright 2020 Adobe. All rights reserved.
|
|
696
697
|
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
@@ -701,47 +702,47 @@ $parcel$export($43a0edf5ccd884bb$exports, "isAndroid", () => $43a0edf5ccd884bb$e
|
|
|
701
702
|
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
702
703
|
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
703
704
|
* governing permissions and limitations under the License.
|
|
704
|
-
*/ function $
|
|
705
|
+
*/ function $59df4c60f0011bf4$var$testUserAgent(re) {
|
|
705
706
|
return typeof window !== 'undefined' && window.navigator != null ? re.test(window.navigator.userAgent) : false;
|
|
706
707
|
}
|
|
707
|
-
function $
|
|
708
|
+
function $59df4c60f0011bf4$var$testPlatform(re) {
|
|
708
709
|
return typeof window !== 'undefined' && window.navigator != null ? re.test(window.navigator.platform) : false;
|
|
709
710
|
}
|
|
710
|
-
function $
|
|
711
|
-
return $
|
|
711
|
+
function $59df4c60f0011bf4$export$9ac100e40613ea10() {
|
|
712
|
+
return $59df4c60f0011bf4$var$testPlatform(/^Mac/);
|
|
712
713
|
}
|
|
713
|
-
function $
|
|
714
|
-
return $
|
|
714
|
+
function $59df4c60f0011bf4$export$186c6964ca17d99() {
|
|
715
|
+
return $59df4c60f0011bf4$var$testPlatform(/^iPhone/);
|
|
715
716
|
}
|
|
716
|
-
function $
|
|
717
|
-
return $
|
|
717
|
+
function $59df4c60f0011bf4$export$7bef049ce92e4224() {
|
|
718
|
+
return $59df4c60f0011bf4$var$testPlatform(/^iPad/) || $59df4c60f0011bf4$export$9ac100e40613ea10() && navigator.maxTouchPoints > 1;
|
|
718
719
|
}
|
|
719
|
-
function $
|
|
720
|
-
return $
|
|
720
|
+
function $59df4c60f0011bf4$export$fedb369cb70207f1() {
|
|
721
|
+
return $59df4c60f0011bf4$export$186c6964ca17d99() || $59df4c60f0011bf4$export$7bef049ce92e4224();
|
|
721
722
|
}
|
|
722
|
-
function $
|
|
723
|
-
return $
|
|
723
|
+
function $59df4c60f0011bf4$export$e1865c3bedcd822b() {
|
|
724
|
+
return $59df4c60f0011bf4$export$9ac100e40613ea10() || $59df4c60f0011bf4$export$fedb369cb70207f1();
|
|
724
725
|
}
|
|
725
|
-
function $
|
|
726
|
-
return $
|
|
726
|
+
function $59df4c60f0011bf4$export$78551043582a6a98() {
|
|
727
|
+
return $59df4c60f0011bf4$var$testUserAgent(/AppleWebKit/) && !$59df4c60f0011bf4$export$6446a186d09e379e();
|
|
727
728
|
}
|
|
728
|
-
function $
|
|
729
|
-
return $
|
|
729
|
+
function $59df4c60f0011bf4$export$6446a186d09e379e() {
|
|
730
|
+
return $59df4c60f0011bf4$var$testUserAgent(/Chrome/);
|
|
730
731
|
}
|
|
731
|
-
function $
|
|
732
|
-
return $
|
|
732
|
+
function $59df4c60f0011bf4$export$a11b0059900ceec8() {
|
|
733
|
+
return $59df4c60f0011bf4$var$testUserAgent(/Android/);
|
|
733
734
|
}
|
|
734
735
|
|
|
735
736
|
|
|
736
|
-
var $
|
|
737
|
+
var $a3dca252611ad6b3$exports = {};
|
|
737
738
|
|
|
738
|
-
$parcel$export($
|
|
739
|
+
$parcel$export($a3dca252611ad6b3$exports, "useEvent", () => $a3dca252611ad6b3$export$90fc3a17d93f704c);
|
|
739
740
|
|
|
740
|
-
function $
|
|
741
|
-
let handlerRef = $
|
|
741
|
+
function $a3dca252611ad6b3$export$90fc3a17d93f704c(ref, event, handler1, options) {
|
|
742
|
+
let handlerRef = $5yePs$useRef(handler1);
|
|
742
743
|
handlerRef.current = handler1;
|
|
743
744
|
let isDisabled = handler1 == null;
|
|
744
|
-
$
|
|
745
|
+
$5yePs$useEffect(()=>{
|
|
745
746
|
if (isDisabled) return;
|
|
746
747
|
let element = ref.current;
|
|
747
748
|
let handler = (e)=>handlerRef.current.call(this, e)
|
|
@@ -759,19 +760,19 @@ function $6f85328eaea47571$export$90fc3a17d93f704c(ref, event, handler1, options
|
|
|
759
760
|
}
|
|
760
761
|
|
|
761
762
|
|
|
762
|
-
var $
|
|
763
|
+
var $71eec9ddbfb7f6c6$exports = {};
|
|
763
764
|
|
|
764
|
-
$parcel$export($
|
|
765
|
+
$parcel$export($71eec9ddbfb7f6c6$exports, "useValueEffect", () => $71eec9ddbfb7f6c6$export$14d238f342723f25);
|
|
765
766
|
|
|
766
767
|
|
|
767
|
-
function $
|
|
768
|
-
let [value, setValue] = $
|
|
769
|
-
let valueRef = $
|
|
770
|
-
let effect = $
|
|
768
|
+
function $71eec9ddbfb7f6c6$export$14d238f342723f25(defaultValue) {
|
|
769
|
+
let [value, setValue] = $5yePs$useState(defaultValue);
|
|
770
|
+
let valueRef = $5yePs$useRef(value);
|
|
771
|
+
let effect = $5yePs$useRef(null);
|
|
771
772
|
valueRef.current = value;
|
|
772
773
|
// Store the function in a ref so we can always access the current version
|
|
773
774
|
// which has the proper `value` in scope.
|
|
774
|
-
let nextRef = $
|
|
775
|
+
let nextRef = $5yePs$useRef(null);
|
|
775
776
|
nextRef.current = ()=>{
|
|
776
777
|
// Run the generator to the next yield.
|
|
777
778
|
let newValue = effect.current.next();
|
|
@@ -786,11 +787,11 @@ function $8bfb318ccfa2e412$export$14d238f342723f25(defaultValue) {
|
|
|
786
787
|
if (value === newValue.value) nextRef.current();
|
|
787
788
|
else setValue(newValue.value);
|
|
788
789
|
};
|
|
789
|
-
$
|
|
790
|
+
$5ac25c9c8ba077b3$export$e5c5a5f917a5871c(()=>{
|
|
790
791
|
// If there is an effect currently running, continue to the next yield.
|
|
791
792
|
if (effect.current) nextRef.current();
|
|
792
793
|
});
|
|
793
|
-
let queue = $
|
|
794
|
+
let queue = $5yePs$useCallback((fn)=>{
|
|
794
795
|
effect.current = fn(valueRef.current);
|
|
795
796
|
nextRef.current();
|
|
796
797
|
}, [
|
|
@@ -804,12 +805,12 @@ function $8bfb318ccfa2e412$export$14d238f342723f25(defaultValue) {
|
|
|
804
805
|
}
|
|
805
806
|
|
|
806
807
|
|
|
807
|
-
var $
|
|
808
|
+
var $f2c8e5a8b491ced1$exports = {};
|
|
808
809
|
|
|
809
|
-
$parcel$export($
|
|
810
|
-
function $
|
|
811
|
-
let offsetX = $
|
|
812
|
-
let offsetY = $
|
|
810
|
+
$parcel$export($f2c8e5a8b491ced1$exports, "scrollIntoView", () => $f2c8e5a8b491ced1$export$53a0910f038337bd);
|
|
811
|
+
function $f2c8e5a8b491ced1$export$53a0910f038337bd(scrollView, element) {
|
|
812
|
+
let offsetX = $f2c8e5a8b491ced1$var$relativeOffset(scrollView, element, 'left');
|
|
813
|
+
let offsetY = $f2c8e5a8b491ced1$var$relativeOffset(scrollView, element, 'top');
|
|
813
814
|
let width = element.offsetWidth;
|
|
814
815
|
let height = element.offsetHeight;
|
|
815
816
|
let x = scrollView.scrollLeft;
|
|
@@ -826,7 +827,7 @@ function $7b1a72e750057d55$export$53a0910f038337bd(scrollView, element) {
|
|
|
826
827
|
/**
|
|
827
828
|
* Computes the offset left or top from child to ancestor by accumulating
|
|
828
829
|
* offsetLeft or offsetTop through intervening offsetParents.
|
|
829
|
-
*/ function $
|
|
830
|
+
*/ function $f2c8e5a8b491ced1$var$relativeOffset(ancestor, child, axis) {
|
|
830
831
|
const prop = axis === 'left' ? 'offsetLeft' : 'offsetTop';
|
|
831
832
|
let sum = 0;
|
|
832
833
|
while(child.offsetParent){
|
|
@@ -847,5 +848,5 @@ function $7b1a72e750057d55$export$53a0910f038337bd(scrollView, element) {
|
|
|
847
848
|
|
|
848
849
|
|
|
849
850
|
|
|
850
|
-
export {$
|
|
851
|
+
export {$5b01a7ee7dba2d86$export$f680877a34711e37 as useId, $5b01a7ee7dba2d86$export$cd8c9cb68f842629 as mergeIds, $5b01a7ee7dba2d86$export$b4cc09c592e8fdb8 as useSlotId, $2a5eca539fe56811$export$e08e3b67e392101e as chain, $c42fb2a2f22e1846$export$9d1611c77c2fe928 as mergeProps, $f3859cd41d3e5b7d$export$457c3d6518dd4c6f as filterDOMProps, $1b46e2787874cd75$export$de79e2c695e052f3 as focusWithoutScrolling, $fbd35a31e994df41$export$622cea445a1c5b7d as getOffset, $691ac3ad1af88e64$re_export$clamp as clamp, $691ac3ad1af88e64$re_export$snapValueToStep as snapValueToStep, $51de12ccb2f75a87$export$24490316f764c430 as runAfterTransition, $b8aeddd69b238bce$export$7bbed75feba39706 as useDrag1D, $ce924e419b398d4c$export$4eaf04e54aa8eed6 as useGlobalListeners, $71a2c5844f2b60a4$export$d6875122194c7b44 as useLabels, $a235e7a487a1e81a$export$4338b53315abf666 as useObjectRef, $2a91c3126c559388$export$496315a1608d9602 as useUpdateEffect, $5ac25c9c8ba077b3$export$e5c5a5f917a5871c as useLayoutEffect, $3e864361342e1b32$export$683480f191c0e3ea as useResizeObserver, $0b7d7b0ae05ba812$export$4debdb1a3f0fa79e as useSyncRef, $0ac9283dcb18fed4$export$cfa2225e87938781 as getScrollParent, $9ab7274bc657ab6d$export$d699905dd57c73ca as useViewportSize, $eea11ba5aff18b32$export$f8aeda7b10753fa1 as useDescription, $59df4c60f0011bf4$export$9ac100e40613ea10 as isMac, $59df4c60f0011bf4$export$186c6964ca17d99 as isIPhone, $59df4c60f0011bf4$export$7bef049ce92e4224 as isIPad, $59df4c60f0011bf4$export$fedb369cb70207f1 as isIOS, $59df4c60f0011bf4$export$e1865c3bedcd822b as isAppleDevice, $59df4c60f0011bf4$export$78551043582a6a98 as isWebKit, $59df4c60f0011bf4$export$6446a186d09e379e as isChrome, $59df4c60f0011bf4$export$a11b0059900ceec8 as isAndroid, $a3dca252611ad6b3$export$90fc3a17d93f704c as useEvent, $71eec9ddbfb7f6c6$export$14d238f342723f25 as useValueEffect, $f2c8e5a8b491ced1$export$53a0910f038337bd as scrollIntoView};
|
|
851
852
|
//# sourceMappingURL=module.js.map
|