@skbkontur/react-ui 5.6.0 → 5.6.1-85c65.0

package/components/Textarea/TextareaCounter/TextareaCounter.js

@@ -1,12 +1,12 @@
 import React, { useContext, useCallback, useImperativeHandle, useState } from 'react';
+import { useEmotion, useStyles } from "../../../lib/renderEnvironment";
 import { forwardRefAndName } from "../../../lib/forwardRefAndName";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { isFunction } from "../../../lib/utils";
 import { Tooltip } from "../../Tooltip";
-import { cx } from "../../../lib/theming/Emotion";
 import { QuestionCircleIcon16Solid } from "../../../internal/icons2022/QuestionCircleIcon/QuestionCircleIcon16Solid";
 import { TextareaDataTids } from "../Textarea";
-import { styles } from "../Textarea.styles";
+import { getStyles } from "../Textarea.styles";
 var handleHelpMouseDown = function handleHelpMouseDown(e) {
   return e.preventDefault();
 };
@@ -19,6 +19,9 @@ export var TextareaCounter = forwardRefAndName('TextareaCounter', function (_ref
     textarea = _ref.textarea,
     size = _ref.size;
   var theme = useContext(ThemeContext);
+  var _useEmotion = useEmotion(),
+    cx = _useEmotion.cx;
+  var styles = useStyles(getStyles);
   var _useState = useState(textarea.clientWidth),
     width = _useState[0],
     setWidth = _useState[1];

package/components/Textarea/TextareaCounter/TextareaCounter.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","useCallback","useImperativeHandle","useState","forwardRefAndName","ThemeContext","isFunction","Tooltip","cx","QuestionCircleIcon16Solid","TextareaDataTids","styles","handleHelpMouseDown","e","preventDefault","TextareaCounter","_ref","ref","_cx","length","value","help","onCloseHelp","textarea","size","theme","_useState","clientWidth","width","setWidth","_useState2","clientHeight","height","setHeight","reflow","renderTooltipContent","textareaValue","toString","counterValue","helpIconProps","onMouseDown","color","textareaCounterHelpIconColor","helpIcon","createElement","counterHelp","pos","trigger","render","onCloseClick","getCounterSizeClassName","counterLarge","counterMedium","counterSmall","counter","className","counterContainer","style","counterError"],"sources":["TextareaCounter.tsx"],"sourcesContent":["import type { SyntheticEvent } from 'react';\nimport React, { useContext, useCallback, useImperativeHandle, useState } from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isFunction } from '../../lib/utils';\nimport { Tooltip } from '../Tooltip';\nimport { cx } from '../../lib/theming/Emotion';\nimport { QuestionCircleIcon16Solid } from '../../internal/icons2022/QuestionCircleIcon/QuestionCircleIcon16Solid';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport type { TextareaProps } from './Textarea';\nimport { TextareaDataTids } from './Textarea';\nimport { styles } from './Textarea.styles';\n\nexport interface TextareaCounterProps {\n  value: TextareaProps['value'];\n  length: number;\n  help: TextareaProps['counterHelp'];\n  onCloseHelp: () => void;\n  textarea: HTMLTextAreaElement;\n  size: SizeProp;\n}\n\nexport interface TextareaCounterRef {\n  reflow: () => void;\n}\n\nconst handleHelpMouseDown = (e: SyntheticEvent) => e.preventDefault();\n\nexport const TextareaCounter = forwardRefAndName<TextareaCounterRef, TextareaCounterProps>(\n  'TextareaCounter',\n  ({ length, value, help, onCloseHelp, textarea, size }, ref) => {\n    const theme = useContext(ThemeContext);\n    const [width, setWidth] = useState(textarea.clientWidth);\n    const [height, setHeight] = useState(textarea.clientHeight);\n    const reflow = useCallback(() => {\n      const { clientWidth, clientHeight } = textarea;\n      setWidth(clientWidth);\n      setHeight(clientHeight);\n    }, [textarea]);\n    useImperativeHandle(ref, () => ({ reflow }), [reflow]);\n    const renderTooltipContent = useCallback(() => {\n      if (typeof help === 'function') {\n        return help();\n      }\n      return help;\n    }, [help]);\n    const textareaValue = value ? value.toString().length : 0;\n    const counterValue = length - textareaValue;\n\n    const helpIconProps = {\n      onMouseDown: handleHelpMouseDown,\n      color: theme.textareaCounterHelpIconColor,\n      'data-tid': TextareaDataTids.helpIcon,\n    };\n    const helpIcon = <QuestionCircleIcon16Solid {...helpIconProps} />;\n    const counterHelp = isFunction(help) ? (\n      help()\n    ) : (\n      <Tooltip pos={'right bottom'} trigger={'click'} render={renderTooltipContent} onCloseClick={onCloseHelp}>\n        {helpIcon}\n      </Tooltip>\n    );\n\n    const getCounterSizeClassName = () => {\n      switch (size) {\n        case 'large':\n          return styles.counterLarge(theme);\n        case 'medium':\n          return styles.counterMedium(theme);\n        case 'small':\n        default:\n          return styles.counterSmall(theme);\n      }\n    };\n\n    return (\n      <div data-tid={TextareaDataTids.counter} className={cx(styles.counterContainer(theme))} style={{ width, height }}>\n        <span\n          className={cx(getCounterSizeClassName(), styles.counter(theme), {\n            [styles.counterError(theme)]: counterValue < 0,\n          })}\n        >\n          {counterValue}\n          {help && <span className={styles.counterHelp()}>{counterHelp}</span>}\n        </span>\n      </div>\n    );\n  },\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useContext","useCallback","useImperativeHandle","useState","useEmotion","useStyles","forwardRefAndName","ThemeContext","isFunction","Tooltip","QuestionCircleIcon16Solid","TextareaDataTids","getStyles","handleHelpMouseDown","e","preventDefault","TextareaCounter","_ref","ref","_cx","length","value","help","onCloseHelp","textarea","size","theme","_useEmotion","cx","styles","_useState","clientWidth","width","setWidth","_useState2","clientHeight","height","setHeight","reflow","renderTooltipContent","textareaValue","toString","counterValue","helpIconProps","onMouseDown","color","textareaCounterHelpIconColor","helpIcon","createElement","counterHelp","pos","trigger","render","onCloseClick","getCounterSizeClassName","counterLarge","counterMedium","counterSmall","counter","className","counterContainer","style","counterError"],"sources":["TextareaCounter.tsx"],"sourcesContent":["import type { SyntheticEvent } from 'react';\nimport React, { useContext, useCallback, useImperativeHandle, useState } from 'react';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isFunction } from '../../lib/utils';\nimport { Tooltip } from '../Tooltip';\nimport { QuestionCircleIcon16Solid } from '../../internal/icons2022/QuestionCircleIcon/QuestionCircleIcon16Solid';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport type { TextareaProps } from './Textarea';\nimport { TextareaDataTids } from './Textarea';\nimport { getStyles } from './Textarea.styles';\n\nexport interface TextareaCounterProps {\n  value: TextareaProps['value'];\n  length: number;\n  help: TextareaProps['counterHelp'];\n  onCloseHelp: () => void;\n  textarea: HTMLTextAreaElement;\n  size: SizeProp;\n}\n\nexport interface TextareaCounterRef {\n  reflow: () => void;\n}\n\nconst handleHelpMouseDown = (e: SyntheticEvent) => e.preventDefault();\n\nexport const TextareaCounter = forwardRefAndName<TextareaCounterRef, TextareaCounterProps>(\n  'TextareaCounter',\n  ({ length, value, help, onCloseHelp, textarea, size }, ref) => {\n    const theme = useContext(ThemeContext);\n    const { cx } = useEmotion();\n    const styles = useStyles(getStyles);\n    const [width, setWidth] = useState(textarea.clientWidth);\n    const [height, setHeight] = useState(textarea.clientHeight);\n    const reflow = useCallback(() => {\n      const { clientWidth, clientHeight } = textarea;\n      setWidth(clientWidth);\n      setHeight(clientHeight);\n    }, [textarea]);\n    useImperativeHandle(ref, () => ({ reflow }), [reflow]);\n    const renderTooltipContent = useCallback(() => {\n      if (typeof help === 'function') {\n        return help();\n      }\n      return help;\n    }, [help]);\n    const textareaValue = value ? value.toString().length : 0;\n    const counterValue = length - textareaValue;\n\n    const helpIconProps = {\n      onMouseDown: handleHelpMouseDown,\n      color: theme.textareaCounterHelpIconColor,\n      'data-tid': TextareaDataTids.helpIcon,\n    };\n    const helpIcon = <QuestionCircleIcon16Solid {...helpIconProps} />;\n    const counterHelp = isFunction(help) ? (\n      help()\n    ) : (\n      <Tooltip pos={'right bottom'} trigger={'click'} render={renderTooltipContent} onCloseClick={onCloseHelp}>\n        {helpIcon}\n      </Tooltip>\n    );\n\n    const getCounterSizeClassName = () => {\n      switch (size) {\n        case 'large':\n          return styles.counterLarge(theme);\n        case 'medium':\n          return styles.counterMedium(theme);\n        case 'small':\n        default:\n          return styles.counterSmall(theme);\n      }\n    };\n\n    return (\n      <div data-tid={TextareaDataTids.counter} className={cx(styles.counterContainer(theme))} style={{ width, height }}>\n        <span\n          className={cx(getCounterSizeClassName(), styles.counter(theme), {\n            [styles.counterError(theme)]: counterValue < 0,\n          })}\n        >\n          {counterValue}\n          {help && <span className={styles.counterHelp()}>{counterHelp}</span>}\n        </span>\n      </div>\n    );\n  },\n);\n"],"mappings":"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","ignoreList":[]}

package/components/Textarea/TextareaHelpers/TextareaHelpers.js

@@ -1,5 +1,5 @@
-import { globalObject, isBrowser } from '@skbkontur/global-object';
-export function getTextAreaHeight(params) {
+import { isBrowser } from "../../../lib/globalObject";
+export function getTextAreaHeight(globalObject, params) {
   if (!isBrowser(globalObject)) {
     return null;
   }

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

@@ -1 +1 @@
-{"version":3,"names":["globalObject","isBrowser","getTextAreaHeight","params","node","minRows","maxRows","extraRow","style","getComputedStyle","borderTop","borderTopWidth","parseInt","borderBottom","borderBottomWidth","lineHeight","paddingTop","paddingBottom","minHeight","maxHeight","extraRowHeight","expectedHeight","scrollHeight","height","Math","min","max","exceededMaxHeight"],"sources":["TextareaHelpers.tsx"],"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"],"mappings":"AAAA,SAASA,YAAY,EAAEC,SAAS,QAAQ,0BAA0B;;AAElE,OAAO,SAASC,iBAAiBA,CAACC,MAA+B,EAAE;EACjE,IAAI,CAACF,SAAS,CAACD,YAAY,CAAC,EAAE;IAC5B,OAAO,IAAI;EACb;EACA,IAAQI,IAAI,GAAiCD,MAAM,CAA3CC,IAAI,CAAEC,OAAO,GAAwBF,MAAM,CAArCE,OAAO,CAAEC,OAAO,GAAeH,MAAM,CAA5BG,OAAO,CAAEC,QAAQ,GAAKJ,MAAM,CAAnBI,QAAQ;EACxC,IAAMC,KAAK,GAAGR,YAAY,CAACS,gBAAgB,CAACL,IAAI,CAAC;EACjD,IAAMM,SAAS,GAAGF,KAAK,CAACG,cAAc,GAAGC,QAAQ,CAACJ,KAAK,CAACG,cAAc,EAAE,EAAE,CAAC,GAAG,CAAC;EAC/E,IAAME,YAAY,GAAGL,KAAK,CAACM,iBAAiB,GAAGF,QAAQ,CAACJ,KAAK,CAACM,iBAAiB,EAAE,EAAE,CAAC,GAAG,CAAC;EACxF,IAAMC,UAAU,GAAGP,KAAK,CAACO,UAAU,GAAGH,QAAQ,CAACJ,KAAK,CAACO,UAAU,EAAE,EAAE,CAAC,GAAG,CAAC;EACxE,IAAMC,UAAU,GAAGR,KAAK,CAACQ,UAAU,GAAGJ,QAAQ,CAACJ,KAAK,CAACQ,UAAU,EAAE,EAAE,CAAC,GAAG,CAAC;EACxE,IAAMC,aAAa,GAAGT,KAAK,CAACS,aAAa,GAAGL,QAAQ,CAACJ,KAAK,CAACS,aAAa,EAAE,EAAE,CAAC,GAAG,CAAC;EACjF,IAAMC,SAAS,GAAGR,SAAS,GAAGG,YAAY,GAAGG,UAAU,GAAGC,aAAa,GAAGF,UAAU,GAAGV,OAAO;EAC9F,IAAMc,SAAS,GAAGT,SAAS,GAAGG,YAAY,GAAGG,UAAU,GAAGC,aAAa,GAAGF,UAAU,GAAGT,OAAO;EAC9F,IAAMc,cAAc,GAAGb,QAAQ,GAAGQ,UAAU,GAAG,CAAC;EAChD,IAAMM,cAAc,GAAGjB,IAAI,CAACkB,YAAY,GAAGZ,SAAS,GAAGG,YAAY,GAAGO,cAAc;EACpF,OAAO;IACLG,MAAM,EAAEC,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAACL,cAAc,EAAEH,SAAS,CAAC,EAAEC,SAAS,CAAC;IAChEQ,iBAAiB,EAAEN,cAAc,GAAGF,SAAS,GAAGC;EAClD,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["isBrowser","getTextAreaHeight","globalObject","params","node","minRows","maxRows","extraRow","style","getComputedStyle","borderTop","borderTopWidth","parseInt","borderBottom","borderBottomWidth","lineHeight","paddingTop","paddingBottom","minHeight","maxHeight","extraRowHeight","expectedHeight","scrollHeight","height","Math","min","max","exceededMaxHeight"],"sources":["TextareaHelpers.tsx"],"sourcesContent":["import type { GlobalObject } from '../../lib/globalObject';\nimport { isBrowser } from '../../lib/globalObject';\n\nexport function getTextAreaHeight(\n  globalObject: GlobalObject,\n  params: GetTextAreaHeightParams,\n): { height: number; exceededMaxHeight: boolean } | null {\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"],"mappings":";AACA,SAASA,SAAS,QAAQ,wBAAwB;;AAElD,OAAO,SAASC,iBAAiBA;AAC/BC,YAA0B;AAC1BC,MAA+B;AACwB;EACvD,IAAI,CAACH,SAAS,CAACE,YAAY,CAAC,EAAE;IAC5B,OAAO,IAAI;EACb;EACA,IAAQE,IAAI,GAAiCD,MAAM,CAA3CC,IAAI,CAAEC,OAAO,GAAwBF,MAAM,CAArCE,OAAO,CAAEC,OAAO,GAAeH,MAAM,CAA5BG,OAAO,CAAEC,QAAQ,GAAKJ,MAAM,CAAnBI,QAAQ;EACxC,IAAMC,KAAK,GAAGN,YAAY,CAACO,gBAAgB,CAACL,IAAI,CAAC;EACjD,IAAMM,SAAS,GAAGF,KAAK,CAACG,cAAc,GAAGC,QAAQ,CAACJ,KAAK,CAACG,cAAc,EAAE,EAAE,CAAC,GAAG,CAAC;EAC/E,IAAME,YAAY,GAAGL,KAAK,CAACM,iBAAiB,GAAGF,QAAQ,CAACJ,KAAK,CAACM,iBAAiB,EAAE,EAAE,CAAC,GAAG,CAAC;EACxF,IAAMC,UAAU,GAAGP,KAAK,CAACO,UAAU,GAAGH,QAAQ,CAACJ,KAAK,CAACO,UAAU,EAAE,EAAE,CAAC,GAAG,CAAC;EACxE,IAAMC,UAAU,GAAGR,KAAK,CAACQ,UAAU,GAAGJ,QAAQ,CAACJ,KAAK,CAACQ,UAAU,EAAE,EAAE,CAAC,GAAG,CAAC;EACxE,IAAMC,aAAa,GAAGT,KAAK,CAACS,aAAa,GAAGL,QAAQ,CAACJ,KAAK,CAACS,aAAa,EAAE,EAAE,CAAC,GAAG,CAAC;EACjF,IAAMC,SAAS,GAAGR,SAAS,GAAGG,YAAY,GAAGG,UAAU,GAAGC,aAAa,GAAGF,UAAU,GAAGV,OAAO;EAC9F,IAAMc,SAAS,GAAGT,SAAS,GAAGG,YAAY,GAAGG,UAAU,GAAGC,aAAa,GAAGF,UAAU,GAAGT,OAAO;EAC9F,IAAMc,cAAc,GAAGb,QAAQ,GAAGQ,UAAU,GAAG,CAAC;EAChD,IAAMM,cAAc,GAAGjB,IAAI,CAACkB,YAAY,GAAGZ,SAAS,GAAGG,YAAY,GAAGO,cAAc;EACpF,OAAO;IACLG,MAAM,EAAEC,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAACL,cAAc,EAAEH,SAAS,CAAC,EAAEC,SAAS,CAAC;IAChEQ,iBAAiB,EAAEN,cAAc,GAAGF,SAAS,GAAGC;EAClD,CAAC;AACH","ignoreList":[]}

package/components/Textarea/TextareaHelpers.d.ts

@@ -1,4 +1,5 @@
-export declare function getTextAreaHeight(params: GetTextAreaHeightParams): {
+import type { GlobalObject } from '../../lib/globalObject';
+export declare function getTextAreaHeight(globalObject: GlobalObject, params: GetTextAreaHeightParams): {
     height: number;
     exceededMaxHeight: boolean;
 } | null;

package/components/Toast/Toast/Toast.js

@@ -3,16 +3,15 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _class, _Toast;
 import React from 'react';
 import { CSSTransition, TransitionGroup } from 'react-transition-group';
-import { globalObject } from '@skbkontur/global-object';
 import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { RenderContainer } from "../../../internal/RenderContainer";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { isTestEnv } from "../../../lib/currentEnvironment";
 import { rootNode } from "../../../lib/rootNode";
-import { styles } from "../Toast.styles";
+import { withRenderEnvironment } from "../../../lib/renderEnvironment";
+import { getStyles } from "../Toast.styles";
 import { ToastView } from "../ToastView";
-import { ToastStatic } from "../ToastStatic";
 
 /**
  * Состояния тоста:
@@ -21,12 +20,8 @@ import { ToastStatic } from "../ToastStatic";
  * - error стиль для отображения ошибок
  **/
 
-/** @deprecated выпилить старый подход к api push Toast-а в react-ui 6.0 */
-
 /** Объект с конфигурацией отображения Toast-а */
 
-/** TODO: Новый Api для метода push в Toast. Станет api по-умолчанию с версии 6.0. В мажоре нужно будет убрать New из названия */
-
 export var ToastDataTids = {
   toastStatic: 'StaticToast',
   toastView: 'ToastView__root',
@@ -38,26 +33,42 @@ export var ToastDataTids = {
  * `Toast` — это короткое немодальное уведомление, которое сообщает пользователю о результате выполнения его команды.
  * Результат может быть положительным, отрицательным или нейтральным.
  *
- * Доступен статический метод: `Toast.push(notification, action?, showTime?)`.
- * Однако, при его использовании не работает кастомизация и могут быть проблемы с перекрытием уведомления другими элементами страницы.
- *
- * В обозримом будущем планируем **полностью избавиться** от статического метода в компоненте `Toast`.
- *
- * В качестве альтернативы для `Toast.push` мы рекомендуем использовать компонент `SingleToast` или вызов метода push через `ref`.
- *
- * Метод `push` через ref поддерживает два api.
- *
- * 1. Устаревший с последовательной передачей аргументов: `toastRef.current.push('Hi', { label: 'Cancel', handler: () => {} }, 15000)`
- * 2. Новый с передачей объекта конфигурации: `toastRef.current.push('Hi', { action: { label: 'Cancel', handler: () => {} }, showTime: 15000 })`
- *
- * Устаревший подход с передачей аргументов последовательным образом **будет удалён** в следующей мажорной версии.
  */
-export var Toast = rootNode(_class = (_Toast = /*#__PURE__*/function (_React$Component) {
+export var Toast = withRenderEnvironment(_class = rootNode(_class = (_Toast = /*#__PURE__*/function (_React$Component) {
   function Toast(props) {
     var _this;
     _this = _React$Component.call(this, props) || this;
     _this.rootRef = /*#__PURE__*/React.createRef();
 
+    /**
+     * Показывает тост с `notification` в качестве сообщения.
+     * Тост автоматически скрывается через 3 или 7 секунд,
+     * в зависимости от наличия у него кнопки `action` внутри config-а.
+     * Время показа можно задать вручную, передав `showTime` внутри config-а.
+     *
+     * @public
+     * @param {React.ReactNode} notification
+     * @param {ToastPushConfig} config объект с конфигурацией отображения компонента Toast
+     */
+    _this.push = function (notification, config) {
+      if (_this.state.notification) {
+        _this.close();
+      }
+      safelyCall(_this.props.onPush, notification, config == null ? void 0 : config.action);
+      _this.setState(function (_ref) {
+        var _config$use;
+        var id = _ref.id;
+        return {
+          notification: notification,
+          action: config == null ? void 0 : config.action,
+          id: id + 1,
+          showTime: config == null ? void 0 : config.showTime,
+          showCloseIcon: config == null ? void 0 : config.showCloseIcon,
+          currentUse: (_config$use = config == null ? void 0 : config.use) != null ? _config$use : 'default'
+        };
+      }, _this._setTimer);
+    };
+
     /**
      * @public
      */
@@ -75,7 +86,7 @@ export var Toast = rootNode(_class = (_Toast = /*#__PURE__*/function (_React$Com
     };
     _this._clearTimer = function () {
       if (_this._timeout) {
-        globalObject.clearTimeout(_this._timeout);
+        clearTimeout(_this._timeout);
         _this._timeout = null;
       }
     };
@@ -84,7 +95,7 @@ export var Toast = rootNode(_class = (_Toast = /*#__PURE__*/function (_React$Com
       _this._clearTimer();
       var showTime = _this.state.action ? 7000 : 3000;
       showTime = (_this$state$showTime = _this.state.showTime) != null ? _this$state$showTime : showTime;
-      _this._timeout = globalObject.setTimeout(_this.close, showTime);
+      _this._timeout = setTimeout(_this.close, showTime);
     };
     _this._refToast = function (element) {
       _this._toast = element;
@@ -106,68 +117,13 @@ export var Toast = rootNode(_class = (_Toast = /*#__PURE__*/function (_React$Com
   };
   _proto.render = function render() {
     var _this2 = this;
+    this.styles = getStyles(this.emotion);
     return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
       _this2.theme = _this2.props.theme ? ThemeFactory.create(_this2.props.theme, theme) : theme;
       return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
         value: _this2.theme
       }, /*#__PURE__*/React.createElement(RenderContainer, null, /*#__PURE__*/React.createElement(TransitionGroup, null, _this2._renderToast())));
     });
-  } /**
-    * Показывает тост с `notification` в качестве сообщения.
-    * Тост автоматически скрывается через 3 или 7 секунд,
-    * в зависимости от наличия у него кнопки `action` внутри config-а.
-    * Время показа можно задать вручную, передав `showTime` внутри config-а.
-    *
-    * @public
-    * @param {React.ReactNode} notification
-    * @param {ToastPushConfig} config объект с конфигурацией отображения компонента Toast
-    *
-    * @description Сейчас есть поддержка старого api метода push с передачей аргументов последовательно, но с версии 6.0 этот функционал будет удалён.
-    * @example
-    * // Будет удален в 6.0
-    * push('notification', { label: "cat meow", handler: () => {} }, 15_000, false, "error")
-    *
-    * @example
-    * // Останется в > 6.0
-    * push('notification', { action: { label: "cat meow", handler: () => {} }, showTime: 15_000, showCloseIcon: false, use: "error" })
-    */;
-  _proto.push = function push(notification, configOrAction, showTime, showCloseIcon, use) {
-    if (this.state.notification) {
-      this.close();
-    }
-    if (isNewToastPushApi(configOrAction)) {
-      var _action = configOrAction.action,
-        _showTime = configOrAction.showTime,
-        _showCloseIcon = configOrAction.showCloseIcon,
-        _use = configOrAction.use;
-      safelyCall(this.props.onPush, notification, _action);
-      this.setState(function (_ref) {
-        var id = _ref.id;
-        return {
-          notification: notification,
-          action: _action,
-          id: id + 1,
-          showTime: _showTime,
-          showCloseIcon: _showCloseIcon,
-          currentUse: _use != null ? _use : 'default'
-        };
-      }, this._setTimer);
-    } /** @deprecated выпилить старый подход к api push Toast-а в react-ui 6.0 */
-    if (isOldToastPushApi(configOrAction) || isEmptySecondArg(configOrAction)) {
-      var _action2 = configOrAction;
-      safelyCall(this.props.onPush, notification, _action2);
-      this.setState(function (_ref2) {
-        var id = _ref2.id;
-        return {
-          notification: notification,
-          action: _action2,
-          id: id + 1,
-          showTime: showTime,
-          showCloseIcon: showCloseIcon,
-          currentUse: use != null ? use : 'default'
-        };
-      }, this._setTimer);
-    }
   };
   _proto._renderToast = function _renderToast() {
     var _this$state = this.state,
@@ -192,10 +148,10 @@ export var Toast = rootNode(_class = (_Toast = /*#__PURE__*/function (_React$Com
     return /*#__PURE__*/React.createElement(CSSTransition, {
       key: id,
       classNames: {
-        enter: styles.enter(),
-        enterActive: styles.enterActive(),
-        exit: styles.exit(),
-        exitActive: styles.exitActive()
+        enter: this.styles.enter(),
+        enterActive: this.styles.enterActive(),
+        exit: this.styles.exit(),
+        exitActive: this.styles.exitActive()
       },
       timeout: {
         enter: 200,
@@ -211,11 +167,7 @@ export var Toast = rootNode(_class = (_Toast = /*#__PURE__*/function (_React$Com
     }, toastProps))));
   };
   return Toast;
-}(React.Component), _Toast.__KONTUR_REACT_UI__ = 'Toast', _Toast.displayName = 'Toast', _Toast.push = function (notification, action, showTime, showCloseIcon) {
-  ToastStatic.push(notification, action, showTime, showCloseIcon);
-}, _Toast.close = function () {
-  ToastStatic.close();
-}, _Toast)) || _class;
+}(React.Component), _Toast.__KONTUR_REACT_UI__ = 'Toast', _Toast.displayName = 'Toast', _Toast)) || _class) || _class;
 function safelyCall(fn) {
   if (fn) {
     for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
@@ -223,13 +175,4 @@ function safelyCall(fn) {
     }
     fn.apply(void 0, args);
   }
-}
-export function isNewToastPushApi(value) {
-  return Boolean(value && typeof value === 'object' && !('label' in value));
-}
-export function isOldToastPushApi(value) {
-  return Boolean(value && typeof value === 'object' && 'label' in value);
-} /** Хелпер для случая, когда передаём только текст */
-export function isEmptySecondArg(value) {
-  return !value;
 }

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

@@ -1 +1 @@
-{"version":3,"names":["React","CSSTransition","TransitionGroup","globalObject","ThemeFactory","ThemeContext","RenderContainer","CommonWrapper","isTestEnv","rootNode","styles","ToastView","ToastStatic","ToastDataTids","toastStatic","toastView","action","close","Toast","_class","_Toast","_React$Component","props","_this","call","rootRef","createRef","safelyCall","onClose","state","notification","setState","setRootRef","element","setRootNode","current","_clearTimer","_timeout","clearTimeout","_setTimer","_this$state$showTime","showTime","setTimeout","_refToast","_toast","id","showCloseIcon","currentUse","_inheritsLoose","_proto","prototype","componentWillUnmount","render","_this2","createElement","Consumer","theme","create","Provider","value","_renderToast","push","configOrAction","use","isNewToastPushApi","onPush","_ref","isOldToastPushApi","isEmptySecondArg","_ref2","_this$state","toastProps","onMouseEnter","onMouseLeave","children","key","classNames","enter","enterActive","exit","exitActive","timeout","nodeRef","_extends","rootNodeRef","ref","Component","__KONTUR_REACT_UI__","displayName","fn","_len","arguments","length","args","Array","_key","apply","Boolean"],"sources":["Toast.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\nimport type { SafeTimer } from '@skbkontur/global-object';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { RenderContainer } from '../../internal/RenderContainer';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\n\nimport { styles } from './Toast.styles';\nimport type { ToastViewProps } from './ToastView';\nimport { ToastView } from './ToastView';\nimport { ToastStatic } from './ToastStatic';\n\nexport interface Action {\n  label: string;\n  handler: () => void;\n  'aria-label'?: string;\n}\n\n/**\n * Состояния тоста:\n *\n * - default стиль для отображения по-умолчанию\n * - error стиль для отображения ошибок\n **/\nexport type ToastUse = 'default' | 'error';\n\nexport interface ToastState {\n  notification: Nullable<React.ReactNode>;\n  action: Nullable<Action>;\n  id: number;\n  showTime: Nullable<number>;\n  showCloseIcon?: boolean;\n  currentUse: ToastUse;\n}\n\nexport interface ToastProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps {\n  /** Задает функцию, которая вызывается при возникновении тоста. */\n  onPush?: (notification: string, action?: Action) => void;\n\n  /** Задает функцию, которая вызывается при закрытии тоста. */\n  onClose?: (notification: string, action?: Action) => void;\n\n  /** Задает объект с переменными темы. Он будет объединён с темой из контекста. */\n  theme?: ThemeIn;\n}\n\n/** @deprecated выпилить старый подход к api push Toast-а в react-ui 6.0 */\nexport type ToastPush = (\n  notification: React.ReactNode,\n  action?: Nullable<Action>,\n  showTime?: number,\n  showCloseIcon?: boolean,\n) => void;\n\n/** Объект с конфигурацией отображения Toast-а */\nexport interface ToastPushConfig {\n  action?: Nullable<Action>;\n  showTime?: number;\n  showCloseIcon?: boolean;\n  /**\n   * Определяет стили для тоста.\n   *\n   * - default стиль для отображения по-умолчанию\n   * - error стиль для отображения ошибок\n   *\n   * По-умолчанию будет использован стиль default.\n   **/\n  use?: ToastUse;\n}\n\n/** TODO: Новый Api для метода push в Toast. Станет api по-умолчанию с версии 6.0. В мажоре нужно будет убрать New из названия */\nexport type ToastNewPushApi = (notification: React.ReactNode, config: ToastPushConfig) => void;\n\nexport type ToastClose = () => void;\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 * `Toast` — это короткое немодальное уведомление, которое сообщает пользователю о результате выполнения его команды.\n * Результат может быть положительным, отрицательным или нейтральным.\n *\n * Доступен статический метод: `Toast.push(notification, action?, showTime?)`.\n * Однако, при его использовании не работает кастомизация и могут быть проблемы с перекрытием уведомления другими элементами страницы.\n *\n * В обозримом будущем планируем **полностью избавиться** от статического метода в компоненте `Toast`.\n *\n * В качестве альтернативы для `Toast.push` мы рекомендуем использовать компонент `SingleToast` или вызов метода push через `ref`.\n *\n * Метод `push` через ref поддерживает два api.\n *\n * 1. Устаревший с последовательной передачей аргументов: `toastRef.current.push('Hi', { label: 'Cancel', handler: () => {} }, 15000)`\n * 2. Новый с передачей объекта конфигурации: `toastRef.current.push('Hi', { action: { label: 'Cancel', handler: () => {} }, showTime: 15000 })`\n *\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  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private theme!: Theme;\n\n  /** @deprecated use `push` method in ref or `SingleToast.push` */\n  public static push: ToastPush = (\n    notification: React.ReactNode,\n    action?: Nullable<Action>,\n    showTime?: number,\n    showCloseIcon?: boolean,\n  ) => {\n    ToastStatic.push(notification, action, showTime, showCloseIcon);\n  };\n\n  /** @deprecated use `close` method in ref or `SingleToast.close` */\n  public static close: ToastClose = () => {\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      showCloseIcon: false,\n      currentUse: 'default',\n    };\n  }\n\n  public componentWillUnmount() {\n    this._clearTimer();\n  }\n\n  public render() {\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\n  /**\n   * Показывает тост с `notification` в качестве сообщения.\n   * Тост автоматически скрывается через 3 или 7 секунд,\n   * в зависимости от наличия у него кнопки `action` внутри config-а.\n   * Время показа можно задать вручную, передав `showTime` внутри config-а.\n   *\n   * @public\n   * @param {React.ReactNode} notification\n   * @param {ToastPushConfig} config объект с конфигурацией отображения компонента Toast\n   *\n   * @description Сейчас есть поддержка старого api метода push с передачей аргументов последовательно, но с версии 6.0 этот функционал будет удалён.\n   * @example\n   * // Будет удален в 6.0\n   * push('notification', { label: \"cat meow\", handler: () => {} }, 15_000, false, \"error\")\n   *\n   * @example\n   * // Останется в > 6.0\n   * push('notification', { action: { label: \"cat meow\", handler: () => {} }, showTime: 15_000, showCloseIcon: false, use: \"error\" })\n   */\n  public push(\n    notification: React.ReactNode,\n    configOrAction?: ToastPushConfig | Nullable<Action>,\n    showTime?: number,\n    showCloseIcon?: boolean,\n    use?: ToastUse,\n  ) {\n    if (this.state.notification) {\n      this.close();\n    }\n\n    if (isNewToastPushApi(configOrAction)) {\n      const { action, showTime, showCloseIcon, use } = configOrAction;\n\n      safelyCall(this.props.onPush, notification, action);\n\n      this.setState(\n        ({ id }) => ({\n          notification,\n          action,\n          id: id + 1,\n          showTime,\n          showCloseIcon,\n          currentUse: use ?? 'default',\n        }),\n        this._setTimer,\n      );\n    }\n\n    /** @deprecated выпилить старый подход к api push Toast-а в react-ui 6.0 */\n    if (isOldToastPushApi(configOrAction) || isEmptySecondArg(configOrAction)) {\n      const action = configOrAction;\n      safelyCall(this.props.onPush, notification, action);\n\n      this.setState(\n        ({ id }) => ({\n          notification,\n          action,\n          id: id + 1,\n          showTime,\n          showCloseIcon,\n          currentUse: use ?? 'default',\n        }),\n        this._setTimer,\n      );\n    }\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, showCloseIcon, currentUse } = 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      showCloseIcon,\n      use: currentUse,\n    };\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\nexport function isNewToastPushApi(value: unknown): value is ToastPushConfig {\n  return Boolean(value && typeof value === 'object' && !('label' in value));\n}\n\nexport function isOldToastPushApi(value: unknown): value is Action {\n  return Boolean(value && typeof value === 'object' && 'label' in value);\n}\n\n/** Хелпер для случая, когда передаём только текст */\nexport function isEmptySecondArg(value: unknown): value is null | undefined {\n  return !value;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","CSSTransition","TransitionGroup","ThemeFactory","ThemeContext","RenderContainer","CommonWrapper","isTestEnv","rootNode","withRenderEnvironment","getStyles","ToastView","ToastDataTids","toastStatic","toastView","action","close","Toast","_class","_Toast","_React$Component","props","_this","call","rootRef","createRef","push","notification","config","state","safelyCall","onPush","setState","_ref","_config$use","id","showTime","showCloseIcon","currentUse","use","_setTimer","onClose","setRootRef","element","setRootNode","current","_clearTimer","_timeout","clearTimeout","_this$state$showTime","setTimeout","_refToast","_toast","_inheritsLoose","_proto","prototype","componentWillUnmount","render","_this2","styles","emotion","createElement","Consumer","theme","create","Provider","value","_renderToast","_this$state","toastProps","onMouseEnter","onMouseLeave","children","key","classNames","enter","enterActive","exit","exitActive","timeout","nodeRef","_extends","rootNodeRef","ref","Component","__KONTUR_REACT_UI__","displayName","fn","_len","arguments","length","args","Array","_key","apply"],"sources":["Toast.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport type { SafeTimer } from '../../lib/globalObject';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { RenderContainer } from '../../internal/RenderContainer';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { getStyles } from './Toast.styles';\nimport type { ToastViewProps } from './ToastView';\nimport { ToastView } from './ToastView';\n\nexport interface Action {\n  label: string;\n  handler: () => void;\n  'aria-label'?: string;\n}\n\n/**\n * Состояния тоста:\n *\n * - default стиль для отображения по-умолчанию\n * - error стиль для отображения ошибок\n **/\nexport type ToastUse = 'default' | 'error';\n\nexport interface ToastState {\n  notification: Nullable<React.ReactNode>;\n  action: Nullable<Action>;\n  id: number;\n  showTime: Nullable<number>;\n  showCloseIcon?: boolean;\n  currentUse: ToastUse;\n}\n\nexport interface ToastProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps {\n  /** Задает функцию, которая вызывается при возникновении тоста. */\n  onPush?: (notification: string, action?: Action) => void;\n\n  /** Задает функцию, которая вызывается при закрытии тоста. */\n  onClose?: (notification: string, action?: Action) => void;\n\n  /** Задает объект с переменными темы. Он будет объединён с темой из контекста. */\n  theme?: ThemeIn;\n}\n\n/** Объект с конфигурацией отображения Toast-а */\nexport interface ToastPushConfig {\n  action?: Nullable<Action>;\n  showTime?: number;\n  showCloseIcon?: boolean;\n  /**\n   * Определяет стили для тоста.\n   *\n   * - default стиль для отображения по-умолчанию\n   * - error стиль для отображения ошибок\n   *\n   * По-умолчанию будет использован стиль default.\n   **/\n  use?: ToastUse;\n}\n\nexport type ToastPushApi = (notification: React.ReactNode, config?: ToastPushConfig) => void;\n\nexport type ToastClose = () => void;\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 * `Toast` — это короткое немодальное уведомление, которое сообщает пользователю о результате выполнения его команды.\n * Результат может быть положительным, отрицательным или нейтральным.\n *\n */\n@withRenderEnvironment\n@rootNode\nexport class Toast extends React.Component<ToastProps, ToastState> {\n  public static __KONTUR_REACT_UI__ = 'Toast';\n  public static displayName = 'Toast';\n\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private styles!: ReturnType<typeof getStyles>;\n  private emotion!: Emotion;\n  private theme!: Theme;\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      showCloseIcon: false,\n      currentUse: 'default',\n    };\n  }\n\n  public componentWillUnmount() {\n    this._clearTimer();\n  }\n\n  public render(): React.JSX.Element {\n    this.styles = getStyles(this.emotion);\n\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\n  /**\n   * Показывает тост с `notification` в качестве сообщения.\n   * Тост автоматически скрывается через 3 или 7 секунд,\n   * в зависимости от наличия у него кнопки `action` внутри config-а.\n   * Время показа можно задать вручную, передав `showTime` внутри config-а.\n   *\n   * @public\n   * @param {React.ReactNode} notification\n   * @param {ToastPushConfig} config объект с конфигурацией отображения компонента Toast\n   */\n  public push: ToastPushApi = (notification: React.ReactNode, config?: ToastPushConfig) => {\n    if (this.state.notification) {\n      this.close();\n    }\n\n    safelyCall(this.props.onPush, notification, config?.action);\n\n    this.setState(\n      ({ id }) => ({\n        notification,\n        action: config?.action,\n        id: id + 1,\n        showTime: config?.showTime,\n        showCloseIcon: config?.showCloseIcon,\n        currentUse: config?.use ?? 'default',\n      }),\n      this._setTimer,\n    );\n  };\n\n  /**\n   * @public\n   */\n  public close = (): void => {\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, showCloseIcon, currentUse } = 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      showCloseIcon,\n      use: currentUse,\n    };\n\n    return (\n      <CSSTransition\n        key={id}\n        classNames={{\n          enter: this.styles.enter(),\n          enterActive: this.styles.enterActive(),\n          exit: this.styles.exit(),\n          exitActive: this.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      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 = 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"],"mappings":"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","ignoreList":[]}

package/components/Toast/Toast.d.ts

@@ -33,8 +33,6 @@ export interface ToastProps extends Pick<AriaAttributes, 'aria-label'>, CommonPr
     /** Задает объект с переменными темы. Он будет объединён с темой из контекста. */
     theme?: ThemeIn;
 }
-/** @deprecated выпилить старый подход к api push Toast-а в react-ui 6.0 */
-export type ToastPush = (notification: React.ReactNode, action?: Nullable<Action>, showTime?: number, showCloseIcon?: boolean) => void;
 /** Объект с конфигурацией отображения Toast-а */
 export interface ToastPushConfig {
     action?: Nullable<Action>;
@@ -50,8 +48,7 @@ export interface ToastPushConfig {
      **/
     use?: ToastUse;
 }
-/** TODO: Новый Api для метода push в Toast. Станет api по-умолчанию с версии 6.0. В мажоре нужно будет убрать New из названия */
-export type ToastNewPushApi = (notification: React.ReactNode, config: ToastPushConfig) => void;
+export type ToastPushApi = (notification: React.ReactNode, config?: ToastPushConfig) => void;
 export type ToastClose = () => void;
 export declare const ToastDataTids: {
     readonly toastStatic: "StaticToast";
@@ -63,30 +60,15 @@ export declare const ToastDataTids: {
  * `Toast` — это короткое немодальное уведомление, которое сообщает пользователю о результате выполнения его команды.
  * Результат может быть положительным, отрицательным или нейтральным.
  *
- * Доступен статический метод: `Toast.push(notification, action?, showTime?)`.
- * Однако, при его использовании не работает кастомизация и могут быть проблемы с перекрытием уведомления другими элементами страницы.
- *
- * В обозримом будущем планируем **полностью избавиться** от статического метода в компоненте `Toast`.
- *
- * В качестве альтернативы для `Toast.push` мы рекомендуем использовать компонент `SingleToast` или вызов метода push через `ref`.
- *
- * Метод `push` через ref поддерживает два api.
- *
- * 1. Устаревший с последовательной передачей аргументов: `toastRef.current.push('Hi', { label: 'Cancel', handler: () => {} }, 15000)`
- * 2. Новый с передачей объекта конфигурации: `toastRef.current.push('Hi', { action: { label: 'Cancel', handler: () => {} }, showTime: 15000 })`
- *
- * Устаревший подход с передачей аргументов последовательным образом **будет удалён** в следующей мажорной версии.
  */
 export declare class Toast extends React.Component<ToastProps, ToastState> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
     getRootNode: TGetRootNode;
     private setRootNode;
+    private styles;
+    private emotion;
     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;
@@ -102,17 +84,8 @@ export declare class Toast extends React.Component<ToastProps, ToastState> {
      * @public
      * @param {React.ReactNode} notification
      * @param {ToastPushConfig} config объект с конфигурацией отображения компонента Toast
-     *
-     * @description Сейчас есть поддержка старого api метода push с передачей аргументов последовательно, но с версии 6.0 этот функционал будет удалён.
-     * @example
-     * // Будет удален в 6.0
-     * push('notification', { label: "cat meow", handler: () => {} }, 15_000, false, "error")
-     *
-     * @example
-     * // Останется в > 6.0
-     * push('notification', { action: { label: "cat meow", handler: () => {} }, showTime: 15_000, showCloseIcon: false, use: "error" })
      */
-    push(notification: React.ReactNode, configOrAction?: ToastPushConfig | Nullable<Action>, showTime?: number, showCloseIcon?: boolean, use?: ToastUse): void;
+    push: ToastPushApi;
     /**
      * @public
      */
@@ -123,7 +96,3 @@ export declare class Toast extends React.Component<ToastProps, ToastState> {
     private _setTimer;
     private _refToast;
 }
-export declare function isNewToastPushApi(value: unknown): value is ToastPushConfig;
-export declare function isOldToastPushApi(value: unknown): value is Action;
-/** Хелпер для случая, когда передаём только текст */
-export declare function isEmptySecondArg(value: unknown): value is null | undefined;

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

@@ -1,17 +1,20 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-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    "])));
-  }
+import { memoizeGetStyles } from "../../../lib/theming/Emotion";
+export var getStyles = memoizeGetStyles(function (_ref) {
+  var css = _ref.css;
+  return {
+    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":["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":[]}
+{"version":3,"names":["memoizeGetStyles","getStyles","_ref","css","enter","_templateObject","_taggedTemplateLiteralLoose","enterActive","_templateObject2","exit","_templateObject3","exitActive","_templateObject4"],"sources":["Toast.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\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":";;AAEA,SAASA,gBAAgB,QAAQ,2BAA2B;;AAE5D,OAAO,IAAMC,SAAS,GAAGD,gBAAgB,CAAC,UAAAE,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,KAAK,WAAAA,MAAA,EAAG;MACN,OAAOD,GAAG,CAAAE,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;IAGZ,CAAC;IACDC,WAAW,WAAAA,YAAA,EAAG;MACZ,OAAOJ,GAAG,CAAAK,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;IAIZ,CAAC;IACDG,IAAI,WAAAA,KAAA,EAAG;MACL,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;;IAIZ,CAAC;IACDK,UAAU,WAAAA,WAAA,EAAG;MACX,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;;IAIZ;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

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

@@ -1,6 +1,6 @@
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     enter(): string;
     enterActive(): string;
     exit(): string;
     exitActive(): string;
-};
+}>;

package/components/Toast/ToastView/ToastView.js

@@ -7,11 +7,11 @@ import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { rootNode } from "../../../lib/rootNode";
 import { CloseButtonIcon } from "../../../internal/CloseButtonIcon/CloseButtonIcon";
-import { cx } from "../../../lib/theming/Emotion";
-import { styles } from "../ToastView.styles";
+import { withRenderEnvironment } from "../../../lib/renderEnvironment";
+import { getStyles } from "../ToastView.styles";
 import { ToastDataTids } from "../Toast";
 import { ToastLocaleHelper } from "../locale";
-export var ToastView = (_dec = locale('Toast', ToastLocaleHelper), rootNode(_class = _dec(_class = /*#__PURE__*/function (_React$Component) {
+export var ToastView = (_dec = locale('Toast', ToastLocaleHelper), withRenderEnvironment(_class = 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++) {
@@ -33,8 +33,8 @@ export var ToastView = (_dec = locale('Toast', ToastLocaleHelper), rootNode(_cla
         hover: _this.theme.toastCloseHoverColor,
         "default": _this.theme.toastCloseColor
       };
-      var toastActionColorsClassName = use === 'error' ? styles.toastActionErrorColor(_this.theme) : styles.toastActionDefaultColor(_this.theme);
-      var toastActionClassNames = cx(styles.link(_this.theme), toastActionColorsClassName);
+      var toastActionColorsClassName = use === 'error' ? _this.styles.toastActionErrorColor(_this.theme) : _this.styles.toastActionDefaultColor(_this.theme);
+      var toastActionClassNames = _this.cx(_this.styles.link(_this.theme), toastActionColorsClassName);
       var link = action ? /*#__PURE__*/
       React.createElement("button", {
         "aria-label": action['aria-label'],
@@ -44,7 +44,7 @@ export var ToastView = (_dec = locale('Toast', ToastLocaleHelper), rootNode(_cla
       }, action.label) : null;
       var close = action || showCloseIcon ? /*#__PURE__*/
       React.createElement("span", {
-        className: styles.closeWrapper(_this.theme)
+        className: _this.styles.closeWrapper(_this.theme)
       }, /*#__PURE__*/
       React.createElement(CloseButtonIcon, {
         "aria-label": _this.locale.closeButtonAriaLabel,
@@ -56,12 +56,12 @@ export var ToastView = (_dec = locale('Toast', ToastLocaleHelper), rootNode(_cla
         colorHover: toastCloseColors.hover,
         tabbable: false
       })) : null;
-      var rootClassName = cx(styles.root(_this.theme), styles[use != null ? use : 'default'](_this.theme));
+      var rootClassName = _this.cx(_this.styles.root(_this.theme), _this.styles[use != null ? use : 'default'](_this.theme));
       return /*#__PURE__*/(
         React.createElement(CommonWrapper, _this.props, /*#__PURE__*/
         React.createElement(ZIndex, {
           priority: "Toast",
-          className: styles.wrapper(_this.theme)
+          className: _this.styles.wrapper(_this.theme)
         }, /*#__PURE__*/
         React.createElement("div", {
           "data-tid": ToastDataTids.toastView,
@@ -80,10 +80,11 @@ export var ToastView = (_dec = locale('Toast', ToastLocaleHelper), rootNode(_cla
   var _proto = ToastView.prototype;
   _proto.render = function render() {
     var _this2 = this;
+    this.styles = getStyles(this.emotion);
     return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
       _this2.theme = theme;
       return _this2.renderMain();
     });
   };
   return ToastView;
-}(React.Component)) || _class) || _class);
+}(React.Component)) || _class) || _class) || _class);