impaktapps-design 0.2.995-alpha.21 → 0.2.995-alpha.23

package/dist/impaktapps-design.es.js

@@ -18016,7 +18016,7 @@ function DrawBarGraph({
   margin: margin2,
   value
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   const data = value.main.data;
   const keys2 = Object.keys(data[0]).filter((d2) => d2 !== value.main.xAxisValue);
   const [hoveredBar, setHoveredBar] = useState({
@@ -18100,7 +18100,7 @@ function DrawBarGraph({
   }
   return width2 < 10 ? null : /* @__PURE__ */ jsxs("div", {
     children: [value.main.legendAvailable && keys2.length > 1 && /* @__PURE__ */ jsx$1(Legend, {
-      dataKeyArray: keys2,
+      dataKeyArray: (_b = (_a = value.main) == null ? void 0 : _a.legendLabels) != null ? _b : keys2,
       colorRange: value.style.barStyle.colorRange,
       value,
       theme: theme.myTheme
@@ -18132,8 +18132,8 @@ function DrawBarGraph({
           style: {
             display: hoveredBar.date ? "block" : "none"
           },
-          x: value.main.type === "StackBarGraph" ? ((_a = hoveredBar.date) == null ? void 0 : _a.bars[hoveredBar.city].x) - (Math.min((_b = hoveredBar.date) == null ? void 0 : _b.bars[0].width, 15) - ((_c = hoveredBar.date) == null ? void 0 : _c.bars[0].width)) / 2 : ((_d = hoveredBar.date) == null ? void 0 : _d.x0) - (Math.min((_e = hoveredBar.date) == null ? void 0 : _e.bars[0].width, 15) - ((_f = hoveredBar.date) == null ? void 0 : _f.bars[0].width)) * ((_g = hoveredBar.date) == null ? void 0 : _g.bars.length) / 2 || 0,
-          width: value.main.type !== "StackBarGraph" ? calcWidthofBar(hoveredBar.date) : Math.min((_h = hoveredBar.date) == null ? void 0 : _h.bars[0].width, 15),
+          x: value.main.type === "StackBarGraph" ? ((_c = hoveredBar.date) == null ? void 0 : _c.bars[hoveredBar.city].x) - (Math.min((_d = hoveredBar.date) == null ? void 0 : _d.bars[0].width, 15) - ((_e = hoveredBar.date) == null ? void 0 : _e.bars[0].width)) / 2 : ((_f = hoveredBar.date) == null ? void 0 : _f.x0) - (Math.min((_g = hoveredBar.date) == null ? void 0 : _g.bars[0].width, 15) - ((_h = hoveredBar.date) == null ? void 0 : _h.bars[0].width)) * ((_i = hoveredBar.date) == null ? void 0 : _i.bars.length) / 2 || 0,
+          width: value.main.type !== "StackBarGraph" ? calcWidthofBar(hoveredBar.date) : Math.min((_j = hoveredBar.date) == null ? void 0 : _j.bars[0].width, 15),
           height: yMax,
           fill: theme.myTheme.palette.secondary.main,
           opacity: 1
@@ -18638,7 +18638,7 @@ const DrawPieGraph = ({
   parentWidth,
   parentHeight
 }) => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e, _f;
   const {
     TooltipInPortal
   } = useTooltipInPortal({
@@ -18698,7 +18698,7 @@ const DrawPieGraph = ({
       children: [value.main.legendAvailable && smallScreen && /* @__PURE__ */ jsx$1(Legend, {
         value,
         colorRange: value.style.pieStyle.colorRange,
-        dataKeyArray,
+        dataKeyArray: (_f = (_e = value.main) == null ? void 0 : _e.legendLabels) != null ? _f : dataKeyArray,
         theme: theme.myTheme
       }), /* @__PURE__ */ jsx$1("svg", {
         width: smallScreen ? parentWidth : 0.7 * parentWidth,
@@ -18799,7 +18799,13 @@ const DrawPieGraph = ({
       }, Math.random()), /* @__PURE__ */ jsx$1("div", {
         style: {
           display: smallScreen ? "none" : "flex"
-        }
+        },
+        children: value.main.legendAvailable && /* @__PURE__ */ jsx$1(Legend, {
+          value,
+          colorRange: value.style.pieStyle.colorRange,
+          dataKeyArray,
+          theme: theme.myTheme
+        })
       })]
     })
   });
@@ -21191,7 +21197,7 @@ const DrawGraph = ({
   margin: margin2,
   value
 }) => {
-  var _a;
+  var _a, _b, _c;
   const data = value.main.data;
   const arr = Object.keys(data[0]).filter((d2) => d2 !== value.main.xAxisValue);
   const xValues = data.map((d2) => d2[value.main.xAxisValue]);
@@ -21209,7 +21215,7 @@ const DrawGraph = ({
     children: [value.main.legendAvailable && /* @__PURE__ */ jsx$1(Legend, {
       value,
       colorRange: value.style.lineStyle.colorRange,
-      dataKeyArray: arr,
+      dataKeyArray: (_b = (_a = value.main) == null ? void 0 : _a.legendLabels) != null ? _b : arr,
       theme: theme.myTheme
     }), /* @__PURE__ */ jsxs(XYChart, {
       margin: margin2,
@@ -21247,16 +21253,16 @@ const DrawGraph = ({
           fontWeight: "normal"
         },
         tickLabelProps: (e3) => {
-          var _a2, _b;
+          var _a2, _b2;
           return {
             fill: "black",
             fontSize: 10,
             textAnchor: ((_a2 = value.main) == null ? void 0 : _a2.bottomAxisAngle) ? "start" : "middle",
-            angle: ((_b = value.main) == null ? void 0 : _b.bottomAxisAngle) ? 45 : 0
+            angle: ((_b2 = value.main) == null ? void 0 : _b2.bottomAxisAngle) ? 45 : 0
           };
         },
         tickStroke: "black",
-        labelOffset: ((_a = value.main) == null ? void 0 : _a.bottomAxisAngle) ? 45 : 20
+        labelOffset: ((_c = value.main) == null ? void 0 : _c.bottomAxisAngle) ? 45 : 20
       }), /* @__PURE__ */ jsx$1(Grid, {
         stroke: "black",
         lineStyle: {
@@ -21379,7 +21385,7 @@ var DrawHorizontalBarGraph = ({
   margin: margin2,
   barValue
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   const [hoveredBar, setHoveredBar] = useState({
     date: null,
     city: null
@@ -21463,7 +21469,7 @@ var DrawHorizontalBarGraph = ({
   }
   return width2 < 10 ? null : /* @__PURE__ */ jsxs("div", {
     children: [barValue.main.legendAvailable && keys2.length > 1 && /* @__PURE__ */ jsx$1(Legend, {
-      dataKeyArray: keys2,
+      dataKeyArray: (_b = (_a = barValue.main) == null ? void 0 : _a.legendLabels) != null ? _b : keys2,
       colorRange: barValue.style.barStyle.colorRange,
       value: barValue,
       theme: theme.myTheme
@@ -21495,9 +21501,9 @@ var DrawHorizontalBarGraph = ({
           style: {
             display: hoveredBar.date ? "block" : "none"
           },
-          y: barValue.main.type === "HorizontalStackBarGraph" ? ((_a = hoveredBar.date) == null ? void 0 : _a.bars[hoveredBar.city].y) - (Math.min((_b = hoveredBar.date) == null ? void 0 : _b.bars[0].height, 15) - ((_c = hoveredBar.date) == null ? void 0 : _c.bars[0].height)) / 2 : ((_d = hoveredBar.date) == null ? void 0 : _d.y0) - (Math.min((_e = hoveredBar.date) == null ? void 0 : _e.bars[0].height, 15) - ((_f = hoveredBar.date) == null ? void 0 : _f.bars[0].height)) * ((_g = hoveredBar.date) == null ? void 0 : _g.bars.length) / 2 || 0,
+          y: barValue.main.type === "HorizontalStackBarGraph" ? ((_c = hoveredBar.date) == null ? void 0 : _c.bars[hoveredBar.city].y) - (Math.min((_d = hoveredBar.date) == null ? void 0 : _d.bars[0].height, 15) - ((_e = hoveredBar.date) == null ? void 0 : _e.bars[0].height)) / 2 : ((_f = hoveredBar.date) == null ? void 0 : _f.y0) - (Math.min((_g = hoveredBar.date) == null ? void 0 : _g.bars[0].height, 15) - ((_h = hoveredBar.date) == null ? void 0 : _h.bars[0].height)) * ((_i = hoveredBar.date) == null ? void 0 : _i.bars.length) / 2 || 0,
           width: xMax,
-          height: barValue.main.type !== "HorizontalStackBarGraph" ? calcWidthofBar(hoveredBar.date) : Math.min((_h = hoveredBar.date) == null ? void 0 : _h.bars[0].height, 15),
+          height: barValue.main.type !== "HorizontalStackBarGraph" ? calcWidthofBar(hoveredBar.date) : Math.min((_j = hoveredBar.date) == null ? void 0 : _j.bars[0].height, 15),
           fill: theme.myTheme.palette.secondary.main,
           opacity: 1
         }), barValue.main.type === "HorizontalStackBarGraph" ? /* @__PURE__ */ jsx$1(BarStackHorizontal, {