@coorpacademy/components 11.2.10 → 11.2.11

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

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

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

@@ -17,7 +17,7 @@ const ANIMATION_CONTROL = {
 };
 exports.ANIMATION_CONTROL = ANIMATION_CONTROL;
 const propTypes = {
-  'aria-label': _propTypes.default.string.isRequired,
+  'aria-label': _propTypes.default.string,
   'data-name': _propTypes.default.string,
   animationSrc: _propTypes.default.string.isRequired,
   loop: _propTypes.default.bool,

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

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["ANIMATION_CONTROL","play","pause","stop","loading","propTypes","PropTypes","string","isRequired","animationSrc","loop","bool","rendererSettings","shape","hideOnTransparent","className","height","number","width","ie11ImageBackup","backupImageClassName","autoplay","animationControl","oneOf","keys"],"sources":["../../../src/atom/lottie-wrapper/prop-types.ts"],"sourcesContent":["import keys from 'lodash/fp/keys';\nimport PropTypes from 'prop-types';\n\nexport type LottieAnimationProps = {\n  'aria-label': string;\n  'data-name'?: string;\n  animationSrc: string;\n  loop?: boolean;\n  rendererSettings?: {\n    hideOnTransparent?: boolean;\n    className?: string;\n  };\n  height?: number;\n  width?: number;\n  className?: string;\n  ie11ImageBackup: string;\n  backupImageClassName?: string;\n  autoplay?: boolean;\n  animationControl?: 'play' | 'pause' | 'stop' | 'loading';\n};\n\nexport const ANIMATION_CONTROL = {\n  play: 'play',\n  pause: 'pause',\n  stop: 'stop',\n  loading: 'loading'\n};\n\nconst propTypes = {\n  'aria-label': PropTypes.string.isRequired,\n  'data-name': PropTypes.string,\n  animationSrc: PropTypes.string.isRequired,\n  loop: PropTypes.bool,\n  rendererSettings: PropTypes.shape({\n    hideOnTransparent: PropTypes.bool,\n    className: PropTypes.string\n  }),\n  height: PropTypes.number,\n  width: PropTypes.number,\n  className: PropTypes.string,\n  ie11ImageBackup: PropTypes.string.isRequired,\n  backupImageClassName: PropTypes.string,\n  autoplay: PropTypes.bool,\n  animationControl: PropTypes.oneOf(keys(ANIMATION_CONTROL))\n};\n\nexport default propTypes;\n"],"mappings":";;;;;AAAA;;AACA;;;;AAoBO,MAAMA,iBAAiB,GAAG;EAC/BC,IAAI,EAAE,MADyB;EAE/BC,KAAK,EAAE,OAFwB;EAG/BC,IAAI,EAAE,MAHyB;EAI/BC,OAAO,EAAE;AAJsB,CAA1B;;AAOP,MAAMC,SAAS,GAAG;EAChB,cAAcC,kBAAA,CAAUC,MAAV,CAAiBC,UADf;EAEhB,aAAaF,kBAAA,CAAUC,MAFP;EAGhBE,YAAY,EAAEH,kBAAA,CAAUC,MAAV,CAAiBC,UAHf;EAIhBE,IAAI,EAAEJ,kBAAA,CAAUK,IAJA;EAKhBC,gBAAgB,EAAEN,kBAAA,CAAUO,KAAV,CAAgB;IAChCC,iBAAiB,EAAER,kBAAA,CAAUK,IADG;IAEhCI,SAAS,EAAET,kBAAA,CAAUC;EAFW,CAAhB,CALF;EAShBS,MAAM,EAAEV,kBAAA,CAAUW,MATF;EAUhBC,KAAK,EAAEZ,kBAAA,CAAUW,MAVD;EAWhBF,SAAS,EAAET,kBAAA,CAAUC,MAXL;EAYhBY,eAAe,EAAEb,kBAAA,CAAUC,MAAV,CAAiBC,UAZlB;EAahBY,oBAAoB,EAAEd,kBAAA,CAAUC,MAbhB;EAchBc,QAAQ,EAAEf,kBAAA,CAAUK,IAdJ;EAehBW,gBAAgB,EAAEhB,kBAAA,CAAUiB,KAAV,CAAgB,IAAAC,aAAA,EAAKxB,iBAAL,CAAhB;AAfF,CAAlB;eAkBeK,S"}
+{"version":3,"file":"prop-types.js","names":["ANIMATION_CONTROL","play","pause","stop","loading","propTypes","PropTypes","string","animationSrc","isRequired","loop","bool","rendererSettings","shape","hideOnTransparent","className","height","number","width","ie11ImageBackup","backupImageClassName","autoplay","animationControl","oneOf","keys"],"sources":["../../../src/atom/lottie-wrapper/prop-types.ts"],"sourcesContent":["import keys from 'lodash/fp/keys';\nimport PropTypes from 'prop-types';\n\nexport type LottieAnimationProps = {\n  'aria-label'?: string;\n  'data-name'?: string;\n  animationSrc: string;\n  loop?: boolean;\n  rendererSettings?: {\n    hideOnTransparent?: boolean;\n    className?: string;\n  };\n  height?: number;\n  width?: number;\n  className?: string;\n  ie11ImageBackup: string;\n  backupImageClassName?: string;\n  autoplay?: boolean;\n  animationControl?: 'play' | 'pause' | 'stop' | 'loading';\n};\n\nexport const ANIMATION_CONTROL = {\n  play: 'play',\n  pause: 'pause',\n  stop: 'stop',\n  loading: 'loading'\n};\n\nconst propTypes = {\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  animationSrc: PropTypes.string.isRequired,\n  loop: PropTypes.bool,\n  rendererSettings: PropTypes.shape({\n    hideOnTransparent: PropTypes.bool,\n    className: PropTypes.string\n  }),\n  height: PropTypes.number,\n  width: PropTypes.number,\n  className: PropTypes.string,\n  ie11ImageBackup: PropTypes.string.isRequired,\n  backupImageClassName: PropTypes.string,\n  autoplay: PropTypes.bool,\n  animationControl: PropTypes.oneOf(keys(ANIMATION_CONTROL))\n};\n\nexport default propTypes;\n"],"mappings":";;;;;AAAA;;AACA;;;;AAoBO,MAAMA,iBAAiB,GAAG;EAC/BC,IAAI,EAAE,MADyB;EAE/BC,KAAK,EAAE,OAFwB;EAG/BC,IAAI,EAAE,MAHyB;EAI/BC,OAAO,EAAE;AAJsB,CAA1B;;AAOP,MAAMC,SAAS,GAAG;EAChB,cAAcC,kBAAA,CAAUC,MADR;EAEhB,aAAaD,kBAAA,CAAUC,MAFP;EAGhBC,YAAY,EAAEF,kBAAA,CAAUC,MAAV,CAAiBE,UAHf;EAIhBC,IAAI,EAAEJ,kBAAA,CAAUK,IAJA;EAKhBC,gBAAgB,EAAEN,kBAAA,CAAUO,KAAV,CAAgB;IAChCC,iBAAiB,EAAER,kBAAA,CAAUK,IADG;IAEhCI,SAAS,EAAET,kBAAA,CAAUC;EAFW,CAAhB,CALF;EAShBS,MAAM,EAAEV,kBAAA,CAAUW,MATF;EAUhBC,KAAK,EAAEZ,kBAAA,CAAUW,MAVD;EAWhBF,SAAS,EAAET,kBAAA,CAAUC,MAXL;EAYhBY,eAAe,EAAEb,kBAAA,CAAUC,MAAV,CAAiBE,UAZlB;EAahBW,oBAAoB,EAAEd,kBAAA,CAAUC,MAbhB;EAchBc,QAAQ,EAAEf,kBAAA,CAAUK,IAdJ;EAehBW,gBAAgB,EAAEhB,kBAAA,CAAUiB,KAAV,CAAgB,IAAAC,aAAA,EAAKxB,iBAAL,CAAhB;AAfF,CAAlB;eAkBeK,S"}

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":";AA4CA,6DA+BC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/review-presentation/index.js"],"names":[],"mappings":";AAiDA,6DA8BC"}

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

@@ -42,7 +42,8 @@ const getIcon = icon => {
 };
 
 const ToolTip = ({
-  tooltipText
+  tooltipText,
+  'aria-label': moreDetailsAriaLabel
 }) => {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.tooltipContainer
@@ -51,10 +52,11 @@ const ToolTip = ({
   }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyInformationIcon, {
     className: _style.default.informationIcon,
     width: 12,
-    height: 12
+    height: 12,
+    "aria-label": moreDetailsAriaLabel
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.toolTip
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("p", {
     className: _style.default.tooltipText
   }, tooltipText)));
 };
