@facter/ds-core 1.3.1 → 1.4.0

package/dist/index.mjs

@@ -15,7 +15,8 @@ import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { toast as toast$1, Toaster as Toaster$1 } from 'sonner';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
-import { Controller, FormProvider as FormProvider$1 } from 'react-hook-form';
+import { FormProvider, useFormContext, Controller } from 'react-hook-form';
+export { FormProvider, useFormContext } from 'react-hook-form';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
@@ -2975,21 +2976,6 @@ var Textarea = React48.memo(
   )
 );
 Textarea.displayName = "Textarea";
-var FormContext = React48.createContext(null);
-function useFormContext() {
-  const context = React48.useContext(FormContext);
-  if (!context) {
-    throw new Error("useFormContext must be used within a Form provider");
-  }
-  return context.form;
-}
-function FormProvider({
-  form,
-  children
-}) {
-  const value = React48.useMemo(() => ({ form }), [form]);
-  return /* @__PURE__ */ jsx(FormContext.Provider, { value, children });
-}
 var FormFieldContext = React48.createContext(null);
 function useFormFieldContext() {
   const context = React48.useContext(FormFieldContext);
@@ -3006,15 +2992,14 @@ function FormFieldProvider({ name, children }) {
   const id = React48.useId();
   const fieldState = form.getFieldState(name, form.formState);
   const error = fieldState.error?.message;
-  const isRequired = false;
   const value = React48.useMemo(
     () => ({
       name,
       id,
       error,
-      isRequired
+      isRequired: false
     }),
-    [name, id, error, isRequired]
+    [name, id, error]
   );
   return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value, children });
 }
