@coorpacademy/components 11.32.20 → 11.32.22

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

@@ -16,6 +16,15 @@ declare namespace Dashboard {
                     'data-name': PropTypes.Requireable<string>;
                     titleSize: PropTypes.Requireable<string>;
                     subtitleSize: PropTypes.Requireable<string>;
+                    icon: PropTypes.Requireable<PropTypes.InferProps<any>>;
+                    tag: PropTypes.Requireable<PropTypes.InferProps<{
+                        label: PropTypes.Requireable<string>;
+                        type: PropTypes.Requireable<string>;
+                        size: PropTypes.Requireable<string>;
+                        customStyle: PropTypes.Requireable<{
+                            [x: string]: string | null | undefined;
+                        }>;
+                    }>>;
                 }>>;
                 headerIcon: PropTypes.Requireable<string>;
                 backgroundImage: PropTypes.Requireable<string>;
@@ -126,6 +135,8 @@ declare namespace Dashboard {
                     content: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                         items: PropTypes.Requireable<(PropTypes.InferProps<{
                             title: PropTypes.Validator<string>;
+                            subtitle: PropTypes.Requireable<string>;
+                            selected: PropTypes.Requireable<boolean>;
                             dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
                                 label: PropTypes.Requireable<string>;
                                 type: PropTypes.Requireable<string>;
@@ -168,6 +179,8 @@ declare namespace Dashboard {
                                 label: PropTypes.Requireable<string>;
                                 type: PropTypes.Requireable<string>;
                             }> | null | undefined)[]>;
+                            disabled: PropTypes.Requireable<boolean>;
+                            onClick: PropTypes.Requireable<(...args: any[]) => any>;
                             isBulkStyle: PropTypes.Requireable<boolean>;
                             isOverflowHidden: PropTypes.Requireable<boolean>;
                             order: PropTypes.Requireable<number>;
@@ -296,6 +309,15 @@ declare namespace Dashboard {
                     'data-name': PropTypes.Requireable<string>;
                     titleSize: PropTypes.Requireable<string>;
                     subtitleSize: PropTypes.Requireable<string>;
+                    icon: PropTypes.Requireable<PropTypes.InferProps<any>>;
+                    tag: PropTypes.Requireable<PropTypes.InferProps<{
+                        label: PropTypes.Requireable<string>;
+                        type: PropTypes.Requireable<string>;
+                        size: PropTypes.Requireable<string>;
+                        customStyle: PropTypes.Requireable<{
+                            [x: string]: string | null | undefined;
+                        }>;
+                    }>>;
                 }>>;
                 headerIcon: PropTypes.Requireable<string>;
                 backgroundImage: PropTypes.Requireable<string>;
@@ -406,6 +428,8 @@ declare namespace Dashboard {
                     content: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                         items: PropTypes.Requireable<(PropTypes.InferProps<{
                             title: PropTypes.Validator<string>;
+                            subtitle: PropTypes.Requireable<string>;
+                            selected: PropTypes.Requireable<boolean>;
                             dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
                                 label: PropTypes.Requireable<string>;
                                 type: PropTypes.Requireable<string>;
@@ -448,6 +472,8 @@ declare namespace Dashboard {
                                 label: PropTypes.Requireable<string>;
                                 type: PropTypes.Requireable<string>;
                             }> | null | undefined)[]>;
+                            disabled: PropTypes.Requireable<boolean>;
+                            onClick: PropTypes.Requireable<(...args: any[]) => any>;
                             isBulkStyle: PropTypes.Requireable<boolean>;
                             isOverflowHidden: PropTypes.Requireable<boolean>;
                             order: PropTypes.Requireable<number>;

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

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

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

@@ -1,3 +1,5 @@
+import _size from "lodash/fp/size";
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from 'react';
@@ -11,6 +13,8 @@ import StartBattle from '../../../molecule/dashboard/start-battle';
 import CMPopin from '../../../molecule/cm-popin';
 import ReviewBanner from '../../../molecule/dashboard/review-banner';
 import LearningProfileBanner from '../../../molecule/dashboard/learning-profile-banner';
+import Title from '../../../atom/title';
+import { learningPrioritiesPropTypes } from '../../my-learning';
 import style from './style.css';
 const Hero = /*#__PURE__*/React.memo(function Hero({
   hero,
@@ -50,6 +54,28 @@ const Dashboard = props => {
       case 'battleRequests':
         return /*#__PURE__*/React.createElement(BattleRequestList, section);
 
+      case 'learningPrioritiesCards':
+        {
+          return /*#__PURE__*/React.createElement(CardsList, _extends({}, section, {
+            title: /*#__PURE__*/React.createElement(Title, {
+              type: 'form-group',
+              title: section.title,
+              subtitle: section.subtitle,
+              icon: {
+                iconName: 'sign-post',
+                iconColor: '#A32700',
+                borderRadius: '12px',
+                backgroundColor: '#FFDCD1'
+              },
+              tag: {
+                label: `${_size(section.cards)}`,
+                size: 'S'
+              }
+            }),
+            "arrows-aria-label": showMoreOnLeftOrRightAriaLabel
+          }));
+        }
+
       case 'cards':
         return /*#__PURE__*/React.createElement(CardsList, _extends({}, section, {
           "arrows-aria-label": showMoreOnLeftOrRightAriaLabel
@@ -96,7 +122,7 @@ const Dashboard = props => {
 Dashboard.propTypes = process.env.NODE_ENV !== "production" ? {
   hero: Hero.propTypes.hero,
   welcome: Hero.propTypes.welcome,
-  sections: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape(BattleRequestList.propTypes), PropTypes.shape(CardsList.propTypes), PropTypes.shape(NewsList.propTypes), PropTypes.shape(StartBattle.propTypes), PropTypes.shape(ReviewBanner.propTypes), PropTypes.shape(LearningProfileBanner.propTypes)])),
+  sections: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape(BattleRequestList.propTypes), PropTypes.shape(CardsList.propTypes), PropTypes.shape(learningPrioritiesPropTypes), PropTypes.shape(NewsList.propTypes), PropTypes.shape(StartBattle.propTypes), PropTypes.shape(ReviewBanner.propTypes), PropTypes.shape(LearningProfileBanner.propTypes)])),
   cookie: PropTypes.shape(CMPopin.propTypes),
   'arrows-aria-label': CardsList.propTypes['arrows-aria-label'],
   popinWithCards: PropTypes.shape(CMPopin.propTypes)

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

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

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

@@ -116,7 +116,7 @@ declare namespace SearchPage {
             dataName: PropTypes.Requireable<string>;
             title: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
             showMore: PropTypes.Requireable<string>;
-            cards: PropTypes.Requireable<(PropTypes.InferProps<{
+            cards: PropTypes.Requireable<(NonNullable<PropTypes.InferProps<{
                 badge: PropTypes.Requireable<string>;
                 image: PropTypes.Requireable<string>;
                 disabled: PropTypes.Requireable<boolean>;
@@ -167,7 +167,12 @@ declare namespace SearchPage {
                     progression: PropTypes.Requireable<string>;
                     adaptive: PropTypes.Requireable<string>;
                 }>>;
-            }> | null | undefined)[]>;
+            }> | PropTypes.InferProps<{
+                title: PropTypes.Requireable<string>;
+                tagLabel: PropTypes.Requireable<string>;
+                progression: PropTypes.Requireable<number>;
+                onClick: PropTypes.Requireable<(...args: any[]) => any>;
+            }> | null | undefined> | null | undefined)[]>;
             customStyle: PropTypes.Requireable<{
                 [x: string]: string | null | undefined;
             }>;
@@ -177,6 +182,7 @@ declare namespace SearchPage {
                 showMoreOnLeftAriaLabel: PropTypes.Requireable<string>;
                 showMoreOnRightAriaLabel: PropTypes.Requireable<string>;
             }>>;
+            type: PropTypes.Requireable<string>;
             testingSizes: PropTypes.Requireable<any>;
         }>>;
         const moreSortAriaLabel: PropTypes.Requireable<string>;
@@ -194,6 +200,15 @@ declare namespace SearchPage {
                     'data-name': PropTypes.Requireable<string>;
                     titleSize: PropTypes.Requireable<string>;
                     subtitleSize: PropTypes.Requireable<string>;
+                    icon: PropTypes.Requireable<PropTypes.InferProps<any>>;
+                    tag: PropTypes.Requireable<PropTypes.InferProps<{
+                        label: PropTypes.Requireable<string>;
+                        type: PropTypes.Requireable<string>;
+                        size: PropTypes.Requireable<string>;
+                        customStyle: PropTypes.Requireable<{
+                            [x: string]: string | null | undefined;
+                        }>;
+                    }>>;
                 }>>;
                 headerIcon: PropTypes.Requireable<string>;
                 backgroundImage: PropTypes.Requireable<string>;
@@ -304,6 +319,8 @@ declare namespace SearchPage {
                     content: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                         items: PropTypes.Requireable<(PropTypes.InferProps<{
                             title: PropTypes.Validator<string>;
+                            subtitle: PropTypes.Requireable<string>;
+                            selected: PropTypes.Requireable<boolean>;
                             dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
                                 label: PropTypes.Requireable<string>;
                                 type: PropTypes.Requireable<string>;
@@ -346,6 +363,8 @@ declare namespace SearchPage {
                                 label: PropTypes.Requireable<string>;
                                 type: PropTypes.Requireable<string>;
                             }> | null | undefined)[]>;
+                            disabled: PropTypes.Requireable<boolean>;
+                            onClick: PropTypes.Requireable<(...args: any[]) => any>;
                             isBulkStyle: PropTypes.Requireable<boolean>;
                             isOverflowHidden: PropTypes.Requireable<boolean>;
                             order: PropTypes.Requireable<number>;

package/es/template/external-course/index.d.ts

@@ -33,6 +33,15 @@ declare namespace ExternalCourse {
                     'data-name': PropTypes.Requireable<string>;
                     titleSize: PropTypes.Requireable<string>;
                     subtitleSize: PropTypes.Requireable<string>;
+                    icon: PropTypes.Requireable<PropTypes.InferProps<any>>;
+                    tag: PropTypes.Requireable<PropTypes.InferProps<{
+                        label: PropTypes.Requireable<string>;
+                        type: PropTypes.Requireable<string>;
+                        size: PropTypes.Requireable<string>;
+                        customStyle: PropTypes.Requireable<{
+                            [x: string]: string | null | undefined;
+                        }>;
+                    }>>;
                 }>>;
                 headerIcon: PropTypes.Requireable<string>;
                 backgroundImage: PropTypes.Requireable<string>;
@@ -143,6 +152,8 @@ declare namespace ExternalCourse {
                     content: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                         items: PropTypes.Requireable<(PropTypes.InferProps<{
                             title: PropTypes.Validator<string>;
+                            subtitle: PropTypes.Requireable<string>;
+                            selected: PropTypes.Requireable<boolean>;
                             dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
                                 label: PropTypes.Requireable<string>;
                                 type: PropTypes.Requireable<string>;
@@ -185,6 +196,8 @@ declare namespace ExternalCourse {
                                 label: PropTypes.Requireable<string>;
                                 type: PropTypes.Requireable<string>;
                             }> | null | undefined)[]>;
+                            disabled: PropTypes.Requireable<boolean>;
+                            onClick: PropTypes.Requireable<(...args: any[]) => any>;
                             isBulkStyle: PropTypes.Requireable<boolean>;
                             isOverflowHidden: PropTypes.Requireable<boolean>;
                             order: PropTypes.Requireable<number>;

package/es/template/my-learning/index.d.ts

@@ -1,4 +1,80 @@
+export const learningPrioritiesPropTypes: {
+    title: PropTypes.Requireable<string>;
+    subtitle: PropTypes.Requireable<string>;
+    contentType: PropTypes.Requireable<string>;
+    dataName: PropTypes.Requireable<string>;
+    showMore: PropTypes.Requireable<string>;
+    cards: PropTypes.Requireable<(NonNullable<PropTypes.InferProps<{
+        badge: PropTypes.Requireable<string>;
+        image: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        adaptiv: PropTypes.Requireable<boolean>;
+        type: PropTypes.Requireable<string>;
+        title: PropTypes.Requireable<string>;
+        author: PropTypes.Requireable<string>;
+        certifiedAuthor: PropTypes.Requireable<boolean>;
+        customer: PropTypes.Requireable<PropTypes.InferProps<{
+            theme: PropTypes.Requireable<string>;
+            type: PropTypes.Requireable<string>;
+            name: PropTypes.Requireable<string>;
+            coorpOriginal: PropTypes.Validator<boolean>;
+            disabled: PropTypes.Requireable<boolean>;
+            'aria-label': PropTypes.Requireable<string>;
+        }>>;
+        progress: PropTypes.Requireable<number>;
+        favorite: PropTypes.Requireable<boolean>;
+        addFavoriteToolTip: PropTypes.Requireable<string>;
+        removeFavoriteToolTip: PropTypes.Requireable<string>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        onFavoriteClick: PropTypes.Requireable<(...args: any[]) => any>;
+        isSelected: PropTypes.Requireable<boolean>;
+        notification: PropTypes.Requireable<PropTypes.InferProps<{
+            message: PropTypes.Validator<string>;
+            icon: PropTypes.Validator<string>;
+        }>>;
+        badgeCategory: PropTypes.Requireable<string>;
+        badgeLabel: PropTypes.Requireable<string>;
+        theme: PropTypes.Requireable<string>;
+        disabledContent: PropTypes.Requireable<string>;
+        'aria-label': PropTypes.Requireable<string>;
+        'background-aria-label': PropTypes.Requireable<string>;
+        'favorite-aria-label': PropTypes.Requireable<PropTypes.InferProps<{
+            favorite: PropTypes.Requireable<string>;
+            addToFavorite: PropTypes.Requireable<string>;
+            removeFromFavorite: PropTypes.Requireable<string>;
+        }>>;
+        'selectable-aria-label': PropTypes.Requireable<PropTypes.InferProps<{
+            select: PropTypes.Requireable<string>;
+            unSelect: PropTypes.Requireable<string>;
+        }>>;
+        'customer-aria-label': PropTypes.Requireable<string>;
+        'badge-aria-label': PropTypes.Requireable<string>;
+        'disabled-aria-label': PropTypes.Requireable<string>;
+        'card-content-aria-label': PropTypes.Requireable<PropTypes.InferProps<{
+            author: PropTypes.Requireable<string>;
+            progression: PropTypes.Requireable<string>;
+            adaptive: PropTypes.Requireable<string>;
+        }>>;
+    }> | PropTypes.InferProps<{
+        title: PropTypes.Requireable<string>;
+        tagLabel: PropTypes.Requireable<string>;
+        progression: PropTypes.Requireable<number>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    }> | null | undefined> | null | undefined)[]>;
+    customStyle: PropTypes.Requireable<{
+        [x: string]: string | null | undefined;
+    }>;
+    onScroll: PropTypes.Requireable<(...args: any[]) => any>;
+    onShowMore: PropTypes.Requireable<(...args: any[]) => any>;
+    'arrows-aria-label': PropTypes.Requireable<PropTypes.InferProps<{
+        showMoreOnLeftAriaLabel: PropTypes.Requireable<string>;
+        showMoreOnRightAriaLabel: PropTypes.Requireable<string>;
+    }>>;
+    type: PropTypes.Requireable<string>;
+    testingSizes: PropTypes.Requireable<any>;
+};
 export default MyLearning;
+import PropTypes from "prop-types";
 declare function MyLearning(props: any, context: any): JSX.Element;
 declare namespace MyLearning {
     namespace contextTypes {
@@ -48,7 +124,81 @@ declare namespace MyLearning {
         const onSkillFocusConfirm: PropTypes.Requireable<(...args: any[]) => any>;
         const onReviewSkill: PropTypes.Requireable<(...args: any[]) => any>;
         const onExploreSkill: PropTypes.Requireable<(...args: any[]) => any>;
+        const learningPriorities: PropTypes.Requireable<PropTypes.InferProps<{
+            title: PropTypes.Requireable<string>;
+            subtitle: PropTypes.Requireable<string>;
+            contentType: PropTypes.Requireable<string>;
+            dataName: PropTypes.Requireable<string>;
+            showMore: PropTypes.Requireable<string>;
+            cards: PropTypes.Requireable<(NonNullable<PropTypes.InferProps<{
+                badge: PropTypes.Requireable<string>;
+                image: PropTypes.Requireable<string>;
+                disabled: PropTypes.Requireable<boolean>;
+                adaptiv: PropTypes.Requireable<boolean>;
+                type: PropTypes.Requireable<string>;
+                title: PropTypes.Requireable<string>;
+                author: PropTypes.Requireable<string>;
+                certifiedAuthor: PropTypes.Requireable<boolean>;
+                customer: PropTypes.Requireable<PropTypes.InferProps<{
+                    theme: PropTypes.Requireable<string>;
+                    type: PropTypes.Requireable<string>;
+                    name: PropTypes.Requireable<string>;
+                    coorpOriginal: PropTypes.Validator<boolean>;
+                    disabled: PropTypes.Requireable<boolean>;
+                    'aria-label': PropTypes.Requireable<string>;
+                }>>;
+                progress: PropTypes.Requireable<number>;
+                favorite: PropTypes.Requireable<boolean>;
+                addFavoriteToolTip: PropTypes.Requireable<string>;
+                removeFavoriteToolTip: PropTypes.Requireable<string>;
+                onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                onFavoriteClick: PropTypes.Requireable<(...args: any[]) => any>;
+                isSelected: PropTypes.Requireable<boolean>;
+                notification: PropTypes.Requireable<PropTypes.InferProps<{
+                    message: PropTypes.Validator<string>;
+                    icon: PropTypes.Validator<string>;
+                }>>;
+                badgeCategory: PropTypes.Requireable<string>;
+                badgeLabel: PropTypes.Requireable<string>;
+                theme: PropTypes.Requireable<string>;
+                disabledContent: PropTypes.Requireable<string>;
+                'aria-label': PropTypes.Requireable<string>;
+                'background-aria-label': PropTypes.Requireable<string>;
+                'favorite-aria-label': PropTypes.Requireable<PropTypes.InferProps<{
+                    favorite: PropTypes.Requireable<string>;
+                    addToFavorite: PropTypes.Requireable<string>;
+                    removeFromFavorite: PropTypes.Requireable<string>;
+                }>>;
+                'selectable-aria-label': PropTypes.Requireable<PropTypes.InferProps<{
+                    select: PropTypes.Requireable<string>;
+                    unSelect: PropTypes.Requireable<string>;
+                }>>;
+                'customer-aria-label': PropTypes.Requireable<string>;
+                'badge-aria-label': PropTypes.Requireable<string>;
+                'disabled-aria-label': PropTypes.Requireable<string>;
+                'card-content-aria-label': PropTypes.Requireable<PropTypes.InferProps<{
+                    author: PropTypes.Requireable<string>;
+                    progression: PropTypes.Requireable<string>;
+                    adaptive: PropTypes.Requireable<string>;
+                }>>;
+            }> | PropTypes.InferProps<{
+                title: PropTypes.Requireable<string>;
+                tagLabel: PropTypes.Requireable<string>;
+                progression: PropTypes.Requireable<number>;
+                onClick: PropTypes.Requireable<(...args: any[]) => any>;
+            }> | null | undefined> | null | undefined)[]>;
+            customStyle: PropTypes.Requireable<{
+                [x: string]: string | null | undefined;
+            }>;
+            onScroll: PropTypes.Requireable<(...args: any[]) => any>;
+            onShowMore: PropTypes.Requireable<(...args: any[]) => any>;
+            'arrows-aria-label': PropTypes.Requireable<PropTypes.InferProps<{
+                showMoreOnLeftAriaLabel: PropTypes.Requireable<string>;
+                showMoreOnRightAriaLabel: PropTypes.Requireable<string>;
+            }>>;
+            type: PropTypes.Requireable<string>;
+            testingSizes: PropTypes.Requireable<any>;
+        }>>;
     }
 }
-import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/template/my-learning/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/my-learning/index.js"],"names":[],"mappings":";AA8GA,mEA4XC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/my-learning/index.js"],"names":[],"mappings":"AA+gBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAIE;;;AAnaF,mEAwZC"}

package/es/template/my-learning/index.js

@@ -1,3 +1,5 @@
+import _isEmpty from "lodash/fp/isEmpty";
+import _size from "lodash/fp/size";
 import _sortBy from "lodash/fp/sortBy";
 import _getOr from "lodash/fp/getOr";
 import _sumBy from "lodash/fp/sumBy";
@@ -6,6 +8,9 @@ import _fromPairs from "lodash/fp/fromPairs";
 import _map from "lodash/fp/map";
 import _keys from "lodash/fp/keys";
 import _get from "lodash/fp/get";
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React, { useCallback, useState, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { convert } from 'css-color-function';
@@ -22,6 +27,8 @@ import SkillsChartSideInformationPanel from '../../molecule/skills-chart-side-in
 import LearnerSkillCard from '../../molecule/learner-skill-card';
 import searchValueIncluded from '../../util/search-value-included';
 import { formatMinutes } from '../../util/time-format';
+import CardsList from '../../molecule/dashboard/cards-list';
+import Title from '../../atom/title';
 import style from './style.css';
 
 const ChangeSkillFocusButton = (props, context) => {
@@ -123,7 +130,8 @@ const MyLearning = (props, context) => {
     isLoading,
     onSkillFocusConfirm,
     onReviewSkill,
-    onExploreSkill
+    onExploreSkill,
+    learningPriorities
   } = props;
   const {
     skin,
@@ -206,7 +214,26 @@ const MyLearning = (props, context) => {
   const ReviewTooltipContent = useCallback(() => /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("b", null, translate('review_mode_tooltip_header'))), /*#__PURE__*/React.createElement("p", null, translate('review_mode_tooltip_content')), /*#__PURE__*/React.createElement("ol", null, /*#__PURE__*/React.createElement("li", null, translate('review_mode_tooltip_content_part1')), /*#__PURE__*/React.createElement("li", null, translate('review_mode_tooltip_content_part2')), /*#__PURE__*/React.createElement("li", null, translate('review_mode_tooltip_content_part3')), /*#__PURE__*/React.createElement("li", null, translate('review_mode_tooltip_content_part4')))), [translate]);
   return /*#__PURE__*/React.createElement("div", {
     className: style.backgroundContainer
-  }, /*#__PURE__*/React.createElement("div", {
+  }, _isEmpty(learningPriorities?.cards) ? null : /*#__PURE__*/React.createElement("div", {
+    className: style.cardsListContainer
+  }, /*#__PURE__*/React.createElement(CardsList, _extends({}, learningPriorities, {
+    title: /*#__PURE__*/React.createElement(Title, {
+      type: 'form-group',
+      title: learningPriorities.title,
+      subtitle: learningPriorities.subtitle,
+      icon: {
+        iconName: 'sign-post',
+        iconColor: '#A32700',
+        borderRadius: '12px',
+        backgroundColor: '#FFDCD1'
+      },
+      tag: {
+        label: `${_size(learningPriorities.cards)}`,
+        type: 'default',
+        size: 'S'
+      }
+    })
+  }))), /*#__PURE__*/React.createElement("div", {
     className: style.container
   }, /*#__PURE__*/React.createElement(SkillPickerModal, {
     skills: skills,
@@ -403,6 +430,10 @@ MyLearning.contextTypes = {
   skin: Provider.childContextTypes.skin,
   translate: Provider.childContextTypes.translate
 };
+export const learningPrioritiesPropTypes = _extends({}, CardsList.propTypes, {
+  title: PropTypes.string,
+  subtitle: PropTypes.string
+});
 MyLearning.propTypes = process.env.NODE_ENV !== "production" ? {
   skills: PropTypes.arrayOf(PropTypes.string),
   selectedSkills: PropTypes.arrayOf(PropTypes.string),
@@ -421,7 +452,8 @@ MyLearning.propTypes = process.env.NODE_ENV !== "production" ? {
   isLoading: PropTypes.bool,
   onSkillFocusConfirm: PropTypes.func,
   onReviewSkill: PropTypes.func,
-  onExploreSkill: PropTypes.func
+  onExploreSkill: PropTypes.func,
+  learningPriorities: PropTypes.shape(learningPrioritiesPropTypes)
 } : {};
 export default MyLearning;
 //# sourceMappingURL=index.js.map