@snack-uikit/toaster 0.11.15-preview-b2ccf94a.0 → 0.11.15

package/CHANGELOG.md

@@ -3,6 +3,15 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## <small>0.11.15 (2025-10-06)</small>
+
+### Only dependencies have been changed
+* [@snack-uikit/locale@0.15.2](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/locale/CHANGELOG.md)
+
+
+
+
+
 ## <small>0.11.14 (2025-09-22)</small>
 
 ### Only dependencies have been changed

package/README.md

@@ -83,7 +83,6 @@ toaster.upload.dismiss(uploadToastId);
 | containerId | `Id` | - |  |
 | displayCloseAllButton | `boolean` | - |  |
 | type | enum ToasterType: `"system-event"`, `"user-action"`, `"upload"` | system-event |  |
-| draggable | `boolean` | - |  |
 ## ToastUpload
 ### Props
 | name | type | default value | description |

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

@@ -7,6 +7,5 @@ export type ToasterContainerProps = {
     containerId?: RtToastContainerProps['containerId'];
     displayCloseAllButton?: boolean;
     type?: ToasterType;
-    draggable?: boolean;
 };
-export declare function ToasterContainer({ position, limit, containerId, displayCloseAllButton, type, draggable, }: ToasterContainerProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToasterContainer({ position, limit, containerId, displayCloseAllButton, type, }: ToasterContainerProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/ToasterContainer/ToasterContainer.js

@@ -14,7 +14,6 @@ require("./style.css");
 const classnames_1 = __importDefault(require("classnames"));
 const react_1 = require("react");
 const react_toastify_1 = require("react-toastify");
-const utils_1 = require("@snack-uikit/utils");
 const constants_1 = require("../../constants");
 const testIds_1 = require("../../testIds");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
@@ -24,8 +23,7 @@ function ToasterContainer(_ref) {
     limit = 5,
     containerId,
     displayCloseAllButton,
-    type = constants_1.TOASTER_TYPE.SystemEvent,
-    draggable = false
+    type = constants_1.TOASTER_TYPE.SystemEvent
   } = _ref;
   const [notificationCounter, setNotificationCounter] = (0, react_1.useState)(0);
   const [isCloseAllButtonHidden, setIsCloseAllButtonHidden] = (0, react_1.useState)(false);
@@ -33,7 +31,7 @@ function ToasterContainer(_ref) {
     react_toastify_1.toast.dismiss();
     setIsCloseAllButtonHidden(true);
   };
-  (0, utils_1.useLayoutEffect)(() => {
+  (0, react_1.useEffect)(() => {
     const unsubscribe = react_toastify_1.toast.onChange(_ref2 => {
       let {
         status,
@@ -58,7 +56,7 @@ function ToasterContainer(_ref) {
       closeOnClick: false,
       autoClose: false,
       closeButton: false,
-      draggable: draggable,
+      draggable: false,
       className: (0, classnames_1.default)('osThemeSnack', styles_module_scss_1.default[position], {
         [styles_module_scss_1.default.containerWithCloseAllButton]: hasCloseAllButton,
         'osThemeSnack__toast-container__system-event': type === constants_1.TOASTER_TYPE.SystemEvent,

package/dist/cjs/helpers.js

@@ -55,10 +55,7 @@ function getToastOptions(_ref2) {
       (_a = toastOptions === null || toastOptions === void 0 ? void 0 : toastOptions.onClose) === null || _a === void 0 ? void 0 : _a.call(toastOptions, data === null || data === void 0 ? void 0 : data.id);
     },
     autoClose: (toasterProps === null || toasterProps === void 0 ? void 0 : toasterProps.loading) ? false : constants_1.AUTO_CLOSE_TIME[type],
-    containerId: containerId || `${constants_1.TOASTER_CONTAINER_PREFIX}${type}`,
-    draggable: toastOptions === null || toastOptions === void 0 ? void 0 : toastOptions.draggable,
-    draggableDirection: type === constants_1.TOASTER_TYPE.UserAction ? 'y' : 'x',
-    draggablePercent: 20
+    containerId: containerId || `${constants_1.TOASTER_CONTAINER_PREFIX}${type}`
   };
 }
 function getToastComponent(_ref3) {
@@ -153,8 +150,7 @@ const userAction = {
       }),
       toastOptions: {
         id: options.id,
-        onClose: options.onClose,
-        draggable: options.draggable
+        onClose: options.onClose
       }
     });
   },
@@ -166,8 +162,7 @@ const userAction = {
       }),
       toastOptions: {
         id: options.id,
-        onClose: options.onClose,
-        draggable: options.draggable
+        onClose: options.onClose
       }
     });
   },
@@ -179,8 +174,7 @@ const userAction = {
       }),
       toastOptions: {
         id: options.id,
-        onClose: options.onClose,
-        draggable: options.draggable
+        onClose: options.onClose
       }
     });
   },
