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