Merge pull request #145 from workfloworchestrator/2076-move-form-reset

2076 move form reset

Author: DutchBen

frontend/.changeset/fresh-peas-hide.md

@@ -0,0 +1,5 @@
+---
+'pydantic-forms': patch
+---
+
+Resets the form with initial data in useEffect after render

frontend/packages/pydantic-forms/src/components/render/RenderForm.tsx

@@ -27,6 +27,7 @@ const RenderForm = (contextProps: PydanticFormContextProps) => {
         skipSuccessNotice,
         loadingComponent,
         rhf,
+        initialData,
     } = contextProps;
     const { formRenderer, footerRenderer, headerRenderer } = config || {};
 
@@ -37,6 +38,10 @@ const RenderForm = (contextProps: PydanticFormContextProps) => {
         }
     }, [rhf, pydanticFormSchema]);
 
+    useEffect(() => {
+        rhf.reset(initialData);
+    }, [rhf, initialData]);
+
     const pydanticFormComponents: PydanticFormComponents =
         getPydanticFormComponents(
             pydanticFormSchema?.properties || {},

frontend/packages/pydantic-forms/src/core/PydanticFormContextProvider.tsx

@@ -178,7 +178,6 @@ function PydanticFormContextProvider({
     const rhf = useForm({
         resolver: zodResolver(zodSchema),
         mode: 'all',
-        values: initialData,
     });
 
     const resetFormData = useCallback(
@@ -402,6 +401,7 @@ function PydanticFormContextProvider({
         clearForm,
         formInputData,
         hasNext,
+        initialData,
     };
 
     return (

frontend/packages/pydantic-forms/src/types.ts

@@ -77,6 +77,7 @@ export interface PydanticFormContextProps {
     clearForm: () => void;
     hasNext: boolean;
     formInputData: object[];
+    initialData: FieldValues;
 }
 
 export enum PydanticFormState {