@@ -96,13 +98,15 @@ const ReviewPresentation = props => {
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.reviewListText
     }, getIcon(key), " ", label.text), /*#__PURE__*/_react.default.createElement(ToolTip, {
-      tooltipText: label.tooltipText
+      tooltipText: label.tooltipText,
+      "aria-label": label.moreDetailsAriaLabel
     })));
   }, labelsList)));
 };
 
 ToolTip.propTypes = process.env.NODE_ENV !== "production" ? {
-  tooltipText: _propTypes.default.string
+  tooltipText: _propTypes.default.string,
+  'aria-label': _propTypes.default.string
 } : {};
 ReviewPresentation.propTypes = process.env.NODE_ENV !== "production" ? _propTypes2.default : {};
 var _default = ReviewPresentation;

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","getIcon","icon","Icon","getOr","style","labelIcon","ToolTip","tooltipText","tooltipContainer","tooltipIconContainer","informationIcon","toolTip","ReviewPresentation","props","ariaLabel","reviewTitle","reviewText","labelsList","reviewWrapper","__html","reviewListWrapper","map","convert","cap","label","key","reviewList","reviewListItemWrapper","reviewListText","text","propTypes","PropTypes","string"],"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  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 getIcon = 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 = ({tooltipText}) => {\n  return (\n    <div className={style.tooltipContainer}>\n      <div className={style.tooltipIconContainer}>\n        <InformationIcon className={style.informationIcon} width={12} height={12} />\n      </div>\n      <div className={style.toolTip}>\n        <div className={style.tooltipText}>{tooltipText}</div>\n      </div>\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              <div className={style.reviewListItemWrapper} data-tip data-for=\"reviewListItem\">\n                <div className={style.reviewListText}>\n                  {getIcon(key)} {label.text}\n                </div>\n                <ToolTip tooltipText={label.tooltipText} />\n              </div>\n            </li>\n          );\n        }, labelsList)}\n      </ul>\n    </div>\n  );\n};\n\nToolTip.propTypes = {\n  tooltipText: PropTypes.string\n};\n\nReviewPresentation.propTypes = propTypes;\n\nexport default ReviewPresentation;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAOA;;AACA;;;;AAEA,MAAMA,KAAK,GAAG;EACZC,MAAM,EAAEC,oDADI;EAEZC,SAAS,EAAEC,0DAFC;EAGZC,KAAK,EAAEC,wCAHK;EAIZC,QAAQ,EAAEC;AAJE,CAAd;;AAOA,MAAMC,OAAO,GAAGC,IAAI,IAAI;EACtB,MAAMC,IAAI,GAAG,IAAAC,cAAA,EAAM,IAAN,EAAYF,IAAZ,EAAkBV,KAAlB,CAAb;EAEA;;EACA,IAAI,CAACW,IAAL,EAAW;IACT,oBAAO;MAAK,SAAS,EAAEE,cAAA,CAAMC;IAAtB,EAAP;EACD;;EACD,oBAAO,6BAAC,IAAD;IAAM,SAAS,EAAED,cAAA,CAAMC;EAAvB,EAAP;AACD,CARD;;AAUA,MAAMC,OAAO,GAAG,CAAC;EAACC;AAAD,CAAD,KAAmB;EACjC,oBACE;IAAK,SAAS,EAAEH,cAAA,CAAMI;EAAtB,gBACE;IAAK,SAAS,EAAEJ,cAAA,CAAMK;EAAtB,gBACE,6BAAC,qDAAD;IAAiB,SAAS,EAAEL,cAAA,CAAMM,eAAlC;IAAmD,KAAK,EAAE,EAA1D;IAA8D,MAAM,EAAE;EAAtE,EADF,CADF,eAIE;IAAK,SAAS,EAAEN,cAAA,CAAMO;EAAtB,gBACE;IAAK,SAAS,EAAEP,cAAA,CAAMG;EAAtB,GAAoCA,WAApC,CADF,CAJF,CADF;AAUD,CAXD;;AAaA,MAAMK,kBAAkB,GAAGC,KAAK,IAAI;EAClC,MAAM;IAAC,cAAcC,SAAf;IAA0BC,WAA1B;IAAuCC,UAAvC;IAAmDC;EAAnD,IAAiEJ,KAAvE;EAEA,oBACE;IAAK,SAAS,EAAET,cAAA,CAAMc,aAAtB;IAAqC,cAAYJ;EAAjD,gBACE;IACE,SAAS,EAAEV,cAAA,CAAMW,WADnB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACI,MAAM,EAAEJ;IAAT;EAH3B,EADF,eAME;IACE,SAAS,EAAEX,cAAA,CAAMY,UADnB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACG,MAAM,EAAEH;IAAT;EAH3B,EANF,eAWE;IAAI,SAAS,EAAEZ,cAAA,CAAMgB;EAArB,GACGC,YAAA,CAAIC,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EAA0B,CAACC,KAAD,EAAQC,GAAR,KAAgB;IACzC,oBACE;MAAI,GAAG,EAAG,QAAOA,GAAI,EAArB;MAAwB,SAAS,EAAErB,cAAA,CAAMsB;IAAzC,gBACE;MAAK,SAAS,EAAEtB,cAAA,CAAMuB,qBAAtB;MAA6C,gBAA7C;MAAsD,YAAS;IAA/D,gBACE;MAAK,SAAS,EAAEvB,cAAA,CAAMwB;IAAtB,GACG5B,OAAO,CAACyB,GAAD,CADV,OACkBD,KAAK,CAACK,IADxB,CADF,eAIE,6BAAC,OAAD;MAAS,WAAW,EAAEL,KAAK,CAACjB;IAA5B,EAJF,CADF,CADF;EAUD,CAXA,EAWEU,UAXF,CADH,CAXF,CADF;AA4BD,CA/BD;;AAiCAX,OAAO,CAACwB,SAAR,2CAAoB;EAClBvB,WAAW,EAAEwB,kBAAA,CAAUC;AADL,CAApB;AAIApB,kBAAkB,CAACkB,SAAnB,2CAA+BA,mBAA/B;eAEelB,kB"}
+{"version":3,"file":"index.js","names":["ICONS","skills","TargetIcon","questions","QuestionIcon","lifes","HeartIcon","allright","CheckIcon","getIcon","icon","Icon","getOr","style","labelIcon","ToolTip","tooltipText","moreDetailsAriaLabel","tooltipContainer","tooltipIconContainer","informationIcon","toolTip","ReviewPresentation","props","ariaLabel","reviewTitle","reviewText","labelsList","reviewWrapper","__html","reviewListWrapper","map","convert","cap","label","key","reviewList","reviewListItemWrapper","reviewListText","text","propTypes","PropTypes","string"],"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  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 getIcon = 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 = ({tooltipText, 'aria-label': moreDetailsAriaLabel}) => {\n  return (\n    <div className={style.tooltipContainer}>\n      <div className={style.tooltipIconContainer}>\n        <InformationIcon\n          className={style.informationIcon}\n          width={12}\n          height={12}\n          aria-label={moreDetailsAriaLabel}\n        />\n      </div>\n      <div className={style.toolTip}>\n        <p className={style.tooltipText}>{tooltipText}</p>\n      </div>\n    </div>\n  );\n};\n\nconst ReviewPresentation = props => {\n  const {'aria-label': ariaLabel, reviewTitle, reviewText, labelsList} = props;\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              <div className={style.reviewListItemWrapper} data-tip data-for=\"reviewListItem\">\n                <div className={style.reviewListText}>\n                  {getIcon(key)} {label.text}\n                </div>\n                <ToolTip tooltipText={label.tooltipText} aria-label={label.moreDetailsAriaLabel} />\n              </div>\n            </li>\n          );\n        }, labelsList)}\n      </ul>\n    </div>\n  );\n};\n\nToolTip.propTypes = {\n  tooltipText: PropTypes.string,\n  'aria-label': PropTypes.string\n};\n\nReviewPresentation.propTypes = propTypes;\n\nexport default ReviewPresentation;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAOA;;AACA;;;;AAEA,MAAMA,KAAK,GAAG;EACZC,MAAM,EAAEC,oDADI;EAEZC,SAAS,EAAEC,0DAFC;EAGZC,KAAK,EAAEC,wCAHK;EAIZC,QAAQ,EAAEC;AAJE,CAAd;;AAOA,MAAMC,OAAO,GAAGC,IAAI,IAAI;EACtB,MAAMC,IAAI,GAAG,IAAAC,cAAA,EAAM,IAAN,EAAYF,IAAZ,EAAkBV,KAAlB,CAAb;EAEA;;EACA,IAAI,CAACW,IAAL,EAAW;IACT,oBAAO;MAAK,SAAS,EAAEE,cAAA,CAAMC;IAAtB,EAAP;EACD;;EACD,oBAAO,6BAAC,IAAD;IAAM,SAAS,EAAED,cAAA,CAAMC;EAAvB,EAAP;AACD,CARD;;AAUA,MAAMC,OAAO,GAAG,CAAC;EAACC,WAAD;EAAc,cAAcC;AAA5B,CAAD,KAAuD;EACrE,oBACE;IAAK,SAAS,EAAEJ,cAAA,CAAMK;EAAtB,gBACE;IAAK,SAAS,EAAEL,cAAA,CAAMM;EAAtB,gBACE,6BAAC,qDAAD;IACE,SAAS,EAAEN,cAAA,CAAMO,eADnB;IAEE,KAAK,EAAE,EAFT;IAGE,MAAM,EAAE,EAHV;IAIE,cAAYH;EAJd,EADF,CADF,eASE;IAAK,SAAS,EAAEJ,cAAA,CAAMQ;EAAtB,gBACE;IAAG,SAAS,EAAER,cAAA,CAAMG;EAApB,GAAkCA,WAAlC,CADF,CATF,CADF;AAeD,CAhBD;;AAkBA,MAAMM,kBAAkB,GAAGC,KAAK,IAAI;EAClC,MAAM;IAAC,cAAcC,SAAf;IAA0BC,WAA1B;IAAuCC,UAAvC;IAAmDC;EAAnD,IAAiEJ,KAAvE;EACA,oBACE;IAAK,SAAS,EAAEV,cAAA,CAAMe,aAAtB;IAAqC,cAAYJ;EAAjD,gBACE;IACE,SAAS,EAAEX,cAAA,CAAMY,WADnB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACI,MAAM,EAAEJ;IAAT;EAH3B,EADF,eAME;IACE,SAAS,EAAEZ,cAAA,CAAMa,UADnB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACG,MAAM,EAAEH;IAAT;EAH3B,EANF,eAWE;IAAI,SAAS,EAAEb,cAAA,CAAMiB;EAArB,GACGC,YAAA,CAAIC,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EAA0B,CAACC,KAAD,EAAQC,GAAR,KAAgB;IACzC,oBACE;MAAI,GAAG,EAAG,QAAOA,GAAI,EAArB;MAAwB,SAAS,EAAEtB,cAAA,CAAMuB;IAAzC,gBACE;MAAK,SAAS,EAAEvB,cAAA,CAAMwB,qBAAtB;MAA6C,gBAA7C;MAAsD,YAAS;IAA/D,gBACE;MAAK,SAAS,EAAExB,cAAA,CAAMyB;IAAtB,GACG7B,OAAO,CAAC0B,GAAD,CADV,OACkBD,KAAK,CAACK,IADxB,CADF,eAIE,6BAAC,OAAD;MAAS,WAAW,EAAEL,KAAK,CAAClB,WAA5B;MAAyC,cAAYkB,KAAK,CAACjB;IAA3D,EAJF,CADF,CADF;EAUD,CAXA,EAWEU,UAXF,CADH,CAXF,CADF;AA4BD,CA9BD;;AAgCAZ,OAAO,CAACyB,SAAR,2CAAoB;EAClBxB,WAAW,EAAEyB,kBAAA,CAAUC,MADL;EAElB,cAAcD,kBAAA,CAAUC;AAFN,CAApB;AAKApB,kBAAkB,CAACkB,SAAnB,2CAA+BA,mBAA/B;eAEelB,kB"}

package/lib/atom/review-presentation/prop-types.d.ts

@@ -9,18 +9,22 @@ declare const propTypes: {
         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>;
         }>>;
     }>>;
 };
