mario-education 2.4.576-feedback → 2.4.577-feedback

package/dist/index.modern.js

@@ -30171,7 +30171,7 @@ var INITIAL_STUDENT_SKILL_QUESTION = {
 var DEFAULT_START_DATE$1 = moment().subtract(2, 'months').startOf("day").valueOf();
 var DEFAULT_END_DATE$1 = moment().endOf("day").valueOf();
 
-var HEADER_DESKTOP_HEIGHT = 57;
+var HEADER_DESKTOP_HEIGHT = 68;
 var HEADER_MOBILE_HEIGHT = 55;
 var NOTIFICATION_HEIGHT = 36;
 var NEW_NOTIFICATION = "NEW_NOTIFICATION";
@@ -35566,6 +35566,7 @@ var BarChart = function BarChart(_ref) {
           if (dataPointIndex != undefined && dataPointIndex !== (currentTooltip === null || currentTooltip === void 0 ? void 0 : currentTooltip.dataPointIndex) && !(currentTooltip !== null && currentTooltip !== void 0 && currentTooltip.isSelect)) {
             if (dataPointIndex != -1) {
               showTooltipAtIndex(dataPointIndex);
+              selectedBarRef.current = dataPointIndex;
               barEls.forEach(function (bar, i) {
                 if (i === dataPointIndex) {
                   bar.setAttribute("fill", "#316CD9");
@@ -35670,6 +35671,29 @@ var BarChart = function BarChart(_ref) {
   useEffect(function () {
     tooltipDataRef.current = tooltipData;
   }, [tooltipData]);
+  useEffect(function () {
+    var handleClickOutside = function handleClickOutside(e) {
+      if (open) return;
+      var chartEl = document.querySelector("#apexchartsmy-bar-chart");
+      if (!chartEl) return;
+
+      if (!chartEl.contains(e.target)) {
+        var barEls = chartEl.querySelectorAll(".apexcharts-bar-series path");
+        var selectedIndex = selectedBarRef.current;
+
+        if (selectedIndex !== null && barEls[selectedIndex]) {
+          barEls[selectedIndex].setAttribute("fill", "#C4D4F3");
+          selectedBarRef.current = null;
+          setTooltipData(null);
+        }
+      }
+    };
+
+    document.addEventListener("click", handleClickOutside);
+    return function () {
+      document.removeEventListener("click", handleClickOutside);
+    };
+  }, [open]);
   return React__default.createElement("div", null, React__default.createElement("div", {
     ref: chartWrapperRef,
     style: {