fix(table): corrige truncamento e tooltip duplicado em colunas label

A coluna com tipo 'label' respeita o tamanho natural do componente 'po-tag' evitando truncamento do conteúdo e previne tooltip duplicado.

Fixes DTHFUI-11180

Author: marioAntonioTotvs

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

@@ -274,6 +274,9 @@ export interface PoTableColumn {
    * - para colunas com 2 das propriedades (property, [p-draggable] e [p-sort]) : 96px
    * - para colunas com 3 propriedades (property, [p-draggable] e [p-sort]) : 144px
    *
+   * Colunas do `type: 'label'` com `width` definido respeitam o tamanho natural do componente `po-tag`
+   * (máximo de 240px), evitando truncamento do conteúdo. O `width` especificado funciona como
+   * largura mínima, mas a coluna pode expandir até o limite do `po-tag` se o texto precisar de mais espaço.
    */
   width?: string;
 

projects/ui/src/lib/components/po-table/po-table.component.html

@@ -382,7 +382,7 @@
             @for (column of mainColumns; track trackBy(columnIndex); let columnIndex = $index) {
               <td
                 [style.width]="column.width"
-                [style.max-width]="column.width"
+                [style.max-width]="getColumnMaxWidth(column)"
                 [style.min-width]="column.width"
                 [class.po-table-column]="column.type !== 'icon'"
                 [class.po-table-column-right]="column.type === 'currency' || column.type === 'number'"

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

@@ -1299,6 +1299,60 @@ describe('PoTableComponent:', () => {
       expect(component.tooltipText).toBeUndefined();
     });
 
+    it(`tooltipMouseEnter: should not set tooltipText for type 'label' even with overflow`, () => {
+      const fakeEvent = {
+        target: {
+          offsetWidth: 30,
+          scrollWidth: 43,
+          innerText: 'truncated label'
+        }
+      };
+      const column = { type: 'label', property: 'status', labels: [] };
+
+      component.tooltipMouseEnter(fakeEvent, column);
+
+      expect(component.tooltipText).toBeUndefined();
+    });
+
+    it(`tooltipMouseEnter: should set tooltipText for non-label types with overflow`, () => {
+      const fakeEvent = {
+        target: {
+          offsetWidth: 30,
+          scrollWidth: 43,
+          innerText: 'truncated text'
+        }
+      };
+      const column = { type: 'text', property: 'description' };
+
+      component.tooltipMouseEnter(fakeEvent, column);
+
+      expect(component.tooltipText).toBe('truncated text');
+    });
+
+    it(`getColumnMaxWidth: should return null for label columns with width`, () => {
+      const column = { type: 'label', width: '200px' };
+
+      const result = component.getColumnMaxWidth(column);
+
+      expect(result).toBeNull();
+    });
+
+    it(`getColumnMaxWidth: should return width for non-label columns`, () => {
+      const column = { type: 'text', width: '150px' };
+
+      const result = component.getColumnMaxWidth(column);
+
+      expect(result).toBe('150px');
+    });
+
+    it(`getColumnMaxWidth: should return width for label columns without width`, () => {
+      const column = { type: 'label' };
+
+      const result = component.getColumnMaxWidth(column);
+
+      expect(result).toBeUndefined();
+    });
+
     it(`onOpenColumnManager: should update 'lastVisibleColumnsSelected' 'this.columns`, () => {
       component.columns = columns;
 

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

@@ -591,7 +591,11 @@ export class PoTableComponent extends PoTableBaseComponent implements AfterViewI
   tooltipMouseEnter(event: any, column?: PoTableColumn, row?: any) {
     this.tooltipText = undefined;
 
-    if (event.target.offsetWidth < event.target.scrollWidth && event.target.innerText.trim()) {
+    if (
+      column?.type !== 'label' &&
+      event.target.offsetWidth < event.target.scrollWidth &&
+      event.target.innerText.trim()
+    ) {
       return (this.tooltipText = event.target.innerText);
     }
 
@@ -611,6 +615,13 @@ export class PoTableComponent extends PoTableBaseComponent implements AfterViewI
     this.poPopupComponent.toggle(row);
   }
 
+  getColumnMaxWidth(column: PoTableColumn): string {
+    if (column.type === 'label' && column.width) {
+      return null;
+    }
+    return column.width;
+  }
+
   trackBy(index: number) {
     return index;
   }

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

@@ -191,6 +191,31 @@ describe('PoTagComponent:', () => {
       component.value = 'Label';
       expect(component.setAriaLabel()).toContain('Label Remove');
     });
+
+    describe('getWidthTag:', () => {
+      it('should return true when span scrollWidth is greater than container offsetWidth', () => {
+        const mockSpan = { scrollWidth: 200 };
+        const mockContainer = { firstElementChild: mockSpan, offsetWidth: 100 };
+        component.tagContainer = { nativeElement: mockContainer } as any;
+
+        expect(component.getWidthTag()).toBe(true);
+      });
+
+      it('should return false when span scrollWidth is less than or equal to container offsetWidth', () => {
+        const mockSpan = { scrollWidth: 50 };
+        const mockContainer = { firstElementChild: mockSpan, offsetWidth: 100 };
+        component.tagContainer = { nativeElement: mockContainer } as any;
+
+        expect(component.getWidthTag()).toBe(false);
+      });
+
+      it('should return false when firstElementChild is null', () => {
+        const mockContainer = { firstElementChild: null, offsetWidth: 100 };
+        component.tagContainer = { nativeElement: mockContainer } as any;
+
+        expect(component.getWidthTag()).toBe(false);
+      });
+    });
   });
 
   describe('Templates:', () => {

projects/ui/src/lib/components/po-tag/po-tag.component.ts

@@ -151,7 +151,8 @@ export class PoTagComponent extends PoTagBaseComponent implements OnInit {
   };
 
   getWidthTag() {
-    return this.tagContainer.nativeElement.offsetWidth > 155;
+    const span = this.tagContainer.nativeElement.firstElementChild;
+    return span ? span.scrollWidth > this.tagContainer.nativeElement.offsetWidth : false;
   }
 
   setAriaLabel() {