react-hook-form 7.22.0 → 7.22.4

package/dist/index.d.ts

@@ -8,3 +8,4 @@ export * from './useFormContext';
 export * from './useFormState';
 export * from './useWatch';
 export * from './utils';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC"}

package/dist/index.esm.mjs

@@ -235,14 +235,11 @@ function useController(props) {
         updateMounted(name, true);
         return () => {
             const _shouldUnregisterField = control._options.shouldUnregister || shouldUnregister;
-            if (isArrayField
+            isArrayField
                 ? _shouldUnregisterField && !control._stateFlags.action
-                : _shouldUnregisterField) {
-                control.unregister(name, { keepDefaultValue: true });
-            }
-            else {
-                updateMounted(name, false);
-            }
+                : _shouldUnregisterField
+                    ? control.unregister(name)
+                    : updateMounted(name, false);
         };
     }, [name, control, isArrayField, shouldUnregister]);
     return {
@@ -536,13 +533,13 @@ const useFieldArray = (props) => {
         control._updateFieldArray(name, updateAt, {
             argA: index,
             argB: value,
-        }, fieldArrayValues, true, false);
+        }, fieldArrayValues, true, false, false);
     };
     const replace = (value) => {
         const updatedFieldArrayValuesWithKey = mapIds(convertToArrayPayload(value), keyName);
         const fieldArrayValues = updateValues(updatedFieldArrayValuesWithKey);
         setFields(updatedFieldArrayValuesWithKey);
-        control._updateFieldArray(name, () => updatedFieldArrayValuesWithKey, {}, fieldArrayValues, true, false);
+        control._updateFieldArray(name, () => updatedFieldArrayValuesWithKey, {}, fieldArrayValues, true, false, false);
     };
     React.useEffect(() => {
         control._stateFlags.action = false;
@@ -1139,13 +1136,13 @@ function createFormControl(props = {}) {
         }
         return isValid;
     };
-    const _updateFieldArray = (name, method, args, values = [], shouldSetValues = true, shouldSetFields = true) => {
+    const _updateFieldArray = (name, method, args, values = [], shouldSetValues = true, shouldSetFields = true, shouldSetError = true) => {
         _stateFlags.action = true;
         if (shouldSetFields && get(_fields, name)) {
             const fieldValues = method(get(_fields, name), args.argA, args.argB);
             shouldSetValues && set(_fields, name, fieldValues);
         }
-        if (Array.isArray(get(_formState.errors, name))) {
+        if (shouldSetError && Array.isArray(get(_formState.errors, name))) {
             const errors = method(get(_formState.errors, name), args.argA, args.argB);
             shouldSetValues && set(_formState.errors, name, errors);
             unsetEmptyArray(_formState.errors, name);
@@ -1702,10 +1699,10 @@ function createFormControl(props = {}) {
                     : {}
                 : cloneUpdatedValues;
             _fields = {};
-            _subjects.watch.next({
+            _subjects.array.next({
                 values,
             });
-            _subjects.array.next({
+            _subjects.watch.next({
                 values,
             });
         }
@@ -1717,6 +1714,9 @@ function createFormControl(props = {}) {
             watchAll: false,
             focus: '',
         };
+        _stateFlags.mount =
+            !_proxyFormState.isValid || !!keepStateOptions.keepIsValid;
+        _stateFlags.watch = !!props.shouldUnregister;
         _subjects.state.next({
             submitCount: keepStateOptions.keepSubmitCount
                 ? _formState.submitCount
@@ -1743,9 +1743,6 @@ function createFormControl(props = {}) {
             isSubmitting: false,
             isSubmitSuccessful: false,
         });
-        _stateFlags.mount =
-            !_proxyFormState.isValid || !!keepStateOptions.keepIsValid;
-        _stateFlags.watch = !!props.shouldUnregister;
     };
     const setFocus = (name) => {
         const field = get(_fields, name)._f;