@coorpacademy/components 11.38.3-alpha.19 → 11.38.3-alpha.21

package/es/molecule/card/notification.css

@@ -5,16 +5,13 @@
 @value grey from colors;
 @value dark from colors;
 @value white from colors;
-@value cm_blue_700 from colors;
-@value primary_100 from colors;
-@value cm_grey_75 from colors;
 
 .notificationWrapper {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
-  background: rgba(29, 29, 43, 0.5);
+  background: color(dark a(75%));
   position: absolute;
   z-index: 0;
   opacity: 0;
@@ -22,64 +19,44 @@
 }
 
 .notification {
-  width: 156px;
+  width: 100px;
+  height: 100px;
   background: light;
   position: absolute;
   top: 50%;
   left: 50%;
-  transform: translate(-50%, -50%);
-  border-radius: 12px;
-  padding: 16px;
+  margin: -50px 0 0 -50px;
+  border-radius: 7px;
+  padding: 12px 7px 7px;
   box-sizing: border-box;
   color: grey;
-  background: cm_grey_75;
-  align-items: center;
-  display: flex;
-  gap: 12px;
-  justify-content: center;
-  flex-direction: column;
 }
 
-/* pour le dev */
-.showOverlay {
-  visibility: visible;
-  opacity: 1;
-  z-index: 3;
-}
-
-/* .showOverlay .notification {
-  animation: scale 120s ease-in-out forwards;
+.showOverlay .notification {
+  animation: scale 3s ease-in-out forwards;
 }
 
 .showOverlay {
-  animation: fadeIn 120s ease-in-out forwards;
-} */
+  animation: fadeIn 3s ease-in-out forwards;
+}
 
 .notification .icon {
   font-size: 30px;
-  height: 20px;
-  width: 15px;
-}
-
-.iconWrapper {
-  width: 32px;
-  height: 32px;
-  padding: 8px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 12px;
+  height: 30px;
+  width: 100%;
 }
 
 .message {
-  line-height: 20px;
+  width: 100%;
+  height: 50px;
+  line-height: 50px;
 }
 
 .message span {
   display: inline-block;
   vertical-align: middle;
   user-select: none;
-  line-height: 20px;
+  line-height: 16px;
   font-size: 14px;
   font-family: 'Gilroy';
   text-align: center;

package/es/molecule/card/notification.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/molecule/card/notification.js"],"names":[],"mappings":";AA+BA,uDAuBC"}
+{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/molecule/card/notification.js"],"names":[],"mappings":";AAyBA,uDAmBC"}

package/es/molecule/card/notification.js

@@ -3,25 +3,14 @@ import _get from "lodash/fp/get";
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { NovaSolidLoginLocked as LockIcon, NovaSolidLocksLockUnlock1 as UnlockIcon, NovaCompositionCoorpacademyCheck as CheckIcon, NovaSolidStatusClose as CloseIcon } from '@coorpacademy/nova-icons';
-import { COLORS } from '../../variables/colors';
+import { NovaCompositionNavigationMore as MoreIcon, NovaSolidLoginLocked as LockIcon, NovaSolidLocksLockUnlock1 as UnlockIcon, NovaCompositionCoorpacademyCheck as CheckIcon } from '@coorpacademy/nova-icons';
 import style from './notification.css';
 const NOTIFICATION_ICON = {
   addFavorite: CheckIcon,
-  removeFavorite: CloseIcon,
+  removeFavorite: MoreIcon,
   lock: LockIcon,
   unlock: UnlockIcon
 };
-const NOTIFICATIONS_COLORS = {
-  addFavorite: {
-    color: COLORS.cm_blue_700,
-    backgroundColor: COLORS.primary_100
-  },
-  removeFavorite: {
-    color: COLORS.neutral_500,
-    backgroundColor: COLORS.cm_grey_100
-  }
-};
 const handleOverlayClick = e => {
   e.stopPropagation();
   e.preventDefault();
@@ -33,12 +22,6 @@ const Notification = props => {
     icon
   } = props;
   const IconType = _get(icon, NOTIFICATION_ICON);
-  const {
-    color,
-    backgroundColor
-  } = _get(icon, NOTIFICATIONS_COLORS);
-  // eslint-disable-next-line no-console
-  console.log('color', color, 'backgroundColor', backgroundColor);
   return /*#__PURE__*/React.createElement("div", {
     "data-name": "notification",
     "data-type": icon,
@@ -46,18 +29,13 @@ const Notification = props => {
     className: classnames(style.showOverlay, style.notificationWrapper)
   }, /*#__PURE__*/React.createElement("div", {
     className: style.notification
-  }, /*#__PURE__*/React.createElement("div", {
-    className: style.iconWrapper,
-    style: {
-      backgroundColor
-    }
   }, /*#__PURE__*/React.createElement(IconType, {
     className: style.icon,
     style: {
-      color
+      color: null
     },
     stroke: null
-  })), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: style.message
   }, /*#__PURE__*/React.createElement("span", {
     role: "status"

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

@@ -1 +1 @@
-{"version":3,"file":"notification.js","names":["React","PropTypes","classnames","NovaSolidLoginLocked","LockIcon","NovaSolidLocksLockUnlock1","UnlockIcon","NovaCompositionCoorpacademyCheck","CheckIcon","NovaSolidStatusClose","CloseIcon","COLORS","style","NOTIFICATION_ICON","addFavorite","removeFavorite","lock","unlock","NOTIFICATIONS_COLORS","color","cm_blue_700","backgroundColor","primary_100","neutral_500","cm_grey_100","handleOverlayClick","e","stopPropagation","preventDefault","Notification","props","message","icon","IconType","_get","console","log","createElement","onClick","className","showOverlay","notificationWrapper","notification","iconWrapper","stroke","role","propTypes","process","env","NODE_ENV","string","isRequired","oneOf","_keys"],"sources":["../../../src/molecule/card/notification.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaSolidLoginLocked as LockIcon,\n  NovaSolidLocksLockUnlock1 as UnlockIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaSolidStatusClose as CloseIcon\n} from '@coorpacademy/nova-icons';\nimport {COLORS} from '../../variables/colors';\nimport style from './notification.css';\n\nconst NOTIFICATION_ICON = {\n  addFavorite: CheckIcon,\n  removeFavorite: CloseIcon,\n  lock: LockIcon,\n  unlock: UnlockIcon\n};\n\nconst NOTIFICATIONS_COLORS = {\n  addFavorite: {color: COLORS.cm_blue_700, backgroundColor: COLORS.primary_100},\n  removeFavorite: {color: COLORS.neutral_500, backgroundColor: COLORS.cm_grey_100}\n};\n\nconst handleOverlayClick = e => {\n  e.stopPropagation();\n  e.preventDefault();\n  return false;\n};\n\nconst Notification = props => {\n  const {message, icon} = props;\n  const IconType = get(icon, NOTIFICATION_ICON);\n  const {color, backgroundColor} = get(icon, NOTIFICATIONS_COLORS);\n  // eslint-disable-next-line no-console\n  console.log('color', color, 'backgroundColor', backgroundColor);\n  return (\n    <div\n      data-name=\"notification\"\n      data-type={icon}\n      onClick={handleOverlayClick}\n      className={classnames(style.showOverlay, style.notificationWrapper)}\n    >\n      <div className={style.notification}>\n        <div className={style.iconWrapper} style={{backgroundColor}}>\n          <IconType className={style.icon} style={{color}} stroke={null} />\n        </div>\n        <div className={style.message}>\n          <span role=\"status\">{message}</span>\n        </div>\n      </div>\n    </div>\n  );\n};\nNotification.propTypes = {\n  message: PropTypes.string.isRequired,\n  icon: PropTypes.oneOf(keys(NOTIFICATION_ICON)).isRequired\n};\n\nexport default Notification;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,oBAAoB,IAAIC,QAAQ,EAChCC,yBAAyB,IAAIC,UAAU,EACvCC,gCAAgC,IAAIC,SAAS,EAC7CC,oBAAoB,IAAIC,SAAS,QAC5B,0BAA0B;AACjC,SAAQC,MAAM,QAAO,wBAAwB;AAC7C,OAAOC,KAAK,MAAM,oBAAoB;AAEtC,MAAMC,iBAAiB,GAAG;EACxBC,WAAW,EAAEN,SAAS;EACtBO,cAAc,EAAEL,SAAS;EACzBM,IAAI,EAAEZ,QAAQ;EACda,MAAM,EAAEX;AACV,CAAC;AAED,MAAMY,oBAAoB,GAAG;EAC3BJ,WAAW,EAAE;IAACK,KAAK,EAAER,MAAM,CAACS,WAAW;IAAEC,eAAe,EAAEV,MAAM,CAACW;EAAW,CAAC;EAC7EP,cAAc,EAAE;IAACI,KAAK,EAAER,MAAM,CAACY,WAAW;IAAEF,eAAe,EAAEV,MAAM,CAACa;EAAW;AACjF,CAAC;AAED,MAAMC,kBAAkB,GAAGC,CAAC,IAAI;EAC9BA,CAAC,CAACC,eAAe,CAAC,CAAC;EACnBD,CAAC,CAACE,cAAc,CAAC,CAAC;EAClB,OAAO,KAAK;AACd,CAAC;AAED,MAAMC,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IAACC,OAAO;IAAEC;EAAI,CAAC,GAAGF,KAAK;EAC7B,MAAMG,QAAQ,GAAGC,IAAA,CAAIF,IAAI,EAAEnB,iBAAiB,CAAC;EAC7C,MAAM;IAACM,KAAK;IAAEE;EAAe,CAAC,GAAGa,IAAA,CAAIF,IAAI,EAAEd,oBAAoB,CAAC;EAChE;EACAiB,OAAO,CAACC,GAAG,CAAC,OAAO,EAAEjB,KAAK,EAAE,iBAAiB,EAAEE,eAAe,CAAC;EAC/D,oBACErB,KAAA,CAAAqC,aAAA;IACE,aAAU,cAAc;IACxB,aAAWL,IAAK;IAChBM,OAAO,EAAEb,kBAAmB;IAC5Bc,SAAS,EAAErC,UAAU,CAACU,KAAK,CAAC4B,WAAW,EAAE5B,KAAK,CAAC6B,mBAAmB;EAAE,gBAEpEzC,KAAA,CAAAqC,aAAA;IAAKE,SAAS,EAAE3B,KAAK,CAAC8B;EAAa,gBACjC1C,KAAA,CAAAqC,aAAA;IAAKE,SAAS,EAAE3B,KAAK,CAAC+B,WAAY;IAAC/B,KAAK,EAAE;MAACS;IAAe;EAAE,gBAC1DrB,KAAA,CAAAqC,aAAA,CAACJ,QAAQ;IAACM,SAAS,EAAE3B,KAAK,CAACoB,IAAK;IAACpB,KAAK,EAAE;MAACO;IAAK,CAAE;IAACyB,MAAM,EAAE;EAAK,CAAE,CAC7D,CAAC,eACN5C,KAAA,CAAAqC,aAAA;IAAKE,SAAS,EAAE3B,KAAK,CAACmB;EAAQ,gBAC5B/B,KAAA,CAAAqC,aAAA;IAAMQ,IAAI,EAAC;EAAQ,GAAEd,OAAc,CAChC,CACF,CACF,CAAC;AAEV,CAAC;AACDF,YAAY,CAACiB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACvBlB,OAAO,EAAE9B,SAAS,CAACiD,MAAM,CAACC,UAAU;EACpCnB,IAAI,EAAE/B,SAAS,CAACmD,KAAK,CAACC,KAAA,CAAKxC,iBAAiB,CAAC,CAAC,CAACsC;AACjD,CAAC;AAED,eAAetB,YAAY","ignoreList":[]}
+{"version":3,"file":"notification.js","names":["React","PropTypes","classnames","NovaCompositionNavigationMore","MoreIcon","NovaSolidLoginLocked","LockIcon","NovaSolidLocksLockUnlock1","UnlockIcon","NovaCompositionCoorpacademyCheck","CheckIcon","style","NOTIFICATION_ICON","addFavorite","removeFavorite","lock","unlock","handleOverlayClick","e","stopPropagation","preventDefault","Notification","props","message","icon","IconType","_get","createElement","onClick","className","showOverlay","notificationWrapper","notification","color","stroke","role","propTypes","process","env","NODE_ENV","string","isRequired","oneOf","_keys"],"sources":["../../../src/molecule/card/notification.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationMore as MoreIcon,\n  NovaSolidLoginLocked as LockIcon,\n  NovaSolidLocksLockUnlock1 as UnlockIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport style from './notification.css';\n\nconst NOTIFICATION_ICON = {\n  addFavorite: CheckIcon,\n  removeFavorite: MoreIcon,\n  lock: LockIcon,\n  unlock: UnlockIcon\n};\n\nconst handleOverlayClick = e => {\n  e.stopPropagation();\n  e.preventDefault();\n  return false;\n};\n\nconst Notification = props => {\n  const {message, icon} = props;\n\n  const IconType = get(icon, NOTIFICATION_ICON);\n  return (\n    <div\n      data-name=\"notification\"\n      data-type={icon}\n      onClick={handleOverlayClick}\n      className={classnames(style.showOverlay, style.notificationWrapper)}\n    >\n      <div className={style.notification}>\n        <IconType className={style.icon} style={{color: null}} stroke={null} />\n        <div className={style.message}>\n          <span role=\"status\">{message}</span>\n        </div>\n      </div>\n    </div>\n  );\n};\nNotification.propTypes = {\n  message: PropTypes.string.isRequired,\n  icon: PropTypes.oneOf(keys(NOTIFICATION_ICON)).isRequired\n};\n\nexport default Notification;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,6BAA6B,IAAIC,QAAQ,EACzCC,oBAAoB,IAAIC,QAAQ,EAChCC,yBAAyB,IAAIC,UAAU,EACvCC,gCAAgC,IAAIC,SAAS,QACxC,0BAA0B;AACjC,OAAOC,KAAK,MAAM,oBAAoB;AAEtC,MAAMC,iBAAiB,GAAG;EACxBC,WAAW,EAAEH,SAAS;EACtBI,cAAc,EAAEV,QAAQ;EACxBW,IAAI,EAAET,QAAQ;EACdU,MAAM,EAAER;AACV,CAAC;AAED,MAAMS,kBAAkB,GAAGC,CAAC,IAAI;EAC9BA,CAAC,CAACC,eAAe,CAAC,CAAC;EACnBD,CAAC,CAACE,cAAc,CAAC,CAAC;EAClB,OAAO,KAAK;AACd,CAAC;AAED,MAAMC,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IAACC,OAAO;IAAEC;EAAI,CAAC,GAAGF,KAAK;EAE7B,MAAMG,QAAQ,GAAGC,IAAA,CAAIF,IAAI,EAAEZ,iBAAiB,CAAC;EAC7C,oBACEZ,KAAA,CAAA2B,aAAA;IACE,aAAU,cAAc;IACxB,aAAWH,IAAK;IAChBI,OAAO,EAAEX,kBAAmB;IAC5BY,SAAS,EAAE3B,UAAU,CAACS,KAAK,CAACmB,WAAW,EAAEnB,KAAK,CAACoB,mBAAmB;EAAE,gBAEpE/B,KAAA,CAAA2B,aAAA;IAAKE,SAAS,EAAElB,KAAK,CAACqB;EAAa,gBACjChC,KAAA,CAAA2B,aAAA,CAACF,QAAQ;IAACI,SAAS,EAAElB,KAAK,CAACa,IAAK;IAACb,KAAK,EAAE;MAACsB,KAAK,EAAE;IAAI,CAAE;IAACC,MAAM,EAAE;EAAK,CAAE,CAAC,eACvElC,KAAA,CAAA2B,aAAA;IAAKE,SAAS,EAAElB,KAAK,CAACY;EAAQ,gBAC5BvB,KAAA,CAAA2B,aAAA;IAAMQ,IAAI,EAAC;EAAQ,GAAEZ,OAAc,CAChC,CACF,CACF,CAAC;AAEV,CAAC;AACDF,YAAY,CAACe,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACvBhB,OAAO,EAAEtB,SAAS,CAACuC,MAAM,CAACC,UAAU;EACpCjB,IAAI,EAAEvB,SAAS,CAACyC,KAAK,CAACC,KAAA,CAAK/B,iBAAiB,CAAC,CAAC,CAAC6B;AACjD,CAAC;AAED,eAAepB,YAAY","ignoreList":[]}

package/es/molecule/card/style.css

@@ -31,14 +31,12 @@
   animation: fadeIn 1s ease-out forwards;
   cursor: pointer;
   box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.11);
-  border: 2px solid white;
 }
 
 .defaultStyle[disabled] .favorite {
   z-index: 0;
 }
 
-
 .grid.empty {
   padding-bottom: 25px;
   opacity: 0.6;
@@ -46,17 +44,17 @@
 
 .course {
   composes: defaultStyle;
-  border-radius: 12px;
+  border-radius: 8px;
   width: 256px;
   height: 297px;
 }
 
-/* .chapter {
+.chapter {
   composes: defaultStyle;
   border-radius: 8px;
   width: 203px;
   height: 297px;
-} */
+}
 
 .coorpmanager.course {
   border-radius: 5px;
@@ -64,11 +62,11 @@
   height: 201px;
 }
 
-/* .coorpmanager.chapter {
+.coorpmanager.chapter {
   border-radius: 5px;
   width: 138px;
   height: 201px;
-} */
+}
 
 .course .imageWrapper {
   width: 100%;
@@ -78,7 +76,7 @@
   left: 0;
 }
 
-/* .chapter .chapterImageWrapper {
+.chapter .chapterImageWrapper {
   max-height: 77px;
   width: 100%;
   position: absolute;
@@ -88,7 +86,7 @@
 
 .coorpmanager.chapter .chapterImageWrapper {
   max-height: 52px;
-} */
+}
 
 .defaultStyle .image {
   overflow: hidden;
@@ -159,7 +157,8 @@
 }
 
 .course .defaultStyle:hover,
-.defaultStyle:hover {
+.chapter .defaultStyle:hover {
+  background: light;
   cursor: pointer;
   transition: background 0.25s ease-in-out;
 }
@@ -274,8 +273,6 @@
   border-bottom-right-radius: 7px;
   z-index: 1;
   user-select: none;
-  /* border-color: transparent;
-  border-top-left-radius: 2px; */
 }
 
 .coorpmanager .badge {
@@ -364,7 +361,7 @@
   transition: transform 0.25s ease-in-out;
 }
 
-/* .externalIcon {
+.externalIcon {
   color: white;
   width: 45px;
   height: 45px;
@@ -374,7 +371,7 @@
   color: white;
   width: 23px;
   height: 23px;
-} */
+}
 
 .externalIconCircleWrapper::after {
   animation: pulse 3s linear 0s infinite;
@@ -434,7 +431,7 @@
   margin-top: 20px;
 }
 
-/* .coorpmanager .externalIconWithImage {
+.coorpmanager .externalIconWithImage {
   color: white;
   width: 25px;
   height: 25px;
@@ -445,7 +442,7 @@
   color: white;
   width: 28px;
   height: 28px;
-} */
+}
 
 .externalIconCircleWithImageWrapper::after,
 .externalIconCircleWithImageWrapper::before {
@@ -455,6 +452,7 @@
   top: 0;
   left: 0;
   position: absolute;
+
   border-radius: 50%;
   transform: scale(1);
   opacity: 0;

package/es/molecule/card-content/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/card-content/index.js"],"names":[],"mappings":";;;;;;;;;;AAgIA;;;;;;;;;;;;;;gBA6EC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/card-content/index.js"],"names":[],"mappings":";;;;;;;;;;AAsHA;;;;;;;;;;;;;;gBA8EC"}

package/es/molecule/card-content/index.js

@@ -4,12 +4,10 @@ import _get from "lodash/fp/get";
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { NovaCompositionCoorpacademyAdaptive as AdaptivIcon, NovaSolidStatusCheckCircle2 as CheckIcon } from '@coorpacademy/nova-icons';
-import { isExternalContent } from '../../util/external-content';
+import { NovaCompositionCoorpacademyAdaptive as AdaptivIcon, NovaSolidStatusCheckCircle2 as CheckIcon, NovaCompositionCoorpacademyTimer as TimerIcon } from '@coorpacademy/nova-icons';
+import { isExternalContent, EXTERNAL_CONTENT_ICONS } from '../../util/external-content';
 import Provider from '../../atom/provider';
 import ContentBadge from '../../atom/content-badge';
-import Tag from '../../atom/tag';
-import { COLORS } from '../../variables/colors';
 import style from './style.css';
 export const MODES = {
   HERO: 'hero',
@@ -19,86 +17,45 @@ export const THEMES = {
   default: null,
   coorpmanager: style.coorpmanager
 };
-const getCardInfo = (contentType, translate) => {
-  switch (contentType) {
-    case 'chapter':
-      return {
-        label: "5'learning",
-        iconName: 'stopwatch'
-      };
-    case 'scorm':
-      return {
-        label: translate('external_content_scorm'),
-        iconName: 'rectangle-history'
-      };
-    case 'video':
-      return {
-        label: translate('external_content_video'),
-        iconName: 'circle-play'
-      };
-    case 'article':
-      return {
-        label: translate('external_content_article'),
-        iconName: 'file-lines'
-      };
-    case 'podcast':
-      return {
-        label: translate('external_content_podcast'),
-        iconName: 'microphone-lines'
-      };
-    default:
-      return {
-        label: 'Course',
-        iconName: 'book-open'
-      };
-  }
-};
 const ContentTypeInfo = ({
   mode,
   type,
-  adaptiv,
-  ariaLabel,
-  isCourse,
-  empty,
-  theme
+  externalContent
 }, context) => {
   const {
     translate
   } = context;
-  if (mode !== MODES.CARD || empty || theme === 'coorpmanager') {
+  if (mode !== MODES.CARD) {
     return null;
   }
-  const {
-    label,
-    iconName
-  } = getCardInfo(type, translate);
-  return /*#__PURE__*/React.createElement("div", {
-    className: style.contentTypeInfos
-  }, /*#__PURE__*/React.createElement(Tag, {
-    size: "S",
-    label: label,
-    icon: {
-      iconName
-    }
-  }), adaptiv ? /*#__PURE__*/React.createElement("div", {
-    className: classnames(style.adaptiveIcon, isCourse ? style.iconShadow : null)
-  }, /*#__PURE__*/React.createElement(AdaptivIcon, {
-    height: 20,
-    "aria-label": _get('adaptive', ariaLabel)
-  })) : null);
+  if (type === 'chapter') {
+    return /*#__PURE__*/React.createElement("div", {
+      className: style.microLearningIcon
+    }, /*#__PURE__*/React.createElement(TimerIcon, {
+      className: style.timerIcon
+    }), /*#__PURE__*/React.createElement("span", {
+      className: style.microLearninglabel
+    }, "5' learning"));
+  }
+  if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {
+    const textColor = EXTERNAL_CONTENT_ICONS[type].color;
+    return /*#__PURE__*/React.createElement("div", {
+      className: style.contentTypeInfo,
+      style: {
+        color: textColor
+      }
+    }, type === 'scorm' ? translate('external_content_scorm') : '', type === 'video' ? translate('external_content_video') : '', type === 'article' ? translate('external_content_article') : '', type === 'podcast' ? translate('external_content_podcast') : '');
+  }
+  return null;
 };
 ContentTypeInfo.contextTypes = {
   skin: Provider.childContextTypes.skin,
   translate: Provider.childContextTypes.translate
 };
 ContentTypeInfo.propTypes = process.env.NODE_ENV !== "production" ? {
+  externalContent: PropTypes.bool,
   type: PropTypes.string,
-  mode: PropTypes.string,
-  adaptiv: PropTypes.bool,
-  ariaLabel: PropTypes.string,
-  isCourse: PropTypes.bool,
-  empty: PropTypes.bool,
-  theme: PropTypes.oneOf(_keys(THEMES))
+  mode: PropTypes.string
 } : {};
 const CardTitle = ({
   title,
@@ -160,7 +117,7 @@ const ContentInfo = ({
   theme = 'default',
   'aria-label': ariaLabel
 }) => {
-  const progressBarColor = COLORS.cm_positive_500;
+  const progressBarColor = '#3EC483';
   const inlineProgressValueStyle = {
     backgroundColor: progressBarColor,
     width: `${progress * 100}%`
@@ -177,24 +134,24 @@ const ContentInfo = ({
     role: "progressbar",
     "aria-label": _get('progression', ariaLabel)
   }) : null) : null;
-  // eslint-disable-next-line no-console
-  console.log(' adaptiv', adaptiv);
+  const adaptiveIcon = adaptiv ? /*#__PURE__*/React.createElement("div", {
+    className: classnames(style.adaptiveIcon, courseContent ? style.iconShadow : null)
+  }, /*#__PURE__*/React.createElement(AdaptivIcon, {
+    height: 25,
+    "aria-label": _get('adaptive', ariaLabel)
+  })) : null;
   return /*#__PURE__*/React.createElement("div", {
     "data-name": "info",
-    className: classnames(THEMES[theme], style.infoWrapper, mode === MODES.HERO ? style.hero : style.card, disabled ? style.progressBarDisabled : null, externalContent || chapterContent || courseContent ? style.externalContent : null // generalize css class name
-    )
+    className: classnames(THEMES[theme], style.infoWrapper, mode === MODES.HERO ? style.hero : style.card, disabled ? style.progressBarDisabled : null, externalContent ? style.externalContent : null)
   }, /*#__PURE__*/React.createElement(ContentTypeInfo, {
     mode: mode,
     type: type,
-    adaptiv: adaptiv,
-    isCourse: courseContent,
-    empty: empty,
-    theme: theme
+    externalContent: externalContent
   }), /*#__PURE__*/React.createElement("div", {
-    className: classnames(style.cardInfo, courseContent ? style.cardCourseTitle : null)
+    className: classnames(style.cardInfo, chapterContent ? style.microLearningCardInfo : null)
   }, /*#__PURE__*/React.createElement("div", {
     className: style.iconWrapper
-  }, !empty && badgeLabel && badgeCategory && courseContent ? /*#__PURE__*/React.createElement(ContentBadge, {
+  }, adaptiveIcon, !empty && badgeLabel && badgeCategory && courseContent ? /*#__PURE__*/React.createElement(ContentBadge, {
     category: badgeCategory,
     label: badgeLabel
   }) : null), /*#__PURE__*/React.createElement(CardTitle, {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaCompositionCoorpacademyAdaptive","AdaptivIcon","NovaSolidStatusCheckCircle2","CheckIcon","isExternalContent","Provider","ContentBadge","Tag","COLORS","style","MODES","HERO","CARD","THEMES","default","coorpmanager","getCardInfo","contentType","translate","label","iconName","ContentTypeInfo","mode","type","adaptiv","ariaLabel","isCourse","empty","theme","context","createElement","className","contentTypeInfos","size","icon","adaptiveIcon","iconShadow","height","_get","contextTypes","skin","childContextTypes","propTypes","process","env","NODE_ENV","string","bool","oneOf","_keys","CardTitle","title","courseContent","innerHTML","lightTitle","darkTitle","dangerouslySetInnerHTML","__html","AuthorName","author","certifiedAuthor","checkIcon","authorIcon","darkAuthorTitle","ContentInfo","disabled","progress","badgeCategory","badgeLabel","progressBarColor","cm_positive_500","inlineProgressValueStyle","backgroundColor","width","externalContent","chapterContent","progressBar","_isNil","progressWrapper","hideProgressBar","role","console","log","infoWrapper","hero","card","progressBarDisabled","cardInfo","cardCourseTitle","iconWrapper","category","number","shape","progression","adaptive"],"sources":["../../../src/molecule/card-content/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isNil, keys} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyAdaptive as AdaptivIcon,\n  NovaSolidStatusCheckCircle2 as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport ContentBadge from '../../atom/content-badge';\nimport Tag from '../../atom/tag';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nexport const MODES = {\n  HERO: 'hero',\n  CARD: 'card'\n};\n\nexport const THEMES = {\n  default: null,\n  coorpmanager: style.coorpmanager\n};\n\nconst getCardInfo = (contentType, translate) => {\n  switch (contentType) {\n    case 'chapter':\n      return {label: \"5'learning\", iconName: 'stopwatch'};\n    case 'scorm':\n      return {label: translate('external_content_scorm'), iconName: 'rectangle-history'};\n    case 'video':\n      return {label: translate('external_content_video'), iconName: 'circle-play'};\n    case 'article':\n      return {label: translate('external_content_article'), iconName: 'file-lines'};\n    case 'podcast':\n      return {label: translate('external_content_podcast'), iconName: 'microphone-lines'};\n    default:\n      return {label: 'Course', iconName: 'book-open'};\n  }\n};\n\nconst ContentTypeInfo = ({mode, type, adaptiv, ariaLabel, isCourse, empty, theme}, context) => {\n  const {translate} = context;\n  if (mode !== MODES.CARD || empty || theme === 'coorpmanager') {\n    return null;\n  }\n  const {label, iconName} = getCardInfo(type, translate);\n  return (\n    <div className={style.contentTypeInfos}>\n      <Tag size=\"S\" label={label} icon={{iconName}} />\n      {adaptiv ? (\n        <div className={classnames(style.adaptiveIcon, isCourse ? style.iconShadow : null)}>\n          <AdaptivIcon height={20} aria-label={get('adaptive', ariaLabel)} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nContentTypeInfo.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nContentTypeInfo.propTypes = {\n  type: PropTypes.string,\n  mode: PropTypes.string,\n  adaptiv: PropTypes.bool,\n  ariaLabel: PropTypes.string,\n  isCourse: PropTypes.bool,\n  empty: PropTypes.bool,\n  theme: PropTypes.oneOf(keys(THEMES))\n};\n\nconst CardTitle = ({title, empty, courseContent}) => {\n  return (\n    <div\n      className={classnames(\n        style.title,\n        style.innerHTML,\n        courseContent ? style.lightTitle : style.darkTitle,\n        empty ? style.empty : null\n      )}\n      data-name=\"title\"\n      title={title}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: title}}\n    />\n  );\n};\n\nCardTitle.propTypes = {\n  title: PropTypes.string,\n  empty: PropTypes.bool,\n  courseContent: PropTypes.bool\n};\n\nconst AuthorName = ({author, empty, courseContent, certifiedAuthor, 'aria-label': ariaLabel}) => {\n  const checkIcon = certifiedAuthor ? (\n    <CheckIcon className={classnames(style.authorIcon, courseContent ? style.iconShadow : null)} />\n  ) : null;\n\n  return (\n    <div\n      data-name=\"author\"\n      title={author}\n      aria-label={ariaLabel}\n      className={classnames(\n        style.author,\n        courseContent ? style.lightTitle : style.darkAuthorTitle,\n        empty ? style.empty : null\n      )}\n    >\n      <span>{author}</span>\n      {checkIcon}\n    </div>\n  );\n};\n\nAuthorName.propTypes = {\n  author: PropTypes.string,\n  empty: PropTypes.bool,\n  courseContent: PropTypes.bool,\n  certifiedAuthor: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nconst ContentInfo = ({\n  adaptiv,\n  author,\n  certifiedAuthor = false,\n  disabled = false,\n  empty = false,\n  mode = MODES.CARD,\n  progress,\n  title,\n  type,\n  badgeCategory,\n  badgeLabel,\n  theme = 'default',\n  'aria-label': ariaLabel\n}) => {\n  const progressBarColor = COLORS.cm_positive_500;\n  const inlineProgressValueStyle = {\n    backgroundColor: progressBarColor,\n    width: `${progress * 100}%`\n  };\n  const externalContent = isExternalContent(type);\n  const courseContent = type === 'course';\n  const chapterContent = type === 'chapter';\n\n  const progressBar =\n    mode === MODES.HERO || (!empty && !disabled) ? (\n      <div className={!isNil(progress) ? style.progressWrapper : style.hideProgressBar}>\n        {!disabled ? (\n          <div\n            data-name=\"progress\"\n            className={style.progress}\n            style={inlineProgressValueStyle}\n            role=\"progressbar\"\n            aria-label={get('progression', ariaLabel)}\n          />\n        ) : null}\n      </div>\n    ) : null;\n  // eslint-disable-next-line no-console\n  console.log(' adaptiv', adaptiv);\n  return (\n    <div\n      data-name=\"info\"\n      className={classnames(\n        THEMES[theme],\n        style.infoWrapper,\n        mode === MODES.HERO ? style.hero : style.card,\n        disabled ? style.progressBarDisabled : null,\n        externalContent || chapterContent || courseContent ? style.externalContent : null // generalize css class name\n      )}\n    >\n      <ContentTypeInfo\n        mode={mode}\n        type={type}\n        adaptiv={adaptiv}\n        isCourse={courseContent}\n        empty={empty}\n        theme={theme}\n      />\n      <div className={classnames(style.cardInfo, courseContent ? style.cardCourseTitle : null)}>\n        <div className={style.iconWrapper}>\n          {!empty && badgeLabel && badgeCategory && courseContent ? (\n            <ContentBadge category={badgeCategory} label={badgeLabel} />\n          ) : null}\n        </div>\n        <CardTitle title={title} empty={empty} courseContent={courseContent} />\n        <AuthorName\n          author={author}\n          empty={empty}\n          courseContent={courseContent}\n          certifiedAuthor={certifiedAuthor}\n          aria-label={get('author', ariaLabel)}\n        />\n      </div>\n      {progressBar}\n    </div>\n  );\n};\n\nContentInfo.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nContentInfo.propTypes = {\n  adaptiv: PropTypes.bool,\n  author: PropTypes.string,\n  certifiedAuthor: PropTypes.bool,\n  disabled: PropTypes.bool,\n  empty: PropTypes.bool,\n  progress: PropTypes.number,\n  title: PropTypes.string,\n  type: PropTypes.string,\n  mode: PropTypes.string,\n  badgeCategory: ContentBadge.propTypes.category,\n  badgeLabel: ContentBadge.propTypes.label,\n  theme: PropTypes.oneOf(keys(THEMES)),\n  'aria-label': PropTypes.shape({\n    author: PropTypes.string,\n    progression: PropTypes.string,\n    adaptive: PropTypes.string\n  })\n};\n\nexport default ContentInfo;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaCompositionCoorpacademyAdaptive","AdaptivIcon","NovaSolidStatusCheckCircle2","CheckIcon","NovaCompositionCoorpacademyTimer","TimerIcon","isExternalContent","EXTERNAL_CONTENT_ICONS","Provider","ContentBadge","style","MODES","HERO","CARD","THEMES","default","coorpmanager","ContentTypeInfo","mode","type","externalContent","context","translate","createElement","className","microLearningIcon","timerIcon","microLearninglabel","textColor","color","contentTypeInfo","contextTypes","skin","childContextTypes","propTypes","process","env","NODE_ENV","bool","string","CardTitle","title","empty","courseContent","innerHTML","lightTitle","darkTitle","dangerouslySetInnerHTML","__html","AuthorName","author","certifiedAuthor","ariaLabel","checkIcon","authorIcon","iconShadow","darkAuthorTitle","ContentInfo","adaptiv","disabled","progress","badgeCategory","badgeLabel","theme","progressBarColor","inlineProgressValueStyle","backgroundColor","width","chapterContent","progressBar","_isNil","progressWrapper","hideProgressBar","role","_get","adaptiveIcon","height","infoWrapper","hero","card","progressBarDisabled","cardInfo","microLearningCardInfo","iconWrapper","category","label","number","oneOf","_keys","shape","progression","adaptive"],"sources":["../../../src/molecule/card-content/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isNil, keys} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyAdaptive as AdaptivIcon,\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport ContentBadge from '../../atom/content-badge';\nimport style from './style.css';\n\nexport const MODES = {\n  HERO: 'hero',\n  CARD: 'card'\n};\n\nexport const THEMES = {\n  default: null,\n  coorpmanager: style.coorpmanager\n};\n\nconst ContentTypeInfo = ({mode, type, externalContent}, context) => {\n  const {translate} = context;\n  if (mode !== MODES.CARD) {\n    return null;\n  }\n\n  if (type === 'chapter') {\n    return (\n      <div className={style.microLearningIcon}>\n        <TimerIcon className={style.timerIcon} />\n        <span className={style.microLearninglabel}>{\"5' learning\"}</span>\n      </div>\n    );\n  }\n  if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n    const textColor = EXTERNAL_CONTENT_ICONS[type].color;\n\n    return (\n      <div className={style.contentTypeInfo} style={{color: textColor}}>\n        {type === 'scorm' ? translate('external_content_scorm') : ''}\n        {type === 'video' ? translate('external_content_video') : ''}\n        {type === 'article' ? translate('external_content_article') : ''}\n        {type === 'podcast' ? translate('external_content_podcast') : ''}\n      </div>\n    );\n  }\n\n  return null;\n};\n\nContentTypeInfo.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nContentTypeInfo.propTypes = {\n  externalContent: PropTypes.bool,\n  type: PropTypes.string,\n  mode: PropTypes.string\n};\n\nconst CardTitle = ({title, empty, courseContent}) => {\n  return (\n    <div\n      className={classnames(\n        style.title,\n        style.innerHTML,\n        courseContent ? style.lightTitle : style.darkTitle,\n        empty ? style.empty : null\n      )}\n      data-name=\"title\"\n      title={title}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: title}}\n    />\n  );\n};\n\nCardTitle.propTypes = {\n  title: PropTypes.string,\n  empty: PropTypes.bool,\n  courseContent: PropTypes.bool\n};\n\nconst AuthorName = ({author, empty, courseContent, certifiedAuthor, 'aria-label': ariaLabel}) => {\n  const checkIcon = certifiedAuthor ? (\n    <CheckIcon className={classnames(style.authorIcon, courseContent ? style.iconShadow : null)} />\n  ) : null;\n\n  return (\n    <div\n      data-name=\"author\"\n      title={author}\n      aria-label={ariaLabel}\n      className={classnames(\n        style.author,\n        courseContent ? style.lightTitle : style.darkAuthorTitle,\n        empty ? style.empty : null\n      )}\n    >\n      <span>{author}</span>\n      {checkIcon}\n    </div>\n  );\n};\n\nAuthorName.propTypes = {\n  author: PropTypes.string,\n  empty: PropTypes.bool,\n  courseContent: PropTypes.bool,\n  certifiedAuthor: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nconst ContentInfo = ({\n  adaptiv,\n  author,\n  certifiedAuthor = false,\n  disabled = false,\n  empty = false,\n  mode = MODES.CARD,\n  progress,\n  title,\n  type,\n  badgeCategory,\n  badgeLabel,\n  theme = 'default',\n  'aria-label': ariaLabel\n}) => {\n  const progressBarColor = '#3EC483';\n  const inlineProgressValueStyle = {\n    backgroundColor: progressBarColor,\n    width: `${progress * 100}%`\n  };\n  const externalContent = isExternalContent(type);\n  const courseContent = type === 'course';\n  const chapterContent = type === 'chapter';\n\n  const progressBar =\n    mode === MODES.HERO || (!empty && !disabled) ? (\n      <div className={!isNil(progress) ? style.progressWrapper : style.hideProgressBar}>\n        {!disabled ? (\n          <div\n            data-name=\"progress\"\n            className={style.progress}\n            style={inlineProgressValueStyle}\n            role=\"progressbar\"\n            aria-label={get('progression', ariaLabel)}\n          />\n        ) : null}\n      </div>\n    ) : null;\n\n  const adaptiveIcon = adaptiv ? (\n    <div className={classnames(style.adaptiveIcon, courseContent ? style.iconShadow : null)}>\n      <AdaptivIcon height={25} aria-label={get('adaptive', ariaLabel)} />\n    </div>\n  ) : null;\n\n  return (\n    <div\n      data-name=\"info\"\n      className={classnames(\n        THEMES[theme],\n        style.infoWrapper,\n        mode === MODES.HERO ? style.hero : style.card,\n        disabled ? style.progressBarDisabled : null,\n        externalContent ? style.externalContent : null\n      )}\n    >\n      <ContentTypeInfo mode={mode} type={type} externalContent={externalContent} />\n      <div\n        className={classnames(style.cardInfo, chapterContent ? style.microLearningCardInfo : null)}\n      >\n        <div className={style.iconWrapper}>\n          {adaptiveIcon}\n          {!empty && badgeLabel && badgeCategory && courseContent ? (\n            <ContentBadge category={badgeCategory} label={badgeLabel} />\n          ) : null}\n        </div>\n        <CardTitle title={title} empty={empty} courseContent={courseContent} />\n        <AuthorName\n          author={author}\n          empty={empty}\n          courseContent={courseContent}\n          certifiedAuthor={certifiedAuthor}\n          aria-label={get('author', ariaLabel)}\n        />\n      </div>\n      {progressBar}\n    </div>\n  );\n};\n\nContentInfo.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nContentInfo.propTypes = {\n  adaptiv: PropTypes.bool,\n  author: PropTypes.string,\n  certifiedAuthor: PropTypes.bool,\n  disabled: PropTypes.bool,\n  empty: PropTypes.bool,\n  progress: PropTypes.number,\n  title: PropTypes.string,\n  type: PropTypes.string,\n  mode: PropTypes.string,\n  badgeCategory: ContentBadge.propTypes.category,\n  badgeLabel: ContentBadge.propTypes.label,\n  theme: PropTypes.oneOf(keys(THEMES)),\n  'aria-label': PropTypes.shape({\n    author: PropTypes.string,\n    progression: PropTypes.string,\n    adaptive: PropTypes.string\n  })\n};\n\nexport default ContentInfo;\n"],"mappings":"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","ignoreList":[]}