react-hook-form 7.39.2 → 7.39.4

package/dist/index.esm.mjs

@@ -262,16 +262,41 @@ var generateWatchOutput = (names, _names, formValues, isGlobal) => {
     return formValues;
 };
 
-var isFunction = (value) => typeof value === 'function';
+var isPlainObject = (tempObject) => {
+    const prototypeCopy = tempObject.constructor && tempObject.constructor.prototype;
+    return (isObject(prototypeCopy) && prototypeCopy.hasOwnProperty('isPrototypeOf'));
+};
 
-var objectHasFunction = (data) => {
-    for (const key in data) {
-        if (isFunction(data[key])) {
-            return true;
+var isWeb = typeof window !== 'undefined' &&
+    typeof window.HTMLElement !== 'undefined' &&
+    typeof document !== 'undefined';
+
+function cloneObject(data) {
+    let copy;
+    const isArray = Array.isArray(data);
+    if (data instanceof Date) {
+        copy = new Date(data);
+    }
+    else if (data instanceof Set) {
+        copy = new Set(data);
+    }
+    else if (!(isWeb && (data instanceof Blob || data instanceof FileList)) &&
+        (isArray || isObject(data))) {
+        copy = isArray ? [] : {};
+        if (!Array.isArray(data) && !isPlainObject(data)) {
+            copy = data;
+        }
+        else {
+            for (const key in data) {
+                copy[key] = cloneObject(data[key]);
+            }
         }
     }
-    return false;
-};
+    else {
+        return data;
+    }
+    return copy;
+}
 
 /**
  * Custom hook to subscribe to field change and isolate re-rendering at the component level.
@@ -300,14 +325,11 @@ function useWatch(props) {
         callback: React.useCallback((formState) => {
             if (shouldSubscribeByName(_name.current, formState.name, exact)) {
                 const fieldValues = generateWatchOutput(_name.current, control._names, formState.values || control._formValues);
-                updateValue(isUndefined(_name.current) ||
-                    (isObject(fieldValues) && !objectHasFunction(fieldValues))
-                    ? { ...fieldValues }
-                    : Array.isArray(fieldValues)
-                        ? [...fieldValues]
-                        : isUndefined(fieldValues)
-                            ? defaultValue
-                            : fieldValues);
+                updateValue(isUndefined(_name.current) || !isUndefined(fieldValues)
+                    ? cloneObject(fieldValues)
+                    : isUndefined(fieldValues)
+                        ? defaultValue
+                        : fieldValues);
             }
         }, [control, exact, defaultValue]),
     });
@@ -360,10 +382,6 @@ function useController(props) {
         ...props.rules,
         value,
     }));
-    const field = get(control._fields, name);
-    if (field) {
-        field._f._c = true;
-    }
     React.useEffect(() => {
         const updateMounted = (name, value) => {
             const field = get(control._fields, name);
@@ -399,9 +417,15 @@ function useController(props) {
                 },
                 type: EVENTS.BLUR,
             }), [name, control]),
-            ref: (ref) => {
-                if (field && ref) {
-                    field._f.ref = ref;
+            ref: (elm) => {
+                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(),
+                    };
                 }
             },
         },
@@ -560,6 +584,8 @@ var isBoolean = (value) => typeof value === 'boolean';
 
 var isFileInput = (element) => element.type === 'file';
 
+var isFunction = (value) => typeof value === 'function';
+
 var isMessage = (value) => isString(value) || React.isValidElement(value);
 
 var isRadioInput = (element) => element.type === 'radio';
@@ -630,8 +656,8 @@ var validateField = async (field, inputValue, validateAllFieldCriteria, shouldUs
     }
     const inputRef = refs ? refs[0] : ref;
     const setCustomValidity = (message) => {
-        if (shouldUseNativeValidation && isString(message)) {
-            inputRef.setCustomValidity(message);
+        if (shouldUseNativeValidation && inputRef.reportValidity) {
+            inputRef.setCustomValidity(isBoolean(message) ? '' : message || '');
             inputRef.reportValidity();
         }
     };
@@ -802,42 +828,6 @@ function append(data, value) {
     return [...data, ...convertToArrayPayload(value)];
 }
 
-var isPlainObject = (tempObject) => {
-    const prototypeCopy = tempObject.constructor && tempObject.constructor.prototype;
-    return (isObject(prototypeCopy) && prototypeCopy.hasOwnProperty('isPrototypeOf'));
-};
-
-var isWeb = typeof window !== 'undefined' &&
-    typeof window.HTMLElement !== 'undefined' &&
-    typeof document !== 'undefined';
-
-function cloneObject(data) {
-    let copy;
-    const isArray = Array.isArray(data);
-    if (data instanceof Date) {
-        copy = new Date(data);
-    }
-    else if (data instanceof Set) {
-        copy = new Set(data);
-    }
-    else if (!(isWeb && (data instanceof Blob || data instanceof FileList)) &&
-        (isArray || isObject(data))) {
-        copy = isArray ? [] : {};
-        if (!Array.isArray(data) && !isPlainObject(data)) {
-            copy = data;
-        }
-        else {
-            for (const key in data) {
-                copy[key] = cloneObject(data[key]);
-            }
-        }
-    }
-    else {
-        return data;
-    }
-    return copy;
-}
-
 var fillEmptyArray = (value) => Array.isArray(value) ? value.map(() => undefined) : undefined;
 
 var getValidationModes = (mode) => ({
@@ -1224,6 +1214,15 @@ var isRadioOrCheckbox = (ref) => isRadioInput(ref) || isCheckBoxInput(ref);
 
 var live = (ref) => isHTMLElement(ref) && ref.isConnected;
 
+var objectHasFunction = (data) => {
+    for (const key in data) {
+        if (isFunction(data[key])) {
+            return true;
+        }
+    }
+    return false;
+};
+
 function markFieldsDirty(data, fields = {}) {
     const isParentNodeArray = Array.isArray(data);
     if (isObject(data) || isParentNodeArray) {
@@ -1689,7 +1688,7 @@ function createFormControl(props = {}) {
                 }
                 else {
                     fieldReference.ref.value = fieldValue;
-                    if (fieldReference._c) {
+                    if (!fieldReference.ref.type) {
                         _subjects.watch.next({
                             name,
                         });