@coorpacademy/components 11.2.10 → 11.2.11

package/es/template/activity/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","Provider","Button","Select","Loader","ProgressionItem","EngineStars","StarsSummary","style","Progression","Component","constructor","props","context","handleClick","e","recommendation","stopPropagation","preventDefault","onClick","handleSelectTheme","themeFilter","onChange","bind","render","mainTitle","mainSubtitle","progressions","total","engines","loading","skin","primary","loader","allProgressions","map","progression","ref","coreProgression","core","themeSelect","options","selectBorder","select","recommendationSection","recommendationWrapper","title","subtitle","course","innerHTML","__html","courseTitle","cta","backgroundColor","default","headerProgression","wrapperCta","wrapperProgression","contextTypes","childContextTypes","propTypes","string","isRequired","shape","label","stars","number","arrayOf","bool","func"],"sources":["../../../src/template/activity/index.js"],"sourcesContent":["import React from 'react';\nimport {get, omit, isEmpty} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport Select from '../../atom/select';\nimport Loader from '../../atom/loader';\nimport ProgressionItem from './progression-item';\nimport EngineStars from './engine-stars';\nimport StarsSummary from './stars-summary';\nimport style from './style.css';\n\nclass Progression extends React.Component {\n  static propTypes = {\n    mainTitle: PropTypes.string.isRequired,\n    mainSubtitle: PropTypes.string.isRequired,\n    total: PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      stars: PropTypes.number.isRequired\n    }).isRequired,\n    engines: PropTypes.arrayOf(PropTypes.shape(EngineStars.propTypes)),\n    loading: PropTypes.bool.isRequired,\n    progressions: PropTypes.arrayOf(\n      PropTypes.shape({...ProgressionItem.propTypes, ref: PropTypes.string.isRequired})\n    ),\n    themeFilter: PropTypes.shape({\n      options: Select.propTypes.options.isRequired,\n      onChange: Select.propTypes.onChange\n    }),\n    recommendation: PropTypes.shape({\n      cta: PropTypes.string.isRequired,\n      title: PropTypes.string.isRequired,\n      subtitle: PropTypes.string.isRequired,\n      courseTitle: PropTypes.string.isRequired,\n      onClick: PropTypes.func\n    })\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props, context);\n    this.handleClick = this.handleClick.bind(this);\n    this.handleSelectTheme = this.handleSelectTheme.bind(this);\n  }\n\n  handleClick = e => {\n    const {recommendation} = this.props;\n    e.stopPropagation();\n    e.preventDefault();\n    const {onClick} = recommendation;\n    onClick && onClick(e);\n  };\n\n  handleSelectTheme = e => {\n    const {\n      themeFilter: {onChange}\n    } = this.props;\n    onChange && onChange(e);\n  };\n\n  render() {\n    const {\n      mainTitle,\n      mainSubtitle,\n      recommendation = {},\n      progressions = [],\n      total,\n      engines = [],\n      themeFilter = {},\n      loading\n    } = this.props;\n    const {skin} = this.context;\n\n    const primary = get('common.primary', skin);\n    const loader = loading ? (\n      <div className={style.loader}>\n        <Loader />\n      </div>\n    ) : null;\n    const allProgressions = progressions.map(progression => (\n      <ProgressionItem {...omit(['ref'], progression)} key={progression.ref} />\n    ));\n\n    const coreProgression = (\n      <div data-name=\"activityCore\" className={style.core}>\n        {allProgressions}\n      </div>\n    );\n    const themeSelect = !isEmpty(themeFilter.options) ? (\n      <Select\n        borderClassName={style.selectBorder}\n        className={style.select}\n        theme=\"thematiques\"\n        options={themeFilter.options}\n        onChange={this.handleSelectTheme}\n      />\n    ) : null;\n    const recommendationSection = !isEmpty(recommendation) ? (\n      <div className={style.recommendationWrapper}>\n        <p className={style.recommendationSection}>{recommendation.title} </p>\n        <p className={style.recommendationSection}>\n          <span>{recommendation.subtitle} </span>\n          <span\n            className={classnames(style.course, style.innerHTML)}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: recommendation.courseTitle}}\n          />\n        </p>\n        <Button\n          type=\"link\"\n          onClick={this.handleClick}\n          submitValue={recommendation.cta}\n          style={{\n            backgroundColor: primary\n          }}\n          className={style.cta}\n        />\n      </div>\n    ) : null;\n    return (\n      <div className={style.default}>\n        <div data-name=\"activity-header\">\n          <div className={style.mainTitle}>\n            <span>{mainTitle}</span> {mainSubtitle}\n          </div>\n          <div className={style.headerProgression}>\n            <div className={style.wrapperCta}>\n              {themeSelect}\n              {recommendationSection}\n            </div>\n            <StarsSummary engines={engines} total={total} />\n          </div>\n        </div>\n        <div className={style.wrapperProgression} data-name=\"activityList\">\n          {coreProgression}\n          {loader}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Progression;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","Provider","Button","Select","Loader","ProgressionItem","EngineStars","StarsSummary","style","Progression","Component","constructor","props","context","handleClick","e","recommendation","stopPropagation","preventDefault","onClick","handleSelectTheme","themeFilter","onChange","bind","render","mainTitle","mainSubtitle","progressions","adaptiveAriaLabel","total","engines","loading","skin","primary","loader","allProgressions","map","progression","ref","coreProgression","core","themeSelect","options","selectBorder","select","recommendationSection","recommendationWrapper","title","subtitle","course","innerHTML","__html","courseTitle","cta","backgroundColor","default","headerProgression","wrapperCta","wrapperProgression","contextTypes","childContextTypes","propTypes","string","isRequired","shape","label","stars","number","arrayOf","bool","func"],"sources":["../../../src/template/activity/index.js"],"sourcesContent":["import React from 'react';\nimport {get, omit, isEmpty} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport Select from '../../atom/select';\nimport Loader from '../../atom/loader';\nimport ProgressionItem from './progression-item';\nimport EngineStars from './engine-stars';\nimport StarsSummary from './stars-summary';\nimport style from './style.css';\n\nclass Progression extends React.Component {\n  static propTypes = {\n    mainTitle: PropTypes.string.isRequired,\n    mainSubtitle: PropTypes.string.isRequired,\n    adaptiveAriaLabel: PropTypes.string,\n    total: PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      stars: PropTypes.number.isRequired\n    }).isRequired,\n    engines: PropTypes.arrayOf(PropTypes.shape(EngineStars.propTypes)),\n    loading: PropTypes.bool.isRequired,\n    progressions: PropTypes.arrayOf(\n      PropTypes.shape({...ProgressionItem.propTypes, ref: PropTypes.string.isRequired})\n    ),\n    themeFilter: PropTypes.shape({\n      options: Select.propTypes.options.isRequired,\n      onChange: Select.propTypes.onChange\n    }),\n    recommendation: PropTypes.shape({\n      cta: PropTypes.string.isRequired,\n      title: PropTypes.string.isRequired,\n      subtitle: PropTypes.string.isRequired,\n      courseTitle: PropTypes.string.isRequired,\n      onClick: PropTypes.func\n    })\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props, context);\n    this.handleClick = this.handleClick.bind(this);\n    this.handleSelectTheme = this.handleSelectTheme.bind(this);\n  }\n\n  handleClick = e => {\n    const {recommendation} = this.props;\n    e.stopPropagation();\n    e.preventDefault();\n    const {onClick} = recommendation;\n    onClick && onClick(e);\n  };\n\n  handleSelectTheme = e => {\n    const {\n      themeFilter: {onChange}\n    } = this.props;\n    onChange && onChange(e);\n  };\n\n  render() {\n    const {\n      mainTitle,\n      mainSubtitle,\n      recommendation = {},\n      progressions = [],\n      adaptiveAriaLabel,\n      total,\n      engines = [],\n      themeFilter = {},\n      loading\n    } = this.props;\n    const {skin} = this.context;\n\n    const primary = get('common.primary', skin);\n    const loader = loading ? (\n      <div className={style.loader}>\n        <Loader />\n      </div>\n    ) : null;\n    const allProgressions = progressions.map(progression => (\n      <ProgressionItem\n        {...omit(['ref'], progression)}\n        key={progression.ref}\n        adaptiveAriaLabel={adaptiveAriaLabel}\n      />\n    ));\n\n    const coreProgression = (\n      <div data-name=\"activityCore\" className={style.core}>\n        {allProgressions}\n      </div>\n    );\n    const themeSelect = !isEmpty(themeFilter.options) ? (\n      <Select\n        borderClassName={style.selectBorder}\n        className={style.select}\n        theme=\"thematiques\"\n        options={themeFilter.options}\n        onChange={this.handleSelectTheme}\n      />\n    ) : null;\n    const recommendationSection = !isEmpty(recommendation) ? (\n      <div className={style.recommendationWrapper}>\n        <p className={style.recommendationSection}>{recommendation.title} </p>\n        <p className={style.recommendationSection}>\n          <span>{recommendation.subtitle} </span>\n          <span\n            className={classnames(style.course, style.innerHTML)}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: recommendation.courseTitle}}\n          />\n        </p>\n        <Button\n          type=\"link\"\n          onClick={this.handleClick}\n          submitValue={recommendation.cta}\n          style={{\n            backgroundColor: primary\n          }}\n          className={style.cta}\n        />\n      </div>\n    ) : null;\n    return (\n      <div className={style.default}>\n        <div data-name=\"activity-header\">\n          <div className={style.mainTitle}>\n            <span>{mainTitle}</span> {mainSubtitle}\n          </div>\n          <div className={style.headerProgression}>\n            <div className={style.wrapperCta}>\n              {themeSelect}\n              {recommendationSection}\n            </div>\n            <StarsSummary engines={engines} total={total} />\n          </div>\n        </div>\n        <div className={style.wrapperProgression} data-name=\"activityList\">\n          {coreProgression}\n          {loader}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Progression;\n"],"mappings":"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"}

