react-hook-form 7.44.3-beta.1 → 7.44.3

package/dist/index.esm.mjs

@@ -1,5 +1,4 @@
-import * as React from 'react';
-import React__default from 'react';
+import React from 'react';
 
 var isCheckBoxInput = (element) => element.type === 'checkbox';
 
@@ -99,7 +98,7 @@ const INPUT_VALIDATION_RULES = {
     validate: 'validate',
 };
 
-const HookFormContext = React__default.createContext(null);
+const HookFormContext = React.createContext(null);
 /**
  * This custom hook allows you to access the form context. useFormContext is intended to be used in deeply nested structures, where it would become inconvenient to pass the context as a prop. To be used with {@link FormProvider}.
  *
@@ -130,7 +129,7 @@ const HookFormContext = React__default.createContext(null);
  * }
  * ```
  */
-const useFormContext = () => React__default.useContext(HookFormContext);
+const useFormContext = () => React.useContext(HookFormContext);
 /**
  * A provider component that propagates the `useForm` methods to all children components via [React Context](https://reactjs.org/docs/context.html) API. To be used with {@link useFormContext}.
  *
@@ -163,7 +162,7 @@ const useFormContext = () => React__default.useContext(HookFormContext);
  */
 const FormProvider = (props) => {
     const { children, ...data } = props;
-    return (React__default.createElement(HookFormContext.Provider, { value: data }, children));
+    return (React.createElement(HookFormContext.Provider, { value: data }, children));
 };
 
 var getProxyFormState = (formState, control, localProxyFormState, isRoot = true) => {
@@ -208,9 +207,9 @@ var shouldSubscribeByName = (name, signalName, exact) => exact && signalName
                 signalName.startsWith(currentName)));
 
 function useSubscribe(props) {
-    const _props = React__default.useRef(props);
+    const _props = React.useRef(props);
     _props.current = props;
-    React__default.useEffect(() => {
+    React.useEffect(() => {
         const subscription = !props.disabled &&
             _props.current.subject &&
             _props.current.subject.subscribe({
@@ -255,9 +254,9 @@ function useSubscribe(props) {
 function useFormState(props) {
     const methods = useFormContext();
     const { control = methods.control, disabled, name, exact } = props || {};
-    const [formState, updateFormState] = React__default.useState(control._formState);
-    const _mounted = React__default.useRef(true);
-    const _localProxyFormState = React__default.useRef({
+    const [formState, updateFormState] = React.useState(control._formState);
+    const _mounted = React.useRef(true);
+    const _localProxyFormState = React.useRef({
         isDirty: false,
         isLoading: false,
         dirtyFields: false,
@@ -266,7 +265,7 @@ function useFormState(props) {
         isValid: false,
         errors: false,
     });
-    const _name = React__default.useRef(name);
+    const _name = React.useRef(name);
     _name.current = name;
     useSubscribe({
         disabled,
@@ -279,7 +278,7 @@ function useFormState(props) {
             }),
         subject: control._subjects.state,
     });
-    React__default.useEffect(() => {
+    React.useEffect(() => {
         _mounted.current = true;
         _localProxyFormState.current.isValid && control._updateValid(true);
         return () => {
@@ -322,7 +321,7 @@ var generateWatchOutput = (names, _names, formValues, isGlobal, defaultValue) =>
 function useWatch(props) {
     const methods = useFormContext();
     const { control = methods.control, name, defaultValue, disabled, exact, } = props || {};
-    const _name = React__default.useRef(name);
+    const _name = React.useRef(name);
     _name.current = name;
     useSubscribe({
         disabled,
@@ -333,8 +332,8 @@ function useWatch(props) {
             }
         },
     });
-    const [value, updateValue] = React__default.useState(control._getWatch(name, defaultValue));
-    React__default.useEffect(() => control._removeUnmounted());
+    const [value, updateValue] = React.useState(control._getWatch(name, defaultValue));
+    React.useEffect(() => control._removeUnmounted());
     return value;
 }
 
@@ -403,12 +402,12 @@ function useController(props) {
         control,
         name,
     });
-    const _registerProps = React__default.useRef(control.register(name, {
+    const _registerProps = React.useRef(control.register(name, {
         ...props.rules,
         value,
     }));
     _registerProps.current = control.register(name, props.rules);
-    React__default.useEffect(() => {
+    React.useEffect(() => {
         const _shouldUnregisterField = control._options.shouldUnregister || shouldUnregister;
         const updateMounted = (name, value) => {
             const field = get(control._fields, name);
@@ -436,14 +435,14 @@ function useController(props) {
         field: {
             name,
             value,
-            onChange: React__default.useCallback((event) => _registerProps.current.onChange({
+            onChange: React.useCallback((event) => _registerProps.current.onChange({
                 target: {
                     value: getEventValue(event),
                     name: name,
                 },
                 type: EVENTS.CHANGE,
             }), [name]),
-            onBlur: React__default.useCallback(() => _registerProps.current.onBlur({
+            onBlur: React.useCallback(() => _registerProps.current.onBlur({
                 target: {
                     value: get(control._formValues, name),
                     name: name,
@@ -1076,11 +1075,11 @@ var updateAt = (fieldValues, index, value) => {
 function useFieldArray(props) {
     const methods = useFormContext();
     const { control = methods.control, name, keyName = 'id', shouldUnregister, } = props;
-    const [fields, setFields] = React__default.useState(control._getFieldArray(name));
-    const ids = React__default.useRef(control._getFieldArray(name).map(generateId));
-    const _fieldIds = React__default.useRef(fields);
-    const _name = React__default.useRef(name);
-    const _actioned = React__default.useRef(false);
+    const [fields, setFields] = React.useState(control._getFieldArray(name));
+    const ids = React.useRef(control._getFieldArray(name).map(generateId));
+    const _fieldIds = React.useRef(fields);
+    const _name = React.useRef(name);
+    const _actioned = React.useRef(false);
     _name.current = name;
     _fieldIds.current = fields;
     control._names.array.add(name);
@@ -1098,7 +1097,7 @@ function useFieldArray(props) {
         },
         subject: control._subjects.array,
     });
-    const updateValues = React__default.useCallback((updatedFieldArrayValues) => {
+    const updateValues = React.useCallback((updatedFieldArrayValues) => {
         _actioned.current = true;
         control._updateFieldArray(name, updatedFieldArrayValues);
     }, [control, name]);
@@ -1185,7 +1184,7 @@ function useFieldArray(props) {
         setFields([...updatedFieldArrayValues]);
         control._updateFieldArray(name, [...updatedFieldArrayValues], (data) => data, {}, true, false);
     };
-    React__default.useEffect(() => {
+    React.useEffect(() => {
         control._state.action = false;
         isWatched(name, control._names) &&
             control._subjects.state.next({
@@ -1232,7 +1231,7 @@ function useFieldArray(props) {
         control._names.focus = '';
         control._updateValid();
     }, [fields, name, control]);
-    React__default.useEffect(() => {
+    React.useEffect(() => {
         !get(control._formValues, name) && control._updateFieldArray(name);
         return () => {
             (control._options.shouldUnregister || shouldUnregister) &&
@@ -1240,15 +1239,15 @@ function useFieldArray(props) {
         };
     }, [name, control, keyName, shouldUnregister]);
     return {
-        swap: React__default.useCallback(swap, [updateValues, name, control]),
-        move: React__default.useCallback(move, [updateValues, name, control]),
-        prepend: React__default.useCallback(prepend$1, [updateValues, name, control]),
-        append: React__default.useCallback(append$1, [updateValues, name, control]),
-        remove: React__default.useCallback(remove, [updateValues, name, control]),
-        insert: React__default.useCallback(insert$1, [updateValues, name, control]),
-        update: React__default.useCallback(update, [updateValues, name, control]),
-        replace: React__default.useCallback(replace, [updateValues, name, control]),
-        fields: React__default.useMemo(() => fields.map((field, index) => ({
+        swap: React.useCallback(swap, [updateValues, name, control]),
+        move: React.useCallback(move, [updateValues, name, control]),
+        prepend: React.useCallback(prepend$1, [updateValues, name, control]),
+        append: React.useCallback(append$1, [updateValues, name, control]),
+        remove: React.useCallback(remove, [updateValues, name, control]),
+        insert: React.useCallback(insert$1, [updateValues, name, control]),
+        update: React.useCallback(update, [updateValues, name, control]),
+        replace: React.useCallback(replace, [updateValues, name, control]),
+        fields: React.useMemo(() => fields.map((field, index) => ({
             ...field,
             [keyName]: ids.current[index] || generateId(),
         })), [fields, keyName]),
@@ -2378,8 +2377,8 @@ function createFormControl(props = {}, flushRootRender) {
  * ```
  */
 function useForm(props = {}) {
-    const _formControl = React__default.useRef();
-    const [formState, updateFormState] = React__default.useState({
+    const _formControl = React.useRef();
+    const [formState, updateFormState] = React.useState({
         isDirty: false,
         isValidating: false,
         isLoading: isFunction(props.defaultValues),
@@ -2411,7 +2410,7 @@ function useForm(props = {}) {
             }
         },
     });
-    React__default.useEffect(() => {
+    React.useEffect(() => {
         if (props.values && !deepEqual(props.values, control._defaultValues)) {
             control._reset(props.values, control._options.resetOptions);
         }
@@ -2419,7 +2418,7 @@ function useForm(props = {}) {
             control._resetDefaultValues();
         }
     }, [props.values, control]);
-    React__default.useEffect(() => {
+    React.useEffect(() => {
         if (!control._state.mount) {
             control._updateValid();
             control._state.mount = true;