@ammarkhalidfarooq/dashboard-package 0.6.60 → 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",
@@ -2086,7 +2108,8 @@ var ProgressBar = function ProgressBar(_ref9) {
     color = _ref9$color === void 0 ? "rgb(99, 99, 230)" : _ref9$color,
     _ref9$height = _ref9.height,
     height = _ref9$height === void 0 ? 6 : _ref9$height;
-  var pct = Math.min(100, Math.max(0, Number(value !== null && value !== void 0 ? value : 0)));
+  var pct = Math.max(0, Number(value !== null && value !== void 0 ? value : 0));
+  var barWidth = Math.min(100, pct);
   return /*#__PURE__*/jsxs("div", {
     style: {
       display: "flex",
@@ -2108,7 +2131,7 @@ var ProgressBar = function ProgressBar(_ref9) {
         },
         children: /*#__PURE__*/jsx("div", {
           style: {
-            width: "".concat(pct, "%"),
+            width: "".concat(barWidth, "%"),
             height: "100%",
             background: color,
             borderRadius: 4