@skbkontur/react-ui 2.17.6 → 2.17.7-sidepage-header

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

@@ -1 +1 @@
-{"version":3,"sources":["TextareaCounter.tsx"],"names":["handleHelpMouseDown","e","preventDefault","TextareaCounter","React","forwardRef","ref","length","value","help","onCloseHelp","textarea","theme","ThemeContext","clientWidth","width","setWidth","clientHeight","height","setHeight","reflow","renderTooltipContent","textareaValue","toString","counterValue","counterHelp","textareaCounterHelpIconColor","jsStyles","counterContainer","counter","counterError"],"mappings":"oPAAA;AACA;;AAEA;AACA;AACA;AACA;;;AAGA;;;;;;;;;;;;;;AAcA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,CAAD,UAAuBA,CAAC,CAACC,cAAF,EAAvB,EAA5B;;AAEO,IAAMC,eAAe,gBAAGC,eAAMC,UAAN,CAA2D,SAASF,eAAT;;AAExFG,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,GAAG,uBAAWC,0BAAX,CAAd,CADA;AAE0B,uBAASF,QAAQ,CAACG,WAAlB,CAF1B,CAEOC,KAFP,gBAEcC,QAFd;AAG4B,uBAASL,QAAQ,CAACM,YAAlB,CAH5B,CAGOC,MAHP,iBAGeC,SAHf;AAIA,MAAMC,MAAM,GAAG,SAATA,MAAS,GAAM;AACXN,IAAAA,WADW,GACmBH,QADnB,CACXG,WADW,CACEG,YADF,GACmBN,QADnB,CACEM,YADF;AAEnBD,IAAAA,QAAQ,CAACF,WAAD,CAAR;AACAK,IAAAA,SAAS,CAACF,YAAD,CAAT;AACD,GAJD;AAKA,wBAAUG,MAAV,EAAkB,CAACT,QAAD,CAAlB;AACA,kCAAoBL,GAApB,EAAyB,oBAAO,EAAEc,MAAM,EAANA,MAAF,EAAP,EAAzB,EAA6C,CAACd,GAAD,CAA7C;AACA,MAAMe,oBAAoB,GAAG,wBAAY,oBAAMZ,IAAN,EAAZ,EAAwB,CAACA,IAAD,CAAxB,CAA7B;AACA,MAAMa,aAAa,GAAGd,KAAK,GAAGA,KAAK,CAACe,QAAN,GAAiBhB,MAApB,GAA6B,CAAxD;AACA,MAAMiB,YAAY,GAAGjB,MAAM,GAAGe,aAA9B;AACA,MAAMG,WAAW,GAAG,uBAAWhB,IAAX;AAClBA,EAAAA,IAAI,EADc;;AAGlB,+BAAC,gBAAD,IAAS,GAAG,EAAE,cAAd,EAA8B,OAAO,EAAE,OAAvC,EAAgD,MAAM,EAAEY,oBAAxD,EAA8E,YAAY,EAAEX,WAA5F;AACE,+BAAC,eAAD,IAAa,WAAW,EAAEV,mBAA1B,EAA+C,KAAK,EAAEY,KAAK,CAACc,4BAA5D,GADF,CAHF;;;;AAQA;AACE,0CAAK,SAAS,EAAEC,mBAASC,gBAAT,CAA0BhB,KAA1B,CAAhB,EAAkD,KAAK,EAAE,EAAEG,KAAK,EAALA,KAAF,EAASG,MAAM,EAANA,MAAT,EAAzD;AACE;AACE,MAAA,SAAS,EAAE,yBAAGS,mBAASE,OAAT,CAAiBjB,KAAjB,CAAH;AACRe,yBAASG,YAAT,CAAsBlB,KAAtB,CADQ,IACuBY,YAAY,GAAG,CADtC,OADb;;;AAKGA,IAAAA,YALH;AAMGf,IAAAA,IAAI,iBAAI,uCAAM,SAAS,EAAEkB,mBAASF,WAAT,EAAjB,IAA0CA,WAA1C,CANX,CADF,CADF;;;;AAYD,CArC8B,CAAxB,C","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":["handleHelpMouseDown","e","preventDefault","TextareaCounter","React","forwardRef","ref","length","value","help","onCloseHelp","textarea","theme","ThemeContext","clientWidth","width","setWidth","clientHeight","height","setHeight","reflow","renderTooltipContent","textareaValue","toString","counterValue","counterHelp","textareaCounterHelpIconColor","jsStyles","counterContainer","counter","counterError"],"mappings":"oPAAA;AACA;;AAEA;AACA;AACA;AACA;;;AAGA;;;;;;;;;;;;;;AAcA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,CAAD,UAAuBA,CAAC,CAACC,cAAF,EAAvB,EAA5B;;AAEO,IAAMC,eAAe,gBAAGC,eAAMC,UAAN,CAA2D,SAASF,eAAT;;AAExFG,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,GAAG,uBAAWC,0BAAX,CAAd,CADA;AAE0B,uBAASF,QAAQ,CAACG,WAAlB,CAF1B,CAEOC,KAFP,gBAEcC,QAFd;AAG4B,uBAASL,QAAQ,CAACM,YAAlB,CAH5B,CAGOC,MAHP,iBAGeC,SAHf;AAIA,MAAMC,MAAM,GAAG,SAATA,MAAS,GAAM;AACXN,IAAAA,WADW,GACmBH,QADnB,CACXG,WADW,CACEG,YADF,GACmBN,QADnB,CACEM,YADF;AAEnBD,IAAAA,QAAQ,CAACF,WAAD,CAAR;AACAK,IAAAA,SAAS,CAACF,YAAD,CAAT;AACD,GAJD;AAKA,wBAAUG,MAAV,EAAkB,CAACT,QAAD,CAAlB;AACA,kCAAoBL,GAApB,EAAyB,oBAAO,EAAEc,MAAM,EAANA,MAAF,EAAP,EAAzB,EAA6C,CAACd,GAAD,CAA7C;AACA,MAAMe,oBAAoB,GAAG,wBAAY,oBAAMZ,IAAN,EAAZ,EAAwB,CAACA,IAAD,CAAxB,CAA7B;AACA,MAAMa,aAAa,GAAGd,KAAK,GAAGA,KAAK,CAACe,QAAN,GAAiBhB,MAApB,GAA6B,CAAxD;AACA,MAAMiB,YAAY,GAAGjB,MAAM,GAAGe,aAA9B;AACA,MAAMG,WAAW,GAAG,uBAAWhB,IAAX;AAClBA,EAAAA,IAAI,EADc;;AAGlB,+BAAC,gBAAD,IAAS,GAAG,EAAE,cAAd,EAA8B,OAAO,EAAE,OAAvC,EAAgD,MAAM,EAAEY,oBAAxD,EAA8E,YAAY,EAAEX,WAA5F;AACE,+BAAC,eAAD,IAAa,WAAW,EAAEV,mBAA1B,EAA+C,KAAK,EAAEY,KAAK,CAACc,4BAA5D,GADF,CAHF;;;;AAQA;AACE,0CAAK,SAAS,EAAEC,mBAASC,gBAAT,CAA0BhB,KAA1B,CAAhB,EAAkD,KAAK,EAAE,EAAEG,KAAK,EAALA,KAAF,EAASG,MAAM,EAANA,MAAT,EAAzD;AACE;AACE,MAAA,SAAS,EAAE,yBAAGS,mBAASE,OAAT,CAAiBjB,KAAjB,CAAH;AACRe,yBAASG,YAAT,CAAsBlB,KAAtB,CADQ,IACuBY,YAAY,GAAG,CADtC,OADb;;;AAKGA,IAAAA,YALH;AAMGf,IAAAA,IAAI,iBAAI,uCAAM,SAAS,EAAEkB,mBAASF,WAAT,EAAjB,IAA0CA,WAA1C,CANX,CADF,CADF;;;;AAYD,CArC8B,CAAxB,C","sourcesContent":["import React, { SyntheticEvent, useEffect, useContext, useCallback, useImperativeHandle, useState } from 'react';\nimport cn from 'classnames';\n\nimport { HelpDotIcon } from '../../internal/icons/16px';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isFunction } from '../../lib/utils';\nimport { Tooltip } from '../Tooltip';\n\nimport { TextareaProps } from './Textarea';\nimport { jsStyles } 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 = React.forwardRef<TextareaCounterRef, TextareaCounterProps>(function TextareaCounter(\n  { length, value, help, onCloseHelp, textarea },\n  ref,\n) {\n  const theme = useContext(ThemeContext);\n  const [width, setWidth] = useState(textarea.clientWidth);\n  const [height, setHeight] = useState(textarea.clientHeight);\n  const reflow = () => {\n    const { clientWidth, clientHeight } = textarea;\n    setWidth(clientWidth);\n    setHeight(clientHeight);\n  };\n  useEffect(reflow, [textarea]);\n  useImperativeHandle(ref, () => ({ reflow }), [ref]);\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={jsStyles.counterContainer(theme)} style={{ width, height }}>\n      <span\n        className={cn(jsStyles.counter(theme), {\n          [jsStyles.counterError(theme)]: counterValue < 0,\n        })}\n      >\n        {counterValue}\n        {help && <span className={jsStyles.counterHelp()}>{counterHelp}</span>}\n      </span>\n    </div>\n  );\n});\n"]}

