@sankhyalabs/ezui 1.1.75 → 1.1.76

package/dist/collection/components/ez-collapsible-box/ez-collapsible-box.js

@@ -1,4 +1,4 @@
-import { Component, h, Host, Prop, Event, Watch, Method } from '@stencil/core';
+import { Component, h, Host, Prop, Event, Watch, Method } from "@stencil/core";
 export class EzCollapsibleBox {
   constructor() {
     /**
@@ -8,11 +8,11 @@ export class EzCollapsibleBox {
     /**
     * Define o tamanho do texto e do ícone do componente.
     */
-    this.headersize = "small";
+    this.headerSize = "small";
     /**
     * Define o local onde o ícone será renderizado.
     */
-    this.iconplacement = "left";
+    this.iconPlacement = "left";
   }
   observeValue() {
     this.ezChange.emit();
@@ -25,14 +25,14 @@ export class EzCollapsibleBox {
   }
   render() {
     return (h(Host, null,
-      this.iconplacement == 'right' ?
+      this.iconPlacement == "right" ?
         h("div", { class: "collapsible-box__title" },
-          h("label", { class: (this.iconplacement == 'right' ? "collapsible-box__label--icon-right " : "collapsible-box__label ") + (this.headersize ? "font--" + this.headersize : ""), onClick: () => this.showHide(), title: this.label }, this.label),
-          h("button", { class: this.value ? "collapsible-box__btn collapsible-box__btn--collapsed " + "collapsible-box__btn--" + this.headersize : "collapsible-box__btn " + "collapsible-box__btn--" + this.headersize, onClick: () => this.showHide() }))
+          h("label", { class: (this.iconPlacement == "right" ? "collapsible-box__label--icon-right " : "collapsible-box__label ") + (this.headerSize ? "font--" + this.headerSize : ""), onClick: () => this.showHide(), title: this.label }, this.label),
+          h("button", { class: this.value ? "collapsible-box__btn collapsible-box__btn--collapsed " + "collapsible-box__btn--" + this.headerSize : "collapsible-box__btn " + "collapsible-box__btn--" + this.headerSize, onClick: () => this.showHide() }))
         :
           h("div", { class: "collapsible-box__title" },
-            h("button", { class: this.value ? "collapsible-box__btn collapsible-box__btn--collapsed " + "collapsible-box__btn--" + this.headersize : "collapsible-box__btn " + "collapsible-box__btn--" + this.headersize, onClick: () => this.showHide() }),
-            h("label", { class: (this.iconplacement == 'right' ? "collapsible-box__label--icon-right " : "collapsible-box__label ") + (this.headersize ? "font--" + this.headersize : ""), onClick: () => this.showHide(), title: this.label }, this.label)),
+            h("button", { class: this.value ? "collapsible-box__btn collapsible-box__btn--collapsed " + "collapsible-box__btn--" + this.headerSize : "collapsible-box__btn " + "collapsible-box__btn--" + this.headerSize, onClick: () => this.showHide() }),
+            h("label", { class: (this.iconPlacement == "right" ? "collapsible-box__label--icon-right " : "collapsible-box__label ") + (this.headerSize ? "font--" + this.headerSize : ""), onClick: () => this.showHide(), title: this.label }, this.label)),
       !this.value ? h("slot", null) : null));
   }
   static get is() { return "ez-collapsible-box"; }
@@ -79,7 +79,7 @@ export class EzCollapsibleBox {
       "attribute": "label",
       "reflect": true
     },
-    "headersize": {
+    "headerSize": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -93,11 +93,11 @@ export class EzCollapsibleBox {
         "tags": [],
         "text": "Define o tamanho do texto e do \u00EDcone do componente."
       },
-      "attribute": "headersize",
+      "attribute": "header-size",
       "reflect": true,
       "defaultValue": "\"small\""
     },
-    "iconplacement": {
+    "iconPlacement": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -111,7 +111,7 @@ export class EzCollapsibleBox {
         "tags": [],
         "text": "Define o local onde o \u00EDcone ser\u00E1 renderizado."
       },
-      "attribute": "iconplacement",
+      "attribute": "icon-placement",
       "reflect": true,
       "defaultValue": "\"left\""
     }

