@ammarkhalidfarooq/dashboard-package 0.6.49 → 0.6.51

package/dist/index.es.js

@@ -2677,7 +2677,7 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref1, ref) {
                     fontWeight: 800,
                     color: "#111827"
                   },
-                  children: d$(mixAvgGift)
+                  children: kpi$(mixAvgGift)
                 }), /*#__PURE__*/jsx("div", {
                   style: {
                     fontSize: 8.5,
@@ -4252,6 +4252,7 @@ var MetricSparklineCard = function MetricSparklineCard(_ref) {
   var categories = chartData.map(function (item) {
     return item.label;
   });
+  var axisLabels = categories.length <= 1 ? categories : categories.length === 2 ? [categories[0], categories[categories.length - 1]] : [categories[0], categories[Math.floor(categories.length / 2)], categories[categories.length - 1]];
   var chartOptions = {
     chart: {
       type: "area",
@@ -4376,31 +4377,21 @@ var MetricSparklineCard = function MetricSparklineCard(_ref) {
         series: series,
         type: "area",
         height: "100%"
-      }), /*#__PURE__*/jsxs(Box, {
+      }), axisLabels.length > 0 && /*#__PURE__*/jsx(Box, {
         sx: {
           display: "flex",
           justifyContent: "space-between",
           mt: 0.5
         },
-        children: [/*#__PURE__*/jsx(Typography, {
-          sx: {
-            fontSize: "10px",
-            color: "rgba(0, 0, 0, 0.3)"
-          },
-          children: categories[0]
-        }), /*#__PURE__*/jsx(Typography, {
-          sx: {
-            fontSize: "10px",
-            color: "rgba(0, 0, 0, 0.3)"
-          },
-          children: categories[Math.floor(categories.length / 2)]
-        }), /*#__PURE__*/jsx(Typography, {
-          sx: {
-            fontSize: "10px",
-            color: "rgba(0, 0, 0, 0.3)"
-          },
-          children: categories[categories.length - 1]
-        })]
+        children: axisLabels.map(function (label, idx) {
+          return /*#__PURE__*/jsx(Typography, {
+            sx: {
+              fontSize: "10px",
+              color: "rgba(0, 0, 0, 0.3)"
+            },
+            children: label
+          }, "".concat(label, "-").concat(idx));
+        })
       })]
     }), /*#__PURE__*/jsx(Box, {
       sx: {