@coorpacademy/components 11.32.1-alpha.26 → 11.32.1

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

@@ -1,394 +0,0 @@
-import _sumBy from "lodash/fp/sumBy";
-import _pipe from "lodash/fp/pipe";
-import _fromPairs from "lodash/fp/fromPairs";
-import _map from "lodash/fp/map";
-import _keys from "lodash/fp/keys";
-import _getOr from "lodash/fp/getOr";
-import React, { useCallback, useState, useMemo } from 'react';
-import PropTypes from 'prop-types';
-import { convert } from 'css-color-function';
-import Provider from '../../atom/provider';
-import Icon from '../../atom/icon';
-import Picture from '../../atom/picture';
-import ButtonLink from '../../atom/button-link';
-import ToolTip from '../../atom/tooltip';
-import ReviewNoSkills from '../../organism/review-no-skills';
-import SearchForm from '../../molecule/search-form';
-import SkillPickerModal from '../../molecule/skill-picker-modal';
-import ResponsiveLearningProfileRadarChart from '../../molecule/learning-profile-radar-chart';
-import SkillsChartSideInformationPanel from '../../molecule/skills-chart-side-information-panel';
-import LearnerSkillCard from '../../molecule/learner-skill-card';
-import style from './style.css';
-
-const ChangeSkillFocusButton = (props, context) => {
-  const [hovered, setHovered] = useState(false);
-  const {
-    onClick
-  } = props;
-  const {
-    skin,
-    translate
-  } = context;
-
-  const primarySkinColor = _getOr('#0061FF', 'common.primary', skin);
-
-  const handleMouseOver = useCallback(() => setHovered(true), [setHovered]);
-  const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);
-  return /*#__PURE__*/React.createElement("div", {
-    "data-name": "button-explore-wrapper",
-    onMouseOver: handleMouseOver,
-    onMouseLeave: handleMouseLeave
-  }, /*#__PURE__*/React.createElement(ButtonLink, {
-    customStyle: {
-      backgroundColor: hovered ? primarySkinColor : convert(`color(${primarySkinColor} a(0.07))`),
-      color: hovered ? '#FFFFFF' : primarySkinColor,
-      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'
-    },
-    onClick: onClick,
-    label: translate('change_skill_focus'),
-    "data-name": "change-skill-focus-button",
-    icon: {
-      position: 'left',
-      faIcon: {
-        name: 'arrows-rotate',
-        backgroundColor: hovered ? primarySkinColor : convert(`color(${primarySkinColor} a(0.07))`),
-        color: hovered ? '#FFFFFF' : primarySkinColor,
-        size: 16
-      }
-    }
-  }));
-};
-
-ChangeSkillFocusButton.contextTypes = {
-  translate: Provider.childContextTypes.translate
-};
-ChangeSkillFocusButton.propTypes = process.env.NODE_ENV !== "production" ? {
-  onClick: PropTypes.func
-} : {};
-
-const FilterButton = (props, context) => {
-  const {
-    active,
-    filter,
-    skillTotal,
-    onClick
-  } = props;
-  const {
-    skin,
-    translate
-  } = context;
-
-  const primarySkinColor = _getOr('#0061FF', 'common.primary', skin);
-
-  const Content = useCallback(() => /*#__PURE__*/React.createElement("div", null, filter, /*#__PURE__*/React.createElement("span", {
-    className: active ? style.skillFilterNumber : style.skillFilterNumberInActive
-  }, skillTotal)), [filter, skillTotal, active]);
-  const buttonProps = {
-    customStyle: {
-      backgroundColor: active ? convert(`color(${primarySkinColor} a(0.07))`) : '#FFFFFF',
-      color: active ? primarySkinColor : '#9999A8',
-      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out',
-      width: filter === translate('review_mode_available') ? '200px' : 'fit-content'
-    },
-    onClick,
-    content: /*#__PURE__*/React.createElement(Content, null),
-    'data-name': 'change-skill-focus-button'
-  };
-  return /*#__PURE__*/React.createElement(ButtonLink, buttonProps);
-};
-
-FilterButton.contextTypes = {
-  translate: Provider.childContextTypes.translate
-};
-FilterButton.propTypes = process.env.NODE_ENV !== "production" ? {
-  active: PropTypes.bool,
-  filter: PropTypes.string,
-  skillTotal: PropTypes.number,
-  onClick: PropTypes.func
-} : {};
-
-const MyLearning = (props, context) => {
-  const {
-    skills,
-    selectedSkills = [],
-    skillsInformation,
-    skillsLocales,
-    learnerFeature = true,
-    isLoading,
-    onSkillFocusConfirm,
-    onReviewSkill,
-    onExploreSkill
-  } = props;
-  const {
-    translate
-  } = context;
-  const [open, setOpen] = useState(false);
-  const [selectedSkillsList, setSelectedSkillsList] = useState(selectedSkills);
-  const [skillFocusSelectedOnChart, setSkillFocusSelectedOnChart] = useState(undefined);
-  const [searchValue, setSearchValue] = useState('');
-  const [searchResults, setSearchResults] = useState(skills);
-  const [activeFilter, setActiveFilter] = useState('all');
-  const skillsReviewReady = useMemo(() => {
-    return searchResults.filter(skill => skillsInformation[skill].availableForReview);
-  }, [searchResults, skillsInformation]);
-  const graphDatas = useMemo(() => _pipe(_map(skill => [skill, skillsInformation[skill].stats.score]), _fromPairs)(selectedSkillsList), [selectedSkillsList, skillsInformation]);
-  const graphLegends = useMemo(() => _pipe(_map(skill => [skill, skillsLocales[skill]]), _fromPairs)(selectedSkillsList), [selectedSkillsList, skillsLocales]);
-  const filters = useMemo(() => {
-    return {
-      all: searchResults,
-      review_mode_available: skillsReviewReady
-    };
-  }, [searchResults, skillsReviewReady]);
-  const sumKpi = useCallback(kpi => skillFocusSelectedOnChart ? skillsInformation[skillFocusSelectedOnChart].stats[kpi] : _sumBy(skill => skillsInformation[skill].stats[kpi], selectedSkillsList), [skillFocusSelectedOnChart, skillsInformation, selectedSkillsList]);
-  const coursedCompletedData = useMemo(() => sumKpi('coursesCompleted'), [sumKpi]);
-  const questionsAnsweredData = useMemo(() => sumKpi('questionsAnswered'), [sumKpi]);
-  const learningHoursData = useMemo(() => sumKpi('learningHours'), [sumKpi]);
-  const skillChartPaneLegends = useMemo(() => translate('on', {
-    focusedSkill: skillFocusSelectedOnChart ? skillsLocales[skillFocusSelectedOnChart] : translate('focused_skills')
-  }), [translate, skillsLocales, skillFocusSelectedOnChart]);
-  const skillChartPanelProps = [{
-    title: translate('skill_chart_side_panel_courses_completed'),
-    value: `${coursedCompletedData}`,
-    legend: skillChartPaneLegends,
-    icon: {
-      iconName: 'book-open-cover',
-      backgroundColor: '#D9F4F7'
-    }
-  }, {
-    title: translate('skill_chart_side_panel_questions_answered'),
-    value: `${questionsAnsweredData}`,
-    legend: skillChartPaneLegends,
-    icon: {
-      iconName: 'circle-question',
-      backgroundColor: '#FFDCD1'
-    }
-  }, {
-    title: translate('skill_chart_side_panel_learning_hours'),
-    value: `${learningHoursData}`,
-    legend: skillChartPaneLegends,
-    icon: {
-      iconName: 'clock',
-      backgroundColor: '#FAD6DE'
-    }
-  }];
-  const handleOnDotClick = useCallback(skillRef => {
-    skillRef && setSkillFocusSelectedOnChart(skillRef);
-  }, [setSkillFocusSelectedOnChart]);
-  const handleOpenSkillPicker = useCallback(() => setOpen(true), [setOpen]);
-  const handleCloseSkillPicker = useCallback(() => setOpen(false), [setOpen]);
-  const handleConfirmSkillPicker = useCallback(focusSkillList => {
-    setSelectedSkillsList(focusSkillList);
-    onSkillFocusConfirm(focusSkillList);
-    setOpen(false);
-  }, [onSkillFocusConfirm, setSelectedSkillsList, setOpen]);
-  const handleSearch = useCallback(value => {
-    setSearchValue(value);
-    setSearchResults(skills.filter(skill => {
-      return skillsLocales[skill].toLowerCase().includes(value.toLowerCase());
-    }));
-  }, [skills, skillsLocales, setSearchValue, setSearchResults]);
-  const handleSearchReset = useCallback(() => {
-    setSearchValue('');
-    setSearchResults(skills);
-  }, [skills, setSearchValue, setSearchResults]);
-  const ReviewTooltipContent = useCallback(() => /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("b", null, translate('review_mode_tooltip_header'))), /*#__PURE__*/React.createElement("p", null, translate('review_mode_tooltip_content')), /*#__PURE__*/React.createElement("ol", null, /*#__PURE__*/React.createElement("li", null, translate('review_mode_tooltip_content_part1')), /*#__PURE__*/React.createElement("li", null, translate('review_mode_tooltip_content_part2')), /*#__PURE__*/React.createElement("li", null, translate('review_mode_tooltip_content_part3')), /*#__PURE__*/React.createElement("li", null, translate('review_mode_tooltip_content_part4')))), [translate]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: style.backgroundContainer
-  }, /*#__PURE__*/React.createElement("div", {
-    className: style.container
-  }, /*#__PURE__*/React.createElement(SkillPickerModal, {
-    skills: skills,
-    selectedSkills: selectedSkillsList,
-    skillsLocales: skillsLocales,
-    isOpen: open,
-    isLoading: isLoading,
-    onCancel: handleCloseSkillPicker,
-    onConfirm: handleConfirmSkillPicker,
-    onClose: handleCloseSkillPicker
-  }), learnerFeature ? /*#__PURE__*/React.createElement("div", {
-    className: style.skillFocusContainer
-  }, /*#__PURE__*/React.createElement("header", {
-    className: style.skillFocusHeader
-  }, /*#__PURE__*/React.createElement("div", {
-    className: style.skillFocusHeaderWrapper
-  }, /*#__PURE__*/React.createElement("div", {
-    className: style.skillFocusHeaderIcon
-  }, /*#__PURE__*/React.createElement(Icon, {
-    iconName: "bullseye-arrow",
-    backgroundColor: "#DDD1FF",
-    borderRadius: "12px",
-    size: {
-      faSize: 20,
-      wrapperSize: 48
-    }
-  })), /*#__PURE__*/React.createElement("div", {
-    className: style.skillFocusHeaderContent
-  }, /*#__PURE__*/React.createElement("div", {
-    className: style.skillFocusHeaderTitle
-  }, translate('skill_focus')), /*#__PURE__*/React.createElement("div", {
-    className: style.skillFocusHeaderDescription
-  }, translate('skills_focus_description')))), selectedSkillsList.length > 0 ? /*#__PURE__*/React.createElement(ChangeSkillFocusButton, {
-    onClick: handleOpenSkillPicker
-  }) : null), selectedSkillsList.length > 0 ? /*#__PURE__*/React.createElement("div", {
-    className: style.skillFocusContent
-  }, /*#__PURE__*/React.createElement("div", {
-    className: style.radarContainer
-  }, /*#__PURE__*/React.createElement(ResponsiveLearningProfileRadarChart, {
-    totalDataset: 1,
-    height: 424,
-    width: 680,
-    data: graphDatas,
-    legend: graphLegends,
-    onClick: handleOnDotClick,
-    colors: [{
-      gradient: {
-        fill: ['#0062ffff', '#8000ff85'],
-        stroke: ['#0062ffff', '#8000FF']
-      },
-      percentage: {
-        color: '#0061FF',
-        background: 'linear-gradient(180deg, rgba(0, 97, 255, 0.10) 0%, rgba(147, 107, 255, 0.10) 100%)'
-      },
-      label: {
-        color: '#020202ff'
-      }
-    }]
-  })), /*#__PURE__*/React.createElement(SkillsChartSideInformationPanel, {
-    sidePanelItems: skillChartPanelProps
-  })) : /*#__PURE__*/React.createElement("div", {
-    className: style.skillFocusEmpty
-  }, /*#__PURE__*/React.createElement(Picture, {
-    className: style.img,
-    src: "https://static.coorpacademy.com/assets/images/mylearning-no-skill-selected-placeholder.svg",
-    alt: "demo"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: style.skillFocusEmptyTitle
-  }, translate('skill_focus_empty_title')), /*#__PURE__*/React.createElement("div", {
-    className: style.skillFocusEmptyDescription
-  }, translate('skills_focus_empty_description')), /*#__PURE__*/React.createElement(ButtonLink, {
-    label: translate('choose_your_focus'),
-    type: "primary",
-    customStyle: {
-      width: '168px'
-    },
-    onClick: handleOpenSkillPicker
-  }))) : null, /*#__PURE__*/React.createElement("header", {
-    className: style.skillListHeader
-  }, /*#__PURE__*/React.createElement("div", {
-    className: style.skillListHeaderIcon
-  }, /*#__PURE__*/React.createElement(Icon, {
-    iconName: "dumbbell",
-    backgroundColor: "#FFF9D1",
-    size: {
-      faSize: 20,
-      wrapperSize: 48
-    }
-  })), /*#__PURE__*/React.createElement("div", {
-    className: style.skillListHeaderContent
-  }, /*#__PURE__*/React.createElement("div", {
-    className: style.skillListHeaderTitle
-  }, translate('skills')), /*#__PURE__*/React.createElement("div", {
-    className: style.skillListHeaderDescription
-  }, translate('Explore or review skills'), /*#__PURE__*/React.createElement(ToolTip, {
-    fontSize: 12,
-    iconContainerClassName: style.infoIconTooltip,
-    tooltipClassName: style.tooltip,
-    TooltipContent: ReviewTooltipContent,
-    closeToolTipInformationTextAriaLabel: translate('Press the escape key to close the information text')
-  })))), /*#__PURE__*/React.createElement("div", {
-    className: style.toolBarContainer
-  }, /*#__PURE__*/React.createElement("div", {
-    className: style.skillFilterContainer
-  }, _keys(filters).map((filter, index) => {
-    function handleFilterClick() {
-      setActiveFilter(filter);
-    }
-
-    return /*#__PURE__*/React.createElement("div", {
-      key: index
-    }, /*#__PURE__*/React.createElement(FilterButton, {
-      active: activeFilter === filter,
-      filter: translate(filter),
-      skillTotal: filters[filter].length,
-      onClick: handleFilterClick
-    }));
-  })), /*#__PURE__*/React.createElement("div", {
-    className: style.searchWrapper
-  }, /*#__PURE__*/React.createElement(SearchForm, {
-    search: {
-      placeholder: translate('search_place_holder'),
-      value: searchValue,
-      onChange: handleSearch
-    },
-    onReset: handleSearchReset
-  }))), searchValue && searchResults.length === 0 ? /*#__PURE__*/React.createElement("div", {
-    className: style.emptySearchResultContainer
-  }, /*#__PURE__*/React.createElement("div", {
-    className: style.emptySearchResultTitle
-  }, translate('empty_search_result_title', {
-    searchValue
-  })), /*#__PURE__*/React.createElement("div", {
-    className: style.emptySearchResultDescription
-  }, translate('empty_search_result_description')), /*#__PURE__*/React.createElement("div", {
-    className: style.emptySearchResultClearSearch,
-    onClick: handleSearchReset
-  }, translate('empty_search_result_clear_search'))) : /*#__PURE__*/React.createElement("div", {
-    className: style.skillListContainer
-  }, activeFilter === 'review_mode_available' && filters[activeFilter].length === 0 ? /*#__PURE__*/React.createElement("div", {
-    className: style.skillListEmptyContainer
-  }, /*#__PURE__*/React.createElement(ReviewNoSkills, {
-    titleNoSkills: translate('review_skill_epmty'),
-    textNoSkills: translate('review_skill_epmty_description'),
-    iconSkillAriaLabel: translate('review_skill_epmty'),
-    directionReverse: true
-  })) : filters[activeFilter].map((skill, index) => {
-    function handleReviewSkill() {
-      onReviewSkill(skill);
-    }
-
-    function handleExploreSkill() {
-      onExploreSkill(skill);
-    }
-
-    return /*#__PURE__*/React.createElement("div", {
-      key: index
-    }, /*#__PURE__*/React.createElement(LearnerSkillCard, {
-      skillTitle: skillsLocales[skill],
-      focus: selectedSkills.includes(skill),
-      metrics: {
-        skillCourses: skillsInformation[skill].stats.courses,
-        skillQuestions: skillsInformation[skill].stats.questionsAnswered,
-        completedCourses: skillsInformation[skill].stats.coursesCompleted
-      },
-      review: skillsInformation[skill].availableForReview,
-      onReviewClick: handleReviewSkill,
-      onExploreClick: handleExploreSkill
-    }));
-  }))));
-};
-
-MyLearning.contextTypes = {
-  translate: Provider.childContextTypes.translate
-};
-MyLearning.propTypes = process.env.NODE_ENV !== "production" ? {
-  skills: PropTypes.arrayOf(PropTypes.string),
-  selectedSkills: PropTypes.arrayOf(PropTypes.string),
-  skillsInformation: PropTypes.objectOf(PropTypes.shape({
-    availableForReview: PropTypes.bool,
-    stats: PropTypes.shape({
-      score: PropTypes.number,
-      courses: PropTypes.number,
-      coursesCompleted: PropTypes.number,
-      questionsAnswered: PropTypes.number,
-      learningHours: PropTypes.number
-    })
-  })),
-  skillsLocales: PropTypes.objectOf(PropTypes.string),
-  learnerFeature: PropTypes.bool,
-  isLoading: PropTypes.bool,
-  onSkillFocusConfirm: PropTypes.func,
-  onReviewSkill: PropTypes.func,
-  onExploreSkill: PropTypes.func
-} : {};
-export default MyLearning;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useState","useMemo","PropTypes","convert","Provider","Icon","Picture","ButtonLink","ToolTip","ReviewNoSkills","SearchForm","SkillPickerModal","ResponsiveLearningProfileRadarChart","SkillsChartSideInformationPanel","LearnerSkillCard","style","ChangeSkillFocusButton","props","context","hovered","setHovered","onClick","skin","translate","primarySkinColor","handleMouseOver","handleMouseLeave","backgroundColor","color","transition","position","faIcon","name","size","contextTypes","childContextTypes","propTypes","func","FilterButton","active","filter","skillTotal","Content","skillFilterNumber","skillFilterNumberInActive","buttonProps","customStyle","width","content","bool","string","number","MyLearning","skills","selectedSkills","skillsInformation","skillsLocales","learnerFeature","isLoading","onSkillFocusConfirm","onReviewSkill","onExploreSkill","open","setOpen","selectedSkillsList","setSelectedSkillsList","skillFocusSelectedOnChart","setSkillFocusSelectedOnChart","undefined","searchValue","setSearchValue","searchResults","setSearchResults","activeFilter","setActiveFilter","skillsReviewReady","skill","availableForReview","graphDatas","stats","score","graphLegends","filters","all","review_mode_available","sumKpi","kpi","coursedCompletedData","questionsAnsweredData","learningHoursData","skillChartPaneLegends","focusedSkill","skillChartPanelProps","title","value","legend","icon","iconName","handleOnDotClick","skillRef","handleOpenSkillPicker","handleCloseSkillPicker","handleConfirmSkillPicker","focusSkillList","handleSearch","toLowerCase","includes","handleSearchReset","ReviewTooltipContent","backgroundContainer","container","skillFocusContainer","skillFocusHeader","skillFocusHeaderWrapper","skillFocusHeaderIcon","faSize","wrapperSize","skillFocusHeaderContent","skillFocusHeaderTitle","skillFocusHeaderDescription","length","skillFocusContent","radarContainer","gradient","fill","stroke","percentage","background","label","skillFocusEmpty","img","skillFocusEmptyTitle","skillFocusEmptyDescription","skillListHeader","skillListHeaderIcon","skillListHeaderContent","skillListHeaderTitle","skillListHeaderDescription","infoIconTooltip","tooltip","toolBarContainer","skillFilterContainer","map","index","handleFilterClick","searchWrapper","placeholder","onChange","emptySearchResultContainer","emptySearchResultTitle","emptySearchResultDescription","emptySearchResultClearSearch","skillListContainer","skillListEmptyContainer","handleReviewSkill","handleExploreSkill","skillCourses","courses","skillQuestions","questionsAnswered","completedCourses","coursesCompleted","arrayOf","objectOf","shape","learningHours"],"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 {getOr, keys, map, fromPairs, pipe, sumBy} 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 style from './style.css';\n\nconst ChangeSkillFocusButton = (props, context) => {\n  const [hovered, setHovered] = useState(false);\n  const {onClick} = props;\n  const {skin, translate} = context;\n  const primarySkinColor = getOr('#0061FF', 'common.primary', skin);\n\n  const handleMouseOver = useCallback(() => setHovered(true), [setHovered]);\n\n  const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n  return (\n    <div\n      data-name=\"button-explore-wrapper\"\n      onMouseOver={handleMouseOver}\n      onMouseLeave={handleMouseLeave}\n    >\n      <ButtonLink\n        customStyle={{\n          backgroundColor: hovered\n            ? primarySkinColor\n            : convert(`color(${primarySkinColor} a(0.07))`),\n          color: hovered ? '#FFFFFF' : primarySkinColor,\n          transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n        }}\n        onClick={onClick}\n        label={translate('change_skill_focus')}\n        data-name=\"change-skill-focus-button\"\n        icon={{\n          position: 'left',\n          faIcon: {\n            name: 'arrows-rotate',\n            backgroundColor: hovered\n              ? primarySkinColor\n              : convert(`color(${primarySkinColor} a(0.07))`),\n            color: hovered ? '#FFFFFF' : primarySkinColor,\n            size: 16\n          }\n        }}\n      />\n    </div>\n  );\n};\n\nChangeSkillFocusButton.contextTypes = {\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, translate} = context;\n  const primarySkinColor = getOr('#0061FF', 'common.primary', skin);\n\n  const Content = useCallback(\n    () => (\n      <div>\n        {filter}\n        <span className={active ? style.skillFilterNumber : style.skillFilterNumberInActive}>\n          {skillTotal}\n        </span>\n      </div>\n    ),\n    [filter, skillTotal, active]\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: filter === translate('review_mode_available') ? '200px' : '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  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  } = props;\n  const {translate} = context;\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(skills);\n  const [activeFilter, setActiveFilter] = useState('all');\n\n  const skillsReviewReady = useMemo(() => {\n    return searchResults.filter(skill => skillsInformation[skill].availableForReview);\n  }, [searchResults, skillsInformation]);\n\n  const graphDatas = useMemo(\n    () =>\n      pipe(\n        map(skill => [skill, skillsInformation[skill].stats.score]),\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_mode_available: skillsReviewReady\n    };\n  }, [searchResults, skillsReviewReady]);\n\n  const sumKpi = useCallback(\n    kpi =>\n      skillFocusSelectedOnChart\n        ? skillsInformation[skillFocusSelectedOnChart].stats[kpi]\n        : sumBy(skill => skillsInformation[skill].stats[kpi], selectedSkillsList),\n    [skillFocusSelectedOnChart, skillsInformation, selectedSkillsList]\n  );\n\n  const coursedCompletedData = useMemo(() => sumKpi('coursesCompleted'), [sumKpi]);\n\n  const questionsAnsweredData = useMemo(() => sumKpi('questionsAnswered'), [sumKpi]);\n\n  const learningHoursData = useMemo(() => sumKpi('learningHours'), [sumKpi]);\n\n  const skillChartPaneLegends = useMemo(\n    () =>\n      translate('on', {\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_courses_completed'),\n      value: `${coursedCompletedData}`,\n      legend: skillChartPaneLegends,\n      icon: {iconName: 'book-open-cover', backgroundColor: '#D9F4F7'}\n    },\n    {\n      title: translate('skill_chart_side_panel_questions_answered'),\n      value: `${questionsAnsweredData}`,\n      legend: skillChartPaneLegends,\n      icon: {iconName: 'circle-question', backgroundColor: '#FFDCD1'}\n    },\n    {\n      title: translate('skill_chart_side_panel_learning_hours'),\n      value: `${learningHoursData}`,\n      legend: skillChartPaneLegends,\n      icon: {iconName: 'clock', backgroundColor: '#FAD6DE'}\n    }\n  ];\n\n  const handleOnDotClick = useCallback(\n    skillRef => {\n      skillRef && 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(\n        skills.filter(skill => {\n          return skillsLocales[skill].toLowerCase().includes(value.toLowerCase());\n        })\n      );\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      <div className={style.container}>\n        <SkillPickerModal\n          skills={skills}\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 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 className={style.skillFocusHeaderTitle}>{translate('skill_focus')}</div>\n                  <div className={style.skillFocusHeaderDescription}>\n                    {translate('skills_focus_description')}\n                  </div>\n                </div>\n              </div>\n              {selectedSkillsList.length > 0 ? (\n                <ChangeSkillFocusButton onClick={handleOpenSkillPicker} />\n              ) : null}\n            </header>\n            {selectedSkillsList.length > 0 ? (\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                    colors={[\n                      {\n                        gradient: {\n                          fill: ['#0062ffff', '#8000ff85'],\n                          stroke: ['#0062ffff', '#8000FF']\n                        },\n                        percentage: {\n                          color: '#0061FF',\n                          background:\n                            'linear-gradient(180deg, rgba(0, 97, 255, 0.10) 0%, rgba(147, 107, 255, 0.10) 100%)'\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('skill_focus_empty_title')}\n                </div>\n                <div className={style.skillFocusEmptyDescription}>\n                  {translate('skills_focus_empty_description')}\n                </div>\n                <ButtonLink\n                  label={translate('choose_your_focus')}\n                  type=\"primary\"\n                  customStyle={{width: '168px'}}\n                  onClick={handleOpenSkillPicker}\n                />\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')}</div>\n            <div className={style.skillListHeaderDescription}>\n              {translate('Explore or review skills')}\n              <ToolTip\n                fontSize={12}\n                iconContainerClassName={style.infoIconTooltip}\n                tooltipClassName={style.tooltip}\n                TooltipContent={ReviewTooltipContent}\n                closeToolTipInformationTextAriaLabel={translate(\n                  'Press the escape key to close the information text'\n                )}\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={translate(filter)}\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_epmty')}\n                  textNoSkills={translate('review_skill_epmty_description')}\n                  iconSkillAriaLabel={translate('review_skill_epmty')}\n                  directionReverse\n                />\n              </div>\n            ) : (\n              filters[activeFilter].map((skill, index) => {\n                function handleReviewSkill() {\n                  onReviewSkill(skill);\n                }\n                function handleExploreSkill() {\n                  onExploreSkill(skill);\n                }\n                return (\n                  <div key={index}>\n                    <LearnerSkillCard\n                      skillTitle={skillsLocales[skill]}\n                      focus={selectedSkills.includes(skill)}\n                      metrics={{\n                        skillCourses: skillsInformation[skill].stats.courses,\n                        skillQuestions: skillsInformation[skill].stats.questionsAnswered,\n                        completedCourses: skillsInformation[skill].stats.coursesCompleted\n                      }}\n                      review={skillsInformation[skill].availableForReview}\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  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        courses: PropTypes.number,\n        coursesCompleted: PropTypes.number,\n        questionsAnswered: PropTypes.number,\n        learningHours: 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};\n\nexport default MyLearning;\n"],"mappings":"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"}