mario-education 2.4.564-feedback → 2.4.565-feedback

package/dist/index.js

@@ -35017,23 +35017,6 @@ var BarChart = function BarChart(_ref) {
           if (!chartEl) return;
           var barEls = chartEl.querySelectorAll(".apexcharts-bar-series path");
           if (!barEls.length) return;
-
-          if (selectedBarRef.current === dataPointIndex) {
-            selectedBarRef.current = null;
-            barEls[dataPointIndex].setAttribute("fill", "#C4D4F3");
-            setTooltipData(null);
-            return;
-          }
-
-          if (selectedBarRef.current !== null) {
-            var prevIndex = selectedBarRef.current;
-            var prevBar = barEls[prevIndex];
-
-            if (prevBar) {
-              prevBar.setAttribute("fill", "#C4D4F3");
-            }
-          }
-
           var newBar = barEls[dataPointIndex];
 
           if (newBar) {
@@ -35046,16 +35029,22 @@ var BarChart = function BarChart(_ref) {
         dataPointMouseEnter: function dataPointMouseEnter(_event, _chartContext, config) {
           var dataPointIndex = config === null || config === void 0 ? void 0 : config.dataPointIndex;
           var currentTooltip = tooltipDataRef.current;
+          var chartEl = document.querySelector("#apexchartsmy-bar-chart");
+          if (!chartEl) return;
+          var barEls = chartEl.querySelectorAll(".apexcharts-bar-series path");
+          if (!barEls.length) return;
 
           if (dataPointIndex != undefined && dataPointIndex !== (currentTooltip === null || currentTooltip === void 0 ? void 0 : currentTooltip.dataPointIndex) && !(currentTooltip !== null && currentTooltip !== void 0 && currentTooltip.isSelect)) {
-            dataPointIndex == -1 ? setTooltipData(null) : showTooltipAtIndex(dataPointIndex);
-          }
-        },
-        dataPointMouseLeave: function dataPointMouseLeave(_event, _chartContext, config) {
-          var currentTooltip = tooltipDataRef.current;
-
-          if ((currentTooltip === null || currentTooltip === void 0 ? void 0 : currentTooltip.dataPointIndex) == config.dataPointIndex && !(currentTooltip !== null && currentTooltip !== void 0 && currentTooltip.isSelect)) {
-            setTooltipData(null);
+            if (dataPointIndex != -1) {
+              showTooltipAtIndex(dataPointIndex);
+              barEls.forEach(function (bar, i) {
+                if (i === dataPointIndex) {
+                  bar.setAttribute("fill", "#316CD9");
+                } else {
+                  bar.setAttribute("fill", "#C4D4F3");
+                }
+              });
+            }
           }
         }
       }
@@ -35152,29 +35141,6 @@ var BarChart = function BarChart(_ref) {
   React.useEffect(function () {
     tooltipDataRef.current = tooltipData;
   }, [tooltipData]);
-  React.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: {