@coorpacademy/components 11.32.20-alpha.39 → 11.32.20

package/lib/template/back-office/layout/index.d.ts

@@ -21,6 +21,8 @@ declare function createLayout(Template: any): {
                         download: PropTypes.Requireable<boolean>;
                         target: PropTypes.Requireable<string>;
                     }>>;
+                    hoverBackgroundColor: PropTypes.Requireable<string>;
+                    hoverColor: PropTypes.Requireable<string>;
                     disabled: PropTypes.Requireable<boolean>;
                     className: PropTypes.Requireable<string>;
                     customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
@@ -42,6 +44,8 @@ declare function createLayout(Template: any): {
                         download: PropTypes.Requireable<boolean>;
                         target: PropTypes.Requireable<string>;
                     }>>;
+                    hoverBackgroundColor: PropTypes.Requireable<string>;
+                    hoverColor: PropTypes.Requireable<string>;
                     disabled: PropTypes.Requireable<boolean>;
                     className: PropTypes.Requireable<string>;
                     customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
@@ -63,6 +67,8 @@ declare function createLayout(Template: any): {
                         download: PropTypes.Requireable<boolean>;
                         target: PropTypes.Requireable<string>;
                     }>>;
+                    hoverBackgroundColor: PropTypes.Requireable<string>;
+                    hoverColor: PropTypes.Requireable<string>;
                     disabled: PropTypes.Requireable<boolean>;
                     className: PropTypes.Requireable<string>;
                     customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
@@ -84,6 +90,8 @@ declare function createLayout(Template: any): {
                         download: PropTypes.Requireable<boolean>;
                         target: PropTypes.Requireable<string>;
                     }>>;
+                    hoverBackgroundColor: PropTypes.Requireable<string>;
+                    hoverColor: PropTypes.Requireable<string>;
                     disabled: PropTypes.Requireable<boolean>;
                     className: PropTypes.Requireable<string>;
                     customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;

package/lib/template/back-office/layout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/back-office/layout/index.js"],"names":[],"mappings":";AAMA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/back-office/layout/index.js"],"names":[],"mappings":";AAMA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyBC"}

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

@@ -16,12 +16,6 @@ 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>;
-                    }>>;
                 }>>;
                 headerIcon: PropTypes.Requireable<string>;
                 backgroundImage: PropTypes.Requireable<string>;
@@ -105,6 +99,8 @@ declare namespace Dashboard {
                             download: PropTypes.Requireable<boolean>;
                             target: PropTypes.Requireable<string>;
                         }>>;
+                        hoverBackgroundColor: PropTypes.Requireable<string>;
+                        hoverColor: PropTypes.Requireable<string>;
                         disabled: PropTypes.Requireable<boolean>;
                         className: PropTypes.Requireable<string>;
                         customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
@@ -237,6 +233,8 @@ declare namespace Dashboard {
                                 download: PropTypes.Requireable<boolean>;
                                 target: PropTypes.Requireable<string>;
                             }>>;
+                            hoverBackgroundColor: PropTypes.Requireable<string>;
+                            hoverColor: PropTypes.Requireable<string>;
                             disabled: PropTypes.Requireable<boolean>;
                             className: PropTypes.Requireable<string>;
                             customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
@@ -298,12 +296,6 @@ 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>;
-                    }>>;
                 }>>;
                 headerIcon: PropTypes.Requireable<string>;
                 backgroundImage: PropTypes.Requireable<string>;
@@ -387,6 +379,8 @@ declare namespace Dashboard {
                             download: PropTypes.Requireable<boolean>;
                             target: PropTypes.Requireable<string>;
                         }>>;
+                        hoverBackgroundColor: PropTypes.Requireable<string>;
+                        hoverColor: PropTypes.Requireable<string>;
                         disabled: PropTypes.Requireable<boolean>;
                         className: PropTypes.Requireable<string>;
                         customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
@@ -519,6 +513,8 @@ declare namespace Dashboard {
                                 download: PropTypes.Requireable<boolean>;
                                 target: PropTypes.Requireable<string>;
                             }>>;
+                            hoverBackgroundColor: PropTypes.Requireable<string>;
+                            hoverColor: PropTypes.Requireable<string>;
                             disabled: PropTypes.Requireable<boolean>;
                             className: PropTypes.Requireable<string>;
                             customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;

package/lib/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":";AAyBA,oDA+EC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/dashboard/index.js"],"names":[],"mappings":";AAsBA,oDAmDC"}

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

@@ -3,8 +3,6 @@
 exports.__esModule = true;
 exports.default = void 0;
 
