@coorpacademy/components 11.17.1-alpha.63.4 → 11.17.1

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","get","isEmpty","map","noop","omit","PropTypes","classnames","Provider","GetSkinFromContext","Button","Select","Loader","ProgressionItem","EngineStars","StarsSummary","style","mapWithIndex","convert","cap","Progression","props","legacyContext","mainTitle","mainSubtitle","recommendation","progressions","adaptiveAriaLabel","total","engines","themeFilter","loading","ariaLabel","skin","onChange","themeFilterOnChange","handleClick","e","stopPropagation","preventDefault","onClick","handleSelectTheme","primary","loader","allProgressions","progression","index","ref","coreProgression","core","themeSelect","options","selectBorder","select","recommendationSection","recommendationWrapper","title","subtitle","course","innerHTML","__html","courseTitle","cta","backgroundColor","default","headerProgression","wrapperCta","wrapperProgression","contextTypes","childContextTypes","translate","propTypes","string","isRequired","shape","label","stars","number","arrayOf","bool","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      />\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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"}
+{"version":3,"file":"index.js","names":["React","useCallback","get","isEmpty","map","noop","omit","PropTypes","classnames","Provider","GetSkinFromContext","Button","Select","Loader","ProgressionItem","EngineStars","StarsSummary","style","mapWithIndex","convert","cap","Progression","props","legacyContext","mainTitle","mainSubtitle","recommendation","progressions","adaptiveAriaLabel","total","engines","themeFilter","loading","ariaLabel","skin","onChange","themeFilterOnChange","handleClick","e","stopPropagation","preventDefault","onClick","handleSelectTheme","primary","loader","allProgressions","progression","index","ref","coreProgression","core","themeSelect","options","selectBorder","select","recommendationSection","recommendationWrapper","title","subtitle","course","innerHTML","__html","courseTitle","cta","backgroundColor","default","headerProgression","wrapperCta","wrapperProgression","contextTypes","childContextTypes","translate","propTypes","string","isRequired","shape","label","stars","number","arrayOf","bool","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/atom/picture-background/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/picture-background/index.js"],"names":[],"mappings":";AAWA,4DAqCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/picture-background/index.js"],"names":[],"mappings":";AAWA,4DAwBC"}

package/lib/atom/picture-background/index.js

@@ -35,23 +35,17 @@ const PictureBackground = props => {
     className: _style.default.deviceView
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.mobileContainer
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("img", {
     className: (0, _classnames.default)(_style.default.picture, bgStyle),
-    style: {
-      backgroundImage: `url(${mobile})`
-    }
+    src: mobile
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.desktopContainer
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("img", {
     className: (0, _classnames.default)(_style.default.picture, bgStyle),
-    style: {
-      backgroundImage: `url(${desktop})`
-    }
-  }))) : /*#__PURE__*/_react.default.createElement("div", {
+    src: desktop
+  }))) : /*#__PURE__*/_react.default.createElement("img", {
     className: (0, _classnames.default)(_style.default.default, bgStyle),
-    style: {
-      backgroundImage: `url(${src})`
-    }
+    src: src
   });
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.wrapper,

