feat(upload): repassa propriedade showThumbnail ao dynamic-form

Author: CSimoesJr

projects/ui/src/lib/components/po-dynamic/po-dynamic-form/interfaces/po-dynamic-form-field.interface.ts

@@ -750,6 +750,15 @@ export interface PoDynamicFormField extends PoDynamicField {
    */
   showRequired?: boolean;
 
+  /**
+   * Exibe a pré-visualização de imagens ao anexá-las.
+   *
+   * > Propriedade funciona apenas em arquivos de formato de imagem (`.png`, `.jpg`, `.jpeg` e `.gif`).
+   *
+   * **Componente compatível**: `po-upload`
+   */
+  showThumbnail?: boolean;
+
   /**
    * Define uma ação personalizada no componente `po-upload`, adicionando um botão no canto inferior direito
    * de cada barra de progresso associada aos arquivos enviados ou em envio.

projects/ui/src/lib/components/po-dynamic/po-dynamic-form/po-dynamic-form-fields/po-dynamic-form-fields.component.html

@@ -539,6 +539,7 @@
         [p-optional]="field.optional"
         [p-required]="field.required"
         [p-show-required]="field.showRequired"
+        [p-show-thumbnail]="field.showThumbnail ?? true"
         [p-size]="field.size || componentsSize"
         (p-additional-help)="field.additionalHelp?.($event)"
         (p-change)="onChangeField(field)"

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

@@ -457,21 +457,6 @@ describe('PoUploadComponent:', () => {
       expect(spySetPrimary).toHaveBeenCalled();
     });
 
-    it('ngOnDestroy: should revoke all thumbnail URLs', () => {
-      const spyRevoke = spyOn(URL, 'revokeObjectURL');
-      component.currentFiles = [
-        { thumbnailUrl: 'blob:url1' },
-        { thumbnailUrl: 'blob:url2' },
-        { thumbnailUrl: undefined }
-      ] as any;
-
-      component.ngOnDestroy();
-
-      expect(spyRevoke).toHaveBeenCalledTimes(2);
-      expect(spyRevoke).toHaveBeenCalledWith('blob:url1');
-      expect(spyRevoke).toHaveBeenCalledWith('blob:url2');
-    });
-
     describe('ngAfterViewInit:', () => {
       let inputFocus: jasmine.Spy;
 

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

@@ -5,7 +5,6 @@ import {
   Component,
   ElementRef,
   OnChanges,
-  OnDestroy,
   Renderer2,
   SimpleChanges,
   ViewChild,
@@ -17,7 +16,7 @@ import { NG_VALIDATORS, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { PoI18nPipe } from '../../../services/po-i18n/po-i18n.pipe';
 import { PoLanguageService } from '../../../services/po-language/po-language.service';
 import { PoNotificationService } from '../../../services/po-notification/po-notification.service';
-import { formatBytes, isMobile, setHelperSettings, isTypeof, uuid } from '../../../utils/util';
+import { formatBytes, isMobile, isTypeof, setHelperSettings, uuid } from '../../../utils/util';
 import { PoProgressStatus } from '../../po-progress/enums/po-progress-status.enum';
 import { PoButtonComponent } from './../../po-button/po-button.component';
 
@@ -83,7 +82,7 @@ import { PoUploadService } from './po-upload.service';
   ],
   standalone: false
 })
-export class PoUploadComponent extends PoUploadBaseComponent implements AfterViewInit, OnChanges, OnDestroy {
+export class PoUploadComponent extends PoUploadBaseComponent implements AfterViewInit, OnChanges {
   renderer = inject(Renderer2);
   private i18nPipe = inject(PoI18nPipe);
   private notification = inject(PoNotificationService);
@@ -227,14 +226,6 @@ export class PoUploadComponent extends PoUploadBaseComponent implements AfterVie
     }
   }
 
-  ngOnDestroy() {
-    this.currentFiles?.forEach(file => {
-      if (file.thumbnailUrl) {
-        URL.revokeObjectURL(file.thumbnailUrl);
-      }
-    });
-  }
-
   /** Método responsável por **limpar** o(s) arquivo(s) selecionado(s). */
   clear() {
     this.currentFiles = undefined;