@snack-uikit/toaster 0.6.11 → 0.6.13-preview-c70fa919.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.6.12 (2024-04-25)
+
+
+### Bug Fixes
+
+* **PDS-0000:** set default button type as button ([4ec64de](https://github.com/cloud-ru-tech/snack-uikit/commit/4ec64de508826df4a1e82fd8c75448d9919e563f))
+
+
+
+
+
 ## 0.6.11 (2024-04-23)
 
 ### Only dependencies have been changed

package/dist/components/ToastSystemEvent/ToastSystemEvent.js

@@ -29,5 +29,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", { type: '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))) }))] })));
 }

package/dist/components/ToasterContainer/ToasterContainer.js

@@ -32,5 +32,5 @@ export function ToasterContainer({ position = 'bottom-right', limit = 5, contain
                     [styles.containerWithCloseAllButton]: hasCloseAllButton,
                     'osThemeSnack__toast-container__system-event': type === TOASTER_TYPE.SystemEvent,
                     'osThemeSnack__toast-container__user-action': type === TOASTER_TYPE.UserAction,
-                }), toastClassName: styles.toaster, bodyClassName: styles.toaster, position: position, limit: limit, containerId: containerId }), hasCloseAllButton && (_jsx("div", { className: cn(styles.buttonCloseColumnWrapper, styles[position]), children: _jsx("button", { 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" }) }))] }));
+                }), toastClassName: styles.toaster, bodyClassName: styles.toaster, position: position, limit: limit, containerId: containerId }), hasCloseAllButton && (_jsx("div", { className: cn(styles.buttonCloseColumnWrapper, styles[position]), children: _jsx("button", { type: 'button', 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" }) }))] }));
 }

package/dist/helperComponents/ButtonAction/ButtonAction.js

@@ -2,5 +2,5 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { TOAST_SYSTEM_EVENT_TEST_IDS } from '../../testIds';
 import styles from './styles.module.css';
 export function ButtonAction({ label, onClick, critical }) {
-    return (_jsx("button", { className: styles.buttonAction, onClick: onClick, "data-test-id": TOAST_SYSTEM_EVENT_TEST_IDS.buttonAction, "aria-label": 'action', "data-critical": critical || undefined, children: label }));
+    return (_jsx("button", { type: 'button', className: styles.buttonAction, onClick: onClick, "data-test-id": TOAST_SYSTEM_EVENT_TEST_IDS.buttonAction, "aria-label": 'action', "data-critical": critical || undefined, children: label }));
 }

package/dist/helpers.js

@@ -79,24 +79,36 @@ const userAction = {
         return openToast({
             type: TOASTER_TYPE.UserAction,
             toasterProps: Object.assign(Object.assign({}, options), { appearance: 'success' }),
+            toastOptions: {
+                id: options.id,
+            },
         });
     },
     neutral(options) {
         return openToast({
             type: TOASTER_TYPE.UserAction,
             toasterProps: Object.assign(Object.assign({}, options), { appearance: 'neutral' }),
+            toastOptions: {
+                id: options.id,
+            },
         });
     },
     error(options) {
         return openToast({
             type: TOASTER_TYPE.UserAction,
             toasterProps: Object.assign(Object.assign({}, options), { appearance: 'error' }),
+            toastOptions: {
+                id: options.id,
+            },
         });
     },
     warning(options) {
         return openToast({
             type: TOASTER_TYPE.UserAction,
             toasterProps: Object.assign(Object.assign({}, options), { appearance: 'warning' }),
+            toastOptions: {
+                id: options.id,
+            },
         });
     },
     update: {
@@ -134,30 +146,45 @@ const systemEvent = {
         return openToast({
             type: TOASTER_TYPE.SystemEvent,
             toasterProps: Object.assign(Object.assign({}, options), { appearance: 'success' }),
+            toastOptions: {
+                id: options.id,
+            },
         });
     },
     neutral(options) {
         return openToast({
             type: TOASTER_TYPE.SystemEvent,
             toasterProps: Object.assign(Object.assign({}, options), { appearance: 'neutral' }),
+            toastOptions: {
+                id: options.id,
+            },
         });
     },
     warning(options) {
         return openToast({
             type: TOASTER_TYPE.SystemEvent,
             toasterProps: Object.assign(Object.assign({}, options), { appearance: 'warning' }),
+            toastOptions: {
+                id: options.id,
+            },
         });
     },
     error(options) {
         return openToast({
             type: TOASTER_TYPE.SystemEvent,
             toasterProps: Object.assign(Object.assign({}, options), { appearance: 'error' }),
+            toastOptions: {
+                id: options.id,
+            },
         });
     },
     errorCritical(options) {
         return openToast({
             type: TOASTER_TYPE.SystemEvent,
             toasterProps: Object.assign(Object.assign({}, options), { appearance: 'errorCritical' }),
+            toastOptions: {
+                id: options.id,
+            },
         });
     },
     update: {

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Toaster",
-  "version": "0.6.11",
+  "version": "0.6.13-preview-c70fa919.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -40,5 +40,5 @@
     "classnames": "2.3.2",
     "react-toastify": "10.0.5"
   },
-  "gitHead": "bf1e1f3cfabccc1ee288c18722e33009bd001798"
+  "gitHead": "4f5eb16add84bb2a55e90afad89553b8e54b7255"
 }

package/src/components/ToastSystemEvent/ToastSystemEvent.tsx

@@ -95,6 +95,7 @@ export function ToastSystemEvent({
 
         {closable && (
           <button
+            type='button'
             className={styles.buttonClose}
             onClick={handleCloseClick}
             data-test-id={TOAST_SYSTEM_EVENT_TEST_IDS.buttonClose}

package/src/components/ToasterContainer/ToasterContainer.tsx

@@ -78,6 +78,7 @@ export function ToasterContainer({
       {hasCloseAllButton && (
         <div className={cn(styles.buttonCloseColumnWrapper, styles[position])}>
           <button
+            type='button'
             className={styles.buttonCloseColumn}
             onClick={closeAll}
             data-test-id={TOAST_SYSTEM_EVENT_TEST_IDS.buttonCloseColumn}

package/src/helperComponents/ButtonAction/ButtonAction.tsx

@@ -12,6 +12,7 @@ export type ButtonActionProps = {
 export function ButtonAction({ label, onClick, critical }: ButtonActionProps) {
   return (
     <button
+      type='button'
       className={styles.buttonAction}
       onClick={onClick}
       data-test-id={TOAST_SYSTEM_EVENT_TEST_IDS.buttonAction}

package/src/helpers.tsx

@@ -156,6 +156,9 @@ const userAction = {
     return openToast({
       type: TOASTER_TYPE.UserAction,
       toasterProps: { ...options, appearance: 'success' },
+      toastOptions: {
+        id: options.id,
+      },
     });
   },
 
@@ -163,6 +166,9 @@ const userAction = {
     return openToast({
       type: TOASTER_TYPE.UserAction,
       toasterProps: { ...options, appearance: 'neutral' },
+      toastOptions: {
+        id: options.id,
+      },
     });
   },
 
@@ -170,6 +176,9 @@ const userAction = {
     return openToast({
       type: TOASTER_TYPE.UserAction,
       toasterProps: { ...options, appearance: 'error' },
+      toastOptions: {
+        id: options.id,
+      },
     });
   },
 
@@ -177,6 +186,9 @@ const userAction = {
     return openToast({
       type: TOASTER_TYPE.UserAction,
       toasterProps: { ...options, appearance: 'warning' },
+      toastOptions: {
+        id: options.id,
+      },
     });
   },
 
@@ -220,6 +232,9 @@ const systemEvent = {
     return openToast({
       type: TOASTER_TYPE.SystemEvent,
       toasterProps: { ...options, appearance: 'success' },
+      toastOptions: {
+        id: options.id,
+      },
     });
   },
 
@@ -227,6 +242,9 @@ const systemEvent = {
     return openToast({
       type: TOASTER_TYPE.SystemEvent,
       toasterProps: { ...options, appearance: 'neutral' },
+      toastOptions: {
+        id: options.id,
+      },
     });
   },
 
@@ -234,6 +252,9 @@ const systemEvent = {
     return openToast({
       type: TOASTER_TYPE.SystemEvent,
       toasterProps: { ...options, appearance: 'warning' },
+      toastOptions: {
+        id: options.id,
+      },
     });
   },
 
@@ -241,6 +262,9 @@ const systemEvent = {
     return openToast({
       type: TOASTER_TYPE.SystemEvent,
       toasterProps: { ...options, appearance: 'error' },
+      toastOptions: {
+        id: options.id,
+      },
     });
   },
 
@@ -248,6 +272,9 @@ const systemEvent = {
     return openToast({
       type: TOASTER_TYPE.SystemEvent,
       toasterProps: { ...options, appearance: 'errorCritical' },
+      toastOptions: {
+        id: options.id,
+      },
     });
   },