package/dist/collection/components/ez-combo-box/ez-combo-box.css

@@ -74,8 +74,8 @@
 }
 
 ez-text-input {
-  --it__input--background-color: var(--combo-box__input--background-color, #FFFFFF);
-  --it__input--border-color: var(--combo-box__input--border-color, #DCE0E8);
+  --ez-text-input__input--background-color: var(--combo-box__input--background-color, #FFFFFF);
+  --ez-text-input__input--border-color: var(--combo-box__input--border-color, #DCE0E8);
 }
 
 .list-container {

package/dist/collection/components/ez-date-input/ez-date-input.css

@@ -1,8 +1,17 @@
 :host {
   display: block;
   width: 100%;
+  /*@doc Define a cor de fundo do input.*/
+  --ez-date-input__input--background-color: var(--background--medium, #e0e0e0);
+  /*@doc Define a cor da borda do input.*/
+  --ez-date-input__input--border-color: var(--ez-date-input__input--background-color);
   /*@doc Contém a imagem do calendário.*/
-  --di__calendar-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="16px" width="15px"><path d="M 3.171875,5.25 C 2.6485088,5.25 2.21875,5.6797588 2.21875,6.203125 2.21875,6.7264912 2.6485088,7.15625 3.171875,7.15625 3.6952412,7.15625 4.125,6.7264912 4.125,6.203125 4.125,5.6797588 3.6952412,5.25 3.171875,5.25 Z m 2.875,0 C 5.5235088,5.25 5.09375,5.6797588 5.09375,6.203125 5.09375,6.7264912 5.5235088,7.15625 6.046875,7.15625 6.5702412,7.15625 7,6.7264912 7,6.203125 7,5.6797588 6.5702412,5.25 6.046875,5.25 Z m 2.875,0 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.953125 0.953125,0.953125 0.5233662,0 0.9511719,-0.4297588 0.9511719,-0.953125 C 9.8730469,5.6797588 9.4452412,5.25 8.921875,5.25 Z m 2.873047,0 c -0.523366,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.429759,0.953125 0.953125,0.953125 0.523366,0 0.953125,-0.4297588 0.953125,-0.953125 C 12.748047,5.6797588 12.318288,5.25 11.794922,5.25 Z M 3.171875,8.1230469 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.9531251 0.953125,0.9531251 0.5233662,0 0.953125,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.875,0 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.9531251 0.953125,0.9531251 C 6.5702412,10.029297 7,9.5995381 7,9.0761719 7,8.5528057 6.5702412,8.1230469 6.046875,8.1230469 Z m 2.8554688,0 c -0.5233663,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297587,0.9531251 0.953125,0.9531251 0.5233661,0 0.9531249,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.9003902,0 c -0.523366,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.429759,0.9531251 0.953125,0.9531251 0.523367,0 0.953125,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.429758,-0.953125 -0.953125,-0.953125 z M 3.171875,10.998047 c -0.5233662,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297588,0.953125 0.953125,0.953125 0.5233662,0 0.953125,-0.429759 0.953125,-0.953125 0,-0.523366 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.875,0 c -0.5233662,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297588,0.953125 0.953125,0.953125 C 6.5702412,12.904297 7,12.474538 7,11.951172 7,11.427806 6.5702412,10.998047 6.046875,10.998047 Z m 2.8554688,0 c -0.5233663,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297587,0.953125 0.953125,0.953125 0.5233661,0 0.9531249,-0.429759 0.953125,-0.953125 0,-0.523366 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.9003902,0 c -0.523366,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.429759,0.953125 0.953125,0.953125 0.523367,0 0.953125,-0.429759 0.953125,-0.953125 0,-0.523366 -0.429758,-0.953125 -0.953125,-0.953125 z M 3.5,0 c -0.554,0 -1,0.446 -1,1 v 0.050781 C 1.0853217,1.2909766 0,2.5186658 0,4 v 9 c 0,1.652487 1.3475134,3 3,3 h 9 c 1.652487,0 3,-1.347513 3,-3 V 4 C 15,2.5186658 13.914678,1.2909766 12.5,1.0507812 V 1 c 0,-0.554 -0.446,-1 -1,-1 -0.554,0 -1,0.446 -1,1 h -2 c 0,-0.554 -0.446,-1 -1,-1 -0.554,0 -1,0.446 -1,1 h -2 C 4.5,0.446 4.054,0 3.5,0 Z m 1,2.0996094 h 2 v 0.640625 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 v -0.640625 h 2 v 0.640625 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 V 2.1738281 C 13.311725,2.3905225 13.900391,3.11278 13.900391,4 v 9 c 0,1.062113 -0.838278,1.900391 -1.900391,1.900391 H 3 C 1.9378864,14.900391 1.0996094,14.062113 1.0996094,13 V 4 C 1.0996094,3.11278 1.6882747,2.3905225 2.5,2.1738281 v 0.5664063 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 z"/></svg>');
+  --ez-date-input__calendar-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="16px" width="15px"><path d="M 3.171875,5.25 C 2.6485088,5.25 2.21875,5.6797588 2.21875,6.203125 2.21875,6.7264912 2.6485088,7.15625 3.171875,7.15625 3.6952412,7.15625 4.125,6.7264912 4.125,6.203125 4.125,5.6797588 3.6952412,5.25 3.171875,5.25 Z m 2.875,0 C 5.5235088,5.25 5.09375,5.6797588 5.09375,6.203125 5.09375,6.7264912 5.5235088,7.15625 6.046875,7.15625 6.5702412,7.15625 7,6.7264912 7,6.203125 7,5.6797588 6.5702412,5.25 6.046875,5.25 Z m 2.875,0 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.953125 0.953125,0.953125 0.5233662,0 0.9511719,-0.4297588 0.9511719,-0.953125 C 9.8730469,5.6797588 9.4452412,5.25 8.921875,5.25 Z m 2.873047,0 c -0.523366,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.429759,0.953125 0.953125,0.953125 0.523366,0 0.953125,-0.4297588 0.953125,-0.953125 C 12.748047,5.6797588 12.318288,5.25 11.794922,5.25 Z M 3.171875,8.1230469 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.9531251 0.953125,0.9531251 0.5233662,0 0.953125,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.875,0 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.9531251 0.953125,0.9531251 C 6.5702412,10.029297 7,9.5995381 7,9.0761719 7,8.5528057 6.5702412,8.1230469 6.046875,8.1230469 Z m 2.8554688,0 c -0.5233663,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297587,0.9531251 0.953125,0.9531251 0.5233661,0 0.9531249,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.9003902,0 c -0.523366,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.429759,0.9531251 0.953125,0.9531251 0.523367,0 0.953125,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.429758,-0.953125 -0.953125,-0.953125 z M 3.171875,10.998047 c -0.5233662,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297588,0.953125 0.953125,0.953125 0.5233662,0 0.953125,-0.429759 0.953125,-0.953125 0,-0.523366 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.875,0 c -0.5233662,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297588,0.953125 0.953125,0.953125 C 6.5702412,12.904297 7,12.474538 7,11.951172 7,11.427806 6.5702412,10.998047 6.046875,10.998047 Z m 2.8554688,0 c -0.5233663,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297587,0.953125 0.953125,0.953125 0.5233661,0 0.9531249,-0.429759 0.953125,-0.953125 0,-0.523366 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.9003902,0 c -0.523366,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.429759,0.953125 0.953125,0.953125 0.523367,0 0.953125,-0.429759 0.953125,-0.953125 0,-0.523366 -0.429758,-0.953125 -0.953125,-0.953125 z M 3.5,0 c -0.554,0 -1,0.446 -1,1 v 0.050781 C 1.0853217,1.2909766 0,2.5186658 0,4 v 9 c 0,1.652487 1.3475134,3 3,3 h 9 c 1.652487,0 3,-1.347513 3,-3 V 4 C 15,2.5186658 13.914678,1.2909766 12.5,1.0507812 V 1 c 0,-0.554 -0.446,-1 -1,-1 -0.554,0 -1,0.446 -1,1 h -2 c 0,-0.554 -0.446,-1 -1,-1 -0.554,0 -1,0.446 -1,1 h -2 C 4.5,0.446 4.054,0 3.5,0 Z m 1,2.0996094 h 2 v 0.640625 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 v -0.640625 h 2 v 0.640625 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 V 2.1738281 C 13.311725,2.3905225 13.900391,3.11278 13.900391,4 v 9 c 0,1.062113 -0.838278,1.900391 -1.900391,1.900391 H 3 C 1.9378864,14.900391 1.0996094,14.062113 1.0996094,13 V 4 C 1.0996094,3.11278 1.6882747,2.3905225 2.5,2.1738281 v 0.5664063 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 z"/></svg>');
+}
+
+.text-input {
+  --ez-text-input__input--background-color: inherit;
+  --ez-text-input__input--border-color: inherit;
 }
 
 .btn-open-cal {
@@ -22,8 +31,8 @@
   background-color: var(--text--primary, #008561);
   width: 15px;
   height: 16px;
-  -webkit-mask-image: var(--di__calendar-image);
-  mask-image: var(--di__calendar-image);
+  -webkit-mask-image: var(--ez-date-input__calendar-image);
+  mask-image: var(--ez-date-input__calendar-image);
 }
 
 .btn-open-cal:disabled:after {
@@ -32,4 +41,9 @@
 
 .btn-open-cal:enabled:hover::after {
   background-color: var(--color--primary, #4e4e4e);
+}
+
+ez-text-input {
+  --text-input__input--background-color: var(--ez-date-input__input--background-color, #FFFFFF);
+  --text-input__input--border-color: var(--ez-date-input__input--border-color, #DCE0E8);
 }

package/dist/collection/components/ez-date-input/ez-date-input.js

@@ -56,14 +56,14 @@ export class EzDateInput {
     }
   }
   getTextValue(d) {
-    return d ? new Intl.DateTimeFormat('pt-BR').format(d) : null;
+    return d ? new Intl.DateTimeFormat("pt-BR").format(d) : null;
   }
   componentDidLoad() {
     CSSVarsUtils.applyVarsTextInput(this._elem, this._textInput);
   }
   render() {
     return (h(Host, null,
-      h("ez-text-input", { ref: elem => this._textInput = elem, onBlur: () => this.parseDate(), onKeyDown: event => { if (event.key === 'H' || event.key === 'h')
+      h("ez-text-input", { ref: elem => this._textInput = elem, onBlur: () => this.parseDate(), onKeyDown: event => { if (event.key === "H" || event.key === "h")
           this.changeValue(new Date()); }, label: this.label, onEzChange: event => event.stopPropagation(), value: this.getTextValue(this.value), restrict: "0123456789/", enabled: this.enabled, errorMessage: this.errorMessage },
         h("button", { disabled: !this.enabled, tabindex: -1, class: "btn-open-cal", onClick: () => this.showCalendar(), slot: "leftIcon" })),
       h("ez-calendar", { onEzChange: (event) => { this.hideCalendar(); event.stopPropagation(); }, floating: true, ref: elem => this._calendar = elem })));

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

@@ -1,11 +1,11 @@
-import { Component, h, Element, forceUpdate, Prop, Method, Watch } from '@stencil/core';
-import { createStore, applyMiddleware, combineReducers } from 'redux';
-import thunk from 'redux-thunk';
-import { formLoad, invalidField, showHideNavigationButtons } from './store/Form.actions';
-import undoable from 'redux-undo';
-import formReducer, { formNonHistoricReducer } from './store/Form.reducer';
-import { FormSheet } from './subcomponents/structure/FormSheet';
-import DataUnit from './subcomponents/DataUnit';
+import { Component, h, Element, forceUpdate, Prop, Method, Watch } from "@stencil/core";
+import { createStore, applyMiddleware, combineReducers } from "redux";
+import thunk from "redux-thunk";
+import { formLoad, invalidField, showHideNavigationButtons } from "./store/Form.actions";
+import undoable from "redux-undo";
+import formReducer, { formNonHistoricReducer } from "./store/Form.reducer";
+import { FormSheet } from "./subcomponents/structure/FormSheet";
+import DataUnit from "./subcomponents/DataUnit";
 export class EzForm {
   constructor() {
     this.enabled = true;
@@ -19,8 +19,9 @@ export class EzForm {
     this._preparedMetadata = undefined;
   }
   async validate() {
+    const duSourcesNames = Array.from(this._duSources.keys());
     for (let i = 0; i < this._duSources.size; i++) {
-      const duName = Array.from(this._duSources.keys())[i];
+      const duName = duSourcesNames[i];
       let du = this._dataUnits.get(duName);
       if (du === undefined) {
         const source = this._duSources.get(duName);
@@ -34,8 +35,9 @@ export class EzForm {
   }
   async getChanges() {
     let allChanges = [];
+    const dataUnits = Array.from(this._dataUnits.values());
     for (let i = 0; i < this._dataUnits.size; i++) {
-      const du = Array.from(this._dataUnits.values())[i];
+      const du = dataUnits[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();
@@ -53,15 +55,15 @@ export class EzForm {
     }
   }
   validateRecords(dataUnit, records, triggedBy) {
-    const result = { isValid: true, message: '' };
-    if (this.ignoresavevalidation && triggedBy === "SAVE") {
+    const result = { isValid: true, message: "" };
+    if (this.ignoreSaveValidation && triggedBy === "SAVE") {
       return result;
     }
     const validateField = (field) => {
       if (field.readOnly) {
         return false;
       }
-      if (field.userInterface === 'SWITCH' || field.userInterface === 'CHECKBOX') {
+      if (field.userInterface === "SWITCH" || field.userInterface === "CHECKBOX") {
         return false;
       }
       return true;
@@ -72,7 +74,7 @@ export class EzForm {
           const recordIndex = record["record__index"];
           const fieldName = field.name;
           const fieldValue = record[fieldName];
-          if (fieldValue === null || fieldValue === undefined || fieldValue === '') {
+          if (fieldValue === null || fieldValue === undefined || fieldValue === "") {
             const tabPosition = this._tabPositionByField.get(dataUnit.name + field.name);
             this._store.dispatch(invalidField(tabPosition.tabName, tabPosition.index, dataUnit.name, recordIndex, record.record__id, field.name, "Essa informação é obrigatória"));
             result.isValid = false;
@@ -99,7 +101,7 @@ export class EzForm {
     return result;
   }
   loadMDFromExecutor(callBack) {
-    const loadMetadataFunction = this.parseExecutor(this.metadataexecutor);
+    const loadMetadataFunction = this.parseExecutor(this.metadataExecutor);
     if (loadMetadataFunction) {
       const result = loadMetadataFunction();
       if (result) {
@@ -179,7 +181,7 @@ export class EzForm {
       });
       this._store = createStore(rootReducer, applyMiddleware(thunk));
       this._store.subscribe(() => { forceUpdate(this); });
-      if (this.slavemode) {
+      if (this.slaveMode) {
         this._store.dispatch(showHideNavigationButtons("saveVisible", false));
         this._store.dispatch(showHideNavigationButtons("cancelVisible", false));
         this._store.dispatch(showHideNavigationButtons("reloadVisible", false));
@@ -202,12 +204,12 @@ export class EzForm {
     this._duToLoad = [];
   }
   loadSearch(argument, context) {
-    const fieldSearchExecutor = this.parseExecutor(this.fieldsearchexecutor);
+    const fieldSearchExecutor = this.parseExecutor(this.fieldSearchExecutor);
     if (fieldSearchExecutor) {
       return fieldSearchExecutor(argument, context);
     }
     else {
-      return [{ value: 0, label: 'Sem resultados' }];
+      return [{ value: 0, label: "Sem resultados" }];
     }
   }
   buildDataUnit(dataUnit, parentDataUnit) {
@@ -234,9 +236,9 @@ export class EzForm {
   }
   decorateDU(dataUnit) {
     dataUnit.store = this._store;
-    dataUnit.loadExecutor = this.parseExecutor(this.loadexecutor);
-    dataUnit.saveExecutor = this.parseExecutor(this.saveexecutor);
-    dataUnit.removeExecutor = this.parseExecutor(this.removeexecutor);
+    dataUnit.loadExecutor = this.parseExecutor(this.loadExecutor);
+    dataUnit.saveExecutor = this.parseExecutor(this.saveExecutor);
+    dataUnit.removeExecutor = this.parseExecutor(this.removeExecutor);
     dataUnit.recordsValidator = this;
   }
   render() {
@@ -256,7 +258,7 @@ export class EzForm {
   }; }
   static get assetsDirs() { return ["assets"]; }
   static get properties() { return {
-    "metadataexecutor": {
+    "metadataExecutor": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -274,10 +276,10 @@ export class EzForm {
         "tags": [],
         "text": ""
       },
-      "attribute": "metadataexecutor",
+      "attribute": "metadata-executor",
       "reflect": false
     },
-    "loadexecutor": {
+    "loadExecutor": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -295,10 +297,10 @@ export class EzForm {
         "tags": [],
         "text": ""
       },
-      "attribute": "loadexecutor",
+      "attribute": "load-executor",
       "reflect": false
     },
-    "saveexecutor": {
+    "saveExecutor": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -316,10 +318,10 @@ export class EzForm {
         "tags": [],
         "text": ""
       },
-      "attribute": "saveexecutor",
+      "attribute": "save-executor",
       "reflect": false
     },
-    "removeexecutor": {
+    "removeExecutor": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -337,10 +339,10 @@ export class EzForm {
         "tags": [],
         "text": ""
       },
-      "attribute": "removeexecutor",
+      "attribute": "remove-executor",
       "reflect": false
     },
-    "fieldsearchexecutor": {
+    "fieldSearchExecutor": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -358,10 +360,10 @@ export class EzForm {
         "tags": [],
         "text": ""
       },
-      "attribute": "fieldsearchexecutor",
+      "attribute": "field-search-executor",
       "reflect": false
     },
-    "ignoresavevalidation": {
+    "ignoreSaveValidation": {
       "type": "boolean",
       "mutable": false,
       "complexType": {
@@ -375,7 +377,7 @@ export class EzForm {
         "tags": [],
         "text": ""
       },
-      "attribute": "ignoresavevalidation",
+      "attribute": "ignore-save-validation",
       "reflect": false
     },
     "metadata": {
@@ -401,7 +403,7 @@ export class EzForm {
         "text": ""
       }
     },
-    "slavemode": {
+    "slaveMode": {
       "type": "boolean",
       "mutable": false,
       "complexType": {
@@ -415,7 +417,7 @@ export class EzForm {
         "tags": [],
         "text": ""
       },
-      "attribute": "slavemode",
+      "attribute": "slave-mode",
       "reflect": false
     },
     "enabled": {

package/dist/collection/components/ez-form/store/Form.actions.js

@@ -1,18 +1,18 @@
 export function changeFieldValue(dataUnit, recordId, fieldName, value) {
   return {
-    type: 'FORM/CHANGEFIELD',
+    type: "FORM/CHANGEFIELD",
     payload: { dataUnit, recordId, fieldName, value }
   };
 }
 export function changeTab(formId, index) {
   return {
-    type: 'FORM/CHANGETAB',
+    type: "FORM/CHANGETAB",
     payload: { formId, index }
   };
 }
 export function clearEdition(dataUnit, recordsLimit) {
   return {
-    type: 'FORM/CLEAREDITION',
+    type: "FORM/CLEAREDITION",
     payload: {
       dataUnit,
       recordsLimit
@@ -21,13 +21,13 @@ export function clearEdition(dataUnit, recordsLimit) {
 }
 export function collapseExpandGroup(collapseId, collapsed) {
   return {
-    type: 'FORM/COLLAPSEGROUP',
+    type: "FORM/COLLAPSEGROUP",
     payload: { collapseId, collapsed }
   };
 }
 export function previousRecord(dataUnit) {
   return {
-    type: 'FORM/NAVIGATE',
+    type: "FORM/NAVIGATE",
     payload: {
       dataUnit,
       limit: 0,
@@ -37,7 +37,7 @@ export function previousRecord(dataUnit) {
 }
 export function nextRecord(dataUnit, limit) {
   return {
-    type: 'FORM/NAVIGATE',
+    type: "FORM/NAVIGATE",
     payload: {
       dataUnit,
       limit,
@@ -47,7 +47,7 @@ export function nextRecord(dataUnit, limit) {
 }
 export function insertRecord(dataUnit, insertionIndex) {
   return {
-    type: 'FORM/INSERT',
+    type: "FORM/INSERT",
     payload: {
       dataUnit,
       insertionIndex
@@ -56,12 +56,12 @@ export function insertRecord(dataUnit, insertionIndex) {
 }
 export function formLoad() {
   return {
-    type: 'FORM/LOAD'
+    type: "FORM/LOAD"
   };
 }
 export function dataLoading(dataUnit) {
   return {
-    type: 'FORM/DATALOADING',
+    type: "FORM/DATALOADING",
     payload: {
       dataUnit
     }
@@ -69,7 +69,7 @@ export function dataLoading(dataUnit) {
 }
 export function savingChanges(dataUnit) {
   return {
-    type: 'FORM/SAVINGCHANGES',
+    type: "FORM/SAVINGCHANGES",
     payload: {
       dataUnit
     }
@@ -77,7 +77,7 @@ export function savingChanges(dataUnit) {
 }
 export function dataLoaded(dataUnit) {
   return {
-    type: 'FORM/DATALOADED',
+    type: "FORM/DATALOADED",
     payload: {
       dataUnit
     }
@@ -85,7 +85,7 @@ export function dataLoaded(dataUnit) {
 }
 export function changesSaved(dataUnit) {
   return {
-    type: 'FORM/CHANGESSAVED',
+    type: "FORM/CHANGESSAVED",
     payload: {
       dataUnit
     }
@@ -93,7 +93,7 @@ export function changesSaved(dataUnit) {
 }
 export function removingRecord(dataUnit) {
   return {
-    type: 'FORM/REMOVINGRECORD',
+    type: "FORM/REMOVINGRECORD",
     payload: {
       dataUnit
     }
@@ -101,7 +101,7 @@ export function removingRecord(dataUnit) {
 }
 export function recordRemoved(dataUnit) {
   return {
-    type: 'FORM/RECORDREMOVED',
+    type: "FORM/RECORDREMOVED",
     payload: {
       dataUnit
     }
@@ -109,7 +109,7 @@ export function recordRemoved(dataUnit) {
 }
 export function invalidField(tabController, tabIndex, dataUnit, recordIndex, recordId, fieldName, errorMessage) {
   return {
-    type: 'FORM/INVALIDFIELD',
+    type: "FORM/INVALIDFIELD",
     payload: {
       tabController,
       tabIndex,
@@ -123,7 +123,7 @@ export function invalidField(tabController, tabIndex, dataUnit, recordIndex, rec
 }
 export function showHideNavigationButtons(buttonName, status) {
   return {
-    type: 'FORM/SHOWHIDENAVBTN',
+    type: "FORM/SHOWHIDENAVBTN",
     payload: {
       buttonName,
       status

package/dist/collection/components/ez-form/store/Form.reducer.js

@@ -20,19 +20,19 @@ const inicialNonHistState = {
 };
 export default function formReducer(state = inicialHistState, action) {
   switch (action.type) {
-    case 'FORM/COLLAPSEGROUP':
+    case "FORM/COLLAPSEGROUP":
       return collapseGroup(state, action.payload);
-    case 'FORM/CHANGETAB':
+    case "FORM/CHANGETAB":
       return changeTab(state, action.payload.formId, action.payload.index);
-    case 'FORM/NAVIGATE':
+    case "FORM/NAVIGATE":
       return navigate(state, action.payload);
-    case 'FORM/INSERT':
+    case "FORM/INSERT":
       return insertRecord(state, action.payload);
-    case 'FORM/CHANGEFIELD':
+    case "FORM/CHANGEFIELD":
       return changeFieldValue(state, action.payload);
-    case 'FORM/CLEAREDITION':
+    case "FORM/CLEAREDITION":
       return clearEdition(state, action.payload);
-    case 'FORM/INVALIDFIELD':
+    case "FORM/INVALIDFIELD":
       return navigateToInvalid(state, action.payload);
     default:
       return state;
@@ -40,25 +40,25 @@ export default function formReducer(state = inicialHistState, action) {
 }
 export function formNonHistoricReducer(state = inicialNonHistState, action) {
   switch (action.type) {
-    case 'FORM/DATALOADING':
+    case "FORM/DATALOADING":
       return dataLoading(state, action.payload);
-    case 'FORM/DATALOADED':
+    case "FORM/DATALOADED":
       return dataLoaded(state, action.payload);
-    case 'FORM/SAVINGCHANGES':
+    case "FORM/SAVINGCHANGES":
       return savingChanges(state, action.payload);
-    case 'FORM/CHANGESSAVED':
+    case "FORM/CHANGESSAVED":
       return changesSaved(state, action.payload);
-    case 'FORM/REMOVINGRECORD':
+    case "FORM/REMOVINGRECORD":
       return removingRecord(state, action.payload);
-    case 'FORM/RECORDREMOVED':
+    case "FORM/RECORDREMOVED":
       return recordRemoved(state, action.payload);
-    case 'FORM/INVALIDFIELD':
+    case "FORM/INVALIDFIELD":
       return invalidField(state, action.payload);
-    case 'FORM/CLEAREDITION':
+    case "FORM/CLEAREDITION":
       return clearAllInvalidFields(state, action.payload);
-    case 'FORM/CHANGEFIELD':
+    case "FORM/CHANGEFIELD":
       return clearInvalidField(state, action.payload);
-    case 'FORM/SHOWHIDENAVBTN':
+    case "FORM/SHOWHIDENAVBTN":
       return showHideNavBtn(state, action.payload);
     default:
       return state;

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

@@ -1,8 +1,8 @@
-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';
-import Application from '../../../utils/Application';
+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";
+import Application from "../../../utils/Application";
 export default class DataUnit {
-  constructor(name, unitLabel, cardinality = '1', parentDU = null) {
+  constructor(name, unitLabel, cardinality = "1", parentDU = null) {
     this.name = name;
     this.unitLabel = unitLabel;
     this.cardinality = cardinality;
@@ -85,13 +85,13 @@ export default class DataUnit {
     }, 100);
   }
   cancel() {
-    this.records = this.records.filter(r => !r.record__id.startsWith('NEW_'));
+    this.records = this.records.filter(r => !r.record__id.startsWith("NEW_"));
     this._store.dispatch(clearEdition(this.name, this.records.length - 1));
   }
   insert() {
     const insertionIndex = this.records.length;
     const newRecordIndex = selectNewRecordIndex(this._store.getState(), this.name);
-    const newRecord = { 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));
@@ -204,7 +204,7 @@ export default class DataUnit {
       }
       else {
         if (result.__data__unit === this.name) {
-          if (this.cardinality === '1') {
+          if (this.cardinality === "1") {
             this.records = [this.buildRecordFromSaveResult(this.records[0], result)];
           }
           else {
@@ -218,7 +218,7 @@ export default class DataUnit {
     this._store.dispatch(changesSaved(this.name));
   }
   buildRecordFromSaveResult(baseRecord, saveResult) {
-    const newRecord = baseRecord ? Object.assign({}, baseRecord) : { record__id: '' };
+    const newRecord = baseRecord ? Object.assign({}, baseRecord) : { record__id: "" };
     Object.keys(saveResult).forEach(attrib => {
       if (!attrib.startsWith("__")) {
         newRecord[attrib] = saveResult[attrib];