test

Author: te6-in

packages/react-headless/snackbar/src/useSnackbar.ts

@@ -100,12 +100,14 @@ function useSnackbarState({ pauseOnInteraction = true }: UseSnackbarStateProps)
         push(option);
         if (state === "inactive") {
           pop();
+          console.log("push");
           setState("active");
         }
       },
       pause: () => {
         if (state === "active") {
           if (pauseOnInteraction) {
+            console.log("pause");
             setState("persist");
           }
         }
@@ -160,9 +162,11 @@ export function useSnackbar(props: UseSnackbarProps) {
       safeOffset,
 
       create(options: CreateSnackbarOptions) {
+        console.log("create happened, pushing...");
         events.push(options);
       },
       dismiss() {
+        console.log("dismiss happened, dismissing...");
         events.dismiss();
       },
 
@@ -197,23 +201,28 @@ export function useSnackbar(props: UseSnackbarProps) {
 
           // only pause if focus is visible (focused using keyboard) || action label has focus
           if (event.target.matches(":focus-visible")) {
+            console.log("focus - pausing");
             events.pause();
           }
         },
         onBlur() {
+          console.log("blur - resuming");
           events.resume();
         },
         onPointerEnter() {
+          console.log("pointer enter - pausing");
           events.pause();
         },
         onPointerLeave() {
+          console.log("pointer leave - resuming");
           events.resume();
         },
       }),
 
       closeButtonProps: buttonProps({
         type: "button",
         onClick() {
+          console.log("close button clicked - dismissing");
           events.dismiss();
         },
       }),