@coorpacademy/components 11.9.3-alpha.29 → 11.10.1

package/lib/molecule/cookie-banner/index.js

@@ -2,14 +2,23 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _button = _interopRequireDefault(require("../../atom/button"));
+
 var _link = _interopRequireDefault(require("../../atom/link"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const CookieBanner = ({
   href,
   onClick
@@ -46,6 +55,7 @@ const CookieBanner = ({
     }
   }));
 };
+
 CookieBanner.contextTypes = {
   skin: _provider.default.childContextTypes.skin,
   translate: _provider.default.childContextTypes.translate

package/lib/molecule/cookie-banner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["CookieBanner","href","onClick","context","translate","skin","primary","intro","text","title","ok","handleOnClick","style","banner","link","color","button","backgroundColor","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","func"],"sources":["../../../src/molecule/cookie-banner/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport Button from '../../atom/button';\nimport Link from '../../atom/link';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst CookieBanner = ({href, onClick}, context) => {\n  const {translate, skin} = context;\n  const primary = get('common.primary', skin);\n\n  const intro = translate('cookies_title');\n  const text = translate('cookies_details');\n  const title = translate('cookies_policy');\n  const ok = translate('Ok');\n  const handleOnClick = onClick;\n\n  return (\n    <div className={style.banner}>\n      <p>\n        <span className={style.intro}>{intro}</span>\n        <span>{text}</span>\n        <Link\n          className={style.link}\n          href={href}\n          target=\"_blank\"\n          style={{\n            color: primary\n          }}\n        >\n          {title}\n        </Link>\n      </p>\n      <Button\n        type=\"link\"\n        data-name=\"cookie-banner-cta\"\n        className={style.button}\n        submitValue={ok}\n        onClick={handleOnClick}\n        style={{\n          backgroundColor: primary\n        }}\n      />\n    </div>\n  );\n};\n\nCookieBanner.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nCookieBanner.propTypes = {\n  href: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nexport default CookieBanner;\n"],"mappings":";;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AAAgC;AAEhC,MAAMA,YAAY,GAAG,CAAC;EAACC,IAAI;EAAEC;AAAO,CAAC,EAAEC,OAAO,KAAK;EACjD,MAAM;IAACC,SAAS;IAAEC;EAAI,CAAC,GAAGF,OAAO;EACjC,MAAMG,OAAO,GAAG,mBAAI,gBAAgB,EAAED,IAAI,CAAC;EAE3C,MAAME,KAAK,GAAGH,SAAS,CAAC,eAAe,CAAC;EACxC,MAAMI,IAAI,GAAGJ,SAAS,CAAC,iBAAiB,CAAC;EACzC,MAAMK,KAAK,GAAGL,SAAS,CAAC,gBAAgB,CAAC;EACzC,MAAMM,EAAE,GAAGN,SAAS,CAAC,IAAI,CAAC;EAC1B,MAAMO,aAAa,GAAGT,OAAO;EAE7B,oBACE;IAAK,SAAS,EAAEU,cAAK,CAACC;EAAO,gBAC3B,qDACE;IAAM,SAAS,EAAED,cAAK,CAACL;EAAM,GAAEA,KAAK,CAAQ,eAC5C,2CAAOC,IAAI,CAAQ,eACnB,6BAAC,aAAI;IACH,SAAS,EAAEI,cAAK,CAACE,IAAK;IACtB,IAAI,EAAEb,IAAK;IACX,MAAM,EAAC,QAAQ;IACf,KAAK,EAAE;MACLc,KAAK,EAAET;IACT;EAAE,GAEDG,KAAK,CACD,CACL,eACJ,6BAAC,eAAM;IACL,IAAI,EAAC,MAAM;IACX,aAAU,mBAAmB;IAC7B,SAAS,EAAEG,cAAK,CAACI,MAAO;IACxB,WAAW,EAAEN,EAAG;IAChB,OAAO,EAAEC,aAAc;IACvB,KAAK,EAAE;MACLM,eAAe,EAAEX;IACnB;EAAE,EACF,CACE;AAEV,CAAC;AAEDN,YAAY,CAACkB,YAAY,GAAG;EAC1Bb,IAAI,EAAEc,iBAAQ,CAACC,iBAAiB,CAACf,IAAI;EACrCD,SAAS,EAAEe,iBAAQ,CAACC,iBAAiB,CAAChB;AACxC,CAAC;AAEDJ,YAAY,CAACqB,SAAS,2CAAG;EACvBpB,IAAI,EAAEqB,kBAAS,CAACC,MAAM;EACtBrB,OAAO,EAAEoB,kBAAS,CAACE;AACrB,CAAC;AAAC,eAEaxB,YAAY;AAAA"}
+{"version":3,"file":"index.js","names":["CookieBanner","href","onClick","context","translate","skin","primary","intro","text","title","ok","handleOnClick","style","banner","link","color","button","backgroundColor","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","func"],"sources":["../../../src/molecule/cookie-banner/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport Button from '../../atom/button';\nimport Link from '../../atom/link';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst CookieBanner = ({href, onClick}, context) => {\n  const {translate, skin} = context;\n  const primary = get('common.primary', skin);\n\n  const intro = translate('cookies_title');\n  const text = translate('cookies_details');\n  const title = translate('cookies_policy');\n  const ok = translate('Ok');\n  const handleOnClick = onClick;\n\n  return (\n    <div className={style.banner}>\n      <p>\n        <span className={style.intro}>{intro}</span>\n        <span>{text}</span>\n        <Link\n          className={style.link}\n          href={href}\n          target=\"_blank\"\n          style={{\n            color: primary\n          }}\n        >\n          {title}\n        </Link>\n      </p>\n      <Button\n        type=\"link\"\n        data-name=\"cookie-banner-cta\"\n        className={style.button}\n        submitValue={ok}\n        onClick={handleOnClick}\n        style={{\n          backgroundColor: primary\n        }}\n      />\n    </div>\n  );\n};\n\nCookieBanner.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nCookieBanner.propTypes = {\n  href: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nexport default CookieBanner;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,YAAY,GAAG,CAAC;EAACC,IAAD;EAAOC;AAAP,CAAD,EAAkBC,OAAlB,KAA8B;EACjD,MAAM;IAACC,SAAD;IAAYC;EAAZ,IAAoBF,OAA1B;EACA,MAAMG,OAAO,GAAG,mBAAI,gBAAJ,EAAsBD,IAAtB,CAAhB;EAEA,MAAME,KAAK,GAAGH,SAAS,CAAC,eAAD,CAAvB;EACA,MAAMI,IAAI,GAAGJ,SAAS,CAAC,iBAAD,CAAtB;EACA,MAAMK,KAAK,GAAGL,SAAS,CAAC,gBAAD,CAAvB;EACA,MAAMM,EAAE,GAAGN,SAAS,CAAC,IAAD,CAApB;EACA,MAAMO,aAAa,GAAGT,OAAtB;EAEA,oBACE;IAAK,SAAS,EAAEU,cAAA,CAAMC;EAAtB,gBACE,qDACE;IAAM,SAAS,EAAED,cAAA,CAAML;EAAvB,GAA+BA,KAA/B,CADF,eAEE,2CAAOC,IAAP,CAFF,eAGE,6BAAC,aAAD;IACE,SAAS,EAAEI,cAAA,CAAME,IADnB;IAEE,IAAI,EAAEb,IAFR;IAGE,MAAM,EAAC,QAHT;IAIE,KAAK,EAAE;MACLc,KAAK,EAAET;IADF;EAJT,GAQGG,KARH,CAHF,CADF,eAeE,6BAAC,eAAD;IACE,IAAI,EAAC,MADP;IAEE,aAAU,mBAFZ;IAGE,SAAS,EAAEG,cAAA,CAAMI,MAHnB;IAIE,WAAW,EAAEN,EAJf;IAKE,OAAO,EAAEC,aALX;IAME,KAAK,EAAE;MACLM,eAAe,EAAEX;IADZ;EANT,EAfF,CADF;AA4BD,CAtCD;;AAwCAN,YAAY,CAACkB,YAAb,GAA4B;EAC1Bb,IAAI,EAAEc,iBAAA,CAASC,iBAAT,CAA2Bf,IADP;EAE1BD,SAAS,EAAEe,iBAAA,CAASC,iBAAT,CAA2BhB;AAFZ,CAA5B;AAKAJ,YAAY,CAACqB,SAAb,2CAAyB;EACvBpB,IAAI,EAAEqB,kBAAA,CAAUC,MADO;EAEvBrB,OAAO,EAAEoB,kBAAA,CAAUE;AAFI,CAAzB;eAKexB,Y"}

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

@@ -2,12 +2,19 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _inputCheckbox = _interopRequireDefault(require("../../atom/input-checkbox"));
+
 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); }
