Silent resetForm

[ericchernuka]

I have a use case where we use React Router to use the <Prompt /> when the form is dirty. The issue we've run into is we want to reset the form on successful save to allow navigation away from the form, but we also utilize the onReset callback on <Formik /> for allowing the user to toss their changes. I wonder if adding a silent argument to the resetForm method would allow for programatic form resets without the callback being invoked?

Seems pretty trivial to implement, but thought I'd pose it before doing a PR.

[ericchernuka]

After thinking about this for more than 5 minutes, the better solution was to create a ResetButton component that handled the workflow instead of using the Formik onReset prop.

type ResetButtonProps = {
  message?: string;
};

const ResetButton: FunctionComponent<ResetButtonProps> = ({
  children,
  message,
}) => {
  const { t } = useTranslation();
  const { dirty, isSubmitting } = useFormikContext();

  const handleReset = () => {
    const toastMessage = message ?? (t('formReset') as string);
    toast.success(toastMessage);
  };

  return (
    <SecondaryButton
      type="reset"
      onClick={handleReset}
      disabled={!dirty || isSubmitting}
    >
      {children}
    </SecondaryButton>
  );
};

export default ResetButton;