@ammarkhalidfarooq/dashboard-package 0.6.1 → 0.6.2

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import React, { Suspense, lazy, useMemo, useState, useRef, useEffect } from 'react';
-import { Box, Button, Menu, MenuItem, Grid, Card, CardContent, Typography, IconButton, ThemeProvider, CircularProgress, Avatar, LinearProgress, TableContainer, Table, TableHead, TableRow, TableCell, TableBody, Stack } from '@mui/material';
+import { Box, Button, Menu, MenuItem, Grid, Card, CardContent, Typography, IconButton, ThemeProvider, CircularProgress, Avatar, LinearProgress, Stack, TableContainer, Table, TableHead, TableRow, TableCell, TableBody } from '@mui/material';
 import { MoreHoriz, TrendingUp, MoreVert, Check, InfoOutlined, Settings, Adjust, PaidOutlined, PeopleAltOutlined, FavoriteOutlined, PersonOutlined, IndeterminateCheckBoxOutlined, SearchOutlined, HighlightOff, NearMe, Email, NotInterested } from '@mui/icons-material';
 import { createTheme, useTheme } from '@mui/material/styles';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -1148,6 +1148,72 @@ var ActiveCampaignsCard = function ActiveCampaignsCard(_ref) {
   });
 };
 
+var MetricCard$1 = function MetricCard(_ref) {
+  var title = _ref.title,
+    value = _ref.value,
+    caption = _ref.caption,
+    icon = _ref.icon,
+    active = _ref.active,
+    warning = _ref.warning,
+    error = _ref.error,
+    onClick = _ref.onClick;
+  return /*#__PURE__*/jsxs(Box, {
+    sx: {
+      bgcolor: "#fff",
+      border: "1.5px solid ".concat(active ? "#4F46E5" : warning ? "#F3B33D" : error ? "#ef4444" : "#F1F1F5"),
+      borderRadius: "16px",
+      p: {
+        xs: 1.75,
+        md: 2
+      },
+      paddingTop: "10px !important",
+      paddingBottom: "10px !important",
+      height: 92,
+      boxShadow: "0 14px 30px rgba(21, 26, 45, 0.06)"
+    },
+    onClick: onClick,
+    children: [/*#__PURE__*/jsxs(Stack, {
+      direction: "row",
+      justifyContent: "space-between",
+      alignItems: "center",
+      children: [/*#__PURE__*/jsx(Typography, {
+        sx: {
+          color: active ? "#818CF8" : "#999EAA",
+          fontSize: 13,
+          fontWeight: 500,
+          letterSpacing: 0
+        },
+        children: title
+      }), /*#__PURE__*/jsx(Avatar, {
+        sx: {
+          width: 30,
+          height: 30,
+          bgcolor: warning ? "#FFF3CF" : error ? "#fee2e2" : "#EEF2FF",
+          color: warning ? "#B45309" : error ? "#ef4444" : "#4F46E5"
+        },
+        children: icon
+      })]
+    }), /*#__PURE__*/jsx(Typography, {
+      sx: {
+        // mt: 0.3,
+        fontSize: 22,
+        fontWeight: 700,
+        color: active ? "#4F46E5" : "#050509",
+        lineHeight: 1.15
+      },
+      children: value
+    }), /*#__PURE__*/jsx(Typography, {
+      sx: {
+        // mt: 1.05,
+        fontSize: 12,
+        fontWeight: 500,
+        color: caption.includes("failed") ? "#4F46E5" : error ? "#ef4444" : "#0B8F61"
+      },
+      children: caption
+    })]
+  });
+};
+
 function formatNumber(num) {
   if (num >= 1000000000) {
     return (num / 1000000000).toFixed(1).replace(/\.0$/, "") + "B";
@@ -1547,7 +1613,7 @@ var TrendPill = function TrendPill(_ref) {
     children: value
   });
 };
