@coorpacademy/components 11.32.1 → 11.32.2

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

@@ -254,6 +254,7 @@ declare namespace SearchPage {
                     buttonLink: PropTypes.Requireable<PropTypes.InferProps<{
                         type: PropTypes.Requireable<string>;
                         label: PropTypes.Requireable<string>;
+                        content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                         'aria-label': PropTypes.Requireable<string>;
                         'data-name': PropTypes.Requireable<string>;
                         'data-testid': PropTypes.Requireable<string>;
@@ -385,6 +386,7 @@ declare namespace SearchPage {
                             componentType: PropTypes.Requireable<string>;
                             type: PropTypes.Requireable<string>;
                             label: PropTypes.Requireable<string>;
+                            content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                             'aria-label': PropTypes.Requireable<string>;
                             'data-name': PropTypes.Requireable<string>;
                             'data-testid': PropTypes.Requireable<string>;

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

@@ -99,6 +99,7 @@ declare namespace ExternalCourse {
                     buttonLink: PropTypes.Requireable<PropTypes.InferProps<{
                         type: PropTypes.Requireable<string>;
                         label: PropTypes.Requireable<string>;
+                        content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                         'aria-label': PropTypes.Requireable<string>;
                         'data-name': PropTypes.Requireable<string>;
                         'data-testid': PropTypes.Requireable<string>;
@@ -230,6 +231,7 @@ declare namespace ExternalCourse {
                             componentType: PropTypes.Requireable<string>;
                             type: PropTypes.Requireable<string>;
                             label: PropTypes.Requireable<string>;
+                            content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                             'aria-label': PropTypes.Requireable<string>;
                             'data-name': PropTypes.Requireable<string>;
                             'data-testid': PropTypes.Requireable<string>;

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

@@ -0,0 +1,33 @@
+export default MyLearning;
+declare function MyLearning(props: any, context: any): JSX.Element;
+declare namespace MyLearning {
+    namespace contextTypes {
+        const translate: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+    namespace propTypes {
+        const skills: PropTypes.Requireable<(string | null | undefined)[]>;
+        const selectedSkills: PropTypes.Requireable<(string | null | undefined)[]>;
+        const skillsInformation: PropTypes.Requireable<{
+            [x: string]: PropTypes.InferProps<{
+                availableForReview: PropTypes.Requireable<boolean>;
+                stats: PropTypes.Requireable<PropTypes.InferProps<{
+                    score: PropTypes.Requireable<number>;
+                    courses: PropTypes.Requireable<number>;
+                    coursesCompleted: PropTypes.Requireable<number>;
+                    questionsAnswered: PropTypes.Requireable<number>;
+                    learningHours: PropTypes.Requireable<number>;
+                }>>;
+            }> | null | undefined;
+        }>;
+        const skillsLocales: PropTypes.Requireable<{
+            [x: string]: string | null | undefined;
+        }>;
+        const learnerFeature: PropTypes.Requireable<boolean>;
+        const isLoading: PropTypes.Requireable<boolean>;
+        const onSkillFocusConfirm: PropTypes.Requireable<(...args: any[]) => any>;
+        const onReviewSkill: PropTypes.Requireable<(...args: any[]) => any>;
+        const onExploreSkill: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+}
+import PropTypes from "prop-types";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/my-learning/index.js"],"names":[],"mappings":";AAgHA,mEAkVC"}

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

@@ -0,0 +1,422 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _sumBy2 = _interopRequireDefault(require("lodash/fp/sumBy"));
+
+var _pipe2 = _interopRequireDefault(require("lodash/fp/pipe"));
+
+var _fromPairs2 = _interopRequireDefault(require("lodash/fp/fromPairs"));
+
+var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+
+var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
+
+var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _cssColorFunction = require("css-color-function");
+
+var _provider = _interopRequireDefault(require("../../atom/provider"));
+
+var _icon = _interopRequireDefault(require("../../atom/icon"));
+
+var _picture = _interopRequireDefault(require("../../atom/picture"));
+
+var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+
+var _tooltip = _interopRequireDefault(require("../../atom/tooltip"));
+
+var _reviewNoSkills = _interopRequireDefault(require("../../organism/review-no-skills"));
+
+var _searchForm = _interopRequireDefault(require("../../molecule/search-form"));
+
+var _skillPickerModal = _interopRequireDefault(require("../../molecule/skill-picker-modal"));
+
+var _learningProfileRadarChart = _interopRequireDefault(require("../../molecule/learning-profile-radar-chart"));
+
+var _skillsChartSideInformationPanel = _interopRequireDefault(require("../../molecule/skills-chart-side-information-panel"));
+
+var _learnerSkillCard = _interopRequireDefault(require("../../molecule/learner-skill-card"));
+
+var _searchValueIncluded = _interopRequireDefault(require("../../util/search-value-included"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const ChangeSkillFocusButton = (props, context) => {
+  const [hovered, setHovered] = (0, _react.useState)(false);
+  const {
+    onClick
+  } = props;
+  const {
+    skin,
+    translate
+  } = context;
+  const primarySkinColor = (0, _getOr2.default)('#0061FF', 'common.primary', skin);
+  const handleMouseOver = (0, _react.useCallback)(() => setHovered(true), [setHovered]);
+  const handleMouseLeave = (0, _react.useCallback)(() => setHovered(false), [setHovered]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-name": "button-explore-wrapper",
+    onMouseOver: handleMouseOver,
+    onMouseLeave: handleMouseLeave
+  }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, {
+    customStyle: {
+      backgroundColor: hovered ? primarySkinColor : (0, _cssColorFunction.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('skills_change_focus'),
+    "data-name": "change-skill-focus-button",
+    icon: {
+      position: 'left',
+      faIcon: {
+        name: 'arrows-rotate',
+        backgroundColor: hovered ? primarySkinColor : (0, _cssColorFunction.convert)(`color(${primarySkinColor} a(0.07))`),
+        color: hovered ? '#FFFFFF' : primarySkinColor,
+        size: 16
+      }
+    }
+  }));
+};
+
+ChangeSkillFocusButton.contextTypes = {
+  translate: _provider.default.childContextTypes.translate
+};
+ChangeSkillFocusButton.propTypes = process.env.NODE_ENV !== "production" ? {
+  onClick: _propTypes.default.func
+} : {};
+
+const FilterButton = (props, context) => {
+  const {
+    active,
+    filter,
+    skillTotal,
+    onClick
+  } = props;
+  const {
+    skin,
+    translate
+  } = context;
+  const primarySkinColor = (0, _getOr2.default)('#0061FF', 'common.primary', skin);
+  const Content = (0, _react.useCallback)(() => /*#__PURE__*/_react.default.createElement("div", null, filter, /*#__PURE__*/_react.default.createElement("span", {
+    className: active ? _style.default.skillFilterNumber : _style.default.skillFilterNumberInActive
+  }, skillTotal)), [filter, skillTotal, active]);
+  const buttonProps = {
+    customStyle: {
+      backgroundColor: active ? (0, _cssColorFunction.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.default.createElement(Content, null),
+    'data-name': 'change-skill-focus-button'
+  };
+  return /*#__PURE__*/_react.default.createElement(_buttonLink.default, buttonProps);
+};
+
+FilterButton.contextTypes = {
+  translate: _provider.default.childContextTypes.translate
+};
+FilterButton.propTypes = process.env.NODE_ENV !== "production" ? {
+  active: _propTypes.default.bool,
+  filter: _propTypes.default.string,
+  skillTotal: _propTypes.default.number,
+  onClick: _propTypes.default.func
+} : {};
+
+const MyLearning = (props, context) => {
+  const {
+    skills,
+    selectedSkills = [],
+    skillsInformation,
+    skillsLocales,
+    learnerFeature = true,
+    isLoading,
+    onSkillFocusConfirm,
+    onReviewSkill,
+    onExploreSkill
+  } = props;
+  const {
+    translate
+  } = context;
+  const [open, setOpen] = (0, _react.useState)(false);
+  const [selectedSkillsList, setSelectedSkillsList] = (0, _react.useState)(selectedSkills);
+  const [skillFocusSelectedOnChart, setSkillFocusSelectedOnChart] = (0, _react.useState)(undefined);
+  const [searchValue, setSearchValue] = (0, _react.useState)('');
+  const [searchResults, setSearchResults] = (0, _react.useState)(skills);
+  const [activeFilter, setActiveFilter] = (0, _react.useState)('all');
+  const skillsReviewReady = (0, _react.useMemo)(() => {
+    return searchResults.filter(skill => skillsInformation[skill].availableForReview);
+  }, [searchResults, skillsInformation]);
+  const graphDatas = (0, _react.useMemo)(() => (0, _pipe2.default)((0, _map2.default)(skill => [skill, skillsInformation[skill].stats.score]), _fromPairs2.default)(selectedSkillsList), [selectedSkillsList, skillsInformation]);
+  const graphLegends = (0, _react.useMemo)(() => (0, _pipe2.default)((0, _map2.default)(skill => [skill, skillsLocales[skill]]), _fromPairs2.default)(selectedSkillsList), [selectedSkillsList, skillsLocales]);
+  const filters = (0, _react.useMemo)(() => {
+    return {
+      all: searchResults,
+      review: skillsReviewReady
+    };
+  }, [searchResults, skillsReviewReady]);
+  const sumKpi = (0, _react.useCallback)(kpi => skillFocusSelectedOnChart ? skillsInformation[skillFocusSelectedOnChart].stats[kpi] : (0, _sumBy2.default)(skill => skillsInformation[skill].stats[kpi], selectedSkillsList), [skillFocusSelectedOnChart, skillsInformation, selectedSkillsList]);
+  const coursedCompletedData = (0, _react.useMemo)(() => sumKpi('coursesCompleted'), [sumKpi]);
+  const questionsAnsweredData = (0, _react.useMemo)(() => sumKpi('questionsAnswered'), [sumKpi]);
+  const learningHoursData = (0, _react.useMemo)(() => sumKpi('learningHours'), [sumKpi]);
+  const skillChartPaneLegends = (0, _react.useMemo)(() => translate('skill_scope_specifier', {
+    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 = (0, _react.useCallback)(skillRef => {
+    skillRef && setSkillFocusSelectedOnChart(skillRef);
+  }, [setSkillFocusSelectedOnChart]);
+  const handleOpenSkillPicker = (0, _react.useCallback)(() => setOpen(true), [setOpen]);
+  const handleCloseSkillPicker = (0, _react.useCallback)(() => setOpen(false), [setOpen]);
+  const handleConfirmSkillPicker = (0, _react.useCallback)(focusSkillList => {
+    setSelectedSkillsList(focusSkillList);
+    onSkillFocusConfirm(focusSkillList);
+    setOpen(false);
+  }, [onSkillFocusConfirm, setSelectedSkillsList, setOpen]);
+  const handleSearch = (0, _react.useCallback)(value => {
+    setSearchValue(value);
+    setSearchResults(skills.filter(skill => (0, _searchValueIncluded.default)(skillsLocales[skill], value)));
+  }, [skills, skillsLocales, setSearchValue, setSearchResults]);
+  const handleSearchReset = (0, _react.useCallback)(() => {
+    setSearchValue('');
+    setSearchResults(skills);
+  }, [skills, setSearchValue, setSearchResults]);
+  const ReviewTooltipContent = (0, _react.useCallback)(() => /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("b", null, translate('review_mode_tooltip_header'))), /*#__PURE__*/_react.default.createElement("p", null, translate('review_mode_tooltip_content')), /*#__PURE__*/_react.default.createElement("ol", null, /*#__PURE__*/_react.default.createElement("li", null, translate('review_mode_tooltip_content_part1')), /*#__PURE__*/_react.default.createElement("li", null, translate('review_mode_tooltip_content_part2')), /*#__PURE__*/_react.default.createElement("li", null, translate('review_mode_tooltip_content_part3')), /*#__PURE__*/_react.default.createElement("li", null, translate('review_mode_tooltip_content_part4')))), [translate]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.backgroundContainer
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.container
+  }, /*#__PURE__*/_react.default.createElement(_skillPickerModal.default, {
+    skills: skills,
+    selectedSkills: selectedSkillsList,
+    skillsLocales: skillsLocales,
+    isOpen: open,
+    isLoading: isLoading,
+    onCancel: handleCloseSkillPicker,
+    onConfirm: handleConfirmSkillPicker,
+    onClose: handleCloseSkillPicker
+  }), learnerFeature ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.skillFocusContainer
+  }, /*#__PURE__*/_react.default.createElement("header", {
+    className: _style.default.skillFocusHeader
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.skillFocusHeaderWrapper
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.skillFocusHeaderIcon
+  }, /*#__PURE__*/_react.default.createElement(_icon.default, {
+    iconName: "bullseye-arrow",
+    backgroundColor: "#DDD1FF",
+    borderRadius: "12px",
+    size: {
+      faSize: 20,
+      wrapperSize: 48
+    }
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.skillFocusHeaderContent
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.skillFocusHeaderTitle
+  }, translate('skill_focus')), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.skillFocusHeaderDescription
+  }, translate('skills_focus_description')))), selectedSkillsList.length > 0 ? /*#__PURE__*/_react.default.createElement(ChangeSkillFocusButton, {
+    onClick: handleOpenSkillPicker
+  }) : null), selectedSkillsList.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.skillFocusContent
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.radarContainer
+  }, /*#__PURE__*/_react.default.createElement(_learningProfileRadarChart.default, {
+    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.default.createElement(_skillsChartSideInformationPanel.default, {
+    sidePanelItems: skillChartPanelProps
+  })) : /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.skillFocusEmpty
+  }, /*#__PURE__*/_react.default.createElement(_picture.default, {
+    className: _style.default.img,
+    src: "https://static.coorpacademy.com/assets/images/mylearning-no-skill-selected-placeholder.svg",
+    alt: "demo"
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.skillFocusEmptyTitle
+  }, translate('skills_focus_empty_title')), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.skillFocusEmptyDescription
+  }, translate('skills_focus_empty_description')), /*#__PURE__*/_react.default.createElement(_buttonLink.default, {
+    label: translate('skills_choose_focus'),
+    type: "primary",
+    customStyle: {
+      width: '168px'
+    },
+    onClick: handleOpenSkillPicker
+  }))) : null, /*#__PURE__*/_react.default.createElement("header", {
+    className: _style.default.skillListHeader
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.skillListHeaderIcon
+  }, /*#__PURE__*/_react.default.createElement(_icon.default, {
+    iconName: "dumbbell",
+    backgroundColor: "#FFF9D1",
+    size: {
+      faSize: 20,
+      wrapperSize: 48
+    }
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.skillListHeaderContent
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.skillListHeaderTitle
+  }, translate('skills_section_title')), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.skillListHeaderDescription
+  }, translate('skills_section_description'), /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+    fontSize: 12,
+    iconContainerClassName: _style.default.infoIconTooltip,
+    tooltipClassName: _style.default.tooltip,
+    TooltipContent: ReviewTooltipContent,
+    closeToolTipInformationTextAriaLabel: translate('Press the escape key to close the information text')
+  })))), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.toolBarContainer
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.skillFilterContainer
+  }, (0, _keys2.default)(filters).map((filter, index) => {
+    function handleFilterClick() {
+      setActiveFilter(filter);
+    }
+
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: index
+    }, /*#__PURE__*/_react.default.createElement(FilterButton, {
+      active: activeFilter === filter,
+      filter: filter === 'all' ? translate('all') : translate('review_mode_available'),
+      skillTotal: filters[filter].length,
+      onClick: handleFilterClick
+    }));
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.searchWrapper
+  }, /*#__PURE__*/_react.default.createElement(_searchForm.default, {
+    search: {
+      placeholder: translate('search_place_holder'),
+      value: searchValue,
+      onChange: handleSearch
+    },
+    onReset: handleSearchReset
+  }))), searchValue && searchResults.length === 0 ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.emptySearchResultContainer
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.emptySearchResultTitle
+  }, translate('empty_search_result_title', {
+    searchValue
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.emptySearchResultDescription
+  }, translate('empty_search_result_description')), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.emptySearchResultClearSearch,
+    onClick: handleSearchReset
+  }, translate('empty_search_result_clear_search'))) : /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.skillListContainer
+  }, activeFilter === 'review_mode_available' && filters[activeFilter].length === 0 ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.skillListEmptyContainer
+  }, /*#__PURE__*/_react.default.createElement(_reviewNoSkills.default, {
+    titleNoSkills: translate('review_skill_empty'),
+    textNoSkills: translate('review_skill_empty_description'),
+    iconSkillAriaLabel: translate('review_skill_empty'),
+    imagePosition: "top"
+  })) : filters[activeFilter].map((skill, index) => {
+    function handleReviewSkill() {
+      onReviewSkill(skill);
+    }
+
+    function handleExploreSkill() {
+      onExploreSkill(skill);
+    }
+
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: index
+    }, /*#__PURE__*/_react.default.createElement(_learnerSkillCard.default, {
+      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.default.childContextTypes.translate
+};
+MyLearning.propTypes = process.env.NODE_ENV !== "production" ? {
+  skills: _propTypes.default.arrayOf(_propTypes.default.string),
+  selectedSkills: _propTypes.default.arrayOf(_propTypes.default.string),
+  skillsInformation: _propTypes.default.objectOf(_propTypes.default.shape({
+    availableForReview: _propTypes.default.bool,
+    stats: _propTypes.default.shape({
+      score: _propTypes.default.number,
+      courses: _propTypes.default.number,
+      coursesCompleted: _propTypes.default.number,
+      questionsAnswered: _propTypes.default.number,
+      learningHours: _propTypes.default.number
+    })
+  })),
+  skillsLocales: _propTypes.default.objectOf(_propTypes.default.string),
+  learnerFeature: _propTypes.default.bool,
+  isLoading: _propTypes.default.bool,
+  onSkillFocusConfirm: _propTypes.default.func,
+  onReviewSkill: _propTypes.default.func,
+  onExploreSkill: _propTypes.default.func
+} : {};
+var _default = MyLearning;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ChangeSkillFocusButton","props","context","hovered","setHovered","useState","onClick","skin","translate","primarySkinColor","handleMouseOver","useCallback","handleMouseLeave","backgroundColor","convert","color","transition","position","faIcon","name","size","contextTypes","Provider","childContextTypes","propTypes","PropTypes","func","FilterButton","active","filter","skillTotal","Content","style","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","useMemo","skill","availableForReview","graphDatas","stats","score","graphLegends","filters","all","review","sumKpi","kpi","coursedCompletedData","questionsAnsweredData","learningHoursData","skillChartPaneLegends","focusedSkill","skillChartPanelProps","title","value","legend","icon","iconName","handleOnDotClick","skillRef","handleOpenSkillPicker","handleCloseSkillPicker","handleConfirmSkillPicker","focusSkillList","handleSearch","searchValueIncluded","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","includes","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 searchValueIncluded from '../../util/search-value-included';\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('skills_change_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: 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('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_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(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      <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('skills_focus_empty_title')}\n                </div>\n                <div className={style.skillFocusEmptyDescription}>\n                  {translate('skills_focus_empty_description')}\n                </div>\n                <ButtonLink\n                  label={translate('skills_choose_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_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(\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={\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                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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"}