easy-forms-core 1.1.15 → 1.1.17

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;
     /**

package/dist/index.js

@@ -550,7 +550,7 @@ function getBaseStyles(colors) {
       user-select: none;
       transition: background-color 0.2s ease;
       width: 100%;
-      border none;
+      border: none;
     }
     .easy-form-group-collapsible .easy-form-group-header:hover {
       background: rgba(0, 0, 0, 0.03);
@@ -6485,7 +6485,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 +6530,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);
           }
@@ -6921,10 +6925,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;