@ammarkhalidfarooq/dashboard-package 0.6.123 → 0.6.125

package/dist/index.es.js

@@ -1,7 +1,7 @@
 import React, { Suspense, lazy, useState, useRef, useEffect, useMemo } from 'react';
-import { Box, Button, Menu, MenuItem, useTheme as useTheme$1, useMediaQuery, Grid, Card, CardContent, Typography, IconButton, ThemeProvider, CircularProgress, Avatar, LinearProgress, Stack, TableContainer, Table, TableHead, TableRow, TableCell, TableBody, Skeleton } from '@mui/material';
+import { Box, Button, Menu, MenuItem, useTheme, useMediaQuery, Grid, Card, CardContent, Typography, IconButton, ThemeProvider, CircularProgress, Avatar, LinearProgress, Stack, TableContainer, Table, TableHead, TableRow, TableCell, TableBody, Skeleton } from '@mui/material';
 import { MoreHoriz, TrendingDown, TrendingUp, MoreVert, Check, InfoOutlined, Settings, PeopleAltOutlined, RequestQuoteOutlined, PaidOutlined, PersonOutlined, IndeterminateCheckBoxOutlined, FavoriteOutlined, SearchOutlined, HighlightOff, Email } from '@mui/icons-material';
-import { createTheme, useTheme } from '@mui/material/styles';
+import { createTheme } from '@mui/material/styles';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import Grid$1 from '@mui/material/Grid';
 import Box$1 from '@mui/material/Box';
