fina-react-ds 1.0.16 → 1.0.18

package/dist/components/form-color-picker.js

@@ -0,0 +1,29 @@
+var i = Object.defineProperty;
+var m = (o, e) => i(o, "name", { value: e, configurable: !0 });
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import { HexColorPicker as s } from "react-colorful";
+import { useFormContext as F } from "react-hook-form";
+import { FormField as f, FormItem as p, FormLabel as x, FormControl as a, FormMessage as d } from "./form.js";
+function P({
+  name: o,
+  label: e,
+  required: l = !1
+}) {
+  const { control: n } = F();
+  return /* @__PURE__ */ r(
+    f,
+    {
+      control: n,
+      name: o,
+      render: /* @__PURE__ */ m(({ field: t }) => /* @__PURE__ */ c(p, { children: [
+        /* @__PURE__ */ r(x, { required: l, children: e }),
+        /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(s, { color: t.value ?? "", ...t }) }),
+        /* @__PURE__ */ r(d, {})
+      ] }), "render")
+    }
+  );
+}
+m(P, "FormColorPicker");
+export {
+  P as FormColorPicker
+};

package/dist/index.d.ts

@@ -32,6 +32,7 @@ export { Tabs, TabsList, TabsTrigger, TabsContent } from "./components/tabs";
 export { Textarea } from "./components/textarea";
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, } from "./components/tooltip";
 export { FormDate } from "./components/form-date";
+export { FormColorPicker } from "./components/form-color-picker";
 export { FormFileUploader } from "./components/form-file-uploader";
 export { FormInput } from "./components/form-input";
 export { FormSelect } from "./components/form-select";
@@ -40,3 +41,4 @@ 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";
+export { formatDate } from "./lib/date";

package/dist/index.js

@@ -1,10 +1,10 @@
 import { AlertDialog as r, AlertDialogAction as t, AlertDialogCancel as a, AlertDialogContent as i, AlertDialogDescription as n, AlertDialogFooter as p, AlertDialogHeader as l, AlertDialogOverlay as d, AlertDialogPortal as m, AlertDialogTitle as g, AlertDialogTrigger as S } from "./components/alert-dialog.js";
 import { Alert as u, AlertDescription as x, AlertTitle as D } from "./components/alert.js";
 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 { Button as s, buttonVariants as F } from "./components/button.js";
+import { Avatar as c, AvatarFallback as P, AvatarImage as A } from "./components/avatar.js";
 import { Calendar as h } from "./components/calendar.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 { Card as I, CardAction as H, CardContent as k, CardDescription as L, 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";
@@ -12,18 +12,18 @@ import { DataLoader as _ } from "./components/data-loader.js";
 import { DropdownMenu as ee, DropdownMenuCheckboxItem as oe, DropdownMenuContent as re, DropdownMenuGroup as te, DropdownMenuItem as ae, DropdownMenuLabel as ie, DropdownMenuPortal as ne, DropdownMenuRadioGroup as pe, DropdownMenuRadioItem as le, DropdownMenuSeparator as de, DropdownMenuShortcut as me, DropdownMenuSub as ge, DropdownMenuSubContent as Se, DropdownMenuSubTrigger as be, DropdownMenuTrigger as ue } from "./components/dropdown-menu.js";
 import { FileUploader as De } from "./components/file-uploader.js";
 import { HoverCard as Te, HoverCardContent as Ce, HoverCardTrigger as se } from "./components/hover-card.js";
