impaktapps-design 0.2.993-graph.2 → 0.2.994-offset.1

package/dist/impaktapps-design.es.js

@@ -8135,17 +8135,8 @@ const LeftAxis = ({
   yScale,
   parentWidth
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t5;
-  const baseCharacterWidth = 7;
+  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";
-  let ticksArray = [];
-  if (isBandScale) {
-    ticksArray = yScale.domain();
-  } else {
-    ticksArray = yScale.ticks();
-  }
-  const maxLength = Math.max(...ticksArray.map((label) => String(label || "").length));
-  const calculatedOffset = maxLength * baseCharacterWidth + 10;
   return /* @__PURE__ */ jsx(AxisLeft, {
     numTicks: isBandScale ? yScale.domain().length : (_a = value.main) == null ? void 0 : _a.numTicks,
     scale: yScale,
@@ -8154,14 +8145,14 @@ const LeftAxis = ({
     tickStroke: ((_d = (_c = value.style) == null ? void 0 : _c.labelStyle) == null ? void 0 : _d.tickColor) !== void 0 ? (_f = (_e = value.style) == null ? void 0 : _e.labelStyle) == null ? void 0 : _f.tickColor : "none",
     strokeWidth: (_h = (_g = value.style) == null ? void 0 : _g.labelStyle) == null ? void 0 : _h.rightAxisWidth,
     hideTicks: (_i = value.main) == null ? void 0 : _i.hideLeftTicks,
-    labelOffset: calculatedOffset || ((_k = (_j = value.style) == null ? void 0 : _j.labelStyle) == null ? void 0 : _k.leftLabelOffset),
+    labelOffset: ((_l = (_k = (_j = value == null ? void 0 : value.style) == null ? void 0 : _j.labelStyle) == null ? void 0 : _k.margin) == null ? void 0 : _l.left) - 10 || ((_n = (_m = value.style) == null ? void 0 : _m.labelStyle) == null ? void 0 : _n.leftLabelOffset),
     labelProps: {
-      fill: (_m = (_l = value.style) == null ? void 0 : _l.labelStyle) == null ? void 0 : _m.labelColor,
-      fontSize: (_o = (_n = value.style) == null ? void 0 : _n.labelStyle) == null ? void 0 : _o.fontSize,
-      fontWeight: (_q = (_p = value.style) == null ? void 0 : _p.labelStyle) == null ? void 0 : _q.fontWeight,
-      fontFamily: (_s = (_r = value.style) == null ? void 0 : _r.labelStyle) == null ? void 0 : _s.fontWeight
+      fill: (_p = (_o = value.style) == null ? void 0 : _o.labelStyle) == null ? void 0 : _p.labelColor,
+      fontSize: (_r = (_q = value.style) == null ? void 0 : _q.labelStyle) == null ? void 0 : _r.fontSize,
+      fontWeight: (_t5 = (_s = value.style) == null ? void 0 : _s.labelStyle) == null ? void 0 : _t5.fontWeight,
+      fontFamily: (_v = (_u = value.style) == null ? void 0 : _u.labelStyle) == null ? void 0 : _v.fontWeight
     },
-    hideAxisLine: (_t5 = value.main) == null ? void 0 : _t5.hideLeftAxisLine,
+    hideAxisLine: (_w = value.main) == null ? void 0 : _w.hideLeftAxisLine,
     tickLabelProps: (e3) => {
       var _a2, _b2;
       return {
@@ -8181,17 +8172,8 @@ const BottomAxis = ({
   parentWidth,
   left: left2
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
-  const baseCharacterWidth = 5;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
   const isBandScale = typeof xScale.bandwidth === "function";
-  let ticksArray = [];
-  if (isBandScale) {
-    ticksArray = xScale.domain();
-  } else {
-    ticksArray = xScale.ticks();
-  }
-  const maxLength = Math.max(...ticksArray.map((label) => String(label || "").length));
-  const calculatedOffset = maxLength * baseCharacterWidth + 10;
   return /* @__PURE__ */ jsx(AxisBottom, {
     numTicks: isBandScale ? xScale.domain().length : (_a = value.main) == null ? void 0 : _a.numTicks,
     top: yMax,
@@ -8201,9 +8183,9 @@ const BottomAxis = ({
     strokeWidth: (_f = (_e = value.style) == null ? void 0 : _e.labelStyle) == null ? void 0 : _f.bottomAxisWidth,
     scale: xScale,
     stroke: (_h = (_g = value.style) == null ? void 0 : _g.labelStyle) == null ? void 0 : _h.tickColor,
-    labelOffset: calculatedOffset || ((_j = (_i = value.style) == null ? void 0 : _i.labelStyle) == null ? void 0 : _j.bottomLabelOffset),
-    label: (_k = value.main) == null ? void 0 : _k.bottomLabel,
-    tickStroke: (_m = (_l = value.style) == null ? void 0 : _l.labelStyle) == null ? void 0 : _m.tickColor,
+    labelOffset: ((_i = value.main) == null ? void 0 : _i.bottomAxisAngle) ? 145 : (_k = (_j = value.style) == null ? void 0 : _j.labelStyle) == null ? void 0 : _k.bottomLabelOffset,
+    label: (_l = value.main) == null ? void 0 : _l.bottomLabel,
+    tickStroke: (_n = (_m = value.style) == null ? void 0 : _m.labelStyle) == null ? void 0 : _n.tickColor,
     tickLabelProps: () => {
       var _a2, _b2, _c2, _d2, _e2, _f2;
       return {
@@ -9729,7 +9711,7 @@ function DrawBarGraph({
   margin: margin2 = defaultMargin$1,
   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;
   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({
@@ -9760,18 +9742,6 @@ function DrawBarGraph({
     domain: keys2,
     range: value.style.barStyle.colorRange
   });
-  const baseCharacterWidth = 7;
-  let ticksArray = [];
-  ticksArray = tempScale.ticks();
-  const maxLength = Math.max(...ticksArray.map((label) => String(label || "").length));
-  const calculatedOffset = maxLength * baseCharacterWidth + 10;
-  const baseCharacterWidthBottom = 5;
-  let ticksArrayBottom = [];
-  ticksArrayBottom = dateScale.domain();
-  const maxLengthBottom = Math.max(...ticksArrayBottom.map((label) => String(label || "").length));
-  const calculatedOffsetBottom = maxLengthBottom * baseCharacterWidthBottom + 10;
-  margin2.left = calculatedOffset + 20;
-  margin2.bottom = ((_c = value.main) == null ? void 0 : _c.bottomAxisAngle) ? calculatedOffsetBottom + 40 : margin2.bottom;
   const xMax = width2 - margin2.left - margin2.right;
   const yMax = height2 - margin2.top - margin2.bottom;
   dateScale.rangeRound([0, xMax]);
@@ -9824,7 +9794,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: [((_d = value == null ? void 0 : value.main) == null ? void 0 : _d.legendAvailable) && keys2.length > 1 && /* @__PURE__ */ jsx(Legend, {
+    children: [((_c = value == null ? void 0 : value.main) == null ? void 0 : _c.legendAvailable) && keys2.length > 1 && /* @__PURE__ */ jsx(Legend, {
       dataKeyArray: keys2,
       colorRange: value.style.barStyle.colorRange,
       value,
@@ -9857,16 +9827,16 @@ function DrawBarGraph({
           style: {
             display: hoveredBar.date ? "block" : "none"
           },
-          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),
+          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),
           height: yMax,
-          fill: (_m = (_l = value.style) == null ? void 0 : _l.barStyle) == null ? void 0 : _m.hoverBackgroundColor,
+          fill: (_l = (_k = value.style) == null ? void 0 : _k.barStyle) == null ? void 0 : _l.hoverBackgroundColor,
           opacity: 1
         }), /* @__PURE__ */ jsx(LeftAxis, {
           value,
           yScale: tempScale,
           parentWidth: width2
-        }), ((_n = value == null ? void 0 : value.main) == null ? void 0 : _n.type) === "StackBarGraph" ? /* @__PURE__ */ jsx(BarStack, {
+        }), ((_m = value == null ? void 0 : value.main) == null ? void 0 : _m.type) === "StackBarGraph" ? /* @__PURE__ */ jsx(BarStack, {
           data,
           keys: keys2,
           x: getDate,
@@ -20770,20 +20740,6 @@ const DrawGraph = ({
   const yScale = createLinearScale({
     domain: [0, Math.max(...data.flatMap((d2) => arr.map((key) => d2[key])))]
   });
-  const ticksArray = yScale.ticks();
-  const baseCharacterWidth = 7;
-  const maxLength = Math.max(...ticksArray.map((label) => {
-    return String(label || "").length;
-  }));
-  const calculatedOffset = maxLength * baseCharacterWidth + 10;
-  const ticksArrayBottom = xScale.domain();
-  const baseCharacterWidthBottom = 4;
-  const maxLengthBottom = Math.max(...ticksArrayBottom.map((label) => {
-    return String(label || "").length;
-  }));
-  const calculatedOffsetBottom = maxLengthBottom * baseCharacterWidthBottom + 10;
-  margin2.left = calculatedOffset + 20;
-  margin2.bottom = ((_b = value.main) == null ? void 0 : _b.bottomAxisAngle) ? calculatedOffsetBottom + 35 : margin2.bottom;
   const xMax = width2 - margin2.left - margin2.right;
   const yMax = height2 - margin2.top - margin2.bottom;
   yScale.range([yMax + 40, 40]);
@@ -20809,10 +20765,10 @@ const DrawGraph = ({
         orientation: "left",
         hideAxisLine: value.main.hideLeftAxisLine,
         label: value.main.leftLabel,
-        labelOffset: calculatedOffset || ((_d = (_c = value.style) == null ? void 0 : _c.labelStyle) == null ? void 0 : _d.leftLabelOffset) || 20,
+        labelOffset: margin2.left - 10 || ((_c = (_b = value.style) == null ? void 0 : _b.labelStyle) == null ? void 0 : _c.leftLabelOffset) || 20,
         labelProps: {
-          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",
+          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",
           fontWeight: "normal"
         },
         tickLabelProps: (e3) => {
@@ -20829,8 +20785,8 @@ const DrawGraph = ({
         hideAxisLine: value.main.hideBottomAxisLine,
         label: value.main.bottomLabel,
         labelProps: {
-          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",
+          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",
           fontWeight: "normal"
         },
         tickLabelProps: (e3) => {
@@ -20843,7 +20799,7 @@ const DrawGraph = ({
           };
         },
         tickStroke: "black",
-        labelOffset: calculatedOffsetBottom || ((_n = (_m = value.style) == null ? void 0 : _m.labelStyle) == null ? void 0 : _n.bottomLabelOffset) || 20
+        labelOffset: ((_l = value.main) == null ? void 0 : _l.bottomAxisAngle) ? 145 : ((_n = (_m = value.style) == null ? void 0 : _m.labelStyle) == null ? void 0 : _n.bottomLabelOffset) || 20
       }), /* @__PURE__ */ jsx(Grid, {
         stroke: "black",
         lineStyle: {
@@ -20957,7 +20913,7 @@ var DrawHorizontalBarGraph = ({
   margin: margin2,
   barValue
 }) => {
-  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;
   const [hoveredBar, setHoveredBar] = useState({
     date: null,
     city: null
@@ -20988,18 +20944,6 @@ var DrawHorizontalBarGraph = ({
     domain: keys2,
     range: barValue.style.barStyle.colorRange
   });
-  const baseCharacterWidth = 7;
-  let ticksArray = [];
-  ticksArray = dateScale.domain();
-  const maxLength = Math.max(...ticksArray.map((label) => String(label || "").length));
-  const calculatedOffset = maxLength * baseCharacterWidth + 10;
-  const baseCharacterWidthBottom = 5;
-  let ticksArrayBottom = [];
-  ticksArrayBottom = temperatureScale.ticks();
-  const maxLengthBottom = Math.max(...ticksArrayBottom.map((label) => String(label || "").length));
-  const calculatedOffsetBottom = maxLengthBottom * baseCharacterWidthBottom + 10;
-  margin2.left = calculatedOffset + 20;
-  margin2.bottom = ((_c = barValue.main) == null ? void 0 : _c.bottomAxisAngle) ? calculatedOffsetBottom + 40 : margin2.bottom;
   const xMax = width2 - margin2.left - margin2.right;
   const yMax = height2 - margin2.top - margin2.bottom;
   temperatureScale.rangeRound([0, xMax]);
@@ -21052,7 +20996,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: [((_d = barValue == null ? void 0 : barValue.main) == null ? void 0 : _d.legendAvailable) && keys2.length > 1 && /* @__PURE__ */ jsx(Legend, {
+    children: [((_c = barValue == null ? void 0 : barValue.main) == null ? void 0 : _c.legendAvailable) && keys2.length > 1 && /* @__PURE__ */ jsx(Legend, {
       dataKeyArray: keys2,
       colorRange: barValue.style.barStyle.colorRange,
       value: barValue,
@@ -21085,10 +21029,10 @@ var DrawHorizontalBarGraph = ({
           style: {
             display: hoveredBar.date ? "block" : "none"
           },
-          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,
+          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,
           width: xMax,
-          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,
+          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,
           opacity: 1
         }), barValue.main.type === "HorizontalStackBarGraph" ? /* @__PURE__ */ jsx(BarStackHorizontal, {
           data,