@dinofront/design_system 1.7.0 → 1.9.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/dist/components/SelectV2/SelectV2.i18n.d.ts +1 -0
- package/dist/index.js +419 -401
- package/dist/index.js.map +1 -1
- package/dist/styles.css +6 -0
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Children as e, Fragment as t, cloneElement as n, createContext as r, createElement as i, forwardRef as a, isValidElement as o, useCallback as s, useContext as c, useEffect as l, useId as u, useLayoutEffect as d, useMemo as f, useRef as p, useState as m } from "react";
|
|
2
|
-
import { AlertCircle as h, AlertTriangle as g, ArrowDown as _, ArrowUp as v, Calendar as y, Check as b, CheckCircle2 as x, ChevronDown as S, ChevronLeft as C, ChevronRight as w, ChevronsUpDown as T, CircleCheck as E, CircleX as D, Columns3 as O, Construction as k, Copy as A, Download as j, EyeOff as M, File as ee, GripVertical as N, Info as P, Loader2 as
|
|
2
|
+
import { AlertCircle as h, AlertTriangle as g, ArrowDown as _, ArrowUp as v, Calendar as y, Check as b, CheckCircle2 as x, ChevronDown as S, ChevronLeft as C, ChevronRight as w, ChevronsUpDown as T, CircleCheck as E, CircleX as D, Columns3 as O, Construction as k, Copy as A, Download as j, EyeOff as M, File as ee, GripVertical as N, Info as P, Loader2 as F, Menu as I, Minus as L, Moon as R, MoreHorizontal as z, MoreVertical as B, Paperclip as V, Pencil as H, Pin as U, PinOff as te, Plus as ne, RefreshCw as re, Search as W, SearchX as ie, Sparkles as G, Sun as ae, Trash2 as K, UploadCloud as oe, User as se, Users as ce, X as q, XCircle as le } from "lucide-react";
|
|
3
3
|
import { clsx as ue } from "clsx";
|
|
4
4
|
import { extendTailwindMerge as de } from "tailwind-merge";
|
|
5
5
|
import { Fragment as J, jsx as Y, jsxs as X } from "react/jsx-runtime";
|
|
@@ -190,7 +190,7 @@ var Xe = a(function({ type: e = "single", defaultValue: t, value: n, onValueChan
|
|
|
190
190
|
},
|
|
191
191
|
className: Q("inline-flex items-center justify-center font-medium transition-colors outline-none", a ? $e[t] : Qe[t], et[e], s && tt[e], o && "w-full", l),
|
|
192
192
|
...p,
|
|
193
|
-
children: i ? /* @__PURE__ */ Y(
|
|
193
|
+
children: i ? /* @__PURE__ */ Y(F, {
|
|
194
194
|
className: "h-4 w-4 animate-spin",
|
|
195
195
|
"aria-hidden": !0
|
|
196
196
|
}) : /* @__PURE__ */ X(J, { children: [
|
|
@@ -265,9 +265,9 @@ var st = a(function({ accept: e, multiple: t = !1, maxSizeMB: n, hint: r, onFile
|
|
|
265
265
|
r.push(i), u.push(i), --f;
|
|
266
266
|
}
|
|
267
267
|
r.length && i?.(r), a.length && d?.(a);
|
|
268
|
-
},
|
|
268
|
+
}, F = (e) => {
|
|
269
269
|
e.preventDefault(), j.current = 0, A(!1), !a && P(Array.from(e.dataTransfer.files ?? []));
|
|
270
|
-
},
|
|
270
|
+
}, I = r ?? `${e ? e.toUpperCase().replace(/\./g, "") : "Any file"}${n ? `, up to ${n} MB` : ""}`, L = /* @__PURE__ */ Y("input", {
|
|
271
271
|
ref: O,
|
|
272
272
|
type: "file",
|
|
273
273
|
accept: e,
|
|
@@ -277,7 +277,7 @@ var st = a(function({ accept: e, multiple: t = !1, maxSizeMB: n, hint: r, onFile
|
|
|
277
277
|
P(Array.from(e.target.files ?? [])), e.target.value = "";
|
|
278
278
|
},
|
|
279
279
|
className: "sr-only"
|
|
280
|
-
}),
|
|
280
|
+
}), R = (y || C) && /* @__PURE__ */ X("div", {
|
|
281
281
|
className: "flex items-center gap-1.5",
|
|
282
282
|
children: [y && /* @__PURE__ */ X("span", {
|
|
283
283
|
className: "text-p-std font-medium text-fg-default inline-flex items-center gap-1",
|
|
@@ -290,11 +290,11 @@ var st = a(function({ accept: e, multiple: t = !1, maxSizeMB: n, hint: r, onFile
|
|
|
290
290
|
className: "inline-flex items-center gap-1",
|
|
291
291
|
children: C
|
|
292
292
|
})]
|
|
293
|
-
}),
|
|
293
|
+
}), z = S ? /* @__PURE__ */ Y("p", {
|
|
294
294
|
id: `${ee}-error`,
|
|
295
295
|
className: "text-p-sm text-red-700",
|
|
296
296
|
children: S
|
|
297
|
-
}) : null,
|
|
297
|
+
}) : null, B = f && l.length > 0 && /* @__PURE__ */ Y("div", {
|
|
298
298
|
className: "flex flex-col gap-2",
|
|
299
299
|
children: l.map((e, t) => /* @__PURE__ */ Y(lt, {
|
|
300
300
|
name: e.name,
|
|
@@ -309,9 +309,9 @@ var st = a(function({ accept: e, multiple: t = !1, maxSizeMB: n, hint: r, onFile
|
|
|
309
309
|
className: Q("flex flex-col gap-1.5", w),
|
|
310
310
|
...E,
|
|
311
311
|
children: [
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
312
|
+
R,
|
|
313
|
+
B,
|
|
314
|
+
z
|
|
315
315
|
]
|
|
316
316
|
});
|
|
317
317
|
if (g !== "dropzone") {
|
|
@@ -322,24 +322,24 @@ var st = a(function({ accept: e, multiple: t = !1, maxSizeMB: n, hint: r, onFile
|
|
|
322
322
|
className: Q("flex flex-col gap-1.5", w),
|
|
323
323
|
...E,
|
|
324
324
|
children: [
|
|
325
|
-
|
|
325
|
+
R,
|
|
326
326
|
/* @__PURE__ */ Y(nt, {
|
|
327
327
|
type: "button",
|
|
328
328
|
variant: "secondary",
|
|
329
329
|
iconOnly: e,
|
|
330
330
|
disabled: a,
|
|
331
331
|
onClick: () => O.current?.click(),
|
|
332
|
-
leftIcon: e ? void 0 : v ?? /* @__PURE__ */ Y(
|
|
332
|
+
leftIcon: e ? void 0 : v ?? /* @__PURE__ */ Y(V, { className: "h-4 w-4" }),
|
|
333
333
|
"aria-label": e ? "Upload file" : void 0,
|
|
334
|
-
children: e ? v ?? /* @__PURE__ */ Y(
|
|
334
|
+
children: e ? v ?? /* @__PURE__ */ Y(H, { className: "h-4 w-4" }) : _ ?? "Choose a file"
|
|
335
335
|
}),
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
336
|
+
L,
|
|
337
|
+
B,
|
|
338
|
+
z
|
|
339
339
|
]
|
|
340
340
|
});
|
|
341
341
|
}
|
|
342
|
-
let
|
|
342
|
+
let U = /* @__PURE__ */ X("div", {
|
|
343
343
|
ref: D,
|
|
344
344
|
onDragEnter: () => {
|
|
345
345
|
j.current += 1, a || A(!0);
|
|
@@ -348,7 +348,7 @@ var st = a(function({ accept: e, multiple: t = !1, maxSizeMB: n, hint: r, onFile
|
|
|
348
348
|
onDragLeave: () => {
|
|
349
349
|
j.current = Math.max(0, j.current - 1), j.current === 0 && A(!1);
|
|
350
350
|
},
|
|
351
|
-
onDrop:
|
|
351
|
+
onDrop: F,
|
|
352
352
|
onClick: () => !a && O.current?.click(),
|
|
353
353
|
role: "button",
|
|
354
354
|
tabIndex: 0,
|
|
@@ -376,19 +376,19 @@ var st = a(function({ accept: e, multiple: t = !1, maxSizeMB: n, hint: r, onFile
|
|
|
376
376
|
}), " or drag & drop it here."]
|
|
377
377
|
}), /* @__PURE__ */ Y("p", {
|
|
378
378
|
className: "text-p-sm text-fg-tertiary",
|
|
379
|
-
children:
|
|
379
|
+
children: I
|
|
380
380
|
})]
|
|
381
381
|
}),
|
|
382
|
-
|
|
382
|
+
L
|
|
383
383
|
]
|
|
384
384
|
});
|
|
385
|
-
return !
|
|
385
|
+
return !R && !z && !B ? U : /* @__PURE__ */ X("div", {
|
|
386
386
|
className: "flex flex-col gap-1.5",
|
|
387
387
|
children: [
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
388
|
+
R,
|
|
389
|
+
U,
|
|
390
|
+
B,
|
|
391
|
+
z
|
|
392
392
|
]
|
|
393
393
|
});
|
|
394
394
|
}), ct = {
|
|
@@ -573,7 +573,7 @@ var _t = a(function({ src: e, alt: t, name: n, size: r = "md", status: i, shape:
|
|
|
573
573
|
},
|
|
574
574
|
"aria-label": "Change avatar image",
|
|
575
575
|
className: Q("absolute right-0 bottom-0 inline-flex items-center justify-center rounded-full ring-2 ring-white bg-brand-500 text-white hover:bg-brand-600 transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-300 focus-visible:ring-offset-1", mt[r]),
|
|
576
|
-
children: /* @__PURE__ */ Y(
|
|
576
|
+
children: /* @__PURE__ */ Y(H, { className: "h-1/2 w-1/2" })
|
|
577
577
|
}), /* @__PURE__ */ Y("input", {
|
|
578
578
|
ref: C,
|
|
579
579
|
type: "file",
|
|
@@ -841,7 +841,7 @@ var _t = a(function({ src: e, alt: t, name: n, size: r = "md", status: i, shape:
|
|
|
841
841
|
...m
|
|
842
842
|
}), /* @__PURE__ */ Y("span", {
|
|
843
843
|
className: Q("flex items-center justify-center border transition-colors", Rt[e], !a && "bg-bg-default", v ? "border-red-600" : a ? "border-brand-500" : "border-border-strong", !c && !a && (v ? "peer-hover:border-red-700" : "peer-hover:border-fg-tertiary"), "peer-focus-visible:ring-2 peer-focus-visible:ring-brand-300 peer-focus-visible:ring-offset-1", !a && "peer-checked:bg-brand-500 peer-checked:border-brand-500", a && "bg-brand-500", c && !a && "peer-checked:bg-bg-subtle peer-checked:border-border-strong", !a && "[&_svg]:opacity-0 peer-checked:[&_svg]:opacity-100 [&_svg]:transition-opacity"),
|
|
844
|
-
children: Y(a ?
|
|
844
|
+
children: Y(a ? L : b, {
|
|
845
845
|
className: Q(zt[e], "text-white"),
|
|
846
846
|
strokeWidth: 3,
|
|
847
847
|
"aria-hidden": !0
|
|
@@ -998,8 +998,8 @@ function Kt({ content: e, children: t, side: r = "top", align: i = "center", off
|
|
|
998
998
|
},
|
|
999
999
|
"aria-haspopup": "dialog",
|
|
1000
1000
|
"aria-expanded": w
|
|
1001
|
-
}),
|
|
1002
|
-
return /* @__PURE__ */ X(J, { children: [P, w &&
|
|
1001
|
+
}), F = v ?? (typeof document < "u" ? document.body : null);
|
|
1002
|
+
return /* @__PURE__ */ X(J, { children: [P, w && F && fe(/* @__PURE__ */ X("div", {
|
|
1003
1003
|
ref: Vt(D),
|
|
1004
1004
|
id: O,
|
|
1005
1005
|
role: "dialog",
|
|
@@ -1014,7 +1014,7 @@ function Kt({ content: e, children: t, side: r = "top", align: i = "center", off
|
|
|
1014
1014
|
style: j,
|
|
1015
1015
|
className: Q("absolute size-2 rotate-45 bg-bg-default", Gt[M])
|
|
1016
1016
|
})]
|
|
1017
|
-
}),
|
|
1017
|
+
}), F)] });
|
|
1018
1018
|
}
|
|
1019
1019
|
//#endregion
|
|
1020
1020
|
//#region src/components/Copy/Copy.tsx
|
|
@@ -1177,7 +1177,7 @@ var qt = a(function({ text: e, copiedLabel: t = "Copied", label: n = "Copy to cl
|
|
|
1177
1177
|
onClick: () => T(S - a),
|
|
1178
1178
|
"aria-label": "Decrease",
|
|
1179
1179
|
className: $t,
|
|
1180
|
-
children: /* @__PURE__ */ Y(
|
|
1180
|
+
children: /* @__PURE__ */ Y(L, { className: "size-4" })
|
|
1181
1181
|
}),
|
|
1182
1182
|
rightAddon: /* @__PURE__ */ Y("button", {
|
|
1183
1183
|
type: "button",
|
|
@@ -1185,7 +1185,7 @@ var qt = a(function({ text: e, copiedLabel: t = "Copied", label: n = "Copy to cl
|
|
|
1185
1185
|
onClick: () => T(S + a),
|
|
1186
1186
|
"aria-label": "Increase",
|
|
1187
1187
|
className: $t,
|
|
1188
|
-
children: /* @__PURE__ */ Y(
|
|
1188
|
+
children: /* @__PURE__ */ Y(ne, { className: "size-4" })
|
|
1189
1189
|
}),
|
|
1190
1190
|
className: Q("text-center [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none", p),
|
|
1191
1191
|
..._
|
|
@@ -1265,20 +1265,20 @@ function mn(e, t) {
|
|
|
1265
1265
|
return i;
|
|
1266
1266
|
}
|
|
1267
1267
|
var hn = a(function({ value: e, onChange: t, clearable: n = !1, range: r = !1, rangeValue: i, onChangeRange: a, size: o = "md", locale: s = "en", format: c = "dd.MM.yyyy", label: d, required: h = !1, helperText: g, placeholder: _ = "Select date", fullWidth: v = !1, disabled: b = !1, minDate: x, maxDate: S, excludeDates: T, filterDate: E, error: D = !1, errorText: O, id: k, className: A, wrapperClassName: j, dataTestId: M }, ee) {
|
|
1268
|
-
let N = u(), P = k ?? N, [
|
|
1268
|
+
let N = u(), P = k ?? N, [F, I] = m(!1), [L, R] = m(e ?? i?.start ?? /* @__PURE__ */ new Date()), [z, B] = m(null), V = p(null), H = D || !!O, U = O ? `${P}-error` : g ? `${P}-help` : void 0;
|
|
1269
1269
|
l(() => {
|
|
1270
|
-
b &&
|
|
1270
|
+
b && I(!1);
|
|
1271
1271
|
}, [b]), l(() => {
|
|
1272
|
-
if (!
|
|
1272
|
+
if (!F) return;
|
|
1273
1273
|
let e = (e) => {
|
|
1274
|
-
|
|
1274
|
+
V.current && !V.current.contains(e.target) && I(!1);
|
|
1275
1275
|
};
|
|
1276
1276
|
return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
|
|
1277
|
-
}, [
|
|
1278
|
-
let
|
|
1279
|
-
function
|
|
1277
|
+
}, [F]);
|
|
1278
|
+
let te = r ? i?.start ? `${pn(i.start, c)}${i.end ? ` – ${pn(i.end, c)}` : ""}` : "" : e ? pn(e, c) : "";
|
|
1279
|
+
function ne(e) {
|
|
1280
1280
|
if (!r) {
|
|
1281
|
-
t?.(e),
|
|
1281
|
+
t?.(e), I(!1);
|
|
1282
1282
|
return;
|
|
1283
1283
|
}
|
|
1284
1284
|
let n = i ?? {
|
|
@@ -1302,27 +1302,27 @@ var hn = a(function({ value: e, onChange: t, clearable: n = !1, range: r = !1, r
|
|
|
1302
1302
|
a?.({
|
|
1303
1303
|
start: n.start,
|
|
1304
1304
|
end: e
|
|
1305
|
-
}),
|
|
1305
|
+
}), I(!1);
|
|
1306
1306
|
}
|
|
1307
|
-
function
|
|
1307
|
+
function re(e) {
|
|
1308
1308
|
e.stopPropagation(), r ? (a?.({
|
|
1309
1309
|
start: null,
|
|
1310
1310
|
end: null
|
|
1311
|
-
}),
|
|
1311
|
+
}), B(null)) : t?.(null);
|
|
1312
1312
|
}
|
|
1313
|
-
let { firstDayOfWeek:
|
|
1313
|
+
let { firstDayOfWeek: W, monthNames: ie, weekdayNames: G } = f(() => {
|
|
1314
1314
|
let e = rn(s), t = an(e);
|
|
1315
1315
|
return {
|
|
1316
1316
|
firstDayOfWeek: t,
|
|
1317
1317
|
monthNames: on(e),
|
|
1318
1318
|
weekdayNames: cn(e, t)
|
|
1319
1319
|
};
|
|
1320
|
-
}, [s]), ae = mn(
|
|
1320
|
+
}, [s]), ae = mn(L, W), K = i ?? {
|
|
1321
1321
|
start: null,
|
|
1322
1322
|
end: null
|
|
1323
|
-
}, oe = K.end ??
|
|
1323
|
+
}, oe = K.end ?? z;
|
|
1324
1324
|
return /* @__PURE__ */ X("div", {
|
|
1325
|
-
ref:
|
|
1325
|
+
ref: V,
|
|
1326
1326
|
"data-test-id": M,
|
|
1327
1327
|
className: Q("flex flex-col gap-1.5", v && "w-full", j),
|
|
1328
1328
|
children: [
|
|
@@ -1342,26 +1342,26 @@ var hn = a(function({ value: e, onChange: t, clearable: n = !1, range: r = !1, r
|
|
|
1342
1342
|
id: P,
|
|
1343
1343
|
type: "button",
|
|
1344
1344
|
disabled: b,
|
|
1345
|
-
"aria-invalid":
|
|
1345
|
+
"aria-invalid": H || void 0,
|
|
1346
1346
|
"aria-required": h || void 0,
|
|
1347
|
-
"aria-describedby":
|
|
1348
|
-
onClick: () =>
|
|
1349
|
-
className: Q("inline-flex items-center gap-2 rounded-lg border bg-bg-default text-left transition-colors focus-visible:outline-none focus-visible:ring-2",
|
|
1347
|
+
"aria-describedby": U,
|
|
1348
|
+
onClick: () => I((e) => !e),
|
|
1349
|
+
className: Q("inline-flex items-center gap-2 rounded-lg border bg-bg-default text-left transition-colors focus-visible:outline-none focus-visible:ring-2", H ? "border-red-600" : "border-border-default", !b && !H && "hover:border-border-strong", H ? "focus-visible:ring-red-300 focus-visible:border-red-600" : "focus-visible:ring-brand-300 focus-visible:border-brand-500", b && "bg-bg-container border-border-default cursor-not-allowed text-fg-disabled", v ? "w-full min-w-0" : "min-w-[260px]", tn[o], A),
|
|
1350
1350
|
children: [/* @__PURE__ */ Y("span", {
|
|
1351
|
-
className: Q("flex-1 text-left truncate", b ? "text-fg-disabled" :
|
|
1352
|
-
children:
|
|
1353
|
-
}), n &&
|
|
1351
|
+
className: Q("flex-1 text-left truncate", b ? "text-fg-disabled" : te ? "text-fg-default" : "text-fg-tertiary"),
|
|
1352
|
+
children: te || _
|
|
1353
|
+
}), n && te && !b ? /* @__PURE__ */ Y("span", {
|
|
1354
1354
|
role: "button",
|
|
1355
1355
|
tabIndex: 0,
|
|
1356
1356
|
"aria-label": "Clear date",
|
|
1357
|
-
onClick:
|
|
1357
|
+
onClick: re,
|
|
1358
1358
|
onKeyDown: (e) => {
|
|
1359
|
-
(e.key === "Enter" || e.key === " ") && (e.preventDefault(),
|
|
1359
|
+
(e.key === "Enter" || e.key === " ") && (e.preventDefault(), re(e));
|
|
1360
1360
|
},
|
|
1361
1361
|
className: "inline-flex items-center justify-center rounded-full p-0.5 hover:bg-bg-container",
|
|
1362
1362
|
children: /* @__PURE__ */ Y(q, { className: "w-4 h-4 text-fg-secondary" })
|
|
1363
1363
|
}) : /* @__PURE__ */ Y(y, { className: Q("w-4 h-4", b ? "text-fg-disabled" : "text-fg-secondary") })]
|
|
1364
|
-
}),
|
|
1364
|
+
}), F && /* @__PURE__ */ X("div", {
|
|
1365
1365
|
className: "absolute z-50 mt-1 left-0 rounded-xl border border-border-default bg-bg-default shadow-z3 p-3 w-[300px]",
|
|
1366
1366
|
children: [/* @__PURE__ */ X("div", {
|
|
1367
1367
|
className: "flex items-center justify-between mb-2",
|
|
@@ -1369,22 +1369,22 @@ var hn = a(function({ value: e, onChange: t, clearable: n = !1, range: r = !1, r
|
|
|
1369
1369
|
/* @__PURE__ */ Y("button", {
|
|
1370
1370
|
type: "button",
|
|
1371
1371
|
className: "w-8 h-8 rounded-md hover:bg-bg-container flex items-center justify-center text-fg-secondary",
|
|
1372
|
-
onClick: () =>
|
|
1372
|
+
onClick: () => R(new Date(L.getFullYear(), L.getMonth() - 1, 1)),
|
|
1373
1373
|
"aria-label": "Previous month",
|
|
1374
1374
|
children: /* @__PURE__ */ Y(C, { className: "w-4 h-4" })
|
|
1375
1375
|
}),
|
|
1376
1376
|
/* @__PURE__ */ X("div", {
|
|
1377
1377
|
className: "text-p-md font-semibold text-fg-default",
|
|
1378
1378
|
children: [
|
|
1379
|
-
|
|
1379
|
+
ie[L.getMonth()],
|
|
1380
1380
|
" ",
|
|
1381
|
-
|
|
1381
|
+
L.getFullYear()
|
|
1382
1382
|
]
|
|
1383
1383
|
}),
|
|
1384
1384
|
/* @__PURE__ */ Y("button", {
|
|
1385
1385
|
type: "button",
|
|
1386
1386
|
className: "w-8 h-8 rounded-md hover:bg-bg-container flex items-center justify-center text-fg-secondary",
|
|
1387
|
-
onClick: () =>
|
|
1387
|
+
onClick: () => R(new Date(L.getFullYear(), L.getMonth() + 1, 1)),
|
|
1388
1388
|
"aria-label": "Next month",
|
|
1389
1389
|
children: /* @__PURE__ */ Y(w, { className: "w-4 h-4" })
|
|
1390
1390
|
})
|
|
@@ -1401,8 +1401,8 @@ var hn = a(function({ value: e, onChange: t, clearable: n = !1, range: r = !1, r
|
|
|
1401
1401
|
type: "button",
|
|
1402
1402
|
disabled: i,
|
|
1403
1403
|
"aria-disabled": i || void 0,
|
|
1404
|
-
onMouseEnter: () => !i && r && K.start && !K.end &&
|
|
1405
|
-
onClick: () => !i &&
|
|
1404
|
+
onMouseEnter: () => !i && r && K.start && !K.end && B(t),
|
|
1405
|
+
onClick: () => !i && ne(t),
|
|
1406
1406
|
className: Q("h-8 rounded-md text-p-sm font-medium", i ? "text-fg-disabled cursor-not-allowed" : a || o || s ? "bg-brand-500 text-white" : c ? "bg-bg-brand-lighter text-brand-700" : "text-fg-default hover:bg-bg-container"),
|
|
1407
1407
|
children: t.getDate()
|
|
1408
1408
|
}, n);
|
|
@@ -1945,7 +1945,7 @@ var Fn = "min-w-[200px] rounded-lg border border-border-default bg-bg-default sh
|
|
|
1945
1945
|
...s,
|
|
1946
1946
|
children: [
|
|
1947
1947
|
r ?? /* @__PURE__ */ Y(Hn, {
|
|
1948
|
-
icon:
|
|
1948
|
+
icon: ie,
|
|
1949
1949
|
tone: "gray",
|
|
1950
1950
|
shape: "circle",
|
|
1951
1951
|
size: Yn[e]
|
|
@@ -2336,10 +2336,10 @@ var ur = {
|
|
|
2336
2336
|
avatar: "sm"
|
|
2337
2337
|
}
|
|
2338
2338
|
}, dr = a(function({ options: e, value: n, onChange: r, onAdd: i, onRemove: a, size: o = "md", placeholder: s = "Select…", addMorePlaceholder: c = "Add another…", disabled: d = !1, loading: h = !1, error: g = !1, label: _, labelAddons: v, helperText: y, errorText: b, required: x = !1, lockedValues: S = [], max: C, searchable: w = !0, suggestionsLabel: T = "Suggestions", emptyText: E = "No matches. Try a different search.", showAvatars: D = !1, id: O, className: k, wrapperClassName: A, dataTestId: j }, M) {
|
|
2339
|
-
let ee = u(), N = O ?? ee, P = `${N}-listbox`,
|
|
2340
|
-
|
|
2341
|
-
},
|
|
2342
|
-
let t =
|
|
2339
|
+
let ee = u(), N = O ?? ee, P = `${N}-listbox`, I = g || !!b, [L, R] = m(""), [z, B] = m(!1), [V, H] = m(0), U = p(null), te = p(null), ne = (e) => {
|
|
2340
|
+
te.current = e, typeof M == "function" ? M(e) : M && (M.current = e);
|
|
2341
|
+
}, re = f(() => new Map(e.map((e) => [String(e.value), e])), [e]), ie = f(() => n.map((e) => re.get(String(e))).filter((e) => !!e), [n, re]), G = f(() => {
|
|
2342
|
+
let t = L.trim().toLowerCase();
|
|
2343
2343
|
return e.filter((e) => {
|
|
2344
2344
|
if (Ke(n, e.value)) return !1;
|
|
2345
2345
|
if (t === "") return !0;
|
|
@@ -2349,36 +2349,36 @@ var ur = {
|
|
|
2349
2349
|
}, [
|
|
2350
2350
|
e,
|
|
2351
2351
|
n,
|
|
2352
|
-
|
|
2352
|
+
L
|
|
2353
2353
|
]), ae = C !== void 0 && n.length >= C;
|
|
2354
2354
|
l(() => {
|
|
2355
|
-
if (!
|
|
2355
|
+
if (!z) return;
|
|
2356
2356
|
let e = (e) => {
|
|
2357
|
-
|
|
2357
|
+
U.current && !U.current.contains(e.target) && B(!1);
|
|
2358
2358
|
};
|
|
2359
2359
|
return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
|
|
2360
|
-
}, [
|
|
2361
|
-
|
|
2360
|
+
}, [z]), l(() => {
|
|
2361
|
+
H((e) => Math.min(e, Math.max(0, G.length - 1)));
|
|
2362
2362
|
}, [G.length]), l(() => {
|
|
2363
|
-
h &&
|
|
2363
|
+
h && B(!1);
|
|
2364
2364
|
}, [h]);
|
|
2365
2365
|
let K = (e) => {
|
|
2366
|
-
let t =
|
|
2367
|
-
d || ae || !t || t.disabled || (r([...n, e]), i?.(t),
|
|
2366
|
+
let t = re.get(String(e));
|
|
2367
|
+
d || ae || !t || t.disabled || (r([...n, e]), i?.(t), R(""), H(0), te.current?.focus());
|
|
2368
2368
|
}, oe = (e) => {
|
|
2369
2369
|
d || Ke(S, e) || (r(n.filter((t) => !Ge(t, e))), a?.(e));
|
|
2370
2370
|
}, se = (e) => {
|
|
2371
2371
|
if (!G.length) return;
|
|
2372
|
-
let t =
|
|
2372
|
+
let t = V;
|
|
2373
2373
|
for (let n = 0; n < G.length && (t = (t + e + G.length) % G.length, G[t]?.disabled); n++);
|
|
2374
|
-
|
|
2374
|
+
H(t);
|
|
2375
2375
|
}, le = (e) => {
|
|
2376
|
-
if (e.key === "ArrowDown") e.preventDefault(),
|
|
2376
|
+
if (e.key === "ArrowDown") e.preventDefault(), z ? se(1) : h || B(!0);
|
|
2377
2377
|
else if (e.key === "ArrowUp") e.preventDefault(), se(-1);
|
|
2378
|
-
else if (e.key === "Enter")
|
|
2379
|
-
else if (e.key === "Escape")
|
|
2380
|
-
else if (e.key === "Backspace" &&
|
|
2381
|
-
let e = [...
|
|
2378
|
+
else if (e.key === "Enter") z && G[V] && !G[V].disabled && (e.preventDefault(), K(G[V].value));
|
|
2379
|
+
else if (e.key === "Escape") B(!1);
|
|
2380
|
+
else if (e.key === "Backspace" && L === "" && ie.length > 0) {
|
|
2381
|
+
let e = [...ie].reverse().find((e) => !Ke(S, e.value));
|
|
2382
2382
|
e && oe(e.value);
|
|
2383
2383
|
}
|
|
2384
2384
|
}, ue = b ? `${N}-error` : y ? `${N}-help` : void 0;
|
|
@@ -2402,13 +2402,13 @@ var ur = {
|
|
|
2402
2402
|
})]
|
|
2403
2403
|
}),
|
|
2404
2404
|
/* @__PURE__ */ X("div", {
|
|
2405
|
-
ref:
|
|
2405
|
+
ref: U,
|
|
2406
2406
|
className: "relative",
|
|
2407
2407
|
children: [/* @__PURE__ */ X("div", {
|
|
2408
|
-
className: Q("flex flex-wrap items-center rounded-lg border bg-bg-default transition-colors", ur[o].box, d ? "opacity-60 cursor-not-allowed border-border-default" :
|
|
2409
|
-
onClick: () => !d && !h &&
|
|
2408
|
+
className: Q("flex flex-wrap items-center rounded-lg border bg-bg-default transition-colors", ur[o].box, d ? "opacity-60 cursor-not-allowed border-border-default" : I ? "border-red-500 focus-within:ring-2 focus-within:ring-red-300 focus-within:ring-offset-1 cursor-text" : "border-border-default hover:border-border-strong focus-within:border-fg-tertiary focus-within:ring-2 focus-within:ring-brand-300 focus-within:ring-offset-1 cursor-text", h && "cursor-wait", k),
|
|
2409
|
+
onClick: () => !d && !h && te.current?.focus(),
|
|
2410
2410
|
children: [
|
|
2411
|
-
|
|
2411
|
+
ie.map((e) => {
|
|
2412
2412
|
let t = Ke(S, e.value);
|
|
2413
2413
|
return /* @__PURE__ */ X("span", {
|
|
2414
2414
|
className: Q("inline-flex items-center gap-1.5 rounded-full text-fg-default bg-bg-subtle", ur[o].chip, ur[o].chipText),
|
|
@@ -2440,40 +2440,40 @@ var ur = {
|
|
|
2440
2440
|
}, String(e.value));
|
|
2441
2441
|
}),
|
|
2442
2442
|
/* @__PURE__ */ Y("input", {
|
|
2443
|
-
ref:
|
|
2443
|
+
ref: ne,
|
|
2444
2444
|
id: N,
|
|
2445
2445
|
type: "text",
|
|
2446
2446
|
role: "combobox",
|
|
2447
|
-
"aria-expanded":
|
|
2447
|
+
"aria-expanded": z,
|
|
2448
2448
|
"aria-controls": P,
|
|
2449
2449
|
"aria-autocomplete": "list",
|
|
2450
|
-
"aria-activedescendant":
|
|
2451
|
-
"aria-invalid":
|
|
2450
|
+
"aria-activedescendant": z && G[V] ? `${P}-opt-${V}` : void 0,
|
|
2451
|
+
"aria-invalid": I || void 0,
|
|
2452
2452
|
"aria-describedby": ue,
|
|
2453
2453
|
"aria-busy": h || void 0,
|
|
2454
|
-
value:
|
|
2454
|
+
value: L,
|
|
2455
2455
|
readOnly: !w,
|
|
2456
2456
|
disabled: d || ae,
|
|
2457
2457
|
onChange: (e) => {
|
|
2458
|
-
|
|
2458
|
+
R(e.target.value), h || B(!0);
|
|
2459
2459
|
},
|
|
2460
|
-
onFocus: () => !h &&
|
|
2460
|
+
onFocus: () => !h && B(!0),
|
|
2461
2461
|
onKeyDown: le,
|
|
2462
|
-
placeholder:
|
|
2462
|
+
placeholder: ie.length === 0 ? s : ae ? `Limit ${C} reached` : c,
|
|
2463
2463
|
className: Q("flex-1 bg-transparent outline-none text-fg-default placeholder:text-fg-tertiary disabled:cursor-not-allowed", !w && "cursor-pointer", ur[o].input)
|
|
2464
2464
|
}),
|
|
2465
|
-
h && /* @__PURE__ */ Y(
|
|
2465
|
+
h && /* @__PURE__ */ Y(F, {
|
|
2466
2466
|
className: "h-4 w-4 shrink-0 text-fg-secondary animate-spin",
|
|
2467
2467
|
"aria-hidden": !0
|
|
2468
2468
|
})
|
|
2469
2469
|
]
|
|
2470
|
-
}),
|
|
2470
|
+
}), z && !d && !h && !ae && /* @__PURE__ */ X("div", {
|
|
2471
2471
|
className: "absolute top-full left-0 right-0 mt-1 z-20 max-h-80 overflow-y-auto rounded-lg border border-border-default bg-bg-default shadow-z4",
|
|
2472
2472
|
children: [/* @__PURE__ */ X("div", {
|
|
2473
2473
|
className: "px-3 py-2 border-b border-border-subtle flex items-center gap-2 text-p-sm text-fg-tertiary",
|
|
2474
|
-
children: [/* @__PURE__ */ Y(
|
|
2474
|
+
children: [/* @__PURE__ */ Y(W, { className: "w-3.5 h-3.5 shrink-0" }), /* @__PURE__ */ Y("span", {
|
|
2475
2475
|
className: "truncate",
|
|
2476
|
-
children:
|
|
2476
|
+
children: L ? `Matches for "${L}"` : T
|
|
2477
2477
|
})]
|
|
2478
2478
|
}), G.length === 0 ? /* @__PURE__ */ X("div", {
|
|
2479
2479
|
className: "px-3 py-6 text-center",
|
|
@@ -2492,16 +2492,16 @@ var ur = {
|
|
|
2492
2492
|
}), /* @__PURE__ */ Y("li", {
|
|
2493
2493
|
role: "option",
|
|
2494
2494
|
id: `${P}-opt-${n}`,
|
|
2495
|
-
"aria-selected": n ===
|
|
2495
|
+
"aria-selected": n === V,
|
|
2496
2496
|
"aria-disabled": e.disabled || void 0,
|
|
2497
2497
|
children: /* @__PURE__ */ X("button", {
|
|
2498
2498
|
type: "button",
|
|
2499
2499
|
disabled: e.disabled,
|
|
2500
|
-
onMouseEnter: () =>
|
|
2500
|
+
onMouseEnter: () => H(n),
|
|
2501
2501
|
onMouseDown: (t) => {
|
|
2502
2502
|
t.preventDefault(), K(e.value);
|
|
2503
2503
|
},
|
|
2504
|
-
className: Q("w-full px-3 py-2 flex items-center gap-3 text-left transition", e.disabled ? "opacity-50 cursor-not-allowed" : n ===
|
|
2504
|
+
className: Q("w-full px-3 py-2 flex items-center gap-3 text-left transition", e.disabled ? "opacity-50 cursor-not-allowed" : n === V ? "bg-bg-subtle" : "hover:bg-bg-subtle"),
|
|
2505
2505
|
children: [(D || e.avatarSrc) && /* @__PURE__ */ Y(_t, {
|
|
2506
2506
|
src: e.avatarSrc,
|
|
2507
2507
|
name: lr(e),
|
|
@@ -2599,7 +2599,7 @@ var vr = "inline-flex items-center justify-center min-w-9 h-9 px-2 text-p-std ro
|
|
|
2599
2599
|
if (t === "ellipsis-left" || t === "ellipsis-right") return /* @__PURE__ */ Y("span", {
|
|
2600
2600
|
"aria-hidden": !0,
|
|
2601
2601
|
className: "inline-flex items-center justify-center w-9 h-9 text-fg-tertiary",
|
|
2602
|
-
children: /* @__PURE__ */ Y(
|
|
2602
|
+
children: /* @__PURE__ */ Y(z, { className: "h-4 w-4" })
|
|
2603
2603
|
}, `${t}-${r}`);
|
|
2604
2604
|
let i = t === e;
|
|
2605
2605
|
return /* @__PURE__ */ Y("button", {
|
|
@@ -2924,6 +2924,7 @@ var Ir = {
|
|
|
2924
2924
|
noResults: "No results",
|
|
2925
2925
|
loadingMessage: "Loading…",
|
|
2926
2926
|
selectAllLabel: (e) => `Select all (${e})`,
|
|
2927
|
+
deselectAllLabel: (e) => `Deselect all (${e})`,
|
|
2927
2928
|
createLabel: (e) => `Create "${e}"`
|
|
2928
2929
|
},
|
|
2929
2930
|
"ru-RU": {
|
|
@@ -2931,6 +2932,7 @@ var Ir = {
|
|
|
2931
2932
|
noResults: "Нет результатов",
|
|
2932
2933
|
loadingMessage: "Загрузка…",
|
|
2933
2934
|
selectAllLabel: (e) => `Выбрать все (${e})`,
|
|
2935
|
+
deselectAllLabel: (e) => `Снять все (${e})`,
|
|
2934
2936
|
createLabel: (e) => `Создать «${e}»`
|
|
2935
2937
|
},
|
|
2936
2938
|
"hy-AM": {
|
|
@@ -2938,6 +2940,7 @@ var Ir = {
|
|
|
2938
2940
|
noResults: "Արդյունքներ չկան",
|
|
2939
2941
|
loadingMessage: "Բեռնվում է…",
|
|
2940
2942
|
selectAllLabel: (e) => `Ընտրել բոլորը (${e})`,
|
|
2943
|
+
deselectAllLabel: (e) => `Ապընտրել բոլորը (${e})`,
|
|
2941
2944
|
createLabel: (e) => `Ստեղծել «${e}»`
|
|
2942
2945
|
}
|
|
2943
2946
|
}, Lr = {
|
|
@@ -2960,7 +2963,7 @@ function Kr(e, t, n) {
|
|
|
2960
2963
|
return {
|
|
2961
2964
|
container: () => "w-full",
|
|
2962
2965
|
control: ({ isFocused: n, isDisabled: r }) => Q("flex items-center rounded-lg border bg-bg-default transition-colors", r ? "cursor-not-allowed" : "cursor-text", Lr[e], t ? "border-red-600" : "border-border-default", !r && !t && "hover:border-border-strong", n && !t && "ring-2 ring-brand-300 border-brand-500", n && t && "ring-2 ring-red-300 border-red-600", r && "bg-bg-container border-border-default"),
|
|
2963
|
-
valueContainer: () => Q("flex flex-1 items-center gap-1 min-w-0 sv2-value-container", n ? "flex-nowrap overflow-hidden" : "flex-wrap", Rr[e]),
|
|
2966
|
+
valueContainer: () => Q("flex flex-1 items-center gap-1 min-w-0 sv2-value-container", n ? "flex-nowrap! overflow-hidden" : "flex-wrap", Rr[e]),
|
|
2964
2967
|
placeholder: () => "text-fg-tertiary truncate",
|
|
2965
2968
|
singleValue: () => "text-fg-default truncate min-w-0",
|
|
2966
2969
|
input: () => "text-fg-default",
|
|
@@ -2976,7 +2979,7 @@ function Kr(e, t, n) {
|
|
|
2976
2979
|
menuPortal: () => "z-50!",
|
|
2977
2980
|
group: () => "py-1",
|
|
2978
2981
|
groupHeading: () => "px-3 pt-2 pb-1 text-label-sm font-medium uppercase tracking-wide text-fg-tertiary select-none",
|
|
2979
|
-
option: ({ isFocused: e, isSelected: t, isDisabled: n }) => Q("flex items-center justify-between gap-2 px-3 py-2 cursor-pointer select-none", n && "opacity-50 cursor-not-allowed", e && !n && "bg-bg-subtle", t && "font-medium"),
|
|
2982
|
+
option: ({ isFocused: e, isSelected: t, isDisabled: n }) => Q("flex! items-center justify-between gap-2 px-3 py-2 cursor-pointer select-none", n && "opacity-50 cursor-not-allowed", e && !n && "bg-bg-subtle", t && "font-medium"),
|
|
2980
2983
|
noOptionsMessage: () => "px-3 py-6 text-center text-p-sm text-fg-secondary",
|
|
2981
2984
|
loadingMessage: () => "px-3 py-6 text-center text-p-sm text-fg-secondary"
|
|
2982
2985
|
};
|
|
@@ -3015,13 +3018,22 @@ function Xr(e) {
|
|
|
3015
3018
|
children: ["+", (Array.isArray(e.selectProps.value) ? e.selectProps.value.length : 0) - t]
|
|
3016
3019
|
}) : null;
|
|
3017
3020
|
}
|
|
3018
|
-
function Zr() {
|
|
3019
|
-
return /* @__PURE__ */
|
|
3021
|
+
function Zr(e) {
|
|
3022
|
+
return /* @__PURE__ */ X(ve.Option, {
|
|
3023
|
+
...e,
|
|
3024
|
+
children: [e.children, e.isSelected && /* @__PURE__ */ Y(b, {
|
|
3025
|
+
className: "h-4 w-4 text-fg-brand shrink-0",
|
|
3026
|
+
"aria-hidden": !0
|
|
3027
|
+
})]
|
|
3028
|
+
});
|
|
3029
|
+
}
|
|
3030
|
+
function Qr() {
|
|
3031
|
+
return /* @__PURE__ */ Y(F, {
|
|
3020
3032
|
className: "h-4 w-4 animate-spin text-fg-secondary",
|
|
3021
3033
|
"aria-hidden": !0
|
|
3022
3034
|
});
|
|
3023
3035
|
}
|
|
3024
|
-
function
|
|
3036
|
+
function $r(e) {
|
|
3025
3037
|
let { selectAllState: t, onSelectAllToggle: n } = e.selectProps;
|
|
3026
3038
|
return /* @__PURE__ */ X(ve.Menu, {
|
|
3027
3039
|
...e,
|
|
@@ -3041,7 +3053,7 @@ function Qr(e) {
|
|
|
3041
3053
|
}), e.children]
|
|
3042
3054
|
});
|
|
3043
3055
|
}
|
|
3044
|
-
function
|
|
3056
|
+
function ei(t) {
|
|
3045
3057
|
let { children: n, innerRef: r, innerProps: i, maxHeight: a } = t, o = e.toArray(n), s = p(null), c = Se({
|
|
3046
3058
|
count: o.length,
|
|
3047
3059
|
getScrollElement: () => s.current,
|
|
@@ -3072,8 +3084,8 @@ function $r(t) {
|
|
|
3072
3084
|
})
|
|
3073
3085
|
});
|
|
3074
3086
|
}
|
|
3075
|
-
var
|
|
3076
|
-
let { options: n, loadOptions: r, defaultOptions: i, creatable: a = !1, onCreateOption: o, formatCreateLabel: c, isMulti: l, value: d, defaultValue: h, onChange: g, placeholder: _, label: v, labelAddons: y, helperText: b, errorText: x, error: S = !1, required: C = !0, loading: w = !1, clearable: T = !1, searchable: E = !0, virtualized: D = !1, emptyText: O, locale: k = "en-US", size: A = "md", disabled: j = !1, id: M, className: ee, wrapperClassName: N, dataTestId: P, ...
|
|
3087
|
+
var ti = a(function(e, t) {
|
|
3088
|
+
let { options: n, loadOptions: r, defaultOptions: i, creatable: a = !1, onCreateOption: o, formatCreateLabel: c, isMulti: l, value: d, defaultValue: h, onChange: g, placeholder: _, label: v, labelAddons: y, helperText: b, errorText: x, error: S = !1, required: C = !0, loading: w = !1, clearable: T = !1, searchable: E = !0, virtualized: D = !1, emptyText: O, locale: k = "en-US", size: A = "md", disabled: j = !1, id: M, className: ee, wrapperClassName: N, dataTestId: P, ...F } = e, I = e.isMulti ? !!e.singleLine : !1, L = Ir[k], R = _ ?? L.placeholder, z = O ?? L.noResults, B = c ?? ((e) => L.createLabel(e)), V = u(), H = M ?? V, U = S || !!x, te = d !== void 0, [ne, re] = m(l ? void 0 : h), [W, ie] = m(l ? h ?? [] : []), [G, ae] = m(() => {
|
|
3077
3089
|
let e = /* @__PURE__ */ new Map();
|
|
3078
3090
|
for (let t of n) e.set(String(t.value), t);
|
|
3079
3091
|
if (Array.isArray(i)) for (let t of i) e.set(String(t.value), t);
|
|
@@ -3094,10 +3106,10 @@ var ei = a(function(e, t) {
|
|
|
3094
3106
|
let oe = s((e) => G.get(String(e)) ?? {
|
|
3095
3107
|
value: e,
|
|
3096
3108
|
label: String(e)
|
|
3097
|
-
}, [G]), se =
|
|
3098
|
-
|
|
3109
|
+
}, [G]), se = te ? d : ne, ce = f(() => (te ? d : W) ?? [], [
|
|
3110
|
+
te,
|
|
3099
3111
|
d,
|
|
3100
|
-
|
|
3112
|
+
W
|
|
3101
3113
|
]), le = !l && se !== void 0 ? oe(se) : null, ue = l ? ce.map(oe) : [], de = f(() => {
|
|
3102
3114
|
if (r) return (e) => Promise.resolve(r(e)).then((e) => (K(e), e));
|
|
3103
3115
|
}, [r, K]), J = s((e) => {
|
|
@@ -3105,10 +3117,10 @@ var ei = a(function(e, t) {
|
|
|
3105
3117
|
let t = [...e ?? []];
|
|
3106
3118
|
K(t);
|
|
3107
3119
|
let n = t.map((e) => e.value);
|
|
3108
|
-
|
|
3120
|
+
ie(n), g?.(n);
|
|
3109
3121
|
} else {
|
|
3110
3122
|
let t = e;
|
|
3111
|
-
t && K([t]),
|
|
3123
|
+
t && K([t]), re(t?.value), g?.(t?.value ?? void 0);
|
|
3112
3124
|
}
|
|
3113
3125
|
}, [
|
|
3114
3126
|
l,
|
|
@@ -3121,19 +3133,19 @@ var ei = a(function(e, t) {
|
|
|
3121
3133
|
};
|
|
3122
3134
|
if (K([t]), o?.(e), l) {
|
|
3123
3135
|
let e = [...ce, t.value];
|
|
3124
|
-
|
|
3125
|
-
} else
|
|
3136
|
+
ie(e), g?.(e);
|
|
3137
|
+
} else re(t.value), g?.(t.value);
|
|
3126
3138
|
}, [
|
|
3127
3139
|
l,
|
|
3128
3140
|
ce,
|
|
3129
3141
|
K,
|
|
3130
3142
|
g,
|
|
3131
3143
|
o
|
|
3132
|
-
]), pe = !!r, me = pe ? a ? xe : ye : a ? be : _e, he = f(() => Kr(A,
|
|
3144
|
+
]), pe = !!r, me = pe ? a ? xe : ye : a ? be : _e, he = f(() => Kr(A, U, I), [
|
|
3133
3145
|
A,
|
|
3134
|
-
|
|
3135
|
-
|
|
3136
|
-
]), ge = p(null), ve = p(null), Se = !!l &&
|
|
3146
|
+
U,
|
|
3147
|
+
I
|
|
3148
|
+
]), ge = p(null), ve = p(null), Se = !!l && I, Ce = Fr({
|
|
3137
3149
|
wrapperRef: ge,
|
|
3138
3150
|
measureRef: ve,
|
|
3139
3151
|
total: ue.length,
|
|
@@ -3162,18 +3174,18 @@ var ei = a(function(e, t) {
|
|
|
3162
3174
|
De
|
|
3163
3175
|
]), Ae = f(() => {
|
|
3164
3176
|
if (!Ee || Z.length === 0) return null;
|
|
3165
|
-
let e = new Set(ce.map(String)), t = Z.filter((t) => e.has(String(t.value))).length;
|
|
3177
|
+
let e = new Set(ce.map(String)), t = Z.filter((t) => e.has(String(t.value))).length, n = t === Z.length;
|
|
3166
3178
|
return {
|
|
3167
3179
|
count: Z.length,
|
|
3168
|
-
checked:
|
|
3180
|
+
checked: n,
|
|
3169
3181
|
indeterminate: t > 0 && t < Z.length,
|
|
3170
|
-
label:
|
|
3182
|
+
label: n ? L.deselectAllLabel(Z.length) : L.selectAllLabel(Z.length)
|
|
3171
3183
|
};
|
|
3172
3184
|
}, [
|
|
3173
3185
|
Ee,
|
|
3174
3186
|
Z,
|
|
3175
3187
|
ce,
|
|
3176
|
-
|
|
3188
|
+
L
|
|
3177
3189
|
]), je = s(() => {
|
|
3178
3190
|
if (!Ae) return;
|
|
3179
3191
|
let e = new Set(Z.map((e) => String(e.value))), t;
|
|
@@ -3183,7 +3195,7 @@ var ei = a(function(e, t) {
|
|
|
3183
3195
|
let e = new Set(ce.map(String));
|
|
3184
3196
|
t = [...ce, ...Z.filter((t) => !e.has(String(t.value))).map((e) => e.value)];
|
|
3185
3197
|
}
|
|
3186
|
-
|
|
3198
|
+
ie(t), g?.(t);
|
|
3187
3199
|
}, [
|
|
3188
3200
|
Ae,
|
|
3189
3201
|
Z,
|
|
@@ -3191,8 +3203,8 @@ var ei = a(function(e, t) {
|
|
|
3191
3203
|
K,
|
|
3192
3204
|
g
|
|
3193
3205
|
]), Me = {
|
|
3194
|
-
...
|
|
3195
|
-
inputId:
|
|
3206
|
+
...F,
|
|
3207
|
+
inputId: H,
|
|
3196
3208
|
unstyled: !0,
|
|
3197
3209
|
classNames: he,
|
|
3198
3210
|
className: ee,
|
|
@@ -3203,7 +3215,7 @@ var ei = a(function(e, t) {
|
|
|
3203
3215
|
value: l ? ue : le,
|
|
3204
3216
|
onChange: J,
|
|
3205
3217
|
onCreateOption: a ? fe : void 0,
|
|
3206
|
-
formatCreateLabel: a ?
|
|
3218
|
+
formatCreateLabel: a ? B : void 0,
|
|
3207
3219
|
getOptionValue: (e) => String(e.value),
|
|
3208
3220
|
getOptionLabel: Wr,
|
|
3209
3221
|
formatOptionLabel: (e, t) => t.context === "value" ? e.label : we && e.description ? /* @__PURE__ */ X("span", {
|
|
@@ -3217,14 +3229,14 @@ var ei = a(function(e, t) {
|
|
|
3217
3229
|
})]
|
|
3218
3230
|
}) : e.label,
|
|
3219
3231
|
isOptionDisabled: (e) => !!e.disabled,
|
|
3220
|
-
placeholder:
|
|
3232
|
+
placeholder: R,
|
|
3221
3233
|
isDisabled: j || w,
|
|
3222
3234
|
isClearable: T,
|
|
3223
3235
|
isSearchable: E,
|
|
3224
3236
|
isLoading: w || void 0,
|
|
3225
|
-
noOptionsMessage: () =>
|
|
3226
|
-
loadingMessage: () =>
|
|
3227
|
-
"aria-invalid":
|
|
3237
|
+
noOptionsMessage: () => z,
|
|
3238
|
+
loadingMessage: () => L.loadingMessage,
|
|
3239
|
+
"aria-invalid": U || void 0,
|
|
3228
3240
|
"aria-required": C || void 0,
|
|
3229
3241
|
...Ee ? {
|
|
3230
3242
|
inputValue: De,
|
|
@@ -3233,15 +3245,21 @@ var ei = a(function(e, t) {
|
|
|
3233
3245
|
onSelectAllToggle: je
|
|
3234
3246
|
} : {},
|
|
3235
3247
|
...Se ? { visibleTagCount: Ce } : {},
|
|
3248
|
+
...l ? {
|
|
3249
|
+
closeMenuOnSelect: F.closeMenuOnSelect ?? !1,
|
|
3250
|
+
hideSelectedOptions: F.hideSelectedOptions ?? !1
|
|
3251
|
+
} : {},
|
|
3252
|
+
menuPlacement: F.menuPlacement ?? "auto",
|
|
3236
3253
|
components: {
|
|
3237
3254
|
DropdownIndicator: qr,
|
|
3238
3255
|
ClearIndicator: Jr,
|
|
3239
3256
|
MultiValueRemove: Yr,
|
|
3240
|
-
LoadingIndicator:
|
|
3257
|
+
LoadingIndicator: Qr,
|
|
3241
3258
|
IndicatorSeparator: () => null,
|
|
3242
|
-
...D ? { MenuList:
|
|
3243
|
-
...Ee ? { Menu:
|
|
3244
|
-
...Se ? { MultiValue: Xr } : {}
|
|
3259
|
+
...D ? { MenuList: ei } : {},
|
|
3260
|
+
...Ee ? { Menu: $r } : {},
|
|
3261
|
+
...Se ? { MultiValue: Xr } : {},
|
|
3262
|
+
...l ? { Option: Zr } : {}
|
|
3245
3263
|
}
|
|
3246
3264
|
};
|
|
3247
3265
|
return /* @__PURE__ */ X("div", {
|
|
@@ -3252,7 +3270,7 @@ var ei = a(function(e, t) {
|
|
|
3252
3270
|
(v || y) && /* @__PURE__ */ X("div", {
|
|
3253
3271
|
className: "flex items-center gap-1.5",
|
|
3254
3272
|
children: [v && /* @__PURE__ */ X("label", {
|
|
3255
|
-
htmlFor:
|
|
3273
|
+
htmlFor: H,
|
|
3256
3274
|
className: "text-p-std font-medium text-fg-default inline-flex items-center gap-1",
|
|
3257
3275
|
children: [v, C && /* @__PURE__ */ Y("span", {
|
|
3258
3276
|
className: "text-fg-danger",
|
|
@@ -3297,29 +3315,29 @@ var ei = a(function(e, t) {
|
|
|
3297
3315
|
})]
|
|
3298
3316
|
}),
|
|
3299
3317
|
x ? /* @__PURE__ */ Y("p", {
|
|
3300
|
-
id: `${
|
|
3318
|
+
id: `${H}-error`,
|
|
3301
3319
|
className: "text-p-sm text-fg-danger",
|
|
3302
3320
|
children: x
|
|
3303
3321
|
}) : b ? /* @__PURE__ */ Y("p", {
|
|
3304
|
-
id: `${
|
|
3322
|
+
id: `${H}-help`,
|
|
3305
3323
|
className: "text-p-sm text-fg-secondary",
|
|
3306
3324
|
children: b
|
|
3307
3325
|
}) : null
|
|
3308
3326
|
]
|
|
3309
3327
|
});
|
|
3310
|
-
}),
|
|
3311
|
-
function
|
|
3312
|
-
return c(
|
|
3328
|
+
}), ni = r(null);
|
|
3329
|
+
function ri() {
|
|
3330
|
+
return c(ni) ?? {
|
|
3313
3331
|
collapsed: !1,
|
|
3314
3332
|
toggle: () => {}
|
|
3315
3333
|
};
|
|
3316
3334
|
}
|
|
3317
|
-
var
|
|
3335
|
+
var ii = a(function({ defaultCollapsed: e = !1, collapsed: t, onCollapsedChange: n, children: r, className: i, logo: a, title: o, subtitle: s, dataTestId: c, ...l }, u) {
|
|
3318
3336
|
let [d, f] = m(e), p = t !== void 0, h = p ? t : d, g = () => {
|
|
3319
3337
|
let e = !h;
|
|
3320
3338
|
p || f(e), n?.(e);
|
|
3321
3339
|
};
|
|
3322
|
-
return /* @__PURE__ */ Y(
|
|
3340
|
+
return /* @__PURE__ */ Y(ni.Provider, {
|
|
3323
3341
|
value: {
|
|
3324
3342
|
collapsed: h,
|
|
3325
3343
|
toggle: g
|
|
@@ -3351,7 +3369,7 @@ var ri = a(function({ defaultCollapsed: e = !1, collapsed: t, onCollapsedChange:
|
|
|
3351
3369
|
onClick: g,
|
|
3352
3370
|
"aria-label": h ? "Expand sidebar" : "Collapse sidebar",
|
|
3353
3371
|
className: Q("ml-auto inline-flex items-center justify-center h-8 w-8 rounded-md text-fg-secondary hover:bg-bg-subtle hover:text-fg-default focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-300", h && "ml-0"),
|
|
3354
|
-
children: /* @__PURE__ */ Y(
|
|
3372
|
+
children: /* @__PURE__ */ Y(I, { className: "h-4 w-4" })
|
|
3355
3373
|
})
|
|
3356
3374
|
]
|
|
3357
3375
|
}), /* @__PURE__ */ Y("nav", {
|
|
@@ -3360,8 +3378,8 @@ var ri = a(function({ defaultCollapsed: e = !1, collapsed: t, onCollapsedChange:
|
|
|
3360
3378
|
})]
|
|
3361
3379
|
})
|
|
3362
3380
|
});
|
|
3363
|
-
}),
|
|
3364
|
-
let { collapsed: d } =
|
|
3381
|
+
}), ai = a(function({ icon: e, label: t, active: n, badge: r, children: i, onClick: a, href: o, className: s, dataTestId: c, ...l }, u) {
|
|
3382
|
+
let { collapsed: d } = ri(), [f, p] = m(n ?? !1), h = !!i, g = /* @__PURE__ */ X(J, { children: [e && /* @__PURE__ */ Y("span", {
|
|
3365
3383
|
className: "inline-flex shrink-0",
|
|
3366
3384
|
children: e
|
|
3367
3385
|
}), !d && /* @__PURE__ */ X(J, { children: [
|
|
@@ -3400,12 +3418,12 @@ var ri = a(function({ defaultCollapsed: e = !1, collapsed: t, onCollapsedChange:
|
|
|
3400
3418
|
className: "flex flex-col gap-0.5 pl-8",
|
|
3401
3419
|
children: i
|
|
3402
3420
|
})] });
|
|
3403
|
-
}),
|
|
3421
|
+
}), oi = {
|
|
3404
3422
|
text: "h-[1em] mb-[0.4em] origin-[0%_55%] scale-y-[0.6] rounded-sm",
|
|
3405
3423
|
circular: "size-10 rounded-full",
|
|
3406
3424
|
rectangular: "h-4 w-full",
|
|
3407
3425
|
rounded: "h-4 w-full rounded-md"
|
|
3408
|
-
},
|
|
3426
|
+
}, si = {
|
|
3409
3427
|
pulse: "animate-pulse",
|
|
3410
3428
|
wave: [
|
|
3411
3429
|
"relative overflow-hidden",
|
|
@@ -3415,15 +3433,15 @@ var ri = a(function({ defaultCollapsed: e = !1, collapsed: t, onCollapsedChange:
|
|
|
3415
3433
|
].join(" "),
|
|
3416
3434
|
none: ""
|
|
3417
3435
|
};
|
|
3418
|
-
function
|
|
3436
|
+
function ci(e) {
|
|
3419
3437
|
if (e !== void 0) return typeof e == "number" ? `${e}px` : e;
|
|
3420
3438
|
}
|
|
3421
|
-
var
|
|
3439
|
+
var li = a(function({ variant: e = "text", animation: t = "pulse", width: n, height: r, count: i = 1, children: a, style: o, className: s, dataTestId: c, ...l }, u) {
|
|
3422
3440
|
let d = a != null, f = Math.max(1, i), p = {
|
|
3423
|
-
...n === void 0 ? null : { width:
|
|
3424
|
-
...r === void 0 ? null : { height:
|
|
3441
|
+
...n === void 0 ? null : { width: ci(n) },
|
|
3442
|
+
...r === void 0 ? null : { height: ci(r) },
|
|
3425
3443
|
...o
|
|
3426
|
-
}, m = Q("block bg-bg-subtle leading-none",
|
|
3444
|
+
}, m = Q("block bg-bg-subtle leading-none", oi[e], si[t]);
|
|
3427
3445
|
return d ? /* @__PURE__ */ Y("span", {
|
|
3428
3446
|
ref: u,
|
|
3429
3447
|
"data-test-id": c,
|
|
@@ -3456,7 +3474,7 @@ var ci = a(function({ variant: e = "text", animation: t = "pulse", width: n, hei
|
|
|
3456
3474
|
"aria-label": t === 0 ? "Loading" : void 0
|
|
3457
3475
|
}, t))
|
|
3458
3476
|
});
|
|
3459
|
-
}),
|
|
3477
|
+
}), ui = {
|
|
3460
3478
|
success: {
|
|
3461
3479
|
container: "bg-gray-900 dark:bg-gray-700 text-white",
|
|
3462
3480
|
icon: x
|
|
@@ -3477,19 +3495,19 @@ var ci = a(function({ variant: e = "text", animation: t = "pulse", width: n, hei
|
|
|
3477
3495
|
container: "bg-gray-900 dark:bg-gray-700 text-white",
|
|
3478
3496
|
icon: P
|
|
3479
3497
|
}
|
|
3480
|
-
},
|
|
3498
|
+
}, di = {
|
|
3481
3499
|
success: "text-green-400",
|
|
3482
3500
|
warning: "text-yellow-300",
|
|
3483
3501
|
danger: "text-red-400",
|
|
3484
3502
|
info: "text-blue-400",
|
|
3485
3503
|
neutral: "text-white/70"
|
|
3486
|
-
},
|
|
3487
|
-
function
|
|
3488
|
-
let e = c(
|
|
3504
|
+
}, fi = r(null);
|
|
3505
|
+
function pi() {
|
|
3506
|
+
let e = c(fi);
|
|
3489
3507
|
if (!e) throw Error("useSnackbar must be used inside <SnackbarProvider>");
|
|
3490
3508
|
return e;
|
|
3491
3509
|
}
|
|
3492
|
-
function
|
|
3510
|
+
function mi({ children: e, dataTestId: t }) {
|
|
3493
3511
|
let [n, r] = m([]), i = p(/* @__PURE__ */ new Map()), a = s((e) => {
|
|
3494
3512
|
r((t) => t.filter((t) => t.id !== e));
|
|
3495
3513
|
let t = i.current.get(e);
|
|
@@ -3512,7 +3530,7 @@ function pi({ children: e, dataTestId: t }) {
|
|
|
3512
3530
|
return () => {
|
|
3513
3531
|
e.forEach(clearTimeout), e.clear();
|
|
3514
3532
|
};
|
|
3515
|
-
}, []), /* @__PURE__ */ X(
|
|
3533
|
+
}, []), /* @__PURE__ */ X(fi.Provider, {
|
|
3516
3534
|
value: {
|
|
3517
3535
|
show: o,
|
|
3518
3536
|
dismiss: a
|
|
@@ -3521,14 +3539,14 @@ function pi({ children: e, dataTestId: t }) {
|
|
|
3521
3539
|
"data-test-id": t,
|
|
3522
3540
|
className: "fixed left-1/2 -translate-x-1/2 bottom-6 z-[100] flex flex-col gap-2 w-[min(400px,calc(100vw-2rem))] pointer-events-none",
|
|
3523
3541
|
children: n.map((e) => {
|
|
3524
|
-
let { container: t, icon: n } =
|
|
3542
|
+
let { container: t, icon: n } = ui[e.variant ?? "neutral"];
|
|
3525
3543
|
return /* @__PURE__ */ X("div", {
|
|
3526
3544
|
role: "status",
|
|
3527
3545
|
"data-test-id": e.dataTestId,
|
|
3528
3546
|
className: Q("pointer-events-auto flex items-center gap-3 px-4 py-3 rounded-lg shadow-z4", t),
|
|
3529
3547
|
children: [
|
|
3530
3548
|
/* @__PURE__ */ Y(n, {
|
|
3531
|
-
className: Q("h-5 w-5 shrink-0",
|
|
3549
|
+
className: Q("h-5 w-5 shrink-0", di[e.variant ?? "neutral"]),
|
|
3532
3550
|
"aria-hidden": !0
|
|
3533
3551
|
}),
|
|
3534
3552
|
/* @__PURE__ */ Y("p", {
|
|
@@ -3558,15 +3576,15 @@ function pi({ children: e, dataTestId: t }) {
|
|
|
3558
3576
|
}
|
|
3559
3577
|
//#endregion
|
|
3560
3578
|
//#region src/components/Status/Status.tsx
|
|
3561
|
-
var
|
|
3579
|
+
var hi = {
|
|
3562
3580
|
lg: "h-7 px-2.5 text-p-std gap-1.5",
|
|
3563
3581
|
md: "h-6 px-2 text-p-sm gap-1.5",
|
|
3564
3582
|
sm: "h-5 px-1.5 text-p-sm gap-1"
|
|
3565
|
-
},
|
|
3583
|
+
}, gi = {
|
|
3566
3584
|
lg: "h-2 w-2",
|
|
3567
3585
|
md: "h-1.5 w-1.5",
|
|
3568
3586
|
sm: "h-1.5 w-1.5"
|
|
3569
|
-
},
|
|
3587
|
+
}, _i = {
|
|
3570
3588
|
general: {
|
|
3571
3589
|
container: "bg-bg-subtle text-fg-default dark:text-fg-default",
|
|
3572
3590
|
dot: "bg-gray-600 dark:bg-gray-400"
|
|
@@ -3599,19 +3617,19 @@ var mi = {
|
|
|
3599
3617
|
container: "bg-bg-subtle text-fg-disabled",
|
|
3600
3618
|
dot: "bg-border-strong"
|
|
3601
3619
|
}
|
|
3602
|
-
},
|
|
3603
|
-
let { container: u, dot: d } =
|
|
3620
|
+
}, vi = a(function({ variant: e = "general", size: t = "md", leftIcon: n, rightIcon: r, dot: i = !0, className: a, children: o, dataTestId: s, ...c }, l) {
|
|
3621
|
+
let { container: u, dot: d } = _i[e];
|
|
3604
3622
|
return /* @__PURE__ */ X("span", {
|
|
3605
3623
|
ref: l,
|
|
3606
3624
|
"data-test-id": s,
|
|
3607
|
-
className: Q("inline-flex items-center rounded-full font-medium whitespace-nowrap select-none",
|
|
3625
|
+
className: Q("inline-flex items-center rounded-full font-medium whitespace-nowrap select-none", hi[t], u, a),
|
|
3608
3626
|
...c,
|
|
3609
3627
|
children: [
|
|
3610
3628
|
n ? /* @__PURE__ */ Y("span", {
|
|
3611
3629
|
className: "inline-flex shrink-0",
|
|
3612
3630
|
children: n
|
|
3613
3631
|
}) : i ? /* @__PURE__ */ Y("span", {
|
|
3614
|
-
className: Q("inline-block shrink-0 rounded-full",
|
|
3632
|
+
className: Q("inline-block shrink-0 rounded-full", gi[t], d),
|
|
3615
3633
|
"aria-hidden": !0
|
|
3616
3634
|
}) : null,
|
|
3617
3635
|
o,
|
|
@@ -3621,45 +3639,45 @@ var mi = {
|
|
|
3621
3639
|
})
|
|
3622
3640
|
]
|
|
3623
3641
|
});
|
|
3624
|
-
}),
|
|
3642
|
+
}), yi = {
|
|
3625
3643
|
lg: "size-9",
|
|
3626
3644
|
sm: "size-6"
|
|
3627
|
-
},
|
|
3645
|
+
}, bi = {
|
|
3628
3646
|
lg: "h-9",
|
|
3629
3647
|
sm: "h-6"
|
|
3630
|
-
},
|
|
3648
|
+
}, xi = {
|
|
3631
3649
|
lg: "border-2",
|
|
3632
3650
|
sm: "border"
|
|
3633
|
-
},
|
|
3651
|
+
}, Si = {
|
|
3634
3652
|
lg: "text-p-std",
|
|
3635
3653
|
sm: "text-p-xs"
|
|
3636
|
-
},
|
|
3654
|
+
}, Ci = {
|
|
3637
3655
|
lg: "size-5",
|
|
3638
3656
|
sm: "size-3.5"
|
|
3639
|
-
},
|
|
3657
|
+
}, wi = {
|
|
3640
3658
|
lg: "size-3",
|
|
3641
3659
|
sm: "size-2"
|
|
3642
|
-
},
|
|
3660
|
+
}, Ti = {
|
|
3643
3661
|
lg: "text-p-std",
|
|
3644
3662
|
sm: "text-p-sm"
|
|
3645
|
-
},
|
|
3663
|
+
}, Ei = {
|
|
3646
3664
|
lg: "text-p-sm",
|
|
3647
3665
|
sm: "text-p-xs"
|
|
3648
|
-
},
|
|
3666
|
+
}, Di = {
|
|
3649
3667
|
upcoming: "bg-bg-default border-border-strong text-fg-tertiary",
|
|
3650
3668
|
active: "bg-bg-default border-brand-500 text-brand-700",
|
|
3651
3669
|
completed: "bg-brand-500 border-brand-500 text-fg-inverse",
|
|
3652
3670
|
rejected: "bg-red-700 border-red-800 text-fg-inverse"
|
|
3653
|
-
},
|
|
3671
|
+
}, Oi = {
|
|
3654
3672
|
upcoming: "ring-4 ring-gray-100/80",
|
|
3655
3673
|
active: "ring-4 ring-brand-40/80",
|
|
3656
3674
|
completed: "ring-4 ring-brand-40/80",
|
|
3657
3675
|
rejected: "ring-4 ring-red-100/80"
|
|
3658
3676
|
};
|
|
3659
|
-
function
|
|
3660
|
-
return t === "completed" ? /* @__PURE__ */ Y(E, { className:
|
|
3677
|
+
function ki(e, t, n, r) {
|
|
3678
|
+
return t === "completed" ? /* @__PURE__ */ Y(E, { className: Ci[r] }) : t === "rejected" ? /* @__PURE__ */ Y(D, { className: Ci[r] }) : e === "number" ? n + 1 : e === "dot" ? /* @__PURE__ */ Y("span", { className: Q("rounded-full", wi[r], t === "active" ? "bg-brand-500" : "bg-transparent") }) : null;
|
|
3661
3679
|
}
|
|
3662
|
-
var
|
|
3680
|
+
var Ai = a(function({ steps: e, activeValue: t, onStepSelect: n, marker: r = "number", orientation: i = "horizontal", size: a = "lg", className: o, dataTestId: s, ...c }, l) {
|
|
3663
3681
|
let u = i === "vertical", d = (e) => (e?.status ?? "upcoming") === "completed";
|
|
3664
3682
|
return /* @__PURE__ */ Y("ol", {
|
|
3665
3683
|
ref: l,
|
|
@@ -3668,15 +3686,15 @@ var ki = a(function({ steps: e, activeValue: t, onStepSelect: n, marker: r = "nu
|
|
|
3668
3686
|
...c,
|
|
3669
3687
|
children: e.map((i, o) => {
|
|
3670
3688
|
let s = i.status ?? "upcoming", c = o === 0, l = o === e.length - 1, f = !c && d(e[o - 1]), p = !l && d(i), m = /* @__PURE__ */ Y("span", {
|
|
3671
|
-
className: Q("relative z-10 inline-flex shrink-0 items-center justify-center rounded-full font-semibold transition-colors",
|
|
3672
|
-
children:
|
|
3689
|
+
className: Q("relative z-10 inline-flex shrink-0 items-center justify-center rounded-full font-semibold transition-colors", yi[a], xi[a], Si[a], Di[s], i.highlighted && Oi[s]),
|
|
3690
|
+
children: ki(r, s, o, a)
|
|
3673
3691
|
}), h = /* @__PURE__ */ X("div", {
|
|
3674
3692
|
className: Q("flex flex-col", u ? "gap-0.5 pb-6" : "mt-2 items-center gap-0.5 text-center"),
|
|
3675
3693
|
children: [/* @__PURE__ */ Y("span", {
|
|
3676
|
-
className: Q("font-medium text-fg-default",
|
|
3694
|
+
className: Q("font-medium text-fg-default", Ti[a]),
|
|
3677
3695
|
children: i.label
|
|
3678
3696
|
}), i.description && /* @__PURE__ */ Y("span", {
|
|
3679
|
-
className: Q("text-fg-secondary",
|
|
3697
|
+
className: Q("text-fg-secondary", Ei[a]),
|
|
3680
3698
|
children: i.description
|
|
3681
3699
|
})]
|
|
3682
3700
|
});
|
|
@@ -3684,7 +3702,7 @@ var ki = a(function({ steps: e, activeValue: t, onStepSelect: n, marker: r = "nu
|
|
|
3684
3702
|
"aria-current": Ge(i.value, t) ? "step" : void 0,
|
|
3685
3703
|
className: Q("relative flex", u ? "flex-row gap-3" : "flex-1 basis-0 min-w-0 flex-col"),
|
|
3686
3704
|
children: [/* @__PURE__ */ X("div", {
|
|
3687
|
-
className: Q("relative flex shrink-0", u ? "w-9 flex-col items-center justify-center" : Q("w-full items-center justify-center",
|
|
3705
|
+
className: Q("relative flex shrink-0", u ? "w-9 flex-col items-center justify-center" : Q("w-full items-center justify-center", bi[a])),
|
|
3688
3706
|
children: [
|
|
3689
3707
|
!c && /* @__PURE__ */ Y("span", {
|
|
3690
3708
|
"aria-hidden": !0,
|
|
@@ -3706,13 +3724,13 @@ var ki = a(function({ steps: e, activeValue: t, onStepSelect: n, marker: r = "nu
|
|
|
3706
3724
|
}, String(i.value));
|
|
3707
3725
|
})
|
|
3708
3726
|
});
|
|
3709
|
-
}),
|
|
3727
|
+
}), ji = {
|
|
3710
3728
|
md: "h-6 w-11",
|
|
3711
3729
|
sm: "h-5 w-9"
|
|
3712
|
-
},
|
|
3730
|
+
}, Mi = {
|
|
3713
3731
|
md: "h-5 w-5 peer-checked:translate-x-5",
|
|
3714
3732
|
sm: "h-4 w-4 peer-checked:translate-x-4"
|
|
3715
|
-
},
|
|
3733
|
+
}, Ni = a(function({ size: e = "md", label: t, description: n, labelPosition: r = "right", id: i, disabled: a, checked: o, defaultChecked: s, className: c, dataTestId: l, ...d }, f) {
|
|
3716
3734
|
let p = u(), m = i ?? p, h = /* @__PURE__ */ X("span", {
|
|
3717
3735
|
className: "relative inline-flex shrink-0",
|
|
3718
3736
|
children: [
|
|
@@ -3727,8 +3745,8 @@ var ki = a(function({ steps: e, activeValue: t, onStepSelect: n, marker: r = "nu
|
|
|
3727
3745
|
className: "peer sr-only",
|
|
3728
3746
|
...d
|
|
3729
3747
|
}),
|
|
3730
|
-
/* @__PURE__ */ Y("span", { className: Q("rounded-full bg-gray-300 dark:bg-gray-700 transition-colors",
|
|
3731
|
-
/* @__PURE__ */ Y("span", { className: Q("absolute top-0.5 left-0.5 rounded-full bg-white dark:bg-white shadow-z1 transition-transform",
|
|
3748
|
+
/* @__PURE__ */ Y("span", { className: Q("rounded-full bg-gray-300 dark:bg-gray-700 transition-colors", ji[e], "peer-checked:bg-brand-500 dark:peer-checked:bg-brand-500", "peer-focus-visible:ring-2 peer-focus-visible:ring-brand-300 peer-focus-visible:ring-offset-2", a && "!bg-bg-subtle") }),
|
|
3749
|
+
/* @__PURE__ */ Y("span", { className: Q("absolute top-0.5 left-0.5 rounded-full bg-white dark:bg-white shadow-z1 transition-transform", Mi[e]) })
|
|
3732
3750
|
]
|
|
3733
3751
|
});
|
|
3734
3752
|
return !t && !n ? /* @__PURE__ */ Y("label", {
|
|
@@ -3751,20 +3769,20 @@ var ki = a(function({ steps: e, activeValue: t, onStepSelect: n, marker: r = "nu
|
|
|
3751
3769
|
})]
|
|
3752
3770
|
})]
|
|
3753
3771
|
});
|
|
3754
|
-
}),
|
|
3772
|
+
}), Pi = {
|
|
3755
3773
|
comfortable: "[&_td]:py-3 [&_th]:py-3",
|
|
3756
3774
|
compact: "[&_td]:py-2 [&_th]:py-2"
|
|
3757
|
-
},
|
|
3775
|
+
}, Fi = {
|
|
3758
3776
|
left: "text-left",
|
|
3759
3777
|
center: "text-center",
|
|
3760
3778
|
right: "text-right"
|
|
3761
|
-
},
|
|
3779
|
+
}, Ii = a(function({ density: e = "comfortable", striped: t = !1, hoverable: n = !0, stickyHeader: r = !1, wrapperClassName: i, className: a, children: o, dataTestId: s, ...c }, l) {
|
|
3762
3780
|
return /* @__PURE__ */ Y("div", {
|
|
3763
3781
|
"data-test-id": s,
|
|
3764
3782
|
className: Q("w-full overflow-x-auto rounded-lg border border-border-default bg-bg-default", i),
|
|
3765
3783
|
children: /* @__PURE__ */ Y("table", {
|
|
3766
3784
|
ref: l,
|
|
3767
|
-
className: Q("w-full border-collapse text-p-std text-fg-default",
|
|
3785
|
+
className: Q("w-full border-collapse text-p-std text-fg-default", Pi[e], a),
|
|
3768
3786
|
"data-striped": t || void 0,
|
|
3769
3787
|
"data-hoverable": n || void 0,
|
|
3770
3788
|
"data-sticky": r || void 0,
|
|
@@ -3772,7 +3790,7 @@ var ki = a(function({ steps: e, activeValue: t, onStepSelect: n, marker: r = "nu
|
|
|
3772
3790
|
children: o
|
|
3773
3791
|
})
|
|
3774
3792
|
});
|
|
3775
|
-
}),
|
|
3793
|
+
}), Li = a(function({ className: e, children: t, dataTestId: n, ...r }, i) {
|
|
3776
3794
|
return /* @__PURE__ */ Y("thead", {
|
|
3777
3795
|
ref: i,
|
|
3778
3796
|
"data-test-id": n,
|
|
@@ -3780,7 +3798,7 @@ var ki = a(function({ steps: e, activeValue: t, onStepSelect: n, marker: r = "nu
|
|
|
3780
3798
|
...r,
|
|
3781
3799
|
children: t
|
|
3782
3800
|
});
|
|
3783
|
-
}),
|
|
3801
|
+
}), Ri = a(function({ className: e, children: t, dataTestId: n, ...r }, i) {
|
|
3784
3802
|
return /* @__PURE__ */ Y("tbody", {
|
|
3785
3803
|
ref: i,
|
|
3786
3804
|
"data-test-id": n,
|
|
@@ -3788,7 +3806,7 @@ var ki = a(function({ steps: e, activeValue: t, onStepSelect: n, marker: r = "nu
|
|
|
3788
3806
|
...r,
|
|
3789
3807
|
children: t
|
|
3790
3808
|
});
|
|
3791
|
-
}),
|
|
3809
|
+
}), zi = a(function({ className: e, children: t, dataTestId: n, ...r }, i) {
|
|
3792
3810
|
return /* @__PURE__ */ Y("tr", {
|
|
3793
3811
|
ref: i,
|
|
3794
3812
|
"data-test-id": n,
|
|
@@ -3796,7 +3814,7 @@ var ki = a(function({ steps: e, activeValue: t, onStepSelect: n, marker: r = "nu
|
|
|
3796
3814
|
...r,
|
|
3797
3815
|
children: t
|
|
3798
3816
|
});
|
|
3799
|
-
}),
|
|
3817
|
+
}), Bi = a(function({ sortable: e = !1, sortDir: t = null, onSortChange: n, align: r = "left", className: i, children: a, dataTestId: o, ...s }, c) {
|
|
3800
3818
|
let l = /* @__PURE__ */ X(J, { children: [a, e && /* @__PURE__ */ Y("span", {
|
|
3801
3819
|
className: "inline-flex ml-1 align-middle text-fg-tertiary",
|
|
3802
3820
|
children: Y(t === "asc" ? v : t === "desc" ? _ : T, { className: "h-3.5 w-3.5" })
|
|
@@ -3805,7 +3823,7 @@ var ki = a(function({ steps: e, activeValue: t, onStepSelect: n, marker: r = "nu
|
|
|
3805
3823
|
ref: c,
|
|
3806
3824
|
scope: "col",
|
|
3807
3825
|
"data-test-id": o,
|
|
3808
|
-
className: Q("px-4 whitespace-nowrap",
|
|
3826
|
+
className: Q("px-4 whitespace-nowrap", Fi[r], i),
|
|
3809
3827
|
"aria-sort": t === "asc" ? "ascending" : t === "desc" ? "descending" : void 0,
|
|
3810
3828
|
...s,
|
|
3811
3829
|
children: e ? /* @__PURE__ */ Y("button", {
|
|
@@ -3817,37 +3835,37 @@ var ki = a(function({ steps: e, activeValue: t, onStepSelect: n, marker: r = "nu
|
|
|
3817
3835
|
children: l
|
|
3818
3836
|
}) : l
|
|
3819
3837
|
});
|
|
3820
|
-
}),
|
|
3838
|
+
}), Vi = a(function({ align: e = "left", className: t, children: n, dataTestId: r, ...i }, a) {
|
|
3821
3839
|
return /* @__PURE__ */ Y("td", {
|
|
3822
3840
|
ref: a,
|
|
3823
3841
|
"data-test-id": r,
|
|
3824
|
-
className: Q("px-4",
|
|
3842
|
+
className: Q("px-4", Fi[e], t),
|
|
3825
3843
|
...i,
|
|
3826
3844
|
children: n
|
|
3827
3845
|
});
|
|
3828
3846
|
});
|
|
3829
|
-
function
|
|
3830
|
-
return /* @__PURE__ */ X(
|
|
3847
|
+
function Hi({ columns: e, rows: t, rowKey: n, empty: r = "No results", density: i, striped: a, hoverable: o, sortKey: s, sortDir: c = null, onSortChange: l, onRowClick: u, className: d, dataTestId: f }) {
|
|
3848
|
+
return /* @__PURE__ */ X(Ii, {
|
|
3831
3849
|
density: i,
|
|
3832
3850
|
striped: a,
|
|
3833
3851
|
hoverable: o,
|
|
3834
3852
|
className: d,
|
|
3835
3853
|
dataTestId: f,
|
|
3836
|
-
children: [/* @__PURE__ */ Y(
|
|
3854
|
+
children: [/* @__PURE__ */ Y(Li, { children: /* @__PURE__ */ Y(zi, { children: e.map((e) => /* @__PURE__ */ Y(Bi, {
|
|
3837
3855
|
align: e.align,
|
|
3838
3856
|
sortable: e.sortable,
|
|
3839
3857
|
sortDir: s === e.key ? c : null,
|
|
3840
3858
|
onSortChange: (t) => l?.(e.key, t),
|
|
3841
3859
|
children: e.header
|
|
3842
|
-
}, e.key)) }) }), /* @__PURE__ */ Y(
|
|
3860
|
+
}, e.key)) }) }), /* @__PURE__ */ Y(Ri, { children: t.length === 0 ? /* @__PURE__ */ Y(zi, { children: /* @__PURE__ */ Y(Vi, {
|
|
3843
3861
|
colSpan: e.length,
|
|
3844
3862
|
className: "text-center text-fg-tertiary py-10",
|
|
3845
3863
|
align: "center",
|
|
3846
3864
|
children: r
|
|
3847
|
-
}) }) : t.map((t, r) => /* @__PURE__ */ Y(
|
|
3865
|
+
}) }) : t.map((t, r) => /* @__PURE__ */ Y(zi, {
|
|
3848
3866
|
onClick: u ? () => u(t) : void 0,
|
|
3849
3867
|
className: u ? "cursor-pointer" : void 0,
|
|
3850
|
-
children: e.map((e) => /* @__PURE__ */ Y(
|
|
3868
|
+
children: e.map((e) => /* @__PURE__ */ Y(Vi, {
|
|
3851
3869
|
align: e.align,
|
|
3852
3870
|
children: e.render ? e.render(t) : e.accessor ? e.accessor(t) : null
|
|
3853
3871
|
}, e.key))
|
|
@@ -3856,11 +3874,11 @@ function Vi({ columns: e, rows: t, rowKey: n, empty: r = "No results", density:
|
|
|
3856
3874
|
}
|
|
3857
3875
|
//#endregion
|
|
3858
3876
|
//#region src/components/TableV2/TableV2Filter.tsx
|
|
3859
|
-
function
|
|
3877
|
+
function Ui({ column: e }) {
|
|
3860
3878
|
let t = e.columnDef.meta?.filterVariant;
|
|
3861
3879
|
if (!t) return null;
|
|
3862
3880
|
let n = e.getFilterValue();
|
|
3863
|
-
return t === "custom" ? /* @__PURE__ */ Y(J, { children: e.columnDef.meta?.filterComponent?.(e) ?? null }) : t === "select" ? /* @__PURE__ */ Y(
|
|
3881
|
+
return t === "custom" ? /* @__PURE__ */ Y(J, { children: e.columnDef.meta?.filterComponent?.(e) ?? null }) : t === "select" ? /* @__PURE__ */ Y(ti, {
|
|
3864
3882
|
size: "sm",
|
|
3865
3883
|
searchable: !1,
|
|
3866
3884
|
required: !1,
|
|
@@ -3879,7 +3897,7 @@ function Hi({ column: e }) {
|
|
|
3879
3897
|
}
|
|
3880
3898
|
//#endregion
|
|
3881
3899
|
//#region src/components/TableV2/TableV2Pagination.i18n.ts
|
|
3882
|
-
var
|
|
3900
|
+
var Wi = {
|
|
3883
3901
|
"en-US": {
|
|
3884
3902
|
rowsPerPage: "Rows per page",
|
|
3885
3903
|
noResults: "No results",
|
|
@@ -3898,13 +3916,13 @@ var Ui = {
|
|
|
3898
3916
|
};
|
|
3899
3917
|
//#endregion
|
|
3900
3918
|
//#region src/components/TableV2/TableV2Pagination.tsx
|
|
3901
|
-
function
|
|
3919
|
+
function Gi({ table: e, pageSizeOptions: t = [
|
|
3902
3920
|
10,
|
|
3903
3921
|
25,
|
|
3904
3922
|
50,
|
|
3905
3923
|
100
|
|
3906
3924
|
], locale: n = "en-US" }) {
|
|
3907
|
-
let { pageIndex: r, pageSize: i } = e.getState().pagination, a = e.options.rowCount ?? e.getPrePaginationRowModel().rows.length, o = Math.max(1, e.getPageCount()), s = a === 0 ? 0 : r * i + 1, c = Math.min(a, (r + 1) * i), l =
|
|
3925
|
+
let { pageIndex: r, pageSize: i } = e.getState().pagination, a = e.options.rowCount ?? e.getPrePaginationRowModel().rows.length, o = Math.max(1, e.getPageCount()), s = a === 0 ? 0 : r * i + 1, c = Math.min(a, (r + 1) * i), l = Wi[n];
|
|
3908
3926
|
return /* @__PURE__ */ X("div", {
|
|
3909
3927
|
className: "flex flex-wrap items-center justify-between gap-3 p-3 border-t border-border-default",
|
|
3910
3928
|
children: [
|
|
@@ -3913,7 +3931,7 @@ function Wi({ table: e, pageSizeOptions: t = [
|
|
|
3913
3931
|
children: [/* @__PURE__ */ Y("span", {
|
|
3914
3932
|
className: "text-p-sm text-fg-secondary whitespace-nowrap",
|
|
3915
3933
|
children: l.rowsPerPage
|
|
3916
|
-
}), /* @__PURE__ */ Y(
|
|
3934
|
+
}), /* @__PURE__ */ Y(ti, {
|
|
3917
3935
|
size: "sm",
|
|
3918
3936
|
menuPlacement: "top",
|
|
3919
3937
|
searchable: !1,
|
|
@@ -3941,12 +3959,12 @@ function Wi({ table: e, pageSizeOptions: t = [
|
|
|
3941
3959
|
}
|
|
3942
3960
|
//#endregion
|
|
3943
3961
|
//#region src/components/TableV2/TableV2Skeleton.tsx
|
|
3944
|
-
function
|
|
3962
|
+
function Ki({ columnCount: e, rowCount: t = 8 }) {
|
|
3945
3963
|
return /* @__PURE__ */ Y(J, { children: Array.from({ length: t }, (t, n) => /* @__PURE__ */ Y("tr", {
|
|
3946
3964
|
"aria-hidden": n > 0 || void 0,
|
|
3947
3965
|
children: Array.from({ length: e }, (e, t) => /* @__PURE__ */ Y("td", {
|
|
3948
3966
|
className: "px-4 py-3",
|
|
3949
|
-
children: /* @__PURE__ */ Y(
|
|
3967
|
+
children: /* @__PURE__ */ Y(li, {
|
|
3950
3968
|
variant: "text",
|
|
3951
3969
|
width: t === 0 ? "70%" : "90%"
|
|
3952
3970
|
})
|
|
@@ -3955,11 +3973,11 @@ function Gi({ columnCount: e, rowCount: t = 8 }) {
|
|
|
3955
3973
|
}
|
|
3956
3974
|
//#endregion
|
|
3957
3975
|
//#region src/components/TableV2/TableV2ColumnVisibility.tsx
|
|
3958
|
-
function
|
|
3976
|
+
function qi(e) {
|
|
3959
3977
|
let { header: t } = e.columnDef;
|
|
3960
3978
|
return typeof t == "string" ? t : e.id;
|
|
3961
3979
|
}
|
|
3962
|
-
function
|
|
3980
|
+
function Ji({ table: e }) {
|
|
3963
3981
|
let t = e.getAllLeafColumns().filter((e) => e.getCanHide());
|
|
3964
3982
|
return /* @__PURE__ */ X(Nn, { children: [/* @__PURE__ */ Y(Pn, { children: /* @__PURE__ */ Y(nt, {
|
|
3965
3983
|
variant: "secondary",
|
|
@@ -3972,7 +3990,7 @@ function qi({ table: e }) {
|
|
|
3972
3990
|
className: "px-3 py-1.5 hover:bg-bg-subtle",
|
|
3973
3991
|
children: /* @__PURE__ */ Y(Bt, {
|
|
3974
3992
|
size: "sm",
|
|
3975
|
-
label:
|
|
3993
|
+
label: qi(e),
|
|
3976
3994
|
checked: e.getIsVisible(),
|
|
3977
3995
|
onChange: () => e.toggleVisibility()
|
|
3978
3996
|
})
|
|
@@ -3981,12 +3999,12 @@ function qi({ table: e }) {
|
|
|
3981
3999
|
}
|
|
3982
4000
|
//#endregion
|
|
3983
4001
|
//#region src/components/TableV2/TableV2Toolbar.tsx
|
|
3984
|
-
function
|
|
4002
|
+
function Yi({ table: e, enableGlobalFilter: t, enableColumnVisibility: n, searchPlaceholder: r, onRefresh: i, onExport: a, actions: o }) {
|
|
3985
4003
|
return /* @__PURE__ */ X("div", {
|
|
3986
4004
|
className: "flex flex-wrap items-center gap-2 p-3 border-b border-border-default",
|
|
3987
4005
|
children: [t && /* @__PURE__ */ Y(Qt, {
|
|
3988
4006
|
size: "sm",
|
|
3989
|
-
leftIcon: /* @__PURE__ */ Y(
|
|
4007
|
+
leftIcon: /* @__PURE__ */ Y(W, { className: "h-4 w-4" }),
|
|
3990
4008
|
placeholder: r ?? "Search...",
|
|
3991
4009
|
"aria-label": "Search",
|
|
3992
4010
|
value: String(e.getState().globalFilter ?? ""),
|
|
@@ -4000,7 +4018,7 @@ function Ji({ table: e, enableGlobalFilter: t, enableColumnVisibility: n, search
|
|
|
4000
4018
|
size: "sm",
|
|
4001
4019
|
iconOnly: !0,
|
|
4002
4020
|
"aria-label": "Refresh",
|
|
4003
|
-
leftIcon: /* @__PURE__ */ Y(
|
|
4021
|
+
leftIcon: /* @__PURE__ */ Y(re, { className: "h-4 w-4" }),
|
|
4004
4022
|
onClick: i
|
|
4005
4023
|
}),
|
|
4006
4024
|
a && /* @__PURE__ */ Y(nt, {
|
|
@@ -4010,7 +4028,7 @@ function Ji({ table: e, enableGlobalFilter: t, enableColumnVisibility: n, search
|
|
|
4010
4028
|
onClick: a,
|
|
4011
4029
|
children: "Export"
|
|
4012
4030
|
}),
|
|
4013
|
-
n && /* @__PURE__ */ Y(
|
|
4031
|
+
n && /* @__PURE__ */ Y(Ji, { table: e }),
|
|
4014
4032
|
o
|
|
4015
4033
|
]
|
|
4016
4034
|
})]
|
|
@@ -4018,15 +4036,15 @@ function Ji({ table: e, enableGlobalFilter: t, enableColumnVisibility: n, search
|
|
|
4018
4036
|
}
|
|
4019
4037
|
//#endregion
|
|
4020
4038
|
//#region src/components/TableV2/useTableV2ColumnDnd.ts
|
|
4021
|
-
var
|
|
4039
|
+
var Xi = ({ transform: e }) => ({
|
|
4022
4040
|
...e,
|
|
4023
4041
|
y: 0
|
|
4024
4042
|
});
|
|
4025
|
-
function
|
|
4043
|
+
function Zi({ columnOrder: e, onColumnOrderChange: t }) {
|
|
4026
4044
|
return {
|
|
4027
4045
|
sensors: Ne(Me(Ae, { activationConstraint: { distance: 4 } }), Me(Z, { coordinateGetter: Le })),
|
|
4028
4046
|
collisionDetection: je,
|
|
4029
|
-
modifiers: [
|
|
4047
|
+
modifiers: [Xi],
|
|
4030
4048
|
handleDragEnd: (n) => {
|
|
4031
4049
|
let { active: r, over: i } = n;
|
|
4032
4050
|
if (!i || r.id === i.id) return;
|
|
@@ -4035,7 +4053,7 @@ function Xi({ columnOrder: e, onColumnOrderChange: t }) {
|
|
|
4035
4053
|
}
|
|
4036
4054
|
};
|
|
4037
4055
|
}
|
|
4038
|
-
function
|
|
4056
|
+
function Qi(e) {
|
|
4039
4057
|
let { attributes: t, listeners: n, setNodeRef: r, transform: i, transition: a, isDragging: o } = Re({ id: e });
|
|
4040
4058
|
return {
|
|
4041
4059
|
setNodeRef: r,
|
|
@@ -4053,13 +4071,13 @@ function Zi(e) {
|
|
|
4053
4071
|
}
|
|
4054
4072
|
//#endregion
|
|
4055
4073
|
//#region src/components/TableV2/TableV2RowActions.tsx
|
|
4056
|
-
function
|
|
4074
|
+
function $i({ row: e, actions: t }) {
|
|
4057
4075
|
return t.length === 0 ? null : /* @__PURE__ */ X(Nn, { children: [/* @__PURE__ */ Y(Pn, { children: /* @__PURE__ */ Y(nt, {
|
|
4058
4076
|
variant: "tertiary",
|
|
4059
4077
|
size: "sm",
|
|
4060
4078
|
iconOnly: !0,
|
|
4061
4079
|
"aria-label": "Row actions",
|
|
4062
|
-
leftIcon: /* @__PURE__ */ Y(
|
|
4080
|
+
leftIcon: /* @__PURE__ */ Y(B, { className: "h-4 w-4" })
|
|
4063
4081
|
}) }), /* @__PURE__ */ Y(In, {
|
|
4064
4082
|
align: "end",
|
|
4065
4083
|
children: t.map((t, n) => /* @__PURE__ */ Y(Ln, {
|
|
@@ -4073,15 +4091,15 @@ function Qi({ row: e, actions: t }) {
|
|
|
4073
4091
|
}
|
|
4074
4092
|
//#endregion
|
|
4075
4093
|
//#region src/components/TableV2/TableV2.utils.tsx
|
|
4076
|
-
var
|
|
4094
|
+
var ea = {
|
|
4077
4095
|
comfortable: "py-3",
|
|
4078
4096
|
compact: "py-2"
|
|
4079
|
-
},
|
|
4097
|
+
}, ta = {
|
|
4080
4098
|
left: "text-left",
|
|
4081
4099
|
center: "text-center",
|
|
4082
4100
|
right: "text-right"
|
|
4083
4101
|
};
|
|
4084
|
-
function
|
|
4102
|
+
function na() {
|
|
4085
4103
|
return {
|
|
4086
4104
|
id: "select",
|
|
4087
4105
|
size: 40,
|
|
@@ -4106,7 +4124,7 @@ function ta() {
|
|
|
4106
4124
|
})
|
|
4107
4125
|
};
|
|
4108
4126
|
}
|
|
4109
|
-
function
|
|
4127
|
+
function ra(e, t) {
|
|
4110
4128
|
return {
|
|
4111
4129
|
id: "actions",
|
|
4112
4130
|
header: t?.header ?? "",
|
|
@@ -4114,13 +4132,13 @@ function na(e, t) {
|
|
|
4114
4132
|
enableSorting: !1,
|
|
4115
4133
|
enableColumnFilter: !1,
|
|
4116
4134
|
enableResizing: !1,
|
|
4117
|
-
cell: ({ row: t }) => /* @__PURE__ */ Y(
|
|
4135
|
+
cell: ({ row: t }) => /* @__PURE__ */ Y($i, {
|
|
4118
4136
|
row: t.original,
|
|
4119
4137
|
actions: e(t.original)
|
|
4120
4138
|
})
|
|
4121
4139
|
};
|
|
4122
4140
|
}
|
|
4123
|
-
function
|
|
4141
|
+
function ia(e) {
|
|
4124
4142
|
let t = e.getIsPinned();
|
|
4125
4143
|
return t ? {
|
|
4126
4144
|
position: "sticky",
|
|
@@ -4131,26 +4149,26 @@ function ra(e) {
|
|
|
4131
4149
|
}
|
|
4132
4150
|
//#endregion
|
|
4133
4151
|
//#region src/components/TableV2/TableV2.tsx
|
|
4134
|
-
function
|
|
4152
|
+
function aa(e, t, n) {
|
|
4135
4153
|
let [r, i] = m(n);
|
|
4136
4154
|
return [e === void 0 ? r : e, (e) => {
|
|
4137
4155
|
i((t) => typeof e == "function" ? e(t) : e), t?.(e);
|
|
4138
4156
|
}];
|
|
4139
4157
|
}
|
|
4140
|
-
var
|
|
4141
|
-
function
|
|
4142
|
-
let c = e.column, l =
|
|
4158
|
+
var oa = /* @__PURE__ */ new Set(["select", "actions"]);
|
|
4159
|
+
function sa({ header: e, density: t, enableSorting: n, enableFiltering: r, enableColumnOrdering: i, enableColumnResizing: a, enablePinning: o, enableColumnVisibility: s }) {
|
|
4160
|
+
let c = e.column, l = oa.has(c.id), u = i && !l, d = Qi(c.id), f = c.columnDef.meta?.align ?? "left", p = c.getIsSorted(), m = !l && (o && c.getCanPin() || s && c.getCanHide()), h = Ce(c.columnDef.header, e.getContext());
|
|
4143
4161
|
return /* @__PURE__ */ X("th", {
|
|
4144
4162
|
ref: u ? d.setNodeRef : void 0,
|
|
4145
4163
|
colSpan: e.colSpan,
|
|
4146
4164
|
scope: "col",
|
|
4147
4165
|
style: {
|
|
4148
4166
|
width: a ? e.getSize() : void 0,
|
|
4149
|
-
...
|
|
4167
|
+
...ia(c),
|
|
4150
4168
|
...u ? d.style : null
|
|
4151
4169
|
},
|
|
4152
4170
|
"aria-sort": p === "asc" ? "ascending" : p === "desc" ? "descending" : void 0,
|
|
4153
|
-
className: Q("relative px-4 whitespace-nowrap bg-bg-container",
|
|
4171
|
+
className: Q("relative px-4 whitespace-nowrap bg-bg-container", ea[t], ta[f]),
|
|
4154
4172
|
children: [
|
|
4155
4173
|
/* @__PURE__ */ X("div", {
|
|
4156
4174
|
className: "flex items-center gap-1",
|
|
@@ -4182,23 +4200,23 @@ function oa({ header: e, density: t, enableSorting: n, enableFiltering: r, enabl
|
|
|
4182
4200
|
type: "button",
|
|
4183
4201
|
"aria-label": `${typeof h == "string" ? h : c.id} column options`,
|
|
4184
4202
|
className: "ml-auto shrink-0 text-fg-tertiary hover:text-fg-default focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-300 rounded-sm",
|
|
4185
|
-
children: /* @__PURE__ */ Y(
|
|
4203
|
+
children: /* @__PURE__ */ Y(z, { className: "h-3.5 w-3.5" })
|
|
4186
4204
|
}) }), /* @__PURE__ */ X(In, {
|
|
4187
4205
|
align: "start",
|
|
4188
4206
|
children: [
|
|
4189
4207
|
o && c.getCanPin() && /* @__PURE__ */ X(J, { children: [
|
|
4190
4208
|
c.getIsPinned() !== "left" && /* @__PURE__ */ Y(Ln, {
|
|
4191
|
-
icon: /* @__PURE__ */ Y(
|
|
4209
|
+
icon: /* @__PURE__ */ Y(U, { className: "h-4 w-4" }),
|
|
4192
4210
|
onSelect: () => c.pin("left"),
|
|
4193
4211
|
children: "Pin left"
|
|
4194
4212
|
}),
|
|
4195
4213
|
c.getIsPinned() !== "right" && /* @__PURE__ */ Y(Ln, {
|
|
4196
|
-
icon: /* @__PURE__ */ Y(
|
|
4214
|
+
icon: /* @__PURE__ */ Y(U, { className: "h-4 w-4" }),
|
|
4197
4215
|
onSelect: () => c.pin("right"),
|
|
4198
4216
|
children: "Pin right"
|
|
4199
4217
|
}),
|
|
4200
4218
|
c.getIsPinned() && /* @__PURE__ */ Y(Ln, {
|
|
4201
|
-
icon: /* @__PURE__ */ Y(
|
|
4219
|
+
icon: /* @__PURE__ */ Y(te, { className: "h-4 w-4" }),
|
|
4202
4220
|
onSelect: () => c.pin(!1),
|
|
4203
4221
|
children: "Unpin"
|
|
4204
4222
|
})
|
|
@@ -4216,7 +4234,7 @@ function oa({ header: e, density: t, enableSorting: n, enableFiltering: r, enabl
|
|
|
4216
4234
|
r && c.getCanFilter() && /* @__PURE__ */ Y("div", {
|
|
4217
4235
|
className: "mt-2 normal-case",
|
|
4218
4236
|
onClick: (e) => e.stopPropagation(),
|
|
4219
|
-
children: /* @__PURE__ */ Y(
|
|
4237
|
+
children: /* @__PURE__ */ Y(Ui, { column: c })
|
|
4220
4238
|
}),
|
|
4221
4239
|
a && c.getCanResize() && /* @__PURE__ */ Y("div", {
|
|
4222
4240
|
onMouseDown: e.getResizeHandler(),
|
|
@@ -4227,8 +4245,8 @@ function oa({ header: e, density: t, enableSorting: n, enableFiltering: r, enabl
|
|
|
4227
4245
|
]
|
|
4228
4246
|
});
|
|
4229
4247
|
}
|
|
4230
|
-
function
|
|
4231
|
-
let n = e.getVisibleCells(), r = n.find((e) => !
|
|
4248
|
+
function ca({ row: e, onRowClick: t }) {
|
|
4249
|
+
let n = e.getVisibleCells(), r = n.find((e) => !oa.has(e.column.id)), i = n.find((e) => e.column.id === "select"), a = n.find((e) => e.column.id === "actions"), o = n.filter((e) => e !== r && !oa.has(e.column.id));
|
|
4232
4250
|
return /* @__PURE__ */ X("div", {
|
|
4233
4251
|
"data-selected": e.getIsSelected() || void 0,
|
|
4234
4252
|
onClick: t ? () => t(e.original) : void 0,
|
|
@@ -4263,26 +4281,26 @@ function sa({ row: e, onRowClick: t }) {
|
|
|
4263
4281
|
})]
|
|
4264
4282
|
});
|
|
4265
4283
|
}
|
|
4266
|
-
function
|
|
4284
|
+
function la({ rowCount: e }) {
|
|
4267
4285
|
return /* @__PURE__ */ Y("div", { children: Array.from({ length: e }, (e, t) => /* @__PURE__ */ X("div", {
|
|
4268
4286
|
"aria-hidden": t > 0 || void 0,
|
|
4269
4287
|
className: "flex flex-col gap-2 border-b border-border-default p-4",
|
|
4270
|
-
children: [/* @__PURE__ */ Y(
|
|
4288
|
+
children: [/* @__PURE__ */ Y(li, {
|
|
4271
4289
|
variant: "text",
|
|
4272
4290
|
width: "60%"
|
|
4273
|
-
}), /* @__PURE__ */ Y(
|
|
4291
|
+
}), /* @__PURE__ */ Y(li, {
|
|
4274
4292
|
variant: "text",
|
|
4275
4293
|
width: "90%"
|
|
4276
4294
|
})]
|
|
4277
4295
|
}, t)) });
|
|
4278
4296
|
}
|
|
4279
|
-
function
|
|
4280
|
-
let { data: n, columns: r, loading: i = !1, error: a, emptyMessage: o = "No results", getRowId: s, enableSorting: c = !1, enableMultiSort: l = !1, sorting: u, onSortingChange: h, manualSorting: g = !1, enableFiltering: _ = !1, columnFilters: v, onColumnFiltersChange: y, manualFiltering: b = !1, enableGlobalFilter: x = !1, globalFilter: S, onGlobalFilterChange: C, enableRowSelection: w = !1, enableMultiRowSelection: T = !0, rowSelection: E, onRowSelectionChange: D, enableColumnVisibility: O = !1, columnVisibility: k, onColumnVisibilityChange: A, enableColumnOrdering: j = !1, columnOrder: M, onColumnOrderChange: ee, enablePinning: N = !1, columnPinning: P, onColumnPinningChange:
|
|
4297
|
+
function ua(e, t) {
|
|
4298
|
+
let { data: n, columns: r, loading: i = !1, error: a, emptyMessage: o = "No results", getRowId: s, enableSorting: c = !1, enableMultiSort: l = !1, sorting: u, onSortingChange: h, manualSorting: g = !1, enableFiltering: _ = !1, columnFilters: v, onColumnFiltersChange: y, manualFiltering: b = !1, enableGlobalFilter: x = !1, globalFilter: S, onGlobalFilterChange: C, enableRowSelection: w = !1, enableMultiRowSelection: T = !0, rowSelection: E, onRowSelectionChange: D, enableColumnVisibility: O = !1, columnVisibility: k, onColumnVisibilityChange: A, enableColumnOrdering: j = !1, columnOrder: M, onColumnOrderChange: ee, enablePinning: N = !1, columnPinning: P, onColumnPinningChange: F, enableColumnResizing: I = !1, columnResizeMode: L = "onChange", enablePagination: R = !1, pageSize: z = 10, pageSizeOptions: B, pagination: V, onPaginationChange: H, locale: U = "en-US", manualPagination: te = !1, pageCount: ne, rowCount: re, enableVirtualization: W = !1, estimatedRowHeight: ie = 44, maxBodyHeight: G = 480, onRowClick: ae, toolbar: K = !1, toolbarActions: oe, searchPlaceholder: se, onRefresh: ce, onExport: q, density: le = "comfortable", stickyHeader: ue = !1, wrapperClassName: de, className: fe, dataTestId: pe } = e, [me, he] = aa(u, h, []), [ge, _e] = aa(v, y, []), [ve, ye] = aa(S, C, ""), [be, xe] = aa(E, D, {}), [Z, Ae] = aa(k, A, {}), [je, Me] = aa(M, ee, []), [Ne, Fe] = aa(P, F, {}), [Le, Re] = aa(V, H, {
|
|
4281
4299
|
pageIndex: 0,
|
|
4282
|
-
pageSize:
|
|
4300
|
+
pageSize: z
|
|
4283
4301
|
}), ze = Oe({
|
|
4284
4302
|
data: n,
|
|
4285
|
-
columns: f(() => !w || r.some((e) => e.id === "select") ? r : [
|
|
4303
|
+
columns: f(() => !w || r.some((e) => e.id === "select") ? r : [na(), ...r], [r, w]),
|
|
4286
4304
|
getRowId: s,
|
|
4287
4305
|
state: {
|
|
4288
4306
|
sorting: me,
|
|
@@ -4310,62 +4328,62 @@ function la(e, t) {
|
|
|
4310
4328
|
manualFiltering: b,
|
|
4311
4329
|
enableRowSelection: w,
|
|
4312
4330
|
enableMultiRowSelection: T,
|
|
4313
|
-
enableColumnResizing:
|
|
4314
|
-
columnResizeMode:
|
|
4315
|
-
manualPagination:
|
|
4316
|
-
pageCount:
|
|
4317
|
-
rowCount:
|
|
4331
|
+
enableColumnResizing: I,
|
|
4332
|
+
columnResizeMode: L,
|
|
4333
|
+
manualPagination: te,
|
|
4334
|
+
pageCount: ne,
|
|
4335
|
+
rowCount: re,
|
|
4318
4336
|
getCoreRowModel: we(),
|
|
4319
4337
|
getSortedRowModel: c ? De() : void 0,
|
|
4320
4338
|
getFilteredRowModel: _ || x ? Te() : void 0,
|
|
4321
|
-
getPaginationRowModel:
|
|
4339
|
+
getPaginationRowModel: R ? Ee() : void 0
|
|
4322
4340
|
}), Be = ze.getRowModel().rows, Ve = ze.getVisibleLeafColumns().length, He = p(null), [Ue, We] = m(null);
|
|
4323
4341
|
d(() => {
|
|
4324
|
-
if (!
|
|
4342
|
+
if (!R || W) return;
|
|
4325
4343
|
let e = He.current?.getBoundingClientRect().height;
|
|
4326
4344
|
e && e !== Ue && We(e);
|
|
4327
4345
|
}, [
|
|
4328
|
-
|
|
4329
|
-
|
|
4346
|
+
R,
|
|
4347
|
+
W,
|
|
4330
4348
|
le,
|
|
4331
4349
|
Be,
|
|
4332
4350
|
Ue
|
|
4333
4351
|
]);
|
|
4334
|
-
let Ge = Ue ??
|
|
4352
|
+
let Ge = Ue ?? ie, Ke = R && !W ? Math.max(0, Le.pageSize - Be.length) * Ge : 0, qe = f(() => je.length > 0 ? je : ze.getAllLeafColumns().map((e) => e.id), [je, ze]), Je = Zi({
|
|
4335
4353
|
columnOrder: qe,
|
|
4336
4354
|
onColumnOrderChange: Me
|
|
4337
4355
|
}), Ye = (e) => Je.handleDragEnd(e), Xe = p(null), Ze = Se({
|
|
4338
4356
|
count: Be.length,
|
|
4339
4357
|
getScrollElement: () => Xe.current,
|
|
4340
|
-
estimateSize: () =>
|
|
4358
|
+
estimateSize: () => ie,
|
|
4341
4359
|
overscan: 10,
|
|
4342
|
-
enabled:
|
|
4343
|
-
}), Qe =
|
|
4360
|
+
enabled: W
|
|
4361
|
+
}), Qe = W ? Ze.getVirtualItems() : null, $e = Qe && Qe.length > 0 ? Qe[0]?.start ?? 0 : 0, et = Qe && Qe.length > 0 ? Ze.getTotalSize() - (Qe[Qe.length - 1]?.end ?? 0) : 0, tt = (e, t) => /* @__PURE__ */ Y("tr", {
|
|
4344
4362
|
ref: t,
|
|
4345
4363
|
"data-selected": e.getIsSelected() || void 0,
|
|
4346
4364
|
onClick: ae ? () => ae(e.original) : void 0,
|
|
4347
4365
|
className: Q("group border-t border-border-default", ae && "cursor-pointer"),
|
|
4348
4366
|
children: e.getVisibleCells().map((e) => /* @__PURE__ */ Y("td", {
|
|
4349
|
-
style:
|
|
4350
|
-
className: Q("bg-bg-default px-4 group-hover:bg-bg-container group-data-[selected]:bg-brand-50",
|
|
4367
|
+
style: ia(e.column),
|
|
4368
|
+
className: Q("bg-bg-default px-4 group-hover:bg-bg-container group-data-[selected]:bg-brand-50", ea[le], ta[e.column.columnDef.meta?.align ?? "left"]),
|
|
4351
4369
|
children: Ce(e.column.columnDef.cell, e.getContext())
|
|
4352
4370
|
}, e.id))
|
|
4353
|
-
}, e.id), nt = (e, t) => /* @__PURE__ */ Y("tr", { children: t.map((e) => /* @__PURE__ */ Y(
|
|
4371
|
+
}, e.id), nt = (e, t) => /* @__PURE__ */ Y("tr", { children: t.map((e) => /* @__PURE__ */ Y(sa, {
|
|
4354
4372
|
header: e,
|
|
4355
4373
|
density: le,
|
|
4356
4374
|
enableSorting: c,
|
|
4357
4375
|
enableFiltering: _,
|
|
4358
4376
|
enableColumnOrdering: j,
|
|
4359
|
-
enableColumnResizing:
|
|
4377
|
+
enableColumnResizing: I,
|
|
4360
4378
|
enablePinning: N,
|
|
4361
4379
|
enableColumnVisibility: O
|
|
4362
4380
|
}, e.id)) }, e), rt = /* @__PURE__ */ X("table", {
|
|
4363
4381
|
className: "w-full border-collapse text-p-std text-fg-default",
|
|
4364
|
-
style: { width:
|
|
4382
|
+
style: { width: I ? ze.getTotalSize() : "100%" },
|
|
4365
4383
|
children: [/* @__PURE__ */ Y("thead", {
|
|
4366
4384
|
className: Q("text-p-sm font-semibold text-fg-secondary uppercase tracking-wider", ue && "sticky top-0 z-10"),
|
|
4367
4385
|
children: ze.getHeaderGroups().map((e) => nt(e.id, e.headers))
|
|
4368
|
-
}), /* @__PURE__ */ Y("tbody", { children: i ? /* @__PURE__ */ Y(
|
|
4386
|
+
}), /* @__PURE__ */ Y("tbody", { children: i ? /* @__PURE__ */ Y(Ki, {
|
|
4369
4387
|
columnCount: Ve,
|
|
4370
4388
|
rowCount: Le.pageSize
|
|
4371
4389
|
}) : Be.length === 0 ? /* @__PURE__ */ Y("tr", { children: /* @__PURE__ */ Y("td", {
|
|
@@ -4375,7 +4393,7 @@ function la(e, t) {
|
|
|
4375
4393
|
size: "sm",
|
|
4376
4394
|
title: o
|
|
4377
4395
|
})
|
|
4378
|
-
}) }) :
|
|
4396
|
+
}) }) : W && Qe ? /* @__PURE__ */ X(J, { children: [
|
|
4379
4397
|
$e > 0 && /* @__PURE__ */ Y("tr", {
|
|
4380
4398
|
"aria-hidden": !0,
|
|
4381
4399
|
children: /* @__PURE__ */ Y("td", {
|
|
@@ -4408,7 +4426,7 @@ function la(e, t) {
|
|
|
4408
4426
|
"data-test-id": pe,
|
|
4409
4427
|
className: Q("w-full rounded-lg border border-border-default bg-bg-default", de, fe),
|
|
4410
4428
|
children: [
|
|
4411
|
-
K === !1 ? null : K ?? /* @__PURE__ */ Y(
|
|
4429
|
+
K === !1 ? null : K ?? /* @__PURE__ */ Y(Yi, {
|
|
4412
4430
|
table: ze,
|
|
4413
4431
|
enableGlobalFilter: x,
|
|
4414
4432
|
enableColumnVisibility: O,
|
|
@@ -4429,7 +4447,7 @@ function la(e, t) {
|
|
|
4429
4447
|
children: /* @__PURE__ */ Y("div", {
|
|
4430
4448
|
ref: Xe,
|
|
4431
4449
|
className: Q("w-full overflow-auto", K === !1 ? "rounded-lg" : "rounded-b-lg"),
|
|
4432
|
-
style:
|
|
4450
|
+
style: W || ue ? { maxHeight: G } : void 0,
|
|
4433
4451
|
children: j ? /* @__PURE__ */ Y(ke, {
|
|
4434
4452
|
sensors: Je.sensors,
|
|
4435
4453
|
collisionDetection: Je.collisionDetection,
|
|
@@ -4444,33 +4462,33 @@ function la(e, t) {
|
|
|
4444
4462
|
})
|
|
4445
4463
|
}), /* @__PURE__ */ Y("div", {
|
|
4446
4464
|
className: "md:hidden",
|
|
4447
|
-
children: i ? /* @__PURE__ */ Y(
|
|
4465
|
+
children: i ? /* @__PURE__ */ Y(la, { rowCount: Le.pageSize }) : Be.length === 0 ? /* @__PURE__ */ Y(Xn, {
|
|
4448
4466
|
size: "sm",
|
|
4449
4467
|
title: o
|
|
4450
|
-
}) : Be.map((e) => /* @__PURE__ */ Y(
|
|
4468
|
+
}) : Be.map((e) => /* @__PURE__ */ Y(ca, {
|
|
4451
4469
|
row: e,
|
|
4452
4470
|
onRowClick: ae
|
|
4453
4471
|
}, e.id))
|
|
4454
4472
|
})] }),
|
|
4455
|
-
|
|
4473
|
+
R && !a && /* @__PURE__ */ Y(Gi, {
|
|
4456
4474
|
table: ze,
|
|
4457
|
-
pageSizeOptions:
|
|
4458
|
-
locale:
|
|
4475
|
+
pageSizeOptions: B,
|
|
4476
|
+
locale: U
|
|
4459
4477
|
})
|
|
4460
4478
|
]
|
|
4461
4479
|
});
|
|
4462
4480
|
}
|
|
4463
|
-
var
|
|
4464
|
-
|
|
4481
|
+
var da = a(ua);
|
|
4482
|
+
da.displayName = "TableV2";
|
|
4465
4483
|
//#endregion
|
|
4466
4484
|
//#region src/components/Tabs/Tabs.tsx
|
|
4467
|
-
var
|
|
4468
|
-
function
|
|
4469
|
-
let e = c(
|
|
4485
|
+
var fa = r(null);
|
|
4486
|
+
function pa() {
|
|
4487
|
+
let e = c(fa);
|
|
4470
4488
|
if (!e) throw Error("Tab components must be used inside <Tabs>");
|
|
4471
4489
|
return e;
|
|
4472
4490
|
}
|
|
4473
|
-
function
|
|
4491
|
+
function ma(t) {
|
|
4474
4492
|
let n = [];
|
|
4475
4493
|
e.forEach(t, (e) => {
|
|
4476
4494
|
o(e) && n.push(e);
|
|
@@ -4484,9 +4502,9 @@ function pa(t) {
|
|
|
4484
4502
|
}
|
|
4485
4503
|
return "";
|
|
4486
4504
|
}
|
|
4487
|
-
var
|
|
4488
|
-
let [f, p] = m(() => e ??
|
|
4489
|
-
return /* @__PURE__ */ Y(
|
|
4505
|
+
var ha = a(function({ defaultValue: e, value: t, onValueChange: n, variant: r = "underline", size: i = "md", disabled: a = !1, className: o, children: s, dataTestId: c, ...l }, d) {
|
|
4506
|
+
let [f, p] = m(() => e ?? ma(s)), h = t !== void 0, g = h ? t : f, _ = u();
|
|
4507
|
+
return /* @__PURE__ */ Y(fa.Provider, {
|
|
4490
4508
|
value: {
|
|
4491
4509
|
value: g,
|
|
4492
4510
|
setValue: (e) => {
|
|
@@ -4505,8 +4523,8 @@ var ma = a(function({ defaultValue: e, value: t, onValueChange: n, variant: r =
|
|
|
4505
4523
|
children: s
|
|
4506
4524
|
})
|
|
4507
4525
|
});
|
|
4508
|
-
}),
|
|
4509
|
-
let { variant: s } =
|
|
4526
|
+
}), ga = a(function({ children: e, scrollable: t = !1, className: n, dataTestId: r, onKeyDown: i, ...a }, o) {
|
|
4527
|
+
let { variant: s } = pa(), c = p(null);
|
|
4510
4528
|
return /* @__PURE__ */ Y("div", {
|
|
4511
4529
|
ref: Vt(o, c),
|
|
4512
4530
|
role: "tablist",
|
|
@@ -4528,12 +4546,12 @@ var ma = a(function({ defaultValue: e, value: t, onValueChange: n, variant: r =
|
|
|
4528
4546
|
children: e
|
|
4529
4547
|
});
|
|
4530
4548
|
});
|
|
4531
|
-
|
|
4532
|
-
var
|
|
4549
|
+
ga.displayName = "TabList";
|
|
4550
|
+
var _a = {
|
|
4533
4551
|
lg: "h-11 px-4 text-p-md",
|
|
4534
4552
|
md: "h-10 px-3 text-p-std",
|
|
4535
4553
|
sm: "h-8 px-2.5 text-p-sm"
|
|
4536
|
-
},
|
|
4554
|
+
}, va = {
|
|
4537
4555
|
underline: {
|
|
4538
4556
|
on: "bg-brand-500 text-white",
|
|
4539
4557
|
off: "bg-bg-subtle text-fg-secondary"
|
|
@@ -4546,8 +4564,8 @@ var ga = {
|
|
|
4546
4564
|
on: "bg-brand-500 text-white",
|
|
4547
4565
|
off: "bg-bg-subtle text-fg-secondary"
|
|
4548
4566
|
}
|
|
4549
|
-
},
|
|
4550
|
-
let { value: h, setValue: g, variant: _, size: v, tabsId: y, disabled: b } =
|
|
4567
|
+
}, ya = a(function({ value: e, children: t, disabled: n, icon: r, badge: i, badgeProps: a, rightIcon: o, onRightIconClick: s, rightIconLabel: c, className: l, dataTestId: u, onClick: d, id: f, ...p }, m) {
|
|
4568
|
+
let { value: h, setValue: g, variant: _, size: v, tabsId: y, disabled: b } = pa(), x = Ge(h, e), S = b || n, C = i != null && i !== !1, w = f ?? `${y}-tab-${e}`, T = `${y}-panel-${e}`, E = Q("group relative inline-flex items-center justify-center gap-2 font-medium outline-none transition-colors", "focus-visible:ring-2 focus-visible:ring-brand-300 focus-visible:ring-offset-1 focus-visible:rounded-md", _a[v], S && "opacity-50 cursor-not-allowed"), D = _ === "underline" ? Q("rounded-t-lg", x ? "text-fg-default" : "text-fg-secondary hover:text-fg-default hover:bg-bg-subtle/60") : _ === "pills" ? Q("rounded-full", x ? "bg-bg-default text-fg-default shadow-z1" : "bg-transparent text-fg-secondary hover:text-fg-default") : Q("border-r border-border-default last:border-r-0", x ? "bg-bg-default text-fg-default" : "bg-transparent text-fg-secondary hover:bg-bg-subtle"), O = /* @__PURE__ */ X("button", {
|
|
4551
4569
|
ref: m,
|
|
4552
4570
|
id: w,
|
|
4553
4571
|
type: "button",
|
|
@@ -4576,7 +4594,7 @@ var ga = {
|
|
|
4576
4594
|
...a,
|
|
4577
4595
|
children: i
|
|
4578
4596
|
}) : /* @__PURE__ */ Y("span", {
|
|
4579
|
-
className: Q("inline-flex items-center justify-center shrink-0 rounded-full px-1.5 h-5 min-w-[1.25rem]", "text-label-xs font-semibold tabular-nums leading-none transition-colors", x ?
|
|
4597
|
+
className: Q("inline-flex items-center justify-center shrink-0 rounded-full px-1.5 h-5 min-w-[1.25rem]", "text-label-xs font-semibold tabular-nums leading-none transition-colors", x ? va[_].on : va[_].off),
|
|
4580
4598
|
children: i
|
|
4581
4599
|
})),
|
|
4582
4600
|
_ === "underline" && /* @__PURE__ */ Y("span", {
|
|
@@ -4598,8 +4616,8 @@ var ga = {
|
|
|
4598
4616
|
children: o
|
|
4599
4617
|
})]
|
|
4600
4618
|
}) : O;
|
|
4601
|
-
}),
|
|
4602
|
-
let { value: c, tabsId: l } =
|
|
4619
|
+
}), ba = a(function({ value: e, children: t, className: n, dataTestId: r, id: i, keepMounted: a = !1, ...o }, s) {
|
|
4620
|
+
let { value: c, tabsId: l } = pa(), u = Ge(c, e);
|
|
4603
4621
|
return !u && !a ? null : /* @__PURE__ */ Y("div", {
|
|
4604
4622
|
ref: s,
|
|
4605
4623
|
id: i ?? `${l}-panel-${e}`,
|
|
@@ -4611,7 +4629,7 @@ var ga = {
|
|
|
4611
4629
|
...o,
|
|
4612
4630
|
children: t
|
|
4613
4631
|
});
|
|
4614
|
-
}),
|
|
4632
|
+
}), xa = a(function({ label: e, labelAddons: t, helperText: n, errorText: r, error: i = !1, id: a, disabled: o, required: s, maxLength: c, showCount: l = !1, className: d, wrapperClassName: f, value: p, defaultValue: h, rows: g = 4, dataTestId: _, onChange: v, ...y }, b) {
|
|
4615
4633
|
let x = u(), S = a ?? x, C = i || !!r, w = r ? `${S}-error` : n ? `${S}-help` : void 0, T = p !== void 0, E = l && !!c, [D, O] = m(() => String(h ?? "").length), k = T ? String(p).length : D;
|
|
4616
4634
|
return /* @__PURE__ */ X("div", {
|
|
4617
4635
|
className: Q("flex flex-col gap-1.5 w-full", f),
|
|
@@ -4673,7 +4691,7 @@ var ga = {
|
|
|
4673
4691
|
})
|
|
4674
4692
|
]
|
|
4675
4693
|
});
|
|
4676
|
-
}),
|
|
4694
|
+
}), Sa = a(function({ checked: e, label: t, id: n, disabled: r, className: i, dataTestId: a, ...o }, s) {
|
|
4677
4695
|
let c = u(), l = n ?? c;
|
|
4678
4696
|
return /* @__PURE__ */ X("label", {
|
|
4679
4697
|
htmlFor: l,
|
|
@@ -4698,7 +4716,7 @@ var ga = {
|
|
|
4698
4716
|
children: [/* @__PURE__ */ Y(ae, {
|
|
4699
4717
|
className: "size-4 text-yellow-500 z-1",
|
|
4700
4718
|
"aria-hidden": !0
|
|
4701
|
-
}), /* @__PURE__ */ Y(
|
|
4719
|
+
}), /* @__PURE__ */ Y(R, {
|
|
4702
4720
|
className: "size-4 text-gray-400 z-1",
|
|
4703
4721
|
"aria-hidden": !0
|
|
4704
4722
|
})]
|
|
@@ -4713,20 +4731,20 @@ var ga = {
|
|
|
4713
4731
|
children: t
|
|
4714
4732
|
})]
|
|
4715
4733
|
});
|
|
4716
|
-
}),
|
|
4734
|
+
}), Ca = {
|
|
4717
4735
|
lg: "px-3 py-2 text-p-std",
|
|
4718
4736
|
sm: "px-2 py-1 text-p-sm"
|
|
4719
|
-
},
|
|
4737
|
+
}, wa = {
|
|
4720
4738
|
top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
|
|
4721
4739
|
bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
|
|
4722
4740
|
left: "right-full top-1/2 -translate-y-1/2 mr-2",
|
|
4723
4741
|
right: "left-full top-1/2 -translate-y-1/2 ml-2"
|
|
4724
|
-
},
|
|
4742
|
+
}, Ta = {
|
|
4725
4743
|
top: "top-full left-1/2 -translate-x-1/2 border-t-fg-default border-x-transparent border-b-transparent",
|
|
4726
4744
|
bottom: "bottom-full left-1/2 -translate-x-1/2 border-b-fg-default border-x-transparent border-t-transparent",
|
|
4727
4745
|
left: "left-full top-1/2 -translate-y-1/2 border-l-fg-default border-y-transparent border-r-transparent",
|
|
4728
4746
|
right: "right-full top-1/2 -translate-y-1/2 border-r-fg-default border-y-transparent border-l-transparent"
|
|
4729
|
-
},
|
|
4747
|
+
}, Ea = a(function({ content: e, children: t, side: r = "top", size: i = "sm", delay: a = 150, className: s, dataTestId: c }, l) {
|
|
4730
4748
|
let [d, f] = m(!1), h = p(null), g = u(), _ = () => {
|
|
4731
4749
|
h.current && clearTimeout(h.current), h.current = setTimeout(() => f(!0), a);
|
|
4732
4750
|
}, v = () => {
|
|
@@ -4747,39 +4765,39 @@ var ga = {
|
|
|
4747
4765
|
}), d && /* @__PURE__ */ X("span", {
|
|
4748
4766
|
role: "tooltip",
|
|
4749
4767
|
id: g,
|
|
4750
|
-
className: Q("absolute z-50 whitespace-nowrap rounded-md bg-fg-default text-bg-default shadow-z3 pointer-events-none select-none",
|
|
4768
|
+
className: Q("absolute z-50 whitespace-nowrap rounded-md bg-fg-default text-bg-default shadow-z3 pointer-events-none select-none", Ca[i], wa[r], s),
|
|
4751
4769
|
children: [e, /* @__PURE__ */ Y("span", {
|
|
4752
4770
|
"aria-hidden": !0,
|
|
4753
|
-
className: Q("absolute h-0 w-0 border-4",
|
|
4771
|
+
className: Q("absolute h-0 w-0 border-4", Ta[r])
|
|
4754
4772
|
})]
|
|
4755
4773
|
})]
|
|
4756
4774
|
});
|
|
4757
|
-
}),
|
|
4775
|
+
}), Da = "We'll be back soon", Oa = "We're currently performing scheduled maintenance to make your experience even better. Please check back shortly.", ka = {
|
|
4758
4776
|
lg: "xl",
|
|
4759
4777
|
sm: "lg"
|
|
4760
|
-
},
|
|
4778
|
+
}, Aa = a(function({ size: e = "lg", title: t, description: n, illustration: r, ...i }, a) {
|
|
4761
4779
|
return /* @__PURE__ */ Y(Xn, {
|
|
4762
4780
|
ref: a,
|
|
4763
4781
|
size: e,
|
|
4764
|
-
title: t ??
|
|
4765
|
-
description: n ??
|
|
4782
|
+
title: t ?? Da,
|
|
4783
|
+
description: n ?? Oa,
|
|
4766
4784
|
illustration: r ?? /* @__PURE__ */ Y(Hn, {
|
|
4767
4785
|
icon: k,
|
|
4768
4786
|
tone: "brand",
|
|
4769
4787
|
shape: "circle",
|
|
4770
|
-
size:
|
|
4788
|
+
size: ka[e]
|
|
4771
4789
|
}),
|
|
4772
4790
|
...i
|
|
4773
4791
|
});
|
|
4774
4792
|
});
|
|
4775
4793
|
//#endregion
|
|
4776
4794
|
//#region src/hooks/useStepper.ts
|
|
4777
|
-
function
|
|
4795
|
+
function ja(e, t) {
|
|
4778
4796
|
return t <= 0 ? 0 : Math.min(Math.max(e, 0), t - 1);
|
|
4779
4797
|
}
|
|
4780
|
-
function
|
|
4781
|
-
let [a, o] = m(() =>
|
|
4782
|
-
let n =
|
|
4798
|
+
function Ma({ count: e, initialStep: t = 0, step: n, onStepChange: r, loop: i = !1 }) {
|
|
4799
|
+
let [a, o] = m(() => ja(t, e)), s = n !== void 0, c = s ? ja(n, e) : a, l = (t) => {
|
|
4800
|
+
let n = ja(t, e);
|
|
4783
4801
|
s || o(n), r?.(n);
|
|
4784
4802
|
};
|
|
4785
4803
|
return {
|
|
@@ -4807,37 +4825,37 @@ function ja({ count: e, initialStep: t = 0, step: n, onStepChange: r, loop: i =
|
|
|
4807
4825
|
}
|
|
4808
4826
|
//#endregion
|
|
4809
4827
|
//#region src/hooks/useOnOutsideClick.ts
|
|
4810
|
-
var
|
|
4811
|
-
function
|
|
4812
|
-
let t =
|
|
4828
|
+
var Na = [];
|
|
4829
|
+
function Pa(e) {
|
|
4830
|
+
let t = Na[Na.length - 1];
|
|
4813
4831
|
if (!t) return;
|
|
4814
4832
|
let { ref: n, callback: r, shouldRemoveCallback: i } = t;
|
|
4815
|
-
n && !n.contains(e.target) && (i &&
|
|
4833
|
+
n && !n.contains(e.target) && (i && Na.splice(Na.length - 1, 1), r(e));
|
|
4816
4834
|
}
|
|
4817
|
-
var
|
|
4835
|
+
var Fa = (e, t, n, r, i = !0) => {
|
|
4818
4836
|
l(() => {
|
|
4819
|
-
if (e && n && r) return
|
|
4837
|
+
if (e && n && r) return Na.push({
|
|
4820
4838
|
ref: e,
|
|
4821
4839
|
callback: t,
|
|
4822
4840
|
uid: r,
|
|
4823
4841
|
shouldRemoveCallback: i
|
|
4824
|
-
}),
|
|
4825
|
-
|
|
4842
|
+
}), Na.length === 1 && document.addEventListener("mousedown", Pa), () => {
|
|
4843
|
+
Na.length === 0 && document.removeEventListener("mousedown", Pa);
|
|
4826
4844
|
};
|
|
4827
4845
|
}, [
|
|
4828
4846
|
e,
|
|
4829
4847
|
n,
|
|
4830
4848
|
r
|
|
4831
4849
|
]), l(() => {
|
|
4832
|
-
if (!n &&
|
|
4833
|
-
let e =
|
|
4834
|
-
e >= 0 &&
|
|
4850
|
+
if (!n && Na.length > 0) {
|
|
4851
|
+
let e = Na.findIndex((e) => e.uid === r);
|
|
4852
|
+
e >= 0 && Na.splice(e, 1);
|
|
4835
4853
|
}
|
|
4836
4854
|
}, [n]);
|
|
4837
4855
|
};
|
|
4838
4856
|
//#endregion
|
|
4839
4857
|
//#region src/hooks/useEscapeKey.ts
|
|
4840
|
-
function
|
|
4858
|
+
function Ia(e, t = !0) {
|
|
4841
4859
|
l(() => {
|
|
4842
4860
|
if (!t) return;
|
|
4843
4861
|
let n = (t) => {
|
|
@@ -4848,18 +4866,18 @@ function Fa(e, t = !0) {
|
|
|
4848
4866
|
}
|
|
4849
4867
|
//#endregion
|
|
4850
4868
|
//#region src/hooks/useHideBodyScroll.ts
|
|
4851
|
-
var
|
|
4852
|
-
function
|
|
4869
|
+
var La = 0, Ra = "";
|
|
4870
|
+
function za(e) {
|
|
4853
4871
|
l(() => {
|
|
4854
|
-
if (e) return
|
|
4855
|
-
--
|
|
4872
|
+
if (e) return La === 0 && (Ra = document.body.style.overflow, document.body.style.overflow = "hidden"), La += 1, () => {
|
|
4873
|
+
--La, La === 0 && (document.body.style.overflow = Ra);
|
|
4856
4874
|
};
|
|
4857
4875
|
}, [e]);
|
|
4858
4876
|
}
|
|
4859
4877
|
//#endregion
|
|
4860
4878
|
//#region src/hooks/useIsMobile.ts
|
|
4861
|
-
var
|
|
4862
|
-
function
|
|
4879
|
+
var Ba = 768;
|
|
4880
|
+
function Va(e = Ba) {
|
|
4863
4881
|
let [t, n] = m(!1);
|
|
4864
4882
|
return l(() => {
|
|
4865
4883
|
if (typeof window > "u" || typeof window.matchMedia != "function") return;
|
|
@@ -4869,33 +4887,33 @@ function Ba(e = za) {
|
|
|
4869
4887
|
}
|
|
4870
4888
|
//#endregion
|
|
4871
4889
|
//#region src/hooks/useFormContext.ts
|
|
4872
|
-
function
|
|
4890
|
+
function Ha() {
|
|
4873
4891
|
let e = c(er);
|
|
4874
4892
|
if (!e) throw Error("useFormContext must be used inside a FormContainer.");
|
|
4875
4893
|
return e;
|
|
4876
4894
|
}
|
|
4877
4895
|
//#endregion
|
|
4878
4896
|
//#region src/hooks/useFormProps.ts
|
|
4879
|
-
var
|
|
4897
|
+
var Ua = () => void 0, Wa = {
|
|
4880
4898
|
errors: {},
|
|
4881
|
-
setValue:
|
|
4882
|
-
reset:
|
|
4883
|
-
clearErrors:
|
|
4884
|
-
setError:
|
|
4885
|
-
unregister:
|
|
4899
|
+
setValue: Ua,
|
|
4900
|
+
reset: Ua,
|
|
4901
|
+
clearErrors: Ua,
|
|
4902
|
+
setError: Ua,
|
|
4903
|
+
unregister: Ua,
|
|
4886
4904
|
isDirty: !1,
|
|
4887
4905
|
isSubmitted: !1,
|
|
4888
4906
|
isSubmitting: !1,
|
|
4889
4907
|
isValid: !1,
|
|
4890
4908
|
dirtyFields: {},
|
|
4891
|
-
submit:
|
|
4909
|
+
submit: Ua
|
|
4892
4910
|
};
|
|
4893
|
-
function
|
|
4894
|
-
return c(er) ??
|
|
4911
|
+
function Ga() {
|
|
4912
|
+
return c(er) ?? Wa;
|
|
4895
4913
|
}
|
|
4896
4914
|
//#endregion
|
|
4897
4915
|
//#region src/tokens/colors.ts
|
|
4898
|
-
var
|
|
4916
|
+
var Ka = {
|
|
4899
4917
|
900: "#31531C",
|
|
4900
4918
|
800: "#416E26",
|
|
4901
4919
|
700: "#518A2F",
|
|
@@ -4921,7 +4939,7 @@ var Ga = {
|
|
|
4921
4939
|
100: "#f2f5f8",
|
|
4922
4940
|
50: "#f5f7fa",
|
|
4923
4941
|
20: "#f7f9fc"
|
|
4924
|
-
},
|
|
4942
|
+
}, qa = "#FEFEFE", Ja = {
|
|
4925
4943
|
900: "#0b4627",
|
|
4926
4944
|
800: "#0f5c33",
|
|
4927
4945
|
700: "#3D8B46",
|
|
@@ -4932,7 +4950,7 @@ var Ga = {
|
|
|
4932
4950
|
200: "#aeeacb",
|
|
4933
4951
|
100: "#d0f5e1",
|
|
4934
4952
|
50: "#e0faec"
|
|
4935
|
-
},
|
|
4953
|
+
}, Ya = {
|
|
4936
4954
|
900: "#2443B8",
|
|
4937
4955
|
800: "#2E63D6",
|
|
4938
4956
|
700: "#3475E8",
|
|
@@ -4943,7 +4961,7 @@ var Ga = {
|
|
|
4943
4961
|
200: "#9ACAFA",
|
|
4944
4962
|
100: "#C1DEFC",
|
|
4945
4963
|
50: "#E6F2FE"
|
|
4946
|
-
},
|
|
4964
|
+
}, Xa = {
|
|
4947
4965
|
900: "#081FA6",
|
|
4948
4966
|
800: "#0E2AB2",
|
|
4949
4967
|
700: "#2431B9",
|
|
@@ -4955,7 +4973,7 @@ var Ga = {
|
|
|
4955
4973
|
100: "#CBC4ED",
|
|
4956
4974
|
50: "#EAE7F7",
|
|
4957
4975
|
20: "#F5F3FB"
|
|
4958
|
-
},
|
|
4976
|
+
}, Za = {
|
|
4959
4977
|
900: "#4A0A20",
|
|
4960
4978
|
800: "#79012F",
|
|
4961
4979
|
700: "#A2023F",
|
|
@@ -4966,7 +4984,7 @@ var Ga = {
|
|
|
4966
4984
|
200: "#FE7DAF",
|
|
4967
4985
|
100: "#FEA8C9",
|
|
4968
4986
|
50: "#FFD4E4"
|
|
4969
|
-
},
|
|
4987
|
+
}, Qa = {
|
|
4970
4988
|
900: "#8b1822",
|
|
4971
4989
|
800: "#ad1f2b",
|
|
4972
4990
|
700: "#d02533",
|
|
@@ -4978,7 +4996,7 @@ var Ga = {
|
|
|
4978
4996
|
100: "#ffd5d8",
|
|
4979
4997
|
50: "#ffebec",
|
|
4980
4998
|
20: "#fff4f4"
|
|
4981
|
-
},
|
|
4999
|
+
}, $a = {
|
|
4982
5000
|
900: "#EB7520",
|
|
4983
5001
|
800: "#ED912A",
|
|
4984
5002
|
700: "#EEA02F",
|
|
@@ -4989,47 +5007,47 @@ var Ga = {
|
|
|
4989
5007
|
200: "#F7DE8E",
|
|
4990
5008
|
100: "#FAEBB9",
|
|
4991
5009
|
50: "#FDF7E4"
|
|
4992
|
-
}, $a = {
|
|
4993
|
-
brand: Ga,
|
|
4994
|
-
gray: $,
|
|
4995
|
-
green: qa,
|
|
4996
|
-
blue: Ja,
|
|
4997
|
-
purple: Ya,
|
|
4998
|
-
pink: Xa,
|
|
4999
|
-
red: Za,
|
|
5000
|
-
yellow: Qa
|
|
5001
5010
|
}, eo = {
|
|
5002
|
-
|
|
5011
|
+
brand: Ka,
|
|
5012
|
+
gray: $,
|
|
5013
|
+
green: Ja,
|
|
5014
|
+
blue: Ya,
|
|
5015
|
+
purple: Xa,
|
|
5016
|
+
pink: Za,
|
|
5017
|
+
red: Qa,
|
|
5018
|
+
yellow: $a
|
|
5019
|
+
}, to = {
|
|
5020
|
+
bgDefault: qa,
|
|
5003
5021
|
bgContainer: $[50],
|
|
5004
5022
|
bgSubtle: $[100],
|
|
5005
|
-
bgBrandLighter:
|
|
5006
|
-
bgInfoLighter:
|
|
5007
|
-
bgSuccessLighter:
|
|
5008
|
-
bgWarningLighter:
|
|
5009
|
-
bgDangerLighter:
|
|
5023
|
+
bgBrandLighter: Ka[20],
|
|
5024
|
+
bgInfoLighter: Ya[50],
|
|
5025
|
+
bgSuccessLighter: Ja[50],
|
|
5026
|
+
bgWarningLighter: $a[50],
|
|
5027
|
+
bgDangerLighter: Qa[50],
|
|
5010
5028
|
fgDefault: $[900],
|
|
5011
5029
|
fgSecondary: $[600],
|
|
5012
5030
|
fgTertiary: $[500],
|
|
5013
5031
|
fgDisabled: $[400],
|
|
5014
|
-
fgInverse:
|
|
5015
|
-
fgBrand:
|
|
5016
|
-
fgInfo:
|
|
5017
|
-
fgSuccess:
|
|
5018
|
-
fgWarning:
|
|
5019
|
-
fgDanger:
|
|
5032
|
+
fgInverse: qa,
|
|
5033
|
+
fgBrand: Ka[500],
|
|
5034
|
+
fgInfo: Ya[600],
|
|
5035
|
+
fgSuccess: Ja[600],
|
|
5036
|
+
fgWarning: $a[800],
|
|
5037
|
+
fgDanger: Qa[800],
|
|
5020
5038
|
borderDefault: $[200],
|
|
5021
5039
|
borderSubtle: $[100],
|
|
5022
5040
|
borderStrong: $[300],
|
|
5023
|
-
borderBrand:
|
|
5041
|
+
borderBrand: Ka[500],
|
|
5024
5042
|
iconPrimary: $[900],
|
|
5025
5043
|
iconSecondary: $[600],
|
|
5026
|
-
iconInverse:
|
|
5027
|
-
iconBrand:
|
|
5028
|
-
iconInfo:
|
|
5029
|
-
iconDanger:
|
|
5030
|
-
iconWarning:
|
|
5031
|
-
},
|
|
5032
|
-
...
|
|
5044
|
+
iconInverse: qa,
|
|
5045
|
+
iconBrand: Ka[500],
|
|
5046
|
+
iconInfo: Ya[600],
|
|
5047
|
+
iconDanger: Qa[800],
|
|
5048
|
+
iconWarning: $a[800]
|
|
5049
|
+
}, no = {
|
|
5050
|
+
...to,
|
|
5033
5051
|
bgDefault: "#0B1120",
|
|
5034
5052
|
bgContainer: "#0F172A",
|
|
5035
5053
|
bgSubtle: "#121C30",
|
|
@@ -5038,16 +5056,16 @@ var Ga = {
|
|
|
5038
5056
|
bgSuccessLighter: "rgba(31, 193, 107, 0.15)",
|
|
5039
5057
|
bgWarningLighter: "rgba(237, 145, 42, 0.15)",
|
|
5040
5058
|
bgDangerLighter: "rgba(230, 27, 0, 0.15)",
|
|
5041
|
-
fgDefault:
|
|
5059
|
+
fgDefault: qa,
|
|
5042
5060
|
fgSecondary: $[400],
|
|
5043
5061
|
fgTertiary: $[500],
|
|
5044
5062
|
fgDisabled: $[600],
|
|
5045
5063
|
borderDefault: "rgba(255, 255, 255, 0.05)",
|
|
5046
5064
|
borderSubtle: "rgba(255, 255, 255, 0.03)",
|
|
5047
5065
|
borderStrong: "rgba(255, 255, 255, 0.10)",
|
|
5048
|
-
iconPrimary:
|
|
5066
|
+
iconPrimary: qa,
|
|
5049
5067
|
iconSecondary: $[400]
|
|
5050
|
-
},
|
|
5068
|
+
}, ro = {
|
|
5051
5069
|
ps: [
|
|
5052
5070
|
"Noto Sans Armenian",
|
|
5053
5071
|
"Noto Sans",
|
|
@@ -5062,7 +5080,7 @@ var Ga = {
|
|
|
5062
5080
|
"system-ui",
|
|
5063
5081
|
"sans-serif"
|
|
5064
5082
|
]
|
|
5065
|
-
},
|
|
5083
|
+
}, io = {
|
|
5066
5084
|
xl: {
|
|
5067
5085
|
fontSize: "64px",
|
|
5068
5086
|
lineHeight: "72px"
|
|
@@ -5087,7 +5105,7 @@ var Ga = {
|
|
|
5087
5105
|
fontSize: "24px",
|
|
5088
5106
|
lineHeight: "32px"
|
|
5089
5107
|
}
|
|
5090
|
-
},
|
|
5108
|
+
}, ao = {
|
|
5091
5109
|
lg: {
|
|
5092
5110
|
fontSize: "20px",
|
|
5093
5111
|
lineHeight: "28px"
|
|
@@ -5108,7 +5126,7 @@ var Ga = {
|
|
|
5108
5126
|
fontSize: "10px",
|
|
5109
5127
|
lineHeight: "14px"
|
|
5110
5128
|
}
|
|
5111
|
-
},
|
|
5129
|
+
}, oo = {
|
|
5112
5130
|
lg: {
|
|
5113
5131
|
fontSize: "20px",
|
|
5114
5132
|
lineHeight: "28px"
|
|
@@ -5133,19 +5151,19 @@ var Ga = {
|
|
|
5133
5151
|
fontSize: "6px",
|
|
5134
5152
|
lineHeight: "6px"
|
|
5135
5153
|
}
|
|
5136
|
-
}, oo = {
|
|
5137
|
-
headline: ro,
|
|
5138
|
-
paragraph: io,
|
|
5139
|
-
label: ao
|
|
5140
5154
|
}, so = {
|
|
5155
|
+
headline: io,
|
|
5156
|
+
paragraph: ao,
|
|
5157
|
+
label: oo
|
|
5158
|
+
}, co = {
|
|
5141
5159
|
sm: "2rem",
|
|
5142
5160
|
md: "2.5rem",
|
|
5143
5161
|
lg: "3rem"
|
|
5144
|
-
},
|
|
5162
|
+
}, lo = {
|
|
5145
5163
|
sm: "0.875rem",
|
|
5146
5164
|
md: "1rem",
|
|
5147
5165
|
lg: "1.25rem"
|
|
5148
|
-
},
|
|
5166
|
+
}, uo = {
|
|
5149
5167
|
xs: "2px",
|
|
5150
5168
|
sm: "4px",
|
|
5151
5169
|
md: "8px",
|
|
@@ -5154,7 +5172,7 @@ var Ga = {
|
|
|
5154
5172
|
"2xl": "20px",
|
|
5155
5173
|
"3xl": "24px",
|
|
5156
5174
|
full: "9999px"
|
|
5157
|
-
},
|
|
5175
|
+
}, fo = {
|
|
5158
5176
|
z1: "0 1px 2px 0 rgba(0, 0, 0, 0.06)",
|
|
5159
5177
|
z2: "0 1px 3px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.04)",
|
|
5160
5178
|
z3: "0 4px 8px 0 rgba(0, 0, 0, 0.08), 0 2px 4px 0 rgba(0, 0, 0, 0.04)",
|
|
@@ -5162,6 +5180,6 @@ var Ga = {
|
|
|
5162
5180
|
z5: "0 8px 16px 0 rgba(0, 0, 0, 0.12), 0 24px 32px 0 rgba(0, 0, 0, 0.12)"
|
|
5163
5181
|
};
|
|
5164
5182
|
//#endregion
|
|
5165
|
-
export { Xe as Accordion, Ze as AccordionItem, _t as Avatar, vt as AvatarGroup, Dt as Badge, At as Breadcrumb, nt as Button, Mt as ButtonGroup, Ft as Card, Lt as CardGroup, Bt as Checkbox, qt as Copy, en as Counter,
|
|
5183
|
+
export { Xe as Accordion, Ze as AccordionItem, _t as Avatar, vt as AvatarGroup, Dt as Badge, At as Breadcrumb, nt as Button, Mt as ButtonGroup, Ft as Card, Lt as CardGroup, Bt as Checkbox, qt as Copy, en as Counter, Hi as DataTable, hn as DatePicker, yn as DistributionBar, We as Divider, Dn as Drawer, In as DropdownContent, Ln as DropdownItem, zn as DropdownLabel, Nn as DropdownMenu, Rn as DropdownSeparator, Pn as DropdownTrigger, Xn as Empty, $n as Filter, tr as FormContainer, nr as FormField, Hn as IconTile, rr as InfoField, ar as InlineAlert, Qt as Input, or as Link, cr as Modal, dr as MultiSelect, gr as NotificationBadge, br as Pagination, Cr as PersonCard, Kt as Popover, Or as Progress, Nr as Radio, Ar as RadioGroup, Pr as ReadMore, ti as SelectV2, ii as Sidebar, ai as SidebarItem, li as Skeleton, mi as SnackbarProvider, vi as Status, Ai as StepIndicator, Ni as Switch, Ri as TBody, Vi as TD, Bi as TH, Li as THead, zi as TR, ya as Tab, ga as TabList, ba as TabPanel, Ii as Table, da as TableV2, Ui as TableV2ColumnFilter, Ji as TableV2ColumnVisibilityMenu, Gi as TableV2Pagination, $i as TableV2RowActionsMenu, Ki as TableV2Skeleton, Yi as TableV2Toolbar, ha as Tabs, qn as Text, xa as TextArea, Sa as ThemeSwitch, Ea as Tooltip, Aa as UnderConstruction, st as Upload, lt as UploadItem, Ya as blue, Ka as brand, Q as cn, eo as colorPrimitives, co as controlHeight, ra as createRowActionsColumn, na as createSelectionColumn, no as darkTheme, ro as fontFamily, ia as getPinnedStyles, $ as gray, Ja as green, io as headline, lo as iconSize, oo as label, to as lightTheme, ao as paragraph, Za as pink, Xa as purple, uo as radius, Qa as red, fo as shadows, so as typography, Ia as useEscapeKey, me as useFieldArray, Ha as useFormContext, Ga as useFormProps, za as useHideBodyScroll, Va as useIsMobile, Fa as useOnOutsideClick, pi as useSnackbar, Ma as useStepper, ot as validateSingleFile, qa as white, $a as yellow };
|
|
5166
5184
|
|
|
5167
5185
|
//# sourceMappingURL=index.js.map
|