-var _size2 = _interopRequireDefault(require("lodash/fp/size"));
-
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -27,10 +25,6 @@ var _reviewBanner = _interopRequireDefault(require("../../../molecule/dashboard/
 
 var _learningProfileBanner = _interopRequireDefault(require("../../../molecule/dashboard/learning-profile-banner"));
 
-var _title = _interopRequireDefault(require("../../../atom/title"));
-
-var _myLearning = require("../../my-learning");
-
 var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -76,29 +70,6 @@ const Dashboard = props => {
       case 'battleRequests':
         return /*#__PURE__*/_react.default.createElement(_battleRequestList.default, section);
 
-      case 'learningPrioritiesCards':
-        {
-          return /*#__PURE__*/_react.default.createElement(_cardsList.default, _extends({}, section, {
-            title: /*#__PURE__*/_react.default.createElement(_title.default, {
-              type: 'form-group',
-              title: section.title,
-              subtitle: section.subtitle,
-              icon: {
-                iconName: 'sign-post',
-                iconColor: '#A32700',
-                borderRadius: '12px',
-                backgroundColor: '#FFDCD1'
-              },
-              tag: {
-                label: `${(0, _size2.default)(section.cards)}`,
-                type: 'default',
-                size: 'S'
-              }
-            }),
-            "arrows-aria-label": showMoreOnLeftOrRightAriaLabel
-          }));
-        }
-
       case 'cards':
         return /*#__PURE__*/_react.default.createElement(_cardsList.default, _extends({}, section, {
           "arrows-aria-label": showMoreOnLeftOrRightAriaLabel
@@ -145,7 +116,7 @@ const Dashboard = props => {
 Dashboard.propTypes = process.env.NODE_ENV !== "production" ? {
   hero: Hero.propTypes.hero,
   welcome: Hero.propTypes.welcome,
-  sections: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape(_battleRequestList.default.propTypes), _propTypes.default.shape(_cardsList.default.propTypes), _propTypes.default.shape(_myLearning.learningPrioritiesPropTypes), _propTypes.default.shape(_newsList.default.propTypes), _propTypes.default.shape(_startBattle.default.propTypes), _propTypes.default.shape(_reviewBanner.default.propTypes), _propTypes.default.shape(_learningProfileBanner.default.propTypes)])),
+  sections: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape(_battleRequestList.default.propTypes), _propTypes.default.shape(_cardsList.default.propTypes), _propTypes.default.shape(_newsList.default.propTypes), _propTypes.default.shape(_startBattle.default.propTypes), _propTypes.default.shape(_reviewBanner.default.propTypes), _propTypes.default.shape(_learningProfileBanner.default.propTypes)])),
   cookie: _propTypes.default.shape(_cmPopin.default.propTypes),
   'arrows-aria-label': _cardsList.default.propTypes['arrows-aria-label'],
   popinWithCards: _propTypes.default.shape(_cmPopin.default.propTypes)

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

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

package/lib/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<(NonNullable<PropTypes.InferProps<{
+            cards: PropTypes.Requireable<(PropTypes.InferProps<{
                 badge: PropTypes.Requireable<string>;
                 image: PropTypes.Requireable<string>;
                 disabled: PropTypes.Requireable<boolean>;
@@ -167,13 +167,7 @@ declare namespace SearchPage {
                     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>;
-                type: PropTypes.Requireable<string>;
-            }> | null | undefined> | null | undefined)[]>;
+            }> | null | undefined)[]>;
             customStyle: PropTypes.Requireable<{
                 [x: string]: string | null | undefined;
             }>;
@@ -183,7 +177,6 @@ declare namespace SearchPage {
                 showMoreOnLeftAriaLabel: PropTypes.Requireable<string>;
                 showMoreOnRightAriaLabel: PropTypes.Requireable<string>;
             }>>;
-            type: PropTypes.Requireable<string>;
             testingSizes: PropTypes.Requireable<any>;
         }>>;
         const moreSortAriaLabel: PropTypes.Requireable<string>;
@@ -201,12 +194,6 @@ 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>;
-                    }>>;
                 }>>;
                 headerIcon: PropTypes.Requireable<string>;
                 backgroundImage: PropTypes.Requireable<string>;
@@ -290,6 +277,8 @@ declare namespace SearchPage {
                             download: PropTypes.Requireable<boolean>;
                             target: PropTypes.Requireable<string>;
                         }>>;
+                        hoverBackgroundColor: PropTypes.Requireable<string>;
+                        hoverColor: PropTypes.Requireable<string>;
                         disabled: PropTypes.Requireable<boolean>;
                         className: PropTypes.Requireable<string>;
                         customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
