@coorpacademy/components 10.3.24 → 10.3.27-alpha.25

package/lib/molecule/card/style.css

@@ -36,25 +36,6 @@
   z-index: 0;
 }
 
-.customer {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-
-.customer {
-  background: linear-gradient(
-    to bottom,
-    rgba(0, 0, 0, 0.2) 0%,
-    rgba(0, 0, 0, 0) 20%
-  );
-}
-.chapterCustomer {
-  padding-top: 10px;
-}
-
 .grid.empty {
   padding-bottom: 25px;
   opacity: 0.6;
@@ -66,6 +47,7 @@
   width: 256px;
   height: 297px;
 }
+
 .chapter {
   composes: default;
   border-radius: 8px;
@@ -73,6 +55,18 @@
   height: 297px;
 }
 
+.coorpmanager.course {
+  border-radius: 5px;
+  width: 172px;
+  height: 201px;
+}
+
+.coorpmanager.chapter {
+  border-radius: 5px;
+  width: 138px;
+  height: 201px;
+}
+
 .course .imageWrapper {
   width: 100%;
   height: 100%;
@@ -89,6 +83,10 @@
   left: 0;
 }
 
+.coorpmanager.chapter .chapterImageWrapper {
+  max-height: 52px;
+}
+
 .default .image {
   overflow: hidden;
   background-position: 50%;
@@ -218,10 +216,6 @@
   left: 0;
 }
 
-.default[disabled] .customer {
-  background: none;
-}
-
 .badge {
   position: absolute;
   width: auto;
@@ -239,6 +233,11 @@
   user-select: none;
 }
 
+.coorpmanager .badge {
+  padding: 2px 5px;
+  font-size: 7px;
+}
+
 .emptyIcon {
   vertical-align: middle;
   width: 80px;
@@ -295,11 +294,24 @@
 }
 
 .externalIconCircleWrapper {
+  border-radius: 50%;
+  padding: 17px;
+  box-sizing: border-box;
+  background-color: rgba(255, 255, 255, 0.3);
+  justify-content: center;
+  transform: scale(1);
+  transition: transform 0.25s ease-in-out;
   width: 80px;
   height: 80px;
   margin-top: 20px;
+}
+
+.coorpmanager .externalIconCircleWrapper {
+  width: 50px;
+  height: 50px;
+  margin-top: 12px;
+  padding: 13px;
   border-radius: 50%;
-  padding: 17px;
   box-sizing: border-box;
   background-color: rgba(255, 255, 255, 0.3);
   justify-content: center;
@@ -313,6 +325,12 @@
   height: 45px;
 }
 
+.coorpmanager .externalIcon {
+  color: white;
+  width: 23px;
+  height: 23px;
+}
+
 .externalIconCircleWrapper::after {
   animation: pulse 3s linear 0s infinite;
   animation-play-state: paused;
@@ -343,6 +361,18 @@
   transition: box-shadow 0.25s linear;
 }
 
+.coorpmanager .externalIconCircleWrapper::after,
+.coorpmanager .externalIconCircleWrapper::before {
+  width: 50px;
+  height: 50px;
+  top: 0;
+  left: 0;
+  transform: scale(1);
+  opacity: 0;
+  box-shadow: inset 0 0 7px 0 rgba(255, 255, 255, 0);
+  transition: box-shadow 0.25s linear;
+}
+
 .externalIconCircleWithImageWrapper {
   width: 60px;
   height: 60px;
@@ -350,6 +380,22 @@
   z-index: 1;
 }
 
+.coorpmanager .externalIconCircleWithImageWrapper {
+  width: 50px;
+  height: 50px;
+  border-radius: 50%;
+  padding: 12px;
+  z-index: 1;
+  margin-top: 20px;
+}
+
+.coorpmanager .externalIconWithImage {
+  color: white;
+  width: 25px;
+  height: 25px;
+  padding: 0 0 0 1px;
+}
+
 .externalIconWithImage {
   color: white;
   width: 28px;
@@ -372,6 +418,22 @@
   transition: box-shadow 0.25s linear;
 }
 
+.coorpmanager .externalIconCircleWithImageWrapper::after,
+.coorpmanager .externalIconCircleWithImageWrapper::before {
+  content: '';
+  width: 50px;
+  height: 50px;
+  top: 0;
+  left: 0;
+  position: absolute;
+  transform: scale(1);
+  opacity: 0;
+  box-shadow: inset 0 0 7px 0 rgba(255, 255, 255, 0);
+  transition: box-shadow 0.25s linear;
+
+}
+
+
 @keyframes pulse {
   0% {
     transform: scale(1);

package/lib/molecule/card/test/fixtures/adaptiv-and-disabled.js

@@ -12,7 +12,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 var _default = {
-  props: _extends(_extends(_extends({}, _default2.default.props), _adaptivAndDisabled.default.props), {}, {
+  props: _extends({}, _default2.default.props, _adaptivAndDisabled.default.props, {
     certifiedAuthor: false,
     progress: 0
   })

package/lib/molecule/card/test/fixtures/adaptiv-and-disabled.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/card/test/fixtures/adaptiv-and-disabled.js"],"names":["props","Default","cardContent","certifiedAuthor","progress"],"mappings":";;;;;AAAA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,iCACAC,kBAAQD,KADR,GAEAE,4BAAYF,KAFZ;AAGHG,IAAAA,eAAe,EAAE,KAHd;AAIHC,IAAAA,QAAQ,EAAE;AAJP;AADQ,C","sourcesContent":["import cardContent from '../../../card-content/test/fixtures/adaptiv-and-disabled';\nimport Default from './default';\n\nexport default {\n  props: {\n    ...Default.props,\n    ...cardContent.props,\n    certifiedAuthor: false,\n    progress: 0\n  }\n};\n"],"file":"adaptiv-and-disabled.js"}
+{"version":3,"sources":["../../../../../src/molecule/card/test/fixtures/adaptiv-and-disabled.js"],"names":["props","Default","cardContent","certifiedAuthor","progress"],"mappings":";;;;;AAAA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,eACAC,kBAAQD,KADR,EAEAE,4BAAYF,KAFZ;AAGHG,IAAAA,eAAe,EAAE,KAHd;AAIHC,IAAAA,QAAQ,EAAE;AAJP;AADQ,C","sourcesContent":["import cardContent from '../../../card-content/test/fixtures/adaptiv-and-disabled';\nimport Default from './default';\n\nexport default {\n  props: {\n    ...Default.props,\n    ...cardContent.props,\n    certifiedAuthor: false,\n    progress: 0\n  }\n};\n"],"file":"adaptiv-and-disabled.js"}

package/lib/molecule/card/test/fixtures/adaptiv.js

@@ -12,7 +12,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 var _default = {
-  props: _extends(_extends({}, _default2.default.props), _adaptiv.default.props)
+  props: _extends({}, _default2.default.props, _adaptiv.default.props)
 };
 exports.default = _default;
 //# sourceMappingURL=adaptiv.js.map

package/lib/molecule/card/test/fixtures/adaptiv.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/card/test/fixtures/adaptiv.js"],"names":["props","Default","cardContentAdaptiv"],"mappings":";;;;;AAAA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,wBACAC,kBAAQD,KADR,GAEAE,iBAAmBF,KAFnB;AADQ,C","sourcesContent":["import cardContentAdaptiv from '../../../card-content/test/fixtures/adaptiv';\nimport Default from './default';\n\nexport default {\n  props: {\n    ...Default.props,\n    ...cardContentAdaptiv.props\n  }\n};\n"],"file":"adaptiv.js"}
+{"version":3,"sources":["../../../../../src/molecule/card/test/fixtures/adaptiv.js"],"names":["props","Default","cardContentAdaptiv"],"mappings":";;;;;AAAA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,eACAC,kBAAQD,KADR,EAEAE,iBAAmBF,KAFnB;AADQ,C","sourcesContent":["import cardContentAdaptiv from '../../../card-content/test/fixtures/adaptiv';\nimport Default from './default';\n\nexport default {\n  props: {\n    ...Default.props,\n    ...cardContentAdaptiv.props\n  }\n};\n"],"file":"adaptiv.js"}

package/lib/molecule/card/test/fixtures/coorpmanager.js

@@ -0,0 +1,28 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _defaultsDeep2 = _interopRequireDefault(require("lodash/fp/defaultsDeep"));
+
+var _default2 = _interopRequireDefault(require("./default"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const {
+  props
+} = _default2.default;
+var _default = {
+  props: (0, _defaultsDeep2.default)(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: false,
+    badgeCategory: 'base',
+    badgeLabel: 'basic',
+    theme: 'coorpmanager'
+  })
+};
+exports.default = _default;
+//# sourceMappingURL=coorpmanager.js.map

package/lib/molecule/card/test/fixtures/coorpmanager.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/card/test/fixtures/coorpmanager.js"],"names":["props","Default","disabled","type","image","progress","isSelected","badgeCategory","badgeLabel","theme"],"mappings":";;;;;;;AACA;;;;AAEA,MAAM;AAACA,EAAAA;AAAD,IAAUC,iBAAhB;eAEe;AACbD,EAAAA,KAAK,EAAE,4BAAaA,KAAb,EAAoB;AACzBE,IAAAA,QAAQ,EAAE,KADe;AAEzBC,IAAAA,IAAI,EAAE,QAFmB;AAGzBC,IAAAA,KAAK,EACH,4MAJuB;AAKzBC,IAAAA,QAAQ,EAAE,GALe;AAMzBC,IAAAA,UAAU,EAAE,KANa;AAOzBC,IAAAA,aAAa,EAAE,MAPU;AAQzBC,IAAAA,UAAU,EAAE,OARa;AASzBC,IAAAA,KAAK,EAAE;AATkB,GAApB;AADM,C","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: false,\n    badgeCategory: 'base',\n    badgeLabel: 'basic',\n    theme: 'coorpmanager'\n  })\n};\n"],"file":"coorpmanager.js"}

package/lib/molecule/card/test/fixtures/disabled.js

@@ -12,7 +12,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 var _default = {
-  props: _extends(_extends({}, _default2.default.props), _disabled.default.props)
+  props: _extends({}, _default2.default.props, _disabled.default.props)
 };
 exports.default = _default;
 //# sourceMappingURL=disabled.js.map

package/lib/molecule/card/test/fixtures/disabled.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/card/test/fixtures/disabled.js"],"names":["props","Default","cardContentDisabled"],"mappings":";;;;;AAAA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,wBACAC,kBAAQD,KADR,GAEAE,kBAAoBF,KAFpB;AADQ,C","sourcesContent":["import cardContentDisabled from '../../../card-content/test/fixtures/disabled';\nimport Default from './default';\n\nexport default {\n  props: {\n    ...Default.props,\n    ...cardContentDisabled.props\n  }\n};\n"],"file":"disabled.js"}
+{"version":3,"sources":["../../../../../src/molecule/card/test/fixtures/disabled.js"],"names":["props","Default","cardContentDisabled"],"mappings":";;;;;AAAA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,eACAC,kBAAQD,KADR,EAEAE,kBAAoBF,KAFpB;AADQ,C","sourcesContent":["import cardContentDisabled from '../../../card-content/test/fixtures/disabled';\nimport Default from './default';\n\nexport default {\n  props: {\n    ...Default.props,\n    ...cardContentDisabled.props\n  }\n};\n"],"file":"disabled.js"}

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

@@ -1,7 +1,9 @@
 "use strict";
 
 exports.__esModule = true;
-exports.default = exports.MODES = void 0;
+exports.default = exports.THEMES = exports.MODES = void 0;
+
+var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
 
 var _isNil2 = _interopRequireDefault(require("lodash/fp/isNil"));
 
@@ -30,6 +32,11 @@ const MODES = {
   CARD: 'card'
 };
 exports.MODES = MODES;
+const THEMES = {
+  default: null,
+  coorpmanager: _style2.default.coorpmanager
+};
+exports.THEMES = THEMES;
 
 const ContentTypeInfo = ({
   mode,
@@ -48,8 +55,7 @@ const ContentTypeInfo = ({
     return /*#__PURE__*/_react.default.createElement("div", {
       className: _style2.default.microLearningIcon
     }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyTimer, {
-      height: 40,
-      width: 40
+      className: _style2.default.timerIcon
     }), /*#__PURE__*/_react.default.createElement("span", {
       className: _style2.default.microLearninglabel
     }, "5' learning"));
@@ -135,7 +141,8 @@ const ContentInfo = ({
   title,
   type,
   badgeCategory,
-  badgeLabel
+  badgeLabel,
+  theme = 'default'
 }) => {
   const progressBarColor = '#3EC483';
   const inlineProgressValueStyle = {
@@ -159,7 +166,7 @@ const ContentInfo = ({
   })) : null;
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "info",
-    className: (0, _classnames.default)(_style2.default.infoWrapper, mode === MODES.HERO ? _style2.default.hero : _style2.default.card, disabled ? _style2.default.progressBarDisabled : null, externalContent ? _style2.default.externalContent : null)
+    className: (0, _classnames.default)(THEMES[theme], _style2.default.infoWrapper, mode === MODES.HERO ? _style2.default.hero : _style2.default.card, disabled ? _style2.default.progressBarDisabled : null, externalContent ? _style2.default.externalContent : null)
   }, /*#__PURE__*/_react.default.createElement(ContentTypeInfo, {
     mode: mode,
     type: type,
@@ -197,7 +204,8 @@ ContentInfo.propTypes = process.env.NODE_ENV !== "production" ? {
   type: _propTypes.default.string,
   mode: _propTypes.default.string,
   badgeCategory: _contentBadge.default.propTypes.category,
-  badgeLabel: _contentBadge.default.propTypes.label
+  badgeLabel: _contentBadge.default.propTypes.label,
+  theme: _propTypes.default.oneOf((0, _keys2.default)(THEMES))
 } : {};
 var _default = ContentInfo;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/card-content/index.js"],"names":["MODES","HERO","CARD","ContentTypeInfo","mode","type","externalContent","context","translate","style","microLearningIcon","microLearninglabel","EXTERNAL_CONTENT_ICONS","textColor","color","contentTypeInfo","contextTypes","skin","Provider","childContextTypes","propTypes","PropTypes","bool","string","CardTitle","title","empty","courseContent","innerHTML","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","ContentBadge","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"}
+{"version":3,"sources":["../../../src/molecule/card-content/index.js"],"names":["MODES","HERO","CARD","THEMES","default","coorpmanager","style","ContentTypeInfo","mode","type","externalContent","context","translate","microLearningIcon","timerIcon","microLearninglabel","EXTERNAL_CONTENT_ICONS","textColor","color","contentTypeInfo","contextTypes","skin","Provider","childContextTypes","propTypes","PropTypes","bool","string","CardTitle","title","empty","courseContent","innerHTML","lightTitle","darkTitle","__html","AuthorName","author","certifiedAuthor","checkIcon","authorIcon","iconShadow","darkAuthorTitle","ContentInfo","adaptiv","disabled","progress","badgeCategory","badgeLabel","theme","progressBarColor","inlineProgressValueStyle","backgroundColor","width","chapterContent","progressBar","progressWrapper","hideProgressBar","adaptiveIcon","infoWrapper","hero","card","progressBarDisabled","cardInfo","microLearningCardInfo","iconWrapper","number","ContentBadge","category","label","oneOf"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {isNil, keys} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyAdaptive as AdaptivIcon,\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport ContentBadge from '../../atom/content-badge';\nimport {innerHTML} from '../../atom/label/style.css';\nimport style from './style.css';\n\nexport const MODES = {\n  HERO: 'hero',\n  CARD: 'card'\n};\n\nexport const THEMES = {\n  default: null,\n  coorpmanager: style.coorpmanager\n};\n\nconst ContentTypeInfo = ({mode, type, externalContent}, context) => {\n  const {translate} = context;\n  if (mode !== MODES.CARD) {\n    return null;\n  }\n\n  if (type === 'chapter') {\n    return (\n      <div className={style.microLearningIcon}>\n        <TimerIcon className={style.timerIcon} />\n        <span className={style.microLearninglabel}>{\"5' learning\"}</span>\n      </div>\n    );\n  }\n  if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n    const textColor = EXTERNAL_CONTENT_ICONS[type].color;\n\n    return (\n      <div className={style.contentTypeInfo} style={{color: textColor}}>\n        {type === 'scorm' ? translate('external_content_scorm') : ''}\n        {type === 'video' ? translate('external_content_video') : ''}\n        {type === 'article' ? translate('external_content_article') : ''}\n        {type === 'podcast' ? translate('external_content_podcast') : ''}\n      </div>\n    );\n  }\n\n  return null;\n};\n\nContentTypeInfo.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nContentTypeInfo.propTypes = {\n  externalContent: PropTypes.bool,\n  type: PropTypes.string,\n  mode: PropTypes.string\n};\n\nconst CardTitle = ({title, empty, courseContent}) => {\n  return (\n    <div\n      className={classnames(\n        style.title,\n        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  theme = 'default'\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        THEMES[theme],\n        style.infoWrapper,\n        mode === MODES.HERO ? style.hero : style.card,\n        disabled ? style.progressBarDisabled : null,\n        externalContent ? style.externalContent : null\n      )}\n    >\n      <ContentTypeInfo mode={mode} type={type} externalContent={externalContent} />\n      <div\n        className={classnames(style.cardInfo, chapterContent ? style.microLearningCardInfo : null)}\n      >\n        <div className={style.iconWrapper}>\n          {adaptiveIcon}\n          {!empty && badgeLabel && badgeCategory && courseContent ? (\n            <ContentBadge category={badgeCategory} label={badgeLabel} />\n          ) : null}\n        </div>\n        <CardTitle title={title} empty={empty} courseContent={courseContent} />\n        <AuthorName\n          author={author}\n          empty={empty}\n          courseContent={courseContent}\n          certifiedAuthor={certifiedAuthor}\n        />\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};\n\nexport default ContentInfo;\n"],"file":"index.js"}

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

@@ -21,6 +21,23 @@
   margin-top: 53px;
 }
 
+.coorpmanager .microLearningIcon {
+  display: flex;
+  flex-direction: column;
+  align-self: center;
+  margin-top: 35px;
+}
+
+.timerIcon {
+  height: 40px;
+  width: 40px;
+}
+
+.coorpmanager .timerIcon {
+  height: 30px;
+  width: 30px;
+}
+
 .microLearningIcon svg {
   background:white;
   border-radius: 50%;
@@ -38,6 +55,10 @@
   text-transform: uppercase;
 }
 
+.coorpmanager .microLearninglabel {
+  font-size: 6px;
+}
+
 .infoWrapper {
   display: flex;
   flex-direction: column;
@@ -58,6 +79,11 @@
   user-select: none;
 }
 
+.coorpmanager .title {
+  font-size: 12px;
+  font-weight: bold;
+}
+
 .lightTitle {
   color: white;
   text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
@@ -85,6 +111,10 @@
   user-select: none;
 }
 
+.coorpmanager .author {
+  font-size: 8px;
+}
+
 .hero .title {
   text-align: center;
   color: white;
@@ -97,6 +127,14 @@
   margin-top: 5px;
 }
 
+.card .coorpmanager .author {
+  margin-top: 0px;
+}
+
+.externalContent.coorpmanager .author {
+  margin-top: 5px;
+}
+
 .hero .author {
   margin-top: 9px;
   margin-bottom: 24px;
@@ -179,6 +217,11 @@
   background: light;
 }
 
+.coorpmanager .progressWrapper {
+  height: 2px;
+  margin: 11px auto;
+}
+
 .card .progressWrapper {
   width: 150px;
 }
@@ -193,12 +236,21 @@
   font-weight: 700;
 }
 
+.coorpmanager.externalContent .contentTypeInfo {
+  font-size: 6px;
+}
+
 .externalContent .cardInfo {
   flex-grow: 2;
   max-height: 115px;
   overflow: hidden;
 }
 
+.coorpmanager.externalContent .cardInfo {
+  flex-grow: 2;
+  max-height: 79px;
+}
+
 @media mobile {
   .author {
     font-size: 12px;

package/lib/molecule/card-content/test/fixtures/adaptiv-and-disabled.js

@@ -10,7 +10,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 var _default = {
-  props: _extends(_extends({}, _card.default.props), {}, {
+  props: _extends({}, _card.default.props, {
     adaptiv: true,
     disabled: true
   })

package/lib/molecule/card-content/test/fixtures/adaptiv-and-disabled.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/card-content/test/fixtures/adaptiv-and-disabled.js"],"names":["props","base","adaptiv","disabled"],"mappings":";;;;;AAAA;;;;;;eAEe;AACbA,EAAAA,KAAK,wBACAC,cAAKD,KADL;AAEHE,IAAAA,OAAO,EAAE,IAFN;AAGHC,IAAAA,QAAQ,EAAE;AAHP;AADQ,C","sourcesContent":["import base from './card';\n\nexport default {\n  props: {\n    ...base.props,\n    adaptiv: true,\n    disabled: true\n  }\n};\n"],"file":"adaptiv-and-disabled.js"}
+{"version":3,"sources":["../../../../../src/molecule/card-content/test/fixtures/adaptiv-and-disabled.js"],"names":["props","base","adaptiv","disabled"],"mappings":";;;;;AAAA;;;;;;eAEe;AACbA,EAAAA,KAAK,eACAC,cAAKD,KADL;AAEHE,IAAAA,OAAO,EAAE,IAFN;AAGHC,IAAAA,QAAQ,EAAE;AAHP;AADQ,C","sourcesContent":["import base from './card';\n\nexport default {\n  props: {\n    ...base.props,\n    adaptiv: true,\n    disabled: true\n  }\n};\n"],"file":"adaptiv-and-disabled.js"}

package/lib/molecule/card-content/test/fixtures/adaptiv.js

@@ -10,7 +10,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 var _default = {
-  props: _extends(_extends({}, _card.default.props), {}, {
+  props: _extends({}, _card.default.props, {
     adaptiv: true
   })
 };

package/lib/molecule/card-content/test/fixtures/adaptiv.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/card-content/test/fixtures/adaptiv.js"],"names":["props","base","adaptiv"],"mappings":";;;;;AAAA;;;;;;eAEe;AACbA,EAAAA,KAAK,wBACAC,cAAKD,KADL;AAEHE,IAAAA,OAAO,EAAE;AAFN;AADQ,C","sourcesContent":["import base from './card';\n\nexport default {\n  props: {\n    ...base.props,\n    adaptiv: true\n  }\n};\n"],"file":"adaptiv.js"}
+{"version":3,"sources":["../../../../../src/molecule/card-content/test/fixtures/adaptiv.js"],"names":["props","base","adaptiv"],"mappings":";;;;;AAAA;;;;;;eAEe;AACbA,EAAAA,KAAK,eACAC,cAAKD,KADL;AAEHE,IAAAA,OAAO,EAAE;AAFN;AADQ,C","sourcesContent":["import base from './card';\n\nexport default {\n  props: {\n    ...base.props,\n    adaptiv: true\n  }\n};\n"],"file":"adaptiv.js"}

package/lib/molecule/card-content/test/fixtures/disabled.js

@@ -10,7 +10,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 var _default = {
-  props: _extends(_extends({}, _card.default.props), {}, {
+  props: _extends({}, _card.default.props, {
     disabled: true
   })
 };

package/lib/molecule/card-content/test/fixtures/disabled.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/card-content/test/fixtures/disabled.js"],"names":["props","base","disabled"],"mappings":";;;;;AAAA;;;;;;eAEe;AACbA,EAAAA,KAAK,wBACAC,cAAKD,KADL;AAEHE,IAAAA,QAAQ,EAAE;AAFP;AADQ,C","sourcesContent":["import base from './card';\n\nexport default {\n  props: {\n    ...base.props,\n    disabled: true\n  }\n};\n"],"file":"disabled.js"}
+{"version":3,"sources":["../../../../../src/molecule/card-content/test/fixtures/disabled.js"],"names":["props","base","disabled"],"mappings":";;;;;AAAA;;;;;;eAEe;AACbA,EAAAA,KAAK,eACAC,cAAKD,KADL;AAEHE,IAAAA,QAAQ,EAAE;AAFP;AADQ,C","sourcesContent":["import base from './card';\n\nexport default {\n  props: {\n    ...base.props,\n    disabled: true\n  }\n};\n"],"file":"disabled.js"}

package/lib/molecule/card-with-button/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/card-with-button/index.js"],"names":["backgroundImage","url","background","backgroundSize","Button","props","onClick","submitValue","light","CardWithButton","context","lightButtonLabel","primaryButtonLabel","tagLabel","onLightButtonClick","onPrimaryButtonClick","backgroundImg","children","skin","primaryColor","inlineStyle","color","style","container","imageBox","filtre","image","zoom","content","levelContainer","level","avatar","buttons","lightButton","contextTypes","translate","Provider","childContextTypes","propTypes","Cta","isRequired","Link","PropTypes","string","node"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Link from '../../atom/link';\nimport Cta from '../../atom/cta';\nimport style from './style.css';\n\nfunction backgroundImage(url) {\n  return {\n    background: `linear-gradient(\n      rgba(0, 0, 0, 0.65), \n      rgba(0, 0, 0, 0.65)\n      ),url(${url})`,\n    backgroundSize: 'cover'\n  };\n}\n\nconst Button = props => {\n  const {onClick, submitValue, light = false} = props;\n  return <Cta submitValue={submitValue} onClick={onClick} light={light} />;\n};\nconst CardWithButton = (props, context) => {\n  const {\n    lightButtonLabel,\n    primaryButtonLabel,\n    tagLabel,\n    onLightButtonClick,\n    onPrimaryButtonClick,\n    backgroundImg,\n    children\n  } = props;\n  const {skin} = context;\n  const primaryColor = get('common.primary', skin);\n  const inlineStyle = {color: primaryColor};\n  return (\n    <div className={style.container}>\n      <div className={style.imageBox}>\n        <div className={style.filtre}>\n          <div className={`${style.image} ${style.zoom}`} style={backgroundImage(backgroundImg)}>\n            <div className={style.content}>\n              {tagLabel ? (\n                <div className={style.levelContainer}>\n                  <div className={style.level}>\n                    <p>{tagLabel}</p>\n                  </div>\n                </div>\n              ) : null}\n              {children ? <div className={style.avatar}>{children}</div> : null}\n            </div>\n          </div>\n        </div>\n      </div>\n      <div className={style.buttons}>\n        {lightButtonLabel ? (\n          <a className={style.lightButton} style={inlineStyle} onClick={onLightButtonClick}>\n            {lightButtonLabel}\n          </a>\n        ) : null}\n        <Button submitValue={primaryButtonLabel} onClick={onPrimaryButtonClick} />\n      </div>\n    </div>\n  );\n};\n\nCardWithButton.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nButton.propTypes = {\n  onClick: Cta.propTypes.onClick,\n  submitValue: Cta.propTypes.submitValue\n};\n\nCardWithButton.propTypes = {\n  lightButtonLabel: Button.propTypes.submitValue,\n  primaryButtonLabel: Button.propTypes.submitValue.isRequired,\n  tagLabel: Link.propTypes.children,\n  onLightButtonClick: Button.propTypes.onClick,\n  onPrimaryButtonClick: Button.propTypes.onClick.isRequired,\n  backgroundImg: PropTypes.string.isRequired,\n  children: PropTypes.node\n};\n\nexport default CardWithButton;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/card-with-button/index.js"],"names":["backgroundImage","url","background","backgroundSize","Button","props","onClick","submitValue","light","CardWithButton","context","lightButtonLabel","primaryButtonLabel","tagLabel","onLightButtonClick","onPrimaryButtonClick","backgroundImg","children","skin","primaryColor","inlineStyle","color","style","container","imageBox","filtre","image","zoom","content","levelContainer","level","avatar","buttons","lightButton","contextTypes","translate","Provider","childContextTypes","propTypes","Cta","isRequired","Link","PropTypes","string","node"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Link from '../../atom/link';\nimport Cta from '../../atom/cta';\nimport style from './style.css';\n\nfunction backgroundImage(url) {\n  return {\n    background: `linear-gradient(\n      rgba(0, 0, 0, 0.65), \n      rgba(0, 0, 0, 0.65)\n      ),url(${url})`,\n    backgroundSize: 'cover'\n  };\n}\n\nconst Button = props => {\n  const {onClick, submitValue, light = false} = props;\n  return <Cta submitValue={submitValue} onClick={onClick} light={light} />;\n};\nconst CardWithButton = (props, context) => {\n  const {\n    lightButtonLabel,\n    primaryButtonLabel,\n    tagLabel,\n    onLightButtonClick,\n    onPrimaryButtonClick,\n    backgroundImg,\n    children\n  } = props;\n  const {skin} = context;\n  const primaryColor = get('common.primary', skin);\n  const inlineStyle = {color: primaryColor};\n  return (\n    <div className={style.container}>\n      <div className={style.imageBox}>\n        <div className={style.filtre}>\n          <div className={`${style.image} ${style.zoom}`} style={backgroundImage(backgroundImg)}>\n            <div className={style.content}>\n              {tagLabel ? (\n                <div className={style.levelContainer}>\n                  <div className={style.level}>\n                    <p>{tagLabel}</p>\n                  </div>\n                </div>\n              ) : null}\n              {children ? <div className={style.avatar}>{children}</div> : null}\n            </div>\n          </div>\n        </div>\n      </div>\n      <div className={style.buttons}>\n        {lightButtonLabel ? (\n          <a className={style.lightButton} style={inlineStyle} onClick={onLightButtonClick}>\n            {lightButtonLabel}\n          </a>\n        ) : null}\n        <Button submitValue={primaryButtonLabel} onClick={onPrimaryButtonClick} />\n      </div>\n    </div>\n  );\n};\n\nCardWithButton.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nButton.propTypes = {\n  onClick: Cta.propTypes.onClick,\n  submitValue: Cta.propTypes.submitValue\n};\n\nCardWithButton.propTypes = {\n  lightButtonLabel: Button.propTypes.submitValue,\n  primaryButtonLabel: Button.propTypes.submitValue.isRequired,\n  tagLabel: Link.propTypes.children,\n  onLightButtonClick: Button.propTypes.onClick,\n  onPrimaryButtonClick: Button.propTypes.onClick.isRequired,\n  backgroundImg: PropTypes.string.isRequired,\n  children: PropTypes.node\n};\n\nexport default CardWithButton;\n"],"file":"index.js"}

package/lib/molecule/cm-popin/style.css

@@ -26,6 +26,7 @@
   box-sizing: border-box;
   overflow: hidden;
   display: flex;
+  position:fixed;
 }
 
 .popin {

package/lib/molecule/coorp-manager-roles/index.js

@@ -33,7 +33,7 @@ const Roles = ({
 
 Roles.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string,
-  fields: _propTypes.default.arrayOf(_propTypes.default.shape(_extends(_extends({}, _inputCheckbox.default.propTypes), {}, {
+  fields: _propTypes.default.arrayOf(_propTypes.default.shape(_extends({}, _inputCheckbox.default.propTypes, {
     type: _propTypes.default.oneOf(['checkbox'])
   })))
 } : {};

package/lib/molecule/coorp-manager-roles/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/coorp-manager-roles/index.js"],"names":["Roles","title","fields","style","rolesGroup","content","map","field","i","propTypes","PropTypes","string","arrayOf","shape","InputCheckbox","type","oneOf"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,KAAK,GAAG,CAAC;AAACC,EAAAA,KAAD;AAAQC,EAAAA;AAAR,CAAD,KAAqB;AACjC,sBACE;AAAK,IAAA,SAAS,EAAEC,eAAMC;AAAtB,kBACE;AAAI,IAAA,SAAS,EAAED,eAAMF;AAArB,KAA6BA,KAA7B,CADF,eAEE;AAAK,IAAA,SAAS,EAAEE,eAAME;AAAtB,KACGH,MAAM,CAACI,GAAP,CAAW,CAACC,KAAD,EAAQC,CAAR,kBACV;AAAM,IAAA,SAAS,EAAEL,eAAMI,KAAvB;AAA8B,IAAA,GAAG,EAAEC;AAAnC,kBACE,6BAAC,sBAAD,EAAmBD,KAAnB,CADF,CADD,CADH,CAFF,CADF;AAYD,CAbD;;AAeAP,KAAK,CAACS,SAAN,2CAAkB;AAChBR,EAAAA,KAAK,EAAES,mBAAUC,MADD;AAEhBT,EAAAA,MAAM,EAAEQ,mBAAUE,OAAV,CACNF,mBAAUG,KAAV,uBACKC,uBAAcL,SADnB;AAEEM,IAAAA,IAAI,EAAEL,mBAAUM,KAAV,CAAgB,CAAC,UAAD,CAAhB;AAFR,KADM;AAFQ,CAAlB;eAUehB,K","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport style from './style.css';\n\nconst Roles = ({title, fields}) => {\n  return (\n    <div className={style.rolesGroup}>\n      <h3 className={style.title}>{title}</h3>\n      <div className={style.content}>\n        {fields.map((field, i) => (\n          <span className={style.field} key={i}>\n            <InputCheckbox {...field} />\n          </span>\n        ))}\n      </div>\n    </div>\n  );\n};\n\nRoles.propTypes = {\n  title: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...InputCheckbox.propTypes,\n      type: PropTypes.oneOf(['checkbox'])\n    })\n  )\n};\n\nexport default Roles;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/coorp-manager-roles/index.js"],"names":["Roles","title","fields","style","rolesGroup","content","map","field","i","propTypes","PropTypes","string","arrayOf","shape","InputCheckbox","type","oneOf"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,KAAK,GAAG,CAAC;AAACC,EAAAA,KAAD;AAAQC,EAAAA;AAAR,CAAD,KAAqB;AACjC,sBACE;AAAK,IAAA,SAAS,EAAEC,eAAMC;AAAtB,kBACE;AAAI,IAAA,SAAS,EAAED,eAAMF;AAArB,KAA6BA,KAA7B,CADF,eAEE;AAAK,IAAA,SAAS,EAAEE,eAAME;AAAtB,KACGH,MAAM,CAACI,GAAP,CAAW,CAACC,KAAD,EAAQC,CAAR,kBACV;AAAM,IAAA,SAAS,EAAEL,eAAMI,KAAvB;AAA8B,IAAA,GAAG,EAAEC;AAAnC,kBACE,6BAAC,sBAAD,EAAmBD,KAAnB,CADF,CADD,CADH,CAFF,CADF;AAYD,CAbD;;AAeAP,KAAK,CAACS,SAAN,2CAAkB;AAChBR,EAAAA,KAAK,EAAES,mBAAUC,MADD;AAEhBT,EAAAA,MAAM,EAAEQ,mBAAUE,OAAV,CACNF,mBAAUG,KAAV,cACKC,uBAAcL,SADnB;AAEEM,IAAAA,IAAI,EAAEL,mBAAUM,KAAV,CAAgB,CAAC,UAAD,CAAhB;AAFR,KADM;AAFQ,CAAlB;eAUehB,K","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport style from './style.css';\n\nconst Roles = ({title, fields}) => {\n  return (\n    <div className={style.rolesGroup}>\n      <h3 className={style.title}>{title}</h3>\n      <div className={style.content}>\n        {fields.map((field, i) => (\n          <span className={style.field} key={i}>\n            <InputCheckbox {...field} />\n          </span>\n        ))}\n      </div>\n    </div>\n  );\n};\n\nRoles.propTypes = {\n  title: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...InputCheckbox.propTypes,\n      type: PropTypes.oneOf(['checkbox'])\n    })\n  )\n};\n\nexport default Roles;\n"],"file":"index.js"}

package/lib/molecule/dashboard/battle-request-list/index.js

@@ -33,7 +33,7 @@ BattleRequestList.propTypes = process.env.NODE_ENV !== "production" ? {
   requests: _propTypes.default.arrayOf(_propTypes.default.shape(_battleRequest.default.propTypes))
 } : {};
 
-var _default = _react.default.memo(BattleRequestList);
+var _default = /*#__PURE__*/_react.default.memo(BattleRequestList);
 
 exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/molecule/dashboard/battle-request-list/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/molecule/dashboard/battle-request-list/index.js"],"names":["BattleRequestList","props","context","requests","cards","map","request","key","style","card","list","propTypes","PropTypes","arrayOf","shape","BattleRequest","React","memo"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,iBAAiB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AAC5C,QAAM;AAACC,IAAAA;AAAD,MAAaF,KAAnB;AAEA,QAAMG,KAAK,GAAGD,QAAQ,CAACE,GAAT,CAAa,CAACC,OAAD,EAAUC,GAAV,KAAkB;AAC3C,wBACE;AAAK,MAAA,SAAS,EAAEC,eAAMC,IAAtB;AAA4B,MAAA,GAAG,EAAEF;AAAjC,oBACE,6BAAC,sBAAD,EAAmBD,OAAnB,CADF,CADF;AAKD,GANa,CAAd;AAQA,sBACE;AAAK,IAAA,SAAS,EAAEE,eAAME,IAAtB;AAA4B,iBAAU;AAAtC,KACGN,KADH,CADF;AAKD,CAhBD;;AAkBAJ,iBAAiB,CAACW,SAAlB,2CAA8B;AAC5BR,EAAAA,QAAQ,EAAES,mBAAUC,OAAV,CAAkBD,mBAAUE,KAAV,CAAgBC,uBAAcJ,SAA9B,CAAlB;AADkB,CAA9B;;eAIeK,eAAMC,IAAN,CAAWjB,iBAAX,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport BattleRequest from '../../battle-request';\nimport style from './style.css';\n\nconst BattleRequestList = (props, context) => {\n  const {requests} = props;\n\n  const cards = requests.map((request, key) => {\n    return (\n      <div className={style.card} key={key}>\n        <BattleRequest {...request} />\n      </div>\n    );\n  });\n\n  return (\n    <div className={style.list} data-name=\"battle-request-list\">\n      {cards}\n    </div>\n  );\n};\n\nBattleRequestList.propTypes = {\n  requests: PropTypes.arrayOf(PropTypes.shape(BattleRequest.propTypes))\n};\n\nexport default React.memo(BattleRequestList);\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/molecule/dashboard/battle-request-list/index.js"],"names":["BattleRequestList","props","context","requests","cards","map","request","key","style","card","list","propTypes","PropTypes","arrayOf","shape","BattleRequest","React","memo"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,iBAAiB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AAC5C,QAAM;AAACC,IAAAA;AAAD,MAAaF,KAAnB;AAEA,QAAMG,KAAK,GAAGD,QAAQ,CAACE,GAAT,CAAa,CAACC,OAAD,EAAUC,GAAV,KAAkB;AAC3C,wBACE;AAAK,MAAA,SAAS,EAAEC,eAAMC,IAAtB;AAA4B,MAAA,GAAG,EAAEF;AAAjC,oBACE,6BAAC,sBAAD,EAAmBD,OAAnB,CADF,CADF;AAKD,GANa,CAAd;AAQA,sBACE;AAAK,IAAA,SAAS,EAAEE,eAAME,IAAtB;AAA4B,iBAAU;AAAtC,KACGN,KADH,CADF;AAKD,CAhBD;;AAkBAJ,iBAAiB,CAACW,SAAlB,2CAA8B;AAC5BR,EAAAA,QAAQ,EAAES,mBAAUC,OAAV,CAAkBD,mBAAUE,KAAV,CAAgBC,uBAAcJ,SAA9B,CAAlB;AADkB,CAA9B;;4BAIeK,eAAMC,IAAN,CAAWjB,iBAAX,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport BattleRequest from '../../battle-request';\nimport style from './style.css';\n\nconst BattleRequestList = (props, context) => {\n  const {requests} = props;\n\n  const cards = requests.map((request, key) => {\n    return (\n      <div className={style.card} key={key}>\n        <BattleRequest {...request} />\n      </div>\n    );\n  });\n\n  return (\n    <div className={style.list} data-name=\"battle-request-list\">\n      {cards}\n    </div>\n  );\n};\n\nBattleRequestList.propTypes = {\n  requests: PropTypes.arrayOf(PropTypes.shape(BattleRequest.propTypes))\n};\n\nexport default React.memo(BattleRequestList);\n"],"file":"index.js"}

package/lib/molecule/dashboard/cards-list/test/fixtures/microlearning.js

@@ -19,7 +19,7 @@ var _default = {
   props: {
     title: 'Microlearning: Most popular',
     showMore: 'See all',
-    cards: (0, _times2.default)(() => props, 8).map((p, index) => _extends(_extends({}, p), {}, {
+    cards: (0, _times2.default)(() => props, 8).map((p, index) => _extends({}, p, {
       title: `${p.title}#${index}`
     })),
     onScroll: (skip, limit) => {