mario-education 2.4.150-level → 2.4.151-level

package/dist/index.modern.js

@@ -22501,7 +22501,7 @@ var TYPECHART;
   TYPECHART[TYPECHART["DONUT"] = 4] = "DONUT";
 })(TYPECHART || (TYPECHART = {}));
 
-var styles$1 = {"dashboard-card":"_1Jgr2","quantity-table":"_3Thdy","size-icon":"_1WLBo","block-dashboard":"_10Pgm","size-arrow":"_3jPb_","color-down":"_1c43y","color-up":"_F1afY","box-filter":"_1kqUQ","title-card":"_10hbz","value-card":"_2rmw_","deviant-card":"_1tdQu","filter-card":"_2BvFN","box-skill-item":"_2TBTW","numerical-order":"_3XXJp","backoround-top-skill":"_LCuWQ","color-filter":"_3x9D7","btn-filter":"_2In63","block-collapse":"_1Vhg_","form-date-picker":"_6yLxd","bock-filter-left":"_h74SO","bock-filter-right":"_3e2pi","form-filter-right":"_ntUB6","form-filter-left":"_1DlZ4","bock-filter-wrap":"_1tYDM","title-card-box":"_3hSow","box-item":"_1yuC9","image-no-data":"_2PMoX","image-grade":"_3ZX0b","chart-data":"_2asi-","apexcharts-datalabels":"_muT01","apexcharts-pie-label":"_35BzZ","image-custom":"_3pkbc","image-special-need":"_16MpB","title-dashboard":"_CHu-i","box-chart":"_3Y-Dd","block-filter-right":"_1YJnk","shadow-lg":"_2eMbe","chart-header-wrapper":"_6ZvFg","devide-component":"_24CNV","header-chart":"_2vtSi","header-left":"_IpsVf","icon-chart":"_gzxWe","header-right":"_37IcR","header-title":"_2G6Wz","button-export":"_3xpNv","button-content":"_3H5Ly","button-icon":"_J_n-D","icon-config":"_3AALV","cursor-pointer":"_11Xjn","btn-show-chart":"_2htKu","rotate-180":"_q1nUO","header-chart-generate":"_s8xMf","block-header-chart":"_tHUJ_","name-chart":"_3xKHX","title-chart":"_pFFg9","description-chart":"_3hqV3","title-chart-generate":"_3rdqX","expand-icon":"_nwv00","custom-tooltip":"_29aQo","custom-tooltip-month":"_2SJIY","tooltip-data-cursor":"_2lZv_","tooltip-data-box":"_8NzTd","tooltip-data":"_1EP1I","name":"_1J69a","data":"_3-8OW","checkbox-chart":"_1qXAT","column-chart-percent":"_3NgrB","chart-background":"_32fu3","custom-marker":"_DmMzw","mark-custom":"_1eUXn","item-legend":"_3hrrC","label-legend-custom":"_Q-iiW","mark-legend":"_cD4ey","percent":"_2HWhv","listItem":"_2Hdbu","item":"_3RJ2T","item-checkbox":"_3dK0P","box-checkbox":"_1bHgZ","check-box":"_QwDVv","item-detail":"_1QgWc","question":"_348ls","avr-question":"_1VfnR","volatility":"_3eW34","arr":"_1bljF","month-text":"_30y0h","arrow":"_1HtM3","arrow-up":"_3qqQU","percent-text":"_2Fgfn","arrow-down":"_1yXO7","point-custom":"_2JNm-","student-by-age":"_38ikt","total-student":"_1TnWs","pie-chart":"_3BTJi","options-gender":"_1Ws0m","legend":"_2HnO_","text-lengend":"_2BFJw","student-by-grade":"_2az-l","bubble-chart-custom":"_2j8fp","x-axis-custom-wrap":"_1BN5z","axis-content":"_1rYav","legend-wrap":"_3-zAs","label-chart":"_24PRg","list-percent":"_1PPhv","percent-item":"_1rjWR","chart-custom":"_f-Ti4","title-grade":"_1hZ_V","title-modal":"_3L9WC","header-desc-modal":"_1TFtP","form-checkbox":"_37aqf","checkbox-content":"_1iabV","btn-export":"_1eQAg","image-logo":"_1eqkj","chart-to-canvas":"_2IQ8b","chart-pdf":"_sQ21k","box-top-5-most":"_3Eas5"};
+var styles$1 = {"dashboard-card":"_1Jgr2","quantity-table":"_3Thdy","size-icon":"_1WLBo","block-dashboard":"_10Pgm","size-arrow":"_3jPb_","color-down":"_1c43y","color-up":"_F1afY","box-filter":"_1kqUQ","title-card":"_10hbz","value-card":"_2rmw_","deviant-card":"_1tdQu","filter-card":"_2BvFN","box-skill-item":"_2TBTW","numerical-order":"_3XXJp","backoround-top-skill":"_LCuWQ","color-filter":"_3x9D7","btn-filter":"_2In63","block-collapse":"_1Vhg_","form-date-picker":"_6yLxd","bock-filter-left":"_h74SO","bock-filter-right":"_3e2pi","form-filter-right":"_ntUB6","form-filter-left":"_1DlZ4","bock-filter-wrap":"_1tYDM","title-card-box":"_3hSow","box-item":"_1yuC9","image-no-data":"_2PMoX","image-grade":"_3ZX0b","chart-data":"_2asi-","apexcharts-datalabels":"_muT01","apexcharts-pie-label":"_35BzZ","image-custom":"_3pkbc","image-special-need":"_16MpB","title-dashboard":"_CHu-i","box-chart":"_3Y-Dd","block-filter-right":"_1YJnk","shadow-lg":"_2eMbe","chart-header-wrapper":"_6ZvFg","devide-component":"_24CNV","header-chart":"_2vtSi","header-left":"_IpsVf","icon-chart":"_gzxWe","header-right":"_37IcR","header-title":"_2G6Wz","button-export":"_3xpNv","button-content":"_3H5Ly","button-icon":"_J_n-D","icon-config":"_3AALV","cursor-pointer":"_11Xjn","btn-show-chart":"_2htKu","rotate-180":"_q1nUO","header-chart-generate":"_s8xMf","block-header-chart":"_tHUJ_","name-chart":"_3xKHX","title-chart":"_pFFg9","description-chart":"_3hqV3","title-chart-generate":"_3rdqX","expand-icon":"_nwv00","custom-tooltip":"_29aQo","custom-tooltip-month":"_2SJIY","tooltip-data-cursor":"_2lZv_","tooltip-data-box":"_8NzTd","tooltip-data":"_1EP1I","name":"_1J69a","data":"_3-8OW","checkbox-chart":"_1qXAT","column-chart-percent":"_3NgrB","chart-background":"_32fu3","custom-marker":"_DmMzw","mark-custom":"_1eUXn","item-legend":"_3hrrC","label-legend-custom":"_Q-iiW","mark-legend":"_cD4ey","percent":"_2HWhv","listItem":"_2Hdbu","item":"_3RJ2T","item-checkbox":"_3dK0P","box-checkbox":"_1bHgZ","check-box":"_QwDVv","item-detail":"_1QgWc","question":"_348ls","avr-question":"_1VfnR","volatility":"_3eW34","arr":"_1bljF","month-text":"_30y0h","arrow":"_1HtM3","arrow-up":"_3qqQU","percent-text":"_2Fgfn","arrow-down":"_1yXO7","point-custom":"_2JNm-","student-by-age":"_38ikt","total-student":"_1TnWs","pie-chart":"_3BTJi","options-gender":"_1Ws0m","legend":"_2HnO_","text-lengend":"_2BFJw","student-by-grade":"_2az-l","bubble-chart-custom":"_2j8fp","x-axis-custom-wrap":"_1BN5z","axis-content":"_1rYav","legend-wrap":"_3-zAs","label-chart":"_24PRg","list-percent":"_1PPhv","percent-item":"_1rjWR","chart-custom":"_f-Ti4","title-grade":"_1hZ_V","title-modal":"_3L9WC","header-desc-modal":"_1TFtP","form-checkbox":"_37aqf","checkbox-content":"_1iabV","btn-export":"_1eQAg","image-logo":"_1eqkj","chart-to-canvas":"_2IQ8b","chart-pdf":"_sQ21k","box-top-5-most":"_3Eas5","filter-mobile-block":"_1tKnn","filter-wrapper-mobile":"_1Zuq3","total-card-wrapper":"_1i0El"};
 
 var CheckboxCustom = function CheckboxCustom(_ref) {
   var _ref$background = _ref.background,
@@ -30530,7 +30530,7 @@ var TotalCard = function TotalCard(_ref) {
       title = _ref.title,
       value = _ref.value;
   return React.createElement("div", {
-    className: styles$1["title-card-box"] + " " + styles$1["box-item"] + " p-4 mb-2 shadow-md"
+    className: styles$1["title-card-box"] + " " + styles$1["box-item"] + " p-4 mb-2 mb-sm-0 mb-lg-2 shadow-md"
   }, React.createElement("div", {
     className: "d-flex align-items-center justify-content-center"
   }, React.createElement("img", {
@@ -30778,6 +30778,12 @@ var GenerateChartData = function GenerateChartData(_ref) {
   })));
 };
 
+var chartPropsAreEqual = function chartPropsAreEqual(prevMovie, nextMovie) {
+  return prevMovie === nextMovie;
+};
+
+var GenerateChartData$1 = React.memo(GenerateChartData, chartPropsAreEqual);
+
 var Loading = function Loading() {
   return React.createElement("div", {
     className: "d-flex align-items-center justify-content-center"
@@ -31493,7 +31499,7 @@ var DashboardToPDF = function DashboardToPDF(props) {
       display: "block",
       width: "45%"
     }
-  }, React.createElement(GenerateChartData, {
+  }, React.createElement(GenerateChartData$1, {
     colors: ["#0F9655"],
     typeChart: TYPECHART.AREA,
     activeColumn: [true],
@@ -31508,7 +31514,7 @@ var DashboardToPDF = function DashboardToPDF(props) {
       display: "block",
       width: "45%"
     }
-  }, React.createElement(GenerateChartData, {
+  }, React.createElement(GenerateChartData$1, {
     colors: ["#C44140"],
     typeChart: TYPECHART.LINE,
     activeColumn: [true],
@@ -31523,7 +31529,7 @@ var DashboardToPDF = function DashboardToPDF(props) {
       display: "block",
       width: "45%"
     }
-  }, React.createElement(GenerateChartData, {
+  }, React.createElement(GenerateChartData$1, {
     colors: ["#169490", "#316CD9", "#FFB04F"],
     typeChart: TYPECHART.LINE,
     activeColumn: activeColumnPreparedness,
@@ -31538,7 +31544,7 @@ var DashboardToPDF = function DashboardToPDF(props) {
       display: "block",
       width: "45%"
     }
-  }, React.createElement(GenerateChartData, {
+  }, React.createElement(GenerateChartData$1, {
     typeChart: TYPECHART.AREA,
     activeColumn: activeColumnSuccessIndicators,
     series: successIndicatorsData,
@@ -31553,7 +31559,7 @@ var DashboardToPDF = function DashboardToPDF(props) {
       display: "block",
       width: "45%"
     }
-  }, React.createElement(GenerateChartData, {
+  }, React.createElement(GenerateChartData$1, {
     colors: ["#73C8E5", "#F9F871", "#D7B0DE", "#E56362", "#5A7F05", "#D3D3D3"],
     name: "Learning Process",
     typeChart: TYPECHART.AREA,
@@ -31933,6 +31939,10 @@ var Dashboard = function Dashboard() {
       isExpandChart = _useState2[0],
       setIsExpandChart = _useState2[1];
 
+  var _useState3 = useState(false),
+      isShowFilterMobile = _useState3[0],
+      setIsShowFilterMobile = _useState3[1];
+
   var toggle = function toggle() {
     setSelectedToPrint([]);
     setModal(!modal);
@@ -32015,9 +32025,53 @@ var Dashboard = function Dashboard() {
   })), React.createElement("p", {
     className: styles$1["button-content"] + " mb-0"
   }, t("export_to_pdf")))), React.createElement("div", {
-    className: "d-flex justify-content-between flex-wrap my-2"
+    className: styles$1['filter-mobile-block'] + " p-3 my-4"
   }, React.createElement("div", {
-    className: "d-flex"
+    onClick: function onClick() {
+      return setIsShowFilterMobile(!isShowFilterMobile);
+    },
+    className: "d-flex justify-content-between cursor-pointer"
+  }, React.createElement("span", {
+    className: "font-weight-bold"
+  }, "Filter"), isShowFilterMobile ? React.createElement(FiChevronUp, {
+    size: "1.5rem"
+  }) : React.createElement(FiChevronDown, {
+    size: "1.5rem"
+  })), isShowFilterMobile ? React.createElement("div", {
+    className: "d-flex flex-column " + styles$1["filter-wrapper-mobile"]
+  }, React.createElement("div", {
+    className: "d-flex flex-column mt-3 " + styles$1["filter-wrapper-mobile"]
+  }, LIST_FILTERS_LEFT.map(function (e) {
+    return React.createElement(SelectFilter, {
+      name: e.name,
+      icon: e.icon,
+      handleChangeFilters: e.handleChangeFilters,
+      filter: filter,
+      option: e.option,
+      onChangeFilters: onChangeFilters
+    });
+  })), React.createElement("div", {
+    className: "d-flex flex-column " + styles$1["filter-wrapper-mobile"]
+  }, LIST_FILTERS_RIGHT.map(function (e) {
+    return React.createElement(SelectFilter, {
+      name: e.name,
+      icon: e.icon,
+      handleChangeFilters: e.handleChangeFilters,
+      filter: filter,
+      studentId: e.studentId || 0,
+      studentDefault: e.studentDefault,
+      onChangeFilters: onChangeFilters,
+      teacherUserId: teacherUserId,
+      changeCurrentTeacherUserId: changeCurrentTeacherUserId,
+      btnStyle: e.name === FILTER_NAME.StudentName ? {
+        minWidth: 220,
+        justifyContent: "center"
+      } : {}
+    });
+  }))) : null), React.createElement("div", {
+    className: "d-none d-sm-flex justify-content-between flex-wrap my-2"
+  }, React.createElement("div", {
+    className: "d-flex flex-wrap"
   }, LIST_FILTERS_LEFT.map(function (e) {
     return React.createElement(SelectFilter, {
       name: e.name,
@@ -32046,7 +32100,7 @@ var Dashboard = function Dashboard() {
       } : {}
     });
   }))), React.createElement("div", {
-    className: "d-flex align-items-center justify-content-between flex-wrap mb-3"
+    className: styles$1["total-card-wrapper"] + " d-flex align-items-center justify-content-center justify-content-lg-between flex-wrap mb-3"
   }, totalCardData.map(function (item) {
     return React.createElement(TotalCard, {
       icon: item.icon,
@@ -32070,8 +32124,8 @@ var Dashboard = function Dashboard() {
   }, React.createElement(Row, {
     className: "d-flex"
   }, React.createElement(Col, {
-    md: !isExpandChart ? 6 : 12
-  }, React.createElement(GenerateChartData, {
+    md: !isExpandChart && chartIsOpened[0] ? 6 : 12
+  }, React.createElement(GenerateChartData$1, {
     isShowExpandIcon: true,
     colors: ["#0F9655"],
     name: t(averageStudentSafetyName),
@@ -32086,7 +32140,7 @@ var Dashboard = function Dashboard() {
   })), React.createElement(Col, {
     md: !isExpandChart ? 6 : 12,
     className: ""
-  }, React.createElement(GenerateChartData, {
+  }, React.createElement(GenerateChartData$1, {
     isShowExpandIcon: true,
     colors: ["#C44140"],
     name: t(averageStudentStressName),
@@ -32102,7 +32156,7 @@ var Dashboard = function Dashboard() {
     className: "d-flex"
   }, React.createElement(Col, {
     md: 7
-  }, React.createElement(GenerateChartData, {
+  }, React.createElement(GenerateChartData$1, {
     colors: ["#169490", "#316CD9", "#FFB04F"],
     name: t(preparednessChartName),
     typeChart: TYPECHART.AREA,
@@ -32115,7 +32169,7 @@ var Dashboard = function Dashboard() {
     timeOfDay: filter.optionDate
   })), React.createElement(Col, {
     md: 5
-  }, React.createElement(GenerateChartData, {
+  }, React.createElement(GenerateChartData$1, {
     colors: ["#D9EEE4", "#FAF0F0"],
     name: t(overallReadinessToLearn),
     typeChart: TYPECHART.DONUT,
@@ -32125,7 +32179,7 @@ var Dashboard = function Dashboard() {
     series: dataOverallReadyToLearn.resultQuestion,
     timeOfDay: filter.optionDate,
     dayOfWeek: []
-  }))), React.createElement(GenerateChartData, {
+  }))), React.createElement(GenerateChartData$1, {
     name: t(successIndicatorsName),
     typeChart: TYPECHART.AREA,
     onActiveColumn: handleActiveColumnOneToOne,
@@ -32157,7 +32211,7 @@ var Dashboard = function Dashboard() {
     index: 1
   }), React.createElement(Collapse, {
     isOpen: chartIsOpened[1]
-  }, React.createElement(GenerateChartData, {
+  }, React.createElement(GenerateChartData$1, {
     colors: ["#73C8E5", "#F9F871", "#D7B0DE", "#E56362", "#5A7F05", "#D3D3D3"],
     name: t(learningProcessName),
     typeChart: TYPECHART.AREA,
@@ -34925,7 +34979,8 @@ var SurveyDashboard = function SurveyDashboard() {
   })), React.createElement(Col, {
     md: 5
   }, React.createElement(Row, null, React.createElement(Col, {
-    md: 7,
+    md: 9,
+    lg: 7,
     style: {
       margin: "0 auto"
     }