@@ -3578,7 +3563,7 @@ function FormRoot({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(FormProvider, { form, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(FormProvider, { ...form, children: /* @__PURE__ */ jsx(
     "form",
     {
       onSubmit: form.handleSubmit(onSubmit, onError),
@@ -6794,39 +6779,47 @@ function WizardNavigation({
   const {
     isFirstStep,
     isLastStep,
+    currentStep,
     goToNextStep,
     goToPrevStep,
     form
   } = useWizardContext();
   const isSubmitting = form.formState.isSubmitting;
   const shouldShowCancel = showCancel ?? isFirstStep;
-  const handleNext = useCallback(async () => {
+  const handleNext = useCallback(async (e) => {
+    e.preventDefault();
+    e.stopPropagation();
     await goToNextStep();
   }, [goToNextStep]);
-  const handlePrev = useCallback(() => {
+  const handlePrev = useCallback((e) => {
+    e.preventDefault();
+    e.stopPropagation();
     goToPrevStep();
   }, [goToPrevStep]);
-  const handleCancel = useCallback(() => {
+  const handleCancel = useCallback((e) => {
+    e.preventDefault();
+    e.stopPropagation();
     onCancel?.();
   }, [onCancel]);
   return /* @__PURE__ */ jsxs(
     "div",
     {
       className: cn(
-        "flex items-center justify-between gap-3 pt-4 border-t border-border",
+        "grid grid-cols-2 gap-3 pt-4 border-t border-border",
         className
       ),
       children: [
-        /* @__PURE__ */ jsx("div", { className: "flex-1", children: shouldShowCancel && onCancel ? /* @__PURE__ */ jsx(
+        shouldShowCancel && onCancel ? /* @__PURE__ */ jsx(
           Button,
           {
             type: "button",
             variant: "outline",
             onClick: handleCancel,
             disabled: isSubmitting,
-            className: "w-full sm:w-auto",
+            className: "w-full",
             children: cancelLabel
-          }
+          },
+          "cancel"
         ) : !isFirstStep ? /* @__PURE__ */ jsx(
           Button,
           {
@@ -6834,43 +6827,34 @@ function WizardNavigation({
             variant: "outline",
             onClick: handlePrev,
             disabled: isSubmitting,
-            className: "w-full sm:w-auto",
+            className: "w-full",
             children: prevLabel
-          }
-        ) : /* @__PURE__ */ jsx("div", {}) }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          !isFirstStep && shouldShowCancel && /* @__PURE__ */ jsx(
-            Button,
-            {
-              type: "button",
-              variant: "outline",
-              onClick: handlePrev,
-              disabled: isSubmitting,
-              children: prevLabel
-            }
-          ),
-          isLastStep ? /* @__PURE__ */ jsx(
-            Button,
-            {
-              type: "submit",
-              disabled: submitDisabled || isSubmitting,
-              className: "min-w-[120px]",
-              children: isSubmitting ? /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx(Loader, { variant: "spinner" }),
-                loadingLabel
-              ] }) : submitLabel
-            }
-          ) : /* @__PURE__ */ jsx(
-            Button,
-            {
-              type: "button",
-              onClick: handleNext,
-              disabled: isSubmitting,
-              className: "min-w-[120px]",
-              children: nextLabel
-            }
-          )
-        ] })
+          },
+          "prev"
+        ) : /* @__PURE__ */ jsx("div", {}),
+        isLastStep ? /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "submit",
+            disabled: submitDisabled || isSubmitting,
+            className: "w-full",
+            children: isSubmitting ? /* @__PURE__ */ jsxs("span", { className: "flex items-center justify-center gap-2", children: [
+              /* @__PURE__ */ jsx(Loader, { variant: "spinner" }),
+              loadingLabel
+            ] }) : submitLabel
+          },
+          `submit-step-${currentStep}`
+        ) : /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            onClick: handleNext,
+            disabled: isSubmitting,
+            className: "w-full",
+            children: nextLabel
+          },
+          `next-step-${currentStep}`
+        )
       ]
     }
   );
@@ -6940,7 +6924,7 @@ function WizardRoot({
       onComplete,
       validateOnNext,
       allowJumpToStep,
-      children: /* @__PURE__ */ jsx(FormProvider$1, { ...form, children: /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsx(FormProvider, { ...form, children: /* @__PURE__ */ jsx(
         "form",
         {
           onSubmit: form.handleSubmit(handleSubmit),
@@ -7106,6 +7090,6 @@ var THEME_INFO = {
   }
 };
 
-export { AuthLayout, Avatar, AvatarFallback, AvatarImage, Badge, BigNumberCard, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, DENSITY_CONFIG, DashboardLayout, DataTable, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DialogWrapper, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FACTER_THEMES, Form, FormCheckbox, FormDescription, FormError, FormFieldProvider, FormFieldWrapper, FormInput, FormLabel, FormProvider, FormRadioGroup, FormSelect, FormSwitch, FormTextarea, GlobalLoaderController, Input, Kanban, Loader, LoaderProvider, Logo, MobileNav, MobileNavItem, Navbar, NavbarCompanyProfile, NavbarNotification, NavbarUserMenu, Popover, PopoverContent, PopoverTrigger, RippleBackground, RippleEffect, RippleWrapper, ScrollArea, ScrollBar, SectionHeader, SectionHeaderActions, SectionHeaderBadge, SectionHeaderContent, SectionHeaderIcon, SectionHeaderRoot, SectionHeaderSubtitle, SectionHeaderTitle, Select, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectionLayout, Separator3 as Separator, Sidebar, Skeleton, Sparkline, Switch, THEME_INFO, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeProvider, ThemeToggle, Toaster, Wizard, WizardContent, WizardNavigation, WizardPanel, WizardProgress, WizardProvider, WizardStepConnector, WizardStepIndicator, WizardSteps, cn, loader, toast, useDashboardLayout, useDataTable, useDataTableColumnVisibility, useDataTableDensity, useDataTableEmpty, useDataTableInstance, useDataTableLoading, useDataTableMeta, useDataTablePagination, useDataTableSelection, useDataTableSorting, useDataTableState, useDebounce, useDebouncedCallback, useFormContext, useFormFieldContext, useKanban, useKanbanOptional, useLoader, useMediaQuery2 as useMediaQuery, useSidebar, useSidebarOptional, useTheme, useWizardContext, useWizardContextOptional };
+export { AuthLayout, Avatar, AvatarFallback, AvatarImage, Badge, BigNumberCard, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, DENSITY_CONFIG, DashboardLayout, DataTable, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DialogWrapper, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FACTER_THEMES, Form, FormCheckbox, FormDescription, FormError, FormFieldProvider, FormFieldWrapper, FormInput, FormLabel, FormRadioGroup, FormSelect, FormSwitch, FormTextarea, GlobalLoaderController, Input, Kanban, Loader, LoaderProvider, Logo, MobileNav, MobileNavItem, Navbar, NavbarCompanyProfile, NavbarNotification, NavbarUserMenu, Popover, PopoverContent, PopoverTrigger, RippleBackground, RippleEffect, RippleWrapper, ScrollArea, ScrollBar, SectionHeader, SectionHeaderActions, SectionHeaderBadge, SectionHeaderContent, SectionHeaderIcon, SectionHeaderRoot, SectionHeaderSubtitle, SectionHeaderTitle, Select, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectionLayout, Separator3 as Separator, Sidebar, Skeleton, Sparkline, Switch, THEME_INFO, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeProvider, ThemeToggle, Toaster, Wizard, WizardContent, WizardNavigation, WizardPanel, WizardProgress, WizardProvider, WizardStepConnector, WizardStepIndicator, WizardSteps, cn, loader, toast, useDashboardLayout, useDataTable, useDataTableColumnVisibility, useDataTableDensity, useDataTableEmpty, useDataTableInstance, useDataTableLoading, useDataTableMeta, useDataTablePagination, useDataTableSelection, useDataTableSorting, useDataTableState, useDebounce, useDebouncedCallback, useFormFieldContext, useKanban, useKanbanOptional, useLoader, useMediaQuery2 as useMediaQuery, useSidebar, useSidebarOptional, useTheme, useWizardContext, useWizardContextOptional };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map