@yuno-payments/dashboard-design-system 1.3.0 → 1.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/atoms/accordion/accordion.js +4 -4
- package/dist/components/atoms/card/card.js +6 -6
- package/dist/components/atoms/dropdown-menu/dropdown-menu.js +13 -13
- package/dist/components/atoms/filter/filter.js +4 -4
- package/dist/components/atoms/popover/popover.js +3 -3
- package/dist/components/atoms/typography/typography.js +1 -1
- package/dist/components/molecules/breadcrumb/breadcrumb.js +3 -3
- package/dist/components/molecules/file-upload/file-upload.d.ts +1 -1
- package/dist/components/molecules/file-upload/file-upload.js +42 -42
- package/dist/components/organisms/sheet/sheet.js +1 -1
- package/dist/dashboard-design-system.css +1 -1
- package/dist/index.css +1 -1
- package/dist/index.esm.min.js +29 -29
- package/dist/index.js +163 -163
- package/dist/index.umd.min.js +5 -5
- package/dist/node_modules/clsx/dist/clsx.js +7 -8
- package/dist/node_modules/date-fns/addDays.js +4 -5
- package/dist/node_modules/date-fns/addMonths.js +3 -4
- package/dist/node_modules/date-fns/addWeeks.js +5 -6
- package/dist/node_modules/date-fns/addYears.js +4 -5
- package/dist/node_modules/date-fns/constructFrom.js +3 -4
- package/dist/node_modules/date-fns/differenceInCalendarDays.js +5 -6
- package/dist/node_modules/date-fns/differenceInCalendarMonths.js +3 -4
- package/dist/node_modules/date-fns/differenceInCalendarWeeks.js +4 -5
- package/dist/node_modules/date-fns/endOfISOWeek.js +4 -5
- package/dist/node_modules/date-fns/endOfMonth.js +2 -3
- package/dist/node_modules/date-fns/endOfWeek.js +5 -6
- package/dist/node_modules/date-fns/format.js +0 -1
- package/dist/node_modules/date-fns/getDayOfYear.js +5 -6
- package/dist/node_modules/date-fns/getDaysInMonth.js +2 -3
- package/dist/node_modules/date-fns/getISOWeek.js +4 -5
- package/dist/node_modules/date-fns/getISOWeekYear.js +5 -6
- package/dist/node_modules/date-fns/getUnixTime.js +2 -3
- package/dist/node_modules/date-fns/getWeek.js +3 -4
- package/dist/node_modules/date-fns/getWeekYear.js +0 -1
- package/dist/node_modules/date-fns/getWeeksInMonth.js +8 -9
- package/dist/node_modules/date-fns/isAfter.js +4 -5
- package/dist/node_modules/date-fns/isBefore.js +5 -6
- package/dist/node_modules/date-fns/isDate.js +0 -1
- package/dist/node_modules/date-fns/isSameDay.js +0 -1
- package/dist/node_modules/date-fns/isSameMonth.js +2 -3
- package/dist/node_modules/date-fns/isSameYear.js +4 -5
- package/dist/node_modules/date-fns/isValid.js +6 -7
- package/dist/node_modules/date-fns/lastDayOfMonth.js +5 -6
- package/dist/node_modules/date-fns/locale/en-US.js +8 -9
- package/dist/node_modules/date-fns/max.js +2 -3
- package/dist/node_modules/date-fns/min.js +5 -6
- package/dist/node_modules/date-fns/setMonth.js +0 -1
- package/dist/node_modules/date-fns/setYear.js +5 -6
- package/dist/node_modules/date-fns/startOfDay.js +2 -3
- package/dist/node_modules/date-fns/startOfISOWeek.js +2 -3
- package/dist/node_modules/date-fns/startOfISOWeekYear.js +6 -7
- package/dist/node_modules/date-fns/startOfMonth.js +4 -5
- package/dist/node_modules/date-fns/startOfWeek.js +5 -6
- package/dist/node_modules/date-fns/startOfWeekYear.js +0 -1
- package/dist/node_modules/date-fns/startOfYear.js +5 -6
- package/dist/node_modules/date-fns/subDays.js +3 -4
- package/dist/node_modules/date-fns/toDate.js +0 -1
- package/dist/node_modules/lucide-react/dist/esm/Icon.js +3 -3
- package/dist/node_modules/react-day-picker/dist/index.esm.js +19 -19
- package/dist/vendor/shadcn/date-picker.js +4 -4
- package/dist/vendor/shadcn/date-range-picker.js +5 -5
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { j as i } from "../../../_virtual/jsx-runtime.js";
|
|
2
2
|
import { forwardRef as e } from "react";
|
|
3
|
-
import { Accordion as a,
|
|
3
|
+
import { Accordion as a, AccordionContent as d, AccordionItem as m, AccordionTrigger as A } from "../../../vendor/shadcn/accordion.js";
|
|
4
4
|
import { cn as s } from "../../../lib/utils.js";
|
|
5
5
|
const p = e(
|
|
6
6
|
({ className: o, children: r, ...c }, n) => /* @__PURE__ */ i.jsx(a, { ref: n, className: s(o), ...c, children: r })
|
|
@@ -8,7 +8,7 @@ const p = e(
|
|
|
8
8
|
p.displayName = "Accordion";
|
|
9
9
|
const g = e(
|
|
10
10
|
({ className: o, children: r, value: c, ...n }, t) => /* @__PURE__ */ i.jsx(
|
|
11
|
-
|
|
11
|
+
m,
|
|
12
12
|
{
|
|
13
13
|
ref: t,
|
|
14
14
|
className: s(o),
|
|
@@ -20,11 +20,11 @@ const g = e(
|
|
|
20
20
|
);
|
|
21
21
|
g.displayName = "AccordionItem";
|
|
22
22
|
const l = e(
|
|
23
|
-
({ className: o, children: r, ...c }, n) => /* @__PURE__ */ i.jsx(
|
|
23
|
+
({ className: o, children: r, ...c }, n) => /* @__PURE__ */ i.jsx(A, { ref: n, className: s(o), ...c, children: r })
|
|
24
24
|
);
|
|
25
25
|
l.displayName = "AccordionTrigger";
|
|
26
26
|
const N = e(
|
|
27
|
-
({ className: o, children: r, ...c }, n) => /* @__PURE__ */ i.jsx(
|
|
27
|
+
({ className: o, children: r, ...c }, n) => /* @__PURE__ */ i.jsx(d, { ref: n, className: s(o), ...c, children: r })
|
|
28
28
|
);
|
|
29
29
|
N.displayName = "AccordionContent";
|
|
30
30
|
export {
|
|
@@ -1,29 +1,29 @@
|
|
|
1
1
|
import { j as d } from "../../../_virtual/jsx-runtime.js";
|
|
2
2
|
import { forwardRef as t } from "react";
|
|
3
|
-
import { Card as D,
|
|
3
|
+
import { Card as D, CardContent as F, CardDescription as T, CardFooter as B, CardHeader as R, CardTitle as w } from "../../../vendor/shadcn/card.js";
|
|
4
4
|
import { cn as n } from "../../../lib/utils.js";
|
|
5
5
|
const C = t(
|
|
6
6
|
({ className: s, children: a, variant: r = "default", ...e }, o) => /* @__PURE__ */ d.jsx(D, { ref: o, className: n(s), variant: r, ...e, children: a })
|
|
7
7
|
);
|
|
8
8
|
C.displayName = "CardBase";
|
|
9
9
|
const c = t(
|
|
10
|
-
({ className: s, children: a, ...r }, e) => /* @__PURE__ */ d.jsx(
|
|
10
|
+
({ className: s, children: a, ...r }, e) => /* @__PURE__ */ d.jsx(R, { ref: e, className: n(s), ...r, children: a })
|
|
11
11
|
);
|
|
12
12
|
c.displayName = "CardHeader";
|
|
13
13
|
const l = t(
|
|
14
|
-
({ className: s, children: a, ...r }, e) => /* @__PURE__ */ d.jsx(
|
|
14
|
+
({ className: s, children: a, ...r }, e) => /* @__PURE__ */ d.jsx(w, { ref: e, className: n(s), ...r, children: a })
|
|
15
15
|
);
|
|
16
16
|
l.displayName = "CardTitle";
|
|
17
17
|
const m = t(
|
|
18
|
-
({ className: s, children: a, ...r }, e) => /* @__PURE__ */ d.jsx(
|
|
18
|
+
({ className: s, children: a, ...r }, e) => /* @__PURE__ */ d.jsx(T, { ref: e, className: n(s), ...r, children: a })
|
|
19
19
|
);
|
|
20
20
|
m.displayName = "CardDescription";
|
|
21
21
|
const i = t(
|
|
22
|
-
({ className: s, children: a, ...r }, e) => /* @__PURE__ */ d.jsx(
|
|
22
|
+
({ className: s, children: a, ...r }, e) => /* @__PURE__ */ d.jsx(F, { ref: e, className: n(s), ...r, children: a })
|
|
23
23
|
);
|
|
24
24
|
i.displayName = "CardContent";
|
|
25
25
|
const N = t(
|
|
26
|
-
({ className: s, children: a, ...r }, e) => /* @__PURE__ */ d.jsx(
|
|
26
|
+
({ className: s, children: a, ...r }, e) => /* @__PURE__ */ d.jsx(B, { ref: e, className: n(s), ...r, children: a })
|
|
27
27
|
);
|
|
28
28
|
N.displayName = "CardFooter";
|
|
29
29
|
const E = t(
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { j as a } from "../../../_virtual/jsx-runtime.js";
|
|
2
2
|
import * as u from "react";
|
|
3
|
-
import { DropdownMenu as p,
|
|
3
|
+
import { DropdownMenu as p, DropdownMenuCheckboxItem as s, DropdownMenuContent as t, DropdownMenuGroup as w, DropdownMenuItem as D, DropdownMenuLabel as M, DropdownMenuPortal as m, DropdownMenuRadioGroup as i, DropdownMenuRadioItem as c, DropdownMenuSeparator as l, DropdownMenuShortcut as N, DropdownMenuSub as f, DropdownMenuSubContent as x, DropdownMenuSubTrigger as b, DropdownMenuTrigger as S } from "../../../vendor/shadcn/dropdown-menu.js";
|
|
4
4
|
import { cn as d } from "../../../lib/utils.js";
|
|
5
5
|
const R = ({ children: o, ...n }) => /* @__PURE__ */ a.jsx(p, { ...n, children: o });
|
|
6
6
|
R.displayName = "DropdownMenu";
|
|
7
|
-
const j = ({ children: o, ...n }) => /* @__PURE__ */ a.jsx(
|
|
7
|
+
const j = ({ children: o, ...n }) => /* @__PURE__ */ a.jsx(m, { ...n, children: o });
|
|
8
8
|
j.displayName = "DropdownMenuPortal";
|
|
9
9
|
const g = u.forwardRef(({ className: o, children: n, ...r }, e) => /* @__PURE__ */ a.jsx(
|
|
10
|
-
|
|
10
|
+
S,
|
|
11
11
|
{
|
|
12
12
|
ref: e,
|
|
13
13
|
className: d(o),
|
|
@@ -17,7 +17,7 @@ const g = u.forwardRef(({ className: o, children: n, ...r }, e) => /* @__PURE__
|
|
|
17
17
|
));
|
|
18
18
|
g.displayName = "DropdownMenuTrigger";
|
|
19
19
|
const y = u.forwardRef(({ className: o, children: n, ...r }, e) => /* @__PURE__ */ a.jsx(
|
|
20
|
-
|
|
20
|
+
t,
|
|
21
21
|
{
|
|
22
22
|
ref: e,
|
|
23
23
|
className: d(o),
|
|
@@ -26,7 +26,7 @@ const y = u.forwardRef(({ className: o, children: n, ...r }, e) => /* @__PURE__
|
|
|
26
26
|
}
|
|
27
27
|
));
|
|
28
28
|
y.displayName = "DropdownMenuContent";
|
|
29
|
-
const $ = ({ children: o, ...n }) => /* @__PURE__ */ a.jsx(
|
|
29
|
+
const $ = ({ children: o, ...n }) => /* @__PURE__ */ a.jsx(w, { ...n, children: o });
|
|
30
30
|
$.displayName = "DropdownMenuGroup";
|
|
31
31
|
const C = u.forwardRef(({ className: o, children: n, ...r }, e) => /* @__PURE__ */ a.jsx(
|
|
32
32
|
M,
|
|
@@ -39,7 +39,7 @@ const C = u.forwardRef(({ className: o, children: n, ...r }, e) => /* @__PURE__
|
|
|
39
39
|
));
|
|
40
40
|
C.displayName = "DropdownMenuLabel";
|
|
41
41
|
const I = u.forwardRef(({ className: o, children: n, ...r }, e) => /* @__PURE__ */ a.jsx(
|
|
42
|
-
|
|
42
|
+
D,
|
|
43
43
|
{
|
|
44
44
|
ref: e,
|
|
45
45
|
className: d(o),
|
|
@@ -49,7 +49,7 @@ const I = u.forwardRef(({ className: o, children: n, ...r }, e) => /* @__PURE__
|
|
|
49
49
|
));
|
|
50
50
|
I.displayName = "DropdownMenuItem";
|
|
51
51
|
const h = u.forwardRef(({ className: o, children: n, ...r }, e) => /* @__PURE__ */ a.jsx(
|
|
52
|
-
|
|
52
|
+
s,
|
|
53
53
|
{
|
|
54
54
|
ref: e,
|
|
55
55
|
className: d(o),
|
|
@@ -58,10 +58,10 @@ const h = u.forwardRef(({ className: o, children: n, ...r }, e) => /* @__PURE__
|
|
|
58
58
|
}
|
|
59
59
|
));
|
|
60
60
|
h.displayName = "DropdownMenuCheckboxItem";
|
|
61
|
-
const G = ({ children: o, ...n }) => /* @__PURE__ */ a.jsx(
|
|
61
|
+
const G = ({ children: o, ...n }) => /* @__PURE__ */ a.jsx(i, { ...n, children: o });
|
|
62
62
|
G.displayName = "DropdownMenuRadioGroup";
|
|
63
63
|
const T = u.forwardRef(({ className: o, children: n, ...r }, e) => /* @__PURE__ */ a.jsx(
|
|
64
|
-
|
|
64
|
+
c,
|
|
65
65
|
{
|
|
66
66
|
ref: e,
|
|
67
67
|
className: d(o),
|
|
@@ -71,7 +71,7 @@ const T = u.forwardRef(({ className: o, children: n, ...r }, e) => /* @__PURE__
|
|
|
71
71
|
));
|
|
72
72
|
T.displayName = "DropdownMenuRadioItem";
|
|
73
73
|
const k = u.forwardRef(({ className: o, ...n }, r) => /* @__PURE__ */ a.jsx(
|
|
74
|
-
|
|
74
|
+
l,
|
|
75
75
|
{
|
|
76
76
|
ref: r,
|
|
77
77
|
className: d(o),
|
|
@@ -80,7 +80,7 @@ const k = u.forwardRef(({ className: o, ...n }, r) => /* @__PURE__ */ a.jsx(
|
|
|
80
80
|
));
|
|
81
81
|
k.displayName = "DropdownMenuSeparator";
|
|
82
82
|
const L = u.forwardRef(({ className: o, children: n, ...r }, e) => /* @__PURE__ */ a.jsx(
|
|
83
|
-
|
|
83
|
+
N,
|
|
84
84
|
{
|
|
85
85
|
ref: e,
|
|
86
86
|
className: d(o),
|
|
@@ -89,7 +89,7 @@ const L = u.forwardRef(({ className: o, children: n, ...r }, e) => /* @__PURE__
|
|
|
89
89
|
}
|
|
90
90
|
));
|
|
91
91
|
L.displayName = "DropdownMenuShortcut";
|
|
92
|
-
const P = ({ children: o, ...n }) => /* @__PURE__ */ a.jsx(
|
|
92
|
+
const P = ({ children: o, ...n }) => /* @__PURE__ */ a.jsx(f, { ...n, children: o });
|
|
93
93
|
P.displayName = "DropdownMenuSub";
|
|
94
94
|
const E = u.forwardRef(({ className: o, children: n, ...r }, e) => /* @__PURE__ */ a.jsx(
|
|
95
95
|
b,
|
|
@@ -102,7 +102,7 @@ const E = u.forwardRef(({ className: o, children: n, ...r }, e) => /* @__PURE__
|
|
|
102
102
|
));
|
|
103
103
|
E.displayName = "DropdownMenuSubTrigger";
|
|
104
104
|
const q = u.forwardRef(({ className: o, children: n, ...r }, e) => /* @__PURE__ */ a.jsx(
|
|
105
|
-
|
|
105
|
+
x,
|
|
106
106
|
{
|
|
107
107
|
ref: e,
|
|
108
108
|
className: d(o),
|
|
@@ -4,11 +4,11 @@ import { Button as p } from "../../../vendor/shadcn/button.js";
|
|
|
4
4
|
import { Badge as V } from "../../../vendor/shadcn/badge.js";
|
|
5
5
|
import { Separator as C } from "../../../vendor/shadcn/separator.js";
|
|
6
6
|
import { Checkbox as E } from "../../../vendor/shadcn/checkbox.js";
|
|
7
|
-
import {
|
|
7
|
+
import { RadioGroupItem as L, RadioGroup as Q } from "../../../vendor/shadcn/radio-group.js";
|
|
8
8
|
import { Icon as w } from "../icon/icon.js";
|
|
9
9
|
import { cn as j } from "../../../lib/utils.js";
|
|
10
|
-
import { Field as F } from "../field/field.js";
|
|
11
10
|
import { Tooltip as y } from "../tooltip/tooltip.js";
|
|
11
|
+
import { Field as F } from "../field/field.js";
|
|
12
12
|
const S = g(
|
|
13
13
|
({ label: s, onRemove: l, className: n, ...t }, c) => /* @__PURE__ */ e.jsxs(
|
|
14
14
|
V,
|
|
@@ -190,7 +190,7 @@ const q = g(
|
|
|
190
190
|
] }),
|
|
191
191
|
/* @__PURE__ */ e.jsx(C, { className: "w-full mb-6" }),
|
|
192
192
|
R && "selectedValue" in s ? /* @__PURE__ */ e.jsx(
|
|
193
|
-
|
|
193
|
+
Q,
|
|
194
194
|
{
|
|
195
195
|
value: s.selectedValue,
|
|
196
196
|
onValueChange: s.onChange,
|
|
@@ -241,7 +241,7 @@ const z = g(({ label: s, checked: l, onCheckedChange: n, description: t, classNa
|
|
|
241
241
|
z.displayName = "FilterCheckboxOption";
|
|
242
242
|
const I = g(
|
|
243
243
|
({ label: s, value: l, description: n, className: t }, c) => /* @__PURE__ */ e.jsxs("div", { className: j("flex items-start gap-3", t), children: [
|
|
244
|
-
/* @__PURE__ */ e.jsx(
|
|
244
|
+
/* @__PURE__ */ e.jsx(L, { ref: c, value: l, id: `radio-${l}` }),
|
|
245
245
|
/* @__PURE__ */ e.jsxs(
|
|
246
246
|
"label",
|
|
247
247
|
{
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { j as t } from "../../../_virtual/jsx-runtime.js";
|
|
2
2
|
import * as s from "react";
|
|
3
|
-
import { Popover as n,
|
|
3
|
+
import { Popover as n, PopoverContent as m, PopoverTrigger as i } from "../../../vendor/shadcn/popover.js";
|
|
4
4
|
import { cn as a } from "../../../lib/utils.js";
|
|
5
5
|
const v = ({ children: o, ...r }) => /* @__PURE__ */ t.jsx(n, { ...r, children: o });
|
|
6
6
|
v.displayName = "Popover";
|
|
7
|
-
const P = s.forwardRef(({ className: o, children: r, ...e }, p) => /* @__PURE__ */ t.jsx(
|
|
7
|
+
const P = s.forwardRef(({ className: o, children: r, ...e }, p) => /* @__PURE__ */ t.jsx(i, { ref: p, className: a(o), ...e, children: r }));
|
|
8
8
|
P.displayName = "PopoverTrigger";
|
|
9
|
-
const f = s.forwardRef(({ className: o, children: r, ...e }, p) => /* @__PURE__ */ t.jsx(
|
|
9
|
+
const f = s.forwardRef(({ className: o, children: r, ...e }, p) => /* @__PURE__ */ t.jsx(m, { ref: p, className: a(o), ...e, children: r }));
|
|
10
10
|
f.displayName = "PopoverContent";
|
|
11
11
|
export {
|
|
12
12
|
v as Popover,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { cva as s } from "../../../node_modules/class-variance-authority/dist/index.js";
|
|
2
2
|
import { cn as i } from "../../../lib/utils.js";
|
|
3
3
|
import { forwardRef as m, createElement as c } from "react";
|
|
4
|
-
const d = s("font-[var(--font-family
|
|
4
|
+
const d = s("font-[var(--font-family)]", {
|
|
5
5
|
variants: {
|
|
6
6
|
variant: {
|
|
7
7
|
h1: "scroll-m-20 text-4xl tracking-tight lg:text-5xl",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { j as r } from "../../../_virtual/jsx-runtime.js";
|
|
2
2
|
import { forwardRef as L, Fragment as i } from "react";
|
|
3
3
|
import { Icon as C } from "../../atoms/icon/icon.js";
|
|
4
|
-
import { Breadcrumb as M, BreadcrumbList as E, BreadcrumbItem as h, BreadcrumbEllipsis as I,
|
|
4
|
+
import { Breadcrumb as M, BreadcrumbList as E, BreadcrumbItem as h, BreadcrumbEllipsis as I, BreadcrumbPage as N, BreadcrumbLink as V, BreadcrumbSeparator as k } from "../../../vendor/shadcn/breadcrumb.js";
|
|
5
5
|
import { DropdownMenu as u, DropdownMenuTrigger as x, DropdownMenuContent as j, DropdownMenuItem as p } from "../../../vendor/shadcn/dropdown-menu.js";
|
|
6
6
|
const v = L(
|
|
7
7
|
({ items: s, separator: f, maxItems: l = 0, className: b }, m) => {
|
|
@@ -16,13 +16,13 @@ const v = L(
|
|
|
16
16
|
for (let n = e.length - 1; n >= 0; n--)
|
|
17
17
|
if (e[n]) return n;
|
|
18
18
|
return -1;
|
|
19
|
-
})(o), t = () => /* @__PURE__ */ r.jsx(
|
|
19
|
+
})(o), t = () => /* @__PURE__ */ r.jsx(k, { children: f }), B = (e) => /* @__PURE__ */ r.jsxs(u, { children: [
|
|
20
20
|
/* @__PURE__ */ r.jsxs(x, { className: "flex items-center gap-1 text-sm text-muted-foreground hover:text-neutral-700 transition-colors", children: [
|
|
21
21
|
e.label,
|
|
22
22
|
/* @__PURE__ */ r.jsx(C, { name: "CaretDown", className: "size-4" })
|
|
23
23
|
] }),
|
|
24
24
|
/* @__PURE__ */ r.jsx(j, { children: e.dropdown?.map((n, c) => /* @__PURE__ */ r.jsx(p, { asChild: !0, children: /* @__PURE__ */ r.jsx("a", { href: n.href, children: n.label }) }, c)) })
|
|
25
|
-
] }), w = (e, n) => n ? /* @__PURE__ */ r.jsx(
|
|
25
|
+
] }), w = (e, n) => n ? /* @__PURE__ */ r.jsx(N, { children: e.label }) : /* @__PURE__ */ r.jsx(V, { href: e.href, children: e.label }), D = () => /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
|
|
26
26
|
/* @__PURE__ */ r.jsx(h, { children: /* @__PURE__ */ r.jsxs(u, { children: [
|
|
27
27
|
/* @__PURE__ */ r.jsx(x, { children: /* @__PURE__ */ r.jsx(I, {}) }),
|
|
28
28
|
/* @__PURE__ */ r.jsx(j, { children: a.map((e, n) => /* @__PURE__ */ r.jsx(p, { asChild: !0, children: /* @__PURE__ */ r.jsx("a", { href: e.href, children: e.label }) }, n)) })
|
|
@@ -52,7 +52,7 @@ export interface FileUploadProps {
|
|
|
52
52
|
className?: string;
|
|
53
53
|
/** Custom text for the dropzone. "Select" is always prepended with link styling. @default "a file or drag it here" */
|
|
54
54
|
dropzoneText?: string;
|
|
55
|
-
/** Image URL displayed in the dropzone above the text */
|
|
55
|
+
/** Image URL displayed in the dropzone above the text @default "https://dashboard-assets.y.uno/batch-refunds/upload_media.png" */
|
|
56
56
|
image?: string;
|
|
57
57
|
}
|
|
58
58
|
/**
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { j as r } from "../../../_virtual/jsx-runtime.js";
|
|
2
|
-
import { forwardRef as
|
|
2
|
+
import { forwardRef as K, useRef as w, useState as G, useCallback as c } from "react";
|
|
3
3
|
import { cn as N } from "../../../lib/utils.js";
|
|
4
|
-
import { Icon as
|
|
4
|
+
import { Icon as b } from "../../atoms/icon/icon.js";
|
|
5
5
|
import { FieldError as W } from "../../../vendor/shadcn/field.js";
|
|
6
6
|
import { Label as Z } from "../../atoms/label/label.js";
|
|
7
7
|
import { Progress as H } from "../../atoms/progress/progress.js";
|
|
@@ -56,7 +56,7 @@ function ee({
|
|
|
56
56
|
dropzoneText: l,
|
|
57
57
|
image: p,
|
|
58
58
|
onClick: u,
|
|
59
|
-
onDragEnter:
|
|
59
|
+
onDragEnter: f,
|
|
60
60
|
onDragOver: x,
|
|
61
61
|
onDragLeave: g,
|
|
62
62
|
onDrop: F
|
|
@@ -67,10 +67,10 @@ function ee({
|
|
|
67
67
|
role: "button",
|
|
68
68
|
tabIndex: s ? -1 : 0,
|
|
69
69
|
onClick: s ? void 0 : u,
|
|
70
|
-
onKeyDown: (
|
|
71
|
-
!s && (
|
|
70
|
+
onKeyDown: (a) => {
|
|
71
|
+
!s && (a.key === "Enter" || a.key === " ") && (a.preventDefault(), u());
|
|
72
72
|
},
|
|
73
|
-
onDragEnter:
|
|
73
|
+
onDragEnter: f,
|
|
74
74
|
onDragOver: x,
|
|
75
75
|
onDragLeave: g,
|
|
76
76
|
onDrop: F,
|
|
@@ -93,7 +93,7 @@ function ee({
|
|
|
93
93
|
"aria-hidden": "true"
|
|
94
94
|
}
|
|
95
95
|
) : /* @__PURE__ */ r.jsx(
|
|
96
|
-
|
|
96
|
+
b,
|
|
97
97
|
{
|
|
98
98
|
name: "UploadSimple",
|
|
99
99
|
size: "xl",
|
|
@@ -124,7 +124,7 @@ function te({ file: e, onRemove: s, disabled: n }) {
|
|
|
124
124
|
),
|
|
125
125
|
children: [
|
|
126
126
|
/* @__PURE__ */ r.jsx(
|
|
127
|
-
|
|
127
|
+
b,
|
|
128
128
|
{
|
|
129
129
|
name: l,
|
|
130
130
|
size: "lg",
|
|
@@ -148,14 +148,14 @@ function te({ file: e, onRemove: s, disabled: n }) {
|
|
|
148
148
|
disabled: n,
|
|
149
149
|
className: "shrink-0 flex items-center justify-center cursor-pointer text-muted-foreground",
|
|
150
150
|
"aria-label": `Remove ${e.name}`,
|
|
151
|
-
children: /* @__PURE__ */ r.jsx(
|
|
151
|
+
children: /* @__PURE__ */ r.jsx(b, { name: "X", size: "sm" })
|
|
152
152
|
}
|
|
153
153
|
)
|
|
154
154
|
]
|
|
155
155
|
}
|
|
156
156
|
);
|
|
157
157
|
}
|
|
158
|
-
const re =
|
|
158
|
+
const re = K(
|
|
159
159
|
({
|
|
160
160
|
value: e = [],
|
|
161
161
|
onFilesAdded: s,
|
|
@@ -164,15 +164,15 @@ const re = _(
|
|
|
164
164
|
maxSize: l,
|
|
165
165
|
maxFiles: p,
|
|
166
166
|
multiple: u = !0,
|
|
167
|
-
label:
|
|
167
|
+
label: f,
|
|
168
168
|
info: x,
|
|
169
169
|
requiredIndicator: g,
|
|
170
170
|
required: F,
|
|
171
|
-
disabled:
|
|
172
|
-
error:
|
|
171
|
+
disabled: a,
|
|
172
|
+
error: C,
|
|
173
173
|
className: I,
|
|
174
174
|
dropzoneText: P = "a file or drag it here",
|
|
175
|
-
image: A
|
|
175
|
+
image: A = "https://dashboard-assets.y.uno/batch-refunds/upload_media.png"
|
|
176
176
|
}, m) => {
|
|
177
177
|
const k = w(null), h = w(0), [L, y] = G(!1), E = c(
|
|
178
178
|
(t) => {
|
|
@@ -181,57 +181,57 @@ const re = _(
|
|
|
181
181
|
[m]
|
|
182
182
|
), R = o ? Q(o) : "", T = l ? S(l) : "", j = c(
|
|
183
183
|
(t) => {
|
|
184
|
-
let
|
|
184
|
+
let i = t;
|
|
185
185
|
if (o) {
|
|
186
|
-
const
|
|
187
|
-
|
|
188
|
-
const
|
|
189
|
-
return
|
|
190
|
-
(D) => D.startsWith(".") ?
|
|
186
|
+
const d = o.split(",").map((v) => v.trim().toLowerCase());
|
|
187
|
+
i = i.filter((v) => {
|
|
188
|
+
const _ = "." + (v.name.split(".").pop()?.toLowerCase() || ""), J = v.type.toLowerCase();
|
|
189
|
+
return d.some(
|
|
190
|
+
(D) => D.startsWith(".") ? _ === D : J === D
|
|
191
191
|
);
|
|
192
192
|
});
|
|
193
193
|
}
|
|
194
|
-
if (l && (
|
|
195
|
-
const
|
|
196
|
-
|
|
194
|
+
if (l && (i = i.filter((d) => d.size <= l)), p) {
|
|
195
|
+
const d = p - (e?.length || 0);
|
|
196
|
+
i = i.slice(0, Math.max(0, d));
|
|
197
197
|
}
|
|
198
|
-
u || (
|
|
198
|
+
u || (i = i.slice(0, 1)), i.length > 0 && s?.(i);
|
|
199
199
|
},
|
|
200
200
|
[o, l, p, u, e, s]
|
|
201
201
|
), $ = c(() => {
|
|
202
|
-
|
|
203
|
-
}, [
|
|
202
|
+
a || k.current?.click();
|
|
203
|
+
}, [a]), U = c(
|
|
204
204
|
(t) => {
|
|
205
|
-
const
|
|
206
|
-
j(
|
|
205
|
+
const i = Array.from(t.target.files || []);
|
|
206
|
+
j(i), t.target.value = "";
|
|
207
207
|
},
|
|
208
208
|
[j]
|
|
209
209
|
), B = c(
|
|
210
210
|
(t) => {
|
|
211
|
-
t.preventDefault(), t.stopPropagation(), h.current++, !
|
|
211
|
+
t.preventDefault(), t.stopPropagation(), h.current++, !a && t.dataTransfer.items && t.dataTransfer.items.length > 0 && y(!0);
|
|
212
212
|
},
|
|
213
|
-
[
|
|
213
|
+
[a]
|
|
214
214
|
), M = c((t) => {
|
|
215
215
|
t.preventDefault(), t.stopPropagation();
|
|
216
216
|
}, []), z = c((t) => {
|
|
217
217
|
t.preventDefault(), t.stopPropagation(), h.current--, h.current === 0 && y(!1);
|
|
218
218
|
}, []), O = c(
|
|
219
219
|
(t) => {
|
|
220
|
-
if (t.preventDefault(), t.stopPropagation(), y(!1), h.current = 0,
|
|
221
|
-
const
|
|
222
|
-
j(
|
|
220
|
+
if (t.preventDefault(), t.stopPropagation(), y(!1), h.current = 0, a) return;
|
|
221
|
+
const i = Array.from(t.dataTransfer.files);
|
|
222
|
+
j(i);
|
|
223
223
|
},
|
|
224
|
-
[
|
|
225
|
-
), X = !!
|
|
224
|
+
[a, j]
|
|
225
|
+
), X = !!C;
|
|
226
226
|
return /* @__PURE__ */ r.jsxs("div", { className: N("flex flex-col gap-2 w-full", I), children: [
|
|
227
|
-
(
|
|
227
|
+
(f || x || g) && /* @__PURE__ */ r.jsx(
|
|
228
228
|
Z,
|
|
229
229
|
{
|
|
230
230
|
info: x,
|
|
231
231
|
requiredIndicator: g,
|
|
232
232
|
required: F,
|
|
233
|
-
disabled:
|
|
234
|
-
children:
|
|
233
|
+
disabled: a,
|
|
234
|
+
children: f
|
|
235
235
|
}
|
|
236
236
|
),
|
|
237
237
|
/* @__PURE__ */ r.jsx(
|
|
@@ -242,7 +242,7 @@ const re = _(
|
|
|
242
242
|
className: "sr-only",
|
|
243
243
|
accept: o,
|
|
244
244
|
multiple: u,
|
|
245
|
-
disabled:
|
|
245
|
+
disabled: a,
|
|
246
246
|
onChange: U,
|
|
247
247
|
tabIndex: -1,
|
|
248
248
|
"aria-hidden": "true"
|
|
@@ -252,7 +252,7 @@ const re = _(
|
|
|
252
252
|
ee,
|
|
253
253
|
{
|
|
254
254
|
isDragActive: L,
|
|
255
|
-
disabled:
|
|
255
|
+
disabled: a,
|
|
256
256
|
acceptText: R,
|
|
257
257
|
maxSizeText: T,
|
|
258
258
|
dropzoneText: P,
|
|
@@ -269,11 +269,11 @@ const re = _(
|
|
|
269
269
|
{
|
|
270
270
|
file: t,
|
|
271
271
|
onRemove: n,
|
|
272
|
-
disabled:
|
|
272
|
+
disabled: a
|
|
273
273
|
},
|
|
274
274
|
t.id
|
|
275
275
|
)) }),
|
|
276
|
-
X && /* @__PURE__ */ r.jsx(W, { children:
|
|
276
|
+
X && /* @__PURE__ */ r.jsx(W, { children: C })
|
|
277
277
|
] });
|
|
278
278
|
}
|
|
279
279
|
);
|
|
@@ -2,7 +2,7 @@ import { j as e } from "../../../_virtual/jsx-runtime.js";
|
|
|
2
2
|
import * as i from "react";
|
|
3
3
|
import { createPortal as H } from "react-dom";
|
|
4
4
|
import { cva as g } from "../../../node_modules/class-variance-authority/dist/index.js";
|
|
5
|
-
import {
|
|
5
|
+
import { cn as r, normalizeDimension as p } from "../../../lib/utils.js";
|
|
6
6
|
import { useBodyScrollLock as M } from "../../../hooks/use-body-scroll-lock.js";
|
|
7
7
|
import { useEscapeKey as R } from "../../../hooks/use-escape-key.js";
|
|
8
8
|
import { Icon as W } from "../../atoms/icon/icon.js";
|