@@ -192,8 +186,7 @@ const userAction = {
       }),
       toastOptions: {
         id: options.id,
-        onClose: options.onClose,
-        draggable: options.draggable
+        onClose: options.onClose
       }
     });
   },
@@ -203,10 +196,7 @@ const userAction = {
         type: constants_1.TOASTER_TYPE.UserAction,
         toasterProps: Object.assign(Object.assign({}, options), {
           appearance: 'success'
-        }),
-        toastOptions: {
-          draggable: options.draggable
-        }
+        })
       });
     },
     neutral(id, options) {
@@ -214,10 +204,7 @@ const userAction = {
         type: constants_1.TOASTER_TYPE.UserAction,
         toasterProps: Object.assign(Object.assign({}, options), {
           appearance: 'neutral'
-        }),
-        toastOptions: {
-          draggable: options.draggable
-        }
+        })
       });
     },
     warning(id, options) {
@@ -225,10 +212,7 @@ const userAction = {
         type: constants_1.TOASTER_TYPE.UserAction,
         toasterProps: Object.assign(Object.assign({}, options), {
           appearance: 'warning'
-        }),
-        toastOptions: {
-          draggable: options.draggable
-        }
+        })
       });
     },
     error(id, options) {
@@ -236,10 +220,7 @@ const userAction = {
         type: constants_1.TOASTER_TYPE.UserAction,
         toasterProps: Object.assign(Object.assign({}, options), {
           appearance: 'error'
-        }),
-        toastOptions: {
-          draggable: options.draggable
-        }
+        })
       });
     }
   },
@@ -256,8 +237,7 @@ const systemEvent = {
       }),
       toastOptions: {
         id: options.id,
-        onClose: options.onClose,
-        draggable: options.draggable
+        onClose: options.onClose
       }
     });
   },
@@ -269,8 +249,7 @@ const systemEvent = {
       }),
       toastOptions: {
         id: options.id,
-        onClose: options.onClose,
-        draggable: options.draggable
+        onClose: options.onClose
       }
     });
   },
@@ -282,8 +261,7 @@ const systemEvent = {
       }),
       toastOptions: {
         id: options.id,
-        onClose: options.onClose,
-        draggable: options.draggable
+        onClose: options.onClose
       }
     });
   },
@@ -295,8 +273,7 @@ const systemEvent = {
       }),
       toastOptions: {
         id: options.id,
-        onClose: options.onClose,
-        draggable: options.draggable
+        onClose: options.onClose
       }
     });
   },
@@ -308,8 +285,7 @@ const systemEvent = {
       }),
       toastOptions: {
         id: options.id,
-        onClose: options.onClose,
-        draggable: options.draggable
+        onClose: options.onClose
       }
     });
   },
