@doist/reactist 28.7.2 → 28.7.3

package/lib/toast/use-toasts.d.ts

@@ -1,132 +1,132 @@
-import React from 'react';
-import { StaticToastProps } from './static-toast';
-import type { Space } from '../utils/common-types';
-/**
- * The props needed to fire up a new notification toast.
- */
-type ToastProps = StaticToastProps & {
-    /**
-     * The number of seconds the toast is expected to be shown before it is dismissed automatically,
-     * or false to disable auto-dismiss.
-     *
-     * It defaults to whatever is the autoDismissDelay set in the ToastsProvider.
-     */
-    autoDismissDelay?: number | false;
-    /**
-     * The label for the button that dismisses the toast.
-     *
-     * It defaults to the value set in the ToastsProvider, but individual toasts can have a
-     * different value if needed.
-     */
-    dismissLabel?: string;
-    /**
-     * Whether to show the dismiss button or not.
-     *
-     * Use this value with care. If combined with disabling `autoDismissDelay`, it may leave you
-     * with toasts that the user won't be able to dismiss at will. It then is your responsibility to
-     * dismiss the toast by calling the function returned by `showToast`.
-     */
-    showDismissButton?: boolean;
-};
-type ShowToastAction = (props: ToastProps) => () => void;
-/**
- * The props needed by the ToastsProvider component.
- *
- * @see ToastsProvider
- */
-type ToastsProviderProps = {
-    /**
-     * The default label to apply to toast dismiss buttons.
-     *
-     * This is useful in environments that need locatization, so you do not need to pass the same
-     * translated label every time you trigger a toast.
-     *
-     * However, you can still apply a different label to a specific toast, by passing a different
-     * value when calling showToast.
-     *
-     * @default 'Close'
-     */
-    defaultDismissLabel?: string;
-    /**
-     * The default number of seconds after which the toast will be dismissed automatically.
-     *
-     * You can pass a different value to a specific toast when calling `showToast`. You can even
-     * pass `false` if you want a certain toast to never be dismissed automatically.
-     *
-     * @default 10 (seconds)
-     */
-    defaultAutoDismissDelay?: number;
-    /**
-     * The padding used to separate the toasts from the viewport borders.
-     *
-     * @default 'large'
-     */
-    padding?: Space;
-    /**
-     * The app wrapped by the provider.
-     */
-    children: NonNullable<React.ReactNode>;
-    /**
-     * Custom classname for the toasts container, if you need to fine-tune the position or other styles
-     */
-    containerClassName?: string;
-};
-/**
- * Provides the state management and rendering of the toasts currently active.
- *
- * You need to render this near the top of your app components tree, in order to `useToasts`.
- *
- * @see useToasts
- */
-declare function ToastsProvider({ children, padding, defaultAutoDismissDelay, defaultDismissLabel, containerClassName, }: ToastsProviderProps): React.JSX.Element;
-/**
- * Provides a function `showToast` that shows a new toast every time you call it.
- *
- * ```jsx
- * const showToast = useToasts()
- *
- * <button onClick={() => showToast({ message: 'Hello' })}>
- *   Say hello
- * </button>
- * ```
- *
- * All toasts fired via this function are rendered in a global fixed location, and stacked one on
- * top of the other.
- *
- * When called, `showToast` returns a function that dismisses the toast when called.
- *
- * @see ToastsProvider
- */
-declare function useToasts(): ShowToastAction;
-/**
- * Adds a toast to be rendered, stacked alongside any other currently active toasts.
- *
- * For most situations, you should prefer to use the `showToast` function obtained from `useToasts`.
- * This component is provided for convenience to render toasts in the markup, but it has some
- * peculiarities, which are discussed below.
- *
- * Internally, this calls `showToast`. It is provided for two reasons:
- *
- * 1. Convenience, when you want to fire a toast in markup/jsx code. Keep in mind, though, that
- *    toasts rendered in this way will be removed from view when the context where it is rendered
- *    is unmounted. Unlike toasts fired with `showToast`, which will normally be dismissed, either
- *    by the user or after a delay. They'll still be animated on their way out, though.
- * 2. When combined with disabling dismissing it (e.g. `showDismissButton={false}` and
- *    `autoDismissDelay={false}` it provides a way to show "permanent" toasts that only go away when
- *    the component ceases to be rendered).
- *
- * This is useful for cases when the consumer wants to control when a toast is visible, and to keep
- * it visible based on an app-specific condition.
- *
- * Something important to note about this component is that it triggers the toast based on the props
- * passed when first rendered, and it does not update the toast if these props change on subsequent
- * renders. In this sense, this is an imperative component, more than a descriptive one. This is
- * done to simplify the internals, and to keep it in line with how `showToast` works: you fire up a
- * toast imperatively, and you loose control over it. It remains rendered according to the props you
- * first passed.
- *
- * @see useToasts
- */
-declare function Toast(props: ToastProps): null;
-export { Toast, ToastsProvider, useToasts };
-export type { ToastProps, ToastsProviderProps };
+import React from 'react';
+import { StaticToastProps } from './static-toast';
+import type { Space } from '../utils/common-types';
+/**
+ * The props needed to fire up a new notification toast.
+ */
+type ToastProps = StaticToastProps & {
+    /**
+     * The number of seconds the toast is expected to be shown before it is dismissed automatically,
+     * or false to disable auto-dismiss.
+     *
+     * It defaults to whatever is the autoDismissDelay set in the ToastsProvider.
+     */
+    autoDismissDelay?: number | false;
+    /**
+     * The label for the button that dismisses the toast.
+     *
+     * It defaults to the value set in the ToastsProvider, but individual toasts can have a
+     * different value if needed.
+     */
+    dismissLabel?: string;
+    /**
+     * Whether to show the dismiss button or not.
+     *
+     * Use this value with care. If combined with disabling `autoDismissDelay`, it may leave you
+     * with toasts that the user won't be able to dismiss at will. It then is your responsibility to
+     * dismiss the toast by calling the function returned by `showToast`.
+     */
+    showDismissButton?: boolean;
+};
+type ShowToastAction = (props: ToastProps) => () => void;
+/**
+ * The props needed by the ToastsProvider component.
+ *
+ * @see ToastsProvider
+ */
+type ToastsProviderProps = {
+    /**
+     * The default label to apply to toast dismiss buttons.
+     *
+     * This is useful in environments that need locatization, so you do not need to pass the same
+     * translated label every time you trigger a toast.
+     *
+     * However, you can still apply a different label to a specific toast, by passing a different
+     * value when calling showToast.
+     *
+     * @default 'Close'
+     */
+    defaultDismissLabel?: string;
+    /**
+     * The default number of seconds after which the toast will be dismissed automatically.
+     *
+     * You can pass a different value to a specific toast when calling `showToast`. You can even
+     * pass `false` if you want a certain toast to never be dismissed automatically.
+     *
+     * @default 10 (seconds)
+     */
+    defaultAutoDismissDelay?: number;
+    /**
+     * The padding used to separate the toasts from the viewport borders.
+     *
+     * @default 'large'
+     */
+    padding?: Space;
+    /**
+     * The app wrapped by the provider.
+     */
+    children: NonNullable<React.ReactNode>;
+    /**
+     * Custom classname for the toasts container, if you need to fine-tune the position or other styles
+     */
+    containerClassName?: string;
+};
+/**
+ * Provides the state management and rendering of the toasts currently active.
+ *
+ * You need to render this near the top of your app components tree, in order to `useToasts`.
+ *
+ * @see useToasts
+ */
+declare function ToastsProvider({ children, padding, defaultAutoDismissDelay, defaultDismissLabel, containerClassName, }: ToastsProviderProps): React.JSX.Element;
+/**
+ * Provides a function `showToast` that shows a new toast every time you call it.
+ *
+ * ```jsx
+ * const showToast = useToasts()
+ *
+ * <button onClick={() => showToast({ message: 'Hello' })}>
+ *   Say hello
+ * </button>
+ * ```
+ *
+ * All toasts fired via this function are rendered in a global fixed location, and stacked one on
+ * top of the other.
+ *
+ * When called, `showToast` returns a function that dismisses the toast when called.
+ *
+ * @see ToastsProvider
+ */
+declare function useToasts(): ShowToastAction;
+/**
+ * Adds a toast to be rendered, stacked alongside any other currently active toasts.
+ *
+ * For most situations, you should prefer to use the `showToast` function obtained from `useToasts`.
+ * This component is provided for convenience to render toasts in the markup, but it has some
+ * peculiarities, which are discussed below.
+ *
+ * Internally, this calls `showToast`. It is provided for two reasons:
+ *
+ * 1. Convenience, when you want to fire a toast in markup/jsx code. Keep in mind, though, that
+ *    toasts rendered in this way will be removed from view when the context where it is rendered
+ *    is unmounted. Unlike toasts fired with `showToast`, which will normally be dismissed, either
+ *    by the user or after a delay. They'll still be animated on their way out, though.
+ * 2. When combined with disabling dismissing it (e.g. `showDismissButton={false}` and
+ *    `autoDismissDelay={false}` it provides a way to show "permanent" toasts that only go away when
+ *    the component ceases to be rendered).
+ *
+ * This is useful for cases when the consumer wants to control when a toast is visible, and to keep
+ * it visible based on an app-specific condition.
+ *
+ * Something important to note about this component is that it triggers the toast based on the props
+ * passed when first rendered, and it does not update the toast if these props change on subsequent
+ * renders. In this sense, this is an imperative component, more than a descriptive one. This is
+ * done to simplify the internals, and to keep it in line with how `showToast` works: you fire up a
+ * toast imperatively, and you loose control over it. It remains rendered according to the props you
+ * first passed.
+ *
+ * @see useToasts
+ */
+declare function Toast(props: ToastProps): null;
+export { Toast, ToastsProvider, useToasts };
+export type { ToastProps, ToastsProviderProps };

