fina-react-ds 1.0.2 → 1.0.4
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/alert-dialog.js +160 -0
- package/dist/components/alert.d.ts +1 -1
- package/dist/components/badge.d.ts +1 -1
- package/dist/components/button.d.ts +2 -2
- package/dist/components/data-loader.d.ts +13 -0
- package/dist/components/data-loader.js +24 -0
- package/dist/components/sidebar.d.ts +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +155 -143
- package/dist/node_modules/@radix-ui/react-alert-dialog/dist/index.js +130 -0
- package/package.json +2 -1
|
@@ -0,0 +1,160 @@
|
|
|
1
|
+
var f = Object.defineProperty;
|
|
2
|
+
var e = (t, a) => f(t, "name", { value: a, configurable: !0 });
|
|
3
|
+
import { jsx as o, jsxs as n } from "react/jsx-runtime";
|
|
4
|
+
import { Root as i, Portal as s, Overlay as d, Trigger as g, Content as m, Title as u, Description as p, Action as x, Cancel as D } from "../node_modules/@radix-ui/react-alert-dialog/dist/index.js";
|
|
5
|
+
import { cn as l } from "../lib/utils.js";
|
|
6
|
+
import { buttonVariants as r } from "./button.js";
|
|
7
|
+
function C({
|
|
8
|
+
...t
|
|
9
|
+
}) {
|
|
10
|
+
return /* @__PURE__ */ o(i, { "data-slot": "alert-dialog", ...t });
|
|
11
|
+
}
|
|
12
|
+
e(C, "AlertDialog");
|
|
13
|
+
function h({
|
|
14
|
+
...t
|
|
15
|
+
}) {
|
|
16
|
+
return /* @__PURE__ */ o(g, { "data-slot": "alert-dialog-trigger", ...t });
|
|
17
|
+
}
|
|
18
|
+
e(h, "AlertDialogTrigger");
|
|
19
|
+
function A({
|
|
20
|
+
...t
|
|
21
|
+
}) {
|
|
22
|
+
return /* @__PURE__ */ o(s, { "data-slot": "alert-dialog-portal", ...t });
|
|
23
|
+
}
|
|
24
|
+
e(A, "AlertDialogPortal");
|
|
25
|
+
function v({
|
|
26
|
+
className: t,
|
|
27
|
+
...a
|
|
28
|
+
}) {
|
|
29
|
+
return /* @__PURE__ */ o(
|
|
30
|
+
d,
|
|
31
|
+
{
|
|
32
|
+
"data-slot": "alert-dialog-overlay",
|
|
33
|
+
className: l(
|
|
34
|
+
"fc:data-[state=open]:animate-in fc:data-[state=closed]:animate-out fc:data-[state=closed]:fade-out-0 fc:data-[state=open]:fade-in-0 fc:fixed fc:inset-0 fc:z-50 fc:bg-black/50",
|
|
35
|
+
t
|
|
36
|
+
),
|
|
37
|
+
...a
|
|
38
|
+
}
|
|
39
|
+
);
|
|
40
|
+
}
|
|
41
|
+
e(v, "AlertDialogOverlay");
|
|
42
|
+
function z({
|
|
43
|
+
className: t,
|
|
44
|
+
...a
|
|
45
|
+
}) {
|
|
46
|
+
return /* @__PURE__ */ n(A, { children: [
|
|
47
|
+
/* @__PURE__ */ o(v, {}),
|
|
48
|
+
/* @__PURE__ */ o(
|
|
49
|
+
m,
|
|
50
|
+
{
|
|
51
|
+
"data-slot": "alert-dialog-content",
|
|
52
|
+
className: l(
|
|
53
|
+
"fc:bg-card fc:data-[state=open]:animate-in fc:data-[state=closed]:animate-out fc:data-[state=closed]:fade-out-0 fc:data-[state=open]:fade-in-0 fc:data-[state=closed]:zoom-out-95 fc:data-[state=open]:zoom-in-95 fc:fixed fc:top-[50%] fc:left-[50%] fc:z-50 fc:grid fc:w-full fc:max-w-[calc(100%-2rem)] fc:translate-x-[-50%] fc:translate-y-[-50%] fc:gap-4 fc:rounded-lg fc:border fc:p-6 fc:shadow-lg fc:duration-200 fc:sm:max-w-lg",
|
|
54
|
+
t
|
|
55
|
+
),
|
|
56
|
+
...a
|
|
57
|
+
}
|
|
58
|
+
)
|
|
59
|
+
] });
|
|
60
|
+
}
|
|
61
|
+
e(z, "AlertDialogContent");
|
|
62
|
+
function j({
|
|
63
|
+
className: t,
|
|
64
|
+
...a
|
|
65
|
+
}) {
|
|
66
|
+
return /* @__PURE__ */ o(
|
|
67
|
+
"div",
|
|
68
|
+
{
|
|
69
|
+
"data-slot": "alert-dialog-header",
|
|
70
|
+
className: l("fc:flex fc:flex-col fc:gap-2 fc:text-center fc:sm:text-left", t),
|
|
71
|
+
...a
|
|
72
|
+
}
|
|
73
|
+
);
|
|
74
|
+
}
|
|
75
|
+
e(j, "AlertDialogHeader");
|
|
76
|
+
function O({
|
|
77
|
+
className: t,
|
|
78
|
+
...a
|
|
79
|
+
}) {
|
|
80
|
+
return /* @__PURE__ */ o(
|
|
81
|
+
"div",
|
|
82
|
+
{
|
|
83
|
+
"data-slot": "alert-dialog-footer",
|
|
84
|
+
className: l(
|
|
85
|
+
"fc:flex fc:flex-col-reverse fc:gap-2 fc:sm:flex-row fc:sm:justify-end",
|
|
86
|
+
t
|
|
87
|
+
),
|
|
88
|
+
...a
|
|
89
|
+
}
|
|
90
|
+
);
|
|
91
|
+
}
|
|
92
|
+
e(O, "AlertDialogFooter");
|
|
93
|
+
function P({
|
|
94
|
+
className: t,
|
|
95
|
+
...a
|
|
96
|
+
}) {
|
|
97
|
+
return /* @__PURE__ */ o(
|
|
98
|
+
u,
|
|
99
|
+
{
|
|
100
|
+
"data-slot": "alert-dialog-title",
|
|
101
|
+
className: l("fc:text-lg fc:font-semibold", t),
|
|
102
|
+
...a
|
|
103
|
+
}
|
|
104
|
+
);
|
|
105
|
+
}
|
|
106
|
+
e(P, "AlertDialogTitle");
|
|
107
|
+
function k({
|
|
108
|
+
className: t,
|
|
109
|
+
...a
|
|
110
|
+
}) {
|
|
111
|
+
return /* @__PURE__ */ o(
|
|
112
|
+
p,
|
|
113
|
+
{
|
|
114
|
+
"data-slot": "alert-dialog-description",
|
|
115
|
+
className: l("fc:text-muted fc:text-sm", t),
|
|
116
|
+
...a
|
|
117
|
+
}
|
|
118
|
+
);
|
|
119
|
+
}
|
|
120
|
+
e(k, "AlertDialogDescription");
|
|
121
|
+
function R({
|
|
122
|
+
color: t = "primary",
|
|
123
|
+
className: a,
|
|
124
|
+
...c
|
|
125
|
+
}) {
|
|
126
|
+
return /* @__PURE__ */ o(
|
|
127
|
+
x,
|
|
128
|
+
{
|
|
129
|
+
className: l(r({ color: t }), a),
|
|
130
|
+
...c
|
|
131
|
+
}
|
|
132
|
+
);
|
|
133
|
+
}
|
|
134
|
+
e(R, "AlertDialogAction");
|
|
135
|
+
function F({
|
|
136
|
+
className: t,
|
|
137
|
+
...a
|
|
138
|
+
}) {
|
|
139
|
+
return /* @__PURE__ */ o(
|
|
140
|
+
D,
|
|
141
|
+
{
|
|
142
|
+
className: l(r({ variant: "ghost", color: "dark" }), t),
|
|
143
|
+
...a
|
|
144
|
+
}
|
|
145
|
+
);
|
|
146
|
+
}
|
|
147
|
+
e(F, "AlertDialogCancel");
|
|
148
|
+
export {
|
|
149
|
+
C as AlertDialog,
|
|
150
|
+
R as AlertDialogAction,
|
|
151
|
+
F as AlertDialogCancel,
|
|
152
|
+
z as AlertDialogContent,
|
|
153
|
+
k as AlertDialogDescription,
|
|
154
|
+
O as AlertDialogFooter,
|
|
155
|
+
j as AlertDialogHeader,
|
|
156
|
+
v as AlertDialogOverlay,
|
|
157
|
+
A as AlertDialogPortal,
|
|
158
|
+
P as AlertDialogTitle,
|
|
159
|
+
h as AlertDialogTrigger
|
|
160
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { VariantProps } from "class-variance-authority";
|
|
2
2
|
declare const alertVariants: (props?: ({
|
|
3
|
-
variant?: "info" | "
|
|
3
|
+
variant?: "info" | "success" | "warning" | "destructive" | null | undefined;
|
|
4
4
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
5
5
|
declare function Alert({ variant, className, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { VariantProps } from "class-variance-authority";
|
|
2
2
|
declare const badgeVariants: (props?: ({
|
|
3
|
-
variant?: "
|
|
3
|
+
variant?: "primary" | "info" | "success" | "warning" | "destructive" | null | undefined;
|
|
4
4
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
5
5
|
declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
|
|
6
6
|
asChild?: boolean;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { VariantProps } from "class-variance-authority";
|
|
2
2
|
declare const buttonVariants: (props?: ({
|
|
3
|
-
color?: "
|
|
4
|
-
variant?: "
|
|
3
|
+
color?: "primary" | "info" | "success" | "warning" | "destructive" | "dark" | null | undefined;
|
|
4
|
+
variant?: "contained" | "outline" | "ghost" | "link" | null | undefined;
|
|
5
5
|
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
6
6
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
7
|
declare function Button({ className, variant, color, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
type QueryType = {
|
|
2
|
+
isPending: boolean;
|
|
3
|
+
isRefetching: boolean;
|
|
4
|
+
isError: boolean;
|
|
5
|
+
isRefetchError: boolean;
|
|
6
|
+
};
|
|
7
|
+
export declare function DataLoader({ errorPlaceholder, queries, loadingText, children, }: {
|
|
8
|
+
errorPlaceholder?: React.ReactNode;
|
|
9
|
+
queries?: Array<QueryType>;
|
|
10
|
+
loadingText?: string;
|
|
11
|
+
children: React.ReactNode | (() => React.ReactNode);
|
|
12
|
+
}): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | null | undefined;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
var f = Object.defineProperty;
|
|
2
|
+
var s = (i, t) => f(i, "name", { value: t, configurable: !0 });
|
|
3
|
+
import { jsx as r, jsxs as d } from "react/jsx-runtime";
|
|
4
|
+
import { ScaleLoader as m } from "react-spinners";
|
|
5
|
+
import { Alert as h, AlertTitle as u } from "./alert.js";
|
|
6
|
+
function j({
|
|
7
|
+
errorPlaceholder: i,
|
|
8
|
+
queries: t,
|
|
9
|
+
loadingText: l = "Chargement",
|
|
10
|
+
children: n
|
|
11
|
+
}) {
|
|
12
|
+
const a = /* @__PURE__ */ s((e) => {
|
|
13
|
+
c || (c = e.isPending || e.isRefetching), o || (o = e.isError || e.isRefetchError);
|
|
14
|
+
}, "checkQuery");
|
|
15
|
+
let c = !1, o = !1;
|
|
16
|
+
return t && Array.isArray(t) && t.forEach((e) => a(e)), c ? /* @__PURE__ */ r("div", { className: "min-h-[90px]", children: /* @__PURE__ */ r("div", { className: "flex items-center justify-center text-gray-500", children: /* @__PURE__ */ d("div", { className: "flex items-center justify-center flex-col", children: [
|
|
17
|
+
/* @__PURE__ */ r(m, { color: "#405189" }),
|
|
18
|
+
/* @__PURE__ */ r("div", { children: l })
|
|
19
|
+
] }) }) }) : o ? i ?? /* @__PURE__ */ r(h, { color: "destructive", children: /* @__PURE__ */ r(u, { children: "Une erreur est survenue lors du chargement des données." }) }) : typeof n == "function" ? n() : n;
|
|
20
|
+
}
|
|
21
|
+
s(j, "DataLoader");
|
|
22
|
+
export {
|
|
23
|
+
j as DataLoader
|
|
24
|
+
};
|
|
@@ -43,7 +43,7 @@ declare function SidebarGroupContent({ className, ...props }: React.ComponentPro
|
|
|
43
43
|
declare function SidebarMenu({ className, ...props }: React.ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
|
|
44
44
|
declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
|
|
45
45
|
declare const sidebarMenuButtonVariants: (props?: ({
|
|
46
|
-
variant?: "
|
|
46
|
+
variant?: "outline" | "default" | null | undefined;
|
|
47
47
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
48
48
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
49
49
|
declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React.ComponentProps<"button"> & {
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, } from "./components/alert-dialog";
|
|
2
2
|
export { Alert, AlertTitle, AlertDescription } from "./components/alert";
|
|
3
3
|
export { Badge } from "./components/badge";
|
|
4
4
|
export { Button, buttonVariants } from "./components/button";
|
|
@@ -8,6 +8,7 @@ export { Card, CardHeader, CardAction, CardTitle, CardDescription, CardContent,
|
|
|
8
8
|
export { Checkbox } from "./components/checkbox";
|
|
9
9
|
export { DatePicker } from "./components/date-picker";
|
|
10
10
|
export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./components/dialog";
|
|
11
|
+
export { DataLoader } from "./components/data-loader";
|
|
11
12
|
export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, } from "./components/dropdown-menu";
|
|
12
13
|
export { Input } from "./components/input";
|
|
13
14
|
export { Label } from "./components/label";
|
package/dist/index.js
CHANGED
|
@@ -1,145 +1,157 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { Alert as
|
|
3
|
-
import { Badge as
|
|
4
|
-
import { Button as
|
|
5
|
-
import { Avatar as
|
|
6
|
-
import { Calendar as
|
|
7
|
-
import { Card as
|
|
8
|
-
import { Checkbox as
|
|
9
|
-
import { DatePicker as
|
|
10
|
-
import { Dialog as
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
1
|
+
import { AlertDialog as r, AlertDialogAction as t, AlertDialogCancel as a, AlertDialogContent as i, AlertDialogDescription as n, AlertDialogFooter as l, AlertDialogHeader as p, AlertDialogOverlay as d, AlertDialogPortal as g, AlertDialogTitle as b, AlertDialogTrigger as S } from "./components/alert-dialog.js";
|
|
2
|
+
import { Alert as D, AlertDescription as m, AlertTitle as x } from "./components/alert.js";
|
|
3
|
+
import { Badge as f } from "./components/badge.js";
|
|
4
|
+
import { Button as M, buttonVariants as A } from "./components/button.js";
|
|
5
|
+
import { Avatar as P, AvatarFallback as c, AvatarImage as w } from "./components/avatar.js";
|
|
6
|
+
import { Calendar as v } from "./components/calendar.js";
|
|
7
|
+
import { Card as k, CardAction as B, CardContent as F, CardDescription as H, CardFooter as G, CardHeader as L, CardTitle as y } from "./components/card.js";
|
|
8
|
+
import { Checkbox as O } from "./components/checkbox.js";
|
|
9
|
+
import { DatePicker as N } from "./components/date-picker.js";
|
|
10
|
+
import { Dialog as j, DialogClose as q, DialogContent as z, DialogDescription as J, DialogFooter as K, DialogHeader as Q, DialogOverlay as U, DialogPortal as W, DialogTitle as X, DialogTrigger as Y } from "./components/dialog.js";
|
|
11
|
+
import { DataLoader as _ } from "./components/data-loader.js";
|
|
12
|
+
import { DropdownMenu as ee, DropdownMenuCheckboxItem as oe, DropdownMenuContent as re, DropdownMenuGroup as te, DropdownMenuItem as ae, DropdownMenuLabel as ie, DropdownMenuPortal as ne, DropdownMenuRadioGroup as le, DropdownMenuRadioItem as pe, DropdownMenuSeparator as de, DropdownMenuShortcut as ge, DropdownMenuSub as be, DropdownMenuSubContent as Se, DropdownMenuSubTrigger as ue, DropdownMenuTrigger as De } from "./components/dropdown-menu.js";
|
|
13
|
+
import { Input as xe } from "./components/input.js";
|
|
14
|
+
import { Label as fe } from "./components/label.js";
|
|
15
|
+
import { Pagination as Me, PaginationContent as Ae, PaginationEllipsis as se, PaginationItem as Pe, PaginationLink as ce, PaginationNext as we, PaginationPrevious as he } from "./components/pagination.js";
|
|
16
|
+
import { Popover as Ie, PopoverAnchor as ke, PopoverContent as Be, PopoverTrigger as Fe } from "./components/popover.js";
|
|
17
|
+
import { Select as Ge } from "./components/select.js";
|
|
18
|
+
import { Separator as ye } from "./components/separator.js";
|
|
19
|
+
import { Sheet as Oe, SheetBody as Ee, SheetClose as Ne, SheetContent as Ve, SheetDescription as je, SheetFooter as qe, SheetHeader as ze, SheetTitle as Je, SheetTrigger as Ke } from "./components/sheet.js";
|
|
20
|
+
import { Sidebar as Ue, SidebarContent as We, SidebarFooter as Xe, SidebarGroup as Ye, SidebarGroupAction as Ze, SidebarGroupContent as _e, SidebarGroupLabel as $e, SidebarHeader as eo, SidebarInput as oo, SidebarInset as ro, SidebarMenu as to, SidebarMenuAction as ao, SidebarMenuBadge as io, SidebarMenuButton as no, SidebarMenuItem as lo, SidebarMenuSkeleton as po, SidebarMenuSub as go, SidebarMenuSubButton as bo, SidebarMenuSubItem as So, SidebarProvider as uo, SidebarRail as Do, SidebarSeparator as mo, SidebarTrigger as xo, useSidebar as To } from "./components/sidebar.js";
|
|
21
|
+
import { SimplePagination as Co } from "./components/simple-pagination.js";
|
|
22
|
+
import { SimpleTooltip as Ao } from "./components/simple-tooltip.js";
|
|
23
|
+
import { Skeleton as Po } from "./components/skeleton.js";
|
|
24
|
+
import { Switch as wo } from "./components/switch.js";
|
|
25
|
+
import { Toaster as vo } from "./components/sonner.js";
|
|
26
|
+
import { Table as ko, TableBody as Bo, TableCaption as Fo, TableCell as Ho, TableFooter as Go, TableHead as Lo, TableHeader as yo, TableRow as Ro } from "./components/table.js";
|
|
27
|
+
import { Tabs as Eo, TabsContent as No, TabsList as Vo, TabsTrigger as jo } from "./components/tabs.js";
|
|
28
|
+
import { Textarea as zo } from "./components/textarea.js";
|
|
29
|
+
import { Tooltip as Ko, TooltipContent as Qo, TooltipProvider as Uo, TooltipTrigger as Wo } from "./components/tooltip.js";
|
|
29
30
|
export {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
ee as
|
|
71
|
-
oe as
|
|
72
|
-
re as
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
ge as
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
Ue as
|
|
110
|
-
We as
|
|
111
|
-
Xe as
|
|
112
|
-
Ye as
|
|
113
|
-
Ze as
|
|
114
|
-
_e as
|
|
115
|
-
$e as
|
|
116
|
-
eo as
|
|
117
|
-
oo as
|
|
118
|
-
ro as
|
|
119
|
-
to as
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
Ao as
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
31
|
+
D as Alert,
|
|
32
|
+
m as AlertDescription,
|
|
33
|
+
r as AlertDialog,
|
|
34
|
+
t as AlertDialogAction,
|
|
35
|
+
a as AlertDialogCancel,
|
|
36
|
+
i as AlertDialogContent,
|
|
37
|
+
n as AlertDialogDescription,
|
|
38
|
+
l as AlertDialogFooter,
|
|
39
|
+
p as AlertDialogHeader,
|
|
40
|
+
d as AlertDialogOverlay,
|
|
41
|
+
g as AlertDialogPortal,
|
|
42
|
+
b as AlertDialogTitle,
|
|
43
|
+
S as AlertDialogTrigger,
|
|
44
|
+
x as AlertTitle,
|
|
45
|
+
P as Avatar,
|
|
46
|
+
c as AvatarFallback,
|
|
47
|
+
w as AvatarImage,
|
|
48
|
+
f as Badge,
|
|
49
|
+
M as Button,
|
|
50
|
+
v as Calendar,
|
|
51
|
+
k as Card,
|
|
52
|
+
B as CardAction,
|
|
53
|
+
F as CardContent,
|
|
54
|
+
H as CardDescription,
|
|
55
|
+
G as CardFooter,
|
|
56
|
+
L as CardHeader,
|
|
57
|
+
y as CardTitle,
|
|
58
|
+
O as Checkbox,
|
|
59
|
+
_ as DataLoader,
|
|
60
|
+
N as DatePicker,
|
|
61
|
+
j as Dialog,
|
|
62
|
+
q as DialogClose,
|
|
63
|
+
z as DialogContent,
|
|
64
|
+
J as DialogDescription,
|
|
65
|
+
K as DialogFooter,
|
|
66
|
+
Q as DialogHeader,
|
|
67
|
+
U as DialogOverlay,
|
|
68
|
+
W as DialogPortal,
|
|
69
|
+
X as DialogTitle,
|
|
70
|
+
Y as DialogTrigger,
|
|
71
|
+
ee as DropdownMenu,
|
|
72
|
+
oe as DropdownMenuCheckboxItem,
|
|
73
|
+
re as DropdownMenuContent,
|
|
74
|
+
te as DropdownMenuGroup,
|
|
75
|
+
ae as DropdownMenuItem,
|
|
76
|
+
ie as DropdownMenuLabel,
|
|
77
|
+
ne as DropdownMenuPortal,
|
|
78
|
+
le as DropdownMenuRadioGroup,
|
|
79
|
+
pe as DropdownMenuRadioItem,
|
|
80
|
+
de as DropdownMenuSeparator,
|
|
81
|
+
ge as DropdownMenuShortcut,
|
|
82
|
+
be as DropdownMenuSub,
|
|
83
|
+
Se as DropdownMenuSubContent,
|
|
84
|
+
ue as DropdownMenuSubTrigger,
|
|
85
|
+
De as DropdownMenuTrigger,
|
|
86
|
+
xe as Input,
|
|
87
|
+
fe as Label,
|
|
88
|
+
Me as Pagination,
|
|
89
|
+
Ae as PaginationContent,
|
|
90
|
+
se as PaginationEllipsis,
|
|
91
|
+
Pe as PaginationItem,
|
|
92
|
+
ce as PaginationLink,
|
|
93
|
+
we as PaginationNext,
|
|
94
|
+
he as PaginationPrevious,
|
|
95
|
+
Ie as Popover,
|
|
96
|
+
ke as PopoverAnchor,
|
|
97
|
+
Be as PopoverContent,
|
|
98
|
+
Fe as PopoverTrigger,
|
|
99
|
+
Ge as Select,
|
|
100
|
+
ye as Separator,
|
|
101
|
+
Oe as Sheet,
|
|
102
|
+
Ee as SheetBody,
|
|
103
|
+
Ne as SheetClose,
|
|
104
|
+
Ve as SheetContent,
|
|
105
|
+
je as SheetDescription,
|
|
106
|
+
qe as SheetFooter,
|
|
107
|
+
ze as SheetHeader,
|
|
108
|
+
Je as SheetTitle,
|
|
109
|
+
Ke as SheetTrigger,
|
|
110
|
+
Ue as Sidebar,
|
|
111
|
+
We as SidebarContent,
|
|
112
|
+
Xe as SidebarFooter,
|
|
113
|
+
Ye as SidebarGroup,
|
|
114
|
+
Ze as SidebarGroupAction,
|
|
115
|
+
_e as SidebarGroupContent,
|
|
116
|
+
$e as SidebarGroupLabel,
|
|
117
|
+
eo as SidebarHeader,
|
|
118
|
+
oo as SidebarInput,
|
|
119
|
+
ro as SidebarInset,
|
|
120
|
+
to as SidebarMenu,
|
|
121
|
+
ao as SidebarMenuAction,
|
|
122
|
+
io as SidebarMenuBadge,
|
|
123
|
+
no as SidebarMenuButton,
|
|
124
|
+
lo as SidebarMenuItem,
|
|
125
|
+
po as SidebarMenuSkeleton,
|
|
126
|
+
go as SidebarMenuSub,
|
|
127
|
+
bo as SidebarMenuSubButton,
|
|
128
|
+
So as SidebarMenuSubItem,
|
|
129
|
+
uo as SidebarProvider,
|
|
130
|
+
Do as SidebarRail,
|
|
131
|
+
mo as SidebarSeparator,
|
|
132
|
+
xo as SidebarTrigger,
|
|
133
|
+
Co as SimplePagination,
|
|
134
|
+
Ao as SimpleTooltip,
|
|
135
|
+
Po as Skeleton,
|
|
136
|
+
wo as Switch,
|
|
137
|
+
ko as Table,
|
|
138
|
+
Bo as TableBody,
|
|
139
|
+
Fo as TableCaption,
|
|
140
|
+
Ho as TableCell,
|
|
141
|
+
Go as TableFooter,
|
|
142
|
+
Lo as TableHead,
|
|
143
|
+
yo as TableHeader,
|
|
144
|
+
Ro as TableRow,
|
|
145
|
+
Eo as Tabs,
|
|
146
|
+
No as TabsContent,
|
|
147
|
+
Vo as TabsList,
|
|
148
|
+
jo as TabsTrigger,
|
|
149
|
+
zo as Textarea,
|
|
150
|
+
vo as Toaster,
|
|
151
|
+
Ko as Tooltip,
|
|
152
|
+
Qo as TooltipContent,
|
|
153
|
+
Uo as TooltipProvider,
|
|
154
|
+
Wo as TooltipTrigger,
|
|
155
|
+
A as buttonVariants,
|
|
156
|
+
To as useSidebar
|
|
145
157
|
};
|
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
var M = Object.defineProperty;
|
|
2
|
+
var s = (e, o) => M(e, "name", { value: o, configurable: !0 });
|
|
3
|
+
import * as l from "react";
|
|
4
|
+
import { createContextScope as x } from "../../react-context/dist/index.js";
|
|
5
|
+
import { useComposedRefs as v } from "../../react-compose-refs/dist/index.js";
|
|
6
|
+
import { createDialogScope as f, Root as I, Portal as L, Overlay as $, Trigger as F, WarningProvider as G, Content as j, Title as W, Description as Y, Close as D } from "../../react-dialog/dist/index.js";
|
|
7
|
+
import { composeEventHandlers as q } from "../../primitive/dist/index.js";
|
|
8
|
+
import { createSlottable as B } from "../../react-slot/dist/index.js";
|
|
9
|
+
import { jsx as i, jsxs as H } from "react/jsx-runtime";
|
|
10
|
+
var m = "AlertDialog", [V, ne] = x(m, [
|
|
11
|
+
f
|
|
12
|
+
]), n = f(), y = /* @__PURE__ */ s((e) => {
|
|
13
|
+
const { __scopeAlertDialog: o, ...r } = e, t = n(o);
|
|
14
|
+
return /* @__PURE__ */ i(I, { ...t, ...r, modal: !0 });
|
|
15
|
+
}, "AlertDialog");
|
|
16
|
+
y.displayName = m;
|
|
17
|
+
var k = "AlertDialogTrigger", _ = l.forwardRef(
|
|
18
|
+
(e, o) => {
|
|
19
|
+
const { __scopeAlertDialog: r, ...t } = e, a = n(r);
|
|
20
|
+
return /* @__PURE__ */ i(F, { ...a, ...t, ref: o });
|
|
21
|
+
}
|
|
22
|
+
);
|
|
23
|
+
_.displayName = k;
|
|
24
|
+
var z = "AlertDialogPortal", N = /* @__PURE__ */ s((e) => {
|
|
25
|
+
const { __scopeAlertDialog: o, ...r } = e, t = n(o);
|
|
26
|
+
return /* @__PURE__ */ i(L, { ...t, ...r });
|
|
27
|
+
}, "AlertDialogPortal");
|
|
28
|
+
N.displayName = z;
|
|
29
|
+
var J = "AlertDialogOverlay", R = l.forwardRef(
|
|
30
|
+
(e, o) => {
|
|
31
|
+
const { __scopeAlertDialog: r, ...t } = e, a = n(r);
|
|
32
|
+
return /* @__PURE__ */ i($, { ...a, ...t, ref: o });
|
|
33
|
+
}
|
|
34
|
+
);
|
|
35
|
+
R.displayName = J;
|
|
36
|
+
var c = "AlertDialogContent", [K, Q] = V(c), U = B("AlertDialogContent"), C = l.forwardRef(
|
|
37
|
+
(e, o) => {
|
|
38
|
+
const { __scopeAlertDialog: r, children: t, ...a } = e, d = n(r), g = l.useRef(null), w = v(o, g), u = l.useRef(null);
|
|
39
|
+
return /* @__PURE__ */ i(
|
|
40
|
+
G,
|
|
41
|
+
{
|
|
42
|
+
contentName: c,
|
|
43
|
+
titleName: h,
|
|
44
|
+
docsSlug: "alert-dialog",
|
|
45
|
+
children: /* @__PURE__ */ i(K, { scope: r, cancelRef: u, children: /* @__PURE__ */ H(
|
|
46
|
+
j,
|
|
47
|
+
{
|
|
48
|
+
role: "alertdialog",
|
|
49
|
+
...d,
|
|
50
|
+
...a,
|
|
51
|
+
ref: w,
|
|
52
|
+
onOpenAutoFocus: q(a.onOpenAutoFocus, (p) => {
|
|
53
|
+
var A;
|
|
54
|
+
p.preventDefault(), (A = u.current) == null || A.focus({ preventScroll: !0 });
|
|
55
|
+
}),
|
|
56
|
+
onPointerDownOutside: /* @__PURE__ */ s((p) => p.preventDefault(), "onPointerDownOutside"),
|
|
57
|
+
onInteractOutside: /* @__PURE__ */ s((p) => p.preventDefault(), "onInteractOutside"),
|
|
58
|
+
children: [
|
|
59
|
+
/* @__PURE__ */ i(U, { children: t }),
|
|
60
|
+
/* @__PURE__ */ i(Z, { contentRef: g })
|
|
61
|
+
]
|
|
62
|
+
}
|
|
63
|
+
) })
|
|
64
|
+
}
|
|
65
|
+
);
|
|
66
|
+
}
|
|
67
|
+
);
|
|
68
|
+
C.displayName = c;
|
|
69
|
+
var h = "AlertDialogTitle", E = l.forwardRef(
|
|
70
|
+
(e, o) => {
|
|
71
|
+
const { __scopeAlertDialog: r, ...t } = e, a = n(r);
|
|
72
|
+
return /* @__PURE__ */ i(W, { ...a, ...t, ref: o });
|
|
73
|
+
}
|
|
74
|
+
);
|
|
75
|
+
E.displayName = h;
|
|
76
|
+
var S = "AlertDialogDescription", P = l.forwardRef((e, o) => {
|
|
77
|
+
const { __scopeAlertDialog: r, ...t } = e, a = n(r);
|
|
78
|
+
return /* @__PURE__ */ i(Y, { ...a, ...t, ref: o });
|
|
79
|
+
});
|
|
80
|
+
P.displayName = S;
|
|
81
|
+
var X = "AlertDialogAction", T = l.forwardRef(
|
|
82
|
+
(e, o) => {
|
|
83
|
+
const { __scopeAlertDialog: r, ...t } = e, a = n(r);
|
|
84
|
+
return /* @__PURE__ */ i(D, { ...a, ...t, ref: o });
|
|
85
|
+
}
|
|
86
|
+
);
|
|
87
|
+
T.displayName = X;
|
|
88
|
+
var O = "AlertDialogCancel", b = l.forwardRef(
|
|
89
|
+
(e, o) => {
|
|
90
|
+
const { __scopeAlertDialog: r, ...t } = e, { cancelRef: a } = Q(O, r), d = n(r), g = v(o, a);
|
|
91
|
+
return /* @__PURE__ */ i(D, { ...d, ...t, ref: g });
|
|
92
|
+
}
|
|
93
|
+
);
|
|
94
|
+
b.displayName = O;
|
|
95
|
+
var Z = /* @__PURE__ */ s(({ contentRef: e }) => {
|
|
96
|
+
const o = `\`${c}\` requires a description for the component to be accessible for screen reader users.
|
|
97
|
+
|
|
98
|
+
You can add a description to the \`${c}\` by passing a \`${S}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
|
|
99
|
+
|
|
100
|
+
Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${c}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
|
|
101
|
+
|
|
102
|
+
For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;
|
|
103
|
+
return l.useEffect(() => {
|
|
104
|
+
var t;
|
|
105
|
+
document.getElementById(
|
|
106
|
+
(t = e.current) == null ? void 0 : t.getAttribute("aria-describedby")
|
|
107
|
+
) || console.warn(o);
|
|
108
|
+
}, [o, e]), null;
|
|
109
|
+
}, "DescriptionWarning"), se = y, ce = _, pe = N, ge = R, de = C, ue = T, Ae = b, ve = E, fe = P;
|
|
110
|
+
export {
|
|
111
|
+
ue as Action,
|
|
112
|
+
y as AlertDialog,
|
|
113
|
+
T as AlertDialogAction,
|
|
114
|
+
b as AlertDialogCancel,
|
|
115
|
+
C as AlertDialogContent,
|
|
116
|
+
P as AlertDialogDescription,
|
|
117
|
+
R as AlertDialogOverlay,
|
|
118
|
+
N as AlertDialogPortal,
|
|
119
|
+
E as AlertDialogTitle,
|
|
120
|
+
_ as AlertDialogTrigger,
|
|
121
|
+
Ae as Cancel,
|
|
122
|
+
de as Content,
|
|
123
|
+
fe as Description,
|
|
124
|
+
ge as Overlay,
|
|
125
|
+
pe as Portal,
|
|
126
|
+
se as Root,
|
|
127
|
+
ve as Title,
|
|
128
|
+
ce as Trigger,
|
|
129
|
+
ne as createAlertDialogScope
|
|
130
|
+
};
|
package/package.json
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
"url": "https://github.com/F1na/fina-react-ds"
|
|
6
6
|
},
|
|
7
7
|
"private": false,
|
|
8
|
-
"version": "1.0.
|
|
8
|
+
"version": "1.0.4",
|
|
9
9
|
"type": "module",
|
|
10
10
|
"files": [
|
|
11
11
|
"dist"
|
|
@@ -35,6 +35,7 @@
|
|
|
35
35
|
"react-day-picker": "9.7.0",
|
|
36
36
|
"react-dom": "^19.0.0",
|
|
37
37
|
"react-select": "^5.10.1",
|
|
38
|
+
"react-spinners": "^0.17.0",
|
|
38
39
|
"sonner": "^2.0.5",
|
|
39
40
|
"tailwind-merge": "^3.3.1",
|
|
40
41
|
"tailwindcss": "^4.0.0",
|