-import { Input as Fe } from "./components/input.js";
-import { Label as Ae } from "./components/label.js";
+import { Input as Me } from "./components/input.js";
+import { Label as Pe } 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 Le, PaginationLink as ke, PaginationNext as Be, PaginationPrevious as Ge } from "./components/pagination.js";
+import { Pagination as ve, PaginationContent as Ie, PaginationEllipsis as He, PaginationItem as ke, PaginationLink as Le, 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";
 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 { 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 Fo, SidebarMenuSubItem as Mo, SidebarProvider as co, SidebarRail as Po, SidebarSeparator as Ao, SidebarTrigger as wo, useSidebar as ho } from "./components/sidebar.js";
 import { SimplePagination as Io } from "./components/simple-pagination.js";
-import { SimpleTooltip as Lo } from "./components/simple-tooltip.js";
+import { SimpleTooltip as ko } 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";
@@ -32,14 +32,16 @@ import { Tabs as Wo, TabsContent as Xo, TabsList as Yo, TabsTrigger as Zo } from
 import { Textarea as $o } from "./components/textarea.js";
 import { Tooltip as or, TooltipContent as rr, TooltipProvider as tr, TooltipTrigger as ar } from "./components/tooltip.js";
 import { FormDate as nr } from "./components/form-date.js";
-import { FormFileUploader as lr } from "./components/form-file-uploader.js";
-import { FormInput as mr } from "./components/form-input.js";
-import { FormSelect as Sr } from "./components/form-select.js";
-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";
+import { FormColorPicker as lr } from "./components/form-color-picker.js";
+import { FormFileUploader as mr } from "./components/form-file-uploader.js";
+import { FormInput as Sr } from "./components/form-input.js";
+import { FormSelect as ur } from "./components/form-select.js";
+import { FormSwitch as Dr } from "./components/form-switch.js";
+import { FormTextarea as Tr } from "./components/form-textarea.js";
+import { Form as sr, FormControl as Fr, FormDescription as Mr, FormField as cr, FormItem as Pr, FormLabel as Ar, FormMessage as wr, useFormField as hr } from "./components/form.js";
+import { ThemeProvider as Ir, useTheme as Hr } from "./providers/theme-provider.js";
+import { LoaderProvider as Lr, useLoader as Br } from "./providers/loader-provider.js";
+import { formatDate as Rr } from "./lib/date.js";
 export {
   u as Alert,
   x as AlertDescription,
@@ -56,15 +58,15 @@ export {
   S as AlertDialogTrigger,
   D as AlertTitle,
   c as Avatar,
-  A as AvatarFallback,
-  P as AvatarImage,
+  P as AvatarFallback,
+  A as AvatarImage,
   T as Badge,
   s as Button,
   h as Calendar,
   I as Card,
   H as CardAction,
-  L as CardContent,
-  k as CardDescription,
+  k as CardContent,
+  L as CardDescription,
   B as CardFooter,
   G as CardHeader,
   R as CardTitle,
@@ -97,31 +99,32 @@ export {
   be as DropdownMenuSubTrigger,
   ue as DropdownMenuTrigger,
   De as FileUploader,
-  Tr as Form,
-  Cr as FormControl,
+  sr as Form,
+  lr as FormColorPicker,
+  Fr as FormControl,
   nr as FormDate,
-  sr as FormDescription,
-  Mr as FormField,
-  lr as FormFileUploader,
-  mr as FormInput,
-  Fr as FormItem,
-  cr as FormLabel,
-  Ar as FormMessage,
-  Sr as FormSelect,
-  ur as FormSwitch,
-  Dr as FormTextarea,
+  Mr as FormDescription,
+  cr as FormField,
+  mr as FormFileUploader,
+  Sr as FormInput,
+  Pr as FormItem,
+  Ar as FormLabel,
+  wr as FormMessage,
+  ur as FormSelect,
+  Dr as FormSwitch,
+  Tr as FormTextarea,
   Te as HoverCard,
   Ce as HoverCardContent,
   se as HoverCardTrigger,
-  Fe as Input,
-  Ae as Label,
-  Hr as LoaderProvider,
+  Me as Input,
+  Pe as Label,
+  Lr as LoaderProvider,
   we as ModeToggle,
   ve as Pagination,
   Ie as PaginationContent,
   He as PaginationEllipsis,
-  Le as PaginationItem,
-  ke as PaginationLink,
+  ke as PaginationItem,
+  Le as PaginationLink,
   Be as PaginationNext,
   Ge as PaginationPrevious,
   ye as PasswordRulesChecker,
@@ -157,14 +160,14 @@ export {
   To as SidebarMenuItem,
   Co as SidebarMenuSkeleton,
   so as SidebarMenuSub,
-  Mo as SidebarMenuSubButton,
-  Fo as SidebarMenuSubItem,
+  Fo as SidebarMenuSubButton,
+  Mo as SidebarMenuSubItem,
   co as SidebarProvider,
-  Ao as SidebarRail,
-  Po as SidebarSeparator,
+  Po as SidebarRail,
+  Ao as SidebarSeparator,
   wo as SidebarTrigger,
   Io as SimplePagination,
-  Lo as SimpleTooltip,
+  ko as SimpleTooltip,
   Bo as Skeleton,
   Ro as Switch,
   Eo as Table,
@@ -180,15 +183,16 @@ export {
   Yo as TabsList,
   Zo as TabsTrigger,
   $o as Textarea,
-  hr as ThemeProvider,
+  Ir as ThemeProvider,
   Oo as Toaster,
   or as Tooltip,
   rr as TooltipContent,
   tr as TooltipProvider,
   ar as TooltipTrigger,
-  M as buttonVariants,
-  Pr as useFormField,
-  Lr as useLoader,
+  F as buttonVariants,
+  Rr as formatDate,
+  hr as useFormField,
+  Br as useLoader,
   ho as useSidebar,
-  vr as useTheme
+  Hr as useTheme
 };

package/dist/lib/date.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Format date based on the provided pattern.
+ * @param {Date} date - The date to format
+ * @param {"api" | "displayDate" | "displayDateTime" | "displayTime" | string} pattern - The formatting pattern. Can be:
+* - `"api"`: returns the date in format `"YYYY-MM-DD"`,
+* - `"displayDate"`: returns the date in format `"DD/MM/YYYY",
+* - `"displayDateTime"`: returns the date in format `"DD/MM/YYYY" HH:mm"`,
+* - `"displayTime"`: returns the date in format `"HH:mm",
+* - or a custom date format string (e.g. `"YYYY-MM-DD"`).
+ * @returns {string} The formatted date
+ */
+declare const formatDate: (date: Date, pattern: "api" | "displayDate" | "displayDateTime" | "displayTime" | string) => string;
+export { formatDate };

package/dist/lib/date.js

@@ -0,0 +1,21 @@
+var m = Object.defineProperty;
+var o = (r, a) => m(r, "name", { value: a, configurable: !0 });
+import { format as e } from "date-fns";
+import { fr as l } from "../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/fr.js";
+const s = /* @__PURE__ */ o((r, a) => {
+  switch (a) {
+    case "api":
+      return e(r, "YYYY-MM-DD", { locale: l });
+    case "display":
+      return e(r, "DD/MM/YYYY", { locale: l });
+    case "displayDateTime":
+      return e(r, "DD/MM/YYYY HH:mm", { locale: l });
+    case "displayTime":
+      return e(r, "HH:mm", { locale: l });
+    default:
+      return e(r, a, { locale: l });
+  }
+}, "formatDate");
+export {
+  s as formatDate
+};

package/package.json

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