package/lib/toast/use-toasts.js

@@ -1,2 +1,167 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),s=require("@ariakit/react"),a=require("../utils/common-helpers.js"),o=require("../box/box.js"),n=require("../stack/stack.js"),u=require("./static-toast.js"),r=require("./toast.module.css.js"),i=require("./toast-animation.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(t);const d=["toastId"],f=c.default.forwardRef((function({message:t,description:s,icon:a,action:o,autoDismissDelay:n,dismissLabel:r,showDismissButton:i=!0,toastId:l,onDismiss:d,onRemoveToast:f},m){const p=c.default.useRef(),b=c.default.useCallback((function(){f(l),null==d||d()}),[d,f,l]),j=c.default.useCallback((function(){n&&(p.current=window.setTimeout(b,1e3*n))}),[n,b]),k=c.default.useCallback((function(){clearTimeout(p.current),p.current=void 0}),[]);c.default.useEffect((function(){return k(),j(),k}),[j,k]);const v=c.default.useMemo(()=>u.isActionObject(o)?e.objectSpread2(e.objectSpread2({},o),{},{closeToast:o.closeToast??!0,onClick:function(){o&&(o.onClick(),(o.closeToast??1)&&b())}}):o,[o,b]);return c.default.createElement(u.StaticToast,{ref:m,message:t,description:s,icon:a,action:v,onDismiss:i?b:void 0,dismissLabel:r,onMouseEnter:k,onMouseLeave:j})})),m=c.default.createContext(()=>()=>{});function p(){return c.default.useContext(m)}exports.Toast=function(e){const t=p(),s=c.default.useRef(e);return c.default.useEffect(()=>t(s.current),[t]),null},exports.ToastsProvider=function({children:t,padding:u="large",defaultAutoDismissDelay:l=10,defaultDismissLabel:p="Close",containerClassName:b}){const[j,k]=c.default.useState([]),{mappedRef:v,animateRemove:T}=i.useToastsAnimation(),x=c.default.useCallback((function(e){T(e,()=>{k(t=>{const s=t.findIndex(t=>t.toastId===e);if(s<0)return t;const a=[...t];return a.splice(s,1),a})})}),[T]),C=c.default.useCallback((function(t){const s=a.generateElementId("toast"),o=e.objectSpread2(e.objectSpread2({autoDismissDelay:l,dismissLabel:p},t),{},{toastId:s});return k(e=>[...e,o]),()=>x(s)}),[l,p,x]);return c.default.createElement(m.Provider,{value:C},t,c.default.createElement(s.Portal,null,0===j.length?null:c.default.createElement(o.Box,{className:[r.default.stackedToastsView,b],position:"fixed",width:"full",paddingX:u,paddingBottom:u,"data-testid":"toasts-container"},c.default.createElement(n.Stack,{space:"medium"},j.map(t=>{let{toastId:s}=t,a=e.objectWithoutProperties(t,d);return c.default.createElement(f,e.objectSpread2({key:s,ref:v(s),toastId:s,onRemoveToast:x},a))})))))},exports.useToasts=p;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var react = require('@ariakit/react');
+var commonHelpers = require('../utils/common-helpers.js');
+var box = require('../box/box.js');
+var stack = require('../stack/stack.js');
+var staticToast = require('./static-toast.js');
+var toast_module = require('./toast.module.css.js');
+var toastAnimation = require('./toast-animation.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+/** @private */
+var InternalToast = React__default["default"].forwardRef(function InternalToast(_a, ref) {
+    var message = _a.message, description = _a.description, icon = _a.icon, action = _a.action, autoDismissDelay = _a.autoDismissDelay, dismissLabel = _a.dismissLabel, _b = _a.showDismissButton, showDismissButton = _b === void 0 ? true : _b, toastId = _a.toastId, onDismiss = _a.onDismiss, onRemoveToast = _a.onRemoveToast;
+    var timeoutRef = React__default["default"].useRef();
+    var removeToast = React__default["default"].useCallback(function removeToast() {
+        onRemoveToast(toastId);
+        onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
+    }, [onDismiss, onRemoveToast, toastId]);
+    var startTimeout = React__default["default"].useCallback(function startTimeout() {
+        if (!autoDismissDelay)
+            return;
+        timeoutRef.current = window.setTimeout(removeToast, autoDismissDelay * 1000);
+    }, [autoDismissDelay, removeToast]);
+    var stopTimeout = React__default["default"].useCallback(function stopTimeout() {
+        clearTimeout(timeoutRef.current);
+        timeoutRef.current = undefined;
+    }, []);
+    React__default["default"].useEffect(function setupAutoDismiss() {
+        stopTimeout();
+        startTimeout();
+        return stopTimeout;
+    }, [startTimeout, stopTimeout]);
+    /**
+     * If the action is toast action object and not a custom element,
+     * the `onClick` property is wrapped in another handler responsible
+     * for removing the toast when the action is triggered.
+     */
+    var actionWithCustomActionHandler = React__default["default"].useMemo(function () {
+        var _a;
+        if (!staticToast.isActionObject(action)) {
+            return action;
+        }
+        return tslib.__assign(tslib.__assign({}, action), { closeToast: (_a = action.closeToast) !== null && _a !== void 0 ? _a : true, onClick: function handleActionClick() {
+                var _a;
+                if (!action) {
+                    return;
+                }
+                action.onClick();
+                if ((_a = action.closeToast) !== null && _a !== void 0 ? _a : true) {
+                    removeToast();
+                }
+            } });
+    }, [action, removeToast]);
+    return (React__default["default"].createElement(staticToast.StaticToast, { ref: ref, message: message, description: description, icon: icon, action: actionWithCustomActionHandler, onDismiss: showDismissButton ? removeToast : undefined, dismissLabel: dismissLabel, 
+        // @ts-expect-error
+        onMouseEnter: stopTimeout, onMouseLeave: startTimeout }));
+});
+var ToastsContext = React__default["default"].createContext(function () { return function () { return undefined; }; });
+/**
+ * Provides the state management and rendering of the toasts currently active.
+ *
+ * You need to render this near the top of your app components tree, in order to `useToasts`.
+ *
+ * @see useToasts
+ */
+function ToastsProvider(_a) {
+    var children = _a.children, _b = _a.padding, padding = _b === void 0 ? 'large' : _b, _c = _a.defaultAutoDismissDelay /* seconds */, defaultAutoDismissDelay = _c === void 0 ? 10 : _c /* seconds */, _d = _a.defaultDismissLabel, defaultDismissLabel = _d === void 0 ? 'Close' : _d, containerClassName = _a.containerClassName;
+    var _e = React__default["default"].useState([]), toasts = _e[0], setToasts = _e[1];
+    var _f = toastAnimation.useToastsAnimation(), mappedRef = _f.mappedRef, animateRemove = _f.animateRemove;
+    var removeToast = React__default["default"].useCallback(function onRemoveToast(toastId) {
+        animateRemove(toastId, function () {
+            setToasts(function (list) {
+                var index = list.findIndex(function (n) { return n.toastId === toastId; });
+                if (index < 0)
+                    return list;
+                var copy = tslib.__spreadArray([], list, true);
+                copy.splice(index, 1);
+                return copy;
+            });
+        });
+    }, [animateRemove]);
+    var showToast = React__default["default"].useCallback(function showToast(props) {
+        var toastId = commonHelpers.generateElementId('toast');
+        var newToast = tslib.__assign(tslib.__assign({ autoDismissDelay: defaultAutoDismissDelay, dismissLabel: defaultDismissLabel }, props), { toastId: toastId });
+        setToasts(function (list) { return tslib.__spreadArray(tslib.__spreadArray([], list, true), [newToast], false); });
+        return function () { return removeToast(toastId); };
+    }, [defaultAutoDismissDelay, defaultDismissLabel, removeToast]);
+    return (React__default["default"].createElement(ToastsContext.Provider, { value: showToast },
+        children,
+        React__default["default"].createElement(react.Portal, null, toasts.length === 0 ? null : (React__default["default"].createElement(box.Box, { className: [toast_module["default"].stackedToastsView, containerClassName], position: "fixed", width: "full", paddingX: padding, paddingBottom: padding, "data-testid": "toasts-container" },
+            React__default["default"].createElement(stack.Stack, { space: "medium" }, toasts.map(function (_a) {
+                var toastId = _a.toastId, props = tslib.__rest(_a, ["toastId"]);
+                return (React__default["default"].createElement(InternalToast, tslib.__assign({ key: toastId, ref: mappedRef(toastId), toastId: toastId, onRemoveToast: removeToast }, props)));
+            })))))));
+}
+/**
+ * Provides a function `showToast` that shows a new toast every time you call it.
+ *
+ * ```jsx
+ * const showToast = useToasts()
+ *
+ * <button onClick={() => showToast({ message: 'Hello' })}>
+ *   Say hello
+ * </button>
+ * ```
+ *
+ * All toasts fired via this function are rendered in a global fixed location, and stacked one on
+ * top of the other.
+ *
+ * When called, `showToast` returns a function that dismisses the toast when called.
+ *
+ * @see ToastsProvider
+ */
+function useToasts() {
+    return React__default["default"].useContext(ToastsContext);
+}
+/**
+ * Adds a toast to be rendered, stacked alongside any other currently active toasts.
+ *
+ * For most situations, you should prefer to use the `showToast` function obtained from `useToasts`.
+ * This component is provided for convenience to render toasts in the markup, but it has some
+ * peculiarities, which are discussed below.
+ *
+ * Internally, this calls `showToast`. It is provided for two reasons:
+ *
+ * 1. Convenience, when you want to fire a toast in markup/jsx code. Keep in mind, though, that
+ *    toasts rendered in this way will be removed from view when the context where it is rendered
+ *    is unmounted. Unlike toasts fired with `showToast`, which will normally be dismissed, either
+ *    by the user or after a delay. They'll still be animated on their way out, though.
+ * 2. When combined with disabling dismissing it (e.g. `showDismissButton={false}` and
+ *    `autoDismissDelay={false}` it provides a way to show "permanent" toasts that only go away when
+ *    the component ceases to be rendered).
+ *
+ * This is useful for cases when the consumer wants to control when a toast is visible, and to keep
+ * it visible based on an app-specific condition.
+ *
+ * Something important to note about this component is that it triggers the toast based on the props
+ * passed when first rendered, and it does not update the toast if these props change on subsequent
+ * renders. In this sense, this is an imperative component, more than a descriptive one. This is
+ * done to simplify the internals, and to keep it in line with how `showToast` works: you fire up a
+ * toast imperatively, and you loose control over it. It remains rendered according to the props you
+ * first passed.
+ *
+ * @see useToasts
+ */
+function Toast(props) {
+    var showToast = useToasts();
+    var propsRef = React__default["default"].useRef(props);
+    React__default["default"].useEffect(function () {
+        var dismissToast = showToast(propsRef.current);
+        return dismissToast;
+    }, [showToast]);
+    return null;
+}
+
+exports.Toast = Toast;
+exports.ToastsProvider = ToastsProvider;
+exports.useToasts = useToasts;
 //# sourceMappingURL=use-toasts.js.map

package/lib/toast/use-toasts.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-toasts.js","sources":["../../src/toast/use-toasts.tsx"],"sourcesContent":["import React from 'react'\nimport { Portal } from '@ariakit/react'\n\nimport { generateElementId } from '../utils/common-helpers'\nimport { Box } from '../box'\nimport { Stack } from '../stack'\nimport { isActionObject, StaticToast, StaticToastProps } from './static-toast'\n\nimport styles from './toast.module.css'\n\nimport type { Space } from '../utils/common-types'\nimport { useToastsAnimation } from './toast-animation'\n\n/**\n * The props needed to fire up a new notification toast.\n */\ntype ToastProps = StaticToastProps & {\n    /**\n     * The number of seconds the toast is expected to be shown before it is dismissed automatically,\n     * or false to disable auto-dismiss.\n     *\n     * It defaults to whatever is the autoDismissDelay set in the ToastsProvider.\n     */\n    autoDismissDelay?: number | false\n\n    /**\n     * The label for the button that dismisses the toast.\n     *\n     * It defaults to the value set in the ToastsProvider, but individual toasts can have a\n     * different value if needed.\n     */\n    dismissLabel?: string\n\n    /**\n     * Whether to show the dismiss button or not.\n     *\n     * Use this value with care. If combined with disabling `autoDismissDelay`, it may leave you\n     * with toasts that the user won't be able to dismiss at will. It then is your responsibility to\n     * dismiss the toast by calling the function returned by `showToast`.\n     */\n    showDismissButton?: boolean\n}\n\n//\n// InternalToast component and its props\n//\n\ntype InternalToastProps = Omit<ToastProps, 'autoDismissDelay' | 'dismissLabel'> &\n    Required<Pick<ToastProps, 'autoDismissDelay' | 'dismissLabel'>> & {\n        toastId: string\n        onRemoveToast: (toastId: string) => void\n    }\n\n/** @private */\nconst InternalToast = React.forwardRef<HTMLDivElement, InternalToastProps>(function InternalToast(\n    {\n        message,\n        description,\n        icon,\n        action,\n        autoDismissDelay,\n        dismissLabel,\n        showDismissButton = true,\n        toastId,\n        onDismiss,\n        onRemoveToast,\n    },\n    ref,\n) {\n    const timeoutRef = React.useRef<number | undefined>()\n\n    const removeToast = React.useCallback(\n        function removeToast() {\n            onRemoveToast(toastId)\n            onDismiss?.()\n        },\n        [onDismiss, onRemoveToast, toastId],\n    )\n\n    const startTimeout = React.useCallback(\n        function startTimeout() {\n            if (!autoDismissDelay) return\n            timeoutRef.current = window.setTimeout(removeToast, autoDismissDelay * 1000)\n        },\n        [autoDismissDelay, removeToast],\n    )\n\n    const stopTimeout = React.useCallback(function stopTimeout() {\n        clearTimeout(timeoutRef.current)\n        timeoutRef.current = undefined\n    }, [])\n\n    React.useEffect(\n        function setupAutoDismiss() {\n            stopTimeout()\n            startTimeout()\n\n            return stopTimeout\n        },\n        [startTimeout, stopTimeout],\n    )\n\n    /**\n     * If the action is toast action object and not a custom element,\n     * the `onClick` property is wrapped in another handler responsible\n     * for removing the toast when the action is triggered.\n     */\n    const actionWithCustomActionHandler = React.useMemo(() => {\n        if (!isActionObject(action)) {\n            return action\n        }\n\n        return {\n            ...action,\n            closeToast: action.closeToast ?? true,\n            onClick: function handleActionClick() {\n                if (!action) {\n                    return\n                }\n\n                action.onClick()\n\n                if (action.closeToast ?? true) {\n                    removeToast()\n                }\n            },\n        }\n    }, [action, removeToast])\n\n    return (\n        <StaticToast\n            ref={ref}\n            message={message}\n            description={description}\n            icon={icon}\n            action={actionWithCustomActionHandler}\n            onDismiss={showDismissButton ? removeToast : undefined}\n            dismissLabel={dismissLabel}\n            // @ts-expect-error\n            onMouseEnter={stopTimeout}\n            onMouseLeave={startTimeout}\n        />\n    )\n})\n\n//\n// Internal state and context\n//\n\ntype InternalToastEntry = Omit<InternalToastProps, 'onRemoveToast'>\ntype ToastsList = readonly InternalToastEntry[]\n\ntype ShowToastAction = (props: ToastProps) => () => void\nconst ToastsContext = React.createContext<ShowToastAction>(() => () => undefined)\n\n/**\n * The props needed by the ToastsProvider component.\n *\n * @see ToastsProvider\n */\ntype ToastsProviderProps = {\n    /**\n     * The default label to apply to toast dismiss buttons.\n     *\n     * This is useful in environments that need locatization, so you do not need to pass the same\n     * translated label every time you trigger a toast.\n     *\n     * However, you can still apply a different label to a specific toast, by passing a different\n     * value when calling showToast.\n     *\n     * @default 'Close'\n     */\n    defaultDismissLabel?: string\n\n    /**\n     * The default number of seconds after which the toast will be dismissed automatically.\n     *\n     * You can pass a different value to a specific toast when calling `showToast`. You can even\n     * pass `false` if you want a certain toast to never be dismissed automatically.\n     *\n     * @default 10 (seconds)\n     */\n    defaultAutoDismissDelay?: number\n\n    /**\n     * The padding used to separate the toasts from the viewport borders.\n     *\n     * @default 'large'\n     */\n    padding?: Space\n\n    /**\n     * The app wrapped by the provider.\n     */\n    children: NonNullable<React.ReactNode>\n\n    /**\n     * Custom classname for the toasts container, if you need to fine-tune the position or other styles\n     */\n    containerClassName?: string\n}\n\n/**\n * Provides the state management and rendering of the toasts currently active.\n *\n * You need to render this near the top of your app components tree, in order to `useToasts`.\n *\n * @see useToasts\n */\nfunction ToastsProvider({\n    children,\n    padding = 'large',\n    defaultAutoDismissDelay = 10 /* seconds */,\n    defaultDismissLabel = 'Close',\n    containerClassName,\n}: ToastsProviderProps) {\n    const [toasts, setToasts] = React.useState<ToastsList>([])\n    const { mappedRef, animateRemove } = useToastsAnimation()\n\n    const removeToast = React.useCallback(\n        function onRemoveToast(toastId: string) {\n            animateRemove(toastId, () => {\n                setToasts((list) => {\n                    const index = list.findIndex((n) => n.toastId === toastId)\n                    if (index < 0) return list\n                    const copy = [...list]\n                    copy.splice(index, 1)\n                    return copy\n                })\n            })\n        },\n        [animateRemove],\n    )\n\n    const showToast = React.useCallback(\n        function showToast(props: ToastProps) {\n            const toastId = generateElementId('toast')\n            const newToast: InternalToastEntry = {\n                autoDismissDelay: defaultAutoDismissDelay,\n                dismissLabel: defaultDismissLabel,\n                ...props,\n                toastId,\n            }\n            setToasts((list) => [...list, newToast])\n            return () => removeToast(toastId)\n        },\n        [defaultAutoDismissDelay, defaultDismissLabel, removeToast],\n    )\n\n    return (\n        <ToastsContext.Provider value={showToast}>\n            {children}\n            <Portal>\n                {toasts.length === 0 ? null : (\n                    <Box\n                        className={[styles.stackedToastsView, containerClassName]}\n                        position=\"fixed\"\n                        width=\"full\"\n                        paddingX={padding}\n                        paddingBottom={padding}\n                        data-testid=\"toasts-container\"\n                    >\n                        <Stack space=\"medium\">\n                            {toasts.map(({ toastId, ...props }) => (\n                                <InternalToast\n                                    key={toastId}\n                                    ref={mappedRef(toastId)}\n                                    toastId={toastId}\n                                    onRemoveToast={removeToast}\n                                    {...props}\n                                />\n                            ))}\n                        </Stack>\n                    </Box>\n                )}\n            </Portal>\n        </ToastsContext.Provider>\n    )\n}\n\n/**\n * Provides a function `showToast` that shows a new toast every time you call it.\n *\n * ```jsx\n * const showToast = useToasts()\n *\n * <button onClick={() => showToast({ message: 'Hello' })}>\n *   Say hello\n * </button>\n * ```\n *\n * All toasts fired via this function are rendered in a global fixed location, and stacked one on\n * top of the other.\n *\n * When called, `showToast` returns a function that dismisses the toast when called.\n *\n * @see ToastsProvider\n */\nfunction useToasts() {\n    return React.useContext(ToastsContext)\n}\n\n/**\n * Adds a toast to be rendered, stacked alongside any other currently active toasts.\n *\n * For most situations, you should prefer to use the `showToast` function obtained from `useToasts`.\n * This component is provided for convenience to render toasts in the markup, but it has some\n * peculiarities, which are discussed below.\n *\n * Internally, this calls `showToast`. It is provided for two reasons:\n *\n * 1. Convenience, when you want to fire a toast in markup/jsx code. Keep in mind, though, that\n *    toasts rendered in this way will be removed from view when the context where it is rendered\n *    is unmounted. Unlike toasts fired with `showToast`, which will normally be dismissed, either\n *    by the user or after a delay. They'll still be animated on their way out, though.\n * 2. When combined with disabling dismissing it (e.g. `showDismissButton={false}` and\n *    `autoDismissDelay={false}` it provides a way to show \"permanent\" toasts that only go away when\n *    the component ceases to be rendered).\n *\n * This is useful for cases when the consumer wants to control when a toast is visible, and to keep\n * it visible based on an app-specific condition.\n *\n * Something important to note about this component is that it triggers the toast based on the props\n * passed when first rendered, and it does not update the toast if these props change on subsequent\n * renders. In this sense, this is an imperative component, more than a descriptive one. This is\n * done to simplify the internals, and to keep it in line with how `showToast` works: you fire up a\n * toast imperatively, and you loose control over it. It remains rendered according to the props you\n * first passed.\n *\n * @see useToasts\n */\nfunction Toast(props: ToastProps) {\n    const showToast = useToasts()\n    const propsRef = React.useRef<ToastProps>(props)\n    React.useEffect(() => {\n        const dismissToast = showToast(propsRef.current)\n        return dismissToast\n    }, [showToast])\n    return null\n}\n\nexport { Toast, ToastsProvider, useToasts }\nexport type { ToastProps, ToastsProviderProps }\n"],"names":["InternalToast","React","forwardRef","message","description","icon","action","autoDismissDelay","dismissLabel","showDismissButton","toastId","onDismiss","onRemoveToast","ref","timeoutRef","useRef","removeToast","useCallback","startTimeout","current","window","setTimeout","stopTimeout","clearTimeout","undefined","useEffect","actionWithCustomActionHandler","useMemo","isActionObject","_objectSpread","objectSpread2","closeToast","onClick","createElement","StaticToast","onMouseEnter","onMouseLeave","ToastsContext","createContext","useToasts","useContext","props","showToast","propsRef","children","padding","defaultAutoDismissDelay","defaultDismissLabel","containerClassName","toasts","setToasts","useState","mappedRef","animateRemove","useToastsAnimation","list","index","findIndex","n","copy","splice","generateElementId","newToast","Provider","value","Portal","length","Box","className","styles","stackedToastsView","position","width","paddingX","paddingBottom","Stack","space","map","_ref","_objectWithoutProperties","objectWithoutProperties","_excluded","key"],"mappings":"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"}
+{"version":3,"file":"use-toasts.js","sources":["../../src/toast/use-toasts.tsx"],"sourcesContent":[null],"names":["React","isActionObject","__assign","StaticToast","useToastsAnimation","__spreadArray","generateElementId","Portal","Box","styles","Stack","__rest"],"mappings":"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"}

package/lib/tooltip/index.d.ts

@@ -1,2 +1,2 @@
-export { Tooltip, TooltipProvider } from './tooltip';
-export type { TooltipProps } from './tooltip';
+export { Tooltip, TooltipProvider } from './tooltip';
+export type { TooltipProps } from './tooltip';

package/lib/tooltip/tooltip.d.ts

@@ -1,72 +1,72 @@
-import * as React from 'react';
-import type { TooltipStoreState, TooltipStore } from '@ariakit/react';
-import type { ObfuscatedClassName } from '../utils/common-types';
-declare function TooltipProvider({ showTimeout, hideTimeout, children, }: React.PropsWithChildren<{
-    showTimeout?: number;
-    hideTimeout?: number;
-}>): React.JSX.Element;
-interface TooltipProps extends ObfuscatedClassName {
-    /**
-     * The element that triggers the tooltip. Generally a button or link.
-     *
-     * It should be an interactive element accessible both via mouse and keyboard interactions.
-     */
-    children: React.ReactNode;
-    /**
-     * The content to show in the tooltip.
-     *
-     * It can be rich content provided via React elements, or string content. It should not include
-     * interactive elements inside it. This includes links or buttons.
-     *
-     * You can provide a function instead of the content itself. In this case, the function should
-     * return the desired content. This is useful if the content is expensive to generate. It can
-     * also be useful if the content dynamically changes often, so every time you trigger the
-     * tooltip the content may have changed (e.g. if you show a ticking time clock in the tooltip).
-     *
-     * The trigger element will be associated to this content via `aria-describedby`. This means
-     * that the tooltip content will be read by assistive technologies such as screen readers. It
-     * will likely read this content right after reading the trigger element label.
-     */
-    content: React.ReactNode | (() => React.ReactNode);
-    /**
-     * How to place the tooltip relative to its trigger element.
-     *
-     * The possible values are "top", "bottom", "left", "right". Additionally, any of these values
-     * can be combined with `-start` or `-end` for even more control. For instance `top-start` will
-     * place the tooltip at the top, but with the start (e.g. left) side of the toolip and the
-     * trigger aligned. If neither `-start` or `-end` are provided, the tooltip is centered along
-     * the vertical or horizontal axis with the trigger.
-     *
-     * The position is enforced whenever possible, but tooltips can appear in different positions
-     * if the specified one would make the tooltip intersect with the viewport edges.
-     *
-     * @default 'top'
-     */
-    position?: TooltipStoreState['placement'];
-    /**
-     * The separation (in pixels) between the trigger element and the tooltip.
-     * @default 3
-     */
-    gapSize?: number;
-    /**
-     * Whether to show an arrow-like element attached to the tooltip, and pointing towards the
-     * trigger element.
-     * @default false
-     */
-    withArrow?: boolean;
-    /**
-     * The amount of time in milliseconds to wait before showing the tooltip
-     * Use `<TooltipContext.Provider>` to set a global value for all tooltips
-     * @default 500
-     */
-    showTimeout?: number;
-    /**
-     * The amount of time in milliseconds to wait before hiding the tooltip
-     * Use `<TooltipContext.Provider>` to set a global value for all tooltips
-     * @default 100
-     */
-    hideTimeout?: number;
-}
-declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<TooltipStore>>;
-export type { TooltipProps };
-export { Tooltip, TooltipProvider };
+import * as React from 'react';
+import type { TooltipStoreState, TooltipStore } from '@ariakit/react';
+import type { ObfuscatedClassName } from '../utils/common-types';
+declare function TooltipProvider({ showTimeout, hideTimeout, children, }: React.PropsWithChildren<{
+    showTimeout?: number;
+    hideTimeout?: number;
+}>): React.JSX.Element;
+interface TooltipProps extends ObfuscatedClassName {
+    /**
+     * The element that triggers the tooltip. Generally a button or link.
+     *
+     * It should be an interactive element accessible both via mouse and keyboard interactions.
+     */
+    children: React.ReactNode;
+    /**
+     * The content to show in the tooltip.
+     *
+     * It can be rich content provided via React elements, or string content. It should not include
+     * interactive elements inside it. This includes links or buttons.
+     *
+     * You can provide a function instead of the content itself. In this case, the function should
+     * return the desired content. This is useful if the content is expensive to generate. It can
+     * also be useful if the content dynamically changes often, so every time you trigger the
+     * tooltip the content may have changed (e.g. if you show a ticking time clock in the tooltip).
+     *
+     * The trigger element will be associated to this content via `aria-describedby`. This means
+     * that the tooltip content will be read by assistive technologies such as screen readers. It
+     * will likely read this content right after reading the trigger element label.
+     */
+    content: React.ReactNode | (() => React.ReactNode);
+    /**
+     * How to place the tooltip relative to its trigger element.
+     *
+     * The possible values are "top", "bottom", "left", "right". Additionally, any of these values
+     * can be combined with `-start` or `-end` for even more control. For instance `top-start` will
+     * place the tooltip at the top, but with the start (e.g. left) side of the toolip and the
+     * trigger aligned. If neither `-start` or `-end` are provided, the tooltip is centered along
+     * the vertical or horizontal axis with the trigger.
+     *
+     * The position is enforced whenever possible, but tooltips can appear in different positions
+     * if the specified one would make the tooltip intersect with the viewport edges.
+     *
+     * @default 'top'
+     */
+    position?: TooltipStoreState['placement'];
+    /**
+     * The separation (in pixels) between the trigger element and the tooltip.
+     * @default 3
+     */
+    gapSize?: number;
+    /**
+     * Whether to show an arrow-like element attached to the tooltip, and pointing towards the
+     * trigger element.
+     * @default false
+     */
+    withArrow?: boolean;
+    /**
+     * The amount of time in milliseconds to wait before showing the tooltip
+     * Use `<TooltipContext.Provider>` to set a global value for all tooltips
+     * @default 500
+     */
+    showTimeout?: number;
+    /**
+     * The amount of time in milliseconds to wait before hiding the tooltip
+     * Use `<TooltipContext.Provider>` to set a global value for all tooltips
+     * @default 100
+     */
+    hideTimeout?: number;
+}
+declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<TooltipStore>>;
+export type { TooltipProps };
+export { Tooltip, TooltipProvider };