@coorpacademy/components 11.9.2-alpha.1 → 11.9.2-alpha.4

package/es/template/app-player/popin-header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionNavigationArrowRight","ArrowRight","NovaCompositionCoorpacademyCharts","ChartsIcon","NovaCompositionCoorpacademyStar","StarIcon","NovaCompositionCoorpacademyCheck","CheckIcon","NovaSolidStatusClose","Close","classnames","Loader","Life","Link","Animation","EASE_OUT_CUBIC","Transition","AnimationScheduler","AnimationAdapter","Provider","style","separator","index","answerSeparator","joinBySeparator","elements","separators","length","AnswersCorrection","corrections","answers","map","correction","key","isCorrect","correctAnswer","wrongAnswer","innerHTML","__html","answer","fullAnswer","propTypes","arrayOf","shape","string","isRequired","bool","formatPlusSign","value","Rank","failed","rank","animated","onAnimationEnd","skin","positive","centerContent","bumped","iconBubble","icon","iconText","progress","contextTypes","childContextTypes","Stars","stars","Lifes","lives","revival","life","count","IconsPart","props","iconsWrapper","buildClass","success","loading","scormStyle","mode","getLinkStyle","gameOver","extraLifeGranted","oneMoreLife","renderIconStatusScorm","iconCloseContainer","iconSuccessContainer","failIcon","checkIcon","buildDefaultOrScormStyle","defaultStyle","styleScorm","failedStyle","CorrectionPart","title","subtitle","isLoading","className","correctionSectionEndSuccess","correctionSectionSuccess","correctionSectionFailGameOver","correctionSectionFail","correctionSectionLoading","resultContenantContainerScorm","titlesWrapper","titlesWrapperScorm","resultTitleScorm","resultSubtitleScorm","statusPlayerResultFailScorm","NextQuestionPart","context","cta","type","nextStepTitle","showNextLevel","linkProps","dataNext","nextStep","gameOverSubtitle","nextSection","wrapperNextSection","nextButton","nextButtonIcon","oneOf","number","PopinHeader","state","nextLink","scorm","header","headerWithoutCTA","headerTitle"],"sources":["../../../../src/template/app-player/popin-header/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  compact,\n  flatten,\n  get,\n  isNil,\n  pipe,\n  times,\n  zip,\n  round,\n  parseInt as _parseInt,\n  multiply,\n  isEmpty\n} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaCompositionCoorpacademyCharts as ChartsIcon,\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaSolidStatusClose as Close\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Loader from '../../../atom/loader';\nimport Life from '../../../atom/life';\nimport Link from '../../../atom/link';\nimport Animation, {EASE_OUT_CUBIC} from '../../../hoc/animation';\nimport Transition from '../../../hoc/transition';\nimport AnimationScheduler, {AnimationAdapter} from '../../../hoc/animation-scheduler';\nimport Provider from '../../../atom/provider';\nimport style from './style.css';\n\nconst separator = index => (\n  <span key={index} className={style.answerSeparator}>\n    /\n  </span>\n);\n\nconst joinBySeparator = elements => {\n  const separators = times(separator, elements.length - 1);\n  return pipe(zip, flatten, compact)(elements, separators);\n};\n\nconst AnswersCorrection = ({corrections}) => {\n  const answers = corrections.map((correction, index) => {\n    const key = `answer_${index}`;\n    return (\n      <span\n        key={key}\n        data-name=\"answer\"\n        data-correct={correction.isCorrect}\n        className={classnames(\n          correction.isCorrect ? style.correctAnswer : style.wrongAnswer,\n          style.innerHTML\n        )}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: correction.answer}}\n      />\n    );\n  }, corrections);\n  return <p className={style.fullAnswer}>{joinBySeparator(answers)}</p>;\n};\n\nAnswersCorrection.propTypes = {\n  corrections: PropTypes.arrayOf(\n    PropTypes.shape({\n      answer: PropTypes.string.isRequired,\n      isCorrect: PropTypes.bool.isRequired\n    })\n  )\n};\n\nconst formatPlusSign = value => (value >= 0 ? '+' : '') + value;\n\nconst Rank = ({failed, rank, animated, onAnimationEnd}, {skin}) => {\n  const positive = get('common.positive', skin);\n  if (failed || isNil(rank)) return null;\n  return (\n    <AnimationScheduler animated={animated} onAnimationEnd={onAnimationEnd}>\n      <div className={style.centerContent}>\n        <Transition name=\"label\" after=\"counter\" className={style.bumped}>\n          <div className={style.iconBubble}>\n            <ChartsIcon className={style.icon} color={positive} />\n          </div>\n        </Transition>\n        <span className={style.iconText}>\n          <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={1000}>\n            {progress => pipe(_parseInt(10), multiply(progress), round, formatPlusSign)(rank)}\n          </Animation>\n        </span>\n      </div>\n    </AnimationScheduler>\n  );\n};\n\nRank.propTypes = {\n  failed: PropTypes.bool,\n  rank: PropTypes.string,\n  animated: Animation.propTypes.animated,\n  onAnimationEnd: Animation.propTypes.onAnimationEnd\n};\n\nRank.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nconst Stars = ({failed, stars, animated, onAnimationEnd}, {skin}) => {\n  const positive = get('common.positive', skin);\n  if (failed || isNil(stars)) return null;\n\n  return (\n    <AnimationScheduler animated={animated} onAnimationEnd={onAnimationEnd}>\n      <div className={style.centerContent}>\n        <Transition name=\"label\" after=\"counter\" className={style.bumped}>\n          <div className={style.iconBubble}>\n            <StarIcon className={style.icon} color={positive} />\n          </div>\n        </Transition>\n        <span data-name=\"iconText\" className={style.iconText}>\n          <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={1000}>\n            {progress => pipe(_parseInt(10), multiply(progress), round, formatPlusSign)(stars)}\n          </Animation>\n        </span>\n      </div>\n    </AnimationScheduler>\n  );\n};\n\nStars.propTypes = {\n  failed: PropTypes.bool,\n  stars: PropTypes.string,\n  animated: Animation.propTypes.animated,\n  onAnimationEnd: Animation.propTypes.onAnimationEnd\n};\n\nStars.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nconst Lifes = ({lives, failed, animated, revival}) => {\n  if (isNil(lives)) return null;\n\n  return (\n    <Life\n      failed={failed}\n      count={lives}\n      animated={animated}\n      revival={revival}\n      className={style.life}\n    />\n  );\n};\n\nLifes.propTypes = {\n  lives: Life.propTypes.count,\n  failed: Life.propTypes.failed,\n  animated: Life.propTypes.animated,\n  revival: Life.propTypes.revival\n};\n\nconst IconsPart = props => {\n  const {lives, failed, stars, rank, animated, revival} = props;\n  return (\n    <AnimationScheduler animated>\n      <div className={style.iconsWrapper}>\n        <Lifes lives={lives} failed={failed} animated={animated} revival={revival} />\n\n        <AnimationAdapter name=\"stars\">\n          <Stars stars={stars} fail={failed} />\n        </AnimationAdapter>\n        <AnimationAdapter name=\"rank\" after=\"stars\">\n          <Rank rank={rank} fail={failed} />\n        </AnimationAdapter>\n      </div>\n    </AnimationScheduler>\n  );\n};\n\nIconsPart.propTypes = {\n  lives: Lifes.propTypes.lives,\n  failed: Lifes.propTypes.failed,\n  stars: Stars.propTypes.stars,\n  rank: Rank.propTypes.rank,\n  animated: AnimationScheduler.propTypes.animated,\n  revival: PropTypes.bool\n};\n\nconst buildClass = (value, success, failed, loading, scormStyle, mode = 'default') => {\n  if (loading && isNil(value)) return loading;\n  if (mode === 'scorm') return scormStyle;\n  return value ? failed : success;\n};\n\nconst getLinkStyle = ({gameOver, extraLifeGranted}) => {\n  if (extraLifeGranted) {\n    return style.oneMoreLife;\n  } else if (gameOver) {\n    return style.gameOver;\n  } else {\n    return null;\n  }\n};\nconst renderIconStatusScorm = failed => {\n  return (\n    <div className={failed ? style.iconCloseContainer : style.iconSuccessContainer}>\n      {failed ? <Close className={style.failIcon} /> : <CheckIcon className={style.checkIcon} />}\n    </div>\n  );\n};\nconst buildDefaultOrScormStyle = (\n  defaultStyle,\n  styleScorm,\n  failed,\n  mode = 'default',\n  failedStyle = null\n) => {\n  if (mode === 'scorm' && failed && failedStyle) return failedStyle;\n  if (mode === 'scorm') return styleScorm;\n  return defaultStyle;\n};\nconst CorrectionPart = props => {\n  const {failed, corrections, title, subtitle, stars, rank, gameOver, mode = 'default'} = props;\n  const isLoading = isNil(failed);\n  const className = buildClass(\n    failed,\n    stars && rank ? style.correctionSectionEndSuccess : style.correctionSectionSuccess,\n    gameOver ? style.correctionSectionFailGameOver : style.correctionSectionFail,\n    style.correctionSectionLoading,\n    style.resultContenantContainerScorm,\n    mode\n  );\n  return (\n    <div data-name=\"correctionSection\" className={className}>\n      {mode === 'scorm' && !isLoading && renderIconStatusScorm(failed)}\n      <div\n        className={buildDefaultOrScormStyle(\n          style.titlesWrapper,\n          style.titlesWrapperScorm,\n          failed,\n          mode\n        )}\n      >\n        {isLoading ? <Loader /> : null}\n        <h1\n          data-name=\"title\"\n          className={buildDefaultOrScormStyle(\n            classnames(style.title, style.innerHTML),\n            style.resultTitleScorm,\n            failed,\n            mode\n          )}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        <h2\n          className={buildDefaultOrScormStyle(\n            style.subtitle,\n            style.resultSubtitleScorm,\n            failed,\n            mode,\n            style.statusPlayerResultFailScorm\n          )}\n        >\n          {subtitle}\n        </h2>\n        {failed && !isEmpty(corrections) ? <AnswersCorrection corrections={corrections} /> : null}\n      </div>\n      {mode !== 'scorm' ? <IconsPart {...props} /> : null}\n    </div>\n  );\n};\n\nCorrectionPart.propTypes = {\n  ...IconsPart.propTypes,\n  failed: PropTypes.bool,\n  corrections: AnswersCorrection.propTypes.corrections,\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  stars: PropTypes.string,\n  rank: PropTypes.string,\n  gameOver: PropTypes.bool\n};\n\nconst NextQuestionPart = (props, context) => {\n  const {cta, type, extraLifeGranted, gameOver, failed = false, lives = 0, mode} = props;\n  const {title, nextStepTitle, showNextLevel = false, ...linkProps} = cta || {};\n  let dataNext;\n\n  switch (type) {\n    case 'popinCorrection': {\n      if (gameOver) {\n        dataNext = 'game-over';\n      } else if (failed) {\n        if (lives > 0) {\n          dataNext = 'continue-failure';\n        } else if (extraLifeGranted) {\n          dataNext = 'continue-used-extra-life';\n        }\n      } else {\n        dataNext = 'continue-success';\n      }\n      break;\n    }\n\n    case 'popinEnd': {\n      if (failed) {\n        dataNext = 'redo-content';\n      } else if (showNextLevel) {\n        dataNext = 'next-level';\n      } else {\n        dataNext = 'home';\n      }\n    }\n  }\n\n  const nextStep = nextStepTitle ? (\n    <div\n      className={classnames(\n        gameOver ? style.gameOverSubtitle : style.nextStepTitle,\n        style.innerHTML\n      )}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: nextStepTitle}}\n    />\n  ) : null;\n\n  return mode !== 'scorm' ? (\n    <Link\n      {...linkProps}\n      className={classnames(style.nextSection, getLinkStyle({gameOver, extraLifeGranted}))}\n      data-name=\"nextLink\"\n      data-popin={type}\n      data-next={dataNext}\n    >\n      <div className={style.wrapperNextSection}>\n        <div className={style.nextButton}>\n          {title}\n          <ArrowRight color=\"inherit\" className={style.nextButtonIcon} />\n        </div>\n        {nextStep}\n      </div>\n    </Link>\n  ) : null;\n};\n\nNextQuestionPart.propTypes = {\n  cta: PropTypes.shape({\n    ...Link.propTypes,\n    title: PropTypes.string,\n    nextStepTitle: PropTypes.string,\n    showNextLevel: PropTypes.bool\n  }),\n  type: PropTypes.oneOf(['popinCorrection', 'popinEnd']).isRequired,\n  extraLifeGranted: PropTypes.bool,\n  gameOver: PropTypes.bool,\n  failed: PropTypes.bool,\n  lives: PropTypes.number,\n  mode: PropTypes.string\n};\n\nconst PopinHeader = (props, context) => {\n  const {\n    animated,\n    failed,\n    title,\n    subtitle,\n    lives,\n    stars,\n    rank,\n    corrections,\n    cta,\n    extraLifeGranted,\n    gameOver = false,\n    type,\n    mode = 'default'\n  } = props;\n  const state = buildClass(failed, 'success', 'failed', null);\n\n  const nextLink = cta ? (\n    <NextQuestionPart\n      cta={cta}\n      type={type}\n      extraLifeGranted={extraLifeGranted}\n      failed={failed}\n      gameOver={gameOver}\n      lives={lives}\n      mode={mode}\n    />\n  ) : null;\n\n  return (\n    <div\n      className={classnames(\n        mode === 'scorm' && style.scorm,\n        cta ? mode !== 'scorm' && style.header : mode !== 'scorm' && style.headerWithoutCTA\n      )}\n      data-name=\"popinHeader\"\n      data-state={state}\n    >\n      <div className={classnames(mode !== 'scorm' && style.headerTitle)}>\n        <CorrectionPart\n          title={title}\n          subtitle={subtitle}\n          lives={lives}\n          animated={animated}\n          stars={stars}\n          rank={rank}\n          failed={failed}\n          gameOver={gameOver}\n          revival={extraLifeGranted}\n          corrections={corrections}\n          mode={mode}\n        />\n        {nextLink}\n      </div>\n    </div>\n  );\n};\n\nPopinHeader.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nPopinHeader.propTypes = {\n  cta: NextQuestionPart.propTypes.cta,\n  type: NextQuestionPart.propTypes.type,\n  extraLifeGranted: NextQuestionPart.propTypes.extraLifeGranted,\n  failed: NextQuestionPart.propTypes.failed,\n  gameOver: NextQuestionPart.propTypes.gameOver,\n  lives: NextQuestionPart.propTypes.lives,\n  title: CorrectionPart.propTypes.title,\n  subtitle: CorrectionPart.propTypes.subtitle,\n  animated: CorrectionPart.propTypes.animated,\n  stars: CorrectionPart.propTypes.stars,\n  rank: CorrectionPart.propTypes.rank,\n  corrections: CorrectionPart.propTypes.corrections,\n  mode: PropTypes.oneOf(['scorm', 'default'])\n};\n\nexport default PopinHeader;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionNavigationArrowRight","ArrowRight","NovaCompositionCoorpacademyCharts","ChartsIcon","NovaCompositionCoorpacademyStar","StarIcon","NovaCompositionCoorpacademyCheck","CheckIcon","NovaSolidStatusClose","Close","classnames","Loader","Life","Link","Animation","EASE_OUT_CUBIC","Transition","AnimationScheduler","AnimationAdapter","Provider","style","separator","index","answerSeparator","joinBySeparator","elements","separators","length","AnswersCorrection","corrections","answers","map","correction","key","isCorrect","correctAnswer","wrongAnswer","innerHTML","__html","answer","fullAnswer","propTypes","arrayOf","shape","string","isRequired","bool","formatPlusSign","value","Rank","failed","rank","animated","onAnimationEnd","skin","positive","centerContent","bumped","iconBubble","icon","color","iconText","progress","contextTypes","childContextTypes","Stars","stars","Lifes","lives","revival","life","count","IconsPart","props","iconsWrapper","buildClass","success","loading","scormStyle","mode","getLinkStyle","gameOver","extraLifeGranted","oneMoreLife","renderIconStatusScorm","iconCloseContainer","iconSuccessContainer","failIcon","checkIcon","buildDefaultOrScormStyle","defaultStyle","styleScorm","failedStyle","CorrectionPart","title","subtitle","isLoading","className","correctionSectionEndSuccess","correctionSectionSuccess","correctionSectionFailGameOver","correctionSectionFail","correctionSectionLoading","resultContenantContainerScorm","titlesWrapper","titlesWrapperScorm","resultTitleScorm","resultSubtitleScorm","statusPlayerResultFailScorm","NextQuestionPart","context","cta","type","nextStepTitle","showNextLevel","linkProps","dataNext","nextStep","gameOverSubtitle","nextSection","wrapperNextSection","nextButton","nextButtonIcon","oneOf","number","PopinHeader","state","nextLink","scorm","header","headerWithoutCTA","headerTitle"],"sources":["../../../../src/template/app-player/popin-header/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  compact,\n  flatten,\n  get,\n  isNil,\n  pipe,\n  times,\n  zip,\n  round,\n  parseInt as _parseInt,\n  multiply,\n  isEmpty\n} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaCompositionCoorpacademyCharts as ChartsIcon,\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaSolidStatusClose as Close\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Loader from '../../../atom/loader';\nimport Life from '../../../atom/life';\nimport Link from '../../../atom/link';\nimport Animation, {EASE_OUT_CUBIC} from '../../../hoc/animation';\nimport Transition from '../../../hoc/transition';\nimport AnimationScheduler, {AnimationAdapter} from '../../../hoc/animation-scheduler';\nimport Provider from '../../../atom/provider';\nimport style from './style.css';\n\nconst separator = index => (\n  <span key={index} className={style.answerSeparator}>\n    /\n  </span>\n);\n\nconst joinBySeparator = elements => {\n  const separators = times(separator, elements.length - 1);\n  return pipe(zip, flatten, compact)(elements, separators);\n};\n\nconst AnswersCorrection = ({corrections}) => {\n  const answers = corrections.map((correction, index) => {\n    const key = `answer_${index}`;\n    return (\n      <span\n        key={key}\n        data-name=\"answer\"\n        data-correct={correction.isCorrect}\n        className={classnames(\n          correction.isCorrect ? style.correctAnswer : style.wrongAnswer,\n          style.innerHTML\n        )}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: correction.answer}}\n      />\n    );\n  }, corrections);\n  return <p className={style.fullAnswer}>{joinBySeparator(answers)}</p>;\n};\n\nAnswersCorrection.propTypes = {\n  corrections: PropTypes.arrayOf(\n    PropTypes.shape({\n      answer: PropTypes.string.isRequired,\n      isCorrect: PropTypes.bool.isRequired\n    })\n  )\n};\n\nconst formatPlusSign = value => (value >= 0 ? '+' : '') + value;\n\nconst Rank = ({failed, rank, animated, onAnimationEnd}, {skin}) => {\n  const positive = get('common.positive', skin);\n  if (failed || isNil(rank)) return null;\n  return (\n    <AnimationScheduler animated={animated} onAnimationEnd={onAnimationEnd}>\n      <div className={style.centerContent}>\n        <Transition name=\"label\" after=\"counter\" className={style.bumped}>\n          <div className={style.iconBubble}>\n            <ChartsIcon className={style.icon} style={{color: positive}} />\n          </div>\n        </Transition>\n        <span className={style.iconText}>\n          <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={1000}>\n            {progress => pipe(_parseInt(10), multiply(progress), round, formatPlusSign)(rank)}\n          </Animation>\n        </span>\n      </div>\n    </AnimationScheduler>\n  );\n};\n\nRank.propTypes = {\n  failed: PropTypes.bool,\n  rank: PropTypes.string,\n  animated: Animation.propTypes.animated,\n  onAnimationEnd: Animation.propTypes.onAnimationEnd\n};\n\nRank.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nconst Stars = ({failed, stars, animated, onAnimationEnd}, {skin}) => {\n  const positive = get('common.positive', skin);\n  if (failed || isNil(stars)) return null;\n\n  return (\n    <AnimationScheduler animated={animated} onAnimationEnd={onAnimationEnd}>\n      <div className={style.centerContent}>\n        <Transition name=\"label\" after=\"counter\" className={style.bumped}>\n          <div className={style.iconBubble}>\n            <StarIcon className={style.icon} style={{color: positive}} />\n          </div>\n        </Transition>\n        <span data-name=\"iconText\" className={style.iconText}>\n          <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={1000}>\n            {progress => pipe(_parseInt(10), multiply(progress), round, formatPlusSign)(stars)}\n          </Animation>\n        </span>\n      </div>\n    </AnimationScheduler>\n  );\n};\n\nStars.propTypes = {\n  failed: PropTypes.bool,\n  stars: PropTypes.string,\n  animated: Animation.propTypes.animated,\n  onAnimationEnd: Animation.propTypes.onAnimationEnd\n};\n\nStars.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nconst Lifes = ({lives, failed, animated, revival}) => {\n  if (isNil(lives)) return null;\n\n  return (\n    <Life\n      failed={failed}\n      count={lives}\n      animated={animated}\n      revival={revival}\n      className={style.life}\n    />\n  );\n};\n\nLifes.propTypes = {\n  lives: Life.propTypes.count,\n  failed: Life.propTypes.failed,\n  animated: Life.propTypes.animated,\n  revival: Life.propTypes.revival\n};\n\nconst IconsPart = props => {\n  const {lives, failed, stars, rank, animated, revival} = props;\n  return (\n    <AnimationScheduler animated>\n      <div className={style.iconsWrapper}>\n        <Lifes lives={lives} failed={failed} animated={animated} revival={revival} />\n\n        <AnimationAdapter name=\"stars\">\n          <Stars stars={stars} fail={failed} />\n        </AnimationAdapter>\n        <AnimationAdapter name=\"rank\" after=\"stars\">\n          <Rank rank={rank} fail={failed} />\n        </AnimationAdapter>\n      </div>\n    </AnimationScheduler>\n  );\n};\n\nIconsPart.propTypes = {\n  lives: Lifes.propTypes.lives,\n  failed: Lifes.propTypes.failed,\n  stars: Stars.propTypes.stars,\n  rank: Rank.propTypes.rank,\n  animated: AnimationScheduler.propTypes.animated,\n  revival: PropTypes.bool\n};\n\nconst buildClass = (value, success, failed, loading, scormStyle, mode = 'default') => {\n  if (loading && isNil(value)) return loading;\n  if (mode === 'scorm') return scormStyle;\n  return value ? failed : success;\n};\n\nconst getLinkStyle = ({gameOver, extraLifeGranted}) => {\n  if (extraLifeGranted) {\n    return style.oneMoreLife;\n  } else if (gameOver) {\n    return style.gameOver;\n  } else {\n    return null;\n  }\n};\nconst renderIconStatusScorm = failed => {\n  return (\n    <div className={failed ? style.iconCloseContainer : style.iconSuccessContainer}>\n      {failed ? <Close className={style.failIcon} /> : <CheckIcon className={style.checkIcon} />}\n    </div>\n  );\n};\nconst buildDefaultOrScormStyle = (\n  defaultStyle,\n  styleScorm,\n  failed,\n  mode = 'default',\n  failedStyle = null\n) => {\n  if (mode === 'scorm' && failed && failedStyle) return failedStyle;\n  if (mode === 'scorm') return styleScorm;\n  return defaultStyle;\n};\nconst CorrectionPart = props => {\n  const {failed, corrections, title, subtitle, stars, rank, gameOver, mode = 'default'} = props;\n  const isLoading = isNil(failed);\n  const className = buildClass(\n    failed,\n    stars && rank ? style.correctionSectionEndSuccess : style.correctionSectionSuccess,\n    gameOver ? style.correctionSectionFailGameOver : style.correctionSectionFail,\n    style.correctionSectionLoading,\n    style.resultContenantContainerScorm,\n    mode\n  );\n  return (\n    <div data-name=\"correctionSection\" className={className}>\n      {mode === 'scorm' && !isLoading && renderIconStatusScorm(failed)}\n      <div\n        className={buildDefaultOrScormStyle(\n          style.titlesWrapper,\n          style.titlesWrapperScorm,\n          failed,\n          mode\n        )}\n      >\n        {isLoading ? <Loader /> : null}\n        <h1\n          data-name=\"title\"\n          className={buildDefaultOrScormStyle(\n            classnames(style.title, style.innerHTML),\n            style.resultTitleScorm,\n            failed,\n            mode\n          )}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        <h2\n          className={buildDefaultOrScormStyle(\n            style.subtitle,\n            style.resultSubtitleScorm,\n            failed,\n            mode,\n            style.statusPlayerResultFailScorm\n          )}\n        >\n          {subtitle}\n        </h2>\n        {failed && !isEmpty(corrections) ? <AnswersCorrection corrections={corrections} /> : null}\n      </div>\n      {mode !== 'scorm' ? <IconsPart {...props} /> : null}\n    </div>\n  );\n};\n\nCorrectionPart.propTypes = {\n  ...IconsPart.propTypes,\n  failed: PropTypes.bool,\n  corrections: AnswersCorrection.propTypes.corrections,\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  stars: PropTypes.string,\n  rank: PropTypes.string,\n  gameOver: PropTypes.bool\n};\n\nconst NextQuestionPart = (props, context) => {\n  const {cta, type, extraLifeGranted, gameOver, failed = false, lives = 0, mode} = props;\n  const {title, nextStepTitle, showNextLevel = false, ...linkProps} = cta || {};\n  let dataNext;\n\n  switch (type) {\n    case 'popinCorrection': {\n      if (gameOver) {\n        dataNext = 'game-over';\n      } else if (failed) {\n        if (lives > 0) {\n          dataNext = 'continue-failure';\n        } else if (extraLifeGranted) {\n          dataNext = 'continue-used-extra-life';\n        }\n      } else {\n        dataNext = 'continue-success';\n      }\n      break;\n    }\n\n    case 'popinEnd': {\n      if (failed) {\n        dataNext = 'redo-content';\n      } else if (showNextLevel) {\n        dataNext = 'next-level';\n      } else {\n        dataNext = 'home';\n      }\n    }\n  }\n\n  const nextStep = nextStepTitle ? (\n    <div\n      className={classnames(\n        gameOver ? style.gameOverSubtitle : style.nextStepTitle,\n        style.innerHTML\n      )}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: nextStepTitle}}\n    />\n  ) : null;\n\n  return mode !== 'scorm' ? (\n    <Link\n      {...linkProps}\n      className={classnames(style.nextSection, getLinkStyle({gameOver, extraLifeGranted}))}\n      data-name=\"nextLink\"\n      data-popin={type}\n      data-next={dataNext}\n    >\n      <div className={style.wrapperNextSection}>\n        <div className={style.nextButton}>\n          {title}\n          <ArrowRight className={style.nextButtonIcon} />\n        </div>\n        {nextStep}\n      </div>\n    </Link>\n  ) : null;\n};\n\nNextQuestionPart.propTypes = {\n  cta: PropTypes.shape({\n    ...Link.propTypes,\n    title: PropTypes.string,\n    nextStepTitle: PropTypes.string,\n    showNextLevel: PropTypes.bool\n  }),\n  type: PropTypes.oneOf(['popinCorrection', 'popinEnd']).isRequired,\n  extraLifeGranted: PropTypes.bool,\n  gameOver: PropTypes.bool,\n  failed: PropTypes.bool,\n  lives: PropTypes.number,\n  mode: PropTypes.string\n};\n\nconst PopinHeader = (props, context) => {\n  const {\n    animated,\n    failed,\n    title,\n    subtitle,\n    lives,\n    stars,\n    rank,\n    corrections,\n    cta,\n    extraLifeGranted,\n    gameOver = false,\n    type,\n    mode = 'default'\n  } = props;\n  const state = buildClass(failed, 'success', 'failed', null);\n\n  const nextLink = cta ? (\n    <NextQuestionPart\n      cta={cta}\n      type={type}\n      extraLifeGranted={extraLifeGranted}\n      failed={failed}\n      gameOver={gameOver}\n      lives={lives}\n      mode={mode}\n    />\n  ) : null;\n\n  return (\n    <div\n      className={classnames(\n        mode === 'scorm' && style.scorm,\n        cta ? mode !== 'scorm' && style.header : mode !== 'scorm' && style.headerWithoutCTA\n      )}\n      data-name=\"popinHeader\"\n      data-state={state}\n    >\n      <div className={classnames(mode !== 'scorm' && style.headerTitle)}>\n        <CorrectionPart\n          title={title}\n          subtitle={subtitle}\n          lives={lives}\n          animated={animated}\n          stars={stars}\n          rank={rank}\n          failed={failed}\n          gameOver={gameOver}\n          revival={extraLifeGranted}\n          corrections={corrections}\n          mode={mode}\n        />\n        {nextLink}\n      </div>\n    </div>\n  );\n};\n\nPopinHeader.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nPopinHeader.propTypes = {\n  cta: NextQuestionPart.propTypes.cta,\n  type: NextQuestionPart.propTypes.type,\n  extraLifeGranted: NextQuestionPart.propTypes.extraLifeGranted,\n  failed: NextQuestionPart.propTypes.failed,\n  gameOver: NextQuestionPart.propTypes.gameOver,\n  lives: NextQuestionPart.propTypes.lives,\n  title: CorrectionPart.propTypes.title,\n  subtitle: CorrectionPart.propTypes.subtitle,\n  animated: CorrectionPart.propTypes.animated,\n  stars: CorrectionPart.propTypes.stars,\n  rank: CorrectionPart.propTypes.rank,\n  corrections: CorrectionPart.propTypes.corrections,\n  mode: PropTypes.oneOf(['scorm', 'default'])\n};\n\nexport default PopinHeader;\n"],"mappings":"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"}

package/es/template/app-player/popin-header/style.css

@@ -359,6 +359,7 @@
   padding: 0;
   box-sizing: border-box;
   margin-left: 2px;
+  color: inherit;
 }
 
 .nextStepTitle {

package/lib/atom/avatar/index.js

@@ -28,7 +28,6 @@ const Avatar = ({
   }))), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.iconBubble
   }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyBolt, {
-    color: "#fff",
     className: _style.default.icon
   })));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Avatar","url","style","container","circle","avatar","avatarImg","iconBubble","icon","propTypes","PropTypes","string","isRequired"],"sources":["../../../src/atom/avatar/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaCompositionCoorpacademyBolt as BoltIcon} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst Avatar = ({url}) => {\n  return (\n    <div className={style.container}>\n      <div className={style.circle}>\n        <div className={style.avatar}>\n          <img className={style.avatarImg} src={url} />\n        </div>\n      </div>\n      <div className={style.iconBubble}>\n        <BoltIcon color=\"#fff\" className={style.icon} />\n      </div>\n    </div>\n  );\n};\n\nAvatar.propTypes = {\n  url: PropTypes.string.isRequired\n};\n\nexport default Avatar;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,MAAM,GAAG,CAAC;EAACC;AAAD,CAAD,KAAW;EACxB,oBACE;IAAK,SAAS,EAAEC,cAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAME;EAAtB,gBACE;IAAK,SAAS,EAAEF,cAAA,CAAMG;EAAtB,gBACE;IAAK,SAAS,EAAEH,cAAA,CAAMI,SAAtB;IAAiC,GAAG,EAAEL;EAAtC,EADF,CADF,CADF,eAME;IAAK,SAAS,EAAEC,cAAA,CAAMK;EAAtB,gBACE,6BAAC,0CAAD;IAAU,KAAK,EAAC,MAAhB;IAAuB,SAAS,EAAEL,cAAA,CAAMM;EAAxC,EADF,CANF,CADF;AAYD,CAbD;;AAeAR,MAAM,CAACS,SAAP,2CAAmB;EACjBR,GAAG,EAAES,kBAAA,CAAUC,MAAV,CAAiBC;AADL,CAAnB;eAIeZ,M"}
+{"version":3,"file":"index.js","names":["Avatar","url","style","container","circle","avatar","avatarImg","iconBubble","icon","propTypes","PropTypes","string","isRequired"],"sources":["../../../src/atom/avatar/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaCompositionCoorpacademyBolt as BoltIcon} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst Avatar = ({url}) => {\n  return (\n    <div className={style.container}>\n      <div className={style.circle}>\n        <div className={style.avatar}>\n          <img className={style.avatarImg} src={url} />\n        </div>\n      </div>\n      <div className={style.iconBubble}>\n        <BoltIcon className={style.icon} />\n      </div>\n    </div>\n  );\n};\n\nAvatar.propTypes = {\n  url: PropTypes.string.isRequired\n};\n\nexport default Avatar;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,MAAM,GAAG,CAAC;EAACC;AAAD,CAAD,KAAW;EACxB,oBACE;IAAK,SAAS,EAAEC,cAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAME;EAAtB,gBACE;IAAK,SAAS,EAAEF,cAAA,CAAMG;EAAtB,gBACE;IAAK,SAAS,EAAEH,cAAA,CAAMI,SAAtB;IAAiC,GAAG,EAAEL;EAAtC,EADF,CADF,CADF,eAME;IAAK,SAAS,EAAEC,cAAA,CAAMK;EAAtB,gBACE,6BAAC,0CAAD;IAAU,SAAS,EAAEL,cAAA,CAAMM;EAA3B,EADF,CANF,CADF;AAYD,CAbD;;AAeAR,MAAM,CAACS,SAAP,2CAAmB;EACjBR,GAAG,EAAES,kBAAA,CAAUC,MAAV,CAAiBC;AADL,CAAnB;eAIeZ,M"}

package/lib/atom/avatar/style.css

@@ -48,4 +48,5 @@
 .icon {
   width: 20px;
   height: 20px;
+  color: "#fff";
 }

package/lib/atom/card-image-preview/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/card-image-preview/index.js"],"names":[],"mappings":";AAQA;;;;gBAeC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/card-image-preview/index.js"],"names":[],"mappings":";AAQA;;;;gBAiBC"}

package/lib/atom/card-image-preview/index.js

@@ -25,7 +25,9 @@ const CardImagePreview = ({
   const whiteColor = (0, _get2.default)('common.white', skin);
   const emptyIcon = !image ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyPictures, {
     className: _style.default.emptyIcon,
-    color: whiteColor
+    style: {
+      color: whiteColor
+    }
   }) : null;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.image,

package/lib/atom/card-image-preview/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["CardImagePreview","image","skin","whiteColor","emptyIcon","style","backgroundImage","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string"],"sources":["../../../src/atom/card-image-preview/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionCoorpacademyPictures as PicturesIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\n\nimport style from './style.css';\n\nconst CardImagePreview = ({image}, {skin}) => {\n  const whiteColor = get('common.white', skin);\n  const emptyIcon = !image ? <PicturesIcon className={style.emptyIcon} color={whiteColor} /> : null;\n\n  return (\n    <div\n      className={style.image}\n      style={{\n        backgroundImage: image ? `url('${image}')` : 'none'\n      }}\n      data-name=\"card-image-preview\"\n    >\n      {emptyIcon}\n    </div>\n  );\n};\n\nCardImagePreview.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nCardImagePreview.propTypes = {\n  image: PropTypes.string\n};\nexport default CardImagePreview;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AAEA;;;;AAEA,MAAMA,gBAAgB,GAAG,CAAC;EAACC;AAAD,CAAD,EAAU;EAACC;AAAD,CAAV,KAAqB;EAC5C,MAAMC,UAAU,GAAG,mBAAI,cAAJ,EAAoBD,IAApB,CAAnB;EACA,MAAME,SAAS,GAAG,CAACH,KAAD,gBAAS,6BAAC,8CAAD;IAAc,SAAS,EAAEI,cAAA,CAAMD,SAA/B;IAA0C,KAAK,EAAED;EAAjD,EAAT,GAA2E,IAA7F;EAEA,oBACE;IACE,SAAS,EAAEE,cAAA,CAAMJ,KADnB;IAEE,KAAK,EAAE;MACLK,eAAe,EAAEL,KAAK,GAAI,QAAOA,KAAM,IAAjB,GAAuB;IADxC,CAFT;IAKE,aAAU;EALZ,GAOGG,SAPH,CADF;AAWD,CAfD;;AAiBAJ,gBAAgB,CAACO,YAAjB,GAAgC;EAC9BL,IAAI,EAAEM,iBAAA,CAASC,iBAAT,CAA2BP;AADH,CAAhC;AAIAF,gBAAgB,CAACU,SAAjB,2CAA6B;EAC3BT,KAAK,EAAEU,kBAAA,CAAUC;AADU,CAA7B;eAGeZ,gB"}
+{"version":3,"file":"index.js","names":["CardImagePreview","image","skin","whiteColor","emptyIcon","style","color","backgroundImage","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string"],"sources":["../../../src/atom/card-image-preview/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionCoorpacademyPictures as PicturesIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\n\nimport style from './style.css';\n\nconst CardImagePreview = ({image}, {skin}) => {\n  const whiteColor = get('common.white', skin);\n  const emptyIcon = !image ? (\n    <PicturesIcon className={style.emptyIcon} style={{color: whiteColor}} />\n  ) : null;\n\n  return (\n    <div\n      className={style.image}\n      style={{\n        backgroundImage: image ? `url('${image}')` : 'none'\n      }}\n      data-name=\"card-image-preview\"\n    >\n      {emptyIcon}\n    </div>\n  );\n};\n\nCardImagePreview.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nCardImagePreview.propTypes = {\n  image: PropTypes.string\n};\nexport default CardImagePreview;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AAEA;;;;AAEA,MAAMA,gBAAgB,GAAG,CAAC;EAACC;AAAD,CAAD,EAAU;EAACC;AAAD,CAAV,KAAqB;EAC5C,MAAMC,UAAU,GAAG,mBAAI,cAAJ,EAAoBD,IAApB,CAAnB;EACA,MAAME,SAAS,GAAG,CAACH,KAAD,gBAChB,6BAAC,8CAAD;IAAc,SAAS,EAAEI,cAAA,CAAMD,SAA/B;IAA0C,KAAK,EAAE;MAACE,KAAK,EAAEH;IAAR;EAAjD,EADgB,GAEd,IAFJ;EAIA,oBACE;IACE,SAAS,EAAEE,cAAA,CAAMJ,KADnB;IAEE,KAAK,EAAE;MACLM,eAAe,EAAEN,KAAK,GAAI,QAAOA,KAAM,IAAjB,GAAuB;IADxC,CAFT;IAKE,aAAU;EALZ,GAOGG,SAPH,CADF;AAWD,CAjBD;;AAmBAJ,gBAAgB,CAACQ,YAAjB,GAAgC;EAC9BN,IAAI,EAAEO,iBAAA,CAASC,iBAAT,CAA2BR;AADH,CAAhC;AAIAF,gBAAgB,CAACW,SAAjB,2CAA6B;EAC3BV,KAAK,EAAEW,kBAAA,CAAUC;AADU,CAA7B;eAGeb,gB"}

package/lib/atom/difficulty-level/index.js

@@ -23,26 +23,22 @@ const Icon = ({
   switch (level) {
     case 1:
       return /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyLevel1, {
-        className: _style.default.icon,
-        color: "#fff"
+        className: _style.default.icon
       });
 
     case 2:
       return /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyLevel2, {
-        className: _style.default.icon,
-        color: "#fff"
+        className: _style.default.icon
       });
 
     case 3:
       return /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyLevel3, {
-        className: _style.default.icon,
-        color: "#fff"
+        className: _style.default.icon
       });
 
     default:
       return /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyLevel0, {
-        className: _style.default.icon,
-        color: "#fff"
+        className: _style.default.icon
       });
   }
 };

package/lib/atom/difficulty-level/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Icon","level","style","icon","propTypes","PropTypes","oneOf","DifficultyLevel","children","inlineContainer","classnames","unknownContainer","includes","easyContainer","normalContainer","hardContainer","text","string"],"sources":["../../../src/atom/difficulty-level/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport includes from 'lodash/fp/includes';\nimport {\n  NovaCompositionCoorpacademyLevel0,\n  NovaCompositionCoorpacademyLevel1,\n  NovaCompositionCoorpacademyLevel2,\n  NovaCompositionCoorpacademyLevel3\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst Icon = ({level = 0}) => {\n  switch (level) {\n    case 1:\n      return <NovaCompositionCoorpacademyLevel1 className={style.icon} color=\"#fff\" />;\n    case 2:\n      return <NovaCompositionCoorpacademyLevel2 className={style.icon} color=\"#fff\" />;\n    case 3:\n      return <NovaCompositionCoorpacademyLevel3 className={style.icon} color=\"#fff\" />;\n    default:\n      return <NovaCompositionCoorpacademyLevel0 className={style.icon} color=\"#fff\" />;\n  }\n};\n\nIcon.propTypes = {\n  level: PropTypes.oneOf([1, 2, 3])\n};\n\nconst DifficultyLevel = ({level, children}) => (\n  <div className={style.inlineContainer}>\n    <div\n      className={classnames({\n        [style.unknownContainer]: !includes(level, [1, 2, 3]),\n        [style.easyContainer]: level === 1,\n        [style.normalContainer]: level === 2,\n        [style.hardContainer]: level === 3\n      })}\n    >\n      <Icon level={level} />\n      <span className={style.text}>{children}</span>\n    </div>\n  </div>\n);\n\nDifficultyLevel.propTypes = {\n  level: Icon.propTypes.level,\n  children: PropTypes.string\n};\n\nexport default DifficultyLevel;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAMA;;;;AAEA,MAAMA,IAAI,GAAG,CAAC;EAACC,KAAK,GAAG;AAAT,CAAD,KAAiB;EAC5B,QAAQA,KAAR;IACE,KAAK,CAAL;MACE,oBAAO,6BAAC,4CAAD;QAAmC,SAAS,EAAEC,cAAA,CAAMC,IAApD;QAA0D,KAAK,EAAC;MAAhE,EAAP;;IACF,KAAK,CAAL;MACE,oBAAO,6BAAC,4CAAD;QAAmC,SAAS,EAAED,cAAA,CAAMC,IAApD;QAA0D,KAAK,EAAC;MAAhE,EAAP;;IACF,KAAK,CAAL;MACE,oBAAO,6BAAC,4CAAD;QAAmC,SAAS,EAAED,cAAA,CAAMC,IAApD;QAA0D,KAAK,EAAC;MAAhE,EAAP;;IACF;MACE,oBAAO,6BAAC,4CAAD;QAAmC,SAAS,EAAED,cAAA,CAAMC,IAApD;QAA0D,KAAK,EAAC;MAAhE,EAAP;EARJ;AAUD,CAXD;;AAaAH,IAAI,CAACI,SAAL,2CAAiB;EACfH,KAAK,EAAEI,kBAAA,CAAUC,KAAV,CAAgB,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CAAhB;AADQ,CAAjB;;AAIA,MAAMC,eAAe,GAAG,CAAC;EAACN,KAAD;EAAQO;AAAR,CAAD,kBACtB;EAAK,SAAS,EAAEN,cAAA,CAAMO;AAAtB,gBACE;EACE,SAAS,EAAE,IAAAC,mBAAA,EAAW;IACpB,CAACR,cAAA,CAAMS,gBAAP,GAA0B,CAAC,IAAAC,iBAAA,EAASX,KAAT,EAAgB,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CAAhB,CADP;IAEpB,CAACC,cAAA,CAAMW,aAAP,GAAuBZ,KAAK,KAAK,CAFb;IAGpB,CAACC,cAAA,CAAMY,eAAP,GAAyBb,KAAK,KAAK,CAHf;IAIpB,CAACC,cAAA,CAAMa,aAAP,GAAuBd,KAAK,KAAK;EAJb,CAAX;AADb,gBAQE,6BAAC,IAAD;EAAM,KAAK,EAAEA;AAAb,EARF,eASE;EAAM,SAAS,EAAEC,cAAA,CAAMc;AAAvB,GAA8BR,QAA9B,CATF,CADF,CADF;;AAgBAD,eAAe,CAACH,SAAhB,2CAA4B;EAC1BH,KAAK,EAAED,IAAI,CAACI,SAAL,CAAeH,KADI;EAE1BO,QAAQ,EAAEH,kBAAA,CAAUY;AAFM,CAA5B;eAKeV,e"}
+{"version":3,"file":"index.js","names":["Icon","level","style","icon","propTypes","PropTypes","oneOf","DifficultyLevel","children","inlineContainer","classnames","unknownContainer","includes","easyContainer","normalContainer","hardContainer","text","string"],"sources":["../../../src/atom/difficulty-level/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport includes from 'lodash/fp/includes';\nimport {\n  NovaCompositionCoorpacademyLevel0,\n  NovaCompositionCoorpacademyLevel1,\n  NovaCompositionCoorpacademyLevel2,\n  NovaCompositionCoorpacademyLevel3\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst Icon = ({level = 0}) => {\n  switch (level) {\n    case 1:\n      return <NovaCompositionCoorpacademyLevel1 className={style.icon} />;\n    case 2:\n      return <NovaCompositionCoorpacademyLevel2 className={style.icon} />;\n    case 3:\n      return <NovaCompositionCoorpacademyLevel3 className={style.icon} />;\n    default:\n      return <NovaCompositionCoorpacademyLevel0 className={style.icon} />;\n  }\n};\n\nIcon.propTypes = {\n  level: PropTypes.oneOf([1, 2, 3])\n};\n\nconst DifficultyLevel = ({level, children}) => (\n  <div className={style.inlineContainer}>\n    <div\n      className={classnames({\n        [style.unknownContainer]: !includes(level, [1, 2, 3]),\n        [style.easyContainer]: level === 1,\n        [style.normalContainer]: level === 2,\n        [style.hardContainer]: level === 3\n      })}\n    >\n      <Icon level={level} />\n      <span className={style.text}>{children}</span>\n    </div>\n  </div>\n);\n\nDifficultyLevel.propTypes = {\n  level: Icon.propTypes.level,\n  children: PropTypes.string\n};\n\nexport default DifficultyLevel;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAMA;;;;AAEA,MAAMA,IAAI,GAAG,CAAC;EAACC,KAAK,GAAG;AAAT,CAAD,KAAiB;EAC5B,QAAQA,KAAR;IACE,KAAK,CAAL;MACE,oBAAO,6BAAC,4CAAD;QAAmC,SAAS,EAAEC,cAAA,CAAMC;MAApD,EAAP;;IACF,KAAK,CAAL;MACE,oBAAO,6BAAC,4CAAD;QAAmC,SAAS,EAAED,cAAA,CAAMC;MAApD,EAAP;;IACF,KAAK,CAAL;MACE,oBAAO,6BAAC,4CAAD;QAAmC,SAAS,EAAED,cAAA,CAAMC;MAApD,EAAP;;IACF;MACE,oBAAO,6BAAC,4CAAD;QAAmC,SAAS,EAAED,cAAA,CAAMC;MAApD,EAAP;EARJ;AAUD,CAXD;;AAaAH,IAAI,CAACI,SAAL,2CAAiB;EACfH,KAAK,EAAEI,kBAAA,CAAUC,KAAV,CAAgB,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CAAhB;AADQ,CAAjB;;AAIA,MAAMC,eAAe,GAAG,CAAC;EAACN,KAAD;EAAQO;AAAR,CAAD,kBACtB;EAAK,SAAS,EAAEN,cAAA,CAAMO;AAAtB,gBACE;EACE,SAAS,EAAE,IAAAC,mBAAA,EAAW;IACpB,CAACR,cAAA,CAAMS,gBAAP,GAA0B,CAAC,IAAAC,iBAAA,EAASX,KAAT,EAAgB,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CAAhB,CADP;IAEpB,CAACC,cAAA,CAAMW,aAAP,GAAuBZ,KAAK,KAAK,CAFb;IAGpB,CAACC,cAAA,CAAMY,eAAP,GAAyBb,KAAK,KAAK,CAHf;IAIpB,CAACC,cAAA,CAAMa,aAAP,GAAuBd,KAAK,KAAK;EAJb,CAAX;AADb,gBAQE,6BAAC,IAAD;EAAM,KAAK,EAAEA;AAAb,EARF,eASE;EAAM,SAAS,EAAEC,cAAA,CAAMc;AAAvB,GAA8BR,QAA9B,CATF,CADF,CADF;;AAgBAD,eAAe,CAACH,SAAhB,2CAA4B;EAC1BH,KAAK,EAAED,IAAI,CAACI,SAAL,CAAeH,KADI;EAE1BO,QAAQ,EAAEH,kBAAA,CAAUY;AAFM,CAA5B;eAKeV,e"}

package/lib/atom/difficulty-level/style.css

@@ -8,6 +8,7 @@
 .icon {
   width: 18px;
   height: 15px;
+  color: "#fff";
 }
 
 .text {

package/lib/atom/input-html/index.js

@@ -81,10 +81,14 @@ class InputHtml extends _react.default.Component {
     } = this.state;
     const className = error ? _style.default.error : _style.default.default;
     const iconContent = !preview ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaLineBusinessCircleView, {
-      color: mediumColor,
+      style: {
+        color: mediumColor
+      },
       height: 16
     }) : /*#__PURE__*/_react.default.createElement(_novaIcons.NovaLineContentEditionPencil2, {
-      color: mediumColor,
+      style: {
+        color: mediumColor
+      },
       height: 16
     });
     return /*#__PURE__*/_react.default.createElement("div", {

package/lib/atom/input-html/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["InputHtml","React","Component","getDerivedStateFromProps","props","state","value","text","preview","constructor","context","handleChange","bind","handlePreview","e","onChange","target","setState","preventDefault","render","skin","mediumColor","title","placeholder","error","description","disabled","className","style","default","iconContent","contentWrapper","input","toggle","propTypes","PropTypes","string","bool","func"],"sources":["../../../src/atom/input-html/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, getOr, isUndefined} from 'lodash/fp';\nimport {\n  NovaLineBusinessCircleView as PreviewIcon,\n  NovaLineContentEditionPencil2 as PencilIcon\n} from '@coorpacademy/nova-icons';\nimport InputPreview from './input-preview';\nimport style from './style.css';\n\nclass InputHtml extends React.Component {\n  static propTypes = {\n    title: PropTypes.string,\n    placeholder: PropTypes.string,\n    disabled: PropTypes.bool,\n    value: PropTypes.string,\n    error: PropTypes.string,\n    onChange: PropTypes.func,\n    description: PropTypes.string\n  };\n\n  static getDerivedStateFromProps(props, state) {\n    const {value} = props;\n\n    if (isUndefined(value)) return null;\n\n    return {\n      text: value,\n      preview: state.preview\n    };\n  }\n\n  constructor(props, context) {\n    super(props);\n    this.state = {\n      text: getOr('', 'value', props),\n      preview: true\n    };\n    this.handleChange = this.handleChange.bind(this);\n    this.handlePreview = this.handlePreview.bind(this);\n  }\n\n  handleChange(e) {\n    const {onChange = noop} = this.props;\n    const value = e.target.value;\n    this.setState(state => ({\n      text: value,\n      preview: state.preview\n    }));\n    onChange(value);\n  }\n\n  handlePreview(e) {\n    e.preventDefault();\n    this.setState(state => ({\n      text: state.text,\n      preview: !state.preview\n    }));\n  }\n\n  render() {\n    const {skin} = this.context;\n    const mediumColor = getOr('#999999', 'common.medium', skin);\n\n    const {title, placeholder, error, description, disabled} = this.props;\n    const {text, preview} = this.state;\n\n    const className = error ? style.error : style.default;\n    const iconContent = !preview ? (\n      <PreviewIcon color={mediumColor} height={16} />\n    ) : (\n      <PencilIcon color={mediumColor} height={16} />\n    );\n    return (\n      <div className={className}>\n        <label>\n          <span className={style.title}>{`${title} `}</span>\n          <div className={style.contentWrapper}>\n            <InputPreview\n              title={title}\n              text={text}\n              placeholder={placeholder}\n              onChange={this.handleChange}\n              disabled={disabled}\n              preview={preview}\n              className={style.input}\n            />\n          </div>\n          <span className={style.toggle} onClick={this.handlePreview}>\n            {iconContent}\n          </span>\n        </label>\n        <div className={style.description}>{description}</div>\n      </div>\n    );\n  }\n}\nexport default InputHtml;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["InputHtml","React","Component","getDerivedStateFromProps","props","state","value","text","preview","constructor","context","handleChange","bind","handlePreview","e","onChange","target","setState","preventDefault","render","skin","mediumColor","title","placeholder","error","description","disabled","className","style","default","iconContent","color","contentWrapper","input","toggle","propTypes","PropTypes","string","bool","func"],"sources":["../../../src/atom/input-html/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, getOr, isUndefined} from 'lodash/fp';\nimport {\n  NovaLineBusinessCircleView as PreviewIcon,\n  NovaLineContentEditionPencil2 as PencilIcon\n} from '@coorpacademy/nova-icons';\nimport InputPreview from './input-preview';\nimport style from './style.css';\n\nclass InputHtml extends React.Component {\n  static propTypes = {\n    title: PropTypes.string,\n    placeholder: PropTypes.string,\n    disabled: PropTypes.bool,\n    value: PropTypes.string,\n    error: PropTypes.string,\n    onChange: PropTypes.func,\n    description: PropTypes.string\n  };\n\n  static getDerivedStateFromProps(props, state) {\n    const {value} = props;\n\n    if (isUndefined(value)) return null;\n\n    return {\n      text: value,\n      preview: state.preview\n    };\n  }\n\n  constructor(props, context) {\n    super(props);\n    this.state = {\n      text: getOr('', 'value', props),\n      preview: true\n    };\n    this.handleChange = this.handleChange.bind(this);\n    this.handlePreview = this.handlePreview.bind(this);\n  }\n\n  handleChange(e) {\n    const {onChange = noop} = this.props;\n    const value = e.target.value;\n    this.setState(state => ({\n      text: value,\n      preview: state.preview\n    }));\n    onChange(value);\n  }\n\n  handlePreview(e) {\n    e.preventDefault();\n    this.setState(state => ({\n      text: state.text,\n      preview: !state.preview\n    }));\n  }\n\n  render() {\n    const {skin} = this.context;\n    const mediumColor = getOr('#999999', 'common.medium', skin);\n\n    const {title, placeholder, error, description, disabled} = this.props;\n    const {text, preview} = this.state;\n\n    const className = error ? style.error : style.default;\n    const iconContent = !preview ? (\n      <PreviewIcon style={{color: mediumColor}} height={16} />\n    ) : (\n      <PencilIcon style={{color: mediumColor}} height={16} />\n    );\n    return (\n      <div className={className}>\n        <label>\n          <span className={style.title}>{`${title} `}</span>\n          <div className={style.contentWrapper}>\n            <InputPreview\n              title={title}\n              text={text}\n              placeholder={placeholder}\n              onChange={this.handleChange}\n              disabled={disabled}\n              preview={preview}\n              className={style.input}\n            />\n          </div>\n          <span className={style.toggle} onClick={this.handlePreview}>\n            {iconContent}\n          </span>\n        </label>\n        <div className={style.description}>{description}</div>\n      </div>\n    );\n  }\n}\nexport default InputHtml;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AAIA;;AACA;;;;AAEA,MAAMA,SAAN,SAAwBC,cAAA,CAAMC,SAA9B,CAAwC;EAWP,OAAxBC,wBAAwB,CAACC,KAAD,EAAQC,KAAR,EAAe;IAC5C,MAAM;MAACC;IAAD,IAAUF,KAAhB;IAEA,IAAI,2BAAYE,KAAZ,CAAJ,EAAwB,OAAO,IAAP;IAExB,OAAO;MACLC,IAAI,EAAED,KADD;MAELE,OAAO,EAAEH,KAAK,CAACG;IAFV,CAAP;EAID;;EAEDC,WAAW,CAACL,KAAD,EAAQM,OAAR,EAAiB;IAC1B,MAAMN,KAAN;IACA,KAAKC,KAAL,GAAa;MACXE,IAAI,EAAE,qBAAM,EAAN,EAAU,OAAV,EAAmBH,KAAnB,CADK;MAEXI,OAAO,EAAE;IAFE,CAAb;IAIA,KAAKG,YAAL,GAAoB,KAAKA,YAAL,CAAkBC,IAAlB,CAAuB,IAAvB,CAApB;IACA,KAAKC,aAAL,GAAqB,KAAKA,aAAL,CAAmBD,IAAnB,CAAwB,IAAxB,CAArB;EACD;;EAEDD,YAAY,CAACG,CAAD,EAAI;IACd,MAAM;MAACC,QAAQ;IAAT,IAAoB,KAAKX,KAA/B;IACA,MAAME,KAAK,GAAGQ,CAAC,CAACE,MAAF,CAASV,KAAvB;IACA,KAAKW,QAAL,CAAcZ,KAAK,KAAK;MACtBE,IAAI,EAAED,KADgB;MAEtBE,OAAO,EAAEH,KAAK,CAACG;IAFO,CAAL,CAAnB;IAIAO,QAAQ,CAACT,KAAD,CAAR;EACD;;EAEDO,aAAa,CAACC,CAAD,EAAI;IACfA,CAAC,CAACI,cAAF;IACA,KAAKD,QAAL,CAAcZ,KAAK,KAAK;MACtBE,IAAI,EAAEF,KAAK,CAACE,IADU;MAEtBC,OAAO,EAAE,CAACH,KAAK,CAACG;IAFM,CAAL,CAAnB;EAID;;EAEDW,MAAM,GAAG;IACP,MAAM;MAACC;IAAD,IAAS,KAAKV,OAApB;IACA,MAAMW,WAAW,GAAG,qBAAM,SAAN,EAAiB,eAAjB,EAAkCD,IAAlC,CAApB;IAEA,MAAM;MAACE,KAAD;MAAQC,WAAR;MAAqBC,KAArB;MAA4BC,WAA5B;MAAyCC;IAAzC,IAAqD,KAAKtB,KAAhE;IACA,MAAM;MAACG,IAAD;MAAOC;IAAP,IAAkB,KAAKH,KAA7B;IAEA,MAAMsB,SAAS,GAAGH,KAAK,GAAGI,cAAA,CAAMJ,KAAT,GAAiBI,cAAA,CAAMC,OAA9C;IACA,MAAMC,WAAW,GAAG,CAACtB,OAAD,gBAClB,6BAAC,qCAAD;MAAa,KAAK,EAAE;QAACuB,KAAK,EAAEV;MAAR,CAApB;MAA0C,MAAM,EAAE;IAAlD,EADkB,gBAGlB,6BAAC,wCAAD;MAAY,KAAK,EAAE;QAACU,KAAK,EAAEV;MAAR,CAAnB;MAAyC,MAAM,EAAE;IAAjD,EAHF;IAKA,oBACE;MAAK,SAAS,EAAEM;IAAhB,gBACE,yDACE;MAAM,SAAS,EAAEC,cAAA,CAAMN;IAAvB,GAAgC,GAAEA,KAAM,GAAxC,CADF,eAEE;MAAK,SAAS,EAAEM,cAAA,CAAMI;IAAtB,gBACE,6BAAC,qBAAD;MACE,KAAK,EAAEV,KADT;MAEE,IAAI,EAAEf,IAFR;MAGE,WAAW,EAAEgB,WAHf;MAIE,QAAQ,EAAE,KAAKZ,YAJjB;MAKE,QAAQ,EAAEe,QALZ;MAME,OAAO,EAAElB,OANX;MAOE,SAAS,EAAEoB,cAAA,CAAMK;IAPnB,EADF,CAFF,eAaE;MAAM,SAAS,EAAEL,cAAA,CAAMM,MAAvB;MAA+B,OAAO,EAAE,KAAKrB;IAA7C,GACGiB,WADH,CAbF,CADF,eAkBE;MAAK,SAAS,EAAEF,cAAA,CAAMH;IAAtB,GAAoCA,WAApC,CAlBF,CADF;EAsBD;;AArFqC;;AAAlCzB,S,CACGmC,S,2CAAY;EACjBb,KAAK,EAAEc,kBAAA,CAAUC,MADA;EAEjBd,WAAW,EAAEa,kBAAA,CAAUC,MAFN;EAGjBX,QAAQ,EAAEU,kBAAA,CAAUE,IAHH;EAIjBhC,KAAK,EAAE8B,kBAAA,CAAUC,MAJA;EAKjBb,KAAK,EAAEY,kBAAA,CAAUC,MALA;EAMjBtB,QAAQ,EAAEqB,kBAAA,CAAUG,IANH;EAOjBd,WAAW,EAAEW,kBAAA,CAAUC;AAPN,C;eAsFNrC,S"}

package/lib/atom/life/index.js

@@ -89,13 +89,19 @@ const Life = (props, context) => {
     style: heartCustomStyle
   }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyVoteHeartOutline, {
     className: _style.default.heartOutline,
-    color: white
+    style: {
+      color: white
+    }
   }), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidVoteRewardsVoteHeart, {
     className: pickStyle(_style.default.heartNormalDefault, _style.default.heartNormalFailed, _style.default.heartNormalAnimatedFailed, _style.default.heartNormalRevival),
-    color: negativeColor
+    style: {
+      color: negativeColor
+    }
   }), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyBrokenHeart, {
     className: pickStyle(_style.default.heartBrokenDefault, _style.default.heartBrokenFailed, _style.default.heartBrokenAnimatedFailed, _style.default.heartBrokenRevival),
-    color: negativeColor
+    style: {
+      color: negativeColor
+    }
   })));
 };
 

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

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

