mario-education 2.2.5 → 2.2.9

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import { api, BASE_URL, setAlert, CustomSelector, LinkEditButton, DeleteButtonIcon, EmptyDataAlert, CommonModal, RequiredLabel, ErrorHandler, useFilters, setLoading, setClassList, setModal, QuitPrompt, AddButton, CustomPagination, setConferenceRubricList, SearchBoxContainer, getTextFromHTML, generateRandomString, QuestionCategorySelector, DetailActionButtons, SuggestionCategorySelector, CreatableSelector, setSuggestionList, setStrategyList, UploadFileButton, systemStudentBadge, setBadgeList, getFileUrl, setGoalExampleList, setSubjectList, setLearningSupportCategoryList, apiUpload, utcToLocalTime, DATE_FORMAT, setSemesterList, setBandScoreList, EditButtonIcon, setSchoolBlankDayList, SearchBox, CustomTab, SkillList, QUESTION_TYPES, EMOTIONS, QUESTION_TYPES_OPTIONS, setQuestionList, setQuestionByCategory, setSelectQuestion, setResetQuestionList, setMoveItemQuestion, setEditItemQuesion, DEFAULT_FILTER, setReflectionList, setReflectionResultList, DATE_RESULT, StarRatingSelector, editorConfig, TINY_MCE_API_KEY, QuestionTypeSelector, setAssessmentList, FULL_DATE_RESULT, setFeedbackList, setTutorialScreenList, setQuestionCateList, setAssignmentList, setSessionTemplateList, setSessionTemplateGeneralClassList, setCustomAlertList, systemCertificateUpload, setCertificateList, Loading as Loading$1, LICENSE_AGGRID } from 'mario-core';
+import { api, BASE_URL, setAlert, CustomSelector, LinkEditButton, DeleteButtonIcon, EmptyDataAlert, CommonModal, RequiredLabel, ErrorHandler, useFilters, setLoading, setClassList, setModal, QuitPrompt, AddButton, CustomPagination, setConferenceRubricList, SearchBoxContainer, getTextFromHTML, generateRandomString, QuestionCategorySelector, DetailActionButtons, SuggestionCategorySelector, CreatableSelector, setSuggestionList, setStrategyList, UploadFileButton, systemStudentBadge, setBadgeList, getFileUrl, setGoalExampleList, setSubjectList, setLearningSupportCategoryList, apiUpload, utcToLocalTime, DATE_FORMAT, setSemesterList, setBandScoreList, EditButtonIcon, setSchoolBlankDayList, SearchBox, CustomTab, SkillList, QUESTION_TYPES, EMOTIONS, QUESTION_TYPES_OPTIONS, setQuestionList, setQuestionByCategory, setSelectQuestion, setResetQuestionList, setMoveItemQuestion, setEditItemQuesion, DEFAULT_FILTER, setReflectionList, setReflectionResultList, DATE_RESULT, StarRatingSelector, editorConfig, TINY_MCE_API_KEY, QuestionTypeSelector, setAssessmentList, FULL_DATE_RESULT, setFeedbackList, setTutorialScreenList, setQuestionCateList, setAssignmentList, setSessionTemplateList, setSessionTemplateGeneralClassList, setCustomAlertList, systemCertificateUpload, setCertificateList, LICENSE_AGGRID } from 'mario-core';
 import { LicenseManager } from '@ag-grid-enterprise/core';
 import React, { useState, useRef, useCallback, useEffect, forwardRef, useMemo, Fragment, memo } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
