@aglyn/shared-ui-snackstack 1.0.0-beta.143

package/src/lib/SnackbarItem/Snackbar.js

@@ -0,0 +1,129 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2022 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ import { ClickAwayListener } from "@mui/material";
+import { forwardRef, useCallback, useEffect, useRef } from "react";
+import { REASONS } from "../utils/constants.js";
+import useEventCallback from "../utils/useEventCallback.js";
+const Snackbar = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { children, autoHideDuration, ClickAwayListenerProps, disableWindowBlurListener = false, onClose, onMouseEnter, onMouseLeave, open, resumeHideDuration } = props, rest = _object_without_properties_loose(props, [
+        "children",
+        "autoHideDuration",
+        "ClickAwayListenerProps",
+        "disableWindowBlurListener",
+        "onClose",
+        "onMouseEnter",
+        "onMouseLeave",
+        "open",
+        "resumeHideDuration"
+    ]);
+    const timerAutoHide = useRef(undefined);
+    const handleClose = useEventCallback((...args)=>{
+        if (onClose) {
+            onClose(...args);
+        }
+    });
+    const setAutoHideTimer = useEventCallback((autoHideDurationParam)=>{
+        if (!onClose || autoHideDurationParam == null) {
+            return;
+        }
+        clearTimeout(timerAutoHide.current);
+        timerAutoHide.current = setTimeout(()=>{
+            handleClose(null, REASONS.TIMEOUT);
+        }, autoHideDurationParam);
+    });
+    useEffect(()=>{
+        if (open) {
+            setAutoHideTimer(autoHideDuration);
+        }
+        return ()=>{
+            clearTimeout(timerAutoHide.current);
+        };
+    }, [
+        open,
+        autoHideDuration,
+        setAutoHideTimer
+    ]);
+    /**
+   * Pause the timer when the user is interacting with the Snackbar
+   * or when the user hide the window.
+   */ const handlePause = ()=>{
+        clearTimeout(timerAutoHide.current);
+    };
+    /**
+   * Restart the timer when the user is no longer interacting with the
+   * Snackbar or when the window is shown back.
+   */ const handleResume = useCallback(()=>{
+        if (autoHideDuration != null) {
+            setAutoHideTimer(resumeHideDuration != null ? resumeHideDuration : autoHideDuration * 0.5);
+        }
+    }, [
+        autoHideDuration,
+        resumeHideDuration,
+        setAutoHideTimer
+    ]);
+    const handleMouseEnter = (event)=>{
+        if (onMouseEnter) {
+            onMouseEnter(event);
+        }
+        handlePause();
+    };
+    const handleMouseLeave = (event)=>{
+        if (onMouseLeave) {
+            onMouseLeave(event);
+        }
+        handleResume();
+    };
+    const handleClickAway = (event)=>{
+        if (onClose) {
+            onClose(event, REASONS.CLICKAWAY);
+        }
+    };
+    useEffect(()=>{
+        if (!disableWindowBlurListener && open) {
+            window.addEventListener('focus', handleResume);
+            window.addEventListener('blur', handlePause);
+            return ()=>{
+                window.removeEventListener('focus', handleResume);
+                window.removeEventListener('blur', handlePause);
+            };
+        }
+        return undefined;
+    }, [
+        disableWindowBlurListener,
+        handleResume,
+        open
+    ]);
+    return /*#__PURE__*/ _jsx(ClickAwayListener, _extends({
+        onClickAway: handleClickAway
+    }, ClickAwayListenerProps, {
+        children: /*#__PURE__*/ _jsx("div", _extends({
+            ref: ref,
+            onMouseEnter: handleMouseEnter,
+            onMouseLeave: handleMouseLeave
+        }, rest, {
+            children: children
+        }))
+    }));
+});
+Snackbar.displayName = 'Snackbar';
+Snackbar.aglyn = true;
+export { Snackbar };
+export default Snackbar;
+
+//# sourceMappingURL=Snackbar.js.map

