@coorpacademy/components 11.17.1-alpha.63.4 → 11.17.1

package/es/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/es/atom/picture-background/index.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","cssStyle","viewStyle","cover","contain","PictureBackground","props","src","view","style","mobile","desktop","bgStyle","pictureView","deviceView","mobileContainer","picture","backgroundImage","desktopContainer","default","wrapper","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,OAAOC,QAAP,MAAqB,aAArB;AAEA,MAAMC,SAAS,GAAG;EAChBC,KAAK,EAAEF,QAAQ,CAACE,KADA;EAEhBC,OAAO,EAAEH,QAAQ,CAACG;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,GAAGV,SAAS,CAACM,IAAD,CAAzB;EAEA,MAAMK,WAAW,GAAG,UAASN,GAAT,iBAClB;IAAK,SAAS,EAAEN,QAAQ,CAACa;EAAzB,gBACE;IAAK,SAAS,EAAEb,QAAQ,CAACc;EAAzB,gBACE;IACE,SAAS,EAAEf,UAAU,CAACC,QAAQ,CAACe,OAAV,EAAmBJ,OAAnB,CADvB;IAEE,KAAK,EAAE;MACLK,eAAe,EAAG,OAAMP,MAAO;IAD1B;EAFT,EADF,CADF,eASE;IAAK,SAAS,EAAET,QAAQ,CAACiB;EAAzB,gBACE;IACE,SAAS,EAAElB,UAAU,CAACC,QAAQ,CAACe,OAAV,EAAmBJ,OAAnB,CADvB;IAEE,KAAK,EAAE;MACLK,eAAe,EAAG,OAAMN,OAAQ;IAD3B;EAFT,EADF,CATF,CADkB,gBAoBlB;IACE,SAAS,EAAEX,UAAU,CAACC,QAAQ,CAACkB,OAAV,EAAmBP,OAAnB,CADvB;IAEE,KAAK,EAAE;MAACK,eAAe,EAAG,OAAMV,GAAI;IAA7B;EAFT,EApBF;EA0BA,oBACE;IAAK,SAAS,EAAEN,QAAQ,CAACmB,OAAzB;IAAkC,KAAK,EAAEX;EAAzC,GACGI,WADH,CADF;AAKD,CArCD;;AAuCAR,iBAAiB,CAACgB,SAAlB,2CAA8B;EAC5Bb,IAAI,EAAET,SAAS,CAACuB,KAAV,CAAgB,MAAKpB,SAAL,CAAhB,CADsB;EAE5BK,GAAG,EAAER,SAAS,CAACwB,SAAV,CAAoB,CAACxB,SAAS,CAACyB,QAAV,CAAmBzB,SAAS,CAAC0B,MAA7B,CAAD,EAAuC1B,SAAS,CAAC0B,MAAV,CAAiBC,UAAxD,CAApB,CAFuB;EAG5BjB,KAAK,EAAEV,SAAS,CAACyB,QAAV,CAAmBzB,SAAS,CAACwB,SAAV,CAAoB,CAACxB,SAAS,CAAC0B,MAAX,EAAmB1B,SAAS,CAAC4B,MAA7B,CAApB,CAAnB;AAHqB,CAA9B;AAMA,eAAetB,iBAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","cssStyle","viewStyle","cover","contain","PictureBackground","props","src","view","style","mobile","desktop","bgStyle","pictureView","deviceView","mobileContainer","picture","desktopContainer","default","wrapper","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,OAAOC,QAAP,MAAqB,aAArB;AAEA,MAAMC,SAAS,GAAG;EAChBC,KAAK,EAAEF,QAAQ,CAACE,KADA;EAEhBC,OAAO,EAAEH,QAAQ,CAACG;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,GAAGV,SAAS,CAACM,IAAD,CAAzB;EAEA,MAAMK,WAAW,GAAG,UAASN,GAAT,iBAClB;IAAK,SAAS,EAAEN,QAAQ,CAACa;EAAzB,gBACE;IAAK,SAAS,EAAEb,QAAQ,CAACc;EAAzB,gBACE;IAAK,SAAS,EAAEf,UAAU,CAACC,QAAQ,CAACe,OAAV,EAAmBJ,OAAnB,CAA1B;IAAuD,GAAG,EAAEF;EAA5D,EADF,CADF,eAIE;IAAK,SAAS,EAAET,QAAQ,CAACgB;EAAzB,gBACE;IAAK,SAAS,EAAEjB,UAAU,CAACC,QAAQ,CAACe,OAAV,EAAmBJ,OAAnB,CAA1B;IAAuD,GAAG,EAAED;EAA5D,EADF,CAJF,CADkB,gBAUlB;IAAK,SAAS,EAAEX,UAAU,CAACC,QAAQ,CAACiB,OAAV,EAAmBN,OAAnB,CAA1B;IAAuD,GAAG,EAAEL;EAA5D,EAVF;EAaA,oBACE;IAAK,SAAS,EAAEN,QAAQ,CAACkB,OAAzB;IAAkC,KAAK,EAAEV;EAAzC,GACGI,WADH,CADF;AAKD,CAxBD;;AA0BAR,iBAAiB,CAACe,SAAlB,2CAA8B;EAC5BZ,IAAI,EAAET,SAAS,CAACsB,KAAV,CAAgB,MAAKnB,SAAL,CAAhB,CADsB;EAE5BK,GAAG,EAAER,SAAS,CAACuB,SAAV,CAAoB,CAACvB,SAAS,CAACwB,QAAV,CAAmBxB,SAAS,CAACyB,MAA7B,CAAD,EAAuCzB,SAAS,CAACyB,MAAV,CAAiBC,UAAxD,CAApB,CAFuB;EAG5BhB,KAAK,EAAEV,SAAS,CAACwB,QAAV,CAAmBxB,SAAS,CAACuB,SAAV,CAAoB,CAACvB,SAAS,CAACyB,MAAX,EAAmBzB,SAAS,CAAC2B,MAA7B,CAApB,CAAnB;AAHqB,CAA9B;AAMA,eAAerB,iBAAf"}

