@skbkontur/react-ui 0.0.0-b08da15166 → 0.0.0-b5a1896fa9

package/cjs/components/GlobalLoader/GlobalLoaderView.js.map

@@ -1 +1 @@
-{"version":3,"sources":["GlobalLoaderView.tsx"],"names":["GlobalLoaderView","expectedResponseTime","delayBeforeHide","status","disableAnimations","rest","ref","theme","ThemeContext","width","startWidth","fullWidth","left","getAnimationClass","animations","successAnimation","acceptAnimation","slowAcceptAnimation","errorAnimation","standardAnimation","styles","successWithoutAnimation","acceptWithoutAnimation","errorWithoutAnimation","standardWithoutAnimation","outer","inner"],"mappings":"0RAAA;;AAEA;AACA;AACA;AACA;;AAEA;AACA,wC;;;;;;;;;;;;;;AAcO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB;;;;;;AAMH,KAL3BC,oBAK2B,QAL3BA,oBAK2B,CAJ3BC,eAI2B,QAJ3BA,eAI2B,CAH3BC,MAG2B,QAH3BA,MAG2B,CAF3BC,iBAE2B,QAF3BA,iBAE2B,CADxBC,IACwB;AAC3B,MAAMC,GAAG,GAAG,mBAAuC,IAAvC,CAAZ;AACA,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;AACA,8BAAyC,qCAAqBL,MAArB,EAA6BG,GAA7B,CAAzC,CAAQG,KAAR,yBAAQA,KAAR,CAAeC,UAAf,yBAAeA,UAAf,CAA2BC,SAA3B,yBAA2BA,SAA3B;AACA,8BAAiB,wCAAwBL,GAAxB,CAAjB,CAAQM,IAAR,yBAAQA,IAAR;;AAEA,MAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACV,MAAD,EAA6C;AACrE,QAAI,CAACC,iBAAL,EAAwB;AACtB,cAAQD,MAAR;AACE,aAAK,SAAL;AACE,iBAAOW,6BAAWC,gBAAX,CAA4Bb,eAA5B,EAA6CO,KAA7C,EAAoDG,IAApD,CAAP;AACF,aAAK,QAAL;AACE,cAAIF,UAAU,GAAGC,SAAS,GAAG,GAA7B,EAAkC;AAChC,mBAAOG,6BAAWE,eAAX,CAA2BT,KAA3B,EAAkCG,UAAlC,EAA8CT,oBAA9C,EAAoEQ,KAApE,EAA2EG,IAA3E,CAAP;AACD;AACD,iBAAOE,6BAAWG,mBAAX,CAA+BV,KAA/B,EAAsCG,UAAtC,EAAkDD,KAAlD,EAAyDG,IAAzD,CAAP;AACF,aAAK,OAAL;AACE,iBAAOE,6BAAWI,cAAX,CAA0BX,KAA1B,CAAP;AACF,aAAK,UAAL;AACE,iBAAOO,6BAAWK,iBAAX,CAA6BZ,KAA7B,EAAoCN,oBAApC,CAAP,CAXJ;;AAaD;;AAED,QAAIG,iBAAJ,EAAuB;AACrB,cAAQD,MAAR;AACE,aAAK,SAAL;AACE,iBAAOiB,yBAAOC,uBAAP,EAAP;AACF,aAAK,QAAL;AACE,iBAAOP,6BAAWQ,sBAAX,CAAkCZ,UAAlC,CAAP;AACF,aAAK,OAAL;AACE,iBAAOU,yBAAOG,qBAAP,EAAP;AACF,aAAK,UAAL;AACE,iBAAOH,yBAAOI,wBAAP,EAAP,CARJ;;AAUD;AACF,GA7BD;;AA+BA;AACE,iCAAC,4BAAD,EAAmBnB,IAAnB;AACE,iCAAC,cAAD,IAAQ,QAAQ,EAAC,cAAjB,EAAgC,SAAS,EAAEe,yBAAOK,KAAP,CAAalB,KAAb,CAA3C;AACE,0CAAK,GAAG,EAAED,GAAV,EAAe,SAAS,EAAE,iBAAGc,yBAAOM,KAAP,CAAanB,KAAb,CAAH,EAAwBM,iBAAiB,CAACV,MAAD,CAAzC,CAA1B,GADF,CADF,CADF;;;;AAOD,CAlDM,C","sourcesContent":["import React, { useContext, useRef } from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\n\nimport { animations, styles } from './GlobalLoaderView.styles';\nimport { useGlobalLoaderPosition, useGlobalLoaderWidth } from './useParams';\n\nexport interface GlobalLoaderViewProps extends Pick<CommonProps, 'data-tid'> {\n  expectedResponseTime: number;\n  delayBeforeHide: number;\n  status?: 'success' | 'error' | 'standard' | 'accept';\n  disableAnimations: boolean;\n}\n\nexport type GlobalLoaderViewRef = {\n  element: HTMLDivElement;\n  refObject: React.RefObject<GlobalLoaderViewRef['element']>;\n};\n\nexport const GlobalLoaderView = ({\n  expectedResponseTime,\n  delayBeforeHide,\n  status,\n  disableAnimations,\n  ...rest\n}: GlobalLoaderViewProps) => {\n  const ref = useRef<GlobalLoaderViewRef['element']>(null);\n  const theme = useContext(ThemeContext);\n  const { width, startWidth, fullWidth } = useGlobalLoaderWidth(status, ref);\n  const { left } = useGlobalLoaderPosition(ref);\n\n  const getAnimationClass = (status: GlobalLoaderViewProps['status']) => {\n    if (!disableAnimations) {\n      switch (status) {\n        case 'success':\n          return animations.successAnimation(delayBeforeHide, width, left);\n        case 'accept':\n          if (startWidth < fullWidth * 0.8) {\n            return animations.acceptAnimation(theme, startWidth, expectedResponseTime, width, left);\n          }\n          return animations.slowAcceptAnimation(theme, startWidth, width, left);\n        case 'error':\n          return animations.errorAnimation(theme);\n        case 'standard':\n          return animations.standardAnimation(theme, expectedResponseTime);\n      }\n    }\n\n    if (disableAnimations) {\n      switch (status) {\n        case 'success':\n          return styles.successWithoutAnimation();\n        case 'accept':\n          return animations.acceptWithoutAnimation(startWidth);\n        case 'error':\n          return styles.errorWithoutAnimation();\n        case 'standard':\n          return styles.standardWithoutAnimation();\n      }\n    }\n  };\n\n  return (\n    <CommonWrapper {...rest}>\n      <ZIndex priority=\"GlobalLoader\" className={styles.outer(theme)}>\n        <div ref={ref} className={cx(styles.inner(theme), getAnimationClass(status))} />\n      </ZIndex>\n    </CommonWrapper>\n  );\n};\n"]}
+{"version":3,"sources":["GlobalLoaderView.tsx"],"names":["GlobalLoaderView","expectedResponseTime","delayBeforeHide","status","disableAnimations","rest","ref","theme","ThemeContext","width","startWidth","fullWidth","left","getAnimationClass","animations","successAnimation","acceptAnimation","slowAcceptAnimation","errorAnimation","standardAnimation","styles","successWithoutAnimation","acceptWithoutAnimation","errorWithoutAnimation","standardWithoutAnimation","outer","inner"],"mappings":"0RAAA;;AAEA;AACA;AACA;AACA;;AAEA;AACA,wC;;;;;;;;;;;;;;AAcO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB;;;;;;AAMH,KAL3BC,oBAK2B,QAL3BA,oBAK2B,CAJ3BC,eAI2B,QAJ3BA,eAI2B,CAH3BC,MAG2B,QAH3BA,MAG2B,CAF3BC,iBAE2B,QAF3BA,iBAE2B,CADxBC,IACwB;AAC3B,MAAMC,GAAG,GAAG,mBAAuC,IAAvC,CAAZ;AACA,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;AACA,8BAAyC,qCAAqBL,MAArB,EAA6BG,GAA7B,CAAzC,CAAQG,KAAR,yBAAQA,KAAR,CAAeC,UAAf,yBAAeA,UAAf,CAA2BC,SAA3B,yBAA2BA,SAA3B;AACA,8BAAiB,wCAAwBL,GAAxB,CAAjB,CAAQM,IAAR,yBAAQA,IAAR;;AAEA,MAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACV,MAAD,EAA6C;AACrE,QAAI,CAACC,iBAAL,EAAwB;AACtB,cAAQD,MAAR;AACE,aAAK,SAAL;AACE,iBAAOW,6BAAWC,gBAAX,CAA4Bb,eAA5B,EAA6CO,KAA7C,EAAoDG,IAApD,CAAP;AACF,aAAK,QAAL;AACE,cAAIF,UAAU,GAAGC,SAAS,GAAG,GAA7B,EAAkC;AAChC,mBAAOG,6BAAWE,eAAX,CAA2BT,KAA3B,EAAkCG,UAAlC,EAA8CT,oBAA9C,EAAoEQ,KAApE,EAA2EG,IAA3E,CAAP;AACD;AACD,iBAAOE,6BAAWG,mBAAX,CAA+BV,KAA/B,EAAsCG,UAAtC,EAAkDD,KAAlD,EAAyDG,IAAzD,CAAP;AACF,aAAK,OAAL;AACE,iBAAOE,6BAAWI,cAAX,CAA0BX,KAA1B,CAAP;AACF,aAAK,UAAL;AACE,iBAAOO,6BAAWK,iBAAX,CAA6BZ,KAA7B,EAAoCN,oBAApC,CAAP,CAXJ;;AAaD;;AAED,QAAIG,iBAAJ,EAAuB;AACrB,cAAQD,MAAR;AACE,aAAK,SAAL;AACE,iBAAOiB,yBAAOC,uBAAP,EAAP;AACF,aAAK,QAAL;AACE,iBAAOP,6BAAWQ,sBAAX,CAAkCZ,UAAlC,CAAP;AACF,aAAK,OAAL;AACE,iBAAOU,yBAAOG,qBAAP,EAAP;AACF,aAAK,UAAL;AACE,iBAAOH,yBAAOI,wBAAP,EAAP,CARJ;;AAUD;AACF,GA7BD;;AA+BA;AACE,iCAAC,4BAAD,EAAmBnB,IAAnB;AACE,iCAAC,cAAD,IAAQ,QAAQ,EAAC,cAAjB,EAAgC,SAAS,EAAEe,yBAAOK,KAAP,CAAalB,KAAb,CAA3C;AACE,0CAAK,GAAG,EAAED,GAAV,EAAe,SAAS,EAAE,iBAAGc,yBAAOM,KAAP,CAAanB,KAAb,CAAH,EAAwBM,iBAAiB,CAACV,MAAD,CAAzC,CAA1B,GADF,CADF,CADF;;;;AAOD,CAlDM,C","sourcesContent":["import React, { useContext, useRef } from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\n\nimport { animations, styles } from './GlobalLoaderView.styles';\nimport { useGlobalLoaderPosition, useGlobalLoaderWidth } from './useParams';\n\nexport interface GlobalLoaderViewProps extends Pick<CommonProps, 'data-tid'> {\n  expectedResponseTime: number;\n  delayBeforeHide: number;\n  status?: 'success' | 'error' | 'standard' | 'accept';\n  disableAnimations: boolean;\n}\n\nexport interface GlobalLoaderViewRef {\n  element: HTMLDivElement;\n  refObject: React.RefObject<GlobalLoaderViewRef['element']>;\n}\n\nexport const GlobalLoaderView = ({\n  expectedResponseTime,\n  delayBeforeHide,\n  status,\n  disableAnimations,\n  ...rest\n}: GlobalLoaderViewProps) => {\n  const ref = useRef<GlobalLoaderViewRef['element']>(null);\n  const theme = useContext(ThemeContext);\n  const { width, startWidth, fullWidth } = useGlobalLoaderWidth(status, ref);\n  const { left } = useGlobalLoaderPosition(ref);\n\n  const getAnimationClass = (status: GlobalLoaderViewProps['status']) => {\n    if (!disableAnimations) {\n      switch (status) {\n        case 'success':\n          return animations.successAnimation(delayBeforeHide, width, left);\n        case 'accept':\n          if (startWidth < fullWidth * 0.8) {\n            return animations.acceptAnimation(theme, startWidth, expectedResponseTime, width, left);\n          }\n          return animations.slowAcceptAnimation(theme, startWidth, width, left);\n        case 'error':\n          return animations.errorAnimation(theme);\n        case 'standard':\n          return animations.standardAnimation(theme, expectedResponseTime);\n      }\n    }\n\n    if (disableAnimations) {\n      switch (status) {\n        case 'success':\n          return styles.successWithoutAnimation();\n        case 'accept':\n          return animations.acceptWithoutAnimation(startWidth);\n        case 'error':\n          return styles.errorWithoutAnimation();\n        case 'standard':\n          return styles.standardWithoutAnimation();\n      }\n    }\n  };\n\n  return (\n    <CommonWrapper {...rest}>\n      <ZIndex priority=\"GlobalLoader\" className={styles.outer(theme)}>\n        <div ref={ref} className={cx(styles.inner(theme), getAnimationClass(status))} />\n      </ZIndex>\n    </CommonWrapper>\n  );\n};\n"]}

package/cjs/components/GlobalLoader/GlobalLoaderView.styles.js

