@coorpacademy/components 11.9.3-alpha.29 → 11.9.3-alpha.30

package/es/atom/life/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaSolidVoteRewardsVoteHeart","HeartIcon","NovaCompositionCoorpacademyBrokenHeart","HeartBrokenIcon","NovaCompositionCoorpacademyVoteHeartOutline","HeartIconOutline","Provider","cssStyle","MODES","default","small","BOUNCES","bounce","bounceTwice","bounceAndPause","Life","props","context","skin","heartOnRight","animated","count","failed","mode","operator","revival","className","style","customStyle","negativeColor","white","pickStyle","successStyle","failedStyle","animatedFailedStyle","revivalStyle","heartWrapper","heartWrapperFailed","heartWrapperDefault","bounceClass","type","heartCustomStyle","animationDelay","delay","animationDuration","duration","left","countStyle","livesCounterFailed","livesCounterDefault","livesCounterWrapper","previousLivesCounterDefault","previousLivesCounterFailed","previousLivesRevival","operatorWrapper","heartOutline","heartNormalDefault","heartNormalFailed","heartNormalAnimatedFailed","heartNormalRevival","heartBrokenDefault","heartBrokenFailed","heartBrokenAnimatedFailed","heartBrokenRevival","contextTypes","childContextTypes","propTypes","bool","shape","oneOf","string","number"],"sources":["../../../src/atom/life/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaSolidVoteRewardsVoteHeart as HeartIcon,\n  NovaCompositionCoorpacademyBrokenHeart as HeartBrokenIcon,\n  NovaCompositionCoorpacademyVoteHeartOutline as HeartIconOutline\n} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\nimport cssStyle from './style.css';\n\nconst MODES = {\n  default: cssStyle.default,\n  small: cssStyle.small\n};\n\nconst BOUNCES = {\n  bounce: cssStyle.bounce,\n  bounceTwice: cssStyle.bounceTwice,\n  bounceAndPause: cssStyle.bounceAndPause\n};\n\nconst Life = (props, context) => {\n  const {skin} = context;\n  const {\n    bounce = null,\n    heartOnRight = false,\n    animated = false,\n    count = 3,\n    failed = false,\n    mode = 'default',\n    operator = 'x',\n    revival,\n    className,\n    style: customStyle\n  } = props;\n  const negativeColor = get('common.negative', skin);\n  const white = get('common.white', skin);\n\n  if (count === null) {\n    return null;\n  }\n\n  const pickStyle = (successStyle, failedStyle, animatedFailedStyle, revivalStyle) => {\n    if (revival) return revivalStyle;\n    if (failed && animated) return animatedFailedStyle;\n    if (failed) return failedStyle;\n    return successStyle;\n  };\n\n  const heartWrapper =\n    failed && animated ? cssStyle.heartWrapperFailed : cssStyle.heartWrapperDefault;\n  const bounceClass = bounce ? BOUNCES[bounce.type] : null;\n  const heartCustomStyle = {\n    animationDelay: bounce && bounce.delay,\n    animationDuration: bounce && bounce.duration,\n    left: heartOnRight && '70px'\n  };\n\n  const countStyle = failed ? cssStyle.livesCounterFailed : cssStyle.livesCounterDefault;\n\n  return (\n    <div data-name=\"life\" className={classnames(MODES[mode], className)} style={customStyle}>\n      <div className={cssStyle.livesCounterWrapper}>\n        <div\n          className={pickStyle(\n            cssStyle.previousLivesCounterDefault,\n            cssStyle.previousLivesCounterDefault,\n            cssStyle.previousLivesCounterFailed,\n            cssStyle.previousLivesRevival\n          )}\n        >\n          {count + 1}\n        </div>\n        <div data-name=\"counter\" className={countStyle}>\n          {count}\n        </div>\n      </div>\n      <div className={cssStyle.operatorWrapper}>\n        <span className={cssStyle.operator}>{operator}</span>\n      </div>\n      <div className={classnames(heartWrapper, bounceClass)} style={heartCustomStyle}>\n        <HeartIconOutline className={cssStyle.heartOutline} color={white} />\n        <HeartIcon\n          className={pickStyle(\n            cssStyle.heartNormalDefault,\n            cssStyle.heartNormalFailed,\n            cssStyle.heartNormalAnimatedFailed,\n            cssStyle.heartNormalRevival\n          )}\n          color={negativeColor}\n        />\n        <HeartBrokenIcon\n          className={pickStyle(\n            cssStyle.heartBrokenDefault,\n            cssStyle.heartBrokenFailed,\n            cssStyle.heartBrokenAnimatedFailed,\n            cssStyle.heartBrokenRevival\n          )}\n          color={negativeColor}\n        />\n      </div>\n    </div>\n  );\n};\n\nLife.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nLife.propTypes = {\n  revival: PropTypes.bool,\n  animated: PropTypes.bool,\n  bounce: PropTypes.shape({\n    type: PropTypes.oneOf(['bounce', 'bounceTwice', 'bounceAndPause']),\n    delay: PropTypes.string\n  }),\n  heartOnRight: PropTypes.bool,\n  mode: PropTypes.oneOf(keys(MODES)),\n  count: PropTypes.number,\n  failed: PropTypes.bool,\n  className: PropTypes.string,\n  operator: PropTypes.string,\n  style: PropTypes.shape({})\n};\n\nexport default Life;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaSolidVoteRewardsVoteHeart","HeartIcon","NovaCompositionCoorpacademyBrokenHeart","HeartBrokenIcon","NovaCompositionCoorpacademyVoteHeartOutline","HeartIconOutline","Provider","cssStyle","MODES","default","small","BOUNCES","bounce","bounceTwice","bounceAndPause","Life","props","context","skin","heartOnRight","animated","count","failed","mode","operator","revival","className","style","customStyle","negativeColor","white","pickStyle","successStyle","failedStyle","animatedFailedStyle","revivalStyle","heartWrapper","heartWrapperFailed","heartWrapperDefault","bounceClass","type","heartCustomStyle","animationDelay","delay","animationDuration","duration","left","countStyle","livesCounterFailed","livesCounterDefault","livesCounterWrapper","previousLivesCounterDefault","previousLivesCounterFailed","previousLivesRevival","operatorWrapper","heartOutline","heartNormalDefault","heartNormalFailed","heartNormalAnimatedFailed","heartNormalRevival","heartBrokenDefault","heartBrokenFailed","heartBrokenAnimatedFailed","heartBrokenRevival","contextTypes","childContextTypes","propTypes","bool","shape","oneOf","string","number"],"sources":["../../../src/atom/life/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaSolidVoteRewardsVoteHeart as HeartIcon,\n  NovaCompositionCoorpacademyBrokenHeart as HeartBrokenIcon,\n  NovaCompositionCoorpacademyVoteHeartOutline as HeartIconOutline\n} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\nimport cssStyle from './style.css';\n\nconst MODES = {\n  default: cssStyle.default,\n  small: cssStyle.small\n};\n\nconst BOUNCES = {\n  bounce: cssStyle.bounce,\n  bounceTwice: cssStyle.bounceTwice,\n  bounceAndPause: cssStyle.bounceAndPause\n};\n\nconst Life = (props, context) => {\n  const {skin} = context;\n  const {\n    bounce = null,\n    heartOnRight = false,\n    animated = false,\n    count = 3,\n    failed = false,\n    mode = 'default',\n    operator = 'x',\n    revival,\n    className,\n    style: customStyle\n  } = props;\n  const negativeColor = get('common.negative', skin);\n  const white = get('common.white', skin);\n\n  if (count === null) {\n    return null;\n  }\n\n  const pickStyle = (successStyle, failedStyle, animatedFailedStyle, revivalStyle) => {\n    if (revival) return revivalStyle;\n    if (failed && animated) return animatedFailedStyle;\n    if (failed) return failedStyle;\n    return successStyle;\n  };\n\n  const heartWrapper =\n    failed && animated ? cssStyle.heartWrapperFailed : cssStyle.heartWrapperDefault;\n  const bounceClass = bounce ? BOUNCES[bounce.type] : null;\n  const heartCustomStyle = {\n    animationDelay: bounce && bounce.delay,\n    animationDuration: bounce && bounce.duration,\n    left: heartOnRight && '70px'\n  };\n\n  const countStyle = failed ? cssStyle.livesCounterFailed : cssStyle.livesCounterDefault;\n\n  return (\n    <div data-name=\"life\" className={classnames(MODES[mode], className)} style={customStyle}>\n      <div className={cssStyle.livesCounterWrapper}>\n        <div\n          className={pickStyle(\n            cssStyle.previousLivesCounterDefault,\n            cssStyle.previousLivesCounterDefault,\n            cssStyle.previousLivesCounterFailed,\n            cssStyle.previousLivesRevival\n          )}\n        >\n          {count + 1}\n        </div>\n        <div data-name=\"counter\" className={countStyle}>\n          {count}\n        </div>\n      </div>\n      <div className={cssStyle.operatorWrapper}>\n        <span className={cssStyle.operator}>{operator}</span>\n      </div>\n      <div className={classnames(heartWrapper, bounceClass)} style={heartCustomStyle}>\n        <HeartIconOutline className={cssStyle.heartOutline} color={white} />\n        <HeartIcon\n          className={pickStyle(\n            cssStyle.heartNormalDefault,\n            cssStyle.heartNormalFailed,\n            cssStyle.heartNormalAnimatedFailed,\n            cssStyle.heartNormalRevival\n          )}\n          color={negativeColor}\n        />\n        <HeartBrokenIcon\n          className={pickStyle(\n            cssStyle.heartBrokenDefault,\n            cssStyle.heartBrokenFailed,\n            cssStyle.heartBrokenAnimatedFailed,\n            cssStyle.heartBrokenRevival\n          )}\n          color={negativeColor}\n        />\n      </div>\n    </div>\n  );\n};\n\nLife.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nLife.propTypes = {\n  revival: PropTypes.bool,\n  animated: PropTypes.bool,\n  bounce: PropTypes.shape({\n    type: PropTypes.oneOf(['bounce', 'bounceTwice', 'bounceAndPause']),\n    delay: PropTypes.string\n  }),\n  heartOnRight: PropTypes.bool,\n  mode: PropTypes.oneOf(keys(MODES)),\n  count: PropTypes.number,\n  failed: PropTypes.bool,\n  className: PropTypes.string,\n  operator: PropTypes.string,\n  style: PropTypes.shape({})\n};\n\nexport default Life;\n"],"mappings":"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"}