package/src/lib/SnackbarItem/Snackbar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/shared/ui/snackstack/src/lib/SnackbarItem/Snackbar.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2022 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { ClickAwayListener, type ClickAwayListenerProps } from '@mui/material'\nimport {\n  type MouseEvent as ReactMouseEvent,\n  forwardRef,\n  type HTMLAttributes,\n  useCallback,\n  useEffect,\n  useRef,\n} from 'react'\nimport { REASONS } from '../utils/constants'\nimport useEventCallback from '../utils/useEventCallback'\n\nexport interface SnackbarProps extends HTMLAttributes<HTMLDivElement> {\n  autoHideDuration?: number | null\n  ClickAwayListenerProps?: Partial<ClickAwayListenerProps>\n  disableWindowBlurListener?: boolean\n  resumeHideDuration?: number\n  open?: boolean\n  onClose?: (...args: any[]) => void\n}\n\nconst Snackbar = forwardRef<any, SnackbarProps>((props, ref) => {\n  const {\n    children,\n    autoHideDuration,\n    ClickAwayListenerProps,\n    disableWindowBlurListener = false,\n    onClose,\n    onMouseEnter,\n    onMouseLeave,\n    open,\n    resumeHideDuration,\n    ...rest\n  } = props\n\n  const timerAutoHide = useRef<ReturnType<typeof setTimeout>>(undefined)\n\n  const handleClose = useEventCallback((...args: any[]) => {\n    if (onClose) {\n      onClose(...args)\n    }\n  })\n\n  const setAutoHideTimer = useEventCallback((autoHideDurationParam: number) => {\n    if (!onClose || autoHideDurationParam == null) {\n      return\n    }\n\n    clearTimeout(timerAutoHide.current)\n    timerAutoHide.current = setTimeout(() => {\n      handleClose(null, REASONS.TIMEOUT)\n    }, autoHideDurationParam)\n  })\n\n  useEffect(() => {\n    if (open) {\n      setAutoHideTimer(autoHideDuration)\n    }\n\n    return () => {\n      clearTimeout(timerAutoHide.current)\n    }\n  }, [open, autoHideDuration, setAutoHideTimer])\n\n  /**\n   * Pause the timer when the user is interacting with the Snackbar\n   * or when the user hide the window.\n   */\n  const handlePause = () => {\n    clearTimeout(timerAutoHide.current)\n  }\n\n  /**\n   * Restart the timer when the user is no longer interacting with the\n   * Snackbar or when the window is shown back.\n   */\n  const handleResume = useCallback(() => {\n    if (autoHideDuration != null) {\n      setAutoHideTimer(\n        resumeHideDuration != null\n          ? resumeHideDuration\n          : autoHideDuration * 0.5,\n      )\n    }\n  }, [autoHideDuration, resumeHideDuration, setAutoHideTimer])\n\n  const handleMouseEnter = (event: ReactMouseEvent<HTMLDivElement>) => {\n    if (onMouseEnter) {\n      onMouseEnter(event)\n    }\n    handlePause()\n  }\n\n  const handleMouseLeave = (event: ReactMouseEvent<HTMLDivElement>) => {\n    if (onMouseLeave) {\n      onMouseLeave(event)\n    }\n    handleResume()\n  }\n\n  const handleClickAway = (event: MouseEvent | TouchEvent) => {\n    if (onClose) {\n      onClose(event, REASONS.CLICKAWAY)\n    }\n  }\n\n  useEffect(() => {\n    if (!disableWindowBlurListener && open) {\n      window.addEventListener('focus', handleResume)\n      window.addEventListener('blur', handlePause)\n\n      return () => {\n        window.removeEventListener('focus', handleResume)\n        window.removeEventListener('blur', handlePause)\n      }\n    }\n\n    return undefined\n  }, [disableWindowBlurListener, handleResume, open])\n\n  return (\n    <ClickAwayListener\n      onClickAway={handleClickAway}\n      {...ClickAwayListenerProps}\n    >\n      <div\n        ref={ref}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        {...rest}\n      >\n        {children}\n      </div>\n    </ClickAwayListener>\n  )\n})\nSnackbar.displayName = 'Snackbar'\nSnackbar.aglyn = true\n\nexport { Snackbar }\nexport default Snackbar\n"],"names":["ClickAwayListener","forwardRef","useCallback","useEffect","useRef","REASONS","useEventCallback","Snackbar","props","ref","children","autoHideDuration","ClickAwayListenerProps","disableWindowBlurListener","onClose","onMouseEnter","onMouseLeave","open","resumeHideDuration","rest","timerAutoHide","undefined","handleClose","args","setAutoHideTimer","autoHideDurationParam","clearTimeout","current","setTimeout","TIMEOUT","handlePause","handleResume","handleMouseEnter","event","handleMouseLeave","handleClickAway","CLICKAWAY","window","addEventListener","removeEventListener","onClickAway","div","displayName","aglyn"],"mappings":";;;AAAA;;;;;;;;;;;;;;;CAeC,GAED,SAASA,iBAAiB,QAAqC,gBAAe;AAC9E,SAEEC,UAAU,EAEVC,WAAW,EACXC,SAAS,EACTC,MAAM,QACD,QAAO;AACd,SAASC,OAAO,QAAQ,wBAAoB;AAC5C,OAAOC,sBAAsB,+BAA2B;AAWxD,MAAMC,yBAAWN,WAA+B,CAACO,OAAOC;IACtD,MAAM,EACJC,QAAQ,EACRC,gBAAgB,EAChBC,sBAAsB,EACtBC,4BAA4B,KAAK,EACjCC,OAAO,EACPC,YAAY,EACZC,YAAY,EACZC,IAAI,EACJC,kBAAkB,EAEnB,GAAGV,OADCW,wCACDX;;;;;;;;;;;IAEJ,MAAMY,gBAAgBhB,OAAsCiB;IAE5D,MAAMC,cAAchB,iBAAiB,CAAC,GAAGiB;QACvC,IAAIT,SAAS;YACXA,WAAWS;QACb;IACF;IAEA,MAAMC,mBAAmBlB,iBAAiB,CAACmB;QACzC,IAAI,CAACX,WAAWW,yBAAyB,MAAM;YAC7C;QACF;QAEAC,aAAaN,cAAcO,OAAO;QAClCP,cAAcO,OAAO,GAAGC,WAAW;YACjCN,YAAY,MAAMjB,QAAQwB,OAAO;QACnC,GAAGJ;IACL;IAEAtB,UAAU;QACR,IAAIc,MAAM;YACRO,iBAAiBb;QACnB;QAEA,OAAO;YACLe,aAAaN,cAAcO,OAAO;QACpC;IACF,GAAG;QAACV;QAAMN;QAAkBa;KAAiB;IAE7C;;;GAGC,GACD,MAAMM,cAAc;QAClBJ,aAAaN,cAAcO,OAAO;IACpC;IAEA;;;GAGC,GACD,MAAMI,eAAe7B,YAAY;QAC/B,IAAIS,oBAAoB,MAAM;YAC5Ba,iBACEN,sBAAsB,OAClBA,qBACAP,mBAAmB;QAE3B;IACF,GAAG;QAACA;QAAkBO;QAAoBM;KAAiB;IAE3D,MAAMQ,mBAAmB,CAACC;QACxB,IAAIlB,cAAc;YAChBA,aAAakB;QACf;QACAH;IACF;IAEA,MAAMI,mBAAmB,CAACD;QACxB,IAAIjB,cAAc;YAChBA,aAAaiB;QACf;QACAF;IACF;IAEA,MAAMI,kBAAkB,CAACF;QACvB,IAAInB,SAAS;YACXA,QAAQmB,OAAO5B,QAAQ+B,SAAS;QAClC;IACF;IAEAjC,UAAU;QACR,IAAI,CAACU,6BAA6BI,MAAM;YACtCoB,OAAOC,gBAAgB,CAAC,SAASP;YACjCM,OAAOC,gBAAgB,CAAC,QAAQR;YAEhC,OAAO;gBACLO,OAAOE,mBAAmB,CAAC,SAASR;gBACpCM,OAAOE,mBAAmB,CAAC,QAAQT;YACrC;QACF;QAEA,OAAOT;IACT,GAAG;QAACR;QAA2BkB;QAAcd;KAAK;IAElD,qBACE,KAACjB;QACCwC,aAAaL;OACTvB;kBAEJ,cAAA,KAAC6B;YACChC,KAAKA;YACLM,cAAciB;YACdhB,cAAckB;WACVf;sBAEHT;;;AAIT;AACAH,SAASmC,WAAW,GAAG;AACvBnC,SAASoC,KAAK,GAAG;AAEjB,SAASpC,QAAQ,GAAE;AACnB,eAAeA,SAAQ"}

