shadcn-zod-formkit 1.18.0 → 1.19.0

package/dist/index.cjs

@@ -1815,22 +1815,17 @@ var FieldButtonGroup = ({ input, form, isSubmitting }) => {
     form.setValue(input.name, value, { shouldValidate: true });
   };
   const selectedValue = form.watch(input.name);
-  return (
-    // <div className="flex flex-col gap-1 w-full">
-    //   <label className="font-semibold">{input.label}</label>
-    //   <div className="flex flex-wrap gap-2">
-    /* @__PURE__ */ jsxRuntime.jsx(ButtonGroup, { children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
-      Button,
-      {
-        type: "button",
-        variant: selectedValue === option.value ? "default" : "outline",
-        onClick: () => handleSelect(option.value),
-        disabled: isSubmitting,
-        children: option.label ?? option.name
-      },
-      option.value
-    )) })
-  );
+  return /* @__PURE__ */ jsxRuntime.jsx(ButtonGroup, { children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
+    Button,
+    {
+      type: "button",
+      variant: selectedValue === option.value ? "default" : "outline",
+      onClick: () => handleSelect(option.value),
+      disabled: isSubmitting,
+      children: option.label ?? option.name
+    },
+    option.value
+  )) });
 };
 var CheckListInput = class extends BaseInput {
   render() {
@@ -4378,7 +4373,8 @@ var FieldTextGroup = ({ form, input, isSubmitting }) => {
     return !fieldState.error && value !== void 0 && value !== "";
   });
   const [showPassword, setShowPassword] = React3.useState(false);
-  const isPasswordField = input.keyboardType === "password";
+  const isPasswordField = input.keyboardType === "password" /* PASSWORD */;
+  const isNumberField = input.keyboardType === "number" /* NUMBER */;
   const showInputGroupAddons = iconsRight.length > 0 || textRight || autoValidate || infoTooltip || isPasswordField;
   const formField = /* @__PURE__ */ jsxRuntime.jsx(
     FormField,
@@ -4400,8 +4396,18 @@ var FieldTextGroup = ({ form, input, isSubmitting }) => {
               {
                 placeholder: input.placeHolder,
                 disabled: input.disabled || isSubmitting,
-                ...field,
-                type: isPasswordField && !showPassword ? "password" : "text"
+                onBlur: field.onBlur,
+                name: field.name,
+                ref: field.ref,
+                type: isPasswordField && !showPassword ? "password" : isNumberField ? "number" : "text",
+                value: field.value ?? "",
+                onChange: (e) => {
+                  let value = e.target.value;
+                  if (isNumberField) {
+                    value = e.target.value === "" ? "" : Number(e.target.value);
+                  }
+                  field.onChange(value);
+                }
               }
             ),
             showInputGroupAddons && /* @__PURE__ */ jsxRuntime.jsxs(InputGroupAddon, { align: "inline-end", children: [
@@ -5629,8 +5635,8 @@ var DynamicForm = ({
   withErrorsAlert = true,
   errorAlertPosition = "up",
   withCard = false,
-  // btnType = 'submit',
   submitBtnClass = "",
+  listBtnConfig = [],
   submitBtnLabel = "Guardar"
 }) => {
   const [isPending, startTransition] = React3.useTransition();
@@ -5646,24 +5652,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("div", { className: "text-xl", children: [
-            formTitle,
-            " "
-          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xl", children: formTitle }),
           formSubTitle && /* @__PURE__ */ jsxRuntime.jsx(CardDescription, { children: formSubTitle })
         ] })
       ] }),
@@ -5680,13 +5687,38 @@ 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: onClick ? "button" : "submit", size: "lg", className: submitBtnClass, disabled: isPending, onClick, 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
-          ] }) }) })
+          /* @__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
+                ] })
+              }
+            )
+          ] })
         ]
       }
     ) }),