feat(useForm): set all fields to touched when submitting

.changeset/rotten-candles-divide.md

@@ -0,0 +1,5 @@
+---
+"react-cool-form": patch
+---
+
+feat(useForm): set all fields to touched when submitting

src/useForm.ts

@@ -581,6 +581,15 @@ export default <V extends FormValues = FormValues>({
  e?.preventDefault();
  e?.stopPropagation();
 
+ const touched = Object.keys({
+ ...fieldsRef.current,
+ ...controlledFieldsRef.current,
+ }).reduce((acc: Map, key) => {
+ acc = set(acc, key, true);
+ return acc;
+ }, {});
+
+ setStateRef("touched", touched);
  setStateRef("isSubmitting", true);
 
  try {

src/useState.ts

@@ -1,7 +1,7 @@
 import { useReducer, useRef, useCallback } from "react";
 import isEqual from "fast-deep-equal";
 
-import { Debug, FormState, FormStateReturn, SetStateRef, Map } from "./types";
+import { Debug, FormState, FormStateReturn, Map, SetStateRef } from "./types";
 import useLatest from "./useLatest";
 import { get, isEmptyObject, set } from "./utils";
 

src/utils.ts

@@ -1,12 +1,12 @@
 /* eslint-disable @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/ban-types */
 
-import { FieldElement } from "./types";
+import { FieldElement, Map } from "./types";
 
 export const warn = (...args: any[]): void => {
  if (__DEV__) console.warn(...args);
 };
 
-export const arrayToMap = (arr: any[]): Record<string, boolean> =>
+export const arrayToMap = (arr: any[]): Map =>
  arr.reduce((obj, key) => {
  obj[key] = true;
  return obj;