package/src/lib/SnackbarItem/SnackbarItem.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @license
+ * Copyright 2022 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { type SnackbarClassKey } from '@mui/material';
+import { type Snack } from '../SnackbarProvider';
+import { type ClassNameMap, type RequiredBy, type SharedProps, type SnackbarProviderProps as ProviderProps } from '../types';
+type RemovedProps = 'variant' | 'anchorOrigin' | 'autoHideDuration' | 'preventDuplicate';
+export interface SnackbarItemProps extends RequiredBy<Omit<SharedProps, RemovedProps>, 'onEntered' | 'onExited' | 'onClose'> {
+    snack: Snack;
+    dense: ProviderProps['dense'];
+    iconVariant: ProviderProps['iconVariant'];
+    hideIconVariant: ProviderProps['hideIconVariant'];
+    classes: Partial<ClassNameMap<SnackbarClassKey>>;
+}
+declare const SnackbarItem: import("react").ForwardRefExoticComponent<Omit<SnackbarItemProps, "ref"> & import("react").RefAttributes<any>>;
+export default SnackbarItem;

package/src/lib/SnackbarItem/SnackbarItem.js

@@ -0,0 +1,246 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2022 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ // eslint-disable-next-line @nx/enforce-module-boundaries
+import { createChainedFunction } from "@aglyn/shared-util-tools";
+import { Collapse, emphasize, styled } from "@mui/material";
+import clsx from "clsx";
+import { forwardRef, useEffect, useRef, useState } from "react";
+import SnackbarContent from "../SnackbarContent.js";
+import { DEFAULTS, objectMerge, REASONS, transformer } from "../utils/constants.js";
+import defaultIconVariants from "../utils/defaultIconVariants.js";
+import Snackbar from "./Snackbar.js";
+import { getTransitionDirection } from "./SnackbarItem.util.js";
+const componentName = 'SnackbarItem';
+const classes = {
+    contentRoot: `${componentName}-contentRoot`,
+    lessPadding: `${componentName}-lessPadding`,
+    variantSuccess: `${componentName}-variantSuccess`,
+    variantError: `${componentName}-variantError`,
+    variantInfo: `${componentName}-variantInfo`,
+    variantWarning: `${componentName}-variantWarning`,
+    message: `${componentName}-message`,
+    action: `${componentName}-action`,
+    wrappedRoot: `${componentName}-wrappedRoot`
+};
+const StyledSnackbar = styled(Snackbar)(({ theme })=>{
+    const mode = theme.palette.mode;
+    const backgroundColor = emphasize(theme.palette.background.default, mode === 'light' ? 0.8 : 0.98);
+    return {
+        [`&.${classes.wrappedRoot}`]: {
+            position: 'relative',
+            transform: 'translateX(0)',
+            top: 0,
+            right: 0,
+            bottom: 0,
+            left: 0
+        },
+        [`.${classes.contentRoot}`]: _extends({}, theme.typography.body2, {
+            backgroundColor,
+            color: theme.palette.getContrastText(backgroundColor),
+            alignItems: 'center',
+            padding: '6px 16px',
+            borderRadius: '4px',
+            boxShadow: '0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)'
+        }),
+        [`.${classes.lessPadding}`]: {
+            paddingLeft: 8 * 2.5
+        },
+        [`.${classes.variantSuccess}`]: {
+            backgroundColor: '#43a047',
+            color: '#fff'
+        },
+        [`.${classes.variantError}`]: {
+            backgroundColor: '#d32f2f',
+            color: '#fff'
+        },
+        [`.${classes.variantInfo}`]: {
+            backgroundColor: '#2196f3',
+            color: '#fff'
+        },
+        [`.${classes.variantWarning}`]: {
+            backgroundColor: '#ff9800',
+            color: '#fff'
+        },
+        [`.${classes.message}`]: {
+            display: 'flex',
+            alignItems: 'center',
+            padding: '8px 0'
+        },
+        [`.${classes.action}`]: {
+            display: 'flex',
+            alignItems: 'center',
+            marginLeft: 'auto',
+            paddingLeft: 16,
+            marginRight: -8
+        }
+    };
+});
+const SnackbarItem = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { classes: propClasses } = props, rest = _object_without_properties_loose(props, [
+        "classes"
+    ]);
+    const timeout = useRef(undefined);
+    const [collapsed, setCollapsed] = useState(true);
+    useEffect(()=>()=>{
+            if (timeout.current) {
+                clearTimeout(timeout.current);
+            }
+        }, []);
+    const handleClose = createChainedFunction([
+        rest.snack.onClose,
+        rest.onClose
+    ], null, rest.snack.snackbarId);
+    const handleEntered = ()=>{
+        if (rest.snack.requestClose) {
+            handleClose(null, REASONS.INSTRUCTED);
+        }
+    };
+    const handleExitedScreen = ()=>{
+        timeout.current = setTimeout(()=>{
+            setCollapsed(!collapsed);
+        }, 125);
+    };
+    const { style, dense, ariaAttributes: otherAriaAttributes, className: otherClassName, hideIconVariant, iconVariant, snack, action: otherAction, content: otherContent, TransitionComponent: otherTranComponent, TransitionProps: otherTranProps, transitionDuration: otherTranDuration, onEnter: ignoredOnEnter, onEntered: ignoredOnEntered, onEntering: ignoredOnEntering, onExit: ignoredOnExit, onExited: ignoredOnExited, onExiting: ignoredOnExiting } = rest, other = _object_without_properties_loose(rest, [
+        "style",
+        "dense",
+        "ariaAttributes",
+        "className",
+        "hideIconVariant",
+        "iconVariant",
+        "snack",
+        "action",
+        "content",
+        "TransitionComponent",
+        "TransitionProps",
+        "transitionDuration",
+        "onEnter",
+        "onEntered",
+        "onEntering",
+        "onExit",
+        "onExited",
+        "onExiting"
+    ]);
+    const { persist, snackbarId, open, entered, requestClose, className: singleClassName, variant, content: singleContent, action: singleAction, ariaAttributes: singleAriaAttributes, anchorOrigin, message: snackMessage, TransitionComponent: singleTranComponent, TransitionProps: singleTranProps, transitionDuration: singleTranDuration, onEnter, onEntered, onEntering, onExit, onExited, onExiting } = snack, singleSnackProps = _object_without_properties_loose(snack, [
+        "persist",
+        "snackbarId",
+        "open",
+        "entered",
+        "requestClose",
+        "className",
+        "variant",
+        "content",
+        "action",
+        "ariaAttributes",
+        "anchorOrigin",
+        "message",
+        "TransitionComponent",
+        "TransitionProps",
+        "transitionDuration",
+        "onEnter",
+        "onEntered",
+        "onEntering",
+        "onExit",
+        "onExited",
+        "onExiting"
+    ]);
+    const icon = _extends({}, defaultIconVariants, iconVariant)[variant];
+    const ariaAttributes = _extends({
+        'aria-describedby': 'notistack-snackbar'
+    }, objectMerge(singleAriaAttributes, otherAriaAttributes));
+    const TransitionComponent = singleTranComponent || otherTranComponent || DEFAULTS.TransitionComponent;
+    const transitionDuration = objectMerge(singleTranDuration, otherTranDuration, DEFAULTS.transitionDuration);
+    const transitionProps = _extends({
+        direction: getTransitionDirection(anchorOrigin)
+    }, objectMerge(singleTranProps, otherTranProps));
+    let action = singleAction || otherAction;
+    if (typeof action === 'function') {
+        action = action(snackbarId);
+    }
+    let content = singleContent || otherContent;
+    if (typeof content === 'function') {
+        content = content(snackbarId, snack.message);
+    }
+    // eslint-disable-next-line operator-linebreak
+    const callbacks = [
+        'onEnter',
+        'onEntering',
+        'onEntered',
+        'onExit',
+        'onExiting',
+        'onExited'
+    ].reduce((acc, callbackName)=>_extends({}, acc, {
+            [callbackName]: createChainedFunction([
+                rest.snack[callbackName],
+                rest[callbackName]
+            ], null, rest.snack.snackbarId)
+        }), {});
+    return /*#__PURE__*/ _jsx(Collapse, {
+        ref: ref,
+        unmountOnExit: true,
+        timeout: 175,
+        in: collapsed,
+        onExited: callbacks.onExited,
+        children: /*#__PURE__*/ _jsx(StyledSnackbar, _extends({}, other, singleSnackProps, {
+            open: open,
+            className: clsx(propClasses.root, classes.wrappedRoot, propClasses[transformer.toAnchorOrigin(anchorOrigin)]),
+            onClose: handleClose,
+            children: /*#__PURE__*/ _jsx(TransitionComponent, _extends({
+                appear: true,
+                in: open,
+                timeout: transitionDuration
+            }, transitionProps, {
+                onExit: callbacks.onExit,
+                onExiting: callbacks.onExiting,
+                onExited: handleExitedScreen,
+                onEnter: callbacks.onEnter,
+                onEntering: callbacks.onEntering,
+                // order matters. first callbacks.onEntered to set entered: true,
+                // then handleEntered to check if there's a request for closing
+                onEntered: createChainedFunction([
+                    callbacks.onEntered,
+                    handleEntered
+                ]),
+                children: content || /*#__PURE__*/ _jsxs(SnackbarContent, _extends({}, ariaAttributes, {
+                    role: "alert",
+                    style: style,
+                    className: clsx(classes.contentRoot, {
+                        [classes.lessPadding]: !hideIconVariant && icon
+                    }, classes[transformer.toVariant(variant)], propClasses[transformer.toVariant(variant)], otherClassName, singleClassName),
+                    children: [
+                        /*#__PURE__*/ _jsxs("div", {
+                            id: ariaAttributes['aria-describedby'],
+                            className: classes.message,
+                            children: [
+                                !hideIconVariant ? icon : null,
+                                snackMessage
+                            ]
+                        }),
+                        action && /*#__PURE__*/ _jsx("div", {
+                            className: classes.action,
+                            children: action
+                        })
+                    ]
+                }))
+            }))
+        }))
+    });
+});
+export default SnackbarItem;
+
+//# sourceMappingURL=SnackbarItem.js.map

