easy-forms-core 1.1.17 → 1.1.18

package/dist/easy-form.js

@@ -95,6 +95,22 @@ var SchemaParser = class {
             `Field "${field.name}" de tipo array debe tener itemSchema`
           );
         }
+        if ("minItems" in field) {
+          const min = field.minItems;
+          if (min < 0) {
+            throw new Error(
+              `Field "${field.name}" de tipo array: minItems debe ser >= 0`
+            );
+          }
+          if ("maxItems" in field) {
+            const max = field.maxItems;
+            if (min > max) {
+              throw new Error(
+                `Field "${field.name}" de tipo array: minItems (${min}) no puede ser mayor que maxItems (${max})`
+              );
+            }
+          }
+        }
         break;
       case "group":
         if (!("fields" in field) || !field.fields || field.fields.length === 0) {
@@ -2784,6 +2800,26 @@ var StateManager = class {
         values[key] = existingValues[key];
       }
     }
+    for (const field of topLevelFields) {
+      if (field.type === "array" && "minItems" in field && "itemSchema" in field) {
+        const arrayField = field;
+        const minItems = arrayField.minItems ?? 0;
+        if (minItems >= 1 && arrayField.itemSchema?.fields?.length) {
+          const arr = getNestedValue(values, field.name);
+          if (Array.isArray(arr) && arr.length < minItems) {
+            const padded = [...arr];
+            for (let i = arr.length; i < minItems; i++) {
+              const item = {};
+              for (const subField of arrayField.itemSchema.fields) {
+                this.initializeFieldValue(subField, item);
+              }
+              padded.push(item);
+            }
+            setNestedValue(values, field.name, padded);
+          }
+        }
+      }
+    }
     this.state.values = values;
   }
   /**
@@ -2805,9 +2841,25 @@ var StateManager = class {
             values[field.name] = null;
           }
           break;
-        case "array":
-          values[field.name] = [];
+        case "array": {
+          const arrayField = field;
+          const minItems = arrayField.minItems ?? 0;
+          const itemFields = arrayField.itemSchema?.fields;
+          if (minItems >= 1 && itemFields?.length) {
+            const arr = [];
+            for (let i = 0; i < minItems; i++) {
+              const item = {};
+              for (const subField of itemFields) {
+                this.initializeFieldValue(subField, item);
+              }
+              arr.push(item);
+            }
+            values[field.name] = arr;
+          } else {
+            values[field.name] = [];
+          }
           break;
+        }
         case "group":
           values[field.name] = {};
           if ("fields" in field) {
@@ -2856,6 +2908,19 @@ var StateManager = class {
   getValue(fieldName) {
     return getNestedValue(this.state.values, fieldName);
   }
+  /**
+   * Crea un ítem nuevo con valores por defecto para un campo array
+   */
+  createDefaultArrayItem(arrayField) {
+    const itemSchema = arrayField.itemSchema;
+    const itemFields = itemSchema?.fields;
+    if (!itemFields?.length) return {};
+    const item = {};
+    for (const subField of itemFields) {
+      this.initializeFieldValue(subField, item);
+    }
+    return item;
+  }
   /**
    * Establece un valor
    */
@@ -6576,6 +6641,8 @@ var EasyForm = class extends BrowserHTMLElement {
     }
     const values = this.stateManager.getValue(field.name) || [];
     const arrayField = field;
+    const minItems = arrayField.minItems ?? 0;
+    const maxItems = arrayField.maxItems ?? Infinity;
     const itemsContainer = document.createElement("div");
     itemsContainer.className = "easy-form-array-items";
     for (let i = 0; i < values.length; i++) {
@@ -6597,7 +6664,8 @@ var EasyForm = class extends BrowserHTMLElement {
       removeButton.type = "button";
       removeButton.textContent = "Eliminar";
       removeButton.className = "easy-form-array-remove";
-      if (this.disabled || this.loading) {
+      const atMinItems = values.length <= minItems;
+      if (this.disabled || this.loading || atMinItems) {
         removeButton.disabled = true;
       } else {
         removeButton.addEventListener("click", () => {
@@ -6614,11 +6682,13 @@ var EasyForm = class extends BrowserHTMLElement {
     addButton.type = "button";
     addButton.textContent = "Agregar";
     addButton.className = "easy-form-array-add";
-    if (this.disabled || this.loading) {
+    const atMaxItems = values.length >= maxItems;
+    if (this.disabled || this.loading || atMaxItems) {
       addButton.disabled = true;
     } else {
       addButton.addEventListener("click", () => {
-        const newValues = [...values, {}];
+        const newItem = this.stateManager.createDefaultArrayItem(field);
+        const newValues = [...values, newItem];
         this.handleFieldChange(field.name, newValues);
       });
     }