types: change label types to ReactNode (#280)

* types: change label types to ReactNode * types: add `event` to cancel.onClick * feat: pass `event` to cancel.onClick * fix: missing `event` argument
emilkowalski · Dec 31, 2023 · 6a94603 · 6a94603 · vercel · Dec 31, 2023
1 parent abe2ceb
commit 6a94603
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/index.tsx b/src/index.tsx
@@ -360,11 +360,11 @@ const Toast = (props: ToastProps) => {
               data-button
               data-cancel
               style={toast.cancelButtonStyle || cancelButtonStyle}
-              onClick={() => {
+              onClick={(event) => {
                 if (!dismissible) return;
                 deleteToast();
                 if (toast.cancel?.onClick) {
-                  toast.cancel.onClick();
+                  toast.cancel.onClick(event);
                 }
               }}
               className={cn(classNames?.cancelButton, toast?.classNames?.cancelButton)}

diff --git a/src/types.ts b/src/types.ts
@@ -42,12 +42,12 @@ export interface ToastT {
   delete?: boolean;
   important?: boolean;
   action?: {
-    label: string;
+    label: React.ReactNode;
     onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
   };
   cancel?: {
-    label: string;
-    onClick?: () => void;
+    label: React.ReactNode;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
   };
   onDismiss?: (toast: ToastT) => void;
   onAutoClose?: (toast: ToastT) => void;