@namuna-nur/ui-kit 1.9.11 → 1.9.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/molecules/index.js +116 -118
- package/package.json +1 -1
package/lib/molecules/index.js
CHANGED
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
import { jsxs as p, jsx as e, Fragment as
|
|
1
|
+
import { jsxs as p, jsx as e, Fragment as mt } from "react/jsx-runtime";
|
|
2
2
|
import * as L from "react";
|
|
3
3
|
import Ht, { useRef as he, forwardRef as X, useState as A, useImperativeHandle as br, useEffect as _e, Fragment as xr, useMemo as gr } from "react";
|
|
4
|
-
import { S as
|
|
4
|
+
import { S as Pe, b as sr, c as be, d as mr, e as vr, f as wr, g as Gt, h as Yt, i as yr, j as Ut, k as kr, l as Cr, m as Tr, n as Dr, o as Sr, p as vt } from "../shared/assets-icons-2.js";
|
|
5
5
|
import { cn as i, formatDateToDayMonthYear as Br, numberFormat as jr } from "../utils/index.js";
|
|
6
|
-
import { Checkbox as wt, Label as P, Spinner as Et, Text as y, Button as F, Avatar as Vt, IconButton as kt, Select as ke, Textarea as Qt, Radio as qt, Status as ze, Toggle as Ir, Headline as
|
|
7
|
-
import { useReactTable as Fr, getCoreRowModel as Ar, flexRender as
|
|
6
|
+
import { Checkbox as wt, Label as P, Spinner as Et, Text as y, Button as F, Avatar as Vt, IconButton as kt, Select as ke, Textarea as Qt, Radio as qt, Status as ze, Toggle as Ir, Headline as Ze, Input as Wr, Message as Mr, Tab as _r } from "../atoms/index.js";
|
|
7
|
+
import { useReactTable as Fr, getCoreRowModel as Ar, flexRender as lt } from "@tanstack/react-table";
|
|
8
8
|
import { b as Or, c as $r, d as Rr, e as Lr } from "../shared/assets-icons-3.js";
|
|
9
|
-
import { Link as Ye, useSearchParams as Ct, NavLink as
|
|
9
|
+
import { Link as Ye, useSearchParams as Ct, NavLink as Ne, useNavigate as zr } from "react-router-dom";
|
|
10
10
|
import { S as Hr, a as Gr, b as Yr, c as Ur, d as Kt, e as Xt, f as Tt } from "../shared/assets-icons-1.js";
|
|
11
|
-
import { P as ae, b as de, c as le, D as
|
|
11
|
+
import { P as ae, b as de, c as le, D as et, d as tt, e as rt, f as Dt, A as Er, g as Vr, h as Qr, i as qr, j as Zt, k as Jt, l as Pt, m as Kr, n as Xr, o as Zr } from "../shared/shared.js";
|
|
12
12
|
import { d as St, e as Jr, f as Pr, g as Nt, h as Nr, i as en, j as tn, k as rn, a as nn, l as on, m as an, n as dn } from "../shared/assets-icons-4.js";
|
|
13
13
|
import { useDebounce as ln, useOption as er } from "../hooks/index.js";
|
|
14
14
|
import * as tr from "@radix-ui/react-toggle";
|
|
15
15
|
import { e as Bt, f as cn, g as pn, h as rr, i as Fe, j as _t } from "../shared/assets-icons-0.js";
|
|
16
|
-
import { useMask as nr, format as
|
|
16
|
+
import { useMask as nr, format as ct } from "@react-input/mask";
|
|
17
17
|
import { format as Q, addMonths as un, parse as yt, isValid as We, parseISO as hn } from "date-fns";
|
|
18
|
-
import { ru as
|
|
18
|
+
import { ru as pt } from "date-fns/locale";
|
|
19
19
|
import { DayPicker as fn } from "react-day-picker";
|
|
20
|
-
import
|
|
21
|
-
import { colorTokens as
|
|
22
|
-
import * as
|
|
20
|
+
import nt from "echarts-for-react/lib/core";
|
|
21
|
+
import { colorTokens as Je } from "../tokens/index.js";
|
|
22
|
+
import * as ot from "echarts/core";
|
|
23
23
|
const Bo = ({
|
|
24
24
|
isOpen: t,
|
|
25
25
|
children: n,
|
|
@@ -83,7 +83,7 @@ const Bo = ({
|
|
|
83
83
|
)
|
|
84
84
|
] }),
|
|
85
85
|
/* @__PURE__ */ e(
|
|
86
|
-
|
|
86
|
+
Pe,
|
|
87
87
|
{
|
|
88
88
|
width: "20",
|
|
89
89
|
height: "20",
|
|
@@ -259,7 +259,7 @@ function jo({
|
|
|
259
259
|
),
|
|
260
260
|
onClick: () => (m == null ? void 0 : m.isSortable) && s(B.column.id),
|
|
261
261
|
children: /* @__PURE__ */ p("div", { className: V.headerText, children: [
|
|
262
|
-
|
|
262
|
+
lt(
|
|
263
263
|
B.column.columnDef.header,
|
|
264
264
|
B.getContext()
|
|
265
265
|
),
|
|
@@ -310,7 +310,7 @@ function jo({
|
|
|
310
310
|
!c && I === 0 && "px-8",
|
|
311
311
|
g == null ? void 0 : g.cellClass
|
|
312
312
|
),
|
|
313
|
-
children:
|
|
313
|
+
children: lt(
|
|
314
314
|
B.column.columnDef.cell,
|
|
315
315
|
B.getContext()
|
|
316
316
|
)
|
|
@@ -323,7 +323,7 @@ function jo({
|
|
|
323
323
|
w.id
|
|
324
324
|
);
|
|
325
325
|
}) }),
|
|
326
|
-
x && /* @__PURE__ */ e("tfoot", { children: u.getFooterGroups().filter((w) => w.depth === 0).map((w) => /* @__PURE__ */ e("tr", { children: w.headers.map((k) => /* @__PURE__ */ e("td", { className: i(V.footerCell), children:
|
|
326
|
+
x && /* @__PURE__ */ e("tfoot", { children: u.getFooterGroups().filter((w) => w.depth === 0).map((w) => /* @__PURE__ */ e("tr", { children: w.headers.map((k) => /* @__PURE__ */ e("td", { className: i(V.footerCell), children: lt(
|
|
327
327
|
k.column.columnDef.footer,
|
|
328
328
|
k.getContext()
|
|
329
329
|
) }, k.id)) }, w.id)) })
|
|
@@ -394,7 +394,7 @@ const mn = ({
|
|
|
394
394
|
isLast: n,
|
|
395
395
|
label: a,
|
|
396
396
|
disabled: o
|
|
397
|
-
}) => /* @__PURE__ */ p(
|
|
397
|
+
}) => /* @__PURE__ */ p(mt, { children: [
|
|
398
398
|
/* @__PURE__ */ e(gn, { children: /* @__PURE__ */ e(
|
|
399
399
|
sn,
|
|
400
400
|
{
|
|
@@ -577,7 +577,7 @@ const mn = ({
|
|
|
577
577
|
)
|
|
578
578
|
] }, g.id)),
|
|
579
579
|
/* @__PURE__ */ e(
|
|
580
|
-
|
|
580
|
+
Pe,
|
|
581
581
|
{
|
|
582
582
|
width: 20,
|
|
583
583
|
height: 20,
|
|
@@ -724,11 +724,11 @@ const mn = ({
|
|
|
724
724
|
_e(() => {
|
|
725
725
|
g(!!T), f == null || f(T);
|
|
726
726
|
}, [T, f]);
|
|
727
|
-
const D = ee.base, M = ee.hover, z = ee.focus, { focusWithin: Ce } = ee,
|
|
727
|
+
const D = ee.base, M = ee.hover, z = ee.focus, { focusWithin: Ce } = ee, it = ee.disabled, xe = ee.input, _ = ee.button, q = ee.filterIcon, re = ee.dropdown, Z = ee.popover, Wt = ee.emptyPopover, cr = (ce, ge, Ae) => {
|
|
728
728
|
const fe = (fr = []) => fr.map(
|
|
729
|
-
(
|
|
730
|
-
),
|
|
731
|
-
S(
|
|
729
|
+
(dt) => dt.id === ge.id && ge.label === ge.label ? { ...dt, checked: Ae } : dt
|
|
730
|
+
), at = ce === "status" ? fe(k) : k, hr = ce === "module" ? fe(B) : B;
|
|
731
|
+
S(at), I(hr);
|
|
732
732
|
}, pr = () => {
|
|
733
733
|
d && d({
|
|
734
734
|
status: k,
|
|
@@ -745,7 +745,7 @@ const mn = ({
|
|
|
745
745
|
label: fe.label,
|
|
746
746
|
checked: fe.checked,
|
|
747
747
|
className: "mt-2.5",
|
|
748
|
-
onChange: (
|
|
748
|
+
onChange: (at) => cr(ce, fe, at.target.checked)
|
|
749
749
|
},
|
|
750
750
|
fe.id
|
|
751
751
|
))
|
|
@@ -758,12 +758,12 @@ const mn = ({
|
|
|
758
758
|
!a && Ce,
|
|
759
759
|
(C || m) && !a && z,
|
|
760
760
|
!(C || m) && !a && M,
|
|
761
|
-
a &&
|
|
761
|
+
a && it,
|
|
762
762
|
b == null ? void 0 : b.base
|
|
763
763
|
),
|
|
764
764
|
children: [
|
|
765
|
-
/* @__PURE__ */ p(
|
|
766
|
-
/* @__PURE__ */ e(
|
|
765
|
+
/* @__PURE__ */ p(et, { open: C, onOpenChange: W, children: [
|
|
766
|
+
/* @__PURE__ */ e(tt, { asChild: !0, disabled: a, children: o && /* @__PURE__ */ e(
|
|
767
767
|
"button",
|
|
768
768
|
{
|
|
769
769
|
role: "button",
|
|
@@ -787,7 +787,7 @@ const mn = ({
|
|
|
787
787
|
}
|
|
788
788
|
) }),
|
|
789
789
|
/* @__PURE__ */ p(
|
|
790
|
-
|
|
790
|
+
rt,
|
|
791
791
|
{
|
|
792
792
|
className: i(re.content, b == null ? void 0 : b.dropdown),
|
|
793
793
|
align: "start",
|
|
@@ -1265,7 +1265,7 @@ const mn = ({
|
|
|
1265
1265
|
button: "border-none shadow-none p-0 absolute right-0.5 top-0.5",
|
|
1266
1266
|
icon: "fill-danger-10"
|
|
1267
1267
|
}
|
|
1268
|
-
},
|
|
1268
|
+
}, ut = (t) => {
|
|
1269
1269
|
const n = t.getDate().toString().padStart(2, "0"), a = (t.getMonth() + 1).toString().padStart(2, "0"), o = t.getFullYear();
|
|
1270
1270
|
return `${n}/${a}/${o}`;
|
|
1271
1271
|
}, Dn = (t) => {
|
|
@@ -1346,13 +1346,13 @@ const mn = ({
|
|
|
1346
1346
|
const [c, f] = A(!1), [u, h] = A(
|
|
1347
1347
|
t ? new Date(t) : /* @__PURE__ */ new Date()
|
|
1348
1348
|
), [s, x] = A(
|
|
1349
|
-
t ?
|
|
1349
|
+
t ? ut(new Date(t)) : ""
|
|
1350
1350
|
);
|
|
1351
1351
|
_e(() => {
|
|
1352
|
-
t ? (x(
|
|
1352
|
+
t ? (x(ut(new Date(t))), h(new Date(t))) : x("");
|
|
1353
1353
|
}, [t]);
|
|
1354
1354
|
const b = he(null), v = he(null), w = (g) => {
|
|
1355
|
-
n(g.toISOString()), x(
|
|
1355
|
+
n(g.toISOString()), x(ut(g)), f(!1);
|
|
1356
1356
|
}, k = (g) => {
|
|
1357
1357
|
let C = g.target.value.replace(/\D/g, "");
|
|
1358
1358
|
if (C.length >= 3 && C.length <= 4 ? C = `${C.slice(0, 2)}/${C.slice(2)}` : C.length > 4 && (C = `${C.slice(0, 2)}/${C.slice(2, 4)}/${C.slice(4, 8)}`), C.length > 10 && (C = C.slice(0, 10)), x(C), !C || C.trim() === "") {
|
|
@@ -1682,7 +1682,7 @@ const mn = ({
|
|
|
1682
1682
|
fn,
|
|
1683
1683
|
{
|
|
1684
1684
|
month: c,
|
|
1685
|
-
locale:
|
|
1685
|
+
locale: pt,
|
|
1686
1686
|
onMonthChange: f,
|
|
1687
1687
|
mode: "range",
|
|
1688
1688
|
numberOfMonths: 2,
|
|
@@ -1766,10 +1766,10 @@ const mn = ({
|
|
|
1766
1766
|
) })
|
|
1767
1767
|
}
|
|
1768
1768
|
),
|
|
1769
|
-
/* @__PURE__ */ e("div", { className: "w-full flex-1 flex items-center justify-center", children: /* @__PURE__ */ e(y, { className: "text-base text-dark-40 font-semibold font-mono", children: Q(M, "MMMM yyyy", { locale:
|
|
1769
|
+
/* @__PURE__ */ e("div", { className: "w-full flex-1 flex items-center justify-center", children: /* @__PURE__ */ e(y, { className: "text-base text-dark-40 font-semibold font-mono", children: Q(M, "MMMM yyyy", { locale: pt }) }) })
|
|
1770
1770
|
] }),
|
|
1771
1771
|
/* @__PURE__ */ p("div", { className: "flex items-center w-1/2", children: [
|
|
1772
|
-
/* @__PURE__ */ e("div", { className: "w-full flex-1 flex items-center justify-center", children: /* @__PURE__ */ e(y, { className: "text-base text-dark-40 font-semibold font-mono", children: Q(z, "MMMM yyyy", { locale:
|
|
1772
|
+
/* @__PURE__ */ e("div", { className: "w-full flex-1 flex items-center justify-center", children: /* @__PURE__ */ e(y, { className: "text-base text-dark-40 font-semibold font-mono", children: Q(z, "MMMM yyyy", { locale: pt }) }) }),
|
|
1773
1773
|
/* @__PURE__ */ e("button", { onClick: C, disabled: !T, children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
|
|
1774
1774
|
Yt,
|
|
1775
1775
|
{
|
|
@@ -1827,9 +1827,9 @@ const mn = ({
|
|
|
1827
1827
|
const [d, c] = L.useState(), [f] = Ct(), u = (b, v) => {
|
|
1828
1828
|
b.preventDefault(), c(v);
|
|
1829
1829
|
}, h = Ft.modal, s = h.item, x = Ft.text;
|
|
1830
|
-
return /* @__PURE__ */ p(
|
|
1830
|
+
return /* @__PURE__ */ p(et, { open: o, onOpenChange: r, children: [
|
|
1831
1831
|
/* @__PURE__ */ e(
|
|
1832
|
-
|
|
1832
|
+
tt,
|
|
1833
1833
|
{
|
|
1834
1834
|
asChild: !0,
|
|
1835
1835
|
className: i(h.trigger, l == null ? void 0 : l.trigger),
|
|
@@ -1837,7 +1837,7 @@ const mn = ({
|
|
|
1837
1837
|
}
|
|
1838
1838
|
),
|
|
1839
1839
|
/* @__PURE__ */ e(
|
|
1840
|
-
|
|
1840
|
+
rt,
|
|
1841
1841
|
{
|
|
1842
1842
|
align: "start",
|
|
1843
1843
|
className: i(h.content, l == null ? void 0 : l.content),
|
|
@@ -1851,7 +1851,7 @@ const mn = ({
|
|
|
1851
1851
|
(d == null ? void 0 : d.id) === b.id && (l == null ? void 0 : l.item)
|
|
1852
1852
|
),
|
|
1853
1853
|
children: /* @__PURE__ */ p(
|
|
1854
|
-
|
|
1854
|
+
Ne,
|
|
1855
1855
|
{
|
|
1856
1856
|
role: "link",
|
|
1857
1857
|
to: `${n}/${b.to}?${f.toString()}`,
|
|
@@ -2011,7 +2011,7 @@ const mn = ({
|
|
|
2011
2011
|
icon: d,
|
|
2012
2012
|
iconSizes: c
|
|
2013
2013
|
}) => {
|
|
2014
|
-
const [f, u] = A(!1), s = er(o)(l), x =
|
|
2014
|
+
const [f, u] = A(!1), s = er(o)(l), x = ht.base, b = ht.disabled.trigger, v = ht.disabled.triggerText, w = ({
|
|
2015
2015
|
className: k,
|
|
2016
2016
|
text: S = ""
|
|
2017
2017
|
}) => /* @__PURE__ */ e(
|
|
@@ -2025,9 +2025,9 @@ const mn = ({
|
|
|
2025
2025
|
children: S
|
|
2026
2026
|
}
|
|
2027
2027
|
);
|
|
2028
|
-
return /* @__PURE__ */ p(
|
|
2028
|
+
return /* @__PURE__ */ p(et, { open: f, onOpenChange: u, children: [
|
|
2029
2029
|
/* @__PURE__ */ p(
|
|
2030
|
-
|
|
2030
|
+
tt,
|
|
2031
2031
|
{
|
|
2032
2032
|
role: "listbox",
|
|
2033
2033
|
disabled: n,
|
|
@@ -2074,7 +2074,7 @@ const mn = ({
|
|
|
2074
2074
|
}
|
|
2075
2075
|
),
|
|
2076
2076
|
/* @__PURE__ */ e(
|
|
2077
|
-
|
|
2077
|
+
rt,
|
|
2078
2078
|
{
|
|
2079
2079
|
className: i(x.content, t == null ? void 0 : t.content),
|
|
2080
2080
|
align: "end",
|
|
@@ -2103,7 +2103,7 @@ const mn = ({
|
|
|
2103
2103
|
}
|
|
2104
2104
|
)
|
|
2105
2105
|
] });
|
|
2106
|
-
},
|
|
2106
|
+
}, ht = {
|
|
2107
2107
|
base: {
|
|
2108
2108
|
content: "border border rounded-[10px] shadow-lg p-2.5",
|
|
2109
2109
|
dropdownIcon: "rounded-[5px] size-3 flex items-center justify-center ml-[7px]",
|
|
@@ -2393,7 +2393,7 @@ const Hn = ({
|
|
|
2393
2393
|
}
|
|
2394
2394
|
),
|
|
2395
2395
|
a && /* @__PURE__ */ e(qr, { className: "flex flex-col items-start", children: c == null ? void 0 : c.map((h) => /* @__PURE__ */ e(
|
|
2396
|
-
|
|
2396
|
+
Ne,
|
|
2397
2397
|
{
|
|
2398
2398
|
to: `${d}/${h == null ? void 0 : h.to}?${u.toString()}`,
|
|
2399
2399
|
onClick: f,
|
|
@@ -2411,7 +2411,7 @@ const Hn = ({
|
|
|
2411
2411
|
null
|
|
2412
2412
|
);
|
|
2413
2413
|
L.useEffect(() => o(null), [r]);
|
|
2414
|
-
const d =
|
|
2414
|
+
const d = ft.root, c = ft.header, f = ft.body;
|
|
2415
2415
|
return /* @__PURE__ */ p(
|
|
2416
2416
|
"aside",
|
|
2417
2417
|
{
|
|
@@ -2423,7 +2423,7 @@ const Hn = ({
|
|
|
2423
2423
|
"div",
|
|
2424
2424
|
{
|
|
2425
2425
|
className: i(c.base, n && c.expanded),
|
|
2426
|
-
children: /* @__PURE__ */ e(
|
|
2426
|
+
children: /* @__PURE__ */ e(Ne, { role: "link", to: "/", children: n ? /* @__PURE__ */ e($r, {}) : /* @__PURE__ */ e(cn, {}) })
|
|
2427
2427
|
}
|
|
2428
2428
|
),
|
|
2429
2429
|
/* @__PURE__ */ e("div", { className: i(f.base, !n && f.expanded), children: t.map((u) => {
|
|
@@ -2453,7 +2453,7 @@ const Hn = ({
|
|
|
2453
2453
|
]
|
|
2454
2454
|
}
|
|
2455
2455
|
);
|
|
2456
|
-
},
|
|
2456
|
+
}, ft = {
|
|
2457
2457
|
root: {
|
|
2458
2458
|
base: "w-16 min-h-screen bg-sidebar-50 transition-all duration-500 ease-in-out",
|
|
2459
2459
|
expanded: "w-[257px] overflow-x-hidden"
|
|
@@ -2484,38 +2484,36 @@ const Hn = ({
|
|
|
2484
2484
|
className: o == null ? void 0 : o.parent,
|
|
2485
2485
|
"data-testid": "switcher-language",
|
|
2486
2486
|
children: /* @__PURE__ */ p(ae, { open: l, onOpenChange: d, children: [
|
|
2487
|
-
/* @__PURE__ */ e(de, { className: "focus-visible:outline-none", asChild: !0, children: /* @__PURE__ */
|
|
2488
|
-
|
|
2489
|
-
|
|
2490
|
-
|
|
2491
|
-
|
|
2492
|
-
|
|
2493
|
-
|
|
2494
|
-
|
|
2495
|
-
|
|
2496
|
-
|
|
2497
|
-
|
|
2498
|
-
|
|
2499
|
-
|
|
2500
|
-
|
|
2501
|
-
|
|
2502
|
-
|
|
2503
|
-
|
|
2504
|
-
|
|
2505
|
-
|
|
2506
|
-
|
|
2507
|
-
|
|
2508
|
-
r && /* @__PURE__ */ e(y, { className: xt.error, children: "Введите все языки" })
|
|
2509
|
-
] }) }),
|
|
2487
|
+
/* @__PURE__ */ e(de, { className: "focus-visible:outline-none", asChild: !0, children: /* @__PURE__ */ e(
|
|
2488
|
+
F,
|
|
2489
|
+
{
|
|
2490
|
+
variant: "text",
|
|
2491
|
+
icon: Pe,
|
|
2492
|
+
iconPosition: "right",
|
|
2493
|
+
onClick: () => d(!l),
|
|
2494
|
+
"data-testid": "language-button",
|
|
2495
|
+
iconDimensions: {
|
|
2496
|
+
width: 17,
|
|
2497
|
+
height: 17,
|
|
2498
|
+
viewBox: "0 0 20 20"
|
|
2499
|
+
},
|
|
2500
|
+
classNames: {
|
|
2501
|
+
base: "p-0 gap-1 text-dark-40 group",
|
|
2502
|
+
icon: `fill-dark-40 ${l && "rotate-180"}`
|
|
2503
|
+
},
|
|
2504
|
+
children: n.label
|
|
2505
|
+
}
|
|
2506
|
+
) }),
|
|
2507
|
+
r && /* @__PURE__ */ e(y, { className: bt.error, children: "Введите все языки" }),
|
|
2510
2508
|
/* @__PURE__ */ e(
|
|
2511
2509
|
le,
|
|
2512
2510
|
{
|
|
2513
2511
|
container: c.current,
|
|
2514
|
-
align: "
|
|
2512
|
+
align: "center",
|
|
2515
2513
|
sideOffset: 4,
|
|
2516
2514
|
side: "bottom",
|
|
2517
|
-
className: i(
|
|
2518
|
-
children: /* @__PURE__ */ e("div", { className: i(
|
|
2515
|
+
className: i(bt.root, o == null ? void 0 : o.content),
|
|
2516
|
+
children: /* @__PURE__ */ e("div", { className: i(bt.optionsWrapper), children: t.map((u) => {
|
|
2519
2517
|
const h = `radio-${u.value}`;
|
|
2520
2518
|
return /* @__PURE__ */ e(
|
|
2521
2519
|
ir,
|
|
@@ -2533,7 +2531,7 @@ const Hn = ({
|
|
|
2533
2531
|
] })
|
|
2534
2532
|
}
|
|
2535
2533
|
);
|
|
2536
|
-
},
|
|
2534
|
+
}, bt = {
|
|
2537
2535
|
root: "w-full h-full bg-sidebar-10 border-2 border-dark-30/[.15] rounded-[10px] p-4 flex flex-col overflow-hidden",
|
|
2538
2536
|
optionsWrapper: "flex flex-col gap-3.5",
|
|
2539
2537
|
error: "flex items-center justify-end text-xs animate-pulse text-danger-10 font-semibold"
|
|
@@ -2718,13 +2716,13 @@ const Yo = ({
|
|
|
2718
2716
|
...f
|
|
2719
2717
|
}) => {
|
|
2720
2718
|
const u = nr(Qe), [h, s] = A(
|
|
2721
|
-
() =>
|
|
2719
|
+
() => ct(String(t), Qe)
|
|
2722
2720
|
);
|
|
2723
2721
|
_e(() => {
|
|
2724
|
-
s(
|
|
2722
|
+
s(ct(String(t), Qe));
|
|
2725
2723
|
}, [t]);
|
|
2726
2724
|
const x = (I) => {
|
|
2727
|
-
const m = I.target.value.replace(/\D/g, ""), g =
|
|
2725
|
+
const m = I.target.value.replace(/\D/g, ""), g = ct(m, Qe);
|
|
2728
2726
|
s(g), d == null || d(m);
|
|
2729
2727
|
}, b = De.parent, v = De.base, w = De.hover, k = De.focus, S = De.disabled, B = l && De.variants[l];
|
|
2730
2728
|
return /* @__PURE__ */ p("div", { className: i(b, c == null ? void 0 : c.parent), children: [
|
|
@@ -3295,9 +3293,9 @@ const Yo = ({
|
|
|
3295
3293
|
classNames: c,
|
|
3296
3294
|
onClick: f
|
|
3297
3295
|
}) => {
|
|
3298
|
-
const [u] = Ct(), h =
|
|
3296
|
+
const [u] = Ct(), h = xt.base;
|
|
3299
3297
|
return /* @__PURE__ */ p(
|
|
3300
|
-
|
|
3298
|
+
Ne,
|
|
3301
3299
|
{
|
|
3302
3300
|
tabIndex: 1,
|
|
3303
3301
|
role: "link",
|
|
@@ -3338,7 +3336,7 @@ const Yo = ({
|
|
|
3338
3336
|
{
|
|
3339
3337
|
"text-primary-10": a,
|
|
3340
3338
|
"text-sidebar/[.15]": o,
|
|
3341
|
-
[
|
|
3339
|
+
[xt.expanded.label]: !n
|
|
3342
3340
|
},
|
|
3343
3341
|
c == null ? void 0 : c.label
|
|
3344
3342
|
),
|
|
@@ -3351,7 +3349,7 @@ const Yo = ({
|
|
|
3351
3349
|
variant: "span",
|
|
3352
3350
|
className: i(
|
|
3353
3351
|
h.badge,
|
|
3354
|
-
!n &&
|
|
3352
|
+
!n && xt.expanded.badge,
|
|
3355
3353
|
c == null ? void 0 : c.badge
|
|
3356
3354
|
),
|
|
3357
3355
|
children: t
|
|
@@ -3361,7 +3359,7 @@ const Yo = ({
|
|
|
3361
3359
|
]
|
|
3362
3360
|
}
|
|
3363
3361
|
);
|
|
3364
|
-
},
|
|
3362
|
+
}, xt = {
|
|
3365
3363
|
base: {
|
|
3366
3364
|
container: "flex items-center gap-3 cursor-pointer p-3.5 h-[51px] w-[247px] bg-dark-20 group rounded-[10px] font-mono",
|
|
3367
3365
|
labelWrapper: "relative inline-block",
|
|
@@ -3385,7 +3383,7 @@ const Yo = ({
|
|
|
3385
3383
|
/* @__PURE__ */ p("div", { className: i(Y.header, r == null ? void 0 : r.header), children: [
|
|
3386
3384
|
/* @__PURE__ */ e(pn, { width: 16, height: 16, viewBox: "0 0 16 16" }),
|
|
3387
3385
|
/* @__PURE__ */ e(
|
|
3388
|
-
|
|
3386
|
+
Ze,
|
|
3389
3387
|
{
|
|
3390
3388
|
variant: "h2",
|
|
3391
3389
|
className: Y.headerTitle,
|
|
@@ -3419,7 +3417,7 @@ const Yo = ({
|
|
|
3419
3417
|
) }),
|
|
3420
3418
|
/* @__PURE__ */ p("div", { className: i(Y.content, r == null ? void 0 : r.content), children: [
|
|
3421
3419
|
/* @__PURE__ */ e(
|
|
3422
|
-
|
|
3420
|
+
Ze,
|
|
3423
3421
|
{
|
|
3424
3422
|
variant: "h3",
|
|
3425
3423
|
"data-testid": `step-${d}-title`,
|
|
@@ -3625,12 +3623,12 @@ const Yo = ({
|
|
|
3625
3623
|
element: n,
|
|
3626
3624
|
label: a,
|
|
3627
3625
|
classNames: o
|
|
3628
|
-
}) => /* @__PURE__ */ p("div", { className: i(
|
|
3626
|
+
}) => /* @__PURE__ */ p("div", { className: i(gt.wrapper, o == null ? void 0 : o.wrapper), children: [
|
|
3629
3627
|
!!t && /* @__PURE__ */ e(
|
|
3630
3628
|
"div",
|
|
3631
3629
|
{
|
|
3632
3630
|
"data-testid": "user-icon",
|
|
3633
|
-
className: i(
|
|
3631
|
+
className: i(gt.iconWrapper, o == null ? void 0 : o.iconWrapper),
|
|
3634
3632
|
children: t
|
|
3635
3633
|
}
|
|
3636
3634
|
),
|
|
@@ -3639,12 +3637,12 @@ const Yo = ({
|
|
|
3639
3637
|
{
|
|
3640
3638
|
"data-testid": "user-label",
|
|
3641
3639
|
variant: "span",
|
|
3642
|
-
className: i(
|
|
3640
|
+
className: i(gt.label, o == null ? void 0 : o.label),
|
|
3643
3641
|
children: a
|
|
3644
3642
|
}
|
|
3645
3643
|
),
|
|
3646
3644
|
!!n && n
|
|
3647
|
-
] }),
|
|
3645
|
+
] }), gt = {
|
|
3648
3646
|
wrapper: "inline-flex w-auto gap-2 items-center justify-center",
|
|
3649
3647
|
iconWrapper: "size-5 rounded-full flex items-center justify-center bg-dark-30/[.10]",
|
|
3650
3648
|
label: "text-dark-40/[.50] text-sm font-medium",
|
|
@@ -3730,9 +3728,9 @@ const Yo = ({
|
|
|
3730
3728
|
var I;
|
|
3731
3729
|
(I = s.current) == null || I.scrollIntoView({ block: "center" });
|
|
3732
3730
|
}, 0);
|
|
3733
|
-
}, [c]), /* @__PURE__ */ p(
|
|
3731
|
+
}, [c]), /* @__PURE__ */ p(et, { open: c, onOpenChange: f, children: [
|
|
3734
3732
|
/* @__PURE__ */ p(
|
|
3735
|
-
|
|
3733
|
+
tt,
|
|
3736
3734
|
{
|
|
3737
3735
|
role: "listbox",
|
|
3738
3736
|
disabled: n,
|
|
@@ -3770,7 +3768,7 @@ const Yo = ({
|
|
|
3770
3768
|
}
|
|
3771
3769
|
),
|
|
3772
3770
|
/* @__PURE__ */ e(
|
|
3773
|
-
|
|
3771
|
+
rt,
|
|
3774
3772
|
{
|
|
3775
3773
|
className: i(b.content, t == null ? void 0 : t.content),
|
|
3776
3774
|
style: { minWidth: "var(--radix-popper-anchor-width)" },
|
|
@@ -4106,8 +4104,8 @@ const $e = {
|
|
|
4106
4104
|
/* @__PURE__ */ e("div", { className: te.body, children: n == null ? void 0 : n.map((d, c) => {
|
|
4107
4105
|
var f;
|
|
4108
4106
|
return /* @__PURE__ */ p("div", { className: te.bodyItem, children: [
|
|
4109
|
-
!!d.sectionTitle && /* @__PURE__ */ e(
|
|
4110
|
-
!!d.sectionSubtitle && /* @__PURE__ */ e(
|
|
4107
|
+
!!d.sectionTitle && /* @__PURE__ */ e(Ze, { variant: "h2", className: te.title, children: d.sectionTitle }),
|
|
4108
|
+
!!d.sectionSubtitle && /* @__PURE__ */ e(Ze, { variant: "h3", className: te.subTitle, children: d.sectionSubtitle }),
|
|
4111
4109
|
/* @__PURE__ */ e("ul", { className: te.items, children: (f = d.items) == null ? void 0 : f.map((u, h) => /* @__PURE__ */ p("li", { children: [
|
|
4112
4110
|
!!u.subtitle && /* @__PURE__ */ e(y, { "data-testid": "subtitle", className: te.item, children: u == null ? void 0 : u.subtitle }),
|
|
4113
4111
|
/* @__PURE__ */ e(
|
|
@@ -4246,7 +4244,7 @@ const $e = {
|
|
|
4246
4244
|
a(v), b(!1), T();
|
|
4247
4245
|
}, z = (_) => {
|
|
4248
4246
|
b(_), _ || T();
|
|
4249
|
-
}, Ce = c ? ((xe = h.find((_) => _.value === c)) == null ? void 0 : xe.label) || c : "",
|
|
4247
|
+
}, Ce = c ? ((xe = h.find((_) => _.value === c)) == null ? void 0 : xe.label) || c : "", it = Ce ? G.base.selected : G.base.placeholder;
|
|
4250
4248
|
return /* @__PURE__ */ p("div", { className: G.container, children: [
|
|
4251
4249
|
f && /* @__PURE__ */ e(P, { htmlFor: "select-list", disabled: n, children: f }),
|
|
4252
4250
|
/* @__PURE__ */ p(ae, { open: x, onOpenChange: z, children: [
|
|
@@ -4270,13 +4268,13 @@ const $e = {
|
|
|
4270
4268
|
G.base.text,
|
|
4271
4269
|
n && G.disabled.triggerText,
|
|
4272
4270
|
t == null ? void 0 : t[Ce ? "selected" : "placeholder"],
|
|
4273
|
-
|
|
4271
|
+
it
|
|
4274
4272
|
),
|
|
4275
4273
|
children: Ce || d
|
|
4276
4274
|
}
|
|
4277
4275
|
),
|
|
4278
4276
|
/* @__PURE__ */ e(
|
|
4279
|
-
|
|
4277
|
+
Pe,
|
|
4280
4278
|
{
|
|
4281
4279
|
width: 20,
|
|
4282
4280
|
height: 20,
|
|
@@ -4868,7 +4866,7 @@ const G = {
|
|
|
4868
4866
|
h.preventDefault(), o(!0);
|
|
4869
4867
|
}, l = (h) => {
|
|
4870
4868
|
n(h), o(!1);
|
|
4871
|
-
}, { icon: d, base: c } =
|
|
4869
|
+
}, { icon: d, base: c } = st.button.normal, { icon: f, base: u } = st.button.danger;
|
|
4872
4870
|
return /* @__PURE__ */ p(ae, { open: a, onOpenChange: o, children: [
|
|
4873
4871
|
/* @__PURE__ */ e(de, { asChild: !0, className: "cursor-pointer", children: /* @__PURE__ */ e(
|
|
4874
4872
|
"div",
|
|
@@ -4884,7 +4882,7 @@ const G = {
|
|
|
4884
4882
|
align: "center",
|
|
4885
4883
|
sideOffset: 4,
|
|
4886
4884
|
side: "top",
|
|
4887
|
-
className:
|
|
4885
|
+
className: st.wrapper,
|
|
4888
4886
|
children: Pn.map(({ id: h, icon: s, iconSizes: x, isDanger: b, text: v }) => /* @__PURE__ */ e(
|
|
4889
4887
|
F,
|
|
4890
4888
|
{
|
|
@@ -4905,7 +4903,7 @@ const G = {
|
|
|
4905
4903
|
}
|
|
4906
4904
|
)
|
|
4907
4905
|
] });
|
|
4908
|
-
},
|
|
4906
|
+
}, st = {
|
|
4909
4907
|
wrapper: "flex flex-col gap-3 rounded-xl p-4 w-[230px] shadow-3xl border-0",
|
|
4910
4908
|
button: {
|
|
4911
4909
|
normal: {
|
|
@@ -5077,7 +5075,7 @@ const G = {
|
|
|
5077
5075
|
icon: "circle",
|
|
5078
5076
|
textStyle: {
|
|
5079
5077
|
padding: [0, 0, 0, 10],
|
|
5080
|
-
color:
|
|
5078
|
+
color: Je.dark[10],
|
|
5081
5079
|
fontSize: 14,
|
|
5082
5080
|
fontWeight: 700,
|
|
5083
5081
|
rich: {
|
|
@@ -5181,9 +5179,9 @@ const G = {
|
|
|
5181
5179
|
] })
|
|
5182
5180
|
] }),
|
|
5183
5181
|
n === "chart" && /* @__PURE__ */ e(
|
|
5184
|
-
|
|
5182
|
+
nt,
|
|
5185
5183
|
{
|
|
5186
|
-
echarts:
|
|
5184
|
+
echarts: ot,
|
|
5187
5185
|
option: h,
|
|
5188
5186
|
style: { height: 250 }
|
|
5189
5187
|
}
|
|
@@ -5392,9 +5390,9 @@ const G = {
|
|
|
5392
5390
|
),
|
|
5393
5391
|
a === "stat" && /* @__PURE__ */ e("div", { className: i(ie.icon, r == null ? void 0 : r.icon), children: h }),
|
|
5394
5392
|
b && /* @__PURE__ */ e(
|
|
5395
|
-
|
|
5393
|
+
nt,
|
|
5396
5394
|
{
|
|
5397
|
-
echarts:
|
|
5395
|
+
echarts: ot,
|
|
5398
5396
|
option: v,
|
|
5399
5397
|
style: {
|
|
5400
5398
|
...b,
|
|
@@ -5430,7 +5428,7 @@ const G = {
|
|
|
5430
5428
|
textStyle: {
|
|
5431
5429
|
fontSize: 22,
|
|
5432
5430
|
fontWeight: 600,
|
|
5433
|
-
color:
|
|
5431
|
+
color: Je.dark[10]
|
|
5434
5432
|
}
|
|
5435
5433
|
},
|
|
5436
5434
|
tooltip: !1,
|
|
@@ -5446,7 +5444,7 @@ const G = {
|
|
|
5446
5444
|
data: [
|
|
5447
5445
|
{
|
|
5448
5446
|
value: t,
|
|
5449
|
-
itemStyle: { color:
|
|
5447
|
+
itemStyle: { color: Je.success[20], borderRadius: 4 }
|
|
5450
5448
|
},
|
|
5451
5449
|
{ value: n, itemStyle: { color: "#F3F4F5" } }
|
|
5452
5450
|
]
|
|
@@ -5484,7 +5482,7 @@ const G = {
|
|
|
5484
5482
|
classNames: { title: Le.title, wrapper: "items-center" }
|
|
5485
5483
|
}
|
|
5486
5484
|
),
|
|
5487
|
-
t === "master" && f && d && /* @__PURE__ */ p(
|
|
5485
|
+
t === "master" && f && d && /* @__PURE__ */ p(mt, { children: [
|
|
5488
5486
|
/* @__PURE__ */ e(
|
|
5489
5487
|
jt,
|
|
5490
5488
|
{
|
|
@@ -5498,7 +5496,7 @@ const G = {
|
|
|
5498
5496
|
),
|
|
5499
5497
|
/* @__PURE__ */ e(dr, { rating: d, position: "right" })
|
|
5500
5498
|
] }),
|
|
5501
|
-
t === "service" && l && /* @__PURE__ */ p(
|
|
5499
|
+
t === "service" && l && /* @__PURE__ */ p(mt, { children: [
|
|
5502
5500
|
/* @__PURE__ */ e(
|
|
5503
5501
|
He,
|
|
5504
5502
|
{
|
|
@@ -5529,9 +5527,9 @@ const G = {
|
|
|
5529
5527
|
)
|
|
5530
5528
|
] }),
|
|
5531
5529
|
/* @__PURE__ */ e(
|
|
5532
|
-
|
|
5530
|
+
nt,
|
|
5533
5531
|
{
|
|
5534
|
-
echarts:
|
|
5532
|
+
echarts: ot,
|
|
5535
5533
|
option: s,
|
|
5536
5534
|
style: { height: 135, width: 135 }
|
|
5537
5535
|
}
|
|
@@ -5623,7 +5621,7 @@ const G = {
|
|
|
5623
5621
|
textStyle: {
|
|
5624
5622
|
fontSize: 20,
|
|
5625
5623
|
fontWeight: 600,
|
|
5626
|
-
color:
|
|
5624
|
+
color: Je.dark[10]
|
|
5627
5625
|
}
|
|
5628
5626
|
},
|
|
5629
5627
|
tooltip: {
|
|
@@ -5717,9 +5715,9 @@ const G = {
|
|
|
5717
5715
|
}) })
|
|
5718
5716
|
] }),
|
|
5719
5717
|
/* @__PURE__ */ e("div", { className: i(N.chartBlock, r == null ? void 0 : r.chartBlock), children: c.map((u, h) => /* @__PURE__ */ e(
|
|
5720
|
-
|
|
5718
|
+
nt,
|
|
5721
5719
|
{
|
|
5722
|
-
echarts:
|
|
5720
|
+
echarts: ot,
|
|
5723
5721
|
"data-testid": "chart",
|
|
5724
5722
|
option: ao({
|
|
5725
5723
|
total: a.total,
|
|
@@ -5937,16 +5935,16 @@ export {
|
|
|
5937
5935
|
Be as dragAndDropTokens,
|
|
5938
5936
|
Ft as dropdownTokens,
|
|
5939
5937
|
U as fileUploaderTokens,
|
|
5940
|
-
|
|
5938
|
+
ht as filterTableTokens,
|
|
5941
5939
|
oe as floorSelectTokens,
|
|
5942
5940
|
$t as iconTitleTokens,
|
|
5943
5941
|
qe as inputGroupTokens,
|
|
5944
5942
|
Rt as labelWithValueTokens,
|
|
5945
|
-
|
|
5943
|
+
bt as languagesTokens,
|
|
5946
5944
|
Kn as linkTokens,
|
|
5947
|
-
|
|
5945
|
+
st as messageSettingsTokens,
|
|
5948
5946
|
R as multiSelectTokens,
|
|
5949
|
-
|
|
5947
|
+
xt as navButtonTokens,
|
|
5950
5948
|
wn as passwordInputTokens,
|
|
5951
5949
|
K as paymentCardTokens,
|
|
5952
5950
|
De as phoneInputTokens,
|
|
@@ -5958,7 +5956,7 @@ export {
|
|
|
5958
5956
|
Xn as selectGroupTokens,
|
|
5959
5957
|
G as selectListTokens,
|
|
5960
5958
|
ye as serviceOrdersTokens,
|
|
5961
|
-
|
|
5959
|
+
ft as sidebarTokens,
|
|
5962
5960
|
$e as statusSelectTokens,
|
|
5963
5961
|
Y as stepperTokens,
|
|
5964
5962
|
Se as tabGroupTokens,
|
|
@@ -5967,5 +5965,5 @@ export {
|
|
|
5967
5965
|
At as textareaGroupTokens,
|
|
5968
5966
|
En as toggleGroupTokens,
|
|
5969
5967
|
me as uploadInputTokens,
|
|
5970
|
-
|
|
5968
|
+
gt as userContactTokens
|
|
5971
5969
|
};
|