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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ShowMoreLink","props","onShowMore","showMore","className","contextTypes","skin","Provider","childContextTypes","propTypes","PropTypes","func","string","IconView","context","contentType","ICONS","chapter","TimerIcon","course","LearnerIcon","dark","IconType","style","icon","computeWidth","card","type","nextPage","page","maxPages","CardsList","React","PureComponent","constructor","state","actualPage","scrollLeft","offsetWidth","possiblePositions","possiblePages","cardsWidth","handleScroll_","handleScroll","bind","handleOnLeft","handleOnRight","scrollTo","updateState","updatePages","setCardsWrapper","getScrollWidth","handleResize","componentDidMount","cardsWrapper","addEventListener","window","componentDidUpdate","cards","newCardsWidth","updatePaginationState","setState","componentWillUnmount","removeEventListener","cancel","wrapperWidth","wrapperScrollLeft","cardWidths","cardPositions","accWidth","cardWidth","acc","pageIndex","accPageWidth","pageWidth","skip","position","element","index","onScroll","leftBound","rightBound","leftIndex","rightIndex","limit","indexOfNextFirstCard","indexOf","nextPosition","render","title","dataName","ariaLabel","titleStyle","titleLink","cardsView","key","leftArrowView","circle","left","showMoreOnLeftAriaLabel","rightArrowView","right","showMoreOnRightAriaLabel","titleView","hasPages","showMoreView","showMoreBar","switchPagesView","pagingWrapper","wrapper","list","header","translate","arrayOf","shape","Card","protoTypes"],"sources":["../../../../src/molecule/dashboard/cards-list/index.js"],"sourcesContent":["import React from 'react';\nimport {\n  debounce,\n  throttle,\n  get,\n  getOr,\n  map,\n  sum,\n  last,\n  pipe,\n  toPairs,\n  reduce,\n  head,\n  findIndex,\n  findLastIndex\n} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionNavigationArrowLeft as ArrowLeft,\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaSolidContentContentBook1 as LearnerIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport Card from '../../card';\nimport style from './style.css';\n\nconst ShowMoreLink = props => {\n  const {onShowMore, showMore, className} = props;\n  return (\n    <div className={className} onClick={onShowMore}>\n      {showMore}\n    </div>\n  );\n};\n\nShowMoreLink.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nShowMoreLink.propTypes = {\n  onShowMore: PropTypes.func,\n  showMore: PropTypes.string,\n  className: PropTypes.string\n};\n\nconst IconView = (props, context) => {\n  const {skin} = context;\n  const {contentType} = props;\n  const ICONS = {\n    chapter: TimerIcon,\n    course: LearnerIcon\n  };\n\n  if (!contentType) {\n    return null;\n  }\n\n  const dark = get('common.dark', skin);\n  const IconType = ICONS[contentType];\n\n  return (\n    <div>\n      <IconType color={dark} className={style.icon} data-contenttype={contentType} />\n    </div>\n  );\n};\n\nconst computeWidth = card => {\n  switch (card && card.type) {\n    case 'chapter':\n      return 219;\n    default:\n      return 272;\n  }\n};\n\nconst nextPage = (page, maxPages) => {\n  if (page < 0) return maxPages;\n  if (page > maxPages) return 0;\n  return page;\n};\n\nIconView.propTypes = {\n  contentType: PropTypes.string\n};\n\nclass CardsList extends React.PureComponent {\n  static propTypes = {\n    contentType: PropTypes.string,\n    dataName: PropTypes.string,\n    title: PropTypes.string,\n    showMore: PropTypes.string,\n    cards: PropTypes.arrayOf(PropTypes.shape(Card.protoTypes)),\n    onScroll: PropTypes.func,\n    onShowMore: PropTypes.func,\n    'arrows-aria-label': PropTypes.shape({\n      showMoreOnLeftAriaLabel: PropTypes.string,\n      showMoreOnRightAriaLabel: PropTypes.string\n    })\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin,\n    translate: Provider.childContextTypes.translate\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      actualPage: 0,\n      maxPages: 0,\n      scrollLeft: 0,\n      offsetWidth: 0,\n      possiblePositions: [],\n      possiblePages: [],\n      cardsWidth: 0\n    };\n\n    this.handleScroll_ = throttle(200, this.handleScroll.bind(this));\n    this.handleScroll = this.handleScroll.bind(this);\n    this.handleOnLeft = this.handleOnLeft.bind(this);\n    this.handleOnRight = this.handleOnRight.bind(this);\n    this.scrollTo = this.scrollTo.bind(this);\n    this.updateState = debounce(200, this.updatePages.bind(this));\n    this.updatePages = this.updatePages.bind(this);\n    this.setCardsWrapper = this.setCardsWrapper.bind(this);\n    this.getScrollWidth = this.getScrollWidth.bind(this);\n    this.handleResize = this.handleResize.bind(this);\n  }\n\n  componentDidMount() {\n    this.cardsWrapper.addEventListener('scroll', this.handleScroll_);\n\n    if (window) {\n      window.addEventListener('resize', this.handleResize);\n    }\n  }\n\n  componentDidUpdate() {\n    const {cards = []} = this.props;\n    const {offsetWidth, cardsWidth} = this.state;\n    const newCardsWidth = pipe(map(computeWidth), sum)(cards);\n\n    if (newCardsWidth !== cardsWidth && offsetWidth !== 0) {\n      this.updatePaginationState(cards);\n      // eslint-disable-next-line react/no-did-update-set-state\n      this.setState({\n        cardsWidth: newCardsWidth\n      });\n    }\n  }\n\n  componentWillUnmount() {\n    this.cardsWrapper.removeEventListener('scroll', this.handleScroll_);\n\n    if (window) {\n      window.removeEventListener('resize', this.handleResize);\n    }\n    this.updateState.cancel();\n  }\n\n  handleResize() {\n    const {cards = []} = this.props;\n    this.updatePaginationState(cards);\n  }\n\n  updatePaginationState(cards) {\n    const {offsetWidth: wrapperWidth, scrollLeft: wrapperScrollLeft} = this.state;\n\n    const cardWidths = map(computeWidth)(cards);\n\n    const possiblePositions = pipe(\n      reduce(\n        ([cardPositions, accWidth], cardWidth) => [\n          [...cardPositions, accWidth],\n          cardWidth + accWidth\n        ],\n        [[], 0]\n      ),\n      head\n    )(cardWidths);\n\n    const possiblePages = pipe(\n      reduce(\n        ([acc, pageIndex, accPageWidth], cardWidth) => {\n          const pageWidth = accPageWidth + cardWidth;\n          if (pageWidth > wrapperWidth) {\n            return [[...acc, pageIndex + 1], pageIndex + 1, cardWidth];\n          }\n          return [[...acc, pageIndex], pageIndex, pageWidth];\n        },\n        [[], 0, 0]\n      ),\n      head\n    )(cardWidths);\n\n    const skip = findIndex(position => position >= wrapperScrollLeft, possiblePositions);\n    const actualPage = possiblePages[skip + 1];\n\n    this.setState({\n      possiblePositions,\n      possiblePages,\n      maxPages: last(possiblePages),\n      actualPage\n    });\n  }\n\n  setCardsWrapper(element) {\n    this.cardsWrapper = element;\n    this.setState({\n      scrollLeft: this.cardsWrapper?.scrollLeft,\n      offsetWidth: this.cardsWrapper?.offsetWidth\n    });\n  }\n\n  getScrollWidth(index) {\n    const {cards = []} = this.props;\n    const card = cards[index];\n    return computeWidth(card);\n  }\n\n  handleScroll() {\n    const scrollLeft = this.cardsWrapper?.scrollLeft;\n    this.setState({scrollLeft});\n\n    const {possiblePositions, offsetWidth} = this.state;\n    const {onScroll} = this.props;\n    if (onScroll) {\n      const leftBound = scrollLeft;\n      const rightBound = scrollLeft + offsetWidth;\n\n      const leftIndex = findIndex(position => position > leftBound, possiblePositions) - 1;\n      const rightIndex = findLastIndex(position => position < rightBound, possiblePositions);\n      const skip = leftIndex;\n      const limit = rightIndex - skip + 1;\n\n      onScroll(skip, limit);\n    }\n  }\n\n  handleOnLeft() {\n    const {actualPage, maxPages} = this.state;\n    this.scrollTo(nextPage(actualPage - 1, maxPages));\n  }\n\n  handleOnRight() {\n    const {actualPage, maxPages} = this.state;\n    this.scrollTo(nextPage(actualPage + 1, maxPages));\n  }\n\n  scrollTo(page) {\n    const {possiblePages, possiblePositions} = this.state;\n    const indexOfNextFirstCard = possiblePages.indexOf(page);\n    const nextPosition = possiblePositions[indexOfNextFirstCard];\n    this.cardsWrapper.scrollLeft = nextPosition;\n    this.updatePages(page);\n    this.setState({\n      scrollLeft: nextPosition\n    });\n  }\n\n  updatePages(actualPage) {\n    this.setState({\n      actualPage\n    });\n  }\n\n  render() {\n    const {\n      title,\n      showMore,\n      cards,\n      onShowMore,\n      dataName,\n      contentType,\n      'arrows-aria-label': ariaLabel = {}\n    } = this.props;\n    const {skin} = this.context;\n    const {maxPages} = this.state;\n    const dark = getOr('#90A4AE', 'common.dark', skin);\n    const titleStyle = onShowMore ? style.titleLink : style.title;\n    const cardsView = pipe(\n      toPairs,\n      map(([key, card]) => {\n        return (\n          <div className={style.card} key={key}>\n            <Card {...card} dataName={`${dataName}-${key}`} />\n          </div>\n        );\n      })\n    )(cards);\n    const leftArrowView = (\n      <div className={style.circle} onClick={this.handleOnLeft} data-name=\"card-list-left-arrow\">\n        <ArrowLeft\n          color={dark}\n          className={style.left}\n          width={10}\n          height={10}\n          aria-label={ariaLabel.showMoreOnLeftAriaLabel}\n        />\n      </div>\n    );\n    const rightArrowView = (\n      <div className={style.circle} onClick={this.handleOnRight} data-name=\"card-list-right-arrow\">\n        <ArrowRight\n          color={dark}\n          className={style.right}\n          width={10}\n          height={10}\n          aria-label={ariaLabel.showMoreOnRightAriaLabel}\n        />\n      </div>\n    );\n\n    const titleView = (\n      <span data-name=\"title\" className={titleStyle} onClick={onShowMore}>\n        <IconView contentType={contentType} />\n        <span>{title}</span>\n      </span>\n    );\n\n    const hasPages = maxPages > 0;\n    const showMoreView =\n      hasPages && showMore && onShowMore ? (\n        <ShowMoreLink\n          className={hasPages ? style.showMoreBar : style.showMore}\n          onShowMore={onShowMore}\n          showMore={showMore}\n        />\n      ) : null;\n\n    const switchPagesView = hasPages ? (\n      <div className={style.pagingWrapper}>\n        {showMoreView}\n        {leftArrowView}\n        {rightArrowView}\n      </div>\n    ) : null;\n    return (\n      <div className={style.wrapper} data-name=\"cardsList\">\n        <div className={style.list}>\n          <div>\n            <div data-name=\"header\" className={style.header}>\n              {titleView}\n              {switchPagesView}\n            </div>\n            <div className={style.cards} ref={this.setCardsWrapper}>\n              {cardsView}\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default CardsList;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["ShowMoreLink","props","onShowMore","showMore","className","contextTypes","skin","Provider","childContextTypes","propTypes","PropTypes","func","string","IconView","context","contentType","ICONS","chapter","TimerIcon","course","LearnerIcon","dark","IconType","style","icon","computeWidth","card","type","nextPage","page","maxPages","CardsList","React","PureComponent","constructor","state","actualPage","scrollLeft","offsetWidth","possiblePositions","possiblePages","cardsWidth","handleScroll_","handleScroll","bind","handleOnLeft","handleOnRight","scrollTo","updateState","updatePages","setCardsWrapper","getScrollWidth","handleResize","componentDidMount","cardsWrapper","addEventListener","window","componentDidUpdate","cards","newCardsWidth","updatePaginationState","setState","componentWillUnmount","removeEventListener","cancel","wrapperWidth","wrapperScrollLeft","cardWidths","cardPositions","accWidth","cardWidth","acc","pageIndex","accPageWidth","pageWidth","skip","position","element","index","onScroll","leftBound","rightBound","leftIndex","rightIndex","limit","indexOfNextFirstCard","indexOf","nextPosition","render","title","dataName","ariaLabel","titleStyle","titleLink","cardsView","key","leftArrowView","circle","left","showMoreOnLeftAriaLabel","rightArrowView","right","showMoreOnRightAriaLabel","titleView","hasPages","showMoreView","showMoreBar","switchPagesView","pagingWrapper","wrapper","list","header","translate","arrayOf","shape","Card","protoTypes"],"sources":["../../../../src/molecule/dashboard/cards-list/index.js"],"sourcesContent":["import React from 'react';\nimport {\n  debounce,\n  throttle,\n  get,\n  getOr,\n  map,\n  sum,\n  last,\n  pipe,\n  toPairs,\n  reduce,\n  head,\n  findIndex,\n  findLastIndex\n} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionNavigationArrowLeft as ArrowLeft,\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaSolidContentContentBook1 as LearnerIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport Card from '../../card';\nimport style from './style.css';\n\nconst ShowMoreLink = props => {\n  const {onShowMore, showMore, className} = props;\n  return (\n    <div className={className} onClick={onShowMore}>\n      {showMore}\n    </div>\n  );\n};\n\nShowMoreLink.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nShowMoreLink.propTypes = {\n  onShowMore: PropTypes.func,\n  showMore: PropTypes.string,\n  className: PropTypes.string\n};\n\nconst IconView = (props, context) => {\n  const {skin} = context;\n  const {contentType} = props;\n  const ICONS = {\n    chapter: TimerIcon,\n    course: LearnerIcon\n  };\n\n  if (!contentType) {\n    return null;\n  }\n\n  const dark = get('common.dark', skin);\n  const IconType = ICONS[contentType];\n\n  return (\n    <div>\n      <IconType color={dark} className={style.icon} data-contenttype={contentType} />\n    </div>\n  );\n};\n\nconst computeWidth = card => {\n  switch (card && card.type) {\n    case 'chapter':\n      return 219;\n    default:\n      return 272;\n  }\n};\n\nconst nextPage = (page, maxPages) => {\n  if (page < 0) return maxPages;\n  if (page > maxPages) return 0;\n  return page;\n};\n\nIconView.propTypes = {\n  contentType: PropTypes.string\n};\n\nclass CardsList extends React.PureComponent {\n  static propTypes = {\n    contentType: PropTypes.string,\n    dataName: PropTypes.string,\n    title: PropTypes.string,\n    showMore: PropTypes.string,\n    cards: PropTypes.arrayOf(PropTypes.shape(Card.protoTypes)),\n    onScroll: PropTypes.func,\n    onShowMore: PropTypes.func,\n    'arrows-aria-label': PropTypes.shape({\n      showMoreOnLeftAriaLabel: PropTypes.string,\n      showMoreOnRightAriaLabel: PropTypes.string\n    })\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin,\n    translate: Provider.childContextTypes.translate\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      actualPage: 0,\n      maxPages: 0,\n      scrollLeft: 0,\n      offsetWidth: 0,\n      possiblePositions: [],\n      possiblePages: [],\n      cardsWidth: 0\n    };\n\n    this.handleScroll_ = throttle(200, this.handleScroll.bind(this));\n    this.handleScroll = this.handleScroll.bind(this);\n    this.handleOnLeft = this.handleOnLeft.bind(this);\n    this.handleOnRight = this.handleOnRight.bind(this);\n    this.scrollTo = this.scrollTo.bind(this);\n    this.updateState = debounce(200, this.updatePages.bind(this));\n    this.updatePages = this.updatePages.bind(this);\n    this.setCardsWrapper = this.setCardsWrapper.bind(this);\n    this.getScrollWidth = this.getScrollWidth.bind(this);\n    this.handleResize = this.handleResize.bind(this);\n  }\n\n  componentDidMount() {\n    this.cardsWrapper.addEventListener('scroll', this.handleScroll_);\n\n    if (window) {\n      window.addEventListener('resize', this.handleResize);\n    }\n  }\n\n  componentDidUpdate() {\n    const {cards = []} = this.props;\n    const {offsetWidth, cardsWidth} = this.state;\n    const newCardsWidth = pipe(map(computeWidth), sum)(cards);\n\n    if (newCardsWidth !== cardsWidth && offsetWidth !== 0) {\n      this.updatePaginationState(cards);\n      // eslint-disable-next-line react/no-did-update-set-state\n      this.setState({\n        cardsWidth: newCardsWidth\n      });\n    }\n  }\n\n  componentWillUnmount() {\n    this.cardsWrapper.removeEventListener('scroll', this.handleScroll_);\n\n    if (window) {\n      window.removeEventListener('resize', this.handleResize);\n    }\n    this.updateState.cancel();\n  }\n\n  handleResize() {\n    const {cards = []} = this.props;\n    this.updatePaginationState(cards);\n  }\n\n  updatePaginationState(cards) {\n    const {offsetWidth: wrapperWidth, scrollLeft: wrapperScrollLeft} = this.state;\n\n    const cardWidths = map(computeWidth)(cards);\n\n    const possiblePositions = pipe(\n      reduce(\n        ([cardPositions, accWidth], cardWidth) => [\n          [...cardPositions, accWidth],\n          cardWidth + accWidth\n        ],\n        [[], 0]\n      ),\n      head\n    )(cardWidths);\n\n    const possiblePages = pipe(\n      reduce(\n        ([acc, pageIndex, accPageWidth], cardWidth) => {\n          const pageWidth = accPageWidth + cardWidth;\n          if (pageWidth > wrapperWidth) {\n            return [[...acc, pageIndex + 1], pageIndex + 1, cardWidth];\n          }\n          return [[...acc, pageIndex], pageIndex, pageWidth];\n        },\n        [[], 0, 0]\n      ),\n      head\n    )(cardWidths);\n\n    const skip = findIndex(position => position >= wrapperScrollLeft, possiblePositions);\n    const actualPage = possiblePages[skip + 1];\n\n    this.setState({\n      possiblePositions,\n      possiblePages,\n      maxPages: last(possiblePages),\n      actualPage\n    });\n  }\n\n  setCardsWrapper(element) {\n    this.cardsWrapper = element;\n    this.setState({\n      scrollLeft: this.cardsWrapper?.scrollLeft,\n      offsetWidth: this.cardsWrapper?.offsetWidth\n    });\n  }\n\n  getScrollWidth(index) {\n    const {cards = []} = this.props;\n    const card = cards[index];\n    return computeWidth(card);\n  }\n\n  handleScroll() {\n    const scrollLeft = this.cardsWrapper?.scrollLeft;\n    this.setState({scrollLeft});\n\n    const {possiblePositions, offsetWidth} = this.state;\n    const {onScroll} = this.props;\n    if (onScroll) {\n      const leftBound = scrollLeft;\n      const rightBound = scrollLeft + offsetWidth;\n\n      const leftIndex = findIndex(position => position > leftBound, possiblePositions) - 1;\n      const rightIndex = findLastIndex(position => position < rightBound, possiblePositions);\n      const skip = leftIndex;\n      const limit = rightIndex - skip + 1;\n\n      onScroll(skip, limit);\n    }\n  }\n\n  handleOnLeft() {\n    const {actualPage, maxPages} = this.state;\n    this.scrollTo(nextPage(actualPage - 1, maxPages));\n  }\n\n  handleOnRight() {\n    const {actualPage, maxPages} = this.state;\n    this.scrollTo(nextPage(actualPage + 1, maxPages));\n  }\n\n  scrollTo(page) {\n    const {possiblePages, possiblePositions} = this.state;\n    const indexOfNextFirstCard = possiblePages.indexOf(page);\n    const nextPosition = possiblePositions[indexOfNextFirstCard];\n    this.cardsWrapper.scrollLeft = nextPosition;\n    this.updatePages(page);\n    this.setState({\n      scrollLeft: nextPosition\n    });\n  }\n\n  updatePages(actualPage) {\n    this.setState({\n      actualPage\n    });\n  }\n\n  render() {\n    const {\n      title,\n      showMore,\n      cards,\n      onShowMore,\n      dataName,\n      contentType,\n      'arrows-aria-label': ariaLabel = {}\n    } = this.props;\n    const {skin} = this.context;\n    const {maxPages} = this.state;\n    const dark = getOr('#90A4AE', 'common.dark', skin);\n    const titleStyle = onShowMore ? style.titleLink : style.title;\n    const cardsView = pipe(\n      toPairs,\n      map(([key, card]) => {\n        return (\n          <div className={style.card} key={key}>\n            <Card {...card} dataName={`${dataName}-${key}`} />\n          </div>\n        );\n      })\n    )(cards);\n    const leftArrowView = (\n      <div className={style.circle} onClick={this.handleOnLeft} data-name=\"card-list-left-arrow\">\n        <ArrowLeft\n          color={dark}\n          className={style.left}\n          width={10}\n          height={10}\n          aria-label={ariaLabel.showMoreOnLeftAriaLabel}\n        />\n      </div>\n    );\n    const rightArrowView = (\n      <div className={style.circle} onClick={this.handleOnRight} data-name=\"card-list-right-arrow\">\n        <ArrowRight\n          color={dark}\n          className={style.right}\n          width={10}\n          height={10}\n          aria-label={ariaLabel.showMoreOnRightAriaLabel}\n        />\n      </div>\n    );\n\n    const titleView = (\n      <span data-name=\"title\" className={titleStyle} onClick={onShowMore}>\n        <IconView contentType={contentType} />\n        <span>{title}</span>\n      </span>\n    );\n\n    const hasPages = maxPages > 0;\n    const showMoreView =\n      hasPages && showMore && onShowMore ? (\n        <ShowMoreLink\n          className={hasPages ? style.showMoreBar : style.showMore}\n          onShowMore={onShowMore}\n          showMore={showMore}\n        />\n      ) : null;\n\n    const switchPagesView = hasPages ? (\n      <div className={style.pagingWrapper}>\n        {showMoreView}\n        {leftArrowView}\n        {rightArrowView}\n      </div>\n    ) : null;\n    return (\n      <div className={style.wrapper} data-name=\"cardsList\">\n        <div className={style.list}>\n          <div>\n            <div data-name=\"header\" className={style.header}>\n              {titleView}\n              {switchPagesView}\n            </div>\n            <div className={style.cards} ref={this.setCardsWrapper}>\n              {cardsView}\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default CardsList;\n"],"mappings":"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"}

package/lib/molecule/dashboard/news-list/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 _news = _interopRequireDefault(require("../../news"));
+
 var _loader = _interopRequireDefault(require("../../../atom/loader"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const NewsList = /*#__PURE__*/_react.default.memo(function NewsList(props) {
   const {
     title,
@@ -15,9 +22,11 @@ const NewsList = /*#__PURE__*/_react.default.memo(function NewsList(props) {
     more,
     loading = false
   } = props;
+
   const loadingView = /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.loader
   }, /*#__PURE__*/_react.default.createElement(_loader.default, null));
+
   const moreView = more ?
   /*#__PURE__*/
   // eslint-disable-next-line react/jsx-handler-names
@@ -40,6 +49,7 @@ const NewsList = /*#__PURE__*/_react.default.memo(function NewsList(props) {
     className: _style.default.title
   }, title), cardsView, loading ? loadingView : moreView));
 });
+
 NewsList.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string,
   news: _propTypes.default.arrayOf(_propTypes.default.shape(_news.default.propTypes)),

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;AAAgC;AAEhC,MAAMA,QAAQ,gBAAGC,cAAK,CAACC,IAAI,CAAC,SAASF,QAAQ,CAACG,KAAK,EAAE;EACnD,MAAM;IAACC,KAAK;IAAEC,IAAI;IAAEC,IAAI;IAAEC,OAAO,GAAG;EAAK,CAAC,GAAGJ,KAAK;EAElD,MAAMK,WAAW,gBACf;IAAK,SAAS,EAAEC,cAAK,CAACC;EAAO,gBAC3B,6BAAC,eAAM,OAAG,CAEb;EAED,MAAMC,QAAQ,GAAGL,IAAI;EAAA;EACnB;EACA;IAAK,SAAS,EAAEG,cAAK,CAACH,IAAK;IAAC,OAAO,EAAEA,IAAI,CAACM;EAAQ,GAC/CN,IAAI,CAACO,KAAK,CACP,GACJ,IAAI;EAER,MAAMC,SAAS,GAAGT,IAAI,CAACU,GAAG,CAAC,CAACC,GAAG,EAAEC,GAAG,KAAK;IACvC,oBACE;MAAK,SAAS,EAAER,cAAK,CAACS,IAAK;MAAC,GAAG,EAAED;IAAI,gBACnC,6BAAC,aAAI,EAAKD,GAAG,CAAI,CACb;EAEV,CAAC,CAAC;EAEF,oBACE;IAAK,SAAS,EAAEP,cAAK,CAACU,OAAQ;IAAC,aAAU;EAAW,gBAClD;IAAK,SAAS,EAAEV,cAAK,CAACW;EAAK,gBACzB;IAAK,SAAS,EAAEX,cAAK,CAACL;EAAM,GAAEA,KAAK,CAAO,EACzCU,SAAS,EACTP,OAAO,GAAGC,WAAW,GAAGG,QAAQ,CAC7B,CACF;AAEV,CAAC,CAAC;AAEFX,QAAQ,CAACqB,SAAS,2CAAG;EACnBjB,KAAK,EAAEkB,kBAAS,CAACC,MAAM;EACvBlB,IAAI,EAAEiB,kBAAS,CAACE,OAAO,CAACF,kBAAS,CAACG,KAAK,CAACC,aAAI,CAACL,SAAS,CAAC,CAAC;EACxDf,IAAI,EAAEgB,kBAAS,CAACG,KAAK,CAAC;IACpBZ,KAAK,EAAES,kBAAS,CAACC,MAAM;IACvBX,OAAO,EAAEU,kBAAS,CAACK;EACrB,CAAC,CAAC;EACFpB,OAAO,EAAEe,kBAAS,CAACM;AACrB,CAAC;AAAC,eAEa5B,QAAQ;AAAA"}
+{"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"}

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

@@ -2,21 +2,30 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _buttonLink = _interopRequireDefault(require("../../../atom/button-link"));
+
 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 ReviewBanner = /*#__PURE__*/_react.default.memo(function ReviewBanner(props) {
   const {
     title,
     subtitle,
     cta
   } = props;
+
   const buttonProps = _extends({}, cta, {
     type: 'primary'
   });
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.root,
     "data-name": "start-review-banner"
@@ -54,6 +63,7 @@ const ReviewBanner = /*#__PURE__*/_react.default.memo(function ReviewBanner(prop
     alt: "Dumbbell image"
   })))));
 });
