shadcn-zod-formkit 1.8.0 → 1.9.0

package/dist/index.cjs

@@ -5065,6 +5065,7 @@ var InputFactory = class {
 };
 function getDefaultValues(entity) {
   const defaults = {};
+  if (!entity) return defaults;
   for (const key in entity) {
     const value = entity[key];
     if (value === null || value === void 0) {
@@ -5095,26 +5096,31 @@ function getDefaultValues(entity) {
   return defaults;
 }
 var getDynamicSchema = (fields, extraValidations) => {
-  const flatFields = fields.flatMap((f) => Array.isArray(f) ? f : [f]);
-  const shape = {};
-  flatFields.forEach((f) => {
-    shape[f.name] = f.zodType ?? z2__default.default.any();
-  });
+  const flatFields = fields.flatMap(
+    (f) => Array.isArray(f) ? f : [f]
+  );
+  const shape = flatFields.reduce((acc, f) => {
+    acc[f.name] = f.zodType ?? z2__default.default.any();
+    return acc;
+  }, {});
   let schema = z2__default.default.object(shape);
-  if (extraValidations && extraValidations.length > 0) {
-    extraValidations.forEach((fn) => {
+  if (extraValidations?.length) {
+    for (const fn of extraValidations) {
       schema = fn(schema);
-    });
+    }
   }
   return schema;
 };
-var FormErrorsAlert = ({ formState, fields }) => {
+var FormErrorsAlert = ({
+  formState,
+  fields
+}) => {
   const flatFields = fields.flatMap((f) => Array.isArray(f) ? f : [f]);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: 4 }, children: Object.entries(formState.errors).length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
     CustomAlert,
     {
       title: "Revisar los siguientes criterios",
-      description: /* @__PURE__ */ jsxRuntime.jsx("ul", { children: Object.entries(formState?.errors).map(([key, value]) => /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
+      description: /* @__PURE__ */ jsxRuntime.jsx("ul", { children: Object.entries(formState.errors).map(([key, value]) => /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
         /* @__PURE__ */ jsxRuntime.jsxs("strong", { children: [
           getFieldLabel(key, flatFields),
           ":"
@@ -5128,15 +5134,36 @@ var FormErrorsAlert = ({ formState, fields }) => {
   ) });
 };
 var getFieldLabel = (fieldErrorKey, fields) => {
-  const findedField = fields.find((field) => field.name == fieldErrorKey);
-  return findedField?.label ?? fieldErrorKey;
+  const foundField = fields.find((field) => field.name === fieldErrorKey);
+  return foundField?.label ?? fieldErrorKey;
 };
-var FormFieldsGrid = ({ fields, form, isPending, readOnly, className = "", gap = "gap-2" }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: fields.map(
-    (input, idx) => Array.isArray(input) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-full  flex flex-row justify-between py-3", children: input.map((field, subIdx) => {
-      if (readOnly) field.disabled = readOnly;
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full px-2", children: InputFactory.create(field, form, isPending) }, subIdx);
-    }) }, `field-group-${idx}`) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex flex-col justify-between py-3 w-full px-2", children: InputFactory.create(input, form, isPending) }, `field-group-${idx}`)
+var FormFieldsGrid = ({
+  fields,
+  form,
+  isPending,
+  readOnly,
+  className = "",
+  gap = "gap-2"
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `w-full grid grid-cols-1 ${gap} ${className}`, children: fields.map(
+    (input, idx) => Array.isArray(input) ? /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: "w-full flex flex-row justify-between py-3",
+        children: input.map((field, subIdx) => {
+          if (readOnly) field.disabled = true;
+          return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full px-2", children: InputFactory.create(field, form, isPending) }, subIdx);
+        })
+      },
+      `field-group-${idx}`
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: "flex flex-col justify-between py-3 w-full px-2",
+        children: InputFactory.create(input, form, isPending)
+      },
+      `field-group-${idx}`
+    )
   ) });
 };
 var DynamicForm = ({
@@ -5155,14 +5182,15 @@ var DynamicForm = ({
 }) => {
   const [isPending, startTransition] = React3.useTransition();
   const schema = React3.useMemo(() => getDynamicSchema(fields, extraValidations), [fields, extraValidations]);
-  const defaultValues = React3.useMemo(() => getDefaultValues(record), [record]);
+  const resolver = zod.zodResolver(schema);
+  const initialValues = React3.useMemo(() => getDefaultValues(record), [record]);
   const form = reactHookForm.useForm({
-    resolver: zod.zodResolver(schema),
-    defaultValues
+    resolver,
+    defaultValues: initialValues
   });
   React3.useEffect(() => {
-    form.reset(defaultValues);
-  }, [defaultValues, form]);
+    form.reset(initialValues);
+  }, [initialValues, form]);
   const handleSubmit = (data) => {
     if (readOnly) return;
     try {
@@ -5171,7 +5199,7 @@ var DynamicForm = ({
         onSubmit?.(resp);
       });
     } catch (error) {
-      console.error("Ocurri\xF3 un error al enviar el formulario.");
+      console.error("Ocurri\xF3 un error al enviar el formulario.", error);
     }
   };
   const formContent = /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
@@ -5199,8 +5227,7 @@ var DynamicForm = ({
           ] }) }) })
         ]
       }
-    ) }),
-    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 }) });
@@ -5480,6 +5507,7 @@ exports.entityToGroupedOption = entityToGroupedOption;
 exports.entityToInputOption = entityToInputOption;
 exports.getDefaultValues = getDefaultValues;
 exports.getDynamicSchema = getDynamicSchema;
+exports.getFieldLabel = getFieldLabel;
 exports.inputFieldComp = inputFieldComp;
 exports.mockFields = mockFields;
 exports.useFormField = useFormField;