@formality-ui/react 0.2.4 → 0.2.5

package/dist/index.cjs

@@ -149,6 +149,7 @@ function Form({
   record,
   autoSave = false,
   debounce: debounceMs = 1e3,
+  mode,
   validate
 }) {
   const providerConfig = useConfigContext();
@@ -166,7 +167,7 @@ function Form({
     return core.resolveAllInitialValues(config, mergedInputs, record ?? {});
   }, [config, mergedInputs, record]);
   const methods = reactHookForm.useForm({
-    mode: "onChange",
+    mode: mode ?? "onChange",
     defaultValues,
     values: record
   });
@@ -406,9 +407,20 @@ function Form({
     if (!validationsComplete || executionVersionRef.current !== executionVersion) {
       return;
     }
-    for (const fieldName of changedFields) {
-      const fieldState = methods.getFieldState(fieldName);
-      if (fieldState.error) {
+    const changedArray = [...changedFields];
+    if (changedArray.length > 0) {
+      const changedValid = await methods.trigger(changedArray);
+      if (executionVersionRef.current !== executionVersion) {
+        return;
+      }
+      if (!changedValid) {
+        return;
+      }
+      const changedValidationsComplete = await waitForFieldValidation(
+        changedArray,
+        executionVersion
+      );
+      if (!changedValidationsComplete || executionVersionRef.current !== executionVersion) {
         return;
       }
     }