@bombillazo/rhf-plus 7.56.1-plus.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +174 -0
- package/dist/__typetest__/__fixtures__/index.d.ts +5 -0
- package/dist/__typetest__/__fixtures__/index.d.ts.map +1 -0
- package/dist/__typetest__/__fixtures__/pathString.d.ts +4 -0
- package/dist/__typetest__/__fixtures__/pathString.d.ts.map +1 -0
- package/dist/__typetest__/__fixtures__/traversable.d.ts +14 -0
- package/dist/__typetest__/__fixtures__/traversable.d.ts.map +1 -0
- package/dist/__typetest__/__fixtures__/tuple.d.ts +15 -0
- package/dist/__typetest__/__fixtures__/tuple.d.ts.map +1 -0
- package/dist/__typetest__/__fixtures__/type.d.ts +12 -0
- package/dist/__typetest__/__fixtures__/type.d.ts.map +1 -0
- package/dist/__typetest__/errors.test-d.d.ts +2 -0
- package/dist/__typetest__/errors.test-d.d.ts.map +1 -0
- package/dist/__typetest__/form.test-d.d.ts +11 -0
- package/dist/__typetest__/form.test-d.d.ts.map +1 -0
- package/dist/__typetest__/path/common.test-d.d.ts +2 -0
- package/dist/__typetest__/path/common.test-d.d.ts.map +1 -0
- package/dist/__typetest__/path/eager.test-d.d.ts +2 -0
- package/dist/__typetest__/path/eager.test-d.d.ts.map +1 -0
- package/dist/__typetest__/use-form-context.test-d.d.ts +2 -0
- package/dist/__typetest__/use-form-context.test-d.d.ts.map +1 -0
- package/dist/__typetest__/util.test-d.d.ts +2 -0
- package/dist/__typetest__/util.test-d.d.ts.map +1 -0
- package/dist/constants.d.ts +22 -0
- package/dist/constants.d.ts.map +1 -0
- package/dist/controller.d.ts +46 -0
- package/dist/controller.d.ts.map +1 -0
- package/dist/form.d.ts +27 -0
- package/dist/form.d.ts.map +1 -0
- package/dist/index.cjs.js +2 -0
- package/dist/index.cjs.js.map +1 -0
- package/dist/index.d.ts +12 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.esm.mjs +2764 -0
- package/dist/index.esm.mjs.map +1 -0
- package/dist/index.react-server.d.ts +3 -0
- package/dist/index.react-server.d.ts.map +1 -0
- package/dist/index.umd.js +2 -0
- package/dist/index.umd.js.map +1 -0
- package/dist/logic/appendErrors.d.ts +4 -0
- package/dist/logic/appendErrors.d.ts.map +1 -0
- package/dist/logic/createFormControl.d.ts +5 -0
- package/dist/logic/createFormControl.d.ts.map +1 -0
- package/dist/logic/generateId.d.ts +3 -0
- package/dist/logic/generateId.d.ts.map +1 -0
- package/dist/logic/generateWatchOutput.d.ts +4 -0
- package/dist/logic/generateWatchOutput.d.ts.map +1 -0
- package/dist/logic/getCheckboxValue.d.ts +7 -0
- package/dist/logic/getCheckboxValue.d.ts.map +1 -0
- package/dist/logic/getDirtyFields.d.ts +3 -0
- package/dist/logic/getDirtyFields.d.ts.map +1 -0
- package/dist/logic/getEventValue.d.ts +3 -0
- package/dist/logic/getEventValue.d.ts.map +1 -0
- package/dist/logic/getFieldValue.d.ts +3 -0
- package/dist/logic/getFieldValue.d.ts.map +1 -0
- package/dist/logic/getFieldValueAs.d.ts +4 -0
- package/dist/logic/getFieldValueAs.d.ts.map +1 -0
- package/dist/logic/getFocusFieldName.d.ts +4 -0
- package/dist/logic/getFocusFieldName.d.ts.map +1 -0
- package/dist/logic/getNodeParentName.d.ts +3 -0
- package/dist/logic/getNodeParentName.d.ts.map +1 -0
- package/dist/logic/getProxyFormState.d.ts +4 -0
- package/dist/logic/getProxyFormState.d.ts.map +1 -0
- package/dist/logic/getRadioValue.d.ts +7 -0
- package/dist/logic/getRadioValue.d.ts.map +1 -0
- package/dist/logic/getResolverOptions.d.ts +14 -0
- package/dist/logic/getResolverOptions.d.ts.map +1 -0
- package/dist/logic/getRuleValue.d.ts +4 -0
- package/dist/logic/getRuleValue.d.ts.map +1 -0
- package/dist/logic/getValidateError.d.ts +3 -0
- package/dist/logic/getValidateError.d.ts.map +1 -0
- package/dist/logic/getValidationModes.d.ts +4 -0
- package/dist/logic/getValidationModes.d.ts.map +1 -0
- package/dist/logic/getValueAndMessage.d.ts +7 -0
- package/dist/logic/getValueAndMessage.d.ts.map +1 -0
- package/dist/logic/hasPromiseValidation.d.ts +4 -0
- package/dist/logic/hasPromiseValidation.d.ts.map +1 -0
- package/dist/logic/hasValidation.d.ts +4 -0
- package/dist/logic/hasValidation.d.ts.map +1 -0
- package/dist/logic/index.d.ts +4 -0
- package/dist/logic/index.d.ts.map +1 -0
- package/dist/logic/isNameInFieldArray.d.ts +4 -0
- package/dist/logic/isNameInFieldArray.d.ts.map +1 -0
- package/dist/logic/isWatched.d.ts +4 -0
- package/dist/logic/isWatched.d.ts.map +1 -0
- package/dist/logic/iterateFieldsByAction.d.ts +4 -0
- package/dist/logic/iterateFieldsByAction.d.ts.map +1 -0
- package/dist/logic/schemaErrorLookup.d.ts +6 -0
- package/dist/logic/schemaErrorLookup.d.ts.map +1 -0
- package/dist/logic/shouldRenderFormState.d.ts +7 -0
- package/dist/logic/shouldRenderFormState.d.ts.map +1 -0
- package/dist/logic/shouldSubscribeByName.d.ts +3 -0
- package/dist/logic/shouldSubscribeByName.d.ts.map +1 -0
- package/dist/logic/skipValidation.d.ts +7 -0
- package/dist/logic/skipValidation.d.ts.map +1 -0
- package/dist/logic/unsetEmptyArray.d.ts +3 -0
- package/dist/logic/unsetEmptyArray.d.ts.map +1 -0
- package/dist/logic/updateFieldArrayRootError.d.ts +4 -0
- package/dist/logic/updateFieldArrayRootError.d.ts.map +1 -0
- package/dist/logic/validateField.d.ts +4 -0
- package/dist/logic/validateField.d.ts.map +1 -0
- package/dist/react-server.esm.mjs +1816 -0
- package/dist/react-server.esm.mjs.map +1 -0
- package/dist/types/controller.d.ts +60 -0
- package/dist/types/controller.d.ts.map +1 -0
- package/dist/types/errors.d.ts +36 -0
- package/dist/types/errors.d.ts.map +1 -0
- package/dist/types/events.d.ts +2 -0
- package/dist/types/events.d.ts.map +1 -0
- package/dist/types/fieldArray.d.ts +195 -0
- package/dist/types/fieldArray.d.ts.map +1 -0
- package/dist/types/fields.d.ts +31 -0
- package/dist/types/fields.d.ts.map +1 -0
- package/dist/types/form.d.ts +715 -0
- package/dist/types/form.d.ts.map +1 -0
- package/dist/types/index.d.ts +11 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/path/common.d.ts +316 -0
- package/dist/types/path/common.d.ts.map +1 -0
- package/dist/types/path/eager.d.ts +122 -0
- package/dist/types/path/eager.d.ts.map +1 -0
- package/dist/types/path/index.d.ts +4 -0
- package/dist/types/path/index.d.ts.map +1 -0
- package/dist/types/resolvers.d.ts +20 -0
- package/dist/types/resolvers.d.ts.map +1 -0
- package/dist/types/utils.d.ts +72 -0
- package/dist/types/utils.d.ts.map +1 -0
- package/dist/types/validator.d.ts +43 -0
- package/dist/types/validator.d.ts.map +1 -0
- package/dist/useController.d.ts +27 -0
- package/dist/useController.d.ts.map +1 -0
- package/dist/useDeepEqualEffect.d.ts +3 -0
- package/dist/useDeepEqualEffect.d.ts.map +1 -0
- package/dist/useFieldArray.d.ts +40 -0
- package/dist/useFieldArray.d.ts.map +1 -0
- package/dist/useForm.d.ts +32 -0
- package/dist/useForm.d.ts.map +1 -0
- package/dist/useFormContext.d.ts +65 -0
- package/dist/useFormContext.d.ts.map +1 -0
- package/dist/useFormState.d.ts +33 -0
- package/dist/useFormState.d.ts.map +1 -0
- package/dist/useWatch.d.ts +100 -0
- package/dist/useWatch.d.ts.map +1 -0
- package/dist/utils/append.d.ts +3 -0
- package/dist/utils/append.d.ts.map +1 -0
- package/dist/utils/cloneObject.d.ts +2 -0
- package/dist/utils/cloneObject.d.ts.map +1 -0
- package/dist/utils/compact.d.ts +3 -0
- package/dist/utils/compact.d.ts.map +1 -0
- package/dist/utils/convertToArrayPayload.d.ts +3 -0
- package/dist/utils/convertToArrayPayload.d.ts.map +1 -0
- package/dist/utils/createId.d.ts +3 -0
- package/dist/utils/createId.d.ts.map +1 -0
- package/dist/utils/createSubject.d.ts +15 -0
- package/dist/utils/createSubject.d.ts.map +1 -0
- package/dist/utils/deepEqual.d.ts +2 -0
- package/dist/utils/deepEqual.d.ts.map +1 -0
- package/dist/utils/deepMerge.d.ts +2 -0
- package/dist/utils/deepMerge.d.ts.map +1 -0
- package/dist/utils/fillEmptyArray.d.ts +3 -0
- package/dist/utils/fillEmptyArray.d.ts.map +1 -0
- package/dist/utils/flatten.d.ts +3 -0
- package/dist/utils/flatten.d.ts.map +1 -0
- package/dist/utils/get.d.ts +3 -0
- package/dist/utils/get.d.ts.map +1 -0
- package/dist/utils/index.d.ts +5 -0
- package/dist/utils/index.d.ts.map +1 -0
- package/dist/utils/insert.d.ts +3 -0
- package/dist/utils/insert.d.ts.map +1 -0
- package/dist/utils/isBoolean.d.ts +3 -0
- package/dist/utils/isBoolean.d.ts.map +1 -0
- package/dist/utils/isCheckBoxInput.d.ts +4 -0
- package/dist/utils/isCheckBoxInput.d.ts.map +1 -0
- package/dist/utils/isDateObject.d.ts +3 -0
- package/dist/utils/isDateObject.d.ts.map +1 -0
- package/dist/utils/isEmptyObject.d.ts +4 -0
- package/dist/utils/isEmptyObject.d.ts.map +1 -0
- package/dist/utils/isFileInput.d.ts +4 -0
- package/dist/utils/isFileInput.d.ts.map +1 -0
- package/dist/utils/isFunction.d.ts +3 -0
- package/dist/utils/isFunction.d.ts.map +1 -0
- package/dist/utils/isHTMLElement.d.ts +3 -0
- package/dist/utils/isHTMLElement.d.ts.map +1 -0
- package/dist/utils/isKey.d.ts +3 -0
- package/dist/utils/isKey.d.ts.map +1 -0
- package/dist/utils/isMessage.d.ts +4 -0
- package/dist/utils/isMessage.d.ts.map +1 -0
- package/dist/utils/isMultipleSelect.d.ts +4 -0
- package/dist/utils/isMultipleSelect.d.ts.map +1 -0
- package/dist/utils/isNullOrUndefined.d.ts +3 -0
- package/dist/utils/isNullOrUndefined.d.ts.map +1 -0
- package/dist/utils/isObject.d.ts +4 -0
- package/dist/utils/isObject.d.ts.map +1 -0
- package/dist/utils/isPlainObject.d.ts +3 -0
- package/dist/utils/isPlainObject.d.ts.map +1 -0
- package/dist/utils/isPrimitive.d.ts +4 -0
- package/dist/utils/isPrimitive.d.ts.map +1 -0
- package/dist/utils/isRadioInput.d.ts +4 -0
- package/dist/utils/isRadioInput.d.ts.map +1 -0
- package/dist/utils/isRadioOrCheckbox.d.ts +4 -0
- package/dist/utils/isRadioOrCheckbox.d.ts.map +1 -0
- package/dist/utils/isRegex.d.ts +3 -0
- package/dist/utils/isRegex.d.ts.map +1 -0
- package/dist/utils/isString.d.ts +3 -0
- package/dist/utils/isString.d.ts.map +1 -0
- package/dist/utils/isUndefined.d.ts +3 -0
- package/dist/utils/isUndefined.d.ts.map +1 -0
- package/dist/utils/isWeb.d.ts +3 -0
- package/dist/utils/isWeb.d.ts.map +1 -0
- package/dist/utils/live.d.ts +4 -0
- package/dist/utils/live.d.ts.map +1 -0
- package/dist/utils/move.d.ts +3 -0
- package/dist/utils/move.d.ts.map +1 -0
- package/dist/utils/noop.d.ts +2 -0
- package/dist/utils/noop.d.ts.map +1 -0
- package/dist/utils/objectHasFunction.d.ts +3 -0
- package/dist/utils/objectHasFunction.d.ts.map +1 -0
- package/dist/utils/omit.d.ts +3 -0
- package/dist/utils/omit.d.ts.map +1 -0
- package/dist/utils/prepend.d.ts +3 -0
- package/dist/utils/prepend.d.ts.map +1 -0
- package/dist/utils/remove.d.ts +3 -0
- package/dist/utils/remove.d.ts.map +1 -0
- package/dist/utils/set.d.ts +4 -0
- package/dist/utils/set.d.ts.map +1 -0
- package/dist/utils/sleep.d.ts +3 -0
- package/dist/utils/sleep.d.ts.map +1 -0
- package/dist/utils/stringToPath.d.ts +3 -0
- package/dist/utils/stringToPath.d.ts.map +1 -0
- package/dist/utils/submit.d.ts +3 -0
- package/dist/utils/submit.d.ts.map +1 -0
- package/dist/utils/swap.d.ts +3 -0
- package/dist/utils/swap.d.ts.map +1 -0
- package/dist/utils/unset.d.ts +2 -0
- package/dist/utils/unset.d.ts.map +1 -0
- package/dist/utils/update.d.ts +3 -0
- package/dist/utils/update.d.ts.map +1 -0
- package/dist/utils/uuid.d.ts +3 -0
- package/dist/utils/uuid.d.ts.map +1 -0
- package/package.json +149 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2025-present Hector Ayala
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,174 @@
|
|
|
1
|
+
<div align="center">
|
|
2
|
+
<img src="./docs/logo.png" alt="RHF Plus Logo" />
|
|
3
|
+
</div>
|
|
4
|
+
|
|
5
|
+
<div align="center">
|
|
6
|
+
|
|
7
|
+
[](https://www.npmjs.com/package/@bombillazo/rhf-plus)
|
|
8
|
+
[](https://www.npmjs.com/package/@bombillazo/rhf-plus)
|
|
9
|
+
[](https://github.com/bombillazo/rhf-plus/blob/master/LICENSE)
|
|
10
|
+
|
|
11
|
+
</div>
|
|
12
|
+
|
|
13
|
+
RHF+ (`rhf-plus`) is a fork of [react-hook-form](https://react-hook-form.com/) (**RHF**) with some feature enhancements. It is designed to be a drop-in replacement for RHF, so you can use it in your existing projects without any changes.
|
|
14
|
+
|
|
15
|
+
### Install
|
|
16
|
+
|
|
17
|
+
```sh
|
|
18
|
+
npm install @bombillazo/rhf-plus
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
## Enhancements
|
|
22
|
+
|
|
23
|
+
### Imperative Form Submission
|
|
24
|
+
|
|
25
|
+
New properties:
|
|
26
|
+
|
|
27
|
+
- `id`: a unique identifier for the form. If not provided, a random ID is generated.
|
|
28
|
+
- `submit`: a method to submit the form imperatively.
|
|
29
|
+
|
|
30
|
+
API Changes:
|
|
31
|
+
|
|
32
|
+
- `id` added to `useForm` props:
|
|
33
|
+
|
|
34
|
+
```diff
|
|
35
|
+
export type UseFormProps<...> = Partial<{
|
|
36
|
+
...
|
|
37
|
+
delayError: number;
|
|
38
|
+
formControl?: Omit<UseFormReturn<TFieldValues, TContext, TTransformedValues>, 'formState'>;
|
|
39
|
+
+ id: string;
|
|
40
|
+
}>;
|
|
41
|
+
```
|
|
42
|
+
|
|
43
|
+
- `id`, `submit` returned as part of the `UseFormReturn` form:
|
|
44
|
+
|
|
45
|
+
```diff
|
|
46
|
+
export type UseFormReturn<...> = {
|
|
47
|
+
...
|
|
48
|
+
setFocus: UseFormSetFocus<TFieldValues>;
|
|
49
|
+
subscribe: UseFromSubscribe<TFieldValues>;
|
|
50
|
+
+ id: string;
|
|
51
|
+
+ submit: () => void;
|
|
52
|
+
};
|
|
53
|
+
```
|
|
54
|
+
|
|
55
|
+
Now all forms returned by any RHF API contains an `id` and `submit` function. You may assign a custom unique ID to each form using the `id` option in the `useForm` hook. If no ID is given, a random one is generated. Using the `form.submit()` method you can submit the form imperatively . This is useful when you want to trigger form submission from anywhere in your application (including outside the Form context).
|
|
56
|
+
|
|
57
|
+
```jsx
|
|
58
|
+
// Example using the useForm hook
|
|
59
|
+
import { useForm } from '@bombillazo/rhf-plus';
|
|
60
|
+
|
|
61
|
+
function App() {
|
|
62
|
+
const form = useForm({
|
|
63
|
+
id: 'my-form', // uniquely identify the form (optional)
|
|
64
|
+
});
|
|
65
|
+
|
|
66
|
+
return (
|
|
67
|
+
<>
|
|
68
|
+
<form
|
|
69
|
+
id={form.id} // assign the form ID to the form element
|
|
70
|
+
onSubmit={form.handleSubmit((data) => console.log(data))}
|
|
71
|
+
>
|
|
72
|
+
<input {...form.register('name')} />
|
|
73
|
+
</form>
|
|
74
|
+
{/* imperatively submit the form */}
|
|
75
|
+
<Button onClick={() => form.submit()}>
|
|
76
|
+
Submit
|
|
77
|
+
</Button>
|
|
78
|
+
</>
|
|
79
|
+
);
|
|
80
|
+
}
|
|
81
|
+
```
|
|
82
|
+
|
|
83
|
+
```jsx
|
|
84
|
+
// Example with Form Context
|
|
85
|
+
import { useForm, FormProvider } from '@bombillazo/rhf-plus';
|
|
86
|
+
|
|
87
|
+
function App() {
|
|
88
|
+
const form = useForm();
|
|
89
|
+
|
|
90
|
+
return (
|
|
91
|
+
<FormProvider {...form}>
|
|
92
|
+
<form
|
|
93
|
+
id={form.id}
|
|
94
|
+
onSubmit={form.handleSubmit((data) => console.log(data))}
|
|
95
|
+
>
|
|
96
|
+
<input {...form.register('name')} />
|
|
97
|
+
</form>
|
|
98
|
+
<SubmitButton />
|
|
99
|
+
</FormProvider>
|
|
100
|
+
);
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
function SubmitButton() {
|
|
104
|
+
const form = useFormContext();
|
|
105
|
+
|
|
106
|
+
return (
|
|
107
|
+
<Button onClick={() => form.submit()}>
|
|
108
|
+
Submit
|
|
109
|
+
</Button>
|
|
110
|
+
);
|
|
111
|
+
}
|
|
112
|
+
```
|
|
113
|
+
|
|
114
|
+
```jsx
|
|
115
|
+
// Example using Form Control
|
|
116
|
+
import { useForm, createFormControl } from '@bombillazo/rhf-plus';
|
|
117
|
+
|
|
118
|
+
|
|
119
|
+
const fc = createFormControl()
|
|
120
|
+
|
|
121
|
+
function App() {
|
|
122
|
+
useForm({ formControl: fc.formControl });
|
|
123
|
+
|
|
124
|
+
const name = fc.watch('name');
|
|
125
|
+
|
|
126
|
+
useEffect(() => {
|
|
127
|
+
if (name === '1234') {
|
|
128
|
+
// imperatively submit the form
|
|
129
|
+
fc.submit();
|
|
130
|
+
}
|
|
131
|
+
}, [name]);
|
|
132
|
+
|
|
133
|
+
return (
|
|
134
|
+
|
|
135
|
+
<form
|
|
136
|
+
id={fc.id}
|
|
137
|
+
onSubmit={fc.handleSubmit((data) => console.log(data))}
|
|
138
|
+
>
|
|
139
|
+
<input {...fc.register('code')} />
|
|
140
|
+
</form>
|
|
141
|
+
);
|
|
142
|
+
}
|
|
143
|
+
```
|
|
144
|
+
|
|
145
|
+
1. **Form-level custom metadata** : You can add custom metadata to the form using the `form` object returned by the `useForm` hook. This is useful when you want to store additional information related to the form.
|
|
146
|
+
|
|
147
|
+
### Versioning
|
|
148
|
+
|
|
149
|
+
Even though we are enhancing RHF, `rhf-plus` aims to follow the original RHF package as closely as possible. Our focus will be on:
|
|
150
|
+
|
|
151
|
+
- adding new enhancements
|
|
152
|
+
- keeping this library synced with the `latest` RHF version
|
|
153
|
+
|
|
154
|
+
To make versioning simple, `rhf-plus` follows these versioning rules:
|
|
155
|
+
|
|
156
|
+
- `rhf-plus` versions are based on the `latest` existing RHF version to which the enhancements are applied (e.g., `7.5.0`).
|
|
157
|
+
- `rhf-plus` versions are suffixed with `-plus.x`, staring with index `0`.
|
|
158
|
+
- For example, the first version of `rhf-plus` based on RHF `7.5.0` will be `7.5.0-plus.0`.
|
|
159
|
+
- The `-plus.x` suffix is incremented with each new release of `rhf-plus`.
|
|
160
|
+
- For example, if the latest RHF version the second version of `rhf-plus` based on RHF `7.5.0` will be `7.5.0-plus.1`.
|
|
161
|
+
- The `-plus.x` suffix is reset to `0` when a new version of RHF is released.
|
|
162
|
+
|
|
163
|
+
#### Out of Scope
|
|
164
|
+
|
|
165
|
+
Here is a list of things we will **NOT** do:
|
|
166
|
+
|
|
167
|
+
- **Support older RHF versions**: As new enhancements come in, they will only be applied to the current and latest RHF version. This is to ensure that we are closely synced to RHF and to reduce the overhead of maintaining multiple versions of `rhf-plus`.
|
|
168
|
+
- **Fix RHF bugs**: Those are the responsibility of the RHF team. We will only focus on fixing bugs in `rhf-plus` that are related to our enhancements. Once RHF fixes a bug, we will roll them into `rhf-plus` when we sync versions.
|
|
169
|
+
- **Add unrelated RHF features**: This is to ensure that we are not diverging too much from the original RHF package and are not creating a separate library.
|
|
170
|
+
|
|
171
|
+
|
|
172
|
+
### Contributors
|
|
173
|
+
|
|
174
|
+
Thanks go to these wonderful people! [[Become a contributor](CONTRIBUTING.md)].
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/__typetest__/__fixtures__/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pathString.d.ts","sourceRoot":"","sources":["../../../src/__typetest__/__fixtures__/pathString.ts"],"names":[],"mappings":"AAAA,KAAK,cAAc,CAAC,CAAC,SAAS,MAAM,IAClC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;AAEtD,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,MAAM,IAAI,cAAc,CAC9D,cAAc,CAAC,CAAC,CAAC,CAClB,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
interface Base<T, V> {
|
|
2
|
+
foo: T;
|
|
3
|
+
bar: [T];
|
|
4
|
+
baz: Array<T>;
|
|
5
|
+
value: V;
|
|
6
|
+
}
|
|
7
|
+
export type InfiniteType<T> = Base<InfiniteType<T>, T>;
|
|
8
|
+
export type NullableInfiniteType<T> = null | undefined | Partial<Base<NullableInfiniteType<T>, T>>;
|
|
9
|
+
export type Depth3Type<T> = Base<Base<Base<never, T>, T>, T>;
|
|
10
|
+
export interface Nested<T> {
|
|
11
|
+
nested: T;
|
|
12
|
+
}
|
|
13
|
+
export {};
|
|
14
|
+
//# sourceMappingURL=traversable.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"traversable.d.ts","sourceRoot":"","sources":["../../../src/__typetest__/__fixtures__/traversable.ts"],"names":[],"mappings":"AAAA,UAAU,IAAI,CAAC,CAAC,EAAE,CAAC;IACjB,GAAG,EAAE,CAAC,CAAC;IACP,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;IACT,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IACd,KAAK,EAAE,CAAC,CAAC;CACV;AAED,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAEvD,MAAM,MAAM,oBAAoB,CAAC,CAAC,IAC9B,IAAI,GACJ,SAAS,GACT,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAE9C,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAE7D,MAAM,WAAW,MAAM,CAAC,CAAC;IACvB,MAAM,EAAE,CAAC,CAAC;CACX"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
type ConcatTupleTenTimes<T extends unknown[]> = [
|
|
2
|
+
...T,
|
|
3
|
+
...T,
|
|
4
|
+
...T,
|
|
5
|
+
...T,
|
|
6
|
+
...T,
|
|
7
|
+
...T,
|
|
8
|
+
...T,
|
|
9
|
+
...T,
|
|
10
|
+
...T,
|
|
11
|
+
...T
|
|
12
|
+
];
|
|
13
|
+
export type HundredTuple<T> = ConcatTupleTenTimes<ConcatTupleTenTimes<[T]>>;
|
|
14
|
+
export {};
|
|
15
|
+
//# sourceMappingURL=tuple.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tuple.d.ts","sourceRoot":"","sources":["../../../src/__typetest__/__fixtures__/tuple.ts"],"names":[],"mappings":"AAAA,KAAK,mBAAmB,CAAC,CAAC,SAAS,OAAO,EAAE,IAAI;IAC9C,GAAG,CAAC;IACJ,GAAG,CAAC;IACJ,GAAG,CAAC;IACJ,GAAG,CAAC;IACJ,GAAG,CAAC;IACJ,GAAG,CAAC;IACJ,GAAG,CAAC;IACJ,GAAG,CAAC;IACJ,GAAG,CAAC;IACJ,GAAG,CAAC;CACL,CAAC;AAEF,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,mBAAmB,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* tsd expects a value when calling expectType.
|
|
3
|
+
* We're mostly dealing with types though. Therefore,
|
|
4
|
+
* simply export this const and cast it to the expected type.
|
|
5
|
+
* @example
|
|
6
|
+
* ```
|
|
7
|
+
* type Actual = DropLastElement<[0, 1, 2]>;
|
|
8
|
+
* expectType<[0, 1]>(_ as Actual);
|
|
9
|
+
* ```
|
|
10
|
+
*/
|
|
11
|
+
export declare const _: never;
|
|
12
|
+
//# sourceMappingURL=type.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/__typetest__/__fixtures__/type.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"errors.test-d.d.ts","sourceRoot":"","sources":["../../src/__typetest__/errors.test-d.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { z } from 'zod';
|
|
2
|
+
import { FieldValues, Resolver } from '../types';
|
|
3
|
+
export declare function mockZodResolver<Input extends FieldValues, Context, Output>(schema: z.ZodSchema<Output, any, Input>, schemaOptions?: Partial<z.ParseParams>, resolverOptions?: {
|
|
4
|
+
mode?: 'async' | 'sync';
|
|
5
|
+
raw?: false;
|
|
6
|
+
}): Resolver<Input, Context, Output>;
|
|
7
|
+
export declare function mockZodResolver<Input extends FieldValues, Context, Output>(schema: z.ZodSchema<Output, any, Input>, schemaOptions: Partial<z.ParseParams> | undefined, resolverOptions: {
|
|
8
|
+
mode?: 'async' | 'sync';
|
|
9
|
+
raw: true;
|
|
10
|
+
}): Resolver<Input, Context, Input>;
|
|
11
|
+
//# sourceMappingURL=form.test-d.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form.test-d.d.ts","sourceRoot":"","sources":["../../src/__typetest__/form.test-d.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,EAAc,WAAW,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAiI7D,wBAAgB,eAAe,CAAC,KAAK,SAAS,WAAW,EAAE,OAAO,EAAE,MAAM,EACxE,MAAM,EAAE,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,CAAC,EACvC,aAAa,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,EACtC,eAAe,CAAC,EAAE;IAChB,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,GAAG,CAAC,EAAE,KAAK,CAAC;CACb,GACA,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;AAEpC,wBAAgB,eAAe,CAAC,KAAK,SAAS,WAAW,EAAE,OAAO,EAAE,MAAM,EACxE,MAAM,EAAE,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,CAAC,EACvC,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,SAAS,EACjD,eAAe,EAAE;IACf,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,GAAG,EAAE,IAAI,CAAC;CACX,GACA,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"common.test-d.d.ts","sourceRoot":"","sources":["../../../src/__typetest__/path/common.test-d.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"eager.test-d.d.ts","sourceRoot":"","sources":["../../../src/__typetest__/path/eager.test-d.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-form-context.test-d.d.ts","sourceRoot":"","sources":["../../src/__typetest__/use-form-context.test-d.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"util.test-d.d.ts","sourceRoot":"","sources":["../../src/__typetest__/util.test-d.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export declare const EVENTS: {
|
|
2
|
+
readonly BLUR: "blur";
|
|
3
|
+
readonly FOCUS_OUT: "focusout";
|
|
4
|
+
readonly CHANGE: "change";
|
|
5
|
+
};
|
|
6
|
+
export declare const VALIDATION_MODE: {
|
|
7
|
+
readonly onBlur: "onBlur";
|
|
8
|
+
readonly onChange: "onChange";
|
|
9
|
+
readonly onSubmit: "onSubmit";
|
|
10
|
+
readonly onTouched: "onTouched";
|
|
11
|
+
readonly all: "all";
|
|
12
|
+
};
|
|
13
|
+
export declare const INPUT_VALIDATION_RULES: {
|
|
14
|
+
readonly max: "max";
|
|
15
|
+
readonly min: "min";
|
|
16
|
+
readonly maxLength: "maxLength";
|
|
17
|
+
readonly minLength: "minLength";
|
|
18
|
+
readonly pattern: "pattern";
|
|
19
|
+
readonly required: "required";
|
|
20
|
+
readonly validate: "validate";
|
|
21
|
+
};
|
|
22
|
+
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;CAIT,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;;CAMlB,CAAC;AAEX,eAAO,MAAM,sBAAsB;;;;;;;;CAQzB,CAAC"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { ControllerProps, FieldPath, FieldValues } from './types';
|
|
2
|
+
/**
|
|
3
|
+
* Component based on `useController` hook to work with controlled component.
|
|
4
|
+
*
|
|
5
|
+
* @remarks
|
|
6
|
+
* [API](https://react-hook-form.com/docs/usecontroller/controller) • [Demo](https://codesandbox.io/s/react-hook-form-v6-controller-ts-jwyzw) • [Video](https://www.youtube.com/watch?v=N2UNk_UCVyA)
|
|
7
|
+
*
|
|
8
|
+
* @param props - the path name to the form field value, and validation rules.
|
|
9
|
+
*
|
|
10
|
+
* @returns provide field handler functions, field and form state.
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* ```tsx
|
|
14
|
+
* function App() {
|
|
15
|
+
* const { control } = useForm<FormValues>({
|
|
16
|
+
* defaultValues: {
|
|
17
|
+
* test: ""
|
|
18
|
+
* }
|
|
19
|
+
* });
|
|
20
|
+
*
|
|
21
|
+
* return (
|
|
22
|
+
* <form>
|
|
23
|
+
* <Controller
|
|
24
|
+
* control={control}
|
|
25
|
+
* name="test"
|
|
26
|
+
* render={({ field: { onChange, onBlur, value, ref }, formState, fieldState }) => (
|
|
27
|
+
* <>
|
|
28
|
+
* <input
|
|
29
|
+
* onChange={onChange} // send value to hook form
|
|
30
|
+
* onBlur={onBlur} // notify when input is touched
|
|
31
|
+
* value={value} // return updated value
|
|
32
|
+
* ref={ref} // set ref for focus management
|
|
33
|
+
* />
|
|
34
|
+
* <p>{formState.isSubmitted ? "submitted" : ""}</p>
|
|
35
|
+
* <p>{fieldState.isTouched ? "touched" : ""}</p>
|
|
36
|
+
* </>
|
|
37
|
+
* )}
|
|
38
|
+
* />
|
|
39
|
+
* </form>
|
|
40
|
+
* );
|
|
41
|
+
* }
|
|
42
|
+
* ```
|
|
43
|
+
*/
|
|
44
|
+
declare const Controller: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TTransformedValues = TFieldValues>(props: ControllerProps<TFieldValues, TName, TTransformedValues>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
|
|
45
|
+
export { Controller };
|
|
46
|
+
//# sourceMappingURL=controller.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"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,GACd,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,kBAAkB,GAAG,YAAY,EAEjC,OAAO,eAAe,CAAC,YAAY,EAAE,KAAK,EAAE,kBAAkB,CAAC,+FAEY,CAAC;AAE9E,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
package/dist/form.d.ts
ADDED
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FieldValues, FormProps } from './types';
|
|
3
|
+
/**
|
|
4
|
+
* Form component to manage submission.
|
|
5
|
+
*
|
|
6
|
+
* @param props - to setup submission detail. {@link FormProps}
|
|
7
|
+
*
|
|
8
|
+
* @returns form component or headless render prop.
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* ```tsx
|
|
12
|
+
* function App() {
|
|
13
|
+
* const { control, formState: { errors } } = useForm();
|
|
14
|
+
*
|
|
15
|
+
* return (
|
|
16
|
+
* <Form action="/api" control={control}>
|
|
17
|
+
* <input {...register("name")} />
|
|
18
|
+
* <p>{errors?.root?.server && 'Server error'}</p>
|
|
19
|
+
* <button>Submit</button>
|
|
20
|
+
* </Form>
|
|
21
|
+
* );
|
|
22
|
+
* }
|
|
23
|
+
* ```
|
|
24
|
+
*/
|
|
25
|
+
declare function Form<TFieldValues extends FieldValues, TTransformedValues = TFieldValues>(props: FormProps<TFieldValues, TTransformedValues>): React.JSX.Element;
|
|
26
|
+
export { Form };
|
|
27
|
+
//# sourceMappingURL=form.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../src/form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAKjD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,iBAAS,IAAI,CACX,YAAY,SAAS,WAAW,EAChC,kBAAkB,GAAG,YAAY,EACjC,KAAK,EAAE,SAAS,CAAC,YAAY,EAAE,kBAAkB,CAAC,qBAiHnD;AAED,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var e=require("react"),t=require("crypto");function r(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,s.get?s:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var s=r(e),a=e=>"checkbox"===e.type,i=e=>e instanceof Date,n=e=>null==e;const o=e=>"object"==typeof e;var l=e=>!n(e)&&!Array.isArray(e)&&o(e)&&!i(e),u=e=>l(e)&&e.target?a(e.target)?e.target.checked:e.target.value:e,d=(e,t)=>e.has((e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e)(t)),c="undefined"!=typeof window&&void 0!==window.HTMLElement&&"undefined"!=typeof document;function f(e){let t;const r=Array.isArray(e),s="undefined"!=typeof FileList&&e instanceof FileList;if(e instanceof Date)t=new Date(e);else if(e instanceof Set)t=new Set(e);else{if(c&&(e instanceof Blob||s)||!r&&!l(e))return e;if(t=r?[]:{},r||(e=>{const t=e.constructor&&e.constructor.prototype;return l(t)&&t.hasOwnProperty("isPrototypeOf")})(e))for(const r in e)e.hasOwnProperty(r)&&(t[r]=f(e[r]));else t=e}return t}var m=e=>Array.isArray(e)?e.filter(Boolean):[],y=e=>void 0===e,b=(e,t,r)=>{if(!t||!l(e))return r;const s=m(t.split(/[,[\].]+?/)).reduce(((e,t)=>n(e)?e:e[t]),e);return y(s)||s===e?y(e[t])?r:e[t]:s},g=e=>"boolean"==typeof e,p=e=>/^\w*$/.test(e),_=e=>m(e.replace(/["|']|\]/g,"").split(/\.|\[/)),v=(e,t,r)=>{let s=-1;const a=p(t)?[t]:_(t),i=a.length,n=i-1;for(;++s<i;){const t=a[s];let i=r;if(s!==n){const r=e[t];i=l(r)||Array.isArray(r)?r:isNaN(+a[s+1])?{}:[]}if("__proto__"===t||"constructor"===t||"prototype"===t)return;e[t]=i,e=e[t]}};const h="blur",V="focusout",x="change",F="onBlur",A="onChange",S="onSubmit",w="onTouched",k="all",D="max",E="min",C="maxLength",O="minLength",j="pattern",M="required",T="validate",U=e.createContext(null),B=()=>e.useContext(U);var N=(e,t,r,s=!0)=>{const a={defaultValues:t._defaultValues};for(const i in e)Object.defineProperty(a,i,{get:()=>{const a=i;return t._proxyFormState[a]!==k&&(t._proxyFormState[a]=!s||k),r&&(r[a]=!0),e[a]}});return a},L=e=>n(e)||!o(e);function R(e,t){if(L(e)||L(t))return e===t;if(i(e)&&i(t))return e.getTime()===t.getTime();const r=Object.keys(e),s=Object.keys(t);if(r.length!==s.length)return!1;for(const a of r){const r=e[a];if(!s.includes(a))return!1;if("ref"!==a){const e=t[a];if(i(r)&&i(e)||l(r)&&l(e)||Array.isArray(r)&&Array.isArray(e)?!R(r,e):r!==e)return!1}}return!0}const P=(e,t)=>{const r=s.useRef(t);R(t,r.current)||(r.current=t),s.useEffect(e,r.current)};function I(t){const r=B(),{control:s=r.control,disabled:a,name:i,exact:n}=t||{},[o,l]=e.useState(s._formState),u=e.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return P((()=>s._subscribe({name:i,formState:u.current,exact:n,callback:e=>{!a&&l({...s._formState,...e})}})),[i,a,n]),e.useEffect((()=>{u.current.isValid&&s._setValid(!0)}),[s]),e.useMemo((()=>N(o,s,u.current,!1)),[o,s])}var q=e=>"string"==typeof e,$=(e,t,r,s,a)=>q(e)?(s&&t.watch.add(e),b(r,e,a)):Array.isArray(e)?e.map((e=>(s&&t.watch.add(e),b(r,e)))):(s&&(t.watchAll=!0),r);function W(t){const r=B(),{control:s=r.control,name:a,defaultValue:i,disabled:n,exact:o}=t||{},[l,u]=e.useState(s._getWatch(a,i));return P((()=>s._subscribe({name:a,formState:{values:!0},exact:o,callback:e=>!n&&u($(a,s._names,e.values||s._formValues,!1,i))})),[a,i,n,o]),e.useEffect((()=>s._removeUnmounted())),l}function H(t){const r=B(),{name:s,disabled:a,control:i=r.control,shouldUnregister:n}=t,o=d(i._names.array,s),l=W({control:i,name:s,defaultValue:b(i._formValues,s,b(i._defaultValues,s,t.defaultValue)),exact:!0}),c=I({control:i,name:s,exact:!0}),m=e.useRef(t),p=e.useRef(i.register(s,{...t.rules,value:l,...g(t.disabled)?{disabled:t.disabled}:{}})),_=e.useMemo((()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!b(c.errors,s)},isDirty:{enumerable:!0,get:()=>!!b(c.dirtyFields,s)},isTouched:{enumerable:!0,get:()=>!!b(c.touchedFields,s)},isValidating:{enumerable:!0,get:()=>!!b(c.validatingFields,s)},error:{enumerable:!0,get:()=>b(c.errors,s)}})),[c,s]),V=e.useCallback((e=>p.current.onChange({target:{value:u(e),name:s},type:x})),[s]),F=e.useCallback((()=>p.current.onBlur({target:{value:b(i._formValues,s),name:s},type:h})),[s,i._formValues]),A=e.useCallback((e=>{const t=b(i._fields,s);t&&e&&(t._f.ref={focus:()=>e.focus(),select:()=>e.select(),setCustomValidity:t=>e.setCustomValidity(t),reportValidity:()=>e.reportValidity()})}),[i._fields,s]),S=e.useMemo((()=>({name:s,value:l,...g(a)||c.disabled?{disabled:c.disabled||a}:{},onChange:V,onBlur:F,ref:A})),[s,a,c.disabled,V,F,A,l]);return e.useEffect((()=>{const e=i._options.shouldUnregister||n;i.register(s,{...m.current.rules,...g(m.current.disabled)?{disabled:m.current.disabled}:{}});const t=(e,t)=>{const r=b(i._fields,e);r&&r._f&&(r._f.mount=t)};if(t(s,!0),e){const e=f(b(i._options.defaultValues,s));v(i._defaultValues,s,e),y(b(i._formValues,s))&&v(i._formValues,s,e)}return!o&&i.register(s),()=>{(o?e&&!i._state.action:e)?i.unregister(s):t(s,!1)}}),[s,i,o,n]),e.useEffect((()=>{i._setDisabledField({disabled:a,name:s})}),[a,s,i]),e.useMemo((()=>({field:S,formState:c,fieldState:_})),[S,c,_])}const z=e=>{const t={};for(const r of Object.keys(e))if(o(e[r])&&null!==e[r]){const s=z(e[r]);for(const e of Object.keys(s))t[`${r}.${e}`]=s[e]}else t[r]=e[r];return t},J="post";var G=(e,t,r,s,a)=>t?{...r[e],types:{...r[e]&&r[e].types?r[e].types:{},[s]:a||!0}}:{},K=e=>Array.isArray(e)?e:[e],Q=e=>e||`form-${"undefined"!=typeof window&&"function"==typeof window.crypto.randomUUID?window.crypto.randomUUID():t.randomBytes(16).toString("hex")}`,X=()=>{let e=[];return{get observers(){return e},next:t=>{for(const r of e)r.next&&r.next(t)},subscribe:t=>(e.push(t),{unsubscribe:()=>{e=e.filter((e=>e!==t))}}),unsubscribe:()=>{e=[]}}},Y=e=>l(e)&&!Object.keys(e).length,Z=e=>"file"===e.type,ee=e=>"function"==typeof e,te=e=>{if(!c)return!1;const t=e?e.ownerDocument:0;return e instanceof(t&&t.defaultView?t.defaultView.HTMLElement:HTMLElement)},re=e=>"select-multiple"===e.type,se=e=>"radio"===e.type,ae=e=>te(e)&&e.isConnected,ie=e=>{var t;try{null===(t=null===document||void 0===document?void 0:document.getElementById(e))||void 0===t||t.dispatchEvent(new Event("submit",{bubbles:!0,cancelable:!0}))}catch(e){}};function ne(e,t){const r=Array.isArray(t)?t:p(t)?[t]:_(t),s=1===r.length?e:function(e,t){const r=t.slice(0,-1).length;let s=0;for(;s<r;)e=y(e)?s++:e[t[s++]];return e}(e,r),a=r.length-1,i=r[a];return s&&delete s[i],0!==a&&(l(s)&&Y(s)||Array.isArray(s)&&function(e){for(const t in e)if(e.hasOwnProperty(t)&&!y(e[t]))return!1;return!0}(s))&&ne(e,r.slice(0,-1)),e}var oe=e=>{for(const t in e)if(ee(e[t]))return!0;return!1};function le(e,t={}){const r=Array.isArray(e);if(l(e)||r)for(const r in e)Array.isArray(e[r])||l(e[r])&&!oe(e[r])?(t[r]=Array.isArray(e[r])?[]:{},le(e[r],t[r])):n(e[r])||(t[r]=!0);return t}function ue(e,t,r){const s=Array.isArray(e);if(l(e)||s)for(const s in e)Array.isArray(e[s])||l(e[s])&&!oe(e[s])?y(t)||L(r[s])?r[s]=Array.isArray(e[s])?le(e[s],[]):{...le(e[s])}:ue(e[s],n(t)?{}:t[s],r[s]):r[s]=!R(e[s],t[s]);return r}var de=(e,t)=>ue(e,t,le(t));const ce={value:!1,isValid:!1},fe={value:!0,isValid:!0};var me=e=>{if(Array.isArray(e)){if(e.length>1){const t=e.filter((e=>e&&e.checked&&!e.disabled)).map((e=>e.value));return{value:t,isValid:!!t.length}}return e[0].checked&&!e[0].disabled?e[0].attributes&&!y(e[0].attributes.value)?y(e[0].value)||""===e[0].value?fe:{value:e[0].value,isValid:!0}:fe:ce}return ce},ye=(e,{valueAsNumber:t,valueAsDate:r,setValueAs:s})=>y(e)?e:t?""===e?NaN:e?+e:e:r&&q(e)?new Date(e):s?s(e):e;const be={isValid:!1,value:null};var ge=e=>Array.isArray(e)?e.reduce(((e,t)=>t&&t.checked&&!t.disabled?{isValid:!0,value:t.value}:e),be):be;function pe(e){const t=e.ref;return Z(t)?t.files:se(t)?ge(e.refs).value:re(t)?[...t.selectedOptions].map((({value:e})=>e)):a(t)?me(e.refs).value:ye(y(t.value)?e.ref.value:t.value,e)}var _e=e=>e instanceof RegExp,ve=e=>y(e)?e:_e(e)?e.source:l(e)?_e(e.value)?e.value.source:e.value:e,he=e=>({isOnSubmit:!e||e===S,isOnBlur:e===F,isOnChange:e===A,isOnAll:e===k,isOnTouch:e===w});const Ve="AsyncFunction";var xe=(e,t,r)=>!r&&(t.watchAll||t.watch.has(e)||[...t.watch].some((t=>e.startsWith(t)&&/^\.\w+/.test(e.slice(t.length)))));const Fe=(e,t,r,s)=>{for(const a of r||Object.keys(e)){const r=b(e,a);if(r){const{_f:e,...i}=r;if(e){if(e.refs&&e.refs[0]&&t(e.refs[0],a)&&!s)return!0;if(e.ref&&t(e.ref,e.name)&&!s)return!0;if(Fe(i,t))break}else if(l(i)&&Fe(i,t))break}}};function Ae(e,t,r){const s=b(e,r);if(s||p(r))return{error:s,name:r};const a=r.split(".");for(;a.length;){const s=a.join("."),i=b(t,s),n=b(e,s);if(i&&!Array.isArray(i)&&r!==s)return{name:r};if(n&&n.type)return{name:s,error:n};a.pop()}return{name:r}}var Se=(e,t,r)=>{const s=K(b(e,r));return v(s,"root",t[r]),v(e,r,s),e},we=e=>q(e);function ke(e,t,r="validate"){if(we(e)||Array.isArray(e)&&e.every(we)||g(e)&&!e)return{type:r,message:we(e)?e:"",ref:t}}var De=e=>l(e)&&!_e(e)?e:{value:e,message:""},Ee=async(e,t,r,s,i,o)=>{const{ref:u,refs:d,required:c,maxLength:f,minLength:m,min:p,max:_,pattern:v,validate:h,name:V,valueAsNumber:x,mount:F}=e._f,A=b(r,V);if(!F||t.has(V))return{};const S=d?d[0]:u,w=e=>{i&&S.reportValidity&&(S.setCustomValidity(g(e)?"":e||""),S.reportValidity())},k={},U=se(u),B=a(u),N=U||B,L=(x||Z(u))&&y(u.value)&&y(A)||te(u)&&""===u.value||""===A||Array.isArray(A)&&!A.length,R=G.bind(null,V,s,k),P=(e,t,r,s=C,a=O)=>{const i=e?t:r;k[V]={type:e?s:a,message:i,ref:u,...R(e?s:a,i)}};if(o?!Array.isArray(A)||!A.length:c&&(!N&&(L||n(A))||g(A)&&!A||B&&!me(d).isValid||U&&!ge(d).isValid)){const{value:e,message:t}=we(c)?{value:!!c,message:c}:De(c);if(e&&(k[V]={type:M,message:t,ref:S,...R(M,t)},!s))return w(t),k}if(!(L||n(p)&&n(_))){let e,t;const r=De(_),a=De(p);if(n(A)||isNaN(A)){const s=u.valueAsDate||new Date(A),i=e=>new Date((new Date).toDateString()+" "+e),n="time"==u.type,o="week"==u.type;q(r.value)&&A&&(e=n?i(A)>i(r.value):o?A>r.value:s>new Date(r.value)),q(a.value)&&A&&(t=n?i(A)<i(a.value):o?A<a.value:s<new Date(a.value))}else{const s=u.valueAsNumber||(A?+A:A);n(r.value)||(e=s>r.value),n(a.value)||(t=s<a.value)}if((e||t)&&(P(!!e,r.message,a.message,D,E),!s))return w(k[V].message),k}if((f||m)&&!L&&(q(A)||o&&Array.isArray(A))){const e=De(f),t=De(m),r=!n(e.value)&&A.length>+e.value,a=!n(t.value)&&A.length<+t.value;if((r||a)&&(P(r,e.message,t.message),!s))return w(k[V].message),k}if(v&&!L&&q(A)){const{value:e,message:t}=De(v);if(_e(e)&&!A.match(e)&&(k[V]={type:j,message:t,ref:u,...R(j,t)},!s))return w(t),k}if(h)if(ee(h)){const e=ke(await h(A,r),S);if(e&&(k[V]={...e,...R(T,e.message)},!s))return w(e.message),k}else if(l(h)){let e={};for(const t in h){if(!Y(e)&&!s)break;const a=ke(await h[t](A,r),S,t);a&&(e={...a,...R(t,a.message)},w(a.message),s&&(k[V]=e))}if(!Y(e)&&(k[V]={ref:S,...e},!s))return k}return w(!0),k};const Ce={mode:S,reValidateMode:A,shouldFocusError:!0};function Oe(e={}){let t={...Ce,...e},r={submitCount:0,isDirty:!1,isReady:!1,isLoading:ee(t.defaultValues),isValidating:!1,isSubmitted:!1,isSubmitting:!1,isSubmitSuccessful:!1,isValid:!1,touchedFields:{},dirtyFields:{},validatingFields:{},errors:t.errors||{},disabled:t.disabled||!1};const s={};let o,p=(l(t.defaultValues)||l(t.values))&&f(t.values||t.defaultValues)||{},_=t.shouldUnregister?{}:f(p),x={action:!1,mount:!1,watch:!1},F={mount:new Set,disabled:new Set,unMount:new Set,array:new Set,watch:new Set},A=0;const S={isDirty:!1,dirtyFields:!1,validatingFields:!1,touchedFields:!1,isValidating:!1,isValid:!1,errors:!1};let w={...S};const D={array:X(),state:X()},E=he(t.mode),C=he(t.reValidateMode),O=t.criteriaMode===k,j=async e=>{if(!t.disabled&&(S.isValid||w.isValid||e)){const e=t.resolver?Y((await N()).errors):await L(s,!0);e!==r.isValid&&D.state.next({isValid:e})}},M=(e,s)=>{!t.disabled&&(S.isValidating||S.validatingFields||w.isValidating||w.validatingFields)&&((e||Array.from(F.mount)).forEach((e=>{e&&(s?v(r.validatingFields,e,s):ne(r.validatingFields,e))})),D.state.next({validatingFields:r.validatingFields,isValidating:!Y(r.validatingFields)}))},T=(e,t,r,a)=>{const i=b(s,e);if(i){const s=b(_,e,y(r)?b(p,e):r);y(s)||a&&a.defaultChecked||t?v(_,e,t?s:pe(i._f)):W(e,s),x.mount&&j()}},U=(e,s,a,i,n)=>{let o=!1,l=!1;const u={name:e};if(!t.disabled){if(!a||i){(S.isDirty||w.isDirty)&&(l=r.isDirty,r.isDirty=u.isDirty=P(),o=l!==u.isDirty);const t=R(b(p,e),s);l=!!b(r.dirtyFields,e),t?ne(r.dirtyFields,e):v(r.dirtyFields,e,!0),u.dirtyFields=r.dirtyFields,o=o||(S.dirtyFields||w.dirtyFields)&&l!==!t}if(a){const t=b(r.touchedFields,e);t||(v(r.touchedFields,e,a),u.touchedFields=r.touchedFields,o=o||(S.touchedFields||w.touchedFields)&&t!==a)}o&&n&&D.state.next(u)}return o?u:{}},B=(e,s,a,i)=>{const n=b(r.errors,e),l=(S.isValid||w.isValid)&&g(s)&&r.isValid!==s;var u;if(t.delayError&&a?(u=()=>((e,t)=>{v(r.errors,e,t),D.state.next({errors:r.errors})})(e,a),o=e=>{clearTimeout(A),A=setTimeout(u,e)},o(t.delayError)):(clearTimeout(A),o=null,a?v(r.errors,e,a):ne(r.errors,e)),(a?!R(n,a):n)||!Y(i)||l){const t={...i,...l&&g(s)?{isValid:s}:{},errors:r.errors,name:e};r={...r,...t},D.state.next(t)}},N=async e=>{M(e,!0);const r=await t.resolver(_,t.context,((e,t,r,s)=>{const a={};for(const r of e){const e=b(t,r);e&&v(a,r,e._f)}return{criteriaMode:r,names:[...e],fields:a,shouldUseNativeValidation:s}})(e||F.mount,s,t.criteriaMode,t.shouldUseNativeValidation));return M(e),r},L=async(e,s,a={valid:!0})=>{for(const n in e){const o=e[n];if(o){const{_f:e,...u}=o;if(e){const u=F.array.has(e.name),d=o._f&&(!!(i=o._f)&&!!i.validate&&!!(ee(i.validate)&&i.validate.constructor.name===Ve||l(i.validate)&&Object.values(i.validate).find((e=>e.constructor.name===Ve))));d&&S.validatingFields&&M([n],!0);const c=await Ee(o,F.disabled,_,O,t.shouldUseNativeValidation&&!s,u);if(d&&S.validatingFields&&M([n]),c[e.name]&&(a.valid=!1,s))break;!s&&(b(c,e.name)?u?Se(r.errors,c,e.name):v(r.errors,e.name,c[e.name]):ne(r.errors,e.name))}!Y(u)&&await L(u,s,a)}}var i;return a.valid},P=(e,r)=>!t.disabled&&(e&&r&&v(_,e,r),!R(le(),p)),I=(e,t,r)=>$(e,F,{...x.mount?_:y(t)?p:q(e)?{[e]:t}:t},r,t),W=(e,t,r={})=>{const i=b(s,e);let o=t;if(i){const r=i._f;r&&(!r.disabled&&v(_,e,ye(t,r)),o=te(r.ref)&&n(t)?"":t,re(r.ref)?[...r.ref.options].forEach((e=>e.selected=o.includes(e.value))):r.refs?a(r.ref)?r.refs.length>1?r.refs.forEach((e=>(!e.defaultChecked||!e.disabled)&&(e.checked=Array.isArray(o)?!!o.find((t=>t===e.value)):o===e.value))):r.refs[0]&&(r.refs[0].checked=!!o):r.refs.forEach((e=>e.checked=e.value===o)):Z(r.ref)?r.ref.value="":(r.ref.value=o,r.ref.type||D.state.next({name:e,values:f(_)})))}(r.shouldDirty||r.shouldTouch)&&U(e,o,r.shouldTouch,r.shouldDirty,!0),r.shouldValidate&&oe(e)},H=(e,t,r)=>{for(const a in t){const n=t[a],o=`${e}.${a}`,u=b(s,o);(F.array.has(e)||l(n)||u&&!u._f)&&!i(n)?H(o,n,r):W(o,n,r)}},z=(e,t,a={})=>{const i=b(s,e),o=F.array.has(e),l=f(t);v(_,e,l),o?(D.array.next({name:e,values:f(_)}),(S.isDirty||S.dirtyFields||w.isDirty||w.dirtyFields)&&a.shouldDirty&&D.state.next({name:e,dirtyFields:de(p,_),isDirty:P(e,l)})):!i||i._f||n(l)?W(e,l,a):H(e,l,a),xe(e,F)&&D.state.next({...r}),D.state.next({name:x.mount?e:void 0,values:f(_)})},J=async e=>{x.mount=!0;const a=e.target;let n=a.name,l=!0;const d=b(s,n),c=e=>{l=Number.isNaN(e)||i(e)&&isNaN(e.getTime())||R(e,b(_,n,e))};if(d){let i,y;const g=a.type?pe(d._f):u(e),p=e.type===h||e.type===V,x=!((m=d._f).mount&&(m.required||m.min||m.max||m.maxLength||m.minLength||m.pattern||m.validate)||t.resolver||b(r.errors,n)||d._f.deps)||((e,t,r,s,a)=>!a.isOnAll&&(!r&&a.isOnTouch?!(t||e):(r?s.isOnBlur:a.isOnBlur)?!e:!(r?s.isOnChange:a.isOnChange)||e))(p,b(r.touchedFields,n),r.isSubmitted,C,E),A=xe(n,F,p);v(_,n,g),p?(d._f.onBlur&&d._f.onBlur(e),o&&o(0)):d._f.onChange&&d._f.onChange(e);const k=U(n,g,p),T=!Y(k)||A;if(!p&&D.state.next({name:n,type:e.type,values:f(_)}),x)return(S.isValid||w.isValid)&&("onBlur"===t.mode?p&&j():p||j()),T&&D.state.next({name:n,...A?{}:k});if(!p&&A&&D.state.next({...r}),t.resolver){const{errors:e}=await N([n]);if(c(g),l){const t=Ae(r.errors,s,n),a=Ae(e,s,t.name||n);i=a.error,n=a.name,y=Y(e)}}else M([n],!0),i=(await Ee(d,F.disabled,_,O,t.shouldUseNativeValidation))[n],M([n]),c(g),l&&(i?y=!1:(S.isValid||w.isValid)&&(y=await L(s,!0)));l&&(d._f.deps&&oe(d._f.deps),B(n,y,i,k))}var m},G=(e,t)=>{if(b(r.errors,t)&&e.focus)return e.focus(),1},oe=async(e,a={})=>{let i,n;const o=K(e);if(t.resolver){const t=await(async e=>{const{errors:t}=await N(e);if(e)for(const s of e){const e=b(t,s);e?v(r.errors,s,e):ne(r.errors,s)}else r.errors=t;return t})(y(e)?e:o);i=Y(t),n=e?!o.some((e=>b(t,e))):i}else e?(n=(await Promise.all(o.map((async e=>{const t=b(s,e);return await L(t&&t._f?{[e]:t}:t)})))).every(Boolean),(n||r.isValid)&&j()):n=i=await L(s);return D.state.next({...!q(e)||(S.isValid||w.isValid)&&i!==r.isValid?{}:{name:e},...t.resolver||!e?{isValid:i}:{},errors:r.errors}),a.shouldFocus&&!n&&Fe(s,G,e?o:F.mount),n},le=e=>{const t={...x.mount?_:p};return y(e)?t:q(e)?b(t,e):e.map((e=>b(t,e)))},ue=(e,t)=>({invalid:!!b((t||r).errors,e),isDirty:!!b((t||r).dirtyFields,e),error:b((t||r).errors,e),isValidating:!!b(r.validatingFields,e),isTouched:!!b((t||r).touchedFields,e)}),ce=(e,t,a)=>{const i=(b(s,e,{_f:{}})._f||{}).ref,n=b(r.errors,e)||{},{ref:o,message:l,type:u,...d}=n;v(r.errors,e,{...d,...t,ref:i}),D.state.next({name:e,errors:r.errors,isValid:!1}),a&&a.shouldFocus&&i&&i.focus&&i.focus()},fe=e=>D.state.subscribe({next:t=>{var s,a,i;s=e.name,a=t.name,i=e.exact,s&&a&&s!==a&&!K(s).some((e=>e&&(i?e===a:e.startsWith(a)||a.startsWith(e))))||!((e,t,r,s)=>{r(e);const{name:a,...i}=e;return Y(i)||Object.keys(i).length>=Object.keys(t).length||Object.keys(i).find((e=>t[e]===(!s||k)))})(t,e.formState||S,Oe,e.reRenderRoot)||e.callback({values:{..._},...r,...t})}}).unsubscribe,me=(e,a={})=>{for(const i of e?K(e):F.mount)F.mount.delete(i),F.array.delete(i),a.keepValue||(ne(s,i),ne(_,i)),!a.keepError&&ne(r.errors,i),!a.keepDirty&&ne(r.dirtyFields,i),!a.keepTouched&&ne(r.touchedFields,i),!a.keepIsValidating&&ne(r.validatingFields,i),!t.shouldUnregister&&!a.keepDefaultValue&&ne(p,i);D.state.next({values:f(_)}),D.state.next({...r,...a.keepDirty?{isDirty:P()}:{}}),!a.keepIsValid&&j()},be=({disabled:e,name:t})=>{(g(e)&&x.mount||e||F.disabled.has(t))&&(e?F.disabled.add(t):F.disabled.delete(t))},ge=(e,r={})=>{let i=b(s,e);const n=g(r.disabled)||g(t.disabled);return v(s,e,{...i||{},_f:{...i&&i._f?i._f:{ref:{name:e}},name:e,mount:!0,...r}}),F.mount.add(e),i?be({disabled:g(r.disabled)?r.disabled:t.disabled,name:e}):T(e,!0,r.value),{...n?{disabled:r.disabled||t.disabled}:{},...t.progressive?{required:!!r.required,min:ve(r.min),max:ve(r.max),minLength:ve(r.minLength),maxLength:ve(r.maxLength),pattern:ve(r.pattern)}:{},name:e,onChange:J,onBlur:J,ref:n=>{if(n){ge(e,r),i=b(s,e);const t=y(n.value)&&n.querySelectorAll&&n.querySelectorAll("input,select,textarea")[0]||n,o=(e=>se(e)||a(e))(t),l=i._f.refs||[];if(o?l.find((e=>e===t)):t===i._f.ref)return;v(s,e,{_f:{...i._f,...o?{refs:[...l.filter(ae),t,...Array.isArray(b(p,e))?[{}]:[]],ref:{type:t.type,name:e}}:{ref:t}}}),T(e,!1,void 0,t)}else i=b(s,e,{}),i._f&&(i._f.mount=!1),(t.shouldUnregister||r.shouldUnregister)&&(!d(F.array,e)||!x.action)&&F.unMount.add(e)}}},_e=()=>t.shouldFocusError&&Fe(s,G,F.mount),we=(e,a)=>async i=>{let n;i&&(i.preventDefault&&i.preventDefault(),i.persist&&i.persist());let o=f(_);if(D.state.next({isSubmitting:!0}),t.resolver){const{errors:e,values:t}=await N();r.errors=e,o=t}else await L(s);if(F.disabled.size)for(const e of F.disabled)v(o,e,void 0);if(ne(r.errors,"root"),Y(r.errors)){D.state.next({errors:{}});try{await e(o,i)}catch(e){n=e}}else a&&await a({...r.errors},i),_e(),setTimeout(_e);if(D.state.next({isSubmitted:!0,isSubmitting:!1,isSubmitSuccessful:Y(r.errors)&&!n,submitCount:r.submitCount+1,errors:r.errors}),n)throw n},ke=(e,a={})=>{const i=e?f(e):p,n=f(i),o=Y(e),l=o?p:n;if(a.keepDefaultValues||(p=i),!a.keepValues){if(a.keepDirtyValues){const e=new Set([...F.mount,...Object.keys(de(p,_))]);for(const t of Array.from(e))b(r.dirtyFields,t)?v(l,t,b(_,t)):z(t,b(l,t))}else{if(c&&y(e))for(const e of F.mount){const t=b(s,e);if(t&&t._f){const e=Array.isArray(t._f.refs)?t._f.refs[0]:t._f.ref;if(te(e)){const t=e.closest("form");if(t){t.reset();break}}}}for(const e of F.mount)z(e,b(l,e))}_=f(l),D.array.next({values:{...l}}),D.state.next({values:{...l}})}F={mount:a.keepDirtyValues?F.mount:new Set,unMount:new Set,array:new Set,disabled:new Set,watch:new Set,watchAll:!1,focus:""},x.mount=!S.isValid||!!a.keepIsValid||!!a.keepDirtyValues,x.watch=!!t.shouldUnregister,D.state.next({submitCount:a.keepSubmitCount?r.submitCount:0,isDirty:!o&&(a.keepDirty?r.isDirty:!(!a.keepDefaultValues||R(e,p))),isSubmitted:!!a.keepIsSubmitted&&r.isSubmitted,dirtyFields:o?{}:a.keepDirtyValues?a.keepDefaultValues&&_?de(p,_):r.dirtyFields:a.keepDefaultValues&&e?de(p,e):a.keepDirty?r.dirtyFields:{},touchedFields:a.keepTouched?r.touchedFields:{},errors:a.keepErrors?r.errors:{},isSubmitSuccessful:!!a.keepIsSubmitSuccessful&&r.isSubmitSuccessful,isSubmitting:!1})},De=(e,t)=>ke(ee(e)?e(_):e,t),Oe=e=>{r={...r,...e}},je=Q(e.id),Me={control:{register:ge,unregister:me,getFieldState:ue,handleSubmit:we,setError:ce,_subscribe:fe,_runSchema:N,_getWatch:I,_getDirty:P,_setValid:j,_setFieldArray:(e,a=[],i,n,o=!0,l=!0)=>{if(n&&i&&!t.disabled){if(x.action=!0,l&&Array.isArray(b(s,e))){const t=i(b(s,e),n.argA,n.argB);o&&v(s,e,t)}if(l&&Array.isArray(b(r.errors,e))){const t=i(b(r.errors,e),n.argA,n.argB);o&&v(r.errors,e,t),((e,t)=>{!m(b(e,t)).length&&ne(e,t)})(r.errors,e)}if((S.touchedFields||w.touchedFields)&&l&&Array.isArray(b(r.touchedFields,e))){const t=i(b(r.touchedFields,e),n.argA,n.argB);o&&v(r.touchedFields,e,t)}(S.dirtyFields||w.dirtyFields)&&(r.dirtyFields=de(p,_)),D.state.next({name:e,isDirty:P(e,a),dirtyFields:r.dirtyFields,errors:r.errors,isValid:r.isValid})}else v(_,e,a)},_setDisabledField:be,_setErrors:e=>{r.errors=e,D.state.next({errors:r.errors,isValid:!1})},_getFieldArray:e=>m(b(x.mount?_:p,e,t.shouldUnregister?b(p,e,[]):[])),_reset:ke,_resetDefaultValues:()=>ee(t.defaultValues)&&t.defaultValues().then((e=>{De(e,t.resetOptions),D.state.next({isLoading:!1})})),_removeUnmounted:()=>{for(const e of F.unMount){const t=b(s,e);t&&(t._f.refs?t._f.refs.every((e=>!ae(e))):!ae(t._f.ref))&&me(e)}F.unMount=new Set},_disableForm:e=>{g(e)&&(D.state.next({disabled:e}),Fe(s,((t,r)=>{const a=b(s,r);a&&(t.disabled=a._f.disabled||e,Array.isArray(a._f.refs)&&a._f.refs.forEach((t=>{t.disabled=a._f.disabled||e})))}),0,!1))},_subjects:D,_proxyFormState:S,get _fields(){return s},get _formValues(){return _},get _state(){return x},set _state(e){x=e},get _defaultValues(){return p},get _names(){return F},set _names(e){F=e},get _formState(){return r},get _options(){return t},set _options(e){t={...t,...e}}},subscribe:e=>(x.mount=!0,w={...w,...e.formState},fe({...e,formState:w})),trigger:oe,register:ge,handleSubmit:we,watch:(e,t)=>ee(e)?D.state.subscribe({next:r=>e(I(void 0,t),r)}):I(e,t,!0),setValue:z,getValues:le,reset:De,resetField:(e,t={})=>{b(s,e)&&(y(t.defaultValue)?z(e,f(b(p,e))):(z(e,t.defaultValue),v(p,e,f(t.defaultValue))),t.keepTouched||ne(r.touchedFields,e),t.keepDirty||(ne(r.dirtyFields,e),r.isDirty=t.defaultValue?P(e,f(b(p,e))):P()),t.keepError||(ne(r.errors,e),S.isValid&&j()),D.state.next({...r}))},clearErrors:e=>{e&&K(e).forEach((e=>ne(r.errors,e))),D.state.next({errors:e?r.errors:{}})},unregister:me,setError:ce,setFocus:(e,t={})=>{const r=b(s,e),a=r&&r._f;if(a){const e=a.refs?a.refs[0]:a.ref;e.focus&&(e.focus(),t.shouldSelect&&ee(e.select)&&e.select())}},getFieldState:ue,id:je,submit:()=>{ie(je)}};return{...Me,formControl:Me}}var je=()=>{const e="undefined"==typeof performance?Date.now():1e3*performance.now();return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(t=>{const r=(16*Math.random()+e)%16|0;return("x"==t?r:3&r|8).toString(16)}))},Me=(e,t,r={})=>r.shouldFocus||y(r.shouldFocus)?r.focusName||`${e}.${y(r.focusIndex)?t:r.focusIndex}.`:"",Te=(e,t)=>[...e,...K(t)],Ue=e=>Array.isArray(e)?e.map((()=>{})):void 0;function Be(e,t,r){return[...e.slice(0,t),...K(r),...e.slice(t)]}var Ne=(e,t,r)=>Array.isArray(e)?(y(e[r])&&(e[r]=void 0),e.splice(r,0,e.splice(t,1)[0]),e):[],Le=(e,t)=>[...K(t),...K(e)];var Re=(e,t)=>y(t)?[]:function(e,t){let r=0;const s=[...e];for(const e of t)s.splice(e-r,1),r++;return m(s).length?s:[]}(e,K(t).sort(((e,t)=>e-t))),Pe=(e,t,r)=>{[e[t],e[r]]=[e[r],e[t]]},Ie=(e,t,r)=>(e[t]=r,e);const qe="undefined"!=typeof window?e.useLayoutEffect:e.useEffect;exports.Controller=e=>e.render(H(e)),exports.Form=function(t){const r=B(),[s,a]=e.useState(!1),{control:i=r.control,onSubmit:n,children:o,action:l,method:u=J,headers:d,encType:c,onError:f,render:m,onSuccess:y,validateStatus:b,...g}=t,p=async e=>{let r=!1,s="";await i.handleSubmit((async t=>{const a=new FormData;let o="";try{o=JSON.stringify(t)}catch(e){}const m=z(i._formValues);for(const e in m)a.append(e,m[e]);if(n&&await n({data:t,event:e,method:u,formData:a,formDataJson:o}),l)try{const e=[d&&d["Content-Type"],c].some((e=>e&&e.includes("json"))),t=await fetch(String(l),{method:u,headers:{...d,...c?{"Content-Type":c}:{}},body:e?o:a});t&&(b?!b(t.status):t.status<200||t.status>=300)?(r=!0,f&&f({response:t}),s=String(t.status)):y&&y({response:t})}catch(e){r=!0,f&&f({error:e})}}))(e),r&&t.control&&(t.control._subjects.state.next({isSubmitSuccessful:!1}),t.control.setError("root.server",{type:s}))};return e.useEffect((()=>{a(!0)}),[]),m?e.createElement(e.Fragment,null,m({submit:p})):e.createElement("form",{noValidate:s,action:l,method:u,encType:c,onSubmit:p,...g},o)},exports.FormProvider=t=>{const{children:r,...s}=t;return e.createElement(U.Provider,{value:s},r)},exports.appendErrors=G,exports.createFormControl=Oe,exports.get=b,exports.set=v,exports.submit=ie,exports.useController=H,exports.useFieldArray=function(t){const r=B(),{control:s=r.control,name:a,keyName:i="id",shouldUnregister:n,rules:o}=t,[l,u]=e.useState(s._getFieldArray(a)),d=e.useRef(s._getFieldArray(a).map(je)),c=e.useRef(l),m=e.useRef(a),y=e.useRef(!1);m.current=a,c.current=l,s._names.array.add(a),o&&s.register(a,o),e.useEffect((()=>s._subjects.array.subscribe({next:({values:e,name:t})=>{if(t===m.current||!t){const t=b(e,m.current);Array.isArray(t)&&(u(t),d.current=t.map(je))}}}).unsubscribe),[s]);const g=e.useCallback((e=>{y.current=!0,s._setFieldArray(a,e)}),[s,a]);return e.useEffect((()=>{if(s._state.action=!1,xe(a,s._names)&&s._subjects.state.next({...s._formState}),y.current&&(!he(s._options.mode).isOnSubmit||s._formState.isSubmitted)&&!he(s._options.reValidateMode).isOnSubmit)if(s._options.resolver)s._runSchema([a]).then((e=>{const t=b(e.errors,a),r=b(s._formState.errors,a);(r?!t&&r.type||t&&(r.type!==t.type||r.message!==t.message):t&&t.type)&&(t?v(s._formState.errors,a,t):ne(s._formState.errors,a),s._subjects.state.next({errors:s._formState.errors}))}));else{const e=b(s._fields,a);!e||!e._f||he(s._options.reValidateMode).isOnSubmit&&he(s._options.mode).isOnSubmit||Ee(e,s._names.disabled,s._formValues,s._options.criteriaMode===k,s._options.shouldUseNativeValidation,!0).then((e=>!Y(e)&&s._subjects.state.next({errors:Se(s._formState.errors,e,a)})))}s._subjects.state.next({name:a,values:f(s._formValues)}),s._names.focus&&Fe(s._fields,((e,t)=>{if(s._names.focus&&t.startsWith(s._names.focus)&&e.focus)return e.focus(),1})),s._names.focus="",s._setValid(),y.current=!1}),[l,a,s]),e.useEffect((()=>(!b(s._formValues,a)&&s._setFieldArray(a),()=>{s._options.shouldUnregister||n?s.unregister(a):((e,t)=>{const r=b(s._fields,e);r&&r._f&&(r._f.mount=t)})(a,!1)})),[a,s,i,n]),{swap:e.useCallback(((e,t)=>{const r=s._getFieldArray(a);Pe(r,e,t),Pe(d.current,e,t),g(r),u(r),s._setFieldArray(a,r,Pe,{argA:e,argB:t},!1)}),[g,a,s]),move:e.useCallback(((e,t)=>{const r=s._getFieldArray(a);Ne(r,e,t),Ne(d.current,e,t),g(r),u(r),s._setFieldArray(a,r,Ne,{argA:e,argB:t},!1)}),[g,a,s]),prepend:e.useCallback(((e,t)=>{const r=K(f(e)),i=Le(s._getFieldArray(a),r);s._names.focus=Me(a,0,t),d.current=Le(d.current,r.map(je)),g(i),u(i),s._setFieldArray(a,i,Le,{argA:Ue(e)})}),[g,a,s]),append:e.useCallback(((e,t)=>{const r=K(f(e)),i=Te(s._getFieldArray(a),r);s._names.focus=Me(a,i.length-1,t),d.current=Te(d.current,r.map(je)),g(i),u(i),s._setFieldArray(a,i,Te,{argA:Ue(e)})}),[g,a,s]),remove:e.useCallback((e=>{const t=Re(s._getFieldArray(a),e);d.current=Re(d.current,e),g(t),u(t),!Array.isArray(b(s._fields,a))&&v(s._fields,a,void 0),s._setFieldArray(a,t,Re,{argA:e})}),[g,a,s]),insert:e.useCallback(((e,t,r)=>{const i=K(f(t)),n=Be(s._getFieldArray(a),e,i);s._names.focus=Me(a,e,r),d.current=Be(d.current,e,i.map(je)),g(n),u(n),s._setFieldArray(a,n,Be,{argA:e,argB:Ue(t)})}),[g,a,s]),update:e.useCallback(((e,t)=>{const r=f(t),i=Ie(s._getFieldArray(a),e,r);d.current=[...i].map(((t,r)=>t&&r!==e?d.current[r]:je())),g(i),u([...i]),s._setFieldArray(a,i,Ie,{argA:e,argB:r},!0,!1)}),[g,a,s]),replace:e.useCallback((e=>{const t=K(f(e));d.current=t.map(je),g([...t]),u([...t]),s._setFieldArray(a,[...t],(e=>e),{},!0,!1)}),[g,a,s]),fields:e.useMemo((()=>l.map(((e,t)=>({...e,[i]:d.current[t]||je()})))),[l,i])}},exports.useForm=function(t={}){const r=e.useRef(void 0),s=e.useRef(void 0),[a,i]=e.useState({isDirty:!1,isValidating:!1,isLoading:ee(t.defaultValues),isSubmitted:!1,isSubmitting:!1,isSubmitSuccessful:!1,isValid:!1,submitCount:0,dirtyFields:{},touchedFields:{},validatingFields:{},errors:t.errors||{},disabled:t.disabled||!1,isReady:!1,defaultValues:ee(t.defaultValues)?void 0:t.defaultValues});r.current||(r.current={...t.formControl?t.formControl:Oe(t),formState:a},t.formControl&&t.defaultValues&&!ee(t.defaultValues)&&t.formControl.reset(t.defaultValues,t.resetOptions));const n=r.current.control;return n._options=t,qe((()=>{const e=n._subscribe({formState:n._proxyFormState,callback:()=>i({...n._formState}),reRenderRoot:!0});return i((e=>({...e,isReady:!0}))),n._formState.isReady=!0,e}),[n]),e.useEffect((()=>n._disableForm(t.disabled)),[n,t.disabled]),e.useEffect((()=>{t.mode&&(n._options.mode=t.mode),t.reValidateMode&&(n._options.reValidateMode=t.reValidateMode),t.errors&&!Y(t.errors)&&n._setErrors(t.errors)}),[n,t.errors,t.mode,t.reValidateMode]),e.useEffect((()=>{t.shouldUnregister&&n._subjects.state.next({values:n._getWatch()})}),[n,t.shouldUnregister]),e.useEffect((()=>{if(n._proxyFormState.isDirty){const e=n._getDirty();e!==a.isDirty&&n._subjects.state.next({isDirty:e})}}),[n,a.isDirty]),e.useEffect((()=>{t.values&&!R(t.values,s.current)?(n._reset(t.values,n._options.resetOptions),s.current=t.values,i((e=>({...e})))):n._resetDefaultValues()}),[n,t.values]),e.useEffect((()=>{n._state.mount||(n._setValid(),n._state.mount=!0),n._state.watch&&(n._state.watch=!1,n._subjects.state.next({...n._formState})),n._removeUnmounted()})),e.useEffect((()=>{if(r.current&&void 0!==t.id&&r.current.id!==t.id){const e=Q(t.id);r.current.id=e,r.current.submit=()=>{ie(e)},i((e=>({...e})))}}),[t.id]),r.current.formState=N(a,n),r.current},exports.useFormContext=B,exports.useFormState=I,exports.useWatch=W;
|
|
2
|
+
//# sourceMappingURL=index.cjs.js.map
|