@coorpacademy/components 10.19.6-alpha.6.6 → 10.19.6

package/lib/molecule/pdf/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/pdf/index.js"],"names":["PDF","props","context","description","mediaUrl","poster","onPlay","translate","skin","white","primary","style","pdfFrame","backgroundImage","pdfIcon","pdfDescription","innerHTML","__html","openPDFButton","openPDFButtonBackground","backgroundColor","openPDFButtonLabel","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","func"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,GAAG,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AAC9B,QAAM;AAACC,IAAAA,WAAD;AAAcC,IAAAA,QAAd;AAAwBC,IAAAA,MAAxB;AAAgCC,IAAAA;AAAhC,MAA0CL,KAAhD;AACA,QAAM;AAACM,IAAAA,SAAD;AAAYC,IAAAA;AAAZ,MAAoBN,OAA1B;AAEA,QAAMO,KAAK,GAAG,mBAAI,cAAJ,EAAoBD,IAApB,CAAd;AACA,QAAME,OAAO,GAAG,mBAAI,gBAAJ,EAAsBF,IAAtB,CAAhB;AAEA,sBACE;AACE,IAAA,SAAS,EAAEG,gBAAMC,QADnB;AAEE,IAAA,KAAK,EAAE;AACLC,MAAAA,eAAe,EAAG,OAAMR,MAAO;AAD1B;AAFT,kBAME,6BAAC,2CAAD;AAAS,IAAA,KAAK,EAAEI,KAAhB;AAAuB,IAAA,SAAS,EAAEE,gBAAMG;AAAxC,IANF,eAOE;AACE,IAAA,SAAS,EAAE,yBAAWH,gBAAMI,cAAjB,EAAiCC,gBAAjC,CADb;AAEE,iBAAU,gBAFZ,CAGE;AAHF;AAIE,IAAA,uBAAuB,EAAE;AAACC,MAAAA,MAAM,EAAEd;AAAT;AAJ3B,IAPF,eAcE,6BAAC,aAAD;AAAM,IAAA,IAAI,EAAEC,QAAZ;AAAsB,IAAA,MAAM,EAAC,QAA7B;AAAsC,IAAA,OAAO,EAAEE;AAA/C,kBACE;AAAK,IAAA,SAAS,EAAEK,gBAAMO;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEP,gBAAMQ,uBAAtB;AAA+C,IAAA,KAAK,EAAE;AAACC,MAAAA,eAAe,EAAEV;AAAlB;AAAtD,IADF,eAEE;AAAO,IAAA,SAAS,EAAEC,gBAAMU;AAAxB,KAA6Cd,SAAS,CAAC,MAAD,CAAtD,CAFF,CADF,CAdF,CADF;AAuBD,CA9BD;;AAgCAP,GAAG,CAACsB,YAAJ,GAAmB;AACjBf,EAAAA,SAAS,EAAEgB,kBAASC,iBAAT,CAA2BjB,SADrB;AAEjBC,EAAAA,IAAI,EAAEe,kBAASC,iBAAT,CAA2BhB;AAFhB,CAAnB;AAKAR,GAAG,CAACyB,SAAJ,2CAAgB;AACdtB,EAAAA,WAAW,EAAEuB,mBAAUC,MADT;AAEdvB,EAAAA,QAAQ,EAAEsB,mBAAUC,MAFN;AAGdtB,EAAAA,MAAM,EAAEqB,mBAAUC,MAHJ;AAIdrB,EAAAA,MAAM,EAAEoB,mBAAUE;AAJJ,CAAhB;eAOe5B,G","sourcesContent":["import React from 'react';\nimport {get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaLineFilesOfficeFileOfficePdf as PDFIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport Provider from '../../atom/provider';\nimport {innerHTML} from '../../atom/label/style.css';\nimport style from './style.css';\n\nconst PDF = (props, context) => {\n  const {description, mediaUrl, poster, onPlay} = props;\n  const {translate, skin} = context;\n\n  const white = get('common.white', skin);\n  const primary = get('common.primary', skin);\n\n  return (\n    <div\n      className={style.pdfFrame}\n      style={{\n        backgroundImage: `url(${poster})`\n      }}\n    >\n      <PDFIcon color={white} className={style.pdfIcon} />\n      <div\n        className={classnames(style.pdfDescription, innerHTML)}\n        data-name=\"pdfDescription\"\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: description}}\n      />\n\n      <Link href={mediaUrl} target=\"_blank\" onClick={onPlay}>\n        <div className={style.openPDFButton}>\n          <div className={style.openPDFButtonBackground} style={{backgroundColor: primary}} />\n          <label className={style.openPDFButtonLabel}>{translate('Open')}</label>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nPDF.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nPDF.propTypes = {\n  description: PropTypes.string,\n  mediaUrl: PropTypes.string,\n  poster: PropTypes.string,\n  onPlay: PropTypes.func\n};\n\nexport default PDF;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/pdf/index.js"],"names":["PDF","props","context","description","mediaUrl","poster","onPlay","translate","skin","white","primary","style","pdfFrame","backgroundImage","pdfIcon","pdfDescription","innerHTML","__html","openPDFButton","openPDFButtonBackground","backgroundColor","openPDFButtonLabel","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","func"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,GAAG,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AAC9B,QAAM;AAACC,IAAAA,WAAD;AAAcC,IAAAA,QAAd;AAAwBC,IAAAA,MAAxB;AAAgCC,IAAAA;AAAhC,MAA0CL,KAAhD;AACA,QAAM;AAACM,IAAAA,SAAD;AAAYC,IAAAA;AAAZ,MAAoBN,OAA1B;AAEA,QAAMO,KAAK,GAAG,mBAAI,cAAJ,EAAoBD,IAApB,CAAd;AACA,QAAME,OAAO,GAAG,mBAAI,gBAAJ,EAAsBF,IAAtB,CAAhB;AAEA,sBACE;AACE,IAAA,SAAS,EAAEG,eAAMC,QADnB;AAEE,IAAA,KAAK,EAAE;AACLC,MAAAA,eAAe,EAAG,OAAMR,MAAO;AAD1B;AAFT,kBAME,6BAAC,2CAAD;AAAS,IAAA,KAAK,EAAEI,KAAhB;AAAuB,IAAA,SAAS,EAAEE,eAAMG;AAAxC,IANF,eAOE;AACE,IAAA,SAAS,EAAE,yBAAWH,eAAMI,cAAjB,EAAiCJ,eAAMK,SAAvC,CADb;AAEE,iBAAU,gBAFZ,CAGE;AAHF;AAIE,IAAA,uBAAuB,EAAE;AAACC,MAAAA,MAAM,EAAEd;AAAT;AAJ3B,IAPF,eAcE,6BAAC,aAAD;AAAM,IAAA,IAAI,EAAEC,QAAZ;AAAsB,IAAA,MAAM,EAAC,QAA7B;AAAsC,IAAA,OAAO,EAAEE;AAA/C,kBACE;AAAK,IAAA,SAAS,EAAEK,eAAMO;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEP,eAAMQ,uBAAtB;AAA+C,IAAA,KAAK,EAAE;AAACC,MAAAA,eAAe,EAAEV;AAAlB;AAAtD,IADF,eAEE;AAAO,IAAA,SAAS,EAAEC,eAAMU;AAAxB,KAA6Cd,SAAS,CAAC,MAAD,CAAtD,CAFF,CADF,CAdF,CADF;AAuBD,CA9BD;;AAgCAP,GAAG,CAACsB,YAAJ,GAAmB;AACjBf,EAAAA,SAAS,EAAEgB,kBAASC,iBAAT,CAA2BjB,SADrB;AAEjBC,EAAAA,IAAI,EAAEe,kBAASC,iBAAT,CAA2BhB;AAFhB,CAAnB;AAKAR,GAAG,CAACyB,SAAJ,2CAAgB;AACdtB,EAAAA,WAAW,EAAEuB,mBAAUC,MADT;AAEdvB,EAAAA,QAAQ,EAAEsB,mBAAUC,MAFN;AAGdtB,EAAAA,MAAM,EAAEqB,mBAAUC,MAHJ;AAIdrB,EAAAA,MAAM,EAAEoB,mBAAUE;AAJJ,CAAhB;eAOe5B,G","sourcesContent":["import React from 'react';\nimport {get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaLineFilesOfficeFileOfficePdf as PDFIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst PDF = (props, context) => {\n  const {description, mediaUrl, poster, onPlay} = props;\n  const {translate, skin} = context;\n\n  const white = get('common.white', skin);\n  const primary = get('common.primary', skin);\n\n  return (\n    <div\n      className={style.pdfFrame}\n      style={{\n        backgroundImage: `url(${poster})`\n      }}\n    >\n      <PDFIcon color={white} className={style.pdfIcon} />\n      <div\n        className={classnames(style.pdfDescription, style.innerHTML)}\n        data-name=\"pdfDescription\"\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: description}}\n      />\n\n      <Link href={mediaUrl} target=\"_blank\" onClick={onPlay}>\n        <div className={style.openPDFButton}>\n          <div className={style.openPDFButtonBackground} style={{backgroundColor: primary}} />\n          <label className={style.openPDFButtonLabel}>{translate('Open')}</label>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nPDF.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nPDF.propTypes = {\n  description: PropTypes.string,\n  mediaUrl: PropTypes.string,\n  poster: PropTypes.string,\n  onPlay: PropTypes.func\n};\n\nexport default PDF;\n"],"file":"index.js"}

package/lib/molecule/pdf/style.css

@@ -96,3 +96,7 @@
 .openPDFButton:active {
   transform: scale(0.95);
 }
+
+.innerHTML {
+  composes: innerHTML from '../../atom/label/style.css'
+}

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

@@ -19,9 +19,7 @@ var _discussion = _interopRequireDefault(require("../../organism/discussion"));
 
 var _resourceBrowser = _interopRequireDefault(require("../../organism/resource-browser"));
 
-var _style = require("../../atom/label/style.css");
-
-var _style2 = _interopRequireDefault(require("./style.css"));
+var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -73,7 +71,7 @@ const ScopeContent = (props, context) => {
   const ctaView = onClick ? /*#__PURE__*/_react.default.createElement(_button.default, {
     "data-name": "cta",
     type: "link",
-    className: _style2.default.cta,
+    className: _style.default.cta,
     onClick: onClick,
     submitValue: buttonLabel,
     style: {
@@ -84,43 +82,43 @@ const ScopeContent = (props, context) => {
     "data-name": "scopeContent"
   }, /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "description",
-    className: _style2.default.desc
+    className: _style.default.desc
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style2.default.infos
+    className: _style.default.infos
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style2.default.title
+    className: _style.default.title
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.innerHTML // eslint-disable-next-line react/no-danger
+    className: _style.default.innerHTML // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: title
     }
   }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", {
     "data-name": "duration",
-    className: _style2.default.time
+    className: _style.default.time
   }, time))), ctaView), /*#__PURE__*/_react.default.createElement("div", {
-    className: _style2.default.skills
+    className: _style.default.skills
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style2.default.coltitle
+    className: _style.default.coltitle
   }, skillsTitle), /*#__PURE__*/_react.default.createElement("ul", {
-    className: _style2.default.dottedlist
+    className: _style.default.dottedlist
   }, skills)), /*#__PURE__*/_react.default.createElement("div", {
-    className: _style2.default.column
+    className: _style.default.column
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style2.default.coltitle
+    className: _style.default.coltitle
   }, chaptersTitle), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("ul", {
-    className: _style2.default.roundedlist
+    className: _style.default.roundedlist
   }, chapters)))), _resources ? /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "description",
