mario-education 2.4.43-admin → 2.4.45-admin

package/dist/index.modern.js

@@ -19821,8 +19821,7 @@ var HeaderChart = function HeaderChart(_ref) {
   };
 
   return React.createElement("div", {
-    className: "d-flex justify-content-between align-items-center " + styles$1["header-chart"] + " ",
-    onClick: onToggle
+    className: "d-flex justify-content-between align-items-center " + styles$1["header-chart"] + " "
   }, React.createElement("div", {
     className: "" + styles$1["header-left"]
   }, React.createElement("span", {
@@ -19885,7 +19884,8 @@ var HeaderChart = function HeaderChart(_ref) {
       cursor: "pointer"
     }
   }, options[1].value === TYPECHART.BAR ? "Bar charts" : "Line charts")))), React.createElement("i", {
-    className: "fas fa-ellipsis-v pr-4 " + styles$1["icon-config"]
+    className: "fas fa-ellipsis-v pr-4 " + styles$1["icon-config"],
+    onClick: onToggle
   }), React.createElement("div", {
     onClick: onToggle,
     className: styles$1["btn-show-chart"],
@@ -26947,7 +26947,7 @@ var TopLearningStrategy = function TopLearningStrategy(_ref) {
   });
   var maxData = Math.max.apply(Math, usageCount);
   var serieslearningStrategy = [{
-    name: "Perceived Usage",
+    name: "Perceived Value",
     data: learningStrategies === null || learningStrategies === void 0 ? void 0 : learningStrategies.map(function (i) {
       return average(i.usagePoint);
     })
@@ -27046,7 +27046,7 @@ var getBandScore = function getBandScore() {
 };
 
 var TITLE$s = "Dashboard";
-var DEFAULT_START_DATE = moment().startOf("year").valueOf();
+var DEFAULT_START_DATE = moment().endOf("day").valueOf().valueOf() > moment().startOf("month").month("Aug").valueOf() ? moment().startOf("month").month("Aug").valueOf() : moment().startOf("month").month("Aug").subtract(1, "year").valueOf();
 var DEFAULT_END_DATE = moment().endOf("day").valueOf();
 
 var useDashboard = function useDashboard() {
@@ -27586,10 +27586,6 @@ var useChartDatas = function useChartDatas() {
   };
 
   var LIST_FILTERS_LEFT = [{
-    name: FILTER_NAME.Calendar,
-    icon: "/images/calendar.svg",
-    handleChangeFilters: handleChangeFilters
-  }, {
     name: FILTER_NAME.StartDate,
     icon: "/images/calendar.svg",
     handleChangeFilters: handleChangeFilters
@@ -27652,7 +27648,7 @@ var useChartDatas = function useChartDatas() {
     },
     isShowChangeChart: false,
     options: [],
-    contentTooltip: "Both the composite of individual students reporting their percieved use of John Hattie's High Impact Learning Strategies measured against the actual application with a teacher in total."
+    contentTooltip: "Both the composite of individual students reporting their perceived use of John Hattie's High Impact Learning Strategies measured against the actual application with a teacher in total."
   }, {
     id: "1_to_1",
     label: "1 To 1",
@@ -27677,7 +27673,7 @@ var useChartDatas = function useChartDatas() {
       label: "Bar charts",
       value: TYPECHART.BAR
     }],
-    contentTooltip: "The composite results of the survey completed by individual students seeking their own perception of performance in the 6 key areas followed by 3 specific areas of well being over time."
+    contentTooltip: "The composite results of the survey completed by individual students assessing their own perception of performance in the 6 key areas followed by 3 specific areas of well being over time."
   }, {
     id: "class_reflection",
     label: "Reflection",
@@ -27767,7 +27763,7 @@ var useChartDatas = function useChartDatas() {
     },
     isShowChangeChart: false,
     options: [],
-    contentTooltip: "The specific represenation of students by gender and grade level at your school."
+    contentTooltip: "The specific represetation of students by gender and grade level at your school."
   }, {
     id: "student_by_grade",
     label: "Students by Designation",
@@ -28004,6 +28000,7 @@ var SelectFilter = function SelectFilter(_ref) {
       filter = _ref.filter,
       teacherUserId = _ref.teacherUserId,
       changeCurrentTeacherUserId = _ref.changeCurrentTeacherUserId;
+  var ref = useRef(null);
 
   var _useState = useState(false),
       isOpenCollapse = _useState[0],
@@ -28105,11 +28102,22 @@ var SelectFilter = function SelectFilter(_ref) {
     });
   };
 
+  var handleClickOutSide = function handleClickOutSide(event) {
+    var _ref$current;
+
+    if (ref.current && !(ref !== null && ref !== void 0 && (_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.contains(event.target))) setIsOpenCollapse(false);
+  };
+
+  useEffect(function () {
+    document.addEventListener("click", handleClickOutSide, true);
+  }, []);
+
   var renderSelectFilter = function renderSelectFilter() {
     if (name === FILTER_NAME.Calendar) {
       return React.createElement("div", {
         key: "" + name,
-        className: styles["block-filter-component"] + " "
+        className: styles["block-filter-component"] + " ",
+        ref: ref
       }, React.createElement("button", {
         onClick: handleToggleCollapse,
         className: styles["btn-filter"] + " d-flex align-items-center cursor-pointer"
@@ -28147,11 +28155,15 @@ var SelectFilter = function SelectFilter(_ref) {
     if (name === FILTER_NAME.StartDate) {
       return React.createElement("div", {
         key: "" + name,
-        className: "" + styles["block-filter-component"]
+        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("p", {
+      }, React.createElement("img", {
+        src: "" + icon,
+        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", {
         className: "" + styles["date-picker"]
@@ -28175,11 +28187,15 @@ var SelectFilter = function SelectFilter(_ref) {
     if (name === FILTER_NAME.EndDate) {
       return React.createElement("div", {
         key: "" + name,
-        className: "" + styles["block-filter-component"]
+        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("p", {
+      }, React.createElement("img", {
+        src: "" + icon,
+        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", {
         className: "" + styles["date-picker"]
@@ -28203,7 +28219,8 @@ var SelectFilter = function SelectFilter(_ref) {
     if (name === FILTER_NAME.Gender) {
       return React.createElement("div", {
         key: "" + name,
-        className: styles["block-filter-component"] + " "
+        className: styles["block-filter-component"] + " ",
+        ref: ref
       }, React.createElement("button", {
         onClick: handleToggleCollapse,
         className: styles["btn-filter"] + " d-flex align-items-center cursor-pointer"
@@ -28244,7 +28261,8 @@ var SelectFilter = function SelectFilter(_ref) {
 
       return React.createElement("div", {
         key: "" + name,
-        className: styles["block-filter-component"] + " "
+        className: styles["block-filter-component"] + " ",
+        ref: ref
       }, React.createElement("button", {
         onClick: handleToggleCollapse,
         className: styles["btn-filter"] + " d-flex align-items-center cursor-pointer"
@@ -28287,7 +28305,8 @@ var SelectFilter = function SelectFilter(_ref) {
 
       return React.createElement("div", {
         key: "" + name,
-        className: styles["block-filter-component"] + " "
+        className: styles["block-filter-component"] + " ",
+        ref: ref
       }, React.createElement("button", {
         onClick: handleToggleCollapse,
         className: styles["btn-filter"] + " d-flex align-items-center cursor-pointer"
@@ -28328,7 +28347,8 @@ var SelectFilter = function SelectFilter(_ref) {
     if (name === FILTER_NAME.TeacherName) {
       return React.createElement("div", {
         key: "" + name,
-        className: styles["block-filter-component"] + " "
+        className: styles["block-filter-component"] + " ",
+        ref: ref
       }, React.createElement("button", {
         onClick: handleToggleCollapse,
         className: styles["btn-filter"] + " d-flex align-items-center cursor-pointer"
@@ -28358,7 +28378,8 @@ var SelectFilter = function SelectFilter(_ref) {
     if (name === FILTER_NAME.StudentName) {
       return React.createElement("div", {
         key: "" + name,
-        className: styles["block-filter-component"] + " "
+        className: styles["block-filter-component"] + " ",
+        ref: ref
       }, React.createElement("button", {
         onClick: handleToggleCollapse,
         className: styles["btn-filter"] + " d-flex align-items-center cursor-pointer",