mario-education 2.4.42-admin → 2.4.44-admin

package/dist/index.modern.js

@@ -18,6 +18,8 @@ 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 jsPDF from 'jspdf';
 import html2canvas from 'html2canvas';
 
@@ -1051,6 +1053,8 @@ var FILTER_NAME;
   FILTER_NAME["BandScore"] = "Current Grade";
   FILTER_NAME["StudentName"] = "Student name";
   FILTER_NAME["TeacherName"] = "Teacher name";
+  FILTER_NAME["StartDate"] = "Start Date";
+  FILTER_NAME["EndDate"] = "End Date";
 })(FILTER_NAME || (FILTER_NAME = {}));
 
 var header$1 = "Conference rubric";
@@ -1148,7 +1152,7 @@ var ConferenceRubricList = function ConferenceRubricList() {
   }))));
 };
 
-var styles = {"test":"_3ybTi","body-question-right":"_1H0W8","body-question":"_b-AXV","badge-icon":"_1fgfO","input-color-picker":"_2YR4l","question-list-session-template":"_114IY","delete-column-question-list-sesstion-template":"_qE7J0","conference-rubric-skill-column":"_2BV3o","conference-rubric-additional-row":"_1P4F2","conference-rubric-row-test":"_1SRmg","emotional-response":"_ZDINp","star-rating":"_Kzkzd","list-teacher-compare":"_Q0sF1","teacher-item":"_gu_yD","teacher-item-selected":"_33tYy","btn-filter":"_2VZin","color-filter":"_2M0vR","block-filter-component":"_1d6uY","select-filter-component":"_1XSIo","hidden":"_3o8gR","box-select":"_3ru37","radio-btn":"_1tQvL","box-select-label":"_3VNX5"};
+var styles = {"test":"_3ybTi","body-question-right":"_1H0W8","body-question":"_b-AXV","badge-icon":"_1fgfO","input-color-picker":"_2YR4l","question-list-session-template":"_114IY","delete-column-question-list-sesstion-template":"_qE7J0","conference-rubric-skill-column":"_2BV3o","conference-rubric-additional-row":"_1P4F2","conference-rubric-row-test":"_1SRmg","emotional-response":"_ZDINp","star-rating":"_Kzkzd","list-teacher-compare":"_Q0sF1","teacher-item":"_gu_yD","teacher-item-selected":"_33tYy","btn-filter":"_2VZin","color-filter":"_2M0vR","block-filter-component":"_1d6uY","select-filter-component":"_1XSIo","hidden":"_3o8gR","box-select":"_3ru37","radio-btn":"_1tQvL","box-select-label":"_3VNX5","date-picker":"_I8kqz"};
 
 var ToggleInput = function ToggleInput(_ref) {
   var value = _ref.value,
@@ -27582,7 +27586,11 @@ var useChartDatas = function useChartDatas() {
   };
 
   var LIST_FILTERS_LEFT = [{
-    name: FILTER_NAME.Calendar,
+    name: FILTER_NAME.StartDate,
+    icon: "/images/calendar.svg",
+    handleChangeFilters: handleChangeFilters
+  }, {
+    name: FILTER_NAME.EndDate,
     icon: "/images/calendar.svg",
     handleChangeFilters: handleChangeFilters
   }, {
@@ -28037,8 +28045,19 @@ var SelectFilter = function SelectFilter(_ref) {
     }));
   };
 
+  var handleChangeStartDate = function handleChangeStartDate(date) {
+    !!onChangeFilters && onChangeFilters({
+      startDate: moment(date).startOf("day").valueOf()
+    });
+  };
+
+  var handleChangeEndDate = function handleChangeEndDate(date) {
+    !!onChangeFilters && onChangeFilters({
+      endDate: moment(date).endOf("day").valueOf()
+    });
+  };
+
   var onChangeGender = function onChangeGender(item) {
-    console.log("item", item);
     !!onChangeFilters && onChangeFilters({
       gender: item.value === -1 ? [LegalGenderType.None, LegalGenderType.Male, LegalGenderType.Female] : [item.value]
     });
@@ -28121,6 +28140,62 @@ var SelectFilter = function SelectFilter(_ref) {
       }))));
     }
 
+    if (name === FILTER_NAME.StartDate) {
+      return React.createElement("div", {
+        key: "" + name,
+        className: "" + styles["block-filter-component"]
+      }, React.createElement("button", {
+        onClick: handleToggleCollapse,
+        className: styles["btn-filter"] + " d-flex align-items-center cursor-pointer"
+      }, 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", {
+        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"
+        }
+      }))));
+    }
+
+    if (name === FILTER_NAME.EndDate) {
+      return React.createElement("div", {
+        key: "" + name,
+        className: "" + styles["block-filter-component"]
+      }, React.createElement("button", {
+        onClick: handleToggleCollapse,
+        className: styles["btn-filter"] + " d-flex align-items-center cursor-pointer"
+      }, 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", {
+        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"
+        }
+      }))));
+    }
+
     if (name === FILTER_NAME.Gender) {
       return React.createElement("div", {
         key: "" + name,