mario-education 2.4.282-release → 2.4.286-release

package/dist/containers/MyStudent/components/NewOverview/Chat/configs/utils.d.ts

@@ -6,7 +6,7 @@ export declare const average: (arr: number[]) => number;
 export declare const convertDataToDataChart: (data: IOverviewQuestionChoice[]) => string[];
 export declare const overallDonutCHartOptions: (labelNames: string[], colors: string[], isCountSeries?: boolean | undefined, textColors?: string[] | undefined) => ApexOptions;
 export declare const learningStrategyChartOptions: (labelNames: any, usageCountList: number[], isMobileScreen: boolean) => ApexOptions;
-export declare const readinesToLearnoptions: (seriesName: string[], redirectStudentOverview?: Function | undefined, isStudent?: boolean | undefined, colors?: string[] | undefined, isStudentResponses?: boolean | undefined) => ApexOptions;
+export declare const readinesToLearnoptions: (seriesName: string[], redirectStudentOverview?: Function | undefined, isStudent?: boolean | undefined, colors?: string[] | undefined, isStudentResponses?: boolean | undefined, data?: any) => ApexOptions;
 export declare const convertDataToSeriesBullderChart: (data: IReadinessToLearning[], chartWidth: number, isStudentResponses?: boolean | undefined) => {
     name: string;
     data: import("react").ReactText[][];

package/dist/containers/QuestionBank/hooks/useWeeklyQuest.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+interface IWeeklyQuest {
+    id: number;
+    title: string;
+    challange: number;
+    source: number;
+    request: number;
+    order: number;
+    active: boolean;
+}
+declare const useWeeklyQuest: () => {
+    handleSetQuest: (id?: number | undefined) => void;
+    total: number;
+    setTotal: import("react").Dispatch<import("react").SetStateAction<number>>;
+    gridOptions: any;
+    setRef: (node: any) => any;
+    updateOrderQuest: (data: any) => Promise<void>;
+    filters: any;
+    changeFilters: (updatedFilters: any) => void;
+    handleSortFilter: (colId: string) => void;
+    weeklyQuestList: IWeeklyQuest[];
+};
+export default useWeeklyQuest;

package/dist/containers/QuestionBank/hooks/useWeeklyQuestDetail.d.ts

@@ -0,0 +1,20 @@
+declare type TQuestDetail = {
+    challenge: string;
+    id: number;
+    order: number;
+    request: string;
+    source: string;
+    status: boolean;
+    title: string;
+};
+declare const useWeeklyQuestDetail: (id?: number | undefined) => {
+    dataDetail: TQuestDetail;
+    backToList: () => void;
+    confirmData: () => Promise<void>;
+    handleChangeQuestItem: (val: any) => void;
+    selectedChallenge: {
+        value: number;
+        label: string;
+    };
+};
+export default useWeeklyQuestDetail;

package/dist/containers/QuestionBank/views/SettingWeeklyQuest.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const SettingWeeklyQuest: FC;
+export default SettingWeeklyQuest;

package/dist/containers/QuestionBank/views/WeeklyQuest.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const WeeklyQuest: FC;
+export default WeeklyQuest;

package/dist/index.js

@@ -48811,7 +48811,7 @@ var overallDonutCHartOptions$1 = function overallDonutCHartOptions(labelNames, c
     }
   };
 };