+
 ReviewBanner.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string,
   subtitle: _propTypes.default.string,

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;AAAgC;AAAA;AAEhC,MAAMA,YAAY,gBAAGC,cAAK,CAACC,IAAI,CAAC,SAASF,YAAY,CAACG,KAAK,EAAE;EAC3D,MAAM;IAACC,KAAK;IAAEC,QAAQ;IAAEC;EAAG,CAAC,GAAGH,KAAK;EAEpC,MAAMI,WAAW,gBACZD,GAAG;IACNE,IAAI,EAAE;EAAS,EAChB;EAED,oBACE;IAAK,SAAS,EAAEC,cAAK,CAACC,IAAK;IAAC,aAAU;EAAqB,gBACzD;IAAK,SAAS,EAAED,cAAK,CAACE;EAAU,gBAC9B;IAAK,SAAS,EAAEF,cAAK,CAACG;EAAO,gBAC3B;IAAK,SAAS,EAAEH,cAAK,CAACI,IAAK;IAAC,IAAI,EAAC,KAAK;IAAC,cAAW;EAAsB,gBACtE;IACE,SAAS,EAAEJ,cAAK,CAACK,KAAM;IACvB,GAAG,EAAC,+CAA+C;IACnD,GAAG,EAAC;EAAY,EAChB,CACE,eACN;IAAK,SAAS,EAAEL,cAAK,CAACM;EAAO,gBAC3B;IAAM,SAAS,EAAEN,cAAK,CAACL,KAAM;IAAC,aAAU,qBAAqB;IAAC,cAAW;EAAS,GAC/EA,KAAK,CACD,eACP;IACE,SAAS,EAAEK,cAAK,CAACJ,QAAS;IAC1B,aAAU,wBAAwB;IAClC,cAAW;EAAY,GAEtBA,QAAQ,CACJ,eACP,6BAAC,mBAAU,eAAKE,WAAW;IAAE,SAAS,EAAEE,cAAK,CAACH;EAAI,GAAG,CACjD,eACN;IAAK,SAAS,EAAEG,cAAK,CAACO,KAAM;IAAC,IAAI,EAAC,KAAK;IAAC,cAAW;EAAuB,gBACxE;IACE,SAAS,EAAEP,cAAK,CAACK,KAAM;IACvB,GAAG,EAAC,kDAAkD;IACtD,GAAG,EAAC;EAAgB,EACpB,CACE,CACF,CACF,CACF;AAEV,CAAC,CAAC;AAEFd,YAAY,CAACiB,SAAS,2CAAG;EACvBb,KAAK,EAAEc,kBAAS,CAACC,MAAM;EACvBd,QAAQ,EAAEa,kBAAS,CAACC,MAAM;EAC1Bb,GAAG,EAAEY,kBAAS,CAACE,KAAK,CAAC;IACnBC,OAAO,EAAEH,kBAAS,CAACI,IAAI;IACvBC,KAAK,EAAEL,kBAAS,CAACC;EACnB,CAAC;AACH,CAAC;AAAC,eAEanB,YAAY;AAAA"}
+{"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"}