shadcn-zod-formkit 1.22.4 → 1.23.1

package/dist/index.cjs

@@ -5655,9 +5655,13 @@ var DynamicForm = ({
   withErrorsAlert = true,
   errorAlertPosition = "up",
   withCard = false,
-  submitBtnClass = "",
+  submitBtnClass = "text-lg w-1/4",
   listBtnConfig = [],
-  submitBtnLabel = "Guardar"
+  submitBtnLabel = "Guardar",
+  submitBtnLabelSubmiting = "Guardando...",
+  withFormWrapper = true,
+  btnGroupDirection = "flex-end",
+  withSubmitBtn = true
 }) => {
   const [isPending, startTransition] = React3.useTransition();
   const schema = React3.useMemo(() => {
@@ -5688,6 +5692,56 @@ var DynamicForm = ({
     const resp = { data, form };
     onClick(resp);
   };
+  const formBody = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full grid grid-cols-1", children: [
+      /* @__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 })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ButtonGroup, { className: "flex flex-row w-full h-full", style: {
+      justifyContent: btnGroupDirection,
+      // Alinea horizontalmente a la derecha
+      alignItems: "center"
+      // Centra verticalmente (opcional)
+    }, children: [
+      listBtnConfig.map((btn, key) => /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          type: btn.btnType,
+          size: "icon-lg",
+          className: submitBtnClass,
+          variant: btn.variant,
+          onClick: btn.onClick,
+          disabled: btn.disabled,
+          children: btn.label
+        },
+        key
+      )),
+      !readOnly && withSubmitBtn && /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          type: onClick ? "button" : "submit",
+          size: "icon-lg",
+          className: cn(submitBtnClass),
+          disabled: isPending,
+          onClick: onClick ? handleClick : void 0,
+          children: isPending ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-5 w-5 mr-2 animate-spin" }),
+            submitBtnLabelSubmiting
+          ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Save, { className: "h-5 w-5 mr-2" }),
+            submitBtnLabel
+          ] })
+        }
+      )
+    ] })
+  ] });
   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: [
@@ -5706,58 +5760,8 @@ var DynamicForm = ({
         fields
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(Form, { ...form, children: /* @__PURE__ */ jsxRuntime.jsxs(
-      "form",
-      {
-        onSubmit: form.handleSubmit(handleSubmit),
-        className: `flex flex-col gap-2 ${readOnly ? "opacity-70 pointer-events-none select-none" : ""}`,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full grid grid-cols-1", children: [
-            /* @__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 })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(ButtonGroup, { className: "flex flex-row w-full", children: [
-            listBtnConfig.map((btn, key) => /* @__PURE__ */ jsxRuntime.jsx(
-              Button,
-              {
-                type: btn.btnType,
-                size: "lg",
-                className: submitBtnClass,
-                variant: btn.variant,
-                onClick: btn.onClick,
-                disabled: btn.disabled,
-                children: btn.label
-              },
-              key
-            )),
-            !readOnly && /* @__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
-                ] })
-              }
-            )
-          ] })
-        ]
-      }
-    ) }),
+    withFormWrapper && /* @__PURE__ */ jsxRuntime.jsx(FormWrapper, { form, handleSubmit, children: formBody }),
+    !withFormWrapper && formBody,
     withErrorsAlert && errorAlertPosition === "down" && /* @__PURE__ */ jsxRuntime.jsx(
       FormErrorsAlert,
       {
@@ -5769,6 +5773,16 @@ var DynamicForm = ({
   if (!withCard) return formContent;
   return /* @__PURE__ */ jsxRuntime.jsx(Card, { children: /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: formContent }) });
 };
+var FormWrapper = ({ form, handleSubmit, children, readOnly }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(Form, { ...form, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "form",
+    {
+      onSubmit: form.handleSubmit(handleSubmit),
+      className: `flex flex-col gap-2 ${readOnly ? "opacity-70 pointer-events-none select-none" : ""}`,
+      children
+    }
+  ) });
+};
 var DynamicFormExample = () => {
   const record = {
     username: "John Doe ",