@coorpacademy/components 10.27.4 → 10.27.5-alpha.31

package/lib/molecule/dashboard/news-list/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["NewsList","React","memo","props","title","news","more","loading","loadingView","style","loader","moreView","onClick","label","cardsView","map","nws","key","card","wrapper","list","propTypes","PropTypes","string","arrayOf","shape","News","func","bool"],"sources":["../../../../src/molecule/dashboard/news-list/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport News from '../../news';\nimport Loader from '../../../atom/loader';\nimport style from './style.css';\n\nconst NewsList = React.memo(function NewsList(props) {\n  const {title, news, more, loading = false} = props;\n\n  const loadingView = (\n    <div className={style.loader}>\n      <Loader />\n    </div>\n  );\n\n  const moreView = more ? (\n    // eslint-disable-next-line react/jsx-handler-names\n    <div className={style.more} onClick={more.onClick}>\n      {more.label}\n    </div>\n  ) : null;\n\n  const cardsView = news.map((nws, key) => {\n    return (\n      <div className={style.card} key={key}>\n        <News {...nws} />\n      </div>\n    );\n  });\n\n  return (\n    <div className={style.wrapper} data-name=\"news-list\">\n      <div className={style.list}>\n        <div className={style.title}>{title}</div>\n        {cardsView}\n        {loading ? loadingView : moreView}\n      </div>\n    </div>\n  );\n});\n\nNewsList.propTypes = {\n  title: PropTypes.string,\n  news: PropTypes.arrayOf(PropTypes.shape(News.propTypes)),\n  more: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  }),\n  loading: PropTypes.bool\n};\n\nexport default NewsList;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,QAAQ,gBAAGC,cAAA,CAAMC,IAAN,CAAW,SAASF,QAAT,CAAkBG,KAAlB,EAAyB;EACnD,MAAM;IAACC,KAAD;IAAQC,IAAR;IAAcC,IAAd;IAAoBC,OAAO,GAAG;EAA9B,IAAuCJ,KAA7C;;EAEA,MAAMK,WAAW,gBACf;IAAK,SAAS,EAAEC,cAAA,CAAMC;EAAtB,gBACE,6BAAC,eAAD,OADF,CADF;;EAMA,MAAMC,QAAQ,GAAGL,IAAI;EAAA;EACnB;EACA;IAAK,SAAS,EAAEG,cAAA,CAAMH,IAAtB;IAA4B,OAAO,EAAEA,IAAI,CAACM;EAA1C,GACGN,IAAI,CAACO,KADR,CAFmB,GAKjB,IALJ;EAOA,MAAMC,SAAS,GAAGT,IAAI,CAACU,GAAL,CAAS,CAACC,GAAD,EAAMC,GAAN,KAAc;IACvC,oBACE;MAAK,SAAS,EAAER,cAAA,CAAMS,IAAtB;MAA4B,GAAG,EAAED;IAAjC,gBACE,6BAAC,aAAD,EAAUD,GAAV,CADF,CADF;EAKD,CANiB,CAAlB;EAQA,oBACE;IAAK,SAAS,EAAEP,cAAA,CAAMU,OAAtB;IAA+B,aAAU;EAAzC,gBACE;IAAK,SAAS,EAAEV,cAAA,CAAMW;EAAtB,gBACE;IAAK,SAAS,EAAEX,cAAA,CAAML;EAAtB,GAA8BA,KAA9B,CADF,EAEGU,SAFH,EAGGP,OAAO,GAAGC,WAAH,GAAiBG,QAH3B,CADF,CADF;AASD,CAjCgB,CAAjB;;AAmCAX,QAAQ,CAACqB,SAAT,2CAAqB;EACnBjB,KAAK,EAAEkB,kBAAA,CAAUC,MADE;EAEnBlB,IAAI,EAAEiB,kBAAA,CAAUE,OAAV,CAAkBF,kBAAA,CAAUG,KAAV,CAAgBC,aAAA,CAAKL,SAArB,CAAlB,CAFa;EAGnBf,IAAI,EAAEgB,kBAAA,CAAUG,KAAV,CAAgB;IACpBZ,KAAK,EAAES,kBAAA,CAAUC,MADG;IAEpBX,OAAO,EAAEU,kBAAA,CAAUK;EAFC,CAAhB,CAHa;EAOnBpB,OAAO,EAAEe,kBAAA,CAAUM;AAPA,CAArB;eAUe5B,Q"}
+{"version":3,"sources":["../../../../src/molecule/dashboard/news-list/index.js"],"names":["NewsList","React","memo","props","title","news","more","loading","loadingView","style","loader","moreView","onClick","label","cardsView","map","nws","key","card","wrapper","list","propTypes","PropTypes","string","arrayOf","shape","News","func","bool"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,QAAQ,GAAGC,eAAMC,IAAN,CAAW,SAASF,QAAT,CAAkBG,KAAlB,EAAyB;AACnD,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,IAAR;AAAcC,IAAAA,IAAd;AAAoBC,IAAAA,OAAO,GAAG;AAA9B,MAAuCJ,KAA7C;;AAEA,QAAMK,WAAW,gBACf;AAAK,IAAA,SAAS,EAAEC,eAAMC;AAAtB,kBACE,6BAAC,eAAD,OADF,CADF;;AAMA,QAAMC,QAAQ,GAAGL,IAAI;AAAA;AACnB;AACA;AAAK,IAAA,SAAS,EAAEG,eAAMH,IAAtB;AAA4B,IAAA,OAAO,EAAEA,IAAI,CAACM;AAA1C,KACGN,IAAI,CAACO,KADR,CAFmB,GAKjB,IALJ;AAOA,QAAMC,SAAS,GAAGT,IAAI,CAACU,GAAL,CAAS,CAACC,GAAD,EAAMC,GAAN,KAAc;AACvC,wBACE;AAAK,MAAA,SAAS,EAAER,eAAMS,IAAtB;AAA4B,MAAA,GAAG,EAAED;AAAjC,oBACE,6BAAC,aAAD,EAAUD,GAAV,CADF,CADF;AAKD,GANiB,CAAlB;AAQA,sBACE;AAAK,IAAA,SAAS,EAAEP,eAAMU,OAAtB;AAA+B,iBAAU;AAAzC,kBACE;AAAK,IAAA,SAAS,EAAEV,eAAMW;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEX,eAAML;AAAtB,KAA8BA,KAA9B,CADF,EAEGU,SAFH,EAGGP,OAAO,GAAGC,WAAH,GAAiBG,QAH3B,CADF,CADF;AASD,CAjCgB,CAAjB;;AAmCAX,QAAQ,CAACqB,SAAT,2CAAqB;AACnBjB,EAAAA,KAAK,EAAEkB,mBAAUC,MADE;AAEnBlB,EAAAA,IAAI,EAAEiB,mBAAUE,OAAV,CAAkBF,mBAAUG,KAAV,CAAgBC,cAAKL,SAArB,CAAlB,CAFa;AAGnBf,EAAAA,IAAI,EAAEgB,mBAAUG,KAAV,CAAgB;AACpBZ,IAAAA,KAAK,EAAES,mBAAUC,MADG;AAEpBX,IAAAA,OAAO,EAAEU,mBAAUK;AAFC,GAAhB,CAHa;AAOnBpB,EAAAA,OAAO,EAAEe,mBAAUM;AAPA,CAArB;eAUe5B,Q","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport News from '../../news';\nimport Loader from '../../../atom/loader';\nimport style from './style.css';\n\nconst NewsList = React.memo(function NewsList(props) {\n  const {title, news, more, loading = false} = props;\n\n  const loadingView = (\n    <div className={style.loader}>\n      <Loader />\n    </div>\n  );\n\n  const moreView = more ? (\n    // eslint-disable-next-line react/jsx-handler-names\n    <div className={style.more} onClick={more.onClick}>\n      {more.label}\n    </div>\n  ) : null;\n\n  const cardsView = news.map((nws, key) => {\n    return (\n      <div className={style.card} key={key}>\n        <News {...nws} />\n      </div>\n    );\n  });\n\n  return (\n    <div className={style.wrapper} data-name=\"news-list\">\n      <div className={style.list}>\n        <div className={style.title}>{title}</div>\n        {cardsView}\n        {loading ? loadingView : moreView}\n      </div>\n    </div>\n  );\n});\n\nNewsList.propTypes = {\n  title: PropTypes.string,\n  news: PropTypes.arrayOf(PropTypes.shape(News.propTypes)),\n  more: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  }),\n  loading: PropTypes.bool\n};\n\nexport default NewsList;\n"],"file":"index.js"}

package/lib/molecule/dashboard/review-banner/index.js

@@ -13,16 +13,16 @@ var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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); }
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const ReviewBanner = /*#__PURE__*/_react.default.memo(function ReviewBanner(props) {
+const ReviewBanner = _react.default.memo(function ReviewBanner(props) {
   const {
     title,
     subtitle,
     cta
   } = props;
 
-  const buttonProps = _extends({}, cta, {
+  const buttonProps = _extends(_extends({}, cta), {}, {
     type: 'primary'
   });
 

package/lib/molecule/dashboard/review-banner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ReviewBanner","React","memo","props","title","subtitle","cta","buttonProps","type","style","root","container","banner","left","image","middle","right","propTypes","PropTypes","string","shape","onClick","func","label"],"sources":["../../../../src/molecule/dashboard/review-banner/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../../atom/button-link';\nimport style from './style.css';\n\nconst ReviewBanner = React.memo(function ReviewBanner(props) {\n  const {title, subtitle, cta} = props;\n\n  const buttonProps = {\n    ...cta,\n    type: 'primary'\n  };\n\n  return (\n    <div className={style.root} data-name=\"start-review-banner\">\n      <div className={style.container}>\n        <div className={style.banner}>\n          <div className={style.left} role=\"img\" aria-label=\"Left image container\">\n            <img\n              className={style.image}\n              src=\"https://static.coorpacademy.com/site/book.png\"\n              alt=\"Book image\"\n            />\n          </div>\n          <div className={style.middle}>\n            <span className={style.title} data-name=\"review-banner-title\" aria-label=\"{title}\">\n              {title}\n            </span>\n            <span\n              className={style.subtitle}\n              data-name=\"review-banner-subtitle\"\n              aria-label=\"{subtitle}\"\n            >\n              {subtitle}\n            </span>\n            <ButtonLink {...buttonProps} className={style.cta} />\n          </div>\n          <div className={style.right} role=\"img\" aria-label=\"Rigth image container\">\n            <img\n              className={style.image}\n              src=\"https://static.coorpacademy.com/site/dumbell.png\"\n              alt=\"Dumbbell image\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n});\n\nReviewBanner.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  cta: PropTypes.shape({\n    onClick: PropTypes.func,\n    label: PropTypes.string\n  })\n};\n\nexport default ReviewBanner;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,YAAY,gBAAGC,cAAA,CAAMC,IAAN,CAAW,SAASF,YAAT,CAAsBG,KAAtB,EAA6B;EAC3D,MAAM;IAACC,KAAD;IAAQC,QAAR;IAAkBC;EAAlB,IAAyBH,KAA/B;;EAEA,MAAMI,WAAW,gBACZD,GADY;IAEfE,IAAI,EAAE;EAFS,EAAjB;;EAKA,oBACE;IAAK,SAAS,EAAEC,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,IAAtB;IAA4B,IAAI,EAAC,KAAjC;IAAuC,cAAW;EAAlD,gBACE;IACE,SAAS,EAAEJ,cAAA,CAAMK,KADnB;IAEE,GAAG,EAAC,+CAFN;IAGE,GAAG,EAAC;EAHN,EADF,CADF,eAQE;IAAK,SAAS,EAAEL,cAAA,CAAMM;EAAtB,gBACE;IAAM,SAAS,EAAEN,cAAA,CAAML,KAAvB;IAA8B,aAAU,qBAAxC;IAA8D,cAAW;EAAzE,GACGA,KADH,CADF,eAIE;IACE,SAAS,EAAEK,cAAA,CAAMJ,QADnB;IAEE,aAAU,wBAFZ;IAGE,cAAW;EAHb,GAKGA,QALH,CAJF,eAWE,6BAAC,mBAAD,eAAgBE,WAAhB;IAA6B,SAAS,EAAEE,cAAA,CAAMH;EAA9C,GAXF,CARF,eAqBE;IAAK,SAAS,EAAEG,cAAA,CAAMO,KAAtB;IAA6B,IAAI,EAAC,KAAlC;IAAwC,cAAW;EAAnD,gBACE;IACE,SAAS,EAAEP,cAAA,CAAMK,KADnB;IAEE,GAAG,EAAC,kDAFN;IAGE,GAAG,EAAC;EAHN,EADF,CArBF,CADF,CADF,CADF;AAmCD,CA3CoB,CAArB;;AA6CAd,YAAY,CAACiB,SAAb,2CAAyB;EACvBb,KAAK,EAAEc,kBAAA,CAAUC,MADM;EAEvBd,QAAQ,EAAEa,kBAAA,CAAUC,MAFG;EAGvBb,GAAG,EAAEY,kBAAA,CAAUE,KAAV,CAAgB;IACnBC,OAAO,EAAEH,kBAAA,CAAUI,IADA;IAEnBC,KAAK,EAAEL,kBAAA,CAAUC;EAFE,CAAhB;AAHkB,CAAzB;eASenB,Y"}
+{"version":3,"sources":["../../../../src/molecule/dashboard/review-banner/index.js"],"names":["ReviewBanner","React","memo","props","title","subtitle","cta","buttonProps","type","style","root","container","banner","left","image","middle","right","propTypes","PropTypes","string","shape","onClick","func","label"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,YAAY,GAAGC,eAAMC,IAAN,CAAW,SAASF,YAAT,CAAsBG,KAAtB,EAA6B;AAC3D,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,QAAR;AAAkBC,IAAAA;AAAlB,MAAyBH,KAA/B;;AAEA,QAAMI,WAAW,yBACZD,GADY;AAEfE,IAAAA,IAAI,EAAE;AAFS,IAAjB;;AAKA,sBACE;AAAK,IAAA,SAAS,EAAEC,eAAMC,IAAtB;AAA4B,iBAAU;AAAtC,kBACE;AAAK,IAAA,SAAS,EAAED,eAAME;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEF,eAAMG;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEH,eAAMI,IAAtB;AAA4B,IAAA,IAAI,EAAC,KAAjC;AAAuC,kBAAW;AAAlD,kBACE;AACE,IAAA,SAAS,EAAEJ,eAAMK,KADnB;AAEE,IAAA,GAAG,EAAC,+CAFN;AAGE,IAAA,GAAG,EAAC;AAHN,IADF,CADF,eAQE;AAAK,IAAA,SAAS,EAAEL,eAAMM;AAAtB,kBACE;AAAM,IAAA,SAAS,EAAEN,eAAML,KAAvB;AAA8B,iBAAU,qBAAxC;AAA8D,kBAAW;AAAzE,KACGA,KADH,CADF,eAIE;AACE,IAAA,SAAS,EAAEK,eAAMJ,QADnB;AAEE,iBAAU,wBAFZ;AAGE,kBAAW;AAHb,KAKGA,QALH,CAJF,eAWE,6BAAC,mBAAD,eAAgBE,WAAhB;AAA6B,IAAA,SAAS,EAAEE,eAAMH;AAA9C,KAXF,CARF,eAqBE;AAAK,IAAA,SAAS,EAAEG,eAAMO,KAAtB;AAA6B,IAAA,IAAI,EAAC,KAAlC;AAAwC,kBAAW;AAAnD,kBACE;AACE,IAAA,SAAS,EAAEP,eAAMK,KADnB;AAEE,IAAA,GAAG,EAAC,kDAFN;AAGE,IAAA,GAAG,EAAC;AAHN,IADF,CArBF,CADF,CADF,CADF;AAmCD,CA3CoB,CAArB;;AA6CAd,YAAY,CAACiB,SAAb,2CAAyB;AACvBb,EAAAA,KAAK,EAAEc,mBAAUC,MADM;AAEvBd,EAAAA,QAAQ,EAAEa,mBAAUC,MAFG;AAGvBb,EAAAA,GAAG,EAAEY,mBAAUE,KAAV,CAAgB;AACnBC,IAAAA,OAAO,EAAEH,mBAAUI,IADA;AAEnBC,IAAAA,KAAK,EAAEL,mBAAUC;AAFE,GAAhB;AAHkB,CAAzB;eASenB,Y","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../../atom/button-link';\nimport style from './style.css';\n\nconst ReviewBanner = React.memo(function ReviewBanner(props) {\n  const {title, subtitle, cta} = props;\n\n  const buttonProps = {\n    ...cta,\n    type: 'primary'\n  };\n\n  return (\n    <div className={style.root} data-name=\"start-review-banner\">\n      <div className={style.container}>\n        <div className={style.banner}>\n          <div className={style.left} role=\"img\" aria-label=\"Left image container\">\n            <img\n              className={style.image}\n              src=\"https://static.coorpacademy.com/site/book.png\"\n              alt=\"Book image\"\n            />\n          </div>\n          <div className={style.middle}>\n            <span className={style.title} data-name=\"review-banner-title\" aria-label=\"{title}\">\n              {title}\n            </span>\n            <span\n              className={style.subtitle}\n              data-name=\"review-banner-subtitle\"\n              aria-label=\"{subtitle}\"\n            >\n              {subtitle}\n            </span>\n            <ButtonLink {...buttonProps} className={style.cta} />\n          </div>\n          <div className={style.right} role=\"img\" aria-label=\"Rigth image container\">\n            <img\n              className={style.image}\n              src=\"https://static.coorpacademy.com/site/dumbell.png\"\n              alt=\"Dumbbell image\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n});\n\nReviewBanner.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  cta: PropTypes.shape({\n    onClick: PropTypes.func,\n    label: PropTypes.string\n  })\n};\n\nexport default ReviewBanner;\n"],"file":"index.js"}

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

@@ -17,7 +17,7 @@ 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 StartBattle = _react.default.memo(function StartBattle(props) {
   const {
     startBattleText,
     becomeAChampionText,

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;;;;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"}
+{"version":3,"sources":["../../../../src/molecule/dashboard/start-battle/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"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAIA;;AACA;;AACA;;;;AAEA,MAAMA,WAAW,GAAGC,eAAMC,IAAN,CAAW,SAASF,WAAT,CAAqBG,KAArB,EAA4B;AACzD,QAAM;AAACC,IAAAA,eAAD;AAAkBC,IAAAA,mBAAlB;AAAuCC,IAAAA,aAAvC;AAAsDC,IAAAA,OAAtD;AAA+DC,IAAAA;AAA/D,MAAuEL,KAA7E;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEM,eAAMC,IAAtB;AAA4B,iBAAU;AAAtC,kBACE;AAAK,IAAA,SAAS,EAAED,eAAME;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEF,eAAMG;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEH,eAAMI;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEJ,eAAMK;AAAtB,kBACE,6BAAC,kDAAD;AAAW,IAAA,SAAS,EAAEL,eAAMM;AAA5B,IADF,eAEE,6BAAC,kDAAD;AAAW,IAAA,SAAS,EAAEN,eAAMO;AAA5B,IAFF,CADF,eAKE;AAAK,IAAA,SAAS,EAAEP,eAAMQ;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAER,eAAMS;AAAtB,kBACE,6BAAC,kDAAD;AAAW,IAAA,SAAS,EAAET,eAAMU;AAA5B,IADF,EAEGd,mBAFH,eAGE,6BAAC,mDAAD;AAAY,IAAA,SAAS,EAAEI,eAAMW;AAA7B,IAHF,CADF,eAME;AAAK,IAAA,SAAS,EAAEX,eAAMH;AAAtB,KAAsCA,aAAtC,CANF,eAOE,6BAAC,aAAD;AAAM,IAAA,SAAS,EAAEG,eAAMY,MAAvB;AAA+B,IAAA,OAAO,EAAEd,OAAxC;AAAiD,IAAA,IAAI,EAAEC;AAAvD,KACGJ,eADH,CAPF,CALF,eAgBE;AAAK,IAAA,SAAS,EAAEK,eAAMa;AAAtB,kBACE,6BAAC,mDAAD;AAAY,IAAA,SAAS,EAAEb,eAAMc;AAA7B,IADF,eAEE,6BAAC,mDAAD;AAAY,IAAA,SAAS,EAAEd,eAAMe;AAA7B,IAFF,CAhBF,CADF,CADF,CADF,CADF;AA6BD,CAhCmB,CAApB;;AAkCAxB,WAAW,CAACyB,YAAZ,GAA2B;AACzBC,EAAAA,IAAI,EAAEC,kBAASC,iBAAT,CAA2BF;AADR,CAA3B;AAIA1B,WAAW,CAAC6B,SAAZ,2CAAwB;AACtBzB,EAAAA,eAAe,EAAE0B,mBAAUC,MADL;AAEtB1B,EAAAA,mBAAmB,EAAEyB,mBAAUC,MAFT;AAGtBzB,EAAAA,aAAa,EAAEwB,mBAAUC,MAHH;AAItBxB,EAAAA,OAAO,EAAEuB,mBAAUE,IAJG;AAKtBxB,EAAAA,IAAI,EAAEsB,mBAAUC;AALM,CAAxB;eAQe/B,W","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"],"file":"index.js"}

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;;;;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"}
+{"version":3,"sources":["../../../src/molecule/discipline-cta/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"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;AAEA,MAAMA,aAAa,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AACxC,QAAM;AAACC,IAAAA;AAAD,MAASD,OAAf;AAEA,QAAM;AAACE,IAAAA,UAAD;AAAaC,IAAAA,QAAb;AAAuBC,IAAAA,KAAvB;AAA8BC,IAAAA;AAA9B,MAAqCN,KAA3C;;AAEA,QAAMO,aAAa,gBACjB;AACE;AACA,IAAA,uBAAuB,EAAE;AAACC,MAAAA,MAAM,EAAEL;AAAT;AAF3B,IADF;;AAMA,QAAMM,OAAO,gBACX;AACE;AACA,IAAA,uBAAuB,EAAE;AAACD,MAAAA,MAAM,EAAEJ;AAAT;AAF3B,IADF;;AAOA,QAAMM,UAAU,GAAG,qBAAM,MAAN,EAAc,gBAAd,EAAgCR,IAAhC,CAAnB;AAEA,QAAMS,WAAW,GAAGN,KAAK,gBACvB;AACE,iBAAU,OADZ;AAEE,IAAA,SAAS,EAAEO,eAAMP,KAFnB;AAGE,IAAA,OAAO,EAAEA,KAHX;AAIE,IAAA,KAAK,EAAE;AACLQ,MAAAA,eAAe,EAAEH;AADZ;AAJT,KAQGH,aARH,CADuB,GAWrB,IAXJ;AAaA,QAAMO,SAAS,GAAGR,GAAG,gBACnB;AAAG,iBAAU,KAAb;AAAmB,IAAA,SAAS,EAAEM,eAAMN,GAApC;AAAyC,IAAA,OAAO,EAAEA;AAAlD,KACGG,OADH,CADmB,GAIjB,IAJJ;AAMA,sBACE;AAAK,iBAAU,eAAf;AAA+B,IAAA,SAAS,EAAEG,eAAMG;AAAhD,KACGJ,WADH,EAEGG,SAFH,CADF;AAMD,CA7CD;;AA+CAf,aAAa,CAACiB,YAAd,GAA6B;AAC3Bd,EAAAA,IAAI,EAAEe,kBAASC,iBAAT,CAA2BhB;AADN,CAA7B;AAIAH,aAAa,CAACoB,SAAd,2CAA0B;AACxBhB,EAAAA,UAAU,EAAEiB,mBAAUC,MADE;AAExBjB,EAAAA,QAAQ,EAAEgB,mBAAUC,MAFI;AAGxBhB,EAAAA,KAAK,EAAEe,mBAAUE,IAHO;AAIxBhB,EAAAA,GAAG,EAAEc,mBAAUE;AAJS,CAA1B;eAOevB,a","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"],"file":"index.js"}

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,"sources":["../../../src/molecule/discipline-header/index.js"],"names":["Preview","image","video","mimeType","id","jwpOptions","style","propTypes","Picture","src","PropTypes","shape","VideoPlayer","DisciplineHeader","React","Component","constructor","props","state","fullDisplay","offsetHeightShowMore","handleToggleDisplay","bind","setHandle","setState","prevState","el","render","title","description","translate","context","maxHeightDescription","toggleLabel","descritpionViewStyle","showMoreHidden","showMore","wrapper","imgWrapper","courseWrapper","innerHTML","__html","desc","shortDesc","contextTypes","func","string"],"mappings":"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","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"],"file":"index.js"}

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","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} />\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      }),\n      socialLinks: PropTypes.arrayOf(PropTypes.shape(SocialLink.propTypes))\n    })\n  ),\n  authorTitle: PropTypes.string\n};\n\nexport default DisciplinePartners;\n"],"mappings":"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"}
+{"version":3,"sources":["../../../src/molecule/discipline-partners/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","arrowWrapper","arrow","authorContent","links","authorWrapper","toggle","colDetails","contextTypes","Provider","childContextTypes","propTypes","PropTypes","arrayOf","shape","name","string","href","SocialLink"],"mappings":"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","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} />\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      }),\n      socialLinks: PropTypes.arrayOf(PropTypes.shape(SocialLink.propTypes))\n    })\n  ),\n  authorTitle: PropTypes.string\n};\n\nexport default DisciplinePartners;\n"],"file":"index.js"}

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;;;;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"}
+{"version":3,"sources":["../../../src/molecule/discipline-scope/index.js"],"names":["DisciplineScope","props","onClick","selected","content","levels","style","scope","propTypes","ScopeTabs","ScopeContent"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,eAAe,GAAGC,KAAK,IAAI;AAC/B,QAAM;AAACC,IAAAA,OAAD;AAAUC,IAAAA,QAAQ,GAAG,CAArB;AAAwBC,IAAAA,OAAO,GAAG,EAAlC;AAAsCC,IAAAA,MAAM,GAAG;AAA/C,MAAqDJ,KAA3D;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEK,eAAMC;AAAtB,kBACE,6BAAC,kBAAD;AAAW,IAAA,OAAO,EAAEL,OAApB;AAA6B,IAAA,QAAQ,EAAEC,QAAvC;AAAiD,IAAA,MAAM,EAAEE;AAAzD,IADF,eAEE,6BAAC,qBAAD;AAAc,IAAA,OAAO,EAAED;AAAvB,IAFF,CADF;AAMD,CATD;;AAWAJ,eAAe,CAACQ,SAAhB,2CAA4B;AAC1BH,EAAAA,MAAM,EAAEI,mBAAUD,SAAV,CAAoBH,MADF;AAE1BF,EAAAA,QAAQ,EAAEM,mBAAUD,SAAV,CAAoBL,QAFJ;AAG1BD,EAAAA,OAAO,EAAEO,mBAAUD,SAAV,CAAoBN,OAHH;AAI1BE,EAAAA,OAAO,EAAEM,sBAAaF,SAAb,CAAuBJ;AAJN,CAA5B;eAOeJ,e","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"],"file":"index.js"}

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

@@ -29,11 +29,11 @@ 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 _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
-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 _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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); }
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const DragAndDrop = (props, context) => {
   const {
@@ -135,7 +135,7 @@ DragAndDrop.propTypes = process.env.NODE_ENV !== "production" ? {
   orLabel: _propTypes.default.string,
   onBack: _propTypes.default.func,
   accept: _propTypes.default.string,
-  fields: _propTypes.default.arrayOf(_propTypes.default.shape(_extends({}, _inputText.default.propTypes, {
+  fields: _propTypes.default.arrayOf(_propTypes.default.shape(_extends(_extends({}, _inputText.default.propTypes), {}, {
     type: _propTypes.default.oneOf(['text'])
   }))),
   onDrop: _propTypes.default.func,

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,"sources":["../../../src/molecule/drag-and-drop/index.js"],"names":["DragAndDrop","props","context","skin","primaryColor","state","title","message","warningMessage","mode","dragAndDropMessage","buttonTitle","backLabel","orLabel","accept","type","contentType","fields","onDrop","onDelete","onBack","handleBack","e","stopPropagation","preventDefault","loading","style","back","arrow","getRootProps","getInputProps","isDragActive","getView","disableFileInput","wrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","oneOf","isRequired","string","func","arrayOf","shape","InputText","actions","label","onClick"],"mappings":"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","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"],"file":"index.js"}

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

@@ -1 +1 @@
-{"version":3,"file":"overlay.js","names":["Overlay","description","isLoading","iconColor","dropOverlay","style","arrow","border","convert","icon","overlay","propTypes","PropTypes","string","bool"],"sources":["../../../src/molecule/drag-and-drop/overlay.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport {NovaSolidDataTransferDataUpload1 as UploadIcon} from '@coorpacademy/nova-icons';\nimport {convert} from 'css-color-function';\n\nimport Loader from '../../atom/loader';\n\nimport style from './overlay.css';\n\nexport const Overlay = ({description, isLoading, iconColor}) => {\n  const dropOverlay = (\n    <React.Fragment>\n      <div\n        className={style.arrow}\n        style={{border: `15px solid ${convert(`color(${iconColor} a(-90%))`)}`}}\n      >\n        <UploadIcon color={iconColor} className={style.icon} />\n      </div>\n      <p>{description}</p>\n    </React.Fragment>\n  );\n\n  return <div className={style.overlay}>{isLoading ? <Loader /> : dropOverlay}</div>;\n};\n\nexport default Overlay;\n\nOverlay.propTypes = {\n  description: PropTypes.string,\n  isLoading: PropTypes.bool,\n  iconColor: PropTypes.string\n};\n"],"mappings":";;;;;AAAA;;AACA;;AAEA;;AACA;;AAEA;;AAEA;;;;AAEO,MAAMA,OAAO,GAAG,CAAC;EAACC,WAAD;EAAcC,SAAd;EAAyBC;AAAzB,CAAD,KAAyC;EAC9D,MAAMC,WAAW,gBACf,6BAAC,cAAD,CAAO,QAAP,qBACE;IACE,SAAS,EAAEC,gBAAA,CAAMC,KADnB;IAEE,KAAK,EAAE;MAACC,MAAM,EAAG,cAAa,IAAAC,yBAAA,EAAS,SAAQL,SAAU,WAA3B,CAAuC;IAA9D;EAFT,gBAIE,6BAAC,2CAAD;IAAY,KAAK,EAAEA,SAAnB;IAA8B,SAAS,EAAEE,gBAAA,CAAMI;EAA/C,EAJF,CADF,eAOE,wCAAIR,WAAJ,CAPF,CADF;;EAYA,oBAAO;IAAK,SAAS,EAAEI,gBAAA,CAAMK;EAAtB,GAAgCR,SAAS,gBAAG,6BAAC,eAAD,OAAH,GAAgBE,WAAzD,CAAP;AACD,CAdM;;;eAgBQJ,O;;AAEfA,OAAO,CAACW,SAAR,2CAAoB;EAClBV,WAAW,EAAEW,kBAAA,CAAUC,MADL;EAElBX,SAAS,EAAEU,kBAAA,CAAUE,IAFH;EAGlBX,SAAS,EAAES,kBAAA,CAAUC;AAHH,CAApB"}
+{"version":3,"sources":["../../../src/molecule/drag-and-drop/overlay.js"],"names":["Overlay","description","isLoading","iconColor","dropOverlay","style","arrow","border","icon","overlay","propTypes","PropTypes","string","bool"],"mappings":";;;;;AAAA;;AACA;;AAEA;;AACA;;AAEA;;AAEA;;;;AAEO,MAAMA,OAAO,GAAG,CAAC;AAACC,EAAAA,WAAD;AAAcC,EAAAA,SAAd;AAAyBC,EAAAA;AAAzB,CAAD,KAAyC;AAC9D,QAAMC,WAAW,gBACf,6BAAC,cAAD,CAAO,QAAP,qBACE;AACE,IAAA,SAAS,EAAEC,iBAAMC,KADnB;AAEE,IAAA,KAAK,EAAE;AAACC,MAAAA,MAAM,EAAG,cAAa,+BAAS,SAAQJ,SAAU,WAA3B,CAAuC;AAA9D;AAFT,kBAIE,6BAAC,2CAAD;AAAY,IAAA,KAAK,EAAEA,SAAnB;AAA8B,IAAA,SAAS,EAAEE,iBAAMG;AAA/C,IAJF,CADF,eAOE,wCAAIP,WAAJ,CAPF,CADF;;AAYA,sBAAO;AAAK,IAAA,SAAS,EAAEI,iBAAMI;AAAtB,KAAgCP,SAAS,gBAAG,6BAAC,eAAD,OAAH,GAAgBE,WAAzD,CAAP;AACD,CAdM;;;eAgBQJ,O;;AAEfA,OAAO,CAACU,SAAR,2CAAoB;AAClBT,EAAAA,WAAW,EAAEU,mBAAUC,MADL;AAElBV,EAAAA,SAAS,EAAES,mBAAUE,IAFH;AAGlBV,EAAAA,SAAS,EAAEQ,mBAAUC;AAHH,CAApB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport {NovaSolidDataTransferDataUpload1 as UploadIcon} from '@coorpacademy/nova-icons';\nimport {convert} from 'css-color-function';\n\nimport Loader from '../../atom/loader';\n\nimport style from './overlay.css';\n\nexport const Overlay = ({description, isLoading, iconColor}) => {\n  const dropOverlay = (\n    <React.Fragment>\n      <div\n        className={style.arrow}\n        style={{border: `15px solid ${convert(`color(${iconColor} a(-90%))`)}`}}\n      >\n        <UploadIcon color={iconColor} className={style.icon} />\n      </div>\n      <p>{description}</p>\n    </React.Fragment>\n  );\n\n  return <div className={style.overlay}>{isLoading ? <Loader /> : dropOverlay}</div>;\n};\n\nexport default Overlay;\n\nOverlay.propTypes = {\n  description: PropTypes.string,\n  isLoading: PropTypes.bool,\n  iconColor: PropTypes.string\n};\n"],"file":"overlay.js"}

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

@@ -1 +1 @@
-{"version":3,"file":"placeholder.js","names":["PlaceHolder","title","uploadLabel","primaryColor","buttonTitle","style","dropZoneContainer","dropZone","selectButton","backgroundColor","propTypes","PropTypes","string"],"sources":["../../../src/molecule/drag-and-drop/placeholder.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Button from '../../atom/button';\nimport style from './placeholder.css';\n\nexport const PlaceHolder = ({title, uploadLabel, primaryColor, buttonTitle}) => {\n  return (\n    <div className={style.dropZoneContainer}>\n      <div className={style.title}>{title}</div>\n      <div className={style.dropZone}>\n        <p className={style.uploadLabel}>{uploadLabel}</p>\n      </div>\n      <div>\n        <Button\n          data-name=\"cta\"\n          type=\"link\"\n          submitValue={buttonTitle}\n          className={style.selectButton}\n          style={{backgroundColor: primaryColor}}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default PlaceHolder;\n\nPlaceHolder.propTypes = {\n  title: PropTypes.string,\n  uploadLabel: PropTypes.string,\n  primaryColor: PropTypes.string,\n  buttonTitle: PropTypes.string\n};\n"],"mappings":";;;;;AAAA;;AACA;;AAEA;;AACA;;;;AAEO,MAAMA,WAAW,GAAG,CAAC;EAACC,KAAD;EAAQC,WAAR;EAAqBC,YAArB;EAAmCC;AAAnC,CAAD,KAAqD;EAC9E,oBACE;IAAK,SAAS,EAAEC,oBAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,oBAAA,CAAMJ;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAK,SAAS,EAAEI,oBAAA,CAAME;EAAtB,gBACE;IAAG,SAAS,EAAEF,oBAAA,CAAMH;EAApB,GAAkCA,WAAlC,CADF,CAFF,eAKE,uDACE,6BAAC,eAAD;IACE,aAAU,KADZ;IAEE,IAAI,EAAC,MAFP;IAGE,WAAW,EAAEE,WAHf;IAIE,SAAS,EAAEC,oBAAA,CAAMG,YAJnB;IAKE,KAAK,EAAE;MAACC,eAAe,EAAEN;IAAlB;EALT,EADF,CALF,CADF;AAiBD,CAlBM;;;eAoBQH,W;;AAEfA,WAAW,CAACU,SAAZ,2CAAwB;EACtBT,KAAK,EAAEU,kBAAA,CAAUC,MADK;EAEtBV,WAAW,EAAES,kBAAA,CAAUC,MAFD;EAGtBT,YAAY,EAAEQ,kBAAA,CAAUC,MAHF;EAItBR,WAAW,EAAEO,kBAAA,CAAUC;AAJD,CAAxB"}
+{"version":3,"sources":["../../../src/molecule/drag-and-drop/placeholder.js"],"names":["PlaceHolder","title","uploadLabel","primaryColor","buttonTitle","style","dropZoneContainer","dropZone","selectButton","backgroundColor","propTypes","PropTypes","string"],"mappings":";;;;;AAAA;;AACA;;AAEA;;AACA;;;;AAEO,MAAMA,WAAW,GAAG,CAAC;AAACC,EAAAA,KAAD;AAAQC,EAAAA,WAAR;AAAqBC,EAAAA,YAArB;AAAmCC,EAAAA;AAAnC,CAAD,KAAqD;AAC9E,sBACE;AAAK,IAAA,SAAS,EAAEC,qBAAMC;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAED,qBAAMJ;AAAtB,KAA8BA,KAA9B,CADF,eAEE;AAAK,IAAA,SAAS,EAAEI,qBAAME;AAAtB,kBACE;AAAG,IAAA,SAAS,EAAEF,qBAAMH;AAApB,KAAkCA,WAAlC,CADF,CAFF,eAKE,uDACE,6BAAC,eAAD;AACE,iBAAU,KADZ;AAEE,IAAA,IAAI,EAAC,MAFP;AAGE,IAAA,WAAW,EAAEE,WAHf;AAIE,IAAA,SAAS,EAAEC,qBAAMG,YAJnB;AAKE,IAAA,KAAK,EAAE;AAACC,MAAAA,eAAe,EAAEN;AAAlB;AALT,IADF,CALF,CADF;AAiBD,CAlBM;;;eAoBQH,W;;AAEfA,WAAW,CAACU,SAAZ,2CAAwB;AACtBT,EAAAA,KAAK,EAAEU,mBAAUC,MADK;AAEtBV,EAAAA,WAAW,EAAES,mBAAUC,MAFD;AAGtBT,EAAAA,YAAY,EAAEQ,mBAAUC,MAHF;AAItBR,EAAAA,WAAW,EAAEO,mBAAUC;AAJD,CAAxB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Button from '../../atom/button';\nimport style from './placeholder.css';\n\nexport const PlaceHolder = ({title, uploadLabel, primaryColor, buttonTitle}) => {\n  return (\n    <div className={style.dropZoneContainer}>\n      <div className={style.title}>{title}</div>\n      <div className={style.dropZone}>\n        <p className={style.uploadLabel}>{uploadLabel}</p>\n      </div>\n      <div>\n        <Button\n          data-name=\"cta\"\n          type=\"link\"\n          submitValue={buttonTitle}\n          className={style.selectButton}\n          style={{backgroundColor: primaryColor}}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default PlaceHolder;\n\nPlaceHolder.propTypes = {\n  title: PropTypes.string,\n  uploadLabel: PropTypes.string,\n  primaryColor: PropTypes.string,\n  buttonTitle: PropTypes.string\n};\n"],"file":"placeholder.js"}

package/lib/molecule/drag-and-drop/upload-report.js

@@ -35,13 +35,13 @@ var _button = _interopRequireDefault(require("../../atom/button"));
 
 var _uploadReport = _interopRequireDefault(require("./upload-report.css"));
 
-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 _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
-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 _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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); }
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const SuccessMessage = ({
   message
@@ -191,7 +191,7 @@ UploadReport.propTypes = process.env.NODE_ENV !== "production" ? {
   warningMessage: _propTypes.default.string,
   orLabel: _propTypes.default.string,
   type: _propTypes.default.string,
-  fields: _propTypes.default.arrayOf(_propTypes.default.shape(_extends({}, _inputText.default.propTypes, {
+  fields: _propTypes.default.arrayOf(_propTypes.default.shape(_extends(_extends({}, _inputText.default.propTypes), {}, {
     type: _propTypes.default.oneOf(['text'])
   }))),
   mode: _propTypes.default.oneOf(['edit', 'upload']),

package/lib/molecule/drag-and-drop/upload-report.js.map

@@ -1 +1 @@
-{"version":3,"file":"upload-report.js","names":["SuccessMessage","message","style","emoticon","propTypes","PropTypes","string","isRequired","ErrorMessage","buttonTitle","primaryColor","selectButton","backgroundColor","UploadReport","state","warningMessage","type","contentType","fields","mode","orLabel","onDelete","handleDelete","useCallback","e","stopPropagation","preventDefault","stopPropagationHandler","showMessage","fileName","fileView","fileWrapper","validateIcon","warning","showToolTip","warningIcon","emptyFileWrapper","IconType","EXTERNAL_CONTENT_ICONS","icon","iconColor","color","buildField","field","index","deleteView","classnames","actionIcon","trashIcon","fieldsList","convert","cap","reportingContainer","reportHeader","iconContainer","oval","iconHeader","reportContainer","or","drop","arrayOf","shape","InputText","oneOf","func"],"sources":["../../../src/molecule/drag-and-drop/upload-report.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyValidate as Validated,\n  NovaLineContentEditionBin as TrashIcon,\n  NovaCompositionCoorpacademyWarn as WarnIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport {pipe, split, last, map, head, getOr, isEmpty, includes} from 'lodash/fp';\nimport {EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport InputText from '../../atom/input-text';\n\nimport Button from '../../atom/button';\nimport style from './upload-report.css';\n\nconst SuccessMessage = ({message}) => (\n  <div>\n    <span className={style.emoticon}>🎉</span>\n    <p className={style.message}>{message}</p>\n  </div>\n);\n\nSuccessMessage.propTypes = {\n  message: PropTypes.string.isRequired\n};\n\nconst ErrorMessage = ({message, buttonTitle, primaryColor}) => (\n  <div>\n    <div>\n      <span className={style.emoticon}>🥺</span>\n      <p className={style.message}>{message}</p>\n    </div>\n    <div>\n      <Button\n        data-name=\"cta\"\n        type=\"link\"\n        submitValue={buttonTitle}\n        className={style.selectButton}\n        style={{backgroundColor: primaryColor}}\n      />\n    </div>\n  </div>\n);\n\nErrorMessage.propTypes = {\n  message: PropTypes.string.isRequired,\n  buttonTitle: PropTypes.string,\n  primaryColor: PropTypes.string\n};\n\nexport const UploadReport = ({\n  state,\n  message,\n  warningMessage,\n  type: contentType,\n  fields,\n  mode = 'upload',\n  orLabel,\n  buttonTitle,\n  primaryColor,\n  onDelete\n}) => {\n  const handleDelete = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onDelete && onDelete(e);\n    },\n    [onDelete]\n  );\n\n  const stopPropagationHandler = useCallback(e => {\n    e.stopPropagation();\n    e.preventDefault();\n  }, []);\n\n  const showMessage = includes(state, ['success', 'error']);\n\n  const fileName = pipe(head, getOr('', 'value'), split('/'), last)(fields);\n  const fileView = fileName ? (\n    <div className={style.fileWrapper}>\n      <div className={style.fileName} title={fileName}>\n        {fileName}\n      </div>\n      {isEmpty(warningMessage) ? (\n        <Validated className={style.validateIcon} />\n      ) : (\n        <div className={style.warning}>\n          <div className={style.showToolTip}>\n            <span>{warningMessage}</span>\n          </div>\n          <div className={style.warningIcon}>\n            <WarnIcon width={11} height={11} />\n          </div>\n        </div>\n      )}\n    </div>\n  ) : (\n    <div className={style.emptyFileWrapper} />\n  );\n  const IconType = EXTERNAL_CONTENT_ICONS[contentType].icon;\n  const iconColor = EXTERNAL_CONTENT_ICONS[contentType].color;\n  const buildField = (field, index) => <InputText {...field} key={index} theme={'cockpit'} />;\n  const deleteView = onDelete ? (\n    <div onClick={handleDelete} className={classnames(style.actionIcon, style.trashIcon)}>\n      <TrashIcon width={20} height={20} />\n    </div>\n  ) : null;\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n  return (\n    <div className={style.reportingContainer}>\n      <div className={style.reportHeader} onClick={stopPropagationHandler}>\n        <div className={style.iconContainer} style={{backgroundColor: iconColor}}>\n          <div className={style.oval}>\n            <IconType className={style.iconHeader} color={iconColor} />\n          </div>\n        </div>\n        {fileView}\n        {deleteView}\n      </div>\n      <div className={style.reportContainer} onClick={stopPropagationHandler}>\n        {state === 'success' ? <SuccessMessage message={message} /> : null}\n        {state === 'error' ? (\n          <ErrorMessage message={message} buttonTitle={buttonTitle} primaryColor={primaryColor} />\n        ) : null}\n        {mode === 'edit' && !showMessage ? <div>{fieldsList}</div> : null}\n        {mode === 'edit' && !showMessage ? <span className={style.or}>{orLabel}</span> : null}\n      </div>\n      {!showMessage ? (\n        <div className={style.drop}>\n          <p className={style.message}>{message}</p>\n          <Button\n            data-name=\"cta\"\n            type=\"link\"\n            submitValue={buttonTitle}\n            className={style.selectButton}\n            style={{backgroundColor: primaryColor}}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default UploadReport;\n\nUploadReport.propTypes = {\n  state: PropTypes.string.isRequired,\n  message: PropTypes.string.isRequired,\n  warningMessage: PropTypes.string,\n  orLabel: PropTypes.string,\n  type: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...InputText.propTypes,\n      type: PropTypes.oneOf(['text'])\n    })\n  ),\n  mode: PropTypes.oneOf(['edit', 'upload']),\n  buttonTitle: PropTypes.string,\n  primaryColor: PropTypes.string,\n  onDelete: PropTypes.func\n};\n"],"mappings":"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"}
+{"version":3,"sources":["../../../src/molecule/drag-and-drop/upload-report.js"],"names":["SuccessMessage","message","style","emoticon","propTypes","PropTypes","string","isRequired","ErrorMessage","buttonTitle","primaryColor","selectButton","backgroundColor","UploadReport","state","warningMessage","type","contentType","fields","mode","orLabel","onDelete","handleDelete","e","stopPropagation","preventDefault","stopPropagationHandler","showMessage","fileName","fileView","fileWrapper","validateIcon","warning","showToolTip","warningIcon","emptyFileWrapper","IconType","EXTERNAL_CONTENT_ICONS","icon","iconColor","color","buildField","field","index","deleteView","actionIcon","trashIcon","fieldsList","convert","cap","reportingContainer","reportHeader","iconContainer","oval","iconHeader","reportContainer","or","drop","arrayOf","shape","InputText","oneOf","func"],"mappings":"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","sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyValidate as Validated,\n  NovaLineContentEditionBin as TrashIcon,\n  NovaCompositionCoorpacademyWarn as WarnIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport {pipe, split, last, map, head, getOr, isEmpty, includes} from 'lodash/fp';\nimport {EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport InputText from '../../atom/input-text';\n\nimport Button from '../../atom/button';\nimport style from './upload-report.css';\n\nconst SuccessMessage = ({message}) => (\n  <div>\n    <span className={style.emoticon}>🎉</span>\n    <p className={style.message}>{message}</p>\n  </div>\n);\n\nSuccessMessage.propTypes = {\n  message: PropTypes.string.isRequired\n};\n\nconst ErrorMessage = ({message, buttonTitle, primaryColor}) => (\n  <div>\n    <div>\n      <span className={style.emoticon}>🥺</span>\n      <p className={style.message}>{message}</p>\n    </div>\n    <div>\n      <Button\n        data-name=\"cta\"\n        type=\"link\"\n        submitValue={buttonTitle}\n        className={style.selectButton}\n        style={{backgroundColor: primaryColor}}\n      />\n    </div>\n  </div>\n);\n\nErrorMessage.propTypes = {\n  message: PropTypes.string.isRequired,\n  buttonTitle: PropTypes.string,\n  primaryColor: PropTypes.string\n};\n\nexport const UploadReport = ({\n  state,\n  message,\n  warningMessage,\n  type: contentType,\n  fields,\n  mode = 'upload',\n  orLabel,\n  buttonTitle,\n  primaryColor,\n  onDelete\n}) => {\n  const handleDelete = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onDelete && onDelete(e);\n    },\n    [onDelete]\n  );\n\n  const stopPropagationHandler = useCallback(e => {\n    e.stopPropagation();\n    e.preventDefault();\n  }, []);\n\n  const showMessage = includes(state, ['success', 'error']);\n\n  const fileName = pipe(head, getOr('', 'value'), split('/'), last)(fields);\n  const fileView = fileName ? (\n    <div className={style.fileWrapper}>\n      <div className={style.fileName} title={fileName}>\n        {fileName}\n      </div>\n      {isEmpty(warningMessage) ? (\n        <Validated className={style.validateIcon} />\n      ) : (\n        <div className={style.warning}>\n          <div className={style.showToolTip}>\n            <span>{warningMessage}</span>\n          </div>\n          <div className={style.warningIcon}>\n            <WarnIcon width={11} height={11} />\n          </div>\n        </div>\n      )}\n    </div>\n  ) : (\n    <div className={style.emptyFileWrapper} />\n  );\n  const IconType = EXTERNAL_CONTENT_ICONS[contentType].icon;\n  const iconColor = EXTERNAL_CONTENT_ICONS[contentType].color;\n  const buildField = (field, index) => <InputText {...field} key={index} theme={'cockpit'} />;\n  const deleteView = onDelete ? (\n    <div onClick={handleDelete} className={classnames(style.actionIcon, style.trashIcon)}>\n      <TrashIcon width={20} height={20} />\n    </div>\n  ) : null;\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n  return (\n    <div className={style.reportingContainer}>\n      <div className={style.reportHeader} onClick={stopPropagationHandler}>\n        <div className={style.iconContainer} style={{backgroundColor: iconColor}}>\n          <div className={style.oval}>\n            <IconType className={style.iconHeader} color={iconColor} />\n          </div>\n        </div>\n        {fileView}\n        {deleteView}\n      </div>\n      <div className={style.reportContainer} onClick={stopPropagationHandler}>\n        {state === 'success' ? <SuccessMessage message={message} /> : null}\n        {state === 'error' ? (\n          <ErrorMessage message={message} buttonTitle={buttonTitle} primaryColor={primaryColor} />\n        ) : null}\n        {mode === 'edit' && !showMessage ? <div>{fieldsList}</div> : null}\n        {mode === 'edit' && !showMessage ? <span className={style.or}>{orLabel}</span> : null}\n      </div>\n      {!showMessage ? (\n        <div className={style.drop}>\n          <p className={style.message}>{message}</p>\n          <Button\n            data-name=\"cta\"\n            type=\"link\"\n            submitValue={buttonTitle}\n            className={style.selectButton}\n            style={{backgroundColor: primaryColor}}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default UploadReport;\n\nUploadReport.propTypes = {\n  state: PropTypes.string.isRequired,\n  message: PropTypes.string.isRequired,\n  warningMessage: PropTypes.string,\n  orLabel: PropTypes.string,\n  type: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...InputText.propTypes,\n      type: PropTypes.oneOf(['text'])\n    })\n  ),\n  mode: PropTypes.oneOf(['edit', 'upload']),\n  buttonTitle: PropTypes.string,\n  primaryColor: PropTypes.string,\n  onDelete: PropTypes.func\n};\n"],"file":"upload-report.js"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["DragAndDropWrapper","props","list","dataName","dragAndDropList","dragAndDropProps","style","dragAndDrop","title","group","propTypes","PropTypes","arrayOf","shape","ImageUpload","string"],"sources":["../../../src/molecule/drag-and-drop-wrapper/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport ImageUpload from '../../atom/image-upload';\nimport style from './style.css';\n\nconst DragAndDropWrapper = props => {\n  const {list = [], 'data-name': dataName} = props;\n\n  const dragAndDropList = map(dragAndDropProps => {\n    return (\n      <li className={style.dragAndDrop} key={`dragAndDrop-${dragAndDropProps.title}`}>\n        <ImageUpload {...dragAndDropProps} />\n      </li>\n    );\n  }, list);\n\n  return (\n    <div>\n      <ul className={style.group} data-name={dataName}>\n        {dragAndDropList}\n      </ul>\n    </div>\n  );\n};\n\nDragAndDropWrapper.propTypes = {\n  list: PropTypes.arrayOf(PropTypes.shape(ImageUpload.propTypes)),\n  'data-name': PropTypes.string\n};\n\nexport default DragAndDropWrapper;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;AAEA,MAAMA,kBAAkB,GAAGC,KAAK,IAAI;EAClC,MAAM;IAACC,IAAI,GAAG,EAAR;IAAY,aAAaC;EAAzB,IAAqCF,KAA3C;EAEA,MAAMG,eAAe,GAAG,mBAAIC,gBAAgB,IAAI;IAC9C,oBACE;MAAI,SAAS,EAAEC,cAAA,CAAMC,WAArB;MAAkC,GAAG,EAAG,eAAcF,gBAAgB,CAACG,KAAM;IAA7E,gBACE,6BAAC,oBAAD,EAAiBH,gBAAjB,CADF,CADF;EAKD,CANuB,EAMrBH,IANqB,CAAxB;EAQA,oBACE,uDACE;IAAI,SAAS,EAAEI,cAAA,CAAMG,KAArB;IAA4B,aAAWN;EAAvC,GACGC,eADH,CADF,CADF;AAOD,CAlBD;;AAoBAJ,kBAAkB,CAACU,SAAnB,2CAA+B;EAC7BR,IAAI,EAAES,kBAAA,CAAUC,OAAV,CAAkBD,kBAAA,CAAUE,KAAV,CAAgBC,oBAAA,CAAYJ,SAA5B,CAAlB,CADuB;EAE7B,aAAaC,kBAAA,CAAUI;AAFM,CAA/B;eAKef,kB"}
+{"version":3,"sources":["../../../src/molecule/drag-and-drop-wrapper/index.js"],"names":["DragAndDropWrapper","props","list","dataName","dragAndDropList","dragAndDropProps","style","dragAndDrop","title","group","propTypes","PropTypes","arrayOf","shape","ImageUpload","string"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;AAEA,MAAMA,kBAAkB,GAAGC,KAAK,IAAI;AAClC,QAAM;AAACC,IAAAA,IAAI,GAAG,EAAR;AAAY,iBAAaC;AAAzB,MAAqCF,KAA3C;AAEA,QAAMG,eAAe,GAAG,mBAAIC,gBAAgB,IAAI;AAC9C,wBACE;AAAI,MAAA,SAAS,EAAEC,eAAMC,WAArB;AAAkC,MAAA,GAAG,EAAG,eAAcF,gBAAgB,CAACG,KAAM;AAA7E,oBACE,6BAAC,oBAAD,EAAiBH,gBAAjB,CADF,CADF;AAKD,GANuB,EAMrBH,IANqB,CAAxB;AAQA,sBACE,uDACE;AAAI,IAAA,SAAS,EAAEI,eAAMG,KAArB;AAA4B,iBAAWN;AAAvC,KACGC,eADH,CADF,CADF;AAOD,CAlBD;;AAoBAJ,kBAAkB,CAACU,SAAnB,2CAA+B;AAC7BR,EAAAA,IAAI,EAAES,mBAAUC,OAAV,CAAkBD,mBAAUE,KAAV,CAAgBC,qBAAYJ,SAA5B,CAAlB,CADuB;AAE7B,eAAaC,mBAAUI;AAFM,CAA/B;eAKef,kB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport ImageUpload from '../../atom/image-upload';\nimport style from './style.css';\n\nconst DragAndDropWrapper = props => {\n  const {list = [], 'data-name': dataName} = props;\n\n  const dragAndDropList = map(dragAndDropProps => {\n    return (\n      <li className={style.dragAndDrop} key={`dragAndDrop-${dragAndDropProps.title}`}>\n        <ImageUpload {...dragAndDropProps} />\n      </li>\n    );\n  }, list);\n\n  return (\n    <div>\n      <ul className={style.group} data-name={dataName}>\n        {dragAndDropList}\n      </ul>\n    </div>\n  );\n};\n\nDragAndDropWrapper.propTypes = {\n  list: PropTypes.arrayOf(PropTypes.shape(ImageUpload.propTypes)),\n  'data-name': PropTypes.string\n};\n\nexport default DragAndDropWrapper;\n"],"file":"index.js"}

package/lib/molecule/draggable/index.js

@@ -13,9 +13,9 @@ 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 _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
-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 _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
 
 const preventDefault = e => e.preventDefault();
 

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["preventDefault","e","stopPropagation","Draggable","props","id","dragging","onDragStart","onDragOver","onDragLeave","onDrop","children","dragStartHandler","useCallback","dragOverHandler","dragLeaveHandler","dropHandler","classnames","style","draggable","propTypes","PropTypes","string","bool","func","element"],"sources":["../../../src/molecule/draggable/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport style from './style.css';\n\nconst preventDefault = e => e.preventDefault();\nconst stopPropagation = e => e.stopPropagation();\n\nconst Draggable = props => {\n  const {id, dragging = false, onDragStart, onDragOver, onDragLeave, onDrop, children} = props;\n\n  const dragStartHandler = useCallback(\n    e => {\n      stopPropagation(e);\n      onDragStart(id);\n    },\n    [id, onDragStart]\n  );\n  const dragOverHandler = useCallback(\n    e => {\n      preventDefault(e);\n      onDragOver(id);\n    },\n    [id, onDragOver]\n  );\n  const dragLeaveHandler = useCallback(\n    e => {\n      preventDefault(e);\n      onDragLeave(id);\n    },\n    [id, onDragLeave]\n  );\n  const dropHandler = useCallback(\n    e => {\n      preventDefault(e);\n      onDrop(id);\n    },\n    [id, onDrop]\n  );\n\n  return (\n    <div\n      className={classnames(dragging ? style.dragging : null, style.draggable)}\n      onDragStart={dragStartHandler}\n      onDragOver={dragOverHandler}\n      onDragLeave={dragLeaveHandler}\n      onDrop={dropHandler}\n      draggable\n    >\n      {children}\n    </div>\n  );\n};\nDraggable.propTypes = {\n  id: PropTypes.string,\n  dragging: PropTypes.bool,\n  onDragStart: PropTypes.func,\n  onDragOver: PropTypes.func,\n  onDragLeave: PropTypes.func,\n  onDrop: PropTypes.func,\n  children: PropTypes.element\n};\n\nexport default Draggable;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,cAAc,GAAGC,CAAC,IAAIA,CAAC,CAACD,cAAF,EAA5B;;AACA,MAAME,eAAe,GAAGD,CAAC,IAAIA,CAAC,CAACC,eAAF,EAA7B;;AAEA,MAAMC,SAAS,GAAGC,KAAK,IAAI;EACzB,MAAM;IAACC,EAAD;IAAKC,QAAQ,GAAG,KAAhB;IAAuBC,WAAvB;IAAoCC,UAApC;IAAgDC,WAAhD;IAA6DC,MAA7D;IAAqEC;EAArE,IAAiFP,KAAvF;EAEA,MAAMQ,gBAAgB,GAAG,IAAAC,kBAAA,EACvBZ,CAAC,IAAI;IACHC,eAAe,CAACD,CAAD,CAAf;IACAM,WAAW,CAACF,EAAD,CAAX;EACD,CAJsB,EAKvB,CAACA,EAAD,EAAKE,WAAL,CALuB,CAAzB;EAOA,MAAMO,eAAe,GAAG,IAAAD,kBAAA,EACtBZ,CAAC,IAAI;IACHD,cAAc,CAACC,CAAD,CAAd;IACAO,UAAU,CAACH,EAAD,CAAV;EACD,CAJqB,EAKtB,CAACA,EAAD,EAAKG,UAAL,CALsB,CAAxB;EAOA,MAAMO,gBAAgB,GAAG,IAAAF,kBAAA,EACvBZ,CAAC,IAAI;IACHD,cAAc,CAACC,CAAD,CAAd;IACAQ,WAAW,CAACJ,EAAD,CAAX;EACD,CAJsB,EAKvB,CAACA,EAAD,EAAKI,WAAL,CALuB,CAAzB;EAOA,MAAMO,WAAW,GAAG,IAAAH,kBAAA,EAClBZ,CAAC,IAAI;IACHD,cAAc,CAACC,CAAD,CAAd;IACAS,MAAM,CAACL,EAAD,CAAN;EACD,CAJiB,EAKlB,CAACA,EAAD,EAAKK,MAAL,CALkB,CAApB;EAQA,oBACE;IACE,SAAS,EAAE,IAAAO,mBAAA,EAAWX,QAAQ,GAAGY,cAAA,CAAMZ,QAAT,GAAoB,IAAvC,EAA6CY,cAAA,CAAMC,SAAnD,CADb;IAEE,WAAW,EAAEP,gBAFf;IAGE,UAAU,EAAEE,eAHd;IAIE,WAAW,EAAEC,gBAJf;IAKE,MAAM,EAAEC,WALV;IAME,SAAS;EANX,GAQGL,QARH,CADF;AAYD,CA5CD;;AA6CAR,SAAS,CAACiB,SAAV,2CAAsB;EACpBf,EAAE,EAAEgB,kBAAA,CAAUC,MADM;EAEpBhB,QAAQ,EAAEe,kBAAA,CAAUE,IAFA;EAGpBhB,WAAW,EAAEc,kBAAA,CAAUG,IAHH;EAIpBhB,UAAU,EAAEa,kBAAA,CAAUG,IAJF;EAKpBf,WAAW,EAAEY,kBAAA,CAAUG,IALH;EAMpBd,MAAM,EAAEW,kBAAA,CAAUG,IANE;EAOpBb,QAAQ,EAAEU,kBAAA,CAAUI;AAPA,CAAtB;eAUetB,S"}
+{"version":3,"sources":["../../../src/molecule/draggable/index.js"],"names":["preventDefault","e","stopPropagation","Draggable","props","id","dragging","onDragStart","onDragOver","onDragLeave","onDrop","children","dragStartHandler","dragOverHandler","dragLeaveHandler","dropHandler","style","draggable","propTypes","PropTypes","string","bool","func","element"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,cAAc,GAAGC,CAAC,IAAIA,CAAC,CAACD,cAAF,EAA5B;;AACA,MAAME,eAAe,GAAGD,CAAC,IAAIA,CAAC,CAACC,eAAF,EAA7B;;AAEA,MAAMC,SAAS,GAAGC,KAAK,IAAI;AACzB,QAAM;AAACC,IAAAA,EAAD;AAAKC,IAAAA,QAAQ,GAAG,KAAhB;AAAuBC,IAAAA,WAAvB;AAAoCC,IAAAA,UAApC;AAAgDC,IAAAA,WAAhD;AAA6DC,IAAAA,MAA7D;AAAqEC,IAAAA;AAArE,MAAiFP,KAAvF;AAEA,QAAMQ,gBAAgB,GAAG,wBACvBX,CAAC,IAAI;AACHC,IAAAA,eAAe,CAACD,CAAD,CAAf;AACAM,IAAAA,WAAW,CAACF,EAAD,CAAX;AACD,GAJsB,EAKvB,CAACA,EAAD,EAAKE,WAAL,CALuB,CAAzB;AAOA,QAAMM,eAAe,GAAG,wBACtBZ,CAAC,IAAI;AACHD,IAAAA,cAAc,CAACC,CAAD,CAAd;AACAO,IAAAA,UAAU,CAACH,EAAD,CAAV;AACD,GAJqB,EAKtB,CAACA,EAAD,EAAKG,UAAL,CALsB,CAAxB;AAOA,QAAMM,gBAAgB,GAAG,wBACvBb,CAAC,IAAI;AACHD,IAAAA,cAAc,CAACC,CAAD,CAAd;AACAQ,IAAAA,WAAW,CAACJ,EAAD,CAAX;AACD,GAJsB,EAKvB,CAACA,EAAD,EAAKI,WAAL,CALuB,CAAzB;AAOA,QAAMM,WAAW,GAAG,wBAClBd,CAAC,IAAI;AACHD,IAAAA,cAAc,CAACC,CAAD,CAAd;AACAS,IAAAA,MAAM,CAACL,EAAD,CAAN;AACD,GAJiB,EAKlB,CAACA,EAAD,EAAKK,MAAL,CALkB,CAApB;AAQA,sBACE;AACE,IAAA,SAAS,EAAE,yBAAWJ,QAAQ,GAAGU,eAAMV,QAAT,GAAoB,IAAvC,EAA6CU,eAAMC,SAAnD,CADb;AAEE,IAAA,WAAW,EAAEL,gBAFf;AAGE,IAAA,UAAU,EAAEC,eAHd;AAIE,IAAA,WAAW,EAAEC,gBAJf;AAKE,IAAA,MAAM,EAAEC,WALV;AAME,IAAA,SAAS;AANX,KAQGJ,QARH,CADF;AAYD,CA5CD;;AA6CAR,SAAS,CAACe,SAAV,2CAAsB;AACpBb,EAAAA,EAAE,EAAEc,mBAAUC,MADM;AAEpBd,EAAAA,QAAQ,EAAEa,mBAAUE,IAFA;AAGpBd,EAAAA,WAAW,EAAEY,mBAAUG,IAHH;AAIpBd,EAAAA,UAAU,EAAEW,mBAAUG,IAJF;AAKpBb,EAAAA,WAAW,EAAEU,mBAAUG,IALH;AAMpBZ,EAAAA,MAAM,EAAES,mBAAUG,IANE;AAOpBX,EAAAA,QAAQ,EAAEQ,mBAAUI;AAPA,CAAtB;eAUepB,S","sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport style from './style.css';\n\nconst preventDefault = e => e.preventDefault();\nconst stopPropagation = e => e.stopPropagation();\n\nconst Draggable = props => {\n  const {id, dragging = false, onDragStart, onDragOver, onDragLeave, onDrop, children} = props;\n\n  const dragStartHandler = useCallback(\n    e => {\n      stopPropagation(e);\n      onDragStart(id);\n    },\n    [id, onDragStart]\n  );\n  const dragOverHandler = useCallback(\n    e => {\n      preventDefault(e);\n      onDragOver(id);\n    },\n    [id, onDragOver]\n  );\n  const dragLeaveHandler = useCallback(\n    e => {\n      preventDefault(e);\n      onDragLeave(id);\n    },\n    [id, onDragLeave]\n  );\n  const dropHandler = useCallback(\n    e => {\n      preventDefault(e);\n      onDrop(id);\n    },\n    [id, onDrop]\n  );\n\n  return (\n    <div\n      className={classnames(dragging ? style.dragging : null, style.draggable)}\n      onDragStart={dragStartHandler}\n      onDragOver={dragOverHandler}\n      onDragLeave={dragLeaveHandler}\n      onDrop={dropHandler}\n      draggable\n    >\n      {children}\n    </div>\n  );\n};\nDraggable.propTypes = {\n  id: PropTypes.string,\n  dragging: PropTypes.bool,\n  onDragStart: PropTypes.func,\n  onDragOver: PropTypes.func,\n  onDragLeave: PropTypes.func,\n  onDrop: PropTypes.func,\n  children: PropTypes.element\n};\n\nexport default Draggable;\n"],"file":"index.js"}

package/lib/molecule/draggable-list/index.js

@@ -15,11 +15,11 @@ var _courseSection = _interopRequireDefault(require("../course-section"));
 
 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 _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
-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 _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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); }
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const ITEMS = {
   'setup-section': _setupSection.default,

package/lib/molecule/draggable-list/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ITEMS","SetupSection","CourseSection","DraggableList","items","onDrop","itemType","dragTo","setDragTo","useState","dragFrom","setDragFrom","dragStartHandler","useCallback","id","dragOverHandler","dragLeaveHandler","dropHandler","Item","itemsView","map","item","propTypes","PropTypes","arrayOf","shape","func","string"],"sources":["../../../src/molecule/draggable-list/index.js"],"sourcesContent":["import React, {useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport Draggable from '../draggable';\nimport SetupSection from '../setup-section';\nimport CourseSection from '../course-section';\n\nconst ITEMS = {'setup-section': SetupSection, 'course-section': CourseSection};\n\nconst DraggableList = ({items, onDrop, itemType}) => {\n  const [dragTo, setDragTo] = useState(null);\n  const [dragFrom, setDragFrom] = useState(null);\n\n  const dragStartHandler = useCallback(\n    id => {\n      setDragFrom(id);\n    },\n    [setDragFrom]\n  );\n\n  const dragOverHandler = useCallback(\n    id => {\n      if (dragTo === id) return;\n      setDragTo(id);\n    },\n    [dragTo, setDragTo]\n  );\n\n  const dragLeaveHandler = useCallback(\n    id => {\n      setDragTo(null);\n    },\n    [setDragTo]\n  );\n\n  const dropHandler = useCallback(\n    id => {\n      if (onDrop && dragFrom) onDrop(dragFrom, id);\n\n      setDragTo(null);\n      setDragFrom(null);\n    },\n    [onDrop, setDragTo, setDragFrom, dragFrom]\n  );\n\n  const Item = ITEMS[itemType];\n  const itemsView = items.map(item => (\n    <Draggable\n      key={item.id}\n      id={item.id}\n      dragging={dragTo === item.id}\n      onDragStart={dragStartHandler}\n      onDragOver={dragOverHandler}\n      onDragLeave={dragLeaveHandler}\n      onDrop={dropHandler}\n    >\n      <Item {...item} key={item.id} />\n    </Draggable>\n  ));\n  return <div>{itemsView}</div>;\n};\n\nDraggableList.propTypes = {\n  items: PropTypes.arrayOf(PropTypes.shape(SetupSection.propTypes)),\n  onDrop: PropTypes.func,\n  itemType: PropTypes.string\n};\n\nexport default DraggableList;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,KAAK,GAAG;EAAC,iBAAiBC,qBAAlB;EAAgC,kBAAkBC;AAAlD,CAAd;;AAEA,MAAMC,aAAa,GAAG,CAAC;EAACC,KAAD;EAAQC,MAAR;EAAgBC;AAAhB,CAAD,KAA+B;EACnD,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsB,IAAAC,eAAA,EAAS,IAAT,CAA5B;EACA,MAAM,CAACC,QAAD,EAAWC,WAAX,IAA0B,IAAAF,eAAA,EAAS,IAAT,CAAhC;EAEA,MAAMG,gBAAgB,GAAG,IAAAC,kBAAA,EACvBC,EAAE,IAAI;IACJH,WAAW,CAACG,EAAD,CAAX;EACD,CAHsB,EAIvB,CAACH,WAAD,CAJuB,CAAzB;EAOA,MAAMI,eAAe,GAAG,IAAAF,kBAAA,EACtBC,EAAE,IAAI;IACJ,IAAIP,MAAM,KAAKO,EAAf,EAAmB;IACnBN,SAAS,CAACM,EAAD,CAAT;EACD,CAJqB,EAKtB,CAACP,MAAD,EAASC,SAAT,CALsB,CAAxB;EAQA,MAAMQ,gBAAgB,GAAG,IAAAH,kBAAA,EACvBC,EAAE,IAAI;IACJN,SAAS,CAAC,IAAD,CAAT;EACD,CAHsB,EAIvB,CAACA,SAAD,CAJuB,CAAzB;EAOA,MAAMS,WAAW,GAAG,IAAAJ,kBAAA,EAClBC,EAAE,IAAI;IACJ,IAAIT,MAAM,IAAIK,QAAd,EAAwBL,MAAM,CAACK,QAAD,EAAWI,EAAX,CAAN;IAExBN,SAAS,CAAC,IAAD,CAAT;IACAG,WAAW,CAAC,IAAD,CAAX;EACD,CANiB,EAOlB,CAACN,MAAD,EAASG,SAAT,EAAoBG,WAApB,EAAiCD,QAAjC,CAPkB,CAApB;EAUA,MAAMQ,IAAI,GAAGlB,KAAK,CAACM,QAAD,CAAlB;EACA,MAAMa,SAAS,GAAGf,KAAK,CAACgB,GAAN,CAAUC,IAAI,iBAC9B,6BAAC,kBAAD;IACE,GAAG,EAAEA,IAAI,CAACP,EADZ;IAEE,EAAE,EAAEO,IAAI,CAACP,EAFX;IAGE,QAAQ,EAAEP,MAAM,KAAKc,IAAI,CAACP,EAH5B;IAIE,WAAW,EAAEF,gBAJf;IAKE,UAAU,EAAEG,eALd;IAME,WAAW,EAAEC,gBANf;IAOE,MAAM,EAAEC;EAPV,gBASE,6BAAC,IAAD,eAAUI,IAAV;IAAgB,GAAG,EAAEA,IAAI,CAACP;EAA1B,GATF,CADgB,CAAlB;EAaA,oBAAO,0CAAMK,SAAN,CAAP;AACD,CAnDD;;AAqDAhB,aAAa,CAACmB,SAAd,2CAA0B;EACxBlB,KAAK,EAAEmB,kBAAA,CAAUC,OAAV,CAAkBD,kBAAA,CAAUE,KAAV,CAAgBxB,qBAAA,CAAaqB,SAA7B,CAAlB,CADiB;EAExBjB,MAAM,EAAEkB,kBAAA,CAAUG,IAFM;EAGxBpB,QAAQ,EAAEiB,kBAAA,CAAUI;AAHI,CAA1B;eAMexB,a"}
+{"version":3,"sources":["../../../src/molecule/draggable-list/index.js"],"names":["ITEMS","SetupSection","CourseSection","DraggableList","items","onDrop","itemType","dragTo","setDragTo","dragFrom","setDragFrom","dragStartHandler","id","dragOverHandler","dragLeaveHandler","dropHandler","Item","itemsView","map","item","propTypes","PropTypes","arrayOf","shape","func","string"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,KAAK,GAAG;AAAC,mBAAiBC,qBAAlB;AAAgC,oBAAkBC;AAAlD,CAAd;;AAEA,MAAMC,aAAa,GAAG,CAAC;AAACC,EAAAA,KAAD;AAAQC,EAAAA,MAAR;AAAgBC,EAAAA;AAAhB,CAAD,KAA+B;AACnD,QAAM,CAACC,MAAD,EAASC,SAAT,IAAsB,qBAAS,IAAT,CAA5B;AACA,QAAM,CAACC,QAAD,EAAWC,WAAX,IAA0B,qBAAS,IAAT,CAAhC;AAEA,QAAMC,gBAAgB,GAAG,wBACvBC,EAAE,IAAI;AACJF,IAAAA,WAAW,CAACE,EAAD,CAAX;AACD,GAHsB,EAIvB,CAACF,WAAD,CAJuB,CAAzB;AAOA,QAAMG,eAAe,GAAG,wBACtBD,EAAE,IAAI;AACJ,QAAIL,MAAM,KAAKK,EAAf,EAAmB;AACnBJ,IAAAA,SAAS,CAACI,EAAD,CAAT;AACD,GAJqB,EAKtB,CAACL,MAAD,EAASC,SAAT,CALsB,CAAxB;AAQA,QAAMM,gBAAgB,GAAG,wBACvBF,EAAE,IAAI;AACJJ,IAAAA,SAAS,CAAC,IAAD,CAAT;AACD,GAHsB,EAIvB,CAACA,SAAD,CAJuB,CAAzB;AAOA,QAAMO,WAAW,GAAG,wBAClBH,EAAE,IAAI;AACJ,QAAIP,MAAM,IAAII,QAAd,EAAwBJ,MAAM,CAACI,QAAD,EAAWG,EAAX,CAAN;AAExBJ,IAAAA,SAAS,CAAC,IAAD,CAAT;AACAE,IAAAA,WAAW,CAAC,IAAD,CAAX;AACD,GANiB,EAOlB,CAACL,MAAD,EAASG,SAAT,EAAoBE,WAApB,EAAiCD,QAAjC,CAPkB,CAApB;AAUA,QAAMO,IAAI,GAAGhB,KAAK,CAACM,QAAD,CAAlB;AACA,QAAMW,SAAS,GAAGb,KAAK,CAACc,GAAN,CAAUC,IAAI,iBAC9B,6BAAC,kBAAD;AACE,IAAA,GAAG,EAAEA,IAAI,CAACP,EADZ;AAEE,IAAA,EAAE,EAAEO,IAAI,CAACP,EAFX;AAGE,IAAA,QAAQ,EAAEL,MAAM,KAAKY,IAAI,CAACP,EAH5B;AAIE,IAAA,WAAW,EAAED,gBAJf;AAKE,IAAA,UAAU,EAAEE,eALd;AAME,IAAA,WAAW,EAAEC,gBANf;AAOE,IAAA,MAAM,EAAEC;AAPV,kBASE,6BAAC,IAAD,eAAUI,IAAV;AAAgB,IAAA,GAAG,EAAEA,IAAI,CAACP;AAA1B,KATF,CADgB,CAAlB;AAaA,sBAAO,0CAAMK,SAAN,CAAP;AACD,CAnDD;;AAqDAd,aAAa,CAACiB,SAAd,2CAA0B;AACxBhB,EAAAA,KAAK,EAAEiB,mBAAUC,OAAV,CAAkBD,mBAAUE,KAAV,CAAgBtB,sBAAamB,SAA7B,CAAlB,CADiB;AAExBf,EAAAA,MAAM,EAAEgB,mBAAUG,IAFM;AAGxBlB,EAAAA,QAAQ,EAAEe,mBAAUI;AAHI,CAA1B;eAMetB,a","sourcesContent":["import React, {useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport Draggable from '../draggable';\nimport SetupSection from '../setup-section';\nimport CourseSection from '../course-section';\n\nconst ITEMS = {'setup-section': SetupSection, 'course-section': CourseSection};\n\nconst DraggableList = ({items, onDrop, itemType}) => {\n  const [dragTo, setDragTo] = useState(null);\n  const [dragFrom, setDragFrom] = useState(null);\n\n  const dragStartHandler = useCallback(\n    id => {\n      setDragFrom(id);\n    },\n    [setDragFrom]\n  );\n\n  const dragOverHandler = useCallback(\n    id => {\n      if (dragTo === id) return;\n      setDragTo(id);\n    },\n    [dragTo, setDragTo]\n  );\n\n  const dragLeaveHandler = useCallback(\n    id => {\n      setDragTo(null);\n    },\n    [setDragTo]\n  );\n\n  const dropHandler = useCallback(\n    id => {\n      if (onDrop && dragFrom) onDrop(dragFrom, id);\n\n      setDragTo(null);\n      setDragFrom(null);\n    },\n    [onDrop, setDragTo, setDragFrom, dragFrom]\n  );\n\n  const Item = ITEMS[itemType];\n  const itemsView = items.map(item => (\n    <Draggable\n      key={item.id}\n      id={item.id}\n      dragging={dragTo === item.id}\n      onDragStart={dragStartHandler}\n      onDragOver={dragOverHandler}\n      onDragLeave={dragLeaveHandler}\n      onDrop={dropHandler}\n    >\n      <Item {...item} key={item.id} />\n    </Draggable>\n  ));\n  return <div>{itemsView}</div>;\n};\n\nDraggableList.propTypes = {\n  items: PropTypes.arrayOf(PropTypes.shape(SetupSection.propTypes)),\n  onDrop: PropTypes.func,\n  itemType: PropTypes.string\n};\n\nexport default DraggableList;\n"],"file":"index.js"}

package/lib/molecule/external-content-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ExternalContentButton","React","Component","constructor","props","context","handleClick","e","stopPropagation","preventDefault","onClick","render","translate","type","description","IconType","EXTERNAL_CONTENT_ICONS","icon","iconColor","color","style","button","header","backgroundColor","iconBackground","title","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","func"],"sources":["../../../src/molecule/external-content-button/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport {EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\n\nimport style from './style.css';\n\nclass ExternalContentButton extends React.Component {\n  static propTypes = {\n    type: PropTypes.string,\n    description: PropTypes.string,\n    onClick: PropTypes.func\n  };\n\n  static contextTypes = {\n    translate: Provider.childContextTypes.translate\n  };\n\n  constructor(props, context) {\n    super(props, context);\n  }\n\n  handleClick = e => {\n    e.stopPropagation();\n    e.preventDefault();\n    const {onClick} = this.props;\n    onClick && onClick(e);\n  };\n\n  render() {\n    const {translate} = this.context;\n    const {type, description} = this.props;\n    const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n    const iconColor = EXTERNAL_CONTENT_ICONS[type].color;\n    return (\n      <div onClick={this.handleClick} className={style.button}>\n        <div className={style.header} style={{backgroundColor: iconColor}} />\n        <div className={style.iconBackground} style={{backgroundColor: iconColor}}>\n          <IconType className={style.icon} width={16} height={16} />\n        </div>\n        <span className={style.title}>\n          {type === 'scorm' ? translate('external_content_scorm') : ''}\n          {type === 'video' ? translate('external_content_video') : ''}\n          {type === 'article' ? translate('external_content_article') : ''}\n          {type === 'podcast' ? translate('external_content_podcast') : ''}\n        </span>\n        <span className={style.description}>{description}</span>\n      </div>\n    );\n  }\n}\n\nexport default ExternalContentButton;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;AAEA,MAAMA,qBAAN,SAAoCC,cAAA,CAAMC,SAA1C,CAAoD;EAWlDC,WAAW,CAACC,KAAD,EAAQC,OAAR,EAAiB;IAC1B,MAAMD,KAAN,EAAaC,OAAb;;IAD0B,KAI5BC,WAJ4B,GAIdC,CAAC,IAAI;MACjBA,CAAC,CAACC,eAAF;MACAD,CAAC,CAACE,cAAF;MACA,MAAM;QAACC;MAAD,IAAY,KAAKN,KAAvB;MACAM,OAAO,IAAIA,OAAO,CAACH,CAAD,CAAlB;IACD,CAT2B;EAE3B;;EASDI,MAAM,GAAG;IACP,MAAM;MAACC;IAAD,IAAc,KAAKP,OAAzB;IACA,MAAM;MAACQ,IAAD;MAAOC;IAAP,IAAsB,KAAKV,KAAjC;IACA,MAAMW,QAAQ,GAAGC,uCAAA,CAAuBH,IAAvB,EAA6BI,IAA9C;IACA,MAAMC,SAAS,GAAGF,uCAAA,CAAuBH,IAAvB,EAA6BM,KAA/C;IACA,oBACE;MAAK,OAAO,EAAE,KAAKb,WAAnB;MAAgC,SAAS,EAAEc,cAAA,CAAMC;IAAjD,gBACE;MAAK,SAAS,EAAED,cAAA,CAAME,MAAtB;MAA8B,KAAK,EAAE;QAACC,eAAe,EAAEL;MAAlB;IAArC,EADF,eAEE;MAAK,SAAS,EAAEE,cAAA,CAAMI,cAAtB;MAAsC,KAAK,EAAE;QAACD,eAAe,EAAEL;MAAlB;IAA7C,gBACE,6BAAC,QAAD;MAAU,SAAS,EAAEE,cAAA,CAAMH,IAA3B;MAAiC,KAAK,EAAE,EAAxC;MAA4C,MAAM,EAAE;IAApD,EADF,CAFF,eAKE;MAAM,SAAS,EAAEG,cAAA,CAAMK;IAAvB,GACGZ,IAAI,KAAK,OAAT,GAAmBD,SAAS,CAAC,wBAAD,CAA5B,GAAyD,EAD5D,EAEGC,IAAI,KAAK,OAAT,GAAmBD,SAAS,CAAC,wBAAD,CAA5B,GAAyD,EAF5D,EAGGC,IAAI,KAAK,SAAT,GAAqBD,SAAS,CAAC,0BAAD,CAA9B,GAA6D,EAHhE,EAIGC,IAAI,KAAK,SAAT,GAAqBD,SAAS,CAAC,0BAAD,CAA9B,GAA6D,EAJhE,CALF,eAWE;MAAM,SAAS,EAAEQ,cAAA,CAAMN;IAAvB,GAAqCA,WAArC,CAXF,CADF;EAeD;;AA1CiD;;AAA9Cd,qB,CAOG0B,Y,GAAe;EACpBd,SAAS,EAAEe,iBAAA,CAASC,iBAAT,CAA2BhB;AADlB,C;AAPlBZ,qB,CACG6B,S,2CAAY;EACjBhB,IAAI,EAAEiB,kBAAA,CAAUC,MADC;EAEjBjB,WAAW,EAAEgB,kBAAA,CAAUC,MAFN;EAGjBrB,OAAO,EAAEoB,kBAAA,CAAUE;AAHF,C;eA4CNhC,qB"}
+{"version":3,"sources":["../../../src/molecule/external-content-button/index.js"],"names":["ExternalContentButton","React","Component","constructor","props","context","handleClick","e","stopPropagation","preventDefault","onClick","render","translate","type","description","IconType","EXTERNAL_CONTENT_ICONS","icon","iconColor","color","style","button","header","backgroundColor","iconBackground","title","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","func"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;AAEA,MAAMA,qBAAN,SAAoCC,eAAMC,SAA1C,CAAoD;AAWlDC,EAAAA,WAAW,CAACC,KAAD,EAAQC,OAAR,EAAiB;AAC1B,UAAMD,KAAN,EAAaC,OAAb;;AAD0B,SAI5BC,WAJ4B,GAIdC,CAAC,IAAI;AACjBA,MAAAA,CAAC,CAACC,eAAF;AACAD,MAAAA,CAAC,CAACE,cAAF;AACA,YAAM;AAACC,QAAAA;AAAD,UAAY,KAAKN,KAAvB;AACAM,MAAAA,OAAO,IAAIA,OAAO,CAACH,CAAD,CAAlB;AACD,KAT2B;AAE3B;;AASDI,EAAAA,MAAM,GAAG;AACP,UAAM;AAACC,MAAAA;AAAD,QAAc,KAAKP,OAAzB;AACA,UAAM;AAACQ,MAAAA,IAAD;AAAOC,MAAAA;AAAP,QAAsB,KAAKV,KAAjC;AACA,UAAMW,QAAQ,GAAGC,wCAAuBH,IAAvB,EAA6BI,IAA9C;AACA,UAAMC,SAAS,GAAGF,wCAAuBH,IAAvB,EAA6BM,KAA/C;AACA,wBACE;AAAK,MAAA,OAAO,EAAE,KAAKb,WAAnB;AAAgC,MAAA,SAAS,EAAEc,eAAMC;AAAjD,oBACE;AAAK,MAAA,SAAS,EAAED,eAAME,MAAtB;AAA8B,MAAA,KAAK,EAAE;AAACC,QAAAA,eAAe,EAAEL;AAAlB;AAArC,MADF,eAEE;AAAK,MAAA,SAAS,EAAEE,eAAMI,cAAtB;AAAsC,MAAA,KAAK,EAAE;AAACD,QAAAA,eAAe,EAAEL;AAAlB;AAA7C,oBACE,6BAAC,QAAD;AAAU,MAAA,SAAS,EAAEE,eAAMH,IAA3B;AAAiC,MAAA,KAAK,EAAE,EAAxC;AAA4C,MAAA,MAAM,EAAE;AAApD,MADF,CAFF,eAKE;AAAM,MAAA,SAAS,EAAEG,eAAMK;AAAvB,OACGZ,IAAI,KAAK,OAAT,GAAmBD,SAAS,CAAC,wBAAD,CAA5B,GAAyD,EAD5D,EAEGC,IAAI,KAAK,OAAT,GAAmBD,SAAS,CAAC,wBAAD,CAA5B,GAAyD,EAF5D,EAGGC,IAAI,KAAK,SAAT,GAAqBD,SAAS,CAAC,0BAAD,CAA9B,GAA6D,EAHhE,EAIGC,IAAI,KAAK,SAAT,GAAqBD,SAAS,CAAC,0BAAD,CAA9B,GAA6D,EAJhE,CALF,eAWE;AAAM,MAAA,SAAS,EAAEQ,eAAMN;AAAvB,OAAqCA,WAArC,CAXF,CADF;AAeD;;AA1CiD;;AAA9Cd,qB,CAOG0B,Y,GAAe;AACpBd,EAAAA,SAAS,EAAEe,kBAASC,iBAAT,CAA2BhB;AADlB,C;AAPlBZ,qB,CACG6B,S,2CAAY;AACjBhB,EAAAA,IAAI,EAAEiB,mBAAUC,MADC;AAEjBjB,EAAAA,WAAW,EAAEgB,mBAAUC,MAFN;AAGjBrB,EAAAA,OAAO,EAAEoB,mBAAUE;AAHF,C;eA4CNhC,qB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport {EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\n\nimport style from './style.css';\n\nclass ExternalContentButton extends React.Component {\n  static propTypes = {\n    type: PropTypes.string,\n    description: PropTypes.string,\n    onClick: PropTypes.func\n  };\n\n  static contextTypes = {\n    translate: Provider.childContextTypes.translate\n  };\n\n  constructor(props, context) {\n    super(props, context);\n  }\n\n  handleClick = e => {\n    e.stopPropagation();\n    e.preventDefault();\n    const {onClick} = this.props;\n    onClick && onClick(e);\n  };\n\n  render() {\n    const {translate} = this.context;\n    const {type, description} = this.props;\n    const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n    const iconColor = EXTERNAL_CONTENT_ICONS[type].color;\n    return (\n      <div onClick={this.handleClick} className={style.button}>\n        <div className={style.header} style={{backgroundColor: iconColor}} />\n        <div className={style.iconBackground} style={{backgroundColor: iconColor}}>\n          <IconType className={style.icon} width={16} height={16} />\n        </div>\n        <span className={style.title}>\n          {type === 'scorm' ? translate('external_content_scorm') : ''}\n          {type === 'video' ? translate('external_content_video') : ''}\n          {type === 'article' ? translate('external_content_article') : ''}\n          {type === 'podcast' ? translate('external_content_podcast') : ''}\n        </span>\n        <span className={style.description}>{description}</span>\n      </div>\n    );\n  }\n}\n\nexport default ExternalContentButton;\n"],"file":"index.js"}

package/lib/molecule/external-content-viewer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["podcastWrapperStyle","default","style","podcastWrapper","cockpit","podcastWrapperCockpit","mobile","iframeStyle","iframe","iframeCockpit","ExternalContentViewer","props","url","backgroundImageUrl","contentType","mode","isPdf","includes","googleViewer","startsWith","bgPodcast","backgroundImage","podcast","propTypes","PropTypes","string","isRequired"],"sources":["../../../src/molecule/external-content-viewer/index.js"],"sourcesContent":["import React from 'react';\nimport startsWith from 'lodash/fp/startsWith';\nimport includes from 'lodash/fp/includes';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst podcastWrapperStyle = {\n  default: style.podcastWrapper,\n  cockpit: style.podcastWrapperCockpit,\n  mobile: style.podcastWrapper\n};\n\nconst iframeStyle = {\n  default: style.iframe,\n  cockpit: style.iframeCockpit,\n  mobile: style.iframe\n};\n\nfunction ExternalContentViewer(props) {\n  const {url, backgroundImageUrl, contentType, mode = 'default'} = props;\n  const isPdf = includes('.pdf', url);\n  const googleViewer = `https://docs.google.com/viewerng/viewer?embedded=true&url=${url}`;\n\n  return startsWith('audio', contentType) ? (\n    <div className={podcastWrapperStyle[mode]}>\n      <div\n        className={style.bgPodcast}\n        style={{backgroundImage: backgroundImageUrl && `url(${backgroundImageUrl})`}}\n      />\n      <audio\n        className={style.podcast}\n        controls\n        controlsList=\"nodownload\"\n        autoPlay=\"\"\n        name=\"media\"\n        data-name=\"external-content-podcast\"\n        preload=\"auto\"\n      >\n        <source src={url} type={contentType} />\n      </audio>\n    </div>\n  ) : (\n    <iframe\n      src={isPdf && mode === 'mobile' ? googleViewer : url}\n      frameBorder={0}\n      className={iframeStyle[mode]}\n      allowFullScreen\n      data-name=\"external-content-iframe\"\n    />\n  );\n}\n\nExternalContentViewer.propTypes = {\n  url: PropTypes.string.isRequired,\n  backgroundImageUrl: PropTypes.string,\n  contentType: PropTypes.string,\n  mode: PropTypes.string\n};\n\nexport default ExternalContentViewer;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,mBAAmB,GAAG;EAC1BC,OAAO,EAAEC,cAAA,CAAMC,cADW;EAE1BC,OAAO,EAAEF,cAAA,CAAMG,qBAFW;EAG1BC,MAAM,EAAEJ,cAAA,CAAMC;AAHY,CAA5B;AAMA,MAAMI,WAAW,GAAG;EAClBN,OAAO,EAAEC,cAAA,CAAMM,MADG;EAElBJ,OAAO,EAAEF,cAAA,CAAMO,aAFG;EAGlBH,MAAM,EAAEJ,cAAA,CAAMM;AAHI,CAApB;;AAMA,SAASE,qBAAT,CAA+BC,KAA/B,EAAsC;EACpC,MAAM;IAACC,GAAD;IAAMC,kBAAN;IAA0BC,WAA1B;IAAuCC,IAAI,GAAG;EAA9C,IAA2DJ,KAAjE;EACA,MAAMK,KAAK,GAAG,IAAAC,iBAAA,EAAS,MAAT,EAAiBL,GAAjB,CAAd;EACA,MAAMM,YAAY,GAAI,6DAA4DN,GAAI,EAAtF;EAEA,OAAO,IAAAO,mBAAA,EAAW,OAAX,EAAoBL,WAApB,iBACL;IAAK,SAAS,EAAEd,mBAAmB,CAACe,IAAD;EAAnC,gBACE;IACE,SAAS,EAAEb,cAAA,CAAMkB,SADnB;IAEE,KAAK,EAAE;MAACC,eAAe,EAAER,kBAAkB,IAAK,OAAMA,kBAAmB;IAAlE;EAFT,EADF,eAKE;IACE,SAAS,EAAEX,cAAA,CAAMoB,OADnB;IAEE,QAAQ,MAFV;IAGE,YAAY,EAAC,YAHf;IAIE,QAAQ,EAAC,EAJX;IAKE,IAAI,EAAC,OALP;IAME,aAAU,0BANZ;IAOE,OAAO,EAAC;EAPV,gBASE;IAAQ,GAAG,EAAEV,GAAb;IAAkB,IAAI,EAAEE;EAAxB,EATF,CALF,CADK,gBAmBL;IACE,GAAG,EAAEE,KAAK,IAAID,IAAI,KAAK,QAAlB,GAA6BG,YAA7B,GAA4CN,GADnD;IAEE,WAAW,EAAE,CAFf;IAGE,SAAS,EAAEL,WAAW,CAACQ,IAAD,CAHxB;IAIE,eAAe,MAJjB;IAKE,aAAU;EALZ,EAnBF;AA2BD;;AAEDL,qBAAqB,CAACa,SAAtB,2CAAkC;EAChCX,GAAG,EAAEY,kBAAA,CAAUC,MAAV,CAAiBC,UADU;EAEhCb,kBAAkB,EAAEW,kBAAA,CAAUC,MAFE;EAGhCX,WAAW,EAAEU,kBAAA,CAAUC,MAHS;EAIhCV,IAAI,EAAES,kBAAA,CAAUC;AAJgB,CAAlC;eAOef,qB"}
+{"version":3,"sources":["../../../src/molecule/external-content-viewer/index.js"],"names":["podcastWrapperStyle","default","style","podcastWrapper","cockpit","podcastWrapperCockpit","mobile","iframeStyle","iframe","iframeCockpit","ExternalContentViewer","props","url","backgroundImageUrl","contentType","mode","isPdf","googleViewer","bgPodcast","backgroundImage","podcast","propTypes","PropTypes","string","isRequired"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,mBAAmB,GAAG;AAC1BC,EAAAA,OAAO,EAAEC,eAAMC,cADW;AAE1BC,EAAAA,OAAO,EAAEF,eAAMG,qBAFW;AAG1BC,EAAAA,MAAM,EAAEJ,eAAMC;AAHY,CAA5B;AAMA,MAAMI,WAAW,GAAG;AAClBN,EAAAA,OAAO,EAAEC,eAAMM,MADG;AAElBJ,EAAAA,OAAO,EAAEF,eAAMO,aAFG;AAGlBH,EAAAA,MAAM,EAAEJ,eAAMM;AAHI,CAApB;;AAMA,SAASE,qBAAT,CAA+BC,KAA/B,EAAsC;AACpC,QAAM;AAACC,IAAAA,GAAD;AAAMC,IAAAA,kBAAN;AAA0BC,IAAAA,WAA1B;AAAuCC,IAAAA,IAAI,GAAG;AAA9C,MAA2DJ,KAAjE;AACA,QAAMK,KAAK,GAAG,uBAAS,MAAT,EAAiBJ,GAAjB,CAAd;AACA,QAAMK,YAAY,GAAI,6DAA4DL,GAAI,EAAtF;AAEA,SAAO,yBAAW,OAAX,EAAoBE,WAApB,iBACL;AAAK,IAAA,SAAS,EAAEd,mBAAmB,CAACe,IAAD;AAAnC,kBACE;AACE,IAAA,SAAS,EAAEb,eAAMgB,SADnB;AAEE,IAAA,KAAK,EAAE;AAACC,MAAAA,eAAe,EAAEN,kBAAkB,IAAK,OAAMA,kBAAmB;AAAlE;AAFT,IADF,eAKE;AACE,IAAA,SAAS,EAAEX,eAAMkB,OADnB;AAEE,IAAA,QAAQ,MAFV;AAGE,IAAA,YAAY,EAAC,YAHf;AAIE,IAAA,QAAQ,EAAC,EAJX;AAKE,IAAA,IAAI,EAAC,OALP;AAME,iBAAU,0BANZ;AAOE,IAAA,OAAO,EAAC;AAPV,kBASE;AAAQ,IAAA,GAAG,EAAER,GAAb;AAAkB,IAAA,IAAI,EAAEE;AAAxB,IATF,CALF,CADK,gBAmBL;AACE,IAAA,GAAG,EAAEE,KAAK,IAAID,IAAI,KAAK,QAAlB,GAA6BE,YAA7B,GAA4CL,GADnD;AAEE,IAAA,WAAW,EAAE,CAFf;AAGE,IAAA,SAAS,EAAEL,WAAW,CAACQ,IAAD,CAHxB;AAIE,IAAA,eAAe,MAJjB;AAKE,iBAAU;AALZ,IAnBF;AA2BD;;AAEDL,qBAAqB,CAACW,SAAtB,2CAAkC;AAChCT,EAAAA,GAAG,EAAEU,mBAAUC,MAAV,CAAiBC,UADU;AAEhCX,EAAAA,kBAAkB,EAAES,mBAAUC,MAFE;AAGhCT,EAAAA,WAAW,EAAEQ,mBAAUC,MAHS;AAIhCR,EAAAA,IAAI,EAAEO,mBAAUC;AAJgB,CAAlC;eAOeb,qB","sourcesContent":["import React from 'react';\nimport startsWith from 'lodash/fp/startsWith';\nimport includes from 'lodash/fp/includes';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst podcastWrapperStyle = {\n  default: style.podcastWrapper,\n  cockpit: style.podcastWrapperCockpit,\n  mobile: style.podcastWrapper\n};\n\nconst iframeStyle = {\n  default: style.iframe,\n  cockpit: style.iframeCockpit,\n  mobile: style.iframe\n};\n\nfunction ExternalContentViewer(props) {\n  const {url, backgroundImageUrl, contentType, mode = 'default'} = props;\n  const isPdf = includes('.pdf', url);\n  const googleViewer = `https://docs.google.com/viewerng/viewer?embedded=true&url=${url}`;\n\n  return startsWith('audio', contentType) ? (\n    <div className={podcastWrapperStyle[mode]}>\n      <div\n        className={style.bgPodcast}\n        style={{backgroundImage: backgroundImageUrl && `url(${backgroundImageUrl})`}}\n      />\n      <audio\n        className={style.podcast}\n        controls\n        controlsList=\"nodownload\"\n        autoPlay=\"\"\n        name=\"media\"\n        data-name=\"external-content-podcast\"\n        preload=\"auto\"\n      >\n        <source src={url} type={contentType} />\n      </audio>\n    </div>\n  ) : (\n    <iframe\n      src={isPdf && mode === 'mobile' ? googleViewer : url}\n      frameBorder={0}\n      className={iframeStyle[mode]}\n      allowFullScreen\n      data-name=\"external-content-iframe\"\n    />\n  );\n}\n\nExternalContentViewer.propTypes = {\n  url: PropTypes.string.isRequired,\n  backgroundImageUrl: PropTypes.string,\n  contentType: PropTypes.string,\n  mode: PropTypes.string\n};\n\nexport default ExternalContentViewer;\n"],"file":"index.js"}

package/lib/molecule/feedback/index.js

@@ -19,13 +19,13 @@ var _resourcePlayer = _interopRequireWildcard(require("../resource-player"));
 
 var _style = _interopRequireDefault(require("./style.css"));
 
-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 _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
-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 _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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); }
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const Feedback = (props, context) => {
   const {
@@ -36,7 +36,7 @@ const Feedback = (props, context) => {
     mode = 'default'
   } = props;
 
-  const resource = media && media.type && _extends({}, media, (0, _pipe2.default)((0, _get2.default)('src.0'), (0, _extend2.default)({
+  const resource = media && media.type && _extends(_extends({}, media), (0, _pipe2.default)((0, _get2.default)('src.0'), (0, _extend2.default)({
     description: mediaDescription
   }))(media));