How to get if a form is dirty?

[lvsouza]

Description of issue

I need to verify that the form has changed before the user leaves the screen.
For this it would be useful to have a function that returns if the data has changed in any way.

Português:
Eu preciso verificar se o formulário foi alterado antes que o usuário saia da tela.
Para isso seria útil se tivesse uma função que retornasse se os dados foram alterados de alguma forma.

Usage example

Exemplo: .isFormDirty()

useEffect(() => {
  const unlisten = history.block(() => {
    if (formRef.current?.isFormDirty()) {
      return 'Deseja sair sem salvar as alterações?';
    }
  });
  return unlisten;
}, [formRef, history]);

[MarcoEscaleira]

Seria incrivel ter isto no unform!

[lvsouza]

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.