How to get if a form is dirty? about unform HOT 2 OPEN

Seria incrivel ter isto no unform!

from unform.

Adicionei a funcionalidade na lib.

Devido a excelente arquitetura da lib que não ter estado interno para as input inputs, tive que adicionar um useRef que guarda o valor inicial do formulário, para poder comparar com o valor final do formulário.

Me pareceu fazer sentido que, esse valor inicial seja alterado pelos métodos de setData, reset, setFieldValue e clearFieldValue.

Veja o fluxo:

1. Formulário é exibido em tela, um initialData e passado ao componente de Form;
2. O initialData é armazenado no useRef, antes é convertido com o dot-object
   
3. O originalData.current pode ser alterado pelos métodos setData, reset, setFieldValue e clearFieldValue. Isso porque normalmente usamos eles para alterar os dados do form quando recebemos os dados da API, dessa forma, seriam esses os dados originais. Uma alteração de dados, que caracteriza o .isFormDirty() === true é quando o usuário interage com uma input, por exemplo.
4. .isFormDirty() é chamado para validar se o form foi alterado. Como seria validado:
   • Os possíveis dados alterados do formulário são buscados e transformados com o dot-object
     
   • Com um for in cada atributo do originalData.current é comparado com seu respectivo no currentDataAsKeyPair. O switch com o typeof é usado para contornar problemas de tipos de dados causados pelas inputs que retornam texto quando deveria ser número
     

Essa foi a regra usada para implementar a funcionalidade até agora, tudo que foi apresentado aqui está em aberto para discussão.

from unform.