@delightui/components 0.1.162-alpha.5 → 0.1.163

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.
Files changed (89) hide show
  1. package/dist/cjs/components/atoms/Checkbox/Checkbox.d.ts +1 -1
  2. package/dist/cjs/components/atoms/Checkbox/Checkbox.presenter.d.ts +1 -1
  3. package/dist/cjs/components/atoms/CheckboxItem/CheckboxItem.d.ts +1 -1
  4. package/dist/cjs/components/atoms/CheckboxItem/CheckboxItem.presenter.d.ts +2 -2
  5. package/dist/cjs/components/atoms/CustomToggle/CustomToggle.d.ts +1 -1
  6. package/dist/cjs/components/atoms/Input/Input.d.ts +1 -1
  7. package/dist/cjs/components/atoms/Input/Input.presenter.d.ts +2 -2
  8. package/dist/cjs/components/atoms/Password/Password.presenter.d.ts +2 -2
  9. package/dist/cjs/components/atoms/RadioButton/RadioButton.d.ts +1 -1
  10. package/dist/cjs/components/atoms/RadioButtonItem/RadioButtonItem.d.ts +1 -1
  11. package/dist/cjs/components/atoms/RadioButtonItem/RadioButtonItem.presenter.d.ts +2 -2
  12. package/dist/cjs/components/atoms/TextArea/TextArea.d.ts +1 -1
  13. package/dist/cjs/components/atoms/TextArea/TextArea.presenter.d.ts +1 -1
  14. package/dist/cjs/components/atoms/Toggle/Toggle.d.ts +1 -1
  15. package/dist/cjs/components/atoms/Toggle/Toggle.presenter.d.ts +2 -2
  16. package/dist/cjs/components/atoms/ToggleButton/ToggleButton.d.ts +1 -1
  17. package/dist/cjs/components/molecules/FormField/FormField.d.ts +2 -28
  18. package/dist/cjs/components/molecules/FormField/FormField.presenter.d.ts +8 -17
  19. package/dist/cjs/components/molecules/FormField/FormField.types.d.ts +52 -115
  20. package/dist/cjs/components/molecules/FormField/FormField.utils.d.ts +11 -8
  21. package/dist/cjs/components/molecules/FormField/index.d.ts +2 -1
  22. package/dist/cjs/components/molecules/Search/Search.d.ts +1 -1
  23. package/dist/cjs/components/molecules/Search/Search.presenter.d.ts +2 -2
  24. package/dist/cjs/components/molecules/Select/Select.presenter.d.ts +4 -4
  25. package/dist/cjs/components/organisms/Form/DropzoneFormExample.d.ts +6 -0
  26. package/dist/cjs/components/organisms/Form/Form.d.ts +1 -22
  27. package/dist/cjs/components/organisms/Form/Form.types.d.ts +93 -64
  28. package/dist/cjs/components/organisms/Form/Form.utils.d.ts +2 -0
  29. package/dist/cjs/components/organisms/Form/FormContext.d.ts +5 -0
  30. package/dist/cjs/components/organisms/Form/UpdatedFormExample.d.ts +23 -0
  31. package/dist/cjs/components/organisms/Form/{examples/UseFormExample.d.ts → UseFormExample.d.ts} +3 -0
  32. package/dist/cjs/components/organisms/Form/index.d.ts +3 -7
  33. package/dist/cjs/components/organisms/Form/useForm.d.ts +40 -43
  34. package/dist/cjs/library.js +3 -3
  35. package/dist/cjs/library.js.map +1 -1
  36. package/dist/esm/components/atoms/Checkbox/Checkbox.d.ts +1 -1
  37. package/dist/esm/components/atoms/Checkbox/Checkbox.presenter.d.ts +1 -1
  38. package/dist/esm/components/atoms/CheckboxItem/CheckboxItem.d.ts +1 -1
  39. package/dist/esm/components/atoms/CheckboxItem/CheckboxItem.presenter.d.ts +2 -2
  40. package/dist/esm/components/atoms/CustomToggle/CustomToggle.d.ts +1 -1
  41. package/dist/esm/components/atoms/Input/Input.d.ts +1 -1
  42. package/dist/esm/components/atoms/Input/Input.presenter.d.ts +2 -2
  43. package/dist/esm/components/atoms/Password/Password.presenter.d.ts +2 -2
  44. package/dist/esm/components/atoms/RadioButton/RadioButton.d.ts +1 -1
  45. package/dist/esm/components/atoms/RadioButtonItem/RadioButtonItem.d.ts +1 -1
  46. package/dist/esm/components/atoms/RadioButtonItem/RadioButtonItem.presenter.d.ts +2 -2
  47. package/dist/esm/components/atoms/TextArea/TextArea.d.ts +1 -1
  48. package/dist/esm/components/atoms/TextArea/TextArea.presenter.d.ts +1 -1
  49. package/dist/esm/components/atoms/Toggle/Toggle.d.ts +1 -1
  50. package/dist/esm/components/atoms/Toggle/Toggle.presenter.d.ts +2 -2
  51. package/dist/esm/components/atoms/ToggleButton/ToggleButton.d.ts +1 -1
  52. package/dist/esm/components/molecules/FormField/FormField.d.ts +2 -28
  53. package/dist/esm/components/molecules/FormField/FormField.presenter.d.ts +8 -17
  54. package/dist/esm/components/molecules/FormField/FormField.types.d.ts +52 -115
  55. package/dist/esm/components/molecules/FormField/FormField.utils.d.ts +11 -8
  56. package/dist/esm/components/molecules/FormField/index.d.ts +2 -1
  57. package/dist/esm/components/molecules/Search/Search.d.ts +1 -1
  58. package/dist/esm/components/molecules/Search/Search.presenter.d.ts +2 -2
  59. package/dist/esm/components/molecules/Select/Select.presenter.d.ts +4 -4
  60. package/dist/esm/components/organisms/Form/DropzoneFormExample.d.ts +6 -0
  61. package/dist/esm/components/organisms/Form/Form.d.ts +1 -22
  62. package/dist/esm/components/organisms/Form/Form.types.d.ts +93 -64
  63. package/dist/esm/components/organisms/Form/Form.utils.d.ts +2 -0
  64. package/dist/esm/components/organisms/Form/FormContext.d.ts +5 -0
  65. package/dist/esm/components/organisms/Form/UpdatedFormExample.d.ts +23 -0
  66. package/dist/esm/components/organisms/Form/{examples/UseFormExample.d.ts → UseFormExample.d.ts} +3 -0
  67. package/dist/esm/components/organisms/Form/index.d.ts +3 -7
  68. package/dist/esm/components/organisms/Form/useForm.d.ts +40 -43
  69. package/dist/esm/library.js +3 -3
  70. package/dist/esm/library.js.map +1 -1
  71. package/dist/index.d.ts +228 -319
  72. package/docs/components/molecules/FormField.md +34 -129
  73. package/docs/components/organisms/Form.md +162 -858
  74. package/package.json +1 -4
  75. package/dist/cjs/components/molecules/FormField/useSafeController.d.ts +0 -14
  76. package/dist/cjs/components/molecules/FormField/useSafeFormContext.d.ts +0 -8
  77. package/dist/cjs/components/organisms/Form/Form.presenter.d.ts +0 -290
  78. package/dist/cjs/components/organisms/Form/examples/DropzoneFormExample.d.ts +0 -6
  79. package/dist/cjs/components/organisms/Form/examples/UpdatedFormExample.d.ts +0 -2
  80. package/dist/cjs/components/organisms/Form/useAutosave.d.ts +0 -10
  81. package/dist/esm/components/molecules/FormField/useSafeController.d.ts +0 -14
  82. package/dist/esm/components/molecules/FormField/useSafeFormContext.d.ts +0 -8
  83. package/dist/esm/components/organisms/Form/Form.presenter.d.ts +0 -290
  84. package/dist/esm/components/organisms/Form/examples/DropzoneFormExample.d.ts +0 -6
  85. package/dist/esm/components/organisms/Form/examples/UpdatedFormExample.d.ts +0 -2
  86. package/dist/esm/components/organisms/Form/useAutosave.d.ts +0 -10
  87. package/docs/FORM_MIGRATION_GUIDE.md +0 -631
  88. /package/dist/cjs/components/organisms/Form/{examples/AutosaveFormExample.d.ts → AutosaveFormExample.d.ts} +0 -0
  89. /package/dist/esm/components/organisms/Form/{examples/AutosaveFormExample.d.ts → AutosaveFormExample.d.ts} +0 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@delightui/components",