@@ -422,6 +411,8 @@ declare namespace SearchPage {
                                 download: PropTypes.Requireable<boolean>;
                                 target: PropTypes.Requireable<string>;
                             }>>;
+                            hoverBackgroundColor: PropTypes.Requireable<string>;
+                            hoverColor: PropTypes.Requireable<string>;
                             disabled: PropTypes.Requireable<boolean>;
                             className: PropTypes.Requireable<string>;
                             customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;

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

@@ -33,12 +33,6 @@ 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>;
-                    }>>;
                 }>>;
                 headerIcon: PropTypes.Requireable<string>;
                 backgroundImage: PropTypes.Requireable<string>;
@@ -122,6 +116,8 @@ declare namespace ExternalCourse {
                             download: PropTypes.Requireable<boolean>;
                             target: PropTypes.Requireable<string>;
                         }>>;
+                        hoverBackgroundColor: PropTypes.Requireable<string>;
+                        hoverColor: PropTypes.Requireable<string>;
                         disabled: PropTypes.Requireable<boolean>;
                         className: PropTypes.Requireable<string>;
                         customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
@@ -254,6 +250,8 @@ declare namespace ExternalCourse {
                                 download: PropTypes.Requireable<boolean>;
                                 target: PropTypes.Requireable<string>;
                             }>>;
+                            hoverBackgroundColor: PropTypes.Requireable<string>;
+                            hoverColor: PropTypes.Requireable<string>;
                             disabled: PropTypes.Requireable<boolean>;
                             className: PropTypes.Requireable<string>;
                             customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;

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

@@ -1,81 +1,4 @@
-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>;
-        type: PropTypes.Requireable<string>;
-    }> | 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 {
@@ -125,82 +48,7 @@ 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>;
-                type: PropTypes.Requireable<string>;
-            }> | 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/lib/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":"AA4hBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAIE;;;AAraF,mEA0ZC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/my-learning/index.js"],"names":[],"mappings":";AA8GA,mEA4XC"}

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

@@ -1,9 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.learningPrioritiesPropTypes = exports.default = void 0;
-
-var _size2 = _interopRequireDefault(require("lodash/fp/size"));
+exports.default = void 0;
 
 var _sortBy2 = _interopRequireDefault(require("lodash/fp/sortBy"));
 