package/lib/atom/resource-miniature/index.js

@@ -67,7 +67,9 @@ const ResourceMiniature = (props, context) => {
       backgroundImage: `url(${poster})`
     }
   }), !selected ? /*#__PURE__*/_react.default.createElement(Icon, {
-    color: white,
+    style: {
+      color: white
+    },
     className: _style.default.icon
   }) : null), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(descriptionClassName, _style.default.innerHTML) // eslint-disable-next-line react/no-danger

package/lib/atom/resource-miniature/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["TYPES","pdf","style","icon","PDFIcon","audio","PodcastIcon","video","PlayIcon","ResourceMiniature","props","context","skin","type","description","poster","onClick","handleOnClick","selected","descriptionClassName","selectedDescription","white","primary","posterOutlineColor","Icon","posterWrapper","borderColor","backgroundImage","classnames","innerHTML","__html","propTypes","PropTypes","oneOf","bool","string","func","contextTypes","Provider","childContextTypes"],"sources":["../../../src/atom/resource-miniature/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaSolidAudioAudioControlPlay as PlayIcon,\n  NovaLineFilesOfficeFileOfficePdf as PDFIcon,\n  NovaCompositionCoorpacademyMicrophone as PodcastIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Provider from '../provider';\nimport style from './style.css';\n\nconst TYPES = {\n  pdf: {style: style.pdf, icon: PDFIcon},\n  audio: {style: style.audio, icon: PodcastIcon},\n  video: {style: style.video, icon: PlayIcon}\n};\n\nconst ResourceMiniature = (props, context) => {\n  const {skin} = context;\n  const {type, description, poster, onClick: handleOnClick, selected = false} = props;\n  const descriptionClassName = selected ? style.selectedDescription : style.description;\n  const white = get('common.white', skin);\n  const primary = get('common.primary', skin);\n  const posterOutlineColor = selected ? primary : white;\n  const Icon = TYPES[type].icon;\n  return (\n    <div className={TYPES[type].style} onClick={handleOnClick} data-type={type}>\n      <div className={style.posterWrapper} style={{borderColor: posterOutlineColor}}>\n        <div className={style.poster} style={{backgroundImage: `url(${poster})`}} />\n        {!selected ? <Icon color={white} className={style.icon} /> : null}\n      </div>\n      <div\n        className={classnames(descriptionClassName, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: description}}\n      />\n    </div>\n  );\n};\n\nResourceMiniature.propTypes = {\n  type: PropTypes.oneOf(keys(TYPES)),\n  selected: PropTypes.bool,\n  description: PropTypes.string,\n  poster: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nResourceMiniature.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default ResourceMiniature;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AAKA;;AACA;;AACA;;;;AAEA,MAAMA,KAAK,GAAG;EACZC,GAAG,EAAE;IAACC,KAAK,EAAEA,cAAA,CAAMD,GAAd;IAAmBE,IAAI,EAAEC;EAAzB,CADO;EAEZC,KAAK,EAAE;IAACH,KAAK,EAAEA,cAAA,CAAMG,KAAd;IAAqBF,IAAI,EAAEG;EAA3B,CAFK;EAGZC,KAAK,EAAE;IAACL,KAAK,EAAEA,cAAA,CAAMK,KAAd;IAAqBJ,IAAI,EAAEK;EAA3B;AAHK,CAAd;;AAMA,MAAMC,iBAAiB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC5C,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAM;IAACE,IAAD;IAAOC,WAAP;IAAoBC,MAApB;IAA4BC,OAAO,EAAEC,aAArC;IAAoDC,QAAQ,GAAG;EAA/D,IAAwER,KAA9E;EACA,MAAMS,oBAAoB,GAAGD,QAAQ,GAAGhB,cAAA,CAAMkB,mBAAT,GAA+BlB,cAAA,CAAMY,WAA1E;EACA,MAAMO,KAAK,GAAG,mBAAI,cAAJ,EAAoBT,IAApB,CAAd;EACA,MAAMU,OAAO,GAAG,mBAAI,gBAAJ,EAAsBV,IAAtB,CAAhB;EACA,MAAMW,kBAAkB,GAAGL,QAAQ,GAAGI,OAAH,GAAaD,KAAhD;EACA,MAAMG,IAAI,GAAGxB,KAAK,CAACa,IAAD,CAAL,CAAYV,IAAzB;EACA,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACa,IAAD,CAAL,CAAYX,KAA5B;IAAmC,OAAO,EAAEe,aAA5C;IAA2D,aAAWJ;EAAtE,gBACE;IAAK,SAAS,EAAEX,cAAA,CAAMuB,aAAtB;IAAqC,KAAK,EAAE;MAACC,WAAW,EAAEH;IAAd;EAA5C,gBACE;IAAK,SAAS,EAAErB,cAAA,CAAMa,MAAtB;IAA8B,KAAK,EAAE;MAACY,eAAe,EAAG,OAAMZ,MAAO;IAAhC;EAArC,EADF,EAEG,CAACG,QAAD,gBAAY,6BAAC,IAAD;IAAM,KAAK,EAAEG,KAAb;IAAoB,SAAS,EAAEnB,cAAA,CAAMC;EAArC,EAAZ,GAA4D,IAF/D,CADF,eAKE;IACE,SAAS,EAAE,IAAAyB,mBAAA,EAAWT,oBAAX,EAAiCjB,cAAA,CAAM2B,SAAvC,CADb,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACC,MAAM,EAAEhB;IAAT;EAH3B,EALF,CADF;AAaD,CArBD;;AAuBAL,iBAAiB,CAACsB,SAAlB,2CAA8B;EAC5BlB,IAAI,EAAEmB,kBAAA,CAAUC,KAAV,CAAgB,oBAAKjC,KAAL,CAAhB,CADsB;EAE5BkB,QAAQ,EAAEc,kBAAA,CAAUE,IAFQ;EAG5BpB,WAAW,EAAEkB,kBAAA,CAAUG,MAHK;EAI5BpB,MAAM,EAAEiB,kBAAA,CAAUG,MAJU;EAK5BnB,OAAO,EAAEgB,kBAAA,CAAUI;AALS,CAA9B;AAQA3B,iBAAiB,CAAC4B,YAAlB,GAAiC;EAC/BzB,IAAI,EAAE0B,iBAAA,CAASC,iBAAT,CAA2B3B;AADF,CAAjC;eAIeH,iB"}
+{"version":3,"file":"index.js","names":["TYPES","pdf","style","icon","PDFIcon","audio","PodcastIcon","video","PlayIcon","ResourceMiniature","props","context","skin","type","description","poster","onClick","handleOnClick","selected","descriptionClassName","selectedDescription","white","primary","posterOutlineColor","Icon","posterWrapper","borderColor","backgroundImage","color","classnames","innerHTML","__html","propTypes","PropTypes","oneOf","bool","string","func","contextTypes","Provider","childContextTypes"],"sources":["../../../src/atom/resource-miniature/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaSolidAudioAudioControlPlay as PlayIcon,\n  NovaLineFilesOfficeFileOfficePdf as PDFIcon,\n  NovaCompositionCoorpacademyMicrophone as PodcastIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Provider from '../provider';\nimport style from './style.css';\n\nconst TYPES = {\n  pdf: {style: style.pdf, icon: PDFIcon},\n  audio: {style: style.audio, icon: PodcastIcon},\n  video: {style: style.video, icon: PlayIcon}\n};\n\nconst ResourceMiniature = (props, context) => {\n  const {skin} = context;\n  const {type, description, poster, onClick: handleOnClick, selected = false} = props;\n  const descriptionClassName = selected ? style.selectedDescription : style.description;\n  const white = get('common.white', skin);\n  const primary = get('common.primary', skin);\n  const posterOutlineColor = selected ? primary : white;\n  const Icon = TYPES[type].icon;\n  return (\n    <div className={TYPES[type].style} onClick={handleOnClick} data-type={type}>\n      <div className={style.posterWrapper} style={{borderColor: posterOutlineColor}}>\n        <div className={style.poster} style={{backgroundImage: `url(${poster})`}} />\n        {!selected ? <Icon style={{color: white}} className={style.icon} /> : null}\n      </div>\n      <div\n        className={classnames(descriptionClassName, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: description}}\n      />\n    </div>\n  );\n};\n\nResourceMiniature.propTypes = {\n  type: PropTypes.oneOf(keys(TYPES)),\n  selected: PropTypes.bool,\n  description: PropTypes.string,\n  poster: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nResourceMiniature.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default ResourceMiniature;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AAKA;;AACA;;AACA;;;;AAEA,MAAMA,KAAK,GAAG;EACZC,GAAG,EAAE;IAACC,KAAK,EAAEA,cAAA,CAAMD,GAAd;IAAmBE,IAAI,EAAEC;EAAzB,CADO;EAEZC,KAAK,EAAE;IAACH,KAAK,EAAEA,cAAA,CAAMG,KAAd;IAAqBF,IAAI,EAAEG;EAA3B,CAFK;EAGZC,KAAK,EAAE;IAACL,KAAK,EAAEA,cAAA,CAAMK,KAAd;IAAqBJ,IAAI,EAAEK;EAA3B;AAHK,CAAd;;AAMA,MAAMC,iBAAiB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC5C,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAM;IAACE,IAAD;IAAOC,WAAP;IAAoBC,MAApB;IAA4BC,OAAO,EAAEC,aAArC;IAAoDC,QAAQ,GAAG;EAA/D,IAAwER,KAA9E;EACA,MAAMS,oBAAoB,GAAGD,QAAQ,GAAGhB,cAAA,CAAMkB,mBAAT,GAA+BlB,cAAA,CAAMY,WAA1E;EACA,MAAMO,KAAK,GAAG,mBAAI,cAAJ,EAAoBT,IAApB,CAAd;EACA,MAAMU,OAAO,GAAG,mBAAI,gBAAJ,EAAsBV,IAAtB,CAAhB;EACA,MAAMW,kBAAkB,GAAGL,QAAQ,GAAGI,OAAH,GAAaD,KAAhD;EACA,MAAMG,IAAI,GAAGxB,KAAK,CAACa,IAAD,CAAL,CAAYV,IAAzB;EACA,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACa,IAAD,CAAL,CAAYX,KAA5B;IAAmC,OAAO,EAAEe,aAA5C;IAA2D,aAAWJ;EAAtE,gBACE;IAAK,SAAS,EAAEX,cAAA,CAAMuB,aAAtB;IAAqC,KAAK,EAAE;MAACC,WAAW,EAAEH;IAAd;EAA5C,gBACE;IAAK,SAAS,EAAErB,cAAA,CAAMa,MAAtB;IAA8B,KAAK,EAAE;MAACY,eAAe,EAAG,OAAMZ,MAAO;IAAhC;EAArC,EADF,EAEG,CAACG,QAAD,gBAAY,6BAAC,IAAD;IAAM,KAAK,EAAE;MAACU,KAAK,EAAEP;IAAR,CAAb;IAA6B,SAAS,EAAEnB,cAAA,CAAMC;EAA9C,EAAZ,GAAqE,IAFxE,CADF,eAKE;IACE,SAAS,EAAE,IAAA0B,mBAAA,EAAWV,oBAAX,EAAiCjB,cAAA,CAAM4B,SAAvC,CADb,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACC,MAAM,EAAEjB;IAAT;EAH3B,EALF,CADF;AAaD,CArBD;;AAuBAL,iBAAiB,CAACuB,SAAlB,2CAA8B;EAC5BnB,IAAI,EAAEoB,kBAAA,CAAUC,KAAV,CAAgB,oBAAKlC,KAAL,CAAhB,CADsB;EAE5BkB,QAAQ,EAAEe,kBAAA,CAAUE,IAFQ;EAG5BrB,WAAW,EAAEmB,kBAAA,CAAUG,MAHK;EAI5BrB,MAAM,EAAEkB,kBAAA,CAAUG,MAJU;EAK5BpB,OAAO,EAAEiB,kBAAA,CAAUI;AALS,CAA9B;AAQA5B,iBAAiB,CAAC6B,YAAlB,GAAiC;EAC/B1B,IAAI,EAAE2B,iBAAA,CAASC,iBAAT,CAA2B5B;AADF,CAAjC;eAIeH,iB"}

package/lib/atom/review-presentation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/review-presentation/index.js"],"names":[],"mappings":";AA+CA,6DA+BC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/review-presentation/index.js"],"names":[],"mappings":";AAyGA,6DA+BC"}

package/lib/atom/review-presentation/index.js

@@ -3,7 +3,7 @@
 exports.__esModule = true;
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -13,14 +13,18 @@ var _map = _interopRequireDefault(require("lodash/fp/map"));
 
 var _novaIcons = require("@coorpacademy/nova-icons");
 
-var _tooltip = _interopRequireDefault(require("../tooltip"));
-
 var _style = _interopRequireDefault(require("./style.css"));
 
 var _propTypes2 = _interopRequireDefault(require("./prop-types"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const ICONS = {
   skills: _novaIcons.NovaLineSelectionCursorsCursorArrowTarget,
   questions: _novaIcons.NovaSolidInterfaceFeedbackInterfaceQuestionMark,
@@ -45,6 +49,50 @@ const ReviewIcon = ({
   });
 };
 
+const ToolTip = ({
+  tooltipText,
+  'aria-label': moreDetailsAriaLabel,
+  'data-testid': dataTestId,
+  closeToolTipInformationTextAriaLabel
+}) => {
+  const [toolTipIsVisible, setToolTipIsVisible] = (0, _react.useState)(false);
+  const handleKeyPress = (0, _react.useCallback)(event => {
+    if (event.key === 'Enter') {
+      setToolTipIsVisible(!toolTipIsVisible);
+    } else if (event.key === 'Tab' || event.key === 'Escape') {
+      setToolTipIsVisible(false);
+    }
+  }, [setToolTipIsVisible, toolTipIsVisible]);
+  const handleMouseOver = (0, _react.useCallback)(() => {
+    setToolTipIsVisible(true);
+  }, [setToolTipIsVisible]);
+  const handleMouseLeave = (0, _react.useCallback)(() => {
+    setToolTipIsVisible(false);
+  }, [setToolTipIsVisible]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.tooltipContainer,
+    onMouseLeave: handleMouseLeave,
+    onMouseOver: handleMouseOver
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    className: _style.default.tooltipIconContainer,
+    "data-testid": dataTestId,
+    onKeyDown: handleKeyPress,
+    tabIndex: 0
+  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyInformationIcon, {
+    className: _style.default.informationIcon,
+    width: 12,
+    height: 12,
+    "aria-label": moreDetailsAriaLabel
+  })), toolTipIsVisible ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.toolTip,
+    "data-testid": "review-presentation-tooltip",
+    "aria-label": closeToolTipInformationTextAriaLabel
+  }, /*#__PURE__*/_react.default.createElement("p", {
+    className: _style.default.tooltipText
+  }, tooltipText)) : null);
+};
+
 const ReviewListItemWrapper = ({
   iconKey,
   label
@@ -58,11 +106,11 @@ const ReviewListItemWrapper = ({
     className: _style.default.reviewListText
   }, /*#__PURE__*/_react.default.createElement(ReviewIcon, {
     icon: iconKey
-  }), " ", label.text), /*#__PURE__*/_react.default.createElement(_tooltip.default, {
-    TooltipContent: label.tooltipText,
+  }), " ", label.text), /*#__PURE__*/_react.default.createElement(ToolTip, {
+    tooltipText: label.tooltipText,
+    "aria-label": label.moreDetailsAriaLabel,
     closeToolTipInformationTextAriaLabel: label.closeToolTipInformationTextAriaLabel,
-    "data-testid": `review-list-item-tooltip-button-${iconKey}`,
-    "aria-label": label.moreDetailsAriaLabel
+    "data-testid": `review-list-item-tooltip-button-${iconKey}`
   }));
 };
 
