@sankhyalabs/ezui 1.1.75 → 1.1.78

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 ApplicationUtils from "../../../utils/ApplicationUtils";
 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));
@@ -113,7 +113,7 @@ export default class DataUnit {
         "__sub__changes": subChanges
       };
       if (recordChanges) {
-        Object.keys(recordChanges).forEach(fieldName => { change[fieldName] = recordChanges[fieldName]; });
+        Object.keys(recordChanges).forEach(fieldName => { [fieldName] = recordChanges[fieldName]; });
       }
       return change;
     }
@@ -157,7 +157,7 @@ export default class DataUnit {
         .then(r => this.processSaveResult(r))
         .catch(e => {
         this._store.dispatch(dataLoaded(this.name));
-        Application.error("Falha ao tentar salvar", e);
+        ApplicationUtils.error("Falha ao tentar salvar", e);
       });
     }
     else {
@@ -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];
@@ -282,7 +282,7 @@ export default class DataUnit {
     });
     const result = this.recordsValidator.validateRecords(this, recordsToValidate, triggedBy);
     if (result.message) {
-      Application.info(result.message);
+      ApplicationUtils.info(result.message);
     }
     return result.isValid;
   }

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

@@ -1,5 +1,5 @@
-import { Component, Host, h, Element, Prop } from '@stencil/core';
-import DataUnit from './DataUnit';
+import { Component, Host, h, Element, Prop } from "@stencil/core";
+import DataUnit from "./DataUnit";
 export class FormMetadata {
   buildField(element) {
     let label = element.getAttribute("label");
@@ -11,7 +11,7 @@ export class FormMetadata {
         label = "Selecione uma das opções:";
       }
       const objOpts = {};
-      Array.from(element.getElementsByTagName('OPTION')).forEach((optElem, index) => {
+      Array.from(element.getElementsByTagName("OPTION")).forEach((optElem, index) => {
         const optValue = optElem.getAttribute("value") || index;
         const optLabel = optElem.textContent;
         objOpts[optValue] = optLabel;
@@ -19,15 +19,15 @@ export class FormMetadata {
       properties.push({ name: "options", value: JSON.stringify(objOpts) });
     }
     else if (userInterface === "FILE") {
-      const urlElement = element.querySelector('URL');
-      const headersElement = element.querySelectorAll('HEADERS>HEADER');
+      const urlElement = element.querySelector("URL");
+      const headersElement = element.querySelectorAll("HEADERS>HEADER");
       if (urlElement) {
         properties.push({ name: "URL", value: urlElement.textContent });
       }
       if (headersElement && headersElement.length > 0) {
         const headers = {};
         headersElement.forEach(header => {
-          headers[header.getAttribute('name')] = header.textContent;
+          headers[header.getAttribute("name")] = header.textContent;
         });
         properties.push({ name: "HEADERS", value: JSON.stringify(headers) });
       }
@@ -53,7 +53,7 @@ export class FormMetadata {
   }
   buildFieldSet(dataUnit, element) {
     const label = element.getAttribute("label");
-    const fields = Array.from(element.getElementsByTagName('FIELD')).map(f => {
+    const fields = Array.from(element.getElementsByTagName("FIELD")).map(f => {
       const field = this.buildField(f);
       dataUnit.addFieldMetadata(field);
       return { name: field.name };
@@ -70,7 +70,7 @@ export class FormMetadata {
     Array.from(elements).forEach(child => {
       const tagName = child.tagName.toUpperCase();
       switch (tagName) {
-        case 'FIELD':
+        case "FIELD":
           if (!form.items) {
             form.items = [];
           }
@@ -78,13 +78,13 @@ export class FormMetadata {
           dataUnit.addFieldMetadata(f);
           form.items.push({ name: f.name });
           break;
-        case 'FIELD-SET':
+        case "FIELD-SET":
           if (!form.items) {
             form.items = [];
           }
           form.items.push(this.buildFieldSet(dataUnit, child));
           break;
-        case 'SUB-FORM':
+        case "SUB-FORM":
           if (!form.subForms) {
             form.subForms = [];
           }
@@ -93,7 +93,7 @@ export class FormMetadata {
           const subDuName = child.getAttribute("dataunit");
           let subDu;
           if (subDuName) {
-            subDu = new DataUnit(subDuName, 'noname', child.hasAttribute("many") ? 'N' : '1');
+            subDu = new DataUnit(subDuName, "noname", child.hasAttribute("many") ? "N" : "1");
           }
           else {
             subDu = dataUnit;
@@ -108,7 +108,7 @@ export class FormMetadata {
     if (!this.dataunit) {
       this.dataunit = "dataunit_" + (this.name || this.label || new Date().getTime());
     }
-    const du = new DataUnit(this.dataunit, 'noname', this.many ? 'N' : '1');
+    const du = new DataUnit(this.dataunit, "noname", this.many ? "N" : "1");
     this.metadata = this.fromElements(this._host.children, this.label, this.name, du, this.autoload);
   }
   render() {

package/dist/collection/components/ez-form/subcomponents/place-holder.js

@@ -1,4 +1,4 @@
-import { Component, Host, h } from '@stencil/core';
+import { Component, Host, h } from "@stencil/core";
 export class PlaceHolder {
   render() {
     return h(Host, null);

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

@@ -19,19 +19,19 @@ export const Field = ({ dataUnit, field, forceScroll, enabled }) => {
     dataUnit.changeValue(name, newValue);
   };
   switch (userInterface) {
-    case 'LONGTEXT':
+    case "LONGTEXT":
       return h("div", { class: "col col--sd-12 padding--small" }, loadingData ? h("place-holder", null) :
-        h("ez-text-area", { value: value || '', label: formattedLabel, onEzChange: evt => changeFieldHandler(evt.target['value']), errorMessage: errorMessage, ref: elem => scrollToView(forceScroll, elem), key: key, enabled: isEnabled }));
-    case 'CHECKBOX':
-    case 'SWITCH':
+        h("ez-text-area", { value: value || "", label: formattedLabel, onEzChange: evt => changeFieldHandler(evt.target["value"]), errorMessage: errorMessage, ref: elem => scrollToView(forceScroll, elem), key: key, enabled: isEnabled }));
+    case "CHECKBOX":
+    case "SWITCH":
       return h("div", { class: "col col--sd-12 col--tb-3 padding--small align--middle padding-bottom--large" }, loadingData ? h("place-holder", null) :
-        h("ez-check", { value: value, label: label, enabled: isEnabled, mode: userInterface === "CHECKBOX" ? "regular" : "switch", onEzChange: (event) => changeFieldHandler(event.target['value']), ref: elem => scrollToView(forceScroll, elem), key: key }));
-    case 'OPTIONSELECTOR':
-      const optsObj = properties ? JSON.parse(getProp(properties, 'options')) : {};
+        h("ez-check", { value: value, label: label, enabled: isEnabled, mode: userInterface === "CHECKBOX" ? "regular" : "switch", onEzChange: (event) => changeFieldHandler(event.target["value"]), ref: elem => scrollToView(forceScroll, elem), key: key }));
+    case "OPTIONSELECTOR":
+      const optsObj = properties ? JSON.parse(getProp(properties, "options")) : {};
       const normalized = Object.keys(optsObj).map(key => { return { value: key, label: optsObj[key] }; });
       return h("div", { class: "col col--sd-12 col--tb-3 padding--small" }, loadingData ? h("place-holder", null) :
-        h("ez-combo-box", { value: value, label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.target['value']), errorMessage: errorMessage, ref: elem => scrollToView(forceScroll, elem), key: key, options: normalized }));
-    case 'SEARCH':
+        h("ez-combo-box", { value: value, label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.target["value"]), errorMessage: errorMessage, ref: elem => scrollToView(forceScroll, elem), key: key, options: normalized }));
+    case "SEARCH":
       const context = {
         __MAIN_FORM: form,
         __DATA_UNIT: dataUnit.name,
@@ -55,38 +55,38 @@ export const Field = ({ dataUnit, field, forceScroll, enabled }) => {
         }
       });
       if (criteriaList.length > 0) {
-        context['CRITERIA'] = criteriaList;
+        context["CRITERIA"] = criteriaList;
       }
       return h("div", { class: "col col--sd-12 col--tb-3 padding--small" }, loadingData ? h("place-holder", null) :
-        h("ez-search", { value: value, label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.target['value']), errorMessage: errorMessage, optionLoader: (argument) => {
+        h("ez-search", { value: value, label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.target["value"]), errorMessage: errorMessage, optionLoader: (argument) => {
             if (form) {
               return form.loadSearch(argument, context);
             }
           }, ref: elem => scrollToView(forceScroll, elem), key: key }));
-    case 'FILE':
-      const target = getProp(properties, 'URL');
-      const strHeaders = getProp(properties, 'HEADERS');
+    case "FILE":
+      const target = getProp(properties, "URL");
+      const strHeaders = getProp(properties, "HEADERS");
       const headers = strHeaders ? JSON.parse(strHeaders) : {};
       const maxfiles = Number(getProp(properties, "maxfiles") || 0);
       return (h("div", { class: "col col--sd-12 padding--small" }, loadingData ? h("place-holder", null) :
         h("ez-upload", { value: value, label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.detail), urlUpload: target, requestHeaders: headers, maxFiles: maxfiles })));
-    case 'DATE':
+    case "DATE":
       return h("div", { class: "col col--sd-12 col--tb-3 padding--small" }, loadingData ? h("place-holder", null) :
-        h("ez-date-input", { value: !value ? null : DateUtils.clearTime(value), label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.target['value']), errorMessage: errorMessage, ref: elem => scrollToView(forceScroll, elem), key: key }));
-    case 'DECIMALNUMBER':
-    case 'INTEGERNUMBER':
+        h("ez-date-input", { value: !value ? null : DateUtils.clearTime(value), label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.target["value"]), errorMessage: errorMessage, ref: elem => scrollToView(forceScroll, elem), key: key }));
+    case "DECIMALNUMBER":
+    case "INTEGERNUMBER":
       let precision = 0;
       let prettyPrecision = 0;
-      if (userInterface === 'DECIMALNUMBER') {
+      if (userInterface === "DECIMALNUMBER") {
         precision = Number(getProp(properties, "precision") || 2);
         prettyPrecision = Number(getProp(properties, "prettyprecision") || precision);
       }
       return h("div", { class: "col col--sd-12 col--tb-3 padding--small" }, loadingData ? h("place-holder", null) :
-        h("ez-numeric-input", { value: !value ? null : value, label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.target['value']), errorMessage: errorMessage, precision: precision, prettyprecision: prettyPrecision, ref: elem => scrollToView(forceScroll, elem), key: key }));
+        h("ez-numeric-input", { value: !value ? null : value, label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.target["value"]), errorMessage: errorMessage, precision: precision, prettyprecision: prettyPrecision, ref: elem => scrollToView(forceScroll, elem), key: key }));
     //IMAGE, DATETIME, ELAPSEDTIME, PASSWORD, MASKEDTEXT, HTML
     default:
       return h("div", { class: "col col--sd-12 col--tb-3 padding--small" }, loadingData ? h("place-holder", null) :
-        h("ez-text-input", { value: value, label: formattedLabel, enabled: isEnabled, loading: loadingData, onInput: (event) => changeFieldHandler(event.target['value']), errorMessage: errorMessage, ref: elem => scrollToView(forceScroll, elem), key: key }));
+        h("ez-text-input", { value: value, label: formattedLabel, enabled: isEnabled, loading: loadingData, onInput: (event) => changeFieldHandler(event.target["value"]), errorMessage: errorMessage, ref: elem => scrollToView(forceScroll, elem), key: key }));
   }
 };
 function getProp(properties, name) {

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

@@ -33,7 +33,7 @@ export const FormSheet = ({ store, parentName, source, parentDataUnit, dataUnitB
     buttons.previousVisible = false;
   }
   return h("div", { class: "form-sheet" },
-    tabs ? h("ez-tabselector", { selectedIndex: selectedTab, selectedTab: name, onChange: (evt) => changeTabHandler(evt.target.selectedindex) }, tabs) : null,
+    tabs ? h("ez-tabselector", { selectedIndex: selectedTab, selectedTab: name, onEzChange: (evt) => changeTabHandler(evt.target.selectedindex) }, tabs) : null,
     dataUnit ? h(NavigationBar, { enabled: enabled, dataUnit: dataUnit, buttonProps: buttons }) : null,
     h("div", { class: "tab__container" },
       items ? items.map(item => buildFormItem(item, name, store, currentDU, enabled)) : null,

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
-import Application from "../../../../utils/Application";
+import ApplicationUtils from "../../../../utils/ApplicationUtils";
 function removeHandler(dataUnit) {
-  Application.confirm("Exclusão de registro", "Tem certeza que deseja Remover?", null, true).then(ok => {
+  ApplicationUtils.confirm("Exclusão de registro", "Tem certeza que deseja Remover?", null, true).then(ok => {
     if (ok) {
       dataUnit.remove();
     }
@@ -23,13 +23,13 @@ export const NavigationBar = ({ dataUnit: du, buttonProps, enabled }) => {
     || buttonProps.cancelVisible
     || buttonProps.reloadVisible) {
     return h("div", { class: "col col--sd-12 align--right" },
-      buttonProps.previousVisible ? h("ez-button", { key: du.name + '_previous', title: "Registro anterior", mode: "icon", enabled: 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", { key: du.name + '_next', title: "Pr\u00F3ximo registro", mode: "icon", enabled: 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", { key: du.name + '_remove', label: "Remover", enabled: 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", { key: du.name + '_add', label: "Adicionar", enabled: enabled, onClick: () => du.insert(), class: "button--secondary margin-right--medium" }) : null,
-      buttonProps.reloadVisible ? h("ez-button", { key: du.name + '_reload', title: "Recarregar", enabled: enabled, 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", { key: du.name + '_cancel', label: "Cancelar", enabled: enabled && du.hasChanges(), onClick: () => du.cancel(), class: "button--secondary margin-right--medium" }) : null,
-      buttonProps.saveVisible ? h("ez-button", { key: du.name + '_save', label: "Salvar", enabled: enabled && du.hasChanges(), onClick: () => saveHandler(du), class: "button--primary margin-right--medium" }) : null);
+      buttonProps.previousVisible ? h("ez-button", { key: du.name + "_previous", title: "Registro anterior", mode: "icon", enabled: 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", { key: du.name + "_next", title: "Pr\u00F3ximo registro", mode: "icon", enabled: 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", { key: du.name + "_remove", label: "Remover", enabled: 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", { key: du.name + "_add", label: "Adicionar", enabled: enabled, onClick: () => du.insert(), class: "button--secondary margin-right--medium" }) : null,
+      buttonProps.reloadVisible ? h("ez-button", { key: du.name + "_reload", title: "Recarregar", enabled: enabled, 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", { key: du.name + "_cancel", label: "Cancelar", enabled: enabled && du.hasChanges(), onClick: () => du.cancel(), class: "button--secondary margin-right--medium" }) : null,
+      buttonProps.saveVisible ? h("ez-button", { key: du.name + "_save", label: "Salvar", enabled: enabled && du.hasChanges(), onClick: () => saveHandler(du), class: "button--primary margin-right--medium" }) : null);
   }
   else {
     return null;

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

@@ -0,0 +1,21 @@
+import { Action } from "@sankhyalabs/core";
+export default class DataUnitBridge {
+  constructor(gridController, dataUnit) {
+    this._gridController = gridController;
+    this._dataUnit = dataUnit;
+    this._dataUnit.subscribe(action => this.processAction(action));
+  }
+  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);
+        break;
+    }
+  }
+}

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

@@ -0,0 +1 @@
+export {};

package/dist/collection/components/ez-grid/controller/ag-grid/AgGridController.js

@@ -0,0 +1,203 @@
+import { Grid as EnterpriseGrid } from "ag-grid-enterprise";
+import { Grid } from "ag-grid-community";
+import gridTerms from "./i18n/pt-BR.js";
+import HeaderColumnTemplate from "./template/HeaderColumnTemplate.js";
+import DataSource from "./DataSource";
+export default class AgGridController {
+  constructor(enterprise) {
+    this._menuItems = [];
+    this._enterprise = enterprise;
+  }
+  initDatagrid(container, options) {
+    if (this._grid === undefined) {
+      this._columnStateChangeCallback = options.onColumnStateChange;
+      this._selectionChangeCallback = options.onSelectionChange;
+      this._paginationChangeCallback = options.onPaginationChange;
+      this._multipleSelection = options.allowMultipleSelection;
+      this._pageSize = options.pageSize;
+      this._serverURL = options.serverURL;
+      this._dataUnit = options.dataUnit;
+      this._gridOptions = {
+        localeText: gridTerms,
+        rowModelType: "serverSide",
+        serverSideStoreType: "partial",
+        rowSelection: this._multipleSelection ? "multiple" : "single",
+        serverSideDatasource: new DataSource(this._dataUnit, this._serverURL),
+        getMainMenuItems: (params) => {
+          const column = params.column;
+          const items = [column.isPinned() ? "clearPinned" : "pinLeft", "separator"];
+          this._menuItems.forEach(m => items.push({
+            name: m.label,
+            action: () => m.action(column.getColId(), m.name)
+          }));
+          return items;
+        }
+      };
+      this.setOptionsEvents(this._gridOptions);
+      this.setOptionsPagination(this._gridOptions);
+      this.setOptionsSupress(this._gridOptions);
+      if (this._enterprise) {
+        this._grid = new EnterpriseGrid(container, this._gridOptions);
+      }
+      else {
+        this._grid = new Grid(container, this._gridOptions);
+      }
+    }
+  }
+  setOptionsEvents(opt) {
+    opt.onSortChanged = e => this.onCallStateChange("sort", e);
+    opt.onColumnResized = e => this.onCallStateChange("columnResize", e);
+    opt.onColumnPinned = e => this.onCallStateChange("columnPinned", e);
+    opt.onColumnMoved = e => this.onCallStateChange("columnMoved", e);
+    opt.onColumnVisible = e => this.onCallStateChange("visibleChange", e);
+    opt.onSelectionChanged = e => this.onSelectionChange(e);
+    opt.onPaginationChanged = () => this.onPaginationChange();
+  }
+  setOptionsPagination(opt) {
+    opt.pagination = (this._pageSize > -1);
+    opt.paginationPageSize = this._pageSize;
+    opt.cacheBlockSize = this._pageSize;
+  }
+  setOptionsSupress(opt) {
+    opt.suppressDragLeaveHidesColumns = true;
+    opt.suppressPaginationPanel = true;
+    opt.suppressMenuHide = true;
+  }
+  setData(data) {
+    if (this._grid === undefined) {
+      throw new Error("Erro interno: Grid ainda não inicializado.");
+    }
+    this._gridOptions.api.setRowData(data);
+  }
+  setColumnsDef(cols, showCheckSelection) {
+    if (this._grid === undefined) {
+      throw new Error("Erro interno: Grid ainda não inicializado.");
+    }
+    const colDefs = [];
+    if (showCheckSelection) {
+      colDefs.push({
+        headerName: "",
+        checkboxSelection: true,
+        headerCheckboxSelection: false,
+        width: 100,
+        suppressMovable: true
+      });
+    }
+    cols.forEach(c => {
+      colDefs.push(this.buildColDef(c));
+    });
+    this._gridOptions.api.setColumnDefs(colDefs);
+  }
+  getColumnsDef() {
+    if (this._grid === undefined) {
+      throw new Error("Erro interno: Grid ainda não inicializado.");
+    }
+    const colDef = this._gridOptions.columnApi.getAllColumns();
+    return colDef.map(c => {
+      const def = c.getColDef();
+      const colDef = { name: def.field, label: def.headerName };
+      this.conditionalSet(colDef, "sortable", def.sortable);
+      this.conditionalSet(colDef, "resizable", def.resizable);
+      this.conditionalSet(colDef, "sort", def.sort);
+      this.conditionalSet(colDef, "sortIndex", def.sortIndex);
+      this.conditionalSet(colDef, "width", def.width);
+      this.conditionalSet(colDef, "pinned", def.pinned !== null);
+      this.conditionalSet(colDef, "hidden", def.hide);
+      return colDef;
+    });
+  }
+  setColumnsState(state) {
+    if (this._grid === undefined) {
+      throw new Error("Erro interno: Grid ainda não inicializado.");
+    }
+    this._gridOptions.columnApi.applyColumnState({ state: state.map(s => this.buildColState(s)) });
+  }
+  getColumnsState() {
+    if (this._grid === undefined) {
+      throw new Error("Erro interno: Grid ainda não inicializado.");
+    }
+    const colState = this._gridOptions.columnApi.getColumnState();
+    return colState.map(s => {
+      const def = this._gridOptions.columnApi.getColumn(s.colId).getColDef();
+      const label = def.headerName;
+      const name = def.checkboxSelection ? "__SELECTION__" : s.colId;
+      const colState = { label, name };
+      this.conditionalSet(colState, "sort", s.sort);
+      this.conditionalSet(colState, "sortIndex", s.sortIndex);
+      this.conditionalSet(colState, "width", s.width);
+      this.conditionalSet(colState, "pinned", s.pinned !== null);
+      this.conditionalSet(colState, "hidden", s.hide);
+      return colState;
+    }).filter(c => c.name !== "__SELECTION__");
+  }
+  getSelection() {
+    return this._gridOptions.api.getSelectedRows();
+  }
+  addColumnMenuItem(item) {
+    this._menuItems.push(item);
+  }
+  nextPage() {
+    this._gridOptions.api.paginationGoToNextPage();
+  }
+  previousPage() {
+    this._gridOptions.api.paginationGoToPreviousPage();
+  }
+  buildColDef(source) {
+    return {
+      headerName: source.label,
+      field: source.name,
+      sortable: true,
+      resizable: true,
+      headerComponentParams: {
+        template: HeaderColumnTemplate
+      }
+    };
+  }
+  buildColState(source) {
+    return {
+      colId: source.name,
+      sort: source.sort,
+      sortIndex: source.sortIndex,
+      width: source.width,
+      pinned: source.pinned ? "left" : null,
+      hide: source.hidden
+    };
+  }
+  onCallStateChange(type, e) {
+    const finished = !("finished" in e) || e["finished"];
+    if (finished && this._columnStateChangeCallback) {
+      this._columnStateChangeCallback(type, this.getColumnsState());
+    }
+  }
+  onSelectionChange(e) {
+    if (this._selectionChangeCallback) {
+      this._selectionChangeCallback(e.api.getSelectedRows());
+    }
+  }
+  onPaginationChange() {
+    if (this._paginationChangeCallback) {
+      if (this._gridOptions.api) {
+        const api = this._gridOptions.api;
+        const currentPage = api.paginationGetCurrentPage();
+        const isLastPage = api.paginationGetTotalPages() === (currentPage + 1);
+        const pageSize = api.paginationGetPageSize();
+        const totalRows = api.paginationGetRowCount();
+        const pageStart = currentPage * pageSize + 1;
+        const pageEnd = Math.min(totalRows, (currentPage + 1) * pageSize);
+        this._paginationChangeCallback({
+          hasPrevious: currentPage > 0,
+          hasNext: !isLastPage,
+          currentPage: currentPage + 1,
+          pageStart,
+          pageEnd,
+          totalRows
+        });
+      }
+    }
+  }
+  conditionalSet(host, attribute, value) {
+    if (value !== null && value !== undefined && value !== false) {
+      host[attribute] = value;
+    }
+  }
+}

package/dist/collection/components/ez-grid/controller/ag-grid/DataSource.js

@@ -0,0 +1,41 @@
+import Server from "./mock/Server";
+export default class DataSource {
+  constructor(dataUnit, serverURL) {
+    this._dataUnit = dataUnit;
+    this._serverURL = serverURL;
+  }
+  getRows(params) {
+    if (this._useMockedServer) {
+      if (this._mockedServer === undefined) {
+        this.loadData()
+          .then(data => {
+          this._mockedServer = new Server(data.rowData);
+          params.success(this._mockedServer.getData(params.request));
+        })
+          .catch(() => params.fail());
+      }
+      else {
+        params.success(this._mockedServer.getData(params.request));
+      }
+    }
+    else {
+      this.loadData()
+        .then(data => params.success(data))
+        .catch(() => params.fail());
+    }
+  }
+  loadData() {
+    return new Promise((resolve, reject) => {
+      if (this._dataUnit) {
+        this._dataUnit.loadData().then(rowData => resolve({ rowData, rowCount: rowData.length }));
+      }
+      else {
+        fetch(this._serverURL)
+          .then(response => {
+          response.json().then(rowData => resolve({ rowData }));
+        })
+          .catch(() => reject());
+      }
+    });
+  }
+}

package/dist/collection/components/ez-grid/controller/ag-grid/i18n/pt-BR.js

@@ -0,0 +1,75 @@
+const gridTerms = {
+  // for filter panel
+  page: "Página",
+  more: "mais",
+  to: "para",
+  of: "de",
+  next: "Próximo",
+  last: "Último",
+  first: "Primeiro",
+  previous: "Anterior",
+  loadingOoo: "Carregar",
+  // for set filter
+  selectAll: "Selecionar tudo",
+  searchOoo: "Procurar",
+  blanks: "Vazio",
+  // for number filter and text filter
+  filterOoo: "Filtrar",
+  applyFilter: "Aplicar filtro",
+  // for number filter
+  equals: "Igual",
+  lessThan: "Menor que",
+  greaterThan: "Maior que",
+  // for text filter
+  contains: "Contém",
+  startsWith: "Começa com",
+  endsWith: "Termina com",
+  // the header of the default group column
+  group: "Grupo",
+  // tool panel
+  columns: "Colunas",
+  rowGroupColumns: "Colunas do grupo de linhas",
+  rowGroupColumnsEmptyMessage: "Colunas do grupo de linhas vazias",
+  valueColumns: "Valores das colunas",
+  pivotMode: "Modo pivô",
+  groups: "Grupos",
+  values: "Valores",
+  pivots: "Pivôs",
+  valueColumnsEmptyMessage: "Valores de colunas vazias",
+  pivotColumnsEmptyMessage: "Pivôs de colunas vazias",
+  toolPanelButton: "Botão de painel de ferramentas",
+  // other
+  noRowsToShow: "Não há registros para mostrar.",
+  // enterprise menu
+  pinColumn: "Fixar coluna",
+  valueAggregation: "Agregar valor",
+  autosizeThiscolumn: "Redimensionar esta coluna",
+  autosizeAllColumns: "Redimensionar todas colunas",
+  groupBy: "Agrupar por",
+  ungroupBy: "Desagrupar por",
+  resetColumns: "Resetar colunas",
+  expandAll: "Expandir tudo",
+  collapseAll: "Contrair tudo",
+  toolPanel: "Painel de ferramentas",
+  export: "Exportar",
+  csvExport: "Exportar para CSV",
+  excelExport: "Exportar para Excel",
+  // enterprise menu pinning
+  pinLeft: "Fixar coluna",
+  pinRight: "Fixar a direita",
+  noPin: "Desfixar coluna",
+  // enterprise menu aggregation and status panel
+  sum: "Soma",
+  min: "Mínimo",
+  max: "Máximo",
+  none: "Nenhum",
+  count: "Contagem",
+  average: "Média",
+  // standard menu
+  copy: "Copiar",
+  copyWithHeaders: "Copiar com cabeçalho",
+  ctrlC: "Ctrl+C",
+  paste: "Colar",
+  ctrlV: "Ctrl+V"
+};
+export default gridTerms;