impaktapps-design 0.2.993-alpha.232 → 0.2.993-alpha.234

package/dist/impaktapps-design.es.js

@@ -19146,7 +19146,7 @@ ParentSize$1.propTypes = {
   children: _pt.func.isRequired
 };
 const finalDataProvider = (type2, value, theme) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t5, _u, _v, _w, _x;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t5, _u, _v, _w;
   switch (type2) {
     case "BarGraph":
     case "StackBarGraph":
@@ -19281,8 +19281,7 @@ const finalDataProvider = (type2, value, theme) => {
             ...(_w = value.style) == null ? void 0 : _w.labelStyle
           },
           stackBarLineStyle: {
-            ...value.style,
-            colorMap: (_x = value.style) == null ? void 0 : _x.colorMap
+            ...value.style
           }
         }
       };
@@ -22504,7 +22503,7 @@ const AreaGraph = ({
     }), GraphRender]
   });
 };
-const TREND_KEY = "growthRate";
+const GROWTH_RATE_KEY = "growthRate";
 const DrawStackBarLineGraph = ({
   width: width2,
   height: height2,
@@ -22530,13 +22529,13 @@ const DrawStackBarLineGraph = ({
   const yAxisTickCount = (_i = stackBarLineValue == null ? void 0 : stackBarLineValue.main) == null ? void 0 : _i.yAxisTickCount;
   const disableLeftLabel = (_j = stackBarLineValue.main) == null ? void 0 : _j.disableLeftLabel;
   const xAxisLabelMinWidth = ((_k = stackBarLineValue == null ? void 0 : stackBarLineValue.main) == null ? void 0 : _k.xAxisLabelMinWidth) || 56;
-  const trendColor = (_l = colorMap == null ? void 0 : colorMap[TREND_KEY]) != null ? _l : "#E24B4A";
+  const trendColor = (_l = colorMap == null ? void 0 : colorMap[GROWTH_RATE_KEY]) != null ? _l : "#E24B4A";
   const labelsArray = useMemo(() => {
     if (!chartData.length)
       return [];
     return Object.keys(chartData[0]).filter((k2) => k2 !== xAxisValue);
   }, [chartData, xAxisValue]);
-  const barKeys = useMemo(() => labelsArray.filter((k2) => k2 !== TREND_KEY), [labelsArray]);
+  const barKeys = useMemo(() => labelsArray.filter((k2) => k2 !== GROWTH_RATE_KEY), [labelsArray]);
   const barData = useMemo(() => chartData.map((row) => {
     const stripped = {
       [xAxisValue]: row[xAxisValue]
@@ -22560,7 +22559,7 @@ const DrawStackBarLineGraph = ({
     nice: true
   }), [innerHeight, maxStacked]);
   const trendScale = useMemo(() => {
-    const vals = chartData.map((d2) => Number(d2[TREND_KEY]) || 0);
+    const vals = chartData.map((d2) => Number(d2[GROWTH_RATE_KEY]) || 0);
     return createLinearScale({
       domain: [Math.min(...vals), Math.max(...vals)],
       range: [innerHeight, 0],
@@ -22572,11 +22571,11 @@ const DrawStackBarLineGraph = ({
     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[TREND_KEY]) || 0), [trendScale]);
+  const getLineY = useCallback((d2) => trendScale(Number(d2[GROWTH_RATE_KEY]) || 0), [trendScale]);
   const handleColumnEnter = useCallback((_e2, cat) => {
     const full = chartData.find((d2) => d2[xAxisValue] === cat);
     const dotX = getBarCentreX(cat) + margin2.left;
-    const dotY = trendScale(Number(full[TREND_KEY]) || 0) + margin2.top;
+    const dotY = trendScale(Number(full[GROWTH_RATE_KEY]) || 0) + margin2.top;
     setHoveredCategory(cat);
     showTooltip({
       tooltipData: full,
@@ -22614,16 +22613,16 @@ const DrawStackBarLineGraph = ({
             const topStackIndex = barStacks.length - 1;
             return barStacks.map((barStack, stackIdx) => barStack.bars.map((bar) => {
               const isTop = stackIdx === topStackIndex;
-              const r2 = 6;
+              const borderRadius2 = 6;
               return isTop ? /* @__PURE__ */ jsx$1("path", {
                 d: `
-                      M ${bar.x + r2},${bar.y}
-                      h ${bar.width - 2 * r2}
-                      q ${r2},0 ${r2},${r2}
-                      v ${bar.height - r2}
+                      M ${bar.x + borderRadius2},${bar.y}
+                      h ${bar.width - 2 * borderRadius2}
+                      q ${borderRadius2},0 ${borderRadius2},${borderRadius2}
+                      v ${bar.height - borderRadius2}
                       h ${-bar.width}
-                      v ${-(bar.height - r2)}
-                      q 0,${-r2} ${r2},${-r2}
+                      v ${-(bar.height - borderRadius2)}
+                      q 0,${-borderRadius2} ${borderRadius2},${-borderRadius2}
                       z
                     `,
                 fill: bar.color,