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

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_Textarea","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","_templateObject21","_templateObject22","styles","exports","memoizeStyle","root","css","_taggedTemplateLiteralLoose2","default","rootSmall","t","rootTextareaSizeMixin","textareaFontSizeSmall","textareaLineHeightSmall","rootMedium","textareaFontSizeMedium","textareaLineHeightMedium","rootLarge","textareaFontSizeLarge","textareaLineHeightLarge","textarea","textareaMargin","textareaBg","textareaBackgroundClip","textareaBorderWidth","textareaBorderColor","textareaBorderTopColor","textareaShadow","textareaColor","textareaWidth","transitionDuration","transitionTimingFunction","textareaVerticalAlign","textareaBorderRadius","textareaBorderColorFocus","textareaOutlineWidth","textareaPlaceholderColorLight","textareaPlaceholderColor","textareaSmall","textareaSizeMixin","textareaPaddingYSmall","textareaPaddingXSmall","textareaMinHeightSmall","textareaMedium","textareaPaddingYMedium","textareaPaddingXMedium","textareaMinHeightMedium","textareaLarge","textareaPaddingYLarge","textareaPaddingXLarge","textareaMinHeightLarge","hovering","textareaBorderColorHover","error","textareaBorderColorError","warning","textareaBorderColorWarning","disabled","textareaTextColorDisabled","textareaDisabledBg","textareaDisabledBorderColor","textareaPlaceholderColorDisabled","fake","placeholder","counterContainer","counter","textareaCounterBg","textareaCounterColor","counterSmall","counterSizeMixin","counterMedium","counterLarge","counterError","textareaCounterErrorColor","counterHelp","disableAnimations"],"sources":["Textarea.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport { counterSizeMixin, rootTextareaSizeMixin, textareaSizeMixin } from './Textarea.mixins';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      display: inline-block;\n      position: relative;\n    `;\n  },\n  rootSmall(t: Theme) {\n    return css`\n      ${rootTextareaSizeMixin(t.textareaFontSizeSmall, t.textareaLineHeightSmall)};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${rootTextareaSizeMixin(t.textareaFontSizeMedium, t.textareaLineHeightMedium)};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${rootTextareaSizeMixin(t.textareaFontSizeLarge, t.textareaLineHeightLarge)};\n    `;\n  },\n\n  textarea(t: Theme) {\n    return css`\n      margin: ${t.textareaMargin};\n      -webkit-appearance: none;\n      background: ${t.textareaBg};\n      background-clip: ${t.textareaBackgroundClip};\n      border: ${t.textareaBorderWidth} solid ${t.textareaBorderColor};\n      border-top-color: ${t.textareaBorderTopColor};\n      box-shadow: ${t.textareaShadow};\n      box-sizing: border-box;\n      color: ${t.textareaColor};\n      font-family: inherit;\n      font-size: inherit;\n      line-height: inherit;\n      max-width: 100%;\n      min-width: ${t.textareaWidth};\n      outline: none;\n      transition:\n        border-color ${t.transitionDuration} ${t.transitionTimingFunction},\n        height 0.2s ease-out;\n      vertical-align: ${t.textareaVerticalAlign};\n      width: 100%;\n      border-radius: ${t.textareaBorderRadius};\n      white-space: pre-wrap;\n\n      &:focus {\n        border-color: ${t.textareaBorderColorFocus};\n        box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorFocus};\n        position: relative;\n        z-index: 2;\n\n        &::placeholder {\n          color: ${t.textareaPlaceholderColorLight};\n        }\n      }\n\n      &::placeholder {\n        color: ${t.textareaPlaceholderColor};\n      }\n\n      &:-moz-placeholder {\n        color: ${t.textareaPlaceholderColor};\n      }\n\n      &::-moz-placeholder {\n        color: ${t.textareaPlaceholderColor};\n      }\n    `;\n  },\n  textareaSmall(t: Theme) {\n    return css`\n      ${textareaSizeMixin(t.textareaPaddingYSmall, t.textareaPaddingXSmall, t.textareaMinHeightSmall)};\n    `;\n  },\n  textareaMedium(t: Theme) {\n    return css`\n      ${textareaSizeMixin(t.textareaPaddingYMedium, t.textareaPaddingXMedium, t.textareaMinHeightMedium)};\n    `;\n  },\n  textareaLarge(t: Theme) {\n    return css`\n      ${textareaSizeMixin(t.textareaPaddingYLarge, t.textareaPaddingXLarge, t.textareaMinHeightLarge)};\n    `;\n  },\n\n  hovering(t: Theme) {\n    return css`\n      &:enabled:hover:not(:focus) {\n        border-color: ${t.textareaBorderColorHover};\n      }\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      border-color: ${t.textareaBorderColorError};\n      box-shadow: 0 0 0 ${t.textareaBorderWidth} ${t.textareaBorderColorError};\n\n      &:focus {\n        border-color: ${t.textareaBorderColorError};\n        box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorError};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      border-color: ${t.textareaBorderColorWarning};\n      box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorWarning};\n\n      &:focus {\n        border-color: ${t.textareaBorderColorWarning};\n        box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorWarning};\n      }\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      color: ${t.textareaTextColorDisabled};\n      background: ${t.textareaDisabledBg};\n      border-color: ${t.textareaDisabledBorderColor};\n      box-shadow: none;\n\n      &::placeholder {\n        color: ${t.textareaPlaceholderColorDisabled};\n      }\n    `;\n  },\n\n  fake() {\n    return css`\n      height: 0;\n      left: 0;\n      position: absolute;\n      top: 0;\n      visibility: hidden;\n      width: 100%;\n    `;\n  },\n\n  placeholder() {\n    return css`\n      -ms-user-select: none;\n      color: #aaa;\n      left: 12px;\n      overflow: hidden;\n      position: absolute;\n      right: 12px;\n      top: 9px;\n      user-select: none;\n      z-index: 3;\n    `;\n  },\n\n  counterContainer(t: Theme) {\n    return css`\n      position: absolute;\n      top: 0;\n      border: ${t.textareaBorderWidth} solid transparent;\n      box-sizing: content-box;\n    `;\n  },\n\n  counter(t: Theme) {\n    return css`\n      position: absolute;\n      z-index: 3;\n      text-align: right;\n      background: ${t.textareaCounterBg};\n      color: ${t.textareaCounterColor};\n      border-radius: 2px;\n    `;\n  },\n  counterSmall(t: Theme) {\n    return css`\n      ${counterSizeMixin(t.textareaPaddingYSmall, t.textareaPaddingXSmall)};\n    `;\n  },\n  counterMedium(t: Theme) {\n    return css`\n      ${counterSizeMixin(t.textareaPaddingYMedium, t.textareaPaddingXMedium)};\n    `;\n  },\n  counterLarge(t: Theme) {\n    return css`\n      ${counterSizeMixin(t.textareaPaddingYLarge, t.textareaPaddingXLarge)};\n    `;\n  },\n\n  counterError(t: Theme) {\n    return css`\n      color: ${t.textareaCounterErrorColor};\n    `;\n  },\n\n  counterHelp() {\n    return css`\n      margin-left: 4px;\n      cursor: pointer;\n    `;\n  },\n\n  disableAnimations() {\n    return css`\n      transition: none;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_Textarea","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","_templateObject21","_templateObject22","getStyles","exports","memoizeGetStyles","_ref","css","root","_taggedTemplateLiteralLoose2","default","rootSmall","t","rootTextareaSizeMixin","textareaFontSizeSmall","textareaLineHeightSmall","rootMedium","textareaFontSizeMedium","textareaLineHeightMedium","rootLarge","textareaFontSizeLarge","textareaLineHeightLarge","textarea","textareaMargin","textareaBg","textareaBackgroundClip","textareaBorderWidth","textareaBorderColor","textareaBorderTopColor","textareaShadow","textareaColor","textareaWidth","transitionDuration","transitionTimingFunction","textareaVerticalAlign","textareaBorderRadius","textareaBorderColorFocus","textareaOutlineWidth","textareaPlaceholderColorLight","textareaPlaceholderColor","textareaSmall","textareaSizeMixin","textareaPaddingYSmall","textareaPaddingXSmall","textareaMinHeightSmall","textareaMedium","textareaPaddingYMedium","textareaPaddingXMedium","textareaMinHeightMedium","textareaLarge","textareaPaddingYLarge","textareaPaddingXLarge","textareaMinHeightLarge","hovering","textareaBorderColorHover","error","textareaBorderColorError","warning","textareaBorderColorWarning","disabled","textareaTextColorDisabled","textareaDisabledBg","textareaDisabledBorderColor","textareaPlaceholderColorDisabled","fake","placeholder","counterContainer","counter","textareaCounterBg","textareaCounterColor","counterSmall","counterSizeMixin","counterMedium","counterLarge","counterError","textareaCounterErrorColor","counterHelp","disableAnimations"],"sources":["Textarea.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport { counterSizeMixin, rootTextareaSizeMixin, textareaSizeMixin } from './Textarea.mixins';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root() {\n    return css`\n      display: inline-block;\n      position: relative;\n    `;\n  },\n  rootSmall(t: Theme) {\n    return css`\n      ${rootTextareaSizeMixin(t.textareaFontSizeSmall, t.textareaLineHeightSmall)};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${rootTextareaSizeMixin(t.textareaFontSizeMedium, t.textareaLineHeightMedium)};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${rootTextareaSizeMixin(t.textareaFontSizeLarge, t.textareaLineHeightLarge)};\n    `;\n  },\n\n  textarea(t: Theme) {\n    return css`\n      margin: ${t.textareaMargin};\n      -webkit-appearance: none;\n      background: ${t.textareaBg};\n      background-clip: ${t.textareaBackgroundClip};\n      border: ${t.textareaBorderWidth} solid ${t.textareaBorderColor};\n      border-top-color: ${t.textareaBorderTopColor};\n      box-shadow: ${t.textareaShadow};\n      box-sizing: border-box;\n      color: ${t.textareaColor};\n      font-family: inherit;\n      font-size: inherit;\n      line-height: inherit;\n      max-width: 100%;\n      min-width: ${t.textareaWidth};\n      outline: none;\n      transition:\n        border-color ${t.transitionDuration} ${t.transitionTimingFunction},\n        height 0.2s ease-out;\n      vertical-align: ${t.textareaVerticalAlign};\n      width: 100%;\n      border-radius: ${t.textareaBorderRadius};\n      white-space: pre-wrap;\n\n      &:focus {\n        border-color: ${t.textareaBorderColorFocus};\n        box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorFocus};\n        position: relative;\n        z-index: 2;\n\n        &::placeholder {\n          color: ${t.textareaPlaceholderColorLight};\n        }\n      }\n\n      &::placeholder {\n        color: ${t.textareaPlaceholderColor};\n      }\n\n      &:-moz-placeholder {\n        color: ${t.textareaPlaceholderColor};\n      }\n\n      &::-moz-placeholder {\n        color: ${t.textareaPlaceholderColor};\n      }\n    `;\n  },\n  textareaSmall(t: Theme) {\n    return css`\n      ${textareaSizeMixin(t.textareaPaddingYSmall, t.textareaPaddingXSmall, t.textareaMinHeightSmall)};\n    `;\n  },\n  textareaMedium(t: Theme) {\n    return css`\n      ${textareaSizeMixin(t.textareaPaddingYMedium, t.textareaPaddingXMedium, t.textareaMinHeightMedium)};\n    `;\n  },\n  textareaLarge(t: Theme) {\n    return css`\n      ${textareaSizeMixin(t.textareaPaddingYLarge, t.textareaPaddingXLarge, t.textareaMinHeightLarge)};\n    `;\n  },\n\n  hovering(t: Theme) {\n    return css`\n      &:enabled:hover:not(:focus) {\n        border-color: ${t.textareaBorderColorHover};\n      }\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      border-color: ${t.textareaBorderColorError};\n      box-shadow: 0 0 0 ${t.textareaBorderWidth} ${t.textareaBorderColorError};\n\n      &:focus {\n        border-color: ${t.textareaBorderColorError};\n        box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorError};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      border-color: ${t.textareaBorderColorWarning};\n      box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorWarning};\n\n      &:focus {\n        border-color: ${t.textareaBorderColorWarning};\n        box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorWarning};\n      }\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      color: ${t.textareaTextColorDisabled};\n      background: ${t.textareaDisabledBg};\n      border-color: ${t.textareaDisabledBorderColor};\n      box-shadow: none;\n\n      &::placeholder {\n        color: ${t.textareaPlaceholderColorDisabled};\n      }\n    `;\n  },\n\n  fake() {\n    return css`\n      height: 0;\n      left: 0;\n      position: absolute;\n      top: 0;\n      visibility: hidden;\n      width: 100%;\n    `;\n  },\n\n  placeholder() {\n    return css`\n      -ms-user-select: none;\n      color: #aaa;\n      left: 12px;\n      overflow: hidden;\n      position: absolute;\n      right: 12px;\n      top: 9px;\n      user-select: none;\n      z-index: 3;\n    `;\n  },\n\n  counterContainer(t: Theme) {\n    return css`\n      position: absolute;\n      top: 0;\n      border: ${t.textareaBorderWidth} solid transparent;\n      box-sizing: content-box;\n    `;\n  },\n\n  counter(t: Theme) {\n    return css`\n      position: absolute;\n      z-index: 3;\n      text-align: right;\n      background: ${t.textareaCounterBg};\n      color: ${t.textareaCounterColor};\n      border-radius: 2px;\n    `;\n  },\n  counterSmall(t: Theme) {\n    return css`\n      ${counterSizeMixin(t.textareaPaddingYSmall, t.textareaPaddingXSmall)};\n    `;\n  },\n  counterMedium(t: Theme) {\n    return css`\n      ${counterSizeMixin(t.textareaPaddingYMedium, t.textareaPaddingXMedium)};\n    `;\n  },\n  counterLarge(t: Theme) {\n    return css`\n      ${counterSizeMixin(t.textareaPaddingYLarge, t.textareaPaddingXLarge)};\n    `;\n  },\n\n  counterError(t: Theme) {\n    return css`\n      color: ${t.textareaCounterErrorColor};\n    `;\n  },\n\n  counterHelp() {\n    return css`\n      margin-left: 4px;\n      cursor: pointer;\n    `;\n  },\n\n  disableAnimations() {\n    return css`\n      transition: none;\n    `;\n  },\n}));\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Textarea/TextareaCounter.js

