@coorpacademy/components 11.32.20-alpha.36 → 11.32.20-alpha.39

package/es/molecule/dashboard/cards-list/index.d.ts

@@ -9,7 +9,7 @@ declare class CardsList extends React.PureComponent<any, any, any> {
         dataName: PropTypes.Requireable<string>;
         title: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
         showMore: PropTypes.Requireable<string>;
-        cards: PropTypes.Requireable<(PropTypes.InferProps<{
+        cards: PropTypes.Requireable<(NonNullable<PropTypes.InferProps<{
             badge: PropTypes.Requireable<string>;
             image: PropTypes.Requireable<string>;
             disabled: PropTypes.Requireable<boolean>;
@@ -60,7 +60,13 @@ declare class CardsList extends React.PureComponent<any, any, any> {
                 progression: PropTypes.Requireable<string>;
                 adaptive: PropTypes.Requireable<string>;
             }>>;
-        }> | null | undefined)[]>;
+        }> | PropTypes.InferProps<{
+            title: PropTypes.Requireable<string>;
+            tagLabel: PropTypes.Requireable<string>;
+            progression: PropTypes.Requireable<number>;
+            onClick: PropTypes.Requireable<(...args: any[]) => any>;
+            type: PropTypes.Requireable<string>;
+        }> | null | undefined> | null | undefined)[]>;
         customStyle: PropTypes.Requireable<{
             [x: string]: string | null | undefined;
         }>;

package/es/molecule/dashboard/cards-list/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/dashboard/cards-list/index.js"],"names":[],"mappings":";AAuFA;IACE;;;OAGG;IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAgBE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAkCC;IA/BC;;;;;;;;MAQC;IAED,0DAAgE;IAsHlE,qBAiBC;IAED,qBAGC;IAED,sBAGC;IAED,0BASC;IAvJC,uEAA6D;IAyJ/D,mCAIC;IA5DD,oCAMC;IAGD,sCAIC;IA5DD,qBAGC;IAnCD,0BAMC;IAED,2BAYC;IAED,6BAOC;IASD,wCAuCC;IAGC,kBAA2B;IA6D7B,sBAsGC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/dashboard/cards-list/index.js"],"names":[],"mappings":";AAuFA;IACE;;;OAGG;IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAqBE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAkCC;IA/BC;;;;;;;;MAQC;IAED,0DAAgE;IAsHlE,qBAiBC;IAED,qBAGC;IAED,sBAGC;IAED,0BASC;IAvJC,uEAA6D;IAyJ/D,mCAIC;IA5DD,oCAMC;IAGD,sCAIC;IA5DD,qBAGC;IAnCD,0BAMC;IAED,2BAYC;IAED,6BAOC;IASD,wCAuCC;IAGC,kBAA2B;IA6D7B,sBAsGC;CACF"}

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

@@ -323,7 +323,9 @@ class CardsList extends React.PureComponent {
       return /*#__PURE__*/React.createElement("div", {
         className: style.card,
         key: key
-      }, card && card.type === 'learningPriority' ? /*#__PURE__*/React.createElement(LearningPriorityCard, card) : /*#__PURE__*/React.createElement(Card, _extends({}, card, {
+      }, card && card.type === 'learningPriority' ? /*#__PURE__*/React.createElement(LearningPriorityCard, _extends({}, card, {
+        dataName: `${dataName}-${key}`
+      })) : /*#__PURE__*/React.createElement(Card, _extends({}, card, {
         dataName: `${dataName}-${key}`
       })));
     }))(cards);
@@ -398,7 +400,7 @@ CardsList.propTypes = process.env.NODE_ENV !== "production" ? {
   dataName: PropTypes.string,
   title: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
   showMore: PropTypes.string,
-  cards: PropTypes.arrayOf(PropTypes.shape(cardPropTypes)),
+  cards: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape(cardPropTypes), PropTypes.shape(LearningPriorityCard.propTypes)])),
   customStyle: PropTypes.objectOf(PropTypes.string),
   onScroll: PropTypes.func,
   onShowMore: PropTypes.func,
@@ -406,7 +408,7 @@ CardsList.propTypes = process.env.NODE_ENV !== "production" ? {
     showMoreOnLeftAriaLabel: PropTypes.string,
     showMoreOnRightAriaLabel: PropTypes.string
   }),
