@skbkontur/react-ui 0.0.0-c2bf15a894 → 0.0.0-c5bd33d001

package/components/Toast/Toast.d.ts

@@ -1,78 +1,82 @@
-import React, { AriaAttributes } from 'react';
-import { ThemeIn } from '../../lib/theming/Theme';
-import { Nullable } from '../../typings/utility-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { ToastView } from './ToastView';
-export interface Action {
-    label: string;
-    handler: () => void;
-    'aria-label'?: string;
-}
-export interface ToastState {
-    notification: Nullable<string>;
-    action: Nullable<Action>;
-    id: number;
-    showTime: Nullable<number>;
-}
-export interface ToastProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps {
-    onPush?: (notification: string, action?: Action) => void;
-    onClose?: (notification: string, action?: Action) => void;
-    /**
-     * Обычный объект с переменными темы.
-     * Он будет объединён с темой из контекста.
-     */
-    theme?: ThemeIn;
-}
-export declare const ToastDataTids: {
-    readonly toastStatic: "StaticToast";
-    readonly toastView: "ToastView__root";
-    readonly action: "ToastView__action";
-    readonly close: "ToastView__close";
-};
-/**
- * Показывает уведомления.
- *
- * Доступен статический метод: `Toast.push(notification, action?, showTime?)`.
- * Однако, при его использовании не работает кастомизация, они не поддерживаются в `React@18`, а также могут быть проблемы с перекрытием уведомления другими элементами страницы.
- *
- * Для статических тостов <u>рекомендуется</u> использовать компонент [SingleToast](https://tech.skbkontur.ru/react-ui/#/Components/SingleToast) - в нём исправлены эти проблемы.
- *
- */
-export declare class Toast extends React.Component<ToastProps, ToastState> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    private setRootNode;
-    private theme;
-    private emotion;
-    private styles;
-    static push(notification: string, action?: Nullable<Action>, showTime?: number): void;
-    static close(): void;
-    _toast: Nullable<ToastView>;
-    private _timeout;
-    private rootRef;
-    constructor(props: ToastProps);
-    componentWillUnmount(): void;
-    render(): React.JSX.Element;
-    /**
-     * Показывает тост с `notification` в качестве сообщения.
-     * Тост автоматически скрывается через 3 или 7 секунд,
-     * в зависимости от наличия у него кнопки `action`.
-     * Время показа можно задать вручную, передав `showTime`.
-     *
-     * @public
-     * @param {string} notification
-     * @param {Action} action `action` опциональный параметр формата `{ label: string, handler: function }`
-     * добавляет кнопку в виде ссылки при клике на которую вызывается переданный handler
-     * @param {number} showTime Время существования Toast в миллисекундах
-     */
-    push(notification: string, action?: Nullable<Action>, showTime?: number): void;
-    /**
-     * @public
-     */
-    close: () => void;
-    private _renderToast;
-    private setRootRef;
-    private _clearTimer;
-    private _setTimer;
-    private _refToast;
-}
+import type { AriaAttributes } from 'react';
+import React from 'react';
+import type { ThemeIn } from '../../lib/theming/Theme';
+import type { Nullable } from '../../typings/utility-types';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import { ToastView } from './ToastView';
+export interface Action {
+    label: string;
+    handler: () => void;
+    'aria-label'?: string;
+}
+export interface ToastState {
+    notification: Nullable<React.ReactNode>;
+    action: Nullable<Action>;
+    id: number;
+    showTime: Nullable<number>;
+    showCloseIcon?: boolean;
+}
+export interface ToastProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps {
+    /** Задает функцию, которая вызывается при возникновении тоста. */
+    onPush?: (notification: string, action?: Action) => void;
+    /** Задает функцию, которая вызывается при закрытии тоста. */
+    onClose?: (notification: string, action?: Action) => void;
+    /** Задает объект с переменными темы. Он будет объединён с темой из контекста. */
+    theme?: ThemeIn;
+}
+export type ToastPush = (notification: React.ReactNode, action?: Nullable<Action>, showTime?: number, showCloseIcon?: boolean) => void;
+export type ToastClose = () => void;
+export declare const ToastDataTids: {
+    readonly toastStatic: "StaticToast";
+    readonly toastView: "ToastView__root";
+    readonly action: "ToastView__action";
+    readonly close: "ToastView__close";
+};
+/**
+ * `Toast` — это короткое немодальное уведомление, которое сообщает пользователю о результате выполнения его команды.
+ * Результат может быть положительным, отрицательным или нейтральным.
+ *
+ * Доступен статический метод: `Toast.push(notification, action?, showTime?)`.
+ * Однако, при его использовании не работает кастомизация, они не поддерживаются в `React@18`, а также могут быть проблемы с перекрытием уведомления другими элементами страницы.
+ *
+ * Для статических тостов рекомендуется использовать компонент SingleToast - в нём исправлены эти проблемы.
+ */
+export declare class Toast extends React.Component<ToastProps, ToastState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    private setRootNode;
+    private theme;
+    /** @deprecated use `push` method in ref or `SingleToast.push` */
+    static push: ToastPush;
+    /** @deprecated use `close` method in ref or `SingleToast.close` */
+    static close: ToastClose;
+    _toast: Nullable<ToastView>;
+    private _timeout;
+    private rootRef;
+    constructor(props: ToastProps);
+    componentWillUnmount(): void;
+    render(): React.JSX.Element;
+    /**
+     * Показывает тост с `notification` в качестве сообщения.
+     * Тост автоматически скрывается через 3 или 7 секунд,
+     * в зависимости от наличия у него кнопки `action`.
+     * Время показа можно задать вручную, передав `showTime`.
+     *
+     * @public
+     * @param {React.ReactNode} notification
+     * @param {Action} action `action` опциональный параметр формата `{ label: React.ReactNode, handler: function }`
+     * добавляет кнопку в виде ссылки при клике на которую вызывается переданный handler
+     * @param {number} showTime Время существования Toast в миллисекундах
+     * @param {boolean} showCloseIcon Добавляет крестик для закрытия тоста. При указывании action в onPush крестик отображается всегда.
+     */
+    push(notification: React.ReactNode, action?: Nullable<Action>, showTime?: number, showCloseIcon?: boolean): void;
+    /**
+     * @public
+     */
+    close: () => void;
+    private _renderToast;
+    private setRootRef;
+    private _clearTimer;
+    private _setTimer;
+    private _refToast;
+}

