feat(upload): permite que o componente aceite drag and drop

Adicionada a funcionalidade de drag and drop ao componente.

Fixes DTHFUI-653

Author: Rogerio-Fialho

projects/ui/src/lib/components/po-field/po-field.module.ts

@@ -39,6 +39,12 @@ import { PoSelectOptionTemplateDirective } from './po-select/po-select-option-te
 import { PoSwitchComponent } from './po-switch/po-switch.component';
 import { PoTextareaComponent } from './po-textarea/po-textarea.component';
 import { PoUploadComponent } from './po-upload/po-upload.component';
+import { PoUploadDragDropComponent } from './po-upload/po-upload-drag-drop/po-upload-drag-drop.component';
+import { PoUploadDragDropDirective } from './po-upload/po-upload-drag-drop/po-upload-drag-drop.directive';
+import {
+  PoUploadDragDropAreaOverlayComponent
+} from './po-upload/po-upload-drag-drop/po-upload-drag-drop-area-overlay/po-upload-drag-drop-area-overlay.component';
+import { PoUploadDragDropAreaComponent } from './po-upload/po-upload-drag-drop/po-upload-drag-drop-area/po-upload-drag-drop-area.component';
 import { PoUrlComponent } from './po-url/po-url.component';
 
 /**
@@ -113,6 +119,10 @@ import { PoUrlComponent } from './po-url/po-url.component';
     PoSwitchComponent,
     PoTextareaComponent,
     PoUploadComponent,
+    PoUploadDragDropComponent,
+    PoUploadDragDropDirective,
+    PoUploadDragDropAreaOverlayComponent,
+    PoUploadDragDropAreaComponent,
     PoUrlComponent
   ],
   providers: [],

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

@@ -1,25 +1,40 @@
-/**
- * @usedBy PoUploadComponent
- *
- * @description
- *
- * Interface para definição das literais usadas no `po-upload`.
- */
-export interface PoUploadLiterals {
-
-  /** Texto exibido no label para cancelar o envio. */
-  cancel?: string;
-
-  /** Texto exibido no label para excluir o arquivo. */
-  deleteFile?: string;
-
-  /** Texto exibido no label do botão de seleção dos arquivos. */
-  selectFile?: string;
-
-  /** Texto exibido no label do botão para iniciar o envio dos arquivos. */
-  startSending?: string;
-
-  /** Texto exibido no label para tentar novamente. */
-  tryAgain?: string;
-
-}
+/**
+ * @usedBy PoUploadComponent
+ *
+ * @description
+ *
+ * Interface para definição das literais usadas no `po-upload`.
+ */
+export interface PoUploadLiterals {
+
+  /** Texto exibido no label para cancelar o envio. */
+  cancel?: string;
+
+  /** Texto exibido no label para excluir o arquivo. */
+  deleteFile?: string;
+
+  /** Texto exibido na área onde podem ser arrastados os arquivos ao utilizar a opção de *dragDrop*. */
+  dragFilesHere?: string;
+
+  /** Texto exibido na área onde podem ser arrastados os arquivos ao utilizar a opção de *dragDrop*. */
+  dropFilesHere?: string;
+
+  /** Texto exibido caso o usuário arrastar um arquivo para um local inválido ao utilizar a opção de *dragDrop*. */
+  invalidDropArea?: string;
+
+  /** Texto exibido no label do botão de seleção dos arquivos. */
+  selectFile?: string;
+
+  /**
+   * Texto utilizado para indicar a possibilidade de seleção de arquivos na área onde podem ser arrastados os arquivos
+   * ao utilizar a opção de *dragDrop*.
+   */
+  selectFilesOnComputer?: string;
+
+  /** Texto exibido no label do botão para iniciar o envio dos arquivos. */
+  startSending?: string;
+
+  /** Texto exibido no label para tentar novamente. */
+  tryAgain?: string;
+
+}

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

@@ -90,7 +90,7 @@ describe('PoUploadBaseComponent:', () => {
     expect(component.allowedExtensions).toBe('');
   });
 
-  describe('Methods: ', () => {
+  describe('Methods:', () => {
 
     let file: PoUploadFile;
 
@@ -410,7 +410,19 @@ describe('PoUploadBaseComponent:', () => {
 
   });
 
-  describe('Properties: ', () => {
+  describe('Properties:', () => {
+
+    it('p-drag-drop: should set `dragDrop` with valid values', () => {
+      const validValues = ['', true, 1, [], {}, 'true'];
+
+      expectPropertiesValues(component, 'dragDrop', validValues, true);
+    });
+
+    it('p-drag-drop: should set `dragDrop` to false with invalid values', () => {
+      const invalidValues = [null, undefined, NaN, false, 0, 'false', 'teste'];
+
+      expectPropertiesValues(component, 'dragDrop', invalidValues, false);
+    });
 
     it('formField: should set `formField` with valid values', () => {
       const validValues = ['upload', 'files', 'portfolio'];