react-hook-form 7.80.0 → 7.81.0

package/dist/index.esm.mjs

@@ -605,7 +605,9 @@ const Controller = (props) => props.render(useController(props));
 const flatten = (obj) => {
     const output = {};
     for (const key of Object.keys(obj)) {
-        if (isObjectType(obj[key]) && obj[key] !== null) {
+        if (isObjectType(obj[key]) &&
+            obj[key] !== null &&
+            !isDateObject(obj[key])) {
             const nested = flatten(obj[key]);
             for (const nestedKey of Object.keys(nested)) {
                 output[`${key}.${nestedKey}`] = nested[nestedKey];
@@ -950,6 +952,9 @@ function unset(object, path) {
         : isKey(path)
             ? [path]
             : stringToPath(path);
+    if (paths.some((segment) => PROTOTYPE_KEYWORDS.includes(String(segment)))) {
+        return object;
+    }
     const childObject = paths.length === 1 ? object : baseGet(object, paths);
     const index = paths.length - 1;
     const key = paths[index];
@@ -1254,7 +1259,7 @@ var shouldSubscribeByName = (name, signalName, exact) => !name ||
     name === signalName ||
     convertToArrayPayload(name).some((currentName) => currentName &&
         (exact
-            ? currentName === signalName
+            ? currentName === signalName || currentName.startsWith(signalName + '.')
             : currentName.startsWith(signalName) ||
                 signalName.startsWith(currentName)));
 
@@ -2065,8 +2070,11 @@ function createFormControl(props = {}) {
                 ..._formValues,
                 ...updatedFormValues,
             };
+            const flattenedUpdates = flatten(updatedFormValues);
             for (const fieldName of _names.mount) {
-                _setValue(fieldName, get(updatedFormValues, fieldName), options, true, true);
+                if (fieldName in flattenedUpdates) {
+                    _setValue(fieldName, flattenedUpdates[fieldName], options, true, true);
+                }
             }
             _subjects.state.next({
                 ..._formState,
@@ -2658,6 +2666,8 @@ function createFormControl(props = {}) {
                 values: { ...values },
             });
             _subjects.state.next({
+                name: undefined,
+                type: undefined,
                 values: { ...values },
             });
         }
@@ -2740,9 +2750,15 @@ function createFormControl(props = {}) {
         }
     };
     const _setFormState = (updatedFormState) => {
+        // `name`, `type`, and `values` describe the event that produced this
+        // update, not the form's persisted state (they aren't part of
+        // `FormState`). Merging them in would leak a stale `name`/`type` from
+        // one event into a later, unrelated notification that doesn't specify
+        // its own.
+        const { name, type, values, ...formState } = updatedFormState;
         _formState = {
             ..._formState,
-            ...updatedFormState,
+            ...formState,
         };
     };
     const _resetDefaultValues = () => isFunction(_options.defaultValues) &&
@@ -3118,18 +3134,28 @@ function useFieldArray(props) {
             !validationModes.isOnBlur) {
             if (control._options.resolver) {
                 control._runSchema([name]).then((result) => {
+                    var _a, _b;
                     control._updateIsValidating([name]);
                     const error = get(result.errors, name);
                     const existingError = get(control._formState.errors, name);
+                    const existingErrorType = existingError && (existingError.type || ((_a = existingError.root) === null || _a === void 0 ? void 0 : _a.type));
+                    const existingErrorMessage = existingError &&
+                        (existingError.message || ((_b = existingError.root) === null || _b === void 0 ? void 0 : _b.message));
                     if (existingError
-                        ? (!error && existingError.type) ||
+                        ? (!error && existingErrorType) ||
                             (error &&
-                                (existingError.type !== error.type ||
-                                    existingError.message !== error.message))
+                                (existingErrorType !== error.type ||
+                                    existingErrorMessage !== error.message))
                         : error && error.type) {
-                        error
-                            ? set(control._formState.errors, name, error)
-                            : unset(control._formState.errors, name);
+                        if (error) {
+                            isObject(error) &&
+                                !Object.keys(error).some((key) => !Number.isNaN(+key))
+                                ? updateFieldArrayRootError(control._formState.errors, { [name]: error }, name)
+                                : set(control._formState.errors, name, error);
+                        }
+                        else {
+                            unset(control._formState.errors, name);
+                        }
                         control._subjects.state.next({
                             errors: control._formState.errors,
                         });
@@ -3149,10 +3175,14 @@ function useFieldArray(props) {
                 }
             }
         }
-        control._subjects.state.next({
-            name,
-            values: cloneObject(control._formValues),
-        });
+        // External updates that change `fields` (e.g. reset() or setValue() on
+        // the array) already notify subscribers with the up-to-date values
+        // themselves, so only re-broadcast here for genuine array method calls.
+        _actioned.current &&
+            control._subjects.state.next({
+                name,
+                values: cloneObject(control._formValues),
+            });
         control._names.focus &&
             iterateFieldsByAction(control._fields, (ref, key) => {
                 if (control._names.focus &&