@ammarkhalidfarooq/dashboard-package 0.3.27 → 0.3.29

package/dist/index.cjs.js

@@ -282,7 +282,7 @@ var RevenueChart = function RevenueChart(_ref) {
       theme: 'light',
       y: {
         formatter: function formatter(value) {
-          return metric === 'Revenue' ? "$".concat((value || 0).toLocaleString()) : value || 0;
+          return (metric === null || metric === void 0 ? void 0 : metric.toLowerCase()) === 'revenue' ? "$".concat((value || 0).toLocaleString()) : value || 0;
         }
       }
     }
@@ -346,8 +346,11 @@ var RevenueChart = function RevenueChart(_ref) {
       axisTicks: {
         show: false
       },
-      tickAmount: 7,
+      tickAmount: 5,
       labels: {
+        rotate: 0,
+        rotateAlways: false,
+        hideOverlappingLabels: true,
         style: {
           colors: '#A1A1A8',
           fontSize: '12px'
@@ -371,7 +374,7 @@ var RevenueChart = function RevenueChart(_ref) {
           fontSize: '12px'
         },
         formatter: function formatter(value) {
-          return metric === 'Revenue' ? "$".concat(value) : value || 0;
+          return (metric === null || metric === void 0 ? void 0 : metric.toLowerCase()) === 'revenue' ? "$".concat((value || 0).toLocaleString()) : value || 0;
         }
       }
     },
@@ -4993,6 +4996,53 @@ var OverallSection = function OverallSection(_ref) {
       });
     }
   }
+  if (activeMetric === "Total Donors") {
+    var donorsData = apiData === null || apiData === void 0 ? void 0 : apiData.totalDonors;
+    var _hasStackedData2 = (donorsData === null || donorsData === void 0 ? void 0 : donorsData.paidAds) || (donorsData === null || donorsData === void 0 ? void 0 : donorsData.email) || (donorsData === null || donorsData === void 0 ? void 0 : donorsData.organic);
+    if (_hasStackedData2) {
+      var _categories2 = ((donorsData === null || donorsData === void 0 ? void 0 : donorsData.organic) || (donorsData === null || donorsData === void 0 ? void 0 : donorsData.paidAds) || (donorsData === null || donorsData === void 0 ? void 0 : donorsData.email) || []).map(function (item) {
+        return item.date;
+      });
+      var _series2 = [{
+        name: "Paid Ads",
+        data: ((donorsData === null || donorsData === void 0 ? void 0 : donorsData.paidAds) || []).map(function (item) {
+          return item.value;
+        })
+      }, {
+        name: "Organic",
+        data: ((donorsData === null || donorsData === void 0 ? void 0 : donorsData.organic) || []).map(function (item) {
+          return item.value;
+        })
+      }, {
+        name: "Email",
+        data: ((donorsData === null || donorsData === void 0 ? void 0 : donorsData.email) || []).map(function (item) {
+          return item.value;
+        })
+      }];
+      mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
+        label: "Donor trend",
+        data: undefined,
+        series: _series2,
+        categories: _categories2,
+        stacked: true,
+        colors: ["#6366F1", "#10B981", "#06B6D4"],
+        hideControls: true
+      });
+    } else if (Array.isArray(donorsData) && donorsData.length > 0) {
+      mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
+        label: "Donor trend",
+        data: donorsData.map(function (item) {
+          return item.value;
+        }),
+        categories: donorsData.map(function (item) {
+          return item.date;
+        }),
+        series: undefined,
+        stacked: false,
+        hideControls: true
+      });
+    }
+  }
   mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
     label: mainChart.label || activeMetric,
     value: selectedInfo.value,