@coorpacademy/components 11.33.0 → 11.33.2-alpha.0

package/lib/template/activity/engine-stars.js

@@ -2,21 +2,37 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _uuid = require("uuid");
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _provider = _interopRequireWildcard(require("../../atom/provider"));
+
 var _tooltip = _interopRequireWildcard(require("../../atom/tooltip"));
+
 var _link = _interopRequireDefault(require("../../atom/link"));
+
 var _engineStars = _interopRequireDefault(require("./engine-stars.css"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const ICONS = {
   microlearning: _novaIcons.NovaCompositionCoorpacademyTimer,
   learner: _novaIcons.NovaSolidContentContentBook1,
@@ -29,6 +45,7 @@ const ICONS = {
   podcast: _novaIcons.NovaCompositionCoorpacademyMicrophone,
   review: _novaIcons.NovaCompositionCoorpacademyRevision
 };
+
 const ToolTipContent = ({
   preMessage,
   linkMessage,
@@ -46,6 +63,7 @@ const ToolTipContent = ({
     color
   }
 }, linkMessage), /*#__PURE__*/_react.default.createElement("span", null, endMessage));
+
 ToolTipContent.propTypes = process.env.NODE_ENV !== "production" ? {
   preMessage: _propTypes.default.string,
   linkMessage: _propTypes.default.string,
@@ -54,6 +72,7 @@ ToolTipContent.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: _propTypes.default.func,
   handleContentMouseOver: _propTypes.default.func
 } : {};
+
 const EngineStars = (props, legacyContext) => {
   const skin = (0, _provider.GetSkinFromContext)(legacyContext);
   const translate = (0, _provider.GetTranslateFromContext)(legacyContext);
@@ -67,17 +86,18 @@ const EngineStars = (props, legacyContext) => {
     onClick = _noop2.default,
     className
   } = props;
+
   const handleClick = e => {
     e.stopPropagation();
     e.preventDefault();
     onClick(e);
   };
+
   const dark = (0, _get2.default)('common.dark', skin);
   const light = (0, _get2.default)('common.light', skin);
   const IconType = ICONS[type];
-  const primary = (0, _get2.default)('common.primary', skin);
+  const primary = (0, _get2.default)('common.primary', skin); // to replace by useId when React17 is bumped to React18
 
-  // to replace by useId when React17 is bumped to React18
   const [engineStarsContentId] = (0, _react.useState)(disabled ? (0, _uuid.v5)('engine-stars', _uuid.v5.URL) : undefined);
   const [toolTipIsVisible, setToolTipIsVisible] = (0, _react.useState)(false);
   const [mouseLeaveTimer, setMouseLeaveTimer] = (0, _react.useState)(undefined);
@@ -90,7 +110,9 @@ const EngineStars = (props, legacyContext) => {
     setToolTipIsVisible(true);
   }, [mouseLeaveTimer]);
   const handleContentMouseOver = (0, _react.useCallback)(() => {
-    mouseLeaveTimer && /* istanbul ignore next */clearTimeout(mouseLeaveTimer);
+    mouseLeaveTimer &&
+    /* istanbul ignore next */
+    clearTimeout(mouseLeaveTimer);
   }, [mouseLeaveTimer]);
   const handleMouseLeave = (0, _react.useCallback)(() => {
     setMouseLeaveTimer(setTimeout(() => setToolTipIsVisible(false), 500));
@@ -112,8 +134,7 @@ const EngineStars = (props, legacyContext) => {
     ref: buttonRef,
     "data-tip": disabled,
     "data-engine": type,
-    "data-testid": `engine-stars-${type}`
-    // eslint-disable-next-line no-nested-ternary
+    "data-testid": `engine-stars-${type}` // eslint-disable-next-line no-nested-ternary
     ,
     onClick: disabled ? handleKeyPress : active ? _noop2.default : handleClick,
     "data-for": engineStarsContentId,
@@ -153,6 +174,7 @@ const EngineStars = (props, legacyContext) => {
     className: _engineStars.default.scoreTitle
   }, title));
 };
+
 EngineStars.propTypes = process.env.NODE_ENV !== "production" ? {
   type: _propTypes.default.string.isRequired,
   stars: _propTypes.default.number.isRequired,
@@ -172,5 +194,6 @@ EngineStars.contextTypes = {
   skin: _provider.default.childContextTypes.skin,
   translate: _provider.default.childContextTypes.translate
 };
-var _default = exports.default = EngineStars;
+var _default = EngineStars;
+exports.default = _default;
 //# sourceMappingURL=engine-stars.js.map

package/lib/template/activity/engine-stars.js.map

@@ -1 +1 @@
-{"version":3,"file":"engine-stars.js","names":["_classnames","_interopRequireDefault","require","_react","_interopRequireWildcard","_propTypes","_uuid","_novaIcons","_provider","_tooltip","_link","_engineStars","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","ICONS","microlearning","TimerIcon","learner","LearnerIcon","battle","BoltIcon","certifications","CertificationIcon","bonus","BonusIcon","article","ArticleIcon","scorm","ScormIcon","video","VideoIcon","podcast","PodcastIcon","review","RevisionIcon","ToolTipContent","preMessage","linkMessage","endMessage","onClick","color","handleContentMouseOver","createElement","className","style","toolTipContent","onMouseOver","propTypes","process","env","NODE_ENV","PropTypes","string","func","EngineStars","props","legacyContext","skin","GetSkinFromContext","translate","GetTranslateFromContext","toolTip","disabled","type","stars","title","active","_noop2","handleClick","stopPropagation","preventDefault","dark","_get2","light","IconType","primary","engineStarsContentId","useState","uuidV5","URL","undefined","toolTipIsVisible","setToolTipIsVisible","mouseLeaveTimer","setMouseLeaveTimer","buttonRef","useRef","handleKeyPress","useCallback","event","toggleStateOnKeyPress","handleMouseOver","clearTimeout","handleMouseLeave","setTimeout","toolTipContentProps","useMemo","toolTipProps","closeToolTipInformationTextAriaLabel","TooltipContent","_props","ref","classnames","engineStars","clickable","onKeyDown","onMouseLeave","anchorId","engineIcon","backgroundColor","iconHeader","width","score","NovaCompositionCoorpacademyStar","iconStar","scoreTitle","isRequired","number","bool","shape","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/template/activity/engine-stars.js"],"sourcesContent":["import classnames from 'classnames';\nimport React, {useCallback, useMemo, useState, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport {get, noop} from 'lodash/fp';\nimport {v5 as uuidV5} from 'uuid';\nimport {\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon,\n  NovaCompositionCoorpacademyBolt as BoltIcon,\n  NovaSolidSchoolScienceGraduationHat as CertificationIcon,\n  NovaSolidContentContentBook1 as LearnerIcon,\n  NovaSolidVoteRewardsRewardsBadge1 as BonusIcon,\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, GetTranslateFromContext} from '../../atom/provider';\nimport ToolTip, {toggleStateOnKeyPress} from '../../atom/tooltip';\nimport Link from '../../atom/link';\nimport style from './engine-stars.css';\n\nconst ICONS = {\n  microlearning: TimerIcon,\n  learner: LearnerIcon,\n  battle: BoltIcon,\n  certifications: CertificationIcon,\n  bonus: BonusIcon,\n  article: ArticleIcon,\n  scorm: ScormIcon,\n  video: VideoIcon,\n  podcast: PodcastIcon,\n  review: RevisionIcon\n};\n\nconst ToolTipContent = ({\n  preMessage,\n  linkMessage,\n  endMessage,\n  onClick,\n  color,\n  handleContentMouseOver\n}) => (\n  <p\n    className={style.toolTipContent}\n    onMouseOver={handleContentMouseOver}\n    data-testid=\"react-tooltip-content\"\n  >\n    <span>{preMessage}</span>\n    <Link\n      onClick={onClick}\n      style={{\n        color\n      }}\n    >\n      {linkMessage}\n    </Link>\n    <span>{endMessage}</span>\n  </p>\n);\n\nToolTipContent.propTypes = {\n  preMessage: PropTypes.string,\n  linkMessage: PropTypes.string,\n  endMessage: PropTypes.string,\n  color: PropTypes.string,\n  onClick: PropTypes.func,\n  handleContentMouseOver: PropTypes.func\n};\n\nconst EngineStars = (props, legacyContext) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const translate = GetTranslateFromContext(legacyContext);\n  const {\n    toolTip = null,\n    disabled,\n    type,\n    stars,\n    title,\n    active = false,\n    onClick = noop,\n    className\n  } = props;\n\n  const handleClick = e => {\n    e.stopPropagation();\n    e.preventDefault();\n    onClick(e);\n  };\n  const dark = get('common.dark', skin);\n  const light = get('common.light', skin);\n  const IconType = ICONS[type];\n\n  const primary = get('common.primary', skin);\n\n  // to replace by useId when React17 is bumped to React18\n  const [engineStarsContentId] = useState(\n    disabled ? uuidV5('engine-stars', uuidV5.URL) : undefined\n  );\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n  const [mouseLeaveTimer, setMouseLeaveTimer] = useState(undefined);\n  const buttonRef = useRef(null);\n\n  const handleKeyPress = useCallback(\n    event => {\n      toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible, buttonRef)(event);\n    },\n    [toolTipIsVisible]\n  );\n\n  const handleMouseOver = useCallback(() => {\n    mouseLeaveTimer && clearTimeout(mouseLeaveTimer);\n    setToolTipIsVisible(true);\n  }, [mouseLeaveTimer]);\n\n  const handleContentMouseOver = useCallback(() => {\n    mouseLeaveTimer && /* istanbul ignore next */ clearTimeout(mouseLeaveTimer);\n  }, [mouseLeaveTimer]);\n\n  const handleMouseLeave = useCallback(() => {\n    setMouseLeaveTimer(setTimeout(() => setToolTipIsVisible(false), 500));\n  }, []);\n\n  const toolTipContentProps = useMemo(\n    () =>\n      toolTip\n        ? {\n            preMessage: toolTip.preMessage,\n            linkMessage: toolTip.linkMessage,\n            endMessage: toolTip.endMessage,\n            color: primary,\n            onClick: toolTip.onClick\n          }\n        : null,\n    [primary, toolTip]\n  );\n\n  const toolTipProps = {\n    closeToolTipInformationTextAriaLabel: translate('close_tooltip_information')\n  };\n\n  const TooltipContent = useCallback(\n    _props => (\n      <ToolTipContent\n        {...{...toolTipContentProps, ..._props}}\n        handleContentMouseOver={handleContentMouseOver}\n      />\n    ),\n    [handleContentMouseOver, toolTipContentProps]\n  );\n\n  return (\n    <button\n      ref={buttonRef}\n      data-tip={disabled}\n      data-engine={type}\n      data-testid={`engine-stars-${type}`}\n      // eslint-disable-next-line no-nested-ternary\n      onClick={disabled ? handleKeyPress : active ? noop : handleClick}\n      data-for={engineStarsContentId}\n      className={classnames([\n        style.engineStars,\n        disabled ? style.disabled : '',\n        active ? style.active : '',\n        onClick !== noop ? style.clickable : null,\n        className\n      ])}\n      type=\"button\"\n      data-tooltip-place=\"left\"\n      onKeyDown={handleKeyPress}\n      onMouseLeave={handleMouseLeave}\n      onMouseOver={handleMouseOver}\n      aria-label={`${title} - ${stars} ${translate('stars')}`}\n    >\n      {disabled ? (\n        <ToolTip\n          {...toolTipProps}\n          anchorId={engineStarsContentId}\n          toolTipIsVisible={toolTipIsVisible}\n          TooltipContent={TooltipContent}\n          mouseLeaveTimer={mouseLeaveTimer}\n        />\n      ) : null}\n      <span\n        className={style.engineIcon}\n        style={{\n          backgroundColor: onClick === noop ? light : primary\n        }}\n      >\n        <IconType className={style.iconHeader} width=\"30\" />\n      </span>\n      <div\n        className={style.score}\n        style={{\n          color: active ? primary : dark\n        }}\n      >\n        <p data-name=\"star-counter\">{stars}</p>\n        <span>\n          <StarIcon\n            className={style.iconStar}\n            style={{\n              color: active ? primary : dark\n            }}\n          />\n        </span>\n      </div>\n      <div className={style.scoreTitle}>{title}</div>\n    </button>\n  );\n};\n\nEngineStars.propTypes = {\n  type: PropTypes.string.isRequired,\n  stars: PropTypes.number.isRequired,\n  title: PropTypes.string.isRequired,\n  active: PropTypes.bool,\n  disabled: PropTypes.bool,\n  onClick: PropTypes.func,\n  className: PropTypes.string,\n  toolTip: PropTypes.shape({\n    preMessage: PropTypes.string,\n    linkMessage: PropTypes.string,\n    endMessage: PropTypes.string,\n    onClick: PropTypes.func\n  })\n};\n\nEngineStars.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nexport default EngineStars;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"engine-stars.js","names":["ICONS","microlearning","TimerIcon","learner","LearnerIcon","battle","BoltIcon","certifications","CertificationIcon","bonus","BonusIcon","article","ArticleIcon","scorm","ScormIcon","video","VideoIcon","podcast","PodcastIcon","review","RevisionIcon","ToolTipContent","preMessage","linkMessage","endMessage","onClick","color","handleContentMouseOver","style","toolTipContent","propTypes","PropTypes","string","func","EngineStars","props","legacyContext","skin","GetSkinFromContext","translate","GetTranslateFromContext","toolTip","disabled","type","stars","title","active","className","handleClick","e","stopPropagation","preventDefault","dark","light","IconType","primary","engineStarsContentId","useState","uuidV5","URL","undefined","toolTipIsVisible","setToolTipIsVisible","mouseLeaveTimer","setMouseLeaveTimer","buttonRef","useRef","handleKeyPress","useCallback","event","toggleStateOnKeyPress","handleMouseOver","clearTimeout","handleMouseLeave","setTimeout","toolTipContentProps","useMemo","toolTipProps","closeToolTipInformationTextAriaLabel","TooltipContent","_props","classnames","engineStars","clickable","engineIcon","backgroundColor","iconHeader","score","iconStar","scoreTitle","isRequired","number","bool","shape","contextTypes","Provider","childContextTypes"],"sources":["../../../src/template/activity/engine-stars.js"],"sourcesContent":["import classnames from 'classnames';\nimport React, {useCallback, useMemo, useState, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport {get, noop} from 'lodash/fp';\nimport {v5 as uuidV5} from 'uuid';\nimport {\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon,\n  NovaCompositionCoorpacademyBolt as BoltIcon,\n  NovaSolidSchoolScienceGraduationHat as CertificationIcon,\n  NovaSolidContentContentBook1 as LearnerIcon,\n  NovaSolidVoteRewardsRewardsBadge1 as BonusIcon,\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, GetTranslateFromContext} from '../../atom/provider';\nimport ToolTip, {toggleStateOnKeyPress} from '../../atom/tooltip';\nimport Link from '../../atom/link';\nimport style from './engine-stars.css';\n\nconst ICONS = {\n  microlearning: TimerIcon,\n  learner: LearnerIcon,\n  battle: BoltIcon,\n  certifications: CertificationIcon,\n  bonus: BonusIcon,\n  article: ArticleIcon,\n  scorm: ScormIcon,\n  video: VideoIcon,\n  podcast: PodcastIcon,\n  review: RevisionIcon\n};\n\nconst ToolTipContent = ({\n  preMessage,\n  linkMessage,\n  endMessage,\n  onClick,\n  color,\n  handleContentMouseOver\n}) => (\n  <p\n    className={style.toolTipContent}\n    onMouseOver={handleContentMouseOver}\n    data-testid=\"react-tooltip-content\"\n  >\n    <span>{preMessage}</span>\n    <Link\n      onClick={onClick}\n      style={{\n        color\n      }}\n    >\n      {linkMessage}\n    </Link>\n    <span>{endMessage}</span>\n  </p>\n);\n\nToolTipContent.propTypes = {\n  preMessage: PropTypes.string,\n  linkMessage: PropTypes.string,\n  endMessage: PropTypes.string,\n  color: PropTypes.string,\n  onClick: PropTypes.func,\n  handleContentMouseOver: PropTypes.func\n};\n\nconst EngineStars = (props, legacyContext) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const translate = GetTranslateFromContext(legacyContext);\n  const {\n    toolTip = null,\n    disabled,\n    type,\n    stars,\n    title,\n    active = false,\n    onClick = noop,\n    className\n  } = props;\n\n  const handleClick = e => {\n    e.stopPropagation();\n    e.preventDefault();\n    onClick(e);\n  };\n  const dark = get('common.dark', skin);\n  const light = get('common.light', skin);\n  const IconType = ICONS[type];\n\n  const primary = get('common.primary', skin);\n\n  // to replace by useId when React17 is bumped to React18\n  const [engineStarsContentId] = useState(\n    disabled ? uuidV5('engine-stars', uuidV5.URL) : undefined\n  );\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n  const [mouseLeaveTimer, setMouseLeaveTimer] = useState(undefined);\n  const buttonRef = useRef(null);\n\n  const handleKeyPress = useCallback(\n    event => {\n      toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible, buttonRef)(event);\n    },\n    [toolTipIsVisible]\n  );\n\n  const handleMouseOver = useCallback(() => {\n    mouseLeaveTimer && clearTimeout(mouseLeaveTimer);\n    setToolTipIsVisible(true);\n  }, [mouseLeaveTimer]);\n\n  const handleContentMouseOver = useCallback(() => {\n    mouseLeaveTimer && /* istanbul ignore next */ clearTimeout(mouseLeaveTimer);\n  }, [mouseLeaveTimer]);\n\n  const handleMouseLeave = useCallback(() => {\n    setMouseLeaveTimer(setTimeout(() => setToolTipIsVisible(false), 500));\n  }, []);\n\n  const toolTipContentProps = useMemo(\n    () =>\n      toolTip\n        ? {\n            preMessage: toolTip.preMessage,\n            linkMessage: toolTip.linkMessage,\n            endMessage: toolTip.endMessage,\n            color: primary,\n            onClick: toolTip.onClick\n          }\n        : null,\n    [primary, toolTip]\n  );\n\n  const toolTipProps = {\n    closeToolTipInformationTextAriaLabel: translate('close_tooltip_information')\n  };\n\n  const TooltipContent = useCallback(\n    _props => (\n      <ToolTipContent\n        {...{...toolTipContentProps, ..._props}}\n        handleContentMouseOver={handleContentMouseOver}\n      />\n    ),\n    [handleContentMouseOver, toolTipContentProps]\n  );\n\n  return (\n    <button\n      ref={buttonRef}\n      data-tip={disabled}\n      data-engine={type}\n      data-testid={`engine-stars-${type}`}\n      // eslint-disable-next-line no-nested-ternary\n      onClick={disabled ? handleKeyPress : active ? noop : handleClick}\n      data-for={engineStarsContentId}\n      className={classnames([\n        style.engineStars,\n        disabled ? style.disabled : '',\n        active ? style.active : '',\n        onClick !== noop ? style.clickable : null,\n        className\n      ])}\n      type=\"button\"\n      data-tooltip-place=\"left\"\n      onKeyDown={handleKeyPress}\n      onMouseLeave={handleMouseLeave}\n      onMouseOver={handleMouseOver}\n      aria-label={`${title} - ${stars} ${translate('stars')}`}\n    >\n      {disabled ? (\n        <ToolTip\n          {...toolTipProps}\n          anchorId={engineStarsContentId}\n          toolTipIsVisible={toolTipIsVisible}\n          TooltipContent={TooltipContent}\n          mouseLeaveTimer={mouseLeaveTimer}\n        />\n      ) : null}\n      <span\n        className={style.engineIcon}\n        style={{\n          backgroundColor: onClick === noop ? light : primary\n        }}\n      >\n        <IconType className={style.iconHeader} width=\"30\" />\n      </span>\n      <div\n        className={style.score}\n        style={{\n          color: active ? primary : dark\n        }}\n      >\n        <p data-name=\"star-counter\">{stars}</p>\n        <span>\n          <StarIcon\n            className={style.iconStar}\n            style={{\n              color: active ? primary : dark\n            }}\n          />\n        </span>\n      </div>\n      <div className={style.scoreTitle}>{title}</div>\n    </button>\n  );\n};\n\nEngineStars.propTypes = {\n  type: PropTypes.string.isRequired,\n  stars: PropTypes.number.isRequired,\n  title: PropTypes.string.isRequired,\n  active: PropTypes.bool,\n  disabled: PropTypes.bool,\n  onClick: PropTypes.func,\n  className: PropTypes.string,\n  toolTip: PropTypes.shape({\n    preMessage: PropTypes.string,\n    linkMessage: PropTypes.string,\n    endMessage: PropTypes.string,\n    onClick: PropTypes.func\n  })\n};\n\nEngineStars.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nexport default EngineStars;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AAaA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,KAAK,GAAG;EACZC,aAAa,EAAEC,2CADH;EAEZC,OAAO,EAAEC,uCAFG;EAGZC,MAAM,EAAEC,0CAHI;EAIZC,cAAc,EAAEC,8CAJJ;EAKZC,KAAK,EAAEC,4CALK;EAMZC,OAAO,EAAEC,6CANG;EAOZC,KAAK,EAAEC,2CAPK;EAQZC,KAAK,EAAEC,2CARK;EASZC,OAAO,EAAEC,gDATG;EAUZC,MAAM,EAAEC;AAVI,CAAd;;AAaA,MAAMC,cAAc,GAAG,CAAC;EACtBC,UADsB;EAEtBC,WAFsB;EAGtBC,UAHsB;EAItBC,OAJsB;EAKtBC,KALsB;EAMtBC;AANsB,CAAD,kBAQrB;EACE,SAAS,EAAEC,oBAAA,CAAMC,cADnB;EAEE,WAAW,EAAEF,sBAFf;EAGE,eAAY;AAHd,gBAKE,2CAAOL,UAAP,CALF,eAME,6BAAC,aAAD;EACE,OAAO,EAAEG,OADX;EAEE,KAAK,EAAE;IACLC;EADK;AAFT,GAMGH,WANH,CANF,eAcE,2CAAOC,UAAP,CAdF,CARF;;AA0BAH,cAAc,CAACS,SAAf,2CAA2B;EACzBR,UAAU,EAAES,kBAAA,CAAUC,MADG;EAEzBT,WAAW,EAAEQ,kBAAA,CAAUC,MAFE;EAGzBR,UAAU,EAAEO,kBAAA,CAAUC,MAHG;EAIzBN,KAAK,EAAEK,kBAAA,CAAUC,MAJQ;EAKzBP,OAAO,EAAEM,kBAAA,CAAUE,IALM;EAMzBN,sBAAsB,EAAEI,kBAAA,CAAUE;AANT,CAA3B;;AASA,MAAMC,WAAW,GAAG,CAACC,KAAD,EAAQC,aAAR,KAA0B;EAC5C,MAAMC,IAAI,GAAG,IAAAC,4BAAA,EAAmBF,aAAnB,CAAb;EACA,MAAMG,SAAS,GAAG,IAAAC,iCAAA,EAAwBJ,aAAxB,CAAlB;EACA,MAAM;IACJK,OAAO,GAAG,IADN;IAEJC,QAFI;IAGJC,IAHI;IAIJC,KAJI;IAKJC,KALI;IAMJC,MAAM,GAAG,KANL;IAOJrB,OAAO,iBAPH;IAQJsB;EARI,IASFZ,KATJ;;EAWA,MAAMa,WAAW,GAAGC,CAAC,IAAI;IACvBA,CAAC,CAACC,eAAF;IACAD,CAAC,CAACE,cAAF;IACA1B,OAAO,CAACwB,CAAD,CAAP;EACD,CAJD;;EAKA,MAAMG,IAAI,GAAG,mBAAI,aAAJ,EAAmBf,IAAnB,CAAb;EACA,MAAMgB,KAAK,GAAG,mBAAI,cAAJ,EAAoBhB,IAApB,CAAd;EACA,MAAMiB,QAAQ,GAAGtD,KAAK,CAAC2C,IAAD,CAAtB;EAEA,MAAMY,OAAO,GAAG,mBAAI,gBAAJ,EAAsBlB,IAAtB,CAAhB,CAvB4C,CAyB5C;;EACA,MAAM,CAACmB,oBAAD,IAAyB,IAAAC,eAAA,EAC7Bf,QAAQ,GAAG,IAAAgB,QAAA,EAAO,cAAP,EAAuBA,QAAA,CAAOC,GAA9B,CAAH,GAAwCC,SADnB,CAA/B;EAGA,MAAM,CAACC,gBAAD,EAAmBC,mBAAnB,IAA0C,IAAAL,eAAA,EAAS,KAAT,CAAhD;EACA,MAAM,CAACM,eAAD,EAAkBC,kBAAlB,IAAwC,IAAAP,eAAA,EAASG,SAAT,CAA9C;EACA,MAAMK,SAAS,GAAG,IAAAC,aAAA,EAAO,IAAP,CAAlB;EAEA,MAAMC,cAAc,GAAG,IAAAC,kBAAA,EACrBC,KAAK,IAAI;IACP,IAAAC,8BAAA,EAAsBT,gBAAtB,EAAwCC,mBAAxC,EAA6DG,SAA7D,EAAwEI,KAAxE;EACD,CAHoB,EAIrB,CAACR,gBAAD,CAJqB,CAAvB;EAOA,MAAMU,eAAe,GAAG,IAAAH,kBAAA,EAAY,MAAM;IACxCL,eAAe,IAAIS,YAAY,CAACT,eAAD,CAA/B;IACAD,mBAAmB,CAAC,IAAD,CAAnB;EACD,CAHuB,EAGrB,CAACC,eAAD,CAHqB,CAAxB;EAKA,MAAMpC,sBAAsB,GAAG,IAAAyC,kBAAA,EAAY,MAAM;IAC/CL,eAAe;IAAI;IAA2BS,YAAY,CAACT,eAAD,CAA1D;EACD,CAF8B,EAE5B,CAACA,eAAD,CAF4B,CAA/B;EAIA,MAAMU,gBAAgB,GAAG,IAAAL,kBAAA,EAAY,MAAM;IACzCJ,kBAAkB,CAACU,UAAU,CAAC,MAAMZ,mBAAmB,CAAC,KAAD,CAA1B,EAAmC,GAAnC,CAAX,CAAlB;EACD,CAFwB,EAEtB,EAFsB,CAAzB;EAIA,MAAMa,mBAAmB,GAAG,IAAAC,cAAA,EAC1B,MACEnC,OAAO,GACH;IACEnB,UAAU,EAAEmB,OAAO,CAACnB,UADtB;IAEEC,WAAW,EAAEkB,OAAO,CAAClB,WAFvB;IAGEC,UAAU,EAAEiB,OAAO,CAACjB,UAHtB;IAIEE,KAAK,EAAE6B,OAJT;IAKE9B,OAAO,EAAEgB,OAAO,CAAChB;EALnB,CADG,GAQH,IAVoB,EAW1B,CAAC8B,OAAD,EAAUd,OAAV,CAX0B,CAA5B;EAcA,MAAMoC,YAAY,GAAG;IACnBC,oCAAoC,EAAEvC,SAAS,CAAC,2BAAD;EAD5B,CAArB;EAIA,MAAMwC,cAAc,GAAG,IAAAX,kBAAA,EACrBY,MAAM,iBACJ,6BAAC,cAAD,eACUL,mBADV,EACkCK,MADlC;IAEE,sBAAsB,EAAErD;EAF1B,GAFmB,EAOrB,CAACA,sBAAD,EAAyBgD,mBAAzB,CAPqB,CAAvB;EAUA,oBACE;IACE,GAAG,EAAEV,SADP;IAEE,YAAUvB,QAFZ;IAGE,eAAaC,IAHf;IAIE,eAAc,gBAAeA,IAAK,EAJpC,CAKE;IALF;IAME,OAAO,EAAED,QAAQ,GAAGyB,cAAH,GAAoBrB,MAAM,oBAAUE,WANvD;IAOE,YAAUQ,oBAPZ;IAQE,SAAS,EAAE,IAAAyB,mBAAA,EAAW,CACpBrD,oBAAA,CAAMsD,WADc,EAEpBxC,QAAQ,GAAGd,oBAAA,CAAMc,QAAT,GAAoB,EAFR,EAGpBI,MAAM,GAAGlB,oBAAA,CAAMkB,MAAT,GAAkB,EAHJ,EAIpBrB,OAAO,mBAAP,GAAmBG,oBAAA,CAAMuD,SAAzB,GAAqC,IAJjB,EAKpBpC,SALoB,CAAX,CARb;IAeE,IAAI,EAAC,QAfP;IAgBE,sBAAmB,MAhBrB;IAiBE,SAAS,EAAEoB,cAjBb;IAkBE,YAAY,EAAEM,gBAlBhB;IAmBE,WAAW,EAAEF,eAnBf;IAoBE,cAAa,GAAE1B,KAAM,MAAKD,KAAM,IAAGL,SAAS,CAAC,OAAD,CAAU;EApBxD,GAsBGG,QAAQ,gBACP,6BAAC,gBAAD,eACMmC,YADN;IAEE,QAAQ,EAAErB,oBAFZ;IAGE,gBAAgB,EAAEK,gBAHpB;IAIE,cAAc,EAAEkB,cAJlB;IAKE,eAAe,EAAEhB;EALnB,GADO,GAQL,IA9BN,eA+BE;IACE,SAAS,EAAEnC,oBAAA,CAAMwD,UADnB;IAEE,KAAK,EAAE;MACLC,eAAe,EAAE5D,OAAO,mBAAP,GAAmB4B,KAAnB,GAA2BE;IADvC;EAFT,gBAME,6BAAC,QAAD;IAAU,SAAS,EAAE3B,oBAAA,CAAM0D,UAA3B;IAAuC,KAAK,EAAC;EAA7C,EANF,CA/BF,eAuCE;IACE,SAAS,EAAE1D,oBAAA,CAAM2D,KADnB;IAEE,KAAK,EAAE;MACL7D,KAAK,EAAEoB,MAAM,GAAGS,OAAH,GAAaH;IADrB;EAFT,gBAME;IAAG,aAAU;EAAb,GAA6BR,KAA7B,CANF,eAOE,wDACE,6BAAC,0CAAD;IACE,SAAS,EAAEhB,oBAAA,CAAM4D,QADnB;IAEE,KAAK,EAAE;MACL9D,KAAK,EAAEoB,MAAM,GAAGS,OAAH,GAAaH;IADrB;EAFT,EADF,CAPF,CAvCF,eAuDE;IAAK,SAAS,EAAExB,oBAAA,CAAM6D;EAAtB,GAAmC5C,KAAnC,CAvDF,CADF;AA2DD,CA5ID;;AA8IAX,WAAW,CAACJ,SAAZ,2CAAwB;EACtBa,IAAI,EAAEZ,kBAAA,CAAUC,MAAV,CAAiB0D,UADD;EAEtB9C,KAAK,EAAEb,kBAAA,CAAU4D,MAAV,CAAiBD,UAFF;EAGtB7C,KAAK,EAAEd,kBAAA,CAAUC,MAAV,CAAiB0D,UAHF;EAItB5C,MAAM,EAAEf,kBAAA,CAAU6D,IAJI;EAKtBlD,QAAQ,EAAEX,kBAAA,CAAU6D,IALE;EAMtBnE,OAAO,EAAEM,kBAAA,CAAUE,IANG;EAOtBc,SAAS,EAAEhB,kBAAA,CAAUC,MAPC;EAQtBS,OAAO,EAAEV,kBAAA,CAAU8D,KAAV,CAAgB;IACvBvE,UAAU,EAAES,kBAAA,CAAUC,MADC;IAEvBT,WAAW,EAAEQ,kBAAA,CAAUC,MAFA;IAGvBR,UAAU,EAAEO,kBAAA,CAAUC,MAHC;IAIvBP,OAAO,EAAEM,kBAAA,CAAUE;EAJI,CAAhB;AARa,CAAxB;AAgBAC,WAAW,CAAC4D,YAAZ,GAA2B;EACzBzD,IAAI,EAAE0D,iBAAA,CAASC,iBAAT,CAA2B3D,IADR;EAEzBE,SAAS,EAAEwD,iBAAA,CAASC,iBAAT,CAA2BzD;AAFb,CAA3B;eAKeL,W"}

package/lib/template/activity/index.js

@@ -2,29 +2,51 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _get = _interopRequireDefault(require("lodash/fp/get"));
+
 var _isEmpty = _interopRequireDefault(require("lodash/fp/isEmpty"));
+
 var _map = _interopRequireDefault(require("lodash/fp/map"));
+
 var _noop = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _omit = _interopRequireDefault(require("lodash/fp/omit"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _provider = _interopRequireWildcard(require("../../atom/provider"));
+
 var _button = _interopRequireDefault(require("../../atom/button"));
+
 var _select = _interopRequireDefault(require("../../atom/select"));
+
 var _loader = _interopRequireDefault(require("../../atom/loader"));
+
 var _progressionItem = _interopRequireDefault(require("./progression-item"));
+
 var _engineStars = _interopRequireDefault(require("./engine-stars"));
+
 var _starsSummary = _interopRequireDefault(require("./stars-summary"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const mapWithIndex = _map.default.convert({
   cap: false
 });
+
 const Progression = (props, legacyContext) => {
   const {
     mainTitle,
@@ -61,10 +83,12 @@ const Progression = (props, legacyContext) => {
     key: `${index}-${progression.ref}`,
     adaptiveAriaLabel: adaptiveAriaLabel
   })), progressions);
+
   const coreProgression = /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "activityCore",
     className: _style.default.core
   }, allProgressions);
+
   const themeSelect = !(0, _isEmpty.default)(themeFilter.options) ? /*#__PURE__*/_react.default.createElement(_select.default, {
     borderClassName: _style.default.selectBorder,
     className: _style.default.select,
@@ -80,8 +104,7 @@ const Progression = (props, legacyContext) => {
   }, recommendation.title, " "), /*#__PURE__*/_react.default.createElement("p", {
     className: _style.default.recommendationSection
   }, /*#__PURE__*/_react.default.createElement("span", null, recommendation.subtitle, " "), /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(_style.default.course, _style.default.innerHTML)
-    // eslint-disable-next-line react/no-danger
+    className: (0, _classnames.default)(_style.default.course, _style.default.innerHTML) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: recommendation.courseTitle
@@ -118,6 +141,7 @@ const Progression = (props, legacyContext) => {
     "data-name": "activityList"
   }, coreProgression, loader));
 };
+
 Progression.contextTypes = {
   skin: _provider.default.childContextTypes.skin,
   translate: _provider.default.childContextTypes.translate
@@ -132,8 +156,7 @@ Progression.propTypes = process.env.NODE_ENV !== "production" ? {
   }).isRequired,
   engines: _propTypes.default.arrayOf(_propTypes.default.shape(_engineStars.default.propTypes)),
   loading: _propTypes.default.bool.isRequired,
-  progressions: _propTypes.default.arrayOf(_propTypes.default.shape({
-    ..._progressionItem.default.propTypes,
+  progressions: _propTypes.default.arrayOf(_propTypes.default.shape({ ..._progressionItem.default.propTypes,
     ref: _propTypes.default.string.isRequired
   })),
   themeFilter: _propTypes.default.shape({
@@ -149,5 +172,6 @@ Progression.propTypes = process.env.NODE_ENV !== "production" ? {
   }),
   'aria-label': _propTypes.default.string
 } : {};
-var _default = exports.default = Progression;
+var _default = Progression;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_get","_interopRequireDefault","_isEmpty","_map","_noop","_omit","_propTypes","_classnames","_provider","_button","_select","_loader","_progressionItem","_engineStars","_starsSummary","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","mapWithIndex","map","convert","cap","Progression","props","legacyContext","mainTitle","mainSubtitle","recommendation","progressions","adaptiveAriaLabel","total","engines","themeFilter","loading","ariaLabel","skin","GetSkinFromContext","onChange","themeFilterOnChange","handleClick","useCallback","stopPropagation","preventDefault","onClick","noop","handleSelectTheme","primary","loader","createElement","className","style","allProgressions","progression","index","omit","key","ref","coreProgression","core","themeSelect","isEmpty","options","borderClassName","selectBorder","select","theme","recommendationSection","recommendationWrapper","title","subtitle","classnames","course","innerHTML","dangerouslySetInnerHTML","__html","courseTitle","type","submitValue","cta","backgroundColor","tabIndex","headerProgression","wrapperCta","wrapperProgression","contextTypes","Provider","childContextTypes","translate","propTypes","process","env","NODE_ENV","PropTypes","string","isRequired","shape","label","stars","number","arrayOf","EngineStars","bool","ProgressionItem","Select","func","_default","exports"],"sources":["../../../src/template/activity/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport get from 'lodash/fp/get';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport map from 'lodash/fp/map';\nimport noop from 'lodash/fp/noop';\nimport omit from 'lodash/fp/omit';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Provider, {GetSkinFromContext} 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\nconst mapWithIndex = map.convert({cap: false});\n\nconst Progression = (props, legacyContext) => {\n  const {\n    mainTitle,\n    mainSubtitle,\n    recommendation = {},\n    progressions = [],\n    adaptiveAriaLabel,\n    total,\n    engines = [],\n    themeFilter = {},\n    loading,\n    'aria-label': ariaLabel\n  } = props;\n  const skin = GetSkinFromContext(legacyContext);\n  const {onChange: themeFilterOnChange} = themeFilter;\n\n  const handleClick = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      const {onClick = noop} = recommendation;\n      onClick(e);\n    },\n    [recommendation]\n  );\n\n  const handleSelectTheme = useCallback(\n    e => {\n      themeFilterOnChange && themeFilterOnChange(e);\n    },\n    [themeFilterOnChange]\n  );\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 = mapWithIndex(\n    (progression, index) => (\n      <ProgressionItem\n        {...omit(['ref'], progression)}\n        key={`${index}-${progression.ref}`}\n        adaptiveAriaLabel={adaptiveAriaLabel}\n      />\n    ),\n    progressions\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={handleSelectTheme}\n      aria-label={ariaLabel}\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={handleClick}\n        submitValue={recommendation.cta}\n        style={{\n          backgroundColor: primary\n        }}\n        className={style.cta}\n        data-testid=\"button-link-recommendation\"\n      />\n    </div>\n  ) : null;\n\n  return (\n    <div className={style.default}>\n      <div data-name=\"activity-header\" tabIndex={0}>\n        <div className={style.mainTitle} tabIndex={0}>\n          <span>{mainTitle}</span> {mainSubtitle}\n        </div>\n        <div className={style.headerProgression} tabIndex={0}>\n          <div className={style.wrapperCta} tabIndex={0}>\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\nProgression.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nProgression.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  'aria-label': PropTypes.string\n};\n\nexport default Progression;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["mapWithIndex","map","convert","cap","Progression","props","legacyContext","mainTitle","mainSubtitle","recommendation","progressions","adaptiveAriaLabel","total","engines","themeFilter","loading","ariaLabel","skin","GetSkinFromContext","onChange","themeFilterOnChange","handleClick","useCallback","e","stopPropagation","preventDefault","onClick","noop","handleSelectTheme","primary","get","loader","style","allProgressions","progression","index","omit","ref","coreProgression","core","themeSelect","isEmpty","options","selectBorder","select","recommendationSection","recommendationWrapper","title","subtitle","classnames","course","innerHTML","__html","courseTitle","cta","backgroundColor","default","headerProgression","wrapperCta","wrapperProgression","contextTypes","Provider","childContextTypes","translate","propTypes","PropTypes","string","isRequired","shape","label","stars","number","arrayOf","EngineStars","bool","ProgressionItem","Select","func"],"sources":["../../../src/template/activity/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport get from 'lodash/fp/get';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport map from 'lodash/fp/map';\nimport noop from 'lodash/fp/noop';\nimport omit from 'lodash/fp/omit';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Provider, {GetSkinFromContext} 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\nconst mapWithIndex = map.convert({cap: false});\n\nconst Progression = (props, legacyContext) => {\n  const {\n    mainTitle,\n    mainSubtitle,\n    recommendation = {},\n    progressions = [],\n    adaptiveAriaLabel,\n    total,\n    engines = [],\n    themeFilter = {},\n    loading,\n    'aria-label': ariaLabel\n  } = props;\n  const skin = GetSkinFromContext(legacyContext);\n  const {onChange: themeFilterOnChange} = themeFilter;\n\n  const handleClick = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      const {onClick = noop} = recommendation;\n      onClick(e);\n    },\n    [recommendation]\n  );\n\n  const handleSelectTheme = useCallback(\n    e => {\n      themeFilterOnChange && themeFilterOnChange(e);\n    },\n    [themeFilterOnChange]\n  );\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 = mapWithIndex(\n    (progression, index) => (\n      <ProgressionItem\n        {...omit(['ref'], progression)}\n        key={`${index}-${progression.ref}`}\n        adaptiveAriaLabel={adaptiveAriaLabel}\n      />\n    ),\n    progressions\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={handleSelectTheme}\n      aria-label={ariaLabel}\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={handleClick}\n        submitValue={recommendation.cta}\n        style={{\n          backgroundColor: primary\n        }}\n        className={style.cta}\n        data-testid=\"button-link-recommendation\"\n      />\n    </div>\n  ) : null;\n\n  return (\n    <div className={style.default}>\n      <div data-name=\"activity-header\" tabIndex={0}>\n        <div className={style.mainTitle} tabIndex={0}>\n          <span>{mainTitle}</span> {mainSubtitle}\n        </div>\n        <div className={style.headerProgression} tabIndex={0}>\n          <div className={style.wrapperCta} tabIndex={0}>\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\nProgression.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nProgression.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  'aria-label': PropTypes.string\n};\n\nexport default Progression;\n"],"mappings":"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"}

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

@@ -2,19 +2,33 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _provider = _interopRequireWildcard(require("../../atom/provider"));
+
 var _progressBar = _interopRequireDefault(require("../../molecule/progress-bar"));
+
 var _link = _interopRequireDefault(require("../../atom/link"));
+
 var _progressionItem = _interopRequireDefault(require("./progression-item.css"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const ICONS = {
   chapter: _novaIcons.NovaCompositionCoorpacademyTimer,
   course: _novaIcons.NovaSolidContentContentBook1,
@@ -26,6 +40,7 @@ const ICONS = {
   podcast: _novaIcons.NovaCompositionCoorpacademyMicrophone,
   review: _novaIcons.NovaCompositionCoorpacademyRevision
 };
+
 const ProgressionItem = (props, legacyContext) => {
   const skin = (0, _provider.GetSkinFromContext)(legacyContext);
   const {
@@ -92,8 +107,7 @@ const ProgressionItem = (props, legacyContext) => {
     className: _progressionItem.default.label,
     title: label
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _progressionItem.default.innerHTML
-    // eslint-disable-next-line react/no-danger
+    className: _progressionItem.default.innerHTML // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: label
@@ -128,6 +142,7 @@ const ProgressionItem = (props, legacyContext) => {
     className: _progressionItem.default.level
   }, level)));
 };
+
 ProgressionItem.propTypes = process.env.NODE_ENV !== "production" ? {
   completion: _propTypes.default.number.isRequired,
   stars: _propTypes.default.number.isRequired,
@@ -145,5 +160,6 @@ ProgressionItem.propTypes = process.env.NODE_ENV !== "production" ? {
 ProgressionItem.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };
-var _default = exports.default = ProgressionItem;
+var _default = ProgressionItem;
+exports.default = _default;
 //# sourceMappingURL=progression-item.js.map

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":["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","stars","maxStars","state","type","steps","adaptiveAriaLabel","dark","primary","white","IconType","adaptiveIcon","style","backgroundColor","color","handleCTAClick","useMemo","e","stopPropagation","preventDefault","link","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, {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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"}

package/lib/template/activity/stars-summary.js

@@ -2,20 +2,35 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
+
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _provider = _interopRequireWildcard(require("../../atom/provider"));
+
 var _engineStars = _interopRequireDefault(require("./engine-stars"));
+
 var _starsSummary = _interopRequireDefault(require("./stars-summary.css"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const EngineTab = ({
   engine,
   engineIndex,
@@ -35,11 +50,13 @@ const EngineTab = ({
     className: engineIndex < firstItemIndex ? _starsSummary.default.hidden : _starsSummary.default.active
   })));
 };
+
 EngineTab.propTypes = process.env.NODE_ENV !== "production" ? {
   engine: _propTypes.default.shape(_engineStars.default.propTypes),
   engineIndex: _propTypes.default.number,
   firstItemIndex: _propTypes.default.number
 } : {};
+
 const EngineTabs = ({
   engines,
   firstItemIndex
@@ -53,10 +70,12 @@ const EngineTabs = ({
     engineIndex: index
   }), engines), [engines, firstItemIndex]);
 };
+
 EngineTabs.propTypes = process.env.NODE_ENV !== "production" ? {
   engines: _propTypes.default.arrayOf(_propTypes.default.shape(_engineStars.default.propTypes)),
   firstItemIndex: _propTypes.default.number
 } : {};
+
 const StarsSummary = (props, legacyContext) => {
   const {
     total,
@@ -74,9 +93,11 @@ const StarsSummary = (props, legacyContext) => {
   const handleOnRight = (0, _react.useCallback)(() => {
     scrollTo(firstItemIndex + 1);
   }, [firstItemIndex, scrollTo]);
+
   if ((0, _isEmpty2.default)(engines)) {
     return null;
   }
+
   const leftArrowView = totalItems > 6 && firstItemIndex > 0 ? /*#__PURE__*/_react.default.createElement("button", {
     className: _starsSummary.default.circle,
     onClick: handleOnLeft,
@@ -144,6 +165,7 @@ const StarsSummary = (props, legacyContext) => {
     className: _starsSummary.default.navigationRight
   }, rightArrowView))));
 };
+
 StarsSummary.propTypes = process.env.NODE_ENV !== "production" ? {
   total: _propTypes.default.shape({
     label: _propTypes.default.string.isRequired,
@@ -155,5 +177,6 @@ StarsSummary.contextTypes = {
   skin: _provider.default.childContextTypes.skin,
   translate: _provider.default.childContextTypes.translate
 };
-var _default = exports.default = StarsSummary;
+var _default = StarsSummary;
+exports.default = _default;
 //# sourceMappingURL=stars-summary.js.map