@@ -1,6 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = exports.animations = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _css = require("@emotion/css");
-
-var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;function _EMOTION_STRINGIFIED_CSS_ERROR__() {return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";}
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = exports.animations = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
 
 
 var styles = (0, _Emotion.memoizeStyle)({
@@ -47,7 +45,7 @@ var styles = (0, _Emotion.memoizeStyle)({
   } });exports.styles = styles;
 
 
-var moveToRightAnimation = /*#__PURE__*/(0, _css.keyframes)(process.env.NODE_ENV === "production" ? { name: "gv24gj", styles: "0%{left:0;width:100%;}50%{left:50%;width:50%;}100%{left:99%;width:1%;}" } : { name: "14gehkt-moveToRightAnimation", styles: "0%{left:0;width:100%;}50%{left:50%;width:50%;}100%{left:99%;width:1%;};label:moveToRightAnimation;", map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdsb2JhbExvYWRlclZpZXcuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlEc0MiLCJmaWxlIjoiR2xvYmFsTG9hZGVyVmlldy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9jc3MnO1xuXG5pbXBvcnQgeyBjc3MsIG1lbW9pemVTdHlsZSB9IGZyb20gJy4uLy4uL2xpYi90aGVtaW5nL0Vtb3Rpb24nO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9saWIvdGhlbWluZy9UaGVtZSc7XG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSBtZW1vaXplU3R5bGUoe1xuICBvdXRlcih0OiBUaGVtZSkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICB3aWR0aDogJHt0Lmdsb2JhbExvYWRlcldpZHRofTtcbiAgICAgIGhlaWdodDogJHt0Lmdsb2JhbExvYWRlckhlaWdodH07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3QuZ2xvYmFsTG9hZGVyQmFja2dyb3VuZENvbG9yfTtcbiAgICAgIHBvc2l0aW9uOiAke3QuZ2xvYmFsTG9hZGVyUG9zaXRpb259O1xuICAgICAgbGVmdDogJHt0Lmdsb2JhbExvYWRlckxlZnR9O1xuICAgICAgdG9wOiAke3QuZ2xvYmFsTG9hZGVyVG9wfTtcbiAgICAgIHJpZ2h0OiAke3QuZ2xvYmFsTG9hZGVyUmlnaHR9O1xuICAgICAgYm90dG9tOiAke3QuZ2xvYmFsTG9hZGVyQm90dG9tfTtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgYDtcbiAgfSxcbiAgaW5uZXIodDogVGhlbWUpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0Lmdsb2JhbExvYWRlckNvbG9yfTtcbiAgICAgIHdpZHRoOiAwO1xuICAgICAgaGVpZ2h0OiAke3QuZ2xvYmFsTG9hZGVySGVpZ2h0fTtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGA7XG4gIH0sXG4gIHN0YW5kYXJkV2l0aG91dEFuaW1hdGlvbigpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgbGVmdDogMDtcbiAgICAgIHdpZHRoOiA5MCU7XG4gICAgYDtcbiAgfSxcbiAgc3VjY2Vzc1dpdGhvdXRBbmltYXRpb24oKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGxlZnQ6IDA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICBgO1xuICB9LFxuICBlcnJvcldpdGhvdXRBbmltYXRpb24oKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGxlZnQ6IDQwJTtcbiAgICAgIHdpZHRoOiAyMCU7XG4gICAgYDtcbiAgfSxcbn0pO1xuXG5jb25zdCBtb3ZlVG9SaWdodEFuaW1hdGlvbiA9IGtleWZyYW1lc2BcbiAgMCUge1xuICAgIGxlZnQ6IDA7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbiAgNTAlIHtcbiAgICBsZWZ0OiA1MCU7XG4gICAgd2lkdGg6IDUwJTtcbiAgfVxuICAxMDAlIHtcbiAgICBsZWZ0OiA5OSU7XG4gICAgd2lkdGg6IDElXG4gIH1cbmA7XG5jb25zdCBzcGlubmVyQW5pbWF0aW9uID0ga2V5ZnJhbWVzYFxuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDUwJSkgc2NhbGVYKC4wMDUpO1xuICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllciguODk1LC4wMywuNjg1LC4yMik7XG4gIH1cbiAgNTAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCkgc2NhbGVYKC4zNSk7XG4gICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogY3ViaWMtYmV6aWVyKC4xNjUsLjg0LC40NCwxKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSkgc2NhbGVYKC4wMDUpO1xuICB9XG5gO1xuY29uc3QgbGluZWFyUHJvZ3Jlc3NBbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIGZyb20geyB3aWR0aDogMDsgfVxuICB0byB7IHdpZHRoOiA4MCUgfVxuYDtcbmNvbnN0IHNsb3dQcm9ncmVzc0FuaW1hdGlvbiA9IGtleWZyYW1lc2BcbiAgZnJvbSB7IHdpZHRoOiA4MCU7IH1cbiAgdG8geyB3aWR0aDogOTAlIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBhbmltYXRpb25zID0ge1xuICBzdWNjZXNzQW5pbWF0aW9uKGRlbGF5QmVmb3JlSGlkZTogbnVtYmVyLCB3aWR0aDogbnVtYmVyLCBsZWZ0OiBudW1iZXIpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgYW5pbWF0aW9uOiBzdWNjZXNzQW5pbWF0aW9uO1xuICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAke2RlbGF5QmVmb3JlSGlkZX1tcztcbiAgICAgIEBrZXlmcmFtZXMgc3VjY2Vzc0FuaW1hdGlvbiB7XG4gICAgICAgIDAlIHtcbiAgICAgICAgICB3aWR0aDogJHt3aWR0aH1weDtcbiAgICAgICAgICBsZWZ0OiAke2xlZnR9cHg7XG4gICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgICAgICAyMCUge1xuICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgICAgICA4MCUge1xuICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgICAgICAxMDAlIHtcbiAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgYDtcbiAgfSxcbiAgZXJyb3JBbmltYXRpb24odDogVGhlbWUpIHtcbiAgICBjb25zdCB0cmFuc2l0aW9uRHVyYXRpb24gPSBwYXJzZUludCh0Lmdsb2JhbExvYWRlclRyYW5zaXRpb25Ub1NwaW5uZXJEdXJhdGlvbik7XG4gICAgY29uc3Qgc3Bpbm5lckFuaW1hdGlvbkR1cmF0aW9uID0gcGFyc2VJbnQodC5nbG9iYWxMb2FkZXJTcGlubmVyQW5pbWF0aW9uRHVyYXRpb24pO1xuXG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGxlZnQ6IDA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGFuaW1hdGlvbjogJHttb3ZlVG9SaWdodEFuaW1hdGlvbn0gJHt0cmFuc2l0aW9uRHVyYXRpb259bXMgbGluZWFyLFxuICAgICAgICAke3NwaW5uZXJBbmltYXRpb25EdXJhdGlvbn1tcyAke3NwaW5uZXJBbmltYXRpb259ICR7dHJhbnNpdGlvbkR1cmF0aW9ufW1zIGluZmluaXRlIGFsdGVybmF0ZTtcbiAgICBgO1xuICB9LFxuICBzdGFuZGFyZEFuaW1hdGlvbih0OiBUaGVtZSwgZXhwZWN0ZWRUaW1lOiBudW1iZXIpIHtcbiAgICBjb25zdCBzbG93UHJvZ3Jlc3NBbmltYXRpb25UaW1lID0gcGFyc2VJbnQodC5nbG9iYWxMb2FkZXJTbG93QW5pbWF0aW9uRHVyYXRpb24pO1xuICAgIHJldHVybiBjc3NgXG4gICAgICB3aWR0aDogOTAlO1xuICAgICAgYW5pbWF0aW9uOiAke2xpbmVhclByb2dyZXNzQW5pbWF0aW9ufSAke2V4cGVjdGVkVGltZX1tcyBjdWJpYy1iZXppZXIoMCwgMC40LCAwLjQsIDEpLFxuICAgICAgICAke3Nsb3dQcm9ncmVzc0FuaW1hdGlvblRpbWV9bXMgJHtzbG93UHJvZ3Jlc3NBbmltYXRpb259ICR7ZXhwZWN0ZWRUaW1lfW1zIGxpbmVhcjtcbiAgICBgO1xuICB9LFxuICBhY2NlcHRBbmltYXRpb24odDogVGhlbWUsIHN0YXJ0V2lkdGg6IG51bWJlciwgZXhwZWN0ZWRUaW1lOiBudW1iZXIsIHdpZHRoOiBudW1iZXIsIGxlZnQ6IG51bWJlcikge1xuICAgIGNvbnN0IHRyYW5zaXRpb25UaW1lID0gcGFyc2VJbnQodC5nbG9iYWxMb2FkZXJUcmFuc2l0aW9uRnJvbVNwaW5uZXJEdXJhdGlvbik7XG4gICAgY29uc3Qgc2xvd1Byb2dyZXNzQW5pbWF0aW9uVGltZSA9IHBhcnNlSW50KHQuZ2xvYmFsTG9hZGVyU2xvd0FuaW1hdGlvbkR1cmF0aW9uKTtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgd2lkdGg6IDkwJTtcbiAgICAgIGFuaW1hdGlvbjogdHJhbnNpdGlvbkFuaW1hdGlvbiAke3RyYW5zaXRpb25UaW1lfW1zIGxpbmVhcixcbiAgICAgICAgJHtleHBlY3RlZFRpbWV9bXMgYWNjZXB0QW5pbWF0aW9uICR7dHJhbnNpdGlvblRpbWV9bXMgY3ViaWMtYmV6aWVyKDAsIDAuNCwgMC40LCAxKSxcbiAgICAgICAgJHtzbG93UHJvZ3Jlc3NBbmltYXRpb25UaW1lfW1zICR7c2xvd1Byb2dyZXNzQW5pbWF0aW9ufSAke2V4cGVjdGVkVGltZSArIHRyYW5zaXRpb25UaW1lfW1zIGxpbmVhcjtcbiAgICAgIEBrZXlmcmFtZXMgdHJhbnNpdGlvbkFuaW1hdGlvbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgIHdpZHRoOiAke3dpZHRofXB4O1xuICAgICAgICAgIGxlZnQ6ICR7bGVmdH1weDtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgd2lkdGg6ICR7c3RhcnRXaWR0aH1weDtcbiAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICBAa2V5ZnJhbWVzIGFjY2VwdEFuaW1hdGlvbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgIHdpZHRoOiAke3N0YXJ0V2lkdGh9cHg7XG4gICAgICAgIH1cbiAgICAgICAgdG8ge1xuICAgICAgICAgIHdpZHRoOiA4MCU7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICBgO1xuICB9LFxuICBzbG93QWNjZXB0QW5pbWF0aW9uKHQ6IFRoZW1lLCBzdGFydFdpZHRoOiBudW1iZXIsIHdpZHRoOiBudW1iZXIsIGxlZnQ6IG51bWJlcikge1xuICAgIGNvbnN0IHRyYW5zaXRpb25UaW1lID0gcGFyc2VJbnQodC5nbG9iYWxMb2FkZXJUcmFuc2l0aW9uRnJvbVNwaW5uZXJEdXJhdGlvbik7XG4gICAgY29uc3Qgc2xvd1Byb2dyZXNzQW5pbWF0aW9uVGltZSA9IHBhcnNlSW50KHQuZ2xvYmFsTG9hZGVyU2xvd0FuaW1hdGlvbkR1cmF0aW9uKTtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgd2lkdGg6IDkwJTtcbiAgICAgIGFuaW1hdGlvbjogdHJhbnNpdGlvbkFuaW1hdGlvbiAke3RyYW5zaXRpb25UaW1lfW1zIGxpbmVhcixcbiAgICAgICAgJHtzbG93UHJvZ3Jlc3NBbmltYXRpb25UaW1lfW1zIGFjY2VwdEFuaW1hdGlvbiAke3RyYW5zaXRpb25UaW1lfW1zIGxpbmVhcjtcbiAgICAgIEBrZXlmcmFtZXMgdHJhbnNpdGlvbkFuaW1hdGlvbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgIHdpZHRoOiAke3dpZHRofXB4O1xuICAgICAgICAgIGxlZnQ6ICR7bGVmdH1weDtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgd2lkdGg6ICR7c3RhcnRXaWR0aH1weDtcbiAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICBAa2V5ZnJhbWVzIGFjY2VwdEFuaW1hdGlvbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgIHdpZHRoOiAke3N0YXJ0V2lkdGh9cHg7XG4gICAgICAgIH1cbiAgICAgICAgdG8ge1xuICAgICAgICAgIHdpZHRoOiA5MCU7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICBgO1xuICB9LFxuICBhY2NlcHRXaXRob3V0QW5pbWF0aW9uKHN0YXJ0V2lkdGg6IG51bWJlcikge1xuICAgIHJldHVybiBjc3NgXG4gICAgICB3aWR0aDogJHtzdGFydFdpZHRofXB4O1xuICAgIGA7XG4gIH0sXG59O1xuIl19 */", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
+var moveToRightAnimation = (0, _Emotion.keyframes)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n  0% {\n    left: 0;\n    width: 100%;\n  }\n  50% {\n    left: 50%;\n    width: 50%;\n  }\n  100% {\n    left: 99%;\n    width: 1%\n  }\n"])));
 
 
 
@@ -61,7 +59,7 @@ var moveToRightAnimation = /*#__PURE__*/(0, _css.keyframes)(process.env.NODE_ENV
 
 
 
-var spinnerAnimation = /*#__PURE__*/(0, _css.keyframes)(process.env.NODE_ENV === "production" ? { name: "1rg5tev", styles: "0%{transform:translateX(50%) scaleX(.005);animation-timing-function:cubic-bezier(.895,.03,.685,.22);}50%{transform:translateX(0) scaleX(.35);animation-timing-function:cubic-bezier(.165,.84,.44,1);}100%{transform:translateX(-50%) scaleX(.005);}" } : { name: "1f44ryp-spinnerAnimation", styles: "0%{transform:translateX(50%) scaleX(.005);animation-timing-function:cubic-bezier(.895,.03,.685,.22);}50%{transform:translateX(0) scaleX(.35);animation-timing-function:cubic-bezier(.165,.84,.44,1);}100%{transform:translateX(-50%) scaleX(.005);};label:spinnerAnimation;", map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdsb2JhbExvYWRlclZpZXcuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStEa0MiLCJmaWxlIjoiR2xvYmFsTG9hZGVyVmlldy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9jc3MnO1xuXG5pbXBvcnQgeyBjc3MsIG1lbW9pemVTdHlsZSB9IGZyb20gJy4uLy4uL2xpYi90aGVtaW5nL0Vtb3Rpb24nO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9saWIvdGhlbWluZy9UaGVtZSc7XG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSBtZW1vaXplU3R5bGUoe1xuICBvdXRlcih0OiBUaGVtZSkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICB3aWR0aDogJHt0Lmdsb2JhbExvYWRlcldpZHRofTtcbiAgICAgIGhlaWdodDogJHt0Lmdsb2JhbExvYWRlckhlaWdodH07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3QuZ2xvYmFsTG9hZGVyQmFja2dyb3VuZENvbG9yfTtcbiAgICAgIHBvc2l0aW9uOiAke3QuZ2xvYmFsTG9hZGVyUG9zaXRpb259O1xuICAgICAgbGVmdDogJHt0Lmdsb2JhbExvYWRlckxlZnR9O1xuICAgICAgdG9wOiAke3QuZ2xvYmFsTG9hZGVyVG9wfTtcbiAgICAgIHJpZ2h0OiAke3QuZ2xvYmFsTG9hZGVyUmlnaHR9O1xuICAgICAgYm90dG9tOiAke3QuZ2xvYmFsTG9hZGVyQm90dG9tfTtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgYDtcbiAgfSxcbiAgaW5uZXIodDogVGhlbWUpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0Lmdsb2JhbExvYWRlckNvbG9yfTtcbiAgICAgIHdpZHRoOiAwO1xuICAgICAgaGVpZ2h0OiAke3QuZ2xvYmFsTG9hZGVySGVpZ2h0fTtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGA7XG4gIH0sXG4gIHN0YW5kYXJkV2l0aG91dEFuaW1hdGlvbigpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgbGVmdDogMDtcbiAgICAgIHdpZHRoOiA5MCU7XG4gICAgYDtcbiAgfSxcbiAgc3VjY2Vzc1dpdGhvdXRBbmltYXRpb24oKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGxlZnQ6IDA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICBgO1xuICB9LFxuICBlcnJvcldpdGhvdXRBbmltYXRpb24oKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGxlZnQ6IDQwJTtcbiAgICAgIHdpZHRoOiAyMCU7XG4gICAgYDtcbiAgfSxcbn0pO1xuXG5jb25zdCBtb3ZlVG9SaWdodEFuaW1hdGlvbiA9IGtleWZyYW1lc2BcbiAgMCUge1xuICAgIGxlZnQ6IDA7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbiAgNTAlIHtcbiAgICBsZWZ0OiA1MCU7XG4gICAgd2lkdGg6IDUwJTtcbiAgfVxuICAxMDAlIHtcbiAgICBsZWZ0OiA5OSU7XG4gICAgd2lkdGg6IDElXG4gIH1cbmA7XG5jb25zdCBzcGlubmVyQW5pbWF0aW9uID0ga2V5ZnJhbWVzYFxuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDUwJSkgc2NhbGVYKC4wMDUpO1xuICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllciguODk1LC4wMywuNjg1LC4yMik7XG4gIH1cbiAgNTAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCkgc2NhbGVYKC4zNSk7XG4gICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogY3ViaWMtYmV6aWVyKC4xNjUsLjg0LC40NCwxKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSkgc2NhbGVYKC4wMDUpO1xuICB9XG5gO1xuY29uc3QgbGluZWFyUHJvZ3Jlc3NBbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIGZyb20geyB3aWR0aDogMDsgfVxuICB0byB7IHdpZHRoOiA4MCUgfVxuYDtcbmNvbnN0IHNsb3dQcm9ncmVzc0FuaW1hdGlvbiA9IGtleWZyYW1lc2BcbiAgZnJvbSB7IHdpZHRoOiA4MCU7IH1cbiAgdG8geyB3aWR0aDogOTAlIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBhbmltYXRpb25zID0ge1xuICBzdWNjZXNzQW5pbWF0aW9uKGRlbGF5QmVmb3JlSGlkZTogbnVtYmVyLCB3aWR0aDogbnVtYmVyLCBsZWZ0OiBudW1iZXIpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgYW5pbWF0aW9uOiBzdWNjZXNzQW5pbWF0aW9uO1xuICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAke2RlbGF5QmVmb3JlSGlkZX1tcztcbiAgICAgIEBrZXlmcmFtZXMgc3VjY2Vzc0FuaW1hdGlvbiB7XG4gICAgICAgIDAlIHtcbiAgICAgICAgICB3aWR0aDogJHt3aWR0aH1weDtcbiAgICAgICAgICBsZWZ0OiAke2xlZnR9cHg7XG4gICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgICAgICAyMCUge1xuICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgICAgICA4MCUge1xuICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgICAgICAxMDAlIHtcbiAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgYDtcbiAgfSxcbiAgZXJyb3JBbmltYXRpb24odDogVGhlbWUpIHtcbiAgICBjb25zdCB0cmFuc2l0aW9uRHVyYXRpb24gPSBwYXJzZUludCh0Lmdsb2JhbExvYWRlclRyYW5zaXRpb25Ub1NwaW5uZXJEdXJhdGlvbik7XG4gICAgY29uc3Qgc3Bpbm5lckFuaW1hdGlvbkR1cmF0aW9uID0gcGFyc2VJbnQodC5nbG9iYWxMb2FkZXJTcGlubmVyQW5pbWF0aW9uRHVyYXRpb24pO1xuXG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGxlZnQ6IDA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGFuaW1hdGlvbjogJHttb3ZlVG9SaWdodEFuaW1hdGlvbn0gJHt0cmFuc2l0aW9uRHVyYXRpb259bXMgbGluZWFyLFxuICAgICAgICAke3NwaW5uZXJBbmltYXRpb25EdXJhdGlvbn1tcyAke3NwaW5uZXJBbmltYXRpb259ICR7dHJhbnNpdGlvbkR1cmF0aW9ufW1zIGluZmluaXRlIGFsdGVybmF0ZTtcbiAgICBgO1xuICB9LFxuICBzdGFuZGFyZEFuaW1hdGlvbih0OiBUaGVtZSwgZXhwZWN0ZWRUaW1lOiBudW1iZXIpIHtcbiAgICBjb25zdCBzbG93UHJvZ3Jlc3NBbmltYXRpb25UaW1lID0gcGFyc2VJbnQodC5nbG9iYWxMb2FkZXJTbG93QW5pbWF0aW9uRHVyYXRpb24pO1xuICAgIHJldHVybiBjc3NgXG4gICAgICB3aWR0aDogOTAlO1xuICAgICAgYW5pbWF0aW9uOiAke2xpbmVhclByb2dyZXNzQW5pbWF0aW9ufSAke2V4cGVjdGVkVGltZX1tcyBjdWJpYy1iZXppZXIoMCwgMC40LCAwLjQsIDEpLFxuICAgICAgICAke3Nsb3dQcm9ncmVzc0FuaW1hdGlvblRpbWV9bXMgJHtzbG93UHJvZ3Jlc3NBbmltYXRpb259ICR7ZXhwZWN0ZWRUaW1lfW1zIGxpbmVhcjtcbiAgICBgO1xuICB9LFxuICBhY2NlcHRBbmltYXRpb24odDogVGhlbWUsIHN0YXJ0V2lkdGg6IG51bWJlciwgZXhwZWN0ZWRUaW1lOiBudW1iZXIsIHdpZHRoOiBudW1iZXIsIGxlZnQ6IG51bWJlcikge1xuICAgIGNvbnN0IHRyYW5zaXRpb25UaW1lID0gcGFyc2VJbnQodC5nbG9iYWxMb2FkZXJUcmFuc2l0aW9uRnJvbVNwaW5uZXJEdXJhdGlvbik7XG4gICAgY29uc3Qgc2xvd1Byb2dyZXNzQW5pbWF0aW9uVGltZSA9IHBhcnNlSW50KHQuZ2xvYmFsTG9hZGVyU2xvd0FuaW1hdGlvbkR1cmF0aW9uKTtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgd2lkdGg6IDkwJTtcbiAgICAgIGFuaW1hdGlvbjogdHJhbnNpdGlvbkFuaW1hdGlvbiAke3RyYW5zaXRpb25UaW1lfW1zIGxpbmVhcixcbiAgICAgICAgJHtleHBlY3RlZFRpbWV9bXMgYWNjZXB0QW5pbWF0aW9uICR7dHJhbnNpdGlvblRpbWV9bXMgY3ViaWMtYmV6aWVyKDAsIDAuNCwgMC40LCAxKSxcbiAgICAgICAgJHtzbG93UHJvZ3Jlc3NBbmltYXRpb25UaW1lfW1zICR7c2xvd1Byb2dyZXNzQW5pbWF0aW9ufSAke2V4cGVjdGVkVGltZSArIHRyYW5zaXRpb25UaW1lfW1zIGxpbmVhcjtcbiAgICAgIEBrZXlmcmFtZXMgdHJhbnNpdGlvbkFuaW1hdGlvbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgIHdpZHRoOiAke3dpZHRofXB4O1xuICAgICAgICAgIGxlZnQ6ICR7bGVmdH1weDtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgd2lkdGg6ICR7c3RhcnRXaWR0aH1weDtcbiAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICBAa2V5ZnJhbWVzIGFjY2VwdEFuaW1hdGlvbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgIHdpZHRoOiAke3N0YXJ0V2lkdGh9cHg7XG4gICAgICAgIH1cbiAgICAgICAgdG8ge1xuICAgICAgICAgIHdpZHRoOiA4MCU7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICBgO1xuICB9LFxuICBzbG93QWNjZXB0QW5pbWF0aW9uKHQ6IFRoZW1lLCBzdGFydFdpZHRoOiBudW1iZXIsIHdpZHRoOiBudW1iZXIsIGxlZnQ6IG51bWJlcikge1xuICAgIGNvbnN0IHRyYW5zaXRpb25UaW1lID0gcGFyc2VJbnQodC5nbG9iYWxMb2FkZXJUcmFuc2l0aW9uRnJvbVNwaW5uZXJEdXJhdGlvbik7XG4gICAgY29uc3Qgc2xvd1Byb2dyZXNzQW5pbWF0aW9uVGltZSA9IHBhcnNlSW50KHQuZ2xvYmFsTG9hZGVyU2xvd0FuaW1hdGlvbkR1cmF0aW9uKTtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgd2lkdGg6IDkwJTtcbiAgICAgIGFuaW1hdGlvbjogdHJhbnNpdGlvbkFuaW1hdGlvbiAke3RyYW5zaXRpb25UaW1lfW1zIGxpbmVhcixcbiAgICAgICAgJHtzbG93UHJvZ3Jlc3NBbmltYXRpb25UaW1lfW1zIGFjY2VwdEFuaW1hdGlvbiAke3RyYW5zaXRpb25UaW1lfW1zIGxpbmVhcjtcbiAgICAgIEBrZXlmcmFtZXMgdHJhbnNpdGlvbkFuaW1hdGlvbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgIHdpZHRoOiAke3dpZHRofXB4O1xuICAgICAgICAgIGxlZnQ6ICR7bGVmdH1weDtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgd2lkdGg6ICR7c3RhcnRXaWR0aH1weDtcbiAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICBAa2V5ZnJhbWVzIGFjY2VwdEFuaW1hdGlvbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgIHdpZHRoOiAke3N0YXJ0V2lkdGh9cHg7XG4gICAgICAgIH1cbiAgICAgICAgdG8ge1xuICAgICAgICAgIHdpZHRoOiA5MCU7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICBgO1xuICB9LFxuICBhY2NlcHRXaXRob3V0QW5pbWF0aW9uKHN0YXJ0V2lkdGg6IG51bWJlcikge1xuICAgIHJldHVybiBjc3NgXG4gICAgICB3aWR0aDogJHtzdGFydFdpZHRofXB4O1xuICAgIGA7XG4gIH0sXG59O1xuIl19 */", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
+var spinnerAnimation = (0, _Emotion.keyframes)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n  0% {\n    transform: translateX(50%) scaleX(.005);\n    animation-timing-function: cubic-bezier(.895,.03,.685,.22);\n  }\n  50% {\n    transform: translateX(0) scaleX(.35);\n    animation-timing-function: cubic-bezier(.165,.84,.44,1);\n  }\n  100% {\n    transform: translateX(-50%) scaleX(.005);\n  }\n"])));
 
 
 
@@ -74,18 +72,18 @@ var spinnerAnimation = /*#__PURE__*/(0, _css.keyframes)(process.env.NODE_ENV ===
 
 
 
-var linearProgressAnimation = /*#__PURE__*/(0, _css.keyframes)(process.env.NODE_ENV === "production" ? { name: "s13vfq", styles: "from{width:0;}to{width:80%;}" } : { name: "1roay6h-linearProgressAnimation", styles: "from{width:0;}to{width:80%;};label:linearProgressAnimation;", map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdsb2JhbExvYWRlclZpZXcuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRFeUMiLCJmaWxlIjoiR2xvYmFsTG9hZGVyVmlldy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9jc3MnO1xuXG5pbXBvcnQgeyBjc3MsIG1lbW9pemVTdHlsZSB9IGZyb20gJy4uLy4uL2xpYi90aGVtaW5nL0Vtb3Rpb24nO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9saWIvdGhlbWluZy9UaGVtZSc7XG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSBtZW1vaXplU3R5bGUoe1xuICBvdXRlcih0OiBUaGVtZSkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICB3aWR0aDogJHt0Lmdsb2JhbExvYWRlcldpZHRofTtcbiAgICAgIGhlaWdodDogJHt0Lmdsb2JhbExvYWRlckhlaWdodH07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3QuZ2xvYmFsTG9hZGVyQmFja2dyb3VuZENvbG9yfTtcbiAgICAgIHBvc2l0aW9uOiAke3QuZ2xvYmFsTG9hZGVyUG9zaXRpb259O1xuICAgICAgbGVmdDogJHt0Lmdsb2JhbExvYWRlckxlZnR9O1xuICAgICAgdG9wOiAke3QuZ2xvYmFsTG9hZGVyVG9wfTtcbiAgICAgIHJpZ2h0OiAke3QuZ2xvYmFsTG9hZGVyUmlnaHR9O1xuICAgICAgYm90dG9tOiAke3QuZ2xvYmFsTG9hZGVyQm90dG9tfTtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgYDtcbiAgfSxcbiAgaW5uZXIodDogVGhlbWUpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0Lmdsb2JhbExvYWRlckNvbG9yfTtcbiAgICAgIHdpZHRoOiAwO1xuICAgICAgaGVpZ2h0OiAke3QuZ2xvYmFsTG9hZGVySGVpZ2h0fTtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGA7XG4gIH0sXG4gIHN0YW5kYXJkV2l0aG91dEFuaW1hdGlvbigpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgbGVmdDogMDtcbiAgICAgIHdpZHRoOiA5MCU7XG4gICAgYDtcbiAgfSxcbiAgc3VjY2Vzc1dpdGhvdXRBbmltYXRpb24oKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGxlZnQ6IDA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICBgO1xuICB9LFxuICBlcnJvcldpdGhvdXRBbmltYXRpb24oKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGxlZnQ6IDQwJTtcbiAgICAgIHdpZHRoOiAyMCU7XG4gICAgYDtcbiAgfSxcbn0pO1xuXG5jb25zdCBtb3ZlVG9SaWdodEFuaW1hdGlvbiA9IGtleWZyYW1lc2BcbiAgMCUge1xuICAgIGxlZnQ6IDA7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbiAgNTAlIHtcbiAgICBsZWZ0OiA1MCU7XG4gICAgd2lkdGg6IDUwJTtcbiAgfVxuICAxMDAlIHtcbiAgICBsZWZ0OiA5OSU7XG4gICAgd2lkdGg6IDElXG4gIH1cbmA7XG5jb25zdCBzcGlubmVyQW5pbWF0aW9uID0ga2V5ZnJhbWVzYFxuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDUwJSkgc2NhbGVYKC4wMDUpO1xuICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllciguODk1LC4wMywuNjg1LC4yMik7XG4gIH1cbiAgNTAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCkgc2NhbGVYKC4zNSk7XG4gICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogY3ViaWMtYmV6aWVyKC4xNjUsLjg0LC40NCwxKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSkgc2NhbGVYKC4wMDUpO1xuICB9XG5gO1xuY29uc3QgbGluZWFyUHJvZ3Jlc3NBbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIGZyb20geyB3aWR0aDogMDsgfVxuICB0byB7IHdpZHRoOiA4MCUgfVxuYDtcbmNvbnN0IHNsb3dQcm9ncmVzc0FuaW1hdGlvbiA9IGtleWZyYW1lc2BcbiAgZnJvbSB7IHdpZHRoOiA4MCU7IH1cbiAgdG8geyB3aWR0aDogOTAlIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBhbmltYXRpb25zID0ge1xuICBzdWNjZXNzQW5pbWF0aW9uKGRlbGF5QmVmb3JlSGlkZTogbnVtYmVyLCB3aWR0aDogbnVtYmVyLCBsZWZ0OiBudW1iZXIpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgYW5pbWF0aW9uOiBzdWNjZXNzQW5pbWF0aW9uO1xuICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAke2RlbGF5QmVmb3JlSGlkZX1tcztcbiAgICAgIEBrZXlmcmFtZXMgc3VjY2Vzc0FuaW1hdGlvbiB7XG4gICAgICAgIDAlIHtcbiAgICAgICAgICB3aWR0aDogJHt3aWR0aH1weDtcbiAgICAgICAgICBsZWZ0OiAke2xlZnR9cHg7XG4gICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgICAgICAyMCUge1xuICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgICAgICA4MCUge1xuICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgICAgICAxMDAlIHtcbiAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgYDtcbiAgfSxcbiAgZXJyb3JBbmltYXRpb24odDogVGhlbWUpIHtcbiAgICBjb25zdCB0cmFuc2l0aW9uRHVyYXRpb24gPSBwYXJzZUludCh0Lmdsb2JhbExvYWRlclRyYW5zaXRpb25Ub1NwaW5uZXJEdXJhdGlvbik7XG4gICAgY29uc3Qgc3Bpbm5lckFuaW1hdGlvbkR1cmF0aW9uID0gcGFyc2VJbnQodC5nbG9iYWxMb2FkZXJTcGlubmVyQW5pbWF0aW9uRHVyYXRpb24pO1xuXG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGxlZnQ6IDA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGFuaW1hdGlvbjogJHttb3ZlVG9SaWdodEFuaW1hdGlvbn0gJHt0cmFuc2l0aW9uRHVyYXRpb259bXMgbGluZWFyLFxuICAgICAgICAke3NwaW5uZXJBbmltYXRpb25EdXJhdGlvbn1tcyAke3NwaW5uZXJBbmltYXRpb259ICR7dHJhbnNpdGlvbkR1cmF0aW9ufW1zIGluZmluaXRlIGFsdGVybmF0ZTtcbiAgICBgO1xuICB9LFxuICBzdGFuZGFyZEFuaW1hdGlvbih0OiBUaGVtZSwgZXhwZWN0ZWRUaW1lOiBudW1iZXIpIHtcbiAgICBjb25zdCBzbG93UHJvZ3Jlc3NBbmltYXRpb25UaW1lID0gcGFyc2VJbnQodC5nbG9iYWxMb2FkZXJTbG93QW5pbWF0aW9uRHVyYXRpb24pO1xuICAgIHJldHVybiBjc3NgXG4gICAgICB3aWR0aDogOTAlO1xuICAgICAgYW5pbWF0aW9uOiAke2xpbmVhclByb2dyZXNzQW5pbWF0aW9ufSAke2V4cGVjdGVkVGltZX1tcyBjdWJpYy1iZXppZXIoMCwgMC40LCAwLjQsIDEpLFxuICAgICAgICAke3Nsb3dQcm9ncmVzc0FuaW1hdGlvblRpbWV9bXMgJHtzbG93UHJvZ3Jlc3NBbmltYXRpb259ICR7ZXhwZWN0ZWRUaW1lfW1zIGxpbmVhcjtcbiAgICBgO1xuICB9LFxuICBhY2NlcHRBbmltYXRpb24odDogVGhlbWUsIHN0YXJ0V2lkdGg6IG51bWJlciwgZXhwZWN0ZWRUaW1lOiBudW1iZXIsIHdpZHRoOiBudW1iZXIsIGxlZnQ6IG51bWJlcikge1xuICAgIGNvbnN0IHRyYW5zaXRpb25UaW1lID0gcGFyc2VJbnQodC5nbG9iYWxMb2FkZXJUcmFuc2l0aW9uRnJvbVNwaW5uZXJEdXJhdGlvbik7XG4gICAgY29uc3Qgc2xvd1Byb2dyZXNzQW5pbWF0aW9uVGltZSA9IHBhcnNlSW50KHQuZ2xvYmFsTG9hZGVyU2xvd0FuaW1hdGlvbkR1cmF0aW9uKTtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgd2lkdGg6IDkwJTtcbiAgICAgIGFuaW1hdGlvbjogdHJhbnNpdGlvbkFuaW1hdGlvbiAke3RyYW5zaXRpb25UaW1lfW1zIGxpbmVhcixcbiAgICAgICAgJHtleHBlY3RlZFRpbWV9bXMgYWNjZXB0QW5pbWF0aW9uICR7dHJhbnNpdGlvblRpbWV9bXMgY3ViaWMtYmV6aWVyKDAsIDAuNCwgMC40LCAxKSxcbiAgICAgICAgJHtzbG93UHJvZ3Jlc3NBbmltYXRpb25UaW1lfW1zICR7c2xvd1Byb2dyZXNzQW5pbWF0aW9ufSAke2V4cGVjdGVkVGltZSArIHRyYW5zaXRpb25UaW1lfW1zIGxpbmVhcjtcbiAgICAgIEBrZXlmcmFtZXMgdHJhbnNpdGlvbkFuaW1hdGlvbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgIHdpZHRoOiAke3dpZHRofXB4O1xuICAgICAgICAgIGxlZnQ6ICR7bGVmdH1weDtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgd2lkdGg6ICR7c3RhcnRXaWR0aH1weDtcbiAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICBAa2V5ZnJhbWVzIGFjY2VwdEFuaW1hdGlvbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgIHdpZHRoOiAke3N0YXJ0V2lkdGh9cHg7XG4gICAgICAgIH1cbiAgICAgICAgdG8ge1xuICAgICAgICAgIHdpZHRoOiA4MCU7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICBgO1xuICB9LFxuICBzbG93QWNjZXB0QW5pbWF0aW9uKHQ6IFRoZW1lLCBzdGFydFdpZHRoOiBudW1iZXIsIHdpZHRoOiBudW1iZXIsIGxlZnQ6IG51bWJlcikge1xuICAgIGNvbnN0IHRyYW5zaXRpb25UaW1lID0gcGFyc2VJbnQodC5nbG9iYWxMb2FkZXJUcmFuc2l0aW9uRnJvbVNwaW5uZXJEdXJhdGlvbik7XG4gICAgY29uc3Qgc2xvd1Byb2dyZXNzQW5pbWF0aW9uVGltZSA9IHBhcnNlSW50KHQuZ2xvYmFsTG9hZGVyU2xvd0FuaW1hdGlvbkR1cmF0aW9uKTtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgd2lkdGg6IDkwJTtcbiAgICAgIGFuaW1hdGlvbjogdHJhbnNpdGlvbkFuaW1hdGlvbiAke3RyYW5zaXRpb25UaW1lfW1zIGxpbmVhcixcbiAgICAgICAgJHtzbG93UHJvZ3Jlc3NBbmltYXRpb25UaW1lfW1zIGFjY2VwdEFuaW1hdGlvbiAke3RyYW5zaXRpb25UaW1lfW1zIGxpbmVhcjtcbiAgICAgIEBrZXlmcmFtZXMgdHJhbnNpdGlvbkFuaW1hdGlvbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgIHdpZHRoOiAke3dpZHRofXB4O1xuICAgICAgICAgIGxlZnQ6ICR7bGVmdH1weDtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgd2lkdGg6ICR7c3RhcnRXaWR0aH1weDtcbiAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICBAa2V5ZnJhbWVzIGFjY2VwdEFuaW1hdGlvbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgIHdpZHRoOiAke3N0YXJ0V2lkdGh9cHg7XG4gICAgICAgIH1cbiAgICAgICAgdG8ge1xuICAgICAgICAgIHdpZHRoOiA5MCU7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICBgO1xuICB9LFxuICBhY2NlcHRXaXRob3V0QW5pbWF0aW9uKHN0YXJ0V2lkdGg6IG51bWJlcikge1xuICAgIHJldHVybiBjc3NgXG4gICAgICB3aWR0aDogJHtzdGFydFdpZHRofXB4O1xuICAgIGA7XG4gIH0sXG59O1xuIl19 */", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
+var linearProgressAnimation = (0, _Emotion.keyframes)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n  from { width: 0; }\n  to { width: 80% }\n"])));
 
 
 
-var slowProgressAnimation = /*#__PURE__*/(0, _css.keyframes)(process.env.NODE_ENV === "production" ? { name: "l2pg9n", styles: "from{width:80%;}to{width:90%;}" } : { name: "3yo50u-slowProgressAnimation", styles: "from{width:80%;}to{width:90%;};label:slowProgressAnimation;", map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdsb2JhbExvYWRlclZpZXcuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdGdUMiLCJmaWxlIjoiR2xvYmFsTG9hZGVyVmlldy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9jc3MnO1xuXG5pbXBvcnQgeyBjc3MsIG1lbW9pemVTdHlsZSB9IGZyb20gJy4uLy4uL2xpYi90aGVtaW5nL0Vtb3Rpb24nO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9saWIvdGhlbWluZy9UaGVtZSc7XG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSBtZW1vaXplU3R5bGUoe1xuICBvdXRlcih0OiBUaGVtZSkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICB3aWR0aDogJHt0Lmdsb2JhbExvYWRlcldpZHRofTtcbiAgICAgIGhlaWdodDogJHt0Lmdsb2JhbExvYWRlckhlaWdodH07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3QuZ2xvYmFsTG9hZGVyQmFja2dyb3VuZENvbG9yfTtcbiAgICAgIHBvc2l0aW9uOiAke3QuZ2xvYmFsTG9hZGVyUG9zaXRpb259O1xuICAgICAgbGVmdDogJHt0Lmdsb2JhbExvYWRlckxlZnR9O1xuICAgICAgdG9wOiAke3QuZ2xvYmFsTG9hZGVyVG9wfTtcbiAgICAgIHJpZ2h0OiAke3QuZ2xvYmFsTG9hZGVyUmlnaHR9O1xuICAgICAgYm90dG9tOiAke3QuZ2xvYmFsTG9hZGVyQm90dG9tfTtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgYDtcbiAgfSxcbiAgaW5uZXIodDogVGhlbWUpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0Lmdsb2JhbExvYWRlckNvbG9yfTtcbiAgICAgIHdpZHRoOiAwO1xuICAgICAgaGVpZ2h0OiAke3QuZ2xvYmFsTG9hZGVySGVpZ2h0fTtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGA7XG4gIH0sXG4gIHN0YW5kYXJkV2l0aG91dEFuaW1hdGlvbigpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgbGVmdDogMDtcbiAgICAgIHdpZHRoOiA5MCU7XG4gICAgYDtcbiAgfSxcbiAgc3VjY2Vzc1dpdGhvdXRBbmltYXRpb24oKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGxlZnQ6IDA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICBgO1xuICB9LFxuICBlcnJvcldpdGhvdXRBbmltYXRpb24oKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGxlZnQ6IDQwJTtcbiAgICAgIHdpZHRoOiAyMCU7XG4gICAgYDtcbiAgfSxcbn0pO1xuXG5jb25zdCBtb3ZlVG9SaWdodEFuaW1hdGlvbiA9IGtleWZyYW1lc2BcbiAgMCUge1xuICAgIGxlZnQ6IDA7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbiAgNTAlIHtcbiAgICBsZWZ0OiA1MCU7XG4gICAgd2lkdGg6IDUwJTtcbiAgfVxuICAxMDAlIHtcbiAgICBsZWZ0OiA5OSU7XG4gICAgd2lkdGg6IDElXG4gIH1cbmA7XG5jb25zdCBzcGlubmVyQW5pbWF0aW9uID0ga2V5ZnJhbWVzYFxuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDUwJSkgc2NhbGVYKC4wMDUpO1xuICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllciguODk1LC4wMywuNjg1LC4yMik7XG4gIH1cbiAgNTAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCkgc2NhbGVYKC4zNSk7XG4gICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogY3ViaWMtYmV6aWVyKC4xNjUsLjg0LC40NCwxKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSkgc2NhbGVYKC4wMDUpO1xuICB9XG5gO1xuY29uc3QgbGluZWFyUHJvZ3Jlc3NBbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIGZyb20geyB3aWR0aDogMDsgfVxuICB0byB7IHdpZHRoOiA4MCUgfVxuYDtcbmNvbnN0IHNsb3dQcm9ncmVzc0FuaW1hdGlvbiA9IGtleWZyYW1lc2BcbiAgZnJvbSB7IHdpZHRoOiA4MCU7IH1cbiAgdG8geyB3aWR0aDogOTAlIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBhbmltYXRpb25zID0ge1xuICBzdWNjZXNzQW5pbWF0aW9uKGRlbGF5QmVmb3JlSGlkZTogbnVtYmVyLCB3aWR0aDogbnVtYmVyLCBsZWZ0OiBudW1iZXIpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgYW5pbWF0aW9uOiBzdWNjZXNzQW5pbWF0aW9uO1xuICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAke2RlbGF5QmVmb3JlSGlkZX1tcztcbiAgICAgIEBrZXlmcmFtZXMgc3VjY2Vzc0FuaW1hdGlvbiB7XG4gICAgICAgIDAlIHtcbiAgICAgICAgICB3aWR0aDogJHt3aWR0aH1weDtcbiAgICAgICAgICBsZWZ0OiAke2xlZnR9cHg7XG4gICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgICAgICAyMCUge1xuICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgICAgICA4MCUge1xuICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgICAgICAxMDAlIHtcbiAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgYDtcbiAgfSxcbiAgZXJyb3JBbmltYXRpb24odDogVGhlbWUpIHtcbiAgICBjb25zdCB0cmFuc2l0aW9uRHVyYXRpb24gPSBwYXJzZUludCh0Lmdsb2JhbExvYWRlclRyYW5zaXRpb25Ub1NwaW5uZXJEdXJhdGlvbik7XG4gICAgY29uc3Qgc3Bpbm5lckFuaW1hdGlvbkR1cmF0aW9uID0gcGFyc2VJbnQodC5nbG9iYWxMb2FkZXJTcGlubmVyQW5pbWF0aW9uRHVyYXRpb24pO1xuXG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGxlZnQ6IDA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGFuaW1hdGlvbjogJHttb3ZlVG9SaWdodEFuaW1hdGlvbn0gJHt0cmFuc2l0aW9uRHVyYXRpb259bXMgbGluZWFyLFxuICAgICAgICAke3NwaW5uZXJBbmltYXRpb25EdXJhdGlvbn1tcyAke3NwaW5uZXJBbmltYXRpb259ICR7dHJhbnNpdGlvbkR1cmF0aW9ufW1zIGluZmluaXRlIGFsdGVybmF0ZTtcbiAgICBgO1xuICB9LFxuICBzdGFuZGFyZEFuaW1hdGlvbih0OiBUaGVtZSwgZXhwZWN0ZWRUaW1lOiBudW1iZXIpIHtcbiAgICBjb25zdCBzbG93UHJvZ3Jlc3NBbmltYXRpb25UaW1lID0gcGFyc2VJbnQodC5nbG9iYWxMb2FkZXJTbG93QW5pbWF0aW9uRHVyYXRpb24pO1xuICAgIHJldHVybiBjc3NgXG4gICAgICB3aWR0aDogOTAlO1xuICAgICAgYW5pbWF0aW9uOiAke2xpbmVhclByb2dyZXNzQW5pbWF0aW9ufSAke2V4cGVjdGVkVGltZX1tcyBjdWJpYy1iZXppZXIoMCwgMC40LCAwLjQsIDEpLFxuICAgICAgICAke3Nsb3dQcm9ncmVzc0FuaW1hdGlvblRpbWV9bXMgJHtzbG93UHJvZ3Jlc3NBbmltYXRpb259ICR7ZXhwZWN0ZWRUaW1lfW1zIGxpbmVhcjtcbiAgICBgO1xuICB9LFxuICBhY2NlcHRBbmltYXRpb24odDogVGhlbWUsIHN0YXJ0V2lkdGg6IG51bWJlciwgZXhwZWN0ZWRUaW1lOiBudW1iZXIsIHdpZHRoOiBudW1iZXIsIGxlZnQ6IG51bWJlcikge1xuICAgIGNvbnN0IHRyYW5zaXRpb25UaW1lID0gcGFyc2VJbnQodC5nbG9iYWxMb2FkZXJUcmFuc2l0aW9uRnJvbVNwaW5uZXJEdXJhdGlvbik7XG4gICAgY29uc3Qgc2xvd1Byb2dyZXNzQW5pbWF0aW9uVGltZSA9IHBhcnNlSW50KHQuZ2xvYmFsTG9hZGVyU2xvd0FuaW1hdGlvbkR1cmF0aW9uKTtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgd2lkdGg6IDkwJTtcbiAgICAgIGFuaW1hdGlvbjogdHJhbnNpdGlvbkFuaW1hdGlvbiAke3RyYW5zaXRpb25UaW1lfW1zIGxpbmVhcixcbiAgICAgICAgJHtleHBlY3RlZFRpbWV9bXMgYWNjZXB0QW5pbWF0aW9uICR7dHJhbnNpdGlvblRpbWV9bXMgY3ViaWMtYmV6aWVyKDAsIDAuNCwgMC40LCAxKSxcbiAgICAgICAgJHtzbG93UHJvZ3Jlc3NBbmltYXRpb25UaW1lfW1zICR7c2xvd1Byb2dyZXNzQW5pbWF0aW9ufSAke2V4cGVjdGVkVGltZSArIHRyYW5zaXRpb25UaW1lfW1zIGxpbmVhcjtcbiAgICAgIEBrZXlmcmFtZXMgdHJhbnNpdGlvbkFuaW1hdGlvbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgIHdpZHRoOiAke3dpZHRofXB4O1xuICAgICAgICAgIGxlZnQ6ICR7bGVmdH1weDtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgd2lkdGg6ICR7c3RhcnRXaWR0aH1weDtcbiAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICBAa2V5ZnJhbWVzIGFjY2VwdEFuaW1hdGlvbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgIHdpZHRoOiAke3N0YXJ0V2lkdGh9cHg7XG4gICAgICAgIH1cbiAgICAgICAgdG8ge1xuICAgICAgICAgIHdpZHRoOiA4MCU7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICBgO1xuICB9LFxuICBzbG93QWNjZXB0QW5pbWF0aW9uKHQ6IFRoZW1lLCBzdGFydFdpZHRoOiBudW1iZXIsIHdpZHRoOiBudW1iZXIsIGxlZnQ6IG51bWJlcikge1xuICAgIGNvbnN0IHRyYW5zaXRpb25UaW1lID0gcGFyc2VJbnQodC5nbG9iYWxMb2FkZXJUcmFuc2l0aW9uRnJvbVNwaW5uZXJEdXJhdGlvbik7XG4gICAgY29uc3Qgc2xvd1Byb2dyZXNzQW5pbWF0aW9uVGltZSA9IHBhcnNlSW50KHQuZ2xvYmFsTG9hZGVyU2xvd0FuaW1hdGlvbkR1cmF0aW9uKTtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgd2lkdGg6IDkwJTtcbiAgICAgIGFuaW1hdGlvbjogdHJhbnNpdGlvbkFuaW1hdGlvbiAke3RyYW5zaXRpb25UaW1lfW1zIGxpbmVhcixcbiAgICAgICAgJHtzbG93UHJvZ3Jlc3NBbmltYXRpb25UaW1lfW1zIGFjY2VwdEFuaW1hdGlvbiAke3RyYW5zaXRpb25UaW1lfW1zIGxpbmVhcjtcbiAgICAgIEBrZXlmcmFtZXMgdHJhbnNpdGlvbkFuaW1hdGlvbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgIHdpZHRoOiAke3dpZHRofXB4O1xuICAgICAgICAgIGxlZnQ6ICR7bGVmdH1weDtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgd2lkdGg6ICR7c3RhcnRXaWR0aH1weDtcbiAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICBAa2V5ZnJhbWVzIGFjY2VwdEFuaW1hdGlvbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgIHdpZHRoOiAke3N0YXJ0V2lkdGh9cHg7XG4gICAgICAgIH1cbiAgICAgICAgdG8ge1xuICAgICAgICAgIHdpZHRoOiA5MCU7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICBgO1xuICB9LFxuICBhY2NlcHRXaXRob3V0QW5pbWF0aW9uKHN0YXJ0V2lkdGg6IG51bWJlcikge1xuICAgIHJldHVybiBjc3NgXG4gICAgICB3aWR0aDogJHtzdGFydFdpZHRofXB4O1xuICAgIGA7XG4gIH0sXG59O1xuIl19 */", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
+var slowProgressAnimation = (0, _Emotion.keyframes)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n  from { width: 80%; }\n  to { width: 90% }\n"])));
 
 
 
 
 var animations = {
   successAnimation: function successAnimation(delayBeforeHide, width, left) {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      animation: successAnimation;\n      animation-duration: ", "ms;\n      @keyframes successAnimation {\n        0% {\n          width: ", "px;\n          left: ", "px;\n          opacity: 1;\n        }\n        20% {\n          width: 100%;\n          left: 0;\n          opacity: 1;\n        }\n        80% {\n          width: 100%;\n          left: 0;\n          opacity: 1;\n        }\n        100% {\n          width: 100%;\n          opacity: 0;\n        }\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      animation: successAnimation;\n      animation-duration: ", "ms;\n      @keyframes successAnimation {\n        0% {\n          width: ", "px;\n          left: ", "px;\n          opacity: 1;\n        }\n        20% {\n          width: 100%;\n          left: 0;\n          opacity: 1;\n        }\n        80% {\n          width: 100%;\n          left: 0;\n          opacity: 1;\n        }\n        100% {\n          width: 100%;\n          opacity: 0;\n        }\n      }\n    "])),
 
     delayBeforeHide,
 
@@ -115,7 +113,7 @@ var animations = {
     var transitionDuration = parseInt(t.globalLoaderTransitionToSpinnerDuration);
     var spinnerAnimationDuration = parseInt(t.globalLoaderSpinnerAnimationDuration);
 
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      left: 0;\n      width: 100%;\n      animation: ", " ", "ms linear,\n        ", "ms ", " ", "ms infinite alternate;\n    "])),
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      left: 0;\n      width: 100%;\n      animation: ", " ", "ms linear,\n        ", "ms ", " ", "ms infinite alternate;\n    "])),
 
 
     moveToRightAnimation, transitionDuration,
@@ -124,7 +122,7 @@ var animations = {
   },
   standardAnimation: function standardAnimation(t, expectedTime) {
     var slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 90%;\n      animation: ", " ", "ms cubic-bezier(0, 0.4, 0.4, 1),\n        ", "ms ", " ", "ms linear;\n    "])),
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 90%;\n      animation: ", " ", "ms cubic-bezier(0, 0.4, 0.4, 1),\n        ", "ms ", " ", "ms linear;\n    "])),
 
     linearProgressAnimation, expectedTime,
     slowProgressAnimationTime, slowProgressAnimation, expectedTime);
@@ -133,7 +131,7 @@ var animations = {
   acceptAnimation: function acceptAnimation(t, startWidth, expectedTime, width, left) {
     var transitionTime = parseInt(t.globalLoaderTransitionFromSpinnerDuration);
     var slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 90%;\n      animation: transitionAnimation ", "ms linear,\n        ", "ms acceptAnimation ", "ms cubic-bezier(0, 0.4, 0.4, 1),\n        ", "ms ", " ", "ms linear;\n      @keyframes transitionAnimation {\n        from {\n          width: ", "px;\n          left: ", "px;\n        }\n        to {\n          width: ", "px;\n          left: 0;\n        }\n      }\n      @keyframes acceptAnimation {\n        from {\n          width: ", "px;\n        }\n        to {\n          width: 80%;\n        }\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 90%;\n      animation: transitionAnimation ", "ms linear,\n        ", "ms acceptAnimation ", "ms cubic-bezier(0, 0.4, 0.4, 1),\n        ", "ms ", " ", "ms linear;\n      @keyframes transitionAnimation {\n        from {\n          width: ", "px;\n          left: ", "px;\n        }\n        to {\n          width: ", "px;\n          left: 0;\n        }\n      }\n      @keyframes acceptAnimation {\n        from {\n          width: ", "px;\n        }\n        to {\n          width: 80%;\n        }\n      }\n    "])),
 
     transitionTime,
     expectedTime, transitionTime,
@@ -161,7 +159,7 @@ var animations = {
   slowAcceptAnimation: function slowAcceptAnimation(t, startWidth, width, left) {
     var transitionTime = parseInt(t.globalLoaderTransitionFromSpinnerDuration);
     var slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 90%;\n      animation: transitionAnimation ", "ms linear,\n        ", "ms acceptAnimation ", "ms linear;\n      @keyframes transitionAnimation {\n        from {\n          width: ", "px;\n          left: ", "px;\n        }\n        to {\n          width: ", "px;\n          left: 0;\n        }\n      }\n      @keyframes acceptAnimation {\n        from {\n          width: ", "px;\n        }\n        to {\n          width: 90%;\n        }\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 90%;\n      animation: transitionAnimation ", "ms linear,\n        ", "ms acceptAnimation ", "ms linear;\n      @keyframes transitionAnimation {\n        from {\n          width: ", "px;\n          left: ", "px;\n        }\n        to {\n          width: ", "px;\n          left: 0;\n        }\n      }\n      @keyframes acceptAnimation {\n        from {\n          width: ", "px;\n        }\n        to {\n          width: 90%;\n        }\n      }\n    "])),
 
     transitionTime,
     slowProgressAnimationTime, transitionTime,
@@ -186,7 +184,7 @@ var animations = {
 
   },
   acceptWithoutAnimation: function acceptWithoutAnimation(startWidth) {
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", "px;\n    "])),
+    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", "px;\n    "])),
     startWidth);
 
   } };exports.animations = animations;

package/cjs/components/GlobalLoader/GlobalLoaderView.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["GlobalLoaderView.styles.ts"],"names":["styles","outer","t","css","globalLoaderWidth","globalLoaderHeight","globalLoaderBackgroundColor","globalLoaderPosition","globalLoaderLeft","globalLoaderTop","globalLoaderRight","globalLoaderBottom","inner","globalLoaderColor","standardWithoutAnimation","successWithoutAnimation","errorWithoutAnimation","moveToRightAnimation","keyframes","spinnerAnimation","linearProgressAnimation","slowProgressAnimation","animations","successAnimation","delayBeforeHide","width","left","errorAnimation","transitionDuration","parseInt","globalLoaderTransitionToSpinnerDuration","spinnerAnimationDuration","globalLoaderSpinnerAnimationDuration","standardAnimation","expectedTime","slowProgressAnimationTime","globalLoaderSlowAnimationDuration","acceptAnimation","startWidth","transitionTime","globalLoaderTransitionFromSpinnerDuration","slowAcceptAnimation","acceptWithoutAnimation"],"mappings":"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","sourcesContent":["import { keyframes } from '@emotion/css';\n\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  outer(t: Theme) {\n    return css`\n      width: ${t.globalLoaderWidth};\n      height: ${t.globalLoaderHeight};\n      background-color: ${t.globalLoaderBackgroundColor};\n      position: ${t.globalLoaderPosition};\n      left: ${t.globalLoaderLeft};\n      top: ${t.globalLoaderTop};\n      right: ${t.globalLoaderRight};\n      bottom: ${t.globalLoaderBottom};\n      overflow: hidden;\n    `;\n  },\n  inner(t: Theme) {\n    return css`\n      background-color: ${t.globalLoaderColor};\n      width: 0;\n      height: ${t.globalLoaderHeight};\n      position: absolute;\n      left: 0;\n      overflow: hidden;\n    `;\n  },\n  standardWithoutAnimation() {\n    return css`\n      left: 0;\n      width: 90%;\n    `;\n  },\n  successWithoutAnimation() {\n    return css`\n      left: 0;\n      width: 100%;\n    `;\n  },\n  errorWithoutAnimation() {\n    return css`\n      left: 40%;\n      width: 20%;\n    `;\n  },\n});\n\nconst moveToRightAnimation = keyframes`\n  0% {\n    left: 0;\n    width: 100%;\n  }\n  50% {\n    left: 50%;\n    width: 50%;\n  }\n  100% {\n    left: 99%;\n    width: 1%\n  }\n`;\nconst spinnerAnimation = keyframes`\n  0% {\n    transform: translateX(50%) scaleX(.005);\n    animation-timing-function: cubic-bezier(.895,.03,.685,.22);\n  }\n  50% {\n    transform: translateX(0) scaleX(.35);\n    animation-timing-function: cubic-bezier(.165,.84,.44,1);\n  }\n  100% {\n    transform: translateX(-50%) scaleX(.005);\n  }\n`;\nconst linearProgressAnimation = keyframes`\n  from { width: 0; }\n  to { width: 80% }\n`;\nconst slowProgressAnimation = keyframes`\n  from { width: 80%; }\n  to { width: 90% }\n`;\n\nexport const animations = {\n  successAnimation(delayBeforeHide: number, width: number, left: number) {\n    return css`\n      animation: successAnimation;\n      animation-duration: ${delayBeforeHide}ms;\n      @keyframes successAnimation {\n        0% {\n          width: ${width}px;\n          left: ${left}px;\n          opacity: 1;\n        }\n        20% {\n          width: 100%;\n          left: 0;\n          opacity: 1;\n        }\n        80% {\n          width: 100%;\n          left: 0;\n          opacity: 1;\n        }\n        100% {\n          width: 100%;\n          opacity: 0;\n        }\n      }\n    `;\n  },\n  errorAnimation(t: Theme) {\n    const transitionDuration = parseInt(t.globalLoaderTransitionToSpinnerDuration);\n    const spinnerAnimationDuration = parseInt(t.globalLoaderSpinnerAnimationDuration);\n\n    return css`\n      left: 0;\n      width: 100%;\n      animation: ${moveToRightAnimation} ${transitionDuration}ms linear,\n        ${spinnerAnimationDuration}ms ${spinnerAnimation} ${transitionDuration}ms infinite alternate;\n    `;\n  },\n  standardAnimation(t: Theme, expectedTime: number) {\n    const slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);\n    return css`\n      width: 90%;\n      animation: ${linearProgressAnimation} ${expectedTime}ms cubic-bezier(0, 0.4, 0.4, 1),\n        ${slowProgressAnimationTime}ms ${slowProgressAnimation} ${expectedTime}ms linear;\n    `;\n  },\n  acceptAnimation(t: Theme, startWidth: number, expectedTime: number, width: number, left: number) {\n    const transitionTime = parseInt(t.globalLoaderTransitionFromSpinnerDuration);\n    const slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);\n    return css`\n      width: 90%;\n      animation: transitionAnimation ${transitionTime}ms linear,\n        ${expectedTime}ms acceptAnimation ${transitionTime}ms cubic-bezier(0, 0.4, 0.4, 1),\n        ${slowProgressAnimationTime}ms ${slowProgressAnimation} ${expectedTime + transitionTime}ms linear;\n      @keyframes transitionAnimation {\n        from {\n          width: ${width}px;\n          left: ${left}px;\n        }\n        to {\n          width: ${startWidth}px;\n          left: 0;\n        }\n      }\n      @keyframes acceptAnimation {\n        from {\n          width: ${startWidth}px;\n        }\n        to {\n          width: 80%;\n        }\n      }\n    `;\n  },\n  slowAcceptAnimation(t: Theme, startWidth: number, width: number, left: number) {\n    const transitionTime = parseInt(t.globalLoaderTransitionFromSpinnerDuration);\n    const slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);\n    return css`\n      width: 90%;\n      animation: transitionAnimation ${transitionTime}ms linear,\n        ${slowProgressAnimationTime}ms acceptAnimation ${transitionTime}ms linear;\n      @keyframes transitionAnimation {\n        from {\n          width: ${width}px;\n          left: ${left}px;\n        }\n        to {\n          width: ${startWidth}px;\n          left: 0;\n        }\n      }\n      @keyframes acceptAnimation {\n        from {\n          width: ${startWidth}px;\n        }\n        to {\n          width: 90%;\n        }\n      }\n    `;\n  },\n  acceptWithoutAnimation(startWidth: number) {\n    return css`\n      width: ${startWidth}px;\n    `;\n  },\n};\n"]}
+{"version":3,"sources":["GlobalLoaderView.styles.ts"],"names":["styles","outer","t","css","globalLoaderWidth","globalLoaderHeight","globalLoaderBackgroundColor","globalLoaderPosition","globalLoaderLeft","globalLoaderTop","globalLoaderRight","globalLoaderBottom","inner","globalLoaderColor","standardWithoutAnimation","successWithoutAnimation","errorWithoutAnimation","moveToRightAnimation","keyframes","spinnerAnimation","linearProgressAnimation","slowProgressAnimation","animations","successAnimation","delayBeforeHide","width","left","errorAnimation","transitionDuration","parseInt","globalLoaderTransitionToSpinnerDuration","spinnerAnimationDuration","globalLoaderSpinnerAnimationDuration","standardAnimation","expectedTime","slowProgressAnimationTime","globalLoaderSlowAnimationDuration","acceptAnimation","startWidth","transitionTime","globalLoaderTransitionFromSpinnerDuration","slowAcceptAnimation","acceptWithoutAnimation"],"mappings":"iSAAA,oD;;;AAGO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,KADiC,iBAC3BC,CAD2B,EACjB;AACd,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACE,iBADb;AAEYF,IAAAA,CAAC,CAACG,kBAFd;AAGsBH,IAAAA,CAAC,CAACI,2BAHxB;AAIcJ,IAAAA,CAAC,CAACK,oBAJhB;AAKUL,IAAAA,CAAC,CAACM,gBALZ;AAMSN,IAAAA,CAAC,CAACO,eANX;AAOWP,IAAAA,CAAC,CAACQ,iBAPb;AAQYR,IAAAA,CAAC,CAACS,kBARd;;;AAWD,GAbgC;AAcjCC,EAAAA,KAdiC,iBAc3BV,CAd2B,EAcjB;AACd,eAAOC,YAAP;AACsBD,IAAAA,CAAC,CAACW,iBADxB;;AAGYX,IAAAA,CAAC,CAACG,kBAHd;;;;;AAQD,GAvBgC;AAwBjCS,EAAAA,wBAxBiC,sCAwBN;AACzB,eAAOX,YAAP;;;;AAID,GA7BgC;AA8BjCY,EAAAA,uBA9BiC,qCA8BP;AACxB,eAAOZ,YAAP;;;;AAID,GAnCgC;AAoCjCa,EAAAA,qBApCiC,mCAoCT;AACtB,eAAOb,YAAP;;;;AAID,GAzCgC,EAAb,CAAf,C;;;AA4CP,IAAMc,oBAAoB,OAAGC,kBAAH,uOAA1B;;;;;;;;;;;;;;AAcA,IAAMC,gBAAgB,OAAGD,kBAAH,8YAAtB;;;;;;;;;;;;;AAaA,IAAME,uBAAuB,OAAGF,kBAAH,wIAA7B;;;;AAIA,IAAMG,qBAAqB,OAAGH,kBAAH,0IAA3B;;;;;AAKO,IAAMI,UAAU,GAAG;AACxBC,EAAAA,gBADwB,4BACPC,eADO,EACkBC,KADlB,EACiCC,IADjC,EAC+C;AACrE,eAAOvB,YAAP;;AAEwBqB,IAAAA,eAFxB;;;AAKeC,IAAAA,KALf;AAMcC,IAAAA,IANd;;;;;;;;;;;;;;;;;;;AAyBD,GA3BuB;AA4BxBC,EAAAA,cA5BwB,0BA4BTzB,CA5BS,EA4BC;AACvB,QAAM0B,kBAAkB,GAAGC,QAAQ,CAAC3B,CAAC,CAAC4B,uCAAH,CAAnC;AACA,QAAMC,wBAAwB,GAAGF,QAAQ,CAAC3B,CAAC,CAAC8B,oCAAH,CAAzC;;AAEA,eAAO7B,YAAP;;;AAGec,IAAAA,oBAHf,EAGuCW,kBAHvC;AAIMG,IAAAA,wBAJN,EAIoCZ,gBAJpC,EAIwDS,kBAJxD;;AAMD,GAtCuB;AAuCxBK,EAAAA,iBAvCwB,6BAuCN/B,CAvCM,EAuCIgC,YAvCJ,EAuC0B;AAChD,QAAMC,yBAAyB,GAAGN,QAAQ,CAAC3B,CAAC,CAACkC,iCAAH,CAA1C;AACA,eAAOjC,YAAP;;AAEeiB,IAAAA,uBAFf,EAE0Cc,YAF1C;AAGMC,IAAAA,yBAHN,EAGqCd,qBAHrC,EAG8Da,YAH9D;;AAKD,GA9CuB;AA+CxBG,EAAAA,eA/CwB,2BA+CRnC,CA/CQ,EA+CEoC,UA/CF,EA+CsBJ,YA/CtB,EA+C4CT,KA/C5C,EA+C2DC,IA/C3D,EA+CyE;AAC/F,QAAMa,cAAc,GAAGV,QAAQ,CAAC3B,CAAC,CAACsC,yCAAH,CAA/B;AACA,QAAML,yBAAyB,GAAGN,QAAQ,CAAC3B,CAAC,CAACkC,iCAAH,CAA1C;AACA,eAAOjC,YAAP;;AAEmCoC,IAAAA,cAFnC;AAGML,IAAAA,YAHN,EAGwCK,cAHxC;AAIMJ,IAAAA,yBAJN,EAIqCd,qBAJrC,EAI8Da,YAAY,GAAGK,cAJ7E;;;AAOed,IAAAA,KAPf;AAQcC,IAAAA,IARd;;;AAWeY,IAAAA,UAXf;;;;;;AAiBeA,IAAAA,UAjBf;;;;;;;AAwBD,GA1EuB;AA2ExBG,EAAAA,mBA3EwB,+BA2EJvC,CA3EI,EA2EMoC,UA3EN,EA2E0Bb,KA3E1B,EA2EyCC,IA3EzC,EA2EuD;AAC7E,QAAMa,cAAc,GAAGV,QAAQ,CAAC3B,CAAC,CAACsC,yCAAH,CAA/B;AACA,QAAML,yBAAyB,GAAGN,QAAQ,CAAC3B,CAAC,CAACkC,iCAAH,CAA1C;AACA,eAAOjC,YAAP;;AAEmCoC,IAAAA,cAFnC;AAGMJ,IAAAA,yBAHN,EAGqDI,cAHrD;;;AAMed,IAAAA,KANf;AAOcC,IAAAA,IAPd;;;AAUeY,IAAAA,UAVf;;;;;;AAgBeA,IAAAA,UAhBf;;;;;;;AAuBD,GArGuB;AAsGxBI,EAAAA,sBAtGwB,kCAsGDJ,UAtGC,EAsGmB;AACzC,eAAOnC,YAAP;AACWmC,IAAAA,UADX;;AAGD,GA1GuB,EAAnB,C","sourcesContent":["import { css, memoizeStyle, keyframes } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  outer(t: Theme) {\n    return css`\n      width: ${t.globalLoaderWidth};\n      height: ${t.globalLoaderHeight};\n      background-color: ${t.globalLoaderBackgroundColor};\n      position: ${t.globalLoaderPosition};\n      left: ${t.globalLoaderLeft};\n      top: ${t.globalLoaderTop};\n      right: ${t.globalLoaderRight};\n      bottom: ${t.globalLoaderBottom};\n      overflow: hidden;\n    `;\n  },\n  inner(t: Theme) {\n    return css`\n      background-color: ${t.globalLoaderColor};\n      width: 0;\n      height: ${t.globalLoaderHeight};\n      position: absolute;\n      left: 0;\n      overflow: hidden;\n    `;\n  },\n  standardWithoutAnimation() {\n    return css`\n      left: 0;\n      width: 90%;\n    `;\n  },\n  successWithoutAnimation() {\n    return css`\n      left: 0;\n      width: 100%;\n    `;\n  },\n  errorWithoutAnimation() {\n    return css`\n      left: 40%;\n      width: 20%;\n    `;\n  },\n});\n\nconst moveToRightAnimation = keyframes`\n  0% {\n    left: 0;\n    width: 100%;\n  }\n  50% {\n    left: 50%;\n    width: 50%;\n  }\n  100% {\n    left: 99%;\n    width: 1%\n  }\n`;\nconst spinnerAnimation = keyframes`\n  0% {\n    transform: translateX(50%) scaleX(.005);\n    animation-timing-function: cubic-bezier(.895,.03,.685,.22);\n  }\n  50% {\n    transform: translateX(0) scaleX(.35);\n    animation-timing-function: cubic-bezier(.165,.84,.44,1);\n  }\n  100% {\n    transform: translateX(-50%) scaleX(.005);\n  }\n`;\nconst linearProgressAnimation = keyframes`\n  from { width: 0; }\n  to { width: 80% }\n`;\nconst slowProgressAnimation = keyframes`\n  from { width: 80%; }\n  to { width: 90% }\n`;\n\nexport const animations = {\n  successAnimation(delayBeforeHide: number, width: number, left: number) {\n    return css`\n      animation: successAnimation;\n      animation-duration: ${delayBeforeHide}ms;\n      @keyframes successAnimation {\n        0% {\n          width: ${width}px;\n          left: ${left}px;\n          opacity: 1;\n        }\n        20% {\n          width: 100%;\n          left: 0;\n          opacity: 1;\n        }\n        80% {\n          width: 100%;\n          left: 0;\n          opacity: 1;\n        }\n        100% {\n          width: 100%;\n          opacity: 0;\n        }\n      }\n    `;\n  },\n  errorAnimation(t: Theme) {\n    const transitionDuration = parseInt(t.globalLoaderTransitionToSpinnerDuration);\n    const spinnerAnimationDuration = parseInt(t.globalLoaderSpinnerAnimationDuration);\n\n    return css`\n      left: 0;\n      width: 100%;\n      animation: ${moveToRightAnimation} ${transitionDuration}ms linear,\n        ${spinnerAnimationDuration}ms ${spinnerAnimation} ${transitionDuration}ms infinite alternate;\n    `;\n  },\n  standardAnimation(t: Theme, expectedTime: number) {\n    const slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);\n    return css`\n      width: 90%;\n      animation: ${linearProgressAnimation} ${expectedTime}ms cubic-bezier(0, 0.4, 0.4, 1),\n        ${slowProgressAnimationTime}ms ${slowProgressAnimation} ${expectedTime}ms linear;\n    `;\n  },\n  acceptAnimation(t: Theme, startWidth: number, expectedTime: number, width: number, left: number) {\n    const transitionTime = parseInt(t.globalLoaderTransitionFromSpinnerDuration);\n    const slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);\n    return css`\n      width: 90%;\n      animation: transitionAnimation ${transitionTime}ms linear,\n        ${expectedTime}ms acceptAnimation ${transitionTime}ms cubic-bezier(0, 0.4, 0.4, 1),\n        ${slowProgressAnimationTime}ms ${slowProgressAnimation} ${expectedTime + transitionTime}ms linear;\n      @keyframes transitionAnimation {\n        from {\n          width: ${width}px;\n          left: ${left}px;\n        }\n        to {\n          width: ${startWidth}px;\n          left: 0;\n        }\n      }\n      @keyframes acceptAnimation {\n        from {\n          width: ${startWidth}px;\n        }\n        to {\n          width: 80%;\n        }\n      }\n    `;\n  },\n  slowAcceptAnimation(t: Theme, startWidth: number, width: number, left: number) {\n    const transitionTime = parseInt(t.globalLoaderTransitionFromSpinnerDuration);\n    const slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);\n    return css`\n      width: 90%;\n      animation: transitionAnimation ${transitionTime}ms linear,\n        ${slowProgressAnimationTime}ms acceptAnimation ${transitionTime}ms linear;\n      @keyframes transitionAnimation {\n        from {\n          width: ${width}px;\n          left: ${left}px;\n        }\n        to {\n          width: ${startWidth}px;\n          left: 0;\n        }\n      }\n      @keyframes acceptAnimation {\n        from {\n          width: ${startWidth}px;\n        }\n        to {\n          width: 90%;\n        }\n      }\n    `;\n  },\n  acceptWithoutAnimation(startWidth: number) {\n    return css`\n      width: ${startWidth}px;\n    `;\n  },\n};\n"]}

package/cjs/components/Group/Group.d.ts

@@ -4,11 +4,17 @@ import { CommonProps } from '../../internal/CommonWrapper';
 export interface GroupProps extends CommonProps {
     width?: React.CSSProperties['width'];
 }
+export declare const getButtonCorners: (isFirstChild: boolean, isLastChild: boolean) => React.CSSProperties;
+export declare const GroupDataTids: {
+    readonly root: "Group__root";
+};
 export declare class Group extends React.Component<GroupProps> {
     static __KONTUR_REACT_UI__: string;
     private setRootNode;
+    private theme;
     static propTypes: {
         width: PropTypes.Requireable<string | number>;
     };
     render(): JSX.Element;
+    renderMain(): JSX.Element;
 }

package/cjs/components/Group/Group.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.Group = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.getButtonCorners = exports.GroupDataTids = exports.Group = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _client = require("../../lib/client");
@@ -6,6 +6,10 @@ var _Button = require("../Button");
 var _CommonWrapper = require("../../internal/CommonWrapper");
 var _Emotion = require("../../lib/theming/Emotion");
 var _rootNode = require("../../lib/rootNode");
+var _utils = require("../../lib/utils");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
+
+var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
 
 var _Group = require("./Group.styles");var _class, _class2, _temp;
 
@@ -36,23 +40,19 @@ var getLastChild = function getLastChild(children) {
   return children == null ? void 0 : children[numberOfChildren - 1];
 };
 
-var getButtonCorners = function getButtonCorners(
-child,
-firstChild,
-lastChild)
-{
-  if (firstChild === lastChild) {
+var getButtonCorners = function getButtonCorners(isFirstChild, isLastChild) {
+  if (isFirstChild && isLastChild) {
     return {};
   }
 
-  if (child === firstChild) {
+  if (isFirstChild) {
     return {
       borderTopRightRadius: 0,
       borderBottomRightRadius: 0 };
 
   }
 
-  if (child === lastChild) {
+  if (isLastChild) {
     return {
       borderTopLeftRadius: 0,
       borderBottomLeftRadius: 0 };
@@ -62,17 +62,28 @@ lastChild)
   return {
     borderRadius: 0 };
 
-};
+};exports.getButtonCorners = getButtonCorners;
 
-var passCornersIfButton = function passCornersIfButton(child, firstChild, lastChild) {
+var passCornersIfButton = function passCornersIfButton(
+child,
+firstChild,
+lastChild,
+isInputLikeToo)
+{if (isInputLikeToo === void 0) {isInputLikeToo = false;}
+  var corners = getButtonCorners(child === firstChild, child === lastChild);
   if ((0, _Button.isButton)(child)) {
-    var corners = getButtonCorners(child, firstChild, lastChild);
-
-    return /*#__PURE__*/_react.default.cloneElement(child, { corners: corners });
+    return /*#__PURE__*/_react.default.cloneElement(child, { corners: (0, _extends2.default)({}, corners, child.props.corners) });
+  }
+  if (isInputLikeToo && (0, _utils.isInputLike)(child)) {
+    return /*#__PURE__*/_react.default.cloneElement(child, { corners: (0, _extends2.default)({}, corners, child.props.corners) });
   }
 
   return child;
-};var
+};
+
+var GroupDataTids = {
+  root: 'Group__root' };exports.GroupDataTids = GroupDataTids;var
+
 
 
 Group = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Group, _React$Component);function Group() {return _React$Component.apply(this, arguments) || this;}var _proto = Group.prototype;_proto.
@@ -83,7 +94,19 @@ Group = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/functio
 
 
 
+
   render = function render() {var _this = this;
+    return /*#__PURE__*/(
+      _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
+      function (theme) {
+        _this.theme = theme;
+        return _this.renderMain();
+      }));
+
+
+  };_proto.
+
+  renderMain = function renderMain() {var _this2 = this;
     var style = {
       width: this.props.width };
 
@@ -94,7 +117,7 @@ Group = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/functio
 
     return /*#__PURE__*/(
       _react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/
-      _react.default.createElement("span", { className: _Group.styles.root(), style: style },
+      _react.default.createElement("span", { "data-tid": GroupDataTids.root, className: _Group.styles.root(), style: style },
       _react.default.Children.map(childrenArray, function (child) {var _cx, _cx2;
         if (!child || ! /*#__PURE__*/_react.default.isValidElement(child)) {
           return null;
@@ -102,7 +125,7 @@ Group = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/functio
 
         var isWidthInPercent = Boolean(child.props.width && child.props.width.toString().includes('%'));
 
-        var modifiedChild = passCornersIfButton(child, firstChild, lastChild);
+        var modifiedChild = passCornersIfButton(child, firstChild, lastChild, (0, _ThemeHelpers.isTheme2022)(_this2.theme));
 
         var isFirstChild = child === firstChild;
 
@@ -111,7 +134,7 @@ Group = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/functio
             className: (0, _Emotion.cx)((_cx = {}, _cx[
             _Group.styles.fixed()] = !isWidthInPercent, _cx[
             _Group.styles.stretch()] = isWidthInPercent, _cx[
-            _Group.styles.stretchFallback()] = Boolean(isWidthInPercent && _this.props.width && (_client.isIE11 || _client.isEdge)), _cx)) }, /*#__PURE__*/
+            _Group.styles.stretchFallback()] = Boolean(isWidthInPercent && _this2.props.width && (_client.isIE11 || _client.isEdge)), _cx)) }, /*#__PURE__*/
 
 
           _react.default.createElement("div", {

package/cjs/components/Group/Group.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Group.tsx"],"names":["getFirstChild","children","Array","isArray","getLastChild","numberOfChildren","React","Children","count","getButtonCorners","child","firstChild","lastChild","borderTopRightRadius","borderBottomRightRadius","borderTopLeftRadius","borderBottomLeftRadius","borderRadius","passCornersIfButton","corners","cloneElement","Group","rootNode","render","style","width","props","childrenArray","toArray","setRootNode","styles","root","map","isValidElement","isWidthInPercent","Boolean","toString","includes","modifiedChild","isFirstChild","fixed","stretch","stretchFallback","isIE11","isEdge","item","itemFirst","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","oneOfType","number","string"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { isIE11, isEdge } from '../../lib/client';\nimport { isButton } from '../Button';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { styles } from './Group.styles';\n\nexport interface GroupProps extends CommonProps {\n  width?: React.CSSProperties['width'];\n}\n\ninterface GroupChildProps {\n  width?: React.CSSProperties['width'];\n  corners?: number;\n}\n\nconst getFirstChild = (children: React.ReactNode) => {\n  if (!Array.isArray(children)) {\n    return children;\n  }\n\n  return children?.[0] as React.ReactNode;\n};\n\nconst getLastChild = (children: React.ReactNode) => {\n  if (!Array.isArray(children)) {\n    return children;\n  }\n\n  const numberOfChildren = React.Children.count(children);\n\n  return children?.[numberOfChildren - 1] as React.ReactNode;\n};\n\nconst getButtonCorners = (\n  child: React.ReactNode,\n  firstChild: React.ReactNode,\n  lastChild: React.ReactNode,\n): React.CSSProperties => {\n  if (firstChild === lastChild) {\n    return {};\n  }\n\n  if (child === firstChild) {\n    return {\n      borderTopRightRadius: 0,\n      borderBottomRightRadius: 0,\n    };\n  }\n\n  if (child === lastChild) {\n    return {\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n    };\n  }\n\n  return {\n    borderRadius: 0,\n  };\n};\n\nconst passCornersIfButton = (child: React.ReactNode, firstChild: React.ReactNode, lastChild: React.ReactNode) => {\n  if (isButton(child)) {\n    const corners = getButtonCorners(child, firstChild, lastChild);\n\n    return React.cloneElement(child, { corners });\n  }\n\n  return child;\n};\n\n@rootNode\nexport class Group extends React.Component<GroupProps> {\n  public static __KONTUR_REACT_UI__ = 'Group';\n  private setRootNode!: TSetRootNode;\n\n  public static propTypes = {\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  };\n\n  public render() {\n    const style: React.CSSProperties = {\n      width: this.props.width,\n    };\n\n    const childrenArray = React.Children.toArray(this.props.children);\n    const firstChild = getFirstChild(childrenArray);\n    const lastChild = getLastChild(childrenArray);\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <span className={styles.root()} style={style}>\n          {React.Children.map(childrenArray, (child) => {\n            if (!child || !React.isValidElement<GroupChildProps>(child)) {\n              return null;\n            }\n\n            const isWidthInPercent = Boolean(child.props.width && child.props.width.toString().includes('%'));\n\n            const modifiedChild = passCornersIfButton(child, firstChild, lastChild);\n\n            const isFirstChild = child === firstChild;\n\n            return (\n              <div\n                className={cx({\n                  [styles.fixed()]: !isWidthInPercent,\n                  [styles.stretch()]: isWidthInPercent,\n                  [styles.stretchFallback()]: Boolean(isWidthInPercent && this.props.width && (isIE11 || isEdge)),\n                })}\n              >\n                <div\n                  className={cx({\n                    [styles.item()]: true,\n                    [styles.itemFirst()]: isFirstChild,\n                  })}\n                >\n                  {modifiedChild}\n                </div>\n              </div>\n            );\n          })}\n        </span>\n      </CommonWrapper>\n    );\n  }\n}\n"]}
+{"version":3,"sources":["Group.tsx"],"names":["getFirstChild","children","Array","isArray","getLastChild","numberOfChildren","React","Children","count","getButtonCorners","isFirstChild","isLastChild","borderTopRightRadius","borderBottomRightRadius","borderTopLeftRadius","borderBottomLeftRadius","borderRadius","passCornersIfButton","child","firstChild","lastChild","isInputLikeToo","corners","cloneElement","props","GroupDataTids","root","Group","rootNode","render","theme","renderMain","style","width","childrenArray","toArray","setRootNode","styles","map","isValidElement","isWidthInPercent","Boolean","toString","includes","modifiedChild","fixed","stretch","stretchFallback","isIE11","isEdge","item","itemFirst","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","oneOfType","number","string"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { isIE11, isEdge } from '../../lib/client';\nimport { isButton } from '../Button';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { isInputLike } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\n\nimport { styles } from './Group.styles';\n\nexport interface GroupProps extends CommonProps {\n  width?: React.CSSProperties['width'];\n}\n\ninterface GroupChildProps {\n  width?: React.CSSProperties['width'];\n  corners?: number;\n}\n\nconst getFirstChild = (children: React.ReactNode) => {\n  if (!Array.isArray(children)) {\n    return children;\n  }\n\n  return children?.[0] as React.ReactNode;\n};\n\nconst getLastChild = (children: React.ReactNode) => {\n  if (!Array.isArray(children)) {\n    return children;\n  }\n\n  const numberOfChildren = React.Children.count(children);\n\n  return children?.[numberOfChildren - 1] as React.ReactNode;\n};\n\nexport const getButtonCorners = (isFirstChild: boolean, isLastChild: boolean): React.CSSProperties => {\n  if (isFirstChild && isLastChild) {\n    return {};\n  }\n\n  if (isFirstChild) {\n    return {\n      borderTopRightRadius: 0,\n      borderBottomRightRadius: 0,\n    };\n  }\n\n  if (isLastChild) {\n    return {\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n    };\n  }\n\n  return {\n    borderRadius: 0,\n  };\n};\n\nconst passCornersIfButton = (\n  child: React.ReactNode,\n  firstChild: React.ReactNode,\n  lastChild: React.ReactNode,\n  isInputLikeToo = false,\n) => {\n  const corners = getButtonCorners(child === firstChild, child === lastChild);\n  if (isButton(child)) {\n    return React.cloneElement(child, { corners: { ...corners, ...child.props.corners } });\n  }\n  if (isInputLikeToo && isInputLike(child)) {\n    return React.cloneElement(child, { corners: { ...corners, ...child.props.corners } });\n  }\n\n  return child;\n};\n\nexport const GroupDataTids = {\n  root: 'Group__root',\n} as const;\n\n@rootNode\nexport class Group extends React.Component<GroupProps> {\n  public static __KONTUR_REACT_UI__ = 'Group';\n  private setRootNode!: TSetRootNode;\n  private theme!: Theme;\n\n  public static propTypes = {\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\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  public renderMain() {\n    const style: React.CSSProperties = {\n      width: this.props.width,\n    };\n\n    const childrenArray = React.Children.toArray(this.props.children);\n    const firstChild = getFirstChild(childrenArray);\n    const lastChild = getLastChild(childrenArray);\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <span data-tid={GroupDataTids.root} className={styles.root()} style={style}>\n          {React.Children.map(childrenArray, (child) => {\n            if (!child || !React.isValidElement<GroupChildProps>(child)) {\n              return null;\n            }\n\n            const isWidthInPercent = Boolean(child.props.width && child.props.width.toString().includes('%'));\n\n            const modifiedChild = passCornersIfButton(child, firstChild, lastChild, isTheme2022(this.theme));\n\n            const isFirstChild = child === firstChild;\n\n            return (\n              <div\n                className={cx({\n                  [styles.fixed()]: !isWidthInPercent,\n                  [styles.stretch()]: isWidthInPercent,\n                  [styles.stretchFallback()]: Boolean(isWidthInPercent && this.props.width && (isIE11 || isEdge)),\n                })}\n              >\n                <div\n                  className={cx({\n                    [styles.item()]: true,\n                    [styles.itemFirst()]: isFirstChild,\n                  })}\n                >\n                  {modifiedChild}\n                </div>\n              </div>\n            );\n          })}\n        </span>\n      </CommonWrapper>\n    );\n  }\n}\n"]}

package/cjs/components/Hint/Hint.d.ts

@@ -35,7 +35,7 @@ export interface HintProps extends CommonProps {
      *
      * **Допустимые значения**: `"top"`, `"right"`, `"bottom"`, `"left"`, `"top left"`, `"top center"`, `"top right"`, `"right top"`, `"right middle"`, `"right bottom"`, `"bottom left"`, `"bottom center"`, `"bottom right"`, `"left top"`, `"left middle"`, `"left bottom"`.
      */
-    pos: 'top' | 'right' | 'bottom' | 'left' | PopupPositionsType;
+    pos?: 'top' | 'right' | 'bottom' | 'left' | PopupPositionsType;
     /**
      * Текст подсказки.
      */
@@ -43,31 +43,26 @@ export interface HintProps extends CommonProps {
     /**
      * Отключает анимацию.
      */
-    disableAnimations: boolean;
+    disableAnimations?: boolean;
     /**
      * Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`. <br/> Используется для корректного позиционирования тултипа при двух и более вложенных элементах.
      *
      * _Примечание_: при **двух и более** вложенных элементах обёртка будет добавлена автоматически.
      */
-    useWrapper: boolean;
+    useWrapper?: boolean;
 }
 export interface HintState {
     opened: boolean;
+    position: PopupPositionsType;
 }
+declare type DefaultProps = Required<Pick<HintProps, 'pos' | 'manual' | 'opened' | 'maxWidth' | 'disableAnimations' | 'useWrapper'>>;
 /**
  * Всплывающая подсказка, которая по умолчанию отображается при наведении на элемент. <br/> Можно задать другие условия отображения.
  */
 export declare class Hint extends React.PureComponent<HintProps, HintState> implements InstanceWithAnchorElement {
     static __KONTUR_REACT_UI__: string;
-    private isMobileLayout;
-    static defaultProps: {
-        pos: string;
-        manual: boolean;
-        opened: boolean;
-        maxWidth: number;
-        disableAnimations: boolean;
-        useWrapper: boolean;
-    };
+    static defaultProps: DefaultProps;
+    private getProps;
     state: HintState;
     private timer;
     private theme;
@@ -76,13 +71,12 @@ export declare class Hint extends React.PureComponent<HintProps, HintState> impl
     componentDidUpdate(prevProps: HintProps): void;
     componentWillUnmount(): void;
     render(): JSX.Element;
-    renderMobile(): JSX.Element;
     renderMain(): JSX.Element;
-    getAnchorElement: () => Nullable<HTMLElement>;
+    getAnchorElement: () => Nullable<Element>;
     private renderContent;
     private getPositions;
     private handleMouseEnter;
     private handleMouseLeave;
-    private close;
     private open;
 }
+export {};

package/cjs/components/Hint/Hint.js

@@ -9,9 +9,9 @@ var _Popup = require("../../internal/Popup");
 var _currentEnvironment = require("../../lib/currentEnvironment");
 var _CommonWrapper = require("../../internal/CommonWrapper");
 var _Emotion = require("../../lib/theming/Emotion");
-var _decorator = require("../ResponsiveLayout/decorator");
 var _rootNode = require("../../lib/rootNode");
 
+var _createPropsGetter = require("../../lib/createPropsGetter");
 
 var _Hint = require("./Hint.styles");var _class, _class2, _temp;
 
@@ -67,6 +67,7 @@ var HINT_BORDER_COLOR = 'transparent';
 
 
 
+
 
 
 var Positions = [
@@ -84,13 +85,15 @@ var Positions = [
 'right bottom'];
 
 
+
+
+
+
 /**
  * Всплывающая подсказка, которая по умолчанию отображается при наведении на элемент. <br/> Можно задать другие условия отображения.
  */var
 
-
-Hint = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {(0, _inheritsLoose2.default)(Hint, _React$PureComponent);function Hint() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;_this.
-
+Hint = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {(0, _inheritsLoose2.default)(Hint, _React$PureComponent);function Hint() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;_this.
 
 
 
@@ -102,9 +105,11 @@ Hint = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class
 
 
 
+    getProps = (0, _createPropsGetter.createPropsGetter)(Hint.defaultProps);_this.
 
     state = {
-      opened: _this.props.manual ? !!_this.props.opened : false };_this.
+      opened: _this.getProps().manual ? !!_this.getProps().opened : false,
+      position: _Popup.DUMMY_LOCATION.position };_this.
 
 
     timer = null;_this.
@@ -171,18 +176,6 @@ Hint = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
 
 
 
@@ -219,11 +212,11 @@ Hint = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class
 
 
     getPositions = function () {
-      return Positions.filter(function (x) {return x.startsWith(_this.props.pos);});
+      return Positions.filter(function (x) {return x.startsWith(_this.getProps().pos);});
     };_this.
 
     handleMouseEnter = function (e) {
-      if (!_this.props.manual && !_this.timer) {
+      if (!_this.getProps().manual && !_this.timer) {
         _this.timer = window.setTimeout(_this.open, 400);
       }
 
@@ -233,7 +226,7 @@ Hint = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class
     };_this.
 
     handleMouseLeave = function (e) {
-      if (!_this.props.manual && _this.timer) {
+      if (!_this.getProps().manual && _this.timer) {
         clearTimeout(_this.timer);
         _this.timer = null;
         _this.setState({ opened: false });
@@ -244,10 +237,6 @@ Hint = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class
       }
     };_this.
 
-    close = function () {
-      _this.setState({ opened: false });
-    };_this.
-
     open = function () {
       _this.setState({ opened: true });
-    };return _this;}var _proto = Hint.prototype;_proto.componentDidUpdate = function componentDidUpdate(prevProps) {if (!this.props.manual) {return;}if (this.timer) {clearTimeout(this.timer);this.timer = null;}if (this.props.opened !== prevProps.opened) {this.setState({ opened: !!this.props.opened });}};_proto.componentWillUnmount = function componentWillUnmount() {if (this.timer) {clearTimeout(this.timer);this.timer = null;}};_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(_ThemeContext.ThemeContext.Provider, { value: _ThemeFactory.ThemeFactory.create({ popupPinOffset: theme.hintPinOffset, popupMargin: theme.hintMargin, popupBorder: theme.hintBorder, popupBorderRadius: theme.hintBorderRadius }, _this2.theme) }, _this2.isMobileLayout ? _this2.renderMobile() : _this2.renderMain());});};_proto.renderMobile = function renderMobile() {return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, /*#__PURE__*/_react.default.createElement(_Popup.Popup, { opened: this.state.opened, anchorElement: this.props.children, positions: [], onClick: !this.props.manual ? this.open : undefined, mobileOnCloseRequest: !this.props.manual ? this.close : undefined }, this.renderContent()));};_proto.renderMain = function renderMain() {return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement(_Popup.Popup, { hasPin: true, opened: this.state.opened, anchorElement: this.props.children, positions: this.getPositions(), backgroundColor: this.theme.hintBgColor, borderColor: HINT_BORDER_COLOR, disableAnimations: this.props.disableAnimations, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, useWrapper: this.props.useWrapper, ref: this.popupRef }, this.renderContent()));};_proto.renderContent = function renderContent() {var _cx;if (!this.props.text) {return null;}var _this$props = this.props,pos = _this$props.pos,maxWidth = _this$props.maxWidth;var className = (0, _Emotion.cx)((_cx = {}, _cx[_Hint.styles.content(this.theme)] = true, _cx[_Hint.styles.contentCenter(this.theme)] = pos === 'top' || pos === 'bottom', _cx[_Hint.styles.mobileContent(this.theme)] = this.isMobileLayout, _cx));return /*#__PURE__*/_react.default.createElement("div", { className: className, style: { maxWidth: this.isMobileLayout ? '100%' : maxWidth } }, this.props.text);};return Hint;}(_react.default.PureComponent), _class2.__KONTUR_REACT_UI__ = 'Hint', _class2.defaultProps = { pos: 'top', manual: false, opened: false, maxWidth: 200, disableAnimations: _currentEnvironment.isTestEnv, useWrapper: false }, _temp)) || _class) || _class;exports.Hint = Hint;
+    };return _this;}var _proto = Hint.prototype;_proto.componentDidUpdate = function componentDidUpdate(prevProps) {var _this$getProps = this.getProps(),opened = _this$getProps.opened,manual = _this$getProps.manual;if (!manual) {return;}if (this.timer) {clearTimeout(this.timer);this.timer = null;}if (opened !== prevProps.opened) {this.setState({ opened: !!opened });}};_proto.componentWillUnmount = function componentWillUnmount() {if (this.timer) {clearTimeout(this.timer);this.timer = null;}};_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(_ThemeContext.ThemeContext.Provider, { value: _ThemeFactory.ThemeFactory.create({ popupPinOffset: theme.hintPinOffset, popupMargin: theme.hintMargin, popupBorder: theme.hintBorder, popupBorderRadius: theme.hintBorderRadius }, _this2.theme) }, _this2.renderMain());});};_proto.renderMain = function renderMain() {var _this3 = this;var _this$getProps2 = this.getProps(),disableAnimations = _this$getProps2.disableAnimations,useWrapper = _this$getProps2.useWrapper;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement(_Popup.Popup, { hasPin: true, opened: this.state.opened, anchorElement: this.props.children, positions: this.getPositions(), backgroundColor: this.theme.hintBgColor, borderColor: HINT_BORDER_COLOR, onPositionChange: function onPositionChange(position) {return _this3.setState({ position: position });}, disableAnimations: disableAnimations, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, useWrapper: useWrapper, ref: this.popupRef, withoutMobile: true }, this.renderContent()));};_proto.renderContent = function renderContent() {var _cx;if (!this.props.text) {return null;}var _this$getProps3 = this.getProps(),maxWidth = _this$getProps3.maxWidth;var centerAlignPositions = ['top', 'top center', 'bottom', 'bottom center'];var className = (0, _Emotion.cx)((_cx = {}, _cx[_Hint.styles.content(this.theme)] = true, _cx[_Hint.styles.contentCenter(this.theme)] = centerAlignPositions.includes(this.state.position), _cx));return /*#__PURE__*/_react.default.createElement("div", { className: className, style: { maxWidth: maxWidth } }, this.props.text);};return Hint;}(_react.default.PureComponent), _class2.__KONTUR_REACT_UI__ = 'Hint', _class2.defaultProps = { pos: 'top', manual: false, opened: false, maxWidth: 200, disableAnimations: _currentEnvironment.isTestEnv, useWrapper: false }, _temp)) || _class;exports.Hint = Hint;