@@ -319,10 +295,7 @@ const systemEvent = {
         type: constants_1.TOASTER_TYPE.SystemEvent,
         toasterProps: Object.assign(Object.assign({}, options), {
           appearance: 'success'
-        }),
-        toastOptions: {
-          draggable: options.draggable
-        }
+        })
       });
     },
     neutral(id, options) {

package/dist/cjs/types.d.ts

@@ -8,7 +8,6 @@ export type ToastOptions = {
     id?: ToasterId;
     autoClose?: RtToastOptions['autoClose'];
     onClose?(id?: ToasterId): void;
-    draggable?: boolean;
 };
 export type ToasterType = ValueOf<typeof TOASTER_TYPE>;
 export type ToasterPropsMap = {
@@ -35,8 +34,8 @@ export type UpdateToast = <T extends keyof ToasterPropsMap>(id: string | number,
     toastOptions?: ToastOptions;
     containerId?: ToasterContainerProps['containerId'];
 }) => void;
-export type UserActionOptions = Omit<ToastUserActionProps, 'appearance'> & Pick<ToastOptions, 'id' | 'onClose' | 'draggable'>;
-export type SystemEventOptions = Omit<ToastSystemEventProps, 'appearance'> & Pick<ToastOptions, 'id' | 'onClose' | 'draggable'>;
+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: {

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

@@ -7,6 +7,5 @@ export type ToasterContainerProps = {
     containerId?: RtToastContainerProps['containerId'];
     displayCloseAllButton?: boolean;
     type?: ToasterType;
-    draggable?: boolean;
 };
-export declare function ToasterContainer({ position, limit, containerId, displayCloseAllButton, type, draggable, }: ToasterContainerProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToasterContainer({ position, limit, containerId, displayCloseAllButton, type, }: ToasterContainerProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/ToasterContainer/ToasterContainer.js

@@ -1,20 +1,19 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import './style.css';
 import cn from 'classnames';
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import { toast, ToastContainer as RtToastContainer, } from 'react-toastify';
-import { useLayoutEffect } from '@snack-uikit/utils';
 import { TOASTER_CONTAINER_PREFIX, TOASTER_TYPE } from '../../constants';
 import { TOAST_SYSTEM_EVENT_TEST_IDS } from '../../testIds';
 import styles from './styles.module.css';
-export function ToasterContainer({ position = 'bottom-right', limit = 5, containerId, displayCloseAllButton, type = TOASTER_TYPE.SystemEvent, draggable = false, }) {
+export function ToasterContainer({ position = 'bottom-right', limit = 5, containerId, displayCloseAllButton, type = TOASTER_TYPE.SystemEvent, }) {
     const [notificationCounter, setNotificationCounter] = useState(0);
     const [isCloseAllButtonHidden, setIsCloseAllButtonHidden] = useState(false);
     const closeAll = () => {
         toast.dismiss();
         setIsCloseAllButtonHidden(true);
     };
-    useLayoutEffect(() => {
+    useEffect(() => {
         const unsubscribe = toast.onChange(({ status, containerId }) => {
             if (containerId === `${TOASTER_CONTAINER_PREFIX}${TOASTER_TYPE.SystemEvent}`) {
                 if (status === 'added') {
@@ -29,7 +28,7 @@ export function ToasterContainer({ position = 'bottom-right', limit = 5, contain
         return unsubscribe;
     }, []);
     const hasCloseAllButton = displayCloseAllButton && notificationCounter > 2 && !isCloseAllButtonHidden;
-    return (_jsxs(_Fragment, { children: [_jsx(RtToastContainer, { hideProgressBar: true, closeOnClick: false, autoClose: false, closeButton: false, draggable: draggable, className: cn('osThemeSnack', styles[position], {
+    return (_jsxs(_Fragment, { children: [_jsx(RtToastContainer, { hideProgressBar: true, closeOnClick: false, autoClose: false, closeButton: false, draggable: false, className: cn('osThemeSnack', styles[position], {
                     [styles.containerWithCloseAllButton]: hasCloseAllButton,
                     'osThemeSnack__toast-container__system-event': type === TOASTER_TYPE.SystemEvent,
                     'osThemeSnack__toast-container__user-action': type === TOASTER_TYPE.UserAction,

package/dist/esm/helpers.js

@@ -40,9 +40,6 @@ function getToastOptions({ type, toastOptions, containerId, toasterProps, }) {
         }),
         autoClose: (toasterProps === null || toasterProps === void 0 ? void 0 : toasterProps.loading) ? false : AUTO_CLOSE_TIME[type],
         containerId: containerId || `${TOASTER_CONTAINER_PREFIX}${type}`,
-        draggable: toastOptions === null || toastOptions === void 0 ? void 0 : toastOptions.draggable,
-        draggableDirection: type === TOASTER_TYPE.UserAction ? 'y' : 'x',
-        draggablePercent: 20,
     };
 }
 function getToastComponent({ type, toasterProps, }) {
@@ -103,7 +100,6 @@ const userAction = {
             toastOptions: {
                 id: options.id,
                 onClose: options.onClose,
-                draggable: options.draggable,
             },
         });
     },
@@ -114,7 +110,6 @@ const userAction = {
             toastOptions: {
                 id: options.id,
                 onClose: options.onClose,
-                draggable: options.draggable,
             },
         });
     },
@@ -125,7 +120,6 @@ const userAction = {
             toastOptions: {
                 id: options.id,
                 onClose: options.onClose,
-                draggable: options.draggable,
             },
         });
     },
@@ -136,7 +130,6 @@ const userAction = {
             toastOptions: {
                 id: options.id,
                 onClose: options.onClose,
-                draggable: options.draggable,
             },
         });
     },
@@ -145,36 +138,24 @@ const userAction = {
             updateToast(id, {
                 type: TOASTER_TYPE.UserAction,
                 toasterProps: Object.assign(Object.assign({}, options), { appearance: 'success' }),
-                toastOptions: {
-                    draggable: options.draggable,
-                },
             });
         },
         neutral(id, options) {
             updateToast(id, {
                 type: TOASTER_TYPE.UserAction,
                 toasterProps: Object.assign(Object.assign({}, options), { appearance: 'neutral' }),
-                toastOptions: {
-                    draggable: options.draggable,
-                },
             });
         },
         warning(id, options) {
             updateToast(id, {
                 type: TOASTER_TYPE.UserAction,
                 toasterProps: Object.assign(Object.assign({}, options), { appearance: 'warning' }),
-                toastOptions: {
-                    draggable: options.draggable,
-                },
             });
         },
         error(id, options) {
             updateToast(id, {
                 type: TOASTER_TYPE.UserAction,
                 toasterProps: Object.assign(Object.assign({}, options), { appearance: 'error' }),
-                toastOptions: {
-                    draggable: options.draggable,
-                },
             });
         },
     },
@@ -190,7 +171,6 @@ const systemEvent = {
             toastOptions: {
                 id: options.id,
                 onClose: options.onClose,
-                draggable: options.draggable,
             },
         });
     },
@@ -201,7 +181,6 @@ const systemEvent = {
             toastOptions: {
                 id: options.id,
                 onClose: options.onClose,
-                draggable: options.draggable,
             },
         });
     },
@@ -212,7 +191,6 @@ const systemEvent = {
             toastOptions: {
                 id: options.id,
                 onClose: options.onClose,
-                draggable: options.draggable,
             },
         });
     },
@@ -223,7 +201,6 @@ const systemEvent = {
             toastOptions: {
                 id: options.id,
                 onClose: options.onClose,
-                draggable: options.draggable,
             },
         });
     },
@@ -234,7 +211,6 @@ const systemEvent = {
             toastOptions: {
                 id: options.id,
                 onClose: options.onClose,
-                draggable: options.draggable,
             },
         });
     },
@@ -243,9 +219,6 @@ const systemEvent = {
             return updateToast(id, {
                 type: TOASTER_TYPE.SystemEvent,
                 toasterProps: Object.assign(Object.assign({}, options), { appearance: 'success' }),
-                toastOptions: {
-                    draggable: options.draggable,
-                },
             });
         },
         neutral(id, options) {

package/dist/esm/types.d.ts

@@ -8,7 +8,6 @@ export type ToastOptions = {
     id?: ToasterId;
     autoClose?: RtToastOptions['autoClose'];
     onClose?(id?: ToasterId): void;
-    draggable?: boolean;
 };
 export type ToasterType = ValueOf<typeof TOASTER_TYPE>;
 export type ToasterPropsMap = {
@@ -35,8 +34,8 @@ export type UpdateToast = <T extends keyof ToasterPropsMap>(id: string | number,
     toastOptions?: ToastOptions;
     containerId?: ToasterContainerProps['containerId'];
 }) => void;
-export type UserActionOptions = Omit<ToastUserActionProps, 'appearance'> & Pick<ToastOptions, 'id' | 'onClose' | 'draggable'>;
-export type SystemEventOptions = Omit<ToastSystemEventProps, 'appearance'> & Pick<ToastOptions, 'id' | 'onClose' | 'draggable'>;
+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: {

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Toaster",
-  "version": "0.11.15-preview-b2ccf94a.0",
+  "version": "0.11.15",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -39,7 +39,7 @@
     "@snack-uikit/icons": "0.27.3",
     "@snack-uikit/link": "0.17.11",
     "@snack-uikit/loaders": "0.9.9",
-    "@snack-uikit/locale": "0.15.1",
+    "@snack-uikit/locale": "0.15.2",
     "@snack-uikit/progress-bar": "0.1.10",
     "@snack-uikit/scroll": "0.10.5",
     "@snack-uikit/truncate-string": "0.7.2",
@@ -49,5 +49,5 @@
     "react-toastify": "10.0.5",
     "uncontrollable": "9.0.0"
   },
-  "gitHead": "a5a48e75b322989a38a9248a85af63051c16641e"
+  "gitHead": "6cb0fa075cbf0ea8966672deb05dcbfa65e13326"
 }

package/src/components/ToasterContainer/ToasterContainer.tsx

@@ -1,7 +1,7 @@
 import './style.css';
 
 import cn from 'classnames';
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import {
   toast,
   ToastContainer as RtToastContainer,
@@ -10,8 +10,6 @@ import {
   ToastPosition,
 } from 'react-toastify';
 
-import { useLayoutEffect } from '@snack-uikit/utils';
-
 import { TOASTER_CONTAINER_PREFIX, TOASTER_TYPE } from '../../constants';
 import { TOAST_SYSTEM_EVENT_TEST_IDS } from '../../testIds';
 import { ToasterType } from '../../types';
@@ -23,7 +21,6 @@ export type ToasterContainerProps = {
   containerId?: RtToastContainerProps['containerId'];
   displayCloseAllButton?: boolean;
   type?: ToasterType;
-  draggable?: boolean;
 };
 
 export function ToasterContainer({
@@ -32,7 +29,6 @@ export function ToasterContainer({
   containerId,
   displayCloseAllButton,
   type = TOASTER_TYPE.SystemEvent,
-  draggable = false,
 }: ToasterContainerProps) {
   const [notificationCounter, setNotificationCounter] = useState(0);
   const [isCloseAllButtonHidden, setIsCloseAllButtonHidden] = useState(false);
@@ -41,7 +37,7 @@ export function ToasterContainer({
     setIsCloseAllButtonHidden(true);
   };
 
-  useLayoutEffect(() => {
+  useEffect(() => {
     const unsubscribe = toast.onChange(({ status, containerId }: ToastItem) => {
       if (containerId === `${TOASTER_CONTAINER_PREFIX}${TOASTER_TYPE.SystemEvent}`) {
         if (status === 'added') {
@@ -66,7 +62,7 @@ export function ToasterContainer({
         closeOnClick={false}
         autoClose={false}
         closeButton={false}
-        draggable={draggable}
+        draggable={false}
         className={cn('osThemeSnack', styles[position], {
           [styles.containerWithCloseAllButton]: hasCloseAllButton,
           'osThemeSnack__toast-container__system-event': type === TOASTER_TYPE.SystemEvent,

package/src/helpers.tsx

@@ -85,9 +85,6 @@ function getToastOptions<T extends keyof ToasterPropsMap>({
     }) as RtToastOptions['onClose'],
     autoClose: toasterProps?.loading ? false : AUTO_CLOSE_TIME[type],
     containerId: containerId || `${TOASTER_CONTAINER_PREFIX}${type}`,
-    draggable: toastOptions?.draggable,
-    draggableDirection: type === TOASTER_TYPE.UserAction ? 'y' : 'x',
-    draggablePercent: 20,
   };
 }
 
@@ -175,7 +172,6 @@ const userAction = {
       toastOptions: {
         id: options.id,
         onClose: options.onClose,
-        draggable: options.draggable,
       },
     });
   },
@@ -187,7 +183,6 @@ const userAction = {
       toastOptions: {
         id: options.id,
         onClose: options.onClose,
-        draggable: options.draggable,
       },
     });
   },
@@ -199,7 +194,6 @@ const userAction = {
       toastOptions: {
         id: options.id,
         onClose: options.onClose,
-        draggable: options.draggable,
       },
     });
   },
@@ -211,7 +205,6 @@ const userAction = {
       toastOptions: {
         id: options.id,
         onClose: options.onClose,
-        draggable: options.draggable,
       },
     });
   },
@@ -221,9 +214,6 @@ const userAction = {
       updateToast(id, {
         type: TOASTER_TYPE.UserAction,
         toasterProps: { ...options, appearance: 'success' },
-        toastOptions: {
-          draggable: options.draggable,
-        },
       });
     },
 
@@ -231,9 +221,6 @@ const userAction = {
       updateToast(id, {
         type: TOASTER_TYPE.UserAction,
         toasterProps: { ...options, appearance: 'neutral' },
-        toastOptions: {
-          draggable: options.draggable,
-        },
       });
     },
 
@@ -241,9 +228,6 @@ const userAction = {
       updateToast(id, {
         type: TOASTER_TYPE.UserAction,
         toasterProps: { ...options, appearance: 'warning' },
-        toastOptions: {
-          draggable: options.draggable,
-        },
       });
     },
 
@@ -251,9 +235,6 @@ const userAction = {
       updateToast(id, {
         type: TOASTER_TYPE.UserAction,
         toasterProps: { ...options, appearance: 'error' },
-        toastOptions: {
-          draggable: options.draggable,
-        },
       });
     },
   },
@@ -271,7 +252,6 @@ const systemEvent = {
       toastOptions: {
         id: options.id,
         onClose: options.onClose,
-        draggable: options.draggable,
       },
     });
   },
@@ -283,7 +263,6 @@ const systemEvent = {
       toastOptions: {
         id: options.id,
         onClose: options.onClose,
-        draggable: options.draggable,
       },
     });
   },
@@ -295,7 +274,6 @@ const systemEvent = {
       toastOptions: {
         id: options.id,
         onClose: options.onClose,
-        draggable: options.draggable,
       },
     });
   },
@@ -307,7 +285,6 @@ const systemEvent = {
       toastOptions: {
         id: options.id,
         onClose: options.onClose,
-        draggable: options.draggable,
       },
     });
   },
@@ -319,7 +296,6 @@ const systemEvent = {
       toastOptions: {
         id: options.id,
         onClose: options.onClose,
-        draggable: options.draggable,
       },
     });
   },
@@ -329,9 +305,6 @@ const systemEvent = {
       return updateToast(id, {
         type: TOASTER_TYPE.SystemEvent,
         toasterProps: { ...options, appearance: 'success' },
-        toastOptions: {
-          draggable: options.draggable,
-        },
       });
     },
 

package/src/types.ts

@@ -12,7 +12,6 @@ export type ToastOptions = {
   id?: ToasterId;
   autoClose?: RtToastOptions['autoClose'];
   onClose?(id?: ToasterId): void;
-  draggable?: boolean;
 };
 
 export type ToasterType = ValueOf<typeof TOASTER_TYPE>;
@@ -49,10 +48,8 @@ export type UpdateToast = <T extends keyof ToasterPropsMap>(
   },
 ) => void;
 
-export type UserActionOptions = Omit<ToastUserActionProps, 'appearance'> &
-  Pick<ToastOptions, 'id' | 'onClose' | 'draggable'>;
-export type SystemEventOptions = Omit<ToastSystemEventProps, 'appearance'> &
-  Pick<ToastOptions, 'id' | 'onClose' | 'draggable'>;
+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 = {