+
 const Roles = ({
   title,
   fields
@@ -23,6 +30,7 @@ const Roles = ({
     key: i
   }, /*#__PURE__*/_react.default.createElement(_inputCheckbox.default, field)))));
 };
+
 Roles.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string,
   fields: _propTypes.default.arrayOf(_propTypes.default.shape(_extends({}, _inputCheckbox.default.propTypes, {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Roles","title","fields","style","rolesGroup","content","map","field","i","propTypes","PropTypes","string","arrayOf","shape","InputCheckbox","type","oneOf"],"sources":["../../../src/molecule/coorp-manager-roles/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport style from './style.css';\n\nconst Roles = ({title, fields}) => {\n  return (\n    <div className={style.rolesGroup}>\n      <h3 className={style.title}>{title}</h3>\n      <div className={style.content}>\n        {fields.map((field, i) => (\n          <span className={style.field} key={i}>\n            <InputCheckbox {...field} />\n          </span>\n        ))}\n      </div>\n    </div>\n  );\n};\n\nRoles.propTypes = {\n  title: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...InputCheckbox.propTypes,\n      type: PropTypes.oneOf(['checkbox'])\n    })\n  )\n};\n\nexport default Roles;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AAAgC;AAAA;AAEhC,MAAMA,KAAK,GAAG,CAAC;EAACC,KAAK;EAAEC;AAAM,CAAC,KAAK;EACjC,oBACE;IAAK,SAAS,EAAEC,cAAK,CAACC;EAAW,gBAC/B;IAAI,SAAS,EAAED,cAAK,CAACF;EAAM,GAAEA,KAAK,CAAM,eACxC;IAAK,SAAS,EAAEE,cAAK,CAACE;EAAQ,GAC3BH,MAAM,CAACI,GAAG,CAAC,CAACC,KAAK,EAAEC,CAAC,kBACnB;IAAM,SAAS,EAAEL,cAAK,CAACI,KAAM;IAAC,GAAG,EAAEC;EAAE,gBACnC,6BAAC,sBAAa,EAAKD,KAAK,CAAI,CAE/B,CAAC,CACE,CACF;AAEV,CAAC;AAEDP,KAAK,CAACS,SAAS,2CAAG;EAChBR,KAAK,EAAES,kBAAS,CAACC,MAAM;EACvBT,MAAM,EAAEQ,kBAAS,CAACE,OAAO,CACvBF,kBAAS,CAACG,KAAK,cACVC,sBAAa,CAACL,SAAS;IAC1BM,IAAI,EAAEL,kBAAS,CAACM,KAAK,CAAC,CAAC,UAAU,CAAC;EAAC,GACnC;AAEN,CAAC;AAAC,eAEahB,KAAK;AAAA"}
+{"version":3,"file":"index.js","names":["Roles","title","fields","style","rolesGroup","content","map","field","i","propTypes","PropTypes","string","arrayOf","shape","InputCheckbox","type","oneOf"],"sources":["../../../src/molecule/coorp-manager-roles/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport style from './style.css';\n\nconst Roles = ({title, fields}) => {\n  return (\n    <div className={style.rolesGroup}>\n      <h3 className={style.title}>{title}</h3>\n      <div className={style.content}>\n        {fields.map((field, i) => (\n          <span className={style.field} key={i}>\n            <InputCheckbox {...field} />\n          </span>\n        ))}\n      </div>\n    </div>\n  );\n};\n\nRoles.propTypes = {\n  title: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...InputCheckbox.propTypes,\n      type: PropTypes.oneOf(['checkbox'])\n    })\n  )\n};\n\nexport default Roles;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,KAAK,GAAG,CAAC;EAACC,KAAD;EAAQC;AAAR,CAAD,KAAqB;EACjC,oBACE;IAAK,SAAS,EAAEC,cAAA,CAAMC;EAAtB,gBACE;IAAI,SAAS,EAAED,cAAA,CAAMF;EAArB,GAA6BA,KAA7B,CADF,eAEE;IAAK,SAAS,EAAEE,cAAA,CAAME;EAAtB,GACGH,MAAM,CAACI,GAAP,CAAW,CAACC,KAAD,EAAQC,CAAR,kBACV;IAAM,SAAS,EAAEL,cAAA,CAAMI,KAAvB;IAA8B,GAAG,EAAEC;EAAnC,gBACE,6BAAC,sBAAD,EAAmBD,KAAnB,CADF,CADD,CADH,CAFF,CADF;AAYD,CAbD;;AAeAP,KAAK,CAACS,SAAN,2CAAkB;EAChBR,KAAK,EAAES,kBAAA,CAAUC,MADD;EAEhBT,MAAM,EAAEQ,kBAAA,CAAUE,OAAV,CACNF,kBAAA,CAAUG,KAAV,cACKC,sBAAA,CAAcL,SADnB;IAEEM,IAAI,EAAEL,kBAAA,CAAUM,KAAV,CAAgB,CAAC,UAAD,CAAhB;EAFR,GADM;AAFQ,CAAlB;eAUehB,K"}

package/lib/molecule/course-section/index.js

@@ -2,13 +2,21 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _cardImagePreview = _interopRequireDefault(require("../../atom/card-image-preview"));
+
 var _contentBadge = _interopRequireDefault(require("../../atom/content-badge"));
+
 var _listBadges = _interopRequireDefault(require("../list-badges"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const CourseSection = props => {
   const {
     image,
@@ -50,6 +58,7 @@ const CourseSection = props => {
     items: badgeList
   }));
 };
+
 CourseSection.propTypes = process.env.NODE_ENV !== "production" ? {
   'aria-label': _propTypes.default.shape({
     title: _propTypes.default.string,

package/lib/molecule/course-section/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["CourseSection","props","image","badgeList","title","author","position","ariaLabelTitle","ariaLabelAuthor","modules","ariaLabelModules","coursePosition","id","style","container","wrapper","containerImage","containerInfos","propTypes","PropTypes","shape","string","arrayOf","ContentBadge","number"],"sources":["../../../src/molecule/course-section/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CardImagePreview from '../../atom/card-image-preview';\nimport ContentBadge from '../../atom/content-badge';\nimport ListBadges from '../list-badges';\nimport style from './style.css';\n\nconst CourseSection = props => {\n  const {\n    image,\n    badgeList,\n    title,\n    author,\n    position,\n    'aria-label': {\n      title: ariaLabelTitle,\n      author: ariaLabelAuthor,\n      modules: ariaLabelModules,\n      position: coursePosition\n    },\n    id\n  } = props;\n\n  return (\n    <div className={style.container} aria-label={ariaLabelTitle} data-name={`course-section-${id}`}>\n      <div className={style.wrapper}>\n        <span className={style.position} aria-label={coursePosition} data-name=\"position\">\n          {position}\n        </span>\n        <div className={style.containerImage}>\n          <CardImagePreview image={image} />\n        </div>\n        <div className={style.containerInfos}>\n          <div className={style.title}>{title}</div>\n          <span className={style.author} aria-label={ariaLabelAuthor}>\n            {author}\n          </span>\n        </div>\n      </div>\n      <ListBadges aria-label={ariaLabelModules} items={badgeList} />\n    </div>\n  );\n};\n\nCourseSection.propTypes = {\n  'aria-label': PropTypes.shape({\n    title: PropTypes.string,\n    author: PropTypes.string,\n    modules: PropTypes.string,\n    position: PropTypes.string\n  }),\n  image: PropTypes.string,\n  badgeList: PropTypes.arrayOf(PropTypes.shape(ContentBadge.propTypes)),\n  title: PropTypes.string,\n  author: PropTypes.string,\n  position: PropTypes.number,\n  id: PropTypes.string\n};\n\nexport default CourseSection;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAAgC;AAEhC,MAAMA,aAAa,GAAGC,KAAK,IAAI;EAC7B,MAAM;IACJC,KAAK;IACLC,SAAS;IACTC,KAAK;IACLC,MAAM;IACNC,QAAQ;IACR,YAAY,EAAE;MACZF,KAAK,EAAEG,cAAc;MACrBF,MAAM,EAAEG,eAAe;MACvBC,OAAO,EAAEC,gBAAgB;MACzBJ,QAAQ,EAAEK;IACZ,CAAC;IACDC;EACF,CAAC,GAAGX,KAAK;EAET,oBACE;IAAK,SAAS,EAAEY,cAAK,CAACC,SAAU;IAAC,cAAYP,cAAe;IAAC,aAAY,kBAAiBK,EAAG;EAAE,gBAC7F;IAAK,SAAS,EAAEC,cAAK,CAACE;EAAQ,gBAC5B;IAAM,SAAS,EAAEF,cAAK,CAACP,QAAS;IAAC,cAAYK,cAAe;IAAC,aAAU;EAAU,GAC9EL,QAAQ,CACJ,eACP;IAAK,SAAS,EAAEO,cAAK,CAACG;EAAe,gBACnC,6BAAC,yBAAgB;IAAC,KAAK,EAAEd;EAAM,EAAG,CAC9B,eACN;IAAK,SAAS,EAAEW,cAAK,CAACI;EAAe,gBACnC;IAAK,SAAS,EAAEJ,cAAK,CAACT;EAAM,GAAEA,KAAK,CAAO,eAC1C;IAAM,SAAS,EAAES,cAAK,CAACR,MAAO;IAAC,cAAYG;EAAgB,GACxDH,MAAM,CACF,CACH,CACF,eACN,6BAAC,mBAAU;IAAC,cAAYK,gBAAiB;IAAC,KAAK,EAAEP;EAAU,EAAG,CAC1D;AAEV,CAAC;AAEDH,aAAa,CAACkB,SAAS,2CAAG;EACxB,YAAY,EAAEC,kBAAS,CAACC,KAAK,CAAC;IAC5BhB,KAAK,EAAEe,kBAAS,CAACE,MAAM;IACvBhB,MAAM,EAAEc,kBAAS,CAACE,MAAM;IACxBZ,OAAO,EAAEU,kBAAS,CAACE,MAAM;IACzBf,QAAQ,EAAEa,kBAAS,CAACE;EACtB,CAAC,CAAC;EACFnB,KAAK,EAAEiB,kBAAS,CAACE,MAAM;EACvBlB,SAAS,EAAEgB,kBAAS,CAACG,OAAO,CAACH,kBAAS,CAACC,KAAK,CAACG,qBAAY,CAACL,SAAS,CAAC,CAAC;EACrEd,KAAK,EAAEe,kBAAS,CAACE,MAAM;EACvBhB,MAAM,EAAEc,kBAAS,CAACE,MAAM;EACxBf,QAAQ,EAAEa,kBAAS,CAACK,MAAM;EAC1BZ,EAAE,EAAEO,kBAAS,CAACE;AAChB,CAAC;AAAC,eAEarB,aAAa;AAAA"}
+{"version":3,"file":"index.js","names":["CourseSection","props","image","badgeList","title","author","position","ariaLabelTitle","ariaLabelAuthor","modules","ariaLabelModules","coursePosition","id","style","container","wrapper","containerImage","containerInfos","propTypes","PropTypes","shape","string","arrayOf","ContentBadge","number"],"sources":["../../../src/molecule/course-section/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CardImagePreview from '../../atom/card-image-preview';\nimport ContentBadge from '../../atom/content-badge';\nimport ListBadges from '../list-badges';\nimport style from './style.css';\n\nconst CourseSection = props => {\n  const {\n    image,\n    badgeList,\n    title,\n    author,\n    position,\n    'aria-label': {\n      title: ariaLabelTitle,\n      author: ariaLabelAuthor,\n      modules: ariaLabelModules,\n      position: coursePosition\n    },\n    id\n  } = props;\n\n  return (\n    <div className={style.container} aria-label={ariaLabelTitle} data-name={`course-section-${id}`}>\n      <div className={style.wrapper}>\n        <span className={style.position} aria-label={coursePosition} data-name=\"position\">\n          {position}\n        </span>\n        <div className={style.containerImage}>\n          <CardImagePreview image={image} />\n        </div>\n        <div className={style.containerInfos}>\n          <div className={style.title}>{title}</div>\n          <span className={style.author} aria-label={ariaLabelAuthor}>\n            {author}\n          </span>\n        </div>\n      </div>\n      <ListBadges aria-label={ariaLabelModules} items={badgeList} />\n    </div>\n  );\n};\n\nCourseSection.propTypes = {\n  'aria-label': PropTypes.shape({\n    title: PropTypes.string,\n    author: PropTypes.string,\n    modules: PropTypes.string,\n    position: PropTypes.string\n  }),\n  image: PropTypes.string,\n  badgeList: PropTypes.arrayOf(PropTypes.shape(ContentBadge.propTypes)),\n  title: PropTypes.string,\n  author: PropTypes.string,\n  position: PropTypes.number,\n  id: PropTypes.string\n};\n\nexport default CourseSection;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,aAAa,GAAGC,KAAK,IAAI;EAC7B,MAAM;IACJC,KADI;IAEJC,SAFI;IAGJC,KAHI;IAIJC,MAJI;IAKJC,QALI;IAMJ,cAAc;MACZF,KAAK,EAAEG,cADK;MAEZF,MAAM,EAAEG,eAFI;MAGZC,OAAO,EAAEC,gBAHG;MAIZJ,QAAQ,EAAEK;IAJE,CANV;IAYJC;EAZI,IAaFX,KAbJ;EAeA,oBACE;IAAK,SAAS,EAAEY,cAAA,CAAMC,SAAtB;IAAiC,cAAYP,cAA7C;IAA6D,aAAY,kBAAiBK,EAAG;EAA7F,gBACE;IAAK,SAAS,EAAEC,cAAA,CAAME;EAAtB,gBACE;IAAM,SAAS,EAAEF,cAAA,CAAMP,QAAvB;IAAiC,cAAYK,cAA7C;IAA6D,aAAU;EAAvE,GACGL,QADH,CADF,eAIE;IAAK,SAAS,EAAEO,cAAA,CAAMG;EAAtB,gBACE,6BAAC,yBAAD;IAAkB,KAAK,EAAEd;EAAzB,EADF,CAJF,eAOE;IAAK,SAAS,EAAEW,cAAA,CAAMI;EAAtB,gBACE;IAAK,SAAS,EAAEJ,cAAA,CAAMT;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAM,SAAS,EAAES,cAAA,CAAMR,MAAvB;IAA+B,cAAYG;EAA3C,GACGH,MADH,CAFF,CAPF,CADF,eAeE,6BAAC,mBAAD;IAAY,cAAYK,gBAAxB;IAA0C,KAAK,EAAEP;EAAjD,EAfF,CADF;AAmBD,CAnCD;;AAqCAH,aAAa,CAACkB,SAAd,2CAA0B;EACxB,cAAcC,kBAAA,CAAUC,KAAV,CAAgB;IAC5BhB,KAAK,EAAEe,kBAAA,CAAUE,MADW;IAE5BhB,MAAM,EAAEc,kBAAA,CAAUE,MAFU;IAG5BZ,OAAO,EAAEU,kBAAA,CAAUE,MAHS;IAI5Bf,QAAQ,EAAEa,kBAAA,CAAUE;EAJQ,CAAhB,CADU;EAOxBnB,KAAK,EAAEiB,kBAAA,CAAUE,MAPO;EAQxBlB,SAAS,EAAEgB,kBAAA,CAAUG,OAAV,CAAkBH,kBAAA,CAAUC,KAAV,CAAgBG,qBAAA,CAAaL,SAA7B,CAAlB,CARa;EASxBd,KAAK,EAAEe,kBAAA,CAAUE,MATO;EAUxBhB,MAAM,EAAEc,kBAAA,CAAUE,MAVM;EAWxBf,QAAQ,EAAEa,kBAAA,CAAUK,MAXI;EAYxBZ,EAAE,EAAEO,kBAAA,CAAUE;AAZU,CAA1B;eAeerB,a"}

package/lib/molecule/course-sections/index.js

@@ -2,23 +2,36 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _inputTextWithTitle = _interopRequireDefault(require("../../atom/input-text-with-title"));
+
 var _courseSection = _interopRequireDefault(require("../course-section"));
+
 var _draggableList = _interopRequireDefault(require("../draggable-list"));
+
 var _loader = _interopRequireDefault(require("../../atom/loader"));
+
 var _title = _interopRequireDefault(require("../../atom/title"));
+
 var _titleAndCheckboxWrapper = _interopRequireDefault(require("../title-and-checkbox-wrapper"));
+
 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); }
+
 const Loading = () => /*#__PURE__*/_react.default.createElement("div", {
   className: _style.default.loaderContainer
 }, /*#__PURE__*/_react.default.createElement(_loader.default, {
   className: _style.default.loader,
   theme: "coorpmanager"
 }));
+
 const CourseSections = ({
   sections,
   onDrop,
@@ -29,9 +42,11 @@ const CourseSections = ({
   totalCourses
 }) => {
   if (isLoading) return /*#__PURE__*/_react.default.createElement(Loading, null);
+
   const child = _extends({}, mandatoryCoursesInput, {
     childType: 'input-text'
   });
+
   const sectionTitle = {
     title: inputTitle,
     'data-name': 'mandatory-courses-input-title'
@@ -55,6 +70,7 @@ const CourseSections = ({
     onDrop: onDrop
   }));
 };
+
 CourseSections.propTypes = process.env.NODE_ENV !== "production" ? {
   inputTitle: _propTypes.default.string,
   title: _propTypes.default.string,

package/lib/molecule/course-sections/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Loading","style","loaderContainer","loader","CourseSections","sections","onDrop","isLoading","title","mandatoryCoursesInput","inputTitle","totalCourses","child","childType","sectionTitle","propTypes","PropTypes","string","arrayOf","shape","CourseSection","func","bool","InputTextWithTitle"],"sources":["../../../src/molecule/course-sections/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputTextWithTitle from '../../atom/input-text-with-title';\nimport CourseSection from '../course-section';\nimport DraggableList from '../draggable-list';\nimport Loader from '../../atom/loader';\nimport Title from '../../atom/title';\nimport TitleAndCheckBoxWrapper from '../title-and-checkbox-wrapper';\nimport style from './style.css';\n\nconst Loading = () => (\n  <div className={style.loaderContainer}>\n    <Loader className={style.loader} theme=\"coorpmanager\" />\n  </div>\n);\n\nconst CourseSections = ({\n  sections,\n  onDrop,\n  isLoading,\n  title,\n  mandatoryCoursesInput,\n  inputTitle,\n  totalCourses\n}) => {\n  if (isLoading) return <Loading />;\n\n  const child = {...mandatoryCoursesInput, childType: 'input-text'};\n  const sectionTitle = {title: inputTitle, 'data-name': 'mandatory-courses-input-title'};\n  return (\n    <div>\n      {mandatoryCoursesInput && sectionTitle ? (\n        <TitleAndCheckBoxWrapper child={child} sectionTitle={sectionTitle} />\n      ) : null}\n      {title ? (\n        <div className={style.title}>\n          <Title title={title} type={'form-group'} data-name={'course-sections-title'} />\n          {totalCourses ? (\n            <Title\n              title={totalCourses}\n              type={'form-group'}\n              data-name={'course-sections-total-courses'}\n            />\n          ) : null}\n        </div>\n      ) : null}\n      <DraggableList itemType=\"course-section\" items={sections} onDrop={onDrop} />\n    </div>\n  );\n};\n\nCourseSections.propTypes = {\n  inputTitle: PropTypes.string,\n  title: PropTypes.string,\n  totalCourses: PropTypes.string,\n  sections: PropTypes.arrayOf(PropTypes.shape(CourseSection.propTypes)),\n  onDrop: PropTypes.func,\n  isLoading: PropTypes.bool,\n  mandatoryCoursesInput: PropTypes.shape(InputTextWithTitle.propTypes)\n};\n\nexport default CourseSections;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAgC;AAAA;AAEhC,MAAMA,OAAO,GAAG,mBACd;EAAK,SAAS,EAAEC,cAAK,CAACC;AAAgB,gBACpC,6BAAC,eAAM;EAAC,SAAS,EAAED,cAAK,CAACE,MAAO;EAAC,KAAK,EAAC;AAAc,EAAG,CAE3D;AAED,MAAMC,cAAc,GAAG,CAAC;EACtBC,QAAQ;EACRC,MAAM;EACNC,SAAS;EACTC,KAAK;EACLC,qBAAqB;EACrBC,UAAU;EACVC;AACF,CAAC,KAAK;EACJ,IAAIJ,SAAS,EAAE,oBAAO,6BAAC,OAAO,OAAG;EAEjC,MAAMK,KAAK,gBAAOH,qBAAqB;IAAEI,SAAS,EAAE;EAAY,EAAC;EACjE,MAAMC,YAAY,GAAG;IAACN,KAAK,EAAEE,UAAU;IAAE,WAAW,EAAE;EAA+B,CAAC;EACtF,oBACE,0CACGD,qBAAqB,IAAIK,YAAY,gBACpC,6BAAC,gCAAuB;IAAC,KAAK,EAAEF,KAAM;IAAC,YAAY,EAAEE;EAAa,EAAG,GACnE,IAAI,EACPN,KAAK,gBACJ;IAAK,SAAS,EAAEP,cAAK,CAACO;EAAM,gBAC1B,6BAAC,cAAK;IAAC,KAAK,EAAEA,KAAM;IAAC,IAAI,EAAE,YAAa;IAAC,aAAW;EAAwB,EAAG,EAC9EG,YAAY,gBACX,6BAAC,cAAK;IACJ,KAAK,EAAEA,YAAa;IACpB,IAAI,EAAE,YAAa;IACnB,aAAW;EAAgC,EAC3C,GACA,IAAI,CACJ,GACJ,IAAI,eACR,6BAAC,sBAAa;IAAC,QAAQ,EAAC,gBAAgB;IAAC,KAAK,EAAEN,QAAS;IAAC,MAAM,EAAEC;EAAO,EAAG,CACxE;AAEV,CAAC;AAEDF,cAAc,CAACW,SAAS,2CAAG;EACzBL,UAAU,EAAEM,kBAAS,CAACC,MAAM;EAC5BT,KAAK,EAAEQ,kBAAS,CAACC,MAAM;EACvBN,YAAY,EAAEK,kBAAS,CAACC,MAAM;EAC9BZ,QAAQ,EAAEW,kBAAS,CAACE,OAAO,CAACF,kBAAS,CAACG,KAAK,CAACC,sBAAa,CAACL,SAAS,CAAC,CAAC;EACrET,MAAM,EAAEU,kBAAS,CAACK,IAAI;EACtBd,SAAS,EAAES,kBAAS,CAACM,IAAI;EACzBb,qBAAqB,EAAEO,kBAAS,CAACG,KAAK,CAACI,2BAAkB,CAACR,SAAS;AACrE,CAAC;AAAC,eAEaX,cAAc;AAAA"}
+{"version":3,"file":"index.js","names":["Loading","style","loaderContainer","loader","CourseSections","sections","onDrop","isLoading","title","mandatoryCoursesInput","inputTitle","totalCourses","child","childType","sectionTitle","propTypes","PropTypes","string","arrayOf","shape","CourseSection","func","bool","InputTextWithTitle"],"sources":["../../../src/molecule/course-sections/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputTextWithTitle from '../../atom/input-text-with-title';\nimport CourseSection from '../course-section';\nimport DraggableList from '../draggable-list';\nimport Loader from '../../atom/loader';\nimport Title from '../../atom/title';\nimport TitleAndCheckBoxWrapper from '../title-and-checkbox-wrapper';\nimport style from './style.css';\n\nconst Loading = () => (\n  <div className={style.loaderContainer}>\n    <Loader className={style.loader} theme=\"coorpmanager\" />\n  </div>\n);\n\nconst CourseSections = ({\n  sections,\n  onDrop,\n  isLoading,\n  title,\n  mandatoryCoursesInput,\n  inputTitle,\n  totalCourses\n}) => {\n  if (isLoading) return <Loading />;\n\n  const child = {...mandatoryCoursesInput, childType: 'input-text'};\n  const sectionTitle = {title: inputTitle, 'data-name': 'mandatory-courses-input-title'};\n  return (\n    <div>\n      {mandatoryCoursesInput && sectionTitle ? (\n        <TitleAndCheckBoxWrapper child={child} sectionTitle={sectionTitle} />\n      ) : null}\n      {title ? (\n        <div className={style.title}>\n          <Title title={title} type={'form-group'} data-name={'course-sections-title'} />\n          {totalCourses ? (\n            <Title\n              title={totalCourses}\n              type={'form-group'}\n              data-name={'course-sections-total-courses'}\n            />\n          ) : null}\n        </div>\n      ) : null}\n      <DraggableList itemType=\"course-section\" items={sections} onDrop={onDrop} />\n    </div>\n  );\n};\n\nCourseSections.propTypes = {\n  inputTitle: PropTypes.string,\n  title: PropTypes.string,\n  totalCourses: PropTypes.string,\n  sections: PropTypes.arrayOf(PropTypes.shape(CourseSection.propTypes)),\n  onDrop: PropTypes.func,\n  isLoading: PropTypes.bool,\n  mandatoryCoursesInput: PropTypes.shape(InputTextWithTitle.propTypes)\n};\n\nexport default CourseSections;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,OAAO,GAAG,mBACd;EAAK,SAAS,EAAEC,cAAA,CAAMC;AAAtB,gBACE,6BAAC,eAAD;EAAQ,SAAS,EAAED,cAAA,CAAME,MAAzB;EAAiC,KAAK,EAAC;AAAvC,EADF,CADF;;AAMA,MAAMC,cAAc,GAAG,CAAC;EACtBC,QADsB;EAEtBC,MAFsB;EAGtBC,SAHsB;EAItBC,KAJsB;EAKtBC,qBALsB;EAMtBC,UANsB;EAOtBC;AAPsB,CAAD,KAQjB;EACJ,IAAIJ,SAAJ,EAAe,oBAAO,6BAAC,OAAD,OAAP;;EAEf,MAAMK,KAAK,gBAAOH,qBAAP;IAA8BI,SAAS,EAAE;EAAzC,EAAX;;EACA,MAAMC,YAAY,GAAG;IAACN,KAAK,EAAEE,UAAR;IAAoB,aAAa;EAAjC,CAArB;EACA,oBACE,0CACGD,qBAAqB,IAAIK,YAAzB,gBACC,6BAAC,gCAAD;IAAyB,KAAK,EAAEF,KAAhC;IAAuC,YAAY,EAAEE;EAArD,EADD,GAEG,IAHN,EAIGN,KAAK,gBACJ;IAAK,SAAS,EAAEP,cAAA,CAAMO;EAAtB,gBACE,6BAAC,cAAD;IAAO,KAAK,EAAEA,KAAd;IAAqB,IAAI,EAAE,YAA3B;IAAyC,aAAW;EAApD,EADF,EAEGG,YAAY,gBACX,6BAAC,cAAD;IACE,KAAK,EAAEA,YADT;IAEE,IAAI,EAAE,YAFR;IAGE,aAAW;EAHb,EADW,GAMT,IARN,CADI,GAWF,IAfN,eAgBE,6BAAC,sBAAD;IAAe,QAAQ,EAAC,gBAAxB;IAAyC,KAAK,EAAEN,QAAhD;IAA0D,MAAM,EAAEC;EAAlE,EAhBF,CADF;AAoBD,CAjCD;;AAmCAF,cAAc,CAACW,SAAf,2CAA2B;EACzBL,UAAU,EAAEM,kBAAA,CAAUC,MADG;EAEzBT,KAAK,EAAEQ,kBAAA,CAAUC,MAFQ;EAGzBN,YAAY,EAAEK,kBAAA,CAAUC,MAHC;EAIzBZ,QAAQ,EAAEW,kBAAA,CAAUE,OAAV,CAAkBF,kBAAA,CAAUG,KAAV,CAAgBC,sBAAA,CAAcL,SAA9B,CAAlB,CAJe;EAKzBT,MAAM,EAAEU,kBAAA,CAAUK,IALO;EAMzBd,SAAS,EAAES,kBAAA,CAAUM,IANI;EAOzBb,qBAAqB,EAAEO,kBAAA,CAAUG,KAAV,CAAgBI,2BAAA,CAAmBR,SAAnC;AAPE,CAA3B;eAUeX,c"}

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

@@ -2,11 +2,17 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _battleRequest = _interopRequireDefault(require("../../battle-request"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const BattleRequestList = /*#__PURE__*/_react.default.memo(function BattleRequestList(props) {
   const {
     requests
@@ -22,6 +28,7 @@ const BattleRequestList = /*#__PURE__*/_react.default.memo(function BattleReques
     "data-name": "battle-request-list"
   }, cards);
 });
+
 BattleRequestList.propTypes = process.env.NODE_ENV !== "production" ? {
   requests: _propTypes.default.arrayOf(_propTypes.default.shape(_battleRequest.default.propTypes))
 } : {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["BattleRequestList","React","memo","props","requests","cards","map","request","key","style","card","list","propTypes","PropTypes","arrayOf","shape","BattleRequest"],"sources":["../../../../src/molecule/dashboard/battle-request-list/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport BattleRequest from '../../battle-request';\nimport style from './style.css';\n\nconst BattleRequestList = React.memo(function BattleRequestList(props) {\n  const {requests} = props;\n\n  const cards = requests.map((request, key) => {\n    return (\n      <div className={style.card} key={key}>\n        <BattleRequest {...request} />\n      </div>\n    );\n  });\n\n  return (\n    <div className={style.list} data-name=\"battle-request-list\">\n      {cards}\n    </div>\n  );\n});\n\nBattleRequestList.propTypes = {\n  requests: PropTypes.arrayOf(PropTypes.shape(BattleRequest.propTypes))\n};\n\nexport default BattleRequestList;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AAAgC;AAEhC,MAAMA,iBAAiB,gBAAGC,cAAK,CAACC,IAAI,CAAC,SAASF,iBAAiB,CAACG,KAAK,EAAE;EACrE,MAAM;IAACC;EAAQ,CAAC,GAAGD,KAAK;EAExB,MAAME,KAAK,GAAGD,QAAQ,CAACE,GAAG,CAAC,CAACC,OAAO,EAAEC,GAAG,KAAK;IAC3C,oBACE;MAAK,SAAS,EAAEC,cAAK,CAACC,IAAK;MAAC,GAAG,EAAEF;IAAI,gBACnC,6BAAC,sBAAa,EAAKD,OAAO,CAAI,CAC1B;EAEV,CAAC,CAAC;EAEF,oBACE;IAAK,SAAS,EAAEE,cAAK,CAACE,IAAK;IAAC,aAAU;EAAqB,GACxDN,KAAK,CACF;AAEV,CAAC,CAAC;AAEFL,iBAAiB,CAACY,SAAS,2CAAG;EAC5BR,QAAQ,EAAES,kBAAS,CAACC,OAAO,CAACD,kBAAS,CAACE,KAAK,CAACC,sBAAa,CAACJ,SAAS,CAAC;AACtE,CAAC;AAAC,eAEaZ,iBAAiB;AAAA"}
+{"version":3,"file":"index.js","names":["BattleRequestList","React","memo","props","requests","cards","map","request","key","style","card","list","propTypes","PropTypes","arrayOf","shape","BattleRequest"],"sources":["../../../../src/molecule/dashboard/battle-request-list/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport BattleRequest from '../../battle-request';\nimport style from './style.css';\n\nconst BattleRequestList = React.memo(function BattleRequestList(props) {\n  const {requests} = props;\n\n  const cards = requests.map((request, key) => {\n    return (\n      <div className={style.card} key={key}>\n        <BattleRequest {...request} />\n      </div>\n    );\n  });\n\n  return (\n    <div className={style.list} data-name=\"battle-request-list\">\n      {cards}\n    </div>\n  );\n});\n\nBattleRequestList.propTypes = {\n  requests: PropTypes.arrayOf(PropTypes.shape(BattleRequest.propTypes))\n};\n\nexport default BattleRequestList;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,iBAAiB,gBAAGC,cAAA,CAAMC,IAAN,CAAW,SAASF,iBAAT,CAA2BG,KAA3B,EAAkC;EACrE,MAAM;IAACC;EAAD,IAAaD,KAAnB;EAEA,MAAME,KAAK,GAAGD,QAAQ,CAACE,GAAT,CAAa,CAACC,OAAD,EAAUC,GAAV,KAAkB;IAC3C,oBACE;MAAK,SAAS,EAAEC,cAAA,CAAMC,IAAtB;MAA4B,GAAG,EAAEF;IAAjC,gBACE,6BAAC,sBAAD,EAAmBD,OAAnB,CADF,CADF;EAKD,CANa,CAAd;EAQA,oBACE;IAAK,SAAS,EAAEE,cAAA,CAAME,IAAtB;IAA4B,aAAU;EAAtC,GACGN,KADH,CADF;AAKD,CAhByB,CAA1B;;AAkBAL,iBAAiB,CAACY,SAAlB,2CAA8B;EAC5BR,QAAQ,EAAES,kBAAA,CAAUC,OAAV,CAAkBD,kBAAA,CAAUE,KAAV,CAAgBC,sBAAA,CAAcJ,SAA9B,CAAlB;AADkB,CAA9B;eAIeZ,iB"}

package/lib/molecule/dashboard/cards-list/index.js

@@ -2,27 +2,49 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _findLastIndex2 = _interopRequireDefault(require("lodash/fp/findLastIndex"));
+
 var _findIndex2 = _interopRequireDefault(require("lodash/fp/findIndex"));
+
 var _head2 = _interopRequireDefault(require("lodash/fp/head"));
+
 var _reduce2 = _interopRequireDefault(require("lodash/fp/reduce"));
+
 var _toPairs2 = _interopRequireDefault(require("lodash/fp/toPairs"));
+
 var _pipe2 = _interopRequireDefault(require("lodash/fp/pipe"));
+
 var _last2 = _interopRequireDefault(require("lodash/fp/last"));
+
 var _sum2 = _interopRequireDefault(require("lodash/fp/sum"));
+
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _throttle2 = _interopRequireDefault(require("lodash/fp/throttle"));
+
 var _debounce2 = _interopRequireDefault(require("lodash/fp/debounce"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _provider = _interopRequireDefault(require("../../../atom/provider"));
+
 var _card = _interopRequireDefault(require("../../card"));
+
 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); }
+
 const ShowMoreLink = props => {
   const {
     onShowMore,
@@ -34,6 +56,7 @@ const ShowMoreLink = props => {
     onClick: onShowMore
   }, showMore);
 };
+
 ShowMoreLink.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };
@@ -42,6 +65,7 @@ ShowMoreLink.propTypes = process.env.NODE_ENV !== "production" ? {
   showMore: _propTypes.default.string,
   className: _propTypes.default.string
 } : {};
+
 const IconView = (props, context) => {
   const {
     skin
@@ -53,9 +77,11 @@ const IconView = (props, context) => {
     chapter: _novaIcons.NovaCompositionCoorpacademyTimer,
     course: _novaIcons.NovaSolidContentContentBook1
   };
+
   if (!contentType) {
     return null;
   }
+
   const dark = (0, _get2.default)('common.dark', skin);
   const IconType = ICONS[contentType];
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(IconType, {
@@ -64,22 +90,27 @@ const IconView = (props, context) => {
     "data-contenttype": contentType
   }));
 };
+
 const computeWidth = card => {
   switch (card && card.type) {
     case 'chapter':
       return 219;
+
     default:
       return 272;
   }
 };
+
 const nextPage = (page, maxPages) => {
   if (page < 0) return maxPages;
   if (page > maxPages) return 0;
   return page;
 };
+
 IconView.propTypes = process.env.NODE_ENV !== "production" ? {
   contentType: _propTypes.default.string
 } : {};
+
 class CardsList extends _react.default.PureComponent {
   constructor(props) {
     super(props);
@@ -103,12 +134,15 @@ class CardsList extends _react.default.PureComponent {
     this.getScrollWidth = this.getScrollWidth.bind(this);
     this.handleResize = this.handleResize.bind(this);
   }
+
   componentDidMount() {
     this.cardsWrapper.addEventListener('scroll', this.handleScroll_);
+
     if (window) {
       window.addEventListener('resize', this.handleResize);
     }
   }
+
   componentDidUpdate() {
     const {
       cards = []
@@ -118,27 +152,33 @@ class CardsList extends _react.default.PureComponent {
       cardsWidth
     } = this.state;
     const newCardsWidth = (0, _pipe2.default)((0, _map2.default)(computeWidth), _sum2.default)(cards);
+
     if (newCardsWidth !== cardsWidth && offsetWidth !== 0) {
-      this.updatePaginationState(cards);
-      // eslint-disable-next-line react/no-did-update-set-state
+      this.updatePaginationState(cards); // eslint-disable-next-line react/no-did-update-set-state
+
       this.setState({
         cardsWidth: newCardsWidth
       });
     }
   }
+
   componentWillUnmount() {
     this.cardsWrapper.removeEventListener('scroll', this.handleScroll_);
+
     if (window) {
       window.removeEventListener('resize', this.handleResize);
     }
+
     this.updateState.cancel();
   }
+
   handleResize() {
     const {
       cards = []
     } = this.props;
     this.updatePaginationState(cards);
   }
+
   updatePaginationState(cards) {
     const {
       offsetWidth: wrapperWidth,
@@ -148,9 +188,11 @@ class CardsList extends _react.default.PureComponent {
     const possiblePositions = (0, _pipe2.default)((0, _reduce2.default)(([cardPositions, accWidth], cardWidth) => [[...cardPositions, accWidth], cardWidth + accWidth], [[], 0]), _head2.default)(cardWidths);
     const possiblePages = (0, _pipe2.default)((0, _reduce2.default)(([acc, pageIndex, accPageWidth], cardWidth) => {
       const pageWidth = accPageWidth + cardWidth;
+
       if (pageWidth > wrapperWidth) {
         return [[...acc, pageIndex + 1], pageIndex + 1, cardWidth];
       }
+
       return [[...acc, pageIndex], pageIndex, pageWidth];
     }, [[], 0, 0]), _head2.default)(cardWidths);
     const skip = (0, _findIndex2.default)(position => position >= wrapperScrollLeft, possiblePositions);
@@ -162,6 +204,7 @@ class CardsList extends _react.default.PureComponent {
       actualPage
     });
   }
+
   setCardsWrapper(element) {
     this.cardsWrapper = element;
     this.setState({
@@ -169,6 +212,7 @@ class CardsList extends _react.default.PureComponent {
       offsetWidth: this.cardsWrapper?.offsetWidth
     });
   }
+
   getScrollWidth(index) {
     const {
       cards = []
@@ -176,6 +220,7 @@ class CardsList extends _react.default.PureComponent {
     const card = cards[index];
     return computeWidth(card);
   }
+
   handleScroll() {
     const scrollLeft = this.cardsWrapper?.scrollLeft;
     this.setState({
@@ -188,6 +233,7 @@ class CardsList extends _react.default.PureComponent {
     const {
       onScroll
     } = this.props;
+
     if (onScroll) {
       const leftBound = scrollLeft;
       const rightBound = scrollLeft + offsetWidth;
@@ -198,6 +244,7 @@ class CardsList extends _react.default.PureComponent {
       onScroll(skip, limit);
     }
   }
+
   handleOnLeft() {
     const {
       actualPage,
@@ -205,6 +252,7 @@ class CardsList extends _react.default.PureComponent {
     } = this.state;
     this.scrollTo(nextPage(actualPage - 1, maxPages));
   }
+
   handleOnRight() {
     const {
       actualPage,
@@ -212,6 +260,7 @@ class CardsList extends _react.default.PureComponent {
     } = this.state;
     this.scrollTo(nextPage(actualPage + 1, maxPages));
   }
+
   scrollTo(page) {
     const {
       possiblePages,
@@ -225,11 +274,13 @@ class CardsList extends _react.default.PureComponent {
       scrollLeft: nextPosition
     });
   }
+
   updatePages(actualPage) {
     this.setState({
       actualPage
     });
   }
+
   render() {
     const {
       title,
@@ -256,6 +307,7 @@ class CardsList extends _react.default.PureComponent {
         dataName: `${dataName}-${key}`
       })));
     }))(cards);
+
     const leftArrowView = /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.circle,
       onClick: this.handleOnLeft,
@@ -267,6 +319,7 @@ class CardsList extends _react.default.PureComponent {
       height: 10,
       "aria-label": ariaLabel.showMoreOnLeftAriaLabel
     }));
+
     const rightArrowView = /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.circle,
       onClick: this.handleOnRight,
@@ -278,6 +331,7 @@ class CardsList extends _react.default.PureComponent {
       height: 10,
       "aria-label": ariaLabel.showMoreOnRightAriaLabel
     }));
+
     const titleView = /*#__PURE__*/_react.default.createElement("span", {
       "data-name": "title",
       className: titleStyle,
@@ -285,6 +339,7 @@ class CardsList extends _react.default.PureComponent {
     }, /*#__PURE__*/_react.default.createElement(IconView, {
       contentType: contentType
     }), /*#__PURE__*/_react.default.createElement("span", null, title));
+
     const hasPages = maxPages > 0;
     const showMoreView = hasPages && showMore && onShowMore ? /*#__PURE__*/_react.default.createElement(ShowMoreLink, {
       className: hasPages ? _style.default.showMoreBar : _style.default.showMore,
@@ -307,7 +362,9 @@ class CardsList extends _react.default.PureComponent {
       ref: this.setCardsWrapper
     }, cardsView))));
   }
+
 }
+
 CardsList.contextTypes = {
   skin: _provider.default.childContextTypes.skin,
   translate: _provider.default.childContextTypes.translate