shadcn-zod-formkit 3.0.0 → 3.1.0

package/dist/index.cjs

@@ -12982,6 +12982,7 @@ var FieldMultiSelect = ({ form, input, isSubmitting }) => {
     if (optionValue === "name") return item[optionValue];
     return item.value ?? item.id;
   };
+  const normalize = (v) => v?.toString();
   const [open, setOpen] = React3.useState(false);
   return /* @__PURE__ */ jsxRuntime.jsx(
     FormField,
@@ -12990,8 +12991,11 @@ var FieldMultiSelect = ({ form, input, isSubmitting }) => {
       name: input.name,
       render: ({ field }) => {
         const selectedValues = Array.isArray(field.value) ? field.value : [];
-        const toggleOption = (value) => {
-          const newValues = selectedValues.includes(value) ? selectedValues.filter((v) => v !== value) : [...selectedValues, value];
+        const toggleOption = (rawValue) => {
+          const normalized = selectedValues.map((v) => normalize(v));
+          const value = normalize(rawValue);
+          const exists = normalized.includes(value);
+          const newValues = exists ? selectedValues.filter((v) => normalize(v) !== value) : [...selectedValues, rawValue];
           field.onChange(newValues);
         };
         return /* @__PURE__ */ jsxRuntime.jsxs(FormItem, { className: "flex flex-col rounded-lg border p-3 shadow bg-blue-100/20", children: [
@@ -13011,9 +13015,16 @@ var FieldMultiSelect = ({ form, input, isSubmitting }) => {
                 children: [
                   selectedValues.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1", children: selectedValues.map((val) => {
                     const option = lista.find(
-                      (item) => getValue(item).toString() === val
+                      (item) => normalize(getValue(item)) === normalize(val)
+                    );
+                    return /* @__PURE__ */ jsxRuntime.jsx(
+                      Badge,
+                      {
+                        variant: "secondary",
+                        children: option?.name ?? val
+                      },
+                      `${input.name}-${normalize(val)}-ms`
                     );
-                    return /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "secondary", children: option?.name ?? val }, `${input.name}-${val}-ms`);
                   }) }) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: input.placeHolder ?? "Selecciona..." }),
                   /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsUpDown, { className: "ml-2 h-4 w-4 opacity-50" })
                 ]
@@ -13024,15 +13035,13 @@ var FieldMultiSelect = ({ form, input, isSubmitting }) => {
               /* @__PURE__ */ jsxRuntime.jsxs(CommandList, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx(CommandEmpty, { children: "No hay resultados." }),
                 /* @__PURE__ */ jsxRuntime.jsx(CommandGroup, { children: lista.map((item) => {
-                  const value = getValue(item).toString();
-                  const selected = selectedValues.includes(value);
+                  const rawValue = getValue(item);
+                  const value = normalize(rawValue);
+                  const selected = selectedValues.map((v) => normalize(v)).includes(value);
                   return /* @__PURE__ */ jsxRuntime.jsxs(
                     CommandItem,
                     {
-                      onSelect: () => {
-                        handleOnChage(value, input, field);
-                        toggleOption(value);
-                      },
+                      onSelect: () => toggleOption(rawValue),
                       children: [
                         /* @__PURE__ */ jsxRuntime.jsx(
                           lucideReact.Check,
@@ -15219,7 +15228,8 @@ var DynamicForm = ({
   debug = false,
   isWrapInWizard = false,
   totalSteps = 0,
-  currentStep = 1
+  currentStep = 1,
+  submitBtnIcon = lucideReact.Save
 }) => {
   const [isPending, startTransition] = React3.useTransition();
   const schema = React3.useMemo(() => {
@@ -15294,7 +15304,7 @@ var DynamicForm = ({
             /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-5 w-5 mr-2 animate-spin" })
           ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             submitBtnLabel,
-            (totalSteps == 0 || totalSteps == currentStep) && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Save, { className: "h-5 w-5 mr-2" })
+            (totalSteps == 0 || totalSteps == currentStep) && submitBtnIcon && React3__namespace.default.createElement(submitBtnIcon, { className: "h-5 w-5 mr-2" })
           ] })
         }
       )