@coorpacademy/components 10.17.0 → 10.17.1

package/README.md

@@ -116,7 +116,27 @@ const props = {
     height: 200,
     width: 200,
     ie11ImageBackup:
-      'https://static-staging.coorpacademy.com/animations/review/rank_icon_congrats.svg'
+      'https://static-staging.coorpacademy.com/animations/review/rank_icon_congrats.svg',
+    // autoplay: true // autoplay is true by default
+}
+```
+
+If you need to control the animation (play/pause/stop), then you must set autoplay to false &
+add your desired state, among the available states: `play, pause, stop, loading`
+
+```javascript
+const props = {
+    'aria-label': 'aria lottie',
+    'data-name': 'default-lottie',
+    className: undefined,
+    animationSrc: 'https://static-staging.coorpacademy.com/animations/review/rank.json',
+    loop: true,
+    height: 200,
+    width: 200,
+    ie11ImageBackup:
+      'https://static-staging.coorpacademy.com/animations/review/rank_icon_congrats.svg',
+    autoplay: false,
+    animationControl: 'loading' // play can be passed directly without using loading first
 }
 ```
 

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

@@ -7,8 +7,16 @@ import lottie from 'lottie-web';
 import get from 'lodash/fp/get';
 import has from 'lodash/fp/has';
 import includes from 'lodash/fp/includes';
+import keys from 'lodash/fp/keys';
+import omit from 'lodash/fp/omit';
 import unfetch from 'isomorphic-unfetch';
 import style from './style.css';
+export const ANIMATION_CONTROL = {
+  play: 'play',
+  pause: 'pause',
+  stop: 'stop',
+  loading: 'loading'
+};
 
 const isIE11 = () => {
   if (typeof window === 'undefined') return;
@@ -19,7 +27,7 @@ const isIE11 = () => {
   return hasMsCrypto || hasRevision && hasTrident;
 };
 
-export const fetchAndLoadAnimation = async (animationSrc, containerRef, loop, animationClassnames, hideOnTransparent, _lottie, _fetch) => {
+export const fetchAndLoadAnimation = async (_lottie, _fetch, animationSrc, containerRef, loop, animationClassnames, hideOnTransparent, autoplay) => {
   const animationUrl = new URL(animationSrc).toString();
   const fetchResult = await _fetch(animationUrl, {
     headers: {
@@ -33,7 +41,7 @@ export const fetchAndLoadAnimation = async (animationSrc, containerRef, loop, an
     container: containerRef.current,
     // the dom element that will contain the animation
     renderer: 'svg',
-    autoplay: true,
+    autoplay,
     loop,
     animationData,
     rendererSettings: {
@@ -58,29 +66,44 @@ const LottieWrapper = props => {
     width,
     height,
     ie11ImageBackup,
-    backupImageClassName
+    backupImageClassName,
+    autoplay = true,
+    animationControl
   } = props;
   const {
     className: animationClassName,
     hideOnTransparent = true
   } = rendererSettings;
-  const containerRef = useRef(null);
+  const containerRef = useRef(null); // lottie's animation instance
+
   const [animationItem, setAnimationItem] = useState(null);
+  const [isAnimationVisible, setIsAnimationVisible] = useState(autoplay);
 
   const _isIE11 = useMemo(() => isIE11(), []);
 
   const wrapperClassName = useMemo(() => classnames(className, style.lottieContainer), [className]);
   const lottieAnimationClassName = useMemo(() => classnames(animationClassName, style.animation), [animationClassName]);
   const ie11BackupImageClassName = useMemo(() => classnames(backupImageClassName, style.backupImage), [backupImageClassName]);
+  useEffect(() => {
+    // enzyme does not handle well the state update after an async useEffect in tests
+    // to remove when the migration towards @testing-library/react is done
+
+    /* istanbul ignore next */
+    if (animationItem && includes(animationControl, keys(omit('loading', ANIMATION_CONTROL))) && !autoplay) {
+      setIsAnimationVisible(true);
+      animationItem[animationControl]();
+      if (animationControl === ANIMATION_CONTROL.stop) setIsAnimationVisible(false);
+    }
+  }, [animationControl, animationItem, autoplay]);
   useEffect(() => {
     const loadAnimation = async () => {
       if (!_isIE11 && !animationItem) {
-        /* istanbul ignore next */
+        /* istanbul ignore else */
         if (typeof window !== 'undefined') {
           window.lottie = lottie;
         }
 
-        const animation = await fetchAndLoadAnimation(animationSrc, containerRef, loop, lottieAnimationClassName, hideOnTransparent, lottie, unfetch);
+        const animation = await fetchAndLoadAnimation(lottie, unfetch, animationSrc, containerRef, loop, lottieAnimationClassName, hideOnTransparent, autoplay);
         /* istanbul ignore next */
 
         setAnimationItem(animation);
@@ -91,18 +114,21 @@ const LottieWrapper = props => {
     return () => animationItem &&
     /* istanbul ignore next */
     lottie.destroy(animationItem.name);
-  }, [lottieAnimationClassName, containerRef, hideOnTransparent, loop, animationSrc, _isIE11, animationItem]);
+  }, [lottieAnimationClassName, containerRef, hideOnTransparent, loop, animationSrc, _isIE11, animationItem, autoplay]);
   return /*#__PURE__*/React.createElement("div", {
     ref: containerRef,
     "aria-label": ariaLabel,
     "data-name": dataName,
     className: wrapperClassName,
-    style: _extends(_extends({}, width && {
+    style: _extends(_extends(_extends({}, width && {
       width: `${width}px`,
       maxWidth: `${width}px`
     }), height && {
       height: `${height}px`,
       maxHeight: `${height}px`
+    }), {}, {
+      opacity: isAnimationVisible ? 1 : 0,
+      transition: 'opacity 0.25s ease-in'
     })
   }, _isIE11 ? /*#__PURE__*/React.createElement("img", {
     src: ie11ImageBackup,
@@ -124,7 +150,9 @@ LottieWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
   width: PropTypes.number,
   className: PropTypes.string,
   ie11ImageBackup: PropTypes.string.isRequired,
-  backupImageClassName: PropTypes.string
+  backupImageClassName: PropTypes.string,
+  autoplay: PropTypes.bool,
+  animationControl: PropTypes.oneOf(keys(ANIMATION_CONTROL))
 } : {};
 export default LottieWrapper;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/lottie-wrapper/index.js"],"names":["React","useMemo","useRef","useEffect","useState","PropTypes","classnames","lottie","get","has","includes","unfetch","style","isIE11","window","userAgent","hasMsCrypto","hasRevision","hasTrident","fetchAndLoadAnimation","animationSrc","containerRef","loop","animationClassnames","hideOnTransparent","_lottie","_fetch","animationUrl","URL","toString","fetchResult","headers","animationData","json","animation","loadAnimation","container","current","renderer","autoplay","rendererSettings","className","preserveAspectRatio","LottieWrapper","props","dataName","ariaLabel","width","height","ie11ImageBackup","backupImageClassName","animationClassName","animationItem","setAnimationItem","_isIE11","wrapperClassName","lottieContainer","lottieAnimationClassName","ie11BackupImageClassName","backupImage","destroy","name","maxWidth","maxHeight","propTypes","string","isRequired","bool","shape","number"],"mappings":"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","sourcesContent":["import React, {useMemo, useRef, useEffect, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport lottie from 'lottie-web';\nimport get from 'lodash/fp/get';\nimport has from 'lodash/fp/has';\nimport includes from 'lodash/fp/includes';\nimport unfetch from 'isomorphic-unfetch';\nimport style from './style.css';\n\nconst isIE11 = () => {\n  if (typeof window === 'undefined') return;\n  const userAgent = get('navigator.userAgent', window);\n  const hasMsCrypto = has('msCrypto', window);\n  const hasRevision = includes('rv:', userAgent);\n  const hasTrident = includes('Trident/', userAgent);\n\n  return hasMsCrypto || (hasRevision && hasTrident);\n};\n\nexport const fetchAndLoadAnimation = async (\n  animationSrc,\n  containerRef,\n  loop,\n  animationClassnames,\n  hideOnTransparent,\n  _lottie,\n  _fetch\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 = _lottie.loadAnimation({\n    container: containerRef.current, // the dom element that will contain the animation\n    renderer: 'svg',\n    autoplay: true,\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    ie11ImageBackup,\n    backupImageClassName\n  } = props;\n\n  const {className: animationClassName, hideOnTransparent = true} = rendererSettings;\n\n  const containerRef = useRef(null);\n\n  const [animationItem, setAnimationItem] = useState(null);\n\n  const _isIE11 = useMemo(() => isIE11(), []);\n\n  const wrapperClassName = useMemo(() => classnames(className, style.lottieContainer), [className]);\n\n  const lottieAnimationClassName = useMemo(() => classnames(animationClassName, style.animation), [\n    animationClassName\n  ]);\n\n  const ie11BackupImageClassName = useMemo(\n    () => classnames(backupImageClassName, style.backupImage),\n    [backupImageClassName]\n  );\n\n  useEffect(() => {\n    const loadAnimation = async () => {\n      if (!_isIE11 && !animationItem) {\n        /* istanbul ignore next */\n        if (typeof window !== 'undefined') {\n          window.lottie = lottie;\n        }\n        const animation = await fetchAndLoadAnimation(\n          animationSrc,\n          containerRef,\n          loop,\n          lottieAnimationClassName,\n          hideOnTransparent,\n          lottie,\n          unfetch\n        );\n\n        /* istanbul ignore next */\n        setAnimationItem(animation);\n      }\n    };\n\n    loadAnimation();\n    return () => animationItem && /* istanbul ignore next */ lottie.destroy(animationItem.name);\n  }, [\n    lottieAnimationClassName,\n    containerRef,\n    hideOnTransparent,\n    loop,\n    animationSrc,\n    _isIE11,\n    animationItem\n  ]);\n\n  return (\n    <div\n      ref={containerRef}\n      aria-label={ariaLabel}\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      }}\n    >\n      {_isIE11 ? (\n        <img\n          src={ie11ImageBackup}\n          className={ie11BackupImageClassName}\n          data-name=\"ie11-backup-image\"\n        />\n      ) : null}\n    </div>\n  );\n};\n\nLottieWrapper.propTypes = {\n  'aria-label': PropTypes.string.isRequired,\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  ie11ImageBackup: PropTypes.string.isRequired,\n  backupImageClassName: PropTypes.string\n};\n\nexport default LottieWrapper;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/lottie-wrapper/index.js"],"names":["React","useMemo","useRef","useEffect","useState","PropTypes","classnames","lottie","get","has","includes","keys","omit","unfetch","style","ANIMATION_CONTROL","play","pause","stop","loading","isIE11","window","userAgent","hasMsCrypto","hasRevision","hasTrident","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","ie11ImageBackup","backupImageClassName","animationControl","animationClassName","animationItem","setAnimationItem","isAnimationVisible","setIsAnimationVisible","_isIE11","wrapperClassName","lottieContainer","lottieAnimationClassName","ie11BackupImageClassName","backupImage","destroy","name","maxWidth","maxHeight","opacity","transition","propTypes","string","isRequired","bool","shape","number","oneOf"],"mappings":"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","sourcesContent":["import React, {useMemo, useRef, useEffect, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport lottie from 'lottie-web';\nimport get from 'lodash/fp/get';\nimport has from 'lodash/fp/has';\nimport includes from 'lodash/fp/includes';\nimport keys from 'lodash/fp/keys';\nimport omit from 'lodash/fp/omit';\nimport unfetch from 'isomorphic-unfetch';\nimport style from './style.css';\n\nexport const ANIMATION_CONTROL = {\n  play: 'play',\n  pause: 'pause',\n  stop: 'stop',\n  loading: 'loading'\n};\n\nconst isIE11 = () => {\n  if (typeof window === 'undefined') return;\n  const userAgent = get('navigator.userAgent', window);\n  const hasMsCrypto = has('msCrypto', window);\n  const hasRevision = includes('rv:', userAgent);\n  const hasTrident = includes('Trident/', userAgent);\n\n  return hasMsCrypto || (hasRevision && hasTrident);\n};\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 = _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    ie11ImageBackup,\n    backupImageClassName,\n    autoplay = true,\n    animationControl\n  } = props;\n\n  const {className: animationClassName, hideOnTransparent = true} = rendererSettings;\n\n  const containerRef = useRef(null);\n\n  // lottie's animation instance\n  const [animationItem, setAnimationItem] = useState(null);\n\n  const [isAnimationVisible, setIsAnimationVisible] = useState(autoplay);\n\n  const _isIE11 = useMemo(() => isIE11(), []);\n\n  const wrapperClassName = useMemo(() => classnames(className, style.lottieContainer), [className]);\n\n  const lottieAnimationClassName = useMemo(() => classnames(animationClassName, style.animation), [\n    animationClassName\n  ]);\n\n  const ie11BackupImageClassName = useMemo(\n    () => classnames(backupImageClassName, style.backupImage),\n    [backupImageClassName]\n  );\n\n  useEffect(() => {\n    // enzyme does not handle well the state update after an async useEffect in tests\n    // to remove when the migration towards @testing-library/react is done\n    /* istanbul ignore next */\n    if (\n      animationItem &&\n      includes(animationControl, keys(omit('loading', ANIMATION_CONTROL))) &&\n      !autoplay\n    ) {\n      setIsAnimationVisible(true);\n      animationItem[animationControl]();\n      if (animationControl === ANIMATION_CONTROL.stop) setIsAnimationVisible(false);\n    }\n  }, [animationControl, animationItem, autoplay]);\n\n  useEffect(() => {\n    const loadAnimation = async () => {\n      if (!_isIE11 && !animationItem) {\n        /* istanbul ignore else */\n        if (typeof window !== 'undefined') {\n          window.lottie = lottie;\n        }\n        const animation = await fetchAndLoadAnimation(\n          lottie,\n          unfetch,\n          animationSrc,\n          containerRef,\n          loop,\n          lottieAnimationClassName,\n          hideOnTransparent,\n          autoplay\n        );\n\n        /* istanbul ignore next */\n        setAnimationItem(animation);\n      }\n    };\n\n    loadAnimation();\n    return () => animationItem && /* istanbul ignore next */ lottie.destroy(animationItem.name);\n  }, [\n    lottieAnimationClassName,\n    containerRef,\n    hideOnTransparent,\n    loop,\n    animationSrc,\n    _isIE11,\n    animationItem,\n    autoplay\n  ]);\n\n  return (\n    <div\n      ref={containerRef}\n      aria-label={ariaLabel}\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      {_isIE11 ? (\n        <img\n          src={ie11ImageBackup}\n          className={ie11BackupImageClassName}\n          data-name=\"ie11-backup-image\"\n        />\n      ) : null}\n    </div>\n  );\n};\n\nLottieWrapper.propTypes = {\n  'aria-label': PropTypes.string.isRequired,\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  ie11ImageBackup: PropTypes.string.isRequired,\n  backupImageClassName: PropTypes.string,\n  autoplay: PropTypes.bool,\n  animationControl: PropTypes.oneOf(keys(ANIMATION_CONTROL))\n};\n\nexport default LottieWrapper;\n"],"file":"index.js"}

package/es/atom/lottie-wrapper/test/fixtures/confetti.js

@@ -5,13 +5,15 @@ export default {
     className: undefined,
     animationSrc: 'https://static-staging.coorpacademy.com/animations/review/confetti.json',
     loop: undefined,
+    autoplay: true,
     rendererSettings: {
       hideOnTransparent: false,
       animationClassName: ''
     },
     height: 600,
     width: 1000,
-    ie11ImageBackup: 'https://static-staging.coorpacademy.com/animations/review/conffeti_congrats.svg'
+    ie11ImageBackup: 'https://static-staging.coorpacademy.com/animations/review/conffeti_congrats.svg',
+    animationControl: undefined
   }
 };
 //# sourceMappingURL=confetti.js.map

package/es/atom/lottie-wrapper/test/fixtures/confetti.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/atom/lottie-wrapper/test/fixtures/confetti.js"],"names":["props","className","undefined","animationSrc","loop","rendererSettings","hideOnTransparent","animationClassName","height","width","ie11ImageBackup"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc,aADT;AAEL,iBAAa,gBAFR;AAGLC,IAAAA,SAAS,EAAEC,SAHN;AAILC,IAAAA,YAAY,EAAE,yEAJT;AAKLC,IAAAA,IAAI,EAAEF,SALD;AAMLG,IAAAA,gBAAgB,EAAE;AAChBC,MAAAA,iBAAiB,EAAE,KADH;AAEhBC,MAAAA,kBAAkB,EAAE;AAFJ,KANb;AAULC,IAAAA,MAAM,EAAE,GAVH;AAWLC,IAAAA,KAAK,EAAE,IAXF;AAYLC,IAAAA,eAAe,EACb;AAbG;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    'aria-label': 'aria lottie',\n    'data-name': 'default-lottie',\n    className: undefined,\n    animationSrc: 'https://static-staging.coorpacademy.com/animations/review/confetti.json',\n    loop: undefined,\n    rendererSettings: {\n      hideOnTransparent: false,\n      animationClassName: ''\n    },\n    height: 600,\n    width: 1000,\n    ie11ImageBackup:\n      'https://static-staging.coorpacademy.com/animations/review/conffeti_congrats.svg'\n  }\n};\n"],"file":"confetti.js"}
+{"version":3,"sources":["../../../../../src/atom/lottie-wrapper/test/fixtures/confetti.js"],"names":["props","className","undefined","animationSrc","loop","autoplay","rendererSettings","hideOnTransparent","animationClassName","height","width","ie11ImageBackup","animationControl"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc,aADT;AAEL,iBAAa,gBAFR;AAGLC,IAAAA,SAAS,EAAEC,SAHN;AAILC,IAAAA,YAAY,EAAE,yEAJT;AAKLC,IAAAA,IAAI,EAAEF,SALD;AAMLG,IAAAA,QAAQ,EAAE,IANL;AAOLC,IAAAA,gBAAgB,EAAE;AAChBC,MAAAA,iBAAiB,EAAE,KADH;AAEhBC,MAAAA,kBAAkB,EAAE;AAFJ,KAPb;AAWLC,IAAAA,MAAM,EAAE,GAXH;AAYLC,IAAAA,KAAK,EAAE,IAZF;AAaLC,IAAAA,eAAe,EACb,iFAdG;AAeLC,IAAAA,gBAAgB,EAAEV;AAfb;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    'aria-label': 'aria lottie',\n    'data-name': 'default-lottie',\n    className: undefined,\n    animationSrc: 'https://static-staging.coorpacademy.com/animations/review/confetti.json',\n    loop: undefined,\n    autoplay: true,\n    rendererSettings: {\n      hideOnTransparent: false,\n      animationClassName: ''\n    },\n    height: 600,\n    width: 1000,\n    ie11ImageBackup:\n      'https://static-staging.coorpacademy.com/animations/review/conffeti_congrats.svg',\n    animationControl: undefined\n  }\n};\n"],"file":"confetti.js"}

package/es/atom/lottie-wrapper/test/fixtures/controls.js

@@ -0,0 +1,10 @@
+function _extends() { _extends = Object.assign || 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 defaultProps from './default';
+export default {
+  props: _extends(_extends({}, defaultProps.props), {}, {
+    autoplay: false,
+    animationControl: 'loading'
+  })
+};
+//# sourceMappingURL=controls.js.map

package/es/atom/lottie-wrapper/test/fixtures/controls.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/lottie-wrapper/test/fixtures/controls.js"],"names":["defaultProps","props","autoplay","animationControl"],"mappings":";;AAAA,OAAOA,YAAP,MAAyB,WAAzB;AAEA,eAAe;AACbC,EAAAA,KAAK,wBACAD,YAAY,CAACC,KADb;AAEHC,IAAAA,QAAQ,EAAE,KAFP;AAGHC,IAAAA,gBAAgB,EAAE;AAHf;AADQ,CAAf","sourcesContent":["import defaultProps from './default';\n\nexport default {\n  props: {\n    ...defaultProps.props,\n    autoplay: false,\n    animationControl: 'loading'\n  }\n};\n"],"file":"controls.js"}

package/es/atom/lottie-wrapper/test/fixtures/default.js

@@ -5,13 +5,15 @@ export default {
     className: undefined,
     animationSrc: 'https://static-staging.coorpacademy.com/animations/review/star.json',
     loop: false,
+    autoplay: undefined,
     rendererSettings: {
       hideOnTransparent: false,
       animationClassName: ''
     },
     height: 200,
     width: 200,
-    ie11ImageBackup: 'https://static-staging.coorpacademy.com/animations/review/stars_icon_congrats.svg'
+    ie11ImageBackup: 'https://static-staging.coorpacademy.com/animations/review/stars_icon_congrats.svg',
+    animationControl: undefined
   }
 };
 //# sourceMappingURL=default.js.map

package/es/atom/lottie-wrapper/test/fixtures/default.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/atom/lottie-wrapper/test/fixtures/default.js"],"names":["props","className","undefined","animationSrc","loop","rendererSettings","hideOnTransparent","animationClassName","height","width","ie11ImageBackup"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc,aADT;AAEL,iBAAa,gBAFR;AAGLC,IAAAA,SAAS,EAAEC,SAHN;AAILC,IAAAA,YAAY,EAAE,qEAJT;AAKLC,IAAAA,IAAI,EAAE,KALD;AAMLC,IAAAA,gBAAgB,EAAE;AAChBC,MAAAA,iBAAiB,EAAE,KADH;AAEhBC,MAAAA,kBAAkB,EAAE;AAFJ,KANb;AAULC,IAAAA,MAAM,EAAE,GAVH;AAWLC,IAAAA,KAAK,EAAE,GAXF;AAYLC,IAAAA,eAAe,EACb;AAbG;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    'aria-label': 'aria lottie',\n    'data-name': 'default-lottie',\n    className: undefined,\n    animationSrc: 'https://static-staging.coorpacademy.com/animations/review/star.json',\n    loop: false,\n    rendererSettings: {\n      hideOnTransparent: false,\n      animationClassName: ''\n    },\n    height: 200,\n    width: 200,\n    ie11ImageBackup:\n      'https://static-staging.coorpacademy.com/animations/review/stars_icon_congrats.svg'\n  }\n};\n"],"file":"default.js"}
+{"version":3,"sources":["../../../../../src/atom/lottie-wrapper/test/fixtures/default.js"],"names":["props","className","undefined","animationSrc","loop","autoplay","rendererSettings","hideOnTransparent","animationClassName","height","width","ie11ImageBackup","animationControl"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc,aADT;AAEL,iBAAa,gBAFR;AAGLC,IAAAA,SAAS,EAAEC,SAHN;AAILC,IAAAA,YAAY,EAAE,qEAJT;AAKLC,IAAAA,IAAI,EAAE,KALD;AAMLC,IAAAA,QAAQ,EAAEH,SANL;AAOLI,IAAAA,gBAAgB,EAAE;AAChBC,MAAAA,iBAAiB,EAAE,KADH;AAEhBC,MAAAA,kBAAkB,EAAE;AAFJ,KAPb;AAWLC,IAAAA,MAAM,EAAE,GAXH;AAYLC,IAAAA,KAAK,EAAE,GAZF;AAaLC,IAAAA,eAAe,EACb,mFAdG;AAeLC,IAAAA,gBAAgB,EAAEV;AAfb;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    'aria-label': 'aria lottie',\n    'data-name': 'default-lottie',\n    className: undefined,\n    animationSrc: 'https://static-staging.coorpacademy.com/animations/review/star.json',\n    loop: false,\n    autoplay: undefined,\n    rendererSettings: {\n      hideOnTransparent: false,\n      animationClassName: ''\n    },\n    height: 200,\n    width: 200,\n    ie11ImageBackup:\n      'https://static-staging.coorpacademy.com/animations/review/stars_icon_congrats.svg',\n    animationControl: undefined\n  }\n};\n"],"file":"default.js"}

package/es/atom/lottie-wrapper/test/fixtures/rank.js

@@ -5,9 +5,11 @@ export default {
     className: undefined,
     animationSrc: 'https://static-staging.coorpacademy.com/animations/review/rank.json',
     loop: true,
+    autoplay: true,
     height: 200,
     width: 200,
-    ie11ImageBackup: 'https://static-staging.coorpacademy.com/animations/review/rank_icon_congrats.svg'
+    ie11ImageBackup: 'https://static-staging.coorpacademy.com/animations/review/rank_icon_congrats.svg',
+    animationControl: undefined
   }
 };
 //# sourceMappingURL=rank.js.map

package/es/atom/lottie-wrapper/test/fixtures/rank.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/atom/lottie-wrapper/test/fixtures/rank.js"],"names":["props","className","undefined","animationSrc","loop","height","width","ie11ImageBackup"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc,aADT;AAEL,iBAAa,gBAFR;AAGLC,IAAAA,SAAS,EAAEC,SAHN;AAILC,IAAAA,YAAY,EAAE,qEAJT;AAKLC,IAAAA,IAAI,EAAE,IALD;AAMLC,IAAAA,MAAM,EAAE,GANH;AAOLC,IAAAA,KAAK,EAAE,GAPF;AAQLC,IAAAA,eAAe,EACb;AATG;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    'aria-label': 'aria lottie',\n    'data-name': 'default-lottie',\n    className: undefined,\n    animationSrc: 'https://static-staging.coorpacademy.com/animations/review/rank.json',\n    loop: true,\n    height: 200,\n    width: 200,\n    ie11ImageBackup:\n      'https://static-staging.coorpacademy.com/animations/review/rank_icon_congrats.svg'\n  }\n};\n"],"file":"rank.js"}
+{"version":3,"sources":["../../../../../src/atom/lottie-wrapper/test/fixtures/rank.js"],"names":["props","className","undefined","animationSrc","loop","autoplay","height","width","ie11ImageBackup","animationControl"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc,aADT;AAEL,iBAAa,gBAFR;AAGLC,IAAAA,SAAS,EAAEC,SAHN;AAILC,IAAAA,YAAY,EAAE,qEAJT;AAKLC,IAAAA,IAAI,EAAE,IALD;AAMLC,IAAAA,QAAQ,EAAE,IANL;AAOLC,IAAAA,MAAM,EAAE,GAPH;AAQLC,IAAAA,KAAK,EAAE,GARF;AASLC,IAAAA,eAAe,EACb,kFAVG;AAWLC,IAAAA,gBAAgB,EAAEP;AAXb;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    'aria-label': 'aria lottie',\n    'data-name': 'default-lottie',\n    className: undefined,\n    animationSrc: 'https://static-staging.coorpacademy.com/animations/review/rank.json',\n    loop: true,\n    autoplay: true,\n    height: 200,\n    width: 200,\n    ie11ImageBackup:\n      'https://static-staging.coorpacademy.com/animations/review/rank_icon_congrats.svg',\n    animationControl: undefined\n  }\n};\n"],"file":"rank.js"}

package/es/atom/lottie-wrapper/test/fixtures.js

@@ -3,6 +3,7 @@ import forEach from 'lodash/forEach';
 import renderComponentMacro from '../../../test/helpers/render-component';
 import AtomLottieWrapper from '..';
 import fixtureConfetti from './fixtures/confetti';
+import fixtureControls from './fixtures/controls';
 import fixtureDefault from './fixtures/default';
 import fixtureRank from './fixtures/rank';
 test('Atom › AtomLottieWrapper > should have valid propTypes', t => {
@@ -12,6 +13,7 @@ test('Atom › AtomLottieWrapper > should have valid propTypes', t => {
   });
 });
 test('Atom › AtomLottieWrapper › Confetti › should be rendered', renderComponentMacro, AtomLottieWrapper, fixtureConfetti);
+test('Atom › AtomLottieWrapper › Controls › should be rendered', renderComponentMacro, AtomLottieWrapper, fixtureControls);
 test('Atom › AtomLottieWrapper › Default › should be rendered', renderComponentMacro, AtomLottieWrapper, fixtureDefault);
 test('Atom › AtomLottieWrapper › Rank › should be rendered', renderComponentMacro, AtomLottieWrapper, fixtureRank);
 //# sourceMappingURL=fixtures.js.map

package/es/atom/lottie-wrapper/test/fixtures.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/atom/lottie-wrapper/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomLottieWrapper","fixtureConfetti","fixtureDefault","fixtureRank","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,iBAAP,MAA8B,IAA9B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AAEAN,IAAI,CAAC,wDAAD,EAA2DO,CAAC,IAAI;AAClEA,EAAAA,CAAC,CAACC,IAAF;AACAP,EAAAA,OAAO,CAACE,iBAAiB,CAACM,SAAnB,EAA8B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACnDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kDAAiDF,GAAI,mEAA9E;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAX,IAAI,CAAC,0DAAD,EAA6DE,oBAA7D,EAAmFC,iBAAnF,EAAsGC,eAAtG,CAAJ;AACAJ,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,iBAAlF,EAAqGE,cAArG,CAAJ;AACAL,IAAI,CAAC,sDAAD,EAAyDE,oBAAzD,EAA+EC,iBAA/E,EAAkGG,WAAlG,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomLottieWrapper from '..';\nimport fixtureConfetti from './fixtures/confetti';\nimport fixtureDefault from './fixtures/default';\nimport fixtureRank from './fixtures/rank';\n\ntest('Atom › AtomLottieWrapper > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomLottieWrapper.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomLottieWrapper.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomLottieWrapper › Confetti › should be rendered', renderComponentMacro, AtomLottieWrapper, fixtureConfetti);\ntest('Atom › AtomLottieWrapper › Default › should be rendered', renderComponentMacro, AtomLottieWrapper, fixtureDefault);\ntest('Atom › AtomLottieWrapper › Rank › should be rendered', renderComponentMacro, AtomLottieWrapper, fixtureRank);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../src/atom/lottie-wrapper/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomLottieWrapper","fixtureConfetti","fixtureControls","fixtureDefault","fixtureRank","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,iBAAP,MAA8B,IAA9B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AAEAP,IAAI,CAAC,wDAAD,EAA2DQ,CAAC,IAAI;AAClEA,EAAAA,CAAC,CAACC,IAAF;AACAR,EAAAA,OAAO,CAACE,iBAAiB,CAACO,SAAnB,EAA8B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACnDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kDAAiDF,GAAI,mEAA9E;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAZ,IAAI,CAAC,0DAAD,EAA6DE,oBAA7D,EAAmFC,iBAAnF,EAAsGC,eAAtG,CAAJ;AACAJ,IAAI,CAAC,0DAAD,EAA6DE,oBAA7D,EAAmFC,iBAAnF,EAAsGE,eAAtG,CAAJ;AACAL,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,iBAAlF,EAAqGG,cAArG,CAAJ;AACAN,IAAI,CAAC,sDAAD,EAAyDE,oBAAzD,EAA+EC,iBAA/E,EAAkGI,WAAlG,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomLottieWrapper from '..';\nimport fixtureConfetti from './fixtures/confetti';\nimport fixtureControls from './fixtures/controls';\nimport fixtureDefault from './fixtures/default';\nimport fixtureRank from './fixtures/rank';\n\ntest('Atom › AtomLottieWrapper > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomLottieWrapper.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomLottieWrapper.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomLottieWrapper › Confetti › should be rendered', renderComponentMacro, AtomLottieWrapper, fixtureConfetti);\ntest('Atom › AtomLottieWrapper › Controls › should be rendered', renderComponentMacro, AtomLottieWrapper, fixtureControls);\ntest('Atom › AtomLottieWrapper › Default › should be rendered', renderComponentMacro, AtomLottieWrapper, fixtureDefault);\ntest('Atom › AtomLottieWrapper › Rank › should be rendered', renderComponentMacro, AtomLottieWrapper, fixtureRank);\n"],"file":"fixtures.js"}

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

@@ -1,20 +1,44 @@
+function _extends() { _extends = Object.assign || 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 browserEnv from 'browser-env';
 import test from 'ava';
 import React from 'react';
-import { mount, configure } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import { render, cleanup } from '@testing-library/react';
 import LottieWrapper, { fetchAndLoadAnimation } from '..';
 import starFixture from './fixtures/default';
+import controlsFixture from './fixtures/controls';
 browserEnv();
-configure({
-  adapter: new Adapter()
-});
+test.afterEach(cleanup);
 test('should update && load the animation, should clean up after unmount', t => {
-  const wrapper = mount( /*#__PURE__*/React.createElement(LottieWrapper, starFixture.props));
-  wrapper.update();
-  const backupImage = wrapper.find('[data-name="ie11-backup-image"]');
-  t.false(backupImage.at(0).exists());
-  wrapper.unmount();
+  const {
+    container,
+    rerender,
+    unmount
+  } = render( /*#__PURE__*/React.createElement(LottieWrapper, starFixture.props));
+  rerender( /*#__PURE__*/React.createElement(LottieWrapper, starFixture.props));
+  const wrapper = container.querySelectorAll('[data-name="default-lottie"]');
+  t.truthy(wrapper);
+  const backupImage = wrapper[0].querySelector('[data-name="ie11-backup-image"]');
+  t.falsy(backupImage);
+  unmount();
+  t.pass();
+});
+test('lottie controls: should update && load the animation, should clean up after unmount', t => {
+  const props = _extends(_extends({}, controlsFixture.props), {}, {
+    animationControl: 'play'
+  });
+
+  const {
+    container,
+    rerender,
+    unmount
+  } = render( /*#__PURE__*/React.createElement(LottieWrapper, props));
+  rerender( /*#__PURE__*/React.createElement(LottieWrapper, props));
+  const wrapper = container.querySelectorAll('[data-name="default-lottie"]');
+  t.truthy(wrapper);
+  const backupImage = wrapper[0].querySelector('[data-name="ie11-backup-image"]');
+  t.falsy(backupImage);
+  unmount();
   t.pass();
 });
 test('ie11: should load an image in place of the animation', t => {
@@ -25,17 +49,23 @@ test('ie11: should load an image in place of the animation', t => {
     return 'Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) like Gecko';
   });
 
-  const wrapper = mount( /*#__PURE__*/React.createElement(LottieWrapper, starFixture.props));
-  wrapper.update();
-  const backupImage = wrapper.find('[data-name="ie11-backup-image"]');
-  t.true(backupImage.at(0).exists());
-  wrapper.unmount();
+  const {
+    container,
+    rerender,
+    unmount
+  } = render( /*#__PURE__*/React.createElement(LottieWrapper, starFixture.props));
+  rerender( /*#__PURE__*/React.createElement(LottieWrapper, starFixture.props));
+  const wrapper = container.querySelectorAll('[data-name="default-lottie"]');
+  t.truthy(wrapper);
+  const backupImage = wrapper[0].querySelector('[data-name="ie11-backup-image"]');
+  t.truthy(backupImage);
   delete window.msCrypto; // eslint-disable-next-line lodash-fp/prefer-constant
 
   window.navigator.__defineGetter__('userAgent', function () {
     return 'Mozilla/5.0 (darwin) AppleWebKit/537.36 (KHTML, like Gecko) jsdom/13.2.0';
   });
 
+  unmount();
   t.pass();
 });
 test('other browser: should not load an image in place of the animation', t => {
@@ -44,15 +74,22 @@ test('other browser: should not load an image in place of the animation', t => {
     return 'Mozilla/5.0 (other stuff; rv:77.0) like Gecko';
   });
 
-  const wrapper = mount( /*#__PURE__*/React.createElement(LottieWrapper, starFixture.props));
-  const backupImage = wrapper.find('[data-name="ie11-backup-image"]');
-  t.false(backupImage.at(0).exists());
-  wrapper.unmount(); // eslint-disable-next-line lodash-fp/prefer-constant
+  const {
+    container,
+    rerender,
+    unmount
+  } = render( /*#__PURE__*/React.createElement(LottieWrapper, starFixture.props));
+  rerender( /*#__PURE__*/React.createElement(LottieWrapper, starFixture.props));
+  const wrapper = container.querySelectorAll('[data-name="default-lottie"]');
+  t.truthy(wrapper);
+  const backupImage = wrapper[0].querySelector('[data-name="ie11-backup-image"]');
+  t.falsy(backupImage); // eslint-disable-next-line lodash-fp/prefer-constant
 
   window.navigator.__defineGetter__('userAgent', function () {
     return 'Mozilla/5.0 (darwin) AppleWebKit/537.36 (KHTML, like Gecko) jsdom/13.2.0';
   });
 
+  unmount();
   t.pass();
 });
 test('fetchAndLoadAnimation', async t => {
@@ -76,7 +113,7 @@ test('fetchAndLoadAnimation', async t => {
     };
   };
 
-  const animation = await fetchAndLoadAnimation(props.animationSrc, '123456', true, 'test', true, _lottie, _fetch);
+  const animation = await fetchAndLoadAnimation(_lottie, _fetch, props.animationSrc, '123456', true, 'test', true);
   t.is(animation.name, 'animation');
 });
 //# sourceMappingURL=lottie.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/atom/lottie-wrapper/test/lottie.js"],"names":["browserEnv","test","React","mount","configure","Adapter","LottieWrapper","fetchAndLoadAnimation","starFixture","adapter","t","wrapper","props","update","backupImage","find","false","at","exists","unmount","pass","window","msCrypto","navigator","__defineGetter__","true","plan","_lottie","loadAnimation","name","_fetch","json","animationData","animation","animationSrc","is"],"mappings":"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","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {mount, configure} from 'enzyme';\nimport Adapter from 'enzyme-adapter-react-16';\nimport LottieWrapper, {fetchAndLoadAnimation} from '..';\nimport starFixture from './fixtures/default';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\n\ntest('should update && load the animation, should clean up after unmount', t => {\n  const wrapper = mount(<LottieWrapper {...starFixture.props} />);\n\n  wrapper.update();\n\n  const backupImage = wrapper.find('[data-name=\"ie11-backup-image\"]');\n  t.false(backupImage.at(0).exists());\n\n  wrapper.unmount();\n\n  t.pass();\n});\n\ntest('ie11: should load an image in place of the animation', t => {\n  window.msCrypto = () => {};\n  // eslint-disable-next-line lodash-fp/prefer-constant\n  window.navigator.__defineGetter__('userAgent', function () {\n    return 'Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) like Gecko';\n  });\n\n  const wrapper = mount(<LottieWrapper {...starFixture.props} />);\n\n  wrapper.update();\n\n  const backupImage = wrapper.find('[data-name=\"ie11-backup-image\"]');\n  t.true(backupImage.at(0).exists());\n\n  wrapper.unmount();\n\n  delete window.msCrypto;\n  // eslint-disable-next-line lodash-fp/prefer-constant\n  window.navigator.__defineGetter__('userAgent', function () {\n    return 'Mozilla/5.0 (darwin) AppleWebKit/537.36 (KHTML, like Gecko) jsdom/13.2.0';\n  });\n\n  t.pass();\n});\n\ntest('other browser: should not load an image in place of the animation', t => {\n  // eslint-disable-next-line lodash-fp/prefer-constant\n  window.navigator.__defineGetter__('userAgent', function () {\n    return 'Mozilla/5.0 (other stuff; rv:77.0) like Gecko';\n  });\n\n  const wrapper = mount(<LottieWrapper {...starFixture.props} />);\n\n  const backupImage = wrapper.find('[data-name=\"ie11-backup-image\"]');\n  t.false(backupImage.at(0).exists());\n\n  wrapper.unmount();\n\n  // eslint-disable-next-line lodash-fp/prefer-constant\n  window.navigator.__defineGetter__('userAgent', function () {\n    return 'Mozilla/5.0 (darwin) AppleWebKit/537.36 (KHTML, like Gecko) jsdom/13.2.0';\n  });\n\n  t.pass();\n});\n\ntest('fetchAndLoadAnimation', async t => {\n  t.plan(3);\n  const props = starFixture.props;\n  const _lottie = {\n    loadAnimation: () => {\n      t.pass();\n      return {name: 'animation'};\n    }\n  };\n  const _fetch = () => {\n    t.pass();\n    return {\n      json: () => ({\n        animationData: 'some value'\n      })\n    };\n  };\n  const animation = await fetchAndLoadAnimation(\n    props.animationSrc,\n    '123456',\n    true,\n    'test',\n    true,\n    _lottie,\n    _fetch\n  );\n\n  t.is(animation.name, 'animation');\n});\n"],"file":"lottie.js"}
+{"version":3,"sources":["../../../../src/atom/lottie-wrapper/test/lottie.js"],"names":["browserEnv","test","React","render","cleanup","LottieWrapper","fetchAndLoadAnimation","starFixture","controlsFixture","afterEach","t","container","rerender","unmount","props","wrapper","querySelectorAll","truthy","backupImage","querySelector","falsy","pass","animationControl","window","msCrypto","navigator","__defineGetter__","plan","_lottie","loadAnimation","name","_fetch","json","animationData","animation","animationSrc","is"],"mappings":"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","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {render, cleanup} from '@testing-library/react';\nimport LottieWrapper, {fetchAndLoadAnimation} from '..';\nimport starFixture from './fixtures/default';\nimport controlsFixture from './fixtures/controls';\n\nbrowserEnv();\n\ntest.afterEach(cleanup);\n\ntest('should update && load the animation, should clean up after unmount', t => {\n  const {container, rerender, unmount} = render(<LottieWrapper {...starFixture.props} />);\n\n  rerender(<LottieWrapper {...starFixture.props} />);\n\n  const wrapper = container.querySelectorAll('[data-name=\"default-lottie\"]');\n  t.truthy(wrapper);\n\n  const backupImage = wrapper[0].querySelector('[data-name=\"ie11-backup-image\"]');\n  t.falsy(backupImage);\n\n  unmount();\n\n  t.pass();\n});\n\ntest('lottie controls: should update && load the animation, should clean up after unmount', t => {\n  const props = {\n    ...controlsFixture.props,\n    animationControl: 'play'\n  };\n\n  const {container, rerender, unmount} = render(<LottieWrapper {...props} />);\n\n  rerender(<LottieWrapper {...props} />);\n  const wrapper = container.querySelectorAll('[data-name=\"default-lottie\"]');\n  t.truthy(wrapper);\n\n  const backupImage = wrapper[0].querySelector('[data-name=\"ie11-backup-image\"]');\n  t.falsy(backupImage);\n  unmount();\n\n  t.pass();\n});\n\ntest('ie11: should load an image in place of the animation', t => {\n  window.msCrypto = () => {};\n  // eslint-disable-next-line lodash-fp/prefer-constant\n  window.navigator.__defineGetter__('userAgent', function () {\n    return 'Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) like Gecko';\n  });\n\n  const {container, rerender, unmount} = render(<LottieWrapper {...starFixture.props} />);\n\n  rerender(<LottieWrapper {...starFixture.props} />);\n  const wrapper = container.querySelectorAll('[data-name=\"default-lottie\"]');\n  t.truthy(wrapper);\n\n  const backupImage = wrapper[0].querySelector('[data-name=\"ie11-backup-image\"]');\n  t.truthy(backupImage);\n\n  delete window.msCrypto;\n  // eslint-disable-next-line lodash-fp/prefer-constant\n  window.navigator.__defineGetter__('userAgent', function () {\n    return 'Mozilla/5.0 (darwin) AppleWebKit/537.36 (KHTML, like Gecko) jsdom/13.2.0';\n  });\n  unmount();\n\n  t.pass();\n});\n\ntest('other browser: should not load an image in place of the animation', t => {\n  // eslint-disable-next-line lodash-fp/prefer-constant\n  window.navigator.__defineGetter__('userAgent', function () {\n    return 'Mozilla/5.0 (other stuff; rv:77.0) like Gecko';\n  });\n\n  const {container, rerender, unmount} = render(<LottieWrapper {...starFixture.props} />);\n\n  rerender(<LottieWrapper {...starFixture.props} />);\n  const wrapper = container.querySelectorAll('[data-name=\"default-lottie\"]');\n  t.truthy(wrapper);\n\n  const backupImage = wrapper[0].querySelector('[data-name=\"ie11-backup-image\"]');\n  t.falsy(backupImage);\n\n  // eslint-disable-next-line lodash-fp/prefer-constant\n  window.navigator.__defineGetter__('userAgent', function () {\n    return 'Mozilla/5.0 (darwin) AppleWebKit/537.36 (KHTML, like Gecko) jsdom/13.2.0';\n  });\n  unmount();\n\n  t.pass();\n});\n\ntest('fetchAndLoadAnimation', async t => {\n  t.plan(3);\n  const props = starFixture.props;\n  const _lottie = {\n    loadAnimation: () => {\n      t.pass();\n      return {name: 'animation'};\n    }\n  };\n  const _fetch = () => {\n    t.pass();\n    return {\n      json: () => ({\n        animationData: 'some value'\n      })\n    };\n  };\n  const animation = await fetchAndLoadAnimation(\n    _lottie,\n    _fetch,\n    props.animationSrc,\n    '123456',\n    true,\n    'test',\n    true\n  );\n\n  t.is(animation.name, 'animation');\n});\n"],"file":"lottie.js"}

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

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.default = exports.fetchAndLoadAnimation = void 0;
+exports.default = exports.fetchAndLoadAnimation = exports.ANIMATION_CONTROL = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -17,6 +17,10 @@ var _has = _interopRequireDefault(require("lodash/fp/has"));
 
 var _includes = _interopRequireDefault(require("lodash/fp/includes"));
 
+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"));
@@ -29,6 +33,14 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 function _extends() { _extends = Object.assign || 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 ANIMATION_CONTROL = {
+  play: 'play',
+  pause: 'pause',
+  stop: 'stop',
+  loading: 'loading'
+};
+exports.ANIMATION_CONTROL = ANIMATION_CONTROL;
+
 const isIE11 = () => {
   if (typeof window === 'undefined') return;
   const userAgent = (0, _get.default)('navigator.userAgent', window);
@@ -38,7 +50,7 @@ const isIE11 = () => {
   return hasMsCrypto || hasRevision && hasTrident;
 };
 
-const fetchAndLoadAnimation = async (animationSrc, containerRef, loop, animationClassnames, hideOnTransparent, _lottie, _fetch) => {
+const fetchAndLoadAnimation = async (_lottie, _fetch, animationSrc, containerRef, loop, animationClassnames, hideOnTransparent, autoplay) => {
   const animationUrl = new URL(animationSrc).toString();
   const fetchResult = await _fetch(animationUrl, {
     headers: {
@@ -52,7 +64,7 @@ const fetchAndLoadAnimation = async (animationSrc, containerRef, loop, animation
     container: containerRef.current,
     // the dom element that will contain the animation
     renderer: 'svg',
-    autoplay: true,
+    autoplay,
     loop,
     animationData,
     rendererSettings: {
@@ -79,29 +91,44 @@ const LottieWrapper = props => {
     width,
     height,
     ie11ImageBackup,
-    backupImageClassName
+    backupImageClassName,
+    autoplay = true,
+    animationControl
   } = props;
   const {
     className: animationClassName,
     hideOnTransparent = true
   } = rendererSettings;
-  const containerRef = (0, _react.useRef)(null);
+  const containerRef = (0, _react.useRef)(null); // lottie's animation instance
+
   const [animationItem, setAnimationItem] = (0, _react.useState)(null);
+  const [isAnimationVisible, setIsAnimationVisible] = (0, _react.useState)(autoplay);
 
   const _isIE11 = (0, _react.useMemo)(() => isIE11(), []);
 
   const wrapperClassName = (0, _react.useMemo)(() => (0, _classnames.default)(className, _style.default.lottieContainer), [className]);
   const lottieAnimationClassName = (0, _react.useMemo)(() => (0, _classnames.default)(animationClassName, _style.default.animation), [animationClassName]);
   const ie11BackupImageClassName = (0, _react.useMemo)(() => (0, _classnames.default)(backupImageClassName, _style.default.backupImage), [backupImageClassName]);
+  (0, _react.useEffect)(() => {
+    // enzyme does not handle well the state update after an async useEffect in tests
+    // to remove when the migration towards @testing-library/react is done
+
+    /* istanbul ignore next */
+    if (animationItem && (0, _includes.default)(animationControl, (0, _keys.default)((0, _omit.default)('loading', ANIMATION_CONTROL))) && !autoplay) {
+      setIsAnimationVisible(true);
+      animationItem[animationControl]();
+      if (animationControl === ANIMATION_CONTROL.stop) setIsAnimationVisible(false);
+    }
+  }, [animationControl, animationItem, autoplay]);
   (0, _react.useEffect)(() => {
     const loadAnimation = async () => {
       if (!_isIE11 && !animationItem) {
-        /* istanbul ignore next */
+        /* istanbul ignore else */
         if (typeof window !== 'undefined') {
           window.lottie = _lottieWeb.default;
         }
 
-        const animation = await fetchAndLoadAnimation(animationSrc, containerRef, loop, lottieAnimationClassName, hideOnTransparent, _lottieWeb.default, _isomorphicUnfetch.default);
+        const animation = await fetchAndLoadAnimation(_lottieWeb.default, _isomorphicUnfetch.default, animationSrc, containerRef, loop, lottieAnimationClassName, hideOnTransparent, autoplay);
         /* istanbul ignore next */
 
         setAnimationItem(animation);
@@ -112,18 +139,21 @@ const LottieWrapper = props => {
     return () => animationItem &&
     /* istanbul ignore next */
     _lottieWeb.default.destroy(animationItem.name);
-  }, [lottieAnimationClassName, containerRef, hideOnTransparent, loop, animationSrc, _isIE11, animationItem]);
+  }, [lottieAnimationClassName, containerRef, hideOnTransparent, loop, animationSrc, _isIE11, animationItem, autoplay]);
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: containerRef,
     "aria-label": ariaLabel,
     "data-name": dataName,
     className: wrapperClassName,
-    style: _extends(_extends({}, width && {
+    style: _extends(_extends(_extends({}, width && {
       width: `${width}px`,
       maxWidth: `${width}px`
     }), height && {
       height: `${height}px`,
       maxHeight: `${height}px`
+    }), {}, {
+      opacity: isAnimationVisible ? 1 : 0,
+      transition: 'opacity 0.25s ease-in'
     })
   }, _isIE11 ? /*#__PURE__*/_react.default.createElement("img", {
     src: ie11ImageBackup,
@@ -145,7 +175,9 @@ LottieWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
   width: _propTypes.default.number,
   className: _propTypes.default.string,
   ie11ImageBackup: _propTypes.default.string.isRequired,
-  backupImageClassName: _propTypes.default.string
+  backupImageClassName: _propTypes.default.string,
+  autoplay: _propTypes.default.bool,
+  animationControl: _propTypes.default.oneOf((0, _keys.default)(ANIMATION_CONTROL))
 } : {};
 var _default = LottieWrapper;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/lottie-wrapper/index.js"],"names":["isIE11","window","userAgent","hasMsCrypto","hasRevision","hasTrident","fetchAndLoadAnimation","animationSrc","containerRef","loop","animationClassnames","hideOnTransparent","_lottie","_fetch","animationUrl","URL","toString","fetchResult","headers","animationData","json","animation","loadAnimation","container","current","renderer","autoplay","rendererSettings","className","preserveAspectRatio","LottieWrapper","props","dataName","ariaLabel","width","height","ie11ImageBackup","backupImageClassName","animationClassName","animationItem","setAnimationItem","_isIE11","wrapperClassName","style","lottieContainer","lottieAnimationClassName","ie11BackupImageClassName","backupImage","lottie","unfetch","destroy","name","maxWidth","maxHeight","propTypes","PropTypes","string","isRequired","bool","shape","number"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,MAAM,GAAG,MAAM;AACnB,MAAI,OAAOC,MAAP,KAAkB,WAAtB,EAAmC;AACnC,QAAMC,SAAS,GAAG,kBAAI,qBAAJ,EAA2BD,MAA3B,CAAlB;AACA,QAAME,WAAW,GAAG,kBAAI,UAAJ,EAAgBF,MAAhB,CAApB;AACA,QAAMG,WAAW,GAAG,uBAAS,KAAT,EAAgBF,SAAhB,CAApB;AACA,QAAMG,UAAU,GAAG,uBAAS,UAAT,EAAqBH,SAArB,CAAnB;AAEA,SAAOC,WAAW,IAAKC,WAAW,IAAIC,UAAtC;AACD,CARD;;AAUO,MAAMC,qBAAqB,GAAG,OACnCC,YADmC,EAEnCC,YAFmC,EAGnCC,IAHmC,EAInCC,mBAJmC,EAKnCC,iBALmC,EAMnCC,OANmC,EAOnCC,MAPmC,KAQhC;AACH,QAAMC,YAAY,GAAG,IAAIC,GAAJ,CAAQR,YAAR,EAAsBS,QAAtB,EAArB;AACA,QAAMC,WAAW,GAAG,MAAMJ,MAAM,CAACC,YAAD,EAAe;AAC7CI,IAAAA,OAAO,EAAE;AACP,0BAAoB,gBADb;AAEP,sBAAgB;AAFT;AADoC,GAAf,CAAhC;AAOA,QAAMC,aAAa,GAAG,MAAMF,WAAW,CAACG,IAAZ,EAA5B;;AAEA,QAAMC,SAAS,GAAGT,OAAO,CAACU,aAAR,CAAsB;AACtCC,IAAAA,SAAS,EAAEf,YAAY,CAACgB,OADc;AACL;AACjCC,IAAAA,QAAQ,EAAE,KAF4B;AAGtCC,IAAAA,QAAQ,EAAE,IAH4B;AAItCjB,IAAAA,IAJsC;AAKtCU,IAAAA,aALsC;AAMtCQ,IAAAA,gBAAgB,EAAE;AAChBC,MAAAA,SAAS,EAAElB,mBADK;AAEhBC,MAAAA,iBAFgB;AAGhBkB,MAAAA,mBAAmB,EAAE,eAHL,CAGqB;;AAHrB;AANoB,GAAtB,CAAlB;;AAYA,SAAOR,SAAP;AACD,CAhCM;;;;AAkCP,MAAMS,aAAa,GAAGC,KAAK,IAAI;AAC7B,QAAM;AACJH,IAAAA,SADI;AAEJ,iBAAaI,QAFT;AAGJ,kBAAcC,SAHV;AAIJ1B,IAAAA,YAJI;AAKJE,IAAAA,IAAI,GAAG,KALH;AAMJkB,IAAAA,gBAAgB,GAAG,EANf;AAOJO,IAAAA,KAPI;AAQJC,IAAAA,MARI;AASJC,IAAAA,eATI;AAUJC,IAAAA;AAVI,MAWFN,KAXJ;AAaA,QAAM;AAACH,IAAAA,SAAS,EAAEU,kBAAZ;AAAgC3B,IAAAA,iBAAiB,GAAG;AAApD,MAA4DgB,gBAAlE;AAEA,QAAMnB,YAAY,GAAG,mBAAO,IAAP,CAArB;AAEA,QAAM,CAAC+B,aAAD,EAAgBC,gBAAhB,IAAoC,qBAAS,IAAT,CAA1C;;AAEA,QAAMC,OAAO,GAAG,oBAAQ,MAAMzC,MAAM,EAApB,EAAwB,EAAxB,CAAhB;;AAEA,QAAM0C,gBAAgB,GAAG,oBAAQ,MAAM,yBAAWd,SAAX,EAAsBe,eAAMC,eAA5B,CAAd,EAA4D,CAAChB,SAAD,CAA5D,CAAzB;AAEA,QAAMiB,wBAAwB,GAAG,oBAAQ,MAAM,yBAAWP,kBAAX,EAA+BK,eAAMtB,SAArC,CAAd,EAA+D,CAC9FiB,kBAD8F,CAA/D,CAAjC;AAIA,QAAMQ,wBAAwB,GAAG,oBAC/B,MAAM,yBAAWT,oBAAX,EAAiCM,eAAMI,WAAvC,CADyB,EAE/B,CAACV,oBAAD,CAF+B,CAAjC;AAKA,wBAAU,MAAM;AACd,UAAMf,aAAa,GAAG,YAAY;AAChC,UAAI,CAACmB,OAAD,IAAY,CAACF,aAAjB,EAAgC;AAC9B;AACA,YAAI,OAAOtC,MAAP,KAAkB,WAAtB,EAAmC;AACjCA,UAAAA,MAAM,CAAC+C,MAAP,GAAgBA,kBAAhB;AACD;;AACD,cAAM3B,SAAS,GAAG,MAAMf,qBAAqB,CAC3CC,YAD2C,EAE3CC,YAF2C,EAG3CC,IAH2C,EAI3CoC,wBAJ2C,EAK3ClC,iBAL2C,EAM3CqC,kBAN2C,EAO3CC,0BAP2C,CAA7C;AAUA;;AACAT,QAAAA,gBAAgB,CAACnB,SAAD,CAAhB;AACD;AACF,KAnBD;;AAqBAC,IAAAA,aAAa;AACb,WAAO,MAAMiB,aAAa;AAAI;AAA2BS,uBAAOE,OAAP,CAAeX,aAAa,CAACY,IAA7B,CAAzD;AACD,GAxBD,EAwBG,CACDN,wBADC,EAEDrC,YAFC,EAGDG,iBAHC,EAIDF,IAJC,EAKDF,YALC,EAMDkC,OANC,EAODF,aAPC,CAxBH;AAkCA,sBACE;AACE,IAAA,GAAG,EAAE/B,YADP;AAEE,kBAAYyB,SAFd;AAGE,iBAAWD,QAHb;AAIE,IAAA,SAAS,EAAEU,gBAJb;AAKE,IAAA,KAAK,wBACCR,KAAK,IAAI;AACXA,MAAAA,KAAK,EAAG,GAAEA,KAAM,IADL;AAEXkB,MAAAA,QAAQ,EAAG,GAAElB,KAAM;AAFR,KADV,GAKCC,MAAM,IAAI;AACZA,MAAAA,MAAM,EAAG,GAAEA,MAAO,IADN;AAEZkB,MAAAA,SAAS,EAAG,GAAElB,MAAO;AAFT,KALX;AALP,KAgBGM,OAAO,gBACN;AACE,IAAA,GAAG,EAAEL,eADP;AAEE,IAAA,SAAS,EAAEU,wBAFb;AAGE,iBAAU;AAHZ,IADM,GAMJ,IAtBN,CADF;AA0BD,CA7FD;;AA+FAhB,aAAa,CAACwB,SAAd,2CAA0B;AACxB,gBAAcC,mBAAUC,MAAV,CAAiBC,UADP;AAExB,eAAaF,mBAAUC,MAFC;AAGxBjD,EAAAA,YAAY,EAAEgD,mBAAUC,MAAV,CAAiBC,UAHP;AAIxBhD,EAAAA,IAAI,EAAE8C,mBAAUG,IAJQ;AAKxB/B,EAAAA,gBAAgB,EAAE4B,mBAAUI,KAAV,CAAgB;AAChChD,IAAAA,iBAAiB,EAAE4C,mBAAUG,IADG;AAEhC9B,IAAAA,SAAS,EAAE2B,mBAAUC;AAFW,GAAhB,CALM;AASxBrB,EAAAA,MAAM,EAAEoB,mBAAUK,MATM;AAUxB1B,EAAAA,KAAK,EAAEqB,mBAAUK,MAVO;AAWxBhC,EAAAA,SAAS,EAAE2B,mBAAUC,MAXG;AAYxBpB,EAAAA,eAAe,EAAEmB,mBAAUC,MAAV,CAAiBC,UAZV;AAaxBpB,EAAAA,oBAAoB,EAAEkB,mBAAUC;AAbR,CAA1B;eAgBe1B,a","sourcesContent":["import React, {useMemo, useRef, useEffect, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport lottie from 'lottie-web';\nimport get from 'lodash/fp/get';\nimport has from 'lodash/fp/has';\nimport includes from 'lodash/fp/includes';\nimport unfetch from 'isomorphic-unfetch';\nimport style from './style.css';\n\nconst isIE11 = () => {\n  if (typeof window === 'undefined') return;\n  const userAgent = get('navigator.userAgent', window);\n  const hasMsCrypto = has('msCrypto', window);\n  const hasRevision = includes('rv:', userAgent);\n  const hasTrident = includes('Trident/', userAgent);\n\n  return hasMsCrypto || (hasRevision && hasTrident);\n};\n\nexport const fetchAndLoadAnimation = async (\n  animationSrc,\n  containerRef,\n  loop,\n  animationClassnames,\n  hideOnTransparent,\n  _lottie,\n  _fetch\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 = _lottie.loadAnimation({\n    container: containerRef.current, // the dom element that will contain the animation\n    renderer: 'svg',\n    autoplay: true,\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    ie11ImageBackup,\n    backupImageClassName\n  } = props;\n\n  const {className: animationClassName, hideOnTransparent = true} = rendererSettings;\n\n  const containerRef = useRef(null);\n\n  const [animationItem, setAnimationItem] = useState(null);\n\n  const _isIE11 = useMemo(() => isIE11(), []);\n\n  const wrapperClassName = useMemo(() => classnames(className, style.lottieContainer), [className]);\n\n  const lottieAnimationClassName = useMemo(() => classnames(animationClassName, style.animation), [\n    animationClassName\n  ]);\n\n  const ie11BackupImageClassName = useMemo(\n    () => classnames(backupImageClassName, style.backupImage),\n    [backupImageClassName]\n  );\n\n  useEffect(() => {\n    const loadAnimation = async () => {\n      if (!_isIE11 && !animationItem) {\n        /* istanbul ignore next */\n        if (typeof window !== 'undefined') {\n          window.lottie = lottie;\n        }\n        const animation = await fetchAndLoadAnimation(\n          animationSrc,\n          containerRef,\n          loop,\n          lottieAnimationClassName,\n          hideOnTransparent,\n          lottie,\n          unfetch\n        );\n\n        /* istanbul ignore next */\n        setAnimationItem(animation);\n      }\n    };\n\n    loadAnimation();\n    return () => animationItem && /* istanbul ignore next */ lottie.destroy(animationItem.name);\n  }, [\n    lottieAnimationClassName,\n    containerRef,\n    hideOnTransparent,\n    loop,\n    animationSrc,\n    _isIE11,\n    animationItem\n  ]);\n\n  return (\n    <div\n      ref={containerRef}\n      aria-label={ariaLabel}\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      }}\n    >\n      {_isIE11 ? (\n        <img\n          src={ie11ImageBackup}\n          className={ie11BackupImageClassName}\n          data-name=\"ie11-backup-image\"\n        />\n      ) : null}\n    </div>\n  );\n};\n\nLottieWrapper.propTypes = {\n  'aria-label': PropTypes.string.isRequired,\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  ie11ImageBackup: PropTypes.string.isRequired,\n  backupImageClassName: PropTypes.string\n};\n\nexport default LottieWrapper;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/lottie-wrapper/index.js"],"names":["ANIMATION_CONTROL","play","pause","stop","loading","isIE11","window","userAgent","hasMsCrypto","hasRevision","hasTrident","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","ie11ImageBackup","backupImageClassName","animationControl","animationClassName","animationItem","setAnimationItem","isAnimationVisible","setIsAnimationVisible","_isIE11","wrapperClassName","style","lottieContainer","lottieAnimationClassName","ie11BackupImageClassName","backupImage","lottie","unfetch","destroy","name","maxWidth","maxHeight","opacity","transition","propTypes","PropTypes","string","isRequired","bool","shape","number","oneOf"],"mappings":"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","sourcesContent":["import React, {useMemo, useRef, useEffect, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport lottie from 'lottie-web';\nimport get from 'lodash/fp/get';\nimport has from 'lodash/fp/has';\nimport includes from 'lodash/fp/includes';\nimport keys from 'lodash/fp/keys';\nimport omit from 'lodash/fp/omit';\nimport unfetch from 'isomorphic-unfetch';\nimport style from './style.css';\n\nexport const ANIMATION_CONTROL = {\n  play: 'play',\n  pause: 'pause',\n  stop: 'stop',\n  loading: 'loading'\n};\n\nconst isIE11 = () => {\n  if (typeof window === 'undefined') return;\n  const userAgent = get('navigator.userAgent', window);\n  const hasMsCrypto = has('msCrypto', window);\n  const hasRevision = includes('rv:', userAgent);\n  const hasTrident = includes('Trident/', userAgent);\n\n  return hasMsCrypto || (hasRevision && hasTrident);\n};\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 = _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    ie11ImageBackup,\n    backupImageClassName,\n    autoplay = true,\n    animationControl\n  } = props;\n\n  const {className: animationClassName, hideOnTransparent = true} = rendererSettings;\n\n  const containerRef = useRef(null);\n\n  // lottie's animation instance\n  const [animationItem, setAnimationItem] = useState(null);\n\n  const [isAnimationVisible, setIsAnimationVisible] = useState(autoplay);\n\n  const _isIE11 = useMemo(() => isIE11(), []);\n\n  const wrapperClassName = useMemo(() => classnames(className, style.lottieContainer), [className]);\n\n  const lottieAnimationClassName = useMemo(() => classnames(animationClassName, style.animation), [\n    animationClassName\n  ]);\n\n  const ie11BackupImageClassName = useMemo(\n    () => classnames(backupImageClassName, style.backupImage),\n    [backupImageClassName]\n  );\n\n  useEffect(() => {\n    // enzyme does not handle well the state update after an async useEffect in tests\n    // to remove when the migration towards @testing-library/react is done\n    /* istanbul ignore next */\n    if (\n      animationItem &&\n      includes(animationControl, keys(omit('loading', ANIMATION_CONTROL))) &&\n      !autoplay\n    ) {\n      setIsAnimationVisible(true);\n      animationItem[animationControl]();\n      if (animationControl === ANIMATION_CONTROL.stop) setIsAnimationVisible(false);\n    }\n  }, [animationControl, animationItem, autoplay]);\n\n  useEffect(() => {\n    const loadAnimation = async () => {\n      if (!_isIE11 && !animationItem) {\n        /* istanbul ignore else */\n        if (typeof window !== 'undefined') {\n          window.lottie = lottie;\n        }\n        const animation = await fetchAndLoadAnimation(\n          lottie,\n          unfetch,\n          animationSrc,\n          containerRef,\n          loop,\n          lottieAnimationClassName,\n          hideOnTransparent,\n          autoplay\n        );\n\n        /* istanbul ignore next */\n        setAnimationItem(animation);\n      }\n    };\n\n    loadAnimation();\n    return () => animationItem && /* istanbul ignore next */ lottie.destroy(animationItem.name);\n  }, [\n    lottieAnimationClassName,\n    containerRef,\n    hideOnTransparent,\n    loop,\n    animationSrc,\n    _isIE11,\n    animationItem,\n    autoplay\n  ]);\n\n  return (\n    <div\n      ref={containerRef}\n      aria-label={ariaLabel}\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      {_isIE11 ? (\n        <img\n          src={ie11ImageBackup}\n          className={ie11BackupImageClassName}\n          data-name=\"ie11-backup-image\"\n        />\n      ) : null}\n    </div>\n  );\n};\n\nLottieWrapper.propTypes = {\n  'aria-label': PropTypes.string.isRequired,\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  ie11ImageBackup: PropTypes.string.isRequired,\n  backupImageClassName: PropTypes.string,\n  autoplay: PropTypes.bool,\n  animationControl: PropTypes.oneOf(keys(ANIMATION_CONTROL))\n};\n\nexport default LottieWrapper;\n"],"file":"index.js"}

package/lib/atom/lottie-wrapper/test/fixtures/confetti.js

@@ -9,13 +9,15 @@ var _default = {
     className: undefined,
     animationSrc: 'https://static-staging.coorpacademy.com/animations/review/confetti.json',
     loop: undefined,
+    autoplay: true,
     rendererSettings: {
       hideOnTransparent: false,
       animationClassName: ''
     },
     height: 600,
     width: 1000,
-    ie11ImageBackup: 'https://static-staging.coorpacademy.com/animations/review/conffeti_congrats.svg'
+    ie11ImageBackup: 'https://static-staging.coorpacademy.com/animations/review/conffeti_congrats.svg',
+    animationControl: undefined
   }
 };
 exports.default = _default;

package/lib/atom/lottie-wrapper/test/fixtures/confetti.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/atom/lottie-wrapper/test/fixtures/confetti.js"],"names":["props","className","undefined","animationSrc","loop","rendererSettings","hideOnTransparent","animationClassName","height","width","ie11ImageBackup"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc,aADT;AAEL,iBAAa,gBAFR;AAGLC,IAAAA,SAAS,EAAEC,SAHN;AAILC,IAAAA,YAAY,EAAE,yEAJT;AAKLC,IAAAA,IAAI,EAAEF,SALD;AAMLG,IAAAA,gBAAgB,EAAE;AAChBC,MAAAA,iBAAiB,EAAE,KADH;AAEhBC,MAAAA,kBAAkB,EAAE;AAFJ,KANb;AAULC,IAAAA,MAAM,EAAE,GAVH;AAWLC,IAAAA,KAAK,EAAE,IAXF;AAYLC,IAAAA,eAAe,EACb;AAbG;AADM,C","sourcesContent":["export default {\n  props: {\n    'aria-label': 'aria lottie',\n    'data-name': 'default-lottie',\n    className: undefined,\n    animationSrc: 'https://static-staging.coorpacademy.com/animations/review/confetti.json',\n    loop: undefined,\n    rendererSettings: {\n      hideOnTransparent: false,\n      animationClassName: ''\n    },\n    height: 600,\n    width: 1000,\n    ie11ImageBackup:\n      'https://static-staging.coorpacademy.com/animations/review/conffeti_congrats.svg'\n  }\n};\n"],"file":"confetti.js"}
+{"version":3,"sources":["../../../../../src/atom/lottie-wrapper/test/fixtures/confetti.js"],"names":["props","className","undefined","animationSrc","loop","autoplay","rendererSettings","hideOnTransparent","animationClassName","height","width","ie11ImageBackup","animationControl"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc,aADT;AAEL,iBAAa,gBAFR;AAGLC,IAAAA,SAAS,EAAEC,SAHN;AAILC,IAAAA,YAAY,EAAE,yEAJT;AAKLC,IAAAA,IAAI,EAAEF,SALD;AAMLG,IAAAA,QAAQ,EAAE,IANL;AAOLC,IAAAA,gBAAgB,EAAE;AAChBC,MAAAA,iBAAiB,EAAE,KADH;AAEhBC,MAAAA,kBAAkB,EAAE;AAFJ,KAPb;AAWLC,IAAAA,MAAM,EAAE,GAXH;AAYLC,IAAAA,KAAK,EAAE,IAZF;AAaLC,IAAAA,eAAe,EACb,iFAdG;AAeLC,IAAAA,gBAAgB,EAAEV;AAfb;AADM,C","sourcesContent":["export default {\n  props: {\n    'aria-label': 'aria lottie',\n    'data-name': 'default-lottie',\n    className: undefined,\n    animationSrc: 'https://static-staging.coorpacademy.com/animations/review/confetti.json',\n    loop: undefined,\n    autoplay: true,\n    rendererSettings: {\n      hideOnTransparent: false,\n      animationClassName: ''\n    },\n    height: 600,\n    width: 1000,\n    ie11ImageBackup:\n      'https://static-staging.coorpacademy.com/animations/review/conffeti_congrats.svg',\n    animationControl: undefined\n  }\n};\n"],"file":"confetti.js"}

package/lib/atom/lottie-wrapper/test/fixtures/controls.js

@@ -0,0 +1,19 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _default2 = _interopRequireDefault(require("./default"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || 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); }
+
+var _default = {
+  props: _extends(_extends({}, _default2.default.props), {}, {
+    autoplay: false,
+    animationControl: 'loading'
+  })
+};
+exports.default = _default;
+//# sourceMappingURL=controls.js.map

package/lib/atom/lottie-wrapper/test/fixtures/controls.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/lottie-wrapper/test/fixtures/controls.js"],"names":["props","defaultProps","autoplay","animationControl"],"mappings":";;;;;AAAA;;;;;;eAEe;AACbA,EAAAA,KAAK,wBACAC,kBAAaD,KADb;AAEHE,IAAAA,QAAQ,EAAE,KAFP;AAGHC,IAAAA,gBAAgB,EAAE;AAHf;AADQ,C","sourcesContent":["import defaultProps from './default';\n\nexport default {\n  props: {\n    ...defaultProps.props,\n    autoplay: false,\n    animationControl: 'loading'\n  }\n};\n"],"file":"controls.js"}

package/lib/atom/lottie-wrapper/test/fixtures/default.js

@@ -9,13 +9,15 @@ var _default = {
     className: undefined,
     animationSrc: 'https://static-staging.coorpacademy.com/animations/review/star.json',
     loop: false,
+    autoplay: undefined,
     rendererSettings: {
       hideOnTransparent: false,
       animationClassName: ''
     },
     height: 200,
     width: 200,
-    ie11ImageBackup: 'https://static-staging.coorpacademy.com/animations/review/stars_icon_congrats.svg'
+    ie11ImageBackup: 'https://static-staging.coorpacademy.com/animations/review/stars_icon_congrats.svg',
+    animationControl: undefined
   }
 };
 exports.default = _default;

package/lib/atom/lottie-wrapper/test/fixtures/default.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/atom/lottie-wrapper/test/fixtures/default.js"],"names":["props","className","undefined","animationSrc","loop","rendererSettings","hideOnTransparent","animationClassName","height","width","ie11ImageBackup"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc,aADT;AAEL,iBAAa,gBAFR;AAGLC,IAAAA,SAAS,EAAEC,SAHN;AAILC,IAAAA,YAAY,EAAE,qEAJT;AAKLC,IAAAA,IAAI,EAAE,KALD;AAMLC,IAAAA,gBAAgB,EAAE;AAChBC,MAAAA,iBAAiB,EAAE,KADH;AAEhBC,MAAAA,kBAAkB,EAAE;AAFJ,KANb;AAULC,IAAAA,MAAM,EAAE,GAVH;AAWLC,IAAAA,KAAK,EAAE,GAXF;AAYLC,IAAAA,eAAe,EACb;AAbG;AADM,C","sourcesContent":["export default {\n  props: {\n    'aria-label': 'aria lottie',\n    'data-name': 'default-lottie',\n    className: undefined,\n    animationSrc: 'https://static-staging.coorpacademy.com/animations/review/star.json',\n    loop: false,\n    rendererSettings: {\n      hideOnTransparent: false,\n      animationClassName: ''\n    },\n    height: 200,\n    width: 200,\n    ie11ImageBackup:\n      'https://static-staging.coorpacademy.com/animations/review/stars_icon_congrats.svg'\n  }\n};\n"],"file":"default.js"}
+{"version":3,"sources":["../../../../../src/atom/lottie-wrapper/test/fixtures/default.js"],"names":["props","className","undefined","animationSrc","loop","autoplay","rendererSettings","hideOnTransparent","animationClassName","height","width","ie11ImageBackup","animationControl"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc,aADT;AAEL,iBAAa,gBAFR;AAGLC,IAAAA,SAAS,EAAEC,SAHN;AAILC,IAAAA,YAAY,EAAE,qEAJT;AAKLC,IAAAA,IAAI,EAAE,KALD;AAMLC,IAAAA,QAAQ,EAAEH,SANL;AAOLI,IAAAA,gBAAgB,EAAE;AAChBC,MAAAA,iBAAiB,EAAE,KADH;AAEhBC,MAAAA,kBAAkB,EAAE;AAFJ,KAPb;AAWLC,IAAAA,MAAM,EAAE,GAXH;AAYLC,IAAAA,KAAK,EAAE,GAZF;AAaLC,IAAAA,eAAe,EACb,mFAdG;AAeLC,IAAAA,gBAAgB,EAAEV;AAfb;AADM,C","sourcesContent":["export default {\n  props: {\n    'aria-label': 'aria lottie',\n    'data-name': 'default-lottie',\n    className: undefined,\n    animationSrc: 'https://static-staging.coorpacademy.com/animations/review/star.json',\n    loop: false,\n    autoplay: undefined,\n    rendererSettings: {\n      hideOnTransparent: false,\n      animationClassName: ''\n    },\n    height: 200,\n    width: 200,\n    ie11ImageBackup:\n      'https://static-staging.coorpacademy.com/animations/review/stars_icon_congrats.svg',\n    animationControl: undefined\n  }\n};\n"],"file":"default.js"}

package/lib/atom/lottie-wrapper/test/fixtures/rank.js

@@ -9,9 +9,11 @@ var _default = {
     className: undefined,
     animationSrc: 'https://static-staging.coorpacademy.com/animations/review/rank.json',
     loop: true,
+    autoplay: true,
     height: 200,
     width: 200,
-    ie11ImageBackup: 'https://static-staging.coorpacademy.com/animations/review/rank_icon_congrats.svg'
+    ie11ImageBackup: 'https://static-staging.coorpacademy.com/animations/review/rank_icon_congrats.svg',
+    animationControl: undefined
   }
 };
 exports.default = _default;

package/lib/atom/lottie-wrapper/test/fixtures/rank.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/atom/lottie-wrapper/test/fixtures/rank.js"],"names":["props","className","undefined","animationSrc","loop","height","width","ie11ImageBackup"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc,aADT;AAEL,iBAAa,gBAFR;AAGLC,IAAAA,SAAS,EAAEC,SAHN;AAILC,IAAAA,YAAY,EAAE,qEAJT;AAKLC,IAAAA,IAAI,EAAE,IALD;AAMLC,IAAAA,MAAM,EAAE,GANH;AAOLC,IAAAA,KAAK,EAAE,GAPF;AAQLC,IAAAA,eAAe,EACb;AATG;AADM,C","sourcesContent":["export default {\n  props: {\n    'aria-label': 'aria lottie',\n    'data-name': 'default-lottie',\n    className: undefined,\n    animationSrc: 'https://static-staging.coorpacademy.com/animations/review/rank.json',\n    loop: true,\n    height: 200,\n    width: 200,\n    ie11ImageBackup:\n      'https://static-staging.coorpacademy.com/animations/review/rank_icon_congrats.svg'\n  }\n};\n"],"file":"rank.js"}
+{"version":3,"sources":["../../../../../src/atom/lottie-wrapper/test/fixtures/rank.js"],"names":["props","className","undefined","animationSrc","loop","autoplay","height","width","ie11ImageBackup","animationControl"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc,aADT;AAEL,iBAAa,gBAFR;AAGLC,IAAAA,SAAS,EAAEC,SAHN;AAILC,IAAAA,YAAY,EAAE,qEAJT;AAKLC,IAAAA,IAAI,EAAE,IALD;AAMLC,IAAAA,QAAQ,EAAE,IANL;AAOLC,IAAAA,MAAM,EAAE,GAPH;AAQLC,IAAAA,KAAK,EAAE,GARF;AASLC,IAAAA,eAAe,EACb,kFAVG;AAWLC,IAAAA,gBAAgB,EAAEP;AAXb;AADM,C","sourcesContent":["export default {\n  props: {\n    'aria-label': 'aria lottie',\n    'data-name': 'default-lottie',\n    className: undefined,\n    animationSrc: 'https://static-staging.coorpacademy.com/animations/review/rank.json',\n    loop: true,\n    autoplay: true,\n    height: 200,\n    width: 200,\n    ie11ImageBackup:\n      'https://static-staging.coorpacademy.com/animations/review/rank_icon_congrats.svg',\n    animationControl: undefined\n  }\n};\n"],"file":"rank.js"}

package/lib/atom/lottie-wrapper/test/fixtures.js

@@ -10,6 +10,8 @@ var _ = _interopRequireDefault(require(".."));
 
 var _confetti = _interopRequireDefault(require("./fixtures/confetti"));
 
+var _controls = _interopRequireDefault(require("./fixtures/controls"));
+
 var _default = _interopRequireDefault(require("./fixtures/default"));
 
 var _rank = _interopRequireDefault(require("./fixtures/rank"));
@@ -23,6 +25,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
   });
 });
 (0, _ava.default)('Atom › AtomLottieWrapper › Confetti › should be rendered', _renderComponent.default, _.default, _confetti.default);
+(0, _ava.default)('Atom › AtomLottieWrapper › Controls › should be rendered', _renderComponent.default, _.default, _controls.default);
 (0, _ava.default)('Atom › AtomLottieWrapper › Default › should be rendered', _renderComponent.default, _.default, _default.default);
 (0, _ava.default)('Atom › AtomLottieWrapper › Rank › should be rendered', _renderComponent.default, _.default, _rank.default);
 //# sourceMappingURL=fixtures.js.map

package/lib/atom/lottie-wrapper/test/fixtures.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/atom/lottie-wrapper/test/fixtures.js"],"names":["t","pass","AtomLottieWrapper","propTypes","value","key","not","undefined","renderComponentMacro","fixtureConfetti","fixtureDefault","fixtureRank"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,wDAAL,EAA+DA,CAAC,IAAI;AAClEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAkBC,SAA1B,EAAqC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACnDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kDAAiDF,GAAI,mEAA9E;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,0DAAL,EAAiEG,wBAAjE,EAAuFN,SAAvF,EAA0GO,iBAA1G;AACA,kBAAK,yDAAL,EAAgED,wBAAhE,EAAsFN,SAAtF,EAAyGQ,gBAAzG;AACA,kBAAK,sDAAL,EAA6DF,wBAA7D,EAAmFN,SAAnF,EAAsGS,aAAtG","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomLottieWrapper from '..';\nimport fixtureConfetti from './fixtures/confetti';\nimport fixtureDefault from './fixtures/default';\nimport fixtureRank from './fixtures/rank';\n\ntest('Atom › AtomLottieWrapper > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomLottieWrapper.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomLottieWrapper.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomLottieWrapper › Confetti › should be rendered', renderComponentMacro, AtomLottieWrapper, fixtureConfetti);\ntest('Atom › AtomLottieWrapper › Default › should be rendered', renderComponentMacro, AtomLottieWrapper, fixtureDefault);\ntest('Atom › AtomLottieWrapper › Rank › should be rendered', renderComponentMacro, AtomLottieWrapper, fixtureRank);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../src/atom/lottie-wrapper/test/fixtures.js"],"names":["t","pass","AtomLottieWrapper","propTypes","value","key","not","undefined","renderComponentMacro","fixtureConfetti","fixtureControls","fixtureDefault","fixtureRank"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,wDAAL,EAA+DA,CAAC,IAAI;AAClEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAkBC,SAA1B,EAAqC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACnDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kDAAiDF,GAAI,mEAA9E;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,0DAAL,EAAiEG,wBAAjE,EAAuFN,SAAvF,EAA0GO,iBAA1G;AACA,kBAAK,0DAAL,EAAiED,wBAAjE,EAAuFN,SAAvF,EAA0GQ,iBAA1G;AACA,kBAAK,yDAAL,EAAgEF,wBAAhE,EAAsFN,SAAtF,EAAyGS,gBAAzG;AACA,kBAAK,sDAAL,EAA6DH,wBAA7D,EAAmFN,SAAnF,EAAsGU,aAAtG","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomLottieWrapper from '..';\nimport fixtureConfetti from './fixtures/confetti';\nimport fixtureControls from './fixtures/controls';\nimport fixtureDefault from './fixtures/default';\nimport fixtureRank from './fixtures/rank';\n\ntest('Atom › AtomLottieWrapper > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomLottieWrapper.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomLottieWrapper.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomLottieWrapper › Confetti › should be rendered', renderComponentMacro, AtomLottieWrapper, fixtureConfetti);\ntest('Atom › AtomLottieWrapper › Controls › should be rendered', renderComponentMacro, AtomLottieWrapper, fixtureControls);\ntest('Atom › AtomLottieWrapper › Default › should be rendered', renderComponentMacro, AtomLottieWrapper, fixtureDefault);\ntest('Atom › AtomLottieWrapper › Rank › should be rendered', renderComponentMacro, AtomLottieWrapper, fixtureRank);\n"],"file":"fixtures.js"}

package/lib/atom/lottie-wrapper/test/lottie.js

@@ -6,30 +6,56 @@ var _ava = _interopRequireDefault(require("ava"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _enzyme = require("enzyme");
-
-var _enzymeAdapterReact = _interopRequireDefault(require("enzyme-adapter-react-16"));
+var _react2 = require("@testing-library/react");
 
 var _ = _interopRequireWildcard(require(".."));
 
 var _default = _interopRequireDefault(require("./fixtures/default"));
 
+var _controls = _interopRequireDefault(require("./fixtures/controls"));
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _extends() { _extends = Object.assign || 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); }
+
 (0, _browserEnv.default)();
-(0, _enzyme.configure)({
-  adapter: new _enzymeAdapterReact.default()
-});
+
+_ava.default.afterEach(_react2.cleanup);
+
 (0, _ava.default)('should update && load the animation, should clean up after unmount', t => {
-  const wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_.default, _default.default.props));
-  wrapper.update();
-  const backupImage = wrapper.find('[data-name="ie11-backup-image"]');
-  t.false(backupImage.at(0).exists());
-  wrapper.unmount();
+  const {
+    container,
+    rerender,
+    unmount
+  } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, _default.default.props));
+  rerender( /*#__PURE__*/_react.default.createElement(_.default, _default.default.props));
+  const wrapper = container.querySelectorAll('[data-name="default-lottie"]');
+  t.truthy(wrapper);
+  const backupImage = wrapper[0].querySelector('[data-name="ie11-backup-image"]');
+  t.falsy(backupImage);
+  unmount();
+  t.pass();
+});
+(0, _ava.default)('lottie controls: should update && load the animation, should clean up after unmount', t => {
+  const props = _extends(_extends({}, _controls.default.props), {}, {
+    animationControl: 'play'
+  });
+
+  const {
+    container,
+    rerender,
+    unmount
+  } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, props));
+  rerender( /*#__PURE__*/_react.default.createElement(_.default, props));
+  const wrapper = container.querySelectorAll('[data-name="default-lottie"]');
+  t.truthy(wrapper);
+  const backupImage = wrapper[0].querySelector('[data-name="ie11-backup-image"]');
+  t.falsy(backupImage);
+  unmount();
   t.pass();
 });
 (0, _ava.default)('ie11: should load an image in place of the animation', t => {
@@ -40,17 +66,23 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
     return 'Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) like Gecko';
   });
 
-  const wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_.default, _default.default.props));
-  wrapper.update();
-  const backupImage = wrapper.find('[data-name="ie11-backup-image"]');
-  t.true(backupImage.at(0).exists());
-  wrapper.unmount();
+  const {
+    container,
+    rerender,
+    unmount
+  } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, _default.default.props));
+  rerender( /*#__PURE__*/_react.default.createElement(_.default, _default.default.props));
+  const wrapper = container.querySelectorAll('[data-name="default-lottie"]');
+  t.truthy(wrapper);
+  const backupImage = wrapper[0].querySelector('[data-name="ie11-backup-image"]');
+  t.truthy(backupImage);
   delete window.msCrypto; // eslint-disable-next-line lodash-fp/prefer-constant
 
   window.navigator.__defineGetter__('userAgent', function () {
     return 'Mozilla/5.0 (darwin) AppleWebKit/537.36 (KHTML, like Gecko) jsdom/13.2.0';
   });
 
+  unmount();
   t.pass();
 });
 (0, _ava.default)('other browser: should not load an image in place of the animation', t => {
@@ -59,15 +91,22 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
     return 'Mozilla/5.0 (other stuff; rv:77.0) like Gecko';
   });
 
-  const wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_.default, _default.default.props));
-  const backupImage = wrapper.find('[data-name="ie11-backup-image"]');
-  t.false(backupImage.at(0).exists());
-  wrapper.unmount(); // eslint-disable-next-line lodash-fp/prefer-constant
+  const {
+    container,
+    rerender,
+    unmount
+  } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, _default.default.props));
+  rerender( /*#__PURE__*/_react.default.createElement(_.default, _default.default.props));
+  const wrapper = container.querySelectorAll('[data-name="default-lottie"]');
+  t.truthy(wrapper);
+  const backupImage = wrapper[0].querySelector('[data-name="ie11-backup-image"]');
+  t.falsy(backupImage); // eslint-disable-next-line lodash-fp/prefer-constant
 
   window.navigator.__defineGetter__('userAgent', function () {
     return 'Mozilla/5.0 (darwin) AppleWebKit/537.36 (KHTML, like Gecko) jsdom/13.2.0';
   });
 
+  unmount();
   t.pass();
 });
 (0, _ava.default)('fetchAndLoadAnimation', async t => {
@@ -91,7 +130,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
     };
   };
 
-  const animation = await (0, _.fetchAndLoadAnimation)(props.animationSrc, '123456', true, 'test', true, _lottie, _fetch);
+  const animation = await (0, _.fetchAndLoadAnimation)(_lottie, _fetch, props.animationSrc, '123456', true, 'test', true);
   t.is(animation.name, 'animation');
 });
 //# sourceMappingURL=lottie.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/atom/lottie-wrapper/test/lottie.js"],"names":["adapter","Adapter","t","wrapper","starFixture","props","update","backupImage","find","false","at","exists","unmount","pass","window","msCrypto","navigator","__defineGetter__","true","plan","_lottie","loadAnimation","name","_fetch","json","animationData","animation","animationSrc","is"],"mappings":"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","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {mount, configure} from 'enzyme';\nimport Adapter from 'enzyme-adapter-react-16';\nimport LottieWrapper, {fetchAndLoadAnimation} from '..';\nimport starFixture from './fixtures/default';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\n\ntest('should update && load the animation, should clean up after unmount', t => {\n  const wrapper = mount(<LottieWrapper {...starFixture.props} />);\n\n  wrapper.update();\n\n  const backupImage = wrapper.find('[data-name=\"ie11-backup-image\"]');\n  t.false(backupImage.at(0).exists());\n\n  wrapper.unmount();\n\n  t.pass();\n});\n\ntest('ie11: should load an image in place of the animation', t => {\n  window.msCrypto = () => {};\n  // eslint-disable-next-line lodash-fp/prefer-constant\n  window.navigator.__defineGetter__('userAgent', function () {\n    return 'Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) like Gecko';\n  });\n\n  const wrapper = mount(<LottieWrapper {...starFixture.props} />);\n\n  wrapper.update();\n\n  const backupImage = wrapper.find('[data-name=\"ie11-backup-image\"]');\n  t.true(backupImage.at(0).exists());\n\n  wrapper.unmount();\n\n  delete window.msCrypto;\n  // eslint-disable-next-line lodash-fp/prefer-constant\n  window.navigator.__defineGetter__('userAgent', function () {\n    return 'Mozilla/5.0 (darwin) AppleWebKit/537.36 (KHTML, like Gecko) jsdom/13.2.0';\n  });\n\n  t.pass();\n});\n\ntest('other browser: should not load an image in place of the animation', t => {\n  // eslint-disable-next-line lodash-fp/prefer-constant\n  window.navigator.__defineGetter__('userAgent', function () {\n    return 'Mozilla/5.0 (other stuff; rv:77.0) like Gecko';\n  });\n\n  const wrapper = mount(<LottieWrapper {...starFixture.props} />);\n\n  const backupImage = wrapper.find('[data-name=\"ie11-backup-image\"]');\n  t.false(backupImage.at(0).exists());\n\n  wrapper.unmount();\n\n  // eslint-disable-next-line lodash-fp/prefer-constant\n  window.navigator.__defineGetter__('userAgent', function () {\n    return 'Mozilla/5.0 (darwin) AppleWebKit/537.36 (KHTML, like Gecko) jsdom/13.2.0';\n  });\n\n  t.pass();\n});\n\ntest('fetchAndLoadAnimation', async t => {\n  t.plan(3);\n  const props = starFixture.props;\n  const _lottie = {\n    loadAnimation: () => {\n      t.pass();\n      return {name: 'animation'};\n    }\n  };\n  const _fetch = () => {\n    t.pass();\n    return {\n      json: () => ({\n        animationData: 'some value'\n      })\n    };\n  };\n  const animation = await fetchAndLoadAnimation(\n    props.animationSrc,\n    '123456',\n    true,\n    'test',\n    true,\n    _lottie,\n    _fetch\n  );\n\n  t.is(animation.name, 'animation');\n});\n"],"file":"lottie.js"}
+{"version":3,"sources":["../../../../src/atom/lottie-wrapper/test/lottie.js"],"names":["test","afterEach","cleanup","t","container","rerender","unmount","starFixture","props","wrapper","querySelectorAll","truthy","backupImage","querySelector","falsy","pass","controlsFixture","animationControl","window","msCrypto","navigator","__defineGetter__","plan","_lottie","loadAnimation","name","_fetch","json","animationData","animation","animationSrc","is"],"mappings":"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","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {render, cleanup} from '@testing-library/react';\nimport LottieWrapper, {fetchAndLoadAnimation} from '..';\nimport starFixture from './fixtures/default';\nimport controlsFixture from './fixtures/controls';\n\nbrowserEnv();\n\ntest.afterEach(cleanup);\n\ntest('should update && load the animation, should clean up after unmount', t => {\n  const {container, rerender, unmount} = render(<LottieWrapper {...starFixture.props} />);\n\n  rerender(<LottieWrapper {...starFixture.props} />);\n\n  const wrapper = container.querySelectorAll('[data-name=\"default-lottie\"]');\n  t.truthy(wrapper);\n\n  const backupImage = wrapper[0].querySelector('[data-name=\"ie11-backup-image\"]');\n  t.falsy(backupImage);\n\n  unmount();\n\n  t.pass();\n});\n\ntest('lottie controls: should update && load the animation, should clean up after unmount', t => {\n  const props = {\n    ...controlsFixture.props,\n    animationControl: 'play'\n  };\n\n  const {container, rerender, unmount} = render(<LottieWrapper {...props} />);\n\n  rerender(<LottieWrapper {...props} />);\n  const wrapper = container.querySelectorAll('[data-name=\"default-lottie\"]');\n  t.truthy(wrapper);\n\n  const backupImage = wrapper[0].querySelector('[data-name=\"ie11-backup-image\"]');\n  t.falsy(backupImage);\n  unmount();\n\n  t.pass();\n});\n\ntest('ie11: should load an image in place of the animation', t => {\n  window.msCrypto = () => {};\n  // eslint-disable-next-line lodash-fp/prefer-constant\n  window.navigator.__defineGetter__('userAgent', function () {\n    return 'Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) like Gecko';\n  });\n\n  const {container, rerender, unmount} = render(<LottieWrapper {...starFixture.props} />);\n\n  rerender(<LottieWrapper {...starFixture.props} />);\n  const wrapper = container.querySelectorAll('[data-name=\"default-lottie\"]');\n  t.truthy(wrapper);\n\n  const backupImage = wrapper[0].querySelector('[data-name=\"ie11-backup-image\"]');\n  t.truthy(backupImage);\n\n  delete window.msCrypto;\n  // eslint-disable-next-line lodash-fp/prefer-constant\n  window.navigator.__defineGetter__('userAgent', function () {\n    return 'Mozilla/5.0 (darwin) AppleWebKit/537.36 (KHTML, like Gecko) jsdom/13.2.0';\n  });\n  unmount();\n\n  t.pass();\n});\n\ntest('other browser: should not load an image in place of the animation', t => {\n  // eslint-disable-next-line lodash-fp/prefer-constant\n  window.navigator.__defineGetter__('userAgent', function () {\n    return 'Mozilla/5.0 (other stuff; rv:77.0) like Gecko';\n  });\n\n  const {container, rerender, unmount} = render(<LottieWrapper {...starFixture.props} />);\n\n  rerender(<LottieWrapper {...starFixture.props} />);\n  const wrapper = container.querySelectorAll('[data-name=\"default-lottie\"]');\n  t.truthy(wrapper);\n\n  const backupImage = wrapper[0].querySelector('[data-name=\"ie11-backup-image\"]');\n  t.falsy(backupImage);\n\n  // eslint-disable-next-line lodash-fp/prefer-constant\n  window.navigator.__defineGetter__('userAgent', function () {\n    return 'Mozilla/5.0 (darwin) AppleWebKit/537.36 (KHTML, like Gecko) jsdom/13.2.0';\n  });\n  unmount();\n\n  t.pass();\n});\n\ntest('fetchAndLoadAnimation', async t => {\n  t.plan(3);\n  const props = starFixture.props;\n  const _lottie = {\n    loadAnimation: () => {\n      t.pass();\n      return {name: 'animation'};\n    }\n  };\n  const _fetch = () => {\n    t.pass();\n    return {\n      json: () => ({\n        animationData: 'some value'\n      })\n    };\n  };\n  const animation = await fetchAndLoadAnimation(\n    _lottie,\n    _fetch,\n    props.animationSrc,\n    '123456',\n    true,\n    'test',\n    true\n  );\n\n  t.is(animation.name, 'animation');\n});\n"],"file":"lottie.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "10.17.0",
+  "version": "10.17.1",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -94,6 +94,7 @@
     "@storybook/addon-knobs": "^5.3.18",
     "@storybook/addons": "^5.3.18",
     "@storybook/react": "^5.3.18",
+    "@testing-library/react": "12.1.5",
     "ava": "^3.8.2",
     "babel-loader": "^8.1.0",
     "babel-plugin-istanbul": "^6.0.0",
@@ -103,7 +104,7 @@
     "concurrently": "^5.2.0",
     "cross-env": "^7.0.2",
     "enzyme": "^3.11.0",
-    "enzyme-adapter-react-16": "^1.15.2",
+    "enzyme-adapter-react-16": "^1.15.6",
     "eslint": "^7.3.1",
     "file-loader": "^6.0.0",
     "glob": "^7.1.6",
@@ -121,5 +122,5 @@
     "webpack-hot-middleware": "^2.25.0"
   },
   "author": "CoorpAcademy",
-  "gitHead": "ddddc43b9c0b7beb2547c9411cab45e8aa76dcb7"
+  "gitHead": "0c41a2cae50611864e56d039d246ebf3a41ef0d1"
 }