feat(fields): inclui estado de loading nos componentes

[fabiana-monteiro]

po-textarea, po-rich-text, po-upload

DTHFUI-12440

---

PR Checklist [Revisor]

• Padrão de Commit (Coeso, de acordo com o que está sendo realizado)
• Código (Boas práticas, nome de variavéis/métodos, etc.)
• Testes unitários (Cobre a situação implementada e coverage está mantido)
• Documentação (Clara, objetiva e com exemplos caso necessário)
• Samples (A implementação possui exemplo no Labs/Caso de uso)
• Rodado em navegadores suportados (Chrome, FireFox, Edge)

Qual o novo comportamento?

• adiciona propriedade p-loading nos componentes po-rich-text, po-textarea e po-upload
• adiciona suporte à propriedade p-disabled no po-rich-text
• ajusta cor do loading no po-button para manter consistência com os fields

Simulação
Samples - Portal

[devin-ai-integration]

Devin Review found 1 potential issue.

View 7 additional findings in Devin Review.

[devin-ai-integration]

🟡 Upload drag-drop area not disabled during loading state

When p-loading is set to true on po-upload, the drag-drop area remains enabled, allowing users to drag and drop files while the component visually indicates a loading state.

Root Cause: Child component's isDisabled override shadows base class's loading-aware getter

The PR adds a new isDisabled getter to PoUploadBaseComponent at po-upload-base.component.ts:864-866 that includes loading:

get isDisabled(): boolean {
    return this.disabled || this.loading;
}

However, PoUploadComponent at po-upload.component.ts:173-189 already overrides isDisabled with its own complex logic that does not include loading:

get isDisabled(): boolean {
    const currentFiles = this.currentFiles || [];
    return this.requiredUrl
      ? !!(this.hasAnyFileUploading(currentFiles) || !this.url || this.disabled || ...)
      : !!(this.hasAnyFileUploading(currentFiles) || this.autoUpload || this.disabled || ...);
}

The PR correctly added isSelectButtonDisabled (which includes loading) for the select button and isFieldDisabled for the field container/bottom. But the drag-drop area at po-upload.component.html:32 still uses the unmodified isDisabled:

<po-upload-drag-drop
    [p-disabled]="isDisabled"
    ...
>

Impact: Users can drag and drop files onto the upload area while the component is in a loading state, which is inconsistent with the select button being disabled and the visual loading indication.

(Refers to line 32)

---

Was this helpful? React with 👍 or 👎 to provide feedback.