@doist/reactist 28.7.2 → 28.7.3

package/lib/toast/static-toast.js

@@ -1,2 +1,60 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),l=require("../icons/close-icon.js"),a=require("../box/box.js"),n=require("../button/button.js"),r=require("../stack/stack.js"),i=require("../text/text.js"),o=require("./toast.module.css.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=s(t);const c=["message","description","icon","action","onDismiss","dismissLabel"];function d(e){return null!=e&&"object"==typeof e&&"label"in e&&"onClick"in e&&"string"==typeof e.label&&"function"==typeof e.onClick}function f({children:e}){return u.default.createElement(a.Box,{display:"flex",alignItems:"center",justifyContent:"center",marginX:"-xsmall",marginY:"-medium",className:o.default.slot},e)}exports.StaticToast=u.default.forwardRef((function(t,s){let{message:m,description:b,icon:p,action:x,onDismiss:j,dismissLabel:E="Close"}=t,g=e.objectWithoutProperties(t,c);return u.default.createElement(a.Box,e.objectSpread2({ref:s,role:"alert","aria-live":"polite",borderRadius:"full",width:"fitContent",background:"toast",display:"flex",padding:"large",alignItems:"center",className:o.default.toastContainer},g),p?u.default.createElement(f,null,p):null,u.default.createElement(a.Box,{flexGrow:1,maxWidth:"small"},b?u.default.createElement(r.Stack,{space:"small"},u.default.createElement(i.Text,{weight:"bold"},m," "),u.default.createElement(i.Text,null,b)):u.default.createElement(i.Text,null,m)),x?u.default.createElement(f,null,d(x)?u.default.createElement(n.Button,{variant:"tertiary",size:"small",onClick:x.onClick},x.label):x):null,j?u.default.createElement(f,null,u.default.createElement(n.IconButton,{variant:"quaternary",size:"small",onClick:j,"aria-label":E,icon:u.default.createElement(l.CloseIcon,null)})):null)})),exports.isActionObject=d;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var closeIcon = require('../icons/close-icon.js');
+var box = require('../box/box.js');
+var button = require('../button/button.js');
+var stack = require('../stack/stack.js');
+var text = require('../text/text.js');
+var toast_module = require('./toast.module.css.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+/**
+ * A toast that shows a message, and an optional action associated with it.
+ *
+ * This component is generally not meant to be used directly. Most of the time you'll want to use
+ * toasts generated via `useToasts` instead. However, this component is available in case you need
+ * to take control of rendering a toast under different circumstances than that of notification-like
+ * floating toasts.
+ *
+ * This component makes no assumptions outwardly about how it is positioned on the screen. That is,
+ * it will not be shown floating or fixed to the viewport edges, as toasts normally show up. It only
+ * provides the toast look and feel, but you are responsible for positioning it as you want.
+ *
+ * @see useToasts
+ */
+var StaticToast = React__default["default"].forwardRef(function Toast(_a, ref) {
+    var message = _a.message, description = _a.description, icon = _a.icon, action = _a.action, onDismiss = _a.onDismiss, _b = _a.dismissLabel, dismissLabel = _b === void 0 ? 'Close' : _b, props = tslib.__rest(_a, ["message", "description", "icon", "action", "onDismiss", "dismissLabel"]);
+    return (React__default["default"].createElement(box.Box, tslib.__assign({ ref: ref, role: "alert", "aria-live": "polite", borderRadius: "full", width: "fitContent", background: "toast", display: "flex", padding: "large", alignItems: "center", className: toast_module["default"].toastContainer }, props),
+        icon ? React__default["default"].createElement(ToastContentSlot, null, icon) : null,
+        React__default["default"].createElement(box.Box, { flexGrow: 1, maxWidth: "small" }, description ? (React__default["default"].createElement(stack.Stack, { space: "small" },
+            React__default["default"].createElement(text.Text, { weight: "bold" },
+                message,
+                " "),
+            React__default["default"].createElement(text.Text, null, description))) : (React__default["default"].createElement(text.Text, null, message))),
+        action ? (React__default["default"].createElement(ToastContentSlot, null, isActionObject(action) ? (React__default["default"].createElement(button.Button, { variant: "tertiary", size: "small", onClick: action.onClick }, action.label)) : (action))) : null,
+        onDismiss ? (React__default["default"].createElement(ToastContentSlot, null,
+            React__default["default"].createElement(button.IconButton, { variant: "quaternary", size: "small", onClick: onDismiss, "aria-label": dismissLabel, icon: React__default["default"].createElement(closeIcon.CloseIcon, null) }))) : null));
+});
+function isActionObject(action) {
+    return (action != null &&
+        typeof action === 'object' &&
+        'label' in action &&
+        'onClick' in action &&
+        typeof action.label === 'string' &&
+        typeof action.onClick === 'function');
+}
+function ToastContentSlot(_a) {
+    var children = _a.children;
+    return (React__default["default"].createElement(box.Box, { display: "flex", alignItems: "center", justifyContent: "center", marginX: "-xsmall", marginY: "-medium", className: toast_module["default"].slot }, children));
+}
+
+exports.StaticToast = StaticToast;
+exports.isActionObject = isActionObject;
 //# sourceMappingURL=static-toast.js.map

package/lib/toast/static-toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"static-toast.js","sources":["../../src/toast/static-toast.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CloseIcon } from '../icons/close-icon'\nimport { Box } from '../box'\nimport { IconButton, Button } from '../button'\nimport { Stack } from '../stack'\nimport { Text } from '../text'\n\nimport styles from './toast.module.css'\n\ntype ToastActionObject = {\n    label: string\n    onClick: () => void\n    closeToast?: boolean\n}\n\ntype StaticToastProps = {\n    /**\n     * The message shown in the toast.\n     */\n    message: NonNullable<React.ReactNode>\n\n    /**\n     * An optional extra description that complements the main message shown in the toast.\n     */\n    description?: React.ReactNode\n\n    /**\n     * An icon to be shown in front of the message.\n     */\n    icon?: React.ReactNode\n\n    /**\n     * The action to call when the user clicks on the dismiss button. If omitted, the dismiss button\n     * does not appear.\n     */\n    onDismiss?: () => void\n\n    /**\n     * The label for the button that dismisses the toast.\n     */\n    dismissLabel?: string\n\n    /**\n     * What to render in the action slot. Usually a button or link.\n     *\n     * You can also pass an object that containst the action label, and a function that performs the\n     * action. This is used by the toast component to render a button for you.\n     *\n     * In general, you should prefer the action object most of the time. But it is possible to pass\n     * a React element instead, if you need more control over what to render. For instance, you may\n     * want to render a link instead of a button.\n     *\n     * Keep in mind, though, that the default button rendered uses `variant=\"tertiary\"` and\n     * `size=\"small\"`. In most cases you should stick to the variants `tertiary` or `primary`, which\n     * are the ones that look better in the toast's dark background. And in all cases you should use\n     * size `small`.\n     */\n    action?: React.ReactElement | ToastActionObject\n}\n\n/**\n * A toast that shows a message, and an optional action associated with it.\n *\n * This component is generally not meant to be used directly. Most of the time you'll want to use\n * toasts generated via `useToasts` instead. However, this component is available in case you need\n * to take control of rendering a toast under different circumstances than that of notification-like\n * floating toasts.\n *\n * This component makes no assumptions outwardly about how it is positioned on the screen. That is,\n * it will not be shown floating or fixed to the viewport edges, as toasts normally show up. It only\n * provides the toast look and feel, but you are responsible for positioning it as you want.\n *\n * @see useToasts\n */\nconst StaticToast = React.forwardRef<HTMLDivElement, StaticToastProps>(function Toast(\n    { message, description, icon, action, onDismiss, dismissLabel = 'Close', ...props },\n    ref,\n) {\n    return (\n        <Box\n            ref={ref}\n            role=\"alert\"\n            aria-live=\"polite\"\n            borderRadius=\"full\"\n            width=\"fitContent\"\n            background=\"toast\"\n            display=\"flex\"\n            padding=\"large\"\n            alignItems=\"center\"\n            className={styles.toastContainer}\n            {...props}\n        >\n            {icon ? <ToastContentSlot>{icon}</ToastContentSlot> : null}\n\n            <Box flexGrow={1} maxWidth=\"small\">\n                {description ? (\n                    <Stack space=\"small\">\n                        <Text weight=\"bold\">{message} </Text>\n                        <Text>{description}</Text>\n                    </Stack>\n                ) : (\n                    <Text>{message}</Text>\n                )}\n            </Box>\n\n            {action ? (\n                <ToastContentSlot>\n                    {isActionObject(action) ? (\n                        <Button variant=\"tertiary\" size=\"small\" onClick={action.onClick}>\n                            {action.label}\n                        </Button>\n                    ) : (\n                        action\n                    )}\n                </ToastContentSlot>\n            ) : null}\n\n            {onDismiss ? (\n                <ToastContentSlot>\n                    <IconButton\n                        variant=\"quaternary\"\n                        size=\"small\"\n                        onClick={onDismiss}\n                        aria-label={dismissLabel}\n                        icon={<CloseIcon />}\n                    />\n                </ToastContentSlot>\n            ) : null}\n        </Box>\n    )\n})\n\nfunction isActionObject(action: StaticToastProps['action']): action is ToastActionObject {\n    return (\n        action != null &&\n        typeof action === 'object' &&\n        'label' in action &&\n        'onClick' in action &&\n        typeof action.label === 'string' &&\n        typeof action.onClick === 'function'\n    )\n}\n\nfunction ToastContentSlot({ children }: { children: React.ReactNode }) {\n    return (\n        <Box\n            display=\"flex\"\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            marginX=\"-xsmall\"\n            marginY=\"-medium\"\n            className={styles.slot}\n        >\n            {children}\n        </Box>\n    )\n}\n\nexport { StaticToast, isActionObject }\nexport type { StaticToastProps }\n"],"names":["isActionObject","action","label","onClick","ToastContentSlot","children","React","createElement","Box","display","alignItems","justifyContent","marginX","marginY","className","styles","slot","forwardRef","ref","message","description","icon","onDismiss","dismissLabel","_ref","props","_objectWithoutProperties","objectWithoutProperties","_excluded","_objectSpread","role","aria-live","borderRadius","width","background","padding","toastContainer","flexGrow","maxWidth","Stack","space","Text","weight","Button","variant","size","IconButton","aria-label","CloseIcon"],"mappings":"gfAqIA,SAASA,EAAeC,GACpB,OACc,MAAVA,GACkB,iBAAXA,GACP,UAAWA,GACX,YAAaA,GACW,iBAAjBA,EAAOC,OACY,mBAAnBD,EAAOE,QAItB,SAASC,GAAiBC,SAAEA,IACxB,OACIC,EAAA,QAAAC,cAACC,MAAG,CACAC,QAAQ,OACRC,WAAW,SACXC,eAAe,SACfC,QAAQ,UACRC,QAAQ,UACRC,UAAWC,EAAM,QAACC,MAEjBX,uBA/EOC,EAAK,QAACW,YAA6C,SAEnEC,EAAAA,GAAG,IADHC,QAAEA,EAAFC,YAAWA,EAAXC,KAAwBA,EAAxBpB,OAA8BA,EAA9BqB,UAAsCA,EAAtCC,aAAiDA,EAAe,SAC7DC,EADyEC,EACzEC,EAAAC,wBAAAH,EAAAI,GAEH,OACItB,wBAACE,EAADA,IAAAqB,gBAAA,CACIX,IAAKA,EACLY,KAAK,QACKC,YAAA,SACVC,aAAa,OACbC,MAAM,aACNC,WAAW,QACXzB,QAAQ,OACR0B,QAAQ,QACRzB,WAAW,SACXI,UAAWC,EAAM,QAACqB,gBACdX,GAEHJ,EAAOf,EAAC,QAAAC,cAAAH,EAAkB,KAAAiB,GAA2B,KAEtDf,UAACC,cAAAC,EAAAA,KAAI6B,SAAU,EAAGC,SAAS,SACtBlB,EACGd,EAAAA,QAAAC,cAACgC,QAAM,CAAAC,MAAM,SACTlC,EAAA,QAAAC,cAACkC,OAAI,CAACC,OAAO,QAAQvB,EAAgB,KACrCb,EAAAA,QAAAC,cAACkC,EAAAA,KAAM,KAAArB,IAGXd,wBAACmC,EAAAA,KAAI,KAAEtB,IAIdlB,EACGK,wBAACF,EAAgB,KACZJ,EAAeC,GACZK,UAACC,cAAAoC,EAAAA,QAAOC,QAAQ,WAAWC,KAAK,QAAQ1C,QAASF,EAAOE,SACnDF,EAAOC,OAGZD,GAGR,KAEHqB,EACGhB,wBAACF,EAAgB,KACbE,EAAAA,QAAAC,cAACuC,EAAAA,WAAU,CACPF,QAAQ,aACRC,KAAK,QACL1C,QAASmB,EACGyB,aAAAxB,EACZF,KAAMf,EAAA,QAAAC,cAACyC,EAAAA,UAAS,SAGxB"}
+{"version":3,"file":"static-toast.js","sources":["../../src/toast/static-toast.tsx"],"sourcesContent":[null],"names":["React","__rest","Box","__assign","styles","Stack","Text","Button","IconButton","CloseIcon"],"mappings":"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"}

package/lib/toast/toast-animation.d.ts

@@ -1,50 +1,50 @@
-/**
- * Adapted with minor changes from https://github.com/seek-oss/braid-design-system/blob/7a5ebccb/packages/braid-design-system/lib/components/useToast/useFlipList.ts
- *
- * MIT License
- *
- * Copyright (c) 2018 SEEK
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-declare const ANIMATION_TIMEOUT = 400;
-type ToastsAnimationToolkit = {
-    /**
-     * Used for gathering all the active stacked toast elements. Should be used by passing
-     * `ref={mappedRef(toastId)}` to the stacked toasts.
-     */
-    mappedRef: (toastId: string) => (ref: HTMLElement | null) => void;
-    /**
-     * The stacked toasts view should use this callback when it needs to remove a toast, instead of
-     * removing it right away. The actual removal from the state (and consequently, from the DOM)
-     * should happen in the `onAnimationDone` instead.
-     */
-    animateRemove: (toastId: string, onAnimationDone: () => void) => void;
-};
-/**
- * Provides the functionality of animating the stacked toasts when they appear and before they
- * disappear.
- *
- * It works by keeping a mapping from toast IDs to the toast elements, and keeping a mapping from
- * toast IDs to their top position. Then, on every single re-render, it compares the new DOM
- * situation with the previously stored one in these mappings. With this information, it applies
- * animations that smoothly transitions between both states.
- */
-declare function useToastsAnimation(): ToastsAnimationToolkit;
-export { ANIMATION_TIMEOUT, useToastsAnimation };
+/**
+ * Adapted with minor changes from https://github.com/seek-oss/braid-design-system/blob/7a5ebccb/packages/braid-design-system/lib/components/useToast/useFlipList.ts
+ *
+ * MIT License
+ *
+ * Copyright (c) 2018 SEEK
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+declare const ANIMATION_TIMEOUT = 400;
+type ToastsAnimationToolkit = {
+    /**
+     * Used for gathering all the active stacked toast elements. Should be used by passing
+     * `ref={mappedRef(toastId)}` to the stacked toasts.
+     */
+    mappedRef: (toastId: string) => (ref: HTMLElement | null) => void;
+    /**
+     * The stacked toasts view should use this callback when it needs to remove a toast, instead of
+     * removing it right away. The actual removal from the state (and consequently, from the DOM)
+     * should happen in the `onAnimationDone` instead.
+     */
+    animateRemove: (toastId: string, onAnimationDone: () => void) => void;
+};
+/**
+ * Provides the functionality of animating the stacked toasts when they appear and before they
+ * disappear.
+ *
+ * It works by keeping a mapping from toast IDs to the toast elements, and keeping a mapping from
+ * toast IDs to their top position. Then, on every single re-render, it compares the new DOM
+ * situation with the previously stored one in these mappings. With this information, it applies
+ * animations that smoothly transitions between both states.
+ */
+declare function useToastsAnimation(): ToastsAnimationToolkit;
+export { ANIMATION_TIMEOUT, useToastsAnimation };