@@ -40,18 +44,22 @@ export declare type OnboardingProps = {
         skills?: {
             text?: string | undefined;
             tooltipText?: string | undefined;
+            'aria-label'?: string | undefined;
         } | undefined;
         questions?: {
             text?: string | undefined;
             tooltipText?: string | undefined;
+            'aria-label'?: string | undefined;
         };
         lifes?: {
             text?: string | undefined;
             tooltipText?: string | undefined;
+            'aria-label'?: string | undefined;
         } | undefined;
         allright?: {
             text?: string | undefined;
             tooltipText?: string | undefined;
+            'aria-label'?: string | undefined;
         } | undefined;
     };
     onPress: (event: GestureResponderEvent) => void;

package/lib/atom/review-presentation/prop-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/atom/review-presentation/prop-types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,UAAU,EAAE,qBAAqB,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAO1E,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;CAUd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,eAAO,MAAM,oBAAoB;;CAEhC,CAAC;AAEF,eAAO,MAAM,aAAa;;;CAGzB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,UAAU,CAAC,EAAE;QACX,MAAM,CAAC,EACH;YACE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;SAClC,GACD,SAAS,CAAC;QACd,SAAS,CAAC,EAAE;YACV,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;SAClC,CAAC;QACF,KAAK,CAAC,EACF;YACE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;SAClC,GACD,SAAS,CAAC;QACd,QAAQ,CAAC,EACL;YACE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;SAClC,GACD,SAAS,CAAC;KACf,CAAC;IACF,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF,oBAAY,QAAQ,GAAG;IACrB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,SAAS,CAAC;QAAC,KAAK,EAAE,UAAU,CAAA;KAAC,CAAC,CAAC;CACtF,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/atom/review-presentation/prop-types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,UAAU,EAAE,qBAAqB,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAQ1E,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;CAUd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,eAAO,MAAM,oBAAoB;;CAEhC,CAAC;AAEF,eAAO,MAAM,aAAa;;;CAGzB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,UAAU,CAAC,EAAE;QACX,MAAM,CAAC,EACH;YACE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YACjC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;SACnC,GACD,SAAS,CAAC;QACd,SAAS,CAAC,EAAE;YACV,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YACjC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;SACnC,CAAC;QACF,KAAK,CAAC,EACF;YACE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YACjC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;SACnC,GACD,SAAS,CAAC;QACd,QAAQ,CAAC,EACL;YACE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YACjC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;SACnC,GACD,SAAS,CAAC;KACf,CAAC;IACF,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF,oBAAY,QAAQ,GAAG;IACrB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,SAAS,CAAC;QAAC,KAAK,EAAE,UAAU,CAAA;KAAC,CAAC,CAAC;CACtF,CAAC"}

package/lib/atom/review-presentation/prop-types.js

