@snack-uikit/toaster 0.3.21-preview-85c5f47b.0

package/dist/components/ToastSystemEvent/constants.js

@@ -0,0 +1,16 @@
+import { OnColor } from '@snack-uikit/link';
+export var ToastSystemEventAppearance;
+(function (ToastSystemEventAppearance) {
+    ToastSystemEventAppearance["Neutral"] = "neutral";
+    ToastSystemEventAppearance["Error"] = "error";
+    ToastSystemEventAppearance["ErrorCritical"] = "errorCritical";
+    ToastSystemEventAppearance["Warning"] = "warning";
+    ToastSystemEventAppearance["Success"] = "success";
+})(ToastSystemEventAppearance || (ToastSystemEventAppearance = {}));
+export const APPEARANCE_TO_ON_COLOR_MAP = {
+    [ToastSystemEventAppearance.Neutral]: OnColor.InvertNeutral,
+    [ToastSystemEventAppearance.Error]: OnColor.InvertNeutral,
+    [ToastSystemEventAppearance.ErrorCritical]: OnColor.Red,
+    [ToastSystemEventAppearance.Warning]: OnColor.InvertNeutral,
+    [ToastSystemEventAppearance.Success]: OnColor.InvertNeutral,
+};

package/dist/components/ToastSystemEvent/index.d.ts

@@ -0,0 +1 @@
+export * from './ToastSystemEvent';

package/dist/components/ToastSystemEvent/index.js

@@ -0,0 +1 @@
+export * from './ToastSystemEvent';

package/dist/components/ToastSystemEvent/styles.module.css

