@react-aria/toast 3.0.0-nightly.1954

package/dist/module.js

@@ -0,0 +1,398 @@
+import {useEffect as $5bA4N$useEffect, useRef as $5bA4N$useRef} from "react";
+import {useLayoutEffect as $5bA4N$useLayoutEffect, useId as $5bA4N$useId, useSlotId as $5bA4N$useSlotId, focusWithoutScrolling as $5bA4N$focusWithoutScrolling, mergeProps as $5bA4N$mergeProps} from "@react-aria/utils";
+import {useLocalizedStringFormatter as $5bA4N$useLocalizedStringFormatter} from "@react-aria/i18n";
+import {useHover as $5bA4N$useHover, useFocusWithin as $5bA4N$useFocusWithin, getInteractionModality as $5bA4N$getInteractionModality} from "@react-aria/interactions";
+import {useLandmark as $5bA4N$useLandmark} from "@react-aria/landmark";
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ /*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ var $ebf9e0ddd819695a$exports = {};
+var $ff9177efc58547ad$exports = {};
+$ff9177efc58547ad$exports = {
+    "close": `إغلاق`
+};
+
+
+var $25eb7c0c0c45e544$exports = {};
+$25eb7c0c0c45e544$exports = {
+    "close": `Затвори`
+};
+
+
+var $28feffc3d61a8691$exports = {};
+$28feffc3d61a8691$exports = {
+    "close": `Zavřít`
+};
+
+
+var $390d441203d25ff4$exports = {};
+$390d441203d25ff4$exports = {
+    "close": `Luk`
+};
+
+
+var $7063c2d0f14f979a$exports = {};
+$7063c2d0f14f979a$exports = {
+    "close": `Schließen`
+};
+
+
+var $2dfc1dbb6590af88$exports = {};
+$2dfc1dbb6590af88$exports = {
+    "close": `Κλείσιμο`
+};
+
+
+var $9a12ff1caae5a7a5$exports = {};
+$9a12ff1caae5a7a5$exports = {
+    "close": `Close`,
+    "notifications": `Notifications`
+};
+
+
+var $f4095fb5a72adbe6$exports = {};
+$f4095fb5a72adbe6$exports = {
+    "close": `Cerrar`
+};
+
+
+var $75bc5191b9d7826a$exports = {};
+$75bc5191b9d7826a$exports = {
+    "close": `Sule`
+};
+
+
+var $e4b9aef18b0db8dc$exports = {};
+$e4b9aef18b0db8dc$exports = {
+    "close": `Sulje`
+};
+
+
+var $888756784d832bd7$exports = {};
+$888756784d832bd7$exports = {
+    "close": `Fermer`
+};
+
+
+var $6835949b68a1fabf$exports = {};
+$6835949b68a1fabf$exports = {
+    "close": `סגור`,
+    "notifications": `התראות`
+};
+
+
+var $87ffcbc0b651e40b$exports = {};
+$87ffcbc0b651e40b$exports = {
+    "close": `Zatvori`
+};
+
+
+var $dc6e3b2813600d69$exports = {};
+$dc6e3b2813600d69$exports = {
+    "close": `Bezárás`
+};
+
+
+var $fe136bcbacfcfa14$exports = {};
+$fe136bcbacfcfa14$exports = {
+    "close": `Chiudi`
+};
+
+
+var $8fb53a929b46df83$exports = {};
+$8fb53a929b46df83$exports = {
+    "close": `閉じる`
+};
+
+
+var $2c38dbfaf041a865$exports = {};
+$2c38dbfaf041a865$exports = {
+    "close": `닫기`
+};
+
+
+var $48f3f33a29908d4c$exports = {};
+$48f3f33a29908d4c$exports = {
+    "close": `Uždaryti`
+};
+
+
+var $9867160d996455a0$exports = {};
+$9867160d996455a0$exports = {
+    "close": `Aizvērt`
+};
+
+
+var $196258ea25c96487$exports = {};
+$196258ea25c96487$exports = {
+    "close": `Lukk`
+};
+
+
+var $949061cb954e8000$exports = {};
+$949061cb954e8000$exports = {
+    "close": `Sluiten`
+};
+
+
+var $8189bed27add1ad3$exports = {};
+$8189bed27add1ad3$exports = {
+    "close": `Zamknij`
+};
+
+
+var $a361756a93b6e28c$exports = {};
+$a361756a93b6e28c$exports = {
+    "close": `Fechar`
+};
+
+
+var $034c7393857c8db0$exports = {};
+$034c7393857c8db0$exports = {
+    "close": `Fechar`
+};
+
+
+var $e33d3b3868478b04$exports = {};
+$e33d3b3868478b04$exports = {
+    "close": `Închideţi`
+};
+
+
+var $9a7dcb914b29cd9f$exports = {};
+$9a7dcb914b29cd9f$exports = {
+    "close": `Закрыть`
+};
+
+
+var $e43d964a0c7f1266$exports = {};
+$e43d964a0c7f1266$exports = {
+    "close": `Zatvoriť`
+};
+
+
+var $0bc56cee3275bcaa$exports = {};
+$0bc56cee3275bcaa$exports = {
+    "close": `Zapri`
+};
+
+
+var $7dbdd7289c10d2ba$exports = {};
+$7dbdd7289c10d2ba$exports = {
+    "close": `Zatvori`
+};
+
+
+var $ccbe6066c10b1e53$exports = {};
+$ccbe6066c10b1e53$exports = {
+    "close": `Stäng`
+};
+
+
+var $9d503476b9d858b7$exports = {};
+$9d503476b9d858b7$exports = {
+    "close": `Kapat`
+};
+
+
+var $32ee419c7b9b7a83$exports = {};
+$32ee419c7b9b7a83$exports = {
+    "close": `Закрити`
+};
+
+
+var $122525af1cb737c7$exports = {};
+$122525af1cb737c7$exports = {
+    "close": `关闭`
+};
+
+
+var $52e8b1b00094e5a3$exports = {};
+$52e8b1b00094e5a3$exports = {
+    "close": `關閉`
+};
+
+
+$ebf9e0ddd819695a$exports = {
+    "ar-AE": $ff9177efc58547ad$exports,
+    "bg-BG": $25eb7c0c0c45e544$exports,
+    "cs-CZ": $28feffc3d61a8691$exports,
+    "da-DK": $390d441203d25ff4$exports,
+    "de-DE": $7063c2d0f14f979a$exports,
+    "el-GR": $2dfc1dbb6590af88$exports,
+    "en-US": $9a12ff1caae5a7a5$exports,
+    "es-ES": $f4095fb5a72adbe6$exports,
+    "et-EE": $75bc5191b9d7826a$exports,
+    "fi-FI": $e4b9aef18b0db8dc$exports,
+    "fr-FR": $888756784d832bd7$exports,
+    "he-IL": $6835949b68a1fabf$exports,
+    "hr-HR": $87ffcbc0b651e40b$exports,
+    "hu-HU": $dc6e3b2813600d69$exports,
+    "it-IT": $fe136bcbacfcfa14$exports,
+    "ja-JP": $8fb53a929b46df83$exports,
+    "ko-KR": $2c38dbfaf041a865$exports,
+    "lt-LT": $48f3f33a29908d4c$exports,
+    "lv-LV": $9867160d996455a0$exports,
+    "nb-NO": $196258ea25c96487$exports,
+    "nl-NL": $949061cb954e8000$exports,
+    "pl-PL": $8189bed27add1ad3$exports,
+    "pt-BR": $a361756a93b6e28c$exports,
+    "pt-PT": $034c7393857c8db0$exports,
+    "ro-RO": $e33d3b3868478b04$exports,
+    "ru-RU": $9a7dcb914b29cd9f$exports,
+    "sk-SK": $e43d964a0c7f1266$exports,
+    "sl-SI": $0bc56cee3275bcaa$exports,
+    "sr-SP": $7dbdd7289c10d2ba$exports,
+    "sv-SE": $ccbe6066c10b1e53$exports,
+    "tr-TR": $9d503476b9d858b7$exports,
+    "uk-UA": $32ee419c7b9b7a83$exports,
+    "zh-CN": $122525af1cb737c7$exports,
+    "zh-TW": $52e8b1b00094e5a3$exports
+};
+
+
+
+
+
+function $d6542812f0669241$export$a407b657d3044108(props, state, ref) {
+    let { key: key , timer: timer , timeout: timeout , animation: animation  } = props.toast;
+    (0, $5bA4N$useEffect)(()=>{
+        if (!timer) return;
+        timer.reset(timeout);
+        return ()=>{
+            timer.pause();
+        };
+    }, [
+        timer,
+        timeout
+    ]);
+    // Restore focus to the toast container on unmount.
+    // If there are no more toasts, the container will be unmounted
+    // and will restore focus to wherever focus was before the user
+    // focused the toast region.
+    let focusOnUnmount = (0, $5bA4N$useRef)(null);
+    (0, $5bA4N$useLayoutEffect)(()=>{
+        let container = ref.current.closest("[role=region]");
+        return ()=>{
+            if (container && container.contains(document.activeElement)) // Focus must be delayed for focus ring to appear, but we can't wait
+            // until useEffect cleanup to check if focus was inside the container.
+            focusOnUnmount.current = container;
+        };
+    }, [
+        ref
+    ]);
+    // eslint-disable-next-line
+    (0, $5bA4N$useEffect)(()=>{
+        return ()=>{
+            if (focusOnUnmount.current) focusOnUnmount.current.focus();
+        };
+    }, [
+        ref
+    ]);
+    let titleId = (0, $5bA4N$useId)();
+    let descriptionId = (0, $5bA4N$useSlotId)();
+    let stringFormatter = (0, $5bA4N$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($ebf9e0ddd819695a$exports))));
+    return {
+        toastProps: {
+            role: "alert",
+            "aria-label": props["aria-label"],
+            "aria-labelledby": props["aria-labelledby"] || titleId,
+            "aria-describedby": props["aria-describedby"] || descriptionId,
+            "aria-details": props["aria-details"],
+            // Hide toasts that are animating out so VoiceOver doesn't announce them.
+            "aria-hidden": animation === "exiting" ? "true" : undefined
+        },
+        titleProps: {
+            id: titleId
+        },
+        descriptionProps: {
+            id: descriptionId
+        },
+        closeButtonProps: {
+            "aria-label": stringFormatter.format("close"),
+            onPress: ()=>state.close(key)
+        }
+    };
+}
+
+
+
+
+
+
+
+
+function $6cc546b19ee7130a$export$b8cbbb20a51697de(props, state, ref) {
+    let stringFormatter = (0, $5bA4N$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($ebf9e0ddd819695a$exports))));
+    let { landmarkProps: landmarkProps  } = (0, $5bA4N$useLandmark)({
+        role: "region",
+        "aria-label": props["aria-label"] || stringFormatter.format("notifications")
+    }, ref);
+    let { hoverProps: hoverProps  } = (0, $5bA4N$useHover)({
+        onHoverStart: state.pauseAll,
+        onHoverEnd: state.resumeAll
+    });
+    let lastFocused = (0, $5bA4N$useRef)(null);
+    let { focusWithinProps: focusWithinProps  } = (0, $5bA4N$useFocusWithin)({
+        onFocusWithin: (e)=>{
+            state.pauseAll();
+            lastFocused.current = e.relatedTarget;
+        },
+        onBlurWithin: ()=>{
+            state.resumeAll();
+            lastFocused.current = null;
+        }
+    });
+    // When the region unmounts, restore focus to the last element that had focus
+    // before the user moved focus into the region.
+    // TODO: handle when the element has unmounted like FocusScope does?
+    // eslint-disable-next-line arrow-body-style
+    (0, $5bA4N$useEffect)(()=>{
+        return ()=>{
+            if (lastFocused.current && document.body.contains(lastFocused.current)) {
+                if ((0, $5bA4N$getInteractionModality)() === "pointer") (0, $5bA4N$focusWithoutScrolling)(lastFocused.current);
+                else lastFocused.current.focus();
+            }
+        };
+    }, [
+        ref
+    ]);
+    return {
+        regionProps: (0, $5bA4N$mergeProps)(landmarkProps, hoverProps, focusWithinProps, {
+            tabIndex: -1,
+            // Mark the toast region as a "top layer", so that it:
+            //   - is not aria-hidden when opening an overlay
+            //   - allows focus even outside a containing focus scope
+            //   - doesn’t dismiss overlays when clicking on it, even though it is outside
+            // @ts-ignore
+            "data-react-aria-top-layer": true
+        })
+    };
+}
+
+
+
+
+export {$d6542812f0669241$export$a407b657d3044108 as useToast, $6cc546b19ee7130a$export$b8cbbb20a51697de as useToastRegion};
+//# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/@react-aria/toast/src/index.ts","packages/@react-aria/toast/src/useToast.ts","packages/@react-aria/toast/intl/*.js","packages/@react-aria/toast/intl/ar-AE.json","packages/@react-aria/toast/intl/bg-BG.json","packages/@react-aria/toast/intl/cs-CZ.json","packages/@react-aria/toast/intl/da-DK.json","packages/@react-aria/toast/intl/de-DE.json","packages/@react-aria/toast/intl/el-GR.json","packages/@react-aria/toast/intl/en-US.json","packages/@react-aria/toast/intl/es-ES.json","packages/@react-aria/toast/intl/et-EE.json","packages/@react-aria/toast/intl/fi-FI.json","packages/@react-aria/toast/intl/fr-FR.json","packages/@react-aria/toast/intl/he-IL.json","packages/@react-aria/toast/intl/hr-HR.json","packages/@react-aria/toast/intl/hu-HU.json","packages/@react-aria/toast/intl/it-IT.json","packages/@react-aria/toast/intl/ja-JP.json","packages/@react-aria/toast/intl/ko-KR.json","packages/@react-aria/toast/intl/lt-LT.json","packages/@react-aria/toast/intl/lv-LV.json","packages/@react-aria/toast/intl/nb-NO.json","packages/@react-aria/toast/intl/nl-NL.json","packages/@react-aria/toast/intl/pl-PL.json","packages/@react-aria/toast/intl/pt-BR.json","packages/@react-aria/toast/intl/pt-PT.json","packages/@react-aria/toast/intl/ro-RO.json","packages/@react-aria/toast/intl/ru-RU.json","packages/@react-aria/toast/intl/sk-SK.json","packages/@react-aria/toast/intl/sl-SI.json","packages/@react-aria/toast/intl/sr-SP.json","packages/@react-aria/toast/intl/sv-SE.json","packages/@react-aria/toast/intl/tr-TR.json","packages/@react-aria/toast/intl/uk-UA.json","packages/@react-aria/toast/intl/zh-CN.json","packages/@react-aria/toast/intl/zh-TW.json","packages/@react-aria/toast/src/useToastRegion.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nexport {useToast} from './useToast';\nexport {useToastRegion} from './useToastRegion';\n\nexport type {AriaToastRegionProps, ToastRegionAria} from './useToastRegion';\nexport type {AriaToastProps, ToastAria} from './useToast';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaButtonProps} from '@react-types/button';\nimport {AriaLabelingProps, DOMAttributes, FocusableElement} from '@react-types/shared';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {QueuedToast, ToastState} from '@react-stately/toast';\nimport {RefObject, useEffect, useRef} from 'react';\nimport {useId, useLayoutEffect, useSlotId} from '@react-aria/utils';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\n\nexport interface AriaToastProps<T> extends AriaLabelingProps {\n  /** The toast object. */\n  toast: QueuedToast<T>\n}\n\nexport interface ToastAria {\n  /** Props for the toast container element. */\n  toastProps: DOMAttributes,\n  /** Props for the toast title element. */\n  titleProps: DOMAttributes,\n  /** Props for the toast description element, if any. */\n  descriptionProps: DOMAttributes,\n  /** Props for the toast close button. */\n  closeButtonProps: AriaButtonProps\n}\n\n/**\n * Provides the behavior and accessibility implementation for a toast component.\n * Toasts display brief, temporary notifications of actions, errors, or other events in an application.\n */\nexport function useToast<T>(props: AriaToastProps<T>, state: ToastState<T>, ref: RefObject<FocusableElement>): ToastAria {\n  let {\n    key,\n    timer,\n    timeout,\n    animation\n  } = props.toast;\n\n  useEffect(() => {\n    if (!timer) {\n      return;\n    }\n\n    timer.reset(timeout);\n    return () => {\n      timer.pause();\n    };\n  }, [timer, timeout]);\n\n  // Restore focus to the toast container on unmount.\n  // If there are no more toasts, the container will be unmounted\n  // and will restore focus to wherever focus was before the user\n  // focused the toast region.\n  let focusOnUnmount = useRef(null);\n  useLayoutEffect(() => {\n    let container = ref.current.closest('[role=region]') as HTMLElement;\n    return () => {\n      if (container && container.contains(document.activeElement)) {\n        // Focus must be delayed for focus ring to appear, but we can't wait\n        // until useEffect cleanup to check if focus was inside the container.\n        focusOnUnmount.current = container;\n      }\n    };\n  }, [ref]);\n\n  // eslint-disable-next-line\n  useEffect(() => {\n    return () => {\n      if (focusOnUnmount.current) {\n        focusOnUnmount.current.focus();\n      }\n    };\n  }, [ref]);\n\n  let titleId = useId();\n  let descriptionId = useSlotId();\n  let stringFormatter = useLocalizedStringFormatter(intlMessages);\n\n  return {\n    toastProps: {\n      role: 'alert',\n      'aria-label': props['aria-label'],\n      'aria-labelledby': props['aria-labelledby'] || titleId,\n      'aria-describedby': props['aria-describedby'] || descriptionId,\n      'aria-details': props['aria-details'],\n      // Hide toasts that are animating out so VoiceOver doesn't announce them.\n      'aria-hidden': animation === 'exiting' ? 'true' : undefined\n    },\n    titleProps: {\n      id: titleId\n    },\n    descriptionProps: {\n      id: descriptionId\n    },\n    closeButtonProps: {\n      'aria-label': stringFormatter.format('close'),\n      onPress: () => state.close(key)\n    }\n  };\n}\n","const _temp0 = require(\"./ar-AE.json\");\nconst _temp1 = require(\"./bg-BG.json\");\nconst _temp2 = require(\"./cs-CZ.json\");\nconst _temp3 = require(\"./da-DK.json\");\nconst _temp4 = require(\"./de-DE.json\");\nconst _temp5 = require(\"./el-GR.json\");\nconst _temp6 = require(\"./en-US.json\");\nconst _temp7 = require(\"./es-ES.json\");\nconst _temp8 = require(\"./et-EE.json\");\nconst _temp9 = require(\"./fi-FI.json\");\nconst _temp10 = require(\"./fr-FR.json\");\nconst _temp11 = require(\"./he-IL.json\");\nconst _temp12 = require(\"./hr-HR.json\");\nconst _temp13 = require(\"./hu-HU.json\");\nconst _temp14 = require(\"./it-IT.json\");\nconst _temp15 = require(\"./ja-JP.json\");\nconst _temp16 = require(\"./ko-KR.json\");\nconst _temp17 = require(\"./lt-LT.json\");\nconst _temp18 = require(\"./lv-LV.json\");\nconst _temp19 = require(\"./nb-NO.json\");\nconst _temp20 = require(\"./nl-NL.json\");\nconst _temp21 = require(\"./pl-PL.json\");\nconst _temp22 = require(\"./pt-BR.json\");\nconst _temp23 = require(\"./pt-PT.json\");\nconst _temp24 = require(\"./ro-RO.json\");\nconst _temp25 = require(\"./ru-RU.json\");\nconst _temp26 = require(\"./sk-SK.json\");\nconst _temp27 = require(\"./sl-SI.json\");\nconst _temp28 = require(\"./sr-SP.json\");\nconst _temp29 = require(\"./sv-SE.json\");\nconst _temp30 = require(\"./tr-TR.json\");\nconst _temp31 = require(\"./uk-UA.json\");\nconst _temp32 = require(\"./zh-CN.json\");\nconst _temp33 = require(\"./zh-TW.json\");\nmodule.exports = {\n  \"ar-AE\": _temp0,\n  \"bg-BG\": _temp1,\n  \"cs-CZ\": _temp2,\n  \"da-DK\": _temp3,\n  \"de-DE\": _temp4,\n  \"el-GR\": _temp5,\n  \"en-US\": _temp6,\n  \"es-ES\": _temp7,\n  \"et-EE\": _temp8,\n  \"fi-FI\": _temp9,\n  \"fr-FR\": _temp10,\n  \"he-IL\": _temp11,\n  \"hr-HR\": _temp12,\n  \"hu-HU\": _temp13,\n  \"it-IT\": _temp14,\n  \"ja-JP\": _temp15,\n  \"ko-KR\": _temp16,\n  \"lt-LT\": _temp17,\n  \"lv-LV\": _temp18,\n  \"nb-NO\": _temp19,\n  \"nl-NL\": _temp20,\n  \"pl-PL\": _temp21,\n  \"pt-BR\": _temp22,\n  \"pt-PT\": _temp23,\n  \"ro-RO\": _temp24,\n  \"ru-RU\": _temp25,\n  \"sk-SK\": _temp26,\n  \"sl-SI\": _temp27,\n  \"sr-SP\": _temp28,\n  \"sv-SE\": _temp29,\n  \"tr-TR\": _temp30,\n  \"uk-UA\": _temp31,\n  \"zh-CN\": _temp32,\n  \"zh-TW\": _temp33\n}","{\n  \"close\": \"إغلاق\"\n}\n","{\n  \"close\": \"Затвори\"\n}\n","{\n  \"close\": \"Zavřít\"\n}\n","{\n  \"close\": \"Luk\"\n}\n","{\n  \"close\": \"Schließen\"\n}\n","{\n  \"close\": \"Κλείσιμο\"\n}\n","{\n  \"close\": \"Close\",\n  \"notifications\": \"Notifications\"\n}\n","{\n  \"close\": \"Cerrar\"\n}\n","{\n  \"close\": \"Sule\"\n}\n","{\n  \"close\": \"Sulje\"\n}\n","{\n  \"close\": \"Fermer\"\n}\n","{\n  \"close\": \"סגור\",\n  \"notifications\": \"התראות\"\n}\n","{\n  \"close\": \"Zatvori\"\n}\n","{\n  \"close\": \"Bezárás\"\n}\n","{\n  \"close\": \"Chiudi\"\n}\n","{\n  \"close\": \"閉じる\"\n}\n","{\n  \"close\": \"닫기\"\n}\n","{\n  \"close\": \"Uždaryti\"\n}\n","{\n  \"close\": \"Aizvērt\"\n}\n","{\n  \"close\": \"Lukk\"\n}\n","{\n  \"close\": \"Sluiten\"\n}\n","{\n  \"close\": \"Zamknij\"\n}\n","{\n  \"close\": \"Fechar\"\n}\n","{\n  \"close\": \"Fechar\"\n}\n","{\n  \"close\": \"Închideţi\"\n}\n","{\n  \"close\": \"Закрыть\"\n}\n","{\n  \"close\": \"Zatvoriť\"\n}\n","{\n  \"close\": \"Zapri\"\n}\n","{\n  \"close\": \"Zatvori\"\n}\n","{\n  \"close\": \"Stäng\"\n}\n","{\n  \"close\": \"Kapat\"\n}\n","{\n  \"close\": \"Закрити\"\n}\n","{\n  \"close\": \"关闭\"\n}\n","{\n  \"close\": \"關閉\"\n}\n","import {AriaLabelingProps, DOMAttributes} from '@react-types/shared';\nimport {focusWithoutScrolling, mergeProps} from '@react-aria/utils';\nimport {getInteractionModality, useFocusWithin, useHover} from '@react-aria/interactions';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {RefObject, useEffect, useRef} from 'react';\nimport {ToastState} from '@react-stately/toast';\nimport {useLandmark} from '@react-aria/landmark';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\n\nexport interface AriaToastRegionProps extends AriaLabelingProps {\n  /**\n   * An accessibility label for the toast region.\n   * @default \"Notifications\"\n   */\n  'aria-label'?: string\n}\n\nexport interface ToastRegionAria {\n  /** Props for the landmark region element. */\n  regionProps: DOMAttributes\n}\n\n/**\n * Provides the behavior and accessibility implementation for a toast region containing one or more toasts.\n * Toasts display brief, temporary notifications of actions, errors, or other events in an application.\n */\nexport function useToastRegion<T>(props: AriaToastRegionProps, state: ToastState<T>, ref: RefObject<HTMLElement>): ToastRegionAria {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages);\n  let {landmarkProps} = useLandmark({\n    role: 'region',\n    'aria-label': props['aria-label'] || stringFormatter.format('notifications')\n  }, ref);\n\n  let {hoverProps} = useHover({\n    onHoverStart: state.pauseAll,\n    onHoverEnd: state.resumeAll\n  });\n\n  let lastFocused = useRef(null);\n  let {focusWithinProps} = useFocusWithin({\n    onFocusWithin: (e) => {\n      state.pauseAll();\n      lastFocused.current = e.relatedTarget;\n    },\n    onBlurWithin: () => {\n      state.resumeAll();\n      lastFocused.current = null;\n    }\n  });\n\n  // When the region unmounts, restore focus to the last element that had focus\n  // before the user moved focus into the region.\n  // TODO: handle when the element has unmounted like FocusScope does?\n  // eslint-disable-next-line arrow-body-style\n  useEffect(() => {\n    return () => {\n      if (lastFocused.current && document.body.contains(lastFocused.current)) {\n        if (getInteractionModality() === 'pointer') {\n          focusWithoutScrolling(lastFocused.current);\n        } else {\n          lastFocused.current.focus();\n        }\n      }\n    };\n  }, [ref]);\n\n  return {\n    regionProps: mergeProps(landmarkProps, hoverProps, focusWithinProps, {\n      tabIndex: -1,\n      // Mark the toast region as a \"top layer\", so that it:\n      //   - is not aria-hidden when opening an overlay\n      //   - allows focus even outside a containing focus scope\n      //   - doesn’t dismiss overlays when clicking on it, even though it is outside\n      // @ts-ignore\n      'data-react-aria-top-layer': true\n    })\n  };\n}\n"],"names":[],"version":3,"file":"module.js.map"}

package/dist/types.d.ts

@@ -0,0 +1,41 @@
+import { AriaButtonProps } from "@react-types/button";
+import { AriaLabelingProps, DOMAttributes, FocusableElement } from "@react-types/shared";
+import { QueuedToast, ToastState } from "@react-stately/toast";
+import { RefObject } from "react";
+export interface AriaToastProps<T> extends AriaLabelingProps {
+    /** The toast object. */
+    toast: QueuedToast<T>;
+}
+export interface ToastAria {
+    /** Props for the toast container element. */
+    toastProps: DOMAttributes;
+    /** Props for the toast title element. */
+    titleProps: DOMAttributes;
+    /** Props for the toast description element, if any. */
+    descriptionProps: DOMAttributes;
+    /** Props for the toast close button. */
+    closeButtonProps: AriaButtonProps;
+}
+/**
+ * Provides the behavior and accessibility implementation for a toast component.
+ * Toasts display brief, temporary notifications of actions, errors, or other events in an application.
+ */
+export function useToast<T>(props: AriaToastProps<T>, state: ToastState<T>, ref: RefObject<FocusableElement>): ToastAria;
+export interface AriaToastRegionProps extends AriaLabelingProps {
+    /**
+     * An accessibility label for the toast region.
+     * @default "Notifications"
+     */
+    'aria-label'?: string;
+}
+export interface ToastRegionAria {
+    /** Props for the landmark region element. */
+    regionProps: DOMAttributes;
+}
+/**
+ * Provides the behavior and accessibility implementation for a toast region containing one or more toasts.
+ * Toasts display brief, temporary notifications of actions, errors, or other events in an application.
+ */
+export function useToastRegion<T>(props: AriaToastRegionProps, state: ToastState<T>, ref: RefObject<HTMLElement>): ToastRegionAria;
+
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"mappings":";;;;AAqBA,gCAAgC,CAAC,CAAE,SAAQ,iBAAiB;IAC1D,wBAAwB;IACxB,KAAK,EAAE,YAAY,CAAC,CAAC,CAAA;CACtB;AAED;IACE,6CAA6C;IAC7C,UAAU,EAAE,aAAa,CAAC;IAC1B,yCAAyC;IACzC,UAAU,EAAE,aAAa,CAAC;IAC1B,uDAAuD;IACvD,gBAAgB,EAAE,aAAa,CAAC;IAChC,wCAAwC;IACxC,gBAAgB,EAAE,eAAe,CAAA;CAClC;AAED;;;GAGG;AACH,yBAAyB,CAAC,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,EAAE,GAAG,EAAE,UAAU,gBAAgB,CAAC,GAAG,SAAS,CAqEvH;ACpGD,qCAAsC,SAAQ,iBAAiB;IAC7D;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED;IACE,6CAA6C;IAC7C,WAAW,EAAE,aAAa,CAAA;CAC3B;AAED;;;GAGG;AACH,+BAA+B,CAAC,EAAE,KAAK,EAAE,oBAAoB,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,EAAE,GAAG,EAAE,UAAU,WAAW,CAAC,GAAG,eAAe,CAmDjI","sources":["packages/@react-aria/toast/src/packages/@react-aria/toast/src/useToast.ts","packages/@react-aria/toast/src/packages/@react-aria/toast/src/useToastRegion.ts","packages/@react-aria/toast/src/packages/@react-aria/toast/src/index.ts","packages/@react-aria/toast/src/index.ts"],"sourcesContent":[null,null,null,"/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nexport {useToast} from './useToast';\nexport {useToastRegion} from './useToastRegion';\n\nexport type {AriaToastRegionProps, ToastRegionAria} from './useToastRegion';\nexport type {AriaToastProps, ToastAria} from './useToast';\n"],"names":[],"version":3,"file":"types.d.ts.map"}

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@react-aria/toast",
+  "version": "3.0.0-nightly.1954+ff3e690ff",
+  "description": "Spectrum UI components in React",
+  "license": "Apache-2.0",
+  "main": "dist/main.js",
+  "module": "dist/module.js",
+  "types": "dist/types.d.ts",
+  "source": "src/index.ts",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/adobe/react-spectrum"
+  },
+  "dependencies": {
+    "@react-aria/i18n": "3.0.0-nightly.1954+ff3e690ff",
+    "@react-aria/interactions": "3.0.0-nightly.1954+ff3e690ff",
+    "@react-aria/landmark": "3.0.0-nightly.3654+ff3e690ff",
+    "@react-aria/utils": "3.0.0-nightly.1954+ff3e690ff",
+    "@react-stately/toast": "3.0.0-nightly.3654+ff3e690ff",
+    "@react-types/button": "3.7.1-nightly.3654+ff3e690ff",
+    "@react-types/shared": "3.0.0-nightly.1954+ff3e690ff",
+    "@swc/helpers": "^0.4.14"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "ff3e690fffc6c54367b8057e28a0e5b9211f37b5"
+}

