react-hook-form 7.44.0-rc.1 → 7.44.0-rc.4

package/dist/index.esm.mjs

@@ -44,12 +44,14 @@ function cloneObject(data) {
     else if (!(isWeb && (data instanceof Blob || data instanceof FileList)) &&
         (isArray || isObject(data))) {
         copy = isArray ? [] : {};
-        if (!Array.isArray(data) && !isPlainObject(data)) {
+        if (!isArray && !isPlainObject(data)) {
             copy = data;
         }
         else {
             for (const key in data) {
-                copy[key] = cloneObject(data[key]);
+                if (Object.hasOwn(data, key)) {
+                    copy[key] = cloneObject(data[key]);
+                }
             }
         }
     }
@@ -405,6 +407,7 @@ function useController(props) {
         ...props.rules,
         value,
     }));
+    _registerProps.current = control.register(name, props.rules);
     React__default.useEffect(() => {
         const _shouldUnregisterField = control._options.shouldUnregister || shouldUnregister;
         const updateMounted = (name, value) => {
@@ -543,7 +546,7 @@ const POST_REQUEST = 'post';
  *       <input {...register("name")} />
  *       <p>{errors?.root?.server && 'Server error'}</p>
  *       <button>Submit</button>
- *     </form>
+ *     </Form>
  *   );
  * }
  * ```
@@ -551,49 +554,49 @@ const POST_REQUEST = 'post';
 function Form(props) {
     const methods = useFormContext();
     const [mounted, setMounted] = React.useState(false);
-    const { control = methods.control, onSubmit, children, action, method = POST_REQUEST, headers, encType, onError, render, onSuccess, validateStatus, fetcher, ...rest } = props;
+    const { control = methods.control, onSubmit, children, action, method = POST_REQUEST, headers, encType, onError, render, onSuccess, validateStatus, ...rest } = props;
     const submit = async (event) => {
         let serverError = false;
-        await control.handleSubmit(async (values) => {
+        await control.handleSubmit(async (data) => {
             const formData = new FormData();
             let formDataJson = '';
             try {
-                formDataJson = JSON.stringify(values);
+                formDataJson = JSON.stringify(data);
             }
             catch (_a) { }
-            control._names.mount.forEach((name) => formData.append(name, get(values, name)));
-            onSubmit && onSubmit(values);
+            for (const name of control._names.mount) {
+                formData.append(name, get(data, name));
+            }
+            if (onSubmit) {
+                onSubmit({
+                    data,
+                    event,
+                    action,
+                    method,
+                    formData,
+                    formDataJson,
+                });
+            }
             if (action) {
                 try {
-                    if (fetcher) {
-                        await fetcher(action, {
-                            method,
-                            values,
-                            event,
-                            formData,
-                            formDataJson,
-                        });
+                    const shouldStringifySubmissionData = headers && headers['Content-Type'].includes('json');
+                    const response = await fetch(action, {
+                        method,
+                        headers: {
+                            ...headers,
+                            ...(encType ? { 'Content-Type': encType } : {}),
+                        },
+                        body: shouldStringifySubmissionData ? formDataJson : formData,
+                    });
+                    if (response &&
+                        (validateStatus
+                            ? !validateStatus(response.status)
+                            : response.status < 200 || response.status >= 300)) {
+                        serverError = true;
+                        onError && onError({ response });
                     }
                     else {
-                        const shouldStringifySubmissionData = headers && headers['Content-Type'].includes('json');
-                        const response = await fetch(action, {
-                            method,
-                            headers: {
-                                ...headers,
-                                ...(encType ? { 'Content-Type': encType } : {}),
-                            },
-                            body: shouldStringifySubmissionData ? formDataJson : formData,
-                        });
-                        if (response &&
-                            (validateStatus
-                                ? !validateStatus(response.status)
-                                : response.status < 200 || response.status >= 300)) {
-                            serverError = true;
-                            onError && onError({ response });
-                        }
-                        else {
-                            onSuccess && onSuccess({ response });
-                        }
+                        onSuccess && onSuccess({ response });
                     }
                 }
                 catch (error) {
@@ -876,7 +879,7 @@ var validateField = async (field, formValues, validateAllFieldCriteria, shouldUs
             }
         }
     }
-    if (pattern && !isEmpty && isString(inputValue)) {
+    if (pattern && isString(inputValue)) {
         const { value: patternValue, message } = getValueAndMessage(pattern);
         if (isRegex(patternValue) && !inputValue.match(patternValue)) {
             error[name] = {
@@ -995,7 +998,7 @@ function baseGet(object, updatePath) {
 }
 function isEmptyArray(obj) {
     for (const key in obj) {
-        if (!isUndefined(obj[key])) {
+        if (Object.hasOwn(obj, key) && !isUndefined(obj[key])) {
             return false;
         }
     }
@@ -2029,7 +2032,7 @@ function createFormControl(props = {}, flushRootRender) {
             : updateValidAndValue(name, true, options.value);
         return {
             ...(disabledIsDefined ? { disabled: options.disabled } : {}),
-            ...(_options.shouldUseNativeValidation || _options.progressive
+            ...(_options.progressive
                 ? {
                     required: !!options.required,
                     min: getRuleValue(options.min),