@skbkontur/react-ui 0.0.0-e55f22da73 → 0.0.0-ea6161656e

package/cjs/components/Textarea/TextareaHelpers.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TextareaHelpers.tsx"],"names":["getTextAreaHeight","node","minRows","maxRows","style","getComputedStyle","lineHeight","parseInt","paddingTop","paddingBottom","minHeight","maxHeight","expectedHeight","scrollHeight","height","Math","min","max","exceededMaxHeight"],"mappings":"qFAAO,SAASA,iBAAT,CAA2BC,IAA3B,EAAsDC,OAAtD,EAAuEC,OAAvE,EAAwF;AAC7F,MAAMC,KAA0B,GAAGC,gBAAgB,CAACJ,IAAD,CAAnD;AACA,MAAMK,UAAU,GAAGF,KAAK,CAACE,UAAN,GAAmBC,QAAQ,CAACH,KAAK,CAACE,UAAP,EAAmB,EAAnB,CAA3B,GAAoD,CAAvE;AACA,MAAME,UAAU,GAAGJ,KAAK,CAACI,UAAN,GAAmBD,QAAQ,CAACH,KAAK,CAACI,UAAP,EAAmB,EAAnB,CAA3B,GAAoD,CAAvE;AACA,MAAMC,aAAa,GAAGL,KAAK,CAACK,aAAN,GAAsBF,QAAQ,CAACH,KAAK,CAACK,aAAP,EAAsB,EAAtB,CAA9B,GAA0D,CAAhF;AACA,MAAMC,SAAS,GAAGF,UAAU,GAAGC,aAAb,GAA6BH,UAAU,GAAGJ,OAA5D;AACA,MAAMS,SAAS,GAAGH,UAAU,GAAGC,aAAb,GAA6BH,UAAU,GAAGH,OAA5D;AACA,MAAMS,cAAc,GAAGX,IAAI,CAACY,YAAL,GAAoBP,UAA3C;AACA,SAAO;AACLQ,IAAAA,MAAM,EAAEC,IAAI,CAACC,GAAL,CAASD,IAAI,CAACE,GAAL,CAASL,cAAT,EAAyBF,SAAzB,CAAT,EAA8CC,SAA9C,CADH;AAELO,IAAAA,iBAAiB,EAAEN,cAAc,GAAGD,SAAS,GAAGL,UAF3C,EAAP;;AAID","sourcesContent":["export function getTextAreaHeight(node: HTMLTextAreaElement, minRows: number, maxRows: number) {\r\n  const style: CSSStyleDeclaration = getComputedStyle(node);\r\n  const lineHeight = style.lineHeight ? parseInt(style.lineHeight, 10) : 0;\r\n  const paddingTop = style.paddingTop ? parseInt(style.paddingTop, 10) : 0;\r\n  const paddingBottom = style.paddingBottom ? parseInt(style.paddingBottom, 10) : 0;\r\n  const minHeight = paddingTop + paddingBottom + lineHeight * minRows;\r\n  const maxHeight = paddingTop + paddingBottom + lineHeight * maxRows;\r\n  const expectedHeight = node.scrollHeight + lineHeight;\r\n  return {\r\n    height: Math.min(Math.max(expectedHeight, minHeight), maxHeight),\r\n    exceededMaxHeight: expectedHeight > maxHeight + lineHeight,\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["TextareaHelpers.tsx"],"names":["getTextAreaHeight","params","globalObject","node","minRows","maxRows","extraRow","style","getComputedStyle","borderTop","borderTopWidth","parseInt","borderBottom","borderBottomWidth","lineHeight","paddingTop","paddingBottom","minHeight","maxHeight","extraRowHeight","expectedHeight","scrollHeight","height","Math","min","max","exceededMaxHeight"],"mappings":"qFAAA;;AAEO,SAASA,iBAAT,CAA2BC,MAA3B,EAA4D;AACjE,MAAI,CAAC,6BAAUC,0BAAV,CAAL,EAA8B;AAC5B,WAAO,IAAP;AACD;AACD,MAAQC,IAAR,GAA6CF,MAA7C,CAAQE,IAAR,CAAcC,OAAd,GAA6CH,MAA7C,CAAcG,OAAd,CAAuBC,OAAvB,GAA6CJ,MAA7C,CAAuBI,OAAvB,CAAgCC,QAAhC,GAA6CL,MAA7C,CAAgCK,QAAhC;AACA,MAAMC,KAAK,GAAGL,2BAAaM,gBAAb,CAA8BL,IAA9B,CAAd;AACA,MAAMM,SAAS,GAAGF,KAAK,CAACG,cAAN,GAAuBC,QAAQ,CAACJ,KAAK,CAACG,cAAP,EAAuB,EAAvB,CAA/B,GAA4D,CAA9E;AACA,MAAME,YAAY,GAAGL,KAAK,CAACM,iBAAN,GAA0BF,QAAQ,CAACJ,KAAK,CAACM,iBAAP,EAA0B,EAA1B,CAAlC,GAAkE,CAAvF;AACA,MAAMC,UAAU,GAAGP,KAAK,CAACO,UAAN,GAAmBH,QAAQ,CAACJ,KAAK,CAACO,UAAP,EAAmB,EAAnB,CAA3B,GAAoD,CAAvE;AACA,MAAMC,UAAU,GAAGR,KAAK,CAACQ,UAAN,GAAmBJ,QAAQ,CAACJ,KAAK,CAACQ,UAAP,EAAmB,EAAnB,CAA3B,GAAoD,CAAvE;AACA,MAAMC,aAAa,GAAGT,KAAK,CAACS,aAAN,GAAsBL,QAAQ,CAACJ,KAAK,CAACS,aAAP,EAAsB,EAAtB,CAA9B,GAA0D,CAAhF;AACA,MAAMC,SAAS,GAAGR,SAAS,GAAGG,YAAZ,GAA2BG,UAA3B,GAAwCC,aAAxC,GAAwDF,UAAU,GAAGV,OAAvF;AACA,MAAMc,SAAS,GAAGT,SAAS,GAAGG,YAAZ,GAA2BG,UAA3B,GAAwCC,aAAxC,GAAwDF,UAAU,GAAGT,OAAvF;AACA,MAAMc,cAAc,GAAGb,QAAQ,GAAGQ,UAAH,GAAgB,CAA/C;AACA,MAAMM,cAAc,GAAGjB,IAAI,CAACkB,YAAL,GAAoBZ,SAApB,GAAgCG,YAAhC,GAA+CO,cAAtE;AACA,SAAO;AACLG,IAAAA,MAAM,EAAEC,IAAI,CAACC,GAAL,CAASD,IAAI,CAACE,GAAL,CAASL,cAAT,EAAyBH,SAAzB,CAAT,EAA8CC,SAA9C,CADH;AAELQ,IAAAA,iBAAiB,EAAEN,cAAc,GAAGF,SAAS,GAAGC,cAF3C,EAAP;;AAID","sourcesContent":["import { globalObject, isBrowser } from '@skbkontur/global-object';\n\nexport function getTextAreaHeight(params: GetTextAreaHeightParams) {\n  if (!isBrowser(globalObject)) {\n    return null;\n  }\n  const { node, minRows, maxRows, extraRow } = params;\n  const style = globalObject.getComputedStyle(node);\n  const borderTop = style.borderTopWidth ? parseInt(style.borderTopWidth, 10) : 0;\n  const borderBottom = style.borderBottomWidth ? parseInt(style.borderBottomWidth, 10) : 0;\n  const lineHeight = style.lineHeight ? parseInt(style.lineHeight, 10) : 0;\n  const paddingTop = style.paddingTop ? parseInt(style.paddingTop, 10) : 0;\n  const paddingBottom = style.paddingBottom ? parseInt(style.paddingBottom, 10) : 0;\n  const minHeight = borderTop + borderBottom + paddingTop + paddingBottom + lineHeight * minRows;\n  const maxHeight = borderTop + borderBottom + paddingTop + paddingBottom + lineHeight * maxRows;\n  const extraRowHeight = extraRow ? lineHeight : 0;\n  const expectedHeight = node.scrollHeight + borderTop + borderBottom + extraRowHeight;\n  return {\n    height: Math.min(Math.max(expectedHeight, minHeight), maxHeight),\n    exceededMaxHeight: expectedHeight > maxHeight + extraRowHeight,\n  };\n}\n\ninterface GetTextAreaHeightParams {\n  node: HTMLTextAreaElement;\n  minRows: number;\n  maxRows: number;\n  extraRow: boolean;\n}\n"]}

package/cjs/components/Textarea/TextareaWithSafari17Workaround.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+/**
+ * React textarea behaves incorrectly on first rendered in Safari version 17.*
+ * Reproduce: https://codesandbox.io/p/sandbox/textarea-and-textarea-safari-bug-9v95vz
+ */
+export declare const TextareaWithSafari17Workaround: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLTextAreaElement, React.TextareaHTMLAttributes<HTMLTextAreaElement>> & Record<never, never>;

package/cjs/components/Textarea/TextareaWithSafari17Workaround.js

@@ -0,0 +1,20 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.TextareaWithSafari17Workaround = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react = _interopRequireDefault(require("react"));
+
+var _forwardRefAndName = require("../../lib/forwardRefAndName");
+
+/**
+ * React textarea behaves incorrectly on first rendered in Safari version 17.*
+ * Reproduce: https://codesandbox.io/p/sandbox/textarea-and-textarea-safari-bug-9v95vz
+ */
+var TextareaWithSafari17Workaround = (0, _forwardRefAndName.forwardRefAndName)(
+
+
+'TextareaWithSafari17Workaround', function (props, ref) {
+  var _React$useState = _react.default.useState(true),firstRender = _React$useState[0],setFirstRender = _React$useState[1];
+
+  _react.default.useEffect(function () {
+    firstRender && setFirstRender(false);
+  }, []);
+
+  return /*#__PURE__*/_react.default.createElement("textarea", (0, _extends2.default)({}, props, { value: firstRender ? '' : props.value, ref: ref }));
+});exports.TextareaWithSafari17Workaround = TextareaWithSafari17Workaround;

package/cjs/components/Textarea/TextareaWithSafari17Workaround.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TextareaWithSafari17Workaround.tsx"],"names":["TextareaWithSafari17Workaround","props","ref","React","useState","firstRender","setFirstRender","useEffect","value"],"mappings":"sQAAA;;AAEA;;AAEA;AACA;AACA;AACA;AACO,IAAMA,8BAA8B,GAAG;;;AAG5C,gCAH4C,EAGV,UAACC,KAAD,EAAQC,GAAR,EAAgB;AAClD,wBAAsCC,eAAMC,QAAN,CAAe,IAAf,CAAtC,CAAOC,WAAP,sBAAoBC,cAApB;;AAEAH,iBAAMI,SAAN,CAAgB,YAAM;AACpBF,IAAAA,WAAW,IAAIC,cAAc,CAAC,KAAD,CAA7B;AACD,GAFD,EAEG,EAFH;;AAIA,sBAAO,oEAAcL,KAAd,IAAqB,KAAK,EAAEI,WAAW,GAAG,EAAH,GAAQJ,KAAK,CAACO,KAArD,EAA4D,GAAG,EAAEN,GAAjE,IAAP;AACD,CAX6C,CAAvC,C","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\n\n/**\n * React textarea behaves incorrectly on first rendered in Safari version 17.*\n * Reproduce: https://codesandbox.io/p/sandbox/textarea-and-textarea-safari-bug-9v95vz\n */\nexport const TextareaWithSafari17Workaround = forwardRefAndName<\n  HTMLTextAreaElement,\n  React.TextareaHTMLAttributes<HTMLTextAreaElement>\n>('TextareaWithSafari17Workaround', (props, ref) => {\n  const [firstRender, setFirstRender] = React.useState(true);\n\n  React.useEffect(() => {\n    firstRender && setFirstRender(false);\n  }, []);\n\n  return <textarea {...props} value={firstRender ? '' : props.value} ref={ref} />;\n});\n"]}

package/cjs/components/Textarea/index.js

@@ -1 +1 @@
-"use strict";exports.__esModule = true;var _Textarea = require("./Textarea");Object.keys(_Textarea).forEach(function (key) {if (key === "default" || key === "__esModule") return;exports[key] = _Textarea[key];});
+"use strict";exports.__esModule = true;var _Textarea = require("./Textarea");Object.keys(_Textarea).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _Textarea[key]) return;exports[key] = _Textarea[key];});

