react-hook-form 7.44.0-next.1 → 7.44.0-rc.1

package/README.md

@@ -66,41 +66,23 @@ function App() {
 
 Thanks go to these kind and lovely sponsors!
 
-<a
-    target = _blank
-    href = 'https://wantedlyinc.com'
-/>
-<img
-        width = 94
-        src = 'https://images.opencollective.com/wantedly/d94e44e/logo/256.png'
-    />
+<a target="_blank" href='https://wantedlyinc.com'>
+    <img width="94" src="https://images.opencollective.com/wantedly/d94e44e/logo/256.png" />
 </a>
-<a
-    target = _blank
-    href = 'https://graphcms.com'
-/>
-<img
-        width = 94
-        src = 'https://avatars.githubusercontent.com/u/31031438'
-    />
+<a target="_blank" href='https://toss.im'>
+    <img width="94" src="https://images.opencollective.com/toss/3ed69b3/logo/256.png" />
 </a>
-<a
-    target = _blank
-    href = 'https://kanamekey.com'
-/>
-<img
-        width = 94
-        src = 'https://images.opencollective.com/kaname/d15fd98/logo/256.png'
-    />
+<a target="_blank" href="https://graphcms.com">
+    <img width="94" src="https://avatars.githubusercontent.com/u/31031438" />
 </a>
-<a
-    target = _blank
-    href = 'https://formcarry.com/'
-/>
-<img
-        width = 94
-        src = 'https://images.opencollective.com/formcarry/a40a4ea/logo/256.png'
-    />
+<a target="_blank" href="https://www.beekai.com/">
+    <img width="94" src="https://www.beekai.com/marketing/logo/logo.svg" />
+</a>
+<a target="_blank" href="https://kanamekey.com">
+    <img width="94" src="https://images.opencollective.com/kaname/d15fd98/logo/256.png" />
+</a>
+<a target="_blank" href="https://formcarry.com/">
+    <img width="94" src="https://images.opencollective.com/formcarry/a40a4ea/logo/256.png" />
 </a>
 
 ### Backers

package/dist/__tests__/controller.server.test.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=controller.server.test.d.ts.map

package/dist/__tests__/controller.test.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=controller.test.d.ts.map

package/dist/__tests__/form.test.d.ts

@@ -1,2 +1,2 @@
-import 'whatwg-fetch';
+import 'whatwg-fetch';
 //# sourceMappingURL=form.test.d.ts.map

package/dist/__tests__/logic/validateField.test.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=validateField.test.d.ts.map

package/dist/__tests__/type.test.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=type.test.d.ts.map

package/dist/__tests__/useController.test.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=useController.test.d.ts.map

package/dist/__tests__/useFieldArray/append.test.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=append.test.d.ts.map

package/dist/__tests__/useFieldArray/focus.test.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=focus.test.d.ts.map

package/dist/__tests__/useFieldArray/insert.test.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=insert.test.d.ts.map

package/dist/__tests__/useFieldArray/move.test.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=move.test.d.ts.map

package/dist/__tests__/useFieldArray/prepend.test.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=prepend.test.d.ts.map

package/dist/__tests__/useFieldArray/remove.test.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=remove.test.d.ts.map

package/dist/__tests__/useFieldArray/replace.test.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=replace.test.d.ts.map

package/dist/__tests__/useFieldArray/swap.test.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=swap.test.d.ts.map

package/dist/__tests__/useFieldArray/update.test.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=update.test.d.ts.map

package/dist/__tests__/useFieldArray.test.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=useFieldArray.test.d.ts.map

package/dist/__tests__/useForm/clearErrors.test.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=clearErrors.test.d.ts.map

package/dist/__tests__/useForm/formState.test.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=formState.test.d.ts.map

package/dist/__tests__/useForm/getFieldState.test.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=getFieldState.test.d.ts.map

package/dist/__tests__/useForm/getValues.test.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=getValues.test.d.ts.map

package/dist/__tests__/useForm/handleSubmit.test.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=handleSubmit.test.d.ts.map

package/dist/__tests__/useForm/register.test.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=register.test.d.ts.map

package/dist/__tests__/useForm/reset.test.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=reset.test.d.ts.map

package/dist/__tests__/useForm/resetField.test.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=resetField.test.d.ts.map

package/dist/__tests__/useForm/resolver.test.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=resolver.test.d.ts.map

package/dist/__tests__/useForm/setError.test.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=setError.test.d.ts.map

package/dist/__tests__/useForm/setValue.test.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=setValue.test.d.ts.map

package/dist/__tests__/useForm/trigger.test.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=trigger.test.d.ts.map

package/dist/__tests__/useForm/unregister.test.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=unregister.test.d.ts.map

package/dist/__tests__/useForm/watch.test.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=watch.test.d.ts.map

package/dist/__tests__/useForm.server.test.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=useForm.server.test.d.ts.map

package/dist/__tests__/useForm.test.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=useForm.test.d.ts.map

package/dist/__tests__/useFormContext.server.test.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=useFormContext.server.test.d.ts.map

package/dist/__tests__/useFormContext.test.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=useFormContext.test.d.ts.map

package/dist/__tests__/useFormState.test.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=useFormState.test.d.ts.map

package/dist/__tests__/useWatch.test.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=useWatch.test.d.ts.map

package/dist/__typetest__/__fixtures__/index.d.ts

@@ -1,5 +1,5 @@
-export * from './pathString';
-export * from './traversable';
-export * from './tuple';
-export * from './type';
+export * from './pathString';
+export * from './traversable';
+export * from './tuple';
+export * from './type';
 //# sourceMappingURL=index.d.ts.map

package/dist/__typetest__/__fixtures__/pathString.d.ts

@@ -1,4 +1,4 @@
-type ConcatTenTimes<T extends string> = `${T}.${T}.${T}.${T}.${T}.${T}.${T}.${T}.${T}.${T}`;
-export type HundredPathString<T extends string> = ConcatTenTimes<ConcatTenTimes<T>>;
-export {};
+type ConcatTenTimes<T extends string> = `${T}.${T}.${T}.${T}.${T}.${T}.${T}.${T}.${T}.${T}`;
+export type HundredPathString<T extends string> = ConcatTenTimes<ConcatTenTimes<T>>;
+export {};
 //# sourceMappingURL=pathString.d.ts.map

package/dist/__typetest__/__fixtures__/traversable.d.ts

@@ -1,14 +1,14 @@
-interface Base<T, V> {
-    foo: T;
-    bar: [T];
-    baz: Array<T>;
-    value: V;
-}
-export type InfiniteType<T> = Base<InfiniteType<T>, T>;
-export type NullableInfiniteType<T> = null | undefined | Partial<Base<NullableInfiniteType<T>, T>>;
-export type Depth3Type<T> = Base<Base<Base<never, T>, T>, T>;
-export interface Nested<T> {
-    nested: T;
-}
-export {};
+interface Base<T, V> {
+    foo: T;
+    bar: [T];
+    baz: Array<T>;
+    value: V;
+}
+export type InfiniteType<T> = Base<InfiniteType<T>, T>;
+export type NullableInfiniteType<T> = null | undefined | Partial<Base<NullableInfiniteType<T>, T>>;
+export type Depth3Type<T> = Base<Base<Base<never, T>, T>, T>;
+export interface Nested<T> {
+    nested: T;
+}
+export {};
 //# sourceMappingURL=traversable.d.ts.map

package/dist/__typetest__/__fixtures__/tuple.d.ts

@@ -1,15 +1,15 @@
-type ConcatTupleTenTimes<T extends unknown[]> = [
-    ...T,
-    ...T,
-    ...T,
-    ...T,
-    ...T,
-    ...T,
-    ...T,
-    ...T,
-    ...T,
-    ...T
-];
-export type HundredTuple<T> = ConcatTupleTenTimes<ConcatTupleTenTimes<[T]>>;
-export {};
+type ConcatTupleTenTimes<T extends unknown[]> = [
+    ...T,
+    ...T,
+    ...T,
+    ...T,
+    ...T,
+    ...T,
+    ...T,
+    ...T,
+    ...T,
+    ...T
+];
+export type HundredTuple<T> = ConcatTupleTenTimes<ConcatTupleTenTimes<[T]>>;
+export {};
 //# sourceMappingURL=tuple.d.ts.map

package/dist/__typetest__/__fixtures__/type.d.ts

@@ -1,12 +1,12 @@
-/**
- * tsd expects a value when calling expectType.
- * We're mostly dealing with types though. Therefore,
- * simply export this const and cast it to the expected type.
- * @example
- * ```
- * type Actual = DropLastElement<[0, 1, 2]>;
- * expectType<[0, 1]>(_ as Actual);
- * ```
- */
-export declare const _: never;
+/**
+ * tsd expects a value when calling expectType.
+ * We're mostly dealing with types though. Therefore,
+ * simply export this const and cast it to the expected type.
+ * @example
+ * ```
+ * type Actual = DropLastElement<[0, 1, 2]>;
+ * expectType<[0, 1]>(_ as Actual);
+ * ```
+ */
+export declare const _: never;
 //# sourceMappingURL=type.d.ts.map

package/dist/__typetest__/errors.test-d.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=errors.test-d.d.ts.map

package/dist/__typetest__/form.test-d.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=form.test-d.d.ts.map

package/dist/__typetest__/path/common.test-d.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=common.test-d.d.ts.map

package/dist/__typetest__/path/eager.test-d.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=eager.test-d.d.ts.map

package/dist/__typetest__/util.test-d.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=util.test-d.d.ts.map

package/dist/constants.d.ts

@@ -1,17 +1,17 @@
-import { ValidationMode } from './types';
-export declare const EVENTS: {
-    BLUR: string;
-    FOCUS_OUT: string;
-    CHANGE: string;
-};
-export declare const VALIDATION_MODE: ValidationMode;
-export declare const INPUT_VALIDATION_RULES: {
-    max: string;
-    min: string;
-    maxLength: string;
-    minLength: string;
-    pattern: string;
-    required: string;
-    validate: string;
-};
+import { ValidationMode } from './types';
+export declare const EVENTS: {
+    BLUR: string;
+    FOCUS_OUT: string;
+    CHANGE: string;
+};
+export declare const VALIDATION_MODE: ValidationMode;
+export declare const INPUT_VALIDATION_RULES: {
+    max: string;
+    min: string;
+    maxLength: string;
+    minLength: string;
+    pattern: string;
+    required: string;
+    validate: string;
+};
 //# sourceMappingURL=constants.d.ts.map

package/dist/controller.d.ts

@@ -1,47 +1,47 @@
-/// <reference types="react" />
-import { ControllerProps, FieldValues } from './types';
-/**
- * Component based on `useController` hook to work with controlled component.
- *
- * @remarks
- * [API](https://react-hook-form.com/api/usecontroller/controller) • [Demo](https://codesandbox.io/s/react-hook-form-v6-controller-ts-jwyzw) • [Video](https://www.youtube.com/watch?v=N2UNk_UCVyA)
- *
- * @param props - the path name to the form field value, and validation rules.
- *
- * @returns provide field handler functions, field and form state.
- *
- * @example
- * ```tsx
- * function App() {
- *   const { control } = useForm<FormValues>({
- *     defaultValues: {
- *       test: ""
- *     }
- *   });
- *
- *   return (
- *     <form>
- *       <Controller
- *         control={control}
- *         name="test"
- *         render={({ field: { onChange, onBlur, value, ref }, formState, fieldState }) => (
- *           <>
- *             <input
- *               onChange={onChange} // send value to hook form
- *               onBlur={onBlur} // notify when input is touched
- *               value={value} // return updated value
- *               ref={ref} // set ref for focus management
- *             />
- *             <p>{formState.isSubmitted ? "submitted" : ""}</p>
- *             <p>{fieldState.isTouched ? "touched" : ""}</p>
- *           </>
- *         )}
- *       />
- *     </form>
- *   );
- * }
- * ```
- */
-declare const Controller: <TFieldValues extends FieldValues = FieldValues, TName extends import("./types").Path<TFieldValues> = import("./types").Path<TFieldValues>>(props: ControllerProps<TFieldValues, TName>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-export { Controller };
+/// <reference types="react" />
+import { ControllerProps, FieldPath, FieldValues } from './types';
+/**
+ * Component based on `useController` hook to work with controlled component.
+ *
+ * @remarks
+ * [API](https://react-hook-form.com/api/usecontroller/controller) • [Demo](https://codesandbox.io/s/react-hook-form-v6-controller-ts-jwyzw) • [Video](https://www.youtube.com/watch?v=N2UNk_UCVyA)
+ *
+ * @param props - the path name to the form field value, and validation rules.
+ *
+ * @returns provide field handler functions, field and form state.
+ *
+ * @example
+ * ```tsx
+ * function App() {
+ *   const { control } = useForm<FormValues>({
+ *     defaultValues: {
+ *       test: ""
+ *     }
+ *   });
+ *
+ *   return (
+ *     <form>
+ *       <Controller
+ *         control={control}
+ *         name="test"
+ *         render={({ field: { onChange, onBlur, value, ref }, formState, fieldState }) => (
+ *           <>
+ *             <input
+ *               onChange={onChange} // send value to hook form
+ *               onBlur={onBlur} // notify when input is touched
+ *               value={value} // return updated value
+ *               ref={ref} // set ref for focus management
+ *             />
+ *             <p>{formState.isSubmitted ? "submitted" : ""}</p>
+ *             <p>{fieldState.isTouched ? "touched" : ""}</p>
+ *           </>
+ *         )}
+ *       />
+ *     </form>
+ *   );
+ * }
+ * ```
+ */
+declare const Controller: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: ControllerProps<TFieldValues, TName>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export { Controller };
 //# sourceMappingURL=controller.d.ts.map

package/dist/controller.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../src/controller.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAa,WAAW,EAAE,MAAM,SAAS,CAAC;AAGlE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,QAAA,MAAM,UAAU,oRAK4C,CAAC;AAE7D,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../src/controller.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGlE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,QAAA,MAAM,UAAU,0PAK4C,CAAC;AAE7D,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/form.d.ts

@@ -1,58 +1,60 @@
-import * as React from 'react';
-import { Control, FieldValues, SubmitHandler } from './types';
-export type FormProps<T extends FieldValues, U extends FieldValues | undefined = undefined> = Partial<{
-    control: Control<T>;
-    children?: React.ReactNode | React.ReactNode[];
-    render?: (props: {
-        submit: (e?: React.FormEvent) => void;
-    }) => React.ReactNode | React.ReactNode[];
-    onSubmit: U extends FieldValues ? SubmitHandler<U> : SubmitHandler<T>;
-}> & Omit<React.FormHTMLAttributes<HTMLFormElement>, 'onError'> & (Partial<{
-    onSuccess: ({ response }: {
-        response: Response;
-    }) => void;
-    onError: ({ response, error, }: {
-        response: Response;
-        error?: undefined;
-    } | {
-        response?: undefined;
-        error: unknown;
-    }) => void;
-    headers: Record<string, string>;
-    validateStatus: (status: number) => boolean;
-    fetcher: undefined;
-}> | Partial<{
-    onSuccess: undefined;
-    onError: undefined;
-    validateStatus: undefined;
-    headers: undefined;
-    fetcher: (action: string, payload: {
-        values?: T;
-        method: string;
-        event?: React.BaseSyntheticEvent;
-    }) => Promise<void> | void;
-}>);
-/**
- * Form component to manage submission.
- *
- * @param props - to setup submission detail. {@link FormProps}
- *
- * @returns form component or headless render prop.
- *
- * @example
- * ```tsx
- * function App() {
- *   const { control, formState: { errors } } = useForm();
- *
- *   return (
- *     <Form action="/api" control={control}>
- *       <input {...register("name")} />
- *       <p>{errors?.root?.server && 'Server error'}</p>
- *       <button>Submit</button>
- *     </form>
- *   );
- * }
- * ```
- */
-export declare function Form<T extends FieldValues, U extends FieldValues | undefined = undefined>(props: FormProps<T, U>): JSX.Element;
+import * as React from 'react';
+import { Control, FieldValues, SubmitHandler } from './types';
+export type FormProps<TFieldValues extends FieldValues, TTransformedValues extends FieldValues | undefined = undefined> = Partial<{
+    control: Control<TFieldValues>;
+    children?: React.ReactNode | React.ReactNode[];
+    render?: (props: {
+        submit: (e?: React.FormEvent) => void;
+    }) => React.ReactNode | React.ReactNode[];
+    onSubmit: TTransformedValues extends FieldValues ? SubmitHandler<TTransformedValues> : SubmitHandler<TFieldValues>;
+}> & Omit<React.FormHTMLAttributes<HTMLFormElement>, 'onError'> & (Partial<{
+    onSuccess: ({ response }: {
+        response: Response;
+    }) => void;
+    onError: ({ response, error, }: {
+        response: Response;
+        error?: undefined;
+    } | {
+        response?: undefined;
+        error: unknown;
+    }) => void;
+    headers: Record<string, string>;
+    validateStatus: (status: number) => boolean;
+    fetcher: undefined;
+}> | Partial<{
+    onSuccess: undefined;
+    onError: undefined;
+    validateStatus: undefined;
+    headers: undefined;
+    fetcher: (action: string, payload: {
+        values?: TFieldValues;
+        method: string;
+        event?: React.BaseSyntheticEvent;
+        formData: FormData;
+        formDataJson: string;
+    }) => Promise<void> | void;
+}>);
+/**
+ * Form component to manage submission.
+ *
+ * @param props - to setup submission detail. {@link FormProps}
+ *
+ * @returns form component or headless render prop.
+ *
+ * @example
+ * ```tsx
+ * function App() {
+ *   const { control, formState: { errors } } = useForm();
+ *
+ *   return (
+ *     <Form action="/api" control={control}>
+ *       <input {...register("name")} />
+ *       <p>{errors?.root?.server && 'Server error'}</p>
+ *       <button>Submit</button>
+ *     </form>
+ *   );
+ * }
+ * ```
+ */
+export declare function Form<T extends FieldValues, U extends FieldValues | undefined = undefined>(props: FormProps<T, U>): JSX.Element;
 //# sourceMappingURL=form.d.ts.map