package/components/Toast/Toast.md

@@ -1,4 +1,4 @@
-Вызов статических методов
+### Вызов статических методов
 
 ```jsx harmony
 import { Button, Toast } from '@skbkontur/react-ui';
@@ -13,7 +13,7 @@ function showComplexNotification() {
 <Button onClick={showComplexNotification}>Show notification</Button>;
 ```
 
-C кастомным showTime
+### Кастомный showTime
 
 ```jsx harmony
 import { Button, Toast } from '@skbkontur/react-ui';
@@ -28,7 +28,7 @@ function showComplexNotification() {
 <Button onClick={showComplexNotification}>Show notification</Button>;
 ```
 
-C кастомным showTime без action
+### Кастомный showTime без action
 
 
 ```jsx harmony
@@ -41,7 +41,7 @@ function showComplexNotification() {
 <Button onClick={showComplexNotification}>Show notification</Button>;
 ```
 
-Использование `ref`
+### Использование `ref`
 
 ```jsx harmony
 import { Button, Toast } from '@skbkontur/react-ui';

package/components/Toast/Toast.styles/Toast.styles.js

@@ -1,19 +1,17 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-import { memoizeStyle } from "../../../lib/theming/Emotion";
-export var getStyles = function getStyles(emotion) {
-  return memoizeStyle({
-    enter: function enter() {
-      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        transform: translateY(-40px);\n      "])));
-    },
-    enterActive: function enterActive() {
-      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        transition: transform 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);\n        transform: translateY(0) !important;\n      "])));
-    },
-    exit: function exit() {
-      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        transform: translateY(0);\n        opacity: 1;\n      "])));
-    },
-    exitActive: function exitActive() {
-      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        opacity: 0.01 !important;\n        transition: opacity 0.15s ease-out;\n      "])));
-    }
-  });
-};
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+export var styles = memoizeStyle({
+  enter: function enter() {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      transform: translateY(-40px);\n    "])));
+  },
+  enterActive: function enterActive() {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      transition: transform 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);\n      transform: translateY(0) !important;\n    "])));
+  },
+  exit: function exit() {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      transform: translateY(0);\n      opacity: 1;\n    "])));
+  },
+  exitActive: function exitActive() {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      opacity: 0.01 !important;\n      transition: opacity 0.15s ease-out;\n    "])));
+  }
+});

package/components/Toast/Toast.styles/Toast.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["memoizeStyle","getStyles","emotion","enter","css","_templateObject","_taggedTemplateLiteralLoose","enterActive","_templateObject2","exit","_templateObject3","exitActive","_templateObject4"],"sources":["Toast.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    enter() {\n      return emotion.css`\n        transform: translateY(-40px);\n      `;\n    },\n    enterActive() {\n      return emotion.css`\n        transition: transform 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);\n        transform: translateY(0) !important;\n      `;\n    },\n    exit() {\n      return emotion.css`\n        transform: translateY(0);\n        opacity: 1;\n      `;\n    },\n    exitActive() {\n      return emotion.css`\n        opacity: 0.01 !important;\n        transition: opacity 0.15s ease-out;\n      `;\n    },\n  });\n"],"mappings":";;AAEA,SAASA,YAAY,QAAQ,2BAA2B;;AAExD,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAIC,OAAgB;IACxCF,YAAY,CAAC;MACXG,KAAK,WAAAA,MAAA,EAAG;QACN,OAAOD,OAAO,CAACE,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;MAGpB,CAAC;MACDC,WAAW,WAAAA,YAAA,EAAG;QACZ,OAAOL,OAAO,CAACE,GAAG,CAAAI,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;MAIpB,CAAC;MACDG,IAAI,WAAAA,KAAA,EAAG;QACL,OAAOP,OAAO,CAACE,GAAG,CAAAM,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;;MAIpB,CAAC;MACDK,UAAU,WAAAA,WAAA,EAAG;QACX,OAAOT,OAAO,CAACE,GAAG,CAAAQ,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;;MAIpB;IACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","enter","_templateObject","_taggedTemplateLiteralLoose","enterActive","_templateObject2","exit","_templateObject3","exitActive","_templateObject4"],"sources":["Toast.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  enter() {\n    return css`\n      transform: translateY(-40px);\n    `;\n  },\n  enterActive() {\n    return css`\n      transition: transform 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);\n      transform: translateY(0) !important;\n    `;\n  },\n  exit() {\n    return css`\n      transform: translateY(0);\n      opacity: 1;\n    `;\n  },\n  exitActive() {\n    return css`\n      opacity: 0.01 !important;\n      transition: opacity 0.15s ease-out;\n    `;\n  },\n});\n"],"mappings":"0KAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,KAAK,WAAAA,MAAA,EAAG;IACN,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;EAGZ,CAAC;EACDC,WAAW,WAAAA,YAAA,EAAG;IACZ,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;EAIZ,CAAC;EACDG,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;;EAIZ,CAAC;EACDK,UAAU,WAAAA,WAAA,EAAG;IACX,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;;EAIZ;AACF,CAAC,CAAC","ignoreList":[]}

package/components/Toast/Toast.styles.d.ts

@@ -1,7 +1,6 @@
-import type { Emotion } from '@emotion/css/create-instance';
-export declare const getStyles: (emotion: Emotion) => {
-    enter(): string;
-    enterActive(): string;
-    exit(): string;
-    exitActive(): string;
-};
+export declare const styles: {
+    enter(): string;
+    enterActive(): string;
+    exit(): string;
+    exitActive(): string;
+};

package/components/Toast/ToastStatic/ToastStatic.js

@@ -5,7 +5,7 @@ import { globalObject } from '@skbkontur/global-object';
 import { Toast, ToastDataTids } from "../Toast";
 export var ToastStatic = function ToastStatic() {};
 _ToastStatic = ToastStatic;
-ToastStatic.push = function (notification, action, showTime) {
+ToastStatic.push = function (notification, action, showTime, showCloseIcon) {
   if (!_ToastStatic.node && globalObject.document) {
     _ToastStatic.node = globalObject.document.createElement('div');
     var body = globalObject.document.body;
@@ -20,15 +20,15 @@ ToastStatic.push = function (notification, action, showTime) {
         return _ToastStatic.instance = el;
       }
     }), _ToastStatic.node, function () {
-      return _ToastStatic._push(notification, action, showTime);
+      return _ToastStatic._push(notification, action, showTime, showCloseIcon);
     });
   } else {
-    _ToastStatic._push(notification, action, showTime);
+    _ToastStatic._push(notification, action, showTime, showCloseIcon);
   }
 };
-ToastStatic._push = function (notification, action, showTime) {
+ToastStatic._push = function (notification, action, showTime, showCloseIcon) {
   if (_ToastStatic.instance) {
-    _ToastStatic.instance.push(notification, action, showTime);
+    _ToastStatic.instance.push(notification, action, showTime, showCloseIcon);
   }
 };
 ToastStatic.close = function () {

package/components/Toast/ToastStatic/ToastStatic.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactDOM","globalObject","Toast","ToastDataTids","ToastStatic","_ToastStatic","push","notification","action","showTime","node","document","createElement","body","Error","appendChild","render","toastStatic","ref","el","instance","_push","close"],"sources":["ToastStatic.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { Nullable } from '../../typings/utility-types';\n\nimport { Toast, Action, ToastDataTids } from './Toast';\n\nexport class ToastStatic {\n  public static push = (notification: string, action?: Nullable<Action>, showTime?: number) => {\n    if (!ToastStatic.node && globalObject.document) {\n      ToastStatic.node = globalObject.document.createElement('div');\n      const { body } = globalObject.document;\n      if (!body) {\n        throw Error('There is no \"body\" element in \"document\"');\n      }\n      body.appendChild(ToastStatic.node);\n\n      ReactDOM.render(\n        <Toast data-tid={ToastDataTids.toastStatic} ref={(el) => (ToastStatic.instance = el)} />,\n        ToastStatic.node,\n        () => ToastStatic._push(notification, action, showTime),\n      );\n    } else {\n      ToastStatic._push(notification, action, showTime);\n    }\n  };\n\n  public static _push = (notification: string, action?: Nullable<Action>, showTime?: number) => {\n    if (ToastStatic.instance) {\n      ToastStatic.instance.push(notification, action, showTime);\n    }\n  };\n\n  public static close = () => {\n    if (ToastStatic.instance) {\n      ToastStatic.instance.close();\n    }\n  };\n\n  private static node: HTMLDivElement;\n  private static instance: Nullable<Toast> = null;\n}\n"],"mappings":"iBAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,WAAW;AAChC,SAASC,YAAY,QAAQ,0BAA0B;;;;AAIvD,SAASC,KAAK,EAAUC,aAAa,QAAQ,SAAS;;AAEtD,WAAaC,WAAW,YAAAA,YAAA,KAkCvBC,YAAA,GAlCYD,WAAW,CAAXA,WAAW;AACRE,IAAI,GAAG,UAACC,YAAoB,EAAEC,MAAyB,EAAEC,QAAiB,EAAK;EAC3F,IAAI,CAACL,YAAW,CAACM,IAAI,IAAIT,YAAY,CAACU,QAAQ,EAAE;IAC9CP,YAAW,CAACM,IAAI,GAAGT,YAAY,CAACU,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAC7D,IAAQC,IAAI,GAAKZ,YAAY,CAACU,QAAQ,CAA9BE,IAAI;IACZ,IAAI,CAACA,IAAI,EAAE;MACT,MAAMC,KAAK,CAAC,0CAA0C,CAAC;IACzD;IACAD,IAAI,CAACE,WAAW,CAACX,YAAW,CAACM,IAAI,CAAC;;IAElCV,QAAQ,CAACgB,MAAM;MACbjB,KAAA,CAAAa,aAAA,CAACV,KAAK,IAAC,YAAUC,aAAa,CAACc,WAAY,EAACC,GAAG,EAAE,SAAAA,IAACC,EAAE,UAAMf,YAAW,CAACgB,QAAQ,GAAGD,EAAE,EAAE,EAAE,CAAC;MACxFf,YAAW,CAACM,IAAI;MAChB,oBAAMN,YAAW,CAACiB,KAAK,CAACd,YAAY,EAAEC,MAAM,EAAEC,QAAQ,CAAC;IACzD,CAAC;EACH,CAAC,MAAM;IACLL,YAAW,CAACiB,KAAK,CAACd,YAAY,EAAEC,MAAM,EAAEC,QAAQ,CAAC;EACnD;AACF,CAAC,CAlBUL,WAAW;;AAoBRiB,KAAK,GAAG,UAACd,YAAoB,EAAEC,MAAyB,EAAEC,QAAiB,EAAK;EAC5F,IAAIL,YAAW,CAACgB,QAAQ,EAAE;IACxBhB,YAAW,CAACgB,QAAQ,CAACd,IAAI,CAACC,YAAY,EAAEC,MAAM,EAAEC,QAAQ,CAAC;EAC3D;AACF,CAAC,CAxBUL,WAAW;;AA0BRkB,KAAK,GAAG,YAAM;EAC1B,IAAIlB,YAAW,CAACgB,QAAQ,EAAE;IACxBhB,YAAW,CAACgB,QAAQ,CAACE,KAAK,CAAC,CAAC;EAC9B;AACF,CAAC,CA9BUlB,WAAW;;;AAiCPgB,QAAQ,GAAoB,IAAI","ignoreList":[]}
+{"version":3,"names":["React","ReactDOM","globalObject","Toast","ToastDataTids","ToastStatic","_ToastStatic","push","notification","action","showTime","showCloseIcon","node","document","createElement","body","Error","appendChild","render","toastStatic","ref","el","instance","_push","close"],"sources":["ToastStatic.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport type { Nullable } from '../../typings/utility-types';\n\nimport type { Action } from './Toast';\nimport { Toast, ToastDataTids } from './Toast';\n\nexport class ToastStatic {\n  public static push = (\n    notification: React.ReactNode,\n    action?: Nullable<Action>,\n    showTime?: number,\n    showCloseIcon?: boolean,\n  ) => {\n    if (!ToastStatic.node && globalObject.document) {\n      ToastStatic.node = globalObject.document.createElement('div');\n      const { body } = globalObject.document;\n      if (!body) {\n        throw Error('There is no \"body\" element in \"document\"');\n      }\n      body.appendChild(ToastStatic.node);\n\n      ReactDOM.render(\n        <Toast data-tid={ToastDataTids.toastStatic} ref={(el) => (ToastStatic.instance = el)} />,\n        ToastStatic.node,\n        () => ToastStatic._push(notification, action, showTime, showCloseIcon),\n      );\n    } else {\n      ToastStatic._push(notification, action, showTime, showCloseIcon);\n    }\n  };\n\n  public static _push = (\n    notification: React.ReactNode,\n    action?: Nullable<Action>,\n    showTime?: number,\n    showCloseIcon?: boolean,\n  ) => {\n    if (ToastStatic.instance) {\n      ToastStatic.instance.push(notification, action, showTime, showCloseIcon);\n    }\n  };\n\n  public static close = () => {\n    if (ToastStatic.instance) {\n      ToastStatic.instance.close();\n    }\n  };\n\n  private static node: HTMLDivElement;\n  private static instance: Nullable<Toast> = null;\n}\n"],"mappings":"iBAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,WAAW;AAChC,SAASC,YAAY,QAAQ,0BAA0B;;;;;AAKvD,SAASC,KAAK,EAAEC,aAAa,QAAQ,SAAS;;AAE9C,WAAaC,WAAW,YAAAA,YAAA,KA4CvBC,YAAA,GA5CYD,WAAW,CAAXA,WAAW;AACRE,IAAI,GAAG;AACnBC,YAA6B;AAC7BC,MAAyB;AACzBC,QAAiB;AACjBC,aAAuB;AACpB;EACH,IAAI,CAACN,YAAW,CAACO,IAAI,IAAIV,YAAY,CAACW,QAAQ,EAAE;IAC9CR,YAAW,CAACO,IAAI,GAAGV,YAAY,CAACW,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAC7D,IAAQC,IAAI,GAAKb,YAAY,CAACW,QAAQ,CAA9BE,IAAI;IACZ,IAAI,CAACA,IAAI,EAAE;MACT,MAAMC,KAAK,CAAC,0CAA0C,CAAC;IACzD;IACAD,IAAI,CAACE,WAAW,CAACZ,YAAW,CAACO,IAAI,CAAC;;IAElCX,QAAQ,CAACiB,MAAM;MACblB,KAAA,CAAAc,aAAA,CAACX,KAAK,IAAC,YAAUC,aAAa,CAACe,WAAY,EAACC,GAAG,EAAE,SAAAA,IAACC,EAAE,UAAMhB,YAAW,CAACiB,QAAQ,GAAGD,EAAE,EAAE,EAAE,CAAC;MACxFhB,YAAW,CAACO,IAAI;MAChB,oBAAMP,YAAW,CAACkB,KAAK,CAACf,YAAY,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,aAAa,CAAC;IACxE,CAAC;EACH,CAAC,MAAM;IACLN,YAAW,CAACkB,KAAK,CAACf,YAAY,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,aAAa,CAAC;EAClE;AACF,CAAC,CAvBUN,WAAW;;AAyBRkB,KAAK,GAAG;AACpBf,YAA6B;AAC7BC,MAAyB;AACzBC,QAAiB;AACjBC,aAAuB;AACpB;EACH,IAAIN,YAAW,CAACiB,QAAQ,EAAE;IACxBjB,YAAW,CAACiB,QAAQ,CAACf,IAAI,CAACC,YAAY,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,aAAa,CAAC;EAC1E;AACF,CAAC,CAlCUN,WAAW;;AAoCRmB,KAAK,GAAG,YAAM;EAC1B,IAAInB,YAAW,CAACiB,QAAQ,EAAE;IACxBjB,YAAW,CAACiB,QAAQ,CAACE,KAAK,CAAC,CAAC;EAC9B;AACF,CAAC,CAxCUnB,WAAW;;;AA2CPiB,QAAQ,GAAoB,IAAI","ignoreList":[]}

package/components/Toast/ToastStatic.d.ts

@@ -1,9 +1,10 @@
-import { Nullable } from '../../typings/utility-types';
-import { Action } from './Toast';
-export declare class ToastStatic {
-    static push: (notification: string, action?: Nullable<Action>, showTime?: number) => void;
-    static _push: (notification: string, action?: Nullable<Action>, showTime?: number) => void;
-    static close: () => void;
-    private static node;
-    private static instance;
-}
+import React from 'react';
+import type { Nullable } from '../../typings/utility-types';
+import type { Action } from './Toast';
+export declare class ToastStatic {
+    static push: (notification: React.ReactNode, action?: Nullable<Action>, showTime?: number, showCloseIcon?: boolean) => void;
+    static _push: (notification: React.ReactNode, action?: Nullable<Action>, showTime?: number, showCloseIcon?: boolean) => void;
+    static close: () => void;
+    private static node;
+    private static instance;
+}

package/components/Toast/ToastView/ToastView.js

@@ -1,18 +1,16 @@
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-var _dec, _class, _ToastView;
+var _dec, _class;
 import React from 'react';
-import { func, shape, string } from 'prop-types';
 import { locale } from "../../../lib/locale/decorators";
 import { ZIndex } from "../../../internal/ZIndex";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { rootNode } from "../../../lib/rootNode";
 import { CloseButtonIcon } from "../../../internal/CloseButtonIcon/CloseButtonIcon";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { EmotionConsumer } from "../../../lib/theming/Emotion";
-import { getStyles } from "../ToastView.styles";
+import { styles } from "../ToastView.styles";
 import { ToastDataTids } from "../Toast";
 import { ToastLocaleHelper } from "../locale";
-export var ToastView = (_dec = locale('Toast', ToastLocaleHelper), rootNode(_class = _dec(_class = (_ToastView = /*#__PURE__*/function (_React$Component) {
+export var ToastView = (_dec = locale('Toast', ToastLocaleHelper), rootNode(_class = _dec(_class = /*#__PURE__*/function (_React$Component) {
   function ToastView() {
     var _this;
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -22,10 +20,10 @@ export var ToastView = (_dec = locale('Toast', ToastLocaleHelper), rootNode(_cla
     _this.renderMain = function () {
       var _this$props = _this.props,
         action = _this$props.action,
+        showCloseIcon = _this$props.showCloseIcon,
         onClose = _this$props.onClose,
         onMouseEnter = _this$props.onMouseEnter,
         onMouseLeave = _this$props.onMouseLeave;
-      var styles = _this.styles;
       var link = action ? /*#__PURE__*/
       React.createElement("button", {
         "aria-label": action['aria-label'],
@@ -33,7 +31,7 @@ export var ToastView = (_dec = locale('Toast', ToastLocaleHelper), rootNode(_cla
         className: styles.link(_this.theme),
         onClick: action.handler
       }, action.label) : null;
-      var close = action ? /*#__PURE__*/
+      var close = action || showCloseIcon ? /*#__PURE__*/
       React.createElement("span", {
         className: styles.closeWrapper(_this.theme)
       }, /*#__PURE__*/
@@ -70,27 +68,10 @@ export var ToastView = (_dec = locale('Toast', ToastLocaleHelper), rootNode(_cla
   var _proto = ToastView.prototype;
   _proto.render = function render() {
     var _this2 = this;
-    return /*#__PURE__*/React.createElement(EmotionConsumer, null, function (emotion) {
-      _this2.emotion = emotion;
-      _this2.styles = getStyles(_this2.emotion);
-      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-        _this2.theme = theme;
-        return _this2.renderMain();
-      });
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = theme;
+      return _this2.renderMain();
     });
   };
   return ToastView;
-}(React.Component), _ToastView.propTypes = {
-  /**
-  * Adds action handling and close icon for toast
-  */
-  action: shape({
-    label: string.isRequired,
-    handler: func.isRequired
-  }),
-  /**
-  * Toast content
-  */
-  children: string.isRequired,
-  onClose: func
-}, _ToastView)) || _class) || _class);
+}(React.Component)) || _class) || _class);

package/components/Toast/ToastView/ToastView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","func","shape","string","locale","ZIndex","CommonWrapper","rootNode","CloseButtonIcon","ThemeContext","EmotionConsumer","getStyles","ToastDataTids","ToastLocaleHelper","ToastView","_dec","_class","_ToastView","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","renderMain","_this$props","props","action","onClose","onMouseEnter","onMouseLeave","styles","link","createElement","className","theme","onClick","handler","label","close","closeWrapper","closeButtonAriaLabel","size","parseInt","toastCloseSize","side","color","toastCloseColor","colorHover","toastCloseHoverColor","tabbable","priority","wrapper","toastView","root","ref","setRootNode","children","_inheritsLoose","_proto","prototype","render","_this2","emotion","Consumer","Component","propTypes","isRequired"],"sources":["ToastView.tsx"],"sourcesContent":["import React, { AriaAttributes } from 'react';\nimport { func, shape, string } from 'prop-types';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { locale } from '../../lib/locale/decorators';\nimport { Nullable } from '../../typings/utility-types';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { CloseButtonIcon } from '../../internal/CloseButtonIcon/CloseButtonIcon';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\n\nimport { getStyles } from './ToastView.styles';\nimport { Action, ToastDataTids } from './Toast';\nimport { ToastLocale, ToastLocaleHelper } from './locale';\n\nexport interface ToastViewProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps {\n  /**\n   * Toast content\n   */\n  children?: string;\n  /**\n   * Adds action handling and close icon for toast\n   */\n  action?: Nullable<Action>;\n  onClose?: () => void;\n  onMouseEnter?: () => void;\n  onMouseLeave?: () => void;\n}\n\n@rootNode\n@locale('Toast', ToastLocaleHelper)\nexport class ToastView extends React.Component<ToastViewProps> {\n  public static propTypes = {\n    /**\n     * Adds action handling and close icon for toast\n     */\n    action: shape({\n      label: string.isRequired,\n      handler: func.isRequired,\n    }),\n    /**\n     * Toast content\n     */\n    children: string.isRequired,\n    onClose: func,\n  };\n\n  private theme!: Theme;\n  private emotion!: Emotion;\n  private styles!: ReturnType<typeof getStyles>;\n  private setRootNode!: TSetRootNode;\n  private readonly locale!: ToastLocale;\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          this.styles = getStyles(this.emotion);\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                return this.renderMain();\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  private renderMain = () => {\n    const { action, onClose, onMouseEnter, onMouseLeave } = this.props;\n    const styles = this.styles;\n\n    const link = action ? (\n      <button\n        aria-label={action['aria-label']}\n        data-tid={ToastDataTids.action}\n        className={styles.link(this.theme)}\n        onClick={action.handler}\n      >\n        {action.label}\n      </button>\n    ) : null;\n\n    const close = action ? (\n      <span className={styles.closeWrapper(this.theme)}>\n        <CloseButtonIcon\n          aria-label={this.locale.closeButtonAriaLabel}\n          data-tid={ToastDataTids.close}\n          onClick={onClose}\n          size={parseInt(this.theme.toastCloseSize)}\n          side={40}\n          color={this.theme.toastCloseColor}\n          colorHover={this.theme.toastCloseHoverColor}\n          tabbable={false}\n        />\n      </span>\n    ) : null;\n\n    return (\n      <CommonWrapper {...this.props}>\n        <ZIndex priority=\"Toast\" className={styles.wrapper(this.theme)}>\n          <div\n            data-tid={ToastDataTids.toastView}\n            className={styles.root(this.theme)}\n            ref={this.setRootNode}\n            onMouseEnter={onMouseEnter}\n            onMouseLeave={onMouseLeave}\n          >\n            <span>{this.props.children}</span>\n            {link}\n            {close}\n          </div>\n        </ZIndex>\n      </CommonWrapper>\n    );\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","locale","ZIndex","ThemeContext","CommonWrapper","rootNode","CloseButtonIcon","styles","ToastDataTids","ToastLocaleHelper","ToastView","_dec","_class","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","renderMain","_this$props","props","action","showCloseIcon","onClose","onMouseEnter","onMouseLeave","link","createElement","className","theme","onClick","handler","label","close","closeWrapper","closeButtonAriaLabel","size","parseInt","toastCloseSize","side","color","toastCloseColor","colorHover","toastCloseHoverColor","tabbable","priority","wrapper","toastView","root","ref","setRootNode","children","_inheritsLoose","_proto","prototype","render","_this2","Consumer","Component"],"sources":["ToastView.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\n\nimport { locale } from '../../lib/locale/decorators';\nimport type { Nullable } from '../../typings/utility-types';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { CloseButtonIcon } from '../../internal/CloseButtonIcon/CloseButtonIcon';\n\nimport { styles } from './ToastView.styles';\nimport type { Action } from './Toast';\nimport { ToastDataTids } from './Toast';\nimport type { ToastLocale } from './locale';\nimport { ToastLocaleHelper } from './locale';\n\nexport interface ToastViewProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps {\n  /** Задает контент тоста. */\n  children?: React.ReactNode;\n  /** Добавляет возможность действия и кнопку закрытия у тоста. */\n  action?: Nullable<Action>;\n  showCloseIcon?: boolean;\n  onClose?: () => void;\n  onMouseEnter?: () => void;\n  onMouseLeave?: () => void;\n}\n\n@rootNode\n@locale('Toast', ToastLocaleHelper)\nexport class ToastView extends React.Component<ToastViewProps> {\n  private theme!: Theme;\n  private setRootNode!: TSetRootNode;\n  private readonly locale!: ToastLocale;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain = () => {\n    const { action, showCloseIcon, onClose, onMouseEnter, onMouseLeave } = this.props;\n\n    const link = action ? (\n      <button\n        aria-label={action['aria-label']}\n        data-tid={ToastDataTids.action}\n        className={styles.link(this.theme)}\n        onClick={action.handler}\n      >\n        {action.label}\n      </button>\n    ) : null;\n\n    const close =\n      action || showCloseIcon ? (\n        <span className={styles.closeWrapper(this.theme)}>\n          <CloseButtonIcon\n            aria-label={this.locale.closeButtonAriaLabel}\n            data-tid={ToastDataTids.close}\n            onClick={onClose}\n            size={parseInt(this.theme.toastCloseSize)}\n            side={40}\n            color={this.theme.toastCloseColor}\n            colorHover={this.theme.toastCloseHoverColor}\n            tabbable={false}\n          />\n        </span>\n      ) : null;\n\n    return (\n      <CommonWrapper {...this.props}>\n        <ZIndex priority=\"Toast\" className={styles.wrapper(this.theme)}>\n          <div\n            data-tid={ToastDataTids.toastView}\n            className={styles.root(this.theme)}\n            ref={this.setRootNode}\n            onMouseEnter={onMouseEnter}\n            onMouseLeave={onMouseLeave}\n          >\n            <span>{this.props.children}</span>\n            {link}\n            {close}\n          </div>\n        </ZIndex>\n      </CommonWrapper>\n    );\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/components/Toast/ToastView.d.ts

@@ -1,40 +1,22 @@
-import React, { AriaAttributes } from 'react';
-import { Nullable } from '../../typings/utility-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { Action } from './Toast';
-export interface ToastViewProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps {
-    /**
-     * Toast content
-     */
-    children?: string;
-    /**
-     * Adds action handling and close icon for toast
-     */
-    action?: Nullable<Action>;
-    onClose?: () => void;
-    onMouseEnter?: () => void;
-    onMouseLeave?: () => void;
-}
-export declare class ToastView extends React.Component<ToastViewProps> {
-    static propTypes: {
-        /**
-         * Adds action handling and close icon for toast
-         */
-        action: import("prop-types").Requireable<import("prop-types").InferProps<{
-            label: import("prop-types").Validator<string>;
-            handler: import("prop-types").Validator<(...args: any[]) => any>;
-        }>>;
-        /**
-         * Toast content
-         */
-        children: import("prop-types").Validator<string>;
-        onClose: import("prop-types").Requireable<(...args: any[]) => any>;
-    };
-    private theme;
-    private emotion;
-    private styles;
-    private setRootNode;
-    private readonly locale;
-    render(): React.JSX.Element;
-    private renderMain;
-}
+import type { AriaAttributes } from 'react';
+import React from 'react';
+import type { Nullable } from '../../typings/utility-types';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { Action } from './Toast';
+export interface ToastViewProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps {
+    /** Задает контент тоста. */
+    children?: React.ReactNode;
+    /** Добавляет возможность действия и кнопку закрытия у тоста. */
+    action?: Nullable<Action>;
+    showCloseIcon?: boolean;
+    onClose?: () => void;
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
+}
+export declare class ToastView extends React.Component<ToastViewProps> {
+    private theme;
+    private setRootNode;
+    private readonly locale;
+    render(): React.JSX.Element;
+    private renderMain;
+}

package/components/Toast/ToastView.styles/ToastView.styles.js

@@ -1,34 +1,32 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-import { memoizeStyle } from "../../../lib/theming/Emotion";
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 var getVerticalPaddings = function getVerticalPaddings(theme) {
   var toastPaddingY = theme.toastPaddingY;
   var paddingY = parseInt(toastPaddingY);
   return [paddingY + "px", paddingY + "px"];
 };
-export var getStyles = function getStyles(emotion) {
-  return memoizeStyle({
-    root: function root(t) {
-      var _getVerticalPaddings = getVerticalPaddings(t),
-        paddingTop = _getVerticalPaddings[0],
-        paddingBottom = _getVerticalPaddings[1];
-      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        background: ", ";\n        border-radius: ", ";\n        border: ", ";\n        color: ", ";\n        display: inline-flex;\n        font-size: ", ";\n        line-height: ", ";\n        opacity: 1;\n        padding: ", " ", " ", ";\n        position: relative;\n        top: ", ";\n      "])), t.toastBg, t.toastBorderRadius, t.toastBorder, t.toastColor, t.toastFontSize, t.toastLineHeight, paddingTop, t.toastPaddingX, paddingBottom, t.toastTop);
-    },
-    wrapper: function wrapper(t) {
-      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        position: fixed;\n        top: 0;\n        left: 0;\n        right: 0;\n        height: 0;\n        text-align: center;\n        border-radius: ", ";\n      "])), t.toastBorderRadius);
-    },
-    closeWrapper: function closeWrapper(t) {
-      var _getVerticalPaddings2 = getVerticalPaddings(t),
-        paddingTop = _getVerticalPaddings2[0],
-        paddingBottom = _getVerticalPaddings2[1];
-      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        display: flex;\n        margin: -", " -", " -", " -", ";\n      "])), paddingTop, t.toastPaddingX, paddingBottom, t.toastClosePadding);
-    },
-    link: function link(t) {
-      var _getVerticalPaddings3 = getVerticalPaddings(t),
-        paddingTop = _getVerticalPaddings3[0],
-        paddingBottom = _getVerticalPaddings3[1];
-      var padding = paddingTop + " " + t.toastLinkPadding;
-      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        border: none;\n        font: inherit;\n        color: ", ";\n        cursor: pointer;\n        display: inline-block;\n        font-weight: 600;\n        background-color: transparent;\n\n        margin: -", " ", " -", " ", ";\n\n        padding: ", ";\n        transition: background ", " ", ";\n        &:hover {\n          background: ", ";\n          text-decoration: ", ";\n        }\n\n        &:active {\n          background: ", ";\n        }\n      "])), t.toastLinkColor, paddingTop, t.toastPaddingX, paddingBottom, t.toastPaddingX, padding, t.transitionDuration, t.transitionTimingFunction, t.toastLinkBgHover, t.toastLinkTextDecorationHover, t.toastLinkBgActive);
-    }
-  });
-};
+export var styles = memoizeStyle({
+  root: function root(t) {
+    var _getVerticalPaddings = getVerticalPaddings(t),
+      paddingTop = _getVerticalPaddings[0],
+      paddingBottom = _getVerticalPaddings[1];
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      border-radius: ", ";\n      border: ", ";\n      color: ", ";\n      display: inline-flex;\n      font-size: ", ";\n      line-height: ", ";\n      opacity: 1;\n      padding: ", " ", " ", ";\n      position: relative;\n      top: ", ";\n    "])), t.toastBg, t.toastBorderRadius, t.toastBorder, t.toastColor, t.toastFontSize, t.toastLineHeight, paddingTop, t.toastPaddingX, paddingBottom, t.toastTop);
+  },
+  wrapper: function wrapper(t) {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 0;\n      text-align: center;\n      border-radius: ", ";\n    "])), t.toastBorderRadius);
+  },
+  closeWrapper: function closeWrapper(t) {
+    var _getVerticalPaddings2 = getVerticalPaddings(t),
+      paddingTop = _getVerticalPaddings2[0],
+      paddingBottom = _getVerticalPaddings2[1];
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      margin: -", " -", " -", " 0;\n    "])), paddingTop, t.toastPaddingX, paddingBottom);
+  },
+  link: function link(t) {
+    var _getVerticalPaddings3 = getVerticalPaddings(t),
+      paddingTop = _getVerticalPaddings3[0],
+      paddingBottom = _getVerticalPaddings3[1];
+    var padding = paddingTop + " " + t.toastLinkPadding;
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      border: none;\n      font: inherit;\n      color: ", ";\n      cursor: pointer;\n      display: inline-block;\n      font-weight: 600;\n      background-color: transparent;\n\n      margin: -", " 0 -", " ", ";\n\n      padding: ", ";\n      transition: background ", " ", ";\n      &:hover {\n        background: ", ";\n        text-decoration: ", ";\n      }\n\n      &:active {\n        background: ", ";\n      }\n    "])), t.toastLinkColor, paddingTop, paddingBottom, t.toastPaddingX, padding, t.transitionDuration, t.transitionTimingFunction, t.toastLinkBgHover, t.toastLinkTextDecorationHover, t.toastLinkBgActive);
+  }
+});