@skbkontur/react-ui 0.0.0-0b8a8f7a39 → 0.0.0-151f385a39

package/components/Textarea/Textarea.styles.d.ts

@@ -1,9 +1,10 @@
 import { Theme } from '../../lib/theming/Theme';
-export declare const jsStyles: {
+export declare const styles: {
     root(t: Theme): string;
     textarea(t: Theme): string;
     error(t: Theme): string;
     warning(t: Theme): string;
+    disabled(t: Theme): string;
     fake(): string;
     placeholder(): string;
     counterContainer(t: Theme): string;

package/components/Textarea/TextareaCounter/TextareaCounter.js

@@ -1,17 +1,19 @@
-import React, { useEffect, useContext, useCallback, useImperativeHandle, useState } from 'react';
-import cn from 'classnames';
+import React, { useContext, useCallback, useImperativeHandle, useState } from 'react';
+import propTypes from 'prop-types';
+import { forwardRefAndName } from "../../../lib/forwardRefAndName";
 import { HelpDotIcon } from "../../../internal/icons/16px";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { isFunction } from "../../../lib/utils";
 import { Tooltip } from "../../Tooltip";
-import { jsStyles } from "../Textarea.styles";
+import { cx } from "../../../lib/theming/Emotion";
+import { styles } from "../Textarea.styles";
 
 var handleHelpMouseDown = function handleHelpMouseDown(e) {
   return e.preventDefault();
 };
 
-export var TextareaCounter = /*#__PURE__*/React.forwardRef(function TextareaCounter(_ref, ref) {
-  var _cn;
+export var TextareaCounter = forwardRefAndName('TextareaCounter', function (_ref, ref) {
+  var _cx;
 
   var length = _ref.length,
       value = _ref.value,
@@ -28,19 +30,17 @@ export var TextareaCounter = /*#__PURE__*/React.forwardRef(function TextareaCoun
       height = _useState2[0],
       setHeight = _useState2[1];
 
-  var reflow = function reflow() {
+  var reflow = useCallback(function () {
     var clientWidth = textarea.clientWidth,
         clientHeight = textarea.clientHeight;
     setWidth(clientWidth);
     setHeight(clientHeight);
-  };
-
-  useEffect(reflow, [textarea]);
+  }, [textarea]);
   useImperativeHandle(ref, function () {
     return {
       reflow: reflow
     };
-  }, [ref]);
+  }, [reflow]);
   var renderTooltipContent = useCallback(function () {
     return help;
   }, [help]);
@@ -56,14 +56,21 @@ export var TextareaCounter = /*#__PURE__*/React.forwardRef(function TextareaCoun
     color: theme.textareaCounterHelpIconColor
   }));
   return /*#__PURE__*/React.createElement("div", {
-    className: jsStyles.counterContainer(theme),
+    className: styles.counterContainer(theme),
     style: {
       width: width,
       height: height
     }
   }, /*#__PURE__*/React.createElement("span", {
-    className: cn(jsStyles.counter(theme), (_cn = {}, _cn[jsStyles.counterError(theme)] = counterValue < 0, _cn))
+    className: cx(styles.counter(theme), (_cx = {}, _cx[styles.counterError(theme)] = counterValue < 0, _cx))
   }, counterValue, help && /*#__PURE__*/React.createElement("span", {
-    className: jsStyles.counterHelp()
+    className: styles.counterHelp()
   }, counterHelp)));
-});
+});
+TextareaCounter.propTypes = {
+  length: propTypes.number.isRequired,
+  value: propTypes.oneOf([propTypes.string, propTypes.number]),
+  help: propTypes.oneOf([propTypes.node, propTypes.func]),
+  onCloseHelp: propTypes.func.isRequired,
+  textarea: propTypes.node.isRequired
+};

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

