shadcn-zod-formkit 1.17.0 → 1.18.1

package/dist/index.d.mts

@@ -203,6 +203,7 @@ interface Props$4<T extends Record<string, any>> {
     fields: Array<FieldProps<T> | FieldProps<T>[]>;
     record?: Partial<T>;
     onSubmit?: (resp: FormResp<T>) => void;
+    onClick?: (resp: FormResp<T>) => void;
     extraValidations?: ((schema: ZodObject<any>) => ZodObject<any>)[];
     withErrorsAlert?: boolean;
     errorAlertPosition?: alertPositionType;
@@ -212,7 +213,7 @@ interface Props$4<T extends Record<string, any>> {
     children?: ReactNode;
     childrenHeader?: ReactNode;
 }
-declare const DynamicForm: <T extends Record<string, any>>({ formTitle, formSubTitle, fields, readOnly, record, onSubmit, extraValidations, children, childrenHeader, showIcon, showFormHeader, withErrorsAlert, errorAlertPosition, withCard, submitBtnClass, submitBtnLabel, }: Props$4<T>) => react_jsx_runtime.JSX.Element;
+declare const DynamicForm: <T extends Record<string, any>>({ formTitle, formSubTitle, fields, readOnly, record, onSubmit, onClick, extraValidations, children, childrenHeader, showIcon, showFormHeader, withErrorsAlert, errorAlertPosition, withCard, submitBtnClass, submitBtnLabel, }: Props$4<T>) => react_jsx_runtime.JSX.Element;
 
 declare const DynamicFormExample: () => react_jsx_runtime.JSX.Element;
 declare const mockFields: Array<FieldProps | FieldProps[]>;

package/dist/index.d.ts

@@ -203,6 +203,7 @@ interface Props$4<T extends Record<string, any>> {
     fields: Array<FieldProps<T> | FieldProps<T>[]>;
     record?: Partial<T>;
     onSubmit?: (resp: FormResp<T>) => void;
+    onClick?: (resp: FormResp<T>) => void;
     extraValidations?: ((schema: ZodObject<any>) => ZodObject<any>)[];
     withErrorsAlert?: boolean;
     errorAlertPosition?: alertPositionType;
@@ -212,7 +213,7 @@ interface Props$4<T extends Record<string, any>> {
     children?: ReactNode;
     childrenHeader?: ReactNode;
 }
-declare const DynamicForm: <T extends Record<string, any>>({ formTitle, formSubTitle, fields, readOnly, record, onSubmit, extraValidations, children, childrenHeader, showIcon, showFormHeader, withErrorsAlert, errorAlertPosition, withCard, submitBtnClass, submitBtnLabel, }: Props$4<T>) => react_jsx_runtime.JSX.Element;
+declare const DynamicForm: <T extends Record<string, any>>({ formTitle, formSubTitle, fields, readOnly, record, onSubmit, onClick, extraValidations, children, childrenHeader, showIcon, showFormHeader, withErrorsAlert, errorAlertPosition, withCard, submitBtnClass, submitBtnLabel, }: Props$4<T>) => react_jsx_runtime.JSX.Element;
 
 declare const DynamicFormExample: () => react_jsx_runtime.JSX.Element;
 declare const mockFields: Array<FieldProps | FieldProps[]>;

package/dist/index.mjs

@@ -5582,10 +5582,11 @@ var DynamicForm = ({
   readOnly = false,
   record = {},
   onSubmit,
+  onClick,
   extraValidations,
   children,
   childrenHeader,
-  showIcon = true,
+  showIcon = false,
   showFormHeader = true,
   withErrorsAlert = true,
   errorAlertPosition = "up",
@@ -5606,24 +5607,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__ */ jsxs("div", { children: [
     showFormHeader && /* @__PURE__ */ jsxs(CardTitle, { className: "flex flex-row items-center gap-2 p-2 border-b", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center gap-2 w-full", children: [
         showIcon && /* @__PURE__ */ jsx(Pencil, { className: "h-5 w-5" }),
         /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ jsxs(CardTitle, { className: "text-xl", children: [
-            formTitle,
-            " "
-          ] }),
+          /* @__PURE__ */ jsx("div", { className: "text-xl", children: formTitle }),
           formSubTitle && /* @__PURE__ */ jsx(CardDescription, { children: formSubTitle })
         ] })
       ] }),
@@ -5640,13 +5642,23 @@ var DynamicForm = ({
             /* @__PURE__ */ jsx(FormFieldsGrid, { fields, form, readOnly }),
             children && /* @__PURE__ */ jsx("div", { className: "flex flex-row items-center gap-2 w-full h-full", children })
           ] }),
-          !readOnly && /* @__PURE__ */ jsx("div", { className: "flex flex-row gap-2 justify-end items-end", children: /* @__PURE__ */ jsx(Button, { type: "submit", size: "lg", className: submitBtnClass, disabled: isPending, children: isPending ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 mr-2 animate-spin" }),
-            "Guardando..."
-          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(Save, { className: "h-4 w-4 mr-2" }),
-            submitBtnLabel
-          ] }) }) })
+          !readOnly && /* @__PURE__ */ jsx("div", { className: "flex flex-row gap-2 justify-end items-end", children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: onClick ? "button" : "submit",
+              size: "lg",
+              className: submitBtnClass,
+              disabled: isPending,
+              onClick: onClick ? handleClick : void 0,
+              children: isPending ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 mr-2 animate-spin" }),
+                "Guardando..."
+              ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(Save, { className: "h-4 w-4 mr-2" }),
+                submitBtnLabel
+              ] })
+            }
+          ) })
         ]
       }
     ) }),