@@ -9,7 +9,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 const levelItem = _propTypes.default.shape({
   text: _propTypes.default.string,
-  tooltipText: _propTypes.default.string
+  tooltipText: _propTypes.default.string,
+  moreDetailsAreaLabel: _propTypes.default.string
 });
 
 const propTypes = {

package/lib/atom/review-presentation/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["levelItem","PropTypes","shape","text","string","tooltipText","propTypes","reviewTitle","reviewText","labelsList","skills","questions","lifes","allright","OnboardingPropsTypes","onPress","func","TipPropsTypes","Icon","any"],"sources":["../../../src/atom/review-presentation/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {ColorValue, GestureResponderEvent, ViewStyle} from 'react-native';\n\nconst levelItem = PropTypes.shape({\n  text: PropTypes.string,\n  tooltipText: PropTypes.string\n});\n\nconst propTypes = {\n  'aria-label': PropTypes.string,\n  reviewTitle: PropTypes.string,\n  reviewText: PropTypes.string,\n  labelsList: PropTypes.shape({\n    skills: levelItem,\n    questions: levelItem,\n    lifes: levelItem,\n    allright: levelItem\n  })\n};\n\nexport default propTypes;\n\nexport const OnboardingPropsTypes = {\n  onPress: PropTypes.func\n};\n\nexport const TipPropsTypes = {\n  text: PropTypes.string,\n  Icon: PropTypes.any\n};\n\nexport type OnboardingProps = {\n  'aria-label'?: string | undefined;\n  reviewTitle?: string | undefined;\n  reviewText?: string | undefined;\n  labelsList?: {\n    skills?:\n      | {\n          text?: string | undefined;\n          tooltipText?: string | undefined;\n        }\n      | undefined;\n    questions?: {\n      text?: string | undefined;\n      tooltipText?: string | undefined;\n    };\n    lifes?:\n      | {\n          text?: string | undefined;\n          tooltipText?: string | undefined;\n        }\n      | undefined;\n    allright?:\n      | {\n          text?: string | undefined;\n          tooltipText?: string | undefined;\n        }\n      | undefined;\n  };\n  onPress: (event: GestureResponderEvent) => void;\n};\n\nexport type TipProps = {\n  text: string | undefined;\n  Icon: React.FC<{height: number; width: number; style: ViewStyle; color: ColorValue}>;\n};\n"],"mappings":";;;;;AAAA;;;;AAGA,MAAMA,SAAS,GAAGC,kBAAA,CAAUC,KAAV,CAAgB;EAChCC,IAAI,EAAEF,kBAAA,CAAUG,MADgB;EAEhCC,WAAW,EAAEJ,kBAAA,CAAUG;AAFS,CAAhB,CAAlB;;AAKA,MAAME,SAAS,GAAG;EAChB,cAAcL,kBAAA,CAAUG,MADR;EAEhBG,WAAW,EAAEN,kBAAA,CAAUG,MAFP;EAGhBI,UAAU,EAAEP,kBAAA,CAAUG,MAHN;EAIhBK,UAAU,EAAER,kBAAA,CAAUC,KAAV,CAAgB;IAC1BQ,MAAM,EAAEV,SADkB;IAE1BW,SAAS,EAAEX,SAFe;IAG1BY,KAAK,EAAEZ,SAHmB;IAI1Ba,QAAQ,EAAEb;EAJgB,CAAhB;AAJI,CAAlB;eAYeM,S;;AAER,MAAMQ,oBAAoB,GAAG;EAClCC,OAAO,EAAEd,kBAAA,CAAUe;AADe,CAA7B;;AAIA,MAAMC,aAAa,GAAG;EAC3Bd,IAAI,EAAEF,kBAAA,CAAUG,MADW;EAE3Bc,IAAI,EAAEjB,kBAAA,CAAUkB;AAFW,CAAtB"}
+{"version":3,"file":"prop-types.js","names":["levelItem","PropTypes","shape","text","string","tooltipText","moreDetailsAreaLabel","propTypes","reviewTitle","reviewText","labelsList","skills","questions","lifes","allright","OnboardingPropsTypes","onPress","func","TipPropsTypes","Icon","any"],"sources":["../../../src/atom/review-presentation/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {ColorValue, GestureResponderEvent, ViewStyle} from 'react-native';\n\nconst levelItem = PropTypes.shape({\n  text: PropTypes.string,\n  tooltipText: PropTypes.string,\n  moreDetailsAreaLabel: PropTypes.string\n});\n\nconst propTypes = {\n  'aria-label': PropTypes.string,\n  reviewTitle: PropTypes.string,\n  reviewText: PropTypes.string,\n  labelsList: PropTypes.shape({\n    skills: levelItem,\n    questions: levelItem,\n    lifes: levelItem,\n    allright: levelItem\n  })\n};\n\nexport default propTypes;\n\nexport const OnboardingPropsTypes = {\n  onPress: PropTypes.func\n};\n\nexport const TipPropsTypes = {\n  text: PropTypes.string,\n  Icon: PropTypes.any\n};\n\nexport type OnboardingProps = {\n  'aria-label'?: string | undefined;\n  reviewTitle?: string | undefined;\n  reviewText?: string | undefined;\n  labelsList?: {\n    skills?:\n      | {\n          text?: string | undefined;\n          tooltipText?: string | undefined;\n          'aria-label'?: string | undefined;\n        }\n      | undefined;\n    questions?: {\n      text?: string | undefined;\n      tooltipText?: string | undefined;\n      'aria-label'?: string | undefined;\n    };\n    lifes?:\n      | {\n          text?: string | undefined;\n          tooltipText?: string | undefined;\n          'aria-label'?: string | undefined;\n        }\n      | undefined;\n    allright?:\n      | {\n          text?: string | undefined;\n          tooltipText?: string | undefined;\n          'aria-label'?: string | undefined;\n        }\n      | undefined;\n  };\n  onPress: (event: GestureResponderEvent) => void;\n};\n\nexport type TipProps = {\n  text: string | undefined;\n  Icon: React.FC<{height: number; width: number; style: ViewStyle; color: ColorValue}>;\n};\n"],"mappings":";;;;;AAAA;;;;AAGA,MAAMA,SAAS,GAAGC,kBAAA,CAAUC,KAAV,CAAgB;EAChCC,IAAI,EAAEF,kBAAA,CAAUG,MADgB;EAEhCC,WAAW,EAAEJ,kBAAA,CAAUG,MAFS;EAGhCE,oBAAoB,EAAEL,kBAAA,CAAUG;AAHA,CAAhB,CAAlB;;AAMA,MAAMG,SAAS,GAAG;EAChB,cAAcN,kBAAA,CAAUG,MADR;EAEhBI,WAAW,EAAEP,kBAAA,CAAUG,MAFP;EAGhBK,UAAU,EAAER,kBAAA,CAAUG,MAHN;EAIhBM,UAAU,EAAET,kBAAA,CAAUC,KAAV,CAAgB;IAC1BS,MAAM,EAAEX,SADkB;IAE1BY,SAAS,EAAEZ,SAFe;IAG1Ba,KAAK,EAAEb,SAHmB;IAI1Bc,QAAQ,EAAEd;EAJgB,CAAhB;AAJI,CAAlB;eAYeO,S;;AAER,MAAMQ,oBAAoB,GAAG;EAClCC,OAAO,EAAEf,kBAAA,CAAUgB;AADe,CAA7B;;AAIA,MAAMC,aAAa,GAAG;EAC3Bf,IAAI,EAAEF,kBAAA,CAAUG,MADW;EAE3Be,IAAI,EAAElB,kBAAA,CAAUmB;AAFW,CAAtB"}

package/lib/molecule/review-card-congrats/prop-types.d.ts