package/es/atom/link/index.js

@@ -2,15 +2,20 @@ import _noop from "lodash/fp/noop";
 import _getOr from "lodash/fp/getOr";
 import _identity from "lodash/fp/identity";
 const _excluded = ["skinHover", "hoverColor", "data-name", "aria-label"];
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import Provider from '../provider';
 import pushToHistory from '../../util/navigation';
+
 class Link extends React.Component {
   constructor(props) {
     super(props);
+
     this.handleMouseEnter = () => {
       const {
         onMouseEnter = _noop
@@ -20,6 +25,7 @@ class Link extends React.Component {
       });
       onMouseEnter();
     };
+
     this.handleMouseLeave = () => {
       const {
         onMouseLeave = _noop
@@ -29,21 +35,25 @@ class Link extends React.Component {
       });
       onMouseLeave();
     };
+
     this.handleOnClick = e => {
       const {
         onClick = _noop,
         download
       } = this.props;
       onClick(e);
+
       if (!download) {
         const navigate = pushToHistory(this.context)(this.props);
         navigate(e);
       }
     };
+
     this.state = {
       hovered: false
     };
   }
+
   render() {
     const {
       skin,
@@ -51,14 +61,16 @@ class Link extends React.Component {
         createHref = _identity
       } = {}
     } = this.context;
+
     const _this$props = this.props,
-      {
-        skinHover,
-        hoverColor = _getOr('#00B0FF', 'common.primary', skin),
-        'data-name': dataName = 'link',
-        'aria-label': ariaLabel
-      } = _this$props,
-      aProps = _objectWithoutPropertiesLoose(_this$props, _excluded);
+          {
+      skinHover,
+      hoverColor = _getOr('#00B0FF', 'common.primary', skin),
+      'data-name': dataName = 'link',
+      'aria-label': ariaLabel
+    } = _this$props,
+          aProps = _objectWithoutPropertiesLoose(_this$props, _excluded);
+
     const {
       href,
       onClick,
@@ -69,12 +81,15 @@ class Link extends React.Component {
     const {
       hovered
     } = this.state;
+
     const _style = href || onClick ? null : {
       pointerEvents: 'none'
     };
+
     const _hoverStyle = skinHover && hovered ? {
       color: hoverColor
     } : null;
+
     return /*#__PURE__*/React.createElement("a", _extends({}, aProps, {
       "data-name": dataName,
       "aria-label": ariaLabel,
@@ -86,7 +101,9 @@ class Link extends React.Component {
       style: _extends({}, propsStyle, _style, _hoverStyle)
     }), children);
   }
+
 }
+
 Link.contextTypes = {
   skin: Provider.childContextTypes.skin,
   history: Provider.childContextTypes.history

package/es/atom/link/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Provider","pushToHistory","Link","Component","constructor","props","handleMouseEnter","onMouseEnter","setState","hovered","handleMouseLeave","onMouseLeave","handleOnClick","e","onClick","download","navigate","context","state","render","skin","history","createHref","skinHover","hoverColor","dataName","ariaLabel","aProps","href","className","style","propsStyle","children","_style","pointerEvents","_hoverStyle","color","undefined","contextTypes","childContextTypes","propTypes","node","string","target","oneOf","bool","func","shape"],"sources":["../../../src/atom/link/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {identity, getOr, noop} from 'lodash/fp';\nimport Provider from '../provider';\nimport pushToHistory from '../../util/navigation';\n\nclass Link extends React.Component {\n  static propTypes = {\n    children: PropTypes.node,\n    className: PropTypes.string,\n    href: PropTypes.string,\n    'data-name': PropTypes.string,\n    'aria-label': PropTypes.string,\n    target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n    skinHover: PropTypes.bool,\n    hoverColor: PropTypes.string,\n    download: PropTypes.bool,\n    onClick: PropTypes.func,\n    onMouseEnter: PropTypes.func,\n    onMouseLeave: PropTypes.func,\n    style: PropTypes.shape({})\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin,\n    history: Provider.childContextTypes.history\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      hovered: false\n    };\n  }\n\n  handleMouseEnter = () => {\n    const {onMouseEnter = noop} = this.props;\n\n    this.setState({\n      hovered: true\n    });\n\n    onMouseEnter();\n  };\n\n  handleMouseLeave = () => {\n    const {onMouseLeave = noop} = this.props;\n\n    this.setState({\n      hovered: false\n    });\n\n    onMouseLeave();\n  };\n\n  handleOnClick = e => {\n    const {onClick = noop, download} = this.props;\n\n    onClick(e);\n\n    if (!download) {\n      const navigate = pushToHistory(this.context)(this.props);\n      navigate(e);\n    }\n  };\n\n  render() {\n    const {skin, history: {createHref = identity} = {}} = this.context;\n    const {\n      skinHover,\n      hoverColor = getOr('#00B0FF', 'common.primary', skin),\n      'data-name': dataName = 'link',\n      'aria-label': ariaLabel,\n      ...aProps\n    } = this.props;\n    const {href, onClick, className, style: propsStyle, children} = this.props;\n    const {hovered} = this.state;\n    const _style =\n      href || onClick\n        ? null\n        : {\n            pointerEvents: 'none'\n          };\n    const _hoverStyle =\n      skinHover && hovered\n        ? {\n            color: hoverColor\n          }\n        : null;\n\n    return (\n      <a\n        {...aProps}\n        data-name={dataName}\n        aria-label={ariaLabel}\n        href={href ? createHref(href) : undefined}\n        onClick={this.handleOnClick}\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.handleMouseLeave}\n        className={className}\n        style={{\n          ...propsStyle,\n          ..._style,\n          ..._hoverStyle\n        }}\n      >\n        {children}\n      </a>\n    );\n  }\n}\n\nexport default Link;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Provider","pushToHistory","Link","Component","constructor","props","handleMouseEnter","onMouseEnter","setState","hovered","handleMouseLeave","onMouseLeave","handleOnClick","e","onClick","download","navigate","context","state","render","skin","history","createHref","skinHover","hoverColor","dataName","ariaLabel","aProps","href","className","style","propsStyle","children","_style","pointerEvents","_hoverStyle","color","undefined","contextTypes","childContextTypes","propTypes","node","string","target","oneOf","bool","func","shape"],"sources":["../../../src/atom/link/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {identity, getOr, noop} from 'lodash/fp';\nimport Provider from '../provider';\nimport pushToHistory from '../../util/navigation';\n\nclass Link extends React.Component {\n  static propTypes = {\n    children: PropTypes.node,\n    className: PropTypes.string,\n    href: PropTypes.string,\n    'data-name': PropTypes.string,\n    'aria-label': PropTypes.string,\n    target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n    skinHover: PropTypes.bool,\n    hoverColor: PropTypes.string,\n    download: PropTypes.bool,\n    onClick: PropTypes.func,\n    onMouseEnter: PropTypes.func,\n    onMouseLeave: PropTypes.func,\n    style: PropTypes.shape({})\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin,\n    history: Provider.childContextTypes.history\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      hovered: false\n    };\n  }\n\n  handleMouseEnter = () => {\n    const {onMouseEnter = noop} = this.props;\n\n    this.setState({\n      hovered: true\n    });\n\n    onMouseEnter();\n  };\n\n  handleMouseLeave = () => {\n    const {onMouseLeave = noop} = this.props;\n\n    this.setState({\n      hovered: false\n    });\n\n    onMouseLeave();\n  };\n\n  handleOnClick = e => {\n    const {onClick = noop, download} = this.props;\n\n    onClick(e);\n\n    if (!download) {\n      const navigate = pushToHistory(this.context)(this.props);\n      navigate(e);\n    }\n  };\n\n  render() {\n    const {skin, history: {createHref = identity} = {}} = this.context;\n    const {\n      skinHover,\n      hoverColor = getOr('#00B0FF', 'common.primary', skin),\n      'data-name': dataName = 'link',\n      'aria-label': ariaLabel,\n      ...aProps\n    } = this.props;\n    const {href, onClick, className, style: propsStyle, children} = this.props;\n    const {hovered} = this.state;\n    const _style =\n      href || onClick\n        ? null\n        : {\n            pointerEvents: 'none'\n          };\n    const _hoverStyle =\n      skinHover && hovered\n        ? {\n            color: hoverColor\n          }\n        : null;\n\n    return (\n      <a\n        {...aProps}\n        data-name={dataName}\n        aria-label={ariaLabel}\n        href={href ? createHref(href) : undefined}\n        onClick={this.handleOnClick}\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.handleMouseLeave}\n        className={className}\n        style={{\n          ...propsStyle,\n          ..._style,\n          ..._hoverStyle\n        }}\n      >\n        {children}\n      </a>\n    );\n  }\n}\n\nexport default Link;\n"],"mappings":"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"}

