@saas-ui/forms 3.0.0-next.3 → 3.0.0-next.30
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/CHANGELOG.md +212 -0
- package/dist/index.d.mts +58 -82
- package/dist/index.d.ts +58 -82
- package/dist/index.js +27 -10
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +28 -11
- package/dist/index.mjs.map +1 -1
- package/package.json +7 -11
package/CHANGELOG.md
CHANGED
@@ -1,5 +1,217 @@
|
|
1
1
|
# @saas-ui/forms
|
2
2
|
|
3
|
+
## 3.0.0-next.30
|
4
|
+
|
5
|
+
### Patch Changes
|
6
|
+
|
7
|
+
- Updated dependencies
|
8
|
+
- @saas-ui/core@3.0.0-next.6
|
9
|
+
- @saas-ui/react@3.0.0-next.30
|
10
|
+
|
11
|
+
## 3.0.0-next.29
|
12
|
+
|
13
|
+
### Patch Changes
|
14
|
+
|
15
|
+
- Updated dependencies [c2372f9]
|
16
|
+
- Updated dependencies [495b0c6]
|
17
|
+
- @saas-ui/core@3.0.0-next.5
|
18
|
+
- @saas-ui/react@3.0.0-next.29
|
19
|
+
|
20
|
+
## 3.0.0-next.28
|
21
|
+
|
22
|
+
### Patch Changes
|
23
|
+
|
24
|
+
- 8726803: Export StandardSchemaV1 type
|
25
|
+
- Updated dependencies [bab2041]
|
26
|
+
- Updated dependencies [b136ede]
|
27
|
+
- Updated dependencies [dd1f9e1]
|
28
|
+
- Updated dependencies [dd1f9e1]
|
29
|
+
- Updated dependencies [bab2041]
|
30
|
+
- @saas-ui/react@3.0.0-next.28
|
31
|
+
|
32
|
+
## 3.0.0-next.27
|
33
|
+
|
34
|
+
### Patch Changes
|
35
|
+
|
36
|
+
- Updated dependencies [5013269]
|
37
|
+
- @saas-ui/react@3.0.0-next.27
|
38
|
+
|
39
|
+
## 3.0.0-next.26
|
40
|
+
|
41
|
+
### Patch Changes
|
42
|
+
|
43
|
+
- Updated dependencies
|
44
|
+
- @saas-ui/react@3.0.0-next.26
|
45
|
+
|
46
|
+
## 3.0.0-next.25
|
47
|
+
|
48
|
+
### Patch Changes
|
49
|
+
|
50
|
+
- Updated dependencies
|
51
|
+
- @saas-ui/react@3.0.0-next.25
|
52
|
+
|
53
|
+
## 3.0.0-next.24
|
54
|
+
|
55
|
+
### Patch Changes
|
56
|
+
|
57
|
+
- Updated dependencies
|
58
|
+
- @saas-ui/react@3.0.0-next.24
|
59
|
+
|
60
|
+
## 3.0.0-next.23
|
61
|
+
|
62
|
+
### Patch Changes
|
63
|
+
|
64
|
+
- Updated dependencies [fc4a915]
|
65
|
+
- @saas-ui/react@3.0.0-next.23
|
66
|
+
|
67
|
+
## 3.0.0-next.22
|
68
|
+
|
69
|
+
### Patch Changes
|
70
|
+
|
71
|
+
- Updated dependencies [40e4dea]
|
72
|
+
- @saas-ui/react@3.0.0-next.22
|
73
|
+
|
74
|
+
## 3.0.0-next.21
|
75
|
+
|
76
|
+
### Patch Changes
|
77
|
+
|
78
|
+
- Updated dependencies [b48ad37]
|
79
|
+
- @saas-ui/react@3.0.0-next.21
|
80
|
+
|
81
|
+
## 3.0.0-next.20
|
82
|
+
|
83
|
+
### Minor Changes
|
84
|
+
|
85
|
+
- f18c762: useForm now supports standard schema, with support for zod, valibot, arktype and more.
|
86
|
+
|
87
|
+
### Patch Changes
|
88
|
+
|
89
|
+
- Updated dependencies [729b57d]
|
90
|
+
- @saas-ui/react@3.0.0-next.20
|
91
|
+
|
92
|
+
## 3.0.0-next.19
|
93
|
+
|
94
|
+
### Patch Changes
|
95
|
+
|
96
|
+
- Updated dependencies
|
97
|
+
- @saas-ui/react@3.0.0-next.19
|
98
|
+
|
99
|
+
## 3.0.0-next.18
|
100
|
+
|
101
|
+
### Patch Changes
|
102
|
+
|
103
|
+
- Updated dependencies
|
104
|
+
- @saas-ui/react@3.0.0-next.18
|
105
|
+
|
106
|
+
## 3.0.0-next.17
|
107
|
+
|
108
|
+
### Patch Changes
|
109
|
+
|
110
|
+
- Updated dependencies [d87c2ac]
|
111
|
+
- @saas-ui/react@3.0.0-next.17
|
112
|
+
- @saas-ui/core@3.0.0-next.4
|
113
|
+
|
114
|
+
## 3.0.0-next.16
|
115
|
+
|
116
|
+
### Patch Changes
|
117
|
+
|
118
|
+
- @saas-ui/core@3.0.0-next.3
|
119
|
+
- @saas-ui/react@3.0.0-next.16
|
120
|
+
|
121
|
+
## 3.0.0-next.15
|
122
|
+
|
123
|
+
### Patch Changes
|
124
|
+
|
125
|
+
- Updated dependencies [d4fb186]
|
126
|
+
- Updated dependencies [a169eb7]
|
127
|
+
- Updated dependencies [d4fb186]
|
128
|
+
- @saas-ui/react@3.0.0-next.15
|
129
|
+
|
130
|
+
## 3.0.0-next.14
|
131
|
+
|
132
|
+
### Minor Changes
|
133
|
+
|
134
|
+
- 546dca1: BREAKING: Form onSubmit prop moved to useForm, Form onSubmit now accepts the native onSubmit handler and will override the build in form handler.
|
135
|
+
- 546dca1: BREAKING: Form onError moved to useForm and renamed to onInvalid
|
136
|
+
|
137
|
+
### Patch Changes
|
138
|
+
|
139
|
+
- Updated dependencies [78d7999]
|
140
|
+
- Updated dependencies [042ec4f]
|
141
|
+
- @saas-ui/react@3.0.0-next.14
|
142
|
+
|
143
|
+
## 3.0.0-next.13
|
144
|
+
|
145
|
+
### Patch Changes
|
146
|
+
|
147
|
+
- Updated dependencies [f995ba3]
|
148
|
+
- @saas-ui/react@3.0.0-next.13
|
149
|
+
|
150
|
+
## 3.0.0-next.12
|
151
|
+
|
152
|
+
### Patch Changes
|
153
|
+
|
154
|
+
- 2afe09f: Fixed missing ref prop on form field type
|
155
|
+
- Updated dependencies [2afe09f]
|
156
|
+
- @saas-ui/react@3.0.0-next.12
|
157
|
+
|
158
|
+
## 3.0.0-next.11
|
159
|
+
|
160
|
+
### Patch Changes
|
161
|
+
|
162
|
+
- Updated dependencies [dae627e]
|
163
|
+
- @saas-ui/core@3.0.0-next.2
|
164
|
+
- @saas-ui/react@3.0.0-next.11
|
165
|
+
|
166
|
+
## 3.0.0-next.10
|
167
|
+
|
168
|
+
### Patch Changes
|
169
|
+
|
170
|
+
- Updated dependencies
|
171
|
+
- @saas-ui/react@3.0.0-next.10
|
172
|
+
|
173
|
+
## 3.0.0-next.9
|
174
|
+
|
175
|
+
### Patch Changes
|
176
|
+
|
177
|
+
- Updated dependencies
|
178
|
+
- @saas-ui/react@3.0.0-next.9
|
179
|
+
|
180
|
+
## 3.0.0-next.8
|
181
|
+
|
182
|
+
### Patch Changes
|
183
|
+
|
184
|
+
- Updated dependencies
|
185
|
+
- @saas-ui/react@3.0.0-next.8
|
186
|
+
|
187
|
+
## 3.0.0-next.7
|
188
|
+
|
189
|
+
### Patch Changes
|
190
|
+
|
191
|
+
- Updated dependencies
|
192
|
+
- @saas-ui/react@3.0.0-next.7
|
193
|
+
|
194
|
+
## 3.0.0-next.6
|
195
|
+
|
196
|
+
### Patch Changes
|
197
|
+
|
198
|
+
- Updated dependencies
|
199
|
+
- @saas-ui/react@3.0.0-next.6
|
200
|
+
|
201
|
+
## 3.0.0-next.5
|
202
|
+
|
203
|
+
### Patch Changes
|
204
|
+
|
205
|
+
- Updated dependencies
|
206
|
+
- @saas-ui/react@3.0.0-next.5
|
207
|
+
|
208
|
+
## 3.0.0-next.4
|
209
|
+
|
210
|
+
### Patch Changes
|
211
|
+
|
212
|
+
- Updated dependencies [e86d242]
|
213
|
+
- @saas-ui/react@3.0.0-next.4
|
214
|
+
|
3
215
|
## 3.0.0-next.3
|
4
216
|
|
5
217
|
### Patch Changes
|
package/dist/index.d.mts
CHANGED
@@ -4,7 +4,7 @@ import { SimpleGridProps, RecipeProps, InputProps, SystemStyleObject, TextareaPr
|
|
4
4
|
import { MaybeRenderProp } from '@saas-ui/core/utils';
|
5
5
|
import * as react_hook_form from 'react-hook-form';
|
6
6
|
import { FieldValues, FieldPath, UseFormReturn as UseFormReturn$2, UseFieldArrayReturn, UseFormProps as UseFormProps$1, WatchObserver, SubmitHandler, SubmitErrorHandler, ResolverOptions, ResolverResult, RegisterOptions, useForm as useForm$1, DefaultValues, FormProviderProps as FormProviderProps$1 } from 'react-hook-form';
|
7
|
-
export { ArrayPath, BatchFieldArrayUpdate, BrowserNativeObject, ChangeHandler, Control, Controller, ControllerFieldState, ControllerProps, ControllerRenderProps, CriteriaMode, CustomElement, DeepMap, DeepPartial, DeepPartialSkipArrayKey, DeepRequired, DefaultValues, DelayCallback, EmptyObject, ErrorOption, EventType, ExtractObjects, FieldArray, FieldArrayMethodProps, FieldArrayPath, FieldArrayPathValue, FieldArrayWithId, Field as FieldDef, FieldElement, FieldError, FieldErrors, FieldErrorsImpl, FieldName, FieldNamesMarkedBoolean, FieldPath, FieldPathByValue, FieldPathValue, FieldPathValues, FieldRefs, FieldValue, FieldValues, FormProviderProps, FormState, FormStateProxy, FormStateSubjectRef, GetIsDirty, InternalFieldErrors, InternalFieldName, InternalNameSet, IsAny, IsFlatObject, KeepStateOptions, LiteralUnion, Message, Mode, MultipleFieldErrors, Names, NativeFieldValue, NestedValue, NonUndefined, Noop, Primitive, ReadFormState, Ref, RefCallBack, RegisterOptions, Resolver, ResolverError, ResolverOptions, ResolverResult, ResolverSuccess, SetFieldValue, SetValueConfig, Subjects, SubmitErrorHandler, SubmitHandler, TriggerConfig,
|
7
|
+
export { ArrayPath, BatchFieldArrayUpdate, BrowserNativeObject, ChangeHandler, Control, Controller, ControllerFieldState, ControllerProps, ControllerRenderProps, CriteriaMode, CustomElement, DeepMap, DeepPartial, DeepPartialSkipArrayKey, DeepRequired, DefaultValues, DelayCallback, EmptyObject, ErrorOption, EventType, ExtractObjects, FieldArray, FieldArrayMethodProps, FieldArrayPath, FieldArrayPathValue, FieldArrayWithId, Field as FieldDef, FieldElement, FieldError, FieldErrors, FieldErrorsImpl, FieldName, FieldNamesMarkedBoolean, FieldPath, FieldPathByValue, FieldPathValue, FieldPathValues, FieldRefs, FieldValue, FieldValues, FormProviderProps, FormState, FormStateProxy, FormStateSubjectRef, GetIsDirty, InternalFieldErrors, InternalFieldName, InternalNameSet, IsAny, IsFlatObject, KeepStateOptions, LiteralUnion, Message, Mode, MultipleFieldErrors, Names, NativeFieldValue, NestedValue, NonUndefined, Noop, Primitive, ReadFormState, Ref, RefCallBack, RegisterOptions, Resolver, ResolverError, ResolverOptions, ResolverResult, ResolverSuccess, SetFieldValue, SetValueConfig, Subjects, SubmitErrorHandler, SubmitHandler, TriggerConfig, UseControllerProps, UseControllerReturn, UseFieldArrayProps, UseFieldArrayReturn, UseFormClearErrors, UseFormGetValues, UseFormHandleSubmit, UseFormRegister, UseFormRegisterReturn, UseFormReset, UseFormResetField, UseFormSetError, UseFormSetFocus, UseFormSetValue, UseFormStateProps, UseFormStateReturn, UseFormTrigger, UseFormUnregister, UseFormWatch, UseWatchProps, Validate, ValidateResult, ValidationMode, ValidationRule, ValidationValue, ValidationValueMessage, WatchInternal, WatchObserver, appendErrors, useController, useFieldArray, useFormState, useWatch } from 'react-hook-form';
|
8
8
|
import { CheckboxProps } from '@saas-ui/react/checkbox';
|
9
9
|
import { NumberInputProps } from '@saas-ui/react/number-input';
|
10
10
|
import { PasswordInputProps } from '@saas-ui/react/password-input';
|
@@ -13,8 +13,9 @@ import { RadioGroup } from '@saas-ui/react/radio-group';
|
|
13
13
|
import { Select } from '@saas-ui/react/select';
|
14
14
|
import { SwitchProps } from '@saas-ui/react/switch';
|
15
15
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
16
|
-
import { UseStepperReturn } from '@saas-ui/core';
|
17
16
|
import { ButtonProps } from '@saas-ui/react/button';
|
17
|
+
import { StandardSchemaV1 } from '@standard-schema/spec';
|
18
|
+
export { StandardSchemaV1 } from '@standard-schema/spec';
|
18
19
|
import { z } from 'zod';
|
19
20
|
|
20
21
|
interface FormLayoutOptions {
|
@@ -38,13 +39,13 @@ interface InputFieldProps extends InputProps {
|
|
38
39
|
startElement?: React__default.ReactNode;
|
39
40
|
endElement?: React__default.ReactNode;
|
40
41
|
}
|
41
|
-
declare const InputField: React__default.
|
42
|
+
declare const InputField: React__default.ForwardRefExoticComponent<Omit<BaseFieldProps<react_hook_form.FieldValues, string>, keyof InputFieldProps> & InputFieldProps & React__default.RefAttributes<HTMLInputElement>>;
|
42
43
|
interface NumberInputFieldProps extends NumberInputProps {
|
43
44
|
type: 'number';
|
44
45
|
}
|
45
46
|
interface TextareaFieldProps extends TextareaProps {
|
46
47
|
}
|
47
|
-
declare const TextareaField: React__default.
|
48
|
+
declare const TextareaField: React__default.ForwardRefExoticComponent<Omit<BaseFieldProps<react_hook_form.FieldValues, string>, keyof TextareaFieldProps> & TextareaFieldProps & React__default.RefAttributes<HTMLTextAreaElement>>;
|
48
49
|
interface SwitchFieldProps extends SwitchProps {
|
49
50
|
type: 'switch';
|
50
51
|
}
|
@@ -75,19 +76,19 @@ interface PinFieldProps extends Omit<PinInputProps, 'type' | 'value' | 'onChange
|
|
75
76
|
onChange?: (value: string) => void;
|
76
77
|
}
|
77
78
|
declare const defaultFieldTypes: {
|
78
|
-
text: React__default.
|
79
|
-
email: React__default.
|
80
|
-
url: React__default.
|
81
|
-
phone: React__default.
|
82
|
-
time: React__default.
|
83
|
-
number: React__default.
|
84
|
-
pin: React__default.
|
85
|
-
checkbox: React__default.
|
86
|
-
radio: React__default.
|
87
|
-
password: React__default.
|
88
|
-
select: React__default.
|
89
|
-
switch: React__default.
|
90
|
-
textarea: React__default.
|
79
|
+
text: React__default.ForwardRefExoticComponent<Omit<BaseFieldProps<react_hook_form.FieldValues, string>, keyof InputFieldProps> & InputFieldProps & React__default.RefAttributes<HTMLInputElement>>;
|
80
|
+
email: React__default.ForwardRefExoticComponent<Omit<BaseFieldProps<react_hook_form.FieldValues, string>, keyof InputFieldProps> & InputFieldProps & React__default.RefAttributes<HTMLInputElement>>;
|
81
|
+
url: React__default.ForwardRefExoticComponent<Omit<BaseFieldProps<react_hook_form.FieldValues, string>, keyof InputFieldProps> & InputFieldProps & React__default.RefAttributes<HTMLInputElement>>;
|
82
|
+
phone: React__default.ForwardRefExoticComponent<Omit<BaseFieldProps<react_hook_form.FieldValues, string>, keyof InputFieldProps> & InputFieldProps & React__default.RefAttributes<HTMLInputElement>>;
|
83
|
+
time: React__default.ForwardRefExoticComponent<Omit<BaseFieldProps<react_hook_form.FieldValues, string>, keyof InputFieldProps> & InputFieldProps & React__default.RefAttributes<HTMLInputElement>>;
|
84
|
+
number: React__default.ForwardRefExoticComponent<Omit<BaseFieldProps<react_hook_form.FieldValues, string>, keyof NumberInputFieldProps> & NumberInputFieldProps & React__default.RefAttributes<HTMLInputElement>>;
|
85
|
+
pin: React__default.ForwardRefExoticComponent<Omit<BaseFieldProps<react_hook_form.FieldValues, string>, keyof PinFieldProps> & PinFieldProps & React__default.RefAttributes<HTMLInputElement>>;
|
86
|
+
checkbox: React__default.ForwardRefExoticComponent<Omit<BaseFieldProps<react_hook_form.FieldValues, string>, keyof CheckboxFieldProps> & CheckboxFieldProps & React__default.RefAttributes<HTMLInputElement>>;
|
87
|
+
radio: React__default.ForwardRefExoticComponent<Omit<BaseFieldProps<react_hook_form.FieldValues, string>, keyof RadioFieldProps> & RadioFieldProps & React__default.RefAttributes<HTMLInputElement>>;
|
88
|
+
password: React__default.ForwardRefExoticComponent<Omit<BaseFieldProps<react_hook_form.FieldValues, string>, keyof PasswordInputProps> & PasswordInputProps & React__default.RefAttributes<HTMLInputElement>>;
|
89
|
+
select: React__default.ForwardRefExoticComponent<Omit<BaseFieldProps<react_hook_form.FieldValues, string>, keyof SelectFieldProps<boolean>> & SelectFieldProps<boolean> & React__default.RefAttributes<HTMLDivElement>>;
|
90
|
+
switch: React__default.ForwardRefExoticComponent<Omit<BaseFieldProps<react_hook_form.FieldValues, string>, keyof SwitchFieldProps> & SwitchFieldProps & React__default.RefAttributes<HTMLInputElement>>;
|
91
|
+
textarea: React__default.ForwardRefExoticComponent<Omit<BaseFieldProps<react_hook_form.FieldValues, string>, keyof TextareaFieldProps> & TextareaFieldProps & React__default.RefAttributes<HTMLTextAreaElement>>;
|
91
92
|
};
|
92
93
|
type DefaultFields = typeof defaultFieldTypes;
|
93
94
|
|
@@ -272,57 +273,6 @@ type FormComponent = (<TSchema = unknown, TFieldValues extends FieldValues = Fie
|
|
272
273
|
};
|
273
274
|
type GetResolver = <TFieldValues extends FieldValues, TContext extends object>(schema: unknown) => (values: TFieldValues, context: TContext | undefined, options: ResolverOptions<TFieldValues>) => ResolverResult<TFieldValues> | Promise<ResolverResult<TFieldValues>>;
|
274
275
|
|
275
|
-
type FormStepSubmitHandler<TFieldValues extends FieldValues = FieldValues> = (data: TFieldValues, stepper: UseStepperReturn) => Promise<void>;
|
276
|
-
type StepName<T extends {
|
277
|
-
[k: number]: {
|
278
|
-
readonly name: string;
|
279
|
-
};
|
280
|
-
}> = T[number]['name'];
|
281
|
-
interface StepFormRenderContext<TSteps extends StepsOptions<any> = StepsOptions<any>, TFieldValues extends FieldValues = FieldValues, TContext extends object = object, TFieldTypes = FieldProps<TFieldValues>> extends UseStepFormReturn<TFieldValues> {
|
282
|
-
Field: React$1.FC<TFieldTypes & React$1.RefAttributes<FocusableElement>>;
|
283
|
-
FormStep: React$1.FC<FormStepProps<StepName<TSteps>>>;
|
284
|
-
DisplayIf: React$1.FC<DisplayIfProps<TFieldValues>>;
|
285
|
-
ArrayField: React$1.FC<ArrayFieldProps<TFieldValues> & React$1.RefAttributes<UseArrayFieldReturn>>;
|
286
|
-
ObjectField: React$1.FC<ObjectFieldProps<TFieldValues>>;
|
287
|
-
}
|
288
|
-
interface UseStepFormReturn<TFieldValues extends FieldValues = FieldValues> extends UseStepperReturn {
|
289
|
-
getFormProps(): {
|
290
|
-
onSubmit: SubmitHandler<TFieldValues>;
|
291
|
-
schema?: any;
|
292
|
-
resolver?: any;
|
293
|
-
};
|
294
|
-
updateStep(step: any): void;
|
295
|
-
steps: Record<string, any>;
|
296
|
-
}
|
297
|
-
|
298
|
-
type StepsOptions<TSchema, TName extends string = string> = {
|
299
|
-
/**
|
300
|
-
* The step name
|
301
|
-
*/
|
302
|
-
name: TName;
|
303
|
-
/**
|
304
|
-
* Schema
|
305
|
-
*/
|
306
|
-
schema?: TSchema;
|
307
|
-
}[];
|
308
|
-
interface FormStepOptions<TName extends string = string> {
|
309
|
-
/**
|
310
|
-
* The step name
|
311
|
-
*/
|
312
|
-
name: TName;
|
313
|
-
/**
|
314
|
-
* Schema
|
315
|
-
*/
|
316
|
-
schema?: any;
|
317
|
-
/**
|
318
|
-
* Hook Form Resolver
|
319
|
-
*/
|
320
|
-
resolver?: any;
|
321
|
-
}
|
322
|
-
interface FormStepProps<TName extends string = string> extends FormStepOptions<TName>, Omit<HTMLChakraProps<'div'>, 'onSubmit'> {
|
323
|
-
onSubmit?: FormStepSubmitHandler;
|
324
|
-
}
|
325
|
-
|
326
276
|
interface SubmitButtonProps extends ButtonProps {
|
327
277
|
/**
|
328
278
|
* Disable the submit button if the form is untouched.
|
@@ -386,6 +336,26 @@ interface BaseFieldProps<TFieldValues extends FieldValues = FieldValues, TName e
|
|
386
336
|
* The input placeholder
|
387
337
|
*/
|
388
338
|
placeholder?: string;
|
339
|
+
/**
|
340
|
+
* Whether the field is invalid
|
341
|
+
*/
|
342
|
+
invalid?: boolean;
|
343
|
+
/**
|
344
|
+
* Whether the field is required
|
345
|
+
*/
|
346
|
+
required?: boolean;
|
347
|
+
/**
|
348
|
+
* Whether the field is disabled
|
349
|
+
*/
|
350
|
+
disabled?: boolean;
|
351
|
+
/**
|
352
|
+
* Whether the field is read-only
|
353
|
+
*/
|
354
|
+
readOnly?: boolean;
|
355
|
+
/**
|
356
|
+
* Orientation of the field
|
357
|
+
*/
|
358
|
+
orientation?: 'horizontal' | 'vertical';
|
389
359
|
/**
|
390
360
|
* React children
|
391
361
|
*/
|
@@ -436,7 +406,6 @@ type WithFields<TFormProps extends FormProps$1<any, any, any, any, any>, FieldDe
|
|
436
406
|
submit?: SubmitButtonProps;
|
437
407
|
} & ExtraOverrides;
|
438
408
|
} : never;
|
439
|
-
type StepFormChildren<FieldDefs, TSteps extends StepsOptions<any> = StepsOptions<any>, TFieldValues extends FieldValues = FieldValues, TContext extends object = object> = MaybeRenderProp<StepFormRenderContext<TSteps, TFieldValues, TContext, MergeFieldProps<FieldDefs extends never ? DefaultFields : ShallowMerge<DefaultFields, FieldDefs>, TFieldValues>>>;
|
440
409
|
|
441
410
|
interface ArrayFieldButtonProps extends ButtonProps$1 {
|
442
411
|
}
|
@@ -554,27 +523,33 @@ type FormType<FieldDefs, ExtraProps = object, ExtraFieldProps extends object = o
|
|
554
523
|
};
|
555
524
|
declare function createForm<FieldDefs, TGetBaseField extends GetBaseField<any> = GetBaseField<any>>({ resolver, fieldResolver, fields, getBaseField, }?: CreateFormProps<FieldDefs, TGetBaseField>): FormType<FieldDefs, object, TGetBaseField extends GetBaseField<infer ExtraFieldProps extends object> ? ExtraFieldProps : object, object>;
|
556
525
|
|
557
|
-
interface UseFormProps<TFieldValues extends FieldValues, TContext
|
526
|
+
interface UseFormProps<TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues> extends UseFormProps$1<TFieldValues, TContext, TTransformedValues> {
|
527
|
+
schema?: StandardSchemaV1<TFieldValues, TTransformedValues>;
|
528
|
+
onSubmit: SubmitHandler<TTransformedValues>;
|
529
|
+
onInvalid?: SubmitErrorHandler<FieldValues>;
|
558
530
|
}
|
559
|
-
interface UseFormReturn$1<TFieldValues extends FieldValues, TContext
|
531
|
+
interface UseFormReturn$1<TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues> extends UseFormReturn$2<TFieldValues, TContext, TTransformedValues> {
|
560
532
|
Form: React.FC<Omit<FormProps<TFieldValues, TContext>, 'form'>>;
|
561
533
|
Field: React.FC<FieldProps<TFieldValues>>;
|
562
534
|
DisplayIf: React.FC<DisplayIfProps<TFieldValues>>;
|
563
535
|
ArrayField: React.FC<ArrayFieldProps<TFieldValues> & React.RefAttributes<UseArrayFieldReturn>>;
|
564
536
|
ObjectField: React.FC<ObjectFieldProps<TFieldValues>>;
|
565
537
|
}
|
566
|
-
declare function useForm<TFieldValues extends FieldValues, TContext
|
567
|
-
interface FormProps<TFieldValues extends FieldValues = FieldValues, TContext
|
538
|
+
declare function useForm<TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: UseFormProps<TFieldValues, TContext, TTransformedValues>): UseFormReturn$1<TFieldValues, TContext, TTransformedValues>;
|
539
|
+
interface FormProps<TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues> extends HTMLChakraProps<'form'> {
|
568
540
|
children: React.ReactNode;
|
569
|
-
form: ReturnType<typeof useForm$1<TFieldValues, TContext>>;
|
570
|
-
onSubmit: (data: any) => void;
|
571
|
-
onError?: (errors: any) => void;
|
541
|
+
form: ReturnType<typeof useForm$1<TFieldValues, TContext, TTransformedValues>>;
|
572
542
|
}
|
573
543
|
interface UseZodFormProps<TSchema extends z.AnyZodObject | z.ZodEffects<z.AnyZodObject> = z.AnyZodObject, TFieldValues extends InferObjectSchema<TSchema> = InferObjectSchema<TSchema>, TContext extends object = object> extends Omit<UseFormProps$1<TFieldValues, TContext>, 'defaultValues'> {
|
574
544
|
schema: TSchema;
|
575
|
-
|
545
|
+
onSubmit: SubmitHandler<TFieldValues>;
|
546
|
+
onInvalid?: SubmitErrorHandler<FieldValues>;
|
547
|
+
defaultValues?: DefaultValues<TFieldValues> | AsyncDefaultValues<TFieldValues>;
|
576
548
|
}
|
577
|
-
|
549
|
+
/**
|
550
|
+
* @deprecated Use useForm instead, which supports standard schema out of the box.
|
551
|
+
*/
|
552
|
+
declare function useZodForm<TSchema extends z.AnyZodObject | z.ZodEffects<z.AnyZodObject> = z.AnyZodObject, TFieldValues extends InferObjectSchema<TSchema> = InferObjectSchema<TSchema>, TContext extends object = object>(props: UseZodFormProps<TSchema, TFieldValues, TContext>): UseFormReturn$1<TFieldValues, TContext, TFieldValues>;
|
578
553
|
type InferObjectSchema<T extends z.ZodTypeAny | z.ZodEffects<z.ZodTypeAny>> = T extends z.ZodEffects<infer TSchema> ? z.infer<TSchema> : z.infer<T>;
|
579
554
|
type AsyncDefaultValues<TFieldValues> = (payload?: unknown) => Promise<TFieldValues>;
|
580
555
|
|
@@ -649,11 +624,12 @@ declare const useFormContext: <TFieldValues extends FieldValues = FieldValues, T
|
|
649
624
|
formState: react_hook_form.FormState<TFieldValues>;
|
650
625
|
resetField: react_hook_form.UseFormResetField<TFieldValues>;
|
651
626
|
reset: react_hook_form.UseFormReset<TFieldValues>;
|
652
|
-
handleSubmit: react_hook_form.UseFormHandleSubmit<TFieldValues,
|
627
|
+
handleSubmit: react_hook_form.UseFormHandleSubmit<TFieldValues, TFieldValues>;
|
653
628
|
unregister: react_hook_form.UseFormUnregister<TFieldValues>;
|
654
|
-
control: react_hook_form.Control<TFieldValues, TContext>;
|
629
|
+
control: react_hook_form.Control<TFieldValues, TContext, TFieldValues>;
|
655
630
|
register: react_hook_form.UseFormRegister<TFieldValues>;
|
656
631
|
setFocus: react_hook_form.UseFormSetFocus<TFieldValues>;
|
632
|
+
subscribe: react_hook_form.UseFromSubscribe<TFieldValues>;
|
657
633
|
};
|
658
634
|
type UseFormReturn<TFieldValues extends FieldValues = FieldValues, TContext = any, TSchema = any> = ReturnType<typeof useFormContext<TFieldValues, TContext, TSchema>>;
|
659
635
|
declare const FormProvider: <TFieldValues extends FieldValues = FieldValues, TContext = any, TSchema = any>(props: FormProviderProps<TFieldValues, TContext, TSchema>) => react_jsx_runtime.JSX.Element;
|
@@ -707,7 +683,7 @@ interface ControlProps {
|
|
707
683
|
* @param options.isControlled Set this to true if this is a controlled field.
|
708
684
|
* @param options.hideLabel Hide the field label, for example for the checkbox field.
|
709
685
|
*/
|
710
|
-
declare const createField: <TType = unknown, TProps extends object = object>(component: ForwardRefRenderFunction<TType, PropsWithoutRef<TProps & ControlProps>>, options?: CreateFieldOptions) => React__default.
|
686
|
+
declare const createField: <TType = unknown, TProps extends object = object>(component: ForwardRefRenderFunction<TType, PropsWithoutRef<TProps & ControlProps>>, options?: CreateFieldOptions) => React__default.ForwardRefExoticComponent<Omit<BaseFieldProps<react_hook_form.FieldValues, string>, keyof TProps> & TProps & React__default.RefAttributes<TType>>;
|
711
687
|
|
712
688
|
/**
|
713
689
|
* Form component.
|
@@ -716,4 +692,4 @@ declare const createField: <TType = unknown, TProps extends object = object>(com
|
|
716
692
|
*/
|
717
693
|
declare const Form: FormType<unknown, object, any, object>;
|
718
694
|
|
719
|
-
export { ArrayField, ArrayFieldAddButton, type ArrayFieldButtonProps, ArrayFieldContainer, type ArrayFieldContainerProps, type ArrayFieldOptions, type ArrayFieldPath, type ArrayFieldProps, ArrayFieldProvider, ArrayFieldRemoveButton, ArrayFieldRow, ArrayFieldRowContainer, ArrayFieldRowFields, type ArrayFieldRowFieldsProps, ArrayFieldRowProvider, ArrayFieldRows, type ArrayFieldRowsProps, AutoFields, BaseField, type BaseFieldProps, Form$1 as BaseForm, type CreateFieldOptions, type CreateFormProps, type DefaultFieldOverrides, type DefaultFields, DisplayField, type DisplayFieldProps, DisplayIf, type DisplayIfProps, Field, type FieldOption, type FieldOptions, type FieldOverrides, type FieldProps, type FieldResolver, type FieldRules, type FieldsProps, FieldsProvider, Form, type FormChildren, type FormComponent, FormLayout, type FormLayoutProps, FormLegend, type FormProps$1 as FormProps, FormProvider, type FormRenderContext, type FormType, FormValue, type GetBaseField, type GetFieldResolver, InputField, type InputFieldProps, type MergeFieldProps, ObjectField, type ObjectFieldProps, type ObjectSchema, type ShallowMerge,
|
695
|
+
export { ArrayField, ArrayFieldAddButton, type ArrayFieldButtonProps, ArrayFieldContainer, type ArrayFieldContainerProps, type ArrayFieldOptions, type ArrayFieldPath, type ArrayFieldProps, ArrayFieldProvider, ArrayFieldRemoveButton, ArrayFieldRow, ArrayFieldRowContainer, ArrayFieldRowFields, type ArrayFieldRowFieldsProps, ArrayFieldRowProvider, ArrayFieldRows, type ArrayFieldRowsProps, AutoFields, BaseField, type BaseFieldProps, Form$1 as BaseForm, type CreateFieldOptions, type CreateFormProps, type DefaultFieldOverrides, type DefaultFields, DisplayField, type DisplayFieldProps, DisplayIf, type DisplayIfProps, Field, type FieldOption, type FieldOptions, type FieldOverrides, type FieldProps, type FieldResolver, type FieldRules, type FieldsProps, FieldsProvider, Form, type FormChildren, type FormComponent, FormLayout, type FormLayoutProps, FormLegend, type FormProps$1 as FormProps, FormProvider, type FormRenderContext, type FormType, FormValue, type GetBaseField, type GetFieldResolver, InputField, type InputFieldProps, type MergeFieldProps, ObjectField, type ObjectFieldProps, type ObjectSchema, type ShallowMerge, SubmitButton, type SubmitButtonProps, TextareaField, type TextareaFieldProps, type UseArrayFieldReturn, type UseArrayFieldRowProps, type UseArrayFieldRowReturn, type UseFormProps, type UseFormReturn$1 as UseFormReturn, type UseZodFormProps, type ValueOf, WatchField, type WatchFieldProps, type WithFields, createField, createForm, defaultFieldTypes, objectFieldResolver, useArrayField, useArrayFieldAddButton, useArrayFieldContext, useArrayFieldRemoveButton, useArrayFieldRow, useArrayFieldRowContext, useBaseField, useField, useForm, useFormContext, useZodForm };
|