@fluentui/react-toast 9.0.5 → 9.1.0

package/lib-commonjs/components/Toaster/useToaster.js

@@ -10,50 +10,52 @@ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildc
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _reactUtilities = require("@fluentui/react-utilities");
 const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const _reactTabster = require("@fluentui/react-tabster");
+const _keyboardKeys = require("@fluentui/keyboard-keys");
 const _state = require("../../state");
 const _toastContainer = require("../ToastContainer");
+const _useToasterFocusManagement = require("./useToasterFocusManagement");
+const _useToastAnnounce = require("./useToastAnnounce");
 const useToaster_unstable = (props)=>{
     const { offset , announce: announceProp , ...rest } = props;
     const announceRef = _react.useRef(()=>null);
-    const { toastsToRender , isToastVisible , pauseAllToasts , playAllToasts , tryRestoreFocus  } = (0, _state.useToaster)(rest);
+    const { toastsToRender , isToastVisible , pauseAllToasts , playAllToasts , tryRestoreFocus , closeAllToasts  } = (0, _state.useToaster)(rest);
     const announce = _react.useCallback((message, options)=>announceRef.current(message, options), []);
     const { dir  } = (0, _reactSharedContexts.useFluent_unstable)();
     const rootProps = (0, _reactUtilities.getNativeElementProps)('div', rest);
-    // Adds native HTML focusin/focusout listeners
-    // https://github.com/facebook/react/issues/25194
-    const focusListenerRef = _react.useCallback((el)=>{
-        if (el) {
-            el.addEventListener('focusin', (e)=>{
-                if ((0, _reactUtilities.isHTMLElement)(e.currentTarget) && !e.currentTarget.contains((0, _reactUtilities.isHTMLElement)(e.relatedTarget) ? e.relatedTarget : null)) {
-                    pauseAllToasts();
-                }
-            });
-            el.addEventListener('focusout', (e)=>{
-                if ((0, _reactUtilities.isHTMLElement)(e.currentTarget) && !e.currentTarget.contains((0, _reactUtilities.isHTMLElement)(e.relatedTarget) ? e.relatedTarget : null)) {
-                    playAllToasts();
-                    tryRestoreFocus();
-                }
-            });
+    const focusableGroupAttr = (0, _reactTabster.useFocusableGroup)({
+        tabBehavior: 'limited-trap-focus',
+        ignoreDefaultKeydown: {
+            Escape: true
         }
-    }, [
-        playAllToasts,
-        pauseAllToasts,
-        tryRestoreFocus
-    ]);
-    const createPositionSlot = (toastPosition)=>{
+    });
+    const onKeyDown = (0, _reactUtilities.useEventCallback)((e)=>{
+        var _props_onKeyDown;
+        if (e.key === _keyboardKeys.Escape) {
+            e.preventDefault();
+            closeAllToasts();
+        }
+        (_props_onKeyDown = props.onKeyDown) === null || _props_onKeyDown === void 0 ? void 0 : _props_onKeyDown.call(props, e);
+    });
+    const usePositionSlot = (toastPosition)=>{
         var _toastsToRender_get;
+        const focusManagementRef = (0, _useToasterFocusManagement.useToasterFocusManagement_unstable)(pauseAllToasts, playAllToasts);
+        const { announceToast , toasterRef  } = (0, _useToastAnnounce.useToastAnnounce)(announceProp !== null && announceProp !== void 0 ? announceProp : announce);
         return (0, _reactUtilities.resolveShorthand)(toastsToRender.has(toastPosition) ? rootProps : null, {
             defaultProps: {
-                ref: focusListenerRef,
+                ref: (0, _reactUtilities.useMergedRefs)(focusManagementRef, toasterRef),
                 children: (_toastsToRender_get = toastsToRender.get(toastPosition)) === null || _toastsToRender_get === void 0 ? void 0 : _toastsToRender_get.map((toast)=>/*#__PURE__*/ _react.createElement(_toastContainer.ToastContainer, {
                         ...toast,
                         tryRestoreFocus: tryRestoreFocus,
                         intent: toast.intent,
-                        announce: announce,
+                        announce: announceToast,
                         key: toast.toastId,
                         visible: isToastVisible(toast.toastId)
                     }, toast.content)),
-                'data-toaster-position': toastPosition
+                onKeyDown,
+                ...focusableGroupAttr,
+                'data-toaster-position': toastPosition,
+                role: 'list'
             }
         });
     };
@@ -69,10 +71,10 @@ const useToaster_unstable = (props)=>{
         root: (0, _reactUtilities.resolveShorthand)(rootProps, {
             required: true
         }),
-        bottomStart: createPositionSlot(_state.TOAST_POSITIONS.bottomStart),
-        bottomEnd: createPositionSlot(_state.TOAST_POSITIONS.bottomEnd),
-        topStart: createPositionSlot(_state.TOAST_POSITIONS.topStart),
-        topEnd: createPositionSlot(_state.TOAST_POSITIONS.topEnd),
+        bottomStart: usePositionSlot(_state.TOAST_POSITIONS.bottomStart),
+        bottomEnd: usePositionSlot(_state.TOAST_POSITIONS.bottomEnd),
+        topStart: usePositionSlot(_state.TOAST_POSITIONS.topStart),
+        topEnd: usePositionSlot(_state.TOAST_POSITIONS.topEnd),
         announceRef,
         offset,
         announce: announceProp !== null && announceProp !== void 0 ? announceProp : announce,

package/lib-commonjs/components/Toaster/useToaster.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useToaster.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, isHTMLElement, resolveShorthand } from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { TOAST_POSITIONS, useToaster } from '../../state';\nimport { ToastContainer } from '../ToastContainer';\n/**\n * Create the state required to render Toaster.\n *\n * @param props - props from this instance of Toaster\n */ export const useToaster_unstable = (props)=>{\n    const { offset , announce: announceProp , ...rest } = props;\n    const announceRef = React.useRef(()=>null);\n    const { toastsToRender , isToastVisible , pauseAllToasts , playAllToasts , tryRestoreFocus  } = useToaster(rest);\n    const announce = React.useCallback((message, options)=>announceRef.current(message, options), []);\n    const { dir  } = useFluent();\n    const rootProps = getNativeElementProps('div', rest);\n    // Adds native HTML focusin/focusout listeners\n    // https://github.com/facebook/react/issues/25194\n    const focusListenerRef = React.useCallback((el)=>{\n        if (el) {\n            el.addEventListener('focusin', (e)=>{\n                if (isHTMLElement(e.currentTarget) && !e.currentTarget.contains(isHTMLElement(e.relatedTarget) ? e.relatedTarget : null)) {\n                    pauseAllToasts();\n                }\n            });\n            el.addEventListener('focusout', (e)=>{\n                if (isHTMLElement(e.currentTarget) && !e.currentTarget.contains(isHTMLElement(e.relatedTarget) ? e.relatedTarget : null)) {\n                    playAllToasts();\n                    tryRestoreFocus();\n                }\n            });\n        }\n    }, [\n        playAllToasts,\n        pauseAllToasts,\n        tryRestoreFocus\n    ]);\n    const createPositionSlot = (toastPosition)=>{\n        var _toastsToRender_get;\n        return resolveShorthand(toastsToRender.has(toastPosition) ? rootProps : null, {\n            defaultProps: {\n                ref: focusListenerRef,\n                children: (_toastsToRender_get = toastsToRender.get(toastPosition)) === null || _toastsToRender_get === void 0 ? void 0 : _toastsToRender_get.map((toast)=>/*#__PURE__*/ React.createElement(ToastContainer, {\n                        ...toast,\n                        tryRestoreFocus: tryRestoreFocus,\n                        intent: toast.intent,\n                        announce: announce,\n                        key: toast.toastId,\n                        visible: isToastVisible(toast.toastId)\n                    }, toast.content)),\n                'data-toaster-position': toastPosition\n            }\n        });\n    };\n    return {\n        dir,\n        components: {\n            root: 'div',\n            bottomStart: 'div',\n            bottomEnd: 'div',\n            topStart: 'div',\n            topEnd: 'div'\n        },\n        root: resolveShorthand(rootProps, {\n            required: true\n        }),\n        bottomStart: createPositionSlot(TOAST_POSITIONS.bottomStart),\n        bottomEnd: createPositionSlot(TOAST_POSITIONS.bottomEnd),\n        topStart: createPositionSlot(TOAST_POSITIONS.topStart),\n        topEnd: createPositionSlot(TOAST_POSITIONS.topEnd),\n        announceRef,\n        offset,\n        announce: announceProp !== null && announceProp !== void 0 ? announceProp : announce,\n        renderAriaLive: !announceProp\n    };\n};\n"],"names":["useToaster_unstable","props","offset","announce","announceProp","rest","announceRef","React","useRef","toastsToRender","isToastVisible","pauseAllToasts","playAllToasts","tryRestoreFocus","useToaster","useCallback","message","options","current","dir","useFluent","rootProps","getNativeElementProps","focusListenerRef","el","addEventListener","e","isHTMLElement","currentTarget","contains","relatedTarget","createPositionSlot","toastPosition","_toastsToRender_get","resolveShorthand","has","defaultProps","ref","children","get","map","toast","createElement","ToastContainer","intent","key","toastId","visible","content","components","root","bottomStart","bottomEnd","topStart","topEnd","required","TOAST_POSITIONS","renderAriaLive"],"mappings":";;;;+BASiBA;;aAAAA;;;6DATM;gCACgD;qCACvB;uBACJ;gCACb;AAKpB,MAAMA,sBAAsB,CAACC,QAAQ;IAC5C,MAAM,EAAEC,OAAM,EAAGC,UAAUC,aAAY,EAAG,GAAGC,MAAM,GAAGJ;IACtD,MAAMK,cAAcC,OAAMC,MAAM,CAAC,IAAI,IAAI;IACzC,MAAM,EAAEC,eAAc,EAAGC,eAAc,EAAGC,eAAc,EAAGC,cAAa,EAAGC,gBAAe,EAAG,GAAGC,IAAAA,iBAAU,EAACT;IAC3G,MAAMF,WAAWI,OAAMQ,WAAW,CAAC,CAACC,SAASC,UAAUX,YAAYY,OAAO,CAACF,SAASC,UAAU,EAAE;IAChG,MAAM,EAAEE,IAAG,EAAG,GAAGC,IAAAA,uCAAS;IAC1B,MAAMC,YAAYC,IAAAA,qCAAqB,EAAC,OAAOjB;IAC/C,8CAA8C;IAC9C,iDAAiD;IACjD,MAAMkB,mBAAmBhB,OAAMQ,WAAW,CAAC,CAACS,KAAK;QAC7C,IAAIA,IAAI;YACJA,GAAGC,gBAAgB,CAAC,WAAW,CAACC,IAAI;gBAChC,IAAIC,IAAAA,6BAAa,EAACD,EAAEE,aAAa,KAAK,CAACF,EAAEE,aAAa,CAACC,QAAQ,CAACF,IAAAA,6BAAa,EAACD,EAAEI,aAAa,IAAIJ,EAAEI,aAAa,GAAG,IAAI,GAAG;oBACtHnB;gBACJ,CAAC;YACL;YACAa,GAAGC,gBAAgB,CAAC,YAAY,CAACC,IAAI;gBACjC,IAAIC,IAAAA,6BAAa,EAACD,EAAEE,aAAa,KAAK,CAACF,EAAEE,aAAa,CAACC,QAAQ,CAACF,IAAAA,6BAAa,EAACD,EAAEI,aAAa,IAAIJ,EAAEI,aAAa,GAAG,IAAI,GAAG;oBACtHlB;oBACAC;gBACJ,CAAC;YACL;QACJ,CAAC;IACL,GAAG;QACCD;QACAD;QACAE;KACH;IACD,MAAMkB,qBAAqB,CAACC,gBAAgB;QACxC,IAAIC;QACJ,OAAOC,IAAAA,gCAAgB,EAACzB,eAAe0B,GAAG,CAACH,iBAAiBX,YAAY,IAAI,EAAE;YAC1Ee,cAAc;gBACVC,KAAKd;gBACLe,UAAU,AAACL,CAAAA,sBAAsBxB,eAAe8B,GAAG,CAACP,cAAa,MAAO,IAAI,IAAIC,wBAAwB,KAAK,IAAI,KAAK,IAAIA,oBAAoBO,GAAG,CAAC,CAACC,QAAQ,WAAW,GAAGlC,OAAMmC,aAAa,CAACC,8BAAc,EAAE;wBACrM,GAAGF,KAAK;wBACR5B,iBAAiBA;wBACjB+B,QAAQH,MAAMG,MAAM;wBACpBzC,UAAUA;wBACV0C,KAAKJ,MAAMK,OAAO;wBAClBC,SAASrC,eAAe+B,MAAMK,OAAO;oBACzC,GAAGL,MAAMO,OAAO,EAAE;gBACtB,yBAAyBhB;YAC7B;QACJ;IACJ;IACA,OAAO;QACHb;QACA8B,YAAY;YACRC,MAAM;YACNC,aAAa;YACbC,WAAW;YACXC,UAAU;YACVC,QAAQ;QACZ;QACAJ,MAAMhB,IAAAA,gCAAgB,EAACb,WAAW;YAC9BkC,UAAU,IAAI;QAClB;QACAJ,aAAapB,mBAAmByB,sBAAe,CAACL,WAAW;QAC3DC,WAAWrB,mBAAmByB,sBAAe,CAACJ,SAAS;QACvDC,UAAUtB,mBAAmByB,sBAAe,CAACH,QAAQ;QACrDC,QAAQvB,mBAAmByB,sBAAe,CAACF,MAAM;QACjDhD;QACAJ;QACAC,UAAUC,iBAAiB,IAAI,IAAIA,iBAAiB,KAAK,IAAIA,eAAeD,QAAQ;QACpFsD,gBAAgB,CAACrD;IACrB;AACJ"}
+{"version":3,"sources":["useToaster.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useEventCallback, useMergedRefs } from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { Escape } from '@fluentui/keyboard-keys';\nimport { TOAST_POSITIONS, useToaster } from '../../state';\nimport { ToastContainer } from '../ToastContainer';\nimport { useToasterFocusManagement_unstable } from './useToasterFocusManagement';\nimport { useToastAnnounce } from './useToastAnnounce';\n/**\n * Create the state required to render Toaster.\n *\n * @param props - props from this instance of Toaster\n */ export const useToaster_unstable = (props)=>{\n    const { offset , announce: announceProp , ...rest } = props;\n    const announceRef = React.useRef(()=>null);\n    const { toastsToRender , isToastVisible , pauseAllToasts , playAllToasts , tryRestoreFocus , closeAllToasts  } = useToaster(rest);\n    const announce = React.useCallback((message, options)=>announceRef.current(message, options), []);\n    const { dir  } = useFluent();\n    const rootProps = getNativeElementProps('div', rest);\n    const focusableGroupAttr = useFocusableGroup({\n        tabBehavior: 'limited-trap-focus',\n        ignoreDefaultKeydown: {\n            Escape: true\n        }\n    });\n    const onKeyDown = useEventCallback((e)=>{\n        var _props_onKeyDown;\n        if (e.key === Escape) {\n            e.preventDefault();\n            closeAllToasts();\n        }\n        (_props_onKeyDown = props.onKeyDown) === null || _props_onKeyDown === void 0 ? void 0 : _props_onKeyDown.call(props, e);\n    });\n    const usePositionSlot = (toastPosition)=>{\n        var _toastsToRender_get;\n        const focusManagementRef = useToasterFocusManagement_unstable(pauseAllToasts, playAllToasts);\n        const { announceToast , toasterRef  } = useToastAnnounce(announceProp !== null && announceProp !== void 0 ? announceProp : announce);\n        return resolveShorthand(toastsToRender.has(toastPosition) ? rootProps : null, {\n            defaultProps: {\n                ref: useMergedRefs(focusManagementRef, toasterRef),\n                children: (_toastsToRender_get = toastsToRender.get(toastPosition)) === null || _toastsToRender_get === void 0 ? void 0 : _toastsToRender_get.map((toast)=>/*#__PURE__*/ React.createElement(ToastContainer, {\n                        ...toast,\n                        tryRestoreFocus: tryRestoreFocus,\n                        intent: toast.intent,\n                        announce: announceToast,\n                        key: toast.toastId,\n                        visible: isToastVisible(toast.toastId)\n                    }, toast.content)),\n                onKeyDown,\n                ...focusableGroupAttr,\n                'data-toaster-position': toastPosition,\n                role: 'list'\n            }\n        });\n    };\n    return {\n        dir,\n        components: {\n            root: 'div',\n            bottomStart: 'div',\n            bottomEnd: 'div',\n            topStart: 'div',\n            topEnd: 'div'\n        },\n        root: resolveShorthand(rootProps, {\n            required: true\n        }),\n        bottomStart: usePositionSlot(TOAST_POSITIONS.bottomStart),\n        bottomEnd: usePositionSlot(TOAST_POSITIONS.bottomEnd),\n        topStart: usePositionSlot(TOAST_POSITIONS.topStart),\n        topEnd: usePositionSlot(TOAST_POSITIONS.topEnd),\n        announceRef,\n        offset,\n        announce: announceProp !== null && announceProp !== void 0 ? announceProp : announce,\n        renderAriaLive: !announceProp\n    };\n};\n"],"names":["useToaster_unstable","props","offset","announce","announceProp","rest","announceRef","React","useRef","toastsToRender","isToastVisible","pauseAllToasts","playAllToasts","tryRestoreFocus","closeAllToasts","useToaster","useCallback","message","options","current","dir","useFluent","rootProps","getNativeElementProps","focusableGroupAttr","useFocusableGroup","tabBehavior","ignoreDefaultKeydown","Escape","onKeyDown","useEventCallback","e","_props_onKeyDown","key","preventDefault","call","usePositionSlot","toastPosition","_toastsToRender_get","focusManagementRef","useToasterFocusManagement_unstable","announceToast","toasterRef","useToastAnnounce","resolveShorthand","has","defaultProps","ref","useMergedRefs","children","get","map","toast","createElement","ToastContainer","intent","toastId","visible","content","role","components","root","bottomStart","bottomEnd","topStart","topEnd","required","TOAST_POSITIONS","renderAriaLive"],"mappings":";;;;+BAaiBA;;aAAAA;;;6DAbM;gCACkE;qCACzC;8BACd;8BACX;uBACqB;gCACb;2CACoB;kCAClB;AAKtB,MAAMA,sBAAsB,CAACC,QAAQ;IAC5C,MAAM,EAAEC,OAAM,EAAGC,UAAUC,aAAY,EAAG,GAAGC,MAAM,GAAGJ;IACtD,MAAMK,cAAcC,OAAMC,MAAM,CAAC,IAAI,IAAI;IACzC,MAAM,EAAEC,eAAc,EAAGC,eAAc,EAAGC,eAAc,EAAGC,cAAa,EAAGC,gBAAe,EAAGC,eAAc,EAAG,GAAGC,IAAAA,iBAAU,EAACV;IAC5H,MAAMF,WAAWI,OAAMS,WAAW,CAAC,CAACC,SAASC,UAAUZ,YAAYa,OAAO,CAACF,SAASC,UAAU,EAAE;IAChG,MAAM,EAAEE,IAAG,EAAG,GAAGC,IAAAA,uCAAS;IAC1B,MAAMC,YAAYC,IAAAA,qCAAqB,EAAC,OAAOlB;IAC/C,MAAMmB,qBAAqBC,IAAAA,+BAAiB,EAAC;QACzCC,aAAa;QACbC,sBAAsB;YAClBC,QAAQ,IAAI;QAChB;IACJ;IACA,MAAMC,YAAYC,IAAAA,gCAAgB,EAAC,CAACC,IAAI;QACpC,IAAIC;QACJ,IAAID,EAAEE,GAAG,KAAKL,oBAAM,EAAE;YAClBG,EAAEG,cAAc;YAChBpB;QACJ,CAAC;QACAkB,CAAAA,mBAAmB/B,MAAM4B,SAAS,AAAD,MAAO,IAAI,IAAIG,qBAAqB,KAAK,IAAI,KAAK,IAAIA,iBAAiBG,IAAI,CAAClC,OAAO8B,EAAE;IAC3H;IACA,MAAMK,kBAAkB,CAACC,gBAAgB;QACrC,IAAIC;QACJ,MAAMC,qBAAqBC,IAAAA,6DAAkC,EAAC7B,gBAAgBC;QAC9E,MAAM,EAAE6B,cAAa,EAAGC,WAAU,EAAG,GAAGC,IAAAA,kCAAgB,EAACvC,iBAAiB,IAAI,IAAIA,iBAAiB,KAAK,IAAIA,eAAeD,QAAQ;QACnI,OAAOyC,IAAAA,gCAAgB,EAACnC,eAAeoC,GAAG,CAACR,iBAAiBf,YAAY,IAAI,EAAE;YAC1EwB,cAAc;gBACVC,KAAKC,IAAAA,6BAAa,EAACT,oBAAoBG;gBACvCO,UAAU,AAACX,CAAAA,sBAAsB7B,eAAeyC,GAAG,CAACb,cAAa,MAAO,IAAI,IAAIC,wBAAwB,KAAK,IAAI,KAAK,IAAIA,oBAAoBa,GAAG,CAAC,CAACC,QAAQ,WAAW,GAAG7C,OAAM8C,aAAa,CAACC,8BAAc,EAAE;wBACrM,GAAGF,KAAK;wBACRvC,iBAAiBA;wBACjB0C,QAAQH,MAAMG,MAAM;wBACpBpD,UAAUsC;wBACVR,KAAKmB,MAAMI,OAAO;wBAClBC,SAAS/C,eAAe0C,MAAMI,OAAO;oBACzC,GAAGJ,MAAMM,OAAO,EAAE;gBACtB7B;gBACA,GAAGL,kBAAkB;gBACrB,yBAAyBa;gBACzBsB,MAAM;YACV;QACJ;IACJ;IACA,OAAO;QACHvC;QACAwC,YAAY;YACRC,MAAM;YACNC,aAAa;YACbC,WAAW;YACXC,UAAU;YACVC,QAAQ;QACZ;QACAJ,MAAMjB,IAAAA,gCAAgB,EAACtB,WAAW;YAC9B4C,UAAU,IAAI;QAClB;QACAJ,aAAa1B,gBAAgB+B,sBAAe,CAACL,WAAW;QACxDC,WAAW3B,gBAAgB+B,sBAAe,CAACJ,SAAS;QACpDC,UAAU5B,gBAAgB+B,sBAAe,CAACH,QAAQ;QAClDC,QAAQ7B,gBAAgB+B,sBAAe,CAACF,MAAM;QAC9C3D;QACAJ;QACAC,UAAUC,iBAAiB,IAAI,IAAIA,iBAAiB,KAAK,IAAIA,eAAeD,QAAQ;QACpFiE,gBAAgB,CAAChE;IACrB;AACJ"}

package/lib-commonjs/components/Toaster/useToasterFocusManagement.js

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useToasterFocusManagement_unstable", {
+    enumerable: true,
+    get: ()=>useToasterFocusManagement_unstable
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _reactUtilities = require("@fluentui/react-utilities");
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const _keyboardKeys = require("@fluentui/keyboard-keys");
+const _toastContainer = require("../ToastContainer");
+const noop = ()=>undefined;
+function useToasterFocusManagement_unstable(pauseAllToasts, playAllToasts) {
+    const { targetDocument  } = (0, _reactSharedContexts.useFluent_unstable)();
+    const cleanupListenersRef = _react.useRef(noop);
+    return _react.useCallback((el)=>{
+        if (!el || !targetDocument) {
+            cleanupListenersRef.current();
+            cleanupListenersRef.current = noop;
+            return;
+        }
+        const toastContainerWalker = targetDocument.createTreeWalker(el, NodeFilter.SHOW_ELEMENT, {
+            acceptNode (node) {
+                if ((0, _reactUtilities.isHTMLElement)(node) && node.classList.contains(_toastContainer.toastContainerClassNames.root)) {
+                    return NodeFilter.FILTER_ACCEPT;
+                }
+                return NodeFilter.FILTER_SKIP;
+            }
+        });
+        /**
+       * FIXME: https://github.com/microsoft/tabster/issues/299
+       * Toasts  should be arrow navigable and focus should be trapped in a stack of tasts
+       * This is a temporary measure, Tabster does not have an API yet to enable mover arrow keys from within grouppers
+       * Once tabster fully supports this use case, remove this hook
+       */ const keydownListener = (e)=>{
+            const { target , key  } = e;
+            if (!(0, _reactUtilities.isHTMLElement)(target)) {
+                return;
+            }
+            if (key === _keyboardKeys.ArrowDown) {
+                toastContainerWalker.currentNode = target;
+                let nextToastContainer = toastContainerWalker.nextNode();
+                if (!nextToastContainer) {
+                    toastContainerWalker.currentNode = el;
+                    nextToastContainer = toastContainerWalker.nextNode();
+                }
+                if ((0, _reactUtilities.isHTMLElement)(nextToastContainer)) {
+                    nextToastContainer.focus();
+                }
+            }
+            if (key === _keyboardKeys.ArrowUp) {
+                toastContainerWalker.currentNode = target;
+                let prevToastContainer = toastContainerWalker.previousNode();
+                if (prevToastContainer && prevToastContainer.contains(target)) {
+                    prevToastContainer = toastContainerWalker.previousNode();
+                }
+                if (!prevToastContainer) {
+                    toastContainerWalker.currentNode = el;
+                    prevToastContainer = toastContainerWalker.lastChild();
+                }
+                if ((0, _reactUtilities.isHTMLElement)(prevToastContainer)) {
+                    prevToastContainer.focus();
+                }
+            }
+        };
+        const focusInListener = (e)=>{
+            if ((0, _reactUtilities.isHTMLElement)(e.currentTarget) && !e.currentTarget.contains((0, _reactUtilities.isHTMLElement)(e.relatedTarget) ? e.relatedTarget : null)) {
+                pauseAllToasts();
+            }
+        };
+        const focusOutListener = (e)=>{
+            if ((0, _reactUtilities.isHTMLElement)(e.currentTarget) && !e.currentTarget.contains((0, _reactUtilities.isHTMLElement)(e.relatedTarget) ? e.relatedTarget : null)) {
+                playAllToasts();
+            }
+        };
+        el.addEventListener('keydown', keydownListener);
+        el.addEventListener('focusin', focusInListener);
+        el.addEventListener('focusout', focusOutListener);
+        cleanupListenersRef.current = ()=>{
+            el.removeEventListener('keydown', keydownListener);
+            el.removeEventListener('focusin', focusInListener);
+            el.removeEventListener('focusout', focusOutListener);
+        };
+    }, [
+        targetDocument,
+        pauseAllToasts,
+        playAllToasts
+    ]);
+}

package/lib-commonjs/components/Toaster/useToasterFocusManagement.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useToasterFocusManagement.js"],"sourcesContent":["import { isHTMLElement } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { ArrowDown, ArrowUp } from '@fluentui/keyboard-keys';\nimport { toastContainerClassNames } from '../ToastContainer';\nconst noop = ()=>undefined;\n/**\n * @internal\n */ export function useToasterFocusManagement_unstable(pauseAllToasts, playAllToasts) {\n    const { targetDocument  } = useFluent();\n    const cleanupListenersRef = React.useRef(noop);\n    return React.useCallback((el)=>{\n        if (!el || !targetDocument) {\n            cleanupListenersRef.current();\n            cleanupListenersRef.current = noop;\n            return;\n        }\n        const toastContainerWalker = targetDocument.createTreeWalker(el, NodeFilter.SHOW_ELEMENT, {\n            acceptNode (node) {\n                if (isHTMLElement(node) && node.classList.contains(toastContainerClassNames.root)) {\n                    return NodeFilter.FILTER_ACCEPT;\n                }\n                return NodeFilter.FILTER_SKIP;\n            }\n        });\n        /**\n       * FIXME: https://github.com/microsoft/tabster/issues/299\n       * Toasts  should be arrow navigable and focus should be trapped in a stack of tasts\n       * This is a temporary measure, Tabster does not have an API yet to enable mover arrow keys from within grouppers\n       * Once tabster fully supports this use case, remove this hook\n       */ const keydownListener = (e)=>{\n            const { target , key  } = e;\n            if (!isHTMLElement(target)) {\n                return;\n            }\n            if (key === ArrowDown) {\n                toastContainerWalker.currentNode = target;\n                let nextToastContainer = toastContainerWalker.nextNode();\n                if (!nextToastContainer) {\n                    toastContainerWalker.currentNode = el;\n                    nextToastContainer = toastContainerWalker.nextNode();\n                }\n                if (isHTMLElement(nextToastContainer)) {\n                    nextToastContainer.focus();\n                }\n            }\n            if (key === ArrowUp) {\n                toastContainerWalker.currentNode = target;\n                let prevToastContainer = toastContainerWalker.previousNode();\n                if (prevToastContainer && prevToastContainer.contains(target)) {\n                    prevToastContainer = toastContainerWalker.previousNode();\n                }\n                if (!prevToastContainer) {\n                    toastContainerWalker.currentNode = el;\n                    prevToastContainer = toastContainerWalker.lastChild();\n                }\n                if (isHTMLElement(prevToastContainer)) {\n                    prevToastContainer.focus();\n                }\n            }\n        };\n        const focusInListener = (e)=>{\n            if (isHTMLElement(e.currentTarget) && !e.currentTarget.contains(isHTMLElement(e.relatedTarget) ? e.relatedTarget : null)) {\n                pauseAllToasts();\n            }\n        };\n        const focusOutListener = (e)=>{\n            if (isHTMLElement(e.currentTarget) && !e.currentTarget.contains(isHTMLElement(e.relatedTarget) ? e.relatedTarget : null)) {\n                playAllToasts();\n            }\n        };\n        el.addEventListener('keydown', keydownListener);\n        el.addEventListener('focusin', focusInListener);\n        el.addEventListener('focusout', focusOutListener);\n        cleanupListenersRef.current = ()=>{\n            el.removeEventListener('keydown', keydownListener);\n            el.removeEventListener('focusin', focusInListener);\n            el.removeEventListener('focusout', focusOutListener);\n        };\n    }, [\n        targetDocument,\n        pauseAllToasts,\n        playAllToasts\n    ]);\n}\n"],"names":["useToasterFocusManagement_unstable","noop","undefined","pauseAllToasts","playAllToasts","targetDocument","useFluent","cleanupListenersRef","React","useRef","useCallback","el","current","toastContainerWalker","createTreeWalker","NodeFilter","SHOW_ELEMENT","acceptNode","node","isHTMLElement","classList","contains","toastContainerClassNames","root","FILTER_ACCEPT","FILTER_SKIP","keydownListener","e","target","key","ArrowDown","currentNode","nextToastContainer","nextNode","focus","ArrowUp","prevToastContainer","previousNode","lastChild","focusInListener","currentTarget","relatedTarget","focusOutListener","addEventListener","removeEventListener"],"mappings":";;;;+BAQoBA;;aAAAA;;;gCARU;6DACP;qCACyB;8BACb;gCACM;AACzC,MAAMC,OAAO,IAAIC;AAGN,SAASF,mCAAmCG,cAAc,EAAEC,aAAa,EAAE;IAClF,MAAM,EAAEC,eAAc,EAAG,GAAGC,IAAAA,uCAAS;IACrC,MAAMC,sBAAsBC,OAAMC,MAAM,CAACR;IACzC,OAAOO,OAAME,WAAW,CAAC,CAACC,KAAK;QAC3B,IAAI,CAACA,MAAM,CAACN,gBAAgB;YACxBE,oBAAoBK,OAAO;YAC3BL,oBAAoBK,OAAO,GAAGX;YAC9B;QACJ,CAAC;QACD,MAAMY,uBAAuBR,eAAeS,gBAAgB,CAACH,IAAII,WAAWC,YAAY,EAAE;YACtFC,YAAYC,IAAI,EAAE;gBACd,IAAIC,IAAAA,6BAAa,EAACD,SAASA,KAAKE,SAAS,CAACC,QAAQ,CAACC,wCAAwB,CAACC,IAAI,GAAG;oBAC/E,OAAOR,WAAWS,aAAa;gBACnC,CAAC;gBACD,OAAOT,WAAWU,WAAW;YACjC;QACJ;QACA;;;;;OAKD,GAAG,MAAMC,kBAAkB,CAACC,IAAI;YAC3B,MAAM,EAAEC,OAAM,EAAGC,IAAG,EAAG,GAAGF;YAC1B,IAAI,CAACR,IAAAA,6BAAa,EAACS,SAAS;gBACxB;YACJ,CAAC;YACD,IAAIC,QAAQC,uBAAS,EAAE;gBACnBjB,qBAAqBkB,WAAW,GAAGH;gBACnC,IAAII,qBAAqBnB,qBAAqBoB,QAAQ;gBACtD,IAAI,CAACD,oBAAoB;oBACrBnB,qBAAqBkB,WAAW,GAAGpB;oBACnCqB,qBAAqBnB,qBAAqBoB,QAAQ;gBACtD,CAAC;gBACD,IAAId,IAAAA,6BAAa,EAACa,qBAAqB;oBACnCA,mBAAmBE,KAAK;gBAC5B,CAAC;YACL,CAAC;YACD,IAAIL,QAAQM,qBAAO,EAAE;gBACjBtB,qBAAqBkB,WAAW,GAAGH;gBACnC,IAAIQ,qBAAqBvB,qBAAqBwB,YAAY;gBAC1D,IAAID,sBAAsBA,mBAAmBf,QAAQ,CAACO,SAAS;oBAC3DQ,qBAAqBvB,qBAAqBwB,YAAY;gBAC1D,CAAC;gBACD,IAAI,CAACD,oBAAoB;oBACrBvB,qBAAqBkB,WAAW,GAAGpB;oBACnCyB,qBAAqBvB,qBAAqByB,SAAS;gBACvD,CAAC;gBACD,IAAInB,IAAAA,6BAAa,EAACiB,qBAAqB;oBACnCA,mBAAmBF,KAAK;gBAC5B,CAAC;YACL,CAAC;QACL;QACA,MAAMK,kBAAkB,CAACZ,IAAI;YACzB,IAAIR,IAAAA,6BAAa,EAACQ,EAAEa,aAAa,KAAK,CAACb,EAAEa,aAAa,CAACnB,QAAQ,CAACF,IAAAA,6BAAa,EAACQ,EAAEc,aAAa,IAAId,EAAEc,aAAa,GAAG,IAAI,GAAG;gBACtHtC;YACJ,CAAC;QACL;QACA,MAAMuC,mBAAmB,CAACf,IAAI;YAC1B,IAAIR,IAAAA,6BAAa,EAACQ,EAAEa,aAAa,KAAK,CAACb,EAAEa,aAAa,CAACnB,QAAQ,CAACF,IAAAA,6BAAa,EAACQ,EAAEc,aAAa,IAAId,EAAEc,aAAa,GAAG,IAAI,GAAG;gBACtHrC;YACJ,CAAC;QACL;QACAO,GAAGgC,gBAAgB,CAAC,WAAWjB;QAC/Bf,GAAGgC,gBAAgB,CAAC,WAAWJ;QAC/B5B,GAAGgC,gBAAgB,CAAC,YAAYD;QAChCnC,oBAAoBK,OAAO,GAAG,IAAI;YAC9BD,GAAGiC,mBAAmB,CAAC,WAAWlB;YAClCf,GAAGiC,mBAAmB,CAAC,WAAWL;YAClC5B,GAAGiC,mBAAmB,CAAC,YAAYF;QACvC;IACJ,GAAG;QACCrC;QACAF;QACAC;KACH;AACL"}

package/lib-commonjs/components/Toaster/useToasterStyles.styles.js

@@ -14,7 +14,6 @@ _export(exports, {
 });
 const _react = require("@griffel/react");
 const _index = require("../../state/index");
-var _state_bottomStart, _state_bottomEnd, _state_topStart, _state_topEnd;
 const toasterClassNames = {
     root: 'fui-Toaster'
 };
@@ -27,24 +26,28 @@ const useToasterStyles_unstable = (state)=>{
     const rootBaseClassName = useRootBaseClassName();
     const className = (0, _react.mergeClasses)(toasterClassNames.root, rootBaseClassName, state.root.className);
     if (state.bottomStart) {
+        var _state_bottomStart;
         state.bottomStart.className = className;
         var _style;
         (_style = (_state_bottomStart = state.bottomStart).style) !== null && _style !== void 0 ? _style : _state_bottomStart.style = {};
         Object.assign(state.bottomStart.style, (0, _index.getPositionStyles)(_index.TOAST_POSITIONS.bottomStart, state.dir, state.offset));
     }
     if (state.bottomEnd) {
+        var _state_bottomEnd;
         state.bottomEnd.className = className;
         var _style1;
         (_style1 = (_state_bottomEnd = state.bottomEnd).style) !== null && _style1 !== void 0 ? _style1 : _state_bottomEnd.style = {};
         Object.assign(state.bottomEnd.style, (0, _index.getPositionStyles)(_index.TOAST_POSITIONS.bottomEnd, state.dir, state.offset));
     }
     if (state.topStart) {
+        var _state_topStart;
         state.topStart.className = className;
         var _style2;
         (_style2 = (_state_topStart = state.topStart).style) !== null && _style2 !== void 0 ? _style2 : _state_topStart.style = {};
         Object.assign(state.topStart.style, (0, _index.getPositionStyles)(_index.TOAST_POSITIONS.topStart, state.dir, state.offset));
     }
     if (state.topEnd) {
+        var _state_topEnd;
         state.topEnd.className = className;
         var _style3;
         (_style3 = (_state_topEnd = state.topEnd).style) !== null && _style3 !== void 0 ? _style3 : _state_topEnd.style = {};

package/lib-commonjs/components/Toaster/useToasterStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useToasterStyles.styles.js"],"sourcesContent":["var _state_bottomStart, _state_bottomEnd, _state_topStart, _state_topEnd;\nimport { __resetStyles, mergeClasses } from '@griffel/react';\nimport { TOAST_POSITIONS, getPositionStyles } from '../../state/index';\nexport const toasterClassNames = {\n  root: 'fui-Toaster'\n};\n/**\n * Styles for the root slot\n */\nconst useRootBaseClassName = /*#__PURE__*/__resetStyles(\"r3hfdjz\", null, [\".r3hfdjz{position:fixed;width:292px;pointer-events:none;}\"]);\n/**\n * Apply styling to the Toaster slots based on the state\n */\nexport const useToasterStyles_unstable = state => {\n  const rootBaseClassName = useRootBaseClassName();\n  const className = mergeClasses(toasterClassNames.root, rootBaseClassName, state.root.className);\n  if (state.bottomStart) {\n    state.bottomStart.className = className;\n    var _style;\n    (_style = (_state_bottomStart = state.bottomStart).style) !== null && _style !== void 0 ? _style : _state_bottomStart.style = {};\n    Object.assign(state.bottomStart.style, getPositionStyles(TOAST_POSITIONS.bottomStart, state.dir, state.offset));\n  }\n  if (state.bottomEnd) {\n    state.bottomEnd.className = className;\n    var _style1;\n    (_style1 = (_state_bottomEnd = state.bottomEnd).style) !== null && _style1 !== void 0 ? _style1 : _state_bottomEnd.style = {};\n    Object.assign(state.bottomEnd.style, getPositionStyles(TOAST_POSITIONS.bottomEnd, state.dir, state.offset));\n  }\n  if (state.topStart) {\n    state.topStart.className = className;\n    var _style2;\n    (_style2 = (_state_topStart = state.topStart).style) !== null && _style2 !== void 0 ? _style2 : _state_topStart.style = {};\n    Object.assign(state.topStart.style, getPositionStyles(TOAST_POSITIONS.topStart, state.dir, state.offset));\n  }\n  if (state.topEnd) {\n    state.topEnd.className = className;\n    var _style3;\n    (_style3 = (_state_topEnd = state.topEnd).style) !== null && _style3 !== void 0 ? _style3 : _state_topEnd.style = {};\n    Object.assign(state.topEnd.style, getPositionStyles(TOAST_POSITIONS.topEnd, state.dir, state.offset));\n  }\n  return state;\n};\n//# sourceMappingURL=useToasterStyles.styles.js.map"],"names":["toasterClassNames","useToasterStyles_unstable","_state_bottomStart","_state_bottomEnd","_state_topStart","_state_topEnd","root","useRootBaseClassName","__resetStyles","state","rootBaseClassName","className","mergeClasses","bottomStart","_style","style","Object","assign","getPositionStyles","TOAST_POSITIONS","dir","offset","bottomEnd","_style1","topStart","_style2","topEnd","_style3"],"mappings":";;;;;;;;;;;IAGaA,iBAAiB,MAAjBA;IAUAC,yBAAyB,MAAzBA;;uBAZ+B;uBACO;AAFnD,IAAIC,oBAAoBC,kBAAkBC,iBAAiBC;AAGpD,MAAML,oBAAoB;IAC/BM,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,uBAAuB,WAAW,GAAEC,IAAAA,uBAAa,EAAC,WAAW,IAAI,EAAE;IAAC;CAA4D;AAI/H,MAAMP,4BAA4BQ,CAAAA,QAAS;IAChD,MAAMC,oBAAoBH;IAC1B,MAAMI,YAAYC,IAAAA,mBAAY,EAACZ,kBAAkBM,IAAI,EAAEI,mBAAmBD,MAAMH,IAAI,CAACK,SAAS;IAC9F,IAAIF,MAAMI,WAAW,EAAE;QACrBJ,MAAMI,WAAW,CAACF,SAAS,GAAGA;QAC9B,IAAIG;QACHA,CAAAA,SAAS,AAACZ,CAAAA,qBAAqBO,MAAMI,WAAW,AAAD,EAAGE,KAAK,AAAD,MAAO,IAAI,IAAID,WAAW,KAAK,IAAIA,SAASZ,mBAAmBa,KAAK,GAAG,CAAC,CAAC;QAChIC,OAAOC,MAAM,CAACR,MAAMI,WAAW,CAACE,KAAK,EAAEG,IAAAA,wBAAiB,EAACC,sBAAe,CAACN,WAAW,EAAEJ,MAAMW,GAAG,EAAEX,MAAMY,MAAM;IAC/G,CAAC;IACD,IAAIZ,MAAMa,SAAS,EAAE;QACnBb,MAAMa,SAAS,CAACX,SAAS,GAAGA;QAC5B,IAAIY;QACHA,CAAAA,UAAU,AAACpB,CAAAA,mBAAmBM,MAAMa,SAAS,AAAD,EAAGP,KAAK,AAAD,MAAO,IAAI,IAAIQ,YAAY,KAAK,IAAIA,UAAUpB,iBAAiBY,KAAK,GAAG,CAAC,CAAC;QAC7HC,OAAOC,MAAM,CAACR,MAAMa,SAAS,CAACP,KAAK,EAAEG,IAAAA,wBAAiB,EAACC,sBAAe,CAACG,SAAS,EAAEb,MAAMW,GAAG,EAAEX,MAAMY,MAAM;IAC3G,CAAC;IACD,IAAIZ,MAAMe,QAAQ,EAAE;QAClBf,MAAMe,QAAQ,CAACb,SAAS,GAAGA;QAC3B,IAAIc;QACHA,CAAAA,UAAU,AAACrB,CAAAA,kBAAkBK,MAAMe,QAAQ,AAAD,EAAGT,KAAK,AAAD,MAAO,IAAI,IAAIU,YAAY,KAAK,IAAIA,UAAUrB,gBAAgBW,KAAK,GAAG,CAAC,CAAC;QAC1HC,OAAOC,MAAM,CAACR,MAAMe,QAAQ,CAACT,KAAK,EAAEG,IAAAA,wBAAiB,EAACC,sBAAe,CAACK,QAAQ,EAAEf,MAAMW,GAAG,EAAEX,MAAMY,MAAM;IACzG,CAAC;IACD,IAAIZ,MAAMiB,MAAM,EAAE;QAChBjB,MAAMiB,MAAM,CAACf,SAAS,GAAGA;QACzB,IAAIgB;QACHA,CAAAA,UAAU,AAACtB,CAAAA,gBAAgBI,MAAMiB,MAAM,AAAD,EAAGX,KAAK,AAAD,MAAO,IAAI,IAAIY,YAAY,KAAK,IAAIA,UAAUtB,cAAcU,KAAK,GAAG,CAAC,CAAC;QACpHC,OAAOC,MAAM,CAACR,MAAMiB,MAAM,CAACX,KAAK,EAAEG,IAAAA,wBAAiB,EAACC,sBAAe,CAACO,MAAM,EAAEjB,MAAMW,GAAG,EAAEX,MAAMY,MAAM;IACrG,CAAC;IACD,OAAOZ;AACT,GACA,mDAAmD"}
+{"version":3,"sources":["useToasterStyles.styles.js"],"sourcesContent":["import { __resetStyles, mergeClasses } from '@griffel/react';\nimport { TOAST_POSITIONS, getPositionStyles } from '../../state/index';\nexport const toasterClassNames = {\n  root: 'fui-Toaster'\n};\n/**\n * Styles for the root slot\n */\nconst useRootBaseClassName = /*#__PURE__*/__resetStyles(\"r3hfdjz\", null, [\".r3hfdjz{position:fixed;width:292px;pointer-events:none;}\"]);\n/**\n * Apply styling to the Toaster slots based on the state\n */\nexport const useToasterStyles_unstable = state => {\n  const rootBaseClassName = useRootBaseClassName();\n  const className = mergeClasses(toasterClassNames.root, rootBaseClassName, state.root.className);\n  if (state.bottomStart) {\n    var _state_bottomStart;\n    state.bottomStart.className = className;\n    var _style;\n    (_style = (_state_bottomStart = state.bottomStart).style) !== null && _style !== void 0 ? _style : _state_bottomStart.style = {};\n    Object.assign(state.bottomStart.style, getPositionStyles(TOAST_POSITIONS.bottomStart, state.dir, state.offset));\n  }\n  if (state.bottomEnd) {\n    var _state_bottomEnd;\n    state.bottomEnd.className = className;\n    var _style1;\n    (_style1 = (_state_bottomEnd = state.bottomEnd).style) !== null && _style1 !== void 0 ? _style1 : _state_bottomEnd.style = {};\n    Object.assign(state.bottomEnd.style, getPositionStyles(TOAST_POSITIONS.bottomEnd, state.dir, state.offset));\n  }\n  if (state.topStart) {\n    var _state_topStart;\n    state.topStart.className = className;\n    var _style2;\n    (_style2 = (_state_topStart = state.topStart).style) !== null && _style2 !== void 0 ? _style2 : _state_topStart.style = {};\n    Object.assign(state.topStart.style, getPositionStyles(TOAST_POSITIONS.topStart, state.dir, state.offset));\n  }\n  if (state.topEnd) {\n    var _state_topEnd;\n    state.topEnd.className = className;\n    var _style3;\n    (_style3 = (_state_topEnd = state.topEnd).style) !== null && _style3 !== void 0 ? _style3 : _state_topEnd.style = {};\n    Object.assign(state.topEnd.style, getPositionStyles(TOAST_POSITIONS.topEnd, state.dir, state.offset));\n  }\n  return state;\n};\n//# sourceMappingURL=useToasterStyles.styles.js.map"],"names":["toasterClassNames","useToasterStyles_unstable","root","useRootBaseClassName","__resetStyles","state","rootBaseClassName","className","mergeClasses","bottomStart","_state_bottomStart","_style","style","Object","assign","getPositionStyles","TOAST_POSITIONS","dir","offset","bottomEnd","_state_bottomEnd","_style1","topStart","_state_topStart","_style2","topEnd","_state_topEnd","_style3"],"mappings":";;;;;;;;;;;IAEaA,iBAAiB,MAAjBA;IAUAC,yBAAyB,MAAzBA;;uBAZ+B;uBACO;AAC5C,MAAMD,oBAAoB;IAC/BE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,uBAAuB,WAAW,GAAEC,IAAAA,uBAAa,EAAC,WAAW,IAAI,EAAE;IAAC;CAA4D;AAI/H,MAAMH,4BAA4BI,CAAAA,QAAS;IAChD,MAAMC,oBAAoBH;IAC1B,MAAMI,YAAYC,IAAAA,mBAAY,EAACR,kBAAkBE,IAAI,EAAEI,mBAAmBD,MAAMH,IAAI,CAACK,SAAS;IAC9F,IAAIF,MAAMI,WAAW,EAAE;QACrB,IAAIC;QACJL,MAAMI,WAAW,CAACF,SAAS,GAAGA;QAC9B,IAAII;QACHA,CAAAA,SAAS,AAACD,CAAAA,qBAAqBL,MAAMI,WAAW,AAAD,EAAGG,KAAK,AAAD,MAAO,IAAI,IAAID,WAAW,KAAK,IAAIA,SAASD,mBAAmBE,KAAK,GAAG,CAAC,CAAC;QAChIC,OAAOC,MAAM,CAACT,MAAMI,WAAW,CAACG,KAAK,EAAEG,IAAAA,wBAAiB,EAACC,sBAAe,CAACP,WAAW,EAAEJ,MAAMY,GAAG,EAAEZ,MAAMa,MAAM;IAC/G,CAAC;IACD,IAAIb,MAAMc,SAAS,EAAE;QACnB,IAAIC;QACJf,MAAMc,SAAS,CAACZ,SAAS,GAAGA;QAC5B,IAAIc;QACHA,CAAAA,UAAU,AAACD,CAAAA,mBAAmBf,MAAMc,SAAS,AAAD,EAAGP,KAAK,AAAD,MAAO,IAAI,IAAIS,YAAY,KAAK,IAAIA,UAAUD,iBAAiBR,KAAK,GAAG,CAAC,CAAC;QAC7HC,OAAOC,MAAM,CAACT,MAAMc,SAAS,CAACP,KAAK,EAAEG,IAAAA,wBAAiB,EAACC,sBAAe,CAACG,SAAS,EAAEd,MAAMY,GAAG,EAAEZ,MAAMa,MAAM;IAC3G,CAAC;IACD,IAAIb,MAAMiB,QAAQ,EAAE;QAClB,IAAIC;QACJlB,MAAMiB,QAAQ,CAACf,SAAS,GAAGA;QAC3B,IAAIiB;QACHA,CAAAA,UAAU,AAACD,CAAAA,kBAAkBlB,MAAMiB,QAAQ,AAAD,EAAGV,KAAK,AAAD,MAAO,IAAI,IAAIY,YAAY,KAAK,IAAIA,UAAUD,gBAAgBX,KAAK,GAAG,CAAC,CAAC;QAC1HC,OAAOC,MAAM,CAACT,MAAMiB,QAAQ,CAACV,KAAK,EAAEG,IAAAA,wBAAiB,EAACC,sBAAe,CAACM,QAAQ,EAAEjB,MAAMY,GAAG,EAAEZ,MAAMa,MAAM;IACzG,CAAC;IACD,IAAIb,MAAMoB,MAAM,EAAE;QAChB,IAAIC;QACJrB,MAAMoB,MAAM,CAAClB,SAAS,GAAGA;QACzB,IAAIoB;QACHA,CAAAA,UAAU,AAACD,CAAAA,gBAAgBrB,MAAMoB,MAAM,AAAD,EAAGb,KAAK,AAAD,MAAO,IAAI,IAAIe,YAAY,KAAK,IAAIA,UAAUD,cAAcd,KAAK,GAAG,CAAC,CAAC;QACpHC,OAAOC,MAAM,CAACT,MAAMoB,MAAM,CAACb,KAAK,EAAEG,IAAAA,wBAAiB,EAACC,sBAAe,CAACS,MAAM,EAAEpB,MAAMY,GAAG,EAAEZ,MAAMa,MAAM;IACrG,CAAC;IACD,OAAOb;AACT,GACA,mDAAmD"}

package/lib-commonjs/state/useToaster.js

@@ -27,11 +27,6 @@ function useToaster(options = {}) {
             return shortcuts.focus(e);
         }
     });
-    const tryRestoreFocus = _react.useCallback(()=>{
-        var _lastActiveElementRef_current;
-        (_lastActiveElementRef_current = lastActiveElementRef.current) === null || _lastActiveElementRef_current === void 0 ? void 0 : _lastActiveElementRef_current.focus();
-        lastActiveElementRef.current = null;
-    }, []);
     const pauseAllToasts = _react.useCallback(()=>{
         toaster.visibleToasts.forEach((toastId)=>{
             var _toast_imperativeRef_current;
@@ -67,6 +62,28 @@ function useToaster(options = {}) {
     }, [
         toaster
     ]);
+    const tryRestoreFocus = _react.useCallback(()=>{
+        const mostRecentToast = getMostRecentVisibleToast();
+        if (mostRecentToast === null || mostRecentToast === void 0 ? void 0 : mostRecentToast.imperativeRef.current) {
+            mostRecentToast.imperativeRef.current.focus();
+        } else {
+            var _lastActiveElementRef_current;
+            (_lastActiveElementRef_current = lastActiveElementRef.current) === null || _lastActiveElementRef_current === void 0 ? void 0 : _lastActiveElementRef_current.focus();
+            lastActiveElementRef.current = null;
+        }
+    }, [
+        getMostRecentVisibleToast
+    ]);
+    const closeAllToasts = _react.useCallback(()=>{
+        toaster.visibleToasts.forEach((toastId)=>{
+            const toast = toaster.toasts.get(toastId);
+            toast === null || toast === void 0 ? void 0 : toast.close();
+        });
+        tryRestoreFocus();
+    }, [
+        toaster,
+        tryRestoreFocus
+    ]);
     _react.useEffect(()=>{
         if (!targetDocument) {
             return;
@@ -166,6 +183,7 @@ function useToaster(options = {}) {
         toastsToRender,
         pauseAllToasts,
         playAllToasts,
-        tryRestoreFocus
+        tryRestoreFocus,
+        closeAllToasts
     };
 }

package/lib-commonjs/state/useToaster.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useToaster.js"],"sourcesContent":["import * as React from 'react';\nimport { isHTMLElement, useEventCallback, useForceUpdate } from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { createToaster } from './vanilla';\nimport { EVENTS } from './constants';\nexport function useToaster(options = {}) {\n    const forceUpdate = useForceUpdate();\n    const { toasterId: userToasterId , shortcuts  } = options;\n    // Currently the toaster options can never be changed at runtime\n    const [toaster] = React.useState(()=>createToaster(options));\n    const { targetDocument  } = useFluent();\n    const lastActiveElementRef = React.useRef(null);\n    const isCorrectToaster = useEventCallback((toasterId)=>{\n        return toasterId === userToasterId;\n    });\n    const isFocusShortcut = useEventCallback((e)=>{\n        if (shortcuts === null || shortcuts === void 0 ? void 0 : shortcuts.focus) {\n            return shortcuts.focus(e);\n        }\n    });\n    const tryRestoreFocus = React.useCallback(()=>{\n        var _lastActiveElementRef_current;\n        (_lastActiveElementRef_current = lastActiveElementRef.current) === null || _lastActiveElementRef_current === void 0 ? void 0 : _lastActiveElementRef_current.focus();\n        lastActiveElementRef.current = null;\n    }, []);\n    const pauseAllToasts = React.useCallback(()=>{\n        toaster.visibleToasts.forEach((toastId)=>{\n            var _toast_imperativeRef_current;\n            const toast = toaster.toasts.get(toastId);\n            (_toast_imperativeRef_current = toast === null || toast === void 0 ? void 0 : toast.imperativeRef.current) === null || _toast_imperativeRef_current === void 0 ? void 0 : _toast_imperativeRef_current.pause();\n        });\n    }, [\n        toaster\n    ]);\n    const playAllToasts = React.useCallback(()=>{\n        toaster.visibleToasts.forEach((toastId)=>{\n            var _toast_imperativeRef_current;\n            const toast = toaster.toasts.get(toastId);\n            (_toast_imperativeRef_current = toast === null || toast === void 0 ? void 0 : toast.imperativeRef.current) === null || _toast_imperativeRef_current === void 0 ? void 0 : _toast_imperativeRef_current.play();\n        });\n    }, [\n        toaster\n    ]);\n    const getMostRecentVisibleToast = React.useCallback(()=>{\n        return Array.from(toaster.visibleToasts).reduce((cur, next)=>{\n            const toast = toaster.toasts.get(next);\n            if (!toast) {\n                return cur;\n            }\n            if (!cur) {\n                return toast;\n            }\n            if (cur.order < (toast === null || toast === void 0 ? void 0 : toast.order)) {\n                return toast;\n            }\n            return cur;\n        }, undefined);\n    }, [\n        toaster\n    ]);\n    React.useEffect(()=>{\n        if (!targetDocument) {\n            return;\n        }\n        const addToastListener = (eventType, callback)=>{\n            const listener = (e)=>{\n                if (!isCorrectToaster(e.detail.toasterId)) {\n                    return;\n                }\n                callback(e);\n                forceUpdate();\n            };\n            targetDocument.addEventListener(eventType, listener);\n            return ()=>targetDocument.removeEventListener(eventType, listener);\n        };\n        const buildToast = (e)=>{\n            toaster.buildToast(e.detail, forceUpdate);\n        };\n        const dismissToast = (e)=>{\n            toaster.dismissToast(e.detail.toastId);\n        };\n        const updateToast = (e)=>{\n            toaster.updateToast(e.detail);\n        };\n        const dismissAllToasts = (e)=>{\n            toaster.dismissAllToasts();\n        };\n        const pauseToast = (e)=>{\n            const toast = toaster.toasts.get(e.detail.toastId);\n            if (toast) {\n                var _toast_imperativeRef_current;\n                (_toast_imperativeRef_current = toast.imperativeRef.current) === null || _toast_imperativeRef_current === void 0 ? void 0 : _toast_imperativeRef_current.pause();\n            }\n        };\n        const playToast = (e)=>{\n            const toast = toaster.toasts.get(e.detail.toastId);\n            if (toast) {\n                var _toast_imperativeRef_current;\n                (_toast_imperativeRef_current = toast.imperativeRef.current) === null || _toast_imperativeRef_current === void 0 ? void 0 : _toast_imperativeRef_current.play();\n            }\n        };\n        const cleanupBuildListener = addToastListener(EVENTS.show, buildToast);\n        const cleanupUpdateListener = addToastListener(EVENTS.update, updateToast);\n        const cleanupDismissListener = addToastListener(EVENTS.dismiss, dismissToast);\n        const cleanupDismissAllListener = addToastListener(EVENTS.dismissAll, dismissAllToasts);\n        const cleanupPauseListener = addToastListener(EVENTS.pause, pauseToast);\n        const cleanupPlayListener = addToastListener(EVENTS.play, playToast);\n        const focusShortcutListener = (e)=>{\n            if (isFocusShortcut(e)) {\n                pauseAllToasts();\n                const mostRecentToast = getMostRecentVisibleToast();\n                if (mostRecentToast) {\n                    var _mostRecentToast_imperativeRef_current;\n                    lastActiveElementRef.current = isHTMLElement(targetDocument.activeElement) ? targetDocument.activeElement : null;\n                    (_mostRecentToast_imperativeRef_current = mostRecentToast.imperativeRef.current) === null || _mostRecentToast_imperativeRef_current === void 0 ? void 0 : _mostRecentToast_imperativeRef_current.focus();\n                }\n            }\n        };\n        targetDocument.addEventListener('keydown', focusShortcutListener);\n        return ()=>{\n            cleanupBuildListener();\n            cleanupDismissAllListener();\n            cleanupUpdateListener();\n            cleanupDismissListener();\n            cleanupPauseListener();\n            cleanupPlayListener();\n            targetDocument.removeEventListener('keydown', focusShortcutListener);\n        };\n    }, [\n        toaster,\n        forceUpdate,\n        targetDocument,\n        isCorrectToaster,\n        pauseAllToasts,\n        getMostRecentVisibleToast,\n        isFocusShortcut\n    ]);\n    const toastsToRender = (()=>{\n        if (!toaster) {\n            return new Map();\n        }\n        const toRender = new Map();\n        const toasts = Array.from(toaster.toasts.values());\n        toasts.forEach((toast)=>{\n            const { position  } = toast;\n            toRender.has(position) || toRender.set(position, []);\n            if (position.startsWith('bottom')) {\n                toRender.get(position).push(toast);\n            } else {\n                toRender.get(position).unshift(toast);\n            }\n        });\n        return toRender;\n    })();\n    return {\n        isToastVisible: toaster.isToastVisible,\n        toastsToRender,\n        pauseAllToasts,\n        playAllToasts,\n        tryRestoreFocus\n    };\n}\n"],"names":["useToaster","options","forceUpdate","useForceUpdate","toasterId","userToasterId","shortcuts","toaster","React","useState","createToaster","targetDocument","useFluent","lastActiveElementRef","useRef","isCorrectToaster","useEventCallback","isFocusShortcut","e","focus","tryRestoreFocus","useCallback","_lastActiveElementRef_current","current","pauseAllToasts","visibleToasts","forEach","toastId","_toast_imperativeRef_current","toast","toasts","get","imperativeRef","pause","playAllToasts","play","getMostRecentVisibleToast","Array","from","reduce","cur","next","order","undefined","useEffect","addToastListener","eventType","callback","listener","detail","addEventListener","removeEventListener","buildToast","dismissToast","updateToast","dismissAllToasts","pauseToast","playToast","cleanupBuildListener","EVENTS","show","cleanupUpdateListener","update","cleanupDismissListener","dismiss","cleanupDismissAllListener","dismissAll","cleanupPauseListener","cleanupPlayListener","focusShortcutListener","mostRecentToast","_mostRecentToast_imperativeRef_current","isHTMLElement","activeElement","toastsToRender","Map","toRender","values","position","has","set","startsWith","push","unshift","isToastVisible"],"mappings":";;;;+BAKgBA;;aAAAA;;;6DALO;gCACyC;qCAChB;yBAClB;2BACP;AAChB,SAASA,WAAWC,UAAU,CAAC,CAAC,EAAE;IACrC,MAAMC,cAAcC,IAAAA,8BAAc;IAClC,MAAM,EAAEC,WAAWC,cAAa,EAAGC,UAAS,EAAG,GAAGL;IAClD,gEAAgE;IAChE,MAAM,CAACM,QAAQ,GAAGC,OAAMC,QAAQ,CAAC,IAAIC,IAAAA,sBAAa,EAACT;IACnD,MAAM,EAAEU,eAAc,EAAG,GAAGC,IAAAA,uCAAS;IACrC,MAAMC,uBAAuBL,OAAMM,MAAM,CAAC,IAAI;IAC9C,MAAMC,mBAAmBC,IAAAA,gCAAgB,EAAC,CAACZ,YAAY;QACnD,OAAOA,cAAcC;IACzB;IACA,MAAMY,kBAAkBD,IAAAA,gCAAgB,EAAC,CAACE,IAAI;QAC1C,IAAIZ,cAAc,IAAI,IAAIA,cAAc,KAAK,IAAI,KAAK,IAAIA,UAAUa,KAAK,EAAE;YACvE,OAAOb,UAAUa,KAAK,CAACD;QAC3B,CAAC;IACL;IACA,MAAME,kBAAkBZ,OAAMa,WAAW,CAAC,IAAI;QAC1C,IAAIC;QACHA,CAAAA,gCAAgCT,qBAAqBU,OAAO,AAAD,MAAO,IAAI,IAAID,kCAAkC,KAAK,IAAI,KAAK,IAAIA,8BAA8BH,KAAK,EAAE;QACpKN,qBAAqBU,OAAO,GAAG,IAAI;IACvC,GAAG,EAAE;IACL,MAAMC,iBAAiBhB,OAAMa,WAAW,CAAC,IAAI;QACzCd,QAAQkB,aAAa,CAACC,OAAO,CAAC,CAACC,UAAU;YACrC,IAAIC;YACJ,MAAMC,QAAQtB,QAAQuB,MAAM,CAACC,GAAG,CAACJ;YAChCC,CAAAA,+BAA+BC,UAAU,IAAI,IAAIA,UAAU,KAAK,IAAI,KAAK,IAAIA,MAAMG,aAAa,CAACT,OAAO,AAAD,MAAO,IAAI,IAAIK,iCAAiC,KAAK,IAAI,KAAK,IAAIA,6BAA6BK,KAAK,EAAE;QAClN;IACJ,GAAG;QACC1B;KACH;IACD,MAAM2B,gBAAgB1B,OAAMa,WAAW,CAAC,IAAI;QACxCd,QAAQkB,aAAa,CAACC,OAAO,CAAC,CAACC,UAAU;YACrC,IAAIC;YACJ,MAAMC,QAAQtB,QAAQuB,MAAM,CAACC,GAAG,CAACJ;YAChCC,CAAAA,+BAA+BC,UAAU,IAAI,IAAIA,UAAU,KAAK,IAAI,KAAK,IAAIA,MAAMG,aAAa,CAACT,OAAO,AAAD,MAAO,IAAI,IAAIK,iCAAiC,KAAK,IAAI,KAAK,IAAIA,6BAA6BO,IAAI,EAAE;QACjN;IACJ,GAAG;QACC5B;KACH;IACD,MAAM6B,4BAA4B5B,OAAMa,WAAW,CAAC,IAAI;QACpD,OAAOgB,MAAMC,IAAI,CAAC/B,QAAQkB,aAAa,EAAEc,MAAM,CAAC,CAACC,KAAKC,OAAO;YACzD,MAAMZ,QAAQtB,QAAQuB,MAAM,CAACC,GAAG,CAACU;YACjC,IAAI,CAACZ,OAAO;gBACR,OAAOW;YACX,CAAC;YACD,IAAI,CAACA,KAAK;gBACN,OAAOX;YACX,CAAC;YACD,IAAIW,IAAIE,KAAK,GAAIb,CAAAA,UAAU,IAAI,IAAIA,UAAU,KAAK,IAAI,KAAK,IAAIA,MAAMa,KAAK,AAAD,GAAI;gBACzE,OAAOb;YACX,CAAC;YACD,OAAOW;QACX,GAAGG;IACP,GAAG;QACCpC;KACH;IACDC,OAAMoC,SAAS,CAAC,IAAI;QAChB,IAAI,CAACjC,gBAAgB;YACjB;QACJ,CAAC;QACD,MAAMkC,mBAAmB,CAACC,WAAWC,WAAW;YAC5C,MAAMC,WAAW,CAAC9B,IAAI;gBAClB,IAAI,CAACH,iBAAiBG,EAAE+B,MAAM,CAAC7C,SAAS,GAAG;oBACvC;gBACJ,CAAC;gBACD2C,SAAS7B;gBACThB;YACJ;YACAS,eAAeuC,gBAAgB,CAACJ,WAAWE;YAC3C,OAAO,IAAIrC,eAAewC,mBAAmB,CAACL,WAAWE;QAC7D;QACA,MAAMI,aAAa,CAAClC,IAAI;YACpBX,QAAQ6C,UAAU,CAAClC,EAAE+B,MAAM,EAAE/C;QACjC;QACA,MAAMmD,eAAe,CAACnC,IAAI;YACtBX,QAAQ8C,YAAY,CAACnC,EAAE+B,MAAM,CAACtB,OAAO;QACzC;QACA,MAAM2B,cAAc,CAACpC,IAAI;YACrBX,QAAQ+C,WAAW,CAACpC,EAAE+B,MAAM;QAChC;QACA,MAAMM,mBAAmB,CAACrC,IAAI;YAC1BX,QAAQgD,gBAAgB;QAC5B;QACA,MAAMC,aAAa,CAACtC,IAAI;YACpB,MAAMW,QAAQtB,QAAQuB,MAAM,CAACC,GAAG,CAACb,EAAE+B,MAAM,CAACtB,OAAO;YACjD,IAAIE,OAAO;gBACP,IAAID;gBACHA,CAAAA,+BAA+BC,MAAMG,aAAa,CAACT,OAAO,AAAD,MAAO,IAAI,IAAIK,iCAAiC,KAAK,IAAI,KAAK,IAAIA,6BAA6BK,KAAK,EAAE;YACpK,CAAC;QACL;QACA,MAAMwB,YAAY,CAACvC,IAAI;YACnB,MAAMW,QAAQtB,QAAQuB,MAAM,CAACC,GAAG,CAACb,EAAE+B,MAAM,CAACtB,OAAO;YACjD,IAAIE,OAAO;gBACP,IAAID;gBACHA,CAAAA,+BAA+BC,MAAMG,aAAa,CAACT,OAAO,AAAD,MAAO,IAAI,IAAIK,iCAAiC,KAAK,IAAI,KAAK,IAAIA,6BAA6BO,IAAI,EAAE;YACnK,CAAC;QACL;QACA,MAAMuB,uBAAuBb,iBAAiBc,iBAAM,CAACC,IAAI,EAAER;QAC3D,MAAMS,wBAAwBhB,iBAAiBc,iBAAM,CAACG,MAAM,EAAER;QAC9D,MAAMS,yBAAyBlB,iBAAiBc,iBAAM,CAACK,OAAO,EAAEX;QAChE,MAAMY,4BAA4BpB,iBAAiBc,iBAAM,CAACO,UAAU,EAAEX;QACtE,MAAMY,uBAAuBtB,iBAAiBc,iBAAM,CAAC1B,KAAK,EAAEuB;QAC5D,MAAMY,sBAAsBvB,iBAAiBc,iBAAM,CAACxB,IAAI,EAAEsB;QAC1D,MAAMY,wBAAwB,CAACnD,IAAI;YAC/B,IAAID,gBAAgBC,IAAI;gBACpBM;gBACA,MAAM8C,kBAAkBlC;gBACxB,IAAIkC,iBAAiB;oBACjB,IAAIC;oBACJ1D,qBAAqBU,OAAO,GAAGiD,IAAAA,6BAAa,EAAC7D,eAAe8D,aAAa,IAAI9D,eAAe8D,aAAa,GAAG,IAAI;oBAC/GF,CAAAA,yCAAyCD,gBAAgBtC,aAAa,CAACT,OAAO,AAAD,MAAO,IAAI,IAAIgD,2CAA2C,KAAK,IAAI,KAAK,IAAIA,uCAAuCpD,KAAK,EAAE;gBAC5M,CAAC;YACL,CAAC;QACL;QACAR,eAAeuC,gBAAgB,CAAC,WAAWmB;QAC3C,OAAO,IAAI;YACPX;YACAO;YACAJ;YACAE;YACAI;YACAC;YACAzD,eAAewC,mBAAmB,CAAC,WAAWkB;QAClD;IACJ,GAAG;QACC9D;QACAL;QACAS;QACAI;QACAS;QACAY;QACAnB;KACH;IACD,MAAMyD,iBAAiB,AAAC,CAAA,IAAI;QACxB,IAAI,CAACnE,SAAS;YACV,OAAO,IAAIoE;QACf,CAAC;QACD,MAAMC,WAAW,IAAID;QACrB,MAAM7C,SAASO,MAAMC,IAAI,CAAC/B,QAAQuB,MAAM,CAAC+C,MAAM;QAC/C/C,OAAOJ,OAAO,CAAC,CAACG,QAAQ;YACpB,MAAM,EAAEiD,SAAQ,EAAG,GAAGjD;YACtB+C,SAASG,GAAG,CAACD,aAAaF,SAASI,GAAG,CAACF,UAAU,EAAE;YACnD,IAAIA,SAASG,UAAU,CAAC,WAAW;gBAC/BL,SAAS7C,GAAG,CAAC+C,UAAUI,IAAI,CAACrD;YAChC,OAAO;gBACH+C,SAAS7C,GAAG,CAAC+C,UAAUK,OAAO,CAACtD;YACnC,CAAC;QACL;QACA,OAAO+C;IACX,CAAA;IACA,OAAO;QACHQ,gBAAgB7E,QAAQ6E,cAAc;QACtCV;QACAlD;QACAU;QACAd;IACJ;AACJ"}
+{"version":3,"sources":["useToaster.js"],"sourcesContent":["import * as React from 'react';\nimport { isHTMLElement, useEventCallback, useForceUpdate } from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { createToaster } from './vanilla';\nimport { EVENTS } from './constants';\nexport function useToaster(options = {}) {\n    const forceUpdate = useForceUpdate();\n    const { toasterId: userToasterId , shortcuts  } = options;\n    // Currently the toaster options can never be changed at runtime\n    const [toaster] = React.useState(()=>createToaster(options));\n    const { targetDocument  } = useFluent();\n    const lastActiveElementRef = React.useRef(null);\n    const isCorrectToaster = useEventCallback((toasterId)=>{\n        return toasterId === userToasterId;\n    });\n    const isFocusShortcut = useEventCallback((e)=>{\n        if (shortcuts === null || shortcuts === void 0 ? void 0 : shortcuts.focus) {\n            return shortcuts.focus(e);\n        }\n    });\n    const pauseAllToasts = React.useCallback(()=>{\n        toaster.visibleToasts.forEach((toastId)=>{\n            var _toast_imperativeRef_current;\n            const toast = toaster.toasts.get(toastId);\n            (_toast_imperativeRef_current = toast === null || toast === void 0 ? void 0 : toast.imperativeRef.current) === null || _toast_imperativeRef_current === void 0 ? void 0 : _toast_imperativeRef_current.pause();\n        });\n    }, [\n        toaster\n    ]);\n    const playAllToasts = React.useCallback(()=>{\n        toaster.visibleToasts.forEach((toastId)=>{\n            var _toast_imperativeRef_current;\n            const toast = toaster.toasts.get(toastId);\n            (_toast_imperativeRef_current = toast === null || toast === void 0 ? void 0 : toast.imperativeRef.current) === null || _toast_imperativeRef_current === void 0 ? void 0 : _toast_imperativeRef_current.play();\n        });\n    }, [\n        toaster\n    ]);\n    const getMostRecentVisibleToast = React.useCallback(()=>{\n        return Array.from(toaster.visibleToasts).reduce((cur, next)=>{\n            const toast = toaster.toasts.get(next);\n            if (!toast) {\n                return cur;\n            }\n            if (!cur) {\n                return toast;\n            }\n            if (cur.order < (toast === null || toast === void 0 ? void 0 : toast.order)) {\n                return toast;\n            }\n            return cur;\n        }, undefined);\n    }, [\n        toaster\n    ]);\n    const tryRestoreFocus = React.useCallback(()=>{\n        const mostRecentToast = getMostRecentVisibleToast();\n        if (mostRecentToast === null || mostRecentToast === void 0 ? void 0 : mostRecentToast.imperativeRef.current) {\n            mostRecentToast.imperativeRef.current.focus();\n        } else {\n            var _lastActiveElementRef_current;\n            (_lastActiveElementRef_current = lastActiveElementRef.current) === null || _lastActiveElementRef_current === void 0 ? void 0 : _lastActiveElementRef_current.focus();\n            lastActiveElementRef.current = null;\n        }\n    }, [\n        getMostRecentVisibleToast\n    ]);\n    const closeAllToasts = React.useCallback(()=>{\n        toaster.visibleToasts.forEach((toastId)=>{\n            const toast = toaster.toasts.get(toastId);\n            toast === null || toast === void 0 ? void 0 : toast.close();\n        });\n        tryRestoreFocus();\n    }, [\n        toaster,\n        tryRestoreFocus\n    ]);\n    React.useEffect(()=>{\n        if (!targetDocument) {\n            return;\n        }\n        const addToastListener = (eventType, callback)=>{\n            const listener = (e)=>{\n                if (!isCorrectToaster(e.detail.toasterId)) {\n                    return;\n                }\n                callback(e);\n                forceUpdate();\n            };\n            targetDocument.addEventListener(eventType, listener);\n            return ()=>targetDocument.removeEventListener(eventType, listener);\n        };\n        const buildToast = (e)=>{\n            toaster.buildToast(e.detail, forceUpdate);\n        };\n        const dismissToast = (e)=>{\n            toaster.dismissToast(e.detail.toastId);\n        };\n        const updateToast = (e)=>{\n            toaster.updateToast(e.detail);\n        };\n        const dismissAllToasts = (e)=>{\n            toaster.dismissAllToasts();\n        };\n        const pauseToast = (e)=>{\n            const toast = toaster.toasts.get(e.detail.toastId);\n            if (toast) {\n                var _toast_imperativeRef_current;\n                (_toast_imperativeRef_current = toast.imperativeRef.current) === null || _toast_imperativeRef_current === void 0 ? void 0 : _toast_imperativeRef_current.pause();\n            }\n        };\n        const playToast = (e)=>{\n            const toast = toaster.toasts.get(e.detail.toastId);\n            if (toast) {\n                var _toast_imperativeRef_current;\n                (_toast_imperativeRef_current = toast.imperativeRef.current) === null || _toast_imperativeRef_current === void 0 ? void 0 : _toast_imperativeRef_current.play();\n            }\n        };\n        const cleanupBuildListener = addToastListener(EVENTS.show, buildToast);\n        const cleanupUpdateListener = addToastListener(EVENTS.update, updateToast);\n        const cleanupDismissListener = addToastListener(EVENTS.dismiss, dismissToast);\n        const cleanupDismissAllListener = addToastListener(EVENTS.dismissAll, dismissAllToasts);\n        const cleanupPauseListener = addToastListener(EVENTS.pause, pauseToast);\n        const cleanupPlayListener = addToastListener(EVENTS.play, playToast);\n        const focusShortcutListener = (e)=>{\n            if (isFocusShortcut(e)) {\n                pauseAllToasts();\n                const mostRecentToast = getMostRecentVisibleToast();\n                if (mostRecentToast) {\n                    var _mostRecentToast_imperativeRef_current;\n                    lastActiveElementRef.current = isHTMLElement(targetDocument.activeElement) ? targetDocument.activeElement : null;\n                    (_mostRecentToast_imperativeRef_current = mostRecentToast.imperativeRef.current) === null || _mostRecentToast_imperativeRef_current === void 0 ? void 0 : _mostRecentToast_imperativeRef_current.focus();\n                }\n            }\n        };\n        targetDocument.addEventListener('keydown', focusShortcutListener);\n        return ()=>{\n            cleanupBuildListener();\n            cleanupDismissAllListener();\n            cleanupUpdateListener();\n            cleanupDismissListener();\n            cleanupPauseListener();\n            cleanupPlayListener();\n            targetDocument.removeEventListener('keydown', focusShortcutListener);\n        };\n    }, [\n        toaster,\n        forceUpdate,\n        targetDocument,\n        isCorrectToaster,\n        pauseAllToasts,\n        getMostRecentVisibleToast,\n        isFocusShortcut\n    ]);\n    const toastsToRender = (()=>{\n        if (!toaster) {\n            return new Map();\n        }\n        const toRender = new Map();\n        const toasts = Array.from(toaster.toasts.values());\n        toasts.forEach((toast)=>{\n            const { position  } = toast;\n            toRender.has(position) || toRender.set(position, []);\n            if (position.startsWith('bottom')) {\n                toRender.get(position).push(toast);\n            } else {\n                toRender.get(position).unshift(toast);\n            }\n        });\n        return toRender;\n    })();\n    return {\n        isToastVisible: toaster.isToastVisible,\n        toastsToRender,\n        pauseAllToasts,\n        playAllToasts,\n        tryRestoreFocus,\n        closeAllToasts\n    };\n}\n"],"names":["useToaster","options","forceUpdate","useForceUpdate","toasterId","userToasterId","shortcuts","toaster","React","useState","createToaster","targetDocument","useFluent","lastActiveElementRef","useRef","isCorrectToaster","useEventCallback","isFocusShortcut","e","focus","pauseAllToasts","useCallback","visibleToasts","forEach","toastId","_toast_imperativeRef_current","toast","toasts","get","imperativeRef","current","pause","playAllToasts","play","getMostRecentVisibleToast","Array","from","reduce","cur","next","order","undefined","tryRestoreFocus","mostRecentToast","_lastActiveElementRef_current","closeAllToasts","close","useEffect","addToastListener","eventType","callback","listener","detail","addEventListener","removeEventListener","buildToast","dismissToast","updateToast","dismissAllToasts","pauseToast","playToast","cleanupBuildListener","EVENTS","show","cleanupUpdateListener","update","cleanupDismissListener","dismiss","cleanupDismissAllListener","dismissAll","cleanupPauseListener","cleanupPlayListener","focusShortcutListener","_mostRecentToast_imperativeRef_current","isHTMLElement","activeElement","toastsToRender","Map","toRender","values","position","has","set","startsWith","push","unshift","isToastVisible"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-toast",
-  "version": "9.0.5",
+  "version": "9.1.0",
   "description": "Toast component for Fluent UI",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -36,14 +36,15 @@
   },
   "dependencies": {
     "react-transition-group": "^4.4.1",
-    "@fluentui/react-aria": "^9.3.27",
+    "@fluentui/keyboard-keys": "^9.0.3",
+    "@fluentui/react-aria": "^9.3.28",
     "@fluentui/react-icons": "^2.0.207",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.12",
-    "@fluentui/react-portal": "^9.3.3",
-    "@fluentui/react-shared-contexts": "^9.6.0",
-    "@fluentui/react-tabster": "^9.11.0",
-    "@fluentui/react-theme": "^9.1.9",
-    "@fluentui/react-utilities": "^9.10.1",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.13",
+    "@fluentui/react-portal": "^9.3.5",
+    "@fluentui/react-shared-contexts": "^9.7.1",
+    "@fluentui/react-tabster": "^9.12.0",
+    "@fluentui/react-theme": "^9.1.10",
+    "@fluentui/react-utilities": "^9.11.0",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },