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

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

@@ -11,13 +11,16 @@ import _getOr from "lodash/fp/getOr";
 import _get from "lodash/fp/get";
 import _throttle from "lodash/fp/throttle";
 import _debounce from "lodash/fp/debounce";
+
 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); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import { NovaCompositionNavigationArrowLeft as ArrowLeft, NovaCompositionNavigationArrowRight as ArrowRight, NovaSolidContentContentBook1 as LearnerIcon, NovaCompositionCoorpacademyTimer as TimerIcon } from '@coorpacademy/nova-icons';
 import Provider from '../../../atom/provider';
 import Card from '../../card';
 import style from './style.css';
+
 const ShowMoreLink = props => {
   const {
     onShowMore,
@@ -29,6 +32,7 @@ const ShowMoreLink = props => {
     onClick: onShowMore
   }, showMore);
 };
+
 ShowMoreLink.contextTypes = {
   skin: Provider.childContextTypes.skin
 };
@@ -37,6 +41,7 @@ ShowMoreLink.propTypes = process.env.NODE_ENV !== "production" ? {
   showMore: PropTypes.string,
   className: PropTypes.string
 } : {};
+
 const IconView = (props, context) => {
   const {
     skin
@@ -48,10 +53,13 @@ const IconView = (props, context) => {
     chapter: TimerIcon,
     course: LearnerIcon
   };
+
   if (!contentType) {
     return null;
   }
+
   const dark = _get('common.dark', skin);
+
   const IconType = ICONS[contentType];
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(IconType, {
     color: dark,
@@ -59,22 +67,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.string
 } : {};
+
 class CardsList extends React.PureComponent {
   constructor(props) {
     super(props);
@@ -98,12 +111,15 @@ class CardsList extends React.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 = []
@@ -112,43 +128,57 @@ class CardsList extends React.PureComponent {
       offsetWidth,
       cardsWidth
     } = this.state;
+
     const newCardsWidth = _pipe(_map(computeWidth), _sum)(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,
       scrollLeft: wrapperScrollLeft
     } = this.state;
+
     const cardWidths = _map(computeWidth)(cards);
+
     const possiblePositions = _pipe(_reduce(([cardPositions, accWidth], cardWidth) => [[...cardPositions, accWidth], cardWidth + accWidth], [[], 0]), _head)(cardWidths);
+
     const possiblePages = _pipe(_reduce(([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]), _head)(cardWidths);
+
     const skip = _findIndex(position => position >= wrapperScrollLeft, possiblePositions);
+
     const actualPage = possiblePages[skip + 1];
     this.setState({
       possiblePositions,
@@ -157,6 +187,7 @@ class CardsList extends React.PureComponent {
       actualPage
     });
   }
+
   setCardsWrapper(element) {
     this.cardsWrapper = element;
     this.setState({
@@ -164,6 +195,7 @@ class CardsList extends React.PureComponent {
       offsetWidth: this.cardsWrapper?.offsetWidth
     });
   }
+
   getScrollWidth(index) {
     const {
       cards = []
@@ -171,6 +203,7 @@ class CardsList extends React.PureComponent {
     const card = cards[index];
     return computeWidth(card);
   }
+
   handleScroll() {
     const scrollLeft = this.cardsWrapper?.scrollLeft;
     this.setState({
@@ -183,16 +216,20 @@ class CardsList extends React.PureComponent {
     const {
       onScroll
     } = this.props;
+
     if (onScroll) {
       const leftBound = scrollLeft;
       const rightBound = scrollLeft + offsetWidth;
       const leftIndex = _findIndex(position => position > leftBound, possiblePositions) - 1;
+
       const rightIndex = _findLastIndex(position => position < rightBound, possiblePositions);
+
       const skip = leftIndex;
       const limit = rightIndex - skip + 1;
       onScroll(skip, limit);
     }
   }
+
   handleOnLeft() {
     const {
       actualPage,
@@ -200,6 +237,7 @@ class CardsList extends React.PureComponent {
     } = this.state;
     this.scrollTo(nextPage(actualPage - 1, maxPages));
   }
+
   handleOnRight() {
     const {
       actualPage,
@@ -207,6 +245,7 @@ class CardsList extends React.PureComponent {
     } = this.state;
     this.scrollTo(nextPage(actualPage + 1, maxPages));
   }
+
   scrollTo(page) {
     const {
       possiblePages,
@@ -220,11 +259,13 @@ class CardsList extends React.PureComponent {
       scrollLeft: nextPosition
     });
   }
+
   updatePages(actualPage) {
     this.setState({
       actualPage
     });
   }
+
   render() {
     const {
       title,
@@ -241,8 +282,11 @@ class CardsList extends React.PureComponent {
     const {
       maxPages
     } = this.state;
+
     const dark = _getOr('#90A4AE', 'common.dark', skin);
+
     const titleStyle = onShowMore ? style.titleLink : style.title;
+
     const cardsView = _pipe(_toPairs, _map(([key, card]) => {
       return /*#__PURE__*/React.createElement("div", {
         className: style.card,
@@ -251,6 +295,7 @@ class CardsList extends React.PureComponent {
         dataName: `${dataName}-${key}`
       })));
     }))(cards);
+
     const leftArrowView = /*#__PURE__*/React.createElement("div", {
       className: style.circle,
       onClick: this.handleOnLeft,
@@ -302,7 +347,9 @@ class CardsList extends React.PureComponent {
       ref: this.setCardsWrapper
     }, cardsView))));
   }
+
 }
+
 CardsList.contextTypes = {
   skin: Provider.childContextTypes.skin,
   translate: Provider.childContextTypes.translate

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionNavigationArrowLeft","ArrowLeft","NovaCompositionNavigationArrowRight","ArrowRight","NovaSolidContentContentBook1","LearnerIcon","NovaCompositionCoorpacademyTimer","TimerIcon","Provider","Card","style","ShowMoreLink","props","onShowMore","showMore","className","contextTypes","skin","childContextTypes","propTypes","func","string","IconView","context","contentType","ICONS","chapter","course","dark","IconType","icon","computeWidth","card","type","nextPage","page","maxPages","CardsList","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","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":["React","PropTypes","NovaCompositionNavigationArrowLeft","ArrowLeft","NovaCompositionNavigationArrowRight","ArrowRight","NovaSolidContentContentBook1","LearnerIcon","NovaCompositionCoorpacademyTimer","TimerIcon","Provider","Card","style","ShowMoreLink","props","onShowMore","showMore","className","contextTypes","skin","childContextTypes","propTypes","func","string","IconView","context","contentType","ICONS","chapter","course","dark","IconType","icon","computeWidth","card","type","nextPage","page","maxPages","CardsList","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","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/es/molecule/dashboard/news-list/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","News","Loader","style","NewsList","memo","props","title","news","more","loading","loadingView","loader","moreView","onClick","label","cardsView","map","nws","key","card","wrapper","list","propTypes","string","arrayOf","shape","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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,YAAY;AAC7B,OAAOC,MAAM,MAAM,sBAAsB;AACzC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,QAAQ,gBAAGL,KAAK,CAACM,IAAI,CAAC,SAASD,QAAQ,CAACE,KAAK,EAAE;EACnD,MAAM;IAACC,KAAK;IAAEC,IAAI;IAAEC,IAAI;IAAEC,OAAO,GAAG;EAAK,CAAC,GAAGJ,KAAK;EAElD,MAAMK,WAAW,gBACf;IAAK,SAAS,EAAER,KAAK,CAACS;EAAO,gBAC3B,oBAAC,MAAM,OAAG,CAEb;EAED,MAAMC,QAAQ,GAAGJ,IAAI;EAAA;EACnB;EACA;IAAK,SAAS,EAAEN,KAAK,CAACM,IAAK;IAAC,OAAO,EAAEA,IAAI,CAACK;EAAQ,GAC/CL,IAAI,CAACM,KAAK,CACP,GACJ,IAAI;EAER,MAAMC,SAAS,GAAGR,IAAI,CAACS,GAAG,CAAC,CAACC,GAAG,EAAEC,GAAG,KAAK;IACvC,oBACE;MAAK,SAAS,EAAEhB,KAAK,CAACiB,IAAK;MAAC,GAAG,EAAED;IAAI,gBACnC,oBAAC,IAAI,EAAKD,GAAG,CAAI,CACb;EAEV,CAAC,CAAC;EAEF,oBACE;IAAK,SAAS,EAAEf,KAAK,CAACkB,OAAQ;IAAC,aAAU;EAAW,gBAClD;IAAK,SAAS,EAAElB,KAAK,CAACmB;EAAK,gBACzB;IAAK,SAAS,EAAEnB,KAAK,CAACI;EAAM,GAAEA,KAAK,CAAO,EACzCS,SAAS,EACTN,OAAO,GAAGC,WAAW,GAAGE,QAAQ,CAC7B,CACF;AAEV,CAAC,CAAC;AAEFT,QAAQ,CAACmB,SAAS,2CAAG;EACnBhB,KAAK,EAAEP,SAAS,CAACwB,MAAM;EACvBhB,IAAI,EAAER,SAAS,CAACyB,OAAO,CAACzB,SAAS,CAAC0B,KAAK,CAACzB,IAAI,CAACsB,SAAS,CAAC,CAAC;EACxDd,IAAI,EAAET,SAAS,CAAC0B,KAAK,CAAC;IACpBX,KAAK,EAAEf,SAAS,CAACwB,MAAM;IACvBV,OAAO,EAAEd,SAAS,CAAC2B;EACrB,CAAC,CAAC;EACFjB,OAAO,EAAEV,SAAS,CAAC4B;AACrB,CAAC;AAED,eAAexB,QAAQ"}
+{"version":3,"file":"index.js","names":["React","PropTypes","News","Loader","style","NewsList","memo","props","title","news","more","loading","loadingView","loader","moreView","onClick","label","cardsView","map","nws","key","card","wrapper","list","propTypes","string","arrayOf","shape","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,YAAjB;AACA,OAAOC,MAAP,MAAmB,sBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,QAAQ,gBAAGL,KAAK,CAACM,IAAN,CAAW,SAASD,QAAT,CAAkBE,KAAlB,EAAyB;EACnD,MAAM;IAACC,KAAD;IAAQC,IAAR;IAAcC,IAAd;IAAoBC,OAAO,GAAG;EAA9B,IAAuCJ,KAA7C;EAEA,MAAMK,WAAW,gBACf;IAAK,SAAS,EAAER,KAAK,CAACS;EAAtB,gBACE,oBAAC,MAAD,OADF,CADF;EAMA,MAAMC,QAAQ,GAAGJ,IAAI;EAAA;EACnB;EACA;IAAK,SAAS,EAAEN,KAAK,CAACM,IAAtB;IAA4B,OAAO,EAAEA,IAAI,CAACK;EAA1C,GACGL,IAAI,CAACM,KADR,CAFmB,GAKjB,IALJ;EAOA,MAAMC,SAAS,GAAGR,IAAI,CAACS,GAAL,CAAS,CAACC,GAAD,EAAMC,GAAN,KAAc;IACvC,oBACE;MAAK,SAAS,EAAEhB,KAAK,CAACiB,IAAtB;MAA4B,GAAG,EAAED;IAAjC,gBACE,oBAAC,IAAD,EAAUD,GAAV,CADF,CADF;EAKD,CANiB,CAAlB;EAQA,oBACE;IAAK,SAAS,EAAEf,KAAK,CAACkB,OAAtB;IAA+B,aAAU;EAAzC,gBACE;IAAK,SAAS,EAAElB,KAAK,CAACmB;EAAtB,gBACE;IAAK,SAAS,EAAEnB,KAAK,CAACI;EAAtB,GAA8BA,KAA9B,CADF,EAEGS,SAFH,EAGGN,OAAO,GAAGC,WAAH,GAAiBE,QAH3B,CADF,CADF;AASD,CAjCgB,CAAjB;AAmCAT,QAAQ,CAACmB,SAAT,2CAAqB;EACnBhB,KAAK,EAAEP,SAAS,CAACwB,MADE;EAEnBhB,IAAI,EAAER,SAAS,CAACyB,OAAV,CAAkBzB,SAAS,CAAC0B,KAAV,CAAgBzB,IAAI,CAACsB,SAArB,CAAlB,CAFa;EAGnBd,IAAI,EAAET,SAAS,CAAC0B,KAAV,CAAgB;IACpBX,KAAK,EAAEf,SAAS,CAACwB,MADG;IAEpBV,OAAO,EAAEd,SAAS,CAAC2B;EAFC,CAAhB,CAHa;EAOnBjB,OAAO,EAAEV,SAAS,CAAC4B;AAPA,CAArB;AAUA,eAAexB,QAAf"}

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

@@ -1,4 +1,5 @@
 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); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import ButtonLink from '../../../atom/button-link';
@@ -9,9 +10,11 @@ const ReviewBanner = /*#__PURE__*/React.memo(function ReviewBanner(props) {
     subtitle,
     cta
   } = props;
+
   const buttonProps = _extends({}, cta, {
     type: 'primary'
   });
+
   return /*#__PURE__*/React.createElement("div", {
     className: style.root,
     "data-name": "start-review-banner"

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","ButtonLink","style","ReviewBanner","memo","props","title","subtitle","cta","buttonProps","type","root","container","banner","left","image","middle","right","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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,2BAA2B;AAClD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,YAAY,gBAAGJ,KAAK,CAACK,IAAI,CAAC,SAASD,YAAY,CAACE,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,EAAER,KAAK,CAACS,IAAK;IAAC,aAAU;EAAqB,gBACzD;IAAK,SAAS,EAAET,KAAK,CAACU;EAAU,gBAC9B;IAAK,SAAS,EAAEV,KAAK,CAACW;EAAO,gBAC3B;IAAK,SAAS,EAAEX,KAAK,CAACY,IAAK;IAAC,IAAI,EAAC,KAAK;IAAC,cAAW;EAAsB,gBACtE;IACE,SAAS,EAAEZ,KAAK,CAACa,KAAM;IACvB,GAAG,EAAC,+CAA+C;IACnD,GAAG,EAAC;EAAY,EAChB,CACE,eACN;IAAK,SAAS,EAAEb,KAAK,CAACc;EAAO,gBAC3B;IAAM,SAAS,EAAEd,KAAK,CAACI,KAAM;IAAC,aAAU,qBAAqB;IAAC,cAAW;EAAS,GAC/EA,KAAK,CACD,eACP;IACE,SAAS,EAAEJ,KAAK,CAACK,QAAS;IAC1B,aAAU,wBAAwB;IAClC,cAAW;EAAY,GAEtBA,QAAQ,CACJ,eACP,oBAAC,UAAU,eAAKE,WAAW;IAAE,SAAS,EAAEP,KAAK,CAACM;EAAI,GAAG,CACjD,eACN;IAAK,SAAS,EAAEN,KAAK,CAACe,KAAM;IAAC,IAAI,EAAC,KAAK;IAAC,cAAW;EAAuB,gBACxE;IACE,SAAS,EAAEf,KAAK,CAACa,KAAM;IACvB,GAAG,EAAC,kDAAkD;IACtD,GAAG,EAAC;EAAgB,EACpB,CACE,CACF,CACF,CACF;AAEV,CAAC,CAAC;AAEFZ,YAAY,CAACe,SAAS,2CAAG;EACvBZ,KAAK,EAAEN,SAAS,CAACmB,MAAM;EACvBZ,QAAQ,EAAEP,SAAS,CAACmB,MAAM;EAC1BX,GAAG,EAAER,SAAS,CAACoB,KAAK,CAAC;IACnBC,OAAO,EAAErB,SAAS,CAACsB,IAAI;IACvBC,KAAK,EAAEvB,SAAS,CAACmB;EACnB,CAAC;AACH,CAAC;AAED,eAAehB,YAAY"}
+{"version":3,"file":"index.js","names":["React","PropTypes","ButtonLink","style","ReviewBanner","memo","props","title","subtitle","cta","buttonProps","type","root","container","banner","left","image","middle","right","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,2BAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,YAAY,gBAAGJ,KAAK,CAACK,IAAN,CAAW,SAASD,YAAT,CAAsBE,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,EAAER,KAAK,CAACS,IAAtB;IAA4B,aAAU;EAAtC,gBACE;IAAK,SAAS,EAAET,KAAK,CAACU;EAAtB,gBACE;IAAK,SAAS,EAAEV,KAAK,CAACW;EAAtB,gBACE;IAAK,SAAS,EAAEX,KAAK,CAACY,IAAtB;IAA4B,IAAI,EAAC,KAAjC;IAAuC,cAAW;EAAlD,gBACE;IACE,SAAS,EAAEZ,KAAK,CAACa,KADnB;IAEE,GAAG,EAAC,+CAFN;IAGE,GAAG,EAAC;EAHN,EADF,CADF,eAQE;IAAK,SAAS,EAAEb,KAAK,CAACc;EAAtB,gBACE;IAAM,SAAS,EAAEd,KAAK,CAACI,KAAvB;IAA8B,aAAU,qBAAxC;IAA8D,cAAW;EAAzE,GACGA,KADH,CADF,eAIE;IACE,SAAS,EAAEJ,KAAK,CAACK,QADnB;IAEE,aAAU,wBAFZ;IAGE,cAAW;EAHb,GAKGA,QALH,CAJF,eAWE,oBAAC,UAAD,eAAgBE,WAAhB;IAA6B,SAAS,EAAEP,KAAK,CAACM;EAA9C,GAXF,CARF,eAqBE;IAAK,SAAS,EAAEN,KAAK,CAACe,KAAtB;IAA6B,IAAI,EAAC,KAAlC;IAAwC,cAAW;EAAnD,gBACE;IACE,SAAS,EAAEf,KAAK,CAACa,KADnB;IAEE,GAAG,EAAC,kDAFN;IAGE,GAAG,EAAC;EAHN,EADF,CArBF,CADF,CADF,CADF;AAmCD,CA3CoB,CAArB;AA6CAZ,YAAY,CAACe,SAAb,2CAAyB;EACvBZ,KAAK,EAAEN,SAAS,CAACmB,MADM;EAEvBZ,QAAQ,EAAEP,SAAS,CAACmB,MAFG;EAGvBX,GAAG,EAAER,SAAS,CAACoB,KAAV,CAAgB;IACnBC,OAAO,EAAErB,SAAS,CAACsB,IADA;IAEnBC,KAAK,EAAEvB,SAAS,CAACmB;EAFE,CAAhB;AAHkB,CAAzB;AASA,eAAehB,YAAf"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyBigFlashRight","FlashRight","NovaCompositionCoorpacademyBigFlashLeft","FlashLeft","Provider","Link","style","StartBattle","memo","props","startBattleText","becomeAChampionText","challengeText","onClick","href","root","container","wrapper","start","leftFlashes","bigFlashLeft","smallFlashLeft","middle","becomeText","smallFlashLeftMobile","smallFlashRightMobile","button","rightFlashes","bigFlashRight","smallFlashRight","contextTypes","skin","childContextTypes","propTypes","string","func"],"sources":["../../../../src/molecule/dashboard/start-battle/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyBigFlashRight as FlashRight,\n  NovaCompositionCoorpacademyBigFlashLeft as FlashLeft\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport Link from '../../../atom/link';\nimport style from './style.css';\n\nconst StartBattle = React.memo(function StartBattle(props) {\n  const {startBattleText, becomeAChampionText, challengeText, onClick, href} = props;\n\n  return (\n    <div className={style.root} data-name=\"start-battle\">\n      <div className={style.container}>\n        <div className={style.wrapper}>\n          <div className={style.start}>\n            <div className={style.leftFlashes}>\n              <FlashLeft className={style.bigFlashLeft} />\n              <FlashLeft className={style.smallFlashLeft} />\n            </div>\n            <div className={style.middle}>\n              <div className={style.becomeText}>\n                <FlashLeft className={style.smallFlashLeftMobile} />\n                {becomeAChampionText}\n                <FlashRight className={style.smallFlashRightMobile} />\n              </div>\n              <div className={style.challengeText}>{challengeText}</div>\n              <Link className={style.button} onClick={onClick} href={href}>\n                {startBattleText}\n              </Link>\n            </div>\n            <div className={style.rightFlashes}>\n              <FlashRight className={style.bigFlashRight} />\n              <FlashRight className={style.smallFlashRight} />\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n});\n\nStartBattle.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nStartBattle.propTypes = {\n  startBattleText: PropTypes.string,\n  becomeAChampionText: PropTypes.string,\n  challengeText: PropTypes.string,\n  onClick: PropTypes.func,\n  href: PropTypes.string\n};\n\nexport default StartBattle;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SACEC,wCAAwC,IAAIC,UAAU,EACtDC,uCAAuC,IAAIC,SAAS,QAC/C,0BAA0B;AACjC,OAAOC,QAAQ,MAAM,wBAAwB;AAC7C,OAAOC,IAAI,MAAM,oBAAoB;AACrC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,WAAW,gBAAGT,KAAK,CAACU,IAAI,CAAC,SAASD,WAAW,CAACE,KAAK,EAAE;EACzD,MAAM;IAACC,eAAe;IAAEC,mBAAmB;IAAEC,aAAa;IAAEC,OAAO;IAAEC;EAAI,CAAC,GAAGL,KAAK;EAElF,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACS,IAAK;IAAC,aAAU;EAAc,gBAClD;IAAK,SAAS,EAAET,KAAK,CAACU;EAAU,gBAC9B;IAAK,SAAS,EAAEV,KAAK,CAACW;EAAQ,gBAC5B;IAAK,SAAS,EAAEX,KAAK,CAACY;EAAM,gBAC1B;IAAK,SAAS,EAAEZ,KAAK,CAACa;EAAY,gBAChC,oBAAC,SAAS;IAAC,SAAS,EAAEb,KAAK,CAACc;EAAa,EAAG,eAC5C,oBAAC,SAAS;IAAC,SAAS,EAAEd,KAAK,CAACe;EAAe,EAAG,CAC1C,eACN;IAAK,SAAS,EAAEf,KAAK,CAACgB;EAAO,gBAC3B;IAAK,SAAS,EAAEhB,KAAK,CAACiB;EAAW,gBAC/B,oBAAC,SAAS;IAAC,SAAS,EAAEjB,KAAK,CAACkB;EAAqB,EAAG,EACnDb,mBAAmB,eACpB,oBAAC,UAAU;IAAC,SAAS,EAAEL,KAAK,CAACmB;EAAsB,EAAG,CAClD,eACN;IAAK,SAAS,EAAEnB,KAAK,CAACM;EAAc,GAAEA,aAAa,CAAO,eAC1D,oBAAC,IAAI;IAAC,SAAS,EAAEN,KAAK,CAACoB,MAAO;IAAC,OAAO,EAAEb,OAAQ;IAAC,IAAI,EAAEC;EAAK,GACzDJ,eAAe,CACX,CACH,eACN;IAAK,SAAS,EAAEJ,KAAK,CAACqB;EAAa,gBACjC,oBAAC,UAAU;IAAC,SAAS,EAAErB,KAAK,CAACsB;EAAc,EAAG,eAC9C,oBAAC,UAAU;IAAC,SAAS,EAAEtB,KAAK,CAACuB;EAAgB,EAAG,CAC5C,CACF,CACF,CACF,CACF;AAEV,CAAC,CAAC;AAEFtB,WAAW,CAACuB,YAAY,GAAG;EACzBC,IAAI,EAAE3B,QAAQ,CAAC4B,iBAAiB,CAACD;AACnC,CAAC;AAEDxB,WAAW,CAAC0B,SAAS,2CAAG;EACtBvB,eAAe,EAAEX,SAAS,CAACmC,MAAM;EACjCvB,mBAAmB,EAAEZ,SAAS,CAACmC,MAAM;EACrCtB,aAAa,EAAEb,SAAS,CAACmC,MAAM;EAC/BrB,OAAO,EAAEd,SAAS,CAACoC,IAAI;EACvBrB,IAAI,EAAEf,SAAS,CAACmC;AAClB,CAAC;AAED,eAAe3B,WAAW"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyBigFlashRight","FlashRight","NovaCompositionCoorpacademyBigFlashLeft","FlashLeft","Provider","Link","style","StartBattle","memo","props","startBattleText","becomeAChampionText","challengeText","onClick","href","root","container","wrapper","start","leftFlashes","bigFlashLeft","smallFlashLeft","middle","becomeText","smallFlashLeftMobile","smallFlashRightMobile","button","rightFlashes","bigFlashRight","smallFlashRight","contextTypes","skin","childContextTypes","propTypes","string","func"],"sources":["../../../../src/molecule/dashboard/start-battle/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyBigFlashRight as FlashRight,\n  NovaCompositionCoorpacademyBigFlashLeft as FlashLeft\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport Link from '../../../atom/link';\nimport style from './style.css';\n\nconst StartBattle = React.memo(function StartBattle(props) {\n  const {startBattleText, becomeAChampionText, challengeText, onClick, href} = props;\n\n  return (\n    <div className={style.root} data-name=\"start-battle\">\n      <div className={style.container}>\n        <div className={style.wrapper}>\n          <div className={style.start}>\n            <div className={style.leftFlashes}>\n              <FlashLeft className={style.bigFlashLeft} />\n              <FlashLeft className={style.smallFlashLeft} />\n            </div>\n            <div className={style.middle}>\n              <div className={style.becomeText}>\n                <FlashLeft className={style.smallFlashLeftMobile} />\n                {becomeAChampionText}\n                <FlashRight className={style.smallFlashRightMobile} />\n              </div>\n              <div className={style.challengeText}>{challengeText}</div>\n              <Link className={style.button} onClick={onClick} href={href}>\n                {startBattleText}\n              </Link>\n            </div>\n            <div className={style.rightFlashes}>\n              <FlashRight className={style.bigFlashRight} />\n              <FlashRight className={style.smallFlashRight} />\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n});\n\nStartBattle.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nStartBattle.propTypes = {\n  startBattleText: PropTypes.string,\n  becomeAChampionText: PropTypes.string,\n  challengeText: PropTypes.string,\n  onClick: PropTypes.func,\n  href: PropTypes.string\n};\n\nexport default StartBattle;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SACEC,wCAAwC,IAAIC,UAD9C,EAEEC,uCAAuC,IAAIC,SAF7C,QAGO,0BAHP;AAIA,OAAOC,QAAP,MAAqB,wBAArB;AACA,OAAOC,IAAP,MAAiB,oBAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,WAAW,gBAAGT,KAAK,CAACU,IAAN,CAAW,SAASD,WAAT,CAAqBE,KAArB,EAA4B;EACzD,MAAM;IAACC,eAAD;IAAkBC,mBAAlB;IAAuCC,aAAvC;IAAsDC,OAAtD;IAA+DC;EAA/D,IAAuEL,KAA7E;EAEA,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACS,IAAtB;IAA4B,aAAU;EAAtC,gBACE;IAAK,SAAS,EAAET,KAAK,CAACU;EAAtB,gBACE;IAAK,SAAS,EAAEV,KAAK,CAACW;EAAtB,gBACE;IAAK,SAAS,EAAEX,KAAK,CAACY;EAAtB,gBACE;IAAK,SAAS,EAAEZ,KAAK,CAACa;EAAtB,gBACE,oBAAC,SAAD;IAAW,SAAS,EAAEb,KAAK,CAACc;EAA5B,EADF,eAEE,oBAAC,SAAD;IAAW,SAAS,EAAEd,KAAK,CAACe;EAA5B,EAFF,CADF,eAKE;IAAK,SAAS,EAAEf,KAAK,CAACgB;EAAtB,gBACE;IAAK,SAAS,EAAEhB,KAAK,CAACiB;EAAtB,gBACE,oBAAC,SAAD;IAAW,SAAS,EAAEjB,KAAK,CAACkB;EAA5B,EADF,EAEGb,mBAFH,eAGE,oBAAC,UAAD;IAAY,SAAS,EAAEL,KAAK,CAACmB;EAA7B,EAHF,CADF,eAME;IAAK,SAAS,EAAEnB,KAAK,CAACM;EAAtB,GAAsCA,aAAtC,CANF,eAOE,oBAAC,IAAD;IAAM,SAAS,EAAEN,KAAK,CAACoB,MAAvB;IAA+B,OAAO,EAAEb,OAAxC;IAAiD,IAAI,EAAEC;EAAvD,GACGJ,eADH,CAPF,CALF,eAgBE;IAAK,SAAS,EAAEJ,KAAK,CAACqB;EAAtB,gBACE,oBAAC,UAAD;IAAY,SAAS,EAAErB,KAAK,CAACsB;EAA7B,EADF,eAEE,oBAAC,UAAD;IAAY,SAAS,EAAEtB,KAAK,CAACuB;EAA7B,EAFF,CAhBF,CADF,CADF,CADF,CADF;AA6BD,CAhCmB,CAApB;AAkCAtB,WAAW,CAACuB,YAAZ,GAA2B;EACzBC,IAAI,EAAE3B,QAAQ,CAAC4B,iBAAT,CAA2BD;AADR,CAA3B;AAIAxB,WAAW,CAAC0B,SAAZ,2CAAwB;EACtBvB,eAAe,EAAEX,SAAS,CAACmC,MADL;EAEtBvB,mBAAmB,EAAEZ,SAAS,CAACmC,MAFT;EAGtBtB,aAAa,EAAEb,SAAS,CAACmC,MAHH;EAItBrB,OAAO,EAAEd,SAAS,CAACoC,IAJG;EAKtBrB,IAAI,EAAEf,SAAS,CAACmC;AALM,CAAxB;AAQA,eAAe3B,WAAf"}

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

@@ -3,6 +3,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Provider from '../../atom/provider';
 import style from './style.css';
+
 const DisciplineCTA = (props, context) => {
   const {
     skin
@@ -25,7 +26,9 @@ const DisciplineCTA = (props, context) => {
       __html: buyLabel
     }
   });
+
   const startColor = _getOr('#f0f', 'common.primary', skin);
+
   const startButton = start ? /*#__PURE__*/React.createElement("a", {
     "data-name": "start",
     className: style.start,
@@ -44,6 +47,7 @@ const DisciplineCTA = (props, context) => {
     className: style.head
   }, startButton, buyButton);
 };
+
 DisciplineCTA.contextTypes = {
   skin: Provider.childContextTypes.skin
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Provider","style","DisciplineCTA","props","context","skin","startLabel","buyLabel","start","buy","startLearning","__html","premium","startColor","startButton","backgroundColor","buyButton","head","contextTypes","childContextTypes","propTypes","string","func"],"sources":["../../../src/molecule/discipline-cta/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst DisciplineCTA = (props, context) => {\n  const {skin} = context;\n\n  const {startLabel, buyLabel, start, buy} = props;\n\n  const startLearning = (\n    <span\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: startLabel}}\n    />\n  );\n  const premium = (\n    <span\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: buyLabel}}\n    />\n  );\n\n  const startColor = getOr('#f0f', 'common.primary', skin);\n\n  const startButton = start ? (\n    <a\n      data-name=\"start\"\n      className={style.start}\n      onClick={start}\n      style={{\n        backgroundColor: startColor\n      }}\n    >\n      {startLearning}\n    </a>\n  ) : null;\n\n  const buyButton = buy ? (\n    <a data-name=\"buy\" className={style.buy} onClick={buy}>\n      {premium}\n    </a>\n  ) : null;\n\n  return (\n    <div data-name=\"disciplineCta\" className={style.head}>\n      {startButton}\n      {buyButton}\n    </div>\n  );\n};\n\nDisciplineCTA.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nDisciplineCTA.propTypes = {\n  startLabel: PropTypes.string,\n  buyLabel: PropTypes.string,\n  start: PropTypes.func,\n  buy: PropTypes.func\n};\n\nexport default DisciplineCTA;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,aAAa,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EACxC,MAAM;IAACC;EAAI,CAAC,GAAGD,OAAO;EAEtB,MAAM;IAACE,UAAU;IAAEC,QAAQ;IAAEC,KAAK;IAAEC;EAAG,CAAC,GAAGN,KAAK;EAEhD,MAAMO,aAAa,gBACjB;IACE;IACA,uBAAuB,EAAE;MAACC,MAAM,EAAEL;IAAU;EAAE,EAEjD;EACD,MAAMM,OAAO,gBACX;IACE;IACA,uBAAuB,EAAE;MAACD,MAAM,EAAEJ;IAAQ;EAAE,EAE/C;EAED,MAAMM,UAAU,GAAG,OAAM,MAAM,EAAE,gBAAgB,EAAER,IAAI,CAAC;EAExD,MAAMS,WAAW,GAAGN,KAAK,gBACvB;IACE,aAAU,OAAO;IACjB,SAAS,EAAEP,KAAK,CAACO,KAAM;IACvB,OAAO,EAAEA,KAAM;IACf,KAAK,EAAE;MACLO,eAAe,EAAEF;IACnB;EAAE,GAEDH,aAAa,CACZ,GACF,IAAI;EAER,MAAMM,SAAS,GAAGP,GAAG,gBACnB;IAAG,aAAU,KAAK;IAAC,SAAS,EAAER,KAAK,CAACQ,GAAI;IAAC,OAAO,EAAEA;EAAI,GACnDG,OAAO,CACN,GACF,IAAI;EAER,oBACE;IAAK,aAAU,eAAe;IAAC,SAAS,EAAEX,KAAK,CAACgB;EAAK,GAClDH,WAAW,EACXE,SAAS,CACN;AAEV,CAAC;AAEDd,aAAa,CAACgB,YAAY,GAAG;EAC3Bb,IAAI,EAAEL,QAAQ,CAACmB,iBAAiB,CAACd;AACnC,CAAC;AAEDH,aAAa,CAACkB,SAAS,2CAAG;EACxBd,UAAU,EAAEP,SAAS,CAACsB,MAAM;EAC5Bd,QAAQ,EAAER,SAAS,CAACsB,MAAM;EAC1Bb,KAAK,EAAET,SAAS,CAACuB,IAAI;EACrBb,GAAG,EAAEV,SAAS,CAACuB;AACjB,CAAC;AAED,eAAepB,aAAa"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Provider","style","DisciplineCTA","props","context","skin","startLabel","buyLabel","start","buy","startLearning","__html","premium","startColor","startButton","backgroundColor","buyButton","head","contextTypes","childContextTypes","propTypes","string","func"],"sources":["../../../src/molecule/discipline-cta/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst DisciplineCTA = (props, context) => {\n  const {skin} = context;\n\n  const {startLabel, buyLabel, start, buy} = props;\n\n  const startLearning = (\n    <span\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: startLabel}}\n    />\n  );\n  const premium = (\n    <span\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: buyLabel}}\n    />\n  );\n\n  const startColor = getOr('#f0f', 'common.primary', skin);\n\n  const startButton = start ? (\n    <a\n      data-name=\"start\"\n      className={style.start}\n      onClick={start}\n      style={{\n        backgroundColor: startColor\n      }}\n    >\n      {startLearning}\n    </a>\n  ) : null;\n\n  const buyButton = buy ? (\n    <a data-name=\"buy\" className={style.buy} onClick={buy}>\n      {premium}\n    </a>\n  ) : null;\n\n  return (\n    <div data-name=\"disciplineCta\" className={style.head}>\n      {startButton}\n      {buyButton}\n    </div>\n  );\n};\n\nDisciplineCTA.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nDisciplineCTA.propTypes = {\n  startLabel: PropTypes.string,\n  buyLabel: PropTypes.string,\n  start: PropTypes.func,\n  buy: PropTypes.func\n};\n\nexport default DisciplineCTA;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,aAAa,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACxC,MAAM;IAACC;EAAD,IAASD,OAAf;EAEA,MAAM;IAACE,UAAD;IAAaC,QAAb;IAAuBC,KAAvB;IAA8BC;EAA9B,IAAqCN,KAA3C;EAEA,MAAMO,aAAa,gBACjB;IACE;IACA,uBAAuB,EAAE;MAACC,MAAM,EAAEL;IAAT;EAF3B,EADF;EAMA,MAAMM,OAAO,gBACX;IACE;IACA,uBAAuB,EAAE;MAACD,MAAM,EAAEJ;IAAT;EAF3B,EADF;;EAOA,MAAMM,UAAU,GAAG,OAAM,MAAN,EAAc,gBAAd,EAAgCR,IAAhC,CAAnB;;EAEA,MAAMS,WAAW,GAAGN,KAAK,gBACvB;IACE,aAAU,OADZ;IAEE,SAAS,EAAEP,KAAK,CAACO,KAFnB;IAGE,OAAO,EAAEA,KAHX;IAIE,KAAK,EAAE;MACLO,eAAe,EAAEF;IADZ;EAJT,GAQGH,aARH,CADuB,GAWrB,IAXJ;EAaA,MAAMM,SAAS,GAAGP,GAAG,gBACnB;IAAG,aAAU,KAAb;IAAmB,SAAS,EAAER,KAAK,CAACQ,GAApC;IAAyC,OAAO,EAAEA;EAAlD,GACGG,OADH,CADmB,GAIjB,IAJJ;EAMA,oBACE;IAAK,aAAU,eAAf;IAA+B,SAAS,EAAEX,KAAK,CAACgB;EAAhD,GACGH,WADH,EAEGE,SAFH,CADF;AAMD,CA7CD;;AA+CAd,aAAa,CAACgB,YAAd,GAA6B;EAC3Bb,IAAI,EAAEL,QAAQ,CAACmB,iBAAT,CAA2Bd;AADN,CAA7B;AAIAH,aAAa,CAACkB,SAAd,2CAA0B;EACxBd,UAAU,EAAEP,SAAS,CAACsB,MADE;EAExBd,QAAQ,EAAER,SAAS,CAACsB,MAFI;EAGxBb,KAAK,EAAET,SAAS,CAACuB,IAHO;EAIxBb,GAAG,EAAEV,SAAS,CAACuB;AAJS,CAA1B;AAOA,eAAepB,aAAf"}

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

@@ -6,6 +6,7 @@ import classnames from 'classnames';
 import VideoPlayer from '../video-player';
 import Picture from '../../atom/picture';
 import style from './style.css';
+
 const Preview = ({
   image,
   video
@@ -13,6 +14,7 @@ const Preview = ({
   const mimeType = get('mimeType', video);
   const id = get('id', video);
   const jwpOptions = get('jwpOptions', video);
+
   if (id) {
     return /*#__PURE__*/React.createElement(VideoPlayer, {
       mimeType: mimeType,
@@ -29,10 +31,12 @@ const Preview = ({
     });
   }
 };
+
 Preview.propTypes = process.env.NODE_ENV !== "production" ? {
   image: Picture.propTypes.src,
   video: PropTypes.shape(VideoPlayer.propTypes)
 } : {};
+
 class DisciplineHeader extends React.Component {
   constructor(props) {
     super(props);
@@ -43,16 +47,19 @@ class DisciplineHeader extends React.Component {
     this.handleToggleDisplay = this.handleToggleDisplay.bind(this);
     this.setHandle = this.setHandle.bind(this);
   }
+
   handleToggleDisplay() {
     this.setState(prevState => ({
       fullDisplay: !prevState.fullDisplay
     }));
   }
+
   setHandle(el) {
     this.setState({
       offsetHeightShowMore: getOr(0, 'offsetHeight', el)
     });
   }
+
   render() {
     const {
       image,
@@ -82,8 +89,7 @@ class DisciplineHeader extends React.Component {
       className: style.courseWrapper
     }, /*#__PURE__*/React.createElement("div", {
       "data-name": "title",
-      className: classnames(style.title, style.innerHTML)
-      // eslint-disable-next-line react/no-danger
+      className: classnames(style.title, style.innerHTML) // eslint-disable-next-line react/no-danger
       ,
       dangerouslySetInnerHTML: {
         __html: title
@@ -91,8 +97,7 @@ class DisciplineHeader extends React.Component {
     }), /*#__PURE__*/React.createElement("div", {
       className: fullDisplay ? style.desc : style.shortDesc
     }, /*#__PURE__*/React.createElement("div", {
-      className: style.innerHTML
-      // eslint-disable-next-line react/no-danger
+      className: style.innerHTML // eslint-disable-next-line react/no-danger
       ,
       dangerouslySetInnerHTML: {
         __html: description
@@ -103,7 +108,9 @@ class DisciplineHeader extends React.Component {
       onClick: this.handleToggleDisplay
     }, toggleLabel)));
   }
+
 }
+
 DisciplineHeader.contextTypes = {
   translate: PropTypes.func
 };

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

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