@sankhyalabs/ezui 1.1.80 → 1.1.83

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

@@ -41,36 +41,30 @@ export const buildFromConfig = (fields, dataUnit) => {
     if (config.visible !== false) {
       const tab = config.tab || "Geral";
       const descriptor = dataUnit.getField(config.name);
-      if (!sheets.has(tab)) {
-        sheets.set(tab, new Map());
-      }
-      let isRequired = false;
-      if (config.required === undefined) {
-        if (descriptor) {
-          isRequired = descriptor.required;
+      if (descriptor) {
+        if (!sheets.has(tab)) {
+          sheets.set(tab, new Map());
         }
-      }
-      else {
-        isRequired = config.required;
-      }
-      if (isRequired) {
-        requiredFields.push(config.name);
-      }
-      const tabItens = sheets.get(tab);
-      const fieldMD = { config, descriptor };
-      const group = config.group;
-      if (group) {
-        const key = `group::${group}`;
-        if (!tabItens.has(key)) {
-          tabItens.set(key, { label: group, items: [fieldMD] });
+        const isRequired = config.required === undefined ? descriptor.required : config.required;
+        if (isRequired) {
+          requiredFields.push(config.name);
+        }
+        const tabItens = sheets.get(tab);
+        const fieldMD = { config, descriptor };
+        const group = config.group;
+        if (group) {
+          const key = `group::${group}`;
+          if (!tabItens.has(key)) {
+            tabItens.set(key, { label: group, items: [fieldMD] });
+          }
+          else {
+            tabItens.get(key).items.push(fieldMD);
+          }
         }
         else {
-          tabItens.get(key).items.push(fieldMD);
+          tabItens.set(config.name, fieldMD);
         }
       }
-      else {
-        tabItens.set(config.name, fieldMD);
-      }
     }
   });
   const metadata = new FormMetadata();

package/dist/collection/components/ez-grid/controller/DataUnitBridge.js

@@ -8,14 +8,17 @@ export default class DataUnitBridge {
   processAction(action) {
     switch (action.type) {
       case Action.METADATA_LOADED:
-        const columnDefs = [];
-        this._dataUnit.metadata.fields.forEach(f => {
-          if (f.visible !== false) {
-            columnDefs.push({ label: f.label, name: f.name });
-          }
-        });
-        this._gridController.setColumnsDef(columnDefs, true);
+        this._gridController.setColumnsDef(this.buildColumnDefs(), true);
         break;
     }
   }
+  buildColumnDefs() {
+    const columnDefs = [];
+    this._dataUnit.metadata.fields.forEach(f => {
+      if (f.visible !== false) {
+        columnDefs.push({ label: f.label, name: f.name });
+      }
+    });
+    return columnDefs;
+  }
 }

package/dist/collection/components/ez-grid/ez-grid.css

@@ -1,5 +1,8 @@
 :host {
-
+  display: grid;
+  grid-template-rows: auto 1fr auto;
+  height: 100%;
+  width: 100%;
   /*@doc Define a cor de fundo do header do componente.*/
   --ezgrid__header--background-color: var(--background--xlight, #FFF)
 }

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

@@ -77,6 +77,9 @@ export class EzGrid {
       serverURL: this.serverUrl,
       dataUnit: this.dataUnit
     });
+    if (this._dataUnitBridge) {
+      this._gridController.setColumnsDef(this._dataUnitBridge.buildColumnDefs(), true);
+    }
   }
   getPaginationControl() {
     if (this.pageSize === -1) {
@@ -113,6 +116,7 @@ export class EzGrid {
         h("grid-config", { ref: ref => this._gridConfig = ref, selectedTab: "Colunas", onConfigFinish: evt => this.applyConfig(evt.detail), onConfigCancel: _evt => this.closeConfig() }))));
   }
   static get is() { return "ez-grid"; }
+  static get encapsulation() { return "scoped"; }
   static get originalStyleUrls() { return {
     "$": ["ez-grid.css"]
   }; }

package/dist/collection/components/ez-grid/subcomponents/gridconfig/grid-config.js

@@ -261,7 +261,7 @@ export class GridConfig {
         h("ez-button", { label: "Concluir", class: "button--primary", onClick: () => this.finish() }))));
   }
   static get is() { return "grid-config"; }
-  static get encapsulation() { return "shadow"; }
+  static get encapsulation() { return "scoped"; }
   static get originalStyleUrls() { return {
     "$": ["grid-config.css"]
   }; }

package/dist/collection/components/test-du/test-du.js

@@ -39,15 +39,7 @@ export class TestDu {
         }
       ]
     };
-    this.formConfig = [
-      { name: "CODPARC", label: "Parceiro" },
-      { name: "NOMEPARC", label: "Mamão" },
-      { name: "P", label: "Pêra", group: "Grupo 1" },
-      { name: "ME", label: "Melancia", tab: "aba 1", group: "Grupo 2" },
-      { name: "L", label: "Laranja", tab: "aba 1", group: "Grupo 1" },
-      { name: "LI", label: "Limão", tab: "aba 1", group: "Grupo 2" }
-    ];
-    this.dataUnit.records = [
+    this.dataUnit.dataLoader = () => new Promise(accept => accept([
       {
         __record__id__: "1321321321321321",
         CODPARC: 10,
@@ -56,26 +48,10 @@ export class TestDu {
         L: "Bagaço",
         LI: "Azedo"
       }
-    ];
+    ]));
   }
   render() {
-    //return this.conteudoEstatico();
-    //return this.somenteDataUnit();
-    return this.configurado();
-  }
-  conteudoEstatico() {
-    return (h("div", null,
-      h("button", { onClick: () => this.form.validate() }, "Validate"),
-      h("ez-form", { ref: ref => this.form = ref },
-        h("div", null,
-          h("ez-text-input", { label: "Nome (Label est\u00E1tico)", "data-field-name": "NOMEPARC", "data-required": "true" }),
-          h("ez-text-input", { label: "C\u00F3d parc (Label est\u00E1tico)", "data-field-name": "CODPARC", "data-required": "true" })))));
-  }
-  somenteDataUnit() {
-    return (h("ez-form", { dataUnit: this.dataUnit }));
-  }
-  configurado() {
-    return (h("ez-form", { dataUnit: this.dataUnit, config: this.formConfig, ref: ref => this.form = ref }));
+    return (h("ez-grid", { dataUnit: this.dataUnit }));
   }
   static get is() { return "test-du"; }
   static get originalStyleUrls() { return {