feat(table): implementa funcionalidade de ações em lote

Implementa a funcionalidade de ações em lote na tabela

fixes DTHFUI-7317

Author: CSimoesJr

projects/templates/src/lib/components/po-page-dynamic-table/po-page-dynamic-table.component.html

@@ -22,6 +22,7 @@
     [p-columns]="columns"
     [p-items]="items"
     [p-height]="height"
+    [p-hide-batch-actions]="true"
     [p-infinite-scroll]="infiniteScroll"
     [p-show-more-disabled]="!hasNext"
     (p-show-more)="showMore()"

projects/ui/src/lib/components/po-field/po-lookup/po-lookup-modal/po-lookup-modal.component.html

@@ -60,6 +60,7 @@
         [p-loading]="isLoading"
         [p-show-more-disabled]="!hasNext"
         [p-infinite-scroll]="infiniteScroll"
+        [p-hide-batch-actions]="true"
         (p-selected)="onSelect($event)"
         (p-unselected)="onUnselect($event)"
         (p-all-selected)="onAllSelected($event)"

projects/ui/src/lib/components/po-field/po-lookup/samples/sample-po-lookup-multiple/sample-po-lookup-multiple.component.html

@@ -16,6 +16,7 @@
       [p-items]="heroes"
       [p-height]="220"
       [p-striped]="true"
+      [p-hide-batch-actions]="true"
       [p-hide-columns-manager]="true"
       [p-loading]="loading"
     ></po-table>

projects/ui/src/lib/components/po-table/interfaces/po-table-literals.interface.ts

@@ -18,6 +18,15 @@ export interface PoTableLiterals {
   /** Texto exibido quando não existem itens para serem exibidos na tabela. */
   noData?: string;
 
+  /** Texto exibido quando nenhum item for selecionado no checkbox. */
+  noItem?: string;
+
+  /** Texto exibido quando apenas 1 item for selecionado no checkbox. */
+  oneItem?: string;
+
+  /** Texto exibido quando apenas 1 item for selecionado no checkbox. */
+  multipleItems?: string;
+
   /** Texto exibido quando não existem colunas visíveis para a tabela. */
   noVisibleColumn?: string;
 
@@ -29,4 +38,19 @@ export interface PoTableLiterals {
 
   /** Texto do botão **Ver legenda completa** que aparece quando o rodapé de legendas é maior que a tabela. */
   seeCompleteSubtitle?: string;
+
+  /** Texto no corpo do Modal de exclusão */
+  bodyDelete?: string;
+
+  /** Texto no Modal para cancelar a exclusão */
+  cancel?: string;
+
+  /** Texto no Modal para confirmar a exclusão */
+  delete?: string;
+
+  /** Texto de notificação de remoção com sucesso */
+  deleteSuccessful?: string;
+
+  /** Texto de notificação de erro na requisição Delete */
+  deleteApiError?: string;
 }

projects/ui/src/lib/components/po-table/po-table-base.component.spec.ts

@@ -600,6 +600,48 @@ describe('PoTableBaseComponent:', () => {
       });
     });
 
+    describe('setSelectedList: ', () => {
+      const rows = [
+        {
+          id: 1,
+          name: 'John',
+          $selected: true
+        },
+        {
+          id: 2,
+          name: 'John'
+        },
+        {
+          id: 3,
+          name: 'John'
+        }
+      ];
+
+      it('should call itemsSelected with 1 item in Array', () => {
+        component.items = rows;
+
+        component.setSelectedList();
+
+        expect(component.itemsSelected).toEqual([rows[0]]);
+      });
+
+      it('should call items with 2 items and itemsSelected empty', () => {
+        component.items = [rows[1], rows[2]];
+
+        component.setSelectedList();
+
+        expect(component.itemsSelected).toEqual([]);
+      });
+
+      it('should call items and itemsSelected empty', () => {
+        component.items = [];
+
+        component.setSelectedList();
+
+        expect(component.itemsSelected).toEqual([]);
+      });
+    });
+
     it('unselectOtherRows: should unselect rows that are different from the current row and call selectAllDetails', () => {
       const rows: any = [
         {
@@ -1139,31 +1181,48 @@ describe('PoTableBaseComponent:', () => {
     });
 
     describe('setService', () => {
-      it('should be called with string url and set service url', () => {
+      it('should be called with string url and set service url and method is GET', () => {
         spyOn(component['poTableService'], 'setUrl');
         const url = 'https://po-ui.io';
 
-        component['setService'](url);
-        expect(component['poTableService'].setUrl).toHaveBeenCalledWith(url);
+        component['setService'](url, 'GET');
+        expect(component['poTableService'].setUrl).toHaveBeenCalledWith(url, 'GET');
       });
 
-      it("should be called with undefined and don't set url", () => {
+      it("should be called with undefined and don't set url and method is GET", () => {
         spyOn(component['poTableService'], 'setUrl');
         const url = undefined;
 
-        component['setService'](url);
+        component['setService'](url, 'GET');
 
         expect(component['poTableService'].setUrl).not.toHaveBeenCalled();
       });
 
-      it("should be called with empty string and don't set url", () => {
+      it("should be called with empty string and don't set url and method is GET", () => {
         spyOn(component['poTableService'], 'setUrl');
         const url = '';
 
-        component['setService'](url);
+        component['setService'](url, 'GET');
         expect(component.hasService).toBeFalsy();
         expect(component['poTableService'].setUrl).not.toHaveBeenCalled();
       });
+
+      it('should be called with string url and set service url and method is DELETE', () => {
+        spyOn(component['poTableService'], 'setUrl');
+        const url = 'https://po-ui.io';
+
+        component['setService'](url, 'DELETE');
+        expect(component['poTableService'].setUrl).toHaveBeenCalledWith(url, 'DELETE');
+      });
+
+      it("should be called with undefined and don't set url and method is DELETE", () => {
+        spyOn(component['poTableService'], 'setUrl');
+        const url = undefined;
+
+        component['setService'](url, 'DELETE');
+
+        expect(component['poTableService'].setUrl).not.toHaveBeenCalled();
+      });
     });
 
     describe('getFilteredParams', () => {
@@ -1424,6 +1483,28 @@ describe('PoTableBaseComponent:', () => {
       expectPropertiesValues(component, 'container', invalidValues, 'border');
     });
 
+    it('p-param-delete-api: should update property with valid values', () => {
+      const validValue = 'value';
+
+      expectPropertiesValues(component, 'paramDeleteApi', validValue, validValue);
+    });
+
+    it('p-param-delete-api: should update property with `id` if values are invalid', () => {
+      const invalidValues = [undefined, null, true, false, 0, 1, [], {}];
+
+      expectPropertiesValues(component, 'paramDeleteApi', invalidValues, 'id');
+    });
+
+    it('p-param-delete-api: should update property with `id` if values are invalid', () => {
+      const invalidValues = [undefined, null, true, false, 0, 1, [], {}];
+
+      expectPropertiesValues(component, 'paramDeleteApi', invalidValues, 'id');
+    });
+
+    it('p-service-delete: should update property with valid values', () => {
+      expectPropertiesValues(component, 'serviceDeleteApi', 'https://po-ui.io', 'https://po-ui.io');
+    });
+
     it('sortType: should return `ascending` if `sortedColumn.ascending` is `true`.', () => {
       component.sortedColumn.ascending = true;