package/cjs/components/Textarea/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './Textarea';\r\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './Textarea';\n"]}

package/cjs/components/Toast/Toast.d.ts

@@ -1,51 +1,76 @@
-import React from 'react';
+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 {
+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 manages notifications
- * method `push` is sending notification,
- * then automatically hides it after 3 or 7 seconds,
- * depending on if this notification contains action or not.
+ * Показывает уведомления.
+ *
+ * Доступен статический метод: `Toast.push(notification, action?, showTime?)`.
+ * Однако, при его использовании не работает кастомизация, они не поддерживаются в `React@18`, а также могут быть проблемы с перекрытием уведомления другими элементами страницы.
+ *
+ * Для статических тостов <u>рекомендуется</u> использовать компонент [SingleToast](https://tech.skbkontur.ru/react-ui/#/Components/SingleToast) - в нём исправлены эти проблемы.
  *
- * Can be used like `Toast.push('message')` or
- * `Toast.push('message', {label: 'Cancel', handler: cancelHandler})`
  */
 export declare class Toast extends React.Component<ToastProps, ToastState> {
     static __KONTUR_REACT_UI__: string;
-    static push(notification: string, action?: Action): void;
+    static displayName: string;
+    private setRootNode;
+    private theme;
+    private emotion;
+    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(): JSX.Element;
     /**
      * Показывает тост с `notification` в качестве сообщения.
+     * Тост автоматически скрывается через 3 или 7 секунд,
+     * в зависимости от наличия у него кнопки `action`.
+     * Время показа можно задать вручную, передав `showTime`.
      *
-     * `action` опциональный параметр формата `{ label: string, handler: function }` добавляет кнопку в виде ссылки при клике на которую вызывается переданный handler
      * @public
-     * @param notification
-     * @param action
+     * @param {string} notification
+     * @param {Action} action `action` опциональный параметр формата `{ label: string, handler: function }`
+     * добавляет кнопку в виде ссылки при клике на которую вызывается переданный handler
+     * @param {number} showTime Время существования Toast в миллисекундах
      */
-    push(notification: string, action?: Action): void;
+    push(notification: string, action?: Nullable<Action>, showTime?: number): void;
     /**
      * @public
      */
     close: () => void;
     private _renderToast;
+    private setRootRef;
     private _clearTimer;
     private _setTimer;
     private _refToast;

package/cjs/components/Toast/Toast.js

@@ -1,12 +1,32 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.Toast = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ToastDataTids = exports.Toast = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _reactTransitionGroup = require("react-transition-group");
+var _globalObject = require("@skbkontur/global-object");
+
+
+var _ThemeFactory = require("../../lib/theming/ThemeFactory");
 
 var _RenderContainer = require("../../internal/RenderContainer");
 
+var _CommonWrapper = require("../../internal/CommonWrapper");
+var _currentEnvironment = require("../../lib/currentEnvironment");
+var _rootNode = require("../../lib/rootNode");
+var _Emotion = require("../../lib/theming/Emotion");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 var _Toast = require("./Toast.styles");
 var _ToastView = require("./ToastView");
-var _ToastStatic = require("./ToastStatic");
+var _ToastStatic = require("./ToastStatic");var _class, _class2, _temp;
+
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -20,24 +40,33 @@ var _ToastStatic = require("./ToastStatic");
 
 
 
+var ToastDataTids = {
+  toastStatic: 'StaticToast',
+  toastView: 'ToastView__root',
+  action: 'ToastView__action',
+  close: 'ToastView__close' };
 
 
+/**
+ * Показывает уведомления.
+ *
+ * Доступен статический метод: `Toast.push(notification, action?, showTime?)`.
+ * Однако, при его использовании не работает кастомизация, они не поддерживаются в `React@18`, а также могут быть проблемы с перекрытием уведомления другими элементами страницы.
+ *
+ * Для статических тостов <u>рекомендуется</u> использовать компонент [SingleToast](https://tech.skbkontur.ru/react-ui/#/Components/SingleToast) - в нём исправлены эти проблемы.
+ *
+ */exports.ToastDataTids = ToastDataTids;var
 
+Toast = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Toast, _React$Component);Toast.
 
-/**
-                                              * Toast manages notifications
-                                              * method `push` is sending notification,
-                                              * then automatically hides it after 3 or 7 seconds,
-                                              * depending on if this notification contains action or not.
-                                              *
-                                              * Can be used like `Toast.push('message')` or
-                                              * `Toast.push('message', {label: 'Cancel', handler: cancelHandler})`
-                                              */var
-Toast = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Toast, _React$Component);Toast.
 
 
-  push = function push(notification, action) {
-    _ToastStatic.ToastStatic.push(notification, action);
+
+
+
+
+  push = function push(notification, action, showTime) {
+    _ToastStatic.ToastStatic.push(notification, action, showTime);
   };Toast.
 
   close = function close() {
@@ -47,8 +76,30 @@ Toast = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(T
 
 
 
+
   function Toast(props) {var _this;
-    _this = _React$Component.call(this, props) || this;_this._toast = void 0;_this._timeout = null;_this.
+    _this = _React$Component.call(this, props) || this;_this.rootRef = /*#__PURE__*/_react.default.createRef();_this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -127,31 +178,48 @@ Toast = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(T
 
 
 
+
+
+
+
+
+
+
+
+    setRootRef = function (element) {
+      _this.setRootNode(element);
+      // @ts-expect-error: See: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/31065.
+      _this.rootRef.current = element;
+    };_this.
 
     _clearTimer = function () {
       if (_this._timeout) {
-        clearTimeout(_this._timeout);
+        _globalObject.globalObject.clearTimeout(_this._timeout);
         _this._timeout = null;
       }
     };_this.
 
-    _setTimer = function () {
+    _setTimer = function () {var _this$state$showTime;
       _this._clearTimer();
 
-      var timeOut = _this.state.action ? 7 : 3;
-
-      _this._timeout = window.setTimeout(_this.close, timeOut * 1000);
+      var showTime = _this.state.action ? 7000 : 3000;
+      showTime = (_this$state$showTime = _this.state.showTime) != null ? _this$state$showTime : showTime;
+      _this._timeout = _globalObject.globalObject.setTimeout(_this.close, showTime);
     };_this.
 
     _refToast = function (element) {
       _this._toast = element;
-    };_this.state = { notification: null, action: null, id: 0 };return _this;}var _proto = Toast.prototype;_proto.componentWillUnmount = function componentWillUnmount() {this._clearTimer();};_proto.render = function render() {return _react.default.createElement(_RenderContainer.RenderContainer, null, _react.default.createElement(_reactTransitionGroup.TransitionGroup, null, this._renderToast()));} /**
-                                                                                                                                                                                                                                                                                                                                                                                                                 * Показывает тост с `notification` в качестве сообщения.
-                                                                                                                                                                                                                                                                                                                                                                                                                 *
-                                                                                                                                                                                                                                                                                                                                                                                                                 * `action` опциональный параметр формата `{ label: string, handler: function }` добавляет кнопку в виде ссылки при клике на которую вызывается переданный handler
-                                                                                                                                                                                                                                                                                                                                                                                                                 * @public
-                                                                                                                                                                                                                                                                                                                                                                                                                 * @param notification
-                                                                                                                                                                                                                                                                                                                                                                                                                 * @param action
-                                                                                                                                                                                                                                                                                                                                                                                                                 */;_proto.push = function push(notification, action) {if (this.state.notification) {this.close();}safelyCall(this.props.onPush, notification, action);this.setState(function (_ref) {var id = _ref.id;return { notification: notification, action: action, id: id + 1 };}, this._setTimer);} /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               * @public
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               */;_proto._renderToast = function _renderToast() {var _this$state = this.state,notification = _this$state.notification,action = _this$state.action,id = _this$state.id;if (!notification) {return null;}var toastProps = { onMouseEnter: this._clearTimer, onMouseLeave: this._setTimer, onClose: this.close, children: notification, action: action };return _react.default.createElement(_reactTransitionGroup.CSSTransition, { key: id, classNames: { enter: _Toast.jsStyles.enter(), enterActive: _Toast.jsStyles.enterActive(), exit: _Toast.jsStyles.exit(), exitActive: _Toast.jsStyles.exitActive() }, timeout: { enter: 200, exit: 150 } }, _react.default.createElement(_ToastView.ToastView, (0, _extends2.default)({ ref: this._refToast }, toastProps)));};return Toast;}(_react.default.Component);exports.Toast = Toast;Toast.__KONTUR_REACT_UI__ = 'Toast';function safelyCall(fn) {if (fn) {for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {args[_key - 1] = arguments[_key];}fn.apply(void 0, args);}}
+    };_this.state = { notification: null, action: null, id: 0, showTime: null };return _this;}var _proto = Toast.prototype;_proto.componentWillUnmount = function componentWillUnmount() {this._clearTimer();};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_Emotion.EmotionConsumer, null, function (emotion) {_this2.emotion = emotion;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = _this2.props.theme ? _ThemeFactory.ThemeFactory.create(_this2.props.theme, theme) : theme;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _this2.theme }, /*#__PURE__*/_react.default.createElement(_RenderContainer.RenderContainer, null, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.TransitionGroup, null, _this2._renderToast())));});});} /**
+   * Показывает тост с `notification` в качестве сообщения.
+   * Тост автоматически скрывается через 3 или 7 секунд,
+   * в зависимости от наличия у него кнопки `action`.
+   * Время показа можно задать вручную, передав `showTime`.
+   *
+   * @public
+   * @param {string} notification
+   * @param {Action} action `action` опциональный параметр формата `{ label: string, handler: function }`
+   * добавляет кнопку в виде ссылки при клике на которую вызывается переданный handler
+   * @param {number} showTime Время существования Toast в миллисекундах
+   */;_proto.push = function push(notification, action, showTime) {if (this.state.notification) {this.close();}safelyCall(this.props.onPush, notification, action);this.setState(function (_ref) {var id = _ref.id;return { notification: notification, action: action, id: id + 1, showTime: showTime };}, this._setTimer);} /**
+   * @public
+   */;_proto._renderToast = function _renderToast() {var _this$state = this.state,notification = _this$state.notification,action = _this$state.action,id = _this$state.id;if (!notification) {return null;}var toastProps = { onMouseEnter: this._clearTimer, onMouseLeave: this._setTimer, onClose: this.close, children: notification, 'aria-label': this.props['aria-label'], action: action };var styles = (0, _Toast.getStyles)(this.emotion);return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, { key: id, classNames: { enter: styles.enter(), enterActive: styles.enterActive(), exit: styles.exit(), exitActive: styles.exitActive() }, timeout: { enter: 200, exit: 150 }, enter: !_currentEnvironment.isTestEnv, exit: !_currentEnvironment.isTestEnv, nodeRef: this.rootRef }, /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootRef }, this.props), /*#__PURE__*/_react.default.createElement(_ToastView.ToastView, (0, _extends2.default)({ ref: this._refToast }, toastProps))));};return Toast;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Toast', _class2.displayName = 'Toast', _temp)) || _class;exports.Toast = Toast;function safelyCall(fn) {if (fn) {for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {args[_key - 1] = arguments[_key];}fn.apply(void 0, args);}}

