impaktapps-design 0.2.993-alpha.245 → 0.2.993-alpha.248
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/impaktapps-design.es.js +14 -14
- package/dist/impaktapps-design.es.js.map +1 -1
- package/dist/impaktapps-design.umd.js +1 -1
- package/dist/impaktapps-design.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/component/StackBarLineGraph/DrawStackBarLineGraph.tsx +4 -4
- package/src/utils/finalDataProvider.ts +8 -10
|
@@ -19173,8 +19173,8 @@ const finalDataProvider = (type2, value, theme) => {
|
|
|
19173
19173
|
...(_c = value.style) == null ? void 0 : _c.labelStyle
|
|
19174
19174
|
},
|
|
19175
19175
|
barStyle: {
|
|
19176
|
-
|
|
19177
|
-
|
|
19176
|
+
colorMap: (_d = value.style) == null ? void 0 : _d.colorMap,
|
|
19177
|
+
...(_e = value.style) == null ? void 0 : _e.barStyle
|
|
19178
19178
|
}
|
|
19179
19179
|
}
|
|
19180
19180
|
};
|
|
@@ -19198,8 +19198,8 @@ const finalDataProvider = (type2, value, theme) => {
|
|
|
19198
19198
|
...(_g = value.style) == null ? void 0 : _g.containerStyle
|
|
19199
19199
|
},
|
|
19200
19200
|
pieStyle: {
|
|
19201
|
-
|
|
19202
|
-
|
|
19201
|
+
colorMap: (_h = value.style) == null ? void 0 : _h.colorMap,
|
|
19202
|
+
...(_i = value.style) == null ? void 0 : _i.pieStyle
|
|
19203
19203
|
}
|
|
19204
19204
|
}
|
|
19205
19205
|
};
|
|
@@ -19225,8 +19225,8 @@ const finalDataProvider = (type2, value, theme) => {
|
|
|
19225
19225
|
...(_l = value.style) == null ? void 0 : _l.labelStyle
|
|
19226
19226
|
},
|
|
19227
19227
|
lineStyle: {
|
|
19228
|
-
|
|
19229
|
-
|
|
19228
|
+
colorMap: (_m = value.style) == null ? void 0 : _m.colorMap,
|
|
19229
|
+
...(_n = value.style) == null ? void 0 : _n.lineStyle
|
|
19230
19230
|
}
|
|
19231
19231
|
}
|
|
19232
19232
|
};
|
|
@@ -19254,8 +19254,8 @@ const finalDataProvider = (type2, value, theme) => {
|
|
|
19254
19254
|
...(_u = value.style) == null ? void 0 : _u.labelStyle
|
|
19255
19255
|
},
|
|
19256
19256
|
areaStyle: {
|
|
19257
|
-
|
|
19258
|
-
|
|
19257
|
+
colorMap: (_v = value.style) == null ? void 0 : _v.colorMap,
|
|
19258
|
+
...(_w = value.style) == null ? void 0 : _w.areaStyle
|
|
19259
19259
|
}
|
|
19260
19260
|
}
|
|
19261
19261
|
};
|
|
@@ -19281,8 +19281,8 @@ const finalDataProvider = (type2, value, theme) => {
|
|
|
19281
19281
|
...(_A = value.style) == null ? void 0 : _A.labelStyle
|
|
19282
19282
|
},
|
|
19283
19283
|
stackBarLineStyle: {
|
|
19284
|
-
|
|
19285
|
-
|
|
19284
|
+
colorMap: (_B = value.style) == null ? void 0 : _B.colorMap,
|
|
19285
|
+
...(_C = value.style) == null ? void 0 : _C.stackBarLineStyle
|
|
19286
19286
|
}
|
|
19287
19287
|
}
|
|
19288
19288
|
};
|
|
@@ -22555,7 +22555,7 @@ const DrawStackBarLineGraph = ({
|
|
|
22555
22555
|
return [];
|
|
22556
22556
|
return Object.keys(chartData[0]).filter((k2) => k2 !== xAxisValue);
|
|
22557
22557
|
}, [chartData, xAxisValue]);
|
|
22558
|
-
const barKeys = useMemo(() => labelsArray.filter((k2) => k2 !== growthRateKey), [labelsArray]);
|
|
22558
|
+
const barKeys = useMemo(() => labelsArray.filter((k2) => k2 !== growthRateKey), [labelsArray, growthRateKey]);
|
|
22559
22559
|
const barData = useMemo(() => chartData.map((row) => {
|
|
22560
22560
|
const stripped = {
|
|
22561
22561
|
[xAxisValue]: row[xAxisValue]
|
|
@@ -22587,13 +22587,13 @@ const DrawStackBarLineGraph = ({
|
|
|
22587
22587
|
range: [innerHeight, 0],
|
|
22588
22588
|
nice: true
|
|
22589
22589
|
});
|
|
22590
|
-
}, [chartData, innerHeight]);
|
|
22590
|
+
}, [chartData, innerHeight, growthRateKey]);
|
|
22591
22591
|
const getBarCentreX = useCallback((cat) => {
|
|
22592
22592
|
var _a2;
|
|
22593
22593
|
return ((_a2 = categoryScale(cat)) != null ? _a2 : 0) + categoryScale.bandwidth() / 2;
|
|
22594
22594
|
}, [categoryScale]);
|
|
22595
22595
|
const getLineX = useCallback((d2) => getBarCentreX(d2[xAxisValue]), [getBarCentreX, xAxisValue]);
|
|
22596
|
-
const getLineY = useCallback((d2) => trendScale(Number(d2[growthRateKey]) || 0), [trendScale]);
|
|
22596
|
+
const getLineY = useCallback((d2) => trendScale(Number(d2[growthRateKey]) || 0), [trendScale, growthRateKey]);
|
|
22597
22597
|
const handleColumnEnter = useCallback((_e2, cat) => {
|
|
22598
22598
|
const full = chartData.find((d2) => d2[xAxisValue] === cat);
|
|
22599
22599
|
const dotX = getBarCentreX(cat) + margin2.left;
|
|
@@ -22604,7 +22604,7 @@ const DrawStackBarLineGraph = ({
|
|
|
22604
22604
|
tooltipLeft: dotX + 14,
|
|
22605
22605
|
tooltipTop: dotY - 12
|
|
22606
22606
|
});
|
|
22607
|
-
}, [chartData, xAxisValue, trendScale, margin2, showTooltip, getBarCentreX]);
|
|
22607
|
+
}, [chartData, xAxisValue, trendScale, margin2, showTooltip, getBarCentreX, growthRateKey]);
|
|
22608
22608
|
const handleColumnLeave = useCallback(() => {
|
|
22609
22609
|
setHoveredCategory(null);
|
|
22610
22610
|
hideTooltip();
|