@@ -1 +1 @@
-{"version":3,"sources":["TextareaCounter.tsx"],"names":["React","useEffect","useContext","useCallback","useImperativeHandle","useState","cn","HelpDotIcon","ThemeContext","isFunction","Tooltip","jsStyles","handleHelpMouseDown","e","preventDefault","TextareaCounter","forwardRef","ref","length","value","help","onCloseHelp","textarea","theme","clientWidth","width","setWidth","clientHeight","height","setHeight","reflow","renderTooltipContent","textareaValue","toString","counterValue","counterHelp","textareaCounterHelpIconColor","counterContainer","counter","counterError"],"mappings":"AAAA,OAAOA,KAAP,IAAgCC,SAAhC,EAA2CC,UAA3C,EAAuDC,WAAvD,EAAoEC,mBAApE,EAAyFC,QAAzF,QAAyG,OAAzG;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,SAASC,WAAT,QAA4B,2BAA5B;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,UAAT,QAA2B,iBAA3B;AACA,SAASC,OAAT,QAAwB,YAAxB;;;AAGA,SAASC,QAAT,QAAyB,mBAAzB;;;;;;;;;;;;;;AAcA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,CAAD,UAAuBA,CAAC,CAACC,cAAF,EAAvB,EAA5B;;AAEA,OAAO,IAAMC,eAAe,gBAAGf,KAAK,CAACgB,UAAN,CAA2D,SAASD,eAAT;;AAExFE,GAFwF;AAGxF,aAFEC,MAEF,QAFEA,MAEF,CAFUC,KAEV,QAFUA,KAEV,CAFiBC,IAEjB,QAFiBA,IAEjB,CAFuBC,WAEvB,QAFuBA,WAEvB,CAFoCC,QAEpC,QAFoCA,QAEpC;AACA,MAAMC,KAAK,GAAGrB,UAAU,CAACM,YAAD,CAAxB,CADA;AAE0BH,EAAAA,QAAQ,CAACiB,QAAQ,CAACE,WAAV,CAFlC,CAEOC,KAFP,gBAEcC,QAFd;AAG4BrB,EAAAA,QAAQ,CAACiB,QAAQ,CAACK,YAAV,CAHpC,CAGOC,MAHP,iBAGeC,SAHf;AAIA,MAAMC,MAAM,GAAG,SAATA,MAAS,GAAM;AACXN,IAAAA,WADW,GACmBF,QADnB,CACXE,WADW,CACEG,YADF,GACmBL,QADnB,CACEK,YADF;AAEnBD,IAAAA,QAAQ,CAACF,WAAD,CAAR;AACAK,IAAAA,SAAS,CAACF,YAAD,CAAT;AACD,GAJD;AAKA1B,EAAAA,SAAS,CAAC6B,MAAD,EAAS,CAACR,QAAD,CAAT,CAAT;AACAlB,EAAAA,mBAAmB,CAACa,GAAD,EAAM,oBAAO,EAAEa,MAAM,EAANA,MAAF,EAAP,EAAN,EAA0B,CAACb,GAAD,CAA1B,CAAnB;AACA,MAAMc,oBAAoB,GAAG5B,WAAW,CAAC,oBAAMiB,IAAN,EAAD,EAAa,CAACA,IAAD,CAAb,CAAxC;AACA,MAAMY,aAAa,GAAGb,KAAK,GAAGA,KAAK,CAACc,QAAN,GAAiBf,MAApB,GAA6B,CAAxD;AACA,MAAMgB,YAAY,GAAGhB,MAAM,GAAGc,aAA9B;AACA,MAAMG,WAAW,GAAG1B,UAAU,CAACW,IAAD,CAAV;AAClBA,EAAAA,IAAI,EADc;;AAGlB,sBAAC,OAAD,IAAS,GAAG,EAAE,cAAd,EAA8B,OAAO,EAAE,OAAvC,EAAgD,MAAM,EAAEW,oBAAxD,EAA8E,YAAY,EAAEV,WAA5F;AACE,sBAAC,WAAD,IAAa,WAAW,EAAET,mBAA1B,EAA+C,KAAK,EAAEW,KAAK,CAACa,4BAA5D,GADF,CAHF;;;;AAQA;AACE,iCAAK,SAAS,EAAEzB,QAAQ,CAAC0B,gBAAT,CAA0Bd,KAA1B,CAAhB,EAAkD,KAAK,EAAE,EAAEE,KAAK,EAALA,KAAF,EAASG,MAAM,EAANA,MAAT,EAAzD;AACE;AACE,MAAA,SAAS,EAAEtB,EAAE,CAACK,QAAQ,CAAC2B,OAAT,CAAiBf,KAAjB,CAAD;AACVZ,MAAAA,QAAQ,CAAC4B,YAAT,CAAsBhB,KAAtB,CADU,IACqBW,YAAY,GAAG,CADpC,OADf;;;AAKGA,IAAAA,YALH;AAMGd,IAAAA,IAAI,iBAAI,8BAAM,SAAS,EAAET,QAAQ,CAACwB,WAAT,EAAjB,IAA0CA,WAA1C,CANX,CADF,CADF;;;;AAYD,CArC8B,CAAxB","sourcesContent":["import React, { SyntheticEvent, useEffect, useContext, useCallback, useImperativeHandle, useState } from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport { HelpDotIcon } from '../../internal/icons/16px';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { isFunction } from '../../lib/utils';\r\nimport { Tooltip } from '../Tooltip';\r\n\r\nimport { TextareaProps } from './Textarea';\r\nimport { jsStyles } from './Textarea.styles';\r\n\r\nexport type TextareaCounterProps = {\r\n  value: TextareaProps['value'];\r\n  length: number;\r\n  help: TextareaProps['counterHelp'];\r\n  onCloseHelp: () => void;\r\n  textarea: HTMLTextAreaElement;\r\n};\r\n\r\nexport interface TextareaCounterRef {\r\n  reflow: () => void;\r\n}\r\n\r\nconst handleHelpMouseDown = (e: SyntheticEvent) => e.preventDefault();\r\n\r\nexport const TextareaCounter = React.forwardRef<TextareaCounterRef, TextareaCounterProps>(function TextareaCounter(\r\n  { length, value, help, onCloseHelp, textarea },\r\n  ref,\r\n) {\r\n  const theme = useContext(ThemeContext);\r\n  const [width, setWidth] = useState(textarea.clientWidth);\r\n  const [height, setHeight] = useState(textarea.clientHeight);\r\n  const reflow = () => {\r\n    const { clientWidth, clientHeight } = textarea;\r\n    setWidth(clientWidth);\r\n    setHeight(clientHeight);\r\n  };\r\n  useEffect(reflow, [textarea]);\r\n  useImperativeHandle(ref, () => ({ reflow }), [ref]);\r\n  const renderTooltipContent = useCallback(() => help, [help]);\r\n  const textareaValue = value ? value.toString().length : 0;\r\n  const counterValue = length - textareaValue;\r\n  const counterHelp = isFunction(help) ? (\r\n    help()\r\n  ) : (\r\n    <Tooltip pos={'right bottom'} trigger={'click'} render={renderTooltipContent} onCloseClick={onCloseHelp}>\r\n      <HelpDotIcon onMouseDown={handleHelpMouseDown} color={theme.textareaCounterHelpIconColor} />\r\n    </Tooltip>\r\n  );\r\n\r\n  return (\r\n    <div className={jsStyles.counterContainer(theme)} style={{ width, height }}>\r\n      <span\r\n        className={cn(jsStyles.counter(theme), {\r\n          [jsStyles.counterError(theme)]: counterValue < 0,\r\n        })}\r\n      >\r\n        {counterValue}\r\n        {help && <span className={jsStyles.counterHelp()}>{counterHelp}</span>}\r\n      </span>\r\n    </div>\r\n  );\r\n});\r\n"]}
+{"version":3,"sources":["TextareaCounter.tsx"],"names":["React","useContext","useCallback","useImperativeHandle","useState","propTypes","forwardRefAndName","HelpDotIcon","ThemeContext","isFunction","Tooltip","cx","styles","handleHelpMouseDown","e","preventDefault","TextareaCounter","ref","length","value","help","onCloseHelp","textarea","theme","clientWidth","width","setWidth","clientHeight","height","setHeight","reflow","renderTooltipContent","textareaValue","toString","counterValue","counterHelp","textareaCounterHelpIconColor","counterContainer","counter","counterError","number","isRequired","oneOf","string","node","func"],"mappings":"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","sourcesContent":["import React, { SyntheticEvent, useContext, useCallback, useImperativeHandle, useState } from 'react';\nimport propTypes from 'prop-types';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { HelpDotIcon } from '../../internal/icons/16px';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isFunction } from '../../lib/utils';\nimport { Tooltip } from '../Tooltip';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { TextareaProps } from './Textarea';\nimport { styles } from './Textarea.styles';\n\nexport type TextareaCounterProps = {\n  value: TextareaProps['value'];\n  length: number;\n  help: TextareaProps['counterHelp'];\n  onCloseHelp: () => void;\n  textarea: HTMLTextAreaElement;\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 }, 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(() => help, [help]);\n    const textareaValue = value ? value.toString().length : 0;\n    const counterValue = length - textareaValue;\n    const counterHelp = isFunction(help) ? (\n      help()\n    ) : (\n      <Tooltip pos={'right bottom'} trigger={'click'} render={renderTooltipContent} onCloseClick={onCloseHelp}>\n        <HelpDotIcon onMouseDown={handleHelpMouseDown} color={theme.textareaCounterHelpIconColor} />\n      </Tooltip>\n    );\n\n    return (\n      <div className={styles.counterContainer(theme)} style={{ width, height }}>\n        <span\n          className={cx(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\nTextareaCounter.propTypes = {\n  length: propTypes.number.isRequired,\n  value: propTypes.oneOf([propTypes.string, propTypes.number]),\n  help: propTypes.oneOf([propTypes.node, propTypes.func]),\n  onCloseHelp: propTypes.func.isRequired,\n  textarea: propTypes.node.isRequired,\n};\n"]}