package/cjs/components/Textarea/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":"qFAAO,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":"qFAAO,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) {\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/cjs/components/Textarea/index.js.map

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

package/cjs/components/ThemeConsumer/ThemeConsumer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ThemeConsumer.tsx"],"names":["ThemeConsumer","componentDidMount","render","props","children","React","Component"],"mappings":"yPAAA;AACA;;AAEA,8D;;;;;;;AAOaA,a;AACXC,EAAAA,iB,GAAA,6BAA0B;AACxB,0BAAQ,IAAR,EAAc,uIAAd;AACD,G;AACDC,EAAAA,M,GAAA,kBAAS;AACP,wBAAO,6BAAC,0BAAD,CAAc,QAAd,QAAwB,KAAKC,KAAL,CAAWC,QAAnC,CAAP;AACD,G,wBANgCC,eAAMC,S","sourcesContent":["import React, { ReactNode } from 'react';\r\nimport warning from 'warning';\r\n\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\ninterface ThemeConsumerProps {\r\n  children: (theme: Theme) => ReactNode;\r\n}\r\n\r\nexport class ThemeConsumer extends React.Component<ThemeConsumerProps> {\r\n  componentDidMount(): void {\r\n    warning(true, \"ThemeConsumer was deprecated please use 'ThemeContext' instead. \\nSee https://tech.skbkontur.ru/react-ui/#/Customization/ThemeContext\");\r\n  }\r\n  render() {\r\n    return <ThemeContext.Consumer>{this.props.children}</ThemeContext.Consumer>\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["ThemeConsumer.tsx"],"names":["ThemeConsumer","componentDidMount","render","props","children","React","Component"],"mappings":"yPAAA;AACA;;AAEA,8D;;;;;;;AAOaA,a;AACXC,EAAAA,iB,GAAA,6BAA0B;AACxB,0BAAQ,IAAR,EAAc,uIAAd;AACD,G;AACDC,EAAAA,M,GAAA,kBAAS;AACP,wBAAO,6BAAC,0BAAD,CAAc,QAAd,QAAwB,KAAKC,KAAL,CAAWC,QAAnC,CAAP;AACD,G,wBANgCC,eAAMC,S","sourcesContent":["import React, { ReactNode } from 'react';\nimport warning from 'warning';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\n\ninterface ThemeConsumerProps {\n  children: (theme: Theme) => ReactNode;\n}\n\nexport class ThemeConsumer extends React.Component<ThemeConsumerProps> {\n  componentDidMount(): void {\n    warning(true, \"ThemeConsumer was deprecated please use 'ThemeContext' instead. \\nSee https://tech.skbkontur.ru/react-ui/#/Customization/ThemeContext\");\n  }\n  render() {\n    return <ThemeContext.Consumer>{this.props.children}</ThemeContext.Consumer>\n  }\n}\n"]}

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

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

package/cjs/components/ThemeProvider/ThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ThemeProvider.tsx"],"names":["ThemeProvider","props","theme","makeFullTheme","value","componentDidMount","UNSAFE_componentWillReceiveProps","nextProps","isDevelopmentEnv","hasSameShape","JSON","stringify","render","children","ThemeFactory","isFullTheme","create","React","Component","__KONTUR_REACT_UI__"],"mappings":"yPAAA;AACA;AACA;;AAEA;;AAEA;AACA,kE;;;;;;;AAOaA,a;;;;;AAKX,yBAAYC,KAAZ,EAAuC;AACrC,wCAAMA,KAAN,UADqC,MAF/BC,KAE+B;AAErC,UAAKA,KAAL,GAAa,MAAKC,aAAL,CAAmBF,KAAK,CAACG,KAAzB,CAAb,CAFqC;AAGtC,G;;AAEDC,EAAAA,iB,GAAA,6BAA0B;AACxB;AACE,QADF;AAEE,2IAFF;;AAID,G;;AAEMC,EAAAA,gC,GAAP,0CAAwCC,SAAxC,EAAuF;AACrF,QAAIA,SAAS,CAACH,KAAV,KAAoB,KAAKH,KAAL,CAAWG,KAAnC,EAA0C;AACxC,UAAII,oCAAJ,EAAsB;AACpB,YAAMC,YAAY,GAAG,qBAAQF,SAAS,CAACH,KAAlB,EAAyB,KAAKH,KAAL,CAAWG,KAApC,CAArB;AACA;AACE,SAACK,YADH;AAEE;AACE,YADF;;AAGE,YAHF;AAIYC,QAAAA,IAAI,CAACC,SAAL,CAAeJ,SAAS,CAACH,KAAzB,CAJZ,CAFF;;AAQD;;AAED,WAAKF,KAAL,GAAa,KAAKC,aAAL,CAAmBI,SAAS,CAACH,KAA7B,CAAb;AACD;AACF,G;;AAEMQ,EAAAA,M,GAAP,kBAAgB;AACd,wBAAO,6BAAC,0BAAD,CAAc,QAAd,IAAuB,KAAK,EAAE,KAAKV,KAAnC,IAA2C,KAAKD,KAAL,CAAWY,QAAtD,CAAP;AACD,G;;AAEOV,EAAAA,a,GAAR,uBAAsBD,KAAtB,EAAqD;AACnD,WAAOY,2BAAaC,WAAb,CAAyBb,KAAzB,IAAkCA,KAAlC,GAA0CY,2BAAaE,MAAb,CAA6Bd,KAA7B,CAAjD;AACD,G,wBAzCgCe,eAAMC,S,wCAA5BlB,a,CACGmB,mB,GAAsB,e","sourcesContent":["import React from 'react';\r\nimport isEqual from 'lodash.isequal';\r\nimport warning from 'warning';\r\n\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme, ThemeIn } from '../../lib/theming/Theme';\r\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\r\nimport { isDevelopmentEnv } from '../../lib/currentEnvironment';\r\n\r\ninterface ThemeProviderProps {\r\n  children: React.ReactNode;\r\n  value: ThemeIn | Theme;\r\n}\r\n\r\nexport class ThemeProvider extends React.Component<ThemeProviderProps> {\r\n  public static __KONTUR_REACT_UI__ = 'ThemeProvider';\r\n\r\n  private theme: Theme;\r\n\r\n  constructor(props: ThemeProviderProps) {\r\n    super(props);\r\n    this.theme = this.makeFullTheme(props.value);\r\n  }\r\n\r\n  componentDidMount(): void {\r\n    warning(\r\n      true,\r\n      \"ThemeProvider was deprecated please use 'ThemeContext' instead. \\nSee https://tech.skbkontur.ru/react-ui/#/Customization/ThemeContext\",\r\n    );\r\n  }\r\n\r\n  public UNSAFE_componentWillReceiveProps(nextProps: Readonly<ThemeProviderProps>): void {\r\n    if (nextProps.value !== this.props.value) {\r\n      if (isDevelopmentEnv) {\r\n        const hasSameShape = isEqual(nextProps.value, this.props.value);\r\n        warning(\r\n          !hasSameShape,\r\n          `ThemeProvider received next value with the same shape as the previous one.` +\r\n            '\\n' +\r\n            `Consider using the same object reference for performance reasons.` +\r\n            '\\n' +\r\n            `Shape: ${JSON.stringify(nextProps.value)}`,\r\n        );\r\n      }\r\n\r\n      this.theme = this.makeFullTheme(nextProps.value);\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    return <ThemeContext.Provider value={this.theme}>{this.props.children}</ThemeContext.Provider>;\r\n  }\r\n\r\n  private makeFullTheme(theme: ThemeIn | Theme): Theme {\r\n    return ThemeFactory.isFullTheme(theme) ? theme : ThemeFactory.create<ThemeIn>(theme);\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["ThemeProvider.tsx"],"names":["ThemeProvider","props","theme","makeFullTheme","value","componentDidMount","UNSAFE_componentWillReceiveProps","nextProps","isDevelopmentEnv","hasSameShape","JSON","stringify","render","children","ThemeFactory","isFullTheme","create","React","Component","__KONTUR_REACT_UI__"],"mappings":"yPAAA;AACA;AACA;;AAEA;;AAEA;AACA,kE;;;;;;;AAOaA,a;;;;;AAKX,yBAAYC,KAAZ,EAAuC;AACrC,wCAAMA,KAAN,UADqC,MAF/BC,KAE+B;AAErC,UAAKA,KAAL,GAAa,MAAKC,aAAL,CAAmBF,KAAK,CAACG,KAAzB,CAAb,CAFqC;AAGtC,G;;AAEDC,EAAAA,iB,GAAA,6BAA0B;AACxB;AACE,QADF;AAEE,2IAFF;;AAID,G;;AAEMC,EAAAA,gC,GAAP,0CAAwCC,SAAxC,EAAuF;AACrF,QAAIA,SAAS,CAACH,KAAV,KAAoB,KAAKH,KAAL,CAAWG,KAAnC,EAA0C;AACxC,UAAII,oCAAJ,EAAsB;AACpB,YAAMC,YAAY,GAAG,qBAAQF,SAAS,CAACH,KAAlB,EAAyB,KAAKH,KAAL,CAAWG,KAApC,CAArB;AACA;AACE,SAACK,YADH;AAEE;AACE,YADF;;AAGE,YAHF;AAIYC,QAAAA,IAAI,CAACC,SAAL,CAAeJ,SAAS,CAACH,KAAzB,CAJZ,CAFF;;AAQD;;AAED,WAAKF,KAAL,GAAa,KAAKC,aAAL,CAAmBI,SAAS,CAACH,KAA7B,CAAb;AACD;AACF,G;;AAEMQ,EAAAA,M,GAAP,kBAAgB;AACd,wBAAO,6BAAC,0BAAD,CAAc,QAAd,IAAuB,KAAK,EAAE,KAAKV,KAAnC,IAA2C,KAAKD,KAAL,CAAWY,QAAtD,CAAP;AACD,G;;AAEOV,EAAAA,a,GAAR,uBAAsBD,KAAtB,EAAqD;AACnD,WAAOY,2BAAaC,WAAb,CAAyBb,KAAzB,IAAkCA,KAAlC,GAA0CY,2BAAaE,MAAb,CAA6Bd,KAA7B,CAAjD;AACD,G,wBAzCgCe,eAAMC,S,wCAA5BlB,a,CACGmB,mB,GAAsB,e","sourcesContent":["import React from 'react';\nimport isEqual from 'lodash.isequal';\nimport warning from 'warning';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { isDevelopmentEnv } from '../../lib/currentEnvironment';\n\ninterface ThemeProviderProps {\n  children: React.ReactNode;\n  value: ThemeIn | Theme;\n}\n\nexport class ThemeProvider extends React.Component<ThemeProviderProps> {\n  public static __KONTUR_REACT_UI__ = 'ThemeProvider';\n\n  private theme: Theme;\n\n  constructor(props: ThemeProviderProps) {\n    super(props);\n    this.theme = this.makeFullTheme(props.value);\n  }\n\n  componentDidMount(): void {\n    warning(\n      true,\n      \"ThemeProvider was deprecated please use 'ThemeContext' instead. \\nSee https://tech.skbkontur.ru/react-ui/#/Customization/ThemeContext\",\n    );\n  }\n\n  public UNSAFE_componentWillReceiveProps(nextProps: Readonly<ThemeProviderProps>): void {\n    if (nextProps.value !== this.props.value) {\n      if (isDevelopmentEnv) {\n        const hasSameShape = isEqual(nextProps.value, this.props.value);\n        warning(\n          !hasSameShape,\n          `ThemeProvider received next value with the same shape as the previous one.` +\n            '\\n' +\n            `Consider using the same object reference for performance reasons.` +\n            '\\n' +\n            `Shape: ${JSON.stringify(nextProps.value)}`,\n        );\n      }\n\n      this.theme = this.makeFullTheme(nextProps.value);\n    }\n  }\n\n  public render() {\n    return <ThemeContext.Provider value={this.theme}>{this.props.children}</ThemeContext.Provider>;\n  }\n\n  private makeFullTheme(theme: ThemeIn | Theme): Theme {\n    return ThemeFactory.isFullTheme(theme) ? theme : ThemeFactory.create<ThemeIn>(theme);\n  }\n}\n"]}

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

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

package/cjs/components/Toast/Toast.js

@@ -26,14 +26,14 @@ var _ToastStatic = require("./ToastStatic");
 
 
 
-/**
- * Показывает уведомления.
- *
- * Доступен статический метод: `Toast.push(notification, action?)`.
- * Однако, при его использовании не работает кастомизация и могут быть проблемы
- * с перекрытием уведомления другими элементами страницы.
- *
- * Рекомендуется использовать Toast через `ref` (см. примеры).
+/**
+ * Показывает уведомления.
+ *
+ * Доступен статический метод: `Toast.push(notification, action?)`.
+ * Однако, при его использовании не работает кастомизация и могут быть проблемы
+ * с перекрытием уведомления другими элементами страницы.
+ *
+ * Рекомендуется использовать Toast через `ref` (см. примеры).
  */var
 Toast = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Toast, _React$Component);Toast.
 
@@ -153,15 +153,15 @@ Toast = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(T
 
     _refToast = function (element) {
       _this._toast = element;
-    };_this.state = { notification: null, action: null, id: 0 };return _this;}var _proto = Toast.prototype;_proto.componentWillUnmount = function componentWillUnmount() {this._clearTimer();};_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_RenderContainer.RenderContainer, null, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.TransitionGroup, null, this._renderToast()));} /**
-   * Показывает тост с `notification` в качестве сообщения.
-   * Тост автоматически скрывается через 3 или 7 секунд,
-   * в зависимости от наличия у него кнопки `action`.
-   *
-   * `action` опциональный параметр формата `{ label: string, handler: function }` добавляет кнопку в виде ссылки при клике на которую вызывается переданный handler
-   * @public
-   * @param notification
-   * @param action
-   */;_proto.push = function push(notification, action) {if (this.state.notification) {this.close();}safelyCall(this.props.onPush, notification, action);this.setState(function (_ref) {var id = _ref.id;return { notification: notification, action: action, id: id + 1 };}, this._setTimer);} /**
-   * @public
+    };_this.state = { notification: null, action: null, id: 0 };return _this;}var _proto = Toast.prototype;_proto.componentWillUnmount = function componentWillUnmount() {this._clearTimer();};_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_RenderContainer.RenderContainer, null, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.TransitionGroup, null, this._renderToast()));} /**
+   * Показывает тост с `notification` в качестве сообщения.
+   * Тост автоматически скрывается через 3 или 7 секунд,
+   * в зависимости от наличия у него кнопки `action`.
+   *
+   * `action` опциональный параметр формата `{ label: string, handler: function }` добавляет кнопку в виде ссылки при клике на которую вызывается переданный handler
+   * @public
+   * @param notification
+   * @param action
+   */;_proto.push = function push(notification, action) {if (this.state.notification) {this.close();}safelyCall(this.props.onPush, notification, action);this.setState(function (_ref) {var id = _ref.id;return { notification: notification, action: action, id: id + 1 };}, this._setTimer);} /**
+   * @public
    */;_proto._renderToast = function _renderToast() {var _this$state = this.state,notification = _this$state.notification,action = _this$state.action,id = _this$state.id;if (!notification) {return null;}var toastProps = { onMouseEnter: this._clearTimer, onMouseLeave: this._setTimer, onClose: this.close, children: notification, action: action };return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, { key: id, classNames: { enter: _Toast.jsStyles.enter(), enterActive: _Toast.jsStyles.enterActive(), exit: _Toast.jsStyles.exit(), exitActive: _Toast.jsStyles.exitActive() }, timeout: { enter: 200, exit: 150 }, enter: !_currentEnvironment.isTestEnv, exit: !_currentEnvironment.isTestEnv }, /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, /*#__PURE__*/_react.default.createElement(_ToastView.ToastView, (0, _extends2.default)({ ref: this._refToast }, toastProps))));};return Toast;}(_react.default.Component);exports.Toast = Toast;Toast.__KONTUR_REACT_UI__ = 'Toast';function safelyCall(fn) {if (fn) {for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {args[_key - 1] = arguments[_key];}fn.apply(void 0, args);}}

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

@@ -1 +1 @@
-{"version":3,"sources":["Toast.tsx"],"names":["Toast","push","notification","action","ToastStatic","close","props","_toast","_timeout","safelyCall","onClose","state","setState","_clearTimer","clearTimeout","_setTimer","timeOut","window","setTimeout","_refToast","element","id","componentWillUnmount","render","_renderToast","onPush","toastProps","onMouseEnter","onMouseLeave","children","enter","jsStyles","enterActive","exit","exitActive","isTestEnv","React","Component","__KONTUR_REACT_UI__","fn","args"],"mappings":"mUAAA;AACA;;AAEA;;AAEA;AACA;;AAEA;AACA;AACA;;;;;;;;;;;;;;;;;;AAkBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,G;AACaA,K;;;AAGGC,EAAAA,I,GAAd,cAAmBC,YAAnB,EAAyCC,MAAzC,EAA0D;AACxDC,6BAAYH,IAAZ,CAAiBC,YAAjB,EAA+BC,MAA/B;AACD,G;;AAEaE,EAAAA,K,GAAd,iBAAsB;AACpBD,6BAAYC,KAAZ;AACD,G;;;;;AAKD,iBAAYC,KAAZ,EAA+B;AAC7B,wCAAMA,KAAN,UAD6B,MAHxBC,MAGwB,gBAFvBC,QAEuB,GAFM,IAEN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CxBH,IAAAA,KA5CwB,GA4ChB,YAAM;AACnBI,MAAAA,UAAU,CAAC,MAAKH,KAAL,CAAWI,OAAZ,EAAqB,MAAKC,KAAL,CAAWT,YAAhC,EAA8C,MAAKS,KAAL,CAAWR,MAAzD,CAAV;AACA,YAAKS,QAAL,CAAc,EAAEV,YAAY,EAAE,IAAhB,EAAsBC,MAAM,EAAE,IAA9B,EAAd;AACD,KA/C8B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFvBU,IAAAA,WAvFuB,GAuFT,YAAM;AAC1B,UAAI,MAAKL,QAAT,EAAmB;AACjBM,QAAAA,YAAY,CAAC,MAAKN,QAAN,CAAZ;AACA,cAAKA,QAAL,GAAgB,IAAhB;AACD;AACF,KA5F8B;;AA8FvBO,IAAAA,SA9FuB,GA8FX,YAAM;AACxB,YAAKF,WAAL;;AAEA,UAAMG,OAAO,GAAG,MAAKL,KAAL,CAAWR,MAAX,GAAoB,CAApB,GAAwB,CAAxC;;AAEA,YAAKK,QAAL,GAAgBS,MAAM,CAACC,UAAP,CAAkB,MAAKb,KAAvB,EAA8BW,OAAO,GAAG,IAAxC,CAAhB;AACD,KApG8B;;AAsGvBG,IAAAA,SAtGuB,GAsGX,UAACC,OAAD,EAAwB;AAC1C,YAAKb,MAAL,GAAca,OAAd;AACD,KAxG8B,CAE7B,MAAKT,KAAL,GAAa,EACXT,YAAY,EAAE,IADH,EAEXC,MAAM,EAAE,IAFG,EAGXkB,EAAE,EAAE,CAHO,EAAb,CAF6B,aAO9B,C,oCAEMC,oB,GAAP,gCAA8B,CAC5B,KAAKT,WAAL,GACD,C,QAEMU,M,GAAP,kBAAgB,CACd,oBACE,6BAAC,gCAAD,qBACE,6BAAC,qCAAD,QAAkB,KAAKC,YAAL,EAAlB,CADF,CADF,CAKD,C,CAED;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,K,QACSvB,I,GAAP,cAAYC,YAAZ,EAAkCC,MAAlC,EAAmD,CACjD,IAAI,KAAKQ,KAAL,CAAWT,YAAf,EAA6B,CAC3B,KAAKG,KAAL,GACD,CAEDI,UAAU,CAAC,KAAKH,KAAL,CAAWmB,MAAZ,EAAoBvB,YAApB,EAAkCC,MAAlC,CAAV,CAEA,KAAKS,QAAL,CAAc,qBAAGS,EAAH,QAAGA,EAAH,QAAa,EAAEnB,YAAY,EAAZA,YAAF,EAAgBC,MAAM,EAANA,MAAhB,EAAwBkB,EAAE,EAAEA,EAAE,GAAG,CAAjC,EAAb,EAAd,EAAkE,KAAKN,SAAvE,EACD,C,CAED;AACF;AACA,K,QAMUS,Y,GAAR,wBAAuB,mBACgB,KAAKb,KADrB,CACbT,YADa,eACbA,YADa,CACCC,MADD,eACCA,MADD,CACSkB,EADT,eACSA,EADT,CAGrB,IAAI,CAACnB,YAAL,EAAmB,CACjB,OAAO,IAAP,CACD,CAED,IAAMwB,UAA0B,GAAG,EACjCC,YAAY,EAAE,KAAKd,WADc,EAEjCe,YAAY,EAAE,KAAKb,SAFc,EAGjCL,OAAO,EAAE,KAAKL,KAHmB,EAIjCwB,QAAQ,EAAE3B,YAJuB,EAKjCC,MAAM,EAANA,MALiC,EAAnC,CAQA,oBACE,6BAAC,mCAAD,IACE,GAAG,EAAEkB,EADP,EAEE,UAAU,EAAE,EACVS,KAAK,EAAEC,gBAASD,KAAT,EADG,EAEVE,WAAW,EAAED,gBAASC,WAAT,EAFH,EAGVC,IAAI,EAAEF,gBAASE,IAAT,EAHI,EAIVC,UAAU,EAAEH,gBAASG,UAAT,EAJF,EAFd,EAQE,OAAO,EAAE,EACPJ,KAAK,EAAE,GADA,EAEPG,IAAI,EAAE,GAFC,EARX,EAYE,KAAK,EAAE,CAACE,6BAZV,EAaE,IAAI,EAAE,CAACA,6BAbT,iBAeE,6BAAC,4BAAD,EAAmB,KAAK7B,KAAxB,eACE,6BAAC,oBAAD,2BAAW,GAAG,EAAE,KAAKa,SAArB,IAAoCO,UAApC,EADF,CAfF,CADF,CAqBD,C,gBAnGwBU,eAAMC,S,wBAApBrC,K,CACGsC,mB,GAAsB,O,CAwHtC,SAAS7B,UAAT,CAAoB8B,EAApB,EAAoE,CAClE,IAAIA,EAAJ,EAAQ,mCAD6CC,IAC7C,uEAD6CA,IAC7C,8BACND,EAAE,MAAF,SAAMC,IAAN,EACD,CACF","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   * `action` опциональный параметр формата `{ label: string, handler: function }` добавляет кнопку в виде ссылки при клике на которую вызывается переданный handler\r\n   * @public\r\n   * @param notification\r\n   * @param action\r\n   */\r\n  public push(notification: string, action?: Action) {\r\n    if (this.state.notification) {\r\n      this.close();\r\n    }\r\n\r\n    safelyCall(this.props.onPush, notification, action);\r\n\r\n    this.setState(({ id }) => ({ notification, action, id: id + 1 }), this._setTimer);\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public close = () => {\r\n    safelyCall(this.props.onClose, this.state.notification, this.state.action);\r\n    this.setState({ notification: null, action: null });\r\n  };\r\n\r\n  private _renderToast() {\r\n    const { notification, action, id } = this.state;\r\n\r\n    if (!notification) {\r\n      return null;\r\n    }\r\n\r\n    const toastProps: ToastViewProps = {\r\n      onMouseEnter: this._clearTimer,\r\n      onMouseLeave: this._setTimer,\r\n      onClose: this.close,\r\n      children: notification,\r\n      action,\r\n    };\r\n\r\n    return (\r\n      <CSSTransition\r\n        key={id}\r\n        classNames={{\r\n          enter: jsStyles.enter(),\r\n          enterActive: jsStyles.enterActive(),\r\n          exit: jsStyles.exit(),\r\n          exitActive: jsStyles.exitActive(),\r\n        }}\r\n        timeout={{\r\n          enter: 200,\r\n          exit: 150,\r\n        }}\r\n        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":["Toast","push","notification","action","ToastStatic","close","props","_toast","_timeout","safelyCall","onClose","state","setState","_clearTimer","clearTimeout","_setTimer","timeOut","window","setTimeout","_refToast","element","id","componentWillUnmount","render","_renderToast","onPush","toastProps","onMouseEnter","onMouseLeave","children","enter","jsStyles","enterActive","exit","exitActive","isTestEnv","React","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';\n\nimport { jsStyles } 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 */\nexport class Toast extends React.Component<ToastProps, ToastState> {\n  public static __KONTUR_REACT_UI__ = 'Toast';\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\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   * `action` опциональный параметр формата `{ label: string, handler: function }` добавляет кнопку в виде ссылки при клике на которую вызывается переданный handler\n   * @public\n   * @param notification\n   * @param action\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: jsStyles.enter(),\n          enterActive: jsStyles.enterActive(),\n          exit: jsStyles.exit(),\n          exitActive: jsStyles.exitActive(),\n        }}\n        timeout={{\n          enter: 200,\n          exit: 150,\n        }}\n        enter={!isTestEnv}\n        exit={!isTestEnv}\n      >\n        <CommonWrapper {...this.props}>\n          <ToastView ref={this._refToast} {...toastProps} />\n        </CommonWrapper>\n      </CSSTransition>\n    );\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/cjs/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/cjs/components/Toast/Toast.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Toast.styles.ts"],"names":["styles","enter","css","enterActive","exit","exitActive","jsStyles"],"mappings":"8QAAA,oD;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,KADa,mBACL;AACN,eAAOC,YAAP;;;AAGD,GALY;AAMbC,EAAAA,WANa,yBAMC;AACZ,eAAOD,YAAP;;;;AAID,GAXY;AAYbE,EAAAA,IAZa,kBAYN;AACL,eAAOF,YAAP;;;;AAID,GAjBY;AAkBbG,EAAAA,UAlBa,wBAkBA;AACX,eAAOH,YAAP;;;;AAID,GAvBY,EAAf;;;AA0BO,IAAMI,QAAQ,GAAG,2BAAaN,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\n\r\nconst styles = {\r\n  enter() {\r\n    return css`\r\n      transform: translateY(-40px);\r\n    `;\r\n  },\r\n  enterActive() {\r\n    return css`\r\n      transition: transform 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);\r\n      transform: translateY(0);\r\n    `;\r\n  },\r\n  exit() {\r\n    return css`\r\n      transform: translateY(0);\r\n      opacity: 1;\r\n    `;\r\n  },\r\n  exitActive() {\r\n    return css`\r\n      opacity: 0.01;\r\n      transition: opacity 0.15s ease-out;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["Toast.styles.ts"],"names":["styles","enter","css","enterActive","exit","exitActive","jsStyles"],"mappings":"8QAAA,oD;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,KADa,mBACL;AACN,eAAOC,YAAP;;;AAGD,GALY;AAMbC,EAAAA,WANa,yBAMC;AACZ,eAAOD,YAAP;;;;AAID,GAXY;AAYbE,EAAAA,IAZa,kBAYN;AACL,eAAOF,YAAP;;;;AAID,GAjBY;AAkBbG,EAAAA,UAlBa,wBAkBA;AACX,eAAOH,YAAP;;;;AAID,GAvBY,EAAf;;;AA0BO,IAAMI,QAAQ,GAAG,2BAAaN,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nconst styles = {\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);\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;\n      transition: opacity 0.15s ease-out;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["ToastStatic.tsx"],"names":["ToastStatic","push","notification","action","node","document","createElement","body","Error","appendChild","ReactDOM","render","el","instance","_push","close"],"mappings":"yJAAA;AACA;;;;AAIA,gC;;;AAGaA,W,+DAAAA,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;;AAEAM,sBAASC,MAAT,eAAgB,6BAAC,YAAD,IAAO,YAAS,aAAhB,EAA8B,GAAG,EAAE,aAAAC,EAAE,UAAKZ,WAAW,CAACa,QAAZ,GAAuBD,EAA5B,EAArC,GAAhB,EAA0FZ,WAAW,CAACI,IAAtG,EAA4G;AAC1GJ,QAAAA,WAAW,CAACc,KAAZ,CAAkBZ,YAAlB,EAAgCC,MAAhC,CAD0G,GAA5G;;AAGD,GAXD,MAWO;AACLH,IAAAA,WAAW,CAACc,KAAZ,CAAkBZ,YAAlB,EAAgCC,MAAhC;AACD;AACF,C,CAhBUH,W;;AAkBGc,K,GAAQ,UAACZ,YAAD,EAAuBC,MAAvB,EAA2C;AAC/D,MAAIH,WAAW,CAACa,QAAhB,EAA0B;AACxBb,IAAAA,WAAW,CAACa,QAAZ,CAAqBZ,IAArB,CAA0BC,YAA1B,EAAwCC,MAAxC;AACD;AACF,C,CAtBUH,W;;AAwBGe,K,GAAQ,YAAM;AAC1B,MAAIf,WAAW,CAACa,QAAhB,EAA0B;AACxBb,IAAAA,WAAW,CAACa,QAAZ,CAAqBE,KAArB;AACD;AACF,C,CA5BUf,W;;AA8BII,I,UA9BJJ,W;AA+BIa,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":["ToastStatic","push","notification","action","node","document","createElement","body","Error","appendChild","ReactDOM","render","el","instance","_push","close"],"mappings":"yJAAA;AACA;;;;AAIA,gC;;;AAGaA,W,+DAAAA,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;;AAEAM,sBAASC,MAAT,eAAgB,6BAAC,YAAD,IAAO,YAAS,aAAhB,EAA8B,GAAG,EAAE,aAAAC,EAAE,UAAKZ,WAAW,CAACa,QAAZ,GAAuBD,EAA5B,EAArC,GAAhB,EAA0FZ,WAAW,CAACI,IAAtG,EAA4G;AAC1GJ,QAAAA,WAAW,CAACc,KAAZ,CAAkBZ,YAAlB,EAAgCC,MAAhC,CAD0G,GAA5G;;AAGD,GAXD,MAWO;AACLH,IAAAA,WAAW,CAACc,KAAZ,CAAkBZ,YAAlB,EAAgCC,MAAhC;AACD;AACF,C,CAhBUH,W;;AAkBGc,K,GAAQ,UAACZ,YAAD,EAAuBC,MAAvB,EAA2C;AAC/D,MAAIH,WAAW,CAACa,QAAhB,EAA0B;AACxBb,IAAAA,WAAW,CAACa,QAAZ,CAAqBZ,IAArB,CAA0BC,YAA1B,EAAwCC,MAAxC;AACD;AACF,C,CAtBUH,W;;AAwBGe,K,GAAQ,YAAM;AAC1B,MAAIf,WAAW,CAACa,QAAhB,EAA0B;AACxBb,IAAAA,WAAW,CAACa,QAAZ,CAAqBE,KAArB;AACD;AACF,C,CA5BUf,W;;AA8BII,I,UA9BJJ,W;AA+BIa,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\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(<Toast data-tid=\"StaticToast\" ref={el => (ToastStatic.instance = el)} />, 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/cjs/components/Toast/ToastView.js

@@ -81,8 +81,8 @@ ToastView = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.defaul
 
 
 
-    };return _this;}var _proto = ToastView.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, _this2.props, _this2.renderMain);});};return ToastView;}(_react.default.Component);exports.ToastView = ToastView;ToastView.propTypes = { /**
-   * Adds action handling and close icon for toast
-   */action: (0, _propTypes.shape)({ label: _propTypes.string.isRequired, handler: _propTypes.func.isRequired }), /**
-   * Toast content
+    };return _this;}var _proto = ToastView.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, _this2.props, _this2.renderMain);});};return ToastView;}(_react.default.Component);exports.ToastView = ToastView;ToastView.propTypes = { /**
+   * Adds action handling and close icon for toast
+   */action: (0, _propTypes.shape)({ label: _propTypes.string.isRequired, handler: _propTypes.func.isRequired }), /**
+   * Toast content
    */children: _propTypes.string.isRequired, onClose: _propTypes.func };

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

