npm - @coorpacademy/components - Versions diffs - 11.35.3-forcedeploy8.5 → 11.36.1 - Mend

@coorpacademy/components 11.35.3-forcedeploy8.5 → 11.36.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (143) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_novaIcons","_provider","_card","_interopRequireWildcard","_learningPriorityCard","_icon","_colors","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","ShowMoreLink","props","onShowMore","showMore","className","createElement","onClick","contextTypes","skin","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","func","string","IconView","context","contentType","ICONS","chapter","TimerIcon","course","LearnerIcon","dark","_get2","IconType","style","color","icon","computeWidth","card","type","nextPage","page","maxPages","CardsList","React","PureComponent","translate","constructor","state","actualPage","scrollLeft","offsetWidth","possiblePositions","possiblePages","cardsWidth","handleScroll_","_throttle2","handleScroll","handleOnLeft","handleOnRight","scrollTo","updateState","_debounce2","updatePages","setCardsWrapper","getScrollWidth","handleResize","testingSizes","componentDidMount","cardsWrapper","addEventListener","window","componentDidUpdate","cards","newCardsWidth","_pipe2","_map2","_sum2","updatePaginationState","setState","componentWillUnmount","removeEventListener","cancel","wrapperWidth","wrapperScrollLeft","cardWidths","_reduce2","cardPositions","accWidth","cardWidth","_head2","acc","pageIndex","accPageWidth","pageWidth","skip","_findIndex2","position","_last2","element","index","onScroll","leftBound","rightBound","leftIndex","rightIndex","_findLastIndex2","limit","indexOfNextFirstCard","indexOf","nextPosition","render","title","customStyle","dataName","ariaLabel","_getOr2","titleStyle","titleLink","cardsView","_toPairs2","key","arrowIconProps","preset","borderRadius","backgroundColor","COLORS","neutral_75","showMoreOnLeftAriaLabel","arrows","arrowsWrapper","arrow","iconName","titleView","titleNode","hasPages","showMoreView","showMoreBar","switchPagesView","pagingWrapper","wrapper","list","header","ref","oneOfType","node","arrayOf","shape","cardPropTypes","LearningPriorityCard","objectOf","showMoreOnRightAriaLabel","oneOf","any","_default","exports"],"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 {COLORS} from '../../../variables/colors';\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 type\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 && type === 'learningPrioritiesCards' ? (\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 backgroundColor: COLORS.neutral_75,\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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","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_novaIcons","_provider","_card","_interopRequireWildcard","_learningPriorityCard","_icon","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","ShowMoreLink","props","onShowMore","showMore","className","createElement","onClick","contextTypes","skin","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","func","string","IconView","context","contentType","ICONS","chapter","TimerIcon","course","LearnerIcon","dark","_get2","IconType","style","color","icon","computeWidth","card","type","nextPage","page","maxPages","CardsList","React","PureComponent","translate","constructor","state","actualPage","scrollLeft","offsetWidth","possiblePositions","possiblePages","cardsWidth","handleScroll_","_throttle2","handleScroll","handleOnLeft","handleOnRight","scrollTo","updateState","_debounce2","updatePages","setCardsWrapper","getScrollWidth","handleResize","testingSizes","componentDidMount","cardsWrapper","addEventListener","window","componentDidUpdate","cards","newCardsWidth","_pipe2","_map2","_sum2","updatePaginationState","setState","componentWillUnmount","removeEventListener","cancel","wrapperWidth","wrapperScrollLeft","cardWidths","_reduce2","cardPositions","accWidth","cardWidth","_head2","acc","pageIndex","accPageWidth","pageWidth","skip","_findIndex2","position","_last2","element","index","onScroll","leftBound","rightBound","leftIndex","rightIndex","_findLastIndex2","limit","indexOfNextFirstCard","indexOf","nextPosition","render","title","customStyle","dataName","ariaLabel","_getOr2","titleStyle","titleLink","cardsView","_toPairs2","key","arrowIconProps","preset","borderRadius","showMoreOnLeftAriaLabel","arrows","arrowsWrapper","arrow","iconName","titleView","titleNode","hasPages","showMoreView","showMoreBar","switchPagesView","pagingWrapper","wrapper","list","header","ref","oneOfType","node","arrayOf","shape","cardPropTypes","LearningPriorityCard","objectOf","showMoreOnRightAriaLabel","oneOf","any","_default","exports"],"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 type\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 && type === 'learningPrioritiesCards' ? (\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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","ignoreList":[]}

package/lib/molecule/dashboard/cards-list/style.css CHANGED Viewed

@@ -108,6 +108,7 @@
 .arrow {
   background-color: cm_grey_75;
   border-radius: 8px;
+  padding: 6px 11px;
   cursor: pointer;
   user-select: none;
 }

package/lib/molecule/expandible-actionable-table/index.d.ts CHANGED Viewed

@@ -50,7 +50,7 @@ declare const ActionableExpandableTable: {
                     'data-name': import("prop-types").Requireable<string>;
                     disabled: import("prop-types").Requireable<boolean>;
                     label: import("prop-types").Validator<string>;
-                    onClick: import("prop-types").Validator<(...args: any[]) => any>;
+                    onClick: import("prop-types").Requireable<(...args: any[]) => any>;
                     type: import("prop-types").Requireable<string>;
                     buttonLinkType: import("prop-types").Requireable<string>;
                     icon: import("prop-types").Requireable<import("prop-types").InferProps<{
@@ -127,7 +127,7 @@ declare const ActionableExpandableTable: {
                 'data-name': import("prop-types").Requireable<string>;
                 disabled: import("prop-types").Requireable<boolean>;
                 label: import("prop-types").Validator<string>;
-                onClick: import("prop-types").Validator<(...args: any[]) => any>;
+                onClick: import("prop-types").Requireable<(...args: any[]) => any>;
                 type: import("prop-types").Requireable<string>;
                 buttonLinkType: import("prop-types").Requireable<string>;
                 icon: import("prop-types").Requireable<import("prop-types").InferProps<{

package/lib/molecule/expandible-actionable-table/types.d.ts CHANGED Viewed

@@ -27,7 +27,7 @@ export declare const propTypes: {
                 'data-name': PropTypes.Requireable<string>;
                 disabled: PropTypes.Requireable<boolean>;
                 label: PropTypes.Validator<string>;
-                onClick: PropTypes.Validator<(...args: any[]) => any>;
+                onClick: PropTypes.Requireable<(...args: any[]) => any>;
                 type: PropTypes.Requireable<string>;
                 buttonLinkType: PropTypes.Requireable<string>;
                 icon: PropTypes.Requireable<PropTypes.InferProps<{
@@ -104,7 +104,7 @@ export declare const propTypes: {
             'data-name': PropTypes.Requireable<string>;
             disabled: PropTypes.Requireable<boolean>;
             label: PropTypes.Validator<string>;
-            onClick: PropTypes.Validator<(...args: any[]) => any>;
+            onClick: PropTypes.Requireable<(...args: any[]) => any>;
             type: PropTypes.Requireable<string>;
             buttonLinkType: PropTypes.Requireable<string>;
             icon: PropTypes.Requireable<PropTypes.InferProps<{

package/lib/molecule/icon-preview/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/icon-preview/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAkB,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAIpD,aAAK,sBAAsB,GAAG,gBAAgB,GAAG;IAC/C,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACnC,CAAC;AAEF,QAAA,MAAM,WAAW;YAAW,sBAAsB;;;;;;;;~~CAsCjD~~,CAAC;AAIF,eAAe,WAAW,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/icon-preview/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAkB,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAIpD,aAAK,sBAAsB,GAAG,gBAAgB,GAAG;IAC/C,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACnC,CAAC;AAEF,QAAA,MAAM,WAAW;YAAW,sBAAsB;;;;;;;;CAuCjD,CAAC;AAIF,eAAe,WAAW,CAAC"}

package/lib/molecule/icon-preview/index.js CHANGED Viewed

@@ -27,7 +27,8 @@ const IconPreview = props => {
     className: _style.default.iconPreviewWrapper,
     style: {
       background: (0, _getBackgroundGradientColor.createGradientBackground)(icon.color, '93%', '100%')
-    }
+    },
+    "data-testid": "skill-icon"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.iconPreview,
     style: mergedStyle

package/lib/molecule/icon-preview/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_icon","_getBackgroundGradientColor","_types","_style","e","__esModule","default","DEFAULT_GAP","IconPreview","props","icon","title","customStyle","mergedStyle","gap","padding","createElement","className","style","iconPreviewWrapper","background","createGradientBackground","color","iconPreview","iconWrapper","iconName","name","iconColor","size","faSize","wrapperSize","gradientBackground","titleWrapper","propTypes","process","env","NODE_ENV","_default","exports"],"sources":["../../../src/molecule/icon-preview/index.tsx"],"sourcesContent":["import React from 'react';\nimport FaIcon from '../../atom/icon';\nimport {createGradientBackground} from '../../util/get-background-gradient-color';\nimport propTypes, {IconPreviewProps} from './types';\nimport style from './style.css';\n\nconst DEFAULT_GAP = '32px';\ntype IconPreviewCustomProps = IconPreviewProps & {\n customStyle?: React.CSSProperties;\n};\n\nconst IconPreview = (props: IconPreviewCustomProps) => {\n const {icon, title, customStyle = {}} = props;\n\n // explicit disable to override only if customStyle is provided otherwise merged in style.\n // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread\n const mergedStyle = {\n gap: DEFAULT_GAP,\n padding: '72px 48px 64px 48px',\n ...customStyle\n };\n\n return (\n <div\n className={style.iconPreviewWrapper}\n style={{\n background: createGradientBackground(icon.color, '93%', '100%')\n }}\n >\n <div className={style.iconPreview} style={mergedStyle}>\n <div className={style.iconWrapper}>\n <FaIcon\n {...{\n iconName: icon.name,\n iconColor: icon.color,\n size: {\n faSize: 36,\n wrapperSize: 80\n },\n gradientBackground: true\n }}\n />\n </div>\n <div className={style.titleWrapper} title={title}>\n {title}\n </div>\n </div>\n </div>\n );\n};\n\nIconPreview.propTypes = propTypes;\n\nexport default IconPreview;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,2BAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,WAAW,GAAG,MAAM;AAK1B,MAAMC,WAAW,GAAIC,KAA6B,IAAK;EACrD,MAAM;IAACC,IAAI;IAAEC,KAAK;IAAEC,WAAW,GAAG,CAAC;EAAC,CAAC,GAAGH,KAAK;;EAE7C;EACA;EACA,MAAMI,WAAW,GAAG;IAClBC,GAAG,EAAEP,WAAW;IAChBQ,OAAO,EAAE,qBAAqB;IAC9B,GAAGH;EACL,CAAC;EAED,oBACEf,MAAA,CAAAS,OAAA,CAAAU,aAAA;IACEC,SAAS,EAAEC,cAAK,CAACC,kBAAmB;IACpCD,KAAK,EAAE;MACLE,UAAU,EAAE,IAAAC,oDAAwB,EAACX,IAAI,CAACY,KAAK,EAAE,KAAK,EAAE,MAAM;IAChE;~~EAAE~~,~~gBAEFzB~~,MAAA,CAAAS,OAAA,CAAAU,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACK,WAAY;IAACL,KAAK,EAAEL;EAAY,gBACpDhB,MAAA,CAAAS,OAAA,CAAAU,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACM;EAAY,gBAChC3B,MAAA,CAAAS,OAAA,CAAAU,aAAA,CAAChB,KAAA,CAAAM,OAAM;IAEHmB,QAAQ,EAAEf,IAAI,CAACgB,IAAI;IACnBC,SAAS,EAAEjB,IAAI,CAACY,KAAK;IACrBM,IAAI,EAAE;MACJC,MAAM,EAAE,EAAE;MACVC,WAAW,EAAE;IACf,CAAC;IACDC,kBAAkB,EAAE;EAAI,CAE3B,CACE,CAAC,eACNlC,MAAA,CAAAS,OAAA,CAAAU,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACc,YAAa;IAACrB,KAAK,EAAEA;EAAM,GAC9CA,KACE,CACF,CACF,CAAC;AAEV,CAAC;AAEDH,WAAW,CAACyB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGH,cAAS;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAAhC,OAAA,GAEnBE,WAAW","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_icon","_getBackgroundGradientColor","_types","_style","e","__esModule","default","DEFAULT_GAP","IconPreview","props","icon","title","customStyle","mergedStyle","gap","padding","createElement","className","style","iconPreviewWrapper","background","createGradientBackground","color","iconPreview","iconWrapper","iconName","name","iconColor","size","faSize","wrapperSize","gradientBackground","titleWrapper","propTypes","process","env","NODE_ENV","_default","exports"],"sources":["../../../src/molecule/icon-preview/index.tsx"],"sourcesContent":["import React from 'react';\nimport FaIcon from '../../atom/icon';\nimport {createGradientBackground} from '../../util/get-background-gradient-color';\nimport propTypes, {IconPreviewProps} from './types';\nimport style from './style.css';\n\nconst DEFAULT_GAP = '32px';\ntype IconPreviewCustomProps = IconPreviewProps & {\n customStyle?: React.CSSProperties;\n};\n\nconst IconPreview = (props: IconPreviewCustomProps) => {\n const {icon, title, customStyle = {}} = props;\n\n // explicit disable to override only if customStyle is provided otherwise merged in style.\n // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread\n const mergedStyle = {\n gap: DEFAULT_GAP,\n padding: '72px 48px 64px 48px',\n ...customStyle\n };\n\n return (\n <div\n className={style.iconPreviewWrapper}\n style={{\n background: createGradientBackground(icon.color, '93%', '100%')\n }}\n data-testid=\"skill-icon\"\n >\n <div className={style.iconPreview} style={mergedStyle}>\n <div className={style.iconWrapper}>\n <FaIcon\n {...{\n iconName: icon.name,\n iconColor: icon.color,\n size: {\n faSize: 36,\n wrapperSize: 80\n },\n gradientBackground: true\n }}\n />\n </div>\n <div className={style.titleWrapper} title={title}>\n {title}\n </div>\n </div>\n </div>\n );\n};\n\nIconPreview.propTypes = propTypes;\n\nexport default IconPreview;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,2BAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,WAAW,GAAG,MAAM;AAK1B,MAAMC,WAAW,GAAIC,KAA6B,IAAK;EACrD,MAAM;IAACC,IAAI;IAAEC,KAAK;IAAEC,WAAW,GAAG,CAAC;EAAC,CAAC,GAAGH,KAAK;;EAE7C;EACA;EACA,MAAMI,WAAW,GAAG;IAClBC,GAAG,EAAEP,WAAW;IAChBQ,OAAO,EAAE,qBAAqB;IAC9B,GAAGH;EACL,CAAC;EAED,oBACEf,MAAA,CAAAS,OAAA,CAAAU,aAAA;IACEC,SAAS,EAAEC,cAAK,CAACC,kBAAmB;IACpCD,KAAK,EAAE;MACLE,UAAU,EAAE,IAAAC,oDAAwB,EAACX,IAAI,CAACY,KAAK,EAAE,KAAK,EAAE,MAAM;IAChE,CAAE;IACF,eAAY;EAAY,gBAExBzB,MAAA,CAAAS,OAAA,CAAAU,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACK,WAAY;IAACL,KAAK,EAAEL;EAAY,gBACpDhB,MAAA,CAAAS,OAAA,CAAAU,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACM;EAAY,gBAChC3B,MAAA,CAAAS,OAAA,CAAAU,aAAA,CAAChB,KAAA,CAAAM,OAAM;IAEHmB,QAAQ,EAAEf,IAAI,CAACgB,IAAI;IACnBC,SAAS,EAAEjB,IAAI,CAACY,KAAK;IACrBM,IAAI,EAAE;MACJC,MAAM,EAAE,EAAE;MACVC,WAAW,EAAE;IACf,CAAC;IACDC,kBAAkB,EAAE;EAAI,CAE3B,CACE,CAAC,eACNlC,MAAA,CAAAS,OAAA,CAAAU,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACc,YAAa;IAACrB,KAAK,EAAEA;EAAM,GAC9CA,KACE,CACF,CACF,CAAC;AAEV,CAAC;AAEDH,WAAW,CAACyB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGH,cAAS;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAAhC,OAAA,GAEnBE,WAAW","ignoreList":[]}

package/lib/organism/content-skill-modal/index.d.ts CHANGED Viewed

@@ -239,7 +239,7 @@ declare const ContentSkillModal: {
                                 'data-name': import("prop-types").Requireable<string>;
                                 disabled: import("prop-types").Requireable<boolean>;
                                 label: import("prop-types").Validator<string>;
-                                onClick: import("prop-types").Validator<(...args: any[]) => any>;
+                                onClick: import("prop-types").Requireable<(...args: any[]) => any>;
                                 type: import("prop-types").Requireable<string>;
                                 buttonLinkType: import("prop-types").Requireable<string>;
                                 icon: import("prop-types").Requireable<import("prop-types").InferProps<{
@@ -269,6 +269,8 @@ declare const ContentSkillModal: {
                                 [x: string]: NonNullable<string | number | object | null | undefined> | null | undefined;
                             }>;
                         }>>;
+                        type: import("prop-types").Requireable<string>;
+                        primaryColor: import("prop-types").Requireable<string>;
                     }> | null | undefined>>;
                 }>>;
             }> | import("prop-types").InferProps<{
@@ -295,7 +297,7 @@ declare const ContentSkillModal: {
                             'data-name': import("prop-types").Requireable<string>;
                             disabled: import("prop-types").Requireable<boolean>;
                             label: import("prop-types").Validator<string>;
-                            onClick: import("prop-types").Validator<(...args: any[]) => any>;
+                            onClick: import("prop-types").Requireable<(...args: any[]) => any>;
                             type: import("prop-types").Requireable<string>;
                             buttonLinkType: import("prop-types").Requireable<string>;
                             icon: import("prop-types").Requireable<import("prop-types").InferProps<{
@@ -372,7 +374,7 @@ declare const ContentSkillModal: {
                         'data-name': import("prop-types").Requireable<string>;
                         disabled: import("prop-types").Requireable<boolean>;
                         label: import("prop-types").Validator<string>;
-                        onClick: import("prop-types").Validator<(...args: any[]) => any>;
+                        onClick: import("prop-types").Requireable<(...args: any[]) => any>;
                         type: import("prop-types").Requireable<string>;
                         buttonLinkType: import("prop-types").Requireable<string>;
                         icon: import("prop-types").Requireable<import("prop-types").InferProps<{
@@ -574,7 +576,7 @@ declare const ContentSkillModal: {
                         'data-name': import("prop-types").Requireable<string>;
                         disabled: import("prop-types").Requireable<boolean>;
                         label: import("prop-types").Validator<string>;
-                        onClick: import("prop-types").Validator<(...args: any[]) => any>;
+                        onClick: import("prop-types").Requireable<(...args: any[]) => any>;
                         type: import("prop-types").Requireable<string>;
                         buttonLinkType: import("prop-types").Requireable<string>;
                         icon: import("prop-types").Requireable<import("prop-types").InferProps<{
@@ -604,6 +606,8 @@ declare const ContentSkillModal: {
                         [x: string]: NonNullable<string | number | object | null | undefined> | null | undefined;
                     }>;
                 }>>;
+                type: import("prop-types").Requireable<string>;
+                primaryColor: import("prop-types").Requireable<string>;
             }>>;
         }>>>;
         filters: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{

package/lib/organism/content-skill-modal/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/content-skill-modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAOlD,OAAkB,EAAC,sBAAsB,EAAC,MAAM,SAAS,CAAC;AAE1D,QAAA,MAAM,iBAAiB;YAAW,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DvD,CAAC;AAQF,eAAe,iBAAiB,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/content-skill-modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAOlD,OAAkB,EAAC,sBAAsB,EAAC,MAAM,SAAS,CAAC;AAE1D,QAAA,MAAM,iBAAiB;YAAW,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DvD,CAAC;AAQF,eAAe,iBAAiB,CAAC"}

package/lib/organism/content-skill-modal/types.d.ts CHANGED Viewed

@@ -236,7 +236,7 @@ declare const ContentSkillModalPropTypes: {
                             'data-name': PropTypes.Requireable<string>;
                             disabled: PropTypes.Requireable<boolean>;
                             label: PropTypes.Validator<string>;
-                            onClick: PropTypes.Validator<(...args: any[]) => any>;
+                            onClick: PropTypes.Requireable<(...args: any[]) => any>;
                             type: PropTypes.Requireable<string>;
                             buttonLinkType: PropTypes.Requireable<string>;
                             icon: PropTypes.Requireable<PropTypes.InferProps<{
@@ -266,6 +266,8 @@ declare const ContentSkillModalPropTypes: {
                             [x: string]: NonNullable<string | number | object | null | undefined> | null | undefined;
                         }>;
                     }>>;
+                    type: PropTypes.Requireable<string>;
+                    primaryColor: PropTypes.Requireable<string>;
                 }> | null | undefined>>;
             }>>;
         }> | PropTypes.InferProps<{
@@ -292,7 +294,7 @@ declare const ContentSkillModalPropTypes: {
                         'data-name': PropTypes.Requireable<string>;
                         disabled: PropTypes.Requireable<boolean>;
                         label: PropTypes.Validator<string>;
-                        onClick: PropTypes.Validator<(...args: any[]) => any>;
+                        onClick: PropTypes.Requireable<(...args: any[]) => any>;
                         type: PropTypes.Requireable<string>;
                         buttonLinkType: PropTypes.Requireable<string>;
                         icon: PropTypes.Requireable<PropTypes.InferProps<{
@@ -369,7 +371,7 @@ declare const ContentSkillModalPropTypes: {
                     'data-name': PropTypes.Requireable<string>;
                     disabled: PropTypes.Requireable<boolean>;
                     label: PropTypes.Validator<string>;
-                    onClick: PropTypes.Validator<(...args: any[]) => any>;
+                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
                     type: PropTypes.Requireable<string>;
                     buttonLinkType: PropTypes.Requireable<string>;
                     icon: PropTypes.Requireable<PropTypes.InferProps<{
@@ -571,7 +573,7 @@ declare const ContentSkillModalPropTypes: {
                     'data-name': PropTypes.Requireable<string>;
                     disabled: PropTypes.Requireable<boolean>;
                     label: PropTypes.Validator<string>;
-                    onClick: PropTypes.Validator<(...args: any[]) => any>;
+                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
                     type: PropTypes.Requireable<string>;
                     buttonLinkType: PropTypes.Requireable<string>;
                     icon: PropTypes.Requireable<PropTypes.InferProps<{
@@ -601,6 +603,8 @@ declare const ContentSkillModalPropTypes: {
                     [x: string]: NonNullable<string | number | object | null | undefined> | null | undefined;
                 }>;
             }>>;
+            type: PropTypes.Requireable<string>;
+            primaryColor: PropTypes.Requireable<string>;
         }>>;
     }>>>;
     filters: PropTypes.Validator<NonNullable<PropTypes.InferProps<{

package/lib/organism/content-skill-modal/types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/content-skill-modal/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,SAAS,MAAM,eAAe,CAAC;AACtC,OAAkC,EAChC,qBAAqB,EACtB,MAAM,8CAA8C,CAAC;AAStD,QAAA,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAI/B,CAAC;AAEF,eAAe,0BAA0B,CAAC;AAE1C,aAAK,UAAU,GAAG;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACnC,WAAW,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;IACpD,OAAO,EAAE,qBAAqB,CAAC;IAC/B,KAAK,EAAE,UAAU,CAAC;CACnB,CAAC"}
1	+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/content-skill-modal/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,SAAS,MAAM,eAAe,CAAC;AACtC,OAAkC,EAChC,qBAAqB,EACtB,MAAM,8CAA8C,CAAC;AAStD,QAAA,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAI/B,CAAC;AAEF,eAAe,0BAA0B,CAAC;AAE1C,aAAK,UAAU,GAAG;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACnC,WAAW,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;IACpD,OAAO,EAAE,qBAAqB,CAAC;IAC/B,KAAK,EAAE,UAAU,CAAC;CACnB,CAAC"}

package/lib/organism/header-with-actions/index.d.ts CHANGED Viewed

@@ -29,7 +29,7 @@ declare const HeaderWithActions: {
                 'data-name': import("prop-types").Requireable<string>;
                 disabled: import("prop-types").Requireable<boolean>;
                 label: import("prop-types").Validator<string>;
-                onClick: import("prop-types").Validator<(...args: any[]) => any>;
+                onClick: import("prop-types").Requireable<(...args: any[]) => any>;
                 type: import("prop-types").Requireable<string>;
                 buttonLinkType: import("prop-types").Requireable<string>;
                 icon: import("prop-types").Requireable<import("prop-types").InferProps<{

package/lib/organism/header-with-actions/types.d.ts CHANGED Viewed

@@ -28,7 +28,7 @@ declare const headerWithActionsPropTypes: {
             'data-name': PropTypes.Requireable<string>;
             disabled: PropTypes.Requireable<boolean>;
             label: PropTypes.Validator<string>;
-            onClick: PropTypes.Validator<(...args: any[]) => any>;
+            onClick: PropTypes.Requireable<(...args: any[]) => any>;
             type: PropTypes.Requireable<string>;
             buttonLinkType: PropTypes.Requireable<string>;
             icon: PropTypes.Requireable<PropTypes.InferProps<{

package/lib/organism/list-items/index.d.ts CHANGED Viewed

@@ -245,7 +245,7 @@ declare namespace ListItems {
                             'data-name': PropTypes.Requireable<string>;
                             disabled: PropTypes.Requireable<boolean>;
                             label: PropTypes.Validator<string>;
-                            onClick: PropTypes.Validator<(...args: any[]) => any>;
+                            onClick: PropTypes.Requireable<(...args: any[]) => any>;
                             type: PropTypes.Requireable<string>;
                             buttonLinkType: PropTypes.Requireable<string>;
                             icon: PropTypes.Requireable<PropTypes.InferProps<{
@@ -275,6 +275,8 @@ declare namespace ListItems {
                             [x: string]: NonNullable<string | number | object | null | undefined> | null | undefined;
                         }>;
                     }>>;
+                    type: PropTypes.Requireable<string>;
+                    primaryColor: PropTypes.Requireable<string>;
                 }> | null | undefined>>;
             }>>;
         }> | PropTypes.InferProps<{
@@ -301,7 +303,7 @@ declare namespace ListItems {
                         'data-name': PropTypes.Requireable<string>;
                         disabled: PropTypes.Requireable<boolean>;
                         label: PropTypes.Validator<string>;
-                        onClick: PropTypes.Validator<(...args: any[]) => any>;
+                        onClick: PropTypes.Requireable<(...args: any[]) => any>;
                         type: PropTypes.Requireable<string>;
                         buttonLinkType: PropTypes.Requireable<string>;
                         icon: PropTypes.Requireable<PropTypes.InferProps<{
@@ -378,7 +380,7 @@ declare namespace ListItems {
                     'data-name': PropTypes.Requireable<string>;
                     disabled: PropTypes.Requireable<boolean>;
                     label: PropTypes.Validator<string>;
-                    onClick: PropTypes.Validator<(...args: any[]) => any>;
+                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
                     type: PropTypes.Requireable<string>;
                     buttonLinkType: PropTypes.Requireable<string>;
                     icon: PropTypes.Requireable<PropTypes.InferProps<{
@@ -580,7 +582,7 @@ declare namespace ListItems {
                     'data-name': PropTypes.Requireable<string>;
                     disabled: PropTypes.Requireable<boolean>;
                     label: PropTypes.Validator<string>;
-                    onClick: PropTypes.Validator<(...args: any[]) => any>;
+                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
                     type: PropTypes.Requireable<string>;
                     buttonLinkType: PropTypes.Requireable<string>;
                     icon: PropTypes.Requireable<PropTypes.InferProps<{
@@ -610,6 +612,8 @@ declare namespace ListItems {
                     [x: string]: NonNullable<string | number | object | null | undefined> | null | undefined;
                 }>;
             }>>;
+            type: PropTypes.Requireable<string>;
+            primaryColor: PropTypes.Requireable<string>;
         }>>;
     };
 }

package/lib/organism/mooc-header/index.d.ts CHANGED Viewed

@@ -144,7 +144,6 @@ declare class MoocHeader extends React.Component<any, any, any> {
         isMenuOpen: boolean;
         isFocus: boolean;
         isToolTipOpen: boolean;
-        hovered: boolean;
     };
     handleSettingsToggle(): void;
     handleMenuToggle(): void;
@@ -162,8 +161,7 @@ declare class MoocHeader extends React.Component<any, any, any> {
     handleKeyPress(event: any): void;
     componentDidUpdate(prevProps: any, prevState: any, prevContext: any): void;
     menuSettings: any;
-    handleMouseEnter: () => void;
-    handleMouseLeave: () => void;
+    createMenuButtons: (items: any, primaryColor: any) => any;
     render(): JSX.Element | null;
 }
 import React from "react";

package/lib/organism/mooc-header/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/mooc-header/index.js"],"names":[],"mappings":";AAuBA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA+FE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,~~wBAwBC~~;~~IAtBC;;;;;;MAMC~~;IAgDH,6BAIC;IAED,yBAGC;IAxBD,qCAQC;IAED,wBAGC;IAjBD,+BAEC;IA4BD,2BAKC;IAED,0BAKC;IAED,sBAIC;IAED,qBAIC;IAED,yBAQC;IAED,0BAQC;IAED,0BAIC;IAED,2BAIC;IAED,iCAUC;IA7GD,2EASC;IAGC,kBAAsB;IAmGxB,~~6BAIE~~;IAEF,~~6BAIE~~;~~IAEF,6BA4dC;~~CACF"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/mooc-header/index.js"],"names":[],"mappings":";AAuBA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA+FE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAuBC;IArBC;;;;;MAKC;IAgDH,6BAIC;IAED,yBAGC;IAxBD,qCAQC;IAED,wBAGC;IAjBD,+BAEC;IA4BD,2BAKC;IAED,0BAKC;IAED,sBAIC;IAED,qBAIC;IAED,yBAQC;IAED,0BAQC;IAED,0BAIC;IAED,2BAIC;IAED,iCAUC;IA7GD,2EASC;IAGC,kBAAsB;IAmGxB,0DAaE;IAEF,6BAqdC;CACF"}

package/lib/organism/mooc-header/index.js CHANGED Viewed

@@ -18,6 +18,7 @@ var _inputSwitch = _interopRequireDefault(require("../../atom/input-switch"));
 var _link = _interopRequireDefault(require("../../atom/link"));
 var _inputSearch = _interopRequireDefault(require("../../atom/input-search"));
 var _searchForm = _interopRequireDefault(require("../../molecule/search-form"));
+var _buttonMenuAction = _interopRequireDefault(require("../../molecule/button-menu-action"));
 var _colors = require("../../variables/colors");
 var _style = _interopRequireDefault(require("./style.css"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -33,8 +34,7 @@ class MoocHeader extends _react.default.Component {
       isSettingsOpen: false,
       isMenuOpen: false,
       isFocus: false,
-      isToolTipOpen: false,
-      hovered: false
+      isToolTipOpen: false
     };
     this.handleSettingsToggle = this.handleSettingsToggle.bind(this);
     this.handleMenuToggle = this.handleMenuToggle.bind(this);
@@ -163,15 +163,19 @@ class MoocHeader extends _react.default.Component {
       }));
     }
   }
-  handleMouseEnter = () => {
-    this.setState({
-      hovered: true
-    });
-  };
-  handleMouseLeave = () => {
-    this.setState({
-      hovered: false
-    });
+  createMenuButtons = (items, primaryColor) => {
+    return items.map(item => ({
+      label: item.title,
+      disabled: item.disabled,
+      type: 'defaultLeft',
+      link: {
+        href: item.href
+      },
+      'data-name': `item-more-${item.title}`,
+      customStyle: item.selected ? {
+        color: primaryColor
+      } : null
+    }));
   };
   render() {
     if ((0, _isEmpty2.default)(this.props)) return null;
@@ -285,37 +289,32 @@ class MoocHeader extends _react.default.Component {
           }
         }));
       });
-      const {
-        hovered
-      } = this.state;
-      const _hoverStyle = hovered ? {
-        color: primaryColor
-      } : null;
       pagesView = /*#__PURE__*/_react.default.createElement("div", {
         className: search.value || isFocus ? _style.default.noItems : _style.default.items
-      }, displayedPages, /*#__PURE__*/_react.default.createElement("div", {
-        className: _style.default.more
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: _style.default.currentOption,
-        "aria-haspopup": "true",
-        "data-name": "item-more",
-        onMouseEnter: this.handleMouseEnter,
-        onMouseLeave: this.handleMouseLeave,
-        style: {
-          ..._hoverStyle
-        }
-      }, moreAriaLabel, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowDown, {
-        style: {
-          color: mediumColor
+      }, displayedPages, items.more ? /*#__PURE__*/_react.default.createElement("div", {
+        className: _style.default.desktopOnlyMoreMenu
+      }, /*#__PURE__*/_react.default.createElement(_buttonMenuAction.default, {
+        button: {
+          label: moreAriaLabel,
+          'aria-label': moreAriaLabel,
+          'data-name': 'item-more'
         },
-        className: _style.default.caret,
-        "aria-label": moreAriaLabel
-      })), /*#__PURE__*/_react.default.createElement("span", {
-        className: _style.default.bar,
-        style: {
-          backgroundColor: primaryColor
+        type: "link",
+        primaryColor: primaryColor,
+        containerCustom: {
+          alignItems: 'flex-start'
+        },
+        menuWrapper: {
+          customStyle: {
+            top: '30px'
+          }
+        },
+        menu: {
+          buttons: this.createMenuButtons(items.more, primaryColor)
         }
-      }), /*#__PURE__*/_react.default.createElement("div", {
+      })) : null, /*#__PURE__*/_react.default.createElement("div", {
+        className: _style.default.tabletOnlyMoreMenu
+      }, /*#__PURE__*/_react.default.createElement("div", {
         className: _style.default.optionsGroup
       }, optionsView)));
     }