@ammarkhalidfarooq/dashboard-package 0.4.77 → 0.4.79

package/dist/index.es.js

@@ -3248,7 +3248,10 @@ var MetricSparklineCard = function MetricSparklineCard(_ref) {
     _ref$chartColor = _ref.chartColor,
     chartColor = _ref$chartColor === void 0 ? "rgb(99, 99, 230)" : _ref$chartColor,
     _ref$footerMetrics = _ref.footerMetrics,
-    footerMetrics = _ref$footerMetrics === void 0 ? [] : _ref$footerMetrics;
+    footerMetrics = _ref$footerMetrics === void 0 ? [] : _ref$footerMetrics,
+    sx = _ref.sx,
+    _ref$bottomSection = _ref.bottomSection,
+    bottomSection = _ref$bottomSection === void 0 ? false : _ref$bottomSection;
   // Extract values for chart series
   var series = [{
     name: title,
@@ -3321,7 +3324,7 @@ var MetricSparklineCard = function MetricSparklineCard(_ref) {
     }
   };
   return /*#__PURE__*/jsxs(Card, {
-    sx: {
+    sx: _objectSpread2({
       p: 3,
       borderRadius: 4,
       border: "1px solid #f0f0f0",
@@ -3329,7 +3332,7 @@ var MetricSparklineCard = function MetricSparklineCard(_ref) {
       bgcolor: "#fff",
       display: "flex",
       flexDirection: "column"
-    },
+    }, sx),
     children: [/*#__PURE__*/jsxs(Box, {
       sx: {
         mb: 1
@@ -3413,7 +3416,7 @@ var MetricSparklineCard = function MetricSparklineCard(_ref) {
     }), /*#__PURE__*/jsx(Box, {
       sx: {
         mt: "auto",
-        pt: 3,
+        pt: bottomSection ? 1.5 : 3,
         display: "flex",
         justifyContent: "space-between"
       },
@@ -3452,7 +3455,8 @@ var MetricDonutCard = function MetricDonutCard(_ref) {
     raisedVal = _ref.raisedVal,
     raisedTrend = _ref.raisedTrend,
     _ref$chartColors = _ref.chartColors,
-    chartColors = _ref$chartColors === void 0 ? ["rgb(99, 99, 230)", "#88bfd290"] : _ref$chartColors;
+    chartColors = _ref$chartColors === void 0 ? ["rgb(99, 99, 230)", "#88bfd290"] : _ref$chartColors,
+    sx = _ref.sx;
   var chartOptions = {
     chart: {
       type: "radialBar",
@@ -3507,7 +3511,7 @@ var MetricDonutCard = function MetricDonutCard(_ref) {
   };
   var series = [acceptanceRate];
   return /*#__PURE__*/jsxs(Card, {
-    sx: {
+    sx: _objectSpread2({
       p: 3,
       borderRadius: 4,
       border: "1px solid #f0f0f0",
@@ -3516,7 +3520,7 @@ var MetricDonutCard = function MetricDonutCard(_ref) {
       // height: "100%",
       display: "flex",
       flexDirection: "column"
-    },
+    }, sx),
     children: [/*#__PURE__*/jsxs(Box, {
       sx: {},
       children: [/*#__PURE__*/jsx(Typography, {
@@ -5753,7 +5757,11 @@ var OverallSection = function OverallSection(_ref) {
         value: "$".concat(formatNumber((orderBumpData === null || orderBumpData === void 0 ? void 0 : orderBumpData.totalValue) || 0)),
         trend: "\u25B2 ".concat(orderBumpData === null || orderBumpData === void 0 || (_orderBumpData$prevTr = orderBumpData.prevTrend) === null || _orderBumpData$prevTr === void 0 ? void 0 : _orderBumpData$prevTr.toFixed(1), "% vs last month"),
         chartData: orderBumpData === null || orderBumpData === void 0 ? void 0 : orderBumpData.orderBumpMetrics,
-        footerMetrics: orderBumpData === null || orderBumpData === void 0 ? void 0 : orderBumpData.footerMetrics
+        footerMetrics: orderBumpData === null || orderBumpData === void 0 ? void 0 : orderBumpData.footerMetrics,
+        sx: {
+          maxHeight: 280
+        },
+        bottomSection: true
       }), /*#__PURE__*/jsx(MetricDonutCard, {
         title: "Upsell",
         subtitle: "Acceptance & raised",
@@ -5761,7 +5769,10 @@ var OverallSection = function OverallSection(_ref) {
         acceptanceVal: "".concat(formatNumber((upsellData === null || upsellData === void 0 ? void 0 : upsellData.acceptanceVal) || 0), "%"),
         acceptanceTrend: "".concat(formatNumber((upsellData === null || upsellData === void 0 ? void 0 : upsellData.acceptanceTrend) || 0), "%"),
         raisedVal: "$".concat(formatNumber((upsellData === null || upsellData === void 0 ? void 0 : upsellData.raisedVal) || 0)),
-        raisedTrend: "".concat(formatNumber((upsellData === null || upsellData === void 0 ? void 0 : upsellData.raisedTrend) || 0), "%")
+        raisedTrend: "".concat(formatNumber((upsellData === null || upsellData === void 0 ? void 0 : upsellData.raisedTrend) || 0), "%"),
+        sx: {
+          maxHeight: 280
+        }
       }), /*#__PURE__*/jsx(MetricDonutCard, {
         title: "Downsell",
         subtitle: "Acceptance & raised",
@@ -5769,7 +5780,10 @@ var OverallSection = function OverallSection(_ref) {
         acceptanceVal: "".concat(formatNumber((downsellData === null || downsellData === void 0 ? void 0 : downsellData.acceptanceVal) || 0), "%"),
         acceptanceTrend: "".concat(formatNumber((downsellData === null || downsellData === void 0 ? void 0 : downsellData.acceptanceTrend) || 0), "%"),
         raisedVal: "$".concat(formatNumber((downsellData === null || downsellData === void 0 ? void 0 : downsellData.raisedVal) || 0)),
-        raisedTrend: "".concat(formatNumber((downsellData === null || downsellData === void 0 ? void 0 : downsellData.raisedTrend) || 0), "%")
+        raisedTrend: "".concat(formatNumber((downsellData === null || downsellData === void 0 ? void 0 : downsellData.raisedTrend) || 0), "%"),
+        sx: {
+          maxHeight: 280
+        }
       }), /*#__PURE__*/jsx(MetricSparklineCard, {
         title: "Referrals",
         subtitle: "Revenue trend \xB7 last 30 days",
@@ -5785,7 +5799,10 @@ var OverallSection = function OverallSection(_ref) {
         }, {
           label: "Conv. rate",
           value: "27.5%"
-        }]
+        }],
+        sx: {
+          maxHeight: 280
+        }
       })]
     })]
   });