@@ -105,18 +153,23 @@ const ReviewPresentation = props => {
   }, labelsList)));
 };
 
+ToolTip.propTypes = process.env.NODE_ENV !== "production" ? {
+  tooltipText: _propTypes.default.string,
+  'aria-label': _propTypes.default.string,
+  'data-testid': _propTypes.default.string,
+  closeToolTipInformationTextAriaLabel: _propTypes.default.string
+} : {};
 ReviewIcon.propTypes = process.env.NODE_ENV !== "production" ? {
   icon: _propTypes.default.string
 } : {};
-ReviewListItemWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
+ReviewListItemWrapper.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, ToolTip.propTypes, {
   iconKey: _propTypes.default.string,
   label: _propTypes.default.shape({
-    tooltipText: _tooltip.default.propTypes.tooltipText,
-    moreDetailsAriaLabel: _tooltip.default.propTypes['aria-label'],
-    closeToolTipInformationTextAriaLabel: _tooltip.default.propTypes.closeToolTipInformationTextAriaLabel,
-    text: _propTypes.default.string
+    tooltipText: _propTypes.default.string,
+    moreDetailsAriaLabel: _propTypes.default.string,
+    closeToolTipInformationTextAriaLabel: _propTypes.default.string
   })
-} : {};
+}) : {};
 ReviewPresentation.propTypes = process.env.NODE_ENV !== "production" ? _propTypes2.default : {};
 var _default = ReviewPresentation;
 exports.default = _default;

