Criação de componente Campo de Texto com máscara

[Laysacunha]

🚀 Objetivo

Como pessoa desenvolvedora do iSUS Quero criar componente genérico de campo de texto com máscara Para reutilizá-lo na biblioteca de formulários

Contexto

• Existem vários campos de texto na aplicação com múltiplas designs e/ou estratégias de implementação. Isso dificulta a manutenção do código e a implementação de novas funcionalidades. Existe uma tarefa (citar issue) para a padronização do campo de texto. É necessário criar um novo componente de texto com máscara utilizando o produto da issue tal para isso.

Escopo

• [x] criação de um componente padrão baseado no Campo de Texto da biblioteca React Native Paper
• [x] adicionar estilização no componente
• [x] integrar componente com biblioteca React Hook Form
• [x] adicionar campo para informar o tipo de máscara (CPF, por exemplo)

Critérios de Aceitação

• [x] Integração com React Hook Form Dado que estou na tela do formulário no campo de texto Quando realizo alteração então esse valor vai ser controlado pelo React Hook Form
• [x] Estilização do componente Dado que exista um tema especifico para o componente Quando altero os valores de estilização então o componente vai refletir a estilização esperada
• [x] Máscara do campo de texto Dado que estou na tela do formulário no campo de texto Quando realizo alteração então esse valor será formatado de acordo com a máscara

Observações

• Máscaras utilizadas: CPF, Telefone
• Biblioteca: react-native-text-input-mask

[Laysacunha]

Hey team! Please add your planning poker estimate with ZenHub @ericsonmoreira @fpontef