@coorpacademy/components 11.35.2-alpha.13 → 11.35.2-forcedeploy.13

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

@@ -30,11 +30,13 @@ 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 _colors = require("../../variables/colors");
 var _style = _interopRequireDefault(require("./style.css"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const roundScore = value => Math.round(value * 10) / 10;
 const ChangeSkillFocusButton = (props, context) => {
   const {
     onClick
@@ -53,7 +55,7 @@ const ChangeSkillFocusButton = (props, context) => {
       transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'
     },
     hoverBackgroundColor: primarySkinColor,
-    hoverColor: "#FFFFFF",
+    hoverColor: _colors.COLORS.white,
     onClick: onClick,
     label: translate('skills_change_focus'),
     "data-name": "change-skill-focus-button",
@@ -89,14 +91,14 @@ const FilterButton = (props, context) => {
   const Content = (0, _react.useCallback)(() => /*#__PURE__*/_react.default.createElement("div", null, filter, /*#__PURE__*/_react.default.createElement("span", {
     className: active ? _style.default.skillFilterNumber : _style.default.skillFilterNumberInActive,
     style: {
-      backgroundColor: active ? (0, _cssColorFunction.convert)(`color(${primarySkinColor} a(0.07))`) : '#EAEAEB',
-      color: active ? primarySkinColor : '#515161'
+      backgroundColor: active ? (0, _cssColorFunction.convert)(`color(${primarySkinColor} a(0.07))`) : _colors.COLORS.gray,
+      color: active ? primarySkinColor : _colors.COLORS.cm_grey_500
     }
   }, skillTotal)), [filter, skillTotal, active, primarySkinColor]);
   const buttonProps = {
     customStyle: {
-      backgroundColor: active ? (0, _cssColorFunction.convert)(`color(${primarySkinColor} a(0.07))`) : '#FFFFFF',
-      color: active ? primarySkinColor : '#9999A8',
+      backgroundColor: active ? (0, _cssColorFunction.convert)(`color(${primarySkinColor} a(0.07))`) : _colors.COLORS.white,
+      color: active ? primarySkinColor : _colors.COLORS.cm_grey_400,
       transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out',
       width: 'fit-content'
     },
@@ -125,7 +127,6 @@ const MyLearning = (props, context) => {
     learnerFeature = true,
     isLoading,
     onSkillFocusConfirm,
-    onReviewSkill,
     onExploreSkill,
     learningPriorities
   } = props;
@@ -143,7 +144,7 @@ const MyLearning = (props, context) => {
   const skillsReviewReady = (0, _react.useMemo)(() => {
     return searchResults.filter(skill => skillsInformation[skill] ? skillsInformation[skill].availableForReview : false);
   }, [searchResults, skillsInformation]);
-  const graphDatas = (0, _react.useMemo)(() => (0, _pipe2.default)((0, _map2.default)(skill => [skill, (0, _getOr2.default)(0, [skill, 'stats', 'score'], skillsInformation).toFixed(1)]), _fromPairs2.default)(selectedSkillsList), [selectedSkillsList, skillsInformation]);
+  const graphDatas = (0, _react.useMemo)(() => (0, _pipe2.default)((0, _map2.default)(skill => [skill, roundScore((0, _getOr2.default)(0, [skill, 'stats', 'score'], skillsInformation))]), _fromPairs2.default)(selectedSkillsList), [selectedSkillsList, skillsInformation]);
   const graphLegends = (0, _react.useMemo)(() => (0, _pipe2.default)((0, _map2.default)(skill => [skill, skillsLocales[skill]]), _fromPairs2.default)(selectedSkillsList), [selectedSkillsList, skillsLocales]);
   const filters = (0, _react.useMemo)(() => {
     return {
@@ -167,7 +168,7 @@ const MyLearning = (props, context) => {
     legend: skillChartPaneLegends,
     icon: {
       iconName: 'book-open-cover',
-      backgroundColor: '#D9F4F7'
+      backgroundColor: _colors.COLORS.turquoise_100
     }
   }, {
     title: translate('skill_chart_side_panel_learning_hours'),
@@ -175,7 +176,7 @@ const MyLearning = (props, context) => {
     legend: skillChartPaneLegends,
     icon: {
       iconName: 'clock',
-      backgroundColor: '#FAD6DE'
+      backgroundColor: _colors.COLORS.pink_100
     }
   }, {
     title: translate('skill_chart_side_panel_questions_to_review'),
@@ -183,7 +184,7 @@ const MyLearning = (props, context) => {
     legend: skillChartPaneLegends,
     icon: {
       iconName: 'circle-question',
-      backgroundColor: '#FFDCD1'
+      backgroundColor: _colors.COLORS.orange_100
     }
   }];
   const skillsScore = (0, _react.useMemo)(() => (0, _pipe2.default)((0, _map2.default)(skill => [skill, (0, _getOr2.default)(0, [skill, 'stats', 'score'], skillsInformation)]), _fromPairs2.default)(skills), [skills, skillsInformation]);
@@ -217,9 +218,9 @@ const MyLearning = (props, context) => {
       subtitle: translate('learning_priorities_description'),
       icon: {
         iconName: 'sign-post',
-        iconColor: '#A32700',
+        iconColor: _colors.COLORS.cm_orange_800,
         borderRadius: '12px',
-        backgroundColor: '#FFDCD1'
+        backgroundColor: _colors.COLORS.orange_100
       },
       tag: {
         label: `${(0, _size2.default)(learningPriorities.cards)}`,
@@ -250,7 +251,7 @@ const MyLearning = (props, context) => {
     className: _style.default.skillFocusHeaderIcon
   }, /*#__PURE__*/_react.default.createElement(_icon.default, {
     iconName: "bullseye-arrow",
-    backgroundColor: "#DDD1FF",
+    backgroundColor: _colors.COLORS.purple_100,
     borderRadius: "12px",
     size: {
       faSize: 20,
@@ -318,7 +319,7 @@ const MyLearning = (props, context) => {
     className: _style.default.skillListHeaderIcon
   }, /*#__PURE__*/_react.default.createElement(_icon.default, {
     iconName: "dumbbell",
-    backgroundColor: "#FFF9D1",
+    backgroundColor: _colors.COLORS.yellow_100,
     size: {
       faSize: 20,
       wrapperSize: 48
@@ -373,7 +374,7 @@ const MyLearning = (props, context) => {
     onClick: handleSearchReset
   }, translate('empty_search_result_clear_search'))) : /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.skillListContainer
-  }, activeFilter === 'review_mode_available' && filters[activeFilter].length === 0 ? /*#__PURE__*/_react.default.createElement("div", {
+  }, activeFilter === 'review' && filters[activeFilter].length === 0 ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.skillListEmptyContainer
   }, /*#__PURE__*/_react.default.createElement(_reviewNoSkills.default, {
     titleNoSkills: translate('review_skill_empty'),
@@ -387,9 +388,6 @@ const MyLearning = (props, context) => {
       contentCompleted: 0,
       questionsToReview: 0
     };
-    function handleReviewSkill() {
-      onReviewSkill(skill);
-    }
     function handleExploreSkill() {
       onExploreSkill(skill);
     }
@@ -398,18 +396,25 @@ const MyLearning = (props, context) => {
       content,
       questionsToReview
     } = skillsInformation[skill] ? skillsInformation[skill].stats : defaultStats;
+    const {
+      color,
+      name
+    } = (0, _get2.default)([skill, 'icon'], skillsInformation);
     return /*#__PURE__*/_react.default.createElement("div", {
       key: index
     }, /*#__PURE__*/_react.default.createElement(_learnerSkillCard.default, {
       skillTitle: skillsLocales[skill],
+      cardIndex: index,
       focus: selectedSkills.includes(skill),
       metrics: {
-        score: score.toFixed(1),
+        score,
         content,
         questionsToReview
       },
-      review: skillsInformation[skill] ? skillsInformation[skill].availableForReview : false,
-      onReviewClick: handleReviewSkill,
+      icon: {
+        color,
+        name
+      },
       onExploreClick: handleExploreSkill
     }));
   }))));
@@ -435,7 +440,6 @@ MyLearning.propTypes = process.env.NODE_ENV !== "production" ? {
   learnerFeature: _propTypes.default.bool,
   isLoading: _propTypes.default.bool,
   onSkillFocusConfirm: _propTypes.default.func,
-  onReviewSkill: _propTypes.default.func,
   onExploreSkill: _propTypes.default.func,
   learningPriorities: _propTypes.default.shape(_cardsList.default.propTypes)
 } : {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_cssColorFunction","_provider","_icon","_picture","_buttonLink","_tooltip","_reviewNoSkills","_searchForm","_skillPickerModal","_learningProfileRadarChart","_skillsChartSideInformationPanel","_learnerSkillCard","_searchValueIncluded","_timeFormat","_cardsList","_title","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","ChangeSkillFocusButton","props","context","onClick","skin","translate","primarySkinColor","_get2","createElement","customStyle","backgroundColor","convert","color","transition","hoverBackgroundColor","hoverColor","label","icon","position","faIcon","name","size","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","func","FilterButton","active","filter","skillTotal","Content","useCallback","className","style","skillFilterNumber","skillFilterNumberInActive","buttonProps","width","content","bool","string","number","MyLearning","skills","selectedSkills","skillsInformation","skillsLocales","learnerFeature","isLoading","onSkillFocusConfirm","onReviewSkill","onExploreSkill","learningPriorities","open","setOpen","useState","selectedSkillsList","setSelectedSkillsList","skillFocusSelectedOnChart","setSkillFocusSelectedOnChart","undefined","searchValue","setSearchValue","searchResults","setSearchResults","_sortBy2","skillRef","_getOr2","activeFilter","setActiveFilter","skillsReviewReady","useMemo","skill","availableForReview","graphDatas","_pipe2","_map2","toFixed","_fromPairs2","graphLegends","filters","all","review","sumKpi","kpi","skillFocusSelectedOnChartScore","_sumBy2","stats","coursedCompletedData","questionsToReviewData","learningTimeData","skillChartPaneLegends","focusedSkill","skillChartPanelProps","title","value","legend","iconName","formatMinutes","skillsScore","handleOnDotClick","handleOpenSkillPicker","handleCloseSkillPicker","handleConfirmSkillPicker","focusSkillList","handleSearch","searchValueIncluded","handleSearchReset","ReviewTooltipContent","backgroundContainer","_isEmpty2","cards","cardsListContainer","type","subtitle","iconColor","borderRadius","tag","_size2","container","isOpen","onCancel","onConfirm","onClose","skillFocusContainer","skillFocusHeader","skillFocusHeaderWrapper","skillFocusHeaderIcon","faSize","wrapperSize","skillFocusHeaderContent","skillFocusHeaderTitle","skillFocusHeaderDescription","skillFocusContent","radarContainer","totalDataset","height","data","onExploreClick","colors","gradient","fill","stroke","percentage","background","sidePanelItems","skillFocusEmpty","img","src","alt","skillFocusEmptyTitle","skillFocusEmptyDescription","skillListHeader","skillListHeaderIcon","skillListHeaderContent","skillListHeaderTitle","skillListHeaderDescription","fontSize","iconContainerClassName","infoIconTooltip","tooltipClassName","tooltip","TooltipContent","closeToolTipInformationTextAriaLabel","toolBarContainer","skillFilterContainer","_keys2","map","index","handleFilterClick","key","searchWrapper","search","placeholder","onChange","onReset","emptySearchResultContainer","emptySearchResultTitle","emptySearchResultDescription","emptySearchResultClearSearch","skillListContainer","skillListEmptyContainer","titleNoSkills","textNoSkills","iconSkillAriaLabel","imagePosition","defaultStats","score","contentCompleted","questionsToReview","handleReviewSkill","handleExploreSkill","skillTitle","focus","includes","metrics","onReviewClick","arrayOf","objectOf","shape","learningTime","CardsList","_default","exports"],"sources":["../../../src/template/my-learning/index.js"],"sourcesContent":["import React, {useCallback, useState, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {convert} from 'css-color-function';\nimport {get, keys, map, fromPairs, pipe, sumBy, getOr, sortBy, size, isEmpty} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Icon from '../../atom/icon';\nimport Picture from '../../atom/picture';\nimport ButtonLink from '../../atom/button-link';\nimport ToolTip from '../../atom/tooltip';\nimport ReviewNoSkills from '../../organism/review-no-skills';\nimport SearchForm from '../../molecule/search-form';\nimport SkillPickerModal from '../../molecule/skill-picker-modal';\nimport ResponsiveLearningProfileRadarChart from '../../molecule/learning-profile-radar-chart';\nimport SkillsChartSideInformationPanel from '../../molecule/skills-chart-side-information-panel';\nimport LearnerSkillCard from '../../molecule/learner-skill-card';\nimport searchValueIncluded from '../../util/search-value-included';\nimport {formatMinutes} from '../../util/time-format';\nimport CardsList from '../../molecule/dashboard/cards-list';\nimport Title from '../../atom/title';\nimport style from './style.css';\n\nconst ChangeSkillFocusButton = (props, context) => {\n  const {onClick} = props;\n  const {skin, translate} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  return (\n    <div data-name=\"button-explore-wrapper\">\n      <ButtonLink\n        customStyle={{\n          backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n          color: primarySkinColor,\n          transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n        }}\n        hoverBackgroundColor={primarySkinColor}\n        hoverColor=\"#FFFFFF\"\n        onClick={onClick}\n        label={translate('skills_change_focus')}\n        data-name=\"change-skill-focus-button\"\n        icon={{\n          position: 'left',\n          faIcon: {\n            name: 'arrows-rotate',\n            backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n            color: primarySkinColor,\n            size: 16\n          }\n        }}\n      />\n    </div>\n  );\n};\n\nChangeSkillFocusButton.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nChangeSkillFocusButton.propTypes = {\n  onClick: PropTypes.func\n};\n\nconst FilterButton = (props, context) => {\n  const {active, filter, skillTotal, onClick} = props;\n  const {skin} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  const Content = useCallback(\n    () => (\n      <div>\n        {filter}\n        <span\n          className={active ? style.skillFilterNumber : style.skillFilterNumberInActive}\n          style={{\n            backgroundColor: active ? convert(`color(${primarySkinColor} a(0.07))`) : '#EAEAEB',\n            color: active ? primarySkinColor : '#515161'\n          }}\n        >\n          {skillTotal}\n        </span>\n      </div>\n    ),\n    [filter, skillTotal, active, primarySkinColor]\n  );\n\n  const buttonProps = {\n    customStyle: {\n      backgroundColor: active ? convert(`color(${primarySkinColor} a(0.07))`) : '#FFFFFF',\n      color: active ? primarySkinColor : '#9999A8',\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out',\n      width: 'fit-content'\n    },\n    onClick,\n    content: <Content />,\n    'data-name': 'change-skill-focus-button'\n  };\n\n  return <ButtonLink {...buttonProps} />;\n};\n\nFilterButton.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nFilterButton.propTypes = {\n  active: PropTypes.bool,\n  filter: PropTypes.string,\n  skillTotal: PropTypes.number,\n  onClick: PropTypes.func\n};\n\nconst MyLearning = (props, context) => {\n  const {\n    skills,\n    selectedSkills = [],\n    skillsInformation,\n    skillsLocales,\n    learnerFeature = true,\n    isLoading,\n    onSkillFocusConfirm,\n    onReviewSkill,\n    onExploreSkill,\n    learningPriorities\n  } = props;\n  const {skin, translate} = context;\n  const primarySkinColor = get('common.primary', skin);\n  const [open, setOpen] = useState(false);\n  const [selectedSkillsList, setSelectedSkillsList] = useState(selectedSkills);\n  const [skillFocusSelectedOnChart, setSkillFocusSelectedOnChart] = useState(undefined);\n  const [searchValue, setSearchValue] = useState('');\n  const [searchResults, setSearchResults] = useState(\n    sortBy(skillRef => -getOr(0, [skillRef, 'stats', 'score'], skillsInformation), skills)\n  );\n  const [activeFilter, setActiveFilter] = useState('all');\n\n  const skillsReviewReady = useMemo(() => {\n    return searchResults.filter(skill =>\n      skillsInformation[skill] ? skillsInformation[skill].availableForReview : false\n    );\n  }, [searchResults, skillsInformation]);\n\n  const graphDatas = useMemo(\n    () =>\n      pipe(\n        map(skill => [skill, getOr(0, [skill, 'stats', 'score'], skillsInformation).toFixed(1)]),\n        fromPairs\n      )(selectedSkillsList),\n    [selectedSkillsList, skillsInformation]\n  );\n\n  const graphLegends = useMemo(\n    () =>\n      pipe(\n        map(skill => [skill, skillsLocales[skill]]),\n        fromPairs\n      )(selectedSkillsList),\n    [selectedSkillsList, skillsLocales]\n  );\n\n  const filters = useMemo(() => {\n    return {\n      all: searchResults,\n      review: skillsReviewReady\n    };\n  }, [searchResults, skillsReviewReady]);\n\n  const sumKpi = useCallback(\n    kpi => {\n      const skillFocusSelectedOnChartScore = getOr(\n        0,\n        [skillFocusSelectedOnChart, 'stats', `${kpi}`],\n        skillsInformation\n      );\n      return skillFocusSelectedOnChart\n        ? skillFocusSelectedOnChartScore\n        : sumBy(\n            skill => (skillsInformation[skill] ? skillsInformation[skill].stats[kpi] : 0),\n            selectedSkillsList\n          );\n    },\n    [skillFocusSelectedOnChart, skillsInformation, selectedSkillsList]\n  );\n\n  const coursedCompletedData = useMemo(() => sumKpi('contentCompleted'), [sumKpi]);\n\n  const questionsToReviewData = useMemo(() => sumKpi('questionsToReview'), [sumKpi]);\n\n  const learningTimeData = useMemo(() => sumKpi('learningTime'), [sumKpi]);\n\n  const skillChartPaneLegends = useMemo(\n    () =>\n      translate('skill_scope_specifier', {\n        focusedSkill: skillFocusSelectedOnChart\n          ? skillsLocales[skillFocusSelectedOnChart]\n          : translate('focused_skills')\n      }),\n    [translate, skillsLocales, skillFocusSelectedOnChart]\n  );\n  const skillChartPanelProps = [\n    {\n      title: translate('skill_chart_side_panel_content_completed'),\n      value: `${coursedCompletedData}`,\n      legend: skillChartPaneLegends,\n      icon: {iconName: 'book-open-cover', backgroundColor: '#D9F4F7'}\n    },\n    {\n      title: translate('skill_chart_side_panel_learning_hours'),\n      value: formatMinutes(learningTimeData),\n      legend: skillChartPaneLegends,\n      icon: {iconName: 'clock', backgroundColor: '#FAD6DE'}\n    },\n    {\n      title: translate('skill_chart_side_panel_questions_to_review'),\n      value: `${questionsToReviewData}`,\n      legend: skillChartPaneLegends,\n      icon: {iconName: 'circle-question', backgroundColor: '#FFDCD1'}\n    }\n  ];\n\n  const skillsScore = useMemo(\n    () =>\n      pipe(\n        map(skill => [skill, getOr(0, [skill, 'stats', 'score'], skillsInformation)]),\n        fromPairs\n      )(skills),\n    [skills, skillsInformation]\n  );\n\n  const handleOnDotClick = useCallback(\n    skillRef => {\n      setSkillFocusSelectedOnChart(skillRef);\n    },\n    [setSkillFocusSelectedOnChart]\n  );\n  const handleOpenSkillPicker = useCallback(() => setOpen(true), [setOpen]);\n  const handleCloseSkillPicker = useCallback(() => setOpen(false), [setOpen]);\n  const handleConfirmSkillPicker = useCallback(\n    focusSkillList => {\n      setSelectedSkillsList(focusSkillList);\n      onSkillFocusConfirm(focusSkillList);\n      setOpen(false);\n    },\n    [onSkillFocusConfirm, setSelectedSkillsList, setOpen]\n  );\n  const handleSearch = useCallback(\n    value => {\n      setSearchValue(value);\n      setSearchResults(skills.filter(skill => searchValueIncluded(skillsLocales[skill], value)));\n    },\n    [skills, skillsLocales, setSearchValue, setSearchResults]\n  );\n  const handleSearchReset = useCallback(() => {\n    setSearchValue('');\n    setSearchResults(skills);\n  }, [skills, setSearchValue, setSearchResults]);\n\n  const ReviewTooltipContent = useCallback(\n    () => (\n      <div>\n        <div>\n          <b>{translate('review_mode_tooltip_header')}</b>\n        </div>\n        <p>{translate('review_mode_tooltip_content')}</p>\n        <ol>\n          <li>{translate('review_mode_tooltip_content_part1')}</li>\n          <li>{translate('review_mode_tooltip_content_part2')}</li>\n          <li>{translate('review_mode_tooltip_content_part3')}</li>\n          <li>{translate('review_mode_tooltip_content_part4')}</li>\n        </ol>\n      </div>\n    ),\n    [translate]\n  );\n\n  return (\n    <div className={style.backgroundContainer}>\n      {isEmpty(learningPriorities?.cards) ? null : (\n        <div className={style.cardsListContainer}>\n          <CardsList\n            {...learningPriorities}\n            title={\n              <Title\n                {...{\n                  type: 'form-group',\n                  title: translate('learning_priorities'),\n                  subtitle: translate('learning_priorities_description'),\n                  icon: {\n                    iconName: 'sign-post',\n                    iconColor: '#A32700',\n                    borderRadius: '12px',\n                    backgroundColor: '#FFDCD1'\n                  },\n                  tag: {\n                    label: `${size(learningPriorities.cards)}`,\n                    type: 'default',\n                    size: 'S'\n                  }\n                }}\n              />\n            }\n          />\n        </div>\n      )}\n      <div className={style.container}>\n        <SkillPickerModal\n          skills={skills}\n          skillsScore={skillsScore}\n          selectedSkills={selectedSkillsList}\n          skillsLocales={skillsLocales}\n          isOpen={open}\n          isLoading={isLoading}\n          onCancel={handleCloseSkillPicker}\n          onConfirm={handleConfirmSkillPicker}\n          onClose={handleCloseSkillPicker}\n        />\n        {learnerFeature ? (\n          <div data-name=\"skill-focus-container\" className={style.skillFocusContainer}>\n            <header className={style.skillFocusHeader}>\n              <div className={style.skillFocusHeaderWrapper}>\n                <div className={style.skillFocusHeaderIcon}>\n                  <Icon\n                    iconName=\"bullseye-arrow\"\n                    backgroundColor=\"#DDD1FF\"\n                    borderRadius=\"12px\"\n                    size={{faSize: 20, wrapperSize: 48}}\n                  />\n                </div>\n                <div className={style.skillFocusHeaderContent}>\n                  <div data-name=\"skill-focus-title\" className={style.skillFocusHeaderTitle}>\n                    {translate('skills_focus')}\n                  </div>\n                  <div\n                    data-name=\"skill-focus-description\"\n                    className={style.skillFocusHeaderDescription}\n                  >\n                    {translate('skills_focus_description')}\n                  </div>\n                </div>\n              </div>\n              {selectedSkillsList.length >= 3 ? (\n                <ChangeSkillFocusButton onClick={handleOpenSkillPicker} />\n              ) : null}\n            </header>\n            {selectedSkillsList.length >= 3 ? (\n              <div className={style.skillFocusContent}>\n                <div className={style.radarContainer}>\n                  <ResponsiveLearningProfileRadarChart\n                    totalDataset={1}\n                    height={424}\n                    width={680}\n                    data={graphDatas}\n                    legend={graphLegends}\n                    onClick={handleOnDotClick}\n                    onExploreClick={onExploreSkill}\n                    colors={[\n                      {\n                        gradient: {\n                          fill: ['#0062ffff', '#8000ff85'],\n                          stroke: ['#0062ffff', '#8000FF']\n                        },\n                        percentage: {\n                          color: primarySkinColor,\n                          background: convert(`color(${primarySkinColor} a(0.07))`)\n                        },\n                        label: {\n                          color: '#020202ff'\n                        }\n                      }\n                    ]}\n                  />\n                </div>\n                <SkillsChartSideInformationPanel sidePanelItems={skillChartPanelProps} />\n              </div>\n            ) : (\n              <div className={style.skillFocusEmpty}>\n                <Picture\n                  className={style.img}\n                  src=\"https://static.coorpacademy.com/assets/images/mylearning-no-skill-selected-placeholder.svg\"\n                  alt=\"demo\"\n                />\n                <div className={style.skillFocusEmptyTitle}>\n                  {translate('skills_focus_empty_title')}\n                </div>\n                <div className={style.skillFocusEmptyDescription}>\n                  {translate('skills_focus_empty_description')}\n                </div>\n                <div>\n                  <ButtonLink\n                    label={translate('skills_choose_focus')}\n                    type=\"primary\"\n                    customStyle={{\n                      width: 'fit-contain',\n                      backgroundColor: primarySkinColor\n                    }}\n                    hoverBackgroundColor={convert(\n                      `hsl(from ${primarySkinColor} h s calc(l*(1 - 0.08)))`\n                    )}\n                    onClick={handleOpenSkillPicker}\n                  />\n                </div>\n              </div>\n            )}\n          </div>\n        ) : null}\n        <header className={style.skillListHeader}>\n          <div className={style.skillListHeaderIcon}>\n            <Icon\n              iconName=\"dumbbell\"\n              backgroundColor=\"#FFF9D1\"\n              size={{faSize: 20, wrapperSize: 48}}\n            />\n          </div>\n          <div className={style.skillListHeaderContent}>\n            <div className={style.skillListHeaderTitle}>{translate('skills_section_title')}</div>\n            <div className={style.skillListHeaderDescription}>\n              {translate('skills_section_description')}\n              <ToolTip\n                fontSize={12}\n                iconContainerClassName={style.infoIconTooltip}\n                tooltipClassName={style.tooltip}\n                TooltipContent={ReviewTooltipContent}\n                closeToolTipInformationTextAriaLabel={translate('close_tooltip_information')}\n              />\n            </div>\n          </div>\n        </header>\n        <div className={style.toolBarContainer}>\n          <div className={style.skillFilterContainer}>\n            {keys(filters).map((filter, index) => {\n              function handleFilterClick() {\n                setActiveFilter(filter);\n              }\n\n              return (\n                <div key={index}>\n                  <FilterButton\n                    active={activeFilter === filter}\n                    filter={\n                      filter === 'all' ? translate('all') : translate('review_mode_available')\n                    }\n                    skillTotal={filters[filter].length}\n                    onClick={handleFilterClick}\n                  />\n                </div>\n              );\n            })}\n          </div>\n          <div className={style.searchWrapper}>\n            <SearchForm\n              search={{\n                placeholder: translate('search_place_holder'),\n                value: searchValue,\n                onChange: handleSearch\n              }}\n              onReset={handleSearchReset}\n            />\n          </div>\n        </div>\n        {searchValue && searchResults.length === 0 ? (\n          <div className={style.emptySearchResultContainer}>\n            <div className={style.emptySearchResultTitle}>\n              {translate('empty_search_result_title', {searchValue})}\n            </div>\n            <div className={style.emptySearchResultDescription}>\n              {translate('empty_search_result_description')}\n            </div>\n            <div className={style.emptySearchResultClearSearch} onClick={handleSearchReset}>\n              {translate('empty_search_result_clear_search')}\n            </div>\n          </div>\n        ) : (\n          <div className={style.skillListContainer}>\n            {activeFilter === 'review_mode_available' && filters[activeFilter].length === 0 ? (\n              <div className={style.skillListEmptyContainer}>\n                <ReviewNoSkills\n                  titleNoSkills={translate('review_skill_empty')}\n                  textNoSkills={translate('review_skill_empty_description')}\n                  iconSkillAriaLabel={translate('review_skill_empty')}\n                  imagePosition=\"top\"\n                />\n              </div>\n            ) : (\n              filters[activeFilter].map((skill, index) => {\n                const defaultStats = {\n                  score: 0,\n                  content: 0,\n                  contentCompleted: 0,\n                  questionsToReview: 0\n                };\n\n                function handleReviewSkill() {\n                  onReviewSkill(skill);\n                }\n                function handleExploreSkill() {\n                  onExploreSkill(skill);\n                }\n                const {score, content, questionsToReview} = skillsInformation[skill]\n                  ? skillsInformation[skill].stats\n                  : defaultStats;\n                return (\n                  <div key={index}>\n                    <LearnerSkillCard\n                      skillTitle={skillsLocales[skill]}\n                      focus={selectedSkills.includes(skill)}\n                      metrics={{\n                        score: score.toFixed(1),\n                        content,\n                        questionsToReview\n                      }}\n                      review={\n                        skillsInformation[skill]\n                          ? skillsInformation[skill].availableForReview\n                          : false\n                      }\n                      onReviewClick={handleReviewSkill}\n                      onExploreClick={handleExploreSkill}\n                    />\n                  </div>\n                );\n              })\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nMyLearning.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nMyLearning.propTypes = {\n  skills: PropTypes.arrayOf(PropTypes.string),\n  selectedSkills: PropTypes.arrayOf(PropTypes.string),\n  skillsInformation: PropTypes.objectOf(\n    PropTypes.shape({\n      availableForReview: PropTypes.bool,\n      stats: PropTypes.shape({\n        score: PropTypes.number,\n        content: PropTypes.number,\n        contentCompleted: PropTypes.number,\n        questionsToReview: PropTypes.number,\n        learningTime: PropTypes.number\n      })\n    })\n  ),\n  skillsLocales: PropTypes.objectOf(PropTypes.string),\n  learnerFeature: PropTypes.bool,\n  isLoading: PropTypes.bool,\n  onSkillFocusConfirm: PropTypes.func,\n  onReviewSkill: PropTypes.func,\n  onExploreSkill: PropTypes.func,\n  learningPriorities: PropTypes.shape(CardsList.propTypes)\n};\n\nexport default MyLearning;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_cssColorFunction","_provider","_icon","_picture","_buttonLink","_tooltip","_reviewNoSkills","_searchForm","_skillPickerModal","_learningProfileRadarChart","_skillsChartSideInformationPanel","_learnerSkillCard","_searchValueIncluded","_timeFormat","_cardsList","_title","_colors","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","roundScore","value","Math","round","ChangeSkillFocusButton","props","context","onClick","skin","translate","primarySkinColor","_get2","createElement","customStyle","backgroundColor","convert","color","transition","hoverBackgroundColor","hoverColor","COLORS","white","label","icon","position","faIcon","name","size","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","func","FilterButton","active","filter","skillTotal","Content","useCallback","className","style","skillFilterNumber","skillFilterNumberInActive","gray","cm_grey_500","buttonProps","cm_grey_400","width","content","bool","string","number","MyLearning","skills","selectedSkills","skillsInformation","skillsLocales","learnerFeature","isLoading","onSkillFocusConfirm","onExploreSkill","learningPriorities","open","setOpen","useState","selectedSkillsList","setSelectedSkillsList","skillFocusSelectedOnChart","setSkillFocusSelectedOnChart","undefined","searchValue","setSearchValue","searchResults","setSearchResults","_sortBy2","skillRef","_getOr2","activeFilter","setActiveFilter","skillsReviewReady","useMemo","skill","availableForReview","graphDatas","_pipe2","_map2","_fromPairs2","graphLegends","filters","all","review","sumKpi","kpi","skillFocusSelectedOnChartScore","_sumBy2","stats","coursedCompletedData","questionsToReviewData","learningTimeData","skillChartPaneLegends","focusedSkill","skillChartPanelProps","title","legend","iconName","turquoise_100","formatMinutes","pink_100","orange_100","skillsScore","handleOnDotClick","handleOpenSkillPicker","handleCloseSkillPicker","handleConfirmSkillPicker","focusSkillList","handleSearch","searchValueIncluded","handleSearchReset","ReviewTooltipContent","backgroundContainer","_isEmpty2","cards","cardsListContainer","type","subtitle","iconColor","cm_orange_800","borderRadius","tag","_size2","container","isOpen","onCancel","onConfirm","onClose","skillFocusContainer","skillFocusHeader","skillFocusHeaderWrapper","skillFocusHeaderIcon","purple_100","faSize","wrapperSize","skillFocusHeaderContent","skillFocusHeaderTitle","skillFocusHeaderDescription","skillFocusContent","radarContainer","totalDataset","height","data","onExploreClick","colors","gradient","fill","stroke","percentage","background","sidePanelItems","skillFocusEmpty","img","src","alt","skillFocusEmptyTitle","skillFocusEmptyDescription","skillListHeader","skillListHeaderIcon","yellow_100","skillListHeaderContent","skillListHeaderTitle","skillListHeaderDescription","fontSize","iconContainerClassName","infoIconTooltip","tooltipClassName","tooltip","TooltipContent","closeToolTipInformationTextAriaLabel","toolBarContainer","skillFilterContainer","_keys2","map","index","handleFilterClick","key","searchWrapper","search","placeholder","onChange","onReset","emptySearchResultContainer","emptySearchResultTitle","emptySearchResultDescription","emptySearchResultClearSearch","skillListContainer","skillListEmptyContainer","titleNoSkills","textNoSkills","iconSkillAriaLabel","imagePosition","defaultStats","score","contentCompleted","questionsToReview","handleExploreSkill","skillTitle","cardIndex","focus","includes","metrics","arrayOf","objectOf","shape","learningTime","CardsList","_default","exports"],"sources":["../../../src/template/my-learning/index.js"],"sourcesContent":["import React, {useCallback, useState, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {convert} from 'css-color-function';\nimport {get, keys, map, fromPairs, pipe, sumBy, getOr, sortBy, size, isEmpty} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Icon from '../../atom/icon';\nimport Picture from '../../atom/picture';\nimport ButtonLink from '../../atom/button-link';\nimport ToolTip from '../../atom/tooltip';\nimport ReviewNoSkills from '../../organism/review-no-skills';\nimport SearchForm from '../../molecule/search-form';\nimport SkillPickerModal from '../../molecule/skill-picker-modal';\nimport ResponsiveLearningProfileRadarChart from '../../molecule/learning-profile-radar-chart';\nimport SkillsChartSideInformationPanel from '../../molecule/skills-chart-side-information-panel';\nimport LearnerSkillCard from '../../molecule/learner-skill-card';\nimport searchValueIncluded from '../../util/search-value-included';\nimport {formatMinutes} from '../../util/time-format';\nimport CardsList from '../../molecule/dashboard/cards-list';\nimport Title from '../../atom/title';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst roundScore = value => Math.round(value * 10) / 10;\n\nconst ChangeSkillFocusButton = (props, context) => {\n  const {onClick} = props;\n  const {skin, translate} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  return (\n    <div data-name=\"button-explore-wrapper\">\n      <ButtonLink\n        customStyle={{\n          backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n          color: primarySkinColor,\n          transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n        }}\n        hoverBackgroundColor={primarySkinColor}\n        hoverColor={COLORS.white}\n        onClick={onClick}\n        label={translate('skills_change_focus')}\n        data-name=\"change-skill-focus-button\"\n        icon={{\n          position: 'left',\n          faIcon: {\n            name: 'arrows-rotate',\n            backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n            color: primarySkinColor,\n            size: 16\n          }\n        }}\n      />\n    </div>\n  );\n};\n\nChangeSkillFocusButton.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nChangeSkillFocusButton.propTypes = {\n  onClick: PropTypes.func\n};\n\nconst FilterButton = (props, context) => {\n  const {active, filter, skillTotal, onClick} = props;\n  const {skin} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  const Content = useCallback(\n    () => (\n      <div>\n        {filter}\n        <span\n          className={active ? style.skillFilterNumber : style.skillFilterNumberInActive}\n          style={{\n            backgroundColor: active ? convert(`color(${primarySkinColor} a(0.07))`) : COLORS.gray,\n            color: active ? primarySkinColor : COLORS.cm_grey_500\n          }}\n        >\n          {skillTotal}\n        </span>\n      </div>\n    ),\n    [filter, skillTotal, active, primarySkinColor]\n  );\n\n  const buttonProps = {\n    customStyle: {\n      backgroundColor: active ? convert(`color(${primarySkinColor} a(0.07))`) : COLORS.white,\n      color: active ? primarySkinColor : COLORS.cm_grey_400,\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out',\n      width: 'fit-content'\n    },\n    onClick,\n    content: <Content />,\n    'data-name': 'change-skill-focus-button'\n  };\n\n  return <ButtonLink {...buttonProps} />;\n};\n\nFilterButton.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nFilterButton.propTypes = {\n  active: PropTypes.bool,\n  filter: PropTypes.string,\n  skillTotal: PropTypes.number,\n  onClick: PropTypes.func\n};\n\nconst MyLearning = (props, context) => {\n  const {\n    skills,\n    selectedSkills = [],\n    skillsInformation,\n    skillsLocales,\n    learnerFeature = true,\n    isLoading,\n    onSkillFocusConfirm,\n    onExploreSkill,\n    learningPriorities\n  } = props;\n  const {skin, translate} = context;\n  const primarySkinColor = get('common.primary', skin);\n  const [open, setOpen] = useState(false);\n  const [selectedSkillsList, setSelectedSkillsList] = useState(selectedSkills);\n  const [skillFocusSelectedOnChart, setSkillFocusSelectedOnChart] = useState(undefined);\n  const [searchValue, setSearchValue] = useState('');\n  const [searchResults, setSearchResults] = useState(\n    sortBy(skillRef => -getOr(0, [skillRef, 'stats', 'score'], skillsInformation), skills)\n  );\n  const [activeFilter, setActiveFilter] = useState('all');\n\n  const skillsReviewReady = useMemo(() => {\n    return searchResults.filter(skill =>\n      skillsInformation[skill] ? skillsInformation[skill].availableForReview : false\n    );\n  }, [searchResults, skillsInformation]);\n\n  const graphDatas = useMemo(\n    () =>\n      pipe(\n        map(skill => [skill, roundScore(getOr(0, [skill, 'stats', 'score'], skillsInformation))]),\n        fromPairs\n      )(selectedSkillsList),\n    [selectedSkillsList, skillsInformation]\n  );\n\n  const graphLegends = useMemo(\n    () =>\n      pipe(\n        map(skill => [skill, skillsLocales[skill]]),\n        fromPairs\n      )(selectedSkillsList),\n    [selectedSkillsList, skillsLocales]\n  );\n\n  const filters = useMemo(() => {\n    return {\n      all: searchResults,\n      review: skillsReviewReady\n    };\n  }, [searchResults, skillsReviewReady]);\n\n  const sumKpi = useCallback(\n    kpi => {\n      const skillFocusSelectedOnChartScore = getOr(\n        0,\n        [skillFocusSelectedOnChart, 'stats', `${kpi}`],\n        skillsInformation\n      );\n      return skillFocusSelectedOnChart\n        ? skillFocusSelectedOnChartScore\n        : sumBy(\n            skill => (skillsInformation[skill] ? skillsInformation[skill].stats[kpi] : 0),\n            selectedSkillsList\n          );\n    },\n    [skillFocusSelectedOnChart, skillsInformation, selectedSkillsList]\n  );\n\n  const coursedCompletedData = useMemo(() => sumKpi('contentCompleted'), [sumKpi]);\n\n  const questionsToReviewData = useMemo(() => sumKpi('questionsToReview'), [sumKpi]);\n\n  const learningTimeData = useMemo(() => sumKpi('learningTime'), [sumKpi]);\n\n  const skillChartPaneLegends = useMemo(\n    () =>\n      translate('skill_scope_specifier', {\n        focusedSkill: skillFocusSelectedOnChart\n          ? skillsLocales[skillFocusSelectedOnChart]\n          : translate('focused_skills')\n      }),\n    [translate, skillsLocales, skillFocusSelectedOnChart]\n  );\n  const skillChartPanelProps = [\n    {\n      title: translate('skill_chart_side_panel_content_completed'),\n      value: `${coursedCompletedData}`,\n      legend: skillChartPaneLegends,\n      icon: {iconName: 'book-open-cover', backgroundColor: COLORS.turquoise_100}\n    },\n    {\n      title: translate('skill_chart_side_panel_learning_hours'),\n      value: formatMinutes(learningTimeData),\n      legend: skillChartPaneLegends,\n      icon: {iconName: 'clock', backgroundColor: COLORS.pink_100}\n    },\n    {\n      title: translate('skill_chart_side_panel_questions_to_review'),\n      value: `${questionsToReviewData}`,\n      legend: skillChartPaneLegends,\n      icon: {iconName: 'circle-question', backgroundColor: COLORS.orange_100}\n    }\n  ];\n\n  const skillsScore = useMemo(\n    () =>\n      pipe(\n        map(skill => [skill, getOr(0, [skill, 'stats', 'score'], skillsInformation)]),\n        fromPairs\n      )(skills),\n    [skills, skillsInformation]\n  );\n\n  const handleOnDotClick = useCallback(\n    skillRef => {\n      setSkillFocusSelectedOnChart(skillRef);\n    },\n    [setSkillFocusSelectedOnChart]\n  );\n  const handleOpenSkillPicker = useCallback(() => setOpen(true), [setOpen]);\n  const handleCloseSkillPicker = useCallback(() => setOpen(false), [setOpen]);\n  const handleConfirmSkillPicker = useCallback(\n    focusSkillList => {\n      setSelectedSkillsList(focusSkillList);\n      onSkillFocusConfirm(focusSkillList);\n      setOpen(false);\n    },\n    [onSkillFocusConfirm, setSelectedSkillsList, setOpen]\n  );\n  const handleSearch = useCallback(\n    value => {\n      setSearchValue(value);\n      setSearchResults(skills.filter(skill => searchValueIncluded(skillsLocales[skill], value)));\n    },\n    [skills, skillsLocales, setSearchValue, setSearchResults]\n  );\n  const handleSearchReset = useCallback(() => {\n    setSearchValue('');\n    setSearchResults(skills);\n  }, [skills, setSearchValue, setSearchResults]);\n\n  const ReviewTooltipContent = useCallback(\n    () => (\n      <div>\n        <div>\n          <b>{translate('review_mode_tooltip_header')}</b>\n        </div>\n        <p>{translate('review_mode_tooltip_content')}</p>\n        <ol>\n          <li>{translate('review_mode_tooltip_content_part1')}</li>\n          <li>{translate('review_mode_tooltip_content_part2')}</li>\n          <li>{translate('review_mode_tooltip_content_part3')}</li>\n          <li>{translate('review_mode_tooltip_content_part4')}</li>\n        </ol>\n      </div>\n    ),\n    [translate]\n  );\n\n  return (\n    <div className={style.backgroundContainer}>\n      {isEmpty(learningPriorities?.cards) ? null : (\n        <div className={style.cardsListContainer}>\n          <CardsList\n            {...learningPriorities}\n            title={\n              <Title\n                {...{\n                  type: 'form-group',\n                  title: translate('learning_priorities'),\n                  subtitle: translate('learning_priorities_description'),\n                  icon: {\n                    iconName: 'sign-post',\n                    iconColor: COLORS.cm_orange_800,\n                    borderRadius: '12px',\n                    backgroundColor: COLORS.orange_100\n                  },\n                  tag: {\n                    label: `${size(learningPriorities.cards)}`,\n                    type: 'default',\n                    size: 'S'\n                  }\n                }}\n              />\n            }\n          />\n        </div>\n      )}\n      <div className={style.container}>\n        <SkillPickerModal\n          skills={skills}\n          skillsScore={skillsScore}\n          selectedSkills={selectedSkillsList}\n          skillsLocales={skillsLocales}\n          isOpen={open}\n          isLoading={isLoading}\n          onCancel={handleCloseSkillPicker}\n          onConfirm={handleConfirmSkillPicker}\n          onClose={handleCloseSkillPicker}\n        />\n        {learnerFeature ? (\n          <div data-name=\"skill-focus-container\" className={style.skillFocusContainer}>\n            <header className={style.skillFocusHeader}>\n              <div className={style.skillFocusHeaderWrapper}>\n                <div className={style.skillFocusHeaderIcon}>\n                  <Icon\n                    iconName=\"bullseye-arrow\"\n                    backgroundColor={COLORS.purple_100}\n                    borderRadius=\"12px\"\n                    size={{faSize: 20, wrapperSize: 48}}\n                  />\n                </div>\n                <div className={style.skillFocusHeaderContent}>\n                  <div data-name=\"skill-focus-title\" className={style.skillFocusHeaderTitle}>\n                    {translate('skills_focus')}\n                  </div>\n                  <div\n                    data-name=\"skill-focus-description\"\n                    className={style.skillFocusHeaderDescription}\n                  >\n                    {translate('skills_focus_description')}\n                  </div>\n                </div>\n              </div>\n              {selectedSkillsList.length >= 3 ? (\n                <ChangeSkillFocusButton onClick={handleOpenSkillPicker} />\n              ) : null}\n            </header>\n            {selectedSkillsList.length >= 3 ? (\n              <div className={style.skillFocusContent}>\n                <div className={style.radarContainer}>\n                  <ResponsiveLearningProfileRadarChart\n                    totalDataset={1}\n                    height={424}\n                    width={680}\n                    data={graphDatas}\n                    legend={graphLegends}\n                    onClick={handleOnDotClick}\n                    onExploreClick={onExploreSkill}\n                    colors={[\n                      {\n                        gradient: {\n                          fill: ['#0062ffff', '#8000ff85'],\n                          stroke: ['#0062ffff', '#8000FF']\n                        },\n                        percentage: {\n                          color: primarySkinColor,\n                          background: convert(`color(${primarySkinColor} a(0.07))`)\n                        },\n                        label: {\n                          color: '#020202ff'\n                        }\n                      }\n                    ]}\n                  />\n                </div>\n                <SkillsChartSideInformationPanel sidePanelItems={skillChartPanelProps} />\n              </div>\n            ) : (\n              <div className={style.skillFocusEmpty}>\n                <Picture\n                  className={style.img}\n                  src=\"https://static.coorpacademy.com/assets/images/mylearning-no-skill-selected-placeholder.svg\"\n                  alt=\"demo\"\n                />\n                <div className={style.skillFocusEmptyTitle}>\n                  {translate('skills_focus_empty_title')}\n                </div>\n                <div className={style.skillFocusEmptyDescription}>\n                  {translate('skills_focus_empty_description')}\n                </div>\n                <div>\n                  <ButtonLink\n                    label={translate('skills_choose_focus')}\n                    type=\"primary\"\n                    customStyle={{\n                      width: 'fit-contain',\n                      backgroundColor: primarySkinColor\n                    }}\n                    hoverBackgroundColor={convert(\n                      `hsl(from ${primarySkinColor} h s calc(l*(1 - 0.08)))`\n                    )}\n                    onClick={handleOpenSkillPicker}\n                  />\n                </div>\n              </div>\n            )}\n          </div>\n        ) : null}\n        <header className={style.skillListHeader}>\n          <div className={style.skillListHeaderIcon}>\n            <Icon\n              iconName=\"dumbbell\"\n              backgroundColor={COLORS.yellow_100}\n              size={{faSize: 20, wrapperSize: 48}}\n            />\n          </div>\n          <div className={style.skillListHeaderContent}>\n            <div className={style.skillListHeaderTitle}>{translate('skills_section_title')}</div>\n            <div className={style.skillListHeaderDescription}>\n              {translate('skills_section_description')}\n              <ToolTip\n                fontSize={12}\n                iconContainerClassName={style.infoIconTooltip}\n                tooltipClassName={style.tooltip}\n                TooltipContent={ReviewTooltipContent}\n                closeToolTipInformationTextAriaLabel={translate('close_tooltip_information')}\n              />\n            </div>\n          </div>\n        </header>\n        <div className={style.toolBarContainer}>\n          <div className={style.skillFilterContainer}>\n            {keys(filters).map((filter, index) => {\n              function handleFilterClick() {\n                setActiveFilter(filter);\n              }\n\n              return (\n                <div key={index}>\n                  <FilterButton\n                    active={activeFilter === filter}\n                    filter={\n                      filter === 'all' ? translate('all') : translate('review_mode_available')\n                    }\n                    skillTotal={filters[filter].length}\n                    onClick={handleFilterClick}\n                  />\n                </div>\n              );\n            })}\n          </div>\n          <div className={style.searchWrapper}>\n            <SearchForm\n              search={{\n                placeholder: translate('search_place_holder'),\n                value: searchValue,\n                onChange: handleSearch\n              }}\n              onReset={handleSearchReset}\n            />\n          </div>\n        </div>\n        {searchValue && searchResults.length === 0 ? (\n          <div className={style.emptySearchResultContainer}>\n            <div className={style.emptySearchResultTitle}>\n              {translate('empty_search_result_title', {searchValue})}\n            </div>\n            <div className={style.emptySearchResultDescription}>\n              {translate('empty_search_result_description')}\n            </div>\n            <div className={style.emptySearchResultClearSearch} onClick={handleSearchReset}>\n              {translate('empty_search_result_clear_search')}\n            </div>\n          </div>\n        ) : (\n          <div className={style.skillListContainer}>\n            {activeFilter === 'review' && filters[activeFilter].length === 0 ? (\n              <div className={style.skillListEmptyContainer}>\n                <ReviewNoSkills\n                  titleNoSkills={translate('review_skill_empty')}\n                  textNoSkills={translate('review_skill_empty_description')}\n                  iconSkillAriaLabel={translate('review_skill_empty')}\n                  imagePosition=\"top\"\n                />\n              </div>\n            ) : (\n              filters[activeFilter].map((skill, index) => {\n                const defaultStats = {\n                  score: 0,\n                  content: 0,\n                  contentCompleted: 0,\n                  questionsToReview: 0\n                };\n\n                function handleExploreSkill() {\n                  onExploreSkill(skill);\n                }\n                const {score, content, questionsToReview} = skillsInformation[skill]\n                  ? skillsInformation[skill].stats\n                  : defaultStats;\n                const {color, name} = get([skill, 'icon'], skillsInformation);\n                return (\n                  <div key={index}>\n                    <LearnerSkillCard\n                      skillTitle={skillsLocales[skill]}\n                      cardIndex={index}\n                      focus={selectedSkills.includes(skill)}\n                      metrics={{\n                        score,\n                        content,\n                        questionsToReview\n                      }}\n                      icon={{color, name}}\n                      onExploreClick={handleExploreSkill}\n                    />\n                  </div>\n                );\n              })\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nMyLearning.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nMyLearning.propTypes = {\n  skills: PropTypes.arrayOf(PropTypes.string),\n  selectedSkills: PropTypes.arrayOf(PropTypes.string),\n  skillsInformation: PropTypes.objectOf(\n    PropTypes.shape({\n      availableForReview: PropTypes.bool,\n      stats: PropTypes.shape({\n        score: PropTypes.number,\n        content: PropTypes.number,\n        contentCompleted: PropTypes.number,\n        questionsToReview: PropTypes.number,\n        learningTime: PropTypes.number\n      })\n    })\n  ),\n  skillsLocales: PropTypes.objectOf(PropTypes.string),\n  learnerFeature: PropTypes.bool,\n  isLoading: PropTypes.bool,\n  onSkillFocusConfirm: PropTypes.func,\n  onExploreSkill: PropTypes.func,\n  learningPriorities: PropTypes.shape(CardsList.propTypes)\n};\n\nexport default MyLearning;\n"],"mappings":"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","ignoreList":[]}

package/lib/template/my-learning/style.css

@@ -6,6 +6,9 @@
 @value cm_grey_50 from colors;
 @value cm_grey_100 from colors;
 @value cm_grey_500 from colors;
+@value primary_100 from colors;
+@value cm_primary_blue from colors;
+@value white from colors;
 
 .backgroundContainer {
   background-color: white;
@@ -153,8 +156,8 @@
 .skillFilterNumber,
 .skillFilterNumberInActive {
   border-radius: 50%;
-  background-color: #D6E6FF;
-  color: #0061FF;
+  background-color: primary_100;
+  color: cm_primary_blue;
   padding: 2px 4px;
   margin-left: 8px;
   font-size: 10px;
@@ -163,8 +166,8 @@
 }
 
 .skillFilterNumberInActive {
-  background-color: #EAEAEB;
-  color: #515161;
+  background-color: cm_grey_100;
+  color: cm_grey_500;
 }
 
 .searchWrapper {
@@ -180,7 +183,7 @@
 .tooltip {
   padding: 8px 12px;
   width: 238px;
-  color: #FFF;
+  color: white;
   font-size: 12px;
   font-style: normal;
   line-height: 16px;
@@ -229,7 +232,7 @@
 }
 
 .emptySearchResultClearSearch {
-  color: #0061FF;
+  color: cm_primary_blue;
   font-size: 14px;
   font-style: normal;
   font-weight: 600;

package/lib/template/skill-detail/all-courses.css

@@ -21,8 +21,8 @@
 
 .continueLearningNumber {
   border-radius: 12px;
-  background-color: #EAEAEB;
-  color: #515161;
+  background-color: cm_grey_100;
+  color: cm_grey_500;
   padding: 2px 4px;
   margin-left: 8px;
   font-size: 10px;
@@ -49,6 +49,7 @@
   font-size: 14px;
   font-style: normal;
   font-weight: 600;
+  margin-right: 16px;
 }
 
 .sortWrapper {

package/lib/template/skill-detail/all-courses.d.ts

@@ -1,8 +1,43 @@
-export default AllCourses;
-declare function AllCourses(props: any, context: any): JSX.Element;
-declare namespace AllCourses {
-    namespace contextTypes {
-        const skin: PropTypes.Requireable<PropTypes.InferProps<{
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+import { CardsGridProps } from '../../organism/cards-grid';
+interface ProviderContext {
+    skin: {
+        common: {
+            primary: string;
+            secondary: string;
+        };
+    };
+    translate: (key: string, options?: any) => string;
+}
+declare const AllCourses: {
+    (props: {
+        dataName?: string | undefined;
+        ariaLabel?: string | undefined;
+        selected?: boolean | undefined;
+        label?: string | undefined;
+        content: {
+            list: CardsGridProps['list'];
+            loading?: boolean;
+        };
+        totalContents?: number | undefined;
+        search: {
+            oldValue: string;
+            onChange: (value: string) => void;
+        };
+        bannerMicrolearning?: {
+            type: 'skill' | 'playlist';
+            action: () => void;
+            oldSwitchValue: boolean;
+        } | undefined;
+        filters: {
+            onChange?: ((value: string) => void) | undefined;
+            options?: unknown[] | undefined;
+        };
+        sorting?: unknown;
+    }, context: ProviderContext): JSX.Element;
+    contextTypes: {
+        skin: PropTypes.Requireable<PropTypes.InferProps<{
             common: PropTypes.Requireable<{
                 [x: string]: any;
             }>;
@@ -23,18 +58,18 @@ declare namespace AllCourses {
                 [x: string]: any;
             }>;
         }>>;
-        const translate: PropTypes.Requireable<(...args: any[]) => any>;
-    }
-    namespace propTypes {
-        const content: PropTypes.Requireable<PropTypes.InferProps<{
+        translate: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    propTypes: {
+        content: PropTypes.Requireable<PropTypes.InferProps<{
             list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
             customStyle: PropTypes.Requireable<{
                 [x: string]: string | null | undefined;
             }>;
             loading: PropTypes.Requireable<boolean>;
         }>>;
-        const totalContents: PropTypes.Requireable<number>;
-        const filters: PropTypes.Requireable<PropTypes.InferProps<{
+        totalContents: PropTypes.Requireable<number>;
+        filters: PropTypes.Requireable<PropTypes.InferProps<{
             onChange: PropTypes.Requireable<(...args: any[]) => any>;
             options: PropTypes.Requireable<(PropTypes.InferProps<{
                 name: PropTypes.Validator<string>;
@@ -43,7 +78,7 @@ declare namespace AllCourses {
                 validOption: PropTypes.Requireable<boolean>;
             }> | null | undefined)[]>;
         }>>;
-        const sorting: PropTypes.Requireable<PropTypes.InferProps<{
+        sorting: PropTypes.Requireable<PropTypes.InferProps<{
             title: PropTypes.Requireable<string>;
             name: PropTypes.Requireable<string>;
             className: PropTypes.Requireable<string>;
@@ -74,16 +109,16 @@ declare namespace AllCourses {
             'aria-label': PropTypes.Requireable<string>;
             'aria-labelledby': PropTypes.Requireable<string>;
         }>>;
-        const bannerMicrolearning: PropTypes.Requireable<PropTypes.InferProps<{
+        bannerMicrolearning: PropTypes.Requireable<PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
             action: PropTypes.Requireable<(...args: any[]) => any>;
             oldSwitchValue: PropTypes.Requireable<boolean>;
         }>>;
-        const search: PropTypes.Requireable<PropTypes.InferProps<{
+        search: PropTypes.Requireable<PropTypes.InferProps<{
             oldValue: PropTypes.Requireable<string>;
             onChange: PropTypes.Requireable<(...args: any[]) => any>;
         }>>;
-    }
-}
-import PropTypes from "prop-types";
+    };
+};
+export default AllCourses;
 //# sourceMappingURL=all-courses.d.ts.map

package/lib/template/skill-detail/all-courses.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"all-courses.d.ts","sourceRoot":"","sources":["../../../src/template/skill-detail/all-courses.js"],"names":[],"mappings":";AAgDA,mEA8JC"}
+{"version":3,"file":"all-courses.d.ts","sourceRoot":"","sources":["../../../src/template/skill-detail/all-courses.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAMnC,OAAkB,EAAC,cAAc,EAAC,MAAM,2BAA2B,CAAC;AAQpE,UAAU,eAAe;IACvB,IAAI,EAAE;QACJ,MAAM,EAAE;YACN,OAAO,EAAE,MAAM,CAAC;YAChB,SAAS,EAAE,MAAM,CAAC;SACnB,CAAC;KACH,CAAC;IACF,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,KAAK,MAAM,CAAC;CACnD;AAgDD,QAAA,MAAM,UAAU;;;;;;iBAMH;YACP,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;YAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;SACnB;;;sBAGW,MAAM;8BACE,MAAM,KAAK,IAAI;;;kBAG3B,OAAO,GAAG,UAAU;oBAClB,MAAM,IAAI;4BACF,OAAO;;;gCAGJ,MAAM,KAAK,IAAI;;;kBAG1B,OAAO;gBAEV,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgKzB,CAAC;AA0BF,eAAe,UAAU,CAAC"}