package/cjs/components/Toast/Toast.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Toast.tsx"],"names":["Toast","push","notification","action","ToastStatic","close","props","_toast","_timeout","safelyCall","onClose","state","setState","_clearTimer","clearTimeout","_setTimer","timeOut","window","setTimeout","_refToast","element","id","componentWillUnmount","render","_renderToast","onPush","toastProps","onMouseEnter","onMouseLeave","children","enter","jsStyles","enterActive","exit","exitActive","React","Component","__KONTUR_REACT_UI__","fn","args"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\r\n\r\nimport { RenderContainer } from '../../internal/RenderContainer';\r\nimport { Nullable } from '../../typings/utility-types';\r\n\r\nimport { jsStyles } from './Toast.styles';\r\nimport { ToastView, ToastViewProps } from './ToastView';\r\nimport { ToastStatic } from './ToastStatic';\r\n\r\nexport interface Action {\r\n  label: string;\r\n  handler: () => void;\r\n}\r\n\r\nexport interface ToastState {\r\n  notification: Nullable<string>;\r\n  action: Nullable<Action>;\r\n  id: number;\r\n}\r\n\r\nexport interface ToastProps {\r\n  onPush?: (notification: string, action?: Action) => void;\r\n  onClose?: (notification: string, action?: Action) => void;\r\n}\r\n\r\n/**\r\n * Toast manages notifications\r\n * method `push` is sending notification,\r\n * then automatically hides it after 3 or 7 seconds,\r\n * depending on if this notification contains action or not.\r\n *\r\n * Can be used like `Toast.push('message')` or\r\n * `Toast.push('message', {label: 'Cancel', handler: cancelHandler})`\r\n */\r\nexport class Toast extends React.Component<ToastProps, ToastState> {\r\n  public static __KONTUR_REACT_UI__ = 'Toast';\r\n\r\n  public static push(notification: string, action?: Action) {\r\n    ToastStatic.push(notification, action);\r\n  }\r\n\r\n  public static close() {\r\n    ToastStatic.close();\r\n  }\r\n\r\n  public _toast: Nullable<ToastView>;\r\n  private _timeout: Nullable<number> = null;\r\n\r\n  constructor(props: ToastProps) {\r\n    super(props);\r\n    this.state = {\r\n      notification: null,\r\n      action: null,\r\n      id: 0,\r\n    };\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    this._clearTimer();\r\n  }\r\n\r\n  public render() {\r\n    return (\r\n      <RenderContainer>\r\n        <TransitionGroup>{this._renderToast()}</TransitionGroup>\r\n      </RenderContainer>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Показывает тост с `notification` в качестве сообщения.\r\n   *\r\n   * `action` опциональный параметр формата `{ label: string, handler: function }` добавляет кнопку в виде ссылки при клике на которую вызывается переданный handler\r\n   * @public\r\n   * @param notification\r\n   * @param action\r\n   */\r\n  public push(notification: string, action?: Action) {\r\n    if (this.state.notification) {\r\n      this.close();\r\n    }\r\n\r\n    safelyCall(this.props.onPush, notification, action);\r\n\r\n    this.setState(({ id }) => ({ notification, action, id: id + 1 }), this._setTimer);\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public close = () => {\r\n    safelyCall(this.props.onClose, this.state.notification, this.state.action);\r\n    this.setState({ notification: null, action: null });\r\n  };\r\n\r\n  private _renderToast() {\r\n    const { notification, action, id } = this.state;\r\n\r\n    if (!notification) {\r\n      return null;\r\n    }\r\n\r\n    const toastProps: ToastViewProps = {\r\n      onMouseEnter: this._clearTimer,\r\n      onMouseLeave: this._setTimer,\r\n      onClose: this.close,\r\n      children: notification,\r\n      action,\r\n    };\r\n\r\n    return (\r\n      <CSSTransition\r\n        key={id}\r\n        classNames={{\r\n          enter: jsStyles.enter(),\r\n          enterActive: jsStyles.enterActive(),\r\n          exit: jsStyles.exit(),\r\n          exitActive: jsStyles.exitActive(),\r\n        }}\r\n        timeout={{\r\n          enter: 200,\r\n          exit: 150,\r\n        }}\r\n      >\r\n        <ToastView ref={this._refToast} {...toastProps} />\r\n      </CSSTransition>\r\n    );\r\n  }\r\n\r\n  private _clearTimer = () => {\r\n    if (this._timeout) {\r\n      clearTimeout(this._timeout);\r\n      this._timeout = null;\r\n    }\r\n  };\r\n\r\n  private _setTimer = () => {\r\n    this._clearTimer();\r\n\r\n    const timeOut = this.state.action ? 7 : 3;\r\n\r\n    this._timeout = window.setTimeout(this.close, timeOut * 1000);\r\n  };\r\n\r\n  private _refToast = (element: ToastView) => {\r\n    this._toast = element;\r\n  };\r\n}\r\n\r\nfunction safelyCall(fn: Nullable<(a?: any) => any>, ...args: any[]) {\r\n  if (fn) {\r\n    fn(...args);\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["Toast.tsx"],"names":["ToastDataTids","toastStatic","toastView","action","close","Toast","rootNode","push","notification","showTime","ToastStatic","props","rootRef","React","createRef","safelyCall","onClose","state","setState","setRootRef","element","setRootNode","current","_clearTimer","_timeout","globalObject","clearTimeout","_setTimer","setTimeout","_refToast","_toast","id","componentWillUnmount","render","emotion","theme","ThemeFactory","create","_renderToast","onPush","toastProps","onMouseEnter","onMouseLeave","children","styles","enter","enterActive","exit","exitActive","isTestEnv","Component","__KONTUR_REACT_UI__","displayName","fn","args"],"mappings":"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","sourcesContent":["import React, { AriaAttributes } from 'react';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\nimport { globalObject, SafeTimer } from '@skbkontur/global-object';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { RenderContainer } from '../../internal/RenderContainer';\nimport { Nullable } from '../../typings/utility-types';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { getStyles } from './Toast.styles';\nimport { ToastView, ToastViewProps } from './ToastView';\nimport { ToastStatic } from './ToastStatic';\n\nexport interface Action {\n  label: string;\n  handler: () => void;\n  'aria-label'?: string;\n}\n\nexport interface ToastState {\n  notification: Nullable<string>;\n  action: Nullable<Action>;\n  id: number;\n  showTime: Nullable<number>;\n}\n\nexport interface ToastProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps {\n  onPush?: (notification: string, action?: Action) => void;\n  onClose?: (notification: string, action?: Action) => void;\n  /**\n   * Обычный объект с переменными темы.\n   * Он будет объединён с темой из контекста.\n   */\n  theme?: ThemeIn;\n}\n\nexport const ToastDataTids = {\n  toastStatic: 'StaticToast',\n  toastView: 'ToastView__root',\n  action: 'ToastView__action',\n  close: 'ToastView__close',\n} as const;\n\n/**\n * Показывает уведомления.\n *\n * Доступен статический метод: `Toast.push(notification, action?, showTime?)`.\n * Однако, при его использовании не работает кастомизация, они не поддерживаются в `React@18`, а также могут быть проблемы с перекрытием уведомления другими элементами страницы.\n *\n * Для статических тостов <u>рекомендуется</u> использовать компонент [SingleToast](https://tech.skbkontur.ru/react-ui/#/Components/SingleToast) - в нём исправлены эти проблемы.\n *\n */\n@rootNode\nexport class Toast extends React.Component<ToastProps, ToastState> {\n  public static __KONTUR_REACT_UI__ = 'Toast';\n  public static displayName = 'Toast';\n\n  private setRootNode!: TSetRootNode;\n  private theme!: Theme;\n  private emotion!: Emotion;\n\n  public static push(notification: string, action?: Nullable<Action>, showTime?: number) {\n    ToastStatic.push(notification, action, showTime);\n  }\n\n  public static close() {\n    ToastStatic.close();\n  }\n\n  public _toast: Nullable<ToastView>;\n  private _timeout: SafeTimer;\n  private rootRef = React.createRef<HTMLElement>();\n\n  constructor(props: ToastProps) {\n    super(props);\n    this.state = {\n      notification: null,\n      action: null,\n      id: 0,\n      showTime: null,\n    };\n  }\n\n  public componentWillUnmount() {\n    this._clearTimer();\n  }\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n                return (\n                  <ThemeContext.Provider value={this.theme}>\n                    <RenderContainer>\n                      <TransitionGroup>{this._renderToast()}</TransitionGroup>\n                    </RenderContainer>\n                  </ThemeContext.Provider>\n                );\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  /**\n   * Показывает тост с `notification` в качестве сообщения.\n   * Тост автоматически скрывается через 3 или 7 секунд,\n   * в зависимости от наличия у него кнопки `action`.\n   * Время показа можно задать вручную, передав `showTime`.\n   *\n   * @public\n   * @param {string} notification\n   * @param {Action} action `action` опциональный параметр формата `{ label: string, handler: function }`\n   * добавляет кнопку в виде ссылки при клике на которую вызывается переданный handler\n   * @param {number} showTime Время существования Toast в миллисекундах\n   */\n  public push(notification: string, action?: Nullable<Action>, showTime?: number) {\n    if (this.state.notification) {\n      this.close();\n    }\n\n    safelyCall(this.props.onPush, notification, action);\n\n    this.setState(({ id }) => ({ notification, action, id: id + 1, showTime }), this._setTimer);\n  }\n\n  /**\n   * @public\n   */\n  public close = () => {\n    safelyCall(this.props.onClose, this.state.notification, this.state.action);\n    this.setState({ notification: null, action: null });\n  };\n\n  private _renderToast() {\n    const { notification, action, id } = this.state;\n\n    if (!notification) {\n      return null;\n    }\n\n    const toastProps: ToastViewProps = {\n      onMouseEnter: this._clearTimer,\n      onMouseLeave: this._setTimer,\n      onClose: this.close,\n      children: notification,\n      'aria-label': this.props['aria-label'],\n      action,\n    };\n    const styles = getStyles(this.emotion);\n\n    return (\n      <CSSTransition\n        key={id}\n        classNames={{\n          enter: styles.enter(),\n          enterActive: styles.enterActive(),\n          exit: styles.exit(),\n          exitActive: styles.exitActive(),\n        }}\n        timeout={{\n          enter: 200,\n          exit: 150,\n        }}\n        enter={!isTestEnv}\n        exit={!isTestEnv}\n        nodeRef={this.rootRef}\n      >\n        <CommonWrapper rootNodeRef={this.setRootRef} {...this.props}>\n          <ToastView ref={this._refToast} {...toastProps} />\n        </CommonWrapper>\n      </CSSTransition>\n    );\n  }\n\n  private setRootRef = (element: Nullable<Element>) => {\n    this.setRootNode(element);\n    // @ts-expect-error: See: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/31065.\n    this.rootRef.current = element;\n  };\n\n  private _clearTimer = () => {\n    if (this._timeout) {\n      globalObject.clearTimeout(this._timeout);\n      this._timeout = null;\n    }\n  };\n\n  private _setTimer = () => {\n    this._clearTimer();\n\n    let showTime = this.state.action ? 7000 : 3000;\n    showTime = this.state.showTime ?? showTime;\n    this._timeout = globalObject.setTimeout(this.close, showTime);\n  };\n\n  private _refToast = (element: ToastView) => {\n    this._toast = element;\n  };\n}\n\nfunction safelyCall(fn: Nullable<(a?: any) => any>, ...args: any[]) {\n  if (fn) {\n    fn(...args);\n  }\n}\n"]}

package/cjs/components/Toast/Toast.md

@@ -1,41 +1,69 @@
-Вызов статических методов
-
-```jsx harmony
-import { Button, Toast } from '@skbkontur/react-ui';
-
-function showComplexNotification() {
-  Toast.push('Successfully saved', {
-    label: 'Cancel',
-    handler: () => Toast.push('Canceled'),
-  });
-}
-
-<Button onClick={showComplexNotification}>Show notification</Button>;
-```
-
-Использование `ref`
-
-```jsx harmony
-import { Button, Toast } from '@skbkontur/react-ui';
-
-class Toaster extends React.Component {
-  showNotification() {
-    this.notifier.push('Successfully');
-  }
-
-  render() {
-    return (
-      <div>
-        <Toast
-          ref={el => {
-            this.notifier = el;
-          }}
-        />
-        <Button onClick={() => this.showNotification()}>Show notification</Button>
-      </div>
-    );
-  }
-}
-
-<Toaster />;
-```
+Вызов статических методов
+
+```jsx harmony
+import { Button, Toast } from '@skbkontur/react-ui';
+
+function showComplexNotification() {
+  Toast.push('Successfully saved', {
+    label: 'Cancel',
+    handler: () => Toast.push('Canceled'),
+  });
+}
+
+<Button onClick={showComplexNotification}>Show notification</Button>;
+```
+
+C кастомным showTime
+
+```jsx harmony
+import { Button, Toast } from '@skbkontur/react-ui';
+
+function showComplexNotification() {
+  Toast.push('Successfully saved', {
+    label: 'Cancel',
+    handler: () => Toast.push('Canceled'),
+  }, 15000);
+}
+
+<Button onClick={showComplexNotification}>Show notification</Button>;
+```
+
+C кастомным showTime без action
+
+
+```jsx harmony
+import { Button, Toast } from '@skbkontur/react-ui';
+
+function showComplexNotification() {
+  Toast.push('Successfully saved', null, 15000);
+}
+
+<Button onClick={showComplexNotification}>Show notification</Button>;
+```
+
+Использование `ref`
+
+```jsx harmony
+import { Button, Toast } from '@skbkontur/react-ui';
+
+class Toaster extends React.Component {
+  showNotification() {
+    this.notifier.push('Successfully');
+  }
+
+  render() {
+    return (
+      <div>
+        <Toast
+          ref={el => {
+            this.notifier = el;
+          }}
+        />
+        <Button onClick={() => this.showNotification()}>Show notification</Button>
+      </div>
+    );
+  }
+}
+
+<Toaster />;
+```

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

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

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

@@ -1,29 +1,29 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");function _templateObject4() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      opacity: 0.01;\n      transition: opacity 0.15s ease-out;\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      transform: translateY(0);\n      opacity: 1;\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      transition: transform 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);\n      transform: translateY(0);\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      transform: translateY(-40px);\n    "]);_templateObject = function _templateObject() {return data;};return data;}
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 
-var styles = {
-  enter: function enter() {
-    return (0, _Emotion.css)(_templateObject());
+var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
+var getStyles = function getStyles(emotion) {return (
+    (0, _Emotion.memoizeStyle)({
+      enter: function enter() {
+        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        transform: translateY(-40px);\n      "])));
 
-  },
-  enterActive: function enterActive() {
-    return (0, _Emotion.css)(_templateObject2());
 
+      },
+      enterActive: function enterActive() {
+        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        transition: transform 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);\n        transform: translateY(0) !important;\n      "])));
 
 
-  },
-  exit: function exit() {
-    return (0, _Emotion.css)(_templateObject3());
 
+      },
+      exit: function exit() {
+        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        transform: translateY(0);\n        opacity: 1;\n      "])));
 
 
-  },
-  exitActive: function exitActive() {
-    return (0, _Emotion.css)(_templateObject4());
 
+      },
+      exitActive: function exitActive() {
+        return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        opacity: 0.01 !important;\n        transition: opacity 0.15s ease-out;\n      "])));
 
 
-  } };
 
-
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+      } }));};exports.getStyles = getStyles;

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