@@ -5410,7 +5410,7 @@ var SemesterDetailModal = function SemesterDetailModal(props, ref) {
     })), React.createElement(Col, {
       md: 6
     }, React.createElement(DatePicker, {
-      value: utcToLocalTime(values.startTime, "MMM dd, yyyy"),
+      value: utcToLocalTime(values.startTime, "Do MMMM YYYY"),
       todayButton: "Today",
       peekNextMonth: true,
       showMonthDropdown: true,
@@ -5441,7 +5441,7 @@ var SemesterDetailModal = function SemesterDetailModal(props, ref) {
     })), React.createElement(Col, {
       md: 6
     }, React.createElement(DatePicker, {
-      value: utcToLocalTime(values.endTime, "MMM dd, yyyy"),
+      value: utcToLocalTime(values.endTime, "Do MMMM YYYY"),
       todayButton: "Today",
       peekNextMonth: true,
       showMonthDropdown: true,
@@ -6057,9 +6057,9 @@ var SemesterList = function SemesterList() {
       }
     })), React.createElement("td", {
       className: "align-middle"
-    }, utcToLocalTime(record.startTime, "MMM dd, yyyy")), React.createElement("td", {
+    }, utcToLocalTime(record.startTime, "Do MMMM YYYY")), React.createElement("td", {
       className: "align-middle"
-    }, utcToLocalTime(record.endTime, "MMM dd, yyyy")), React.createElement("td", {
+    }, utcToLocalTime(record.endTime, "Do MMMM YYYY")), React.createElement("td", {
       className: "text-center align-middle"
     }, React.createElement(DeleteButtonIcon, {
       onClick: function onClick() {
@@ -7241,9 +7241,9 @@ var SchoolBlankDayList = function SchoolBlankDayList() {
       }
     })), React.createElement("td", {
       className: "align-middle"
-    }, utcToLocalTime(record.startTime, DATE_FORMAT)), React.createElement("td", {
+    }, utcToLocalTime(record.startTime, "Do MMMM YYYY")), React.createElement("td", {
       className: "align-middle"
-    }, utcToLocalTime(record.endTime, DATE_FORMAT)), React.createElement("td", {
+    }, utcToLocalTime(record.endTime, "Do MMMM YYYY")), React.createElement("td", {
       className: "text-center align-middle"
     }, React.createElement(DeleteButtonIcon, {
       onClick: function onClick() {
@@ -17265,107 +17265,6 @@ var DashboardCard = function DashboardCard(_ref) {
   }, children));
 };
 
-var colors = ["#1C77AC", "#00979B", "#8B0000", "#87E0E0", "#2EB82E"];
-var levels = [{
-  name: "No progress",
-  field: "noProgress"
-}, {
-  name: "Slight",
-  field: "slight"
-}, {
-  name: "Moderate",
-  field: "moderate"
-}, {
-  name: "Significant",
-  field: "significant"
-}, {
-  name: "Achieved",
-  field: "achieved"
-}];
-
-var GoalProgressReport = function GoalProgressReport(_ref) {
-  var data = _ref.data;
-  var series = useMemo(function () {
-    if (!data) return [];
-
-    try {
-      return levels.map(function (level) {
-        return {
-          name: level.name,
-          data: data.map(function (item) {
-            return item[level.field];
-          })
-        };
-      });
-    } catch (_unused) {
-      return [];
-    }
-  }, [data]);
-  var categories = useMemo(function () {
-    if (!data) return [];
-
-    try {
-      return data.map(function (item) {
-        return item.createdAt;
-      });
-    } catch (_unused2) {
-      return [];
-    }
-  }, [data]);
-  if (!data) return React.createElement(Loading$1, null);
-  var options = {
-    chart: {
-      type: "bar",
-      height: 350,
-      stacked: true,
-      stackType: "100%",
-      toolbar: {
-        show: false
-      }
-    },
-    plotOptions: {
-      bar: {
-        horizontal: false,
-        columnWidth: "80%"
-      }
-    },
-    colors: colors,
-    responsive: [{
-      breakpoint: 480,
-      options: {
-        legend: {
-          position: "bottom",
-          offsetX: -10,
-          offsetY: 0
-        }
-      }
-    }],
-    xaxis: {
-      categories: categories
-    },
-    fill: {
-      opacity: 1
-    },
-    legend: {
-      position: "right",
-      offsetX: 0,
-      offsetY: 50,
-      onItemClick: {
-        toggleDataSeries: false
-      },
-      onItemHover: {
-        highlightDataSeries: false
-      }
-    }
-  };
-  return React.createElement("div", null, React.createElement(ReactApexChart, {
-    options: options,
-    series: series,
-    type: "bar",
-    height: 350
-  }));
-};
-
 var Loading = function Loading() {
   return React.createElement("div", {
     className: "d-flex align-items-center justify-content-center"
@@ -17387,14 +17286,14 @@ var Loading = function Loading() {
   }, "Loading...")));
 };
 
-var colors$1 = ["rgba(129, 236, 236, 0.8)", "rgba(116, 185, 255, 0.8)", "rgba(250, 177, 160, 0.8)", "rgba(255, 234, 167, 0.8)", "rgba(178, 190, 195, 0.8)", "rgba(85, 239, 196, 0.8)", "rgba(120, 111, 166, 0.8)", "rgba(243, 166, 131, 0.8)"];
+var colors = ["rgba(129, 236, 236, 0.8)", "rgba(116, 185, 255, 0.8)", "rgba(250, 177, 160, 0.8)", "rgba(255, 234, 167, 0.8)", "rgba(178, 190, 195, 0.8)", "rgba(85, 239, 196, 0.8)", "rgba(120, 111, 166, 0.8)", "rgba(243, 166, 131, 0.8)"];
 
 var getColors = function getColors(length) {
-  if (colors$1.length >= length) return colors$1;
-  var newColors = [].concat(colors$1);
+  if (colors.length >= length) return colors;
+  var newColors = [].concat(colors);
 
   while (newColors.length < length) {
-    newColors = [].concat(newColors, colors$1);
+    newColors = [].concat(newColors, colors);
   }
 
   return newColors;
@@ -17485,7 +17384,7 @@ var HighImpact = function HighImpact(_ref) {
   })));
 };
 