package/src/index.ts

@@ -0,0 +1,16 @@
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+export {useToast} from './useToast';
+export {useToastRegion} from './useToastRegion';
+
+export type {AriaToastRegionProps, ToastRegionAria} from './useToastRegion';
+export type {AriaToastProps, ToastAria} from './useToast';

package/src/useToast.ts

@@ -0,0 +1,111 @@
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+import {AriaButtonProps} from '@react-types/button';
+import {AriaLabelingProps, DOMAttributes, FocusableElement} from '@react-types/shared';
+// @ts-ignore
+import intlMessages from '../intl/*.json';
+import {QueuedToast, ToastState} from '@react-stately/toast';
+import {RefObject, useEffect, useRef} from 'react';
+import {useId, useLayoutEffect, useSlotId} from '@react-aria/utils';
+import {useLocalizedStringFormatter} from '@react-aria/i18n';
+
+export interface AriaToastProps<T> extends AriaLabelingProps {
+  /** The toast object. */
+  toast: QueuedToast<T>
+}
+
+export interface ToastAria {
+  /** Props for the toast container element. */
+  toastProps: DOMAttributes,
+  /** Props for the toast title element. */
+  titleProps: DOMAttributes,
+  /** Props for the toast description element, if any. */
+  descriptionProps: DOMAttributes,
+  /** Props for the toast close button. */
+  closeButtonProps: AriaButtonProps
+}
+
+/**
+ * Provides the behavior and accessibility implementation for a toast component.
+ * Toasts display brief, temporary notifications of actions, errors, or other events in an application.
+ */
+export function useToast<T>(props: AriaToastProps<T>, state: ToastState<T>, ref: RefObject<FocusableElement>): ToastAria {
+  let {
+    key,
+    timer,
+    timeout,
+    animation
+  } = props.toast;
+
+  useEffect(() => {
+    if (!timer) {
+      return;
+    }
+
+    timer.reset(timeout);
+    return () => {
+      timer.pause();
+    };
+  }, [timer, timeout]);
+
+  // Restore focus to the toast container on unmount.
+  // If there are no more toasts, the container will be unmounted
+  // and will restore focus to wherever focus was before the user
+  // focused the toast region.
+  let focusOnUnmount = useRef(null);
+  useLayoutEffect(() => {
+    let container = ref.current.closest('[role=region]') as HTMLElement;
+    return () => {
+      if (container && container.contains(document.activeElement)) {
+        // Focus must be delayed for focus ring to appear, but we can't wait
+        // until useEffect cleanup to check if focus was inside the container.
+        focusOnUnmount.current = container;
+      }
+    };
+  }, [ref]);
+
+  // eslint-disable-next-line
+  useEffect(() => {
+    return () => {
+      if (focusOnUnmount.current) {
+        focusOnUnmount.current.focus();
+      }
+    };
+  }, [ref]);
+
+  let titleId = useId();
+  let descriptionId = useSlotId();
+  let stringFormatter = useLocalizedStringFormatter(intlMessages);
+
+  return {
+    toastProps: {
+      role: 'alert',
+      'aria-label': props['aria-label'],
+      'aria-labelledby': props['aria-labelledby'] || titleId,
+      'aria-describedby': props['aria-describedby'] || descriptionId,
+      'aria-details': props['aria-details'],
+      // Hide toasts that are animating out so VoiceOver doesn't announce them.
+      'aria-hidden': animation === 'exiting' ? 'true' : undefined
+    },
+    titleProps: {
+      id: titleId
+    },
+    descriptionProps: {
+      id: descriptionId
+    },
+    closeButtonProps: {
+      'aria-label': stringFormatter.format('close'),
+      onPress: () => state.close(key)
+    }
+  };
+}