@snack-uikit/toaster 0.6.8-preview-8c773b48.0 → 0.6.8

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.6.8 (2024-03-26)
+
+### Only dependencies have been changed
+* [@snack-uikit/link@0.11.6](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/link/CHANGELOG.md)
+* [@snack-uikit/truncate-string@0.4.12](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/truncate-string/CHANGELOG.md)
+
+
+
+
+
 ## 0.6.7 (2024-03-22)
 
 ### Only dependencies have been changed

package/dist/components/ToastSystemEvent/ToastSystemEvent.js

@@ -16,9 +16,10 @@ import { CrossSVG } from '@snack-uikit/icons';
 import { Link } from '@snack-uikit/link';
 import { TruncateString } from '@snack-uikit/truncate-string';
 import { extractSupportProps } from '@snack-uikit/utils';
-import { AUTO_CLOSE_TIME, TOASTER_TYPE } from '../../constants';
+import { AUTO_CLOSE_TIME } from '../../constants';
 import { ButtonAction } from '../../helperComponents/ButtonAction';
 import { TOAST_SYSTEM_EVENT_TEST_IDS } from '../../testIds';
+import { ToasterType } from '../../types';
 import { APPEARANCE_TO_ON_COLOR_MAP } from './constants';
 import styles from './styles.module.css';
 import { getIcon } from './utils';
@@ -29,5 +30,5 @@ export function ToastSystemEvent(_a) {
         onCloseClick ? onCloseClick(e, closeToast) : closeToast === null || closeToast === void 0 ? void 0 : closeToast();
     };
     const icon = useMemo(() => getIcon(appearance), [appearance]);
-    return (_jsxs("div", Object.assign({ className: cn(styles.container, className) }, extractSupportProps(rest), { "data-appearance": appearance, children: [_jsxs("div", { className: styles.body, children: [_jsx("div", { className: styles.icon, children: icon }), _jsxs("div", { className: styles.contentLayout, children: [_jsxs("div", { children: [_jsx("span", { className: styles.title, children: _jsx(TruncateString, { text: title, maxLines: 2, hideTooltip: true, "data-test-id": TOAST_SYSTEM_EVENT_TEST_IDS.title }) }), description && (_jsx("span", { className: styles.description, children: _jsx(TruncateString, { maxLines: 4, text: description, hideTooltip: true, "data-test-id": TOAST_SYSTEM_EVENT_TEST_IDS.description }) }))] }), link && (_jsx(Link, { text: link.text, href: link.href, size: 'm', onClick: link.onClick, appearance: APPEARANCE_TO_ON_COLOR_MAP[appearance], "data-test-id": TOAST_SYSTEM_EVENT_TEST_IDS.link, textMode: appearance === 'errorCritical' ? 'on-accent' : 'accent' }))] }), closable && (_jsx("button", { className: styles.buttonClose, onClick: handleCloseClick, "data-test-id": TOAST_SYSTEM_EVENT_TEST_IDS.buttonClose, "aria-label": 'close notification', children: _jsx(CrossSVG, {}) }))] }), progressBar && (_jsx("div", { role: 'progressbar', "aria-label": 'progressbar', "data-test-id": TOAST_SYSTEM_EVENT_TEST_IDS.progressbar, className: styles.progress, style: { animationDuration: `${AUTO_CLOSE_TIME[TOASTER_TYPE.SystemEvent]}ms` } })), Array.isArray(action) && action.length > 0 && (_jsx("div", { className: styles.footer, children: action.map(buttonProps => (_jsx(ButtonAction, Object.assign({}, buttonProps, { critical: appearance === 'errorCritical' }), buttonProps.label))) }))] })));
+    return (_jsxs("div", Object.assign({ className: cn(styles.container, className) }, extractSupportProps(rest), { "data-appearance": appearance, children: [_jsxs("div", { className: styles.body, children: [_jsx("div", { className: styles.icon, children: icon }), _jsxs("div", { className: styles.contentLayout, children: [_jsxs("div", { children: [_jsx("span", { className: styles.title, children: _jsx(TruncateString, { text: title, maxLines: 2, hideTooltip: true, "data-test-id": TOAST_SYSTEM_EVENT_TEST_IDS.title }) }), description && (_jsx("span", { className: styles.description, children: _jsx(TruncateString, { maxLines: 4, text: description, hideTooltip: true, "data-test-id": TOAST_SYSTEM_EVENT_TEST_IDS.description }) }))] }), link && (_jsx(Link, { text: link.text, href: link.href, size: 'm', onClick: link.onClick, appearance: APPEARANCE_TO_ON_COLOR_MAP[appearance], "data-test-id": TOAST_SYSTEM_EVENT_TEST_IDS.link, textMode: appearance === 'errorCritical' ? 'on-accent' : 'accent' }))] }), closable && (_jsx("button", { className: styles.buttonClose, onClick: handleCloseClick, "data-test-id": TOAST_SYSTEM_EVENT_TEST_IDS.buttonClose, "aria-label": 'close notification', children: _jsx(CrossSVG, {}) }))] }), progressBar && (_jsx("div", { role: 'progressbar', "aria-label": 'progressbar', "data-test-id": TOAST_SYSTEM_EVENT_TEST_IDS.progressbar, className: styles.progress, style: { animationDuration: `${AUTO_CLOSE_TIME[ToasterType.SystemEvent]}ms` } })), Array.isArray(action) && action.length > 0 && (_jsx("div", { className: styles.footer, children: action.map(buttonProps => (_jsx(ButtonAction, Object.assign({}, buttonProps, { critical: appearance === 'errorCritical' }), buttonProps.label))) }))] })));
 }

