react-hook-form 7.57.0 → 7.58.0

package/dist/index.esm.mjs

@@ -62,15 +62,19 @@ function cloneObject(data) {
     return copy;
 }
 
-var compact = (value) => Array.isArray(value) ? value.filter(Boolean) : [];
+var isKey = (value) => /^\w*$/.test(value);
 
 var isUndefined = (val) => val === undefined;
 
+var compact = (value) => Array.isArray(value) ? value.filter(Boolean) : [];
+
+var stringToPath = (input) => compact(input.replace(/["|']|\]/g, '').split(/\.|\[/));
+
 var get = (object, path, defaultValue) => {
     if (!path || !isObject(object)) {
         return defaultValue;
     }
-    const result = compact(path.split(/[,[\].]+?/)).reduce((result, key) => isNullOrUndefined(result) ? result : result[key], object);
+    const result = (isKey(path) ? [path] : stringToPath(path)).reduce((result, key) => isNullOrUndefined(result) ? result : result[key], object);
     return isUndefined(result) || result === object
         ? isUndefined(object[path])
             ? defaultValue
@@ -80,10 +84,6 @@ var get = (object, path, defaultValue) => {
 
 var isBoolean = (value) => typeof value === 'boolean';
 
-var isKey = (value) => /^\w*$/.test(value);
-
-var stringToPath = (input) => compact(input.replace(/["|']|\]/g, '').split(/\.|\[/));
-
 var set = (object, path, value) => {
     let index = -1;
     const tempPath = isKey(path) ? [path] : stringToPath(path);
@@ -132,6 +132,7 @@ const INPUT_VALIDATION_RULES = {
 };
 
 const HookFormContext = React__default.createContext(null);
+HookFormContext.displayName = 'HookFormContext';
 /**
  * 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}.
  *
@@ -2290,6 +2291,9 @@ function createFormControl(props = {}) {
 }
 
 var generateId = () => {
+    if (!isUndefined(crypto) && crypto.randomUUID) {
+        return crypto.randomUUID();
+    }
     const d = typeof performance === 'undefined' ? Date.now() : performance.now() * 1000;
     return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
         const r = (Math.random() * 16 + d) % 16 | 0;
@@ -2405,7 +2409,7 @@ function useFieldArray(props) {
     control._names.array.add(name);
     rules &&
         control.register(name, rules);
-    React__default.useEffect(() => control._subjects.array.subscribe({
+    useIsomorphicLayoutEffect(() => control._subjects.array.subscribe({
         next: ({ values, name: fieldArrayName, }) => {
             if (fieldArrayName === _name.current || !fieldArrayName) {
                 const fieldValues = get(values, _name.current);
@@ -2647,14 +2651,21 @@ function useForm(props = {}) {
             : props.defaultValues,
     });
     if (!_formControl.current) {
-        _formControl.current = {
-            ...(props.formControl ? props.formControl : createFormControl(props)),
-            formState,
-        };
-        if (props.formControl &&
-            props.defaultValues &&
-            !isFunction(props.defaultValues)) {
-            props.formControl.reset(props.defaultValues, props.resetOptions);
+        if (props.formControl) {
+            _formControl.current = {
+                ...props.formControl,
+                formState,
+            };
+            if (props.defaultValues && !isFunction(props.defaultValues)) {
+                props.formControl.reset(props.defaultValues, props.resetOptions);
+            }
+        }
+        else {
+            const { formControl, ...rest } = createFormControl(props);
+            _formControl.current = {
+                ...rest,
+                formState,
+            };
         }
     }
     const control = _formControl.current.control;