react-hook-form 7.31.3 → 7.32.2

package/dist/index.esm.mjs

@@ -575,7 +575,11 @@ function cloneObject(data) {
         (isArray || isObject(data))) {
         copy = isArray ? [] : {};
         for (const key in data) {
-            copy[key] = isFunction(data[key]) ? data[key] : cloneObject(data[key]);
+            if (isFunction(data[key])) {
+                copy = data;
+                break;
+            }
+            copy[key] = cloneObject(data[key]);
         }
     }
     else {
@@ -938,7 +942,11 @@ var isBoolean = (value) => typeof value === 'boolean';
 
 var isFileInput = (element) => element.type === 'file';
 
-var isHTMLElement = (value) => value instanceof HTMLElement;
+var isHTMLElement = (value) => {
+    const owner = value ? value.ownerDocument : 0;
+    const ElementClass = owner && owner.defaultView ? owner.defaultView.HTMLElement : HTMLElement;
+    return value instanceof ElementClass;
+};
 
 var isMultipleSelect = (element) => element.type === `select-multiple`;
 
@@ -1017,7 +1025,7 @@ var getCheckboxValue = (options) => {
 var getFieldValueAs = (value, { valueAsNumber, valueAsDate, setValueAs }) => isUndefined(value)
     ? value
     : valueAsNumber
-        ? value === ''
+        ? value === '' || isNullOrUndefined(value)
             ? NaN
             : +value
         : valueAsDate && isString(value)
@@ -1217,7 +1225,7 @@ var validateField = async (field, inputValue, validateAllFieldCriteria, shouldUs
         let exceedMin;
         const maxOutput = getValueAndMessage(max);
         const minOutput = getValueAndMessage(min);
-        if (!isNaN(inputValue)) {
+        if (!isNullOrUndefined(inputValue) && !isNaN(inputValue)) {
             const valueNumber = ref.valueAsNumber || +inputValue;
             if (!isNullOrUndefined(maxOutput.value)) {
                 exceedMax = valueNumber > maxOutput.value;
@@ -1378,9 +1386,9 @@ function createFormControl(props = {}) {
     const validationModeBeforeSubmit = getValidationModes(_options.mode);
     const validationModeAfterSubmit = getValidationModes(_options.reValidateMode);
     const shouldDisplayAllAssociatedErrors = _options.criteriaMode === VALIDATION_MODE.all;
-    const debounce = (callback, wait) => (...args) => {
+    const debounce = (callback) => (wait) => {
         clearTimeout(timer);
-        timer = window.setTimeout(() => callback(...args), wait);
+        timer = window.setTimeout(callback, wait);
     };
     const _updateValid = async (shouldSkipRender) => {
         let isValid = false;
@@ -1431,10 +1439,12 @@ function createFormControl(props = {}) {
             set(_formValues, name, values);
         }
     };
-    const updateErrors = (name, error) => (set(_formState.errors, name, error),
+    const updateErrors = (name, error) => {
+        set(_formState.errors, name, error);
         _subjects.state.next({
             errors: _formState.errors,
-        }));
+        });
+    };
     const updateValidAndValue = (name, shouldSkipSetValueAs, value, ref) => {
         const field = get(_fields, name);
         if (field) {
@@ -1480,24 +1490,23 @@ function createFormControl(props = {}) {
         isFieldDirty && shouldRender && _subjects.state.next(output);
         return isFieldDirty ? output : {};
     };
-    const shouldRenderByError = async (shouldSkipRender, name, isValid, error, fieldState) => {
+    const shouldRenderByError = async (name, isValid, error, fieldState) => {
         const previousFieldError = get(_formState.errors, name);
         const shouldUpdateValid = _proxyFormState.isValid && _formState.isValid !== isValid;
         if (props.delayError && error) {
-            delayErrorCallback =
-                delayErrorCallback || debounce(updateErrors, props.delayError);
-            delayErrorCallback(name, error);
+            delayErrorCallback = debounce(() => updateErrors(name, error));
+            delayErrorCallback(props.delayError);
         }
         else {
             clearTimeout(timer);
+            delayErrorCallback = null;
             error
                 ? set(_formState.errors, name, error)
                 : unset(_formState.errors, name);
         }
-        if (((error ? !deepEqual(previousFieldError, error) : previousFieldError) ||
+        if ((error ? !deepEqual(previousFieldError, error) : previousFieldError) ||
             !isEmptyObject(fieldState) ||
-            shouldUpdateValid) &&
-            !shouldSkipRender) {
+            shouldUpdateValid) {
             const updatedFormState = {
                 ...fieldState,
                 ...(shouldUpdateValid ? { isValid } : {}),
@@ -1699,6 +1708,7 @@ function createFormControl(props = {}) {
             set(_formValues, name, fieldValue);
             if (isBlurEvent) {
                 field._f.onBlur && field._f.onBlur(event);
+                delayErrorCallback && delayErrorCallback(0);
             }
             else if (field._f.onChange) {
                 field._f.onChange(event);
@@ -1733,7 +1743,7 @@ function createFormControl(props = {}) {
             }
             field._f.deps &&
                 trigger(field._f.deps);
-            shouldRenderByError(false, name, isValid, error, fieldState);
+            shouldRenderByError(name, isValid, error, fieldState);
         }
     };
     const trigger = async (name, options = {}) => {