@customafk/lunas-ui 0.2.18 → 0.2.20
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/dist/{alert-Beqe8m7q.d.cts → alert-CwIH3Hkd.d.mts} +8 -8
- package/dist/{alert-XpHbQl4p.d.mts → alert-iwPuxYjG.d.cts} +8 -8
- package/dist/{badge-CSIbd6Ib.d.cts → badge-CINaZwOW.d.mts} +7 -7
- package/dist/{badge-cDG94TBd.d.mts → badge-DBsYYM8d.d.cts} +7 -7
- package/dist/{button-D_PwLu6A.d.cts → button-DdwLbwWQ.d.mts} +7 -7
- package/dist/{button-Bu1wgqhO.d.mts → button-UgIAM1cP.d.cts} +7 -7
- package/dist/cards/simple-card.d.mts +2 -2
- package/dist/data-display/statistic.d.mts +6 -6
- package/dist/{dialog-CtO9ie0P.d.cts → dialog-CfbtCisP.d.mts} +12 -12
- package/dist/{dialog-DtknheXI.d.mts → dialog-HXH3FYKH.d.cts} +12 -12
- package/dist/dialogs/detail-dialog/components/sidebar.d.cts +27 -27
- package/dist/dialogs/detail-dialog/components/sidebar.d.mts +25 -25
- package/dist/features/descriptions/index.d.cts +1 -1
- package/dist/features/descriptions/index.d.mts +5 -5
- package/dist/features/search-modal/index.d.cts +2 -2
- package/dist/features/search-modal/index.d.mts +2 -2
- package/dist/features/tables/index.cjs +1 -1
- package/dist/features/tables/index.d.cts +2 -2
- package/dist/features/tables/index.d.mts +3 -3
- package/dist/features/tables/index.mjs +1 -1
- package/dist/features/tanstack-form/index.d.cts +1 -1
- package/dist/features/tanstack-form/index.d.mts +1 -1
- package/dist/features/text-editor/index.d.mts +1 -1
- package/dist/{index-tr2ndIm-.d.mts → index-3ZBP9XKI.d.mts} +4 -4
- package/dist/{index-DgO3fRA8.d.mts → index-BreahdZP.d.mts} +35 -31
- package/dist/{index-6R0zla55.d.cts → index-D09-9eQ8.d.cts} +110 -110
- package/dist/{index-CDGAuUDu.d.cts → index-DWGlOnex.d.cts} +9 -5
- package/dist/{index-D8a6GRB2.d.mts → index-DXXR4oq-.d.mts} +352 -352
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +8 -8
- package/dist/index.d.mts +9 -9
- package/dist/index.mjs +1 -1
- package/dist/{input-CsTijTsW.d.cts → input-BpTmuYnJ.d.mts} +5 -5
- package/dist/{input-BFD3ecVI.d.mts → input-DjEul_uK.d.cts} +6 -6
- package/dist/layouts/flex.d.cts +9 -9
- package/dist/layouts/flex.d.mts +9 -9
- package/dist/pages/FeatureDeveloping.d.cts +2 -2
- package/dist/pages/FeatureDeveloping.d.mts +2 -2
- package/dist/pages/FeatureFixing.d.cts +2 -2
- package/dist/pages/FeatureFixing.d.mts +2 -2
- package/dist/pages/NotAuthorized.d.cts +2 -2
- package/dist/pages/NotAuthorized.d.mts +2 -2
- package/dist/pages/NotFound.d.cts +2 -2
- package/dist/pages/NotFound.d.mts +2 -2
- package/dist/{tables-BhX5FzM4.cjs → tables--hUSBZFP.cjs} +4 -4
- package/dist/tables--hUSBZFP.cjs.map +1 -0
- package/dist/tables-BZ5jLRGG.mjs +4 -0
- package/dist/tables-BZ5jLRGG.mjs.map +1 -0
- package/dist/typography/paragraph.d.cts +5 -5
- package/dist/typography/paragraph.d.mts +5 -5
- package/dist/typography/title.d.cts +2 -2
- package/dist/typography/title.d.mts +2 -2
- package/dist/ui/alert-dialog.d.cts +12 -12
- package/dist/ui/alert-dialog.d.mts +12 -12
- package/dist/ui/alert.d.cts +1 -1
- package/dist/ui/alert.d.mts +1 -1
- package/dist/ui/aspect-ratio.d.cts +2 -2
- package/dist/ui/aspect-ratio.d.mts +2 -2
- package/dist/ui/avatar.d.cts +4 -4
- package/dist/ui/avatar.d.mts +4 -4
- package/dist/ui/badge.d.cts +1 -1
- package/dist/ui/badge.d.mts +1 -1
- package/dist/ui/breadcrumb.d.cts +8 -8
- package/dist/ui/breadcrumb.d.mts +8 -8
- package/dist/ui/button-group.d.cts +7 -7
- package/dist/ui/button-group.d.mts +7 -7
- package/dist/ui/button.d.cts +1 -1
- package/dist/ui/button.d.mts +1 -1
- package/dist/ui/calendar.d.cts +4 -4
- package/dist/ui/calendar.d.mts +4 -4
- package/dist/ui/card.d.cts +8 -8
- package/dist/ui/card.d.mts +8 -8
- package/dist/ui/carousel.d.cts +7 -7
- package/dist/ui/carousel.d.mts +7 -7
- package/dist/ui/checkbox.d.cts +2 -2
- package/dist/ui/checkbox.d.mts +2 -2
- package/dist/ui/collapsible.d.cts +4 -4
- package/dist/ui/collapsible.d.mts +4 -4
- package/dist/ui/command.d.cts +11 -11
- package/dist/ui/command.d.mts +11 -11
- package/dist/ui/context-menu.d.cts +16 -16
- package/dist/ui/context-menu.d.mts +16 -16
- package/dist/ui/dialog.d.cts +1 -1
- package/dist/ui/dialog.d.mts +1 -1
- package/dist/ui/drawer.d.cts +11 -11
- package/dist/ui/drawer.d.mts +11 -11
- package/dist/ui/dropdown-menu.d.cts +16 -16
- package/dist/ui/dropdown-menu.d.mts +16 -16
- package/dist/ui/empty.d.cts +9 -9
- package/dist/ui/empty.d.mts +9 -9
- package/dist/ui/field.d.cts +25 -25
- package/dist/ui/field.d.mts +25 -25
- package/dist/ui/file-uploader.d.cts +2 -2
- package/dist/ui/file-uploader.d.mts +2 -2
- package/dist/ui/form.d.cts +11 -11
- package/dist/ui/form.d.mts +11 -11
- package/dist/ui/hover-card.d.cts +4 -4
- package/dist/ui/hover-card.d.mts +4 -4
- package/dist/ui/input-otp.d.cts +5 -5
- package/dist/ui/input-otp.d.mts +5 -5
- package/dist/ui/input.d.cts +1 -1
- package/dist/ui/input.d.mts +1 -1
- package/dist/ui/inputs/search-input.d.cts +3 -3
- package/dist/ui/inputs/search-input.d.mts +3 -3
- package/dist/ui/item.d.cts +13 -13
- package/dist/ui/item.d.mts +16 -16
- package/dist/ui/label.d.cts +2 -2
- package/dist/ui/label.d.mts +2 -2
- package/dist/ui/menubar.d.cts +17 -17
- package/dist/ui/menubar.d.mts +17 -17
- package/dist/ui/multi-select.d.cts +2 -2
- package/dist/ui/multi-select.d.mts +1 -1
- package/dist/ui/navigation-menu.d.cts +11 -11
- package/dist/ui/navigation-menu.d.mts +11 -11
- package/dist/ui/pagination.d.cts +9 -9
- package/dist/ui/pagination.d.mts +9 -9
- package/dist/ui/popover.d.cts +6 -6
- package/dist/ui/popover.d.mts +6 -6
- package/dist/ui/progress.d.cts +2 -2
- package/dist/ui/progress.d.mts +2 -2
- package/dist/ui/radio-group.d.cts +3 -3
- package/dist/ui/radio-group.d.mts +3 -3
- package/dist/ui/resizable.d.cts +9 -9
- package/dist/ui/resizable.d.mts +9 -9
- package/dist/ui/scroll-area.d.cts +6 -6
- package/dist/ui/scroll-area.d.mts +6 -6
- package/dist/ui/select.d.cts +9 -9
- package/dist/ui/select.d.mts +9 -9
- package/dist/ui/separator.d.cts +2 -2
- package/dist/ui/separator.d.mts +2 -2
- package/dist/ui/sheet.d.cts +9 -9
- package/dist/ui/sheet.d.mts +9 -9
- package/dist/ui/sidebar.d.cts +29 -29
- package/dist/ui/sidebar.d.mts +27 -27
- package/dist/ui/skeleton.d.cts +2 -2
- package/dist/ui/skeleton.d.mts +2 -2
- package/dist/ui/slider.d.cts +2 -2
- package/dist/ui/slider.d.mts +2 -2
- package/dist/ui/sonner.d.cts +2 -2
- package/dist/ui/sonner.d.mts +2 -2
- package/dist/ui/spinner.d.cts +2 -2
- package/dist/ui/spinner.d.mts +2 -2
- package/dist/ui/switch.d.cts +2 -2
- package/dist/ui/switch.d.mts +2 -2
- package/dist/ui/table.d.cts +18 -18
- package/dist/ui/table.d.mts +9 -9
- package/dist/ui/tabs.d.cts +5 -5
- package/dist/ui/tabs.d.mts +5 -5
- package/dist/ui/textarea.d.cts +2 -2
- package/dist/ui/textarea.d.mts +2 -2
- package/dist/ui/toggle-group.d.cts +3 -3
- package/dist/ui/toggle-group.d.mts +3 -3
- package/dist/ui/toggle.d.cts +5 -5
- package/dist/ui/toggle.d.mts +5 -5
- package/dist/ui/tooltip.d.cts +5 -5
- package/dist/ui/tooltip.d.mts +5 -5
- package/package.json +1 -1
- package/dist/tables-BhX5FzM4.cjs.map +0 -1
- package/dist/tables-D2za3DdW.mjs +0 -4
- package/dist/tables-D2za3DdW.mjs.map +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as react266 from "react";
|
|
2
|
+
import * as react_jsx_runtime350 from "react/jsx-runtime";
|
|
3
3
|
import * as class_variance_authority0 from "class-variance-authority";
|
|
4
4
|
import { VariantProps } from "class-variance-authority";
|
|
5
5
|
import { Label } from "radix-ui";
|
|
@@ -20,11 +20,11 @@ declare function Label$1({
|
|
|
20
20
|
className,
|
|
21
21
|
children,
|
|
22
22
|
...props
|
|
23
|
-
}: React.ComponentProps<typeof Label.Root>):
|
|
23
|
+
}: React.ComponentProps<typeof Label.Root>): react_jsx_runtime350.JSX.Element;
|
|
24
24
|
//#endregion
|
|
25
25
|
//#region packages/components/features/tanstack-form/components/ui/field.d.ts
|
|
26
26
|
declare const fieldVariants: (props?: ({
|
|
27
|
-
orientation?: "
|
|
27
|
+
orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
|
|
28
28
|
} & class_variance_authority_types24.ClassProp) | undefined) => string;
|
|
29
29
|
/**
|
|
30
30
|
* Outermost `<fieldset>` wrapper that stacks multiple `Field` rows with consistent vertical spacing.
|
|
@@ -48,10 +48,10 @@ declare const fieldVariants: (props?: ({
|
|
|
48
48
|
* <Field>…</Field>
|
|
49
49
|
* </FieldGroup>
|
|
50
50
|
*/
|
|
51
|
-
declare const FieldGroup:
|
|
51
|
+
declare const FieldGroup: react266.MemoExoticComponent<({
|
|
52
52
|
className,
|
|
53
53
|
...props
|
|
54
|
-
}: React.ComponentProps<"div">) =>
|
|
54
|
+
}: React.ComponentProps<"div">) => react_jsx_runtime350.JSX.Element>;
|
|
55
55
|
/**
|
|
56
56
|
* Single form field row that arranges label, input, and meta elements with configurable orientation.
|
|
57
57
|
*
|
|
@@ -63,11 +63,11 @@ declare const FieldGroup: react263.MemoExoticComponent<({
|
|
|
63
63
|
* <FieldContent><input id="username" /></FieldContent>
|
|
64
64
|
* </Field>
|
|
65
65
|
*/
|
|
66
|
-
declare const Field:
|
|
66
|
+
declare const Field: react266.MemoExoticComponent<({
|
|
67
67
|
className,
|
|
68
68
|
orientation,
|
|
69
69
|
...props
|
|
70
|
-
}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>) =>
|
|
70
|
+
}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>) => react_jsx_runtime350.JSX.Element>;
|
|
71
71
|
/**
|
|
72
72
|
* Flex column wrapper that houses the primary input control together with description and error slots.
|
|
73
73
|
*
|
|
@@ -79,10 +79,10 @@ declare const Field: react263.MemoExoticComponent<({
|
|
|
79
79
|
* <FieldDescription>Enter your full name.</FieldDescription>
|
|
80
80
|
* </FieldContent>
|
|
81
81
|
*/
|
|
82
|
-
declare const FieldContent:
|
|
82
|
+
declare const FieldContent: react266.MemoExoticComponent<({
|
|
83
83
|
className,
|
|
84
84
|
...props
|
|
85
|
-
}: React.ComponentProps<"div">) =>
|
|
85
|
+
}: React.ComponentProps<"div">) => react_jsx_runtime350.JSX.Element>;
|
|
86
86
|
/**
|
|
87
87
|
* Positioned wrapper for the main input element that enables absolutely-placed adornments (icons, spinners).
|
|
88
88
|
*
|
|
@@ -94,10 +94,10 @@ declare const FieldContent: react263.MemoExoticComponent<({
|
|
|
94
94
|
* <SearchIcon className="absolute right-2 top-2" />
|
|
95
95
|
* </FieldContentMain>
|
|
96
96
|
*/
|
|
97
|
-
declare const FieldContentMain:
|
|
97
|
+
declare const FieldContentMain: react266.MemoExoticComponent<({
|
|
98
98
|
className,
|
|
99
99
|
...props
|
|
100
|
-
}: React.ComponentProps<"div">) =>
|
|
100
|
+
}: React.ComponentProps<"div">) => react_jsx_runtime350.JSX.Element>;
|
|
101
101
|
/**
|
|
102
102
|
* Styled `<label>` element for a `Field`, extending the base `Label` with field-group-aware spacing and border states.
|
|
103
103
|
*
|
|
@@ -106,10 +106,10 @@ declare const FieldContentMain: react263.MemoExoticComponent<({
|
|
|
106
106
|
*
|
|
107
107
|
* <FieldLabel htmlFor="email" aria-required>Email</FieldLabel>
|
|
108
108
|
*/
|
|
109
|
-
declare const FieldLabel:
|
|
109
|
+
declare const FieldLabel: react266.MemoExoticComponent<({
|
|
110
110
|
className,
|
|
111
111
|
...props
|
|
112
|
-
}: React.ComponentProps<typeof Label$1>) =>
|
|
112
|
+
}: React.ComponentProps<typeof Label$1>) => react_jsx_runtime350.JSX.Element>;
|
|
113
113
|
/**
|
|
114
114
|
* Inline title element (non-`<label>`) for fields whose label cannot be a native `<label>`, such as custom checkbox groups.
|
|
115
115
|
*
|
|
@@ -127,11 +127,11 @@ declare const FieldLabel: react263.MemoExoticComponent<({
|
|
|
127
127
|
*
|
|
128
128
|
* <FieldSeparator>or</FieldSeparator>
|
|
129
129
|
*/
|
|
130
|
-
declare const FieldSeparator:
|
|
130
|
+
declare const FieldSeparator: react266.MemoExoticComponent<({
|
|
131
131
|
children,
|
|
132
132
|
className,
|
|
133
133
|
...props
|
|
134
|
-
}: React.PropsWithChildren<React.ComponentProps<"div">>) =>
|
|
134
|
+
}: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime350.JSX.Element>;
|
|
135
135
|
/**
|
|
136
136
|
* Props for {@link FieldError}.
|
|
137
137
|
*/
|
|
@@ -154,12 +154,12 @@ type FieldErrorProps = React.ComponentProps<'div'> & {
|
|
|
154
154
|
*
|
|
155
155
|
* <FieldError errors={field.state.meta.errors} />
|
|
156
156
|
*/
|
|
157
|
-
declare const FieldError:
|
|
157
|
+
declare const FieldError: react266.MemoExoticComponent<({
|
|
158
158
|
className,
|
|
159
159
|
children,
|
|
160
160
|
errors,
|
|
161
161
|
...props
|
|
162
|
-
}: FieldErrorProps) =>
|
|
162
|
+
}: FieldErrorProps) => react_jsx_runtime350.JSX.Element | null>;
|
|
163
163
|
//#endregion
|
|
164
164
|
//#region packages/components/features/tanstack-form/tanstack-form.d.ts
|
|
165
165
|
declare const useTanStackFieldContext: <TData>() => _tanstack_form_core0.FieldApi<any, string, TData, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>, useTanStackFormContext: () => _tanstack_react_form0.ReactFormExtendedApi<Record<string, never>, any, any, any, any, any, any, any, any, any, any, any>;
|
|
@@ -219,7 +219,7 @@ declare const useTanStackFieldContext: <TData>() => _tanstack_form_core0.FieldAp
|
|
|
219
219
|
* ));
|
|
220
220
|
*/
|
|
221
221
|
declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnChange extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta>(props: _tanstack_form_core0.FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta>) => _tanstack_react_form0.AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
|
|
222
|
-
readonly TextField:
|
|
222
|
+
readonly TextField: react266.FC<Pick<{
|
|
223
223
|
label: string;
|
|
224
224
|
name: string;
|
|
225
225
|
camelCaseName: string;
|
|
@@ -237,7 +237,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
237
237
|
is: any;
|
|
238
238
|
show?: boolean | undefined;
|
|
239
239
|
} | undefined;
|
|
240
|
-
orientation?: "
|
|
240
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
241
241
|
tooltip?: string | undefined;
|
|
242
242
|
helperText?: string | undefined;
|
|
243
243
|
showErrorMessage?: boolean | undefined;
|
|
@@ -245,11 +245,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
245
245
|
showClearButton?: boolean | undefined;
|
|
246
246
|
description?: string | undefined;
|
|
247
247
|
placeholder?: string | undefined;
|
|
248
|
-
}, "description" | "label" | "orientation" | "
|
|
248
|
+
}, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
|
|
249
249
|
required?: boolean;
|
|
250
250
|
maxLength?: number;
|
|
251
251
|
}>;
|
|
252
|
-
readonly TextareaField:
|
|
252
|
+
readonly TextareaField: react266.FC<Pick<{
|
|
253
253
|
label: string;
|
|
254
254
|
name: string;
|
|
255
255
|
camelCaseName: string;
|
|
@@ -266,18 +266,18 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
266
266
|
is: any;
|
|
267
267
|
show?: boolean | undefined;
|
|
268
268
|
} | undefined;
|
|
269
|
-
orientation?: "
|
|
269
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
270
270
|
tooltip?: string | undefined;
|
|
271
271
|
helperText?: string | undefined;
|
|
272
272
|
showErrorMessage?: boolean | undefined;
|
|
273
273
|
counter?: boolean | undefined;
|
|
274
274
|
description?: string | undefined;
|
|
275
275
|
placeholder?: string | undefined;
|
|
276
|
-
}, "description" | "label" | "orientation" | "
|
|
276
|
+
}, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
|
|
277
277
|
required?: boolean;
|
|
278
278
|
maxLength?: number;
|
|
279
279
|
}>;
|
|
280
|
-
readonly TextEditorField:
|
|
280
|
+
readonly TextEditorField: react266.FC<Pick<{
|
|
281
281
|
label: string;
|
|
282
282
|
name: string;
|
|
283
283
|
camelCaseName: string;
|
|
@@ -291,10 +291,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
291
291
|
} | undefined;
|
|
292
292
|
description?: string | undefined;
|
|
293
293
|
placeholder?: string | undefined;
|
|
294
|
-
}, "description" | "label" | "
|
|
294
|
+
}, "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
|
|
295
295
|
required?: boolean;
|
|
296
296
|
}>;
|
|
297
|
-
readonly NumberField:
|
|
297
|
+
readonly NumberField: react266.FC<Pick<{
|
|
298
298
|
label: string;
|
|
299
299
|
name: string;
|
|
300
300
|
camelCaseName: string;
|
|
@@ -319,7 +319,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
319
319
|
is: any;
|
|
320
320
|
show?: boolean | undefined;
|
|
321
321
|
} | undefined;
|
|
322
|
-
orientation?: "
|
|
322
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
323
323
|
tooltip?: string | undefined;
|
|
324
324
|
helperText?: string | undefined;
|
|
325
325
|
showErrorMessage?: boolean | undefined;
|
|
@@ -330,11 +330,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
330
330
|
unit?: string | undefined;
|
|
331
331
|
description?: string | undefined;
|
|
332
332
|
placeholder?: string | undefined;
|
|
333
|
-
}, "description" | "label" | "orientation" | "
|
|
333
|
+
}, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
|
|
334
334
|
required?: boolean;
|
|
335
335
|
allowNegative?: boolean;
|
|
336
336
|
}>;
|
|
337
|
-
readonly EmailField:
|
|
337
|
+
readonly EmailField: react266.FC<Pick<{
|
|
338
338
|
rules: {
|
|
339
339
|
maxLength?: number | undefined;
|
|
340
340
|
minLength?: number | undefined;
|
|
@@ -344,26 +344,26 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
344
344
|
camelCaseName: string;
|
|
345
345
|
id: string;
|
|
346
346
|
type: "email-field";
|
|
347
|
-
orientation?: "
|
|
347
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
348
348
|
tooltip?: string | undefined;
|
|
349
349
|
helperText?: string | undefined;
|
|
350
350
|
showErrorMessage?: boolean | undefined;
|
|
351
351
|
description?: string | undefined;
|
|
352
352
|
placeholder?: string | undefined;
|
|
353
|
-
}, "description" | "label" | "orientation" | "
|
|
353
|
+
}, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
|
|
354
354
|
required?: boolean;
|
|
355
355
|
maxLength?: number;
|
|
356
356
|
}>;
|
|
357
|
-
readonly PasswordField:
|
|
357
|
+
readonly PasswordField: react266.FC<{
|
|
358
358
|
description?: string | undefined;
|
|
359
359
|
label: string;
|
|
360
|
-
orientation?: "
|
|
361
|
-
tooltip?: string | undefined;
|
|
360
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
362
361
|
placeholder?: string | undefined;
|
|
362
|
+
tooltip?: string | undefined;
|
|
363
363
|
helperText?: string | undefined;
|
|
364
364
|
showErrorMessage?: boolean | undefined;
|
|
365
365
|
}>;
|
|
366
|
-
readonly SelectField:
|
|
366
|
+
readonly SelectField: react266.FC<Pick<{
|
|
367
367
|
options: {
|
|
368
368
|
label: string;
|
|
369
369
|
value: string;
|
|
@@ -382,16 +382,16 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
382
382
|
is: any;
|
|
383
383
|
show?: boolean | undefined;
|
|
384
384
|
} | undefined;
|
|
385
|
-
orientation?: "
|
|
385
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
386
386
|
tooltip?: string | undefined;
|
|
387
387
|
helperText?: string | undefined;
|
|
388
388
|
defaultValue?: string | undefined;
|
|
389
389
|
description?: string | undefined;
|
|
390
390
|
placeholder?: string | undefined;
|
|
391
|
-
}, "description" | "label" | "defaultValue" | "orientation" | "
|
|
391
|
+
}, "description" | "label" | "defaultValue" | "orientation" | "placeholder" | "tooltip" | "options" | "helperText" | "clearable"> & {
|
|
392
392
|
required?: boolean;
|
|
393
393
|
}>;
|
|
394
|
-
readonly ComboboxField:
|
|
394
|
+
readonly ComboboxField: react266.FC<{
|
|
395
395
|
label: string;
|
|
396
396
|
description?: string;
|
|
397
397
|
placeholder?: string;
|
|
@@ -402,7 +402,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
402
402
|
label: string;
|
|
403
403
|
}>;
|
|
404
404
|
}>;
|
|
405
|
-
readonly DateField:
|
|
405
|
+
readonly DateField: react266.FC<Pick<{
|
|
406
406
|
label: string;
|
|
407
407
|
name: string;
|
|
408
408
|
camelCaseName: string;
|
|
@@ -414,26 +414,26 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
414
414
|
minDate?: Date | undefined;
|
|
415
415
|
maxDate?: Date | undefined;
|
|
416
416
|
} | undefined;
|
|
417
|
-
orientation?: "
|
|
417
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
418
418
|
tooltip?: string | undefined;
|
|
419
419
|
helperText?: string | undefined;
|
|
420
420
|
defaultValue?: string | undefined;
|
|
421
421
|
description?: string | undefined;
|
|
422
422
|
placeholder?: string | undefined;
|
|
423
|
-
}, "description" | "label" | "orientation" | "
|
|
423
|
+
}, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
|
|
424
424
|
required?: boolean;
|
|
425
425
|
minDate?: Date;
|
|
426
426
|
maxDate?: Date;
|
|
427
427
|
}>;
|
|
428
|
-
readonly SwitchField:
|
|
428
|
+
readonly SwitchField: react266.FC<{
|
|
429
429
|
description?: string | undefined;
|
|
430
430
|
label: string;
|
|
431
431
|
helperText?: string | undefined;
|
|
432
432
|
}>;
|
|
433
|
-
readonly RadioGroupField:
|
|
433
|
+
readonly RadioGroupField: react266.FC<{
|
|
434
434
|
description?: string | undefined;
|
|
435
435
|
label: string;
|
|
436
|
-
orientation?: "
|
|
436
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
437
437
|
tooltip?: string | undefined;
|
|
438
438
|
options: {
|
|
439
439
|
label: string;
|
|
@@ -442,10 +442,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
442
442
|
}[];
|
|
443
443
|
helperText?: string | undefined;
|
|
444
444
|
}>;
|
|
445
|
-
readonly CheckboxField:
|
|
445
|
+
readonly CheckboxField: react266.FC<{
|
|
446
446
|
description?: string | undefined;
|
|
447
447
|
label: string;
|
|
448
|
-
orientation?: "
|
|
448
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
449
449
|
tooltip?: string | undefined;
|
|
450
450
|
options: {
|
|
451
451
|
label: string;
|
|
@@ -453,84 +453,84 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
453
453
|
}[];
|
|
454
454
|
helperText?: string | undefined;
|
|
455
455
|
}>;
|
|
456
|
-
readonly FieldGroup:
|
|
456
|
+
readonly FieldGroup: react266.MemoExoticComponent<({
|
|
457
457
|
className,
|
|
458
458
|
...props
|
|
459
|
-
}: React.ComponentProps<"div">) =>
|
|
460
|
-
readonly Field:
|
|
459
|
+
}: React.ComponentProps<"div">) => react_jsx_runtime350.JSX.Element>;
|
|
460
|
+
readonly Field: react266.MemoExoticComponent<({
|
|
461
461
|
className,
|
|
462
462
|
orientation,
|
|
463
463
|
...props
|
|
464
464
|
}: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
|
|
465
|
-
orientation?: "
|
|
466
|
-
} & class_variance_authority_types24.ClassProp) | undefined) => string>) =>
|
|
467
|
-
readonly FieldContent:
|
|
465
|
+
orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
|
|
466
|
+
} & class_variance_authority_types24.ClassProp) | undefined) => string>) => react_jsx_runtime350.JSX.Element>;
|
|
467
|
+
readonly FieldContent: react266.MemoExoticComponent<({
|
|
468
468
|
className,
|
|
469
469
|
...props
|
|
470
|
-
}: React.ComponentProps<"div">) =>
|
|
471
|
-
readonly FieldLabel:
|
|
470
|
+
}: React.ComponentProps<"div">) => react_jsx_runtime350.JSX.Element>;
|
|
471
|
+
readonly FieldLabel: react266.MemoExoticComponent<({
|
|
472
472
|
className,
|
|
473
473
|
...props
|
|
474
|
-
}: React.ComponentProps<typeof Label$1>) =>
|
|
475
|
-
readonly FieldContentMain:
|
|
474
|
+
}: React.ComponentProps<typeof Label$1>) => react_jsx_runtime350.JSX.Element>;
|
|
475
|
+
readonly FieldContentMain: react266.MemoExoticComponent<({
|
|
476
476
|
className,
|
|
477
477
|
...props
|
|
478
|
-
}: React.ComponentProps<"div">) =>
|
|
479
|
-
readonly FieldSeparator:
|
|
478
|
+
}: React.ComponentProps<"div">) => react_jsx_runtime350.JSX.Element>;
|
|
479
|
+
readonly FieldSeparator: react266.MemoExoticComponent<({
|
|
480
480
|
children,
|
|
481
481
|
className,
|
|
482
482
|
...props
|
|
483
|
-
}: React.PropsWithChildren<React.ComponentProps<"div">>) =>
|
|
484
|
-
readonly FieldError:
|
|
483
|
+
}: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime350.JSX.Element>;
|
|
484
|
+
readonly FieldError: react266.MemoExoticComponent<({
|
|
485
485
|
className,
|
|
486
486
|
children,
|
|
487
487
|
errors,
|
|
488
488
|
...props
|
|
489
|
-
}:
|
|
489
|
+
}: react266.ClassAttributes<HTMLDivElement> & react266.HTMLAttributes<HTMLDivElement> & {
|
|
490
490
|
errors?: Array<{
|
|
491
491
|
code?: string;
|
|
492
492
|
message?: string;
|
|
493
493
|
} | undefined>;
|
|
494
|
-
}) =>
|
|
494
|
+
}) => react_jsx_runtime350.JSX.Element | null>;
|
|
495
495
|
}, {
|
|
496
|
-
readonly TanStackDialogForm:
|
|
496
|
+
readonly TanStackDialogForm: react266.FC<react266.PropsWithChildren<{
|
|
497
497
|
title: string;
|
|
498
498
|
submitText?: string;
|
|
499
499
|
open?: boolean;
|
|
500
500
|
onOpenChange?: (open: boolean) => void;
|
|
501
501
|
}>>;
|
|
502
|
-
readonly TanStackPopoverForm:
|
|
502
|
+
readonly TanStackPopoverForm: react266.FC<react266.PropsWithChildren<{
|
|
503
503
|
title: string;
|
|
504
504
|
open?: boolean;
|
|
505
505
|
contentClassName?: string;
|
|
506
506
|
onOpenChange?: (open: boolean) => void;
|
|
507
507
|
}>>;
|
|
508
|
-
readonly TanStackContainerForm:
|
|
509
|
-
children?:
|
|
508
|
+
readonly TanStackContainerForm: react266.FC<{
|
|
509
|
+
children?: react266.ReactNode | undefined;
|
|
510
510
|
}>;
|
|
511
|
-
readonly TanStackSectionForm:
|
|
511
|
+
readonly TanStackSectionForm: react266.FC<react266.PropsWithChildren<{
|
|
512
512
|
title: string;
|
|
513
513
|
}>>;
|
|
514
|
-
readonly TanStackCardForm:
|
|
514
|
+
readonly TanStackCardForm: react266.FC<react266.PropsWithChildren<{
|
|
515
515
|
title: string;
|
|
516
516
|
description?: string;
|
|
517
517
|
onDelete?: () => void | Promise<void>;
|
|
518
518
|
}>>;
|
|
519
|
-
readonly TanStackFieldGroup:
|
|
519
|
+
readonly TanStackFieldGroup: react266.FC<react266.PropsWithChildren<{
|
|
520
520
|
label: string;
|
|
521
521
|
description?: string;
|
|
522
522
|
helperText?: string;
|
|
523
523
|
orientation?: "horizontal" | "vertical" | "responsive";
|
|
524
524
|
}>>;
|
|
525
|
-
readonly TanStackTitleField:
|
|
525
|
+
readonly TanStackTitleField: react266.FC<{
|
|
526
526
|
title: string;
|
|
527
527
|
description?: string;
|
|
528
528
|
helperText?: string;
|
|
529
529
|
}>;
|
|
530
|
-
readonly TanStackActionsForm:
|
|
530
|
+
readonly TanStackActionsForm: react266.FC<react266.PropsWithChildren<{
|
|
531
531
|
type?: "create" | "update";
|
|
532
532
|
}>>;
|
|
533
|
-
readonly TanStackActionSubmit:
|
|
533
|
+
readonly TanStackActionSubmit: react266.FC<{
|
|
534
534
|
label?: string;
|
|
535
535
|
className?: string;
|
|
536
536
|
}>;
|
|
@@ -538,7 +538,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
538
538
|
render,
|
|
539
539
|
props
|
|
540
540
|
}: _tanstack_react_form0.WithFormProps<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
|
|
541
|
-
readonly TextField:
|
|
541
|
+
readonly TextField: react266.FC<Pick<{
|
|
542
542
|
label: string;
|
|
543
543
|
name: string;
|
|
544
544
|
camelCaseName: string;
|
|
@@ -556,7 +556,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
556
556
|
is: any;
|
|
557
557
|
show?: boolean | undefined;
|
|
558
558
|
} | undefined;
|
|
559
|
-
orientation?: "
|
|
559
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
560
560
|
tooltip?: string | undefined;
|
|
561
561
|
helperText?: string | undefined;
|
|
562
562
|
showErrorMessage?: boolean | undefined;
|
|
@@ -564,11 +564,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
564
564
|
showClearButton?: boolean | undefined;
|
|
565
565
|
description?: string | undefined;
|
|
566
566
|
placeholder?: string | undefined;
|
|
567
|
-
}, "description" | "label" | "orientation" | "
|
|
567
|
+
}, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
|
|
568
568
|
required?: boolean;
|
|
569
569
|
maxLength?: number;
|
|
570
570
|
}>;
|
|
571
|
-
readonly TextareaField:
|
|
571
|
+
readonly TextareaField: react266.FC<Pick<{
|
|
572
572
|
label: string;
|
|
573
573
|
name: string;
|
|
574
574
|
camelCaseName: string;
|
|
@@ -585,18 +585,18 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
585
585
|
is: any;
|
|
586
586
|
show?: boolean | undefined;
|
|
587
587
|
} | undefined;
|
|
588
|
-
orientation?: "
|
|
588
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
589
589
|
tooltip?: string | undefined;
|
|
590
590
|
helperText?: string | undefined;
|
|
591
591
|
showErrorMessage?: boolean | undefined;
|
|
592
592
|
counter?: boolean | undefined;
|
|
593
593
|
description?: string | undefined;
|
|
594
594
|
placeholder?: string | undefined;
|
|
595
|
-
}, "description" | "label" | "orientation" | "
|
|
595
|
+
}, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
|
|
596
596
|
required?: boolean;
|
|
597
597
|
maxLength?: number;
|
|
598
598
|
}>;
|
|
599
|
-
readonly TextEditorField:
|
|
599
|
+
readonly TextEditorField: react266.FC<Pick<{
|
|
600
600
|
label: string;
|
|
601
601
|
name: string;
|
|
602
602
|
camelCaseName: string;
|
|
@@ -610,10 +610,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
610
610
|
} | undefined;
|
|
611
611
|
description?: string | undefined;
|
|
612
612
|
placeholder?: string | undefined;
|
|
613
|
-
}, "description" | "label" | "
|
|
613
|
+
}, "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
|
|
614
614
|
required?: boolean;
|
|
615
615
|
}>;
|
|
616
|
-
readonly NumberField:
|
|
616
|
+
readonly NumberField: react266.FC<Pick<{
|
|
617
617
|
label: string;
|
|
618
618
|
name: string;
|
|
619
619
|
camelCaseName: string;
|
|
@@ -638,7 +638,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
638
638
|
is: any;
|
|
639
639
|
show?: boolean | undefined;
|
|
640
640
|
} | undefined;
|
|
641
|
-
orientation?: "
|
|
641
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
642
642
|
tooltip?: string | undefined;
|
|
643
643
|
helperText?: string | undefined;
|
|
644
644
|
showErrorMessage?: boolean | undefined;
|
|
@@ -649,11 +649,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
649
649
|
unit?: string | undefined;
|
|
650
650
|
description?: string | undefined;
|
|
651
651
|
placeholder?: string | undefined;
|
|
652
|
-
}, "description" | "label" | "orientation" | "
|
|
652
|
+
}, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
|
|
653
653
|
required?: boolean;
|
|
654
654
|
allowNegative?: boolean;
|
|
655
655
|
}>;
|
|
656
|
-
readonly EmailField:
|
|
656
|
+
readonly EmailField: react266.FC<Pick<{
|
|
657
657
|
rules: {
|
|
658
658
|
maxLength?: number | undefined;
|
|
659
659
|
minLength?: number | undefined;
|
|
@@ -663,26 +663,26 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
663
663
|
camelCaseName: string;
|
|
664
664
|
id: string;
|
|
665
665
|
type: "email-field";
|
|
666
|
-
orientation?: "
|
|
666
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
667
667
|
tooltip?: string | undefined;
|
|
668
668
|
helperText?: string | undefined;
|
|
669
669
|
showErrorMessage?: boolean | undefined;
|
|
670
670
|
description?: string | undefined;
|
|
671
671
|
placeholder?: string | undefined;
|
|
672
|
-
}, "description" | "label" | "orientation" | "
|
|
672
|
+
}, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
|
|
673
673
|
required?: boolean;
|
|
674
674
|
maxLength?: number;
|
|
675
675
|
}>;
|
|
676
|
-
readonly PasswordField:
|
|
676
|
+
readonly PasswordField: react266.FC<{
|
|
677
677
|
description?: string | undefined;
|
|
678
678
|
label: string;
|
|
679
|
-
orientation?: "
|
|
680
|
-
tooltip?: string | undefined;
|
|
679
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
681
680
|
placeholder?: string | undefined;
|
|
681
|
+
tooltip?: string | undefined;
|
|
682
682
|
helperText?: string | undefined;
|
|
683
683
|
showErrorMessage?: boolean | undefined;
|
|
684
684
|
}>;
|
|
685
|
-
readonly SelectField:
|
|
685
|
+
readonly SelectField: react266.FC<Pick<{
|
|
686
686
|
options: {
|
|
687
687
|
label: string;
|
|
688
688
|
value: string;
|
|
@@ -701,16 +701,16 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
701
701
|
is: any;
|
|
702
702
|
show?: boolean | undefined;
|
|
703
703
|
} | undefined;
|
|
704
|
-
orientation?: "
|
|
704
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
705
705
|
tooltip?: string | undefined;
|
|
706
706
|
helperText?: string | undefined;
|
|
707
707
|
defaultValue?: string | undefined;
|
|
708
708
|
description?: string | undefined;
|
|
709
709
|
placeholder?: string | undefined;
|
|
710
|
-
}, "description" | "label" | "defaultValue" | "orientation" | "
|
|
710
|
+
}, "description" | "label" | "defaultValue" | "orientation" | "placeholder" | "tooltip" | "options" | "helperText" | "clearable"> & {
|
|
711
711
|
required?: boolean;
|
|
712
712
|
}>;
|
|
713
|
-
readonly ComboboxField:
|
|
713
|
+
readonly ComboboxField: react266.FC<{
|
|
714
714
|
label: string;
|
|
715
715
|
description?: string;
|
|
716
716
|
placeholder?: string;
|
|
@@ -721,7 +721,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
721
721
|
label: string;
|
|
722
722
|
}>;
|
|
723
723
|
}>;
|
|
724
|
-
readonly DateField:
|
|
724
|
+
readonly DateField: react266.FC<Pick<{
|
|
725
725
|
label: string;
|
|
726
726
|
name: string;
|
|
727
727
|
camelCaseName: string;
|
|
@@ -733,26 +733,26 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
733
733
|
minDate?: Date | undefined;
|
|
734
734
|
maxDate?: Date | undefined;
|
|
735
735
|
} | undefined;
|
|
736
|
-
orientation?: "
|
|
736
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
737
737
|
tooltip?: string | undefined;
|
|
738
738
|
helperText?: string | undefined;
|
|
739
739
|
defaultValue?: string | undefined;
|
|
740
740
|
description?: string | undefined;
|
|
741
741
|
placeholder?: string | undefined;
|
|
742
|
-
}, "description" | "label" | "orientation" | "
|
|
742
|
+
}, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
|
|
743
743
|
required?: boolean;
|
|
744
744
|
minDate?: Date;
|
|
745
745
|
maxDate?: Date;
|
|
746
746
|
}>;
|
|
747
|
-
readonly SwitchField:
|
|
747
|
+
readonly SwitchField: react266.FC<{
|
|
748
748
|
description?: string | undefined;
|
|
749
749
|
label: string;
|
|
750
750
|
helperText?: string | undefined;
|
|
751
751
|
}>;
|
|
752
|
-
readonly RadioGroupField:
|
|
752
|
+
readonly RadioGroupField: react266.FC<{
|
|
753
753
|
description?: string | undefined;
|
|
754
754
|
label: string;
|
|
755
|
-
orientation?: "
|
|
755
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
756
756
|
tooltip?: string | undefined;
|
|
757
757
|
options: {
|
|
758
758
|
label: string;
|
|
@@ -761,10 +761,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
761
761
|
}[];
|
|
762
762
|
helperText?: string | undefined;
|
|
763
763
|
}>;
|
|
764
|
-
readonly CheckboxField:
|
|
764
|
+
readonly CheckboxField: react266.FC<{
|
|
765
765
|
description?: string | undefined;
|
|
766
766
|
label: string;
|
|
767
|
-
orientation?: "
|
|
767
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
768
768
|
tooltip?: string | undefined;
|
|
769
769
|
options: {
|
|
770
770
|
label: string;
|
|
@@ -772,90 +772,90 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
772
772
|
}[];
|
|
773
773
|
helperText?: string | undefined;
|
|
774
774
|
}>;
|
|
775
|
-
readonly FieldGroup:
|
|
775
|
+
readonly FieldGroup: react266.MemoExoticComponent<({
|
|
776
776
|
className,
|
|
777
777
|
...props
|
|
778
|
-
}: React.ComponentProps<"div">) =>
|
|
779
|
-
readonly Field:
|
|
778
|
+
}: React.ComponentProps<"div">) => react_jsx_runtime350.JSX.Element>;
|
|
779
|
+
readonly Field: react266.MemoExoticComponent<({
|
|
780
780
|
className,
|
|
781
781
|
orientation,
|
|
782
782
|
...props
|
|
783
783
|
}: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
|
|
784
|
-
orientation?: "
|
|
785
|
-
} & class_variance_authority_types24.ClassProp) | undefined) => string>) =>
|
|
786
|
-
readonly FieldContent:
|
|
784
|
+
orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
|
|
785
|
+
} & class_variance_authority_types24.ClassProp) | undefined) => string>) => react_jsx_runtime350.JSX.Element>;
|
|
786
|
+
readonly FieldContent: react266.MemoExoticComponent<({
|
|
787
787
|
className,
|
|
788
788
|
...props
|
|
789
|
-
}: React.ComponentProps<"div">) =>
|
|
790
|
-
readonly FieldLabel:
|
|
789
|
+
}: React.ComponentProps<"div">) => react_jsx_runtime350.JSX.Element>;
|
|
790
|
+
readonly FieldLabel: react266.MemoExoticComponent<({
|
|
791
791
|
className,
|
|
792
792
|
...props
|
|
793
|
-
}: React.ComponentProps<typeof Label$1>) =>
|
|
794
|
-
readonly FieldContentMain:
|
|
793
|
+
}: React.ComponentProps<typeof Label$1>) => react_jsx_runtime350.JSX.Element>;
|
|
794
|
+
readonly FieldContentMain: react266.MemoExoticComponent<({
|
|
795
795
|
className,
|
|
796
796
|
...props
|
|
797
|
-
}: React.ComponentProps<"div">) =>
|
|
798
|
-
readonly FieldSeparator:
|
|
797
|
+
}: React.ComponentProps<"div">) => react_jsx_runtime350.JSX.Element>;
|
|
798
|
+
readonly FieldSeparator: react266.MemoExoticComponent<({
|
|
799
799
|
children,
|
|
800
800
|
className,
|
|
801
801
|
...props
|
|
802
|
-
}: React.PropsWithChildren<React.ComponentProps<"div">>) =>
|
|
803
|
-
readonly FieldError:
|
|
802
|
+
}: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime350.JSX.Element>;
|
|
803
|
+
readonly FieldError: react266.MemoExoticComponent<({
|
|
804
804
|
className,
|
|
805
805
|
children,
|
|
806
806
|
errors,
|
|
807
807
|
...props
|
|
808
|
-
}:
|
|
808
|
+
}: react266.ClassAttributes<HTMLDivElement> & react266.HTMLAttributes<HTMLDivElement> & {
|
|
809
809
|
errors?: Array<{
|
|
810
810
|
code?: string;
|
|
811
811
|
message?: string;
|
|
812
812
|
} | undefined>;
|
|
813
|
-
}) =>
|
|
813
|
+
}) => react_jsx_runtime350.JSX.Element | null>;
|
|
814
814
|
}, {
|
|
815
|
-
readonly TanStackDialogForm:
|
|
815
|
+
readonly TanStackDialogForm: react266.FC<react266.PropsWithChildren<{
|
|
816
816
|
title: string;
|
|
817
817
|
submitText?: string;
|
|
818
818
|
open?: boolean;
|
|
819
819
|
onOpenChange?: (open: boolean) => void;
|
|
820
820
|
}>>;
|
|
821
|
-
readonly TanStackPopoverForm:
|
|
821
|
+
readonly TanStackPopoverForm: react266.FC<react266.PropsWithChildren<{
|
|
822
822
|
title: string;
|
|
823
823
|
open?: boolean;
|
|
824
824
|
contentClassName?: string;
|
|
825
825
|
onOpenChange?: (open: boolean) => void;
|
|
826
826
|
}>>;
|
|
827
|
-
readonly TanStackContainerForm:
|
|
828
|
-
children?:
|
|
827
|
+
readonly TanStackContainerForm: react266.FC<{
|
|
828
|
+
children?: react266.ReactNode | undefined;
|
|
829
829
|
}>;
|
|
830
|
-
readonly TanStackSectionForm:
|
|
830
|
+
readonly TanStackSectionForm: react266.FC<react266.PropsWithChildren<{
|
|
831
831
|
title: string;
|
|
832
832
|
}>>;
|
|
833
|
-
readonly TanStackCardForm:
|
|
833
|
+
readonly TanStackCardForm: react266.FC<react266.PropsWithChildren<{
|
|
834
834
|
title: string;
|
|
835
835
|
description?: string;
|
|
836
836
|
onDelete?: () => void | Promise<void>;
|
|
837
837
|
}>>;
|
|
838
|
-
readonly TanStackFieldGroup:
|
|
838
|
+
readonly TanStackFieldGroup: react266.FC<react266.PropsWithChildren<{
|
|
839
839
|
label: string;
|
|
840
840
|
description?: string;
|
|
841
841
|
helperText?: string;
|
|
842
842
|
orientation?: "horizontal" | "vertical" | "responsive";
|
|
843
843
|
}>>;
|
|
844
|
-
readonly TanStackTitleField:
|
|
844
|
+
readonly TanStackTitleField: react266.FC<{
|
|
845
845
|
title: string;
|
|
846
846
|
description?: string;
|
|
847
847
|
helperText?: string;
|
|
848
848
|
}>;
|
|
849
|
-
readonly TanStackActionsForm:
|
|
849
|
+
readonly TanStackActionsForm: react266.FC<react266.PropsWithChildren<{
|
|
850
850
|
type?: "create" | "update";
|
|
851
851
|
}>>;
|
|
852
|
-
readonly TanStackActionSubmit:
|
|
852
|
+
readonly TanStackActionSubmit: react266.FC<{
|
|
853
853
|
label?: string;
|
|
854
854
|
className?: string;
|
|
855
855
|
}>;
|
|
856
|
-
}, TRenderProps>) =>
|
|
856
|
+
}, TRenderProps>) => react266.FunctionComponent<react266.PropsWithChildren<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & {
|
|
857
857
|
form: _tanstack_react_form0.AppFieldExtendedReactFormApi<[unknown] extends [TFormData] ? any : TFormData, [_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined] extends [TOnDynamic] ? [TOnDynamic] extends [TOnDynamic & (_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamic : TOnDynamic, [_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined] extends [TOnDynamicAsync] ? [TOnDynamicAsync] extends [TOnDynamicAsync & (_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamicAsync : TOnDynamicAsync, [_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta, {
|
|
858
|
-
readonly TextField:
|
|
858
|
+
readonly TextField: react266.FC<Pick<{
|
|
859
859
|
label: string;
|
|
860
860
|
name: string;
|
|
861
861
|
camelCaseName: string;
|
|
@@ -873,7 +873,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
873
873
|
is: any;
|
|
874
874
|
show?: boolean | undefined;
|
|
875
875
|
} | undefined;
|
|
876
|
-
orientation?: "
|
|
876
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
877
877
|
tooltip?: string | undefined;
|
|
878
878
|
helperText?: string | undefined;
|
|
879
879
|
showErrorMessage?: boolean | undefined;
|
|
@@ -881,11 +881,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
881
881
|
showClearButton?: boolean | undefined;
|
|
882
882
|
description?: string | undefined;
|
|
883
883
|
placeholder?: string | undefined;
|
|
884
|
-
}, "description" | "label" | "orientation" | "
|
|
884
|
+
}, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
|
|
885
885
|
required?: boolean;
|
|
886
886
|
maxLength?: number;
|
|
887
887
|
}>;
|
|
888
|
-
readonly TextareaField:
|
|
888
|
+
readonly TextareaField: react266.FC<Pick<{
|
|
889
889
|
label: string;
|
|
890
890
|
name: string;
|
|
891
891
|
camelCaseName: string;
|
|
@@ -902,18 +902,18 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
902
902
|
is: any;
|
|
903
903
|
show?: boolean | undefined;
|
|
904
904
|
} | undefined;
|
|
905
|
-
orientation?: "
|
|
905
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
906
906
|
tooltip?: string | undefined;
|
|
907
907
|
helperText?: string | undefined;
|
|
908
908
|
showErrorMessage?: boolean | undefined;
|
|
909
909
|
counter?: boolean | undefined;
|
|
910
910
|
description?: string | undefined;
|
|
911
911
|
placeholder?: string | undefined;
|
|
912
|
-
}, "description" | "label" | "orientation" | "
|
|
912
|
+
}, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
|
|
913
913
|
required?: boolean;
|
|
914
914
|
maxLength?: number;
|
|
915
915
|
}>;
|
|
916
|
-
readonly TextEditorField:
|
|
916
|
+
readonly TextEditorField: react266.FC<Pick<{
|
|
917
917
|
label: string;
|
|
918
918
|
name: string;
|
|
919
919
|
camelCaseName: string;
|
|
@@ -927,10 +927,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
927
927
|
} | undefined;
|
|
928
928
|
description?: string | undefined;
|
|
929
929
|
placeholder?: string | undefined;
|
|
930
|
-
}, "description" | "label" | "
|
|
930
|
+
}, "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
|
|
931
931
|
required?: boolean;
|
|
932
932
|
}>;
|
|
933
|
-
readonly NumberField:
|
|
933
|
+
readonly NumberField: react266.FC<Pick<{
|
|
934
934
|
label: string;
|
|
935
935
|
name: string;
|
|
936
936
|
camelCaseName: string;
|
|
@@ -955,7 +955,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
955
955
|
is: any;
|
|
956
956
|
show?: boolean | undefined;
|
|
957
957
|
} | undefined;
|
|
958
|
-
orientation?: "
|
|
958
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
959
959
|
tooltip?: string | undefined;
|
|
960
960
|
helperText?: string | undefined;
|
|
961
961
|
showErrorMessage?: boolean | undefined;
|
|
@@ -966,11 +966,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
966
966
|
unit?: string | undefined;
|
|
967
967
|
description?: string | undefined;
|
|
968
968
|
placeholder?: string | undefined;
|
|
969
|
-
}, "description" | "label" | "orientation" | "
|
|
969
|
+
}, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
|
|
970
970
|
required?: boolean;
|
|
971
971
|
allowNegative?: boolean;
|
|
972
972
|
}>;
|
|
973
|
-
readonly EmailField:
|
|
973
|
+
readonly EmailField: react266.FC<Pick<{
|
|
974
974
|
rules: {
|
|
975
975
|
maxLength?: number | undefined;
|
|
976
976
|
minLength?: number | undefined;
|
|
@@ -980,26 +980,26 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
980
980
|
camelCaseName: string;
|
|
981
981
|
id: string;
|
|
982
982
|
type: "email-field";
|
|
983
|
-
orientation?: "
|
|
983
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
984
984
|
tooltip?: string | undefined;
|
|
985
985
|
helperText?: string | undefined;
|
|
986
986
|
showErrorMessage?: boolean | undefined;
|
|
987
987
|
description?: string | undefined;
|
|
988
988
|
placeholder?: string | undefined;
|
|
989
|
-
}, "description" | "label" | "orientation" | "
|
|
989
|
+
}, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
|
|
990
990
|
required?: boolean;
|
|
991
991
|
maxLength?: number;
|
|
992
992
|
}>;
|
|
993
|
-
readonly PasswordField:
|
|
993
|
+
readonly PasswordField: react266.FC<{
|
|
994
994
|
description?: string | undefined;
|
|
995
995
|
label: string;
|
|
996
|
-
orientation?: "
|
|
997
|
-
tooltip?: string | undefined;
|
|
996
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
998
997
|
placeholder?: string | undefined;
|
|
998
|
+
tooltip?: string | undefined;
|
|
999
999
|
helperText?: string | undefined;
|
|
1000
1000
|
showErrorMessage?: boolean | undefined;
|
|
1001
1001
|
}>;
|
|
1002
|
-
readonly SelectField:
|
|
1002
|
+
readonly SelectField: react266.FC<Pick<{
|
|
1003
1003
|
options: {
|
|
1004
1004
|
label: string;
|
|
1005
1005
|
value: string;
|
|
@@ -1018,16 +1018,16 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
1018
1018
|
is: any;
|
|
1019
1019
|
show?: boolean | undefined;
|
|
1020
1020
|
} | undefined;
|
|
1021
|
-
orientation?: "
|
|
1021
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
1022
1022
|
tooltip?: string | undefined;
|
|
1023
1023
|
helperText?: string | undefined;
|
|
1024
1024
|
defaultValue?: string | undefined;
|
|
1025
1025
|
description?: string | undefined;
|
|
1026
1026
|
placeholder?: string | undefined;
|
|
1027
|
-
}, "description" | "label" | "defaultValue" | "orientation" | "
|
|
1027
|
+
}, "description" | "label" | "defaultValue" | "orientation" | "placeholder" | "tooltip" | "options" | "helperText" | "clearable"> & {
|
|
1028
1028
|
required?: boolean;
|
|
1029
1029
|
}>;
|
|
1030
|
-
readonly ComboboxField:
|
|
1030
|
+
readonly ComboboxField: react266.FC<{
|
|
1031
1031
|
label: string;
|
|
1032
1032
|
description?: string;
|
|
1033
1033
|
placeholder?: string;
|
|
@@ -1038,7 +1038,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
1038
1038
|
label: string;
|
|
1039
1039
|
}>;
|
|
1040
1040
|
}>;
|
|
1041
|
-
readonly DateField:
|
|
1041
|
+
readonly DateField: react266.FC<Pick<{
|
|
1042
1042
|
label: string;
|
|
1043
1043
|
name: string;
|
|
1044
1044
|
camelCaseName: string;
|
|
@@ -1050,26 +1050,26 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
1050
1050
|
minDate?: Date | undefined;
|
|
1051
1051
|
maxDate?: Date | undefined;
|
|
1052
1052
|
} | undefined;
|
|
1053
|
-
orientation?: "
|
|
1053
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
1054
1054
|
tooltip?: string | undefined;
|
|
1055
1055
|
helperText?: string | undefined;
|
|
1056
1056
|
defaultValue?: string | undefined;
|
|
1057
1057
|
description?: string | undefined;
|
|
1058
1058
|
placeholder?: string | undefined;
|
|
1059
|
-
}, "description" | "label" | "orientation" | "
|
|
1059
|
+
}, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
|
|
1060
1060
|
required?: boolean;
|
|
1061
1061
|
minDate?: Date;
|
|
1062
1062
|
maxDate?: Date;
|
|
1063
1063
|
}>;
|
|
1064
|
-
readonly SwitchField:
|
|
1064
|
+
readonly SwitchField: react266.FC<{
|
|
1065
1065
|
description?: string | undefined;
|
|
1066
1066
|
label: string;
|
|
1067
1067
|
helperText?: string | undefined;
|
|
1068
1068
|
}>;
|
|
1069
|
-
readonly RadioGroupField:
|
|
1069
|
+
readonly RadioGroupField: react266.FC<{
|
|
1070
1070
|
description?: string | undefined;
|
|
1071
1071
|
label: string;
|
|
1072
|
-
orientation?: "
|
|
1072
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
1073
1073
|
tooltip?: string | undefined;
|
|
1074
1074
|
options: {
|
|
1075
1075
|
label: string;
|
|
@@ -1078,10 +1078,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
1078
1078
|
}[];
|
|
1079
1079
|
helperText?: string | undefined;
|
|
1080
1080
|
}>;
|
|
1081
|
-
readonly CheckboxField:
|
|
1081
|
+
readonly CheckboxField: react266.FC<{
|
|
1082
1082
|
description?: string | undefined;
|
|
1083
1083
|
label: string;
|
|
1084
|
-
orientation?: "
|
|
1084
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
1085
1085
|
tooltip?: string | undefined;
|
|
1086
1086
|
options: {
|
|
1087
1087
|
label: string;
|
|
@@ -1089,84 +1089,84 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
1089
1089
|
}[];
|
|
1090
1090
|
helperText?: string | undefined;
|
|
1091
1091
|
}>;
|
|
1092
|
-
readonly FieldGroup:
|
|
1092
|
+
readonly FieldGroup: react266.MemoExoticComponent<({
|
|
1093
1093
|
className,
|
|
1094
1094
|
...props
|
|
1095
|
-
}: React.ComponentProps<"div">) =>
|
|
1096
|
-
readonly Field:
|
|
1095
|
+
}: React.ComponentProps<"div">) => react_jsx_runtime350.JSX.Element>;
|
|
1096
|
+
readonly Field: react266.MemoExoticComponent<({
|
|
1097
1097
|
className,
|
|
1098
1098
|
orientation,
|
|
1099
1099
|
...props
|
|
1100
1100
|
}: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
|
|
1101
|
-
orientation?: "
|
|
1102
|
-
} & class_variance_authority_types24.ClassProp) | undefined) => string>) =>
|
|
1103
|
-
readonly FieldContent:
|
|
1101
|
+
orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
|
|
1102
|
+
} & class_variance_authority_types24.ClassProp) | undefined) => string>) => react_jsx_runtime350.JSX.Element>;
|
|
1103
|
+
readonly FieldContent: react266.MemoExoticComponent<({
|
|
1104
1104
|
className,
|
|
1105
1105
|
...props
|
|
1106
|
-
}: React.ComponentProps<"div">) =>
|
|
1107
|
-
readonly FieldLabel:
|
|
1106
|
+
}: React.ComponentProps<"div">) => react_jsx_runtime350.JSX.Element>;
|
|
1107
|
+
readonly FieldLabel: react266.MemoExoticComponent<({
|
|
1108
1108
|
className,
|
|
1109
1109
|
...props
|
|
1110
|
-
}: React.ComponentProps<typeof Label$1>) =>
|
|
1111
|
-
readonly FieldContentMain:
|
|
1110
|
+
}: React.ComponentProps<typeof Label$1>) => react_jsx_runtime350.JSX.Element>;
|
|
1111
|
+
readonly FieldContentMain: react266.MemoExoticComponent<({
|
|
1112
1112
|
className,
|
|
1113
1113
|
...props
|
|
1114
|
-
}: React.ComponentProps<"div">) =>
|
|
1115
|
-
readonly FieldSeparator:
|
|
1114
|
+
}: React.ComponentProps<"div">) => react_jsx_runtime350.JSX.Element>;
|
|
1115
|
+
readonly FieldSeparator: react266.MemoExoticComponent<({
|
|
1116
1116
|
children,
|
|
1117
1117
|
className,
|
|
1118
1118
|
...props
|
|
1119
|
-
}: React.PropsWithChildren<React.ComponentProps<"div">>) =>
|
|
1120
|
-
readonly FieldError:
|
|
1119
|
+
}: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime350.JSX.Element>;
|
|
1120
|
+
readonly FieldError: react266.MemoExoticComponent<({
|
|
1121
1121
|
className,
|
|
1122
1122
|
children,
|
|
1123
1123
|
errors,
|
|
1124
1124
|
...props
|
|
1125
|
-
}:
|
|
1125
|
+
}: react266.ClassAttributes<HTMLDivElement> & react266.HTMLAttributes<HTMLDivElement> & {
|
|
1126
1126
|
errors?: Array<{
|
|
1127
1127
|
code?: string;
|
|
1128
1128
|
message?: string;
|
|
1129
1129
|
} | undefined>;
|
|
1130
|
-
}) =>
|
|
1130
|
+
}) => react_jsx_runtime350.JSX.Element | null>;
|
|
1131
1131
|
}, {
|
|
1132
|
-
readonly TanStackDialogForm:
|
|
1132
|
+
readonly TanStackDialogForm: react266.FC<react266.PropsWithChildren<{
|
|
1133
1133
|
title: string;
|
|
1134
1134
|
submitText?: string;
|
|
1135
1135
|
open?: boolean;
|
|
1136
1136
|
onOpenChange?: (open: boolean) => void;
|
|
1137
1137
|
}>>;
|
|
1138
|
-
readonly TanStackPopoverForm:
|
|
1138
|
+
readonly TanStackPopoverForm: react266.FC<react266.PropsWithChildren<{
|
|
1139
1139
|
title: string;
|
|
1140
1140
|
open?: boolean;
|
|
1141
1141
|
contentClassName?: string;
|
|
1142
1142
|
onOpenChange?: (open: boolean) => void;
|
|
1143
1143
|
}>>;
|
|
1144
|
-
readonly TanStackContainerForm:
|
|
1145
|
-
children?:
|
|
1144
|
+
readonly TanStackContainerForm: react266.FC<{
|
|
1145
|
+
children?: react266.ReactNode | undefined;
|
|
1146
1146
|
}>;
|
|
1147
|
-
readonly TanStackSectionForm:
|
|
1147
|
+
readonly TanStackSectionForm: react266.FC<react266.PropsWithChildren<{
|
|
1148
1148
|
title: string;
|
|
1149
1149
|
}>>;
|
|
1150
|
-
readonly TanStackCardForm:
|
|
1150
|
+
readonly TanStackCardForm: react266.FC<react266.PropsWithChildren<{
|
|
1151
1151
|
title: string;
|
|
1152
1152
|
description?: string;
|
|
1153
1153
|
onDelete?: () => void | Promise<void>;
|
|
1154
1154
|
}>>;
|
|
1155
|
-
readonly TanStackFieldGroup:
|
|
1155
|
+
readonly TanStackFieldGroup: react266.FC<react266.PropsWithChildren<{
|
|
1156
1156
|
label: string;
|
|
1157
1157
|
description?: string;
|
|
1158
1158
|
helperText?: string;
|
|
1159
1159
|
orientation?: "horizontal" | "vertical" | "responsive";
|
|
1160
1160
|
}>>;
|
|
1161
|
-
readonly TanStackTitleField:
|
|
1161
|
+
readonly TanStackTitleField: react266.FC<{
|
|
1162
1162
|
title: string;
|
|
1163
1163
|
description?: string;
|
|
1164
1164
|
helperText?: string;
|
|
1165
1165
|
}>;
|
|
1166
|
-
readonly TanStackActionsForm:
|
|
1166
|
+
readonly TanStackActionsForm: react266.FC<react266.PropsWithChildren<{
|
|
1167
1167
|
type?: "create" | "update";
|
|
1168
1168
|
}>>;
|
|
1169
|
-
readonly TanStackActionSubmit:
|
|
1169
|
+
readonly TanStackActionSubmit: react266.FC<{
|
|
1170
1170
|
label?: string;
|
|
1171
1171
|
className?: string;
|
|
1172
1172
|
}>;
|
|
@@ -1176,7 +1176,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
1176
1176
|
props,
|
|
1177
1177
|
defaultValues
|
|
1178
1178
|
}: _tanstack_react_form0.WithFieldGroupProps<TFieldGroupData, {
|
|
1179
|
-
readonly TextField:
|
|
1179
|
+
readonly TextField: react266.FC<Pick<{
|
|
1180
1180
|
label: string;
|
|
1181
1181
|
name: string;
|
|
1182
1182
|
camelCaseName: string;
|
|
@@ -1194,7 +1194,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
1194
1194
|
is: any;
|
|
1195
1195
|
show?: boolean | undefined;
|
|
1196
1196
|
} | undefined;
|
|
1197
|
-
orientation?: "
|
|
1197
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
1198
1198
|
tooltip?: string | undefined;
|
|
1199
1199
|
helperText?: string | undefined;
|
|
1200
1200
|
showErrorMessage?: boolean | undefined;
|
|
@@ -1202,11 +1202,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
1202
1202
|
showClearButton?: boolean | undefined;
|
|
1203
1203
|
description?: string | undefined;
|
|
1204
1204
|
placeholder?: string | undefined;
|
|
1205
|
-
}, "description" | "label" | "orientation" | "
|
|
1205
|
+
}, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
|
|
1206
1206
|
required?: boolean;
|
|
1207
1207
|
maxLength?: number;
|
|
1208
1208
|
}>;
|
|
1209
|
-
readonly TextareaField:
|
|
1209
|
+
readonly TextareaField: react266.FC<Pick<{
|
|
1210
1210
|
label: string;
|
|
1211
1211
|
name: string;
|
|
1212
1212
|
camelCaseName: string;
|
|
@@ -1223,18 +1223,18 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
1223
1223
|
is: any;
|
|
1224
1224
|
show?: boolean | undefined;
|
|
1225
1225
|
} | undefined;
|
|
1226
|
-
orientation?: "
|
|
1226
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
1227
1227
|
tooltip?: string | undefined;
|
|
1228
1228
|
helperText?: string | undefined;
|
|
1229
1229
|
showErrorMessage?: boolean | undefined;
|
|
1230
1230
|
counter?: boolean | undefined;
|
|
1231
1231
|
description?: string | undefined;
|
|
1232
1232
|
placeholder?: string | undefined;
|
|
1233
|
-
}, "description" | "label" | "orientation" | "
|
|
1233
|
+
}, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
|
|
1234
1234
|
required?: boolean;
|
|
1235
1235
|
maxLength?: number;
|
|
1236
1236
|
}>;
|
|
1237
|
-
readonly TextEditorField:
|
|
1237
|
+
readonly TextEditorField: react266.FC<Pick<{
|
|
1238
1238
|
label: string;
|
|
1239
1239
|
name: string;
|
|
1240
1240
|
camelCaseName: string;
|
|
@@ -1248,10 +1248,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
1248
1248
|
} | undefined;
|
|
1249
1249
|
description?: string | undefined;
|
|
1250
1250
|
placeholder?: string | undefined;
|
|
1251
|
-
}, "description" | "label" | "
|
|
1251
|
+
}, "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
|
|
1252
1252
|
required?: boolean;
|
|
1253
1253
|
}>;
|
|
1254
|
-
readonly NumberField:
|
|
1254
|
+
readonly NumberField: react266.FC<Pick<{
|
|
1255
1255
|
label: string;
|
|
1256
1256
|
name: string;
|
|
1257
1257
|
camelCaseName: string;
|
|
@@ -1276,7 +1276,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
1276
1276
|
is: any;
|
|
1277
1277
|
show?: boolean | undefined;
|
|
1278
1278
|
} | undefined;
|
|
1279
|
-
orientation?: "
|
|
1279
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
1280
1280
|
tooltip?: string | undefined;
|
|
1281
1281
|
helperText?: string | undefined;
|
|
1282
1282
|
showErrorMessage?: boolean | undefined;
|
|
@@ -1287,11 +1287,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
1287
1287
|
unit?: string | undefined;
|
|
1288
1288
|
description?: string | undefined;
|
|
1289
1289
|
placeholder?: string | undefined;
|
|
1290
|
-
}, "description" | "label" | "orientation" | "
|
|
1290
|
+
}, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
|
|
1291
1291
|
required?: boolean;
|
|
1292
1292
|
allowNegative?: boolean;
|
|
1293
1293
|
}>;
|
|
1294
|
-
readonly EmailField:
|
|
1294
|
+
readonly EmailField: react266.FC<Pick<{
|
|
1295
1295
|
rules: {
|
|
1296
1296
|
maxLength?: number | undefined;
|
|
1297
1297
|
minLength?: number | undefined;
|
|
@@ -1301,26 +1301,26 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
1301
1301
|
camelCaseName: string;
|
|
1302
1302
|
id: string;
|
|
1303
1303
|
type: "email-field";
|
|
1304
|
-
orientation?: "
|
|
1304
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
1305
1305
|
tooltip?: string | undefined;
|
|
1306
1306
|
helperText?: string | undefined;
|
|
1307
1307
|
showErrorMessage?: boolean | undefined;
|
|
1308
1308
|
description?: string | undefined;
|
|
1309
1309
|
placeholder?: string | undefined;
|
|
1310
|
-
}, "description" | "label" | "orientation" | "
|
|
1310
|
+
}, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
|
|
1311
1311
|
required?: boolean;
|
|
1312
1312
|
maxLength?: number;
|
|
1313
1313
|
}>;
|
|
1314
|
-
readonly PasswordField:
|
|
1314
|
+
readonly PasswordField: react266.FC<{
|
|
1315
1315
|
description?: string | undefined;
|
|
1316
1316
|
label: string;
|
|
1317
|
-
orientation?: "
|
|
1318
|
-
tooltip?: string | undefined;
|
|
1317
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
1319
1318
|
placeholder?: string | undefined;
|
|
1319
|
+
tooltip?: string | undefined;
|
|
1320
1320
|
helperText?: string | undefined;
|
|
1321
1321
|
showErrorMessage?: boolean | undefined;
|
|
1322
1322
|
}>;
|
|
1323
|
-
readonly SelectField:
|
|
1323
|
+
readonly SelectField: react266.FC<Pick<{
|
|
1324
1324
|
options: {
|
|
1325
1325
|
label: string;
|
|
1326
1326
|
value: string;
|
|
@@ -1339,16 +1339,16 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
1339
1339
|
is: any;
|
|
1340
1340
|
show?: boolean | undefined;
|
|
1341
1341
|
} | undefined;
|
|
1342
|
-
orientation?: "
|
|
1342
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
1343
1343
|
tooltip?: string | undefined;
|
|
1344
1344
|
helperText?: string | undefined;
|
|
1345
1345
|
defaultValue?: string | undefined;
|
|
1346
1346
|
description?: string | undefined;
|
|
1347
1347
|
placeholder?: string | undefined;
|
|
1348
|
-
}, "description" | "label" | "defaultValue" | "orientation" | "
|
|
1348
|
+
}, "description" | "label" | "defaultValue" | "orientation" | "placeholder" | "tooltip" | "options" | "helperText" | "clearable"> & {
|
|
1349
1349
|
required?: boolean;
|
|
1350
1350
|
}>;
|
|
1351
|
-
readonly ComboboxField:
|
|
1351
|
+
readonly ComboboxField: react266.FC<{
|
|
1352
1352
|
label: string;
|
|
1353
1353
|
description?: string;
|
|
1354
1354
|
placeholder?: string;
|
|
@@ -1359,7 +1359,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
1359
1359
|
label: string;
|
|
1360
1360
|
}>;
|
|
1361
1361
|
}>;
|
|
1362
|
-
readonly DateField:
|
|
1362
|
+
readonly DateField: react266.FC<Pick<{
|
|
1363
1363
|
label: string;
|
|
1364
1364
|
name: string;
|
|
1365
1365
|
camelCaseName: string;
|
|
@@ -1371,26 +1371,26 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
1371
1371
|
minDate?: Date | undefined;
|
|
1372
1372
|
maxDate?: Date | undefined;
|
|
1373
1373
|
} | undefined;
|
|
1374
|
-
orientation?: "
|
|
1374
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
1375
1375
|
tooltip?: string | undefined;
|
|
1376
1376
|
helperText?: string | undefined;
|
|
1377
1377
|
defaultValue?: string | undefined;
|
|
1378
1378
|
description?: string | undefined;
|
|
1379
1379
|
placeholder?: string | undefined;
|
|
1380
|
-
}, "description" | "label" | "orientation" | "
|
|
1380
|
+
}, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
|
|
1381
1381
|
required?: boolean;
|
|
1382
1382
|
minDate?: Date;
|
|
1383
1383
|
maxDate?: Date;
|
|
1384
1384
|
}>;
|
|
1385
|
-
readonly SwitchField:
|
|
1385
|
+
readonly SwitchField: react266.FC<{
|
|
1386
1386
|
description?: string | undefined;
|
|
1387
1387
|
label: string;
|
|
1388
1388
|
helperText?: string | undefined;
|
|
1389
1389
|
}>;
|
|
1390
|
-
readonly RadioGroupField:
|
|
1390
|
+
readonly RadioGroupField: react266.FC<{
|
|
1391
1391
|
description?: string | undefined;
|
|
1392
1392
|
label: string;
|
|
1393
|
-
orientation?: "
|
|
1393
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
1394
1394
|
tooltip?: string | undefined;
|
|
1395
1395
|
options: {
|
|
1396
1396
|
label: string;
|
|
@@ -1399,10 +1399,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
1399
1399
|
}[];
|
|
1400
1400
|
helperText?: string | undefined;
|
|
1401
1401
|
}>;
|
|
1402
|
-
readonly CheckboxField:
|
|
1402
|
+
readonly CheckboxField: react266.FC<{
|
|
1403
1403
|
description?: string | undefined;
|
|
1404
1404
|
label: string;
|
|
1405
|
-
orientation?: "
|
|
1405
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
1406
1406
|
tooltip?: string | undefined;
|
|
1407
1407
|
options: {
|
|
1408
1408
|
label: string;
|
|
@@ -1410,90 +1410,90 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
1410
1410
|
}[];
|
|
1411
1411
|
helperText?: string | undefined;
|
|
1412
1412
|
}>;
|
|
1413
|
-
readonly FieldGroup:
|
|
1413
|
+
readonly FieldGroup: react266.MemoExoticComponent<({
|
|
1414
1414
|
className,
|
|
1415
1415
|
...props
|
|
1416
|
-
}: React.ComponentProps<"div">) =>
|
|
1417
|
-
readonly Field:
|
|
1416
|
+
}: React.ComponentProps<"div">) => react_jsx_runtime350.JSX.Element>;
|
|
1417
|
+
readonly Field: react266.MemoExoticComponent<({
|
|
1418
1418
|
className,
|
|
1419
1419
|
orientation,
|
|
1420
1420
|
...props
|
|
1421
1421
|
}: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
|
|
1422
|
-
orientation?: "
|
|
1423
|
-
} & class_variance_authority_types24.ClassProp) | undefined) => string>) =>
|
|
1424
|
-
readonly FieldContent:
|
|
1422
|
+
orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
|
|
1423
|
+
} & class_variance_authority_types24.ClassProp) | undefined) => string>) => react_jsx_runtime350.JSX.Element>;
|
|
1424
|
+
readonly FieldContent: react266.MemoExoticComponent<({
|
|
1425
1425
|
className,
|
|
1426
1426
|
...props
|
|
1427
|
-
}: React.ComponentProps<"div">) =>
|
|
1428
|
-
readonly FieldLabel:
|
|
1427
|
+
}: React.ComponentProps<"div">) => react_jsx_runtime350.JSX.Element>;
|
|
1428
|
+
readonly FieldLabel: react266.MemoExoticComponent<({
|
|
1429
1429
|
className,
|
|
1430
1430
|
...props
|
|
1431
|
-
}: React.ComponentProps<typeof Label$1>) =>
|
|
1432
|
-
readonly FieldContentMain:
|
|
1431
|
+
}: React.ComponentProps<typeof Label$1>) => react_jsx_runtime350.JSX.Element>;
|
|
1432
|
+
readonly FieldContentMain: react266.MemoExoticComponent<({
|
|
1433
1433
|
className,
|
|
1434
1434
|
...props
|
|
1435
|
-
}: React.ComponentProps<"div">) =>
|
|
1436
|
-
readonly FieldSeparator:
|
|
1435
|
+
}: React.ComponentProps<"div">) => react_jsx_runtime350.JSX.Element>;
|
|
1436
|
+
readonly FieldSeparator: react266.MemoExoticComponent<({
|
|
1437
1437
|
children,
|
|
1438
1438
|
className,
|
|
1439
1439
|
...props
|
|
1440
|
-
}: React.PropsWithChildren<React.ComponentProps<"div">>) =>
|
|
1441
|
-
readonly FieldError:
|
|
1440
|
+
}: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime350.JSX.Element>;
|
|
1441
|
+
readonly FieldError: react266.MemoExoticComponent<({
|
|
1442
1442
|
className,
|
|
1443
1443
|
children,
|
|
1444
1444
|
errors,
|
|
1445
1445
|
...props
|
|
1446
|
-
}:
|
|
1446
|
+
}: react266.ClassAttributes<HTMLDivElement> & react266.HTMLAttributes<HTMLDivElement> & {
|
|
1447
1447
|
errors?: Array<{
|
|
1448
1448
|
code?: string;
|
|
1449
1449
|
message?: string;
|
|
1450
1450
|
} | undefined>;
|
|
1451
|
-
}) =>
|
|
1451
|
+
}) => react_jsx_runtime350.JSX.Element | null>;
|
|
1452
1452
|
}, {
|
|
1453
|
-
readonly TanStackDialogForm:
|
|
1453
|
+
readonly TanStackDialogForm: react266.FC<react266.PropsWithChildren<{
|
|
1454
1454
|
title: string;
|
|
1455
1455
|
submitText?: string;
|
|
1456
1456
|
open?: boolean;
|
|
1457
1457
|
onOpenChange?: (open: boolean) => void;
|
|
1458
1458
|
}>>;
|
|
1459
|
-
readonly TanStackPopoverForm:
|
|
1459
|
+
readonly TanStackPopoverForm: react266.FC<react266.PropsWithChildren<{
|
|
1460
1460
|
title: string;
|
|
1461
1461
|
open?: boolean;
|
|
1462
1462
|
contentClassName?: string;
|
|
1463
1463
|
onOpenChange?: (open: boolean) => void;
|
|
1464
1464
|
}>>;
|
|
1465
|
-
readonly TanStackContainerForm:
|
|
1466
|
-
children?:
|
|
1465
|
+
readonly TanStackContainerForm: react266.FC<{
|
|
1466
|
+
children?: react266.ReactNode | undefined;
|
|
1467
1467
|
}>;
|
|
1468
|
-
readonly TanStackSectionForm:
|
|
1468
|
+
readonly TanStackSectionForm: react266.FC<react266.PropsWithChildren<{
|
|
1469
1469
|
title: string;
|
|
1470
1470
|
}>>;
|
|
1471
|
-
readonly TanStackCardForm:
|
|
1471
|
+
readonly TanStackCardForm: react266.FC<react266.PropsWithChildren<{
|
|
1472
1472
|
title: string;
|
|
1473
1473
|
description?: string;
|
|
1474
1474
|
onDelete?: () => void | Promise<void>;
|
|
1475
1475
|
}>>;
|
|
1476
|
-
readonly TanStackFieldGroup:
|
|
1476
|
+
readonly TanStackFieldGroup: react266.FC<react266.PropsWithChildren<{
|
|
1477
1477
|
label: string;
|
|
1478
1478
|
description?: string;
|
|
1479
1479
|
helperText?: string;
|
|
1480
1480
|
orientation?: "horizontal" | "vertical" | "responsive";
|
|
1481
1481
|
}>>;
|
|
1482
|
-
readonly TanStackTitleField:
|
|
1482
|
+
readonly TanStackTitleField: react266.FC<{
|
|
1483
1483
|
title: string;
|
|
1484
1484
|
description?: string;
|
|
1485
1485
|
helperText?: string;
|
|
1486
1486
|
}>;
|
|
1487
|
-
readonly TanStackActionsForm:
|
|
1487
|
+
readonly TanStackActionsForm: react266.FC<react266.PropsWithChildren<{
|
|
1488
1488
|
type?: "create" | "update";
|
|
1489
1489
|
}>>;
|
|
1490
|
-
readonly TanStackActionSubmit:
|
|
1490
|
+
readonly TanStackActionSubmit: react266.FC<{
|
|
1491
1491
|
label?: string;
|
|
1492
1492
|
className?: string;
|
|
1493
1493
|
}>;
|
|
1494
|
-
}, TSubmitMeta, TRenderProps>) => <TFormData, TFields extends _tanstack_form_core0.DeepKeysOfType<TFormData, TFieldGroupData | null | undefined> | _tanstack_form_core0.FieldsMap<TFormData, TFieldGroupData>, TOnMount extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnChange extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TFormSubmitMeta>(params:
|
|
1494
|
+
}, TSubmitMeta, TRenderProps>) => <TFormData, TFields extends _tanstack_form_core0.DeepKeysOfType<TFormData, TFieldGroupData | null | undefined> | _tanstack_form_core0.FieldsMap<TFormData, TFieldGroupData>, TOnMount extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnChange extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TFormSubmitMeta>(params: react266.PropsWithChildren<NoInfer<TRenderProps> & {
|
|
1495
1495
|
form: _tanstack_react_form0.AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, unknown extends TSubmitMeta ? TFormSubmitMeta : TSubmitMeta, {
|
|
1496
|
-
readonly TextField:
|
|
1496
|
+
readonly TextField: react266.FC<Pick<{
|
|
1497
1497
|
label: string;
|
|
1498
1498
|
name: string;
|
|
1499
1499
|
camelCaseName: string;
|
|
@@ -1511,7 +1511,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
1511
1511
|
is: any;
|
|
1512
1512
|
show?: boolean | undefined;
|
|
1513
1513
|
} | undefined;
|
|
1514
|
-
orientation?: "
|
|
1514
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
1515
1515
|
tooltip?: string | undefined;
|
|
1516
1516
|
helperText?: string | undefined;
|
|
1517
1517
|
showErrorMessage?: boolean | undefined;
|
|
@@ -1519,11 +1519,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
1519
1519
|
showClearButton?: boolean | undefined;
|
|
1520
1520
|
description?: string | undefined;
|
|
1521
1521
|
placeholder?: string | undefined;
|
|
1522
|
-
}, "description" | "label" | "orientation" | "
|
|
1522
|
+
}, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
|
|
1523
1523
|
required?: boolean;
|
|
1524
1524
|
maxLength?: number;
|
|
1525
1525
|
}>;
|
|
1526
|
-
readonly TextareaField:
|
|
1526
|
+
readonly TextareaField: react266.FC<Pick<{
|
|
1527
1527
|
label: string;
|
|
1528
1528
|
name: string;
|
|
1529
1529
|
camelCaseName: string;
|
|
@@ -1540,18 +1540,18 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
1540
1540
|
is: any;
|
|
1541
1541
|
show?: boolean | undefined;
|
|
1542
1542
|
} | undefined;
|
|
1543
|
-
orientation?: "
|
|
1543
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
1544
1544
|
tooltip?: string | undefined;
|
|
1545
1545
|
helperText?: string | undefined;
|
|
1546
1546
|
showErrorMessage?: boolean | undefined;
|
|
1547
1547
|
counter?: boolean | undefined;
|
|
1548
1548
|
description?: string | undefined;
|
|
1549
1549
|
placeholder?: string | undefined;
|
|
1550
|
-
}, "description" | "label" | "orientation" | "
|
|
1550
|
+
}, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
|
|
1551
1551
|
required?: boolean;
|
|
1552
1552
|
maxLength?: number;
|
|
1553
1553
|
}>;
|
|
1554
|
-
readonly TextEditorField:
|
|
1554
|
+
readonly TextEditorField: react266.FC<Pick<{
|
|
1555
1555
|
label: string;
|
|
1556
1556
|
name: string;
|
|
1557
1557
|
camelCaseName: string;
|
|
@@ -1565,10 +1565,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
1565
1565
|
} | undefined;
|
|
1566
1566
|
description?: string | undefined;
|
|
1567
1567
|
placeholder?: string | undefined;
|
|
1568
|
-
}, "description" | "label" | "
|
|
1568
|
+
}, "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
|
|
1569
1569
|
required?: boolean;
|
|
1570
1570
|
}>;
|
|
1571
|
-
readonly NumberField:
|
|
1571
|
+
readonly NumberField: react266.FC<Pick<{
|
|
1572
1572
|
label: string;
|
|
1573
1573
|
name: string;
|
|
1574
1574
|
camelCaseName: string;
|
|
@@ -1593,7 +1593,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
1593
1593
|
is: any;
|
|
1594
1594
|
show?: boolean | undefined;
|
|
1595
1595
|
} | undefined;
|
|
1596
|
-
orientation?: "
|
|
1596
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
1597
1597
|
tooltip?: string | undefined;
|
|
1598
1598
|
helperText?: string | undefined;
|
|
1599
1599
|
showErrorMessage?: boolean | undefined;
|
|
@@ -1604,11 +1604,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
1604
1604
|
unit?: string | undefined;
|
|
1605
1605
|
description?: string | undefined;
|
|
1606
1606
|
placeholder?: string | undefined;
|
|
1607
|
-
}, "description" | "label" | "orientation" | "
|
|
1607
|
+
}, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
|
|
1608
1608
|
required?: boolean;
|
|
1609
1609
|
allowNegative?: boolean;
|
|
1610
1610
|
}>;
|
|
1611
|
-
readonly EmailField:
|
|
1611
|
+
readonly EmailField: react266.FC<Pick<{
|
|
1612
1612
|
rules: {
|
|
1613
1613
|
maxLength?: number | undefined;
|
|
1614
1614
|
minLength?: number | undefined;
|
|
@@ -1618,26 +1618,26 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
1618
1618
|
camelCaseName: string;
|
|
1619
1619
|
id: string;
|
|
1620
1620
|
type: "email-field";
|
|
1621
|
-
orientation?: "
|
|
1621
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
1622
1622
|
tooltip?: string | undefined;
|
|
1623
1623
|
helperText?: string | undefined;
|
|
1624
1624
|
showErrorMessage?: boolean | undefined;
|
|
1625
1625
|
description?: string | undefined;
|
|
1626
1626
|
placeholder?: string | undefined;
|
|
1627
|
-
}, "description" | "label" | "orientation" | "
|
|
1627
|
+
}, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
|
|
1628
1628
|
required?: boolean;
|
|
1629
1629
|
maxLength?: number;
|
|
1630
1630
|
}>;
|
|
1631
|
-
readonly PasswordField:
|
|
1631
|
+
readonly PasswordField: react266.FC<{
|
|
1632
1632
|
description?: string | undefined;
|
|
1633
1633
|
label: string;
|
|
1634
|
-
orientation?: "
|
|
1635
|
-
tooltip?: string | undefined;
|
|
1634
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
1636
1635
|
placeholder?: string | undefined;
|
|
1636
|
+
tooltip?: string | undefined;
|
|
1637
1637
|
helperText?: string | undefined;
|
|
1638
1638
|
showErrorMessage?: boolean | undefined;
|
|
1639
1639
|
}>;
|
|
1640
|
-
readonly SelectField:
|
|
1640
|
+
readonly SelectField: react266.FC<Pick<{
|
|
1641
1641
|
options: {
|
|
1642
1642
|
label: string;
|
|
1643
1643
|
value: string;
|
|
@@ -1656,16 +1656,16 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
1656
1656
|
is: any;
|
|
1657
1657
|
show?: boolean | undefined;
|
|
1658
1658
|
} | undefined;
|
|
1659
|
-
orientation?: "
|
|
1659
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
1660
1660
|
tooltip?: string | undefined;
|
|
1661
1661
|
helperText?: string | undefined;
|
|
1662
1662
|
defaultValue?: string | undefined;
|
|
1663
1663
|
description?: string | undefined;
|
|
1664
1664
|
placeholder?: string | undefined;
|
|
1665
|
-
}, "description" | "label" | "defaultValue" | "orientation" | "
|
|
1665
|
+
}, "description" | "label" | "defaultValue" | "orientation" | "placeholder" | "tooltip" | "options" | "helperText" | "clearable"> & {
|
|
1666
1666
|
required?: boolean;
|
|
1667
1667
|
}>;
|
|
1668
|
-
readonly ComboboxField:
|
|
1668
|
+
readonly ComboboxField: react266.FC<{
|
|
1669
1669
|
label: string;
|
|
1670
1670
|
description?: string;
|
|
1671
1671
|
placeholder?: string;
|
|
@@ -1676,7 +1676,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
1676
1676
|
label: string;
|
|
1677
1677
|
}>;
|
|
1678
1678
|
}>;
|
|
1679
|
-
readonly DateField:
|
|
1679
|
+
readonly DateField: react266.FC<Pick<{
|
|
1680
1680
|
label: string;
|
|
1681
1681
|
name: string;
|
|
1682
1682
|
camelCaseName: string;
|
|
@@ -1688,26 +1688,26 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
1688
1688
|
minDate?: Date | undefined;
|
|
1689
1689
|
maxDate?: Date | undefined;
|
|
1690
1690
|
} | undefined;
|
|
1691
|
-
orientation?: "
|
|
1691
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
1692
1692
|
tooltip?: string | undefined;
|
|
1693
1693
|
helperText?: string | undefined;
|
|
1694
1694
|
defaultValue?: string | undefined;
|
|
1695
1695
|
description?: string | undefined;
|
|
1696
1696
|
placeholder?: string | undefined;
|
|
1697
|
-
}, "description" | "label" | "orientation" | "
|
|
1697
|
+
}, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
|
|
1698
1698
|
required?: boolean;
|
|
1699
1699
|
minDate?: Date;
|
|
1700
1700
|
maxDate?: Date;
|
|
1701
1701
|
}>;
|
|
1702
|
-
readonly SwitchField:
|
|
1702
|
+
readonly SwitchField: react266.FC<{
|
|
1703
1703
|
description?: string | undefined;
|
|
1704
1704
|
label: string;
|
|
1705
1705
|
helperText?: string | undefined;
|
|
1706
1706
|
}>;
|
|
1707
|
-
readonly RadioGroupField:
|
|
1707
|
+
readonly RadioGroupField: react266.FC<{
|
|
1708
1708
|
description?: string | undefined;
|
|
1709
1709
|
label: string;
|
|
1710
|
-
orientation?: "
|
|
1710
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
1711
1711
|
tooltip?: string | undefined;
|
|
1712
1712
|
options: {
|
|
1713
1713
|
label: string;
|
|
@@ -1716,10 +1716,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
1716
1716
|
}[];
|
|
1717
1717
|
helperText?: string | undefined;
|
|
1718
1718
|
}>;
|
|
1719
|
-
readonly CheckboxField:
|
|
1719
|
+
readonly CheckboxField: react266.FC<{
|
|
1720
1720
|
description?: string | undefined;
|
|
1721
1721
|
label: string;
|
|
1722
|
-
orientation?: "
|
|
1722
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
1723
1723
|
tooltip?: string | undefined;
|
|
1724
1724
|
options: {
|
|
1725
1725
|
label: string;
|
|
@@ -1727,89 +1727,89 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
1727
1727
|
}[];
|
|
1728
1728
|
helperText?: string | undefined;
|
|
1729
1729
|
}>;
|
|
1730
|
-
readonly FieldGroup:
|
|
1730
|
+
readonly FieldGroup: react266.MemoExoticComponent<({
|
|
1731
1731
|
className,
|
|
1732
1732
|
...props
|
|
1733
|
-
}: React.ComponentProps<"div">) =>
|
|
1734
|
-
readonly Field:
|
|
1733
|
+
}: React.ComponentProps<"div">) => react_jsx_runtime350.JSX.Element>;
|
|
1734
|
+
readonly Field: react266.MemoExoticComponent<({
|
|
1735
1735
|
className,
|
|
1736
1736
|
orientation,
|
|
1737
1737
|
...props
|
|
1738
1738
|
}: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
|
|
1739
|
-
orientation?: "
|
|
1740
|
-
} & class_variance_authority_types24.ClassProp) | undefined) => string>) =>
|
|
1741
|
-
readonly FieldContent:
|
|
1739
|
+
orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
|
|
1740
|
+
} & class_variance_authority_types24.ClassProp) | undefined) => string>) => react_jsx_runtime350.JSX.Element>;
|
|
1741
|
+
readonly FieldContent: react266.MemoExoticComponent<({
|
|
1742
1742
|
className,
|
|
1743
1743
|
...props
|
|
1744
|
-
}: React.ComponentProps<"div">) =>
|
|
1745
|
-
readonly FieldLabel:
|
|
1744
|
+
}: React.ComponentProps<"div">) => react_jsx_runtime350.JSX.Element>;
|
|
1745
|
+
readonly FieldLabel: react266.MemoExoticComponent<({
|
|
1746
1746
|
className,
|
|
1747
1747
|
...props
|
|
1748
|
-
}: React.ComponentProps<typeof Label$1>) =>
|
|
1749
|
-
readonly FieldContentMain:
|
|
1748
|
+
}: React.ComponentProps<typeof Label$1>) => react_jsx_runtime350.JSX.Element>;
|
|
1749
|
+
readonly FieldContentMain: react266.MemoExoticComponent<({
|
|
1750
1750
|
className,
|
|
1751
1751
|
...props
|
|
1752
|
-
}: React.ComponentProps<"div">) =>
|
|
1753
|
-
readonly FieldSeparator:
|
|
1752
|
+
}: React.ComponentProps<"div">) => react_jsx_runtime350.JSX.Element>;
|
|
1753
|
+
readonly FieldSeparator: react266.MemoExoticComponent<({
|
|
1754
1754
|
children,
|
|
1755
1755
|
className,
|
|
1756
1756
|
...props
|
|
1757
|
-
}: React.PropsWithChildren<React.ComponentProps<"div">>) =>
|
|
1758
|
-
readonly FieldError:
|
|
1757
|
+
}: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime350.JSX.Element>;
|
|
1758
|
+
readonly FieldError: react266.MemoExoticComponent<({
|
|
1759
1759
|
className,
|
|
1760
1760
|
children,
|
|
1761
1761
|
errors,
|
|
1762
1762
|
...props
|
|
1763
|
-
}:
|
|
1763
|
+
}: react266.ClassAttributes<HTMLDivElement> & react266.HTMLAttributes<HTMLDivElement> & {
|
|
1764
1764
|
errors?: Array<{
|
|
1765
1765
|
code?: string;
|
|
1766
1766
|
message?: string;
|
|
1767
1767
|
} | undefined>;
|
|
1768
|
-
}) =>
|
|
1768
|
+
}) => react_jsx_runtime350.JSX.Element | null>;
|
|
1769
1769
|
}, {
|
|
1770
|
-
readonly TanStackDialogForm:
|
|
1770
|
+
readonly TanStackDialogForm: react266.FC<react266.PropsWithChildren<{
|
|
1771
1771
|
title: string;
|
|
1772
1772
|
submitText?: string;
|
|
1773
1773
|
open?: boolean;
|
|
1774
1774
|
onOpenChange?: (open: boolean) => void;
|
|
1775
1775
|
}>>;
|
|
1776
|
-
readonly TanStackPopoverForm:
|
|
1776
|
+
readonly TanStackPopoverForm: react266.FC<react266.PropsWithChildren<{
|
|
1777
1777
|
title: string;
|
|
1778
1778
|
open?: boolean;
|
|
1779
1779
|
contentClassName?: string;
|
|
1780
1780
|
onOpenChange?: (open: boolean) => void;
|
|
1781
1781
|
}>>;
|
|
1782
|
-
readonly TanStackContainerForm:
|
|
1783
|
-
children?:
|
|
1782
|
+
readonly TanStackContainerForm: react266.FC<{
|
|
1783
|
+
children?: react266.ReactNode | undefined;
|
|
1784
1784
|
}>;
|
|
1785
|
-
readonly TanStackSectionForm:
|
|
1785
|
+
readonly TanStackSectionForm: react266.FC<react266.PropsWithChildren<{
|
|
1786
1786
|
title: string;
|
|
1787
1787
|
}>>;
|
|
1788
|
-
readonly TanStackCardForm:
|
|
1788
|
+
readonly TanStackCardForm: react266.FC<react266.PropsWithChildren<{
|
|
1789
1789
|
title: string;
|
|
1790
1790
|
description?: string;
|
|
1791
1791
|
onDelete?: () => void | Promise<void>;
|
|
1792
1792
|
}>>;
|
|
1793
|
-
readonly TanStackFieldGroup:
|
|
1793
|
+
readonly TanStackFieldGroup: react266.FC<react266.PropsWithChildren<{
|
|
1794
1794
|
label: string;
|
|
1795
1795
|
description?: string;
|
|
1796
1796
|
helperText?: string;
|
|
1797
1797
|
orientation?: "horizontal" | "vertical" | "responsive";
|
|
1798
1798
|
}>>;
|
|
1799
|
-
readonly TanStackTitleField:
|
|
1799
|
+
readonly TanStackTitleField: react266.FC<{
|
|
1800
1800
|
title: string;
|
|
1801
1801
|
description?: string;
|
|
1802
1802
|
helperText?: string;
|
|
1803
1803
|
}>;
|
|
1804
|
-
readonly TanStackActionsForm:
|
|
1804
|
+
readonly TanStackActionsForm: react266.FC<react266.PropsWithChildren<{
|
|
1805
1805
|
type?: "create" | "update";
|
|
1806
1806
|
}>>;
|
|
1807
|
-
readonly TanStackActionSubmit:
|
|
1807
|
+
readonly TanStackActionSubmit: react266.FC<{
|
|
1808
1808
|
label?: string;
|
|
1809
1809
|
className?: string;
|
|
1810
1810
|
}>;
|
|
1811
1811
|
}> | _tanstack_react_form0.AppFieldExtendedReactFieldGroupApi<unknown, TFormData, string | _tanstack_form_core0.FieldsMap<unknown, TFormData>, any, any, any, any, any, any, any, any, any, any, unknown extends TSubmitMeta ? TFormSubmitMeta : TSubmitMeta, {
|
|
1812
|
-
readonly TextField:
|
|
1812
|
+
readonly TextField: react266.FC<Pick<{
|
|
1813
1813
|
label: string;
|
|
1814
1814
|
name: string;
|
|
1815
1815
|
camelCaseName: string;
|
|
@@ -1827,7 +1827,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
1827
1827
|
is: any;
|
|
1828
1828
|
show?: boolean | undefined;
|
|
1829
1829
|
} | undefined;
|
|
1830
|
-
orientation?: "
|
|
1830
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
1831
1831
|
tooltip?: string | undefined;
|
|
1832
1832
|
helperText?: string | undefined;
|
|
1833
1833
|
showErrorMessage?: boolean | undefined;
|
|
@@ -1835,11 +1835,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
1835
1835
|
showClearButton?: boolean | undefined;
|
|
1836
1836
|
description?: string | undefined;
|
|
1837
1837
|
placeholder?: string | undefined;
|
|
1838
|
-
}, "description" | "label" | "orientation" | "
|
|
1838
|
+
}, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
|
|
1839
1839
|
required?: boolean;
|
|
1840
1840
|
maxLength?: number;
|
|
1841
1841
|
}>;
|
|
1842
|
-
readonly TextareaField:
|
|
1842
|
+
readonly TextareaField: react266.FC<Pick<{
|
|
1843
1843
|
label: string;
|
|
1844
1844
|
name: string;
|
|
1845
1845
|
camelCaseName: string;
|
|
@@ -1856,18 +1856,18 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
1856
1856
|
is: any;
|
|
1857
1857
|
show?: boolean | undefined;
|
|
1858
1858
|
} | undefined;
|
|
1859
|
-
orientation?: "
|
|
1859
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
1860
1860
|
tooltip?: string | undefined;
|
|
1861
1861
|
helperText?: string | undefined;
|
|
1862
1862
|
showErrorMessage?: boolean | undefined;
|
|
1863
1863
|
counter?: boolean | undefined;
|
|
1864
1864
|
description?: string | undefined;
|
|
1865
1865
|
placeholder?: string | undefined;
|
|
1866
|
-
}, "description" | "label" | "orientation" | "
|
|
1866
|
+
}, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
|
|
1867
1867
|
required?: boolean;
|
|
1868
1868
|
maxLength?: number;
|
|
1869
1869
|
}>;
|
|
1870
|
-
readonly TextEditorField:
|
|
1870
|
+
readonly TextEditorField: react266.FC<Pick<{
|
|
1871
1871
|
label: string;
|
|
1872
1872
|
name: string;
|
|
1873
1873
|
camelCaseName: string;
|
|
@@ -1881,10 +1881,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
1881
1881
|
} | undefined;
|
|
1882
1882
|
description?: string | undefined;
|
|
1883
1883
|
placeholder?: string | undefined;
|
|
1884
|
-
}, "description" | "label" | "
|
|
1884
|
+
}, "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
|
|
1885
1885
|
required?: boolean;
|
|
1886
1886
|
}>;
|
|
1887
|
-
readonly NumberField:
|
|
1887
|
+
readonly NumberField: react266.FC<Pick<{
|
|
1888
1888
|
label: string;
|
|
1889
1889
|
name: string;
|
|
1890
1890
|
camelCaseName: string;
|
|
@@ -1909,7 +1909,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
1909
1909
|
is: any;
|
|
1910
1910
|
show?: boolean | undefined;
|
|
1911
1911
|
} | undefined;
|
|
1912
|
-
orientation?: "
|
|
1912
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
1913
1913
|
tooltip?: string | undefined;
|
|
1914
1914
|
helperText?: string | undefined;
|
|
1915
1915
|
showErrorMessage?: boolean | undefined;
|
|
@@ -1920,11 +1920,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
1920
1920
|
unit?: string | undefined;
|
|
1921
1921
|
description?: string | undefined;
|
|
1922
1922
|
placeholder?: string | undefined;
|
|
1923
|
-
}, "description" | "label" | "orientation" | "
|
|
1923
|
+
}, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
|
|
1924
1924
|
required?: boolean;
|
|
1925
1925
|
allowNegative?: boolean;
|
|
1926
1926
|
}>;
|
|
1927
|
-
readonly EmailField:
|
|
1927
|
+
readonly EmailField: react266.FC<Pick<{
|
|
1928
1928
|
rules: {
|
|
1929
1929
|
maxLength?: number | undefined;
|
|
1930
1930
|
minLength?: number | undefined;
|
|
@@ -1934,26 +1934,26 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
1934
1934
|
camelCaseName: string;
|
|
1935
1935
|
id: string;
|
|
1936
1936
|
type: "email-field";
|
|
1937
|
-
orientation?: "
|
|
1937
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
1938
1938
|
tooltip?: string | undefined;
|
|
1939
1939
|
helperText?: string | undefined;
|
|
1940
1940
|
showErrorMessage?: boolean | undefined;
|
|
1941
1941
|
description?: string | undefined;
|
|
1942
1942
|
placeholder?: string | undefined;
|
|
1943
|
-
}, "description" | "label" | "orientation" | "
|
|
1943
|
+
}, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
|
|
1944
1944
|
required?: boolean;
|
|
1945
1945
|
maxLength?: number;
|
|
1946
1946
|
}>;
|
|
1947
|
-
readonly PasswordField:
|
|
1947
|
+
readonly PasswordField: react266.FC<{
|
|
1948
1948
|
description?: string | undefined;
|
|
1949
1949
|
label: string;
|
|
1950
|
-
orientation?: "
|
|
1951
|
-
tooltip?: string | undefined;
|
|
1950
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
1952
1951
|
placeholder?: string | undefined;
|
|
1952
|
+
tooltip?: string | undefined;
|
|
1953
1953
|
helperText?: string | undefined;
|
|
1954
1954
|
showErrorMessage?: boolean | undefined;
|
|
1955
1955
|
}>;
|
|
1956
|
-
readonly SelectField:
|
|
1956
|
+
readonly SelectField: react266.FC<Pick<{
|
|
1957
1957
|
options: {
|
|
1958
1958
|
label: string;
|
|
1959
1959
|
value: string;
|
|
@@ -1972,16 +1972,16 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
1972
1972
|
is: any;
|
|
1973
1973
|
show?: boolean | undefined;
|
|
1974
1974
|
} | undefined;
|
|
1975
|
-
orientation?: "
|
|
1975
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
1976
1976
|
tooltip?: string | undefined;
|
|
1977
1977
|
helperText?: string | undefined;
|
|
1978
1978
|
defaultValue?: string | undefined;
|
|
1979
1979
|
description?: string | undefined;
|
|
1980
1980
|
placeholder?: string | undefined;
|
|
1981
|
-
}, "description" | "label" | "defaultValue" | "orientation" | "
|
|
1981
|
+
}, "description" | "label" | "defaultValue" | "orientation" | "placeholder" | "tooltip" | "options" | "helperText" | "clearable"> & {
|
|
1982
1982
|
required?: boolean;
|
|
1983
1983
|
}>;
|
|
1984
|
-
readonly ComboboxField:
|
|
1984
|
+
readonly ComboboxField: react266.FC<{
|
|
1985
1985
|
label: string;
|
|
1986
1986
|
description?: string;
|
|
1987
1987
|
placeholder?: string;
|
|
@@ -1992,7 +1992,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
1992
1992
|
label: string;
|
|
1993
1993
|
}>;
|
|
1994
1994
|
}>;
|
|
1995
|
-
readonly DateField:
|
|
1995
|
+
readonly DateField: react266.FC<Pick<{
|
|
1996
1996
|
label: string;
|
|
1997
1997
|
name: string;
|
|
1998
1998
|
camelCaseName: string;
|
|
@@ -2004,26 +2004,26 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
2004
2004
|
minDate?: Date | undefined;
|
|
2005
2005
|
maxDate?: Date | undefined;
|
|
2006
2006
|
} | undefined;
|
|
2007
|
-
orientation?: "
|
|
2007
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
2008
2008
|
tooltip?: string | undefined;
|
|
2009
2009
|
helperText?: string | undefined;
|
|
2010
2010
|
defaultValue?: string | undefined;
|
|
2011
2011
|
description?: string | undefined;
|
|
2012
2012
|
placeholder?: string | undefined;
|
|
2013
|
-
}, "description" | "label" | "orientation" | "
|
|
2013
|
+
}, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
|
|
2014
2014
|
required?: boolean;
|
|
2015
2015
|
minDate?: Date;
|
|
2016
2016
|
maxDate?: Date;
|
|
2017
2017
|
}>;
|
|
2018
|
-
readonly SwitchField:
|
|
2018
|
+
readonly SwitchField: react266.FC<{
|
|
2019
2019
|
description?: string | undefined;
|
|
2020
2020
|
label: string;
|
|
2021
2021
|
helperText?: string | undefined;
|
|
2022
2022
|
}>;
|
|
2023
|
-
readonly RadioGroupField:
|
|
2023
|
+
readonly RadioGroupField: react266.FC<{
|
|
2024
2024
|
description?: string | undefined;
|
|
2025
2025
|
label: string;
|
|
2026
|
-
orientation?: "
|
|
2026
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
2027
2027
|
tooltip?: string | undefined;
|
|
2028
2028
|
options: {
|
|
2029
2029
|
label: string;
|
|
@@ -2032,10 +2032,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
2032
2032
|
}[];
|
|
2033
2033
|
helperText?: string | undefined;
|
|
2034
2034
|
}>;
|
|
2035
|
-
readonly CheckboxField:
|
|
2035
|
+
readonly CheckboxField: react266.FC<{
|
|
2036
2036
|
description?: string | undefined;
|
|
2037
2037
|
label: string;
|
|
2038
|
-
orientation?: "
|
|
2038
|
+
orientation?: "vertical" | "horizontal" | "responsive" | undefined;
|
|
2039
2039
|
tooltip?: string | undefined;
|
|
2040
2040
|
options: {
|
|
2041
2041
|
label: string;
|
|
@@ -2043,90 +2043,90 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
|
|
|
2043
2043
|
}[];
|
|
2044
2044
|
helperText?: string | undefined;
|
|
2045
2045
|
}>;
|
|
2046
|
-
readonly FieldGroup:
|
|
2046
|
+
readonly FieldGroup: react266.MemoExoticComponent<({
|
|
2047
2047
|
className,
|
|
2048
2048
|
...props
|
|
2049
|
-
}: React.ComponentProps<"div">) =>
|
|
2050
|
-
readonly Field:
|
|
2049
|
+
}: React.ComponentProps<"div">) => react_jsx_runtime350.JSX.Element>;
|
|
2050
|
+
readonly Field: react266.MemoExoticComponent<({
|
|
2051
2051
|
className,
|
|
2052
2052
|
orientation,
|
|
2053
2053
|
...props
|
|
2054
2054
|
}: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
|
|
2055
|
-
orientation?: "
|
|
2056
|
-
} & class_variance_authority_types24.ClassProp) | undefined) => string>) =>
|
|
2057
|
-
readonly FieldContent:
|
|
2055
|
+
orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
|
|
2056
|
+
} & class_variance_authority_types24.ClassProp) | undefined) => string>) => react_jsx_runtime350.JSX.Element>;
|
|
2057
|
+
readonly FieldContent: react266.MemoExoticComponent<({
|
|
2058
2058
|
className,
|
|
2059
2059
|
...props
|
|
2060
|
-
}: React.ComponentProps<"div">) =>
|
|
2061
|
-
readonly FieldLabel:
|
|
2060
|
+
}: React.ComponentProps<"div">) => react_jsx_runtime350.JSX.Element>;
|
|
2061
|
+
readonly FieldLabel: react266.MemoExoticComponent<({
|
|
2062
2062
|
className,
|
|
2063
2063
|
...props
|
|
2064
|
-
}: React.ComponentProps<typeof Label$1>) =>
|
|
2065
|
-
readonly FieldContentMain:
|
|
2064
|
+
}: React.ComponentProps<typeof Label$1>) => react_jsx_runtime350.JSX.Element>;
|
|
2065
|
+
readonly FieldContentMain: react266.MemoExoticComponent<({
|
|
2066
2066
|
className,
|
|
2067
2067
|
...props
|
|
2068
|
-
}: React.ComponentProps<"div">) =>
|
|
2069
|
-
readonly FieldSeparator:
|
|
2068
|
+
}: React.ComponentProps<"div">) => react_jsx_runtime350.JSX.Element>;
|
|
2069
|
+
readonly FieldSeparator: react266.MemoExoticComponent<({
|
|
2070
2070
|
children,
|
|
2071
2071
|
className,
|
|
2072
2072
|
...props
|
|
2073
|
-
}: React.PropsWithChildren<React.ComponentProps<"div">>) =>
|
|
2074
|
-
readonly FieldError:
|
|
2073
|
+
}: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime350.JSX.Element>;
|
|
2074
|
+
readonly FieldError: react266.MemoExoticComponent<({
|
|
2075
2075
|
className,
|
|
2076
2076
|
children,
|
|
2077
2077
|
errors,
|
|
2078
2078
|
...props
|
|
2079
|
-
}:
|
|
2079
|
+
}: react266.ClassAttributes<HTMLDivElement> & react266.HTMLAttributes<HTMLDivElement> & {
|
|
2080
2080
|
errors?: Array<{
|
|
2081
2081
|
code?: string;
|
|
2082
2082
|
message?: string;
|
|
2083
2083
|
} | undefined>;
|
|
2084
|
-
}) =>
|
|
2084
|
+
}) => react_jsx_runtime350.JSX.Element | null>;
|
|
2085
2085
|
}, {
|
|
2086
|
-
readonly TanStackDialogForm:
|
|
2086
|
+
readonly TanStackDialogForm: react266.FC<react266.PropsWithChildren<{
|
|
2087
2087
|
title: string;
|
|
2088
2088
|
submitText?: string;
|
|
2089
2089
|
open?: boolean;
|
|
2090
2090
|
onOpenChange?: (open: boolean) => void;
|
|
2091
2091
|
}>>;
|
|
2092
|
-
readonly TanStackPopoverForm:
|
|
2092
|
+
readonly TanStackPopoverForm: react266.FC<react266.PropsWithChildren<{
|
|
2093
2093
|
title: string;
|
|
2094
2094
|
open?: boolean;
|
|
2095
2095
|
contentClassName?: string;
|
|
2096
2096
|
onOpenChange?: (open: boolean) => void;
|
|
2097
2097
|
}>>;
|
|
2098
|
-
readonly TanStackContainerForm:
|
|
2099
|
-
children?:
|
|
2098
|
+
readonly TanStackContainerForm: react266.FC<{
|
|
2099
|
+
children?: react266.ReactNode | undefined;
|
|
2100
2100
|
}>;
|
|
2101
|
-
readonly TanStackSectionForm:
|
|
2101
|
+
readonly TanStackSectionForm: react266.FC<react266.PropsWithChildren<{
|
|
2102
2102
|
title: string;
|
|
2103
2103
|
}>>;
|
|
2104
|
-
readonly TanStackCardForm:
|
|
2104
|
+
readonly TanStackCardForm: react266.FC<react266.PropsWithChildren<{
|
|
2105
2105
|
title: string;
|
|
2106
2106
|
description?: string;
|
|
2107
2107
|
onDelete?: () => void | Promise<void>;
|
|
2108
2108
|
}>>;
|
|
2109
|
-
readonly TanStackFieldGroup:
|
|
2109
|
+
readonly TanStackFieldGroup: react266.FC<react266.PropsWithChildren<{
|
|
2110
2110
|
label: string;
|
|
2111
2111
|
description?: string;
|
|
2112
2112
|
helperText?: string;
|
|
2113
2113
|
orientation?: "horizontal" | "vertical" | "responsive";
|
|
2114
2114
|
}>>;
|
|
2115
|
-
readonly TanStackTitleField:
|
|
2115
|
+
readonly TanStackTitleField: react266.FC<{
|
|
2116
2116
|
title: string;
|
|
2117
2117
|
description?: string;
|
|
2118
2118
|
helperText?: string;
|
|
2119
2119
|
}>;
|
|
2120
|
-
readonly TanStackActionsForm:
|
|
2120
|
+
readonly TanStackActionsForm: react266.FC<react266.PropsWithChildren<{
|
|
2121
2121
|
type?: "create" | "update";
|
|
2122
2122
|
}>>;
|
|
2123
|
-
readonly TanStackActionSubmit:
|
|
2123
|
+
readonly TanStackActionSubmit: react266.FC<{
|
|
2124
2124
|
label?: string;
|
|
2125
2125
|
className?: string;
|
|
2126
2126
|
}>;
|
|
2127
2127
|
}>;
|
|
2128
2128
|
fields: TFields;
|
|
2129
|
-
}>) => ReturnType<
|
|
2129
|
+
}>) => ReturnType<react266.FunctionComponent>;
|
|
2130
2130
|
//#endregion
|
|
2131
2131
|
export { withTanStackForm as a, FieldContentMain as c, FieldLabel as d, FieldSeparator as f, withTanStackFieldGroup as i, FieldError as l, useTanStackForm as n, Field as o, useTanStackFormContext as r, FieldContent as s, useTanStackFieldContext as t, FieldGroup as u };
|
|
2132
|
-
//# sourceMappingURL=index-
|
|
2132
|
+
//# sourceMappingURL=index-DXXR4oq-.d.mts.map
|