-var readinesToLearnoptions$1 = function readinesToLearnoptions(seriesName, redirectStudentOverview, isStudent, colors, isStudentResponses) {
+var readinesToLearnoptions$1 = function readinesToLearnoptions(seriesName, redirectStudentOverview, isStudent, colors, isStudentResponses, data) {
   var configToolTip = {
     enabled: true,
     x: {
@@ -48850,6 +48850,145 @@ var readinesToLearnoptions$1 = function readinesToLearnoptions(seriesName, redir
             return r.includes(studentName);
           });
           if (!!student && !isStudent) redirectStudentOverview === null || redirectStudentOverview === void 0 ? void 0 : redirectStudentOverview(student[student.length - 1]);
+        },
+        mouseLeave: function mouseLeave() {
+          var chartBubbleCustom = document.getElementById("chart_survey_bubble_custom");
+
+          if (!!chartBubbleCustom) {
+            var tooltipsClone = chartBubbleCustom.getElementsByClassName("custom-tooltip-clone");
+
+            while (tooltipsClone.length > 0) {
+              tooltipsClone[0].remove();
+            }
+          }
+        },
+        mouseMove: function mouseMove(_event, _chartContext, config) {
+          var _config$config;
+
+          var dataConfigs = (config === null || config === void 0 ? void 0 : (_config$config = config.config) === null || _config$config === void 0 ? void 0 : _config$config.series) || [];
+          var seriesIndex = config.seriesIndex != -1 ? config.seriesIndex : 0;
+          var chartBubbleCustom = document.getElementById("chart_survey_bubble_custom");
+          var seriesCount = data.length;
+
+          if (!!chartBubbleCustom) {
+            if (config.seriesIndex == -1 && config.dataPointIndex == -1) {
+              var tooltipsClone = chartBubbleCustom.getElementsByClassName("custom-tooltip-clone");
+
+              while (tooltipsClone.length > 0) {
+                tooltipsClone[0].remove();
+              }
+            } else {
+              var x = (chartBubbleCustom.offsetWidth - 50) / seriesCount;
+              var canvas = chartBubbleCustom.getElementsByClassName("apexcharts-canvas") || [];
+
+              for (var i = 0; i < canvas.length; i++) {
+                var element = canvas[i];
+                var tooltips = element.getElementsByClassName("apexcharts-tooltip") || [];
+                var activeTooltip = Array.from(tooltips).find(function (item) {
+                  return item.classList.contains('apexcharts-active');
+                });
+                if (!activeTooltip) return;
+
+                if (tooltips.length < seriesCount) {
+                  for (var j = 0; j < seriesCount; j++) {
+                    if (j != seriesIndex) {
+                      var _dataConfigs$j, _dataConfigs$j$data;
+
+                      var value = (_dataConfigs$j = dataConfigs[j]) === null || _dataConfigs$j === void 0 ? void 0 : (_dataConfigs$j$data = _dataConfigs$j.data) === null || _dataConfigs$j$data === void 0 ? void 0 : _dataConfigs$j$data[config.dataPointIndex];
+                      var newTooltip = activeTooltip.cloneNode(true);
+                      newTooltip.style.top = "80px";
+                      newTooltip.style.left = x * j + x / 3 + "px";
+                      newTooltip.classList.add("custom-tooltip-clone");
+                      newTooltip.classList.add("custom-" + j);
+                      var seriesGroup = newTooltip.getElementsByClassName("apexcharts-tooltip-series-group") || [];
+
+                      for (var index = 0; index < seriesGroup.length; index++) {
+                        var series = seriesGroup[index];
+                        var dots = series.getElementsByClassName("apexcharts-tooltip-marker") || [];
+                        var labels = series.getElementsByClassName("apexcharts-tooltip-text-value") || [];
+                        var yLabels = series.getElementsByClassName("apexcharts-tooltip-text-y-value") || [];
+                        var students = series.getElementsByClassName("apexcharts-tooltip-text-z-value") || [];
+                        var dotElement = dots[0];
+                        var innerLabel = labels[0];
+                        var innerYLabel = yLabels[0];
+                        var innerStudent = students[0];
+
+                        if (!!dotElement) {
+                          dotElement.style.backgroundColor = COLOR_CHART_BUBBLE$1[j];
+                        }
+
+                        if (!!innerLabel) {
+                          var _value$;
+
+                          innerLabel.innerHTML = (parseFloat(value === null || value === void 0 ? void 0 : (_value$ = value[1]) === null || _value$ === void 0 ? void 0 : _value$.toFixed(2)).toString() || 0) + "%";
+                        }
+
+                        if (!!innerYLabel) {
+                          var _value$2;
+
+                          innerYLabel.innerHTML = (parseFloat(value === null || value === void 0 ? void 0 : (_value$2 = value[1]) === null || _value$2 === void 0 ? void 0 : _value$2.toFixed(2)).toString() || 0) + "%";
+                        }
+
+                        if (!!innerStudent) {
+                          innerStudent.innerHTML = (value === null || value === void 0 ? void 0 : value[2]) || "";
+                        }
+                      }
+
+                      element.appendChild(newTooltip);
+                    }
+                  }
+                } else if (tooltips.length == seriesCount) {
+                  for (var _j = 0; _j < seriesCount; _j++) {
+                    if (_j != seriesIndex) {
+                      var _dataConfigs$_j, _dataConfigs$_j$data;
+
+                      var _value = (_dataConfigs$_j = dataConfigs[_j]) === null || _dataConfigs$_j === void 0 ? void 0 : (_dataConfigs$_j$data = _dataConfigs$_j.data) === null || _dataConfigs$_j$data === void 0 ? void 0 : _dataConfigs$_j$data[config.dataPointIndex];
+
+                      var tooltipQuery = element.getElementsByClassName("custom-" + _j);
+
+                      if (tooltipQuery && tooltipQuery.length > 0) {
+                        var _seriesGroup = tooltipQuery[0].getElementsByClassName("apexcharts-tooltip-series-group") || [];
+
+                        for (var _index = 0; _index < _seriesGroup.length; _index++) {
+                          var _series = _seriesGroup[_index];
+
+                          var _labels = _series.getElementsByClassName("apexcharts-tooltip-text-value") || [];
+
+                          var _yLabels = _series.getElementsByClassName("apexcharts-tooltip-text-y-value") || [];
+
+                          var _students = _series.getElementsByClassName("apexcharts-tooltip-text-z-value") || [];
+
+                          var _innerLabel = _labels[0];
+                          var _innerYLabel = _yLabels[0];
+                          var _innerStudent = _students[0];
+
+                          if (!!_innerLabel) {
+                            var _value$3;
+
+                            _innerLabel.innerHTML = (parseFloat(_value === null || _value === void 0 ? void 0 : (_value$3 = _value[1]) === null || _value$3 === void 0 ? void 0 : _value$3.toFixed(2)).toString() || 0) + "%";
+                          }
+
+                          if (!!_innerYLabel) {
+                            var _value$4;
+
+                            _innerYLabel.innerHTML = (parseFloat(_value === null || _value === void 0 ? void 0 : (_value$4 = _value[1]) === null || _value$4 === void 0 ? void 0 : _value$4.toFixed(2)).toString() || 0) + "%";
+                          }
+
+                          if (!!_innerStudent) {
+                            _innerStudent.innerHTML = (_value === null || _value === void 0 ? void 0 : _value[2]) || "";
+                          }
+                        }
+                      }
+                    }
+                  }
+                } else if (tooltips.length > seriesCount) {
+                  for (var _j2 = tooltips.length - 1; _j2 >= seriesCount; _j2--) {
+                    tooltips[_j2].remove();
+                  }
+                }
+              }
+            }
+          }
         }
       }
     },
