mario-education 2.4.46-admin → 2.4.48-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';
 
@@ -28033,29 +28032,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 +28063,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 +28083,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 +28101,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 +28114,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 +28138,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 +28295,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("");