package/es/atom/loader/index.js

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import { NovaCompositionCoorpacademyCmLoader as CMLoader } from '@coorpacademy/nova-icons';
 import classnames from 'classnames';
 import style from './style.css';
+
 const Loader = ({
   className,
   theme = 'default'
@@ -31,6 +32,7 @@ const Loader = ({
     className: style.yellow
   })));
 };
+
 Loader.propTypes = process.env.NODE_ENV !== "production" ? {
   className: PropTypes.string,
   theme: PropTypes.oneOf(['default', 'coorpmanager'])

package/es/atom/loader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyCmLoader","CMLoader","classnames","style","Loader","className","theme","cmLoaderContainer","cmLoaderGrey","cmLoaderLightGrey","cmLoaderBlue","container","dots","red","blue","green","yellow","propTypes","string","oneOf"],"sources":["../../../src/atom/loader/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaCompositionCoorpacademyCmLoader as CMLoader} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport style from './style.css';\n\nconst Loader = ({className, theme = 'default'}) => {\n  return theme !== 'default' ? (\n    <div data-name=\"loader\" className={classnames(style.cmLoaderContainer, className)}>\n      <CMLoader className={style.cmLoaderGrey} />\n      <CMLoader className={style.cmLoaderLightGrey} />\n      <CMLoader className={style.cmLoaderBlue} />\n    </div>\n  ) : (\n    <div data-name=\"loader\" className={classnames(style.container, className)}>\n      <div className={style.dots}>\n        <div className={style.red} />\n        <div className={style.blue} />\n        <div className={style.green} />\n        <div className={style.yellow} />\n      </div>\n    </div>\n  );\n};\n\nLoader.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf(['default', 'coorpmanager'])\n};\n\nexport default Loader;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAAQC,mCAAmC,IAAIC,QAAQ,QAAO,0BAA0B;AACxF,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,MAAM,GAAG,CAAC;EAACC,SAAS;EAAEC,KAAK,GAAG;AAAS,CAAC,KAAK;EACjD,OAAOA,KAAK,KAAK,SAAS,gBACxB;IAAK,aAAU,QAAQ;IAAC,SAAS,EAAEJ,UAAU,CAACC,KAAK,CAACI,iBAAiB,EAAEF,SAAS;EAAE,gBAChF,oBAAC,QAAQ;IAAC,SAAS,EAAEF,KAAK,CAACK;EAAa,EAAG,eAC3C,oBAAC,QAAQ;IAAC,SAAS,EAAEL,KAAK,CAACM;EAAkB,EAAG,eAChD,oBAAC,QAAQ;IAAC,SAAS,EAAEN,KAAK,CAACO;EAAa,EAAG,CACvC,gBAEN;IAAK,aAAU,QAAQ;IAAC,SAAS,EAAER,UAAU,CAACC,KAAK,CAACQ,SAAS,EAAEN,SAAS;EAAE,gBACxE;IAAK,SAAS,EAAEF,KAAK,CAACS;EAAK,gBACzB;IAAK,SAAS,EAAET,KAAK,CAACU;EAAI,EAAG,eAC7B;IAAK,SAAS,EAAEV,KAAK,CAACW;EAAK,EAAG,eAC9B;IAAK,SAAS,EAAEX,KAAK,CAACY;EAAM,EAAG,eAC/B;IAAK,SAAS,EAAEZ,KAAK,CAACa;EAAO,EAAG,CAC5B,CAET;AACH,CAAC;AAEDZ,MAAM,CAACa,SAAS,2CAAG;EACjBZ,SAAS,EAAEN,SAAS,CAACmB,MAAM;EAC3BZ,KAAK,EAAEP,SAAS,CAACoB,KAAK,CAAC,CAAC,SAAS,EAAE,cAAc,CAAC;AACpD,CAAC;AAED,eAAef,MAAM"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyCmLoader","CMLoader","classnames","style","Loader","className","theme","cmLoaderContainer","cmLoaderGrey","cmLoaderLightGrey","cmLoaderBlue","container","dots","red","blue","green","yellow","propTypes","string","oneOf"],"sources":["../../../src/atom/loader/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaCompositionCoorpacademyCmLoader as CMLoader} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport style from './style.css';\n\nconst Loader = ({className, theme = 'default'}) => {\n  return theme !== 'default' ? (\n    <div data-name=\"loader\" className={classnames(style.cmLoaderContainer, className)}>\n      <CMLoader className={style.cmLoaderGrey} />\n      <CMLoader className={style.cmLoaderLightGrey} />\n      <CMLoader className={style.cmLoaderBlue} />\n    </div>\n  ) : (\n    <div data-name=\"loader\" className={classnames(style.container, className)}>\n      <div className={style.dots}>\n        <div className={style.red} />\n        <div className={style.blue} />\n        <div className={style.green} />\n        <div className={style.yellow} />\n      </div>\n    </div>\n  );\n};\n\nLoader.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf(['default', 'coorpmanager'])\n};\n\nexport default Loader;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAAQC,mCAAmC,IAAIC,QAA/C,QAA8D,0BAA9D;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,MAAM,GAAG,CAAC;EAACC,SAAD;EAAYC,KAAK,GAAG;AAApB,CAAD,KAAoC;EACjD,OAAOA,KAAK,KAAK,SAAV,gBACL;IAAK,aAAU,QAAf;IAAwB,SAAS,EAAEJ,UAAU,CAACC,KAAK,CAACI,iBAAP,EAA0BF,SAA1B;EAA7C,gBACE,oBAAC,QAAD;IAAU,SAAS,EAAEF,KAAK,CAACK;EAA3B,EADF,eAEE,oBAAC,QAAD;IAAU,SAAS,EAAEL,KAAK,CAACM;EAA3B,EAFF,eAGE,oBAAC,QAAD;IAAU,SAAS,EAAEN,KAAK,CAACO;EAA3B,EAHF,CADK,gBAOL;IAAK,aAAU,QAAf;IAAwB,SAAS,EAAER,UAAU,CAACC,KAAK,CAACQ,SAAP,EAAkBN,SAAlB;EAA7C,gBACE;IAAK,SAAS,EAAEF,KAAK,CAACS;EAAtB,gBACE;IAAK,SAAS,EAAET,KAAK,CAACU;EAAtB,EADF,eAEE;IAAK,SAAS,EAAEV,KAAK,CAACW;EAAtB,EAFF,eAGE;IAAK,SAAS,EAAEX,KAAK,CAACY;EAAtB,EAHF,eAIE;IAAK,SAAS,EAAEZ,KAAK,CAACa;EAAtB,EAJF,CADF,CAPF;AAgBD,CAjBD;;AAmBAZ,MAAM,CAACa,SAAP,2CAAmB;EACjBZ,SAAS,EAAEN,SAAS,CAACmB,MADJ;EAEjBZ,KAAK,EAAEP,SAAS,CAACoB,KAAV,CAAgB,CAAC,SAAD,EAAY,cAAZ,CAAhB;AAFU,CAAnB;AAKA,eAAef,MAAf"}

package/es/atom/loader/index.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ColorValue } from 'react-native';
-export type Props = {
+export declare type Props = {
     color?: ColorValue;
     height?: number;
     readyToHide: boolean;

package/es/atom/loader/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/loader/index.native.tsx"],"names":[],"mappings":";AAEA,OAAO,EAA0C,UAAU,EAAC,MAAM,cAAc,CAAC;AAoCjF,MAAM,MAAM,KAAK,GAAG;IAClB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC;AAKF,QAAA,MAAM,MAAM,UAAW,KAAK,uBAsK3B,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/loader/index.native.tsx"],"names":[],"mappings":";AAEA,OAAO,EAA0C,UAAU,EAAC,MAAM,cAAc,CAAC;AAoCjF,oBAAY,KAAK,GAAG;IAClB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC;AAKF,QAAA,MAAM,MAAM,UAAW,KAAK,uBAsK3B,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/es/atom/loader/index.native.js

@@ -2,6 +2,7 @@ import { useAnimateProp } from '@coorpacademy/react-native-animation';
 import React, { useEffect, useRef, useState } from 'react';
 import { Animated, StyleSheet, Easing } from 'react-native';
 import { useTemplateContext } from '../../template/app-review/template-context';
+
 const createStyleSheet = theme => StyleSheet.create({
   container: {
     alignItems: 'center',
@@ -23,8 +24,10 @@ const createStyleSheet = theme => StyleSheet.create({
     backgroundColor: theme.colors.battle
   }
 });
+
 const CYCLE_DURATION = 3000;
 const MIN_TIME = 1000;
+
 const Loader = props => {
   const templateContext = useTemplateContext();
   const {
@@ -50,6 +53,7 @@ const Loader = props => {
   } = props;
   useEffect(() => {
     const _stylesheet = createStyleSheet(theme);
+
     setStylesheet(_stylesheet);
   }, [theme]);
   useEffect(() => {
@@ -61,6 +65,7 @@ const Loader = props => {
     setTimeout(() => {
       setMinTimeSpent(true);
     }, MIN_TIME);
+
     const _animation = Animated.parallel([Animated.loop(Animated.sequence([Animated.timing(scale, {
       toValue: 0,
       duration: 0,
@@ -90,19 +95,23 @@ const Loader = props => {
       useNativeDriver: false,
       easing: Easing.inOut(Easing.sin)
     })]))]);
+
     _animation.start();
+
     return () => {
       _animation.stop();
-    };
-    // eslint bad warning --> effect only onmount
+    }; // eslint bad warning --> effect only onmount
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
+
   if (!styleSheet) {
     return null;
   }
+
   if (hidden) {
     return null;
   }
+
   const interpolatedScale = scale.interpolate({
     inputRange: [0, 0.45, 1, 1.32, 1.5, 2, 2.3, 2.64, 3],
     outputRange: [0.5, 0.2, 0.5, 0.5, 0.8, 0.5, 0.5, 0.3, 0.5]
@@ -180,5 +189,6 @@ const Loader = props => {
     }]
   })));
 };
+
 export default Loader;
 //# sourceMappingURL=index.native.js.map

package/es/atom/loader/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["useAnimateProp","React","useEffect","useRef","useState","Animated","StyleSheet","Easing","useTemplateContext","createStyleSheet","theme","create","container","alignItems","justifyContent","dot","position","blue","backgroundColor","colors","cta","red","negative","green","positive","yellow","battle","CYCLE_DURATION","MIN_TIME","Loader","props","templateContext","styleSheet","setStylesheet","hidden","setHidden","minTimeIsSpent","setMinTimeSpent","rotation","Value","current","scale","hideAnimation","property","fromValue","toValue","onComplete","height","color","readyToHide","_stylesheet","start","setTimeout","_animation","parallel","loop","sequence","timing","duration","useNativeDriver","easing","inOut","sin","stop","interpolatedScale","interpolate","inputRange","outputRange","interpolatedRotation","dotWidth","dotTranslate","dotStyle","width","borderRadius","animatedStyle","transform","scaleX","scaleY","rotateZ","translateX"],"sources":["../../../src/atom/loader/index.native.tsx"],"sourcesContent":["import {useAnimateProp} from '@coorpacademy/react-native-animation';\nimport React, {useEffect, useRef, useState} from 'react';\nimport {Animated, StyleSheet, Easing, ViewStyle, ColorValue} from 'react-native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  dot: ViewStyle;\n  blue: ViewStyle;\n  red: ViewStyle;\n  green: ViewStyle;\n  yellow: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      alignItems: 'center',\n      justifyContent: 'center'\n    },\n    dot: {\n      position: 'absolute'\n    },\n    blue: {\n      backgroundColor: theme.colors.cta\n    },\n    red: {\n      backgroundColor: theme.colors.negative\n    },\n    green: {\n      backgroundColor: theme.colors.positive\n    },\n    yellow: {\n      backgroundColor: theme.colors.battle\n    }\n  });\n\nexport type Props = {\n  color?: ColorValue;\n  height?: number;\n  readyToHide: boolean;\n};\n\nconst CYCLE_DURATION = 3000;\nconst MIN_TIME = 1000;\n\nconst Loader = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const [hidden, setHidden] = useState<boolean>(false);\n  const [minTimeIsSpent, setMinTimeSpent] = useState<boolean>(false);\n\n  const rotation = useRef<Animated.Value>(new Animated.Value(0)).current;\n  const scale = useRef<Animated.Value>(new Animated.Value(0)).current;\n\n  const hideAnimation = useAnimateProp({\n    property: 'opacity',\n    fromValue: 1,\n    toValue: 0,\n    onComplete: () => {\n      setHidden(true);\n    }\n  });\n\n  const {height = 60, color, readyToHide} = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  useEffect(() => {\n    if (readyToHide && minTimeIsSpent && !hidden) {\n      hideAnimation.start();\n    }\n  }, [hidden, hideAnimation, readyToHide, minTimeIsSpent]);\n\n  useEffect(() => {\n    setTimeout(() => {\n      setMinTimeSpent(true);\n    }, MIN_TIME);\n\n    const _animation = Animated.parallel([\n      Animated.loop(\n        Animated.sequence([\n          Animated.timing(scale, {toValue: 0, duration: 0, useNativeDriver: false}),\n          Animated.timing(scale, {\n            toValue: 1,\n            duration: CYCLE_DURATION,\n            useNativeDriver: false,\n            easing: Easing.inOut(Easing.sin)\n          }),\n          Animated.timing(scale, {\n            toValue: 2,\n            duration: CYCLE_DURATION,\n            useNativeDriver: false,\n            easing: Easing.inOut(Easing.sin)\n          }),\n          Animated.timing(scale, {\n            toValue: 3,\n            duration: CYCLE_DURATION,\n            useNativeDriver: false,\n            easing: Easing.inOut(Easing.sin)\n          })\n        ])\n      ),\n      Animated.loop(\n        Animated.sequence([\n          Animated.timing(rotation, {toValue: 0, duration: 0, useNativeDriver: false}),\n          Animated.timing(rotation, {\n            toValue: 1,\n            duration: CYCLE_DURATION,\n            useNativeDriver: false,\n            easing: Easing.inOut(Easing.sin)\n          })\n        ])\n      )\n    ]);\n\n    _animation.start();\n\n    return () => {\n      _animation.stop();\n    };\n    // eslint bad warning --> effect only onmount\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  if (hidden) {\n    return null;\n  }\n\n  const interpolatedScale = scale.interpolate({\n    inputRange: [0, 0.45, 1, 1.32, 1.5, 2, 2.3, 2.64, 3],\n    outputRange: [0.5, 0.2, 0.5, 0.5, 0.8, 0.5, 0.5, 0.3, 0.5]\n  });\n\n  const interpolatedRotation = rotation.interpolate({\n    inputRange: [0, 1],\n    outputRange: ['0deg', '360deg']\n  });\n  const dotWidth = rotation.interpolate({\n    inputRange: [0, 0.5, 1],\n    outputRange: [height / 2, height / 6, height / 2]\n  });\n  const dotTranslate = rotation.interpolate({\n    inputRange: [0, 0.5, 1],\n    outputRange: [-25 * (height / 60), -35 * (height / 60), -25 * (height / 60)]\n  });\n  const dotStyle = {\n    width: dotWidth,\n    height: height / 6,\n    borderRadius: height / 12\n  };\n\n  return (\n    <Animated.View style={hideAnimation.animatedStyle}>\n      <Animated.View\n        style={[\n          styleSheet.container,\n          {\n            height,\n            width: height,\n            transform: [\n              {scaleX: interpolatedScale},\n              {scaleY: interpolatedScale},\n              {rotateZ: interpolatedRotation}\n            ]\n          }\n        ]}\n      >\n        <Animated.View\n          style={[\n            styleSheet.dot,\n            color ? {backgroundColor: color} : styleSheet.red,\n            dotStyle,\n            {transform: [{rotateZ: '45deg'}, {translateX: dotTranslate}]}\n          ]}\n        />\n        <Animated.View\n          style={[\n            styleSheet.dot,\n            color ? {backgroundColor: color} : styleSheet.green,\n            dotStyle,\n            {transform: [{rotateZ: '135deg'}, {translateX: dotTranslate}]}\n          ]}\n        />\n        <Animated.View\n          style={[\n            styleSheet.dot,\n            color ? {backgroundColor: color} : styleSheet.yellow,\n            dotStyle,\n            {transform: [{rotateZ: '225deg'}, {translateX: dotTranslate}]}\n          ]}\n        />\n        <Animated.View\n          style={[\n            styleSheet.dot,\n            color ? {backgroundColor: color} : styleSheet.blue,\n            dotStyle,\n            {transform: [{rotateZ: '315deg'}, {translateX: dotTranslate}]}\n          ]}\n        />\n      </Animated.View>\n    </Animated.View>\n  );\n};\n\nexport default Loader;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["useAnimateProp","React","useEffect","useRef","useState","Animated","StyleSheet","Easing","useTemplateContext","createStyleSheet","theme","create","container","alignItems","justifyContent","dot","position","blue","backgroundColor","colors","cta","red","negative","green","positive","yellow","battle","CYCLE_DURATION","MIN_TIME","Loader","props","templateContext","styleSheet","setStylesheet","hidden","setHidden","minTimeIsSpent","setMinTimeSpent","rotation","Value","current","scale","hideAnimation","property","fromValue","toValue","onComplete","height","color","readyToHide","_stylesheet","start","setTimeout","_animation","parallel","loop","sequence","timing","duration","useNativeDriver","easing","inOut","sin","stop","interpolatedScale","interpolate","inputRange","outputRange","interpolatedRotation","dotWidth","dotTranslate","dotStyle","width","borderRadius","animatedStyle","transform","scaleX","scaleY","rotateZ","translateX"],"sources":["../../../src/atom/loader/index.native.tsx"],"sourcesContent":["import {useAnimateProp} from '@coorpacademy/react-native-animation';\nimport React, {useEffect, useRef, useState} from 'react';\nimport {Animated, StyleSheet, Easing, ViewStyle, ColorValue} from 'react-native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  dot: ViewStyle;\n  blue: ViewStyle;\n  red: ViewStyle;\n  green: ViewStyle;\n  yellow: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      alignItems: 'center',\n      justifyContent: 'center'\n    },\n    dot: {\n      position: 'absolute'\n    },\n    blue: {\n      backgroundColor: theme.colors.cta\n    },\n    red: {\n      backgroundColor: theme.colors.negative\n    },\n    green: {\n      backgroundColor: theme.colors.positive\n    },\n    yellow: {\n      backgroundColor: theme.colors.battle\n    }\n  });\n\nexport type Props = {\n  color?: ColorValue;\n  height?: number;\n  readyToHide: boolean;\n};\n\nconst CYCLE_DURATION = 3000;\nconst MIN_TIME = 1000;\n\nconst Loader = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const [hidden, setHidden] = useState<boolean>(false);\n  const [minTimeIsSpent, setMinTimeSpent] = useState<boolean>(false);\n\n  const rotation = useRef<Animated.Value>(new Animated.Value(0)).current;\n  const scale = useRef<Animated.Value>(new Animated.Value(0)).current;\n\n  const hideAnimation = useAnimateProp({\n    property: 'opacity',\n    fromValue: 1,\n    toValue: 0,\n    onComplete: () => {\n      setHidden(true);\n    }\n  });\n\n  const {height = 60, color, readyToHide} = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  useEffect(() => {\n    if (readyToHide && minTimeIsSpent && !hidden) {\n      hideAnimation.start();\n    }\n  }, [hidden, hideAnimation, readyToHide, minTimeIsSpent]);\n\n  useEffect(() => {\n    setTimeout(() => {\n      setMinTimeSpent(true);\n    }, MIN_TIME);\n\n    const _animation = Animated.parallel([\n      Animated.loop(\n        Animated.sequence([\n          Animated.timing(scale, {toValue: 0, duration: 0, useNativeDriver: false}),\n          Animated.timing(scale, {\n            toValue: 1,\n            duration: CYCLE_DURATION,\n            useNativeDriver: false,\n            easing: Easing.inOut(Easing.sin)\n          }),\n          Animated.timing(scale, {\n            toValue: 2,\n            duration: CYCLE_DURATION,\n            useNativeDriver: false,\n            easing: Easing.inOut(Easing.sin)\n          }),\n          Animated.timing(scale, {\n            toValue: 3,\n            duration: CYCLE_DURATION,\n            useNativeDriver: false,\n            easing: Easing.inOut(Easing.sin)\n          })\n        ])\n      ),\n      Animated.loop(\n        Animated.sequence([\n          Animated.timing(rotation, {toValue: 0, duration: 0, useNativeDriver: false}),\n          Animated.timing(rotation, {\n            toValue: 1,\n            duration: CYCLE_DURATION,\n            useNativeDriver: false,\n            easing: Easing.inOut(Easing.sin)\n          })\n        ])\n      )\n    ]);\n\n    _animation.start();\n\n    return () => {\n      _animation.stop();\n    };\n    // eslint bad warning --> effect only onmount\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  if (hidden) {\n    return null;\n  }\n\n  const interpolatedScale = scale.interpolate({\n    inputRange: [0, 0.45, 1, 1.32, 1.5, 2, 2.3, 2.64, 3],\n    outputRange: [0.5, 0.2, 0.5, 0.5, 0.8, 0.5, 0.5, 0.3, 0.5]\n  });\n\n  const interpolatedRotation = rotation.interpolate({\n    inputRange: [0, 1],\n    outputRange: ['0deg', '360deg']\n  });\n  const dotWidth = rotation.interpolate({\n    inputRange: [0, 0.5, 1],\n    outputRange: [height / 2, height / 6, height / 2]\n  });\n  const dotTranslate = rotation.interpolate({\n    inputRange: [0, 0.5, 1],\n    outputRange: [-25 * (height / 60), -35 * (height / 60), -25 * (height / 60)]\n  });\n  const dotStyle = {\n    width: dotWidth,\n    height: height / 6,\n    borderRadius: height / 12\n  };\n\n  return (\n    <Animated.View style={hideAnimation.animatedStyle}>\n      <Animated.View\n        style={[\n          styleSheet.container,\n          {\n            height,\n            width: height,\n            transform: [\n              {scaleX: interpolatedScale},\n              {scaleY: interpolatedScale},\n              {rotateZ: interpolatedRotation}\n            ]\n          }\n        ]}\n      >\n        <Animated.View\n          style={[\n            styleSheet.dot,\n            color ? {backgroundColor: color} : styleSheet.red,\n            dotStyle,\n            {transform: [{rotateZ: '45deg'}, {translateX: dotTranslate}]}\n          ]}\n        />\n        <Animated.View\n          style={[\n            styleSheet.dot,\n            color ? {backgroundColor: color} : styleSheet.green,\n            dotStyle,\n            {transform: [{rotateZ: '135deg'}, {translateX: dotTranslate}]}\n          ]}\n        />\n        <Animated.View\n          style={[\n            styleSheet.dot,\n            color ? {backgroundColor: color} : styleSheet.yellow,\n            dotStyle,\n            {transform: [{rotateZ: '225deg'}, {translateX: dotTranslate}]}\n          ]}\n        />\n        <Animated.View\n          style={[\n            styleSheet.dot,\n            color ? {backgroundColor: color} : styleSheet.blue,\n            dotStyle,\n            {transform: [{rotateZ: '315deg'}, {translateX: dotTranslate}]}\n          ]}\n        />\n      </Animated.View>\n    </Animated.View>\n  );\n};\n\nexport default Loader;\n"],"mappings":"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"}

package/es/atom/lottie-wrapper/index.js

@@ -1,4 +1,5 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React, { useMemo, useRef, useEffect, useState } from 'react';
 import classnames from 'classnames';
 import lottie from 'lottie-web';
@@ -18,6 +19,7 @@ export const fetchAndLoadAnimation = async (_lottie, _fetch, animationSrc, conta
     }
   });
   const animationData = await fetchResult.json();
+
   const animation = _lottie.loadAnimation && _lottie.loadAnimation({
     container: containerRef.current,
     // the dom element that will contain the animation
@@ -29,11 +31,13 @@ export const fetchAndLoadAnimation = async (_lottie, _fetch, animationSrc, conta
       className: animationClassnames,
       hideOnTransparent,
       preserveAspectRatio: 'xMidYMid meet' // same options as a preserveAspectRatio prop
+
     }
   });
 
   return animation;
 };
+
 const LottieWrapper = props => {
   const {
     className,
@@ -52,9 +56,8 @@ const LottieWrapper = props => {
     hideOnTransparent = true
   } = rendererSettings;
   const containerRef = useRef(null);
-  const isCancelledRef = useRef(null);
+  const isCancelledRef = useRef(null); // lottie's animation instance
 
-  // lottie's animation instance
   const [animationItem, setAnimationItem] = useState(null);
   const [isAnimationVisible, setIsAnimationVisible] = useState(autoplay);
   const wrapperClassName = useMemo(() => classnames(className, style.lottieContainer), [className]);
@@ -63,6 +66,7 @@ const LottieWrapper = props => {
     if (includes(animationControl, keys(omit('loading', ANIMATION_CONTROL))) && !autoplay) {
       setIsAnimationVisible(true);
       /* istanbul ignore next */
+
       if (animationItem) animationItem[animationControl]();
       if (animationControl === ANIMATION_CONTROL.stop) setIsAnimationVisible(false);
     }
@@ -76,10 +80,13 @@ const LottieWrapper = props => {
         isNil(isCancelledRef.current) && setAnimationItem(animation);
       }
     };
+
     loadAnimation();
     return () => {
       isCancelledRef.current = true;
-      return animationItem && /* istanbul ignore next */window.lottie.destroy(animationItem.name);
+      return animationItem &&
+      /* istanbul ignore next */
+      window.lottie.destroy(animationItem.name);
     };
   }, [lottieAnimationClassName, containerRef, hideOnTransparent, loop, animationSrc, animationItem, autoplay]);
   const accessibilityProps = ariaLabel ? {
@@ -105,6 +112,7 @@ const LottieWrapper = props => {
     })
   }));
 };