@@ -1 +1 @@
-{"version":3,"sources":["Toast.styles.ts"],"names":["styles","enter","css","enterActive","exit","exitActive","jsStyles"],"mappings":"8QAAA,oD;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,KADa,mBACL;AACN,eAAOC,YAAP;;;AAGD,GALY;AAMbC,EAAAA,WANa,yBAMC;AACZ,eAAOD,YAAP;;;;AAID,GAXY;AAYbE,EAAAA,IAZa,kBAYN;AACL,eAAOF,YAAP;;;;AAID,GAjBY;AAkBbG,EAAAA,UAlBa,wBAkBA;AACX,eAAOH,YAAP;;;;AAID,GAvBY,EAAf;;;AA0BO,IAAMI,QAAQ,GAAG,2BAAaN,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\n\r\nconst styles = {\r\n  enter() {\r\n    return css`\r\n      transform: translateY(-40px);\r\n    `;\r\n  },\r\n  enterActive() {\r\n    return css`\r\n      transition: transform 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);\r\n      transform: translateY(0);\r\n    `;\r\n  },\r\n  exit() {\r\n    return css`\r\n      transform: translateY(0);\r\n      opacity: 1;\r\n    `;\r\n  },\r\n  exitActive() {\r\n    return css`\r\n      opacity: 0.01;\r\n      transition: opacity 0.15s ease-out;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["Toast.styles.ts"],"names":["getStyles","emotion","enter","css","enterActive","exit","exitActive"],"mappings":";;AAEA,oD;;AAEO,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvB,+BAAa;AACXC,MAAAA,KADW,mBACH;AACN,eAAOD,OAAO,CAACE,GAAf;;;AAGD,OALU;AAMXC,MAAAA,WANW,yBAMG;AACZ,eAAOH,OAAO,CAACE,GAAf;;;;AAID,OAXU;AAYXE,MAAAA,IAZW,kBAYJ;AACL,eAAOJ,OAAO,CAACE,GAAf;;;;AAID,OAjBU;AAkBXG,MAAAA,UAlBW,wBAkBE;AACX,eAAOL,OAAO,CAACE,GAAf;;;;AAID,OAvBU,EAAb,CADuB,GAAlB,C","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"]}

package/cjs/components/Toast/ToastStatic.d.ts

@@ -1,7 +1,8 @@
+import { Nullable } from '../../typings/utility-types';
 import { Action } from './Toast';
 export declare class ToastStatic {
-    static push: (notification: string, action?: Action | undefined) => void;
-    static _push: (notification: string, action?: Action | undefined) => void;
+    static push: (notification: string, action?: Nullable<Action>, showTime?: number | undefined) => void;
+    static _push: (notification: string, action?: Nullable<Action>, showTime?: number | undefined) => void;
     static close: () => void;
     private static node;
     private static instance;