@doist/reactist 28.7.0 → 28.7.3

package/es/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":["StaticToast","React","forwardRef","Toast","ref","message","description","icon","action","onDismiss","dismissLabel","props","Box","_objectSpread","role","borderRadius","width","background","display","padding","alignItems","className","styles","toastContainer","createElement","ToastContentSlot","flexGrow","maxWidth","Stack","space","Text","weight","isActionObject","Button","variant","size","onClick","label","IconButton","CloseIcon","children","justifyContent","marginX","marginY","slot"],"mappings":"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"}
+{"version":3,"file":"static-toast.js","sources":["../../src/toast/static-toast.tsx"],"sourcesContent":[null],"names":["React","styles"],"mappings":"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"}

package/es/toast/toast-animation.js

@@ -1,174 +1,136 @@
 import { useMemo, useLayoutEffect, useCallback } from '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.
+/**
+ * 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.
  */
-const ANIMATION_TIMEOUT = 400;
-const ENTRANCE_TRANSITION = 'transform 0.3s ease, opacity 0.3s ease';
-const 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.
+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({
-  element,
-  transforms,
-  transition,
-  done
-}) {
-  const fallbackTimeout = setTimeout(() => {
-    done == null ? void 0 : done();
-  }, ANIMATION_TIMEOUT);
-  transforms.forEach(({
-    property,
-    from = ''
-  }) => {
-    element.style.setProperty(property, from);
-  });
-  element.style.setProperty('transition', '');
-
-  function transitionEndHandler(event) {
-    if (event.target !== element) {
-      return;
-    }
-
+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', '');
-    done == null ? 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(() => {
-    window.requestAnimationFrame(() => {
-      element.style.setProperty('transition', transition);
-      transforms.forEach(({
-        property,
-        to = ''
-      }) => {
-        element.style.setProperty(property, to);
-      });
+    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.
+/**
+ * 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() {
-  const refs = useMemo(() => new Map(), []);
-  const positions = useMemo(() => new Map(), []);
-  useLayoutEffect(() => {
-    const animations = [];
-    Array.from(refs.entries()).forEach(([id, element]) => {
-      if (!element) {
-        refs.delete(id);
-        return;
-      }
-
-      const prevTop = positions.get(id);
-      const {
-        top,
-        height
-      } = element.getBoundingClientRect();
-
-      if (typeof prevTop === 'number' && prevTop !== top) {
-        // Move animation
-        animations.push({
-          element,
-          transition: ENTRANCE_TRANSITION,
-          transforms: [{
-            property: 'transform',
-            from: "translateY(" + (prevTop - top) + "px)"
-          }]
+    var refs = useMemo(function () { return new Map(); }, []);
+    var positions = useMemo(function () { return new Map(); }, []);
+    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);
         });
-      } else if (typeof prevTop !== 'number') {
-        // Enter animation
-        animations.push({
-          element,
-          transition: ENTRANCE_TRANSITION,
-          transforms: [{
-            property: 'transform',
-            from: "translateY(" + height + "px)"
-          }, {
-            property: 'opacity',
-            from: '0'
-          }]
+        animations.forEach(function (_a) {
+            var element = _a.element, transforms = _a.transforms, transition = _a.transition;
+            animate({ element: element, transforms: transforms, transition: transition });
         });
-      }
-
-      positions.set(id, element.getBoundingClientRect().top);
-    });
-    animations.forEach(({
-      element,
-      transforms,
-      transition
-    }) => {
-      animate({
-        element,
-        transforms,
-        transition
-      });
     });
-  });
-  const animateRemove = useCallback(function animateRemove(id, onAnimationDone) {
-    const element = refs.get(id);
-
-    if (element) {
-      // Removal animation
-      animate({
-        element,
-        transforms: [{
-          property: 'opacity',
-          to: '0'
-        }],
-        transition: EXIT_TRANSITION,
-        done: onAnimationDone
-      });
-    }
-  }, [refs]);
-  const mappedRef = useCallback(id => ref => {
-    refs.set(id, ref);
-  }, [refs]);
-  return {
-    mappedRef,
-    animateRemove
-  };
+    var animateRemove = 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 = useCallback(function (id) { return function (ref) {
+        refs.set(id, ref);
+    }; }, [refs]);
+    return { mappedRef: mappedRef, animateRemove: animateRemove };
 }
 
 export { ANIMATION_TIMEOUT, useToastsAnimation };

package/es/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":["ANIMATION_TIMEOUT","ENTRANCE_TRANSITION","EXIT_TRANSITION","animate","element","transforms","transition","done","fallbackTimeout","setTimeout","forEach","property","from","style","setProperty","transitionEndHandler","event","target","removeEventListener","clearTimeout","addEventListener","window","requestAnimationFrame","to","useToastsAnimation","refs","useMemo","Map","positions","useLayoutEffect","animations","Array","entries","id","delete","prevTop","get","top","height","getBoundingClientRect","push","set","animateRemove","useCallback","onAnimationDone","mappedRef","ref"],"mappings":"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"}
+{"version":3,"file":"toast-animation.js","sources":["../../src/toast/toast-animation.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}