@coorpacademy/components 10.1.1 → 10.1.5

package/es/molecule/brand-form-group/test/fixtures/default.js

@@ -4,26 +4,35 @@ export default {
     fields: [{
       title: 'Domain name',
       value: 'samsung.coorpacademy.com',
-      type: 'readonly'
+      theme: 'coorpmanager',
+      type: 'text',
+      disabled: true
     }, {
       title: 'Platform name',
       value: 'Samsung',
-      type: 'readonly'
+      theme: 'coorpmanager',
+      type: 'text',
+      disabled: true
     }, {
       title: 'Description',
       value: '',
+      theme: 'coorpmanager',
       type: 'html'
     }, {
       title: 'TextArea',
       value: '',
-      type: 'textarea'
+      theme: 'coorpmanager',
+      type: 'textarea',
+      hint: ''
     }, {
       title: 'Default field',
       value: '',
+      theme: 'coorpmanager',
       type: 'unknow'
     }, {
       title: 'Select Multiple',
       value: '',
+      theme: 'coorpmanager',
       type: 'selectMultiple'
     }]
   }

package/es/molecule/brand-form-group/test/fixtures/default.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/brand-form-group/test/fixtures/default.js"],"names":["props","title","fields","value","type"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,eADF;AAELC,IAAAA,MAAM,EAAE,CACN;AACED,MAAAA,KAAK,EAAE,aADT;AAEEE,MAAAA,KAAK,EAAE,0BAFT;AAGEC,MAAAA,IAAI,EAAE;AAHR,KADM,EAMN;AACEH,MAAAA,KAAK,EAAE,eADT;AAEEE,MAAAA,KAAK,EAAE,SAFT;AAGEC,MAAAA,IAAI,EAAE;AAHR,KANM,EAWN;AACEH,MAAAA,KAAK,EAAE,aADT;AAEEE,MAAAA,KAAK,EAAE,EAFT;AAGEC,MAAAA,IAAI,EAAE;AAHR,KAXM,EAgBN;AACEH,MAAAA,KAAK,EAAE,UADT;AAEEE,MAAAA,KAAK,EAAE,EAFT;AAGEC,MAAAA,IAAI,EAAE;AAHR,KAhBM,EAqBN;AACEH,MAAAA,KAAK,EAAE,eADT;AAEEE,MAAAA,KAAK,EAAE,EAFT;AAGEC,MAAAA,IAAI,EAAE;AAHR,KArBM,EA0BN;AACEH,MAAAA,KAAK,EAAE,iBADT;AAEEE,MAAAA,KAAK,EAAE,EAFT;AAGEC,MAAAA,IAAI,EAAE;AAHR,KA1BM;AAFH;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    title: 'Platform Name',\n    fields: [\n      {\n        title: 'Domain name',\n        value: 'samsung.coorpacademy.com',\n        type: 'readonly'\n      },\n      {\n        title: 'Platform name',\n        value: 'Samsung',\n        type: 'readonly'\n      },\n      {\n        title: 'Description',\n        value: '',\n        type: 'html'\n      },\n      {\n        title: 'TextArea',\n        value: '',\n        type: 'textarea'\n      },\n      {\n        title: 'Default field',\n        value: '',\n        type: 'unknow'\n      },\n      {\n        title: 'Select Multiple',\n        value: '',\n        type: 'selectMultiple'\n      }\n    ]\n  }\n};\n"],"file":"default.js"}
+{"version":3,"sources":["../../../../../src/molecule/brand-form-group/test/fixtures/default.js"],"names":["props","title","fields","value","theme","type","disabled","hint"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,eADF;AAELC,IAAAA,MAAM,EAAE,CACN;AACED,MAAAA,KAAK,EAAE,aADT;AAEEE,MAAAA,KAAK,EAAE,0BAFT;AAGEC,MAAAA,KAAK,EAAE,cAHT;AAIEC,MAAAA,IAAI,EAAE,MAJR;AAKEC,MAAAA,QAAQ,EAAE;AALZ,KADM,EAQN;AACEL,MAAAA,KAAK,EAAE,eADT;AAEEE,MAAAA,KAAK,EAAE,SAFT;AAGEC,MAAAA,KAAK,EAAE,cAHT;AAIEC,MAAAA,IAAI,EAAE,MAJR;AAKEC,MAAAA,QAAQ,EAAE;AALZ,KARM,EAeN;AACEL,MAAAA,KAAK,EAAE,aADT;AAEEE,MAAAA,KAAK,EAAE,EAFT;AAGEC,MAAAA,KAAK,EAAE,cAHT;AAIEC,MAAAA,IAAI,EAAE;AAJR,KAfM,EAqBN;AACEJ,MAAAA,KAAK,EAAE,UADT;AAEEE,MAAAA,KAAK,EAAE,EAFT;AAGEC,MAAAA,KAAK,EAAE,cAHT;AAIEC,MAAAA,IAAI,EAAE,UAJR;AAKEE,MAAAA,IAAI,EAAE;AALR,KArBM,EA4BN;AACEN,MAAAA,KAAK,EAAE,eADT;AAEEE,MAAAA,KAAK,EAAE,EAFT;AAGEC,MAAAA,KAAK,EAAE,cAHT;AAIEC,MAAAA,IAAI,EAAE;AAJR,KA5BM,EAkCN;AACEJ,MAAAA,KAAK,EAAE,iBADT;AAEEE,MAAAA,KAAK,EAAE,EAFT;AAGEC,MAAAA,KAAK,EAAE,cAHT;AAIEC,MAAAA,IAAI,EAAE;AAJR,KAlCM;AAFH;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    title: 'Platform Name',\n    fields: [\n      {\n        title: 'Domain name',\n        value: 'samsung.coorpacademy.com',\n        theme: 'coorpmanager',\n        type: 'text',\n        disabled: true\n      },\n      {\n        title: 'Platform name',\n        value: 'Samsung',\n        theme: 'coorpmanager',\n        type: 'text',\n        disabled: true\n      },\n      {\n        title: 'Description',\n        value: '',\n        theme: 'coorpmanager',\n        type: 'html'\n      },\n      {\n        title: 'TextArea',\n        value: '',\n        theme: 'coorpmanager',\n        type: 'textarea',\n        hint: ''\n      },\n      {\n        title: 'Default field',\n        value: '',\n        theme: 'coorpmanager',\n        type: 'unknow'\n      },\n      {\n        title: 'Select Multiple',\n        value: '',\n        theme: 'coorpmanager',\n        type: 'selectMultiple'\n      }\n    ]\n  }\n};\n"],"file":"default.js"}

package/es/molecule/card/index.js

@@ -14,6 +14,7 @@ import Provider from '../../atom/provider';
 import CardContentInfo, { MODES } from '../card-content';
 import Customer from './customer';
 import Favorite from './favorite';
+import Selectable from './selectable';
 import Notification from './notification';
 import style from './style.css';
 
