impaktapps-design 0.2.994-offset.8 → 0.2.995

package/dist/impaktapps-design.es.js

@@ -8132,8 +8132,7 @@ function AxisBottom(_ref) {
 }
 const LeftAxis = ({
   value,
-  yScale,
-  parentWidth
+  yScale
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t5, _u, _v, _w;
   const isBandScale = typeof yScale.bandwidth === "function";
@@ -8165,11 +8164,9 @@ const LeftAxis = ({
   });
 };
 const BottomAxis = ({
-  data,
   yMax,
   value,
   xScale,
-  parentWidth,
   left: left2
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
@@ -9711,7 +9708,7 @@ function DrawBarGraph({
   margin: margin2 = defaultMargin$1,
   value
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
   const data = (_a = value.main) == null ? void 0 : _a.data;
   const keys2 = Object.keys(data[0]).filter((d2) => d2 !== value.main.xAxisValue);
   const [hoveredBar, setHoveredBar] = useState({
@@ -9742,6 +9739,7 @@ function DrawBarGraph({
     domain: keys2,
     range: value.style.barStyle.colorRange
   });
+  margin2.bottom = ((_c = value.main) == null ? void 0 : _c.bottomAxisAngle) ? 50 + 40 : margin2.bottom;
   const xMax = width2 - margin2.left - margin2.right;
   const yMax = height2 - margin2.top - margin2.bottom;
   dateScale.rangeRound([0, xMax]);
@@ -9794,7 +9792,7 @@ function DrawBarGraph({
     return date2 == null ? void 0 : date2.bars.reduce((totalWidth, bar) => totalWidth + Math.min(bar.width, 15), 0);
   }
   return width2 < 10 ? null : /* @__PURE__ */ jsxs("div", {
-    children: [((_c = value == null ? void 0 : value.main) == null ? void 0 : _c.legendAvailable) && keys2.length > 1 && /* @__PURE__ */ jsx(Legend, {
+    children: [((_d = value == null ? void 0 : value.main) == null ? void 0 : _d.legendAvailable) && keys2.length > 1 && /* @__PURE__ */ jsx(Legend, {
       dataKeyArray: keys2,
       colorRange: value.style.barStyle.colorRange,
       value,
@@ -9827,16 +9825,16 @@ function DrawBarGraph({
           style: {
             display: hoveredBar.date ? "block" : "none"
           },
-          x: value.main.type === "StackBarGraph" ? ((_d = hoveredBar == null ? void 0 : hoveredBar.date) == null ? void 0 : _d.bars[hoveredBar.city].x) - (Math.min((_e = hoveredBar == null ? void 0 : hoveredBar.date) == null ? void 0 : _e.bars[0].width, 15) - ((_f = hoveredBar == null ? void 0 : hoveredBar.date) == null ? void 0 : _f.bars[0].width)) / 2 : ((_g = hoveredBar.date) == null ? void 0 : _g.x0) - (Math.min((_h = hoveredBar == null ? void 0 : hoveredBar.date) == null ? void 0 : _h.bars[0].width, 15) - ((_i = hoveredBar == null ? void 0 : hoveredBar.date) == null ? void 0 : _i.bars[0].width)) || 0,
-          width: value.main.type !== "StackBarGraph" ? calcWidthofBar(hoveredBar == null ? void 0 : hoveredBar.date) : Math.min((_j = hoveredBar == null ? void 0 : hoveredBar.date) == null ? void 0 : _j.bars[0].width, 15),
+          x: value.main.type === "StackBarGraph" ? ((_e = hoveredBar == null ? void 0 : hoveredBar.date) == null ? void 0 : _e.bars[hoveredBar.city].x) - (Math.min((_f = hoveredBar == null ? void 0 : hoveredBar.date) == null ? void 0 : _f.bars[0].width, 15) - ((_g = hoveredBar == null ? void 0 : hoveredBar.date) == null ? void 0 : _g.bars[0].width)) / 2 : ((_h = hoveredBar.date) == null ? void 0 : _h.x0) - (Math.min((_i = hoveredBar == null ? void 0 : hoveredBar.date) == null ? void 0 : _i.bars[0].width, 15) - ((_j = hoveredBar == null ? void 0 : hoveredBar.date) == null ? void 0 : _j.bars[0].width)) || 0,
+          width: value.main.type !== "StackBarGraph" ? calcWidthofBar(hoveredBar == null ? void 0 : hoveredBar.date) : Math.min((_k = hoveredBar == null ? void 0 : hoveredBar.date) == null ? void 0 : _k.bars[0].width, 15),
           height: yMax,
-          fill: (_l = (_k = value.style) == null ? void 0 : _k.barStyle) == null ? void 0 : _l.hoverBackgroundColor,
+          fill: (_m = (_l = value.style) == null ? void 0 : _l.barStyle) == null ? void 0 : _m.hoverBackgroundColor,
           opacity: 1
         }), /* @__PURE__ */ jsx(LeftAxis, {
           value,
           yScale: tempScale,
           parentWidth: width2
-        }), ((_m = value == null ? void 0 : value.main) == null ? void 0 : _m.type) === "StackBarGraph" ? /* @__PURE__ */ jsx(BarStack, {
+        }), ((_n = value == null ? void 0 : value.main) == null ? void 0 : _n.type) === "StackBarGraph" ? /* @__PURE__ */ jsx(BarStack, {
           data,
           keys: keys2,
           x: getDate,
@@ -10407,7 +10405,7 @@ const BarGraph = ({
   const barData = finalDataProvider((_a = value == null ? void 0 : value.main) == null ? void 0 : _a.type, value, theme);
   let GraphRender = /* @__PURE__ */ jsx(ParentSize$1, {
     children: (parent) => {
-      var _a2, _b2, _c2, _d2, _e2, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
+      var _a2, _b2, _c2, _d2, _e2, _f, _g, _h, _i, _j, _k, _l, _m, _n;
       return /* @__PURE__ */ jsx(DrawBarGraph, {
         theme,
         width: parent.width || 800,
@@ -10415,8 +10413,8 @@ const BarGraph = ({
         margin: {
           top: ((_e2 = (_d2 = (_c2 = barData == null ? void 0 : barData.style) == null ? void 0 : _c2.labelStyle) == null ? void 0 : _d2.margin) == null ? void 0 : _e2.top) || 10,
           right: ((_h = (_g = (_f = barData == null ? void 0 : barData.style) == null ? void 0 : _f.labelStyle) == null ? void 0 : _g.margin) == null ? void 0 : _h.right) || 10,
-          bottom: barData.main.bottomAxisAngle ? (((_k = (_j = (_i = barData == null ? void 0 : barData.style) == null ? void 0 : _i.labelStyle) == null ? void 0 : _j.margin) == null ? void 0 : _k.bottom) || 40) + 25 : ((_n = (_m = (_l = barData == null ? void 0 : barData.style) == null ? void 0 : _l.labelStyle) == null ? void 0 : _m.margin) == null ? void 0 : _n.bottom) || 40,
-          left: ((_q = (_p = (_o = barData == null ? void 0 : barData.style) == null ? void 0 : _o.labelStyle) == null ? void 0 : _p.margin) == null ? void 0 : _q.left) || 60
+          bottom: ((_k = (_j = (_i = barData == null ? void 0 : barData.style) == null ? void 0 : _i.labelStyle) == null ? void 0 : _j.margin) == null ? void 0 : _k.bottom) || 40,
+          left: ((_n = (_m = (_l = barData == null ? void 0 : barData.style) == null ? void 0 : _l.labelStyle) == null ? void 0 : _m.margin) == null ? void 0 : _n.left) || 60
         },
         value: barData
       });
@@ -20729,7 +20727,7 @@ const DrawGraph = ({
   margin: margin2 = defaultMargin,
   value
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
   const data = (_a = value == null ? void 0 : value.main) == null ? void 0 : _a.data;
   const arr = Object.keys(data[0]).filter((d2) => d2 !== value.main.xAxisValue);
   const xValues = data.map((d2) => d2[value.main.xAxisValue]);
@@ -20739,10 +20737,11 @@ const DrawGraph = ({
   const yScale = createLinearScale({
     domain: [0, Math.max(...data.flatMap((d2) => arr.map((key) => d2[key])))]
   });
+  margin2.bottom = ((_b = value.main) == null ? void 0 : _b.bottomAxisAngle) ? 50 + 40 : margin2.bottom;
   const xMax = width2 - margin2.left - margin2.right;
   const yMax = height2 - margin2.top - margin2.bottom;
-  yScale.range([yMax + 40, 40]);
-  xScale.rangeRound([margin2.left, xMax + margin2.left]);
+  yScale.rangeRound([yMax + 10, 10]);
+  xScale.rangeRound([Number(margin2.left), xMax + Number(margin2.left)]);
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [value.main.legendAvailable && /* @__PURE__ */ jsx(Legend, {
       value,
@@ -20764,10 +20763,10 @@ const DrawGraph = ({
         orientation: "left",
         hideAxisLine: value.main.hideLeftAxisLine,
         label: value.main.leftLabel,
-        labelOffset: margin2.left - 10 || ((_c = (_b = value.style) == null ? void 0 : _b.labelStyle) == null ? void 0 : _c.leftLabelOffset) || 20,
+        labelOffset: margin2.left - 30 || ((_d = (_c = value.style) == null ? void 0 : _c.labelStyle) == null ? void 0 : _d.leftLabelOffset) || 20,
         labelProps: {
-          fill: ((_e = (_d = value.style) == null ? void 0 : _d.labelStyle) == null ? void 0 : _e.labelColor) || "black",
-          fontSize: ((_g = (_f = value.style) == null ? void 0 : _f.labelStyle) == null ? void 0 : _g.fontSize) || "12px",
+          fill: ((_f = (_e = value.style) == null ? void 0 : _e.labelStyle) == null ? void 0 : _f.labelColor) || "black",
+          fontSize: ((_h = (_g = value.style) == null ? void 0 : _g.labelStyle) == null ? void 0 : _h.fontSize) || "12px",
           fontWeight: "normal"
         },
         tickLabelProps: (e3) => {
@@ -20784,8 +20783,8 @@ const DrawGraph = ({
         hideAxisLine: value.main.hideBottomAxisLine,
         label: value.main.bottomLabel,
         labelProps: {
-          fill: ((_i = (_h = value.style) == null ? void 0 : _h.labelStyle) == null ? void 0 : _i.labelColor) || "black",
-          fontSize: ((_k = (_j = value.style) == null ? void 0 : _j.labelStyle) == null ? void 0 : _k.fontSize) || "12px",
+          fill: ((_j = (_i = value.style) == null ? void 0 : _i.labelStyle) == null ? void 0 : _j.labelColor) || "black",
+          fontSize: ((_l = (_k = value.style) == null ? void 0 : _k.labelStyle) == null ? void 0 : _l.fontSize) || "12px",
           fontWeight: "normal"
         },
         tickLabelProps: (e3) => {
@@ -20798,7 +20797,7 @@ const DrawGraph = ({
           };
         },
         tickStroke: "black",
-        labelOffset: ((_l = value.main) == null ? void 0 : _l.bottomAxisAngle) ? 45 : ((_n = (_m = value.style) == null ? void 0 : _m.labelStyle) == null ? void 0 : _n.bottomLabelOffset) || 20
+        labelOffset: ((_m = value.main) == null ? void 0 : _m.bottomAxisAngle) ? 45 : ((_o = (_n = value.style) == null ? void 0 : _n.labelStyle) == null ? void 0 : _o.bottomLabelOffset) || 20
       }), /* @__PURE__ */ jsx(Grid, {
         stroke: "black",
         lineStyle: {
@@ -20864,7 +20863,7 @@ const DrawGraph = ({
                     fontWeight: "normal",
                     color: "black"
                   },
-                  children: [d2, ": "]
+                  children: [d2, ":", " "]
                 })
               }), /* @__PURE__ */ jsx("span", {
                 style: {
@@ -20918,7 +20917,7 @@ var DrawHorizontalBarGraph = ({
   margin: margin2,
   barValue
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
   const [hoveredBar, setHoveredBar] = useState({
     date: null,
     city: null
@@ -20949,6 +20948,7 @@ var DrawHorizontalBarGraph = ({
     domain: keys2,
     range: barValue.style.barStyle.colorRange
   });
+  margin2.bottom = ((_c = barValue.main) == null ? void 0 : _c.bottomAxisAngle) ? 50 + 40 : margin2.bottom;
   const xMax = width2 - margin2.left - margin2.right;
   const yMax = height2 - margin2.top - margin2.bottom;
   temperatureScale.rangeRound([0, xMax]);
@@ -21001,7 +21001,7 @@ var DrawHorizontalBarGraph = ({
     return date2 == null ? void 0 : date2.bars.reduce((totalWidth, bar) => totalWidth + Math.min(bar.height, 15), 0);
   }
   return width2 < 10 ? null : /* @__PURE__ */ jsxs("div", {
-    children: [((_c = barValue == null ? void 0 : barValue.main) == null ? void 0 : _c.legendAvailable) && keys2.length > 1 && /* @__PURE__ */ jsx(Legend, {
+    children: [((_d = barValue == null ? void 0 : barValue.main) == null ? void 0 : _d.legendAvailable) && keys2.length > 1 && /* @__PURE__ */ jsx(Legend, {
       dataKeyArray: keys2,
       colorRange: barValue.style.barStyle.colorRange,
       value: barValue,
@@ -21034,10 +21034,10 @@ var DrawHorizontalBarGraph = ({
           style: {
             display: hoveredBar.date ? "block" : "none"
           },
-          y: barValue.main.type === "HorizontalStackBarGraph" ? ((_d = hoveredBar == null ? void 0 : hoveredBar.date) == null ? void 0 : _d.bars[hoveredBar.city].y) - (Math.min((_e = hoveredBar == null ? void 0 : hoveredBar.date) == null ? void 0 : _e.bars[0].height, 15) - ((_f = hoveredBar == null ? void 0 : hoveredBar.date) == null ? void 0 : _f.bars[0].height)) / 2 : ((_g = hoveredBar.date) == null ? void 0 : _g.y0) - (Math.min((_h = hoveredBar == null ? void 0 : hoveredBar.date) == null ? void 0 : _h.bars[0].height, 15) - ((_i = hoveredBar == null ? void 0 : hoveredBar.date) == null ? void 0 : _i.bars[0].height)) || 0,
+          y: barValue.main.type === "HorizontalStackBarGraph" ? ((_e = hoveredBar == null ? void 0 : hoveredBar.date) == null ? void 0 : _e.bars[hoveredBar.city].y) - (Math.min((_f = hoveredBar == null ? void 0 : hoveredBar.date) == null ? void 0 : _f.bars[0].height, 15) - ((_g = hoveredBar == null ? void 0 : hoveredBar.date) == null ? void 0 : _g.bars[0].height)) / 2 : ((_h = hoveredBar.date) == null ? void 0 : _h.y0) - (Math.min((_i = hoveredBar == null ? void 0 : hoveredBar.date) == null ? void 0 : _i.bars[0].height, 15) - ((_j = hoveredBar == null ? void 0 : hoveredBar.date) == null ? void 0 : _j.bars[0].height)) || 0,
           width: xMax,
-          height: barValue.main.type !== "HorizontalStackBarGraph" ? calcWidthofBar(hoveredBar == null ? void 0 : hoveredBar.date) : Math.min((_j = hoveredBar == null ? void 0 : hoveredBar.date) == null ? void 0 : _j.bars[0].height, 15),
-          fill: (_l = (_k = barValue.style) == null ? void 0 : _k.barStyle) == null ? void 0 : _l.hoverBackgroundColor,
+          height: barValue.main.type !== "HorizontalStackBarGraph" ? calcWidthofBar(hoveredBar == null ? void 0 : hoveredBar.date) : Math.min((_k = hoveredBar == null ? void 0 : hoveredBar.date) == null ? void 0 : _k.bars[0].height, 15),
+          fill: (_m = (_l = barValue.style) == null ? void 0 : _l.barStyle) == null ? void 0 : _m.hoverBackgroundColor,
           opacity: 1
         }), barValue.main.type === "HorizontalStackBarGraph" ? /* @__PURE__ */ jsx(BarStackHorizontal, {
           data,
@@ -21117,7 +21117,7 @@ const HorizontalBarGraph = ({
   const barData = finalDataProvider("HorizontalBarGraph", value, theme);
   let GraphRender = /* @__PURE__ */ jsx(ParentSize$1, {
     children: (parent) => {
-      var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
+      var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
       return /* @__PURE__ */ jsx(DrawHorizontalBarGraph, {
         theme,
         width: parent.width,
@@ -21125,8 +21125,8 @@ const HorizontalBarGraph = ({
         margin: {
           top: ((_e = (_d = (_c = barData == null ? void 0 : barData.style) == null ? void 0 : _c.labelStyle) == null ? void 0 : _d.margin) == null ? void 0 : _e.top) || 10,
           right: ((_h = (_g = (_f = barData == null ? void 0 : barData.style) == null ? void 0 : _f.labelStyle) == null ? void 0 : _g.margin) == null ? void 0 : _h.right) || 40,
-          bottom: barData.main.bottomAxisAngle ? (((_k = (_j = (_i = barData == null ? void 0 : barData.style) == null ? void 0 : _i.labelStyle) == null ? void 0 : _j.margin) == null ? void 0 : _k.bottom) || 40) + 25 : ((_n = (_m = (_l = barData == null ? void 0 : barData.style) == null ? void 0 : _l.labelStyle) == null ? void 0 : _m.margin) == null ? void 0 : _n.bottom) || 40,
-          left: ((_q = (_p = (_o = barData == null ? void 0 : barData.style) == null ? void 0 : _o.labelStyle) == null ? void 0 : _p.margin) == null ? void 0 : _q.left) || 60
+          bottom: ((_k = (_j = (_i = barData == null ? void 0 : barData.style) == null ? void 0 : _i.labelStyle) == null ? void 0 : _j.margin) == null ? void 0 : _k.bottom) || 40,
+          left: ((_n = (_m = (_l = barData == null ? void 0 : barData.style) == null ? void 0 : _l.labelStyle) == null ? void 0 : _m.margin) == null ? void 0 : _n.left) || 60
         },
         barValue: barData
       });