-    className: _style2.default.bordered
+    className: _style.default.bordered
   }, /*#__PURE__*/_react.default.createElement(_resourceBrowser.default, {
     resources: _resources
   })) : null, discussion ? /*#__PURE__*/_react.default.createElement(_discussion.default, _extends({}, discussion, {
-    className: _style2.default.discussion
+    className: _style.default.discussion
   })) : null) : /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "discussion"
   }, discussion ? /*#__PURE__*/_react.default.createElement(_discussion.default, _extends({}, discussion, {
-    className: _style2.default.discussion
+    className: _style.default.discussion
   })) : null);
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/scope-content/index.js"],"names":["ScopeContent","props","context","translate","skin","content","lstitle","_chaptersTitle","time","title","_skills","_chapters","_resources","skillsTitle","chaptersTitle","onClick","buttonLabel","discussion","skills","map","skill","index","__html","chapters","chapter","name","ctaView","style","cta","backgroundColor","desc","infos","innerHTML","coltitle","dottedlist","column","roundedlist","bordered","contextTypes","Provider","childContextTypes","propTypes","PropTypes","shape","string","func","arrayOf","object","course_scope","resources","ResourceBrowser","Discussion"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr} from 'lodash/fp';\nimport Button from '../../atom/button';\nimport Provider from '../../atom/provider';\nimport Discussion from '../../organism/discussion';\nimport ResourceBrowser from '../../organism/resource-browser';\nimport {innerHTML} from '../../atom/label/style.css';\nimport style from './style.css';\n\nconst ScopeContent = (props, context) => {\n  const {translate, skin} = context;\n  const {content} = props;\n\n  const lstitle = translate('At the end of this level, you will be able to_');\n  const _chaptersTitle = translate('chapters');\n\n  const time = getOr('', 'time', content);\n  const title = getOr('', 'title', content);\n  const _skills = getOr([], 'skills', content);\n  const _chapters = getOr([], 'chapters', content);\n  const _resources = getOr([], 'resources', content);\n\n  const skillsTitle = getOr(lstitle, 'skillsTitle', content);\n  const chaptersTitle = getOr(_chaptersTitle, 'chaptersTitle', content);\n\n  const onClick = get('onClick', content);\n  const buttonLabel = get('buttonLabel', content);\n  const discussion = get('discussion', content);\n  const skills = _skills.map((skill, index) => (\n    <li\n      key={index}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: skill}}\n    />\n  ));\n\n  const chapters = _chapters.map((chapter, index) => (\n    <li\n      key={index}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: chapter.name}}\n    />\n  ));\n\n  const ctaView = onClick ? (\n    <Button\n      data-name=\"cta\"\n      type=\"link\"\n      className={style.cta}\n      onClick={onClick}\n      submitValue={buttonLabel}\n      style={{\n        backgroundColor: get('common.primary', skin)\n      }}\n    />\n  ) : null;\n\n  return content && title ? (\n    <div data-name=\"scopeContent\">\n      <div data-name=\"description\" className={style.desc}>\n        <div className={style.infos}>\n          <div className={style.title}>\n            <div\n              className={innerHTML}\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: title}}\n            />\n            <div>\n              <span data-name=\"duration\" className={style.time}>\n                {time}\n              </span>\n            </div>\n          </div>\n          {ctaView}\n        </div>\n        <div className={style.skills}>\n          <div className={style.coltitle}>{skillsTitle}</div>\n          <ul className={style.dottedlist}>{skills}</ul>\n        </div>\n        <div className={style.column}>\n          <div className={style.coltitle}>{chaptersTitle}</div>\n          <div>\n            <ul className={style.roundedlist}>{chapters}</ul>\n          </div>\n        </div>\n      </div>\n\n      {_resources ? (\n        <div data-name=\"description\" className={style.bordered}>\n          <ResourceBrowser resources={_resources} />\n        </div>\n      ) : null}\n      {discussion ? <Discussion {...discussion} className={style.discussion} /> : null}\n    </div>\n  ) : (\n    <div data-name=\"discussion\">\n      {discussion ? <Discussion {...discussion} className={style.discussion} /> : null}\n    </div>\n  );\n};\n\nScopeContent.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nScopeContent.propTypes = {\n  content: PropTypes.shape({\n    title: PropTypes.string,\n    skillsTitle: PropTypes.string,\n    chaptersTitle: PropTypes.string,\n    time: PropTypes.string,\n    onClick: PropTypes.func,\n    buttonLabel: PropTypes.string,\n    skills: PropTypes.arrayOf(PropTypes.string),\n    chapters: PropTypes.arrayOf(PropTypes.object),\n    course_scope: PropTypes.arrayOf(PropTypes.string),\n    resources: ResourceBrowser.propTypes.resources,\n    discussion: PropTypes.shape(Discussion.propTypes)\n  })\n};\n\nexport default ScopeContent;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/scope-content/index.js"],"names":["ScopeContent","props","context","translate","skin","content","lstitle","_chaptersTitle","time","title","_skills","_chapters","_resources","skillsTitle","chaptersTitle","onClick","buttonLabel","discussion","skills","map","skill","index","__html","chapters","chapter","name","ctaView","style","cta","backgroundColor","desc","infos","innerHTML","coltitle","dottedlist","column","roundedlist","bordered","contextTypes","Provider","childContextTypes","propTypes","PropTypes","shape","string","func","arrayOf","object","course_scope","resources","ResourceBrowser","Discussion"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr} from 'lodash/fp';\nimport Button from '../../atom/button';\nimport Provider from '../../atom/provider';\nimport Discussion from '../../organism/discussion';\nimport ResourceBrowser from '../../organism/resource-browser';\nimport style from './style.css';\n\nconst ScopeContent = (props, context) => {\n  const {translate, skin} = context;\n  const {content} = props;\n\n  const lstitle = translate('At the end of this level, you will be able to_');\n  const _chaptersTitle = translate('chapters');\n\n  const time = getOr('', 'time', content);\n  const title = getOr('', 'title', content);\n  const _skills = getOr([], 'skills', content);\n  const _chapters = getOr([], 'chapters', content);\n  const _resources = getOr([], 'resources', content);\n\n  const skillsTitle = getOr(lstitle, 'skillsTitle', content);\n  const chaptersTitle = getOr(_chaptersTitle, 'chaptersTitle', content);\n\n  const onClick = get('onClick', content);\n  const buttonLabel = get('buttonLabel', content);\n  const discussion = get('discussion', content);\n  const skills = _skills.map((skill, index) => (\n    <li\n      key={index}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: skill}}\n    />\n  ));\n\n  const chapters = _chapters.map((chapter, index) => (\n    <li\n      key={index}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: chapter.name}}\n    />\n  ));\n\n  const ctaView = onClick ? (\n    <Button\n      data-name=\"cta\"\n      type=\"link\"\n      className={style.cta}\n      onClick={onClick}\n      submitValue={buttonLabel}\n      style={{\n        backgroundColor: get('common.primary', skin)\n      }}\n    />\n  ) : null;\n\n  return content && title ? (\n    <div data-name=\"scopeContent\">\n      <div data-name=\"description\" className={style.desc}>\n        <div className={style.infos}>\n          <div className={style.title}>\n            <div\n              className={style.innerHTML}\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: title}}\n            />\n            <div>\n              <span data-name=\"duration\" className={style.time}>\n                {time}\n              </span>\n            </div>\n          </div>\n          {ctaView}\n        </div>\n        <div className={style.skills}>\n          <div className={style.coltitle}>{skillsTitle}</div>\n          <ul className={style.dottedlist}>{skills}</ul>\n        </div>\n        <div className={style.column}>\n          <div className={style.coltitle}>{chaptersTitle}</div>\n          <div>\n            <ul className={style.roundedlist}>{chapters}</ul>\n          </div>\n        </div>\n      </div>\n\n      {_resources ? (\n        <div data-name=\"description\" className={style.bordered}>\n          <ResourceBrowser resources={_resources} />\n        </div>\n      ) : null}\n      {discussion ? <Discussion {...discussion} className={style.discussion} /> : null}\n    </div>\n  ) : (\n    <div data-name=\"discussion\">\n      {discussion ? <Discussion {...discussion} className={style.discussion} /> : null}\n    </div>\n  );\n};\n\nScopeContent.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nScopeContent.propTypes = {\n  content: PropTypes.shape({\n    title: PropTypes.string,\n    skillsTitle: PropTypes.string,\n    chaptersTitle: PropTypes.string,\n    time: PropTypes.string,\n    onClick: PropTypes.func,\n    buttonLabel: PropTypes.string,\n    skills: PropTypes.arrayOf(PropTypes.string),\n    chapters: PropTypes.arrayOf(PropTypes.object),\n    course_scope: PropTypes.arrayOf(PropTypes.string),\n    resources: ResourceBrowser.propTypes.resources,\n    discussion: PropTypes.shape(Discussion.propTypes)\n  })\n};\n\nexport default ScopeContent;\n"],"file":"index.js"}

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