@@ -1 +1 @@
-{"version":3,"sources":["ToastView.tsx"],"names":["ToastView","theme","renderMain","props","action","onClose","rest","link","jsStyles","handler","label","close","closeWrapper","wrapper","root","children","render","React","Component","propTypes","string","isRequired","func"],"mappings":"mcAAA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA,+C;;;;;;;;;;;;;;;;;;;AAmBaA,S;;;;;;;;;;;;;;;;AAgBHC,IAAAA,K;;;;;;;;;;;;;AAaAC,IAAAA,U,GAAa,UAACC,KAAD,EAAmD;AAC9DC,MAAAA,MAD8D,GACjCD,KADiC,CAC9DC,MAD8D,CACtDC,OADsD,GACjCF,KADiC,CACtDE,OADsD,CAC1CC,IAD0C,+CACjCH,KADiC;;AAGtE,UAAMI,IAAI,GAAGH,MAAM;AACjB,6CAAM,YAAS,mBAAf,EAAmC,SAAS,EAAEI,oBAASD,IAAT,CAAc,MAAKN,KAAnB,CAA9C,EAAyE,OAAO,EAAEG,MAAM,CAACK,OAAzF;AACGL,MAAAA,MAAM,CAACM,KADV,CADiB;;AAIf,UAJJ;;AAMA,UAAMC,KAAK,GAAGP,MAAM;AAClB,6CAAM,SAAS,EAAEI,oBAASI,YAAT,CAAsB,MAAKX,KAA3B,CAAjB;AACE,6CAAM,YAAS,kBAAf,EAAkC,SAAS,EAAEO,oBAASG,KAAT,CAAe,MAAKV,KAApB,CAA7C,EAAyE,OAAO,EAAEI,OAAlF;AACE,mCAAC,oBAAD,OADF,CADF,CADkB;;;AAMhB,UANJ;;AAQA;AACE,qCAAC,cAAD,IAAQ,QAAQ,EAAC,OAAjB,EAAyB,SAAS,EAAEG,oBAASK,OAAT,EAApC;AACE,qEAAK,YAAS,iBAAd,IAAoCP,IAApC,IAA0C,SAAS,EAAEE,oBAASM,IAAT,CAAc,MAAKb,KAAnB,CAArD;AACE,mDAAO,MAAKE,KAAL,CAAWY,QAAlB,CADF;AAEGR,QAAAA,IAFH;AAGGI,QAAAA,KAHH,CADF,CADF;;;;AASD,K,uDArCMK,M,GAAP,kBAAgB,mBACd,oBACE,6BAAC,0BAAD,CAAc,QAAd,QACG,UAAAf,KAAK,EAAI,CACR,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,oBAAO,6BAAC,4BAAD,EAAmB,MAAI,CAACE,KAAxB,EAAgC,MAAI,CAACD,UAArC,CAAP,CACD,CAJH,CADF,CAQD,C,oBA3B4Be,eAAMC,S,gCAAxBlB,S,CACGmB,S,GAAY,EACxB;AACJ;AACA,KACIf,MAAM,EAAE,sBAAM,EACZM,KAAK,EAAEU,kBAAOC,UADF,EAEZZ,OAAO,EAAEa,gBAAKD,UAFF,EAAN,CAJgB,EAQxB;AACJ;AACA,KACIN,QAAQ,EAAEK,kBAAOC,UAXO,EAYxBhB,OAAO,EAAEiB,eAZe,E","sourcesContent":["import React from 'react';\r\nimport { func, shape, string } from 'prop-types';\r\n\r\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\r\nimport { ZIndex } from '../../internal/ZIndex';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles } from './ToastView.styles';\r\n\r\nexport interface ToastViewProps extends CommonProps {\r\n  /**\r\n   * Toast content\r\n   */\r\n  children?: string;\r\n  /**\r\n   * Adds action handling and close icon for toast\r\n   */\r\n  action?: {\r\n    label: string;\r\n    handler: () => void;\r\n  } | null;\r\n  onClose?: () => void;\r\n  onMouseEnter?: () => void;\r\n  onMouseLeave?: () => void;\r\n}\r\n\r\nexport class ToastView extends React.Component<ToastViewProps> {\r\n  public static propTypes = {\r\n    /**\r\n     * Adds action handling and close icon for toast\r\n     */\r\n    action: shape({\r\n      label: string.isRequired,\r\n      handler: func.isRequired,\r\n    }),\r\n    /**\r\n     * Toast content\r\n     */\r\n    children: string.isRequired,\r\n    onClose: func,\r\n  };\r\n\r\n  private theme!: Theme;\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderMain = (props: CommonWrapperRestProps<ToastViewProps>) => {\r\n    const { action, onClose, ...rest } = props;\r\n\r\n    const link = action ? (\r\n      <span data-tid=\"ToastView__action\" className={jsStyles.link(this.theme)} onClick={action.handler}>\r\n        {action.label}\r\n      </span>\r\n    ) : null;\r\n\r\n    const close = action ? (\r\n      <span className={jsStyles.closeWrapper(this.theme)}>\r\n        <span data-tid=\"ToastView__close\" className={jsStyles.close(this.theme)} onClick={onClose}>\r\n          <CrossIcon />\r\n        </span>\r\n      </span>\r\n    ) : null;\r\n\r\n    return (\r\n      <ZIndex priority=\"Toast\" className={jsStyles.wrapper()}>\r\n        <div data-tid=\"ToastView__root\" {...rest} className={jsStyles.root(this.theme)}>\r\n          <span>{this.props.children}</span>\r\n          {link}\r\n          {close}\r\n        </div>\r\n      </ZIndex>\r\n    );\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["ToastView.tsx"],"names":["ToastView","theme","renderMain","props","action","onClose","rest","link","jsStyles","handler","label","close","closeWrapper","wrapper","root","children","render","React","Component","propTypes","string","isRequired","func"],"mappings":"mcAAA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA,+C;;;;;;;;;;;;;;;;;;;AAmBaA,S;;;;;;;;;;;;;;;;AAgBHC,IAAAA,K;;;;;;;;;;;;;AAaAC,IAAAA,U,GAAa,UAACC,KAAD,EAAmD;AAC9DC,MAAAA,MAD8D,GACjCD,KADiC,CAC9DC,MAD8D,CACtDC,OADsD,GACjCF,KADiC,CACtDE,OADsD,CAC1CC,IAD0C,+CACjCH,KADiC;;AAGtE,UAAMI,IAAI,GAAGH,MAAM;AACjB,6CAAM,YAAS,mBAAf,EAAmC,SAAS,EAAEI,oBAASD,IAAT,CAAc,MAAKN,KAAnB,CAA9C,EAAyE,OAAO,EAAEG,MAAM,CAACK,OAAzF;AACGL,MAAAA,MAAM,CAACM,KADV,CADiB;;AAIf,UAJJ;;AAMA,UAAMC,KAAK,GAAGP,MAAM;AAClB,6CAAM,SAAS,EAAEI,oBAASI,YAAT,CAAsB,MAAKX,KAA3B,CAAjB;AACE,6CAAM,YAAS,kBAAf,EAAkC,SAAS,EAAEO,oBAASG,KAAT,CAAe,MAAKV,KAApB,CAA7C,EAAyE,OAAO,EAAEI,OAAlF;AACE,mCAAC,oBAAD,OADF,CADF,CADkB;;;AAMhB,UANJ;;AAQA;AACE,qCAAC,cAAD,IAAQ,QAAQ,EAAC,OAAjB,EAAyB,SAAS,EAAEG,oBAASK,OAAT,EAApC;AACE,qEAAK,YAAS,iBAAd,IAAoCP,IAApC,IAA0C,SAAS,EAAEE,oBAASM,IAAT,CAAc,MAAKb,KAAnB,CAArD;AACE,mDAAO,MAAKE,KAAL,CAAWY,QAAlB,CADF;AAEGR,QAAAA,IAFH;AAGGI,QAAAA,KAHH,CADF,CADF;;;;AASD,K,uDArCMK,M,GAAP,kBAAgB,mBACd,oBACE,6BAAC,0BAAD,CAAc,QAAd,QACG,UAAAf,KAAK,EAAI,CACR,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,oBAAO,6BAAC,4BAAD,EAAmB,MAAI,CAACE,KAAxB,EAAgC,MAAI,CAACD,UAArC,CAAP,CACD,CAJH,CADF,CAQD,C,oBA3B4Be,eAAMC,S,gCAAxBlB,S,CACGmB,S,GAAY,EACxB;AACJ;AACA,KACIf,MAAM,EAAE,sBAAM,EACZM,KAAK,EAAEU,kBAAOC,UADF,EAEZZ,OAAO,EAAEa,gBAAKD,UAFF,EAAN,CAJgB,EAQxB;AACJ;AACA,KACIN,QAAQ,EAAEK,kBAAOC,UAXO,EAYxBhB,OAAO,EAAEiB,eAZe,E","sourcesContent":["import React from 'react';\nimport { func, shape, string } from 'prop-types';\n\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\n\nimport { jsStyles } from './ToastView.styles';\n\nexport interface ToastViewProps extends CommonProps {\n  /**\n   * Toast content\n   */\n  children?: string;\n  /**\n   * Adds action handling and close icon for toast\n   */\n  action?: {\n    label: string;\n    handler: () => void;\n  } | null;\n  onClose?: () => void;\n  onMouseEnter?: () => void;\n  onMouseLeave?: () => void;\n}\n\nexport class ToastView extends React.Component<ToastViewProps> {\n  public static propTypes = {\n    /**\n     * Adds action handling and close icon for toast\n     */\n    action: shape({\n      label: string.isRequired,\n      handler: func.isRequired,\n    }),\n    /**\n     * Toast content\n     */\n    children: string.isRequired,\n    onClose: func,\n  };\n\n  private theme!: Theme;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {theme => {\n          this.theme = theme;\n          return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<ToastViewProps>) => {\n    const { action, onClose, ...rest } = props;\n\n    const link = action ? (\n      <span data-tid=\"ToastView__action\" className={jsStyles.link(this.theme)} onClick={action.handler}>\n        {action.label}\n      </span>\n    ) : null;\n\n    const close = action ? (\n      <span className={jsStyles.closeWrapper(this.theme)}>\n        <span data-tid=\"ToastView__close\" className={jsStyles.close(this.theme)} onClick={onClose}>\n          <CrossIcon />\n        </span>\n      </span>\n    ) : null;\n\n    return (\n      <ZIndex priority=\"Toast\" className={jsStyles.wrapper()}>\n        <div data-tid=\"ToastView__root\" {...rest} className={jsStyles.root(this.theme)}>\n          <span>{this.props.children}</span>\n          {link}\n          {close}\n        </div>\n      </ZIndex>\n    );\n  };\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["ToastView.styles.ts"],"names":["getVerticalPaddingsWithCompensation","theme","toastPaddingY","fontFamilyCompensationBaseline","paddingY","parseInt","compensation","styles","root","t","paddingTop","paddingBottom","css","toastBg","toastBorderRadius","toastBorder","toastColor","toastFontSize","toastLineHeight","toastPaddingX","toastTop","wrapper","closeWrapper","toastClosePadding","link","marginRight","Math","round","toastLinkColor","close","toastCloseColor","toastCloseSize","toastCloseHoverColor","jsStyles"],"mappings":"8QAAA,oD;;;AAGA,IAAMA,mCAAmC,GAAG,SAAtCA,mCAAsC,CAACC,KAAD,EAAkB;AACpDC,EAAAA,aADoD,GACFD,KADE,CACpDC,aADoD,CACrCC,8BADqC,GACFF,KADE,CACrCE,8BADqC;AAE5D,MAAMC,QAAQ,GAAGC,QAAQ,CAACH,aAAD,CAAzB;AACA,MAAMI,YAAY,GAAGD,QAAQ,CAACF,8BAAD,CAA7B;AACA,SAAO,CAAIC,QAAQ,GAAGE,YAAf,SAAoCF,QAAQ,GAAGE,YAA/C,QAAP;AACD,CALD;;AAOA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACuBT,IAAAA,mCAAmC,CAACS,CAAD,CAD1D,CACNC,UADM,4BACMC,aADN;AAEb,eAAOC,YAAP;AACgBH,IAAAA,CAAC,CAACI,OADlB;AAEmBJ,IAAAA,CAAC,CAACK,iBAFrB;AAGYL,IAAAA,CAAC,CAACM,WAHd;AAIWN,IAAAA,CAAC,CAACO,UAJb;;AAMeP,IAAAA,CAAC,CAACQ,aANjB;AAOiBR,IAAAA,CAAC,CAACS,eAPnB;;AASaR,IAAAA,UATb,EAS2BD,CAAC,CAACU,aAT7B,EAS8CR,aAT9C;;AAWSF,IAAAA,CAAC,CAACW,QAXX;;AAaD,GAhBY;;AAkBbC,EAAAA,OAlBa,qBAkBH;AACR,eAAOT,YAAP;;;;;;;;AAQD,GA3BY;;AA6BbU,EAAAA,YA7Ba,wBA6BAb,CA7BA,EA6BU;AACeT,IAAAA,mCAAmC,CAACS,CAAD,CADlD,CACdC,UADc,6BACFC,aADE;AAErB,eAAOC,YAAP;;AAEaF,IAAAA,UAFb,EAE4BD,CAAC,CAACU,aAF9B,EAEgDR,aAFhD,EAEkEF,CAAC,CAACc,iBAFpE;;AAID,GAnCY;;AAqCbC,EAAAA,IArCa,gBAqCRf,CArCQ,EAqCE;AACuBT,IAAAA,mCAAmC,CAACS,CAAD,CAD1D,CACNC,UADM,6BACMC,aADN;AAEb,QAAMc,WAAW,GAAMC,IAAI,CAACC,KAAL,CAAWtB,QAAQ,CAACI,CAAC,CAACU,aAAH,CAAR,GAA4B,GAAvC,CAAN,OAAjB;AACA,eAAOP,YAAP;AACWH,IAAAA,CAAC,CAACmB,cADb;;;;;AAMalB,IAAAA,UANb,EAM2Be,WAN3B,EAM2Cd,aAN3C,EAM4DF,CAAC,CAACU,aAN9D;;AAQaT,IAAAA,UARb,EAQ6BC,aAR7B;;;;;;AAcD,GAtDY;;AAwDbkB,EAAAA,KAxDa,iBAwDPpB,CAxDO,EAwDG;AACd,eAAOG,YAAP;AACWH,IAAAA,CAAC,CAACqB,eADb;;;AAIYrB,IAAAA,CAAC,CAACsB,cAJd;;AAMatB,IAAAA,CAAC,CAACc,iBANf;;AAQWd,IAAAA,CAAC,CAACsB,cARb;;;AAWatB,IAAAA,CAAC,CAACuB,oBAXf;;;AAcD,GAvEY,EAAf;;;AA0EO,IAAMC,QAAQ,GAAG,2BAAa1B,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst getVerticalPaddingsWithCompensation = (theme: Theme) => {\r\n  const { toastPaddingY, fontFamilyCompensationBaseline } = theme;\r\n  const paddingY = parseInt(toastPaddingY);\r\n  const compensation = parseInt(fontFamilyCompensationBaseline);\r\n  return [`${paddingY - compensation}px`, `${paddingY + compensation}px`];\r\n};\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    const [paddingTop, paddingBottom] = getVerticalPaddingsWithCompensation(t);\r\n    return css`\r\n      background: ${t.toastBg};\r\n      border-radius: ${t.toastBorderRadius};\r\n      border: ${t.toastBorder};\r\n      color: ${t.toastColor};\r\n      display: inline-flex;\r\n      font-size: ${t.toastFontSize};\r\n      line-height: ${t.toastLineHeight};\r\n      opacity: 1;\r\n      padding: ${paddingTop} ${t.toastPaddingX} ${paddingBottom};\r\n      position: relative;\r\n      top: ${t.toastTop};\r\n    `;\r\n  },\r\n\r\n  wrapper() {\r\n    return css`\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      height: 0;\r\n      text-align: center;\r\n    `;\r\n  },\r\n\r\n  closeWrapper(t: Theme) {\r\n    const [paddingTop, paddingBottom] = getVerticalPaddingsWithCompensation(t);\r\n    return css`\r\n      display: flex;\r\n      margin: -${paddingTop} -${t.toastPaddingX} -${paddingBottom} -${t.toastClosePadding};\r\n    `;\r\n  },\r\n\r\n  link(t: Theme) {\r\n    const [paddingTop, paddingBottom] = getVerticalPaddingsWithCompensation(t);\r\n    const marginRight = `${Math.round(parseInt(t.toastPaddingX) * 1.5)}px`;\r\n    return css`\r\n      color: ${t.toastLinkColor};\r\n      cursor: pointer;\r\n      display: inline-block;\r\n      font-weight: 600;\r\n\r\n      margin: -${paddingTop} ${marginRight} -${paddingBottom} ${t.toastPaddingX};\r\n\r\n      padding: ${paddingTop} 0 ${paddingBottom};\r\n\r\n      &:hover {\r\n        text-decoration: underline;\r\n      }\r\n    `;\r\n  },\r\n\r\n  close(t: Theme) {\r\n    return css`\r\n      color: ${t.toastCloseColor};\r\n      cursor: pointer;\r\n      display: inline-block;\r\n      height: ${t.toastCloseSize};\r\n      line-height: 0;\r\n      padding: ${t.toastClosePadding};\r\n      text-align: center;\r\n      width: ${t.toastCloseSize};\r\n\r\n      &:hover {\r\n        color: ${t.toastCloseHoverColor};\r\n      }\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["ToastView.styles.ts"],"names":["getVerticalPaddingsWithCompensation","theme","toastPaddingY","fontFamilyCompensationBaseline","paddingY","parseInt","compensation","styles","root","t","paddingTop","paddingBottom","css","toastBg","toastBorderRadius","toastBorder","toastColor","toastFontSize","toastLineHeight","toastPaddingX","toastTop","wrapper","closeWrapper","toastClosePadding","link","marginRight","Math","round","toastLinkColor","close","toastCloseColor","toastCloseSize","toastCloseHoverColor","jsStyles"],"mappings":"8QAAA,oD;;;AAGA,IAAMA,mCAAmC,GAAG,SAAtCA,mCAAsC,CAACC,KAAD,EAAkB;AACpDC,EAAAA,aADoD,GACFD,KADE,CACpDC,aADoD,CACrCC,8BADqC,GACFF,KADE,CACrCE,8BADqC;AAE5D,MAAMC,QAAQ,GAAGC,QAAQ,CAACH,aAAD,CAAzB;AACA,MAAMI,YAAY,GAAGD,QAAQ,CAACF,8BAAD,CAA7B;AACA,SAAO,CAAIC,QAAQ,GAAGE,YAAf,SAAoCF,QAAQ,GAAGE,YAA/C,QAAP;AACD,CALD;;AAOA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACuBT,IAAAA,mCAAmC,CAACS,CAAD,CAD1D,CACNC,UADM,4BACMC,aADN;AAEb,eAAOC,YAAP;AACgBH,IAAAA,CAAC,CAACI,OADlB;AAEmBJ,IAAAA,CAAC,CAACK,iBAFrB;AAGYL,IAAAA,CAAC,CAACM,WAHd;AAIWN,IAAAA,CAAC,CAACO,UAJb;;AAMeP,IAAAA,CAAC,CAACQ,aANjB;AAOiBR,IAAAA,CAAC,CAACS,eAPnB;;AASaR,IAAAA,UATb,EAS2BD,CAAC,CAACU,aAT7B,EAS8CR,aAT9C;;AAWSF,IAAAA,CAAC,CAACW,QAXX;;AAaD,GAhBY;;AAkBbC,EAAAA,OAlBa,qBAkBH;AACR,eAAOT,YAAP;;;;;;;;AAQD,GA3BY;;AA6BbU,EAAAA,YA7Ba,wBA6BAb,CA7BA,EA6BU;AACeT,IAAAA,mCAAmC,CAACS,CAAD,CADlD,CACdC,UADc,6BACFC,aADE;AAErB,eAAOC,YAAP;;AAEaF,IAAAA,UAFb,EAE4BD,CAAC,CAACU,aAF9B,EAEgDR,aAFhD,EAEkEF,CAAC,CAACc,iBAFpE;;AAID,GAnCY;;AAqCbC,EAAAA,IArCa,gBAqCRf,CArCQ,EAqCE;AACuBT,IAAAA,mCAAmC,CAACS,CAAD,CAD1D,CACNC,UADM,6BACMC,aADN;AAEb,QAAMc,WAAW,GAAMC,IAAI,CAACC,KAAL,CAAWtB,QAAQ,CAACI,CAAC,CAACU,aAAH,CAAR,GAA4B,GAAvC,CAAN,OAAjB;AACA,eAAOP,YAAP;AACWH,IAAAA,CAAC,CAACmB,cADb;;;;;AAMalB,IAAAA,UANb,EAM2Be,WAN3B,EAM2Cd,aAN3C,EAM4DF,CAAC,CAACU,aAN9D;;AAQaT,IAAAA,UARb,EAQ6BC,aAR7B;;;;;;AAcD,GAtDY;;AAwDbkB,EAAAA,KAxDa,iBAwDPpB,CAxDO,EAwDG;AACd,eAAOG,YAAP;AACWH,IAAAA,CAAC,CAACqB,eADb;;;AAIYrB,IAAAA,CAAC,CAACsB,cAJd;;AAMatB,IAAAA,CAAC,CAACc,iBANf;;AAQWd,IAAAA,CAAC,CAACsB,cARb;;;AAWatB,IAAAA,CAAC,CAACuB,oBAXf;;;AAcD,GAvEY,EAAf;;;AA0EO,IAAMC,QAAQ,GAAG,2BAAa1B,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nconst getVerticalPaddingsWithCompensation = (theme: Theme) => {\n  const { toastPaddingY, fontFamilyCompensationBaseline } = theme;\n  const paddingY = parseInt(toastPaddingY);\n  const compensation = parseInt(fontFamilyCompensationBaseline);\n  return [`${paddingY - compensation}px`, `${paddingY + compensation}px`];\n};\n\nconst styles = {\n  root(t: Theme) {\n    const [paddingTop, paddingBottom] = getVerticalPaddingsWithCompensation(t);\n    return css`\n      background: ${t.toastBg};\n      border-radius: ${t.toastBorderRadius};\n      border: ${t.toastBorder};\n      color: ${t.toastColor};\n      display: inline-flex;\n      font-size: ${t.toastFontSize};\n      line-height: ${t.toastLineHeight};\n      opacity: 1;\n      padding: ${paddingTop} ${t.toastPaddingX} ${paddingBottom};\n      position: relative;\n      top: ${t.toastTop};\n    `;\n  },\n\n  wrapper() {\n    return css`\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 0;\n      text-align: center;\n    `;\n  },\n\n  closeWrapper(t: Theme) {\n    const [paddingTop, paddingBottom] = getVerticalPaddingsWithCompensation(t);\n    return css`\n      display: flex;\n      margin: -${paddingTop} -${t.toastPaddingX} -${paddingBottom} -${t.toastClosePadding};\n    `;\n  },\n\n  link(t: Theme) {\n    const [paddingTop, paddingBottom] = getVerticalPaddingsWithCompensation(t);\n    const marginRight = `${Math.round(parseInt(t.toastPaddingX) * 1.5)}px`;\n    return css`\n      color: ${t.toastLinkColor};\n      cursor: pointer;\n      display: inline-block;\n      font-weight: 600;\n\n      margin: -${paddingTop} ${marginRight} -${paddingBottom} ${t.toastPaddingX};\n\n      padding: ${paddingTop} 0 ${paddingBottom};\n\n      &:hover {\n        text-decoration: underline;\n      }\n    `;\n  },\n\n  close(t: Theme) {\n    return css`\n      color: ${t.toastCloseColor};\n      cursor: pointer;\n      display: inline-block;\n      height: ${t.toastCloseSize};\n      line-height: 0;\n      padding: ${t.toastClosePadding};\n      text-align: center;\n      width: ${t.toastCloseSize};\n\n      &:hover {\n        color: ${t.toastCloseHoverColor};\n      }\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

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

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

package/cjs/components/Toggle/Toggle.js

@@ -195,8 +195,8 @@ Toggle = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(
       _this.setState({
         focusByTab: false });
 
-    };_this.state = { focusByTab: false, checked: props.defaultChecked };return _this;}var _proto = Toggle.prototype;_proto.componentDidMount = function componentDidMount() {if (this.props.autoFocus) {_tabListener.tabListener.isTabPressed = true;this.focus();}} /**
-   * @public
+    };_this.state = { focusByTab: false, checked: props.defaultChecked };return _this;}var _proto = Toggle.prototype;_proto.componentDidMount = function componentDidMount() {if (this.props.autoFocus) {_tabListener.tabListener.isTabPressed = true;this.focus();}} /**
+   * @public
    */;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _cn, _cn2;var _this$props = this.props,children = _this$props.children,captionPosition = _this$props.captionPosition,warning = _this$props.warning,error = _this$props.error,loading = _this$props.loading,color = _this$props.color;var disabled = this.props.disabled || loading;var checked = this.isUncontrolled() ? this.state.checked : this.props.checked;var containerClassNames = (0, _classnames.default)(_Toggle.jsStyles.container(this.theme), (_cn = {}, _cn[_Toggle.jsStyles.focused(this.theme)] = !disabled && !!this.state.focusByTab, _cn[_Toggle.jsStyles.isLoading(this.theme)] = !!loading, _cn[_Toggle.jsStyles.isWarning(this.theme)] = !color && !!warning, _cn[_Toggle.jsStyles.isError(this.theme)] = !color && !!error, _cn));var labelClassNames = (0, _classnames.default)(_Toggle.jsStyles.root(this.theme), (_cn2 = {}, _cn2[_Toggle.jsStyles.rootLeft()] = captionPosition === 'left', _cn2[_Toggle.jsStyles.disabled(this.theme)] = !!disabled, _cn2));var caption = null;if (children) {var _cn3;var captionClass = (0, _classnames.default)(_Toggle.jsStyles.caption(this.theme), (_cn3 = {}, _cn3[_Toggle.jsStyles.captionLeft(this.theme)] = captionPosition === 'left', _cn3));caption = /*#__PURE__*/_react.default.createElement("span", { className: captionClass }, children);}return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, /*#__PURE__*/_react.default.createElement("label", { className: labelClassNames }, /*#__PURE__*/_react.default.createElement("span", { className: _Toggle.jsStyles.wrapper(this.theme) }, /*#__PURE__*/_react.default.createElement("input", { type: "checkbox", checked: checked, onChange: this.handleChange, className: _Toggle.jsStyles.input(this.theme), onFocus: this.handleFocus, onBlur: this.handleBlur, ref: this.inputRef, disabled: disabled }), /*#__PURE__*/_react.default.createElement("div", { className: containerClassNames, style: checked && color ? { backgroundColor: color, borderColor: color, boxShadow: "inset 0 0 0 1px " + color } : undefined }, /*#__PURE__*/_react.default.createElement("div", { className: _Toggle.jsStyles.activeBackground(), style: checked && color ? { backgroundColor: color } : undefined })), /*#__PURE__*/_react.default.createElement("div", { className: _Toggle.jsStyles.handle(this.theme) })), caption));};_proto.isUncontrolled = function isUncontrolled() {
     return this.props.checked === undefined;
   };return Toggle;}(_react.default.Component);exports.Toggle = Toggle;Toggle.__KONTUR_REACT_UI__ = 'Toggle';Toggle.propTypes = { checked: _propTypes.default.bool, defaultChecked: _propTypes.default.bool, disabled: _propTypes.default.bool, error: _propTypes.default.bool, loading: _propTypes.default.bool, warning: _propTypes.default.bool, onValueChange: _propTypes.default.func };Toggle.defaultProps = { disabled: false, loading: false, captionPosition: 'right' };

package/cjs/components/Toggle/Toggle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Toggle.tsx"],"names":["Toggle","props","theme","input","focus","tabListener","isTabPressed","inputRef","element","handleChange","event","onValueChange","target","checked","isUncontrolled","setState","onChange","handleFocus","onFocus","focusByTab","handleBlur","onBlur","state","defaultChecked","componentDidMount","autoFocus","render","renderMain","children","captionPosition","warning","error","loading","color","disabled","containerClassNames","jsStyles","container","focused","isLoading","isWarning","isError","labelClassNames","root","rootLeft","caption","captionClass","captionLeft","wrapper","backgroundColor","borderColor","boxShadow","undefined","activeBackground","handle","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","bool","func","defaultProps"],"mappings":"kPAAA;AACA;AACA;;AAEA;AACA;;AAEA;;AAEA,yC;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BaA,M;;;;;;;;;;;;;;;;;;;;;;AAsBX,kBAAYC,KAAZ,EAAgC;AAC9B,wCAAMA,KAAN,UAD8B,MAHxBC,KAGwB,gBAFxBC,KAEwB,GAFS,IAET;;;;;;;;;;;;;;;;;;AAmBzBC,IAAAA,KAnByB,GAmBjB,YAAM;AACnB,UAAI,MAAKD,KAAT,EAAgB;AACdE,iCAAYC,YAAZ,GAA2B,IAA3B;AACA,cAAKH,KAAL,CAAWC,KAAX;AACD;AACF,KAxB+B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqGxBG,IAAAA,QArGwB,GAqGb,UAACC,OAAD,EAA+B;AAChD,YAAKL,KAAL,GAAaK,OAAb;AACD,KAvG+B;;AAyGxBC,IAAAA,YAzGwB,GAyGT,UAACC,KAAD,EAAgD;AACrE,UAAI,MAAKT,KAAL,CAAWU,aAAf,EAA8B;AAC5B,cAAKV,KAAL,CAAWU,aAAX,CAAyBD,KAAK,CAACE,MAAN,CAAaC,OAAtC;AACD;;AAED,UAAI,MAAKC,cAAL,EAAJ,EAA2B;AACzB,cAAKC,QAAL,CAAc;AACZF,UAAAA,OAAO,EAAEH,KAAK,CAACE,MAAN,CAAaC,OADV,EAAd;;AAGD;;AAED,UAAI,MAAKZ,KAAL,CAAWe,QAAf,EAAyB;AACvB,cAAKf,KAAL,CAAWe,QAAX,CAAoBN,KAApB;AACD;AACF,KAvH+B;;AAyHxBO,IAAAA,WAzHwB,GAyHV,UAACP,KAAD,EAA+C;AACnE,UAAI,MAAKT,KAAL,CAAWiB,OAAf,EAAwB;AACtB,cAAKjB,KAAL,CAAWiB,OAAX,CAAmBR,KAAnB;AACD;;AAED,UAAIL,yBAAYC,YAAhB,EAA8B;AAC5B,cAAKS,QAAL,CAAc,EAAEI,UAAU,EAAE,IAAd,EAAd;AACD;AACF,KAjI+B;;AAmIxBC,IAAAA,UAnIwB,GAmIX,UAACV,KAAD,EAA+C;AAClE,UAAI,MAAKT,KAAL,CAAWoB,MAAf,EAAuB;AACrB,cAAKpB,KAAL,CAAWoB,MAAX,CAAkBX,KAAlB;AACD;AACD,YAAKK,QAAL,CAAc;AACZI,QAAAA,UAAU,EAAE,KADA,EAAd;;AAGD,KA1I+B,CAG9B,MAAKG,KAAL,GAAa,EACXH,UAAU,EAAE,KADD,EAEXN,OAAO,EAAEZ,KAAK,CAACsB,cAFJ,EAAb,CAH8B,aAO/B,C,qCAEMC,iB,GAAP,6BAA2B,CACzB,IAAI,KAAKvB,KAAL,CAAWwB,SAAf,EAA0B,CACxBpB,yBAAYC,YAAZ,GAA2B,IAA3B,CACA,KAAKF,KAAL,GACD,CACF,C,CAED;AACF;AACA,K,QAQSsB,M,GAAP,kBAAgB,mBACd,oBACE,6BAAC,0BAAD,CAAc,QAAd,QACG,UAAAxB,KAAK,EAAI,CACR,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,OAAO,MAAI,CAACyB,UAAL,EAAP,CACD,CAJH,CADF,CAQD,C,QAEOA,U,GAAR,sBAAqB,iCACmD,KAAK1B,KADxD,CACX2B,QADW,eACXA,QADW,CACDC,eADC,eACDA,eADC,CACgBC,OADhB,eACgBA,OADhB,CACyBC,KADzB,eACyBA,KADzB,CACgCC,OADhC,eACgCA,OADhC,CACyCC,KADzC,eACyCA,KADzC,CAEnB,IAAMC,QAAQ,GAAG,KAAKjC,KAAL,CAAWiC,QAAX,IAAuBF,OAAxC,CACA,IAAMnB,OAAO,GAAG,KAAKC,cAAL,KAAwB,KAAKQ,KAAL,CAAWT,OAAnC,GAA6C,KAAKZ,KAAL,CAAWY,OAAxE,CAEA,IAAMsB,mBAAmB,GAAG,yBAAGC,iBAASC,SAAT,CAAmB,KAAKnC,KAAxB,CAAH,iBACzBkC,iBAASE,OAAT,CAAiB,KAAKpC,KAAtB,CADyB,IACM,CAACgC,QAAD,IAAa,CAAC,CAAC,KAAKZ,KAAL,CAAWH,UADhC,MAEzBiB,iBAASG,SAAT,CAAmB,KAAKrC,KAAxB,CAFyB,IAEQ,CAAC,CAAC8B,OAFV,MAGzBI,iBAASI,SAAT,CAAmB,KAAKtC,KAAxB,CAHyB,IAGQ,CAAC+B,KAAD,IAAU,CAAC,CAACH,OAHpB,MAIzBM,iBAASK,OAAT,CAAiB,KAAKvC,KAAtB,CAJyB,IAIM,CAAC+B,KAAD,IAAU,CAAC,CAACF,KAJlB,OAA5B,CAOA,IAAMW,eAAe,GAAG,yBAAGN,iBAASO,IAAT,CAAc,KAAKzC,KAAnB,CAAH,mBACrBkC,iBAASQ,QAAT,EADqB,IACCf,eAAe,KAAK,MADrB,OAErBO,iBAASF,QAAT,CAAkB,KAAKhC,KAAvB,CAFqB,IAEW,CAAC,CAACgC,QAFb,QAAxB,CAKA,IAAIW,OAAO,GAAG,IAAd,CACA,IAAIjB,QAAJ,EAAc,UACZ,IAAMkB,YAAY,GAAG,yBAAGV,iBAASS,OAAT,CAAiB,KAAK3C,KAAtB,CAAH,mBAClBkC,iBAASW,WAAT,CAAqB,KAAK7C,KAA1B,CADkB,IACiB2B,eAAe,KAAK,MADrC,QAArB,CAGAgB,OAAO,gBAAG,uCAAM,SAAS,EAAEC,YAAjB,IAAgClB,QAAhC,CAAV,CACD,CAED,oBACE,6BAAC,4BAAD,EAAmB,KAAK3B,KAAxB,eACE,wCAAO,SAAS,EAAEyC,eAAlB,iBACE,uCAAM,SAAS,EAAEN,iBAASY,OAAT,CAAiB,KAAK9C,KAAtB,CAAjB,iBACE,wCACE,IAAI,EAAC,UADP,EAEE,OAAO,EAAEW,OAFX,EAGE,QAAQ,EAAE,KAAKJ,YAHjB,EAIE,SAAS,EAAE2B,iBAASjC,KAAT,CAAe,KAAKD,KAApB,CAJb,EAKE,OAAO,EAAE,KAAKe,WALhB,EAME,MAAM,EAAE,KAAKG,UANf,EAOE,GAAG,EAAE,KAAKb,QAPZ,EAQE,QAAQ,EAAE2B,QARZ,GADF,eAWE,sCACE,SAAS,EAAEC,mBADb,EAEE,KAAK,EACHtB,OAAO,IAAIoB,KAAX,GACI,EACEgB,eAAe,EAAEhB,KADnB,EAEEiB,WAAW,EAAEjB,KAFf,EAGEkB,SAAS,uBAAqBlB,KAHhC,EADJ,GAMImB,SATR,iBAYE,sCACE,SAAS,EAAEhB,iBAASiB,gBAAT,EADb,EAEE,KAAK,EAAExC,OAAO,IAAIoB,KAAX,GAAmB,EAAEgB,eAAe,EAAEhB,KAAnB,EAAnB,GAAgDmB,SAFzD,GAZF,CAXF,eA4BE,sCAAK,SAAS,EAAEhB,iBAASkB,MAAT,CAAgB,KAAKpD,KAArB,CAAhB,GA5BF,CADF,EA+BG2C,OA/BH,CADF,CADF,CAqCD,C,QAyCO/B,c,GAAR,0BAAyB;AACvB,WAAO,KAAKb,KAAL,CAAWY,OAAX,KAAuBuC,SAA9B;AACD,G,iBApKyBG,eAAMC,S,0BAArBxD,M,CACGyD,mB,GAAsB,Q,CADzBzD,M,CAGG0D,S,GAAY,EACxB7C,OAAO,EAAE8C,mBAAUC,IADK,EAExBrC,cAAc,EAAEoC,mBAAUC,IAFF,EAGxB1B,QAAQ,EAAEyB,mBAAUC,IAHI,EAIxB7B,KAAK,EAAE4B,mBAAUC,IAJO,EAKxB5B,OAAO,EAAE2B,mBAAUC,IALK,EAMxB9B,OAAO,EAAE6B,mBAAUC,IANK,EAOxBjD,aAAa,EAAEgD,mBAAUE,IAPD,E,CAHf7D,M,CAaG8D,Y,GAAe,EAC3B5B,QAAQ,EAAE,KADiB,EAE3BF,OAAO,EAAE,KAFkB,EAG3BH,eAAe,EAAE,OAHU,E","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport { tabListener } from '../../lib/events/tabListener';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles } from './Toggle.styles';\r\n\r\nexport interface ToggleProps extends CommonProps {\r\n  children?: React.ReactNode;\r\n  /**\r\n   * Положение children справа или слева от переключателя\r\n   * @default 'right'\r\n   */\r\n  captionPosition: 'left' | 'right';\r\n  checked?: boolean;\r\n  defaultChecked?: boolean;\r\n  disabled?: boolean;\r\n  onValueChange?: (value: boolean) => void;\r\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\r\n  warning?: boolean;\r\n  error?: boolean;\r\n  loading?: boolean;\r\n  autoFocus?: boolean;\r\n  onFocus?: React.FocusEventHandler<HTMLInputElement>;\r\n  onBlur?: React.FocusEventHandler<HTMLInputElement>;\r\n  color?: React.CSSProperties['color'];\r\n}\r\n\r\nexport interface ToggleState {\r\n  checked?: boolean;\r\n  focusByTab?: boolean;\r\n}\r\n\r\nexport class Toggle extends React.Component<ToggleProps, ToggleState> {\r\n  public static __KONTUR_REACT_UI__ = 'Toggle';\r\n\r\n  public static propTypes = {\r\n    checked: PropTypes.bool,\r\n    defaultChecked: PropTypes.bool,\r\n    disabled: PropTypes.bool,\r\n    error: PropTypes.bool,\r\n    loading: PropTypes.bool,\r\n    warning: PropTypes.bool,\r\n    onValueChange: PropTypes.func,\r\n  };\r\n\r\n  public static defaultProps = {\r\n    disabled: false,\r\n    loading: false,\r\n    captionPosition: 'right',\r\n  };\r\n\r\n  private theme!: Theme;\r\n  private input: HTMLInputElement | null = null;\r\n\r\n  constructor(props: ToggleProps) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      focusByTab: false,\r\n      checked: props.defaultChecked,\r\n    };\r\n  }\r\n\r\n  public componentDidMount() {\r\n    if (this.props.autoFocus) {\r\n      tabListener.isTabPressed = true;\r\n      this.focus();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public focus = () => {\r\n    if (this.input) {\r\n      tabListener.isTabPressed = true;\r\n      this.input.focus();\r\n    }\r\n  };\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderMain() {\r\n    const { children, captionPosition, warning, error, loading, color } = this.props;\r\n    const disabled = this.props.disabled || loading;\r\n    const checked = this.isUncontrolled() ? this.state.checked : this.props.checked;\r\n\r\n    const containerClassNames = cn(jsStyles.container(this.theme), {\r\n      [jsStyles.focused(this.theme)]: !disabled && !!this.state.focusByTab,\r\n      [jsStyles.isLoading(this.theme)]: !!loading,\r\n      [jsStyles.isWarning(this.theme)]: !color && !!warning,\r\n      [jsStyles.isError(this.theme)]: !color && !!error,\r\n    });\r\n\r\n    const labelClassNames = cn(jsStyles.root(this.theme), {\r\n      [jsStyles.rootLeft()]: captionPosition === 'left',\r\n      [jsStyles.disabled(this.theme)]: !!disabled,\r\n    });\r\n\r\n    let caption = null;\r\n    if (children) {\r\n      const captionClass = cn(jsStyles.caption(this.theme), {\r\n        [jsStyles.captionLeft(this.theme)]: captionPosition === 'left',\r\n      });\r\n      caption = <span className={captionClass}>{children}</span>;\r\n    }\r\n\r\n    return (\r\n      <CommonWrapper {...this.props}>\r\n        <label className={labelClassNames}>\r\n          <span className={jsStyles.wrapper(this.theme)}>\r\n            <input\r\n              type=\"checkbox\"\r\n              checked={checked}\r\n              onChange={this.handleChange}\r\n              className={jsStyles.input(this.theme)}\r\n              onFocus={this.handleFocus}\r\n              onBlur={this.handleBlur}\r\n              ref={this.inputRef}\r\n              disabled={disabled}\r\n            />\r\n            <div\r\n              className={containerClassNames}\r\n              style={\r\n                checked && color\r\n                  ? {\r\n                      backgroundColor: color,\r\n                      borderColor: color,\r\n                      boxShadow: `inset 0 0 0 1px ${color}`,\r\n                    }\r\n                  : undefined\r\n              }\r\n            >\r\n              <div\r\n                className={jsStyles.activeBackground()}\r\n                style={checked && color ? { backgroundColor: color } : undefined}\r\n              />\r\n            </div>\r\n            <div className={jsStyles.handle(this.theme)} />\r\n          </span>\r\n          {caption}\r\n        </label>\r\n      </CommonWrapper>\r\n    );\r\n  }\r\n\r\n  private inputRef = (element: HTMLInputElement) => {\r\n    this.input = element;\r\n  };\r\n\r\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (this.props.onValueChange) {\r\n      this.props.onValueChange(event.target.checked);\r\n    }\r\n\r\n    if (this.isUncontrolled()) {\r\n      this.setState({\r\n        checked: event.target.checked,\r\n      });\r\n    }\r\n\r\n    if (this.props.onChange) {\r\n      this.props.onChange(event);\r\n    }\r\n  };\r\n\r\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\r\n    if (this.props.onFocus) {\r\n      this.props.onFocus(event);\r\n    }\r\n\r\n    if (tabListener.isTabPressed) {\r\n      this.setState({ focusByTab: true });\r\n    }\r\n  };\r\n\r\n  private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\r\n    if (this.props.onBlur) {\r\n      this.props.onBlur(event);\r\n    }\r\n    this.setState({\r\n      focusByTab: false,\r\n    });\r\n  };\r\n\r\n  private isUncontrolled() {\r\n    return this.props.checked === undefined;\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["Toggle.tsx"],"names":["Toggle","props","theme","input","focus","tabListener","isTabPressed","inputRef","element","handleChange","event","onValueChange","target","checked","isUncontrolled","setState","onChange","handleFocus","onFocus","focusByTab","handleBlur","onBlur","state","defaultChecked","componentDidMount","autoFocus","render","renderMain","children","captionPosition","warning","error","loading","color","disabled","containerClassNames","jsStyles","container","focused","isLoading","isWarning","isError","labelClassNames","root","rootLeft","caption","captionClass","captionLeft","wrapper","backgroundColor","borderColor","boxShadow","undefined","activeBackground","handle","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","bool","func","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport { tabListener } from '../../lib/events/tabListener';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\n\nimport { jsStyles } from './Toggle.styles';\n\nexport interface ToggleProps extends CommonProps {\n  children?: React.ReactNode;\n  /**\n   * Положение children справа или слева от переключателя\n   * @default 'right'\n   */\n  captionPosition: 'left' | 'right';\n  checked?: boolean;\n  defaultChecked?: boolean;\n  disabled?: boolean;\n  onValueChange?: (value: boolean) => void;\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n  warning?: boolean;\n  error?: boolean;\n  loading?: boolean;\n  autoFocus?: boolean;\n  onFocus?: React.FocusEventHandler<HTMLInputElement>;\n  onBlur?: React.FocusEventHandler<HTMLInputElement>;\n  color?: React.CSSProperties['color'];\n}\n\nexport interface ToggleState {\n  checked?: boolean;\n  focusByTab?: boolean;\n}\n\nexport class Toggle extends React.Component<ToggleProps, ToggleState> {\n  public static __KONTUR_REACT_UI__ = 'Toggle';\n\n  public static propTypes = {\n    checked: PropTypes.bool,\n    defaultChecked: PropTypes.bool,\n    disabled: PropTypes.bool,\n    error: PropTypes.bool,\n    loading: PropTypes.bool,\n    warning: PropTypes.bool,\n    onValueChange: PropTypes.func,\n  };\n\n  public static defaultProps = {\n    disabled: false,\n    loading: false,\n    captionPosition: 'right',\n  };\n\n  private theme!: Theme;\n  private input: HTMLInputElement | null = null;\n\n  constructor(props: ToggleProps) {\n    super(props);\n\n    this.state = {\n      focusByTab: false,\n      checked: props.defaultChecked,\n    };\n  }\n\n  public componentDidMount() {\n    if (this.props.autoFocus) {\n      tabListener.isTabPressed = true;\n      this.focus();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public focus = () => {\n    if (this.input) {\n      tabListener.isTabPressed = true;\n      this.input.focus();\n    }\n  };\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {theme => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { children, captionPosition, warning, error, loading, color } = this.props;\n    const disabled = this.props.disabled || loading;\n    const checked = this.isUncontrolled() ? this.state.checked : this.props.checked;\n\n    const containerClassNames = cn(jsStyles.container(this.theme), {\n      [jsStyles.focused(this.theme)]: !disabled && !!this.state.focusByTab,\n      [jsStyles.isLoading(this.theme)]: !!loading,\n      [jsStyles.isWarning(this.theme)]: !color && !!warning,\n      [jsStyles.isError(this.theme)]: !color && !!error,\n    });\n\n    const labelClassNames = cn(jsStyles.root(this.theme), {\n      [jsStyles.rootLeft()]: captionPosition === 'left',\n      [jsStyles.disabled(this.theme)]: !!disabled,\n    });\n\n    let caption = null;\n    if (children) {\n      const captionClass = cn(jsStyles.caption(this.theme), {\n        [jsStyles.captionLeft(this.theme)]: captionPosition === 'left',\n      });\n      caption = <span className={captionClass}>{children}</span>;\n    }\n\n    return (\n      <CommonWrapper {...this.props}>\n        <label className={labelClassNames}>\n          <span className={jsStyles.wrapper(this.theme)}>\n            <input\n              type=\"checkbox\"\n              checked={checked}\n              onChange={this.handleChange}\n              className={jsStyles.input(this.theme)}\n              onFocus={this.handleFocus}\n              onBlur={this.handleBlur}\n              ref={this.inputRef}\n              disabled={disabled}\n            />\n            <div\n              className={containerClassNames}\n              style={\n                checked && color\n                  ? {\n                      backgroundColor: color,\n                      borderColor: color,\n                      boxShadow: `inset 0 0 0 1px ${color}`,\n                    }\n                  : undefined\n              }\n            >\n              <div\n                className={jsStyles.activeBackground()}\n                style={checked && color ? { backgroundColor: color } : undefined}\n              />\n            </div>\n            <div className={jsStyles.handle(this.theme)} />\n          </span>\n          {caption}\n        </label>\n      </CommonWrapper>\n    );\n  }\n\n  private inputRef = (element: HTMLInputElement) => {\n    this.input = element;\n  };\n\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (this.props.onValueChange) {\n      this.props.onValueChange(event.target.checked);\n    }\n\n    if (this.isUncontrolled()) {\n      this.setState({\n        checked: event.target.checked,\n      });\n    }\n\n    if (this.props.onChange) {\n      this.props.onChange(event);\n    }\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n\n    if (tabListener.isTabPressed) {\n      this.setState({ focusByTab: true });\n    }\n  };\n\n  private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    if (this.props.onBlur) {\n      this.props.onBlur(event);\n    }\n    this.setState({\n      focusByTab: false,\n    });\n  };\n\n  private isUncontrolled() {\n    return this.props.checked === undefined;\n  }\n}\n"]}

package/cjs/components/Toggle/Toggle.md

@@ -1,24 +1,24 @@
-```jsx harmony
-let initialState = { checked: false };
-
-let toggle = () => setState(state => ({ checked: !state.checked }));
-
-<div>
-  <Toggle checked={state.checked} onValueChange={toggle} /> {state.checked ? 'On' : 'Off'}
-</div>;
-```
-
-В компонент можно передать `children`, который будет отображаться рядом с переключателем.
-Положение `children` относительно переключателя указывается в `captionPosition`.
-
-```jsx harmony
-let initialState = { checked: false };
-
-let toggle = () => setState(state => ({ checked: !state.checked }));
-
-<div>
-  <Toggle checked={state.checked} onValueChange={toggle} captionPosition="left">
-    <span>Показывать уведомления</span>
-  </Toggle>
-</div>;
-```
+```jsx harmony
+let initialState = { checked: false };
+
+let toggle = () => setState(state => ({ checked: !state.checked }));
+
+<div>
+  <Toggle checked={state.checked} onValueChange={toggle} /> {state.checked ? 'On' : 'Off'}
+</div>;
+```
+
+В компонент можно передать `children`, который будет отображаться рядом с переключателем.
+Положение `children` относительно переключателя указывается в `captionPosition`.
+
+```jsx harmony
+let initialState = { checked: false };
+
+let toggle = () => setState(state => ({ checked: !state.checked }));
+
+<div>
+  <Toggle checked={state.checked} onValueChange={toggle} captionPosition="left">
+    <span>Показывать уведомления</span>
+  </Toggle>
+</div>;
+```

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

@@ -1 +1 @@
-{"version":3,"sources":["Toggle.styles.ts"],"names":["styles","root","t","disabled","handleWidthWithBorders","toggleHeight","handleActiveWidth","toggleBorderWidth","toggleHandleActiveWidthIncrement","css","handle","toggleBgHover","input","toggleWidth","handleSize","toggleBg","toggleHandleBorderRadius","container","toggleBgChecked","activeBackground","toggleBorderRadius","toggleBorderColor","focused","outlineColorFocus","toggleOutlineWidth","toggleFocusShadowColor","isLoading","toggleBgActive","isWarning","toggleBgWarning","isError","toggleBgError","wrapper","toggleBgDisabled","rootLeft","caption","toggleCaptionGap","captionLeft","jsStyles"],"mappings":"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","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    const disabled = cssName(styles.disabled(t));\r\n    const handleWidthWithBorders = t.toggleHeight;\r\n    const handleActiveWidth = `calc(${handleWidthWithBorders} - 2 * ${t.toggleBorderWidth} + ${t.toggleHandleActiveWidthIncrement})`;\r\n    return css`\r\n      display: inline-flex;\r\n      cursor: pointer;\r\n\r\n      &:hover:not(${disabled}) {\r\n        ${cssName(styles.handle(t))} {\r\n          background: ${t.toggleBgHover};\r\n        }\r\n      }\r\n      &:active:not(${disabled}) ${cssName(styles.handle(t))} {\r\n        width: ${handleActiveWidth};\r\n      }\r\n      &:active:not(${disabled}) ${cssName(styles.input(t))}:checked ~ ${cssName(styles.handle(t))} {\r\n        transform: translateX(${t.toggleWidth}) translateX(-${handleWidthWithBorders})\r\n          translateX(-${t.toggleHandleActiveWidthIncrement});\r\n      }\r\n    `;\r\n  },\r\n\r\n  handle(t: Theme) {\r\n    const handleSize = `calc(${t.toggleHeight} - 2 * ${t.toggleBorderWidth})`;\r\n    return css`\r\n      background: ${t.toggleBg};\r\n      border-radius: ${t.toggleHandleBorderRadius};\r\n      bottom: ${t.toggleBorderWidth};\r\n      box-shadow: 0 ${t.toggleBorderWidth} 0 0 rgba(0, 0, 0, 0.15), 0 0 0 ${t.toggleBorderWidth} rgba(0, 0, 0, 0.15);\r\n      height: ${handleSize};\r\n      left: ${t.toggleBorderWidth};\r\n      position: absolute;\r\n      top: ${t.toggleBorderWidth};\r\n      transition: 0.2s ease-in;\r\n      width: ${handleSize};\r\n    `;\r\n  },\r\n\r\n  input(t: Theme) {\r\n    const handleWidthWithBorders = t.toggleHeight;\r\n    return css`\r\n      position: absolute;\r\n      opacity: 0;\r\n\r\n      &:focus {\r\n        outline: none;\r\n      }\r\n      &:checked ~ ${cssName(styles.container(t))} {\r\n        box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBgChecked};\r\n        background: ${t.toggleBgChecked};\r\n        transition: background 0s 0.2s;\r\n      }\r\n      &:checked ~ ${cssName(styles.container(t))} ${cssName(styles.activeBackground())} {\r\n        width: 70%;\r\n        background: ${t.toggleBgChecked};\r\n      }\r\n      &:checked ~ ${cssName(styles.handle(t))} {\r\n        transform: translateX(${t.toggleWidth}) translateX(-${handleWidthWithBorders});\r\n      }\r\n    `;\r\n  },\r\n\r\n  container(t: Theme) {\r\n    return css`\r\n      border-radius: ${t.toggleBorderRadius};\r\n      box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBorderColor};\r\n      height: 100%;\r\n      overflow: hidden;\r\n      position: absolute;\r\n      width: 100%;\r\n      /* fixes overflow issue in Safari: https://bugs.webkit.org/show_bug.cgi?id=98538 */\r\n      z-index: 0;\r\n    `;\r\n  },\r\n\r\n  focused(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.container(t))}&, ${cssName(styles.input(t))}:checked ~ & {\r\n        box-shadow: 0 0 0 1px ${t.outlineColorFocus}, 0 0 0 ${t.toggleOutlineWidth} ${t.toggleFocusShadowColor};\r\n      }\r\n    `;\r\n  },\r\n\r\n  activeBackground() {\r\n    return css`\r\n      background: inherit;\r\n      bottom: 0;\r\n      left: 0;\r\n      position: absolute;\r\n      top: 0;\r\n      transition: 0.2s ease-in;\r\n      width: 10px;\r\n    `;\r\n  },\r\n\r\n  isLoading(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.input(t))}:checked ~ ${cssName(styles.container(t))}& {\r\n        background: ${t.toggleBorderColor};\r\n        box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBorderColor};\r\n      }\r\n      ${cssName(styles.activeBackground())} {\r\n        background: ${t.toggleBgActive};\r\n      }\r\n    `;\r\n  },\r\n\r\n  isWarning(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.input(t))}:checked ~ ${cssName(styles.container(t))}& {\r\n        background: ${t.toggleBgWarning};\r\n        box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBgWarning};\r\n\r\n        ${cssName(styles.activeBackground())} {\r\n          background: ${t.toggleBgWarning};\r\n        }\r\n      }\r\n    `;\r\n  },\r\n\r\n  isError(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.input(t))}:checked ~ ${cssName(styles.container(t))}& {\r\n        background: ${t.toggleBgError};\r\n        box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBgError};\r\n\r\n        ${cssName(styles.activeBackground())} {\r\n          background: ${t.toggleBgError};\r\n        }\r\n      }\r\n    `;\r\n  },\r\n\r\n  wrapper(t: Theme) {\r\n    return css`\r\n      display: inline-block;\r\n      height: ${t.toggleHeight};\r\n      position: relative;\r\n      width: ${t.toggleWidth};\r\n      flex: 1 0 ${t.toggleWidth};\r\n\r\n      &::after {\r\n        content: '';\r\n        display: inline-block;\r\n      }\r\n    `;\r\n  },\r\n\r\n  disabled(t: Theme) {\r\n    return css`\r\n      opacity: 0.3;\r\n      cursor: default !important;\r\n\r\n      ${cssName(styles.container(t))} {\r\n        background: ${t.toggleBgDisabled};\r\n      }\r\n    `;\r\n  },\r\n\r\n  rootLeft() {\r\n    return css`\r\n      flex-direction: row-reverse;\r\n    `;\r\n  },\r\n\r\n  caption(t: Theme) {\r\n    return css`\r\n      padding: 0 0 0 ${t.toggleCaptionGap};\r\n    `;\r\n  },\r\n\r\n  captionLeft(t: Theme) {\r\n    return css`\r\n      padding: 0 ${t.toggleCaptionGap} 0 0;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["Toggle.styles.ts"],"names":["styles","root","t","disabled","handleWidthWithBorders","toggleHeight","handleActiveWidth","toggleBorderWidth","toggleHandleActiveWidthIncrement","css","handle","toggleBgHover","input","toggleWidth","handleSize","toggleBg","toggleHandleBorderRadius","container","toggleBgChecked","activeBackground","toggleBorderRadius","toggleBorderColor","focused","outlineColorFocus","toggleOutlineWidth","toggleFocusShadowColor","isLoading","toggleBgActive","isWarning","toggleBgWarning","isError","toggleBgError","wrapper","toggleBgDisabled","rootLeft","caption","toggleCaptionGap","captionLeft","jsStyles"],"mappings":"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","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nconst styles = {\n  root(t: Theme) {\n    const disabled = cssName(styles.disabled(t));\n    const handleWidthWithBorders = t.toggleHeight;\n    const handleActiveWidth = `calc(${handleWidthWithBorders} - 2 * ${t.toggleBorderWidth} + ${t.toggleHandleActiveWidthIncrement})`;\n    return css`\n      display: inline-flex;\n      cursor: pointer;\n\n      &:hover:not(${disabled}) {\n        ${cssName(styles.handle(t))} {\n          background: ${t.toggleBgHover};\n        }\n      }\n      &:active:not(${disabled}) ${cssName(styles.handle(t))} {\n        width: ${handleActiveWidth};\n      }\n      &:active:not(${disabled}) ${cssName(styles.input(t))}:checked ~ ${cssName(styles.handle(t))} {\n        transform: translateX(${t.toggleWidth}) translateX(-${handleWidthWithBorders})\n          translateX(-${t.toggleHandleActiveWidthIncrement});\n      }\n    `;\n  },\n\n  handle(t: Theme) {\n    const handleSize = `calc(${t.toggleHeight} - 2 * ${t.toggleBorderWidth})`;\n    return css`\n      background: ${t.toggleBg};\n      border-radius: ${t.toggleHandleBorderRadius};\n      bottom: ${t.toggleBorderWidth};\n      box-shadow: 0 ${t.toggleBorderWidth} 0 0 rgba(0, 0, 0, 0.15), 0 0 0 ${t.toggleBorderWidth} rgba(0, 0, 0, 0.15);\n      height: ${handleSize};\n      left: ${t.toggleBorderWidth};\n      position: absolute;\n      top: ${t.toggleBorderWidth};\n      transition: 0.2s ease-in;\n      width: ${handleSize};\n    `;\n  },\n\n  input(t: Theme) {\n    const handleWidthWithBorders = t.toggleHeight;\n    return css`\n      position: absolute;\n      opacity: 0;\n\n      &:focus {\n        outline: none;\n      }\n      &:checked ~ ${cssName(styles.container(t))} {\n        box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBgChecked};\n        background: ${t.toggleBgChecked};\n        transition: background 0s 0.2s;\n      }\n      &:checked ~ ${cssName(styles.container(t))} ${cssName(styles.activeBackground())} {\n        width: 70%;\n        background: ${t.toggleBgChecked};\n      }\n      &:checked ~ ${cssName(styles.handle(t))} {\n        transform: translateX(${t.toggleWidth}) translateX(-${handleWidthWithBorders});\n      }\n    `;\n  },\n\n  container(t: Theme) {\n    return css`\n      border-radius: ${t.toggleBorderRadius};\n      box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBorderColor};\n      height: 100%;\n      overflow: hidden;\n      position: absolute;\n      width: 100%;\n      /* fixes overflow issue in Safari: https://bugs.webkit.org/show_bug.cgi?id=98538 */\n      z-index: 0;\n    `;\n  },\n\n  focused(t: Theme) {\n    return css`\n      ${cssName(styles.container(t))}&, ${cssName(styles.input(t))}:checked ~ & {\n        box-shadow: 0 0 0 1px ${t.outlineColorFocus}, 0 0 0 ${t.toggleOutlineWidth} ${t.toggleFocusShadowColor};\n      }\n    `;\n  },\n\n  activeBackground() {\n    return css`\n      background: inherit;\n      bottom: 0;\n      left: 0;\n      position: absolute;\n      top: 0;\n      transition: 0.2s ease-in;\n      width: 10px;\n    `;\n  },\n\n  isLoading(t: Theme) {\n    return css`\n      ${cssName(styles.input(t))}:checked ~ ${cssName(styles.container(t))}& {\n        background: ${t.toggleBorderColor};\n        box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBorderColor};\n      }\n      ${cssName(styles.activeBackground())} {\n        background: ${t.toggleBgActive};\n      }\n    `;\n  },\n\n  isWarning(t: Theme) {\n    return css`\n      ${cssName(styles.input(t))}:checked ~ ${cssName(styles.container(t))}& {\n        background: ${t.toggleBgWarning};\n        box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBgWarning};\n\n        ${cssName(styles.activeBackground())} {\n          background: ${t.toggleBgWarning};\n        }\n      }\n    `;\n  },\n\n  isError(t: Theme) {\n    return css`\n      ${cssName(styles.input(t))}:checked ~ ${cssName(styles.container(t))}& {\n        background: ${t.toggleBgError};\n        box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBgError};\n\n        ${cssName(styles.activeBackground())} {\n          background: ${t.toggleBgError};\n        }\n      }\n    `;\n  },\n\n  wrapper(t: Theme) {\n    return css`\n      display: inline-block;\n      height: ${t.toggleHeight};\n      position: relative;\n      width: ${t.toggleWidth};\n      flex: 1 0 ${t.toggleWidth};\n\n      &::after {\n        content: '';\n        display: inline-block;\n      }\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      opacity: 0.3;\n      cursor: default !important;\n\n      ${cssName(styles.container(t))} {\n        background: ${t.toggleBgDisabled};\n      }\n    `;\n  },\n\n  rootLeft() {\n    return css`\n      flex-direction: row-reverse;\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      padding: 0 0 0 ${t.toggleCaptionGap};\n    `;\n  },\n\n  captionLeft(t: Theme) {\n    return css`\n      padding: 0 ${t.toggleCaptionGap} 0 0;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

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

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