impaktapps-design 0.2.993-alpha.247 → 0.2.993-alpha.249

package/dist/impaktapps-design.es.js

@@ -22555,7 +22555,7 @@ const DrawStackBarLineGraph = ({
       return [];
     return Object.keys(chartData[0]).filter((k2) => k2 !== xAxisValue);
   }, [chartData, xAxisValue]);
-  const barKeys = useMemo(() => labelsArray.filter((k2) => k2 !== growthRateKey), [labelsArray]);
+  const barKeys = useMemo(() => labelsArray.filter((k2) => k2 !== growthRateKey), [labelsArray, growthRateKey]);
   const barData = useMemo(() => chartData.map((row) => {
     const stripped = {
       [xAxisValue]: row[xAxisValue]
@@ -22587,13 +22587,13 @@ const DrawStackBarLineGraph = ({
       range: [innerHeight, 0],
       nice: true
     });
-  }, [chartData, innerHeight]);
+  }, [chartData, innerHeight, growthRateKey]);
   const getBarCentreX = useCallback((cat) => {
     var _a2;
     return ((_a2 = categoryScale(cat)) != null ? _a2 : 0) + categoryScale.bandwidth() / 2;
   }, [categoryScale]);
   const getLineX = useCallback((d2) => getBarCentreX(d2[xAxisValue]), [getBarCentreX, xAxisValue]);
-  const getLineY = useCallback((d2) => trendScale(Number(d2[growthRateKey]) || 0), [trendScale]);
+  const getLineY = useCallback((d2) => trendScale(Number(d2[growthRateKey]) || 0), [trendScale, growthRateKey]);
   const handleColumnEnter = useCallback((_e2, cat) => {
     const full = chartData.find((d2) => d2[xAxisValue] === cat);
     const dotX = getBarCentreX(cat) + margin2.left;
@@ -22604,7 +22604,7 @@ const DrawStackBarLineGraph = ({
       tooltipLeft: dotX + 14,
       tooltipTop: dotY - 12
     });
-  }, [chartData, xAxisValue, trendScale, margin2, showTooltip, getBarCentreX]);
+  }, [chartData, xAxisValue, trendScale, margin2, showTooltip, getBarCentreX, growthRateKey]);
   const handleColumnLeave = useCallback(() => {
     setHoveredCategory(null);
     hideTooltip();