@coorpacademy/components 11.40.25 → 11.41.0
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.
- package/es/atom/chip/index.d.ts +1 -0
- package/es/atom/chip/index.d.ts.map +1 -1
- package/es/atom/chip/index.js +6 -3
- package/es/atom/chip/index.js.map +1 -1
- package/es/atom/drag-and-drop/index.d.ts +2 -0
- package/es/atom/drag-and-drop/index.d.ts.map +1 -1
- package/es/atom/drag-and-drop/index.js +9 -4
- package/es/atom/drag-and-drop/index.js.map +1 -1
- package/es/atom/input-date/index.d.ts +21 -0
- package/es/atom/input-date/index.d.ts.map +1 -0
- package/es/atom/input-date/index.js +73 -0
- package/es/atom/input-date/index.js.map +1 -0
- package/es/atom/input-date/style.css +88 -0
- package/es/atom/input-file-draggable/index.d.ts +10 -2
- package/es/atom/input-file-draggable/index.d.ts.map +1 -1
- package/es/atom/input-file-draggable/index.js +12 -4
- package/es/atom/input-file-draggable/index.js.map +1 -1
- package/es/atom/radio-with-title/index.d.ts +1 -0
- package/es/atom/radio-with-title/index.d.ts.map +1 -1
- package/es/atom/radio-with-title/types.d.ts +1 -0
- package/es/atom/radio-with-title/types.d.ts.map +1 -1
- package/es/atom/title/index.d.ts +1 -0
- package/es/atom/title/index.d.ts.map +1 -1
- package/es/atom/title/index.js +16 -6
- package/es/atom/title/index.js.map +1 -1
- package/es/atom/title/style.css +4 -0
- package/es/atom/video-upload/index.d.ts +2 -0
- package/es/molecule/assignment-card/index.d.ts +62 -0
- package/es/molecule/assignment-card/index.d.ts.map +1 -0
- package/es/molecule/assignment-card/index.js +91 -0
- package/es/molecule/assignment-card/index.js.map +1 -0
- package/es/molecule/assignment-card/style.css +98 -0
- package/es/molecule/assignment-status-tag/index.d.ts +13 -0
- package/es/molecule/assignment-status-tag/index.d.ts.map +1 -0
- package/es/molecule/assignment-status-tag/index.js +42 -0
- package/es/molecule/assignment-status-tag/index.js.map +1 -0
- package/es/molecule/assignment-status-tag/types.d.ts +15 -0
- package/es/molecule/assignment-status-tag/types.d.ts.map +1 -0
- package/es/molecule/assignment-status-tag/types.js +8 -0
- package/es/molecule/assignment-status-tag/types.js.map +1 -0
- package/es/molecule/brand-form-group/index.d.ts.map +1 -1
- package/es/molecule/brand-form-group/index.js +7 -0
- package/es/molecule/brand-form-group/index.js.map +1 -1
- package/es/molecule/card/index.d.ts +1 -0
- package/es/molecule/card/index.d.ts.map +1 -1
- package/es/molecule/card/index.js +3 -0
- package/es/molecule/card/index.js.map +1 -1
- package/es/molecule/card-content/index.d.ts +3 -1
- package/es/molecule/card-content/index.d.ts.map +1 -1
- package/es/molecule/card-content/index.js +7 -1
- package/es/molecule/card-content/index.js.map +1 -1
- package/es/molecule/cm-popin/types.d.ts +11 -0
- package/es/molecule/cm-popin/types.d.ts.map +1 -1
- package/es/molecule/dashboard/cards-list/index.d.ts +3 -0
- package/es/molecule/dashboard/cards-list/index.d.ts.map +1 -1
- package/es/molecule/dashboard/cards-list/index.js +11 -5
- package/es/molecule/dashboard/cards-list/index.js.map +1 -1
- package/es/molecule/dashboard/cards-list/prop-types.d.ts +1 -0
- package/es/molecule/dashboard/cards-list/prop-types.d.ts.map +1 -1
- package/es/molecule/dashboard/cards-list/prop-types.js.map +1 -1
- package/es/molecule/drag-and-drop-wrapper/index.d.ts +6 -0
- package/es/molecule/draggable-list/index.d.ts +63 -54
- package/es/molecule/tabs/index.d.ts +1 -0
- package/es/molecule/tabs/index.d.ts.map +1 -1
- package/es/molecule/tabs/index.js +7 -3
- package/es/molecule/tabs/index.js.map +1 -1
- package/es/molecule/tabs/style.css +4 -0
- package/es/molecule/title-and-checkbox-wrapper/index.d.ts +13 -0
- package/es/molecule/title-radio-wrapper/index.d.ts +7 -0
- package/es/molecule/title-radio-wrapper/index.d.ts.map +1 -1
- package/es/molecule/title-radio-wrapper/types.d.ts +7 -0
- package/es/molecule/title-radio-wrapper/types.d.ts.map +1 -1
- package/es/organism/assignment-audience/index.d.ts +92 -0
- package/es/organism/assignment-audience/index.d.ts.map +1 -0
- package/es/organism/assignment-audience/index.js +236 -0
- package/es/organism/assignment-audience/index.js.map +1 -0
- package/es/organism/assignment-audience/style.css +115 -0
- package/es/organism/assignment-audience/types.d.ts +193 -0
- package/es/organism/assignment-audience/types.d.ts.map +1 -0
- package/es/organism/assignment-audience/types.js +108 -0
- package/es/organism/assignment-audience/types.js.map +1 -0
- package/es/organism/assignment-audience/upload-result.css +47 -0
- package/es/organism/assignment-audience/upload-result.d.ts +26 -0
- package/es/organism/assignment-audience/upload-result.d.ts.map +1 -0
- package/es/organism/assignment-audience/upload-result.js +89 -0
- package/es/organism/assignment-audience/upload-result.js.map +1 -0
- package/es/organism/assignment-row/index.d.ts +55 -0
- package/es/organism/assignment-row/index.d.ts.map +1 -0
- package/es/organism/assignment-row/index.js +38 -0
- package/es/organism/assignment-row/index.js.map +1 -0
- package/es/organism/assignment-row/types.d.ts +83 -0
- package/es/organism/assignment-row/types.d.ts.map +1 -0
- package/es/organism/assignment-row/types.js +29 -0
- package/es/organism/assignment-row/types.js.map +1 -0
- package/es/organism/brand-learning-priorities/index.d.ts +63 -54
- package/es/organism/content-skill-modal/index.d.ts +10 -0
- package/es/organism/content-skill-modal/index.d.ts.map +1 -1
- package/es/organism/content-skill-modal/types.d.ts +10 -0
- package/es/organism/content-skill-modal/types.d.ts.map +1 -1
- package/es/organism/list-item/index.d.ts +13 -1
- package/es/organism/list-item/index.d.ts.map +1 -1
- package/es/organism/list-item/index.js +45 -3
- package/es/organism/list-item/index.js.map +1 -1
- package/es/organism/list-item/style.css +36 -0
- package/es/organism/list-items/index.d.ts +10 -0
- package/es/organism/list-items/index.d.ts.map +1 -1
- package/es/organism/list-items/index.js +4 -1
- package/es/organism/list-items/index.js.map +1 -1
- package/es/organism/mooc-header/index.d.ts +7 -0
- package/es/organism/mooc-header/index.d.ts.map +1 -1
- package/es/organism/mooc-header/index.js +30 -1
- package/es/organism/mooc-header/index.js.map +1 -1
- package/es/organism/mooc-header/style.css +11 -0
- package/es/organism/rewards-form/index.d.ts +13 -0
- package/es/organism/select-opponents/index.d.ts +13 -0
- package/es/organism/select-opponents/index.d.ts.map +1 -1
- package/es/organism/select-opponents/types.d.ts +13 -0
- package/es/organism/select-opponents/types.d.ts.map +1 -1
- package/es/organism/title-and-input/index.d.ts +14 -0
- package/es/organism/title-and-input/index.d.ts.map +1 -1
- package/es/organism/title-and-input/types.d.ts +14 -0
- package/es/organism/title-and-input/types.d.ts.map +1 -1
- package/es/organism/wizard-contents/index.d.ts +13 -0
- package/es/template/activity/index.d.ts +1 -0
- package/es/template/activity/progression-item.css +16 -4
- package/es/template/activity/progression-item.d.ts +1 -0
- package/es/template/activity/progression-item.d.ts.map +1 -1
- package/es/template/activity/progression-item.js +14 -3
- package/es/template/activity/progression-item.js.map +1 -1
- package/es/template/app-player/loading/index.d.ts +11 -0
- package/es/template/app-player/player/index.d.ts +22 -0
- package/es/template/app-player/player/slides/index.d.ts +11 -0
- package/es/template/app-player/player/slides/index.d.ts.map +1 -1
- package/es/template/app-player/popin-correction/index.d.ts +11 -0
- package/es/template/app-player/popin-correction/index.d.ts.map +1 -1
- package/es/template/app-player/popin-end/index.d.ts +14 -0
- package/es/template/app-player/popin-end/summary.d.ts +3 -0
- package/es/template/app-review/index.d.ts +11 -0
- package/es/template/app-review/index.d.ts.map +1 -1
- package/es/template/app-review/player/prop-types.d.ts +11 -0
- package/es/template/app-review/player/prop-types.d.ts.map +1 -1
- package/es/template/app-review/prop-types.d.ts +11 -0
- package/es/template/app-review/prop-types.d.ts.map +1 -1
- package/es/template/back-office/brand-update/index.d.ts +95 -54
- package/es/template/certification-detail/index.d.ts +11 -0
- package/es/template/cockpit/jw-uploader/index.d.ts +2 -0
- package/es/template/common/dashboard/index.d.ts +22 -0
- package/es/template/common/dashboard/index.d.ts.map +1 -1
- package/es/template/common/dashboard/index.js +37 -1
- package/es/template/common/dashboard/index.js.map +1 -1
- package/es/template/common/search-page/index.d.ts +17 -0
- package/es/template/external-course/index.d.ts +11 -0
- package/es/template/my-assignments/index.d.ts +167 -0
- package/es/template/my-assignments/index.d.ts.map +1 -0
- package/es/template/my-assignments/index.js +221 -0
- package/es/template/my-assignments/index.js.map +1 -0
- package/es/template/my-assignments/style.css +84 -0
- package/es/template/my-learning/index.d.ts +3 -0
- package/es/template/playlist-detail/index.d.ts +11 -0
- package/es/template/teams-dashboard/index.d.ts +3 -0
- package/es/util/proptypes.d.ts.map +1 -1
- package/es/util/proptypes.js +2 -2
- package/es/util/proptypes.js.map +1 -1
- package/lib/atom/chip/index.d.ts +1 -0
- package/lib/atom/chip/index.d.ts.map +1 -1
- package/lib/atom/chip/index.js +6 -3
- package/lib/atom/chip/index.js.map +1 -1
- package/lib/atom/drag-and-drop/index.d.ts +2 -0
- package/lib/atom/drag-and-drop/index.d.ts.map +1 -1
- package/lib/atom/drag-and-drop/index.js +9 -4
- package/lib/atom/drag-and-drop/index.js.map +1 -1
- package/lib/atom/input-date/index.d.ts +21 -0
- package/lib/atom/input-date/index.d.ts.map +1 -0
- package/lib/atom/input-date/index.js +80 -0
- package/lib/atom/input-date/index.js.map +1 -0
- package/lib/atom/input-date/style.css +88 -0
- package/lib/atom/input-file-draggable/index.d.ts +10 -2
- package/lib/atom/input-file-draggable/index.d.ts.map +1 -1
- package/lib/atom/input-file-draggable/index.js +12 -4
- package/lib/atom/input-file-draggable/index.js.map +1 -1
- package/lib/atom/radio-with-title/index.d.ts +1 -0
- package/lib/atom/radio-with-title/index.d.ts.map +1 -1
- package/lib/atom/radio-with-title/types.d.ts +1 -0
- package/lib/atom/radio-with-title/types.d.ts.map +1 -1
- package/lib/atom/title/index.d.ts +1 -0
- package/lib/atom/title/index.d.ts.map +1 -1
- package/lib/atom/title/index.js +16 -6
- package/lib/atom/title/index.js.map +1 -1
- package/lib/atom/title/style.css +4 -0
- package/lib/atom/video-upload/index.d.ts +2 -0
- package/lib/molecule/assignment-card/index.d.ts +62 -0
- package/lib/molecule/assignment-card/index.d.ts.map +1 -0
- package/lib/molecule/assignment-card/index.js +97 -0
- package/lib/molecule/assignment-card/index.js.map +1 -0
- package/lib/molecule/assignment-card/style.css +98 -0
- package/lib/molecule/assignment-status-tag/index.d.ts +13 -0
- package/lib/molecule/assignment-status-tag/index.d.ts.map +1 -0
- package/lib/molecule/assignment-status-tag/index.js +47 -0
- package/lib/molecule/assignment-status-tag/index.js.map +1 -0
- package/lib/molecule/assignment-status-tag/types.d.ts +15 -0
- package/lib/molecule/assignment-status-tag/types.d.ts.map +1 -0
- package/lib/molecule/assignment-status-tag/types.js +13 -0
- package/lib/molecule/assignment-status-tag/types.js.map +1 -0
- package/lib/molecule/brand-form-group/index.d.ts.map +1 -1
- package/lib/molecule/brand-form-group/index.js +7 -0
- package/lib/molecule/brand-form-group/index.js.map +1 -1
- package/lib/molecule/card/index.d.ts +1 -0
- package/lib/molecule/card/index.d.ts.map +1 -1
- package/lib/molecule/card/index.js +3 -0
- package/lib/molecule/card/index.js.map +1 -1
- package/lib/molecule/card-content/index.d.ts +3 -1
- package/lib/molecule/card-content/index.d.ts.map +1 -1
- package/lib/molecule/card-content/index.js +7 -1
- package/lib/molecule/card-content/index.js.map +1 -1
- package/lib/molecule/cm-popin/types.d.ts +11 -0
- package/lib/molecule/cm-popin/types.d.ts.map +1 -1
- package/lib/molecule/dashboard/cards-list/index.d.ts +3 -0
- package/lib/molecule/dashboard/cards-list/index.d.ts.map +1 -1
- package/lib/molecule/dashboard/cards-list/index.js +11 -5
- package/lib/molecule/dashboard/cards-list/index.js.map +1 -1
- package/lib/molecule/dashboard/cards-list/prop-types.d.ts +1 -0
- package/lib/molecule/dashboard/cards-list/prop-types.d.ts.map +1 -1
- package/lib/molecule/dashboard/cards-list/prop-types.js.map +1 -1
- package/lib/molecule/drag-and-drop-wrapper/index.d.ts +6 -0
- package/lib/molecule/draggable-list/index.d.ts +63 -54
- package/lib/molecule/tabs/index.d.ts +1 -0
- package/lib/molecule/tabs/index.d.ts.map +1 -1
- package/lib/molecule/tabs/index.js +7 -3
- package/lib/molecule/tabs/index.js.map +1 -1
- package/lib/molecule/tabs/style.css +4 -0
- package/lib/molecule/title-and-checkbox-wrapper/index.d.ts +13 -0
- package/lib/molecule/title-radio-wrapper/index.d.ts +7 -0
- package/lib/molecule/title-radio-wrapper/index.d.ts.map +1 -1
- package/lib/molecule/title-radio-wrapper/types.d.ts +7 -0
- package/lib/molecule/title-radio-wrapper/types.d.ts.map +1 -1
- package/lib/organism/assignment-audience/index.d.ts +92 -0
- package/lib/organism/assignment-audience/index.d.ts.map +1 -0
- package/lib/organism/assignment-audience/index.js +242 -0
- package/lib/organism/assignment-audience/index.js.map +1 -0
- package/lib/organism/assignment-audience/style.css +115 -0
- package/lib/organism/assignment-audience/types.d.ts +193 -0
- package/lib/organism/assignment-audience/types.d.ts.map +1 -0
- package/lib/organism/assignment-audience/types.js +112 -0
- package/lib/organism/assignment-audience/types.js.map +1 -0
- package/lib/organism/assignment-audience/upload-result.css +47 -0
- package/lib/organism/assignment-audience/upload-result.d.ts +26 -0
- package/lib/organism/assignment-audience/upload-result.d.ts.map +1 -0
- package/lib/organism/assignment-audience/upload-result.js +94 -0
- package/lib/organism/assignment-audience/upload-result.js.map +1 -0
- package/lib/organism/assignment-row/index.d.ts +55 -0
- package/lib/organism/assignment-row/index.d.ts.map +1 -0
- package/lib/organism/assignment-row/index.js +45 -0
- package/lib/organism/assignment-row/index.js.map +1 -0
- package/lib/organism/assignment-row/types.d.ts +83 -0
- package/lib/organism/assignment-row/types.d.ts.map +1 -0
- package/lib/organism/assignment-row/types.js +34 -0
- package/lib/organism/assignment-row/types.js.map +1 -0
- package/lib/organism/brand-learning-priorities/index.d.ts +63 -54
- package/lib/organism/content-skill-modal/index.d.ts +10 -0
- package/lib/organism/content-skill-modal/index.d.ts.map +1 -1
- package/lib/organism/content-skill-modal/types.d.ts +10 -0
- package/lib/organism/content-skill-modal/types.d.ts.map +1 -1
- package/lib/organism/list-item/index.d.ts +13 -1
- package/lib/organism/list-item/index.d.ts.map +1 -1
- package/lib/organism/list-item/index.js +44 -3
- package/lib/organism/list-item/index.js.map +1 -1
- package/lib/organism/list-item/style.css +36 -0
- package/lib/organism/list-items/index.d.ts +10 -0
- package/lib/organism/list-items/index.d.ts.map +1 -1
- package/lib/organism/list-items/index.js +4 -1
- package/lib/organism/list-items/index.js.map +1 -1
- package/lib/organism/mooc-header/index.d.ts +7 -0
- package/lib/organism/mooc-header/index.d.ts.map +1 -1
- package/lib/organism/mooc-header/index.js +30 -1
- package/lib/organism/mooc-header/index.js.map +1 -1
- package/lib/organism/mooc-header/style.css +11 -0
- package/lib/organism/rewards-form/index.d.ts +13 -0
- package/lib/organism/select-opponents/index.d.ts +13 -0
- package/lib/organism/select-opponents/index.d.ts.map +1 -1
- package/lib/organism/select-opponents/types.d.ts +13 -0
- package/lib/organism/select-opponents/types.d.ts.map +1 -1
- package/lib/organism/title-and-input/index.d.ts +14 -0
- package/lib/organism/title-and-input/index.d.ts.map +1 -1
- package/lib/organism/title-and-input/types.d.ts +14 -0
- package/lib/organism/title-and-input/types.d.ts.map +1 -1
- package/lib/organism/wizard-contents/index.d.ts +13 -0
- package/lib/template/activity/index.d.ts +1 -0
- package/lib/template/activity/progression-item.css +16 -4
- package/lib/template/activity/progression-item.d.ts +1 -0
- package/lib/template/activity/progression-item.d.ts.map +1 -1
- package/lib/template/activity/progression-item.js +14 -3
- package/lib/template/activity/progression-item.js.map +1 -1
- package/lib/template/app-player/loading/index.d.ts +11 -0
- package/lib/template/app-player/player/index.d.ts +22 -0
- package/lib/template/app-player/player/slides/index.d.ts +11 -0
- package/lib/template/app-player/player/slides/index.d.ts.map +1 -1
- package/lib/template/app-player/popin-correction/index.d.ts +11 -0
- package/lib/template/app-player/popin-correction/index.d.ts.map +1 -1
- package/lib/template/app-player/popin-end/index.d.ts +14 -0
- package/lib/template/app-player/popin-end/summary.d.ts +3 -0
- package/lib/template/app-review/index.d.ts +11 -0
- package/lib/template/app-review/index.d.ts.map +1 -1
- package/lib/template/app-review/player/prop-types.d.ts +11 -0
- package/lib/template/app-review/player/prop-types.d.ts.map +1 -1
- package/lib/template/app-review/prop-types.d.ts +11 -0
- package/lib/template/app-review/prop-types.d.ts.map +1 -1
- package/lib/template/back-office/brand-update/index.d.ts +95 -54
- package/lib/template/certification-detail/index.d.ts +11 -0
- package/lib/template/cockpit/jw-uploader/index.d.ts +2 -0
- package/lib/template/common/dashboard/index.d.ts +22 -0
- package/lib/template/common/dashboard/index.d.ts.map +1 -1
- package/lib/template/common/dashboard/index.js +37 -1
- package/lib/template/common/dashboard/index.js.map +1 -1
- package/lib/template/common/search-page/index.d.ts +17 -0
- package/lib/template/external-course/index.d.ts +11 -0
- package/lib/template/my-assignments/index.d.ts +167 -0
- package/lib/template/my-assignments/index.d.ts.map +1 -0
- package/lib/template/my-assignments/index.js +227 -0
- package/lib/template/my-assignments/index.js.map +1 -0
- package/lib/template/my-assignments/style.css +84 -0
- package/lib/template/my-learning/index.d.ts +3 -0
- package/lib/template/playlist-detail/index.d.ts +11 -0
- package/lib/template/teams-dashboard/index.d.ts +3 -0
- package/lib/util/proptypes.d.ts.map +1 -1
- package/lib/util/proptypes.js +2 -2
- package/lib/util/proptypes.js.map +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidContentContentBook1","LearnerIcon","NovaCompositionCoorpacademyTimer","TimerIcon","Provider","Card","cardPropTypes","LearningPriorityCard","CertificationCard","LearnerSkillCard","PlaylistCard","Icon","Tabs","style","ShowMoreLink","props","onShowMore","showMore","className","createElement","onClick","contextTypes","skin","childContextTypes","propTypes","process","env","NODE_ENV","func","string","IconView","context","contentType","ICONS","chapter","course","dark","_get","IconType","color","icon","computeWidth","card","type","nextPage","page","maxPages","CardsList","PureComponent","translate","constructor","state","actualPage","scrollLeft","offsetWidth","possiblePositions","possiblePages","cardsWidth","handleScroll_","_throttle","handleScroll","bind","handleOnLeft","handleOnRight","scrollTo","updateState","_debounce","updatePages","setCardsWrapper","getScrollWidth","handleResize","testingSizes","componentDidMount","cardsWrapper","addEventListener","window","componentDidUpdate","cards","newCardsWidth","_pipe","_map","_sum","updatePaginationState","setState","componentWillUnmount","removeEventListener","cancel","wrapperWidth","wrapperScrollLeft","cardWidths","_reduce","cardPositions","accWidth","cardWidth","_head","acc","pageIndex","accPageWidth","pageWidth","skip","_findIndex","position","_last","element","index","onScroll","leftBound","rightBound","leftIndex","rightIndex","_findLastIndex","limit","indexOfNextFirstCard","indexOf","nextPosition","render","title","tabs","customStyle","dataName","ariaLabel","_getOr","titleStyle","titleLink","cardsView","_toPairs","key","CardComponent","_extends","arrowIconProps","preset","borderRadius","showMoreOnLeftAriaLabel","arrows","arrowsWrapper","arrow","iconName","titleView","titleNode","tabsView","hasPages","showMoreView","showMoreBar","switchPagesView","pagingWrapper","wrapper","list","header","ref","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 CertificationCard from '../../certification-card';\nimport LearnerSkillCard from '../../learner-skill-card';\nimport PlaylistCard from '../../playlist-card';\nimport Icon from '../../../atom/icon';\nimport Tabs from '../../tabs';\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 tabs: PropTypes.shape(Tabs.propTypes),\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([\n 'cards',\n 'learningPrioritiesCards',\n 'skills',\n 'certifications',\n 'playlists'\n ]),\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 tabs,\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 let CardComponent = Card;\n\n if (card && type === 'learningPrioritiesCards') {\n CardComponent = LearningPriorityCard;\n } else if (card && type === 'skills') {\n CardComponent = LearnerSkillCard;\n } else if (card && type === 'certifications') {\n CardComponent = CertificationCard;\n } else if (card && type === 'playlists') {\n CardComponent = PlaylistCard;\n }\n\n return (\n <div className={style.card} key={key}>\n <CardComponent {...card} dataName={`${dataName}-${key}`} />\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 tabsView = tabs ? <Tabs {...tabs} /> : null;\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 {tabsView ? tabsView : 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","PropTypes","NovaSolidContentContentBook1","LearnerIcon","NovaCompositionCoorpacademyTimer","TimerIcon","Provider","Card","cardPropTypes","AssignmentCard","LearningPriorityCard","CertificationCard","LearnerSkillCard","PlaylistCard","Icon","Tabs","style","ShowMoreLink","props","onShowMore","showMore","className","createElement","onClick","contextTypes","skin","childContextTypes","propTypes","process","env","NODE_ENV","func","string","IconView","context","contentType","ICONS","chapter","course","dark","_get","IconType","color","icon","computeWidth","card","type","nextPage","page","maxPages","CardsList","PureComponent","translate","constructor","state","actualPage","scrollLeft","offsetWidth","possiblePositions","possiblePages","cardsWidth","handleScroll_","_throttle","handleScroll","bind","handleOnLeft","handleOnRight","scrollTo","updateState","_debounce","updatePages","setCardsWrapper","getScrollWidth","handleResize","testingSizes","componentDidMount","cardsWrapper","addEventListener","window","componentDidUpdate","cards","newCardsWidth","_pipe","_map","_sum","updatePaginationState","setState","componentWillUnmount","removeEventListener","cancel","wrapperWidth","wrapperScrollLeft","cardWidths","_reduce","cardPositions","accWidth","cardWidth","_head","acc","pageIndex","accPageWidth","pageWidth","skip","_findIndex","position","_last","element","index","onScroll","leftBound","rightBound","leftIndex","rightIndex","_findLastIndex","limit","indexOfNextFirstCard","indexOf","nextPosition","render","title","tabs","alwaysShowMore","customStyle","dataName","ariaLabel","_getOr","titleStyle","titleLink","cardsView","_toPairs","key","CardComponent","_extends","arrowIconProps","preset","borderRadius","showMoreOnLeftAriaLabel","arrows","arrowsWrapper","arrow","iconName","titleView","titleNode","tabsView","hasPages","showMoreView","showMoreBar","switchPagesView","pagingWrapper","wrapper","list","header","ref","oneOfType","node","bool","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 AssignmentCard from '../../assignment-card';\nimport LearningPriorityCard from '../../learning-priority-card';\nimport CertificationCard from '../../certification-card';\nimport LearnerSkillCard from '../../learner-skill-card';\nimport PlaylistCard from '../../playlist-card';\nimport Icon from '../../../atom/icon';\nimport Tabs from '../../tabs';\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 // Show the « show more » link even when every card fits (no page)\n alwaysShowMore: PropTypes.bool,\n cards: PropTypes.arrayOf(\n PropTypes.oneOfType([\n PropTypes.shape(cardPropTypes),\n PropTypes.shape(AssignmentCard.propTypes),\n PropTypes.shape(LearningPriorityCard.propTypes)\n ])\n ),\n tabs: PropTypes.shape(Tabs.propTypes),\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([\n 'cards',\n 'learningPrioritiesCards',\n 'assignments',\n 'skills',\n 'certifications',\n 'playlists'\n ]),\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 tabs,\n showMore,\n alwaysShowMore = false,\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 let CardComponent = Card;\n\n if (card && type === 'assignments') {\n CardComponent = AssignmentCard;\n } else if (card && type === 'learningPrioritiesCards') {\n CardComponent = LearningPriorityCard;\n } else if (card && type === 'skills') {\n CardComponent = LearnerSkillCard;\n } else if (card && type === 'certifications') {\n CardComponent = CertificationCard;\n } else if (card && type === 'playlists') {\n CardComponent = PlaylistCard;\n }\n\n return (\n <div className={style.card} key={key}>\n <CardComponent {...card} dataName={`${dataName}-${key}`} />\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 tabsView = tabs ? <Tabs {...tabs} /> : null;\n\n const hasPages = maxPages > 0;\n const showMoreView =\n (hasPages || alwaysShowMore) && 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 ) : (\n showMoreView\n );\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 {tabsView ? tabsView : 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":";;;;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAgBzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SACEC,4BAA4B,IAAIC,WAAW,EAC3CC,gCAAgC,IAAIC,SAAS,QACxC,0BAA0B;AACjC,OAAOC,QAAQ,MAAM,wBAAwB;AAC7C,OAAOC,IAAI,IAAGC,aAAa,QAAO,YAAY;AAC9C,OAAOC,cAAc,MAAM,uBAAuB;AAClD,OAAOC,oBAAoB,MAAM,8BAA8B;AAC/D,OAAOC,iBAAiB,MAAM,0BAA0B;AACxD,OAAOC,gBAAgB,MAAM,0BAA0B;AACvD,OAAOC,YAAY,MAAM,qBAAqB;AAC9C,OAAOC,IAAI,MAAM,oBAAoB;AACrC,OAAOC,IAAI,MAAM,YAAY;AAC7B,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IAACC,UAAU;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAC/C,oBACElB,KAAA,CAAAsB,aAAA;IAAKD,SAAS,EAAEA,SAAU;IAACE,OAAO,EAAEJ;EAAW,GAC5CC,QACE,CAAC;AAEV,CAAC;AAEDH,YAAY,CAACO,YAAY,GAAG;EAC1BC,IAAI,EAAEnB,QAAQ,CAACoB,iBAAiB,CAACD;AACnC,CAAC;AAEDR,YAAY,CAACU,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACvBX,UAAU,EAAElB,SAAS,CAAC8B,IAAI;EAC1BX,QAAQ,EAAEnB,SAAS,CAAC+B,MAAM;EAC1BX,SAAS,EAAEpB,SAAS,CAAC+B;AACvB,CAAC;AAED,MAAMC,QAAQ,GAAGA,CAACf,KAAK,EAAEgB,OAAO,KAAK;EACnC,MAAM;IAACT;EAAI,CAAC,GAAGS,OAAO;EACtB,MAAM;IAACC;EAAW,CAAC,GAAGjB,KAAK;EAC3B,MAAMkB,KAAK,GAAG;IACZC,OAAO,EAAEhC,SAAS;IAClBiC,MAAM,EAAEnC;EACV,CAAC;EAED,IAAI,CAACgC,WAAW,EAAE;IAChB,OAAO,IAAI;EACb;EAEA,MAAMI,IAAI,GAAGC,IAAA,CAAI,aAAa,EAAEf,IAAI,CAAC;EACrC,MAAMgB,QAAQ,GAAGL,KAAK,CAACD,WAAW,CAAC;EAEnC,oBACEnC,KAAA,CAAAsB,aAAA,2BACEtB,KAAA,CAAAsB,aAAA,CAACmB,QAAQ;IAACzB,KAAK,EAAE;MAAC0B,KAAK,EAAEH;IAAI,CAAE;IAAClB,SAAS,EAAEL,KAAK,CAAC2B,IAAK;IAAC,oBAAkBR;EAAY,CAAE,CACpF,CAAC;AAEV,CAAC;AAED,MAAMS,YAAY,GAAGC,IAAI,IAAI;EAC3B,QAAQA,IAAI,IAAIA,IAAI,CAACC,IAAI;IACvB,KAAK,SAAS;MACZ,OAAO,GAAG;IACZ;MACE,OAAO,GAAG;EACd;AACF,CAAC;AAED,MAAMC,QAAQ,GAAGA,CAACC,IAAI,EAAEC,QAAQ,KAAK;EACnC,IAAID,IAAI,GAAG,CAAC,EAAE,OAAOC,QAAQ;EAC7B,IAAID,IAAI,GAAGC,QAAQ,EAAE,OAAO,CAAC;EAC7B,OAAOD,IAAI;AACb,CAAC;AAEDf,QAAQ,CAACN,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACnBK,WAAW,EAAElC,SAAS,CAAC+B;AACzB,CAAC;AAED,MAAMkB,SAAS,SAASlD,KAAK,CAACmD,aAAa,CAAC;EAC1C;AACF;AACA;AACA;;EAmCE,OAAO3B,YAAY,GAAG;IACpBC,IAAI,EAAEnB,QAAQ,CAACoB,iBAAiB,CAACD,IAAI;IACrC2B,SAAS,EAAE9C,QAAQ,CAACoB,iBAAiB,CAAC0B;EACxC,CAAC;EAEDC,WAAWA,CAACnC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IAEZ,IAAI,CAACoC,KAAK,GAAG;MACXC,UAAU,EAAE,CAAC;MACbN,QAAQ,EAAE,CAAC;MACXO,UAAU,EAAE,CAAC;MACbC,WAAW,EAAE,CAAC;MACdC,iBAAiB,EAAE,EAAE;MACrBC,aAAa,EAAE,EAAE;MACjBC,UAAU,EAAE;IACd,CAAC;IAED,IAAI,CAACC,aAAa,GAAGC,SAAA,CAAS,GAAG,EAAE,IAAI,CAACC,YAAY,CAACC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChE,IAAI,CAACD,YAAY,GAAG,IAAI,CAACA,YAAY,CAACC,IAAI,CAAC,IAAI,CAAC;IAChD,IAAI,CAACC,YAAY,GAAG,IAAI,CAACA,YAAY,CAACD,IAAI,CAAC,IAAI,CAAC;IAChD,IAAI,CAACE,aAAa,GAAG,IAAI,CAACA,aAAa,CAACF,IAAI,CAAC,IAAI,CAAC;IAClD,IAAI,CAACG,QAAQ,GAAG,IAAI,CAACA,QAAQ,CAACH,IAAI,CAAC,IAAI,CAAC;IACxC,IAAI,CAACI,WAAW,GAAGC,SAAA,CAAS,GAAG,EAAE,IAAI,CAACC,WAAW,CAACN,IAAI,CAAC,IAAI,CAAC,CAAC;IAC7D,IAAI,CAACM,WAAW,GAAG,IAAI,CAACA,WAAW,CAACN,IAAI,CAAC,IAAI,CAAC;IAC9C,IAAI,CAACO,eAAe,GAAG,IAAI,CAACA,eAAe,CAACP,IAAI,CAAC,IAAI,CAAC;IACtD,IAAI,CAACQ,cAAc,GAAG,IAAI,CAACA,cAAc,CAACR,IAAI,CAAC,IAAI,CAAC;IACpD,IAAI,CAACS,YAAY,GAAG,IAAI,CAACA,YAAY,CAACT,IAAI,CAAC,IAAI,CAAC;;IAEhD;IACA,IAAI9C,KAAK,CAACwD,YAAY,EAAE;MACtB,MAAM;QAACjB,WAAW;QAAED,UAAU;QAAEP,QAAQ;QAAEU,aAAa;QAAED;MAAiB,CAAC,GACzExC,KAAK,CAACwD,YAAY;MACpB,IAAI,CAACpB,KAAK,CAACG,WAAW,GAAGA,WAAW;MACpC,IAAI,CAACH,KAAK,CAACE,UAAU,GAAGA,UAAU;MAClC,IAAI,CAACF,KAAK,CAACL,QAAQ,GAAGA,QAAQ;MAC9B,IAAI,CAACK,KAAK,CAACK,aAAa,GAAGA,aAAa;MACxC,IAAI,CAACL,KAAK,CAACI,iBAAiB,GAAGA,iBAAiB;IAClD;EACF;EAEAiB,iBAAiBA,CAAA,EAAG;IAClB,IAAI,CAACC,YAAY,CAACC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAChB,aAAa,CAAC;IAEhE,IAAIiB,MAAM,EAAE;MACVA,MAAM,CAACD,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAACJ,YAAY,CAAC;IACtD;EACF;EAEAM,kBAAkBA,CAAA,EAAG;IACnB,MAAM;MAACC,KAAK,GAAG;IAAE,CAAC,GAAG,IAAI,CAAC9D,KAAK;IAC/B,MAAM;MAACuC,WAAW;MAAEG;IAAU,CAAC,GAAG,IAAI,CAACN,KAAK;IAC5C,MAAM2B,aAAa,GAAGC,KAAA,CAAKC,IAAA,CAAIvC,YAAY,CAAC,EAAAwC,IAAK,CAAC,CAACJ,KAAK,CAAC;IAEzD,IAAIC,aAAa,KAAKrB,UAAU,IAAIH,WAAW,KAAK,CAAC,EAAE;MACrD,IAAI,CAAC4B,qBAAqB,CAACL,KAAK,CAAC;MACjC;MACA,IAAI,CAACM,QAAQ,CAAC;QACZ1B,UAAU,EAAEqB;MACd,CAAC,CAAC;IACJ;EACF;EAEAM,oBAAoBA,CAAA,EAAG;IACrB,IAAI,CAACX,YAAY,CAACY,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC3B,aAAa,CAAC;IAEnE,IAAIiB,MAAM,EAAE;MACVA,MAAM,CAACU,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAACf,YAAY,CAAC;IACzD;IACA,IAAI,CAACL,WAAW,CAACqB,MAAM,CAAC,CAAC;EAC3B;;EAEA;EACAhB,YAAYA,CAAA,EAAG;IACb,MAAM;MAACO,KAAK,GAAG;IAAE,CAAC,GAAG,IAAI,CAAC9D,KAAK;IAC/B,IAAI,CAACmE,qBAAqB,CAACL,KAAK,CAAC;EACnC;;EAEA;EACAK,qBAAqBA,CAACL,KAAK,EAAE;IAC3B,MAAM;MAACvB,WAAW,EAAEiC,YAAY;MAAElC,UAAU,EAAEmC;IAAiB,CAAC,GAAG,IAAI,CAACrC,KAAK;IAE7E,MAAMsC,UAAU,GAAGT,IAAA,CAAIvC,YAAY,CAAC,CAACoC,KAAK,CAAC;IAE3C,MAAMtB,iBAAiB,GAAGwB,KAAA,CACxBW,OAAA,CACE,CAAC,CAACC,aAAa,EAAEC,QAAQ,CAAC,EAAEC,SAAS,KAAK,CACxC,CAAC,GAAGF,aAAa,EAAEC,QAAQ,CAAC,EAC5BC,SAAS,GAAGD,QAAQ,CACrB,EACD,CAAC,EAAE,EAAE,CAAC,CACR,CAAC,EAAAE,KAEH,CAAC,CAACL,UAAU,CAAC;IAEb,MAAMjC,aAAa,GAAGuB,KAAA,CACpBW,OAAA,CACE,CAAC,CAACK,GAAG,EAAEC,SAAS,EAAEC,YAAY,CAAC,EAAEJ,SAAS,KAAK;MAC7C,MAAMK,SAAS,GAAGD,YAAY,GAAGJ,SAAS;MAC1C,IAAIK,SAAS,GAAGX,YAAY,EAAE;QAC5B,OAAO,CAAC,CAAC,GAAGQ,GAAG,EAAEC,SAAS,GAAG,CAAC,CAAC,EAAEA,SAAS,GAAG,CAAC,EAAEH,SAAS,CAAC;MAC5D;MACA,OAAO,CAAC,CAAC,GAAGE,GAAG,EAAEC,SAAS,CAAC,EAAEA,SAAS,EAAEE,SAAS,CAAC;IACpD,CAAC,EACD,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CACX,CAAC,EAAAJ,KAEH,CAAC,CAACL,UAAU,CAAC;IAEb,MAAMU,IAAI,GAAGC,UAAA,CAAUC,QAAQ,IAAIA,QAAQ,IAAIb,iBAAiB,EAAEjC,iBAAiB,CAAC;IACpF,MAAMH,UAAU,GAAGI,aAAa,CAAC2C,IAAI,GAAG,CAAC,CAAC;IAE1C,IAAI,CAAChB,QAAQ,CAAC;MACZ5B,iBAAiB;MACjBC,aAAa;MACbV,QAAQ,EAAEwD,KAAA,CAAK9C,aAAa,CAAC;MAC7BJ;IACF,CAAC,CAAC;EACJ;EAEAgB,eAAeA,CAACmC,OAAO,EAAE;IACvB,IAAI,CAAC9B,YAAY,GAAG8B,OAAO;IAC3B,IAAI,CAACpB,QAAQ,CAAC;MACZ9B,UAAU,EAAE,IAAI,CAACoB,YAAY,EAAEpB,UAAU;MACzCC,WAAW,EAAE,IAAI,CAACmB,YAAY,EAAEnB;IAClC,CAAC,CAAC;EACJ;;EAEA;EACAe,cAAcA,CAACmC,KAAK,EAAE;IACpB,MAAM;MAAC3B,KAAK,GAAG;IAAE,CAAC,GAAG,IAAI,CAAC9D,KAAK;IAC/B,MAAM2B,IAAI,GAAGmC,KAAK,CAAC2B,KAAK,CAAC;IACzB,OAAO/D,YAAY,CAACC,IAAI,CAAC;EAC3B;;EAEA;EACAkB,YAAYA,CAAA,EAAG;IACb,MAAMP,UAAU,GAAG,IAAI,CAACoB,YAAY,EAAEpB,UAAU;IAChD,IAAI,CAAC8B,QAAQ,CAAC;MAAC9B;IAAU,CAAC,CAAC;IAE3B,MAAM;MAACE,iBAAiB;MAAED;IAAW,CAAC,GAAG,IAAI,CAACH,KAAK;IACnD,MAAM;MAACsD;IAAQ,CAAC,GAAG,IAAI,CAAC1F,KAAK;IAC7B,IAAI0F,QAAQ,EAAE;MACZ,MAAMC,SAAS,GAAGrD,UAAU;MAC5B,MAAMsD,UAAU,GAAGtD,UAAU,GAAGC,WAAW;MAE3C,MAAMsD,SAAS,GAAGR,UAAA,CAAUC,QAAQ,IAAIA,QAAQ,GAAGK,SAAS,EAAEnD,iBAAiB,CAAC,GAAG,CAAC;MACpF,MAAMsD,UAAU,GAAGC,cAAA,CAAcT,QAAQ,IAAIA,QAAQ,GAAGM,UAAU,EAAEpD,iBAAiB,CAAC;MACtF,MAAM4C,IAAI,GAAGS,SAAS;MACtB,MAAMG,KAAK,GAAGF,UAAU,GAAGV,IAAI,GAAG,CAAC;MAEnCM,QAAQ,CAACN,IAAI,EAAEY,KAAK,CAAC;IACvB;EACF;EAEAjD,YAAYA,CAAA,EAAG;IACb,MAAM;MAACV,UAAU;MAAEN;IAAQ,CAAC,GAAG,IAAI,CAACK,KAAK;IACzC,IAAI,CAACa,QAAQ,CAACpB,QAAQ,CAACQ,UAAU,GAAG,CAAC,EAAEN,QAAQ,CAAC,CAAC;EACnD;EAEAiB,aAAaA,CAAA,EAAG;IACd,MAAM;MAACX,UAAU;MAAEN;IAAQ,CAAC,GAAG,IAAI,CAACK,KAAK;IACzC,IAAI,CAACa,QAAQ,CAACpB,QAAQ,CAACQ,UAAU,GAAG,CAAC,EAAEN,QAAQ,CAAC,CAAC;EACnD;EAEAkB,QAAQA,CAACnB,IAAI,EAAE;IACb,MAAM;MAACW,aAAa;MAAED;IAAiB,CAAC,GAAG,IAAI,CAACJ,KAAK;IACrD,MAAM6D,oBAAoB,GAAGxD,aAAa,CAACyD,OAAO,CAACpE,IAAI,CAAC;IACxD,MAAMqE,YAAY,GAAG3D,iBAAiB,CAACyD,oBAAoB,CAAC;IAC5D,IAAI,CAACvC,YAAY,CAACpB,UAAU,GAAG6D,YAAY;IAC3C,IAAI,CAAC/C,WAAW,CAACtB,IAAI,CAAC;IACtB,IAAI,CAACsC,QAAQ,CAAC;MACZ9B,UAAU,EAAE6D;IACd,CAAC,CAAC;EACJ;EAEA/C,WAAWA,CAACf,UAAU,EAAE;IACtB,IAAI,CAAC+B,QAAQ,CAAC;MACZ/B;IACF,CAAC,CAAC;EACJ;EAEA+D,MAAMA,CAAA,EAAG;IACP,MAAM;MACJC,KAAK;MACLC,IAAI;MACJpG,QAAQ;MACRqG,cAAc,GAAG,KAAK;MACtBzC,KAAK;MACL0C,WAAW,GAAG,CAAC,CAAC;MAChBvG,UAAU;MACVwG,QAAQ;MACRxF,WAAW;MACX,mBAAmB,EAAEyF,SAAS,GAAG,CAAC,CAAC;MACnC9E;IACF,CAAC,GAAG,IAAI,CAAC5B,KAAK;IACd,MAAM;MAACO;IAAI,CAAC,GAAG,IAAI,CAACS,OAAO;IAC3B,MAAM;MAACe;IAAQ,CAAC,GAAG,IAAI,CAACK,KAAK;IAC7B,MAAMf,IAAI,GAAGsF,MAAA,CAAM,SAAS,EAAE,aAAa,EAAEpG,IAAI,CAAC;IAClD,MAAMqG,UAAU,GAAG3G,UAAU,GAAGH,KAAK,CAAC+G,SAAS,GAAG/G,KAAK,CAACuG,KAAK;IAC7D,MAAMS,SAAS,GAAG9C,KAAA,CAAA+C,QAAA,EAEhB9C,IAAA,CAAI,CAAC,CAAC+C,GAAG,EAAErF,IAAI,CAAC,KAAK;MACnB,IAAIsF,aAAa,GAAG5H,IAAI;MAExB,IAAIsC,IAAI,IAAIC,IAAI,KAAK,aAAa,EAAE;QAClCqF,aAAa,GAAG1H,cAAc;MAChC,CAAC,MAAM,IAAIoC,IAAI,IAAIC,IAAI,KAAK,yBAAyB,EAAE;QACrDqF,aAAa,GAAGzH,oBAAoB;MACtC,CAAC,MAAM,IAAImC,IAAI,IAAIC,IAAI,KAAK,QAAQ,EAAE;QACpCqF,aAAa,GAAGvH,gBAAgB;MAClC,CAAC,MAAM,IAAIiC,IAAI,IAAIC,IAAI,KAAK,gBAAgB,EAAE;QAC5CqF,aAAa,GAAGxH,iBAAiB;MACnC,CAAC,MAAM,IAAIkC,IAAI,IAAIC,IAAI,KAAK,WAAW,EAAE;QACvCqF,aAAa,GAAGtH,YAAY;MAC9B;MAEA,oBACEb,KAAA,CAAAsB,aAAA;QAAKD,SAAS,EAAEL,KAAK,CAAC6B,IAAK;QAACqF,GAAG,EAAEA;MAAI,gBACnClI,KAAA,CAAAsB,aAAA,CAAC6G,aAAa,EAAAC,QAAA,KAAKvF,IAAI;QAAE8E,QAAQ,EAAE,GAAGA,QAAQ,IAAIO,GAAG;MAAG,EAAE,CACvD,CAAC;IAEV,CAAC,CACH,CAAC,CAAClD,KAAK,CAAC;IAER,MAAMqD,cAAc,GAAG;MACrB3F,KAAK,EAAEH,IAAI;MACX+F,MAAM,EAAE,GAAG;MACXC,YAAY,EAAE,KAAK;MACnBX,SAAS,EAAEA,SAAS,CAACY;IACvB,CAAC;IAED,MAAMC,MAAM,gBACVzI,KAAA,CAAAsB,aAAA;MAAKD,SAAS,EAAEL,KAAK,CAAC0H;IAAc,gBAClC1I,KAAA,CAAAsB,aAAA;MAAKD,SAAS,EAAEL,KAAK,CAAC2H,KAAM;MAACpH,OAAO,EAAE,IAAI,CAAC0C,YAAa;MAAC,aAAU;IAAsB,gBACvFjE,KAAA,CAAAsB,aAAA,CAACR,IAAI,EAAAsH,QAAA,KAAKC,cAAc;MAAEO,QAAQ,EAAC;IAAY,EAAE,CAC9C,CAAC,eACN5I,KAAA,CAAAsB,aAAA;MAAKD,SAAS,EAAEL,KAAK,CAAC2H,KAAM;MAACpH,OAAO,EAAE,IAAI,CAAC2C,aAAc;MAAC,aAAU;IAAuB,gBACzFlE,KAAA,CAAAsB,aAAA,CAACR,IAAI,EAAAsH,QAAA,KAAKC,cAAc;MAAEO,QAAQ,EAAC;IAAa,EAAE,CAC/C,CACF,CACN;IAED,MAAMC,SAAS,GACb,OAAOtB,KAAK,KAAK,QAAQ,gBACvBvH,KAAA,CAAAsB,aAAA;MAAM,aAAU,OAAO;MAACD,SAAS,EAAEyG,UAAW;MAACvG,OAAO,EAAEJ;IAAW,gBACjEnB,KAAA,CAAAsB,aAAA,CAACW,QAAQ;MAACE,WAAW,EAAEA;IAAY,CAAE,CAAC,eACtCnC,KAAA,CAAAsB,aAAA,eAAOiG,KAAY,CACf,CAAC,gBAEPvH,KAAA,CAAAsB,aAAA;MAAMD,SAAS,EAAEL,KAAK,CAAC8H;IAAU,GAAEvB,KAAY,CAChD;IAEH,MAAMwB,QAAQ,GAAGvB,IAAI,gBAAGxH,KAAA,CAAAsB,aAAA,CAACP,IAAI,EAAKyG,IAAO,CAAC,GAAG,IAAI;IAEjD,MAAMwB,QAAQ,GAAG/F,QAAQ,GAAG,CAAC;IAC7B,MAAMgG,YAAY,GAChB,CAACD,QAAQ,IAAIvB,cAAc,KAAKrG,QAAQ,IAAID,UAAU,gBACpDnB,KAAA,CAAAsB,aAAA,CAACL,YAAY;MACXI,SAAS,EAAE2H,QAAQ,GAAGhI,KAAK,CAACkI,WAAW,GAAGlI,KAAK,CAACI,QAAS;MACzDD,UAAU,EAAEA,UAAW;MACvBC,QAAQ,EAAEA;IAAS,CACpB,CAAC,GACA,IAAI;IAEV,MAAM+H,eAAe,GAAGH,QAAQ,gBAC9BhJ,KAAA,CAAAsB,aAAA;MAAKD,SAAS,EAAEL,KAAK,CAACoI;IAAc,GACjCH,YAAY,EACZR,MACE,CAAC,GAENQ,YACD;IAED,oBACEjJ,KAAA,CAAAsB,aAAA;MACED,SAAS,EAAEL,KAAK,CAACqI,OAAQ;MACzBrI,KAAK,EAAE0G,WAAY;MACnB,aAAU,WAAW;MACrB,kBAAgB,GAAGzE,QAAQ;MAC3B;MAAA;MACA,oBAAkB,GAAG,IAAI,CAACK,KAAK,CAACC,UAAU,EAAG;MAC7C,oBAAkB,IAAI,CAACqB,YAAY,EAAEpB;IAAW,gBAEhDxD,KAAA,CAAAsB,aAAA;MAAKD,SAAS,EAAEL,KAAK,CAACsI;IAAK,gBACzBtJ,KAAA,CAAAsB,aAAA,2BACEtB,KAAA,CAAAsB,aAAA;MAAK,aAAU,QAAQ;MAACD,SAAS,EAAEL,KAAK,CAACuI;IAAO,GAC7CR,QAAQ,GAAGA,QAAQ,GAAGF,SAAS,EAC/BM,eACE,CAAC,eACNnJ,KAAA,CAAAsB,aAAA;MACED,SAAS,EAAEL,KAAK,CAACgE,KAAM;MACvB,eAAY,oBAAoB;MAChCwE,GAAG,EAAE,IAAI,CAACjF;IAAgB,GAEzByD,SACE,CACF,CACF,CACF,CAAC;EAEV;AACF;AArVM9E,SAAS,CAKNvB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACjBK,WAAW,EAAElC,SAAS,CAAC+B,MAAM;EAC7B2F,QAAQ,EAAE1H,SAAS,CAAC+B,MAAM;EAC1BuF,KAAK,EAAEtH,SAAS,CAACwJ,SAAS,CAAC,CAACxJ,SAAS,CAACyJ,IAAI,EAAEzJ,SAAS,CAAC+B,MAAM,CAAC,CAAC;EAC9DZ,QAAQ,EAAEnB,SAAS,CAAC+B,MAAM;EAC1B;EACAyF,cAAc,EAAExH,SAAS,CAAC0J,IAAI;EAC9B3E,KAAK,EAAE/E,SAAS,CAAC2J,OAAO,CACtB3J,SAAS,CAACwJ,SAAS,CAAC,CAClBxJ,SAAS,CAAC4J,KAAK,CAACrJ,aAAa,CAAC,EAC9BP,SAAS,CAAC4J,KAAK,CAACpJ,cAAc,CAACkB,SAAS,CAAC,EACzC1B,SAAS,CAAC4J,KAAK,CAACnJ,oBAAoB,CAACiB,SAAS,CAAC,CAChD,CACH,CAAC;EACD6F,IAAI,EAAEvH,SAAS,CAAC4J,KAAK,CAAC9I,IAAI,CAACY,SAAS,CAAC;EACrC+F,WAAW,EAAEzH,SAAS,CAAC6J,QAAQ,CAAC7J,SAAS,CAAC+B,MAAM,CAAC;EACjD4E,QAAQ,EAAE3G,SAAS,CAAC8B,IAAI;EACxBZ,UAAU,EAAElB,SAAS,CAAC8B,IAAI;EAC1B,mBAAmB,EAAE9B,SAAS,CAAC4J,KAAK,CAAC;IACnCrB,uBAAuB,EAAEvI,SAAS,CAAC+B,MAAM;IACzC+H,wBAAwB,EAAE9J,SAAS,CAAC+B;EACtC,CAAC,CAAC;EACFc,IAAI,EAAE7C,SAAS,CAAC+J,KAAK,CAAC,CACpB,OAAO,EACP,yBAAyB,EACzB,aAAa,EACb,QAAQ,EACR,gBAAgB,EAChB,WAAW,CACZ,CAAC;EACF;EACAtF,YAAY,EAAEzE,SAAS,CAACgK;AAC1B,CAAC;AAkTH,eAAe/G,SAAS","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../../src/molecule/dashboard/cards-list/prop-types.ts"],"names":[],"mappings":";AAAA,oBAAY,cAAc,GAAG;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IACjC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,mBAAmB,EAAE;QACnB,uBAAuB,EAAE,MAAM,CAAC;QAChC,wBAAwB,EAAE,MAAM,CAAC;KAClC,CAAC;IACF,IAAI,EAAE,MAAM,CAAC;CACd,CAAC"}
|
|
1
|
+
{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../../src/molecule/dashboard/cards-list/prop-types.ts"],"names":[],"mappings":";AAAA,oBAAY,cAAc,GAAG;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IACjC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,mBAAmB,EAAE;QACnB,uBAAuB,EAAE,MAAM,CAAC;QAChC,wBAAwB,EAAE,MAAM,CAAC;KAClC,CAAC;IACF,IAAI,EAAE,MAAM,CAAC;CACd,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prop-types.js","names":[],"sources":["../../../../src/molecule/dashboard/cards-list/prop-types.ts"],"sourcesContent":["export type CardsListProps = {\n contentType: string;\n dataName: string;\n title: string | React.ReactNode;\n showMore: string;\n cards: Record<string, unknown>[];\n customStyle: Record<string, unknown>;\n onScroll: (skip: number, limit: number) => void;\n onShowMore: () => void;\n 'arrows-aria-label': {\n showMoreOnLeftAriaLabel: string;\n showMoreOnRightAriaLabel: string;\n };\n type: string;\n};\n"],"mappings":"","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"prop-types.js","names":[],"sources":["../../../../src/molecule/dashboard/cards-list/prop-types.ts"],"sourcesContent":["export type CardsListProps = {\n contentType: string;\n dataName: string;\n title: string | React.ReactNode;\n showMore: string;\n alwaysShowMore?: boolean;\n cards: Record<string, unknown>[];\n customStyle: Record<string, unknown>;\n onScroll: (skip: number, limit: number) => void;\n onShowMore: () => void;\n 'arrows-aria-label': {\n showMoreOnLeftAriaLabel: string;\n showMoreOnRightAriaLabel: string;\n };\n type: string;\n};\n"],"mappings":"","ignoreList":[]}
|
|
@@ -12,7 +12,11 @@ declare namespace DragAndDropWrapper {
|
|
|
12
12
|
buttonAriaLabel: PropTypes.Requireable<string>;
|
|
13
13
|
errorButtonLabel: PropTypes.Requireable<string>;
|
|
14
14
|
labelLink: PropTypes.Requireable<string>;
|
|
15
|
+
labelButtonLink: PropTypes.Requireable<string>;
|
|
15
16
|
hrefLink: PropTypes.Requireable<string>;
|
|
17
|
+
filesNumber: PropTypes.Requireable<number>;
|
|
18
|
+
required: PropTypes.Requireable<boolean>;
|
|
19
|
+
onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
16
20
|
title: PropTypes.Requireable<string>;
|
|
17
21
|
description: PropTypes.Requireable<string>;
|
|
18
22
|
uploadLabel: PropTypes.Requireable<string>;
|
|
@@ -29,6 +33,8 @@ declare namespace DragAndDropWrapper {
|
|
|
29
33
|
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
30
34
|
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
31
35
|
multiple: PropTypes.Requireable<boolean>;
|
|
36
|
+
dragAndDropLabel: PropTypes.Requireable<string>;
|
|
37
|
+
loadingLabel: PropTypes.Requireable<string>;
|
|
32
38
|
}> | null | undefined)[]>;
|
|
33
39
|
'data-name': PropTypes.Requireable<string>;
|
|
34
40
|
};
|
|
@@ -7,62 +7,17 @@ declare function DraggableList({ items, onDrop, itemType }: {
|
|
|
7
7
|
declare namespace DraggableList {
|
|
8
8
|
namespace propTypes {
|
|
9
9
|
const items: PropTypes.Requireable<(NonNullable<PropTypes.InferProps<{
|
|
10
|
-
title: PropTypes.Validator<string>;
|
|
11
|
-
onUp: PropTypes.Requireable<(...args: any[]) => any>;
|
|
12
|
-
onDown: PropTypes.Requireable<(...args: any[]) => any>;
|
|
13
|
-
display: PropTypes.Requireable<PropTypes.InferProps<{
|
|
14
|
-
title: PropTypes.Requireable<string>;
|
|
15
|
-
name: PropTypes.Requireable<string>;
|
|
16
|
-
id: PropTypes.Requireable<string>;
|
|
17
|
-
value: PropTypes.Requireable<boolean>;
|
|
18
|
-
disabled: PropTypes.Requireable<boolean>;
|
|
19
|
-
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
20
|
-
description: PropTypes.Requireable<string>;
|
|
21
|
-
'aria-labelledby': PropTypes.Requireable<string>;
|
|
22
|
-
'aria-label': PropTypes.Requireable<string>;
|
|
23
|
-
modified: PropTypes.Requireable<boolean>;
|
|
24
|
-
titlePosition: PropTypes.Requireable<string>;
|
|
25
|
-
theme: PropTypes.Requireable<string>;
|
|
26
|
-
details: PropTypes.Requireable<string>;
|
|
27
|
-
'data-name': PropTypes.Requireable<string>;
|
|
28
|
-
requiredSelection: PropTypes.Requireable<boolean>;
|
|
29
|
-
icon: PropTypes.Requireable<string>;
|
|
30
|
-
}>>;
|
|
31
|
-
contentTypes: PropTypes.Requireable<PropTypes.InferProps<{
|
|
32
|
-
modified: PropTypes.Requireable<boolean>;
|
|
33
|
-
color: PropTypes.Requireable<string>;
|
|
34
|
-
theme: PropTypes.Requireable<string>;
|
|
35
|
-
className: PropTypes.Requireable<string>;
|
|
36
|
-
list: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
37
|
-
color: PropTypes.Requireable<string>;
|
|
38
|
-
value: PropTypes.Validator<string>;
|
|
39
|
-
name: PropTypes.Requireable<string>;
|
|
40
|
-
theme: PropTypes.Requireable<string>;
|
|
41
|
-
checked: PropTypes.Requireable<boolean>;
|
|
42
|
-
label: PropTypes.Requireable<string>;
|
|
43
|
-
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
44
|
-
}> | null | undefined)[]>;
|
|
45
|
-
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
46
|
-
}>>;
|
|
47
|
-
}> | PropTypes.InferProps<{
|
|
48
|
-
'aria-label': PropTypes.Requireable<PropTypes.InferProps<{
|
|
49
|
-
title: PropTypes.Requireable<string>;
|
|
50
|
-
author: PropTypes.Requireable<string>;
|
|
51
|
-
modules: PropTypes.Requireable<string>;
|
|
52
|
-
position: PropTypes.Requireable<string>;
|
|
53
|
-
}>>;
|
|
54
|
-
image: PropTypes.Requireable<string>;
|
|
55
|
-
badgeList: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
56
|
-
category: PropTypes.Requireable<string>;
|
|
57
|
-
label: PropTypes.Requireable<string>;
|
|
58
|
-
}> | null | undefined)[]>;
|
|
59
|
-
title: PropTypes.Requireable<string>;
|
|
60
|
-
author: PropTypes.Requireable<string>;
|
|
61
|
-
position: PropTypes.Requireable<number>;
|
|
62
|
-
id: PropTypes.Requireable<string>;
|
|
63
|
-
}> | PropTypes.InferProps<{
|
|
64
10
|
title: PropTypes.Validator<string>;
|
|
65
11
|
subtitle: PropTypes.Requireable<string>;
|
|
12
|
+
titleTags: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
13
|
+
label: PropTypes.Validator<string>;
|
|
14
|
+
type: PropTypes.Requireable<string>;
|
|
15
|
+
}> | null | undefined)[]>;
|
|
16
|
+
details: PropTypes.Requireable<string>;
|
|
17
|
+
progress: PropTypes.Requireable<PropTypes.InferProps<{
|
|
18
|
+
value: PropTypes.Validator<number>;
|
|
19
|
+
label: PropTypes.Validator<string>;
|
|
20
|
+
}>>;
|
|
66
21
|
'data-name': PropTypes.Requireable<string>;
|
|
67
22
|
provider: PropTypes.Requireable<PropTypes.InferProps<{
|
|
68
23
|
label: PropTypes.Requireable<string>;
|
|
@@ -148,6 +103,60 @@ declare namespace DraggableList {
|
|
|
148
103
|
[x: string]: NonNullable<string | number | null | undefined> | null | undefined;
|
|
149
104
|
}>;
|
|
150
105
|
}>>;
|
|
106
|
+
}> | PropTypes.InferProps<{
|
|
107
|
+
title: PropTypes.Validator<string>;
|
|
108
|
+
onUp: PropTypes.Requireable<(...args: any[]) => any>;
|
|
109
|
+
onDown: PropTypes.Requireable<(...args: any[]) => any>;
|
|
110
|
+
display: PropTypes.Requireable<PropTypes.InferProps<{
|
|
111
|
+
title: PropTypes.Requireable<string>;
|
|
112
|
+
name: PropTypes.Requireable<string>;
|
|
113
|
+
id: PropTypes.Requireable<string>;
|
|
114
|
+
value: PropTypes.Requireable<boolean>;
|
|
115
|
+
disabled: PropTypes.Requireable<boolean>;
|
|
116
|
+
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
117
|
+
description: PropTypes.Requireable<string>;
|
|
118
|
+
'aria-labelledby': PropTypes.Requireable<string>;
|
|
119
|
+
'aria-label': PropTypes.Requireable<string>;
|
|
120
|
+
modified: PropTypes.Requireable<boolean>;
|
|
121
|
+
titlePosition: PropTypes.Requireable<string>;
|
|
122
|
+
theme: PropTypes.Requireable<string>;
|
|
123
|
+
details: PropTypes.Requireable<string>;
|
|
124
|
+
'data-name': PropTypes.Requireable<string>;
|
|
125
|
+
requiredSelection: PropTypes.Requireable<boolean>;
|
|
126
|
+
icon: PropTypes.Requireable<string>;
|
|
127
|
+
}>>;
|
|
128
|
+
contentTypes: PropTypes.Requireable<PropTypes.InferProps<{
|
|
129
|
+
modified: PropTypes.Requireable<boolean>;
|
|
130
|
+
color: PropTypes.Requireable<string>;
|
|
131
|
+
theme: PropTypes.Requireable<string>;
|
|
132
|
+
className: PropTypes.Requireable<string>;
|
|
133
|
+
list: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
134
|
+
color: PropTypes.Requireable<string>;
|
|
135
|
+
value: PropTypes.Validator<string>;
|
|
136
|
+
name: PropTypes.Requireable<string>;
|
|
137
|
+
theme: PropTypes.Requireable<string>;
|
|
138
|
+
checked: PropTypes.Requireable<boolean>;
|
|
139
|
+
label: PropTypes.Requireable<string>;
|
|
140
|
+
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
141
|
+
}> | null | undefined)[]>;
|
|
142
|
+
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
143
|
+
}>>;
|
|
144
|
+
}> | PropTypes.InferProps<{
|
|
145
|
+
'aria-label': PropTypes.Requireable<PropTypes.InferProps<{
|
|
146
|
+
title: PropTypes.Requireable<string>;
|
|
147
|
+
author: PropTypes.Requireable<string>;
|
|
148
|
+
modules: PropTypes.Requireable<string>;
|
|
149
|
+
position: PropTypes.Requireable<string>;
|
|
150
|
+
}>>;
|
|
151
|
+
image: PropTypes.Requireable<string>;
|
|
152
|
+
badgeList: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
153
|
+
category: PropTypes.Requireable<string>;
|
|
154
|
+
label: PropTypes.Requireable<string>;
|
|
155
|
+
}> | null | undefined)[]>;
|
|
156
|
+
title: PropTypes.Requireable<string>;
|
|
157
|
+
author: PropTypes.Requireable<string>;
|
|
158
|
+
position: PropTypes.Requireable<number>;
|
|
159
|
+
id: PropTypes.Requireable<string>;
|
|
151
160
|
}> | PropTypes.InferProps<{
|
|
152
161
|
'aria-label': PropTypes.Requireable<string>;
|
|
153
162
|
id: PropTypes.Requireable<string>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/tabs/index.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/tabs/index.js"],"names":[],"mappings":";AAgBA,6DAkDC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { convert } from 'css-color-function';
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
|
+
import classnames from 'classnames';
|
|
4
5
|
import getOr from 'lodash/fp/getOr';
|
|
5
6
|
import Provider from '../../atom/provider';
|
|
6
7
|
import { COLORS } from '../../variables/colors';
|
|
@@ -14,7 +15,8 @@ const handleTabKeyDown = tab => e => {
|
|
|
14
15
|
};
|
|
15
16
|
const Tabs = (props, context) => {
|
|
16
17
|
const {
|
|
17
|
-
items = []
|
|
18
|
+
items = [],
|
|
19
|
+
compact = false
|
|
18
20
|
} = props;
|
|
19
21
|
const {
|
|
20
22
|
skin
|
|
@@ -23,7 +25,7 @@ const Tabs = (props, context) => {
|
|
|
23
25
|
const createTab = (index, tab) => {
|
|
24
26
|
return /*#__PURE__*/React.createElement("div", {
|
|
25
27
|
key: index,
|
|
26
|
-
className: style.tab,
|
|
28
|
+
className: classnames(style.tab, compact && style.compact),
|
|
27
29
|
role: "tab",
|
|
28
30
|
tabIndex: 0,
|
|
29
31
|
"aria-selected": tab.isActive,
|
|
@@ -63,7 +65,9 @@ Tabs.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
63
65
|
'aria-label': PropTypes.string,
|
|
64
66
|
onClick: PropTypes.func,
|
|
65
67
|
isActive: PropTypes.bool
|
|
66
|
-
}))
|
|
68
|
+
})),
|
|
69
|
+
// Tabs as wide as their label, for short labels (no 160px minimum)
|
|
70
|
+
compact: PropTypes.bool
|
|
67
71
|
} : {};
|
|
68
72
|
export default Tabs;
|
|
69
73
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","convert","PropTypes","getOr","Provider","COLORS","Tag","style","handleTabClick","tab","e","onClick","handleTabKeyDown","key","Tabs","props","context","items","skin","primaryColor","createTab","index","createElement","className","role","tabIndex","isActive","title","onKeyDown","cm_grey_500","color","count","label","toString","type","size","customStyle","backgroundColor","cm_grey_200","tabs","map","contextTypes","childContextTypes","translate","propTypes","process","env","NODE_ENV","arrayOf","shape","string","number","func","bool"],"sources":["../../../src/molecule/tabs/index.js"],"sourcesContent":["import React from 'react';\nimport {convert} from 'css-color-function';\nimport PropTypes from 'prop-types';\nimport getOr from 'lodash/fp/getOr';\nimport Provider from '../../atom/provider';\nimport {COLORS} from '../../variables/colors';\nimport Tag from '../../atom/tag';\nimport style from './style.css';\n\nconst handleTabClick = tab => e => {\n if (tab && typeof tab.onClick === 'function') tab.onClick(e);\n};\nconst handleTabKeyDown = tab => e => {\n if (e.key === 'Enter') handleTabClick(tab)(e);\n};\nconst Tabs = (props, context) => {\n const {items = []} = props;\n const {skin} = context;\n const primaryColor = getOr('#00B0FF', 'common.primary', skin);\n\n const createTab = (index, tab) => {\n return (\n <div\n key={index}\n className={style.tab}\n role=\"tab\"\n tabIndex={0}\n aria-selected={tab.isActive}\n aria-label={tab['aria-label'] || tab.title}\n onClick={handleTabClick(tab)}\n onKeyDown={handleTabKeyDown(tab)}\n style={{\n '--hover-bg': convert(\n `color(${tab.isActive ? primaryColor : COLORS.cm_grey_500} a(0.15))`\n ),\n '--bg': tab.isActive ? convert(`color(${primaryColor} a(0.07))`) : 'transparent',\n color: tab.isActive ? primaryColor : COLORS.cm_grey_500\n }}\n >\n <span>{tab.title}</span>\n {typeof tab.count === 'number' ? (\n <Tag\n label={tab.count.toString()}\n type=\"default\"\n size=\"S\"\n customStyle={{\n backgroundColor: tab.isActive\n ? convert(`color(${primaryColor} a(0.25))`)\n : COLORS.cm_grey_200,\n color: tab.isActive ? primaryColor : COLORS.cm_grey_500\n }}\n />\n ) : null}\n </div>\n );\n };\n\n return (\n <div className={style.tabs} role=\"tablist\">\n {items &&\n items.map((tab, index) => {\n return createTab(index, tab);\n })}\n </div>\n );\n};\n\nTabs.contextTypes = {\n skin: Provider.childContextTypes.skin,\n translate: Provider.childContextTypes.translate\n};\n\nTabs.propTypes = {\n items: PropTypes.arrayOf(\n PropTypes.shape({\n title: PropTypes.string,\n count: PropTypes.number,\n 'aria-label': PropTypes.string,\n onClick: PropTypes.func,\n isActive: PropTypes.bool\n })\n )\n};\n\nexport default Tabs;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,OAAO,QAAO,oBAAoB;AAC1C,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,iBAAiB;AACnC,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,SAAQC,MAAM,QAAO,wBAAwB;AAC7C,OAAOC,GAAG,MAAM,gBAAgB;AAChC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,cAAc,GAAGC,GAAG,IAAIC,CAAC,IAAI;EACjC,IAAID,GAAG,IAAI,OAAOA,GAAG,CAACE,OAAO,KAAK,UAAU,EAAEF,GAAG,CAACE,OAAO,CAACD,CAAC,CAAC;AAC9D,CAAC;AACD,MAAME,gBAAgB,GAAGH,GAAG,IAAIC,CAAC,IAAI;EACnC,IAAIA,CAAC,CAACG,GAAG,KAAK,OAAO,EAAEL,cAAc,CAACC,GAAG,CAAC,CAACC,CAAC,CAAC;AAC/C,CAAC;AACD,MAAMI,IAAI,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EAC/B,MAAM;IAACC,KAAK,GAAG;
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","convert","PropTypes","classnames","getOr","Provider","COLORS","Tag","style","handleTabClick","tab","e","onClick","handleTabKeyDown","key","Tabs","props","context","items","compact","skin","primaryColor","createTab","index","createElement","className","role","tabIndex","isActive","title","onKeyDown","cm_grey_500","color","count","label","toString","type","size","customStyle","backgroundColor","cm_grey_200","tabs","map","contextTypes","childContextTypes","translate","propTypes","process","env","NODE_ENV","arrayOf","shape","string","number","func","bool"],"sources":["../../../src/molecule/tabs/index.js"],"sourcesContent":["import React from 'react';\nimport {convert} from 'css-color-function';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport getOr from 'lodash/fp/getOr';\nimport Provider from '../../atom/provider';\nimport {COLORS} from '../../variables/colors';\nimport Tag from '../../atom/tag';\nimport style from './style.css';\n\nconst handleTabClick = tab => e => {\n if (tab && typeof tab.onClick === 'function') tab.onClick(e);\n};\nconst handleTabKeyDown = tab => e => {\n if (e.key === 'Enter') handleTabClick(tab)(e);\n};\nconst Tabs = (props, context) => {\n const {items = [], compact = false} = props;\n const {skin} = context;\n const primaryColor = getOr('#00B0FF', 'common.primary', skin);\n\n const createTab = (index, tab) => {\n return (\n <div\n key={index}\n className={classnames(style.tab, compact && style.compact)}\n role=\"tab\"\n tabIndex={0}\n aria-selected={tab.isActive}\n aria-label={tab['aria-label'] || tab.title}\n onClick={handleTabClick(tab)}\n onKeyDown={handleTabKeyDown(tab)}\n style={{\n '--hover-bg': convert(\n `color(${tab.isActive ? primaryColor : COLORS.cm_grey_500} a(0.15))`\n ),\n '--bg': tab.isActive ? convert(`color(${primaryColor} a(0.07))`) : 'transparent',\n color: tab.isActive ? primaryColor : COLORS.cm_grey_500\n }}\n >\n <span>{tab.title}</span>\n {typeof tab.count === 'number' ? (\n <Tag\n label={tab.count.toString()}\n type=\"default\"\n size=\"S\"\n customStyle={{\n backgroundColor: tab.isActive\n ? convert(`color(${primaryColor} a(0.25))`)\n : COLORS.cm_grey_200,\n color: tab.isActive ? primaryColor : COLORS.cm_grey_500\n }}\n />\n ) : null}\n </div>\n );\n };\n\n return (\n <div className={style.tabs} role=\"tablist\">\n {items &&\n items.map((tab, index) => {\n return createTab(index, tab);\n })}\n </div>\n );\n};\n\nTabs.contextTypes = {\n skin: Provider.childContextTypes.skin,\n translate: Provider.childContextTypes.translate\n};\n\nTabs.propTypes = {\n items: PropTypes.arrayOf(\n PropTypes.shape({\n title: PropTypes.string,\n count: PropTypes.number,\n 'aria-label': PropTypes.string,\n onClick: PropTypes.func,\n isActive: PropTypes.bool\n })\n ),\n // Tabs as wide as their label, for short labels (no 160px minimum)\n compact: PropTypes.bool\n};\n\nexport default Tabs;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -96,6 +96,7 @@ declare namespace TitleAndCheckBoxWrapper {
|
|
|
96
96
|
customLabelClassName: PropTypes.Requireable<string>;
|
|
97
97
|
}>>;
|
|
98
98
|
required: PropTypes.Requireable<boolean>;
|
|
99
|
+
headingLevel: PropTypes.Requireable<number>;
|
|
99
100
|
}>>;
|
|
100
101
|
const child: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
|
|
101
102
|
childType: PropTypes.Requireable<string>;
|
|
@@ -135,7 +136,11 @@ declare namespace TitleAndCheckBoxWrapper {
|
|
|
135
136
|
buttonAriaLabel: PropTypes.Requireable<string>;
|
|
136
137
|
errorButtonLabel: PropTypes.Requireable<string>;
|
|
137
138
|
labelLink: PropTypes.Requireable<string>;
|
|
139
|
+
labelButtonLink: PropTypes.Requireable<string>;
|
|
138
140
|
hrefLink: PropTypes.Requireable<string>;
|
|
141
|
+
filesNumber: PropTypes.Requireable<number>;
|
|
142
|
+
required: PropTypes.Requireable<boolean>;
|
|
143
|
+
onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
139
144
|
title: PropTypes.Requireable<string>;
|
|
140
145
|
description: PropTypes.Requireable<string>;
|
|
141
146
|
uploadLabel: PropTypes.Requireable<string>;
|
|
@@ -152,6 +157,8 @@ declare namespace TitleAndCheckBoxWrapper {
|
|
|
152
157
|
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
153
158
|
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
154
159
|
multiple: PropTypes.Requireable<boolean>;
|
|
160
|
+
dragAndDropLabel: PropTypes.Requireable<string>;
|
|
161
|
+
loadingLabel: PropTypes.Requireable<string>;
|
|
155
162
|
}> | null | undefined)[]>;
|
|
156
163
|
'data-name': PropTypes.Requireable<string>;
|
|
157
164
|
}> | PropTypes.InferProps<{
|
|
@@ -165,7 +172,11 @@ declare namespace TitleAndCheckBoxWrapper {
|
|
|
165
172
|
buttonAriaLabel: PropTypes.Requireable<string>;
|
|
166
173
|
errorButtonLabel: PropTypes.Requireable<string>;
|
|
167
174
|
labelLink: PropTypes.Requireable<string>;
|
|
175
|
+
labelButtonLink: PropTypes.Requireable<string>;
|
|
168
176
|
hrefLink: PropTypes.Requireable<string>;
|
|
177
|
+
filesNumber: PropTypes.Requireable<number>;
|
|
178
|
+
required: PropTypes.Requireable<boolean>;
|
|
179
|
+
onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
169
180
|
title: PropTypes.Requireable<string>;
|
|
170
181
|
description: PropTypes.Requireable<string>;
|
|
171
182
|
uploadLabel: PropTypes.Requireable<string>;
|
|
@@ -182,6 +193,8 @@ declare namespace TitleAndCheckBoxWrapper {
|
|
|
182
193
|
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
183
194
|
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
184
195
|
multiple: PropTypes.Requireable<boolean>;
|
|
196
|
+
dragAndDropLabel: PropTypes.Requireable<string>;
|
|
197
|
+
loadingLabel: PropTypes.Requireable<string>;
|
|
185
198
|
}> | PropTypes.InferProps<{
|
|
186
199
|
childType: PropTypes.Requireable<string>;
|
|
187
200
|
title: PropTypes.Requireable<string>;
|
|
@@ -80,6 +80,7 @@ declare const TitleRadioWrapper: {
|
|
|
80
80
|
customLabelClassName: import("prop-types").Requireable<string>;
|
|
81
81
|
}>>;
|
|
82
82
|
required: import("prop-types").Requireable<boolean>;
|
|
83
|
+
headingLevel: import("prop-types").Requireable<number>;
|
|
83
84
|
}>>>;
|
|
84
85
|
name: import("prop-types").Requireable<string>;
|
|
85
86
|
checked: import("prop-types").Requireable<boolean>;
|
|
@@ -114,7 +115,11 @@ declare const TitleRadioWrapper: {
|
|
|
114
115
|
buttonAriaLabel: import("prop-types").Requireable<string>;
|
|
115
116
|
errorButtonLabel: import("prop-types").Requireable<string>;
|
|
116
117
|
labelLink: import("prop-types").Requireable<string>;
|
|
118
|
+
labelButtonLink: import("prop-types").Requireable<string>;
|
|
117
119
|
hrefLink: import("prop-types").Requireable<string>;
|
|
120
|
+
filesNumber: import("prop-types").Requireable<number>;
|
|
121
|
+
required: import("prop-types").Requireable<boolean>;
|
|
122
|
+
onClick: import("prop-types").Requireable<(...args: any[]) => any>;
|
|
118
123
|
title: import("prop-types").Requireable<string>;
|
|
119
124
|
description: import("prop-types").Requireable<string>;
|
|
120
125
|
uploadLabel: import("prop-types").Requireable<string>;
|
|
@@ -131,6 +136,8 @@ declare const TitleRadioWrapper: {
|
|
|
131
136
|
pdfButtonLabel: import("prop-types").Requireable<string>;
|
|
132
137
|
pdfButtonAriaLabel: import("prop-types").Requireable<string>;
|
|
133
138
|
multiple: import("prop-types").Requireable<boolean>;
|
|
139
|
+
dragAndDropLabel: import("prop-types").Requireable<string>;
|
|
140
|
+
loadingLabel: import("prop-types").Requireable<string>;
|
|
134
141
|
}> | null | undefined>>;
|
|
135
142
|
childType: import("prop-types").Requireable<string>;
|
|
136
143
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/title-radio-wrapper/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAkB,EAAC,sBAAsB,EAAC,MAAM,SAAS,CAAC;AAqB1D,QAAA,MAAM,iBAAiB;YAAW,sBAAsB
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/title-radio-wrapper/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAkB,EAAC,sBAAsB,EAAC,MAAM,SAAS,CAAC;AAqB1D,QAAA,MAAM,iBAAiB;YAAW,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQvD,CAAC;AAIF,eAAe,iBAAiB,CAAC"}
|
|
@@ -81,6 +81,7 @@ declare const propTypes: {
|
|
|
81
81
|
customLabelClassName: PropTypes.Requireable<string>;
|
|
82
82
|
}>>;
|
|
83
83
|
required: PropTypes.Requireable<boolean>;
|
|
84
|
+
headingLevel: PropTypes.Requireable<number>;
|
|
84
85
|
}>>>;
|
|
85
86
|
name: PropTypes.Requireable<string>;
|
|
86
87
|
checked: PropTypes.Requireable<boolean>;
|
|
@@ -115,7 +116,11 @@ declare const propTypes: {
|
|
|
115
116
|
buttonAriaLabel: PropTypes.Requireable<string>;
|
|
116
117
|
errorButtonLabel: PropTypes.Requireable<string>;
|
|
117
118
|
labelLink: PropTypes.Requireable<string>;
|
|
119
|
+
labelButtonLink: PropTypes.Requireable<string>;
|
|
118
120
|
hrefLink: PropTypes.Requireable<string>;
|
|
121
|
+
filesNumber: PropTypes.Requireable<number>;
|
|
122
|
+
required: PropTypes.Requireable<boolean>;
|
|
123
|
+
onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
119
124
|
title: PropTypes.Requireable<string>;
|
|
120
125
|
description: PropTypes.Requireable<string>;
|
|
121
126
|
uploadLabel: PropTypes.Requireable<string>;
|
|
@@ -132,6 +137,8 @@ declare const propTypes: {
|
|
|
132
137
|
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
133
138
|
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
134
139
|
multiple: PropTypes.Requireable<boolean>;
|
|
140
|
+
dragAndDropLabel: PropTypes.Requireable<string>;
|
|
141
|
+
loadingLabel: PropTypes.Requireable<string>;
|
|
135
142
|
}> | null | undefined>>;
|
|
136
143
|
childType: PropTypes.Requireable<string>;
|
|
137
144
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/title-radio-wrapper/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,kBAAkB,MAAM,iCAAiC,CAAC;AAEjE,OAAO,EAAC,mBAAmB,EAAC,MAAM,mCAAmC,CAAC;AACtE,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAEhD,QAAA,MAAM,SAAS
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/title-radio-wrapper/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,kBAAkB,MAAM,iCAAiC,CAAC;AAEjE,OAAO,EAAC,mBAAmB,EAAC,MAAM,mCAAmC,CAAC;AACtE,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAEhD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOd,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACnC,cAAc,EAAE,mBAAmB,CAAC;IACpC,KAAK,EAAE,OAAO,cAAc,CAAC,SAAS,GAAG,OAAO,kBAAkB,CAAC,SAAS,CAAC;IAC7E,SAAS,EAAE,iBAAiB,GAAG,gBAAgB,CAAC;CACjD,CAAC;AAEF,eAAe,SAAS,CAAC"}
|