shadcn-zod-formkit 1.5.0 → 1.6.0

package/dist/index.cjs

@@ -4944,9 +4944,9 @@ var DynamicForm = ({
   record = {},
   onSubmit,
   extraValidations,
-  withCard = false,
   withErrorsAlert = true,
   errorAlertPosition = "up",
+  withCard = false,
   submitBtnClass = "",
   submitBtnLabel = "Submit"
 }) => {
@@ -4958,14 +4958,12 @@ var DynamicForm = ({
     defaultValues
   });
   React3.useEffect(() => {
-    console.log("\u{1F501} Redibuja cuando cambian los fields o los valores por defecto");
     form.reset(defaultValues);
-  }, []);
+  }, [defaultValues, form]);
   const handleSubmit = (data) => {
     try {
       startTransition(async () => {
         const resp = { data, form };
-        await new Promise((resolve) => setTimeout(resolve, 3e3));
         onSubmit?.(resp);
       });
     } catch (error) {
@@ -4973,14 +4971,14 @@ var DynamicForm = ({
     }
   };
   const formContent = /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(CardTitle, { className: "flex  items-center gap-2 p-2 border-b", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(CardTitle, { className: "flex items-center gap-2 p-2 border-b", children: [
       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings, { className: "h-5 w-5" }),
       formTitle
     ] }),
-    withErrorsAlert && errorAlertPosition == "up" && /* @__PURE__ */ jsxRuntime.jsx(FormErrorsAlert, { formState: form.formState, fields }),
+    withErrorsAlert && errorAlertPosition === "up" && /* @__PURE__ */ jsxRuntime.jsx(FormErrorsAlert, { formState: form.formState, fields }),
     /* @__PURE__ */ jsxRuntime.jsx(Form, { ...form, children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: form.handleSubmit(handleSubmit), className: "flex flex-col gap-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full grid grid-cols-1", children: /* @__PURE__ */ jsxRuntime.jsx(FormFieldsGrid, { fields, form }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-row gap-2 justify-end items-end justify-items-end", children: /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "submit", size: "lg", className: submitBtnClass, disabled: isPending, children: isPending ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-row gap-2 justify-end items-end", children: /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "submit", size: "lg", className: submitBtnClass, disabled: isPending, children: isPending ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-4 w-4 mr-2 animate-spin" }),
         submitBtnLabel ?? "Saving..."
       ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -4988,7 +4986,7 @@ var DynamicForm = ({
         submitBtnLabel ?? "Save"
       ] }) }) })
     ] }) }),
-    withErrorsAlert && errorAlertPosition == "down" && /* @__PURE__ */ jsxRuntime.jsx(FormErrorsAlert, { formState: form.formState, fields })
+    withErrorsAlert && errorAlertPosition === "down" && /* @__PURE__ */ jsxRuntime.jsx(FormErrorsAlert, { formState: form.formState, fields })
   ] });
   if (!withCard) return formContent;
   return /* @__PURE__ */ jsxRuntime.jsx(Card, { children: /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: formContent }) });