fix(components): ajusta detecção do estado disable via FormControl

Ajuste na detecção do estado `disable` via `FormControl` para os
componentes `po-checkbox`, `po-combo`, `po-datepicker`, `po-select`,
`po-switch` e `po-upload`.

Fixes DTHFUI-11949

Author: anderson-gregorio-totvs

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

@@ -14,7 +14,8 @@ describe('PoCheckboxBaseComponent:', () => {
   let component: PoCheckboxBaseComponent;
 
   beforeEach(() => {
-    component = new PoCheckboxComponent();
+    const changeDetector: any = { markForCheck: () => {} };
+    component = new PoCheckboxComponent(changeDetector);
     component.propagateChange = (value: any) => {};
   });
 
@@ -115,8 +116,12 @@ describe('PoCheckboxBaseComponent:', () => {
 
     it('setDisabledState: should set `component.disabled` with boolean parameter', () => {
       const expectedValue = true;
+      const markForCheck = spyOn(component['cd'], 'markForCheck');
+
       component.setDisabledState(expectedValue);
+
       expect(component.disabled).toBe(expectedValue);
+      expect(markForCheck).toHaveBeenCalled();
     });
 
     it('changeValue: should call only `change.emit` with `checkboxValue` if propagateChange is `null`', () => {

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

@@ -1,4 +1,4 @@
-import { Directive, EventEmitter, Input, Output } from '@angular/core';
+import { ChangeDetectorRef, Directive, EventEmitter, Input, Output } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 
 import { convertToBoolean, getDefaultSizeFn, uuid, validateSizeFn } from './../../../utils/util';
@@ -196,6 +196,8 @@ export abstract class PoCheckboxBaseComponent implements ControlValueAccessor {
     return this._size ?? getDefaultSizeFn(PoCheckboxSize);
   }
 
+  constructor(private readonly cd: ChangeDetectorRef) {}
+
   changeValue() {
     if (this.propagateChange) {
       this.propagateChange(this.checkboxValue);
@@ -215,6 +217,7 @@ export abstract class PoCheckboxBaseComponent implements ControlValueAccessor {
   // Usada para interceptar os estados de habilitado via forms api
   setDisabledState(isDisabled: boolean) {
     this.disabled = isDisabled;
+    this.cd.markForCheck();
   }
 
   registerOnChange(fn: any): void {

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

@@ -49,7 +49,7 @@ import { PoCheckboxBaseComponent } from './po-checkbox-base.component';
   standalone: false
 })
 export class PoCheckboxComponent extends PoCheckboxBaseComponent implements AfterViewInit {
-  private changeDetector = inject(ChangeDetectorRef);
+  private readonly changeDetector: ChangeDetectorRef;
 
   private _iconToken: { [key: string]: string };
 
@@ -60,7 +60,9 @@ export class PoCheckboxComponent extends PoCheckboxBaseComponent implements Afte
       [key: string]: string;
     }>(ICONS_DICTIONARY, { optional: true });
 
-    super();
+    const changeDetector = inject(ChangeDetectorRef);
+    super(changeDetector);
+    this.changeDetector = changeDetector;
 
     this._iconToken = value ?? AnimaliaIconDictionary;
   }

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

@@ -1023,6 +1023,7 @@ export abstract class PoComboBaseComponent implements ControlValueAccessor, OnIn
   // Usada para interceptar os estados de habilitado via forms api
   setDisabledState(isDisabled: boolean) {
     this.disabled = isDisabled;
+    this.changeDetector.markForCheck();
   }
 
   registerOnChange(fn: any): void {

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

@@ -411,9 +411,14 @@ describe('PoDatepickerRangeBaseComponent:', () => {
       });
 
       it('setDisabledState: should set `component.disabled` with boolean parameter', () => {
+        component['changeDetector'] = { markForCheck: () => {} } as any;
         const expectedValue = true;
+        const markForCheck = spyOn(component['changeDetector'], 'markForCheck');
+
         component.setDisabledState(expectedValue);
+
         expect(component.disabled).toBe(expectedValue);
+        expect(markForCheck).toHaveBeenCalled();
       });
 
       it(`should call 'dateRangeFormatFailed', set 'errorMessage' as 'literals.invalidFormat'

projects/ui/src/lib/components/po-field/po-datepicker-range/po-datepicker-range-base.component.ts

@@ -528,6 +528,7 @@ export abstract class PoDatepickerRangeBaseComponent implements ControlValueAcce
   // Usada para interceptar os estados de habilitado via forms api
   setDisabledState(isDisabled: boolean) {
     this.disabled = isDisabled;
+    this.changeDetector.markForCheck();
   }
 
   // Função implementada do ControlValueAccessor

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

@@ -28,7 +28,7 @@ describe('PoDatepickerBaseComponent:', () => {
   const languageService: PoLanguageService = new PoLanguageService();
 
   beforeEach(() => {
-    const changeDetector: any = { detectChanges: () => {} };
+    const changeDetector: any = { detectChanges: () => {}, markForCheck: () => {} };
 
     component = new PoDatepickerComponent(languageService, changeDetector);
     component['shortLanguage'] = 'pt';
@@ -193,8 +193,12 @@ describe('PoDatepickerBaseComponent:', () => {
 
   it('setDisabledState: should set `component.disabled` with boolean parameter', () => {
     const expectedValue = true;
+    const markForCheck = spyOn(component['cd'], 'markForCheck');
+
     component.setDisabledState(expectedValue);
+
     expect(component.disabled).toBe(expectedValue);
+    expect(markForCheck).toHaveBeenCalled();
   });
 
   it('should be call callOnChange with minDate', () => {

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

@@ -581,6 +581,7 @@ export abstract class PoDatepickerBaseComponent implements ControlValueAccessor,
   // Usada para interceptar os estados de habilitado via forms api
   setDisabledState(isDisabled: boolean) {
     this.disabled = isDisabled;
+    this.cd.markForCheck();
   }
 
   // Função implementada do ControlValueAccessor

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

@@ -754,6 +754,17 @@ describe('PoDatepickerComponent:', () => {
 
         expect(component.togglePicker).toHaveBeenCalled();
       });
+
+      it('should emit event when field is focused', () => {
+        const fakeEvent = new KeyboardEvent('keydown', { key: 'Enter' });
+
+        spyOn(component.keydown, 'emit');
+        spyOnProperty(document, 'activeElement', 'get').and.returnValue(component.inputEl.nativeElement);
+
+        component.onKeyDown(fakeEvent);
+
+        expect(component.keydown.emit).toHaveBeenCalled();
+      });
     });
 
     it('togglePicker: should keep the component invisible when `disabled` and `readonly` is true', () => {

projects/ui/src/lib/components/po-field/po-field-validate.model.ts

@@ -75,7 +75,7 @@ export abstract class PoFieldValidateModel<T> extends PoFieldModel<T> implements
   private onValidatorChange;
 
   constructor(public changeDetector: ChangeDetectorRef) {
-    super();
+    super(changeDetector);
   }
 
   validate(abstractControl: AbstractControl): ValidationErrors {