@ammarkhalidfarooq/dashboard-package 0.6.2 → 0.6.3

package/dist/index.es.js

@@ -576,31 +576,37 @@ var RenderChartCard = function RenderChartCard(_ref) {
     _ref$md = _ref.md,
     md = _ref$md === void 0 ? 4 : _ref$md,
     _ref$type = _ref.type,
-    type = _ref$type === void 0 ? "area" : _ref$type;
+    type = _ref$type === void 0 ? "area" : _ref$type,
+    _ref$sx = _ref.sx,
+    sx = _ref$sx === void 0 ? {} : _ref$sx,
+    _ref$cardSx = _ref.cardSx,
+    cardSx = _ref$cardSx === void 0 ? {} : _ref$cardSx,
+    _ref$contentSx = _ref.contentSx,
+    contentSx = _ref$contentSx === void 0 ? {} : _ref$contentSx;
   return /*#__PURE__*/jsx(Grid, {
     item: true,
     xs: 12,
     md: md,
-    sx: {
+    sx: _objectSpread2({
       display: "flex",
       paddingTop: "0px !important"
-    },
+    }, sx),
     children: /*#__PURE__*/jsx(Card, {
-      sx: {
+      sx: _objectSpread2({
         width: "100%",
         display: "flex",
         flexDirection: "column",
         boxShadow: "0 4px 24px rgba(0,0,0,0.06)",
         borderRadius: 4,
         border: "1px solid #f0f0f0"
-      },
+      }, cardSx),
       children: /*#__PURE__*/jsxs(CardContent, {
-        sx: {
+        sx: _objectSpread2({
           p: item.exportMode ? 2 : 3,
           flexGrow: 1,
           display: "flex",
           flexDirection: "column"
-        },
+        }, contentSx),
         children: [/*#__PURE__*/jsxs(Box, {
           sx: {
             display: "flex",
@@ -903,24 +909,29 @@ var ActiveCampaignsCard = function ActiveCampaignsCard(_ref) {
     gridTemplateColumns = _ref$gridTemplateColu === void 0 ? "3fr 1fr 1.5fr 0.8fr 1fr " : _ref$gridTemplateColu,
     height = _ref.height,
     _ref$compact = _ref.compact,
-    compact = _ref$compact === void 0 ? false : _ref$compact;
+    compact = _ref$compact === void 0 ? false : _ref$compact,
+    _ref$sx = _ref.sx,
+    sx = _ref$sx === void 0 ? {} : _ref$sx,
+    _ref$headerSx = _ref.headerSx,
+    headerSx = _ref$headerSx === void 0 ? {} : _ref$headerSx,
+    _ref$tableSx = _ref.tableSx,
+    tableSx = _ref$tableSx === void 0 ? {} : _ref$tableSx;
   return /*#__PURE__*/jsxs(Box, {
-    sx: {
+    sx: _objectSpread2({
       bgcolor: "#fff",
       borderRadius: compact ? 3 : 4,
       border: "1px solid #f0f0f0",
       boxShadow: compact ? "0 2px 12px rgba(0,0,0,0.05)" : "0 4px 24px rgba(0,0,0,0.06)",
       p: compact ? 1.5 : 3,
       height: height
-      // height: "100%",
-    },
+    }, sx),
     children: [/*#__PURE__*/jsxs(Box, {
-      sx: {
+      sx: _objectSpread2({
         display: "flex",
         justifyContent: "space-between",
         alignItems: "flex-start",
         mb: compact ? 1.25 : 3
-      },
+      }, headerSx),
       children: [/*#__PURE__*/jsxs(Box, {
         children: [/*#__PURE__*/jsx(Typography, {
           sx: {
@@ -948,9 +959,9 @@ var ActiveCampaignsCard = function ActiveCampaignsCard(_ref) {
         children: actionLabel
       })]
     }), /*#__PURE__*/jsx(Box, {
-      sx: {
+      sx: _objectSpread2({
         overflowX: compact ? "hidden" : "auto"
-      },
+      }, tableSx),
       children: /*#__PURE__*/jsxs(Box, {
         sx: {
           minWidth: compact ? 0 : "600px"
@@ -1156,9 +1167,19 @@ var MetricCard$1 = function MetricCard(_ref) {
     active = _ref.active,
     warning = _ref.warning,
     error = _ref.error,
-    onClick = _ref.onClick;
+    onClick = _ref.onClick,
+    _ref$sx = _ref.sx,
+    sx = _ref$sx === void 0 ? {} : _ref$sx,
+    _ref$titleSx = _ref.titleSx,
+    titleSx = _ref$titleSx === void 0 ? {} : _ref$titleSx,
+    _ref$valueSx = _ref.valueSx,
+    valueSx = _ref$valueSx === void 0 ? {} : _ref$valueSx,
+    _ref$captionSx = _ref.captionSx,
+    captionSx = _ref$captionSx === void 0 ? {} : _ref$captionSx,
+    _ref$avatarSx = _ref.avatarSx,
+    avatarSx = _ref$avatarSx === void 0 ? {} : _ref$avatarSx;
   return /*#__PURE__*/jsxs(Box, {
-    sx: {
+    sx: _objectSpread2({
       bgcolor: "#fff",
       border: "1.5px solid ".concat(active ? "#4F46E5" : warning ? "#F3B33D" : error ? "#ef4444" : "#F1F1F5"),
       borderRadius: "16px",
@@ -1170,45 +1191,43 @@ var MetricCard$1 = function MetricCard(_ref) {
       paddingBottom: "10px !important",
       height: 92,
       boxShadow: "0 14px 30px rgba(21, 26, 45, 0.06)"
-    },
+    }, sx),
     onClick: onClick,
     children: [/*#__PURE__*/jsxs(Stack, {
       direction: "row",
       justifyContent: "space-between",
       alignItems: "center",
       children: [/*#__PURE__*/jsx(Typography, {
-        sx: {
+        sx: _objectSpread2({
           color: active ? "#818CF8" : "#999EAA",
           fontSize: 13,
           fontWeight: 500,
           letterSpacing: 0
-        },
+        }, titleSx),
         children: title
       }), /*#__PURE__*/jsx(Avatar, {
-        sx: {
+        sx: _objectSpread2({
           width: 30,
           height: 30,
           bgcolor: warning ? "#FFF3CF" : error ? "#fee2e2" : "#EEF2FF",
           color: warning ? "#B45309" : error ? "#ef4444" : "#4F46E5"
-        },
+        }, avatarSx),
         children: icon
       })]
     }), /*#__PURE__*/jsx(Typography, {
-      sx: {
-        // mt: 0.3,
+      sx: _objectSpread2({
         fontSize: 22,
         fontWeight: 700,
         color: active ? "#4F46E5" : "#050509",
         lineHeight: 1.15
-      },
+      }, valueSx),
       children: value
     }), /*#__PURE__*/jsx(Typography, {
-      sx: {
-        // mt: 1.05,
+      sx: _objectSpread2({
         fontSize: 12,
         fontWeight: 500,
-        color: caption.includes("failed") ? "#4F46E5" : error ? "#ef4444" : "#0B8F61"
-      },
+        color: caption !== null && caption !== void 0 && caption.includes("failed") ? "#4F46E5" : error ? "#ef4444" : "#0B8F61"
+      }, captionSx),
       children: caption
     })]
   });
@@ -14569,7 +14588,7 @@ var OverallSection = function OverallSection(_ref) {
       warning: false
     },
     "Net Raised": {
-      value: "$".concat(formatNumber(apiData === null || apiData === void 0 || (_apiData$overviewStat4 = apiData.overviewStats) === null || _apiData$overviewStat4 === void 0 || (_apiData$overviewStat4 = _apiData$overviewStat4.overview) === null || _apiData$overviewStat4 === void 0 ? void 0 : _apiData$overviewStat4.netRevenue)),
+      value: "$".concat(formatNumber((apiData === null || apiData === void 0 || (_apiData$overviewStat4 = apiData.overviewStats) === null || _apiData$overviewStat4 === void 0 || (_apiData$overviewStat4 = _apiData$overviewStat4.overview) === null || _apiData$overviewStat4 === void 0 ? void 0 : _apiData$overviewStat4.netRevenue).toFixed(2))),
       subValue: "".concat(Number((_apiData$overviewStat5 = apiData === null || apiData === void 0 || (_apiData$overviewStat6 = apiData.overviewStats) === null || _apiData$overviewStat6 === void 0 || (_apiData$overviewStat6 = _apiData$overviewStat6.overview.growthPercentage) === null || _apiData$overviewStat6 === void 0 ? void 0 : _apiData$overviewStat6.netRevenue) !== null && _apiData$overviewStat5 !== void 0 ? _apiData$overviewStat5 : 0).toFixed(2), "% vs ").concat(dateName !== null && dateName !== void 0 ? dateName : "previous period"),
       label: "Net Raised",
       icon: /*#__PURE__*/jsx(FavoriteOutlined, {}),
@@ -14587,7 +14606,7 @@ var OverallSection = function OverallSection(_ref) {
       warning: false
     },
     "Avg donation": {
-      value: "$".concat(formatNumber(apiData === null || apiData === void 0 || (_apiData$overviewStat0 = apiData.overviewStats) === null || _apiData$overviewStat0 === void 0 || (_apiData$overviewStat0 = _apiData$overviewStat0.overview) === null || _apiData$overviewStat0 === void 0 ? void 0 : _apiData$overviewStat0.overallAVGDonations)),
+      value: "$".concat(formatNumber((apiData === null || apiData === void 0 || (_apiData$overviewStat0 = apiData.overviewStats) === null || _apiData$overviewStat0 === void 0 || (_apiData$overviewStat0 = _apiData$overviewStat0.overview) === null || _apiData$overviewStat0 === void 0 ? void 0 : _apiData$overviewStat0.overallAVGDonations).toFixed(2))),
       subValue: "".concat(Number((_apiData$overviewStat1 = apiData === null || apiData === void 0 || (_apiData$overviewStat10 = apiData.overviewStats) === null || _apiData$overviewStat10 === void 0 || (_apiData$overviewStat10 = _apiData$overviewStat10.overview.growthPercentage) === null || _apiData$overviewStat10 === void 0 ? void 0 : _apiData$overviewStat10.overallAVGDonations) !== null && _apiData$overviewStat1 !== void 0 ? _apiData$overviewStat1 : 0).toFixed(2), "% vs ").concat(dateName !== null && dateName !== void 0 ? dateName : "last month"),
       label: "Average Donation Amount",
       icon: /*#__PURE__*/jsx(PaidOutlined, {}),
@@ -14596,7 +14615,7 @@ var OverallSection = function OverallSection(_ref) {
       warning: false
     },
     "ROAS": {
-      value: "".concat(formatNumber((_apiData$roasCard = apiData === null || apiData === void 0 ? void 0 : apiData.roasCard) !== null && _apiData$roasCard !== void 0 ? _apiData$roasCard : 0), "x"),
+      value: "".concat(formatNumber(((_apiData$roasCard = apiData === null || apiData === void 0 ? void 0 : apiData.roasCard) !== null && _apiData$roasCard !== void 0 ? _apiData$roasCard : 0).toFixed(2)), "x"),
       subValue: "".concat(Number((_apiData$roasCardPrev = apiData === null || apiData === void 0 ? void 0 : apiData.roasCardPrev) !== null && _apiData$roasCardPrev !== void 0 ? _apiData$roasCardPrev : 0).toFixed(2), "x vs ").concat(dateName !== null && dateName !== void 0 ? dateName : "last month"),
       label: "ROAS",
       icon: /*#__PURE__*/jsx(TrendingUp, {}),
@@ -14605,7 +14624,7 @@ var OverallSection = function OverallSection(_ref) {
       warning: false
     },
     "Conversion": {
-      value: "".concat(formatNumber(apiData === null || apiData === void 0 || (_apiData$overviewStat11 = apiData.overviewStats) === null || _apiData$overviewStat11 === void 0 || (_apiData$overviewStat11 = _apiData$overviewStat11.overview) === null || _apiData$overviewStat11 === void 0 ? void 0 : _apiData$overviewStat11.conversionRate), "%") || "0.0%",
+      value: "".concat(formatNumber((apiData === null || apiData === void 0 || (_apiData$overviewStat11 = apiData.overviewStats) === null || _apiData$overviewStat11 === void 0 || (_apiData$overviewStat11 = _apiData$overviewStat11.overview) === null || _apiData$overviewStat11 === void 0 ? void 0 : _apiData$overviewStat11.conversionRate).toFixed(2)), "%") || "0.0%",
       subValue: "".concat(((_apiData$overviewStat12 = apiData === null || apiData === void 0 || (_apiData$overviewStat13 = apiData.overviewStats) === null || _apiData$overviewStat13 === void 0 || (_apiData$overviewStat13 = _apiData$overviewStat13.overview) === null || _apiData$overviewStat13 === void 0 || (_apiData$overviewStat13 = _apiData$overviewStat13.growthPercentage) === null || _apiData$overviewStat13 === void 0 ? void 0 : _apiData$overviewStat13.conversionRate) !== null && _apiData$overviewStat12 !== void 0 ? _apiData$overviewStat12 : 0).toFixed(2), "%") || "0%",
       label: "Conversion Rate",
       icon: /*#__PURE__*/jsx(Adjust, {}),