@dinofront/design_system 1.14.0 → 1.15.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/index.js
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
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
|
|
3
|
-
import { clsx as
|
|
4
|
-
import { extendTailwindMerge as
|
|
5
|
-
import { Fragment as
|
|
6
|
-
import { createPortal as
|
|
7
|
-
import { Controller as
|
|
8
|
-
import { yupResolver as
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import { useVirtualizer as
|
|
14
|
-
import { flexRender as
|
|
15
|
-
import { DndContext as
|
|
16
|
-
import { SortableContext as
|
|
17
|
-
import { CSS 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 ee, Download as A, EyeOff as j, File as te, GripVertical as ne, Info as M, Loader2 as N, Menu as P, Minus as F, Monitor as I, Moon as re, MoreHorizontal as L, MoreVertical as ie, Paperclip as ae, Pencil as oe, Pin as se, PinOff as ce, Plus as le, RefreshCw as R, Search as ue, SearchX as de, Smartphone as fe, Sparkles as z, Sun as pe, Tablet as me, TabletSmartphone as he, Trash2 as ge, UploadCloud as B, User as _e, X as V, XCircle as ve } from "lucide-react";
|
|
3
|
+
import { clsx as H } from "clsx";
|
|
4
|
+
import { extendTailwindMerge as ye } from "tailwind-merge";
|
|
5
|
+
import { Fragment as U, jsx as W, jsxs as G } from "react/jsx-runtime";
|
|
6
|
+
import { createPortal as be } from "react-dom";
|
|
7
|
+
import { Controller as xe, useFieldArray as Se, useForm as Ce } from "react-hook-form";
|
|
8
|
+
import { yupResolver as we } from "@hookform/resolvers/yup";
|
|
9
|
+
import Te, { components as Ee } from "react-select";
|
|
10
|
+
import De from "react-select/async";
|
|
11
|
+
import Oe from "react-select/creatable";
|
|
12
|
+
import ke from "react-select/async-creatable";
|
|
13
|
+
import { useVirtualizer as Ae } from "@tanstack/react-virtual";
|
|
14
|
+
import { flexRender as je, getCoreRowModel as Me, getFilteredRowModel as Ne, getPaginationRowModel as Pe, getSortedRowModel as Fe, useReactTable as Ie } from "@tanstack/react-table";
|
|
15
|
+
import { DndContext as Le, KeyboardSensor as K, PointerSensor as Re, closestCenter as ze, useSensor as Be, useSensors as Ve } from "@dnd-kit/core";
|
|
16
|
+
import { SortableContext as He, arrayMove as Ue, horizontalListSortingStrategy as q, sortableKeyboardCoordinates as J, useSortable as Y } from "@dnd-kit/sortable";
|
|
17
|
+
import { CSS as We } from "@dnd-kit/utilities";
|
|
18
18
|
//#region src/lib/cn.ts
|
|
19
|
-
var
|
|
19
|
+
var Ge = ye({ extend: { theme: { text: [
|
|
20
20
|
"h-xl",
|
|
21
21
|
"h-lg",
|
|
22
22
|
"h-md",
|
|
@@ -35,91 +35,91 @@ var We = _e({ extend: { theme: { text: [
|
|
|
35
35
|
"label-xs",
|
|
36
36
|
"label-xxs"
|
|
37
37
|
] } } });
|
|
38
|
-
function
|
|
39
|
-
return
|
|
38
|
+
function X(...e) {
|
|
39
|
+
return Ge(H(e));
|
|
40
40
|
}
|
|
41
41
|
//#endregion
|
|
42
42
|
//#region src/components/Divider/Divider.tsx
|
|
43
|
-
var
|
|
43
|
+
var Ke = {
|
|
44
44
|
horizontal: "h-0 w-full border-t",
|
|
45
45
|
vertical: "w-0 h-full self-stretch border-l"
|
|
46
|
-
},
|
|
46
|
+
}, qe = {
|
|
47
47
|
solid: "border-solid",
|
|
48
48
|
dashed: "border-dashed"
|
|
49
|
-
},
|
|
49
|
+
}, Je = {
|
|
50
50
|
default: "border-border-default",
|
|
51
51
|
subtle: "border-border-subtle",
|
|
52
52
|
strong: "border-border-strong",
|
|
53
53
|
brand: "border-border-brand"
|
|
54
|
-
},
|
|
55
|
-
return /* @__PURE__ */
|
|
54
|
+
}, Ye = a(function({ orientation: e = "horizontal", variant: t = "solid", color: n = "default", className: r, dataTestId: i, ...a }, o) {
|
|
55
|
+
return /* @__PURE__ */ W("div", {
|
|
56
56
|
ref: o,
|
|
57
57
|
role: "separator",
|
|
58
58
|
"aria-orientation": e,
|
|
59
59
|
"data-test-id": i,
|
|
60
|
-
className:
|
|
60
|
+
className: X("shrink-0", Ke[e], qe[t], Je[n], r),
|
|
61
61
|
...a
|
|
62
62
|
});
|
|
63
|
-
}),
|
|
64
|
-
function
|
|
65
|
-
let e = c(
|
|
63
|
+
}), Xe = (e, t) => e !== void 0 && t !== void 0 && String(e) === String(t), Ze = (e, t) => e.some((e) => Xe(e, t)), Qe = r(null);
|
|
64
|
+
function $e() {
|
|
65
|
+
let e = c(Qe);
|
|
66
66
|
if (!e) throw Error("AccordionItem must be used inside <Accordion>");
|
|
67
67
|
return e;
|
|
68
68
|
}
|
|
69
|
-
function
|
|
69
|
+
function et(e) {
|
|
70
70
|
return e === void 0 ? [] : Array.isArray(e) ? e : [e];
|
|
71
71
|
}
|
|
72
|
-
var
|
|
73
|
-
let [d, f] = m(() =>
|
|
74
|
-
return /* @__PURE__ */
|
|
72
|
+
var Z = a(function({ type: e = "single", defaultValue: t, value: n, onValueChange: r, animated: i = !0, showDivider: a = !1, className: o, children: s, dataTestId: c, ...l }, u) {
|
|
73
|
+
let [d, f] = m(() => et(t)), p = n !== void 0, h = p ? et(n) : d;
|
|
74
|
+
return /* @__PURE__ */ W(Qe.Provider, {
|
|
75
75
|
value: {
|
|
76
76
|
openValues: h,
|
|
77
77
|
toggle: (t) => {
|
|
78
|
-
let n =
|
|
79
|
-
i = e === "single" ? n ? [] : [t] : n ? h.filter((e) => !
|
|
78
|
+
let n = Ze(h, t), i;
|
|
79
|
+
i = e === "single" ? n ? [] : [t] : n ? h.filter((e) => !Xe(e, t)) : [...h, t], p || f(i), r?.(e === "single" ? i[0] : i);
|
|
80
80
|
},
|
|
81
81
|
animated: i,
|
|
82
82
|
showDivider: a
|
|
83
83
|
},
|
|
84
|
-
children: /* @__PURE__ */
|
|
84
|
+
children: /* @__PURE__ */ W("div", {
|
|
85
85
|
ref: u,
|
|
86
86
|
"data-test-id": c,
|
|
87
|
-
className:
|
|
87
|
+
className: X("flex flex-col divide-y divide-border-default border border-border-default rounded-lg overflow-hidden bg-bg-default", o),
|
|
88
88
|
...l,
|
|
89
89
|
children: s
|
|
90
90
|
})
|
|
91
91
|
});
|
|
92
92
|
}), tt = a(function({ value: e, title: t, icon: n, disabled: r, className: i, children: a, dataTestId: o, ...s }, c) {
|
|
93
|
-
let { openValues: l, toggle: d, animated: f, showDivider: p } =
|
|
94
|
-
return /* @__PURE__ */
|
|
93
|
+
let { openValues: l, toggle: d, animated: f, showDivider: p } = $e(), m = Ze(l, e), h = u(), g = u(), _ = /* @__PURE__ */ G(U, { children: [p && /* @__PURE__ */ W(Ye, { className: "mb-4" }), a] });
|
|
94
|
+
return /* @__PURE__ */ G("div", {
|
|
95
95
|
ref: c,
|
|
96
96
|
"data-test-id": o,
|
|
97
97
|
"data-state": m ? "open" : "closed",
|
|
98
|
-
className:
|
|
98
|
+
className: X("group", i),
|
|
99
99
|
...s,
|
|
100
|
-
children: [/* @__PURE__ */
|
|
100
|
+
children: [/* @__PURE__ */ W("h3", { children: /* @__PURE__ */ G("button", {
|
|
101
101
|
id: g,
|
|
102
102
|
type: "button",
|
|
103
103
|
onClick: () => d(e),
|
|
104
104
|
disabled: r,
|
|
105
105
|
"aria-expanded": m,
|
|
106
106
|
"aria-controls": h,
|
|
107
|
-
className:
|
|
108
|
-
children: [/* @__PURE__ */
|
|
107
|
+
className: X("flex w-full items-center justify-between gap-3 px-5 py-4 text-left", "text-p-md font-medium text-fg-default", "hover:bg-bg-container transition-colors", "focus-visible:outline-none focus-visible:bg-bg-container", "disabled:opacity-50 disabled:cursor-not-allowed"),
|
|
108
|
+
children: [/* @__PURE__ */ G("span", {
|
|
109
109
|
className: "inline-flex items-center gap-3",
|
|
110
|
-
children: [n && /* @__PURE__ */
|
|
110
|
+
children: [n && /* @__PURE__ */ W("span", {
|
|
111
111
|
className: "inline-flex text-fg-secondary",
|
|
112
112
|
children: n
|
|
113
113
|
}), t]
|
|
114
|
-
}), /* @__PURE__ */
|
|
115
|
-
className:
|
|
114
|
+
}), /* @__PURE__ */ W(S, {
|
|
115
|
+
className: X("h-5 w-5 shrink-0 text-fg-secondary transition-transform duration-200", m && "rotate-180"),
|
|
116
116
|
"aria-hidden": !0
|
|
117
117
|
})]
|
|
118
|
-
}) }), f ? /* @__PURE__ */
|
|
119
|
-
className:
|
|
120
|
-
children: /* @__PURE__ */
|
|
118
|
+
}) }), f ? /* @__PURE__ */ W("div", {
|
|
119
|
+
className: X("grid transition-[grid-template-rows] duration-200 ease-out motion-reduce:transition-none", m ? "grid-rows-[1fr]" : "grid-rows-[0fr]"),
|
|
120
|
+
children: /* @__PURE__ */ W("div", {
|
|
121
121
|
className: "overflow-hidden min-h-0",
|
|
122
|
-
children: /* @__PURE__ */
|
|
122
|
+
children: /* @__PURE__ */ W("div", {
|
|
123
123
|
id: h,
|
|
124
124
|
role: "region",
|
|
125
125
|
"aria-labelledby": g,
|
|
@@ -128,7 +128,7 @@ var et = a(function({ type: e = "single", defaultValue: t, value: n, onValueChan
|
|
|
128
128
|
children: _
|
|
129
129
|
})
|
|
130
130
|
})
|
|
131
|
-
}) : /* @__PURE__ */
|
|
131
|
+
}) : /* @__PURE__ */ W("div", {
|
|
132
132
|
id: h,
|
|
133
133
|
role: "region",
|
|
134
134
|
"aria-labelledby": g,
|
|
@@ -176,7 +176,7 @@ var et = a(function({ type: e = "single", defaultValue: t, value: n, onValueChan
|
|
|
176
176
|
tertiary: "bg-bg-subtle",
|
|
177
177
|
danger: "bg-red-900"
|
|
178
178
|
}, ot = a(function({ variant: e = "primary", size: t = "md", leftIcon: n, rightIcon: r, loading: i = !1, iconOnly: a = !1, fullWidth: o = !1, pressed: s = !1, disabled: c, className: l, children: u, onClick: d, dataTestId: f, ...p }, m) {
|
|
179
|
-
return /* @__PURE__ */
|
|
179
|
+
return /* @__PURE__ */ W("button", {
|
|
180
180
|
ref: m,
|
|
181
181
|
disabled: c || i,
|
|
182
182
|
"aria-pressed": s,
|
|
@@ -188,18 +188,18 @@ var et = a(function({ type: e = "single", defaultValue: t, value: n, onValueChan
|
|
|
188
188
|
}
|
|
189
189
|
d?.(e);
|
|
190
190
|
},
|
|
191
|
-
className:
|
|
191
|
+
className: X("inline-flex items-center justify-center font-medium transition-colors outline-none cursor-pointer", a ? rt[t] : nt[t], it[e], s && at[e], o && "w-full", l),
|
|
192
192
|
...p,
|
|
193
|
-
children: i ? /* @__PURE__ */
|
|
193
|
+
children: i ? /* @__PURE__ */ W(N, {
|
|
194
194
|
className: "h-4 w-4 animate-spin",
|
|
195
195
|
"aria-hidden": !0
|
|
196
|
-
}) : /* @__PURE__ */
|
|
197
|
-
n && /* @__PURE__ */
|
|
196
|
+
}) : /* @__PURE__ */ G(U, { children: [
|
|
197
|
+
n && /* @__PURE__ */ W("span", {
|
|
198
198
|
className: "inline-flex shrink-0",
|
|
199
199
|
children: n
|
|
200
200
|
}),
|
|
201
201
|
u,
|
|
202
|
-
r && /* @__PURE__ */
|
|
202
|
+
r && /* @__PURE__ */ W("span", {
|
|
203
203
|
className: "inline-flex shrink-0",
|
|
204
204
|
children: r
|
|
205
205
|
})
|
|
@@ -229,7 +229,7 @@ function ut(e, { accept: t, maxSizeMB: n }) {
|
|
|
229
229
|
return t && !st(e, t) ? "type" : n !== void 0 && e.size > n * 1024 * 1024 ? "size" : null;
|
|
230
230
|
}
|
|
231
231
|
var dt = a(function({ accept: e, multiple: t = !1, maxSizeMB: n, hint: r, onFiles: i, disabled: a, validateFiles: o = !1, maxFiles: s, dedupe: c = o, currentFiles: l = [], onReject: d, showFileList: f = !1, onRemoveFile: h, mode: g = "dropzone", triggerLabel: _, triggerIcon: v, label: y, required: b, error: x = !1, errorText: S, labelAddons: C, className: w, dataTestId: T, ...E }, D) {
|
|
232
|
-
let O = p(null), [k,
|
|
232
|
+
let O = p(null), [k, ee] = m(!1), A = p(0), j = x || !!S, te = u(), ne = S ? `${te}-error` : void 0, M = (t) => {
|
|
233
233
|
if (!t.length) return;
|
|
234
234
|
if (!o) {
|
|
235
235
|
i?.(t);
|
|
@@ -265,90 +265,90 @@ var dt = 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
|
-
},
|
|
269
|
-
e.preventDefault(),
|
|
270
|
-
},
|
|
268
|
+
}, N = (e) => {
|
|
269
|
+
e.preventDefault(), A.current = 0, ee(!1), !a && M(Array.from(e.dataTransfer.files ?? []));
|
|
270
|
+
}, P = r ?? `${e ? e.toUpperCase().replace(/\./g, "") : "Any file"}${n ? `, up to ${n} MB` : ""}`, F = /* @__PURE__ */ W("input", {
|
|
271
271
|
ref: O,
|
|
272
272
|
type: "file",
|
|
273
273
|
accept: e,
|
|
274
274
|
multiple: t,
|
|
275
275
|
disabled: a,
|
|
276
276
|
onChange: (e) => {
|
|
277
|
-
|
|
277
|
+
M(Array.from(e.target.files ?? [])), e.target.value = "";
|
|
278
278
|
},
|
|
279
279
|
className: "sr-only"
|
|
280
|
-
}),
|
|
280
|
+
}), I = (y || C) && /* @__PURE__ */ G("div", {
|
|
281
281
|
className: "flex items-center gap-1.5",
|
|
282
|
-
children: [y && /* @__PURE__ */
|
|
282
|
+
children: [y && /* @__PURE__ */ G("span", {
|
|
283
283
|
className: "text-p-std font-medium text-fg-default inline-flex items-center gap-1",
|
|
284
|
-
children: [y, b && /* @__PURE__ */
|
|
284
|
+
children: [y, b && /* @__PURE__ */ W("span", {
|
|
285
285
|
className: "text-red-600",
|
|
286
286
|
"aria-hidden": !0,
|
|
287
287
|
children: "*"
|
|
288
288
|
})]
|
|
289
|
-
}), C && /* @__PURE__ */
|
|
289
|
+
}), C && /* @__PURE__ */ W("span", {
|
|
290
290
|
className: "inline-flex items-center gap-1",
|
|
291
291
|
children: C
|
|
292
292
|
})]
|
|
293
|
-
}),
|
|
294
|
-
id: `${
|
|
293
|
+
}), re = S ? /* @__PURE__ */ W("p", {
|
|
294
|
+
id: `${te}-error`,
|
|
295
295
|
className: "text-p-sm text-red-700",
|
|
296
296
|
children: S
|
|
297
|
-
}) : null,
|
|
297
|
+
}) : null, L = f && l.length > 0 && /* @__PURE__ */ W("div", {
|
|
298
298
|
className: "flex flex-col gap-2",
|
|
299
|
-
children: l.map((e, t) => /* @__PURE__ */
|
|
299
|
+
children: l.map((e, t) => /* @__PURE__ */ W(pt, {
|
|
300
300
|
name: e.name,
|
|
301
301
|
meta: lt(e.size),
|
|
302
302
|
status: "completed",
|
|
303
303
|
onRemove: g !== "view" && h ? () => h(e, t) : void 0
|
|
304
304
|
}, `${t}-${e.name}-${e.size}`))
|
|
305
305
|
});
|
|
306
|
-
if (g === "view") return /* @__PURE__ */
|
|
306
|
+
if (g === "view") return /* @__PURE__ */ G("div", {
|
|
307
307
|
ref: D,
|
|
308
308
|
"data-test-id": T,
|
|
309
|
-
className:
|
|
309
|
+
className: X("flex flex-col gap-1.5", w),
|
|
310
310
|
...E,
|
|
311
311
|
children: [
|
|
312
|
+
I,
|
|
312
313
|
L,
|
|
313
|
-
|
|
314
|
-
R
|
|
314
|
+
re
|
|
315
315
|
]
|
|
316
316
|
});
|
|
317
317
|
if (g !== "dropzone") {
|
|
318
318
|
let e = g === "icon";
|
|
319
|
-
return /* @__PURE__ */
|
|
319
|
+
return /* @__PURE__ */ G("div", {
|
|
320
320
|
ref: D,
|
|
321
321
|
"data-test-id": T,
|
|
322
|
-
className:
|
|
322
|
+
className: X("flex flex-col gap-1.5", w),
|
|
323
323
|
...E,
|
|
324
324
|
children: [
|
|
325
|
-
|
|
326
|
-
/* @__PURE__ */
|
|
325
|
+
I,
|
|
326
|
+
/* @__PURE__ */ W(ot, {
|
|
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__ */
|
|
332
|
+
leftIcon: e ? void 0 : v ?? /* @__PURE__ */ W(ae, { className: "h-4 w-4" }),
|
|
333
333
|
"aria-label": e ? "Upload file" : void 0,
|
|
334
|
-
children: e ? v ?? /* @__PURE__ */
|
|
334
|
+
children: e ? v ?? /* @__PURE__ */ W(oe, { className: "h-4 w-4" }) : _ ?? "Choose a file"
|
|
335
335
|
}),
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
336
|
+
F,
|
|
337
|
+
L,
|
|
338
|
+
re
|
|
339
339
|
]
|
|
340
340
|
});
|
|
341
341
|
}
|
|
342
|
-
let
|
|
342
|
+
let ie = /* @__PURE__ */ G("div", {
|
|
343
343
|
ref: D,
|
|
344
344
|
onDragEnter: () => {
|
|
345
|
-
|
|
345
|
+
A.current += 1, a || ee(!0);
|
|
346
346
|
},
|
|
347
347
|
onDragOver: (e) => e.preventDefault(),
|
|
348
348
|
onDragLeave: () => {
|
|
349
|
-
|
|
349
|
+
A.current = Math.max(0, A.current - 1), A.current === 0 && ee(!1);
|
|
350
350
|
},
|
|
351
|
-
onDrop:
|
|
351
|
+
onDrop: N,
|
|
352
352
|
onClick: () => !a && O.current?.click(),
|
|
353
353
|
role: "button",
|
|
354
354
|
tabIndex: 0,
|
|
@@ -356,39 +356,39 @@ var dt = a(function({ accept: e, multiple: t = !1, maxSizeMB: n, hint: r, onFile
|
|
|
356
356
|
(e.key === "Enter" || e.key === " ") && !a && (e.preventDefault(), O.current?.click());
|
|
357
357
|
},
|
|
358
358
|
"aria-disabled": a || void 0,
|
|
359
|
-
"aria-invalid":
|
|
360
|
-
"aria-describedby":
|
|
359
|
+
"aria-invalid": j || void 0,
|
|
360
|
+
"aria-describedby": ne,
|
|
361
361
|
"data-test-id": T,
|
|
362
|
-
className:
|
|
362
|
+
className: X("flex flex-col items-center justify-center text-center gap-2 px-6 py-8 rounded-lg border-2 border-dashed cursor-pointer transition-colors outline-none", j ? "border-red-300 bg-bg-danger-lighter" : k ? "border-brand-500 bg-brand-20" : "border-border-default bg-bg-container hover:bg-bg-subtle", "focus-visible:ring-2 focus-visible:ring-brand-300 focus-visible:ring-offset-1", a && "opacity-50 cursor-not-allowed", w),
|
|
363
363
|
...E,
|
|
364
364
|
children: [
|
|
365
|
-
/* @__PURE__ */
|
|
365
|
+
/* @__PURE__ */ W("div", {
|
|
366
366
|
className: "h-10 w-10 rounded-full bg-bg-default flex items-center justify-center text-fg-secondary shadow-z1",
|
|
367
|
-
children: /* @__PURE__ */
|
|
367
|
+
children: /* @__PURE__ */ W(B, { className: "h-5 w-5" })
|
|
368
368
|
}),
|
|
369
|
-
/* @__PURE__ */
|
|
369
|
+
/* @__PURE__ */ G("div", {
|
|
370
370
|
className: "flex flex-col gap-0.5",
|
|
371
|
-
children: [/* @__PURE__ */
|
|
371
|
+
children: [/* @__PURE__ */ G("p", {
|
|
372
372
|
className: "text-p-std text-fg-default",
|
|
373
|
-
children: [/* @__PURE__ */
|
|
373
|
+
children: [/* @__PURE__ */ W("span", {
|
|
374
374
|
className: "font-semibold text-brand-700",
|
|
375
375
|
children: "Choose a file"
|
|
376
376
|
}), " or drag & drop it here."]
|
|
377
|
-
}), /* @__PURE__ */
|
|
377
|
+
}), /* @__PURE__ */ W("p", {
|
|
378
378
|
className: "text-p-sm text-fg-tertiary",
|
|
379
|
-
children:
|
|
379
|
+
children: P
|
|
380
380
|
})]
|
|
381
381
|
}),
|
|
382
|
-
|
|
382
|
+
F
|
|
383
383
|
]
|
|
384
384
|
});
|
|
385
|
-
return !
|
|
385
|
+
return !I && !re && !L ? ie : /* @__PURE__ */ G("div", {
|
|
386
386
|
className: "flex flex-col gap-1.5",
|
|
387
387
|
children: [
|
|
388
|
+
I,
|
|
389
|
+
ie,
|
|
388
390
|
L,
|
|
389
|
-
|
|
390
|
-
z,
|
|
391
|
-
R
|
|
391
|
+
re
|
|
392
392
|
]
|
|
393
393
|
});
|
|
394
394
|
}), ft = {
|
|
@@ -397,59 +397,59 @@ var dt = a(function({ accept: e, multiple: t = !1, maxSizeMB: n, hint: r, onFile
|
|
|
397
397
|
error: "border-red-300 bg-bg-danger-lighter"
|
|
398
398
|
}, pt = a(function({ name: e, meta: t, status: n = "processing", progress: r = 0, errorText: i, onRetry: a, onRemove: o, onOpen: s, previewSrc: c, className: l, dataTestId: u, ...d }, f) {
|
|
399
399
|
let [p, g] = m(!1), _ = !!c && !p;
|
|
400
|
-
return /* @__PURE__ */
|
|
400
|
+
return /* @__PURE__ */ G("div", {
|
|
401
401
|
ref: f,
|
|
402
402
|
"data-test-id": u,
|
|
403
|
-
className:
|
|
403
|
+
className: X("flex items-start gap-3 px-3 py-2.5 rounded-lg border", ft[n], l),
|
|
404
404
|
...d,
|
|
405
405
|
children: [
|
|
406
|
-
/* @__PURE__ */
|
|
407
|
-
className:
|
|
408
|
-
children: _ ? /* @__PURE__ */
|
|
406
|
+
/* @__PURE__ */ W("div", {
|
|
407
|
+
className: X("shrink-0 flex items-center justify-center h-9 w-9 rounded-md overflow-hidden", !_ && (n === "error" ? "bg-red-100 dark:bg-red-900/30 text-red-700" : "bg-bg-subtle text-fg-secondary")),
|
|
408
|
+
children: _ ? /* @__PURE__ */ W("img", {
|
|
409
409
|
src: c,
|
|
410
410
|
alt: "",
|
|
411
411
|
className: "h-full w-full object-cover",
|
|
412
412
|
onError: () => g(!0)
|
|
413
|
-
}) : /* @__PURE__ */
|
|
413
|
+
}) : /* @__PURE__ */ W(te, { className: "h-4 w-4" })
|
|
414
414
|
}),
|
|
415
|
-
/* @__PURE__ */
|
|
415
|
+
/* @__PURE__ */ G("div", {
|
|
416
416
|
className: "flex-1 min-w-0",
|
|
417
417
|
children: [
|
|
418
|
-
/* @__PURE__ */
|
|
418
|
+
/* @__PURE__ */ G("div", {
|
|
419
419
|
className: "flex items-baseline justify-between gap-2",
|
|
420
|
-
children: [s ? /* @__PURE__ */
|
|
420
|
+
children: [s ? /* @__PURE__ */ W("button", {
|
|
421
421
|
type: "button",
|
|
422
422
|
onClick: s,
|
|
423
423
|
className: "truncate text-p-std font-medium text-fg-default text-left rounded-sm hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-300 min-w-0",
|
|
424
424
|
children: e
|
|
425
|
-
}) : /* @__PURE__ */
|
|
425
|
+
}) : /* @__PURE__ */ W("p", {
|
|
426
426
|
className: "truncate text-p-std font-medium text-fg-default",
|
|
427
427
|
children: e
|
|
428
|
-
}), /* @__PURE__ */
|
|
428
|
+
}), /* @__PURE__ */ G("div", {
|
|
429
429
|
className: "flex items-center gap-1 shrink-0",
|
|
430
|
-
children: [n === "completed" && /* @__PURE__ */
|
|
430
|
+
children: [n === "completed" && /* @__PURE__ */ W(x, {
|
|
431
431
|
className: "h-4 w-4 text-green-600",
|
|
432
432
|
"aria-label": "Completed"
|
|
433
|
-
}), n === "error" && /* @__PURE__ */
|
|
433
|
+
}), n === "error" && /* @__PURE__ */ W(h, {
|
|
434
434
|
className: "h-4 w-4 text-red-600",
|
|
435
435
|
"aria-label": "Failed"
|
|
436
436
|
})]
|
|
437
437
|
})]
|
|
438
438
|
}),
|
|
439
|
-
t && /* @__PURE__ */
|
|
439
|
+
t && /* @__PURE__ */ W("p", {
|
|
440
440
|
className: "text-p-sm text-fg-tertiary mt-0.5",
|
|
441
441
|
children: t
|
|
442
442
|
}),
|
|
443
|
-
n === "processing" && /* @__PURE__ */
|
|
443
|
+
n === "processing" && /* @__PURE__ */ W("div", {
|
|
444
444
|
className: "mt-2 h-1 w-full rounded-full bg-bg-subtle overflow-hidden",
|
|
445
|
-
children: /* @__PURE__ */
|
|
445
|
+
children: /* @__PURE__ */ W("div", {
|
|
446
446
|
className: "h-full bg-brand-500 transition-[width] duration-200",
|
|
447
447
|
style: { width: `${Math.min(100, Math.max(0, r))}%` }
|
|
448
448
|
})
|
|
449
449
|
}),
|
|
450
|
-
n === "error" && i && /* @__PURE__ */
|
|
450
|
+
n === "error" && i && /* @__PURE__ */ G("p", {
|
|
451
451
|
className: "text-p-sm text-red-700 mt-1",
|
|
452
|
-
children: [i, a && /* @__PURE__ */
|
|
452
|
+
children: [i, a && /* @__PURE__ */ W("button", {
|
|
453
453
|
type: "button",
|
|
454
454
|
onClick: a,
|
|
455
455
|
className: "ml-2 underline font-medium hover:no-underline",
|
|
@@ -458,12 +458,12 @@ var dt = a(function({ accept: e, multiple: t = !1, maxSizeMB: n, hint: r, onFile
|
|
|
458
458
|
})
|
|
459
459
|
]
|
|
460
460
|
}),
|
|
461
|
-
o && /* @__PURE__ */
|
|
461
|
+
o && /* @__PURE__ */ W("button", {
|
|
462
462
|
type: "button",
|
|
463
463
|
onClick: o,
|
|
464
464
|
"aria-label": "Remove",
|
|
465
465
|
className: "shrink-0 p-1 rounded-md text-fg-tertiary hover:text-fg-default hover:bg-bg-subtle focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-300",
|
|
466
|
-
children:
|
|
466
|
+
children: W(n === "completed" ? ge : V, { className: "h-4 w-4" })
|
|
467
467
|
})
|
|
468
468
|
]
|
|
469
469
|
});
|
|
@@ -546,35 +546,35 @@ var xt = a(function({ src: e, alt: t, name: n, size: r = "md", status: i, shape:
|
|
|
546
546
|
}
|
|
547
547
|
let r = URL.createObjectURL(t);
|
|
548
548
|
T.current = r, S(r), b(!1), c?.(t);
|
|
549
|
-
}, D = x ?? e, O = !!D && !y, k = n ? yt(n) : "",
|
|
550
|
-
return /* @__PURE__ */
|
|
549
|
+
}, D = x ?? e, O = !!D && !y, k = n ? yt(n) : "", ee = n ? bt(n) : "bg-gray-300 dark:bg-gray-600";
|
|
550
|
+
return /* @__PURE__ */ G("span", {
|
|
551
551
|
ref: v,
|
|
552
552
|
"data-test-id": g,
|
|
553
|
-
className:
|
|
553
|
+
className: X("relative inline-flex shrink-0", h),
|
|
554
554
|
..._,
|
|
555
555
|
children: [
|
|
556
|
-
/* @__PURE__ */
|
|
557
|
-
className:
|
|
558
|
-
children: O ? /* @__PURE__ */
|
|
556
|
+
/* @__PURE__ */ W("span", {
|
|
557
|
+
className: X("inline-flex items-center justify-center overflow-hidden font-semibold text-white select-none", mt[r], a === "circle" ? "rounded-full" : "rounded-md", !O && ee),
|
|
558
|
+
children: O ? /* @__PURE__ */ W("img", {
|
|
559
559
|
src: D,
|
|
560
560
|
alt: t ?? n ?? "",
|
|
561
561
|
onError: () => b(!0),
|
|
562
562
|
className: "h-full w-full object-cover"
|
|
563
|
-
}) : n ? k : o ?? /* @__PURE__ */
|
|
563
|
+
}) : n ? k : o ?? /* @__PURE__ */ W(_e, { className: "h-1/2 w-1/2 text-white/90" })
|
|
564
564
|
}),
|
|
565
|
-
i && /* @__PURE__ */
|
|
565
|
+
i && /* @__PURE__ */ W("span", {
|
|
566
566
|
"aria-label": i,
|
|
567
|
-
className:
|
|
567
|
+
className: X("absolute bottom-0 rounded-full ring-2 ring-white", s ? "left-0" : "right-0", ht[r], gt[i])
|
|
568
568
|
}),
|
|
569
|
-
s && /* @__PURE__ */
|
|
569
|
+
s && /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W("button", {
|
|
570
570
|
type: "button",
|
|
571
571
|
onClick: (e) => {
|
|
572
572
|
e.stopPropagation(), C.current?.click();
|
|
573
573
|
},
|
|
574
574
|
"aria-label": "Change avatar image",
|
|
575
|
-
className:
|
|
576
|
-
children: /* @__PURE__ */
|
|
577
|
-
}), /* @__PURE__ */
|
|
575
|
+
className: X("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", vt[r]),
|
|
576
|
+
children: /* @__PURE__ */ W(oe, { className: "h-1/2 w-1/2" })
|
|
577
|
+
}), /* @__PURE__ */ W("input", {
|
|
578
578
|
ref: C,
|
|
579
579
|
type: "file",
|
|
580
580
|
accept: u,
|
|
@@ -588,18 +588,18 @@ var xt = a(function({ src: e, alt: t, name: n, size: r = "md", status: i, shape:
|
|
|
588
588
|
});
|
|
589
589
|
}), St = a(function({ size: e = "md", max: t, children: n, className: r, dataTestId: i, ...a }, o) {
|
|
590
590
|
let s = Array.isArray(n) ? n : [n], c = t === void 0 ? s : s.slice(0, t), l = t === void 0 ? 0 : s.length - t;
|
|
591
|
-
return /* @__PURE__ */
|
|
591
|
+
return /* @__PURE__ */ G("div", {
|
|
592
592
|
ref: o,
|
|
593
593
|
"data-test-id": i,
|
|
594
|
-
className:
|
|
594
|
+
className: X("inline-flex items-center", r),
|
|
595
595
|
...a,
|
|
596
|
-
children: [c.map((t, n) => /* @__PURE__ */
|
|
597
|
-
className:
|
|
596
|
+
children: [c.map((t, n) => /* @__PURE__ */ W("div", {
|
|
597
|
+
className: X("rounded-full ring-2 ring-white", n > 0 && _t[e]),
|
|
598
598
|
style: { zIndex: c.length - n },
|
|
599
599
|
children: t
|
|
600
|
-
}, n)), l > 0 && /* @__PURE__ */
|
|
601
|
-
className:
|
|
602
|
-
children: /* @__PURE__ */
|
|
600
|
+
}, n)), l > 0 && /* @__PURE__ */ W("div", {
|
|
601
|
+
className: X("rounded-full ring-2 ring-white", _t[e]),
|
|
602
|
+
children: /* @__PURE__ */ W(xt, {
|
|
603
603
|
size: e,
|
|
604
604
|
name: `+${l}`
|
|
605
605
|
})
|
|
@@ -655,16 +655,16 @@ var xt = a(function({ src: e, alt: t, name: n, size: r = "md", status: i, shape:
|
|
|
655
655
|
accent: "hover:brightness-90 active:brightness-80"
|
|
656
656
|
}, jt = a(function({ variant: e = "neutral", appearance: t = "filled", size: n = "md", shape: r = "rounded", leftIcon: i, rightIcon: a, onDismiss: o, dot: s = !1, withDot: c = !1, disabled: l = !1, interactive: u = !1, className: d, children: f, dataTestId: p, onClick: m, onKeyDown: h, ...g }, _) {
|
|
657
657
|
let v = t === "filled" ? Dt[e] : t === "outline" ? Ot[e] : kt[e];
|
|
658
|
-
if (s) return /* @__PURE__ */
|
|
658
|
+
if (s) return /* @__PURE__ */ W("span", {
|
|
659
659
|
ref: _,
|
|
660
660
|
"data-test-id": p,
|
|
661
661
|
"aria-hidden": !g["aria-label"] || void 0,
|
|
662
662
|
onClick: l ? void 0 : m,
|
|
663
|
-
className:
|
|
663
|
+
className: X("inline-block shrink-0 rounded-full", Tt[n], kt[e], l && "opacity-50", d),
|
|
664
664
|
...g
|
|
665
665
|
});
|
|
666
666
|
let y = f == null && !c && !!(i || a), b = r === "pill" ? "rounded-full" : wt[n];
|
|
667
|
-
return /* @__PURE__ */
|
|
667
|
+
return /* @__PURE__ */ G("span", {
|
|
668
668
|
ref: _,
|
|
669
669
|
"data-test-id": p,
|
|
670
670
|
role: u ? "button" : void 0,
|
|
@@ -674,28 +674,28 @@ var xt = a(function({ src: e, alt: t, name: n, size: r = "md", status: i, shape:
|
|
|
674
674
|
onKeyDown: u ? (e) => {
|
|
675
675
|
h?.(e), !(l || !m) && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), m(e));
|
|
676
676
|
} : h,
|
|
677
|
-
className:
|
|
677
|
+
className: X("inline-flex items-center font-medium whitespace-nowrap select-none", Ct[n], b, v, y && Et[n], u && !l && X("cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-300 focus-visible:ring-offset-1", At[t]), l && "opacity-50 cursor-not-allowed pointer-events-none", d),
|
|
678
678
|
...g,
|
|
679
679
|
children: [
|
|
680
|
-
c ? /* @__PURE__ */
|
|
681
|
-
className:
|
|
680
|
+
c ? /* @__PURE__ */ W("span", {
|
|
681
|
+
className: X("inline-block shrink-0 rounded-full", Tt[n], kt[e]),
|
|
682
682
|
"aria-hidden": !0
|
|
683
|
-
}) : i && /* @__PURE__ */
|
|
683
|
+
}) : i && /* @__PURE__ */ W("span", {
|
|
684
684
|
className: "inline-flex shrink-0",
|
|
685
685
|
children: i
|
|
686
686
|
}),
|
|
687
687
|
f,
|
|
688
|
-
a && !o && /* @__PURE__ */
|
|
688
|
+
a && !o && /* @__PURE__ */ W("span", {
|
|
689
689
|
className: "inline-flex shrink-0",
|
|
690
690
|
children: a
|
|
691
691
|
}),
|
|
692
|
-
o && /* @__PURE__ */
|
|
692
|
+
o && /* @__PURE__ */ W("button", {
|
|
693
693
|
type: "button",
|
|
694
694
|
onClick: o,
|
|
695
695
|
disabled: l,
|
|
696
696
|
"aria-label": "Dismiss",
|
|
697
697
|
className: "inline-flex shrink-0 -mr-0.5 rounded-full p-0.5 hover:bg-black/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-300",
|
|
698
|
-
children: /* @__PURE__ */
|
|
698
|
+
children: /* @__PURE__ */ W(V, { className: "h-3 w-3" })
|
|
699
699
|
})
|
|
700
700
|
]
|
|
701
701
|
});
|
|
@@ -704,35 +704,35 @@ var xt = a(function({ src: e, alt: t, name: n, size: r = "md", status: i, shape:
|
|
|
704
704
|
sm: "text-p-xs"
|
|
705
705
|
}, Nt = "rounded-sm text-fg-tertiary transition-colors hover:text-fg-secondary outline-none focus-visible:ring-2 focus-visible:ring-brand-300", Pt = a(function({ items: e, currentValue: n, onSelect: r, separator: i = "/", size: a = "md", className: o, dataTestId: s, ...c }, l) {
|
|
706
706
|
let u = n ?? e[e.length - 1]?.value;
|
|
707
|
-
return /* @__PURE__ */
|
|
707
|
+
return /* @__PURE__ */ W("nav", {
|
|
708
708
|
ref: l,
|
|
709
709
|
"aria-label": "Breadcrumb",
|
|
710
710
|
"data-test-id": s,
|
|
711
|
-
className:
|
|
711
|
+
className: X(Mt[a], o),
|
|
712
712
|
...c,
|
|
713
|
-
children: /* @__PURE__ */
|
|
713
|
+
children: /* @__PURE__ */ W("ol", {
|
|
714
714
|
className: "flex items-center",
|
|
715
715
|
children: e.map((e, n) => {
|
|
716
716
|
let a = e.value === u;
|
|
717
|
-
return /* @__PURE__ */
|
|
717
|
+
return /* @__PURE__ */ G(t, { children: [n > 0 && /* @__PURE__ */ W("li", {
|
|
718
718
|
"aria-hidden": "true",
|
|
719
719
|
className: "px-1.5 text-fg-tertiary",
|
|
720
720
|
children: i
|
|
721
|
-
}), /* @__PURE__ */
|
|
721
|
+
}), /* @__PURE__ */ W("li", {
|
|
722
722
|
className: "flex items-center",
|
|
723
|
-
children: a ? /* @__PURE__ */
|
|
723
|
+
children: a ? /* @__PURE__ */ W("span", {
|
|
724
724
|
"aria-current": "page",
|
|
725
725
|
className: "font-medium text-fg-default",
|
|
726
726
|
children: e.label
|
|
727
|
-
}) : e.disabled ? /* @__PURE__ */
|
|
727
|
+
}) : e.disabled ? /* @__PURE__ */ W("span", {
|
|
728
728
|
className: "cursor-not-allowed text-fg-disabled",
|
|
729
729
|
children: e.label
|
|
730
|
-
}) : e.href ? /* @__PURE__ */
|
|
730
|
+
}) : e.href ? /* @__PURE__ */ W("a", {
|
|
731
731
|
href: e.href,
|
|
732
732
|
onClick: () => r?.(e.value),
|
|
733
733
|
className: Nt,
|
|
734
734
|
children: e.label
|
|
735
|
-
}) : /* @__PURE__ */
|
|
735
|
+
}) : /* @__PURE__ */ W("button", {
|
|
736
736
|
type: "button",
|
|
737
737
|
onClick: () => r?.(e.value),
|
|
738
738
|
className: Nt,
|
|
@@ -746,11 +746,11 @@ var xt = a(function({ src: e, alt: t, name: n, size: r = "md", status: i, shape:
|
|
|
746
746
|
horizontal: "flex-row [&>*]:rounded-none [&>*:first-child]:rounded-l-lg [&>*:last-child]:rounded-r-lg [&>*:not(:first-child)]:-ml-px",
|
|
747
747
|
vertical: "flex-col [&>*]:rounded-none [&>*:first-child]:rounded-t-lg [&>*:last-child]:rounded-b-lg [&>*:not(:first-child)]:-mt-px"
|
|
748
748
|
}, It = a(function({ orientation: e = "horizontal", className: t, children: n, dataTestId: r, ...i }, a) {
|
|
749
|
-
return /* @__PURE__ */
|
|
749
|
+
return /* @__PURE__ */ W("div", {
|
|
750
750
|
ref: a,
|
|
751
751
|
role: "group",
|
|
752
752
|
"data-test-id": r,
|
|
753
|
-
className:
|
|
753
|
+
className: X("inline-flex isolate", Ft[e], "[&>*]:relative [&>*:hover]:z-10 [&>*:focus-visible]:z-10", t),
|
|
754
754
|
...i,
|
|
755
755
|
children: n
|
|
756
756
|
});
|
|
@@ -765,22 +765,22 @@ var xt = a(function({ src: e, alt: t, name: n, size: r = "md", status: i, shape:
|
|
|
765
765
|
lg: "p-6"
|
|
766
766
|
}, zt = a(function({ variant: e = "outlined", padding: t = "md", header: n, footer: r, interactive: i = !1, className: a, children: o, dataTestId: s, ...c }, l) {
|
|
767
767
|
let u = n || r;
|
|
768
|
-
return /* @__PURE__ */
|
|
768
|
+
return /* @__PURE__ */ G("div", {
|
|
769
769
|
ref: l,
|
|
770
770
|
"data-test-id": s,
|
|
771
|
-
className:
|
|
771
|
+
className: X("rounded-xl overflow-hidden", Lt[e], i && "transition-all hover:border-brand-500 hover:shadow-z2", !u && Rt[t], a),
|
|
772
772
|
...c,
|
|
773
773
|
children: [
|
|
774
|
-
n && /* @__PURE__ */
|
|
775
|
-
className:
|
|
774
|
+
n && /* @__PURE__ */ W("div", {
|
|
775
|
+
className: X("border-b border-border-subtle", Rt[t]),
|
|
776
776
|
children: n
|
|
777
777
|
}),
|
|
778
|
-
u ? /* @__PURE__ */
|
|
778
|
+
u ? /* @__PURE__ */ W("div", {
|
|
779
779
|
className: Rt[t],
|
|
780
780
|
children: o
|
|
781
781
|
}) : o,
|
|
782
|
-
r && /* @__PURE__ */
|
|
783
|
-
className:
|
|
782
|
+
r && /* @__PURE__ */ W("div", {
|
|
783
|
+
className: X("border-t border-border-subtle", Rt[t]),
|
|
784
784
|
children: r
|
|
785
785
|
})
|
|
786
786
|
]
|
|
@@ -793,21 +793,21 @@ var xt = a(function({ src: e, alt: t, name: n, size: r = "md", status: i, shape:
|
|
|
793
793
|
yellow: "bg-bg-warning-lighter text-yellow-900",
|
|
794
794
|
gray: "bg-bg-subtle text-fg-secondary"
|
|
795
795
|
}, Vt = a(function({ title: e, header: t, children: n, noDivider: r = !1, className: i, dataTestId: a, ...o }, s) {
|
|
796
|
-
let c = e?.placement ?? "left", l = !!e && c !== "top", u = e && /* @__PURE__ */
|
|
797
|
-
className:
|
|
796
|
+
let c = e?.placement ?? "left", l = !!e && c !== "top", u = e && /* @__PURE__ */ W("div", {
|
|
797
|
+
className: X("flex shrink-0 items-center justify-center text-center text-label-md font-bold", l ? X("px-2 [writing-mode:vertical-rl]", c === "left" && "rotate-180") : "px-4 py-2", Bt[e.color ?? "gray"]),
|
|
798
798
|
children: e.text
|
|
799
799
|
});
|
|
800
|
-
return /* @__PURE__ */
|
|
800
|
+
return /* @__PURE__ */ W(zt, {
|
|
801
801
|
ref: s,
|
|
802
802
|
dataTestId: a,
|
|
803
803
|
variant: "outlined",
|
|
804
804
|
padding: "none",
|
|
805
805
|
className: i,
|
|
806
806
|
...o,
|
|
807
|
-
children: /* @__PURE__ */
|
|
808
|
-
className:
|
|
809
|
-
children: [u, /* @__PURE__ */
|
|
810
|
-
className:
|
|
807
|
+
children: /* @__PURE__ */ G("div", {
|
|
808
|
+
className: X("flex", l ? c === "right" ? "flex-row-reverse" : "flex-row" : "flex-col"),
|
|
809
|
+
children: [u, /* @__PURE__ */ G("div", {
|
|
810
|
+
className: X("min-w-0 flex-1", !r && "[&>*:not(:last-child)]:border-b [&>*:not(:last-child)]:border-border-default"),
|
|
811
811
|
children: [t, n]
|
|
812
812
|
})]
|
|
813
813
|
})
|
|
@@ -820,13 +820,13 @@ var xt = a(function({ src: e, alt: t, name: n, size: r = "md", status: i, shape:
|
|
|
820
820
|
sm: "h-3 w-3"
|
|
821
821
|
}, Wt = a(function({ size: e = "md", label: t, description: n, errorText: r, required: i, indeterminate: a = !1, error: o = !1, id: s, disabled: c, checked: l, defaultChecked: d, className: f, dataTestId: p, ...m }, h) {
|
|
822
822
|
let g = u(), _ = s ?? g, v = o || !!r, y = r ? `${_}-error` : void 0;
|
|
823
|
-
return /* @__PURE__ */
|
|
823
|
+
return /* @__PURE__ */ G("label", {
|
|
824
824
|
htmlFor: _,
|
|
825
825
|
"data-test-id": p,
|
|
826
|
-
className:
|
|
827
|
-
children: [/* @__PURE__ */
|
|
826
|
+
className: X("inline-flex items-center gap-2.5 group/checkbox", c ? "cursor-not-allowed opacity-60" : "cursor-pointer", f),
|
|
827
|
+
children: [/* @__PURE__ */ G("span", {
|
|
828
828
|
className: "relative inline-flex shrink-0 items-center justify-center mt-0.5",
|
|
829
|
-
children: [/* @__PURE__ */
|
|
829
|
+
children: [/* @__PURE__ */ W("input", {
|
|
830
830
|
ref: h,
|
|
831
831
|
id: _,
|
|
832
832
|
type: "checkbox",
|
|
@@ -840,28 +840,28 @@ var xt = a(function({ src: e, alt: t, name: n, size: r = "md", status: i, shape:
|
|
|
840
840
|
"aria-describedby": y,
|
|
841
841
|
"aria-checked": a ? "mixed" : void 0,
|
|
842
842
|
...m
|
|
843
|
-
}), /* @__PURE__ */
|
|
844
|
-
className:
|
|
845
|
-
children:
|
|
846
|
-
className:
|
|
843
|
+
}), /* @__PURE__ */ W("span", {
|
|
844
|
+
className: X("flex items-center justify-center border transition-colors", Ht[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"),
|
|
845
|
+
children: W(a ? F : b, {
|
|
846
|
+
className: X(Ut[e], "text-white"),
|
|
847
847
|
strokeWidth: 3,
|
|
848
848
|
"aria-hidden": !0
|
|
849
849
|
})
|
|
850
850
|
})]
|
|
851
|
-
}), (t || n || r) && /* @__PURE__ */
|
|
851
|
+
}), (t || n || r) && /* @__PURE__ */ G("span", {
|
|
852
852
|
className: "flex flex-col gap-0.5",
|
|
853
|
-
children: [t && /* @__PURE__ */
|
|
853
|
+
children: [t && /* @__PURE__ */ G("span", {
|
|
854
854
|
className: "text-p-std font-medium text-fg-default leading-tight inline-flex items-center gap-1",
|
|
855
|
-
children: [t, i && /* @__PURE__ */
|
|
855
|
+
children: [t, i && /* @__PURE__ */ W("span", {
|
|
856
856
|
className: "text-red-600",
|
|
857
857
|
"aria-hidden": !0,
|
|
858
858
|
children: "*"
|
|
859
859
|
})]
|
|
860
|
-
}), r ? /* @__PURE__ */
|
|
860
|
+
}), r ? /* @__PURE__ */ W("span", {
|
|
861
861
|
id: `${_}-error`,
|
|
862
862
|
className: "text-p-sm text-red-700 leading-snug",
|
|
863
863
|
children: r
|
|
864
|
-
}) : n && /* @__PURE__ */
|
|
864
|
+
}) : n && /* @__PURE__ */ W("span", {
|
|
865
865
|
className: "text-p-sm text-fg-secondary leading-snug",
|
|
866
866
|
children: n
|
|
867
867
|
})]
|
|
@@ -956,7 +956,7 @@ var Yt = {
|
|
|
956
956
|
function Xt({ content: e, children: t, side: r = "top", align: i = "center", offset: a = 8, open: s, defaultOpen: c = !1, onOpenChange: d, flip: f = !0, showArrow: h = !0, closeOnScroll: g = !0, autoFocus: _ = !1, container: v, className: y, dataTestId: b }) {
|
|
957
957
|
let [x, S] = m(c), C = s !== void 0, w = C ? s : x, T = p(null), [E, D] = m(null), O = u(), k = (e) => {
|
|
958
958
|
C || S(e), d?.(e);
|
|
959
|
-
}, { style:
|
|
959
|
+
}, { style: ee, arrowStyle: A, resolvedSide: j } = Jt({
|
|
960
960
|
anchor: T,
|
|
961
961
|
panel: E,
|
|
962
962
|
open: w,
|
|
@@ -992,30 +992,30 @@ function Xt({ content: e, children: t, side: r = "top", align: i = "center", off
|
|
|
992
992
|
_,
|
|
993
993
|
E
|
|
994
994
|
]), !o(t)) return t;
|
|
995
|
-
let
|
|
996
|
-
ref: Gt(T,
|
|
995
|
+
let te = t.props ?? {}, ne = t.ref, M = n(t, {
|
|
996
|
+
ref: Gt(T, ne),
|
|
997
997
|
onClick: (e) => {
|
|
998
|
-
|
|
998
|
+
te.onClick?.(e), e.defaultPrevented || k(!w);
|
|
999
999
|
},
|
|
1000
1000
|
"aria-haspopup": "dialog",
|
|
1001
1001
|
"aria-expanded": w
|
|
1002
|
-
}),
|
|
1003
|
-
return /* @__PURE__ */
|
|
1002
|
+
}), N = v ?? (typeof document < "u" ? document.body : null);
|
|
1003
|
+
return /* @__PURE__ */ G(U, { children: [M, w && N && be(/* @__PURE__ */ G("div", {
|
|
1004
1004
|
ref: Gt(D),
|
|
1005
1005
|
id: O,
|
|
1006
1006
|
role: "dialog",
|
|
1007
1007
|
"aria-label": typeof e == "string" ? e : void 0,
|
|
1008
1008
|
tabIndex: -1,
|
|
1009
|
-
"data-side":
|
|
1009
|
+
"data-side": j,
|
|
1010
1010
|
"data-test-id": b,
|
|
1011
|
-
style:
|
|
1012
|
-
className:
|
|
1013
|
-
children: [e, h && /* @__PURE__ */
|
|
1011
|
+
style: ee,
|
|
1012
|
+
className: X("fixed z-50 max-w-60 max-h-54 overflow-auto rounded-lg border border-border-default bg-bg-default p-3 text-fg-default shadow-z4", y),
|
|
1013
|
+
children: [e, h && /* @__PURE__ */ W("span", {
|
|
1014
1014
|
"aria-hidden": !0,
|
|
1015
|
-
style:
|
|
1016
|
-
className:
|
|
1015
|
+
style: A,
|
|
1016
|
+
className: X("absolute size-2 rotate-45 bg-bg-default", Yt[j])
|
|
1017
1017
|
})]
|
|
1018
|
-
}),
|
|
1018
|
+
}), N)] });
|
|
1019
1019
|
}
|
|
1020
1020
|
//#endregion
|
|
1021
1021
|
//#region src/components/Copy/Copy.tsx
|
|
@@ -1023,12 +1023,12 @@ var Zt = a(function({ text: e, copiedLabel: t = "Copied", label: n = "Copy to cl
|
|
|
1023
1023
|
let [f, h] = m(!1), g = p(null), _ = typeof navigator < "u" && typeof navigator.clipboard?.writeText == "function";
|
|
1024
1024
|
return l(() => () => {
|
|
1025
1025
|
g.current && clearTimeout(g.current);
|
|
1026
|
-
}, []), /* @__PURE__ */
|
|
1026
|
+
}, []), /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(Xt, {
|
|
1027
1027
|
open: f,
|
|
1028
1028
|
content: t,
|
|
1029
1029
|
side: "top",
|
|
1030
1030
|
align: "center",
|
|
1031
|
-
children: /* @__PURE__ */
|
|
1031
|
+
children: /* @__PURE__ */ W(ot, {
|
|
1032
1032
|
ref: d,
|
|
1033
1033
|
type: "button",
|
|
1034
1034
|
variant: "tertiary",
|
|
@@ -1043,9 +1043,9 @@ var Zt = a(function({ text: e, copiedLabel: t = "Copied", label: n = "Copy to cl
|
|
|
1043
1043
|
"aria-label": n,
|
|
1044
1044
|
dataTestId: c,
|
|
1045
1045
|
...u,
|
|
1046
|
-
children: f ? /* @__PURE__ */
|
|
1046
|
+
children: f ? /* @__PURE__ */ W(b, { className: "size-4" }) : i ?? /* @__PURE__ */ W(ee, { className: "size-4" })
|
|
1047
1047
|
})
|
|
1048
|
-
}), /* @__PURE__ */
|
|
1048
|
+
}), /* @__PURE__ */ W("span", {
|
|
1049
1049
|
role: "status",
|
|
1050
1050
|
"aria-live": "polite",
|
|
1051
1051
|
className: "sr-only",
|
|
@@ -1069,68 +1069,68 @@ var Zt = a(function({ text: e, copiedLabel: t = "Copied", label: n = "Copy to cl
|
|
|
1069
1069
|
sm: "w-8"
|
|
1070
1070
|
}, nn = a(function({ label: e, labelAddons: t, helperText: n, errorText: r, size: i = "md", leftIcon: a, rightIcon: o, leftAddon: s, rightAddon: c, error: l = !1, id: d, disabled: f, className: p, wrapperClassName: m, required: g, dataTestId: _, ...v }, y) {
|
|
1071
1071
|
let b = u(), x = d ?? b, S = r ? `${x}-error` : n ? `${x}-help` : void 0, C = l || !!r;
|
|
1072
|
-
return /* @__PURE__ */
|
|
1073
|
-
className:
|
|
1072
|
+
return /* @__PURE__ */ G("div", {
|
|
1073
|
+
className: X("flex flex-col gap-1.5 w-full", m),
|
|
1074
1074
|
"data-test-id": _,
|
|
1075
1075
|
children: [
|
|
1076
|
-
(e || t) && /* @__PURE__ */
|
|
1076
|
+
(e || t) && /* @__PURE__ */ G("div", {
|
|
1077
1077
|
className: "flex items-center gap-1.5",
|
|
1078
|
-
children: [e && /* @__PURE__ */
|
|
1078
|
+
children: [e && /* @__PURE__ */ G("label", {
|
|
1079
1079
|
htmlFor: x,
|
|
1080
1080
|
className: "text-p-std font-medium text-fg-default inline-flex items-center gap-1",
|
|
1081
|
-
children: [e, g && /* @__PURE__ */
|
|
1081
|
+
children: [e, g && /* @__PURE__ */ W("span", {
|
|
1082
1082
|
className: "text-red-600",
|
|
1083
1083
|
"aria-hidden": !0,
|
|
1084
1084
|
children: "*"
|
|
1085
1085
|
})]
|
|
1086
|
-
}), t && /* @__PURE__ */
|
|
1086
|
+
}), t && /* @__PURE__ */ W("span", {
|
|
1087
1087
|
className: "inline-flex items-center gap-1",
|
|
1088
1088
|
children: t
|
|
1089
1089
|
})]
|
|
1090
1090
|
}),
|
|
1091
|
-
/* @__PURE__ */
|
|
1092
|
-
className:
|
|
1091
|
+
/* @__PURE__ */ G("div", {
|
|
1092
|
+
className: X("flex items-stretch w-full rounded-lg bg-bg-default transition-colors", "border", C ? "border-red-600" : "border-border-default", !f && !C && "hover:border-border-strong", "focus-within:ring-2 focus-within:ring-offset-0", C ? "focus-within:ring-red-300 focus-within:border-red-600" : "focus-within:ring-brand-300 focus-within:border-brand-500", f && "bg-bg-container border-border-default cursor-not-allowed", Qt[i]),
|
|
1093
1093
|
children: [
|
|
1094
|
-
s && /* @__PURE__ */
|
|
1094
|
+
s && /* @__PURE__ */ W("span", {
|
|
1095
1095
|
className: "inline-flex items-center px-3 text-fg-secondary bg-bg-container border-r border-border-default rounded-l-lg whitespace-nowrap",
|
|
1096
1096
|
children: s
|
|
1097
1097
|
}),
|
|
1098
|
-
/* @__PURE__ */
|
|
1098
|
+
/* @__PURE__ */ G("div", {
|
|
1099
1099
|
className: "relative flex-1 min-w-0",
|
|
1100
1100
|
children: [
|
|
1101
|
-
a && /* @__PURE__ */
|
|
1101
|
+
a && /* @__PURE__ */ W("span", {
|
|
1102
1102
|
"aria-hidden": !0,
|
|
1103
|
-
className:
|
|
1103
|
+
className: X("absolute inset-y-0 left-0 flex items-center justify-center text-fg-secondary pointer-events-none", tn[i]),
|
|
1104
1104
|
children: a
|
|
1105
1105
|
}),
|
|
1106
|
-
/* @__PURE__ */
|
|
1106
|
+
/* @__PURE__ */ W("input", {
|
|
1107
1107
|
ref: y,
|
|
1108
1108
|
id: x,
|
|
1109
1109
|
disabled: f,
|
|
1110
1110
|
required: g,
|
|
1111
1111
|
"aria-invalid": C || void 0,
|
|
1112
1112
|
"aria-describedby": S,
|
|
1113
|
-
className:
|
|
1113
|
+
className: X("w-full h-full bg-transparent outline-none", "placeholder:text-fg-tertiary text-fg-default", "disabled:cursor-not-allowed disabled:text-fg-disabled", a ? $t[i] : "pl-3", o || C ? en[i] : "pr-3", p),
|
|
1114
1114
|
...v
|
|
1115
1115
|
}),
|
|
1116
|
-
(o || C) && /* @__PURE__ */
|
|
1116
|
+
(o || C) && /* @__PURE__ */ W("span", {
|
|
1117
1117
|
"aria-hidden": !0,
|
|
1118
|
-
className:
|
|
1119
|
-
children: C ? /* @__PURE__ */
|
|
1118
|
+
className: X("absolute inset-y-0 right-0 flex items-center justify-center pointer-events-none", tn[i], C ? "text-red-600" : "text-fg-secondary"),
|
|
1119
|
+
children: C ? /* @__PURE__ */ W(h, { className: "h-4 w-4" }) : o
|
|
1120
1120
|
})
|
|
1121
1121
|
]
|
|
1122
1122
|
}),
|
|
1123
|
-
c && /* @__PURE__ */
|
|
1123
|
+
c && /* @__PURE__ */ W("span", {
|
|
1124
1124
|
className: "inline-flex items-center px-3 text-fg-secondary bg-bg-container border-l border-border-default rounded-r-lg whitespace-nowrap",
|
|
1125
1125
|
children: c
|
|
1126
1126
|
})
|
|
1127
1127
|
]
|
|
1128
1128
|
}),
|
|
1129
|
-
r ? /* @__PURE__ */
|
|
1129
|
+
r ? /* @__PURE__ */ W("p", {
|
|
1130
1130
|
id: `${x}-error`,
|
|
1131
1131
|
className: "text-p-sm text-red-700",
|
|
1132
1132
|
children: r
|
|
1133
|
-
}) : n ? /* @__PURE__ */
|
|
1133
|
+
}) : n ? /* @__PURE__ */ W("p", {
|
|
1134
1134
|
id: `${x}-help`,
|
|
1135
1135
|
className: "text-p-sm text-fg-secondary",
|
|
1136
1136
|
children: n
|
|
@@ -1146,7 +1146,7 @@ var Zt = a(function({ text: e, copiedLabel: t = "Copied", label: n = "Copy to cl
|
|
|
1146
1146
|
let t = Math.min(i, Math.max(r, e));
|
|
1147
1147
|
return y || x(t), n?.(t), t;
|
|
1148
1148
|
};
|
|
1149
|
-
return /* @__PURE__ */
|
|
1149
|
+
return /* @__PURE__ */ W(nn, {
|
|
1150
1150
|
ref: v,
|
|
1151
1151
|
type: "number",
|
|
1152
1152
|
min: r,
|
|
@@ -1159,7 +1159,7 @@ var Zt = a(function({ text: e, copiedLabel: t = "Copied", label: n = "Copy to cl
|
|
|
1159
1159
|
error: d,
|
|
1160
1160
|
disabled: f,
|
|
1161
1161
|
dataTestId: g,
|
|
1162
|
-
wrapperClassName:
|
|
1162
|
+
wrapperClassName: X("max-w-[140px]", h),
|
|
1163
1163
|
value: C,
|
|
1164
1164
|
onChange: (e) => {
|
|
1165
1165
|
w(e.target.value);
|
|
@@ -1172,23 +1172,23 @@ var Zt = a(function({ text: e, copiedLabel: t = "Copied", label: n = "Copy to cl
|
|
|
1172
1172
|
}
|
|
1173
1173
|
w(String(T(e)));
|
|
1174
1174
|
},
|
|
1175
|
-
leftAddon: /* @__PURE__ */
|
|
1175
|
+
leftAddon: /* @__PURE__ */ W("button", {
|
|
1176
1176
|
type: "button",
|
|
1177
1177
|
disabled: f || S <= r,
|
|
1178
1178
|
onClick: () => T(S - a),
|
|
1179
1179
|
"aria-label": "Decrease",
|
|
1180
1180
|
className: rn,
|
|
1181
|
-
children: /* @__PURE__ */
|
|
1181
|
+
children: /* @__PURE__ */ W(F, { className: "size-4" })
|
|
1182
1182
|
}),
|
|
1183
|
-
rightAddon: /* @__PURE__ */
|
|
1183
|
+
rightAddon: /* @__PURE__ */ W("button", {
|
|
1184
1184
|
type: "button",
|
|
1185
1185
|
disabled: f || S >= i,
|
|
1186
1186
|
onClick: () => T(S + a),
|
|
1187
1187
|
"aria-label": "Increase",
|
|
1188
1188
|
className: rn,
|
|
1189
|
-
children: /* @__PURE__ */
|
|
1189
|
+
children: /* @__PURE__ */ W(le, { className: "size-4" })
|
|
1190
1190
|
}),
|
|
1191
|
-
className:
|
|
1191
|
+
className: X("text-center [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none", p),
|
|
1192
1192
|
..._
|
|
1193
1193
|
});
|
|
1194
1194
|
}), on = {
|
|
@@ -1265,21 +1265,21 @@ function vn(e, t) {
|
|
|
1265
1265
|
for (; i.length % 7 != 0;) i.push(null);
|
|
1266
1266
|
return i;
|
|
1267
1267
|
}
|
|
1268
|
-
var yn = 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:
|
|
1269
|
-
let
|
|
1268
|
+
var yn = 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: ee, wrapperClassName: A, dataTestId: j }, te) {
|
|
1269
|
+
let ne = u(), M = k ?? ne, [N, P] = m(!1), [F, I] = m(e ?? i?.start ?? /* @__PURE__ */ new Date()), [re, L] = m(null), ie = p(null), ae = D || !!O, oe = O ? `${M}-error` : g ? `${M}-help` : void 0;
|
|
1270
1270
|
l(() => {
|
|
1271
|
-
b &&
|
|
1271
|
+
b && P(!1);
|
|
1272
1272
|
}, [b]), l(() => {
|
|
1273
|
-
if (!
|
|
1273
|
+
if (!N) return;
|
|
1274
1274
|
let e = (e) => {
|
|
1275
|
-
|
|
1275
|
+
ie.current && !ie.current.contains(e.target) && P(!1);
|
|
1276
1276
|
};
|
|
1277
1277
|
return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
|
|
1278
|
-
}, [
|
|
1279
|
-
let
|
|
1280
|
-
function
|
|
1278
|
+
}, [N]);
|
|
1279
|
+
let se = r ? i?.start ? `${_n(i.start, c)}${i.end ? ` – ${_n(i.end, c)}` : ""}` : "" : e ? _n(e, c) : "";
|
|
1280
|
+
function ce(e) {
|
|
1281
1281
|
if (!r) {
|
|
1282
|
-
t?.(e),
|
|
1282
|
+
t?.(e), P(!1);
|
|
1283
1283
|
return;
|
|
1284
1284
|
}
|
|
1285
1285
|
let n = i ?? {
|
|
@@ -1303,120 +1303,120 @@ var yn = a(function({ value: e, onChange: t, clearable: n = !1, range: r = !1, r
|
|
|
1303
1303
|
a?.({
|
|
1304
1304
|
start: n.start,
|
|
1305
1305
|
end: e
|
|
1306
|
-
}),
|
|
1306
|
+
}), P(!1);
|
|
1307
1307
|
}
|
|
1308
|
-
function
|
|
1308
|
+
function le(e) {
|
|
1309
1309
|
e.stopPropagation(), r ? (a?.({
|
|
1310
1310
|
start: null,
|
|
1311
1311
|
end: null
|
|
1312
|
-
}),
|
|
1312
|
+
}), L(null)) : t?.(null);
|
|
1313
1313
|
}
|
|
1314
|
-
let { firstDayOfWeek:
|
|
1314
|
+
let { firstDayOfWeek: R, monthNames: ue, weekdayNames: de } = f(() => {
|
|
1315
1315
|
let e = cn(s), t = ln(e);
|
|
1316
1316
|
return {
|
|
1317
1317
|
firstDayOfWeek: t,
|
|
1318
1318
|
monthNames: un(e),
|
|
1319
1319
|
weekdayNames: fn(e, t)
|
|
1320
1320
|
};
|
|
1321
|
-
}, [s]),
|
|
1321
|
+
}, [s]), fe = vn(F, R), z = i ?? {
|
|
1322
1322
|
start: null,
|
|
1323
1323
|
end: null
|
|
1324
|
-
},
|
|
1325
|
-
return /* @__PURE__ */
|
|
1326
|
-
ref:
|
|
1327
|
-
"data-test-id":
|
|
1328
|
-
className:
|
|
1324
|
+
}, pe = z.end ?? re;
|
|
1325
|
+
return /* @__PURE__ */ G("div", {
|
|
1326
|
+
ref: ie,
|
|
1327
|
+
"data-test-id": j,
|
|
1328
|
+
className: X("flex flex-col gap-1.5", v && "w-full", A),
|
|
1329
1329
|
children: [
|
|
1330
|
-
d && /* @__PURE__ */
|
|
1331
|
-
htmlFor:
|
|
1330
|
+
d && /* @__PURE__ */ G("label", {
|
|
1331
|
+
htmlFor: M,
|
|
1332
1332
|
className: "text-p-std font-medium text-fg-default inline-flex items-center gap-1",
|
|
1333
|
-
children: [d, h && /* @__PURE__ */
|
|
1333
|
+
children: [d, h && /* @__PURE__ */ W("span", {
|
|
1334
1334
|
className: "text-red-600",
|
|
1335
1335
|
"aria-hidden": !0,
|
|
1336
1336
|
children: "*"
|
|
1337
1337
|
})]
|
|
1338
1338
|
}),
|
|
1339
|
-
/* @__PURE__ */
|
|
1339
|
+
/* @__PURE__ */ G("div", {
|
|
1340
1340
|
className: "relative",
|
|
1341
|
-
children: [/* @__PURE__ */
|
|
1342
|
-
ref:
|
|
1343
|
-
id:
|
|
1341
|
+
children: [/* @__PURE__ */ G("button", {
|
|
1342
|
+
ref: te,
|
|
1343
|
+
id: M,
|
|
1344
1344
|
type: "button",
|
|
1345
1345
|
disabled: b,
|
|
1346
|
-
"aria-invalid":
|
|
1346
|
+
"aria-invalid": ae || void 0,
|
|
1347
1347
|
"aria-required": h || void 0,
|
|
1348
|
-
"aria-describedby":
|
|
1349
|
-
onClick: () =>
|
|
1350
|
-
className:
|
|
1351
|
-
children: [/* @__PURE__ */
|
|
1352
|
-
className:
|
|
1353
|
-
children:
|
|
1354
|
-
}), n &&
|
|
1348
|
+
"aria-describedby": oe,
|
|
1349
|
+
onClick: () => P((e) => !e),
|
|
1350
|
+
className: X("inline-flex items-center gap-2 rounded-lg border bg-bg-default text-left transition-colors focus-visible:outline-none focus-visible:ring-2", ae ? "border-red-600" : "border-border-default", !b && !ae && "hover:border-border-strong", ae ? "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]", on[o], ee),
|
|
1351
|
+
children: [/* @__PURE__ */ W("span", {
|
|
1352
|
+
className: X("flex-1 text-left truncate", b ? "text-fg-disabled" : se ? "text-fg-default" : "text-fg-tertiary"),
|
|
1353
|
+
children: se || _
|
|
1354
|
+
}), n && se && !b ? /* @__PURE__ */ W("span", {
|
|
1355
1355
|
role: "button",
|
|
1356
1356
|
tabIndex: 0,
|
|
1357
1357
|
"aria-label": "Clear date",
|
|
1358
|
-
onClick:
|
|
1358
|
+
onClick: le,
|
|
1359
1359
|
onKeyDown: (e) => {
|
|
1360
|
-
(e.key === "Enter" || e.key === " ") && (e.preventDefault(),
|
|
1360
|
+
(e.key === "Enter" || e.key === " ") && (e.preventDefault(), le(e));
|
|
1361
1361
|
},
|
|
1362
1362
|
className: "inline-flex items-center justify-center rounded-full p-0.5 hover:bg-bg-container",
|
|
1363
|
-
children: /* @__PURE__ */
|
|
1364
|
-
}) : /* @__PURE__ */
|
|
1365
|
-
}),
|
|
1363
|
+
children: /* @__PURE__ */ W(V, { className: "w-4 h-4 text-fg-secondary" })
|
|
1364
|
+
}) : /* @__PURE__ */ W(y, { className: X("w-4 h-4", b ? "text-fg-disabled" : "text-fg-secondary") })]
|
|
1365
|
+
}), N && /* @__PURE__ */ G("div", {
|
|
1366
1366
|
className: "absolute z-50 mt-1 left-0 rounded-xl border border-border-default bg-bg-default shadow-z3 p-3 w-[300px]",
|
|
1367
|
-
children: [/* @__PURE__ */
|
|
1367
|
+
children: [/* @__PURE__ */ G("div", {
|
|
1368
1368
|
className: "flex items-center justify-between mb-2",
|
|
1369
1369
|
children: [
|
|
1370
|
-
/* @__PURE__ */
|
|
1370
|
+
/* @__PURE__ */ W("button", {
|
|
1371
1371
|
type: "button",
|
|
1372
1372
|
className: "w-8 h-8 rounded-md hover:bg-bg-container flex items-center justify-center text-fg-secondary",
|
|
1373
|
-
onClick: () =>
|
|
1373
|
+
onClick: () => I(new Date(F.getFullYear(), F.getMonth() - 1, 1)),
|
|
1374
1374
|
"aria-label": "Previous month",
|
|
1375
|
-
children: /* @__PURE__ */
|
|
1375
|
+
children: /* @__PURE__ */ W(C, { className: "w-4 h-4" })
|
|
1376
1376
|
}),
|
|
1377
|
-
/* @__PURE__ */
|
|
1377
|
+
/* @__PURE__ */ G("div", {
|
|
1378
1378
|
className: "text-p-md font-semibold text-fg-default",
|
|
1379
1379
|
children: [
|
|
1380
|
-
|
|
1380
|
+
ue[F.getMonth()],
|
|
1381
1381
|
" ",
|
|
1382
|
-
|
|
1382
|
+
F.getFullYear()
|
|
1383
1383
|
]
|
|
1384
1384
|
}),
|
|
1385
|
-
/* @__PURE__ */
|
|
1385
|
+
/* @__PURE__ */ W("button", {
|
|
1386
1386
|
type: "button",
|
|
1387
1387
|
className: "w-8 h-8 rounded-md hover:bg-bg-container flex items-center justify-center text-fg-secondary",
|
|
1388
|
-
onClick: () =>
|
|
1388
|
+
onClick: () => I(new Date(F.getFullYear(), F.getMonth() + 1, 1)),
|
|
1389
1389
|
"aria-label": "Next month",
|
|
1390
|
-
children: /* @__PURE__ */
|
|
1390
|
+
children: /* @__PURE__ */ W(w, { className: "w-4 h-4" })
|
|
1391
1391
|
})
|
|
1392
1392
|
]
|
|
1393
|
-
}), /* @__PURE__ */
|
|
1393
|
+
}), /* @__PURE__ */ G("div", {
|
|
1394
1394
|
className: "grid grid-cols-7 gap-1 text-center",
|
|
1395
|
-
children: [
|
|
1395
|
+
children: [de.map((e, t) => /* @__PURE__ */ W("div", {
|
|
1396
1396
|
className: "text-p-xs text-fg-tertiary py-1",
|
|
1397
1397
|
children: e
|
|
1398
|
-
}, t)),
|
|
1399
|
-
if (!t) return /* @__PURE__ */
|
|
1400
|
-
let i = gn(t, x, S, T, E), a = !r && mn(t, e ?? null), o = r && mn(t,
|
|
1401
|
-
return /* @__PURE__ */
|
|
1398
|
+
}, t)), fe.map((t, n) => {
|
|
1399
|
+
if (!t) return /* @__PURE__ */ W("div", {}, n);
|
|
1400
|
+
let i = gn(t, x, S, T, E), a = !r && mn(t, e ?? null), o = r && mn(t, z.start), s = r && mn(t, pe), c = r && !!z.start && !!pe && t > z.start && t < pe;
|
|
1401
|
+
return /* @__PURE__ */ W("button", {
|
|
1402
1402
|
type: "button",
|
|
1403
1403
|
disabled: i,
|
|
1404
1404
|
"aria-disabled": i || void 0,
|
|
1405
|
-
onMouseEnter: () => !i && r &&
|
|
1406
|
-
onClick: () => !i &&
|
|
1407
|
-
className:
|
|
1405
|
+
onMouseEnter: () => !i && r && z.start && !z.end && L(t),
|
|
1406
|
+
onClick: () => !i && ce(t),
|
|
1407
|
+
className: X("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"),
|
|
1408
1408
|
children: t.getDate()
|
|
1409
1409
|
}, n);
|
|
1410
1410
|
})]
|
|
1411
1411
|
})]
|
|
1412
1412
|
})]
|
|
1413
1413
|
}),
|
|
1414
|
-
O ? /* @__PURE__ */
|
|
1415
|
-
id: `${
|
|
1414
|
+
O ? /* @__PURE__ */ W("p", {
|
|
1415
|
+
id: `${M}-error`,
|
|
1416
1416
|
className: "text-p-sm text-red-700",
|
|
1417
1417
|
children: O
|
|
1418
|
-
}) : g ? /* @__PURE__ */
|
|
1419
|
-
id: `${
|
|
1418
|
+
}) : g ? /* @__PURE__ */ W("p", {
|
|
1419
|
+
id: `${M}-help`,
|
|
1420
1420
|
className: "text-p-sm text-fg-secondary",
|
|
1421
1421
|
children: g
|
|
1422
1422
|
}) : null
|
|
@@ -1482,13 +1482,13 @@ var yn = a(function({ value: e, onChange: t, clearable: n = !1, range: r = !1, r
|
|
|
1482
1482
|
}
|
|
1483
1483
|
}, Sn = a(function({ icon: e, tone: t = "gray", size: n = "md", shape: r = "rounded", className: i, dataTestId: a, ...o }, s) {
|
|
1484
1484
|
let c = bn[t], l = xn[n];
|
|
1485
|
-
return /* @__PURE__ */
|
|
1485
|
+
return /* @__PURE__ */ W("div", {
|
|
1486
1486
|
ref: s,
|
|
1487
1487
|
"data-test-id": a,
|
|
1488
1488
|
"aria-hidden": !o["aria-label"] || void 0,
|
|
1489
|
-
className:
|
|
1489
|
+
className: X("inline-flex items-center justify-center shrink-0", l.box, r === "circle" ? "rounded-full" : l.radius, c.bg, i),
|
|
1490
1490
|
...o,
|
|
1491
|
-
children: /* @__PURE__ */
|
|
1491
|
+
children: /* @__PURE__ */ W(e, { className: X(l.icon, c.icon) })
|
|
1492
1492
|
});
|
|
1493
1493
|
}), Cn = {
|
|
1494
1494
|
"h-xl": "text-h-xl",
|
|
@@ -1546,7 +1546,7 @@ var yn = a(function({ value: e, onChange: t, clearable: n = !1, range: r = !1, r
|
|
|
1546
1546
|
return i(r ?? En[e], {
|
|
1547
1547
|
ref: f,
|
|
1548
1548
|
"data-test-id": u,
|
|
1549
|
-
className:
|
|
1549
|
+
className: X(Cn[e], t && wn[t], Tn[n], a && "truncate", o && !a && "overflow-hidden [display:-webkit-box] [-webkit-box-orient:vertical]", c),
|
|
1550
1550
|
style: o && !a ? {
|
|
1551
1551
|
...s,
|
|
1552
1552
|
WebkitLineClamp: o
|
|
@@ -1609,33 +1609,33 @@ var yn = a(function({ value: e, onChange: t, clearable: n = !1, range: r = !1, r
|
|
|
1609
1609
|
}
|
|
1610
1610
|
}
|
|
1611
1611
|
}, kn = {
|
|
1612
|
-
mobile:
|
|
1613
|
-
tablet:
|
|
1614
|
-
desktop:
|
|
1615
|
-
"mobile-tablet":
|
|
1612
|
+
mobile: fe,
|
|
1613
|
+
tablet: me,
|
|
1614
|
+
desktop: I,
|
|
1615
|
+
"mobile-tablet": he
|
|
1616
1616
|
}, An = a(function({ type: e = "desktop", locale: t = "en-US", title: n, description: r, icon: i, fillHeight: a = !1, className: o, dataTestId: s, ...c }, l) {
|
|
1617
1617
|
let u = On[t][e];
|
|
1618
|
-
return /* @__PURE__ */
|
|
1618
|
+
return /* @__PURE__ */ G("div", {
|
|
1619
1619
|
ref: l,
|
|
1620
1620
|
"data-test-id": s,
|
|
1621
|
-
className:
|
|
1621
|
+
className: X("flex flex-col items-center justify-center text-center px-6 py-16", a && "h-full", o),
|
|
1622
1622
|
...c,
|
|
1623
1623
|
children: [
|
|
1624
|
-
i ?? /* @__PURE__ */
|
|
1624
|
+
i ?? /* @__PURE__ */ W(Sn, {
|
|
1625
1625
|
icon: kn[e],
|
|
1626
1626
|
tone: "gray",
|
|
1627
1627
|
shape: "rounded",
|
|
1628
1628
|
size: "xl",
|
|
1629
1629
|
className: "rounded-2xl"
|
|
1630
1630
|
}),
|
|
1631
|
-
/* @__PURE__ */
|
|
1631
|
+
/* @__PURE__ */ W(Dn, {
|
|
1632
1632
|
as: "h3",
|
|
1633
1633
|
variant: "h-xs",
|
|
1634
1634
|
weight: "semibold",
|
|
1635
1635
|
className: "mt-6",
|
|
1636
1636
|
children: n ?? u.title
|
|
1637
1637
|
}),
|
|
1638
|
-
/* @__PURE__ */
|
|
1638
|
+
/* @__PURE__ */ W(Dn, {
|
|
1639
1639
|
variant: "p-md",
|
|
1640
1640
|
color: "secondary",
|
|
1641
1641
|
className: "mt-2 max-w-105",
|
|
@@ -1656,28 +1656,28 @@ var yn = a(function({ value: e, onChange: t, clearable: n = !1, range: r = !1, r
|
|
|
1656
1656
|
lg: "h-2"
|
|
1657
1657
|
}, Nn = (e) => new Intl.NumberFormat().format(e), Pn = a(function({ segments: e, hideLegend: t = !1, formatValue: n = Nn, size: r = "lg", className: i, dataTestId: a, ...o }, s) {
|
|
1658
1658
|
let c = e.reduce((e, t) => e + t.value, 0);
|
|
1659
|
-
return /* @__PURE__ */
|
|
1659
|
+
return /* @__PURE__ */ G("div", {
|
|
1660
1660
|
ref: s,
|
|
1661
1661
|
"data-test-id": a,
|
|
1662
|
-
className:
|
|
1662
|
+
className: X("flex flex-col gap-3", i),
|
|
1663
1663
|
...o,
|
|
1664
|
-
children: [/* @__PURE__ */
|
|
1665
|
-
className:
|
|
1666
|
-
children: e.map((e, t) => /* @__PURE__ */
|
|
1664
|
+
children: [/* @__PURE__ */ W("div", {
|
|
1665
|
+
className: X("flex w-full overflow-hidden rounded-full bg-bg-subtle", Mn[r]),
|
|
1666
|
+
children: e.map((e, t) => /* @__PURE__ */ W("div", {
|
|
1667
1667
|
style: { flexBasis: `${c > 0 ? e.value / c * 100 : 0}%` },
|
|
1668
|
-
className:
|
|
1668
|
+
className: X("transition-[flex-basis] duration-700 ease-out", jn[e.color])
|
|
1669
1669
|
}, t))
|
|
1670
|
-
}), !t && /* @__PURE__ */
|
|
1670
|
+
}), !t && /* @__PURE__ */ W("ul", {
|
|
1671
1671
|
className: "flex flex-col [&>li:not(:last-child)]:border-b [&>li:not(:last-child)]:border-border-default",
|
|
1672
|
-
children: e.filter((e) => !e.hideFromLegend).map((e, t) => /* @__PURE__ */
|
|
1672
|
+
children: e.filter((e) => !e.hideFromLegend).map((e, t) => /* @__PURE__ */ G("li", {
|
|
1673
1673
|
className: "flex items-center justify-between gap-3 py-1.5",
|
|
1674
|
-
children: [/* @__PURE__ */
|
|
1674
|
+
children: [/* @__PURE__ */ G("span", {
|
|
1675
1675
|
className: "flex min-w-0 items-center gap-2",
|
|
1676
|
-
children: [/* @__PURE__ */
|
|
1676
|
+
children: [/* @__PURE__ */ W("span", { className: X("size-2 shrink-0 rounded-full", jn[e.color]) }), /* @__PURE__ */ W("span", {
|
|
1677
1677
|
className: "truncate text-p-sm text-fg-tertiary",
|
|
1678
1678
|
children: e.label
|
|
1679
1679
|
})]
|
|
1680
|
-
}), /* @__PURE__ */
|
|
1680
|
+
}), /* @__PURE__ */ G("span", {
|
|
1681
1681
|
className: "shrink-0 text-p-sm text-fg-default tabular-nums",
|
|
1682
1682
|
children: [n(e.value), e.unit ? ` ${e.unit}` : ""]
|
|
1683
1683
|
})]
|
|
@@ -1753,7 +1753,7 @@ var Rn = {
|
|
|
1753
1753
|
return _.current?.focus(), () => t?.focus?.();
|
|
1754
1754
|
}, [e]), !v) return null;
|
|
1755
1755
|
let x = n === "left" || n === "right", S = x ? Rn[r] : zn[r];
|
|
1756
|
-
return
|
|
1756
|
+
return be(/* @__PURE__ */ G("div", {
|
|
1757
1757
|
role: "dialog",
|
|
1758
1758
|
"aria-modal": "true",
|
|
1759
1759
|
"aria-hidden": y === "exiting" || void 0,
|
|
@@ -1761,44 +1761,44 @@ var Rn = {
|
|
|
1761
1761
|
"aria-describedby": a ? "drawer-desc" : void 0,
|
|
1762
1762
|
className: "fixed inset-0 z-50",
|
|
1763
1763
|
"data-test-id": h,
|
|
1764
|
-
children: [/* @__PURE__ */
|
|
1765
|
-
className:
|
|
1764
|
+
children: [/* @__PURE__ */ W("div", {
|
|
1765
|
+
className: X("absolute inset-0 bg-black/50", d && "transition-opacity duration-200 motion-reduce:transition-none", b ? "opacity-100" : "opacity-0"),
|
|
1766
1766
|
onClick: () => c && t(),
|
|
1767
1767
|
"aria-hidden": !0
|
|
1768
|
-
}), /* @__PURE__ */
|
|
1768
|
+
}), /* @__PURE__ */ G("div", {
|
|
1769
1769
|
ref: Gt(g, _),
|
|
1770
1770
|
tabIndex: -1,
|
|
1771
|
-
className:
|
|
1771
|
+
className: X("absolute bg-bg-default shadow-z5 outline-none flex flex-col", Bn[n], x ? `${S} h-full max-w-full` : `${S} w-full max-h-full`, "border-border-default", d && "transition-transform duration-300 ease-out motion-reduce:transition-none will-change-transform", b ? "translate-x-0 translate-y-0" : Vn[n], m),
|
|
1772
1772
|
children: [
|
|
1773
|
-
(i || u || f) && /* @__PURE__ */
|
|
1773
|
+
(i || u || f) && /* @__PURE__ */ G("div", {
|
|
1774
1774
|
className: "flex items-start justify-between gap-4 px-6 pt-6 pb-4 border-b border-border-default",
|
|
1775
|
-
children: [/* @__PURE__ */
|
|
1775
|
+
children: [/* @__PURE__ */ G("div", {
|
|
1776
1776
|
className: "flex-1 min-w-0",
|
|
1777
|
-
children: [i && /* @__PURE__ */
|
|
1777
|
+
children: [i && /* @__PURE__ */ W("h2", {
|
|
1778
1778
|
id: "drawer-title",
|
|
1779
1779
|
className: "text-h-xs font-semibold text-fg-default",
|
|
1780
1780
|
children: i
|
|
1781
|
-
}), a && /* @__PURE__ */
|
|
1781
|
+
}), a && /* @__PURE__ */ W("p", {
|
|
1782
1782
|
id: "drawer-desc",
|
|
1783
1783
|
className: "mt-1 text-p-std text-fg-secondary",
|
|
1784
1784
|
children: a
|
|
1785
1785
|
})]
|
|
1786
|
-
}), /* @__PURE__ */
|
|
1786
|
+
}), /* @__PURE__ */ G("div", {
|
|
1787
1787
|
className: "flex items-center gap-1 shrink-0 -mr-2 -mt-2",
|
|
1788
|
-
children: [f, u && /* @__PURE__ */
|
|
1788
|
+
children: [f, u && /* @__PURE__ */ W("button", {
|
|
1789
1789
|
type: "button",
|
|
1790
1790
|
onClick: t,
|
|
1791
1791
|
"aria-label": "Close",
|
|
1792
1792
|
className: "p-2 rounded-md text-fg-secondary hover:text-fg-default hover:bg-bg-subtle focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-300",
|
|
1793
|
-
children: /* @__PURE__ */
|
|
1793
|
+
children: /* @__PURE__ */ W(V, { className: "h-5 w-5" })
|
|
1794
1794
|
})]
|
|
1795
1795
|
})]
|
|
1796
1796
|
}),
|
|
1797
|
-
o && /* @__PURE__ */
|
|
1797
|
+
o && /* @__PURE__ */ W("div", {
|
|
1798
1798
|
className: "flex-1 overflow-y-auto px-6 py-4",
|
|
1799
1799
|
children: o
|
|
1800
1800
|
}),
|
|
1801
|
-
s && /* @__PURE__ */
|
|
1801
|
+
s && /* @__PURE__ */ W("div", {
|
|
1802
1802
|
className: "flex items-center justify-end gap-2 px-6 py-4 border-t border-border-default bg-bg-container",
|
|
1803
1803
|
children: s
|
|
1804
1804
|
})
|
|
@@ -1876,17 +1876,17 @@ var Jn = a(function({ children: e, defaultOpen: t = !1, open: n, onOpenChange: r
|
|
|
1876
1876
|
e.key === "Escape" && _(!1);
|
|
1877
1877
|
};
|
|
1878
1878
|
return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
|
|
1879
|
-
}, [h]), /* @__PURE__ */
|
|
1879
|
+
}, [h]), /* @__PURE__ */ W(Kn.Provider, {
|
|
1880
1880
|
value: {
|
|
1881
1881
|
open: h,
|
|
1882
1882
|
setOpen: _,
|
|
1883
1883
|
triggerRef: g,
|
|
1884
1884
|
anchorRef: i
|
|
1885
1885
|
},
|
|
1886
|
-
children: /* @__PURE__ */
|
|
1886
|
+
children: /* @__PURE__ */ W("div", {
|
|
1887
1887
|
ref: c,
|
|
1888
1888
|
"data-test-id": o,
|
|
1889
|
-
className:
|
|
1889
|
+
className: X("relative inline-block", a),
|
|
1890
1890
|
...s,
|
|
1891
1891
|
children: e
|
|
1892
1892
|
})
|
|
@@ -1950,7 +1950,7 @@ var Xn = "min-w-[200px] rounded-lg border border-border-default bg-bg-default sh
|
|
|
1950
1950
|
});
|
|
1951
1951
|
return () => cancelAnimationFrame(e);
|
|
1952
1952
|
}, [_]), !_) return null;
|
|
1953
|
-
let E = /* @__PURE__ */
|
|
1953
|
+
let E = /* @__PURE__ */ W("div", {
|
|
1954
1954
|
ref: Gt(g, x, n === "fixed" ? C : void 0),
|
|
1955
1955
|
role: "menu",
|
|
1956
1956
|
"data-test-id": d,
|
|
@@ -1963,14 +1963,14 @@ var Xn = "min-w-[200px] rounded-lg border border-border-default bg-bg-default sh
|
|
|
1963
1963
|
e.key === "ArrowDown" ? (e.preventDefault(), t[(n + 1 + t.length) % t.length]?.focus()) : e.key === "ArrowUp" ? (e.preventDefault(), t[(n - 1 + t.length) % t.length]?.focus()) : e.key === "Home" ? (e.preventDefault(), t[0]?.focus()) : e.key === "End" && (e.preventDefault(), t[t.length - 1]?.focus());
|
|
1964
1964
|
},
|
|
1965
1965
|
style: n === "fixed" ? w : void 0,
|
|
1966
|
-
className:
|
|
1966
|
+
className: X(Xn, n === "absolute" && X("absolute top-full mt-1", t === "end" ? "right-0" : "left-0"), u),
|
|
1967
1967
|
...h,
|
|
1968
1968
|
children: e
|
|
1969
1969
|
});
|
|
1970
|
-
return n === "fixed" ?
|
|
1970
|
+
return n === "fixed" ? be(E, document.body) : E;
|
|
1971
1971
|
}), Qn = a(function({ children: e, onSelect: t, disabled: n, icon: r, shortcut: i, destructive: a, checked: o, meta: s, className: c, dataTestId: l, onClick: u, ...d }, f) {
|
|
1972
1972
|
let { setOpen: p } = qn();
|
|
1973
|
-
return /* @__PURE__ */
|
|
1973
|
+
return /* @__PURE__ */ G("button", {
|
|
1974
1974
|
ref: f,
|
|
1975
1975
|
type: "button",
|
|
1976
1976
|
role: "menuitem",
|
|
@@ -1979,46 +1979,46 @@ var Xn = "min-w-[200px] rounded-lg border border-border-default bg-bg-default sh
|
|
|
1979
1979
|
onClick: (e) => {
|
|
1980
1980
|
u?.(e), t?.(), p(!1);
|
|
1981
1981
|
},
|
|
1982
|
-
className:
|
|
1982
|
+
className: X("flex w-full gap-2 px-3 py-2 text-left text-p-std text-fg-default", s ? "items-start" : "items-center", "hover:bg-bg-subtle focus-visible:outline-none focus-visible:bg-bg-subtle", n && "opacity-50 cursor-not-allowed hover:bg-transparent", a && "text-red-700 hover:bg-red-50", c),
|
|
1983
1983
|
...d,
|
|
1984
1984
|
children: [
|
|
1985
|
-
o !== void 0 && /* @__PURE__ */
|
|
1985
|
+
o !== void 0 && /* @__PURE__ */ W("span", {
|
|
1986
1986
|
className: "w-4 shrink-0",
|
|
1987
|
-
children: o && /* @__PURE__ */
|
|
1987
|
+
children: o && /* @__PURE__ */ W(b, { className: "h-4 w-4 text-brand-500" })
|
|
1988
1988
|
}),
|
|
1989
|
-
r && /* @__PURE__ */
|
|
1989
|
+
r && /* @__PURE__ */ W("span", {
|
|
1990
1990
|
className: "inline-flex shrink-0 text-fg-secondary",
|
|
1991
1991
|
children: r
|
|
1992
1992
|
}),
|
|
1993
|
-
/* @__PURE__ */
|
|
1993
|
+
/* @__PURE__ */ G("span", {
|
|
1994
1994
|
className: "flex-1 min-w-0 text-left",
|
|
1995
|
-
children: [/* @__PURE__ */
|
|
1995
|
+
children: [/* @__PURE__ */ W("span", {
|
|
1996
1996
|
className: "block truncate",
|
|
1997
1997
|
children: e
|
|
1998
|
-
}), s && /* @__PURE__ */
|
|
1998
|
+
}), s && /* @__PURE__ */ W("span", {
|
|
1999
1999
|
className: "block truncate text-p-sm text-fg-tertiary",
|
|
2000
2000
|
children: s
|
|
2001
2001
|
})]
|
|
2002
2002
|
}),
|
|
2003
|
-
i && /* @__PURE__ */
|
|
2003
|
+
i && /* @__PURE__ */ W("span", {
|
|
2004
2004
|
className: "text-p-sm text-fg-tertiary shrink-0 tabular-nums",
|
|
2005
2005
|
children: i
|
|
2006
2006
|
})
|
|
2007
2007
|
]
|
|
2008
2008
|
});
|
|
2009
2009
|
}), $n = a(function({ className: e, dataTestId: t, ...n }, r) {
|
|
2010
|
-
return /* @__PURE__ */
|
|
2010
|
+
return /* @__PURE__ */ W("div", {
|
|
2011
2011
|
ref: r,
|
|
2012
2012
|
role: "separator",
|
|
2013
2013
|
"data-test-id": t,
|
|
2014
|
-
className:
|
|
2014
|
+
className: X("my-1 h-px bg-border-default", e),
|
|
2015
2015
|
...n
|
|
2016
2016
|
});
|
|
2017
2017
|
}), er = a(function({ children: e, className: t, dataTestId: n, ...r }, i) {
|
|
2018
|
-
return /* @__PURE__ */
|
|
2018
|
+
return /* @__PURE__ */ W("div", {
|
|
2019
2019
|
ref: i,
|
|
2020
2020
|
"data-test-id": n,
|
|
2021
|
-
className:
|
|
2021
|
+
className: X("px-3 py-1.5 text-p-xs font-semibold uppercase tracking-wider text-fg-tertiary", t),
|
|
2022
2022
|
...r,
|
|
2023
2023
|
children: e
|
|
2024
2024
|
});
|
|
@@ -2029,32 +2029,32 @@ var Xn = "min-w-[200px] rounded-lg border border-border-default bg-bg-default sh
|
|
|
2029
2029
|
lg: "xl",
|
|
2030
2030
|
sm: "lg"
|
|
2031
2031
|
}, rr = a(function({ size: e = "lg", title: t, description: n, illustration: r, action: i, className: a, dataTestId: o, ...s }, c) {
|
|
2032
|
-
return /* @__PURE__ */
|
|
2032
|
+
return /* @__PURE__ */ G("div", {
|
|
2033
2033
|
ref: c,
|
|
2034
2034
|
"data-test-id": o,
|
|
2035
|
-
className:
|
|
2035
|
+
className: X("flex flex-col items-center justify-center text-center", tr[e], a),
|
|
2036
2036
|
...s,
|
|
2037
2037
|
children: [
|
|
2038
|
-
r ?? /* @__PURE__ */
|
|
2039
|
-
icon:
|
|
2038
|
+
r ?? /* @__PURE__ */ W(Sn, {
|
|
2039
|
+
icon: de,
|
|
2040
2040
|
tone: "gray",
|
|
2041
2041
|
shape: "circle",
|
|
2042
2042
|
size: nr[e]
|
|
2043
2043
|
}),
|
|
2044
|
-
t && /* @__PURE__ */
|
|
2044
|
+
t && /* @__PURE__ */ W(Dn, {
|
|
2045
2045
|
as: "h3",
|
|
2046
2046
|
variant: e === "lg" ? "h-sm" : "h-xs",
|
|
2047
2047
|
weight: "semibold",
|
|
2048
2048
|
className: "mt-2",
|
|
2049
2049
|
children: t
|
|
2050
2050
|
}),
|
|
2051
|
-
n && /* @__PURE__ */
|
|
2051
|
+
n && /* @__PURE__ */ W(Dn, {
|
|
2052
2052
|
variant: e === "lg" ? "p-sm" : "p-xs",
|
|
2053
2053
|
color: "secondary",
|
|
2054
2054
|
className: "max-w-sm",
|
|
2055
2055
|
children: n
|
|
2056
2056
|
}),
|
|
2057
|
-
i && /* @__PURE__ */
|
|
2057
|
+
i && /* @__PURE__ */ W("div", {
|
|
2058
2058
|
className: "mt-4",
|
|
2059
2059
|
children: i
|
|
2060
2060
|
})
|
|
@@ -2080,32 +2080,32 @@ var or = a(function({ label: e, value: t, active: n = !1, size: r = "md", disabl
|
|
|
2080
2080
|
return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
|
|
2081
2081
|
}, [f]);
|
|
2082
2082
|
let _ = n || t !== void 0;
|
|
2083
|
-
return /* @__PURE__ */
|
|
2083
|
+
return /* @__PURE__ */ G("div", {
|
|
2084
2084
|
ref: ar(d, g),
|
|
2085
2085
|
"data-test-id": c,
|
|
2086
|
-
className:
|
|
2086
|
+
className: X("relative inline-flex", s),
|
|
2087
2087
|
...u,
|
|
2088
|
-
children: [/* @__PURE__ */
|
|
2088
|
+
children: [/* @__PURE__ */ G("button", {
|
|
2089
2089
|
type: "button",
|
|
2090
2090
|
disabled: i,
|
|
2091
2091
|
onClick: () => h((e) => !e),
|
|
2092
2092
|
"aria-haspopup": "dialog",
|
|
2093
2093
|
"aria-expanded": f,
|
|
2094
|
-
className:
|
|
2094
|
+
className: X("inline-flex items-center rounded-full border transition-colors outline-none", ir[r], _ ? "bg-brand-20 text-brand-800 border-brand-500" : "bg-bg-default text-fg-default border-border-default", !i && "hover:border-border-strong", "focus-visible:ring-2 focus-visible:ring-brand-300 focus-visible:ring-offset-1", i && "bg-bg-container text-fg-disabled cursor-not-allowed"),
|
|
2095
2095
|
children: [
|
|
2096
|
-
/* @__PURE__ */
|
|
2096
|
+
/* @__PURE__ */ W("span", {
|
|
2097
2097
|
className: "font-medium",
|
|
2098
2098
|
children: e
|
|
2099
2099
|
}),
|
|
2100
|
-
t !== void 0 && /* @__PURE__ */
|
|
2100
|
+
t !== void 0 && /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W("span", {
|
|
2101
2101
|
className: "mx-0.5 text-fg-tertiary",
|
|
2102
2102
|
"aria-hidden": !0,
|
|
2103
2103
|
children: "•"
|
|
2104
|
-
}), /* @__PURE__ */
|
|
2104
|
+
}), /* @__PURE__ */ W("span", {
|
|
2105
2105
|
className: "font-semibold truncate max-w-[140px]",
|
|
2106
2106
|
children: t
|
|
2107
2107
|
})] }),
|
|
2108
|
-
_ && a ? /* @__PURE__ */
|
|
2108
|
+
_ && a ? /* @__PURE__ */ W("span", {
|
|
2109
2109
|
role: "button",
|
|
2110
2110
|
tabIndex: 0,
|
|
2111
2111
|
"aria-label": "Clear filter",
|
|
@@ -2116,32 +2116,32 @@ var or = a(function({ label: e, value: t, active: n = !1, size: r = "md", disabl
|
|
|
2116
2116
|
(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), a());
|
|
2117
2117
|
},
|
|
2118
2118
|
className: "inline-flex items-center justify-center rounded-full p-0.5 hover:bg-black/10",
|
|
2119
|
-
children: /* @__PURE__ */
|
|
2120
|
-
}) : /* @__PURE__ */
|
|
2121
|
-
className:
|
|
2119
|
+
children: /* @__PURE__ */ W(V, { className: "h-3 w-3" })
|
|
2120
|
+
}) : /* @__PURE__ */ W(S, {
|
|
2121
|
+
className: X("h-4 w-4 text-fg-secondary transition-transform", f && "rotate-180"),
|
|
2122
2122
|
"aria-hidden": !0
|
|
2123
2123
|
})
|
|
2124
2124
|
]
|
|
2125
|
-
}), f && o && /* @__PURE__ */
|
|
2125
|
+
}), f && o && /* @__PURE__ */ W("div", {
|
|
2126
2126
|
className: "absolute left-0 top-full mt-1 min-w-[220px] rounded-lg border border-border-default bg-bg-default shadow-z4 z-50 p-3",
|
|
2127
2127
|
children: o
|
|
2128
2128
|
})]
|
|
2129
2129
|
});
|
|
2130
2130
|
}), sr = r(null), cr = a(function({ children: e, className: t, validationSchema: n, defaultValues: r, buttons: i, mode: a = "onBlur", shouldUnregister: o, shouldFocusError: s = !0, formId: c, onSubmit: u, revalidateKey: d, dataTestId: f, ...p }, m) {
|
|
2131
|
-
let { handleSubmit: h, register: g, setValue: _, control: v, formState: y, getValues: b, watch: x, reset: S, clearErrors: C, setError: w, trigger: T, getFieldState: E, unregister: D } =
|
|
2131
|
+
let { handleSubmit: h, register: g, setValue: _, control: v, formState: y, getValues: b, watch: x, reset: S, clearErrors: C, setError: w, trigger: T, getFieldState: E, unregister: D } = Ce({
|
|
2132
2132
|
mode: a,
|
|
2133
|
-
resolver:
|
|
2133
|
+
resolver: we(n),
|
|
2134
2134
|
defaultValues: r,
|
|
2135
2135
|
shouldFocusError: s,
|
|
2136
2136
|
shouldUnregister: o
|
|
2137
|
-
}), { errors: O, isDirty: k, isSubmitted:
|
|
2137
|
+
}), { errors: O, isDirty: k, isSubmitted: ee, isSubmitting: A, dirtyFields: j, isValid: te } = y;
|
|
2138
2138
|
l(() => {
|
|
2139
2139
|
let e = Object.keys(O).filter((e) => e !== "root" && e !== "form");
|
|
2140
2140
|
e.length > 0 && T(e);
|
|
2141
2141
|
}, [d]);
|
|
2142
|
-
let
|
|
2143
|
-
u?.(e, y,
|
|
2144
|
-
}),
|
|
2142
|
+
let ne = h((e) => {
|
|
2143
|
+
u?.(e, y, j);
|
|
2144
|
+
}), M = {
|
|
2145
2145
|
control: v,
|
|
2146
2146
|
register: g,
|
|
2147
2147
|
errors: O,
|
|
@@ -2155,37 +2155,37 @@ var or = a(function({ label: e, value: t, active: n = !1, size: r = "md", disabl
|
|
|
2155
2155
|
getFieldState: E,
|
|
2156
2156
|
unregister: D,
|
|
2157
2157
|
isDirty: k,
|
|
2158
|
-
isSubmitted:
|
|
2159
|
-
isSubmitting:
|
|
2160
|
-
isValid:
|
|
2161
|
-
dirtyFields:
|
|
2162
|
-
submit:
|
|
2158
|
+
isSubmitted: ee,
|
|
2159
|
+
isSubmitting: A,
|
|
2160
|
+
isValid: te,
|
|
2161
|
+
dirtyFields: j,
|
|
2162
|
+
submit: ne
|
|
2163
2163
|
};
|
|
2164
|
-
return /* @__PURE__ */
|
|
2164
|
+
return /* @__PURE__ */ W("form", {
|
|
2165
2165
|
ref: m,
|
|
2166
2166
|
id: c,
|
|
2167
|
-
onSubmit:
|
|
2167
|
+
onSubmit: ne,
|
|
2168
2168
|
"data-test-id": f,
|
|
2169
|
-
className:
|
|
2169
|
+
className: X("flex flex-col gap-4", t),
|
|
2170
2170
|
...p,
|
|
2171
|
-
children: /* @__PURE__ */
|
|
2172
|
-
value:
|
|
2173
|
-
children: [e, i && i.length > 0 && /* @__PURE__ */
|
|
2171
|
+
children: /* @__PURE__ */ G(sr.Provider, {
|
|
2172
|
+
value: M,
|
|
2173
|
+
children: [e, i && i.length > 0 && /* @__PURE__ */ W("div", {
|
|
2174
2174
|
className: "flex items-center gap-3",
|
|
2175
2175
|
"data-test-id": f ? `${f}-buttons` : void 0,
|
|
2176
|
-
children: i.map((e, t) => /* @__PURE__ */
|
|
2176
|
+
children: i.map((e, t) => /* @__PURE__ */ W(ot, { ...e }, t))
|
|
2177
2177
|
})]
|
|
2178
2178
|
})
|
|
2179
2179
|
});
|
|
2180
2180
|
}), lr = a(function({ name: e, defaultValue: t, render: n, className: r, dataTestId: i, ...a }, o) {
|
|
2181
2181
|
let s = c(sr);
|
|
2182
2182
|
if (!s) throw Error("FormField must be rendered inside a FormContainer.");
|
|
2183
|
-
return /* @__PURE__ */
|
|
2183
|
+
return /* @__PURE__ */ W("div", {
|
|
2184
2184
|
ref: o,
|
|
2185
|
-
className:
|
|
2185
|
+
className: X(r),
|
|
2186
2186
|
"data-test-id": i,
|
|
2187
2187
|
...a,
|
|
2188
|
-
children: /* @__PURE__ */
|
|
2188
|
+
children: /* @__PURE__ */ W(xe, {
|
|
2189
2189
|
control: s.control,
|
|
2190
2190
|
name: e,
|
|
2191
2191
|
defaultValue: t,
|
|
@@ -2205,28 +2205,28 @@ var or = a(function({ label: e, value: t, active: n = !1, size: r = "md", disabl
|
|
|
2205
2205
|
})
|
|
2206
2206
|
});
|
|
2207
2207
|
}), ur = a(function({ icon: e, iconTone: t = "brand", label: n, value: r, action: i, className: a, dataTestId: o, ...s }, c) {
|
|
2208
|
-
return /* @__PURE__ */
|
|
2208
|
+
return /* @__PURE__ */ G("div", {
|
|
2209
2209
|
ref: c,
|
|
2210
2210
|
"data-test-id": o,
|
|
2211
|
-
className:
|
|
2211
|
+
className: X("flex items-start gap-3", a),
|
|
2212
2212
|
...s,
|
|
2213
2213
|
children: [
|
|
2214
|
-
/* @__PURE__ */
|
|
2214
|
+
/* @__PURE__ */ W(Sn, {
|
|
2215
2215
|
icon: e,
|
|
2216
2216
|
tone: t,
|
|
2217
2217
|
size: "md"
|
|
2218
2218
|
}),
|
|
2219
|
-
/* @__PURE__ */
|
|
2219
|
+
/* @__PURE__ */ G("div", {
|
|
2220
2220
|
className: "min-w-0 flex-1",
|
|
2221
|
-
children: [/* @__PURE__ */
|
|
2221
|
+
children: [/* @__PURE__ */ W("div", {
|
|
2222
2222
|
className: "text-p-xs font-medium uppercase tracking-widest text-fg-tertiary",
|
|
2223
2223
|
children: n
|
|
2224
|
-
}), /* @__PURE__ */
|
|
2224
|
+
}), /* @__PURE__ */ W("div", {
|
|
2225
2225
|
className: "text-p-std font-semibold text-fg-default mt-1 break-words",
|
|
2226
2226
|
children: r
|
|
2227
2227
|
})]
|
|
2228
2228
|
}),
|
|
2229
|
-
i && /* @__PURE__ */
|
|
2229
|
+
i && /* @__PURE__ */ W("div", {
|
|
2230
2230
|
className: "shrink-0 flex items-center",
|
|
2231
2231
|
children: i
|
|
2232
2232
|
})
|
|
@@ -2246,57 +2246,57 @@ var or = a(function({ label: e, value: t, active: n = !1, size: r = "md", disabl
|
|
|
2246
2246
|
danger: {
|
|
2247
2247
|
container: "bg-red-50 border-red-200",
|
|
2248
2248
|
iconColor: "text-red-700",
|
|
2249
|
-
DefaultIcon:
|
|
2249
|
+
DefaultIcon: ve
|
|
2250
2250
|
},
|
|
2251
2251
|
info: {
|
|
2252
2252
|
container: "bg-blue-50 border-blue-200",
|
|
2253
2253
|
iconColor: "text-blue-700",
|
|
2254
|
-
DefaultIcon:
|
|
2254
|
+
DefaultIcon: M
|
|
2255
2255
|
},
|
|
2256
2256
|
discovery: {
|
|
2257
2257
|
container: "bg-purple-50 border-purple-200",
|
|
2258
2258
|
iconColor: "text-purple-700",
|
|
2259
|
-
DefaultIcon:
|
|
2259
|
+
DefaultIcon: z
|
|
2260
2260
|
}
|
|
2261
2261
|
}, fr = a(function({ variant: e = "info", title: t, description: n, onDismiss: r, actions: i, icon: a, className: o, dataTestId: s, ...c }, l) {
|
|
2262
2262
|
let { container: u, iconColor: d, DefaultIcon: f } = dr[e];
|
|
2263
|
-
return /* @__PURE__ */
|
|
2263
|
+
return /* @__PURE__ */ G("div", {
|
|
2264
2264
|
ref: l,
|
|
2265
2265
|
role: "alert",
|
|
2266
2266
|
"data-test-id": s,
|
|
2267
|
-
className:
|
|
2267
|
+
className: X("flex gap-3 p-4 border rounded-lg", u, o),
|
|
2268
2268
|
...c,
|
|
2269
2269
|
children: [
|
|
2270
|
-
/* @__PURE__ */
|
|
2271
|
-
className:
|
|
2272
|
-
children: a ?? /* @__PURE__ */
|
|
2270
|
+
/* @__PURE__ */ W("div", {
|
|
2271
|
+
className: X("flex-shrink-0 mt-0.5", d),
|
|
2272
|
+
children: a ?? /* @__PURE__ */ W(f, {
|
|
2273
2273
|
className: "h-5 w-5",
|
|
2274
2274
|
"aria-hidden": !0
|
|
2275
2275
|
})
|
|
2276
2276
|
}),
|
|
2277
|
-
/* @__PURE__ */
|
|
2277
|
+
/* @__PURE__ */ G("div", {
|
|
2278
2278
|
className: "flex-1 min-w-0",
|
|
2279
2279
|
children: [
|
|
2280
|
-
t && /* @__PURE__ */
|
|
2280
|
+
t && /* @__PURE__ */ W("div", {
|
|
2281
2281
|
className: "text-p-std font-semibold text-fg-default mb-0.5",
|
|
2282
2282
|
children: t
|
|
2283
2283
|
}),
|
|
2284
|
-
n && /* @__PURE__ */
|
|
2284
|
+
n && /* @__PURE__ */ W("div", {
|
|
2285
2285
|
className: "text-p-std text-fg-secondary",
|
|
2286
2286
|
children: n
|
|
2287
2287
|
}),
|
|
2288
|
-
i && /* @__PURE__ */
|
|
2288
|
+
i && /* @__PURE__ */ W("div", {
|
|
2289
2289
|
className: "mt-3 flex flex-wrap items-center gap-2",
|
|
2290
2290
|
children: i
|
|
2291
2291
|
})
|
|
2292
2292
|
]
|
|
2293
2293
|
}),
|
|
2294
|
-
r && /* @__PURE__ */
|
|
2294
|
+
r && /* @__PURE__ */ W("button", {
|
|
2295
2295
|
type: "button",
|
|
2296
2296
|
onClick: r,
|
|
2297
2297
|
"aria-label": "Dismiss",
|
|
2298
2298
|
className: "flex-shrink-0 -mr-1 -mt-1 p-1 rounded-md text-fg-secondary hover:text-fg-default hover:bg-black/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-300",
|
|
2299
|
-
children: /* @__PURE__ */
|
|
2299
|
+
children: /* @__PURE__ */ W(V, { className: "h-4 w-4" })
|
|
2300
2300
|
})
|
|
2301
2301
|
]
|
|
2302
2302
|
});
|
|
@@ -2306,7 +2306,7 @@ var or = a(function({ label: e, value: t, active: n = !1, size: r = "md", disabl
|
|
|
2306
2306
|
target: u,
|
|
2307
2307
|
rel: d ?? (u === "_blank" ? "noopener noreferrer" : void 0)
|
|
2308
2308
|
};
|
|
2309
|
-
return /* @__PURE__ */
|
|
2309
|
+
return /* @__PURE__ */ G(Dn, {
|
|
2310
2310
|
as: "a",
|
|
2311
2311
|
ref: p,
|
|
2312
2312
|
variant: e,
|
|
@@ -2314,15 +2314,15 @@ var or = a(function({ label: e, value: t, active: n = !1, size: r = "md", disabl
|
|
|
2314
2314
|
color: n,
|
|
2315
2315
|
truncate: o,
|
|
2316
2316
|
dataTestId: l,
|
|
2317
|
-
className:
|
|
2317
|
+
className: X("inline-flex items-center gap-1 rounded-sm outline-none transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-300 focus-visible:ring-offset-1", r === "always" && "underline", r === "hover" && "hover:underline", s),
|
|
2318
2318
|
...m,
|
|
2319
2319
|
children: [
|
|
2320
|
-
i && /* @__PURE__ */
|
|
2320
|
+
i && /* @__PURE__ */ W("span", {
|
|
2321
2321
|
className: "inline-flex shrink-0",
|
|
2322
2322
|
children: i
|
|
2323
2323
|
}),
|
|
2324
2324
|
c,
|
|
2325
|
-
a && /* @__PURE__ */
|
|
2325
|
+
a && /* @__PURE__ */ W("span", {
|
|
2326
2326
|
className: "inline-flex shrink-0",
|
|
2327
2327
|
children: a
|
|
2328
2328
|
})
|
|
@@ -2350,48 +2350,48 @@ var or = a(function({ label: e, value: t, active: n = !1, size: r = "md", disabl
|
|
|
2350
2350
|
if (!e) return;
|
|
2351
2351
|
let t = document.activeElement;
|
|
2352
2352
|
return m.current?.focus(), () => t?.focus?.();
|
|
2353
|
-
}, [e]), e ?
|
|
2353
|
+
}, [e]), e ? be(/* @__PURE__ */ G("div", {
|
|
2354
2354
|
role: "dialog",
|
|
2355
2355
|
"aria-modal": "true",
|
|
2356
2356
|
"aria-labelledby": n ? "modal-title" : void 0,
|
|
2357
2357
|
"aria-describedby": r ? "modal-desc" : void 0,
|
|
2358
2358
|
className: "fixed inset-0 z-50 flex items-center justify-center p-4",
|
|
2359
|
-
children: [/* @__PURE__ */
|
|
2359
|
+
children: [/* @__PURE__ */ W("div", {
|
|
2360
2360
|
className: "absolute inset-0 bg-black/50",
|
|
2361
2361
|
onClick: () => s && t(),
|
|
2362
2362
|
"aria-hidden": !0
|
|
2363
|
-
}), /* @__PURE__ */
|
|
2363
|
+
}), /* @__PURE__ */ G("div", {
|
|
2364
2364
|
ref: Gt(m, f),
|
|
2365
2365
|
tabIndex: -1,
|
|
2366
2366
|
"data-test-id": d,
|
|
2367
|
-
className:
|
|
2367
|
+
className: X("relative w-full bg-bg-default rounded-xl shadow-z5 outline-none flex flex-col max-h-[90vh]", mr[o], u),
|
|
2368
2368
|
children: [
|
|
2369
|
-
(n || c) && /* @__PURE__ */
|
|
2369
|
+
(n || c) && /* @__PURE__ */ G("div", {
|
|
2370
2370
|
className: "flex items-start justify-between gap-4 px-6 pt-6 pb-4",
|
|
2371
|
-
children: [/* @__PURE__ */
|
|
2371
|
+
children: [/* @__PURE__ */ G("div", {
|
|
2372
2372
|
className: "flex-1 min-w-0",
|
|
2373
|
-
children: [n && /* @__PURE__ */
|
|
2373
|
+
children: [n && /* @__PURE__ */ W("h2", {
|
|
2374
2374
|
id: "modal-title",
|
|
2375
2375
|
className: "text-h-xs font-semibold text-fg-default",
|
|
2376
2376
|
children: n
|
|
2377
|
-
}), r && /* @__PURE__ */
|
|
2377
|
+
}), r && /* @__PURE__ */ W("p", {
|
|
2378
2378
|
id: "modal-desc",
|
|
2379
2379
|
className: "mt-1 text-p-std text-fg-secondary",
|
|
2380
2380
|
children: r
|
|
2381
2381
|
})]
|
|
2382
|
-
}), c && /* @__PURE__ */
|
|
2382
|
+
}), c && /* @__PURE__ */ W("button", {
|
|
2383
2383
|
type: "button",
|
|
2384
2384
|
onClick: t,
|
|
2385
2385
|
"aria-label": "Close",
|
|
2386
2386
|
className: "-mr-2 -mt-2 p-2 rounded-md text-fg-secondary hover:text-fg-default hover:bg-bg-subtle focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-300",
|
|
2387
|
-
children: /* @__PURE__ */
|
|
2387
|
+
children: /* @__PURE__ */ W(V, { className: "h-5 w-5" })
|
|
2388
2388
|
})]
|
|
2389
2389
|
}),
|
|
2390
|
-
i && /* @__PURE__ */
|
|
2390
|
+
i && /* @__PURE__ */ W("div", {
|
|
2391
2391
|
className: "px-6 pb-6 overflow-y-auto",
|
|
2392
2392
|
children: i
|
|
2393
2393
|
}),
|
|
2394
|
-
a && /* @__PURE__ */
|
|
2394
|
+
a && /* @__PURE__ */ W("div", {
|
|
2395
2395
|
className: "flex items-center justify-end gap-2 px-6 py-4 border-t border-border-default bg-bg-container rounded-b-xl",
|
|
2396
2396
|
children: a
|
|
2397
2397
|
})
|
|
@@ -2415,14 +2415,14 @@ function yr(e, t) {
|
|
|
2415
2415
|
return e > t ? `${t}+` : e >= 1e3 ? `${(e / 1e3).toFixed(0)}K` : String(e);
|
|
2416
2416
|
}
|
|
2417
2417
|
var br = a(function({ count: e = 0, max: t = 99, kind: n = "count", size: r = "lg", variant: i = "danger", children: a, showZero: o = !1, className: s, dataTestId: c, ...l }, u) {
|
|
2418
|
-
let d = n === "dot" || e > 0 || o, f = a != null && a !== !1, p = d ? /* @__PURE__ */
|
|
2418
|
+
let d = n === "dot" || e > 0 || o, f = a != null && a !== !1, p = d ? /* @__PURE__ */ W("span", {
|
|
2419
2419
|
ref: u,
|
|
2420
2420
|
"data-test-id": c,
|
|
2421
|
-
className:
|
|
2421
|
+
className: X("inline-flex items-center justify-center rounded-full font-semibold ring-2 ring-white", gr[i], n === "count" ? _r[r] : vr[r], f ? "absolute -top-1 -right-1" : "static", s),
|
|
2422
2422
|
...l,
|
|
2423
2423
|
children: n === "count" && yr(e, t)
|
|
2424
2424
|
}) : null;
|
|
2425
|
-
return f ? /* @__PURE__ */
|
|
2425
|
+
return f ? /* @__PURE__ */ G("span", {
|
|
2426
2426
|
className: "relative inline-flex",
|
|
2427
2427
|
children: [a, p]
|
|
2428
2428
|
}) : p;
|
|
@@ -2446,43 +2446,43 @@ function xr(e, t, n, r) {
|
|
|
2446
2446
|
}
|
|
2447
2447
|
var Sr = "inline-flex items-center justify-center min-w-9 h-9 px-2 text-p-std rounded-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-300", Cr = "text-fg-default hover:bg-bg-subtle disabled:text-fg-disabled disabled:hover:bg-transparent disabled:cursor-not-allowed", wr = a(function({ page: e, pageCount: t, onPageChange: n, siblingCount: r = 1, boundaryCount: i = 1, className: a, dataTestId: o, "aria-label": s, ...c }, l) {
|
|
2448
2448
|
let u = xr(e, t, r, i), d = e <= 1, f = e >= t;
|
|
2449
|
-
return /* @__PURE__ */
|
|
2449
|
+
return /* @__PURE__ */ G("nav", {
|
|
2450
2450
|
ref: l,
|
|
2451
2451
|
"aria-label": s ?? "Pagination",
|
|
2452
2452
|
"data-test-id": o,
|
|
2453
|
-
className:
|
|
2453
|
+
className: X("inline-flex items-center gap-1", a),
|
|
2454
2454
|
...c,
|
|
2455
2455
|
children: [
|
|
2456
|
-
/* @__PURE__ */
|
|
2456
|
+
/* @__PURE__ */ W("button", {
|
|
2457
2457
|
type: "button",
|
|
2458
2458
|
onClick: () => !d && n(e - 1),
|
|
2459
2459
|
disabled: d,
|
|
2460
2460
|
"aria-label": "Previous page",
|
|
2461
|
-
className:
|
|
2462
|
-
children: /* @__PURE__ */
|
|
2461
|
+
className: X(Sr, Cr),
|
|
2462
|
+
children: /* @__PURE__ */ W(C, { className: "h-4 w-4" })
|
|
2463
2463
|
}),
|
|
2464
2464
|
u.map((t, r) => {
|
|
2465
|
-
if (t === "ellipsis-left" || t === "ellipsis-right") return /* @__PURE__ */
|
|
2465
|
+
if (t === "ellipsis-left" || t === "ellipsis-right") return /* @__PURE__ */ W("span", {
|
|
2466
2466
|
"aria-hidden": !0,
|
|
2467
2467
|
className: "inline-flex items-center justify-center w-9 h-9 text-fg-tertiary",
|
|
2468
|
-
children: /* @__PURE__ */
|
|
2468
|
+
children: /* @__PURE__ */ W(L, { className: "h-4 w-4" })
|
|
2469
2469
|
}, `${t}-${r}`);
|
|
2470
2470
|
let i = t === e;
|
|
2471
|
-
return /* @__PURE__ */
|
|
2471
|
+
return /* @__PURE__ */ W("button", {
|
|
2472
2472
|
type: "button",
|
|
2473
2473
|
onClick: () => n(t),
|
|
2474
2474
|
"aria-current": i ? "page" : void 0,
|
|
2475
|
-
className:
|
|
2475
|
+
className: X(Sr, i ? "bg-brand-500 text-white font-semibold hover:bg-brand-600" : "text-fg-default hover:bg-bg-subtle"),
|
|
2476
2476
|
children: t
|
|
2477
2477
|
}, t);
|
|
2478
2478
|
}),
|
|
2479
|
-
/* @__PURE__ */
|
|
2479
|
+
/* @__PURE__ */ W("button", {
|
|
2480
2480
|
type: "button",
|
|
2481
2481
|
onClick: () => !f && n(e + 1),
|
|
2482
2482
|
disabled: f,
|
|
2483
2483
|
"aria-label": "Next page",
|
|
2484
|
-
className:
|
|
2485
|
-
children: /* @__PURE__ */
|
|
2484
|
+
className: X(Sr, Cr),
|
|
2485
|
+
children: /* @__PURE__ */ W(w, { className: "h-4 w-4" })
|
|
2486
2486
|
})
|
|
2487
2487
|
]
|
|
2488
2488
|
});
|
|
@@ -2502,36 +2502,36 @@ var Sr = "inline-flex items-center justify-center min-w-9 h-9 px-2 text-p-std ro
|
|
|
2502
2502
|
highlight: "border-brand-500 bg-brand-200/15 dark:bg-brand-500/10 ring-1 ring-brand-500/40",
|
|
2503
2503
|
warning: "border-yellow-500 bg-yellow-50 dark:bg-yellow-900/20"
|
|
2504
2504
|
}, Dr = a(function({ name: e, role: t, avatar: n, variant: r = "default", size: i = "md", badge: a, onClick: o, className: s, dataTestId: c, ...l }, u) {
|
|
2505
|
-
let d = Tr[i], f = Er[r], p = /* @__PURE__ */
|
|
2506
|
-
/* @__PURE__ */
|
|
2505
|
+
let d = Tr[i], f = Er[r], p = /* @__PURE__ */ G(U, { children: [
|
|
2506
|
+
/* @__PURE__ */ W(xt, {
|
|
2507
2507
|
src: n,
|
|
2508
2508
|
name: e,
|
|
2509
2509
|
size: d.avatar
|
|
2510
2510
|
}),
|
|
2511
|
-
/* @__PURE__ */
|
|
2511
|
+
/* @__PURE__ */ G("div", {
|
|
2512
2512
|
className: "min-w-0 flex-1",
|
|
2513
|
-
children: [/* @__PURE__ */
|
|
2513
|
+
children: [/* @__PURE__ */ W("div", {
|
|
2514
2514
|
className: "text-p-std font-semibold text-fg-default truncate leading-tight",
|
|
2515
2515
|
children: e
|
|
2516
|
-
}), t && /* @__PURE__ */
|
|
2516
|
+
}), t && /* @__PURE__ */ W("div", {
|
|
2517
2517
|
className: "text-p-sm text-fg-secondary truncate mt-0.5 leading-tight",
|
|
2518
2518
|
children: t
|
|
2519
2519
|
})]
|
|
2520
2520
|
}),
|
|
2521
|
-
a && /* @__PURE__ */
|
|
2521
|
+
a && /* @__PURE__ */ W("span", {
|
|
2522
2522
|
className: "shrink-0 self-center",
|
|
2523
2523
|
children: a
|
|
2524
2524
|
})
|
|
2525
|
-
] }), m =
|
|
2526
|
-
return o ? /* @__PURE__ */
|
|
2525
|
+
] }), m = X("relative inline-flex items-center rounded-xl border transition", d.padding, d.gap, f, o && "cursor-pointer hover:shadow-z1", s);
|
|
2526
|
+
return o ? /* @__PURE__ */ W("button", {
|
|
2527
2527
|
ref: u,
|
|
2528
2528
|
type: "button",
|
|
2529
2529
|
onClick: o,
|
|
2530
2530
|
"data-test-id": c,
|
|
2531
|
-
className:
|
|
2531
|
+
className: X(m, "text-left"),
|
|
2532
2532
|
...l,
|
|
2533
2533
|
children: p
|
|
2534
|
-
}) : /* @__PURE__ */
|
|
2534
|
+
}) : /* @__PURE__ */ W("div", {
|
|
2535
2535
|
ref: u,
|
|
2536
2536
|
"data-test-id": c,
|
|
2537
2537
|
className: m,
|
|
@@ -2554,7 +2554,7 @@ var Sr = "inline-flex items-center justify-center min-w-9 h-9 px-2 text-p-std ro
|
|
|
2554
2554
|
let f = r && i ? i / r * 100 : n, p = Math.min(100, Math.max(0, f)), m = r ? `${i}/${r}` : `${Math.round(p)}%`;
|
|
2555
2555
|
if (e === "circular") {
|
|
2556
2556
|
let e = o ?? Or[t], n = e - 5, r = 2 * n * Math.PI, i = kr[t];
|
|
2557
|
-
return /* @__PURE__ */
|
|
2557
|
+
return /* @__PURE__ */ G("div", {
|
|
2558
2558
|
ref: d,
|
|
2559
2559
|
role: "progressbar",
|
|
2560
2560
|
"aria-valuemin": 0,
|
|
@@ -2562,24 +2562,24 @@ var Sr = "inline-flex items-center justify-center min-w-9 h-9 px-2 text-p-std ro
|
|
|
2562
2562
|
"aria-valuenow": s ? void 0 : p,
|
|
2563
2563
|
"aria-valuetext": s ? void 0 : m,
|
|
2564
2564
|
"data-test-id": l,
|
|
2565
|
-
className:
|
|
2565
|
+
className: X("relative inline-flex items-center justify-center", c),
|
|
2566
2566
|
style: {
|
|
2567
2567
|
width: e * 2,
|
|
2568
2568
|
height: e * 2
|
|
2569
2569
|
},
|
|
2570
2570
|
...u,
|
|
2571
|
-
children: [/* @__PURE__ */
|
|
2571
|
+
children: [/* @__PURE__ */ G("svg", {
|
|
2572
2572
|
width: e * 2,
|
|
2573
2573
|
height: e * 2,
|
|
2574
2574
|
viewBox: `0 0 ${e * 2} ${e * 2}`,
|
|
2575
|
-
className:
|
|
2576
|
-
children: [/* @__PURE__ */
|
|
2575
|
+
className: X("-rotate-90", s && "animate-spin"),
|
|
2576
|
+
children: [/* @__PURE__ */ W("circle", {
|
|
2577
2577
|
cx: e,
|
|
2578
2578
|
cy: e,
|
|
2579
2579
|
r: n,
|
|
2580
2580
|
strokeWidth: i,
|
|
2581
2581
|
className: "fill-none stroke-bg-subtle"
|
|
2582
|
-
}), /* @__PURE__ */
|
|
2582
|
+
}), /* @__PURE__ */ W("circle", {
|
|
2583
2583
|
cx: e,
|
|
2584
2584
|
cy: e,
|
|
2585
2585
|
r: n,
|
|
@@ -2591,14 +2591,14 @@ var Sr = "inline-flex items-center justify-center min-w-9 h-9 px-2 text-p-std ro
|
|
|
2591
2591
|
strokeDashoffset: s ? `${r * .75}px` : `${r - r * p / 100}px`
|
|
2592
2592
|
}
|
|
2593
2593
|
})]
|
|
2594
|
-
}), !a && !s && /* @__PURE__ */
|
|
2595
|
-
className:
|
|
2594
|
+
}), !a && !s && /* @__PURE__ */ W("span", {
|
|
2595
|
+
className: X("absolute text-fg-secondary", jr[t]),
|
|
2596
2596
|
"data-test-id": l ? `${l}-text` : void 0,
|
|
2597
2597
|
children: m
|
|
2598
2598
|
})]
|
|
2599
2599
|
});
|
|
2600
2600
|
}
|
|
2601
|
-
return /* @__PURE__ */
|
|
2601
|
+
return /* @__PURE__ */ G("div", {
|
|
2602
2602
|
ref: d,
|
|
2603
2603
|
role: "progressbar",
|
|
2604
2604
|
"aria-valuemin": 0,
|
|
@@ -2606,22 +2606,22 @@ var Sr = "inline-flex items-center justify-center min-w-9 h-9 px-2 text-p-std ro
|
|
|
2606
2606
|
"aria-valuenow": p,
|
|
2607
2607
|
"aria-valuetext": m,
|
|
2608
2608
|
"data-test-id": l,
|
|
2609
|
-
className:
|
|
2609
|
+
className: X("flex w-full items-center gap-2", c),
|
|
2610
2610
|
...u,
|
|
2611
|
-
children: [/* @__PURE__ */
|
|
2612
|
-
className:
|
|
2613
|
-
children: /* @__PURE__ */
|
|
2611
|
+
children: [/* @__PURE__ */ W("div", {
|
|
2612
|
+
className: X("w-full overflow-hidden rounded-full bg-bg-subtle", Ar[t]),
|
|
2613
|
+
children: /* @__PURE__ */ W("div", {
|
|
2614
2614
|
className: "h-full rounded-full bg-brand-500 transition-all duration-300 ease-linear",
|
|
2615
2615
|
style: { width: `${p}%` }
|
|
2616
2616
|
})
|
|
2617
|
-
}), !a && /* @__PURE__ */
|
|
2618
|
-
className:
|
|
2617
|
+
}), !a && /* @__PURE__ */ W("span", {
|
|
2618
|
+
className: X("shrink-0 text-fg-secondary", jr[t]),
|
|
2619
2619
|
"data-test-id": l ? `${l}-text` : void 0,
|
|
2620
2620
|
children: m
|
|
2621
2621
|
})]
|
|
2622
2622
|
});
|
|
2623
2623
|
}), Nr = r(null), Pr = a(function({ name: e, label: t, value: n, defaultValue: r, onChange: i, disabled: a, required: o, error: s, errorText: c, helperText: l, size: d = "md", orientation: f = "vertical", children: p, className: m, wrapperClassName: h, dataTestId: g }, _) {
|
|
2624
|
-
let v = u(), y = e ?? v, b = `${v}-label`, x = s || !!c, S = c ? `${v}-error` : l ? `${v}-help` : void 0, C = /* @__PURE__ */
|
|
2624
|
+
let v = u(), y = e ?? v, b = `${v}-label`, x = s || !!c, S = c ? `${v}-error` : l ? `${v}-help` : void 0, C = /* @__PURE__ */ W("div", {
|
|
2625
2625
|
ref: _,
|
|
2626
2626
|
role: "radiogroup",
|
|
2627
2627
|
"aria-labelledby": t ? b : void 0,
|
|
@@ -2629,10 +2629,10 @@ var Sr = "inline-flex items-center justify-center min-w-9 h-9 px-2 text-p-std ro
|
|
|
2629
2629
|
"aria-invalid": x || void 0,
|
|
2630
2630
|
"aria-describedby": S,
|
|
2631
2631
|
"data-test-id": g,
|
|
2632
|
-
className:
|
|
2632
|
+
className: X("flex gap-3", f === "vertical" ? "flex-col" : "flex-row flex-wrap items-center gap-4", m),
|
|
2633
2633
|
children: p
|
|
2634
2634
|
});
|
|
2635
|
-
return /* @__PURE__ */
|
|
2635
|
+
return /* @__PURE__ */ W(Nr.Provider, {
|
|
2636
2636
|
value: {
|
|
2637
2637
|
name: y,
|
|
2638
2638
|
value: n,
|
|
@@ -2642,24 +2642,24 @@ var Sr = "inline-flex items-center justify-center min-w-9 h-9 px-2 text-p-std ro
|
|
|
2642
2642
|
size: d,
|
|
2643
2643
|
error: x
|
|
2644
2644
|
},
|
|
2645
|
-
children: t || c || l ? /* @__PURE__ */
|
|
2646
|
-
className:
|
|
2645
|
+
children: t || c || l ? /* @__PURE__ */ G("div", {
|
|
2646
|
+
className: X("flex flex-col gap-1.5", h),
|
|
2647
2647
|
children: [
|
|
2648
|
-
t && /* @__PURE__ */
|
|
2648
|
+
t && /* @__PURE__ */ G("span", {
|
|
2649
2649
|
id: b,
|
|
2650
2650
|
className: "text-p-std font-medium text-fg-default inline-flex items-center gap-1",
|
|
2651
|
-
children: [t, o && /* @__PURE__ */
|
|
2651
|
+
children: [t, o && /* @__PURE__ */ W("span", {
|
|
2652
2652
|
className: "text-red-600",
|
|
2653
2653
|
"aria-hidden": !0,
|
|
2654
2654
|
children: "*"
|
|
2655
2655
|
})]
|
|
2656
2656
|
}),
|
|
2657
2657
|
C,
|
|
2658
|
-
c ? /* @__PURE__ */
|
|
2658
|
+
c ? /* @__PURE__ */ W("p", {
|
|
2659
2659
|
id: `${v}-error`,
|
|
2660
2660
|
className: "text-p-sm text-red-700",
|
|
2661
2661
|
children: c
|
|
2662
|
-
}) : l ? /* @__PURE__ */
|
|
2662
|
+
}) : l ? /* @__PURE__ */ W("p", {
|
|
2663
2663
|
id: `${v}-help`,
|
|
2664
2664
|
className: "text-p-sm text-fg-secondary",
|
|
2665
2665
|
children: l
|
|
@@ -2674,14 +2674,14 @@ var Sr = "inline-flex items-center justify-center min-w-9 h-9 px-2 text-p-std ro
|
|
|
2674
2674
|
md: "h-2 w-2",
|
|
2675
2675
|
sm: "h-1.5 w-1.5"
|
|
2676
2676
|
}, Lr = a(function({ value: e, size: t, label: n, description: r, error: i = !1, id: a, disabled: o, checked: s, defaultChecked: l, onChange: d, className: f, dataTestId: p, ...m }, h) {
|
|
2677
|
-
let g = c(Nr), _ = u(), v = a ?? _, y = t ?? g?.size ?? "md", b = o ?? g?.disabled, x = i || !!g?.error, S = g !== null, C = S && g.value !== void 0 ?
|
|
2678
|
-
return /* @__PURE__ */
|
|
2677
|
+
let g = c(Nr), _ = u(), v = a ?? _, y = t ?? g?.size ?? "md", b = o ?? g?.disabled, x = i || !!g?.error, S = g !== null, C = S && g.value !== void 0 ? Xe(g.value, e) : void 0, w = S && g.defaultValue !== void 0 ? Xe(g.defaultValue, e) : void 0, T = S ? C : s, E = S ? w : l;
|
|
2678
|
+
return /* @__PURE__ */ G("label", {
|
|
2679
2679
|
htmlFor: v,
|
|
2680
2680
|
"data-test-id": p,
|
|
2681
|
-
className:
|
|
2682
|
-
children: [/* @__PURE__ */
|
|
2681
|
+
className: X("inline-flex items-center gap-2.5", b ? "cursor-not-allowed opacity-60" : "cursor-pointer", f),
|
|
2682
|
+
children: [/* @__PURE__ */ G("span", {
|
|
2683
2683
|
className: "relative inline-flex shrink-0 items-center justify-center mt-0.5",
|
|
2684
|
-
children: [/* @__PURE__ */
|
|
2684
|
+
children: [/* @__PURE__ */ W("input", {
|
|
2685
2685
|
ref: h,
|
|
2686
2686
|
id: v,
|
|
2687
2687
|
type: "radio",
|
|
@@ -2696,16 +2696,16 @@ var Sr = "inline-flex items-center justify-center min-w-9 h-9 px-2 text-p-std ro
|
|
|
2696
2696
|
className: "peer sr-only",
|
|
2697
2697
|
"aria-invalid": x || void 0,
|
|
2698
2698
|
...m
|
|
2699
|
-
}), /* @__PURE__ */
|
|
2700
|
-
className:
|
|
2701
|
-
children: /* @__PURE__ */
|
|
2699
|
+
}), /* @__PURE__ */ W("span", {
|
|
2700
|
+
className: X("flex items-center justify-center rounded-full border bg-bg-default transition-colors", Fr[y], x ? "border-red-600" : "border-border-strong", !b && !x && "peer-hover:border-fg-tertiary", "peer-focus-visible:ring-2 peer-focus-visible:ring-brand-300 peer-focus-visible:ring-offset-1", "peer-checked:border-brand-500", b && "!bg-bg-subtle !border-border-default", "[&>span]:opacity-0 peer-checked:[&>span]:opacity-100"),
|
|
2701
|
+
children: /* @__PURE__ */ W("span", { className: X("rounded-full bg-brand-500 transition-opacity", Ir[y], b && "!bg-fg-disabled") })
|
|
2702
2702
|
})]
|
|
2703
|
-
}), (n || r) && /* @__PURE__ */
|
|
2703
|
+
}), (n || r) && /* @__PURE__ */ G("span", {
|
|
2704
2704
|
className: "flex flex-col gap-0.5",
|
|
2705
|
-
children: [n && /* @__PURE__ */
|
|
2705
|
+
children: [n && /* @__PURE__ */ W("span", {
|
|
2706
2706
|
className: "text-p-std font-medium text-fg-default leading-tight",
|
|
2707
2707
|
children: n
|
|
2708
|
-
}), r && /* @__PURE__ */
|
|
2708
|
+
}), r && /* @__PURE__ */ W("span", {
|
|
2709
2709
|
className: "text-p-sm text-fg-secondary leading-snug",
|
|
2710
2710
|
children: r
|
|
2711
2711
|
})]
|
|
@@ -2716,17 +2716,17 @@ var Sr = "inline-flex items-center justify-center min-w-9 h-9 px-2 text-p-std ro
|
|
|
2716
2716
|
let e = !v;
|
|
2717
2717
|
_ || g(e), s?.(e);
|
|
2718
2718
|
};
|
|
2719
|
-
return /* @__PURE__ */
|
|
2719
|
+
return /* @__PURE__ */ G("div", {
|
|
2720
2720
|
ref: p,
|
|
2721
2721
|
"data-test-id": d,
|
|
2722
|
-
className:
|
|
2722
|
+
className: X("flex flex-col gap-1", l),
|
|
2723
2723
|
...f,
|
|
2724
|
-
children: [/* @__PURE__ */
|
|
2724
|
+
children: [/* @__PURE__ */ W(Dn, {
|
|
2725
2725
|
id: y,
|
|
2726
2726
|
clamp: v ? void 0 : t,
|
|
2727
2727
|
...c,
|
|
2728
2728
|
children: v ? e : n ?? e
|
|
2729
|
-
}), /* @__PURE__ */
|
|
2729
|
+
}), /* @__PURE__ */ W("button", {
|
|
2730
2730
|
type: "button",
|
|
2731
2731
|
onClick: (e) => {
|
|
2732
2732
|
e.stopPropagation(), b();
|
|
@@ -2856,8 +2856,8 @@ function Qr(e) {
|
|
|
2856
2856
|
function $r(e, t, n) {
|
|
2857
2857
|
return {
|
|
2858
2858
|
container: () => "w-full",
|
|
2859
|
-
control: ({ isFocused: n, isDisabled: r }) =>
|
|
2860
|
-
valueContainer: () =>
|
|
2859
|
+
control: ({ isFocused: n, isDisabled: r }) => X("flex items-center rounded-lg border bg-bg-default transition-colors", r ? "cursor-not-allowed" : "cursor-text", Vr[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"),
|
|
2860
|
+
valueContainer: () => X("flex flex-1 items-center gap-1 min-w-0 sv2-value-container", n ? "flex-nowrap! overflow-hidden" : "flex-wrap", Hr[e]),
|
|
2861
2861
|
placeholder: () => "text-fg-tertiary truncate",
|
|
2862
2862
|
singleValue: () => "text-fg-default truncate min-w-0",
|
|
2863
2863
|
input: () => "text-fg-default",
|
|
@@ -2868,12 +2868,12 @@ function $r(e, t, n) {
|
|
|
2868
2868
|
clearIndicator: () => "text-fg-secondary hover:text-fg-default cursor-pointer p-0.5",
|
|
2869
2869
|
dropdownIndicator: () => "text-fg-secondary p-0.5",
|
|
2870
2870
|
indicatorSeparator: () => "hidden",
|
|
2871
|
-
menu: ({ placement: e }) =>
|
|
2871
|
+
menu: ({ placement: e }) => X("rounded-lg border border-border-default bg-bg-default shadow-z4 overflow-hidden z-50!", e === "top" ? "mb-1" : "mt-1"),
|
|
2872
2872
|
menuList: () => "max-h-60 overflow-y-auto py-1",
|
|
2873
2873
|
menuPortal: () => "z-50!",
|
|
2874
2874
|
group: () => "py-1",
|
|
2875
2875
|
groupHeading: () => "px-3 pt-2 pb-1 text-label-sm font-medium uppercase tracking-wide text-fg-tertiary select-none",
|
|
2876
|
-
option: ({ isFocused: e, isSelected: t, isDisabled: n }) =>
|
|
2876
|
+
option: ({ isFocused: e, isSelected: t, isDisabled: n }) => X("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"),
|
|
2877
2877
|
noOptionsMessage: () => "px-3 py-6 text-center text-p-sm text-fg-secondary",
|
|
2878
2878
|
loadingMessage: () => "px-3 py-6 text-center text-p-sm text-fg-secondary"
|
|
2879
2879
|
};
|
|
@@ -2882,27 +2882,27 @@ function $r(e, t, n) {
|
|
|
2882
2882
|
//#region src/components/SelectV2/SelectV2.tsx
|
|
2883
2883
|
var ei = 36;
|
|
2884
2884
|
function ti(e) {
|
|
2885
|
-
return /* @__PURE__ */
|
|
2885
|
+
return /* @__PURE__ */ W(Ee.DropdownIndicator, {
|
|
2886
2886
|
...e,
|
|
2887
|
-
children: /* @__PURE__ */
|
|
2888
|
-
className:
|
|
2887
|
+
children: /* @__PURE__ */ W(S, {
|
|
2888
|
+
className: X("h-4 w-4 transition-transform", e.selectProps.menuIsOpen && "rotate-180"),
|
|
2889
2889
|
"aria-hidden": !0
|
|
2890
2890
|
})
|
|
2891
2891
|
});
|
|
2892
2892
|
}
|
|
2893
2893
|
function ni(e) {
|
|
2894
|
-
return /* @__PURE__ */
|
|
2894
|
+
return /* @__PURE__ */ W(Ee.ClearIndicator, {
|
|
2895
2895
|
...e,
|
|
2896
|
-
children: /* @__PURE__ */
|
|
2896
|
+
children: /* @__PURE__ */ W(V, {
|
|
2897
2897
|
className: "h-3.5 w-3.5",
|
|
2898
2898
|
"aria-hidden": !0
|
|
2899
2899
|
})
|
|
2900
2900
|
});
|
|
2901
2901
|
}
|
|
2902
2902
|
function ri(e) {
|
|
2903
|
-
return /* @__PURE__ */
|
|
2903
|
+
return /* @__PURE__ */ W(Ee.MultiValueRemove, {
|
|
2904
2904
|
...e,
|
|
2905
|
-
children: /* @__PURE__ */
|
|
2905
|
+
children: /* @__PURE__ */ W(V, {
|
|
2906
2906
|
className: "h-3 w-3",
|
|
2907
2907
|
"aria-hidden": !0
|
|
2908
2908
|
})
|
|
@@ -2910,38 +2910,38 @@ function ri(e) {
|
|
|
2910
2910
|
}
|
|
2911
2911
|
function ii(e) {
|
|
2912
2912
|
let { visibleTagCount: t } = e.selectProps;
|
|
2913
|
-
return t === void 0 || e.index < t ? /* @__PURE__ */
|
|
2913
|
+
return t === void 0 || e.index < t ? /* @__PURE__ */ W(Ee.MultiValue, { ...e }) : e.index === t ? /* @__PURE__ */ G("span", {
|
|
2914
2914
|
className: Kr,
|
|
2915
2915
|
children: ["+", (Array.isArray(e.selectProps.value) ? e.selectProps.value.length : 0) - t]
|
|
2916
2916
|
}) : null;
|
|
2917
2917
|
}
|
|
2918
2918
|
function ai(e) {
|
|
2919
|
-
return /* @__PURE__ */
|
|
2919
|
+
return /* @__PURE__ */ G(Ee.Option, {
|
|
2920
2920
|
...e,
|
|
2921
|
-
children: [e.children, e.isSelected && /* @__PURE__ */
|
|
2921
|
+
children: [e.children, e.isSelected && /* @__PURE__ */ W(b, {
|
|
2922
2922
|
className: "h-4 w-4 text-fg-brand shrink-0",
|
|
2923
2923
|
"aria-hidden": !0
|
|
2924
2924
|
})]
|
|
2925
2925
|
});
|
|
2926
2926
|
}
|
|
2927
2927
|
function oi() {
|
|
2928
|
-
return /* @__PURE__ */
|
|
2928
|
+
return /* @__PURE__ */ W(N, {
|
|
2929
2929
|
className: "h-4 w-4 animate-spin text-fg-secondary",
|
|
2930
2930
|
"aria-hidden": !0
|
|
2931
2931
|
});
|
|
2932
2932
|
}
|
|
2933
2933
|
function si(e) {
|
|
2934
2934
|
let { selectAllState: t, onSelectAllToggle: n, saveSelectionState: r, onSaveSelectionToggle: i } = e.selectProps;
|
|
2935
|
-
return /* @__PURE__ */
|
|
2935
|
+
return /* @__PURE__ */ G(Ee.Menu, {
|
|
2936
2936
|
...e,
|
|
2937
2937
|
children: [
|
|
2938
|
-
t && /* @__PURE__ */
|
|
2938
|
+
t && /* @__PURE__ */ W("div", {
|
|
2939
2939
|
className: "border-b border-border-default px-3 py-2",
|
|
2940
2940
|
onMouseDown: (e) => e.preventDefault(),
|
|
2941
2941
|
onClick: (e) => {
|
|
2942
2942
|
e.preventDefault(), n?.();
|
|
2943
2943
|
},
|
|
2944
|
-
children: /* @__PURE__ */
|
|
2944
|
+
children: /* @__PURE__ */ W(Wt, {
|
|
2945
2945
|
size: "sm",
|
|
2946
2946
|
checked: t.checked,
|
|
2947
2947
|
indeterminate: t.indeterminate,
|
|
@@ -2950,13 +2950,13 @@ function si(e) {
|
|
|
2950
2950
|
})
|
|
2951
2951
|
}),
|
|
2952
2952
|
e.children,
|
|
2953
|
-
r && /* @__PURE__ */
|
|
2953
|
+
r && /* @__PURE__ */ W("div", {
|
|
2954
2954
|
className: "border-t border-border-default px-3 py-2",
|
|
2955
2955
|
onMouseDown: (e) => e.preventDefault(),
|
|
2956
2956
|
onClick: (e) => {
|
|
2957
2957
|
e.preventDefault(), i?.();
|
|
2958
2958
|
},
|
|
2959
|
-
children: /* @__PURE__ */
|
|
2959
|
+
children: /* @__PURE__ */ W(Wt, {
|
|
2960
2960
|
size: "sm",
|
|
2961
2961
|
checked: r.checked,
|
|
2962
2962
|
label: r.label,
|
|
@@ -2967,24 +2967,24 @@ function si(e) {
|
|
|
2967
2967
|
});
|
|
2968
2968
|
}
|
|
2969
2969
|
function ci(t) {
|
|
2970
|
-
let { children: n, innerRef: r, innerProps: i, maxHeight: a } = t, o = e.toArray(n), s = p(null), c =
|
|
2970
|
+
let { children: n, innerRef: r, innerProps: i, maxHeight: a } = t, o = e.toArray(n), s = p(null), c = Ae({
|
|
2971
2971
|
count: o.length,
|
|
2972
2972
|
getScrollElement: () => s.current,
|
|
2973
2973
|
estimateSize: () => ei,
|
|
2974
2974
|
overscan: 8
|
|
2975
2975
|
});
|
|
2976
|
-
return /* @__PURE__ */
|
|
2976
|
+
return /* @__PURE__ */ W("div", {
|
|
2977
2977
|
...i,
|
|
2978
2978
|
ref: Gt(r, s),
|
|
2979
2979
|
className: "overflow-y-auto py-1",
|
|
2980
2980
|
style: { maxHeight: a },
|
|
2981
|
-
children: /* @__PURE__ */
|
|
2981
|
+
children: /* @__PURE__ */ W("div", {
|
|
2982
2982
|
style: {
|
|
2983
2983
|
height: c.getTotalSize(),
|
|
2984
2984
|
position: "relative",
|
|
2985
2985
|
width: "100%"
|
|
2986
2986
|
},
|
|
2987
|
-
children: c.getVirtualItems().map((e) => /* @__PURE__ */
|
|
2987
|
+
children: c.getVirtualItems().map((e) => /* @__PURE__ */ W("div", {
|
|
2988
2988
|
style: {
|
|
2989
2989
|
position: "absolute",
|
|
2990
2990
|
top: 0,
|
|
@@ -2998,28 +2998,28 @@ function ci(t) {
|
|
|
2998
2998
|
});
|
|
2999
2999
|
}
|
|
3000
3000
|
var li = a(function(e, t) {
|
|
3001
|
-
let { options: n, loadOptions: r, defaultOptions: i, creatable: a = !1, onCreateOption: o, formatCreateLabel: c, isMulti: d, value: h, defaultValue: g, onChange: _, placeholder: v, label: y, labelAddons: b, helperText: x, errorText: S, error: C = !1, required: w = !0, loading: T = !1, clearable: E = !1, searchable: D, virtualized: O = !1, emptyText: k, locale:
|
|
3001
|
+
let { options: n, loadOptions: r, defaultOptions: i, creatable: a = !1, onCreateOption: o, formatCreateLabel: c, isMulti: d, value: h, defaultValue: g, onChange: _, placeholder: v, label: y, labelAddons: b, helperText: x, errorText: S, error: C = !1, required: w = !0, loading: T = !1, clearable: E = !1, searchable: D, virtualized: O = !1, emptyText: k, locale: ee = "en-US", storageKey: A, saveSelectionLabel: j, size: te = "md", disabled: ne = !1, id: M, className: N, wrapperClassName: P, dataTestId: F, ...I } = e, re = e.isMulti ? !!e.singleLine : !1, L = Br[ee], ie = v ?? L.placeholder, ae = k ?? L.noResults, oe = c ?? ((e) => L.createLabel(e)), se = u(), ce = M ?? se, le = C || !!S, R = h !== void 0, [ue, de] = m(() => {
|
|
3002
3002
|
if (!d) {
|
|
3003
|
-
if (
|
|
3004
|
-
let e = Yr(
|
|
3003
|
+
if (A && !R) {
|
|
3004
|
+
let e = Yr(A);
|
|
3005
3005
|
if (e !== void 0) return e;
|
|
3006
3006
|
}
|
|
3007
3007
|
return g;
|
|
3008
3008
|
}
|
|
3009
|
-
}), [
|
|
3009
|
+
}), [fe, z] = m(() => {
|
|
3010
3010
|
if (!d) return [];
|
|
3011
|
-
if (
|
|
3012
|
-
let e = Yr(
|
|
3011
|
+
if (A && !R) {
|
|
3012
|
+
let e = Yr(A);
|
|
3013
3013
|
if (Array.isArray(e)) return e;
|
|
3014
3014
|
}
|
|
3015
3015
|
return g ?? [];
|
|
3016
|
-
}), [
|
|
3016
|
+
}), [pe, me] = m(() => !!A && Xr(A)), [he, ge] = m(() => {
|
|
3017
3017
|
let e = /* @__PURE__ */ new Map();
|
|
3018
3018
|
for (let t of n) e.set(String(t.value), t);
|
|
3019
3019
|
if (Array.isArray(i)) for (let t of i) e.set(String(t.value), t);
|
|
3020
3020
|
return e;
|
|
3021
|
-
}),
|
|
3022
|
-
e.length !== 0 &&
|
|
3021
|
+
}), B = s((e) => {
|
|
3022
|
+
e.length !== 0 && ge((t) => {
|
|
3023
3023
|
let n = !1, r = new Map(t);
|
|
3024
3024
|
for (let t of e) {
|
|
3025
3025
|
let e = String(t.value);
|
|
@@ -3029,57 +3029,57 @@ var li = a(function(e, t) {
|
|
|
3029
3029
|
});
|
|
3030
3030
|
}, []);
|
|
3031
3031
|
f(() => {
|
|
3032
|
-
|
|
3033
|
-
}, [n,
|
|
3034
|
-
let
|
|
3032
|
+
B(n);
|
|
3033
|
+
}, [n, B]);
|
|
3034
|
+
let _e = s((e) => he.get(String(e)) ?? {
|
|
3035
3035
|
value: e,
|
|
3036
3036
|
label: String(e)
|
|
3037
|
-
}, [
|
|
3038
|
-
|
|
3037
|
+
}, [he]), ve = R ? h : ue, H = f(() => (R ? h : fe) ?? [], [
|
|
3038
|
+
R,
|
|
3039
3039
|
h,
|
|
3040
|
-
|
|
3041
|
-
]),
|
|
3042
|
-
if (r) return (e) => Promise.resolve(r(e)).then((e) => (
|
|
3043
|
-
}, [r,
|
|
3040
|
+
fe
|
|
3041
|
+
]), ye = !d && ve !== void 0 ? _e(ve) : null, U = d ? H.map(_e) : [], be = f(() => {
|
|
3042
|
+
if (r) return (e) => Promise.resolve(r(e)).then((e) => (B(e), e));
|
|
3043
|
+
}, [r, B]), xe = s((e) => {
|
|
3044
3044
|
if (d) {
|
|
3045
3045
|
let t = [...e ?? []];
|
|
3046
|
-
|
|
3046
|
+
B(t);
|
|
3047
3047
|
let n = t.map((e) => e.value);
|
|
3048
|
-
|
|
3048
|
+
z(n), _?.(n);
|
|
3049
3049
|
} else {
|
|
3050
3050
|
let t = e;
|
|
3051
|
-
t &&
|
|
3051
|
+
t && B([t]), de(t?.value), _?.(t?.value ?? void 0);
|
|
3052
3052
|
}
|
|
3053
3053
|
}, [
|
|
3054
3054
|
d,
|
|
3055
|
-
|
|
3055
|
+
B,
|
|
3056
3056
|
_
|
|
3057
|
-
]),
|
|
3057
|
+
]), Se = s((e) => {
|
|
3058
3058
|
let t = {
|
|
3059
3059
|
value: e,
|
|
3060
3060
|
label: e
|
|
3061
3061
|
};
|
|
3062
|
-
if (
|
|
3063
|
-
let e = [...
|
|
3064
|
-
|
|
3065
|
-
} else
|
|
3062
|
+
if (B([t]), o?.(e), d) {
|
|
3063
|
+
let e = [...H, t.value];
|
|
3064
|
+
z(e), _?.(e);
|
|
3065
|
+
} else de(t.value), _?.(t.value);
|
|
3066
3066
|
}, [
|
|
3067
3067
|
d,
|
|
3068
|
-
W,
|
|
3069
3068
|
H,
|
|
3069
|
+
B,
|
|
3070
3070
|
_,
|
|
3071
3071
|
o
|
|
3072
|
-
]),
|
|
3073
|
-
|
|
3074
|
-
|
|
3075
|
-
|
|
3076
|
-
]),
|
|
3077
|
-
wrapperRef:
|
|
3078
|
-
measureRef:
|
|
3079
|
-
total:
|
|
3080
|
-
labelsKey:
|
|
3081
|
-
enabled:
|
|
3082
|
-
}),
|
|
3072
|
+
]), Ce = !!r, we = D ?? (Ce || a ? !0 : n.length >= 10), Ee = Ce ? a ? ke : De : a ? Oe : Te, Ae = f(() => $r(te, le, re), [
|
|
3073
|
+
te,
|
|
3074
|
+
le,
|
|
3075
|
+
re
|
|
3076
|
+
]), je = p(null), Me = p(null), Ne = p(null), Pe = !!d && re, Fe = zr({
|
|
3077
|
+
wrapperRef: je,
|
|
3078
|
+
measureRef: Me,
|
|
3079
|
+
total: U.length,
|
|
3080
|
+
labelsKey: U.map(qr).join("\0"),
|
|
3081
|
+
enabled: Pe
|
|
3082
|
+
}), Ie = f(() => n.some((e) => !!e.description), [n]), Le = f(() => {
|
|
3083
3083
|
if (!n.some((e) => e.group)) return n;
|
|
3084
3084
|
let e = /* @__PURE__ */ new Map(), t = [];
|
|
3085
3085
|
for (let r of n) {
|
|
@@ -3094,115 +3094,115 @@ var li = a(function(e, t) {
|
|
|
3094
3094
|
})), n.push(r);
|
|
3095
3095
|
}
|
|
3096
3096
|
return t;
|
|
3097
|
-
}, [n]),
|
|
3097
|
+
}, [n]), K = !!d && !Ce, Re = d ? H : ve;
|
|
3098
3098
|
l(() => {
|
|
3099
|
-
!
|
|
3099
|
+
!A || !pe || Zr(A, Re);
|
|
3100
3100
|
}, [
|
|
3101
|
-
|
|
3102
|
-
|
|
3103
|
-
|
|
3101
|
+
A,
|
|
3102
|
+
pe,
|
|
3103
|
+
Re
|
|
3104
3104
|
]);
|
|
3105
|
-
let
|
|
3106
|
-
|
|
3105
|
+
let ze = s(() => {
|
|
3106
|
+
A && me((e) => {
|
|
3107
3107
|
let t = !e;
|
|
3108
|
-
return t ? Zr(
|
|
3108
|
+
return t ? Zr(A, Re) : Qr(A), t;
|
|
3109
3109
|
});
|
|
3110
|
-
}, [
|
|
3111
|
-
checked:
|
|
3112
|
-
label:
|
|
3110
|
+
}, [A, Re]), Be = f(() => A ? {
|
|
3111
|
+
checked: pe,
|
|
3112
|
+
label: j ?? L.saveSelectionLabel
|
|
3113
3113
|
} : null, [
|
|
3114
|
+
A,
|
|
3115
|
+
pe,
|
|
3114
3116
|
j,
|
|
3115
|
-
|
|
3116
|
-
|
|
3117
|
-
|
|
3118
|
-
|
|
3119
|
-
|
|
3120
|
-
}, []), Y = f(() => J ? n.filter((e) => !e.disabled && Jr(e, ze)) : [], [
|
|
3121
|
-
J,
|
|
3117
|
+
L
|
|
3118
|
+
]), [Ve, He] = m(""), Ue = s((e, t) => {
|
|
3119
|
+
t.action === "input-change" && He(e);
|
|
3120
|
+
}, []), q = f(() => K ? n.filter((e) => !e.disabled && Jr(e, Ve)) : [], [
|
|
3121
|
+
K,
|
|
3122
3122
|
n,
|
|
3123
|
-
|
|
3124
|
-
]),
|
|
3125
|
-
if (!
|
|
3126
|
-
let e = new Set(
|
|
3123
|
+
Ve
|
|
3124
|
+
]), J = f(() => {
|
|
3125
|
+
if (!K || q.length === 0) return null;
|
|
3126
|
+
let e = new Set(H.map(String)), t = q.filter((t) => e.has(String(t.value))).length, n = t === q.length;
|
|
3127
3127
|
return {
|
|
3128
|
-
count:
|
|
3128
|
+
count: q.length,
|
|
3129
3129
|
checked: n,
|
|
3130
|
-
indeterminate: t > 0 && t <
|
|
3131
|
-
label: n ?
|
|
3130
|
+
indeterminate: t > 0 && t < q.length,
|
|
3131
|
+
label: n ? L.clearAllLabel(q.length) : L.selectAllLabel(q.length)
|
|
3132
3132
|
};
|
|
3133
3133
|
}, [
|
|
3134
|
-
|
|
3135
|
-
|
|
3136
|
-
|
|
3137
|
-
|
|
3138
|
-
]),
|
|
3139
|
-
if (!
|
|
3140
|
-
let e = new Set(
|
|
3141
|
-
if (
|
|
3134
|
+
K,
|
|
3135
|
+
q,
|
|
3136
|
+
H,
|
|
3137
|
+
L
|
|
3138
|
+
]), Y = s(() => {
|
|
3139
|
+
if (!J) return;
|
|
3140
|
+
let e = new Set(q.map((e) => String(e.value))), t;
|
|
3141
|
+
if (J.checked) t = H.filter((t) => !e.has(String(t)));
|
|
3142
3142
|
else {
|
|
3143
|
-
|
|
3144
|
-
let e = new Set(
|
|
3145
|
-
t = [...
|
|
3143
|
+
B(q);
|
|
3144
|
+
let e = new Set(H.map(String));
|
|
3145
|
+
t = [...H, ...q.filter((t) => !e.has(String(t.value))).map((e) => e.value)];
|
|
3146
3146
|
}
|
|
3147
|
-
|
|
3147
|
+
z(t), _?.(t), Ne.current?.onMenuClose();
|
|
3148
3148
|
}, [
|
|
3149
|
-
|
|
3150
|
-
|
|
3151
|
-
W,
|
|
3149
|
+
J,
|
|
3150
|
+
q,
|
|
3152
3151
|
H,
|
|
3152
|
+
B,
|
|
3153
3153
|
_
|
|
3154
|
-
]),
|
|
3155
|
-
...
|
|
3156
|
-
inputId:
|
|
3154
|
+
]), We = {
|
|
3155
|
+
...I,
|
|
3156
|
+
inputId: ce,
|
|
3157
3157
|
unstyled: !0,
|
|
3158
|
-
classNames:
|
|
3159
|
-
className:
|
|
3158
|
+
classNames: Ae,
|
|
3159
|
+
className: N,
|
|
3160
3160
|
isMulti: d,
|
|
3161
|
-
options:
|
|
3162
|
-
loadOptions:
|
|
3161
|
+
options: Le,
|
|
3162
|
+
loadOptions: be,
|
|
3163
3163
|
defaultOptions: i,
|
|
3164
|
-
value: d ?
|
|
3165
|
-
onChange:
|
|
3166
|
-
onCreateOption: a ?
|
|
3167
|
-
formatCreateLabel: a ?
|
|
3164
|
+
value: d ? U : ye,
|
|
3165
|
+
onChange: xe,
|
|
3166
|
+
onCreateOption: a ? Se : void 0,
|
|
3167
|
+
formatCreateLabel: a ? oe : void 0,
|
|
3168
3168
|
getOptionValue: (e) => String(e.value),
|
|
3169
3169
|
getOptionLabel: qr,
|
|
3170
|
-
formatOptionLabel: (e, t) => t.context === "value" ? e.label :
|
|
3170
|
+
formatOptionLabel: (e, t) => t.context === "value" ? e.label : Ie && e.description ? /* @__PURE__ */ G("span", {
|
|
3171
3171
|
className: "flex flex-col min-w-0",
|
|
3172
|
-
children: [/* @__PURE__ */
|
|
3172
|
+
children: [/* @__PURE__ */ W("span", {
|
|
3173
3173
|
className: "truncate",
|
|
3174
3174
|
children: e.label
|
|
3175
|
-
}), /* @__PURE__ */
|
|
3175
|
+
}), /* @__PURE__ */ W("span", {
|
|
3176
3176
|
className: "truncate text-p-sm text-fg-secondary",
|
|
3177
3177
|
children: e.description
|
|
3178
3178
|
})]
|
|
3179
3179
|
}) : e.label,
|
|
3180
3180
|
isOptionDisabled: (e) => !!e.disabled,
|
|
3181
|
-
placeholder:
|
|
3182
|
-
isDisabled:
|
|
3181
|
+
placeholder: ie,
|
|
3182
|
+
isDisabled: ne || T,
|
|
3183
3183
|
isClearable: E,
|
|
3184
|
-
isSearchable:
|
|
3184
|
+
isSearchable: we,
|
|
3185
3185
|
isLoading: T || void 0,
|
|
3186
|
-
noOptionsMessage: () =>
|
|
3187
|
-
loadingMessage: () =>
|
|
3188
|
-
"aria-invalid":
|
|
3186
|
+
noOptionsMessage: () => ae,
|
|
3187
|
+
loadingMessage: () => L.loadingMessage,
|
|
3188
|
+
"aria-invalid": le || void 0,
|
|
3189
3189
|
"aria-required": w || void 0,
|
|
3190
|
-
...
|
|
3191
|
-
inputValue:
|
|
3192
|
-
onInputChange:
|
|
3193
|
-
selectAllState:
|
|
3194
|
-
onSelectAllToggle:
|
|
3190
|
+
...K ? {
|
|
3191
|
+
inputValue: Ve,
|
|
3192
|
+
onInputChange: Ue,
|
|
3193
|
+
selectAllState: J,
|
|
3194
|
+
onSelectAllToggle: Y
|
|
3195
3195
|
} : {},
|
|
3196
|
-
...
|
|
3197
|
-
saveSelectionState:
|
|
3198
|
-
onSaveSelectionToggle:
|
|
3196
|
+
...Be ? {
|
|
3197
|
+
saveSelectionState: Be,
|
|
3198
|
+
onSaveSelectionToggle: ze
|
|
3199
3199
|
} : {},
|
|
3200
|
-
...
|
|
3200
|
+
...Pe ? { visibleTagCount: Fe } : {},
|
|
3201
3201
|
...d ? {
|
|
3202
|
-
closeMenuOnSelect:
|
|
3203
|
-
hideSelectedOptions:
|
|
3202
|
+
closeMenuOnSelect: I.closeMenuOnSelect ?? !1,
|
|
3203
|
+
hideSelectedOptions: I.hideSelectedOptions ?? !1
|
|
3204
3204
|
} : {},
|
|
3205
|
-
menuPlacement:
|
|
3205
|
+
menuPlacement: I.menuPlacement ?? "auto",
|
|
3206
3206
|
components: {
|
|
3207
3207
|
DropdownIndicator: ti,
|
|
3208
3208
|
ClearIndicator: ni,
|
|
@@ -3210,37 +3210,37 @@ var li = a(function(e, t) {
|
|
|
3210
3210
|
LoadingIndicator: oi,
|
|
3211
3211
|
IndicatorSeparator: () => null,
|
|
3212
3212
|
...O ? { MenuList: ci } : {},
|
|
3213
|
-
...
|
|
3214
|
-
...
|
|
3213
|
+
...K || Be ? { Menu: si } : {},
|
|
3214
|
+
...Pe ? { MultiValue: ii } : {},
|
|
3215
3215
|
Option: ai
|
|
3216
3216
|
}
|
|
3217
3217
|
};
|
|
3218
|
-
return /* @__PURE__ */
|
|
3219
|
-
ref:
|
|
3220
|
-
"data-test-id":
|
|
3221
|
-
className:
|
|
3218
|
+
return /* @__PURE__ */ G("div", {
|
|
3219
|
+
ref: je,
|
|
3220
|
+
"data-test-id": F,
|
|
3221
|
+
className: X("flex flex-col gap-1.5 w-full", P),
|
|
3222
3222
|
children: [
|
|
3223
|
-
(y || b) && /* @__PURE__ */
|
|
3223
|
+
(y || b) && /* @__PURE__ */ G("div", {
|
|
3224
3224
|
className: "flex items-center gap-1.5",
|
|
3225
|
-
children: [y && /* @__PURE__ */
|
|
3226
|
-
htmlFor:
|
|
3225
|
+
children: [y && /* @__PURE__ */ G("label", {
|
|
3226
|
+
htmlFor: ce,
|
|
3227
3227
|
className: "text-p-std font-medium text-fg-default inline-flex items-center gap-1",
|
|
3228
|
-
children: [y, w && /* @__PURE__ */
|
|
3228
|
+
children: [y, w && /* @__PURE__ */ W("span", {
|
|
3229
3229
|
className: "text-fg-danger",
|
|
3230
3230
|
"aria-hidden": !0,
|
|
3231
3231
|
children: "*"
|
|
3232
3232
|
})]
|
|
3233
|
-
}), b && /* @__PURE__ */
|
|
3233
|
+
}), b && /* @__PURE__ */ W("span", {
|
|
3234
3234
|
className: "inline-flex items-center gap-1",
|
|
3235
3235
|
children: b
|
|
3236
3236
|
})]
|
|
3237
3237
|
}),
|
|
3238
|
-
/* @__PURE__ */
|
|
3239
|
-
ref: Gt(t,
|
|
3240
|
-
...
|
|
3238
|
+
/* @__PURE__ */ W(Ee, {
|
|
3239
|
+
ref: Gt(t, Ne),
|
|
3240
|
+
...We
|
|
3241
3241
|
}),
|
|
3242
|
-
|
|
3243
|
-
ref:
|
|
3242
|
+
Pe && /* @__PURE__ */ G("div", {
|
|
3243
|
+
ref: Me,
|
|
3244
3244
|
"aria-hidden": !0,
|
|
3245
3245
|
className: "flex items-center gap-1 whitespace-nowrap",
|
|
3246
3246
|
style: {
|
|
@@ -3249,30 +3249,30 @@ var li = a(function(e, t) {
|
|
|
3249
3249
|
left: -9999,
|
|
3250
3250
|
visibility: "hidden"
|
|
3251
3251
|
},
|
|
3252
|
-
children: [
|
|
3252
|
+
children: [U.map((e) => /* @__PURE__ */ G("span", {
|
|
3253
3253
|
"data-measure-chip": !0,
|
|
3254
3254
|
className: "flex items-center gap-1 rounded-md bg-bg-subtle pl-2 pr-1 py-0.5 max-w-full",
|
|
3255
|
-
children: [/* @__PURE__ */
|
|
3255
|
+
children: [/* @__PURE__ */ W("span", {
|
|
3256
3256
|
className: "truncate text-p-sm text-fg-default",
|
|
3257
3257
|
children: qr(e)
|
|
3258
|
-
}), /* @__PURE__ */
|
|
3258
|
+
}), /* @__PURE__ */ W("span", {
|
|
3259
3259
|
className: "rounded-sm text-fg-secondary hover:bg-bg-container hover:text-fg-default cursor-pointer",
|
|
3260
|
-
children: /* @__PURE__ */
|
|
3260
|
+
children: /* @__PURE__ */ W(V, {
|
|
3261
3261
|
className: "h-3 w-3",
|
|
3262
3262
|
"aria-hidden": !0
|
|
3263
3263
|
})
|
|
3264
3264
|
})]
|
|
3265
|
-
}, String(e.value))), /* @__PURE__ */
|
|
3265
|
+
}, String(e.value))), /* @__PURE__ */ W("span", {
|
|
3266
3266
|
"data-measure-badge": !0,
|
|
3267
3267
|
className: "flex items-center rounded-md bg-bg-info-lighter px-2 py-0.5 text-p-sm text-blue-800 dark:text-blue-300 shrink-0"
|
|
3268
3268
|
})]
|
|
3269
3269
|
}),
|
|
3270
|
-
S ? /* @__PURE__ */
|
|
3271
|
-
id: `${
|
|
3270
|
+
S ? /* @__PURE__ */ W("p", {
|
|
3271
|
+
id: `${ce}-error`,
|
|
3272
3272
|
className: "text-p-sm text-fg-danger",
|
|
3273
3273
|
children: S
|
|
3274
|
-
}) : x ? /* @__PURE__ */
|
|
3275
|
-
id: `${
|
|
3274
|
+
}) : x ? /* @__PURE__ */ W("p", {
|
|
3275
|
+
id: `${ce}-help`,
|
|
3276
3276
|
className: "text-p-sm text-fg-secondary",
|
|
3277
3277
|
children: x
|
|
3278
3278
|
}) : null
|
|
@@ -3290,68 +3290,68 @@ var fi = a(function({ defaultCollapsed: e = !1, collapsed: t, onCollapsedChange:
|
|
|
3290
3290
|
let e = !h;
|
|
3291
3291
|
p || f(e), n?.(e);
|
|
3292
3292
|
};
|
|
3293
|
-
return /* @__PURE__ */
|
|
3293
|
+
return /* @__PURE__ */ W(ui.Provider, {
|
|
3294
3294
|
value: {
|
|
3295
3295
|
collapsed: h,
|
|
3296
3296
|
toggle: g
|
|
3297
3297
|
},
|
|
3298
|
-
children: /* @__PURE__ */
|
|
3298
|
+
children: /* @__PURE__ */ G("aside", {
|
|
3299
3299
|
ref: u,
|
|
3300
3300
|
"data-test-id": c,
|
|
3301
|
-
className:
|
|
3301
|
+
className: X("flex flex-col bg-bg-default border-r border-border-default transition-all duration-200", h ? "w-16" : "w-64", i),
|
|
3302
3302
|
...l,
|
|
3303
|
-
children: [/* @__PURE__ */
|
|
3304
|
-
className:
|
|
3303
|
+
children: [/* @__PURE__ */ G("div", {
|
|
3304
|
+
className: X("flex items-center gap-3 px-4 py-4 border-b border-border-default", h && "justify-center px-2"),
|
|
3305
3305
|
children: [
|
|
3306
|
-
a && /* @__PURE__ */
|
|
3306
|
+
a && /* @__PURE__ */ W("div", {
|
|
3307
3307
|
className: "shrink-0",
|
|
3308
3308
|
children: a
|
|
3309
3309
|
}),
|
|
3310
|
-
!h && /* @__PURE__ */
|
|
3310
|
+
!h && /* @__PURE__ */ G("div", {
|
|
3311
3311
|
className: "flex flex-col min-w-0",
|
|
3312
|
-
children: [o && /* @__PURE__ */
|
|
3312
|
+
children: [o && /* @__PURE__ */ W("div", {
|
|
3313
3313
|
className: "text-p-md font-semibold text-fg-default truncate",
|
|
3314
3314
|
children: o
|
|
3315
|
-
}), s && /* @__PURE__ */
|
|
3315
|
+
}), s && /* @__PURE__ */ W("div", {
|
|
3316
3316
|
className: "text-p-sm text-fg-secondary truncate",
|
|
3317
3317
|
children: s
|
|
3318
3318
|
})]
|
|
3319
3319
|
}),
|
|
3320
|
-
/* @__PURE__ */
|
|
3320
|
+
/* @__PURE__ */ W("button", {
|
|
3321
3321
|
type: "button",
|
|
3322
3322
|
onClick: g,
|
|
3323
3323
|
"aria-label": h ? "Expand sidebar" : "Collapse sidebar",
|
|
3324
|
-
className:
|
|
3325
|
-
children: /* @__PURE__ */
|
|
3324
|
+
className: X("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"),
|
|
3325
|
+
children: /* @__PURE__ */ W(P, { className: "h-4 w-4" })
|
|
3326
3326
|
})
|
|
3327
3327
|
]
|
|
3328
|
-
}), /* @__PURE__ */
|
|
3328
|
+
}), /* @__PURE__ */ W("nav", {
|
|
3329
3329
|
className: "flex-1 overflow-y-auto p-2 flex flex-col gap-0.5",
|
|
3330
3330
|
children: r
|
|
3331
3331
|
})]
|
|
3332
3332
|
})
|
|
3333
3333
|
});
|
|
3334
3334
|
}), pi = a(function({ icon: e, label: t, active: n, badge: r, children: i, onClick: a, href: o, className: s, dataTestId: c, ...l }, u) {
|
|
3335
|
-
let { collapsed: d } = di(), [f, p] = m(n ?? !1), h = !!i, g = /* @__PURE__ */
|
|
3335
|
+
let { collapsed: d } = di(), [f, p] = m(n ?? !1), h = !!i, g = /* @__PURE__ */ G(U, { children: [e && /* @__PURE__ */ W("span", {
|
|
3336
3336
|
className: "inline-flex shrink-0",
|
|
3337
3337
|
children: e
|
|
3338
|
-
}), !d && /* @__PURE__ */
|
|
3339
|
-
/* @__PURE__ */
|
|
3338
|
+
}), !d && /* @__PURE__ */ G(U, { children: [
|
|
3339
|
+
/* @__PURE__ */ W("span", {
|
|
3340
3340
|
className: "flex-1 truncate text-left",
|
|
3341
3341
|
children: t
|
|
3342
3342
|
}),
|
|
3343
|
-
r && /* @__PURE__ */
|
|
3343
|
+
r && /* @__PURE__ */ W("span", {
|
|
3344
3344
|
className: "shrink-0",
|
|
3345
3345
|
children: r
|
|
3346
3346
|
}),
|
|
3347
|
-
h && /* @__PURE__ */
|
|
3348
|
-
className:
|
|
3347
|
+
h && /* @__PURE__ */ W(w, {
|
|
3348
|
+
className: X("h-4 w-4 shrink-0 text-fg-tertiary transition-transform", f && "rotate-90"),
|
|
3349
3349
|
"aria-hidden": !0
|
|
3350
3350
|
})
|
|
3351
3351
|
] })] }), _ = () => {
|
|
3352
3352
|
h && p((e) => !e), a?.();
|
|
3353
|
-
}, v =
|
|
3354
|
-
return /* @__PURE__ */
|
|
3353
|
+
}, v = X("group relative flex items-center gap-3 rounded-md px-3 py-2 text-p-std font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-300", d && "px-2 justify-center", n ? "bg-brand-20 text-brand-800 before:absolute before:left-0 before:top-1/2 before:-translate-y-1/2 before:h-5 before:w-0.5 before:rounded-r before:bg-brand-500" : "text-fg-default hover:bg-bg-container", s);
|
|
3354
|
+
return /* @__PURE__ */ G(U, { children: [o ? /* @__PURE__ */ W("a", {
|
|
3355
3355
|
ref: u,
|
|
3356
3356
|
href: o,
|
|
3357
3357
|
onClick: _,
|
|
@@ -3359,15 +3359,15 @@ var fi = a(function({ defaultCollapsed: e = !1, collapsed: t, onCollapsedChange:
|
|
|
3359
3359
|
className: v,
|
|
3360
3360
|
...l,
|
|
3361
3361
|
children: g
|
|
3362
|
-
}) : /* @__PURE__ */
|
|
3362
|
+
}) : /* @__PURE__ */ W("button", {
|
|
3363
3363
|
ref: u,
|
|
3364
3364
|
type: "button",
|
|
3365
3365
|
onClick: _,
|
|
3366
3366
|
"data-test-id": c,
|
|
3367
|
-
className:
|
|
3367
|
+
className: X(v, "w-full"),
|
|
3368
3368
|
...l,
|
|
3369
3369
|
children: g
|
|
3370
|
-
}), h && f && !d && /* @__PURE__ */
|
|
3370
|
+
}), h && f && !d && /* @__PURE__ */ W("div", {
|
|
3371
3371
|
className: "flex flex-col gap-0.5 pl-8",
|
|
3372
3372
|
children: i
|
|
3373
3373
|
})] });
|
|
@@ -3394,32 +3394,32 @@ var _i = a(function({ variant: e = "text", animation: t = "pulse", width: n, hei
|
|
|
3394
3394
|
...n === void 0 ? null : { width: gi(n) },
|
|
3395
3395
|
...r === void 0 ? null : { height: gi(r) },
|
|
3396
3396
|
...o
|
|
3397
|
-
}, m =
|
|
3398
|
-
return d ? /* @__PURE__ */
|
|
3397
|
+
}, m = X("block bg-bg-subtle leading-none", mi[e], hi[t]);
|
|
3398
|
+
return d ? /* @__PURE__ */ W("span", {
|
|
3399
3399
|
ref: u,
|
|
3400
3400
|
"data-test-id": c,
|
|
3401
|
-
className:
|
|
3401
|
+
className: X(m, "inline-block h-auto w-auto scale-100", s),
|
|
3402
3402
|
style: p,
|
|
3403
3403
|
...l,
|
|
3404
|
-
children: /* @__PURE__ */
|
|
3404
|
+
children: /* @__PURE__ */ W("span", {
|
|
3405
3405
|
className: "invisible inline-block",
|
|
3406
3406
|
"aria-hidden": !0,
|
|
3407
3407
|
children: a
|
|
3408
3408
|
})
|
|
3409
|
-
}) : f === 1 ? /* @__PURE__ */
|
|
3409
|
+
}) : f === 1 ? /* @__PURE__ */ W("span", {
|
|
3410
3410
|
ref: u,
|
|
3411
3411
|
"data-test-id": c,
|
|
3412
|
-
className:
|
|
3412
|
+
className: X(m, s),
|
|
3413
3413
|
style: p,
|
|
3414
3414
|
role: "status",
|
|
3415
3415
|
"aria-label": "Loading",
|
|
3416
3416
|
...l
|
|
3417
|
-
}) : /* @__PURE__ */
|
|
3417
|
+
}) : /* @__PURE__ */ W("span", {
|
|
3418
3418
|
ref: u,
|
|
3419
3419
|
"data-test-id": c,
|
|
3420
|
-
className:
|
|
3420
|
+
className: X("block", s),
|
|
3421
3421
|
...l,
|
|
3422
|
-
children: Array.from({ length: f }, (e, t) => /* @__PURE__ */
|
|
3422
|
+
children: Array.from({ length: f }, (e, t) => /* @__PURE__ */ W("span", {
|
|
3423
3423
|
className: m,
|
|
3424
3424
|
style: p,
|
|
3425
3425
|
"aria-hidden": t !== 0 || void 0,
|
|
@@ -3438,15 +3438,15 @@ var _i = a(function({ variant: e = "text", animation: t = "pulse", width: n, hei
|
|
|
3438
3438
|
},
|
|
3439
3439
|
danger: {
|
|
3440
3440
|
container: "bg-gray-900 dark:bg-gray-700 text-white",
|
|
3441
|
-
icon:
|
|
3441
|
+
icon: ve
|
|
3442
3442
|
},
|
|
3443
3443
|
info: {
|
|
3444
3444
|
container: "bg-gray-900 dark:bg-gray-700 text-white",
|
|
3445
|
-
icon:
|
|
3445
|
+
icon: M
|
|
3446
3446
|
},
|
|
3447
3447
|
neutral: {
|
|
3448
3448
|
container: "bg-gray-900 dark:bg-gray-700 text-white",
|
|
3449
|
-
icon:
|
|
3449
|
+
icon: M
|
|
3450
3450
|
}
|
|
3451
3451
|
}, yi = {
|
|
3452
3452
|
success: "text-green-400",
|
|
@@ -3454,90 +3454,100 @@ var _i = a(function({ variant: e = "text", animation: t = "pulse", width: n, hei
|
|
|
3454
3454
|
danger: "text-red-400",
|
|
3455
3455
|
info: "text-blue-400",
|
|
3456
3456
|
neutral: "text-white/70"
|
|
3457
|
-
}, bi =
|
|
3458
|
-
|
|
3459
|
-
|
|
3457
|
+
}, bi = {
|
|
3458
|
+
"top-left": "top-6 left-4",
|
|
3459
|
+
"top-center": "top-6 left-1/2 -translate-x-1/2",
|
|
3460
|
+
"top-right": "top-6 right-4",
|
|
3461
|
+
"bottom-left": "bottom-6 left-4",
|
|
3462
|
+
"bottom-center": "bottom-6 left-1/2 -translate-x-1/2",
|
|
3463
|
+
"bottom-right": "bottom-6 right-4"
|
|
3464
|
+
}, xi = r(null);
|
|
3465
|
+
function Si() {
|
|
3466
|
+
let e = c(xi);
|
|
3460
3467
|
if (!e) throw Error("useSnackbar must be used inside <SnackbarProvider>");
|
|
3461
3468
|
return e;
|
|
3462
3469
|
}
|
|
3463
|
-
function
|
|
3464
|
-
let [
|
|
3465
|
-
|
|
3466
|
-
let t =
|
|
3467
|
-
t && (clearTimeout(t),
|
|
3468
|
-
}, []),
|
|
3470
|
+
function Ci({ children: e, dataTestId: t, position: n = "bottom-center" }) {
|
|
3471
|
+
let [r, i] = m([]), a = p(/* @__PURE__ */ new Map()), o = s((e) => {
|
|
3472
|
+
i((t) => t.filter((t) => t.id !== e));
|
|
3473
|
+
let t = a.current.get(e);
|
|
3474
|
+
t && (clearTimeout(t), a.current.delete(e));
|
|
3475
|
+
}, []), c = s((e) => {
|
|
3469
3476
|
let t = e.id ?? Math.random().toString(36).slice(2), n = {
|
|
3470
3477
|
duration: 5e3,
|
|
3471
3478
|
variant: "neutral",
|
|
3472
3479
|
...e,
|
|
3473
3480
|
id: t
|
|
3474
3481
|
};
|
|
3475
|
-
if (
|
|
3476
|
-
let e = setTimeout(() =>
|
|
3477
|
-
|
|
3482
|
+
if (i((e) => [...e, n]), n.duration && n.duration > 0) {
|
|
3483
|
+
let e = setTimeout(() => o(t), n.duration);
|
|
3484
|
+
a.current.set(t, e);
|
|
3478
3485
|
}
|
|
3479
3486
|
return t;
|
|
3480
|
-
}, [
|
|
3487
|
+
}, [o]);
|
|
3481
3488
|
return l(() => {
|
|
3482
|
-
let e =
|
|
3489
|
+
let e = a.current;
|
|
3483
3490
|
return () => {
|
|
3484
3491
|
e.forEach(clearTimeout), e.clear();
|
|
3485
3492
|
};
|
|
3486
|
-
}, []), /* @__PURE__ */
|
|
3493
|
+
}, []), /* @__PURE__ */ G(xi.Provider, {
|
|
3487
3494
|
value: {
|
|
3488
|
-
show:
|
|
3489
|
-
dismiss:
|
|
3495
|
+
show: c,
|
|
3496
|
+
dismiss: o
|
|
3490
3497
|
},
|
|
3491
|
-
children: [e,
|
|
3492
|
-
|
|
3493
|
-
|
|
3494
|
-
|
|
3495
|
-
|
|
3496
|
-
|
|
3497
|
-
|
|
3498
|
-
"
|
|
3499
|
-
|
|
3500
|
-
|
|
3501
|
-
|
|
3502
|
-
|
|
3503
|
-
|
|
3504
|
-
|
|
3505
|
-
|
|
3506
|
-
|
|
3507
|
-
|
|
3508
|
-
|
|
3509
|
-
|
|
3510
|
-
|
|
3511
|
-
|
|
3512
|
-
|
|
3513
|
-
|
|
3514
|
-
|
|
3515
|
-
|
|
3516
|
-
|
|
3517
|
-
|
|
3518
|
-
|
|
3519
|
-
|
|
3520
|
-
|
|
3521
|
-
|
|
3522
|
-
|
|
3523
|
-
|
|
3524
|
-
|
|
3525
|
-
|
|
3526
|
-
|
|
3527
|
-
|
|
3498
|
+
children: [e, be(/* @__PURE__ */ W(U, { children: Object.keys(bi).map((e) => {
|
|
3499
|
+
let i = r.filter((t) => (t.position ?? n) === e);
|
|
3500
|
+
return i.length === 0 ? null : /* @__PURE__ */ W("div", {
|
|
3501
|
+
"data-test-id": t,
|
|
3502
|
+
className: X("fixed z-100 flex flex-col gap-2 w-[min(400px,calc(100vw-2rem))] pointer-events-none", bi[e]),
|
|
3503
|
+
children: i.map((e) => {
|
|
3504
|
+
let { container: t, icon: n } = vi[e.variant ?? "neutral"];
|
|
3505
|
+
return /* @__PURE__ */ G("div", {
|
|
3506
|
+
role: "status",
|
|
3507
|
+
"data-test-id": e.dataTestId,
|
|
3508
|
+
className: X("pointer-events-auto flex items-center gap-3 px-4 py-3 rounded-lg shadow-z4", t),
|
|
3509
|
+
children: [
|
|
3510
|
+
/* @__PURE__ */ W(n, {
|
|
3511
|
+
className: X("h-5 w-5 shrink-0", yi[e.variant ?? "neutral"]),
|
|
3512
|
+
"aria-hidden": !0
|
|
3513
|
+
}),
|
|
3514
|
+
/* @__PURE__ */ W("p", {
|
|
3515
|
+
className: "flex-1 text-p-std",
|
|
3516
|
+
children: e.message
|
|
3517
|
+
}),
|
|
3518
|
+
e.action && /* @__PURE__ */ W("button", {
|
|
3519
|
+
type: "button",
|
|
3520
|
+
onClick: () => {
|
|
3521
|
+
e.action?.onClick(), o(e.id);
|
|
3522
|
+
},
|
|
3523
|
+
className: "text-p-std font-semibold text-brand-400 hover:text-brand-300 px-1",
|
|
3524
|
+
children: e.action.label
|
|
3525
|
+
}),
|
|
3526
|
+
/* @__PURE__ */ W("button", {
|
|
3527
|
+
type: "button",
|
|
3528
|
+
onClick: () => o(e.id),
|
|
3529
|
+
"aria-label": "Close",
|
|
3530
|
+
className: "shrink-0 p-1 rounded-md text-white/70 hover:text-white hover:bg-white/10",
|
|
3531
|
+
children: /* @__PURE__ */ W(V, { className: "h-4 w-4" })
|
|
3532
|
+
})
|
|
3533
|
+
]
|
|
3534
|
+
}, e.id);
|
|
3535
|
+
})
|
|
3536
|
+
}, e);
|
|
3537
|
+
}) }), document.body)]
|
|
3528
3538
|
});
|
|
3529
3539
|
}
|
|
3530
3540
|
//#endregion
|
|
3531
3541
|
//#region src/components/Status/Status.tsx
|
|
3532
|
-
var
|
|
3542
|
+
var wi = {
|
|
3533
3543
|
lg: "h-7 px-2.5 text-p-std gap-1.5",
|
|
3534
3544
|
md: "h-6 px-2 text-p-sm gap-1.5",
|
|
3535
3545
|
sm: "h-5 px-1.5 text-p-sm gap-1"
|
|
3536
|
-
},
|
|
3546
|
+
}, Ti = {
|
|
3537
3547
|
lg: "h-2 w-2",
|
|
3538
3548
|
md: "h-1.5 w-1.5",
|
|
3539
3549
|
sm: "h-1.5 w-1.5"
|
|
3540
|
-
},
|
|
3550
|
+
}, Ei = {
|
|
3541
3551
|
general: {
|
|
3542
3552
|
container: "bg-bg-subtle text-fg-default dark:text-fg-default",
|
|
3543
3553
|
dot: "bg-gray-600 dark:bg-gray-400"
|
|
@@ -3570,102 +3580,102 @@ var Ci = {
|
|
|
3570
3580
|
container: "bg-bg-subtle text-fg-disabled",
|
|
3571
3581
|
dot: "bg-border-strong"
|
|
3572
3582
|
}
|
|
3573
|
-
},
|
|
3574
|
-
let { container: u, dot: d } =
|
|
3575
|
-
return /* @__PURE__ */
|
|
3583
|
+
}, Di = a(function({ variant: e = "general", size: t = "md", leftIcon: n, rightIcon: r, dot: i = !0, className: a, children: o, dataTestId: s, ...c }, l) {
|
|
3584
|
+
let { container: u, dot: d } = Ei[e];
|
|
3585
|
+
return /* @__PURE__ */ G("span", {
|
|
3576
3586
|
ref: l,
|
|
3577
3587
|
"data-test-id": s,
|
|
3578
|
-
className:
|
|
3588
|
+
className: X("inline-flex items-center rounded-full font-medium whitespace-nowrap select-none", wi[t], u, a),
|
|
3579
3589
|
...c,
|
|
3580
3590
|
children: [
|
|
3581
|
-
n ? /* @__PURE__ */
|
|
3591
|
+
n ? /* @__PURE__ */ W("span", {
|
|
3582
3592
|
className: "inline-flex shrink-0",
|
|
3583
3593
|
children: n
|
|
3584
|
-
}) : i ? /* @__PURE__ */
|
|
3585
|
-
className:
|
|
3594
|
+
}) : i ? /* @__PURE__ */ W("span", {
|
|
3595
|
+
className: X("inline-block shrink-0 rounded-full", Ti[t], d),
|
|
3586
3596
|
"aria-hidden": !0
|
|
3587
3597
|
}) : null,
|
|
3588
3598
|
o,
|
|
3589
|
-
r && /* @__PURE__ */
|
|
3599
|
+
r && /* @__PURE__ */ W("span", {
|
|
3590
3600
|
className: "inline-flex shrink-0",
|
|
3591
3601
|
children: r
|
|
3592
3602
|
})
|
|
3593
3603
|
]
|
|
3594
3604
|
});
|
|
3595
|
-
}),
|
|
3605
|
+
}), Oi = {
|
|
3596
3606
|
lg: "size-9",
|
|
3597
3607
|
sm: "size-6"
|
|
3598
|
-
},
|
|
3608
|
+
}, ki = {
|
|
3599
3609
|
lg: "h-9",
|
|
3600
3610
|
sm: "h-6"
|
|
3601
|
-
},
|
|
3611
|
+
}, Ai = {
|
|
3602
3612
|
lg: "border-2",
|
|
3603
3613
|
sm: "border"
|
|
3604
|
-
},
|
|
3614
|
+
}, ji = {
|
|
3605
3615
|
lg: "text-p-std",
|
|
3606
3616
|
sm: "text-p-xs"
|
|
3607
|
-
},
|
|
3617
|
+
}, Mi = {
|
|
3608
3618
|
lg: "size-5",
|
|
3609
3619
|
sm: "size-3.5"
|
|
3610
|
-
},
|
|
3620
|
+
}, Ni = {
|
|
3611
3621
|
lg: "size-3",
|
|
3612
3622
|
sm: "size-2"
|
|
3613
|
-
},
|
|
3623
|
+
}, Pi = {
|
|
3614
3624
|
lg: "text-p-std",
|
|
3615
3625
|
sm: "text-p-sm"
|
|
3616
|
-
},
|
|
3626
|
+
}, Fi = {
|
|
3617
3627
|
lg: "text-p-sm",
|
|
3618
3628
|
sm: "text-p-xs"
|
|
3619
|
-
},
|
|
3629
|
+
}, Ii = {
|
|
3620
3630
|
upcoming: "bg-bg-default border-border-strong text-fg-tertiary",
|
|
3621
3631
|
active: "bg-bg-default border-brand-500 text-brand-700",
|
|
3622
3632
|
completed: "bg-brand-500 border-brand-500 text-fg-inverse",
|
|
3623
3633
|
rejected: "bg-red-700 border-red-800 text-fg-inverse"
|
|
3624
|
-
},
|
|
3634
|
+
}, Li = {
|
|
3625
3635
|
upcoming: "ring-4 ring-gray-100/80",
|
|
3626
3636
|
active: "ring-4 ring-brand-40/80",
|
|
3627
3637
|
completed: "ring-4 ring-brand-40/80",
|
|
3628
3638
|
rejected: "ring-4 ring-red-100/80"
|
|
3629
3639
|
};
|
|
3630
|
-
function
|
|
3631
|
-
return t === "completed" ? /* @__PURE__ */
|
|
3640
|
+
function Ri(e, t, n, r) {
|
|
3641
|
+
return t === "completed" ? /* @__PURE__ */ W(E, { className: Mi[r] }) : t === "rejected" ? /* @__PURE__ */ W(D, { className: Mi[r] }) : e === "number" ? n + 1 : e === "dot" ? /* @__PURE__ */ W("span", { className: X("rounded-full", Ni[r], t === "active" ? "bg-brand-500" : "bg-transparent") }) : null;
|
|
3632
3642
|
}
|
|
3633
|
-
var
|
|
3643
|
+
var zi = a(function({ steps: e, activeValue: t, onStepSelect: n, marker: r = "number", orientation: i = "horizontal", size: a = "lg", className: o, dataTestId: s, ...c }, l) {
|
|
3634
3644
|
let u = i === "vertical", d = (e) => (e?.status ?? "upcoming") === "completed";
|
|
3635
|
-
return /* @__PURE__ */
|
|
3645
|
+
return /* @__PURE__ */ W("ol", {
|
|
3636
3646
|
ref: l,
|
|
3637
3647
|
"data-test-id": s,
|
|
3638
|
-
className:
|
|
3648
|
+
className: X("flex", u ? "flex-col" : "w-full items-start", o),
|
|
3639
3649
|
...c,
|
|
3640
3650
|
children: e.map((i, o) => {
|
|
3641
|
-
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__ */
|
|
3642
|
-
className:
|
|
3643
|
-
children:
|
|
3644
|
-
}), h = /* @__PURE__ */
|
|
3645
|
-
className:
|
|
3646
|
-
children: [/* @__PURE__ */
|
|
3647
|
-
className:
|
|
3651
|
+
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__ */ W("span", {
|
|
3652
|
+
className: X("relative z-10 inline-flex shrink-0 items-center justify-center rounded-full font-semibold transition-colors", Oi[a], Ai[a], ji[a], Ii[s], i.highlighted && Li[s]),
|
|
3653
|
+
children: Ri(r, s, o, a)
|
|
3654
|
+
}), h = /* @__PURE__ */ G("div", {
|
|
3655
|
+
className: X("flex flex-col", u ? "gap-0.5 pb-6" : "mt-2 items-center gap-0.5 text-center"),
|
|
3656
|
+
children: [/* @__PURE__ */ W("span", {
|
|
3657
|
+
className: X("font-medium text-fg-default", Pi[a]),
|
|
3648
3658
|
children: i.label
|
|
3649
|
-
}), i.description && /* @__PURE__ */
|
|
3650
|
-
className:
|
|
3659
|
+
}), i.description && /* @__PURE__ */ W("span", {
|
|
3660
|
+
className: X("text-fg-secondary", Fi[a]),
|
|
3651
3661
|
children: i.description
|
|
3652
3662
|
})]
|
|
3653
3663
|
});
|
|
3654
|
-
return /* @__PURE__ */
|
|
3655
|
-
"aria-current":
|
|
3656
|
-
className:
|
|
3657
|
-
children: [/* @__PURE__ */
|
|
3658
|
-
className:
|
|
3664
|
+
return /* @__PURE__ */ G("li", {
|
|
3665
|
+
"aria-current": Xe(i.value, t) ? "step" : void 0,
|
|
3666
|
+
className: X("relative flex", u ? "flex-row gap-3" : "flex-1 basis-0 min-w-0 flex-col"),
|
|
3667
|
+
children: [/* @__PURE__ */ G("div", {
|
|
3668
|
+
className: X("relative flex shrink-0", u ? "w-9 flex-col items-center justify-center" : X("w-full items-center justify-center", ki[a])),
|
|
3659
3669
|
children: [
|
|
3660
|
-
!c && /* @__PURE__ */
|
|
3670
|
+
!c && /* @__PURE__ */ W("span", {
|
|
3661
3671
|
"aria-hidden": !0,
|
|
3662
|
-
className:
|
|
3672
|
+
className: X("absolute", u ? "left-1/2 top-0 bottom-1/2 w-0.5 -translate-x-1/2" : "left-0 right-1/2 top-1/2 h-0.5 -translate-y-1/2", f ? "bg-brand-500" : "bg-border-default")
|
|
3663
3673
|
}),
|
|
3664
|
-
!l && /* @__PURE__ */
|
|
3674
|
+
!l && /* @__PURE__ */ W("span", {
|
|
3665
3675
|
"aria-hidden": !0,
|
|
3666
|
-
className:
|
|
3676
|
+
className: X("absolute", u ? "left-1/2 top-1/2 bottom-0 w-0.5 -translate-x-1/2" : "left-1/2 right-0 top-1/2 h-0.5 -translate-y-1/2", p ? "bg-brand-500" : "bg-border-default")
|
|
3667
3677
|
}),
|
|
3668
|
-
n ? /* @__PURE__ */
|
|
3678
|
+
n ? /* @__PURE__ */ W("button", {
|
|
3669
3679
|
type: "button",
|
|
3670
3680
|
onClick: () => n(i.value),
|
|
3671
3681
|
"aria-label": typeof i.label == "string" ? i.label : void 0,
|
|
@@ -3677,17 +3687,17 @@ var Ri = a(function({ steps: e, activeValue: t, onStepSelect: n, marker: r = "nu
|
|
|
3677
3687
|
}, String(i.value));
|
|
3678
3688
|
})
|
|
3679
3689
|
});
|
|
3680
|
-
}),
|
|
3690
|
+
}), Bi = {
|
|
3681
3691
|
md: "h-6 w-11",
|
|
3682
3692
|
sm: "h-5 w-9"
|
|
3683
|
-
},
|
|
3693
|
+
}, Vi = {
|
|
3684
3694
|
md: "h-5 w-5 peer-checked:translate-x-5",
|
|
3685
3695
|
sm: "h-4 w-4 peer-checked:translate-x-4"
|
|
3686
|
-
},
|
|
3687
|
-
let p = u(), m = i ?? p, h = /* @__PURE__ */
|
|
3696
|
+
}, Hi = 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) {
|
|
3697
|
+
let p = u(), m = i ?? p, h = /* @__PURE__ */ G("span", {
|
|
3688
3698
|
className: "relative inline-flex shrink-0",
|
|
3689
3699
|
children: [
|
|
3690
|
-
/* @__PURE__ */
|
|
3700
|
+
/* @__PURE__ */ W("input", {
|
|
3691
3701
|
ref: f,
|
|
3692
3702
|
id: m,
|
|
3693
3703
|
type: "checkbox",
|
|
@@ -3698,25 +3708,25 @@ var Ri = a(function({ steps: e, activeValue: t, onStepSelect: n, marker: r = "nu
|
|
|
3698
3708
|
className: "peer sr-only",
|
|
3699
3709
|
...d
|
|
3700
3710
|
}),
|
|
3701
|
-
/* @__PURE__ */
|
|
3702
|
-
/* @__PURE__ */
|
|
3711
|
+
/* @__PURE__ */ W("span", { className: X("rounded-full bg-gray-300 dark:bg-gray-700 transition-colors", Bi[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") }),
|
|
3712
|
+
/* @__PURE__ */ W("span", { className: X("absolute top-0.5 left-0.5 rounded-full bg-white dark:bg-white shadow-z1 transition-transform", Vi[e]) })
|
|
3703
3713
|
]
|
|
3704
3714
|
});
|
|
3705
|
-
return !t && !n ? /* @__PURE__ */
|
|
3715
|
+
return !t && !n ? /* @__PURE__ */ W("label", {
|
|
3706
3716
|
htmlFor: m,
|
|
3707
3717
|
"data-test-id": l,
|
|
3708
|
-
className:
|
|
3718
|
+
className: X("inline-flex", a ? "cursor-not-allowed opacity-60" : "cursor-pointer", c),
|
|
3709
3719
|
children: h
|
|
3710
|
-
}) : /* @__PURE__ */
|
|
3720
|
+
}) : /* @__PURE__ */ G("label", {
|
|
3711
3721
|
htmlFor: m,
|
|
3712
3722
|
"data-test-id": l,
|
|
3713
|
-
className:
|
|
3714
|
-
children: [h, /* @__PURE__ */
|
|
3723
|
+
className: X("inline-flex items-center gap-3", r === "left" && "flex-row-reverse justify-end", a ? "cursor-not-allowed opacity-60" : "cursor-pointer", c),
|
|
3724
|
+
children: [h, /* @__PURE__ */ G("span", {
|
|
3715
3725
|
className: "flex flex-col gap-0.5",
|
|
3716
|
-
children: [t && /* @__PURE__ */
|
|
3726
|
+
children: [t && /* @__PURE__ */ W("span", {
|
|
3717
3727
|
className: "text-p-std font-medium text-fg-default leading-tight",
|
|
3718
3728
|
children: t
|
|
3719
|
-
}), n && /* @__PURE__ */
|
|
3729
|
+
}), n && /* @__PURE__ */ W("span", {
|
|
3720
3730
|
className: "text-p-sm text-fg-secondary leading-snug",
|
|
3721
3731
|
children: n
|
|
3722
3732
|
})]
|
|
@@ -3725,11 +3735,11 @@ var Ri = a(function({ steps: e, activeValue: t, onStepSelect: n, marker: r = "nu
|
|
|
3725
3735
|
});
|
|
3726
3736
|
//#endregion
|
|
3727
3737
|
//#region src/components/TableV2/TableV2Filter.tsx
|
|
3728
|
-
function
|
|
3738
|
+
function Ui({ column: e }) {
|
|
3729
3739
|
let t = e.columnDef.meta?.filterVariant;
|
|
3730
3740
|
if (!t) return null;
|
|
3731
3741
|
let n = e.getFilterValue();
|
|
3732
|
-
return t === "custom" ? /* @__PURE__ */
|
|
3742
|
+
return t === "custom" ? /* @__PURE__ */ W(U, { children: e.columnDef.meta?.filterComponent?.(e) ?? null }) : t === "select" ? /* @__PURE__ */ W(li, {
|
|
3733
3743
|
size: "sm",
|
|
3734
3744
|
searchable: !1,
|
|
3735
3745
|
required: !1,
|
|
@@ -3737,7 +3747,7 @@ function Hi({ column: e }) {
|
|
|
3737
3747
|
placeholder: "All",
|
|
3738
3748
|
value: typeof n == "string" ? n : void 0,
|
|
3739
3749
|
onChange: (t) => e.setFilterValue(t || void 0)
|
|
3740
|
-
}) : /* @__PURE__ */
|
|
3750
|
+
}) : /* @__PURE__ */ W(nn, {
|
|
3741
3751
|
size: "sm",
|
|
3742
3752
|
type: t === "date" ? "date" : "text",
|
|
3743
3753
|
"aria-label": `Filter by ${e.id}`,
|
|
@@ -3748,7 +3758,7 @@ function Hi({ column: e }) {
|
|
|
3748
3758
|
}
|
|
3749
3759
|
//#endregion
|
|
3750
3760
|
//#region src/components/TableV2/TableV2Pagination.i18n.ts
|
|
3751
|
-
var
|
|
3761
|
+
var Wi = {
|
|
3752
3762
|
"en-US": {
|
|
3753
3763
|
rowsPerPage: "Rows per page",
|
|
3754
3764
|
noResults: "No results",
|
|
@@ -3767,21 +3777,21 @@ var Ui = {
|
|
|
3767
3777
|
};
|
|
3768
3778
|
//#endregion
|
|
3769
3779
|
//#region src/components/TableV2/TableV2Pagination.tsx
|
|
3770
|
-
function
|
|
3780
|
+
function Gi({ table: e, pageSizeOptions: t = [
|
|
3771
3781
|
10,
|
|
3772
3782
|
20,
|
|
3773
3783
|
30
|
|
3774
3784
|
], locale: n = "en-US" }) {
|
|
3775
|
-
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 =
|
|
3776
|
-
return /* @__PURE__ */
|
|
3785
|
+
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];
|
|
3786
|
+
return /* @__PURE__ */ G("div", {
|
|
3777
3787
|
className: "flex flex-wrap items-center justify-between gap-3 p-3 border-t border-border-default",
|
|
3778
3788
|
children: [
|
|
3779
|
-
/* @__PURE__ */
|
|
3789
|
+
/* @__PURE__ */ G("div", {
|
|
3780
3790
|
className: "flex items-center gap-2",
|
|
3781
|
-
children: [/* @__PURE__ */
|
|
3791
|
+
children: [/* @__PURE__ */ W("span", {
|
|
3782
3792
|
className: "text-p-sm text-fg-secondary whitespace-nowrap",
|
|
3783
3793
|
children: l.rowsPerPage
|
|
3784
|
-
}), /* @__PURE__ */
|
|
3794
|
+
}), /* @__PURE__ */ W(li, {
|
|
3785
3795
|
size: "sm",
|
|
3786
3796
|
menuPlacement: "top",
|
|
3787
3797
|
searchable: !1,
|
|
@@ -3795,11 +3805,11 @@ function Wi({ table: e, pageSizeOptions: t = [
|
|
|
3795
3805
|
}))
|
|
3796
3806
|
})]
|
|
3797
3807
|
}),
|
|
3798
|
-
/* @__PURE__ */
|
|
3808
|
+
/* @__PURE__ */ W("span", {
|
|
3799
3809
|
className: "text-p-sm text-fg-secondary whitespace-nowrap",
|
|
3800
3810
|
children: a === 0 ? l.noResults : l.rangeSummary(s, c, a)
|
|
3801
3811
|
}),
|
|
3802
|
-
/* @__PURE__ */
|
|
3812
|
+
/* @__PURE__ */ W(wr, {
|
|
3803
3813
|
page: r + 1,
|
|
3804
3814
|
pageCount: o,
|
|
3805
3815
|
onPageChange: (t) => e.setPageIndex(t - 1)
|
|
@@ -3809,12 +3819,12 @@ function Wi({ table: e, pageSizeOptions: t = [
|
|
|
3809
3819
|
}
|
|
3810
3820
|
//#endregion
|
|
3811
3821
|
//#region src/components/TableV2/TableV2Skeleton.tsx
|
|
3812
|
-
function
|
|
3813
|
-
return /* @__PURE__ */
|
|
3822
|
+
function Ki({ columnCount: e, rowCount: t = 8 }) {
|
|
3823
|
+
return /* @__PURE__ */ W(U, { children: Array.from({ length: t }, (t, n) => /* @__PURE__ */ W("tr", {
|
|
3814
3824
|
"aria-hidden": n > 0 || void 0,
|
|
3815
|
-
children: Array.from({ length: e }, (e, t) => /* @__PURE__ */
|
|
3825
|
+
children: Array.from({ length: e }, (e, t) => /* @__PURE__ */ W("td", {
|
|
3816
3826
|
className: "px-4 py-3",
|
|
3817
|
-
children: /* @__PURE__ */
|
|
3827
|
+
children: /* @__PURE__ */ W(_i, {
|
|
3818
3828
|
variant: "text",
|
|
3819
3829
|
width: t === 0 ? "70%" : "90%"
|
|
3820
3830
|
})
|
|
@@ -3823,24 +3833,24 @@ function Gi({ columnCount: e, rowCount: t = 8 }) {
|
|
|
3823
3833
|
}
|
|
3824
3834
|
//#endregion
|
|
3825
3835
|
//#region src/components/TableV2/TableV2ColumnVisibility.tsx
|
|
3826
|
-
function
|
|
3836
|
+
function qi(e) {
|
|
3827
3837
|
let { header: t } = e.columnDef;
|
|
3828
3838
|
return typeof t == "string" ? t : e.id;
|
|
3829
3839
|
}
|
|
3830
|
-
function
|
|
3840
|
+
function Ji({ table: e }) {
|
|
3831
3841
|
let t = e.getAllLeafColumns().filter((e) => e.getCanHide());
|
|
3832
|
-
return /* @__PURE__ */
|
|
3842
|
+
return /* @__PURE__ */ G(Jn, { children: [/* @__PURE__ */ W(Yn, { children: /* @__PURE__ */ W(ot, {
|
|
3833
3843
|
variant: "secondary",
|
|
3834
3844
|
size: "sm",
|
|
3835
|
-
leftIcon: /* @__PURE__ */
|
|
3845
|
+
leftIcon: /* @__PURE__ */ W(O, { className: "h-4 w-4" }),
|
|
3836
3846
|
children: "Columns"
|
|
3837
|
-
}) }), /* @__PURE__ */
|
|
3847
|
+
}) }), /* @__PURE__ */ W(Zn, {
|
|
3838
3848
|
align: "end",
|
|
3839
|
-
children: t.map((e) => /* @__PURE__ */
|
|
3849
|
+
children: t.map((e) => /* @__PURE__ */ W("div", {
|
|
3840
3850
|
className: "px-3 py-1.5 hover:bg-bg-subtle",
|
|
3841
|
-
children: /* @__PURE__ */
|
|
3851
|
+
children: /* @__PURE__ */ W(Wt, {
|
|
3842
3852
|
size: "sm",
|
|
3843
|
-
label:
|
|
3853
|
+
label: qi(e),
|
|
3844
3854
|
checked: e.getIsVisible(),
|
|
3845
3855
|
onChange: () => e.toggleVisibility()
|
|
3846
3856
|
})
|
|
@@ -3849,36 +3859,36 @@ function qi({ table: e }) {
|
|
|
3849
3859
|
}
|
|
3850
3860
|
//#endregion
|
|
3851
3861
|
//#region src/components/TableV2/TableV2Toolbar.tsx
|
|
3852
|
-
function
|
|
3853
|
-
return /* @__PURE__ */
|
|
3862
|
+
function Yi({ table: e, enableGlobalFilter: t, enableColumnVisibility: n, searchPlaceholder: r, onRefresh: i, onExport: a, actions: o }) {
|
|
3863
|
+
return /* @__PURE__ */ G("div", {
|
|
3854
3864
|
className: "flex flex-wrap items-center gap-2 p-3 border-b border-border-default",
|
|
3855
|
-
children: [t && /* @__PURE__ */
|
|
3865
|
+
children: [t && /* @__PURE__ */ W(nn, {
|
|
3856
3866
|
size: "sm",
|
|
3857
|
-
leftIcon: /* @__PURE__ */
|
|
3867
|
+
leftIcon: /* @__PURE__ */ W(ue, { className: "h-4 w-4" }),
|
|
3858
3868
|
placeholder: r ?? "Search...",
|
|
3859
3869
|
"aria-label": "Search",
|
|
3860
3870
|
value: String(e.getState().globalFilter ?? ""),
|
|
3861
3871
|
onChange: (t) => e.setGlobalFilter(t.target.value),
|
|
3862
3872
|
wrapperClassName: "max-w-xs w-full"
|
|
3863
|
-
}), /* @__PURE__ */
|
|
3873
|
+
}), /* @__PURE__ */ G("div", {
|
|
3864
3874
|
className: "ml-auto flex items-center gap-2",
|
|
3865
3875
|
children: [
|
|
3866
|
-
i && /* @__PURE__ */
|
|
3876
|
+
i && /* @__PURE__ */ W(ot, {
|
|
3867
3877
|
variant: "secondary",
|
|
3868
3878
|
size: "sm",
|
|
3869
3879
|
iconOnly: !0,
|
|
3870
3880
|
"aria-label": "Refresh",
|
|
3871
|
-
leftIcon: /* @__PURE__ */
|
|
3881
|
+
leftIcon: /* @__PURE__ */ W(R, { className: "h-4 w-4" }),
|
|
3872
3882
|
onClick: i
|
|
3873
3883
|
}),
|
|
3874
|
-
a && /* @__PURE__ */
|
|
3884
|
+
a && /* @__PURE__ */ W(ot, {
|
|
3875
3885
|
variant: "secondary",
|
|
3876
3886
|
size: "sm",
|
|
3877
|
-
leftIcon: /* @__PURE__ */
|
|
3887
|
+
leftIcon: /* @__PURE__ */ W(A, { className: "h-4 w-4" }),
|
|
3878
3888
|
onClick: a,
|
|
3879
3889
|
children: "Export"
|
|
3880
3890
|
}),
|
|
3881
|
-
n && /* @__PURE__ */
|
|
3891
|
+
n && /* @__PURE__ */ W(Ji, { table: e }),
|
|
3882
3892
|
o
|
|
3883
3893
|
]
|
|
3884
3894
|
})]
|
|
@@ -3886,32 +3896,32 @@ function Ji({ table: e, enableGlobalFilter: t, enableColumnVisibility: n, search
|
|
|
3886
3896
|
}
|
|
3887
3897
|
//#endregion
|
|
3888
3898
|
//#region src/components/TableV2/useTableV2ColumnDnd.ts
|
|
3889
|
-
var
|
|
3899
|
+
var Xi = ({ transform: e }) => ({
|
|
3890
3900
|
...e,
|
|
3891
3901
|
y: 0
|
|
3892
3902
|
});
|
|
3893
|
-
function
|
|
3903
|
+
function Zi({ columnOrder: e, onColumnOrderChange: t }) {
|
|
3894
3904
|
return {
|
|
3895
|
-
sensors:
|
|
3896
|
-
collisionDetection:
|
|
3897
|
-
modifiers: [
|
|
3905
|
+
sensors: Ve(Be(Re, { activationConstraint: { distance: 4 } }), Be(K, { coordinateGetter: J })),
|
|
3906
|
+
collisionDetection: ze,
|
|
3907
|
+
modifiers: [Xi],
|
|
3898
3908
|
handleDragEnd: (n) => {
|
|
3899
3909
|
let { active: r, over: i } = n;
|
|
3900
3910
|
if (!i || r.id === i.id) return;
|
|
3901
3911
|
let a = e.indexOf(String(r.id)), o = e.indexOf(String(i.id));
|
|
3902
|
-
a === -1 || o === -1 || t(
|
|
3912
|
+
a === -1 || o === -1 || t(Ue(e, a, o));
|
|
3903
3913
|
}
|
|
3904
3914
|
};
|
|
3905
3915
|
}
|
|
3906
|
-
function
|
|
3907
|
-
let { attributes: t, listeners: n, setNodeRef: r, transform: i, transition: a, isDragging: o } =
|
|
3916
|
+
function Qi(e) {
|
|
3917
|
+
let { attributes: t, listeners: n, setNodeRef: r, transform: i, transition: a, isDragging: o } = Y({ id: e });
|
|
3908
3918
|
return {
|
|
3909
3919
|
setNodeRef: r,
|
|
3910
3920
|
attributes: t,
|
|
3911
3921
|
listeners: n,
|
|
3912
3922
|
isDragging: o,
|
|
3913
3923
|
style: {
|
|
3914
|
-
transform:
|
|
3924
|
+
transform: We.Translate.toString(i),
|
|
3915
3925
|
transition: a,
|
|
3916
3926
|
opacity: o ? .8 : 1,
|
|
3917
3927
|
zIndex: o ? 10 : void 0,
|
|
@@ -3921,16 +3931,16 @@ function Zi(e) {
|
|
|
3921
3931
|
}
|
|
3922
3932
|
//#endregion
|
|
3923
3933
|
//#region src/components/TableV2/TableV2RowActions.tsx
|
|
3924
|
-
function
|
|
3925
|
-
return t.length === 0 ? null : /* @__PURE__ */
|
|
3934
|
+
function $i({ row: e, actions: t }) {
|
|
3935
|
+
return t.length === 0 ? null : /* @__PURE__ */ G(Jn, { children: [/* @__PURE__ */ W(Yn, { children: /* @__PURE__ */ W(ot, {
|
|
3926
3936
|
variant: "tertiary",
|
|
3927
3937
|
size: "sm",
|
|
3928
3938
|
iconOnly: !0,
|
|
3929
3939
|
"aria-label": "Row actions",
|
|
3930
|
-
leftIcon: /* @__PURE__ */
|
|
3931
|
-
}) }), /* @__PURE__ */
|
|
3940
|
+
leftIcon: /* @__PURE__ */ W(ie, { className: "h-4 w-4" })
|
|
3941
|
+
}) }), /* @__PURE__ */ W(Zn, {
|
|
3932
3942
|
align: "end",
|
|
3933
|
-
children: t.map((t, n) => /* @__PURE__ */
|
|
3943
|
+
children: t.map((t, n) => /* @__PURE__ */ W(Qn, {
|
|
3934
3944
|
icon: t.icon,
|
|
3935
3945
|
destructive: t.destructive,
|
|
3936
3946
|
disabled: t.disabled?.(e),
|
|
@@ -3941,15 +3951,15 @@ function Qi({ row: e, actions: t }) {
|
|
|
3941
3951
|
}
|
|
3942
3952
|
//#endregion
|
|
3943
3953
|
//#region src/components/TableV2/TableV2.utils.tsx
|
|
3944
|
-
var
|
|
3954
|
+
var ea = {
|
|
3945
3955
|
comfortable: "py-3",
|
|
3946
3956
|
compact: "py-2"
|
|
3947
|
-
},
|
|
3957
|
+
}, ta = {
|
|
3948
3958
|
left: "text-left",
|
|
3949
3959
|
center: "text-center",
|
|
3950
3960
|
right: "text-right"
|
|
3951
3961
|
};
|
|
3952
|
-
function
|
|
3962
|
+
function na() {
|
|
3953
3963
|
return {
|
|
3954
3964
|
id: "select",
|
|
3955
3965
|
size: 40,
|
|
@@ -3959,13 +3969,13 @@ function ta() {
|
|
|
3959
3969
|
enableHiding: !1,
|
|
3960
3970
|
enableResizing: !1,
|
|
3961
3971
|
enableColumnFilter: !1,
|
|
3962
|
-
header: ({ table: e }) => /* @__PURE__ */
|
|
3972
|
+
header: ({ table: e }) => /* @__PURE__ */ W(Wt, {
|
|
3963
3973
|
"aria-label": "Select all rows",
|
|
3964
3974
|
checked: e.getIsAllRowsSelected(),
|
|
3965
3975
|
indeterminate: e.getIsSomeRowsSelected() && !e.getIsAllRowsSelected(),
|
|
3966
3976
|
onChange: e.getToggleAllRowsSelectedHandler()
|
|
3967
3977
|
}),
|
|
3968
|
-
cell: ({ row: e }) => /* @__PURE__ */
|
|
3978
|
+
cell: ({ row: e }) => /* @__PURE__ */ W(Wt, {
|
|
3969
3979
|
"aria-label": "Select row",
|
|
3970
3980
|
checked: e.getIsSelected(),
|
|
3971
3981
|
disabled: !e.getCanSelect(),
|
|
@@ -3974,7 +3984,7 @@ function ta() {
|
|
|
3974
3984
|
})
|
|
3975
3985
|
};
|
|
3976
3986
|
}
|
|
3977
|
-
function
|
|
3987
|
+
function ra(e, t) {
|
|
3978
3988
|
return {
|
|
3979
3989
|
id: "actions",
|
|
3980
3990
|
header: t?.header ?? "",
|
|
@@ -3982,13 +3992,13 @@ function na(e, t) {
|
|
|
3982
3992
|
enableSorting: !1,
|
|
3983
3993
|
enableColumnFilter: !1,
|
|
3984
3994
|
enableResizing: !1,
|
|
3985
|
-
cell: ({ row: t }) => /* @__PURE__ */
|
|
3995
|
+
cell: ({ row: t }) => /* @__PURE__ */ W($i, {
|
|
3986
3996
|
row: t.original,
|
|
3987
3997
|
actions: e(t.original)
|
|
3988
3998
|
})
|
|
3989
3999
|
};
|
|
3990
4000
|
}
|
|
3991
|
-
function
|
|
4001
|
+
function ia(e) {
|
|
3992
4002
|
let t = e.getIsPinned();
|
|
3993
4003
|
return t ? {
|
|
3994
4004
|
position: "sticky",
|
|
@@ -3999,81 +4009,81 @@ function ra(e) {
|
|
|
3999
4009
|
}
|
|
4000
4010
|
//#endregion
|
|
4001
4011
|
//#region src/components/TableV2/TableV2.tsx
|
|
4002
|
-
function
|
|
4012
|
+
function aa(e, t, n) {
|
|
4003
4013
|
let [r, i] = m(n);
|
|
4004
4014
|
return [e === void 0 ? r : e, (e) => {
|
|
4005
4015
|
i((t) => typeof e == "function" ? e(t) : e), t?.(e);
|
|
4006
4016
|
}];
|
|
4007
4017
|
}
|
|
4008
|
-
var
|
|
4009
|
-
function
|
|
4010
|
-
let c = e.column, l =
|
|
4011
|
-
return /* @__PURE__ */
|
|
4018
|
+
var oa = /* @__PURE__ */ new Set(["select", "actions"]);
|
|
4019
|
+
function sa({ header: e, density: t, enableSorting: n, enableFiltering: r, enableColumnOrdering: i, enableColumnResizing: a, enablePinning: o, enableColumnVisibility: s }) {
|
|
4020
|
+
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 = je(c.columnDef.header, e.getContext());
|
|
4021
|
+
return /* @__PURE__ */ G("th", {
|
|
4012
4022
|
ref: u ? d.setNodeRef : void 0,
|
|
4013
4023
|
colSpan: e.colSpan,
|
|
4014
4024
|
scope: "col",
|
|
4015
4025
|
style: {
|
|
4016
4026
|
width: a ? e.getSize() : void 0,
|
|
4017
|
-
...
|
|
4027
|
+
...ia(c),
|
|
4018
4028
|
...u ? d.style : null
|
|
4019
4029
|
},
|
|
4020
4030
|
"aria-sort": p === "asc" ? "ascending" : p === "desc" ? "descending" : void 0,
|
|
4021
|
-
className:
|
|
4031
|
+
className: X("relative px-4 whitespace-nowrap bg-bg-container", ea[t], ta[f]),
|
|
4022
4032
|
children: [
|
|
4023
|
-
/* @__PURE__ */
|
|
4033
|
+
/* @__PURE__ */ G("div", {
|
|
4024
4034
|
className: "flex items-center gap-1",
|
|
4025
4035
|
children: [
|
|
4026
|
-
u && /* @__PURE__ */
|
|
4036
|
+
u && /* @__PURE__ */ W("button", {
|
|
4027
4037
|
type: "button",
|
|
4028
4038
|
className: "shrink-0 cursor-grab touch-none text-fg-tertiary hover:text-fg-default focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-300 rounded-sm",
|
|
4029
4039
|
"aria-label": `Reorder ${typeof h == "string" ? h : c.id} column`,
|
|
4030
4040
|
...d.attributes,
|
|
4031
4041
|
...d.listeners,
|
|
4032
|
-
children: /* @__PURE__ */
|
|
4042
|
+
children: /* @__PURE__ */ W(ne, { className: "h-3.5 w-3.5" })
|
|
4033
4043
|
}),
|
|
4034
|
-
n && c.getCanSort() ? /* @__PURE__ */
|
|
4044
|
+
n && c.getCanSort() ? /* @__PURE__ */ G("button", {
|
|
4035
4045
|
type: "button",
|
|
4036
4046
|
onClick: c.getToggleSortingHandler(),
|
|
4037
4047
|
className: "inline-flex items-center gap-1 hover:text-fg-default focus-visible:outline-none min-w-0",
|
|
4038
|
-
children: [/* @__PURE__ */
|
|
4048
|
+
children: [/* @__PURE__ */ W("span", {
|
|
4039
4049
|
className: "truncate",
|
|
4040
4050
|
children: h
|
|
4041
|
-
}), /* @__PURE__ */
|
|
4051
|
+
}), /* @__PURE__ */ W("span", {
|
|
4042
4052
|
className: "inline-flex shrink-0 text-fg-tertiary",
|
|
4043
|
-
children:
|
|
4053
|
+
children: W(p === "asc" ? v : p === "desc" ? _ : T, { className: "h-3.5 w-3.5" })
|
|
4044
4054
|
})]
|
|
4045
|
-
}) : /* @__PURE__ */
|
|
4055
|
+
}) : /* @__PURE__ */ W("span", {
|
|
4046
4056
|
className: "truncate",
|
|
4047
4057
|
children: h
|
|
4048
4058
|
}),
|
|
4049
|
-
m && /* @__PURE__ */
|
|
4059
|
+
m && /* @__PURE__ */ G(Jn, { children: [/* @__PURE__ */ W(Yn, { children: /* @__PURE__ */ W("button", {
|
|
4050
4060
|
type: "button",
|
|
4051
4061
|
"aria-label": `${typeof h == "string" ? h : c.id} column options`,
|
|
4052
4062
|
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",
|
|
4053
|
-
children: /* @__PURE__ */
|
|
4054
|
-
}) }), /* @__PURE__ */
|
|
4063
|
+
children: /* @__PURE__ */ W(L, { className: "h-3.5 w-3.5" })
|
|
4064
|
+
}) }), /* @__PURE__ */ G(Zn, {
|
|
4055
4065
|
align: "start",
|
|
4056
4066
|
children: [
|
|
4057
|
-
o && c.getCanPin() && /* @__PURE__ */
|
|
4058
|
-
c.getIsPinned() !== "left" && /* @__PURE__ */
|
|
4059
|
-
icon: /* @__PURE__ */
|
|
4067
|
+
o && c.getCanPin() && /* @__PURE__ */ G(U, { children: [
|
|
4068
|
+
c.getIsPinned() !== "left" && /* @__PURE__ */ W(Qn, {
|
|
4069
|
+
icon: /* @__PURE__ */ W(se, { className: "h-4 w-4" }),
|
|
4060
4070
|
onSelect: () => c.pin("left"),
|
|
4061
4071
|
children: "Pin left"
|
|
4062
4072
|
}),
|
|
4063
|
-
c.getIsPinned() !== "right" && /* @__PURE__ */
|
|
4064
|
-
icon: /* @__PURE__ */
|
|
4073
|
+
c.getIsPinned() !== "right" && /* @__PURE__ */ W(Qn, {
|
|
4074
|
+
icon: /* @__PURE__ */ W(se, { className: "h-4 w-4" }),
|
|
4065
4075
|
onSelect: () => c.pin("right"),
|
|
4066
4076
|
children: "Pin right"
|
|
4067
4077
|
}),
|
|
4068
|
-
c.getIsPinned() && /* @__PURE__ */
|
|
4069
|
-
icon: /* @__PURE__ */
|
|
4078
|
+
c.getIsPinned() && /* @__PURE__ */ W(Qn, {
|
|
4079
|
+
icon: /* @__PURE__ */ W(ce, { className: "h-4 w-4" }),
|
|
4070
4080
|
onSelect: () => c.pin(!1),
|
|
4071
4081
|
children: "Unpin"
|
|
4072
4082
|
})
|
|
4073
4083
|
] }),
|
|
4074
|
-
o && c.getCanPin() && s && c.getCanHide() && /* @__PURE__ */
|
|
4075
|
-
s && c.getCanHide() && /* @__PURE__ */
|
|
4076
|
-
icon: /* @__PURE__ */
|
|
4084
|
+
o && c.getCanPin() && s && c.getCanHide() && /* @__PURE__ */ W($n, {}),
|
|
4085
|
+
s && c.getCanHide() && /* @__PURE__ */ W(Qn, {
|
|
4086
|
+
icon: /* @__PURE__ */ W(j, { className: "h-4 w-4" }),
|
|
4077
4087
|
onSelect: () => c.toggleVisibility(!1),
|
|
4078
4088
|
children: "Hide column"
|
|
4079
4089
|
})
|
|
@@ -4081,12 +4091,12 @@ function oa({ header: e, density: t, enableSorting: n, enableFiltering: r, enabl
|
|
|
4081
4091
|
})] })
|
|
4082
4092
|
]
|
|
4083
4093
|
}),
|
|
4084
|
-
r && c.getCanFilter() && /* @__PURE__ */
|
|
4094
|
+
r && c.getCanFilter() && /* @__PURE__ */ W("div", {
|
|
4085
4095
|
className: "mt-2 normal-case",
|
|
4086
4096
|
onClick: (e) => e.stopPropagation(),
|
|
4087
|
-
children: /* @__PURE__ */
|
|
4097
|
+
children: /* @__PURE__ */ W(Ui, { column: c })
|
|
4088
4098
|
}),
|
|
4089
|
-
a && c.getCanResize() && /* @__PURE__ */
|
|
4099
|
+
a && c.getCanResize() && /* @__PURE__ */ W("div", {
|
|
4090
4100
|
onMouseDown: e.getResizeHandler(),
|
|
4091
4101
|
onTouchStart: e.getResizeHandler(),
|
|
4092
4102
|
"data-resizing": c.getIsResizing() || void 0,
|
|
@@ -4095,81 +4105,81 @@ function oa({ header: e, density: t, enableSorting: n, enableFiltering: r, enabl
|
|
|
4095
4105
|
]
|
|
4096
4106
|
});
|
|
4097
4107
|
}
|
|
4098
|
-
function
|
|
4099
|
-
let n = e.getVisibleCells(), r = n.find((e) => !
|
|
4100
|
-
return /* @__PURE__ */
|
|
4108
|
+
function ca({ row: e, onRowClick: t }) {
|
|
4109
|
+
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));
|
|
4110
|
+
return /* @__PURE__ */ G("div", {
|
|
4101
4111
|
"data-selected": e.getIsSelected() || void 0,
|
|
4102
4112
|
onClick: t ? () => t(e.original) : void 0,
|
|
4103
4113
|
role: t ? "button" : void 0,
|
|
4104
4114
|
tabIndex: t ? 0 : void 0,
|
|
4105
|
-
className:
|
|
4106
|
-
children: [/* @__PURE__ */
|
|
4115
|
+
className: X("flex flex-col gap-2 border-b border-border-default p-4", t && "cursor-pointer hover:bg-bg-container", e.getIsSelected() && "bg-brand-50"),
|
|
4116
|
+
children: [/* @__PURE__ */ G("div", {
|
|
4107
4117
|
className: "flex items-center gap-2",
|
|
4108
4118
|
children: [
|
|
4109
|
-
i &&
|
|
4110
|
-
/* @__PURE__ */
|
|
4119
|
+
i && je(i.column.columnDef.cell, i.getContext()),
|
|
4120
|
+
/* @__PURE__ */ W("div", {
|
|
4111
4121
|
className: "flex-1 min-w-0 text-p-std font-medium text-fg-default truncate",
|
|
4112
|
-
children: r &&
|
|
4122
|
+
children: r && je(r.column.columnDef.cell, r.getContext())
|
|
4113
4123
|
}),
|
|
4114
|
-
a &&
|
|
4124
|
+
a && je(a.column.columnDef.cell, a.getContext())
|
|
4115
4125
|
]
|
|
4116
|
-
}), o.length > 0 && /* @__PURE__ */
|
|
4126
|
+
}), o.length > 0 && /* @__PURE__ */ W("dl", {
|
|
4117
4127
|
className: "grid grid-cols-2 gap-2",
|
|
4118
4128
|
children: o.map((e) => {
|
|
4119
4129
|
let t = e.column.columnDef.header;
|
|
4120
|
-
return /* @__PURE__ */
|
|
4130
|
+
return /* @__PURE__ */ G("div", {
|
|
4121
4131
|
className: "min-w-0",
|
|
4122
|
-
children: [/* @__PURE__ */
|
|
4132
|
+
children: [/* @__PURE__ */ W("dt", {
|
|
4123
4133
|
className: "text-p-xs text-fg-tertiary uppercase tracking-wide",
|
|
4124
4134
|
children: typeof t == "string" ? t : e.column.id
|
|
4125
|
-
}), /* @__PURE__ */
|
|
4135
|
+
}), /* @__PURE__ */ W("dd", {
|
|
4126
4136
|
className: "text-p-sm text-fg-default truncate",
|
|
4127
|
-
children:
|
|
4137
|
+
children: je(e.column.columnDef.cell, e.getContext())
|
|
4128
4138
|
})]
|
|
4129
4139
|
}, e.id);
|
|
4130
4140
|
})
|
|
4131
4141
|
})]
|
|
4132
4142
|
});
|
|
4133
4143
|
}
|
|
4134
|
-
function
|
|
4135
|
-
return /* @__PURE__ */
|
|
4144
|
+
function la({ rowCount: e }) {
|
|
4145
|
+
return /* @__PURE__ */ W("div", { children: Array.from({ length: e }, (e, t) => /* @__PURE__ */ G("div", {
|
|
4136
4146
|
"aria-hidden": t > 0 || void 0,
|
|
4137
4147
|
className: "flex flex-col gap-2 border-b border-border-default p-4",
|
|
4138
|
-
children: [/* @__PURE__ */
|
|
4148
|
+
children: [/* @__PURE__ */ W(_i, {
|
|
4139
4149
|
variant: "text",
|
|
4140
4150
|
width: "60%"
|
|
4141
|
-
}), /* @__PURE__ */
|
|
4151
|
+
}), /* @__PURE__ */ W(_i, {
|
|
4142
4152
|
variant: "text",
|
|
4143
4153
|
width: "90%"
|
|
4144
4154
|
})]
|
|
4145
4155
|
}, t)) });
|
|
4146
4156
|
}
|
|
4147
|
-
function
|
|
4148
|
-
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:
|
|
4157
|
+
function ua(e, t) {
|
|
4158
|
+
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: ee, enableColumnOrdering: A = !1, columnOrder: j, onColumnOrderChange: te, enablePinning: ne = !1, columnPinning: M, onColumnPinningChange: N, enableColumnResizing: P = !1, columnResizeMode: F = "onChange", enablePagination: I = !1, pageSize: re = 10, pageSizeOptions: L, pagination: ie, onPaginationChange: ae, locale: oe = "en-US", manualPagination: se = !1, pageCount: ce, rowCount: le, enableVirtualization: R = !1, estimatedRowHeight: ue = 44, maxBodyHeight: de = 480, onRowClick: fe, toolbar: z = !1, toolbarActions: pe, searchPlaceholder: me, onRefresh: he, onExport: ge, density: B = "comfortable", stickyHeader: _e = !1, fillHeight: V = !1, wrapperClassName: ve, className: H, dataTestId: ye } = e, [be, xe] = aa(u, h, []), [Se, Ce] = aa(v, y, []), [we, Te] = aa(S, C, ""), [Ee, De] = aa(E, D, {}), [Oe, ke] = aa(k, ee, {}), [K, Re] = aa(j, te, []), [ze, Be] = aa(M, N, {}), [Ve, Ue] = aa(ie, ae, {
|
|
4149
4159
|
pageIndex: 0,
|
|
4150
|
-
pageSize:
|
|
4151
|
-
}),
|
|
4160
|
+
pageSize: re
|
|
4161
|
+
}), J = Ie({
|
|
4152
4162
|
data: n,
|
|
4153
|
-
columns: f(() => !w || r.some((e) => e.id === "select") ? r : [
|
|
4163
|
+
columns: f(() => !w || r.some((e) => e.id === "select") ? r : [na(), ...r], [r, w]),
|
|
4154
4164
|
getRowId: s,
|
|
4155
4165
|
state: {
|
|
4156
|
-
sorting:
|
|
4157
|
-
columnFilters:
|
|
4158
|
-
globalFilter:
|
|
4159
|
-
rowSelection:
|
|
4160
|
-
columnVisibility:
|
|
4161
|
-
columnOrder:
|
|
4162
|
-
columnPinning:
|
|
4163
|
-
pagination:
|
|
4166
|
+
sorting: be,
|
|
4167
|
+
columnFilters: Se,
|
|
4168
|
+
globalFilter: we,
|
|
4169
|
+
rowSelection: Ee,
|
|
4170
|
+
columnVisibility: Oe,
|
|
4171
|
+
columnOrder: K,
|
|
4172
|
+
columnPinning: ze,
|
|
4173
|
+
pagination: Ve
|
|
4164
4174
|
},
|
|
4165
|
-
onSortingChange:
|
|
4166
|
-
onColumnFiltersChange:
|
|
4167
|
-
onGlobalFilterChange:
|
|
4168
|
-
onRowSelectionChange:
|
|
4169
|
-
onColumnVisibilityChange:
|
|
4170
|
-
onColumnOrderChange:
|
|
4171
|
-
onColumnPinningChange:
|
|
4172
|
-
onPaginationChange:
|
|
4175
|
+
onSortingChange: xe,
|
|
4176
|
+
onColumnFiltersChange: Ce,
|
|
4177
|
+
onGlobalFilterChange: Te,
|
|
4178
|
+
onRowSelectionChange: De,
|
|
4179
|
+
onColumnVisibilityChange: ke,
|
|
4180
|
+
onColumnOrderChange: Re,
|
|
4181
|
+
onColumnPinningChange: Be,
|
|
4182
|
+
onPaginationChange: Ue,
|
|
4173
4183
|
enableSorting: c,
|
|
4174
4184
|
enableMultiSort: l,
|
|
4175
4185
|
manualSorting: g,
|
|
@@ -4178,167 +4188,167 @@ function la(e, t) {
|
|
|
4178
4188
|
manualFiltering: b,
|
|
4179
4189
|
enableRowSelection: w,
|
|
4180
4190
|
enableMultiRowSelection: T,
|
|
4181
|
-
enableColumnResizing:
|
|
4182
|
-
columnResizeMode:
|
|
4183
|
-
manualPagination:
|
|
4184
|
-
pageCount:
|
|
4185
|
-
rowCount:
|
|
4186
|
-
getCoreRowModel:
|
|
4187
|
-
getSortedRowModel: c ?
|
|
4188
|
-
getFilteredRowModel: _ || x ?
|
|
4189
|
-
getPaginationRowModel:
|
|
4190
|
-
}),
|
|
4191
|
+
enableColumnResizing: P,
|
|
4192
|
+
columnResizeMode: F,
|
|
4193
|
+
manualPagination: se,
|
|
4194
|
+
pageCount: ce,
|
|
4195
|
+
rowCount: le,
|
|
4196
|
+
getCoreRowModel: Me(),
|
|
4197
|
+
getSortedRowModel: c ? Fe() : void 0,
|
|
4198
|
+
getFilteredRowModel: _ || x ? Ne() : void 0,
|
|
4199
|
+
getPaginationRowModel: I ? Pe() : void 0
|
|
4200
|
+
}), Y = J.getRowModel().rows, We = J.getVisibleLeafColumns().length, Ge = p(null), [Ke, qe] = m(null);
|
|
4191
4201
|
d(() => {
|
|
4192
|
-
if (!
|
|
4193
|
-
let e =
|
|
4194
|
-
e && e !==
|
|
4202
|
+
if (!I || R) return;
|
|
4203
|
+
let e = Ge.current?.getBoundingClientRect().height;
|
|
4204
|
+
e && e !== Ke && qe(e);
|
|
4195
4205
|
}, [
|
|
4196
|
-
|
|
4206
|
+
I,
|
|
4207
|
+
R,
|
|
4197
4208
|
B,
|
|
4198
|
-
|
|
4199
|
-
|
|
4200
|
-
Ge
|
|
4209
|
+
Y,
|
|
4210
|
+
Ke
|
|
4201
4211
|
]);
|
|
4202
|
-
let
|
|
4203
|
-
columnOrder:
|
|
4204
|
-
onColumnOrderChange:
|
|
4205
|
-
}),
|
|
4206
|
-
count:
|
|
4207
|
-
getScrollElement: () =>
|
|
4208
|
-
estimateSize: () =>
|
|
4212
|
+
let Je = Ke ?? ue, Ye = I && !R ? Math.max(0, Ve.pageSize - Y.length) * Je : 0, Xe = f(() => K.length > 0 ? K : J.getAllLeafColumns().map((e) => e.id), [K, J]), Ze = Zi({
|
|
4213
|
+
columnOrder: Xe,
|
|
4214
|
+
onColumnOrderChange: Re
|
|
4215
|
+
}), Qe = (e) => Ze.handleDragEnd(e), $e = p(null), et = Ae({
|
|
4216
|
+
count: Y.length,
|
|
4217
|
+
getScrollElement: () => $e.current,
|
|
4218
|
+
estimateSize: () => ue,
|
|
4209
4219
|
overscan: 10,
|
|
4210
|
-
enabled:
|
|
4211
|
-
}),
|
|
4220
|
+
enabled: R
|
|
4221
|
+
}), Z = R ? et.getVirtualItems() : null, tt = Z && Z.length > 0 ? Z[0]?.start ?? 0 : 0, nt = Z && Z.length > 0 ? et.getTotalSize() - (Z[Z.length - 1]?.end ?? 0) : 0, rt = (e, t) => /* @__PURE__ */ W("tr", {
|
|
4212
4222
|
ref: t,
|
|
4213
4223
|
"data-selected": e.getIsSelected() || void 0,
|
|
4214
|
-
onClick:
|
|
4215
|
-
className:
|
|
4216
|
-
children: e.getVisibleCells().map((e) => /* @__PURE__ */
|
|
4217
|
-
style:
|
|
4218
|
-
className:
|
|
4219
|
-
children:
|
|
4224
|
+
onClick: fe ? () => fe(e.original) : void 0,
|
|
4225
|
+
className: X("group border-t border-border-default", fe && "cursor-pointer"),
|
|
4226
|
+
children: e.getVisibleCells().map((e) => /* @__PURE__ */ W("td", {
|
|
4227
|
+
style: ia(e.column),
|
|
4228
|
+
className: X("bg-bg-default px-4 group-hover:bg-bg-container group-data-[selected]:bg-brand-50", ea[B], ta[e.column.columnDef.meta?.align ?? "left"]),
|
|
4229
|
+
children: je(e.column.columnDef.cell, e.getContext())
|
|
4220
4230
|
}, e.id))
|
|
4221
|
-
}, e.id), it = (e, t) => /* @__PURE__ */
|
|
4231
|
+
}, e.id), it = (e, t) => /* @__PURE__ */ W("tr", { children: t.map((e) => /* @__PURE__ */ W(sa, {
|
|
4222
4232
|
header: e,
|
|
4223
|
-
density:
|
|
4233
|
+
density: B,
|
|
4224
4234
|
enableSorting: c,
|
|
4225
4235
|
enableFiltering: _,
|
|
4226
|
-
enableColumnOrdering:
|
|
4227
|
-
enableColumnResizing:
|
|
4228
|
-
enablePinning:
|
|
4236
|
+
enableColumnOrdering: A,
|
|
4237
|
+
enableColumnResizing: P,
|
|
4238
|
+
enablePinning: ne,
|
|
4229
4239
|
enableColumnVisibility: O
|
|
4230
|
-
}, e.id)) }, e), at = /* @__PURE__ */
|
|
4240
|
+
}, e.id)) }, e), at = /* @__PURE__ */ G("table", {
|
|
4231
4241
|
className: "w-full border-collapse text-p-std text-fg-default",
|
|
4232
|
-
style: { width:
|
|
4233
|
-
children: [/* @__PURE__ */
|
|
4234
|
-
className:
|
|
4235
|
-
children:
|
|
4236
|
-
}), /* @__PURE__ */
|
|
4237
|
-
columnCount:
|
|
4238
|
-
rowCount:
|
|
4239
|
-
}) :
|
|
4240
|
-
colSpan:
|
|
4242
|
+
style: { width: P ? J.getTotalSize() : "100%" },
|
|
4243
|
+
children: [/* @__PURE__ */ W("thead", {
|
|
4244
|
+
className: X("text-p-sm font-semibold text-fg-secondary uppercase tracking-wider", (_e || V) && "sticky top-0 z-10"),
|
|
4245
|
+
children: J.getHeaderGroups().map((e) => it(e.id, e.headers))
|
|
4246
|
+
}), /* @__PURE__ */ W("tbody", { children: i ? /* @__PURE__ */ W(Ki, {
|
|
4247
|
+
columnCount: We,
|
|
4248
|
+
rowCount: Ve.pageSize
|
|
4249
|
+
}) : Y.length === 0 ? /* @__PURE__ */ W("tr", { children: /* @__PURE__ */ W("td", {
|
|
4250
|
+
colSpan: We,
|
|
4241
4251
|
className: "p-0",
|
|
4242
|
-
children: /* @__PURE__ */
|
|
4252
|
+
children: /* @__PURE__ */ W(rr, {
|
|
4243
4253
|
size: "sm",
|
|
4244
4254
|
title: o
|
|
4245
4255
|
})
|
|
4246
|
-
}) }) :
|
|
4247
|
-
tt > 0 && /* @__PURE__ */
|
|
4256
|
+
}) }) : R && Z ? /* @__PURE__ */ G(U, { children: [
|
|
4257
|
+
tt > 0 && /* @__PURE__ */ W("tr", {
|
|
4248
4258
|
"aria-hidden": !0,
|
|
4249
|
-
children: /* @__PURE__ */
|
|
4259
|
+
children: /* @__PURE__ */ W("td", {
|
|
4250
4260
|
style: { height: tt },
|
|
4251
|
-
colSpan:
|
|
4261
|
+
colSpan: We
|
|
4252
4262
|
})
|
|
4253
4263
|
}),
|
|
4254
|
-
|
|
4255
|
-
let t =
|
|
4264
|
+
Z.map((e) => {
|
|
4265
|
+
let t = Y[e.index];
|
|
4256
4266
|
return t ? rt(t) : null;
|
|
4257
4267
|
}),
|
|
4258
|
-
nt > 0 && /* @__PURE__ */
|
|
4268
|
+
nt > 0 && /* @__PURE__ */ W("tr", {
|
|
4259
4269
|
"aria-hidden": !0,
|
|
4260
|
-
children: /* @__PURE__ */
|
|
4270
|
+
children: /* @__PURE__ */ W("td", {
|
|
4261
4271
|
style: { height: nt },
|
|
4262
|
-
colSpan:
|
|
4272
|
+
colSpan: We
|
|
4263
4273
|
})
|
|
4264
4274
|
})
|
|
4265
|
-
] }) : /* @__PURE__ */
|
|
4275
|
+
] }) : /* @__PURE__ */ G(U, { children: [Y.map((e, t) => rt(e, t === 0 ? Ge : void 0)), Ye > 0 && /* @__PURE__ */ W("tr", {
|
|
4266
4276
|
"aria-hidden": !0,
|
|
4267
|
-
children: /* @__PURE__ */
|
|
4268
|
-
style: { height:
|
|
4269
|
-
colSpan:
|
|
4277
|
+
children: /* @__PURE__ */ W("td", {
|
|
4278
|
+
style: { height: Ye },
|
|
4279
|
+
colSpan: We,
|
|
4270
4280
|
className: "p-0"
|
|
4271
4281
|
})
|
|
4272
4282
|
})] }) })]
|
|
4273
4283
|
});
|
|
4274
|
-
return /* @__PURE__ */
|
|
4284
|
+
return /* @__PURE__ */ G("div", {
|
|
4275
4285
|
ref: t,
|
|
4276
|
-
"data-test-id":
|
|
4277
|
-
className:
|
|
4286
|
+
"data-test-id": ye,
|
|
4287
|
+
className: X("w-full rounded-lg border border-border-default bg-bg-default", V && "h-full flex flex-col", ve, H),
|
|
4278
4288
|
children: [
|
|
4279
|
-
|
|
4280
|
-
table:
|
|
4289
|
+
z === !1 ? null : z ?? /* @__PURE__ */ W(Yi, {
|
|
4290
|
+
table: J,
|
|
4281
4291
|
enableGlobalFilter: x,
|
|
4282
4292
|
enableColumnVisibility: O,
|
|
4283
|
-
searchPlaceholder:
|
|
4284
|
-
onRefresh:
|
|
4285
|
-
onExport:
|
|
4286
|
-
actions:
|
|
4293
|
+
searchPlaceholder: me,
|
|
4294
|
+
onRefresh: he,
|
|
4295
|
+
onExport: ge,
|
|
4296
|
+
actions: pe
|
|
4287
4297
|
}),
|
|
4288
|
-
a ? /* @__PURE__ */
|
|
4298
|
+
a ? /* @__PURE__ */ W("div", {
|
|
4289
4299
|
className: "p-4",
|
|
4290
|
-
children: /* @__PURE__ */
|
|
4300
|
+
children: /* @__PURE__ */ W(fr, {
|
|
4291
4301
|
variant: "danger",
|
|
4292
4302
|
title: "Couldn't load data",
|
|
4293
4303
|
description: a
|
|
4294
4304
|
})
|
|
4295
|
-
}) : /* @__PURE__ */
|
|
4296
|
-
className:
|
|
4297
|
-
children: /* @__PURE__ */
|
|
4298
|
-
ref:
|
|
4299
|
-
className:
|
|
4300
|
-
style:
|
|
4301
|
-
children:
|
|
4302
|
-
sensors:
|
|
4303
|
-
collisionDetection:
|
|
4304
|
-
modifiers:
|
|
4305
|
-
onDragEnd:
|
|
4306
|
-
children: /* @__PURE__ */
|
|
4307
|
-
items:
|
|
4308
|
-
strategy:
|
|
4305
|
+
}) : /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W("div", {
|
|
4306
|
+
className: X("hidden", V ? "md:flex md:flex-col md:flex-1 md:min-h-0" : "md:block"),
|
|
4307
|
+
children: /* @__PURE__ */ W("div", {
|
|
4308
|
+
ref: $e,
|
|
4309
|
+
className: X("w-full overflow-auto", z === !1 ? "rounded-lg" : "rounded-b-lg", V && "flex-1 min-h-0"),
|
|
4310
|
+
style: V ? void 0 : R || _e ? { maxHeight: de } : void 0,
|
|
4311
|
+
children: A ? /* @__PURE__ */ W(Le, {
|
|
4312
|
+
sensors: Ze.sensors,
|
|
4313
|
+
collisionDetection: Ze.collisionDetection,
|
|
4314
|
+
modifiers: Ze.modifiers,
|
|
4315
|
+
onDragEnd: Qe,
|
|
4316
|
+
children: /* @__PURE__ */ W(He, {
|
|
4317
|
+
items: Xe,
|
|
4318
|
+
strategy: q,
|
|
4309
4319
|
children: at
|
|
4310
4320
|
})
|
|
4311
4321
|
}) : at
|
|
4312
4322
|
})
|
|
4313
|
-
}), /* @__PURE__ */
|
|
4323
|
+
}), /* @__PURE__ */ W("div", {
|
|
4314
4324
|
className: "md:hidden",
|
|
4315
|
-
children: i ? /* @__PURE__ */
|
|
4325
|
+
children: i ? /* @__PURE__ */ W(la, { rowCount: Ve.pageSize }) : Y.length === 0 ? /* @__PURE__ */ W(rr, {
|
|
4316
4326
|
size: "sm",
|
|
4317
4327
|
title: o
|
|
4318
|
-
}) :
|
|
4328
|
+
}) : Y.map((e) => /* @__PURE__ */ W(ca, {
|
|
4319
4329
|
row: e,
|
|
4320
|
-
onRowClick:
|
|
4330
|
+
onRowClick: fe
|
|
4321
4331
|
}, e.id))
|
|
4322
4332
|
})] }),
|
|
4323
|
-
|
|
4324
|
-
table:
|
|
4325
|
-
pageSizeOptions:
|
|
4326
|
-
locale:
|
|
4333
|
+
I && !a && /* @__PURE__ */ W(Gi, {
|
|
4334
|
+
table: J,
|
|
4335
|
+
pageSizeOptions: L,
|
|
4336
|
+
locale: oe
|
|
4327
4337
|
})
|
|
4328
4338
|
]
|
|
4329
4339
|
});
|
|
4330
4340
|
}
|
|
4331
|
-
var
|
|
4332
|
-
|
|
4341
|
+
var da = a(ua);
|
|
4342
|
+
da.displayName = "TableV2";
|
|
4333
4343
|
//#endregion
|
|
4334
4344
|
//#region src/components/Tabs/Tabs.tsx
|
|
4335
|
-
var
|
|
4336
|
-
function
|
|
4337
|
-
let e = c(
|
|
4345
|
+
var fa = r(null);
|
|
4346
|
+
function pa() {
|
|
4347
|
+
let e = c(fa);
|
|
4338
4348
|
if (!e) throw Error("Tab components must be used inside <Tabs>");
|
|
4339
4349
|
return e;
|
|
4340
4350
|
}
|
|
4341
|
-
function
|
|
4351
|
+
function ma(t) {
|
|
4342
4352
|
let n = [];
|
|
4343
4353
|
e.forEach(t, (e) => {
|
|
4344
4354
|
o(e) && n.push(e);
|
|
@@ -4352,9 +4362,9 @@ function pa(t) {
|
|
|
4352
4362
|
}
|
|
4353
4363
|
return "";
|
|
4354
4364
|
}
|
|
4355
|
-
var
|
|
4356
|
-
let [f, p] = m(() => e ??
|
|
4357
|
-
return /* @__PURE__ */
|
|
4365
|
+
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) {
|
|
4366
|
+
let [f, p] = m(() => e ?? ma(s)), h = t !== void 0, g = h ? t : f, _ = u();
|
|
4367
|
+
return /* @__PURE__ */ W(fa.Provider, {
|
|
4358
4368
|
value: {
|
|
4359
4369
|
value: g,
|
|
4360
4370
|
setValue: (e) => {
|
|
@@ -4365,17 +4375,17 @@ var ma = a(function({ defaultValue: e, value: t, onValueChange: n, variant: r =
|
|
|
4365
4375
|
tabsId: _,
|
|
4366
4376
|
disabled: a
|
|
4367
4377
|
},
|
|
4368
|
-
children: /* @__PURE__ */
|
|
4378
|
+
children: /* @__PURE__ */ W("div", {
|
|
4369
4379
|
ref: d,
|
|
4370
4380
|
"data-test-id": c,
|
|
4371
|
-
className:
|
|
4381
|
+
className: X("flex flex-col gap-4", o),
|
|
4372
4382
|
...l,
|
|
4373
4383
|
children: s
|
|
4374
4384
|
})
|
|
4375
4385
|
});
|
|
4376
|
-
}),
|
|
4377
|
-
let { variant: s } =
|
|
4378
|
-
return /* @__PURE__ */
|
|
4386
|
+
}), ga = a(function({ children: e, scrollable: t = !1, className: n, dataTestId: r, onKeyDown: i, ...a }, o) {
|
|
4387
|
+
let { variant: s } = pa(), c = p(null);
|
|
4388
|
+
return /* @__PURE__ */ W("div", {
|
|
4379
4389
|
ref: Gt(o, c),
|
|
4380
4390
|
role: "tablist",
|
|
4381
4391
|
onKeyDown: (e) => {
|
|
@@ -4391,17 +4401,17 @@ var ma = a(function({ defaultValue: e, value: t, onValueChange: n, variant: r =
|
|
|
4391
4401
|
}), a.click());
|
|
4392
4402
|
},
|
|
4393
4403
|
"data-test-id": r,
|
|
4394
|
-
className:
|
|
4404
|
+
className: X("inline-flex", s === "underline" && "border-b border-border-default gap-1 w-full", s === "pills" && "gap-1 p-1 rounded-full bg-bg-container", s === "boxed" && "gap-0 rounded-lg border border-border-default overflow-hidden bg-bg-container", t && X("overflow-x-auto flex-nowrap scroll-smooth [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", "[mask-image:linear-gradient(to_right,transparent,black_16px,black_calc(100%-16px),transparent)]"), n),
|
|
4395
4405
|
...a,
|
|
4396
4406
|
children: e
|
|
4397
4407
|
});
|
|
4398
4408
|
});
|
|
4399
|
-
|
|
4400
|
-
var
|
|
4409
|
+
ga.displayName = "TabList";
|
|
4410
|
+
var _a = {
|
|
4401
4411
|
lg: "h-11 px-4 text-p-md",
|
|
4402
4412
|
md: "h-10 px-3 text-p-std",
|
|
4403
4413
|
sm: "h-8 px-2.5 text-p-sm"
|
|
4404
|
-
},
|
|
4414
|
+
}, va = {
|
|
4405
4415
|
underline: {
|
|
4406
4416
|
on: "bg-brand-500 text-white",
|
|
4407
4417
|
off: "bg-bg-subtle text-fg-secondary"
|
|
@@ -4414,8 +4424,8 @@ var ga = {
|
|
|
4414
4424
|
on: "bg-brand-500 text-white",
|
|
4415
4425
|
off: "bg-bg-subtle text-fg-secondary"
|
|
4416
4426
|
}
|
|
4417
|
-
},
|
|
4418
|
-
let { value: h, setValue: g, variant: _, size: v, tabsId: y, disabled: b } =
|
|
4427
|
+
}, 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) {
|
|
4428
|
+
let { value: h, setValue: g, variant: _, size: v, tabsId: y, disabled: b } = pa(), x = Xe(h, e), S = b || n, C = i != null && i !== !1, w = f ?? `${y}-tab-${e}`, T = `${y}-panel-${e}`, E = X("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" ? X("rounded-t-lg", x ? "text-fg-default" : "text-fg-secondary hover:text-fg-default hover:bg-bg-subtle/60") : _ === "pills" ? X("rounded-full", x ? "bg-bg-default text-fg-default shadow-z1" : "bg-transparent text-fg-secondary hover:text-fg-default") : X("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__ */ G("button", {
|
|
4419
4429
|
ref: m,
|
|
4420
4430
|
id: w,
|
|
4421
4431
|
type: "button",
|
|
@@ -4428,34 +4438,34 @@ var ga = {
|
|
|
4428
4438
|
onClick: (t) => {
|
|
4429
4439
|
S || (g(e), d?.(t));
|
|
4430
4440
|
},
|
|
4431
|
-
className:
|
|
4441
|
+
className: X(E, D, o && "pr-9", l),
|
|
4432
4442
|
...p,
|
|
4433
4443
|
children: [
|
|
4434
|
-
r && /* @__PURE__ */
|
|
4444
|
+
r && /* @__PURE__ */ W("span", {
|
|
4435
4445
|
className: "inline-flex shrink-0",
|
|
4436
4446
|
children: r
|
|
4437
4447
|
}),
|
|
4438
|
-
/* @__PURE__ */
|
|
4448
|
+
/* @__PURE__ */ W("span", {
|
|
4439
4449
|
className: "truncate",
|
|
4440
4450
|
children: t
|
|
4441
4451
|
}),
|
|
4442
|
-
C && (a ? /* @__PURE__ */
|
|
4452
|
+
C && (a ? /* @__PURE__ */ W(jt, {
|
|
4443
4453
|
size: "xs",
|
|
4444
4454
|
...a,
|
|
4445
4455
|
children: i
|
|
4446
|
-
}) : /* @__PURE__ */
|
|
4447
|
-
className:
|
|
4456
|
+
}) : /* @__PURE__ */ W("span", {
|
|
4457
|
+
className: X("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),
|
|
4448
4458
|
children: i
|
|
4449
4459
|
})),
|
|
4450
|
-
_ === "underline" && /* @__PURE__ */
|
|
4460
|
+
_ === "underline" && /* @__PURE__ */ W("span", {
|
|
4451
4461
|
"aria-hidden": !0,
|
|
4452
|
-
className:
|
|
4462
|
+
className: X("pointer-events-none absolute inset-x-0 -bottom-px h-[2px] rounded-full bg-brand-500 transition-opacity duration-150", x ? "opacity-100" : "opacity-0")
|
|
4453
4463
|
})
|
|
4454
4464
|
]
|
|
4455
4465
|
});
|
|
4456
|
-
return o ? /* @__PURE__ */
|
|
4466
|
+
return o ? /* @__PURE__ */ G("span", {
|
|
4457
4467
|
className: "relative inline-flex",
|
|
4458
|
-
children: [O, /* @__PURE__ */
|
|
4468
|
+
children: [O, /* @__PURE__ */ W("button", {
|
|
4459
4469
|
type: "button",
|
|
4460
4470
|
"aria-label": c,
|
|
4461
4471
|
disabled: S,
|
|
@@ -4466,9 +4476,9 @@ var ga = {
|
|
|
4466
4476
|
children: o
|
|
4467
4477
|
})]
|
|
4468
4478
|
}) : O;
|
|
4469
|
-
}),
|
|
4470
|
-
let { value: c, tabsId: l } =
|
|
4471
|
-
return !u && !a ? null : /* @__PURE__ */
|
|
4479
|
+
}), ba = a(function({ value: e, children: t, className: n, dataTestId: r, id: i, keepMounted: a = !1, ...o }, s) {
|
|
4480
|
+
let { value: c, tabsId: l } = pa(), u = Xe(c, e);
|
|
4481
|
+
return !u && !a ? null : /* @__PURE__ */ W("div", {
|
|
4472
4482
|
ref: s,
|
|
4473
4483
|
id: i ?? `${l}-panel-${e}`,
|
|
4474
4484
|
role: "tabpanel",
|
|
@@ -4479,28 +4489,28 @@ var ga = {
|
|
|
4479
4489
|
...o,
|
|
4480
4490
|
children: t
|
|
4481
4491
|
});
|
|
4482
|
-
}),
|
|
4492
|
+
}), 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) {
|
|
4483
4493
|
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;
|
|
4484
|
-
return /* @__PURE__ */
|
|
4485
|
-
className:
|
|
4494
|
+
return /* @__PURE__ */ G("div", {
|
|
4495
|
+
className: X("flex flex-col gap-1.5 w-full", f),
|
|
4486
4496
|
"data-test-id": _,
|
|
4487
4497
|
children: [
|
|
4488
|
-
(e || t) && /* @__PURE__ */
|
|
4498
|
+
(e || t) && /* @__PURE__ */ G("div", {
|
|
4489
4499
|
className: "flex items-center gap-1.5",
|
|
4490
|
-
children: [e && /* @__PURE__ */
|
|
4500
|
+
children: [e && /* @__PURE__ */ G("label", {
|
|
4491
4501
|
htmlFor: S,
|
|
4492
4502
|
className: "text-p-std font-medium text-fg-default inline-flex items-center gap-1",
|
|
4493
|
-
children: [e, s && /* @__PURE__ */
|
|
4503
|
+
children: [e, s && /* @__PURE__ */ W("span", {
|
|
4494
4504
|
className: "text-red-600",
|
|
4495
4505
|
"aria-hidden": !0,
|
|
4496
4506
|
children: "*"
|
|
4497
4507
|
})]
|
|
4498
|
-
}), t && /* @__PURE__ */
|
|
4508
|
+
}), t && /* @__PURE__ */ W("span", {
|
|
4499
4509
|
className: "inline-flex items-center gap-1",
|
|
4500
4510
|
children: t
|
|
4501
4511
|
})]
|
|
4502
4512
|
}),
|
|
4503
|
-
/* @__PURE__ */
|
|
4513
|
+
/* @__PURE__ */ W("textarea", {
|
|
4504
4514
|
ref: b,
|
|
4505
4515
|
id: S,
|
|
4506
4516
|
disabled: o,
|
|
@@ -4514,23 +4524,23 @@ var ga = {
|
|
|
4514
4524
|
},
|
|
4515
4525
|
"aria-invalid": C || void 0,
|
|
4516
4526
|
"aria-describedby": w,
|
|
4517
|
-
className:
|
|
4527
|
+
className: X("w-full px-3 py-2.5 rounded-lg border bg-bg-default text-p-std text-fg-default placeholder:text-fg-tertiary outline-none transition-colors resize-y", C ? "border-red-600" : "border-border-default", !o && !C && "hover:border-border-strong", "focus:ring-2", C ? "focus:ring-red-300 focus:border-red-600" : "focus:ring-brand-300 focus:border-brand-500", o && "bg-bg-container border-border-default cursor-not-allowed", d),
|
|
4518
4528
|
...y
|
|
4519
4529
|
}),
|
|
4520
|
-
/* @__PURE__ */
|
|
4530
|
+
/* @__PURE__ */ G("div", {
|
|
4521
4531
|
className: "flex items-start justify-between gap-2",
|
|
4522
|
-
children: [/* @__PURE__ */
|
|
4532
|
+
children: [/* @__PURE__ */ W("div", {
|
|
4523
4533
|
className: "flex-1 min-w-0",
|
|
4524
|
-
children: r ? /* @__PURE__ */
|
|
4534
|
+
children: r ? /* @__PURE__ */ W("p", {
|
|
4525
4535
|
id: `${S}-error`,
|
|
4526
4536
|
className: "text-p-sm text-red-700",
|
|
4527
4537
|
children: r
|
|
4528
|
-
}) : n ? /* @__PURE__ */
|
|
4538
|
+
}) : n ? /* @__PURE__ */ W("p", {
|
|
4529
4539
|
id: `${S}-help`,
|
|
4530
4540
|
className: "text-p-sm text-fg-secondary",
|
|
4531
4541
|
children: n
|
|
4532
4542
|
}) : null
|
|
4533
|
-
}), E && /* @__PURE__ */
|
|
4543
|
+
}), E && /* @__PURE__ */ G("p", {
|
|
4534
4544
|
className: "text-p-sm text-fg-tertiary tabular-nums shrink-0",
|
|
4535
4545
|
children: [
|
|
4536
4546
|
k,
|
|
@@ -4541,16 +4551,16 @@ var ga = {
|
|
|
4541
4551
|
})
|
|
4542
4552
|
]
|
|
4543
4553
|
});
|
|
4544
|
-
}),
|
|
4554
|
+
}), Sa = a(function({ checked: e, label: t, id: n, disabled: r, className: i, dataTestId: a, ...o }, s) {
|
|
4545
4555
|
let c = u(), l = n ?? c;
|
|
4546
|
-
return /* @__PURE__ */
|
|
4556
|
+
return /* @__PURE__ */ G("label", {
|
|
4547
4557
|
htmlFor: l,
|
|
4548
4558
|
"data-test-id": a,
|
|
4549
|
-
className:
|
|
4550
|
-
children: [/* @__PURE__ */
|
|
4559
|
+
className: X("inline-flex items-center gap-3", r ? "cursor-not-allowed opacity-60" : "cursor-pointer", i),
|
|
4560
|
+
children: [/* @__PURE__ */ G("span", {
|
|
4551
4561
|
className: "relative inline-flex shrink-0",
|
|
4552
4562
|
children: [
|
|
4553
|
-
/* @__PURE__ */
|
|
4563
|
+
/* @__PURE__ */ W("input", {
|
|
4554
4564
|
ref: s,
|
|
4555
4565
|
id: l,
|
|
4556
4566
|
type: "checkbox",
|
|
@@ -4561,40 +4571,40 @@ var ga = {
|
|
|
4561
4571
|
className: "peer sr-only",
|
|
4562
4572
|
...o
|
|
4563
4573
|
}),
|
|
4564
|
-
/* @__PURE__ */
|
|
4565
|
-
className:
|
|
4566
|
-
children: [/* @__PURE__ */
|
|
4574
|
+
/* @__PURE__ */ G("span", {
|
|
4575
|
+
className: X("inline-flex h-8 w-16 items-center justify-between rounded-full border px-2 transition-colors", "peer-checked:bg-gray-700 dark:bg-gray-700 dark:peer-checked:bg-gray-900", "peer-focus-visible:ring-2 peer-focus-visible:ring-brand-300 peer-focus-visible:ring-offset-2"),
|
|
4576
|
+
children: [/* @__PURE__ */ W(pe, {
|
|
4567
4577
|
className: "size-4 text-yellow-500 z-1",
|
|
4568
4578
|
"aria-hidden": !0
|
|
4569
|
-
}), /* @__PURE__ */
|
|
4579
|
+
}), /* @__PURE__ */ W(re, {
|
|
4570
4580
|
className: "size-4 text-gray-400 z-1",
|
|
4571
4581
|
"aria-hidden": !0
|
|
4572
4582
|
})]
|
|
4573
4583
|
}),
|
|
4574
|
-
/* @__PURE__ */
|
|
4584
|
+
/* @__PURE__ */ W("span", {
|
|
4575
4585
|
"aria-hidden": !0,
|
|
4576
4586
|
className: "absolute left-1 top-1 size-6 rounded-full bg-white shadow-[0_1px_3px_#00000040] transition-transform peer-checked:translate-x-8 peer-checked:bg-gray-600"
|
|
4577
4587
|
})
|
|
4578
4588
|
]
|
|
4579
|
-
}), t && /* @__PURE__ */
|
|
4589
|
+
}), t && /* @__PURE__ */ W("span", {
|
|
4580
4590
|
className: "text-p-std font-medium text-fg-default",
|
|
4581
4591
|
children: t
|
|
4582
4592
|
})]
|
|
4583
4593
|
});
|
|
4584
|
-
}),
|
|
4594
|
+
}), Ca = {
|
|
4585
4595
|
lg: "px-3 py-2 text-p-std",
|
|
4586
4596
|
sm: "px-2 py-1 text-p-sm"
|
|
4587
|
-
},
|
|
4597
|
+
}, wa = {
|
|
4588
4598
|
top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
|
|
4589
4599
|
bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
|
|
4590
4600
|
left: "right-full top-1/2 -translate-y-1/2 mr-2",
|
|
4591
4601
|
right: "left-full top-1/2 -translate-y-1/2 ml-2"
|
|
4592
|
-
},
|
|
4602
|
+
}, Ta = {
|
|
4593
4603
|
top: "top-full left-1/2 -translate-x-1/2 border-t-fg-default border-x-transparent border-b-transparent",
|
|
4594
4604
|
bottom: "bottom-full left-1/2 -translate-x-1/2 border-b-fg-default border-x-transparent border-t-transparent",
|
|
4595
4605
|
left: "left-full top-1/2 -translate-y-1/2 border-l-fg-default border-y-transparent border-r-transparent",
|
|
4596
4606
|
right: "right-full top-1/2 -translate-y-1/2 border-r-fg-default border-y-transparent border-l-transparent"
|
|
4597
|
-
},
|
|
4607
|
+
}, Ea = a(function({ content: e, children: t, side: r = "top", size: i = "sm", delay: a = 150, className: s, dataTestId: c }, l) {
|
|
4598
4608
|
let [d, f] = m(!1), h = p(null), g = u(), _ = () => {
|
|
4599
4609
|
h.current && clearTimeout(h.current), h.current = setTimeout(() => f(!0), a);
|
|
4600
4610
|
}, v = () => {
|
|
@@ -4602,7 +4612,7 @@ var ga = {
|
|
|
4602
4612
|
};
|
|
4603
4613
|
if (!o(t)) return t;
|
|
4604
4614
|
let y = t.props ?? {};
|
|
4605
|
-
return /* @__PURE__ */
|
|
4615
|
+
return /* @__PURE__ */ G("span", {
|
|
4606
4616
|
ref: l,
|
|
4607
4617
|
"data-test-id": c,
|
|
4608
4618
|
className: "relative inline-flex",
|
|
@@ -4612,42 +4622,42 @@ var ga = {
|
|
|
4612
4622
|
onFocus: _,
|
|
4613
4623
|
onBlur: v,
|
|
4614
4624
|
"aria-describedby": d ? g : y["aria-describedby"]
|
|
4615
|
-
}), d && /* @__PURE__ */
|
|
4625
|
+
}), d && /* @__PURE__ */ G("span", {
|
|
4616
4626
|
role: "tooltip",
|
|
4617
4627
|
id: g,
|
|
4618
|
-
className:
|
|
4619
|
-
children: [e, /* @__PURE__ */
|
|
4628
|
+
className: X("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),
|
|
4629
|
+
children: [e, /* @__PURE__ */ W("span", {
|
|
4620
4630
|
"aria-hidden": !0,
|
|
4621
|
-
className:
|
|
4631
|
+
className: X("absolute h-0 w-0 border-4", Ta[r])
|
|
4622
4632
|
})]
|
|
4623
4633
|
})]
|
|
4624
4634
|
});
|
|
4625
|
-
}),
|
|
4635
|
+
}), Da = "We'll be back soon", Oa = "We're currently performing scheduled maintenance to make your experience even better. Please check back shortly.", ka = {
|
|
4626
4636
|
lg: "xl",
|
|
4627
4637
|
sm: "lg"
|
|
4628
|
-
},
|
|
4629
|
-
return /* @__PURE__ */
|
|
4638
|
+
}, Aa = a(function({ size: e = "lg", title: t, description: n, illustration: r, ...i }, a) {
|
|
4639
|
+
return /* @__PURE__ */ W(rr, {
|
|
4630
4640
|
ref: a,
|
|
4631
4641
|
size: e,
|
|
4632
|
-
title: t ??
|
|
4633
|
-
description: n ??
|
|
4634
|
-
illustration: r ?? /* @__PURE__ */
|
|
4642
|
+
title: t ?? Da,
|
|
4643
|
+
description: n ?? Oa,
|
|
4644
|
+
illustration: r ?? /* @__PURE__ */ W(Sn, {
|
|
4635
4645
|
icon: k,
|
|
4636
4646
|
tone: "brand",
|
|
4637
4647
|
shape: "circle",
|
|
4638
|
-
size:
|
|
4648
|
+
size: ka[e]
|
|
4639
4649
|
}),
|
|
4640
4650
|
...i
|
|
4641
4651
|
});
|
|
4642
4652
|
});
|
|
4643
4653
|
//#endregion
|
|
4644
4654
|
//#region src/hooks/useStepper.ts
|
|
4645
|
-
function
|
|
4655
|
+
function ja(e, t) {
|
|
4646
4656
|
return t <= 0 ? 0 : Math.min(Math.max(e, 0), t - 1);
|
|
4647
4657
|
}
|
|
4648
|
-
function
|
|
4649
|
-
let [a, o] = m(() =>
|
|
4650
|
-
let n =
|
|
4658
|
+
function Ma({ count: e, initialStep: t = 0, step: n, onStepChange: r, loop: i = !1 }) {
|
|
4659
|
+
let [a, o] = m(() => ja(t, e)), s = n !== void 0, c = s ? ja(n, e) : a, l = (t) => {
|
|
4660
|
+
let n = ja(t, e);
|
|
4651
4661
|
s || o(n), r?.(n);
|
|
4652
4662
|
};
|
|
4653
4663
|
return {
|
|
@@ -4676,21 +4686,21 @@ function ja({ count: e, initialStep: t = 0, step: n, onStepChange: r, loop: i =
|
|
|
4676
4686
|
//#endregion
|
|
4677
4687
|
//#region src/hooks/useOnOutsideClick.ts
|
|
4678
4688
|
var Q = [];
|
|
4679
|
-
function
|
|
4689
|
+
function Na(e) {
|
|
4680
4690
|
let t = Q[Q.length - 1];
|
|
4681
4691
|
if (!t) return;
|
|
4682
4692
|
let { ref: n, callback: r, shouldRemoveCallback: i } = t;
|
|
4683
4693
|
n && !n.contains(e.target) && (i && Q.splice(Q.length - 1, 1), r(e));
|
|
4684
4694
|
}
|
|
4685
|
-
var
|
|
4695
|
+
var Pa = (e, t, n, r, i = !0) => {
|
|
4686
4696
|
l(() => {
|
|
4687
4697
|
if (e && n && r) return Q.push({
|
|
4688
4698
|
ref: e,
|
|
4689
4699
|
callback: t,
|
|
4690
4700
|
uid: r,
|
|
4691
4701
|
shouldRemoveCallback: i
|
|
4692
|
-
}), Q.length === 1 && document.addEventListener("mousedown",
|
|
4693
|
-
Q.length === 0 && document.removeEventListener("mousedown",
|
|
4702
|
+
}), Q.length === 1 && document.addEventListener("mousedown", Na), () => {
|
|
4703
|
+
Q.length === 0 && document.removeEventListener("mousedown", Na);
|
|
4694
4704
|
};
|
|
4695
4705
|
}, [
|
|
4696
4706
|
e,
|
|
@@ -4705,7 +4715,7 @@ var Na = (e, t, n, r, i = !0) => {
|
|
|
4705
4715
|
};
|
|
4706
4716
|
//#endregion
|
|
4707
4717
|
//#region src/hooks/useEscapeKey.ts
|
|
4708
|
-
function
|
|
4718
|
+
function Fa(e, t = !0) {
|
|
4709
4719
|
l(() => {
|
|
4710
4720
|
if (!t) return;
|
|
4711
4721
|
let n = (t) => {
|
|
@@ -4716,18 +4726,18 @@ function Pa(e, t = !0) {
|
|
|
4716
4726
|
}
|
|
4717
4727
|
//#endregion
|
|
4718
4728
|
//#region src/hooks/useHideBodyScroll.ts
|
|
4719
|
-
var
|
|
4720
|
-
function
|
|
4729
|
+
var Ia = 0, La = "";
|
|
4730
|
+
function Ra(e) {
|
|
4721
4731
|
l(() => {
|
|
4722
|
-
if (e) return
|
|
4723
|
-
--
|
|
4732
|
+
if (e) return Ia === 0 && (La = document.body.style.overflow, document.body.style.overflow = "hidden"), Ia += 1, () => {
|
|
4733
|
+
--Ia, Ia === 0 && (document.body.style.overflow = La);
|
|
4724
4734
|
};
|
|
4725
4735
|
}, [e]);
|
|
4726
4736
|
}
|
|
4727
4737
|
//#endregion
|
|
4728
4738
|
//#region src/hooks/useIsMobile.ts
|
|
4729
|
-
var
|
|
4730
|
-
function
|
|
4739
|
+
var za = 768;
|
|
4740
|
+
function Ba(e = za) {
|
|
4731
4741
|
let [t, n] = m(!1);
|
|
4732
4742
|
return l(() => {
|
|
4733
4743
|
if (typeof window > "u" || typeof window.matchMedia != "function") return;
|
|
@@ -4737,33 +4747,33 @@ function za(e = Ra) {
|
|
|
4737
4747
|
}
|
|
4738
4748
|
//#endregion
|
|
4739
4749
|
//#region src/hooks/useFormContext.ts
|
|
4740
|
-
function
|
|
4750
|
+
function Va() {
|
|
4741
4751
|
let e = c(sr);
|
|
4742
4752
|
if (!e) throw Error("useFormContext must be used inside a FormContainer.");
|
|
4743
4753
|
return e;
|
|
4744
4754
|
}
|
|
4745
4755
|
//#endregion
|
|
4746
4756
|
//#region src/hooks/useFormProps.ts
|
|
4747
|
-
var
|
|
4757
|
+
var Ha = () => void 0, Ua = {
|
|
4748
4758
|
errors: {},
|
|
4749
|
-
setValue:
|
|
4750
|
-
reset:
|
|
4751
|
-
clearErrors:
|
|
4752
|
-
setError:
|
|
4753
|
-
unregister:
|
|
4759
|
+
setValue: Ha,
|
|
4760
|
+
reset: Ha,
|
|
4761
|
+
clearErrors: Ha,
|
|
4762
|
+
setError: Ha,
|
|
4763
|
+
unregister: Ha,
|
|
4754
4764
|
isDirty: !1,
|
|
4755
4765
|
isSubmitted: !1,
|
|
4756
4766
|
isSubmitting: !1,
|
|
4757
4767
|
isValid: !1,
|
|
4758
4768
|
dirtyFields: {},
|
|
4759
|
-
submit:
|
|
4769
|
+
submit: Ha
|
|
4760
4770
|
};
|
|
4761
|
-
function
|
|
4762
|
-
return c(sr) ??
|
|
4771
|
+
function Wa() {
|
|
4772
|
+
return c(sr) ?? Ua;
|
|
4763
4773
|
}
|
|
4764
4774
|
//#endregion
|
|
4765
4775
|
//#region src/tokens/colors.ts
|
|
4766
|
-
var
|
|
4776
|
+
var Ga = {
|
|
4767
4777
|
900: "#31531C",
|
|
4768
4778
|
800: "#416E26",
|
|
4769
4779
|
700: "#518A2F",
|
|
@@ -4789,7 +4799,7 @@ var Wa = {
|
|
|
4789
4799
|
100: "#f2f5f8",
|
|
4790
4800
|
50: "#f5f7fa",
|
|
4791
4801
|
20: "#f7f9fc"
|
|
4792
|
-
},
|
|
4802
|
+
}, Ka = "#FEFEFE", qa = {
|
|
4793
4803
|
900: "#0b4627",
|
|
4794
4804
|
800: "#0f5c33",
|
|
4795
4805
|
700: "#3D8B46",
|
|
@@ -4800,7 +4810,7 @@ var Wa = {
|
|
|
4800
4810
|
200: "#aeeacb",
|
|
4801
4811
|
100: "#d0f5e1",
|
|
4802
4812
|
50: "#e0faec"
|
|
4803
|
-
},
|
|
4813
|
+
}, Ja = {
|
|
4804
4814
|
900: "#2443B8",
|
|
4805
4815
|
800: "#2E63D6",
|
|
4806
4816
|
700: "#3475E8",
|
|
@@ -4811,7 +4821,7 @@ var Wa = {
|
|
|
4811
4821
|
200: "#9ACAFA",
|
|
4812
4822
|
100: "#C1DEFC",
|
|
4813
4823
|
50: "#E6F2FE"
|
|
4814
|
-
},
|
|
4824
|
+
}, Ya = {
|
|
4815
4825
|
900: "#081FA6",
|
|
4816
4826
|
800: "#0E2AB2",
|
|
4817
4827
|
700: "#2431B9",
|
|
@@ -4823,7 +4833,7 @@ var Wa = {
|
|
|
4823
4833
|
100: "#CBC4ED",
|
|
4824
4834
|
50: "#EAE7F7",
|
|
4825
4835
|
20: "#F5F3FB"
|
|
4826
|
-
},
|
|
4836
|
+
}, Xa = {
|
|
4827
4837
|
900: "#4A0A20",
|
|
4828
4838
|
800: "#79012F",
|
|
4829
4839
|
700: "#A2023F",
|
|
@@ -4834,7 +4844,7 @@ var Wa = {
|
|
|
4834
4844
|
200: "#FE7DAF",
|
|
4835
4845
|
100: "#FEA8C9",
|
|
4836
4846
|
50: "#FFD4E4"
|
|
4837
|
-
},
|
|
4847
|
+
}, Za = {
|
|
4838
4848
|
900: "#8b1822",
|
|
4839
4849
|
800: "#ad1f2b",
|
|
4840
4850
|
700: "#d02533",
|
|
@@ -4846,7 +4856,7 @@ var Wa = {
|
|
|
4846
4856
|
100: "#ffd5d8",
|
|
4847
4857
|
50: "#ffebec",
|
|
4848
4858
|
20: "#fff4f4"
|
|
4849
|
-
},
|
|
4859
|
+
}, Qa = {
|
|
4850
4860
|
900: "#EB7520",
|
|
4851
4861
|
800: "#ED912A",
|
|
4852
4862
|
700: "#EEA02F",
|
|
@@ -4857,47 +4867,47 @@ var Wa = {
|
|
|
4857
4867
|
200: "#F7DE8E",
|
|
4858
4868
|
100: "#FAEBB9",
|
|
4859
4869
|
50: "#FDF7E4"
|
|
4860
|
-
}, Qa = {
|
|
4861
|
-
brand: Wa,
|
|
4862
|
-
gray: $,
|
|
4863
|
-
green: Ka,
|
|
4864
|
-
blue: qa,
|
|
4865
|
-
purple: Ja,
|
|
4866
|
-
pink: Ya,
|
|
4867
|
-
red: Xa,
|
|
4868
|
-
yellow: Za
|
|
4869
4870
|
}, $a = {
|
|
4870
|
-
|
|
4871
|
+
brand: Ga,
|
|
4872
|
+
gray: $,
|
|
4873
|
+
green: qa,
|
|
4874
|
+
blue: Ja,
|
|
4875
|
+
purple: Ya,
|
|
4876
|
+
pink: Xa,
|
|
4877
|
+
red: Za,
|
|
4878
|
+
yellow: Qa
|
|
4879
|
+
}, eo = {
|
|
4880
|
+
bgDefault: Ka,
|
|
4871
4881
|
bgContainer: $[50],
|
|
4872
4882
|
bgSubtle: $[100],
|
|
4873
|
-
bgBrandLighter:
|
|
4874
|
-
bgInfoLighter:
|
|
4875
|
-
bgSuccessLighter:
|
|
4876
|
-
bgWarningLighter:
|
|
4877
|
-
bgDangerLighter:
|
|
4883
|
+
bgBrandLighter: Ga[20],
|
|
4884
|
+
bgInfoLighter: Ja[50],
|
|
4885
|
+
bgSuccessLighter: qa[50],
|
|
4886
|
+
bgWarningLighter: Qa[50],
|
|
4887
|
+
bgDangerLighter: Za[50],
|
|
4878
4888
|
fgDefault: $[900],
|
|
4879
4889
|
fgSecondary: $[600],
|
|
4880
4890
|
fgTertiary: $[500],
|
|
4881
4891
|
fgDisabled: $[400],
|
|
4882
|
-
fgInverse:
|
|
4883
|
-
fgBrand:
|
|
4884
|
-
fgInfo:
|
|
4885
|
-
fgSuccess:
|
|
4886
|
-
fgWarning:
|
|
4887
|
-
fgDanger:
|
|
4892
|
+
fgInverse: Ka,
|
|
4893
|
+
fgBrand: Ga[500],
|
|
4894
|
+
fgInfo: Ja[600],
|
|
4895
|
+
fgSuccess: qa[600],
|
|
4896
|
+
fgWarning: Qa[800],
|
|
4897
|
+
fgDanger: Za[800],
|
|
4888
4898
|
borderDefault: $[200],
|
|
4889
4899
|
borderSubtle: $[100],
|
|
4890
4900
|
borderStrong: $[300],
|
|
4891
|
-
borderBrand:
|
|
4901
|
+
borderBrand: Ga[500],
|
|
4892
4902
|
iconPrimary: $[900],
|
|
4893
4903
|
iconSecondary: $[600],
|
|
4894
|
-
iconInverse:
|
|
4895
|
-
iconBrand:
|
|
4896
|
-
iconInfo:
|
|
4897
|
-
iconDanger:
|
|
4898
|
-
iconWarning:
|
|
4899
|
-
},
|
|
4900
|
-
|
|
4904
|
+
iconInverse: Ka,
|
|
4905
|
+
iconBrand: Ga[500],
|
|
4906
|
+
iconInfo: Ja[600],
|
|
4907
|
+
iconDanger: Za[800],
|
|
4908
|
+
iconWarning: Qa[800]
|
|
4909
|
+
}, to = {
|
|
4910
|
+
...eo,
|
|
4901
4911
|
bgDefault: "#0B1120",
|
|
4902
4912
|
bgContainer: "#0F172A",
|
|
4903
4913
|
bgSubtle: "#121C30",
|
|
@@ -4906,16 +4916,16 @@ var Wa = {
|
|
|
4906
4916
|
bgSuccessLighter: "rgba(31, 193, 107, 0.15)",
|
|
4907
4917
|
bgWarningLighter: "rgba(237, 145, 42, 0.15)",
|
|
4908
4918
|
bgDangerLighter: "rgba(230, 27, 0, 0.15)",
|
|
4909
|
-
fgDefault:
|
|
4919
|
+
fgDefault: Ka,
|
|
4910
4920
|
fgSecondary: $[400],
|
|
4911
4921
|
fgTertiary: $[500],
|
|
4912
4922
|
fgDisabled: $[600],
|
|
4913
4923
|
borderDefault: "rgba(255, 255, 255, 0.05)",
|
|
4914
4924
|
borderSubtle: "rgba(255, 255, 255, 0.03)",
|
|
4915
4925
|
borderStrong: "rgba(255, 255, 255, 0.10)",
|
|
4916
|
-
iconPrimary:
|
|
4926
|
+
iconPrimary: Ka,
|
|
4917
4927
|
iconSecondary: $[400]
|
|
4918
|
-
},
|
|
4928
|
+
}, no = {
|
|
4919
4929
|
ps: [
|
|
4920
4930
|
"Noto Sans Armenian",
|
|
4921
4931
|
"Noto Sans",
|
|
@@ -4930,7 +4940,7 @@ var Wa = {
|
|
|
4930
4940
|
"system-ui",
|
|
4931
4941
|
"sans-serif"
|
|
4932
4942
|
]
|
|
4933
|
-
},
|
|
4943
|
+
}, ro = {
|
|
4934
4944
|
xl: {
|
|
4935
4945
|
fontSize: "64px",
|
|
4936
4946
|
lineHeight: "72px"
|
|
@@ -4955,7 +4965,7 @@ var Wa = {
|
|
|
4955
4965
|
fontSize: "24px",
|
|
4956
4966
|
lineHeight: "32px"
|
|
4957
4967
|
}
|
|
4958
|
-
},
|
|
4968
|
+
}, io = {
|
|
4959
4969
|
lg: {
|
|
4960
4970
|
fontSize: "20px",
|
|
4961
4971
|
lineHeight: "28px"
|
|
@@ -4976,7 +4986,7 @@ var Wa = {
|
|
|
4976
4986
|
fontSize: "10px",
|
|
4977
4987
|
lineHeight: "14px"
|
|
4978
4988
|
}
|
|
4979
|
-
},
|
|
4989
|
+
}, ao = {
|
|
4980
4990
|
lg: {
|
|
4981
4991
|
fontSize: "20px",
|
|
4982
4992
|
lineHeight: "28px"
|
|
@@ -5001,19 +5011,19 @@ var Wa = {
|
|
|
5001
5011
|
fontSize: "6px",
|
|
5002
5012
|
lineHeight: "6px"
|
|
5003
5013
|
}
|
|
5004
|
-
}, ao = {
|
|
5005
|
-
headline: no,
|
|
5006
|
-
paragraph: ro,
|
|
5007
|
-
label: io
|
|
5008
5014
|
}, oo = {
|
|
5015
|
+
headline: ro,
|
|
5016
|
+
paragraph: io,
|
|
5017
|
+
label: ao
|
|
5018
|
+
}, so = {
|
|
5009
5019
|
sm: "2rem",
|
|
5010
5020
|
md: "2.5rem",
|
|
5011
5021
|
lg: "3rem"
|
|
5012
|
-
},
|
|
5022
|
+
}, co = {
|
|
5013
5023
|
sm: "0.875rem",
|
|
5014
5024
|
md: "1rem",
|
|
5015
5025
|
lg: "1.25rem"
|
|
5016
|
-
},
|
|
5026
|
+
}, lo = {
|
|
5017
5027
|
xs: "2px",
|
|
5018
5028
|
sm: "4px",
|
|
5019
5029
|
md: "8px",
|
|
@@ -5022,7 +5032,7 @@ var Wa = {
|
|
|
5022
5032
|
"2xl": "20px",
|
|
5023
5033
|
"3xl": "24px",
|
|
5024
5034
|
full: "9999px"
|
|
5025
|
-
},
|
|
5035
|
+
}, uo = {
|
|
5026
5036
|
z1: "0 1px 2px 0 rgba(0, 0, 0, 0.06)",
|
|
5027
5037
|
z2: "0 1px 3px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.04)",
|
|
5028
5038
|
z3: "0 4px 8px 0 rgba(0, 0, 0, 0.08), 0 2px 4px 0 rgba(0, 0, 0, 0.04)",
|
|
@@ -5030,6 +5040,6 @@ var Wa = {
|
|
|
5030
5040
|
z5: "0 8px 16px 0 rgba(0, 0, 0, 0.12), 0 24px 32px 0 rgba(0, 0, 0, 0.12)"
|
|
5031
5041
|
};
|
|
5032
5042
|
//#endregion
|
|
5033
|
-
export {
|
|
5043
|
+
export { Z as Accordion, tt as AccordionItem, xt as Avatar, St as AvatarGroup, jt as Badge, Pt as Breadcrumb, ot as Button, It as ButtonGroup, zt as Card, Vt as CardGroup, Wt as Checkbox, Zt as Copy, an as Counter, yn as DatePicker, An as DeviceRestriction, Pn as DistributionBar, Ye as Divider, Hn as Drawer, Zn as DropdownContent, Qn as DropdownItem, er as DropdownLabel, Jn as DropdownMenu, $n as DropdownSeparator, Yn as DropdownTrigger, rr as Empty, or as Filter, cr as FormContainer, lr as FormField, Sn as IconTile, ur as InfoField, fr as InlineAlert, nn as Input, pr as Link, hr as Modal, br as NotificationBadge, wr as Pagination, Dr as PersonCard, Xt as Popover, Mr as Progress, Lr as Radio, Pr as RadioGroup, Rr as ReadMore, li as SelectV2, fi as Sidebar, pi as SidebarItem, _i as Skeleton, Ci as SnackbarProvider, Di as Status, zi as StepIndicator, Hi as Switch, ya as Tab, ga as TabList, ba as TabPanel, da as TableV2, Ui as TableV2ColumnFilter, Ji as TableV2ColumnVisibilityMenu, Gi as TableV2Pagination, $i as TableV2RowActionsMenu, Ki as TableV2Skeleton, Yi as TableV2Toolbar, ha as Tabs, Dn as Text, xa as TextArea, Sa as ThemeSwitch, Ea as Tooltip, Aa as UnderConstruction, dt as Upload, pt as UploadItem, Ja as blue, Ga as brand, X as cn, $a as colorPrimitives, so as controlHeight, ra as createRowActionsColumn, na as createSelectionColumn, to as darkTheme, no as fontFamily, ia as getPinnedStyles, $ as gray, qa as green, ro as headline, co as iconSize, ao as label, eo as lightTheme, io as paragraph, Xa as pink, Ya as purple, lo as radius, Za as red, uo as shadows, oo as typography, Fa as useEscapeKey, Se as useFieldArray, Va as useFormContext, Wa as useFormProps, Ra as useHideBodyScroll, Ba as useIsMobile, Pa as useOnOutsideClick, Si as useSnackbar, Ma as useStepper, ut as validateSingleFile, Ka as white, Qa as yellow };
|
|
5034
5044
|
|
|
5035
5045
|
//# sourceMappingURL=index.js.map
|