react-hook-form 7.31.2 → 7.32.1

package/dist/index.esm.mjs

@@ -558,6 +558,10 @@ function append(data, value) {
     return [...data, ...convertToArrayPayload(value)];
 }
 
+var isWeb = typeof window !== 'undefined' &&
+    typeof window.HTMLElement !== 'undefined' &&
+    typeof document !== 'undefined';
+
 function cloneObject(data) {
     let copy;
     const isArray = Array.isArray(data);
@@ -567,16 +571,15 @@ function cloneObject(data) {
     else if (data instanceof Set) {
         copy = new Set(data);
     }
-    else if (globalThis.Blob && data instanceof Blob) {
-        copy = data;
-    }
-    else if (globalThis.FileList && data instanceof FileList) {
-        copy = data;
-    }
-    else if (isArray || isObject(data)) {
+    else if (!(isWeb && (data instanceof Blob || data instanceof FileList)) &&
+        (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 {
@@ -939,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`;
 
@@ -947,10 +954,6 @@ var isRadioInput = (element) => element.type === 'radio';
 
 var isRadioOrCheckbox = (ref) => isRadioInput(ref) || isCheckBoxInput(ref);
 
-var isWeb = typeof window !== 'undefined' &&
-    typeof window.HTMLElement !== 'undefined' &&
-    typeof document !== 'undefined';
-
 var live = (ref) => isHTMLElement(ref) && ref.isConnected;
 
 function markFieldsDirty(data, fields = {}) {
@@ -1022,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)
@@ -1222,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;
@@ -1383,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;
@@ -1485,24 +1488,24 @@ 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 } : {}),
@@ -1704,6 +1707,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);
@@ -1738,7 +1742,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 = {}) => {