react-hook-form 7.43.3 → 7.43.4

package/dist/index.esm.mjs

@@ -393,7 +393,7 @@ function useController(props) {
         return () => {
             const _shouldUnregisterField = control._options.shouldUnregister || shouldUnregister;
             (isArrayField
-                ? _shouldUnregisterField && !control._stateFlags.action
+                ? _shouldUnregisterField && !control._state.action
                 : _shouldUnregisterField)
                 ? control.unregister(name)
                 : updateMounted(name, false);
@@ -1082,7 +1082,7 @@ function useFieldArray(props) {
         control._updateFieldArray(name, [...updatedFieldArrayValues], (data) => data, {}, true, false);
     };
     React.useEffect(() => {
-        control._stateFlags.action = false;
+        control._state.action = false;
         isWatched(name, control._names) &&
             control._subjects.state.next({
                 ...control._formState,
@@ -1116,7 +1116,7 @@ function useFieldArray(props) {
         }
         control._subjects.values.next({
             name,
-            values: control._formValues,
+            values: { ...control._formValues },
         });
         control._names.focus &&
             focusFieldBy(control._fields, (key) => !!key && key.startsWith(control._names.focus || ''));
@@ -1149,11 +1149,8 @@ function useFieldArray(props) {
 function createSubject() {
     let _observers = [];
     const next = (value) => {
-        let x = 0;
-        const l = _observers.length;
-        while (x < l) {
-            _observers[x].next(value);
-            ++x;
+        for (const observer of _observers) {
+            observer.next && observer.next(value);
         }
     };
     const subscribe = (observer) => {
@@ -1410,7 +1407,7 @@ function createFormControl(props = {}, flushRootRender) {
     let _formValues = _options.shouldUnregister
         ? {}
         : cloneObject(_defaultValues);
-    let _stateFlags = {
+    let _state = {
         action: false,
         mount: false,
         watch: false,
@@ -1423,7 +1420,6 @@ function createFormControl(props = {}, flushRootRender) {
     };
     let delayErrorCallback;
     let timer = 0;
-    const shouldCaptureDirtyFields = props.resetOptions && props.resetOptions.keepDirtyValues;
     const _proxyFormState = {
         isDirty: false,
         dirtyFields: false,
@@ -1437,6 +1433,7 @@ function createFormControl(props = {}, flushRootRender) {
         array: createSubject(),
         state: createSubject(),
     };
+    const shouldCaptureDirtyFields = props.resetOptions && props.resetOptions.keepDirtyValues;
     const validationModeBeforeSubmit = getValidationModes(_options.mode);
     const validationModeAfterSubmit = getValidationModes(_options.reValidateMode);
     const shouldDisplayAllAssociatedErrors = _options.criteriaMode === VALIDATION_MODE.all;
@@ -1462,7 +1459,7 @@ function createFormControl(props = {}, flushRootRender) {
         });
     const _updateFieldArray = (name, values = [], method, args, shouldSetValues = true, shouldUpdateFieldsAndState = true) => {
         if (args && method) {
-            _stateFlags.action = true;
+            _state.action = true;
             if (shouldUpdateFieldsAndState && Array.isArray(get(_fields, name))) {
                 const fieldValues = method(get(_fields, name), args.argA, args.argB);
                 shouldSetValues && set(_fields, name, fieldValues);
@@ -1509,7 +1506,7 @@ function createFormControl(props = {}, flushRootRender) {
                 shouldSkipSetValueAs
                 ? set(_formValues, name, shouldSkipSetValueAs ? defaultValue : getFieldValue(field._f))
                 : setFieldValue(name, defaultValue);
-            _stateFlags.mount && _updateValid();
+            _state.mount && _updateValid();
         }
     };
     const updateTouchAndDirty = (name, fieldValue, isBlurEvent, shouldDirty, shouldRender) => {
@@ -1582,7 +1579,7 @@ function createFormControl(props = {}, flushRootRender) {
         }
         _updateIsValidating(false);
     };
-    const _executeSchema = async (name) => await _options.resolver(_formValues, _options.context, getResolverOptions(name || _names.mount, _fields, _options.criteriaMode, _options.shouldUseNativeValidation));
+    const _executeSchema = async (name) => _options.resolver(_formValues, _options.context, getResolverOptions(name || _names.mount, _fields, _options.criteriaMode, _options.shouldUseNativeValidation));
     const executeSchemaAndUpdateState = async (names) => {
         const { errors } = await _executeSchema();
         if (names) {
@@ -1641,7 +1638,7 @@ function createFormControl(props = {}, flushRootRender) {
     const _getDirty = (name, data) => (name && data && set(_formValues, name, data),
         !deepEqual(getValues(), _defaultValues));
     const _getWatch = (names, defaultValue, isGlobal) => generateWatchOutput(names, _names, {
-        ...(_stateFlags.mount
+        ...(_state.mount
             ? _formValues
             : isUndefined(defaultValue)
                 ? _defaultValues
@@ -1649,7 +1646,7 @@ function createFormControl(props = {}, flushRootRender) {
                     ? { [names]: defaultValue }
                     : defaultValue),
     }, isGlobal, defaultValue);
-    const _getFieldArray = (name) => compact(get(_stateFlags.mount ? _formValues : _defaultValues, name, props.shouldUnregister ? get(_defaultValues, name, []) : []));
+    const _getFieldArray = (name) => compact(get(_state.mount ? _formValues : _defaultValues, name, props.shouldUnregister ? get(_defaultValues, name, []) : []));
     const setFieldValue = (name, value, options = {}) => {
         const field = get(_fields, name);
         let fieldValue = value;
@@ -1739,7 +1736,7 @@ function createFormControl(props = {}, flushRootRender) {
             name,
             values: { ..._formValues },
         });
-        !_stateFlags.mount && flushRootRender();
+        !_state.mount && flushRootRender();
     };
     const onChange = async (event) => {
         const target = event.target;
@@ -1841,7 +1838,7 @@ function createFormControl(props = {}, flushRootRender) {
     const getValues = (fieldNames) => {
         const values = {
             ..._defaultValues,
-            ...(_stateFlags.mount ? _formValues : {}),
+            ...(_state.mount ? _formValues : {}),
         };
         return isUndefined(fieldNames)
             ? values
@@ -1979,7 +1976,7 @@ function createFormControl(props = {}, flushRootRender) {
                         field._f.mount = false;
                     }
                     (_options.shouldUnregister || options.shouldUnregister) &&
-                        !(isNameInFieldArray(_names.array, name) && _stateFlags.action) &&
+                        !(isNameInFieldArray(_names.array, name) && _state.action) &&
                         _names.unMount.add(name);
                 }
             },
@@ -2094,10 +2091,10 @@ function createFormControl(props = {}, flushRootRender) {
                     : {}
                 : cloneUpdatedValues;
             _subjects.array.next({
-                values,
+                values: { ...values },
             });
             _subjects.values.next({
-                values,
+                values: { ...values },
             });
         }
         _names = {
@@ -2108,10 +2105,9 @@ function createFormControl(props = {}, flushRootRender) {
             watchAll: false,
             focus: '',
         };
-        !_stateFlags.mount && flushRootRender();
-        _stateFlags.mount =
-            !_proxyFormState.isValid || !!keepStateOptions.keepIsValid;
-        _stateFlags.watch = !!props.shouldUnregister;
+        !_state.mount && flushRootRender();
+        _state.mount = !_proxyFormState.isValid || !!keepStateOptions.keepIsValid;
+        _state.watch = !!props.shouldUnregister;
         _subjects.state.next({
             submitCount: keepStateOptions.keepSubmitCount
                 ? _formState.submitCount
@@ -2188,11 +2184,11 @@ function createFormControl(props = {}, flushRootRender) {
             get _formValues() {
                 return _formValues;
             },
-            get _stateFlags() {
-                return _stateFlags;
+            get _state() {
+                return _state;
             },
-            set _stateFlags(value) {
-                _stateFlags = value;
+            set _state(value) {
+                _state = value;
             },
             get _defaultValues() {
                 return _defaultValues;
@@ -2304,12 +2300,12 @@ function useForm(props = {}) {
         }
     }, [props.values, control]);
     React.useEffect(() => {
-        if (!control._stateFlags.mount) {
+        if (!control._state.mount) {
             control._updateValid();
-            control._stateFlags.mount = true;
+            control._state.mount = true;
         }
-        if (control._stateFlags.watch) {
-            control._stateFlags.watch = false;
+        if (control._state.watch) {
+            control._state.watch = false;
             control._subjects.state.next({ ...control._formState });
         }
         control._removeUnmounted();