package/src/lib/SnackbarItem/SnackbarItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/shared/ui/snackstack/src/lib/SnackbarItem/SnackbarItem.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2022 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n// eslint-disable-next-line @nx/enforce-module-boundaries\nimport { createChainedFunction } from '@aglyn/shared-util-tools'\nimport {\n  Collapse,\n  emphasize,\n  type SnackbarClassKey,\n  styled,\n} from '@mui/material'\nimport clsx from 'clsx'\nimport { forwardRef, useEffect, useRef, useState } from 'react'\nimport SnackbarContent from '../SnackbarContent'\nimport { type Snack } from '../SnackbarProvider'\nimport {\n  type ClassNameMap,\n  type RequiredBy,\n  type SharedProps,\n  type SnackbarProviderProps as ProviderProps,\n  type TransitionHandlerProps,\n} from '../types'\nimport { DEFAULTS, objectMerge, REASONS, transformer } from '../utils/constants'\nimport defaultIconVariants from '../utils/defaultIconVariants'\nimport Snackbar from './Snackbar'\nimport { getTransitionDirection } from './SnackbarItem.util'\n\nconst componentName = 'SnackbarItem'\n\nconst classes = {\n  contentRoot: `${componentName}-contentRoot`,\n  lessPadding: `${componentName}-lessPadding`,\n  variantSuccess: `${componentName}-variantSuccess`,\n  variantError: `${componentName}-variantError`,\n  variantInfo: `${componentName}-variantInfo`,\n  variantWarning: `${componentName}-variantWarning`,\n  message: `${componentName}-message`,\n  action: `${componentName}-action`,\n  wrappedRoot: `${componentName}-wrappedRoot`,\n}\n\nconst StyledSnackbar = styled(Snackbar)(({ theme }) => {\n  const mode = theme.palette.mode\n  const backgroundColor = emphasize(\n    theme.palette.background.default,\n    mode === 'light' ? 0.8 : 0.98,\n  )\n\n  return {\n    [`&.${classes.wrappedRoot}`]: {\n      position: 'relative',\n      transform: 'translateX(0)',\n      top: 0,\n      right: 0,\n      bottom: 0,\n      left: 0,\n    },\n    [`.${classes.contentRoot}`]: {\n      ...theme.typography.body2,\n      backgroundColor,\n      color: theme.palette.getContrastText(backgroundColor),\n      alignItems: 'center',\n      padding: '6px 16px',\n      borderRadius: '4px',\n      boxShadow:\n        '0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)',\n    },\n    [`.${classes.lessPadding}`]: {\n      paddingLeft: 8 * 2.5,\n    },\n    [`.${classes.variantSuccess}`]: {\n      backgroundColor: '#43a047', // green\n      color: '#fff',\n    },\n    [`.${classes.variantError}`]: {\n      backgroundColor: '#d32f2f', // dark red\n      color: '#fff',\n    },\n    [`.${classes.variantInfo}`]: {\n      backgroundColor: '#2196f3', // nice blue\n      color: '#fff',\n    },\n    [`.${classes.variantWarning}`]: {\n      backgroundColor: '#ff9800', // amber\n      color: '#fff',\n    },\n    [`.${classes.message}`]: {\n      display: 'flex',\n      alignItems: 'center',\n      padding: '8px 0',\n    },\n    [`.${classes.action}`]: {\n      display: 'flex',\n      alignItems: 'center',\n      marginLeft: 'auto',\n      paddingLeft: 16,\n      marginRight: -8,\n    },\n  }\n})\n\ntype RemovedProps =\n  | 'variant' // the one received from Provider is processed and passed to snack prop\n  | 'anchorOrigin' // same as above\n  | 'autoHideDuration' // same as above\n  | 'preventDuplicate' // the one recevied from enqueueSnackbar is processed in provider, therefore\n// shouldn't be passed to SnackbarItem */\n\nexport interface SnackbarItemProps\n  extends RequiredBy<\n    Omit<SharedProps, RemovedProps>,\n    'onEntered' | 'onExited' | 'onClose'\n  > {\n  snack: Snack\n  dense: ProviderProps['dense']\n  iconVariant: ProviderProps['iconVariant']\n  hideIconVariant: ProviderProps['hideIconVariant']\n  classes: Partial<ClassNameMap<SnackbarClassKey>>\n}\n\nconst SnackbarItem = forwardRef<any, SnackbarItemProps>((props, ref) => {\n  const { classes: propClasses, ...rest } = props\n  const timeout = useRef<ReturnType<typeof setTimeout>>(undefined)\n  const [collapsed, setCollapsed] = useState(true)\n\n  useEffect(\n    () => (): void => {\n      if (timeout.current) {\n        clearTimeout(timeout.current)\n      }\n    },\n    [],\n  )\n\n  const handleClose = createChainedFunction(\n    [rest.snack.onClose, rest.onClose],\n    null,\n    rest.snack.snackbarId,\n  )\n\n  const handleEntered: TransitionHandlerProps['onEntered'] = () => {\n    if (rest.snack.requestClose) {\n      handleClose(null, REASONS.INSTRUCTED)\n    }\n  }\n\n  const handleExitedScreen = (): void => {\n    timeout.current = setTimeout(() => {\n      setCollapsed(!collapsed)\n    }, 125)\n  }\n\n  const {\n    style,\n    dense,\n    ariaAttributes: otherAriaAttributes,\n    className: otherClassName,\n    hideIconVariant,\n    iconVariant,\n    snack,\n    action: otherAction,\n    content: otherContent,\n    TransitionComponent: otherTranComponent,\n    TransitionProps: otherTranProps,\n    transitionDuration: otherTranDuration,\n    onEnter: ignoredOnEnter,\n    onEntered: ignoredOnEntered,\n    onEntering: ignoredOnEntering,\n    onExit: ignoredOnExit,\n    onExited: ignoredOnExited,\n    onExiting: ignoredOnExiting,\n    ...other\n  } = rest\n\n  const {\n    persist,\n    snackbarId,\n    open,\n    entered,\n    requestClose,\n    className: singleClassName,\n    variant,\n    content: singleContent,\n    action: singleAction,\n    ariaAttributes: singleAriaAttributes,\n    anchorOrigin,\n    message: snackMessage,\n    TransitionComponent: singleTranComponent,\n    TransitionProps: singleTranProps,\n    transitionDuration: singleTranDuration,\n    onEnter,\n    onEntered,\n    onEntering,\n    onExit,\n    onExited,\n    onExiting,\n    ...singleSnackProps\n  } = snack\n\n  const icon = {\n    ...defaultIconVariants,\n    ...iconVariant,\n  }[variant]\n\n  const ariaAttributes = {\n    'aria-describedby': 'notistack-snackbar',\n    ...objectMerge(singleAriaAttributes, otherAriaAttributes),\n  }\n\n  const TransitionComponent =\n    singleTranComponent || otherTranComponent || DEFAULTS.TransitionComponent\n  const transitionDuration = objectMerge(\n    singleTranDuration,\n    otherTranDuration,\n    DEFAULTS.transitionDuration,\n  )\n  const transitionProps = {\n    direction: getTransitionDirection(anchorOrigin),\n    ...objectMerge(singleTranProps, otherTranProps),\n  }\n\n  let action = singleAction || otherAction\n  if (typeof action === 'function') {\n    action = action(snackbarId)\n  }\n\n  let content = singleContent || otherContent\n  if (typeof content === 'function') {\n    content = content(snackbarId, snack.message)\n  }\n\n  // eslint-disable-next-line operator-linebreak\n  const callbacks: { [key in keyof TransitionHandlerProps]?: any } = [\n    'onEnter',\n    'onEntering',\n    'onEntered',\n    'onExit',\n    'onExiting',\n    'onExited',\n  ].reduce(\n    (acc, callbackName) => ({\n      ...acc,\n      [callbackName]: createChainedFunction(\n        [\n          rest.snack[callbackName as keyof Snack],\n          rest[callbackName as keyof SnackbarItemProps],\n        ],\n        null,\n        rest.snack.snackbarId,\n      ),\n    }),\n    {},\n  )\n\n  return (\n    <Collapse\n      ref={ref}\n      unmountOnExit\n      timeout={175}\n      in={collapsed}\n      onExited={callbacks.onExited}\n    >\n      <StyledSnackbar\n        {...other}\n        {...singleSnackProps}\n        open={open}\n        className={clsx(\n          propClasses.root,\n          classes.wrappedRoot,\n          propClasses[transformer.toAnchorOrigin(anchorOrigin)],\n        )}\n        onClose={handleClose}\n      >\n        <TransitionComponent\n          appear\n          in={open}\n          timeout={transitionDuration}\n          {...transitionProps}\n          onExit={callbacks.onExit}\n          onExiting={callbacks.onExiting}\n          onExited={handleExitedScreen}\n          onEnter={callbacks.onEnter}\n          onEntering={callbacks.onEntering}\n          // order matters. first callbacks.onEntered to set entered: true,\n          // then handleEntered to check if there's a request for closing\n          onEntered={createChainedFunction([\n            callbacks.onEntered,\n            handleEntered,\n          ])}\n        >\n          {/* @ts-expect-error — SnackbarContent children typing is overly strict */}\n          {content || (\n            <SnackbarContent\n              {...ariaAttributes}\n              role=\"alert\"\n              style={style}\n              className={clsx(\n                classes.contentRoot,\n                { [classes.lessPadding]: !hideIconVariant && icon },\n                classes[transformer.toVariant(variant)],\n                propClasses[transformer.toVariant(variant)],\n                otherClassName,\n                singleClassName,\n              )}\n            >\n              <div\n                id={ariaAttributes['aria-describedby']}\n                className={classes.message}\n              >\n                {!hideIconVariant ? icon : null}\n                {snackMessage}\n              </div>\n              {action && <div className={classes.action}>{action}</div>}\n            </SnackbarContent>\n          )}\n        </TransitionComponent>\n      </StyledSnackbar>\n    </Collapse>\n  )\n})\n\nexport default SnackbarItem\n"],"names":["createChainedFunction","Collapse","emphasize","styled","clsx","forwardRef","useEffect","useRef","useState","SnackbarContent","DEFAULTS","objectMerge","REASONS","transformer","defaultIconVariants","Snackbar","getTransitionDirection","componentName","classes","contentRoot","lessPadding","variantSuccess","variantError","variantInfo","variantWarning","message","action","wrappedRoot","StyledSnackbar","theme","mode","palette","backgroundColor","background","default","position","transform","top","right","bottom","left","typography","body2","color","getContrastText","alignItems","padding","borderRadius","boxShadow","paddingLeft","display","marginLeft","marginRight","SnackbarItem","props","ref","propClasses","rest","timeout","undefined","collapsed","setCollapsed","current","clearTimeout","handleClose","snack","onClose","snackbarId","handleEntered","requestClose","INSTRUCTED","handleExitedScreen","setTimeout","style","dense","ariaAttributes","otherAriaAttributes","className","otherClassName","hideIconVariant","iconVariant","otherAction","content","otherContent","TransitionComponent","otherTranComponent","TransitionProps","otherTranProps","transitionDuration","otherTranDuration","onEnter","ignoredOnEnter","onEntered","ignoredOnEntered","onEntering","ignoredOnEntering","onExit","ignoredOnExit","onExited","ignoredOnExited","onExiting","ignoredOnExiting","other","persist","open","entered","singleClassName","variant","singleContent","singleAction","singleAriaAttributes","anchorOrigin","snackMessage","singleTranComponent","singleTranProps","singleTranDuration","singleSnackProps","icon","transitionProps","direction","callbacks","reduce","acc","callbackName","unmountOnExit","in","root","toAnchorOrigin","appear","role","toVariant","div","id"],"mappings":"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"}

