@coorpacademy/components 11.40.26 → 11.41.0

package/es/molecule/brand-form-group/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classNames","Autocomplete","Select","SelectMultiple","InputText","InputColor","InputCheckbox","InputReadonly","InputSwitch","BrandUploadBox","BrandDownloadBox","Button","InputTextarea","InputHTML","InputDoublestep","InputFileDraggable","SetupSlider","SetupSections","Title","Roles","TitleAndCheckBoxWrapper","ButtonLink","TitleAndInput","style","inputContainerStyle","default","defaultWidth","medium","mediumWidth","large","largeWidth","buildInput","field","type","rest","createElement","_extends","theme","className","imageUploadContainer","bulkUploadContainer","label","submitValue","link","href","target","download","customStyle","width","buttonType","buildField","title","index","input","size","styleInput","isMassiveBattle","styleField","fieldMassiveBattle","key","defineLayoutClass","layout","grid","layoutBulk","BrandFormGroup","props","subtitle","fieldsLayout","groupLayout","fields","titleSize","subtitleSize","fieldsList","_map","convert","cap","_snakeCase","wrapper","groupGrid","titleWrapper","propTypes","process","env","NODE_ENV","string","arrayOf","oneOfType","shape","oneOf","_keys"],"sources":["../../../src/molecule/brand-form-group/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {keys, map, snakeCase} from 'lodash/fp';\nimport classNames from 'classnames';\nimport Autocomplete from '../../atom/autocomplete';\nimport Select from '../../atom/select';\nimport SelectMultiple from '../select-multiple';\nimport InputText from '../../atom/input-text';\nimport InputColor from '../../atom/input-color';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputSwitch from '../../atom/input-switch';\nimport BrandUploadBox from '../brand-upload-box';\nimport BrandDownloadBox from '../brand-download-box';\nimport Button from '../../atom/button';\nimport InputTextarea from '../../atom/input-textarea';\nimport InputHTML from '../../atom/input-html';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport InputFileDraggable from '../../atom/input-file-draggable';\nimport SetupSlider from '../setup-slider';\nimport SetupSections from '../setup-sections';\nimport Title from '../../atom/title';\nimport Roles from '../coorp-manager-roles';\nimport TitleAndCheckBoxWrapper from '../title-and-checkbox-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport TitleAndInput from '../../organism/title-and-input';\nimport style from './style.css';\n\nconst inputContainerStyle = {\n  default: style.defaultWidth,\n  medium: style.mediumWidth,\n  large: style.largeWidth\n};\n\nconst buildInput = field => {\n  const {type, ...rest} = field;\n\n  switch (type) {\n    case 'autoComplete':\n      return <Autocomplete {...field} />;\n    case 'color':\n      return <InputColor {...field} />;\n    case 'readonly':\n      return <InputReadonly {...field} />;\n    case 'switch':\n      return <InputSwitch {...field} />;\n    case 'textarea':\n      return <InputTextarea {...field} />;\n    case 'html':\n      return <InputHTML {...field} />;\n    case 'doublestep':\n      return <InputDoublestep {...field} />;\n    case 'select':\n      return <Select {...field} theme={'coorpmanager'} />;\n    case 'selectMultiple':\n      return <SelectMultiple {...field} />;\n    case 'checkbox':\n      return <InputCheckbox {...field} />;\n    case 'image':\n      return (\n        <div className={style.imageUploadContainer}>\n          <InputFileDraggable {...field} />\n        </div>\n      );\n    case 'bulkUpload':\n      return (\n        <div className={style.bulkUploadContainer}>\n          <InputFileDraggable {...field} />\n        </div>\n      );\n    case 'slider':\n      return <SetupSlider {...field} />;\n    case 'sections':\n      return <SetupSections {...field} />;\n    case 'text':\n    case 'password':\n      return <InputText {...field} />;\n    case 'downloadbox':\n      return <BrandDownloadBox {...field} />;\n    case 'uploadbox':\n      return <BrandUploadBox {...field} />;\n    case 'button':\n    case 'link':\n      return (\n        <ButtonLink\n          {...field}\n          type=\"primary\"\n          label={field.submitValue}\n          link={\n            field.href ? {href: field.href, target: field.target, download: field.download} : null\n          }\n          customStyle={{width: 'fit-content'}}\n        />\n      );\n    case 'buttonLink':\n      return <ButtonLink {...field} type={field.buttonType} />;\n    case 'roles':\n      return <Roles {...field} />;\n    case 'titleAndCheckBoxWrapper':\n      return <TitleAndCheckBoxWrapper {...field} />;\n    case 'titleAndInput':\n      return <TitleAndInput {...field} />;\n    default:\n      return <InputText {...rest} type={'text'} />;\n  }\n};\n\nconst buildField = (field, title, index) => {\n  const input = buildInput(field);\n  const {theme, size = 'default'} = field.type === 'titleAndInput' ? field.field : field;\n  const styleInput =\n    theme === 'coorpmanager' || theme === 'skillDetail' ? inputContainerStyle[size] : style.field;\n  const isMassiveBattle = field.type === 'titleAndInput' && title === 'Massive Battle';\n  const styleField = isMassiveBattle ? style.fieldMassiveBattle : styleInput;\n\n  return (\n    <div className={styleField} key={index}>\n      {input}\n    </div>\n  );\n};\n\nconst defineLayoutClass = layout => {\n  if (layout === 'grid') return classNames(style.grid);\n  else if (layout === 'bulkLayout') return classNames(style.layoutBulk);\n  else return classNames(null);\n};\n\nconst BrandFormGroup = props => {\n  const {\n    title,\n    subtitle = '',\n    fieldsLayout = '',\n    groupLayout = '',\n    fields = [],\n    titleSize,\n    subtitleSize = 'standard'\n  } = props;\n  const fieldsList = map.convert({cap: false})(\n    (field, index) => buildField(field, title, index),\n    fields\n  );\n  const layout = useMemo(() => defineLayoutClass(fieldsLayout), [fieldsLayout]);\n\n  return (\n    <div\n      data-name={`brand_form_group_${snakeCase(title)}`}\n      className={classNames(style.wrapper, groupLayout === 'grid' && style.groupGrid)}\n    >\n      <div className={style.titleWrapper}>\n        <Title\n          title={title}\n          subtitle={subtitle}\n          titleSize={titleSize}\n          subtitleSize={subtitleSize}\n          type={'form-group'}\n        />\n      </div>\n      <div className={layout}>{fieldsList}</div>\n    </div>\n  );\n};\n\nBrandFormGroup.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  titleSize: PropTypes.string,\n  subtitleSize: PropTypes.string,\n  fieldsLayout: PropTypes.string,\n  groupLayout: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...Autocomplete.propTypes,\n        type: PropTypes.oneOf(['autoComplete']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputColor.propTypes,\n        type: PropTypes.oneOf(['color'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputText.propTypes,\n        type: PropTypes.oneOf(['password']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputSwitch.propTypes,\n        type: PropTypes.oneOf(['switch'])\n      }),\n      PropTypes.shape({\n        ...InputTextarea.propTypes,\n        type: PropTypes.oneOf(['textarea']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputHTML.propTypes,\n        type: PropTypes.oneOf(['html'])\n      }),\n      PropTypes.shape({\n        ...InputDoublestep.propTypes,\n        type: PropTypes.oneOf(['doublestep'])\n      }),\n      PropTypes.shape({\n        ...Select.propTypes,\n        type: PropTypes.oneOf(['select']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputCheckbox.propTypes,\n        type: PropTypes.oneOf(['checkbox'])\n      }),\n      PropTypes.shape({\n        ...InputFileDraggable.propTypes,\n        type: PropTypes.oneOf(['image'])\n      }),\n      PropTypes.shape({\n        ...InputFileDraggable.propTypes,\n        type: PropTypes.oneOf(['bulkImage'])\n      }),\n      PropTypes.shape({\n        ...SetupSlider.propTypes,\n        type: PropTypes.oneOf(['slider'])\n      }),\n      PropTypes.shape({\n        ...SetupSections.propTypes,\n        type: PropTypes.oneOf(['sections'])\n      }),\n      PropTypes.shape({\n        ...InputText.propTypes,\n        type: PropTypes.oneOf(['text', 'password']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...BrandDownloadBox.propTypes,\n        type: PropTypes.oneOf(['downloadbox'])\n      }),\n      PropTypes.shape({\n        ...BrandUploadBox.propTypes,\n        type: PropTypes.oneOf(['uploadbox'])\n      }),\n      PropTypes.shape({\n        ...Button.propTypes,\n        type: PropTypes.oneOf(['button'])\n      }),\n      PropTypes.shape({\n        ...ButtonLink.propTypes,\n        buttonType: ButtonLink.propTypes.type,\n        type: PropTypes.oneOf(['buttonLink'])\n      }),\n      PropTypes.shape({\n        ...SelectMultiple.propTypes,\n        type: PropTypes.oneOf(['selectMultiple'])\n      }),\n      PropTypes.shape({\n        ...Roles.propTypes,\n        type: PropTypes.oneOf(['roles'])\n      }),\n      PropTypes.shape(InputText.propTypes),\n      PropTypes.shape({\n        ...TitleAndInput.propTypes,\n        type: PropTypes.oneOf(['titleAndInput'])\n      })\n    ])\n  )\n};\nexport default BrandFormGroup;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classNames","Autocomplete","Select","SelectMultiple","InputText","InputDate","InputColor","InputCheckbox","InputReadonly","InputSwitch","BrandUploadBox","BrandDownloadBox","Button","InputTextarea","InputHTML","InputDoublestep","InputFileDraggable","SetupSlider","SetupSections","Title","Roles","TitleAndCheckBoxWrapper","ButtonLink","TitleAndInput","style","inputContainerStyle","default","defaultWidth","medium","mediumWidth","large","largeWidth","buildInput","field","type","rest","createElement","_extends","theme","className","imageUploadContainer","bulkUploadContainer","label","submitValue","link","href","target","download","customStyle","width","buttonType","buildField","title","index","input","size","styleInput","isMassiveBattle","styleField","fieldMassiveBattle","key","defineLayoutClass","layout","grid","layoutBulk","BrandFormGroup","props","subtitle","fieldsLayout","groupLayout","fields","titleSize","subtitleSize","fieldsList","_map","convert","cap","_snakeCase","wrapper","groupGrid","titleWrapper","propTypes","process","env","NODE_ENV","string","arrayOf","oneOfType","shape","oneOf","_keys"],"sources":["../../../src/molecule/brand-form-group/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {keys, map, snakeCase} from 'lodash/fp';\nimport classNames from 'classnames';\nimport Autocomplete from '../../atom/autocomplete';\nimport Select from '../../atom/select';\nimport SelectMultiple from '../select-multiple';\nimport InputText from '../../atom/input-text';\nimport InputDate from '../../atom/input-date';\nimport InputColor from '../../atom/input-color';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputSwitch from '../../atom/input-switch';\nimport BrandUploadBox from '../brand-upload-box';\nimport BrandDownloadBox from '../brand-download-box';\nimport Button from '../../atom/button';\nimport InputTextarea from '../../atom/input-textarea';\nimport InputHTML from '../../atom/input-html';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport InputFileDraggable from '../../atom/input-file-draggable';\nimport SetupSlider from '../setup-slider';\nimport SetupSections from '../setup-sections';\nimport Title from '../../atom/title';\nimport Roles from '../coorp-manager-roles';\nimport TitleAndCheckBoxWrapper from '../title-and-checkbox-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport TitleAndInput from '../../organism/title-and-input';\nimport style from './style.css';\n\nconst inputContainerStyle = {\n  default: style.defaultWidth,\n  medium: style.mediumWidth,\n  large: style.largeWidth\n};\n\nconst buildInput = field => {\n  const {type, ...rest} = field;\n\n  switch (type) {\n    case 'autoComplete':\n      return <Autocomplete {...field} />;\n    case 'color':\n      return <InputColor {...field} />;\n    case 'readonly':\n      return <InputReadonly {...field} />;\n    case 'switch':\n      return <InputSwitch {...field} />;\n    case 'textarea':\n      return <InputTextarea {...field} />;\n    case 'html':\n      return <InputHTML {...field} />;\n    case 'doublestep':\n      return <InputDoublestep {...field} />;\n    case 'select':\n      return <Select {...field} theme={'coorpmanager'} />;\n    case 'selectMultiple':\n      return <SelectMultiple {...field} />;\n    case 'checkbox':\n      return <InputCheckbox {...field} />;\n    case 'image':\n      return (\n        <div className={style.imageUploadContainer}>\n          <InputFileDraggable {...field} />\n        </div>\n      );\n    case 'bulkUpload':\n      return (\n        <div className={style.bulkUploadContainer}>\n          <InputFileDraggable {...field} />\n        </div>\n      );\n    case 'slider':\n      return <SetupSlider {...field} />;\n    case 'sections':\n      return <SetupSections {...field} />;\n    case 'date':\n      return <InputDate {...field} />;\n    case 'text':\n    case 'password':\n      return <InputText {...field} />;\n    case 'downloadbox':\n      return <BrandDownloadBox {...field} />;\n    case 'uploadbox':\n      return <BrandUploadBox {...field} />;\n    case 'button':\n    case 'link':\n      return (\n        <ButtonLink\n          {...field}\n          type=\"primary\"\n          label={field.submitValue}\n          link={\n            field.href ? {href: field.href, target: field.target, download: field.download} : null\n          }\n          customStyle={{width: 'fit-content'}}\n        />\n      );\n    case 'buttonLink':\n      return <ButtonLink {...field} type={field.buttonType} />;\n    case 'roles':\n      return <Roles {...field} />;\n    case 'titleAndCheckBoxWrapper':\n      return <TitleAndCheckBoxWrapper {...field} />;\n    case 'titleAndInput':\n      return <TitleAndInput {...field} />;\n    default:\n      return <InputText {...rest} type={'text'} />;\n  }\n};\n\nconst buildField = (field, title, index) => {\n  const input = buildInput(field);\n  const {theme, size = 'default'} = field.type === 'titleAndInput' ? field.field : field;\n  const styleInput =\n    theme === 'coorpmanager' || theme === 'skillDetail' ? inputContainerStyle[size] : style.field;\n  const isMassiveBattle = field.type === 'titleAndInput' && title === 'Massive Battle';\n  const styleField = isMassiveBattle ? style.fieldMassiveBattle : styleInput;\n\n  return (\n    <div className={styleField} key={index}>\n      {input}\n    </div>\n  );\n};\n\nconst defineLayoutClass = layout => {\n  if (layout === 'grid') return classNames(style.grid);\n  else if (layout === 'bulkLayout') return classNames(style.layoutBulk);\n  else return classNames(null);\n};\n\nconst BrandFormGroup = props => {\n  const {\n    title,\n    subtitle = '',\n    fieldsLayout = '',\n    groupLayout = '',\n    fields = [],\n    titleSize,\n    subtitleSize = 'standard'\n  } = props;\n  const fieldsList = map.convert({cap: false})(\n    (field, index) => buildField(field, title, index),\n    fields\n  );\n  const layout = useMemo(() => defineLayoutClass(fieldsLayout), [fieldsLayout]);\n\n  return (\n    <div\n      data-name={`brand_form_group_${snakeCase(title)}`}\n      className={classNames(style.wrapper, groupLayout === 'grid' && style.groupGrid)}\n    >\n      <div className={style.titleWrapper}>\n        <Title\n          title={title}\n          subtitle={subtitle}\n          titleSize={titleSize}\n          subtitleSize={subtitleSize}\n          type={'form-group'}\n        />\n      </div>\n      <div className={layout}>{fieldsList}</div>\n    </div>\n  );\n};\n\nBrandFormGroup.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  titleSize: PropTypes.string,\n  subtitleSize: PropTypes.string,\n  fieldsLayout: PropTypes.string,\n  groupLayout: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...Autocomplete.propTypes,\n        type: PropTypes.oneOf(['autoComplete']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputColor.propTypes,\n        type: PropTypes.oneOf(['color'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputText.propTypes,\n        type: PropTypes.oneOf(['password']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputSwitch.propTypes,\n        type: PropTypes.oneOf(['switch'])\n      }),\n      PropTypes.shape({\n        ...InputTextarea.propTypes,\n        type: PropTypes.oneOf(['textarea']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputHTML.propTypes,\n        type: PropTypes.oneOf(['html'])\n      }),\n      PropTypes.shape({\n        ...InputDoublestep.propTypes,\n        type: PropTypes.oneOf(['doublestep'])\n      }),\n      PropTypes.shape({\n        ...Select.propTypes,\n        type: PropTypes.oneOf(['select']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputCheckbox.propTypes,\n        type: PropTypes.oneOf(['checkbox'])\n      }),\n      PropTypes.shape({\n        ...InputFileDraggable.propTypes,\n        type: PropTypes.oneOf(['image'])\n      }),\n      PropTypes.shape({\n        ...InputFileDraggable.propTypes,\n        type: PropTypes.oneOf(['bulkImage'])\n      }),\n      PropTypes.shape({\n        ...SetupSlider.propTypes,\n        type: PropTypes.oneOf(['slider'])\n      }),\n      PropTypes.shape({\n        ...SetupSections.propTypes,\n        type: PropTypes.oneOf(['sections'])\n      }),\n      PropTypes.shape({\n        ...InputDate.propTypes,\n        type: PropTypes.oneOf(['date']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputText.propTypes,\n        type: PropTypes.oneOf(['text', 'password']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...BrandDownloadBox.propTypes,\n        type: PropTypes.oneOf(['downloadbox'])\n      }),\n      PropTypes.shape({\n        ...BrandUploadBox.propTypes,\n        type: PropTypes.oneOf(['uploadbox'])\n      }),\n      PropTypes.shape({\n        ...Button.propTypes,\n        type: PropTypes.oneOf(['button'])\n      }),\n      PropTypes.shape({\n        ...ButtonLink.propTypes,\n        buttonType: ButtonLink.propTypes.type,\n        type: PropTypes.oneOf(['buttonLink'])\n      }),\n      PropTypes.shape({\n        ...SelectMultiple.propTypes,\n        type: PropTypes.oneOf(['selectMultiple'])\n      }),\n      PropTypes.shape({\n        ...Roles.propTypes,\n        type: PropTypes.oneOf(['roles'])\n      }),\n      PropTypes.shape(InputText.propTypes),\n      PropTypes.shape({\n        ...TitleAndInput.propTypes,\n        type: PropTypes.oneOf(['titleAndInput'])\n      })\n    ])\n  )\n};\nexport default BrandFormGroup;\n"],"mappings":"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","ignoreList":[]}

package/es/molecule/card/index.d.ts

@@ -9,6 +9,7 @@ export const cardPropTypes: {
     disabled: PropTypes.Requireable<boolean>;
     adaptiv: PropTypes.Requireable<boolean>;
     type: PropTypes.Requireable<string>;
+    typeLabel: PropTypes.Requireable<string>;
     title: PropTypes.Requireable<string>;
     author: PropTypes.Requireable<string>;
     certifiedAuthor: PropTypes.Requireable<boolean>;

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":";;;;;AAsRA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BE;;;AAxKF,uDAoIG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/card/index.js"],"names":[],"mappings":";;;;;AAwRA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+BE;;;AA3KF,uDAsIG"}

package/es/molecule/card/index.js

@@ -127,6 +127,7 @@ const Card = /*#__PURE__*/memo(function Card(props, context) {
     adaptiv,
     disabled: hidden = false,
     type = 'course',
+    typeLabel,
     title,
     author,
     customer,
@@ -225,6 +226,7 @@ const Card = /*#__PURE__*/memo(function Card(props, context) {
     progress: progress,
     title: title,
     type: type,
+    typeLabel: typeLabel,
     badgeCategory: badgeCategory,
     badgeLabel: badgeLabel,
     theme: theme,
@@ -249,6 +251,7 @@ export const cardPropTypes = {
   disabled: PropTypes.bool,
   adaptiv: PropTypes.bool,
   type: PropTypes.string,
+  typeLabel: CardContentInfo.propTypes.typeLabel,
   title: PropTypes.string,
   author: PropTypes.string,
   certifiedAuthor: PropTypes.bool,

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","ICONS_TYPES","EXTERNAL_CONTENT_ICONS","Provider","CardContentInfo","MODES","FaIcon","COLORS","Customer","Favorite","Selectable","Notification","style","THEMES","default","coorpmanager","ICON_SIZE","CardBackground","type","image","empty","ariaLabel","skin","externalContent","primaryColor","_get","whiteColor","iconName","iconColor","backgroundIcon","createElement","className","externalIconCircleWrapper","externalIconCircleWithImageWrapper","customStyle","color","white","height","width","_backgroundIcon","backgroundColor","imageWrapper","role","backgroundImage","externalContentHeader","externalBackground","emptyIcon","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","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","_isEmpty","_pick","cardStyle","course","lazy","grid","_isUndefined","handleClick","e","lock","lockContent","lockIcon","dangerouslySetInnerHTML","__html","inlineBadgeStyle","getType","contentType","_extends","mode","CARD","lockWrapper","cardPropTypes","shape","number","func","oneOf","_keys"],"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, ICONS_TYPES, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport CardContentInfo, {MODES} from '../card-content';\nimport FaIcon from '../../atom/icon';\nimport {COLORS} from '../../variables/colors';\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 ICON_SIZE = '28px';\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]) || type === 'chapter') {\n    const {iconName, iconColor} = ICONS_TYPES[type];\n    const backgroundIcon = (\n      <div\n        className={classnames(\n          style.externalIconCircleWrapper,\n          style.externalIconCircleWithImageWrapper\n        )}\n      >\n        <FaIcon\n          iconName={iconName}\n          customStyle={{\n            color: COLORS.white,\n            height: ICON_SIZE,\n            width: ICON_SIZE\n          }}\n        />\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          data-testid=\"card-background-image\"\n        >\n          <FaIcon\n            iconName={iconName}\n            customStyle={{\n              color: COLORS.white,\n              height: ICON_SIZE,\n              width: ICON_SIZE\n            }}\n          />\n        </div>\n      );\n\n      return (\n        <div className={style.imageWrapper}>\n          <div\n            data-name=\"cover\"\n            role=\"img\"\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          role=\"img\"\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 className={style.imageWrapper}>\n      <div\n        data-name=\"cover\"\n        role=\"img\"\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    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 => onClick(e), [onClick]);\n  const lock = disabled ? (\n    <div className={style.lockContent}>\n      <LockIcon className={style.lockIcon} height={48} />\n      <span\n        role=\"group\"\n        aria-label={disabledArialabel}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: disabledContent}}\n      />\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  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      role=\"group\"\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\n          className={style.badge}\n          style={inlineBadgeStyle}\n          role=\"group\"\n          aria-label={badgeAriaLabel}\n        >\n          {badge}\n        </div>\n      ) : null}\n      {disabled ? (\n        <div className={style.lockWrapper} role=\"group\" aria-label={disabledArialabel}>\n          {lock}\n        </div>\n      ) : null}\n    </div>\n  );\n});\n\nCard.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport const cardPropTypes = {\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};\n\nCard.propTypes = cardPropTypes;\n\nexport default Card;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","memo","PropTypes","classnames","NovaCompositionCoorpacademyPadlock","LockIcon","NovaCompositionCoorpacademyPictures","PicturesIcon","isExternalContent","ICONS_TYPES","EXTERNAL_CONTENT_ICONS","Provider","CardContentInfo","MODES","FaIcon","COLORS","Customer","Favorite","Selectable","Notification","style","THEMES","default","coorpmanager","ICON_SIZE","CardBackground","type","image","empty","ariaLabel","skin","externalContent","primaryColor","_get","whiteColor","iconName","iconColor","backgroundIcon","createElement","className","externalIconCircleWrapper","externalIconCircleWithImageWrapper","customStyle","color","white","height","width","_backgroundIcon","backgroundColor","imageWrapper","role","backgroundImage","externalContentHeader","externalBackground","emptyIcon","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","bool","Card","props","context","badge","adaptiv","disabled","hidden","typeLabel","title","author","customer","certifiedAuthor","progress","favorite","addFavoriteToolTip","removeFavoriteToolTip","onClick","onFavoriteClick","isSelected","notification","badgeCategory","badgeLabel","theme","disabledContent","cardArialabel","backgroundAriaLabel","favoriteAriaLabel","selectableAriaLabel","customerAriaLabel","badgeAriaLabel","disabledArialabel","cardContentLabelAriaLabel","_isEmpty","_pick","cardStyle","course","lazy","grid","_isUndefined","handleClick","e","lock","lockContent","lockIcon","dangerouslySetInnerHTML","__html","inlineBadgeStyle","getType","contentType","_extends","mode","CARD","lockWrapper","cardPropTypes","shape","number","func","oneOf","_keys"],"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, ICONS_TYPES, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport CardContentInfo, {MODES} from '../card-content';\nimport FaIcon from '../../atom/icon';\nimport {COLORS} from '../../variables/colors';\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 ICON_SIZE = '28px';\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]) || type === 'chapter') {\n    const {iconName, iconColor} = ICONS_TYPES[type];\n    const backgroundIcon = (\n      <div\n        className={classnames(\n          style.externalIconCircleWrapper,\n          style.externalIconCircleWithImageWrapper\n        )}\n      >\n        <FaIcon\n          iconName={iconName}\n          customStyle={{\n            color: COLORS.white,\n            height: ICON_SIZE,\n            width: ICON_SIZE\n          }}\n        />\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          data-testid=\"card-background-image\"\n        >\n          <FaIcon\n            iconName={iconName}\n            customStyle={{\n              color: COLORS.white,\n              height: ICON_SIZE,\n              width: ICON_SIZE\n            }}\n          />\n        </div>\n      );\n\n      return (\n        <div className={style.imageWrapper}>\n          <div\n            data-name=\"cover\"\n            role=\"img\"\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          role=\"img\"\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 className={style.imageWrapper}>\n      <div\n        data-name=\"cover\"\n        role=\"img\"\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    typeLabel,\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    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 => onClick(e), [onClick]);\n  const lock = disabled ? (\n    <div className={style.lockContent}>\n      <LockIcon className={style.lockIcon} height={48} />\n      <span\n        role=\"group\"\n        aria-label={disabledArialabel}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: disabledContent}}\n      />\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  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      role=\"group\"\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        typeLabel={typeLabel}\n        badgeCategory={badgeCategory}\n        badgeLabel={badgeLabel}\n        theme={theme}\n        aria-label={cardContentLabelAriaLabel}\n      />\n      {badge ? (\n        <div\n          className={style.badge}\n          style={inlineBadgeStyle}\n          role=\"group\"\n          aria-label={badgeAriaLabel}\n        >\n          {badge}\n        </div>\n      ) : null}\n      {disabled ? (\n        <div className={style.lockWrapper} role=\"group\" aria-label={disabledArialabel}>\n          {lock}\n        </div>\n      ) : null}\n    </div>\n  );\n});\n\nCard.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport const cardPropTypes = {\n  badge: PropTypes.string,\n  image: PropTypes.string,\n  disabled: PropTypes.bool,\n  adaptiv: PropTypes.bool,\n  type: PropTypes.string,\n  typeLabel: CardContentInfo.propTypes.typeLabel,\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};\n\nCard.propTypes = cardPropTypes;\n\nexport default Card;\n"],"mappings":"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","ignoreList":[]}

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

@@ -8,7 +8,7 @@ export namespace THEMES {
     export const coorpmanager: any;
 }
 export default ContentInfo;
-declare function ContentInfo({ adaptiv, author, certifiedAuthor, disabled, empty, mode, progress, title, type, badgeCategory, badgeLabel, theme, "aria-label": ariaLabel }: {
+declare function ContentInfo({ adaptiv, author, certifiedAuthor, disabled, empty, mode, progress, title, type, typeLabel, badgeCategory, badgeLabel, theme, "aria-label": ariaLabel }: {
     adaptiv: any;
     author: any;
     certifiedAuthor?: boolean | undefined;
@@ -18,6 +18,7 @@ declare function ContentInfo({ adaptiv, author, certifiedAuthor, disabled, empty
     progress: any;
     title: any;
     type: any;
+    typeLabel: any;
     badgeCategory: any;
     badgeLabel: any;
     theme?: string | undefined;
@@ -56,6 +57,7 @@ declare namespace ContentInfo {
         progress: PropTypes.Requireable<number>;
         title: PropTypes.Requireable<string>;
         type: PropTypes.Requireable<string>;
+        typeLabel: PropTypes.Requireable<string>;
         mode: PropTypes.Requireable<string>;
         badgeCategory: PropTypes.Requireable<string>;
         badgeLabel: PropTypes.Requireable<string>;

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":";;;;;;;;;;AAkIA;;;;;;;;;;;;;;gBA0EC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/card-content/index.js"],"names":[],"mappings":";;;;;;;;;;AAsIA;;;;;;;;;;;;;;;gBA4EC"}

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

@@ -24,6 +24,7 @@ export const THEMES = {
 const ContentTypeInfo = ({
   mode,
   type,
+  typeLabel,
   adaptiv,
   ariaLabel,
   isCourse,
@@ -52,7 +53,7 @@ const ContentTypeInfo = ({
         return `5'learning`;
     }
   };
-  const label = getLabel(type);
+  const label = typeLabel || getLabel(type);
   const iconName = _getOr('stopwatch', type, ICONS_NAMES_MAP);
   return /*#__PURE__*/React.createElement("div", {
     className: style.contentTypeInfos
@@ -75,6 +76,7 @@ ContentTypeInfo.contextTypes = {
 };
 ContentTypeInfo.propTypes = process.env.NODE_ENV !== "production" ? {
   type: PropTypes.string,
+  typeLabel: PropTypes.string,
   mode: PropTypes.string,
   adaptiv: PropTypes.bool,
   ariaLabel: PropTypes.string,
@@ -138,6 +140,7 @@ const ContentInfo = ({
   progress,
   title,
   type,
+  typeLabel,
   badgeCategory,
   badgeLabel,
   theme = 'default',
@@ -166,6 +169,7 @@ const ContentInfo = ({
   }, /*#__PURE__*/React.createElement(ContentTypeInfo, {
     mode: mode,
     type: type,
+    typeLabel: typeLabel,
     adaptiv: adaptiv,
     isCourse: courseContent,
     empty: empty,
@@ -201,6 +205,8 @@ ContentInfo.propTypes = process.env.NODE_ENV !== "production" ? {
   progress: PropTypes.number,
   title: PropTypes.string,
   type: PropTypes.string,
+  // Replaces the type chip's own label when given (e.g. « Module » on a learner assignment card)
+  typeLabel: PropTypes.string,
   mode: PropTypes.string,
   badgeCategory: ContentBadge.propTypes.category,
   badgeLabel: ContentBadge.propTypes.label,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaCompositionCoorpacademyAdaptive","AdaptivIcon","NovaSolidStatusCheckCircle2","CheckIcon","Provider","ContentBadge","Tag","COLORS","isExternalContent","ICONS_NAMES_MAP","style","MODES","HERO","CARD","THEMES","default","coorpmanager","ContentTypeInfo","mode","type","adaptiv","ariaLabel","isCourse","empty","theme","context","translate","getLabel","contentType","label","iconName","_getOr","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","role","darkAuthorTitle","ContentInfo","disabled","progress","badgeCategory","badgeLabel","progressBarColor","cm_positive_500","inlineProgressValueStyle","backgroundColor","width","chapterContent","externalContent","progressBar","_isNil","progressWrapper","hideProgressBar","infoWrapper","hero","card","progressBarDisabled","standardContent","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, getOr, isNil, keys} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyAdaptive as AdaptivIcon,\n  NovaSolidStatusCheckCircle2 as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport ContentBadge from '../../atom/content-badge';\nimport Tag from '../../atom/tag';\nimport {COLORS} from '../../variables/colors';\nimport {isExternalContent} from '../../util/external-content';\nimport {ICONS_NAMES_MAP} from '../../util/icons';\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, adaptiv, ariaLabel, isCourse, empty, theme}, context) => {\n  const {translate} = context;\n  if (mode !== MODES.CARD || empty || theme === 'coorpmanager') {\n    return null;\n  }\n  const getLabel = contentType => {\n    switch (contentType) {\n      case 'scorm':\n        return translate('content_type_scorm');\n      case 'video':\n        return translate('content_type_video');\n      case 'article':\n        return translate('content_type_article');\n      case 'podcast':\n        return translate('content_type_podcast');\n      case 'course':\n        return translate('content_type_course');\n      default:\n        return `5'learning`;\n    }\n  };\n  const label = getLabel(type);\n  const iconName = getOr('stopwatch', type, ICONS_NAMES_MAP);\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      role=\"group\"\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 courseContent = type === 'course';\n  const chapterContent = type === 'chapter';\n  const externalContent = isExternalContent(type);\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  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        chapterContent || courseContent || externalContent ? style.standardContent : null\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","Provider","ContentBadge","Tag","COLORS","isExternalContent","ICONS_NAMES_MAP","style","MODES","HERO","CARD","THEMES","default","coorpmanager","ContentTypeInfo","mode","type","typeLabel","adaptiv","ariaLabel","isCourse","empty","theme","context","translate","getLabel","contentType","label","iconName","_getOr","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","role","darkAuthorTitle","ContentInfo","disabled","progress","badgeCategory","badgeLabel","progressBarColor","cm_positive_500","inlineProgressValueStyle","backgroundColor","width","chapterContent","externalContent","progressBar","_isNil","progressWrapper","hideProgressBar","infoWrapper","hero","card","progressBarDisabled","standardContent","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, getOr, isNil, keys} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyAdaptive as AdaptivIcon,\n  NovaSolidStatusCheckCircle2 as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport ContentBadge from '../../atom/content-badge';\nimport Tag from '../../atom/tag';\nimport {COLORS} from '../../variables/colors';\nimport {isExternalContent} from '../../util/external-content';\nimport {ICONS_NAMES_MAP} from '../../util/icons';\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 = (\n  {mode, type, typeLabel, adaptiv, ariaLabel, isCourse, empty, theme},\n  context\n) => {\n  const {translate} = context;\n  if (mode !== MODES.CARD || empty || theme === 'coorpmanager') {\n    return null;\n  }\n  const getLabel = contentType => {\n    switch (contentType) {\n      case 'scorm':\n        return translate('content_type_scorm');\n      case 'video':\n        return translate('content_type_video');\n      case 'article':\n        return translate('content_type_article');\n      case 'podcast':\n        return translate('content_type_podcast');\n      case 'course':\n        return translate('content_type_course');\n      default:\n        return `5'learning`;\n    }\n  };\n  const label = typeLabel || getLabel(type);\n  const iconName = getOr('stopwatch', type, ICONS_NAMES_MAP);\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  typeLabel: 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      role=\"group\"\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  typeLabel,\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 courseContent = type === 'course';\n  const chapterContent = type === 'chapter';\n  const externalContent = isExternalContent(type);\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  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        chapterContent || courseContent || externalContent ? style.standardContent : null\n      )}\n    >\n      <ContentTypeInfo\n        mode={mode}\n        type={type}\n        typeLabel={typeLabel}\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  // Replaces the type chip's own label when given (e.g. « Module » on a learner assignment card)\n  typeLabel: 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/cm-popin/types.d.ts

@@ -85,6 +85,7 @@ declare const propTypes: {
                 customLabelClassName: PropTypes.Requireable<string>;
             }>>;
             required: PropTypes.Requireable<boolean>;
+            headingLevel: PropTypes.Requireable<number>;
         }>>;
         headerIcon: PropTypes.Requireable<string>;
         backgroundImage: PropTypes.Requireable<string>;
@@ -235,6 +236,15 @@ declare const propTypes: {
                 items: PropTypes.Requireable<(PropTypes.InferProps<{
                     title: PropTypes.Validator<string>;
                     subtitle: PropTypes.Requireable<string>;
+                    titleTags: PropTypes.Requireable<(PropTypes.InferProps<{
+                        label: PropTypes.Validator<string>;
+                        type: PropTypes.Requireable<string>;
+                    }> | null | undefined)[]>;
+                    details: PropTypes.Requireable<string>;
+                    progress: PropTypes.Requireable<PropTypes.InferProps<{
+                        value: PropTypes.Validator<number>;
+                        label: PropTypes.Validator<string>;
+                    }>>;
                     'data-name': PropTypes.Requireable<string>;
                     provider: PropTypes.Requireable<PropTypes.InferProps<{
                         label: PropTypes.Requireable<string>;
@@ -681,6 +691,7 @@ declare const propTypes: {
                     customLabelClassName: PropTypes.Requireable<string>;
                 }>>;
                 required: PropTypes.Requireable<boolean>;
+                headingLevel: PropTypes.Requireable<number>;
             }> | null | undefined>>;
             isFetching: PropTypes.Requireable<boolean>;
             search: PropTypes.Requireable<PropTypes.InferProps<{

package/es/molecule/cm-popin/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAKnC,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAElD,OAAO,EAAC,SAAS,IAAI,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE3D,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDd,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,UAAU,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE;QACZ,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;IAC1D,IAAI,EAAE,OAAO,GAAG,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC5D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC;QACzB,IAAI,EACA,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,GAChD,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;KACtD,CAAC;IACF,IAAI,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC;CACpD,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/types.ts"],"names":[],"mappings":"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"}

package/es/molecule/dashboard/cards-list/index.d.ts

@@ -9,12 +9,14 @@ declare class CardsList extends React.PureComponent<any, any, any> {
         dataName: PropTypes.Requireable<string>;
         title: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
         showMore: PropTypes.Requireable<string>;
+        alwaysShowMore: PropTypes.Requireable<boolean>;
         cards: PropTypes.Requireable<(NonNullable<PropTypes.InferProps<{
             badge: PropTypes.Requireable<string>;
             image: PropTypes.Requireable<string>;
             disabled: PropTypes.Requireable<boolean>;
             adaptiv: PropTypes.Requireable<boolean>;
             type: PropTypes.Requireable<string>;
+            typeLabel: PropTypes.Requireable<string>;
             title: PropTypes.Requireable<string>;
             author: PropTypes.Requireable<string>;
             certifiedAuthor: PropTypes.Requireable<boolean>;
@@ -74,6 +76,7 @@ declare class CardsList extends React.PureComponent<any, any, any> {
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                 isActive: PropTypes.Requireable<boolean>;
             }> | null | undefined)[]>;
+            compact: PropTypes.Requireable<boolean>;
         }>>;
         customStyle: PropTypes.Requireable<{
             [x: string]: string | null | undefined;

package/es/molecule/dashboard/cards-list/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/dashboard/cards-list/index.js"],"names":[],"mappings":";AA2FA;IACE;;;OAGG;IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA4BE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAkCC;IA/BC;;;;;;;;MAQC;IAED,0DAAgE;IAsHlE,qBAiBC;IAED,qBAGC;IAED,sBAGC;IAED,0BASC;IAvJC,uEAA6D;IAyJ/D,mCAIC;IA5DD,oCAMC;IAGD,sCAIC;IA5DD,qBAGC;IAnCD,0BAMC;IAED,2BAYC;IAED,6BAOC;IASD,wCAuCC;IAGC,kBAA2B;IA6D7B,sBAkHC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/dashboard/cards-list/index.js"],"names":[],"mappings":";AA4FA;IACE;;;OAGG;IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAgCE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAkCC;IA/BC;;;;;;;;MAQC;IAED,0DAAgE;IAsHlE,qBAiBC;IAED,qBAGC;IAED,sBAGC;IAED,0BASC;IAvJC,uEAA6D;IAyJ/D,mCAIC;IA5DD,oCAMC;IAGD,sCAIC;IA5DD,qBAGC;IAnCD,0BAMC;IAED,2BAYC;IAED,6BAOC;IASD,wCAuCC;IAGC,kBAA2B;IA6D7B,sBAuHC;CACF"}

package/es/molecule/dashboard/cards-list/index.js

@@ -17,6 +17,7 @@ import PropTypes from 'prop-types';
 import { NovaSolidContentContentBook1 as LearnerIcon, NovaCompositionCoorpacademyTimer as TimerIcon } from '@coorpacademy/nova-icons';
 import Provider from '../../../atom/provider';
 import Card, { cardPropTypes } from '../../card';
+import AssignmentCard from '../../assignment-card';
 import LearningPriorityCard from '../../learning-priority-card';
 import CertificationCard from '../../certification-card';
 import LearnerSkillCard from '../../learner-skill-card';
@@ -271,6 +272,7 @@ class CardsList extends React.PureComponent {
       title,
       tabs,
       showMore,
+      alwaysShowMore = false,
       cards,
       customStyle = {},
       onShowMore,
@@ -289,7 +291,9 @@ class CardsList extends React.PureComponent {
     const titleStyle = onShowMore ? style.titleLink : style.title;
     const cardsView = _pipe(_toPairs, _map(([key, card]) => {
       let CardComponent = Card;
-      if (card && type === 'learningPrioritiesCards') {
+      if (card && type === 'assignments') {
+        CardComponent = AssignmentCard;
+      } else if (card && type === 'learningPrioritiesCards') {
         CardComponent = LearningPriorityCard;
       } else if (card && type === 'skills') {
         CardComponent = LearnerSkillCard;
@@ -337,14 +341,14 @@ class CardsList extends React.PureComponent {
     }, title);
     const tabsView = tabs ? /*#__PURE__*/React.createElement(Tabs, tabs) : null;
     const hasPages = maxPages > 0;
-    const showMoreView = hasPages && showMore && onShowMore ? /*#__PURE__*/React.createElement(ShowMoreLink, {
+    const showMoreView = (hasPages || alwaysShowMore) && showMore && onShowMore ? /*#__PURE__*/React.createElement(ShowMoreLink, {
       className: hasPages ? style.showMoreBar : style.showMore,
       onShowMore: onShowMore,
       showMore: showMore
     }) : null;
     const switchPagesView = hasPages ? /*#__PURE__*/React.createElement("div", {
       className: style.pagingWrapper
-    }, showMoreView, arrows) : null;
+    }, showMoreView, arrows) : showMoreView;
     return /*#__PURE__*/React.createElement("div", {
       className: style.wrapper,
       style: customStyle,
@@ -371,7 +375,9 @@ CardsList.propTypes = process.env.NODE_ENV !== "production" ? {
   dataName: PropTypes.string,
   title: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
   showMore: PropTypes.string,
-  cards: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape(cardPropTypes), PropTypes.shape(LearningPriorityCard.propTypes)])),
+  // Show the « show more » link even when every card fits (no page)
+  alwaysShowMore: PropTypes.bool,
+  cards: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape(cardPropTypes), PropTypes.shape(AssignmentCard.propTypes), PropTypes.shape(LearningPriorityCard.propTypes)])),
   tabs: PropTypes.shape(Tabs.propTypes),
   customStyle: PropTypes.objectOf(PropTypes.string),
   onScroll: PropTypes.func,
@@ -380,7 +386,7 @@ CardsList.propTypes = process.env.NODE_ENV !== "production" ? {
     showMoreOnLeftAriaLabel: PropTypes.string,
     showMoreOnRightAriaLabel: PropTypes.string
   }),
-  type: PropTypes.oneOf(['cards', 'learningPrioritiesCards', 'skills', 'certifications', 'playlists']),
+  type: PropTypes.oneOf(['cards', 'learningPrioritiesCards', 'assignments', 'skills', 'certifications', 'playlists']),
   // eslint-disable-next-line react/forbid-prop-types
   testingSizes: PropTypes.any
 } : {};