@sankhyalabs/ezui 1.1.132 → 1.1.133

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

@@ -8,8 +8,11 @@ import { SortMode, UserInterface } from "@sankhyalabs/core/dist/dataunit/metadat
 import { NumberUtils } from "@sankhyalabs/core";
 export default class AgGridController {
   constructor(enterprise) {
+    this.DEFAULT_ROW_HEIGHT = 25;
     this._menuItems = [];
     this._idAttribName = "__record__id__";
+    this._isFirstRecordOfPage = true;
+    this._isLastRecordOfPage = false;
     this._enterprise = enterprise;
   }
   getSort() {
@@ -37,7 +40,9 @@ export default class AgGridController {
       this._pageSize = options.pageSize;
       this._serverURL = options.serverURL;
       this._dataUnit = options.dataUnit;
-      this._dataUnit.sortingProvider = this;
+      if (this._dataUnit) {
+        this._dataUnit.sortingProvider = this;
+      }
       this._dataSource = new DataSource(this._dataUnit, this._serverURL);
       this._gridOptions = {
         localeText: gridTerms,
@@ -46,7 +51,7 @@ export default class AgGridController {
         rowSelection: this._multipleSelection ? "multiple" : "single",
         serverSideDatasource: this._dataSource,
         sortingOrder: ['desc', 'asc', null],
-        getRowNodeId: (params) => typeof params === "string" ? params : params[this._idAttribName],
+        getRowNodeId: this._dataUnit ? (params) => typeof params === "string" ? params : params[this._idAttribName] : undefined,
         getMainMenuItems: (params) => {
           const column = params.column;
           const items = [column.isPinned() ? "clearPinned" : "pinLeft", "separator"];
@@ -56,14 +61,12 @@ export default class AgGridController {
           }));
           return items;
         },
-        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;
-        }
+        //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.
+        rowHeight: this.DEFAULT_ROW_HEIGHT
       };
       this.setOptionsEvents(this._gridOptions);
       this.setOptionsPagination(this._gridOptions);
@@ -86,16 +89,17 @@ export default class AgGridController {
     opt.onPaginationChanged = () => this.onPaginationChange();
     opt.onRowDoubleClicked = evt => this.onRowDoubleClick(evt);
     opt.onDragStopped = evt => this.onCallStateChange("columnMovedEnd", evt);
-    opt.onViewportChanged = () => {
-      if (this._dataUnit) {
-        this.selectRows(this._dataUnit.getSelection());
-      }
-    };
+  }
+  syncSelection() {
+    if (this._dataUnit) {
+      this.selectRows(this._dataUnit.getSelection());
+    }
   }
   setOptionsPagination(opt) {
     opt.pagination = (this._pageSize > -1);
     opt.paginationPageSize = this._pageSize;
     opt.cacheBlockSize = this._pageSize;
+    opt.maxBlocksInCache = 1;
   }
   setOptionsSupress(opt) {
     opt.suppressDragLeaveHidesColumns = true;
@@ -131,7 +135,7 @@ export default class AgGridController {
     if (this._grid === undefined) {
       throw new Error("Erro interno: Grid ainda não inicializado.");
     }
-    this._gridOptions.api.refreshServerSideStore({});
+    this._gridOptions.api.refreshServerSideStore({ purge: true });
   }
   changeValues(changes, rowIds) {
     if (this._grid === undefined) {
@@ -268,6 +272,75 @@ export default class AgGridController {
     this.goToPage(0);
     this._gridOptions.api.refreshServerSideStore({ purge: true });
   }
+  isLastOfPage() {
+    return this._isLastRecordOfPage;
+  }
+  isFirstOfPage() {
+    return this._isFirstRecordOfPage;
+  }
+  previousRecord() {
+    const pagination = this.getPaginationStatus();
+    if (this._isFirstRecordOfPage && pagination.hasPrevious) {
+      this.previousPage();
+    }
+    else {
+      if (this._dataUnit) {
+        this._dataUnit.previousRecord();
+      }
+      else {
+        const node = this._gridOptions.api.getSelectedNodes()[0];
+        this.setSelectedIndex(node.rowIndex - 1);
+      }
+    }
+  }
+  nextRecord() {
+    const pagination = this.getPaginationStatus();
+    if (this._isLastRecordOfPage && pagination.hasNext) {
+      this.nextPage();
+    }
+    else {
+      if (this._dataUnit) {
+        this._dataUnit.nextRecord();
+      }
+      else {
+        const node = this._gridOptions.api.getSelectedNodes()[0];
+        this.setSelectedIndex(node.rowIndex + 1);
+      }
+    }
+  }
+  setSelectedIndex(index) {
+    var _a;
+    (_a = this._gridOptions.api.getDisplayedRowAtIndex(index)) === null || _a === void 0 ? void 0 : _a.setSelected(true);
+  }
+  hasPreviousRecord() {
+    const pagination = this.getPaginationStatus();
+    if (this._isFirstRecordOfPage) {
+      return pagination.hasPrevious;
+    }
+    else {
+      if (this._dataUnit) {
+        return this._dataUnit.hasPrevious();
+      }
+      else {
+        return pagination.hasPrevious || this._gridOptions.api.getSelectedRows()[0].rowIndex > 0;
+      }
+    }
+  }
+  hasNextRecord() {
+    const pagination = this.getPaginationStatus();
+    if (this._isLastRecordOfPage) {
+      return pagination.hasNext;
+    }
+    else {
+      if (this._dataUnit) {
+        return this._dataUnit.hasNext() || this.getPaginationStatus().hasNext;
+      }
+      else {
+        const api = this._gridOptions.api;
+        return pagination.hasNext || api.getSelectedRows()[0].rowIndex < api.getDisplayedRowCount();
+      }
+    }
+  }
   buildColDef(source) {
     return {
       headerName: source.label,
@@ -349,31 +422,44 @@ export default class AgGridController {
     return false;
   }
   onSelectionChange(e) {
+    const selectedNodes = e.api.getSelectedNodes();
+    if (selectedNodes.length > 0) {
+      this._isFirstRecordOfPage = selectedNodes[0].rowIndex === e.api.getFirstDisplayedRow();
+      this._isLastRecordOfPage = selectedNodes[0].rowIndex === e.api.getLastDisplayedRow();
+    }
     if (this._selectionChangeCallback) {
-      this._selectionChangeCallback(e.api.getSelectedRows());
+      this._selectionChangeCallback({
+        selection: e.api.getSelectedRows(),
+        isFirstOfPage: this._isFirstRecordOfPage,
+        isLastOfPage: this._isLastRecordOfPage
+      });
     }
   }
   onPaginationChange() {
+    this.syncSelection();
     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
-        });
+        this._paginationChangeCallback(this.getPaginationStatus());
       }
     }
   }
+  getPaginationStatus() {
+    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);
+    return {
+      hasPrevious: currentPage > 0,
+      hasNext: !isLastPage,
+      currentPage: currentPage + 1,
+      pageStart,
+      pageEnd,
+      totalRows
+    };
+  }
   onRowDoubleClick(evt) {
     if (this._doubleClickCallBack) {
       this._doubleClickCallBack(evt.data);

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

@@ -66,6 +66,74 @@ export class EzGrid {
   async quickFilter(term) {
     this._gridController.quickFilter(term);
   }
+  /**
+  * Método para fazer um filtro rápido na grid.
+  */
+  async nextPage() {
+    this._gridController.nextPage();
+  }
+  /**
+  * Método para fazer um filtro rápido na grid.
+  */
+  async previousPage() {
+    this._gridController.previousPage();
+  }
+  /**
+  * Método para fazer um filtro rápido na grid.
+  */
+  async hasNextPage() {
+    return new Promise(resolve => {
+      resolve(this._navigationHasNext);
+    });
+  }
+  /**
+  * Método para fazer um filtro rápido na grid.
+  */
+  async hasPreviousPage() {
+    return new Promise(resolve => {
+      resolve(this._navigationHasPrevious);
+    });
+  }
+  /**
+  * Método para verificar se o registro selecionado é o ultimo da página.
+  */
+  async isLastOfPage() {
+    return new Promise(resolve => {
+      resolve(this._gridController.isLastOfPage());
+    });
+  }
+  /**
+  * Método para verificar se o registro selecionado é o primeiro da página.
+  */
+  async isFirstOfPage() {
+    return new Promise(resolve => {
+      resolve(this._gridController.isFirstOfPage());
+    });
+  }
+  /**
+  * Método para navegar para o proxímo registro da grid.
+  */
+  async nextRecord() {
+    this._gridController.nextRecord();
+  }
+  /**
+  * Método para navegar para o registro anterior da grid.
+  */
+  async previousRecord() {
+    this._gridController.previousRecord();
+  }
+  /**
+  * Método para verificar se existem proximos registros.
+  */
+  async hasNextRecord() {
+    return Promise.resolve(this._gridController.hasNextRecord());
+  }
+  /**
+  * Método para verificar se existem registros anteriores.
+  */
+  async hasPreviousRecord() {
+    return Promise.resolve(this._gridController.hasPreviousRecord());
+  }
   componentWillLoad() {
     if (this.dataUnit) {
       this._dataUnitBridge = new DataUnitBridge(this._gridController, this.dataUnit);
@@ -138,7 +206,7 @@ export class EzGrid {
   componentDidLoad() {
     this._gridController.initDatagrid(this._container, {
       onColumnStateChange: (type, state, info) => this.onColumnStateChange(type, state, info),
-      onSelectionChange: (selection) => this.ezSelectionChange.emit(selection),
+      onSelectionChange: (state) => this.ezSelectionChange.emit(state.selection),
       onPaginationChange: (status) => {
         this._navigationHasPrevious = status.hasPrevious;
         this._navigationHasNext = status.hasNext;
@@ -174,8 +242,8 @@ export class EzGrid {
       h("div", { class: "ez-text ez-text--primary ez-text--medium ez-margin-right--medium" },
         h("strong", { class: "ez-text ez-text--primary ez-text--medium" }, `${this._navigationFirstRow}-${this._navigationLastRow}`),
         ` de ${this._navigationTotalRows}`),
-      h("ez-button", { size: "small", iconName: "chevron-left", class: "ez-margin-right--medium", mode: "icon", enabled: this._navigationHasPrevious, onClick: () => this._gridController.previousPage(), label: "P\u00E1gina anterior" }),
-      h("ez-button", { size: "small", iconName: "chevron-right", class: "ez-margin-right--medium", mode: "icon", enabled: this._navigationHasNext, onClick: () => this._gridController.nextPage(), label: "Pr\u00F3xima P\u00E1gina" })
+      h("ez-button", { size: "small", iconName: "chevron-left", class: "ez-margin-right--medium", mode: "icon", enabled: this._navigationHasPrevious, onClick: () => this.previousPage(), label: "P\u00E1gina anterior" }),
+      h("ez-button", { size: "small", iconName: "chevron-right", class: "ez-margin-right--medium", mode: "icon", enabled: this._navigationHasNext, onClick: () => this.nextPage(), label: "Pr\u00F3xima P\u00E1gina" })
     ];
   }
   applyConfig(config) {
@@ -590,6 +658,166 @@ export class EzGrid {
         "tags": []
       }
     },
+    "nextPage": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "M\u00E9todo para fazer um filtro r\u00E1pido na grid.",
+        "tags": []
+      }
+    },
+    "previousPage": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "M\u00E9todo para fazer um filtro r\u00E1pido na grid.",
+        "tags": []
+      }
+    },
+    "hasNextPage": {
+      "complexType": {
+        "signature": "() => Promise<boolean>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<boolean>"
+      },
+      "docs": {
+        "text": "M\u00E9todo para fazer um filtro r\u00E1pido na grid.",
+        "tags": []
+      }
+    },
+    "hasPreviousPage": {
+      "complexType": {
+        "signature": "() => Promise<boolean>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<boolean>"
+      },
+      "docs": {
+        "text": "M\u00E9todo para fazer um filtro r\u00E1pido na grid.",
+        "tags": []
+      }
+    },
+    "isLastOfPage": {
+      "complexType": {
+        "signature": "() => Promise<boolean>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<boolean>"
+      },
+      "docs": {
+        "text": "M\u00E9todo para verificar se o registro selecionado \u00E9 o ultimo da p\u00E1gina.",
+        "tags": []
+      }
+    },
+    "isFirstOfPage": {
+      "complexType": {
+        "signature": "() => Promise<boolean>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<boolean>"
+      },
+      "docs": {
+        "text": "M\u00E9todo para verificar se o registro selecionado \u00E9 o primeiro da p\u00E1gina.",
+        "tags": []
+      }
+    },
+    "nextRecord": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "M\u00E9todo para navegar para o prox\u00EDmo registro da grid.",
+        "tags": []
+      }
+    },
+    "previousRecord": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "M\u00E9todo para navegar para o registro anterior da grid.",
+        "tags": []
+      }
+    },
+    "hasNextRecord": {
+      "complexType": {
+        "signature": "() => Promise<boolean>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<boolean>"
+      },
+      "docs": {
+        "text": "M\u00E9todo para verificar se existem proximos registros.",
+        "tags": []
+      }
+    },
+    "hasPreviousRecord": {
+      "complexType": {
+        "signature": "() => Promise<boolean>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<boolean>"
+      },
+      "docs": {
+        "text": "M\u00E9todo para verificar se existem registros anteriores.",
+        "tags": []
+      }
+    },
     "openGridConfig": {
       "complexType": {
         "signature": "() => Promise<void>",

package/dist/collection/utils/interfaces/PageableComponent.js

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