@bombillazo/rhf-plus 7.56.3-plus.2 → 7.57.0-plus.0

package/dist/index.esm.mjs

@@ -266,7 +266,7 @@ function useFormState(props) {
         errors: false,
     });
     useIsomorphicLayoutEffect(() => control._subscribe({
-        name: name,
+        name,
         formState: _localProxyFormState.current,
         exact,
         callback: (formState) => {
@@ -319,7 +319,7 @@ function useWatch(props) {
     const _defaultValue = React__default.useRef(defaultValue);
     const [value, updateValue] = React__default.useState(control._getWatch(name, _defaultValue.current));
     useIsomorphicLayoutEffect(() => control._subscribe({
-        name: name,
+        name,
         formState: {
             values: true,
         },
@@ -419,8 +419,8 @@ function useController(props) {
         const field = get(control._fields, name);
         if (field && elm) {
             field._f.ref = {
-                focus: () => elm.focus(),
-                select: () => elm.select(),
+                focus: () => elm.focus && elm.focus(),
+                select: () => elm.select && elm.select(),
                 setCustomValidity: (message) => elm.setCustomValidity(message),
                 reportValidity: () => elm.reportValidity(),
             };
@@ -1039,6 +1039,12 @@ function schemaErrorLookup(errors, _fields, name) {
                 error: foundError,
             };
         }
+        if (foundError && foundError.root && foundError.root.type) {
+            return {
+                name: `${fieldName}.root`,
+                error: foundError.root,
+            };
+        }
         names.pop();
     }
     return {
@@ -1354,8 +1360,6 @@ function createFormControl(props = {}) {
         array: createSubject(),
         state: createSubject(),
     };
-    const validationModeBeforeSubmit = getValidationModes(_options.mode);
-    const validationModeAfterSubmit = getValidationModes(_options.reValidateMode);
     const shouldDisplayAllAssociatedErrors = _options.criteriaMode === VALIDATION_MODE.all;
     const id = createId(props.id);
     const debounce = (callback) => (wait) => {
@@ -1627,13 +1631,17 @@ function createFormControl(props = {}) {
                 }
                 else if (fieldReference.refs) {
                     if (isCheckBoxInput(fieldReference.ref)) {
-                        fieldReference.refs.length > 1
-                            ? fieldReference.refs.forEach((checkboxRef) => (!checkboxRef.defaultChecked || !checkboxRef.disabled) &&
-                                (checkboxRef.checked = Array.isArray(fieldValue)
-                                    ? !!fieldValue.find((data) => data === checkboxRef.value)
-                                    : fieldValue === checkboxRef.value))
-                            : fieldReference.refs[0] &&
-                                (fieldReference.refs[0].checked = !!fieldValue);
+                        fieldReference.refs.forEach((checkboxRef) => {
+                            if (!checkboxRef.defaultChecked || !checkboxRef.disabled) {
+                                if (Array.isArray(fieldValue)) {
+                                    checkboxRef.checked = !!fieldValue.find((data) => data === checkboxRef.value);
+                                }
+                                else {
+                                    checkboxRef.checked =
+                                        fieldValue === checkboxRef.value || !!fieldValue;
+                                }
+                            }
+                        });
                     }
                     else {
                         fieldReference.refs.forEach((radioRef) => (radioRef.checked = radioRef.value === fieldValue));
@@ -1659,8 +1667,11 @@ function createFormControl(props = {}) {
     };
     const setValues = (name, value, options) => {
         for (const fieldKey in value) {
+            if (!value.hasOwnProperty(fieldKey)) {
+                return;
+            }
             const fieldValue = value[fieldKey];
-            const fieldName = `${name}.${fieldKey}`;
+            const fieldName = name + '.' + fieldKey;
             const field = get(_fields, fieldName);
             (_names.array.has(name) ||
                 isObject(fieldValue) ||
@@ -1715,6 +1726,8 @@ function createFormControl(props = {}) {
                     (isDateObject(fieldValue) && isNaN(fieldValue.getTime())) ||
                     deepEqual(fieldValue, get(_formValues, name, fieldValue));
         };
+        const validationModeBeforeSubmit = getValidationModes(_options.mode);
+        const validationModeAfterSubmit = getValidationModes(_options.reValidateMode);
         if (field) {
             let error;
             let isValid;
@@ -2300,6 +2313,7 @@ function createFormControl(props = {}) {
             setError,
             _subscribe,
             _runSchema,
+            _focusError,
             _getWatch,
             _getDirty,
             _setValid,
@@ -2771,10 +2785,13 @@ function useForm(props = {}) {
         if (props.reValidateMode) {
             control._options.reValidateMode = props.reValidateMode;
         }
-        if (props.errors && !isEmptyObject(props.errors)) {
+    }, [control, props.mode, props.reValidateMode]);
+    React__default.useEffect(() => {
+        if (props.errors) {
             control._setErrors(props.errors);
+            control._focusError();
         }
-    }, [control, props.errors, props.mode, props.reValidateMode]);
+    }, [control, props.errors]);
     React__default.useEffect(() => {
         props.shouldUnregister &&
             control._subjects.state.next({