@ammarkhalidfarooq/dashboard-package 0.3.26 → 0.3.28

package/dist/index.es.js

@@ -280,7 +280,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;
         }
       }
     }
@@ -344,8 +344,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'
@@ -369,7 +372,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;
         }
       }
     },
@@ -4946,7 +4949,37 @@ var OverallSection = function OverallSection(_ref) {
   }
   if (activeMetric === "Net Raised") {
     var netData = apiData === null || apiData === void 0 ? void 0 : apiData.netRaised;
-    if (Array.isArray(netData) && netData.length > 0) {
+    var _hasStackedData = (netData === null || netData === void 0 ? void 0 : netData.paidAds) || (netData === null || netData === void 0 ? void 0 : netData.email) || (netData === null || netData === void 0 ? void 0 : netData.organic);
+    if (_hasStackedData) {
+      var _categories = ((netData === null || netData === void 0 ? void 0 : netData.organic) || (netData === null || netData === void 0 ? void 0 : netData.paidAds) || (netData === null || netData === void 0 ? void 0 : netData.email) || []).map(function (item) {
+        return item.date;
+      });
+      var _series = [{
+        name: "Paid Ads",
+        data: ((netData === null || netData === void 0 ? void 0 : netData.paidAds) || []).map(function (item) {
+          return item.value;
+        })
+      }, {
+        name: "Organic",
+        data: ((netData === null || netData === void 0 ? void 0 : netData.organic) || []).map(function (item) {
+          return item.value;
+        })
+      }, {
+        name: "Email",
+        data: ((netData === null || netData === void 0 ? void 0 : netData.email) || []).map(function (item) {
+          return item.value;
+        })
+      }];
+      mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
+        label: "Net revenue trend",
+        data: undefined,
+        series: _series,
+        categories: _categories,
+        stacked: true,
+        colors: ["#6366F1", "#10B981", "#06B6D4"],
+        hideControls: true
+      });
+    } else if (Array.isArray(netData) && netData.length > 0) {
       mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
         label: "Net revenue trend",
         data: netData.map(function (item) {
@@ -4956,7 +4989,6 @@ var OverallSection = function OverallSection(_ref) {
           return item.date;
         }),
         series: undefined,
-        // Ensure we use single data
         stacked: false,
         hideControls: true
       });