package/dist/components/ToasterContainer/ToasterContainer.js

@@ -3,10 +3,11 @@ 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, TOASTER_TYPE } from '../../constants';
+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 = TOASTER_TYPE.SystemEvent, }) {
+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 = () => {
@@ -15,7 +16,7 @@ export function ToasterContainer({ position = toast.POSITION.BOTTOM_RIGHT, limit
     };
     useEffect(() => {
         const unsubscribe = toast.onChange(({ status, containerId }) => {
-            if (containerId === `${TOASTER_CONTAINER_PREFIX}${TOASTER_TYPE.SystemEvent}`) {
+            if (containerId === `${TOASTER_CONTAINER_PREFIX}${ToasterType.SystemEvent}`) {
                 if (status === 'added') {
                     setIsCloseAllButtonHidden(false);
                     setNotificationCounter(prev => prev + 1);

package/dist/constants.d.ts

@@ -1,9 +1,5 @@
 import { ToasterContainerProps } from './components';
 import { ToasterType } from './types';
-export declare const TOASTER_TYPE: {
-    readonly SystemEvent: "system-event";
-    readonly UserAction: "user-action";
-};
 export declare const TOASTER_CONTAINER_DEFAULT_PROPS: Record<ToasterType, ToasterContainerProps>;
 export declare const AUTO_CLOSE_TIME: {
     "system-event": number;

package/dist/constants.js

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

package/dist/helpers.js

@@ -3,7 +3,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { render } from 'react-dom';
 import { toast } from 'react-toastify';
 import { ToasterContainer, ToastSystemEvent, ToastUserAction, } from './components';
-import { AUTO_CLOSE_TIME, TOASTER_CONTAINER_DEFAULT_PROPS, TOASTER_CONTAINER_PREFIX, TOASTER_ROOT_ID, TOASTER_TYPE, } from './constants';
+import { AUTO_CLOSE_TIME, TOASTER_CONTAINER_DEFAULT_PROPS, TOASTER_CONTAINER_PREFIX, TOASTER_ROOT_ID, } from './constants';
+import { ToasterType, } from './types';
 function getToasterContainer({ type, toasterParent, containerProps, }) {
     const containerId = (containerProps === null || containerProps === void 0 ? void 0 : containerProps.containerId) || `${TOASTER_CONTAINER_PREFIX}${type}`;
     const toasterContainerProps = Object.assign(Object.assign(Object.assign({}, TOASTER_CONTAINER_DEFAULT_PROPS[type]), (containerProps || {})), { containerId });
@@ -32,9 +33,9 @@ function getToastOptions({ type, toastOptions, containerId, toasterProps, }) {
 }
 function getToastComponent({ type, toasterProps, }) {
     switch (type) {
-        case TOASTER_TYPE.UserAction:
+        case ToasterType.UserAction:
             return _jsx(ToastUserAction, Object.assign({}, toasterProps));
-        case TOASTER_TYPE.SystemEvent:
+        case ToasterType.SystemEvent:
             return _jsx(ToastSystemEvent, Object.assign({}, toasterProps));
         default:
             return undefined;
@@ -77,50 +78,50 @@ export const isToastActive = toast.isActive;
 const userAction = {
     success(options) {
         return openToast({
-            type: TOASTER_TYPE.UserAction,
+            type: ToasterType.UserAction,
             toasterProps: Object.assign(Object.assign({}, options), { appearance: 'success' }),
         });
     },
     neutral(options) {
         return openToast({
-            type: TOASTER_TYPE.UserAction,
+            type: ToasterType.UserAction,
             toasterProps: Object.assign(Object.assign({}, options), { appearance: 'neutral' }),
         });
     },
     error(options) {
         return openToast({
-            type: TOASTER_TYPE.UserAction,
+            type: ToasterType.UserAction,
             toasterProps: Object.assign(Object.assign({}, options), { appearance: 'error' }),
         });
     },
     warning(options) {
         return openToast({
-            type: TOASTER_TYPE.UserAction,
+            type: ToasterType.UserAction,
             toasterProps: Object.assign(Object.assign({}, options), { appearance: 'warning' }),
         });
     },
     update: {
         success(id, options) {
             updateToast(id, {
-                type: TOASTER_TYPE.UserAction,
+                type: ToasterType.UserAction,
                 toasterProps: Object.assign(Object.assign({}, options), { appearance: 'success' }),
             });
         },
         neutral(id, options) {
             updateToast(id, {
-                type: TOASTER_TYPE.UserAction,
+                type: ToasterType.UserAction,
                 toasterProps: Object.assign(Object.assign({}, options), { appearance: 'neutral' }),
             });
         },
         warning(id, options) {
             updateToast(id, {
-                type: TOASTER_TYPE.UserAction,
+                type: ToasterType.UserAction,
                 toasterProps: Object.assign(Object.assign({}, options), { appearance: 'warning' }),
             });
         },
         error(id, options) {
             updateToast(id, {
-                type: TOASTER_TYPE.UserAction,
+                type: ToasterType.UserAction,
                 toasterProps: Object.assign(Object.assign({}, options), { appearance: 'error' }),
             });
         },
@@ -132,62 +133,62 @@ const userAction = {
 const systemEvent = {
     success(options) {
         return openToast({
-            type: TOASTER_TYPE.SystemEvent,
+            type: ToasterType.SystemEvent,
             toasterProps: Object.assign(Object.assign({}, options), { appearance: 'success' }),
         });
     },
     neutral(options) {
         return openToast({
-            type: TOASTER_TYPE.SystemEvent,
+            type: ToasterType.SystemEvent,
             toasterProps: Object.assign(Object.assign({}, options), { appearance: 'neutral' }),
         });
     },
     warning(options) {
         return openToast({
-            type: TOASTER_TYPE.SystemEvent,
+            type: ToasterType.SystemEvent,
             toasterProps: Object.assign(Object.assign({}, options), { appearance: 'warning' }),
         });
     },
     error(options) {
         return openToast({
-            type: TOASTER_TYPE.SystemEvent,
+            type: ToasterType.SystemEvent,
             toasterProps: Object.assign(Object.assign({}, options), { appearance: 'error' }),
         });
     },
     errorCritical(options) {
         return openToast({
-            type: TOASTER_TYPE.SystemEvent,
+            type: ToasterType.SystemEvent,
             toasterProps: Object.assign(Object.assign({}, options), { appearance: 'errorCritical' }),
         });
     },
     update: {
         success(id, options) {
             return updateToast(id, {
-                type: TOASTER_TYPE.SystemEvent,
+                type: ToasterType.SystemEvent,
                 toasterProps: Object.assign(Object.assign({}, options), { appearance: 'success' }),
             });
         },
         neutral(id, options) {
             return updateToast(id, {
-                type: TOASTER_TYPE.SystemEvent,
+                type: ToasterType.SystemEvent,
                 toasterProps: Object.assign(Object.assign({}, options), { appearance: 'neutral' }),
             });
         },
         warning(id, options) {
             return updateToast(id, {
-                type: TOASTER_TYPE.SystemEvent,
+                type: ToasterType.SystemEvent,
                 toasterProps: Object.assign(Object.assign({}, options), { appearance: 'warning' }),
             });
         },
         error(id, options) {
             return updateToast(id, {
-                type: TOASTER_TYPE.SystemEvent,
+                type: ToasterType.SystemEvent,
                 toasterProps: Object.assign(Object.assign({}, options), { appearance: 'error' }),
             });
         },
         errorCritical(id, options) {
             return updateToast(id, {
-                type: TOASTER_TYPE.SystemEvent,
+                type: ToasterType.SystemEvent,
                 toasterProps: Object.assign(Object.assign({}, options), { appearance: 'errorCritical' }),
             });
         },

package/dist/index.d.ts

@@ -1,4 +1,2 @@
 export { toaster } from './helpers';
 export type { ToastSystemEventProps, ToastUserActionProps } from './components';
-export { openToast, updateToast, dismissToast } from './helpers';
-export type { Toaster, UpdateToast, OpenToast } from './types';

package/dist/index.js

@@ -1,2 +1 @@
 export { toaster } from './helpers';
-export { openToast, updateToast, dismissToast } from './helpers';

package/dist/types.d.ts

@@ -1,7 +1,5 @@
 import { Id, ToastOptions as RtToastOptions } from 'react-toastify';
-import { ValueOf } from '@snack-uikit/utils';
 import { ToasterContainerProps, ToastSystemEventProps, ToastUserActionProps } from './components';
-import { TOASTER_TYPE } from './constants';
 export type ToasterId = Id;
 export type PromisedId = Promise<ToasterId>;
 export type ToastOptions = {
@@ -9,10 +7,13 @@ export type ToastOptions = {
     autoClose?: RtToastOptions['autoClose'];
     onClose?(id?: ToasterId): void;
 };
-export type ToasterType = ValueOf<typeof TOASTER_TYPE>;
+export declare enum ToasterType {
+    SystemEvent = "system-event",
+    UserAction = "user-action"
+}
 export type ToasterPropsMap = {
-    [TOASTER_TYPE.UserAction]: ToastUserActionProps;
-    [TOASTER_TYPE.SystemEvent]: ToastSystemEventProps;
+    [ToasterType.UserAction]: ToastUserActionProps;
+    [ToasterType.SystemEvent]: ToastSystemEventProps;
 };
 type OpenNotificationProps<T extends keyof ToasterPropsMap> = {
     type: T;

package/dist/types.js

@@ -1 +1,5 @@
-import { TOASTER_TYPE } from './constants';
+export var ToasterType;
+(function (ToasterType) {
+    ToasterType["SystemEvent"] = "system-event";
+    ToasterType["UserAction"] = "user-action";
+})(ToasterType || (ToasterType = {}));

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Toaster",
-  "version": "0.6.8-preview-8c773b48.0",
+  "version": "0.6.8",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -33,12 +33,12 @@
   "scripts": {},
   "dependencies": {
     "@snack-uikit/icons": "0.20.1",
-    "@snack-uikit/link": "0.11.5",
+    "@snack-uikit/link": "0.11.6",
     "@snack-uikit/loaders": "0.5.1",
-    "@snack-uikit/truncate-string": "0.4.11",
+    "@snack-uikit/truncate-string": "0.4.12",
     "@snack-uikit/utils": "3.2.0",
     "classnames": "2.3.2",
     "react-toastify": "9.1.3"
   },
-  "gitHead": "96a2e4b7298bb6e7be522f5e7b22f90bc1861cf3"
+  "gitHead": "234be77560f8bd1b3a4b567e2ec88f3a89c3631f"
 }

package/src/components/ToastSystemEvent/ToastSystemEvent.tsx

@@ -7,10 +7,10 @@ import { Link } from '@snack-uikit/link';
 import { TruncateString } from '@snack-uikit/truncate-string';
 import { extractSupportProps, WithSupportProps } from '@snack-uikit/utils';
 
-import { AUTO_CLOSE_TIME, TOASTER_TYPE } from '../../constants';
+import { AUTO_CLOSE_TIME } from '../../constants';
 import { ButtonAction, ButtonActionProps } from '../../helperComponents/ButtonAction';
 import { TOAST_SYSTEM_EVENT_TEST_IDS } from '../../testIds';
-import { ToasterId } from '../../types';
+import { ToasterId, ToasterType } from '../../types';
 import { APPEARANCE_TO_ON_COLOR_MAP } from './constants';
 import styles from './styles.module.scss';
 import { ToastSystemEventAppearance } from './types';
@@ -113,7 +113,7 @@ export function ToastSystemEvent({
           aria-label='progressbar'
           data-test-id={TOAST_SYSTEM_EVENT_TEST_IDS.progressbar}
           className={styles.progress}
-          style={{ animationDuration: `${AUTO_CLOSE_TIME[TOASTER_TYPE.SystemEvent]}ms` }}
+          style={{ animationDuration: `${AUTO_CLOSE_TIME[ToasterType.SystemEvent]}ms` }}
         />
       )}
 

package/src/components/ToasterContainer/ToasterContainer.tsx

@@ -10,7 +10,7 @@ import {
   ToastPosition,
 } from 'react-toastify';
 
-import { TOASTER_CONTAINER_PREFIX, TOASTER_TYPE } from '../../constants';
+import { TOASTER_CONTAINER_PREFIX } from '../../constants';
 import { TOAST_SYSTEM_EVENT_TEST_IDS } from '../../testIds';
 import { ToasterType } from '../../types';
 import styles from './styles.module.scss';
@@ -28,7 +28,7 @@ export function ToasterContainer({
   limit = 5,
   containerId,
   displayCloseAllButton,
-  type = TOASTER_TYPE.SystemEvent,
+  type = ToasterType.SystemEvent,
 }: ToasterContainerProps) {
   const [notificationCounter, setNotificationCounter] = useState(0);
   const [isCloseAllButtonHidden, setIsCloseAllButtonHidden] = useState(false);
@@ -39,7 +39,7 @@ export function ToasterContainer({
 
   useEffect(() => {
     const unsubscribe = toast.onChange(({ status, containerId }: ToastItem) => {
-      if (containerId === `${TOASTER_CONTAINER_PREFIX}${TOASTER_TYPE.SystemEvent}`) {
+      if (containerId === `${TOASTER_CONTAINER_PREFIX}${ToasterType.SystemEvent}`) {
         if (status === 'added') {
           setIsCloseAllButtonHidden(false);
           setNotificationCounter(prev => prev + 1);

package/src/constants.ts

@@ -1,29 +1,24 @@
 import { ToasterContainer, ToasterContainerProps } from './components';
 import { ToasterType } from './types';
 
-export const TOASTER_TYPE = {
-  SystemEvent: 'system-event',
-  UserAction: 'user-action',
-} as const;
-
 export const TOASTER_CONTAINER_DEFAULT_PROPS: Record<ToasterType, ToasterContainerProps> = {
-  [TOASTER_TYPE.SystemEvent]: {
+  [ToasterType.SystemEvent]: {
     limit: 5,
     position: ToasterContainer.position.BOTTOM_RIGHT,
     displayCloseAllButton: true,
-    type: TOASTER_TYPE.SystemEvent,
+    type: ToasterType.SystemEvent,
   },
-  [TOASTER_TYPE.UserAction]: {
+  [ToasterType.UserAction]: {
     limit: 2,
     position: ToasterContainer.position.BOTTOM_CENTER,
     displayCloseAllButton: false,
-    type: TOASTER_TYPE.UserAction,
+    type: ToasterType.UserAction,
   },
 };
 
 export const AUTO_CLOSE_TIME = {
-  [TOASTER_TYPE.SystemEvent]: 5000,
-  [TOASTER_TYPE.UserAction]: 2000,
+  [ToasterType.SystemEvent]: 5000,
+  [ToasterType.UserAction]: 2000,
 };
 
 export const TOASTER_ROOT_ID = 'toaster-root';

package/src/helpers.tsx

@@ -15,7 +15,6 @@ import {
   TOASTER_CONTAINER_DEFAULT_PROPS,
   TOASTER_CONTAINER_PREFIX,
   TOASTER_ROOT_ID,
-  TOASTER_TYPE,
 } from './constants';
 import {
   OpenToast,
@@ -91,9 +90,9 @@ function getToastComponent<T extends keyof ToasterPropsMap>({
   toasterProps: ToasterPropsMap[T];
 }) {
   switch (type) {
-    case TOASTER_TYPE.UserAction:
+    case ToasterType.UserAction:
       return <ToastUserAction {...(toasterProps as ToastUserActionProps)} />;
-    case TOASTER_TYPE.SystemEvent:
+    case ToasterType.SystemEvent:
       return <ToastSystemEvent {...(toasterProps as ToastSystemEventProps)} />;
     default:
       return undefined;
@@ -154,28 +153,28 @@ export const isToastActive = toast.isActive;
 const userAction = {
   success(options: UserActionOptions) {
     return openToast({
-      type: TOASTER_TYPE.UserAction,
+      type: ToasterType.UserAction,
       toasterProps: { ...options, appearance: 'success' },
     });
   },
 
   neutral(options: UserActionOptions) {
     return openToast({
-      type: TOASTER_TYPE.UserAction,
+      type: ToasterType.UserAction,
       toasterProps: { ...options, appearance: 'neutral' },
     });
   },
 
   error(options: UserActionOptions) {
     return openToast({
-      type: TOASTER_TYPE.UserAction,
+      type: ToasterType.UserAction,
       toasterProps: { ...options, appearance: 'error' },
     });
   },
 
   warning(options: UserActionOptions) {
     return openToast({
-      type: TOASTER_TYPE.UserAction,
+      type: ToasterType.UserAction,
       toasterProps: { ...options, appearance: 'warning' },
     });
   },
@@ -183,28 +182,28 @@ const userAction = {
   update: {
     success(id: ToasterId, options: UserActionOptions) {
       updateToast(id, {
-        type: TOASTER_TYPE.UserAction,
+        type: ToasterType.UserAction,
         toasterProps: { ...options, appearance: 'success' },
       });
     },
 
     neutral(id: ToasterId, options: UserActionOptions) {
       updateToast(id, {
-        type: TOASTER_TYPE.UserAction,
+        type: ToasterType.UserAction,
         toasterProps: { ...options, appearance: 'neutral' },
       });
     },
 
     warning(id: ToasterId, options: UserActionOptions) {
       updateToast(id, {
-        type: TOASTER_TYPE.UserAction,
+        type: ToasterType.UserAction,
         toasterProps: { ...options, appearance: 'warning' },
       });
     },
 
     error(id: ToasterId, options: UserActionOptions) {
       updateToast(id, {
-        type: TOASTER_TYPE.UserAction,
+        type: ToasterType.UserAction,
         toasterProps: { ...options, appearance: 'error' },
       });
     },
@@ -218,35 +217,35 @@ const userAction = {
 const systemEvent = {
   success(options: SystemEventOptions) {
     return openToast({
-      type: TOASTER_TYPE.SystemEvent,
+      type: ToasterType.SystemEvent,
       toasterProps: { ...options, appearance: 'success' },
     });
   },
 
   neutral(options: SystemEventOptions) {
     return openToast({
-      type: TOASTER_TYPE.SystemEvent,
+      type: ToasterType.SystemEvent,
       toasterProps: { ...options, appearance: 'neutral' },
     });
   },
 
   warning(options: SystemEventOptions) {
     return openToast({
-      type: TOASTER_TYPE.SystemEvent,
+      type: ToasterType.SystemEvent,
       toasterProps: { ...options, appearance: 'warning' },
     });
   },
 
   error(options: SystemEventOptions) {
     return openToast({
-      type: TOASTER_TYPE.SystemEvent,
+      type: ToasterType.SystemEvent,
       toasterProps: { ...options, appearance: 'error' },
     });
   },
 
   errorCritical(options: SystemEventOptions) {
     return openToast({
-      type: TOASTER_TYPE.SystemEvent,
+      type: ToasterType.SystemEvent,
       toasterProps: { ...options, appearance: 'errorCritical' },
     });
   },
@@ -254,35 +253,35 @@ const systemEvent = {
   update: {
     success(id: ToasterId, options: SystemEventOptions) {
       return updateToast(id, {
-        type: TOASTER_TYPE.SystemEvent,
+        type: ToasterType.SystemEvent,
         toasterProps: { ...options, appearance: 'success' },
       });
     },
 
     neutral(id: ToasterId, options: SystemEventOptions) {
       return updateToast(id, {
-        type: TOASTER_TYPE.SystemEvent,
+        type: ToasterType.SystemEvent,
         toasterProps: { ...options, appearance: 'neutral' },
       });
     },
 
     warning(id: ToasterId, options: SystemEventOptions) {
       return updateToast(id, {
-        type: TOASTER_TYPE.SystemEvent,
+        type: ToasterType.SystemEvent,
         toasterProps: { ...options, appearance: 'warning' },
       });
     },
 
     error(id: ToasterId, options: SystemEventOptions) {
       return updateToast(id, {
-        type: TOASTER_TYPE.SystemEvent,
+        type: ToasterType.SystemEvent,
         toasterProps: { ...options, appearance: 'error' },
       });
     },
 
     errorCritical(id: ToasterId, options: SystemEventOptions) {
       return updateToast(id, {
-        type: TOASTER_TYPE.SystemEvent,
+        type: ToasterType.SystemEvent,
         toasterProps: { ...options, appearance: 'errorCritical' },
       });
     },

package/src/index.ts

@@ -1,7 +1,3 @@
 export { toaster } from './helpers';
 
 export type { ToastSystemEventProps, ToastUserActionProps } from './components';
-
-export { openToast, updateToast, dismissToast } from './helpers';
-
-export type { Toaster, UpdateToast, OpenToast } from './types';

package/src/types.ts

@@ -1,9 +1,6 @@
 import { Id, ToastOptions as RtToastOptions } from 'react-toastify';
 
-import { ValueOf } from '@snack-uikit/utils';
-
 import { ToasterContainerProps, ToastSystemEventProps, ToastUserActionProps } from './components';
-import { TOASTER_TYPE } from './constants';
 
 export type ToasterId = Id;
 export type PromisedId = Promise<ToasterId>;
@@ -14,11 +11,14 @@ export type ToastOptions = {
   onClose?(id?: ToasterId): void;
 };
 
-export type ToasterType = ValueOf<typeof TOASTER_TYPE>;
+export enum ToasterType {
+  SystemEvent = 'system-event',
+  UserAction = 'user-action',
+}
 
 export type ToasterPropsMap = {
-  [TOASTER_TYPE.UserAction]: ToastUserActionProps;
-  [TOASTER_TYPE.SystemEvent]: ToastSystemEventProps;
+  [ToasterType.UserAction]: ToastUserActionProps;
+  [ToasterType.SystemEvent]: ToastSystemEventProps;
 };
 
 type OpenNotificationProps<T extends keyof ToasterPropsMap> = {