fina-react-ds 1.0.14 → 1.0.15

package/dist/index.d.ts

@@ -39,3 +39,4 @@ export { FormSwitch } from "./components/form-switch";
 export { FormTextarea } from "./components/form-textarea";
 export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, } from "./components/form";
 export { ThemeProvider, useTheme } from "./providers/theme-provider";
+export { LoaderProvider, useLoader } from "./providers/loader-provider";

package/dist/index.js

@@ -4,7 +4,7 @@ import { Badge as T } from "./components/badge.js";
 import { Button as s, buttonVariants as M } from "./components/button.js";
 import { Avatar as c, AvatarFallback as A, AvatarImage as P } from "./components/avatar.js";
 import { Calendar as h } from "./components/calendar.js";
-import { Card as I, CardAction as H, CardContent as k, CardDescription as B, CardFooter as L, CardHeader as G, CardTitle as R } from "./components/card.js";
+import { Card as I, CardAction as H, CardContent as L, CardDescription as k, CardFooter as B, CardHeader as G, CardTitle as R } from "./components/card.js";
 import { Checkbox as O } from "./components/checkbox.js";
 import { DatePicker as E } from "./components/date-picker.js";
 import { Dialog as V, DialogClose as j, DialogContent as q, DialogDescription as z, DialogFooter as J, DialogHeader as K, DialogOverlay as Q, DialogPortal as W, DialogTitle as X, DialogTrigger as Y } from "./components/dialog.js";
@@ -15,7 +15,7 @@ import { HoverCard as Te, HoverCardContent as Ce, HoverCardTrigger as se } from
 import { Input as Fe } from "./components/input.js";
 import { Label as Ae } from "./components/label.js";
 import { ModeToggle as we } from "./components/mode-toggle.js";
-import { Pagination as ve, PaginationContent as Ie, PaginationEllipsis as He, PaginationItem as ke, PaginationLink as Be, PaginationNext as Le, PaginationPrevious as Ge } from "./components/pagination.js";
+import { Pagination as ve, PaginationContent as Ie, PaginationEllipsis as He, PaginationItem as Le, PaginationLink as ke, PaginationNext as Be, PaginationPrevious as Ge } from "./components/pagination.js";
 import { PasswordRulesChecker as ye } from "./components/password-rules-checker.js";
 import { Popover as Ue, PopoverAnchor as Ee, PopoverContent as Ne, PopoverTrigger as Ve } from "./components/popover.js";
 import { Select as qe } from "./components/select.js";
@@ -23,8 +23,8 @@ import { Separator as Je } from "./components/separator.js";
 import { Sheet as Qe, SheetBody as We, SheetClose as Xe, SheetContent as Ye, SheetDescription as Ze, SheetFooter as _e, SheetHeader as $e, SheetTitle as eo, SheetTrigger as oo } from "./components/sheet.js";
 import { Sidebar as to, SidebarContent as ao, SidebarFooter as io, SidebarGroup as no, SidebarGroupAction as po, SidebarGroupContent as lo, SidebarGroupLabel as mo, SidebarHeader as go, SidebarInput as So, SidebarInset as bo, SidebarMenu as uo, SidebarMenuAction as xo, SidebarMenuBadge as Do, SidebarMenuButton as fo, SidebarMenuItem as To, SidebarMenuSkeleton as Co, SidebarMenuSub as so, SidebarMenuSubButton as Mo, SidebarMenuSubItem as Fo, SidebarProvider as co, SidebarRail as Ao, SidebarSeparator as Po, SidebarTrigger as wo, useSidebar as ho } from "./components/sidebar.js";
 import { SimplePagination as Io } from "./components/simple-pagination.js";
-import { SimpleTooltip as ko } from "./components/simple-tooltip.js";
-import { Skeleton as Lo } from "./components/skeleton.js";
+import { SimpleTooltip as Lo } from "./components/simple-tooltip.js";
+import { Skeleton as Bo } from "./components/skeleton.js";
 import { Switch as Ro } from "./components/switch.js";
 import { Toaster as Oo } from "./components/sonner.js";
 import { Table as Eo, TableBody as No, TableCaption as Vo, TableCell as jo, TableFooter as qo, TableHead as zo, TableHeader as Jo, TableRow as Ko } from "./components/table.js";
@@ -39,6 +39,7 @@ import { FormSwitch as ur } from "./components/form-switch.js";
 import { FormTextarea as Dr } from "./components/form-textarea.js";
 import { Form as Tr, FormControl as Cr, FormDescription as sr, FormField as Mr, FormItem as Fr, FormLabel as cr, FormMessage as Ar, useFormField as Pr } from "./components/form.js";
 import { ThemeProvider as hr, useTheme as vr } from "./providers/theme-provider.js";