@@ -1,11 +1,11 @@
 "use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.TextareaCounter = void 0;
 var _react = _interopRequireWildcard(require("react"));
 
+var _renderEnvironment = require("../../lib/renderEnvironment");
 var _forwardRefAndName = require("../../lib/forwardRefAndName");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _utils = require("../../lib/utils");
 var _Tooltip = require("../Tooltip");
-var _Emotion = require("../../lib/theming/Emotion");
 var _QuestionCircleIcon16Solid = require("../../internal/icons2022/QuestionCircleIcon/QuestionCircleIcon16Solid");
 
 
@@ -32,6 +32,8 @@ var TextareaCounter = exports.TextareaCounter = (0, _forwardRefAndName.forwardRe
   'TextareaCounter',
   function (_ref, ref) {var _cx;var length = _ref.length,value = _ref.value,help = _ref.help,onCloseHelp = _ref.onCloseHelp,textarea = _ref.textarea,size = _ref.size;
     var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+    var _useEmotion = (0, _renderEnvironment.useEmotion)(),cx = _useEmotion.cx;
+    var styles = (0, _renderEnvironment.useStyles)(_Textarea2.getStyles);
     var _useState = (0, _react.useState)(textarea.clientWidth),width = _useState[0],setWidth = _useState[1];
     var _useState2 = (0, _react.useState)(textarea.clientHeight),height = _useState2[0],setHeight = _useState2[1];
     var reflow = (0, _react.useCallback)(function () {
@@ -66,24 +68,24 @@ var TextareaCounter = exports.TextareaCounter = (0, _forwardRefAndName.forwardRe
     var getCounterSizeClassName = function getCounterSizeClassName() {
       switch (size) {
         case 'large':
-          return _Textarea2.styles.counterLarge(theme);
+          return styles.counterLarge(theme);
         case 'medium':
-          return _Textarea2.styles.counterMedium(theme);
+          return styles.counterMedium(theme);
         case 'small':
         default:
-          return _Textarea2.styles.counterSmall(theme);
+          return styles.counterSmall(theme);
       }
     };
 
     return /*#__PURE__*/(
-      _react.default.createElement("div", { "data-tid": _Textarea.TextareaDataTids.counter, className: (0, _Emotion.cx)(_Textarea2.styles.counterContainer(theme)), style: { width: width, height: height } }, /*#__PURE__*/
+      _react.default.createElement("div", { "data-tid": _Textarea.TextareaDataTids.counter, className: cx(styles.counterContainer(theme)), style: { width: width, height: height } }, /*#__PURE__*/
       _react.default.createElement("span", {
-        className: (0, _Emotion.cx)(getCounterSizeClassName(), _Textarea2.styles.counter(theme), (_cx = {}, _cx[
-        _Textarea2.styles.counterError(theme)] = counterValue < 0, _cx)
+        className: cx(getCounterSizeClassName(), styles.counter(theme), (_cx = {}, _cx[
+        styles.counterError(theme)] = counterValue < 0, _cx)
         ) },
 
       counterValue,
-      help && /*#__PURE__*/_react.default.createElement("span", { className: _Textarea2.styles.counterHelp() }, counterHelp)
+      help && /*#__PURE__*/_react.default.createElement("span", { className: styles.counterHelp() }, counterHelp)
       )
       ));
 

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_forwardRefAndName","_ThemeContext","_utils","_Tooltip","_Emotion","_QuestionCircleIcon16Solid","_Textarea","_Textarea2","handleHelpMouseDown","e","preventDefault","TextareaCounter","exports","forwardRefAndName","_ref","ref","_cx","length","value","help","onCloseHelp","textarea","size","theme","useContext","ThemeContext","_useState","useState","clientWidth","width","setWidth","_useState2","clientHeight","height","setHeight","reflow","useCallback","useImperativeHandle","renderTooltipContent","textareaValue","toString","counterValue","helpIconProps","onMouseDown","color","textareaCounterHelpIconColor","TextareaDataTids","helpIcon","default","createElement","QuestionCircleIcon16Solid","counterHelp","isFunction","Tooltip","pos","trigger","render","onCloseClick","getCounterSizeClassName","styles","counterLarge","counterMedium","counterSmall","counter","className","cx","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","_interopRequireWildcard","require","_renderEnvironment","_forwardRefAndName","_ThemeContext","_utils","_Tooltip","_QuestionCircleIcon16Solid","_Textarea","_Textarea2","handleHelpMouseDown","e","preventDefault","TextareaCounter","exports","forwardRefAndName","_ref","ref","_cx","length","value","help","onCloseHelp","textarea","size","theme","useContext","ThemeContext","_useEmotion","useEmotion","cx","styles","useStyles","getStyles","_useState","useState","clientWidth","width","setWidth","_useState2","clientHeight","height","setHeight","reflow","useCallback","useImperativeHandle","renderTooltipContent","textareaValue","toString","counterValue","helpIconProps","onMouseDown","color","textareaCounterHelpIconColor","TextareaDataTids","helpIcon","default","createElement","QuestionCircleIcon16Solid","counterHelp","isFunction","Tooltip","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/cjs/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/cjs/components/Textarea/TextareaHelpers.js

@@ -1,11 +1,15 @@
-"use strict";exports.__esModule = true;exports.getTextAreaHeight = getTextAreaHeight;var _globalObject = require("@skbkontur/global-object");
+"use strict";exports.__esModule = true;exports.getTextAreaHeight = getTextAreaHeight;
+var _globalObject = require("../../lib/globalObject");
 
-function getTextAreaHeight(params) {
-  if (!(0, _globalObject.isBrowser)(_globalObject.globalObject)) {
+function getTextAreaHeight(
+globalObject,
+params)
+{
+  if (!(0, _globalObject.isBrowser)(globalObject)) {
     return null;
   }
   var node = params.node,minRows = params.minRows,maxRows = params.maxRows,extraRow = params.extraRow;
-  var style = _globalObject.globalObject.getComputedStyle(node);
+  var style = globalObject.getComputedStyle(node);
   var borderTop = style.borderTopWidth ? parseInt(style.borderTopWidth, 10) : 0;
   var borderBottom = style.borderBottomWidth ? parseInt(style.borderBottomWidth, 10) : 0;
   var lineHeight = style.lineHeight ? parseInt(style.lineHeight, 10) : 0;

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

@@ -1 +1 @@
-{"version":3,"names":["_globalObject","require","getTextAreaHeight","params","isBrowser","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"],"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":"qFAAA,IAAAA,aAAA,GAAAC,OAAA;;AAEO,SAASC,iBAAiBA,CAACC,MAA+B,EAAE;EACjE,IAAI,CAAC,IAAAC,uBAAS,EAACC,0BAAY,CAAC,EAAE;IAC5B,OAAO,IAAI;EACb;EACA,IAAQC,IAAI,GAAiCH,MAAM,CAA3CG,IAAI,CAAEC,OAAO,GAAwBJ,MAAM,CAArCI,OAAO,CAAEC,OAAO,GAAeL,MAAM,CAA5BK,OAAO,CAAEC,QAAQ,GAAKN,MAAM,CAAnBM,QAAQ;EACxC,IAAMC,KAAK,GAAGL,0BAAY,CAACM,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":["_globalObject","require","getTextAreaHeight","globalObject","params","isBrowser","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,IAAAA,aAAA,GAAAC,OAAA;;AAEO,SAASC,iBAAiBA;AAC/BC,YAA0B;AAC1BC,MAA+B;AACwB;EACvD,IAAI,CAAC,IAAAC,uBAAS,EAACF,YAAY,CAAC,EAAE;IAC5B,OAAO,IAAI;EACb;EACA,IAAQG,IAAI,GAAiCF,MAAM,CAA3CE,IAAI,CAAEC,OAAO,GAAwBH,MAAM,CAArCG,OAAO,CAAEC,OAAO,GAAeJ,MAAM,CAA5BI,OAAO,CAAEC,QAAQ,GAAKL,MAAM,CAAnBK,QAAQ;EACxC,IAAMC,KAAK,GAAGP,YAAY,CAACQ,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/cjs/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/cjs/components/Toast/Toast.js

@@ -1,8 +1,8 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ToastDataTids = exports.Toast = void 0;exports.isEmptySecondArg = isEmptySecondArg;exports.isNewToastPushApi = isNewToastPushApi;exports.isOldToastPushApi = isOldToastPushApi;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+"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 _ThemeContext = require("../../lib/theming/ThemeContext");
@@ -14,11 +14,11 @@ var _CommonWrapper = require("../../internal/CommonWrapper");
 var _currentEnvironment = require("../../lib/currentEnvironment");
 
 var _rootNode = require("../../lib/rootNode");
+var _renderEnvironment = require("../../lib/renderEnvironment");
 
 var _Toast2 = require("./Toast.styles");
 
-var _ToastView = require("./ToastView");
-var _ToastStatic = require("./ToastStatic");var _class, _Toast;
+var _ToastView = require("./ToastView");var _class, _Toast;
 
 
 
@@ -52,14 +52,6 @@ var _ToastStatic = require("./ToastStatic");var _class, _Toast;
 
 
 
-
-
-/** @deprecated выпилить старый подход к api push Toast-а в react-ui 6.0 */
-
-
-
-
-
 
 
 /** Объект с конфигурацией отображения Toast-а */
@@ -78,7 +70,6 @@ var _ToastStatic = require("./ToastStatic");var _class, _Toast;
 
 
 
-/** TODO: Новый Api для метода push в Toast. Станет api по-умолчанию с версии 6.0. В мажоре нужно будет убрать New из названия */
 
 
 
@@ -94,35 +85,10 @@ var ToastDataTids = exports.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 })`
- *
- * Устаревший подход с передачей аргументов последовательным образом **будет удалён** в следующей мажорной версии.
  */var
 
-Toast = exports.Toast = (0, _rootNode.rootNode)(_class = (_Toast = /*#__PURE__*/function (_React$Component) {
-
-
-
-
-
-
-
-
-
-
-
-
 
+Toast = exports.Toast = (0, _renderEnvironment.withRenderEnvironment)(_class = (0, _rootNode.rootNode)(_class = (_Toast = /*#__PURE__*/function (_React$Component) {
 
 
 
@@ -171,70 +137,35 @@ Toast = exports.Toast = (0, _rootNode.rootNode)(_class = (_Toast = /*#__PURE__*/
 
 
 
+    /**
+     * Показывает тост с `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
@@ -294,7 +225,7 @@ Toast = exports.Toast = (0, _rootNode.rootNode)(_class = (_Toast = /*#__PURE__*/
 
     _clearTimer = function () {
       if (_this._timeout) {
-        _globalObject.globalObject.clearTimeout(_this._timeout);
+        clearTimeout(_this._timeout);
         _this._timeout = null;
       }
     };_this.
@@ -304,29 +235,16 @@ Toast = exports.Toast = (0, _rootNode.rootNode)(_class = (_Toast = /*#__PURE__*/
 
       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._timeout = setTimeout(_this.close, showTime);
     };_this.
 
     _refToast = function (element) {
       _this._toast = element;
-    };_this.state = { notification: null, action: null, id: 0, showTime: null, showCloseIcon: false, currentUse: 'default' };return _this;}(0, _inheritsLoose2.default)(Toast, _React$Component);var _proto = Toast.prototype;_proto.componentWillUnmount = function componentWillUnmount() {this._clearTimer();};_proto.render = function render() {var _this2 = this;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` внутри 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,notification = _this$state.notification,action = _this$state.action,id = _this$state.id,showCloseIcon = _this$state.showCloseIcon,currentUse = _this$state.currentUse;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, showCloseIcon: showCloseIcon, use: currentUse };return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, { key: id, classNames: { enter: _Toast2.styles.enter(), enterActive: _Toast2.styles.enterActive(), exit: _Toast2.styles.exit(), exitActive: _Toast2.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), _Toast.__KONTUR_REACT_UI__ = 'Toast', _Toast.displayName = 'Toast', _Toast.push = function (notification, action, showTime, showCloseIcon) {_ToastStatic.ToastStatic.push(notification, action, showTime, showCloseIcon);}, _Toast.close = function () {_ToastStatic.ToastStatic.close();}, _Toast)) || _class;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);}}function isNewToastPushApi(value) {return Boolean(value && typeof value === 'object' && !('label' in value));}function isOldToastPushApi(value) {return Boolean(value && typeof value === 'object' && 'label' in value);} /** Хелпер для случая, когда передаём только текст */function isEmptySecondArg(value) {
-  return !value;
+    };_this.state = { notification: null, action: null, id: 0, showTime: null, showCloseIcon: false, currentUse: 'default' };return _this;}(0, _inheritsLoose2.default)(Toast, _React$Component);var _proto = Toast.prototype;_proto.componentWillUnmount = function componentWillUnmount() {this._clearTimer();};_proto.render = function render() {var _this2 = this;this.styles = (0, _Toast2.getStyles)(this.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())));});};_proto._renderToast = function _renderToast() {var _this$state = this.state,notification = _this$state.notification,action = _this$state.action,id = _this$state.id,showCloseIcon = _this$state.showCloseIcon,currentUse = _this$state.currentUse;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, showCloseIcon: showCloseIcon, use: currentUse };return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, { key: id, classNames: { enter: this.styles.enter(), enterActive: this.styles.enterActive(), exit: this.styles.exit(), exitActive: this.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), _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++) {args[_key - 1] = arguments[_key];}
+    fn.apply(void 0, args);
+  }
 }

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactTransitionGroup","_globalObject","_ThemeFactory","_ThemeContext","_RenderContainer","_CommonWrapper","_currentEnvironment","_rootNode","_Toast2","_ToastView","_ToastStatic","_class","_Toast","ToastDataTids","exports","toastStatic","toastView","action","close","Toast","rootNode","_React$Component","props","_this","call","rootRef","React","createRef","safelyCall","onClose","state","notification","setState","setRootRef","element","setRootNode","current","_clearTimer","_timeout","globalObject","clearTimeout","_setTimer","_this$state$showTime","showTime","setTimeout","_refToast","_toast","id","showCloseIcon","currentUse","_inheritsLoose2","default","_proto","prototype","componentWillUnmount","render","_this2","createElement","ThemeContext","Consumer","theme","ThemeFactory","create","Provider","value","RenderContainer","TransitionGroup","_renderToast","push","configOrAction","use","isNewToastPushApi","onPush","_ref","isOldToastPushApi","isEmptySecondArg","_ref2","_this$state","toastProps","onMouseEnter","onMouseLeave","children","CSSTransition","key","classNames","enter","styles","enterActive","exit","exitActive","timeout","isTestEnv","nodeRef","CommonWrapper","_extends2","rootNodeRef","ToastView","ref","Component","__KONTUR_REACT_UI__","displayName","ToastStatic","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","_interopRequireDefault","require","_reactTransitionGroup","_ThemeFactory","_ThemeContext","_RenderContainer","_CommonWrapper","_currentEnvironment","_rootNode","_renderEnvironment","_Toast2","_ToastView","_class","_Toast","ToastDataTids","exports","toastStatic","toastView","action","close","Toast","withRenderEnvironment","rootNode","_React$Component","props","_this","call","rootRef","React","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","_inheritsLoose2","default","_proto","prototype","componentWillUnmount","render","_this2","styles","getStyles","emotion","createElement","ThemeContext","Consumer","theme","ThemeFactory","create","Provider","value","RenderContainer","TransitionGroup","_renderToast","_this$state","toastProps","onMouseEnter","onMouseLeave","children","CSSTransition","key","classNames","enter","enterActive","exit","exitActive","timeout","isTestEnv","nodeRef","CommonWrapper","_extends2","rootNodeRef","ToastView","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":[]}