tharaday 0.5.0 → 0.5.1
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/components/Box/Box.d.ts +1 -1
- package/dist/components/Box/Box.stories.d.ts +11 -1
- package/dist/components/Box/Box.types.d.ts +1 -0
- package/dist/ds.js +323 -318
- package/dist/ds.umd.cjs +1 -1
- package/dist/layouts/AppLayout/AppLayout.stories.d.ts +3 -0
- package/package.json +1 -1
- package/src/components/Box/Box.stories.tsx +20 -0
- package/src/components/Box/Box.tsx +2 -0
- package/src/components/Box/Box.types.ts +1 -0
- package/src/layouts/AppLayout/AppLayout.stories.tsx +53 -0
- package/src/layouts/AppLayout/AppLayout.tsx +30 -16
package/dist/ds.js
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { jsx as o, jsxs as b, Fragment as
|
|
2
|
-
import { useId as E, useState as nn, Children as Wn, Fragment as En, useRef as _n, useEffect as vn, useMemo as
|
|
1
|
+
import { jsx as o, jsxs as b, Fragment as Bn } from "react/jsx-runtime";
|
|
2
|
+
import { useId as E, useState as nn, Children as Wn, Fragment as En, useRef as _n, useEffect as vn, useMemo as Rn, isValidElement as Dn, cloneElement as Ln } from "react";
|
|
3
3
|
import { createPortal as Sn } from "react-dom";
|
|
4
|
-
function
|
|
4
|
+
function zn(n) {
|
|
5
5
|
var e, t, s = "";
|
|
6
6
|
if (typeof n == "string" || typeof n == "number") s += n;
|
|
7
7
|
else if (typeof n == "object") if (Array.isArray(n)) {
|
|
8
8
|
var _ = n.length;
|
|
9
|
-
for (e = 0; e < _; e++) n[e] && (t =
|
|
9
|
+
for (e = 0; e < _; e++) n[e] && (t = zn(n[e])) && (s && (s += " "), s += t);
|
|
10
10
|
} else for (t in n) n[t] && (s && (s += " "), s += t);
|
|
11
11
|
return s;
|
|
12
12
|
}
|
|
13
13
|
function a() {
|
|
14
|
-
for (var n, e, t = 0, s = "", _ = arguments.length; t < _; t++) (n = arguments[t]) && (e =
|
|
14
|
+
for (var n, e, t = 0, s = "", _ = arguments.length; t < _; t++) (n = arguments[t]) && (e = zn(n)) && (s && (s += " "), s += e);
|
|
15
15
|
return s;
|
|
16
16
|
}
|
|
17
|
-
const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn = "_separated_1s3bz_24", Kn = "_ghost_1s3bz_34", On = "_header_1s3bz_34",
|
|
17
|
+
const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn = "_separated_1s3bz_24", Kn = "_ghost_1s3bz_34", On = "_header_1s3bz_34", Hn = "_sm_1s3bz_65", Vn = "_md_1s3bz_70", Gn = "_lg_1s3bz_75", Un = "_icon_1s3bz_97", Jn = "_iconExpanded_1s3bz_102", Qn = "_contentWrapper_1s3bz_106", Zn = "_contentExpanded_1s3bz_113", Xn = "_content_1s3bz_106", Yn = "_contentBody_1s3bz_121", ne = "_contentBodyExpanded_1s3bz_134", D = {
|
|
18
18
|
root: Mn,
|
|
19
19
|
default: "_default_1s3bz_8",
|
|
20
20
|
bordered: An,
|
|
@@ -22,8 +22,8 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
22
22
|
separated: Pn,
|
|
23
23
|
ghost: Kn,
|
|
24
24
|
header: On,
|
|
25
|
-
sm:
|
|
26
|
-
md:
|
|
25
|
+
sm: Hn,
|
|
26
|
+
md: Vn,
|
|
27
27
|
lg: Gn,
|
|
28
28
|
icon: Un,
|
|
29
29
|
iconExpanded: Jn,
|
|
@@ -42,24 +42,24 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
42
42
|
id: l
|
|
43
43
|
}) => {
|
|
44
44
|
const d = E(), c = l ?? `ds-accordion-${d}`, [i, y] = nn(t), h = (u) => {
|
|
45
|
-
y((p) => p.includes(u) ? p.filter((
|
|
45
|
+
y((p) => p.includes(u) ? p.filter((g) => g !== u) : e ? [...p, u] : [u]);
|
|
46
46
|
};
|
|
47
|
-
return /* @__PURE__ */ o("div", { id: c, className: a(
|
|
47
|
+
return /* @__PURE__ */ o("div", { id: c, className: a(D.root, D[s], D[_], r), children: n.map((u) => {
|
|
48
48
|
const p = i.includes(u.id);
|
|
49
|
-
return /* @__PURE__ */ b("div", { className:
|
|
49
|
+
return /* @__PURE__ */ b("div", { className: D.item, children: [
|
|
50
50
|
/* @__PURE__ */ b(
|
|
51
51
|
"button",
|
|
52
52
|
{
|
|
53
53
|
type: "button",
|
|
54
54
|
id: `${c}-header-${u.id}`,
|
|
55
|
-
className:
|
|
55
|
+
className: D.header,
|
|
56
56
|
onClick: () => h(u.id),
|
|
57
57
|
disabled: u.isDisabled,
|
|
58
58
|
"aria-expanded": p,
|
|
59
59
|
"aria-controls": `${c}-content-${u.id}`,
|
|
60
60
|
children: [
|
|
61
61
|
/* @__PURE__ */ o("span", { children: u.title }),
|
|
62
|
-
/* @__PURE__ */ o("span", { className: a(
|
|
62
|
+
/* @__PURE__ */ o("span", { className: a(D.icon, p && D.iconExpanded), children: "▼" })
|
|
63
63
|
]
|
|
64
64
|
}
|
|
65
65
|
),
|
|
@@ -69,8 +69,8 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
69
69
|
id: `${c}-content-${u.id}`,
|
|
70
70
|
role: "region",
|
|
71
71
|
"aria-labelledby": `${c}-header-${u.id}`,
|
|
72
|
-
className: a(
|
|
73
|
-
children: /* @__PURE__ */ o("div", { className:
|
|
72
|
+
className: a(D.contentWrapper, p && D.contentExpanded),
|
|
73
|
+
children: /* @__PURE__ */ o("div", { className: D.content, children: /* @__PURE__ */ o("div", { className: a(D.contentBody, p && D.contentBodyExpanded), children: u.content }) })
|
|
74
74
|
}
|
|
75
75
|
)
|
|
76
76
|
] }, u.id);
|
|
@@ -114,7 +114,7 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
114
114
|
}
|
|
115
115
|
);
|
|
116
116
|
return /* @__PURE__ */ o("div", { className: a(on.root, on[s], r), ...l, children: h() });
|
|
117
|
-
}, ie = "_root_13wyx_1", de = "_sm_13wyx_12", me = "_md_13wyx_18", pe = "_lg_13wyx_24", ue = "_solid_13wyx_31", be = "_neutral_13wyx_31", ye = "_success_13wyx_35", he = "_warning_13wyx_39", ge = "_danger_13wyx_43", fe = "_info_13wyx_47", xe = "_subtle_13wyx_53",
|
|
117
|
+
}, ie = "_root_13wyx_1", de = "_sm_13wyx_12", me = "_md_13wyx_18", pe = "_lg_13wyx_24", ue = "_solid_13wyx_31", be = "_neutral_13wyx_31", ye = "_success_13wyx_35", he = "_warning_13wyx_39", ge = "_danger_13wyx_43", fe = "_info_13wyx_47", xe = "_subtle_13wyx_53", $e = "_outline_13wyx_75", $n = {
|
|
118
118
|
root: ie,
|
|
119
119
|
sm: de,
|
|
120
120
|
md: me,
|
|
@@ -126,7 +126,7 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
126
126
|
danger: ge,
|
|
127
127
|
info: fe,
|
|
128
128
|
subtle: xe,
|
|
129
|
-
outline:
|
|
129
|
+
outline: $e
|
|
130
130
|
}, Pc = ({
|
|
131
131
|
variant: n = "solid",
|
|
132
132
|
size: e = "md",
|
|
@@ -137,12 +137,12 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
137
137
|
}) => /* @__PURE__ */ o(
|
|
138
138
|
"span",
|
|
139
139
|
{
|
|
140
|
-
className: a(
|
|
140
|
+
className: a($n.root, $n[n], $n[e], $n[t], s),
|
|
141
141
|
...r,
|
|
142
142
|
children: _
|
|
143
143
|
}
|
|
144
|
-
),
|
|
145
|
-
box:
|
|
144
|
+
), ve = "_box_ynnco_1", ke = "_fullWidth_ynnco_5", we = "_border_ynnco_683", Ne = "_borderBottom_ynnco_686", v = {
|
|
145
|
+
box: ve,
|
|
146
146
|
fullWidth: ke,
|
|
147
147
|
"display-block": "_display-block_ynnco_10",
|
|
148
148
|
"display-flex": "_display-flex_ynnco_13",
|
|
@@ -359,7 +359,7 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
359
359
|
"borderRadius-md": "_borderRadius-md_ynnco_728",
|
|
360
360
|
"borderRadius-lg": "_borderRadius-lg_ynnco_731",
|
|
361
361
|
"borderRadius-full": "_borderRadius-full_ynnco_734"
|
|
362
|
-
},
|
|
362
|
+
}, pn = ({
|
|
363
363
|
children: n,
|
|
364
364
|
as: e = "div",
|
|
365
365
|
display: t,
|
|
@@ -374,80 +374,82 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
374
374
|
mx: h,
|
|
375
375
|
my: u,
|
|
376
376
|
mt: p,
|
|
377
|
-
mb:
|
|
377
|
+
mb: g,
|
|
378
378
|
ml: w,
|
|
379
379
|
mr: m,
|
|
380
|
-
gap:
|
|
380
|
+
gap: f,
|
|
381
381
|
flexDirection: j,
|
|
382
382
|
alignItems: T,
|
|
383
383
|
justifyContent: k,
|
|
384
384
|
flexWrap: I,
|
|
385
|
-
flexGrow:
|
|
385
|
+
flexGrow: H,
|
|
386
386
|
flexShrink: K,
|
|
387
387
|
flex: M,
|
|
388
388
|
fullWidth: cn,
|
|
389
389
|
textAlign: rn,
|
|
390
|
-
width:
|
|
391
|
-
|
|
392
|
-
|
|
390
|
+
width: bn,
|
|
391
|
+
maxWidth: R,
|
|
392
|
+
height: q,
|
|
393
|
+
gridTemplateColumns: $,
|
|
393
394
|
backgroundColor: x,
|
|
394
|
-
border:
|
|
395
|
-
borderBottom:
|
|
396
|
-
borderColor:
|
|
397
|
-
borderRadius:
|
|
398
|
-
className:
|
|
399
|
-
style:
|
|
400
|
-
...
|
|
395
|
+
border: V,
|
|
396
|
+
borderBottom: yn,
|
|
397
|
+
borderColor: fn,
|
|
398
|
+
borderRadius: xn,
|
|
399
|
+
className: N,
|
|
400
|
+
style: kn,
|
|
401
|
+
...en
|
|
401
402
|
}) => {
|
|
402
|
-
const
|
|
403
|
-
...
|
|
404
|
-
flexGrow:
|
|
403
|
+
const wn = {
|
|
404
|
+
...kn,
|
|
405
|
+
flexGrow: H,
|
|
405
406
|
flexShrink: K,
|
|
406
407
|
flex: M,
|
|
407
|
-
width:
|
|
408
|
-
|
|
409
|
-
|
|
408
|
+
width: bn,
|
|
409
|
+
maxWidth: R,
|
|
410
|
+
height: q,
|
|
411
|
+
gridTemplateColumns: $
|
|
410
412
|
};
|
|
411
413
|
return /* @__PURE__ */ o(
|
|
412
414
|
e,
|
|
413
415
|
{
|
|
414
416
|
className: a(
|
|
415
|
-
|
|
416
|
-
t &&
|
|
417
|
-
rn &&
|
|
418
|
-
s !== void 0 &&
|
|
419
|
-
_ !== void 0 &&
|
|
420
|
-
r !== void 0 &&
|
|
421
|
-
l !== void 0 &&
|
|
422
|
-
d !== void 0 &&
|
|
423
|
-
c !== void 0 &&
|
|
424
|
-
i !== void 0 &&
|
|
425
|
-
y !== void 0 &&
|
|
426
|
-
h !== void 0 &&
|
|
427
|
-
u !== void 0 &&
|
|
428
|
-
p !== void 0 &&
|
|
429
|
-
|
|
430
|
-
w !== void 0 &&
|
|
431
|
-
m !== void 0 &&
|
|
432
|
-
|
|
433
|
-
j &&
|
|
434
|
-
T &&
|
|
435
|
-
k &&
|
|
436
|
-
I &&
|
|
437
|
-
x &&
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
cn &&
|
|
443
|
-
|
|
417
|
+
v.box,
|
|
418
|
+
t && v[`display-${t}`],
|
|
419
|
+
rn && v[`textAlign-${rn}`],
|
|
420
|
+
s !== void 0 && v[`p-${s}`],
|
|
421
|
+
_ !== void 0 && v[`px-${_}`],
|
|
422
|
+
r !== void 0 && v[`py-${r}`],
|
|
423
|
+
l !== void 0 && v[`pt-${l}`],
|
|
424
|
+
d !== void 0 && v[`pb-${d}`],
|
|
425
|
+
c !== void 0 && v[`pl-${c}`],
|
|
426
|
+
i !== void 0 && v[`pr-${i}`],
|
|
427
|
+
y !== void 0 && v[`m-${y}`],
|
|
428
|
+
h !== void 0 && v[`mx-${h}`],
|
|
429
|
+
u !== void 0 && v[`my-${u}`],
|
|
430
|
+
p !== void 0 && v[`mt-${p}`],
|
|
431
|
+
g !== void 0 && v[`mb-${g}`],
|
|
432
|
+
w !== void 0 && v[`ml-${w}`],
|
|
433
|
+
m !== void 0 && v[`mr-${m}`],
|
|
434
|
+
f !== void 0 && v[`gap-${f}`],
|
|
435
|
+
j && v[`flexDirection-${j}`],
|
|
436
|
+
T && v[`alignItems-${T}`],
|
|
437
|
+
k && v[`justifyContent-${k}`],
|
|
438
|
+
I && v[`flexWrap-${I}`],
|
|
439
|
+
x && v[`bg-${x}`],
|
|
440
|
+
V && v.border,
|
|
441
|
+
yn && v.borderBottom,
|
|
442
|
+
fn && v[`borderColor-${fn}`],
|
|
443
|
+
xn && v[`borderRadius-${xn}`],
|
|
444
|
+
cn && v.fullWidth,
|
|
445
|
+
N
|
|
444
446
|
),
|
|
445
|
-
style:
|
|
446
|
-
...
|
|
447
|
+
style: wn,
|
|
448
|
+
...en,
|
|
447
449
|
children: n
|
|
448
450
|
}
|
|
449
451
|
);
|
|
450
|
-
}, Ie = "_root_10ujs_1", Ce = "_list_10ujs_6", je = "_item_10ujs_16", Te = "_link_10ujs_21", Be = "_current_10ujs_27", qe = "_separator_10ujs_38",
|
|
452
|
+
}, Ie = "_root_10ujs_1", Ce = "_list_10ujs_6", je = "_item_10ujs_16", Te = "_link_10ujs_21", Be = "_current_10ujs_27", qe = "_separator_10ujs_38", un = {
|
|
451
453
|
root: Ie,
|
|
452
454
|
list: Ce,
|
|
453
455
|
item: je,
|
|
@@ -462,11 +464,11 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
462
464
|
..._
|
|
463
465
|
}) => {
|
|
464
466
|
const r = n && !e ? "a" : "span";
|
|
465
|
-
return /* @__PURE__ */ o("li", { className:
|
|
467
|
+
return /* @__PURE__ */ o("li", { className: un.item, children: /* @__PURE__ */ o(
|
|
466
468
|
r,
|
|
467
469
|
{
|
|
468
470
|
href: n,
|
|
469
|
-
className: a(
|
|
471
|
+
className: a(un.link, e && un.current, s),
|
|
470
472
|
"aria-current": e ? "page" : void 0,
|
|
471
473
|
..._,
|
|
472
474
|
children: t
|
|
@@ -479,17 +481,17 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
479
481
|
...s
|
|
480
482
|
}) => {
|
|
481
483
|
const _ = Wn.toArray(n);
|
|
482
|
-
return /* @__PURE__ */ o("nav", { "aria-label": "Breadcrumbs", className: a(
|
|
484
|
+
return /* @__PURE__ */ o("nav", { "aria-label": "Breadcrumbs", className: a(un.root, t), ...s, children: /* @__PURE__ */ o("ol", { className: un.list, children: _.map((r, l) => /* @__PURE__ */ b(En, { children: [
|
|
483
485
|
r,
|
|
484
|
-
l < _.length - 1 && /* @__PURE__ */ o("li", { className:
|
|
486
|
+
l < _.length - 1 && /* @__PURE__ */ o("li", { className: un.separator, "aria-hidden": "true", children: e })
|
|
485
487
|
] }, l)) }) });
|
|
486
|
-
}, ze = "_root_1flxt_1", We = "_xs_1flxt_31", Ee = "_sm_1flxt_39",
|
|
488
|
+
}, ze = "_root_1flxt_1", We = "_xs_1flxt_31", Ee = "_sm_1flxt_39", Re = "_md_1flxt_46", De = "_lg_1flxt_53", Le = "_xl_1flxt_60", Se = "_solid_1flxt_70", Me = "_success_1flxt_82", Ae = "_warning_1flxt_92", Fe = "_danger_1flxt_102", Pe = "_info_1flxt_112", Ke = "_outline_1flxt_123", Oe = "_subtle_1flxt_192", He = "_fullWidth_1flxt_245", hn = {
|
|
487
489
|
root: ze,
|
|
488
490
|
xs: We,
|
|
489
491
|
sm: Ee,
|
|
490
|
-
md:
|
|
491
|
-
lg:
|
|
492
|
-
xl:
|
|
492
|
+
md: Re,
|
|
493
|
+
lg: De,
|
|
494
|
+
xl: Le,
|
|
493
495
|
solid: Se,
|
|
494
496
|
success: Me,
|
|
495
497
|
warning: Ae,
|
|
@@ -497,7 +499,7 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
497
499
|
info: Pe,
|
|
498
500
|
outline: Ke,
|
|
499
501
|
subtle: Oe,
|
|
500
|
-
fullWidth:
|
|
502
|
+
fullWidth: He
|
|
501
503
|
}, P = ({
|
|
502
504
|
size: n = "md",
|
|
503
505
|
variant: e = "outline",
|
|
@@ -521,8 +523,8 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
521
523
|
...l,
|
|
522
524
|
children: r
|
|
523
525
|
}
|
|
524
|
-
),
|
|
525
|
-
root:
|
|
526
|
+
), Ve = "_root_1k781_1", Ge = "_bordered_1k781_9", Ue = "_shadowNone_1k781_14", Je = "_shadowSm_1k781_17", Qe = "_shadowMd_1k781_20", Ze = "_pNone_1k781_65", Xe = "_pSm_1k781_68", Ye = "_pMd_1k781_71", no = "_pLg_1k781_74", eo = "_header_1k781_79", oo = "_title_1k781_85", to = "_subtitle_1k781_93", so = "_content_1k781_100", _o = "_footer_1k781_104", B = {
|
|
527
|
+
root: Ve,
|
|
526
528
|
bordered: Ge,
|
|
527
529
|
shadowNone: Ue,
|
|
528
530
|
shadowSm: Je,
|
|
@@ -548,7 +550,7 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
548
550
|
subtitle: to,
|
|
549
551
|
content: so,
|
|
550
552
|
footer: _o
|
|
551
|
-
},
|
|
553
|
+
}, Hc = ({
|
|
552
554
|
padding: n = "md",
|
|
553
555
|
shadow: e = "sm",
|
|
554
556
|
bordered: t = !0,
|
|
@@ -584,7 +586,7 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
584
586
|
children: l
|
|
585
587
|
}
|
|
586
588
|
);
|
|
587
|
-
},
|
|
589
|
+
}, Vc = ({ title: n, subtitle: e, className: t, children: s, ..._ }) => /* @__PURE__ */ b("div", { className: a(B.header, t), ..._, children: [
|
|
588
590
|
n && /* @__PURE__ */ o("h3", { className: B.title, children: n }),
|
|
589
591
|
e && /* @__PURE__ */ o("p", { className: B.subtitle, children: e }),
|
|
590
592
|
s
|
|
@@ -647,13 +649,13 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
647
649
|
),
|
|
648
650
|
t && /* @__PURE__ */ o("span", { id: i, className: a(A.helperText, e && A.errorText), children: t })
|
|
649
651
|
] });
|
|
650
|
-
}, ho = "_wrapper_qhe61_1", go = "_fullWidth_qhe61_9", fo = "_label_qhe61_13", xo = "_container_qhe61_19",
|
|
652
|
+
}, ho = "_wrapper_qhe61_1", go = "_fullWidth_qhe61_9", fo = "_label_qhe61_13", xo = "_container_qhe61_19", $o = "_trigger_qhe61_23", vo = "_error_qhe61_54", ko = "_sm_qhe61_58", wo = "_lg_qhe61_63", No = "_icon_qhe61_68", Io = "_isOpen_qhe61_74", Co = "_menu_qhe61_78", jo = "_option_qhe61_95", To = "_optionFocused_qhe61_104", Bo = "_optionSelected_qhe61_108", qo = "_optionDisabled_qhe61_118", zo = "_optionLabel_qhe61_124", Wo = "_optionDescription_qhe61_128", Eo = "_helperText_qhe61_133", Ro = "_errorText_qhe61_138", C = {
|
|
651
653
|
wrapper: ho,
|
|
652
654
|
fullWidth: go,
|
|
653
655
|
label: fo,
|
|
654
656
|
container: xo,
|
|
655
|
-
trigger:
|
|
656
|
-
error:
|
|
657
|
+
trigger: $o,
|
|
658
|
+
error: vo,
|
|
657
659
|
sm: ko,
|
|
658
660
|
lg: wo,
|
|
659
661
|
icon: No,
|
|
@@ -666,7 +668,7 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
666
668
|
optionLabel: zo,
|
|
667
669
|
optionDescription: Wo,
|
|
668
670
|
helperText: Eo,
|
|
669
|
-
errorText:
|
|
671
|
+
errorText: Ro
|
|
670
672
|
}, Qc = ({
|
|
671
673
|
options: n,
|
|
672
674
|
value: e,
|
|
@@ -682,56 +684,56 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
682
684
|
id: h,
|
|
683
685
|
fullWidth: u = !1
|
|
684
686
|
}) => {
|
|
685
|
-
const p = E(),
|
|
687
|
+
const p = E(), g = h ?? `ds-dropdown-${p}`, w = l ? `${g}-help` : void 0, [m, f] = nn(!1), [j, T] = nn(t), [k, I] = nn(-1), H = _n(null), K = _n(null), M = e !== void 0 ? e : j, cn = n.find(($) => $.value === M), rn = k >= 0 ? `${g}-opt-${k}` : void 0, bn = () => {
|
|
686
688
|
if (!c) {
|
|
687
|
-
const
|
|
688
|
-
if (
|
|
689
|
+
const $ = !m;
|
|
690
|
+
if (f($), $) {
|
|
689
691
|
if (k === -1) {
|
|
690
|
-
const
|
|
691
|
-
I(
|
|
692
|
+
const x = n.findIndex((V) => V.value === M);
|
|
693
|
+
I(x >= 0 ? x : 0);
|
|
692
694
|
}
|
|
693
695
|
} else
|
|
694
696
|
I(-1);
|
|
695
697
|
}
|
|
696
|
-
},
|
|
697
|
-
|
|
698
|
-
}, q = (
|
|
698
|
+
}, R = ($, x) => {
|
|
699
|
+
$.disabled || (e === void 0 && T($.value), s?.($.value), f(!1), I(x), K.current?.focus());
|
|
700
|
+
}, q = ($) => {
|
|
699
701
|
if (!c)
|
|
700
|
-
switch (
|
|
702
|
+
switch ($.key) {
|
|
701
703
|
case "ArrowDown":
|
|
702
|
-
|
|
704
|
+
$.preventDefault(), m ? I((x) => x < n.length - 1 ? x + 1 : x) : (f(!0), I(n.findIndex((x) => x.value === M) || 0));
|
|
703
705
|
break;
|
|
704
706
|
case "ArrowUp":
|
|
705
|
-
|
|
706
|
-
n.findIndex((
|
|
707
|
+
$.preventDefault(), m ? I((x) => x > 0 ? x - 1 : x) : (f(!0), I(
|
|
708
|
+
n.findIndex((x) => x.value === M) || n.length - 1
|
|
707
709
|
));
|
|
708
710
|
break;
|
|
709
711
|
case "Enter":
|
|
710
712
|
case " ":
|
|
711
|
-
|
|
713
|
+
$.preventDefault(), m ? k >= 0 && R(n[k], k) : (f(!0), I(n.findIndex((x) => x.value === M) || 0));
|
|
712
714
|
break;
|
|
713
715
|
case "Escape":
|
|
714
|
-
m && (
|
|
716
|
+
m && ($.preventDefault(), f(!1), I(-1), K.current?.focus());
|
|
715
717
|
break;
|
|
716
718
|
case "Tab":
|
|
717
|
-
m && (
|
|
719
|
+
m && (f(!1), I(-1));
|
|
718
720
|
break;
|
|
719
721
|
case "Home":
|
|
720
|
-
m && (
|
|
722
|
+
m && ($.preventDefault(), I(0));
|
|
721
723
|
break;
|
|
722
724
|
case "End":
|
|
723
|
-
m && (
|
|
725
|
+
m && ($.preventDefault(), I(n.length - 1));
|
|
724
726
|
break;
|
|
725
727
|
}
|
|
726
728
|
};
|
|
727
729
|
return vn(() => {
|
|
728
|
-
m && k >= 0 && document.getElementById(`${
|
|
729
|
-
}, [k, m,
|
|
730
|
-
const
|
|
731
|
-
|
|
730
|
+
m && k >= 0 && document.getElementById(`${g}-opt-${k}`)?.scrollIntoView({ block: "nearest" });
|
|
731
|
+
}, [k, m, g]), vn(() => {
|
|
732
|
+
const $ = (x) => {
|
|
733
|
+
H.current && !H.current.contains(x.target) && (f(!1), I(-1));
|
|
732
734
|
};
|
|
733
|
-
return document.addEventListener("mousedown",
|
|
734
|
-
document.removeEventListener("mousedown",
|
|
735
|
+
return document.addEventListener("mousedown", $), () => {
|
|
736
|
+
document.removeEventListener("mousedown", $);
|
|
735
737
|
};
|
|
736
738
|
}, []), /* @__PURE__ */ b(
|
|
737
739
|
"div",
|
|
@@ -743,25 +745,25 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
743
745
|
d && C.error,
|
|
744
746
|
y
|
|
745
747
|
),
|
|
746
|
-
ref:
|
|
748
|
+
ref: H,
|
|
747
749
|
children: [
|
|
748
|
-
r && /* @__PURE__ */ o("label", { htmlFor:
|
|
750
|
+
r && /* @__PURE__ */ o("label", { htmlFor: g, className: C.label, children: r }),
|
|
749
751
|
/* @__PURE__ */ b("div", { className: C.container, children: [
|
|
750
752
|
/* @__PURE__ */ b(
|
|
751
753
|
"button",
|
|
752
754
|
{
|
|
753
|
-
id:
|
|
755
|
+
id: g,
|
|
754
756
|
ref: K,
|
|
755
757
|
type: "button",
|
|
756
758
|
className: a(C.trigger, m && C.isOpen),
|
|
757
|
-
onClick:
|
|
759
|
+
onClick: bn,
|
|
758
760
|
onKeyDown: q,
|
|
759
761
|
disabled: c,
|
|
760
762
|
"aria-haspopup": "listbox",
|
|
761
763
|
"aria-expanded": m,
|
|
762
764
|
"aria-describedby": w,
|
|
763
765
|
"aria-invalid": d || void 0,
|
|
764
|
-
"aria-controls": m ? `${
|
|
766
|
+
"aria-controls": m ? `${g}-menu` : void 0,
|
|
765
767
|
"aria-activedescendant": m ? rn : void 0,
|
|
766
768
|
children: [
|
|
767
769
|
/* @__PURE__ */ o("span", { className: C.selectedLabel, children: cn ? cn.label : _ }),
|
|
@@ -791,32 +793,32 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
791
793
|
m && /* @__PURE__ */ o(
|
|
792
794
|
"ul",
|
|
793
795
|
{
|
|
794
|
-
id: `${
|
|
796
|
+
id: `${g}-menu`,
|
|
795
797
|
className: C.menu,
|
|
796
798
|
role: "listbox",
|
|
797
|
-
"aria-labelledby": r ? void 0 :
|
|
798
|
-
children: n.map((x
|
|
799
|
-
const
|
|
799
|
+
"aria-labelledby": r ? void 0 : g,
|
|
800
|
+
children: n.map(($, x) => {
|
|
801
|
+
const V = $.value === M, yn = x === k;
|
|
800
802
|
return /* @__PURE__ */ b(
|
|
801
803
|
"li",
|
|
802
804
|
{
|
|
803
|
-
id: `${
|
|
805
|
+
id: `${g}-opt-${x}`,
|
|
804
806
|
role: "option",
|
|
805
|
-
"aria-selected":
|
|
807
|
+
"aria-selected": V,
|
|
806
808
|
className: a(
|
|
807
809
|
C.option,
|
|
808
|
-
|
|
809
|
-
|
|
810
|
-
|
|
810
|
+
V && C.optionSelected,
|
|
811
|
+
yn && C.optionFocused,
|
|
812
|
+
$.disabled && C.optionDisabled
|
|
811
813
|
),
|
|
812
|
-
onClick: () =>
|
|
813
|
-
onMouseEnter: () =>
|
|
814
|
+
onClick: () => R($, x),
|
|
815
|
+
onMouseEnter: () => !$.disabled && I(x),
|
|
814
816
|
children: [
|
|
815
|
-
/* @__PURE__ */ o("span", { className: C.optionLabel, children:
|
|
816
|
-
|
|
817
|
+
/* @__PURE__ */ o("span", { className: C.optionLabel, children: $.label }),
|
|
818
|
+
$.description && /* @__PURE__ */ o("span", { className: C.optionDescription, children: $.description })
|
|
817
819
|
]
|
|
818
820
|
},
|
|
819
|
-
|
|
821
|
+
$.value
|
|
820
822
|
);
|
|
821
823
|
})
|
|
822
824
|
}
|
|
@@ -826,13 +828,13 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
826
828
|
]
|
|
827
829
|
}
|
|
828
830
|
);
|
|
829
|
-
},
|
|
830
|
-
root:
|
|
831
|
-
container:
|
|
831
|
+
}, Do = "_root_dlc85_1", Lo = "_container_dlc85_8", So = "_sideContainer_dlc85_17", Mo = "_title_dlc85_28", Ao = "_welcome_dlc85_36", an = {
|
|
832
|
+
root: Do,
|
|
833
|
+
container: Lo,
|
|
832
834
|
sideContainer: So,
|
|
833
835
|
title: Mo,
|
|
834
836
|
welcome: Ao
|
|
835
|
-
},
|
|
837
|
+
}, Tn = ({
|
|
836
838
|
id: n,
|
|
837
839
|
logo: e,
|
|
838
840
|
title: t,
|
|
@@ -844,19 +846,19 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
844
846
|
maxWidth: c
|
|
845
847
|
}) => {
|
|
846
848
|
const i = { size: "sm", intent: "info" };
|
|
847
|
-
return /* @__PURE__ */ o("header", { id: n, className: a(
|
|
848
|
-
/* @__PURE__ */ b("div", { className:
|
|
849
|
+
return /* @__PURE__ */ o("header", { id: n, className: a(an.root, d), children: /* @__PURE__ */ b("div", { className: an.container, style: { maxWidth: c }, children: [
|
|
850
|
+
/* @__PURE__ */ b("div", { className: an.sideContainer, children: [
|
|
849
851
|
e,
|
|
850
|
-
/* @__PURE__ */ o("h1", { className:
|
|
852
|
+
/* @__PURE__ */ o("h1", { className: an.title, children: t })
|
|
851
853
|
] }),
|
|
852
|
-
/* @__PURE__ */ o("div", { className:
|
|
853
|
-
/* @__PURE__ */ b("span", { className:
|
|
854
|
+
/* @__PURE__ */ o("div", { className: an.sideContainer, children: s ? /* @__PURE__ */ b(Bn, { children: [
|
|
855
|
+
/* @__PURE__ */ b("span", { className: an.welcome, children: [
|
|
854
856
|
"Welcome, ",
|
|
855
857
|
/* @__PURE__ */ o("b", { children: s.name }),
|
|
856
858
|
"!"
|
|
857
859
|
] }),
|
|
858
860
|
/* @__PURE__ */ o(P, { ...i, onClick: r, children: "Log out" })
|
|
859
|
-
] }) : /* @__PURE__ */ b(
|
|
861
|
+
] }) : /* @__PURE__ */ b(Bn, { children: [
|
|
860
862
|
/* @__PURE__ */ o(P, { ...i, onClick: _, children: "Log in" }),
|
|
861
863
|
/* @__PURE__ */ o(
|
|
862
864
|
P,
|
|
@@ -870,13 +872,13 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
870
872
|
)
|
|
871
873
|
] }) })
|
|
872
874
|
] }) });
|
|
873
|
-
}, Fo = "_root_19bm3_1", Po = "_container_19bm3_7", Ko = "_leftSection_19bm3_15", Oo = "_nav_19bm3_21",
|
|
875
|
+
}, Fo = "_root_19bm3_1", Po = "_container_19bm3_7", Ko = "_leftSection_19bm3_15", Oo = "_nav_19bm3_21", Ho = "_navList_19bm3_27", Vo = "_navItem_19bm3_35", Go = "_navLink_19bm3_40", Uo = "_disabled_19bm3_58", Jo = "_active_19bm3_62", Qo = "_rightSection_19bm3_72", F = {
|
|
874
876
|
root: Fo,
|
|
875
877
|
container: Po,
|
|
876
878
|
leftSection: Ko,
|
|
877
879
|
nav: Oo,
|
|
878
|
-
navList:
|
|
879
|
-
navItem:
|
|
880
|
+
navList: Ho,
|
|
881
|
+
navItem: Vo,
|
|
880
882
|
navLink: Go,
|
|
881
883
|
disabled: Uo,
|
|
882
884
|
active: Jo,
|
|
@@ -944,7 +946,7 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
944
946
|
),
|
|
945
947
|
s && /* @__PURE__ */ o("span", { id: y, className: a(G.helperText, e && G.errorText), children: s })
|
|
946
948
|
] });
|
|
947
|
-
}, at = "_loader_wvz8q_1", lt = "_spin_wvz8q_1", it = "_neutral_wvz8q_10", dt = "_info_wvz8q_13", mt = "_success_wvz8q_16", pt = "_warning_wvz8q_19", ut = "_danger_wvz8q_22", bt = "_sm_wvz8q_27", yt = "_md_wvz8q_33", ht = "_lg_wvz8q_39",
|
|
949
|
+
}, at = "_loader_wvz8q_1", lt = "_spin_wvz8q_1", it = "_neutral_wvz8q_10", dt = "_info_wvz8q_13", mt = "_success_wvz8q_16", pt = "_warning_wvz8q_19", ut = "_danger_wvz8q_22", bt = "_sm_wvz8q_27", yt = "_md_wvz8q_33", ht = "_lg_wvz8q_39", Nn = {
|
|
948
950
|
loader: at,
|
|
949
951
|
spin: lt,
|
|
950
952
|
neutral: it,
|
|
@@ -959,16 +961,16 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
959
961
|
"div",
|
|
960
962
|
{
|
|
961
963
|
id: n,
|
|
962
|
-
className: a(
|
|
964
|
+
className: a(Nn.loader, Nn[e], Nn[t], s),
|
|
963
965
|
role: "status",
|
|
964
966
|
"aria-label": "Loading"
|
|
965
967
|
}
|
|
966
|
-
), gt = "_overlay_tnqx3_1", ft = "_modal_tnqx3_15", xt = "_header_tnqx3_27",
|
|
968
|
+
), gt = "_overlay_tnqx3_1", ft = "_modal_tnqx3_15", xt = "_header_tnqx3_27", $t = "_title_tnqx3_35", vt = "_closeButton_tnqx3_42", kt = "_content_tnqx3_56", wt = "_footer_tnqx3_62", Nt = "_sm_tnqx3_73", It = "_md_tnqx3_76", Ct = "_lg_tnqx3_79", jt = "_xl_tnqx3_82", Tt = "_full_tnqx3_85", Bt = "_loading_tnqx3_90", O = {
|
|
967
969
|
overlay: gt,
|
|
968
970
|
modal: ft,
|
|
969
971
|
header: xt,
|
|
970
|
-
title:
|
|
971
|
-
closeButton:
|
|
972
|
+
title: $t,
|
|
973
|
+
closeButton: vt,
|
|
972
974
|
content: kt,
|
|
973
975
|
footer: wt,
|
|
974
976
|
sm: Nt,
|
|
@@ -988,7 +990,7 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
988
990
|
className: d,
|
|
989
991
|
id: c
|
|
990
992
|
}) => {
|
|
991
|
-
const i = _n(null), y = _n(null), h = _n(e), u = E(), p = c ?? `ds-modal-${u}`,
|
|
993
|
+
const i = _n(null), y = _n(null), h = _n(e), u = E(), p = c ?? `ds-modal-${u}`, g = `${p}-title`;
|
|
992
994
|
return vn(() => {
|
|
993
995
|
h.current = e;
|
|
994
996
|
}, [e]), vn(() => {
|
|
@@ -998,9 +1000,9 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
998
1000
|
return;
|
|
999
1001
|
}
|
|
1000
1002
|
if (m.key === "Tab" && i.current) {
|
|
1001
|
-
const
|
|
1003
|
+
const f = i.current.querySelectorAll(
|
|
1002
1004
|
'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
|
|
1003
|
-
), j =
|
|
1005
|
+
), j = f[0], T = f[f.length - 1];
|
|
1004
1006
|
m.shiftKey ? document.activeElement === j && (T.focus(), m.preventDefault()) : document.activeElement === T && (j.focus(), m.preventDefault());
|
|
1005
1007
|
}
|
|
1006
1008
|
};
|
|
@@ -1021,11 +1023,11 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
1021
1023
|
onClick: (w) => w.stopPropagation(),
|
|
1022
1024
|
role: "dialog",
|
|
1023
1025
|
"aria-modal": "true",
|
|
1024
|
-
"aria-labelledby": t ?
|
|
1026
|
+
"aria-labelledby": t ? g : void 0,
|
|
1025
1027
|
ref: i,
|
|
1026
1028
|
children: [
|
|
1027
1029
|
/* @__PURE__ */ b("div", { className: O.header, children: [
|
|
1028
|
-
t && /* @__PURE__ */ o("h2", { id:
|
|
1030
|
+
t && /* @__PURE__ */ o("h2", { id: g, className: O.title, children: t }),
|
|
1029
1031
|
/* @__PURE__ */ o(
|
|
1030
1032
|
P,
|
|
1031
1033
|
{
|
|
@@ -1046,14 +1048,14 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
1046
1048
|
) }),
|
|
1047
1049
|
document.body
|
|
1048
1050
|
) : null;
|
|
1049
|
-
}, qt = "_root_1x0nr_1", zt = "_content_1x0nr_13", Wt = "_title_1x0nr_17", Et = "_message_1x0nr_23",
|
|
1051
|
+
}, qt = "_root_1x0nr_1", zt = "_content_1x0nr_13", Wt = "_title_1x0nr_17", Et = "_message_1x0nr_23", Rt = "_closeButton_1x0nr_28", Dt = "_neutral_1x0nr_44", Lt = "_info_1x0nr_50", St = "_success_1x0nr_56", Mt = "_warning_1x0nr_62", At = "_danger_1x0nr_68", ln = {
|
|
1050
1052
|
root: qt,
|
|
1051
1053
|
content: zt,
|
|
1052
1054
|
title: Wt,
|
|
1053
1055
|
message: Et,
|
|
1054
|
-
closeButton:
|
|
1055
|
-
neutral:
|
|
1056
|
-
info:
|
|
1056
|
+
closeButton: Rt,
|
|
1057
|
+
neutral: Dt,
|
|
1058
|
+
info: Lt,
|
|
1057
1059
|
success: St,
|
|
1058
1060
|
warning: Mt,
|
|
1059
1061
|
danger: At
|
|
@@ -1064,10 +1066,10 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
1064
1066
|
onClose: s,
|
|
1065
1067
|
className: _,
|
|
1066
1068
|
...r
|
|
1067
|
-
}) => /* @__PURE__ */ b("div", { className: a(
|
|
1068
|
-
/* @__PURE__ */ b("div", { className:
|
|
1069
|
-
e && /* @__PURE__ */ o("div", { className:
|
|
1070
|
-
/* @__PURE__ */ o("div", { className:
|
|
1069
|
+
}) => /* @__PURE__ */ b("div", { className: a(ln.root, ln[n], _), role: "alert", ...r, children: [
|
|
1070
|
+
/* @__PURE__ */ b("div", { className: ln.content, children: [
|
|
1071
|
+
e && /* @__PURE__ */ o("div", { className: ln.title, children: e }),
|
|
1072
|
+
/* @__PURE__ */ o("div", { className: ln.message, children: t })
|
|
1071
1073
|
] }),
|
|
1072
1074
|
s && /* @__PURE__ */ o(
|
|
1073
1075
|
P,
|
|
@@ -1075,18 +1077,18 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
1075
1077
|
variant: "subtle",
|
|
1076
1078
|
size: "xs",
|
|
1077
1079
|
onClick: s,
|
|
1078
|
-
className:
|
|
1080
|
+
className: ln.closeButton,
|
|
1079
1081
|
"aria-label": "Close notification",
|
|
1080
1082
|
children: "✕"
|
|
1081
1083
|
}
|
|
1082
1084
|
)
|
|
1083
|
-
] }), Ft = "_root_o4mj7_1", Pt = "_list_o4mj7_6", Kt = "_item_o4mj7_15", Ot = "_ellipsis_o4mj7_19",
|
|
1085
|
+
] }), Ft = "_root_o4mj7_1", Pt = "_list_o4mj7_6", Kt = "_item_o4mj7_15", Ot = "_ellipsis_o4mj7_19", Ht = "_pageButton_o4mj7_29", z = {
|
|
1084
1086
|
root: Ft,
|
|
1085
1087
|
list: Pt,
|
|
1086
1088
|
item: Kt,
|
|
1087
1089
|
ellipsis: Ot,
|
|
1088
|
-
pageButton:
|
|
1089
|
-
},
|
|
1090
|
+
pageButton: Ht
|
|
1091
|
+
}, Vt = (n, e, t) => Math.min(Math.max(n, e), t), gn = (n, e) => {
|
|
1090
1092
|
const t = [];
|
|
1091
1093
|
for (let s = n; s <= e; s += 1)
|
|
1092
1094
|
t.push(s);
|
|
@@ -1099,8 +1101,8 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
1099
1101
|
const l = t * 2 + 1 + s * 2 + 2;
|
|
1100
1102
|
if (n <= l)
|
|
1101
1103
|
return gn(1, n);
|
|
1102
|
-
const d = gn(1, Math.min(s, n)), c = gn(Math.max(n - s + 1, s + 1), n), i = Math.max(e - t, s + 2), y = Math.min(e + t, n - s - 1), h = i > s + 2, u = y < n - s - 1, p = [...d],
|
|
1103
|
-
return h && p.push("ellipsis"),
|
|
1104
|
+
const d = gn(1, Math.min(s, n)), c = gn(Math.max(n - s + 1, s + 1), n), i = Math.max(e - t, s + 2), y = Math.min(e + t, n - s - 1), h = i > s + 2, u = y < n - s - 1, p = [...d], g = h ? i : s + 1, w = u ? y : n - s;
|
|
1105
|
+
return h && p.push("ellipsis"), g <= w && p.push(...gn(g, w)), u && p.push("ellipsis"), p.push(...c), p;
|
|
1104
1106
|
}, er = ({
|
|
1105
1107
|
id: n,
|
|
1106
1108
|
count: e,
|
|
@@ -1116,44 +1118,44 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
1116
1118
|
showFirstLast: h = !0,
|
|
1117
1119
|
showPrevNext: u = !0,
|
|
1118
1120
|
showEllipsis: p = !0,
|
|
1119
|
-
disabled:
|
|
1121
|
+
disabled: g = !1,
|
|
1120
1122
|
size: w = "sm",
|
|
1121
1123
|
variant: m = "outline",
|
|
1122
|
-
intent:
|
|
1124
|
+
intent: f = "neutral",
|
|
1123
1125
|
activeVariant: j = "solid",
|
|
1124
1126
|
activeIntent: T,
|
|
1125
1127
|
labels: k,
|
|
1126
1128
|
ariaLabel: I = "Pagination",
|
|
1127
|
-
getPageLabel:
|
|
1129
|
+
getPageLabel: H,
|
|
1128
1130
|
className: K
|
|
1129
1131
|
}) => {
|
|
1130
|
-
const M = E(), cn = n ?? `ds-pagination-${M}`, [rn,
|
|
1131
|
-
() => Gt(
|
|
1132
|
-
[
|
|
1133
|
-
),
|
|
1134
|
-
|
|
1135
|
-
},
|
|
1136
|
-
|
|
1137
|
-
},
|
|
1138
|
-
const N =
|
|
1139
|
-
|
|
1132
|
+
const M = E(), cn = n ?? `ds-pagination-${M}`, [rn, bn] = nn(s), R = Math.max(0, e), q = Vt(t ?? rn, 1, Math.max(1, R)), $ = Rn(
|
|
1133
|
+
() => Gt(R, q, i, y, p),
|
|
1134
|
+
[R, q, i, y, p]
|
|
1135
|
+
), x = (N) => {
|
|
1136
|
+
g || N === q || (t === void 0 && bn(N), _?.(N));
|
|
1137
|
+
}, V = () => {
|
|
1138
|
+
x(1), r?.(1);
|
|
1139
|
+
}, yn = () => {
|
|
1140
|
+
const N = R;
|
|
1141
|
+
x(N), l?.(N);
|
|
1140
1142
|
}, fn = () => {
|
|
1141
1143
|
const N = Math.max(1, q - 1);
|
|
1142
|
-
|
|
1143
|
-
},
|
|
1144
|
-
const N = Math.min(
|
|
1145
|
-
|
|
1144
|
+
x(N), c?.(N);
|
|
1145
|
+
}, xn = () => {
|
|
1146
|
+
const N = Math.min(R, q + 1);
|
|
1147
|
+
x(N), d?.(N);
|
|
1146
1148
|
};
|
|
1147
|
-
return
|
|
1149
|
+
return R <= 0 ? null : /* @__PURE__ */ o("nav", { id: cn, "aria-label": I, className: a(z.root, K), children: /* @__PURE__ */ b("ul", { className: z.list, children: [
|
|
1148
1150
|
h && /* @__PURE__ */ o("li", { className: z.item, children: /* @__PURE__ */ o(
|
|
1149
1151
|
P,
|
|
1150
1152
|
{
|
|
1151
1153
|
size: w,
|
|
1152
1154
|
variant: m,
|
|
1153
|
-
intent:
|
|
1155
|
+
intent: f,
|
|
1154
1156
|
className: z.pageButton,
|
|
1155
|
-
onClick:
|
|
1156
|
-
disabled:
|
|
1157
|
+
onClick: V,
|
|
1158
|
+
disabled: g || q === 1,
|
|
1157
1159
|
"aria-label": "Go to first page",
|
|
1158
1160
|
children: k?.first ?? "First"
|
|
1159
1161
|
}
|
|
@@ -1163,29 +1165,29 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
1163
1165
|
{
|
|
1164
1166
|
size: w,
|
|
1165
1167
|
variant: m,
|
|
1166
|
-
intent:
|
|
1168
|
+
intent: f,
|
|
1167
1169
|
className: z.pageButton,
|
|
1168
1170
|
onClick: fn,
|
|
1169
|
-
disabled:
|
|
1171
|
+
disabled: g || q === 1,
|
|
1170
1172
|
"aria-label": "Go to previous page",
|
|
1171
1173
|
children: k?.prev ?? "Prev"
|
|
1172
1174
|
}
|
|
1173
1175
|
) }),
|
|
1174
|
-
|
|
1176
|
+
$.map((N, kn) => {
|
|
1175
1177
|
if (N === "ellipsis")
|
|
1176
1178
|
return /* @__PURE__ */ o("li", { className: z.item, "aria-hidden": "true", children: /* @__PURE__ */ o("span", { className: z.ellipsis, children: "…" }) }, `ellipsis-${kn}`);
|
|
1177
|
-
const en = N === q,
|
|
1179
|
+
const en = N === q, wn = H?.(N, en) ?? `Page ${N}${en ? ", current page" : ""}`;
|
|
1178
1180
|
return /* @__PURE__ */ o("li", { className: z.item, children: /* @__PURE__ */ o(
|
|
1179
1181
|
P,
|
|
1180
1182
|
{
|
|
1181
1183
|
size: w,
|
|
1182
1184
|
variant: en ? j : m,
|
|
1183
|
-
intent: en ? T ??
|
|
1185
|
+
intent: en ? T ?? f : f,
|
|
1184
1186
|
className: z.pageButton,
|
|
1185
|
-
onClick: () =>
|
|
1186
|
-
disabled:
|
|
1187
|
+
onClick: () => x(N),
|
|
1188
|
+
disabled: g,
|
|
1187
1189
|
"aria-current": en ? "page" : void 0,
|
|
1188
|
-
"aria-label":
|
|
1190
|
+
"aria-label": wn,
|
|
1189
1191
|
children: N
|
|
1190
1192
|
}
|
|
1191
1193
|
) }, N);
|
|
@@ -1195,10 +1197,10 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
1195
1197
|
{
|
|
1196
1198
|
size: w,
|
|
1197
1199
|
variant: m,
|
|
1198
|
-
intent:
|
|
1200
|
+
intent: f,
|
|
1199
1201
|
className: z.pageButton,
|
|
1200
|
-
onClick:
|
|
1201
|
-
disabled:
|
|
1202
|
+
onClick: xn,
|
|
1203
|
+
disabled: g || q === R,
|
|
1202
1204
|
"aria-label": "Go to next page",
|
|
1203
1205
|
children: k?.next ?? "Next"
|
|
1204
1206
|
}
|
|
@@ -1208,10 +1210,10 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
1208
1210
|
{
|
|
1209
1211
|
size: w,
|
|
1210
1212
|
variant: m,
|
|
1211
|
-
intent:
|
|
1213
|
+
intent: f,
|
|
1212
1214
|
className: z.pageButton,
|
|
1213
|
-
onClick:
|
|
1214
|
-
disabled:
|
|
1215
|
+
onClick: yn,
|
|
1216
|
+
disabled: g || q === R,
|
|
1215
1217
|
"aria-label": "Go to last page",
|
|
1216
1218
|
children: k?.last ?? "Last"
|
|
1217
1219
|
}
|
|
@@ -1264,7 +1266,7 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
1264
1266
|
}
|
|
1265
1267
|
)
|
|
1266
1268
|
] });
|
|
1267
|
-
}, rs = "_wrapper_4v5ks_1", as = "_label_4v5ks_7", ls = "_sm_4v5ks_17", is = "_md_4v5ks_20", ds = "_lg_4v5ks_23", ms = "_inputWrapper_4v5ks_27", ps = "_radioRoot_4v5ks_34", us = "_checkmark_4v5ks_44", bs = "_labelText_4v5ks_127", ys = "_error_4v5ks_133", hs = "_helperText_4v5ks_142", gs = "_errorText_4v5ks_156",
|
|
1269
|
+
}, rs = "_wrapper_4v5ks_1", as = "_label_4v5ks_7", ls = "_sm_4v5ks_17", is = "_md_4v5ks_20", ds = "_lg_4v5ks_23", ms = "_inputWrapper_4v5ks_27", ps = "_radioRoot_4v5ks_34", us = "_checkmark_4v5ks_44", bs = "_labelText_4v5ks_127", ys = "_error_4v5ks_133", hs = "_helperText_4v5ks_142", gs = "_errorText_4v5ks_156", L = {
|
|
1268
1270
|
wrapper: rs,
|
|
1269
1271
|
label: as,
|
|
1270
1272
|
sm: ls,
|
|
@@ -1287,31 +1289,31 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
1287
1289
|
...l
|
|
1288
1290
|
}) => {
|
|
1289
1291
|
const d = E(), c = r ?? `ds-radio-${d}`, i = t ? `${c}-help` : void 0;
|
|
1290
|
-
return /* @__PURE__ */ b("div", { className: a(
|
|
1291
|
-
/* @__PURE__ */ b("label", { htmlFor: c, className: a(
|
|
1292
|
-
/* @__PURE__ */ b("div", { className:
|
|
1292
|
+
return /* @__PURE__ */ b("div", { className: a(L.wrapper, _), children: [
|
|
1293
|
+
/* @__PURE__ */ b("label", { htmlFor: c, className: a(L.label, L[n]), children: [
|
|
1294
|
+
/* @__PURE__ */ b("div", { className: L.inputWrapper, children: [
|
|
1293
1295
|
/* @__PURE__ */ o(
|
|
1294
1296
|
"input",
|
|
1295
1297
|
{
|
|
1296
1298
|
type: "radio",
|
|
1297
1299
|
id: c,
|
|
1298
|
-
className: a(
|
|
1300
|
+
className: a(L.radioRoot, L[n], s && L.error),
|
|
1299
1301
|
"aria-describedby": i,
|
|
1300
1302
|
"aria-invalid": s || void 0,
|
|
1301
1303
|
...l
|
|
1302
1304
|
}
|
|
1303
1305
|
),
|
|
1304
|
-
/* @__PURE__ */ o("span", { className:
|
|
1306
|
+
/* @__PURE__ */ o("span", { className: L.checkmark })
|
|
1305
1307
|
] }),
|
|
1306
|
-
e && /* @__PURE__ */ o("span", { className:
|
|
1308
|
+
e && /* @__PURE__ */ o("span", { className: L.labelText, children: e })
|
|
1307
1309
|
] }),
|
|
1308
|
-
t && /* @__PURE__ */ o("span", { id: i, className: a(
|
|
1310
|
+
t && /* @__PURE__ */ o("span", { id: i, className: a(L.helperText, s && L.errorText), children: t })
|
|
1309
1311
|
] });
|
|
1310
|
-
}, fs = "_root_1qfdr_1", xs = "_text_1qfdr_6",
|
|
1312
|
+
}, fs = "_root_1qfdr_1", xs = "_text_1qfdr_6", $s = "_rectangular_1qfdr_15", vs = "_rounded_1qfdr_19", ks = "_circular_1qfdr_23", ws = "_pulse_1qfdr_28", Ns = "_wave_1qfdr_44", In = {
|
|
1311
1313
|
root: fs,
|
|
1312
1314
|
text: xs,
|
|
1313
|
-
rectangular:
|
|
1314
|
-
rounded:
|
|
1315
|
+
rectangular: $s,
|
|
1316
|
+
rounded: vs,
|
|
1315
1317
|
circular: ks,
|
|
1316
1318
|
pulse: ws,
|
|
1317
1319
|
wave: Ns
|
|
@@ -1325,12 +1327,12 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
1325
1327
|
"aria-hidden": l,
|
|
1326
1328
|
...d
|
|
1327
1329
|
}) => /* @__PURE__ */ o(
|
|
1328
|
-
|
|
1330
|
+
pn,
|
|
1329
1331
|
{
|
|
1330
1332
|
className: a(
|
|
1331
|
-
|
|
1332
|
-
|
|
1333
|
-
s !== "none" &&
|
|
1333
|
+
In.root,
|
|
1334
|
+
In[n],
|
|
1335
|
+
s !== "none" && In[s],
|
|
1334
1336
|
_
|
|
1335
1337
|
),
|
|
1336
1338
|
width: e,
|
|
@@ -1339,7 +1341,7 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
1339
1341
|
"aria-hidden": l ?? !0,
|
|
1340
1342
|
...d
|
|
1341
1343
|
}
|
|
1342
|
-
), Is = "_step_1z90u_1", Cs = "_stepRow_1z90u_18", js = "_interactive_1z90u_28", Ts = "_marker_1z90u_48", Bs = "_text_1z90u_67", qs = "_label_1z90u_74", zs = "_description_1z90u_83", Ws = "_connector_1z90u_92", Es = "_completed_1z90u_110",
|
|
1344
|
+
), Is = "_step_1z90u_1", Cs = "_stepRow_1z90u_18", js = "_interactive_1z90u_28", Ts = "_marker_1z90u_48", Bs = "_text_1z90u_67", qs = "_label_1z90u_74", zs = "_description_1z90u_83", Ws = "_connector_1z90u_92", Es = "_completed_1z90u_110", Rs = "_current_1z90u_124", Ds = "_error_1z90u_138", Ls = "_upcoming_1z90u_152", Ss = "_disabled_1z90u_156", S = {
|
|
1343
1345
|
step: Is,
|
|
1344
1346
|
stepRow: Cs,
|
|
1345
1347
|
interactive: js,
|
|
@@ -1350,11 +1352,11 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
1350
1352
|
connector: Ws,
|
|
1351
1353
|
completed: Es,
|
|
1352
1354
|
"connector-completed": "_connector-completed_1z90u_120",
|
|
1353
|
-
current:
|
|
1355
|
+
current: Rs,
|
|
1354
1356
|
"connector-current": "_connector-current_1z90u_134",
|
|
1355
|
-
error:
|
|
1357
|
+
error: Ds,
|
|
1356
1358
|
"connector-error": "_connector-error_1z90u_148",
|
|
1357
|
-
upcoming:
|
|
1359
|
+
upcoming: Ls,
|
|
1358
1360
|
disabled: Ss
|
|
1359
1361
|
}, Ms = ({
|
|
1360
1362
|
step: n,
|
|
@@ -1401,13 +1403,13 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
1401
1403
|
}
|
|
1402
1404
|
)
|
|
1403
1405
|
] });
|
|
1404
|
-
}, As = "_root_cxvk2_1", Fs = "_sm_cxvk2_15", Ps = "_lg_cxvk2_22", Ks = "_horizontal_cxvk2_29", Os = "_vertical_cxvk2_35",
|
|
1406
|
+
}, As = "_root_cxvk2_1", Fs = "_sm_cxvk2_15", Ps = "_lg_cxvk2_22", Ks = "_horizontal_cxvk2_29", Os = "_vertical_cxvk2_35", Cn = {
|
|
1405
1407
|
root: As,
|
|
1406
1408
|
sm: Fs,
|
|
1407
1409
|
lg: Ps,
|
|
1408
1410
|
horizontal: Ks,
|
|
1409
1411
|
vertical: Os
|
|
1410
|
-
},
|
|
1412
|
+
}, Hs = (n, e) => Number.isNaN(n) || e <= 0 ? -1 : Math.min(Math.max(n, 0), e - 1), Vs = (n, e) => typeof n == "number" ? Hs(n, e.length) : typeof n == "string" ? e.findIndex((t) => t.id === n) : e.findIndex((t) => t.status === "current"), Gs = (n, e, t) => t || (e === -1 ? "upcoming" : n < e ? "completed" : n === e ? "current" : "upcoming"), _r = ({
|
|
1411
1413
|
steps: n,
|
|
1412
1414
|
currentStep: e,
|
|
1413
1415
|
orientation: t = "horizontal",
|
|
@@ -1418,25 +1420,25 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
1418
1420
|
id: d,
|
|
1419
1421
|
...c
|
|
1420
1422
|
}) => {
|
|
1421
|
-
const i = E(), y = d ?? `ds-stepper-${i}`, h =
|
|
1423
|
+
const i = E(), y = d ?? `ds-stepper-${i}`, h = Vs(e, n), u = r ?? "Progress";
|
|
1422
1424
|
return /* @__PURE__ */ o(
|
|
1423
1425
|
"ol",
|
|
1424
1426
|
{
|
|
1425
1427
|
id: y,
|
|
1426
|
-
className: a(
|
|
1428
|
+
className: a(Cn.root, Cn[t], Cn[s], l),
|
|
1427
1429
|
"aria-label": u,
|
|
1428
1430
|
"data-orientation": t,
|
|
1429
1431
|
...c,
|
|
1430
|
-
children: n.map((p,
|
|
1432
|
+
children: n.map((p, g) => /* @__PURE__ */ o(
|
|
1431
1433
|
Ms,
|
|
1432
1434
|
{
|
|
1433
1435
|
id: `${y}-step-${p.id}`,
|
|
1434
1436
|
step: p,
|
|
1435
|
-
index:
|
|
1436
|
-
status: Gs(
|
|
1437
|
+
index: g,
|
|
1438
|
+
status: Gs(g, h, p.status),
|
|
1437
1439
|
isInteractive: !!_,
|
|
1438
1440
|
onStepClick: _,
|
|
1439
|
-
isLast:
|
|
1441
|
+
isLast: g === n.length - 1
|
|
1440
1442
|
},
|
|
1441
1443
|
p.id
|
|
1442
1444
|
))
|
|
@@ -1511,7 +1513,7 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
1511
1513
|
] }),
|
|
1512
1514
|
e && /* @__PURE__ */ o("span", { id: c, className: Q.helperText, children: e })
|
|
1513
1515
|
] });
|
|
1514
|
-
}, m_ = "_wrapper_1w3cj_1", p_ = "_table_1w3cj_8", u_ = "_thead_1w3cj_17", b_ = "_tbody_1w3cj_22", y_ = "_tr_1w3cj_22", h_ = "_th_1w3cj_17", g_ = "_td_1w3cj_40", f_ = "_striped_1w3cj_46", x_ = "_hoverable_1w3cj_50",
|
|
1516
|
+
}, m_ = "_wrapper_1w3cj_1", p_ = "_table_1w3cj_8", u_ = "_thead_1w3cj_17", b_ = "_tbody_1w3cj_22", y_ = "_tr_1w3cj_22", h_ = "_th_1w3cj_17", g_ = "_td_1w3cj_40", f_ = "_striped_1w3cj_46", x_ = "_hoverable_1w3cj_50", $_ = "_dense_1w3cj_54", v_ = "_loading_1w3cj_75", W = {
|
|
1515
1517
|
wrapper: m_,
|
|
1516
1518
|
table: p_,
|
|
1517
1519
|
thead: u_,
|
|
@@ -1521,12 +1523,12 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
1521
1523
|
td: g_,
|
|
1522
1524
|
striped: f_,
|
|
1523
1525
|
hoverable: x_,
|
|
1524
|
-
dense:
|
|
1526
|
+
dense: $_,
|
|
1525
1527
|
"align-left": "_align-left_1w3cj_62",
|
|
1526
1528
|
"align-center": "_align-center_1w3cj_65",
|
|
1527
1529
|
"align-right": "_align-right_1w3cj_68",
|
|
1528
1530
|
"align-justify": "_align-justify_1w3cj_71",
|
|
1529
|
-
loading:
|
|
1531
|
+
loading: v_
|
|
1530
1532
|
}, ar = ({
|
|
1531
1533
|
children: n,
|
|
1532
1534
|
className: e,
|
|
@@ -1568,14 +1570,14 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
1568
1570
|
}) => {
|
|
1569
1571
|
const d = E(), c = l ?? `ds-tabs-${d}`, [i, y] = nn(
|
|
1570
1572
|
e || (n.length > 0 ? n[0].id : "")
|
|
1571
|
-
), h = t !== void 0 ? t : i, u = _n(null), p = (m,
|
|
1572
|
-
|
|
1573
|
-
},
|
|
1574
|
-
const
|
|
1573
|
+
), h = t !== void 0 ? t : i, u = _n(null), p = (m, f) => {
|
|
1574
|
+
f || (t === void 0 && y(m), s?.(m));
|
|
1575
|
+
}, g = (m) => {
|
|
1576
|
+
const f = n.filter((k) => !k.disabled), j = f.findIndex((k) => k.id === h);
|
|
1575
1577
|
let T = -1;
|
|
1576
|
-
if (m.key === "ArrowRight" || m.key === "ArrowDown" ? T = (j + 1) %
|
|
1578
|
+
if (m.key === "ArrowRight" || m.key === "ArrowDown" ? T = (j + 1) % f.length : m.key === "ArrowLeft" || m.key === "ArrowUp" ? T = (j - 1 + f.length) % f.length : m.key === "Home" ? T = 0 : m.key === "End" && (T = f.length - 1), T !== -1) {
|
|
1577
1579
|
m.preventDefault();
|
|
1578
|
-
const k =
|
|
1580
|
+
const k = f[T].id;
|
|
1579
1581
|
p(k);
|
|
1580
1582
|
const I = u.current?.querySelectorAll('[role="tab"]');
|
|
1581
1583
|
Array.from(I || []).find(
|
|
@@ -1590,15 +1592,15 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
1590
1592
|
role: "tablist",
|
|
1591
1593
|
ref: u,
|
|
1592
1594
|
className: a(Z.tabList, r === "pill" && Z.pillList),
|
|
1593
|
-
onKeyDown:
|
|
1595
|
+
onKeyDown: g,
|
|
1594
1596
|
children: n.map((m) => {
|
|
1595
|
-
const
|
|
1597
|
+
const f = m.id === h, j = !!m.disabled, T = j ? -1 : f ? 0 : -1;
|
|
1596
1598
|
return /* @__PURE__ */ o(
|
|
1597
1599
|
"button",
|
|
1598
1600
|
{
|
|
1599
1601
|
role: "tab",
|
|
1600
1602
|
id: `${c}-tab-${m.id}`,
|
|
1601
|
-
"aria-selected":
|
|
1603
|
+
"aria-selected": f,
|
|
1602
1604
|
"aria-controls": `${c}-panel-${m.id}`,
|
|
1603
1605
|
"aria-disabled": j,
|
|
1604
1606
|
tabIndex: T,
|
|
@@ -1607,7 +1609,7 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
1607
1609
|
className: a(
|
|
1608
1610
|
Z.tabItem,
|
|
1609
1611
|
r === "pill" && Z.pillItem,
|
|
1610
|
-
|
|
1612
|
+
f && Z.active,
|
|
1611
1613
|
j && Z.disabled
|
|
1612
1614
|
),
|
|
1613
1615
|
onClick: () => p(m.id, j),
|
|
@@ -1630,14 +1632,14 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
1630
1632
|
}
|
|
1631
1633
|
)
|
|
1632
1634
|
] });
|
|
1633
|
-
}, q_ = "_root_7o66o_1", z_ = "_h1_7o66o_9", W_ = "_h2_7o66o_15", E_ = "_h3_7o66o_21",
|
|
1635
|
+
}, q_ = "_root_7o66o_1", z_ = "_h1_7o66o_9", W_ = "_h2_7o66o_15", E_ = "_h3_7o66o_21", R_ = "_h4_7o66o_27", D_ = "_h5_7o66o_32", L_ = "_h6_7o66o_37", S_ = "_label_7o66o_54", M_ = "_code_7o66o_61", A_ = "_left_7o66o_70", F_ = "_center_7o66o_73", P_ = "_right_7o66o_76", K_ = "_justify_7o66o_79", O_ = "_regular_7o66o_84", H_ = "_medium_7o66o_87", V_ = "_bold_7o66o_90", G_ = "_noWrap_7o66o_121", dn = {
|
|
1634
1636
|
root: q_,
|
|
1635
1637
|
h1: z_,
|
|
1636
1638
|
h2: W_,
|
|
1637
1639
|
h3: E_,
|
|
1638
|
-
h4:
|
|
1639
|
-
h5:
|
|
1640
|
-
h6:
|
|
1640
|
+
h4: R_,
|
|
1641
|
+
h5: D_,
|
|
1642
|
+
h6: L_,
|
|
1641
1643
|
"body-lg": "_body-lg_7o66o_42",
|
|
1642
1644
|
"body-md": "_body-md_7o66o_46",
|
|
1643
1645
|
"body-sm": "_body-sm_7o66o_50",
|
|
@@ -1648,8 +1650,8 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
1648
1650
|
right: P_,
|
|
1649
1651
|
justify: K_,
|
|
1650
1652
|
regular: O_,
|
|
1651
|
-
medium:
|
|
1652
|
-
bold:
|
|
1653
|
+
medium: H_,
|
|
1654
|
+
bold: V_,
|
|
1653
1655
|
"color-main": "_color-main_7o66o_95",
|
|
1654
1656
|
"color-subtle": "_color-subtle_7o66o_98",
|
|
1655
1657
|
"color-on-brand": "_color-on-brand_7o66o_104",
|
|
@@ -1670,7 +1672,7 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
1670
1672
|
"body-sm": "p",
|
|
1671
1673
|
label: "span",
|
|
1672
1674
|
code: "code"
|
|
1673
|
-
},
|
|
1675
|
+
}, qn = ({
|
|
1674
1676
|
children: n,
|
|
1675
1677
|
variant: e = "body-md",
|
|
1676
1678
|
as: t,
|
|
@@ -1686,12 +1688,12 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
1686
1688
|
i,
|
|
1687
1689
|
{
|
|
1688
1690
|
className: a(
|
|
1689
|
-
|
|
1690
|
-
|
|
1691
|
-
s &&
|
|
1692
|
-
_ &&
|
|
1693
|
-
r &&
|
|
1694
|
-
l &&
|
|
1691
|
+
dn.root,
|
|
1692
|
+
dn[e],
|
|
1693
|
+
s && dn[s],
|
|
1694
|
+
_ && dn[_],
|
|
1695
|
+
r && dn[`color-${r}`],
|
|
1696
|
+
l && dn.noWrap,
|
|
1695
1697
|
d
|
|
1696
1698
|
),
|
|
1697
1699
|
...c,
|
|
@@ -1736,7 +1738,7 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
1736
1738
|
),
|
|
1737
1739
|
s && /* @__PURE__ */ o("span", { id: h, className: a(X.helperText, e && X.errorText), children: s })
|
|
1738
1740
|
] });
|
|
1739
|
-
}, _c = "_root_1kghr_1", cc = "_trigger_1kghr_6", rc = "_tooltip_1kghr_10", ac = "_dark_1kghr_22", lc = "_light_1kghr_27", ic = "_visible_1kghr_34", dc = "_top_1kghr_39", mc = "_bottom_1kghr_45", pc = "_left_1kghr_51", uc = "_right_1kghr_57",
|
|
1741
|
+
}, _c = "_root_1kghr_1", cc = "_trigger_1kghr_6", rc = "_tooltip_1kghr_10", ac = "_dark_1kghr_22", lc = "_light_1kghr_27", ic = "_visible_1kghr_34", dc = "_top_1kghr_39", mc = "_bottom_1kghr_45", pc = "_left_1kghr_51", uc = "_right_1kghr_57", mn = {
|
|
1740
1742
|
root: _c,
|
|
1741
1743
|
trigger: cc,
|
|
1742
1744
|
tooltip: rc,
|
|
@@ -1760,36 +1762,36 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
1760
1762
|
i.current = window.setTimeout(() => {
|
|
1761
1763
|
c(!0);
|
|
1762
1764
|
}, _);
|
|
1763
|
-
},
|
|
1765
|
+
}, g = () => {
|
|
1764
1766
|
i.current && window.clearTimeout(i.current), c(!1);
|
|
1765
|
-
}, w = (
|
|
1766
|
-
|
|
1767
|
-
}, m =
|
|
1768
|
-
const
|
|
1769
|
-
return
|
|
1770
|
-
"aria-describedby": [
|
|
1767
|
+
}, w = (f) => {
|
|
1768
|
+
f.key === "Escape" && g();
|
|
1769
|
+
}, m = Dn(e) ? (() => {
|
|
1770
|
+
const f = e;
|
|
1771
|
+
return Ln(f, {
|
|
1772
|
+
"aria-describedby": [f.props["aria-describedby"], u].filter(Boolean).join(" ")
|
|
1771
1773
|
});
|
|
1772
1774
|
})() : e;
|
|
1773
1775
|
return /* @__PURE__ */ b(
|
|
1774
1776
|
"div",
|
|
1775
1777
|
{
|
|
1776
1778
|
id: h,
|
|
1777
|
-
className: a(
|
|
1779
|
+
className: a(mn.root, r),
|
|
1778
1780
|
onMouseEnter: p,
|
|
1779
|
-
onMouseLeave:
|
|
1781
|
+
onMouseLeave: g,
|
|
1780
1782
|
onFocus: p,
|
|
1781
|
-
onBlur:
|
|
1783
|
+
onBlur: g,
|
|
1782
1784
|
onKeyDown: w,
|
|
1783
1785
|
children: [
|
|
1784
|
-
/* @__PURE__ */ o("div", { className:
|
|
1786
|
+
/* @__PURE__ */ o("div", { className: mn.trigger, children: m }),
|
|
1785
1787
|
d && /* @__PURE__ */ o(
|
|
1786
1788
|
"div",
|
|
1787
1789
|
{
|
|
1788
1790
|
className: a(
|
|
1789
|
-
|
|
1790
|
-
|
|
1791
|
-
|
|
1792
|
-
d &&
|
|
1791
|
+
mn.tooltip,
|
|
1792
|
+
mn[t],
|
|
1793
|
+
mn[s],
|
|
1794
|
+
d && mn.visible
|
|
1793
1795
|
),
|
|
1794
1796
|
id: u,
|
|
1795
1797
|
role: "tooltip",
|
|
@@ -1799,7 +1801,7 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
1799
1801
|
]
|
|
1800
1802
|
}
|
|
1801
1803
|
);
|
|
1802
|
-
}, bc = "_root_1j5ko_1", yc = "_main_1j5ko_8", hc = "_container_1j5ko_13",
|
|
1804
|
+
}, bc = "_root_1j5ko_1", yc = "_main_1j5ko_8", hc = "_container_1j5ko_13", jn = {
|
|
1803
1805
|
root: bc,
|
|
1804
1806
|
main: yc,
|
|
1805
1807
|
container: hc
|
|
@@ -1817,45 +1819,48 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
1817
1819
|
onNavItemClick: y,
|
|
1818
1820
|
className: h,
|
|
1819
1821
|
maxWidth: u
|
|
1820
|
-
}) =>
|
|
1821
|
-
|
|
1822
|
-
|
|
1823
|
-
|
|
1824
|
-
|
|
1825
|
-
|
|
1826
|
-
|
|
1827
|
-
|
|
1828
|
-
|
|
1829
|
-
|
|
1830
|
-
|
|
1831
|
-
|
|
1832
|
-
|
|
1833
|
-
|
|
1834
|
-
|
|
1835
|
-
|
|
1836
|
-
|
|
1837
|
-
|
|
1838
|
-
|
|
1839
|
-
|
|
1840
|
-
|
|
1841
|
-
|
|
1842
|
-
|
|
1843
|
-
|
|
1844
|
-
|
|
1822
|
+
}) => {
|
|
1823
|
+
const p = !!(n || e || t || d || c || i), g = !!(s?.length || r);
|
|
1824
|
+
return /* @__PURE__ */ b("div", { className: a(jn.root, h), children: [
|
|
1825
|
+
p && /* @__PURE__ */ o(
|
|
1826
|
+
Tn,
|
|
1827
|
+
{
|
|
1828
|
+
logo: n,
|
|
1829
|
+
title: e,
|
|
1830
|
+
user: t,
|
|
1831
|
+
onLogin: d,
|
|
1832
|
+
onLogout: c,
|
|
1833
|
+
onCreateAccount: i,
|
|
1834
|
+
maxWidth: u
|
|
1835
|
+
}
|
|
1836
|
+
),
|
|
1837
|
+
g && /* @__PURE__ */ o(
|
|
1838
|
+
Zo,
|
|
1839
|
+
{
|
|
1840
|
+
items: s,
|
|
1841
|
+
activeId: _,
|
|
1842
|
+
actions: r,
|
|
1843
|
+
onItemClick: y,
|
|
1844
|
+
maxWidth: u
|
|
1845
|
+
}
|
|
1846
|
+
),
|
|
1847
|
+
/* @__PURE__ */ o("main", { className: jn.main, children: /* @__PURE__ */ o("div", { className: jn.container, children: l }) })
|
|
1848
|
+
] });
|
|
1849
|
+
}, gc = "_root_416o7_1", fc = "_card_416o7_11", xc = "_header_416o7_21", $c = "_logo_416o7_26", vc = "_title_416o7_32", kc = "_description_416o7_39", wc = "_content_416o7_45", tn = {
|
|
1845
1850
|
root: gc,
|
|
1846
1851
|
card: fc,
|
|
1847
1852
|
header: xc,
|
|
1848
|
-
logo:
|
|
1849
|
-
title:
|
|
1853
|
+
logo: $c,
|
|
1854
|
+
title: vc,
|
|
1850
1855
|
description: kc,
|
|
1851
1856
|
content: wc
|
|
1852
|
-
}, fr = ({ logo: n, title: e, description: t, children: s, className: _ }) => /* @__PURE__ */ o(
|
|
1853
|
-
/* @__PURE__ */ b(
|
|
1854
|
-
n && /* @__PURE__ */ o(
|
|
1855
|
-
e && /* @__PURE__ */ o(
|
|
1856
|
-
t && /* @__PURE__ */ o(
|
|
1857
|
+
}, fr = ({ logo: n, title: e, description: t, children: s, className: _ }) => /* @__PURE__ */ o(pn, { className: a(tn.root, _), children: /* @__PURE__ */ b(pn, { className: tn.card, children: [
|
|
1858
|
+
/* @__PURE__ */ b(pn, { className: tn.header, children: [
|
|
1859
|
+
n && /* @__PURE__ */ o(pn, { className: tn.logo, children: n }),
|
|
1860
|
+
e && /* @__PURE__ */ o(qn, { variant: "h3", as: "h1", className: tn.title, children: e }),
|
|
1861
|
+
t && /* @__PURE__ */ o(qn, { variant: "body-sm", color: "subtle", className: tn.description, children: t })
|
|
1857
1862
|
] }),
|
|
1858
|
-
/* @__PURE__ */ o(
|
|
1863
|
+
/* @__PURE__ */ o(pn, { className: tn.content, children: s })
|
|
1859
1864
|
] }) }), Nc = "_root_1vwxr_1", Ic = "_main_1vwxr_7", Cc = "_container_1vwxr_11", jc = "_topBar_1vwxr_20", Tc = "_stats_1vwxr_27", Bc = "_content_1vwxr_33", Y = {
|
|
1860
1865
|
root: Nc,
|
|
1861
1866
|
main: Ic,
|
|
@@ -1878,7 +1883,7 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
1878
1883
|
maxWidth: h
|
|
1879
1884
|
}) => /* @__PURE__ */ b("div", { className: a(Y.root, y), children: [
|
|
1880
1885
|
/* @__PURE__ */ o(
|
|
1881
|
-
|
|
1886
|
+
Tn,
|
|
1882
1887
|
{
|
|
1883
1888
|
logo: n,
|
|
1884
1889
|
title: e,
|
|
@@ -1897,14 +1902,14 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
1897
1902
|
_ && /* @__PURE__ */ o("div", { className: Y.stats, children: _ }),
|
|
1898
1903
|
/* @__PURE__ */ o("div", { className: Y.content, children: r })
|
|
1899
1904
|
] }) })
|
|
1900
|
-
] }), qc = "_root_o4vai_1", zc = "_main_o4vai_7", Wc = "_container_o4vai_11", Ec = "_layoutBody_o4vai_20",
|
|
1905
|
+
] }), qc = "_root_o4vai_1", zc = "_main_o4vai_7", Wc = "_container_o4vai_11", Ec = "_layoutBody_o4vai_20", Rc = "_sidebar_o4vai_26", Dc = "_content_o4vai_34", sn = {
|
|
1901
1906
|
root: qc,
|
|
1902
1907
|
main: zc,
|
|
1903
1908
|
container: Wc,
|
|
1904
1909
|
layoutBody: Ec,
|
|
1905
|
-
sidebar:
|
|
1906
|
-
content:
|
|
1907
|
-
},
|
|
1910
|
+
sidebar: Rc,
|
|
1911
|
+
content: Dc
|
|
1912
|
+
}, $r = ({
|
|
1908
1913
|
headerLogo: n,
|
|
1909
1914
|
headerTitle: e,
|
|
1910
1915
|
breadcrumbs: t,
|
|
@@ -1918,7 +1923,7 @@ const Mn = "_root_1s3bz_1", An = "_bordered_1s3bz_14", Fn = "_item_1s3bz_14", Pn
|
|
|
1918
1923
|
maxWidth: y
|
|
1919
1924
|
}) => /* @__PURE__ */ b("div", { className: a(sn.root, i), children: [
|
|
1920
1925
|
/* @__PURE__ */ o(
|
|
1921
|
-
|
|
1926
|
+
Tn,
|
|
1922
1927
|
{
|
|
1923
1928
|
logo: n,
|
|
1924
1929
|
title: e,
|
|
@@ -1943,18 +1948,18 @@ export {
|
|
|
1943
1948
|
fr as AuthLayout,
|
|
1944
1949
|
Fc as Avatar,
|
|
1945
1950
|
Pc as Badge,
|
|
1946
|
-
|
|
1951
|
+
pn as Box,
|
|
1947
1952
|
Kc as BreadcrumbItem,
|
|
1948
1953
|
Oc as Breadcrumbs,
|
|
1949
1954
|
P as Button,
|
|
1950
|
-
|
|
1955
|
+
Hc as Card,
|
|
1951
1956
|
Gc as CardContent,
|
|
1952
1957
|
Uc as CardFooter,
|
|
1953
|
-
|
|
1958
|
+
Vc as CardHeader,
|
|
1954
1959
|
Jc as Checkbox,
|
|
1955
1960
|
xr as DashboardLayout,
|
|
1956
1961
|
Qc as Dropdown,
|
|
1957
|
-
|
|
1962
|
+
Tn as Header,
|
|
1958
1963
|
Zc as Input,
|
|
1959
1964
|
Xc as Loader,
|
|
1960
1965
|
Yc as Modal,
|
|
@@ -1964,7 +1969,7 @@ export {
|
|
|
1964
1969
|
or as ProgressBar,
|
|
1965
1970
|
tr as RadioButton,
|
|
1966
1971
|
cr as Select,
|
|
1967
|
-
|
|
1972
|
+
$r as SettingsLayout,
|
|
1968
1973
|
sr as Skeleton,
|
|
1969
1974
|
_r as Stepper,
|
|
1970
1975
|
rr as Switch,
|
|
@@ -1976,7 +1981,7 @@ export {
|
|
|
1976
1981
|
lr as TableHeader,
|
|
1977
1982
|
mr as TableRow,
|
|
1978
1983
|
br as Tabs,
|
|
1979
|
-
|
|
1984
|
+
qn as Text,
|
|
1980
1985
|
yr as Textarea,
|
|
1981
1986
|
hr as Tooltip
|
|
1982
1987
|
};
|