@ammarkhalidfarooq/dashboard-package 0.6.61 → 0.6.62

package/dist/index.es.js

@@ -1723,6 +1723,29 @@ var TrendText = function TrendText(_ref2) {
   });
 };
 
+// ─── SVG path helpers ─────────────────────────────────────────────────────────
+var buildSmoothPath = function buildSmoothPath(points) {
+  if (!points.length) return "";
+  if (points.length === 1) return "M".concat(points[0][0].toFixed(1), ",").concat(points[0][1].toFixed(1));
+  if (points.length === 2) {
+    return "M".concat(points[0][0].toFixed(1), ",").concat(points[0][1].toFixed(1), " L").concat(points[1][0].toFixed(1), ",").concat(points[1][1].toFixed(1));
+  }
+  var d = "M".concat(points[0][0].toFixed(1), ",").concat(points[0][1].toFixed(1));
+  for (var i = 0; i < points.length - 1; i++) {
+    var _points, _points2;
+    var p0 = (_points = points[i - 1]) !== null && _points !== void 0 ? _points : points[i];
+    var p1 = points[i];
+    var p2 = points[i + 1];
+    var p3 = (_points2 = points[i + 2]) !== null && _points2 !== void 0 ? _points2 : p2;
+    var cp1x = p1[0] + (p2[0] - p0[0]) / 6;
+    var cp1y = p1[1] + (p2[1] - p0[1]) / 6;
+    var cp2x = p2[0] - (p3[0] - p1[0]) / 6;
+    var cp2y = p2[1] - (p3[1] - p1[1]) / 6;
+    d += " C".concat(cp1x.toFixed(1), ",").concat(cp1y.toFixed(1), " ").concat(cp2x.toFixed(1), ",").concat(cp2y.toFixed(1), " ").concat(p2[0].toFixed(1), ",").concat(p2[1].toFixed(1));
+  }
+  return d;
+};
+
 // ─── SVG line sparkline ───────────────────────────────────────────────────────
 var Sparkline = function Sparkline(_ref3) {
   var _ref3$data = _ref3.data,
@@ -1741,9 +1764,7 @@ var Sparkline = function Sparkline(_ref3) {
   var pts = vals.map(function (v, i) {
     return [pad + i / (vals.length - 1) * (width - pad * 2), pad + (height - pad * 2) - (v - min) / range * (height - pad * 2)];
   });
-  var d = pts.map(function (p, i) {
-    return "".concat(i === 0 ? "M" : "L").concat(p[0].toFixed(1), ",").concat(p[1].toFixed(1));
-  }).join(" ");
+  var d = buildSmoothPath(pts);
   var area = "".concat(d, " L").concat((width - pad).toFixed(1), ",").concat(height, " L").concat(pad, ",").concat(height, " Z");
   var gradId = "sp-".concat(color.replace(/[^a-z0-9]/gi, ""));
   return /*#__PURE__*/jsxs("svg", {
@@ -1863,9 +1884,10 @@ var LineChart = function LineChart(_ref4) {
     }), series.map(function (s, si) {
       var data = s.data || [];
       if (!data.length) return null;
-      var pathD = data.map(function (v, i) {
-        return "".concat(i === 0 ? "M" : "L").concat(xp(i, data.length).toFixed(1), ",").concat(yp(v).toFixed(1));
-      }).join(" ");
+      var points = data.map(function (v, i) {
+        return [xp(i, data.length), yp(v)];
+      });
+      var pathD = buildSmoothPath(points);
       return /*#__PURE__*/jsx("path", {
         d: pathD,
         fill: "none",