package/lib/toast/toast-animation.js

@@ -1,2 +1,142 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");function t({element:e,transforms:t,transition:r,done:n}){const o=setTimeout(()=>{null==n||n()},400);t.forEach(({property:t,from:r=""})=>{e.style.setProperty(t,r)}),e.style.setProperty("transition",""),e.addEventListener("transitionend",(function t(r){r.target===e&&(e.style.setProperty("transition",""),null==n||n(),e.removeEventListener("transitionend",t),clearTimeout(o))})),window.requestAnimationFrame(()=>{window.requestAnimationFrame(()=>{e.style.setProperty("transition",r),t.forEach(({property:t,to:r=""})=>{e.style.setProperty(t,r)})})})}exports.ANIMATION_TIMEOUT=400,exports.useToastsAnimation=function(){const r=e.useMemo(()=>new Map,[]),n=e.useMemo(()=>new Map,[]);e.useLayoutEffect(()=>{const e=[];Array.from(r.entries()).forEach(([t,o])=>{if(!o)return void r.delete(t);const s=n.get(t),{top:a,height:i}=o.getBoundingClientRect();"number"==typeof s&&s!==a?e.push({element:o,transition:"transform 0.3s ease, opacity 0.3s ease",transforms:[{property:"transform",from:`translateY(${s-a}px)`}]}):"number"!=typeof s&&e.push({element:o,transition:"transform 0.3s ease, opacity 0.3s ease",transforms:[{property:"transform",from:`translateY(${i}px)`},{property:"opacity",from:"0"}]}),n.set(t,o.getBoundingClientRect().top)}),e.forEach(({element:e,transforms:r,transition:n})=>{t({element:e,transforms:r,transition:n})})});const o=e.useCallback((function(e,n){const o=r.get(e);o&&t({element:o,transforms:[{property:"opacity",to:"0"}],transition:"opacity 0.2s ease",done:n})}),[r]);return{mappedRef:e.useCallback(e=>t=>{r.set(e,t)},[r]),animateRemove:o}};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+/**
+ * Adapted with minor changes from https://github.com/seek-oss/braid-design-system/blob/7a5ebccb/packages/braid-design-system/lib/components/useToast/useFlipList.ts
+ *
+ * MIT License
+ *
+ * Copyright (c) 2018 SEEK
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+var ANIMATION_TIMEOUT = 400;
+var ENTRANCE_TRANSITION = 'transform 0.3s ease, opacity 0.3s ease';
+var EXIT_TRANSITION = 'opacity 0.2s ease';
+/**
+ * Applies the "from" value of given CSS properties, and also sets a transition CSS property. Then
+ * it waits an animation frame before setting the same CSS properties to the target "to" value. This
+ * triggers the browser to perform the CSS transition on them.
+ *
+ * At the end of the animation, it cleans up, unsetting all the CSS properties (including the
+ * transition), and calls the "done" callback, if given.
+ */
+function animate(_a) {
+    var element = _a.element, transforms = _a.transforms, transition = _a.transition, done = _a.done;
+    var fallbackTimeout = setTimeout(function () {
+        done === null || done === void 0 ? void 0 : done();
+    }, ANIMATION_TIMEOUT);
+    transforms.forEach(function (_a) {
+        var property = _a.property, _b = _a.from, from = _b === void 0 ? '' : _b;
+        element.style.setProperty(property, from);
+    });
+    element.style.setProperty('transition', '');
+    function transitionEndHandler(event) {
+        if (event.target !== element) {
+            return;
+        }
+        element.style.setProperty('transition', '');
+        done === null || done === void 0 ? void 0 : done();
+        element.removeEventListener('transitionend', transitionEndHandler);
+        clearTimeout(fallbackTimeout);
+    }
+    element.addEventListener('transitionend', transitionEndHandler);
+    // Call requestAnimationFrame twice to make sure we have a full animation frame at our disposal
+    window.requestAnimationFrame(function () {
+        window.requestAnimationFrame(function () {
+            element.style.setProperty('transition', transition);
+            transforms.forEach(function (_a) {
+                var property = _a.property, _b = _a.to, to = _b === void 0 ? '' : _b;
+                element.style.setProperty(property, to);
+            });
+        });
+    });
+}
+/**
+ * Provides the functionality of animating the stacked toasts when they appear and before they
+ * disappear.
+ *
+ * It works by keeping a mapping from toast IDs to the toast elements, and keeping a mapping from
+ * toast IDs to their top position. Then, on every single re-render, it compares the new DOM
+ * situation with the previously stored one in these mappings. With this information, it applies
+ * animations that smoothly transitions between both states.
+ */
+function useToastsAnimation() {
+    var refs = React.useMemo(function () { return new Map(); }, []);
+    var positions = React.useMemo(function () { return new Map(); }, []);
+    React.useLayoutEffect(function () {
+        var animations = [];
+        Array.from(refs.entries()).forEach(function (_a) {
+            var id = _a[0], element = _a[1];
+            if (!element) {
+                refs["delete"](id);
+                return;
+            }
+            var prevTop = positions.get(id);
+            var _b = element.getBoundingClientRect(), top = _b.top, height = _b.height;
+            if (typeof prevTop === 'number' && prevTop !== top) {
+                // Move animation
+                animations.push({
+                    element: element,
+                    transition: ENTRANCE_TRANSITION,
+                    transforms: [{ property: 'transform', from: "translateY(".concat(prevTop - top, "px)") }]
+                });
+            }
+            else if (typeof prevTop !== 'number') {
+                // Enter animation
+                animations.push({
+                    element: element,
+                    transition: ENTRANCE_TRANSITION,
+                    transforms: [
+                        { property: 'transform', from: "translateY(".concat(height, "px)") },
+                        { property: 'opacity', from: '0' },
+                    ]
+                });
+            }
+            positions.set(id, element.getBoundingClientRect().top);
+        });
+        animations.forEach(function (_a) {
+            var element = _a.element, transforms = _a.transforms, transition = _a.transition;
+            animate({ element: element, transforms: transforms, transition: transition });
+        });
+    });
+    var animateRemove = React.useCallback(function animateRemove(id, onAnimationDone) {
+        var element = refs.get(id);
+        if (element) {
+            // Removal animation
+            animate({
+                element: element,
+                transforms: [{ property: 'opacity', to: '0' }],
+                transition: EXIT_TRANSITION,
+                done: onAnimationDone
+            });
+        }
+    }, [refs]);
+    var mappedRef = React.useCallback(function (id) { return function (ref) {
+        refs.set(id, ref);
+    }; }, [refs]);
+    return { mappedRef: mappedRef, animateRemove: animateRemove };
+}
+
+exports.ANIMATION_TIMEOUT = ANIMATION_TIMEOUT;
+exports.useToastsAnimation = useToastsAnimation;
 //# sourceMappingURL=toast-animation.js.map

