@snack-uikit/toaster 0.8.16 → 0.8.17-preview-bc9ca5dd.0

package/src/helpers.tsx

@@ -9,9 +9,11 @@ import {
   ToasterContainerProps,
   ToastSystemEvent,
   ToastSystemEventProps,
+  ToastUploadProps,
   ToastUserAction,
   ToastUserActionProps,
 } from './components';
+import { ToastUploadForToaster } from './components/ToastUpload/ToastUploadToaster';
 import {
   AUTO_CLOSE_TIME,
   TOASTER_CONTAINER_DEFAULT_PROPS,
@@ -28,6 +30,7 @@ import {
   ToasterType,
   ToastOptions,
   UpdateToast,
+  UploadOptions,
   UserActionOptions,
 } from './types';
 
@@ -97,6 +100,8 @@ function getToastComponent<T extends keyof ToasterPropsMap>({
       return <ToastUserAction {...(toasterProps as ToastUserActionProps)} />;
     case TOASTER_TYPE.SystemEvent:
       return <ToastSystemEvent {...(toasterProps as ToastSystemEventProps)} />;
+    case TOASTER_TYPE.Upload:
+      return <ToastUploadForToaster {...(toasterProps as ToastUploadProps)} />;
     default:
       return undefined;
   }
@@ -331,7 +336,37 @@ const systemEvent = {
   },
 };
 
+const upload = {
+  startOrUpdate({ id, ...options }: UploadOptions) {
+    const toastId = id || TOASTER_TYPE.Upload;
+
+    if (toast.isActive(toastId)) {
+      return updateToast(toastId, {
+        type: TOASTER_TYPE.Upload,
+        toasterProps: { ...options, loading: true },
+      });
+    }
+
+    return openToast({
+      type: TOASTER_TYPE.Upload,
+      toasterProps: {
+        ...options,
+        loading: true,
+      },
+      toastOptions: {
+        id: toastId,
+        onClose: options.onClose,
+      },
+    });
+  },
+
+  dismiss(id?: ToasterId) {
+    return toast.dismiss(id);
+  },
+};
+
 export const toaster: Toaster = {
   userAction,
   systemEvent,
+  upload,
 };

package/src/index.ts

@@ -1,5 +1,10 @@
 export { toaster, openToast, updateToast, dismissToast } from './helpers';
-export type { ToastSystemEventProps, ToastUserActionProps, ToasterContainerProps } from './components';
+export type {
+  ToastSystemEventProps,
+  ToastUserActionProps,
+  ToasterContainerProps,
+  ToastUploadProps,
+} from './components';
 export type {
   Toaster,
   UpdateToast,
@@ -8,5 +13,6 @@ export type {
   SystemEventOptions,
   ToasterId,
   ToastOptions,
+  UploadOptions,
 } from './types';
 export { TOASTER_TYPE } from './constants';

package/src/testIds.ts

@@ -21,3 +21,20 @@ export const TOAST_USER_ACTION_TEST_IDS = {
   loader: `${TOAST_USER_ACTION_TEST_ID}__loader`,
   link: `${TOAST_USER_ACTION_TEST_ID}__link`,
 };
+
+const TOAST_UPLOAD_TEST_ID = 'toast-upload';
+
+export const TOAST_UPLOAD_TEST_IDS = {
+  main: TOAST_UPLOAD_TEST_ID,
+  close: `${TOAST_UPLOAD_TEST_ID}__close`,
+  title: `${TOAST_UPLOAD_TEST_ID}__title`,
+  description: `${TOAST_UPLOAD_TEST_ID}__description`,
+  counter: `${TOAST_UPLOAD_TEST_ID}__counter`,
+  progress: `${TOAST_UPLOAD_TEST_ID}__progress`,
+  list: `${TOAST_UPLOAD_TEST_ID}__list`,
+  collapseButton: `${TOAST_UPLOAD_TEST_ID}__collapseButton`,
+  progressBar: `${TOAST_UPLOAD_TEST_ID}__progressBar`,
+  uploadItem: `${TOAST_UPLOAD_TEST_ID}__uploadItem`,
+  uploadItemLink: `${TOAST_UPLOAD_TEST_ID}__uploadItemLink`,
+  uploadItemCancel: `${TOAST_UPLOAD_TEST_ID}__uploadItemCancel`,
+};

package/src/types.ts

@@ -2,7 +2,7 @@ import { Id, ToastOptions as RtToastOptions } from 'react-toastify';
 
 import { ValueOf } from '@snack-uikit/utils';
 
-import { ToasterContainerProps, ToastSystemEventProps, ToastUserActionProps } from './components';
+import { ToasterContainerProps, ToastSystemEventProps, ToastUploadProps, ToastUserActionProps } from './components';
 import { TOASTER_TYPE } from './constants';
 
 export type ToasterId = Id;
@@ -19,6 +19,7 @@ export type ToasterType = ValueOf<typeof TOASTER_TYPE>;
 export type ToasterPropsMap = {
   [TOASTER_TYPE.UserAction]: ToastUserActionProps;
   [TOASTER_TYPE.SystemEvent]: ToastSystemEventProps;
+  [TOASTER_TYPE.Upload]: ToastUploadProps & { loading: boolean };
 };
 
 type OpenNotificationProps<T extends keyof ToasterPropsMap> = {
@@ -49,6 +50,7 @@ export type UpdateToast = <T extends keyof ToasterPropsMap>(
 
 export type UserActionOptions = Omit<ToastUserActionProps, 'appearance'> & Pick<ToastOptions, 'id' | 'onClose'>;
 export type SystemEventOptions = Omit<ToastSystemEventProps, 'appearance'> & Pick<ToastOptions, 'id' | 'onClose'>;
+export type UploadOptions = ToastUploadProps & Pick<ToastOptions, 'id' | 'onClose'>;
 
 export type Toaster = {
   userAction: {
@@ -79,4 +81,8 @@ export type Toaster = {
     };
     dismiss(id?: ToasterId): void;
   };
+  upload: {
+    startOrUpdate(options: UploadOptions): void;
+    dismiss(id?: ToasterId): void;
+  };
 };