@ammarkhalidfarooq/dashboard-package 0.6.29 → 0.6.31

package/dist/index.es.js

@@ -673,14 +673,15 @@ var RenderChartCard = function RenderChartCard(_ref) {
                 color: "#000000",
                 fontWeight: 700,
                 fontSize: "18px",
-                mb: 0.2
+                lineHeight: 1.15
               },
               children: item.label
             }), /*#__PURE__*/jsx(Typography, {
-              variant: "caption",
               sx: {
                 color: "rgba(0, 0, 0, 0.4)",
                 fontWeight: 400,
+                fontSize: "12px",
+                lineHeight: 1.15,
                 display: "block",
                 mb: 1.5
               },
@@ -994,14 +995,16 @@ var ActiveCampaignsCard = function ActiveCampaignsCard(_ref) {
             fontWeight: 700,
             fontSize: compact ? "14px" : "18px",
             color: "#000",
-            textAlign: "left"
+            textAlign: "left",
+            lineHeight: 1.15
           },
           children: title
         }), /*#__PURE__*/jsx(Typography, {
           sx: {
             fontSize: compact ? "10px" : "13px",
             color: "rgba(0, 0, 0, 0.4)",
-            mt: 0.2
+            textAlign: "left",
+            lineHeight: 1.15
           },
           children: subtitle
         })]
@@ -1860,14 +1863,14 @@ var Panel = function Panel(_ref5) {
             fontSize: 12,
             fontWeight: 700,
             color: THEME.text,
-            lineHeight: 1.2
+            lineHeight: 1.15
           },
           children: title
         }), subtitle && /*#__PURE__*/jsx("div", {
           style: {
             fontSize: 9.5,
             color: THEME.muted,
-            marginTop: 2
+            lineHeight: 1.15
           },
           children: subtitle
         })]
@@ -3845,14 +3848,16 @@ var DonorMixCard = function DonorMixCard(_ref) {
           fontWeight: 700,
           fontSize: compact ? "14px" : "18px",
           color: "#000",
-          textAlign: "left"
+          textAlign: "left",
+          lineHeight: 1.15
         },
         children: title
       }), /*#__PURE__*/jsx(Typography, {
         sx: {
           fontSize: compact ? "10px" : "13px",
           color: "rgba(0, 0, 0, 0.4)",
-          textAlign: "left"
+          textAlign: "left",
+          lineHeight: 1.15
         },
         children: subtitle
       })]
@@ -3999,16 +4004,17 @@ var TrafficSourceCard = function TrafficSourceCard(_ref) {
           fontWeight: 700,
           fontSize: "18px",
           color: "#000",
-          textAlign: "left"
+          textAlign: "left",
+          lineHeight: 1.15
         },
         children: title
       }), /*#__PURE__*/jsx(Typography, {
         sx: {
           fontSize: "13px",
           color: "rgba(0, 0, 0, 0.4)",
-          mt: 0.5,
           mb: 0.5,
-          textAlign: "left"
+          textAlign: "left",
+          lineHeight: 1.15
         },
         children: resolvedSubtitle
       })]
@@ -4263,15 +4269,16 @@ var MetricSparklineCard = function MetricSparklineCard(_ref) {
           fontWeight: 700,
           fontSize: compact ? "13px" : "16px",
           color: "#000",
-          textAlign: "left"
+          textAlign: "left",
+          lineHeight: 1.15
         },
         children: title
       }), /*#__PURE__*/jsx(Typography, {
         sx: {
           fontSize: "12px",
           color: "rgba(0, 0, 0, 0.4)",
-          mt: 0.2,
-          textAlign: "left"
+          textAlign: "left",
+          lineHeight: 1.15
         },
         children: subtitle
       })]
@@ -4471,15 +4478,16 @@ var MetricDonutCard = function MetricDonutCard(_ref2) {
           fontWeight: 700,
           fontSize: compact ? "13px" : "16px",
           color: "#000",
-          textAlign: "left"
+          textAlign: "left",
+          lineHeight: 1.15
         },
         children: title
       }), /*#__PURE__*/jsx(Typography, {
         sx: {
           fontSize: "12px",
           color: "rgba(0, 0, 0, 0.4)",
-          mt: 0.2,
-          textAlign: "left"
+          textAlign: "left",
+          lineHeight: 1.15
         },
         children: subtitle
       })]
@@ -4787,14 +4795,15 @@ var DonationTypeBarChart = function DonationTypeBarChart(_ref) {
           sx: {
             fontWeight: 700,
             fontSize: "18px",
-            color: "#000"
+            color: "#000",
+            lineHeight: 1.15
           },
           children: title
         }), /*#__PURE__*/jsx(Typography, {
           sx: {
             fontSize: "13px",
             color: "rgba(0, 0, 0, 0.4)",
-            mt: 0
+            lineHeight: 1.15
           },
           children: "Donation type"
         })]
