react-hook-form 7.17.1 → 7.17.2

package/dist/index.esm.js

@@ -103,27 +103,33 @@ var shouldRenderFormState = (formStateData, _proxyFormState, isRoot) => {
 
 var convertToArrayPayload = (value) => Array.isArray(value) ? value : [value];
 
-function useSubscribe({ disabled, subject, callback }) {
-    const _subscription = React.useRef(subject);
-    const _unSubscribe = React.useRef();
-    if (disabled) {
-        if (_subscription.current) {
-            _unSubscribe.current && _unSubscribe.current.unsubscribe();
-            _subscription.current = _unSubscribe.current = undefined;
-        }
+const tearDown = (_unsubscribe) => {
+    if (_unsubscribe.current) {
+        _unsubscribe.current.unsubscribe();
+        _unsubscribe.current = undefined;
     }
-    else {
-        if (!_subscription.current) {
-            _subscription.current = subject;
-        }
-        if (!_unSubscribe.current && _subscription.current) {
-            _unSubscribe.current = _subscription.current.subscribe({
-                next: callback,
-            });
-        }
+};
+const updateSubscriptionProps = ({ _unsubscribe, props }) => () => {
+    if (props.disabled) {
+        tearDown(_unsubscribe);
     }
-    React.useEffect(() => () => {
-        _unSubscribe.current && _unSubscribe.current.unsubscribe();
+    else if (!_unsubscribe.current) {
+        _unsubscribe.current = props.subject.subscribe({
+            next: props.callback,
+        });
+    }
+};
+function useSubscribe(props) {
+    const _unsubscribe = React.useRef();
+    const _updateSubscription = React.useRef(() => { });
+    _updateSubscription.current = updateSubscriptionProps({
+        _unsubscribe,
+        props,
+    });
+    !props.skipEarlySubscription && _updateSubscription.current();
+    React.useEffect(() => {
+        _updateSubscription.current();
+        return () => tearDown(_unsubscribe);
     }, []);
 }
 
@@ -166,7 +172,7 @@ function useController(props) {
     useSubscribe({
         subject: control._subjects.control,
         callback: (data) => (!data.name || _name.current === data.name) &&
-            setInputStateValue(get(data.values, name)),
+            setInputStateValue(get(data.values, _name.current)),
     });
     const registerProps = control.register(name, Object.assign(Object.assign({}, props.rules), { value }));
     const updateMounted = React.useCallback((name, value) => {
@@ -366,15 +372,18 @@ const useFieldArray = (props) => {
     const { control = methods.control, name, keyName = 'id', shouldUnregister, } = props;
     const [fields, setFields] = React.useState(mapIds(control._getFieldArray(name), keyName));
     const _fieldIds = React.useRef(fields);
+    const _name = React.useRef(name);
+    _name.current = name;
     _fieldIds.current = fields;
     control._names.array.add(name);
     useSubscribe({
         callback: ({ values, name: fieldArrayName }) => {
-            if (fieldArrayName === name || !fieldArrayName) {
-                setFields(mapIds(get(values, name), keyName));
+            if (fieldArrayName === _name.current || !fieldArrayName) {
+                setFields(mapIds(get(values, _name.current), keyName));
             }
         },
         subject: control._subjects.array,
+        skipEarlySubscription: true,
     });
     const updateValues = React.useCallback((updatedFieldArrayValuesWithKey) => {
         const updatedFieldArrayValues = omitKeys(updatedFieldArrayValuesWithKey, keyName);
@@ -483,6 +492,8 @@ const useFieldArray = (props) => {
     };
 };
 
+var isFunction = (value) => typeof value === 'function';
+
 function cloneObject(data) {
     let copy;
     const isArray = Array.isArray(data);
@@ -495,6 +506,10 @@ function cloneObject(data) {
     else if (isArray || isObject(data)) {
         copy = isArray ? [] : {};
         for (const key in data) {
+            if (isFunction(data[key])) {
+                copy = data;
+                break;
+            }
             copy[key] = cloneObject(data[key]);
         }
     }
@@ -547,8 +562,6 @@ var getValidationModes = (mode) => ({
 
 var isBoolean = (value) => typeof value === 'boolean';
 
-var isFunction = (value) => typeof value === 'function';
-
 var isHTMLElement = (value) => value instanceof HTMLElement;
 
 var isMultipleSelect = (element) => element.type === `select-multiple`;
@@ -1324,8 +1337,8 @@ function createFormControl(props = {}) {
                 !field._f.deps) ||
                 skipValidation(isBlurEvent, get(_formState.touchedFields, name), _formState.isSubmitted, validationModeAfterSubmit, validationModeBeforeSubmit);
             const isWatched = isFieldWatched(name, isBlurEvent);
-            if (isBlurEvent && field._f.onBlur) {
-                field._f.onBlur(event);
+            if (isBlurEvent) {
+                field._f.onBlur && field._f.onBlur(event);
             }
             else if (field._f.onChange) {
                 field._f.onChange(event);
@@ -1558,10 +1571,13 @@ function createFormControl(props = {}) {
         }
     };
     const reset = (formValues, keepStateOptions = {}) => {
+        const hasUpdatedFormValues = !isEmptyObject(formValues);
         const updatedValues = formValues || _defaultValues;
         const cloneUpdatedValues = cloneObject(updatedValues);
+        if (!keepStateOptions.keepDefaultValues) {
+            _defaultValues = updatedValues;
+        }
         if (!keepStateOptions.keepValues) {
-            _formValues = props.shouldUnregister ? {} : cloneUpdatedValues;
             if (isWeb) {
                 for (const name of _names.mount) {
                     const field = get(_fields, name);
@@ -1578,16 +1594,10 @@ function createFormControl(props = {}) {
                     }
                 }
             }
-        }
-        if (!keepStateOptions.keepDefaultValues) {
-            _defaultValues = Object.assign({}, updatedValues);
-        }
-        if (!keepStateOptions.keepValues) {
+            _formValues = props.shouldUnregister ? {} : cloneUpdatedValues;
             _fields = {};
             _subjects.control.next({
-                values: keepStateOptions.keepDefaultValues
-                    ? _defaultValues
-                    : Object.assign({}, updatedValues),
+                values: hasUpdatedFormValues ? cloneUpdatedValues : _defaultValues,
             });
             _subjects.watch.next({});
             _subjects.array.next({