@sankhyalabs/ezui 1.1.119 → 1.1.120

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

@@ -110037,15 +110037,15 @@ class DataSource {
       }
     }
     else {
-      this.loadData()
+      this.loadData({ limit: params.api.paginationGetPageSize(), offset: params.request.startRow, quickFilter: this._quickFilterTerm })
         .then(data => params.success(data))
         .catch(() => params.fail());
     }
   }
-  loadData() {
+  loadData(page) {
     return new Promise((resolve, reject) => {
       if (this._dataUnit) {
-        this._dataUnit.loadData().then(rowData => resolve({ rowData, rowCount: rowData.length }));
+        this._dataUnit.loadData(page).then(pageRes => resolve({ rowData: this._dataUnit.records, rowCount: pageRes.total }));
       }
       else {
         fetch(this._serverURL)
@@ -110056,6 +110056,9 @@ class DataSource {
       }
     });
   }
+  setQuickFilter(term) {
+    this._quickFilterTerm = term;
+  }
 }
 
 class AgGridController {
@@ -110090,11 +110093,13 @@ class AgGridController {
       this._serverURL = options.serverURL;
       this._dataUnit = options.dataUnit;
       this._dataUnit.sortingProvider = this;
+      this._dataSource = new DataSource(this._dataUnit, this._serverURL);
       this._gridOptions = {
         localeText: gridTerms,
         rowModelType: "serverSide",
+        serverSideStoreType: "partial",
         rowSelection: this._multipleSelection ? "multiple" : "single",
-        serverSideDatasource: new DataSource(this._dataUnit, this._serverURL),
+        serverSideDatasource: this._dataSource,
         getRowNodeId: (params) => typeof params === "string" ? params : params[this._idAttribName],
         getMainMenuItems: (params) => {
           const column = params.column;
@@ -110105,10 +110110,13 @@ class AgGridController {
           }));
           return items;
         },
-        onViewportChanged: () => {
-          if (this._dataUnit) {
-            this.selectRows(this._dataUnit.getSelection());
-          }
+        getRowHeight: () => {
+          //FIXME: Existe um bug no PartialStore.prototype.destroyAllBlocks do ag-grid, pois
+          //apesar de destruir os blocos, mantém a variável "blockHeights" com o tamanho antigo
+          //dos blocos, então, quando removemos uma linha, a altura do bloco não é recalculada.
+          //Descobri que setando manualmente a altura das linhas, apesar do bloco ficar com 
+          //tamanho errado, isso afeta menos o componente.
+          return 25;
         }
       };
       this.setOptionsEvents(this._gridOptions);
@@ -110131,6 +110139,11 @@ class AgGridController {
     opt.onSelectionChanged = e => this.onSelectionChange(e);
     opt.onPaginationChanged = () => this.onPaginationChange();
     opt.onRowDoubleClicked = evt => this.onRowDoubleClick(evt);
+    opt.onViewportChanged = () => {
+      if (this._dataUnit) {
+        this.selectRows(this._dataUnit.getSelection());
+      }
+    };
   }
   setOptionsPagination(opt) {
     opt.pagination = (this._pageSize > -1);
@@ -110148,11 +110161,11 @@ class AgGridController {
     }
     this._gridOptions.api.setRowData(data);
   }
-  addRows(rows) {
+  addRows() {
     if (this._grid === undefined) {
       throw new Error("Erro interno: Grid ainda não inicializado.");
     }
-    this._gridOptions.api.applyServerSideTransaction({ add: rows });
+    this._gridOptions.api.refreshServerSideStore({});
   }
   selectRows(rowIds) {
     if (this._grid === undefined) {
@@ -110167,11 +110180,11 @@ class AgGridController {
       });
     }
   }
-  removeRows(rowIds) {
+  removeRows() {
     if (this._grid === undefined) {
       throw new Error("Erro interno: Grid ainda não inicializado.");
     }
-    this._gridOptions.api.applyServerSideTransaction({ remove: rowIds });
+    this._gridOptions.api.refreshServerSideStore({});
   }
   changeValues(changes, rowIds) {
     if (this._grid === undefined) {
@@ -110288,6 +110301,14 @@ class AgGridController {
   previousPage() {
     this._gridOptions.api.paginationGoToPreviousPage();
   }
+  goToPage(page) {
+    this._gridOptions.api.paginationGoToPage(page);
+  }
+  quickFilter(term) {
+    this._dataSource.setQuickFilter(term);
+    this.goToPage(0);
+    this._gridOptions.api.refreshServerSideStore({ purge: true });
+  }
   buildColDef(source) {
     return {
       headerName: source.label,
@@ -110501,6 +110522,18 @@ let EzGrid = class {
   async getColumns() {
     return Promise.resolve(this._gridController.getColumnsDef());
   }
+  /**
+  * Método para recarregar pagina atual da grid.
+  */
+  async refresh() {
+    this._gridController.refresh();
+  }
+  /**
+  * Método para fazer um filtro rápido na grid.
+  */
+  async quickFilter(term) {
+    this._gridController.quickFilter(term);
+  }
   componentWillLoad() {
     if (this.dataUnit) {
       this._dataUnitBridge = new DataUnitBridge(this._gridController, this.dataUnit);

package/dist/cjs/ezui.cjs.js

@@ -15,5 +15,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["ez-grid.cjs",[[6,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"pageSize":[2,"page-size"],"serverUrl":[1,"server-url"],"dataUnit":[16],"_navigationHasPrevious":[32],"_navigationHasNext":[32],"_navigationFirstRow":[32],"_navigationLastRow":[32],"_navigationTotalRows":[32],"_popUpVisible":[32],"setColumnsDef":[64],"addColumnMenuItem":[64],"setColumnsState":[64],"setData":[64],"getSelection":[64],"getColumnsState":[64],"getColumns":[64]}]]],["ez-dialog.cjs",[[1,"ez-dialog",{"confirm":[1028],"critical":[1028],"message":[1025],"opened":[1540],"personalizedIconPath":[1025,"personalized-icon-path"],"ezTitle":[1025,"ez-title"],"handleButtonClick":[64],"show":[64]}]]],["ez-filter-input.cjs",[[1,"ez-filter-input",{"label":[1],"value":[1537],"enabled":[4],"loading":[516],"errorMessage":[1537,"error-message"],"restrict":[1],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-action-chip.cjs",[[1,"ez-action-chip",{"label":[513],"enabled":[516]}]]],["ez-application.cjs",[[0,"ez-application"]]],["ez-label-chip.cjs",[[1,"ez-label-chip",{"label":[513],"enabled":[516],"removable":[516],"value":[1540],"setFocus":[64],"setBlur":[64]}]]],["ez-popover.cjs",[[1,"ez-popover",{"autoClose":[516,"auto-close"],"top":[1537],"left":[1537],"bottom":[1537],"right":[1537],"boxWidth":[513,"box-width"],"opened":[1540],"innerElement":[1537,"inner-element"],"updatePosition":[64],"show":[64],"hide":[64]}]]],["ez-popup.cjs",[[1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[1540,"use-header"],"ezTitle":[1,"ez-title"]}]]],["ez-toast.cjs",[[1,"ez-toast",{"message":[1025],"fadeTime":[1026,"fade-time"],"useIcon":[1028,"use-icon"],"canClose":[1028,"can-close"],"show":[64]}]]],["grid-config.cjs",[[2,"grid-config",{"selectedTab":[1025,"selected-tab"],"columns":[1040]}]]],["ez-modal.cjs",[[1,"ez-modal",{"modalSize":[1,"modal-size"],"align":[1],"opened":[1028],"closeEsc":[4,"close-esc"],"closeOutsideClick":[4,"close-outside-click"]}]]],["ez-text-input.cjs",[[1,"ez-text-input",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"mask":[1],"canShowError":[516,"can-show-error"],"restrict":[1],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-date-input.cjs",[[1,"ez-date-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-date-time-input.cjs",[[1,"ez-date-time-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-search.cjs",[[1,"ez-search",{"value":[1537],"label":[1537],"enabled":[1540],"errorMessage":[1537,"error-message"],"optionLoader":[16],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressEmptyOption":[4,"suppress-empty-option"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-time-input.cjs",[[1,"ez-time-input",{"label":[513],"viewValue":[1537,"view-value"],"value":[1026],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-number-input.cjs",[[1,"ez-number-input",{"label":[1],"value":[1538],"enabled":[4],"errorMessage":[1537,"error-message"],"precision":[2],"prettyPrecision":[2,"pretty-precision"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-collapsible-box.cjs",[[1,"ez-collapsible-box",{"value":[1540],"label":[513],"headerSize":[513,"header-size"],"iconPlacement":[513,"icon-placement"],"showHide":[64]}]]],["test-du.cjs",[[0,"test-du"]]],["select-box.cjs",[[1,"select-box",{"selectedOption":[1,"selected-option"]}]]],["ez-list.cjs",[[1,"ez-list",{"dataSource":[1040],"useGroups":[1540,"use-groups"],"ezDraggable":[1028,"ez-draggable"],"ezSelectable":[1028,"ez-selectable"],"itemSlotBuilder":[1040],"_listItems":[32],"_listGroupItems":[32],"setSelection":[64],"getSelection":[64],"getList":[64]}]]],["ez-text-area.cjs",[[1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"rows":[1538],"canShowError":[516,"can-show-error"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-upload.cjs",[[1,"ez-upload",{"label":[1],"enabled":[4],"maxFileSize":[2,"max-file-size"],"maxFiles":[2,"max-files"],"requestHeaders":[8,"request-headers"],"urlUpload":[1,"url-upload"],"urlDelete":[1,"url-delete"],"value":[1040],"addFiles":[64],"setFocus":[64],"setBlur":[64]}]]],["ez-button.cjs",[[1,"ez-button",{"label":[513],"enabled":[516],"mode":[513],"image":[513],"iconName":[513,"icon-name"],"size":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-calendar.cjs",[[1,"ez-calendar",{"value":[1040],"floating":[516],"time":[516],"showSeconds":[516,"show-seconds"],"show":[64],"fitVertical":[64],"hide":[64]}]]],["ez-check.cjs",[[1,"ez-check",{"label":[513],"value":[1540],"enabled":[516],"mode":[513],"getMode":[64],"setFocus":[64]}]]],["ez-tabselector.cjs",[[1,"ez-tabselector",{"selectedIndex":[1538,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1]}]]],["ez-combo-box.cjs",[[1,"ez-combo-box",{"value":[1537],"label":[513],"enabled":[516],"options":[1040],"errorMessage":[1537,"error-message"],"searchMode":[4,"search-mode"],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"optionLoader":[16],"suppressEmptyOption":[4,"suppress-empty-option"],"canShowError":[516,"can-show-error"],"mode":[513],"_preSelection":[32],"_visibleOptions":[32],"setFocus":[64],"setBlur":[64]}]]],["ez-icon.cjs",[[1,"ez-icon",{"size":[513],"href":[513],"iconName":[513,"icon-name"]}]]],["ez-form.cjs",[[0,"ez-form",{"dataUnit":[1040],"config":[16],"submit":[64],"cancel":[64],"validate":[64]}]]]], options);
+  return index.bootstrapLazy([["ez-grid.cjs",[[6,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"pageSize":[2,"page-size"],"serverUrl":[1,"server-url"],"dataUnit":[16],"_navigationHasPrevious":[32],"_navigationHasNext":[32],"_navigationFirstRow":[32],"_navigationLastRow":[32],"_navigationTotalRows":[32],"_popUpVisible":[32],"setColumnsDef":[64],"addColumnMenuItem":[64],"setColumnsState":[64],"setData":[64],"getSelection":[64],"getColumnsState":[64],"getColumns":[64],"refresh":[64],"quickFilter":[64]}]]],["ez-dialog.cjs",[[1,"ez-dialog",{"confirm":[1028],"critical":[1028],"message":[1025],"opened":[1540],"personalizedIconPath":[1025,"personalized-icon-path"],"ezTitle":[1025,"ez-title"],"handleButtonClick":[64],"show":[64]}]]],["ez-filter-input.cjs",[[1,"ez-filter-input",{"label":[1],"value":[1537],"enabled":[4],"loading":[516],"errorMessage":[1537,"error-message"],"restrict":[1],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-action-chip.cjs",[[1,"ez-action-chip",{"label":[513],"enabled":[516]}]]],["ez-application.cjs",[[0,"ez-application"]]],["ez-label-chip.cjs",[[1,"ez-label-chip",{"label":[513],"enabled":[516],"removable":[516],"value":[1540],"setFocus":[64],"setBlur":[64]}]]],["ez-popover.cjs",[[1,"ez-popover",{"autoClose":[516,"auto-close"],"top":[1537],"left":[1537],"bottom":[1537],"right":[1537],"boxWidth":[513,"box-width"],"opened":[1540],"innerElement":[1537,"inner-element"],"updatePosition":[64],"show":[64],"hide":[64]}]]],["ez-popup.cjs",[[1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[1540,"use-header"],"ezTitle":[1,"ez-title"]}]]],["ez-toast.cjs",[[1,"ez-toast",{"message":[1025],"fadeTime":[1026,"fade-time"],"useIcon":[1028,"use-icon"],"canClose":[1028,"can-close"],"show":[64]}]]],["grid-config.cjs",[[2,"grid-config",{"selectedTab":[1025,"selected-tab"],"columns":[1040]}]]],["ez-modal.cjs",[[1,"ez-modal",{"modalSize":[1,"modal-size"],"align":[1],"opened":[1028],"closeEsc":[4,"close-esc"],"closeOutsideClick":[4,"close-outside-click"]}]]],["ez-text-input.cjs",[[1,"ez-text-input",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"mask":[1],"canShowError":[516,"can-show-error"],"restrict":[1],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-date-input.cjs",[[1,"ez-date-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-date-time-input.cjs",[[1,"ez-date-time-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-search.cjs",[[1,"ez-search",{"value":[1537],"label":[1537],"enabled":[1540],"errorMessage":[1537,"error-message"],"optionLoader":[16],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressEmptyOption":[4,"suppress-empty-option"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-time-input.cjs",[[1,"ez-time-input",{"label":[513],"viewValue":[1537,"view-value"],"value":[1026],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-number-input.cjs",[[1,"ez-number-input",{"label":[1],"value":[1538],"enabled":[4],"errorMessage":[1537,"error-message"],"precision":[2],"prettyPrecision":[2,"pretty-precision"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-collapsible-box.cjs",[[1,"ez-collapsible-box",{"value":[1540],"label":[513],"headerSize":[513,"header-size"],"iconPlacement":[513,"icon-placement"],"showHide":[64]}]]],["test-du.cjs",[[0,"test-du"]]],["select-box.cjs",[[1,"select-box",{"selectedOption":[1,"selected-option"]}]]],["ez-list.cjs",[[1,"ez-list",{"dataSource":[1040],"useGroups":[1540,"use-groups"],"ezDraggable":[1028,"ez-draggable"],"ezSelectable":[1028,"ez-selectable"],"itemSlotBuilder":[1040],"_listItems":[32],"_listGroupItems":[32],"setSelection":[64],"getSelection":[64],"getList":[64]}]]],["ez-text-area.cjs",[[1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"rows":[1538],"canShowError":[516,"can-show-error"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-upload.cjs",[[1,"ez-upload",{"label":[1],"enabled":[4],"maxFileSize":[2,"max-file-size"],"maxFiles":[2,"max-files"],"requestHeaders":[8,"request-headers"],"urlUpload":[1,"url-upload"],"urlDelete":[1,"url-delete"],"value":[1040],"addFiles":[64],"setFocus":[64],"setBlur":[64]}]]],["ez-button.cjs",[[1,"ez-button",{"label":[513],"enabled":[516],"mode":[513],"image":[513],"iconName":[513,"icon-name"],"size":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-calendar.cjs",[[1,"ez-calendar",{"value":[1040],"floating":[516],"time":[516],"showSeconds":[516,"show-seconds"],"show":[64],"fitVertical":[64],"hide":[64]}]]],["ez-check.cjs",[[1,"ez-check",{"label":[513],"value":[1540],"enabled":[516],"mode":[513],"getMode":[64],"setFocus":[64]}]]],["ez-tabselector.cjs",[[1,"ez-tabselector",{"selectedIndex":[1538,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1]}]]],["ez-combo-box.cjs",[[1,"ez-combo-box",{"value":[1537],"label":[513],"enabled":[516],"options":[1040],"errorMessage":[1537,"error-message"],"searchMode":[4,"search-mode"],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"optionLoader":[16],"suppressEmptyOption":[4,"suppress-empty-option"],"canShowError":[516,"can-show-error"],"mode":[513],"_preSelection":[32],"_visibleOptions":[32],"setFocus":[64],"setBlur":[64]}]]],["ez-icon.cjs",[[1,"ez-icon",{"size":[513],"href":[513],"iconName":[513,"icon-name"]}]]],["ez-form.cjs",[[0,"ez-form",{"dataUnit":[1040],"config":[16],"submit":[64],"cancel":[64],"validate":[64]}]]]], options);
 });

package/dist/cjs/loader.cjs.js

@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["ez-grid.cjs",[[6,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"pageSize":[2,"page-size"],"serverUrl":[1,"server-url"],"dataUnit":[16],"_navigationHasPrevious":[32],"_navigationHasNext":[32],"_navigationFirstRow":[32],"_navigationLastRow":[32],"_navigationTotalRows":[32],"_popUpVisible":[32],"setColumnsDef":[64],"addColumnMenuItem":[64],"setColumnsState":[64],"setData":[64],"getSelection":[64],"getColumnsState":[64],"getColumns":[64]}]]],["ez-dialog.cjs",[[1,"ez-dialog",{"confirm":[1028],"critical":[1028],"message":[1025],"opened":[1540],"personalizedIconPath":[1025,"personalized-icon-path"],"ezTitle":[1025,"ez-title"],"handleButtonClick":[64],"show":[64]}]]],["ez-filter-input.cjs",[[1,"ez-filter-input",{"label":[1],"value":[1537],"enabled":[4],"loading":[516],"errorMessage":[1537,"error-message"],"restrict":[1],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-action-chip.cjs",[[1,"ez-action-chip",{"label":[513],"enabled":[516]}]]],["ez-application.cjs",[[0,"ez-application"]]],["ez-label-chip.cjs",[[1,"ez-label-chip",{"label":[513],"enabled":[516],"removable":[516],"value":[1540],"setFocus":[64],"setBlur":[64]}]]],["ez-popover.cjs",[[1,"ez-popover",{"autoClose":[516,"auto-close"],"top":[1537],"left":[1537],"bottom":[1537],"right":[1537],"boxWidth":[513,"box-width"],"opened":[1540],"innerElement":[1537,"inner-element"],"updatePosition":[64],"show":[64],"hide":[64]}]]],["ez-popup.cjs",[[1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[1540,"use-header"],"ezTitle":[1,"ez-title"]}]]],["ez-toast.cjs",[[1,"ez-toast",{"message":[1025],"fadeTime":[1026,"fade-time"],"useIcon":[1028,"use-icon"],"canClose":[1028,"can-close"],"show":[64]}]]],["grid-config.cjs",[[2,"grid-config",{"selectedTab":[1025,"selected-tab"],"columns":[1040]}]]],["ez-modal.cjs",[[1,"ez-modal",{"modalSize":[1,"modal-size"],"align":[1],"opened":[1028],"closeEsc":[4,"close-esc"],"closeOutsideClick":[4,"close-outside-click"]}]]],["ez-text-input.cjs",[[1,"ez-text-input",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"mask":[1],"canShowError":[516,"can-show-error"],"restrict":[1],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-date-input.cjs",[[1,"ez-date-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-date-time-input.cjs",[[1,"ez-date-time-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-search.cjs",[[1,"ez-search",{"value":[1537],"label":[1537],"enabled":[1540],"errorMessage":[1537,"error-message"],"optionLoader":[16],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressEmptyOption":[4,"suppress-empty-option"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-time-input.cjs",[[1,"ez-time-input",{"label":[513],"viewValue":[1537,"view-value"],"value":[1026],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-number-input.cjs",[[1,"ez-number-input",{"label":[1],"value":[1538],"enabled":[4],"errorMessage":[1537,"error-message"],"precision":[2],"prettyPrecision":[2,"pretty-precision"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-collapsible-box.cjs",[[1,"ez-collapsible-box",{"value":[1540],"label":[513],"headerSize":[513,"header-size"],"iconPlacement":[513,"icon-placement"],"showHide":[64]}]]],["test-du.cjs",[[0,"test-du"]]],["select-box.cjs",[[1,"select-box",{"selectedOption":[1,"selected-option"]}]]],["ez-list.cjs",[[1,"ez-list",{"dataSource":[1040],"useGroups":[1540,"use-groups"],"ezDraggable":[1028,"ez-draggable"],"ezSelectable":[1028,"ez-selectable"],"itemSlotBuilder":[1040],"_listItems":[32],"_listGroupItems":[32],"setSelection":[64],"getSelection":[64],"getList":[64]}]]],["ez-text-area.cjs",[[1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"rows":[1538],"canShowError":[516,"can-show-error"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-upload.cjs",[[1,"ez-upload",{"label":[1],"enabled":[4],"maxFileSize":[2,"max-file-size"],"maxFiles":[2,"max-files"],"requestHeaders":[8,"request-headers"],"urlUpload":[1,"url-upload"],"urlDelete":[1,"url-delete"],"value":[1040],"addFiles":[64],"setFocus":[64],"setBlur":[64]}]]],["ez-button.cjs",[[1,"ez-button",{"label":[513],"enabled":[516],"mode":[513],"image":[513],"iconName":[513,"icon-name"],"size":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-calendar.cjs",[[1,"ez-calendar",{"value":[1040],"floating":[516],"time":[516],"showSeconds":[516,"show-seconds"],"show":[64],"fitVertical":[64],"hide":[64]}]]],["ez-check.cjs",[[1,"ez-check",{"label":[513],"value":[1540],"enabled":[516],"mode":[513],"getMode":[64],"setFocus":[64]}]]],["ez-tabselector.cjs",[[1,"ez-tabselector",{"selectedIndex":[1538,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1]}]]],["ez-combo-box.cjs",[[1,"ez-combo-box",{"value":[1537],"label":[513],"enabled":[516],"options":[1040],"errorMessage":[1537,"error-message"],"searchMode":[4,"search-mode"],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"optionLoader":[16],"suppressEmptyOption":[4,"suppress-empty-option"],"canShowError":[516,"can-show-error"],"mode":[513],"_preSelection":[32],"_visibleOptions":[32],"setFocus":[64],"setBlur":[64]}]]],["ez-icon.cjs",[[1,"ez-icon",{"size":[513],"href":[513],"iconName":[513,"icon-name"]}]]],["ez-form.cjs",[[0,"ez-form",{"dataUnit":[1040],"config":[16],"submit":[64],"cancel":[64],"validate":[64]}]]]], options);
+  return index.bootstrapLazy([["ez-grid.cjs",[[6,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"pageSize":[2,"page-size"],"serverUrl":[1,"server-url"],"dataUnit":[16],"_navigationHasPrevious":[32],"_navigationHasNext":[32],"_navigationFirstRow":[32],"_navigationLastRow":[32],"_navigationTotalRows":[32],"_popUpVisible":[32],"setColumnsDef":[64],"addColumnMenuItem":[64],"setColumnsState":[64],"setData":[64],"getSelection":[64],"getColumnsState":[64],"getColumns":[64],"refresh":[64],"quickFilter":[64]}]]],["ez-dialog.cjs",[[1,"ez-dialog",{"confirm":[1028],"critical":[1028],"message":[1025],"opened":[1540],"personalizedIconPath":[1025,"personalized-icon-path"],"ezTitle":[1025,"ez-title"],"handleButtonClick":[64],"show":[64]}]]],["ez-filter-input.cjs",[[1,"ez-filter-input",{"label":[1],"value":[1537],"enabled":[4],"loading":[516],"errorMessage":[1537,"error-message"],"restrict":[1],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-action-chip.cjs",[[1,"ez-action-chip",{"label":[513],"enabled":[516]}]]],["ez-application.cjs",[[0,"ez-application"]]],["ez-label-chip.cjs",[[1,"ez-label-chip",{"label":[513],"enabled":[516],"removable":[516],"value":[1540],"setFocus":[64],"setBlur":[64]}]]],["ez-popover.cjs",[[1,"ez-popover",{"autoClose":[516,"auto-close"],"top":[1537],"left":[1537],"bottom":[1537],"right":[1537],"boxWidth":[513,"box-width"],"opened":[1540],"innerElement":[1537,"inner-element"],"updatePosition":[64],"show":[64],"hide":[64]}]]],["ez-popup.cjs",[[1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[1540,"use-header"],"ezTitle":[1,"ez-title"]}]]],["ez-toast.cjs",[[1,"ez-toast",{"message":[1025],"fadeTime":[1026,"fade-time"],"useIcon":[1028,"use-icon"],"canClose":[1028,"can-close"],"show":[64]}]]],["grid-config.cjs",[[2,"grid-config",{"selectedTab":[1025,"selected-tab"],"columns":[1040]}]]],["ez-modal.cjs",[[1,"ez-modal",{"modalSize":[1,"modal-size"],"align":[1],"opened":[1028],"closeEsc":[4,"close-esc"],"closeOutsideClick":[4,"close-outside-click"]}]]],["ez-text-input.cjs",[[1,"ez-text-input",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"mask":[1],"canShowError":[516,"can-show-error"],"restrict":[1],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-date-input.cjs",[[1,"ez-date-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-date-time-input.cjs",[[1,"ez-date-time-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-search.cjs",[[1,"ez-search",{"value":[1537],"label":[1537],"enabled":[1540],"errorMessage":[1537,"error-message"],"optionLoader":[16],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressEmptyOption":[4,"suppress-empty-option"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-time-input.cjs",[[1,"ez-time-input",{"label":[513],"viewValue":[1537,"view-value"],"value":[1026],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-number-input.cjs",[[1,"ez-number-input",{"label":[1],"value":[1538],"enabled":[4],"errorMessage":[1537,"error-message"],"precision":[2],"prettyPrecision":[2,"pretty-precision"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-collapsible-box.cjs",[[1,"ez-collapsible-box",{"value":[1540],"label":[513],"headerSize":[513,"header-size"],"iconPlacement":[513,"icon-placement"],"showHide":[64]}]]],["test-du.cjs",[[0,"test-du"]]],["select-box.cjs",[[1,"select-box",{"selectedOption":[1,"selected-option"]}]]],["ez-list.cjs",[[1,"ez-list",{"dataSource":[1040],"useGroups":[1540,"use-groups"],"ezDraggable":[1028,"ez-draggable"],"ezSelectable":[1028,"ez-selectable"],"itemSlotBuilder":[1040],"_listItems":[32],"_listGroupItems":[32],"setSelection":[64],"getSelection":[64],"getList":[64]}]]],["ez-text-area.cjs",[[1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"rows":[1538],"canShowError":[516,"can-show-error"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-upload.cjs",[[1,"ez-upload",{"label":[1],"enabled":[4],"maxFileSize":[2,"max-file-size"],"maxFiles":[2,"max-files"],"requestHeaders":[8,"request-headers"],"urlUpload":[1,"url-upload"],"urlDelete":[1,"url-delete"],"value":[1040],"addFiles":[64],"setFocus":[64],"setBlur":[64]}]]],["ez-button.cjs",[[1,"ez-button",{"label":[513],"enabled":[516],"mode":[513],"image":[513],"iconName":[513,"icon-name"],"size":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-calendar.cjs",[[1,"ez-calendar",{"value":[1040],"floating":[516],"time":[516],"showSeconds":[516,"show-seconds"],"show":[64],"fitVertical":[64],"hide":[64]}]]],["ez-check.cjs",[[1,"ez-check",{"label":[513],"value":[1540],"enabled":[516],"mode":[513],"getMode":[64],"setFocus":[64]}]]],["ez-tabselector.cjs",[[1,"ez-tabselector",{"selectedIndex":[1538,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1]}]]],["ez-combo-box.cjs",[[1,"ez-combo-box",{"value":[1537],"label":[513],"enabled":[516],"options":[1040],"errorMessage":[1537,"error-message"],"searchMode":[4,"search-mode"],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"optionLoader":[16],"suppressEmptyOption":[4,"suppress-empty-option"],"canShowError":[516,"can-show-error"],"mode":[513],"_preSelection":[32],"_visibleOptions":[32],"setFocus":[64],"setBlur":[64]}]]],["ez-icon.cjs",[[1,"ez-icon",{"size":[513],"href":[513],"iconName":[513,"icon-name"]}]]],["ez-form.cjs",[[0,"ez-form",{"dataUnit":[1040],"config":[16],"submit":[64],"cancel":[64],"validate":[64]}]]]], options);
   });
 };
 

package/dist/cjs/test-du.cjs.entry.js

@@ -57,16 +57,20 @@ let TestDu = class {
         }
       ]
     };
-    this.dataUnit.dataLoader = () => new Promise(accept => accept([
-      {
-        __record__id__: "1321321321321321",
-        CODPARC: 10,
-        NOMEPARC: "Parceiro 10",
-        P: "M",
-        L: "Bagaço",
-        LI: "Azedo"
-      }
-    ]));
+    this.dataUnit.dataLoader = () => new Promise(accept => accept({
+      records: [{
+          __record__id__: "1321321321321321",
+          CODPARC: 10,
+          NOMEPARC: "Parceiro 10",
+          P: "M",
+          L: "Bagaço",
+          LI: "Azedo"
+        }],
+      limit: 0,
+      offset: 2,
+      total: 100,
+      hasMore: true
+    }));
   }
   render() {
     return (index.h("ez-form", { dataUnit: this.dataUnit }));

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

@@ -37,11 +37,13 @@ export default class AgGridController {
       this._serverURL = options.serverURL;
       this._dataUnit = options.dataUnit;
       this._dataUnit.sortingProvider = this;
+      this._dataSource = new DataSource(this._dataUnit, this._serverURL);
       this._gridOptions = {
         localeText: gridTerms,
         rowModelType: "serverSide",
+        serverSideStoreType: "partial",
         rowSelection: this._multipleSelection ? "multiple" : "single",
-        serverSideDatasource: new DataSource(this._dataUnit, this._serverURL),
+        serverSideDatasource: this._dataSource,
         getRowNodeId: (params) => typeof params === "string" ? params : params[this._idAttribName],
         getMainMenuItems: (params) => {
           const column = params.column;
@@ -52,10 +54,13 @@ export default class AgGridController {
           }));
           return items;
         },
-        onViewportChanged: () => {
-          if (this._dataUnit) {
-            this.selectRows(this._dataUnit.getSelection());
-          }
+        getRowHeight: () => {
+          //FIXME: Existe um bug no PartialStore.prototype.destroyAllBlocks do ag-grid, pois
+          //apesar de destruir os blocos, mantém a variável "blockHeights" com o tamanho antigo
+          //dos blocos, então, quando removemos uma linha, a altura do bloco não é recalculada.
+          //Descobri que setando manualmente a altura das linhas, apesar do bloco ficar com 
+          //tamanho errado, isso afeta menos o componente.
+          return 25;
         }
       };
       this.setOptionsEvents(this._gridOptions);
@@ -78,6 +83,11 @@ export default class AgGridController {
     opt.onSelectionChanged = e => this.onSelectionChange(e);
     opt.onPaginationChanged = () => this.onPaginationChange();
     opt.onRowDoubleClicked = evt => this.onRowDoubleClick(evt);
+    opt.onViewportChanged = () => {
+      if (this._dataUnit) {
+        this.selectRows(this._dataUnit.getSelection());
+      }
+    };
   }
   setOptionsPagination(opt) {
     opt.pagination = (this._pageSize > -1);
@@ -95,11 +105,11 @@ export default class AgGridController {
     }
     this._gridOptions.api.setRowData(data);
   }
-  addRows(rows) {
+  addRows() {
     if (this._grid === undefined) {
       throw new Error("Erro interno: Grid ainda não inicializado.");
     }
-    this._gridOptions.api.applyServerSideTransaction({ add: rows });
+    this._gridOptions.api.refreshServerSideStore({});
   }
   selectRows(rowIds) {
     if (this._grid === undefined) {
@@ -114,11 +124,11 @@ export default class AgGridController {
       });
     }
   }
-  removeRows(rowIds) {
+  removeRows() {
     if (this._grid === undefined) {
       throw new Error("Erro interno: Grid ainda não inicializado.");
     }
-    this._gridOptions.api.applyServerSideTransaction({ remove: rowIds });
+    this._gridOptions.api.refreshServerSideStore({});
   }
   changeValues(changes, rowIds) {
     if (this._grid === undefined) {
@@ -235,6 +245,14 @@ export default class AgGridController {
   previousPage() {
     this._gridOptions.api.paginationGoToPreviousPage();
   }
+  goToPage(page) {
+    this._gridOptions.api.paginationGoToPage(page);
+  }
+  quickFilter(term) {
+    this._dataSource.setQuickFilter(term);
+    this.goToPage(0);
+    this._gridOptions.api.refreshServerSideStore({ purge: true });
+  }
   buildColDef(source) {
     return {
       headerName: source.label,

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

@@ -19,15 +19,15 @@ export default class DataSource {
       }
     }
     else {
-      this.loadData()
+      this.loadData({ limit: params.api.paginationGetPageSize(), offset: params.request.startRow, quickFilter: this._quickFilterTerm })
         .then(data => params.success(data))
         .catch(() => params.fail());
     }
   }
-  loadData() {
+  loadData(page) {
     return new Promise((resolve, reject) => {
       if (this._dataUnit) {
-        this._dataUnit.loadData().then(rowData => resolve({ rowData, rowCount: rowData.length }));
+        this._dataUnit.loadData(page).then(pageRes => resolve({ rowData: this._dataUnit.records, rowCount: pageRes.total }));
       }
       else {
         fetch(this._serverURL)
@@ -38,4 +38,7 @@ export default class DataSource {
       }
     });
   }
+  setQuickFilter(term) {
+    this._quickFilterTerm = term;
+  }
 }

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

@@ -54,6 +54,18 @@ export class EzGrid {
   async getColumns() {
     return Promise.resolve(this._gridController.getColumnsDef());
   }
+  /**
+  * Método para recarregar pagina atual da grid.
+  */
+  async refresh() {
+    this._gridController.refresh();
+  }
+  /**
+  * Método para fazer um filtro rápido na grid.
+  */
+  async quickFilter(term) {
+    this._gridController.quickFilter(term);
+  }
   componentWillLoad() {
     if (this.dataUnit) {
       this._dataUnitBridge = new DataUnitBridge(this._gridController, this.dataUnit);
@@ -433,6 +445,41 @@ export class EzGrid {
         "text": "M\u00E9todo retornar o estado atual das colunas do grid.",
         "tags": []
       }
+    },
+    "refresh": {
+      "complexType": {
+        "signature": "() => Promise<any>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<any>"
+      },
+      "docs": {
+        "text": "M\u00E9todo para recarregar pagina atual da grid.",
+        "tags": []
+      }
+    },
+    "quickFilter": {
+      "complexType": {
+        "signature": "(term: string) => Promise<any>",
+        "parameters": [{
+            "tags": [],
+            "text": ""
+          }],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<any>"
+      },
+      "docs": {
+        "text": "M\u00E9todo para fazer um filtro r\u00E1pido na grid.",
+        "tags": []
+      }
     }
   }; }
 }

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

@@ -47,16 +47,20 @@ export class TestDu {
         }
       ]
     };
-    this.dataUnit.dataLoader = () => new Promise(accept => accept([
-      {
-        __record__id__: "1321321321321321",
-        CODPARC: 10,
-        NOMEPARC: "Parceiro 10",
-        P: "M",
-        L: "Bagaço",
-        LI: "Azedo"
-      }
-    ]));
+    this.dataUnit.dataLoader = () => new Promise(accept => accept({
+      records: [{
+          __record__id__: "1321321321321321",
+          CODPARC: 10,
+          NOMEPARC: "Parceiro 10",
+          P: "M",
+          L: "Bagaço",
+          LI: "Azedo"
+        }],
+      limit: 0,
+      offset: 2,
+      total: 100,
+      hasMore: true
+    }));
   }
   render() {
     return (h("ez-form", { dataUnit: this.dataUnit }));

package/dist/custom-elements/index.js

@@ -111978,15 +111978,15 @@ class DataSource {
       }
     }
     else {
-      this.loadData()
+      this.loadData({ limit: params.api.paginationGetPageSize(), offset: params.request.startRow, quickFilter: this._quickFilterTerm })
         .then(data => params.success(data))
         .catch(() => params.fail());
     }
   }
-  loadData() {
+  loadData(page) {
     return new Promise((resolve, reject) => {
       if (this._dataUnit) {
-        this._dataUnit.loadData().then(rowData => resolve({ rowData, rowCount: rowData.length }));
+        this._dataUnit.loadData(page).then(pageRes => resolve({ rowData: this._dataUnit.records, rowCount: pageRes.total }));
       }
       else {
         fetch(this._serverURL)
@@ -111997,6 +111997,9 @@ class DataSource {
       }
     });
   }
+  setQuickFilter(term) {
+    this._quickFilterTerm = term;
+  }
 }
 
 class AgGridController {
@@ -112031,11 +112034,13 @@ class AgGridController {
       this._serverURL = options.serverURL;
       this._dataUnit = options.dataUnit;
       this._dataUnit.sortingProvider = this;
+      this._dataSource = new DataSource(this._dataUnit, this._serverURL);
       this._gridOptions = {
         localeText: gridTerms,
         rowModelType: "serverSide",
+        serverSideStoreType: "partial",
         rowSelection: this._multipleSelection ? "multiple" : "single",
-        serverSideDatasource: new DataSource(this._dataUnit, this._serverURL),
+        serverSideDatasource: this._dataSource,
         getRowNodeId: (params) => typeof params === "string" ? params : params[this._idAttribName],
         getMainMenuItems: (params) => {
           const column = params.column;
@@ -112046,10 +112051,13 @@ class AgGridController {
           }));
           return items;
         },
-        onViewportChanged: () => {
-          if (this._dataUnit) {
-            this.selectRows(this._dataUnit.getSelection());
-          }
+        getRowHeight: () => {
+          //FIXME: Existe um bug no PartialStore.prototype.destroyAllBlocks do ag-grid, pois
+          //apesar de destruir os blocos, mantém a variável "blockHeights" com o tamanho antigo
+          //dos blocos, então, quando removemos uma linha, a altura do bloco não é recalculada.
+          //Descobri que setando manualmente a altura das linhas, apesar do bloco ficar com 
+          //tamanho errado, isso afeta menos o componente.
+          return 25;
         }
       };
       this.setOptionsEvents(this._gridOptions);
@@ -112072,6 +112080,11 @@ class AgGridController {
     opt.onSelectionChanged = e => this.onSelectionChange(e);
     opt.onPaginationChanged = () => this.onPaginationChange();
     opt.onRowDoubleClicked = evt => this.onRowDoubleClick(evt);
+    opt.onViewportChanged = () => {
+      if (this._dataUnit) {
+        this.selectRows(this._dataUnit.getSelection());
+      }
+    };
   }
   setOptionsPagination(opt) {
     opt.pagination = (this._pageSize > -1);
@@ -112089,11 +112102,11 @@ class AgGridController {
     }
     this._gridOptions.api.setRowData(data);
   }
-  addRows(rows) {
+  addRows() {
     if (this._grid === undefined) {
       throw new Error("Erro interno: Grid ainda não inicializado.");
     }
-    this._gridOptions.api.applyServerSideTransaction({ add: rows });
+    this._gridOptions.api.refreshServerSideStore({});
   }
   selectRows(rowIds) {
     if (this._grid === undefined) {
@@ -112108,11 +112121,11 @@ class AgGridController {
       });
     }
   }
-  removeRows(rowIds) {
+  removeRows() {
     if (this._grid === undefined) {
       throw new Error("Erro interno: Grid ainda não inicializado.");
     }
-    this._gridOptions.api.applyServerSideTransaction({ remove: rowIds });
+    this._gridOptions.api.refreshServerSideStore({});
   }
   changeValues(changes, rowIds) {
     if (this._grid === undefined) {
@@ -112229,6 +112242,14 @@ class AgGridController {
   previousPage() {
     this._gridOptions.api.paginationGoToPreviousPage();
   }
+  goToPage(page) {
+    this._gridOptions.api.paginationGoToPage(page);
+  }
+  quickFilter(term) {
+    this._dataSource.setQuickFilter(term);
+    this.goToPage(0);
+    this._gridOptions.api.refreshServerSideStore({ purge: true });
+  }
   buildColDef(source) {
     return {
       headerName: source.label,
@@ -112443,6 +112464,18 @@ let EzGrid$1 = class extends HTMLElement$1 {
   async getColumns() {
     return Promise.resolve(this._gridController.getColumnsDef());
   }
+  /**
+  * Método para recarregar pagina atual da grid.
+  */
+  async refresh() {
+    this._gridController.refresh();
+  }
+  /**
+  * Método para fazer um filtro rápido na grid.
+  */
+  async quickFilter(term) {
+    this._gridController.quickFilter(term);
+  }
   componentWillLoad() {
     if (this.dataUnit) {
       this._dataUnitBridge = new DataUnitBridge(this._gridController, this.dataUnit);
@@ -114923,16 +114956,20 @@ let TestDu$1 = class extends HTMLElement$1 {
         }
       ]
     };
-    this.dataUnit.dataLoader = () => new Promise(accept => accept([
-      {
-        __record__id__: "1321321321321321",
-        CODPARC: 10,
-        NOMEPARC: "Parceiro 10",
-        P: "M",
-        L: "Bagaço",
-        LI: "Azedo"
-      }
-    ]));
+    this.dataUnit.dataLoader = () => new Promise(accept => accept({
+      records: [{
+          __record__id__: "1321321321321321",
+          CODPARC: 10,
+          NOMEPARC: "Parceiro 10",
+          P: "M",
+          L: "Bagaço",
+          LI: "Azedo"
+        }],
+      limit: 0,
+      offset: 2,
+      total: 100,
+      hasMore: true
+    }));
   }
   render() {
     return (h("ez-form", { dataUnit: this.dataUnit }));