@@ -116,7 +117,10 @@ const Card = memo(function Card(props, context) {
     removeFavoriteToolTip,
     onClick,
     onFavoriteClick,
-    notification
+    isSelected,
+    notification,
+    badgeCategory,
+    badgeLabel
   } = props;
 
   const empty = _isEmpty(_pick(['title', 'type', 'author', 'image'], props));
@@ -160,14 +164,16 @@ const Card = memo(function Card(props, context) {
     type: type,
     image: image,
     empty: empty
-  }), !_isUndefined(favorite) ? /*#__PURE__*/React.createElement(Favorite, {
+  }), _isUndefined(isSelected) && !_isUndefined(favorite) ? /*#__PURE__*/React.createElement(Favorite, {
     className: style.favorite,
     favorite: favorite,
     disabled: disabled,
     onFavoriteClick: onFavoriteClick,
     addFavoriteToolTip: addFavoriteToolTip,
     removeFavoriteToolTip: removeFavoriteToolTip
-  }) : null, notification ? /*#__PURE__*/React.createElement(Notification, notification) : null, customer ? /*#__PURE__*/React.createElement(Customer, _extends({}, customer, {
+  }) : null, /*#__PURE__*/React.createElement(Selectable, {
+    isSelected: isSelected
+  }), notification ? /*#__PURE__*/React.createElement(Notification, notification) : null, customer ? /*#__PURE__*/React.createElement(Customer, _extends({}, customer, {
     className: classnames(style.customer, type === 'chapter' ? style.chapterCustomer : null)
   })) : null, /*#__PURE__*/React.createElement(CardContentInfo, {
     mode: MODES.CARD,
@@ -178,7 +184,9 @@ const Card = memo(function Card(props, context) {
     empty: empty,
     progress: progress,
     title: title,
-    type: type
+    type: type,
+    badgeCategory: badgeCategory,
+    badgeLabel: badgeLabel
   }), badge ? /*#__PURE__*/React.createElement("div", {
     className: style.badge,
     style: inlineBadgeStyle
@@ -205,7 +213,10 @@ Card.propTypes = process.env.NODE_ENV !== "production" ? {
   removeFavoriteToolTip: PropTypes.string,
   onClick: PropTypes.func,
   onFavoriteClick: PropTypes.func,
-  notification: PropTypes.shape(Notification.propTypes)
+  isSelected: PropTypes.bool,
+  notification: PropTypes.shape(Notification.propTypes),
+  badgeCategory: CardContentInfo.propTypes.badgeCategory,
+  badgeLabel: CardContentInfo.propTypes.badgeLabel
 } : {};
 export default Card;
 //# sourceMappingURL=index.js.map

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

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

package/es/molecule/card/selectable.css

@@ -0,0 +1,71 @@
+@value colors: "../../variables/colors.css";
+@value positive from colors;
+@value negative from colors;
+@value cm_grey_400 from colors;
+
+.selectable {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: rgba(0, 0, 0, 0.3);
+  position: absolute;
+  z-index: 1;
+  overflow: hidden;
+}
+
+.circle {
+  background-color: white;
+  width: 38px;
+  height: 38px;
+  border-radius: 50%;
+  display: none;
+}
+
+.iconWrapper {
+  position: absolute;
+  display: flex;
+  justify-content: center;
+}
+
+.icons {
+  width: 48px;
+  height: 48px;
+  display: none;
+}
+
+.checkIcon {
+  color: positive;
+  composes: icons;
+}
+
+.removeIcon {
+  color: negative;
+  composes: icons;
+}
+
+.addIcon {
+  color: cm_grey_400;
+  composes: icons;
+}
+
+.selectable:hover .addIcon,
+.selectable:hover .circle {
+  display: block;
+}
+
+.selectable.selected .checkIcon,
+.selectable.selected .circle,
+.selectable.selected:hover .removeIcon {
+  display: block;
+}
+
+.selectable.selected:hover .circle {
+  display: block;
+}
+
+.selectable.selected:hover .checkIcon,
+.selectable.selected:hover .addIcon {
+  display: none;
+}

package/es/molecule/card/selectable.js

@@ -0,0 +1,32 @@
+import _isUndefined from "lodash/fp/isUndefined";
+import React from 'react';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import { NovaSolidStatusCheckCircle2 as CheckIcon, NovaSolidRemoveAddRemoveCircle1 as RemoveIcon, NovaSolidRemoveAddAddCircle1 as AddIcon } from '@coorpacademy/nova-icons';
+import style from './selectable.css';
+
+const Selectable = props => {
+  const {
+    isSelected
+  } = props;
+  if (_isUndefined(isSelected)) return null;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames(style.selectable, isSelected && style.selected)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.circle
+  }), /*#__PURE__*/React.createElement("div", {
+    className: style.iconWrapper
+  }, /*#__PURE__*/React.createElement(RemoveIcon, {
+    className: style.removeIcon
+  }), /*#__PURE__*/React.createElement(AddIcon, {
+    className: style.addIcon
+  }), /*#__PURE__*/React.createElement(CheckIcon, {
+    className: style.checkIcon
+  })));
+};
+
+Selectable.propTypes = process.env.NODE_ENV !== "production" ? {
+  isSelected: PropTypes.bool
+} : {};
+export default Selectable;
+//# sourceMappingURL=selectable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/molecule/card/selectable.js"],"names":["React","PropTypes","classnames","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidRemoveAddRemoveCircle1","RemoveIcon","NovaSolidRemoveAddAddCircle1","AddIcon","style","Selectable","props","isSelected","selectable","selected","circle","iconWrapper","removeIcon","addIcon","checkIcon","propTypes","bool"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,SACEC,2BAA2B,IAAIC,SADjC,EAEEC,+BAA+B,IAAIC,UAFrC,EAGEC,4BAA4B,IAAIC,OAHlC,QAIO,0BAJP;AAKA,OAAOC,KAAP,MAAkB,kBAAlB;;AAEA,MAAMC,UAAU,GAAGC,KAAK,IAAI;AAC1B,QAAM;AAACC,IAAAA;AAAD,MAAeD,KAArB;AAEA,MAAI,aAAYC,UAAZ,CAAJ,EAA6B,OAAO,IAAP;AAE7B,sBACE;AAAK,IAAA,SAAS,EAAEV,UAAU,CAACO,KAAK,CAACI,UAAP,EAAmBD,UAAU,IAAIH,KAAK,CAACK,QAAvC;AAA1B,kBACE;AAAK,IAAA,SAAS,EAAEL,KAAK,CAACM;AAAtB,IADF,eAEE;AAAK,IAAA,SAAS,EAAEN,KAAK,CAACO;AAAtB,kBACE,oBAAC,UAAD;AAAY,IAAA,SAAS,EAAEP,KAAK,CAACQ;AAA7B,IADF,eAEE,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAER,KAAK,CAACS;AAA1B,IAFF,eAGE,oBAAC,SAAD;AAAW,IAAA,SAAS,EAAET,KAAK,CAACU;AAA5B,IAHF,CAFF,CADF;AAUD,CAfD;;AAiBAT,UAAU,CAACU,SAAX,2CAAuB;AACrBR,EAAAA,UAAU,EAAEX,SAAS,CAACoB;AADD,CAAvB;AAIA,eAAeX,UAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {isUndefined} from 'lodash/fp';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidRemoveAddRemoveCircle1 as RemoveIcon,\n  NovaSolidRemoveAddAddCircle1 as AddIcon\n} from '@coorpacademy/nova-icons';\nimport style from './selectable.css';\n\nconst Selectable = props => {\n  const {isSelected} = props;\n\n  if (isUndefined(isSelected)) return null;\n\n  return (\n    <div className={classnames(style.selectable, isSelected && style.selected)}>\n      <div className={style.circle} />\n      <div className={style.iconWrapper}>\n        <RemoveIcon className={style.removeIcon} />\n        <AddIcon className={style.addIcon} />\n        <CheckIcon className={style.checkIcon} />\n      </div>\n    </div>\n  );\n};\n\nSelectable.propTypes = {\n  isSelected: PropTypes.bool\n};\n\nexport default Selectable;\n"],"file":"selectable.js"}

package/es/molecule/card/test/fixtures/default.js

@@ -12,6 +12,7 @@ export default {
     favorite: true,
     addFavoriteToolTip: 'Add to my list',
     removeFavoriteToolTip: 'Remove from my list',
+    isSelected: undefined,
     customer: {
       coorpOriginal: true,
       name: 'Decathlon creation'

package/es/molecule/card/test/fixtures/default.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/card/test/fixtures/default.js"],"names":["props","image","adaptiv","certification","type","title","author","certifiedAuthor","progress","badge","favorite","addFavoriteToolTip","removeFavoriteToolTip","customer","coorpOriginal","name","onClick","console","log","onFavoriteClick"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EACH,4LAFG;AAGLC,IAAAA,OAAO,EAAE,KAHJ;AAILC,IAAAA,aAAa,EAAE,KAJV;AAKLC,IAAAA,IAAI,EAAE,QALD;AAMLC,IAAAA,KAAK,EAAE,sDANF;AAOLC,IAAAA,MAAM,EAAE,cAPH;AAQLC,IAAAA,eAAe,EAAE,IARZ;AASLC,IAAAA,QAAQ,EAAE,IATL;AAULC,IAAAA,KAAK,EAAE,KAVF;AAWLC,IAAAA,QAAQ,EAAE,IAXL;AAYLC,IAAAA,kBAAkB,EAAE,gBAZf;AAaLC,IAAAA,qBAAqB,EAAE,qBAblB;AAcLC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,aAAa,EAAE,IADP;AAERC,MAAAA,IAAI,EAAE;AAFE,KAdL;AAkBLC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,kBAAZ,CAlBV;AAmBLC,IAAAA,eAAe,EAAE,MAAMF,OAAO,CAACC,GAAR,CAAY,gBAAZ;AAnBlB;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    image:\n      'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n    adaptiv: false,\n    certification: false,\n    type: 'course',\n    title: 'From Mass Market to One to One targeting Lorem ipsum',\n    author: 'Coorpacademy',\n    certifiedAuthor: true,\n    progress: 0.65,\n    badge: 'new',\n    favorite: true,\n    addFavoriteToolTip: 'Add to my list',\n    removeFavoriteToolTip: 'Remove from my list',\n    customer: {\n      coorpOriginal: true,\n      name: 'Decathlon creation'\n    },\n    onClick: () => console.log('click everywhere'),\n    onFavoriteClick: () => console.log('click Favorite')\n  }\n};\n"],"file":"default.js"}
+{"version":3,"sources":["../../../../../src/molecule/card/test/fixtures/default.js"],"names":["props","image","adaptiv","certification","type","title","author","certifiedAuthor","progress","badge","favorite","addFavoriteToolTip","removeFavoriteToolTip","isSelected","undefined","customer","coorpOriginal","name","onClick","console","log","onFavoriteClick"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EACH,4LAFG;AAGLC,IAAAA,OAAO,EAAE,KAHJ;AAILC,IAAAA,aAAa,EAAE,KAJV;AAKLC,IAAAA,IAAI,EAAE,QALD;AAMLC,IAAAA,KAAK,EAAE,sDANF;AAOLC,IAAAA,MAAM,EAAE,cAPH;AAQLC,IAAAA,eAAe,EAAE,IARZ;AASLC,IAAAA,QAAQ,EAAE,IATL;AAULC,IAAAA,KAAK,EAAE,KAVF;AAWLC,IAAAA,QAAQ,EAAE,IAXL;AAYLC,IAAAA,kBAAkB,EAAE,gBAZf;AAaLC,IAAAA,qBAAqB,EAAE,qBAblB;AAcLC,IAAAA,UAAU,EAAEC,SAdP;AAeLC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,aAAa,EAAE,IADP;AAERC,MAAAA,IAAI,EAAE;AAFE,KAfL;AAmBLC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,kBAAZ,CAnBV;AAoBLC,IAAAA,eAAe,EAAE,MAAMF,OAAO,CAACC,GAAR,CAAY,gBAAZ;AApBlB;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    image:\n      'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n    adaptiv: false,\n    certification: false,\n    type: 'course',\n    title: 'From Mass Market to One to One targeting Lorem ipsum',\n    author: 'Coorpacademy',\n    certifiedAuthor: true,\n    progress: 0.65,\n    badge: 'new',\n    favorite: true,\n    addFavoriteToolTip: 'Add to my list',\n    removeFavoriteToolTip: 'Remove from my list',\n    isSelected: undefined,\n    customer: {\n      coorpOriginal: true,\n      name: 'Decathlon creation'\n    },\n    onClick: () => console.log('click everywhere'),\n    onFavoriteClick: () => console.log('click Favorite')\n  }\n};\n"],"file":"default.js"}

package/es/molecule/card/test/fixtures/selectable-false.js

@@ -0,0 +1,16 @@
+import _defaultsDeep from "lodash/fp/defaultsDeep";
+import Default from './default';
+const {
+  props
+} = Default;
+export default {
+  props: _defaultsDeep(props, {
+    disabled: false,
+    image: 'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/CoorpAcademy/content-marmiton/cockpit-marmiton/cover/shutterstock_520965634-1491986518210.jpg&h=500&w=500&q=90',
+    progress: 0.1,
+    isSelected: false,
+    badgeCategory: 'coach',
+    badgeLabel: 'Coach'
+  })
+};
+//# sourceMappingURL=selectable-false.js.map

package/es/molecule/card/test/fixtures/selectable-false.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/card/test/fixtures/selectable-false.js"],"names":["Default","props","disabled","image","progress","isSelected","badgeCategory","badgeLabel"],"mappings":";AACA,OAAOA,OAAP,MAAoB,WAApB;AAEA,MAAM;AAACC,EAAAA;AAAD,IAAUD,OAAhB;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAE,cAAaA,KAAb,EAAoB;AACzBC,IAAAA,QAAQ,EAAE,KADe;AAEzBC,IAAAA,KAAK,EACH,4MAHuB;AAIzBC,IAAAA,QAAQ,EAAE,GAJe;AAKzBC,IAAAA,UAAU,EAAE,KALa;AAMzBC,IAAAA,aAAa,EAAE,OANU;AAOzBC,IAAAA,UAAU,EAAE;AAPa,GAApB;AADM,CAAf","sourcesContent":["import {defaultsDeep} from 'lodash/fp';\nimport Default from './default';\n\nconst {props} = Default;\n\nexport default {\n  props: defaultsDeep(props, {\n    disabled: false,\n    image:\n      'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/CoorpAcademy/content-marmiton/cockpit-marmiton/cover/shutterstock_520965634-1491986518210.jpg&h=500&w=500&q=90',\n    progress: 0.1,\n    isSelected: false,\n    badgeCategory: 'coach',\n    badgeLabel: 'Coach'\n  })\n};\n"],"file":"selectable-false.js"}

package/es/molecule/card/test/fixtures/selectable-true.js

@@ -0,0 +1,17 @@
+import _defaultsDeep from "lodash/fp/defaultsDeep";
+import Default from './default';
+const {
+  props
+} = Default;
+export default {
+  props: _defaultsDeep(props, {
+    disabled: false,
+    type: 'course',
+    image: 'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/CoorpAcademy/content-marmiton/cockpit-marmiton/cover/shutterstock_520965634-1491986518210.jpg&h=500&w=500&q=90',
+    progress: 0.1,
+    isSelected: true,
+    badgeCategory: 'base',
+    badgeLabel: 'basic'
+  })
+};
+//# sourceMappingURL=selectable-true.js.map

package/es/molecule/card/test/fixtures/selectable-true.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/card/test/fixtures/selectable-true.js"],"names":["Default","props","disabled","type","image","progress","isSelected","badgeCategory","badgeLabel"],"mappings":";AACA,OAAOA,OAAP,MAAoB,WAApB;AAEA,MAAM;AAACC,EAAAA;AAAD,IAAUD,OAAhB;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAE,cAAaA,KAAb,EAAoB;AACzBC,IAAAA,QAAQ,EAAE,KADe;AAEzBC,IAAAA,IAAI,EAAE,QAFmB;AAGzBC,IAAAA,KAAK,EACH,4MAJuB;AAKzBC,IAAAA,QAAQ,EAAE,GALe;AAMzBC,IAAAA,UAAU,EAAE,IANa;AAOzBC,IAAAA,aAAa,EAAE,MAPU;AAQzBC,IAAAA,UAAU,EAAE;AARa,GAApB;AADM,CAAf","sourcesContent":["import {defaultsDeep} from 'lodash/fp';\nimport Default from './default';\n\nconst {props} = Default;\n\nexport default {\n  props: defaultsDeep(props, {\n    disabled: false,\n    type: 'course',\n    image:\n      'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/CoorpAcademy/content-marmiton/cockpit-marmiton/cover/shutterstock_520965634-1491986518210.jpg&h=500&w=500&q=90',\n    progress: 0.1,\n    isSelected: true,\n    badgeCategory: 'base',\n    badgeLabel: 'basic'\n  })\n};\n"],"file":"selectable-true.js"}

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

@@ -5,6 +5,7 @@ import classnames from 'classnames';
 import { NovaCompositionCoorpacademyAdaptive as AdaptivIcon, NovaSolidStatusCheckCircle2 as CheckIcon, NovaCompositionCoorpacademyTimer as TimerIcon } from '@coorpacademy/nova-icons';
 import { isExternalContent, EXTERNAL_CONTENT_ICONS } from '../../util/external-content';
 import Provider from '../../atom/provider';
+import ContentBadge from '../../atom/content-badge';
 import { innerHTML } from '../../atom/label/style.css';
 import style from './style.css';
 export const MODES = {
@@ -114,7 +115,9 @@ const ContentInfo = ({
   mode = MODES.CARD,
   progress,
   title,
-  type
+  type,
+  badgeCategory,
+  badgeLabel
 }) => {
   const progressBarColor = '#3EC483';
   const inlineProgressValueStyle = {
@@ -145,7 +148,12 @@ const ContentInfo = ({
     externalContent: externalContent
   }), /*#__PURE__*/React.createElement("div", {
     className: classnames(style.cardInfo, chapterContent ? style.microLearningCardInfo : null)
-  }, adaptiveIcon, /*#__PURE__*/React.createElement(CardTitle, {
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.iconWrapper
+  }, adaptiveIcon, !empty && badgeLabel && badgeCategory && courseContent ? /*#__PURE__*/React.createElement(ContentBadge, {
+    category: badgeCategory,
+    label: badgeLabel
+  }) : null), /*#__PURE__*/React.createElement(CardTitle, {
     title: title,
     empty: empty,
     courseContent: courseContent
@@ -169,7 +177,9 @@ ContentInfo.propTypes = process.env.NODE_ENV !== "production" ? {
   progress: PropTypes.number,
   title: PropTypes.string,
   type: PropTypes.string,
-  mode: PropTypes.string
+  mode: PropTypes.string,
+  badgeCategory: ContentBadge.propTypes.category,
+  badgeLabel: ContentBadge.propTypes.label
 } : {};
 export default ContentInfo;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/card-content/index.js"],"names":["React","PropTypes","classnames","NovaCompositionCoorpacademyAdaptive","AdaptivIcon","NovaSolidStatusCheckCircle2","CheckIcon","NovaCompositionCoorpacademyTimer","TimerIcon","isExternalContent","EXTERNAL_CONTENT_ICONS","Provider","innerHTML","style","MODES","HERO","CARD","ContentTypeInfo","mode","type","externalContent","context","translate","microLearningIcon","microLearninglabel","textColor","color","contentTypeInfo","contextTypes","skin","childContextTypes","propTypes","bool","string","CardTitle","title","empty","courseContent","lightTitle","darkTitle","__html","AuthorName","author","certifiedAuthor","checkIcon","authorIcon","iconShadow","darkAuthorTitle","ContentInfo","adaptiv","disabled","progress","progressBarColor","inlineProgressValueStyle","backgroundColor","width","chapterContent","progressBar","progressWrapper","hideProgressBar","adaptiveIcon","infoWrapper","hero","card","progressBarDisabled","cardInfo","microLearningCardInfo","number"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,SACEC,mCAAmC,IAAIC,WADzC,EAEEC,2BAA2B,IAAIC,SAFjC,EAGEC,gCAAgC,IAAIC,SAHtC,QAIO,0BAJP;AAKA,SAAQC,iBAAR,EAA2BC,sBAA3B,QAAwD,6BAAxD;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,SAAQC,SAAR,QAAwB,4BAAxB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,OAAO,MAAMC,KAAK,GAAG;AACnBC,EAAAA,IAAI,EAAE,MADa;AAEnBC,EAAAA,IAAI,EAAE;AAFa,CAAd;;AAKP,MAAMC,eAAe,GAAG,CAAC;AAACC,EAAAA,IAAD;AAAOC,EAAAA,IAAP;AAAaC,EAAAA;AAAb,CAAD,EAAgCC,OAAhC,KAA4C;AAClE,QAAM;AAACC,IAAAA;AAAD,MAAcD,OAApB;;AACA,MAAIH,IAAI,KAAKJ,KAAK,CAACE,IAAnB,EAAyB;AACvB,WAAO,IAAP;AACD;;AAED,MAAIG,IAAI,KAAK,SAAb,EAAwB;AACtB,wBACE;AAAK,MAAA,SAAS,EAAEN,KAAK,CAACU;AAAtB,oBACE,oBAAC,SAAD;AAAW,MAAA,MAAM,EAAE,EAAnB;AAAuB,MAAA,KAAK,EAAE;AAA9B,MADF,eAEE;AAAM,MAAA,SAAS,EAAEV,KAAK,CAACW;AAAvB,OAA4C,aAA5C,CAFF,CADF;AAMD;;AACD,MAAIJ,eAAe,IAAIV,sBAAsB,CAACS,IAAD,CAA7C,EAAqD;AACnD,UAAMM,SAAS,GAAGf,sBAAsB,CAACS,IAAD,CAAtB,CAA6BO,KAA/C;AAEA,wBACE;AAAK,MAAA,SAAS,EAAEb,KAAK,CAACc,eAAtB;AAAuC,MAAA,KAAK,EAAE;AAACD,QAAAA,KAAK,EAAED;AAAR;AAA9C,OACGN,IAAI,KAAK,OAAT,GAAmBG,SAAS,CAAC,wBAAD,CAA5B,GAAyD,EAD5D,EAEGH,IAAI,KAAK,OAAT,GAAmBG,SAAS,CAAC,wBAAD,CAA5B,GAAyD,EAF5D,EAGGH,IAAI,KAAK,SAAT,GAAqBG,SAAS,CAAC,0BAAD,CAA9B,GAA6D,EAHhE,EAIGH,IAAI,KAAK,SAAT,GAAqBG,SAAS,CAAC,0BAAD,CAA9B,GAA6D,EAJhE,CADF;AAQD;;AAED,SAAO,IAAP;AACD,CA5BD;;AA8BAL,eAAe,CAACW,YAAhB,GAA+B;AAC7BC,EAAAA,IAAI,EAAElB,QAAQ,CAACmB,iBAAT,CAA2BD,IADJ;AAE7BP,EAAAA,SAAS,EAAEX,QAAQ,CAACmB,iBAAT,CAA2BR;AAFT,CAA/B;AAKAL,eAAe,CAACc,SAAhB,2CAA4B;AAC1BX,EAAAA,eAAe,EAAEnB,SAAS,CAAC+B,IADD;AAE1Bb,EAAAA,IAAI,EAAElB,SAAS,CAACgC,MAFU;AAG1Bf,EAAAA,IAAI,EAAEjB,SAAS,CAACgC;AAHU,CAA5B;;AAMA,MAAMC,SAAS,GAAG,CAAC;AAACC,EAAAA,KAAD;AAAQC,EAAAA,KAAR;AAAeC,EAAAA;AAAf,CAAD,KAAmC;AACnD,sBACE;AACE,IAAA,SAAS,EAAEnC,UAAU,CACnBW,KAAK,CAACsB,KADa,EAEnBvB,SAFmB,EAGnByB,aAAa,GAAGxB,KAAK,CAACyB,UAAT,GAAsBzB,KAAK,CAAC0B,SAHtB,EAInBH,KAAK,GAAGvB,KAAK,CAACuB,KAAT,GAAiB,IAJH,CADvB;AAOE,iBAAU,OAPZ;AAQE,IAAA,KAAK,EAAED,KART,CASE;AATF;AAUE,IAAA,uBAAuB,EAAE;AAACK,MAAAA,MAAM,EAAEL;AAAT;AAV3B,IADF;AAcD,CAfD;;AAiBAD,SAAS,CAACH,SAAV,2CAAsB;AACpBI,EAAAA,KAAK,EAAElC,SAAS,CAACgC,MADG;AAEpBG,EAAAA,KAAK,EAAEnC,SAAS,CAAC+B,IAFG;AAGpBK,EAAAA,aAAa,EAAEpC,SAAS,CAAC+B;AAHL,CAAtB;;AAMA,MAAMS,UAAU,GAAG,CAAC;AAACC,EAAAA,MAAD;AAASN,EAAAA,KAAT;AAAgBC,EAAAA,aAAhB;AAA+BM,EAAAA;AAA/B,CAAD,KAAqD;AACtE,QAAMC,SAAS,GAAGD,eAAe,gBAC/B,oBAAC,SAAD;AACE,IAAA,SAAS,EAAEzC,UAAU,CAACW,KAAK,CAACgC,UAAP,EAAmBR,aAAa,GAAGxB,KAAK,CAACiC,UAAT,GAAsB,IAAtD,CADvB;AAEE,IAAA,KAAK,EAAC;AAFR,IAD+B,GAK7B,IALJ;AAOA,sBACE;AACE,iBAAU,QADZ;AAEE,IAAA,KAAK,EAAEJ,MAFT;AAGE,IAAA,SAAS,EAAExC,UAAU,CACnBW,KAAK,CAAC6B,MADa,EAEnBL,aAAa,GAAGxB,KAAK,CAACyB,UAAT,GAAsBzB,KAAK,CAACkC,eAFtB,EAGnBX,KAAK,GAAGvB,KAAK,CAACuB,KAAT,GAAiB,IAHH;AAHvB,kBASE,kCAAOM,MAAP,CATF,EAUGE,SAVH,CADF;AAcD,CAtBD;;AAwBAH,UAAU,CAACV,SAAX,2CAAuB;AACrBW,EAAAA,MAAM,EAAEzC,SAAS,CAACgC,MADG;AAErBG,EAAAA,KAAK,EAAEnC,SAAS,CAAC+B,IAFI;AAGrBK,EAAAA,aAAa,EAAEpC,SAAS,CAAC+B,IAHJ;AAIrBW,EAAAA,eAAe,EAAE1C,SAAS,CAAC+B;AAJN,CAAvB;;AAOA,MAAMgB,WAAW,GAAG,CAAC;AACnBC,EAAAA,OADmB;AAEnBP,EAAAA,MAFmB;AAGnBC,EAAAA,eAAe,GAAG,KAHC;AAInBO,EAAAA,QAAQ,GAAG,KAJQ;AAKnBd,EAAAA,KAAK,GAAG,KALW;AAMnBlB,EAAAA,IAAI,GAAGJ,KAAK,CAACE,IANM;AAOnBmC,EAAAA,QAPmB;AAQnBhB,EAAAA,KARmB;AASnBhB,EAAAA;AATmB,CAAD,KAUd;AACJ,QAAMiC,gBAAgB,GAAG,SAAzB;AACA,QAAMC,wBAAwB,GAAG;AAC/BC,IAAAA,eAAe,EAAEF,gBADc;AAE/BG,IAAAA,KAAK,EAAG,GAAEJ,QAAQ,GAAG,GAAI;AAFM,GAAjC;AAIA,QAAM/B,eAAe,GAAGX,iBAAiB,CAACU,IAAD,CAAzC;AACA,QAAMkB,aAAa,GAAGlB,IAAI,KAAK,QAA/B;AACA,QAAMqC,cAAc,GAAGrC,IAAI,KAAK,SAAhC;AAEA,QAAMsC,WAAW,GACfvC,IAAI,KAAKJ,KAAK,CAACC,IAAf,IAAwB,CAACqB,KAAD,IAAU,CAACc,QAAnC,gBACE;AAAK,IAAA,SAAS,EAAE,CAAC,OAAMC,QAAN,CAAD,GAAmBtC,KAAK,CAAC6C,eAAzB,GAA2C7C,KAAK,CAAC8C;AAAjE,KACG,CAACT,QAAD,gBACC;AAAK,iBAAU,UAAf;AAA0B,IAAA,SAAS,EAAErC,KAAK,CAACsC,QAA3C;AAAqD,IAAA,KAAK,EAAEE;AAA5D,IADD,GAEG,IAHN,CADF,GAMI,IAPN;AASA,QAAMO,YAAY,GAAGX,OAAO,gBAC1B;AAAK,IAAA,SAAS,EAAE/C,UAAU,CAACW,KAAK,CAAC+C,YAAP,EAAqBvB,aAAa,GAAGxB,KAAK,CAACiC,UAAT,GAAsB,IAAxD;AAA1B,kBACE,oBAAC,WAAD;AAAa,IAAA,MAAM,EAAE;AAArB,IADF,CAD0B,GAIxB,IAJJ;AAMA,sBACE;AACE,iBAAU,MADZ;AAEE,IAAA,SAAS,EAAE5C,UAAU,CACnBW,KAAK,CAACgD,WADa,EAEnB3C,IAAI,KAAKJ,KAAK,CAACC,IAAf,GAAsBF,KAAK,CAACiD,IAA5B,GAAmCjD,KAAK,CAACkD,IAFtB,EAGnBb,QAAQ,GAAGrC,KAAK,CAACmD,mBAAT,GAA+B,IAHpB,EAInB5C,eAAe,GAAGP,KAAK,CAACO,eAAT,GAA2B,IAJvB;AAFvB,kBASE,oBAAC,eAAD;AAAiB,IAAA,IAAI,EAAEF,IAAvB;AAA6B,IAAA,IAAI,EAAEC,IAAnC;AAAyC,IAAA,eAAe,EAAEC;AAA1D,IATF,eAUE;AACE,IAAA,SAAS,EAAElB,UAAU,CAACW,KAAK,CAACoD,QAAP,EAAiBT,cAAc,GAAG3C,KAAK,CAACqD,qBAAT,GAAiC,IAAhE;AADvB,KAGGN,YAHH,eAIE,oBAAC,SAAD;AAAW,IAAA,KAAK,EAAEzB,KAAlB;AAAyB,IAAA,KAAK,EAAEC,KAAhC;AAAuC,IAAA,aAAa,EAAEC;AAAtD,IAJF,eAKE,oBAAC,UAAD;AACE,IAAA,MAAM,EAAEK,MADV;AAEE,IAAA,KAAK,EAAEN,KAFT;AAGE,IAAA,aAAa,EAAEC,aAHjB;AAIE,IAAA,eAAe,EAAEM;AAJnB,IALF,CAVF,EAsBGc,WAtBH,CADF;AA0BD,CA7DD;;AA+DAT,WAAW,CAACpB,YAAZ,GAA2B;AACzBC,EAAAA,IAAI,EAAElB,QAAQ,CAACmB,iBAAT,CAA2BD;AADR,CAA3B;AAIAmB,WAAW,CAACjB,SAAZ,2CAAwB;AACtBkB,EAAAA,OAAO,EAAEhD,SAAS,CAAC+B,IADG;AAEtBU,EAAAA,MAAM,EAAEzC,SAAS,CAACgC,MAFI;AAGtBU,EAAAA,eAAe,EAAE1C,SAAS,CAAC+B,IAHL;AAItBkB,EAAAA,QAAQ,EAAEjD,SAAS,CAAC+B,IAJE;AAKtBI,EAAAA,KAAK,EAAEnC,SAAS,CAAC+B,IALK;AAMtBmB,EAAAA,QAAQ,EAAElD,SAAS,CAACkE,MANE;AAOtBhC,EAAAA,KAAK,EAAElC,SAAS,CAACgC,MAPK;AAQtBd,EAAAA,IAAI,EAAElB,SAAS,CAACgC,MARM;AAStBf,EAAAA,IAAI,EAAEjB,SAAS,CAACgC;AATM,CAAxB;AAYA,eAAee,WAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {isNil} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyAdaptive as AdaptivIcon,\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport {innerHTML} from '../../atom/label/style.css';\nimport style from './style.css';\n\nexport const MODES = {\n  HERO: 'hero',\n  CARD: 'card'\n};\n\nconst ContentTypeInfo = ({mode, type, externalContent}, context) => {\n  const {translate} = context;\n  if (mode !== MODES.CARD) {\n    return null;\n  }\n\n  if (type === 'chapter') {\n    return (\n      <div className={style.microLearningIcon}>\n        <TimerIcon height={40} width={40} />\n        <span className={style.microLearninglabel}>{\"5' learning\"}</span>\n      </div>\n    );\n  }\n  if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n    const textColor = EXTERNAL_CONTENT_ICONS[type].color;\n\n    return (\n      <div className={style.contentTypeInfo} style={{color: textColor}}>\n        {type === 'scorm' ? translate('external_content_scorm') : ''}\n        {type === 'video' ? translate('external_content_video') : ''}\n        {type === 'article' ? translate('external_content_article') : ''}\n        {type === 'podcast' ? translate('external_content_podcast') : ''}\n      </div>\n    );\n  }\n\n  return null;\n};\n\nContentTypeInfo.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nContentTypeInfo.propTypes = {\n  externalContent: PropTypes.bool,\n  type: PropTypes.string,\n  mode: PropTypes.string\n};\n\nconst CardTitle = ({title, empty, courseContent}) => {\n  return (\n    <div\n      className={classnames(\n        style.title,\n        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}) => {\n  const checkIcon = certifiedAuthor ? (\n    <CheckIcon\n      className={classnames(style.authorIcon, courseContent ? style.iconShadow : null)}\n      color=\"inherit\"\n    />\n  ) : null;\n\n  return (\n    <div\n      data-name=\"author\"\n      title={author}\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};\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}) => {\n  const progressBarColor = '#3EC483';\n  const inlineProgressValueStyle = {\n    backgroundColor: progressBarColor,\n    width: `${progress * 100}%`\n  };\n  const externalContent = isExternalContent(type);\n  const courseContent = type === 'course';\n  const chapterContent = type === 'chapter';\n\n  const progressBar =\n    mode === MODES.HERO || (!empty && !disabled) ? (\n      <div className={!isNil(progress) ? style.progressWrapper : style.hideProgressBar}>\n        {!disabled ? (\n          <div data-name=\"progress\" className={style.progress} style={inlineProgressValueStyle} />\n        ) : null}\n      </div>\n    ) : null;\n\n  const adaptiveIcon = adaptiv ? (\n    <div className={classnames(style.adaptiveIcon, courseContent ? style.iconShadow : null)}>\n      <AdaptivIcon height={25} />\n    </div>\n  ) : null;\n\n  return (\n    <div\n      data-name=\"info\"\n      className={classnames(\n        style.infoWrapper,\n        mode === MODES.HERO ? style.hero : style.card,\n        disabled ? style.progressBarDisabled : null,\n        externalContent ? style.externalContent : null\n      )}\n    >\n      <ContentTypeInfo mode={mode} type={type} externalContent={externalContent} />\n      <div\n        className={classnames(style.cardInfo, chapterContent ? style.microLearningCardInfo : null)}\n      >\n        {adaptiveIcon}\n        <CardTitle title={title} empty={empty} courseContent={courseContent} />\n        <AuthorName\n          author={author}\n          empty={empty}\n          courseContent={courseContent}\n          certifiedAuthor={certifiedAuthor}\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};\n\nexport default ContentInfo;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/card-content/index.js"],"names":["React","PropTypes","classnames","NovaCompositionCoorpacademyAdaptive","AdaptivIcon","NovaSolidStatusCheckCircle2","CheckIcon","NovaCompositionCoorpacademyTimer","TimerIcon","isExternalContent","EXTERNAL_CONTENT_ICONS","Provider","ContentBadge","innerHTML","style","MODES","HERO","CARD","ContentTypeInfo","mode","type","externalContent","context","translate","microLearningIcon","microLearninglabel","textColor","color","contentTypeInfo","contextTypes","skin","childContextTypes","propTypes","bool","string","CardTitle","title","empty","courseContent","lightTitle","darkTitle","__html","AuthorName","author","certifiedAuthor","checkIcon","authorIcon","iconShadow","darkAuthorTitle","ContentInfo","adaptiv","disabled","progress","badgeCategory","badgeLabel","progressBarColor","inlineProgressValueStyle","backgroundColor","width","chapterContent","progressBar","progressWrapper","hideProgressBar","adaptiveIcon","infoWrapper","hero","card","progressBarDisabled","cardInfo","microLearningCardInfo","iconWrapper","number","category","label"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {isNil} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyAdaptive as AdaptivIcon,\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport ContentBadge from '../../atom/content-badge';\nimport {innerHTML} from '../../atom/label/style.css';\nimport style from './style.css';\n\nexport const MODES = {\n  HERO: 'hero',\n  CARD: 'card'\n};\n\nconst ContentTypeInfo = ({mode, type, externalContent}, context) => {\n  const {translate} = context;\n  if (mode !== MODES.CARD) {\n    return null;\n  }\n\n  if (type === 'chapter') {\n    return (\n      <div className={style.microLearningIcon}>\n        <TimerIcon height={40} width={40} />\n        <span className={style.microLearninglabel}>{\"5' learning\"}</span>\n      </div>\n    );\n  }\n  if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n    const textColor = EXTERNAL_CONTENT_ICONS[type].color;\n\n    return (\n      <div className={style.contentTypeInfo} style={{color: textColor}}>\n        {type === 'scorm' ? translate('external_content_scorm') : ''}\n        {type === 'video' ? translate('external_content_video') : ''}\n        {type === 'article' ? translate('external_content_article') : ''}\n        {type === 'podcast' ? translate('external_content_podcast') : ''}\n      </div>\n    );\n  }\n\n  return null;\n};\n\nContentTypeInfo.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nContentTypeInfo.propTypes = {\n  externalContent: PropTypes.bool,\n  type: PropTypes.string,\n  mode: PropTypes.string\n};\n\nconst CardTitle = ({title, empty, courseContent}) => {\n  return (\n    <div\n      className={classnames(\n        style.title,\n        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}) => {\n  const checkIcon = certifiedAuthor ? (\n    <CheckIcon\n      className={classnames(style.authorIcon, courseContent ? style.iconShadow : null)}\n      color=\"inherit\"\n    />\n  ) : null;\n\n  return (\n    <div\n      data-name=\"author\"\n      title={author}\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};\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}) => {\n  const progressBarColor = '#3EC483';\n  const inlineProgressValueStyle = {\n    backgroundColor: progressBarColor,\n    width: `${progress * 100}%`\n  };\n  const externalContent = isExternalContent(type);\n  const courseContent = type === 'course';\n  const chapterContent = type === 'chapter';\n\n  const progressBar =\n    mode === MODES.HERO || (!empty && !disabled) ? (\n      <div className={!isNil(progress) ? style.progressWrapper : style.hideProgressBar}>\n        {!disabled ? (\n          <div data-name=\"progress\" className={style.progress} style={inlineProgressValueStyle} />\n        ) : null}\n      </div>\n    ) : null;\n\n  const adaptiveIcon = adaptiv ? (\n    <div className={classnames(style.adaptiveIcon, courseContent ? style.iconShadow : null)}>\n      <AdaptivIcon height={25} />\n    </div>\n  ) : null;\n\n  return (\n    <div\n      data-name=\"info\"\n      className={classnames(\n        style.infoWrapper,\n        mode === MODES.HERO ? style.hero : style.card,\n        disabled ? style.progressBarDisabled : null,\n        externalContent ? style.externalContent : null\n      )}\n    >\n      <ContentTypeInfo mode={mode} type={type} externalContent={externalContent} />\n      <div\n        className={classnames(style.cardInfo, chapterContent ? style.microLearningCardInfo : null)}\n      >\n        <div className={style.iconWrapper}>\n          {adaptiveIcon}\n          {!empty && badgeLabel && badgeCategory && courseContent ? (\n            <ContentBadge category={badgeCategory} label={badgeLabel} />\n          ) : null}\n        </div>\n        <CardTitle title={title} empty={empty} courseContent={courseContent} />\n        <AuthorName\n          author={author}\n          empty={empty}\n          courseContent={courseContent}\n          certifiedAuthor={certifiedAuthor}\n        />\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};\n\nexport default ContentInfo;\n"],"file":"index.js"}

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

@@ -13,20 +13,23 @@
 .microLearningCardInfo {
   flex: 1 0 auto;
 }
+
 .microLearningIcon {
   display: flex;
   flex-direction: column;
   align-self: center;
   margin-top: 53px;
 }
+
 .microLearningIcon svg {
   background:white;
   border-radius: 50%;
-  margin: 0px auto;
+  margin: 0 auto;
   padding: 3px;
   box-sizing: content-box; 
   color: lightBlack;
 }
+
 .microLearninglabel {
   font-family: 'Open Sans';
   font-size: 10px;
@@ -34,6 +37,7 @@
   color: lightBlack;
   text-transform: uppercase;
 }
+
 .infoWrapper {
   display: flex;
   flex-direction: column;
@@ -60,7 +64,7 @@
 }
 
 .darkTitle {
-  color: lightBlack
+  color: lightBlack;
 }
 
 .darkAuthorTitle {
@@ -138,8 +142,13 @@
   font-size: 5px;
   width: 25px;
   height: 25px;
-  margin-top: -25px;
   color: lightBlack;
+  margin-right: 5px;
+}
+
+.iconWrapper {
+  display: flex;
+  align-items: center;
 }
 
 .authorIcon {
@@ -183,6 +192,7 @@
   font-size: 10px;
   font-weight: 700;
 }
+
 .externalContent .cardInfo {
   flex-grow: 2;
   max-height: 115px;

package/es/molecule/cm-popin/index.js

@@ -0,0 +1,82 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond, NovaSolidApplicationsWindowUpload3 as WindowUpload, NovaSolidStatusClose as Close } from '@coorpacademy/nova-icons';
+import Cta from '../../atom/button-link';
+import style from './style.css';
+
+const CMPopin = props => {
+  const {
+    content,
+    firstButton,
+    secondButton,
+    onClose,
+    icon
+  } = props;
+  const logo = {
+    AlertDiamond,
+    WindowUpload
+  };
+  const LogoComponent = logo[icon];
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.background
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.popin
+  }, /*#__PURE__*/React.createElement("header", {
+    className: style.popinHeader
+  }, onClose ? /*#__PURE__*/React.createElement("div", {
+    className: style.headerCloseIconContainer,
+    onClick: onClose,
+    "data-name": 'close-icon'
+  }, /*#__PURE__*/React.createElement(Close, {
+    className: style.headerCloseIcon
+  })) : null), /*#__PURE__*/React.createElement("div", {
+    className: style.contentSection
+  }, LogoComponent ? /*#__PURE__*/React.createElement(LogoComponent, {
+    className: style.icon
+  }) : null, /*#__PURE__*/React.createElement("p", {
+    className: style.content,
+    "data-name": `cm-popin-content` // eslint-disable-next-line react/no-danger
+    ,
+    dangerouslySetInnerHTML: {
+      __html: content
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    className: style.buttonContainer
+  }, firstButton ? /*#__PURE__*/React.createElement("div", {
+    className: style.button
+  }, /*#__PURE__*/React.createElement(Cta, {
+    label: firstButton.label,
+    onClick: firstButton.handleOnclick,
+    "data-name": `cm-popin-cta`,
+    "aria-label": firstButton['aria-label'],
+    type: firstButton.type
+  })) : null, secondButton ? /*#__PURE__*/React.createElement("div", {
+    className: style.button
+  }, /*#__PURE__*/React.createElement(Cta, {
+    label: secondButton.label,
+    onClick: secondButton.handleOnclick,
+    "data-name": `cm-popin-cta-${secondButton.type}`,
+    "aria-label": firstButton['aria-label'],
+    type: secondButton.type
+  })) : null)), ")");
+};
+
+CMPopin.propTypes = process.env.NODE_ENV !== "production" ? {
+  content: PropTypes.string,
+  firstButton: PropTypes.shape({
+    label: PropTypes.string,
+    handleOnclick: PropTypes.func,
+    'aria-label': PropTypes.string,
+    type: PropTypes.string
+  }),
+  secondButton: PropTypes.shape({
+    label: PropTypes.string,
+    handleOnclick: PropTypes.func,
+    type: PropTypes.oneOf(['dangerous', 'primary']),
+    'aria-label': PropTypes.string
+  }),
+  onClose: PropTypes.func,
+  icon: PropTypes.string
+} : {};
+export default CMPopin;
+//# sourceMappingURL=index.js.map

package/es/molecule/cm-popin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/molecule/cm-popin/index.js"],"names":["React","PropTypes","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","AlertDiamond","NovaSolidApplicationsWindowUpload3","WindowUpload","NovaSolidStatusClose","Close","Cta","style","CMPopin","props","content","firstButton","secondButton","onClose","icon","logo","LogoComponent","background","popin","popinHeader","headerCloseIconContainer","headerCloseIcon","contentSection","__html","buttonContainer","button","label","handleOnclick","type","propTypes","string","shape","func","oneOf"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload,\n  NovaSolidStatusClose as Close\n} from '@coorpacademy/nova-icons';\nimport Cta from '../../atom/button-link';\nimport style from './style.css';\n\nconst CMPopin = props => {\n  const {content, firstButton, secondButton, onClose, icon} = props;\n\n  const logo = {\n    AlertDiamond,\n    WindowUpload\n  };\n  const LogoComponent = logo[icon];\n\n  return (\n    <div className={style.background}>\n      <div className={style.popin}>\n        <header className={style.popinHeader}>\n          {onClose ? (\n            <div\n              className={style.headerCloseIconContainer}\n              onClick={onClose}\n              data-name={'close-icon'}\n            >\n              <Close className={style.headerCloseIcon} />\n            </div>\n          ) : null}\n        </header>\n        <div className={style.contentSection}>\n          {LogoComponent ? <LogoComponent className={style.icon} /> : null}\n          <p\n            className={style.content}\n            data-name={`cm-popin-content`}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: content}}\n          />\n        </div>\n\n        <div className={style.buttonContainer}>\n          {firstButton ? (\n            <div className={style.button}>\n              <Cta\n                label={firstButton.label}\n                onClick={firstButton.handleOnclick}\n                data-name={`cm-popin-cta`}\n                aria-label={firstButton['aria-label']}\n                type={firstButton.type}\n              />\n            </div>\n          ) : null}\n          {secondButton ? (\n            <div className={style.button}>\n              <Cta\n                label={secondButton.label}\n                onClick={secondButton.handleOnclick}\n                data-name={`cm-popin-cta-${secondButton.type}`}\n                aria-label={firstButton['aria-label']}\n                type={secondButton.type}\n              />\n            </div>\n          ) : null}\n        </div>\n      </div>\n      )\n    </div>\n  );\n};\n\nCMPopin.propTypes = {\n  content: PropTypes.string,\n  firstButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    'aria-label': PropTypes.string,\n    type: PropTypes.string\n  }),\n  secondButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    type: PropTypes.oneOf(['dangerous', 'primary']),\n    'aria-label': PropTypes.string\n  }),\n  onClose: PropTypes.func,\n  icon: PropTypes.string\n};\n\nexport default CMPopin;\n"],"file":"index.js"}