@@ -430,19 +430,10 @@ function getTrendArrow(valueOrText) {
   return "";
 }
 function formatCurrency(value) {
-  return "$".concat(Number(value !== null && value !== void 0 ? value : 0).toLocaleString("en-US"));
+  return "$".concat(Number(value !== null && value !== void 0 ? value : 0).toFixed(2));
 }
 function formatNumber(num) {
-  if (num >= 1000000000) {
-    return (num / 1000000000).toFixed(1).replace(/\.0$/, "") + "B";
-  }
-  if (num >= 1000000) {
-    return (num / 1000000).toFixed(1).replace(/\.0$/, "") + "M";
-  }
-  if (num >= 1000) {
-    return (num / 1000).toFixed(1).replace(/\.0$/, "") + "K";
-  }
-  return (num !== null && num !== void 0 ? num : 0).toString();
+  return Number(num !== null && num !== void 0 ? num : 0).toFixed(2);
 }
 
 var RevenueChart = function RevenueChart(_ref) {
@@ -465,7 +456,6 @@ var RevenueChart = function RevenueChart(_ref) {
     isAmount = _ref$isAmount === void 0 ? false : _ref$isAmount,
     _ref$xAxisTickAmount = _ref.xAxisTickAmount,
     xAxisTickAmount = _ref$xAxisTickAmount === void 0 ? 5 : _ref$xAxisTickAmount;
-  var theme = useTheme();
   var isRadial = type === 'donut' || type === 'pie';
   var isCurrency = isAmount || (metric === null || metric === void 0 ? void 0 : metric.toLowerCase()) === 'revenue';
   var isPercent = (metric === null || metric === void 0 ? void 0 : metric.toLowerCase()) === 'percent';
@@ -490,7 +480,7 @@ var RevenueChart = function RevenueChart(_ref) {
         enabled: false
       }
     },
-    colors: colors || [theme.palette.primary.main, '#4B4BC2', '#7E7EE6', '#A3A3F0', '#C8C8FA'],
+    colors: colors || ['#4F46E5', '#4B4BC2', '#7E7EE6', '#A3A3F0', '#C8C8FA'],
     tooltip: {
       theme: 'light',
       y: {
@@ -659,7 +649,7 @@ var RenderChartCard = function RenderChartCard(_ref) {
     cardSx = _ref$cardSx === void 0 ? {} : _ref$cardSx,
     _ref$contentSx = _ref.contentSx,
     contentSx = _ref$contentSx === void 0 ? {} : _ref$contentSx;
-  var theme = useTheme$1();
+  var theme = useTheme();
   var isMobile = useMediaQuery(theme.breakpoints.down("sm"));
   var daysLabel = "".concat(numberOfDays, " day").concat(numberOfDays === 1 ? "" : "s");
   var trendText = item.trend || "18%";
@@ -816,7 +806,7 @@ var RenderChartCard = function RenderChartCard(_ref) {
               },
               children: [{
                 label: "Paid Ads",
-                color: "#6366F1"
+                color: "#4F46E5"
               }, {
                 label: "Organic",
                 color: "#10B981"
@@ -903,7 +893,7 @@ var RenderChartCard = function RenderChartCard(_ref) {
             },
             children: [{
               label: "Paid Ads",
-              color: "#6366F1"
+              color: "#4F46E5"
             }, {
               label: "Organic",
               color: "#10B981"
@@ -3757,9 +3747,9 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref34, ref) {
 });
 ExportPdfLayout.displayName = "ExportPdfLayout";
 
-/**
- * Captures [data-export-page] elements and saves a multi-page PDF.
- * Each page uses a custom size matching the captured content so nothing is cropped.
+/**
+ * Captures [data-export-page] elements and saves a multi-page PDF.
+ * Each page uses a custom size matching the captured content so nothing is cropped.
  */
 function exportReportPdf(_x, _x2) {
   return _exportReportPdf.apply(this, arguments);
@@ -6921,8 +6911,7 @@ var RefundsChargebacksCard = function RefundsChargebacksCard(_ref) {
     data: chargebackSeries
   }];
   var fmt = function fmt(n) {
-    var _n$toFixed;
-    return n >= 1000 ? "".concat((n / 1000).toFixed(1), "k") : parseFloat((_n$toFixed = n === null || n === void 0 ? void 0 : n.toFixed(2)) !== null && _n$toFixed !== void 0 ? _n$toFixed : 0).toString();
+    return Number(n !== null && n !== void 0 ? n : 0).toFixed(2);
   };
   var growthColor = growthPercentage > 0 ? "#EF4444" : growthPercentage < 0 ? "#22C55E" : "rgba(0,0,0,0.4)";
   var growthLabel = growthPercentage > 0 ? "\u25B2 ".concat(growthPercentage.toFixed(1), "%") : growthPercentage < 0 ? "\u25BC ".concat(Math.abs(growthPercentage).toFixed(1), "%") : "stable";
@@ -8096,7 +8085,7 @@ var UTMPerformance = function UTMPerformance() {
       tickAmount: 3,
       labels: {
         formatter: function formatter(v) {
-          return metric === "Revenue" ? "$".concat(Math.round(v)) : Math.round(v);
+          return metric === "Revenue" ? "$".concat(Number(v).toFixed(2)) : Number(v).toFixed(2);
         },
         style: {
           fontSize: "11px",
@@ -17930,7 +17919,7 @@ var OverallSection = function OverallSection(_ref) {
         series: series,
         categories: categories,
         stacked: true,
-        colors: ["#6366F1", "#10B981", "#06B6D4"],
+        colors: ["#4F46E5", "#10B981", "#06B6D4"],
         hideControls: true,
         stroke: {
           curve: "smooth",
@@ -17953,7 +17942,7 @@ var OverallSection = function OverallSection(_ref) {
         series: _series,
         categories: _categories,
         stacked: true,
-        colors: ["#6366F1", "#10B981", "#06B6D4"],
+        colors: ["#4F46E5", "#10B981", "#06B6D4"],
         hideControls: true
       });
     } else if (Array.isArray(netData) && netData.length > 0) {
@@ -17985,7 +17974,7 @@ var OverallSection = function OverallSection(_ref) {
         series: _series2,
         categories: _categories2,
         stacked: true,
-        colors: ["#6366F1", "#10B981", "#06B6D4"],
+        colors: ["#4F46E5", "#10B981", "#06B6D4"],
         hideControls: true
       });
     } else if (Array.isArray(donorsData) && donorsData.length > 0) {
@@ -18017,7 +18006,7 @@ var OverallSection = function OverallSection(_ref) {
         series: _series3,
         categories: _categories3,
         stacked: true,
-        colors: ["#6366F1", "#10B981", "#06B6D4"],
+        colors: ["#4F46E5", "#10B981", "#06B6D4"],
         hideControls: true
       });
     } else if (Array.isArray(roasData) && roasData.length > 0) {
@@ -18049,7 +18038,7 @@ var OverallSection = function OverallSection(_ref) {
         series: _series4,
         categories: _categories4,
         stacked: true,
-        colors: ["#6366F1", "#10B981", "#06B6D4"],
+        colors: ["#4F46E5", "#10B981", "#06B6D4"],
         hideControls: true
       });
     } else if (Array.isArray(conversionData) && conversionData.length > 0) {
@@ -18081,7 +18070,7 @@ var OverallSection = function OverallSection(_ref) {
         series: _series5,
         categories: _categories5,
         stacked: true,
-        colors: ["#6366F1", "#10B981", "#06B6D4"],
+        colors: ["#4F46E5", "#10B981", "#06B6D4"],
         hideControls: true
       });
     } else if (Array.isArray(avgData) && avgData.length > 0) {
@@ -19886,7 +19875,7 @@ var EmailSection = function EmailSection(_ref) {
             data: hasEmailOverview && openRateTrend.data.length > 0 ? openRateTrend.data : [0]
           }],
           categories: hasEmailOverview && openRateTrend.categories.length > 0 ? openRateTrend.categories : ["—"],
-          colors: ["rgb(99, 99, 230)"],
+          colors: ["#4F46E5"],
           yAxisMax: computeYAxisMax(openRateTrend.data, 5),
           yAxisTickAmount: 3
         })