easy-forms-core 1.1.16 → 1.1.18

package/dist/index.d.ts

@@ -651,7 +651,7 @@ declare class EasyForm extends BrowserHTMLElement {
      */
     private updateSingleField;
     /**
-     * Busca un campo por nombre en el schema
+     * Busca un campo por nombre en el schema (soporta rutas como 'group.subfield')
      */
     private findFieldInSchema;
     /**
@@ -843,6 +843,10 @@ declare class StateManager {
      * Obtiene un valor del formulario
      */
     getValue(fieldName: string): any;
+    /**
+     * Crea un ítem nuevo con valores por defecto para un campo array
+     */
+    createDefaultArrayItem(arrayField: Field): Record<string, any>;
     /**
      * Establece un valor
      */

package/dist/index.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) {
@@ -2790,6 +2806,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;
   }
   /**
@@ -2811,9 +2847,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) {
@@ -2862,6 +2914,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
    */
@@ -6485,7 +6550,9 @@ var EasyForm = class extends BrowserHTMLElement {
       content.className = "easy-form-group-content";
       if ("fields" in field && field.fields) {
         for (const subField of field.fields) {
-          const fieldElement = this.renderField(subField);
+          const fullName = subField.name.startsWith(field.name + ".") ? subField.name : `${field.name}.${subField.name}`;
+          const subFieldWithPath = { ...subField, name: fullName };
+          const fieldElement = this.renderField(subFieldWithPath);
           if (fieldElement) {
             content.appendChild(fieldElement);
           }
@@ -6528,7 +6595,9 @@ var EasyForm = class extends BrowserHTMLElement {
       }
       if ("fields" in field && field.fields) {
         for (const subField of field.fields) {
-          const fieldElement = this.renderField(subField);
+          const fullName = subField.name.startsWith(field.name + ".") ? subField.name : `${field.name}.${subField.name}`;
+          const subFieldWithPath = { ...subField, name: fullName };
+          const fieldElement = this.renderField(subFieldWithPath);
           if (fieldElement) {
             groupContainer.appendChild(fieldElement);
           }
@@ -6581,6 +6650,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++) {
@@ -6602,7 +6673,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", () => {
@@ -6619,11 +6691,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);
       });
     }
@@ -6921,10 +6995,22 @@ var EasyForm = class extends BrowserHTMLElement {
     }
   }
   /**
-   * Busca un campo por nombre en el schema
+   * Busca un campo por nombre en el schema (soporta rutas como 'group.subfield')
    */
   findFieldInSchema(schema, name) {
     const fields = schema.fields || [];
+    const dot = name.indexOf(".");
+    if (dot > 0) {
+      const parentName = name.slice(0, dot);
+      const childName = name.slice(dot + 1);
+      const parent = fields.find((f) => f.name === parentName);
+      if (!parent) return null;
+      if ((parent.type === "group" || parent.type === "row") && "fields" in parent && parent.fields) {
+        const found = this.findFieldInSchema({ fields: parent.fields }, childName);
+        return found ? { ...found, name } : null;
+      }
+      return null;
+    }
     for (const field of fields) {
       if (field.name === name) {
         return field;