impaktapps-design 0.2.993-alpha.237 → 0.2.993-alpha.239

package/dist/impaktapps-design.es.js

@@ -22161,7 +22161,7 @@ LinearGradient.propTypes = {
   children: _pt.node,
   vertical: _pt.bool
 };
-const PX_PER_CHAR$1 = 7;
+const PX_PER_CHAR$1 = 9;
 const LABEL_ROTATION$1 = Math.sin(40 * Math.PI / 180);
 const DrawAreaGraph = ({
   width: width2,
@@ -22170,7 +22170,7 @@ const DrawAreaGraph = ({
   areaValue,
   theme
 }) => {
-  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 {
     tooltipData,
     tooltipLeft,
@@ -22188,6 +22188,7 @@ const DrawAreaGraph = ({
   const legendLabels = (_g = areaValue.main) == null ? void 0 : _g.legendLabels;
   const colorMap = (_i = (_h = areaValue.style) == null ? void 0 : _h.areaStyle) == null ? void 0 : _i.colorMap;
   const defaultColour = (_k = (_j = theme.myTheme.palette) == null ? void 0 : _j.primary) == null ? void 0 : _k.main;
+  const xAxisTickCount = (_l = areaValue == null ? void 0 : areaValue.main) == null ? void 0 : _l.xAxisTickCount;
   const isSmallScreen = width2 < 600;
   const longestLabelLength = useMemo(() => Math.max(...chartData.map((d2) => String(d2[xAxisValue]).length)), [chartData, xAxisValue]);
   const dynamicBottomMargin = Math.ceil(longestLabelLength * PX_PER_CHAR$1 * LABEL_ROTATION$1);
@@ -22378,14 +22379,16 @@ const DrawAreaGraph = ({
         }), /* @__PURE__ */ jsx$1(AxisBottom, {
           top: innerHeight,
           scale: xScale,
-          label: (_l = areaValue.main) == null ? void 0 : _l.bottomLabel,
+          label: (_m = areaValue.main) == null ? void 0 : _m.bottomLabel,
           tickFormat: formatXTick,
           stroke: "#d1d5db",
           tickStroke: "#d1d5db",
+          tickTransform: xAxisType === "date" ? "translate(8, 0)" : void 0,
+          numTicks: xAxisTickCount || 20,
           tickLabelProps
         }), /* @__PURE__ */ jsx$1(AxisLeft, {
           scale: yScale,
-          label: !disableLeftLabel ? (_m = areaValue.main) == null ? void 0 : _m.leftLabel : void 0,
+          label: !disableLeftLabel ? (_n = areaValue.main) == null ? void 0 : _n.leftLabel : void 0,
           stroke: "#d1d5db",
           tickStroke: "#d1d5db",
           numTicks: yAxisTickCount || 6,
@@ -22514,7 +22517,7 @@ const AreaGraph = ({
   });
 };
 const GROWTH_RATE_KEY = "growthRate";
-const PX_PER_CHAR = 7;
+const PX_PER_CHAR = 9;
 const LABEL_ROTATION = Math.sin(40 * Math.PI / 180);
 const DrawStackBarLineGraph = ({
   width: width2,
@@ -22523,7 +22526,7 @@ const DrawStackBarLineGraph = ({
   stackBarLineValue,
   theme
 }) => {
-  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 {
     tooltipData,
     tooltipLeft,
@@ -22540,7 +22543,8 @@ const DrawStackBarLineGraph = ({
   const defaultColour = (_h = (_g = (_f = theme == null ? void 0 : theme.myTheme) == null ? void 0 : _f.palette) == null ? void 0 : _g.primary) == null ? void 0 : _h.main;
   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 trendColor = (_k = colorMap == null ? void 0 : colorMap[GROWTH_RATE_KEY]) != null ? _k : "#E24B4A";
+  const xAxisTickCount = (_k = stackBarLineValue == null ? void 0 : stackBarLineValue.main) == null ? void 0 : _k.xAxisTickCount;
+  const trendColor = (_l = colorMap == null ? void 0 : colorMap[GROWTH_RATE_KEY]) != null ? _l : "#E24B4A";
   const isSmallScreen = width2 < 600;
   const longestLabelLength = useMemo(() => Math.max(...chartData.map((d2) => String(d2[xAxisValue]).length)), [chartData, xAxisValue]);
   const dynamicBottomMargin = Math.ceil(longestLabelLength * PX_PER_CHAR * LABEL_ROTATION);
@@ -22738,7 +22742,7 @@ const DrawStackBarLineGraph = ({
             textAnchor: "end",
             dy: "0.33em"
           }),
-          label: !disableLeftLabel ? (_l = stackBarLineValue.main) == null ? void 0 : _l.leftLabel : void 0,
+          label: !disableLeftLabel ? (_m = stackBarLineValue.main) == null ? void 0 : _m.leftLabel : void 0,
           labelProps: {
             fill: "#6B7280",
             fontSize: 11,
@@ -22750,7 +22754,7 @@ const DrawStackBarLineGraph = ({
           scale: trendScale,
           numTicks: 5,
           stroke: "#9CA3AF",
-          label: (_m = stackBarLineValue.main) == null ? void 0 : _m.rightLabel,
+          label: (_n = stackBarLineValue.main) == null ? void 0 : _n.rightLabel,
           tickStroke: "transparent",
           tickLabelProps: () => ({
             fill: "#6B7280",
@@ -22768,8 +22772,9 @@ const DrawStackBarLineGraph = ({
           top: innerHeight,
           scale: categoryScale,
           stroke: "#9CA3AF",
-          label: (_n = stackBarLineValue.main) == null ? void 0 : _n.bottomLabel,
+          label: (_o = stackBarLineValue.main) == null ? void 0 : _o.bottomLabel,
           tickStroke: "transparent",
+          numTicks: xAxisTickCount || 20,
           tickLabelProps
         })]
       })