@@ -4872,13 +4881,12 @@ var CardWrapper = function CardWrapper(_ref) {
     }),
     children: /*#__PURE__*/jsxs(CardContent, {
       children: [/*#__PURE__*/jsx(Typography, {
-        variant: "subtitle2",
         sx: {
           color: "#000000",
           fontWeight: 700,
           fontSize: "16px",
-          mb: 0.5,
-          textAlign: "left"
+          textAlign: "left",
+          lineHeight: 1.15
         },
         children: title
       }), subtitle && /*#__PURE__*/jsx(Typography, {
@@ -4886,7 +4894,8 @@ var CardWrapper = function CardWrapper(_ref) {
           color: "rgba(0, 0, 0, 0.4)",
           fontSize: "13px",
           mb: 3,
-          textAlign: "left"
+          textAlign: "left",
+          lineHeight: 1.15
         },
         children: subtitle
       }), /*#__PURE__*/jsx(Box, {
@@ -5820,14 +5829,15 @@ var PaidDonorGeographyCard = function PaidDonorGeographyCard(_ref8) {
         sx: {
           fontWeight: 700,
           fontSize: "18px",
-          color: "#000"
+          color: "#000",
+          lineHeight: 1.15
         },
         children: "Paid donor geography"
       }), /*#__PURE__*/jsx(Typography, {
         sx: {
           fontSize: "13px",
           color: "rgba(0, 0, 0, 0.4)",
-          mt: 0
+          lineHeight: 1.15
         },
         children: "Where ad-acquired donors come from"
       })]
@@ -6059,14 +6069,16 @@ var RefundsChargebacksCard = function RefundsChargebacksCard(_ref) {
           fontWeight: 700,
           fontSize: "18px",
           color: "#000",
-          textAlign: "left"
+          textAlign: "left",
+          lineHeight: 1.15
         },
         children: "Refunds & chargebacks"
       }), /*#__PURE__*/jsxs(Typography, {
         sx: {
           fontSize: "13px",
           color: "rgba(0, 0, 0, 0.4)",
-          textAlign: "left"
+          textAlign: "left",
+          lineHeight: 1.15
         },
         children: ["Trust health \xB7 ", windowLabel]
       })]
@@ -7441,13 +7453,12 @@ var DropOffPoints = function DropOffPoints() {
         p: 3
       },
       children: [/*#__PURE__*/jsx(Typography, {
-        variant: "subtitle2",
         sx: {
           color: "#000000",
           fontWeight: 700,
           fontSize: "16px",
-          mb: 0.5,
-          textAlign: "left"
+          textAlign: "left",
+          lineHeight: 1.15
         },
         children: "Drop off points in donation flow"
       }), /*#__PURE__*/jsx(Typography, {
@@ -7455,7 +7466,8 @@ var DropOffPoints = function DropOffPoints() {
           color: "rgba(0, 0, 0, 0.4)",
           fontSize: "13px",
           mb: 3,
-          textAlign: "left"
+          textAlign: "left",
+          lineHeight: 1.15
         },
         children: "Points where donors exit the donation flow"
       }), /*#__PURE__*/jsx(Box, {
@@ -17683,8 +17695,8 @@ var OrganicSection = function OrganicSection(_ref) {
     });
     return {
       series: sources.map(function (item) {
-        var _item$percentage3;
-        return Number((_item$percentage3 = item.percentage) !== null && _item$percentage3 !== void 0 ? _item$percentage3 : 0);
+        var _item$visitors3;
+        return Number((_item$visitors3 = item.visitors) !== null && _item$visitors3 !== void 0 ? _item$visitors3 : 0);
       }),
       labels: sources.map(function (item) {
         return item.source;
@@ -17693,10 +17705,10 @@ var OrganicSection = function OrganicSection(_ref) {
       centerLabel: "visitors",
       centerValue: formatNumber((_breakdown$totalVisit = breakdown.totalVisitors) !== null && _breakdown$totalVisit !== void 0 ? _breakdown$totalVisit : 0),
       items: sources.map(function (item, index) {
-        var _item$percentage4;
+        var _item$visitors4;
         return {
           label: item.source,
-          val: "".concat(Number((_item$percentage4 = item.percentage) !== null && _item$percentage4 !== void 0 ? _item$percentage4 : 0).toFixed(1), "%"),
+          val: formatNumber((_item$visitors4 = item.visitors) !== null && _item$visitors4 !== void 0 ? _item$visitors4 : 0),
           color: colors[index]
         };
       })
@@ -18068,14 +18080,16 @@ var EmailTrendCard = function EmailTrendCard(_ref) {
         sx: {
           fontWeight: 700,
           fontSize: "18px",
-          color: "#000"
+          color: "#000",
+          lineHeight: 1.15
         },
         children: title
       }), /*#__PURE__*/jsx(Typography, {
         sx: {
           fontSize: "12px",
           color: "rgba(0, 0, 0, 0.4)",
-          fontWeight: 500
+          fontWeight: 500,
+          lineHeight: 1.15
         },
         children: subtitle
       })]