@sankhyalabs/ezui 1.1.7 → 1.1.11

package/dist/cjs/{DataUnit-6a98d9de.js → DataUnit-74f074a7.js}

@@ -172,10 +172,16 @@ const selectErrorMessage = (state, dataUnit, recordId, fieldName) => {
 const selectVisibleButtons = state => state.nonhist.visibleButtons;
 
 class DataUnit {
-  constructor(name, unitLabel, cardinality = '1') {
+  constructor(name, unitLabel, cardinality = '1', parentDU = null) {
     this.name = name;
     this.unitLabel = unitLabel;
     this.cardinality = cardinality;
+    this._children = [];
+    if (parentDU != null) {
+      parentDU._children.push(this);
+      this.parentDU = parentDU;
+      this.parentDUName = parentDU.name;
+    }
   }
   set store(store) {
     this._store = store;
@@ -233,21 +239,57 @@ class DataUnit {
   insert() {
     const insertionIndex = this.records.length;
     const newRecordIndex = selectNewRecordIndex(this._store.getState(), this.name);
-    this.records.push({ record__id: 'NEW_' + (newRecordIndex + 1) });
+    const newRecord = { record__id: 'NEW_' + (newRecordIndex + 1) };
+    this.bindToParent(newRecord);
+    this.records.push(newRecord);
     this._store.dispatch(insertRecord(this.name, insertionIndex));
   }
-  getChangesToSave() {
+  buildChange(r) {
     const duChanges = selectDataUnitChanges(this._store.getState(), this.name);
-    const changesByRecord = Object.keys(duChanges).map(record__id => {
-      const record = { record__id };
-      const recordChanges = duChanges[record__id];
-      Object.keys(recordChanges).forEach(fieldName => { record[fieldName] = recordChanges[fieldName]; });
-      return record;
+    let recordChanges;
+    if (duChanges) {
+      recordChanges = duChanges[r.record__id];
+    }
+    let subChanges = [];
+    this._children.forEach(duChild => {
+      subChanges = subChanges.concat(duChild.getSubChanges(r.record__id));
     });
-    return [{
-        dataUnit: this.name,
-        records: changesByRecord
-      }];
+    if (recordChanges || subChanges.length > 0) {
+      const change = {
+        "__data__unit": this.name,
+        "__record__id": r.record__id,
+        "__sub__changes": subChanges
+      };
+      if (recordChanges) {
+        Object.keys(recordChanges).forEach(fieldName => { change[fieldName] = recordChanges[fieldName]; });
+      }
+      return change;
+    }
+    return undefined;
+  }
+  getSubChanges(id) {
+    const result = [];
+    if (this._records) {
+      this._records.filter(r => r.parent__record__id === id).forEach(r => {
+        const c = this.buildChange(r);
+        if (c) {
+          result.push(c);
+        }
+      });
+    }
+    return result;
+  }
+  getChangesToSave() {
+    let result = [];
+    if (this._records) {
+      this._records.forEach(r => {
+        const change = this.buildChange(r);
+        if (change) {
+          result.push(change);
+        }
+      });
+    }
+    return result;
   }
   save() {
     if (!this.validateRecords()) {
@@ -337,6 +379,17 @@ class DataUnit {
   }
   set records(records) {
     this._records = records;
+    if (this.parentDU) {
+      this._records.forEach(r => this.bindToParent(r));
+    }
+  }
+  bindToParent(r) {
+    if (this.parentDU) {
+      const parentRecord = this.parentDU.getCurrentRecord();
+      if (parentRecord) {
+        r.parent__record__id = parentRecord.record__id;
+      }
+    }
   }
   get records() {
     if (!this._records) {
@@ -361,7 +414,7 @@ class DataUnit {
     const duChanges = selectDataUnitChanges(this._store.getState(), this.name);
     const recordsToValidate = [];
     this.records.forEach((record, i) => {
-      const changes = duChanges[record.record__id];
+      const changes = duChanges ? duChanges[record.record__id] : undefined;
       if (changes) {
         recordsToValidate.push(Object.assign(Object.assign(Object.assign({}, record), changes), { record__index: i, record__changedfields: Object.keys(changes) }));
       }

package/dist/cjs/ez-button_14.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9403fe8f.js');
 const RequestMetadata = require('./RequestMetadata-2cd01e8a.js');
-const DataUnit = require('./DataUnit-6a98d9de.js');
+const DataUnit = require('./DataUnit-74f074a7.js');
 
 const ezButtonCss = ":host{--bt--min-width:100px;--bt--height:42px;--bt__icon--width:18px;--bt__inline__icon--padding:12px;--bt--padding-top:var(--space--medium, 12px);--bt--padding-bottom:var(--space--medium, 12px);--bt--padding-right:var(--space--large, 24px);--bt--padding-left:var(--space--large, 24px);--bt--color:var(--text--inverted, #FFF);--bt--font-size:var(--text--medium, 14px);--bt--font-family:var(--font-pattern, Arial);--bt--font-weight:var(--text-weight--large);--bt--background-color:var(--color--primary, #c0c0c0);--bt--border-radius:var(--border--radius-large, 12px);--bt--border:none;--bt--hover--background-color:var(--color--primary-700, var(--bt--background-color));--bt--disabled--color:var(--color--disable-primary, var(--bt--color));--bt--disabled--background-color:var(--color--disabled, var(--bt--background-color));--bt--focus--border:var(--bt--border);--bt--focus--box-shadow:none}button{display:flex;align-items:center;justify-content:center;margin:0;cursor:pointer;transition:background-color 0.2s linear;min-width:var(--bt--min-width);height:var(--bt--height);font-family:var(--bt--font-family);font-size:var(--bt--font-size);font-weight:var(--bt--font-weight);padding:var(--bt--padding-top) var(--bt--padding-right) var(--bt--padding-bottom) var(--bt--padding-left);border-radius:var(--bt--border-radius);background-color:var(--bt--background-color);color:var(--bt--color);fill:var(--bt--color);border:var(--bt--border)}button:hover{background-color:var(--bt--hover--background-color)}button:focus{outline:none;border:var(--bt--focus--border);box-shadow:var(--bt--focus--box-shadow)}button:disabled{background-color:var(--bt--disabled--background-color);color:var(--bt--disabled--color);fill:var(--bt--disabled--color);border:none;cursor:no-drop}button.icon{width:42px;min-width:42px;height:42px;padding:0px}a{font-family:var(--bt--font-family);font-size:var(--bt--font-size);font-weight:var(--bt--font-weight);cursor:pointer;display:flex;align-items:center;justify-content:center}";
 
@@ -2037,8 +2037,8 @@ const NavigationBar = ({ dataUnit: du, buttonProps }) => {
     return index.h("div", { class: "col col--sd-12 align--right" },
       buttonProps.previousVisible ? index.h("ez-button", { title: "Registro anterior", mode: "icon", enabled: du.hasPrevious(), onClick: () => du.previous(), image: "/themes/default/images/icons/actions-sprite.svg#previous-circle-inverted", class: "button--secondary margin-right--medium" }) : null,
       buttonProps.nextVisible ? index.h("ez-button", { title: "Pr\u00F3ximo registro", mode: "icon", enabled: du.hasNext(), onClick: () => du.next(), image: "/themes/default/images/icons/actions-sprite.svg#next-circle-inverted", class: "button--secondary margin-right--medium" }) : null,
-      buttonProps.removeVisible ? index.h("ez-button", { title: "Remover " + du.unitLabel, mode: "icon", enabled: du.hasCurrentRecord(), onClick: () => removeHandler(du), image: "/themes/default/images/icons/actions-sprite.svg#minus-circle-inverted", class: "button--secondary margin-right--medium" }) : null,
-      buttonProps.addVisible ? index.h("ez-button", { label: "Criar " + du.unitLabel, onClick: () => du.insert(), class: "button--secondary margin-right--medium" }) : null,
+      buttonProps.removeVisible ? index.h("ez-button", { label: "Remover", enabled: du.hasCurrentRecord(), onClick: () => removeHandler(du), image: "/themes/default/images/icons/actions-sprite.svg#minus-circle-inverted", class: "button--secondary margin-right--medium" }) : null,
+      buttonProps.addVisible ? index.h("ez-button", { label: "Adicionar", onClick: () => du.insert(), class: "button--secondary margin-right--medium" }) : null,
       buttonProps.reloadVisible ? index.h("ez-button", { title: "Recarregar", mode: "icon", onClick: () => du.load(), image: "/themes/default/images/icons/actions-sprite.svg#rotate", class: "button--secondary margin-right--medium" }) : null,
       buttonProps.cancelVisible ? index.h("ez-button", { label: "Cancelar", enabled: du.hasChanges(), onClick: () => du.cancel(), class: "button--secondary margin-right--medium" }) : null,
       buttonProps.saveVisible ? index.h("ez-button", { label: "Salvar", enabled: du.hasChanges(), onClick: () => du.save(), class: "button--primary margin-right--medium" }) : null);
@@ -2160,7 +2160,7 @@ const FormSheet = ({ store, parentName, source, parentDataUnit, dataUnitBuilder
   const selectedTab = DataUnit.selectCurrentTab(store.getState(), parentName);
   const tabs = source.length > 1 ? source.map(form => index.h("ez-tab", { label: form.label, tabKey: form.name })) : null;
   const { subForms, items, name } = source[selectedTab];
-  const dataUnit = dataUnitBuilder(source[selectedTab].dataUnit);
+  const dataUnit = dataUnitBuilder(source[selectedTab].dataUnit, parentDataUnit);
   source[selectedTab].dataUnit = dataUnit;
   const hasSubForms = subForms && subForms.length > 0;
   const changeTabHandler = (index) => {
@@ -2188,20 +2188,36 @@ const ezFormCss = "ez-form{display:flex;flex-direction:column;width:100%}.form-s
 const EzForm = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this._dataUnits = [];
+    this._dataUnits = new Map();
+    this._duSources = new Map();
     this._requiredFieldsByDU = {};
   }
   async validate() {
-    for (let i = 0; i < this._dataUnits.length; i++) {
-      if (!this._dataUnits[i].validateRecords()) {
+    for (let i = 0; i < this._duSources.size; i++) {
+      const duName = Array.from(this._duSources.keys())[i];
+      let du = this._dataUnits.get(duName);
+      if (du === undefined) {
+        const source = this._duSources.get(duName);
+        du = this.buildDataUnit(source, source.parentDUName);
+      }
+      if (!du.validateRecords()) {
         return false;
       }
     }
+    return true;
   }
   async getChanges() {
+    debugger;
     let allChanges = [];
-    for (let i = 0; i < this._dataUnits.length; i++) {
-      allChanges = allChanges.concat(this._dataUnits[i].getChangesToSave());
+    for (let i = 0; i < this._dataUnits.size; i++) {
+      const du = Array.from(this._dataUnits.values())[i];
+      //Só devemos buscar as alterações de DU raiz, pois os sub DUs serão enviados junto.
+      if (!du.parentDU) {
+        const duChanges = du.getChangesToSave();
+        if (duChanges) {
+          allChanges = allChanges.concat(duChanges);
+        }
+      }
     }
     return allChanges;
   }
@@ -2220,7 +2236,7 @@ const EzForm = class {
         }
       });
     };
-    if (records.length == 0) {
+    if (dataUnit.records.length == 0) {
       recordValidator({});
     }
     else {
@@ -2244,8 +2260,9 @@ const EzForm = class {
     }
   }
   loadMDFromExecutor(callBack) {
-    if (this._loadMetadataFunction) {
-      const result = this._loadMetadataFunction();
+    const loadMetadataFunction = this.parseExecutor(this.metadataexecutor);
+    if (loadMetadataFunction) {
+      const result = loadMetadataFunction();
       if (result) {
         if (result instanceof Promise) {
           result.then(md => {
@@ -2298,13 +2315,20 @@ const EzForm = class {
           }
         });
         (_a = form.subForms) === null || _a === void 0 ? void 0 : _a.forEach((subForm, index) => {
-          const subDU = subForm.dataUnit ? subForm.dataUnit.name : duName;
-          processFields(subDU, subForm, form.name, index);
+          const subDu = subForm.dataUnit;
+          if (subDu) {
+            this._duSources.set(subDu.name, subDu);
+            subDu.parentDUName = duName;
+          }
+          processFields(subDu ? subDu.name : duName, subForm, form.name, index);
         });
       };
       this.metadata = metadata;
       metadata.map((form, index) => {
-        processFields(form.dataUnit.name, form, "__MAIN__FORM__", index);
+        const du = form.dataUnit;
+        const duName = du.name;
+        this._duSources.set(duName, du);
+        processFields(duName, form, "__MAIN__FORM__", index);
       });
       this._store.dispatch(DataUnit.formLoad());
     }
@@ -2316,11 +2340,6 @@ const EzForm = class {
     return null;
   }
   componentDidLoad() {
-    this._loadMetadataFunction = this.parseExecutor(this.metadataexecutor);
-    this._loadDataFunction = this.parseExecutor(this.loadexecutor);
-    this._saveFunction = this.parseExecutor(this.saveexecutor);
-    this._removeFunction = this.parseExecutor(this.removeexecutor);
-    this._fieldSearchFunction = this.parseExecutor(this.fieldsearchexecutor);
     if (this.metadata) {
       this.updateMetadata(this.metadata);
     }
@@ -2331,27 +2350,34 @@ const EzForm = class {
       }
     }
   }
-  buildDataUnit(dataUnit) {
+  buildDataUnit(dataUnit, parentDataUnit) {
     if (dataUnit) {
       const { name, unitLabel, records, cardinality } = dataUnit;
       if (!(dataUnit instanceof DataUnit.DataUnit)) {
-        dataUnit = new DataUnit.DataUnit(name, unitLabel, cardinality);
-        this._dataUnits.push(dataUnit);
+        let parent;
+        if (parentDataUnit instanceof DataUnit.DataUnit) {
+          parent = parentDataUnit;
+        }
+        else {
+          parent = this._dataUnits.get(parentDataUnit);
+        }
+        dataUnit = new DataUnit.DataUnit(name, unitLabel, cardinality, parent);
+        this._dataUnits.set(dataUnit.name, dataUnit);
         if (records) {
           dataUnit.records = records;
         }
         dataUnit.store = this._store;
-        dataUnit.loadExecutor = this._loadDataFunction;
-        dataUnit.saveExecutor = this._saveFunction;
-        dataUnit.removeExecutor = this._removeFunction;
+        dataUnit.loadExecutor = this.parseExecutor(this.loadexecutor);
+        dataUnit.saveExecutor = this.parseExecutor(this.saveexecutor);
+        dataUnit.removeExecutor = this.parseExecutor(this.removeexecutor);
         dataUnit.recordsValidator = this;
-        dataUnit.fieldSearchExecutor = this._fieldSearchFunction;
+        dataUnit.fieldSearchExecutor = this.parseExecutor(this.fieldsearchexecutor);
       }
     }
     return dataUnit;
   }
   render() {
-    return this.metadata ? index.h(FormSheet, { store: this._store, source: this.metadata, parentName: "__MAIN__FORM__", dataUnitBuilder: (du) => this.buildDataUnit(du) }) : null;
+    return this.metadata ? index.h(FormSheet, { store: this._store, source: this.metadata, parentName: "__MAIN__FORM__", dataUnitBuilder: (du, parentDataUnit) => this.buildDataUnit(du, parentDataUnit) }) : null;
   }
   get _host() { return index.getElement(this); }
 };

package/dist/cjs/ez-modal.cjs.entry.js

@@ -26,7 +26,6 @@ const EzModal = class {
       console.log(ev === null || ev === void 0 ? void 0 : ev.key);
       if ((ev === null || ev === void 0 ? void 0 : ev.key) === 'Escape' && this.closeesc) {
         this.oppened = false;
-        debugger;
         this.ezChange.emit(this.oppened);
       }
     };
@@ -35,7 +34,6 @@ const EzModal = class {
     ev === null || ev === void 0 ? void 0 : ev.stopPropagation();
     if (ev instanceof PointerEvent && this.closeoutsideclick) {
       this.oppened = false;
-      debugger;
       this.ezChange.emit(this.oppened);
     }
   }

package/dist/cjs/form-metadata.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9403fe8f.js');
-const DataUnit = require('./DataUnit-6a98d9de.js');
+const DataUnit = require('./DataUnit-74f074a7.js');
 
 const FormMetadata = class {
   constructor(hostRef) {

package/dist/collection/components/ez-form/ez-form.js

@@ -8,20 +8,36 @@ import { FormSheet } from './subcomponents/structure/FormSheet';
 import DataUnit from './subcomponents/DataUnit';
 export class EzForm {
   constructor() {
-    this._dataUnits = [];
+    this._dataUnits = new Map();
+    this._duSources = new Map();
     this._requiredFieldsByDU = {};
   }
   async validate() {
-    for (let i = 0; i < this._dataUnits.length; i++) {
-      if (!this._dataUnits[i].validateRecords()) {
+    for (let i = 0; i < this._duSources.size; i++) {
+      const duName = Array.from(this._duSources.keys())[i];
+      let du = this._dataUnits.get(duName);
+      if (du === undefined) {
+        const source = this._duSources.get(duName);
+        du = this.buildDataUnit(source, source.parentDUName);
+      }
+      if (!du.validateRecords()) {
         return false;
       }
     }
+    return true;
   }
   async getChanges() {
+    debugger;
     let allChanges = [];
-    for (let i = 0; i < this._dataUnits.length; i++) {
-      allChanges = allChanges.concat(this._dataUnits[i].getChangesToSave());
+    for (let i = 0; i < this._dataUnits.size; i++) {
+      const du = Array.from(this._dataUnits.values())[i];
+      //Só devemos buscar as alterações de DU raiz, pois os sub DUs serão enviados junto.
+      if (!du.parentDU) {
+        const duChanges = du.getChangesToSave();
+        if (duChanges) {
+          allChanges = allChanges.concat(duChanges);
+        }
+      }
     }
     return allChanges;
   }
@@ -40,7 +56,7 @@ export class EzForm {
         }
       });
     };
-    if (records.length == 0) {
+    if (dataUnit.records.length == 0) {
       recordValidator({});
     }
     else {
@@ -64,8 +80,9 @@ export class EzForm {
     }
   }
   loadMDFromExecutor(callBack) {
-    if (this._loadMetadataFunction) {
-      const result = this._loadMetadataFunction();
+    const loadMetadataFunction = this.parseExecutor(this.metadataexecutor);
+    if (loadMetadataFunction) {
+      const result = loadMetadataFunction();
       if (result) {
         if (result instanceof Promise) {
           result.then(md => {
@@ -118,13 +135,20 @@ export class EzForm {
           }
         });
         (_a = form.subForms) === null || _a === void 0 ? void 0 : _a.forEach((subForm, index) => {
-          const subDU = subForm.dataUnit ? subForm.dataUnit.name : duName;
-          processFields(subDU, subForm, form.name, index);
+          const subDu = subForm.dataUnit;
+          if (subDu) {
+            this._duSources.set(subDu.name, subDu);
+            subDu.parentDUName = duName;
+          }
+          processFields(subDu ? subDu.name : duName, subForm, form.name, index);
         });
       };
       this.metadata = metadata;
       metadata.map((form, index) => {
-        processFields(form.dataUnit.name, form, "__MAIN__FORM__", index);
+        const du = form.dataUnit;
+        const duName = du.name;
+        this._duSources.set(duName, du);
+        processFields(duName, form, "__MAIN__FORM__", index);
       });
       this._store.dispatch(formLoad());
     }
@@ -136,11 +160,6 @@ export class EzForm {
     return null;
   }
   componentDidLoad() {
-    this._loadMetadataFunction = this.parseExecutor(this.metadataexecutor);
-    this._loadDataFunction = this.parseExecutor(this.loadexecutor);
-    this._saveFunction = this.parseExecutor(this.saveexecutor);
-    this._removeFunction = this.parseExecutor(this.removeexecutor);
-    this._fieldSearchFunction = this.parseExecutor(this.fieldsearchexecutor);
     if (this.metadata) {
       this.updateMetadata(this.metadata);
     }
@@ -151,27 +170,34 @@ export class EzForm {
       }
     }
   }
-  buildDataUnit(dataUnit) {
+  buildDataUnit(dataUnit, parentDataUnit) {
     if (dataUnit) {
       const { name, unitLabel, records, cardinality } = dataUnit;
       if (!(dataUnit instanceof DataUnit)) {
-        dataUnit = new DataUnit(name, unitLabel, cardinality);
-        this._dataUnits.push(dataUnit);
+        let parent;
+        if (parentDataUnit instanceof DataUnit) {
+          parent = parentDataUnit;
+        }
+        else {
+          parent = this._dataUnits.get(parentDataUnit);
+        }
+        dataUnit = new DataUnit(name, unitLabel, cardinality, parent);
+        this._dataUnits.set(dataUnit.name, dataUnit);
         if (records) {
           dataUnit.records = records;
         }
         dataUnit.store = this._store;
-        dataUnit.loadExecutor = this._loadDataFunction;
-        dataUnit.saveExecutor = this._saveFunction;
-        dataUnit.removeExecutor = this._removeFunction;
+        dataUnit.loadExecutor = this.parseExecutor(this.loadexecutor);
+        dataUnit.saveExecutor = this.parseExecutor(this.saveexecutor);
+        dataUnit.removeExecutor = this.parseExecutor(this.removeexecutor);
         dataUnit.recordsValidator = this;
-        dataUnit.fieldSearchExecutor = this._fieldSearchFunction;
+        dataUnit.fieldSearchExecutor = this.parseExecutor(this.fieldsearchexecutor);
       }
     }
     return dataUnit;
   }
   render() {
-    return this.metadata ? h(FormSheet, { store: this._store, source: this.metadata, parentName: "__MAIN__FORM__", dataUnitBuilder: (du) => this.buildDataUnit(du) }) : null;
+    return this.metadata ? h(FormSheet, { store: this._store, source: this.metadata, parentName: "__MAIN__FORM__", dataUnitBuilder: (du, parentDataUnit) => this.buildDataUnit(du, parentDataUnit) }) : null;
   }
   static get is() { return "ez-form"; }
   static get originalStyleUrls() { return {

package/dist/collection/components/ez-form/subcomponents/DataUnit.js

@@ -1,10 +1,16 @@
 import { changeFieldValue, changesSaved, clearEdition, dataLoaded, dataLoading, insertRecord, nextRecord, previousRecord, recordRemoved, removingRecord, savingChanges } from '../store/Form.actions';
 import { selectRecordChanges, selectCurrentRecordIndex, selectLoadingData, selectNewRecordIndex, selectDataUnitChanges, selectErrorMessage } from '../store/Form.selectors';
 export default class DataUnit {
-  constructor(name, unitLabel, cardinality = '1') {
+  constructor(name, unitLabel, cardinality = '1', parentDU = null) {
     this.name = name;
     this.unitLabel = unitLabel;
     this.cardinality = cardinality;
+    this._children = [];
+    if (parentDU != null) {
+      parentDU._children.push(this);
+      this.parentDU = parentDU;
+      this.parentDUName = parentDU.name;
+    }
   }
   set store(store) {
     this._store = store;
@@ -62,21 +68,57 @@ export default class DataUnit {
   insert() {
     const insertionIndex = this.records.length;
     const newRecordIndex = selectNewRecordIndex(this._store.getState(), this.name);
-    this.records.push({ record__id: 'NEW_' + (newRecordIndex + 1) });
+    const newRecord = { record__id: 'NEW_' + (newRecordIndex + 1) };
+    this.bindToParent(newRecord);
+    this.records.push(newRecord);
     this._store.dispatch(insertRecord(this.name, insertionIndex));
   }
-  getChangesToSave() {
+  buildChange(r) {
     const duChanges = selectDataUnitChanges(this._store.getState(), this.name);
-    const changesByRecord = Object.keys(duChanges).map(record__id => {
-      const record = { record__id };
-      const recordChanges = duChanges[record__id];
-      Object.keys(recordChanges).forEach(fieldName => { record[fieldName] = recordChanges[fieldName]; });
-      return record;
+    let recordChanges;
+    if (duChanges) {
+      recordChanges = duChanges[r.record__id];
+    }
+    let subChanges = [];
+    this._children.forEach(duChild => {
+      subChanges = subChanges.concat(duChild.getSubChanges(r.record__id));
     });
-    return [{
-        dataUnit: this.name,
-        records: changesByRecord
-      }];
+    if (recordChanges || subChanges.length > 0) {
+      const change = {
+        "__data__unit": this.name,
+        "__record__id": r.record__id,
+        "__sub__changes": subChanges
+      };
+      if (recordChanges) {
+        Object.keys(recordChanges).forEach(fieldName => { change[fieldName] = recordChanges[fieldName]; });
+      }
+      return change;
+    }
+    return undefined;
+  }
+  getSubChanges(id) {
+    const result = [];
+    if (this._records) {
+      this._records.filter(r => r.parent__record__id === id).forEach(r => {
+        const c = this.buildChange(r);
+        if (c) {
+          result.push(c);
+        }
+      });
+    }
+    return result;
+  }
+  getChangesToSave() {
+    let result = [];
+    if (this._records) {
+      this._records.forEach(r => {
+        const change = this.buildChange(r);
+        if (change) {
+          result.push(change);
+        }
+      });
+    }
+    return result;
   }
   save() {
     if (!this.validateRecords()) {
@@ -166,6 +208,17 @@ export default class DataUnit {
   }
   set records(records) {
     this._records = records;
+    if (this.parentDU) {
+      this._records.forEach(r => this.bindToParent(r));
+    }
+  }
+  bindToParent(r) {
+    if (this.parentDU) {
+      const parentRecord = this.parentDU.getCurrentRecord();
+      if (parentRecord) {
+        r.parent__record__id = parentRecord.record__id;
+      }
+    }
   }
   get records() {
     if (!this._records) {
@@ -190,7 +243,7 @@ export default class DataUnit {
     const duChanges = selectDataUnitChanges(this._store.getState(), this.name);
     const recordsToValidate = [];
     this.records.forEach((record, i) => {
-      const changes = duChanges[record.record__id];
+      const changes = duChanges ? duChanges[record.record__id] : undefined;
       if (changes) {
         recordsToValidate.push(Object.assign(Object.assign(Object.assign({}, record), changes), { record__index: i, record__changedfields: Object.keys(changes) }));
       }

package/dist/collection/components/ez-form/subcomponents/structure/FormSheet.js

@@ -16,7 +16,7 @@ export const FormSheet = ({ store, parentName, source, parentDataUnit, dataUnitB
   const selectedTab = selectCurrentTab(store.getState(), parentName);
   const tabs = source.length > 1 ? source.map(form => h("ez-tab", { label: form.label, tabKey: form.name })) : null;
   const { subForms, items, name } = source[selectedTab];
-  const dataUnit = dataUnitBuilder(source[selectedTab].dataUnit);
+  const dataUnit = dataUnitBuilder(source[selectedTab].dataUnit, parentDataUnit);
   source[selectedTab].dataUnit = dataUnit;
   const hasSubForms = subForms && subForms.length > 0;
   const changeTabHandler = (index) => {

package/dist/collection/components/ez-form/subcomponents/structure/NavigationBar.js

@@ -15,8 +15,8 @@ export const NavigationBar = ({ dataUnit: du, buttonProps }) => {
     return h("div", { class: "col col--sd-12 align--right" },
       buttonProps.previousVisible ? h("ez-button", { title: "Registro anterior", mode: "icon", enabled: du.hasPrevious(), onClick: () => du.previous(), image: "/themes/default/images/icons/actions-sprite.svg#previous-circle-inverted", class: "button--secondary margin-right--medium" }) : null,
       buttonProps.nextVisible ? h("ez-button", { title: "Pr\u00F3ximo registro", mode: "icon", enabled: du.hasNext(), onClick: () => du.next(), image: "/themes/default/images/icons/actions-sprite.svg#next-circle-inverted", class: "button--secondary margin-right--medium" }) : null,
-      buttonProps.removeVisible ? h("ez-button", { title: "Remover " + du.unitLabel, mode: "icon", enabled: du.hasCurrentRecord(), onClick: () => removeHandler(du), image: "/themes/default/images/icons/actions-sprite.svg#minus-circle-inverted", class: "button--secondary margin-right--medium" }) : null,
-      buttonProps.addVisible ? h("ez-button", { label: "Criar " + du.unitLabel, onClick: () => du.insert(), class: "button--secondary margin-right--medium" }) : null,
+      buttonProps.removeVisible ? h("ez-button", { label: "Remover", enabled: du.hasCurrentRecord(), onClick: () => removeHandler(du), image: "/themes/default/images/icons/actions-sprite.svg#minus-circle-inverted", class: "button--secondary margin-right--medium" }) : null,
+      buttonProps.addVisible ? h("ez-button", { label: "Adicionar", onClick: () => du.insert(), class: "button--secondary margin-right--medium" }) : null,
       buttonProps.reloadVisible ? h("ez-button", { title: "Recarregar", mode: "icon", onClick: () => du.load(), image: "/themes/default/images/icons/actions-sprite.svg#rotate", class: "button--secondary margin-right--medium" }) : null,
       buttonProps.cancelVisible ? h("ez-button", { label: "Cancelar", enabled: du.hasChanges(), onClick: () => du.cancel(), class: "button--secondary margin-right--medium" }) : null,
       buttonProps.saveVisible ? h("ez-button", { label: "Salvar", enabled: du.hasChanges(), onClick: () => du.save(), class: "button--primary margin-right--medium" }) : null);

package/dist/collection/components/ez-modal/ez-modal.js

@@ -17,7 +17,6 @@ export class EzModal {
       console.log(ev === null || ev === void 0 ? void 0 : ev.key);
       if ((ev === null || ev === void 0 ? void 0 : ev.key) === 'Escape' && this.closeesc) {
         this.oppened = false;
-        debugger;
         this.ezChange.emit(this.oppened);
       }
     };
@@ -26,7 +25,6 @@ export class EzModal {
     ev === null || ev === void 0 ? void 0 : ev.stopPropagation();
     if (ev instanceof PointerEvent && this.closeoutsideclick) {
       this.oppened = false;
-      debugger;
       this.ezChange.emit(this.oppened);
     }
   }