@jobber/components 6.118.2 → 6.118.3-CLEANUPfi-067b29f.2

package/dist/Toast/Toast.d.ts

@@ -18,9 +18,11 @@ interface ActionToastProps extends BaseToastProps {
     actionLabel: string;
 }
 export type ToastProps = XOR<BaseToastProps, ActionToastProps>;
-type ToastPropsInternal = Omit<ToastProps, "id">;
+interface ToastPropsInternal extends Omit<ToastProps, "id"> {
+    readonly onHide?: () => void;
+}
 export interface ToastRef {
     add(props: ToastProps): void;
 }
-export declare function Toast({ message, variation, action, actionLabel, }: ToastPropsInternal): React.JSX.Element;
+export declare function Toast({ message, variation, action, actionLabel, onHide, }: ToastPropsInternal): React.JSX.Element;
 export {};

package/dist/showToast-cjs.js

@@ -10,11 +10,14 @@ var Typography = require('./Typography-cjs.js');
 
 var styles = {"wrapper":"_0Tvq24WjeX8-","container":"GznHKPkdb1s-","toast":"W8zgWZqmIlk-","slice":"ol3srk7PviM-","button":"ibhpdUt9YLo-","spinning":"_5Wy5Wra20Vk-"};
 
-function Toast({ message, variation = "success", action, actionLabel, }) {
+function Toast({ message, variation = "success", action, actionLabel, onHide, }) {
     const [visible, setVisible] = React.useState(true);
     const icon = getIcon();
-    let timer;
-    React.useEffect(() => startTimer(), []);
+    const timer = React.useRef(undefined);
+    React.useEffect(() => {
+        startTimer();
+        return () => stopTimer();
+    }, []);
     return (React.createElement(framerMotion.AnimatePresence, null, visible && (React.createElement(framerMotion.motion.div, { className: styles.toast, initial: { opacity: 0, scale: 0.8 }, animate: { opacity: 1, scale: 1 }, onMouseEnter: () => stopTimer(), onMouseLeave: () => startTimer(), exit: {
             opacity: 0,
             scale: 0.8,
@@ -28,13 +31,15 @@ function Toast({ message, variation = "success", action, actionLabel, }) {
             React.createElement("div", { className: styles.button },
                 React.createElement(Button.Button, { icon: "remove", ariaLabel: "Hide Notification", onClick: handleToastClose, type: "tertiary", variation: "subtle" })))))));
     function startTimer() {
-        timer = setTimeout(() => handleToastClose(), getTimeout());
+        clearTimeout(timer.current);
+        timer.current = setTimeout(() => handleToastClose(), getTimeout());
     }
     function stopTimer() {
-        clearTimeout(timer);
+        clearTimeout(timer.current);
     }
     function handleToastClose() {
-        if (!window)
+        onHide === null || onHide === void 0 ? void 0 : onHide();
+        if (!globalThis.window)
             return;
         setVisible(false);
     }
@@ -100,7 +105,7 @@ function ToastInternal(_, ref) {
             ]);
         },
     }));
-    return (React.createElement("div", { className: styles.container }, toasts.map(toast => (React.createElement(Toast, Object.assign({}, toast, { key: toast.id }))))));
+    return (React.createElement("div", { className: styles.container }, toasts.map(toast => (React.createElement(Toast, Object.assign({}, toast, { key: toast.id, onHide: () => setToasts(prev => prev.filter(t => t.id !== toast.id)) }))))));
 }
 
 exports.Toast = Toast;

package/dist/showToast-es.js

@@ -1,4 +1,4 @@
-import React__default, { useState, useEffect, forwardRef, useImperativeHandle, useRef } from 'react';
+import React__default, { useState, useRef, useEffect, forwardRef, useImperativeHandle } from 'react';
 import { createRoot } from 'react-dom/client';
 import { AnimatePresence, motion } from 'framer-motion';
 import { I as Icon } from './Icon-es.js';
@@ -8,11 +8,14 @@ import { T as Typography } from './Typography-es.js';
 
 var styles = {"wrapper":"_0Tvq24WjeX8-","container":"GznHKPkdb1s-","toast":"W8zgWZqmIlk-","slice":"ol3srk7PviM-","button":"ibhpdUt9YLo-","spinning":"_5Wy5Wra20Vk-"};
 
-function Toast({ message, variation = "success", action, actionLabel, }) {
+function Toast({ message, variation = "success", action, actionLabel, onHide, }) {
     const [visible, setVisible] = useState(true);
     const icon = getIcon();
-    let timer;
-    useEffect(() => startTimer(), []);
+    const timer = useRef(undefined);
+    useEffect(() => {
+        startTimer();
+        return () => stopTimer();
+    }, []);
     return (React__default.createElement(AnimatePresence, null, visible && (React__default.createElement(motion.div, { className: styles.toast, initial: { opacity: 0, scale: 0.8 }, animate: { opacity: 1, scale: 1 }, onMouseEnter: () => stopTimer(), onMouseLeave: () => startTimer(), exit: {
             opacity: 0,
             scale: 0.8,
@@ -26,13 +29,15 @@ function Toast({ message, variation = "success", action, actionLabel, }) {
             React__default.createElement("div", { className: styles.button },
                 React__default.createElement(Button, { icon: "remove", ariaLabel: "Hide Notification", onClick: handleToastClose, type: "tertiary", variation: "subtle" })))))));
     function startTimer() {
-        timer = setTimeout(() => handleToastClose(), getTimeout());
+        clearTimeout(timer.current);
+        timer.current = setTimeout(() => handleToastClose(), getTimeout());
     }
     function stopTimer() {
-        clearTimeout(timer);
+        clearTimeout(timer.current);
     }
     function handleToastClose() {
-        if (!window)
+        onHide === null || onHide === void 0 ? void 0 : onHide();
+        if (!globalThis.window)
             return;
         setVisible(false);
     }
@@ -98,7 +103,7 @@ function ToastInternal(_, ref) {
             ]);
         },
     }));
-    return (React__default.createElement("div", { className: styles.container }, toasts.map(toast => (React__default.createElement(Toast, Object.assign({}, toast, { key: toast.id }))))));
+    return (React__default.createElement("div", { className: styles.container }, toasts.map(toast => (React__default.createElement(Toast, Object.assign({}, toast, { key: toast.id, onHide: () => setToasts(prev => prev.filter(t => t.id !== toast.id)) }))))));
 }
 
 export { Toast as T, showToast as s };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.118.2",
+  "version": "6.118.3-CLEANUPfi-067b29f.2+067b29fdf",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -541,5 +541,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "77bb214822ff1ca35fb32915961d0a7151b23d8c"
+  "gitHead": "067b29fdfdc6d727a0d32d0bb9af6f7aef455325"
 }