package/components/Textarea/TextareaCounter.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { TextareaProps } from './Textarea';
 export declare type TextareaCounterProps = {
     value: TextareaProps['value'];
@@ -10,4 +9,4 @@ export declare type TextareaCounterProps = {
 export interface TextareaCounterRef {
     reflow: () => void;
 }
-export declare const TextareaCounter: React.ForwardRefExoticComponent<TextareaCounterProps & React.RefAttributes<TextareaCounterRef>>;
+export declare const TextareaCounter: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<TextareaCounterRef, TextareaCounterProps>;

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

@@ -1 +1 @@
-{"version":3,"sources":["TextareaHelpers.tsx"],"names":["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"],"mappings":"AAAA,OAAO,SAASA,iBAAT,CAA2BC,MAA3B,EAA4D;AACzDC,EAAAA,IADyD,GACpBD,MADoB,CACzDC,IADyD,CACnDC,OADmD,GACpBF,MADoB,CACnDE,OADmD,CAC1CC,OAD0C,GACpBH,MADoB,CAC1CG,OAD0C,CACjCC,QADiC,GACpBJ,MADoB,CACjCI,QADiC;AAEjE,MAAMC,KAA0B,GAAGC,gBAAgB,CAACL,IAAD,CAAnD;AACA,MAAMM,SAAS,GAAGF,KAAK,CAACG,cAAN,GAAuBC,QAAQ,CAACJ,KAAK,CAACG,cAAP,EAAuB,EAAvB,CAA/B,GAA4D,CAA9E;AACA,MAAME,YAAY,GAAGL,KAAK,CAACM,iBAAN,GAA0BF,QAAQ,CAACJ,KAAK,CAACM,iBAAP,EAA0B,EAA1B,CAAlC,GAAkE,CAAvF;AACA,MAAMC,UAAU,GAAGP,KAAK,CAACO,UAAN,GAAmBH,QAAQ,CAACJ,KAAK,CAACO,UAAP,EAAmB,EAAnB,CAA3B,GAAoD,CAAvE;AACA,MAAMC,UAAU,GAAGR,KAAK,CAACQ,UAAN,GAAmBJ,QAAQ,CAACJ,KAAK,CAACQ,UAAP,EAAmB,EAAnB,CAA3B,GAAoD,CAAvE;AACA,MAAMC,aAAa,GAAGT,KAAK,CAACS,aAAN,GAAsBL,QAAQ,CAACJ,KAAK,CAACS,aAAP,EAAsB,EAAtB,CAA9B,GAA0D,CAAhF;AACA,MAAMC,SAAS,GAAGR,SAAS,GAAGG,YAAZ,GAA2BG,UAA3B,GAAwCC,aAAxC,GAAwDF,UAAU,GAAGV,OAAvF;AACA,MAAMc,SAAS,GAAGT,SAAS,GAAGG,YAAZ,GAA2BG,UAA3B,GAAwCC,aAAxC,GAAwDF,UAAU,GAAGT,OAAvF;AACA,MAAMc,cAAc,GAAGb,QAAQ,GAAGQ,UAAH,GAAgB,CAA/C;AACA,MAAMM,cAAc,GAAGjB,IAAI,CAACkB,YAAL,GAAoBZ,SAApB,GAAgCG,YAAhC,GAA+CO,cAAtE;AACA,SAAO;AACLG,IAAAA,MAAM,EAAEC,IAAI,CAACC,GAAL,CAASD,IAAI,CAACE,GAAL,CAASL,cAAT,EAAyBH,SAAzB,CAAT,EAA8CC,SAA9C,CADH;AAELQ,IAAAA,iBAAiB,EAAEN,cAAc,GAAGF,SAAS,GAAGC,cAF3C,EAAP;;AAID","sourcesContent":["export function getTextAreaHeight(params: GetTextAreaHeightParams) {\r\n  const { node, minRows, maxRows, extraRow } = params;\r\n  const style: CSSStyleDeclaration = getComputedStyle(node);\r\n  const borderTop = style.borderTopWidth ? parseInt(style.borderTopWidth, 10) : 0;\r\n  const borderBottom = style.borderBottomWidth ? parseInt(style.borderBottomWidth, 10) : 0;\r\n  const lineHeight = style.lineHeight ? parseInt(style.lineHeight, 10) : 0;\r\n  const paddingTop = style.paddingTop ? parseInt(style.paddingTop, 10) : 0;\r\n  const paddingBottom = style.paddingBottom ? parseInt(style.paddingBottom, 10) : 0;\r\n  const minHeight = borderTop + borderBottom + paddingTop + paddingBottom + lineHeight * minRows;\r\n  const maxHeight = borderTop + borderBottom + paddingTop + paddingBottom + lineHeight * maxRows;\r\n  const extraRowHeight = extraRow ? lineHeight : 0;\r\n  const expectedHeight = node.scrollHeight + borderTop + borderBottom + extraRowHeight;\r\n  return {\r\n    height: Math.min(Math.max(expectedHeight, minHeight), maxHeight),\r\n    exceededMaxHeight: expectedHeight > maxHeight + extraRowHeight,\r\n  };\r\n}\r\n\r\ninterface GetTextAreaHeightParams {\r\n  node: HTMLTextAreaElement;\r\n  minRows: number;\r\n  maxRows: number;\r\n  extraRow: boolean;\r\n}\r\n"]}
+{"version":3,"sources":["TextareaHelpers.tsx"],"names":["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"],"mappings":"AAAA,OAAO,SAASA,iBAAT,CAA2BC,MAA3B,EAA4D;AACjE,MAAQC,IAAR,GAA6CD,MAA7C,CAAQC,IAAR,CAAcC,OAAd,GAA6CF,MAA7C,CAAcE,OAAd,CAAuBC,OAAvB,GAA6CH,MAA7C,CAAuBG,OAAvB,CAAgCC,QAAhC,GAA6CJ,MAA7C,CAAgCI,QAAhC;AACA,MAAMC,KAA0B,GAAGC,gBAAgB,CAACL,IAAD,CAAnD;AACA,MAAMM,SAAS,GAAGF,KAAK,CAACG,cAAN,GAAuBC,QAAQ,CAACJ,KAAK,CAACG,cAAP,EAAuB,EAAvB,CAA/B,GAA4D,CAA9E;AACA,MAAME,YAAY,GAAGL,KAAK,CAACM,iBAAN,GAA0BF,QAAQ,CAACJ,KAAK,CAACM,iBAAP,EAA0B,EAA1B,CAAlC,GAAkE,CAAvF;AACA,MAAMC,UAAU,GAAGP,KAAK,CAACO,UAAN,GAAmBH,QAAQ,CAACJ,KAAK,CAACO,UAAP,EAAmB,EAAnB,CAA3B,GAAoD,CAAvE;AACA,MAAMC,UAAU,GAAGR,KAAK,CAACQ,UAAN,GAAmBJ,QAAQ,CAACJ,KAAK,CAACQ,UAAP,EAAmB,EAAnB,CAA3B,GAAoD,CAAvE;AACA,MAAMC,aAAa,GAAGT,KAAK,CAACS,aAAN,GAAsBL,QAAQ,CAACJ,KAAK,CAACS,aAAP,EAAsB,EAAtB,CAA9B,GAA0D,CAAhF;AACA,MAAMC,SAAS,GAAGR,SAAS,GAAGG,YAAZ,GAA2BG,UAA3B,GAAwCC,aAAxC,GAAwDF,UAAU,GAAGV,OAAvF;AACA,MAAMc,SAAS,GAAGT,SAAS,GAAGG,YAAZ,GAA2BG,UAA3B,GAAwCC,aAAxC,GAAwDF,UAAU,GAAGT,OAAvF;AACA,MAAMc,cAAc,GAAGb,QAAQ,GAAGQ,UAAH,GAAgB,CAA/C;AACA,MAAMM,cAAc,GAAGjB,IAAI,CAACkB,YAAL,GAAoBZ,SAApB,GAAgCG,YAAhC,GAA+CO,cAAtE;AACA,SAAO;AACLG,IAAAA,MAAM,EAAEC,IAAI,CAACC,GAAL,CAASD,IAAI,CAACE,GAAL,CAASL,cAAT,EAAyBH,SAAzB,CAAT,EAA8CC,SAA9C,CADH;AAELQ,IAAAA,iBAAiB,EAAEN,cAAc,GAAGF,SAAS,GAAGC,cAF3C,EAAP;;AAID","sourcesContent":["export function getTextAreaHeight(params: GetTextAreaHeightParams) {\n  const { node, minRows, maxRows, extraRow } = params;\n  const style: CSSStyleDeclaration = getComputedStyle(node);\n  const borderTop = style.borderTopWidth ? parseInt(style.borderTopWidth, 10) : 0;\n  const borderBottom = style.borderBottomWidth ? parseInt(style.borderBottomWidth, 10) : 0;\n  const lineHeight = style.lineHeight ? parseInt(style.lineHeight, 10) : 0;\n  const paddingTop = style.paddingTop ? parseInt(style.paddingTop, 10) : 0;\n  const paddingBottom = style.paddingBottom ? parseInt(style.paddingBottom, 10) : 0;\n  const minHeight = borderTop + borderBottom + paddingTop + paddingBottom + lineHeight * minRows;\n  const maxHeight = borderTop + borderBottom + paddingTop + paddingBottom + lineHeight * maxRows;\n  const extraRowHeight = extraRow ? lineHeight : 0;\n  const expectedHeight = node.scrollHeight + borderTop + borderBottom + extraRowHeight;\n  return {\n    height: Math.min(Math.max(expectedHeight, minHeight), maxHeight),\n    exceededMaxHeight: expectedHeight > maxHeight + extraRowHeight,\n  };\n}\n\ninterface GetTextAreaHeightParams {\n  node: HTMLTextAreaElement;\n  minRows: number;\n  maxRows: number;\n  extraRow: boolean;\n}\n"]}

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

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

package/components/Toast/Toast/Toast.js

@@ -1,24 +1,28 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+
+var _class, _class2, _temp;
+
 import React from 'react';
 import { CSSTransition, TransitionGroup } from 'react-transition-group';
 import { RenderContainer } from "../../../internal/RenderContainer";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { isTestEnv } from "../../../lib/currentEnvironment";
-import { jsStyles } from "../Toast.styles";
+import { rootNode } from "../../../lib/rootNode";
+import { styles } from "../Toast.styles";
 import { ToastView } from "../ToastView";
 import { ToastStatic } from "../ToastStatic";
-/**
- * Показывает уведомления.
- *
- * Доступен статический метод: `Toast.push(notification, action?)`.
- * Однако, при его использовании не работает кастомизация и могут быть проблемы
- * с перекрытием уведомления другими элементами страницы.
- *
- * Рекомендуется использовать Toast через `ref` (см. примеры).
- */
-
-export var Toast = /*#__PURE__*/function (_React$Component) {
+export
+/**
+* Показывает уведомления.
+*
+* Доступен статический метод: `Toast.push(notification, action?)`.
+* Однако, при его использовании не работает кастомизация и могут быть проблемы
+* с перекрытием уведомления другими элементами страницы.
+*
+* Рекомендуется использовать Toast через `ref` (см. примеры).
+*/
+var Toast = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Toast, _React$Component);
 
   Toast.push = function push(notification, action) {
@@ -33,8 +37,8 @@ export var Toast = /*#__PURE__*/function (_React$Component) {
     var _this;
 
     _this = _React$Component.call(this, props) || this;
-    _this._toast = void 0;
     _this._timeout = null;
+    _this.rootRef = /*#__PURE__*/React.createRef();
 
     _this.close = function () {
       safelyCall(_this.props.onClose, _this.state.notification, _this.state.action);
@@ -45,6 +49,13 @@ export var Toast = /*#__PURE__*/function (_React$Component) {
       });
     };
 
+    _this.setRootRef = function (element) {
+      _this.setRootNode(element); // @ts-ignore
+
+
+      _this.rootRef.current = element;
+    };
+
     _this._clearTimer = function () {
       if (_this._timeout) {
         clearTimeout(_this._timeout);
@@ -80,15 +91,15 @@ export var Toast = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement(RenderContainer, null, /*#__PURE__*/React.createElement(TransitionGroup, null, this._renderToast()));
   }
-  /**
-  * Показывает тост с `notification` в качестве сообщения.
-  * Тост автоматически скрывается через 3 или 7 секунд,
-  * в зависимости от наличия у него кнопки `action`.
-  *
-  * @public
-  * @param {string} notification
-  * @param {Action} action `action` опциональный параметр формата `{ label: string, handler: function }`
-  * добавляет кнопку в виде ссылки при клике на которую вызывается переданный handler
+  /**
+  * Показывает тост с `notification` в качестве сообщения.
+  * Тост автоматически скрывается через 3 или 7 секунд,
+  * в зависимости от наличия у него кнопки `action`.
+  *
+  * @public
+  * @param {string} notification
+  * @param {Action} action `action` опциональный параметр формата `{ label: string, handler: function }`
+  * добавляет кнопку в виде ссылки при клике на которую вызывается переданный handler
   */
   ;
 
@@ -107,8 +118,8 @@ export var Toast = /*#__PURE__*/function (_React$Component) {
       };
     }, this._setTimer);
   }
-  /**
-  * @public
+  /**
+  * @public
   */
   ;
 
@@ -132,25 +143,27 @@ export var Toast = /*#__PURE__*/function (_React$Component) {
     return /*#__PURE__*/React.createElement(CSSTransition, {
       key: id,
       classNames: {
-        enter: jsStyles.enter(),
-        enterActive: jsStyles.enterActive(),
-        exit: jsStyles.exit(),
-        exitActive: jsStyles.exitActive()
+        enter: styles.enter(),
+        enterActive: styles.enterActive(),
+        exit: styles.exit(),
+        exitActive: styles.exitActive()
       },
       timeout: {
         enter: 200,
         exit: 150
       },
       enter: !isTestEnv,
-      exit: !isTestEnv
-    }, /*#__PURE__*/React.createElement(CommonWrapper, this.props, /*#__PURE__*/React.createElement(ToastView, _extends({
+      exit: !isTestEnv,
+      nodeRef: this.rootRef
+    }, /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+      rootNodeRef: this.setRootRef
+    }, this.props), /*#__PURE__*/React.createElement(ToastView, _extends({
       ref: this._refToast
     }, toastProps))));
   };
 
   return Toast;
-}(React.Component);
-Toast.__KONTUR_REACT_UI__ = 'Toast';
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'Toast', _temp)) || _class;
 
 function safelyCall(fn) {
   if (fn) {

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

@@ -1 +1 @@
-{"version":3,"sources":["Toast.tsx"],"names":["React","CSSTransition","TransitionGroup","RenderContainer","CommonWrapper","isTestEnv","jsStyles","ToastView","ToastStatic","Toast","push","notification","action","close","props","_toast","_timeout","safelyCall","onClose","state","setState","_clearTimer","clearTimeout","_setTimer","timeOut","window","setTimeout","_refToast","element","id","componentWillUnmount","render","_renderToast","onPush","toastProps","onMouseEnter","onMouseLeave","children","enter","enterActive","exit","exitActive","Component","__KONTUR_REACT_UI__","fn","args"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\r\n\r\nimport { RenderContainer } from '../../internal/RenderContainer';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\nimport { isTestEnv } from '../../lib/currentEnvironment';\r\n\r\nimport { jsStyles } from './Toast.styles';\r\nimport { ToastView, ToastViewProps } from './ToastView';\r\nimport { ToastStatic } from './ToastStatic';\r\n\r\nexport interface Action {\r\n  label: string;\r\n  handler: () => void;\r\n}\r\n\r\nexport interface ToastState {\r\n  notification: Nullable<string>;\r\n  action: Nullable<Action>;\r\n  id: number;\r\n}\r\n\r\nexport interface ToastProps extends CommonProps {\r\n  onPush?: (notification: string, action?: Action) => void;\r\n  onClose?: (notification: string, action?: Action) => void;\r\n}\r\n\r\n/**\r\n * Показывает уведомления.\r\n *\r\n * Доступен статический метод: `Toast.push(notification, action?)`.\r\n * Однако, при его использовании не работает кастомизация и могут быть проблемы\r\n * с перекрытием уведомления другими элементами страницы.\r\n *\r\n * Рекомендуется использовать Toast через `ref` (см. примеры).\r\n */\r\nexport class Toast extends React.Component<ToastProps, ToastState> {\r\n  public static __KONTUR_REACT_UI__ = 'Toast';\r\n\r\n  public static push(notification: string, action?: Action) {\r\n    ToastStatic.push(notification, action);\r\n  }\r\n\r\n  public static close() {\r\n    ToastStatic.close();\r\n  }\r\n\r\n  public _toast: Nullable<ToastView>;\r\n  private _timeout: Nullable<number> = null;\r\n\r\n  constructor(props: ToastProps) {\r\n    super(props);\r\n    this.state = {\r\n      notification: null,\r\n      action: null,\r\n      id: 0,\r\n    };\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    this._clearTimer();\r\n  }\r\n\r\n  public render() {\r\n    return (\r\n      <RenderContainer>\r\n        <TransitionGroup>{this._renderToast()}</TransitionGroup>\r\n      </RenderContainer>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Показывает тост с `notification` в качестве сообщения.\r\n   * Тост автоматически скрывается через 3 или 7 секунд,\r\n   * в зависимости от наличия у него кнопки `action`.\r\n   *\r\n   * @public\r\n   * @param {string} notification\r\n   * @param {Action} action `action` опциональный параметр формата `{ label: string, handler: function }`\r\n   * добавляет кнопку в виде ссылки при клике на которую вызывается переданный handler\r\n   */\r\n  public push(notification: string, action?: Action) {\r\n    if (this.state.notification) {\r\n      this.close();\r\n    }\r\n\r\n    safelyCall(this.props.onPush, notification, action);\r\n\r\n    this.setState(({ id }) => ({ notification, action, id: id + 1 }), this._setTimer);\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public close = () => {\r\n    safelyCall(this.props.onClose, this.state.notification, this.state.action);\r\n    this.setState({ notification: null, action: null });\r\n  };\r\n\r\n  private _renderToast() {\r\n    const { notification, action, id } = this.state;\r\n\r\n    if (!notification) {\r\n      return null;\r\n    }\r\n\r\n    const toastProps: ToastViewProps = {\r\n      onMouseEnter: this._clearTimer,\r\n      onMouseLeave: this._setTimer,\r\n      onClose: this.close,\r\n      children: notification,\r\n      action,\r\n    };\r\n\r\n    return (\r\n      <CSSTransition\r\n        key={id}\r\n        classNames={{\r\n          enter: jsStyles.enter(),\r\n          enterActive: jsStyles.enterActive(),\r\n          exit: jsStyles.exit(),\r\n          exitActive: jsStyles.exitActive(),\r\n        }}\r\n        timeout={{\r\n          enter: 200,\r\n          exit: 150,\r\n        }}\r\n        enter={!isTestEnv}\r\n        exit={!isTestEnv}\r\n      >\r\n        <CommonWrapper {...this.props}>\r\n          <ToastView ref={this._refToast} {...toastProps} />\r\n        </CommonWrapper>\r\n      </CSSTransition>\r\n    );\r\n  }\r\n\r\n  private _clearTimer = () => {\r\n    if (this._timeout) {\r\n      clearTimeout(this._timeout);\r\n      this._timeout = null;\r\n    }\r\n  };\r\n\r\n  private _setTimer = () => {\r\n    this._clearTimer();\r\n\r\n    const timeOut = this.state.action ? 7 : 3;\r\n\r\n    this._timeout = window.setTimeout(this.close, timeOut * 1000);\r\n  };\r\n\r\n  private _refToast = (element: ToastView) => {\r\n    this._toast = element;\r\n  };\r\n}\r\n\r\nfunction safelyCall(fn: Nullable<(a?: any) => any>, ...args: any[]) {\r\n  if (fn) {\r\n    fn(...args);\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["Toast.tsx"],"names":["React","CSSTransition","TransitionGroup","RenderContainer","CommonWrapper","isTestEnv","rootNode","styles","ToastView","ToastStatic","Toast","push","notification","action","close","props","_timeout","rootRef","createRef","safelyCall","onClose","state","setState","setRootRef","element","setRootNode","current","_clearTimer","clearTimeout","_setTimer","timeOut","window","setTimeout","_refToast","_toast","id","componentWillUnmount","render","_renderToast","onPush","toastProps","onMouseEnter","onMouseLeave","children","enter","enterActive","exit","exitActive","Component","__KONTUR_REACT_UI__","fn","args"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\n\nimport { RenderContainer } from '../../internal/RenderContainer';\nimport { Nullable } from '../../typings/utility-types';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { styles } from './Toast.styles';\nimport { ToastView, ToastViewProps } from './ToastView';\nimport { ToastStatic } from './ToastStatic';\n\nexport interface Action {\n  label: string;\n  handler: () => void;\n}\n\nexport interface ToastState {\n  notification: Nullable<string>;\n  action: Nullable<Action>;\n  id: number;\n}\n\nexport interface ToastProps extends CommonProps {\n  onPush?: (notification: string, action?: Action) => void;\n  onClose?: (notification: string, action?: Action) => void;\n}\n\n/**\n * Показывает уведомления.\n *\n * Доступен статический метод: `Toast.push(notification, action?)`.\n * Однако, при его использовании не работает кастомизация и могут быть проблемы\n * с перекрытием уведомления другими элементами страницы.\n *\n * Рекомендуется использовать Toast через `ref` (см. примеры).\n */\n@rootNode\nexport class Toast extends React.Component<ToastProps, ToastState> {\n  public static __KONTUR_REACT_UI__ = 'Toast';\n  private setRootNode!: TSetRootNode;\n\n  public static push(notification: string, action?: Action) {\n    ToastStatic.push(notification, action);\n  }\n\n  public static close() {\n    ToastStatic.close();\n  }\n\n  public _toast: Nullable<ToastView>;\n  private _timeout: Nullable<number> = null;\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    };\n  }\n\n  public componentWillUnmount() {\n    this._clearTimer();\n  }\n\n  public render() {\n    return (\n      <RenderContainer>\n        <TransitionGroup>{this._renderToast()}</TransitionGroup>\n      </RenderContainer>\n    );\n  }\n\n  /**\n   * Показывает тост с `notification` в качестве сообщения.\n   * Тост автоматически скрывается через 3 или 7 секунд,\n   * в зависимости от наличия у него кнопки `action`.\n   *\n   * @public\n   * @param {string} notification\n   * @param {Action} action `action` опциональный параметр формата `{ label: string, handler: function }`\n   * добавляет кнопку в виде ссылки при клике на которую вызывается переданный handler\n   */\n  public push(notification: string, action?: Action) {\n    if (this.state.notification) {\n      this.close();\n    }\n\n    safelyCall(this.props.onPush, notification, action);\n\n    this.setState(({ id }) => ({ notification, action, id: id + 1 }), this._setTimer);\n  }\n\n  /**\n   * @public\n   */\n  public close = () => {\n    safelyCall(this.props.onClose, this.state.notification, this.state.action);\n    this.setState({ notification: null, action: null });\n  };\n\n  private _renderToast() {\n    const { notification, action, id } = this.state;\n\n    if (!notification) {\n      return null;\n    }\n\n    const toastProps: ToastViewProps = {\n      onMouseEnter: this._clearTimer,\n      onMouseLeave: this._setTimer,\n      onClose: this.close,\n      children: notification,\n      action,\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<HTMLElement>) => {\n    this.setRootNode(element);\n    // @ts-ignore\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    const timeOut = this.state.action ? 7 : 3;\n\n    this._timeout = window.setTimeout(this.close, timeOut * 1000);\n  };\n\n  private _refToast = (element: ToastView) => {\n    this._toast = element;\n  };\n}\n\nfunction safelyCall(fn: Nullable<(a?: any) => any>, ...args: any[]) {\n  if (fn) {\n    fn(...args);\n  }\n}\n"]}

package/components/Toast/Toast.d.ts

@@ -26,10 +26,12 @@ export interface ToastProps extends CommonProps {
  */
 export declare class Toast extends React.Component<ToastProps, ToastState> {
     static __KONTUR_REACT_UI__: string;
+    private setRootNode;
     static push(notification: string, action?: Action): void;
     static close(): void;
     _toast: Nullable<ToastView>;
     private _timeout;
+    private rootRef;
     constructor(props: ToastProps);
     componentWillUnmount(): void;
     render(): JSX.Element;
@@ -49,6 +51,7 @@ export declare class Toast extends React.Component<ToastProps, ToastState> {
      */
     close: () => void;
     private _renderToast;
+    private setRootRef;
     private _clearTimer;
     private _setTimer;
     private _refToast;

package/components/Toast/Toast.md

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

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

@@ -3,18 +3,17 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-var styles = {
+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);\n    "])));
+    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;\n      transition: opacity 0.15s ease-out;\n    "])));
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      opacity: 0.01 !important;\n      transition: opacity 0.15s ease-out;\n    "])));
   }
-};
-export var jsStyles = memoizeStyle(styles);
+});

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

@@ -1 +1 @@
-{"version":3,"sources":["Toast.styles.ts"],"names":["css","memoizeStyle","styles","enter","enterActive","exit","exitActive","jsStyles"],"mappings":"0KAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,IAAMC,MAAM,GAAG;AACbC,EAAAA,KADa,mBACL;AACN,WAAOH,GAAP;;;AAGD,GALY;AAMbI,EAAAA,WANa,yBAMC;AACZ,WAAOJ,GAAP;;;;AAID,GAXY;AAYbK,EAAAA,IAZa,kBAYN;AACL,WAAOL,GAAP;;;;AAID,GAjBY;AAkBbM,EAAAA,UAlBa,wBAkBA;AACX,WAAON,GAAP;;;;AAID,GAvBY,EAAf;;;AA0BA,OAAO,IAAMO,QAAQ,GAAGN,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\n\r\nconst styles = {\r\n  enter() {\r\n    return css`\r\n      transform: translateY(-40px);\r\n    `;\r\n  },\r\n  enterActive() {\r\n    return css`\r\n      transition: transform 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);\r\n      transform: translateY(0);\r\n    `;\r\n  },\r\n  exit() {\r\n    return css`\r\n      transform: translateY(0);\r\n      opacity: 1;\r\n    `;\r\n  },\r\n  exitActive() {\r\n    return css`\r\n      opacity: 0.01;\r\n      transition: opacity 0.15s ease-out;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["Toast.styles.ts"],"names":["css","memoizeStyle","styles","enter","enterActive","exit","exitActive"],"mappings":"0KAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,KADiC,mBACzB;AACN,WAAOH,GAAP;;;AAGD,GALgC;AAMjCI,EAAAA,WANiC,yBAMnB;AACZ,WAAOJ,GAAP;;;;AAID,GAXgC;AAYjCK,EAAAA,IAZiC,kBAY1B;AACL,WAAOL,GAAP;;;;AAID,GAjBgC;AAkBjCM,EAAAA,UAlBiC,wBAkBpB;AACX,WAAON,GAAP;;;;AAID,GAvBgC,EAAD,CAA3B","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"]}

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

@@ -1,4 +1,4 @@
-export declare const jsStyles: {
+export declare const styles: {
     enter(): string;
     enterActive(): string;
     exit(): string;

package/components/Toast/ToastStatic/ToastStatic.js

@@ -39,5 +39,4 @@ ToastStatic.close = function () {
   }
 };
 
-ToastStatic.node = void 0;
 ToastStatic.instance = null;

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

@@ -1 +1 @@
-{"version":3,"sources":["ToastStatic.tsx"],"names":["React","ReactDOM","Toast","ToastStatic","push","notification","action","node","document","createElement","body","Error","appendChild","render","el","instance","_push","close"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,WAArB;;;;AAIA,SAASC,KAAT,QAA8B,SAA9B;;;AAGA,WAAaC,WAAb,6BAAaA,W;AACGC,I,GAAO,UAACC,YAAD,EAAuBC,MAAvB,EAA2C;AAC9D,MAAI,CAACH,WAAW,CAACI,IAAjB,EAAuB;AACrBJ,IAAAA,WAAW,CAACI,IAAZ,GAAmBC,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAAnB,CADqB;AAEJD,IAAAA,QAFI,CAEbE,IAFa,aAEbA,IAFa;AAGrB,QAAI,CAACA,IAAL,EAAW;AACT,YAAMC,KAAK,CAAC,0CAAD,CAAX;AACD;AACDD,IAAAA,IAAI,CAACE,WAAL,CAAiBT,WAAW,CAACI,IAA7B;;AAEAN,IAAAA,QAAQ,CAACY,MAAT,eAAgB,oBAAC,KAAD,IAAO,YAAS,aAAhB,EAA8B,GAAG,EAAE,aAAAC,EAAE,UAAKX,WAAW,CAACY,QAAZ,GAAuBD,EAA5B,EAArC,GAAhB,EAA0FX,WAAW,CAACI,IAAtG,EAA4G;AAC1GJ,QAAAA,WAAW,CAACa,KAAZ,CAAkBX,YAAlB,EAAgCC,MAAhC,CAD0G,GAA5G;;AAGD,GAXD,MAWO;AACLH,IAAAA,WAAW,CAACa,KAAZ,CAAkBX,YAAlB,EAAgCC,MAAhC;AACD;AACF,C,CAhBUH,W;;AAkBGa,K,GAAQ,UAACX,YAAD,EAAuBC,MAAvB,EAA2C;AAC/D,MAAIH,WAAW,CAACY,QAAhB,EAA0B;AACxBZ,IAAAA,WAAW,CAACY,QAAZ,CAAqBX,IAArB,CAA0BC,YAA1B,EAAwCC,MAAxC;AACD;AACF,C,CAtBUH,W;;AAwBGc,K,GAAQ,YAAM;AAC1B,MAAId,WAAW,CAACY,QAAhB,EAA0B;AACxBZ,IAAAA,WAAW,CAACY,QAAZ,CAAqBE,KAArB;AACD;AACF,C,CA5BUd,W;;AA8BII,I,UA9BJJ,W;AA+BIY,Q,GAA4B,I","sourcesContent":["import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\n\r\nimport { Nullable } from '../../typings/utility-types';\r\n\r\nimport { Toast, Action } from './Toast';\r\n\r\n\r\nexport class ToastStatic {\r\n  public static push = (notification: string, action?: Action) => {\r\n    if (!ToastStatic.node) {\r\n      ToastStatic.node = document.createElement('div');\r\n      const { body } = document;\r\n      if (!body) {\r\n        throw Error('There is no \"body\" element in \"document\"');\r\n      }\r\n      body.appendChild(ToastStatic.node);\r\n\r\n      ReactDOM.render(<Toast data-tid=\"StaticToast\" ref={el => (ToastStatic.instance = el)} />, ToastStatic.node, () =>\r\n        ToastStatic._push(notification, action),\r\n      );\r\n    } else {\r\n      ToastStatic._push(notification, action);\r\n    }\r\n  };\r\n\r\n  public static _push = (notification: string, action?: Action) => {\r\n    if (ToastStatic.instance) {\r\n      ToastStatic.instance.push(notification, action);\r\n    }\r\n  };\r\n\r\n  public static close = () => {\r\n    if (ToastStatic.instance) {\r\n      ToastStatic.instance.close();\r\n    }\r\n  };\r\n\r\n  private static node: HTMLDivElement;\r\n  private static instance: Nullable<Toast> = null;\r\n}\r\n"]}
+{"version":3,"sources":["ToastStatic.tsx"],"names":["React","ReactDOM","Toast","ToastStatic","push","notification","action","node","document","createElement","body","Error","appendChild","render","el","instance","_push","close"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,WAArB;;;;AAIA,SAASC,KAAT,QAA8B,SAA9B;;AAEA,WAAaC,WAAb,6BAAaA,W;AACGC,I,GAAO,UAACC,YAAD,EAAuBC,MAAvB,EAA2C;AAC9D,MAAI,CAACH,WAAW,CAACI,IAAjB,EAAuB;AACrBJ,IAAAA,WAAW,CAACI,IAAZ,GAAmBC,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAAnB;AACA,oBAAiBD,QAAjB,CAAQE,IAAR,aAAQA,IAAR;AACA,QAAI,CAACA,IAAL,EAAW;AACT,YAAMC,KAAK,CAAC,0CAAD,CAAX;AACD;AACDD,IAAAA,IAAI,CAACE,WAAL,CAAiBT,WAAW,CAACI,IAA7B;;AAEAN,IAAAA,QAAQ,CAACY,MAAT;AACE,wBAAC,KAAD,IAAO,YAAS,aAAhB,EAA8B,GAAG,EAAE,aAACC,EAAD,UAASX,WAAW,CAACY,QAAZ,GAAuBD,EAAhC,EAAnC,GADF;AAEEX,IAAAA,WAAW,CAACI,IAFd;AAGE,wBAAMJ,WAAW,CAACa,KAAZ,CAAkBX,YAAlB,EAAgCC,MAAhC,CAAN,EAHF;;AAKD,GAbD,MAaO;AACLH,IAAAA,WAAW,CAACa,KAAZ,CAAkBX,YAAlB,EAAgCC,MAAhC;AACD;AACF,C,CAlBUH,W;;AAoBGa,K,GAAQ,UAACX,YAAD,EAAuBC,MAAvB,EAA2C;AAC/D,MAAIH,WAAW,CAACY,QAAhB,EAA0B;AACxBZ,IAAAA,WAAW,CAACY,QAAZ,CAAqBX,IAArB,CAA0BC,YAA1B,EAAwCC,MAAxC;AACD;AACF,C,CAxBUH,W;;AA0BGc,K,GAAQ,YAAM;AAC1B,MAAId,WAAW,CAACY,QAAhB,EAA0B;AACxBZ,IAAAA,WAAW,CAACY,QAAZ,CAAqBE,KAArB;AACD;AACF,C,CA9BUd,W;;;AAiCIY,Q,GAA4B,I","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { Nullable } from '../../typings/utility-types';\n\nimport { Toast, Action } from './Toast';\n\nexport class ToastStatic {\n  public static push = (notification: string, action?: Action) => {\n    if (!ToastStatic.node) {\n      ToastStatic.node = document.createElement('div');\n      const { body } = document;\n      if (!body) {\n        throw Error('There is no \"body\" element in \"document\"');\n      }\n      body.appendChild(ToastStatic.node);\n\n      ReactDOM.render(\n        <Toast data-tid=\"StaticToast\" ref={(el) => (ToastStatic.instance = el)} />,\n        ToastStatic.node,\n        () => ToastStatic._push(notification, action),\n      );\n    } else {\n      ToastStatic._push(notification, action);\n    }\n  };\n\n  public static _push = (notification: string, action?: Action) => {\n    if (ToastStatic.instance) {\n      ToastStatic.instance.push(notification, action);\n    }\n  };\n\n  public static close = () => {\n    if (ToastStatic.instance) {\n      ToastStatic.instance.close();\n    }\n  };\n\n  private static node: HTMLDivElement;\n  private static instance: Nullable<Toast> = null;\n}\n"]}

package/components/Toast/ToastView/ToastView.js

@@ -1,14 +1,19 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+var _excluded = ["action", "onClose"];
+
+var _class, _class2, _temp;
+
 import React from 'react';
 import { func, shape, string } from 'prop-types';
 import { CrossIcon } from "../../../internal/icons/CrossIcon";
 import { ZIndex } from "../../../internal/ZIndex";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { jsStyles } from "../ToastView.styles";
-export var ToastView = /*#__PURE__*/function (_React$Component) {
+import { rootNode } from "../../../lib/rootNode";
+import { styles } from "../ToastView.styles";
+export var ToastView = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(ToastView, _React$Component);
 
   function ToastView() {
@@ -19,32 +24,32 @@ export var ToastView = /*#__PURE__*/function (_React$Component) {
     }
 
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-    _this.theme = void 0;
 
     _this.renderMain = function (props) {
       var action = props.action,
           onClose = props.onClose,
-          rest = _objectWithoutPropertiesLoose(props, ["action", "onClose"]);
+          rest = _objectWithoutPropertiesLoose(props, _excluded);
 
       var link = action ? /*#__PURE__*/React.createElement("span", {
         "data-tid": "ToastView__action",
-        className: jsStyles.link(_this.theme),
+        className: styles.link(_this.theme),
         onClick: action.handler
       }, action.label) : null;
       var close = action ? /*#__PURE__*/React.createElement("span", {
-        className: jsStyles.closeWrapper(_this.theme)
+        className: styles.closeWrapper(_this.theme)
       }, /*#__PURE__*/React.createElement("span", {
         "data-tid": "ToastView__close",
-        className: jsStyles.close(_this.theme),
+        className: styles.close(_this.theme),
         onClick: onClose
       }, /*#__PURE__*/React.createElement(CrossIcon, null))) : null;
       return /*#__PURE__*/React.createElement(ZIndex, {
         priority: "Toast",
-        className: jsStyles.wrapper()
+        className: styles.wrapper(_this.theme)
       }, /*#__PURE__*/React.createElement("div", _extends({
         "data-tid": "ToastView__root"
       }, rest, {
-        className: jsStyles.root(_this.theme)
+        className: styles.root(_this.theme),
+        ref: _this.setRootNode
       }), /*#__PURE__*/React.createElement("span", null, _this.props.children), link, close));
     };
 
@@ -63,19 +68,18 @@ export var ToastView = /*#__PURE__*/function (_React$Component) {
   };
 
   return ToastView;
-}(React.Component);
-ToastView.propTypes = {
-  /**
-  * Adds action handling and close icon for toast
+}(React.Component), _class2.propTypes = {
+  /**
+  * Adds action handling and close icon for toast
   */
   action: shape({
     label: string.isRequired,
     handler: func.isRequired
   }),
 
-  /**
-  * Toast content
+  /**
+  * Toast content
   */
   children: string.isRequired,
   onClose: func
-};
+}, _temp)) || _class;