@@ -49236,7 +49375,7 @@ var RatingOfQuestions = function RatingOfQuestions(_ref) {
     className: "" + styles$3["show-result"]
   }, React__default.createElement(core$1.Typography, {
     className: "" + styles$3["title"]
-  }, t("show_results_for")), !!selectQuestion && React__default.createElement(lab.Autocomplete, {
+  }, t("responses_and_response_rates_per_question")), !!selectQuestion && React__default.createElement(lab.Autocomplete, {
     fullWidth: true,
     disableClearable: true,
     id: "combo-box-demo",
@@ -49378,9 +49517,10 @@ var BubbleChartCustom$2 = function BubbleChartCustom(_ref) {
   })), React__default.createElement("div", {
     className: styles$4["chart-buddle"]
   }, React__default.createElement("div", {
-    ref: chartRef
+    ref: chartRef,
+    id: "chart_survey_bubble_custom"
   }, React__default.createElement(Chart, {
-    options: readinesToLearnoptions$1(seriesName, redirectStudentOverview, isStudent, colors, isStudentResponses),
+    options: readinesToLearnoptions$1(seriesName, redirectStudentOverview, isStudent, colors, isStudentResponses, data),
     type: "scatter",
     series: convertDataToSeriesBullderChart$1(data, chartWidth, isStudentResponses),
     width: "100%",
@@ -50476,7 +50616,7 @@ var SurveyDetailAdmin = function SurveyDetailAdmin() {
     className: "" + styles$3["responses-distribution"]
   }, React__default.createElement(core$1.Typography, {
     className: "" + styles$3["title"]
-  }, t("responses_distribution")), React__default.createElement(core$1.Typography, {
+  }, t("responses_comparisons")), React__default.createElement(core$1.Typography, {
     className: "" + styles$3["description"]
   }, t("you_can_only_select_number_kpis_at_a_time", {
     number: 4
@@ -50545,7 +50685,7 @@ var SurveyDetailAdmin = function SurveyDetailAdmin() {
     className: "" + styles$3["responses-distribution"]
   }, React__default.createElement(core$1.Typography, {
     className: "" + styles$3["title"]
-  }, "Dropdown and Verbal questions distribution"), React__default.createElement(core$1.Grid, {
+  }, t("dropdown_and_verbal_questions_responses")), React__default.createElement(core$1.Grid, {
     container: true,
     spacing: 2
   }, React__default.createElement(core$1.Grid, {