@coorpacademy/components 11.9.3-alpha.29 → 11.9.3-alpha.30

package/lib/molecule/dashboard/start-battle/index.js

@@ -2,13 +2,21 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _provider = _interopRequireDefault(require("../../../atom/provider"));
+
 var _link = _interopRequireDefault(require("../../../atom/link"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const StartBattle = /*#__PURE__*/_react.default.memo(function StartBattle(props) {
   const {
     startBattleText,
@@ -54,6 +62,7 @@ const StartBattle = /*#__PURE__*/_react.default.memo(function StartBattle(props)
     className: _style.default.smallFlashRight
   }))))));
 });
+
 StartBattle.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };

package/lib/molecule/dashboard/start-battle/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["StartBattle","React","memo","props","startBattleText","becomeAChampionText","challengeText","onClick","href","style","root","container","wrapper","start","leftFlashes","bigFlashLeft","smallFlashLeft","middle","becomeText","smallFlashLeftMobile","smallFlashRightMobile","button","rightFlashes","bigFlashRight","smallFlashRight","contextTypes","skin","Provider","childContextTypes","propTypes","PropTypes","string","func"],"sources":["../../../../src/molecule/dashboard/start-battle/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyBigFlashRight as FlashRight,\n  NovaCompositionCoorpacademyBigFlashLeft as FlashLeft\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport Link from '../../../atom/link';\nimport style from './style.css';\n\nconst StartBattle = React.memo(function StartBattle(props) {\n  const {startBattleText, becomeAChampionText, challengeText, onClick, href} = props;\n\n  return (\n    <div className={style.root} data-name=\"start-battle\">\n      <div className={style.container}>\n        <div className={style.wrapper}>\n          <div className={style.start}>\n            <div className={style.leftFlashes}>\n              <FlashLeft className={style.bigFlashLeft} />\n              <FlashLeft className={style.smallFlashLeft} />\n            </div>\n            <div className={style.middle}>\n              <div className={style.becomeText}>\n                <FlashLeft className={style.smallFlashLeftMobile} />\n                {becomeAChampionText}\n                <FlashRight className={style.smallFlashRightMobile} />\n              </div>\n              <div className={style.challengeText}>{challengeText}</div>\n              <Link className={style.button} onClick={onClick} href={href}>\n                {startBattleText}\n              </Link>\n            </div>\n            <div className={style.rightFlashes}>\n              <FlashRight className={style.bigFlashRight} />\n              <FlashRight className={style.smallFlashRight} />\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n});\n\nStartBattle.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nStartBattle.propTypes = {\n  startBattleText: PropTypes.string,\n  becomeAChampionText: PropTypes.string,\n  challengeText: PropTypes.string,\n  onClick: PropTypes.func,\n  href: PropTypes.string\n};\n\nexport default StartBattle;\n"],"mappings":";;;;AAAA;AACA;AACA;AAIA;AACA;AACA;AAAgC;AAEhC,MAAMA,WAAW,gBAAGC,cAAK,CAACC,IAAI,CAAC,SAASF,WAAW,CAACG,KAAK,EAAE;EACzD,MAAM;IAACC,eAAe;IAAEC,mBAAmB;IAAEC,aAAa;IAAEC,OAAO;IAAEC;EAAI,CAAC,GAAGL,KAAK;EAElF,oBACE;IAAK,SAAS,EAAEM,cAAK,CAACC,IAAK;IAAC,aAAU;EAAc,gBAClD;IAAK,SAAS,EAAED,cAAK,CAACE;EAAU,gBAC9B;IAAK,SAAS,EAAEF,cAAK,CAACG;EAAQ,gBAC5B;IAAK,SAAS,EAAEH,cAAK,CAACI;EAAM,gBAC1B;IAAK,SAAS,EAAEJ,cAAK,CAACK;EAAY,gBAChC,6BAAC,kDAAS;IAAC,SAAS,EAAEL,cAAK,CAACM;EAAa,EAAG,eAC5C,6BAAC,kDAAS;IAAC,SAAS,EAAEN,cAAK,CAACO;EAAe,EAAG,CAC1C,eACN;IAAK,SAAS,EAAEP,cAAK,CAACQ;EAAO,gBAC3B;IAAK,SAAS,EAAER,cAAK,CAACS;EAAW,gBAC/B,6BAAC,kDAAS;IAAC,SAAS,EAAET,cAAK,CAACU;EAAqB,EAAG,EACnDd,mBAAmB,eACpB,6BAAC,mDAAU;IAAC,SAAS,EAAEI,cAAK,CAACW;EAAsB,EAAG,CAClD,eACN;IAAK,SAAS,EAAEX,cAAK,CAACH;EAAc,GAAEA,aAAa,CAAO,eAC1D,6BAAC,aAAI;IAAC,SAAS,EAAEG,cAAK,CAACY,MAAO;IAAC,OAAO,EAAEd,OAAQ;IAAC,IAAI,EAAEC;EAAK,GACzDJ,eAAe,CACX,CACH,eACN;IAAK,SAAS,EAAEK,cAAK,CAACa;EAAa,gBACjC,6BAAC,mDAAU;IAAC,SAAS,EAAEb,cAAK,CAACc;EAAc,EAAG,eAC9C,6BAAC,mDAAU;IAAC,SAAS,EAAEd,cAAK,CAACe;EAAgB,EAAG,CAC5C,CACF,CACF,CACF,CACF;AAEV,CAAC,CAAC;AAEFxB,WAAW,CAACyB,YAAY,GAAG;EACzBC,IAAI,EAAEC,iBAAQ,CAACC,iBAAiB,CAACF;AACnC,CAAC;AAED1B,WAAW,CAAC6B,SAAS,2CAAG;EACtBzB,eAAe,EAAE0B,kBAAS,CAACC,MAAM;EACjC1B,mBAAmB,EAAEyB,kBAAS,CAACC,MAAM;EACrCzB,aAAa,EAAEwB,kBAAS,CAACC,MAAM;EAC/BxB,OAAO,EAAEuB,kBAAS,CAACE,IAAI;EACvBxB,IAAI,EAAEsB,kBAAS,CAACC;AAClB,CAAC;AAAC,eAEa/B,WAAW;AAAA"}
+{"version":3,"file":"index.js","names":["StartBattle","React","memo","props","startBattleText","becomeAChampionText","challengeText","onClick","href","style","root","container","wrapper","start","leftFlashes","bigFlashLeft","smallFlashLeft","middle","becomeText","smallFlashLeftMobile","smallFlashRightMobile","button","rightFlashes","bigFlashRight","smallFlashRight","contextTypes","skin","Provider","childContextTypes","propTypes","PropTypes","string","func"],"sources":["../../../../src/molecule/dashboard/start-battle/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyBigFlashRight as FlashRight,\n  NovaCompositionCoorpacademyBigFlashLeft as FlashLeft\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport Link from '../../../atom/link';\nimport style from './style.css';\n\nconst StartBattle = React.memo(function StartBattle(props) {\n  const {startBattleText, becomeAChampionText, challengeText, onClick, href} = props;\n\n  return (\n    <div className={style.root} data-name=\"start-battle\">\n      <div className={style.container}>\n        <div className={style.wrapper}>\n          <div className={style.start}>\n            <div className={style.leftFlashes}>\n              <FlashLeft className={style.bigFlashLeft} />\n              <FlashLeft className={style.smallFlashLeft} />\n            </div>\n            <div className={style.middle}>\n              <div className={style.becomeText}>\n                <FlashLeft className={style.smallFlashLeftMobile} />\n                {becomeAChampionText}\n                <FlashRight className={style.smallFlashRightMobile} />\n              </div>\n              <div className={style.challengeText}>{challengeText}</div>\n              <Link className={style.button} onClick={onClick} href={href}>\n                {startBattleText}\n              </Link>\n            </div>\n            <div className={style.rightFlashes}>\n              <FlashRight className={style.bigFlashRight} />\n              <FlashRight className={style.smallFlashRight} />\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n});\n\nStartBattle.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nStartBattle.propTypes = {\n  startBattleText: PropTypes.string,\n  becomeAChampionText: PropTypes.string,\n  challengeText: PropTypes.string,\n  onClick: PropTypes.func,\n  href: PropTypes.string\n};\n\nexport default StartBattle;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAIA;;AACA;;AACA;;;;AAEA,MAAMA,WAAW,gBAAGC,cAAA,CAAMC,IAAN,CAAW,SAASF,WAAT,CAAqBG,KAArB,EAA4B;EACzD,MAAM;IAACC,eAAD;IAAkBC,mBAAlB;IAAuCC,aAAvC;IAAsDC,OAAtD;IAA+DC;EAA/D,IAAuEL,KAA7E;EAEA,oBACE;IAAK,SAAS,EAAEM,cAAA,CAAMC,IAAtB;IAA4B,aAAU;EAAtC,gBACE;IAAK,SAAS,EAAED,cAAA,CAAME;EAAtB,gBACE;IAAK,SAAS,EAAEF,cAAA,CAAMG;EAAtB,gBACE;IAAK,SAAS,EAAEH,cAAA,CAAMI;EAAtB,gBACE;IAAK,SAAS,EAAEJ,cAAA,CAAMK;EAAtB,gBACE,6BAAC,kDAAD;IAAW,SAAS,EAAEL,cAAA,CAAMM;EAA5B,EADF,eAEE,6BAAC,kDAAD;IAAW,SAAS,EAAEN,cAAA,CAAMO;EAA5B,EAFF,CADF,eAKE;IAAK,SAAS,EAAEP,cAAA,CAAMQ;EAAtB,gBACE;IAAK,SAAS,EAAER,cAAA,CAAMS;EAAtB,gBACE,6BAAC,kDAAD;IAAW,SAAS,EAAET,cAAA,CAAMU;EAA5B,EADF,EAEGd,mBAFH,eAGE,6BAAC,mDAAD;IAAY,SAAS,EAAEI,cAAA,CAAMW;EAA7B,EAHF,CADF,eAME;IAAK,SAAS,EAAEX,cAAA,CAAMH;EAAtB,GAAsCA,aAAtC,CANF,eAOE,6BAAC,aAAD;IAAM,SAAS,EAAEG,cAAA,CAAMY,MAAvB;IAA+B,OAAO,EAAEd,OAAxC;IAAiD,IAAI,EAAEC;EAAvD,GACGJ,eADH,CAPF,CALF,eAgBE;IAAK,SAAS,EAAEK,cAAA,CAAMa;EAAtB,gBACE,6BAAC,mDAAD;IAAY,SAAS,EAAEb,cAAA,CAAMc;EAA7B,EADF,eAEE,6BAAC,mDAAD;IAAY,SAAS,EAAEd,cAAA,CAAMe;EAA7B,EAFF,CAhBF,CADF,CADF,CADF,CADF;AA6BD,CAhCmB,CAApB;;AAkCAxB,WAAW,CAACyB,YAAZ,GAA2B;EACzBC,IAAI,EAAEC,iBAAA,CAASC,iBAAT,CAA2BF;AADR,CAA3B;AAIA1B,WAAW,CAAC6B,SAAZ,2CAAwB;EACtBzB,eAAe,EAAE0B,kBAAA,CAAUC,MADL;EAEtB1B,mBAAmB,EAAEyB,kBAAA,CAAUC,MAFT;EAGtBzB,aAAa,EAAEwB,kBAAA,CAAUC,MAHH;EAItBxB,OAAO,EAAEuB,kBAAA,CAAUE,IAJG;EAKtBxB,IAAI,EAAEsB,kBAAA,CAAUC;AALM,CAAxB;eAQe/B,W"}

package/lib/molecule/discipline-cta/index.js

@@ -2,12 +2,19 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const DisciplineCTA = (props, context) => {
   const {
     skin
@@ -18,18 +25,21 @@ const DisciplineCTA = (props, context) => {
     start,
     buy
   } = props;
+
   const startLearning = /*#__PURE__*/_react.default.createElement("span", {
     // eslint-disable-next-line react/no-danger
     dangerouslySetInnerHTML: {
       __html: startLabel
     }
   });
+
   const premium = /*#__PURE__*/_react.default.createElement("span", {
     // eslint-disable-next-line react/no-danger
     dangerouslySetInnerHTML: {
       __html: buyLabel
     }
   });
+
   const startColor = (0, _getOr2.default)('#f0f', 'common.primary', skin);
   const startButton = start ? /*#__PURE__*/_react.default.createElement("a", {
     "data-name": "start",
@@ -49,6 +59,7 @@ const DisciplineCTA = (props, context) => {
     className: _style.default.head
   }, startButton, buyButton);
 };
+
 DisciplineCTA.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };

package/lib/molecule/discipline-cta/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["DisciplineCTA","props","context","skin","startLabel","buyLabel","start","buy","startLearning","__html","premium","startColor","startButton","style","backgroundColor","buyButton","head","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","func"],"sources":["../../../src/molecule/discipline-cta/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst DisciplineCTA = (props, context) => {\n  const {skin} = context;\n\n  const {startLabel, buyLabel, start, buy} = props;\n\n  const startLearning = (\n    <span\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: startLabel}}\n    />\n  );\n  const premium = (\n    <span\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: buyLabel}}\n    />\n  );\n\n  const startColor = getOr('#f0f', 'common.primary', skin);\n\n  const startButton = start ? (\n    <a\n      data-name=\"start\"\n      className={style.start}\n      onClick={start}\n      style={{\n        backgroundColor: startColor\n      }}\n    >\n      {startLearning}\n    </a>\n  ) : null;\n\n  const buyButton = buy ? (\n    <a data-name=\"buy\" className={style.buy} onClick={buy}>\n      {premium}\n    </a>\n  ) : null;\n\n  return (\n    <div data-name=\"disciplineCta\" className={style.head}>\n      {startButton}\n      {buyButton}\n    </div>\n  );\n};\n\nDisciplineCTA.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nDisciplineCTA.propTypes = {\n  startLabel: PropTypes.string,\n  buyLabel: PropTypes.string,\n  start: PropTypes.func,\n  buy: PropTypes.func\n};\n\nexport default DisciplineCTA;\n"],"mappings":";;;;;AAAA;AACA;AAEA;AACA;AAAgC;AAEhC,MAAMA,aAAa,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EACxC,MAAM;IAACC;EAAI,CAAC,GAAGD,OAAO;EAEtB,MAAM;IAACE,UAAU;IAAEC,QAAQ;IAAEC,KAAK;IAAEC;EAAG,CAAC,GAAGN,KAAK;EAEhD,MAAMO,aAAa,gBACjB;IACE;IACA,uBAAuB,EAAE;MAACC,MAAM,EAAEL;IAAU;EAAE,EAEjD;EACD,MAAMM,OAAO,gBACX;IACE;IACA,uBAAuB,EAAE;MAACD,MAAM,EAAEJ;IAAQ;EAAE,EAE/C;EAED,MAAMM,UAAU,GAAG,qBAAM,MAAM,EAAE,gBAAgB,EAAER,IAAI,CAAC;EAExD,MAAMS,WAAW,GAAGN,KAAK,gBACvB;IACE,aAAU,OAAO;IACjB,SAAS,EAAEO,cAAK,CAACP,KAAM;IACvB,OAAO,EAAEA,KAAM;IACf,KAAK,EAAE;MACLQ,eAAe,EAAEH;IACnB;EAAE,GAEDH,aAAa,CACZ,GACF,IAAI;EAER,MAAMO,SAAS,GAAGR,GAAG,gBACnB;IAAG,aAAU,KAAK;IAAC,SAAS,EAAEM,cAAK,CAACN,GAAI;IAAC,OAAO,EAAEA;EAAI,GACnDG,OAAO,CACN,GACF,IAAI;EAER,oBACE;IAAK,aAAU,eAAe;IAAC,SAAS,EAAEG,cAAK,CAACG;EAAK,GAClDJ,WAAW,EACXG,SAAS,CACN;AAEV,CAAC;AAEDf,aAAa,CAACiB,YAAY,GAAG;EAC3Bd,IAAI,EAAEe,iBAAQ,CAACC,iBAAiB,CAAChB;AACnC,CAAC;AAEDH,aAAa,CAACoB,SAAS,2CAAG;EACxBhB,UAAU,EAAEiB,kBAAS,CAACC,MAAM;EAC5BjB,QAAQ,EAAEgB,kBAAS,CAACC,MAAM;EAC1BhB,KAAK,EAAEe,kBAAS,CAACE,IAAI;EACrBhB,GAAG,EAAEc,kBAAS,CAACE;AACjB,CAAC;AAAC,eAEavB,aAAa;AAAA"}
+{"version":3,"file":"index.js","names":["DisciplineCTA","props","context","skin","startLabel","buyLabel","start","buy","startLearning","__html","premium","startColor","startButton","style","backgroundColor","buyButton","head","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","func"],"sources":["../../../src/molecule/discipline-cta/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst DisciplineCTA = (props, context) => {\n  const {skin} = context;\n\n  const {startLabel, buyLabel, start, buy} = props;\n\n  const startLearning = (\n    <span\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: startLabel}}\n    />\n  );\n  const premium = (\n    <span\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: buyLabel}}\n    />\n  );\n\n  const startColor = getOr('#f0f', 'common.primary', skin);\n\n  const startButton = start ? (\n    <a\n      data-name=\"start\"\n      className={style.start}\n      onClick={start}\n      style={{\n        backgroundColor: startColor\n      }}\n    >\n      {startLearning}\n    </a>\n  ) : null;\n\n  const buyButton = buy ? (\n    <a data-name=\"buy\" className={style.buy} onClick={buy}>\n      {premium}\n    </a>\n  ) : null;\n\n  return (\n    <div data-name=\"disciplineCta\" className={style.head}>\n      {startButton}\n      {buyButton}\n    </div>\n  );\n};\n\nDisciplineCTA.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nDisciplineCTA.propTypes = {\n  startLabel: PropTypes.string,\n  buyLabel: PropTypes.string,\n  start: PropTypes.func,\n  buy: PropTypes.func\n};\n\nexport default DisciplineCTA;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;AAEA,MAAMA,aAAa,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACxC,MAAM;IAACC;EAAD,IAASD,OAAf;EAEA,MAAM;IAACE,UAAD;IAAaC,QAAb;IAAuBC,KAAvB;IAA8BC;EAA9B,IAAqCN,KAA3C;;EAEA,MAAMO,aAAa,gBACjB;IACE;IACA,uBAAuB,EAAE;MAACC,MAAM,EAAEL;IAAT;EAF3B,EADF;;EAMA,MAAMM,OAAO,gBACX;IACE;IACA,uBAAuB,EAAE;MAACD,MAAM,EAAEJ;IAAT;EAF3B,EADF;;EAOA,MAAMM,UAAU,GAAG,qBAAM,MAAN,EAAc,gBAAd,EAAgCR,IAAhC,CAAnB;EAEA,MAAMS,WAAW,GAAGN,KAAK,gBACvB;IACE,aAAU,OADZ;IAEE,SAAS,EAAEO,cAAA,CAAMP,KAFnB;IAGE,OAAO,EAAEA,KAHX;IAIE,KAAK,EAAE;MACLQ,eAAe,EAAEH;IADZ;EAJT,GAQGH,aARH,CADuB,GAWrB,IAXJ;EAaA,MAAMO,SAAS,GAAGR,GAAG,gBACnB;IAAG,aAAU,KAAb;IAAmB,SAAS,EAAEM,cAAA,CAAMN,GAApC;IAAyC,OAAO,EAAEA;EAAlD,GACGG,OADH,CADmB,GAIjB,IAJJ;EAMA,oBACE;IAAK,aAAU,eAAf;IAA+B,SAAS,EAAEG,cAAA,CAAMG;EAAhD,GACGJ,WADH,EAEGG,SAFH,CADF;AAMD,CA7CD;;AA+CAf,aAAa,CAACiB,YAAd,GAA6B;EAC3Bd,IAAI,EAAEe,iBAAA,CAASC,iBAAT,CAA2BhB;AADN,CAA7B;AAIAH,aAAa,CAACoB,SAAd,2CAA0B;EACxBhB,UAAU,EAAEiB,kBAAA,CAAUC,MADE;EAExBjB,QAAQ,EAAEgB,kBAAA,CAAUC,MAFI;EAGxBhB,KAAK,EAAEe,kBAAA,CAAUE,IAHO;EAIxBhB,GAAG,EAAEc,kBAAA,CAAUE;AAJS,CAA1B;eAOevB,a"}

package/lib/molecule/discipline-header/index.js

@@ -2,15 +2,25 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _get = _interopRequireDefault(require("lodash/fp/get"));
+
 var _getOr = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _videoPlayer = _interopRequireDefault(require("../video-player"));
+
 var _picture = _interopRequireDefault(require("../../atom/picture"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const Preview = ({
   image,
   video
@@ -18,6 +28,7 @@ const Preview = ({
   const mimeType = (0, _get.default)('mimeType', video);
   const id = (0, _get.default)('id', video);
   const jwpOptions = (0, _get.default)('jwpOptions', video);
+
   if (id) {
     return /*#__PURE__*/_react.default.createElement(_videoPlayer.default, {
       mimeType: mimeType,
@@ -34,10 +45,12 @@ const Preview = ({
     });
   }
 };
+
 Preview.propTypes = process.env.NODE_ENV !== "production" ? {
   image: _picture.default.propTypes.src,
   video: _propTypes.default.shape(_videoPlayer.default.propTypes)
 } : {};
+
 class DisciplineHeader extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -48,16 +61,19 @@ class DisciplineHeader extends _react.default.Component {
     this.handleToggleDisplay = this.handleToggleDisplay.bind(this);
     this.setHandle = this.setHandle.bind(this);
   }
+
   handleToggleDisplay() {
     this.setState(prevState => ({
       fullDisplay: !prevState.fullDisplay
     }));
   }
+
   setHandle(el) {
     this.setState({
       offsetHeightShowMore: (0, _getOr.default)(0, 'offsetHeight', el)
     });
   }
+
   render() {
     const {
       image,
@@ -87,8 +103,7 @@ class DisciplineHeader extends _react.default.Component {
       className: _style.default.courseWrapper
     }, /*#__PURE__*/_react.default.createElement("div", {
       "data-name": "title",
-      className: (0, _classnames.default)(_style.default.title, _style.default.innerHTML)
-      // eslint-disable-next-line react/no-danger
+      className: (0, _classnames.default)(_style.default.title, _style.default.innerHTML) // eslint-disable-next-line react/no-danger
       ,
       dangerouslySetInnerHTML: {
         __html: title
@@ -96,8 +111,7 @@ class DisciplineHeader extends _react.default.Component {
     }), /*#__PURE__*/_react.default.createElement("div", {
       className: fullDisplay ? _style.default.desc : _style.default.shortDesc
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: _style.default.innerHTML
-      // eslint-disable-next-line react/no-danger
+      className: _style.default.innerHTML // eslint-disable-next-line react/no-danger
       ,
       dangerouslySetInnerHTML: {
         __html: description
@@ -108,7 +122,9 @@ class DisciplineHeader extends _react.default.Component {
       onClick: this.handleToggleDisplay
     }, toggleLabel)));
   }
+
 }
+
 DisciplineHeader.contextTypes = {
   translate: _propTypes.default.func
 };

package/lib/molecule/discipline-header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Preview","image","video","mimeType","get","id","jwpOptions","style","propTypes","Picture","src","PropTypes","shape","VideoPlayer","DisciplineHeader","React","Component","constructor","props","state","fullDisplay","offsetHeightShowMore","handleToggleDisplay","bind","setHandle","setState","prevState","el","getOr","render","title","description","translate","context","maxHeightDescription","toggleLabel","descritpionViewStyle","showMoreHidden","showMore","wrapper","imgWrapper","courseWrapper","classnames","innerHTML","__html","desc","shortDesc","contextTypes","func","string"],"sources":["../../../src/molecule/discipline-header/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport classnames from 'classnames';\nimport VideoPlayer from '../video-player';\nimport Picture from '../../atom/picture';\nimport style from './style.css';\n\nconst Preview = ({image, video}) => {\n  const mimeType = get('mimeType', video);\n  const id = get('id', video);\n  const jwpOptions = get('jwpOptions', video);\n  if (id) {\n    return <VideoPlayer mimeType={mimeType} id={id} width=\"380px\" height=\"250px\" />;\n  } else if (jwpOptions) {\n    return <VideoPlayer {...video} />;\n  } else {\n    return <Picture className={style.image} src={image} />;\n  }\n};\n\nPreview.propTypes = {\n  image: Picture.propTypes.src,\n  video: PropTypes.shape(VideoPlayer.propTypes)\n};\n\nclass DisciplineHeader extends React.Component {\n  static propTypes = {\n    title: PropTypes.string,\n    description: PropTypes.string,\n    image: Preview.propTypes.image,\n    video: Preview.propTypes.video\n  };\n\n  static contextTypes = {\n    translate: PropTypes.func\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      fullDisplay: false,\n      offsetHeightShowMore: 0\n    };\n    this.handleToggleDisplay = this.handleToggleDisplay.bind(this);\n    this.setHandle = this.setHandle.bind(this);\n  }\n\n  handleToggleDisplay() {\n    this.setState(prevState => ({\n      fullDisplay: !prevState.fullDisplay\n    }));\n  }\n\n  setHandle(el) {\n    this.setState({offsetHeightShowMore: getOr(0, 'offsetHeight', el)});\n  }\n\n  render() {\n    const {image, title, description, video} = this.props;\n    const {fullDisplay, offsetHeightShowMore} = this.state;\n    const {translate} = this.context;\n    const maxHeightDescription = 219;\n\n    const toggleLabel = fullDisplay ? translate('See less') : translate('Show more');\n    const descritpionViewStyle =\n      offsetHeightShowMore <= maxHeightDescription ? style.showMoreHidden : style.showMore;\n\n    return (\n      <div data-name=\"disciplineHeader\" className={style.wrapper}>\n        {image || video ? (\n          <div className={style.imgWrapper}>\n            <Preview image={image} video={video} />\n          </div>\n        ) : null}\n        <div className={style.courseWrapper}>\n          <div\n            data-name=\"title\"\n            className={classnames(style.title, style.innerHTML)}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: title}}\n          />\n          <div className={fullDisplay ? style.desc : style.shortDesc}>\n            <div\n              className={style.innerHTML}\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: description}}\n              ref={this.setHandle}\n            />\n          </div>\n          <div className={descritpionViewStyle} onClick={this.handleToggleDisplay}>\n            {toggleLabel}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default DisciplineHeader;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["Preview","image","video","mimeType","get","id","jwpOptions","style","propTypes","Picture","src","PropTypes","shape","VideoPlayer","DisciplineHeader","React","Component","constructor","props","state","fullDisplay","offsetHeightShowMore","handleToggleDisplay","bind","setHandle","setState","prevState","el","getOr","render","title","description","translate","context","maxHeightDescription","toggleLabel","descritpionViewStyle","showMoreHidden","showMore","wrapper","imgWrapper","courseWrapper","classnames","innerHTML","__html","desc","shortDesc","contextTypes","func","string"],"sources":["../../../src/molecule/discipline-header/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport classnames from 'classnames';\nimport VideoPlayer from '../video-player';\nimport Picture from '../../atom/picture';\nimport style from './style.css';\n\nconst Preview = ({image, video}) => {\n  const mimeType = get('mimeType', video);\n  const id = get('id', video);\n  const jwpOptions = get('jwpOptions', video);\n  if (id) {\n    return <VideoPlayer mimeType={mimeType} id={id} width=\"380px\" height=\"250px\" />;\n  } else if (jwpOptions) {\n    return <VideoPlayer {...video} />;\n  } else {\n    return <Picture className={style.image} src={image} />;\n  }\n};\n\nPreview.propTypes = {\n  image: Picture.propTypes.src,\n  video: PropTypes.shape(VideoPlayer.propTypes)\n};\n\nclass DisciplineHeader extends React.Component {\n  static propTypes = {\n    title: PropTypes.string,\n    description: PropTypes.string,\n    image: Preview.propTypes.image,\n    video: Preview.propTypes.video\n  };\n\n  static contextTypes = {\n    translate: PropTypes.func\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      fullDisplay: false,\n      offsetHeightShowMore: 0\n    };\n    this.handleToggleDisplay = this.handleToggleDisplay.bind(this);\n    this.setHandle = this.setHandle.bind(this);\n  }\n\n  handleToggleDisplay() {\n    this.setState(prevState => ({\n      fullDisplay: !prevState.fullDisplay\n    }));\n  }\n\n  setHandle(el) {\n    this.setState({offsetHeightShowMore: getOr(0, 'offsetHeight', el)});\n  }\n\n  render() {\n    const {image, title, description, video} = this.props;\n    const {fullDisplay, offsetHeightShowMore} = this.state;\n    const {translate} = this.context;\n    const maxHeightDescription = 219;\n\n    const toggleLabel = fullDisplay ? translate('See less') : translate('Show more');\n    const descritpionViewStyle =\n      offsetHeightShowMore <= maxHeightDescription ? style.showMoreHidden : style.showMore;\n\n    return (\n      <div data-name=\"disciplineHeader\" className={style.wrapper}>\n        {image || video ? (\n          <div className={style.imgWrapper}>\n            <Preview image={image} video={video} />\n          </div>\n        ) : null}\n        <div className={style.courseWrapper}>\n          <div\n            data-name=\"title\"\n            className={classnames(style.title, style.innerHTML)}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: title}}\n          />\n          <div className={fullDisplay ? style.desc : style.shortDesc}>\n            <div\n              className={style.innerHTML}\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: description}}\n              ref={this.setHandle}\n            />\n          </div>\n          <div className={descritpionViewStyle} onClick={this.handleToggleDisplay}>\n            {toggleLabel}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default DisciplineHeader;\n"],"mappings":"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"}

package/lib/molecule/discipline-partners/index.js

@@ -2,20 +2,35 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _uniqueId2 = _interopRequireDefault(require("lodash/fp/uniqueId"));
+
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
+
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _socialLink = _interopRequireDefault(require("../../atom/social-link"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _catalogSection = _interopRequireDefault(require("../../atom/catalog-section"));
+
 var _picture = _interopRequireDefault(require("../../atom/picture"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const DisciplinePartners = (props, context) => {
   const {
     translate,
@@ -27,6 +42,7 @@ const DisciplinePartners = (props, context) => {
   } = props;
   const authorLabel = authorTitle || translate('author');
   const defaultColor = (0, _get2.default)('common.primary', skin);
+
   const authorsView = _map2.default.convert({
     cap: false
   })((author, index) => {
@@ -36,6 +52,7 @@ const DisciplinePartners = (props, context) => {
     const moreDetails = (0, _get2.default)('more', author);
     const autName = (0, _get2.default)('name', author);
     const authorToggleId = (0, _uniqueId2.default)('author-toggle-');
+
     const linkView = /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.authorLink
     }, /*#__PURE__*/_react.default.createElement("a", {
@@ -46,6 +63,7 @@ const DisciplinePartners = (props, context) => {
       },
       href: authorHref
     }, authorHref));
+
     const moreInfoView = /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.authorLink
     }, /*#__PURE__*/_react.default.createElement("a", {
@@ -57,6 +75,7 @@ const DisciplinePartners = (props, context) => {
       color: defaultColor,
       className: _style.default.linkicon
     })));
+
     const socialView = socialLinks.map((social, i) => /*#__PURE__*/_react.default.createElement("div", {
       key: i,
       className: _style.default.link
@@ -95,6 +114,7 @@ const DisciplinePartners = (props, context) => {
       htmlFor: authorToggleId
     }, logoView), authorContent);
   }, authors);
+
   return !(0, _isEmpty2.default)(authors) ? /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "disciplinePartner",
     className: _style.default.colDetails
@@ -102,6 +122,7 @@ const DisciplinePartners = (props, context) => {
     title: authorLabel
   }, authorsView)) : null;
 };
+
 DisciplinePartners.contextTypes = {
   translate: _provider.default.childContextTypes.translate,
   skin: _provider.default.childContextTypes.skin

package/lib/molecule/discipline-partners/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["DisciplinePartners","props","context","translate","skin","authorTitle","authors","authorLabel","defaultColor","authorsView","convert","cap","author","index","socialLinks","authorLogo","authorHref","moreDetails","autName","authorToggleId","linkView","style","authorLink","color","moreInfoView","linkicon","socialView","map","social","i","link","aNameView","authorName","logoView","logoContainer","logo","src","alt","arrowWrapper","arrow","authorContent","links","authorWrapper","toggle","colDetails","contextTypes","Provider","childContextTypes","propTypes","PropTypes","arrayOf","shape","name","string","href","SocialLink"],"sources":["../../../src/molecule/discipline-partners/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, isEmpty, map, uniqueId} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaCompositionNavigationArrowDown as ArrowDown\n} from '@coorpacademy/nova-icons';\nimport SocialLink from '../../atom/social-link';\nimport Provider from '../../atom/provider';\nimport CatalogSection from '../../atom/catalog-section';\nimport Picture from '../../atom/picture';\nimport style from './style.css';\n\nconst DisciplinePartners = (props, context) => {\n  const {translate, skin} = context;\n\n  const {authorTitle, authors = []} = props;\n\n  const authorLabel = authorTitle || translate('author');\n  const defaultColor = get('common.primary', skin);\n  const authorsView = map.convert({cap: false})((author, index) => {\n    const socialLinks = getOr([], 'socialLinks', author);\n    const authorLogo = get('logo', author);\n    const authorHref = get('href', author);\n    const moreDetails = get('more', author);\n    const autName = get('name', author);\n    const authorToggleId = uniqueId('author-toggle-');\n    const linkView = (\n      <div className={style.authorLink}>\n        <a\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          style={{\n            color: defaultColor\n          }}\n          href={authorHref}\n        >\n          {authorHref}\n        </a>\n      </div>\n    );\n    const moreInfoView = (\n      <div className={style.authorLink}>\n        <a\n          href={authorHref}\n          style={{\n            color: defaultColor\n          }}\n        >\n          {moreDetails}\n          <ArrowRight color={defaultColor} className={style.linkicon} />\n        </a>\n      </div>\n    );\n\n    const socialView = socialLinks.map((social, i) => (\n      <div key={i} className={style.link}>\n        <SocialLink {...social} />\n      </div>\n    ));\n\n    const aNameView = autName ? (\n      <div data-name=\"authorName\" className={style.authorName}>\n        {autName}\n      </div>\n    ) : null;\n\n    const logoView = authorLogo ? (\n      <div className={style.logoContainer}>\n        <Picture className={style.logo} src={authorLogo.src} alt={authorLogo.alt} />\n        <div className={style.arrowWrapper}>\n          <ArrowDown className={style.arrow} height={14} whidth={14} />\n        </div>\n      </div>\n    ) : null;\n\n    const authorContent =\n      authorHref || aNameView || socialView ? (\n        <div className={style.authorContent}>\n          {autName ? aNameView : null}\n          {moreDetails ? moreInfoView : null}\n          {!moreDetails && authorHref ? linkView : null}\n          <div className={style.links}>{socialView}</div>\n        </div>\n      ) : null;\n\n    return (\n      <div key={index} className={style.authorWrapper}>\n        <input type=\"checkbox\" id={authorToggleId} className={style.toggle} defaultChecked />\n        <label htmlFor={authorToggleId}>{logoView}</label>\n        {authorContent}\n      </div>\n    );\n  }, authors);\n\n  return !isEmpty(authors) ? (\n    <div data-name=\"disciplinePartner\" className={style.colDetails}>\n      <CatalogSection title={authorLabel}>{authorsView}</CatalogSection>\n    </div>\n  ) : null;\n};\n\nDisciplinePartners.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nDisciplinePartners.propTypes = {\n  authors: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string,\n      href: PropTypes.string,\n      logo: PropTypes.shape({\n        src: PropTypes.string,\n        href: PropTypes.string,\n        alt: PropTypes.string\n      }),\n      socialLinks: PropTypes.arrayOf(PropTypes.shape(SocialLink.propTypes))\n    })\n  ),\n  authorTitle: PropTypes.string\n};\n\nexport default DisciplinePartners;\n"],"mappings":";;;;;;;;;AAAA;AACA;AAEA;AAIA;AACA;AACA;AACA;AACA;AAAgC;AAEhC,MAAMA,kBAAkB,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EAC7C,MAAM;IAACC,SAAS;IAAEC;EAAI,CAAC,GAAGF,OAAO;EAEjC,MAAM;IAACG,WAAW;IAAEC,OAAO,GAAG;EAAE,CAAC,GAAGL,KAAK;EAEzC,MAAMM,WAAW,GAAGF,WAAW,IAAIF,SAAS,CAAC,QAAQ,CAAC;EACtD,MAAMK,YAAY,GAAG,mBAAI,gBAAgB,EAAEJ,IAAI,CAAC;EAChD,MAAMK,WAAW,GAAG,cAAIC,OAAO,CAAC;IAACC,GAAG,EAAE;EAAK,CAAC,CAAC,CAAC,CAACC,MAAM,EAAEC,KAAK,KAAK;IAC/D,MAAMC,WAAW,GAAG,qBAAM,EAAE,EAAE,aAAa,EAAEF,MAAM,CAAC;IACpD,MAAMG,UAAU,GAAG,mBAAI,MAAM,EAAEH,MAAM,CAAC;IACtC,MAAMI,UAAU,GAAG,mBAAI,MAAM,EAAEJ,MAAM,CAAC;IACtC,MAAMK,WAAW,GAAG,mBAAI,MAAM,EAAEL,MAAM,CAAC;IACvC,MAAMM,OAAO,GAAG,mBAAI,MAAM,EAAEN,MAAM,CAAC;IACnC,MAAMO,cAAc,GAAG,wBAAS,gBAAgB,CAAC;IACjD,MAAMC,QAAQ,gBACZ;MAAK,SAAS,EAAEC,cAAK,CAACC;IAAW,gBAC/B;MACE,MAAM,EAAC,QAAQ;MACf,GAAG,EAAC,qBAAqB;MACzB,KAAK,EAAE;QACLC,KAAK,EAAEf;MACT,CAAE;MACF,IAAI,EAAEQ;IAAW,GAEhBA,UAAU,CACT,CAEP;IACD,MAAMQ,YAAY,gBAChB;MAAK,SAAS,EAAEH,cAAK,CAACC;IAAW,gBAC/B;MACE,IAAI,EAAEN,UAAW;MACjB,KAAK,EAAE;QACLO,KAAK,EAAEf;MACT;IAAE,GAEDS,WAAW,eACZ,6BAAC,8CAAU;MAAC,KAAK,EAAET,YAAa;MAAC,SAAS,EAAEa,cAAK,CAACI;IAAS,EAAG,CAC5D,CAEP;IAED,MAAMC,UAAU,GAAGZ,WAAW,CAACa,GAAG,CAAC,CAACC,MAAM,EAAEC,CAAC,kBAC3C;MAAK,GAAG,EAAEA,CAAE;MAAC,SAAS,EAAER,cAAK,CAACS;IAAK,gBACjC,6BAAC,mBAAU,EAAKF,MAAM,CAAI,CAE7B,CAAC;IAEF,MAAMG,SAAS,GAAGb,OAAO,gBACvB;MAAK,aAAU,YAAY;MAAC,SAAS,EAAEG,cAAK,CAACW;IAAW,GACrDd,OAAO,CACJ,GACJ,IAAI;IAER,MAAMe,QAAQ,GAAGlB,UAAU,gBACzB;MAAK,SAAS,EAAEM,cAAK,CAACa;IAAc,gBAClC,6BAAC,gBAAO;MAAC,SAAS,EAAEb,cAAK,CAACc,IAAK;MAAC,GAAG,EAAEpB,UAAU,CAACqB,GAAI;MAAC,GAAG,EAAErB,UAAU,CAACsB;IAAI,EAAG,eAC5E;MAAK,SAAS,EAAEhB,cAAK,CAACiB;IAAa,gBACjC,6BAAC,6CAAS;MAAC,SAAS,EAAEjB,cAAK,CAACkB,KAAM;MAAC,MAAM,EAAE,EAAG;MAAC,MAAM,EAAE;IAAG,EAAG,CACzD,CACF,GACJ,IAAI;IAER,MAAMC,aAAa,GACjBxB,UAAU,IAAIe,SAAS,IAAIL,UAAU,gBACnC;MAAK,SAAS,EAAEL,cAAK,CAACmB;IAAc,GACjCtB,OAAO,GAAGa,SAAS,GAAG,IAAI,EAC1Bd,WAAW,GAAGO,YAAY,GAAG,IAAI,EACjC,CAACP,WAAW,IAAID,UAAU,GAAGI,QAAQ,GAAG,IAAI,eAC7C;MAAK,SAAS,EAAEC,cAAK,CAACoB;IAAM,GAAEf,UAAU,CAAO,CAC3C,GACJ,IAAI;IAEV,oBACE;MAAK,GAAG,EAAEb,KAAM;MAAC,SAAS,EAAEQ,cAAK,CAACqB;IAAc,gBAC9C;MAAO,IAAI,EAAC,UAAU;MAAC,EAAE,EAAEvB,cAAe;MAAC,SAAS,EAAEE,cAAK,CAACsB,MAAO;MAAC,cAAc;IAAA,EAAG,eACrF;MAAO,OAAO,EAAExB;IAAe,GAAEc,QAAQ,CAAS,EACjDO,aAAa,CACV;EAEV,CAAC,EAAElC,OAAO,CAAC;EAEX,OAAO,CAAC,uBAAQA,OAAO,CAAC,gBACtB;IAAK,aAAU,mBAAmB;IAAC,SAAS,EAAEe,cAAK,CAACuB;EAAW,gBAC7D,6BAAC,uBAAc;IAAC,KAAK,EAAErC;EAAY,GAAEE,WAAW,CAAkB,CAC9D,GACJ,IAAI;AACV,CAAC;AAEDT,kBAAkB,CAAC6C,YAAY,GAAG;EAChC1C,SAAS,EAAE2C,iBAAQ,CAACC,iBAAiB,CAAC5C,SAAS;EAC/CC,IAAI,EAAE0C,iBAAQ,CAACC,iBAAiB,CAAC3C;AACnC,CAAC;AAEDJ,kBAAkB,CAACgD,SAAS,2CAAG;EAC7B1C,OAAO,EAAE2C,kBAAS,CAACC,OAAO,CACxBD,kBAAS,CAACE,KAAK,CAAC;IACdC,IAAI,EAAEH,kBAAS,CAACI,MAAM;IACtBC,IAAI,EAAEL,kBAAS,CAACI,MAAM;IACtBlB,IAAI,EAAEc,kBAAS,CAACE,KAAK,CAAC;MACpBf,GAAG,EAAEa,kBAAS,CAACI,MAAM;MACrBC,IAAI,EAAEL,kBAAS,CAACI,MAAM;MACtBhB,GAAG,EAAEY,kBAAS,CAACI;IACjB,CAAC,CAAC;IACFvC,WAAW,EAAEmC,kBAAS,CAACC,OAAO,CAACD,kBAAS,CAACE,KAAK,CAACI,mBAAU,CAACP,SAAS,CAAC;EACtE,CAAC,CAAC,CACH;EACD3C,WAAW,EAAE4C,kBAAS,CAACI;AACzB,CAAC;AAAC,eAEarD,kBAAkB;AAAA"}
+{"version":3,"file":"index.js","names":["DisciplinePartners","props","context","translate","skin","authorTitle","authors","authorLabel","defaultColor","authorsView","convert","cap","author","index","socialLinks","authorLogo","authorHref","moreDetails","autName","authorToggleId","linkView","style","authorLink","color","moreInfoView","linkicon","socialView","map","social","i","link","aNameView","authorName","logoView","logoContainer","logo","src","alt","arrowWrapper","arrow","authorContent","links","authorWrapper","toggle","colDetails","contextTypes","Provider","childContextTypes","propTypes","PropTypes","arrayOf","shape","name","string","href","SocialLink"],"sources":["../../../src/molecule/discipline-partners/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, isEmpty, map, uniqueId} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaCompositionNavigationArrowDown as ArrowDown\n} from '@coorpacademy/nova-icons';\nimport SocialLink from '../../atom/social-link';\nimport Provider from '../../atom/provider';\nimport CatalogSection from '../../atom/catalog-section';\nimport Picture from '../../atom/picture';\nimport style from './style.css';\n\nconst DisciplinePartners = (props, context) => {\n  const {translate, skin} = context;\n\n  const {authorTitle, authors = []} = props;\n\n  const authorLabel = authorTitle || translate('author');\n  const defaultColor = get('common.primary', skin);\n  const authorsView = map.convert({cap: false})((author, index) => {\n    const socialLinks = getOr([], 'socialLinks', author);\n    const authorLogo = get('logo', author);\n    const authorHref = get('href', author);\n    const moreDetails = get('more', author);\n    const autName = get('name', author);\n    const authorToggleId = uniqueId('author-toggle-');\n    const linkView = (\n      <div className={style.authorLink}>\n        <a\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          style={{\n            color: defaultColor\n          }}\n          href={authorHref}\n        >\n          {authorHref}\n        </a>\n      </div>\n    );\n    const moreInfoView = (\n      <div className={style.authorLink}>\n        <a\n          href={authorHref}\n          style={{\n            color: defaultColor\n          }}\n        >\n          {moreDetails}\n          <ArrowRight color={defaultColor} className={style.linkicon} />\n        </a>\n      </div>\n    );\n\n    const socialView = socialLinks.map((social, i) => (\n      <div key={i} className={style.link}>\n        <SocialLink {...social} />\n      </div>\n    ));\n\n    const aNameView = autName ? (\n      <div data-name=\"authorName\" className={style.authorName}>\n        {autName}\n      </div>\n    ) : null;\n\n    const logoView = authorLogo ? (\n      <div className={style.logoContainer}>\n        <Picture className={style.logo} src={authorLogo.src} alt={authorLogo.alt} />\n        <div className={style.arrowWrapper}>\n          <ArrowDown className={style.arrow} height={14} whidth={14} />\n        </div>\n      </div>\n    ) : null;\n\n    const authorContent =\n      authorHref || aNameView || socialView ? (\n        <div className={style.authorContent}>\n          {autName ? aNameView : null}\n          {moreDetails ? moreInfoView : null}\n          {!moreDetails && authorHref ? linkView : null}\n          <div className={style.links}>{socialView}</div>\n        </div>\n      ) : null;\n\n    return (\n      <div key={index} className={style.authorWrapper}>\n        <input type=\"checkbox\" id={authorToggleId} className={style.toggle} defaultChecked />\n        <label htmlFor={authorToggleId}>{logoView}</label>\n        {authorContent}\n      </div>\n    );\n  }, authors);\n\n  return !isEmpty(authors) ? (\n    <div data-name=\"disciplinePartner\" className={style.colDetails}>\n      <CatalogSection title={authorLabel}>{authorsView}</CatalogSection>\n    </div>\n  ) : null;\n};\n\nDisciplinePartners.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nDisciplinePartners.propTypes = {\n  authors: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string,\n      href: PropTypes.string,\n      logo: PropTypes.shape({\n        src: PropTypes.string,\n        href: PropTypes.string,\n        alt: PropTypes.string\n      }),\n      socialLinks: PropTypes.arrayOf(PropTypes.shape(SocialLink.propTypes))\n    })\n  ),\n  authorTitle: PropTypes.string\n};\n\nexport default DisciplinePartners;\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AAIA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,kBAAkB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC7C,MAAM;IAACC,SAAD;IAAYC;EAAZ,IAAoBF,OAA1B;EAEA,MAAM;IAACG,WAAD;IAAcC,OAAO,GAAG;EAAxB,IAA8BL,KAApC;EAEA,MAAMM,WAAW,GAAGF,WAAW,IAAIF,SAAS,CAAC,QAAD,CAA5C;EACA,MAAMK,YAAY,GAAG,mBAAI,gBAAJ,EAAsBJ,IAAtB,CAArB;;EACA,MAAMK,WAAW,GAAG,cAAIC,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EAA0B,CAACC,MAAD,EAASC,KAAT,KAAmB;IAC/D,MAAMC,WAAW,GAAG,qBAAM,EAAN,EAAU,aAAV,EAAyBF,MAAzB,CAApB;IACA,MAAMG,UAAU,GAAG,mBAAI,MAAJ,EAAYH,MAAZ,CAAnB;IACA,MAAMI,UAAU,GAAG,mBAAI,MAAJ,EAAYJ,MAAZ,CAAnB;IACA,MAAMK,WAAW,GAAG,mBAAI,MAAJ,EAAYL,MAAZ,CAApB;IACA,MAAMM,OAAO,GAAG,mBAAI,MAAJ,EAAYN,MAAZ,CAAhB;IACA,MAAMO,cAAc,GAAG,wBAAS,gBAAT,CAAvB;;IACA,MAAMC,QAAQ,gBACZ;MAAK,SAAS,EAAEC,cAAA,CAAMC;IAAtB,gBACE;MACE,MAAM,EAAC,QADT;MAEE,GAAG,EAAC,qBAFN;MAGE,KAAK,EAAE;QACLC,KAAK,EAAEf;MADF,CAHT;MAME,IAAI,EAAEQ;IANR,GAQGA,UARH,CADF,CADF;;IAcA,MAAMQ,YAAY,gBAChB;MAAK,SAAS,EAAEH,cAAA,CAAMC;IAAtB,gBACE;MACE,IAAI,EAAEN,UADR;MAEE,KAAK,EAAE;QACLO,KAAK,EAAEf;MADF;IAFT,GAMGS,WANH,eAOE,6BAAC,8CAAD;MAAY,KAAK,EAAET,YAAnB;MAAiC,SAAS,EAAEa,cAAA,CAAMI;IAAlD,EAPF,CADF,CADF;;IAcA,MAAMC,UAAU,GAAGZ,WAAW,CAACa,GAAZ,CAAgB,CAACC,MAAD,EAASC,CAAT,kBACjC;MAAK,GAAG,EAAEA,CAAV;MAAa,SAAS,EAAER,cAAA,CAAMS;IAA9B,gBACE,6BAAC,mBAAD,EAAgBF,MAAhB,CADF,CADiB,CAAnB;IAMA,MAAMG,SAAS,GAAGb,OAAO,gBACvB;MAAK,aAAU,YAAf;MAA4B,SAAS,EAAEG,cAAA,CAAMW;IAA7C,GACGd,OADH,CADuB,GAIrB,IAJJ;IAMA,MAAMe,QAAQ,GAAGlB,UAAU,gBACzB;MAAK,SAAS,EAAEM,cAAA,CAAMa;IAAtB,gBACE,6BAAC,gBAAD;MAAS,SAAS,EAAEb,cAAA,CAAMc,IAA1B;MAAgC,GAAG,EAAEpB,UAAU,CAACqB,GAAhD;MAAqD,GAAG,EAAErB,UAAU,CAACsB;IAArE,EADF,eAEE;MAAK,SAAS,EAAEhB,cAAA,CAAMiB;IAAtB,gBACE,6BAAC,6CAAD;MAAW,SAAS,EAAEjB,cAAA,CAAMkB,KAA5B;MAAmC,MAAM,EAAE,EAA3C;MAA+C,MAAM,EAAE;IAAvD,EADF,CAFF,CADyB,GAOvB,IAPJ;IASA,MAAMC,aAAa,GACjBxB,UAAU,IAAIe,SAAd,IAA2BL,UAA3B,gBACE;MAAK,SAAS,EAAEL,cAAA,CAAMmB;IAAtB,GACGtB,OAAO,GAAGa,SAAH,GAAe,IADzB,EAEGd,WAAW,GAAGO,YAAH,GAAkB,IAFhC,EAGG,CAACP,WAAD,IAAgBD,UAAhB,GAA6BI,QAA7B,GAAwC,IAH3C,eAIE;MAAK,SAAS,EAAEC,cAAA,CAAMoB;IAAtB,GAA8Bf,UAA9B,CAJF,CADF,GAOI,IARN;IAUA,oBACE;MAAK,GAAG,EAAEb,KAAV;MAAiB,SAAS,EAAEQ,cAAA,CAAMqB;IAAlC,gBACE;MAAO,IAAI,EAAC,UAAZ;MAAuB,EAAE,EAAEvB,cAA3B;MAA2C,SAAS,EAAEE,cAAA,CAAMsB,MAA5D;MAAoE,cAAc;IAAlF,EADF,eAEE;MAAO,OAAO,EAAExB;IAAhB,GAAiCc,QAAjC,CAFF,EAGGO,aAHH,CADF;EAOD,CAzEmB,EAyEjBlC,OAzEiB,CAApB;;EA2EA,OAAO,CAAC,uBAAQA,OAAR,CAAD,gBACL;IAAK,aAAU,mBAAf;IAAmC,SAAS,EAAEe,cAAA,CAAMuB;EAApD,gBACE,6BAAC,uBAAD;IAAgB,KAAK,EAAErC;EAAvB,GAAqCE,WAArC,CADF,CADK,GAIH,IAJJ;AAKD,CAvFD;;AAyFAT,kBAAkB,CAAC6C,YAAnB,GAAkC;EAChC1C,SAAS,EAAE2C,iBAAA,CAASC,iBAAT,CAA2B5C,SADN;EAEhCC,IAAI,EAAE0C,iBAAA,CAASC,iBAAT,CAA2B3C;AAFD,CAAlC;AAKAJ,kBAAkB,CAACgD,SAAnB,2CAA+B;EAC7B1C,OAAO,EAAE2C,kBAAA,CAAUC,OAAV,CACPD,kBAAA,CAAUE,KAAV,CAAgB;IACdC,IAAI,EAAEH,kBAAA,CAAUI,MADF;IAEdC,IAAI,EAAEL,kBAAA,CAAUI,MAFF;IAGdlB,IAAI,EAAEc,kBAAA,CAAUE,KAAV,CAAgB;MACpBf,GAAG,EAAEa,kBAAA,CAAUI,MADK;MAEpBC,IAAI,EAAEL,kBAAA,CAAUI,MAFI;MAGpBhB,GAAG,EAAEY,kBAAA,CAAUI;IAHK,CAAhB,CAHQ;IAQdvC,WAAW,EAAEmC,kBAAA,CAAUC,OAAV,CAAkBD,kBAAA,CAAUE,KAAV,CAAgBI,mBAAA,CAAWP,SAA3B,CAAlB;EARC,CAAhB,CADO,CADoB;EAa7B3C,WAAW,EAAE4C,kBAAA,CAAUI;AAbM,CAA/B;eAgBerD,kB"}

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

@@ -2,11 +2,17 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _scopeTabs = _interopRequireDefault(require("../scope-tabs"));
+
 var _scopeContent = _interopRequireDefault(require("../scope-content"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const DisciplineScope = props => {
   const {
     onClick,
@@ -24,6 +30,7 @@ const DisciplineScope = props => {
     content: content
   }));
 };
+
 DisciplineScope.propTypes = process.env.NODE_ENV !== "production" ? {
   levels: _scopeTabs.default.propTypes.levels,
   selected: _scopeTabs.default.propTypes.selected,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["DisciplineScope","props","onClick","selected","content","levels","style","scope","propTypes","ScopeTabs","ScopeContent"],"sources":["../../../src/molecule/discipline-scope/index.js"],"sourcesContent":["import React from 'react';\nimport ScopeTabs from '../scope-tabs';\nimport ScopeContent from '../scope-content';\nimport style from './style.css';\n\nconst DisciplineScope = props => {\n  const {onClick, selected = 0, content = {}, levels = []} = props;\n\n  return (\n    <div className={style.scope}>\n      <ScopeTabs onClick={onClick} selected={selected} levels={levels} />\n      <ScopeContent content={content} />\n    </div>\n  );\n};\n\nDisciplineScope.propTypes = {\n  levels: ScopeTabs.propTypes.levels,\n  selected: ScopeTabs.propTypes.selected,\n  onClick: ScopeTabs.propTypes.onClick,\n  content: ScopeContent.propTypes.content\n};\n\nexport default DisciplineScope;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AAAgC;AAEhC,MAAMA,eAAe,GAAGC,KAAK,IAAI;EAC/B,MAAM;IAACC,OAAO;IAAEC,QAAQ,GAAG,CAAC;IAAEC,OAAO,GAAG,CAAC,CAAC;IAAEC,MAAM,GAAG;EAAE,CAAC,GAAGJ,KAAK;EAEhE,oBACE;IAAK,SAAS,EAAEK,cAAK,CAACC;EAAM,gBAC1B,6BAAC,kBAAS;IAAC,OAAO,EAAEL,OAAQ;IAAC,QAAQ,EAAEC,QAAS;IAAC,MAAM,EAAEE;EAAO,EAAG,eACnE,6BAAC,qBAAY;IAAC,OAAO,EAAED;EAAQ,EAAG,CAC9B;AAEV,CAAC;AAEDJ,eAAe,CAACQ,SAAS,2CAAG;EAC1BH,MAAM,EAAEI,kBAAS,CAACD,SAAS,CAACH,MAAM;EAClCF,QAAQ,EAAEM,kBAAS,CAACD,SAAS,CAACL,QAAQ;EACtCD,OAAO,EAAEO,kBAAS,CAACD,SAAS,CAACN,OAAO;EACpCE,OAAO,EAAEM,qBAAY,CAACF,SAAS,CAACJ;AAClC,CAAC;AAAC,eAEaJ,eAAe;AAAA"}
+{"version":3,"file":"index.js","names":["DisciplineScope","props","onClick","selected","content","levels","style","scope","propTypes","ScopeTabs","ScopeContent"],"sources":["../../../src/molecule/discipline-scope/index.js"],"sourcesContent":["import React from 'react';\nimport ScopeTabs from '../scope-tabs';\nimport ScopeContent from '../scope-content';\nimport style from './style.css';\n\nconst DisciplineScope = props => {\n  const {onClick, selected = 0, content = {}, levels = []} = props;\n\n  return (\n    <div className={style.scope}>\n      <ScopeTabs onClick={onClick} selected={selected} levels={levels} />\n      <ScopeContent content={content} />\n    </div>\n  );\n};\n\nDisciplineScope.propTypes = {\n  levels: ScopeTabs.propTypes.levels,\n  selected: ScopeTabs.propTypes.selected,\n  onClick: ScopeTabs.propTypes.onClick,\n  content: ScopeContent.propTypes.content\n};\n\nexport default DisciplineScope;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,eAAe,GAAGC,KAAK,IAAI;EAC/B,MAAM;IAACC,OAAD;IAAUC,QAAQ,GAAG,CAArB;IAAwBC,OAAO,GAAG,EAAlC;IAAsCC,MAAM,GAAG;EAA/C,IAAqDJ,KAA3D;EAEA,oBACE;IAAK,SAAS,EAAEK,cAAA,CAAMC;EAAtB,gBACE,6BAAC,kBAAD;IAAW,OAAO,EAAEL,OAApB;IAA6B,QAAQ,EAAEC,QAAvC;IAAiD,MAAM,EAAEE;EAAzD,EADF,eAEE,6BAAC,qBAAD;IAAc,OAAO,EAAED;EAAvB,EAFF,CADF;AAMD,CATD;;AAWAJ,eAAe,CAACQ,SAAhB,2CAA4B;EAC1BH,MAAM,EAAEI,kBAAA,CAAUD,SAAV,CAAoBH,MADF;EAE1BF,QAAQ,EAAEM,kBAAA,CAAUD,SAAV,CAAoBL,QAFJ;EAG1BD,OAAO,EAAEO,kBAAA,CAAUD,SAAV,CAAoBN,OAHH;EAI1BE,OAAO,EAAEM,qBAAA,CAAaF,SAAb,CAAuBJ;AAJN,CAA5B;eAOeJ,e"}

package/lib/molecule/drag-and-drop/index.js

@@ -2,22 +2,39 @@
 
 exports.__esModule = true;
 exports.default = exports.DragAndDrop = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _getOr = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _includes = _interopRequireDefault(require("lodash/fp/includes"));
+
 var _reactDropzone = _interopRequireDefault(require("react-dropzone"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _inputText = _interopRequireDefault(require("../../atom/input-text"));
+
 var _overlay = require("./overlay");
+
 var _uploadReport = require("./upload-report");
+
 var _placeholder = require("./placeholder");
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
+
 const DragAndDrop = (props, context) => {
   const {
     skin
@@ -78,6 +95,7 @@ const DragAndDrop = (props, context) => {
           primaryColor: primaryColor
         });
       }
+
       return /*#__PURE__*/_react.default.createElement(_placeholder.PlaceHolder, {
         title: title,
         buttonTitle: buttonTitle,
@@ -86,6 +104,7 @@ const DragAndDrop = (props, context) => {
         onClick: onDrop
       });
     };
+
     const disableFileInput = state === 'success';
     return /*#__PURE__*/_react.default.createElement("div", _extends({}, getRootProps(), {
       className: _style.default.wrapper
@@ -98,6 +117,7 @@ const DragAndDrop = (props, context) => {
     }) : null);
   }));
 };
+
 exports.DragAndDrop = DragAndDrop;
 DragAndDrop.contextTypes = {
   skin: _provider.default.childContextTypes.skin

package/lib/molecule/drag-and-drop/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["DragAndDrop","props","context","skin","primaryColor","getOr","state","title","message","warningMessage","mode","dragAndDropMessage","buttonTitle","backLabel","orLabel","accept","type","contentType","fields","onDrop","onDelete","onBack","handleBack","useCallback","e","stopPropagation","preventDefault","loading","style","back","arrow","getRootProps","getInputProps","isDragActive","getView","includes","disableFileInput","wrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","oneOf","isRequired","string","func","arrayOf","shape","InputText","actions","label","onClick"],"sources":["../../../src/molecule/drag-and-drop/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport getOr from 'lodash/fp/getOr';\nimport includes from 'lodash/fp/includes';\nimport Dropzone from 'react-dropzone';\nimport {NovaCompositionNavigationArrowLeft as ArrowLeft} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport InputText from '../../atom/input-text';\nimport {Overlay} from './overlay';\nimport {UploadReport} from './upload-report';\nimport {PlaceHolder} from './placeholder';\nimport style from './style.css';\n\nexport const DragAndDrop = (props, context) => {\n  const {skin} = context;\n  const primaryColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const {\n    state,\n    title,\n    message,\n    warningMessage,\n    mode,\n    dragAndDropMessage,\n    buttonTitle,\n    backLabel,\n    orLabel,\n    accept,\n    type: contentType = 'scorm',\n    fields,\n    onDrop,\n    onDelete,\n    onBack\n  } = props;\n\n  const handleBack = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onBack && onBack(e);\n    },\n    [onBack]\n  );\n\n  const loading = state === 'loading';\n  return (\n    <div>\n      <span onClick={handleBack} className={style.back}>\n        <ArrowLeft width={12} height={12} className={style.arrow} />\n        {backLabel}\n      </span>\n      <Dropzone accept={accept} disabled={loading} onDrop={onDrop}>\n        {({getRootProps, getInputProps, isDragActive}) => {\n          const getView = () => {\n            if (contentType !== 'scorm' || includes(state, ['success', 'error', 'ready'])) {\n              return (\n                <UploadReport\n                  state={state}\n                  message={message}\n                  warningMessage={warningMessage}\n                  fields={fields}\n                  type={contentType}\n                  onDelete={onDelete}\n                  mode={mode}\n                  orLabel={orLabel}\n                  onClick={onDrop}\n                  buttonTitle={buttonTitle}\n                  primaryColor={primaryColor}\n                />\n              );\n            }\n            return (\n              <PlaceHolder\n                title={title}\n                buttonTitle={buttonTitle}\n                uploadLabel={message}\n                primaryColor={primaryColor}\n                onClick={onDrop}\n              />\n            );\n          };\n\n          const disableFileInput = state === 'success';\n\n          return (\n            <div {...getRootProps()} className={style.wrapper}>\n              <input {...getInputProps()} disabled={disableFileInput} />\n              {getView()}\n              {isDragActive || loading ? (\n                <Overlay\n                  iconColor={primaryColor}\n                  description={dragAndDropMessage}\n                  isLoading={loading}\n                />\n              ) : null}\n            </div>\n          );\n        }}\n      </Dropzone>\n    </div>\n  );\n};\n\nDragAndDrop.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nDragAndDrop.propTypes = {\n  state: PropTypes.oneOf(['default', 'ready', 'loading', 'success', 'error']).isRequired,\n  mode: PropTypes.oneOf(['edit', 'upload']),\n  title: PropTypes.string,\n  type: PropTypes.string,\n  message: PropTypes.string,\n  warningMessage: PropTypes.string,\n  dragAndDropMessage: PropTypes.string,\n  buttonTitle: PropTypes.string,\n  backLabel: PropTypes.string,\n  orLabel: PropTypes.string,\n  onBack: PropTypes.func,\n  accept: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...InputText.propTypes,\n      type: PropTypes.oneOf(['text'])\n    })\n  ),\n  onDrop: PropTypes.func,\n  onDelete: PropTypes.func,\n  actions: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf(['edit', 'upload', 'delete']),\n      label: PropTypes.string,\n      onClick: PropTypes.func\n    })\n  )\n};\n\nexport default DragAndDrop;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["DragAndDrop","props","context","skin","primaryColor","getOr","state","title","message","warningMessage","mode","dragAndDropMessage","buttonTitle","backLabel","orLabel","accept","type","contentType","fields","onDrop","onDelete","onBack","handleBack","useCallback","e","stopPropagation","preventDefault","loading","style","back","arrow","getRootProps","getInputProps","isDragActive","getView","includes","disableFileInput","wrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","oneOf","isRequired","string","func","arrayOf","shape","InputText","actions","label","onClick"],"sources":["../../../src/molecule/drag-and-drop/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport getOr from 'lodash/fp/getOr';\nimport includes from 'lodash/fp/includes';\nimport Dropzone from 'react-dropzone';\nimport {NovaCompositionNavigationArrowLeft as ArrowLeft} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport InputText from '../../atom/input-text';\nimport {Overlay} from './overlay';\nimport {UploadReport} from './upload-report';\nimport {PlaceHolder} from './placeholder';\nimport style from './style.css';\n\nexport const DragAndDrop = (props, context) => {\n  const {skin} = context;\n  const primaryColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const {\n    state,\n    title,\n    message,\n    warningMessage,\n    mode,\n    dragAndDropMessage,\n    buttonTitle,\n    backLabel,\n    orLabel,\n    accept,\n    type: contentType = 'scorm',\n    fields,\n    onDrop,\n    onDelete,\n    onBack\n  } = props;\n\n  const handleBack = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onBack && onBack(e);\n    },\n    [onBack]\n  );\n\n  const loading = state === 'loading';\n  return (\n    <div>\n      <span onClick={handleBack} className={style.back}>\n        <ArrowLeft width={12} height={12} className={style.arrow} />\n        {backLabel}\n      </span>\n      <Dropzone accept={accept} disabled={loading} onDrop={onDrop}>\n        {({getRootProps, getInputProps, isDragActive}) => {\n          const getView = () => {\n            if (contentType !== 'scorm' || includes(state, ['success', 'error', 'ready'])) {\n              return (\n                <UploadReport\n                  state={state}\n                  message={message}\n                  warningMessage={warningMessage}\n                  fields={fields}\n                  type={contentType}\n                  onDelete={onDelete}\n                  mode={mode}\n                  orLabel={orLabel}\n                  onClick={onDrop}\n                  buttonTitle={buttonTitle}\n                  primaryColor={primaryColor}\n                />\n              );\n            }\n            return (\n              <PlaceHolder\n                title={title}\n                buttonTitle={buttonTitle}\n                uploadLabel={message}\n                primaryColor={primaryColor}\n                onClick={onDrop}\n              />\n            );\n          };\n\n          const disableFileInput = state === 'success';\n\n          return (\n            <div {...getRootProps()} className={style.wrapper}>\n              <input {...getInputProps()} disabled={disableFileInput} />\n              {getView()}\n              {isDragActive || loading ? (\n                <Overlay\n                  iconColor={primaryColor}\n                  description={dragAndDropMessage}\n                  isLoading={loading}\n                />\n              ) : null}\n            </div>\n          );\n        }}\n      </Dropzone>\n    </div>\n  );\n};\n\nDragAndDrop.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nDragAndDrop.propTypes = {\n  state: PropTypes.oneOf(['default', 'ready', 'loading', 'success', 'error']).isRequired,\n  mode: PropTypes.oneOf(['edit', 'upload']),\n  title: PropTypes.string,\n  type: PropTypes.string,\n  message: PropTypes.string,\n  warningMessage: PropTypes.string,\n  dragAndDropMessage: PropTypes.string,\n  buttonTitle: PropTypes.string,\n  backLabel: PropTypes.string,\n  orLabel: PropTypes.string,\n  onBack: PropTypes.func,\n  accept: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...InputText.propTypes,\n      type: PropTypes.oneOf(['text'])\n    })\n  ),\n  onDrop: PropTypes.func,\n  onDelete: PropTypes.func,\n  actions: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf(['edit', 'upload', 'delete']),\n      label: PropTypes.string,\n      onClick: PropTypes.func\n    })\n  )\n};\n\nexport default DragAndDrop;\n"],"mappings":"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"}

package/lib/molecule/drag-and-drop/overlay.js

@@ -2,13 +2,21 @@
 
 exports.__esModule = true;
 exports.default = exports.Overlay = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _cssColorFunction = require("css-color-function");
+
 var _loader = _interopRequireDefault(require("../../atom/loader"));
+
 var _overlay = _interopRequireDefault(require("./overlay.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const Overlay = ({
   description,
   isLoading,
@@ -23,10 +31,12 @@ const Overlay = ({
     color: iconColor,
     className: _overlay.default.icon
   })), /*#__PURE__*/_react.default.createElement("p", null, description));
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _overlay.default.overlay
   }, isLoading ? /*#__PURE__*/_react.default.createElement(_loader.default, null) : dropOverlay);
 };
+
 exports.Overlay = Overlay;
 var _default = Overlay;
 exports.default = _default;