@@ -174,3 +174,7 @@
   border-right: solid 1px light;
   border-bottom: 1px solid light;
 }
+
+.innerHTML {
+  composes: innerHTML from '../../atom/label/style.css'
+}

package/lib/organism/sidebar/index.js

@@ -29,9 +29,7 @@ var _cta = _interopRequireDefault(require("../../atom/cta"));
 
 var _selectMultiple = _interopRequireDefault(require("../../molecule/select-multiple"));
 
-var _style = require("../../atom/label/style.css");
-
-var _style2 = _interopRequireDefault(require("./style.css"));
+var _style = _interopRequireDefault(require("./style.css"));
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
@@ -59,15 +57,15 @@ const InputTextItem = props => {
   const handleOnChange = (0, _react.useMemo)(() => e => onChange(e.target.value), [onChange]);
   return /*#__PURE__*/_react.default.createElement("li", {
     "data-name": name || `inputtext-item-${index}`,
-    className: _style2.default.selectItem
+    className: _style.default.selectItem
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(_style2.default.selectTitle, {
-      [_style2.default.uppercase]: uppercase
+    className: (0, _classnames.default)(_style.default.selectTitle, {
+      [_style.default.uppercase]: uppercase
     })
   }, title), /*#__PURE__*/_react.default.createElement("input", {
     type: "text",
     name: title,
-    className: _style2.default.input,
+    className: _style.default.input,
     placeholder: placeholder,
     value: value,
     disabled: disabled,
@@ -97,10 +95,10 @@ const SelectItem = ({
 }) => {
   return /*#__PURE__*/_react.default.createElement("li", {
     "data-name": name || `select-item-${index}`,
-    className: _style2.default.selectItem
+    className: _style.default.selectItem
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(_style2.default.selectTitle, {
-      [_style2.default.uppercase]: uppercase
+    className: (0, _classnames.default)(_style.default.selectTitle, {
+      [_style.default.uppercase]: uppercase
     })
   }, title), /*#__PURE__*/_react.default.createElement(_select.default, {
     title: title,
@@ -134,10 +132,10 @@ const MultiSelectItem = ({
 }) => {
   return /*#__PURE__*/_react.default.createElement("li", {
     "data-name": name || `select-item-${index}`,
-    className: _style2.default.selectItem
+    className: _style.default.selectItem
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(_style2.default.selectTitle, {
-      [_style2.default.uppercase]: uppercase
+    className: (0, _classnames.default)(_style.default.selectTitle, {
+      [_style.default.uppercase]: uppercase
     })
   }, title), /*#__PURE__*/_react.default.createElement(_selectMultiple.default, {
     theme: "sidebar",
@@ -166,8 +164,8 @@ const LinkItem = ({
   const handleOnClick = (0, _react.useMemo)(() => e => {
     onClick && onClick(e);
   }, [onClick]);
-  const classNames = (0, _classnames.default)(_style2.default.linkItem, _style.innerHTML, {
-    [_style2.default.uppercase]: uppercase
+  const classNames = (0, _classnames.default)(_style.default.linkItem, _style.default.innerHTML, {
+    [_style.default.uppercase]: uppercase
   }, styles);
   const borderStyle = {
     borderLeftColor: selected ? color : null
@@ -228,7 +226,7 @@ const IconLinkItem = (_ref) => {
     uppercase: uppercase,
     index: index
   }), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyOpenInNewTab, {
-    className: _style2.default.icon
+    className: _style.default.icon
   }));
 };
 
@@ -243,10 +241,10 @@ const TitleItem = ({
 }) => {
   return /*#__PURE__*/_react.default.createElement("ul", {
     "data-name": name || `item-title-${index}`,
-    className: _style2.default.titleItem
+    className: _style.default.titleItem
   }, /*#__PURE__*/_react.default.createElement("li", {
-    className: (0, _classnames.default)(_style2.default.titleItemTitle, {
-      [_style2.default.uppercase]: uppercase
+    className: (0, _classnames.default)(_style.default.titleItemTitle, {
+      [_style.default.uppercase]: uppercase
     })
   }, title));
 };
@@ -291,8 +289,8 @@ const ButtonItem = ({
   }, title);
   return /*#__PURE__*/_react.default.createElement("li", {
     "data-name": name || `button-item-${index}`,
-    className: (0, _classnames.default)(_style2.default.buttonItem, {
-      [_style2.default.uppercase]: uppercase
+    className: (0, _classnames.default)(_style.default.buttonItem, {
+      [_style.default.uppercase]: uppercase
     })
   }, button);
 };
@@ -326,12 +324,12 @@ const InfoItem = ({
   const color_ = neutralColor === true ? NEUTRAL_COLOR : color;
   return /*#__PURE__*/_react.default.createElement("ul", {
     "data-name": name || `item-info-${index}`,
-    className: _style2.default.infoItem
+    className: _style.default.infoItem
   }, /*#__PURE__*/_react.default.createElement("li", {
-    className: _style2.default.infoItemTitle
+    className: _style.default.infoItemTitle
   }, title), /*#__PURE__*/_react.default.createElement("li", {
-    className: (0, _classnames.default)(_style2.default.infoItemContent, {
-      [_style2.default.uppercase]: uppercase
+    className: (0, _classnames.default)(_style.default.infoItemContent, {
+      [_style.default.uppercase]: uppercase
     }),
     onClick: handleOnClick,
     style: {
@@ -439,7 +437,7 @@ const SidebarItems = ({
   color
 }) => {
   return /*#__PURE__*/_react.default.createElement("ul", {
-    className: _style2.default.sectionItems
+    className: _style.default.sectionItems
   }, items.map((item, index) => /*#__PURE__*/_react.default.createElement(SidebarItem, {
     item: item,
     key: index,
@@ -463,10 +461,10 @@ const Sidebar = ({
   const defaultColor = (0, _getOr2.default)('#00B0FF', 'common.primary', skin);
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "sidebar",
-    className: _style2.default.sidebar
+    className: _style.default.sidebar
   }, sections.map((sidebarSection, idx) => /*#__PURE__*/_react.default.createElement("div", {
     "data-name": `sidebarpart-${idx + 1}`,
-    className: _style2.default.sidebarPart,
+    className: _style.default.sidebarPart,
     key: idx
   }, /*#__PURE__*/_react.default.createElement(SidebarItems, {
     items: sidebarSection,

package/lib/organism/sidebar/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/organism/sidebar/index.js"],"names":["NEUTRAL_COLOR","InputTextItem","props","title","placeholder","value","onChange","disabled","name","index","uppercase","handleOnChange","e","target","style","selectItem","selectTitle","input","propTypes","PropTypes","number","string","isRequired","bool","func","SelectItem","options","arrayOf","shape","selected","MultiSelectItem","LinkItem","href","color","onClick","styles","children","setChildrenAsHtml","handleOnClick","classNames","linkItem","innerHTML","borderStyle","borderLeftColor","textDecoration","__html","IconLinkItem","icon","TitleItem","titleItem","titleItemTitle","ButtonItem","neutralColor","cta","backgroundColor","button","rectangular","fullWidth","secondary","submitValue","buttonItem","oneOfType","Cta","InfoItem","color_","infoItem","infoItemTitle","infoItemContent","SidebarItem","item","type","oneOf","SidebarItems","items","sectionItems","map","Sidebar","context","sections","Array","isArray","skin","defaultColor","sidebar","sidebarSection","idx","sidebarPart","contextTypes","Provider","childContextTypes"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {noop, getOr, defaults} from 'lodash/fp';\nimport {NovaCompositionCoorpacademyOpenInNewTab} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport Button from '../../atom/button';\nimport Provider from '../../atom/provider';\nimport Select from '../../atom/select';\nimport Cta from '../../atom/cta';\nimport SelectMultiple from '../../molecule/select-multiple';\nimport {innerHTML} from '../../atom/label/style.css';\nimport style from './style.css';\n\nconst NEUTRAL_COLOR = '#607D8B';\n\nexport const InputTextItem = props => {\n  const {\n    title,\n    placeholder = '',\n    value,\n    onChange = noop,\n    disabled,\n    name,\n    index,\n    uppercase = true\n  } = props;\n  const handleOnChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  return (\n    <li data-name={name || `inputtext-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <input\n        type=\"text\"\n        name={title}\n        className={style.input}\n        placeholder={placeholder}\n        value={value}\n        disabled={disabled}\n        onChange={handleOnChange}\n      />\n    </li>\n  );\n};\n\nInputTextItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  disabled: PropTypes.bool,\n  value: PropTypes.string.isRequired,\n  placeholder: PropTypes.string,\n  onChange: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nexport const SelectItem = ({name, index, onChange, title, options, uppercase = true}) => {\n  return (\n    <li data-name={name || `select-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <Select title={title} onChange={onChange} theme=\"header\" options={options} />\n    </li>\n  );\n};\n\nSelectItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      value: PropTypes.string.isRequired,\n      selected: PropTypes.bool.isRequired\n    })\n  ).isRequired,\n  onChange: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nexport const MultiSelectItem = ({name, index, onChange, title, options, uppercase = true}) => {\n  return (\n    <li data-name={name || `select-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <SelectMultiple theme=\"sidebar\" onChange={onChange} options={options} />\n    </li>\n  );\n};\n\nMultiSelectItem.propTypes = SelectItem.propTypes;\n\nexport const LinkItem = ({\n  href,\n  index,\n  name,\n  selected,\n  color,\n  title,\n  onClick,\n  uppercase = true,\n  styles,\n  children,\n  setChildrenAsHtml = true,\n  target = '_self'\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n\n  const classNames = classnames(style.linkItem, innerHTML, {[style.uppercase]: uppercase}, styles);\n  const borderStyle = {borderLeftColor: selected ? color : null};\n\n  return (\n    <Link\n      target={target}\n      onClick={handleOnClick}\n      skinHover\n      href={href}\n      data-name={name || `link-item-${index}`}\n      style={{\n        textDecoration: 'none',\n        color: selected ? color : NEUTRAL_COLOR\n      }}\n    >\n      {setChildrenAsHtml ? (\n        <li\n          className={classNames}\n          style={borderStyle}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      ) : (\n        <li className={classNames} style={borderStyle}>\n          {title}\n          {children}\n        </li>\n      )}\n    </Link>\n  );\n};\n\nLinkItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  selected: PropTypes.bool,\n  name: PropTypes.string,\n  href: PropTypes.string,\n  color: PropTypes.string,\n  onClick: PropTypes.func,\n  uppercase: PropTypes.bool,\n  setChildrenAsHtml: PropTypes.bool,\n  target: PropTypes.string\n};\n\nexport const IconLinkItem = ({\n  index,\n  name = `button-link-item-${index}`,\n  onClick,\n  uppercase = true,\n  ...props\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  return (\n    <LinkItem\n      {...props}\n      setChildrenAsHtml={false}\n      onClick={handleOnClick}\n      name={name}\n      uppercase={uppercase}\n      index={index}\n    >\n      <NovaCompositionCoorpacademyOpenInNewTab className={style.icon} />\n    </LinkItem>\n  );\n};\n\nIconLinkItem.propTypes = LinkItem.propTypes;\n\nexport const TitleItem = ({name, index, title, uppercase}) => {\n  return (\n    <ul data-name={name || `item-title-${index}`} className={style.titleItem}>\n      <li className={classnames(style.titleItemTitle, {[style.uppercase]: uppercase})}>{title}</li>\n    </ul>\n  );\n};\n\nTitleItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  uppercase: PropTypes.bool\n};\n\nexport const ButtonItem = ({\n  index,\n  onClick,\n  color,\n  neutralColor,\n  name,\n  href,\n  title,\n  cta,\n  uppercase\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  const backgroundColor = neutralColor === true ? NEUTRAL_COLOR : color;\n  const button = cta ? (\n    <Cta\n      {...defaults(\n        {\n          onClick: handleOnClick,\n          href,\n          rectangular: true,\n          fullWidth: true,\n          secondary: true,\n          submitValue: title\n        },\n        cta\n      )}\n    />\n  ) : (\n    <Button type=\"link\" href={href} onClick={handleOnClick} style={{backgroundColor}}>\n      {title}\n    </Button>\n  );\n  return (\n    <li\n      data-name={name || `button-item-${index}`}\n      className={classnames(style.buttonItem, {[style.uppercase]: uppercase})}\n    >\n      {button}\n    </li>\n  );\n};\n\nButtonItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  href: PropTypes.string,\n  color: PropTypes.string,\n  neutralColor: PropTypes.bool,\n  onClick: PropTypes.func,\n  cta: PropTypes.oneOfType([PropTypes.shape(Cta.propTypes), PropTypes.bool]),\n  uppercase: PropTypes.bool\n};\n\nexport const InfoItem = ({onClick, index, name, color, neutralColor, title, value, uppercase}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  const color_ = neutralColor === true ? NEUTRAL_COLOR : color;\n  return (\n    <ul data-name={name || `item-info-${index}`} className={style.infoItem}>\n      <li className={style.infoItemTitle}>{title}</li>\n      <li\n        className={classnames(style.infoItemContent, {[style.uppercase]: uppercase})}\n        onClick={handleOnClick}\n        style={{\n          borderLeftColor: color_,\n          color: color_\n        }}\n      >\n        {value}\n      </li>\n    </ul>\n  );\n};\n\nInfoItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  color: PropTypes.string,\n  neutralColor: PropTypes.bool,\n  value: PropTypes.string.isRequired,\n  onClick: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nconst SidebarItem = ({item, color, index}) => {\n  switch (item.type) {\n    case 'select': {\n      return <SelectItem {...item} color={color} index={index} />;\n    }\n    case 'multi-select':\n      return <MultiSelectItem {...item} color={color} index={index} />;\n    case 'link':\n      return <LinkItem {...item} color={color} index={index} />;\n    case 'iconLink':\n      return <IconLinkItem {...item} color={color} index={index} />;\n    case 'title':\n      return <TitleItem {...item} color={color} index={index} />;\n    case 'button':\n      return <ButtonItem {...item} color={color} index={index} />;\n    case 'info':\n      return <InfoItem {...item} color={color} index={index} />;\n    case 'inputtext':\n      return <InputTextItem {...item} color={color} index={index} />;\n  }\n};\n\nSidebarItem.propTypes = {\n  item: PropTypes.oneOfType([\n    PropTypes.shape({...TitleItem.propTypes, type: PropTypes.oneOf(['title']).isRequired}),\n    PropTypes.shape({...IconLinkItem.propTypes, type: PropTypes.oneOf(['iconLink']).isRequired}),\n    PropTypes.shape({...ButtonItem.propTypes, type: PropTypes.oneOf(['button']).isRequired}),\n    PropTypes.shape({...InfoItem.propTypes, type: PropTypes.oneOf(['info']).isRequired}),\n    PropTypes.shape({...LinkItem.propTypes, type: PropTypes.oneOf(['link']).isRequired}),\n    PropTypes.shape({...InputTextItem.propTypes, type: PropTypes.oneOf(['inputtext']).isRequired}),\n    PropTypes.shape({...SelectItem.propTypes, type: PropTypes.oneOf(['select']).isRequired}),\n    PropTypes.shape({...SelectItem.propTypes, type: PropTypes.oneOf(['multi-select']).isRequired})\n  ]),\n  index: PropTypes.number,\n  color: PropTypes.string,\n  uppercase: PropTypes.bool\n};\n\nconst SidebarItems = ({items, color}) => {\n  return (\n    <ul className={style.sectionItems}>\n      {items.map((item, index) => (\n        <SidebarItem item={item} key={index} index={index} color={color} />\n      ))}\n    </ul>\n  );\n};\n\nSidebarItems.propTypes = {\n  color: PropTypes.string,\n  items: PropTypes.arrayOf(PropTypes.shape(SidebarItem.propTypes))\n};\n\nconst Sidebar = ({items}, context) => {\n  const sections = Array.isArray(items[0]) ? items : [items];\n  const {skin} = context;\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n  return (\n    <div data-name=\"sidebar\" className={style.sidebar}>\n      {sections.map((sidebarSection, idx) => (\n        <div data-name={`sidebarpart-${idx + 1}`} className={style.sidebarPart} key={idx}>\n          <SidebarItems items={sidebarSection} color={defaultColor} />\n        </div>\n      ))}\n    </div>\n  );\n};\n\nSidebar.propTypes = {\n  items: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      SidebarItem.propTypes.item,\n      PropTypes.arrayOf(SidebarItem.propTypes.item).isRequired\n    ])\n  ).isRequired\n};\n\nSidebar.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default Sidebar;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/organism/sidebar/index.js"],"names":["NEUTRAL_COLOR","InputTextItem","props","title","placeholder","value","onChange","disabled","name","index","uppercase","handleOnChange","e","target","style","selectItem","selectTitle","input","propTypes","PropTypes","number","string","isRequired","bool","func","SelectItem","options","arrayOf","shape","selected","MultiSelectItem","LinkItem","href","color","onClick","styles","children","setChildrenAsHtml","handleOnClick","classNames","linkItem","innerHTML","borderStyle","borderLeftColor","textDecoration","__html","IconLinkItem","icon","TitleItem","titleItem","titleItemTitle","ButtonItem","neutralColor","cta","backgroundColor","button","rectangular","fullWidth","secondary","submitValue","buttonItem","oneOfType","Cta","InfoItem","color_","infoItem","infoItemTitle","infoItemContent","SidebarItem","item","type","oneOf","SidebarItems","items","sectionItems","map","Sidebar","context","sections","Array","isArray","skin","defaultColor","sidebar","sidebarSection","idx","sidebarPart","contextTypes","Provider","childContextTypes"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {noop, getOr, defaults} from 'lodash/fp';\nimport {NovaCompositionCoorpacademyOpenInNewTab} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport Button from '../../atom/button';\nimport Provider from '../../atom/provider';\nimport Select from '../../atom/select';\nimport Cta from '../../atom/cta';\nimport SelectMultiple from '../../molecule/select-multiple';\nimport style from './style.css';\n\nconst NEUTRAL_COLOR = '#607D8B';\n\nexport const InputTextItem = props => {\n  const {\n    title,\n    placeholder = '',\n    value,\n    onChange = noop,\n    disabled,\n    name,\n    index,\n    uppercase = true\n  } = props;\n  const handleOnChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  return (\n    <li data-name={name || `inputtext-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <input\n        type=\"text\"\n        name={title}\n        className={style.input}\n        placeholder={placeholder}\n        value={value}\n        disabled={disabled}\n        onChange={handleOnChange}\n      />\n    </li>\n  );\n};\n\nInputTextItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  disabled: PropTypes.bool,\n  value: PropTypes.string.isRequired,\n  placeholder: PropTypes.string,\n  onChange: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nexport const SelectItem = ({name, index, onChange, title, options, uppercase = true}) => {\n  return (\n    <li data-name={name || `select-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <Select title={title} onChange={onChange} theme=\"header\" options={options} />\n    </li>\n  );\n};\n\nSelectItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      value: PropTypes.string.isRequired,\n      selected: PropTypes.bool.isRequired\n    })\n  ).isRequired,\n  onChange: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nexport const MultiSelectItem = ({name, index, onChange, title, options, uppercase = true}) => {\n  return (\n    <li data-name={name || `select-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <SelectMultiple theme=\"sidebar\" onChange={onChange} options={options} />\n    </li>\n  );\n};\n\nMultiSelectItem.propTypes = SelectItem.propTypes;\n\nexport const LinkItem = ({\n  href,\n  index,\n  name,\n  selected,\n  color,\n  title,\n  onClick,\n  uppercase = true,\n  styles,\n  children,\n  setChildrenAsHtml = true,\n  target = '_self'\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n\n  const classNames = classnames(\n    style.linkItem,\n    style.innerHTML,\n    {[style.uppercase]: uppercase},\n    styles\n  );\n  const borderStyle = {borderLeftColor: selected ? color : null};\n\n  return (\n    <Link\n      target={target}\n      onClick={handleOnClick}\n      skinHover\n      href={href}\n      data-name={name || `link-item-${index}`}\n      style={{\n        textDecoration: 'none',\n        color: selected ? color : NEUTRAL_COLOR\n      }}\n    >\n      {setChildrenAsHtml ? (\n        <li\n          className={classNames}\n          style={borderStyle}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      ) : (\n        <li className={classNames} style={borderStyle}>\n          {title}\n          {children}\n        </li>\n      )}\n    </Link>\n  );\n};\n\nLinkItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  selected: PropTypes.bool,\n  name: PropTypes.string,\n  href: PropTypes.string,\n  color: PropTypes.string,\n  onClick: PropTypes.func,\n  uppercase: PropTypes.bool,\n  setChildrenAsHtml: PropTypes.bool,\n  target: PropTypes.string\n};\n\nexport const IconLinkItem = ({\n  index,\n  name = `button-link-item-${index}`,\n  onClick,\n  uppercase = true,\n  ...props\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  return (\n    <LinkItem\n      {...props}\n      setChildrenAsHtml={false}\n      onClick={handleOnClick}\n      name={name}\n      uppercase={uppercase}\n      index={index}\n    >\n      <NovaCompositionCoorpacademyOpenInNewTab className={style.icon} />\n    </LinkItem>\n  );\n};\n\nIconLinkItem.propTypes = LinkItem.propTypes;\n\nexport const TitleItem = ({name, index, title, uppercase}) => {\n  return (\n    <ul data-name={name || `item-title-${index}`} className={style.titleItem}>\n      <li className={classnames(style.titleItemTitle, {[style.uppercase]: uppercase})}>{title}</li>\n    </ul>\n  );\n};\n\nTitleItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  uppercase: PropTypes.bool\n};\n\nexport const ButtonItem = ({\n  index,\n  onClick,\n  color,\n  neutralColor,\n  name,\n  href,\n  title,\n  cta,\n  uppercase\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  const backgroundColor = neutralColor === true ? NEUTRAL_COLOR : color;\n  const button = cta ? (\n    <Cta\n      {...defaults(\n        {\n          onClick: handleOnClick,\n          href,\n          rectangular: true,\n          fullWidth: true,\n          secondary: true,\n          submitValue: title\n        },\n        cta\n      )}\n    />\n  ) : (\n    <Button type=\"link\" href={href} onClick={handleOnClick} style={{backgroundColor}}>\n      {title}\n    </Button>\n  );\n  return (\n    <li\n      data-name={name || `button-item-${index}`}\n      className={classnames(style.buttonItem, {[style.uppercase]: uppercase})}\n    >\n      {button}\n    </li>\n  );\n};\n\nButtonItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  href: PropTypes.string,\n  color: PropTypes.string,\n  neutralColor: PropTypes.bool,\n  onClick: PropTypes.func,\n  cta: PropTypes.oneOfType([PropTypes.shape(Cta.propTypes), PropTypes.bool]),\n  uppercase: PropTypes.bool\n};\n\nexport const InfoItem = ({onClick, index, name, color, neutralColor, title, value, uppercase}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  const color_ = neutralColor === true ? NEUTRAL_COLOR : color;\n  return (\n    <ul data-name={name || `item-info-${index}`} className={style.infoItem}>\n      <li className={style.infoItemTitle}>{title}</li>\n      <li\n        className={classnames(style.infoItemContent, {[style.uppercase]: uppercase})}\n        onClick={handleOnClick}\n        style={{\n          borderLeftColor: color_,\n          color: color_\n        }}\n      >\n        {value}\n      </li>\n    </ul>\n  );\n};\n\nInfoItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  color: PropTypes.string,\n  neutralColor: PropTypes.bool,\n  value: PropTypes.string.isRequired,\n  onClick: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nconst SidebarItem = ({item, color, index}) => {\n  switch (item.type) {\n    case 'select': {\n      return <SelectItem {...item} color={color} index={index} />;\n    }\n    case 'multi-select':\n      return <MultiSelectItem {...item} color={color} index={index} />;\n    case 'link':\n      return <LinkItem {...item} color={color} index={index} />;\n    case 'iconLink':\n      return <IconLinkItem {...item} color={color} index={index} />;\n    case 'title':\n      return <TitleItem {...item} color={color} index={index} />;\n    case 'button':\n      return <ButtonItem {...item} color={color} index={index} />;\n    case 'info':\n      return <InfoItem {...item} color={color} index={index} />;\n    case 'inputtext':\n      return <InputTextItem {...item} color={color} index={index} />;\n  }\n};\n\nSidebarItem.propTypes = {\n  item: PropTypes.oneOfType([\n    PropTypes.shape({...TitleItem.propTypes, type: PropTypes.oneOf(['title']).isRequired}),\n    PropTypes.shape({...IconLinkItem.propTypes, type: PropTypes.oneOf(['iconLink']).isRequired}),\n    PropTypes.shape({...ButtonItem.propTypes, type: PropTypes.oneOf(['button']).isRequired}),\n    PropTypes.shape({...InfoItem.propTypes, type: PropTypes.oneOf(['info']).isRequired}),\n    PropTypes.shape({...LinkItem.propTypes, type: PropTypes.oneOf(['link']).isRequired}),\n    PropTypes.shape({...InputTextItem.propTypes, type: PropTypes.oneOf(['inputtext']).isRequired}),\n    PropTypes.shape({...SelectItem.propTypes, type: PropTypes.oneOf(['select']).isRequired}),\n    PropTypes.shape({...SelectItem.propTypes, type: PropTypes.oneOf(['multi-select']).isRequired})\n  ]),\n  index: PropTypes.number,\n  color: PropTypes.string,\n  uppercase: PropTypes.bool\n};\n\nconst SidebarItems = ({items, color}) => {\n  return (\n    <ul className={style.sectionItems}>\n      {items.map((item, index) => (\n        <SidebarItem item={item} key={index} index={index} color={color} />\n      ))}\n    </ul>\n  );\n};\n\nSidebarItems.propTypes = {\n  color: PropTypes.string,\n  items: PropTypes.arrayOf(PropTypes.shape(SidebarItem.propTypes))\n};\n\nconst Sidebar = ({items}, context) => {\n  const sections = Array.isArray(items[0]) ? items : [items];\n  const {skin} = context;\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n  return (\n    <div data-name=\"sidebar\" className={style.sidebar}>\n      {sections.map((sidebarSection, idx) => (\n        <div data-name={`sidebarpart-${idx + 1}`} className={style.sidebarPart} key={idx}>\n          <SidebarItems items={sidebarSection} color={defaultColor} />\n        </div>\n      ))}\n    </div>\n  );\n};\n\nSidebar.propTypes = {\n  items: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      SidebarItem.propTypes.item,\n      PropTypes.arrayOf(SidebarItem.propTypes.item).isRequired\n    ])\n  ).isRequired\n};\n\nSidebar.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default Sidebar;\n"],"file":"index.js"}

package/lib/organism/sidebar/style.css

@@ -110,4 +110,8 @@
 
 .linkItem:hover .icon {
   color: cm_grey_700;
-}
+}
+
+.innerHTML {
+  composes: innerHTML from '../../atom/label/style.css'
+}

package/lib/template/activity/index.js

@@ -23,15 +23,13 @@ var _select = _interopRequireDefault(require("../../atom/select"));
 
 var _loader = _interopRequireDefault(require("../../atom/loader"));
 
-var _style = require("../../atom/label/style.css");
-
 var _progressionItem = _interopRequireDefault(require("./progression-item"));
 
 var _engineStars = _interopRequireDefault(require("./engine-stars"));
 
 var _starsSummary = _interopRequireDefault(require("./stars-summary"));
 
-var _style2 = _interopRequireDefault(require("./style.css"));
+var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -84,7 +82,7 @@ class Progression extends _react.default.Component {
     } = this.context;
     const primary = (0, _get2.default)('common.primary', skin);
     const loader = loading ? /*#__PURE__*/_react.default.createElement("div", {
-      className: _style2.default.loader
+      className: _style.default.loader
     }, /*#__PURE__*/_react.default.createElement(_loader.default, null)) : null;
     const allProgressions = progressions.map(progression => /*#__PURE__*/_react.default.createElement(_progressionItem.default, _extends({}, (0, _omit2.default)(['ref'], progression), {
       key: progression.ref
@@ -92,24 +90,24 @@ class Progression extends _react.default.Component {
 
     const coreProgression = /*#__PURE__*/_react.default.createElement("div", {
       "data-name": "activityCore",
-      className: _style2.default.core
+      className: _style.default.core
     }, allProgressions);
 
     const themeSelect = !(0, _isEmpty2.default)(themeFilter.options) ? /*#__PURE__*/_react.default.createElement(_select.default, {
-      borderClassName: _style2.default.selectBorder,
-      className: _style2.default.select,
+      borderClassName: _style.default.selectBorder,
+      className: _style.default.select,
       theme: "thematiques",
       options: themeFilter.options,
       onChange: this.handleSelectTheme
     }) : null;
     const recommendationSection = !(0, _isEmpty2.default)(recommendation) ? /*#__PURE__*/_react.default.createElement("div", {
-      className: _style2.default.recommendationWrapper
+      className: _style.default.recommendationWrapper
     }, /*#__PURE__*/_react.default.createElement("p", {
-      className: _style2.default.recommendationSection
+      className: _style.default.recommendationSection
     }, recommendation.title, " "), /*#__PURE__*/_react.default.createElement("p", {
-      className: _style2.default.recommendationSection
+      className: _style.default.recommendationSection
     }, /*#__PURE__*/_react.default.createElement("span", null, recommendation.subtitle, " "), /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _classnames.default)(_style2.default.course, _style.innerHTML) // eslint-disable-next-line react/no-danger
+      className: (0, _classnames.default)(_style.default.course, _style.default.innerHTML) // eslint-disable-next-line react/no-danger
       ,
       dangerouslySetInnerHTML: {
         __html: recommendation.courseTitle
@@ -121,23 +119,23 @@ class Progression extends _react.default.Component {
       style: {
         backgroundColor: primary
       },
-      className: _style2.default.cta
+      className: _style.default.cta
     })) : null;
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: _style2.default.default
+      className: _style.default.default
     }, /*#__PURE__*/_react.default.createElement("div", {
       "data-name": "activity-header"
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: _style2.default.mainTitle
+      className: _style.default.mainTitle
     }, /*#__PURE__*/_react.default.createElement("span", null, mainTitle), " ", mainSubtitle), /*#__PURE__*/_react.default.createElement("div", {
-      className: _style2.default.headerProgression
+      className: _style.default.headerProgression
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: _style2.default.wrapperCta
+      className: _style.default.wrapperCta
     }, themeSelect, recommendationSection), /*#__PURE__*/_react.default.createElement(_starsSummary.default, {
       engines: engines,
       total: total
     }))), /*#__PURE__*/_react.default.createElement("div", {
-      className: _style2.default.wrapperProgression,
+      className: _style.default.wrapperProgression,
       "data-name": "activityList"
     }, coreProgression, loader));
   }

package/lib/template/activity/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/template/activity/index.js"],"names":["Progression","React","Component","constructor","props","context","e","recommendation","stopPropagation","preventDefault","onClick","themeFilter","onChange","handleClick","bind","handleSelectTheme","render","mainTitle","mainSubtitle","progressions","total","engines","loading","skin","primary","loader","style","allProgressions","map","progression","ref","coreProgression","core","themeSelect","options","selectBorder","select","recommendationSection","recommendationWrapper","title","subtitle","course","innerHTML","__html","courseTitle","cta","backgroundColor","default","headerProgression","wrapperCta","wrapperProgression","Provider","childContextTypes","propTypes","PropTypes","string","isRequired","shape","label","stars","number","arrayOf","EngineStars","bool","ProgressionItem","Select","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {get, omit, isEmpty} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport Select from '../../atom/select';\nimport Loader from '../../atom/loader';\nimport {innerHTML} from '../../atom/label/style.css';\nimport ProgressionItem from './progression-item';\nimport EngineStars from './engine-stars';\nimport StarsSummary from './stars-summary';\nimport style from './style.css';\n\nclass Progression extends React.Component {\n  static propTypes = {\n    mainTitle: PropTypes.string.isRequired,\n    mainSubtitle: PropTypes.string.isRequired,\n    total: PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      stars: PropTypes.number.isRequired\n    }).isRequired,\n    engines: PropTypes.arrayOf(PropTypes.shape(EngineStars.propTypes)),\n    loading: PropTypes.bool.isRequired,\n    progressions: PropTypes.arrayOf(\n      PropTypes.shape({...ProgressionItem.propTypes, ref: PropTypes.string.isRequired})\n    ),\n    themeFilter: PropTypes.shape({\n      options: Select.propTypes.options.isRequired,\n      onChange: Select.propTypes.onChange\n    }),\n    recommendation: PropTypes.shape({\n      cta: PropTypes.string.isRequired,\n      title: PropTypes.string.isRequired,\n      subtitle: PropTypes.string.isRequired,\n      courseTitle: PropTypes.string.isRequired,\n      onClick: PropTypes.func\n    })\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props, context);\n    this.handleClick = this.handleClick.bind(this);\n    this.handleSelectTheme = this.handleSelectTheme.bind(this);\n  }\n\n  handleClick = e => {\n    const {recommendation} = this.props;\n    e.stopPropagation();\n    e.preventDefault();\n    const {onClick} = recommendation;\n    onClick && onClick(e);\n  };\n\n  handleSelectTheme = e => {\n    const {\n      themeFilter: {onChange}\n    } = this.props;\n    onChange && onChange(e);\n  };\n\n  render() {\n    const {\n      mainTitle,\n      mainSubtitle,\n      recommendation = {},\n      progressions = [],\n      total,\n      engines = [],\n      themeFilter = {},\n      loading\n    } = this.props;\n    const {skin} = this.context;\n\n    const primary = get('common.primary', skin);\n    const loader = loading ? (\n      <div className={style.loader}>\n        <Loader />\n      </div>\n    ) : null;\n    const allProgressions = progressions.map(progression => (\n      <ProgressionItem {...omit(['ref'], progression)} key={progression.ref} />\n    ));\n\n    const coreProgression = (\n      <div data-name=\"activityCore\" className={style.core}>\n        {allProgressions}\n      </div>\n    );\n    const themeSelect = !isEmpty(themeFilter.options) ? (\n      <Select\n        borderClassName={style.selectBorder}\n        className={style.select}\n        theme=\"thematiques\"\n        options={themeFilter.options}\n        onChange={this.handleSelectTheme}\n      />\n    ) : null;\n    const recommendationSection = !isEmpty(recommendation) ? (\n      <div className={style.recommendationWrapper}>\n        <p className={style.recommendationSection}>{recommendation.title} </p>\n        <p className={style.recommendationSection}>\n          <span>{recommendation.subtitle} </span>\n          <span\n            className={classnames(style.course, innerHTML)}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: recommendation.courseTitle}}\n          />\n        </p>\n        <Button\n          type=\"link\"\n          onClick={this.handleClick}\n          submitValue={recommendation.cta}\n          style={{\n            backgroundColor: primary\n          }}\n          className={style.cta}\n        />\n      </div>\n    ) : null;\n    return (\n      <div className={style.default}>\n        <div data-name=\"activity-header\">\n          <div className={style.mainTitle}>\n            <span>{mainTitle}</span> {mainSubtitle}\n          </div>\n          <div className={style.headerProgression}>\n            <div className={style.wrapperCta}>\n              {themeSelect}\n              {recommendationSection}\n            </div>\n            <StarsSummary engines={engines} total={total} />\n          </div>\n        </div>\n        <div className={style.wrapperProgression} data-name=\"activityList\">\n          {coreProgression}\n          {loader}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Progression;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/template/activity/index.js"],"names":["Progression","React","Component","constructor","props","context","e","recommendation","stopPropagation","preventDefault","onClick","themeFilter","onChange","handleClick","bind","handleSelectTheme","render","mainTitle","mainSubtitle","progressions","total","engines","loading","skin","primary","loader","style","allProgressions","map","progression","ref","coreProgression","core","themeSelect","options","selectBorder","select","recommendationSection","recommendationWrapper","title","subtitle","course","innerHTML","__html","courseTitle","cta","backgroundColor","default","headerProgression","wrapperCta","wrapperProgression","Provider","childContextTypes","propTypes","PropTypes","string","isRequired","shape","label","stars","number","arrayOf","EngineStars","bool","ProgressionItem","Select","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {get, omit, isEmpty} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport Select from '../../atom/select';\nimport Loader from '../../atom/loader';\nimport ProgressionItem from './progression-item';\nimport EngineStars from './engine-stars';\nimport StarsSummary from './stars-summary';\nimport style from './style.css';\n\nclass Progression extends React.Component {\n  static propTypes = {\n    mainTitle: PropTypes.string.isRequired,\n    mainSubtitle: PropTypes.string.isRequired,\n    total: PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      stars: PropTypes.number.isRequired\n    }).isRequired,\n    engines: PropTypes.arrayOf(PropTypes.shape(EngineStars.propTypes)),\n    loading: PropTypes.bool.isRequired,\n    progressions: PropTypes.arrayOf(\n      PropTypes.shape({...ProgressionItem.propTypes, ref: PropTypes.string.isRequired})\n    ),\n    themeFilter: PropTypes.shape({\n      options: Select.propTypes.options.isRequired,\n      onChange: Select.propTypes.onChange\n    }),\n    recommendation: PropTypes.shape({\n      cta: PropTypes.string.isRequired,\n      title: PropTypes.string.isRequired,\n      subtitle: PropTypes.string.isRequired,\n      courseTitle: PropTypes.string.isRequired,\n      onClick: PropTypes.func\n    })\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props, context);\n    this.handleClick = this.handleClick.bind(this);\n    this.handleSelectTheme = this.handleSelectTheme.bind(this);\n  }\n\n  handleClick = e => {\n    const {recommendation} = this.props;\n    e.stopPropagation();\n    e.preventDefault();\n    const {onClick} = recommendation;\n    onClick && onClick(e);\n  };\n\n  handleSelectTheme = e => {\n    const {\n      themeFilter: {onChange}\n    } = this.props;\n    onChange && onChange(e);\n  };\n\n  render() {\n    const {\n      mainTitle,\n      mainSubtitle,\n      recommendation = {},\n      progressions = [],\n      total,\n      engines = [],\n      themeFilter = {},\n      loading\n    } = this.props;\n    const {skin} = this.context;\n\n    const primary = get('common.primary', skin);\n    const loader = loading ? (\n      <div className={style.loader}>\n        <Loader />\n      </div>\n    ) : null;\n    const allProgressions = progressions.map(progression => (\n      <ProgressionItem {...omit(['ref'], progression)} key={progression.ref} />\n    ));\n\n    const coreProgression = (\n      <div data-name=\"activityCore\" className={style.core}>\n        {allProgressions}\n      </div>\n    );\n    const themeSelect = !isEmpty(themeFilter.options) ? (\n      <Select\n        borderClassName={style.selectBorder}\n        className={style.select}\n        theme=\"thematiques\"\n        options={themeFilter.options}\n        onChange={this.handleSelectTheme}\n      />\n    ) : null;\n    const recommendationSection = !isEmpty(recommendation) ? (\n      <div className={style.recommendationWrapper}>\n        <p className={style.recommendationSection}>{recommendation.title} </p>\n        <p className={style.recommendationSection}>\n          <span>{recommendation.subtitle} </span>\n          <span\n            className={classnames(style.course, style.innerHTML)}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: recommendation.courseTitle}}\n          />\n        </p>\n        <Button\n          type=\"link\"\n          onClick={this.handleClick}\n          submitValue={recommendation.cta}\n          style={{\n            backgroundColor: primary\n          }}\n          className={style.cta}\n        />\n      </div>\n    ) : null;\n    return (\n      <div className={style.default}>\n        <div data-name=\"activity-header\">\n          <div className={style.mainTitle}>\n            <span>{mainTitle}</span> {mainSubtitle}\n          </div>\n          <div className={style.headerProgression}>\n            <div className={style.wrapperCta}>\n              {themeSelect}\n              {recommendationSection}\n            </div>\n            <StarsSummary engines={engines} total={total} />\n          </div>\n        </div>\n        <div className={style.wrapperProgression} data-name=\"activityList\">\n          {coreProgression}\n          {loader}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Progression;\n"],"file":"index.js"}

package/lib/template/activity/progression-item.css

@@ -167,3 +167,7 @@
     font-size: 13px;
   }
 }
+
+.innerHTML {
+  composes: innerHTML from '../../atom/label/style.css'
+}

package/lib/template/activity/progression-item.js

@@ -21,8 +21,6 @@ var _progressBar = _interopRequireDefault(require("../../molecule/progress-bar")
 
 var _link = _interopRequireDefault(require("../../atom/link"));
 
-var _style = require("../../atom/label/style.css");
-
 var _progressionItem = _interopRequireDefault(require("./progression-item.css"));
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
@@ -102,7 +100,7 @@ const ProgressionItem = (props, context) => {
     className: _progressionItem.default.label,
     title: label
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.innerHTML // eslint-disable-next-line react/no-danger
+    className: _progressionItem.default.innerHTML // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: label