+import { LoaderProvider as Hr, useLoader as Lr } from "./providers/loader-provider.js";
 export {
   u as Alert,
   x as AlertDescription,
@@ -62,9 +63,9 @@ export {
   h as Calendar,
   I as Card,
   H as CardAction,
-  k as CardContent,
-  B as CardDescription,
-  L as CardFooter,
+  L as CardContent,
+  k as CardDescription,
+  B as CardFooter,
   G as CardHeader,
   R as CardTitle,
   O as Checkbox,
@@ -114,13 +115,14 @@ export {
   se as HoverCardTrigger,
   Fe as Input,
   Ae as Label,
+  Hr as LoaderProvider,
   we as ModeToggle,
   ve as Pagination,
   Ie as PaginationContent,
   He as PaginationEllipsis,
-  ke as PaginationItem,
-  Be as PaginationLink,
-  Le as PaginationNext,
+  Le as PaginationItem,
+  ke as PaginationLink,
+  Be as PaginationNext,
   Ge as PaginationPrevious,
   ye as PasswordRulesChecker,
   Ue as Popover,
@@ -162,8 +164,8 @@ export {
   Po as SidebarSeparator,
   wo as SidebarTrigger,
   Io as SimplePagination,
-  ko as SimpleTooltip,
-  Lo as Skeleton,
+  Lo as SimpleTooltip,
+  Bo as Skeleton,
   Ro as Switch,
   Eo as Table,
   No as TableBody,
@@ -186,6 +188,7 @@ export {
   ar as TooltipTrigger,
   M as buttonVariants,
   Pr as useFormField,
+  Lr as useLoader,
   ho as useSidebar,
   vr as useTheme
 };

package/dist/providers/loader-provider.d.ts

@@ -0,0 +1,27 @@
+import { ToastT } from "sonner";
+interface PromiseIExtendedResult extends ExternalToast {
+    message: React.ReactNode;
+}
+type ExternalToast = Omit<ToastT, "id" | "type" | "title" | "jsx" | "delete" | "promise"> & {
+    id?: number | string;
+};
+type PromiseExternalToast = Omit<ExternalToast, "description">;
+type PromiseTExtendedResult<Data = any> = PromiseIExtendedResult | ((data: Data) => PromiseIExtendedResult | Promise<PromiseIExtendedResult>);
+type PromiseTResult<Data = any> = string | React.ReactNode | ((data: Data) => React.ReactNode | string | Promise<React.ReactNode | string>);
+type PromiseData<ToastData = any> = PromiseExternalToast & {
+    loading?: string | React.ReactNode;
+    success?: PromiseTResult<ToastData> | PromiseTExtendedResult<ToastData>;
+    error?: PromiseTResult | PromiseTExtendedResult;
+    description?: PromiseTResult;
+    finally?: () => void | Promise<void>;
+};
+type LoaderProviderProps = {
+    children: React.ReactNode;
+};
+type LoaderProviderState = {
+    isLoading: boolean;
+    loadingWithToast: (promise: Promise<unknown>, options: PromiseData<unknown>) => void;
+};
+export declare function LoaderProvider({ children, ...props }: LoaderProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare const useLoader: () => LoaderProviderState;
+export {};

package/dist/providers/loader-provider.js

@@ -0,0 +1,34 @@
+var c = Object.defineProperty;
+var t = (e, o) => c(e, "name", { value: o, configurable: !0 });
+import { jsxs as f, jsx as l } from "react/jsx-runtime";
+import { useState as u, createContext as m, useContext as g } from "react";
+import { toast as h } from "sonner";
+const v = {
+  isLoading: !1,
+  loadingWithToast: /* @__PURE__ */ t(() => null, "loadingWithToast")
+}, s = m(v);
+function P({ children: e, ...o }) {
+  const [r, i] = u(!1), d = {
+    isLoading: r,
+    loadingWithToast: /* @__PURE__ */ t((a, n) => {
+      i(!0), n.loading || (n.loading = "Chargement en cours"), h.promise(a, n), a.finally(() => {
+        i(!1);
+      });
+    }, "loadingWithToast")
+  };
+  return /* @__PURE__ */ f(s.Provider, { ...o, value: d, children: [
+    e,
+    r && /* @__PURE__ */ l("div", { className: "fc:fixed fc:inset-0 fc:z-9999 fc:bg-transparent fc:pointer-events-auto" })
+  ] });
+}
+t(P, "LoaderProvider");
+const w = /* @__PURE__ */ t(() => {
+  const e = g(s);
+  if (e === void 0)
+    throw new Error("useTheme must be used within a ThemeProvider");
+  return e;
+}, "useLoader");
+export {
+  P as LoaderProvider,
+  w as useLoader
+};

package/dist/themes/base.css

@@ -188,6 +188,9 @@
     container-type: inline-size;
     container-name: card-header;
   }
+  .fc\:pointer-events-auto {
+    pointer-events: auto;
+  }
   .fc\:pointer-events-none {
     pointer-events: none;
   }
@@ -265,6 +268,9 @@
   .fc\:z-50 {
     z-index: 50;
   }
+  .fc\:z-9999 {
+    z-index: 9999;
+  }
   .fc\:col-start-2 {
     grid-column-start: 2;
   }
@@ -623,13 +629,6 @@
   .fc\:gap-6 {
     gap: calc(var(--fc-spacing) * 6);
   }
-  .fc\:space-y-2 {
-    :where(& > :not(:last-child)) {
-      --tw-space-y-reverse: 0;
-      margin-block-start: calc(calc(var(--fc-spacing) * 2) * var(--tw-space-y-reverse));
-      margin-block-end: calc(calc(var(--fc-spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
-    }
-  }
   .fc\:space-y-4 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;

package/package.json

@@ -5,7 +5,7 @@
     "url": "https://github.com/F1na/fina-react-ds"
   },
   "private": false,
-  "version": "1.0.14",
+  "version": "1.0.15",
   "type": "module",
   "files": [
     "dist"