mario-education 2.4.145-level → 2.4.147-level

package/dist/index.modern.js

@@ -14865,7 +14865,7 @@ var QuestionDetail = function QuestionDetail() {
         setFieldValue("isBeforeSession", !values.isBeforeSession);
         setEditedTrue();
       }
-    })), values.isDefaultQuestionSurvey == true && React.createElement(Col, {
+    })), parseInt(type) == TYPE_QUESTION.Default && React.createElement(Col, {
       md: 12
     }, React.createElement(CustomInput, {
       type: "checkbox",
@@ -31565,15 +31565,16 @@ var StudentPressureChart = function StudentPressureChart(_ref) {
   }, [chartWidth, studentPressure]);
   var lineHeight = 20;
   var tooltipHeight = tooltipStudents.length * lineHeight;
+  var maxHeightTooltip = tooltipHeight + 30 > chartHeight - 50 ? chartHeight - 50 : tooltipHeight + 30;
   return React.createElement("svg", {
     ref: svgRef,
     width: chartWidth,
     height: chartHeight + 50
   }, !!tooltipVisible && React.createElement("g", {
-    transform: "translate(" + (tooltipX - 100) + "," + (tooltipY - tooltipHeight - 80) + ")"
+    transform: "translate(" + (tooltipX - 100) + "," + Math.max(0, tooltipY - tooltipHeight - 80) + ")"
   }, React.createElement("rect", {
     width: "200",
-    height: tooltipHeight + 30,
+    height: maxHeightTooltip + 10,
     fill: "rgba(36, 36, 36, 0.8)",
     rx: "5"
   }), React.createElement("text", {
@@ -31582,25 +31583,33 @@ var StudentPressureChart = function StudentPressureChart(_ref) {
     fill: "#fff",
     fontSize: "12px",
     textAnchor: "start"
-  }, tooltipStudents.length + " students are " + tooltipVisible), tooltipStudents.map(function (label, index) {
-    return React.createElement("g", {
+  }, tooltipStudents.length + " students are " + tooltipVisible), React.createElement("foreignObject", {
+    x: "0",
+    y: "30",
+    width: "200",
+    height: maxHeightTooltip
+  }, React.createElement("div", {
+    style: {
+      overflowY: "auto",
+      maxHeight: maxHeightTooltip - 20 + "px",
+      padding: "5px 5px 5px 10px",
+      color: "#fff",
+      fontSize: "12px"
+    }
+  }, tooltipStudents.map(function (label, index) {
+    return React.createElement("div", {
       key: index
-    }, React.createElement("rect", {
-      x: "10",
-      y: lineHeight * (index + 1) - 12 + 20,
-      width: "4",
-      height: "14",
-      fill: colorTooltip,
-      rx: "10",
-      ry: "1"
-    }), React.createElement("text", {
-      x: "25",
-      y: lineHeight * (index + 1) + 20,
-      fill: "#fff",
-      fontSize: "12px",
-      textAnchor: "start"
-    }, label));
-  })));
+    }, React.createElement("span", {
+      style: {
+        display: "inline-block",
+        width: "4px",
+        height: "14px",
+        backgroundColor: colorTooltip,
+        borderRadius: "10px",
+        marginRight: "10px"
+      }
+    }), React.createElement("span", null, label));
+  })))));
 };
 
 var Dashboard = function Dashboard() {
@@ -31849,7 +31858,15 @@ var Dashboard = function Dashboard() {
     dayOfWeek: dayOfWeekOneToOne,
     timeOfDay: filter.optionDate,
     colors: ["#73C8E5", "#F9F871", "#D7B0DE", "#E56362", "#5A7F05", "#D3D3D3"]
-  }))), React.createElement("div", {
+  }), React.createElement("div", {
+    className: "" + styles$1["mt-15"]
+  }, React.createElement("p", {
+    className: "" + styles$1["title-chart"]
+  }, "Student Stress by Zone"), React.createElement("div", {
+    className: "" + styles$1["box-chart-pressure"]
+  }, React.createElement(StudentPressureChart, {
+    studentPressure: studentPressure
+  }))))), React.createElement("div", {
     className: "shadow-lg mb-3 " + styles$1["chart-header-wrapper"]
   }, React.createElement(HeaderChart, {
     title: "Learning Progress",
@@ -31871,15 +31888,7 @@ var Dashboard = function Dashboard() {
     avgQuestionLastMonth: []
   }), React.createElement(TopLearningStrategy$1, {
     data: topLearningStrategies
-  }), React.createElement("div", {
-    className: "" + styles$1["mt-15"]
-  }, React.createElement("p", {
-    className: "" + styles$1["title-chart"]
-  }, t(studentPressureName)), React.createElement("div", {
-    className: "" + styles$1["box-chart-pressure"]
-  }, React.createElement(StudentPressureChart, {
-    studentPressure: studentPressure
-  }))))));
+  }))));
 };
 
 var TypeEnumTemplate;