Add prop to disable default toast messages on form submit

utima-solutions · Apr 12, 2024 · fb16bfe · fb16bfe
1 parent 6c7c887
commit fb16bfe
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 11 deletions.
diff --git a/packages/ui-informed/src/form/Form.tsx b/packages/ui-informed/src/form/Form.tsx
@@ -19,6 +19,7 @@ export interface FormProps<T>
   readOnly?: boolean;
   loading?: boolean;
   onSubmit?: (formState: TypedFormState<T>) => Promise<unknown>;
+  disableDefaultToast?: boolean;
   zodSchema?: ZodObject<ZodRawShape>;
 }
 
@@ -34,13 +35,15 @@ export function Form<T>({
   readOnly = false,
   disabled = false,
   loading = false,
+  disableDefaultToast,
   zodSchema,
   ...restProps
 }: FormProps<T>) {
   const messages = useFormTranslationsContext();
   const { handleSubmit, handleSubmitFailure, isSubmitting } =
     useDefaultSubmitActions<T>({
       onSubmit,
+      disableDefaultToast,
     });
 
   const contextValue = useMemo<FormContextType>(

diff --git a/packages/ui-informed/src/form/useDefaultSubmitActions.tsx b/packages/ui-informed/src/form/useDefaultSubmitActions.tsx
@@ -9,6 +9,7 @@ export interface TypedFormState<T> extends Omit<FormState, 'values'> {
 }
 type UseFormSubmitActionsParams<T> = {
   onSubmit?: (formState: TypedFormState<T>) => Promise<unknown>;
+  disableDefaultToast?: boolean;
 };
 
 /**
@@ -18,6 +19,7 @@ type UseFormSubmitActionsParams<T> = {
  */
 export function useDefaultSubmitActions<T>({
   onSubmit,
+  disableDefaultToast,
 }: UseFormSubmitActionsParams<T>) {
   const messages = useFormTranslationsContext();
   const [isSubmitting, setIsSubmitting] = useState(false);
@@ -34,28 +36,36 @@ export function useDefaultSubmitActions<T>({
         await onSubmit?.(formState as TypedFormState<T>);
 
         // Show success notification
-        toast.success(messages.actions.success.title, {
-          description: messages.actions.success.message,
-        });
+        if (!disableDefaultToast) {
+          toast.success(messages.actions.success.title, {
+            description: messages.actions.success.message,
+          });
+        }
       } catch (error) {
-        toast.error(messages.actions.fail.title, {
-          description: (error as any).message,
-        });
+        if (!disableDefaultToast) {
+          toast.error(messages.actions.fail.title, {
+            description: (error as any).message,
+          });
+        } else {
+          throw error;
+        }
       } finally {
         setIsSubmitting(false);
       }
     },
-    [messages, onSubmit],
+    [disableDefaultToast, messages, onSubmit],
   );
 
   /**
    * Submit failure handler, shows notification with error message.
    */
   const handleSubmitFailure = useCallback(() => {
-    toast.error(messages.actions.fail.title, {
-      description: messages.actions.fail.message,
-    });
-  }, [messages]);
+    if (!disableDefaultToast) {
+      toast.error(messages.actions.fail.title, {
+        description: messages.actions.fail.message,
+      });
+    }
+  }, [disableDefaultToast, messages]);
 
   return {
     handleSubmit,