sag_components 1.0.902 → 1.0.904

package/dist/stories/components/SingleBarLineCharts.js

@@ -58,20 +58,31 @@ const SingleBarLineCharts = props => {
     }
     return null;
   };
-  const CustomTooltipBarChart = props => {
+  const CustomTooltipBar2Chart = props => {
     const {
       active,
       payload
     } = props;
     if (active && payload && payload.length > 0) {
-      const totalBarValue = data.reduce((sum, item) => sum + (item.barValue || 0), 0);
       const totalSecondBarValue = data.reduce((sum, item) => sum + (item.secondBarValue || 0), 0);
-      const currentBarValue = payload[0].payload.barValue;
       const currentSecondBarValue = payload[0].payload.secondBarValue;
 
       // Determine which bar is currently being hovered
-      const isSecondBar = payload[0].dataKey === 'secondBarValue';
-      const percentage = isSecondBar ? currentSecondBarValue / totalSecondBarValue * 100 : currentBarValue / totalBarValue * 100;
+
+      const percentage = currentSecondBarValue / totalSecondBarValue * 100;
+      return /*#__PURE__*/_react.default.createElement(_SingleBarLineCharts.CustomTooltip, null, `${percentage.toFixed(1)}%`);
+    }
+    return null;
+  };
+  const CustomTooltipBar1Chart = props => {
+    const {
+      active,
+      payload
+    } = props;
+    if (active && payload && payload.length > 0) {
+      const totalBarValue = data.reduce((sum, item) => sum + (item.barValue || 0), 0);
+      const currentBarValue = payload[0].payload.barValue;
+      const percentage = currentBarValue / totalBarValue * 100;
       return /*#__PURE__*/_react.default.createElement(_SingleBarLineCharts.CustomTooltip, null, `${percentage.toFixed(1)}%`);
     }
     return null;
@@ -252,11 +263,7 @@ const SingleBarLineCharts = props => {
     y: 0,
     stroke: "#D0D0D0"
   }), /*#__PURE__*/_react.default.createElement(_recharts.Tooltip, {
-    cursor: {
-      fill: 'transparent'
-    },
-    content: CustomTooltipBarChart,
-    shared: false
+    content: CustomTooltipBar1Chart
   }), /*#__PURE__*/_react.default.createElement(_recharts.Bar, {
     dataKey: "barValue",
     barSize: barSize !== null && barSize !== void 0 ? barSize : 60,
@@ -267,11 +274,7 @@ const SingleBarLineCharts = props => {
     dataKey: "barValue",
     content: CustomizedLabelBarchart
   })), /*#__PURE__*/_react.default.createElement(_recharts.Tooltip, {
-    cursor: {
-      fill: 'transparent'
-    },
-    content: CustomTooltipBarChart,
-    shared: false
+    content: CustomTooltipBar2Chart
   }), showSecondBar && /*#__PURE__*/_react.default.createElement(_recharts.Bar, {
     dataKey: "secondBarValue",
     barSize: barSize !== null && barSize !== void 0 ? barSize : 60,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sag_components",
-  "version": "1.0.902",
+  "version": "1.0.904",
   "description": "",
   "main": "dist/index.js",
   "scripts": {