package/lib/atom/picture-background/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["viewStyle","cover","cssStyle","contain","PictureBackground","props","src","view","style","mobile","desktop","bgStyle","pictureView","deviceView","mobileContainer","classnames","picture","backgroundImage","desktopContainer","default","wrapper","propTypes","PropTypes","oneOf","oneOfType","objectOf","string","isRequired","number"],"sources":["../../../src/atom/picture-background/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {isObject, keys} from 'lodash/fp';\nimport cssStyle from './style.css';\n\nconst viewStyle = {\n  cover: cssStyle.cover,\n  contain: cssStyle.contain\n};\n\nconst PictureBackground = props => {\n  const {src, view, style} = props;\n  const mobile = src.mobile;\n  const desktop = src.desktop;\n  const bgStyle = viewStyle[view];\n\n  const pictureView = isObject(src) ? (\n    <div className={cssStyle.deviceView}>\n      <div className={cssStyle.mobileContainer}>\n        <div\n          className={classnames(cssStyle.picture, bgStyle)}\n          style={{\n            backgroundImage: `url(${mobile})`\n          }}\n        />\n      </div>\n      <div className={cssStyle.desktopContainer}>\n        <div\n          className={classnames(cssStyle.picture, bgStyle)}\n          style={{\n            backgroundImage: `url(${desktop})`\n          }}\n        />\n      </div>\n    </div>\n  ) : (\n    <div\n      className={classnames(cssStyle.default, bgStyle)}\n      style={{backgroundImage: `url(${src})`}}\n    />\n  );\n\n  return (\n    <div className={cssStyle.wrapper} style={style}>\n      {pictureView}\n    </div>\n  );\n};\n\nPictureBackground.propTypes = {\n  view: PropTypes.oneOf(keys(viewStyle)),\n  src: PropTypes.oneOfType([PropTypes.objectOf(PropTypes.string), PropTypes.string.isRequired]),\n  style: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\nexport default PictureBackground;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;AAEA,MAAMA,SAAS,GAAG;EAChBC,KAAK,EAAEC,cAAA,CAASD,KADA;EAEhBE,OAAO,EAAED,cAAA,CAASC;AAFF,CAAlB;;AAKA,MAAMC,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IAACC,GAAD;IAAMC,IAAN;IAAYC;EAAZ,IAAqBH,KAA3B;EACA,MAAMI,MAAM,GAAGH,GAAG,CAACG,MAAnB;EACA,MAAMC,OAAO,GAAGJ,GAAG,CAACI,OAApB;EACA,MAAMC,OAAO,GAAGX,SAAS,CAACO,IAAD,CAAzB;EAEA,MAAMK,WAAW,GAAG,wBAASN,GAAT,iBAClB;IAAK,SAAS,EAAEJ,cAAA,CAASW;EAAzB,gBACE;IAAK,SAAS,EAAEX,cAAA,CAASY;EAAzB,gBACE;IACE,SAAS,EAAE,IAAAC,mBAAA,EAAWb,cAAA,CAASc,OAApB,EAA6BL,OAA7B,CADb;IAEE,KAAK,EAAE;MACLM,eAAe,EAAG,OAAMR,MAAO;IAD1B;EAFT,EADF,CADF,eASE;IAAK,SAAS,EAAEP,cAAA,CAASgB;EAAzB,gBACE;IACE,SAAS,EAAE,IAAAH,mBAAA,EAAWb,cAAA,CAASc,OAApB,EAA6BL,OAA7B,CADb;IAEE,KAAK,EAAE;MACLM,eAAe,EAAG,OAAMP,OAAQ;IAD3B;EAFT,EADF,CATF,CADkB,gBAoBlB;IACE,SAAS,EAAE,IAAAK,mBAAA,EAAWb,cAAA,CAASiB,OAApB,EAA6BR,OAA7B,CADb;IAEE,KAAK,EAAE;MAACM,eAAe,EAAG,OAAMX,GAAI;IAA7B;EAFT,EApBF;EA0BA,oBACE;IAAK,SAAS,EAAEJ,cAAA,CAASkB,OAAzB;IAAkC,KAAK,EAAEZ;EAAzC,GACGI,WADH,CADF;AAKD,CArCD;;AAuCAR,iBAAiB,CAACiB,SAAlB,2CAA8B;EAC5Bd,IAAI,EAAEe,kBAAA,CAAUC,KAAV,CAAgB,oBAAKvB,SAAL,CAAhB,CADsB;EAE5BM,GAAG,EAAEgB,kBAAA,CAAUE,SAAV,CAAoB,CAACF,kBAAA,CAAUG,QAAV,CAAmBH,kBAAA,CAAUI,MAA7B,CAAD,EAAuCJ,kBAAA,CAAUI,MAAV,CAAiBC,UAAxD,CAApB,CAFuB;EAG5BnB,KAAK,EAAEc,kBAAA,CAAUG,QAAV,CAAmBH,kBAAA,CAAUE,SAAV,CAAoB,CAACF,kBAAA,CAAUI,MAAX,EAAmBJ,kBAAA,CAAUM,MAA7B,CAApB,CAAnB;AAHqB,CAA9B;eAMexB,iB"}
+{"version":3,"file":"index.js","names":["viewStyle","cover","cssStyle","contain","PictureBackground","props","src","view","style","mobile","desktop","bgStyle","pictureView","deviceView","mobileContainer","classnames","picture","desktopContainer","default","wrapper","propTypes","PropTypes","oneOf","oneOfType","objectOf","string","isRequired","number"],"sources":["../../../src/atom/picture-background/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {isObject, keys} from 'lodash/fp';\nimport cssStyle from './style.css';\n\nconst viewStyle = {\n  cover: cssStyle.cover,\n  contain: cssStyle.contain\n};\n\nconst PictureBackground = props => {\n  const {src, view, style} = props;\n  const mobile = src.mobile;\n  const desktop = src.desktop;\n  const bgStyle = viewStyle[view];\n\n  const pictureView = isObject(src) ? (\n    <div className={cssStyle.deviceView}>\n      <div className={cssStyle.mobileContainer}>\n        <img className={classnames(cssStyle.picture, bgStyle)} src={mobile} />\n      </div>\n      <div className={cssStyle.desktopContainer}>\n        <img className={classnames(cssStyle.picture, bgStyle)} src={desktop} />\n      </div>\n    </div>\n  ) : (\n    <img className={classnames(cssStyle.default, bgStyle)} src={src} />\n  );\n\n  return (\n    <div className={cssStyle.wrapper} style={style}>\n      {pictureView}\n    </div>\n  );\n};\n\nPictureBackground.propTypes = {\n  view: PropTypes.oneOf(keys(viewStyle)),\n  src: PropTypes.oneOfType([PropTypes.objectOf(PropTypes.string), PropTypes.string.isRequired]),\n  style: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\nexport default PictureBackground;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;AAEA,MAAMA,SAAS,GAAG;EAChBC,KAAK,EAAEC,cAAA,CAASD,KADA;EAEhBE,OAAO,EAAED,cAAA,CAASC;AAFF,CAAlB;;AAKA,MAAMC,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IAACC,GAAD;IAAMC,IAAN;IAAYC;EAAZ,IAAqBH,KAA3B;EACA,MAAMI,MAAM,GAAGH,GAAG,CAACG,MAAnB;EACA,MAAMC,OAAO,GAAGJ,GAAG,CAACI,OAApB;EACA,MAAMC,OAAO,GAAGX,SAAS,CAACO,IAAD,CAAzB;EAEA,MAAMK,WAAW,GAAG,wBAASN,GAAT,iBAClB;IAAK,SAAS,EAAEJ,cAAA,CAASW;EAAzB,gBACE;IAAK,SAAS,EAAEX,cAAA,CAASY;EAAzB,gBACE;IAAK,SAAS,EAAE,IAAAC,mBAAA,EAAWb,cAAA,CAASc,OAApB,EAA6BL,OAA7B,CAAhB;IAAuD,GAAG,EAAEF;EAA5D,EADF,CADF,eAIE;IAAK,SAAS,EAAEP,cAAA,CAASe;EAAzB,gBACE;IAAK,SAAS,EAAE,IAAAF,mBAAA,EAAWb,cAAA,CAASc,OAApB,EAA6BL,OAA7B,CAAhB;IAAuD,GAAG,EAAED;EAA5D,EADF,CAJF,CADkB,gBAUlB;IAAK,SAAS,EAAE,IAAAK,mBAAA,EAAWb,cAAA,CAASgB,OAApB,EAA6BP,OAA7B,CAAhB;IAAuD,GAAG,EAAEL;EAA5D,EAVF;EAaA,oBACE;IAAK,SAAS,EAAEJ,cAAA,CAASiB,OAAzB;IAAkC,KAAK,EAAEX;EAAzC,GACGI,WADH,CADF;AAKD,CAxBD;;AA0BAR,iBAAiB,CAACgB,SAAlB,2CAA8B;EAC5Bb,IAAI,EAAEc,kBAAA,CAAUC,KAAV,CAAgB,oBAAKtB,SAAL,CAAhB,CADsB;EAE5BM,GAAG,EAAEe,kBAAA,CAAUE,SAAV,CAAoB,CAACF,kBAAA,CAAUG,QAAV,CAAmBH,kBAAA,CAAUI,MAA7B,CAAD,EAAuCJ,kBAAA,CAAUI,MAAV,CAAiBC,UAAxD,CAApB,CAFuB;EAG5BlB,KAAK,EAAEa,kBAAA,CAAUG,QAAV,CAAmBH,kBAAA,CAAUE,SAAV,CAAoB,CAACF,kBAAA,CAAUI,MAAX,EAAmBJ,kBAAA,CAAUM,MAA7B,CAApB,CAAnB;AAHqB,CAA9B;eAMevB,iB"}

package/lib/molecule/card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/card/index.js"],"names":[],"mappings":";;;;;;AAuHA,uDA0HG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/card/index.js"],"names":[],"mappings":";;;;;;AAuHA,uDAuHG"}

package/lib/molecule/card/index.js

@@ -161,7 +161,6 @@ const Card = /*#__PURE__*/(0, _react.memo)(function Card(props, context) {
     badgeCategory,
     badgeLabel,
     theme = 'default',
-    disabledContent,
     'aria-label': cardArialabel,
     'background-aria-label': backgroundAriaLabel,
     'favorite-aria-label': favoriteAriaLabel,
@@ -173,17 +172,17 @@ const Card = /*#__PURE__*/(0, _react.memo)(function Card(props, context) {
   } = props;
   const empty = (0, _isEmpty2.default)((0, _pick2.default)(['title', 'type', 'author', 'image'], props));
   const primaryColor = (0, _get2.default)('common.primary', skin);
+  const whiteColor = (0, _get2.default)('common.white', skin);
   const cardStyle = (0, _classnames.default)(THEMES[theme], type === 'chapter' ? _style.default.chapter : _style.default.course, title ? null : _style.default.lazy, _style.default.grid, empty ? _style.default.empty : null);
   const disabled = hidden && (!isSelected || (0, _isUndefined2.default)(isSelected));
   const handleClick = (0, _react.useMemo)(() => e => !disabled && onClick(e), [disabled, onClick]);
-  const lock = disabled ? /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.lockContent
-  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyPadlock, {
+  const lock = disabled ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidLoginLocked, {
     className: _style.default.lockIcon,
-    height: 48
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    "aria-label": disabledArialabel
-  }, disabledContent)) : null;
+    style: {
+      color: whiteColor
+    },
+    height: 40
+  }) : null;
   const inlineBadgeStyle = {
     color: primaryColor
   };
@@ -278,7 +277,6 @@ Card.propTypes = process.env.NODE_ENV !== "production" ? {
   badgeCategory: _cardContent.default.propTypes.badgeCategory,
   badgeLabel: _cardContent.default.propTypes.badgeLabel,
   theme: _propTypes.default.oneOf((0, _keys2.default)(THEMES)),
-  disabledContent: _propTypes.default.string,
   'aria-label': _propTypes.default.string,
   'background-aria-label': _propTypes.default.string,
   'favorite-aria-label': _favorite.default.propTypes['aria-label'],

package/lib/molecule/card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["THEMES","default","coorpmanager","style","CardBackground","type","image","empty","ariaLabel","skin","externalContent","isExternalContent","primaryColor","whiteColor","EXTERNAL_CONTENT_ICONS","IconType","icon","iconColor","color","backgroundIcon","externalIconCircleWrapper","externalIcon","_backgroundIcon","classnames","externalIconCircleWithImageWrapper","backgroundColor","externalIconWithImage","imageWrapper","backgroundImage","externalContentHeader","externalBackground","emptyIcon","chapterImageWrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","bool","Card","memo","props","context","badge","adaptiv","disabled","hidden","title","author","customer","certifiedAuthor","progress","favorite","addFavoriteToolTip","removeFavoriteToolTip","onClick","onFavoriteClick","isSelected","notification","badgeCategory","badgeLabel","theme","disabledContent","cardArialabel","backgroundAriaLabel","favoriteAriaLabel","selectableAriaLabel","customerAriaLabel","badgeAriaLabel","disabledArialabel","cardContentLabelAriaLabel","cardStyle","chapter","course","lazy","grid","handleClick","useMemo","e","lock","lockContent","lockIcon","inlineBadgeStyle","getType","contentType","MODES","CARD","lockWrapper","shape","Customer","number","func","Notification","CardContentInfo","oneOf","Favorite","Selectable"],"sources":["../../../src/molecule/card/index.js"],"sourcesContent":["import React, {useMemo, memo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isEmpty, isUndefined, pick, keys} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyPadlock as LockIcon,\n  NovaCompositionCoorpacademyPictures as PicturesIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport CardContentInfo, {MODES} from '../card-content';\nimport Customer from './customer';\nimport Favorite from './favorite';\nimport Selectable from './selectable';\nimport Notification from './notification';\nimport style from './style.css';\n\nexport const THEMES = {\n  default: null,\n  coorpmanager: style.coorpmanager\n};\n\nconst CardBackground = ({type, image, empty, 'aria-label': ariaLabel}, {skin}) => {\n  const externalContent = isExternalContent(type);\n  const primaryColor = get('common.primary', skin);\n  const whiteColor = get('common.white', skin);\n\n  if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n    const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n    const iconColor = EXTERNAL_CONTENT_ICONS[type].color;\n    const backgroundIcon = (\n      <div className={style.externalIconCircleWrapper}>\n        <IconType className={style.externalIcon} />\n      </div>\n    );\n\n    if (image) {\n      const _backgroundIcon = (\n        <div\n          className={classnames(\n            style.externalIconCircleWrapper,\n            style.externalIconCircleWithImageWrapper\n          )}\n          style={{\n            backgroundColor: iconColor\n          }}\n        >\n          <IconType className={style.externalIconWithImage} />\n        </div>\n      );\n\n      return (\n        <div className={style.imageWrapper}>\n          <div\n            data-name=\"cover\"\n            aria-label={ariaLabel}\n            style={{\n              backgroundColor: iconColor,\n              backgroundImage: `url('${image}')`\n            }}\n            className={classnames(style.externalContentHeader, style.externalBackground)}\n          >\n            {_backgroundIcon}\n          </div>\n        </div>\n      );\n    }\n    return (\n      <div className={style.imageWrapper}>\n        <div\n          data-name=\"cover\"\n          aria-label={ariaLabel}\n          style={{\n            backgroundColor: iconColor\n          }}\n          className={style.externalContentHeader}\n        >\n          {backgroundIcon}\n        </div>\n      </div>\n    );\n  }\n\n  const emptyIcon = empty ? (\n    <PicturesIcon className={style.emptyIcon} style={{color: whiteColor}} />\n  ) : null;\n  return (\n    <div\n      className={classnames(\n        style.imageWrapper,\n        type === 'chapter' ? style.chapterImageWrapper : null\n      )}\n    >\n      <div\n        data-name=\"cover\"\n        aria-label={ariaLabel}\n        className={style.image}\n        style={{\n          backgroundColor: primaryColor,\n          backgroundImage: image ? `url('${image}')` : 'none'\n        }}\n      >\n        {emptyIcon}\n      </div>\n    </div>\n  );\n};\n\nCardBackground.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nCardBackground.propTypes = {\n  type: PropTypes.string,\n  image: PropTypes.string,\n  empty: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nconst Card = memo(function Card(props, context) {\n  const {skin} = context;\n  const {\n    image,\n    badge,\n    adaptiv,\n    disabled: hidden = false,\n    type = 'course',\n    title,\n    author,\n    customer,\n    certifiedAuthor,\n    progress,\n    favorite,\n    addFavoriteToolTip,\n    removeFavoriteToolTip,\n    onClick,\n    onFavoriteClick,\n    isSelected,\n    notification,\n    badgeCategory,\n    badgeLabel,\n    theme = 'default',\n    disabledContent,\n    'aria-label': cardArialabel,\n    'background-aria-label': backgroundAriaLabel,\n    'favorite-aria-label': favoriteAriaLabel,\n    'selectable-aria-label': selectableAriaLabel,\n    'customer-aria-label': customerAriaLabel,\n    'badge-aria-label': badgeAriaLabel,\n    'disabled-aria-label': disabledArialabel,\n    'card-content-aria-label': cardContentLabelAriaLabel\n  } = props;\n  const empty = isEmpty(pick(['title', 'type', 'author', 'image'], props));\n  const primaryColor = get('common.primary', skin);\n  const cardStyle = classnames(\n    THEMES[theme],\n    type === 'chapter' ? style.chapter : style.course,\n    title ? null : style.lazy,\n    style.grid,\n    empty ? style.empty : null\n  );\n  const disabled = hidden && (!isSelected || isUndefined(isSelected));\n  const handleClick = useMemo(() => e => !disabled && onClick(e), [disabled, onClick]);\n  const lock = disabled ? (\n    <div className={style.lockContent}>\n      <LockIcon className={style.lockIcon} height={48} />\n      <span aria-label={disabledArialabel}>{disabledContent}</span>\n    </div>\n  ) : null;\n  const inlineBadgeStyle = {color: primaryColor};\n  const getType = contentType => {\n    switch (contentType) {\n      case 'chapter':\n        return 'microlearning';\n      case 'course':\n        return 'learner';\n      default:\n        return contentType;\n    }\n  };\n\n  return (\n    <div\n      className={cardStyle}\n      data-name=\"card\"\n      data-lock={disabled}\n      data-type={getType(type)}\n      disabled={disabled}\n      onClick={handleClick}\n      aria-label={cardArialabel}\n    >\n      <CardBackground type={type} image={image} empty={empty} aria-label={backgroundAriaLabel} />\n      {isUndefined(isSelected) && !isUndefined(favorite) ? (\n        <Favorite\n          className={style.favorite}\n          favorite={favorite}\n          disabled={disabled}\n          onFavoriteClick={onFavoriteClick}\n          addFavoriteToolTip={addFavoriteToolTip}\n          removeFavoriteToolTip={removeFavoriteToolTip}\n          aria-label={favoriteAriaLabel}\n        />\n      ) : null}\n      <Selectable isSelected={isSelected} hidden={hidden} aria-label={selectableAriaLabel} />\n      {notification ? <Notification {...notification} /> : null}\n      {customer ? (\n        <Customer\n          {...customer}\n          theme={theme}\n          type={type}\n          disabled={disabled}\n          aria-label={customerAriaLabel}\n        />\n      ) : null}\n      <CardContentInfo\n        mode={MODES.CARD}\n        adaptiv={adaptiv}\n        author={author}\n        certifiedAuthor={certifiedAuthor}\n        disabled={disabled}\n        empty={empty}\n        progress={progress}\n        title={title}\n        type={type}\n        badgeCategory={badgeCategory}\n        badgeLabel={badgeLabel}\n        theme={theme}\n        aria-label={cardContentLabelAriaLabel}\n      />\n      {badge ? (\n        <div className={style.badge} style={inlineBadgeStyle} aria-label={badgeAriaLabel}>\n          {badge}\n        </div>\n      ) : null}\n      {disabled ? (\n        <div className={style.lockWrapper} aria-label={disabledArialabel}>\n          {lock}\n        </div>\n      ) : null}\n    </div>\n  );\n});\n\nCard.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nCard.propTypes = {\n  badge: PropTypes.string,\n  image: PropTypes.string,\n  disabled: PropTypes.bool,\n  adaptiv: PropTypes.bool,\n  type: PropTypes.string,\n  title: PropTypes.string,\n  author: PropTypes.string,\n  certifiedAuthor: PropTypes.bool,\n  customer: PropTypes.shape(Customer.propTypes),\n  progress: PropTypes.number,\n  favorite: PropTypes.bool,\n  addFavoriteToolTip: PropTypes.string,\n  removeFavoriteToolTip: PropTypes.string,\n  onClick: PropTypes.func,\n  onFavoriteClick: PropTypes.func,\n  isSelected: PropTypes.bool,\n  notification: PropTypes.shape(Notification.propTypes),\n  badgeCategory: CardContentInfo.propTypes.badgeCategory,\n  badgeLabel: CardContentInfo.propTypes.badgeLabel,\n  theme: PropTypes.oneOf(keys(THEMES)),\n  disabledContent: PropTypes.string,\n  'aria-label': PropTypes.string,\n  'background-aria-label': PropTypes.string,\n  'favorite-aria-label': Favorite.propTypes['aria-label'],\n  'selectable-aria-label': Selectable.propTypes['aria-label'],\n  'customer-aria-label': Customer.propTypes['aria-label'],\n  'badge-aria-label': PropTypes.string,\n  'disabled-aria-label': PropTypes.string,\n  'card-content-aria-label': CardContentInfo.propTypes['aria-label']\n};\nexport default Card;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["THEMES","default","coorpmanager","style","CardBackground","type","image","empty","ariaLabel","skin","externalContent","isExternalContent","primaryColor","whiteColor","EXTERNAL_CONTENT_ICONS","IconType","icon","iconColor","color","backgroundIcon","externalIconCircleWrapper","externalIcon","_backgroundIcon","classnames","externalIconCircleWithImageWrapper","backgroundColor","externalIconWithImage","imageWrapper","backgroundImage","externalContentHeader","externalBackground","emptyIcon","chapterImageWrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","bool","Card","memo","props","context","badge","adaptiv","disabled","hidden","title","author","customer","certifiedAuthor","progress","favorite","addFavoriteToolTip","removeFavoriteToolTip","onClick","onFavoriteClick","isSelected","notification","badgeCategory","badgeLabel","theme","cardArialabel","backgroundAriaLabel","favoriteAriaLabel","selectableAriaLabel","customerAriaLabel","badgeAriaLabel","disabledArialabel","cardContentLabelAriaLabel","cardStyle","chapter","course","lazy","grid","handleClick","useMemo","e","lock","lockIcon","inlineBadgeStyle","getType","contentType","MODES","CARD","lockWrapper","shape","Customer","number","func","Notification","CardContentInfo","oneOf","Favorite","Selectable"],"sources":["../../../src/molecule/card/index.js"],"sourcesContent":["import React, {useMemo, memo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isEmpty, isUndefined, pick, keys} from 'lodash/fp';\nimport {\n  NovaSolidLoginLocked as LockIcon,\n  NovaCompositionCoorpacademyPictures as PicturesIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport CardContentInfo, {MODES} from '../card-content';\nimport Customer from './customer';\nimport Favorite from './favorite';\nimport Selectable from './selectable';\nimport Notification from './notification';\nimport style from './style.css';\n\nexport const THEMES = {\n  default: null,\n  coorpmanager: style.coorpmanager\n};\n\nconst CardBackground = ({type, image, empty, 'aria-label': ariaLabel}, {skin}) => {\n  const externalContent = isExternalContent(type);\n  const primaryColor = get('common.primary', skin);\n  const whiteColor = get('common.white', skin);\n\n  if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n    const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n    const iconColor = EXTERNAL_CONTENT_ICONS[type].color;\n    const backgroundIcon = (\n      <div className={style.externalIconCircleWrapper}>\n        <IconType className={style.externalIcon} />\n      </div>\n    );\n\n    if (image) {\n      const _backgroundIcon = (\n        <div\n          className={classnames(\n            style.externalIconCircleWrapper,\n            style.externalIconCircleWithImageWrapper\n          )}\n          style={{\n            backgroundColor: iconColor\n          }}\n        >\n          <IconType className={style.externalIconWithImage} />\n        </div>\n      );\n\n      return (\n        <div className={style.imageWrapper}>\n          <div\n            data-name=\"cover\"\n            aria-label={ariaLabel}\n            style={{\n              backgroundColor: iconColor,\n              backgroundImage: `url('${image}')`\n            }}\n            className={classnames(style.externalContentHeader, style.externalBackground)}\n          >\n            {_backgroundIcon}\n          </div>\n        </div>\n      );\n    }\n    return (\n      <div className={style.imageWrapper}>\n        <div\n          data-name=\"cover\"\n          aria-label={ariaLabel}\n          style={{\n            backgroundColor: iconColor\n          }}\n          className={style.externalContentHeader}\n        >\n          {backgroundIcon}\n        </div>\n      </div>\n    );\n  }\n\n  const emptyIcon = empty ? (\n    <PicturesIcon className={style.emptyIcon} style={{color: whiteColor}} />\n  ) : null;\n  return (\n    <div\n      className={classnames(\n        style.imageWrapper,\n        type === 'chapter' ? style.chapterImageWrapper : null\n      )}\n    >\n      <div\n        data-name=\"cover\"\n        aria-label={ariaLabel}\n        className={style.image}\n        style={{\n          backgroundColor: primaryColor,\n          backgroundImage: image ? `url('${image}')` : 'none'\n        }}\n      >\n        {emptyIcon}\n      </div>\n    </div>\n  );\n};\n\nCardBackground.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nCardBackground.propTypes = {\n  type: PropTypes.string,\n  image: PropTypes.string,\n  empty: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nconst Card = memo(function Card(props, context) {\n  const {skin} = context;\n  const {\n    image,\n    badge,\n    adaptiv,\n    disabled: hidden = false,\n    type = 'course',\n    title,\n    author,\n    customer,\n    certifiedAuthor,\n    progress,\n    favorite,\n    addFavoriteToolTip,\n    removeFavoriteToolTip,\n    onClick,\n    onFavoriteClick,\n    isSelected,\n    notification,\n    badgeCategory,\n    badgeLabel,\n    theme = 'default',\n    'aria-label': cardArialabel,\n    'background-aria-label': backgroundAriaLabel,\n    'favorite-aria-label': favoriteAriaLabel,\n    'selectable-aria-label': selectableAriaLabel,\n    'customer-aria-label': customerAriaLabel,\n    'badge-aria-label': badgeAriaLabel,\n    'disabled-aria-label': disabledArialabel,\n    'card-content-aria-label': cardContentLabelAriaLabel\n  } = props;\n  const empty = isEmpty(pick(['title', 'type', 'author', 'image'], props));\n  const primaryColor = get('common.primary', skin);\n  const whiteColor = get('common.white', skin);\n  const cardStyle = classnames(\n    THEMES[theme],\n    type === 'chapter' ? style.chapter : style.course,\n    title ? null : style.lazy,\n    style.grid,\n    empty ? style.empty : null\n  );\n  const disabled = hidden && (!isSelected || isUndefined(isSelected));\n  const handleClick = useMemo(() => e => !disabled && onClick(e), [disabled, onClick]);\n  const lock = disabled ? (\n    <LockIcon className={style.lockIcon} style={{color: whiteColor}} height={40} />\n  ) : null;\n  const inlineBadgeStyle = {color: primaryColor};\n  const getType = contentType => {\n    switch (contentType) {\n      case 'chapter':\n        return 'microlearning';\n      case 'course':\n        return 'learner';\n      default:\n        return contentType;\n    }\n  };\n\n  return (\n    <div\n      className={cardStyle}\n      data-name=\"card\"\n      data-lock={disabled}\n      data-type={getType(type)}\n      disabled={disabled}\n      onClick={handleClick}\n      aria-label={cardArialabel}\n    >\n      <CardBackground type={type} image={image} empty={empty} aria-label={backgroundAriaLabel} />\n      {isUndefined(isSelected) && !isUndefined(favorite) ? (\n        <Favorite\n          className={style.favorite}\n          favorite={favorite}\n          disabled={disabled}\n          onFavoriteClick={onFavoriteClick}\n          addFavoriteToolTip={addFavoriteToolTip}\n          removeFavoriteToolTip={removeFavoriteToolTip}\n          aria-label={favoriteAriaLabel}\n        />\n      ) : null}\n      <Selectable isSelected={isSelected} hidden={hidden} aria-label={selectableAriaLabel} />\n      {notification ? <Notification {...notification} /> : null}\n      {customer ? (\n        <Customer\n          {...customer}\n          theme={theme}\n          type={type}\n          disabled={disabled}\n          aria-label={customerAriaLabel}\n        />\n      ) : null}\n      <CardContentInfo\n        mode={MODES.CARD}\n        adaptiv={adaptiv}\n        author={author}\n        certifiedAuthor={certifiedAuthor}\n        disabled={disabled}\n        empty={empty}\n        progress={progress}\n        title={title}\n        type={type}\n        badgeCategory={badgeCategory}\n        badgeLabel={badgeLabel}\n        theme={theme}\n        aria-label={cardContentLabelAriaLabel}\n      />\n      {badge ? (\n        <div className={style.badge} style={inlineBadgeStyle} aria-label={badgeAriaLabel}>\n          {badge}\n        </div>\n      ) : null}\n      {disabled ? (\n        <div className={style.lockWrapper} aria-label={disabledArialabel}>\n          {lock}\n        </div>\n      ) : null}\n    </div>\n  );\n});\n\nCard.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nCard.propTypes = {\n  badge: PropTypes.string,\n  image: PropTypes.string,\n  disabled: PropTypes.bool,\n  adaptiv: PropTypes.bool,\n  type: PropTypes.string,\n  title: PropTypes.string,\n  author: PropTypes.string,\n  certifiedAuthor: PropTypes.bool,\n  customer: PropTypes.shape(Customer.propTypes),\n  progress: PropTypes.number,\n  favorite: PropTypes.bool,\n  addFavoriteToolTip: PropTypes.string,\n  removeFavoriteToolTip: PropTypes.string,\n  onClick: PropTypes.func,\n  onFavoriteClick: PropTypes.func,\n  isSelected: PropTypes.bool,\n  notification: PropTypes.shape(Notification.propTypes),\n  badgeCategory: CardContentInfo.propTypes.badgeCategory,\n  badgeLabel: CardContentInfo.propTypes.badgeLabel,\n  theme: PropTypes.oneOf(keys(THEMES)),\n  'aria-label': PropTypes.string,\n  'background-aria-label': PropTypes.string,\n  'favorite-aria-label': Favorite.propTypes['aria-label'],\n  'selectable-aria-label': Selectable.propTypes['aria-label'],\n  'customer-aria-label': Customer.propTypes['aria-label'],\n  'badge-aria-label': PropTypes.string,\n  'disabled-aria-label': PropTypes.string,\n  'card-content-aria-label': CardContentInfo.propTypes['aria-label']\n};\nexport default Card;\n"],"mappings":"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"}

package/lib/molecule/card/style.css

@@ -163,7 +163,7 @@
 }
 
 .default[disabled] .imageWrapper {
-  opacity: 0.8;
+  opacity: 0.4;
 }
 
 .lockWrapper {
@@ -186,33 +186,12 @@
   bottom: 0;
   content: '';
   opacity: 0.4;
-  background: linear-gradient(
-    to bottom, 
-     black 50%
-  );
-  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.2);
-  z-index: 1;
+  background: black;
 }
 
 .lockIcon {
   font-size: 40px;
-}
-
-.lockContent {
-  display: flex;
-  gap: 8px;
-  flex-direction: column;
-  z-index: 2;
-}
-
-.lockContent span {
-  width: 134px;
-  height: 40px;
-  color: white;
-  text-align: center;
-  font-family: 'Gilroy';
-  font-size: 14px;
-  line-height: 20px;
+  z-index: 1;
 }
 
 .imageWrapper {

package/lib/organism/sidebar/index.d.ts

@@ -51,7 +51,7 @@ export namespace MultiSelectItem {
     import propTypes_2 = SelectItem.propTypes;
     export { propTypes_2 as propTypes };
 }
-export function LinkItem({ href, index, name, selected, color, title, onClick, uppercase, styles, children, setChildrenAsHtml, target, activeIcon }: {
+export function LinkItem({ href, index, name, selected, color, title, onClick, uppercase, styles, children, setChildrenAsHtml, target }: {
     href: any;
     index: any;
     name: any;
@@ -64,7 +64,6 @@ export function LinkItem({ href, index, name, selected, color, title, onClick, u
     children: any;
     setChildrenAsHtml?: boolean | undefined;
     target?: string | undefined;
-    activeIcon?: boolean | undefined;
 }): JSX.Element;
 export namespace LinkItem {
     export namespace propTypes_3 {
@@ -82,7 +81,6 @@ export namespace LinkItem {
         export { uppercase_2 as uppercase };
         export const setChildrenAsHtml: PropTypes.Requireable<boolean>;
         export const target: PropTypes.Requireable<string>;
-        export const activeIcon: PropTypes.Requireable<boolean>;
     }
     export { propTypes_3 as propTypes };
 }

package/lib/organism/sidebar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/sidebar/index.js"],"names":[],"mappings":"AAmBO,uDA0BN;;;;;;;;;;;;;AAaM;;;;;;;gBAON;;;;;;;;;;;;;;;;;;;;;AAiBM;;;;;;;gBAON;;;;;AAIM;;;;;;;;;;;;;;gBA8DN;;;;;;;;;;;;;;;;;;;;;AAgBM;;;;;;gBAyBN;;;;;AAIM;;;;;gBAMN;;;;;;;;;;;;;;AASM;;;;;;;;;;gBA6CN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcM;;;;;;;;;gBAuBN;;;;;;;;;;;;;;;;;;;;;;;;AAkED;;8BAaC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/sidebar/index.js"],"names":[],"mappings":"AAeO,uDA0BN;;;;;;;;;;;;;AAaM;;;;;;;gBAON;;;;;;;;;;;;;;;;;;;;;AAiBM;;;;;;;gBAON;;;;;AAIM;;;;;;;;;;;;;gBAwDN;;;;;;;;;;;;;;;;;;;;AAeM;;;;;;gBAyBN;;;;;AAIM;;;;;gBAMN;;;;;;;;;;;;;;AASM;;;;;;;;;;gBA6CN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcM;;;;;;;;;gBAuBN;;;;;;;;;;;;;;;;;;;;;;;;AAkED;;8BAaC"}

package/lib/organism/sidebar/index.js

@@ -161,8 +161,7 @@ const LinkItem = ({
   styles,
   children,
   setChildrenAsHtml = true,
-  target = '_self',
-  activeIcon = false
+  target = '_self'
 }) => {
   const handleOnClick = (0, _react.useMemo)(() => e => {
     onClick && onClick(e);
@@ -193,11 +192,7 @@ const LinkItem = ({
   }) : /*#__PURE__*/_react.default.createElement("li", {
     className: classNames,
     style: borderStyle
-  }, activeIcon ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusCheckCircle2, {
-    className: _style.default.activeIcon
-  }) : /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.activeIcon
-  }), title, children));
+  }, title, children));
 };
 
 exports.LinkItem = LinkItem;
@@ -211,8 +206,7 @@ LinkItem.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: _propTypes.default.func,
   uppercase: _propTypes.default.bool,
   setChildrenAsHtml: _propTypes.default.bool,
-  target: _propTypes.default.string,
-  activeIcon: _propTypes.default.bool
+  target: _propTypes.default.string
 } : {};
 
 const IconLinkItem = _ref => {

package/lib/organism/sidebar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["NEUTRAL_COLOR","InputTextItem","props","title","placeholder","value","onChange","disabled","name","index","uppercase","handleOnChange","useMemo","e","target","style","selectItem","classnames","selectTitle","input","propTypes","PropTypes","number","string","isRequired","bool","func","SelectItem","options","arrayOf","shape","selected","MultiSelectItem","LinkItem","href","color","onClick","styles","children","setChildrenAsHtml","activeIcon","handleOnClick","classNames","linkItem","innerHTML","borderStyle","borderLeftColor","textDecoration","__html","IconLinkItem","icon","TitleItem","titleItem","titleItemTitle","ButtonItem","neutralColor","cta","backgroundColor","button","rectangular","fullWidth","secondary","submitValue","buttonItem","oneOfType","Cta","InfoItem","color_","infoItem","infoItemTitle","infoItemContent","SidebarItem","item","type","oneOf","SidebarItems","items","sectionItems","map","Sidebar","context","sections","Array","isArray","skin","defaultColor","sidebar","sidebarSection","idx","sidebarPart","contextTypes","Provider","childContextTypes"],"sources":["../../../src/organism/sidebar/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {noop, getOr, defaults} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyOpenInNewTab,\n  NovaSolidStatusCheckCircle2 as ActiveIcon\n} from '@coorpacademy/nova-icons';\n\nimport Link from '../../atom/link';\nimport Button from '../../atom/button';\nimport Provider from '../../atom/provider';\nimport Select from '../../atom/select';\nimport Cta from '../../atom/cta';\nimport SelectMultiple from '../../molecule/select-multiple';\nimport style from './style.css';\n\nconst NEUTRAL_COLOR = '#607D8B';\n\nexport const InputTextItem = props => {\n  const {\n    title,\n    placeholder = '',\n    value,\n    onChange = noop,\n    disabled,\n    name,\n    index,\n    uppercase = true\n  } = props;\n  const handleOnChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  return (\n    <li data-name={name || `inputtext-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <input\n        type=\"text\"\n        name={title}\n        className={style.input}\n        placeholder={placeholder}\n        value={value}\n        disabled={disabled}\n        onChange={handleOnChange}\n      />\n    </li>\n  );\n};\n\nInputTextItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  disabled: PropTypes.bool,\n  value: PropTypes.string.isRequired,\n  placeholder: PropTypes.string,\n  onChange: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nexport const SelectItem = ({name, index, onChange, title, options, uppercase = true}) => {\n  return (\n    <li data-name={name || `select-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <Select title={title} onChange={onChange} theme=\"header\" options={options} />\n    </li>\n  );\n};\n\nSelectItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      value: PropTypes.string.isRequired,\n      selected: PropTypes.bool.isRequired\n    })\n  ).isRequired,\n  onChange: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nexport const MultiSelectItem = ({name, index, onChange, title, options, uppercase = true}) => {\n  return (\n    <li data-name={name || `select-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <SelectMultiple theme=\"sidebar\" onChange={onChange} options={options} />\n    </li>\n  );\n};\n\nMultiSelectItem.propTypes = SelectItem.propTypes;\n\nexport const LinkItem = ({\n  href,\n  index,\n  name,\n  selected,\n  color,\n  title,\n  onClick,\n  uppercase = true,\n  styles,\n  children,\n  setChildrenAsHtml = true,\n  target = '_self',\n  activeIcon = false\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n\n  const classNames = classnames(\n    style.linkItem,\n    style.innerHTML,\n    {[style.uppercase]: uppercase},\n    styles\n  );\n  const borderStyle = {borderLeftColor: selected ? color : null};\n\n  return (\n    <Link\n      target={target}\n      onClick={handleOnClick}\n      skinHover\n      href={href}\n      data-name={name || `link-item-${index}`}\n      style={{\n        textDecoration: 'none',\n        color: selected ? color : NEUTRAL_COLOR\n      }}\n    >\n      {setChildrenAsHtml ? (\n        <li\n          className={classNames}\n          style={borderStyle}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      ) : (\n        <li className={classNames} style={borderStyle}>\n          {activeIcon ? (\n            <ActiveIcon className={style.activeIcon} />\n          ) : (\n            <div className={style.activeIcon} />\n          )}\n          {title}\n          {children}\n        </li>\n      )}\n    </Link>\n  );\n};\n\nLinkItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  selected: PropTypes.bool,\n  name: PropTypes.string,\n  href: PropTypes.string,\n  color: PropTypes.string,\n  onClick: PropTypes.func,\n  uppercase: PropTypes.bool,\n  setChildrenAsHtml: PropTypes.bool,\n  target: PropTypes.string,\n  activeIcon: PropTypes.bool\n};\n\nexport const IconLinkItem = ({\n  index,\n  name = `button-link-item-${index}`,\n  onClick,\n  uppercase = true,\n  ...props\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  return (\n    <LinkItem\n      {...props}\n      setChildrenAsHtml={false}\n      onClick={handleOnClick}\n      name={name}\n      uppercase={uppercase}\n      index={index}\n    >\n      <NovaCompositionCoorpacademyOpenInNewTab className={style.icon} />\n    </LinkItem>\n  );\n};\n\nIconLinkItem.propTypes = LinkItem.propTypes;\n\nexport const TitleItem = ({name, index, title, uppercase}) => {\n  return (\n    <ul data-name={name || `item-title-${index}`} className={style.titleItem}>\n      <li className={classnames(style.titleItemTitle, {[style.uppercase]: uppercase})}>{title}</li>\n    </ul>\n  );\n};\n\nTitleItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  uppercase: PropTypes.bool\n};\n\nexport const ButtonItem = ({\n  index,\n  onClick,\n  color,\n  neutralColor,\n  name,\n  href,\n  title,\n  cta,\n  uppercase\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  const backgroundColor = neutralColor === true ? NEUTRAL_COLOR : color;\n  const button = cta ? (\n    <Cta\n      {...defaults(\n        {\n          onClick: handleOnClick,\n          href,\n          rectangular: true,\n          fullWidth: true,\n          secondary: true,\n          submitValue: title\n        },\n        cta\n      )}\n    />\n  ) : (\n    <Button type=\"link\" href={href} onClick={handleOnClick} style={{backgroundColor}}>\n      {title}\n    </Button>\n  );\n  return (\n    <li\n      data-name={name || `button-item-${index}`}\n      className={classnames(style.buttonItem, {[style.uppercase]: uppercase})}\n    >\n      {button}\n    </li>\n  );\n};\n\nButtonItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  href: PropTypes.string,\n  color: PropTypes.string,\n  neutralColor: PropTypes.bool,\n  onClick: PropTypes.func,\n  cta: PropTypes.oneOfType([PropTypes.shape(Cta.propTypes), PropTypes.bool]),\n  uppercase: PropTypes.bool\n};\n\nexport const InfoItem = ({onClick, index, name, color, neutralColor, title, value, uppercase}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  const color_ = neutralColor === true ? NEUTRAL_COLOR : color;\n  return (\n    <ul data-name={name || `item-info-${index}`} className={style.infoItem}>\n      <li className={style.infoItemTitle}>{title}</li>\n      <li\n        className={classnames(style.infoItemContent, {[style.uppercase]: uppercase})}\n        onClick={handleOnClick}\n        style={{\n          borderLeftColor: color_,\n          color: color_\n        }}\n      >\n        {value}\n      </li>\n    </ul>\n  );\n};\n\nInfoItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  color: PropTypes.string,\n  neutralColor: PropTypes.bool,\n  value: PropTypes.string.isRequired,\n  onClick: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nconst SidebarItem = ({item, color, index}) => {\n  switch (item.type) {\n    case 'select': {\n      return <SelectItem {...item} color={color} index={index} />;\n    }\n    case 'multi-select':\n      return <MultiSelectItem {...item} color={color} index={index} />;\n    case 'link':\n      return <LinkItem {...item} color={color} index={index} />;\n    case 'iconLink':\n      return <IconLinkItem {...item} color={color} index={index} />;\n    case 'title':\n      return <TitleItem {...item} color={color} index={index} />;\n    case 'button':\n      return <ButtonItem {...item} color={color} index={index} />;\n    case 'info':\n      return <InfoItem {...item} color={color} index={index} />;\n    case 'inputtext':\n      return <InputTextItem {...item} color={color} index={index} />;\n  }\n};\n\nSidebarItem.propTypes = {\n  item: PropTypes.oneOfType([\n    PropTypes.shape({...TitleItem.propTypes, type: PropTypes.oneOf(['title']).isRequired}),\n    PropTypes.shape({...IconLinkItem.propTypes, type: PropTypes.oneOf(['iconLink']).isRequired}),\n    PropTypes.shape({...ButtonItem.propTypes, type: PropTypes.oneOf(['button']).isRequired}),\n    PropTypes.shape({...InfoItem.propTypes, type: PropTypes.oneOf(['info']).isRequired}),\n    PropTypes.shape({...LinkItem.propTypes, type: PropTypes.oneOf(['link']).isRequired}),\n    PropTypes.shape({...InputTextItem.propTypes, type: PropTypes.oneOf(['inputtext']).isRequired}),\n    PropTypes.shape({...SelectItem.propTypes, type: PropTypes.oneOf(['select']).isRequired}),\n    PropTypes.shape({...SelectItem.propTypes, type: PropTypes.oneOf(['multi-select']).isRequired})\n  ]),\n  index: PropTypes.number,\n  color: PropTypes.string,\n  uppercase: PropTypes.bool\n};\n\nconst SidebarItems = ({items, color}) => {\n  return (\n    <ul className={style.sectionItems}>\n      {items.map((item, index) => (\n        <SidebarItem item={item} key={index} index={index} color={color} />\n      ))}\n    </ul>\n  );\n};\n\nSidebarItems.propTypes = {\n  color: PropTypes.string,\n  items: PropTypes.arrayOf(PropTypes.shape(SidebarItem.propTypes))\n};\n\nconst Sidebar = ({items}, context) => {\n  const sections = Array.isArray(items[0]) ? items : [items];\n  const {skin} = context;\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n  return (\n    <div data-name=\"sidebar\" className={style.sidebar}>\n      {sections.map((sidebarSection, idx) => (\n        <div data-name={`sidebarpart-${idx + 1}`} className={style.sidebarPart} key={idx}>\n          <SidebarItems items={sidebarSection} color={defaultColor} />\n        </div>\n      ))}\n    </div>\n  );\n};\n\nSidebar.propTypes = {\n  items: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      SidebarItem.propTypes.item,\n      PropTypes.arrayOf(SidebarItem.propTypes.item).isRequired\n    ])\n  ).isRequired\n};\n\nSidebar.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default Sidebar;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["NEUTRAL_COLOR","InputTextItem","props","title","placeholder","value","onChange","disabled","name","index","uppercase","handleOnChange","useMemo","e","target","style","selectItem","classnames","selectTitle","input","propTypes","PropTypes","number","string","isRequired","bool","func","SelectItem","options","arrayOf","shape","selected","MultiSelectItem","LinkItem","href","color","onClick","styles","children","setChildrenAsHtml","handleOnClick","classNames","linkItem","innerHTML","borderStyle","borderLeftColor","textDecoration","__html","IconLinkItem","icon","TitleItem","titleItem","titleItemTitle","ButtonItem","neutralColor","cta","backgroundColor","button","rectangular","fullWidth","secondary","submitValue","buttonItem","oneOfType","Cta","InfoItem","color_","infoItem","infoItemTitle","infoItemContent","SidebarItem","item","type","oneOf","SidebarItems","items","sectionItems","map","Sidebar","context","sections","Array","isArray","skin","defaultColor","sidebar","sidebarSection","idx","sidebarPart","contextTypes","Provider","childContextTypes"],"sources":["../../../src/organism/sidebar/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {noop, getOr, defaults} from 'lodash/fp';\nimport {NovaCompositionCoorpacademyOpenInNewTab} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport Button from '../../atom/button';\nimport Provider from '../../atom/provider';\nimport Select from '../../atom/select';\nimport Cta from '../../atom/cta';\nimport SelectMultiple from '../../molecule/select-multiple';\nimport style from './style.css';\n\nconst NEUTRAL_COLOR = '#607D8B';\n\nexport const InputTextItem = props => {\n  const {\n    title,\n    placeholder = '',\n    value,\n    onChange = noop,\n    disabled,\n    name,\n    index,\n    uppercase = true\n  } = props;\n  const handleOnChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  return (\n    <li data-name={name || `inputtext-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <input\n        type=\"text\"\n        name={title}\n        className={style.input}\n        placeholder={placeholder}\n        value={value}\n        disabled={disabled}\n        onChange={handleOnChange}\n      />\n    </li>\n  );\n};\n\nInputTextItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  disabled: PropTypes.bool,\n  value: PropTypes.string.isRequired,\n  placeholder: PropTypes.string,\n  onChange: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nexport const SelectItem = ({name, index, onChange, title, options, uppercase = true}) => {\n  return (\n    <li data-name={name || `select-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <Select title={title} onChange={onChange} theme=\"header\" options={options} />\n    </li>\n  );\n};\n\nSelectItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      value: PropTypes.string.isRequired,\n      selected: PropTypes.bool.isRequired\n    })\n  ).isRequired,\n  onChange: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nexport const MultiSelectItem = ({name, index, onChange, title, options, uppercase = true}) => {\n  return (\n    <li data-name={name || `select-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <SelectMultiple theme=\"sidebar\" onChange={onChange} options={options} />\n    </li>\n  );\n};\n\nMultiSelectItem.propTypes = SelectItem.propTypes;\n\nexport const LinkItem = ({\n  href,\n  index,\n  name,\n  selected,\n  color,\n  title,\n  onClick,\n  uppercase = true,\n  styles,\n  children,\n  setChildrenAsHtml = true,\n  target = '_self'\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n\n  const classNames = classnames(\n    style.linkItem,\n    style.innerHTML,\n    {[style.uppercase]: uppercase},\n    styles\n  );\n  const borderStyle = {borderLeftColor: selected ? color : null};\n\n  return (\n    <Link\n      target={target}\n      onClick={handleOnClick}\n      skinHover\n      href={href}\n      data-name={name || `link-item-${index}`}\n      style={{\n        textDecoration: 'none',\n        color: selected ? color : NEUTRAL_COLOR\n      }}\n    >\n      {setChildrenAsHtml ? (\n        <li\n          className={classNames}\n          style={borderStyle}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      ) : (\n        <li className={classNames} style={borderStyle}>\n          {title}\n          {children}\n        </li>\n      )}\n    </Link>\n  );\n};\n\nLinkItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  selected: PropTypes.bool,\n  name: PropTypes.string,\n  href: PropTypes.string,\n  color: PropTypes.string,\n  onClick: PropTypes.func,\n  uppercase: PropTypes.bool,\n  setChildrenAsHtml: PropTypes.bool,\n  target: PropTypes.string\n};\n\nexport const IconLinkItem = ({\n  index,\n  name = `button-link-item-${index}`,\n  onClick,\n  uppercase = true,\n  ...props\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  return (\n    <LinkItem\n      {...props}\n      setChildrenAsHtml={false}\n      onClick={handleOnClick}\n      name={name}\n      uppercase={uppercase}\n      index={index}\n    >\n      <NovaCompositionCoorpacademyOpenInNewTab className={style.icon} />\n    </LinkItem>\n  );\n};\n\nIconLinkItem.propTypes = LinkItem.propTypes;\n\nexport const TitleItem = ({name, index, title, uppercase}) => {\n  return (\n    <ul data-name={name || `item-title-${index}`} className={style.titleItem}>\n      <li className={classnames(style.titleItemTitle, {[style.uppercase]: uppercase})}>{title}</li>\n    </ul>\n  );\n};\n\nTitleItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  uppercase: PropTypes.bool\n};\n\nexport const ButtonItem = ({\n  index,\n  onClick,\n  color,\n  neutralColor,\n  name,\n  href,\n  title,\n  cta,\n  uppercase\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  const backgroundColor = neutralColor === true ? NEUTRAL_COLOR : color;\n  const button = cta ? (\n    <Cta\n      {...defaults(\n        {\n          onClick: handleOnClick,\n          href,\n          rectangular: true,\n          fullWidth: true,\n          secondary: true,\n          submitValue: title\n        },\n        cta\n      )}\n    />\n  ) : (\n    <Button type=\"link\" href={href} onClick={handleOnClick} style={{backgroundColor}}>\n      {title}\n    </Button>\n  );\n  return (\n    <li\n      data-name={name || `button-item-${index}`}\n      className={classnames(style.buttonItem, {[style.uppercase]: uppercase})}\n    >\n      {button}\n    </li>\n  );\n};\n\nButtonItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  href: PropTypes.string,\n  color: PropTypes.string,\n  neutralColor: PropTypes.bool,\n  onClick: PropTypes.func,\n  cta: PropTypes.oneOfType([PropTypes.shape(Cta.propTypes), PropTypes.bool]),\n  uppercase: PropTypes.bool\n};\n\nexport const InfoItem = ({onClick, index, name, color, neutralColor, title, value, uppercase}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  const color_ = neutralColor === true ? NEUTRAL_COLOR : color;\n  return (\n    <ul data-name={name || `item-info-${index}`} className={style.infoItem}>\n      <li className={style.infoItemTitle}>{title}</li>\n      <li\n        className={classnames(style.infoItemContent, {[style.uppercase]: uppercase})}\n        onClick={handleOnClick}\n        style={{\n          borderLeftColor: color_,\n          color: color_\n        }}\n      >\n        {value}\n      </li>\n    </ul>\n  );\n};\n\nInfoItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  color: PropTypes.string,\n  neutralColor: PropTypes.bool,\n  value: PropTypes.string.isRequired,\n  onClick: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nconst SidebarItem = ({item, color, index}) => {\n  switch (item.type) {\n    case 'select': {\n      return <SelectItem {...item} color={color} index={index} />;\n    }\n    case 'multi-select':\n      return <MultiSelectItem {...item} color={color} index={index} />;\n    case 'link':\n      return <LinkItem {...item} color={color} index={index} />;\n    case 'iconLink':\n      return <IconLinkItem {...item} color={color} index={index} />;\n    case 'title':\n      return <TitleItem {...item} color={color} index={index} />;\n    case 'button':\n      return <ButtonItem {...item} color={color} index={index} />;\n    case 'info':\n      return <InfoItem {...item} color={color} index={index} />;\n    case 'inputtext':\n      return <InputTextItem {...item} color={color} index={index} />;\n  }\n};\n\nSidebarItem.propTypes = {\n  item: PropTypes.oneOfType([\n    PropTypes.shape({...TitleItem.propTypes, type: PropTypes.oneOf(['title']).isRequired}),\n    PropTypes.shape({...IconLinkItem.propTypes, type: PropTypes.oneOf(['iconLink']).isRequired}),\n    PropTypes.shape({...ButtonItem.propTypes, type: PropTypes.oneOf(['button']).isRequired}),\n    PropTypes.shape({...InfoItem.propTypes, type: PropTypes.oneOf(['info']).isRequired}),\n    PropTypes.shape({...LinkItem.propTypes, type: PropTypes.oneOf(['link']).isRequired}),\n    PropTypes.shape({...InputTextItem.propTypes, type: PropTypes.oneOf(['inputtext']).isRequired}),\n    PropTypes.shape({...SelectItem.propTypes, type: PropTypes.oneOf(['select']).isRequired}),\n    PropTypes.shape({...SelectItem.propTypes, type: PropTypes.oneOf(['multi-select']).isRequired})\n  ]),\n  index: PropTypes.number,\n  color: PropTypes.string,\n  uppercase: PropTypes.bool\n};\n\nconst SidebarItems = ({items, color}) => {\n  return (\n    <ul className={style.sectionItems}>\n      {items.map((item, index) => (\n        <SidebarItem item={item} key={index} index={index} color={color} />\n      ))}\n    </ul>\n  );\n};\n\nSidebarItems.propTypes = {\n  color: PropTypes.string,\n  items: PropTypes.arrayOf(PropTypes.shape(SidebarItem.propTypes))\n};\n\nconst Sidebar = ({items}, context) => {\n  const sections = Array.isArray(items[0]) ? items : [items];\n  const {skin} = context;\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n  return (\n    <div data-name=\"sidebar\" className={style.sidebar}>\n      {sections.map((sidebarSection, idx) => (\n        <div data-name={`sidebarpart-${idx + 1}`} className={style.sidebarPart} key={idx}>\n          <SidebarItems items={sidebarSection} color={defaultColor} />\n        </div>\n      ))}\n    </div>\n  );\n};\n\nSidebar.propTypes = {\n  items: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      SidebarItem.propTypes.item,\n      PropTypes.arrayOf(SidebarItem.propTypes.item).isRequired\n    ])\n  ).isRequired\n};\n\nSidebar.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default Sidebar;\n"],"mappings":"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"}

package/lib/organism/sidebar/style.css

@@ -12,7 +12,6 @@
 @value cm_grey_500 from colors;
 @value medium from colors;
 @value transparent from colors;
-@value cm_green_200 from colors;
 
 .sidebar {
   color: dark;
@@ -116,12 +115,3 @@
 .innerHTML {
   composes: innerHTML from '../../atom/label/style.css'
 }
-
-.activeIcon {
-  width: 16px;
-  height: 16px;
-  min-width: 16px;
-  min-height: 16px;
-  padding-right: 12px;
-  color: cm_green_200;
-}

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

@@ -144,7 +144,7 @@ const EngineStars = (props, legacyContext) => {
     onKeyDown: handleKeyPress,
     onMouseLeave: handleMouseLeave,
     onMouseOver: handleMouseOver,
-    "aria-label": translate('More details')
+    "aria-label": `${title} - ${stars} ${translate('stars')}`
   }, disabled ? /*#__PURE__*/_react.default.createElement(_tooltip.default, _extends({}, toolTipProps, {
     anchorId: engineStarsContentId,
     toolTipIsVisible: toolTipIsVisible,

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

@@ -1 +1 @@
-{"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(\n      'Press the escape key to close the information text'\n    )\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={translate('More details')}\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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"}
+{"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(\n      'Press the escape key to close the information text'\n    )\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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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/activity/index.js"],"names":[],"mappings":";AAmBA,0EA4GC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/activity/index.js"],"names":[],"mappings":";AAmBA,0EA6GC"}

package/lib/template/activity/index.js

@@ -116,7 +116,8 @@ const Progression = (props, legacyContext) => {
     style: {
       backgroundColor: primary
     },
-    className: _style.default.cta
+    className: _style.default.cta,
+    "data-testid": "button-link-recommendation"
   })) : null;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.default