package/src/lib/SnackbarItem/SnackbarItem.util.d.ts

@@ -0,0 +1,26 @@
+/**
+ * @license
+ * Copyright 2022 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { type Snack } from '../SnackbarProvider';
+declare const DIRECTION: {
+    right: string;
+    left: string;
+    bottom: string;
+    top: string;
+};
+export type DirectionType = typeof DIRECTION[keyof typeof DIRECTION];
+export declare const getTransitionDirection: (anchorOrigin: Snack["anchorOrigin"]) => DirectionType;
+export {};

package/src/lib/SnackbarItem/SnackbarItem.util.js

@@ -0,0 +1,29 @@
+/**
+ * @license
+ * Copyright 2022 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ const DIRECTION = {
+    right: 'left',
+    left: 'right',
+    bottom: 'up',
+    top: 'down'
+};
+export const getTransitionDirection = (anchorOrigin)=>{
+    if (anchorOrigin.horizontal !== 'center') {
+        return DIRECTION[anchorOrigin.horizontal];
+    }
+    return DIRECTION[anchorOrigin.vertical];
+};
+
+//# sourceMappingURL=SnackbarItem.util.js.map

package/src/lib/SnackbarItem/SnackbarItem.util.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/shared/ui/snackstack/src/lib/SnackbarItem/SnackbarItem.util.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2022 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {type Snack} from '../SnackbarProvider'\n\n\nconst DIRECTION = {\n  right: 'left',\n  left: 'right',\n  bottom: 'up',\n  top: 'down',\n}\n\nexport type DirectionType = typeof DIRECTION[keyof typeof DIRECTION]\n\nexport const getTransitionDirection = (anchorOrigin: Snack['anchorOrigin']): DirectionType => {\n  if (anchorOrigin.horizontal !== 'center') {\n    return DIRECTION[anchorOrigin.horizontal]\n  }\n  return DIRECTION[anchorOrigin.vertical]\n}\n"],"names":["DIRECTION","right","left","bottom","top","getTransitionDirection","anchorOrigin","horizontal","vertical"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GAKD,MAAMA,YAAY;IAChBC,OAAO;IACPC,MAAM;IACNC,QAAQ;IACRC,KAAK;AACP;AAIA,OAAO,MAAMC,yBAAyB,CAACC;IACrC,IAAIA,aAAaC,UAAU,KAAK,UAAU;QACxC,OAAOP,SAAS,CAACM,aAAaC,UAAU,CAAC;IAC3C;IACA,OAAOP,SAAS,CAACM,aAAaE,QAAQ,CAAC;AACzC,EAAC"}

package/src/lib/SnackbarItem/index.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @license
+ * Copyright 2022 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from './SnackbarItem';
+export { default } from './SnackbarItem';

package/src/lib/SnackbarItem/index.js

@@ -0,0 +1,19 @@
+/**
+ * @license
+ * Copyright 2022 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ export * from "./SnackbarItem.js";
+export { default } from "./SnackbarItem.js";
+
+//# sourceMappingURL=index.js.map

package/src/lib/SnackbarItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/shared/ui/snackstack/src/lib/SnackbarItem/index.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2022 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nexport * from './SnackbarItem'\nexport {default} from './SnackbarItem'\n"],"names":["default"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GAED,cAAc,oBAAgB;AAC9B,SAAQA,OAAO,QAAO,oBAAgB"}

package/src/lib/SnackbarProvider.d.ts

@@ -0,0 +1,80 @@
+/**
+ * @license
+ * Copyright 2022 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { Component } from 'react';
+import type { OptionsObject, ProviderContext, RequiredBy, SnackbarId, SnackbarMessage, SnackbarProviderProps } from './types';
+export interface Snack extends RequiredBy<OptionsObject, 'snackbarId' | 'variant' | 'anchorOrigin'> {
+    message: SnackbarMessage;
+    open: boolean;
+    entered: boolean;
+    requestClose: boolean;
+}
+interface State {
+    snacks: Snack[];
+    queue: Snack[];
+    contextValue: ProviderContext;
+}
+declare class SnackbarProvider extends Component<SnackbarProviderProps, State> {
+    get maxSnack(): number;
+    constructor(props: SnackbarProviderProps);
+    /**
+     * Adds a new snackbar to the queue to be presented. Returns generated or user
+     * defined snackbarId referencing the new snackbar or null
+     */
+    enqueueSnackbar: (message: SnackbarMessage, opts?: OptionsObject) => SnackbarId;
+    /**
+     * Close snackbar with the given snackbarId
+     */
+    closeSnackbar: ProviderContext['closeSnackbar'];
+    render(): JSX.Element;
+    /**
+     * Reducer: Display snack if there's space for it. Otherwise, immediately
+     * begin dismissing the oldest message to start showing the new one.
+     */
+    private handleDisplaySnack;
+    /**
+     * Reducer: Display items (notifications) in the queue if there's space for them.
+     */
+    private processQueue;
+    /**
+     * Reducer: Hide oldest snackbar on the screen because there exists a new one which we have to
+     * display.
+     * (ignoring the one with 'persist' flag. i.e. explicitly told by user not to get dismissed).
+     *
+     * Note 1: If there is already a message leaving the screen, no new messages are dismissed.
+     * Note 2: If the oldest message has not yet entered the screen, only a request to close the
+     *         snackbar is made. Once it entered the screen, it will be immediately dismissed.
+     */
+    private handleDismissOldest;
+    /**
+     * Set the entered state of the snackbar with the given snackbarId.
+     */
+    private handleEnteredSnack;
+    /**
+     * Hide a snackbar after its timeout.
+     */
+    private handleCloseSnack;
+    /**
+     * When we set open attribute of a snackbar to false (i.e. after we hide a snackbar),
+     * it leaves the screen and immediately after leaving animation is done, this method
+     * gets called. We remove the hidden snackbar from state and then display notifications
+     * waiting in the queue (if any). If after this process the queue is not empty, the
+     * oldest message is dismissed.
+     */
+    private handleExitedSnack;
+}
+export { SnackbarProvider };
+export default SnackbarProvider;