Set width to 100% for RenderFields, add resetErrorDetails

Author: Georgi2704

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

@@ -28,7 +28,7 @@ export function RenderFields({
 
         if (isControlledElement) {
             return (
-                <div key={field.id}>
+                <div css={{ width: '100%' }} key={field.id}>
                     <WrapFieldElement
                         PydanticFormControlledElement={Element}
                         pydanticFormField={field}

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

@@ -336,6 +336,10 @@ function PydanticFormContextProvider({
         [resetFormData, rhf],
     );
 
+    const resetErrorDetails = useCallback(() => {
+        setErrorDetails(undefined);
+    }, []);
+
     // with this we have the possibility to have listeners for specific fields
     // this could be used to trigger validations of related fields, casting changes to elsewhere, etc.
     useEffect(() => {
@@ -389,6 +393,7 @@ function PydanticFormContextProvider({
         isFullFilled,
         customDataProvider,
         errorDetails,
+        resetErrorDetails,
         successNotice,
         submitForm,
         resetForm,

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

@@ -53,6 +53,7 @@ export interface PydanticFormContextProps {
     isFullFilled: boolean;
     rhf: ReturnType<typeof useForm>;
     errorDetails?: PydanticFormValidationErrorDetails;
+    resetErrorDetails: () => void;
     pydanticFormSchema?: PydanticFormSchema;
     title?: string | boolean;
     sendLabel?: string;