@coorpacademy/components 11.38.1-alpha.12 → 11.38.1-alpha.14

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

@@ -83,7 +83,7 @@ const ContentTypeInfo = ({
   }), adaptiv ? /*#__PURE__*/React.createElement("div", {
     className: classnames(style.adaptiveIcon, isCourse ? style.iconShadow : null)
   }, /*#__PURE__*/React.createElement(AdaptivIcon, {
-    height: 25,
+    height: 20,
     "aria-label": _get('adaptive', ariaLabel)
   })) : null);
 };
@@ -189,7 +189,7 @@ const ContentInfo = ({
     empty: empty,
     theme: theme
   }), /*#__PURE__*/React.createElement("div", {
-    className: style.cardInfo
+    className: classnames(style.cardInfo, courseContent ? style.cardCourseTitle : null)
   }, /*#__PURE__*/React.createElement("div", {
     className: style.iconWrapper
   }, !empty && badgeLabel && badgeCategory && courseContent ? /*#__PURE__*/React.createElement(ContentBadge, {

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","infoWrapper","hero","card","progressBarDisabled","cardInfo","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={25} 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\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={style.cardInfo}>\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","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","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\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":[]}

package/es/molecule/card-content/style.css

@@ -66,10 +66,10 @@
   gap: 4px;
   flex-direction: column;
   position: relative;
-  justify-content: center;
-  padding-top: 50%;
+  justify-content: flex-end;
   padding-left: 16px;
   padding-right: 16px;
+  /* padding: 0 16px; */
   width: 100%;
   box-sizing: border-box;
 }
@@ -182,7 +182,7 @@
 
 .adaptiveIcon {
   width: 25px;
-  height: 25px;
+  height: 20px;
   color: lightBlack;
 }
 
@@ -245,11 +245,22 @@
   overflow: hidden;
 }
 
+.externalContent.infoWrapper {
+  padding-top: 50%;
+}
+
 .coorpmanager.externalContent .cardInfo {
   flex-grow: 2;
   max-height: 79px;
 }
 
+.cardInfo.cardCourseTitle {
+  flex-grow: 0;
+  display: flex;
+  justify-content: flex-end;
+  flex-direction: column;
+}
+
 @media mobile {
   .author {
     font-size: 12px;

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

@@ -88,7 +88,7 @@ const ContentTypeInfo = ({
   }), adaptiv ? /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(_style.default.adaptiveIcon, isCourse ? _style.default.iconShadow : null)
   }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyAdaptive, {
-    height: 25,
+    height: 20,
     "aria-label": (0, _get2.default)('adaptive', ariaLabel)
   })) : null);
 };
@@ -194,7 +194,7 @@ const ContentInfo = ({
     empty: empty,
     theme: theme
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.cardInfo
+    className: (0, _classnames.default)(_style.default.cardInfo, courseContent ? _style.default.cardCourseTitle : null)
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.iconWrapper
   }, !empty && badgeLabel && badgeCategory && courseContent ? /*#__PURE__*/_react.default.createElement(_contentBadge.default, {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_novaIcons","_externalContent","_provider","_contentBadge","_tag","_colors","_style","e","__esModule","default","MODES","exports","HERO","CARD","THEMES","coorpmanager","style","getCardInfo","contentType","translate","label","iconName","ContentTypeInfo","mode","type","adaptiv","ariaLabel","isCourse","empty","theme","context","createElement","className","contentTypeInfos","size","icon","classnames","adaptiveIcon","iconShadow","NovaCompositionCoorpacademyAdaptive","height","_get2","contextTypes","skin","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","bool","oneOf","_keys2","CardTitle","title","courseContent","innerHTML","lightTitle","darkTitle","dangerouslySetInnerHTML","__html","AuthorName","author","certifiedAuthor","checkIcon","NovaSolidStatusCheckCircle2","authorIcon","darkAuthorTitle","ContentInfo","disabled","progress","badgeCategory","badgeLabel","progressBarColor","COLORS","cm_positive_500","inlineProgressValueStyle","backgroundColor","width","externalContent","isExternalContent","chapterContent","progressBar","_isNil2","progressWrapper","hideProgressBar","role","infoWrapper","hero","card","progressBarDisabled","cardInfo","iconWrapper","category","number","ContentBadge","shape","progression","adaptive","_default"],"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={25} 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\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={style.cardInfo}>\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","_interopRequireDefault","require","_propTypes","_classnames","_novaIcons","_externalContent","_provider","_contentBadge","_tag","_colors","_style","e","__esModule","default","MODES","exports","HERO","CARD","THEMES","coorpmanager","style","getCardInfo","contentType","translate","label","iconName","ContentTypeInfo","mode","type","adaptiv","ariaLabel","isCourse","empty","theme","context","createElement","className","contentTypeInfos","size","icon","classnames","adaptiveIcon","iconShadow","NovaCompositionCoorpacademyAdaptive","height","_get2","contextTypes","skin","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","bool","oneOf","_keys2","CardTitle","title","courseContent","innerHTML","lightTitle","darkTitle","dangerouslySetInnerHTML","__html","AuthorName","author","certifiedAuthor","checkIcon","NovaSolidStatusCheckCircle2","authorIcon","darkAuthorTitle","ContentInfo","disabled","progress","badgeCategory","badgeLabel","progressBarColor","COLORS","cm_positive_500","inlineProgressValueStyle","backgroundColor","width","externalContent","isExternalContent","chapterContent","progressBar","_isNil2","progressWrapper","hideProgressBar","role","infoWrapper","hero","card","progressBarDisabled","cardInfo","cardCourseTitle","iconWrapper","category","number","ContentBadge","shape","progression","adaptive","_default"],"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\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":[]}

package/lib/molecule/card-content/style.css

@@ -66,10 +66,10 @@
   gap: 4px;
   flex-direction: column;
   position: relative;
-  justify-content: center;
-  padding-top: 50%;
+  justify-content: flex-end;
   padding-left: 16px;
   padding-right: 16px;
+  /* padding: 0 16px; */
   width: 100%;
   box-sizing: border-box;
 }
@@ -182,7 +182,7 @@
 
 .adaptiveIcon {
   width: 25px;
-  height: 25px;
+  height: 20px;
   color: lightBlack;
 }
 
@@ -245,11 +245,22 @@
   overflow: hidden;
 }
 
+.externalContent.infoWrapper {
+  padding-top: 50%;
+}
+
 .coorpmanager.externalContent .cardInfo {
   flex-grow: 2;
   max-height: 79px;
 }
 
+.cardInfo.cardCourseTitle {
+  flex-grow: 0;
+  display: flex;
+  justify-content: flex-end;
+  flex-direction: column;
+}
+
 @media mobile {
   .author {
     font-size: 12px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "11.38.1-alpha.12+ddbbf78aa",
+  "version": "11.38.1-alpha.14+0cbf475d6",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -165,5 +165,5 @@
     "last 2 versions",
     "IE 11"
   ],
-  "gitHead": "ddbbf78aa4ae3336de2ee990da8977201407b6dc"
+  "gitHead": "0cbf475d6732a47b0fdf2ec9e234193c957b204c"
 }