-  type: PropTypes.oneOf(['cards']),
+  type: PropTypes.oneOf(['cards', 'learningPrioritiesCards']),
   // eslint-disable-next-line react/forbid-prop-types
   testingSizes: PropTypes.any
 } : {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidContentContentBook1","LearnerIcon","NovaCompositionCoorpacademyTimer","TimerIcon","Provider","Card","cardPropTypes","LearningPriorityCard","Icon","style","ShowMoreLink","props","onShowMore","showMore","className","contextTypes","skin","childContextTypes","propTypes","func","string","IconView","context","contentType","ICONS","chapter","course","dark","IconType","color","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","testingSizes","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","customStyle","dataName","ariaLabel","titleStyle","titleLink","cardsView","key","arrowIconProps","preset","borderRadius","showMoreOnLeftAriaLabel","arrows","arrowsWrapper","arrow","titleView","titleNode","hasPages","showMoreView","showMoreBar","switchPagesView","pagingWrapper","wrapper","list","header","translate","oneOfType","node","arrayOf","shape","objectOf","showMoreOnRightAriaLabel","oneOf","any"],"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  NovaSolidContentContentBook1 as LearnerIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport Card, {cardPropTypes} from '../../card';\nimport LearningPriorityCard from '../../learning-priority-card';\nimport Icon from '../../../atom/icon';\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 style={{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  /**\n   * IMPORTANT: update prop-types.ts too, 1st a migration of tests\n   * is intended, then, a TS + functional refactor is planned.\n   */\n  static propTypes = {\n    contentType: PropTypes.string,\n    dataName: PropTypes.string,\n    title: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),\n    showMore: PropTypes.string,\n    cards: PropTypes.arrayOf(PropTypes.shape(cardPropTypes)),\n    customStyle: PropTypes.objectOf(PropTypes.string),\n    onScroll: PropTypes.func,\n    onShowMore: PropTypes.func,\n    'arrows-aria-label': PropTypes.shape({\n      showMoreOnLeftAriaLabel: PropTypes.string,\n      showMoreOnRightAriaLabel: PropTypes.string\n    }),\n    type: PropTypes.oneOf(['cards']),\n    // eslint-disable-next-line react/forbid-prop-types\n    testingSizes: PropTypes.any\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    // for testing purposes only - no other way to test this polluted component\n    if (props.testingSizes) {\n      const {offsetWidth, scrollLeft, maxPages, possiblePages, possiblePositions} =\n        props.testingSizes;\n      this.state.offsetWidth = offsetWidth;\n      this.state.scrollLeft = scrollLeft;\n      this.state.maxPages = maxPages;\n      this.state.possiblePages = possiblePages;\n      this.state.possiblePositions = possiblePositions;\n    }\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  /* istanbul ignore next */\n  handleResize() {\n    const {cards = []} = this.props;\n    this.updatePaginationState(cards);\n  }\n\n  /* istanbul ignore next */\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  /* istanbul ignore next */\n  getScrollWidth(index) {\n    const {cards = []} = this.props;\n    const card = cards[index];\n    return computeWidth(card);\n  }\n\n  /* istanbul ignore next */\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      customStyle = {},\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.type === 'learningPriority' ? (\n              <LearningPriorityCard {...card} />\n            ) : (\n              <Card {...card} dataName={`${dataName}-${key}`} />\n            )}\n          </div>\n        );\n      })\n    )(cards);\n\n    const arrowIconProps = {\n      color: dark,\n      preset: 's',\n      borderRadius: '8px',\n      ariaLabel: ariaLabel.showMoreOnLeftAriaLabel\n    };\n\n    const arrows = (\n      <div className={style.arrowsWrapper}>\n        <div className={style.arrow} onClick={this.handleOnLeft} data-name=\"card-list-left-arrow\">\n          <Icon {...arrowIconProps} iconName=\"arrow-left\" />\n        </div>\n        <div className={style.arrow} onClick={this.handleOnRight} data-name=\"card-list-right-arrow\">\n          <Icon {...arrowIconProps} iconName=\"arrow-right\" />\n        </div>\n      </div>\n    );\n\n    const titleView =\n      typeof title === 'string' ? (\n        <span data-name=\"title\" className={titleStyle} onClick={onShowMore}>\n          <IconView contentType={contentType} />\n          <span>{title}</span>\n        </span>\n      ) : (\n        <span className={style.titleNode}>{title}</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        {arrows}\n      </div>\n    ) : null;\n\n    return (\n      <div\n        className={style.wrapper}\n        style={customStyle}\n        data-name=\"cardsList\"\n        data-max-pages={`${maxPages}`}\n        // eslint-disable-next-line react/destructuring-assignment\n        data-actual-page={`${this.state.actualPage}`}\n        data-scroll-left={this.cardsWrapper?.scrollLeft}\n      >\n        <div className={style.list}>\n          <div>\n            <div data-name=\"header\" className={style.header}>\n              {titleView}\n              {switchPagesView}\n            </div>\n            <div\n              className={style.cards}\n              data-testid=\"cards-view-wrapper\"\n              ref={this.setCardsWrapper}\n            >\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","NovaSolidContentContentBook1","LearnerIcon","NovaCompositionCoorpacademyTimer","TimerIcon","Provider","Card","cardPropTypes","LearningPriorityCard","Icon","style","ShowMoreLink","props","onShowMore","showMore","className","contextTypes","skin","childContextTypes","propTypes","func","string","IconView","context","contentType","ICONS","chapter","course","dark","IconType","color","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","testingSizes","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","customStyle","dataName","ariaLabel","titleStyle","titleLink","cardsView","key","arrowIconProps","preset","borderRadius","showMoreOnLeftAriaLabel","arrows","arrowsWrapper","arrow","titleView","titleNode","hasPages","showMoreView","showMoreBar","switchPagesView","pagingWrapper","wrapper","list","header","translate","oneOfType","node","arrayOf","shape","objectOf","showMoreOnRightAriaLabel","oneOf","any"],"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  NovaSolidContentContentBook1 as LearnerIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport Card, {cardPropTypes} from '../../card';\nimport LearningPriorityCard from '../../learning-priority-card';\nimport Icon from '../../../atom/icon';\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 style={{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  /**\n   * IMPORTANT: update prop-types.ts too, 1st a migration of tests\n   * is intended, then, a TS + functional refactor is planned.\n   */\n  static propTypes = {\n    contentType: PropTypes.string,\n    dataName: PropTypes.string,\n    title: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),\n    showMore: PropTypes.string,\n    cards: PropTypes.arrayOf(\n      PropTypes.oneOfType([\n        PropTypes.shape(cardPropTypes),\n        PropTypes.shape(LearningPriorityCard.propTypes)\n      ])\n    ),\n    customStyle: PropTypes.objectOf(PropTypes.string),\n    onScroll: PropTypes.func,\n    onShowMore: PropTypes.func,\n    'arrows-aria-label': PropTypes.shape({\n      showMoreOnLeftAriaLabel: PropTypes.string,\n      showMoreOnRightAriaLabel: PropTypes.string\n    }),\n    type: PropTypes.oneOf(['cards', 'learningPrioritiesCards']),\n    // eslint-disable-next-line react/forbid-prop-types\n    testingSizes: PropTypes.any\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    // for testing purposes only - no other way to test this polluted component\n    if (props.testingSizes) {\n      const {offsetWidth, scrollLeft, maxPages, possiblePages, possiblePositions} =\n        props.testingSizes;\n      this.state.offsetWidth = offsetWidth;\n      this.state.scrollLeft = scrollLeft;\n      this.state.maxPages = maxPages;\n      this.state.possiblePages = possiblePages;\n      this.state.possiblePositions = possiblePositions;\n    }\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  /* istanbul ignore next */\n  handleResize() {\n    const {cards = []} = this.props;\n    this.updatePaginationState(cards);\n  }\n\n  /* istanbul ignore next */\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  /* istanbul ignore next */\n  getScrollWidth(index) {\n    const {cards = []} = this.props;\n    const card = cards[index];\n    return computeWidth(card);\n  }\n\n  /* istanbul ignore next */\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      customStyle = {},\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.type === 'learningPriority' ? (\n              <LearningPriorityCard {...card} dataName={`${dataName}-${key}`} />\n            ) : (\n              <Card {...card} dataName={`${dataName}-${key}`} />\n            )}\n          </div>\n        );\n      })\n    )(cards);\n\n    const arrowIconProps = {\n      color: dark,\n      preset: 's',\n      borderRadius: '8px',\n      ariaLabel: ariaLabel.showMoreOnLeftAriaLabel\n    };\n\n    const arrows = (\n      <div className={style.arrowsWrapper}>\n        <div className={style.arrow} onClick={this.handleOnLeft} data-name=\"card-list-left-arrow\">\n          <Icon {...arrowIconProps} iconName=\"arrow-left\" />\n        </div>\n        <div className={style.arrow} onClick={this.handleOnRight} data-name=\"card-list-right-arrow\">\n          <Icon {...arrowIconProps} iconName=\"arrow-right\" />\n        </div>\n      </div>\n    );\n\n    const titleView =\n      typeof title === 'string' ? (\n        <span data-name=\"title\" className={titleStyle} onClick={onShowMore}>\n          <IconView contentType={contentType} />\n          <span>{title}</span>\n        </span>\n      ) : (\n        <span className={style.titleNode}>{title}</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        {arrows}\n      </div>\n    ) : null;\n\n    return (\n      <div\n        className={style.wrapper}\n        style={customStyle}\n        data-name=\"cardsList\"\n        data-max-pages={`${maxPages}`}\n        // eslint-disable-next-line react/destructuring-assignment\n        data-actual-page={`${this.state.actualPage}`}\n        data-scroll-left={this.cardsWrapper?.scrollLeft}\n      >\n        <div className={style.list}>\n          <div>\n            <div data-name=\"header\" className={style.header}>\n              {titleView}\n              {switchPagesView}\n            </div>\n            <div\n              className={style.cards}\n              data-testid=\"cards-view-wrapper\"\n              ref={this.setCardsWrapper}\n            >\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/learning-priority-card/index.d.ts

@@ -5,9 +5,7 @@ declare const LearningPriorityCard: {
     (props: LearningPriorityCardPropTypes, context: WebContextValues): JSX.Element;
     propTypes: {
         title: import("prop-types").Requireable<string>;
-        tag: import("prop-types").Requireable<import("prop-types").InferProps<{
-            label: import("prop-types").Requireable<string>;
-        }>>;
+        tagLabel: import("prop-types").Requireable<string>;
         progression: import("prop-types").Requireable<number>;
         onClick: import("prop-types").Requireable<(...args: any[]) => any>;
         type: import("prop-types").Requireable<string>;

package/es/molecule/learning-priority-card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/learning-priority-card/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAIjE,OAAO,EAAC,6BAA6B,EAAY,MAAM,SAAS,CAAC;AAGjE,QAAA,MAAM,oBAAoB;YAAW,6BAA6B,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoE5F,CAAC;AASF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/learning-priority-card/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAIjE,OAAO,EAAC,6BAA6B,EAAY,MAAM,SAAS,CAAC;AAGjE,QAAA,MAAM,oBAAoB;YAAW,6BAA6B,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+D5F,CAAC;AASF,eAAe,oBAAoB,CAAC"}

package/es/molecule/learning-priority-card/index.js

@@ -10,9 +10,7 @@ import style from './style.css';
 
 const LearningPriorityCard = (props, context) => {
   const {
-    tag: {
-      label: tagLabel
-    },
+    tagLabel,
     title,
     progression,
     onClick

package/es/molecule/learning-priority-card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useState","useCallback","convert","Provider","GetTranslateFromContext","GetSkinFromContext","Tag","ButtonLink","CircularProgressBar","propTypes","style","LearningPriorityCard","props","context","tag","label","tagLabel","title","progression","onClick","translate","skin","exploreLocale","primarySkinColor","hovered","setHovered","handleMouseOver","handleMouseLeave","buttonExploreProps","customStyle","backgroundColor","color","transition","icon","position","faIcon","name","size","container","circularProgressBarContainer","strokeWidth","contextTypes","childContextTypes"],"sources":["../../../src/molecule/learning-priority-card/index.tsx"],"sourcesContent":["import React, {useState, useCallback} from 'react';\nimport {get} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport Provider, {GetTranslateFromContext, GetSkinFromContext} from '../../atom/provider';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport CircularProgressBar from '../../atom/circular-progress-bar';\nimport {LearningPriorityCardPropTypes, propTypes} from './types';\nimport style from './style.css';\n\nconst LearningPriorityCard = (props: LearningPriorityCardPropTypes, context: WebContextValues) => {\n  const {\n    tag: {label: tagLabel},\n    title,\n    progression,\n    onClick\n  } = props;\n  const translate = GetTranslateFromContext(context);\n  const skin = GetSkinFromContext(context);\n  const exploreLocale = translate('Explore');\n  const primarySkinColor = get('common.primary', skin);\n\n  const [hovered, setHovered] = useState(false);\n  const handleMouseOver = useCallback(() => setHovered(true), [setHovered]);\n  const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n  const buttonExploreProps = {\n    customStyle: {\n      backgroundColor: hovered ? primarySkinColor : convert(`color(${primarySkinColor} a(0.07))`),\n      color: hovered ? '#FFFFFF' : primarySkinColor,\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n    },\n    onClick,\n    'aria-label': `${title}, ${exploreLocale}`,\n    label: exploreLocale,\n    'data-name': 'learning-priority-explore-button',\n    icon: {\n      position: 'left' as const,\n      faIcon: {\n        name: 'compass',\n        backgroundColor: hovered ? primarySkinColor : convert(`color(${primarySkinColor} a(0.07))`),\n        color: hovered ? '#FFFFFF' : primarySkinColor,\n        size: 16\n      }\n    }\n  };\n\n  return (\n    <div\n      className={style.container}\n      aria-label={`learning priority card ${title}`}\n      data-name={`learning-priority-card-${title}`}\n    >\n      <div>\n        <Tag label={tagLabel} size={'S'} />\n      </div>\n      <div className={style.title}>{title}</div>\n      <div className={style.circularProgressBarContainer}>\n        <CircularProgressBar\n          {...{\n            size: 162,\n            strokeWidth: 12,\n            progression,\n            label: translate('completed'),\n            'aria-label': `${title} ${progression}%`,\n            'data-name': `circular-progress-bar-${title}`\n          }}\n        />\n      </div>\n      <div\n        onMouseOver={handleMouseOver}\n        onMouseLeave={handleMouseLeave}\n        data-name=\"button-explore-wrapper\"\n      >\n        <ButtonLink {...buttonExploreProps} />\n      </div>\n    </div>\n  );\n};\n\nLearningPriorityCard.propTypes = propTypes;\n\nLearningPriorityCard.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nexport default LearningPriorityCard;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useState","useCallback","convert","Provider","GetTranslateFromContext","GetSkinFromContext","Tag","ButtonLink","CircularProgressBar","propTypes","style","LearningPriorityCard","props","context","tagLabel","title","progression","onClick","translate","skin","exploreLocale","primarySkinColor","hovered","setHovered","handleMouseOver","handleMouseLeave","buttonExploreProps","customStyle","backgroundColor","color","transition","label","icon","position","faIcon","name","size","container","circularProgressBarContainer","strokeWidth","contextTypes","childContextTypes"],"sources":["../../../src/molecule/learning-priority-card/index.tsx"],"sourcesContent":["import React, {useState, useCallback} from 'react';\nimport {get} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport Provider, {GetTranslateFromContext, GetSkinFromContext} from '../../atom/provider';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport CircularProgressBar from '../../atom/circular-progress-bar';\nimport {LearningPriorityCardPropTypes, propTypes} from './types';\nimport style from './style.css';\n\nconst LearningPriorityCard = (props: LearningPriorityCardPropTypes, context: WebContextValues) => {\n  const {tagLabel, title, progression, onClick} = props;\n  const translate = GetTranslateFromContext(context);\n  const skin = GetSkinFromContext(context);\n  const exploreLocale = translate('Explore');\n  const primarySkinColor = get('common.primary', skin);\n\n  const [hovered, setHovered] = useState(false);\n  const handleMouseOver = useCallback(() => setHovered(true), [setHovered]);\n  const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n  const buttonExploreProps = {\n    customStyle: {\n      backgroundColor: hovered ? primarySkinColor : convert(`color(${primarySkinColor} a(0.07))`),\n      color: hovered ? '#FFFFFF' : primarySkinColor,\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n    },\n    onClick,\n    'aria-label': `${title}, ${exploreLocale}`,\n    label: exploreLocale,\n    'data-name': 'learning-priority-explore-button',\n    icon: {\n      position: 'left' as const,\n      faIcon: {\n        name: 'compass',\n        backgroundColor: hovered ? primarySkinColor : convert(`color(${primarySkinColor} a(0.07))`),\n        color: hovered ? '#FFFFFF' : primarySkinColor,\n        size: 16\n      }\n    }\n  };\n\n  return (\n    <div\n      className={style.container}\n      aria-label={`learning priority card ${title}`}\n      data-name={`learning-priority-card-${title}`}\n    >\n      <div>\n        <Tag label={tagLabel} size={'S'} />\n      </div>\n      <div className={style.title}>{title}</div>\n      <div className={style.circularProgressBarContainer}>\n        <CircularProgressBar\n          {...{\n            size: 162,\n            strokeWidth: 12,\n            progression,\n            label: translate('completed'),\n            'aria-label': `${title} ${progression}%`,\n            'data-name': `circular-progress-bar-${title}`\n          }}\n        />\n      </div>\n      <div\n        onMouseOver={handleMouseOver}\n        onMouseLeave={handleMouseLeave}\n        data-name=\"button-explore-wrapper\"\n      >\n        <ButtonLink {...buttonExploreProps} />\n      </div>\n    </div>\n  );\n};\n\nLearningPriorityCard.propTypes = propTypes;\n\nLearningPriorityCard.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nexport default LearningPriorityCard;\n"],"mappings":"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"}

package/es/molecule/learning-priority-card/types.d.ts

@@ -1,18 +1,14 @@
 import PropTypes from 'prop-types';
 export declare type LearningPriorityCardPropTypes = {
     title: string;
-    tag: {
-        label: 'Skill' | 'Playlist' | 'Certification';
-    };
+    tagLabel: 'Skill' | 'Playlist' | 'Certification';
     progression: number;
     onClick: () => void;
     type: 'learningPriority';
 };
 export declare const propTypes: {
     title: PropTypes.Requireable<string>;
-    tag: PropTypes.Requireable<PropTypes.InferProps<{
-        label: PropTypes.Requireable<string>;
-    }>>;
+    tagLabel: PropTypes.Requireable<string>;
     progression: PropTypes.Requireable<number>;
     onClick: PropTypes.Requireable<(...args: any[]) => any>;
     type: PropTypes.Requireable<string>;

package/es/molecule/learning-priority-card/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/learning-priority-card/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,oBAAY,6BAA6B,GAAG;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE;QACH,KAAK,EAAE,OAAO,GAAG,UAAU,GAAG,eAAe,CAAC;KAC/C,CAAC;IACF,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,EAAE,kBAAkB,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;CAQrB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/learning-priority-card/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,oBAAY,6BAA6B,GAAG;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,GAAG,UAAU,GAAG,eAAe,CAAC;IACjD,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,EAAE,kBAAkB,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;CAMrB,CAAC"}

package/es/molecule/learning-priority-card/types.js

@@ -1,9 +1,7 @@
 import PropTypes from 'prop-types';
 export const propTypes = {
   title: PropTypes.string,
-  tag: PropTypes.shape({
-    label: PropTypes.oneOf(['Playlist', 'Certification', 'Skill'])
-  }),
+  tagLabel: PropTypes.oneOf(['Playlist', 'Certification', 'Skill']),
   progression: PropTypes.number,
   onClick: PropTypes.func,
   type: PropTypes.oneOf(['learningPriority'])

package/es/molecule/learning-priority-card/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["PropTypes","propTypes","title","string","tag","shape","label","oneOf","progression","number","onClick","func","type"],"sources":["../../../src/molecule/learning-priority-card/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport type LearningPriorityCardPropTypes = {\n  title: string;\n  tag: {\n    label: 'Skill' | 'Playlist' | 'Certification';\n  };\n  progression: number;\n  onClick: () => void;\n  type: 'learningPriority';\n};\n\nexport const propTypes = {\n  title: PropTypes.string,\n  tag: PropTypes.shape({\n    label: PropTypes.oneOf(['Playlist', 'Certification', 'Skill'])\n  }),\n  progression: PropTypes.number,\n  onClick: PropTypes.func,\n  type: PropTypes.oneOf(['learningPriority'])\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAYA,OAAO,MAAMC,SAAS,GAAG;EACvBC,KAAK,EAAEF,SAAS,CAACG,MADM;EAEvBC,GAAG,EAAEJ,SAAS,CAACK,KAAV,CAAgB;IACnBC,KAAK,EAAEN,SAAS,CAACO,KAAV,CAAgB,CAAC,UAAD,EAAa,eAAb,EAA8B,OAA9B,CAAhB;EADY,CAAhB,CAFkB;EAKvBC,WAAW,EAAER,SAAS,CAACS,MALA;EAMvBC,OAAO,EAAEV,SAAS,CAACW,IANI;EAOvBC,IAAI,EAAEZ,SAAS,CAACO,KAAV,CAAgB,CAAC,kBAAD,CAAhB;AAPiB,CAAlB"}
+{"version":3,"file":"types.js","names":["PropTypes","propTypes","title","string","tagLabel","oneOf","progression","number","onClick","func","type"],"sources":["../../../src/molecule/learning-priority-card/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport type LearningPriorityCardPropTypes = {\n  title: string;\n  tagLabel: 'Skill' | 'Playlist' | 'Certification';\n  progression: number;\n  onClick: () => void;\n  type: 'learningPriority';\n};\n\nexport const propTypes = {\n  title: PropTypes.string,\n  tagLabel: PropTypes.oneOf(['Playlist', 'Certification', 'Skill']),\n  progression: PropTypes.number,\n  onClick: PropTypes.func,\n  type: PropTypes.oneOf(['learningPriority'])\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAUA,OAAO,MAAMC,SAAS,GAAG;EACvBC,KAAK,EAAEF,SAAS,CAACG,MADM;EAEvBC,QAAQ,EAAEJ,SAAS,CAACK,KAAV,CAAgB,CAAC,UAAD,EAAa,eAAb,EAA8B,OAA9B,CAAhB,CAFa;EAGvBC,WAAW,EAAEN,SAAS,CAACO,MAHA;EAIvBC,OAAO,EAAER,SAAS,CAACS,IAJI;EAKvBC,IAAI,EAAEV,SAAS,CAACK,KAAV,CAAgB,CAAC,kBAAD,CAAhB;AALiB,CAAlB"}

package/es/template/app-player/popin-end/index.d.ts

@@ -110,7 +110,7 @@ declare namespace PopinEnd {
                 dataName: PropTypes.Requireable<string>;
                 title: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
                 showMore: PropTypes.Requireable<string>;
-                cards: PropTypes.Requireable<(PropTypes.InferProps<{
+                cards: PropTypes.Requireable<(NonNullable<PropTypes.InferProps<{
                     badge: PropTypes.Requireable<string>;
                     image: PropTypes.Requireable<string>;
                     disabled: PropTypes.Requireable<boolean>;
@@ -161,7 +161,13 @@ declare namespace PopinEnd {
                         progression: PropTypes.Requireable<string>;
                         adaptive: PropTypes.Requireable<string>;
                     }>>;
-                }> | null | undefined)[]>;
+                }> | PropTypes.InferProps<{
+                    title: PropTypes.Requireable<string>;
+                    tagLabel: PropTypes.Requireable<string>;
+                    progression: PropTypes.Requireable<number>;
+                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                    type: PropTypes.Requireable<string>;
+                }> | null | undefined> | null | undefined)[]>;
                 customStyle: PropTypes.Requireable<{
                     [x: string]: string | null | undefined;
                 }>;

package/es/template/app-player/popin-end/summary.d.ts

@@ -116,7 +116,7 @@ declare namespace Summary {
             dataName: PropTypes.Requireable<string>;
             title: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
             showMore: PropTypes.Requireable<string>;
-            cards: PropTypes.Requireable<(PropTypes.InferProps<{
+            cards: PropTypes.Requireable<(NonNullable<PropTypes.InferProps<{
                 badge: PropTypes.Requireable<string>;
                 image: PropTypes.Requireable<string>;
                 disabled: PropTypes.Requireable<boolean>;
@@ -167,7 +167,13 @@ declare namespace Summary {
                     progression: PropTypes.Requireable<string>;
                     adaptive: PropTypes.Requireable<string>;
                 }>>;
-            }> | null | undefined)[]>;
+            }> | PropTypes.InferProps<{
+                title: PropTypes.Requireable<string>;
+                tagLabel: PropTypes.Requireable<string>;
+                progression: PropTypes.Requireable<number>;
+                onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                type: PropTypes.Requireable<string>;
+            }> | null | undefined> | null | undefined)[]>;
             customStyle: PropTypes.Requireable<{
                 [x: string]: string | null | undefined;
             }>;

package/es/template/common/dashboard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/dashboard/index.js"],"names":[],"mappings":";AAwBA,oDAgEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/dashboard/index.js"],"names":[],"mappings":";AAyBA,oDA+EC"}

package/es/template/common/dashboard/index.js

@@ -1,4 +1,4 @@
-import _isString from "lodash/fp/isString";
+import _size from "lodash/fp/size";
 
 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); }
 
@@ -14,6 +14,7 @@ import CMPopin from '../../../molecule/cm-popin';
 import ReviewBanner from '../../../molecule/dashboard/review-banner';
 import LearningProfileBanner from '../../../molecule/dashboard/learning-profile-banner';
 import Title from '../../../atom/title';
+import { learningPrioritiesPropTypes } from '../../my-learning';
 import style from './style.css';
 const Hero = /*#__PURE__*/React.memo(function Hero({
   hero,
@@ -40,8 +41,7 @@ const Dashboard = props => {
 
   const buildSectionComponent = section => {
     const {
-      type,
-      title
+      type
     } = section;
 
     switch (type) {
@@ -54,15 +54,34 @@ const Dashboard = props => {
       case 'battleRequests':
         return /*#__PURE__*/React.createElement(BattleRequestList, section);
 
-      case 'cards':
+      case 'learningPrioritiesCards':
         {
-          const CardsListTitle = /*#__PURE__*/React.isValidElement(title) || _isString(title) ? section.title : /*#__PURE__*/React.createElement(Title, section.title);
           return /*#__PURE__*/React.createElement(CardsList, _extends({}, section, {
-            title: CardsListTitle,
+            title: /*#__PURE__*/React.createElement(Title, {
+              type: 'form-group',
+              title: section.title,
+              subtitle: section.subtitle,
+              icon: {
+                iconName: 'sign-post',
+                iconColor: '#A32700',
+                borderRadius: '12px',
+                backgroundColor: '#FFDCD1'
+              },
+              tag: {
+                label: `${_size(section.cards)}`,
+                type: 'default',
+                size: 'S'
+              }
+            }),
             "arrows-aria-label": showMoreOnLeftOrRightAriaLabel
           }));
         }
 
+      case 'cards':
+        return /*#__PURE__*/React.createElement(CardsList, _extends({}, section, {
+          "arrows-aria-label": showMoreOnLeftOrRightAriaLabel
+        }));
+
       case 'news':
         return /*#__PURE__*/React.createElement(NewsList, section);
 
@@ -104,7 +123,7 @@ const Dashboard = props => {
 Dashboard.propTypes = process.env.NODE_ENV !== "production" ? {
   hero: Hero.propTypes.hero,
   welcome: Hero.propTypes.welcome,
-  sections: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape(BattleRequestList.propTypes), PropTypes.shape(CardsList.propTypes), PropTypes.shape(NewsList.propTypes), PropTypes.shape(StartBattle.propTypes), PropTypes.shape(ReviewBanner.propTypes), PropTypes.shape(LearningProfileBanner.propTypes)])),
+  sections: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape(BattleRequestList.propTypes), PropTypes.shape(CardsList.propTypes), PropTypes.shape(learningPrioritiesPropTypes), PropTypes.shape(NewsList.propTypes), PropTypes.shape(StartBattle.propTypes), PropTypes.shape(ReviewBanner.propTypes), PropTypes.shape(LearningProfileBanner.propTypes)])),
   cookie: PropTypes.shape(CMPopin.propTypes),
   'arrows-aria-label': CardsList.propTypes['arrows-aria-label'],
   popinWithCards: PropTypes.shape(CMPopin.propTypes)

package/es/template/common/dashboard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Slide","HeroCard","BattleRequestList","CardsList","NewsList","StartBattle","CMPopin","ReviewBanner","LearningProfileBanner","Title","style","Hero","memo","hero","welcome","propTypes","shape","Dashboard","props","sections","cookie","popinWithCards","showMoreOnLeftOrRightAriaLabel","buildSectionComponent","section","type","title","CardsListTitle","isValidElement","buildSection","index","sectionView","sectionsList","key","map","wrapper","arrayOf","oneOfType"],"sources":["../../../../src/template/common/dashboard/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isString} from 'lodash/fp';\nimport Slide from '../../../atom/slide';\nimport HeroCard from '../../../molecule/hero';\nimport BattleRequestList from '../../../molecule/dashboard/battle-request-list';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport NewsList from '../../../molecule/dashboard/news-list';\nimport StartBattle from '../../../molecule/dashboard/start-battle';\nimport CMPopin from '../../../molecule/cm-popin';\nimport ReviewBanner from '../../../molecule/dashboard/review-banner';\nimport LearningProfileBanner from '../../../molecule/dashboard/learning-profile-banner';\nimport Title from '../../../atom/title';\nimport style from './style.css';\n\nconst Hero = React.memo(function Hero({hero, welcome}) {\n  return <div className={style.hero}>{hero ? <HeroCard {...hero} /> : <Slide {...welcome} />}</div>;\n});\n\nHero.propTypes = {\n  hero: PropTypes.shape(HeroCard.propTypes),\n  welcome: PropTypes.shape(Slide.propTypes)\n};\n\nconst Dashboard = props => {\n  const {\n    sections = [],\n    hero,\n    welcome,\n    cookie,\n    popinWithCards,\n    'arrows-aria-label': showMoreOnLeftOrRightAriaLabel\n  } = props;\n  const buildSectionComponent = section => {\n    const {type, title} = section;\n    switch (type) {\n      case 'hero':\n        return <Hero hero={hero} welcome={welcome} />;\n      case 'battleRequests':\n        return <BattleRequestList {...section} />;\n      case 'cards': {\n        const CardsListTitle =\n          React.isValidElement(title) || isString(title) ? (\n            section.title\n          ) : (\n            <Title {...section.title} />\n          );\n        return (\n          <CardsList\n            {...section}\n            title={CardsListTitle}\n            arrows-aria-label={showMoreOnLeftOrRightAriaLabel}\n          />\n        );\n      }\n      case 'news':\n        return <NewsList {...section} />;\n      case 'battle':\n        return <StartBattle {...section} />;\n      case 'review':\n        return <ReviewBanner {...section} />;\n      case 'learningProfile':\n        return <LearningProfileBanner {...section} />;\n      default:\n        return null;\n    }\n  };\n\n  const buildSection = (section, index) => {\n    const sectionView = buildSectionComponent(section);\n\n    return <div key={index}>{sectionView}</div>;\n  };\n\n  const sectionsList = [{type: 'hero', key: 'hero'}, ...sections].map(section => (\n    <div key={section.key}>{buildSection(section)}</div>\n  ));\n  return (\n    <div className={style.wrapper} data-name=\"dashboard\">\n      {sectionsList}\n      {cookie ? <CMPopin {...cookie} /> : null}\n      {popinWithCards ? (\n        <div className={style.popinWithCards}>\n          <CMPopin {...popinWithCards} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nDashboard.propTypes = {\n  hero: Hero.propTypes.hero,\n  welcome: Hero.propTypes.welcome,\n  sections: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape(BattleRequestList.propTypes),\n      PropTypes.shape(CardsList.propTypes),\n      PropTypes.shape(NewsList.propTypes),\n      PropTypes.shape(StartBattle.propTypes),\n      PropTypes.shape(ReviewBanner.propTypes),\n      PropTypes.shape(LearningProfileBanner.propTypes)\n    ])\n  ),\n  cookie: PropTypes.shape(CMPopin.propTypes),\n  'arrows-aria-label': CardsList.propTypes['arrows-aria-label'],\n  popinWithCards: PropTypes.shape(CMPopin.propTypes)\n};\nexport default Dashboard;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Slide","HeroCard","BattleRequestList","CardsList","NewsList","StartBattle","CMPopin","ReviewBanner","LearningProfileBanner","Title","learningPrioritiesPropTypes","style","Hero","memo","hero","welcome","propTypes","shape","Dashboard","props","sections","cookie","popinWithCards","showMoreOnLeftOrRightAriaLabel","buildSectionComponent","section","type","title","subtitle","icon","iconName","iconColor","borderRadius","backgroundColor","tag","label","cards","size","buildSection","index","sectionView","sectionsList","key","map","wrapper","arrayOf","oneOfType"],"sources":["../../../../src/template/common/dashboard/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {size} from 'lodash/fp';\nimport Slide from '../../../atom/slide';\nimport HeroCard from '../../../molecule/hero';\nimport BattleRequestList from '../../../molecule/dashboard/battle-request-list';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport NewsList from '../../../molecule/dashboard/news-list';\nimport StartBattle from '../../../molecule/dashboard/start-battle';\nimport CMPopin from '../../../molecule/cm-popin';\nimport ReviewBanner from '../../../molecule/dashboard/review-banner';\nimport LearningProfileBanner from '../../../molecule/dashboard/learning-profile-banner';\nimport Title from '../../../atom/title';\nimport {learningPrioritiesPropTypes} from '../../my-learning';\nimport style from './style.css';\n\nconst Hero = React.memo(function Hero({hero, welcome}) {\n  return <div className={style.hero}>{hero ? <HeroCard {...hero} /> : <Slide {...welcome} />}</div>;\n});\n\nHero.propTypes = {\n  hero: PropTypes.shape(HeroCard.propTypes),\n  welcome: PropTypes.shape(Slide.propTypes)\n};\n\nconst Dashboard = props => {\n  const {\n    sections = [],\n    hero,\n    welcome,\n    cookie,\n    popinWithCards,\n    'arrows-aria-label': showMoreOnLeftOrRightAriaLabel\n  } = props;\n  const buildSectionComponent = section => {\n    const {type} = section;\n    switch (type) {\n      case 'hero':\n        return <Hero hero={hero} welcome={welcome} />;\n      case 'battleRequests':\n        return <BattleRequestList {...section} />;\n      case 'learningPrioritiesCards': {\n        return (\n          <CardsList\n            {...section}\n            title={\n              <Title\n                {...{\n                  type: 'form-group',\n                  title: section.title,\n                  subtitle: section.subtitle,\n                  icon: {\n                    iconName: 'sign-post',\n                    iconColor: '#A32700',\n                    borderRadius: '12px',\n                    backgroundColor: '#FFDCD1'\n                  },\n                  tag: {\n                    label: `${size(section.cards)}`,\n                    type: 'default',\n                    size: 'S'\n                  }\n                }}\n              />\n            }\n            arrows-aria-label={showMoreOnLeftOrRightAriaLabel}\n          />\n        );\n      }\n      case 'cards':\n        return <CardsList {...section} arrows-aria-label={showMoreOnLeftOrRightAriaLabel} />;\n      case 'news':\n        return <NewsList {...section} />;\n      case 'battle':\n        return <StartBattle {...section} />;\n      case 'review':\n        return <ReviewBanner {...section} />;\n      case 'learningProfile':\n        return <LearningProfileBanner {...section} />;\n      default:\n        return null;\n    }\n  };\n\n  const buildSection = (section, index) => {\n    const sectionView = buildSectionComponent(section);\n\n    return <div key={index}>{sectionView}</div>;\n  };\n\n  const sectionsList = [{type: 'hero', key: 'hero'}, ...sections].map(section => (\n    <div key={section.key}>{buildSection(section)}</div>\n  ));\n  return (\n    <div className={style.wrapper} data-name=\"dashboard\">\n      {sectionsList}\n      {cookie ? <CMPopin {...cookie} /> : null}\n      {popinWithCards ? (\n        <div className={style.popinWithCards}>\n          <CMPopin {...popinWithCards} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nDashboard.propTypes = {\n  hero: Hero.propTypes.hero,\n  welcome: Hero.propTypes.welcome,\n  sections: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape(BattleRequestList.propTypes),\n      PropTypes.shape(CardsList.propTypes),\n      PropTypes.shape(learningPrioritiesPropTypes),\n      PropTypes.shape(NewsList.propTypes),\n      PropTypes.shape(StartBattle.propTypes),\n      PropTypes.shape(ReviewBanner.propTypes),\n      PropTypes.shape(LearningProfileBanner.propTypes)\n    ])\n  ),\n  cookie: PropTypes.shape(CMPopin.propTypes),\n  'arrows-aria-label': CardsList.propTypes['arrows-aria-label'],\n  popinWithCards: PropTypes.shape(CMPopin.propTypes)\n};\nexport default Dashboard;\n"],"mappings":"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"}

package/es/template/common/search-page/index.d.ts

@@ -116,7 +116,7 @@ declare namespace SearchPage {
             dataName: PropTypes.Requireable<string>;
             title: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
             showMore: PropTypes.Requireable<string>;
-            cards: PropTypes.Requireable<(PropTypes.InferProps<{
+            cards: PropTypes.Requireable<(NonNullable<PropTypes.InferProps<{
                 badge: PropTypes.Requireable<string>;
                 image: PropTypes.Requireable<string>;
                 disabled: PropTypes.Requireable<boolean>;
@@ -167,7 +167,13 @@ declare namespace SearchPage {
                     progression: PropTypes.Requireable<string>;
                     adaptive: PropTypes.Requireable<string>;
                 }>>;
-            }> | null | undefined)[]>;
+            }> | PropTypes.InferProps<{
+                title: PropTypes.Requireable<string>;
+                tagLabel: PropTypes.Requireable<string>;
+                progression: PropTypes.Requireable<number>;
+                onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                type: PropTypes.Requireable<string>;
+            }> | null | undefined> | null | undefined)[]>;
             customStyle: PropTypes.Requireable<{
                 [x: string]: string | null | undefined;
             }>;