@saas-ui/forms 2.0.0-next.5 → 2.0.0-next.6
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +13 -0
- package/dist/ajv/index.d.ts +358 -11
- package/dist/ajv/index.js +7 -9
- package/dist/ajv/index.js.map +1 -1
- package/dist/ajv/index.mjs +7 -10
- package/dist/ajv/index.mjs.map +1 -1
- package/dist/index.d.ts +296 -194
- package/dist/index.js +373 -2613
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +373 -2607
- package/dist/index.mjs.map +1 -1
- package/dist/yup/index.d.ts +573 -106
- package/dist/yup/index.js +6 -10
- package/dist/yup/index.js.map +1 -1
- package/dist/yup/index.mjs +4 -8
- package/dist/yup/index.mjs.map +1 -1
- package/dist/zod/index.d.ts +490 -14
- package/dist/zod/index.js +5 -0
- package/dist/zod/index.js.map +1 -1
- package/dist/zod/index.mjs +5 -1
- package/dist/zod/index.mjs.map +1 -1
- package/package.json +15 -8
- package/src/array-field.tsx +34 -17
- package/src/base-field.tsx +4 -9
- package/src/create-field.tsx +2 -1
- package/src/create-form.tsx +33 -10
- package/src/default-fields.tsx +21 -4
- package/src/display-field.tsx +1 -2
- package/src/display-if.tsx +14 -8
- package/src/field-resolver.ts +10 -8
- package/src/field.tsx +6 -3
- package/src/fields.tsx +16 -13
- package/src/form-context.tsx +84 -0
- package/src/form.tsx +44 -17
- package/src/index.ts +17 -15
- package/src/object-field.tsx +6 -2
- package/src/password-input/password-input.tsx +1 -1
- package/src/select/select-context.tsx +130 -0
- package/src/select/select.stories.tsx +116 -85
- package/src/select/select.tsx +152 -142
- package/src/types.ts +59 -6
- package/src/use-array-field.tsx +9 -3
- package/src/utils.ts +8 -1
- package/src/watch-field.tsx +2 -6
package/dist/yup/index.d.ts
CHANGED
@@ -1,14 +1,340 @@
|
|
1
|
-
import * as _saas_ui_forms from '@saas-ui/forms';
|
2
|
-
import { FieldProps, FormProps, CreateFormProps } from '@saas-ui/forms';
|
3
|
-
import * as yup from 'yup';
|
4
|
-
import { AnyObjectSchema } from 'yup';
|
5
|
-
import * as react_hook_form from 'react-hook-form';
|
6
1
|
import * as _chakra_ui_checkbox_dist_checkbox from '@chakra-ui/checkbox/dist/checkbox';
|
7
2
|
import * as _chakra_ui_switch_dist_switch from '@chakra-ui/switch/dist/switch';
|
8
3
|
import * as _chakra_ui_textarea_dist_textarea from '@chakra-ui/textarea/dist/textarea';
|
4
|
+
import * as react_hook_form from 'react-hook-form';
|
5
|
+
import { FieldValues, FieldPath, RegisterOptions, UseFormReturn, UseFormProps, WatchObserver, SubmitHandler, SubmitErrorHandler, UseFieldArrayReturn } from 'react-hook-form';
|
6
|
+
import * as React$1 from 'react';
|
7
|
+
import React__default from 'react';
|
8
|
+
import * as _chakra_ui_system_dist_system_types from '@chakra-ui/system/dist/system.types';
|
9
|
+
import { ButtonProps, InputProps, RadioGroupProps, MenuProps, SelectProps as SelectProps$1, UsePinInputProps, SystemProps, FormControlProps, HTMLChakraProps, NumberInputProps as NumberInputProps$1, StackDirection, MenuItemOptionProps, ResponsiveValue, TextareaProps, SwitchProps, CheckboxProps, RadioProps } from '@chakra-ui/react';
|
10
|
+
import { MaybeRenderProp } from '@chakra-ui/react-utils';
|
11
|
+
import * as yup from 'yup';
|
12
|
+
import { ObjectSchema, InferType } from 'yup';
|
13
|
+
import * as _saas_ui_forms from '@saas-ui/forms';
|
14
|
+
import { FieldProps as FieldProps$1, GetFieldResolver, FormProps as FormProps$1, CreateFormProps } from '@saas-ui/forms';
|
9
15
|
import { yupResolver } from '@hookform/resolvers/yup';
|
10
16
|
export { yupResolver } from '@hookform/resolvers/yup';
|
11
|
-
|
17
|
+
|
18
|
+
interface SubmitButtonProps extends ButtonProps {
|
19
|
+
/**
|
20
|
+
* Disable the submit button if the form is untouched.
|
21
|
+
*
|
22
|
+
* Change the default behavior by updating
|
23
|
+
* `SubmitButton.defaultProps.disableIfUntouched`
|
24
|
+
*/
|
25
|
+
disableIfUntouched?: boolean;
|
26
|
+
/**
|
27
|
+
* Disable the submit button if the form is invalid.
|
28
|
+
*
|
29
|
+
* Change the default behavior by updating
|
30
|
+
* `SubmitButton.defaultProps.disableIfInvalid`
|
31
|
+
*/
|
32
|
+
disableIfInvalid?: boolean;
|
33
|
+
}
|
34
|
+
|
35
|
+
interface NumberInputOptions {
|
36
|
+
/**
|
37
|
+
* Hide the stepper.
|
38
|
+
*/
|
39
|
+
hideStepper?: boolean;
|
40
|
+
/**
|
41
|
+
* Render a custom increment icon.
|
42
|
+
*/
|
43
|
+
incrementIcon?: React$1.ReactNode;
|
44
|
+
/**
|
45
|
+
* Render a custom decrement icon.
|
46
|
+
*/
|
47
|
+
decrementIcon?: React$1.ReactNode;
|
48
|
+
}
|
49
|
+
interface NumberInputProps extends NumberInputProps$1, NumberInputOptions {
|
50
|
+
}
|
51
|
+
|
52
|
+
interface PasswordOptions {
|
53
|
+
viewIcon?: React__default.ReactNode;
|
54
|
+
viewOffIcon?: React__default.ReactNode;
|
55
|
+
leftAddon?: React__default.ReactNode;
|
56
|
+
}
|
57
|
+
interface PasswordInputProps extends InputProps, PasswordOptions {
|
58
|
+
}
|
59
|
+
|
60
|
+
interface RadioOption extends Omit<RadioProps, 'value' | 'label'>, FieldOption {
|
61
|
+
}
|
62
|
+
type RadioOptions = FieldOptions<RadioOption>;
|
63
|
+
interface RadioInputOptions {
|
64
|
+
options: RadioOptions;
|
65
|
+
spacing?: SystemProps['margin'];
|
66
|
+
direction?: StackDirection;
|
67
|
+
}
|
68
|
+
interface RadioInputProps extends Omit<RadioGroupProps, 'children'>, RadioInputOptions {
|
69
|
+
}
|
70
|
+
|
71
|
+
interface SelectOptions {
|
72
|
+
/**
|
73
|
+
* The name of the input field in a native form.
|
74
|
+
*/
|
75
|
+
name: string;
|
76
|
+
/**
|
77
|
+
* The value of the select field.
|
78
|
+
*/
|
79
|
+
value?: string | string[];
|
80
|
+
/**
|
81
|
+
* The initial value of the select field.
|
82
|
+
*/
|
83
|
+
defaultValue?: string | string[];
|
84
|
+
/**
|
85
|
+
* The callback invoked when the value of the select field changes.
|
86
|
+
* @param value The value of the select field.
|
87
|
+
*/
|
88
|
+
onChange?: (value: string | string[]) => void;
|
89
|
+
/**
|
90
|
+
* The placeholder text when there's no value.
|
91
|
+
*/
|
92
|
+
placeholder?: string;
|
93
|
+
/**
|
94
|
+
* If `true`, the select will be disabled.
|
95
|
+
*/
|
96
|
+
isDisabled?: boolean;
|
97
|
+
/**
|
98
|
+
* An array of options
|
99
|
+
* If you leave this empty the children prop will be rendered.
|
100
|
+
*/
|
101
|
+
options?: FieldOptions<SelectOption>;
|
102
|
+
/**
|
103
|
+
* Enable multiple select.
|
104
|
+
*/
|
105
|
+
multiple?: boolean;
|
106
|
+
/**
|
107
|
+
* The function used to render the value of the select field.
|
108
|
+
* @param value The value of the select field.
|
109
|
+
* @returns The rendered value.
|
110
|
+
*/
|
111
|
+
renderValue?: (value: string | string[]) => React__default.ReactNode;
|
112
|
+
}
|
113
|
+
|
114
|
+
interface SelectProps extends Omit<MenuProps, 'children'>, SelectOptions {
|
115
|
+
}
|
116
|
+
interface SelectOption extends Omit<MenuItemOptionProps, 'value'>, FieldOption {
|
117
|
+
}
|
118
|
+
/**
|
119
|
+
* An option in a select list
|
120
|
+
*
|
121
|
+
* @see https://saas-ui.dev/docs/components/forms/select
|
122
|
+
*/
|
123
|
+
declare const SelectOption: _chakra_ui_system_dist_system_types.ComponentWithAs<"button", MenuItemOptionProps>;
|
124
|
+
|
125
|
+
interface Option$1 {
|
126
|
+
value: string;
|
127
|
+
label?: string;
|
128
|
+
}
|
129
|
+
interface NativeSelectOptions {
|
130
|
+
options?: Option$1[];
|
131
|
+
}
|
132
|
+
interface NativeSelectProps extends SelectProps$1, NativeSelectOptions {
|
133
|
+
}
|
134
|
+
|
135
|
+
interface InputFieldProps extends InputProps {
|
136
|
+
type?: string;
|
137
|
+
leftAddon?: React$1.ReactNode;
|
138
|
+
rightAddon?: React$1.ReactNode;
|
139
|
+
}
|
140
|
+
interface NumberInputFieldProps extends NumberInputProps {
|
141
|
+
type: 'number';
|
142
|
+
}
|
143
|
+
interface PinFieldProps extends Omit<UsePinInputProps, 'type'> {
|
144
|
+
pinLength?: number;
|
145
|
+
pinType?: 'alphanumeric' | 'number';
|
146
|
+
spacing?: SystemProps['margin'];
|
147
|
+
}
|
148
|
+
declare const defaultFieldTypes: {
|
149
|
+
text: React$1.FC<InputFieldProps & BaseFieldProps<react_hook_form.FieldValues, string>>;
|
150
|
+
email: React$1.FC<InputFieldProps & BaseFieldProps<react_hook_form.FieldValues, string>>;
|
151
|
+
url: React$1.FC<InputFieldProps & BaseFieldProps<react_hook_form.FieldValues, string>>;
|
152
|
+
phone: React$1.FC<InputFieldProps & BaseFieldProps<react_hook_form.FieldValues, string>>;
|
153
|
+
number: React$1.FC<NumberInputFieldProps & BaseFieldProps<react_hook_form.FieldValues, string>>;
|
154
|
+
password: React$1.FC<PasswordInputProps & BaseFieldProps<react_hook_form.FieldValues, string>>;
|
155
|
+
textarea: React$1.FC<TextareaProps & BaseFieldProps<react_hook_form.FieldValues, string>>;
|
156
|
+
switch: React$1.FC<SwitchProps & BaseFieldProps<react_hook_form.FieldValues, string>>;
|
157
|
+
select: React$1.FC<SelectProps & BaseFieldProps<react_hook_form.FieldValues, string>>;
|
158
|
+
checkbox: React$1.FC<CheckboxProps & BaseFieldProps<react_hook_form.FieldValues, string>>;
|
159
|
+
radio: React$1.FC<RadioInputProps & BaseFieldProps<react_hook_form.FieldValues, string>>;
|
160
|
+
pin: React$1.FC<PinFieldProps & BaseFieldProps<react_hook_form.FieldValues, string>>;
|
161
|
+
'native-select': React$1.FC<NativeSelectProps & BaseFieldProps<react_hook_form.FieldValues, string>>;
|
162
|
+
};
|
163
|
+
type DefaultFields = typeof defaultFieldTypes;
|
164
|
+
|
165
|
+
type FieldOption = {
|
166
|
+
label?: string;
|
167
|
+
value: string;
|
168
|
+
};
|
169
|
+
type FieldOptions<TOption extends FieldOption = FieldOption> = Array<string> | Array<TOption>;
|
170
|
+
type ValueOf<T> = T[keyof T];
|
171
|
+
type ShallowMerge<A, B> = Omit<A, keyof B> & B;
|
172
|
+
type Split<S extends string, D extends string> = string extends S ? string[] : S extends '' ? [] : S extends `${infer T}${D}${infer U}` ? [T, ...Split<U, D>] : [S];
|
173
|
+
type MapPath<T extends string[]> = T extends [infer U, ...infer R] ? U extends string ? `${U extends `${number}` ? '$' : U}${R[0] extends string ? '.' : ''}${R extends string[] ? MapPath<R> : ''}` : '' : '';
|
174
|
+
type TransformPath<T extends string> = MapPath<Split<T, '.'>>;
|
175
|
+
type ArrayFieldPath<Name extends string> = Name extends string ? TransformPath<Name> : never;
|
176
|
+
interface BaseFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Omit<FormControlProps, 'label' | 'type'> {
|
177
|
+
/**
|
178
|
+
* The field name
|
179
|
+
*/
|
180
|
+
name: TName | ArrayFieldPath<TName>;
|
181
|
+
/**
|
182
|
+
* The field label
|
183
|
+
*/
|
184
|
+
label?: string;
|
185
|
+
/**
|
186
|
+
* Hide the field label
|
187
|
+
*/
|
188
|
+
hideLabel?: boolean;
|
189
|
+
/**
|
190
|
+
* Field help text
|
191
|
+
*/
|
192
|
+
help?: string;
|
193
|
+
/**
|
194
|
+
* React hook form rules
|
195
|
+
*/
|
196
|
+
rules?: Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled'>;
|
197
|
+
/**
|
198
|
+
* Build-in types:
|
199
|
+
* text, number, password, textarea, select, native-select, checkbox, radio, switch, pin
|
200
|
+
*
|
201
|
+
* Will default to a text field if there is no matching type.
|
202
|
+
*/
|
203
|
+
type?: string;
|
204
|
+
/**
|
205
|
+
* The input placeholder
|
206
|
+
*/
|
207
|
+
placeholder?: string;
|
208
|
+
}
|
209
|
+
type MergeFieldProps<FieldDefs, TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = ValueOf<{
|
210
|
+
[K in keyof FieldDefs]: FieldDefs[K] extends React.FC<infer Props> ? {
|
211
|
+
type?: K;
|
212
|
+
} & ShallowMerge<Props, BaseFieldProps<TFieldValues, TName>> : never;
|
213
|
+
}>;
|
214
|
+
type FieldProps<TFieldValues extends FieldValues = FieldValues> = MergeFieldProps<DefaultFields, TFieldValues>;
|
215
|
+
type DefaultFieldOverrides = {
|
216
|
+
submit?: SubmitButtonProps;
|
217
|
+
[key: string]: any;
|
218
|
+
};
|
219
|
+
|
220
|
+
type FieldResolver = {
|
221
|
+
getFields(): BaseFieldProps[];
|
222
|
+
getNestedFields(name: string): BaseFieldProps[];
|
223
|
+
};
|
224
|
+
|
225
|
+
interface DisplayIfProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> {
|
226
|
+
children: React$1.ReactElement;
|
227
|
+
name: TName;
|
228
|
+
defaultValue?: unknown;
|
229
|
+
isDisabled?: boolean;
|
230
|
+
isExact?: boolean;
|
231
|
+
condition?: (value: unknown, context: UseFormReturn<TFieldValues>) => boolean;
|
232
|
+
}
|
233
|
+
|
234
|
+
interface UseArrayFieldReturn extends UseFieldArrayReturn {
|
235
|
+
/**
|
236
|
+
* The array field name
|
237
|
+
*/
|
238
|
+
name: string;
|
239
|
+
/**
|
240
|
+
* The default value for new items
|
241
|
+
*/
|
242
|
+
defaultValue: Record<string, any>;
|
243
|
+
/**
|
244
|
+
* Min amount of items
|
245
|
+
*/
|
246
|
+
min?: number;
|
247
|
+
/**
|
248
|
+
* Max amount of items
|
249
|
+
*/
|
250
|
+
max?: number;
|
251
|
+
}
|
252
|
+
interface ArrayFieldOptions<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> {
|
253
|
+
/**
|
254
|
+
* The field name
|
255
|
+
*/
|
256
|
+
name: TName;
|
257
|
+
/**
|
258
|
+
* Default value for new values in the array
|
259
|
+
*/
|
260
|
+
defaultValue?: Record<string, any>;
|
261
|
+
/**
|
262
|
+
* Default key name for rows, change this if your data uses a different 'id' field
|
263
|
+
* @default "id"
|
264
|
+
*/
|
265
|
+
keyName?: string;
|
266
|
+
min?: number;
|
267
|
+
max?: number;
|
268
|
+
}
|
269
|
+
interface ArrayFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends ArrayFieldOptions<TFieldValues, TName>, Omit<BaseFieldProps<TFieldValues, TName>, 'name' | 'defaultValue' | 'children'> {
|
270
|
+
children: MaybeRenderProp<ArrayField[]>;
|
271
|
+
}
|
272
|
+
interface ArrayField {
|
273
|
+
id: string;
|
274
|
+
[key: string]: unknown;
|
275
|
+
}
|
276
|
+
/**
|
277
|
+
* The wrapper component that composes the default ArrayField functionality.
|
278
|
+
*
|
279
|
+
* @see Docs https://saas-ui.dev/docs/components/forms/array-field
|
280
|
+
*/
|
281
|
+
declare const ArrayField: ((props: ArrayFieldProps & {
|
282
|
+
ref?: React$1.ForwardedRef<UseArrayFieldReturn>;
|
283
|
+
}) => React$1.ReactElement) & {
|
284
|
+
displayName: string;
|
285
|
+
};
|
286
|
+
|
287
|
+
interface ObjectFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends BaseFieldProps {
|
288
|
+
name: TName;
|
289
|
+
children: React$1.ReactNode;
|
290
|
+
columns?: ResponsiveValue<number>;
|
291
|
+
spacing?: ResponsiveValue<string | number>;
|
292
|
+
}
|
293
|
+
|
294
|
+
interface FormRenderContext<TFieldValues extends FieldValues = FieldValues, TContext extends object = object, TFieldTypes = FieldProps<TFieldValues>> extends UseFormReturn<TFieldValues, TContext> {
|
295
|
+
Field: React$1.FC<TFieldTypes>;
|
296
|
+
DisplayIf: React$1.FC<DisplayIfProps<TFieldValues>>;
|
297
|
+
ArrayField: React$1.FC<ArrayFieldProps<TFieldValues>>;
|
298
|
+
ObjectField: React$1.FC<ObjectFieldProps<TFieldValues>>;
|
299
|
+
}
|
300
|
+
interface FormOptions<TFieldValues extends FieldValues = FieldValues, TContext extends object = object, TSchema = any, TFieldTypes = FieldProps<TFieldValues>> {
|
301
|
+
/**
|
302
|
+
* The form schema.
|
303
|
+
*/
|
304
|
+
schema?: TSchema;
|
305
|
+
/**
|
306
|
+
* Triggers when any of the field change.
|
307
|
+
*/
|
308
|
+
onChange?: WatchObserver<TFieldValues>;
|
309
|
+
/**
|
310
|
+
* The submit handler.
|
311
|
+
*/
|
312
|
+
onSubmit: SubmitHandler<TFieldValues>;
|
313
|
+
/**
|
314
|
+
* Triggers when there are validation errors.
|
315
|
+
*/
|
316
|
+
onError?: SubmitErrorHandler<TFieldValues>;
|
317
|
+
/**
|
318
|
+
* The Hook Form state ref.
|
319
|
+
*/
|
320
|
+
formRef?: React$1.RefObject<UseFormReturn<TFieldValues, TContext>>;
|
321
|
+
/**
|
322
|
+
* The form children, can be a render prop or a ReactNode.
|
323
|
+
*/
|
324
|
+
children?: MaybeRenderProp<FormRenderContext<TFieldValues, TContext, TFieldTypes>>;
|
325
|
+
/**
|
326
|
+
* The field resolver, used to resolve the fields from schemas.
|
327
|
+
*/
|
328
|
+
fieldResolver?: FieldResolver;
|
329
|
+
/**
|
330
|
+
* Field overrides
|
331
|
+
*/
|
332
|
+
fields?: DefaultFieldOverrides;
|
333
|
+
}
|
334
|
+
interface FormProps<TFieldValues extends FieldValues = FieldValues, TContext extends object = object, TSchema = any, TFieldTypes = FieldProps<TFieldValues>> extends UseFormProps<TFieldValues, TContext>, Omit<HTMLChakraProps<'form'>, 'children' | 'onChange' | 'onSubmit' | 'onError'>, FormOptions<TFieldValues, TContext, TSchema, TFieldTypes> {
|
335
|
+
}
|
336
|
+
|
337
|
+
type AnyObjectSchema = ObjectSchema<any, any, any, ''> | ObjectSchema<any, any, any, 'd'> | ObjectSchema<any, any, any, 's'>;
|
12
338
|
|
13
339
|
type Options = {
|
14
340
|
min?: number;
|
@@ -20,114 +346,255 @@ type Options = {
|
|
20
346
|
* @param schema The Yup schema
|
21
347
|
* @returns {FieldProps[]}
|
22
348
|
*/
|
23
|
-
declare const getFieldsFromSchema: (schema: AnyObjectSchema) => FieldProps[];
|
24
|
-
declare const getNestedSchema: (schema: AnyObjectSchema, path: string) =>
|
25
|
-
declare const yupFieldResolver:
|
26
|
-
getFields(): FieldProps<_saas_ui_forms.FieldValues>[];
|
27
|
-
getNestedFields(name: string): FieldProps<_saas_ui_forms.FieldValues>[];
|
28
|
-
};
|
29
|
-
declare const yupForm: (schema: AnyObjectSchema, schemaOptions?: {}, resolverOptions?: {}) => {
|
30
|
-
schema: AnyObjectSchema;
|
31
|
-
resolver: <TFieldValues extends _saas_ui_forms.FieldValues, TContext>(values: TFieldValues, context: TContext | undefined, options: _saas_ui_forms.ResolverOptions<TFieldValues>) => Promise<_saas_ui_forms.ResolverResult<TFieldValues>>;
|
32
|
-
fieldResolver: {
|
33
|
-
getFields(): FieldProps<_saas_ui_forms.FieldValues>[];
|
34
|
-
getNestedFields(name: string): FieldProps<_saas_ui_forms.FieldValues>[];
|
35
|
-
};
|
36
|
-
};
|
349
|
+
declare const getFieldsFromSchema: (schema: AnyObjectSchema) => FieldProps$1[];
|
350
|
+
declare const getNestedSchema: (schema: AnyObjectSchema, path: string) => AnyObjectSchema;
|
351
|
+
declare const yupFieldResolver: GetFieldResolver;
|
37
352
|
|
38
353
|
type ResolverArgs = Parameters<typeof yupResolver>;
|
39
354
|
interface CreateYupFormProps<FieldDefs> extends CreateFormProps<FieldDefs> {
|
40
355
|
schemaOptions?: ResolverArgs[1];
|
41
356
|
resolverOptions?: ResolverArgs[2];
|
42
357
|
}
|
43
|
-
declare const createYupForm: <FieldDefs>(options?: CreateYupFormProps<FieldDefs> | undefined) => <TSchema extends
|
44
|
-
children
|
45
|
-
text:
|
46
|
-
email:
|
47
|
-
url:
|
48
|
-
phone:
|
49
|
-
number:
|
50
|
-
password:
|
51
|
-
textarea:
|
52
|
-
switch:
|
53
|
-
select:
|
54
|
-
checkbox:
|
55
|
-
radio:
|
56
|
-
pin:
|
57
|
-
'native-select':
|
358
|
+
declare const createYupForm: <FieldDefs>(options?: CreateYupFormProps<FieldDefs> | undefined) => <TSchema extends AnyObjectSchema = AnyObjectSchema, TContext extends object = object>(props: Omit<FormProps$1<InferType<TSchema>, TContext, TSchema, _saas_ui_forms.FieldProps<InferType<TSchema>>>, "children" | "fields"> & {
|
359
|
+
children?: React__default.ReactNode | ((props: _saas_ui_forms.FormRenderContext<InferType<TSchema>, TContext, ((FieldDefs extends never ? {
|
360
|
+
text: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
361
|
+
email: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
362
|
+
url: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
363
|
+
phone: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
364
|
+
number: React__default.FC<_saas_ui_forms.NumberInputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
365
|
+
password: React__default.FC<_saas_ui_forms.PasswordInputProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
366
|
+
textarea: React__default.FC<_chakra_ui_textarea_dist_textarea.TextareaProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
367
|
+
switch: React__default.FC<_chakra_ui_switch_dist_switch.SwitchProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
368
|
+
select: React__default.FC<_saas_ui_forms.SelectProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
369
|
+
checkbox: React__default.FC<_chakra_ui_checkbox_dist_checkbox.CheckboxProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
370
|
+
radio: React__default.FC<_saas_ui_forms.RadioInputProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
371
|
+
pin: React__default.FC<_saas_ui_forms.PinFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
372
|
+
'native-select': React__default.FC<_saas_ui_forms.NativeSelectProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
58
373
|
} : Omit<{
|
59
|
-
text:
|
60
|
-
email:
|
61
|
-
url:
|
62
|
-
phone:
|
63
|
-
number:
|
64
|
-
password:
|
65
|
-
textarea:
|
66
|
-
switch:
|
67
|
-
select:
|
68
|
-
checkbox:
|
69
|
-
radio:
|
70
|
-
pin:
|
71
|
-
'native-select':
|
374
|
+
text: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
375
|
+
email: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
376
|
+
url: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
377
|
+
phone: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
378
|
+
number: React__default.FC<_saas_ui_forms.NumberInputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
379
|
+
password: React__default.FC<_saas_ui_forms.PasswordInputProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
380
|
+
textarea: React__default.FC<_chakra_ui_textarea_dist_textarea.TextareaProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
381
|
+
switch: React__default.FC<_chakra_ui_switch_dist_switch.SwitchProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
382
|
+
select: React__default.FC<_saas_ui_forms.SelectProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
383
|
+
checkbox: React__default.FC<_chakra_ui_checkbox_dist_checkbox.CheckboxProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
384
|
+
radio: React__default.FC<_saas_ui_forms.RadioInputProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
385
|
+
pin: React__default.FC<_saas_ui_forms.PinFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
386
|
+
'native-select': React__default.FC<_saas_ui_forms.NativeSelectProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
72
387
|
}, keyof FieldDefs> & FieldDefs) extends infer T ? { [K in keyof T]: (FieldDefs extends never ? {
|
73
|
-
text:
|
74
|
-
email:
|
75
|
-
url:
|
76
|
-
phone:
|
77
|
-
number:
|
78
|
-
password:
|
79
|
-
textarea:
|
80
|
-
switch:
|
81
|
-
select:
|
82
|
-
checkbox:
|
83
|
-
radio:
|
84
|
-
pin:
|
85
|
-
'native-select':
|
388
|
+
text: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
389
|
+
email: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
390
|
+
url: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
391
|
+
phone: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
392
|
+
number: React__default.FC<_saas_ui_forms.NumberInputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
393
|
+
password: React__default.FC<_saas_ui_forms.PasswordInputProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
394
|
+
textarea: React__default.FC<_chakra_ui_textarea_dist_textarea.TextareaProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
395
|
+
switch: React__default.FC<_chakra_ui_switch_dist_switch.SwitchProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
396
|
+
select: React__default.FC<_saas_ui_forms.SelectProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
397
|
+
checkbox: React__default.FC<_chakra_ui_checkbox_dist_checkbox.CheckboxProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
398
|
+
radio: React__default.FC<_saas_ui_forms.RadioInputProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
399
|
+
pin: React__default.FC<_saas_ui_forms.PinFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
400
|
+
'native-select': React__default.FC<_saas_ui_forms.NativeSelectProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
86
401
|
} : Omit<{
|
87
|
-
text:
|
88
|
-
email:
|
89
|
-
url:
|
90
|
-
phone:
|
91
|
-
number:
|
92
|
-
password:
|
93
|
-
textarea:
|
94
|
-
switch:
|
95
|
-
select:
|
96
|
-
checkbox:
|
97
|
-
radio:
|
98
|
-
pin:
|
99
|
-
'native-select':
|
100
|
-
}, keyof FieldDefs> & FieldDefs)[K] extends
|
402
|
+
text: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
403
|
+
email: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
404
|
+
url: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
405
|
+
phone: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
406
|
+
number: React__default.FC<_saas_ui_forms.NumberInputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
407
|
+
password: React__default.FC<_saas_ui_forms.PasswordInputProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
408
|
+
textarea: React__default.FC<_chakra_ui_textarea_dist_textarea.TextareaProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
409
|
+
switch: React__default.FC<_chakra_ui_switch_dist_switch.SwitchProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
410
|
+
select: React__default.FC<_saas_ui_forms.SelectProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
411
|
+
checkbox: React__default.FC<_chakra_ui_checkbox_dist_checkbox.CheckboxProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
412
|
+
radio: React__default.FC<_saas_ui_forms.RadioInputProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
413
|
+
pin: React__default.FC<_saas_ui_forms.PinFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
414
|
+
'native-select': React__default.FC<_saas_ui_forms.NativeSelectProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
415
|
+
}, keyof FieldDefs> & FieldDefs)[K] extends React__default.FC<infer Props> ? {
|
101
416
|
type?: K | undefined;
|
102
|
-
} & Omit<Props, keyof _saas_ui_forms.BaseFieldProps<TFieldValues,
|
103
|
-
text:
|
104
|
-
email:
|
105
|
-
url:
|
106
|
-
phone:
|
107
|
-
number:
|
108
|
-
password:
|
109
|
-
textarea:
|
110
|
-
switch:
|
111
|
-
select:
|
112
|
-
checkbox:
|
113
|
-
radio:
|
114
|
-
pin:
|
115
|
-
'native-select':
|
417
|
+
} & Omit<Props, keyof _saas_ui_forms.BaseFieldProps<TFieldValues, TName>> & _saas_ui_forms.BaseFieldProps<InferType<TSchema>, react_hook_form.Path<InferType<TSchema>>> : never; } : never)[keyof (FieldDefs extends never ? {
|
418
|
+
text: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
419
|
+
email: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
420
|
+
url: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
421
|
+
phone: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
422
|
+
number: React__default.FC<_saas_ui_forms.NumberInputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
423
|
+
password: React__default.FC<_saas_ui_forms.PasswordInputProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
424
|
+
textarea: React__default.FC<_chakra_ui_textarea_dist_textarea.TextareaProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
425
|
+
switch: React__default.FC<_chakra_ui_switch_dist_switch.SwitchProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
426
|
+
select: React__default.FC<_saas_ui_forms.SelectProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
427
|
+
checkbox: React__default.FC<_chakra_ui_checkbox_dist_checkbox.CheckboxProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
428
|
+
radio: React__default.FC<_saas_ui_forms.RadioInputProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
429
|
+
pin: React__default.FC<_saas_ui_forms.PinFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
430
|
+
'native-select': React__default.FC<_saas_ui_forms.NativeSelectProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
431
|
+
} : Omit<{
|
432
|
+
text: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
433
|
+
email: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
434
|
+
url: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
435
|
+
phone: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
436
|
+
number: React__default.FC<_saas_ui_forms.NumberInputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
437
|
+
password: React__default.FC<_saas_ui_forms.PasswordInputProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
438
|
+
textarea: React__default.FC<_chakra_ui_textarea_dist_textarea.TextareaProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
439
|
+
switch: React__default.FC<_chakra_ui_switch_dist_switch.SwitchProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
440
|
+
select: React__default.FC<_saas_ui_forms.SelectProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
441
|
+
checkbox: React__default.FC<_chakra_ui_checkbox_dist_checkbox.CheckboxProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
442
|
+
radio: React__default.FC<_saas_ui_forms.RadioInputProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
443
|
+
pin: React__default.FC<_saas_ui_forms.PinFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
444
|
+
'native-select': React__default.FC<_saas_ui_forms.NativeSelectProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
445
|
+
}, keyof FieldDefs> & FieldDefs)]>) => React__default.ReactNode);
|
446
|
+
fields?: ({ [K_1 in react_hook_form.Path<InferType<TSchema>> | (react_hook_form.Path<InferType<TSchema>> extends infer T_1 ? T_1 extends react_hook_form.Path<InferType<TSchema>> ? T_1 extends string ? (string extends T_1 ? (T_1 & string)[] : T_1 extends infer T_2 ? T_2 extends T_1 ? T_2 extends "" ? [] : T_2 extends `${infer T_3}.${infer U}` ? [T_3, ...string extends U ? (U & string)[] : U extends "" ? [] : U extends `${infer T_3}.${infer U}` ? [T_3, ...string extends U ? (U & string)[] : U extends "" ? [] : U extends `${infer T_3}.${infer U}` ? [T_3, ...string extends U ? (U & string)[] : U extends "" ? [] : U extends `${infer T_3}.${infer U}` ? [T_3, ...string extends U ? (U & string)[] : U extends "" ? [] : U extends `${infer T_3}.${infer U}` ? [T_3, ...string extends U ? (U & string)[] : U extends "" ? [] : U extends `${infer T_3}.${infer U}` ? [T_3, ...string extends U ? (U & string)[] : U extends "" ? [] : U extends `${infer T_3}.${infer U}` ? [T_3, ...string extends U ? (U & string)[] : U extends "" ? [] : U extends `${infer T_3}.${infer U}` ? [T_3, ...string extends U ? (U & string)[] : U extends "" ? [] : U extends `${infer T_3}.${infer U}` ? [T_3, ...string extends U ? (U & string)[] : U extends "" ? [] : U extends `${infer T_3}.${infer U}` ? [T_3, ...string extends U ? (U & string)[] : U extends "" ? [] : U extends `${infer T_3}.${infer U}` ? [T_3, ...any] : [U]] : [U]] : [U]] : [U]] : [U]] : [U]] : [U]] : [U]] : [U]] : [U]] : [T_2] : never : never) extends infer T_4 ? T_4 extends (string extends T_1 ? (T_1 & string)[] : T_1 extends infer T_2 ? T_2 extends T_1 ? T_2 extends "" ? [] : T_2 extends `${infer T_3}.${infer U}` ? [T_3, ...string extends U ? (U & string)[] : U extends "" ? [] : U extends `${infer T_3}.${infer U}` ? [T_3, ...string extends U ? (U & string)[] : U extends "" ? [] : U extends `${infer T_3}.${infer U}` ? [T_3, ...string extends U ? (U & string)[] : U extends "" ? [] : U extends `${infer T_3}.${infer U}` ? [T_3, ...string extends U ? (U & string)[] : U extends "" ? [] : U extends `${infer T_3}.${infer U}` ? [T_3, ...string extends U ? (U & string)[] : U extends "" ? [] : U extends `${infer T_3}.${infer U}` ? [T_3, ...string extends U ? (U & string)[] : U extends "" ? [] : U extends `${infer T_3}.${infer U}` ? [T_3, ...string extends U ? (U & string)[] : U extends "" ? [] : U extends `${infer T_3}.${infer U}` ? [T_3, ...string extends U ? (U & string)[] : U extends "" ? [] : U extends `${infer T_3}.${infer U}` ? [T_3, ...string extends U ? (U & string)[] : U extends "" ? [] : U extends `${infer T_3}.${infer U}` ? [T_3, ...string extends U ? (U & string)[] : U extends "" ? [] : U extends `${infer T_3}.${infer U}` ? [T_3, ...any] : [U]] : [U]] : [U]] : [U]] : [U]] : [U]] : [U]] : [U]] : [U]] : [U]] : [T_2] : never : never) ? T_4 extends [infer U_1, ...infer R] ? U_1 extends string ? `${U_1 extends `${number}` ? "$" : U_1}${R[0] extends string ? "." : ""}${R extends string[] ? R extends infer T_5 ? T_5 extends R ? T_5 extends [infer U_1, ...infer R] ? U_1 extends string ? `${U_1 extends `${number}` ? "$" : U_1}${R[0] extends string ? "." : ""}${R extends string[] ? R extends infer T_6 ? T_6 extends R ? T_6 extends [infer U_1, ...infer R] ? U_1 extends string ? `${U_1 extends `${number}` ? "$" : U_1}${R[0] extends string ? "." : ""}${R extends string[] ? R extends infer T_7 ? T_7 extends R ? T_7 extends [infer U_1, ...infer R] ? U_1 extends string ? `${U_1 extends `${number}` ? "$" : U_1}${R[0] extends string ? "." : ""}${R extends string[] ? R extends infer T_8 ? T_8 extends R ? T_8 extends [infer U_1, ...infer R] ? U_1 extends string ? `${U_1 extends `${number}` ? "$" : U_1}${R[0] extends string ? "." : ""}${R extends string[] ? R extends infer T_9 ? T_9 extends R ? T_9 extends [infer U_1, ...infer R] ? U_1 extends string ? `${U_1 extends `${number}` ? "$" : U_1}${R[0] extends string ? "." : ""}${R extends string[] ? R extends infer T_10 ? T_10 extends R ? T_10 extends [infer U_1, ...infer R] ? U_1 extends string ? `${U_1 extends `${number}` ? "$" : U_1}${R[0] extends string ? "." : ""}${R extends string[] ? R extends infer T_11 ? T_11 extends R ? T_11 extends [infer U_1, ...infer R] ? U_1 extends string ? `${U_1 extends `${number}` ? "$" : U_1}${R[0] extends string ? "." : ""}${R extends string[] ? R extends infer T_12 ? T_12 extends R ? T_12 extends [infer U_1, ...infer R] ? U_1 extends string ? `${U_1 extends `${number}` ? "$" : U_1}${R[0] extends string ? "." : ""}${R extends string[] ? R extends infer T_13 ? T_13 extends R ? T_13 extends [infer U_1, ...infer R] ? U_1 extends string ? `${U_1 extends `${number}` ? "$" : U_1}${R[0] extends string ? "." : ""}${R extends string[] ? R extends infer T_14 ? T_14 extends R ? T_14 extends [infer U_1, ...infer R] ? U_1 extends string ? `${U_1 extends `${number}` ? "$" : U_1}${R[0] extends string ? "." : ""}${R extends string[] ? any : ""}` : "" : "" : never : never : ""}` : "" : "" : never : never : ""}` : "" : "" : never : never : ""}` : "" : "" : never : never : ""}` : "" : "" : never : never : ""}` : "" : "" : never : never : ""}` : "" : "" : never : never : ""}` : "" : "" : never : never : ""}` : "" : "" : never : never : ""}` : "" : "" : never : never : ""}` : "" : "" : never : never : never : never : never)]?: Omit<((FieldDefs extends never ? {
|
447
|
+
text: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
448
|
+
email: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
449
|
+
url: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
450
|
+
phone: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
451
|
+
number: React__default.FC<_saas_ui_forms.NumberInputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
452
|
+
password: React__default.FC<_saas_ui_forms.PasswordInputProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
453
|
+
textarea: React__default.FC<_chakra_ui_textarea_dist_textarea.TextareaProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
454
|
+
switch: React__default.FC<_chakra_ui_switch_dist_switch.SwitchProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
455
|
+
select: React__default.FC<_saas_ui_forms.SelectProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
456
|
+
checkbox: React__default.FC<_chakra_ui_checkbox_dist_checkbox.CheckboxProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
457
|
+
radio: React__default.FC<_saas_ui_forms.RadioInputProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
458
|
+
pin: React__default.FC<_saas_ui_forms.PinFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
459
|
+
'native-select': React__default.FC<_saas_ui_forms.NativeSelectProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
116
460
|
} : Omit<{
|
117
|
-
text:
|
118
|
-
email:
|
119
|
-
url:
|
120
|
-
phone:
|
121
|
-
number:
|
122
|
-
password:
|
123
|
-
textarea:
|
124
|
-
switch:
|
125
|
-
select:
|
126
|
-
checkbox:
|
127
|
-
radio:
|
128
|
-
pin:
|
129
|
-
'native-select':
|
130
|
-
}, keyof FieldDefs> & FieldDefs)]
|
131
|
-
|
132
|
-
|
133
|
-
|
461
|
+
text: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
462
|
+
email: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
463
|
+
url: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
464
|
+
phone: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
465
|
+
number: React__default.FC<_saas_ui_forms.NumberInputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
466
|
+
password: React__default.FC<_saas_ui_forms.PasswordInputProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
467
|
+
textarea: React__default.FC<_chakra_ui_textarea_dist_textarea.TextareaProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
468
|
+
switch: React__default.FC<_chakra_ui_switch_dist_switch.SwitchProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
469
|
+
select: React__default.FC<_saas_ui_forms.SelectProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
470
|
+
checkbox: React__default.FC<_chakra_ui_checkbox_dist_checkbox.CheckboxProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
471
|
+
radio: React__default.FC<_saas_ui_forms.RadioInputProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
472
|
+
pin: React__default.FC<_saas_ui_forms.PinFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
473
|
+
'native-select': React__default.FC<_saas_ui_forms.NativeSelectProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
474
|
+
}, keyof FieldDefs> & FieldDefs) extends infer T_15 ? { [K_2 in keyof T_15]: (FieldDefs extends never ? {
|
475
|
+
text: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
476
|
+
email: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
477
|
+
url: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
478
|
+
phone: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
479
|
+
number: React__default.FC<_saas_ui_forms.NumberInputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
480
|
+
password: React__default.FC<_saas_ui_forms.PasswordInputProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
481
|
+
textarea: React__default.FC<_chakra_ui_textarea_dist_textarea.TextareaProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
482
|
+
switch: React__default.FC<_chakra_ui_switch_dist_switch.SwitchProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
483
|
+
select: React__default.FC<_saas_ui_forms.SelectProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
484
|
+
checkbox: React__default.FC<_chakra_ui_checkbox_dist_checkbox.CheckboxProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
485
|
+
radio: React__default.FC<_saas_ui_forms.RadioInputProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
486
|
+
pin: React__default.FC<_saas_ui_forms.PinFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
487
|
+
'native-select': React__default.FC<_saas_ui_forms.NativeSelectProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
488
|
+
} : Omit<{
|
489
|
+
text: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
490
|
+
email: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
491
|
+
url: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
492
|
+
phone: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
493
|
+
number: React__default.FC<_saas_ui_forms.NumberInputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
494
|
+
password: React__default.FC<_saas_ui_forms.PasswordInputProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
495
|
+
textarea: React__default.FC<_chakra_ui_textarea_dist_textarea.TextareaProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
496
|
+
switch: React__default.FC<_chakra_ui_switch_dist_switch.SwitchProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
497
|
+
select: React__default.FC<_saas_ui_forms.SelectProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
498
|
+
checkbox: React__default.FC<_chakra_ui_checkbox_dist_checkbox.CheckboxProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
499
|
+
radio: React__default.FC<_saas_ui_forms.RadioInputProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
500
|
+
pin: React__default.FC<_saas_ui_forms.PinFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
501
|
+
'native-select': React__default.FC<_saas_ui_forms.NativeSelectProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
502
|
+
}, keyof FieldDefs> & FieldDefs)[K_2] extends React__default.FC<infer Props> ? {
|
503
|
+
type?: K_2 | undefined;
|
504
|
+
} & Omit<Props, keyof _saas_ui_forms.BaseFieldProps<TFieldValues, TName>> & _saas_ui_forms.BaseFieldProps<InferType<TSchema>, react_hook_form.Path<InferType<TSchema>>> : never; } : never)[keyof (FieldDefs extends never ? {
|
505
|
+
text: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
506
|
+
email: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
507
|
+
url: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
508
|
+
phone: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
509
|
+
number: React__default.FC<_saas_ui_forms.NumberInputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
510
|
+
password: React__default.FC<_saas_ui_forms.PasswordInputProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
511
|
+
textarea: React__default.FC<_chakra_ui_textarea_dist_textarea.TextareaProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
512
|
+
switch: React__default.FC<_chakra_ui_switch_dist_switch.SwitchProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
513
|
+
select: React__default.FC<_saas_ui_forms.SelectProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
514
|
+
checkbox: React__default.FC<_chakra_ui_checkbox_dist_checkbox.CheckboxProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
515
|
+
radio: React__default.FC<_saas_ui_forms.RadioInputProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
516
|
+
pin: React__default.FC<_saas_ui_forms.PinFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
517
|
+
'native-select': React__default.FC<_saas_ui_forms.NativeSelectProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
518
|
+
} : Omit<{
|
519
|
+
text: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
520
|
+
email: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
521
|
+
url: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
522
|
+
phone: React__default.FC<_saas_ui_forms.InputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
523
|
+
number: React__default.FC<_saas_ui_forms.NumberInputFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
524
|
+
password: React__default.FC<_saas_ui_forms.PasswordInputProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
525
|
+
textarea: React__default.FC<_chakra_ui_textarea_dist_textarea.TextareaProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
526
|
+
switch: React__default.FC<_chakra_ui_switch_dist_switch.SwitchProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
527
|
+
select: React__default.FC<_saas_ui_forms.SelectProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
528
|
+
checkbox: React__default.FC<_chakra_ui_checkbox_dist_checkbox.CheckboxProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
529
|
+
radio: React__default.FC<_saas_ui_forms.RadioInputProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
530
|
+
pin: React__default.FC<_saas_ui_forms.PinFieldProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
531
|
+
'native-select': React__default.FC<_saas_ui_forms.NativeSelectProps & _saas_ui_forms.BaseFieldProps<_saas_ui_forms.FieldValues, string>>;
|
532
|
+
}, keyof FieldDefs> & FieldDefs)], "name"> | undefined; } & {
|
533
|
+
submit?: _saas_ui_forms.SubmitButtonProps | undefined;
|
534
|
+
}) | undefined;
|
535
|
+
} & {
|
536
|
+
ref?: React__default.ForwardedRef<HTMLFormElement> | undefined;
|
537
|
+
}) => React__default.ReactElement;
|
538
|
+
|
539
|
+
declare const Form: <TSchema extends AnyObjectSchema = AnyObjectSchema, TContext extends object = object>(props: Omit<FormProps<yup.Asserts<TSchema>, TContext, TSchema, FieldProps<yup.Asserts<TSchema>>>, "children" | "fields"> & {
|
540
|
+
children?: React$1.ReactNode | ((props: FormRenderContext<yup.Asserts<TSchema>, TContext, ({
|
541
|
+
type?: "number" | undefined;
|
542
|
+
} & Omit<NumberInputFieldProps & BaseFieldProps<react_hook_form.FieldValues, string>, keyof BaseFieldProps<TFieldValues, TName>> & BaseFieldProps<yup.Asserts<TSchema>, react_hook_form.Path<yup.Asserts<TSchema>>>) | ({
|
543
|
+
type?: "text" | undefined;
|
544
|
+
} & Omit<InputFieldProps & BaseFieldProps<react_hook_form.FieldValues, string>, keyof BaseFieldProps<TFieldValues, TName>> & BaseFieldProps<yup.Asserts<TSchema>, react_hook_form.Path<yup.Asserts<TSchema>>>) | ({
|
545
|
+
type?: "email" | undefined;
|
546
|
+
} & Omit<InputFieldProps & BaseFieldProps<react_hook_form.FieldValues, string>, keyof BaseFieldProps<TFieldValues, TName>> & BaseFieldProps<yup.Asserts<TSchema>, react_hook_form.Path<yup.Asserts<TSchema>>>) | ({
|
547
|
+
type?: "url" | undefined;
|
548
|
+
} & Omit<InputFieldProps & BaseFieldProps<react_hook_form.FieldValues, string>, keyof BaseFieldProps<TFieldValues, TName>> & BaseFieldProps<yup.Asserts<TSchema>, react_hook_form.Path<yup.Asserts<TSchema>>>) | ({
|
549
|
+
type?: "phone" | undefined;
|
550
|
+
} & Omit<InputFieldProps & BaseFieldProps<react_hook_form.FieldValues, string>, keyof BaseFieldProps<TFieldValues, TName>> & BaseFieldProps<yup.Asserts<TSchema>, react_hook_form.Path<yup.Asserts<TSchema>>>) | ({
|
551
|
+
type?: "password" | undefined;
|
552
|
+
} & Omit<PasswordInputProps & BaseFieldProps<react_hook_form.FieldValues, string>, keyof BaseFieldProps<TFieldValues, TName>> & BaseFieldProps<yup.Asserts<TSchema>, react_hook_form.Path<yup.Asserts<TSchema>>>) | ({
|
553
|
+
type?: "textarea" | undefined;
|
554
|
+
} & Omit<_chakra_ui_textarea_dist_textarea.TextareaProps & BaseFieldProps<react_hook_form.FieldValues, string>, keyof BaseFieldProps<TFieldValues, TName>> & BaseFieldProps<yup.Asserts<TSchema>, react_hook_form.Path<yup.Asserts<TSchema>>>) | ({
|
555
|
+
type?: "switch" | undefined;
|
556
|
+
} & Omit<_chakra_ui_switch_dist_switch.SwitchProps & BaseFieldProps<react_hook_form.FieldValues, string>, keyof BaseFieldProps<TFieldValues, TName>> & BaseFieldProps<yup.Asserts<TSchema>, react_hook_form.Path<yup.Asserts<TSchema>>>) | ({
|
557
|
+
type?: "select" | undefined;
|
558
|
+
} & Omit<SelectProps & BaseFieldProps<react_hook_form.FieldValues, string>, keyof BaseFieldProps<TFieldValues, TName>> & BaseFieldProps<yup.Asserts<TSchema>, react_hook_form.Path<yup.Asserts<TSchema>>>) | ({
|
559
|
+
type?: "checkbox" | undefined;
|
560
|
+
} & Omit<_chakra_ui_checkbox_dist_checkbox.CheckboxProps & BaseFieldProps<react_hook_form.FieldValues, string>, keyof BaseFieldProps<TFieldValues, TName>> & BaseFieldProps<yup.Asserts<TSchema>, react_hook_form.Path<yup.Asserts<TSchema>>>) | ({
|
561
|
+
type?: "radio" | undefined;
|
562
|
+
} & Omit<RadioInputProps & BaseFieldProps<react_hook_form.FieldValues, string>, keyof BaseFieldProps<TFieldValues, TName>> & BaseFieldProps<yup.Asserts<TSchema>, react_hook_form.Path<yup.Asserts<TSchema>>>) | ({
|
563
|
+
type?: "pin" | undefined;
|
564
|
+
} & Omit<PinFieldProps & BaseFieldProps<react_hook_form.FieldValues, string>, keyof BaseFieldProps<TFieldValues, TName>> & BaseFieldProps<yup.Asserts<TSchema>, react_hook_form.Path<yup.Asserts<TSchema>>>) | ({
|
565
|
+
type?: "native-select" | undefined;
|
566
|
+
} & Omit<NativeSelectProps & BaseFieldProps<react_hook_form.FieldValues, string>, keyof BaseFieldProps<TFieldValues, TName>> & BaseFieldProps<yup.Asserts<TSchema>, react_hook_form.Path<yup.Asserts<TSchema>>>)>) => React$1.ReactNode);
|
567
|
+
fields?: ({ [K in react_hook_form.Path<yup.Asserts<TSchema>> | (react_hook_form.Path<yup.Asserts<TSchema>> extends infer T ? T extends react_hook_form.Path<yup.Asserts<TSchema>> ? T extends string ? (string extends T ? (T & string)[] : T extends infer T_1 ? T_1 extends T ? T_1 extends "" ? [] : T_1 extends `${infer T_2}.${infer U}` ? [T_2, ...string extends U ? (U & string)[] : U extends "" ? [] : U extends `${infer T_2}.${infer U}` ? [T_2, ...string extends U ? (U & string)[] : U extends "" ? [] : U extends `${infer T_2}.${infer U}` ? [T_2, ...string extends U ? (U & string)[] : U extends "" ? [] : U extends `${infer T_2}.${infer U}` ? [T_2, ...string extends U ? (U & string)[] : U extends "" ? [] : U extends `${infer T_2}.${infer U}` ? [T_2, ...string extends U ? (U & string)[] : U extends "" ? [] : U extends `${infer T_2}.${infer U}` ? [T_2, ...string extends U ? (U & string)[] : U extends "" ? [] : U extends `${infer T_2}.${infer U}` ? [T_2, ...string extends U ? (U & string)[] : U extends "" ? [] : U extends `${infer T_2}.${infer U}` ? [T_2, ...string extends U ? (U & string)[] : U extends "" ? [] : U extends `${infer T_2}.${infer U}` ? [T_2, ...string extends U ? (U & string)[] : U extends "" ? [] : U extends `${infer T_2}.${infer U}` ? [T_2, ...string extends U ? (U & string)[] : U extends "" ? [] : U extends `${infer T_2}.${infer U}` ? [T_2, ...any] : [U]] : [U]] : [U]] : [U]] : [U]] : [U]] : [U]] : [U]] : [U]] : [U]] : [T_1] : never : never) extends infer T_3 ? T_3 extends (string extends T ? (T & string)[] : T extends infer T_1 ? T_1 extends T ? T_1 extends "" ? [] : T_1 extends `${infer T_2}.${infer U}` ? [T_2, ...string extends U ? (U & string)[] : U extends "" ? [] : U extends `${infer T_2}.${infer U}` ? [T_2, ...string extends U ? (U & string)[] : U extends "" ? [] : U extends `${infer T_2}.${infer U}` ? [T_2, ...string extends U ? (U & string)[] : U extends "" ? [] : U extends `${infer T_2}.${infer U}` ? [T_2, ...string extends U ? (U & string)[] : U extends "" ? [] : U extends `${infer T_2}.${infer U}` ? [T_2, ...string extends U ? (U & string)[] : U extends "" ? [] : U extends `${infer T_2}.${infer U}` ? [T_2, ...string extends U ? (U & string)[] : U extends "" ? [] : U extends `${infer T_2}.${infer U}` ? [T_2, ...string extends U ? (U & string)[] : U extends "" ? [] : U extends `${infer T_2}.${infer U}` ? [T_2, ...string extends U ? (U & string)[] : U extends "" ? [] : U extends `${infer T_2}.${infer U}` ? [T_2, ...string extends U ? (U & string)[] : U extends "" ? [] : U extends `${infer T_2}.${infer U}` ? [T_2, ...string extends U ? (U & string)[] : U extends "" ? [] : U extends `${infer T_2}.${infer U}` ? [T_2, ...any] : [U]] : [U]] : [U]] : [U]] : [U]] : [U]] : [U]] : [U]] : [U]] : [U]] : [T_1] : never : never) ? T_3 extends [infer U_1, ...infer R] ? U_1 extends string ? `${U_1 extends `${number}` ? "$" : U_1}${R[0] extends string ? "." : ""}${R extends string[] ? R extends infer T_4 ? T_4 extends R ? T_4 extends [infer U_1, ...infer R] ? U_1 extends string ? `${U_1 extends `${number}` ? "$" : U_1}${R[0] extends string ? "." : ""}${R extends string[] ? R extends infer T_5 ? T_5 extends R ? T_5 extends [infer U_1, ...infer R] ? U_1 extends string ? `${U_1 extends `${number}` ? "$" : U_1}${R[0] extends string ? "." : ""}${R extends string[] ? R extends infer T_6 ? T_6 extends R ? T_6 extends [infer U_1, ...infer R] ? U_1 extends string ? `${U_1 extends `${number}` ? "$" : U_1}${R[0] extends string ? "." : ""}${R extends string[] ? R extends infer T_7 ? T_7 extends R ? T_7 extends [infer U_1, ...infer R] ? U_1 extends string ? `${U_1 extends `${number}` ? "$" : U_1}${R[0] extends string ? "." : ""}${R extends string[] ? R extends infer T_8 ? T_8 extends R ? T_8 extends [infer U_1, ...infer R] ? U_1 extends string ? `${U_1 extends `${number}` ? "$" : U_1}${R[0] extends string ? "." : ""}${R extends string[] ? R extends infer T_9 ? T_9 extends R ? T_9 extends [infer U_1, ...infer R] ? U_1 extends string ? `${U_1 extends `${number}` ? "$" : U_1}${R[0] extends string ? "." : ""}${R extends string[] ? R extends infer T_10 ? T_10 extends R ? T_10 extends [infer U_1, ...infer R] ? U_1 extends string ? `${U_1 extends `${number}` ? "$" : U_1}${R[0] extends string ? "." : ""}${R extends string[] ? R extends infer T_11 ? T_11 extends R ? T_11 extends [infer U_1, ...infer R] ? U_1 extends string ? `${U_1 extends `${number}` ? "$" : U_1}${R[0] extends string ? "." : ""}${R extends string[] ? R extends infer T_12 ? T_12 extends R ? T_12 extends [infer U_1, ...infer R] ? U_1 extends string ? `${U_1 extends `${number}` ? "$" : U_1}${R[0] extends string ? "." : ""}${R extends string[] ? R extends infer T_13 ? T_13 extends R ? T_13 extends [infer U_1, ...infer R] ? U_1 extends string ? `${U_1 extends `${number}` ? "$" : U_1}${R[0] extends string ? "." : ""}${R extends string[] ? any : ""}` : "" : "" : never : never : ""}` : "" : "" : never : never : ""}` : "" : "" : never : never : ""}` : "" : "" : never : never : ""}` : "" : "" : never : never : ""}` : "" : "" : never : never : ""}` : "" : "" : never : never : ""}` : "" : "" : never : never : ""}` : "" : "" : never : never : ""}` : "" : "" : never : never : ""}` : "" : "" : never : never : never : never : never)]?: Omit<({
|
568
|
+
type?: "number" | undefined;
|
569
|
+
} & Omit<NumberInputFieldProps & BaseFieldProps<react_hook_form.FieldValues, string>, keyof BaseFieldProps<TFieldValues, TName>> & BaseFieldProps<yup.Asserts<TSchema>, react_hook_form.Path<yup.Asserts<TSchema>>>) | ({
|
570
|
+
type?: "text" | undefined;
|
571
|
+
} & Omit<InputFieldProps & BaseFieldProps<react_hook_form.FieldValues, string>, keyof BaseFieldProps<TFieldValues, TName>> & BaseFieldProps<yup.Asserts<TSchema>, react_hook_form.Path<yup.Asserts<TSchema>>>) | ({
|
572
|
+
type?: "email" | undefined;
|
573
|
+
} & Omit<InputFieldProps & BaseFieldProps<react_hook_form.FieldValues, string>, keyof BaseFieldProps<TFieldValues, TName>> & BaseFieldProps<yup.Asserts<TSchema>, react_hook_form.Path<yup.Asserts<TSchema>>>) | ({
|
574
|
+
type?: "url" | undefined;
|
575
|
+
} & Omit<InputFieldProps & BaseFieldProps<react_hook_form.FieldValues, string>, keyof BaseFieldProps<TFieldValues, TName>> & BaseFieldProps<yup.Asserts<TSchema>, react_hook_form.Path<yup.Asserts<TSchema>>>) | ({
|
576
|
+
type?: "phone" | undefined;
|
577
|
+
} & Omit<InputFieldProps & BaseFieldProps<react_hook_form.FieldValues, string>, keyof BaseFieldProps<TFieldValues, TName>> & BaseFieldProps<yup.Asserts<TSchema>, react_hook_form.Path<yup.Asserts<TSchema>>>) | ({
|
578
|
+
type?: "password" | undefined;
|
579
|
+
} & Omit<PasswordInputProps & BaseFieldProps<react_hook_form.FieldValues, string>, keyof BaseFieldProps<TFieldValues, TName>> & BaseFieldProps<yup.Asserts<TSchema>, react_hook_form.Path<yup.Asserts<TSchema>>>) | ({
|
580
|
+
type?: "textarea" | undefined;
|
581
|
+
} & Omit<_chakra_ui_textarea_dist_textarea.TextareaProps & BaseFieldProps<react_hook_form.FieldValues, string>, keyof BaseFieldProps<TFieldValues, TName>> & BaseFieldProps<yup.Asserts<TSchema>, react_hook_form.Path<yup.Asserts<TSchema>>>) | ({
|
582
|
+
type?: "switch" | undefined;
|
583
|
+
} & Omit<_chakra_ui_switch_dist_switch.SwitchProps & BaseFieldProps<react_hook_form.FieldValues, string>, keyof BaseFieldProps<TFieldValues, TName>> & BaseFieldProps<yup.Asserts<TSchema>, react_hook_form.Path<yup.Asserts<TSchema>>>) | ({
|
584
|
+
type?: "select" | undefined;
|
585
|
+
} & Omit<SelectProps & BaseFieldProps<react_hook_form.FieldValues, string>, keyof BaseFieldProps<TFieldValues, TName>> & BaseFieldProps<yup.Asserts<TSchema>, react_hook_form.Path<yup.Asserts<TSchema>>>) | ({
|
586
|
+
type?: "checkbox" | undefined;
|
587
|
+
} & Omit<_chakra_ui_checkbox_dist_checkbox.CheckboxProps & BaseFieldProps<react_hook_form.FieldValues, string>, keyof BaseFieldProps<TFieldValues, TName>> & BaseFieldProps<yup.Asserts<TSchema>, react_hook_form.Path<yup.Asserts<TSchema>>>) | ({
|
588
|
+
type?: "radio" | undefined;
|
589
|
+
} & Omit<RadioInputProps & BaseFieldProps<react_hook_form.FieldValues, string>, keyof BaseFieldProps<TFieldValues, TName>> & BaseFieldProps<yup.Asserts<TSchema>, react_hook_form.Path<yup.Asserts<TSchema>>>) | ({
|
590
|
+
type?: "pin" | undefined;
|
591
|
+
} & Omit<PinFieldProps & BaseFieldProps<react_hook_form.FieldValues, string>, keyof BaseFieldProps<TFieldValues, TName>> & BaseFieldProps<yup.Asserts<TSchema>, react_hook_form.Path<yup.Asserts<TSchema>>>) | ({
|
592
|
+
type?: "native-select" | undefined;
|
593
|
+
} & Omit<NativeSelectProps & BaseFieldProps<react_hook_form.FieldValues, string>, keyof BaseFieldProps<TFieldValues, TName>> & BaseFieldProps<yup.Asserts<TSchema>, react_hook_form.Path<yup.Asserts<TSchema>>>), "name"> | undefined; } & {
|
594
|
+
submit?: SubmitButtonProps | undefined;
|
595
|
+
}) | undefined;
|
596
|
+
} & {
|
597
|
+
ref?: React$1.ForwardedRef<HTMLFormElement> | undefined;
|
598
|
+
}) => React$1.ReactElement<any, string | React$1.JSXElementConstructor<any>>;
|
599
|
+
|
600
|
+
export { Form, Options, createYupForm, getFieldsFromSchema, getNestedSchema, yupFieldResolver };
|