@ammarkhalidfarooq/dashboard-package 0.3.18 → 0.3.19

package/dist/index.es.js

@@ -253,7 +253,8 @@ var RevenueChart = function RevenueChart(_ref) {
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? "area" : _ref$type,
     _ref$id = _ref.id,
-    id = _ref$id === void 0 ? "revenue-chart" : _ref$id;
+    id = _ref$id === void 0 ? "revenue-chart" : _ref$id,
+    colors = _ref.colors;
   var theme = useTheme();
   var isRadial = type === 'donut' || type === 'pie';
 
@@ -272,7 +273,7 @@ var RevenueChart = function RevenueChart(_ref) {
         enabled: false
       }
     },
-    colors: [theme.palette.primary.main, '#4B4BC2', '#7E7EE6', '#A3A3F0', '#C8C8FA'],
+    colors: colors || [theme.palette.primary.main, '#4B4BC2', '#7E7EE6', '#A3A3F0', '#C8C8FA'],
     tooltip: {
       theme: 'light',
       y: {
@@ -577,7 +578,8 @@ var RenderChartCard = function RenderChartCard(_ref) {
             categories: item.categories,
             height: isPrimary ? 250 : 200,
             stacked: item.stacked,
-            type: type || item.type || "area"
+            type: type || item.type || "area",
+            colors: item.colors
           })
         }), item.footer && /*#__PURE__*/jsxs(Box, {
           sx: {
@@ -4735,7 +4737,7 @@ function formatNumber(num) {
   if (num >= 1000) {
     return (num / 1000).toFixed(1).replace(/\.0$/, "") + "K";
   }
-  return num.toString();
+  return (num !== null && num !== void 0 ? num : 0).toString();
 }
 
 var OverallSection = function OverallSection(_ref) {
@@ -4852,8 +4854,36 @@ var OverallSection = function OverallSection(_ref) {
   var mainChart = extendedCharts.find(function (c) {
     return c.label === selectedInfo.label;
   }) || primaryCharts[0];
+  if (activeMetric === "Total Raised" && (apiData !== null && apiData !== void 0 && apiData.paidAds || apiData !== null && apiData !== void 0 && apiData.email || apiData !== null && apiData !== void 0 && apiData.organic)) {
+    var categories = ((apiData === null || apiData === void 0 ? void 0 : apiData.organic) || (apiData === null || apiData === void 0 ? void 0 : apiData.paidAds) || (apiData === null || apiData === void 0 ? void 0 : apiData.email) || []).map(function (item) {
+      return item.date;
+    });
+    var series = [{
+      name: "Paid Ads",
+      data: ((apiData === null || apiData === void 0 ? void 0 : apiData.paidAds) || []).map(function (item) {
+        return item.value;
+      })
+    }, {
+      name: "Organic",
+      data: ((apiData === null || apiData === void 0 ? void 0 : apiData.organic) || []).map(function (item) {
+        return item.value;
+      })
+    }, {
+      name: "Email",
+      data: ((apiData === null || apiData === void 0 ? void 0 : apiData.email) || []).map(function (item) {
+        return item.value;
+      })
+    }];
+    mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
+      label: "Total revenue trend",
+      series: series,
+      categories: categories,
+      stacked: true,
+      colors: ["#6366F1", "#10B981", "#06B6D4"]
+    });
+  }
   mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
-    label: activeMetric,
+    label: mainChart.label || activeMetric,
     value: selectedInfo.value,
     trend: selectedInfo.subValue
   });