react-hook-form 7.38.0 → 7.39.0

package/dist/index.esm.mjs

@@ -395,15 +395,10 @@ function useController(props) {
                 },
                 type: EVENTS.BLUR,
             }), [name, control]),
-            ref: (elm) => {
+            ref: (ref) => {
                 const field = get(control._fields, name);
-                if (field && elm) {
-                    field._f.ref = {
-                        focus: () => elm.focus(),
-                        select: () => elm.select(),
-                        setCustomValidity: (message) => elm.setCustomValidity(message),
-                        reportValidity: () => elm.reportValidity(),
-                    };
+                if (field && ref) {
+                    field._f.ref = ref;
                 }
             },
         },
@@ -632,8 +627,8 @@ var validateField = async (field, inputValue, validateAllFieldCriteria, shouldUs
     }
     const inputRef = refs ? refs[0] : ref;
     const setCustomValidity = (message) => {
-        if (shouldUseNativeValidation && inputRef.reportValidity) {
-            inputRef.setCustomValidity(isBoolean(message) ? '' : message || ' ');
+        if (shouldUseNativeValidation && isString(message)) {
+            inputRef.setCustomValidity(message);
             inputRef.reportValidity();
         }
     };
@@ -1259,7 +1254,9 @@ function getDirtyFieldsFromDefaultValues(data, formValues, dirtyFieldsFromValues
                 }
             }
             else {
-                dirtyFieldsFromValues[key] = !deepEqual(data[key], formValues[key]);
+                deepEqual(data[key], formValues[key])
+                    ? delete dirtyFieldsFromValues[key]
+                    : (dirtyFieldsFromValues[key] = true);
             }
         }
     }
@@ -1442,13 +1439,13 @@ function createFormControl(props = {}) {
         clearTimeout(timer);
         timer = window.setTimeout(callback, wait);
     };
-    const _updateValid = async (shouldSkipRender) => {
+    const _updateValid = async () => {
         let isValid = false;
         if (_proxyFormState.isValid) {
             isValid = _options.resolver
                 ? isEmptyObject((await _executeSchema()).errors)
                 : await executeBuiltInValidation(_fields, true);
-            if (!shouldSkipRender && isValid !== _formState.isValid) {
+            if (isValid !== _formState.isValid) {
                 _formState.isValid = isValid;
                 _subjects.state.next({
                     isValid,
@@ -1542,9 +1539,11 @@ function createFormControl(props = {}) {
         isFieldDirty && shouldRender && _subjects.state.next(output);
         return isFieldDirty ? output : {};
     };
-    const shouldRenderByError = async (name, isValid, error, fieldState) => {
+    const shouldRenderByError = (name, isValid, error, fieldState) => {
         const previousFieldError = get(_formState.errors, name);
-        const shouldUpdateValid = _proxyFormState.isValid && _formState.isValid !== isValid;
+        const shouldUpdateValid = _proxyFormState.isValid &&
+            isBoolean(isValid) &&
+            _formState.isValid !== isValid;
         if (props.delayError && error) {
             delayErrorCallback = debounce(() => updateErrors(name, error));
             delayErrorCallback(props.delayError);
@@ -1561,7 +1560,7 @@ function createFormControl(props = {}) {
             shouldUpdateValid) {
             const updatedFormState = {
                 ...fieldState,
-                ...(shouldUpdateValid ? { isValid } : {}),
+                ...(shouldUpdateValid && isBoolean(isValid) ? { isValid } : {}),
                 errors: _formState.errors,
                 name,
             };
@@ -1775,11 +1774,14 @@ function createFormControl(props = {}) {
                     type: event.type,
                 });
             if (shouldSkipValidation) {
+                _proxyFormState.isValid && _updateValid();
                 return (shouldRender &&
                     _subjects.state.next({ name, ...(watched ? {} : fieldState) }));
             }
             !isBlurEvent && watched && _subjects.state.next({});
-            validateFields[name] = validateFields[name] ? +1 : 1;
+            validateFields[name] = validateFields[name]
+                ? validateFields[name] + 1
+                : 1;
             _subjects.state.next({
                 isValidating: true,
             });
@@ -1793,7 +1795,7 @@ function createFormControl(props = {}) {
             }
             else {
                 error = (await validateField(field, get(_formValues, name), shouldDisplayAllAssociatedErrors, _options.shouldUseNativeValidation))[name];
-                isValid = await _updateValid(true);
+                _updateValid();
             }
             field._f.deps &&
                 trigger(field._f.deps);
@@ -2086,13 +2088,13 @@ function createFormControl(props = {}) {
                             const fieldReference = Array.isArray(field._f.refs)
                                 ? field._f.refs[0]
                                 : field._f.ref;
-                            try {
-                                if (isHTMLElement(fieldReference)) {
-                                    fieldReference.closest('form').reset();
+                            if (isHTMLElement(fieldReference)) {
+                                const form = fieldReference.closest('form');
+                                if (form) {
+                                    form.reset();
                                     break;
                                 }
                             }
-                            catch (_a) { }
                         }
                     }
                 }