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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["MODES","default","cssStyle","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","classnames","livesCounterWrapper","previousLivesCounterDefault","previousLivesCounterFailed","previousLivesRevival","operatorWrapper","heartOutline","heartNormalDefault","heartNormalFailed","heartNormalAnimatedFailed","heartNormalRevival","heartBrokenDefault","heartBrokenFailed","heartBrokenAnimatedFailed","heartBrokenRevival","contextTypes","Provider","childContextTypes","propTypes","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":["MODES","default","cssStyle","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","classnames","livesCounterWrapper","previousLivesCounterDefault","previousLivesCounterFailed","previousLivesRevival","operatorWrapper","heartOutline","heartNormalDefault","heartNormalFailed","heartNormalAnimatedFailed","heartNormalRevival","heartBrokenDefault","heartBrokenFailed","heartBrokenAnimatedFailed","heartBrokenRevival","contextTypes","Provider","childContextTypes","propTypes","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":";;;;;;AAAA;AACA;AACA;AAEA;AAKA;AACA;AAAmC;AAEnC,MAAMA,KAAK,GAAG;EACZC,OAAO,EAAEC,cAAQ,CAACD,OAAO;EACzBE,KAAK,EAAED,cAAQ,CAACC;AAClB,CAAC;AAED,MAAMC,OAAO,GAAG;EACdC,MAAM,EAAEH,cAAQ,CAACG,MAAM;EACvBC,WAAW,EAAEJ,cAAQ,CAACI,WAAW;EACjCC,cAAc,EAAEL,cAAQ,CAACK;AAC3B,CAAC;AAED,MAAMC,IAAI,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EAC/B,MAAM;IAACC;EAAI,CAAC,GAAGD,OAAO;EACtB,MAAM;IACJL,MAAM,GAAG,IAAI;IACbO,YAAY,GAAG,KAAK;IACpBC,QAAQ,GAAG,KAAK;IAChBC,KAAK,GAAG,CAAC;IACTC,MAAM,GAAG,KAAK;IACdC,IAAI,GAAG,SAAS;IAChBC,QAAQ,GAAG,GAAG;IACdC,OAAO;IACPC,SAAS;IACTC,KAAK,EAAEC;EACT,CAAC,GAAGZ,KAAK;EACT,MAAMa,aAAa,GAAG,mBAAI,iBAAiB,EAAEX,IAAI,CAAC;EAClD,MAAMY,KAAK,GAAG,mBAAI,cAAc,EAAEZ,IAAI,CAAC;EAEvC,IAAIG,KAAK,KAAK,IAAI,EAAE;IAClB,OAAO,IAAI;EACb;EAEA,MAAMU,SAAS,GAAG,CAACC,YAAY,EAAEC,WAAW,EAAEC,mBAAmB,EAAEC,YAAY,KAAK;IAClF,IAAIV,OAAO,EAAE,OAAOU,YAAY;IAChC,IAAIb,MAAM,IAAIF,QAAQ,EAAE,OAAOc,mBAAmB;IAClD,IAAIZ,MAAM,EAAE,OAAOW,WAAW;IAC9B,OAAOD,YAAY;EACrB,CAAC;EAED,MAAMI,YAAY,GAChBd,MAAM,IAAIF,QAAQ,GAAGX,cAAQ,CAAC4B,kBAAkB,GAAG5B,cAAQ,CAAC6B,mBAAmB;EACjF,MAAMC,WAAW,GAAG3B,MAAM,GAAGD,OAAO,CAACC,MAAM,CAAC4B,IAAI,CAAC,GAAG,IAAI;EACxD,MAAMC,gBAAgB,GAAG;IACvBC,cAAc,EAAE9B,MAAM,IAAIA,MAAM,CAAC+B,KAAK;IACtCC,iBAAiB,EAAEhC,MAAM,IAAIA,MAAM,CAACiC,QAAQ;IAC5CC,IAAI,EAAE3B,YAAY,IAAI;EACxB,CAAC;EAED,MAAM4B,UAAU,GAAGzB,MAAM,GAAGb,cAAQ,CAACuC,kBAAkB,GAAGvC,cAAQ,CAACwC,mBAAmB;EAEtF,oBACE;IAAK,aAAU,MAAM;IAAC,SAAS,EAAE,IAAAC,mBAAU,EAAC3C,KAAK,CAACgB,IAAI,CAAC,EAAEG,SAAS,CAAE;IAAC,KAAK,EAAEE;EAAY,gBACtF;IAAK,SAAS,EAAEnB,cAAQ,CAAC0C;EAAoB,gBAC3C;IACE,SAAS,EAAEpB,SAAS,CAClBtB,cAAQ,CAAC2C,2BAA2B,EACpC3C,cAAQ,CAAC2C,2BAA2B,EACpC3C,cAAQ,CAAC4C,0BAA0B,EACnC5C,cAAQ,CAAC6C,oBAAoB;EAC7B,GAEDjC,KAAK,GAAG,CAAC,CACN,eACN;IAAK,aAAU,SAAS;IAAC,SAAS,EAAE0B;EAAW,GAC5C1B,KAAK,CACF,CACF,eACN;IAAK,SAAS,EAAEZ,cAAQ,CAAC8C;EAAgB,gBACvC;IAAM,SAAS,EAAE9C,cAAQ,CAACe;EAAS,GAAEA,QAAQ,CAAQ,CACjD,eACN;IAAK,SAAS,EAAE,IAAA0B,mBAAU,EAACd,YAAY,EAAEG,WAAW,CAAE;IAAC,KAAK,EAAEE;EAAiB,gBAC7E,6BAAC,sDAAgB;IAAC,SAAS,EAAEhC,cAAQ,CAAC+C,YAAa;IAAC,KAAK,EAAE1B;EAAM,EAAG,eACpE,6BAAC,wCAAS;IACR,SAAS,EAAEC,SAAS,CAClBtB,cAAQ,CAACgD,kBAAkB,EAC3BhD,cAAQ,CAACiD,iBAAiB,EAC1BjD,cAAQ,CAACkD,yBAAyB,EAClClD,cAAQ,CAACmD,kBAAkB,CAC3B;IACF,KAAK,EAAE/B;EAAc,EACrB,eACF,6BAAC,iDAAe;IACd,SAAS,EAAEE,SAAS,CAClBtB,cAAQ,CAACoD,kBAAkB,EAC3BpD,cAAQ,CAACqD,iBAAiB,EAC1BrD,cAAQ,CAACsD,yBAAyB,EAClCtD,cAAQ,CAACuD,kBAAkB,CAC3B;IACF,KAAK,EAAEnC;EAAc,EACrB,CACE,CACF;AAEV,CAAC;AAEDd,IAAI,CAACkD,YAAY,GAAG;EAClB/C,IAAI,EAAEgD,iBAAQ,CAACC,iBAAiB,CAACjD;AACnC,CAAC;AAEDH,IAAI,CAACqD,SAAS,2CAAG;EACf3C,OAAO,EAAE4C,kBAAS,CAACC,IAAI;EACvBlD,QAAQ,EAAEiD,kBAAS,CAACC,IAAI;EACxB1D,MAAM,EAAEyD,kBAAS,CAACE,KAAK,CAAC;IACtB/B,IAAI,EAAE6B,kBAAS,CAACG,KAAK,CAAC,CAAC,QAAQ,EAAE,aAAa,EAAE,gBAAgB,CAAC,CAAC;IAClE7B,KAAK,EAAE0B,kBAAS,CAACI;EACnB,CAAC,CAAC;EACFtD,YAAY,EAAEkD,kBAAS,CAACC,IAAI;EAC5B/C,IAAI,EAAE8C,kBAAS,CAACG,KAAK,CAAC,oBAAKjE,KAAK,CAAC,CAAC;EAClCc,KAAK,EAAEgD,kBAAS,CAACK,MAAM;EACvBpD,MAAM,EAAE+C,kBAAS,CAACC,IAAI;EACtB5C,SAAS,EAAE2C,kBAAS,CAACI,MAAM;EAC3BjD,QAAQ,EAAE6C,kBAAS,CAACI,MAAM;EAC1B9C,KAAK,EAAE0C,kBAAS,CAACE,KAAK,CAAC,CAAC,CAAC;AAC3B,CAAC;AAAC,eAEaxD,IAAI;AAAA"}

package/lib/atom/link/index.js

@@ -2,33 +2,20 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
-
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
-
 var _identity2 = _interopRequireDefault(require("lodash/fp/identity"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _provider = _interopRequireDefault(require("../provider"));
-
 var _navigation = _interopRequireDefault(require("../../util/navigation"));
-
 const _excluded = ["skinHover", "hoverColor", "data-name", "aria-label"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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; }
-
 class Link extends _react.default.Component {
   constructor(props) {
     super(props);
-
     this.handleMouseEnter = () => {
       const {
         onMouseEnter = _noop2.default
@@ -38,7 +25,6 @@ class Link extends _react.default.Component {
       });
       onMouseEnter();
     };
-
     this.handleMouseLeave = () => {
       const {
         onMouseLeave = _noop2.default
@@ -48,25 +34,21 @@ class Link extends _react.default.Component {
       });
       onMouseLeave();
     };
-
     this.handleOnClick = e => {
       const {
         onClick = _noop2.default,
         download
       } = this.props;
       onClick(e);
-
       if (!download) {
         const navigate = (0, _navigation.default)(this.context)(this.props);
         navigate(e);
       }
     };
-
     this.state = {
       hovered: false
     };
   }
-
   render() {
     const {
       skin,
@@ -74,16 +56,14 @@ class Link extends _react.default.Component {
         createHref = _identity2.default
       } = {}
     } = this.context;
-
     const _this$props = this.props,
-          {
-      skinHover,
-      hoverColor = (0, _getOr2.default)('#00B0FF', 'common.primary', skin),
-      'data-name': dataName = 'link',
-      'aria-label': ariaLabel
-    } = _this$props,
-          aProps = _objectWithoutPropertiesLoose(_this$props, _excluded);
-
+      {
+        skinHover,
+        hoverColor = (0, _getOr2.default)('#00B0FF', 'common.primary', skin),
+        'data-name': dataName = 'link',
+        'aria-label': ariaLabel
+      } = _this$props,
+      aProps = _objectWithoutPropertiesLoose(_this$props, _excluded);
     const {
       href,
       onClick,
@@ -94,15 +74,12 @@ class Link extends _react.default.Component {
     const {
       hovered
     } = this.state;
-
     const _style = href || onClick ? null : {
       pointerEvents: 'none'
     };
-
     const _hoverStyle = skinHover && hovered ? {
       color: hoverColor
     } : null;
-
     return /*#__PURE__*/_react.default.createElement("a", _extends({}, aProps, {
       "data-name": dataName,
       "aria-label": ariaLabel,
@@ -114,9 +91,7 @@ class Link extends _react.default.Component {
       style: _extends({}, propsStyle, _style, _hoverStyle)
     }), children);
   }
-
 }
-
 Link.contextTypes = {
   skin: _provider.default.childContextTypes.skin,
   history: _provider.default.childContextTypes.history

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Link","React","Component","constructor","props","handleMouseEnter","onMouseEnter","setState","hovered","handleMouseLeave","onMouseLeave","handleOnClick","e","onClick","download","navigate","pushToHistory","context","state","render","skin","history","createHref","skinHover","hoverColor","dataName","ariaLabel","aProps","href","className","style","propsStyle","children","_style","pointerEvents","_hoverStyle","color","undefined","contextTypes","Provider","childContextTypes","propTypes","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":["Link","React","Component","constructor","props","handleMouseEnter","onMouseEnter","setState","hovered","handleMouseLeave","onMouseLeave","handleOnClick","e","onClick","download","navigate","pushToHistory","context","state","render","skin","history","createHref","skinHover","hoverColor","dataName","ariaLabel","aProps","href","className","style","propsStyle","children","_style","pointerEvents","_hoverStyle","color","undefined","contextTypes","Provider","childContextTypes","propTypes","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/lib/atom/loader/index.js

@@ -2,19 +2,12 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const Loader = ({
   className,
   theme = 'default'
@@ -43,7 +36,6 @@ const Loader = ({
     className: _style.default.yellow
   })));
 };
-
 Loader.propTypes = process.env.NODE_ENV !== "production" ? {
   className: _propTypes.default.string,
   theme: _propTypes.default.oneOf(['default', 'coorpmanager'])

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Loader","className","theme","classnames","style","cmLoaderContainer","cmLoaderGrey","cmLoaderLightGrey","cmLoaderBlue","container","dots","red","blue","green","yellow","propTypes","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;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,MAAM,GAAG,CAAC;EAACC,SAAD;EAAYC,KAAK,GAAG;AAApB,CAAD,KAAoC;EACjD,OAAOA,KAAK,KAAK,SAAV,gBACL;IAAK,aAAU,QAAf;IAAwB,SAAS,EAAE,IAAAC,mBAAA,EAAWC,cAAA,CAAMC,iBAAjB,EAAoCJ,SAApC;EAAnC,gBACE,6BAAC,8CAAD;IAAU,SAAS,EAAEG,cAAA,CAAME;EAA3B,EADF,eAEE,6BAAC,8CAAD;IAAU,SAAS,EAAEF,cAAA,CAAMG;EAA3B,EAFF,eAGE,6BAAC,8CAAD;IAAU,SAAS,EAAEH,cAAA,CAAMI;EAA3B,EAHF,CADK,gBAOL;IAAK,aAAU,QAAf;IAAwB,SAAS,EAAE,IAAAL,mBAAA,EAAWC,cAAA,CAAMK,SAAjB,EAA4BR,SAA5B;EAAnC,gBACE;IAAK,SAAS,EAAEG,cAAA,CAAMM;EAAtB,gBACE;IAAK,SAAS,EAAEN,cAAA,CAAMO;EAAtB,EADF,eAEE;IAAK,SAAS,EAAEP,cAAA,CAAMQ;EAAtB,EAFF,eAGE;IAAK,SAAS,EAAER,cAAA,CAAMS;EAAtB,EAHF,eAIE;IAAK,SAAS,EAAET,cAAA,CAAMU;EAAtB,EAJF,CADF,CAPF;AAgBD,CAjBD;;AAmBAd,MAAM,CAACe,SAAP,2CAAmB;EACjBd,SAAS,EAAEe,kBAAA,CAAUC,MADJ;EAEjBf,KAAK,EAAEc,kBAAA,CAAUE,KAAV,CAAgB,CAAC,SAAD,EAAY,cAAZ,CAAhB;AAFU,CAAnB;eAKelB,M"}
+{"version":3,"file":"index.js","names":["Loader","className","theme","classnames","style","cmLoaderContainer","cmLoaderGrey","cmLoaderLightGrey","cmLoaderBlue","container","dots","red","blue","green","yellow","propTypes","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;AACA;AACA;AACA;AACA;AAAgC;AAEhC,MAAMA,MAAM,GAAG,CAAC;EAACC,SAAS;EAAEC,KAAK,GAAG;AAAS,CAAC,KAAK;EACjD,OAAOA,KAAK,KAAK,SAAS,gBACxB;IAAK,aAAU,QAAQ;IAAC,SAAS,EAAE,IAAAC,mBAAU,EAACC,cAAK,CAACC,iBAAiB,EAAEJ,SAAS;EAAE,gBAChF,6BAAC,8CAAQ;IAAC,SAAS,EAAEG,cAAK,CAACE;EAAa,EAAG,eAC3C,6BAAC,8CAAQ;IAAC,SAAS,EAAEF,cAAK,CAACG;EAAkB,EAAG,eAChD,6BAAC,8CAAQ;IAAC,SAAS,EAAEH,cAAK,CAACI;EAAa,EAAG,CACvC,gBAEN;IAAK,aAAU,QAAQ;IAAC,SAAS,EAAE,IAAAL,mBAAU,EAACC,cAAK,CAACK,SAAS,EAAER,SAAS;EAAE,gBACxE;IAAK,SAAS,EAAEG,cAAK,CAACM;EAAK,gBACzB;IAAK,SAAS,EAAEN,cAAK,CAACO;EAAI,EAAG,eAC7B;IAAK,SAAS,EAAEP,cAAK,CAACQ;EAAK,EAAG,eAC9B;IAAK,SAAS,EAAER,cAAK,CAACS;EAAM,EAAG,eAC/B;IAAK,SAAS,EAAET,cAAK,CAACU;EAAO,EAAG,CAC5B,CAET;AACH,CAAC;AAEDd,MAAM,CAACe,SAAS,2CAAG;EACjBd,SAAS,EAAEe,kBAAS,CAACC,MAAM;EAC3Bf,KAAK,EAAEc,kBAAS,CAACE,KAAK,CAAC,CAAC,SAAS,EAAE,cAAc,CAAC;AACpD,CAAC;AAAC,eAEalB,MAAM;AAAA"}

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

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

package/lib/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,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"}
+{"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"}

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

@@ -2,19 +2,12 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _reactNativeAnimation = require("@coorpacademy/react-native-animation");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _templateContext = require("../../template/app-review/template-context");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const createStyleSheet = theme => _reactNative.StyleSheet.create({
   container: {
     alignItems: 'center',
@@ -36,10 +29,8 @@ const createStyleSheet = theme => _reactNative.StyleSheet.create({
     backgroundColor: theme.colors.battle
   }
 });
-
 const CYCLE_DURATION = 3000;
 const MIN_TIME = 1000;
-
 const Loader = props => {
   const templateContext = (0, _templateContext.useTemplateContext)();
   const {
@@ -65,7 +56,6 @@ const Loader = props => {
   } = props;
   (0, _react.useEffect)(() => {
     const _stylesheet = createStyleSheet(theme);
-
     setStylesheet(_stylesheet);
   }, [theme]);
   (0, _react.useEffect)(() => {
@@ -77,7 +67,6 @@ const Loader = props => {
     setTimeout(() => {
       setMinTimeSpent(true);
     }, MIN_TIME);
-
     const _animation = _reactNative.Animated.parallel([_reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.timing(scale, {
       toValue: 0,
       duration: 0,
@@ -107,23 +96,19 @@ const Loader = props => {
       useNativeDriver: false,
       easing: _reactNative.Easing.inOut(_reactNative.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]
@@ -201,7 +186,6 @@ const Loader = props => {
     }]
   })));
 };
-
 var _default = Loader;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","StyleSheet","create","container","alignItems","justifyContent","dot","position","blue","backgroundColor","colors","cta","red","negative","green","positive","yellow","battle","CYCLE_DURATION","MIN_TIME","Loader","props","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","hidden","setHidden","minTimeIsSpent","setMinTimeSpent","rotation","useRef","Animated","Value","current","scale","hideAnimation","useAnimateProp","property","fromValue","toValue","onComplete","height","color","readyToHide","useEffect","_stylesheet","start","setTimeout","_animation","parallel","loop","sequence","timing","duration","useNativeDriver","easing","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":["createStyleSheet","theme","StyleSheet","create","container","alignItems","justifyContent","dot","position","blue","backgroundColor","colors","cta","red","negative","green","positive","yellow","battle","CYCLE_DURATION","MIN_TIME","Loader","props","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","hidden","setHidden","minTimeIsSpent","setMinTimeSpent","rotation","useRef","Animated","Value","current","scale","hideAnimation","useAnimateProp","property","fromValue","toValue","onComplete","height","color","readyToHide","useEffect","_stylesheet","start","setTimeout","_animation","parallel","loop","sequence","timing","duration","useNativeDriver","easing","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/lib/atom/lottie-wrapper/index.js

@@ -2,35 +2,20 @@
 
 exports.__esModule = true;
 exports.fetchAndLoadAnimation = exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _lottieWeb = _interopRequireDefault(require("lottie-web"));
-
 var _includes = _interopRequireDefault(require("lodash/fp/includes"));
-
 var _isNil = _interopRequireDefault(require("lodash/fp/isNil"));
-
 var _keys = _interopRequireDefault(require("lodash/fp/keys"));
-
 var _omit = _interopRequireDefault(require("lodash/fp/omit"));
-
 var _isomorphicUnfetch = _interopRequireDefault(require("isomorphic-unfetch"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 var _propTypes = _interopRequireWildcard(require("./prop-types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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); }
-
 const fetchAndLoadAnimation = async (_lottie, _fetch, animationSrc, containerRef, loop, animationClassnames, hideOnTransparent, autoplay) => {
   const animationUrl = new URL(animationSrc).toString();
   const fetchResult = await _fetch(animationUrl, {
@@ -40,7 +25,6 @@ const fetchAndLoadAnimation = async (_lottie, _fetch, animationSrc, containerRef
     }
   });
   const animationData = await fetchResult.json();
-
   const animation = _lottie.loadAnimation && _lottie.loadAnimation({
     container: containerRef.current,
     // the dom element that will contain the animation
@@ -52,15 +36,12 @@ const fetchAndLoadAnimation = async (_lottie, _fetch, animationSrc, containerRef
       className: animationClassnames,
       hideOnTransparent,
       preserveAspectRatio: 'xMidYMid meet' // same options as a preserveAspectRatio prop
-
     }
   });
 
   return animation;
 };
-
 exports.fetchAndLoadAnimation = fetchAndLoadAnimation;
-
 const LottieWrapper = props => {
   const {
     className,
@@ -79,8 +60,9 @@ const LottieWrapper = props => {
     hideOnTransparent = true
   } = rendererSettings;
   const containerRef = (0, _react.useRef)(null);
-  const isCancelledRef = (0, _react.useRef)(null); // lottie's animation instance
+  const isCancelledRef = (0, _react.useRef)(null);
 
+  // lottie's animation instance
   const [animationItem, setAnimationItem] = (0, _react.useState)(null);
   const [isAnimationVisible, setIsAnimationVisible] = (0, _react.useState)(autoplay);
   const wrapperClassName = (0, _react.useMemo)(() => (0, _classnames.default)(className, _style.default.lottieContainer), [className]);
@@ -89,7 +71,6 @@ const LottieWrapper = props => {
     if ((0, _includes.default)(animationControl, (0, _keys.default)((0, _omit.default)('loading', _propTypes.ANIMATION_CONTROL))) && !autoplay) {
       setIsAnimationVisible(true);
       /* istanbul ignore next */
-
       if (animationItem) animationItem[animationControl]();
       if (animationControl === _propTypes.ANIMATION_CONTROL.stop) setIsAnimationVisible(false);
     }
@@ -103,13 +84,10 @@ const LottieWrapper = props => {
         (0, _isNil.default)(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 ? {
@@ -135,7 +113,6 @@ const LottieWrapper = props => {
     })
   }));
 };
-
 LottieWrapper.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
 var _default = LottieWrapper;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["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","useRef","isCancelledRef","animationItem","setAnimationItem","useState","isAnimationVisible","setIsAnimationVisible","wrapperClassName","useMemo","classnames","style","lottieContainer","lottieAnimationClassName","useEffect","includes","keys","omit","ANIMATION_CONTROL","stop","window","lottie","unfetch","isNil","destroy","name","accessibilityProps","role","maxWidth","maxHeight","opacity","transition","propTypes"],"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":["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","useRef","isCancelledRef","animationItem","setAnimationItem","useState","isAnimationVisible","setIsAnimationVisible","wrapperClassName","useMemo","classnames","style","lottieContainer","lottieAnimationClassName","useEffect","includes","keys","omit","ANIMATION_CONTROL","stop","window","lottie","unfetch","isNil","destroy","name","accessibilityProps","role","maxWidth","maxHeight","opacity","transition","propTypes"],"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/lib/atom/lottie-wrapper/prop-types.d.ts

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

package/lib/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,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"}
+{"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"}

package/lib/atom/lottie-wrapper/prop-types.js

@@ -2,13 +2,9 @@
 
 exports.__esModule = true;
 exports.default = exports.ANIMATION_CONTROL = void 0;
-
 var _keys = _interopRequireDefault(require("lodash/fp/keys"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const ANIMATION_CONTROL = {
   play: 'play',
   pause: 'pause',