3
- "version": "0.1.162-alpha.5",
3
+ "version": "0.1.163",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "start": "vite",
@@ -24,7 +24,6 @@
24
24
  "react-dom": "^18.3.1",
25
25
  "react-dropzone": "^14.3.5",
26
26
  "react-flatpickr": "^3.10.13",
27
- "react-hook-form": "^7.53.0",
28
27
  "react-overlays": "^5.2.1",
29
28
  "react-transition-group": "^4.4.5"
30
29
  },
@@ -65,7 +64,6 @@
65
64
  "eslint-plugin-prettier": "^5.1.3",
66
65
  "eslint-plugin-react": "^7.34.2",
67
66
  "eslint-plugin-react-hooks": "^4.6.2",
68
- "eslint-plugin-react-refresh": "^0.4.24",
69
67
  "eslint-plugin-storybook": "^0.8.0",
70
68
  "jsdom": "^24.1.0",
71
69
  "postcss-import": "^16.1.0",
@@ -89,7 +87,6 @@
89
87
  "classnames": "^2.5.1",
90
88
  "react": "^18.3.1",
91
89
  "react-dom": "^18.3.1",
92
- "react-hook-form": "^7.53.0",
93
90
  "react-overlays": "^5.2.1",
94
91
  "react-router-dom": "^6.23.1"
