@optifye/dashboard-core 6.10.45 → 6.10.46

package/dist/index.js

@@ -30328,37 +30328,13 @@ var HourlyOutputChartComponent = ({
   }, []);
   const xAxisConfig = React26__namespace.default.useMemo(() => {
     if (containerWidth >= 960) {
-      return { interval: 0, angle: -45, height: 92, tickFont: 10, tickMargin: 12, labelMode: "full" };
+      return { interval: 0, angle: -45, height: 92, tickFont: 10, tickMargin: 12 };
     }
     if (containerWidth >= 760) {
-      return { interval: 0, angle: -35, height: 76, tickFont: 9, tickMargin: 8, labelMode: "compact" };
+      return { interval: 0, angle: -35, height: 76, tickFont: 9, tickMargin: 8 };
     }
-    return { interval: 0, angle: -30, height: 64, tickFont: 9, tickMargin: 6, labelMode: "start" };
+    return { interval: 0, angle: -30, height: 64, tickFont: 9, tickMargin: 6 };
   }, [containerWidth]);
-  const formatXAxisTick = React26__namespace.default.useCallback((raw) => {
-    const label = typeof raw === "string" ? raw : String(raw);
-    if (xAxisConfig.labelMode === "full") return label;
-    const parts = label.split("-");
-    if (parts.length !== 2) return label;
-    const parsePart = (part) => {
-      const match = part.match(/^(\d{1,2})(?::(\d{2}))?(AM|PM)$/);
-      if (!match) return null;
-      const [, hh, mm, meridiem] = match;
-      const time2 = mm ? `${hh}:${mm}` : hh;
-      const merShort = meridiem === "AM" ? "A" : "P";
-      return { time: time2, meridiem, merShort };
-    };
-    const start = parsePart(parts[0]);
-    const end = parsePart(parts[1]);
-    if (!start || !end) return label;
-    if (xAxisConfig.labelMode === "start") {
-      return `${start.time}${start.merShort}`;
-    }
-    if (start.meridiem === end.meridiem) {
-      return `${start.time}-${end.time}${end.merShort}`;
-    }
-    return `${start.time}${start.merShort}-${end.time}${end.merShort}`;
-  }, [xAxisConfig.labelMode]);
   const formatHour = React26__namespace.default.useCallback((hourIndex) => {
     const isLastHour = hourIndex === SHIFT_DURATION - 1;
     const startDecimalHour = shiftStartTime.decimalHour + hourIndex;
@@ -30568,7 +30544,7 @@ var HourlyOutputChartComponent = ({
               right: 10,
               bottom: 10,
               // Small bottom margin
-              left: 0
+              left: 6
             },
             barCategoryGap: "25%",
             children: [
@@ -30582,8 +30558,7 @@ var HourlyOutputChartComponent = ({
                   angle: xAxisConfig.angle,
                   textAnchor: "end",
                   tickMargin: xAxisConfig.tickMargin,
-                  height: xAxisConfig.height,
-                  tickFormatter: formatXAxisTick
+                  height: xAxisConfig.height
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -30591,7 +30566,7 @@ var HourlyOutputChartComponent = ({
                 {
                   yAxisId: "default",
                   tickMargin: 8,
-                  width: 35,
+                  width: 48,
                   domain: [0, maxYValue],
                   ticks: generateYAxisTicks(),
                   tickFormatter: (value) => value,
@@ -30600,7 +30575,7 @@ var HourlyOutputChartComponent = ({
                     return /* @__PURE__ */ jsxRuntime.jsx("g", { transform: `translate(${x},${y})`, children: /* @__PURE__ */ jsxRuntime.jsx(
                       "text",
                       {
-                        x: 0,
+                        x: -2,
                         y: 0,
                         dy: 4,
                         textAnchor: "end",

package/dist/index.mjs

@@ -30299,37 +30299,13 @@ var HourlyOutputChartComponent = ({
   }, []);
   const xAxisConfig = React26__default.useMemo(() => {
     if (containerWidth >= 960) {
-      return { interval: 0, angle: -45, height: 92, tickFont: 10, tickMargin: 12, labelMode: "full" };
+      return { interval: 0, angle: -45, height: 92, tickFont: 10, tickMargin: 12 };
     }
     if (containerWidth >= 760) {
-      return { interval: 0, angle: -35, height: 76, tickFont: 9, tickMargin: 8, labelMode: "compact" };
+      return { interval: 0, angle: -35, height: 76, tickFont: 9, tickMargin: 8 };
     }
-    return { interval: 0, angle: -30, height: 64, tickFont: 9, tickMargin: 6, labelMode: "start" };
+    return { interval: 0, angle: -30, height: 64, tickFont: 9, tickMargin: 6 };
   }, [containerWidth]);
-  const formatXAxisTick = React26__default.useCallback((raw) => {
-    const label = typeof raw === "string" ? raw : String(raw);
-    if (xAxisConfig.labelMode === "full") return label;
-    const parts = label.split("-");
-    if (parts.length !== 2) return label;
-    const parsePart = (part) => {
-      const match = part.match(/^(\d{1,2})(?::(\d{2}))?(AM|PM)$/);
-      if (!match) return null;
-      const [, hh, mm, meridiem] = match;
-      const time2 = mm ? `${hh}:${mm}` : hh;
-      const merShort = meridiem === "AM" ? "A" : "P";
-      return { time: time2, meridiem, merShort };
-    };
-    const start = parsePart(parts[0]);
-    const end = parsePart(parts[1]);
-    if (!start || !end) return label;
-    if (xAxisConfig.labelMode === "start") {
-      return `${start.time}${start.merShort}`;
-    }
-    if (start.meridiem === end.meridiem) {
-      return `${start.time}-${end.time}${end.merShort}`;
-    }
-    return `${start.time}${start.merShort}-${end.time}${end.merShort}`;
-  }, [xAxisConfig.labelMode]);
   const formatHour = React26__default.useCallback((hourIndex) => {
     const isLastHour = hourIndex === SHIFT_DURATION - 1;
     const startDecimalHour = shiftStartTime.decimalHour + hourIndex;
@@ -30539,7 +30515,7 @@ var HourlyOutputChartComponent = ({
               right: 10,
               bottom: 10,
               // Small bottom margin
-              left: 0
+              left: 6
             },
             barCategoryGap: "25%",
             children: [
@@ -30553,8 +30529,7 @@ var HourlyOutputChartComponent = ({
                   angle: xAxisConfig.angle,
                   textAnchor: "end",
                   tickMargin: xAxisConfig.tickMargin,
-                  height: xAxisConfig.height,
-                  tickFormatter: formatXAxisTick
+                  height: xAxisConfig.height
                 }
               ),
               /* @__PURE__ */ jsx(
@@ -30562,7 +30537,7 @@ var HourlyOutputChartComponent = ({
                 {
                   yAxisId: "default",
                   tickMargin: 8,
-                  width: 35,
+                  width: 48,
                   domain: [0, maxYValue],
                   ticks: generateYAxisTicks(),
                   tickFormatter: (value) => value,
@@ -30571,7 +30546,7 @@ var HourlyOutputChartComponent = ({
                     return /* @__PURE__ */ jsx("g", { transform: `translate(${x},${y})`, children: /* @__PURE__ */ jsx(
                       "text",
                       {
-                        x: 0,
+                        x: -2,
                         y: 0,
                         dy: 4,
                         textAnchor: "end",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@optifye/dashboard-core",
-  "version": "6.10.45",
+  "version": "6.10.46",
   "description": "Reusable UI & logic for Optifye dashboard",
   "main": "dist/index.js",
   "module": "dist/index.mjs",