package/es/template/activity/progression-item.d.ts

@@ -10,6 +10,7 @@ declare namespace ProgressionItem {
         const label: PropTypes.Validator<string>;
         const level: PropTypes.Validator<string>;
         const state: PropTypes.Validator<string>;
+        const adaptiveAriaLabel: PropTypes.Requireable<string>;
         const type: PropTypes.Validator<string>;
         const adaptive: PropTypes.Validator<boolean>;
         const onClick: PropTypes.Requireable<(...args: any[]) => any>;

package/es/template/activity/progression-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progression-item.d.ts","sourceRoot":"","sources":["../../../src/template/activity/progression-item.js"],"names":[],"mappings":";AAmCA,wEAwFC"}
+{"version":3,"file":"progression-item.d.ts","sourceRoot":"","sources":["../../../src/template/activity/progression-item.js"],"names":[],"mappings":";AAmCA,wEAyFC"}

package/es/template/activity/progression-item.js

@@ -35,7 +35,8 @@ const ProgressionItem = (props, context) => {
     maxStars,
     state,
     type,
-    steps = 0
+    steps = 0,
+    adaptiveAriaLabel
   } = props;
 
   const dark = _get('common.dark', skin);
@@ -52,7 +53,8 @@ const ProgressionItem = (props, context) => {
     }
   }, /*#__PURE__*/React.createElement(AdaptiveIcon, {
     color: white,
-    height: 14
+    height: 14,
+    "aria-label": adaptiveAriaLabel
   })) : null;
   const handleCTAClick = useMemo(() => e => {
     e.stopPropagation();
@@ -125,6 +127,7 @@ ProgressionItem.propTypes = process.env.NODE_ENV !== "production" ? {
   label: PropTypes.string.isRequired,
   level: PropTypes.string.isRequired,
   state: PropTypes.string.isRequired,
+  adaptiveAriaLabel: PropTypes.string,
   type: PropTypes.string.isRequired,
   adaptive: PropTypes.bool.isRequired,
   onClick: PropTypes.func

package/es/template/activity/progression-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"progression-item.js","names":["React","useMemo","PropTypes","classnames","NovaCompositionNavigationArrowRight","ArrowRightIcon","NovaCompositionCoorpacademyStar","StarIcon","NovaCompositionCoorpacademyTimer","TimerIcon","NovaCompositionCoorpacademyBolt","BoltIcon","NovaSolidSchoolScienceGraduationHat","CertificationIcon","NovaCompositionCoorpacademyAdaptive","AdaptiveIcon","NovaSolidContentContentBook1","LearnerIcon","NovaCompositionCoorpacademyScorm","ScormIcon","NovaCompositionCoorpacademyArticle","ArticleIcon","NovaCompositionCoorpacademyVideo","VideoIcon","NovaCompositionCoorpacademyMicrophone","PodcastIcon","NovaCompositionCoorpacademyRevision","RevisionIcon","Provider","ProgressBar","Link","style","ICONS","chapter","course","battle","certification","article","scorm","video","podcast","review","ProgressionItem","props","context","skin","disabled","adaptive","completion","label","level","onClick","stars","maxStars","state","type","steps","dark","primary","white","IconType","adaptiveIcon","backgroundColor","handleCTAClick","e","stopPropagation","preventDefault","link","color","cta","progressionItem","wrapperTitle","iconType","innerHTML","__html","smallStars","iconStar","borderRadius","propTypes","number","isRequired","bool","string","func","contextTypes","childContextTypes"],"sources":["../../../src/template/activity/progression-item.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, noop} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRightIcon,\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon,\n  NovaCompositionCoorpacademyBolt as BoltIcon,\n  NovaSolidSchoolScienceGraduationHat as CertificationIcon,\n  NovaCompositionCoorpacademyAdaptive as AdaptiveIcon,\n  NovaSolidContentContentBook1 as LearnerIcon,\n  NovaCompositionCoorpacademyScorm as ScormIcon,\n  NovaCompositionCoorpacademyArticle as ArticleIcon,\n  NovaCompositionCoorpacademyVideo as VideoIcon,\n  NovaCompositionCoorpacademyMicrophone as PodcastIcon,\n  NovaCompositionCoorpacademyRevision as RevisionIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport ProgressBar from '../../molecule/progress-bar';\nimport Link from '../../atom/link';\nimport style from './progression-item.css';\n\nconst ICONS = {\n  chapter: TimerIcon,\n  course: LearnerIcon,\n  battle: BoltIcon,\n  certification: CertificationIcon,\n  article: ArticleIcon,\n  scorm: ScormIcon,\n  video: VideoIcon,\n  podcast: PodcastIcon,\n  review: RevisionIcon\n};\n\nconst ProgressionItem = (props, context) => {\n  const {skin} = context;\n  const {\n    disabled = false,\n    adaptive,\n    completion,\n    label,\n    level,\n    onClick = noop,\n    stars,\n    maxStars,\n    state,\n    type,\n    steps = 0\n  } = props;\n\n  const dark = get('common.dark', skin);\n  const primary = get('common.primary', skin);\n  const white = get('common.white', skin);\n  const IconType = ICONS[type];\n\n  const adaptiveIcon = adaptive ? (\n    <div\n      className={style.adaptiveIcon}\n      style={{\n        backgroundColor: primary\n      }}\n    >\n      <AdaptiveIcon color={white} height={14} />\n    </div>\n  ) : null;\n\n  const handleCTAClick = useMemo(\n    () => e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n\n  const link = disabled ? null : (\n    <Link style={{color: primary}} onClick={handleCTAClick} data-progression-state={state}>\n      <span className={style.cta}>\n        {state} <ArrowRightIcon color={primary} height={12} width={20} />\n      </span>\n    </Link>\n  );\n\n  return (\n    <div className={classnames(style.progressionItem, disabled ? style.disabled : '')}>\n      <div className={style.wrapperTitle}>\n        <IconType className={style.iconType} color={dark} />\n        <div data-name=\"activityLabel\" className={style.label} title={label}>\n          <div\n            className={style.innerHTML}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: label}}\n          />\n          {adaptiveIcon}\n        </div>\n\n        <div\n          data-name=\"activityStars\"\n          className={style.stars}\n          style={{\n            color: primary\n          }}\n        >\n          {stars}\n          {maxStars ? ' /' : null}\n          {maxStars ? <span className={style.smallStars}>{maxStars}</span> : null}{' '}\n          <StarIcon className={style.iconStar} color={primary} />\n        </div>\n      </div>\n      <ProgressBar\n        className={style.completion}\n        value={completion * 100}\n        max={100}\n        steps={steps}\n        style={{backgroundColor: primary, borderRadius: 0}}\n      />\n      <div className={style.state}>\n        {link}\n        <span className={style.level}>{level}</span>\n      </div>\n    </div>\n  );\n};\n\nProgressionItem.propTypes = {\n  completion: PropTypes.number.isRequired,\n  stars: PropTypes.number.isRequired,\n  maxStars: PropTypes.number,\n  steps: PropTypes.number,\n  disabled: PropTypes.bool,\n  label: PropTypes.string.isRequired,\n  level: PropTypes.string.isRequired,\n  state: PropTypes.string.isRequired,\n  type: PropTypes.string.isRequired,\n  adaptive: PropTypes.bool.isRequired,\n  onClick: PropTypes.func\n};\n\nProgressionItem.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default ProgressionItem;\n"],"mappings":"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"}
+{"version":3,"file":"progression-item.js","names":["React","useMemo","PropTypes","classnames","NovaCompositionNavigationArrowRight","ArrowRightIcon","NovaCompositionCoorpacademyStar","StarIcon","NovaCompositionCoorpacademyTimer","TimerIcon","NovaCompositionCoorpacademyBolt","BoltIcon","NovaSolidSchoolScienceGraduationHat","CertificationIcon","NovaCompositionCoorpacademyAdaptive","AdaptiveIcon","NovaSolidContentContentBook1","LearnerIcon","NovaCompositionCoorpacademyScorm","ScormIcon","NovaCompositionCoorpacademyArticle","ArticleIcon","NovaCompositionCoorpacademyVideo","VideoIcon","NovaCompositionCoorpacademyMicrophone","PodcastIcon","NovaCompositionCoorpacademyRevision","RevisionIcon","Provider","ProgressBar","Link","style","ICONS","chapter","course","battle","certification","article","scorm","video","podcast","review","ProgressionItem","props","context","skin","disabled","adaptive","completion","label","level","onClick","stars","maxStars","state","type","steps","adaptiveAriaLabel","dark","primary","white","IconType","adaptiveIcon","backgroundColor","handleCTAClick","e","stopPropagation","preventDefault","link","color","cta","progressionItem","wrapperTitle","iconType","innerHTML","__html","smallStars","iconStar","borderRadius","propTypes","number","isRequired","bool","string","func","contextTypes","childContextTypes"],"sources":["../../../src/template/activity/progression-item.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, noop} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRightIcon,\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon,\n  NovaCompositionCoorpacademyBolt as BoltIcon,\n  NovaSolidSchoolScienceGraduationHat as CertificationIcon,\n  NovaCompositionCoorpacademyAdaptive as AdaptiveIcon,\n  NovaSolidContentContentBook1 as LearnerIcon,\n  NovaCompositionCoorpacademyScorm as ScormIcon,\n  NovaCompositionCoorpacademyArticle as ArticleIcon,\n  NovaCompositionCoorpacademyVideo as VideoIcon,\n  NovaCompositionCoorpacademyMicrophone as PodcastIcon,\n  NovaCompositionCoorpacademyRevision as RevisionIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport ProgressBar from '../../molecule/progress-bar';\nimport Link from '../../atom/link';\nimport style from './progression-item.css';\n\nconst ICONS = {\n  chapter: TimerIcon,\n  course: LearnerIcon,\n  battle: BoltIcon,\n  certification: CertificationIcon,\n  article: ArticleIcon,\n  scorm: ScormIcon,\n  video: VideoIcon,\n  podcast: PodcastIcon,\n  review: RevisionIcon\n};\n\nconst ProgressionItem = (props, context) => {\n  const {skin} = context;\n  const {\n    disabled = false,\n    adaptive,\n    completion,\n    label,\n    level,\n    onClick = noop,\n    stars,\n    maxStars,\n    state,\n    type,\n    steps = 0,\n    adaptiveAriaLabel\n  } = props;\n\n  const dark = get('common.dark', skin);\n  const primary = get('common.primary', skin);\n  const white = get('common.white', skin);\n  const IconType = ICONS[type];\n\n  const adaptiveIcon = adaptive ? (\n    <div\n      className={style.adaptiveIcon}\n      style={{\n        backgroundColor: primary\n      }}\n    >\n      <AdaptiveIcon color={white} height={14} aria-label={adaptiveAriaLabel} />\n    </div>\n  ) : null;\n\n  const handleCTAClick = useMemo(\n    () => e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n\n  const link = disabled ? null : (\n    <Link style={{color: primary}} onClick={handleCTAClick} data-progression-state={state}>\n      <span className={style.cta}>\n        {state} <ArrowRightIcon color={primary} height={12} width={20} />\n      </span>\n    </Link>\n  );\n\n  return (\n    <div className={classnames(style.progressionItem, disabled ? style.disabled : '')}>\n      <div className={style.wrapperTitle}>\n        <IconType className={style.iconType} color={dark} />\n        <div data-name=\"activityLabel\" className={style.label} title={label}>\n          <div\n            className={style.innerHTML}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: label}}\n          />\n          {adaptiveIcon}\n        </div>\n\n        <div\n          data-name=\"activityStars\"\n          className={style.stars}\n          style={{\n            color: primary\n          }}\n        >\n          {stars}\n          {maxStars ? ' /' : null}\n          {maxStars ? <span className={style.smallStars}>{maxStars}</span> : null}{' '}\n          <StarIcon className={style.iconStar} color={primary} />\n        </div>\n      </div>\n      <ProgressBar\n        className={style.completion}\n        value={completion * 100}\n        max={100}\n        steps={steps}\n        style={{backgroundColor: primary, borderRadius: 0}}\n      />\n      <div className={style.state}>\n        {link}\n        <span className={style.level}>{level}</span>\n      </div>\n    </div>\n  );\n};\n\nProgressionItem.propTypes = {\n  completion: PropTypes.number.isRequired,\n  stars: PropTypes.number.isRequired,\n  maxStars: PropTypes.number,\n  steps: PropTypes.number,\n  disabled: PropTypes.bool,\n  label: PropTypes.string.isRequired,\n  level: PropTypes.string.isRequired,\n  state: PropTypes.string.isRequired,\n  adaptiveAriaLabel: PropTypes.string,\n  type: PropTypes.string.isRequired,\n  adaptive: PropTypes.bool.isRequired,\n  onClick: PropTypes.func\n};\n\nProgressionItem.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default ProgressionItem;\n"],"mappings":"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"}

package/es/template/app-review/index.d.ts

@@ -1,52 +1,9 @@
 /// <reference types="react" />
 import { AppReviewProps } from './prop-types';
 declare const AppReview: {
-    ({ viewName, onboarding, skills, slides }: AppReviewProps): JSX.Element;
+    ({ viewName, slides }: AppReviewProps): JSX.Element;
     propTypes: {
         viewName: import("prop-types").Requireable<string>;
-        onboarding: import("prop-types").Requireable<import("prop-types").InferProps<{
-            'aria-label': import("prop-types").Requireable<string>;
-            reviewTitle: import("prop-types").Requireable<string>;
-            reviewText: import("prop-types").Requireable<string>;
-            labelsList: import("prop-types").Requireable<import("prop-types").InferProps<{
-                skills: import("prop-types").Requireable<import("prop-types").InferProps<{
-                    text: import("prop-types").Requireable<string>;
-                    tooltipText: import("prop-types").Requireable<string>;
-                }>>;
-                questions: import("prop-types").Requireable<import("prop-types").InferProps<{
-                    text: import("prop-types").Requireable<string>;
-                    tooltipText: import("prop-types").Requireable<string>;
-                }>>;
-                lifes: import("prop-types").Requireable<import("prop-types").InferProps<{
-                    text: import("prop-types").Requireable<string>;
-                    tooltipText: import("prop-types").Requireable<string>;
-                }>>;
-                allright: import("prop-types").Requireable<import("prop-types").InferProps<{
-                    text: import("prop-types").Requireable<string>;
-                    tooltipText: import("prop-types").Requireable<string>;
-                }>>;
-            }>>;
-        }>>;
-        skills: import("prop-types").Requireable<import("prop-types").InferProps<{
-            'aria-label': import("prop-types").Requireable<string>;
-            title: import("prop-types").Requireable<string>;
-            isLoading: import("prop-types").Requireable<boolean>;
-            isLoadingAriaLabel: import("prop-types").Requireable<string>;
-            listSkills: import("prop-types").Requireable<(import("prop-types").InferProps<{
-                'aria-label': import("prop-types").Requireable<string>;
-                skillTitle: import("prop-types").Requireable<string>;
-                skillAriaLabel: import("prop-types").Requireable<string>;
-                buttonLabel: import("prop-types").Requireable<string>;
-                buttonAriaLabel: import("prop-types").Requireable<string>;
-                reviseLabel: import("prop-types").Requireable<string>;
-                reviseAriaLabel: import("prop-types").Requireable<string>;
-                isCustom: import("prop-types").Requireable<boolean>;
-                onClick: import("prop-types").Requireable<(...args: any[]) => any>;
-            }> | null | undefined)[]>;
-            titleNoSkills: import("prop-types").Requireable<string>;
-            textNoSkills: import("prop-types").Requireable<string>;
-            iconSkillAriaLabel: import("prop-types").Requireable<string>;
-        }>>;
         slides: import("prop-types").Requireable<import("prop-types").InferProps<{
             header: import("prop-types").Requireable<import("prop-types").InferProps<{
                 steps: import("prop-types").Requireable<(import("prop-types").InferProps<{
@@ -467,7 +424,7 @@ declare const AppReview: {
                 'aria-label': import("prop-types").Requireable<string>;
                 'data-name': import("prop-types").Requireable<string>;
                 animationLottie: import("prop-types").Requireable<import("prop-types").InferProps<{
-                    'aria-label': import("prop-types").Validator<string>;
+                    'aria-label': import("prop-types").Requireable<string>;
                     'data-name': import("prop-types").Requireable<string>;
                     animationSrc: import("prop-types").Validator<string>;
                     loop: import("prop-types").Requireable<boolean>;
@@ -488,7 +445,7 @@ declare const AppReview: {
                     'aria-label': import("prop-types").Requireable<string>;
                     'data-name': import("prop-types").Requireable<string>;
                     animationLottie: import("prop-types").Requireable<import("prop-types").InferProps<{
-                        'aria-label': import("prop-types").Validator<string>;
+                        'aria-label': import("prop-types").Requireable<string>;
                         'data-name': import("prop-types").Requireable<string>;
                         animationSrc: import("prop-types").Validator<string>;
                         loop: import("prop-types").Requireable<boolean>;
@@ -516,7 +473,7 @@ declare const AppReview: {
                     'aria-label': import("prop-types").Requireable<string>;
                     'data-name': import("prop-types").Requireable<string>;
                     animationLottie: import("prop-types").Requireable<import("prop-types").InferProps<{
-                        'aria-label': import("prop-types").Validator<string>;
+                        'aria-label': import("prop-types").Requireable<string>;
                         'data-name': import("prop-types").Requireable<string>;
                         animationSrc: import("prop-types").Validator<string>;
                         loop: import("prop-types").Requireable<boolean>;

package/es/template/app-review/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/app-review/index.tsx"],"names":[],"mappings":";AAKA,OAAkB,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AAEvD,QAAA,MAAM,SAAS;+CAA4C,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAWxE,CAAC;AAIF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/app-review/index.tsx"],"names":[],"mappings":";AAGA,OAAkB,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AAEvD,QAAA,MAAM,SAAS;2BAAwB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOpD,CAAC;AAIF,eAAe,SAAS,CAAC"}

package/es/template/app-review/index.js

@@ -1,23 +1,13 @@
 import React from 'react';
 import Loader from '../../atom/loader';
-import Onboarding from './onboarding';
-import Skills from './skills';
 import Player from './player';
 import propTypes from './prop-types';
 
 const AppReview = ({
   viewName,
-  onboarding,
-  skills,
   slides
 }) => {
   switch (viewName) {
-    case 'skills':
-      return /*#__PURE__*/React.createElement(Skills, skills);
-
-    case 'onboarding':
-      return /*#__PURE__*/React.createElement(Onboarding, onboarding);
-
     case 'slides':
       return /*#__PURE__*/React.createElement(Player, slides);
 

package/es/template/app-review/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","Loader","Onboarding","Skills","Player","propTypes","AppReview","viewName","onboarding","skills","slides"],"sources":["../../../src/template/app-review/index.tsx"],"sourcesContent":["import React from 'react';\nimport Loader from '../../atom/loader';\nimport Onboarding from './onboarding';\nimport Skills from './skills';\nimport Player from './player';\nimport propTypes, {AppReviewProps} from './prop-types';\n\nconst AppReview = ({viewName, onboarding, skills, slides}: AppReviewProps) => {\n  switch (viewName) {\n    case 'skills':\n      return <Skills {...skills} />;\n    case 'onboarding':\n      return <Onboarding {...onboarding} />;\n    case 'slides':\n      return <Player {...slides} />;\n    default:\n      return <Loader />;\n  }\n};\n\nAppReview.propTypes = propTypes;\n\nexport default AppReview;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,SAAP,MAAwC,cAAxC;;AAEA,MAAMC,SAAS,GAAG,CAAC;EAACC,QAAD;EAAWC,UAAX;EAAuBC,MAAvB;EAA+BC;AAA/B,CAAD,KAA4D;EAC5E,QAAQH,QAAR;IACE,KAAK,QAAL;MACE,oBAAO,oBAAC,MAAD,EAAYE,MAAZ,CAAP;;IACF,KAAK,YAAL;MACE,oBAAO,oBAAC,UAAD,EAAgBD,UAAhB,CAAP;;IACF,KAAK,QAAL;MACE,oBAAO,oBAAC,MAAD,EAAYE,MAAZ,CAAP;;IACF;MACE,oBAAO,oBAAC,MAAD,OAAP;EARJ;AAUD,CAXD;;AAaAJ,SAAS,CAACD,SAAV,2CAAsBA,SAAtB;AAEA,eAAeC,SAAf"}
+{"version":3,"file":"index.js","names":["React","Loader","Player","propTypes","AppReview","viewName","slides"],"sources":["../../../src/template/app-review/index.tsx"],"sourcesContent":["import React from 'react';\nimport Loader from '../../atom/loader';\nimport Player from './player';\nimport propTypes, {AppReviewProps} from './prop-types';\n\nconst AppReview = ({viewName, slides}: AppReviewProps) => {\n  switch (viewName) {\n    case 'slides':\n      return <Player {...slides} />;\n    default:\n      return <Loader />;\n  }\n};\n\nAppReview.propTypes = propTypes;\n\nexport default AppReview;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,SAAP,MAAwC,cAAxC;;AAEA,MAAMC,SAAS,GAAG,CAAC;EAACC,QAAD;EAAWC;AAAX,CAAD,KAAwC;EACxD,QAAQD,QAAR;IACE,KAAK,QAAL;MACE,oBAAO,oBAAC,MAAD,EAAYC,MAAZ,CAAP;;IACF;MACE,oBAAO,oBAAC,MAAD,OAAP;EAJJ;AAMD,CAPD;;AASAF,SAAS,CAACD,SAAV,2CAAsBA,SAAtB;AAEA,eAAeC,SAAf"}

package/es/template/app-review/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/template/app-review/index.native.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AA2B5C,QAAA,MAAM,SAAS,UAAW,cAAc,gBAsBvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/template/app-review/index.native.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AAsB5C,QAAA,MAAM,SAAS,UAAW,cAAc,gBAsBvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/es/template/app-review/index.native.js

@@ -1,7 +1,6 @@
 import React, { useEffect } from 'react';
 import { Text, StyleSheet, View, BackHandler } from 'react-native';
 import Player from './player';
-import Skills from './skills';
 const styles = StyleSheet.create({
   rootView: {
     flex: 1,
@@ -12,16 +11,9 @@ const styles = StyleSheet.create({
 
 const Switch = ({
   viewName,
-  skills,
   slides
 }) => {
   switch (viewName) {
-    case 'onboarding':
-      return /*#__PURE__*/React.createElement(Text, null, "@todo view onboarding");
-
-    case 'skills':
-      return /*#__PURE__*/React.createElement(Skills, skills);
-
     case 'slides':
       return /*#__PURE__*/React.createElement(Player, slides);
 

package/es/template/app-review/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useEffect","Text","StyleSheet","View","BackHandler","Player","Skills","styles","create","rootView","flex","alignItems","justifyContent","Switch","viewName","skills","slides","AppReview","props","navigateBack","backAction","backHandler","addEventListener","remove"],"sources":["../../../src/template/app-review/index.native.tsx"],"sourcesContent":["import React, {useEffect} from 'react';\nimport {Text, StyleSheet, View, BackHandler} from 'react-native';\nimport {AppReviewProps} from './prop-types';\nimport Player from './player';\nimport Skills from './skills';\n\nconst styles = StyleSheet.create({\n  rootView: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center'\n  }\n});\n\nconst Switch = ({viewName, skills, slides}: AppReviewProps) => {\n  switch (viewName) {\n    case 'onboarding':\n      return <Text>@todo view onboarding</Text>;\n    case 'skills':\n      return <Skills {...skills} />;\n    case 'slides':\n      return <Player {...slides} />;\n    case 'loader':\n      return <Text>@todo loader</Text>;\n    default:\n      return <Text>unknown viewname: {viewName}</Text>;\n  }\n};\n\nconst AppReview = (props: AppReviewProps) => {\n  const {navigateBack} = props;\n\n  useEffect(() => {\n    const backAction = () => {\n      if (navigateBack) {\n        navigateBack();\n        return true;\n      }\n    };\n\n    // https://reactnative.dev/docs/backhandler\n    const backHandler = BackHandler.addEventListener('hardwareBackPress', backAction);\n\n    return () => backHandler.remove();\n  }, [navigateBack]);\n\n  return (\n    <View style={styles.rootView}>\n      <Switch {...props} />\n    </View>\n  );\n};\n\nexport default AppReview;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,SAAf,QAA+B,OAA/B;AACA,SAAQC,IAAR,EAAcC,UAAd,EAA0BC,IAA1B,EAAgCC,WAAhC,QAAkD,cAAlD;AAEA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA,MAAMC,MAAM,GAAGL,UAAU,CAACM,MAAX,CAAkB;EAC/BC,QAAQ,EAAE;IACRC,IAAI,EAAE,CADE;IAERC,UAAU,EAAE,QAFJ;IAGRC,cAAc,EAAE;EAHR;AADqB,CAAlB,CAAf;;AAQA,MAAMC,MAAM,GAAG,CAAC;EAACC,QAAD;EAAWC,MAAX;EAAmBC;AAAnB,CAAD,KAAgD;EAC7D,QAAQF,QAAR;IACE,KAAK,YAAL;MACE,oBAAO,oBAAC,IAAD,gCAAP;;IACF,KAAK,QAAL;MACE,oBAAO,oBAAC,MAAD,EAAYC,MAAZ,CAAP;;IACF,KAAK,QAAL;MACE,oBAAO,oBAAC,MAAD,EAAYC,MAAZ,CAAP;;IACF,KAAK,QAAL;MACE,oBAAO,oBAAC,IAAD,uBAAP;;IACF;MACE,oBAAO,oBAAC,IAAD,8BAAyBF,QAAzB,CAAP;EAVJ;AAYD,CAbD;;AAeA,MAAMG,SAAS,GAAIC,KAAD,IAA2B;EAC3C,MAAM;IAACC;EAAD,IAAiBD,KAAvB;EAEAlB,SAAS,CAAC,MAAM;IACd,MAAMoB,UAAU,GAAG,MAAM;MACvB,IAAID,YAAJ,EAAkB;QAChBA,YAAY;QACZ,OAAO,IAAP;MACD;IACF,CALD,CADc,CAQd;;;IACA,MAAME,WAAW,GAAGjB,WAAW,CAACkB,gBAAZ,CAA6B,mBAA7B,EAAkDF,UAAlD,CAApB;IAEA,OAAO,MAAMC,WAAW,CAACE,MAAZ,EAAb;EACD,CAZQ,EAYN,CAACJ,YAAD,CAZM,CAAT;EAcA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEZ,MAAM,CAACE;EAApB,gBACE,oBAAC,MAAD,EAAYS,KAAZ,CADF,CADF;AAKD,CAtBD;;AAwBA,eAAeD,SAAf"}
+{"version":3,"file":"index.native.js","names":["React","useEffect","Text","StyleSheet","View","BackHandler","Player","styles","create","rootView","flex","alignItems","justifyContent","Switch","viewName","slides","AppReview","props","navigateBack","backAction","backHandler","addEventListener","remove"],"sources":["../../../src/template/app-review/index.native.tsx"],"sourcesContent":["import React, {useEffect} from 'react';\nimport {Text, StyleSheet, View, BackHandler} from 'react-native';\nimport {AppReviewProps} from './prop-types';\nimport Player from './player';\n\nconst styles = StyleSheet.create({\n  rootView: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center'\n  }\n});\n\nconst Switch = ({viewName, slides}: AppReviewProps) => {\n  switch (viewName) {\n    case 'slides':\n      return <Player {...slides} />;\n    case 'loader':\n      return <Text>@todo loader</Text>;\n    default:\n      return <Text>unknown viewname: {viewName}</Text>;\n  }\n};\n\nconst AppReview = (props: AppReviewProps) => {\n  const {navigateBack} = props;\n\n  useEffect(() => {\n    const backAction = () => {\n      if (navigateBack) {\n        navigateBack();\n        return true;\n      }\n    };\n\n    // https://reactnative.dev/docs/backhandler\n    const backHandler = BackHandler.addEventListener('hardwareBackPress', backAction);\n\n    return () => backHandler.remove();\n  }, [navigateBack]);\n\n  return (\n    <View style={styles.rootView}>\n      <Switch {...props} />\n    </View>\n  );\n};\n\nexport default AppReview;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,SAAf,QAA+B,OAA/B;AACA,SAAQC,IAAR,EAAcC,UAAd,EAA0BC,IAA1B,EAAgCC,WAAhC,QAAkD,cAAlD;AAEA,OAAOC,MAAP,MAAmB,UAAnB;AAEA,MAAMC,MAAM,GAAGJ,UAAU,CAACK,MAAX,CAAkB;EAC/BC,QAAQ,EAAE;IACRC,IAAI,EAAE,CADE;IAERC,UAAU,EAAE,QAFJ;IAGRC,cAAc,EAAE;EAHR;AADqB,CAAlB,CAAf;;AAQA,MAAMC,MAAM,GAAG,CAAC;EAACC,QAAD;EAAWC;AAAX,CAAD,KAAwC;EACrD,QAAQD,QAAR;IACE,KAAK,QAAL;MACE,oBAAO,oBAAC,MAAD,EAAYC,MAAZ,CAAP;;IACF,KAAK,QAAL;MACE,oBAAO,oBAAC,IAAD,uBAAP;;IACF;MACE,oBAAO,oBAAC,IAAD,8BAAyBD,QAAzB,CAAP;EANJ;AAQD,CATD;;AAWA,MAAME,SAAS,GAAIC,KAAD,IAA2B;EAC3C,MAAM;IAACC;EAAD,IAAiBD,KAAvB;EAEAhB,SAAS,CAAC,MAAM;IACd,MAAMkB,UAAU,GAAG,MAAM;MACvB,IAAID,YAAJ,EAAkB;QAChBA,YAAY;QACZ,OAAO,IAAP;MACD;IACF,CALD,CADc,CAQd;;;IACA,MAAME,WAAW,GAAGf,WAAW,CAACgB,gBAAZ,CAA6B,mBAA7B,EAAkDF,UAAlD,CAApB;IAEA,OAAO,MAAMC,WAAW,CAACE,MAAZ,EAAb;EACD,CAZQ,EAYN,CAACJ,YAAD,CAZM,CAAT;EAcA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEX,MAAM,CAACE;EAApB,gBACE,oBAAC,MAAD,EAAYQ,KAAZ,CADF,CADF;AAKD,CAtBD;;AAwBA,eAAeD,SAAf"}

package/es/template/app-review/player/prop-types.d.ts

@@ -423,7 +423,7 @@ declare const propTypes: {
         'aria-label': PropTypes.Requireable<string>;
         'data-name': PropTypes.Requireable<string>;
         animationLottie: PropTypes.Requireable<PropTypes.InferProps<{
-            'aria-label': PropTypes.Validator<string>;
+            'aria-label': PropTypes.Requireable<string>;
             'data-name': PropTypes.Requireable<string>;
             animationSrc: PropTypes.Validator<string>;
             loop: PropTypes.Requireable<boolean>;
@@ -444,7 +444,7 @@ declare const propTypes: {
             'aria-label': PropTypes.Requireable<string>;
             'data-name': PropTypes.Requireable<string>;
             animationLottie: PropTypes.Requireable<PropTypes.InferProps<{
-                'aria-label': PropTypes.Validator<string>;
+                'aria-label': PropTypes.Requireable<string>;
                 'data-name': PropTypes.Requireable<string>;
                 animationSrc: PropTypes.Validator<string>;
                 loop: PropTypes.Requireable<boolean>;
@@ -472,7 +472,7 @@ declare const propTypes: {
             'aria-label': PropTypes.Requireable<string>;
             'data-name': PropTypes.Requireable<string>;
             animationLottie: PropTypes.Requireable<PropTypes.InferProps<{
-                'aria-label': PropTypes.Validator<string>;
+                'aria-label': PropTypes.Requireable<string>;
                 'data-name': PropTypes.Requireable<string>;
                 animationSrc: PropTypes.Validator<string>;
                 loop: PropTypes.Requireable<boolean>;

package/es/template/app-review/prop-types.d.ts

@@ -1,60 +1,13 @@
 import PropTypes from 'prop-types';
-import Onboarding from './onboarding';
-import { ReviewSkillsProps } from './skills/prop-types';
 import { ReviewPlayerProps } from './player/prop-types';
-export declare type ViewName = 'skills' | 'onboarding' | 'slides' | 'loader';
+export declare type ViewName = 'slides' | 'loader';
 export declare type AppReviewProps = {
     viewName: ViewName;
     slides?: ReviewPlayerProps;
-    skills?: ReviewSkillsProps;
-    onboarding?: PropTypes.InferProps<typeof Onboarding.propTypes>;
     navigateBack?: () => void;
 };
 declare const propTypes: {
     viewName: PropTypes.Requireable<string>;
-    onboarding: PropTypes.Requireable<PropTypes.InferProps<{
-        'aria-label': PropTypes.Requireable<string>;
-        reviewTitle: PropTypes.Requireable<string>;
-        reviewText: PropTypes.Requireable<string>;
-        labelsList: PropTypes.Requireable<PropTypes.InferProps<{
-            skills: PropTypes.Requireable<PropTypes.InferProps<{
-                text: PropTypes.Requireable<string>;
-                tooltipText: PropTypes.Requireable<string>;
-            }>>;
-            questions: PropTypes.Requireable<PropTypes.InferProps<{
-                text: PropTypes.Requireable<string>;
-                tooltipText: PropTypes.Requireable<string>;
-            }>>;
-            lifes: PropTypes.Requireable<PropTypes.InferProps<{
-                text: PropTypes.Requireable<string>;
-                tooltipText: PropTypes.Requireable<string>;
-            }>>;
-            allright: PropTypes.Requireable<PropTypes.InferProps<{
-                text: PropTypes.Requireable<string>;
-                tooltipText: PropTypes.Requireable<string>;
-            }>>;
-        }>>;
-    }>>;
-    skills: PropTypes.Requireable<PropTypes.InferProps<{
-        'aria-label': PropTypes.Requireable<string>;
-        title: PropTypes.Requireable<string>;
-        isLoading: PropTypes.Requireable<boolean>;
-        isLoadingAriaLabel: PropTypes.Requireable<string>;
-        listSkills: PropTypes.Requireable<(PropTypes.InferProps<{
-            'aria-label': PropTypes.Requireable<string>;
-            skillTitle: PropTypes.Requireable<string>;
-            skillAriaLabel: PropTypes.Requireable<string>;
-            buttonLabel: PropTypes.Requireable<string>;
-            buttonAriaLabel: PropTypes.Requireable<string>;
-            reviseLabel: PropTypes.Requireable<string>;
-            reviseAriaLabel: PropTypes.Requireable<string>;
-            isCustom: PropTypes.Requireable<boolean>;
-            onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        }> | null | undefined)[]>;
-        titleNoSkills: PropTypes.Requireable<string>;
-        textNoSkills: PropTypes.Requireable<string>;
-        iconSkillAriaLabel: PropTypes.Requireable<string>;
-    }>>;
     slides: PropTypes.Requireable<PropTypes.InferProps<{
         header: PropTypes.Requireable<PropTypes.InferProps<{
             steps: PropTypes.Requireable<(PropTypes.InferProps<{
@@ -475,7 +428,7 @@ declare const propTypes: {
             'aria-label': PropTypes.Requireable<string>;
             'data-name': PropTypes.Requireable<string>;
             animationLottie: PropTypes.Requireable<PropTypes.InferProps<{
-                'aria-label': PropTypes.Validator<string>;
+                'aria-label': PropTypes.Requireable<string>;
                 'data-name': PropTypes.Requireable<string>;
                 animationSrc: PropTypes.Validator<string>;
                 loop: PropTypes.Requireable<boolean>;
@@ -496,7 +449,7 @@ declare const propTypes: {
                 'aria-label': PropTypes.Requireable<string>;
                 'data-name': PropTypes.Requireable<string>;
                 animationLottie: PropTypes.Requireable<PropTypes.InferProps<{
-                    'aria-label': PropTypes.Validator<string>;
+                    'aria-label': PropTypes.Requireable<string>;
                     'data-name': PropTypes.Requireable<string>;
                     animationSrc: PropTypes.Validator<string>;
                     loop: PropTypes.Requireable<boolean>;
@@ -524,7 +477,7 @@ declare const propTypes: {
                 'aria-label': PropTypes.Requireable<string>;
                 'data-name': PropTypes.Requireable<string>;
                 animationLottie: PropTypes.Requireable<PropTypes.InferProps<{
-                    'aria-label': PropTypes.Validator<string>;
+                    'aria-label': PropTypes.Requireable<string>;
                     'data-name': PropTypes.Requireable<string>;
                     animationSrc: PropTypes.Validator<string>;
                     loop: PropTypes.Requireable<boolean>;

package/es/template/app-review/prop-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/template/app-review/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,UAAU,MAAM,cAAc,CAAC;AAGtC,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AAEtD,oBAAY,QAAQ,GAAG,QAAQ,GAAG,YAAY,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAErE,oBAAY,cAAc,GAAG;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,OAAO,UAAU,CAAC,SAAS,CAAC,CAAC;IAC/D,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKd,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/template/app-review/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AAEtD,oBAAY,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE3C,oBAAY,cAAc,GAAG;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/es/template/app-review/prop-types.js

@@ -1,13 +1,9 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import PropTypes from 'prop-types';
-import Onboarding from './onboarding';
-import Skills from './skills';
 import Player from './player';
 const propTypes = {
-  viewName: PropTypes.oneOf(['skills', 'onboarding', 'slides', 'loader']),
-  onboarding: PropTypes.shape(_extends({}, Onboarding.propTypes)),
-  skills: PropTypes.shape(_extends({}, Skills.propTypes)),
+  viewName: PropTypes.oneOf(['slides', 'loader']),
   slides: PropTypes.shape(_extends({}, Player.propTypes))
 };
 export default propTypes;

package/es/template/app-review/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["PropTypes","Onboarding","Skills","Player","propTypes","viewName","oneOf","onboarding","shape","skills","slides"],"sources":["../../../src/template/app-review/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Onboarding from './onboarding';\nimport Skills from './skills';\nimport Player from './player';\nimport {ReviewSkillsProps} from './skills/prop-types';\nimport {ReviewPlayerProps} from './player/prop-types';\n\nexport type ViewName = 'skills' | 'onboarding' | 'slides' | 'loader';\n\nexport type AppReviewProps = {\n  viewName: ViewName;\n  slides?: ReviewPlayerProps;\n  skills?: ReviewSkillsProps;\n  onboarding?: PropTypes.InferProps<typeof Onboarding.propTypes>;\n  navigateBack?: () => void;\n};\n\nconst propTypes = {\n  viewName: PropTypes.oneOf(['skills', 'onboarding', 'slides', 'loader']),\n  onboarding: PropTypes.shape({...Onboarding.propTypes}),\n  skills: PropTypes.shape({...Skills.propTypes}),\n  slides: PropTypes.shape({...Player.propTypes})\n};\n\nexport default propTypes;\n"],"mappings":";;AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAcA,MAAMC,SAAS,GAAG;EAChBC,QAAQ,EAAEL,SAAS,CAACM,KAAV,CAAgB,CAAC,QAAD,EAAW,YAAX,EAAyB,QAAzB,EAAmC,QAAnC,CAAhB,CADM;EAEhBC,UAAU,EAAEP,SAAS,CAACQ,KAAV,cAAoBP,UAAU,CAACG,SAA/B,EAFI;EAGhBK,MAAM,EAAET,SAAS,CAACQ,KAAV,cAAoBN,MAAM,CAACE,SAA3B,EAHQ;EAIhBM,MAAM,EAAEV,SAAS,CAACQ,KAAV,cAAoBL,MAAM,CAACC,SAA3B;AAJQ,CAAlB;AAOA,eAAeA,SAAf"}
+{"version":3,"file":"prop-types.js","names":["PropTypes","Player","propTypes","viewName","oneOf","slides","shape"],"sources":["../../../src/template/app-review/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Player from './player';\nimport {ReviewPlayerProps} from './player/prop-types';\n\nexport type ViewName = 'slides' | 'loader';\n\nexport type AppReviewProps = {\n  viewName: ViewName;\n  slides?: ReviewPlayerProps;\n  navigateBack?: () => void;\n};\n\nconst propTypes = {\n  viewName: PropTypes.oneOf(['slides', 'loader']),\n  slides: PropTypes.shape({...Player.propTypes})\n};\n\nexport default propTypes;\n"],"mappings":";;AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAWA,MAAMC,SAAS,GAAG;EAChBC,QAAQ,EAAEH,SAAS,CAACI,KAAV,CAAgB,CAAC,QAAD,EAAW,QAAX,CAAhB,CADM;EAEhBC,MAAM,EAAEL,SAAS,CAACM,KAAV,cAAoBL,MAAM,CAACC,SAA3B;AAFQ,CAAlB;AAKA,eAAeA,SAAf"}

package/es/template/review-dashboard-skills/index.d.ts

@@ -11,18 +11,22 @@ declare namespace ReviewDashboardSkills {
                 skills: PropTypes.Requireable<PropTypes.InferProps<{
                     text: PropTypes.Requireable<string>;
                     tooltipText: PropTypes.Requireable<string>;
+                    moreDetailsAreaLabel: PropTypes.Requireable<string>;
                 }>>;
                 questions: PropTypes.Requireable<PropTypes.InferProps<{
                     text: PropTypes.Requireable<string>;
                     tooltipText: PropTypes.Requireable<string>;
+                    moreDetailsAreaLabel: PropTypes.Requireable<string>;
                 }>>;
                 lifes: PropTypes.Requireable<PropTypes.InferProps<{
                     text: PropTypes.Requireable<string>;
                     tooltipText: PropTypes.Requireable<string>;
+                    moreDetailsAreaLabel: PropTypes.Requireable<string>;
                 }>>;
                 allright: PropTypes.Requireable<PropTypes.InferProps<{
                     text: PropTypes.Requireable<string>;
                     tooltipText: PropTypes.Requireable<string>;
+                    moreDetailsAreaLabel: PropTypes.Requireable<string>;
                 }>>;
             }>>;
         }>>;

package/lib/atom/lottie-wrapper/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/lottie-wrapper/index.js"],"names":[],"mappings":"AAsBO,iMAmCN;;AAED,wDAkHC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/lottie-wrapper/index.js"],"names":[],"mappings":"AAsBO,iMAmCN;;AAED,wDA4HC"}

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

@@ -132,9 +132,15 @@ const LottieWrapper = props => {
     /* istanbul ignore next */
     _lottieWeb.default.destroy(animationItem.name);
   }, [lottieAnimationClassName, containerRef, hideOnTransparent, loop, animationSrc, _isIE11, animationItem, autoplay]);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  const accessibilityProps = ariaLabel ? {
+    'aria-label': ariaLabel,
+    role: 'img'
+  } : {
+    'aria-hidden': 'true',
+    role: 'presentation'
+  };
+  return /*#__PURE__*/_react.default.createElement("div", _extends({}, accessibilityProps, {
     ref: containerRef,
-    "aria-label": ariaLabel,
     "data-name": dataName,
     className: wrapperClassName,
     style: _extends({}, width && {
@@ -147,7 +153,7 @@ const LottieWrapper = props => {
       opacity: isAnimationVisible ? 1 : 0,
       transition: 'opacity 0.25s ease-in'
     })
-  }, _isIE11 ? /*#__PURE__*/_react.default.createElement("img", {
+  }), _isIE11 ? /*#__PURE__*/_react.default.createElement("img", {
     src: ie11ImageBackup,
     className: ie11BackupImageClassName,
     "data-name": "ie11-backup-image"

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["isIE11","window","userAgent","get","hasMsCrypto","has","hasRevision","includes","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","useRef","animationItem","setAnimationItem","useState","isAnimationVisible","setIsAnimationVisible","_isIE11","useMemo","wrapperClassName","classnames","style","lottieContainer","lottieAnimationClassName","ie11BackupImageClassName","backupImage","useEffect","keys","omit","ANIMATION_CONTROL","stop","lottie","unfetch","destroy","name","maxWidth","maxHeight","opacity","transition","propTypes"],"sources":["../../../src/atom/lottie-wrapper/index.js"],"sourcesContent":["import React, {useMemo, useRef, useEffect, useState} from 'react';\nimport classnames from 'classnames';\nimport lottie from 'lottie-web';\nimport 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';\nimport propTypes, {ANIMATION_CONTROL} from './prop-types';\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 =\n    _lottie.loadAnimation &&\n    _lottie.loadAnimation({\n      container: containerRef.current, // the dom element that will contain the animation\n      renderer: 'svg',\n      autoplay,\n      loop,\n      animationData,\n      rendererSettings: {\n        className: animationClassnames,\n        hideOnTransparent,\n        preserveAspectRatio: 'xMidYMid meet' // same options as a preserveAspectRatio prop\n      }\n    });\n  return animation;\n};\n\nconst LottieWrapper = props => {\n  const {\n    className,\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    animationSrc,\n    loop = false,\n    rendererSettings = {},\n    width,\n    height,\n    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(\n    () => 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 (includes(animationControl, keys(omit('loading', ANIMATION_CONTROL))) && !autoplay) {\n      setIsAnimationVisible(true);\n      if (animationItem) animationItem[animationControl]();\n      if (animationControl === ANIMATION_CONTROL.stop) setIsAnimationVisible(false);\n    }\n  }, [animationControl, animationItem, autoplay]);\n\n  useEffect(() => {\n    const loadAnimation = async () => {\n      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 = propTypes;\n\nexport default LottieWrapper;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["isIE11","window","userAgent","get","hasMsCrypto","has","hasRevision","includes","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","useRef","animationItem","setAnimationItem","useState","isAnimationVisible","setIsAnimationVisible","_isIE11","useMemo","wrapperClassName","classnames","style","lottieContainer","lottieAnimationClassName","ie11BackupImageClassName","backupImage","useEffect","keys","omit","ANIMATION_CONTROL","stop","lottie","unfetch","destroy","name","accessibilityProps","role","maxWidth","maxHeight","opacity","transition","propTypes"],"sources":["../../../src/atom/lottie-wrapper/index.js"],"sourcesContent":["import React, {useMemo, useRef, useEffect, useState} from 'react';\nimport classnames from 'classnames';\nimport lottie from 'lottie-web';\nimport 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';\nimport propTypes, {ANIMATION_CONTROL} from './prop-types';\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 =\n    _lottie.loadAnimation &&\n    _lottie.loadAnimation({\n      container: containerRef.current, // the dom element that will contain the animation\n      renderer: 'svg',\n      autoplay,\n      loop,\n      animationData,\n      rendererSettings: {\n        className: animationClassnames,\n        hideOnTransparent,\n        preserveAspectRatio: 'xMidYMid meet' // same options as a preserveAspectRatio prop\n      }\n    });\n  return animation;\n};\n\nconst LottieWrapper = props => {\n  const {\n    className,\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    animationSrc,\n    loop = false,\n    rendererSettings = {},\n    width,\n    height,\n    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(\n    () => 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 (includes(animationControl, keys(omit('loading', ANIMATION_CONTROL))) && !autoplay) {\n      setIsAnimationVisible(true);\n      if (animationItem) animationItem[animationControl]();\n      if (animationControl === ANIMATION_CONTROL.stop) setIsAnimationVisible(false);\n    }\n  }, [animationControl, animationItem, autoplay]);\n\n  useEffect(() => {\n    const loadAnimation = async () => {\n      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  const accessibilityProps = ariaLabel\n    ? {\n        'aria-label': ariaLabel,\n        role: 'img'\n      }\n    : {\n        'aria-hidden': 'true',\n        role: 'presentation'\n      };\n\n  return (\n    <div\n      {...accessibilityProps}\n      ref={containerRef}\n      data-name={dataName}\n      className={wrapperClassName}\n      style={{\n        ...(width && {\n          width: `${width}px`,\n          maxWidth: `${width}px`\n        }),\n        ...(height && {\n          height: `${height}px`,\n          maxHeight: `${height}px`\n        }),\n        opacity: isAnimationVisible ? 1 : 0,\n        transition: 'opacity 0.25s ease-in'\n      }}\n    >\n      {_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 = propTypes;\n\nexport default LottieWrapper;\n"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 export declare type LottieAnimationProps = {
-    'aria-label': string;
+    'aria-label'?: string;
     'data-name'?: string;
     animationSrc: string;
     loop?: boolean;
@@ -23,7 +23,7 @@ export declare const ANIMATION_CONTROL: {
     loading: string;
 };
 declare const propTypes: {
-    'aria-label': PropTypes.Validator<string>;
+    'aria-label': PropTypes.Requireable<string>;
     'data-name': PropTypes.Requireable<string>;
     animationSrc: PropTypes.Validator<string>;
     loop: PropTypes.Requireable<boolean>;