@coorpacademy/components 11.35.2-alpha.4 → 11.35.2-forcedeploy2.15

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"}

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

@@ -18,11 +18,13 @@ var _searchForm = _interopRequireDefault(require("../../molecule/search-form"));
 var _cardsGrid = _interopRequireDefault(require("../../organism/cards-grid"));
 var _inputSwitch = _interopRequireDefault(require("../../atom/input-switch"));
 var _banner = _interopRequireDefault(require("../../molecule/banner"));
+var _colors = require("../../variables/colors");
 var _allCourses = _interopRequireDefault(require("./all-courses.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); }
+// @ts-expect-error convert untypped
 const uncappedMap = _map2.default.convert({
   cap: false
 });
@@ -40,8 +42,8 @@ const FilterButton = (props, context) => {
   const primarySkinColor = (0, _get2.default)('common.primary', skin);
   const buttonProps = {
     customStyle: {
-      backgroundColor: selected ? primarySkinColor : '#E1E1E3',
-      color: selected ? '#FFFFFF' : '#515161',
+      backgroundColor: selected ? primarySkinColor : _colors.COLORS.cm_grey_150,
+      color: selected ? _colors.COLORS.white : _colors.COLORS.cm_grey_500,
       transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out',
       width: 'fit-content'
     },
@@ -72,7 +74,7 @@ const AllCourses = (props, context) => {
     filters,
     sorting,
     totalContents,
-    bannerMicrolearning = {},
+    bannerMicrolearning = undefined,
     search: {
       oldValue: oldSearchValue,
       onChange: handleSearch
@@ -86,11 +88,9 @@ const AllCourses = (props, context) => {
     list,
     loading
   } = content;
-  const {
-    type: bannerMessageType,
-    action: bannerAction,
-    oldSwitchValue
-  } = bannerMicrolearning;
+  const bannerMessageType = bannerMicrolearning?.type;
+  const bannerAction = bannerMicrolearning?.action;
+  const oldSwitchValue = bannerMicrolearning?.oldSwitchValue;
   const [showCompleted, setShowCompleted] = (0, _react.useState)(true);
   const [searchValue, setSearchValue] = (0, _react.useState)(oldSearchValue || '');
   const sortView = sorting !== undefined ? /*#__PURE__*/_react.default.createElement("div", {
@@ -110,7 +110,7 @@ const AllCourses = (props, context) => {
     setSearchValue(value);
     debounceHandleSearch(value);
   }, [debounceHandleSearch]);
-  const handleSearchReset = (0, _react.useCallback)(value => {
+  const handleSearchReset = (0, _react.useCallback)(() => {
     setSearchValue('');
     debounceHandleSearch('');
   }, [debounceHandleSearch]);
@@ -139,9 +139,9 @@ const AllCourses = (props, context) => {
     className: _allCourses.default.sortSection
   }, /*#__PURE__*/_react.default.createElement(_inputSwitch.default, {
     id: 'show-completed-courses-switch',
-    type: "switch",
     name: translate('show_completed'),
     title: translate('show_completed'),
+    theme: "default",
     "aria-label": 'Show completed courses aria label',
     value: showCompleted,
     onChange: handleShowCompletedToggle
@@ -167,7 +167,7 @@ const AllCourses = (props, context) => {
       selected
     } = filterProps;
     function handleFilterChange() {
-      onChange(value);
+      onChange && onChange(value);
     }
     return /*#__PURE__*/_react.default.createElement("div", {
       key: index,

package/lib/template/skill-detail/all-courses.js.map

@@ -1 +1 @@
-{"version":3,"file":"all-courses.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_provider","_select","_buttonLink","_searchForm","_cardsGrid","_inputSwitch","_banner","_allCourses","_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","uncappedMap","_map2","convert","cap","FilterButton","props","context","dataName","ariaLabel","selected","label","onClick","skin","primarySkinColor","_get2","buttonProps","customStyle","backgroundColor","color","transition","width","createElement","contextTypes","Provider","childContextTypes","translate","propTypes","process","env","NODE_ENV","PropTypes","string","bool","func","AllCourses","content","filters","sorting","totalContents","bannerMicrolearning","search","oldValue","oldSearchValue","onChange","handleSearch","options","list","loading","type","bannerMessageType","action","bannerAction","oldSwitchValue","showCompleted","setShowCompleted","useState","searchValue","setSearchValue","sortView","undefined","filteredContent","useMemo","_filter2","course","progress","debounceHandleSearch","_debounce2","value","onSearchChange","useCallback","handleSearchReset","handleShowCompletedToggle","prevShowCompleted","Fragment","className","style","continueLearningWrapper","continueLearningTitle","continueLearningNumber","_isNil2","_size2","searchAndSortSection","searchWrapper","placeholder","onReset","dataTestId","sortSection","id","name","title","sortWrapper","_isEmpty2","bannerWrapper","message","cta","filterWrapper","filterProps","index","handleFilterChange","key","filterButtonWrapper","divider","justifyContent","emptySearchResultContainer","emptySearchResultTitle","emptySearchResultDescription","emptySearchResultClearSearch","shape","CardsGrid","number","arrayOf","SelectOptionPropTypes","Select","oneOf","_default","exports"],"sources":["../../../src/template/skill-detail/all-courses.js"],"sourcesContent":["import React, {useState, useCallback, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get, filter, map, size, isNil, isEmpty, debounce} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Select, {SelectOptionPropTypes} from '../../atom/select';\nimport ButtonLink from '../../atom/button-link';\nimport SearchForm from '../../molecule/search-form';\nimport CardsGrid from '../../organism/cards-grid';\nimport InputSwitch from '../../atom/input-switch';\nimport Banner from '../../molecule/banner';\nimport style from './all-courses.css';\n\nconst uncappedMap = map.convert({cap: false});\n\nconst FilterButton = (props, context) => {\n  const {dataName, ariaLabel, selected, label, onClick} = props;\n  const {skin} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  const buttonProps = {\n    customStyle: {\n      backgroundColor: selected ? primarySkinColor : '#E1E1E3',\n      color: selected ? '#FFFFFF' : '#515161',\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out',\n      width: 'fit-content'\n    },\n    label,\n    onClick,\n    'data-name': dataName,\n    'aria-label': ariaLabel\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  dataName: PropTypes.string,\n  ariaLabel: PropTypes.string,\n  selected: PropTypes.bool,\n  label: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nconst AllCourses = (props, context) => {\n  const {translate} = context;\n  const {\n    content,\n    filters,\n    sorting,\n    totalContents,\n    bannerMicrolearning = {},\n    search: {oldValue: oldSearchValue, onChange: handleSearch}\n  } = props;\n  const {options, onChange} = filters;\n  const {list, loading} = content;\n  const {type: bannerMessageType, action: bannerAction, oldSwitchValue} = bannerMicrolearning;\n  const [showCompleted, setShowCompleted] = useState(true);\n  const [searchValue, setSearchValue] = useState(oldSearchValue || '');\n\n  const sortView =\n    sorting !== undefined ? (\n      <div data-name=\"choice\">\n        <Select {...sorting} aria-label=\"All courses sort\" />\n      </div>\n    ) : null;\n\n  const filteredContent = useMemo(() => {\n    return showCompleted ? list : filter(course => course.progress < 1, list);\n  }, [list, showCompleted]);\n\n  const debounceHandleSearch = useMemo(() => {\n    return debounce(800, value => {\n      handleSearch(value);\n    });\n  }, [handleSearch]);\n\n  const onSearchChange = useCallback(\n    value => {\n      setSearchValue(value);\n      debounceHandleSearch(value);\n    },\n    [debounceHandleSearch]\n  );\n\n  const handleSearchReset = useCallback(\n    value => {\n      setSearchValue('');\n      debounceHandleSearch('');\n    },\n    [debounceHandleSearch]\n  );\n\n  const handleShowCompletedToggle = useCallback(() => {\n    setShowCompleted(prevShowCompleted => !prevShowCompleted);\n  }, []);\n\n  return (\n    <>\n      <div className={style.continueLearningWrapper}>\n        <span className={style.continueLearningTitle}>{translate('all_content')}</span>\n        <span className={style.continueLearningNumber}>\n          {isNil(totalContents) ? size(filteredContent) : totalContents}\n        </span>\n      </div>\n      <div className={style.searchAndSortSection}>\n        <div className={style.searchWrapper}>\n          <SearchForm\n            search={{\n              placeholder: translate('search_place_holder'),\n              value: searchValue,\n              onChange: onSearchChange\n            }}\n            onReset={handleSearchReset}\n            dataTestId=\"all-courses-search-input\"\n          />\n        </div>\n        <div className={style.sortSection}>\n          <InputSwitch\n            id={'show-completed-courses-switch'}\n            type=\"switch\"\n            name={translate('show_completed')}\n            title={translate('show_completed')}\n            aria-label={'Show completed courses aria label'}\n            value={showCompleted}\n            onChange={handleShowCompletedToggle}\n          />\n          {sortView ? (\n            <div className={style.sortWrapper}>\n              {translate('sort_by')}\n              {sortView}\n            </div>\n          ) : null}\n        </div>\n      </div>\n      {!isEmpty(bannerMicrolearning) ? (\n        <div className={style.bannerWrapper}>\n          <Banner\n            type=\"info\"\n            message={\n              bannerMessageType === 'skill'\n                ? translate('banner_microlearning_rule_message_skill')\n                : translate('banner_microlearning_rule_message')\n            }\n            cta={[\n              {\n                type: 'switch',\n                label: translate('banner_microlearning_rule_label'),\n                action: bannerAction,\n                oldSwitchValue\n              }\n            ]}\n          />\n        </div>\n      ) : null}\n      <div className={style.filterWrapper}>\n        {size(options) > 2\n          ? uncappedMap((filterProps, index) => {\n              const {name, value, selected} = filterProps;\n\n              function handleFilterChange() {\n                onChange(value);\n              }\n\n              return (\n                <div key={index} className={style.filterButtonWrapper}>\n                  <FilterButton\n                    dataName={`filter-button-${value}`}\n                    ariaLabel={`Filter by ${name}`}\n                    selected={selected}\n                    label={name}\n                    onClick={handleFilterChange}\n                  />\n                  {value === 'ALL' ? <div className={style.divider} /> : null}\n                </div>\n              );\n            }, options)\n          : null}\n      </div>\n      <div>\n        {size(filteredContent) ? (\n          <CardsGrid\n            list={filteredContent}\n            loading={loading}\n            customStyle={{justifyContent: 'left'}}\n          />\n        ) : (\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>\n    </>\n  );\n};\n\nAllCourses.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nAllCourses.propTypes = {\n  content: PropTypes.shape(CardsGrid.propTypes),\n  totalContents: PropTypes.number,\n  filters: PropTypes.shape({\n    onChange: PropTypes.func,\n    options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n  }),\n  sorting: PropTypes.shape(Select.propTypes),\n  bannerMicrolearning: PropTypes.shape({\n    type: PropTypes.oneOf(['skill', 'playlist']),\n    action: PropTypes.func,\n    oldSwitchValue: PropTypes.bool\n  }),\n  search: PropTypes.shape({\n    oldValue: PropTypes.string,\n    onChange: PropTypes.func\n  })\n};\n\nexport default AllCourses;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"all-courses.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_provider","_select","_buttonLink","_searchForm","_cardsGrid","_inputSwitch","_banner","_colors","_allCourses","_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","uncappedMap","_map2","convert","cap","FilterButton","props","context","dataName","ariaLabel","selected","label","onClick","skin","primarySkinColor","_get2","buttonProps","customStyle","backgroundColor","COLORS","cm_grey_150","color","white","cm_grey_500","transition","width","createElement","contextTypes","Provider","childContextTypes","translate","propTypes","process","env","NODE_ENV","PropTypes","string","bool","func","AllCourses","content","filters","sorting","totalContents","bannerMicrolearning","undefined","search","oldValue","oldSearchValue","onChange","handleSearch","options","list","loading","bannerMessageType","type","bannerAction","action","oldSwitchValue","showCompleted","setShowCompleted","useState","searchValue","setSearchValue","sortView","filteredContent","useMemo","_filter2","course","progress","debounceHandleSearch","_debounce2","value","onSearchChange","useCallback","handleSearchReset","handleShowCompletedToggle","prevShowCompleted","Fragment","className","style","continueLearningWrapper","continueLearningTitle","continueLearningNumber","_isNil2","_size2","searchAndSortSection","searchWrapper","placeholder","onReset","dataTestId","sortSection","id","name","title","theme","sortWrapper","_isEmpty2","bannerWrapper","message","cta","filterWrapper","filterProps","index","handleFilterChange","key","filterButtonWrapper","divider","justifyContent","emptySearchResultContainer","emptySearchResultTitle","emptySearchResultDescription","emptySearchResultClearSearch","shape","CardsGrid","number","arrayOf","SelectOptionPropTypes","Select","oneOf","_default","exports"],"sources":["../../../src/template/skill-detail/all-courses.tsx"],"sourcesContent":["import React, {useState, useCallback, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get, filter, map, size, isNil, isEmpty, debounce} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Select, {SelectOptionPropTypes} from '../../atom/select';\nimport ButtonLink from '../../atom/button-link';\nimport SearchForm from '../../molecule/search-form';\nimport CardsGrid, {CardsGridProps} from '../../organism/cards-grid';\nimport InputSwitch from '../../atom/input-switch';\nimport Banner from '../../molecule/banner';\nimport {COLORS} from '../../variables/colors';\nimport style from './all-courses.css';\n\n// @ts-expect-error convert untypped\nconst uncappedMap = map.convert({cap: false});\ninterface ProviderContext {\n  skin: {\n    common: {\n      primary: string;\n      secondary: string;\n    };\n  };\n  translate: (key: string, options?: any) => string;\n}\n\ninterface FilterOption {\n  name: string;\n  value: string;\n  selected: boolean;\n}\n\ninterface FilterButtonProps {\n  dataName?: string;\n  ariaLabel?: string;\n  selected?: boolean;\n  label?: string;\n  onClick?: () => void;\n}\nconst FilterButton = (props: FilterButtonProps, context: ProviderContext) => {\n  const {dataName, ariaLabel, selected, label, onClick} = props;\n  const {skin} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  const buttonProps = {\n    customStyle: {\n      backgroundColor: selected ? primarySkinColor : COLORS.cm_grey_150,\n      color: selected ? COLORS.white : COLORS.cm_grey_500,\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out',\n      width: 'fit-content'\n    },\n    label,\n    onClick,\n    'data-name': dataName,\n    'aria-label': ariaLabel\n  };\n\n  return <ButtonLink {...buttonProps} />;\n};\n\nFilterButton.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\nFilterButton.propTypes = {\n  dataName: PropTypes.string,\n  ariaLabel: PropTypes.string,\n  selected: PropTypes.bool,\n  label: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nconst AllCourses = (\n  props: {\n    dataName?: string;\n    ariaLabel?: string;\n    selected?: boolean;\n    label?: string;\n    content: {\n      list: CardsGridProps['list'];\n      loading?: boolean;\n    };\n    totalContents?: number;\n    search: {\n      oldValue: string;\n      onChange: (value: string) => void;\n    };\n    bannerMicrolearning?: {\n      type: 'skill' | 'playlist';\n      action: () => void;\n      oldSwitchValue: boolean;\n    };\n    filters: {\n      onChange?: (value: string) => void;\n      options?: unknown[];\n    };\n    sorting?: unknown;\n  },\n  context: ProviderContext\n) => {\n  const {translate} = context;\n  const {\n    content,\n    filters,\n    sorting,\n    totalContents,\n    bannerMicrolearning = undefined,\n    search: {oldValue: oldSearchValue, onChange: handleSearch}\n  } = props;\n  const {options, onChange} = filters;\n  const {list, loading} = content;\n  const bannerMessageType = bannerMicrolearning?.type;\n  const bannerAction = bannerMicrolearning?.action;\n  const oldSwitchValue = bannerMicrolearning?.oldSwitchValue;\n\n  const [showCompleted, setShowCompleted] = useState(true);\n  const [searchValue, setSearchValue] = useState(oldSearchValue || '');\n\n  const sortView =\n    sorting !== undefined ? (\n      <div data-name=\"choice\">\n        <Select {...sorting} aria-label=\"All courses sort\" />\n      </div>\n    ) : null;\n\n  const filteredContent = useMemo(() => {\n    return showCompleted ? list : filter(course => course.progress < 1, list);\n  }, [list, showCompleted]);\n\n  const debounceHandleSearch = useMemo(() => {\n    return debounce(800, value => {\n      handleSearch(value);\n    });\n  }, [handleSearch]);\n\n  const onSearchChange = useCallback(\n    value => {\n      setSearchValue(value);\n      debounceHandleSearch(value);\n    },\n    [debounceHandleSearch]\n  );\n\n  const handleSearchReset = useCallback(() => {\n    setSearchValue('');\n    debounceHandleSearch('');\n  }, [debounceHandleSearch]);\n\n  const handleShowCompletedToggle = useCallback(() => {\n    setShowCompleted(prevShowCompleted => !prevShowCompleted);\n  }, []);\n\n  return (\n    <>\n      <div className={style.continueLearningWrapper}>\n        <span className={style.continueLearningTitle}>{translate('all_content')}</span>\n        <span className={style.continueLearningNumber}>\n          {isNil(totalContents) ? size(filteredContent) : totalContents}\n        </span>\n      </div>\n      <div className={style.searchAndSortSection}>\n        <div className={style.searchWrapper}>\n          <SearchForm\n            search={{\n              placeholder: translate('search_place_holder'),\n              value: searchValue,\n              onChange: onSearchChange\n            }}\n            onReset={handleSearchReset}\n            dataTestId=\"all-courses-search-input\"\n          />\n        </div>\n        <div className={style.sortSection}>\n          <InputSwitch\n            id={'show-completed-courses-switch'}\n            name={translate('show_completed')}\n            title={translate('show_completed')}\n            theme=\"default\"\n            aria-label={'Show completed courses aria label'}\n            value={showCompleted}\n            onChange={handleShowCompletedToggle}\n          />\n          {sortView ? (\n            <div className={style.sortWrapper}>\n              {translate('sort_by')}\n              {sortView}\n            </div>\n          ) : null}\n        </div>\n      </div>\n      {!isEmpty(bannerMicrolearning) ? (\n        <div className={style.bannerWrapper}>\n          <Banner\n            type=\"info\"\n            message={\n              bannerMessageType === 'skill'\n                ? translate('banner_microlearning_rule_message_skill')\n                : translate('banner_microlearning_rule_message')\n            }\n            cta={[\n              {\n                type: 'switch',\n                label: translate('banner_microlearning_rule_label'),\n                action: bannerAction,\n                oldSwitchValue\n              }\n            ]}\n          />\n        </div>\n      ) : null}\n\n      <div className={style.filterWrapper}>\n        {size(options) > 2\n          ? uncappedMap((filterProps: FilterOption, index: number) => {\n              const {name, value, selected} = filterProps;\n\n              function handleFilterChange() {\n                onChange && onChange(value);\n              }\n\n              return (\n                <div key={index} className={style.filterButtonWrapper}>\n                  <FilterButton\n                    dataName={`filter-button-${value}`}\n                    ariaLabel={`Filter by ${name}`}\n                    selected={selected}\n                    label={name}\n                    onClick={handleFilterChange}\n                  />\n                  {value === 'ALL' ? <div className={style.divider} /> : null}\n                </div>\n              );\n            }, options)\n          : null}\n      </div>\n      <div>\n        {size(filteredContent) ? (\n          <CardsGrid\n            list={filteredContent}\n            loading={loading}\n            customStyle={{justifyContent: 'left'}}\n          />\n        ) : (\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>\n    </>\n  );\n};\n\nAllCourses.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nAllCourses.propTypes = {\n  content: PropTypes.shape(CardsGrid.propTypes),\n  totalContents: PropTypes.number,\n  filters: PropTypes.shape({\n    onChange: PropTypes.func,\n    options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n  }),\n  sorting: PropTypes.shape(Select.propTypes),\n  bannerMicrolearning: PropTypes.shape({\n    type: PropTypes.oneOf(['skill', 'playlist']),\n    action: PropTypes.func,\n    oldSwitchValue: PropTypes.bool\n  }),\n  search: PropTypes.shape({\n    oldValue: PropTypes.string,\n    onChange: PropTypes.func\n  })\n};\n\nexport default AllCourses;\n"],"mappings":"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","ignoreList":[]}

package/lib/template/skill-detail/continue-learning.css

@@ -1,3 +1,8 @@
+@value colors: "../../variables/colors.css";
+@value cm_grey_100 from colors;
+@value cm_grey_500 from colors;
+
+
 .continueLearningTitle {
   font-size: 16px;
   font-weight: 600;
@@ -6,8 +11,8 @@
 
 .continueLearningNumber {
   border-radius: 50%;
-  background-color: #EAEAEB;
-  color: #515161;
+  background-color: cm_grey_100;
+  color: cm_grey_500;
   padding: 2px 4px;
   margin-left: 8px;
   font-size: 10px;