@coorpacademy/components 11.9.3-alpha.29 → 11.10.1

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":";;;;;;;;;;;;;;;;;AAAA;AAgBA;AACA;AAMA;AACA;AACA;AAAgC;AAAA;AAEhC,MAAMA,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IAACC,UAAU;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAC/C,oBACE;IAAK,SAAS,EAAEG,SAAU;IAAC,OAAO,EAAEF;EAAW,GAC5CC,QAAQ,CACL;AAEV,CAAC;AAEDH,YAAY,CAACK,YAAY,GAAG;EAC1BC,IAAI,EAAEC,iBAAQ,CAACC,iBAAiB,CAACF;AACnC,CAAC;AAEDN,YAAY,CAACS,SAAS,2CAAG;EACvBP,UAAU,EAAEQ,kBAAS,CAACC,IAAI;EAC1BR,QAAQ,EAAEO,kBAAS,CAACE,MAAM;EAC1BR,SAAS,EAAEM,kBAAS,CAACE;AACvB,CAAC;AAED,MAAMC,QAAQ,GAAG,CAACZ,KAAK,EAAEa,OAAO,KAAK;EACnC,MAAM;IAACR;EAAI,CAAC,GAAGQ,OAAO;EACtB,MAAM;IAACC;EAAW,CAAC,GAAGd,KAAK;EAC3B,MAAMe,KAAK,GAAG;IACZC,OAAO,EAAEC,2CAAS;IAClBC,MAAM,EAAEC;EACV,CAAC;EAED,IAAI,CAACL,WAAW,EAAE;IAChB,OAAO,IAAI;EACb;EAEA,MAAMM,IAAI,GAAG,mBAAI,aAAa,EAAEf,IAAI,CAAC;EACrC,MAAMgB,QAAQ,GAAGN,KAAK,CAACD,WAAW,CAAC;EAEnC,oBACE,uDACE,6BAAC,QAAQ;IAAC,KAAK,EAAEM,IAAK;IAAC,SAAS,EAAEE,cAAK,CAACC,IAAK;IAAC,oBAAkBT;EAAY,EAAG,CAC3E;AAEV,CAAC;AAED,MAAMU,YAAY,GAAGC,IAAI,IAAI;EAC3B,QAAQA,IAAI,IAAIA,IAAI,CAACC,IAAI;IACvB,KAAK,SAAS;MACZ,OAAO,GAAG;IACZ;MACE,OAAO,GAAG;EAAC;AAEjB,CAAC;AAED,MAAMC,QAAQ,GAAG,CAACC,IAAI,EAAEC,QAAQ,KAAK;EACnC,IAAID,IAAI,GAAG,CAAC,EAAE,OAAOC,QAAQ;EAC7B,IAAID,IAAI,GAAGC,QAAQ,EAAE,OAAO,CAAC;EAC7B,OAAOD,IAAI;AACb,CAAC;AAEDhB,QAAQ,CAACJ,SAAS,2CAAG;EACnBM,WAAW,EAAEL,kBAAS,CAACE;AACzB,CAAC;AAED,MAAMmB,SAAS,SAASC,cAAK,CAACC,aAAa,CAAC;EAoB1CC,WAAW,CAACjC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IAEZ,IAAI,CAACkC,KAAK,GAAG;MACXC,UAAU,EAAE,CAAC;MACbN,QAAQ,EAAE,CAAC;MACXO,UAAU,EAAE,CAAC;MACbC,WAAW,EAAE,CAAC;MACdC,iBAAiB,EAAE,EAAE;MACrBC,aAAa,EAAE,EAAE;MACjBC,UAAU,EAAE;IACd,CAAC;IAED,IAAI,CAACC,aAAa,GAAG,wBAAS,GAAG,EAAE,IAAI,CAACC,YAAY,CAACC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChE,IAAI,CAACD,YAAY,GAAG,IAAI,CAACA,YAAY,CAACC,IAAI,CAAC,IAAI,CAAC;IAChD,IAAI,CAACC,YAAY,GAAG,IAAI,CAACA,YAAY,CAACD,IAAI,CAAC,IAAI,CAAC;IAChD,IAAI,CAACE,aAAa,GAAG,IAAI,CAACA,aAAa,CAACF,IAAI,CAAC,IAAI,CAAC;IAClD,IAAI,CAACG,QAAQ,GAAG,IAAI,CAACA,QAAQ,CAACH,IAAI,CAAC,IAAI,CAAC;IACxC,IAAI,CAACI,WAAW,GAAG,wBAAS,GAAG,EAAE,IAAI,CAACC,WAAW,CAACL,IAAI,CAAC,IAAI,CAAC,CAAC;IAC7D,IAAI,CAACK,WAAW,GAAG,IAAI,CAACA,WAAW,CAACL,IAAI,CAAC,IAAI,CAAC;IAC9C,IAAI,CAACM,eAAe,GAAG,IAAI,CAACA,eAAe,CAACN,IAAI,CAAC,IAAI,CAAC;IACtD,IAAI,CAACO,cAAc,GAAG,IAAI,CAACA,cAAc,CAACP,IAAI,CAAC,IAAI,CAAC;IACpD,IAAI,CAACQ,YAAY,GAAG,IAAI,CAACA,YAAY,CAACR,IAAI,CAAC,IAAI,CAAC;EAClD;EAEAS,iBAAiB,GAAG;IAClB,IAAI,CAACC,YAAY,CAACC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAACb,aAAa,CAAC;IAEhE,IAAIc,MAAM,EAAE;MACVA,MAAM,CAACD,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAACH,YAAY,CAAC;IACtD;EACF;EAEAK,kBAAkB,GAAG;IACnB,MAAM;MAACC,KAAK,GAAG;IAAE,CAAC,GAAG,IAAI,CAACzD,KAAK;IAC/B,MAAM;MAACqC,WAAW;MAAEG;IAAU,CAAC,GAAG,IAAI,CAACN,KAAK;IAC5C,MAAMwB,aAAa,GAAG,oBAAK,mBAAIlC,YAAY,CAAC,gBAAM,CAACiC,KAAK,CAAC;IAEzD,IAAIC,aAAa,KAAKlB,UAAU,IAAIH,WAAW,KAAK,CAAC,EAAE;MACrD,IAAI,CAACsB,qBAAqB,CAACF,KAAK,CAAC;MACjC;MACA,IAAI,CAACG,QAAQ,CAAC;QACZpB,UAAU,EAAEkB;MACd,CAAC,CAAC;IACJ;EACF;EAEAG,oBAAoB,GAAG;IACrB,IAAI,CAACR,YAAY,CAACS,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAACrB,aAAa,CAAC;IAEnE,IAAIc,MAAM,EAAE;MACVA,MAAM,CAACO,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAACX,YAAY,CAAC;IACzD;IACA,IAAI,CAACJ,WAAW,CAACgB,MAAM,EAAE;EAC3B;EAEAZ,YAAY,GAAG;IACb,MAAM;MAACM,KAAK,GAAG;IAAE,CAAC,GAAG,IAAI,CAACzD,KAAK;IAC/B,IAAI,CAAC2D,qBAAqB,CAACF,KAAK,CAAC;EACnC;EAEAE,qBAAqB,CAACF,KAAK,EAAE;IAC3B,MAAM;MAACpB,WAAW,EAAE2B,YAAY;MAAE5B,UAAU,EAAE6B;IAAiB,CAAC,GAAG,IAAI,CAAC/B,KAAK;IAE7E,MAAMgC,UAAU,GAAG,mBAAI1C,YAAY,CAAC,CAACiC,KAAK,CAAC;IAE3C,MAAMnB,iBAAiB,GAAG,oBACxB,sBACE,CAAC,CAAC6B,aAAa,EAAEC,QAAQ,CAAC,EAAEC,SAAS,KAAK,CACxC,CAAC,GAAGF,aAAa,EAAEC,QAAQ,CAAC,EAC5BC,SAAS,GAAGD,QAAQ,CACrB,EACD,CAAC,EAAE,EAAE,CAAC,CAAC,CACR,iBAEF,CAACF,UAAU,CAAC;IAEb,MAAM3B,aAAa,GAAG,oBACpB,sBACE,CAAC,CAAC+B,GAAG,EAAEC,SAAS,EAAEC,YAAY,CAAC,EAAEH,SAAS,KAAK;MAC7C,MAAMI,SAAS,GAAGD,YAAY,GAAGH,SAAS;MAC1C,IAAII,SAAS,GAAGT,YAAY,EAAE;QAC5B,OAAO,CAAC,CAAC,GAAGM,GAAG,EAAEC,SAAS,GAAG,CAAC,CAAC,EAAEA,SAAS,GAAG,CAAC,EAAEF,SAAS,CAAC;MAC5D;MACA,OAAO,CAAC,CAAC,GAAGC,GAAG,EAAEC,SAAS,CAAC,EAAEA,SAAS,EAAEE,SAAS,CAAC;IACpD,CAAC,EACD,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CACX,iBAEF,CAACP,UAAU,CAAC;IAEb,MAAMQ,IAAI,GAAG,yBAAUC,QAAQ,IAAIA,QAAQ,IAAIV,iBAAiB,EAAE3B,iBAAiB,CAAC;IACpF,MAAMH,UAAU,GAAGI,aAAa,CAACmC,IAAI,GAAG,CAAC,CAAC;IAE1C,IAAI,CAACd,QAAQ,CAAC;MACZtB,iBAAiB;MACjBC,aAAa;MACbV,QAAQ,EAAE,oBAAKU,aAAa,CAAC;MAC7BJ;IACF,CAAC,CAAC;EACJ;EAEAc,eAAe,CAAC2B,OAAO,EAAE;IACvB,IAAI,CAACvB,YAAY,GAAGuB,OAAO;IAC3B,IAAI,CAAChB,QAAQ,CAAC;MACZxB,UAAU,EAAE,IAAI,CAACiB,YAAY,EAAEjB,UAAU;MACzCC,WAAW,EAAE,IAAI,CAACgB,YAAY,EAAEhB;IAClC,CAAC,CAAC;EACJ;EAEAa,cAAc,CAAC2B,KAAK,EAAE;IACpB,MAAM;MAACpB,KAAK,GAAG;IAAE,CAAC,GAAG,IAAI,CAACzD,KAAK;IAC/B,MAAMyB,IAAI,GAAGgC,KAAK,CAACoB,KAAK,CAAC;IACzB,OAAOrD,YAAY,CAACC,IAAI,CAAC;EAC3B;EAEAiB,YAAY,GAAG;IACb,MAAMN,UAAU,GAAG,IAAI,CAACiB,YAAY,EAAEjB,UAAU;IAChD,IAAI,CAACwB,QAAQ,CAAC;MAACxB;IAAU,CAAC,CAAC;IAE3B,MAAM;MAACE,iBAAiB;MAAED;IAAW,CAAC,GAAG,IAAI,CAACH,KAAK;IACnD,MAAM;MAAC4C;IAAQ,CAAC,GAAG,IAAI,CAAC9E,KAAK;IAC7B,IAAI8E,QAAQ,EAAE;MACZ,MAAMC,SAAS,GAAG3C,UAAU;MAC5B,MAAM4C,UAAU,GAAG5C,UAAU,GAAGC,WAAW;MAE3C,MAAM4C,SAAS,GAAG,yBAAUN,QAAQ,IAAIA,QAAQ,GAAGI,SAAS,EAAEzC,iBAAiB,CAAC,GAAG,CAAC;MACpF,MAAM4C,UAAU,GAAG,6BAAcP,QAAQ,IAAIA,QAAQ,GAAGK,UAAU,EAAE1C,iBAAiB,CAAC;MACtF,MAAMoC,IAAI,GAAGO,SAAS;MACtB,MAAME,KAAK,GAAGD,UAAU,GAAGR,IAAI,GAAG,CAAC;MAEnCI,QAAQ,CAACJ,IAAI,EAAES,KAAK,CAAC;IACvB;EACF;EAEAvC,YAAY,GAAG;IACb,MAAM;MAACT,UAAU;MAAEN;IAAQ,CAAC,GAAG,IAAI,CAACK,KAAK;IACzC,IAAI,CAACY,QAAQ,CAACnB,QAAQ,CAACQ,UAAU,GAAG,CAAC,EAAEN,QAAQ,CAAC,CAAC;EACnD;EAEAgB,aAAa,GAAG;IACd,MAAM;MAACV,UAAU;MAAEN;IAAQ,CAAC,GAAG,IAAI,CAACK,KAAK;IACzC,IAAI,CAACY,QAAQ,CAACnB,QAAQ,CAACQ,UAAU,GAAG,CAAC,EAAEN,QAAQ,CAAC,CAAC;EACnD;EAEAiB,QAAQ,CAAClB,IAAI,EAAE;IACb,MAAM;MAACW,aAAa;MAAED;IAAiB,CAAC,GAAG,IAAI,CAACJ,KAAK;IACrD,MAAMkD,oBAAoB,GAAG7C,aAAa,CAAC8C,OAAO,CAACzD,IAAI,CAAC;IACxD,MAAM0D,YAAY,GAAGhD,iBAAiB,CAAC8C,oBAAoB,CAAC;IAC5D,IAAI,CAAC/B,YAAY,CAACjB,UAAU,GAAGkD,YAAY;IAC3C,IAAI,CAACtC,WAAW,CAACpB,IAAI,CAAC;IACtB,IAAI,CAACgC,QAAQ,CAAC;MACZxB,UAAU,EAAEkD;IACd,CAAC,CAAC;EACJ;EAEAtC,WAAW,CAACb,UAAU,EAAE;IACtB,IAAI,CAACyB,QAAQ,CAAC;MACZzB;IACF,CAAC,CAAC;EACJ;EAEAoD,MAAM,GAAG;IACP,MAAM;MACJC,KAAK;MACLtF,QAAQ;MACRuD,KAAK;MACLxD,UAAU;MACVwF,QAAQ;MACR3E,WAAW;MACX,mBAAmB,EAAE4E,SAAS,GAAG,CAAC;IACpC,CAAC,GAAG,IAAI,CAAC1F,KAAK;IACd,MAAM;MAACK;IAAI,CAAC,GAAG,IAAI,CAACQ,OAAO;IAC3B,MAAM;MAACgB;IAAQ,CAAC,GAAG,IAAI,CAACK,KAAK;IAC7B,MAAMd,IAAI,GAAG,qBAAM,SAAS,EAAE,aAAa,EAAEf,IAAI,CAAC;IAClD,MAAMsF,UAAU,GAAG1F,UAAU,GAAGqB,cAAK,CAACsE,SAAS,GAAGtE,cAAK,CAACkE,KAAK;IAC7D,MAAMK,SAAS,GAAG,uCAEhB,mBAAI,CAAC,CAACC,GAAG,EAAErE,IAAI,CAAC,KAAK;MACnB,oBACE;QAAK,SAAS,EAAEH,cAAK,CAACG,IAAK;QAAC,GAAG,EAAEqE;MAAI,gBACnC,6BAAC,aAAI,eAAKrE,IAAI;QAAE,QAAQ,EAAG,GAAEgE,QAAS,IAAGK,GAAI;MAAE,GAAG,CAC9C;IAEV,CAAC,CAAC,CACH,CAACrC,KAAK,CAAC;IACR,MAAMsC,aAAa,gBACjB;MAAK,SAAS,EAAEzE,cAAK,CAAC0E,MAAO;MAAC,OAAO,EAAE,IAAI,CAACpD,YAAa;MAAC,aAAU;IAAsB,gBACxF,6BAAC,6CAAS;MACR,KAAK,EAAExB,IAAK;MACZ,SAAS,EAAEE,cAAK,CAAC2E,IAAK;MACtB,KAAK,EAAE,EAAG;MACV,MAAM,EAAE,EAAG;MACX,cAAYP,SAAS,CAACQ;IAAwB,EAC9C,CAEL;IACD,MAAMC,cAAc,gBAClB;MAAK,SAAS,EAAE7E,cAAK,CAAC0E,MAAO;MAAC,OAAO,EAAE,IAAI,CAACnD,aAAc;MAAC,aAAU;IAAuB,gBAC1F,6BAAC,8CAAU;MACT,KAAK,EAAEzB,IAAK;MACZ,SAAS,EAAEE,cAAK,CAAC8E,KAAM;MACvB,KAAK,EAAE,EAAG;MACV,MAAM,EAAE,EAAG;MACX,cAAYV,SAAS,CAACW;IAAyB,EAC/C,CAEL;IAED,MAAMC,SAAS,gBACb;MAAM,aAAU,OAAO;MAAC,SAAS,EAAEX,UAAW;MAAC,OAAO,EAAE1F;IAAW,gBACjE,6BAAC,QAAQ;MAAC,WAAW,EAAEa;IAAY,EAAG,eACtC,2CAAO0E,KAAK,CAAQ,CAEvB;IAED,MAAMe,QAAQ,GAAG1E,QAAQ,GAAG,CAAC;IAC7B,MAAM2E,YAAY,GAChBD,QAAQ,IAAIrG,QAAQ,IAAID,UAAU,gBAChC,6BAAC,YAAY;MACX,SAAS,EAAEsG,QAAQ,GAAGjF,cAAK,CAACmF,WAAW,GAAGnF,cAAK,CAACpB,QAAS;MACzD,UAAU,EAAED,UAAW;MACvB,QAAQ,EAAEC;IAAS,EACnB,GACA,IAAI;IAEV,MAAMwG,eAAe,GAAGH,QAAQ,gBAC9B;MAAK,SAAS,EAAEjF,cAAK,CAACqF;IAAc,GACjCH,YAAY,EACZT,aAAa,EACbI,cAAc,CACX,GACJ,IAAI;IACR,oBACE;MAAK,SAAS,EAAE7E,cAAK,CAACsF,OAAQ;MAAC,aAAU;IAAW,gBAClD;MAAK,SAAS,EAAEtF,cAAK,CAACuF;IAAK,gBACzB,uDACE;MAAK,aAAU,QAAQ;MAAC,SAAS,EAAEvF,cAAK,CAACwF;IAAO,GAC7CR,SAAS,EACTI,eAAe,CACZ,eACN;MAAK,SAAS,EAAEpF,cAAK,CAACmC,KAAM;MAAC,GAAG,EAAE,IAAI,CAACR;IAAgB,GACpD4C,SAAS,CACN,CACF,CACF,CACF;EAEV;AACF;AA7QM/D,SAAS,CAeN1B,YAAY,GAAG;EACpBC,IAAI,EAAEC,iBAAQ,CAACC,iBAAiB,CAACF,IAAI;EACrC0G,SAAS,EAAEzG,iBAAQ,CAACC,iBAAiB,CAACwG;AACxC,CAAC;AAlBGjF,SAAS,CACNtB,SAAS,2CAAG;EACjBM,WAAW,EAAEL,kBAAS,CAACE,MAAM;EAC7B8E,QAAQ,EAAEhF,kBAAS,CAACE,MAAM;EAC1B6E,KAAK,EAAE/E,kBAAS,CAACE,MAAM;EACvBT,QAAQ,EAAEO,kBAAS,CAACE,MAAM;EAC1B8C,KAAK,EAAEhD,kBAAS,CAACuG,OAAO,CAACvG,kBAAS,CAACwG,KAAK,CAACC,aAAI,CAACC,UAAU,CAAC,CAAC;EAC1DrC,QAAQ,EAAErE,kBAAS,CAACC,IAAI;EACxBT,UAAU,EAAEQ,kBAAS,CAACC,IAAI;EAC1B,mBAAmB,EAAED,kBAAS,CAACwG,KAAK,CAAC;IACnCf,uBAAuB,EAAEzF,kBAAS,CAACE,MAAM;IACzC0F,wBAAwB,EAAE5F,kBAAS,CAACE;EACtC,CAAC;AACH,CAAC;AAAA,eAkQYmB,SAAS;AAAA"}
+{"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"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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