@snack-uikit/toaster 0.8.13 → 0.8.14-preview-b5e187d5.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.SystemEvent,
+        toasterProps: { ...options },
+      });
+    }
+
+    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/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;
+  };
 };