@coorpacademy/components 11.40.24 → 11.40.26

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

@@ -59,6 +59,7 @@ declare namespace Progression {
             label: PropTypes.Validator<string>;
             level: PropTypes.Validator<string>;
             state: PropTypes.Validator<string>;
+            completionDate: PropTypes.Requireable<string>;
             adaptiveAriaLabel: PropTypes.Requireable<string>;
             type: PropTypes.Validator<string>;
             adaptive: PropTypes.Validator<boolean>;

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

@@ -142,17 +142,29 @@
   cursor: pointer;
 }
 
+.metadata {
+  margin-left: auto;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.completionDate {
+  font-family: 'Gilroy';
+  font-size: 12px;
+  font-weight: 600;
+  padding: 3px 8px;
+  border-radius: 20px;
+  white-space: nowrap;
+}
+
 .level {
-  height: 17px;
   font-family: 'Gilroy';
   font-size: 12px;
   font-weight: 100;
   text-align: right;
   color: dark;
-  position: relative;
-  right: 0;
   text-transform: capitalize;
-  flex: auto;
 }
 
 @media tablet, mobile {

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

@@ -10,6 +10,7 @@ declare namespace ProgressionItem {
         const label: PropTypes.Validator<string>;
         const level: PropTypes.Validator<string>;
         const state: PropTypes.Validator<string>;
+        const completionDate: PropTypes.Requireable<string>;
         const adaptiveAriaLabel: PropTypes.Requireable<string>;
         const type: PropTypes.Validator<string>;
         const adaptive: PropTypes.Validator<boolean>;

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

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

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

@@ -33,7 +33,8 @@ const ProgressionItem = (props, legacyContext) => {
     state,
     type,
     steps = 0,
-    adaptiveAriaLabel
+    adaptiveAriaLabel,
+    completionDate
   } = props;
   const dark = _get('common.dark', skin);
   const primary = _get('common.primary', skin);
@@ -117,9 +118,18 @@ const ProgressionItem = (props, legacyContext) => {
     displayInfo: false
   }), /*#__PURE__*/React.createElement("div", {
     className: style.state
-  }, link, /*#__PURE__*/React.createElement("span", {
+  }, link, /*#__PURE__*/React.createElement("div", {
+    className: style.metadata
+  }, completionDate ? /*#__PURE__*/React.createElement("span", {
+    "data-name": "activityCompletionDate",
+    className: style.completionDate,
+    style: {
+      backgroundColor: primary,
+      color: white
+    }
+  }, completionDate) : null, /*#__PURE__*/React.createElement("span", {
     className: style.level
-  }, level)));
+  }, level))));
 };
 ProgressionItem.propTypes = process.env.NODE_ENV !== "production" ? {
   completion: PropTypes.number.isRequired,
@@ -130,6 +140,7 @@ ProgressionItem.propTypes = process.env.NODE_ENV !== "production" ? {
   label: PropTypes.string.isRequired,
   level: PropTypes.string.isRequired,
   state: PropTypes.string.isRequired,
+  completionDate: PropTypes.string,
   adaptiveAriaLabel: PropTypes.string,
   type: PropTypes.string.isRequired,
   adaptive: PropTypes.bool.isRequired,

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

@@ -1 +1 @@
-{"version":3,"file":"progression-item.js","names":["React","useMemo","PropTypes","classnames","NovaCompositionNavigationArrowRight","ArrowRightIcon","NovaCompositionCoorpacademyStar","StarIcon","NovaCompositionCoorpacademyTimer","TimerIcon","NovaCompositionCoorpacademyBolt","BoltIcon","NovaSolidSchoolScienceGraduationHat","CertificationIcon","NovaCompositionCoorpacademyAdaptive","AdaptiveIcon","NovaSolidContentContentBook1","LearnerIcon","NovaCompositionCoorpacademyScorm","ScormIcon","NovaCompositionCoorpacademyArticle","ArticleIcon","NovaCompositionCoorpacademyVideo","VideoIcon","NovaCompositionCoorpacademyMicrophone","PodcastIcon","NovaCompositionCoorpacademyRevision","RevisionIcon","Provider","GetSkinFromContext","ProgressBar","Link","style","ICONS","chapter","course","battle","certification","article","scorm","video","podcast","review","ProgressionItem","props","legacyContext","skin","disabled","adaptive","completion","label","level","onClick","_noop","stars","maxStars","state","type","steps","adaptiveAriaLabel","dark","_get","primary","white","IconType","adaptiveIcon","createElement","className","backgroundColor","color","height","handleCTAClick","e","stopPropagation","preventDefault","link","cta","width","progressionItem","wrapperTitle","iconType","title","innerHTML","dangerouslySetInnerHTML","__html","role","smallStars","iconStar","value","max","borderRadius","displayInfo","propTypes","process","env","NODE_ENV","number","isRequired","bool","string","func","contextTypes","childContextTypes"],"sources":["../../../src/template/activity/progression-item.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, noop} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRightIcon,\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon,\n  NovaCompositionCoorpacademyBolt as BoltIcon,\n  NovaSolidSchoolScienceGraduationHat as CertificationIcon,\n  NovaCompositionCoorpacademyAdaptive as AdaptiveIcon,\n  NovaSolidContentContentBook1 as LearnerIcon,\n  NovaCompositionCoorpacademyScorm as ScormIcon,\n  NovaCompositionCoorpacademyArticle as ArticleIcon,\n  NovaCompositionCoorpacademyVideo as VideoIcon,\n  NovaCompositionCoorpacademyMicrophone as PodcastIcon,\n  NovaCompositionCoorpacademyRevision as RevisionIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext} 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, legacyContext) => {\n  const skin = GetSkinFromContext(legacyContext);\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 style={{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(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 style={{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} style={{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          role=\"progressbar\"\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} style={{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        displayInfo={false}\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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","ignoreList":[]}
+{"version":3,"file":"progression-item.js","names":["React","useMemo","PropTypes","classnames","NovaCompositionNavigationArrowRight","ArrowRightIcon","NovaCompositionCoorpacademyStar","StarIcon","NovaCompositionCoorpacademyTimer","TimerIcon","NovaCompositionCoorpacademyBolt","BoltIcon","NovaSolidSchoolScienceGraduationHat","CertificationIcon","NovaCompositionCoorpacademyAdaptive","AdaptiveIcon","NovaSolidContentContentBook1","LearnerIcon","NovaCompositionCoorpacademyScorm","ScormIcon","NovaCompositionCoorpacademyArticle","ArticleIcon","NovaCompositionCoorpacademyVideo","VideoIcon","NovaCompositionCoorpacademyMicrophone","PodcastIcon","NovaCompositionCoorpacademyRevision","RevisionIcon","Provider","GetSkinFromContext","ProgressBar","Link","style","ICONS","chapter","course","battle","certification","article","scorm","video","podcast","review","ProgressionItem","props","legacyContext","skin","disabled","adaptive","completion","label","level","onClick","_noop","stars","maxStars","state","type","steps","adaptiveAriaLabel","completionDate","dark","_get","primary","white","IconType","adaptiveIcon","createElement","className","backgroundColor","color","height","handleCTAClick","e","stopPropagation","preventDefault","link","cta","width","progressionItem","wrapperTitle","iconType","title","innerHTML","dangerouslySetInnerHTML","__html","role","smallStars","iconStar","value","max","borderRadius","displayInfo","metadata","propTypes","process","env","NODE_ENV","number","isRequired","bool","string","func","contextTypes","childContextTypes"],"sources":["../../../src/template/activity/progression-item.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, noop} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRightIcon,\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon,\n  NovaCompositionCoorpacademyBolt as BoltIcon,\n  NovaSolidSchoolScienceGraduationHat as CertificationIcon,\n  NovaCompositionCoorpacademyAdaptive as AdaptiveIcon,\n  NovaSolidContentContentBook1 as LearnerIcon,\n  NovaCompositionCoorpacademyScorm as ScormIcon,\n  NovaCompositionCoorpacademyArticle as ArticleIcon,\n  NovaCompositionCoorpacademyVideo as VideoIcon,\n  NovaCompositionCoorpacademyMicrophone as PodcastIcon,\n  NovaCompositionCoorpacademyRevision as RevisionIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext} 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, legacyContext) => {\n  const skin = GetSkinFromContext(legacyContext);\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    completionDate\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 style={{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(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 style={{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} style={{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          role=\"progressbar\"\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} style={{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        displayInfo={false}\n      />\n      <div className={style.state}>\n        {link}\n        <div className={style.metadata}>\n          {completionDate ? (\n            <span\n              data-name=\"activityCompletionDate\"\n              className={style.completionDate}\n              style={{backgroundColor: primary, color: white}}\n            >\n              {completionDate}\n            </span>\n          ) : null}\n          <span className={style.level}>{level}</span>\n        </div>\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  completionDate: PropTypes.string,\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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","ignoreList":[]}

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

@@ -59,6 +59,7 @@ declare namespace Progression {
             label: PropTypes.Validator<string>;
             level: PropTypes.Validator<string>;
             state: PropTypes.Validator<string>;
+            completionDate: PropTypes.Requireable<string>;
             adaptiveAriaLabel: PropTypes.Requireable<string>;
             type: PropTypes.Validator<string>;
             adaptive: PropTypes.Validator<boolean>;

package/lib/template/activity/progression-item.css

@@ -142,17 +142,29 @@
   cursor: pointer;
 }
 
+.metadata {
+  margin-left: auto;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.completionDate {
+  font-family: 'Gilroy';
+  font-size: 12px;
+  font-weight: 600;
+  padding: 3px 8px;
+  border-radius: 20px;
+  white-space: nowrap;
+}
+
 .level {
-  height: 17px;
   font-family: 'Gilroy';
   font-size: 12px;
   font-weight: 100;
   text-align: right;
   color: dark;
-  position: relative;
-  right: 0;
   text-transform: capitalize;
-  flex: auto;
 }
 
 @media tablet, mobile {

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 completionDate: PropTypes.Requireable<string>;
         const adaptiveAriaLabel: PropTypes.Requireable<string>;
         const type: PropTypes.Validator<string>;
         const adaptive: PropTypes.Validator<boolean>;

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,8EA2FC"}
+{"version":3,"file":"progression-item.d.ts","sourceRoot":"","sources":["../../../src/template/activity/progression-item.js"],"names":[],"mappings":";AAmCA,8EAuGC"}

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

@@ -40,7 +40,8 @@ const ProgressionItem = (props, legacyContext) => {
     state,
     type,
     steps = 0,
-    adaptiveAriaLabel
+    adaptiveAriaLabel,
+    completionDate
   } = props;
   const dark = (0, _get2.default)('common.dark', skin);
   const primary = (0, _get2.default)('common.primary', skin);
@@ -124,9 +125,18 @@ const ProgressionItem = (props, legacyContext) => {
     displayInfo: false
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: _progressionItem.default.state
-  }, link, /*#__PURE__*/_react.default.createElement("span", {
+  }, link, /*#__PURE__*/_react.default.createElement("div", {
+    className: _progressionItem.default.metadata
+  }, completionDate ? /*#__PURE__*/_react.default.createElement("span", {
+    "data-name": "activityCompletionDate",
+    className: _progressionItem.default.completionDate,
+    style: {
+      backgroundColor: primary,
+      color: white
+    }
+  }, completionDate) : null, /*#__PURE__*/_react.default.createElement("span", {
     className: _progressionItem.default.level
-  }, level)));
+  }, level))));
 };
 ProgressionItem.propTypes = process.env.NODE_ENV !== "production" ? {
   completion: _propTypes.default.number.isRequired,
@@ -137,6 +147,7 @@ ProgressionItem.propTypes = process.env.NODE_ENV !== "production" ? {
   label: _propTypes.default.string.isRequired,
   level: _propTypes.default.string.isRequired,
   state: _propTypes.default.string.isRequired,
+  completionDate: _propTypes.default.string,
   adaptiveAriaLabel: _propTypes.default.string,
   type: _propTypes.default.string.isRequired,
   adaptive: _propTypes.default.bool.isRequired,

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

@@ -1 +1 @@
-{"version":3,"file":"progression-item.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_novaIcons","_provider","_progressBar","_link","_progressionItem","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ICONS","chapter","TimerIcon","course","LearnerIcon","battle","BoltIcon","certification","CertificationIcon","article","ArticleIcon","scorm","ScormIcon","video","VideoIcon","podcast","PodcastIcon","review","RevisionIcon","ProgressionItem","props","legacyContext","skin","GetSkinFromContext","disabled","adaptive","completion","label","level","onClick","_noop2","stars","maxStars","state","type","steps","adaptiveAriaLabel","dark","_get2","primary","white","IconType","adaptiveIcon","createElement","className","style","backgroundColor","NovaCompositionCoorpacademyAdaptive","color","height","handleCTAClick","useMemo","stopPropagation","preventDefault","link","cta","NovaCompositionNavigationArrowRight","width","classnames","progressionItem","wrapperTitle","iconType","title","innerHTML","dangerouslySetInnerHTML","__html","role","smallStars","NovaCompositionCoorpacademyStar","iconStar","value","max","borderRadius","displayInfo","propTypes","process","env","NODE_ENV","PropTypes","number","isRequired","bool","string","func","contextTypes","Provider","childContextTypes","_default","exports"],"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, {GetSkinFromContext} 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, legacyContext) => {\n  const skin = GetSkinFromContext(legacyContext);\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 style={{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(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 style={{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} style={{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          role=\"progressbar\"\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} style={{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        displayInfo={false}\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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","ignoreList":[]}
+{"version":3,"file":"progression-item.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_novaIcons","_provider","_progressBar","_link","_progressionItem","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ICONS","chapter","TimerIcon","course","LearnerIcon","battle","BoltIcon","certification","CertificationIcon","article","ArticleIcon","scorm","ScormIcon","video","VideoIcon","podcast","PodcastIcon","review","RevisionIcon","ProgressionItem","props","legacyContext","skin","GetSkinFromContext","disabled","adaptive","completion","label","level","onClick","_noop2","stars","maxStars","state","type","steps","adaptiveAriaLabel","completionDate","dark","_get2","primary","white","IconType","adaptiveIcon","createElement","className","style","backgroundColor","NovaCompositionCoorpacademyAdaptive","color","height","handleCTAClick","useMemo","stopPropagation","preventDefault","link","cta","NovaCompositionNavigationArrowRight","width","classnames","progressionItem","wrapperTitle","iconType","title","innerHTML","dangerouslySetInnerHTML","__html","role","smallStars","NovaCompositionCoorpacademyStar","iconStar","value","max","borderRadius","displayInfo","metadata","propTypes","process","env","NODE_ENV","PropTypes","number","isRequired","bool","string","func","contextTypes","Provider","childContextTypes","_default","exports"],"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, {GetSkinFromContext} 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, legacyContext) => {\n  const skin = GetSkinFromContext(legacyContext);\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    completionDate\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 style={{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(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 style={{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} style={{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          role=\"progressbar\"\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} style={{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        displayInfo={false}\n      />\n      <div className={style.state}>\n        {link}\n        <div className={style.metadata}>\n          {completionDate ? (\n            <span\n              data-name=\"activityCompletionDate\"\n              className={style.completionDate}\n              style={{backgroundColor: primary, color: white}}\n            >\n              {completionDate}\n            </span>\n          ) : null}\n          <span className={style.level}>{level}</span>\n        </div>\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  completionDate: PropTypes.string,\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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","ignoreList":[]}