-var colors$2 = ["#1abc9c", "#c0392b"];
+var colors$1 = ["#1abc9c", "#c0392b"];
 
 var LoginCouting = function LoginCouting(_ref) {
   var data = _ref.data;
@@ -17502,11 +17401,11 @@ var LoginCouting = function LoginCouting(_ref) {
   var series = [{
     name: "Teacher",
     data: teacherCount,
-    color: colors$2[0]
+    color: colors$1[0]
   }, {
     name: "Student",
     data: studentCount,
-    color: colors$2[1]
+    color: colors$1[1]
   }];
   var options = {
     chart: {
@@ -17523,7 +17422,7 @@ var LoginCouting = function LoginCouting(_ref) {
     markers: {
       size: 4,
       colors: ["#fff"],
-      strokeColors: colors$2,
+      strokeColors: colors$1,
       strokeWidth: 2,
       strokeOpacity: 0.9,
       strokeDashArray: 0,
@@ -17555,17 +17454,12 @@ var LoginCouting = function LoginCouting(_ref) {
   }));
 };
 
-var colors$3 = ["#00cec9", "#00b894"];
+var colors$2 = ["#00cec9", "#00b894"];
 
 var PerceivedImpact = function PerceivedImpact(_ref) {
   var data = _ref.data;
   if (!data) return React.createElement(Loading, null);
   var series = [{
-    name: "Teacher",
-    data: data.map(function (item) {
-      return item.teacherRating;
-    })
-  }, {
     name: "Student",
     data: data.map(function (item) {
       return item.studentRating;
@@ -17582,7 +17476,7 @@ var PerceivedImpact = function PerceivedImpact(_ref) {
         show: false
       }
     },
-    colors: colors$3,
+    colors: colors$2,
     plotOptions: {
       bar: {
         horizontal: false,
@@ -17620,7 +17514,7 @@ var PerceivedImpact = function PerceivedImpact(_ref) {
   }));
 };
 
-var colors$4 = ["#00b894", "#00cec9", "#0984e3"];
+var colors$3 = ["#00b894", "#00cec9", "#0984e3"];
 
 var Quantity = function Quantity(_ref) {
   var data = _ref.data;
@@ -17637,7 +17531,7 @@ var Quantity = function Quantity(_ref) {
       type: "pie"
     },
     labels: ["Teachers", "Students", "Assistants"],
-    colors: colors$4,
+    colors: colors$3,
     legend: {
       show: false
     },
@@ -17652,15 +17546,15 @@ var Quantity = function Quantity(_ref) {
   };
   var details = [{
     label: "Teachers",
-    color: colors$4[0],
+    color: colors$3[0],
     value: teacherPercentage
   }, {
     label: "Students",
-    color: colors$4[1],
+    color: colors$3[1],
     value: studentPercentage
   }, {
     label: "Assistants",
-    color: colors$4[2],
+    color: colors$3[2],
     value: assistantPercentage
   }];
   return React.createElement("div", {
@@ -17697,117 +17591,14 @@ var Quantity = function Quantity(_ref) {
   })));
 };
 
-var colors$5 = ["#f0932b", "#22a6b3", "#6ab04c"];
-var categories = ["Before intervention", "During intervention", "After intervention"];
-
-var findGradeLabel = function findGradeLabel(value, bandScores) {
-  var sortedBandScores = bandScores === null || bandScores === void 0 ? void 0 : bandScores.sort(function (item1, item2) {
-    return item1.value - item2.value;
-  });
-
-  if ((sortedBandScores === null || sortedBandScores === void 0 ? void 0 : sortedBandScores.length) > 0) {
-    for (var i = 0; i < sortedBandScores.length; i++) {
-      var _sortedBandScores$i, _sortedBandScores;
-
-      if (((_sortedBandScores$i = sortedBandScores[i]) === null || _sortedBandScores$i === void 0 ? void 0 : _sortedBandScores$i.value) <= value && value <= ((_sortedBandScores = sortedBandScores[i + 1]) === null || _sortedBandScores === void 0 ? void 0 : _sortedBandScores.value)) {
-        var _sortedBandScores$i2, _sortedBandScores2, _sortedBandScores3;
-
-        if (value - ((_sortedBandScores$i2 = sortedBandScores[i]) === null || _sortedBandScores$i2 === void 0 ? void 0 : _sortedBandScores$i2.value) <= ((_sortedBandScores2 = sortedBandScores[i + 1]) === null || _sortedBandScores2 === void 0 ? void 0 : _sortedBandScores2.value) - value) {
-          var _sortedBandScores$i3;
-
-          return (_sortedBandScores$i3 = sortedBandScores[i]) === null || _sortedBandScores$i3 === void 0 ? void 0 : _sortedBandScores$i3.label;
-        }
-
-        return (_sortedBandScores3 = sortedBandScores[i + 1]) === null || _sortedBandScores3 === void 0 ? void 0 : _sortedBandScores3.label;
-      }
-    }
-  }
-
-  return "";
-};
-
-var Grade = function Grade(_ref) {
-  var data = _ref.data;
-  if (!data) return React.createElement(Loading, null);
-  var series = [{
-    data: [data.beforeIntervention, data.duringIntervention, data.afterIntervention]
-  }];
-  var options = {
-    chart: {
-      height: 350,
-      type: "bar",
-      toolbar: {
-        show: false
-      }
-    },
-    colors: colors$5,
-    plotOptions: {
-      bar: {
-        columnWidth: "45%",
-        distributed: true
-      }
-    },
-    dataLabels: {
-      enabled: false
-    },
-    legend: {
-      show: false
-    },
-    xaxis: {
-      categories: categories
-    },
-    yaxis: {
-      max: Math.max.apply(Math, data.bandScores.map(function (item) {
-        return item.value;
-      })),
-      min: Math.min.apply(Math, data.bandScores.map(function (item) {
-        return item.value;
-      })),
-      labels: {
-        formatter: function formatter(val) {
-          return findGradeLabel(val, data.bandScores);
-        }
-      }
-    }
-  };
-  return React.createElement("div", null, React.createElement(ReactApexChart, {
-    options: options,
-    series: series,
-    type: "bar",
-    height: 350
-  }));
-};
-
 var Dashboard = function Dashboard() {
   var _useDashboard = useDashboard(),
       loginCounting = _useDashboard.loginCounting,
       quantity = _useDashboard.quantity,
-      goalProgress = _useDashboard.goalProgress,
       highImpact = _useDashboard.highImpact,
-      perceivedImpact = _useDashboard.perceivedImpact,
-      grade = _useDashboard.grade;
+      perceivedImpact = _useDashboard.perceivedImpact;
 
   var cards = [{
-    label: "Students & teachers login per day",
-    children: React.createElement(LoginCouting, {
-      data: loginCounting
-    })
-  }, {
-    label: "Number of students, teachers, assistants",
-    children: React.createElement(Quantity, {
-      data: quantity
-    })
-  }, {
-    label: "Goal progress",
-    children: React.createElement(GoalProgressReport, {
-      data: goalProgress
-    })
-  }, {
-    label: "Grades",
-    children: React.createElement(Grade, {
-      data: grade
-    })
-  }, {
     label: "High-impact learning strategies of current school year",
     children: React.createElement(HighImpact, {
       data: highImpact
@@ -17817,6 +17608,16 @@ var Dashboard = function Dashboard() {
     children: React.createElement(PerceivedImpact, {
       data: perceivedImpact
     })
+  }, {
+    label: "Students & teachers logins per day",
+    children: React.createElement(LoginCouting, {
+      data: loginCounting
+    })
+  }, {
+    label: "Number of students, teachers, assistants",
+    children: React.createElement(Quantity, {
+      data: quantity
+    })
   }];
   return React.createElement("div", null, React.createElement("h4", {
     className: "mb-5"