mario-education 2.4.154-level → 2.4.156-level

package/dist/index.modern.js

@@ -22528,7 +22528,7 @@ var TYPECHART;
   TYPECHART[TYPECHART["DONUT"] = 4] = "DONUT";
 })(TYPECHART || (TYPECHART = {}));
 
-var styles$1 = {"dashboard-card":"_1Jgr2","quantity-table":"_3Thdy","size-icon":"_1WLBo","block-dashboard":"_10Pgm","size-arrow":"_3jPb_","color-down":"_1c43y","color-up":"_F1afY","box-filter":"_1kqUQ","title-card":"_10hbz","value-card":"_2rmw_","deviant-card":"_1tdQu","filter-card":"_2BvFN","box-skill-item":"_2TBTW","numerical-order":"_3XXJp","backoround-top-skill":"_LCuWQ","color-filter":"_3x9D7","btn-filter":"_2In63","block-collapse":"_1Vhg_","form-date-picker":"_6yLxd","bock-filter-left":"_h74SO","bock-filter-right":"_3e2pi","form-filter-right":"_ntUB6","form-filter-left":"_1DlZ4","bock-filter-wrap":"_1tYDM","title-card-box":"_3hSow","box-item":"_1yuC9","image-no-data":"_2PMoX","image-grade":"_3ZX0b","chart-data":"_2asi-","apexcharts-datalabels":"_muT01","apexcharts-pie-label":"_35BzZ","image-custom":"_3pkbc","image-special-need":"_16MpB","title-dashboard":"_CHu-i","box-chart":"_3Y-Dd","block-filter-right":"_1YJnk","shadow-lg":"_2eMbe","chart-header-wrapper":"_6ZvFg","devide-component":"_24CNV","header-chart":"_2vtSi","header-left":"_IpsVf","icon-chart":"_gzxWe","header-right":"_37IcR","header-title":"_2G6Wz","button-export":"_3xpNv","button-content":"_3H5Ly","button-icon":"_J_n-D","icon-config":"_3AALV","cursor-pointer":"_11Xjn","btn-show-chart":"_2htKu","rotate-180":"_q1nUO","header-chart-generate":"_s8xMf","block-header-chart":"_tHUJ_","name-chart":"_3xKHX","title-chart":"_pFFg9","description-chart":"_3hqV3","title-chart-generate":"_3rdqX","expand-icon":"_nwv00","custom-tooltip":"_29aQo","custom-tooltip-month":"_2SJIY","tooltip-data-cursor":"_2lZv_","tooltip-data-box":"_8NzTd","tooltip-data":"_1EP1I","name":"_1J69a","data":"_3-8OW","checkbox-chart":"_1qXAT","column-chart-percent":"_3NgrB","chart-background":"_32fu3","custom-marker":"_DmMzw","mark-custom":"_1eUXn","item-legend":"_3hrrC","label-legend-custom":"_Q-iiW","mark-legend":"_cD4ey","percent":"_2HWhv","listItem":"_2Hdbu","item":"_3RJ2T","item-checkbox":"_3dK0P","box-checkbox":"_1bHgZ","check-box":"_QwDVv","item-detail":"_1QgWc","question":"_348ls","avr-question":"_1VfnR","volatility":"_3eW34","arr":"_1bljF","month-text":"_30y0h","arrow":"_1HtM3","arrow-up":"_3qqQU","percent-text":"_2Fgfn","arrow-down":"_1yXO7","point-custom":"_2JNm-","student-by-age":"_38ikt","total-student":"_1TnWs","pie-chart":"_3BTJi","options-gender":"_1Ws0m","legend":"_2HnO_","text-lengend":"_2BFJw","student-by-grade":"_2az-l","bubble-chart-custom":"_2j8fp","x-axis-custom-wrap":"_1BN5z","axis-content":"_1rYav","legend-wrap":"_3-zAs","label-chart":"_24PRg","list-percent":"_1PPhv","percent-item":"_1rjWR","chart-custom":"_f-Ti4","title-grade":"_1hZ_V","title-modal":"_3L9WC","header-desc-modal":"_1TFtP","form-checkbox":"_37aqf","checkbox-content":"_1iabV","btn-export":"_1eQAg","image-logo":"_1eqkj","chart-to-canvas":"_2IQ8b","chart-pdf":"_sQ21k","box-top-5-most":"_3Eas5","filter-mobile-block":"_1tKnn","filter-wrapper-mobile":"_1Zuq3","total-card-wrapper":"_1i0El"};
+var styles$1 = {"dashboard-card":"_1Jgr2","quantity-table":"_3Thdy","size-icon":"_1WLBo","block-dashboard":"_10Pgm","size-arrow":"_3jPb_","color-down":"_1c43y","color-up":"_F1afY","box-filter":"_1kqUQ","title-card":"_10hbz","value-card":"_2rmw_","deviant-card":"_1tdQu","filter-card":"_2BvFN","box-skill-item":"_2TBTW","numerical-order":"_3XXJp","backoround-top-skill":"_LCuWQ","color-filter":"_3x9D7","btn-filter":"_2In63","block-collapse":"_1Vhg_","form-date-picker":"_6yLxd","bock-filter-left":"_h74SO","bock-filter-right":"_3e2pi","form-filter-right":"_ntUB6","form-filter-left":"_1DlZ4","bock-filter-wrap":"_1tYDM","title-card-box":"_3hSow","box-item":"_1yuC9","image-no-data":"_2PMoX","image-grade":"_3ZX0b","chart-data":"_2asi-","apexcharts-datalabels":"_muT01","apexcharts-pie-label":"_35BzZ","image-custom":"_3pkbc","image-special-need":"_16MpB","title-dashboard":"_CHu-i","box-chart":"_3Y-Dd","block-filter-right":"_1YJnk","shadow-lg":"_2eMbe","chart-header-wrapper":"_6ZvFg","devide-component":"_24CNV","header-chart":"_2vtSi","header-left":"_IpsVf","icon-chart":"_gzxWe","header-right":"_37IcR","header-title":"_2G6Wz","button-export":"_3xpNv","button-content":"_3H5Ly","button-icon":"_J_n-D","icon-config":"_3AALV","cursor-pointer":"_11Xjn","btn-show-chart":"_2htKu","rotate-180":"_q1nUO","header-chart-generate":"_s8xMf","block-header-chart":"_tHUJ_","name-chart":"_3xKHX","title-chart":"_pFFg9","description-chart":"_3hqV3","title-chart-generate":"_3rdqX","expand-icon":"_nwv00","custom-tooltip":"_29aQo","custom-tooltip-month":"_2SJIY","tooltip-data-cursor":"_2lZv_","tooltip-data-box":"_8NzTd","tooltip-data":"_1EP1I","name":"_1J69a","data":"_3-8OW","checkbox-chart":"_1qXAT","column-chart-percent":"_3NgrB","chart-background":"_32fu3","custom-marker":"_DmMzw","mark-custom":"_1eUXn","item-legend":"_3hrrC","label-legend-custom":"_Q-iiW","mark-legend":"_cD4ey","percent":"_2HWhv","listItem":"_2Hdbu","item":"_3RJ2T","item-checkbox":"_3dK0P","box-checkbox":"_1bHgZ","check-box":"_QwDVv","item-detail":"_1QgWc","question":"_348ls","avr-question":"_1VfnR","volatility":"_3eW34","arr":"_1bljF","month-text":"_30y0h","arrow":"_1HtM3","arrow-up":"_3qqQU","percent-text":"_2Fgfn","arrow-down":"_1yXO7","point-custom":"_2JNm-","student-by-age":"_38ikt","total-student":"_1TnWs","pie-chart":"_3BTJi","options-gender":"_1Ws0m","legend":"_2HnO_","text-lengend":"_2BFJw","student-by-grade":"_2az-l","bubble-chart-custom":"_2j8fp","x-axis-custom-wrap":"_1BN5z","axis-content":"_1rYav","chart-buddle":"_TPa6x","legend-wrap":"_3-zAs","label-chart":"_24PRg","list-percent":"_1PPhv","percent-item":"_1rjWR","chart-custom":"_f-Ti4","title-grade":"_1hZ_V","title-modal":"_3L9WC","header-desc-modal":"_1TFtP","form-checkbox":"_37aqf","checkbox-content":"_1iabV","btn-export":"_1eQAg","image-logo":"_1eqkj","chart-to-canvas":"_2IQ8b","chart-pdf":"_sQ21k","box-top-5-most":"_3Eas5","filter-mobile-block":"_1tKnn","filter-wrapper-mobile":"_1Zuq3","total-card-wrapper":"_1i0El"};
 
 var CheckboxCustom = function CheckboxCustom(_ref) {
   var _ref$background = _ref.background,
@@ -28423,6 +28423,7 @@ var INITIAl_STUDENT_DASHBOARD = {
 };
 var COLOR_CHART_AND_PERCENTS = ["#73C8E5", "#97AFB9", "#FFB04F", "#FF7670", "#00B8B2", "#00B8FF", "#C6A762", "#C94645", "#006E60", "#336DDA", "#994700"];
 var COLOR_CHART_BUBBLE = ["#169490", "#316CD9", "#FFB04F", "#0F9655"];
+var PERCENT = [100, 80, 60, 40, 20, 0];
 var GENDER_OPTION = [{
   value: -1,
   label: "All"
@@ -28679,30 +28680,10 @@ var readinesToLearnoptions = function readinesToLearnoptions(seriesName, data) {
         show: false
       }
     },
-    yaxis: [{
-      min: 0,
-      max: 100,
-      tickAmount: 5,
-      axisBorder: {
-        show: true
-      },
-      labels: {
-        style: {
-          colors: "#D3D3D3",
-          fontSize: "16px",
-          fontFamily: "Roboto",
-          fontWeight: 400,
-          cssClass: "apexcharts-yaxis-label"
-        },
-        formatter: function formatter(value) {
-          return Math.round(value) !== value ? value.toFixed(2) + "%" : value + "%";
-        }
-      }
-    }, {
+    yaxis: {
       min: 0,
       max: 100,
       tickAmount: 5,
-      opposite: true,
       axisBorder: {
         show: true
       },
@@ -28718,7 +28699,7 @@ var readinesToLearnoptions = function readinesToLearnoptions(seriesName, data) {
           return Math.round(value) !== value ? value.toFixed(2) + "%" : value + "%";
         }
       }
-    }],
+    },
     tooltip: {
       enabled: true,
       x: {
@@ -29380,7 +29361,9 @@ var useDashboard = function useDashboard() {
     setSafetyData(newSeriesOneToOne.filter(function (r) {
       return r.name.toLocaleLowerCase() == SAFETY_QUESTION;
     }));
-    setPreparednessData(preparednessQuestionData);
+    setPreparednessData(preparednessQuestionData.sort(function (a, b) {
+      return a.name.localeCompare(b.name);
+    }));
     setSuccessIndicatorsData(successIndicatorsQuestionData);
     setAvgQuestionLastMonth(data.overViewQuestionLastMonth);
   };
@@ -29679,6 +29662,23 @@ var useChartDatas = function useChartDatas() {
       selectedToPrint = _useState[0],
       setSelectedToPrint = _useState[1];
 
+  var _useState2 = useState({
+    calendar: {
+      value: FILTER_YEAR.THIS_YEAR,
+      label: "This Year"
+    },
+    gender: {
+      value: 0,
+      label: "All"
+    },
+    grade: -1,
+    bandScore: -1,
+    favoriteSurvey: -1,
+    academicYearId: -1
+  }),
+      labelBox = _useState2[0],
+      setLabelBox = _useState2[1];
+
   var handleSelectToPrint = function handleSelectToPrint(chartName) {
     var _updateSelectToPrint;
 
@@ -29717,24 +29717,34 @@ var useChartDatas = function useChartDatas() {
     name: FILTER_NAME.Calendar,
     icon: "/images/calendar.svg",
     handleChangeFilters: handleChangeFilters,
-    option: CALENDAR_OPTIONS
+    option: CALENDAR_OPTIONS,
+    labelBox: labelBox,
+    setLabelBox: setLabelBox
   }, {
     name: FILTER_NAME.StartDate,
     icon: "/images/calendar.svg",
-    handleChangeFilters: handleChangeFilters
+    handleChangeFilters: handleChangeFilters,
+    labelBox: labelBox,
+    setLabelBox: setLabelBox
   }, {
     name: FILTER_NAME.EndDate,
     icon: "/images/calendar.svg",
-    handleChangeFilters: handleChangeFilters
+    handleChangeFilters: handleChangeFilters,
+    labelBox: labelBox,
+    setLabelBox: setLabelBox
   }, {
     name: FILTER_NAME.Gender,
     icon: "/images/gender-icon.svg",
     handleChangeFilters: handleChangeFilters,
-    option: GENDER_OPTION
+    option: GENDER_OPTION,
+    labelBox: labelBox,
+    setLabelBox: setLabelBox
   }, {
     name: FILTER_NAME.Grade,
     icon: "/images/star-icon.svg",
     handleChangeFilters: handleChangeFilters,
+    labelBox: labelBox,
+    setLabelBox: setLabelBox,
     option: [{
       value: -1,
       label: "All"
@@ -29743,6 +29753,8 @@ var useChartDatas = function useChartDatas() {
     name: FILTER_NAME.BandScore,
     icon: "/images/star-icon.svg",
     handleChangeFilters: handleChangeFilters,
+    labelBox: labelBox,
+    setLabelBox: setLabelBox,
     option: [{
       value: -1,
       label: "All"
@@ -29751,18 +29763,24 @@ var useChartDatas = function useChartDatas() {
     name: FILTER_NAME.AcademicYear,
     icon: "/images/student-icon.svg",
     handleChangeFilters: handleChangeAcademicYearFilters,
-    option: [].concat(academicYearItem)
+    option: [].concat(academicYearItem),
+    labelBox: labelBox,
+    setLabelBox: setLabelBox
   }];
   var LIST_FILTERS_RIGHT = [{
     name: FILTER_NAME.StudentName,
     icon: "/images/student-icon.svg",
     handleChangeFilters: handleFilterStudent,
     studentId: filter.studentId,
+    labelBox: labelBox,
+    setLabelBox: setLabelBox,
     studentDefault: studentDefault
   }, {
     name: FILTER_NAME.TeacherName,
     icon: "/images/teacher-icon.svg",
     handleChangeFilters: handleFilterTeacher,
+    labelBox: labelBox,
+    setLabelBox: setLabelBox,
     studentId: filter.studentId
   }];
   var totalCardData = [{
@@ -29993,7 +30011,9 @@ var SelectFilter = function SelectFilter(_ref) {
       btnStyle = _ref.btnStyle,
       filter = _ref.filter,
       teacherUserId = _ref.teacherUserId,
-      changeCurrentTeacherUserId = _ref.changeCurrentTeacherUserId;
+      changeCurrentTeacherUserId = _ref.changeCurrentTeacherUserId,
+      labelBox = _ref.labelBox,
+      setLabelBox = _ref.setLabelBox;
 
   var _useTranslation = useTranslation(),
       t = _useTranslation.t;
@@ -30004,30 +30024,13 @@ var SelectFilter = function SelectFilter(_ref) {
       isOpenCollapse = _useState[0],
       setIsOpenCollapse = _useState[1];
 
-  var _useState2 = useState({
-    calendar: {
-      value: FILTER_YEAR.THIS_YEAR,
-      label: "This Year"
-    },
-    gender: {
-      value: 0,
-      label: "All"
-    },
-    grade: -1,
-    bandScore: -1,
-    favoriteSurvey: -1,
-    academicYearId: -1
-  }),
-      labelBox = _useState2[0],
-      setLabelBox = _useState2[1];
+  var _useState2 = useState(""),
+      teacherName = _useState2[0],
+      setTeacherName = _useState2[1];
 
   var _useState3 = useState(""),
-      teacherName = _useState3[0],
-      setTeacherName = _useState3[1];
-
-  var _useState4 = useState(""),
-      studentName = _useState4[0],
-      setStudentName = _useState4[1];
+      studentName = _useState3[0],
+      setStudentName = _useState3[1];
 
   var handleToggleCollapse = function handleToggleCollapse() {
     setIsOpenCollapse(!isOpenCollapse);
@@ -30039,6 +30042,9 @@ var SelectFilter = function SelectFilter(_ref) {
       optionDate: ""
     });
     setIsOpenCollapse(false);
+    setLabelBox(_extends({}, labelBox, {
+      calendarTime: undefined
+    }));
   };
 
   var handleChangeEndDate = function handleChangeEndDate(date) {
@@ -30047,6 +30053,9 @@ var SelectFilter = function SelectFilter(_ref) {
       optionDate: ""
     });
     setIsOpenCollapse(false);
+    setLabelBox(_extends({}, labelBox, {
+      calendarTime: undefined
+    }));
   };
 
   var onChangeGender = function onChangeGender(item) {
@@ -30079,13 +30088,15 @@ var SelectFilter = function SelectFilter(_ref) {
 
   var onChangeAcademicYear = function onChangeAcademicYear(option) {
     setLabelBox(_extends({}, labelBox, {
-      academicYearId: option.value
+      academicYearId: option.value,
+      calendarTime: undefined
     }));
     !!onChangeFilters && onChangeFilters(_extends({}, filter, {
       startDate: moment(option === null || option === void 0 ? void 0 : option.startTime).startOf("day").valueOf(),
       endDate: moment(option === null || option === void 0 ? void 0 : option.endTime).endOf("day").valueOf(),
       academicYearId: option === null || option === void 0 ? void 0 : option.value,
-      grade: []
+      grade: [],
+      optionDate: ""
     }));
   };
 
@@ -30718,7 +30729,7 @@ var GenerateChartData = function GenerateChartData(_ref) {
   })), React.createElement("div", {
     className: styles$1["listItem"] + " " + (!onActiveColumn && styles$1["ml-10"])
   }, series.map(function (item, index) {
-    var _handleAveraged$toFix, _handleAveraged, _avgs$index, _avgs$index2;
+    var _handleAveraged$toFix, _handleAveraged, _Math$abs, _Math$abs2;
 
     var isStressQuestion = item.name.toLocaleLowerCase().includes("stress");
     var classArrowUp = !isStressQuestion ? "arrow-up" : "arrow-down";
@@ -30761,7 +30772,7 @@ var GenerateChartData = function GenerateChartData(_ref) {
       d: "M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 370.8 224 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 306.7L54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"
     })), React.createElement("p", {
       className: styles$1["percent-text"] + " " + styles$1[classArrowDown]
-    }, ((_avgs$index = avgs[index]) === null || _avgs$index === void 0 ? void 0 : _avgs$index.toFixed(2)) + "%")) : React.createElement("div", {
+    }, ((_Math$abs = Math.abs(avgs[index] || 0)) === null || _Math$abs === void 0 ? void 0 : _Math$abs.toFixed(2)) + "%")) : React.createElement("div", {
       className: "" + styles$1["arr"]
     }, React.createElement("svg", {
       xmlns: "http://www.w3.org/2000/svg",
@@ -30772,7 +30783,7 @@ var GenerateChartData = function GenerateChartData(_ref) {
       d: "M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 370.8 224 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 306.7L54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"
     })), React.createElement("p", {
       className: styles$1["percent-text"] + " " + styles$1[classArrowUp]
-    }, ((_avgs$index2 = avgs[index]) === null || _avgs$index2 === void 0 ? void 0 : _avgs$index2.toFixed(2)) + "%")), React.createElement("p", {
+    }, ((_Math$abs2 = Math.abs(avgs[index] || 0)) === null || _Math$abs2 === void 0 ? void 0 : _Math$abs2.toFixed(2)) + "%")), React.createElement("p", {
       className: "" + styles$1["month-text"]
     }, "vs last " + timeOfDay))));
   })), React.createElement("div", {
@@ -31059,8 +31070,13 @@ var BubbleChartCustom = function BubbleChartCustom(_ref) {
   }, React.createElement("div", {
     className: styles$1["chart-custom"]
   }, React.createElement("div", {
-    className: styles$1["chart-buddle"]
-  }, React.createElement("div", null, React.createElement("div", {
+    className: styles$1["list-percent"]
+  }, PERCENT.map(function (i, index) {
+    return React.createElement("div", {
+      className: "" + styles$1["percent-item"],
+      key: index
+    }, i, "%");
+  })), React.createElement("div", {
     className: styles$1["legend-wrap"]
   }, seriesName.map(function (i, index) {
     return React.createElement("div", {
@@ -31074,7 +31090,9 @@ var BubbleChartCustom = function BubbleChartCustom(_ref) {
     }), React.createElement("label", {
       className: "" + styles$1["label-legend-custom"]
     }, i));
-  })), React.createElement(Chart, {
+  })), React.createElement("div", {
+    className: styles$1["chart-buddle"]
+  }, React.createElement("div", null, React.createElement(Chart, {
     options: readinesToLearnoptions(seriesName, data),
     type: "scatter",
     series: convertDataToSeriesBullderChart(data),
@@ -32136,6 +32154,7 @@ var Dashboard = function Dashboard() {
     setIsExpandChart(!isExpandChart);
   };
 
+  var layoutReadinessToLearn = !isExpandChart ? 6 : 12;
   return React.createElement("div", {
     className: "" + styles$1["block-dashboard"]
   }, React.createElement(Modal, {
@@ -32234,7 +32253,9 @@ var Dashboard = function Dashboard() {
       handleChangeFilters: e.handleChangeFilters,
       filter: filter,
       option: e.option,
-      onChangeFilters: onChangeFilters
+      onChangeFilters: onChangeFilters,
+      labelBox: e.labelBox,
+      setLabelBox: e.setLabelBox
     });
   })), React.createElement("div", {
     className: "d-flex flex-column " + styles$1["filter-wrapper-mobile"]
@@ -32242,6 +32263,8 @@ var Dashboard = function Dashboard() {
     return React.createElement(SelectFilter, {
       name: e.name,
       icon: e.icon,
+      labelBox: e.labelBox,
+      setLabelBox: e.setLabelBox,
       handleChangeFilters: e.handleChangeFilters,
       filter: filter,
       studentId: e.studentId || 0,
@@ -32262,6 +32285,8 @@ var Dashboard = function Dashboard() {
     return React.createElement(SelectFilter, {
       name: e.name,
       icon: e.icon,
+      labelBox: e.labelBox,
+      setLabelBox: e.setLabelBox,
       handleChangeFilters: e.handleChangeFilters,
       filter: filter,
       option: e.option,
@@ -32273,6 +32298,8 @@ var Dashboard = function Dashboard() {
     return React.createElement(SelectFilter, {
       name: e.name,
       icon: e.icon,
+      labelBox: e.labelBox,
+      setLabelBox: e.setLabelBox,
       handleChangeFilters: e.handleChangeFilters,
       filter: filter,
       studentId: e.studentId || 0,
@@ -32308,9 +32335,9 @@ var Dashboard = function Dashboard() {
   }), React.createElement(Collapse, {
     isOpen: chartIsOpened[0]
   }, React.createElement(Row, {
-    className: chartIsOpened[0] ? "d-flex" : "d-block"
+    className: "d-flex"
   }, React.createElement(Col, {
-    md: !isExpandChart && chartIsOpened[0] ? 6 : 12
+    md: chartIsOpened[0] ? layoutReadinessToLearn : 4
   }, React.createElement(GenerateChartData, {
     isShowExpandIcon: true,
     colors: ["#0F9655"],
@@ -32324,7 +32351,7 @@ var Dashboard = function Dashboard() {
     onExpand: handleToggleChartWidth,
     timeOfDay: filter.optionDate
   })), React.createElement(Col, {
-    md: !isExpandChart && chartIsOpened[0] ? 6 : 12,
+    md: chartIsOpened[0] ? layoutReadinessToLearn : 4,
     className: ""
   }, React.createElement(GenerateChartData, {
     isShowExpandIcon: true,
@@ -32402,7 +32429,7 @@ var Dashboard = function Dashboard() {
   }, React.createElement(Row, null, React.createElement(Col, {
     md: !chartIsOpened[1] ? 6 : 12
   }, React.createElement(GenerateChartData, {
-    colors: ["#73C8E5", "#F9F871", "#D7B0DE", "#E56362", "#5A7F05", "#D3D3D3"],
+    colors: ["#73C8E5", "#FFB04F", "#D7B0DE", "#E56362", "#5A7F05", "#D3D3D3"],
     name: t(learningProcessName),
     typeChart: TYPECHART.AREA,
     onActiveColumn: handleActiveColumnConference,