mario-education 2.4.46-admin → 2.4.49-admin

package/dist/index.modern.js

@@ -18,8 +18,7 @@ import { FaCheck, FaTimes, FaRegEdit } from 'react-icons/fa';
 import { Editor } from '@tinymce/tinymce-react';
 import Chart from 'react-apexcharts';
 import { FiChevronDown, FiChevronUp } from 'react-icons/fi';
-import { MuiPickersUtilsProvider, KeyboardDatePicker } from '@material-ui/pickers';
-import MomentUtils from '@date-io/moment';
+import 'react-datepicker/dist/react-datepicker.css';
 import jsPDF from 'jspdf';
 import html2canvas from 'html2canvas';
 
@@ -26115,12 +26114,38 @@ var getConvertMinuteToHour = function getConvertMinuteToHour(timeSecond) {
 
   return hTime;
 };
-var readinesToLearnoptions = function readinesToLearnoptions(seriesName) {
+var readinesToLearnoptions = function readinesToLearnoptions(seriesName, data) {
+  var history = useHistory();
+  var listStudentWithId = [];
+  data === null || data === void 0 ? void 0 : data.forEach(function (element) {
+    var _element$studentPerce;
+
+    element === null || element === void 0 ? void 0 : (_element$studentPerce = element.studentPercentQuestion) === null || _element$studentPerce === void 0 ? void 0 : _element$studentPerce.forEach(function (item) {
+      if (!(listStudentWithId !== null && listStudentWithId !== void 0 && listStudentWithId.map(function (i) {
+        return i === null || i === void 0 ? void 0 : i.studentId;
+      }).includes(item.studentId))) listStudentWithId.push({
+        studentName: item.studentName,
+        studentId: item.studentId
+      });
+    });
+  });
   return {
     chart: {
       height: 450,
       toolbar: {
         show: false
+      },
+      events: {
+        markerClick: function markerClick(_e, _chart, options) {
+          var _listStudentWithId$fi;
+
+          var currentStudentId = (_listStudentWithId$fi = listStudentWithId.find(function (i) {
+            var _options$w, _options$w$globals;
+
+            return i.studentName.toLowerCase().trim() == (options === null || options === void 0 ? void 0 : (_options$w = options.w) === null || _options$w === void 0 ? void 0 : (_options$w$globals = _options$w.globals) === null || _options$w$globals === void 0 ? void 0 : _options$w$globals.seriesZ[options === null || options === void 0 ? void 0 : options.dataPointIndex][options === null || options === void 0 ? void 0 : options.dataPointIndex].toLowerCase().trim());
+          })) === null || _listStudentWithId$fi === void 0 ? void 0 : _listStudentWithId$fi.studentId;
+          history.push("/student-detail/overview/" + currentStudentId);
+        }
       }
     },
     dataLabels: {
@@ -26195,7 +26220,7 @@ var convertDataToSeriesBullderChart = function convertDataToSeriesBullderChart(d
     return {
       name: i.questionText.replace("<p>", "").replace("</p>", ""),
       data: ((_i$studentPercentQues = i.studentPercentQuestion) === null || _i$studentPercentQues === void 0 ? void 0 : _i$studentPercentQues.map(function (question) {
-        return [getRandomArbitrary((index + 1) * 1000 - 330, (index + 1) * 1000 + 330), question.percentQuestion, question.studentName];
+        return [getRandomArbitrary((index + 1) * 1000 - 330, (index + 1) * 1000 + 330), question.percentQuestion, question.studentName, question.studentId];
       })) || []
     };
   });
@@ -26390,7 +26415,7 @@ var optionBarChartAndArea = function optionBarChartAndArea(months, activeData, n
     },
     fill: {
       opacity: newseries === null || newseries === void 0 ? void 0 : newseries.map(function (item) {
-        if ((item === null || item === void 0 ? void 0 : item.type) == 'area') {
+        if ((item === null || item === void 0 ? void 0 : item.type) == "area") {
           return 0.2;
         }
 
@@ -26407,7 +26432,7 @@ var optionBarChartAndArea = function optionBarChartAndArea(months, activeData, n
         return activeData[index];
       }),
       width: newseries === null || newseries === void 0 ? void 0 : newseries.map(function (item) {
-        if ((item === null || item === void 0 ? void 0 : item.type) == 'area') {
+        if ((item === null || item === void 0 ? void 0 : item.type) == "area") {
           return 2;
         }
 
@@ -26580,7 +26605,7 @@ var BubbleChartCustom = function BubbleChartCustom(_ref) {
   })), React.createElement("div", {
     className: styles$1["chart-buddle"]
   }, React.createElement("div", null, React.createElement(Chart, {
-    options: readinesToLearnoptions(seriesName),
+    options: readinesToLearnoptions(seriesName, data),
     type: "scatter",
     series: convertDataToSeriesBullderChart(data),
     width: "100%",
@@ -28033,29 +28058,18 @@ var SelectFilter = function SelectFilter(_ref) {
     setIsOpenCollapse(!isOpenCollapse);
   };
 
-  var onChangeYear = function onChangeYear(item) {
-    !!onChangeFilters && onChangeFilters({
-      startDate: item.startDate,
-      endDate: item.endDate
-    });
-    setLabelBox(_extends({}, labelBox, {
-      calendar: {
-        value: item.value,
-        label: item.label
-      }
-    }));
-  };
-
   var handleChangeStartDate = function handleChangeStartDate(date) {
     !!onChangeFilters && onChangeFilters({
       startDate: moment(date).startOf("day").valueOf()
     });
+    setIsOpenCollapse(false);
   };
 
   var handleChangeEndDate = function handleChangeEndDate(date) {
     !!onChangeFilters && onChangeFilters({
       endDate: moment(date).endOf("day").valueOf()
     });
+    setIsOpenCollapse(false);
   };
 
   var onChangeGender = function onChangeGender(item) {
@@ -28075,15 +28089,15 @@ var SelectFilter = function SelectFilter(_ref) {
       grade: grade.value
     }));
 
-    if (grade.value === -1) {
+    if (grade.value == -1) {
       !!onChangeFilters && onChangeFilters({
         grade: []
       });
+    } else {
+      !!onChangeFilters && onChangeFilters({
+        grade: [grade.label]
+      });
     }
-
-    !!onChangeFilters && onChangeFilters({
-      grade: [grade.label]
-    });
   };
 
   var onChangeBandScore = function onChangeBandScore(score) {
@@ -28095,11 +28109,11 @@ var SelectFilter = function SelectFilter(_ref) {
       !!onChangeFilters && onChangeFilters({
         bandScore: ""
       });
+    } else {
+      !!onChangeFilters && onChangeFilters({
+        bandScore: score.label
+      });
     }
-
-    !!onChangeFilters && onChangeFilters({
-      bandScore: score.label
-    });
   };
 
   var handleClickOutSide = function handleClickOutSide(event) {
@@ -28113,45 +28127,6 @@ var SelectFilter = function SelectFilter(_ref) {
   }, []);
 
   var renderSelectFilter = function renderSelectFilter() {
-    if (name === FILTER_NAME.Calendar) {
-      return React.createElement("div", {
-        key: "" + name,
-        className: styles["block-filter-component"] + " ",
-        ref: ref
-      }, React.createElement("button", {
-        onClick: handleToggleCollapse,
-        className: styles["btn-filter"] + " d-flex align-items-center cursor-pointer"
-      }, React.createElement("img", {
-        src: "" + icon,
-        alt: labelBox.calendar.label
-      }), React.createElement("p", {
-        className: styles["color-filter"] + " my-0 mx-2"
-      }, labelBox.calendar.label), !isOpenCollapse ? React.createElement(FiChevronDown, null) : React.createElement(FiChevronUp, null)), React.createElement("div", {
-        className: styles["select-filter-component"] + " " + (!isOpenCollapse && "" + styles["hidden"])
-      }, React.createElement(Form, {
-        className: "" + styles["box-select"]
-      }, filterYearData.map(function (item) {
-        return React.createElement(FormGroup, {
-          check: true,
-          className: "my-2 px-3"
-        }, React.createElement(Input, {
-          id: item.label + "filterYear",
-          name: "filterYear",
-          value: item.value,
-          type: "radio",
-          className: "" + styles["radio-btn"],
-          checked: labelBox.calendar.value === item.value,
-          onChange: function onChange() {
-            return onChangeYear(item);
-          }
-        }), React.createElement(Label, {
-          check: true,
-          "for": item.label + "filterYear",
-          className: "" + styles["box-select-label"]
-        }, React.createElement("p", null, item.label)));
-      }))));
-    }
-
     if (name === FILTER_NAME.StartDate) {
       return React.createElement("div", {
         key: "" + name,
@@ -28165,23 +28140,15 @@ var SelectFilter = function SelectFilter(_ref) {
         alt: labelBox.calendar.label
       }), React.createElement("p", {
         className: styles["color-filter"] + " my-0 mx-2"
-      }, "Start Date", !!(filter !== null && filter !== void 0 && filter.startDate) && ": " + moment(filter === null || filter === void 0 ? void 0 : filter.startDate).format("DD/MM/YYYY"))), React.createElement("div", {
+      }, "Start Date", !!(filter !== null && filter !== void 0 && filter.startDate) && ": " + moment(filter === null || filter === void 0 ? void 0 : filter.startDate).format("DD/MM/YYYY"))), isOpenCollapse && React.createElement("div", {
         className: "" + styles["date-picker"]
-      }, React.createElement(MuiPickersUtilsProvider, {
-        utils: MomentUtils
-      }, React.createElement(KeyboardDatePicker, {
-        open: isOpenCollapse,
-        onClose: handleToggleCollapse,
-        variant: "dialog",
-        disableToolbar: true,
-        id: "date-picker-dialog",
-        format: "MM/dd/yyyy",
-        onChange: handleChangeStartDate,
-        value: filter === null || filter === void 0 ? void 0 : filter.startDate,
-        KeyboardButtonProps: {
-          "aria-label": "change date"
-        }
-      }))));
+      }, React.createElement(DatePicker, {
+        selected: moment(filter === null || filter === void 0 ? void 0 : filter.startDate).toDate(),
+        onChange: function onChange(date) {
+          return handleChangeStartDate(date);
+        },
+        inline: true
+      })));
     }
 
     if (name === FILTER_NAME.EndDate) {
@@ -28197,23 +28164,15 @@ var SelectFilter = function SelectFilter(_ref) {
         alt: labelBox.calendar.label
       }), React.createElement("p", {
         className: styles["color-filter"] + " my-0 mx-2"
-      }, "End Date", !!(filter !== null && filter !== void 0 && filter.endDate) && ": " + moment(filter === null || filter === void 0 ? void 0 : filter.endDate).format("DD/MM/YYYY"))), React.createElement("div", {
+      }, "End Date", !!(filter !== null && filter !== void 0 && filter.endDate) && ": " + moment(filter === null || filter === void 0 ? void 0 : filter.endDate).format("DD/MM/YYYY"))), isOpenCollapse && React.createElement("div", {
         className: "" + styles["date-picker"]
-      }, React.createElement(MuiPickersUtilsProvider, {
-        utils: MomentUtils
-      }, React.createElement(KeyboardDatePicker, {
-        open: isOpenCollapse,
-        onClose: handleToggleCollapse,
-        variant: "dialog",
-        disableToolbar: true,
-        id: "date-picker-dialog",
-        format: "MM/dd/yyyy",
-        onChange: handleChangeEndDate,
-        value: filter === null || filter === void 0 ? void 0 : filter.endDate,
-        KeyboardButtonProps: {
-          "aria-label": "change date"
-        }
-      }))));
+      }, React.createElement(DatePicker, {
+        selected: moment(filter === null || filter === void 0 ? void 0 : filter.endDate).toDate(),
+        onChange: function onChange(date) {
+          return handleChangeEndDate(date);
+        },
+        inline: true
+      })));
     }
 
     if (name === FILTER_NAME.Gender) {
@@ -28362,7 +28321,7 @@ var SelectFilter = function SelectFilter(_ref) {
       }, React.createElement(TeacherItemSelector, {
         onChange: function onChange(e) {
           handleChangeFilters(e);
-          !!changeCurrentTeacherUserId && changeCurrentTeacherUserId(e.teacherUserId || "");
+          !!changeCurrentTeacherUserId && changeCurrentTeacherUserId((e === null || e === void 0 ? void 0 : e.teacherUserId) || "");
 
           if (!(e !== null && e !== void 0 && e.label)) {
             setTeacherName("");