+
 LottieWrapper.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default LottieWrapper;
 //# sourceMappingURL=index.js.map

package/es/atom/lottie-wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","useRef","useEffect","useState","classnames","lottie","includes","isNil","keys","omit","unfetch","style","propTypes","ANIMATION_CONTROL","fetchAndLoadAnimation","_lottie","_fetch","animationSrc","containerRef","loop","animationClassnames","hideOnTransparent","autoplay","animationUrl","URL","toString","fetchResult","headers","animationData","json","animation","loadAnimation","container","current","renderer","rendererSettings","className","preserveAspectRatio","LottieWrapper","props","dataName","ariaLabel","width","height","animationControl","animationClassName","isCancelledRef","animationItem","setAnimationItem","isAnimationVisible","setIsAnimationVisible","wrapperClassName","lottieContainer","lottieAnimationClassName","stop","window","destroy","name","accessibilityProps","role","maxWidth","maxHeight","opacity","transition"],"sources":["../../../src/atom/lottie-wrapper/index.js"],"sourcesContent":["import React, {useMemo, useRef, useEffect, useState} from 'react';\nimport classnames from 'classnames';\nimport lottie from 'lottie-web';\nimport includes from 'lodash/fp/includes';\nimport isNil from 'lodash/fp/isNil';\nimport keys from 'lodash/fp/keys';\nimport omit from 'lodash/fp/omit';\nimport unfetch from 'isomorphic-unfetch';\nimport style from './style.css';\nimport propTypes, {ANIMATION_CONTROL} from './prop-types';\n\nexport const fetchAndLoadAnimation = async (\n  _lottie,\n  _fetch,\n  animationSrc,\n  containerRef,\n  loop,\n  animationClassnames,\n  hideOnTransparent,\n  autoplay\n) => {\n  const animationUrl = new URL(animationSrc).toString();\n  const fetchResult = await _fetch(animationUrl, {\n    headers: {\n      'X-Requested-With': 'XMLHttpRequest',\n      'Content-Type': 'application/json'\n    }\n  });\n\n  const animationData = await fetchResult.json();\n\n  const animation =\n    _lottie.loadAnimation &&\n    _lottie.loadAnimation({\n      container: containerRef.current, // the dom element that will contain the animation\n      renderer: 'svg',\n      autoplay,\n      loop,\n      animationData,\n      rendererSettings: {\n        className: animationClassnames,\n        hideOnTransparent,\n        preserveAspectRatio: 'xMidYMid meet' // same options as a preserveAspectRatio prop\n      }\n    });\n  return animation;\n};\n\nconst LottieWrapper = props => {\n  const {\n    className,\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    animationSrc,\n    loop = false,\n    rendererSettings = {},\n    width,\n    height,\n    autoplay = true,\n    animationControl\n  } = props;\n  const {className: animationClassName, hideOnTransparent = true} = rendererSettings;\n\n  const containerRef = useRef(null);\n  const isCancelledRef = useRef(null);\n\n  // lottie's animation instance\n  const [animationItem, setAnimationItem] = useState(null);\n\n  const [isAnimationVisible, setIsAnimationVisible] = useState(autoplay);\n\n  const wrapperClassName = useMemo(() => classnames(className, style.lottieContainer), [className]);\n\n  const lottieAnimationClassName = useMemo(\n    () => classnames(animationClassName, style.animation),\n    [animationClassName]\n  );\n\n  useEffect(() => {\n    if (includes(animationControl, keys(omit('loading', ANIMATION_CONTROL))) && !autoplay) {\n      setIsAnimationVisible(true);\n      /* istanbul ignore next */\n      if (animationItem) animationItem[animationControl]();\n      if (animationControl === ANIMATION_CONTROL.stop) setIsAnimationVisible(false);\n    }\n  }, [animationControl, animationItem, autoplay]);\n\n  useEffect(() => {\n    const loadAnimation = async () => {\n      /* istanbul ignore else */\n      if (!animationItem && typeof window !== 'undefined') {\n        window.lottie = lottie;\n        const animation = await fetchAndLoadAnimation(\n          window.lottie,\n          unfetch,\n          animationSrc,\n          containerRef,\n          loop,\n          lottieAnimationClassName,\n          hideOnTransparent,\n          autoplay\n        );\n\n        isNil(isCancelledRef.current) && setAnimationItem(animation);\n      }\n    };\n\n    loadAnimation();\n    return () => {\n      isCancelledRef.current = true;\n      return animationItem && /* istanbul ignore next */ window.lottie.destroy(animationItem.name);\n    };\n  }, [\n    lottieAnimationClassName,\n    containerRef,\n    hideOnTransparent,\n    loop,\n    animationSrc,\n    animationItem,\n    autoplay\n  ]);\n\n  const accessibilityProps = ariaLabel\n    ? {\n        'aria-label': ariaLabel,\n        role: 'img'\n      }\n    : {\n        'aria-hidden': 'true',\n        role: 'presentation'\n      };\n\n  return (\n    <div\n      {...accessibilityProps}\n      ref={containerRef}\n      data-name={dataName}\n      className={wrapperClassName}\n      style={{\n        ...(width && {\n          width: `${width}px`,\n          maxWidth: `${width}px`\n        }),\n        ...(height && {\n          height: `${height}px`,\n          maxHeight: `${height}px`\n        }),\n        opacity: isAnimationVisible ? 1 : 0,\n        transition: 'opacity 0.25s ease-in'\n      }}\n    />\n  );\n};\n\nLottieWrapper.propTypes = propTypes;\n\nexport default LottieWrapper;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useMemo","useRef","useEffect","useState","classnames","lottie","includes","isNil","keys","omit","unfetch","style","propTypes","ANIMATION_CONTROL","fetchAndLoadAnimation","_lottie","_fetch","animationSrc","containerRef","loop","animationClassnames","hideOnTransparent","autoplay","animationUrl","URL","toString","fetchResult","headers","animationData","json","animation","loadAnimation","container","current","renderer","rendererSettings","className","preserveAspectRatio","LottieWrapper","props","dataName","ariaLabel","width","height","animationControl","animationClassName","isCancelledRef","animationItem","setAnimationItem","isAnimationVisible","setIsAnimationVisible","wrapperClassName","lottieContainer","lottieAnimationClassName","stop","window","destroy","name","accessibilityProps","role","maxWidth","maxHeight","opacity","transition"],"sources":["../../../src/atom/lottie-wrapper/index.js"],"sourcesContent":["import React, {useMemo, useRef, useEffect, useState} from 'react';\nimport classnames from 'classnames';\nimport lottie from 'lottie-web';\nimport includes from 'lodash/fp/includes';\nimport isNil from 'lodash/fp/isNil';\nimport keys from 'lodash/fp/keys';\nimport omit from 'lodash/fp/omit';\nimport unfetch from 'isomorphic-unfetch';\nimport style from './style.css';\nimport propTypes, {ANIMATION_CONTROL} from './prop-types';\n\nexport const fetchAndLoadAnimation = async (\n  _lottie,\n  _fetch,\n  animationSrc,\n  containerRef,\n  loop,\n  animationClassnames,\n  hideOnTransparent,\n  autoplay\n) => {\n  const animationUrl = new URL(animationSrc).toString();\n  const fetchResult = await _fetch(animationUrl, {\n    headers: {\n      'X-Requested-With': 'XMLHttpRequest',\n      'Content-Type': 'application/json'\n    }\n  });\n\n  const animationData = await fetchResult.json();\n\n  const animation =\n    _lottie.loadAnimation &&\n    _lottie.loadAnimation({\n      container: containerRef.current, // the dom element that will contain the animation\n      renderer: 'svg',\n      autoplay,\n      loop,\n      animationData,\n      rendererSettings: {\n        className: animationClassnames,\n        hideOnTransparent,\n        preserveAspectRatio: 'xMidYMid meet' // same options as a preserveAspectRatio prop\n      }\n    });\n  return animation;\n};\n\nconst LottieWrapper = props => {\n  const {\n    className,\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    animationSrc,\n    loop = false,\n    rendererSettings = {},\n    width,\n    height,\n    autoplay = true,\n    animationControl\n  } = props;\n  const {className: animationClassName, hideOnTransparent = true} = rendererSettings;\n\n  const containerRef = useRef(null);\n  const isCancelledRef = useRef(null);\n\n  // lottie's animation instance\n  const [animationItem, setAnimationItem] = useState(null);\n\n  const [isAnimationVisible, setIsAnimationVisible] = useState(autoplay);\n\n  const wrapperClassName = useMemo(() => classnames(className, style.lottieContainer), [className]);\n\n  const lottieAnimationClassName = useMemo(\n    () => classnames(animationClassName, style.animation),\n    [animationClassName]\n  );\n\n  useEffect(() => {\n    if (includes(animationControl, keys(omit('loading', ANIMATION_CONTROL))) && !autoplay) {\n      setIsAnimationVisible(true);\n      /* istanbul ignore next */\n      if (animationItem) animationItem[animationControl]();\n      if (animationControl === ANIMATION_CONTROL.stop) setIsAnimationVisible(false);\n    }\n  }, [animationControl, animationItem, autoplay]);\n\n  useEffect(() => {\n    const loadAnimation = async () => {\n      /* istanbul ignore else */\n      if (!animationItem && typeof window !== 'undefined') {\n        window.lottie = lottie;\n        const animation = await fetchAndLoadAnimation(\n          window.lottie,\n          unfetch,\n          animationSrc,\n          containerRef,\n          loop,\n          lottieAnimationClassName,\n          hideOnTransparent,\n          autoplay\n        );\n\n        isNil(isCancelledRef.current) && setAnimationItem(animation);\n      }\n    };\n\n    loadAnimation();\n    return () => {\n      isCancelledRef.current = true;\n      return animationItem && /* istanbul ignore next */ window.lottie.destroy(animationItem.name);\n    };\n  }, [\n    lottieAnimationClassName,\n    containerRef,\n    hideOnTransparent,\n    loop,\n    animationSrc,\n    animationItem,\n    autoplay\n  ]);\n\n  const accessibilityProps = ariaLabel\n    ? {\n        'aria-label': ariaLabel,\n        role: 'img'\n      }\n    : {\n        'aria-hidden': 'true',\n        role: 'presentation'\n      };\n\n  return (\n    <div\n      {...accessibilityProps}\n      ref={containerRef}\n      data-name={dataName}\n      className={wrapperClassName}\n      style={{\n        ...(width && {\n          width: `${width}px`,\n          maxWidth: `${width}px`\n        }),\n        ...(height && {\n          height: `${height}px`,\n          maxHeight: `${height}px`\n        }),\n        opacity: isAnimationVisible ? 1 : 0,\n        transition: 'opacity 0.25s ease-in'\n      }}\n    />\n  );\n};\n\nLottieWrapper.propTypes = propTypes;\n\nexport default LottieWrapper;\n"],"mappings":"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"}

package/es/atom/lottie-wrapper/prop-types.d.ts

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
-export type LottieAnimationProps = {
+export declare type LottieAnimationProps = {
     'aria-label'?: string;
     'data-name'?: string;
     animationSrc: string;

package/es/atom/lottie-wrapper/prop-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/atom/lottie-wrapper/prop-types.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,MAAM,MAAM,oBAAoB,GAAG;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gBAAgB,CAAC,EAAE;QACjB,iBAAiB,CAAC,EAAE,OAAO,CAAC;QAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;CAC1D,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;CAK7B,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAcd,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/atom/lottie-wrapper/prop-types.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,oBAAY,oBAAoB,GAAG;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gBAAgB,CAAC,EAAE;QACjB,iBAAiB,CAAC,EAAE,OAAO,CAAC;QAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;CAC1D,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;CAK7B,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAcd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/es/atom/lottie-wrapper/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["keys","PropTypes","ANIMATION_CONTROL","play","pause","stop","loading","propTypes","string","animationSrc","isRequired","loop","bool","rendererSettings","shape","hideOnTransparent","className","height","number","width","autoplay","animationControl","oneOf"],"sources":["../../../src/atom/lottie-wrapper/prop-types.ts"],"sourcesContent":["import keys from 'lodash/fp/keys';\nimport PropTypes from 'prop-types';\n\nexport type LottieAnimationProps = {\n  'aria-label'?: string;\n  'data-name'?: string;\n  animationSrc: string;\n  loop?: boolean;\n  rendererSettings?: {\n    hideOnTransparent?: boolean;\n    className?: string;\n  };\n  height?: number;\n  width?: number;\n  className?: string;\n  autoplay?: boolean;\n  animationControl?: 'play' | 'pause' | 'stop' | 'loading';\n};\n\nexport const ANIMATION_CONTROL = {\n  play: 'play',\n  pause: 'pause',\n  stop: 'stop',\n  loading: 'loading'\n};\n\nconst propTypes = {\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  animationSrc: PropTypes.string.isRequired,\n  loop: PropTypes.bool,\n  rendererSettings: PropTypes.shape({\n    hideOnTransparent: PropTypes.bool,\n    className: PropTypes.string\n  }),\n  height: PropTypes.number,\n  width: PropTypes.number,\n  className: PropTypes.string,\n  autoplay: PropTypes.bool,\n  animationControl: PropTypes.oneOf(keys(ANIMATION_CONTROL))\n};\n\nexport default propTypes;\n"],"mappings":"AAAA,OAAOA,IAAI,MAAM,gBAAgB;AACjC,OAAOC,SAAS,MAAM,YAAY;AAkBlC,OAAO,MAAMC,iBAAiB,GAAG;EAC/BC,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE,OAAO;EACdC,IAAI,EAAE,MAAM;EACZC,OAAO,EAAE;AACX,CAAC;AAED,MAAMC,SAAS,GAAG;EAChB,YAAY,EAAEN,SAAS,CAACO,MAAM;EAC9B,WAAW,EAAEP,SAAS,CAACO,MAAM;EAC7BC,YAAY,EAAER,SAAS,CAACO,MAAM,CAACE,UAAU;EACzCC,IAAI,EAAEV,SAAS,CAACW,IAAI;EACpBC,gBAAgB,EAAEZ,SAAS,CAACa,KAAK,CAAC;IAChCC,iBAAiB,EAAEd,SAAS,CAACW,IAAI;IACjCI,SAAS,EAAEf,SAAS,CAACO;EACvB,CAAC,CAAC;EACFS,MAAM,EAAEhB,SAAS,CAACiB,MAAM;EACxBC,KAAK,EAAElB,SAAS,CAACiB,MAAM;EACvBF,SAAS,EAAEf,SAAS,CAACO,MAAM;EAC3BY,QAAQ,EAAEnB,SAAS,CAACW,IAAI;EACxBS,gBAAgB,EAAEpB,SAAS,CAACqB,KAAK,CAACtB,IAAI,CAACE,iBAAiB,CAAC;AAC3D,CAAC;AAED,eAAeK,SAAS"}
+{"version":3,"file":"prop-types.js","names":["keys","PropTypes","ANIMATION_CONTROL","play","pause","stop","loading","propTypes","string","animationSrc","isRequired","loop","bool","rendererSettings","shape","hideOnTransparent","className","height","number","width","autoplay","animationControl","oneOf"],"sources":["../../../src/atom/lottie-wrapper/prop-types.ts"],"sourcesContent":["import keys from 'lodash/fp/keys';\nimport PropTypes from 'prop-types';\n\nexport type LottieAnimationProps = {\n  'aria-label'?: string;\n  'data-name'?: string;\n  animationSrc: string;\n  loop?: boolean;\n  rendererSettings?: {\n    hideOnTransparent?: boolean;\n    className?: string;\n  };\n  height?: number;\n  width?: number;\n  className?: string;\n  autoplay?: boolean;\n  animationControl?: 'play' | 'pause' | 'stop' | 'loading';\n};\n\nexport const ANIMATION_CONTROL = {\n  play: 'play',\n  pause: 'pause',\n  stop: 'stop',\n  loading: 'loading'\n};\n\nconst propTypes = {\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  animationSrc: PropTypes.string.isRequired,\n  loop: PropTypes.bool,\n  rendererSettings: PropTypes.shape({\n    hideOnTransparent: PropTypes.bool,\n    className: PropTypes.string\n  }),\n  height: PropTypes.number,\n  width: PropTypes.number,\n  className: PropTypes.string,\n  autoplay: PropTypes.bool,\n  animationControl: PropTypes.oneOf(keys(ANIMATION_CONTROL))\n};\n\nexport default propTypes;\n"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,gBAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAkBA,OAAO,MAAMC,iBAAiB,GAAG;EAC/BC,IAAI,EAAE,MADyB;EAE/BC,KAAK,EAAE,OAFwB;EAG/BC,IAAI,EAAE,MAHyB;EAI/BC,OAAO,EAAE;AAJsB,CAA1B;AAOP,MAAMC,SAAS,GAAG;EAChB,cAAcN,SAAS,CAACO,MADR;EAEhB,aAAaP,SAAS,CAACO,MAFP;EAGhBC,YAAY,EAAER,SAAS,CAACO,MAAV,CAAiBE,UAHf;EAIhBC,IAAI,EAAEV,SAAS,CAACW,IAJA;EAKhBC,gBAAgB,EAAEZ,SAAS,CAACa,KAAV,CAAgB;IAChCC,iBAAiB,EAAEd,SAAS,CAACW,IADG;IAEhCI,SAAS,EAAEf,SAAS,CAACO;EAFW,CAAhB,CALF;EAShBS,MAAM,EAAEhB,SAAS,CAACiB,MATF;EAUhBC,KAAK,EAAElB,SAAS,CAACiB,MAVD;EAWhBF,SAAS,EAAEf,SAAS,CAACO,MAXL;EAYhBY,QAAQ,EAAEnB,SAAS,CAACW,IAZJ;EAahBS,gBAAgB,EAAEpB,SAAS,CAACqB,KAAV,CAAgBtB,IAAI,CAACE,iBAAD,CAApB;AAbF,CAAlB;AAgBA,eAAeK,SAAf"}

package/es/atom/notification/index.js

@@ -7,6 +7,7 @@ const notificationStyle = {
   error: style.error,
   success: style.success
 };
+
 const NotificationComponent = props => {
   const {
     type,
@@ -17,6 +18,7 @@ const NotificationComponent = props => {
     className: className
   }, /*#__PURE__*/React.createElement("span", null, "!"), message);
 };
+
 NotificationComponent.propTypes = process.env.NODE_ENV !== "production" ? {
   type: PropTypes.oneOf(_keys(notificationStyle)).isRequired,
   message: PropTypes.string.isRequired

package/es/atom/notification/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","style","notificationStyle","warning","error","success","NotificationComponent","props","type","message","className","propTypes","oneOf","isRequired","string"],"sources":["../../../src/atom/notification/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport style from './style.css';\n\nconst notificationStyle = {\n  warning: style.warning,\n  error: style.error,\n  success: style.success\n};\n\nconst NotificationComponent = props => {\n  const {type, message} = props;\n\n  const className = type ? notificationStyle[type] : style.message;\n\n  return (\n    <div className={className}>\n      <span>!</span>\n      {message}\n    </div>\n  );\n};\n\nNotificationComponent.propTypes = {\n  type: PropTypes.oneOf(keys(notificationStyle)).isRequired,\n  message: PropTypes.string.isRequired\n};\nexport default NotificationComponent;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,iBAAiB,GAAG;EACxBC,OAAO,EAAEF,KAAK,CAACE,OAAO;EACtBC,KAAK,EAAEH,KAAK,CAACG,KAAK;EAClBC,OAAO,EAAEJ,KAAK,CAACI;AACjB,CAAC;AAED,MAAMC,qBAAqB,GAAGC,KAAK,IAAI;EACrC,MAAM;IAACC,IAAI;IAAEC;EAAO,CAAC,GAAGF,KAAK;EAE7B,MAAMG,SAAS,GAAGF,IAAI,GAAGN,iBAAiB,CAACM,IAAI,CAAC,GAAGP,KAAK,CAACQ,OAAO;EAEhE,oBACE;IAAK,SAAS,EAAEC;EAAU,gBACxB,kCAAM,GAAC,CAAO,EACbD,OAAO,CACJ;AAEV,CAAC;AAEDH,qBAAqB,CAACK,SAAS,2CAAG;EAChCH,IAAI,EAAER,SAAS,CAACY,KAAK,CAAC,MAAKV,iBAAiB,CAAC,CAAC,CAACW,UAAU;EACzDJ,OAAO,EAAET,SAAS,CAACc,MAAM,CAACD;AAC5B,CAAC;AACD,eAAeP,qBAAqB"}
+{"version":3,"file":"index.js","names":["React","PropTypes","style","notificationStyle","warning","error","success","NotificationComponent","props","type","message","className","propTypes","oneOf","isRequired","string"],"sources":["../../../src/atom/notification/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport style from './style.css';\n\nconst notificationStyle = {\n  warning: style.warning,\n  error: style.error,\n  success: style.success\n};\n\nconst NotificationComponent = props => {\n  const {type, message} = props;\n\n  const className = type ? notificationStyle[type] : style.message;\n\n  return (\n    <div className={className}>\n      <span>!</span>\n      {message}\n    </div>\n  );\n};\n\nNotificationComponent.propTypes = {\n  type: PropTypes.oneOf(keys(notificationStyle)).isRequired,\n  message: PropTypes.string.isRequired\n};\nexport default NotificationComponent;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,iBAAiB,GAAG;EACxBC,OAAO,EAAEF,KAAK,CAACE,OADS;EAExBC,KAAK,EAAEH,KAAK,CAACG,KAFW;EAGxBC,OAAO,EAAEJ,KAAK,CAACI;AAHS,CAA1B;;AAMA,MAAMC,qBAAqB,GAAGC,KAAK,IAAI;EACrC,MAAM;IAACC,IAAD;IAAOC;EAAP,IAAkBF,KAAxB;EAEA,MAAMG,SAAS,GAAGF,IAAI,GAAGN,iBAAiB,CAACM,IAAD,CAApB,GAA6BP,KAAK,CAACQ,OAAzD;EAEA,oBACE;IAAK,SAAS,EAAEC;EAAhB,gBACE,sCADF,EAEGD,OAFH,CADF;AAMD,CAXD;;AAaAH,qBAAqB,CAACK,SAAtB,2CAAkC;EAChCH,IAAI,EAAER,SAAS,CAACY,KAAV,CAAgB,MAAKV,iBAAL,CAAhB,EAAyCW,UADf;EAEhCJ,OAAO,EAAET,SAAS,CAACc,MAAV,CAAiBD;AAFM,CAAlC;AAIA,eAAeP,qBAAf"}