react-hook-form 7.51.4 → 7.52.0

package/dist/index.esm.mjs

@@ -78,6 +78,36 @@ var get = (object, path, defaultValue) => {
 
 var isBoolean = (value) => typeof value === 'boolean';
 
+var isKey = (value) => /^\w*$/.test(value);
+
+var stringToPath = (input) => compact(input.replace(/["|']|\]/g, '').split(/\.|\[/));
+
+var set = (object, path, value) => {
+    let index = -1;
+    const tempPath = isKey(path) ? [path] : stringToPath(path);
+    const length = tempPath.length;
+    const lastIndex = length - 1;
+    while (++index < length) {
+        const key = tempPath[index];
+        let newValue = value;
+        if (index !== lastIndex) {
+            const objValue = object[key];
+            newValue =
+                isObject(objValue) || Array.isArray(objValue)
+                    ? objValue
+                    : !isNaN(+tempPath[index + 1])
+                        ? []
+                        : {};
+        }
+        if (key === '__proto__') {
+            return;
+        }
+        object[key] = newValue;
+        object = object[key];
+    }
+    return object;
+};
+
 const EVENTS = {
     BLUR: 'blur',
     FOCUS_OUT: 'focusout',
@@ -340,33 +370,6 @@ function useWatch(props) {
     return value;
 }
 
-var isKey = (value) => /^\w*$/.test(value);
-
-var stringToPath = (input) => compact(input.replace(/["|']|\]/g, '').split(/\.|\[/));
-
-var set = (object, path, value) => {
-    let index = -1;
-    const tempPath = isKey(path) ? [path] : stringToPath(path);
-    const length = tempPath.length;
-    const lastIndex = length - 1;
-    while (++index < length) {
-        const key = tempPath[index];
-        let newValue = value;
-        if (index !== lastIndex) {
-            const objValue = object[key];
-            newValue =
-                isObject(objValue) || Array.isArray(objValue)
-                    ? objValue
-                    : !isNaN(+tempPath[index + 1])
-                        ? []
-                        : {};
-        }
-        object[key] = newValue;
-        object = object[key];
-    }
-    return object;
-};
-
 /**
  * Custom hook to work with controlled component, this function provide you with both form and field level state. Re-render is isolated at the hook level.
  *
@@ -414,7 +417,7 @@ function useController(props) {
         const _shouldUnregisterField = control._options.shouldUnregister || shouldUnregister;
         const updateMounted = (name, value) => {
             const field = get(control._fields, name);
-            if (field) {
+            if (field && field._f) {
                 field._f.mount = value;
             }
         };
@@ -1676,7 +1679,9 @@ function createFormControl(props = {}) {
         const output = {
             name,
         };
-        const disabledField = !!(get(_fields, name) && get(_fields, name)._f.disabled);
+        const disabledField = !!(get(_fields, name) &&
+            get(_fields, name)._f &&
+            get(_fields, name)._f.disabled);
         if (!isBlurEvent || shouldDirty) {
             if (_proxyFormState.isDirty) {
                 isPreviousDirty = _formState.isDirty;
@@ -2036,9 +2041,9 @@ function createFormControl(props = {}) {
     const getFieldState = (name, formState) => ({
         invalid: !!get((formState || _formState).errors, name),
         isDirty: !!get((formState || _formState).dirtyFields, name),
-        isTouched: !!get((formState || _formState).touchedFields, name),
-        isValidating: !!get((formState || _formState).validatingFields, name),
         error: get((formState || _formState).errors, name),
+        isValidating: !!get(_formState.validatingFields, name),
+        isTouched: !!get((formState || _formState).touchedFields, name),
     });
     const clearErrors = (name) => {
         name &&
@@ -2049,7 +2054,11 @@ function createFormControl(props = {}) {
     };
     const setError = (name, error, options) => {
         const ref = (get(_fields, name, { _f: {} })._f || {}).ref;
+        const currentError = get(_formState.errors, name) || {};
+        // Don't override existing error messages elsewhere in the object tree.
+        const { ref: currentRef, message, type, ...restOfErrorTree } = currentError;
         set(_formState.errors, name, {
+            ...restOfErrorTree,
             ...error,
             ref,
         });
@@ -2092,7 +2101,7 @@ function createFormControl(props = {}) {
         !options.keepIsValid && _updateValid();
     };
     const _updateDisabledField = ({ disabled, name, field, fields, value, }) => {
-        if (isBoolean(disabled)) {
+        if ((isBoolean(disabled) && _state.mount) || !!disabled) {
             const inputValue = disabled
                 ? undefined
                 : isUndefined(value)
@@ -2192,12 +2201,15 @@ function createFormControl(props = {}) {
         if (isBoolean(disabled)) {
             _subjects.state.next({ disabled });
             iterateFieldsByAction(_fields, (ref, name) => {
-                let requiredDisabledState = disabled;
                 const currentField = get(_fields, name);
-                if (currentField && isBoolean(currentField._f.disabled)) {
-                    requiredDisabledState || (requiredDisabledState = currentField._f.disabled);
+                if (currentField) {
+                    ref.disabled = currentField._f.disabled || disabled;
+                    if (Array.isArray(currentField._f.refs)) {
+                        currentField._f.refs.forEach((inputRef) => {
+                            inputRef.disabled = currentField._f.disabled || disabled;
+                        });
+                    }
                 }
-                ref.disabled = requiredDisabledState;
             }, 0, false);
         }
     };
@@ -2356,7 +2368,9 @@ function createFormControl(props = {}) {
                         : _formState.dirtyFields
                     : keepStateOptions.keepDefaultValues && formValues
                         ? getDirtyFields(_defaultValues, formValues)
-                        : {},
+                        : keepStateOptions.keepDirty
+                            ? _formState.dirtyFields
+                            : {},
             touchedFields: keepStateOptions.keepTouched
                 ? _formState.touchedFields
                 : {},