95
92
  },
@@ -1,14 +0,0 @@
1
- import { type UseControllerProps, type UseControllerReturn, type FieldValues, type Path } from 'react-hook-form';
2
- type SafeControllerProps<TFieldValues extends FieldValues, TName extends Path<TFieldValues>, TTransformedValues = TFieldValues> = UseControllerProps<TFieldValues, TName, TTransformedValues> & {
3
- value?: unknown;
4
- onChange?: (value: any) => void;
5
- externalError?: string;
6
- };
7
- /**
8
- * Standalone controller hook that manages local state and validation
9
- * Used when there's no Form context
10
- *
11
- * Has the same signature as useController with a few additional props for standalone mode
12
- */
13
- export declare const useSafeController: <TFieldValues extends FieldValues = FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>, TTransformedValues = TFieldValues>(props: SafeControllerProps<TFieldValues, TName, TTransformedValues>) => UseControllerReturn<TFieldValues, TName>;
14
- export {};
@@ -1,8 +0,0 @@
1
- import { type FieldValues, type Control } from 'react-hook-form';
2
- /**
3
- * Safely attempt to get form context without throwing
4
- * Returns the control object if available, undefined otherwise
5
- *
6
- * This allows components to work both inside and outside Form context
7
- */
8
- export declare const useSafeFormContext: <TFieldValues extends FieldValues = FieldValues>() => Control<TFieldValues> | undefined;
@@ -1,290 +0,0 @@
1
- import { type FieldValues } from 'react-hook-form';
2
- import type { FormProps, FormSubmitHandler } from './Form.types';
3
- /**
4
- * Presenter hook for Form component
5
- * Handles RHF initialization and form state management
6
- */
7
- declare const usePresenter: <TFormValues extends FieldValues = FieldValues>(props: FormProps<TFormValues>) => {
8
- methods: import("react-hook-form").UseFormReturn<TFormValues, any, TFormValues>;
9
- onFormSubmit: import("react").FormEventHandler<HTMLFormElement>;
10
- autosave: boolean;
11
- onSubmit: FormSubmitHandler<TFormValues> | import("./Form.types").LegacyFormSubmitHandler<TFormValues> | undefined;
12
- autosaveDelayMs: number;
13
- variantProps: {
14
- 'component-variant': string;
15
- };
16
- className?: string | undefined;
17
- children?: import("react").ReactNode | undefined;
18
- role?: import("react").AriaRole | undefined;
19
- onLoad?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
20
- onError?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
21
- defaultChecked?: boolean | undefined;
22
- defaultValue?: string | number | readonly string[] | undefined;
23
- suppressContentEditableWarning?: boolean | undefined;
24
- suppressHydrationWarning?: boolean | undefined;
25
- accessKey?: string | undefined;
26
- autoFocus?: boolean | undefined;
27
- contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
28
- contextMenu?: string | undefined;
29
- dir?: string | undefined;
30
- draggable?: (boolean | "true" | "false") | undefined;
31
- hidden?: boolean | undefined;
32
- id?: string | undefined;
33
- lang?: string | undefined;
34
- nonce?: string | undefined;
35
- slot?: string | undefined;
36
- spellCheck?: (boolean | "true" | "false") | undefined;
37
- style?: import("react").CSSProperties | undefined;
38
- tabIndex?: number | undefined;
39
- title?: string | undefined;
40
- translate?: "yes" | "no" | undefined;
41
- radioGroup?: string | undefined;
42
- about?: string | undefined;
43
- content?: string | undefined;
44
- datatype?: string | undefined;
45
- inlist?: any;
46
- prefix?: string | undefined;
47
- property?: string | undefined;
48
- rel?: string | undefined;
49
- resource?: string | undefined;
50
- rev?: string | undefined;
51
- typeof?: string | undefined;
52
- vocab?: string | undefined;
53
- autoCapitalize?: string | undefined;
54
- autoCorrect?: string | undefined;
55
- autoSave?: string | undefined;
56
- color?: string | undefined;
57
- itemProp?: string | undefined;
58
- itemScope?: boolean | undefined;
59
- itemType?: string | undefined;
60
- itemID?: string | undefined;
61
- itemRef?: string | undefined;
62
- results?: number | undefined;
63
- security?: string | undefined;
64
- unselectable?: "on" | "off" | undefined;
65
- inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
66
- is?: string | undefined;
67
- "aria-activedescendant"?: string | undefined;
68
- "aria-atomic"?: (boolean | "true" | "false") | undefined;
69
- "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
70
- "aria-braillelabel"?: string | undefined;
71
- "aria-brailleroledescription"?: string | undefined;
72
- "aria-busy"?: (boolean | "true" | "false") | undefined;
73
- "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
74
- "aria-colcount"?: number | undefined;
75
- "aria-colindex"?: number | undefined;
76
- "aria-colindextext"?: string | undefined;
77
- "aria-colspan"?: number | undefined;
78
- "aria-controls"?: string | undefined;
79
- "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
80
- "aria-describedby"?: string | undefined;
81
- "aria-description"?: string | undefined;
82
- "aria-details"?: string | undefined;
83
- "aria-disabled"?: (boolean | "true" | "false") | undefined;
84
- "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
85
- "aria-errormessage"?: string | undefined;
86
- "aria-expanded"?: (boolean | "true" | "false") | undefined;
87
- "aria-flowto"?: string | undefined;
88
- "aria-grabbed"?: (boolean | "true" | "false") | undefined;
89
- "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
90
- "aria-hidden"?: (boolean | "true" | "false") | undefined;
91
- "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
92
- "aria-keyshortcuts"?: string | undefined;
93
- "aria-label"?: string | undefined;
94
- "aria-labelledby"?: string | undefined;
95
- "aria-level"?: number | undefined;
96
- "aria-live"?: "off" | "assertive" | "polite" | undefined;
97
- "aria-modal"?: (boolean | "true" | "false") | undefined;
98
- "aria-multiline"?: (boolean | "true" | "false") | undefined;
99
- "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
100
- "aria-orientation"?: "horizontal" | "vertical" | undefined;
101
- "aria-owns"?: string | undefined;
102
- "aria-placeholder"?: string | undefined;
103
- "aria-posinset"?: number | undefined;
104
- "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
105
- "aria-readonly"?: (boolean | "true" | "false") | undefined;
106
- "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
107
- "aria-required"?: (boolean | "true" | "false") | undefined;
108
- "aria-roledescription"?: string | undefined;
109
- "aria-rowcount"?: number | undefined;
110
- "aria-rowindex"?: number | undefined;
111
- "aria-rowindextext"?: string | undefined;
112
- "aria-rowspan"?: number | undefined;
113
- "aria-selected"?: (boolean | "true" | "false") | undefined;
114
- "aria-setsize"?: number | undefined;
115
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
116
- "aria-valuemax"?: number | undefined;
117
- "aria-valuemin"?: number | undefined;
118
- "aria-valuenow"?: number | undefined;
119
- "aria-valuetext"?: string | undefined;
120
- dangerouslySetInnerHTML?: {
121
- __html: string | TrustedHTML;
122
- } | undefined;
123
- onCopy?: import("react").ClipboardEventHandler<HTMLFormElement> | undefined;
124
- onCopyCapture?: import("react").ClipboardEventHandler<HTMLFormElement> | undefined;
125
- onCut?: import("react").ClipboardEventHandler<HTMLFormElement> | undefined;
126
- onCutCapture?: import("react").ClipboardEventHandler<HTMLFormElement> | undefined;
127
- onPaste?: import("react").ClipboardEventHandler<HTMLFormElement> | undefined;
128
- onPasteCapture?: import("react").ClipboardEventHandler<HTMLFormElement> | undefined;
129
- onCompositionEnd?: import("react").CompositionEventHandler<HTMLFormElement> | undefined;
130
- onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLFormElement> | undefined;
131
- onCompositionStart?: import("react").CompositionEventHandler<HTMLFormElement> | undefined;
132
- onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLFormElement> | undefined;
133
- onCompositionUpdate?: import("react").CompositionEventHandler<HTMLFormElement> | undefined;
134
- onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLFormElement> | undefined;
135
- onFocus?: import("react").FocusEventHandler<HTMLFormElement> | undefined;
136
- onFocusCapture?: import("react").FocusEventHandler<HTMLFormElement> | undefined;
137
- onBlur?: import("react").FocusEventHandler<HTMLFormElement> | undefined;
138
- onBlurCapture?: import("react").FocusEventHandler<HTMLFormElement> | undefined;
139
- onChange?: import("react").FormEventHandler<HTMLFormElement> | undefined;
140
- onChangeCapture?: import("react").FormEventHandler<HTMLFormElement> | undefined;
141
- onBeforeInput?: import("react").FormEventHandler<HTMLFormElement> | undefined;
142
- onBeforeInputCapture?: import("react").FormEventHandler<HTMLFormElement> | undefined;
143
- onInput?: import("react").FormEventHandler<HTMLFormElement> | undefined;
144
- onInputCapture?: import("react").FormEventHandler<HTMLFormElement> | undefined;
145
- onReset?: import("react").FormEventHandler<HTMLFormElement> | undefined;
146
- onResetCapture?: import("react").FormEventHandler<HTMLFormElement> | undefined;
147
- onSubmitCapture?: import("react").FormEventHandler<HTMLFormElement> | undefined;
148
- onInvalid?: import("react").FormEventHandler<HTMLFormElement> | undefined;
149
- onInvalidCapture?: import("react").FormEventHandler<HTMLFormElement> | undefined;
150
- onLoadCapture?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
151
- onErrorCapture?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
152
- onKeyDown?: import("react").KeyboardEventHandler<HTMLFormElement> | undefined;
153
- onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLFormElement> | undefined;
154
- onKeyPress?: import("react").KeyboardEventHandler<HTMLFormElement> | undefined;
155
- onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLFormElement> | undefined;
156
- onKeyUp?: import("react").KeyboardEventHandler<HTMLFormElement> | undefined;
157
- onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLFormElement> | undefined;
158
- onAbort?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
159
- onAbortCapture?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
160
- onCanPlay?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
161
- onCanPlayCapture?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
162
- onCanPlayThrough?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
163
- onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
164
- onDurationChange?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
165
- onDurationChangeCapture?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
166
- onEmptied?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
167
- onEmptiedCapture?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
168
- onEncrypted?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
169
- onEncryptedCapture?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
170
- onEnded?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
171
- onEndedCapture?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
172
- onLoadedData?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
173
- onLoadedDataCapture?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
174
- onLoadedMetadata?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
175
- onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
176
- onLoadStart?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
177
- onLoadStartCapture?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
178
- onPause?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
179
- onPauseCapture?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
180
- onPlay?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
181
- onPlayCapture?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
182
- onPlaying?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
183
- onPlayingCapture?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
184
- onProgress?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
185
- onProgressCapture?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
186
- onRateChange?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
187
- onRateChangeCapture?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
188
- onResize?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
189
- onResizeCapture?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
190
- onSeeked?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
191
- onSeekedCapture?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
192
- onSeeking?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
193
- onSeekingCapture?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
194
- onStalled?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
195
- onStalledCapture?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
196
- onSuspend?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
197
- onSuspendCapture?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
198
- onTimeUpdate?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
199
- onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
200
- onVolumeChange?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
201
- onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
202
- onWaiting?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
203
- onWaitingCapture?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
204
- onAuxClick?: import("react").MouseEventHandler<HTMLFormElement> | undefined;
205
- onAuxClickCapture?: import("react").MouseEventHandler<HTMLFormElement> | undefined;
206
- onClick?: import("react").MouseEventHandler<HTMLFormElement> | undefined;
207
- onClickCapture?: import("react").MouseEventHandler<HTMLFormElement> | undefined;
208
- onContextMenu?: import("react").MouseEventHandler<HTMLFormElement> | undefined;
209
- onContextMenuCapture?: import("react").MouseEventHandler<HTMLFormElement> | undefined;
210
- onDoubleClick?: import("react").MouseEventHandler<HTMLFormElement> | undefined;
211
- onDoubleClickCapture?: import("react").MouseEventHandler<HTMLFormElement> | undefined;
212
- onDrag?: import("react").DragEventHandler<HTMLFormElement> | undefined;
213
- onDragCapture?: import("react").DragEventHandler<HTMLFormElement> | undefined;
214
- onDragEnd?: import("react").DragEventHandler<HTMLFormElement> | undefined;
215
- onDragEndCapture?: import("react").DragEventHandler<HTMLFormElement> | undefined;
216
- onDragEnter?: import("react").DragEventHandler<HTMLFormElement> | undefined;
217
- onDragEnterCapture?: import("react").DragEventHandler<HTMLFormElement> | undefined;
218
- onDragExit?: import("react").DragEventHandler<HTMLFormElement> | undefined;
219
- onDragExitCapture?: import("react").DragEventHandler<HTMLFormElement> | undefined;
220
- onDragLeave?: import("react").DragEventHandler<HTMLFormElement> | undefined;
221
- onDragLeaveCapture?: import("react").DragEventHandler<HTMLFormElement> | undefined;
222
- onDragOver?: import("react").DragEventHandler<HTMLFormElement> | undefined;
223
- onDragOverCapture?: import("react").DragEventHandler<HTMLFormElement> | undefined;
224
- onDragStart?: import("react").DragEventHandler<HTMLFormElement> | undefined;
225
- onDragStartCapture?: import("react").DragEventHandler<HTMLFormElement> | undefined;
226
- onDrop?: import("react").DragEventHandler<HTMLFormElement> | undefined;
227
- onDropCapture?: import("react").DragEventHandler<HTMLFormElement> | undefined;
228
- onMouseDown?: import("react").MouseEventHandler<HTMLFormElement> | undefined;
229
- onMouseDownCapture?: import("react").MouseEventHandler<HTMLFormElement> | undefined;
230
- onMouseEnter?: import("react").MouseEventHandler<HTMLFormElement> | undefined;
231
- onMouseLeave?: import("react").MouseEventHandler<HTMLFormElement> | undefined;
232
- onMouseMove?: import("react").MouseEventHandler<HTMLFormElement> | undefined;
233
- onMouseMoveCapture?: import("react").MouseEventHandler<HTMLFormElement> | undefined;
234
- onMouseOut?: import("react").MouseEventHandler<HTMLFormElement> | undefined;
235
- onMouseOutCapture?: import("react").MouseEventHandler<HTMLFormElement> | undefined;
236
- onMouseOver?: import("react").MouseEventHandler<HTMLFormElement> | undefined;
237
- onMouseOverCapture?: import("react").MouseEventHandler<HTMLFormElement> | undefined;
238
- onMouseUp?: import("react").MouseEventHandler<HTMLFormElement> | undefined;
239
- onMouseUpCapture?: import("react").MouseEventHandler<HTMLFormElement> | undefined;
240
- onSelect?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
241
- onSelectCapture?: import("react").ReactEventHandler<HTMLFormElement> | undefined;
242
- onTouchCancel?: import("react").TouchEventHandler<HTMLFormElement> | undefined;
243
- onTouchCancelCapture?: import("react").TouchEventHandler<HTMLFormElement> | undefined;
244
- onTouchEnd?: import("react").TouchEventHandler<HTMLFormElement> | undefined;
245
- onTouchEndCapture?: import("react").TouchEventHandler<HTMLFormElement> | undefined;
246
- onTouchMove?: import("react").TouchEventHandler<HTMLFormElement> | undefined;
247
- onTouchMoveCapture?: import("react").TouchEventHandler<HTMLFormElement> | undefined;
248
- onTouchStart?: import("react").TouchEventHandler<HTMLFormElement> | undefined;
249
- onTouchStartCapture?: import("react").TouchEventHandler<HTMLFormElement> | undefined;
250
- onPointerDown?: import("react").PointerEventHandler<HTMLFormElement> | undefined;
251
- onPointerDownCapture?: import("react").PointerEventHandler<HTMLFormElement> | undefined;
252
- onPointerMove?: import("react").PointerEventHandler<HTMLFormElement> | undefined;
253
- onPointerMoveCapture?: import("react").PointerEventHandler<HTMLFormElement> | undefined;
254
- onPointerUp?: import("react").PointerEventHandler<HTMLFormElement> | undefined;
255
- onPointerUpCapture?: import("react").PointerEventHandler<HTMLFormElement> | undefined;
256
- onPointerCancel?: import("react").PointerEventHandler<HTMLFormElement> | undefined;
257
- onPointerCancelCapture?: import("react").PointerEventHandler<HTMLFormElement> | undefined;
258
- onPointerEnter?: import("react").PointerEventHandler<HTMLFormElement> | undefined;
259
- onPointerLeave?: import("react").PointerEventHandler<HTMLFormElement> | undefined;
260
- onPointerOver?: import("react").PointerEventHandler<HTMLFormElement> | undefined;
261
- onPointerOverCapture?: import("react").PointerEventHandler<HTMLFormElement> | undefined;
262
- onPointerOut?: import("react").PointerEventHandler<HTMLFormElement> | undefined;
263
- onPointerOutCapture?: import("react").PointerEventHandler<HTMLFormElement> | undefined;
264
- onGotPointerCapture?: import("react").PointerEventHandler<HTMLFormElement> | undefined;
265
- onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLFormElement> | undefined;
266
- onLostPointerCapture?: import("react").PointerEventHandler<HTMLFormElement> | undefined;
267
- onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLFormElement> | undefined;
268
- onScroll?: import("react").UIEventHandler<HTMLFormElement> | undefined;
269
- onScrollCapture?: import("react").UIEventHandler<HTMLFormElement> | undefined;
270
- onWheel?: import("react").WheelEventHandler<HTMLFormElement> | undefined;
271
- onWheelCapture?: import("react").WheelEventHandler<HTMLFormElement> | undefined;
272
- onAnimationStart?: import("react").AnimationEventHandler<HTMLFormElement> | undefined;
273
- onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLFormElement> | undefined;
274
- onAnimationEnd?: import("react").AnimationEventHandler<HTMLFormElement> | undefined;
275
- onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLFormElement> | undefined;
276
- onAnimationIteration?: import("react").AnimationEventHandler<HTMLFormElement> | undefined;
277
- onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLFormElement> | undefined;
278
- onTransitionEnd?: import("react").TransitionEventHandler<HTMLFormElement> | undefined;
279
- onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLFormElement> | undefined;
280
- autoComplete?: string | undefined;
281
- name?: string | undefined;
282
- action?: string | undefined | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS];
283
- target?: string | undefined;
284
- acceptCharset?: string | undefined;
285
- encType?: string | undefined;
286
- method?: string | undefined;
287
- noValidate?: boolean | undefined;
288
- formRef?: React.Ref<HTMLFormElement>;
289
- };
290
- export default usePresenter;
@@ -1,6 +0,0 @@
1
- /**
2
- * Placeholder for DropzoneFormExample
3
- * This example needs to be updated to work with the new Form implementation
4
- */
5
- declare const DropzoneFormExample: () => import("react/jsx-runtime").JSX.Element;
6
- export default DropzoneFormExample;
@@ -1,2 +0,0 @@
1
- declare const UpdatedFormExample: () => import("react/jsx-runtime").JSX.Element;
2
- export default UpdatedFormExample;
@@ -1,10 +0,0 @@
1
- import { type FieldValues } from 'react-hook-form';
2
- import type { FormSubmitHandler, LegacyFormSubmitHandler } from './Form.types';
3
- /**
4
- * Hook to enable autosave functionality for forms
5
- * Debounces changes and validates before submitting
6
- *
7
- * Note: Uses formState.isDirty to detect changes instead of watching all values
8
- * for better performance
9
- */
10
- export declare const useAutosave: <TFormValues extends FieldValues>(enabled: boolean, onSubmit: FormSubmitHandler<TFormValues> | LegacyFormSubmitHandler<TFormValues> | undefined, delayMs?: number) => void;
@@ -1,14 +0,0 @@
1
- import { type UseControllerProps, type UseControllerReturn, type FieldValues, type Path } from 'react-hook-form';
2
- type SafeControllerProps<TFieldValues extends FieldValues, TName extends Path<TFieldValues>, TTransformedValues = TFieldValues> = UseControllerProps<TFieldValues, TName, TTransformedValues> & {
3
- value?: unknown;
4
- onChange?: (value: any) => void;
5
- externalError?: string;
6
- };
7
- /**
8
- * Standalone controller hook that manages local state and validation
9
- * Used when there's no Form context
10
- *
11
- * Has the same signature as useController with a few additional props for standalone mode
12
- */
13
- export declare const useSafeController: <TFieldValues extends FieldValues = FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>, TTransformedValues = TFieldValues>(props: SafeControllerProps<TFieldValues, TName, TTransformedValues>) => UseControllerReturn<TFieldValues, TName>;
14
- export {};
@@ -1,8 +0,0 @@
1
- import { type FieldValues, type Control } from 'react-hook-form';
2
- /**
3
- * Safely attempt to get form context without throwing
4
- * Returns the control object if available, undefined otherwise
5
- *
6
- * This allows components to work both inside and outside Form context
7
- */
8
- export declare const useSafeFormContext: <TFieldValues extends FieldValues = FieldValues>() => Control<TFieldValues> | undefined;