@@ -16,7 +16,7 @@ declare const _default: {
     '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/lib/organism/review-congrats/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/review-congrats/index.js"],"names":[],"mappings":"AAOO,sDAMN;;AAED,yDAsEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/review-congrats/index.js"],"names":[],"mappings":"AAOO,sDAMN;;AAED,yDAuEC"}

package/lib/organism/review-congrats/index.js

@@ -53,7 +53,9 @@ const ReviewCongrats = props => {
     "aria-label": ariaLabel,
     "data-name": dataName,
     "data-testid": "congrats"
-  }, /*#__PURE__*/_react.default.createElement(_lottieWrapper.default, _extends({}, animationLottie, {
+  }, /*#__PURE__*/_react.default.createElement(_lottieWrapper.default
+  /** confetti animation */
+  , _extends({}, animationLottie, {
     loop: false,
     animationControl: 'play',
     autoplay: true,

package/lib/organism/review-congrats/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["setScroll","container","current","scrollTo","left","behavior","ReviewCongrats","props","ariaLabel","dataName","animationLottie","title","cardCongratsStar","cardCongratsRank","buttonRevising","buttonRevisingSkill","useRef","useEffect","timer","setTimeout","clearTimeout","style","mainContainer","lottie","ie11Backup","containerCongrats","containerCards","cardStar","cardRank","cardStarNoRank","buttonContainer","buttonRevise","propTypes"],"sources":["../../../src/organism/review-congrats/index.js"],"sourcesContent":["import React, {useEffect, useRef} from 'react';\nimport AtomLottieWrapper from '../../atom/lottie-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport MoleculeReviewCardCongrats from '../../molecule/review-card-congrats';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nexport const setScroll = container => () => {\n  container.current?.scrollTo &&\n    container.current.scrollTo({\n      left: 1000,\n      behavior: 'smooth'\n    });\n};\n\nconst ReviewCongrats = props => {\n  const {\n    'aria-label': ariaLabel,\n    'data-name': dataName,\n    animationLottie,\n    title,\n    cardCongratsStar,\n    cardCongratsRank,\n    buttonRevising,\n    buttonRevisingSkill\n  } = props;\n\n  const container = useRef(null);\n\n  useEffect(() => {\n    const timer = setTimeout(setScroll(container), 2000);\n    return () => timer && clearTimeout(timer);\n  }, []);\n\n  return (\n    <div\n      className={style.mainContainer}\n      aria-label={ariaLabel}\n      data-name={dataName}\n      data-testid=\"congrats\"\n    >\n      <AtomLottieWrapper\n        {...animationLottie}\n        loop={false}\n        animationControl={'play'}\n        autoplay\n        data-name=\"lottie-wrapper\"\n        className={style.lottie}\n        backupImageClassName={style.ie11Backup}\n      />\n      <div className={style.containerCongrats}>\n        <div className={style.title}>{title}</div>\n        <div ref={container} className={style.containerCards}>\n          {cardCongratsRank ? (\n            <>\n              <MoleculeReviewCardCongrats {...cardCongratsStar} className={style.cardStar} />\n              <MoleculeReviewCardCongrats\n                {...cardCongratsRank}\n                timerAnimation={1800}\n                className={style.cardRank}\n              />\n            </>\n          ) : (\n            <MoleculeReviewCardCongrats {...cardCongratsStar} className={style.cardStarNoRank} />\n          )}\n        </div>\n        <div className={style.buttonContainer}>\n          {buttonRevising ? (\n            <ButtonLink\n              {...buttonRevising}\n              className={style.buttonRevise}\n              data-testid=\"revise-skill-link\"\n            />\n          ) : null}\n          {buttonRevisingSkill ? (\n            <ButtonLink\n              {...buttonRevisingSkill}\n              className={style.buttonRevise}\n              data-testid=\"revise-another-skill-link\"\n            />\n          ) : null}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nReviewCongrats.propTypes = propTypes;\n\nexport default ReviewCongrats;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEO,MAAMA,SAAS,GAAGC,SAAS,IAAI,MAAM;EAC1CA,SAAS,CAACC,OAAV,EAAmBC,QAAnB,IACEF,SAAS,CAACC,OAAV,CAAkBC,QAAlB,CAA2B;IACzBC,IAAI,EAAE,IADmB;IAEzBC,QAAQ,EAAE;EAFe,CAA3B,CADF;AAKD,CANM;;;;AAQP,MAAMC,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IACJ,cAAcC,SADV;IAEJ,aAAaC,QAFT;IAGJC,eAHI;IAIJC,KAJI;IAKJC,gBALI;IAMJC,gBANI;IAOJC,cAPI;IAQJC;EARI,IASFR,KATJ;EAWA,MAAMN,SAAS,GAAG,IAAAe,aAAA,EAAO,IAAP,CAAlB;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACd,MAAMC,KAAK,GAAGC,UAAU,CAACnB,SAAS,CAACC,SAAD,CAAV,EAAuB,IAAvB,CAAxB;IACA,OAAO,MAAMiB,KAAK,IAAIE,YAAY,CAACF,KAAD,CAAlC;EACD,CAHD,EAGG,EAHH;EAKA,oBACE;IACE,SAAS,EAAEG,cAAA,CAAMC,aADnB;IAEE,cAAYd,SAFd;IAGE,aAAWC,QAHb;IAIE,eAAY;EAJd,gBAME,6BAAC,sBAAD,eACMC,eADN;IAEE,IAAI,EAAE,KAFR;IAGE,gBAAgB,EAAE,MAHpB;IAIE,QAAQ,MAJV;IAKE,aAAU,gBALZ;IAME,SAAS,EAAEW,cAAA,CAAME,MANnB;IAOE,oBAAoB,EAAEF,cAAA,CAAMG;EAP9B,GANF,eAeE;IAAK,SAAS,EAAEH,cAAA,CAAMI;EAAtB,gBACE;IAAK,SAAS,EAAEJ,cAAA,CAAMV;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAK,GAAG,EAAEV,SAAV;IAAqB,SAAS,EAAEoB,cAAA,CAAMK;EAAtC,GACGb,gBAAgB,gBACf,yEACE,6BAAC,2BAAD,eAAgCD,gBAAhC;IAAkD,SAAS,EAAES,cAAA,CAAMM;EAAnE,GADF,eAEE,6BAAC,2BAAD,eACMd,gBADN;IAEE,cAAc,EAAE,IAFlB;IAGE,SAAS,EAAEQ,cAAA,CAAMO;EAHnB,GAFF,CADe,gBAUf,6BAAC,2BAAD,eAAgChB,gBAAhC;IAAkD,SAAS,EAAES,cAAA,CAAMQ;EAAnE,GAXJ,CAFF,eAgBE;IAAK,SAAS,EAAER,cAAA,CAAMS;EAAtB,GACGhB,cAAc,gBACb,6BAAC,mBAAD,eACMA,cADN;IAEE,SAAS,EAAEO,cAAA,CAAMU,YAFnB;IAGE,eAAY;EAHd,GADa,GAMX,IAPN,EAQGhB,mBAAmB,gBAClB,6BAAC,mBAAD,eACMA,mBADN;IAEE,SAAS,EAAEM,cAAA,CAAMU,YAFnB;IAGE,eAAY;EAHd,GADkB,GAMhB,IAdN,CAhBF,CAfF,CADF;AAmDD,CAtED;;AAwEAzB,cAAc,CAAC0B,SAAf,2CAA2BA,kBAA3B;eAEe1B,c"}
+{"version":3,"file":"index.js","names":["setScroll","container","current","scrollTo","left","behavior","ReviewCongrats","props","ariaLabel","dataName","animationLottie","title","cardCongratsStar","cardCongratsRank","buttonRevising","buttonRevisingSkill","useRef","useEffect","timer","setTimeout","clearTimeout","style","mainContainer","lottie","ie11Backup","containerCongrats","containerCards","cardStar","cardRank","cardStarNoRank","buttonContainer","buttonRevise","propTypes"],"sources":["../../../src/organism/review-congrats/index.js"],"sourcesContent":["import React, {useEffect, useRef} from 'react';\nimport LottieWrapper from '../../atom/lottie-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport ReviewCardCongrats from '../../molecule/review-card-congrats';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nexport const setScroll = container => () => {\n  container.current?.scrollTo &&\n    container.current.scrollTo({\n      left: 1000,\n      behavior: 'smooth'\n    });\n};\n\nconst ReviewCongrats = props => {\n  const {\n    'aria-label': ariaLabel,\n    'data-name': dataName,\n    animationLottie,\n    title,\n    cardCongratsStar,\n    cardCongratsRank,\n    buttonRevising,\n    buttonRevisingSkill\n  } = props;\n\n  const container = useRef(null);\n\n  useEffect(() => {\n    const timer = setTimeout(setScroll(container), 2000);\n    return () => timer && clearTimeout(timer);\n  }, []);\n\n  return (\n    <div\n      className={style.mainContainer}\n      aria-label={ariaLabel}\n      data-name={dataName}\n      data-testid=\"congrats\"\n    >\n      <LottieWrapper\n        /** confetti animation */\n        {...animationLottie}\n        loop={false}\n        animationControl={'play'}\n        autoplay\n        data-name=\"lottie-wrapper\"\n        className={style.lottie}\n        backupImageClassName={style.ie11Backup}\n      />\n      <div className={style.containerCongrats}>\n        <div className={style.title}>{title}</div>\n        <div ref={container} className={style.containerCards}>\n          {cardCongratsRank ? (\n            <>\n              <ReviewCardCongrats {...cardCongratsStar} className={style.cardStar} />\n              <ReviewCardCongrats\n                {...cardCongratsRank}\n                timerAnimation={1800}\n                className={style.cardRank}\n              />\n            </>\n          ) : (\n            <ReviewCardCongrats {...cardCongratsStar} className={style.cardStarNoRank} />\n          )}\n        </div>\n        <div className={style.buttonContainer}>\n          {buttonRevising ? (\n            <ButtonLink\n              {...buttonRevising}\n              className={style.buttonRevise}\n              data-testid=\"revise-skill-link\"\n            />\n          ) : null}\n          {buttonRevisingSkill ? (\n            <ButtonLink\n              {...buttonRevisingSkill}\n              className={style.buttonRevise}\n              data-testid=\"revise-another-skill-link\"\n            />\n          ) : null}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nReviewCongrats.propTypes = propTypes;\n\nexport default ReviewCongrats;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEO,MAAMA,SAAS,GAAGC,SAAS,IAAI,MAAM;EAC1CA,SAAS,CAACC,OAAV,EAAmBC,QAAnB,IACEF,SAAS,CAACC,OAAV,CAAkBC,QAAlB,CAA2B;IACzBC,IAAI,EAAE,IADmB;IAEzBC,QAAQ,EAAE;EAFe,CAA3B,CADF;AAKD,CANM;;;;AAQP,MAAMC,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IACJ,cAAcC,SADV;IAEJ,aAAaC,QAFT;IAGJC,eAHI;IAIJC,KAJI;IAKJC,gBALI;IAMJC,gBANI;IAOJC,cAPI;IAQJC;EARI,IASFR,KATJ;EAWA,MAAMN,SAAS,GAAG,IAAAe,aAAA,EAAO,IAAP,CAAlB;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACd,MAAMC,KAAK,GAAGC,UAAU,CAACnB,SAAS,CAACC,SAAD,CAAV,EAAuB,IAAvB,CAAxB;IACA,OAAO,MAAMiB,KAAK,IAAIE,YAAY,CAACF,KAAD,CAAlC;EACD,CAHD,EAGG,EAHH;EAKA,oBACE;IACE,SAAS,EAAEG,cAAA,CAAMC,aADnB;IAEE,cAAYd,SAFd;IAGE,aAAWC,QAHb;IAIE,eAAY;EAJd,gBAME,6BAAC;EACC;EADF,eAEMC,eAFN;IAGE,IAAI,EAAE,KAHR;IAIE,gBAAgB,EAAE,MAJpB;IAKE,QAAQ,MALV;IAME,aAAU,gBANZ;IAOE,SAAS,EAAEW,cAAA,CAAME,MAPnB;IAQE,oBAAoB,EAAEF,cAAA,CAAMG;EAR9B,GANF,eAgBE;IAAK,SAAS,EAAEH,cAAA,CAAMI;EAAtB,gBACE;IAAK,SAAS,EAAEJ,cAAA,CAAMV;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAK,GAAG,EAAEV,SAAV;IAAqB,SAAS,EAAEoB,cAAA,CAAMK;EAAtC,GACGb,gBAAgB,gBACf,yEACE,6BAAC,2BAAD,eAAwBD,gBAAxB;IAA0C,SAAS,EAAES,cAAA,CAAMM;EAA3D,GADF,eAEE,6BAAC,2BAAD,eACMd,gBADN;IAEE,cAAc,EAAE,IAFlB;IAGE,SAAS,EAAEQ,cAAA,CAAMO;EAHnB,GAFF,CADe,gBAUf,6BAAC,2BAAD,eAAwBhB,gBAAxB;IAA0C,SAAS,EAAES,cAAA,CAAMQ;EAA3D,GAXJ,CAFF,eAgBE;IAAK,SAAS,EAAER,cAAA,CAAMS;EAAtB,GACGhB,cAAc,gBACb,6BAAC,mBAAD,eACMA,cADN;IAEE,SAAS,EAAEO,cAAA,CAAMU,YAFnB;IAGE,eAAY;EAHd,GADa,GAMX,IAPN,EAQGhB,mBAAmB,gBAClB,6BAAC,mBAAD,eACMA,mBADN;IAEE,SAAS,EAAEM,cAAA,CAAMU,YAFnB;IAGE,eAAY;EAHd,GADkB,GAMhB,IAdN,CAhBF,CAhBF,CADF;AAoDD,CAvED;;AAyEAzB,cAAc,CAAC0B,SAAf,2CAA2BA,kBAA3B;eAEe1B,c"}

package/lib/organism/review-congrats/prop-types.d.ts

@@ -5,7 +5,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>;
@@ -26,7 +26,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>;
@@ -54,7 +54,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/lib/organism/user-preferences/index.d.ts

@@ -18,6 +18,7 @@ declare namespace UserPreferences {
             'data-name': PropTypes.Requireable<string>;
             requiredSelection: PropTypes.Requireable<boolean>;
         }> | null | undefined)[]>;
+        const moreInfoAriaLabel: PropTypes.Requireable<string>;
     }
 }
 import PropTypes from "prop-types";

package/lib/organism/user-preferences/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/user-preferences/index.js"],"names":[],"mappings":";AA+BA,0DAaC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/user-preferences/index.js"],"names":[],"mappings":";AAoCA,0DAaC"}

package/lib/organism/user-preferences/index.js

@@ -17,7 +17,7 @@ var _inputSwitch = _interopRequireDefault(require("../../atom/input-switch"));
 
 var _style = _interopRequireDefault(require("./style.css"));
 
-const _excluded = ["label", "description"];
+const _excluded = ["label", "description", "moreInfoAriaLabel"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -28,7 +28,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 const Settings = props => {
   const {
     label,
-    description
+    description,
+    moreInfoAriaLabel
   } = props,
         settings = _objectWithoutPropertiesLoose(props, _excluded);
 
@@ -41,7 +42,8 @@ const Settings = props => {
   }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyInformationIcon, {
     height: 16,
     width: 16,
-    className: _style.default.infoIcon
+    className: _style.default.infoIcon,
+    "aria-label": moreInfoAriaLabel
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.showToolTip
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -56,17 +58,20 @@ Settings.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, _input
 
 const UserPreferences = props => {
   const {
-    preferences = []
+    preferences = [],
+    moreInfoAriaLabel
   } = props;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.preferences
   }, (0, _map2.default)(settings => /*#__PURE__*/_react.default.createElement(Settings, _extends({}, settings, {
-    key: settings.label
+    key: settings.label,
+    moreInfoAriaLabel: moreInfoAriaLabel
   })), preferences));
 };
 
 UserPreferences.propTypes = process.env.NODE_ENV !== "production" ? {
-  preferences: _propTypes.default.arrayOf(_propTypes.default.shape(Settings.propTypes))
+  preferences: _propTypes.default.arrayOf(_propTypes.default.shape(Settings.propTypes)),
+  moreInfoAriaLabel: _propTypes.default.string
 } : {};
 var _default = UserPreferences;
 exports.default = _default;

package/lib/organism/user-preferences/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Settings","props","label","description","settings","style","infoIconWrapper","infoIcon","showToolTip","descriptionLabel","propTypes","InputSwitch","PropTypes","string","isRequired","UserPreferences","preferences","arrayOf","shape"],"sources":["../../../src/organism/user-preferences/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map, isEmpty} from 'lodash/fp';\nimport {NovaCompositionCoorpacademyInformationIcon as InfoIcon} from '@coorpacademy/nova-icons';\nimport InputSwitch from '../../atom/input-switch';\nimport style from './style.css';\n\nconst Settings = props => {\n  const {label, description, ...settings} = props;\n  return (\n    <div className={style.settings}>\n      <InputSwitch {...settings} />\n      <span className={style.label}>{label}</span>\n      {isEmpty(description) ? null : (\n        <div className={style.infoIconWrapper}>\n          <InfoIcon height={16} width={16} className={style.infoIcon} />\n          <div className={style.showToolTip}>\n            <div className={style.descriptionLabel}>{description}</div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nSettings.propTypes = {\n  ...InputSwitch.propTypes,\n  label: PropTypes.string.isRequired,\n  description: PropTypes.string\n};\n\nconst UserPreferences = props => {\n  const {preferences = []} = props;\n\n  return (\n    <div className={style.preferences}>\n      {map(\n        settings => (\n          <Settings {...settings} key={settings.label} />\n        ),\n        preferences\n      )}\n    </div>\n  );\n};\n\nUserPreferences.propTypes = {\n  preferences: PropTypes.arrayOf(PropTypes.shape(Settings.propTypes))\n};\n\nexport default UserPreferences;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,QAAQ,GAAGC,KAAK,IAAI;EACxB,MAAM;IAACC,KAAD;IAAQC;EAAR,IAAoCF,KAA1C;EAAA,MAA8BG,QAA9B,iCAA0CH,KAA1C;;EACA,oBACE;IAAK,SAAS,EAAEI,cAAA,CAAMD;EAAtB,gBACE,6BAAC,oBAAD,EAAiBA,QAAjB,CADF,eAEE;IAAM,SAAS,EAAEC,cAAA,CAAMH;EAAvB,GAA+BA,KAA/B,CAFF,EAGG,uBAAQC,WAAR,IAAuB,IAAvB,gBACC;IAAK,SAAS,EAAEE,cAAA,CAAMC;EAAtB,gBACE,6BAAC,qDAAD;IAAU,MAAM,EAAE,EAAlB;IAAsB,KAAK,EAAE,EAA7B;IAAiC,SAAS,EAAED,cAAA,CAAME;EAAlD,EADF,eAEE;IAAK,SAAS,EAAEF,cAAA,CAAMG;EAAtB,gBACE;IAAK,SAAS,EAAEH,cAAA,CAAMI;EAAtB,GAAyCN,WAAzC,CADF,CAFF,CAJJ,CADF;AAcD,CAhBD;;AAkBAH,QAAQ,CAACU,SAAT,wDACKC,oBAAA,CAAYD,SADjB;EAEER,KAAK,EAAEU,kBAAA,CAAUC,MAAV,CAAiBC,UAF1B;EAGEX,WAAW,EAAES,kBAAA,CAAUC;AAHzB;;AAMA,MAAME,eAAe,GAAGd,KAAK,IAAI;EAC/B,MAAM;IAACe,WAAW,GAAG;EAAf,IAAqBf,KAA3B;EAEA,oBACE;IAAK,SAAS,EAAEI,cAAA,CAAMW;EAAtB,GACG,mBACCZ,QAAQ,iBACN,6BAAC,QAAD,eAAcA,QAAd;IAAwB,GAAG,EAAEA,QAAQ,CAACF;EAAtC,GAFH,EAICc,WAJD,CADH,CADF;AAUD,CAbD;;AAeAD,eAAe,CAACL,SAAhB,2CAA4B;EAC1BM,WAAW,EAAEJ,kBAAA,CAAUK,OAAV,CAAkBL,kBAAA,CAAUM,KAAV,CAAgBlB,QAAQ,CAACU,SAAzB,CAAlB;AADa,CAA5B;eAIeK,e"}
+{"version":3,"file":"index.js","names":["Settings","props","label","description","moreInfoAriaLabel","settings","style","infoIconWrapper","infoIcon","showToolTip","descriptionLabel","propTypes","InputSwitch","PropTypes","string","isRequired","UserPreferences","preferences","arrayOf","shape"],"sources":["../../../src/organism/user-preferences/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map, isEmpty} from 'lodash/fp';\nimport {NovaCompositionCoorpacademyInformationIcon as InfoIcon} from '@coorpacademy/nova-icons';\nimport InputSwitch from '../../atom/input-switch';\nimport style from './style.css';\n\nconst Settings = props => {\n  const {label, description, moreInfoAriaLabel, ...settings} = props;\n  return (\n    <div className={style.settings}>\n      <InputSwitch {...settings} />\n      <span className={style.label}>{label}</span>\n      {isEmpty(description) ? null : (\n        <div className={style.infoIconWrapper}>\n          <InfoIcon\n            height={16}\n            width={16}\n            className={style.infoIcon}\n            aria-label={moreInfoAriaLabel}\n          />\n          <div className={style.showToolTip}>\n            <div className={style.descriptionLabel}>{description}</div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nSettings.propTypes = {\n  ...InputSwitch.propTypes,\n  label: PropTypes.string.isRequired,\n  description: PropTypes.string\n};\n\nconst UserPreferences = props => {\n  const {preferences = [], moreInfoAriaLabel} = props;\n\n  return (\n    <div className={style.preferences}>\n      {map(\n        settings => (\n          <Settings {...settings} key={settings.label} moreInfoAriaLabel={moreInfoAriaLabel} />\n        ),\n        preferences\n      )}\n    </div>\n  );\n};\n\nUserPreferences.propTypes = {\n  preferences: PropTypes.arrayOf(PropTypes.shape(Settings.propTypes)),\n  moreInfoAriaLabel: PropTypes.string\n};\n\nexport default UserPreferences;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,QAAQ,GAAGC,KAAK,IAAI;EACxB,MAAM;IAACC,KAAD;IAAQC,WAAR;IAAqBC;EAArB,IAAuDH,KAA7D;EAAA,MAAiDI,QAAjD,iCAA6DJ,KAA7D;;EACA,oBACE;IAAK,SAAS,EAAEK,cAAA,CAAMD;EAAtB,gBACE,6BAAC,oBAAD,EAAiBA,QAAjB,CADF,eAEE;IAAM,SAAS,EAAEC,cAAA,CAAMJ;EAAvB,GAA+BA,KAA/B,CAFF,EAGG,uBAAQC,WAAR,IAAuB,IAAvB,gBACC;IAAK,SAAS,EAAEG,cAAA,CAAMC;EAAtB,gBACE,6BAAC,qDAAD;IACE,MAAM,EAAE,EADV;IAEE,KAAK,EAAE,EAFT;IAGE,SAAS,EAAED,cAAA,CAAME,QAHnB;IAIE,cAAYJ;EAJd,EADF,eAOE;IAAK,SAAS,EAAEE,cAAA,CAAMG;EAAtB,gBACE;IAAK,SAAS,EAAEH,cAAA,CAAMI;EAAtB,GAAyCP,WAAzC,CADF,CAPF,CAJJ,CADF;AAmBD,CArBD;;AAuBAH,QAAQ,CAACW,SAAT,wDACKC,oBAAA,CAAYD,SADjB;EAEET,KAAK,EAAEW,kBAAA,CAAUC,MAAV,CAAiBC,UAF1B;EAGEZ,WAAW,EAAEU,kBAAA,CAAUC;AAHzB;;AAMA,MAAME,eAAe,GAAGf,KAAK,IAAI;EAC/B,MAAM;IAACgB,WAAW,GAAG,EAAf;IAAmBb;EAAnB,IAAwCH,KAA9C;EAEA,oBACE;IAAK,SAAS,EAAEK,cAAA,CAAMW;EAAtB,GACG,mBACCZ,QAAQ,iBACN,6BAAC,QAAD,eAAcA,QAAd;IAAwB,GAAG,EAAEA,QAAQ,CAACH,KAAtC;IAA6C,iBAAiB,EAAEE;EAAhE,GAFH,EAICa,WAJD,CADH,CADF;AAUD,CAbD;;AAeAD,eAAe,CAACL,SAAhB,2CAA4B;EAC1BM,WAAW,EAAEJ,kBAAA,CAAUK,OAAV,CAAkBL,kBAAA,CAAUM,KAAV,CAAgBnB,QAAQ,CAACW,SAAzB,CAAlB,CADa;EAE1BP,iBAAiB,EAAES,kBAAA,CAAUC;AAFH,CAA5B;eAKeE,e"}

package/lib/template/activity/index.d.ts

@@ -3,6 +3,7 @@ declare class Progression extends React.Component<any, any, any> {
     static propTypes: {
         mainTitle: PropTypes.Validator<string>;
         mainSubtitle: PropTypes.Validator<string>;
+        adaptiveAriaLabel: PropTypes.Requireable<string>;
         total: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
             label: PropTypes.Validator<string>;
             stars: PropTypes.Validator<number>;
@@ -32,6 +33,7 @@ declare class Progression extends React.Component<any, any, any> {
             label: PropTypes.Validator<string>;
             level: PropTypes.Validator<string>;
             state: PropTypes.Validator<string>;
+            adaptiveAriaLabel: PropTypes.Requireable<string>;
             type: PropTypes.Validator<string>;
             adaptive: PropTypes.Validator<boolean>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/template/activity/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/activity/index.js"],"names":[],"mappings":";AAaA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAuBE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,sCAIC;IAED,8BAME;IAEF,oCAKE;IAEF,sBA+EC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/activity/index.js"],"names":[],"mappings":";AAaA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAwBE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,sCAIC;IAED,8BAME;IAEF,oCAKE;IAEF,sBAoFC;CACF"}

package/lib/template/activity/index.js

@@ -70,6 +70,7 @@ class Progression extends _react.default.Component {
       mainSubtitle,
       recommendation = {},
       progressions = [],
+      adaptiveAriaLabel,
       total,
       engines = [],
       themeFilter = {},
@@ -83,7 +84,8 @@ class Progression extends _react.default.Component {
       className: _style.default.loader
     }, /*#__PURE__*/_react.default.createElement(_loader.default, null)) : null;
     const allProgressions = progressions.map(progression => /*#__PURE__*/_react.default.createElement(_progressionItem.default, _extends({}, (0, _omit2.default)(['ref'], progression), {
-      key: progression.ref
+      key: progression.ref,
+      adaptiveAriaLabel: adaptiveAriaLabel
     })));
 
     const coreProgression = /*#__PURE__*/_react.default.createElement("div", {
@@ -146,6 +148,7 @@ Progression.contextTypes = {
 Progression.propTypes = process.env.NODE_ENV !== "production" ? {
   mainTitle: _propTypes.default.string.isRequired,
   mainSubtitle: _propTypes.default.string.isRequired,
+  adaptiveAriaLabel: _propTypes.default.string,
   total: _propTypes.default.shape({
     label: _propTypes.default.string.isRequired,
     stars: _propTypes.default.number.isRequired

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Progression","React","Component","constructor","props","context","handleClick","e","recommendation","stopPropagation","preventDefault","onClick","handleSelectTheme","themeFilter","onChange","bind","render","mainTitle","mainSubtitle","progressions","total","engines","loading","skin","primary","loader","style","allProgressions","map","progression","ref","coreProgression","core","themeSelect","options","selectBorder","select","recommendationSection","recommendationWrapper","title","subtitle","classnames","course","innerHTML","__html","courseTitle","cta","backgroundColor","default","headerProgression","wrapperCta","wrapperProgression","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","isRequired","shape","label","stars","number","arrayOf","EngineStars","bool","ProgressionItem","Select","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":["Progression","React","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","style","allProgressions","map","progression","ref","coreProgression","core","themeSelect","options","selectBorder","select","recommendationSection","recommendationWrapper","title","subtitle","classnames","course","innerHTML","__html","courseTitle","cta","backgroundColor","default","headerProgression","wrapperCta","wrapperProgression","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","isRequired","shape","label","stars","number","arrayOf","EngineStars","bool","ProgressionItem","Select","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":";;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,WAAN,SAA0BC,cAAA,CAAMC,SAAhC,CAA0C;EA+BxCC,WAAW,CAACC,KAAD,EAAQC,OAAR,EAAiB;IAC1B,MAAMD,KAAN,EAAaC,OAAb;;IAD0B,KAM5BC,WAN4B,GAMdC,CAAC,IAAI;MACjB,MAAM;QAACC;MAAD,IAAmB,KAAKJ,KAA9B;MACAG,CAAC,CAACE,eAAF;MACAF,CAAC,CAACG,cAAF;MACA,MAAM;QAACC;MAAD,IAAYH,cAAlB;MACAG,OAAO,IAAIA,OAAO,CAACJ,CAAD,CAAlB;IACD,CAZ2B;;IAAA,KAc5BK,iBAd4B,GAcRL,CAAC,IAAI;MACvB,MAAM;QACJM,WAAW,EAAE;UAACC;QAAD;MADT,IAEF,KAAKV,KAFT;MAGAU,QAAQ,IAAIA,QAAQ,CAACP,CAAD,CAApB;IACD,CAnB2B;;IAE1B,KAAKD,WAAL,GAAmB,KAAKA,WAAL,CAAiBS,IAAjB,CAAsB,IAAtB,CAAnB;IACA,KAAKH,iBAAL,GAAyB,KAAKA,iBAAL,CAAuBG,IAAvB,CAA4B,IAA5B,CAAzB;EACD;;EAiBDC,MAAM,GAAG;IACP,MAAM;MACJC,SADI;MAEJC,YAFI;MAGJV,cAAc,GAAG,EAHb;MAIJW,YAAY,GAAG,EAJX;MAKJC,iBALI;MAMJC,KANI;MAOJC,OAAO,GAAG,EAPN;MAQJT,WAAW,GAAG,EARV;MASJU;IATI,IAUF,KAAKnB,KAVT;IAWA,MAAM;MAACoB;IAAD,IAAS,KAAKnB,OAApB;IAEA,MAAMoB,OAAO,GAAG,mBAAI,gBAAJ,EAAsBD,IAAtB,CAAhB;IACA,MAAME,MAAM,GAAGH,OAAO,gBACpB;MAAK,SAAS,EAAEI,cAAA,CAAMD;IAAtB,gBACE,6BAAC,eAAD,OADF,CADoB,GAIlB,IAJJ;IAKA,MAAME,eAAe,GAAGT,YAAY,CAACU,GAAb,CAAiBC,WAAW,iBAClD,6BAAC,wBAAD,eACM,oBAAK,CAAC,KAAD,CAAL,EAAcA,WAAd,CADN;MAEE,GAAG,EAAEA,WAAW,CAACC,GAFnB;MAGE,iBAAiB,EAAEX;IAHrB,GADsB,CAAxB;;IAQA,MAAMY,eAAe,gBACnB;MAAK,aAAU,cAAf;MAA8B,SAAS,EAAEL,cAAA,CAAMM;IAA/C,GACGL,eADH,CADF;;IAKA,MAAMM,WAAW,GAAG,CAAC,uBAAQrB,WAAW,CAACsB,OAApB,CAAD,gBAClB,6BAAC,eAAD;MACE,eAAe,EAAER,cAAA,CAAMS,YADzB;MAEE,SAAS,EAAET,cAAA,CAAMU,MAFnB;MAGE,KAAK,EAAC,aAHR;MAIE,OAAO,EAAExB,WAAW,CAACsB,OAJvB;MAKE,QAAQ,EAAE,KAAKvB;IALjB,EADkB,GAQhB,IARJ;IASA,MAAM0B,qBAAqB,GAAG,CAAC,uBAAQ9B,cAAR,CAAD,gBAC5B;MAAK,SAAS,EAAEmB,cAAA,CAAMY;IAAtB,gBACE;MAAG,SAAS,EAAEZ,cAAA,CAAMW;IAApB,GAA4C9B,cAAc,CAACgC,KAA3D,MADF,eAEE;MAAG,SAAS,EAAEb,cAAA,CAAMW;IAApB,gBACE,2CAAO9B,cAAc,CAACiC,QAAtB,MADF,eAEE;MACE,SAAS,EAAE,IAAAC,mBAAA,EAAWf,cAAA,CAAMgB,MAAjB,EAAyBhB,cAAA,CAAMiB,SAA/B,CADb,CAEE;MAFF;MAGE,uBAAuB,EAAE;QAACC,MAAM,EAAErC,cAAc,CAACsC;MAAxB;IAH3B,EAFF,CAFF,eAUE,6BAAC,eAAD;MACE,IAAI,EAAC,MADP;MAEE,OAAO,EAAE,KAAKxC,WAFhB;MAGE,WAAW,EAAEE,cAAc,CAACuC,GAH9B;MAIE,KAAK,EAAE;QACLC,eAAe,EAAEvB;MADZ,CAJT;MAOE,SAAS,EAAEE,cAAA,CAAMoB;IAPnB,EAVF,CAD4B,GAqB1B,IArBJ;IAsBA,oBACE;MAAK,SAAS,EAAEpB,cAAA,CAAMsB;IAAtB,gBACE;MAAK,aAAU;IAAf,gBACE;MAAK,SAAS,EAAEtB,cAAA,CAAMV;IAAtB,gBACE,2CAAOA,SAAP,CADF,OAC4BC,YAD5B,CADF,eAIE;MAAK,SAAS,EAAES,cAAA,CAAMuB;IAAtB,gBACE;MAAK,SAAS,EAAEvB,cAAA,CAAMwB;IAAtB,GACGjB,WADH,EAEGI,qBAFH,CADF,eAKE,6BAAC,qBAAD;MAAc,OAAO,EAAEhB,OAAvB;MAAgC,KAAK,EAAED;IAAvC,EALF,CAJF,CADF,eAaE;MAAK,SAAS,EAAEM,cAAA,CAAMyB,kBAAtB;MAA0C,aAAU;IAApD,GACGpB,eADH,EAEGN,MAFH,CAbF,CADF;EAoBD;;AAxIuC;;AAApC1B,W,CA2BGqD,Y,GAAe;EACpB7B,IAAI,EAAE8B,iBAAA,CAASC,iBAAT,CAA2B/B;AADb,C;AA3BlBxB,W,CACGwD,S,2CAAY;EACjBvC,SAAS,EAAEwC,kBAAA,CAAUC,MAAV,CAAiBC,UADX;EAEjBzC,YAAY,EAAEuC,kBAAA,CAAUC,MAAV,CAAiBC,UAFd;EAGjBvC,iBAAiB,EAAEqC,kBAAA,CAAUC,MAHZ;EAIjBrC,KAAK,EAAEoC,kBAAA,CAAUG,KAAV,CAAgB;IACrBC,KAAK,EAAEJ,kBAAA,CAAUC,MAAV,CAAiBC,UADH;IAErBG,KAAK,EAAEL,kBAAA,CAAUM,MAAV,CAAiBJ;EAFH,CAAhB,EAGJA,UAPc;EAQjBrC,OAAO,EAAEmC,kBAAA,CAAUO,OAAV,CAAkBP,kBAAA,CAAUG,KAAV,CAAgBK,oBAAA,CAAYT,SAA5B,CAAlB,CARQ;EASjBjC,OAAO,EAAEkC,kBAAA,CAAUS,IAAV,CAAeP,UATP;EAUjBxC,YAAY,EAAEsC,kBAAA,CAAUO,OAAV,CACZP,kBAAA,CAAUG,KAAV,cAAoBO,wBAAA,CAAgBX,SAApC;IAA+CzB,GAAG,EAAE0B,kBAAA,CAAUC,MAAV,CAAiBC;EAArE,GADY,CAVG;EAajB9C,WAAW,EAAE4C,kBAAA,CAAUG,KAAV,CAAgB;IAC3BzB,OAAO,EAAEiC,eAAA,CAAOZ,SAAP,CAAiBrB,OAAjB,CAAyBwB,UADP;IAE3B7C,QAAQ,EAAEsD,eAAA,CAAOZ,SAAP,CAAiB1C;EAFA,CAAhB,CAbI;EAiBjBN,cAAc,EAAEiD,kBAAA,CAAUG,KAAV,CAAgB;IAC9Bb,GAAG,EAAEU,kBAAA,CAAUC,MAAV,CAAiBC,UADQ;IAE9BnB,KAAK,EAAEiB,kBAAA,CAAUC,MAAV,CAAiBC,UAFM;IAG9BlB,QAAQ,EAAEgB,kBAAA,CAAUC,MAAV,CAAiBC,UAHG;IAI9Bb,WAAW,EAAEW,kBAAA,CAAUC,MAAV,CAAiBC,UAJA;IAK9BhD,OAAO,EAAE8C,kBAAA,CAAUY;EALW,CAAhB;AAjBC,C;eA0INrE,W"}

package/lib/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/lib/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/lib/template/activity/progression-item.js

@@ -56,7 +56,8 @@ const ProgressionItem = (props, context) => {
     maxStars,
     state,
     type,
-    steps = 0
+    steps = 0,
+    adaptiveAriaLabel
   } = props;
   const dark = (0, _get2.default)('common.dark', skin);
   const primary = (0, _get2.default)('common.primary', skin);
@@ -69,7 +70,8 @@ const ProgressionItem = (props, context) => {
     }
   }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyAdaptive, {
     color: white,
-    height: 14
+    height: 14,
+    "aria-label": adaptiveAriaLabel
   })) : null;
   const handleCTAClick = (0, _react.useMemo)(() => e => {
     e.stopPropagation();
@@ -142,6 +144,7 @@ ProgressionItem.propTypes = process.env.NODE_ENV !== "production" ? {
   label: _propTypes.default.string.isRequired,
   level: _propTypes.default.string.isRequired,
   state: _propTypes.default.string.isRequired,
+  adaptiveAriaLabel: _propTypes.default.string,
   type: _propTypes.default.string.isRequired,
   adaptive: _propTypes.default.bool.isRequired,
   onClick: _propTypes.default.func

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

@@ -1 +1 @@
-{"version":3,"file":"progression-item.js","names":["ICONS","chapter","TimerIcon","course","LearnerIcon","battle","BoltIcon","certification","CertificationIcon","article","ArticleIcon","scorm","ScormIcon","video","VideoIcon","podcast","PodcastIcon","review","RevisionIcon","ProgressionItem","props","context","skin","disabled","adaptive","completion","label","level","onClick","stars","maxStars","state","type","steps","dark","primary","white","IconType","adaptiveIcon","style","backgroundColor","handleCTAClick","useMemo","e","stopPropagation","preventDefault","link","color","cta","classnames","progressionItem","wrapperTitle","iconType","innerHTML","__html","smallStars","iconStar","borderRadius","propTypes","PropTypes","number","isRequired","bool","string","func","contextTypes","Provider","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":["ICONS","chapter","TimerIcon","course","LearnerIcon","battle","BoltIcon","certification","CertificationIcon","article","ArticleIcon","scorm","ScormIcon","video","VideoIcon","podcast","PodcastIcon","review","RevisionIcon","ProgressionItem","props","context","skin","disabled","adaptive","completion","label","level","onClick","stars","maxStars","state","type","steps","adaptiveAriaLabel","dark","primary","white","IconType","adaptiveIcon","style","backgroundColor","handleCTAClick","useMemo","e","stopPropagation","preventDefault","link","color","cta","classnames","progressionItem","wrapperTitle","iconType","innerHTML","__html","smallStars","iconStar","borderRadius","propTypes","PropTypes","number","isRequired","bool","string","func","contextTypes","Provider","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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"}