package/lib/atom/review-presentation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ICONS","skills","TargetIcon","questions","QuestionIcon","lifes","HeartIcon","allright","CheckIcon","ReviewIcon","icon","Icon","getOr","style","labelIcon","ReviewListItemWrapper","iconKey","label","reviewListItemWrapper","reviewListText","text","tooltipText","closeToolTipInformationTextAriaLabel","moreDetailsAriaLabel","ReviewPresentation","props","ariaLabel","reviewTitle","reviewText","labelsList","reviewWrapper","__html","reviewListWrapper","map","convert","cap","key","reviewList","propTypes","PropTypes","string","shape","ToolTip"],"sources":["../../../src/atom/review-presentation/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport getOr from 'lodash/fp/getOr';\nimport map from 'lodash/fp/map';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidVoteRewardsVoteHeart as HeartIcon,\n  NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon,\n  NovaLineSelectionCursorsCursorArrowTarget as TargetIcon\n} from '@coorpacademy/nova-icons';\nimport ToolTip from '../tooltip';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ICONS = {\n  skills: TargetIcon,\n  questions: QuestionIcon,\n  lifes: HeartIcon,\n  allright: CheckIcon\n};\n\nconst ReviewIcon = ({icon}) => {\n  const Icon = getOr(null, icon, ICONS);\n\n  /* istanbul ignore next */\n  if (!Icon) {\n    return <div className={style.labelIcon} />;\n  }\n  return <Icon className={style.labelIcon} />;\n};\n\nconst ReviewListItemWrapper = ({iconKey, label}) => {\n  return (\n    <div className={style.reviewListItemWrapper} data-tip data-for=\"reviewListItem\" tabIndex={0}>\n      <div className={style.reviewListText}>\n        <ReviewIcon icon={iconKey} /> {label.text}\n      </div>\n      <ToolTip\n        TooltipContent={label.tooltipText}\n        closeToolTipInformationTextAriaLabel={label.closeToolTipInformationTextAriaLabel}\n        data-testid={`review-list-item-tooltip-button-${iconKey}`}\n        aria-label={label.moreDetailsAriaLabel}\n      />\n    </div>\n  );\n};\n\nconst ReviewPresentation = props => {\n  const {'aria-label': ariaLabel, reviewTitle, reviewText, labelsList} = props;\n\n  return (\n    <div className={style.reviewWrapper} aria-label={ariaLabel}>\n      <div\n        className={style.reviewTitle}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: reviewTitle}}\n      />\n      <div\n        className={style.reviewText}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: reviewText}}\n      />\n      <ul className={style.reviewListWrapper}>\n        {map.convert({cap: false})((label, key) => {\n          return (\n            <li key={`step-${key}`} className={style.reviewList}>\n              <ReviewListItemWrapper\n                iconKey={key}\n                label={label}\n                tooltipText={label.tooltipText}\n                aria-label={label.moreDetailsAriaLabel}\n              />\n            </li>\n          );\n        }, labelsList)}\n      </ul>\n    </div>\n  );\n};\n\nReviewIcon.propTypes = {\n  icon: PropTypes.string\n};\n\nReviewListItemWrapper.propTypes = {\n  iconKey: PropTypes.string,\n  label: PropTypes.shape({\n    tooltipText: ToolTip.propTypes.tooltipText,\n    moreDetailsAriaLabel: ToolTip.propTypes['aria-label'],\n    closeToolTipInformationTextAriaLabel: ToolTip.propTypes.closeToolTipInformationTextAriaLabel,\n    text: PropTypes.string\n  })\n};\n\nReviewPresentation.propTypes = propTypes;\n\nexport default ReviewPresentation;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["ICONS","skills","TargetIcon","questions","QuestionIcon","lifes","HeartIcon","allright","CheckIcon","ReviewIcon","icon","Icon","getOr","style","labelIcon","ToolTip","tooltipText","moreDetailsAriaLabel","dataTestId","closeToolTipInformationTextAriaLabel","toolTipIsVisible","setToolTipIsVisible","useState","handleKeyPress","useCallback","event","key","handleMouseOver","handleMouseLeave","tooltipContainer","tooltipIconContainer","informationIcon","toolTip","ReviewListItemWrapper","iconKey","label","reviewListItemWrapper","reviewListText","text","ReviewPresentation","props","ariaLabel","reviewTitle","reviewText","labelsList","reviewWrapper","__html","reviewListWrapper","map","convert","cap","reviewList","propTypes","PropTypes","string","shape"],"sources":["../../../src/atom/review-presentation/index.js"],"sourcesContent":["import React, {useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport getOr from 'lodash/fp/getOr';\nimport map from 'lodash/fp/map';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidVoteRewardsVoteHeart as HeartIcon,\n  NovaCompositionCoorpacademyInformationIcon as InformationIcon,\n  NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon,\n  NovaLineSelectionCursorsCursorArrowTarget as TargetIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ICONS = {\n  skills: TargetIcon,\n  questions: QuestionIcon,\n  lifes: HeartIcon,\n  allright: CheckIcon\n};\n\nconst ReviewIcon = ({icon}) => {\n  const Icon = getOr(null, icon, ICONS);\n\n  /* istanbul ignore next */\n  if (!Icon) {\n    return <div className={style.labelIcon} />;\n  }\n  return <Icon className={style.labelIcon} />;\n};\n\nconst ToolTip = ({\n  tooltipText,\n  'aria-label': moreDetailsAriaLabel,\n  'data-testid': dataTestId,\n  closeToolTipInformationTextAriaLabel\n}) => {\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n  const handleKeyPress = useCallback(\n    event => {\n      if (event.key === 'Enter') {\n        setToolTipIsVisible(!toolTipIsVisible);\n      } else if (event.key === 'Tab' || event.key === 'Escape') {\n        setToolTipIsVisible(false);\n      }\n    },\n    [setToolTipIsVisible, toolTipIsVisible]\n  );\n  const handleMouseOver = useCallback(() => {\n    setToolTipIsVisible(true);\n  }, [setToolTipIsVisible]);\n\n  const handleMouseLeave = useCallback(() => {\n    setToolTipIsVisible(false);\n  }, [setToolTipIsVisible]);\n\n  return (\n    <div\n      className={style.tooltipContainer}\n      onMouseLeave={handleMouseLeave}\n      onMouseOver={handleMouseOver}\n    >\n      <button\n        type=\"button\"\n        className={style.tooltipIconContainer}\n        data-testid={dataTestId}\n        onKeyDown={handleKeyPress}\n        tabIndex={0}\n      >\n        <InformationIcon\n          className={style.informationIcon}\n          width={12}\n          height={12}\n          aria-label={moreDetailsAriaLabel}\n        />\n      </button>\n      {toolTipIsVisible ? (\n        <div\n          className={style.toolTip}\n          data-testid=\"review-presentation-tooltip\"\n          aria-label={closeToolTipInformationTextAriaLabel}\n        >\n          <p className={style.tooltipText}>{tooltipText}</p>\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nconst ReviewListItemWrapper = ({iconKey, label}) => {\n  return (\n    <div className={style.reviewListItemWrapper} data-tip data-for=\"reviewListItem\" tabIndex={0}>\n      <div className={style.reviewListText}>\n        <ReviewIcon icon={iconKey} /> {label.text}\n      </div>\n      <ToolTip\n        tooltipText={label.tooltipText}\n        aria-label={label.moreDetailsAriaLabel}\n        closeToolTipInformationTextAriaLabel={label.closeToolTipInformationTextAriaLabel}\n        data-testid={`review-list-item-tooltip-button-${iconKey}`}\n      />\n    </div>\n  );\n};\n\nconst ReviewPresentation = props => {\n  const {'aria-label': ariaLabel, reviewTitle, reviewText, labelsList} = props;\n\n  return (\n    <div className={style.reviewWrapper} aria-label={ariaLabel}>\n      <div\n        className={style.reviewTitle}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: reviewTitle}}\n      />\n      <div\n        className={style.reviewText}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: reviewText}}\n      />\n      <ul className={style.reviewListWrapper}>\n        {map.convert({cap: false})((label, key) => {\n          return (\n            <li key={`step-${key}`} className={style.reviewList}>\n              <ReviewListItemWrapper\n                iconKey={key}\n                label={label}\n                tooltipText={label.tooltipText}\n                aria-label={label.moreDetailsAriaLabel}\n              />\n            </li>\n          );\n        }, labelsList)}\n      </ul>\n    </div>\n  );\n};\n\nToolTip.propTypes = {\n  tooltipText: PropTypes.string,\n  'aria-label': PropTypes.string,\n  'data-testid': PropTypes.string,\n  closeToolTipInformationTextAriaLabel: PropTypes.string\n};\n\nReviewIcon.propTypes = {\n  icon: PropTypes.string\n};\n\nReviewListItemWrapper.propTypes = {\n  ...ToolTip.propTypes,\n  iconKey: PropTypes.string,\n  label: PropTypes.shape({\n    tooltipText: PropTypes.string,\n    moreDetailsAriaLabel: PropTypes.string,\n    closeToolTipInformationTextAriaLabel: PropTypes.string\n  })\n};\n\nReviewPresentation.propTypes = propTypes;\n\nexport default ReviewPresentation;\n"],"mappings":"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"}