@@ -0,0 +1,183 @@
+.icon svg{
+  width:var(--dimension-3m, 24px) !important;
+  height:var(--dimension-3m, 24px) !important;
+}
+
+.buttonClose{
+  width:var(--size-toaster-toast-system-event-button-close, 24px);
+  height:var(--size-toaster-toast-system-event-button-close, 24px);
+  border-radius:var(--radius-toaster-toast-system-event-button-close, 8px);
+  cursor:pointer;
+  display:flex;
+  align-items:center;
+  justify-content:center;
+  box-sizing:border-box;
+  margin:0;
+  padding:0;
+  color:var(--sys-invert-neutral-text-light, #898989);
+  background-color:transparent;
+  border:none;
+}
+.buttonClose svg{
+  width:var(--dimension-3m, 24px) !important;
+  height:var(--dimension-3m, 24px) !important;
+}
+.buttonClose:hover{
+  color:var(--sys-invert-neutral-text-main, #e7e7e7);
+}
+.buttonClose:focus, .buttonClose:active{
+  color:var(--sys-invert-neutral-accent-pressed, #9e9e9e);
+}
+.buttonClose:focus-visible{
+  outline-width:var(--border-state-focus-s-border-width, 2px);
+  outline-style:var(--border-state-focus-s-border-style, solid);
+  outline-color:var(--border-state-focus-s-border-color, );
+  color:var(--sys-invert-neutral-text-main, #e7e7e7);
+  outline-color:var(--sys-available-on-complementary, #fdfdfd);
+  outline-offset:var(--spacing-state-focus-offset, 2px);
+}
+
+.content{
+  gap:var(--space-toaster-toast-system-event-container-content-gap, 8px);
+  padding-top:var(--space-toaster-toast-system-event-container-content-padding-top, 2px);
+  display:flex;
+  flex:1;
+  flex-direction:column;
+  word-break:break-word;
+}
+
+.title{
+  font-family:var(--sans-title-s-font-family, SB Sans Interface);
+  font-weight:var(--sans-title-s-font-weight, Semibold);
+  line-height:var(--sans-title-s-line-height, 20px);
+  font-size:var(--sans-title-s-font-size, 14px);
+  letter-spacing:var(--sans-title-s-letter-spacing, 0.15px);
+  paragraph-spacing:var(--sans-title-s-paragraph-spacing, 7.7px);
+  display:grid;
+}
+
+.description{
+  font-family:var(--sans-body-m-font-family, SB Sans Interface);
+  font-weight:var(--sans-body-m-font-weight, Regular);
+  line-height:var(--sans-body-m-line-height, 20px);
+  font-size:var(--sans-body-m-font-size, 14px);
+  letter-spacing:var(--sans-body-m-letter-spacing, 0.1px);
+  paragraph-spacing:var(--sans-body-m-paragraph-spacing, 7.7px);
+}
+
+@keyframes progressBarAnimation{
+  0%{
+    width:100%;
+  }
+  100%{
+    width:0;
+  }
+}
+.progress{
+  height:var(--size-toaster-toast-system-event-progress-bar, 4px);
+  position:absolute;
+  bottom:0;
+  left:0;
+  width:0;
+  animation:progressBarAnimation linear 1 forwards;
+  animation-play-state:active;
+}
+
+.container{
+  padding:var(--space-toaster-toast-system-event-container-padding, 16px);
+  border-radius:var(--radius-toaster-toast-system-event-container, 16px);
+  gap:var(--space-toaster-toast-system-event-container-gap, 16px);
+  cursor:default;
+  position:relative;
+  overflow:hidden;
+  display:flex;
+  box-sizing:border-box;
+}
+.container:hover .progress{
+  animation-play-state:paused;
+}
+.container[data-appearance=neutral]{
+  background-color:var(--sys-invert-neutral-background, #232323);
+}
+.container[data-appearance=neutral] .icon{
+  color:var(--sys-invert-neutral-accent-default, #d2d2d2);
+}
+.container[data-appearance=neutral] .title{
+  color:var(--sys-invert-neutral-text-main, #e7e7e7);
+}
+.container[data-appearance=neutral] .description{
+  color:var(--sys-invert-neutral-text-support, #b8b8b8);
+}
+.container[data-appearance=neutral] .progress{
+  background-color:var(--sys-neutral-accent-default, #757575);
+}
+.container[data-appearance=error]{
+  background-color:var(--sys-invert-neutral-background, #232323);
+}
+.container[data-appearance=error] .icon{
+  color:var(--sys-red-accent-default, #d93f2f);
+}
+.container[data-appearance=error] .title{
+  color:var(--sys-invert-neutral-text-main, #e7e7e7);
+}
+.container[data-appearance=error] .description{
+  color:var(--sys-invert-neutral-text-support, #b8b8b8);
+}
+.container[data-appearance=error] .progress{
+  background-color:var(--sys-red-accent-default, #d93f2f);
+}
+.container[data-appearance=errorCritical]{
+  background-color:var(--sys-red-accent-default, #d93f2f);
+}
+.container[data-appearance=errorCritical] .icon{
+  color:var(--sys-red-on-accent, #fffbfa);
+}
+.container[data-appearance=errorCritical] .title{
+  color:var(--sys-red-on-accent, #fffbfa);
+}
+.container[data-appearance=errorCritical] .description{
+  color:var(--sys-red-on-accent, #fffbfa);
+}
+.container[data-appearance=errorCritical] .progress{
+  background-color:var(--sys-red-decor-activated, #ffa491);
+}
+.container[data-appearance=errorCritical] .buttonClose{
+  color:var(--sys-red-on-accent, #fffbfa);
+  opacity:var(--opacity-a064, 0.64);
+}
+.container[data-appearance=errorCritical] .buttonClose:hover, .container[data-appearance=errorCritical] .buttonClose:focus-visible{
+  opacity:1;
+}
+.container[data-appearance=errorCritical] .buttonClose:active{
+  opacity:var(--opacity-a048, 0.48);
+}
+.container[data-appearance=warning]{
+  background-color:var(--sys-invert-neutral-background, #232323);
+}
+.container[data-appearance=warning] .icon{
+  color:var(--sys-yellow-accent-default, #feb528);
+}
+.container[data-appearance=warning] .title{
+  color:var(--sys-invert-neutral-text-main, #e7e7e7);
+}
+.container[data-appearance=warning] .description{
+  color:var(--sys-invert-neutral-text-support, #b8b8b8);
+}
+.container[data-appearance=warning] .progress{
+  background-color:var(--sys-yellow-accent-default, #feb528);
+}
+.container[data-appearance=success]{
+  background-color:var(--sys-invert-neutral-background, #232323);
+}
+.container[data-appearance=success] .icon{
+  color:var(--sys-green-accent-default, #0bbe8f);
+}
+.container[data-appearance=success] .title{
+  color:var(--sys-invert-neutral-text-main, #e7e7e7);
+}
+.container[data-appearance=success] .description{
+  color:var(--sys-invert-neutral-text-support, #b8b8b8);
+}
+.container[data-appearance=success] .progress{
+  background-color:var(--sys-green-accent-default, #0bbe8f);
+}

package/dist/components/ToastSystemEvent/utils.d.ts

@@ -0,0 +1,2 @@
+import { ToastSystemEventAppearance } from './constants';
+export declare function getIcon(appearance: ToastSystemEventAppearance): import("react/jsx-runtime").JSX.Element;

package/dist/components/ToastSystemEvent/utils.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AlarmFilledSVG, CheckFilledSVG, CrossFilledSVG, InfoFilledSVG } from '@snack-uikit/icons';
+import { ToastSystemEventAppearance } from './constants';
+export function getIcon(appearance) {
+    switch (appearance) {
+        case ToastSystemEventAppearance.Success:
+            return _jsx(CheckFilledSVG, {});
+        case ToastSystemEventAppearance.Error:
+        case ToastSystemEventAppearance.ErrorCritical:
+            return _jsx(CrossFilledSVG, {});
+        case ToastSystemEventAppearance.Warning:
+            return _jsx(AlarmFilledSVG, {});
+        case ToastSystemEventAppearance.Neutral:
+        default:
+            return _jsx(InfoFilledSVG, {});
+    }
+}

package/dist/components/ToastUserAction/ToastUserAction.d.ts

@@ -0,0 +1,19 @@
+import { MouseEvent } from 'react';
+import { ToastContentProps as RtToastContentProps } from 'react-toastify';
+import { WithSupportProps } from '@snack-uikit/utils';
+import { ToastUserActionAppearance } from './constants';
+export type ToastUserActionLink = {
+    text: string;
+    href: string;
+    onClick?(e: MouseEvent<HTMLAnchorElement>): void;
+};
+export type ToastUserActionProps = Partial<RtToastContentProps> & WithSupportProps<{
+    label: string;
+    appearance?: ToastUserActionAppearance;
+    link?: ToastUserActionLink;
+    className?: string;
+}>;
+export declare function ToastUserAction({ appearance, label, link, className, ...rest }: ToastUserActionProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ToastUserAction {
+    var appearances: typeof ToastUserActionAppearance;
+}

package/dist/components/ToastUserAction/ToastUserAction.js

@@ -0,0 +1,26 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import cn from 'classnames';
+import { useMemo } from 'react';
+import { Link } from '@snack-uikit/link';
+import { extractSupportProps } from '@snack-uikit/utils';
+import { TOAST_USER_ACTION_TEST_IDS } from '../../testIds';
+import { ToastUserActionAppearance, Variant } from './constants';
+import styles from './styles.module.css';
+import { getIcon } from './utils';
+export function ToastUserAction(_a) {
+    var { appearance = ToastUserActionAppearance.Neutral, label, link, className } = _a, rest = __rest(_a, ["appearance", "label", "link", "className"]);
+    const icon = useMemo(() => getIcon(appearance), [appearance]);
+    return (_jsxs("div", Object.assign({ className: cn(styles.container, className) }, extractSupportProps(rest), { "data-appearance": appearance, "data-variant": icon ? Variant.WithIcon : Variant.LabelOnly }, { children: [_jsxs("div", Object.assign({ className: styles.content }, { children: [icon && (_jsx("span", Object.assign({ className: styles.icon, "data-test-id": TOAST_USER_ACTION_TEST_IDS.icon }, { children: icon }))), _jsx("span", Object.assign({ className: styles.label, "data-test-id": TOAST_USER_ACTION_TEST_IDS.label }, { children: label }))] })), link && (_jsx(Link, { size: Link.sizes.M, text: link.text, href: link.href, onClick: link.onClick, onColor: Link.onColors.InvertNeutral, "data-test-id": TOAST_USER_ACTION_TEST_IDS.link }))] })));
+}
+ToastUserAction.appearances = ToastUserActionAppearance;

package/dist/components/ToastUserAction/constants.d.ts

@@ -0,0 +1,10 @@
+export declare enum ToastUserActionAppearance {
+    Neutral = "neutral",
+    Success = "success",
+    Error = "error",
+    Warning = "warning"
+}
+export declare enum Variant {
+    WithIcon = "with-icon",
+    LabelOnly = "label-only"
+}

package/dist/components/ToastUserAction/constants.js

@@ -0,0 +1,12 @@
+export var ToastUserActionAppearance;
+(function (ToastUserActionAppearance) {
+    ToastUserActionAppearance["Neutral"] = "neutral";
+    ToastUserActionAppearance["Success"] = "success";
+    ToastUserActionAppearance["Error"] = "error";
+    ToastUserActionAppearance["Warning"] = "warning";
+})(ToastUserActionAppearance || (ToastUserActionAppearance = {}));
+export var Variant;
+(function (Variant) {
+    Variant["WithIcon"] = "with-icon";
+    Variant["LabelOnly"] = "label-only";
+})(Variant || (Variant = {}));

package/dist/components/ToastUserAction/index.d.ts

@@ -0,0 +1 @@
+export * from './ToastUserAction';

package/dist/components/ToastUserAction/index.js

@@ -0,0 +1 @@
+export * from './ToastUserAction';

package/dist/components/ToastUserAction/styles.module.css

@@ -0,0 +1,56 @@
+.icon{
+  display:flex;
+  align-items:center;
+  justify-content:center;
+}
+.icon svg{
+  width:var(--dimension-3m, 24px) !important;
+  height:var(--dimension-3m, 24px) !important;
+}
+
+.label{
+  font-family:var(--sans-label-l-font-family, SB Sans Interface);
+  font-weight:var(--sans-label-l-font-weight, Semibold);
+  line-height:var(--sans-label-l-line-height, 20px);
+  font-size:var(--sans-label-l-font-size, 14px);
+  letter-spacing:var(--sans-label-l-letter-spacing, -0.1px);
+  paragraph-spacing:var(--sans-label-l-paragraph-spacing, 7.7px);
+  color:var(--sys-invert-neutral-text-main, #e7e7e7);
+}
+
+.content{
+  gap:var(--space-toaster-toast-user-action-content-gap, 8px);
+  display:flex;
+  align-items:center;
+}
+
+.container{
+  display:flex;
+  align-items:center;
+  justify-content:center;
+  box-sizing:border-box;
+  background-color:var(--sys-invert-neutral-background, #232323);
+}
+.container[data-variant=label-only]{
+  height:var(--size-toaster-toast-user-action-container, 40px);
+  gap:var(--space-toaster-toast-user-action-gap, 16px);
+  padding-left:var(--space-toaster-toast-user-action-from-label, 16px);
+  padding-right:var(--space-toaster-toast-user-action-from-label, 16px);
+  border-radius:var(--radius-toaster-toast-user-action-container, 16px);
+}
+.container[data-variant=with-icon]{
+  height:var(--size-toaster-toast-user-action-container, 40px);
+  gap:var(--space-toaster-toast-user-action-gap, 16px);
+  padding-left:var(--space-toaster-toast-user-action-from-icon, 8px);
+  padding-right:var(--space-toaster-toast-user-action-from-label, 16px);
+  border-radius:var(--radius-toaster-toast-user-action-container, 16px);
+}
+.container[data-appearance=error] .icon{
+  color:var(--sys-red-accent-default, #d93f2f);
+}
+.container[data-appearance=warning] .icon{
+  color:var(--sys-yellow-accent-default, #feb528);
+}
+.container[data-appearance=success] .icon{
+  color:var(--sys-green-accent-default, #0bbe8f);
+}

package/dist/components/ToastUserAction/utils.d.ts

@@ -0,0 +1,2 @@
+import { ToastUserActionAppearance } from './constants';
+export declare function getIcon(appearance: ToastUserActionAppearance): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/ToastUserAction/utils.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AlarmFilledSVG, CheckFilledSVG, CrossFilledSVG } from '@snack-uikit/icons';
+import { ToastUserActionAppearance } from './constants';
+export function getIcon(appearance) {
+    switch (appearance) {
+        case ToastUserActionAppearance.Success:
+            return _jsx(CheckFilledSVG, {});
+        case ToastUserActionAppearance.Error:
+            return _jsx(CrossFilledSVG, {});
+        case ToastUserActionAppearance.Warning:
+            return _jsx(AlarmFilledSVG, {});
+        case ToastUserActionAppearance.Neutral:
+        default:
+            return null;
+    }
+}

package/dist/components/ToasterContainer/ToasterContainer.d.ts

@@ -0,0 +1,21 @@
+import 'react-toastify/dist/ReactToastify.css';
+import { ToastContainerProps as RtToastContainerProps, ToastPosition } from 'react-toastify';
+import { ToasterType } from '../../types';
+export type ToasterContainerProps = {
+    position?: ToastPosition;
+    limit?: number;
+    containerId?: RtToastContainerProps['containerId'];
+    displayCloseAllButton?: boolean;
+    type?: ToasterType;
+};
+export declare function ToasterContainer({ position, limit, containerId, displayCloseAllButton, type, }: ToasterContainerProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ToasterContainer {
+    var position: {
+        TOP_LEFT: ToastPosition;
+        TOP_RIGHT: ToastPosition;
+        TOP_CENTER: ToastPosition;
+        BOTTOM_LEFT: ToastPosition;
+        BOTTOM_RIGHT: ToastPosition;
+        BOTTOM_CENTER: ToastPosition;
+    };
+}

package/dist/components/ToasterContainer/ToasterContainer.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import 'react-toastify/dist/ReactToastify.css';
+import cn from 'classnames';
+import { useEffect, useState } from 'react';
+import { toast, ToastContainer as RtToastContainer, } from 'react-toastify';
+import { TOASTER_CONTAINER_PREFIX } from '../../constants';
+import { TOAST_SYSTEM_EVENT_TEST_IDS } from '../../testIds';
+import { ToasterType } from '../../types';
+import styles from './styles.module.css';
+export function ToasterContainer({ position = toast.POSITION.BOTTOM_RIGHT, limit = 5, containerId, displayCloseAllButton, type = ToasterType.SystemEvent, }) {
+    const [notificationCounter, setNotificationCounter] = useState(0);
+    const [isCloseAllButtonHidden, setIsCloseAllButtonHidden] = useState(false);
+    const closeAll = () => {
+        toast.dismiss();
+        setIsCloseAllButtonHidden(true);
+    };
+    useEffect(() => {
+        const unsubscribe = toast.onChange(({ status, containerId }) => {
+            if (containerId === `${TOASTER_CONTAINER_PREFIX}${ToasterType.SystemEvent}`) {
+                if (status === 'added') {
+                    setIsCloseAllButtonHidden(false);
+                    setNotificationCounter(prev => prev + 1);
+                }
+                if (status === 'removed') {
+                    setNotificationCounter(prev => prev - 1);
+                }
+            }
+        });
+        return unsubscribe;
+    }, []);
+    const hasCloseAllButton = displayCloseAllButton && notificationCounter > 2 && !isCloseAllButtonHidden;
+    return (_jsxs(_Fragment, { children: [_jsx(RtToastContainer, { hideProgressBar: true, closeOnClick: false, autoClose: false, closeButton: false, draggable: false, className: cn(styles[`container-${type}`], styles[position], {
+                    [styles.containerWithCloseAllButton]: hasCloseAllButton,
+                }), toastClassName: styles.toaster, bodyClassName: styles.toaster, position: position, limit: limit, containerId: containerId, enableMultiContainer: Boolean(containerId) }), hasCloseAllButton && (_jsx("div", Object.assign({ className: cn(styles.buttonCloseColumnWrapper, styles[position]) }, { children: _jsx("button", Object.assign({ className: styles.buttonCloseColumn, onClick: closeAll, "data-test-id": TOAST_SYSTEM_EVENT_TEST_IDS.buttonCloseColumn }, { children: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C \u0432\u0441\u0435" })) })))] }));
+}
+ToasterContainer.position = toast.POSITION;

package/dist/components/ToasterContainer/index.d.ts

@@ -0,0 +1 @@
+export * from './ToasterContainer';

package/dist/components/ToasterContainer/index.js

@@ -0,0 +1 @@
+export * from './ToasterContainer';

package/dist/components/ToasterContainer/styles.module.css

@@ -0,0 +1,78 @@
+.buttonCloseColumnWrapper{
+  gap:var(--space-toaster-system-event-gap, 8px);
+  padding:var(--space-toaster-system-event-padding, 8px);
+  width:var(--size-toaster-toast-system-event-container, 320px);
+  position:fixed;
+  box-sizing:border-box;
+}
+
+.buttonCloseColumn{
+  height:var(--size-toaster-button-close-column, 40px);
+  border-radius:var(--radius-toaster-system-event-button-close-column, 16px);
+  font-family:var(--sans-body-m-font-family, SB Sans Interface);
+  font-weight:var(--sans-body-m-font-weight, Regular);
+  line-height:var(--sans-body-m-line-height, 20px);
+  font-size:var(--sans-body-m-font-size, 14px);
+  letter-spacing:var(--sans-body-m-letter-spacing, 0.1px);
+  paragraph-spacing:var(--sans-body-m-paragraph-spacing, 7.7px);
+  cursor:pointer;
+  box-sizing:border-box;
+  width:100%;
+  color:var(--sys-invert-neutral-text-main, #e7e7e7);
+  background-color:var(--sys-invert-neutral-background, #232323);
+  border:none;
+  outline:none;
+}
+.buttonCloseColumn:hover{
+  background-color:var(--sys-invert-neutral-decor-hovered, #494949);
+}
+.buttonCloseColumn:focus-visible{
+  outline-width:var(--border-state-focus-s-border-width, 2px);
+  outline-style:var(--border-state-focus-s-border-style, solid);
+  outline-color:var(--border-state-focus-s-border-color, );
+  background-color:var(--sys-invert-neutral-decor-hovered, #494949);
+  outline-color:var(--sys-available-complementary, #131313);
+  outline-offset:var(--spacing-state-focus-offset, 2px);
+}
+.buttonCloseColumn:active{
+  color:var(--sys-invert-neutral-text-light, #898989);
+}
+
+.container-system-event{
+  gap:var(--space-toaster-system-event-gap, 8px);
+  padding:var(--space-toaster-system-event-padding, 8px);
+  width:var(--size-toaster-toast-system-event-container, 320px);
+  display:flex;
+  flex-direction:column;
+}
+
+.container-user-action{
+  padding-bottom:var(--space-toaster-user-action-padding-bottom, 8px);
+  gap:var(--space-toaster-user-action-gap, 8px);
+  display:flex;
+  flex-direction:column;
+  align-items:center;
+  width:-moz-fit-content;
+  width:fit-content;
+}
+
+.bottom-right{
+  right:0;
+  bottom:0;
+}
+
+.bottom-center{
+  bottom:0;
+}
+
+.toaster{
+  min-height:0;
+  margin:0;
+  padding:0;
+  background-color:transparent;
+  box-shadow:none;
+}
+
+.containerWithCloseAllButton{
+  margin-bottom:calc(var(--size-toaster-button-close-column, 40px) + var(--space-toaster-system-event-gap, 8px));
+}

package/dist/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ToastSystemEvent';
+export * from './ToastUserAction';
+export * from './ToasterContainer';

package/dist/components/index.js

@@ -0,0 +1,3 @@
+export * from './ToastSystemEvent';
+export * from './ToastUserAction';
+export * from './ToasterContainer';

package/dist/constants.d.ts

@@ -0,0 +1,9 @@
+import { ToasterContainerProps } from './components';
+import { ToasterType } from './types';
+export declare const TOASTER_CONTAINER_DEFAULT_PROPS: Record<ToasterType, ToasterContainerProps>;
+export declare const AUTO_CLOSE_TIME: {
+    "system-event": number;
+    "user-action": number;
+};
+export declare const TOASTER_ROOT_ID = "toaster-root";
+export declare const TOASTER_CONTAINER_PREFIX = "toaster-container__";

package/dist/constants.js

@@ -0,0 +1,22 @@
+import { ToasterContainer } from './components';
+import { ToasterType } from './types';
+export const TOASTER_CONTAINER_DEFAULT_PROPS = {
+    [ToasterType.SystemEvent]: {
+        limit: 5,
+        position: ToasterContainer.position.BOTTOM_RIGHT,
+        displayCloseAllButton: true,
+        type: ToasterType.SystemEvent,
+    },
+    [ToasterType.UserAction]: {
+        limit: 2,
+        position: ToasterContainer.position.BOTTOM_CENTER,
+        displayCloseAllButton: false,
+        type: ToasterType.UserAction,
+    },
+};
+export const AUTO_CLOSE_TIME = {
+    [ToasterType.SystemEvent]: 5000,
+    [ToasterType.UserAction]: 2000,
+};
+export const TOASTER_ROOT_ID = 'toaster-root';
+export const TOASTER_CONTAINER_PREFIX = 'toaster-container__';

package/dist/helpers.d.ts

@@ -0,0 +1,6 @@
+import { OpenToast, Toaster, UpdateToast } from './types';
+export declare const openToast: OpenToast;
+export declare const updateToast: UpdateToast;
+export declare const dismissToast: (id?: import("react-toastify").Id | undefined) => void;
+export declare const isToastActive: (id: import("react-toastify").Id) => boolean;
+export declare const toaster: Toaster;