@ammarkhalidfarooq/dashboard-package 0.6.30 → 0.6.32

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
               },
@@ -928,7 +929,9 @@ var Dashboard = function Dashboard(_ref) {
     _ref$apiLoading = _ref.apiLoading,
     apiLoading = _ref$apiLoading === void 0 ? false : _ref$apiLoading,
     _ref$numberOfDays = _ref.numberOfDays,
-    numberOfDays = _ref$numberOfDays === void 0 ? 1 : _ref$numberOfDays;
+    numberOfDays = _ref$numberOfDays === void 0 ? 1 : _ref$numberOfDays,
+    _ref$activeFilters = _ref.activeFilters,
+    activeFilters = _ref$activeFilters === void 0 ? [] : _ref$activeFilters;
   return /*#__PURE__*/jsx(ThemeProvider, {
     theme: theme,
     children: /*#__PURE__*/jsx(Suspense, {
@@ -945,7 +948,8 @@ var Dashboard = function Dashboard(_ref) {
         activeSection: overviewType,
         dateName: dateName,
         exportTrigger: exportTrigger,
-        apiLoading: apiLoading
+        apiLoading: apiLoading,
+        activeFilters: activeFilters
       })
     })
   });
@@ -994,14 +998,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 +1866,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
         })]
@@ -2170,7 +2176,9 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref1, ref) {
     _ref1$dateName = _ref1.dateName,
     dateName = _ref1$dateName === void 0 ? "Last Period" : _ref1$dateName,
     _ref1$numberOfDays = _ref1.numberOfDays,
-    numberOfDays = _ref1$numberOfDays === void 0 ? 30 : _ref1$numberOfDays;
+    numberOfDays = _ref1$numberOfDays === void 0 ? 30 : _ref1$numberOfDays,
+    _ref1$activeFilters = _ref1.activeFilters,
+    activeFilters = _ref1$activeFilters === void 0 ? [] : _ref1$activeFilters;
   var now = new Date();
   var daysLabel = "".concat(numberOfDays, " day").concat(numberOfDays === 1 ? "" : "s");
   var windowLabel = "".concat(numberOfDays, "-day window");
@@ -2183,7 +2191,11 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref1, ref) {
     minute: "2-digit"
   }) + " GMT";
   var dateLabel = dateName;
-  var activeFilters = getActiveFilterChips(apiData).join(" ");
+  var formattedActiveFilters = Array.isArray(activeFilters) ? activeFilters.filter(function (item) {
+    return item && item.value !== undefined && item.value !== null && "".concat(item.value).trim();
+  }).map(function (item) {
+    return "".concat(item.label || item.id, ": ").concat(item.value);
+  }).join(" | ") : "";
   var report = buildReportData(apiData, dateName);
   var hero = report.hero,
     metrics = report.metrics,
@@ -2334,7 +2346,7 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref1, ref) {
   var headerProps = {
     dateLabel: dateLabel,
     generatedLabel: generatedLabel,
-    activeFilters: activeFilters,
+    activeFilters: formattedActiveFilters,
     windowLabel: windowLabel
   };
   return /*#__PURE__*/jsxs("div", {
@@ -3144,7 +3156,9 @@ var NewOverview = function NewOverview(_ref) {
     _ref$exportTrigger = _ref.exportTrigger,
     exportTrigger = _ref$exportTrigger === void 0 ? 0 : _ref$exportTrigger,
     _ref$apiLoading = _ref.apiLoading,
-    apiLoading = _ref$apiLoading === void 0 ? false : _ref$apiLoading;
+    apiLoading = _ref$apiLoading === void 0 ? false : _ref$apiLoading,
+    _ref$activeFilters = _ref.activeFilters,
+    activeFilters = _ref$activeFilters === void 0 ? [] : _ref$activeFilters;
   var initialMetric = "Revenue";
   var revenueData = (apiData === null || apiData === void 0 ? void 0 : apiData.revenueData) || [3000, 4500, 4200, 5800, 5200, 7100, 8500, 9200, 5000];
   var donationsData = (apiData === null || apiData === void 0 ? void 0 : apiData.donationsData) || [15, 22, 18, 30, 25, 35, 42, 45, 28];
@@ -3450,7 +3464,8 @@ var NewOverview = function NewOverview(_ref) {
         ref: exportLayoutRef,
         apiData: apiData,
         dateName: dateName,
-        numberOfDays: numberOfDays
+        numberOfDays: numberOfDays,
+        activeFilters: activeFilters
       })
     })]
   });
@@ -3845,14 +3860,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 +4016,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 +4281,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 +4490,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 +4807,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 +4893,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 +4906,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 +5841,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 +6081,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 +7465,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 +7478,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, {
@@ -18068,14 +18092,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
       })]