package/es/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/es/molecule/card/index.js

@@ -9,7 +9,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import React, { useMemo, memo } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { NovaCompositionCoorpacademyPadlock as LockIcon, NovaCompositionCoorpacademyPictures as PicturesIcon } from '@coorpacademy/nova-icons';
+import { NovaSolidLoginLocked as LockIcon, NovaCompositionCoorpacademyPictures as PicturesIcon } from '@coorpacademy/nova-icons';
 import { isExternalContent, EXTERNAL_CONTENT_ICONS } from '../../util/external-content';
 import Provider from '../../atom/provider';
 import CardContentInfo, { MODES } from '../card-content';
@@ -134,7 +134,6 @@ const Card = /*#__PURE__*/memo(function Card(props, context) {
     badgeCategory,
     badgeLabel,
     theme = 'default',
-    disabledContent,
     'aria-label': cardArialabel,
     'background-aria-label': backgroundAriaLabel,
     'favorite-aria-label': favoriteAriaLabel,
@@ -149,19 +148,20 @@ const Card = /*#__PURE__*/memo(function Card(props, context) {
 
   const primaryColor = _get('common.primary', skin);
 
+  const whiteColor = _get('common.white', skin);
+
   const cardStyle = classnames(THEMES[theme], type === 'chapter' ? style.chapter : style.course, title ? null : style.lazy, style.grid, empty ? style.empty : null);
 
   const disabled = hidden && (!isSelected || _isUndefined(isSelected));
 
   const handleClick = useMemo(() => e => !disabled && onClick(e), [disabled, onClick]);
-  const lock = disabled ? /*#__PURE__*/React.createElement("div", {
-    className: style.lockContent
-  }, /*#__PURE__*/React.createElement(LockIcon, {
+  const lock = disabled ? /*#__PURE__*/React.createElement(LockIcon, {
     className: style.lockIcon,
-    height: 48
-  }), /*#__PURE__*/React.createElement("span", {
-    "aria-label": disabledArialabel
-  }, disabledContent)) : null;
+    style: {
+      color: whiteColor
+    },
+    height: 40
+  }) : null;
   const inlineBadgeStyle = {
     color: primaryColor
   };
@@ -256,7 +256,6 @@ Card.propTypes = process.env.NODE_ENV !== "production" ? {
   badgeCategory: CardContentInfo.propTypes.badgeCategory,
   badgeLabel: CardContentInfo.propTypes.badgeLabel,
   theme: PropTypes.oneOf(_keys(THEMES)),
-  disabledContent: PropTypes.string,
   'aria-label': PropTypes.string,
   'background-aria-label': PropTypes.string,
   'favorite-aria-label': Favorite.propTypes['aria-label'],

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","memo","PropTypes","classnames","NovaCompositionCoorpacademyPadlock","LockIcon","NovaCompositionCoorpacademyPictures","PicturesIcon","isExternalContent","EXTERNAL_CONTENT_ICONS","Provider","CardContentInfo","MODES","Customer","Favorite","Selectable","Notification","style","THEMES","default","coorpmanager","CardBackground","type","image","empty","ariaLabel","skin","externalContent","primaryColor","whiteColor","IconType","icon","iconColor","color","backgroundIcon","externalIconCircleWrapper","externalIcon","_backgroundIcon","externalIconCircleWithImageWrapper","backgroundColor","externalIconWithImage","imageWrapper","backgroundImage","externalContentHeader","externalBackground","emptyIcon","chapterImageWrapper","contextTypes","childContextTypes","propTypes","string","bool","Card","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","e","lock","lockContent","lockIcon","inlineBadgeStyle","getType","contentType","CARD","lockWrapper","shape","number","func","oneOf"],"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":["React","useMemo","memo","PropTypes","classnames","NovaSolidLoginLocked","LockIcon","NovaCompositionCoorpacademyPictures","PicturesIcon","isExternalContent","EXTERNAL_CONTENT_ICONS","Provider","CardContentInfo","MODES","Customer","Favorite","Selectable","Notification","style","THEMES","default","coorpmanager","CardBackground","type","image","empty","ariaLabel","skin","externalContent","primaryColor","whiteColor","IconType","icon","iconColor","color","backgroundIcon","externalIconCircleWrapper","externalIcon","_backgroundIcon","externalIconCircleWithImageWrapper","backgroundColor","externalIconWithImage","imageWrapper","backgroundImage","externalContentHeader","externalBackground","emptyIcon","chapterImageWrapper","contextTypes","childContextTypes","propTypes","string","bool","Card","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","e","lock","lockIcon","inlineBadgeStyle","getType","contentType","CARD","lockWrapper","shape","number","func","oneOf"],"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/es/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/es/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/es/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/es/organism/sidebar/index.js

@@ -10,7 +10,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import React, { useMemo } from 'react';
 import classnames from 'classnames';
 import PropTypes from 'prop-types';
-import { NovaCompositionCoorpacademyOpenInNewTab, NovaSolidStatusCheckCircle2 as ActiveIcon } from '@coorpacademy/nova-icons';
+import { NovaCompositionCoorpacademyOpenInNewTab } from '@coorpacademy/nova-icons';
 import Link from '../../atom/link';
 import Button from '../../atom/button';
 import Provider from '../../atom/provider';
@@ -126,8 +126,7 @@ export const LinkItem = ({
   styles,
   children,
   setChildrenAsHtml = true,
-  target = '_self',
-  activeIcon = false
+  target = '_self'
 }) => {
   const handleOnClick = useMemo(() => e => {
     onClick && onClick(e);
@@ -158,11 +157,7 @@ export const LinkItem = ({
   }) : /*#__PURE__*/React.createElement("li", {
     className: classNames,
     style: borderStyle
-  }, activeIcon ? /*#__PURE__*/React.createElement(ActiveIcon, {
-    className: style.activeIcon
-  }) : /*#__PURE__*/React.createElement("div", {
-    className: style.activeIcon
-  }), title, children));
+  }, title, children));
 };
 LinkItem.propTypes = process.env.NODE_ENV !== "production" ? {
   index: PropTypes.number,
@@ -174,8 +169,7 @@ LinkItem.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: PropTypes.func,
   uppercase: PropTypes.bool,
   setChildrenAsHtml: PropTypes.bool,
-  target: PropTypes.string,
-  activeIcon: PropTypes.bool
+  target: PropTypes.string
 } : {};
 export const IconLinkItem = _ref => {
   let {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","classnames","PropTypes","NovaCompositionCoorpacademyOpenInNewTab","NovaSolidStatusCheckCircle2","ActiveIcon","Link","Button","Provider","Select","Cta","SelectMultiple","style","NEUTRAL_COLOR","InputTextItem","props","title","placeholder","value","onChange","disabled","name","index","uppercase","handleOnChange","e","target","selectItem","selectTitle","input","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","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","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":["React","useMemo","classnames","PropTypes","NovaCompositionCoorpacademyOpenInNewTab","Link","Button","Provider","Select","Cta","SelectMultiple","style","NEUTRAL_COLOR","InputTextItem","props","title","placeholder","value","onChange","disabled","name","index","uppercase","handleOnChange","e","target","selectItem","selectTitle","input","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","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","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/es/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/es/template/activity/engine-stars.js

@@ -127,7 +127,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.createElement(ToolTip, _extends({}, toolTipProps, {
     anchorId: engineStarsContentId,
     toolTipIsVisible: toolTipIsVisible,

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

@@ -1 +1 @@
-{"version":3,"file":"engine-stars.js","names":["classnames","React","useCallback","useMemo","useState","useRef","PropTypes","v5","uuidV5","NovaCompositionCoorpacademyStar","StarIcon","NovaCompositionCoorpacademyTimer","TimerIcon","NovaCompositionCoorpacademyBolt","BoltIcon","NovaSolidSchoolScienceGraduationHat","CertificationIcon","NovaSolidContentContentBook1","LearnerIcon","NovaSolidVoteRewardsRewardsBadge1","BonusIcon","NovaCompositionCoorpacademyScorm","ScormIcon","NovaCompositionCoorpacademyArticle","ArticleIcon","NovaCompositionCoorpacademyVideo","VideoIcon","NovaCompositionCoorpacademyMicrophone","PodcastIcon","NovaCompositionCoorpacademyRevision","RevisionIcon","Provider","GetSkinFromContext","GetTranslateFromContext","ToolTip","toggleStateOnKeyPress","Link","style","ICONS","microlearning","learner","battle","certifications","bonus","article","scorm","video","podcast","review","ToolTipContent","preMessage","linkMessage","endMessage","onClick","color","handleContentMouseOver","toolTipContent","propTypes","string","func","EngineStars","props","legacyContext","skin","translate","toolTip","disabled","type","stars","title","active","className","handleClick","e","stopPropagation","preventDefault","dark","light","IconType","primary","engineStarsContentId","URL","undefined","toolTipIsVisible","setToolTipIsVisible","mouseLeaveTimer","setMouseLeaveTimer","buttonRef","handleKeyPress","event","handleMouseOver","clearTimeout","handleMouseLeave","setTimeout","toolTipContentProps","toolTipProps","closeToolTipInformationTextAriaLabel","TooltipContent","_props","engineStars","clickable","engineIcon","backgroundColor","iconHeader","score","iconStar","scoreTitle","isRequired","number","bool","shape","contextTypes","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":["classnames","React","useCallback","useMemo","useState","useRef","PropTypes","v5","uuidV5","NovaCompositionCoorpacademyStar","StarIcon","NovaCompositionCoorpacademyTimer","TimerIcon","NovaCompositionCoorpacademyBolt","BoltIcon","NovaSolidSchoolScienceGraduationHat","CertificationIcon","NovaSolidContentContentBook1","LearnerIcon","NovaSolidVoteRewardsRewardsBadge1","BonusIcon","NovaCompositionCoorpacademyScorm","ScormIcon","NovaCompositionCoorpacademyArticle","ArticleIcon","NovaCompositionCoorpacademyVideo","VideoIcon","NovaCompositionCoorpacademyMicrophone","PodcastIcon","NovaCompositionCoorpacademyRevision","RevisionIcon","Provider","GetSkinFromContext","GetTranslateFromContext","ToolTip","toggleStateOnKeyPress","Link","style","ICONS","microlearning","learner","battle","certifications","bonus","article","scorm","video","podcast","review","ToolTipContent","preMessage","linkMessage","endMessage","onClick","color","handleContentMouseOver","toolTipContent","propTypes","string","func","EngineStars","props","legacyContext","skin","translate","toolTip","disabled","type","stars","title","active","className","handleClick","e","stopPropagation","preventDefault","dark","light","IconType","primary","engineStarsContentId","URL","undefined","toolTipIsVisible","setToolTipIsVisible","mouseLeaveTimer","setMouseLeaveTimer","buttonRef","handleKeyPress","event","handleMouseOver","clearTimeout","handleMouseLeave","setTimeout","toolTipContentProps","toolTipProps","closeToolTipInformationTextAriaLabel","TooltipContent","_props","engineStars","clickable","engineIcon","backgroundColor","iconHeader","score","iconStar","scoreTitle","isRequired","number","bool","shape","contextTypes","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/es/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/es/template/activity/index.js

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