package/locales/bs/global.json

@@ -224,7 +224,8 @@
        "diploma": "learning path"
     },
     "savoirsdavenirs": {
-      "diploma": "Diploma"
+      "diploma": "Diploma",
+      "learning_priorities_description": "\u200C"
     },
     "who": {
       "badge": "Dodatne informacije o vašem certifikatu"

package/locales/cs/global.json

@@ -224,7 +224,8 @@
        "diploma": "learning path"
     },
     "savoirsdavenirs": {
-      "diploma": "Diplom"
+      "diploma": "Diplom",
+      "learning_priorities_description": "\u200C"
     },
     "who": {
       "badge": "Další informace o vašem certifikátu"

package/locales/de/global.json

@@ -224,7 +224,8 @@
        "diploma": "learning path"
     },
     "savoirsdavenirs": {
-      "diploma": "Diplom"
+      "diploma": "Diplom",
+      "learning_priorities_description": "\u200C"
     },
     "who": {
       "badge": "Die zusätzlichen Informationen zu Ihrem Zertifikat"

package/locales/en/global.json

@@ -224,7 +224,8 @@
        "diploma": "learning path"
     },
     "savoirsdavenirs": {
-      "diploma": "Diploma"
+      "diploma": "Diploma",
+      "learning_priorities_description": "\u200C"
     },
     "who": {
       "badge": "Additional information about your certificate"

package/locales/es/global.json

@@ -224,7 +224,8 @@
        "diploma": "learning path"
     },
     "savoirsdavenirs": {
-      "diploma": "Diploma"
+      "diploma": "Diploma",
+      "learning_priorities_description": "\u200C"
     },
     "who": {
       "badge": "Información adicional sobre su certificado"

package/locales/et/global.json

@@ -224,7 +224,8 @@
        "diploma": "learning path"
     },
     "savoirsdavenirs": {
-      "diploma": "Diplom"
+      "diploma": "Diplom",
+      "learning_priorities_description": "\u200C"
     },
     "who": {
       "badge": "Täiendav teave teie sertifikaadi kohta"

package/locales/fi/global.json

@@ -224,7 +224,8 @@
        "diploma": "oppimispolku"
     },
     "savoirsdavenirs": {
-      "diploma": "Tutkintotodistus"
+      "diploma": "Tutkintotodistus",
+      "learning_priorities_description": "\u200C"
     },
     "who": {
       "badge": "Lisätietoja todistuksestasi"

package/locales/fr/global.json

@@ -224,7 +224,8 @@
        "diploma": "parcours"
     },
     "savoirsdavenirs": {
-      "diploma": "Attestation"
+      "diploma": "Attestation",
+      "learning_priorities_description": "\u200C"
     },
     "who": {
       "badge": "Les informations complémentaires sur votre certificat"

package/locales/hr/global.json

@@ -224,7 +224,8 @@
        "diploma": "learning path"
     },
     "savoirsdavenirs": {
-      "diploma": "Diploma"
+      "diploma": "Diploma",
+      "learning_priorities_description": "\u200C"
     },
     "who": {
       "badge": "Dodatne informacije o vašem certifikatu"

package/locales/hu/global.json

@@ -224,7 +224,8 @@
        "diploma": "learning path"
     },
     "savoirsdavenirs": {
-      "diploma": "Oklevél"
+      "diploma": "Oklevél",
+      "learning_priorities_description": "\u200C"
     },
     "who": {
       "badge": "További információk a tanúsítványról"

package/locales/hy/global.json

@@ -224,7 +224,8 @@
        "diploma": "learning path"
     },
     "savoirsdavenirs": {
-      "diploma": "Դիպլոմ"
+      "diploma": "Դիպլոմ",
+      "learning_priorities_description": "\u200C"
     },
     "who": {
       "badge": "Ձեր վկայականի մասին լրացուցիչ տեղեկություններ"

package/locales/it/global.json

@@ -224,7 +224,8 @@
        "diploma": "learning path"
     },
     "savoirsdavenirs": {
-      "diploma": "Diploma"
+      "diploma": "Diploma",
+      "learning_priorities_description": "\u200C"
     },
     "who": {
       "badge": "Le informazioni aggiuntive sul tuo certificato"

package/locales/ja/global.json

@@ -224,7 +224,8 @@
        "diploma": "learning path"
     },
     "savoirsdavenirs": {
-      "diploma": "ディプロマ"
+      "diploma": "ディプロマ",
+      "learning_priorities_description": "\u200C"
     },
     "who": {
       "badge": "証明書に関する追加情報"

package/locales/ko/global.json

@@ -224,7 +224,8 @@
        "diploma": "learning path"
     },
     "savoirsdavenirs": {
-      "diploma": "졸업 증서"
+      "diploma": "졸업 증서",
+      "learning_priorities_description": "\u200C"
     },
     "who": {
       "badge": "인증서에 대한 추가 정보"

package/locales/lt/global.json

@@ -224,7 +224,8 @@
        "diploma": "mokymosi kelias"
     },
     "savoirsdavenirs": {
-      "diploma": "Diplomas"
+      "diploma": "Diplomas",
+      "learning_priorities_description": "\u200C"
     },
     "who": {
       "badge": "Papildoma informacija apie jūsų sertifikatą"

package/locales/nl/global.json

@@ -224,7 +224,8 @@
        "diploma": "learning path"
     },
     "savoirsdavenirs": {
-      "diploma": "Diploma"
+      "diploma": "Diploma",
+      "learning_priorities_description": "\u200C"
     },
     "who": {
       "badge": "De aanvullende informatie over uw certificaat"

package/locales/pl/global.json

@@ -224,7 +224,8 @@
        "diploma": "learning path"
     },
     "savoirsdavenirs": {
-      "diploma": "Dyplom"
+      "diploma": "Dyplom",
+      "learning_priorities_description": "\u200C"
     },
     "who": {
       "badge": "Dodatkowe informacje o Twoim certyfikacie"

package/locales/pt/global.json

@@ -224,7 +224,8 @@
        "diploma": "learning path"
     },
     "savoirsdavenirs": {
-      "diploma": "Diploma"
+      "diploma": "Diploma",
+      "learning_priorities_description": "\u200C"
     },
     "who": {
       "badge": "As informações adicionais sobre o seu certificado"

package/locales/ro/global.json

@@ -224,7 +224,8 @@
        "diploma": "learning path"
     },
     "savoirsdavenirs": {
-      "diploma": "Diplomă"
+      "diploma": "Diplomă",
+      "learning_priorities_description": "\u200C"
     },
     "who": {
       "badge": "Informațiile suplimentare despre certificatul dvs"

package/locales/ru/global.json

@@ -224,7 +224,8 @@
        "diploma": "learning path"
     },
     "savoirsdavenirs": {
-      "diploma": "Диплом"
+      "diploma": "Диплом",
+      "learning_priorities_description": "\u200C"
     },
     "who": {
       "badge": "Дополнительная информация о вашем сертификате"

package/locales/sk/global.json

@@ -224,7 +224,8 @@
        "diploma": "learning path"
     },
     "savoirsdavenirs": {
-      "diploma": "Diplom"
+      "diploma": "Diplom",
+      "learning_priorities_description": "\u200C"
     },
     "who": {
       "badge": "Ďalšie informácie o vašom certifikáte"

package/locales/sl/global.json

@@ -224,7 +224,8 @@
        "diploma": "learning path"
     },
     "savoirsdavenirs": {
-      "diploma": "Diploma"
+      "diploma": "Diploma",
+      "learning_priorities_description": "\u200C"
     },
     "who": {
       "badge": "Dodatne informacije o vašem certifikatu"

package/locales/sv/global.json

@@ -224,7 +224,8 @@
        "diploma": "inlärningsväg"
     },
     "savoirsdavenirs": {
-      "diploma": "Diplom"
+      "diploma": "Diplom",
+      "learning_priorities_description": "\u200C"
     },
     "who": {
       "badge": "Ytterligare information om ditt certifikat"

package/locales/tl/global.json

@@ -224,7 +224,8 @@
        "diploma": "learning path"
     },
     "savoirsdavenirs": {
-      "diploma": "Diploma"
+      "diploma": "Diploma",
+      "learning_priorities_description": "\u200C"
     },
     "who": {
       "badge": "Karagdagang impormasyon tungkol sa iyong sertipiko"

package/locales/tr/global.json

@@ -224,7 +224,8 @@
        "diploma": "learning path"
     },
     "savoirsdavenirs": {
-      "diploma": "Diploma"
+      "diploma": "Diploma",
+      "learning_priorities_description": "\u200C"
     },
     "who": {
       "badge": "Sertifikanız hakkında ek bilgi"

package/locales/uk/global.json

@@ -224,7 +224,8 @@
        "diploma": "learning path"
     },
     "savoirsdavenirs": {
-      "diploma": "Диплом"
+      "diploma": "Диплом",
+      "learning_priorities_description": "\u200C"
     },
     "who": {
       "badge": "Додаткова інформація про ваш сертифікат"

package/locales/vi/global.json

@@ -224,7 +224,8 @@
        "diploma": "learning path"
     },
     "savoirsdavenirs": {
-      "diploma": "Bằng cấp"
+      "diploma": "Bằng cấp",
+      "learning_priorities_description": "\u200C"
     },
     "who": {
       "badge": "Thông tin bổ sung về chứng chỉ của bạn"

package/locales/zh/global.json

@@ -224,7 +224,8 @@
        "diploma": "learning path"
     },
     "savoirsdavenirs": {
-      "diploma": "文凭"
+      "diploma": "文凭",
+      "learning_priorities_description": "\u200C"
     },
     "who": {
       "badge": "有关您证书的附加信息"

package/locales/zh_TW/global.json

@@ -224,7 +224,8 @@
        "diploma": "learning path"
     },
     "savoirsdavenirs": {
-      "diploma": "文憑"
+      "diploma": "文憑",
+      "learning_priorities_description": "\u200C"
     },
     "who": {
       "badge": "有關您證書的附加信息"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "11.40.24",
+  "version": "11.40.26",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -169,5 +169,5 @@
     "last 2 versions",
     "IE 11"
   ],
-  "gitHead": "66dc76cffa26a6a3ed89a398ef0013f5a52ecb8b"
+  "gitHead": "eafada541af5507b1fc335ad8604ac74abd4daea"
 }