@yuno-payments/dashboard-design-system 0.0.136 → 0.0.138-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/atoms/filter/filter-date-range.js +185 -161
- package/dist/components/atoms/filter/filter.d.ts +4 -0
- package/dist/components/atoms/filter/filter.js +82 -70
- package/dist/components/atoms/filter-dropdown/filter-dropdown.js +84 -87
- package/dist/components/atoms/icon/icon-list.d.ts +0 -3
- package/dist/components/atoms/icon/icon-list.js +392 -398
- package/dist/components/atoms/multi-values-field/multi-values-field.js +28 -28
- package/dist/components/atoms/radio-group/radio-group-option.js +7 -7
- package/dist/components/atoms/search-field/search-field.js +9 -9
- package/dist/components/atoms/switch/switch.js +13 -13
- package/dist/components/atoms/time-picker/time-picker.d.ts +5 -0
- package/dist/components/atoms/time-picker/time-picker.js +123 -115
- package/dist/components/molecules/empty/empty-icon.js +6 -6
- package/dist/components/organisms/data-table/data-table.d.ts +1 -24
- package/dist/components/organisms/data-table/data-table.js +93 -104
- package/dist/components/organisms/data-table/data-table.types.d.ts +0 -20
- package/dist/components/organisms/data-table/hooks/use-data-table-state.d.ts +2 -7
- package/dist/components/organisms/data-table/hooks/use-data-table-state.js +46 -80
- package/dist/components/organisms/data-table/utils/data-table-constants.d.ts +2 -2
- package/dist/components/organisms/data-table/utils/data-table-constants.js +11 -11
- package/dist/index.css +1 -1
- package/dist/vendor/shadcn/badge.js +17 -17
- package/dist/vendor/shadcn/card.js +7 -7
- package/dist/vendor/shadcn/input.js +7 -7
- package/dist/vendor/shadcn/select.js +1 -1
- package/dist/vendor/shadcn/table.js +18 -18
- package/package.json +1 -1
- package/dist/components/atoms/icon/aida-logo.d.ts +0 -3
- package/dist/components/atoms/icon/aida-logo.js +0 -64
- package/dist/node_modules/@phosphor-icons/react/dist/csr/File.es.js +0 -8
- package/dist/node_modules/@phosphor-icons/react/dist/csr/Table.es.js +0 -8
- package/dist/node_modules/@phosphor-icons/react/dist/defs/File.es.js +0 -30
- package/dist/node_modules/@phosphor-icons/react/dist/defs/Table.es.js +0 -30
|
@@ -1,54 +1,54 @@
|
|
|
1
|
-
import { j as
|
|
1
|
+
import { j as t } from "../../_virtual/jsx-runtime.js";
|
|
2
2
|
import * as l from "react";
|
|
3
3
|
import { cn as r } from "../../lib/utils.js";
|
|
4
|
-
const s = l.forwardRef(({ className: e, ...a },
|
|
4
|
+
const s = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t.jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ t.jsx(
|
|
5
5
|
"table",
|
|
6
6
|
{
|
|
7
|
-
ref:
|
|
7
|
+
ref: o,
|
|
8
8
|
className: r("w-full caption-bottom text-sm", e),
|
|
9
9
|
...a
|
|
10
10
|
}
|
|
11
11
|
) }));
|
|
12
12
|
s.displayName = "Table";
|
|
13
|
-
const d = l.forwardRef(({ className: e, ...a },
|
|
13
|
+
const d = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t.jsx("thead", { ref: o, className: r("[&_tr]:border-b", e), ...a }));
|
|
14
14
|
d.displayName = "TableHeader";
|
|
15
|
-
const m = l.forwardRef(({ className: e, ...a },
|
|
15
|
+
const m = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t.jsx(
|
|
16
16
|
"tbody",
|
|
17
17
|
{
|
|
18
|
-
ref:
|
|
18
|
+
ref: o,
|
|
19
19
|
className: r("[&_tr:last-child]:border-0", e),
|
|
20
20
|
...a
|
|
21
21
|
}
|
|
22
22
|
));
|
|
23
23
|
m.displayName = "TableBody";
|
|
24
|
-
const b = l.forwardRef(({ className: e, ...a },
|
|
24
|
+
const b = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t.jsx(
|
|
25
25
|
"tfoot",
|
|
26
26
|
{
|
|
27
|
-
ref:
|
|
27
|
+
ref: o,
|
|
28
28
|
className: r(
|
|
29
|
-
"border-t bg-
|
|
29
|
+
"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
|
|
30
30
|
e
|
|
31
31
|
),
|
|
32
32
|
...a
|
|
33
33
|
}
|
|
34
34
|
));
|
|
35
35
|
b.displayName = "TableFooter";
|
|
36
|
-
const c = l.forwardRef(({ className: e, ...a },
|
|
36
|
+
const c = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t.jsx(
|
|
37
37
|
"tr",
|
|
38
38
|
{
|
|
39
|
-
ref:
|
|
39
|
+
ref: o,
|
|
40
40
|
className: r(
|
|
41
|
-
"border-b transition-colors bg-
|
|
41
|
+
"border-b transition-colors bg-background hover:bg-muted/50 data-[state=selected]:bg-muted",
|
|
42
42
|
e
|
|
43
43
|
),
|
|
44
44
|
...a
|
|
45
45
|
}
|
|
46
46
|
));
|
|
47
47
|
c.displayName = "TableRow";
|
|
48
|
-
const i = l.forwardRef(({ className: e, ...a },
|
|
48
|
+
const i = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t.jsx(
|
|
49
49
|
"th",
|
|
50
50
|
{
|
|
51
|
-
ref:
|
|
51
|
+
ref: o,
|
|
52
52
|
className: r(
|
|
53
53
|
"relative h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
|
|
54
54
|
e
|
|
@@ -57,10 +57,10 @@ const i = l.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o.jsx(
|
|
|
57
57
|
}
|
|
58
58
|
));
|
|
59
59
|
i.displayName = "TableHead";
|
|
60
|
-
const f = l.forwardRef(({ className: e, ...a },
|
|
60
|
+
const f = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t.jsx(
|
|
61
61
|
"td",
|
|
62
62
|
{
|
|
63
|
-
ref:
|
|
63
|
+
ref: o,
|
|
64
64
|
className: r(
|
|
65
65
|
"p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
|
|
66
66
|
e
|
|
@@ -69,10 +69,10 @@ const f = l.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o.jsx(
|
|
|
69
69
|
}
|
|
70
70
|
));
|
|
71
71
|
f.displayName = "TableCell";
|
|
72
|
-
const n = l.forwardRef(({ className: e, ...a },
|
|
72
|
+
const n = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t.jsx(
|
|
73
73
|
"caption",
|
|
74
74
|
{
|
|
75
|
-
ref:
|
|
75
|
+
ref: o,
|
|
76
76
|
className: r("mt-4 text-sm text-muted-foreground", e),
|
|
77
77
|
...a
|
|
78
78
|
}
|
package/package.json
CHANGED
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import { j as s } from "../../../_virtual/jsx-runtime.js";
|
|
2
|
-
const i = ({ size: C = 16, ...t }) => /* @__PURE__ */ s.jsxs(
|
|
3
|
-
"svg",
|
|
4
|
-
{
|
|
5
|
-
width: C,
|
|
6
|
-
height: C,
|
|
7
|
-
viewBox: "0 0 32 32",
|
|
8
|
-
fill: "none",
|
|
9
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
-
...t,
|
|
11
|
-
children: [
|
|
12
|
-
/* @__PURE__ */ s.jsx(
|
|
13
|
-
"path",
|
|
14
|
-
{
|
|
15
|
-
d: "M22.5987 5.33325C21.7107 7.76002 20.9907 8.47896 18.565 9.36657C20.9907 10.2545 21.7107 10.9746 22.5987 13.4003C23.4867 10.9746 24.2064 10.2545 26.632 9.36657C24.2064 8.47896 23.4867 7.76002 22.5987 5.33325Z",
|
|
16
|
-
fill: "url(#paint0_linear_12357_32157)"
|
|
17
|
-
}
|
|
18
|
-
),
|
|
19
|
-
/* @__PURE__ */ s.jsx(
|
|
20
|
-
"path",
|
|
21
|
-
{
|
|
22
|
-
d: "M13.7673 19.5838H18.8632C18.9599 19.5838 19.0557 19.5641 19.1446 19.526C19.2336 19.4879 19.3139 19.4321 19.3806 19.3621C19.4474 19.2921 19.4993 19.2092 19.5331 19.1186C19.567 19.0279 19.5821 18.9313 19.5775 18.8347C19.3936 15.3146 17.913 11.9873 15.4211 9.49435C12.9292 7.0014 9.60247 5.51937 6.0825 5.33405C5.98585 5.32949 5.88927 5.34459 5.79861 5.37842C5.70796 5.41226 5.62511 5.46414 5.55508 5.53092C5.48504 5.59769 5.42929 5.67798 5.39117 5.76693C5.35306 5.85587 5.33339 5.95162 5.33334 6.04839V11.7631C5.33479 11.9429 5.40368 12.1157 5.5264 12.2471C5.64912 12.3786 5.81672 12.4592 5.99602 12.473C7.49759 12.6156 8.91561 13.2294 10.0473 14.2266C11.179 15.2237 11.9665 16.5532 12.2971 18.0248C12.3447 18.2304 12.3397 18.4446 12.2823 18.6477C12.225 18.8507 12.1172 19.036 11.9691 19.1862C11.8543 19.3013 11.7179 19.3925 11.5678 19.4548C11.4176 19.517 11.2567 19.5491 11.0941 19.549H6.04656C5.9529 19.549 5.86016 19.5674 5.77363 19.6033C5.6871 19.6391 5.60847 19.6917 5.54224 19.7579C5.47601 19.8241 5.42348 19.9028 5.38764 19.9893C5.35179 20.0758 5.33334 20.1686 5.33334 20.2622V25.9534C5.3332 26.047 5.35151 26.1397 5.38723 26.2262C5.42295 26.3127 5.47538 26.3914 5.54152 26.4576C5.60765 26.5239 5.6862 26.5764 5.77267 26.6123C5.85914 26.6481 5.95183 26.6666 6.04544 26.6666H11.7321C11.8257 26.6666 11.9184 26.6481 12.0049 26.6123C12.0913 26.5764 12.1699 26.5239 12.236 26.4576C12.3022 26.3914 12.3546 26.3127 12.3903 26.2262C12.426 26.1397 12.4443 26.047 12.4442 25.9534V20.8991C12.4444 20.5717 12.5745 20.2579 12.8059 20.0263L12.889 19.9421C13.0038 19.8271 13.1402 19.7358 13.2903 19.6735C13.4404 19.6113 13.6014 19.5793 13.7639 19.5793",
|
|
23
|
-
fill: "url(#paint1_linear_12357_32157)"
|
|
24
|
-
}
|
|
25
|
-
),
|
|
26
|
-
/* @__PURE__ */ s.jsxs("defs", { children: [
|
|
27
|
-
/* @__PURE__ */ s.jsxs(
|
|
28
|
-
"linearGradient",
|
|
29
|
-
{
|
|
30
|
-
id: "paint0_linear_12357_32157",
|
|
31
|
-
x1: "19.6597",
|
|
32
|
-
y1: "4.82531",
|
|
33
|
-
x2: "26.6515",
|
|
34
|
-
y2: "9.13909",
|
|
35
|
-
gradientUnits: "userSpaceOnUse",
|
|
36
|
-
children: [
|
|
37
|
-
/* @__PURE__ */ s.jsx("stop", { stopColor: "#D073F6" }),
|
|
38
|
-
/* @__PURE__ */ s.jsx("stop", { offset: "1", stopColor: "#5E77FD" })
|
|
39
|
-
]
|
|
40
|
-
}
|
|
41
|
-
),
|
|
42
|
-
/* @__PURE__ */ s.jsxs(
|
|
43
|
-
"linearGradient",
|
|
44
|
-
{
|
|
45
|
-
id: "paint1_linear_12357_32157",
|
|
46
|
-
x1: "7.26631",
|
|
47
|
-
y1: "3.98998",
|
|
48
|
-
x2: "21.839",
|
|
49
|
-
y2: "9.9936",
|
|
50
|
-
gradientUnits: "userSpaceOnUse",
|
|
51
|
-
children: [
|
|
52
|
-
/* @__PURE__ */ s.jsx("stop", { stopColor: "#D073F6" }),
|
|
53
|
-
/* @__PURE__ */ s.jsx("stop", { offset: "0.5", stopColor: "#5E77FD" }),
|
|
54
|
-
/* @__PURE__ */ s.jsx("stop", { offset: "1", stopColor: "#21B8F2" })
|
|
55
|
-
]
|
|
56
|
-
}
|
|
57
|
-
)
|
|
58
|
-
] })
|
|
59
|
-
]
|
|
60
|
-
}
|
|
61
|
-
);
|
|
62
|
-
export {
|
|
63
|
-
i as default
|
|
64
|
-
};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import * as o from "react";
|
|
2
|
-
import a from "../lib/IconBase.es.js";
|
|
3
|
-
import m from "../defs/File.es.js";
|
|
4
|
-
const t = o.forwardRef((e, r) => /* @__PURE__ */ o.createElement(a, { ref: r, ...e, weights: m }));
|
|
5
|
-
t.displayName = "FileIcon";
|
|
6
|
-
export {
|
|
7
|
-
t as FileIcon
|
|
8
|
-
};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import * as o from "react";
|
|
2
|
-
import a from "../lib/IconBase.es.js";
|
|
3
|
-
import m from "../defs/Table.es.js";
|
|
4
|
-
const t = o.forwardRef((e, r) => /* @__PURE__ */ o.createElement(a, { ref: r, ...e, weights: m }));
|
|
5
|
-
t.displayName = "TableIcon";
|
|
6
|
-
export {
|
|
7
|
-
t as TableIcon
|
|
8
|
-
};
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import * as e from "react";
|
|
2
|
-
const a = /* @__PURE__ */ new Map([
|
|
3
|
-
[
|
|
4
|
-
"bold",
|
|
5
|
-
/* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M216.49,79.52l-56-56A12,12,0,0,0,152,20H56A20,20,0,0,0,36,40V216a20,20,0,0,0,20,20H200a20,20,0,0,0,20-20V88A12,12,0,0,0,216.49,79.52ZM160,57l23,23H160ZM60,212V44h76V92a12,12,0,0,0,12,12h48V212Z" }))
|
|
6
|
-
],
|
|
7
|
-
[
|
|
8
|
-
"duotone",
|
|
9
|
-
/* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M208,88H152V32Z", opacity: "0.2" }), /* @__PURE__ */ e.createElement("path", { d: "M213.66,82.34l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V88A8,8,0,0,0,213.66,82.34ZM160,51.31,188.69,80H160ZM200,216H56V40h88V88a8,8,0,0,0,8,8h48V216Z" }))
|
|
10
|
-
],
|
|
11
|
-
[
|
|
12
|
-
"fill",
|
|
13
|
-
/* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M213.66,82.34l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V88A8,8,0,0,0,213.66,82.34ZM152,88V44l44,44Z" }))
|
|
14
|
-
],
|
|
15
|
-
[
|
|
16
|
-
"light",
|
|
17
|
-
/* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M212.24,83.76l-56-56A6,6,0,0,0,152,26H56A14,14,0,0,0,42,40V216a14,14,0,0,0,14,14H200a14,14,0,0,0,14-14V88A6,6,0,0,0,212.24,83.76ZM158,46.48,193.52,82H158ZM200,218H56a2,2,0,0,1-2-2V40a2,2,0,0,1,2-2h90V88a6,6,0,0,0,6,6h50V216A2,2,0,0,1,200,218Z" }))
|
|
18
|
-
],
|
|
19
|
-
[
|
|
20
|
-
"regular",
|
|
21
|
-
/* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M213.66,82.34l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V88A8,8,0,0,0,213.66,82.34ZM160,51.31,188.69,80H160ZM200,216H56V40h88V88a8,8,0,0,0,8,8h48V216Z" }))
|
|
22
|
-
],
|
|
23
|
-
[
|
|
24
|
-
"thin",
|
|
25
|
-
/* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M210.83,85.17l-56-56A4,4,0,0,0,152,28H56A12,12,0,0,0,44,40V216a12,12,0,0,0,12,12H200a12,12,0,0,0,12-12V88A4,4,0,0,0,210.83,85.17ZM156,41.65,198.34,84H156ZM200,220H56a4,4,0,0,1-4-4V40a4,4,0,0,1,4-4h92V88a4,4,0,0,0,4,4h52V216A4,4,0,0,1,200,220Z" }))
|
|
26
|
-
]
|
|
27
|
-
]);
|
|
28
|
-
export {
|
|
29
|
-
a as default
|
|
30
|
-
};
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import * as H from "react";
|
|
2
|
-
const e = /* @__PURE__ */ new Map([
|
|
3
|
-
[
|
|
4
|
-
"bold",
|
|
5
|
-
/* @__PURE__ */ H.createElement(H.Fragment, null, /* @__PURE__ */ H.createElement("path", { d: "M224,44H32A12,12,0,0,0,20,56V192a20,20,0,0,0,20,20H216a20,20,0,0,0,20-20V56A12,12,0,0,0,224,44ZM44,116H76v24H44Zm56,0H212v24H100ZM212,68V92H44V68ZM44,164H76v24H44Zm56,24V164H212v24Z" }))
|
|
6
|
-
],
|
|
7
|
-
[
|
|
8
|
-
"duotone",
|
|
9
|
-
/* @__PURE__ */ H.createElement(H.Fragment, null, /* @__PURE__ */ H.createElement("path", { d: "M88,104v96H32V104Z", opacity: "0.2" }), /* @__PURE__ */ H.createElement("path", { d: "M224,48H32a8,8,0,0,0-8,8V192a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A8,8,0,0,0,224,48ZM40,112H80v32H40Zm56,0H216v32H96ZM216,64V96H40V64ZM40,160H80v32H40Zm176,32H96V160H216v32Z" }))
|
|
10
|
-
],
|
|
11
|
-
[
|
|
12
|
-
"fill",
|
|
13
|
-
/* @__PURE__ */ H.createElement(H.Fragment, null, /* @__PURE__ */ H.createElement("path", { d: "M224,48H32a8,8,0,0,0-8,8V192a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A8,8,0,0,0,224,48ZM40,112H80v32H40Zm56,0H216v32H96ZM40,160H80v32H40Zm176,32H96V160H216v32Z" }))
|
|
14
|
-
],
|
|
15
|
-
[
|
|
16
|
-
"light",
|
|
17
|
-
/* @__PURE__ */ H.createElement(H.Fragment, null, /* @__PURE__ */ H.createElement("path", { d: "M224,50H32a6,6,0,0,0-6,6V192a14,14,0,0,0,14,14H216a14,14,0,0,0,14-14V56A6,6,0,0,0,224,50ZM38,110H82v36H38Zm56,0H218v36H94ZM218,62V98H38V62ZM38,192V158H82v36H40A2,2,0,0,1,38,192Zm178,2H94V158H218v34A2,2,0,0,1,216,194Z" }))
|
|
18
|
-
],
|
|
19
|
-
[
|
|
20
|
-
"regular",
|
|
21
|
-
/* @__PURE__ */ H.createElement(H.Fragment, null, /* @__PURE__ */ H.createElement("path", { d: "M224,48H32a8,8,0,0,0-8,8V192a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A8,8,0,0,0,224,48ZM40,112H80v32H40Zm56,0H216v32H96ZM216,64V96H40V64ZM40,160H80v32H40Zm176,32H96V160H216v32Z" }))
|
|
22
|
-
],
|
|
23
|
-
[
|
|
24
|
-
"thin",
|
|
25
|
-
/* @__PURE__ */ H.createElement(H.Fragment, null, /* @__PURE__ */ H.createElement("path", { d: "M224,52H32a4,4,0,0,0-4,4V192a12,12,0,0,0,12,12H216a12,12,0,0,0,12-12V56A4,4,0,0,0,224,52ZM36,108H84v40H36Zm56,0H220v40H92ZM220,60v40H36V60ZM36,192V156H84v40H40A4,4,0,0,1,36,192Zm180,4H92V156H220v36A4,4,0,0,1,216,196Z" }))
|
|
26
|
-
]
|
|
27
|
-
]);
|
|
28
|
-
export {
|
|
29
|
-
e as default
|
|
30
|
-
};
|