package/lib/toast/toast-animation.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast-animation.js","sources":["../../src/toast/toast-animation.ts"],"sourcesContent":["/**\n * Adapted with minor changes from https://github.com/seek-oss/braid-design-system/blob/7a5ebccb/packages/braid-design-system/lib/components/useToast/useFlipList.ts\n *\n * MIT License\n *\n * Copyright (c) 2018 SEEK\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\nimport { useMemo, useCallback, useLayoutEffect } from 'react'\n\nconst ANIMATION_TIMEOUT = 400\nconst ENTRANCE_TRANSITION = 'transform 0.3s ease, opacity 0.3s ease'\nconst EXIT_TRANSITION = 'opacity 0.2s ease'\n\ntype Transform = {\n    property: 'opacity' | 'transform' | 'scale'\n    from?: string\n    to?: string\n}\n\n/**\n * Applies the \"from\" value of given CSS properties, and also sets a transition CSS property. Then\n * it waits an animation frame before setting the same CSS properties to the target \"to\" value. This\n * triggers the browser to perform the CSS transition on them.\n *\n * At the end of the animation, it cleans up, unsetting all the CSS properties (including the\n * transition), and calls the \"done\" callback, if given.\n */\nfunction animate({\n    element,\n    transforms,\n    transition,\n    done,\n}: {\n    element: HTMLElement\n    transforms: Transform[]\n    transition: string\n    done?: () => void\n}) {\n    const fallbackTimeout = setTimeout(() => {\n        done?.()\n    }, ANIMATION_TIMEOUT)\n\n    transforms.forEach(({ property, from = '' }) => {\n        element.style.setProperty(property, from)\n    })\n    element.style.setProperty('transition', '')\n\n    function transitionEndHandler(event: TransitionEvent) {\n        if (event.target !== element) {\n            return\n        }\n        element.style.setProperty('transition', '')\n        done?.()\n        element.removeEventListener('transitionend', transitionEndHandler)\n        clearTimeout(fallbackTimeout)\n    }\n\n    element.addEventListener('transitionend', transitionEndHandler)\n\n    // Call requestAnimationFrame twice to make sure we have a full animation frame at our disposal\n    window.requestAnimationFrame(() => {\n        window.requestAnimationFrame(() => {\n            element.style.setProperty('transition', transition)\n            transforms.forEach(({ property, to = '' }) => {\n                element.style.setProperty(property, to)\n            })\n        })\n    })\n}\n\ntype ToastsAnimationToolkit = {\n    /**\n     * Used for gathering all the active stacked toast elements. Should be used by passing\n     * `ref={mappedRef(toastId)}` to the stacked toasts.\n     */\n    mappedRef: (toastId: string) => (ref: HTMLElement | null) => void\n\n    /**\n     * The stacked toasts view should use this callback when it needs to remove a toast, instead of\n     * removing it right away. The actual removal from the state (and consequently, from the DOM)\n     * should happen in the `onAnimationDone` instead.\n     */\n    animateRemove: (toastId: string, onAnimationDone: () => void) => void\n}\n\n/**\n * Provides the functionality of animating the stacked toasts when they appear and before they\n * disappear.\n *\n * It works by keeping a mapping from toast IDs to the toast elements, and keeping a mapping from\n * toast IDs to their top position. Then, on every single re-render, it compares the new DOM\n * situation with the previously stored one in these mappings. With this information, it applies\n * animations that smoothly transitions between both states.\n */\nfunction useToastsAnimation(): ToastsAnimationToolkit {\n    const refs = useMemo(() => new Map<string, HTMLElement | null>(), [])\n    const positions = useMemo(() => new Map<string, number>(), [])\n\n    useLayoutEffect(() => {\n        const animations: Array<{\n            element: HTMLElement\n            transforms: Transform[]\n            transition: string\n        }> = []\n\n        Array.from(refs.entries()).forEach(([id, element]) => {\n            if (!element) {\n                refs.delete(id)\n                return\n            }\n\n            const prevTop = positions.get(id)\n            const { top, height } = element.getBoundingClientRect()\n\n            if (typeof prevTop === 'number' && prevTop !== top) {\n                // Move animation\n                animations.push({\n                    element,\n                    transition: ENTRANCE_TRANSITION,\n                    transforms: [{ property: 'transform', from: `translateY(${prevTop - top}px)` }],\n                })\n            } else if (typeof prevTop !== 'number') {\n                // Enter animation\n                animations.push({\n                    element,\n                    transition: ENTRANCE_TRANSITION,\n                    transforms: [\n                        { property: 'transform', from: `translateY(${height}px)` },\n                        { property: 'opacity', from: '0' },\n                    ],\n                })\n            }\n\n            positions.set(id, element.getBoundingClientRect().top)\n        })\n\n        animations.forEach(({ element, transforms, transition }) => {\n            animate({ element, transforms, transition })\n        })\n    })\n\n    const animateRemove = useCallback(\n        function animateRemove(id: string, onAnimationDone: () => void) {\n            const element = refs.get(id)\n            if (element) {\n                // Removal animation\n                animate({\n                    element,\n                    transforms: [{ property: 'opacity', to: '0' }],\n                    transition: EXIT_TRANSITION,\n                    done: onAnimationDone,\n                })\n            }\n        },\n        [refs],\n    )\n\n    const mappedRef = useCallback(\n        (id: string) => (ref: HTMLElement | null) => {\n            refs.set(id, ref)\n        },\n        [refs],\n    )\n\n    return { mappedRef, animateRemove }\n}\n\nexport { ANIMATION_TIMEOUT, useToastsAnimation }\n"],"names":["animate","element","transforms","transition","done","fallbackTimeout","setTimeout","forEach","property","from","style","setProperty","addEventListener","transitionEndHandler","event","target","removeEventListener","clearTimeout","window","requestAnimationFrame","to","refs","useMemo","Map","positions","useLayoutEffect","animations","Array","entries","id","delete","prevTop","get","top","height","getBoundingClientRect","push","set","animateRemove","useCallback","onAnimationDone","mappedRef","ref"],"mappings":"2FA8CA,SAASA,GAAQC,QACbA,EADaC,WAEbA,EAFaC,WAGbA,EAHaC,KAIbA,IAOA,MAAMC,EAAkBC,WAAW,KAC3B,MAAJF,GAAAA,KA9BkB,KAiCtBF,EAAWK,QAAQ,EAAGC,SAAAA,EAAUC,KAAAA,EAAO,OACnCR,EAAQS,MAAMC,YAAYH,EAAUC,KAExCR,EAAQS,MAAMC,YAAY,aAAc,IAYxCV,EAAQW,iBAAiB,iBAVzB,SAASC,EAAqBC,GACtBA,EAAMC,SAAWd,IAGrBA,EAAQS,MAAMC,YAAY,aAAc,IACpC,MAAJP,GAAAA,IACAH,EAAQe,oBAAoB,gBAAiBH,GAC7CI,aAAaZ,OAMjBa,OAAOC,sBAAsB,KACzBD,OAAOC,sBAAsB,KACzBlB,EAAQS,MAAMC,YAAY,aAAcR,GACxCD,EAAWK,QAAQ,EAAGC,SAAAA,EAAUY,GAAAA,EAAK,OACjCnB,EAAQS,MAAMC,YAAYH,EAAUY,mCAvD1B,+BAqF1B,WACI,MAAMC,EAAOC,EAAAA,QAAQ,IAAM,IAAIC,IAAmC,IAC5DC,EAAYF,EAAAA,QAAQ,IAAM,IAAIC,IAAuB,IAE3DE,EAAAA,gBAAgB,KACZ,MAAMC,EAID,GAELC,MAAMlB,KAAKY,EAAKO,WAAWrB,QAAQ,EAAEsB,EAAI5B,MACrC,IAAKA,EAED,YADAoB,EAAKS,OAAOD,GAIhB,MAAME,EAAUP,EAAUQ,IAAIH,IACxBI,IAAEA,EAAFC,OAAOA,GAAWjC,EAAQkC,wBAET,iBAAZJ,GAAwBA,IAAYE,EAE3CP,EAAWU,KAAK,CACZnC,QAAAA,EACAE,WA5GQ,yCA6GRD,WAAY,CAAC,CAAEM,SAAU,YAAaC,mBAAoBsB,EAAUE,WAE9C,iBAAZF,GAEdL,EAAWU,KAAK,CACZnC,QAAAA,EACAE,WAnHQ,yCAoHRD,WAAY,CACR,CAAEM,SAAU,YAAaC,KAAM,cAAcyB,QAC7C,CAAE1B,SAAU,UAAWC,KAAM,QAKzCe,EAAUa,IAAIR,EAAI5B,EAAQkC,wBAAwBF,OAGtDP,EAAWnB,QAAQ,EAAGN,QAAAA,EAASC,WAAAA,EAAYC,WAAAA,MACvCH,EAAQ,CAAEC,QAAAA,EAASC,WAAAA,EAAYC,WAAAA,QAIvC,MAAMmC,EAAgBC,EAAWA,aAC7B,SAAuBV,EAAYW,GAC/B,MAAMvC,EAAUoB,EAAKW,IAAIH,GACrB5B,GAEAD,EAAQ,CACJC,QAAAA,EACAC,WAAY,CAAC,CAAEM,SAAU,UAAWY,GAAI,MACxCjB,WA1II,oBA2IJC,KAAMoC,MAIlB,CAACnB,IAUL,MAAO,CAAEoB,UAPSF,EAAAA,YACbV,GAAgBa,IACbrB,EAAKgB,IAAIR,EAAIa,IAEjB,CAACrB,IAGeiB,cAAAA"}
+{"version":3,"file":"toast-animation.js","sources":["../../src/toast/toast-animation.ts"],"sourcesContent":[null],"names":["useMemo","useLayoutEffect","useCallback"],"mappings":"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"}

package/lib/toast/toast.module.css.js

@@ -1,2 +1,8 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={stackedToastsView:"_616cc3f3",toastContainer:"_1b5f8e86",slot:"ce2e3476"};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var modules_d11e18f0 = {"stackedToastsView":"_616cc3f3","toastContainer":"_1b5f8e86","slot":"ce2e3476"};
+
+exports["default"] = modules_d11e18f0;
 //# sourceMappingURL=toast.module.css.js.map

package/lib/toast/toast.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"toast.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}