react-hook-form 7.27.1 → 7.28.1

package/dist/index.esm.mjs

@@ -733,13 +733,14 @@ function useFieldArray(props) {
         }, false);
     };
     const update = (index, value) => {
-        const updatedFieldArrayValues = updateAt(control._getFieldArray(name), index, value);
+        const updateValue = cloneObject(value);
+        const updatedFieldArrayValues = updateAt(control._getFieldArray(name), index, updateValue);
         ids.current = [...updatedFieldArrayValues].map((item, i) => !item || i === index ? generateId() : ids.current[i]);
         updateValues(updatedFieldArrayValues);
         setFields([...updatedFieldArrayValues]);
         control._updateFieldArray(name, updatedFieldArrayValues, updateAt, {
             argA: index,
-            argB: value,
+            argB: updateValue,
         }, true, false);
     };
     const replace = (value) => {
@@ -909,9 +910,7 @@ function unset(object, path) {
             if (currentPathsLength === index &&
                 ((isObject(objectRef) && isEmptyObject(objectRef)) ||
                     (Array.isArray(objectRef) &&
-                        !objectRef.filter((data) => (isObject(data) && !isEmptyObject(data)) ||
-                            isBoolean(data) ||
-                            (Array.isArray(data) && data.length)).length))) {
+                        !objectRef.filter((data) => !isUndefined(data)).length))) {
                 previousObjRef ? delete previousObjRef[item] : delete object[item];
             }
             previousObjRef = objectRef;
@@ -1344,21 +1343,22 @@ function createFormControl(props = {}) {
         }
         return isValid;
     };
-    const _updateFieldArray = (name, values = [], method, args, shouldSetValues = true, shouldUpdateFieldsAndErrors = true) => {
+    const _updateFieldArray = (name, values = [], method, args, shouldSetValues = true, shouldUpdateFieldsAndState = true) => {
         if (args && method) {
             _stateFlags.action = true;
-            if (shouldUpdateFieldsAndErrors && Array.isArray(get(_fields, name))) {
+            if (shouldUpdateFieldsAndState && Array.isArray(get(_fields, name))) {
                 const fieldValues = method(get(_fields, name), args.argA, args.argB);
                 shouldSetValues && set(_fields, name, fieldValues);
             }
             if (_proxyFormState.errors &&
-                shouldUpdateFieldsAndErrors &&
+                shouldUpdateFieldsAndState &&
                 Array.isArray(get(_formState.errors, name))) {
                 const errors = method(get(_formState.errors, name), args.argA, args.argB);
                 shouldSetValues && set(_formState.errors, name, errors);
                 unsetEmptyArray(_formState.errors, name);
             }
             if (_proxyFormState.touchedFields &&
+                shouldUpdateFieldsAndState &&
                 Array.isArray(get(_formState.touchedFields, name))) {
                 const touchedFields = method(get(_formState.touchedFields, name), args.argA, args.argB);
                 shouldSetValues && set(_formState.touchedFields, name, touchedFields);
@@ -1545,9 +1545,10 @@ function createFormControl(props = {}) {
                 else if (fieldReference.refs) {
                     if (isCheckBoxInput(fieldReference.ref)) {
                         fieldReference.refs.length > 1
-                            ? fieldReference.refs.forEach((checkboxRef) => (checkboxRef.checked = Array.isArray(fieldValue)
-                                ? !!fieldValue.find((data) => data === checkboxRef.value)
-                                : fieldValue === checkboxRef.value))
+                            ? fieldReference.refs.forEach((checkboxRef) => !checkboxRef.disabled &&
+                                (checkboxRef.checked = Array.isArray(fieldValue)
+                                    ? !!fieldValue.find((data) => data === checkboxRef.value)
+                                    : fieldValue === checkboxRef.value))
                             : fieldReference.refs[0] &&
                                 (fieldReference.refs[0].checked = !!fieldValue);
                     }
@@ -1667,7 +1668,8 @@ function createFormControl(props = {}) {
                 error = (await validateField(field, get(_formValues, name), shouldDisplayAllAssociatedErrors, _options.shouldUseNativeValidation))[name];
                 isValid = await _updateValid(true);
             }
-            field._f.deps && trigger(field._f.deps);
+            field._f.deps &&
+                trigger(field._f.deps);
             shouldRenderByError(false, name, isValid, error, fieldState);
         }
     };
@@ -1804,7 +1806,7 @@ function createFormControl(props = {}) {
                     set(_fields, name, {
                         _f: Object.assign(Object.assign({}, field._f), (radioOrCheckbox
                             ? {
-                                refs: refs.concat(fieldRef).filter(live),
+                                refs: [...refs.filter(live), fieldRef],
                                 ref: { type: fieldRef.type, name },
                             }
                             : { ref: fieldRef })),