@@ -53,10 +51,6 @@ var _searchValueIncluded = _interopRequireDefault(require("../../util/search-val
 
 var _timeFormat = require("../../util/time-format");
 
-var _cardsList = _interopRequireDefault(require("../../molecule/dashboard/cards-list"));
-
-var _title = _interopRequireDefault(require("../../atom/title"));
-
 var _style = _interopRequireDefault(require("./style.css"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -65,10 +59,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const ChangeSkillFocusButton = (props, context) => {
-  const [hovered, setHovered] = (0, _react.useState)(false);
   const {
     onClick
   } = props;
@@ -77,18 +68,16 @@ const ChangeSkillFocusButton = (props, context) => {
     translate
   } = context;
   const primarySkinColor = (0, _get2.default)('common.primary', skin);
-  const handleMouseOver = (0, _react.useCallback)(() => setHovered(true), [setHovered]);
-  const handleMouseLeave = (0, _react.useCallback)(() => setHovered(false), [setHovered]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    "data-name": "button-explore-wrapper",
-    onMouseOver: handleMouseOver,
-    onMouseLeave: handleMouseLeave
+    "data-name": "button-explore-wrapper"
   }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, {
     customStyle: {
-      backgroundColor: hovered ? primarySkinColor : (0, _cssColorFunction.convert)(`color(${primarySkinColor} a(0.07))`),
-      color: hovered ? '#FFFFFF' : primarySkinColor,
+      backgroundColor: (0, _cssColorFunction.convert)(`color(${primarySkinColor} a(0.07))`),
+      color: primarySkinColor,
       transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'
     },
+    hoverBackgroundColor: primarySkinColor,
+    hoverColor: "#FFFFFF",
     onClick: onClick,
     label: translate('skills_change_focus'),
     "data-name": "change-skill-focus-button",
@@ -96,8 +85,8 @@ const ChangeSkillFocusButton = (props, context) => {
       position: 'left',
       faIcon: {
         name: 'arrows-rotate',
-        backgroundColor: hovered ? primarySkinColor : (0, _cssColorFunction.convert)(`color(${primarySkinColor} a(0.07))`),
-        color: hovered ? '#FFFFFF' : primarySkinColor,
+        backgroundColor: (0, _cssColorFunction.convert)(`color(${primarySkinColor} a(0.07))`),
+        color: primarySkinColor,
         size: 16
       }
     }
@@ -165,8 +154,7 @@ const MyLearning = (props, context) => {
     isLoading,
     onSkillFocusConfirm,
     onReviewSkill,
-    onExploreSkill,
-    learningPriorities
+    onExploreSkill
   } = props;
   const {
     skin,
@@ -179,9 +167,6 @@ const MyLearning = (props, context) => {
   const [searchValue, setSearchValue] = (0, _react.useState)('');
   const [searchResults, setSearchResults] = (0, _react.useState)((0, _sortBy2.default)(skillRef => -(0, _getOr2.default)(0, [skillRef, 'stats', 'score'], skillsInformation), skills));
   const [activeFilter, setActiveFilter] = (0, _react.useState)('all');
-  const [hovered, setHovered] = (0, _react.useState)(false);
-  const handleMouseOver = (0, _react.useCallback)(() => setHovered(true), [setHovered]);
-  const handleMouseLeave = (0, _react.useCallback)(() => setHovered(false), [setHovered]);
   const skillsReviewReady = (0, _react.useMemo)(() => {
     return searchResults.filter(skill => skillsInformation[skill] ? skillsInformation[skill].availableForReview : false);
   }, [searchResults, skillsInformation]);
@@ -250,25 +235,6 @@ const MyLearning = (props, context) => {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.backgroundContainer
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.cardsListContainer
-  }, /*#__PURE__*/_react.default.createElement(_cardsList.default, _extends({}, learningPriorities, {
-    title: /*#__PURE__*/_react.default.createElement(_title.default, {
-      type: 'form-group',
-      title: learningPriorities.title,
-      subtitle: learningPriorities.subtitle,
-      icon: {
-        iconName: 'sign-post',
-        iconColor: '#A32700',
-        borderRadius: '12px',
-        backgroundColor: '#FFDCD1'
-      },
-      tag: {
-        label: `${(0, _size2.default)(learningPriorities.cards)}`,
-        type: 'default',
-        size: 'S'
-      }
-    })
-  }))), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.container
   }, /*#__PURE__*/_react.default.createElement(_skillPickerModal.default, {
     skills: skills,
@@ -343,16 +309,14 @@ const MyLearning = (props, context) => {
     className: _style.default.skillFocusEmptyTitle
   }, translate('skills_focus_empty_title')), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.skillFocusEmptyDescription
-  }, translate('skills_focus_empty_description')), /*#__PURE__*/_react.default.createElement("div", {
-    onMouseOver: handleMouseOver,
-    onMouseLeave: handleMouseLeave
-  }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, {
+  }, translate('skills_focus_empty_description')), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_buttonLink.default, {
     label: translate('skills_choose_focus'),
     type: "primary",
     customStyle: {
       width: 'fit-contain',
-      backgroundColor: hovered ? (0, _cssColorFunction.convert)(`hsl(from ${primarySkinColor} h s calc(l*(1 - 0.08)))`) : primarySkinColor
+      backgroundColor: primarySkinColor
     },
+    hoverBackgroundColor: (0, _cssColorFunction.convert)(`hsl(from ${primarySkinColor} h s calc(l*(1 - 0.08)))`),
     onClick: handleOpenSkillPicker
   })))) : null, /*#__PURE__*/_react.default.createElement("header", {
     className: _style.default.skillListHeader
@@ -467,13 +431,6 @@ MyLearning.contextTypes = {
   skin: _provider.default.childContextTypes.skin,
   translate: _provider.default.childContextTypes.translate
 };
-
-const learningPrioritiesPropTypes = _extends({}, _cardsList.default.propTypes, {
-  title: _propTypes.default.string,
-  subtitle: _propTypes.default.string
-});
-
-exports.learningPrioritiesPropTypes = learningPrioritiesPropTypes;
 MyLearning.propTypes = process.env.NODE_ENV !== "production" ? {
   skills: _propTypes.default.arrayOf(_propTypes.default.string),
   selectedSkills: _propTypes.default.arrayOf(_propTypes.default.string),
@@ -492,8 +449,7 @@ MyLearning.propTypes = process.env.NODE_ENV !== "production" ? {
   isLoading: _propTypes.default.bool,
   onSkillFocusConfirm: _propTypes.default.func,
   onReviewSkill: _propTypes.default.func,
-  onExploreSkill: _propTypes.default.func,
-  learningPriorities: _propTypes.default.shape(learningPrioritiesPropTypes)
+  onExploreSkill: _propTypes.default.func
 } : {};
 var _default = MyLearning;
 exports.default = _default;