@ammarkhalidfarooq/dashboard-package 0.4.76 → 0.4.78

package/dist/index.es.js

@@ -3248,7 +3248,8 @@ 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;
   // Extract values for chart series
   var series = [{
     name: title,
@@ -3321,7 +3322,7 @@ var MetricSparklineCard = function MetricSparklineCard(_ref) {
     }
   };
   return /*#__PURE__*/jsxs(Card, {
-    sx: {
+    sx: _objectSpread2({
       p: 3,
       borderRadius: 4,
       border: "1px solid #f0f0f0",
@@ -3329,7 +3330,7 @@ var MetricSparklineCard = function MetricSparklineCard(_ref) {
       bgcolor: "#fff",
       display: "flex",
       flexDirection: "column"
-    },
+    }, sx),
     children: [/*#__PURE__*/jsxs(Box, {
       sx: {
         mb: 1
@@ -3452,7 +3453,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 +3509,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 +3518,7 @@ var MetricDonutCard = function MetricDonutCard(_ref) {
       // height: "100%",
       display: "flex",
       flexDirection: "column"
-    },
+    }, sx),
     children: [/*#__PURE__*/jsxs(Box, {
       sx: {},
       children: [/*#__PURE__*/jsx(Typography, {
@@ -5730,21 +5732,21 @@ var OverallSection = function OverallSection(_ref) {
       },
       children: [/*#__PURE__*/jsx(DonationTypeBarChart, {
         sx: {
-          maxHeight: 300
+          maxHeight: 280
         },
         donationTypeData: donationTypeData
       }), /*#__PURE__*/jsx(PaidDonorGeographyCard, {
         sx: {
-          maxHeight: 300
+          maxHeight: 280
         },
         donorGeographyData: donorGeographyData
       }), /*#__PURE__*/jsx(RefundsChargebacksCard, {
         sx: {
-          maxHeight: 300
+          maxHeight: 280
         }
       }), /*#__PURE__*/jsx(TrafficSourceCard, {
         sx: {
-          maxHeight: 300
+          maxHeight: 280
         },
         trafficSourceData: trafficSourceData
       }), /*#__PURE__*/jsx(MetricSparklineCard, {
@@ -5753,7 +5755,10 @@ 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
+        }
       }), /*#__PURE__*/jsx(MetricDonutCard, {
         title: "Upsell",
         subtitle: "Acceptance & raised",
@@ -5761,7 +5766,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 +5777,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 +5796,10 @@ var OverallSection = function OverallSection(_ref) {
         }, {
           label: "Conv. rate",
           value: "27.5%"
-        }]
+        }],
+        sx: {
+          maxHeight: 280
+        }
       })]
     })]
   });