shadcn-zod-formkit 1.17.0 → 1.18.1

package/dist/index.cjs

@@ -5620,10 +5620,11 @@ var DynamicForm = ({
   readOnly = false,
   record = {},
   onSubmit,
+  onClick,
   extraValidations,
   children,
   childrenHeader,
-  showIcon = true,
+  showIcon = false,
   showFormHeader = true,
   withErrorsAlert = true,
   errorAlertPosition = "up",
@@ -5644,24 +5645,25 @@ var DynamicForm = ({
   }, [initialValues, form]);
   const handleSubmit = (data) => {
     if (readOnly) return;
-    try {
-      startTransition(async () => {
-        const resp = { data, form };
-        onSubmit?.(resp);
-      });
-    } catch (error) {
-      console.error("Ocurri\xF3 un error al enviar el formulario.", error);
-    }
+    startTransition(() => {
+      const resp = { data, form };
+      onSubmit?.(resp);
+    });
+  };
+  const handleClick = async () => {
+    if (!onClick) return;
+    const isValid2 = await form.trigger();
+    if (!isValid2) return;
+    const data = form.getValues();
+    const resp = { data, form };
+    onClick(resp);
   };
   const formContent = /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
     showFormHeader && /* @__PURE__ */ jsxRuntime.jsxs(CardTitle, { className: "flex flex-row items-center gap-2 p-2 border-b", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row items-center gap-2 w-full", children: [
         showIcon && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pencil, { className: "h-5 w-5" }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(CardTitle, { className: "text-xl", children: [
-            formTitle,
-            " "
-          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xl", children: formTitle }),
           formSubTitle && /* @__PURE__ */ jsxRuntime.jsx(CardDescription, { children: formSubTitle })
         ] })
       ] }),
@@ -5678,13 +5680,23 @@ var DynamicForm = ({
             /* @__PURE__ */ jsxRuntime.jsx(FormFieldsGrid, { fields, form, readOnly }),
             children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-row items-center gap-2 w-full h-full", children })
           ] }),
-          !readOnly && /* @__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" }),
-            "Guardando..."
-          ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Save, { className: "h-4 w-4 mr-2" }),
-            submitBtnLabel
-          ] }) }) })
+          !readOnly && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-row gap-2 justify-end items-end", children: /* @__PURE__ */ jsxRuntime.jsx(
+            Button,
+            {
+              type: onClick ? "button" : "submit",
+              size: "lg",
+              className: submitBtnClass,
+              disabled: isPending,
+              onClick: onClick ? handleClick : void 0,
+              children: isPending ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-4 w-4 mr-2 animate-spin" }),
+                "Guardando..."
+              ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Save, { className: "h-4 w-4 mr-2" }),
+                submitBtnLabel
+              ] })
+            }
+          ) })
         ]
       }
     ) }),