-var MetricCard$1 = function MetricCard(_ref2) {
+var MetricCard = function MetricCard(_ref2) {
   var title = _ref2.title,
     value = _ref2.value,
     trend = _ref2.trend,
@@ -1671,7 +1737,7 @@ var ReportKpiSection = function ReportKpiSection(_ref3) {
         gap: exportMode ? 1 : 2
       },
       children: metrics.map(function (m) {
-        return /*#__PURE__*/jsx(MetricCard$1, _objectSpread2(_objectSpread2({}, m), {}, {
+        return /*#__PURE__*/jsx(MetricCard, _objectSpread2(_objectSpread2({}, m), {}, {
           exportMode: exportMode
         }), m.title);
       })
@@ -14433,72 +14499,6 @@ var html2canvas_esm = /*#__PURE__*/Object.freeze({
   default: html2canvas
 });
 
-var MetricCard = function MetricCard(_ref) {
-  var title = _ref.title,
-    value = _ref.value,
-    caption = _ref.caption,
-    icon = _ref.icon,
-    active = _ref.active,
-    warning = _ref.warning,
-    error = _ref.error,
-    onClick = _ref.onClick;
-  return /*#__PURE__*/jsxs(Box, {
-    sx: {
-      bgcolor: "#fff",
-      border: "1.5px solid ".concat(active ? "#4F46E5" : warning ? "#F3B33D" : error ? "#ef4444" : "#F1F1F5"),
-      borderRadius: "16px",
-      p: {
-        xs: 1.75,
-        md: 2
-      },
-      paddingTop: "10px !important",
-      paddingBottom: "10px !important",
-      height: 92,
-      boxShadow: "0 14px 30px rgba(21, 26, 45, 0.06)"
-    },
-    onClick: onClick,
-    children: [/*#__PURE__*/jsxs(Stack, {
-      direction: "row",
-      justifyContent: "space-between",
-      alignItems: "center",
-      children: [/*#__PURE__*/jsx(Typography, {
-        sx: {
-          color: active ? "#818CF8" : "#999EAA",
-          fontSize: 13,
-          fontWeight: 500,
-          letterSpacing: 0
-        },
-        children: title
-      }), /*#__PURE__*/jsx(Avatar, {
-        sx: {
-          width: 30,
-          height: 30,
-          bgcolor: warning ? "#FFF3CF" : error ? "#fee2e2" : "#EEF2FF",
-          color: warning ? "#B45309" : error ? "#ef4444" : "#4F46E5"
-        },
-        children: icon
-      })]
-    }), /*#__PURE__*/jsx(Typography, {
-      sx: {
-        // mt: 0.3,
-        fontSize: 22,
-        fontWeight: 700,
-        color: active ? "#4F46E5" : "#050509",
-        lineHeight: 1.15
-      },
-      children: value
-    }), /*#__PURE__*/jsx(Typography, {
-      sx: {
-        // mt: 1.05,
-        fontSize: 12,
-        fontWeight: 500,
-        color: caption.includes("failed") ? "#4F46E5" : error ? "#ef4444" : "#0B8F61"
-      },
-      children: caption
-    })]
-  });
-};
-
 var OverallSection = function OverallSection(_ref) {
   var _apiData$overviewStat, _apiData$overviewStat2, _apiData$overviewStat3, _apiData$overviewStat4, _apiData$overviewStat5, _apiData$overviewStat6, _apiData$overviewStat7, _apiData$overviewStat8, _apiData$overviewStat9, _apiData$overviewStat0, _apiData$overviewStat1, _apiData$overviewStat10, _apiData$roasCard, _apiData$roasCardPrev, _apiData$overviewStat11, _apiData$overviewStat12, _apiData$overviewStat13;
   var _ref$apiData = _ref.apiData,
@@ -14541,7 +14541,7 @@ var OverallSection = function OverallSection(_ref) {
     })) {
       charts.push({
         label: "Total Donors",
-        value: (apiData === null || apiData === void 0 ? void 0 : apiData.totalDonors) || "215",
+        value: (apiData === null || apiData === void 0 ? void 0 : apiData.totalDonors) || "0",
         data: (apiData === null || apiData === void 0 ? void 0 : apiData.donationsData) || [15, 22, 18, 30, 25, 35, 42, 45, 28],
         categories: categories
       });
@@ -14578,7 +14578,7 @@ var OverallSection = function OverallSection(_ref) {
       warning: false
     },
     "Total Donors": {
-      value: (apiData === null || apiData === void 0 || (_apiData$overviewStat7 = apiData.overviewStats) === null || _apiData$overviewStat7 === void 0 || (_apiData$overviewStat7 = _apiData$overviewStat7.overview) === null || _apiData$overviewStat7 === void 0 ? void 0 : _apiData$overviewStat7.totalDonations) || "215",
+      value: (apiData === null || apiData === void 0 || (_apiData$overviewStat7 = apiData.overviewStats) === null || _apiData$overviewStat7 === void 0 || (_apiData$overviewStat7 = _apiData$overviewStat7.overview) === null || _apiData$overviewStat7 === void 0 ? void 0 : _apiData$overviewStat7.totalDonations) || "0",
       subValue: "".concat(Number((_apiData$overviewStat8 = apiData === null || apiData === void 0 || (_apiData$overviewStat9 = apiData.overviewStats) === null || _apiData$overviewStat9 === void 0 || (_apiData$overviewStat9 = _apiData$overviewStat9.overview.growthPercentage) === null || _apiData$overviewStat9 === void 0 ? void 0 : _apiData$overviewStat9.totalDonations) !== null && _apiData$overviewStat8 !== void 0 ? _apiData$overviewStat8 : 0).toFixed(2), "%") || "0 new",
       label: "Total Donors",
       icon: /*#__PURE__*/jsx(PeopleAltOutlined, {}),
@@ -14649,7 +14649,7 @@ var OverallSection = function OverallSection(_ref) {
   }
   console.log("DONOR MIX", donorMix);
   var renderCard = function renderCard(title) {
-    return /*#__PURE__*/jsx(MetricCard
+    return /*#__PURE__*/jsx(MetricCard$1
     // key={title}
     , {
       title: title,
@@ -15111,7 +15111,7 @@ var PaidSection = function PaidSection() {
     }
   };
   var renderCard = function renderCard(title) {
-    return /*#__PURE__*/jsx(MetricCard
+    return /*#__PURE__*/jsx(MetricCard$1
     // key={title}
     , {
       title: title,
@@ -15610,7 +15610,7 @@ var OrganicSection = function OrganicSection(_ref) {
     };
   }, [apiData === null || apiData === void 0 ? void 0 : apiData.sourceBreakdown, hasOrganicOverview]);
   var renderCard = function renderCard(title) {
-    return /*#__PURE__*/jsx(MetricCard, {
+    return /*#__PURE__*/jsx(MetricCard$1, {
       title: title,
       value: metricInfo[title].money ? metricInfo[title].value : metricInfo[title].value,
       caption: metricInfo[title].subValue,
@@ -16299,7 +16299,7 @@ var EmailSection = function EmailSection(_ref) {
     });
   }, [apiData === null || apiData === void 0 ? void 0 : apiData.topCampaignsByConversion, hasEmailOverview]);
   var renderCard = function renderCard(title) {
-    return /*#__PURE__*/jsx(MetricCard, {
+    return /*#__PURE__*/jsx(MetricCard$1, {
       title: title,
       value: metricInfo[title].value,
       caption: metricInfo[title].subValue,
@@ -16482,5 +16482,5 @@ var EmailSection$1 = /*#__PURE__*/Object.freeze({
   default: EmailSection
 });
 
-export { AbandonedDonationRecovery, ActiveCampaignsCard, Dashboard, DashboardReport, theme as DashboardTheme, DonorBehavior, MetricSelector, NewOverview, PerformanceSection, RecurringRevenueSection, RenderChartCard, RevenueChart, UTMPerformance, themeColors, themeTypography };
+export { AbandonedDonationRecovery, ActiveCampaignsCard, Dashboard, DashboardReport, theme as DashboardTheme, DonorBehavior, MetricCard$1 as MetricCard, MetricSelector, NewOverview, PerformanceSection, RecurringRevenueSection, RenderChartCard, RevenueChart, UTMPerformance, themeColors, themeTypography };
 //# sourceMappingURL=index.es.js.map