diff --git a/src/components/Form/Form.stories.tsx b/src/components/Form/Form.stories.tsx index 8d78071f..ce3ba6b3 100644 --- a/src/components/Form/Form.stories.tsx +++ b/src/components/Form/Form.stories.tsx @@ -389,6 +389,34 @@ export const ReadOnly: StoryObj> = { }; export const WithInitialValues: StoryObj = { + args: { + content: ungroupedContent, + initialValues: { + booleanCheck: true, + booleanRadio: true, + date: new Date(), + numberInput: 44, + numberSlider: 45, + numberRadio: 3, + numberSelect: 4, + stringSelect: 'a', + setListbox: new Set(['a', 'b']), + setSelect: new Set(['c', 'd']), + showDynamicField: true, + dynamicField: 'Foo', + stringTextArea: 'Lorem ipsum', + stringPassword: 'Password', + stringInput: 'Input', + stringRadio: 'b' + }, + onSubmit: (data) => { + alert(JSON.stringify(data, null, 2)); + }, + validationSchema: $ExampleFormData + } +}; + +export const WithDynamicInitialValues: StoryObj = { decorators: [ (Story) => { const [initialValues, setInitialValues] = useState>({}); diff --git a/src/components/Form/Form.tsx b/src/components/Form/Form.tsx index 1dfcfc4e..3983d0c0 100644 --- a/src/components/Form/Form.tsx +++ b/src/components/Form/Form.tsx @@ -65,6 +65,7 @@ const Form = , TData extends z.TypeOf([]); const [errors, setErrors] = useState>({}); const [values, setValues] = useState>({}); + const [isInitialSetValuesComplete, setIsInitialSetValuesComplete] = useState(false); const handleError = (error: z.ZodError) => { const fieldErrors: FormErrors = {}; @@ -130,8 +131,13 @@ const Form = , TData extends z.TypeOf