@sps-woodland/focused-task 8.7.7 → 8.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.cjs.js +3 -3
- package/lib/index.es.js +260 -262
- package/package.json +7 -7
package/lib/index.es.js
CHANGED
@@ -1,24 +1,24 @@
|
|
1
|
-
import { Metadata as
|
2
|
-
import { Button as
|
1
|
+
import { Metadata as Ne, cl as G, combineEventHandlers as ve, useChildTestIdAttrBuilder as Je, selectChildren as Xe, contentOf as be } from "@sps-woodland/core";
|
2
|
+
import { Button as Ye } from "@sps-woodland/buttons";
|
3
3
|
import * as d from "react";
|
4
|
-
import h, { useRef as y, useCallback as
|
5
|
-
import
|
6
|
-
import { code as
|
4
|
+
import h, { useRef as y, useCallback as S, useState as K, useContext as A, useEffect as P, useMemo as R, createContext as Qe } from "react";
|
5
|
+
import Ze from "react-dom";
|
6
|
+
import { code as me } from "@spscommerce/utils";
|
7
7
|
const E = typeof document < "u" ? h.useLayoutEffect : () => {
|
8
8
|
};
|
9
|
-
function
|
9
|
+
function V(e) {
|
10
10
|
const t = y(null);
|
11
11
|
return E(() => {
|
12
12
|
t.current = e;
|
13
13
|
}, [
|
14
14
|
e
|
15
|
-
]),
|
15
|
+
]), S((...n) => {
|
16
16
|
const r = t.current;
|
17
17
|
return r == null ? void 0 : r(...n);
|
18
18
|
}, []);
|
19
19
|
}
|
20
|
-
function
|
21
|
-
let [t, n] =
|
20
|
+
function et(e) {
|
21
|
+
let [t, n] = K(e), r = y(null), o = V(() => {
|
22
22
|
if (!r.current)
|
23
23
|
return;
|
24
24
|
let a = r.current.next();
|
@@ -31,7 +31,7 @@ function rt(e) {
|
|
31
31
|
E(() => {
|
32
32
|
r.current && o();
|
33
33
|
});
|
34
|
-
let i =
|
34
|
+
let i = V((a) => {
|
35
35
|
r.current = a(t), o();
|
36
36
|
});
|
37
37
|
return [
|
@@ -42,10 +42,10 @@ function rt(e) {
|
|
42
42
|
const U = {
|
43
43
|
prefix: String(Math.round(Math.random() * 1e10)),
|
44
44
|
current: 0
|
45
|
-
},
|
46
|
-
let
|
47
|
-
function
|
48
|
-
let t = A(
|
45
|
+
}, Fe = /* @__PURE__ */ h.createContext(U), tt = /* @__PURE__ */ h.createContext(!1);
|
46
|
+
let nt = !!(typeof window < "u" && window.document && window.document.createElement), re = /* @__PURE__ */ new WeakMap();
|
47
|
+
function rt(e = !1) {
|
48
|
+
let t = A(Fe), n = y(null);
|
49
49
|
if (n.current === null && !e) {
|
50
50
|
var r, o;
|
51
51
|
let i = (o = h.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === null || o === void 0 || (r = o.ReactCurrentOwner) === null || r === void 0 ? void 0 : r.current;
|
@@ -60,36 +60,36 @@ function it(e = !1) {
|
|
60
60
|
}
|
61
61
|
return n.current;
|
62
62
|
}
|
63
|
-
function
|
64
|
-
let t = A(
|
65
|
-
t === U && !
|
66
|
-
let n =
|
63
|
+
function ot(e) {
|
64
|
+
let t = A(Fe);
|
65
|
+
t === U && !nt && console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.");
|
66
|
+
let n = rt(!!e), r = t === U && process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${t.prefix}`;
|
67
67
|
return e || `${r}-${n}`;
|
68
68
|
}
|
69
|
-
function
|
70
|
-
let t = h.useId(), [n] =
|
69
|
+
function at(e) {
|
70
|
+
let t = h.useId(), [n] = K(Pe()), r = n || process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${U.prefix}`;
|
71
71
|
return e || `${r}-${t}`;
|
72
72
|
}
|
73
|
-
const
|
74
|
-
function
|
73
|
+
const it = typeof h.useId == "function" ? at : ot;
|
74
|
+
function lt() {
|
75
75
|
return !1;
|
76
76
|
}
|
77
|
-
function
|
77
|
+
function st() {
|
78
78
|
return !0;
|
79
79
|
}
|
80
|
-
function
|
80
|
+
function ct(e) {
|
81
81
|
return () => {
|
82
82
|
};
|
83
83
|
}
|
84
|
-
function
|
85
|
-
return typeof h.useSyncExternalStore == "function" ? h.useSyncExternalStore(
|
84
|
+
function Pe() {
|
85
|
+
return typeof h.useSyncExternalStore == "function" ? h.useSyncExternalStore(ct, lt, st) : A(tt);
|
86
86
|
}
|
87
|
-
let
|
88
|
-
function
|
89
|
-
let [t, n] =
|
87
|
+
let ut = !!(typeof window < "u" && window.document && window.document.createElement), J = /* @__PURE__ */ new Map();
|
88
|
+
function ke(e) {
|
89
|
+
let [t, n] = K(e), r = y(null), o = it(t), i = S((a) => {
|
90
90
|
r.current = a;
|
91
91
|
}, []);
|
92
|
-
return
|
92
|
+
return ut && J.set(o, i), E(() => {
|
93
93
|
let a = o;
|
94
94
|
return () => {
|
95
95
|
J.delete(a);
|
@@ -101,7 +101,7 @@ function Ce(e) {
|
|
101
101
|
a && (r.current = null, n(a));
|
102
102
|
}), o;
|
103
103
|
}
|
104
|
-
function
|
104
|
+
function dt(e, t) {
|
105
105
|
if (e === t)
|
106
106
|
return e;
|
107
107
|
let n = J.get(e);
|
@@ -110,8 +110,8 @@ function vt(e, t) {
|
|
110
110
|
let r = J.get(t);
|
111
111
|
return r ? (r(e), e) : t;
|
112
112
|
}
|
113
|
-
function
|
114
|
-
let t =
|
113
|
+
function ft(e = []) {
|
114
|
+
let t = ke(), [n, r] = et(t), o = S(() => {
|
115
115
|
r(function* () {
|
116
116
|
yield t, yield document.getElementById(t) ? t : void 0;
|
117
117
|
});
|
@@ -135,7 +135,7 @@ const g = (e) => {
|
|
135
135
|
var t;
|
136
136
|
return (t = e == null ? void 0 : e.ownerDocument) !== null && t !== void 0 ? t : document;
|
137
137
|
}, Y = (e) => e && "window" in e && e.window === e ? e : g(e).defaultView || window;
|
138
|
-
function
|
138
|
+
function Le(e) {
|
139
139
|
var t, n, r = "";
|
140
140
|
if (typeof e == "string" || typeof e == "number")
|
141
141
|
r += e;
|
@@ -143,18 +143,18 @@ function Oe(e) {
|
|
143
143
|
if (Array.isArray(e)) {
|
144
144
|
var o = e.length;
|
145
145
|
for (t = 0; t < o; t++)
|
146
|
-
e[t] && (n =
|
146
|
+
e[t] && (n = Le(e[t])) && (r && (r += " "), r += n);
|
147
147
|
} else
|
148
148
|
for (n in e)
|
149
149
|
e[n] && (r && (r += " "), r += n);
|
150
150
|
return r;
|
151
151
|
}
|
152
|
-
function
|
152
|
+
function pt() {
|
153
153
|
for (var e, t, n = 0, r = "", o = arguments.length; n < o; n++)
|
154
|
-
(e = arguments[n]) && (t =
|
154
|
+
(e = arguments[n]) && (t = Le(e)) && (r && (r += " "), r += t);
|
155
155
|
return r;
|
156
156
|
}
|
157
|
-
function
|
157
|
+
function vt(...e) {
|
158
158
|
let t = {
|
159
159
|
...e[0]
|
160
160
|
};
|
@@ -165,19 +165,19 @@ function $t(...e) {
|
|
165
165
|
typeof i == "function" && typeof a == "function" && // This is a lot faster than a regex.
|
166
166
|
o[0] === "o" && o[1] === "n" && o.charCodeAt(2) >= /* 'A' */
|
167
167
|
65 && o.charCodeAt(2) <= /* 'Z' */
|
168
|
-
90 ? t[o] = X(i, a) : (o === "className" || o === "UNSAFE_className") && typeof i == "string" && typeof a == "string" ? t[o] =
|
168
|
+
90 ? t[o] = X(i, a) : (o === "className" || o === "UNSAFE_className") && typeof i == "string" && typeof a == "string" ? t[o] = pt(i, a) : o === "id" && i && a ? t.id = dt(i, a) : t[o] = a !== void 0 ? a : i;
|
169
169
|
}
|
170
170
|
}
|
171
171
|
return t;
|
172
172
|
}
|
173
|
-
const
|
173
|
+
const bt = /* @__PURE__ */ new Set([
|
174
174
|
"id"
|
175
|
-
]),
|
175
|
+
]), mt = /* @__PURE__ */ new Set([
|
176
176
|
"aria-label",
|
177
177
|
"aria-labelledby",
|
178
178
|
"aria-describedby",
|
179
179
|
"aria-details"
|
180
|
-
]),
|
180
|
+
]), $t = /* @__PURE__ */ new Set([
|
181
181
|
"href",
|
182
182
|
"hrefLang",
|
183
183
|
"target",
|
@@ -185,39 +185,39 @@ const ht = /* @__PURE__ */ new Set([
|
|
185
185
|
"download",
|
186
186
|
"ping",
|
187
187
|
"referrerPolicy"
|
188
|
-
]),
|
189
|
-
function
|
188
|
+
]), ht = /^(data-.*)$/;
|
189
|
+
function Et(e, t = {}) {
|
190
190
|
let { labelable: n, isLink: r, propNames: o } = t, i = {};
|
191
191
|
for (const a in e)
|
192
|
-
Object.prototype.hasOwnProperty.call(e, a) && (
|
192
|
+
Object.prototype.hasOwnProperty.call(e, a) && (bt.has(a) || n && mt.has(a) || r && $t.has(a) || o != null && o.has(a) || ht.test(a)) && (i[a] = e[a]);
|
193
193
|
return i;
|
194
194
|
}
|
195
|
-
function
|
196
|
-
if (
|
195
|
+
function $e(e) {
|
196
|
+
if (gt())
|
197
197
|
e.focus({
|
198
198
|
preventScroll: !0
|
199
199
|
});
|
200
200
|
else {
|
201
|
-
let t =
|
202
|
-
e.focus(),
|
201
|
+
let t = wt(e);
|
202
|
+
e.focus(), yt(t);
|
203
203
|
}
|
204
204
|
}
|
205
|
-
let
|
206
|
-
function
|
207
|
-
if (
|
208
|
-
|
205
|
+
let q = null;
|
206
|
+
function gt() {
|
207
|
+
if (q == null) {
|
208
|
+
q = !1;
|
209
209
|
try {
|
210
210
|
document.createElement("div").focus({
|
211
211
|
get preventScroll() {
|
212
|
-
return
|
212
|
+
return q = !0, !0;
|
213
213
|
}
|
214
214
|
});
|
215
215
|
} catch {
|
216
216
|
}
|
217
217
|
}
|
218
|
-
return
|
218
|
+
return q;
|
219
219
|
}
|
220
|
-
function
|
220
|
+
function wt(e) {
|
221
221
|
let t = e.parentNode, n = [], r = document.scrollingElement || document.documentElement;
|
222
222
|
for (; t instanceof HTMLElement && t !== r; )
|
223
223
|
(t.offsetHeight < t.scrollHeight || t.offsetWidth < t.scrollWidth) && n.push({
|
@@ -231,11 +231,11 @@ function xt(e) {
|
|
231
231
|
scrollLeft: r.scrollLeft
|
232
232
|
}), n;
|
233
233
|
}
|
234
|
-
function
|
234
|
+
function yt(e) {
|
235
235
|
for (let { element: t, scrollTop: n, scrollLeft: r } of e)
|
236
236
|
t.scrollTop = n, t.scrollLeft = r;
|
237
237
|
}
|
238
|
-
function
|
238
|
+
function Tt(e) {
|
239
239
|
var t;
|
240
240
|
return typeof window > "u" || window.navigator == null ? !1 : ((t = window.navigator.userAgentData) === null || t === void 0 ? void 0 : t.brands.some((n) => e.test(n.brand))) || e.test(window.navigator.userAgent);
|
241
241
|
}
|
@@ -243,24 +243,24 @@ function ue(e) {
|
|
243
243
|
var t;
|
244
244
|
return typeof window < "u" && window.navigator != null ? e.test(((t = window.navigator.userAgentData) === null || t === void 0 ? void 0 : t.platform) || window.navigator.platform) : !1;
|
245
245
|
}
|
246
|
-
function
|
246
|
+
function Ce() {
|
247
247
|
return ue(/^Mac/i);
|
248
248
|
}
|
249
|
-
function
|
249
|
+
function xt() {
|
250
250
|
return ue(/^iPhone/i);
|
251
251
|
}
|
252
|
-
function
|
252
|
+
function St() {
|
253
253
|
return ue(/^iPad/i) || // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
|
254
|
-
|
254
|
+
Ce() && navigator.maxTouchPoints > 1;
|
255
255
|
}
|
256
|
-
function
|
257
|
-
return
|
256
|
+
function Nt() {
|
257
|
+
return xt() || St();
|
258
258
|
}
|
259
|
-
function
|
260
|
-
return
|
259
|
+
function Ft() {
|
260
|
+
return Tt(/Android/i);
|
261
261
|
}
|
262
262
|
let M = /* @__PURE__ */ new Map(), ie = /* @__PURE__ */ new Set();
|
263
|
-
function
|
263
|
+
function he() {
|
264
264
|
if (typeof window > "u")
|
265
265
|
return;
|
266
266
|
function e(r) {
|
@@ -285,34 +285,34 @@ function ge() {
|
|
285
285
|
};
|
286
286
|
document.body.addEventListener("transitionrun", t), document.body.addEventListener("transitionend", n);
|
287
287
|
}
|
288
|
-
typeof document < "u" && (document.readyState !== "loading" ?
|
289
|
-
function
|
288
|
+
typeof document < "u" && (document.readyState !== "loading" ? he() : document.addEventListener("DOMContentLoaded", he));
|
289
|
+
function Pt(e) {
|
290
290
|
requestAnimationFrame(() => {
|
291
291
|
M.size === 0 ? e() : ie.add(e);
|
292
292
|
});
|
293
293
|
}
|
294
|
-
function
|
294
|
+
function Ee(e, t) {
|
295
295
|
let n = window.getComputedStyle(e), r = /(auto|scroll)/.test(n.overflow + n.overflowX + n.overflowY);
|
296
296
|
return r && t && (r = e.scrollHeight !== e.clientHeight || e.scrollWidth !== e.clientWidth), r;
|
297
297
|
}
|
298
|
-
function
|
298
|
+
function Oe(e, t) {
|
299
299
|
let n = e;
|
300
|
-
for (
|
300
|
+
for (Ee(n, t) && (n = n.parentElement); n && !Ee(n, t); )
|
301
301
|
n = n.parentElement;
|
302
302
|
return n || document.scrollingElement || document.documentElement;
|
303
303
|
}
|
304
|
-
function
|
305
|
-
return e.mozInputSource === 0 && e.isTrusted ? !0 :
|
304
|
+
function kt(e) {
|
305
|
+
return e.mozInputSource === 0 && e.isTrusted ? !0 : Ft() && e.pointerType ? e.type === "click" && e.buttons === 1 : e.detail === 0 && !e.pointerType;
|
306
306
|
}
|
307
|
-
function
|
308
|
-
let [r, o] =
|
307
|
+
function Lt(e, t, n) {
|
308
|
+
let [r, o] = K(e || t), i = y(e !== void 0), a = e !== void 0;
|
309
309
|
P(() => {
|
310
310
|
let l = i.current;
|
311
311
|
l !== a && console.warn(`WARN: A component changed from ${l ? "controlled" : "uncontrolled"} to ${a ? "controlled" : "uncontrolled"}.`), i.current = a;
|
312
312
|
}, [
|
313
313
|
a
|
314
314
|
]);
|
315
|
-
let c = a ? e : r, u =
|
315
|
+
let c = a ? e : r, u = S((l, ...s) => {
|
316
316
|
let f = (p, ...b) => {
|
317
317
|
n && (Object.is(c, p) || n(p, ...b)), a || (c = p);
|
318
318
|
};
|
@@ -330,21 +330,21 @@ function Mt(e, t, n) {
|
|
330
330
|
u
|
331
331
|
];
|
332
332
|
}
|
333
|
-
const
|
333
|
+
const Me = h.createContext({
|
334
334
|
register: () => {
|
335
335
|
}
|
336
336
|
});
|
337
|
-
|
338
|
-
function
|
339
|
-
let t =
|
337
|
+
Me.displayName = "PressResponderContext";
|
338
|
+
function Ct({ children: e }) {
|
339
|
+
let t = R(() => ({
|
340
340
|
register: () => {
|
341
341
|
}
|
342
342
|
}), []);
|
343
|
-
return /* @__PURE__ */ h.createElement(
|
343
|
+
return /* @__PURE__ */ h.createElement(Me.Provider, {
|
344
344
|
value: t
|
345
345
|
}, e);
|
346
346
|
}
|
347
|
-
class
|
347
|
+
class Ot {
|
348
348
|
isDefaultPrevented() {
|
349
349
|
return this.nativeEvent.defaultPrevented;
|
350
350
|
}
|
@@ -363,7 +363,7 @@ class At {
|
|
363
363
|
this.nativeEvent = n, this.target = n.target, this.currentTarget = n.currentTarget, this.relatedTarget = n.relatedTarget, this.bubbles = n.bubbles, this.cancelable = n.cancelable, this.defaultPrevented = n.defaultPrevented, this.eventPhase = n.eventPhase, this.isTrusted = n.isTrusted, this.timeStamp = n.timeStamp, this.type = t;
|
364
364
|
}
|
365
365
|
}
|
366
|
-
function
|
366
|
+
function Mt(e) {
|
367
367
|
let t = y({
|
368
368
|
isFocused: !1,
|
369
369
|
observer: null
|
@@ -374,14 +374,14 @@ function Wt(e) {
|
|
374
374
|
r.observer && (r.observer.disconnect(), r.observer = null);
|
375
375
|
};
|
376
376
|
}, []);
|
377
|
-
let n =
|
377
|
+
let n = V((r) => {
|
378
378
|
e == null || e(r);
|
379
379
|
});
|
380
|
-
return
|
380
|
+
return S((r) => {
|
381
381
|
if (r.target instanceof HTMLButtonElement || r.target instanceof HTMLInputElement || r.target instanceof HTMLTextAreaElement || r.target instanceof HTMLSelectElement) {
|
382
382
|
t.current.isFocused = !0;
|
383
383
|
let o = r.target, i = (a) => {
|
384
|
-
t.current.isFocused = !1, o.disabled && n(new
|
384
|
+
t.current.isFocused = !1, o.disabled && n(new Ot("blur", a)), t.current.observer && (t.current.observer.disconnect(), t.current.observer = null);
|
385
385
|
};
|
386
386
|
o.addEventListener("focusout", i, {
|
387
387
|
once: !0
|
@@ -408,69 +408,69 @@ function Wt(e) {
|
|
408
408
|
n
|
409
409
|
]);
|
410
410
|
}
|
411
|
-
let
|
411
|
+
let j = null, Dt = /* @__PURE__ */ new Set(), H = /* @__PURE__ */ new Map(), O = !1, le = !1;
|
412
412
|
function de(e, t) {
|
413
|
-
for (let n of
|
413
|
+
for (let n of Dt)
|
414
414
|
n(e, t);
|
415
415
|
}
|
416
|
-
function
|
417
|
-
return !(e.metaKey || !
|
416
|
+
function At(e) {
|
417
|
+
return !(e.metaKey || !Ce() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
|
418
418
|
}
|
419
419
|
function Q(e) {
|
420
|
-
O = !0,
|
420
|
+
O = !0, At(e) && (j = "keyboard", de("keyboard", e));
|
421
421
|
}
|
422
422
|
function x(e) {
|
423
|
-
|
423
|
+
j = "pointer", (e.type === "mousedown" || e.type === "pointerdown") && (O = !0, de("pointer", e));
|
424
424
|
}
|
425
|
-
function
|
426
|
-
|
425
|
+
function De(e) {
|
426
|
+
kt(e) && (O = !0, j = "virtual");
|
427
427
|
}
|
428
|
-
function
|
429
|
-
e.target === window || e.target === document || (!O && !le && (
|
428
|
+
function Ae(e) {
|
429
|
+
e.target === window || e.target === document || (!O && !le && (j = "virtual", de("virtual", e)), O = !1, le = !1);
|
430
430
|
}
|
431
|
-
function
|
431
|
+
function We() {
|
432
432
|
O = !1, le = !0;
|
433
433
|
}
|
434
|
-
function
|
435
|
-
if (typeof window > "u" ||
|
434
|
+
function ge(e) {
|
435
|
+
if (typeof window > "u" || H.get(Y(e)))
|
436
436
|
return;
|
437
437
|
const t = Y(e), n = g(e);
|
438
438
|
let r = t.HTMLElement.prototype.focus;
|
439
439
|
t.HTMLElement.prototype.focus = function() {
|
440
440
|
O = !0, r.apply(this, arguments);
|
441
|
-
}, n.addEventListener("keydown", Q, !0), n.addEventListener("keyup", Q, !0), n.addEventListener("click",
|
442
|
-
|
441
|
+
}, n.addEventListener("keydown", Q, !0), n.addEventListener("keyup", Q, !0), n.addEventListener("click", De, !0), t.addEventListener("focus", Ae, !0), t.addEventListener("blur", We, !1), typeof PointerEvent < "u" ? (n.addEventListener("pointerdown", x, !0), n.addEventListener("pointermove", x, !0), n.addEventListener("pointerup", x, !0)) : (n.addEventListener("mousedown", x, !0), n.addEventListener("mousemove", x, !0), n.addEventListener("mouseup", x, !0)), t.addEventListener("beforeunload", () => {
|
442
|
+
Be(e);
|
443
443
|
}, {
|
444
444
|
once: !0
|
445
|
-
}),
|
445
|
+
}), H.set(t, {
|
446
446
|
focus: r
|
447
447
|
});
|
448
448
|
}
|
449
|
-
const
|
449
|
+
const Be = (e, t) => {
|
450
450
|
const n = Y(e), r = g(e);
|
451
|
-
t && r.removeEventListener("DOMContentLoaded", t),
|
451
|
+
t && r.removeEventListener("DOMContentLoaded", t), H.has(n) && (n.HTMLElement.prototype.focus = H.get(n).focus, r.removeEventListener("keydown", Q, !0), r.removeEventListener("keyup", Q, !0), r.removeEventListener("click", De, !0), n.removeEventListener("focus", Ae, !0), n.removeEventListener("blur", We, !1), typeof PointerEvent < "u" ? (r.removeEventListener("pointerdown", x, !0), r.removeEventListener("pointermove", x, !0), r.removeEventListener("pointerup", x, !0)) : (r.removeEventListener("mousedown", x, !0), r.removeEventListener("mousemove", x, !0), r.removeEventListener("mouseup", x, !0)), H.delete(n));
|
452
452
|
};
|
453
|
-
function
|
453
|
+
function Wt(e) {
|
454
454
|
const t = g(e);
|
455
455
|
let n;
|
456
|
-
return t.readyState !== "loading" ?
|
457
|
-
|
458
|
-
}, t.addEventListener("DOMContentLoaded", n)), () =>
|
456
|
+
return t.readyState !== "loading" ? ge(e) : (n = () => {
|
457
|
+
ge(e);
|
458
|
+
}, t.addEventListener("DOMContentLoaded", n)), () => Be(e, n);
|
459
459
|
}
|
460
|
-
typeof document < "u" &&
|
461
|
-
function
|
462
|
-
return
|
460
|
+
typeof document < "u" && Wt();
|
461
|
+
function Bt() {
|
462
|
+
return j;
|
463
463
|
}
|
464
|
-
function
|
464
|
+
function It(e) {
|
465
465
|
let { isDisabled: t, onBlurWithin: n, onFocusWithin: r, onFocusWithinChange: o } = e, i = y({
|
466
466
|
isFocusWithin: !1
|
467
|
-
}), a =
|
467
|
+
}), a = S((l) => {
|
468
468
|
i.current.isFocusWithin && !l.currentTarget.contains(l.relatedTarget) && (i.current.isFocusWithin = !1, n && n(l), o && o(!1));
|
469
469
|
}, [
|
470
470
|
n,
|
471
471
|
o,
|
472
472
|
i
|
473
|
-
]), c =
|
473
|
+
]), c = Mt(a), u = S((l) => {
|
474
474
|
!i.current.isFocusWithin && document.activeElement === l.target && (r && r(l), o && o(!0), i.current.isFocusWithin = !0, c(l));
|
475
475
|
}, [
|
476
476
|
r,
|
@@ -490,13 +490,13 @@ function Vt(e) {
|
|
490
490
|
}
|
491
491
|
};
|
492
492
|
}
|
493
|
-
function
|
493
|
+
function Rt(e) {
|
494
494
|
let { ref: t, onInteractOutside: n, isDisabled: r, onInteractOutsideStart: o } = e, i = y({
|
495
495
|
isPointerDown: !1,
|
496
496
|
ignoreEmulatedMouseEvents: !1
|
497
|
-
}), a =
|
498
|
-
n &&
|
499
|
-
}), c =
|
497
|
+
}), a = V((u) => {
|
498
|
+
n && z(u, t) && (o && o(u), i.current.isPointerDown = !0);
|
499
|
+
}), c = V((u) => {
|
500
500
|
n && n(u);
|
501
501
|
});
|
502
502
|
P(() => {
|
@@ -506,16 +506,16 @@ function Kt(e) {
|
|
506
506
|
const l = t.current, s = g(l);
|
507
507
|
if (typeof PointerEvent < "u") {
|
508
508
|
let f = (p) => {
|
509
|
-
u.isPointerDown &&
|
509
|
+
u.isPointerDown && z(p, t) && c(p), u.isPointerDown = !1;
|
510
510
|
};
|
511
511
|
return s.addEventListener("pointerdown", a, !0), s.addEventListener("pointerup", f, !0), () => {
|
512
512
|
s.removeEventListener("pointerdown", a, !0), s.removeEventListener("pointerup", f, !0);
|
513
513
|
};
|
514
514
|
} else {
|
515
515
|
let f = (b) => {
|
516
|
-
u.ignoreEmulatedMouseEvents ? u.ignoreEmulatedMouseEvents = !1 : u.isPointerDown &&
|
516
|
+
u.ignoreEmulatedMouseEvents ? u.ignoreEmulatedMouseEvents = !1 : u.isPointerDown && z(b, t) && c(b), u.isPointerDown = !1;
|
517
517
|
}, p = (b) => {
|
518
|
-
u.ignoreEmulatedMouseEvents = !0, u.isPointerDown &&
|
518
|
+
u.ignoreEmulatedMouseEvents = !0, u.isPointerDown && z(b, t) && c(b), u.isPointerDown = !1;
|
519
519
|
};
|
520
520
|
return s.addEventListener("mousedown", a, !0), s.addEventListener("mouseup", f, !0), s.addEventListener("touchstart", a, !0), s.addEventListener("touchend", p, !0), () => {
|
521
521
|
s.removeEventListener("mousedown", a, !0), s.removeEventListener("mouseup", f, !0), s.removeEventListener("touchstart", a, !0), s.removeEventListener("touchend", p, !0);
|
@@ -528,7 +528,7 @@ function Kt(e) {
|
|
528
528
|
c
|
529
529
|
]);
|
530
530
|
}
|
531
|
-
function
|
531
|
+
function z(e, t) {
|
532
532
|
if (e.button > 0)
|
533
533
|
return !1;
|
534
534
|
if (e.target) {
|
@@ -540,15 +540,15 @@ function _(e, t) {
|
|
540
540
|
}
|
541
541
|
function se(e) {
|
542
542
|
const t = g(e);
|
543
|
-
if (
|
543
|
+
if (Bt() === "virtual") {
|
544
544
|
let n = t.activeElement;
|
545
|
-
|
546
|
-
t.activeElement === n && e.isConnected &&
|
545
|
+
Pt(() => {
|
546
|
+
t.activeElement === n && e.isConnected && $e(e);
|
547
547
|
});
|
548
548
|
} else
|
549
|
-
|
549
|
+
$e(e);
|
550
550
|
}
|
551
|
-
function
|
551
|
+
function Ht(e) {
|
552
552
|
const t = Y(e);
|
553
553
|
if (!(e instanceof t.HTMLElement) && !(e instanceof t.SVGElement))
|
554
554
|
return !1;
|
@@ -560,17 +560,17 @@ function jt(e) {
|
|
560
560
|
}
|
561
561
|
return o;
|
562
562
|
}
|
563
|
-
function
|
563
|
+
function Vt(e, t) {
|
564
564
|
return !e.hasAttribute("hidden") && // Ignore HiddenSelect when tree walking.
|
565
565
|
!e.hasAttribute("data-react-aria-prevent-focus") && (e.nodeName === "DETAILS" && t && t.nodeName !== "SUMMARY" ? e.hasAttribute("open") : !0);
|
566
566
|
}
|
567
|
-
function
|
568
|
-
return e.nodeName !== "#comment" &&
|
567
|
+
function Ie(e, t) {
|
568
|
+
return e.nodeName !== "#comment" && Ht(e) && Vt(e, t) && (!e.parentElement || Ie(e.parentElement, e));
|
569
569
|
}
|
570
|
-
const
|
570
|
+
const we = /* @__PURE__ */ h.createContext(null);
|
571
571
|
let m = null;
|
572
|
-
function
|
573
|
-
let { children: t, contain: n, restoreFocus: r, autoFocus: o } = e, i = y(null), a = y(null), c = y([]), { parentNode: u } = A(
|
572
|
+
function Kt(e) {
|
573
|
+
let { children: t, contain: n, restoreFocus: r, autoFocus: o } = e, i = y(null), a = y(null), c = y([]), { parentNode: u } = A(we) || {}, l = R(() => new ce({
|
574
574
|
scopeRef: c
|
575
575
|
}), [
|
576
576
|
c
|
@@ -598,7 +598,7 @@ function zt(e) {
|
|
598
598
|
c.current = v;
|
599
599
|
}, [
|
600
600
|
t
|
601
|
-
]),
|
601
|
+
]), Jt(c, r, n), _t(c, n), Yt(c, r, n), Ut(c, o), P(() => {
|
602
602
|
const p = g(c.current ? c.current[0] : void 0).activeElement;
|
603
603
|
let b = null;
|
604
604
|
if (w(p, c.current)) {
|
@@ -615,14 +615,14 @@ function zt(e) {
|
|
615
615
|
}, [
|
616
616
|
c
|
617
617
|
]);
|
618
|
-
let s =
|
618
|
+
let s = R(() => jt(c), []), f = R(() => ({
|
619
619
|
focusManager: s,
|
620
620
|
parentNode: l
|
621
621
|
}), [
|
622
622
|
l,
|
623
623
|
s
|
624
624
|
]);
|
625
|
-
return /* @__PURE__ */ h.createElement(
|
625
|
+
return /* @__PURE__ */ h.createElement(we.Provider, {
|
626
626
|
value: f
|
627
627
|
}, /* @__PURE__ */ h.createElement("span", {
|
628
628
|
"data-focus-scope-start": !0,
|
@@ -634,7 +634,7 @@ function zt(e) {
|
|
634
634
|
ref: a
|
635
635
|
}));
|
636
636
|
}
|
637
|
-
function
|
637
|
+
function jt(e) {
|
638
638
|
return {
|
639
639
|
focusNext(t = {}) {
|
640
640
|
let n = e.current, { from: r, tabbable: o, wrap: i, accept: a } = t, c = r || g(n[0]).activeElement, u = n[0].previousElementSibling, l = C(n), s = L(l, {
|
@@ -688,9 +688,9 @@ const fe = [
|
|
688
688
|
"audio[controls]",
|
689
689
|
"video[controls]",
|
690
690
|
"[contenteditable]"
|
691
|
-
],
|
691
|
+
], qt = fe.join(":not([hidden]),") + ",[tabindex]:not([disabled]):not([hidden])";
|
692
692
|
fe.push('[tabindex]:not([tabindex="-1"]):not([disabled])');
|
693
|
-
const
|
693
|
+
const zt = fe.join(':not([hidden]):not([tabindex="-1"]),');
|
694
694
|
function C(e) {
|
695
695
|
return e[0].parentElement;
|
696
696
|
}
|
@@ -703,7 +703,7 @@ function I(e) {
|
|
703
703
|
}
|
704
704
|
return !0;
|
705
705
|
}
|
706
|
-
function
|
706
|
+
function _t(e, t) {
|
707
707
|
let n = y(), r = y();
|
708
708
|
E(() => {
|
709
709
|
let o = e.current;
|
@@ -750,7 +750,7 @@ function Jt(e, t) {
|
|
750
750
|
r
|
751
751
|
]);
|
752
752
|
}
|
753
|
-
function
|
753
|
+
function Re(e) {
|
754
754
|
return Z(e);
|
755
755
|
}
|
756
756
|
function w(e, t) {
|
@@ -764,7 +764,7 @@ function Z(e, t = null) {
|
|
764
764
|
return !0;
|
765
765
|
return !1;
|
766
766
|
}
|
767
|
-
function
|
767
|
+
function Gt(e) {
|
768
768
|
return Z(e, m);
|
769
769
|
}
|
770
770
|
function ee(e, t) {
|
@@ -799,7 +799,7 @@ function te(e, t = !0) {
|
|
799
799
|
tabbable: !1
|
800
800
|
}, e), o.currentNode = n, i = o.nextNode()), F(i);
|
801
801
|
}
|
802
|
-
function
|
802
|
+
function Ut(e, t) {
|
803
803
|
const n = h.useRef(t);
|
804
804
|
P(() => {
|
805
805
|
if (n.current) {
|
@@ -812,7 +812,7 @@ function Yt(e, t) {
|
|
812
812
|
e
|
813
813
|
]);
|
814
814
|
}
|
815
|
-
function
|
815
|
+
function Jt(e, t, n) {
|
816
816
|
E(() => {
|
817
817
|
if (t || n)
|
818
818
|
return;
|
@@ -820,7 +820,7 @@ function Qt(e, t, n) {
|
|
820
820
|
const o = g(r ? r[0] : void 0);
|
821
821
|
let i = (a) => {
|
822
822
|
let c = a.target;
|
823
|
-
w(c, e.current) ? m = e :
|
823
|
+
w(c, e.current) ? m = e : Re(c) || (m = null);
|
824
824
|
};
|
825
825
|
return o.addEventListener("focusin", i, !1), r == null || r.forEach((a) => a.addEventListener("focusin", i, !1)), () => {
|
826
826
|
o.removeEventListener("focusin", i, !1), r == null || r.forEach((a) => a.removeEventListener("focusin", i, !1));
|
@@ -831,7 +831,7 @@ function Qt(e, t, n) {
|
|
831
831
|
n
|
832
832
|
]);
|
833
833
|
}
|
834
|
-
function
|
834
|
+
function Xt(e) {
|
835
835
|
let t = $.getTreeNode(m);
|
836
836
|
for (; t && t.scopeRef !== e; ) {
|
837
837
|
if (t.nodeToRestore)
|
@@ -840,7 +840,7 @@ function Zt(e) {
|
|
840
840
|
}
|
841
841
|
return (t == null ? void 0 : t.scopeRef) === e;
|
842
842
|
}
|
843
|
-
function
|
843
|
+
function Yt(e, t, n) {
|
844
844
|
const r = y(typeof document < "u" ? g(e.current ? e.current[0] : void 0).activeElement : null);
|
845
845
|
E(() => {
|
846
846
|
let o = e.current;
|
@@ -879,7 +879,7 @@ function en(e, t, n) {
|
|
879
879
|
do
|
880
880
|
f = a.shiftKey ? s.previousNode() : s.nextNode();
|
881
881
|
while (w(f, e.current));
|
882
|
-
a.preventDefault(), a.stopPropagation(), f ? F(f, !0) :
|
882
|
+
a.preventDefault(), a.stopPropagation(), f ? F(f, !0) : Re(l) ? F(l, !0) : c.blur();
|
883
883
|
}
|
884
884
|
};
|
885
885
|
return n || o.addEventListener("keydown", i, !0), () => {
|
@@ -902,7 +902,7 @@ function en(e, t, n) {
|
|
902
902
|
return;
|
903
903
|
let u = c.nodeToRestore;
|
904
904
|
if (t && u && // eslint-disable-next-line react-hooks/exhaustive-deps
|
905
|
-
(w(o.activeElement, e.current) || o.activeElement === o.body &&
|
905
|
+
(w(o.activeElement, e.current) || o.activeElement === o.body && Xt(e))) {
|
906
906
|
let l = $.clone();
|
907
907
|
requestAnimationFrame(() => {
|
908
908
|
if (o.activeElement === o.body) {
|
@@ -932,10 +932,10 @@ function en(e, t, n) {
|
|
932
932
|
]);
|
933
933
|
}
|
934
934
|
function L(e, t, n) {
|
935
|
-
let r = t != null && t.tabbable ?
|
935
|
+
let r = t != null && t.tabbable ? zt : qt, o = g(e).createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
|
936
936
|
acceptNode(i) {
|
937
937
|
var a;
|
938
|
-
return !(t == null || (a = t.from) === null || a === void 0) && a.contains(i) ? NodeFilter.FILTER_REJECT : i.matches(r) &&
|
938
|
+
return !(t == null || (a = t.from) === null || a === void 0) && a.contains(i) ? NodeFilter.FILTER_REJECT : i.matches(r) && Ie(i) && (!n || w(i, n)) && (!(t != null && t.accept) || t.accept(i)) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
|
939
939
|
}
|
940
940
|
});
|
941
941
|
return t != null && t.from && (o.currentNode = t.from), o;
|
@@ -1003,34 +1003,34 @@ class ce {
|
|
1003
1003
|
}
|
1004
1004
|
}
|
1005
1005
|
let $ = new pe();
|
1006
|
-
const
|
1007
|
-
function
|
1006
|
+
const Qt = /* @__PURE__ */ new WeakMap(), N = [];
|
1007
|
+
function Zt(e, t) {
|
1008
1008
|
let { onClose: n, shouldCloseOnBlur: r, isOpen: o, isDismissable: i = !1, isKeyboardDismissDisabled: a = !1, shouldCloseOnInteractOutside: c } = e;
|
1009
|
-
P(() => (o &&
|
1010
|
-
let v =
|
1011
|
-
v >= 0 &&
|
1009
|
+
P(() => (o && N.push(t), () => {
|
1010
|
+
let v = N.indexOf(t);
|
1011
|
+
v >= 0 && N.splice(v, 1);
|
1012
1012
|
}), [
|
1013
1013
|
o,
|
1014
1014
|
t
|
1015
1015
|
]);
|
1016
1016
|
let u = () => {
|
1017
|
-
|
1017
|
+
N[N.length - 1] === t && n && n();
|
1018
1018
|
}, l = (v) => {
|
1019
|
-
(!c || c(v.target)) &&
|
1019
|
+
(!c || c(v.target)) && N[N.length - 1] === t && (v.stopPropagation(), v.preventDefault());
|
1020
1020
|
}, s = (v) => {
|
1021
|
-
(!c || c(v.target)) && (
|
1021
|
+
(!c || c(v.target)) && (N[N.length - 1] === t && (v.stopPropagation(), v.preventDefault()), u());
|
1022
1022
|
}, f = (v) => {
|
1023
1023
|
v.key === "Escape" && !a && !v.nativeEvent.isComposing && (v.stopPropagation(), v.preventDefault(), u());
|
1024
1024
|
};
|
1025
|
-
|
1025
|
+
Rt({
|
1026
1026
|
ref: t,
|
1027
1027
|
onInteractOutside: i && o ? s : null,
|
1028
1028
|
onInteractOutsideStart: l
|
1029
1029
|
});
|
1030
|
-
let { focusWithinProps: p } =
|
1030
|
+
let { focusWithinProps: p } = It({
|
1031
1031
|
isDisabled: !r,
|
1032
1032
|
onBlurWithin: (v) => {
|
1033
|
-
!v.relatedTarget ||
|
1033
|
+
!v.relatedTarget || Gt(v.relatedTarget) || (!c || c(v.relatedTarget)) && n();
|
1034
1034
|
}
|
1035
1035
|
}), b = (v) => {
|
1036
1036
|
v.target === v.currentTarget && v.preventDefault();
|
@@ -1045,14 +1045,14 @@ function nn(e, t) {
|
|
1045
1045
|
}
|
1046
1046
|
};
|
1047
1047
|
}
|
1048
|
-
function
|
1048
|
+
function en(e, t, n) {
|
1049
1049
|
let { type: r } = e, { isOpen: o } = t;
|
1050
1050
|
P(() => {
|
1051
|
-
n && n.current &&
|
1051
|
+
n && n.current && Qt.set(n.current, t.close);
|
1052
1052
|
});
|
1053
1053
|
let i;
|
1054
1054
|
r === "menu" ? i = !0 : r === "listbox" && (i = "listbox");
|
1055
|
-
let a =
|
1055
|
+
let a = ke();
|
1056
1056
|
return {
|
1057
1057
|
triggerProps: {
|
1058
1058
|
"aria-haspopup": i,
|
@@ -1065,7 +1065,7 @@ function rn(e, t, n) {
|
|
1065
1065
|
}
|
1066
1066
|
};
|
1067
1067
|
}
|
1068
|
-
const oe = typeof document < "u" && window.visualViewport,
|
1068
|
+
const oe = typeof document < "u" && window.visualViewport, tn = /* @__PURE__ */ new Set([
|
1069
1069
|
"checkbox",
|
1070
1070
|
"radio",
|
1071
1071
|
"range",
|
@@ -1076,24 +1076,24 @@ const oe = typeof document < "u" && window.visualViewport, on = /* @__PURE__ */
|
|
1076
1076
|
"submit",
|
1077
1077
|
"reset"
|
1078
1078
|
]);
|
1079
|
-
let
|
1080
|
-
function
|
1079
|
+
let _ = 0, ae;
|
1080
|
+
function nn(e = {}) {
|
1081
1081
|
let { isDisabled: t } = e;
|
1082
1082
|
E(() => {
|
1083
1083
|
if (!t)
|
1084
|
-
return
|
1085
|
-
|
1084
|
+
return _++, _ === 1 && (Nt() ? ae = on() : ae = rn()), () => {
|
1085
|
+
_--, _ === 0 && ae();
|
1086
1086
|
};
|
1087
1087
|
}, [
|
1088
1088
|
t
|
1089
1089
|
]);
|
1090
1090
|
}
|
1091
|
-
function
|
1091
|
+
function rn() {
|
1092
1092
|
return X(D(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`), D(document.documentElement, "overflow", "hidden"));
|
1093
1093
|
}
|
1094
|
-
function
|
1094
|
+
function on() {
|
1095
1095
|
let e, t, n = (l) => {
|
1096
|
-
e =
|
1096
|
+
e = Oe(l.target, !0), !(e === document.documentElement && e === document.body) && e instanceof HTMLElement && window.getComputedStyle(e).overscrollBehavior === "auto" && (t = D(e, "overscrollBehavior", "contain"));
|
1097
1097
|
}, r = (l) => {
|
1098
1098
|
if (!e || e === document.documentElement || e === document.body) {
|
1099
1099
|
l.preventDefault();
|
@@ -1102,15 +1102,15 @@ function sn() {
|
|
1102
1102
|
e.scrollHeight === e.clientHeight && e.scrollWidth === e.clientWidth && l.preventDefault();
|
1103
1103
|
}, o = (l) => {
|
1104
1104
|
let s = l.target;
|
1105
|
-
|
1105
|
+
Te(s) && s !== document.activeElement && (l.preventDefault(), c(), s.style.transform = "translateY(-2000px)", s.focus(), requestAnimationFrame(() => {
|
1106
1106
|
s.style.transform = "";
|
1107
1107
|
})), t && t();
|
1108
1108
|
}, i = (l) => {
|
1109
1109
|
let s = l.target;
|
1110
|
-
|
1110
|
+
Te(s) && (c(), s.style.transform = "translateY(-2000px)", requestAnimationFrame(() => {
|
1111
1111
|
s.style.transform = "", oe && (oe.height < window.innerHeight ? requestAnimationFrame(() => {
|
1112
|
-
|
1113
|
-
}) : oe.addEventListener("resize", () =>
|
1112
|
+
ye(s);
|
1113
|
+
}) : oe.addEventListener("resize", () => ye(s), {
|
1114
1114
|
once: !0
|
1115
1115
|
}));
|
1116
1116
|
}));
|
@@ -1148,10 +1148,10 @@ function W(e, t, n, r) {
|
|
1148
1148
|
e.removeEventListener(t, n, r);
|
1149
1149
|
};
|
1150
1150
|
}
|
1151
|
-
function
|
1151
|
+
function ye(e) {
|
1152
1152
|
let t = document.scrollingElement || document.documentElement;
|
1153
1153
|
for (; e && e !== t; ) {
|
1154
|
-
let n =
|
1154
|
+
let n = Oe(e);
|
1155
1155
|
if (n !== document.documentElement && n !== document.body && n !== e) {
|
1156
1156
|
let r = n.getBoundingClientRect().top, o = e.getBoundingClientRect().top;
|
1157
1157
|
o > r + e.clientHeight && (n.scrollTop += o - r);
|
@@ -1159,11 +1159,11 @@ function xe(e) {
|
|
1159
1159
|
e = n.parentElement;
|
1160
1160
|
}
|
1161
1161
|
}
|
1162
|
-
function
|
1163
|
-
return e instanceof HTMLInputElement && !
|
1162
|
+
function Te(e) {
|
1163
|
+
return e instanceof HTMLInputElement && !tn.has(e.type) || e instanceof HTMLTextAreaElement || e instanceof HTMLElement && e.isContentEditable;
|
1164
1164
|
}
|
1165
1165
|
let B = /* @__PURE__ */ new WeakMap(), T = [];
|
1166
|
-
function
|
1166
|
+
function an(e, t = document.body) {
|
1167
1167
|
let n = new Set(e), r = /* @__PURE__ */ new Set(), o = (u) => {
|
1168
1168
|
for (let p of u.querySelectorAll("[data-live-announcer], [data-react-aria-top-layer]"))
|
1169
1169
|
n.add(p);
|
@@ -1224,61 +1224,61 @@ function cn(e, t = document.body) {
|
|
1224
1224
|
c === T[T.length - 1] ? (T.pop(), T.length && T[T.length - 1].observe()) : T.splice(T.indexOf(c), 1);
|
1225
1225
|
};
|
1226
1226
|
}
|
1227
|
-
const
|
1228
|
-
function
|
1227
|
+
const ln = /* @__PURE__ */ Qe({});
|
1228
|
+
function sn() {
|
1229
1229
|
var e;
|
1230
|
-
return (e = A(
|
1230
|
+
return (e = A(ln)) !== null && e !== void 0 ? e : {};
|
1231
1231
|
}
|
1232
|
-
const
|
1233
|
-
function
|
1234
|
-
let t =
|
1232
|
+
const He = /* @__PURE__ */ h.createContext(null);
|
1233
|
+
function cn(e) {
|
1234
|
+
let t = Pe(), { portalContainer: n = t ? null : document.body, isExiting: r } = e, [o, i] = K(!1), a = R(() => ({
|
1235
1235
|
contain: o,
|
1236
1236
|
setContain: i
|
1237
1237
|
}), [
|
1238
1238
|
o,
|
1239
1239
|
i
|
1240
|
-
]), { getContainer: c } =
|
1240
|
+
]), { getContainer: c } = sn();
|
1241
1241
|
if (!e.portalContainer && c && (n = c()), !n)
|
1242
1242
|
return null;
|
1243
1243
|
let u = e.children;
|
1244
|
-
return e.disableFocusManagement || (u = /* @__PURE__ */ h.createElement(
|
1244
|
+
return e.disableFocusManagement || (u = /* @__PURE__ */ h.createElement(Kt, {
|
1245
1245
|
restoreFocus: !0,
|
1246
1246
|
contain: o && !r
|
1247
|
-
}, u)), u = /* @__PURE__ */ h.createElement(
|
1247
|
+
}, u)), u = /* @__PURE__ */ h.createElement(He.Provider, {
|
1248
1248
|
value: a
|
1249
|
-
}, /* @__PURE__ */ h.createElement(
|
1249
|
+
}, /* @__PURE__ */ h.createElement(Ct, null, u)), /* @__PURE__ */ Ze.createPortal(u, n);
|
1250
1250
|
}
|
1251
|
-
function
|
1252
|
-
let e = A(
|
1251
|
+
function Ve() {
|
1252
|
+
let e = A(He), t = e == null ? void 0 : e.setContain;
|
1253
1253
|
E(() => {
|
1254
1254
|
t == null || t(!0);
|
1255
1255
|
}, [
|
1256
1256
|
t
|
1257
1257
|
]);
|
1258
1258
|
}
|
1259
|
-
function
|
1260
|
-
let { overlayProps: r, underlayProps: o } =
|
1259
|
+
function un(e, t, n) {
|
1260
|
+
let { overlayProps: r, underlayProps: o } = Zt({
|
1261
1261
|
...e,
|
1262
1262
|
isOpen: t.isOpen,
|
1263
1263
|
onClose: t.close
|
1264
1264
|
}, n);
|
1265
|
-
return
|
1265
|
+
return nn({
|
1266
1266
|
isDisabled: !t.isOpen
|
1267
|
-
}),
|
1267
|
+
}), Ve(), P(() => {
|
1268
1268
|
if (t.isOpen)
|
1269
|
-
return
|
1269
|
+
return an([
|
1270
1270
|
n.current
|
1271
1271
|
]);
|
1272
1272
|
}, [
|
1273
1273
|
t.isOpen,
|
1274
1274
|
n
|
1275
1275
|
]), {
|
1276
|
-
modalProps:
|
1276
|
+
modalProps: vt(r),
|
1277
1277
|
underlayProps: o
|
1278
1278
|
};
|
1279
1279
|
}
|
1280
|
-
function
|
1281
|
-
let { role: n = "dialog" } = e, r =
|
1280
|
+
function dn(e, t) {
|
1281
|
+
let { role: n = "dialog" } = e, r = ft();
|
1282
1282
|
r = e["aria-label"] ? void 0 : r;
|
1283
1283
|
let o = y(!1);
|
1284
1284
|
return P(() => {
|
@@ -1293,9 +1293,9 @@ function vn(e, t) {
|
|
1293
1293
|
}
|
1294
1294
|
}, [
|
1295
1295
|
t
|
1296
|
-
]),
|
1296
|
+
]), Ve(), {
|
1297
1297
|
dialogProps: {
|
1298
|
-
...
|
1298
|
+
...Et(e, {
|
1299
1299
|
labelable: !0
|
1300
1300
|
}),
|
1301
1301
|
role: n,
|
@@ -1313,7 +1313,7 @@ function vn(e, t) {
|
|
1313
1313
|
}
|
1314
1314
|
};
|
1315
1315
|
}
|
1316
|
-
function
|
1316
|
+
function fn(e, t, n) {
|
1317
1317
|
return t in e ? Object.defineProperty(e, t, {
|
1318
1318
|
value: n,
|
1319
1319
|
enumerable: !0,
|
@@ -1321,7 +1321,7 @@ function bn(e, t, n) {
|
|
1321
1321
|
writable: !0
|
1322
1322
|
}) : e[t] = n, e;
|
1323
1323
|
}
|
1324
|
-
function
|
1324
|
+
function xe(e, t) {
|
1325
1325
|
var n = Object.keys(e);
|
1326
1326
|
if (Object.getOwnPropertySymbols) {
|
1327
1327
|
var r = Object.getOwnPropertySymbols(e);
|
@@ -1331,26 +1331,26 @@ function Se(e, t) {
|
|
1331
1331
|
}
|
1332
1332
|
return n;
|
1333
1333
|
}
|
1334
|
-
function
|
1334
|
+
function Se(e) {
|
1335
1335
|
for (var t = 1; t < arguments.length; t++) {
|
1336
1336
|
var n = arguments[t] != null ? arguments[t] : {};
|
1337
|
-
t % 2 ?
|
1338
|
-
|
1339
|
-
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) :
|
1337
|
+
t % 2 ? xe(Object(n), !0).forEach(function(r) {
|
1338
|
+
fn(e, r, n[r]);
|
1339
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : xe(Object(n)).forEach(function(r) {
|
1340
1340
|
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(n, r));
|
1341
1341
|
});
|
1342
1342
|
}
|
1343
1343
|
return e;
|
1344
1344
|
}
|
1345
|
-
var
|
1345
|
+
var pn = (e, t, n) => {
|
1346
1346
|
for (var r of Object.keys(e)) {
|
1347
1347
|
var o;
|
1348
1348
|
if (e[r] !== ((o = t[r]) !== null && o !== void 0 ? o : n[r]))
|
1349
1349
|
return !1;
|
1350
1350
|
}
|
1351
1351
|
return !0;
|
1352
|
-
},
|
1353
|
-
var n = e.defaultClassName, r =
|
1352
|
+
}, vn = (e) => (t) => {
|
1353
|
+
var n = e.defaultClassName, r = Se(Se({}, e.defaultVariants), t);
|
1354
1354
|
for (var o in r) {
|
1355
1355
|
var i, a = (i = r[o]) !== null && i !== void 0 ? i : e.defaultVariants[o];
|
1356
1356
|
if (a != null) {
|
@@ -1364,18 +1364,18 @@ var mn = (e, t, n) => {
|
|
1364
1364
|
}
|
1365
1365
|
}
|
1366
1366
|
for (var [l, s] of e.compoundVariants)
|
1367
|
-
|
1367
|
+
pn(l, r, e.defaultVariants) && (n += " " + s);
|
1368
1368
|
return n;
|
1369
|
-
},
|
1370
|
-
function
|
1369
|
+
}, bn = vn({ defaultClassName: "_1io4psq1", variantClassNames: { fullWidth: { true: "_1io4psq2", false: "_1io4psq3" } }, defaultVariants: {}, compoundVariants: [] }), mn = "_1io4psq5", $n = "_1io4psq0", hn = "_1io4psq9", En = "_1io4psqa", gn = "_1io4psq8", wn = "_1io4psq4", yn = "_1io4psq7";
|
1370
|
+
function Ke({
|
1371
1371
|
children: e,
|
1372
1372
|
className: t = "",
|
1373
1373
|
...n
|
1374
1374
|
}) {
|
1375
|
-
return /* @__PURE__ */ d.createElement("div", { className:
|
1375
|
+
return /* @__PURE__ */ d.createElement("div", { className: G(gn, t), ...n }, /* @__PURE__ */ d.createElement("div", { className: G(hn) }, /* @__PURE__ */ d.createElement("div", { className: G(En) }, e)));
|
1376
1376
|
}
|
1377
|
-
|
1378
|
-
function
|
1377
|
+
Ne.set(Ke, { name: "FocusedTaskActions" });
|
1378
|
+
function Tn({
|
1379
1379
|
children: e,
|
1380
1380
|
className: t,
|
1381
1381
|
"data-testid": n,
|
@@ -1387,47 +1387,45 @@ function Fn({
|
|
1387
1387
|
fullWidth: u = !1,
|
1388
1388
|
...l
|
1389
1389
|
}) {
|
1390
|
-
const s = d.useRef(null), { modalProps: f, underlayProps: p } =
|
1390
|
+
const s = d.useRef(null), { modalProps: f, underlayProps: p } = un(
|
1391
1391
|
{ ...l },
|
1392
1392
|
a,
|
1393
1393
|
s
|
1394
|
-
), { dialogProps: b, titleProps: v } =
|
1395
|
-
function
|
1394
|
+
), { dialogProps: b, titleProps: v } = dn(l, s), k = ve(f.onFocus, b.onFocus, o), qe = ve(f.onBlur, b.onBlur, r), ze = Je({ "data-testid": n }), [ne, _e] = Xe(e, [{ type: Ke }]);
|
1395
|
+
function Ge() {
|
1396
1396
|
c && typeof c == "function" && c(), a.close();
|
1397
1397
|
}
|
1398
|
-
const
|
1399
|
-
|
1400
|
-
|
1401
|
-
|
1402
|
-
|
1403
|
-
|
1404
|
-
|
1405
|
-
|
1406
|
-
|
1407
|
-
|
1408
|
-
|
1409
|
-
}, Xe = Ze(Ue, (be) => be.type === ve ? [{ className: R(be.props.classname, gn) }] : []);
|
1410
|
-
return /* @__PURE__ */ d.createElement(fn, null, /* @__PURE__ */ d.createElement("div", { className: Sn, ...p, ...l }, /* @__PURE__ */ d.createElement(
|
1398
|
+
const Ue = /* @__PURE__ */ d.createElement(
|
1399
|
+
Ye,
|
1400
|
+
{
|
1401
|
+
"aria-label": "Close",
|
1402
|
+
onClick: Ge,
|
1403
|
+
kind: "icon",
|
1404
|
+
icon: "x",
|
1405
|
+
className: mn
|
1406
|
+
}
|
1407
|
+
);
|
1408
|
+
return /* @__PURE__ */ d.createElement(cn, null, /* @__PURE__ */ d.createElement("div", { className: yn, ...p, ...l }, /* @__PURE__ */ d.createElement(
|
1411
1409
|
"div",
|
1412
1410
|
{
|
1413
1411
|
...f,
|
1414
1412
|
...b,
|
1415
1413
|
...i,
|
1416
1414
|
onFocus: k,
|
1417
|
-
onBlur:
|
1418
|
-
...
|
1415
|
+
onBlur: qe,
|
1416
|
+
...ze("dialog"),
|
1419
1417
|
ref: s,
|
1420
|
-
className:
|
1418
|
+
className: G($n, t)
|
1421
1419
|
},
|
1422
|
-
/* @__PURE__ */ d.createElement("div", { ...v, className:
|
1423
|
-
/* @__PURE__ */ d.createElement("div", { className:
|
1424
|
-
ne && ne.length > 0 && /* @__PURE__ */ d.createElement(d.Fragment, null,
|
1420
|
+
/* @__PURE__ */ d.createElement("div", { ...v, className: wn }, Ue),
|
1421
|
+
/* @__PURE__ */ d.createElement("div", { className: bn({ fullWidth: u }) }, be(_e, a.close)),
|
1422
|
+
ne && ne.length > 0 && /* @__PURE__ */ d.createElement(d.Fragment, null, be(ne, a.close))
|
1425
1423
|
)));
|
1426
1424
|
}
|
1427
|
-
function
|
1428
|
-
return e.state.isOpen ? /* @__PURE__ */ d.createElement(
|
1425
|
+
function je(e) {
|
1426
|
+
return e.state.isOpen ? /* @__PURE__ */ d.createElement(Tn, { ...e }, e.children) : /* @__PURE__ */ d.createElement(d.Fragment, null);
|
1429
1427
|
}
|
1430
|
-
|
1428
|
+
Ne.set(je, {
|
1431
1429
|
name: "FocusedTask",
|
1432
1430
|
props: {
|
1433
1431
|
fullWidth: { type: "boolean", default: "false" },
|
@@ -1436,17 +1434,17 @@ Pe.set(ze, {
|
|
1436
1434
|
onFocus: { type: "() => void" }
|
1437
1435
|
}
|
1438
1436
|
});
|
1439
|
-
function
|
1440
|
-
let [t, n] =
|
1441
|
-
const r =
|
1437
|
+
function xn(e) {
|
1438
|
+
let [t, n] = Lt(e.isOpen, e.defaultOpen || !1, e.onOpenChange);
|
1439
|
+
const r = S(() => {
|
1442
1440
|
n(!0);
|
1443
1441
|
}, [
|
1444
1442
|
n
|
1445
|
-
]), o =
|
1443
|
+
]), o = S(() => {
|
1446
1444
|
n(!1);
|
1447
1445
|
}, [
|
1448
1446
|
n
|
1449
|
-
]), i =
|
1447
|
+
]), i = S(() => {
|
1450
1448
|
n(!t);
|
1451
1449
|
}, [
|
1452
1450
|
n,
|
@@ -1460,8 +1458,8 @@ function Pn(e) {
|
|
1460
1458
|
toggle: i
|
1461
1459
|
};
|
1462
1460
|
}
|
1463
|
-
function
|
1464
|
-
const t =
|
1461
|
+
function Cn(e = {}) {
|
1462
|
+
const t = xn(e), n = y(null), { triggerProps: r, overlayProps: o } = en({ type: "dialog" }, t, n), { onPress: i, ...a } = r;
|
1465
1463
|
return {
|
1466
1464
|
triggerProps: {
|
1467
1465
|
...a,
|
@@ -1472,8 +1470,8 @@ function An(e = {}) {
|
|
1472
1470
|
focusedTaskProps: { overlayProps: o, state: t }
|
1473
1471
|
};
|
1474
1472
|
}
|
1475
|
-
const
|
1476
|
-
components: [
|
1473
|
+
const Sn = {
|
1474
|
+
components: [je],
|
1477
1475
|
examples: {
|
1478
1476
|
hooks: {
|
1479
1477
|
label: "Using the Hook",
|
@@ -1483,7 +1481,7 @@ const kn = {
|
|
1483
1481
|
label: "Standard",
|
1484
1482
|
examples: {
|
1485
1483
|
basic: {
|
1486
|
-
react:
|
1484
|
+
react: me`
|
1487
1485
|
import { FocusedTask, FocusedTaskActions, useFocusedTask } from "@sps-woodland/focused-task";
|
1488
1486
|
import { Button } from "@sps-woodland/buttons";
|
1489
1487
|
import { Card } from "@sps-woodland/cards";
|
@@ -1529,7 +1527,7 @@ const kn = {
|
|
1529
1527
|
label: "Fill Width",
|
1530
1528
|
examples: {
|
1531
1529
|
basic: {
|
1532
|
-
react:
|
1530
|
+
react: me`
|
1533
1531
|
import { FocusedTask, FocusedTaskActions, useFocusedTask } from "@sps-woodland/focused-task";
|
1534
1532
|
import { Button } from "@sps-woodland/buttons";
|
1535
1533
|
import { Card } from "@sps-woodland/cards";
|
@@ -1573,12 +1571,12 @@ const kn = {
|
|
1573
1571
|
}
|
1574
1572
|
}
|
1575
1573
|
}
|
1576
|
-
},
|
1577
|
-
"Focused Task":
|
1574
|
+
}, On = {
|
1575
|
+
"Focused Task": Sn
|
1578
1576
|
};
|
1579
1577
|
export {
|
1580
|
-
|
1581
|
-
|
1582
|
-
|
1583
|
-
|
1578
|
+
je as FocusedTask,
|
1579
|
+
Ke as FocusedTaskActions,
|
1580
|
+
On as MANIFEST,
|
1581
|
+
Cn as useFocusedTask
|
1584
1582
|
};
|