@ammarkhalidfarooq/dashboard-package 0.6.121 → 0.6.123

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import React, { Suspense, lazy, useState, useRef, useEffect, useMemo } from 'react';
-import { Box, Button, Menu, MenuItem, 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 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 { 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 { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -462,7 +462,9 @@ var RevenueChart = function RevenueChart(_ref) {
     _ref$showLegend = _ref.showLegend,
     showLegend = _ref$showLegend === void 0 ? true : _ref$showLegend,
     _ref$isAmount = _ref.isAmount,
-    isAmount = _ref$isAmount === void 0 ? false : _ref$isAmount;
+    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';
@@ -559,7 +561,7 @@ var RevenueChart = function RevenueChart(_ref) {
       axisTicks: {
         show: false
       },
-      tickAmount: 5,
+      tickAmount: xAxisTickAmount,
       labels: {
         rotate: 0,
         rotateAlways: false,
@@ -657,6 +659,8 @@ 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 isMobile = useMediaQuery(theme.breakpoints.down("sm"));
   var daysLabel = "".concat(numberOfDays, " day").concat(numberOfDays === 1 ? "" : "s");
   var trendText = item.trend || "18%";
   var trendColor = getTrendColor(trendText, {
@@ -884,7 +888,8 @@ var RenderChartCard = function RenderChartCard(_ref) {
             stacked: item.stacked,
             type: type || item.type || "area",
             colors: item.colors,
-            showLegend: !item.hideControls
+            showLegend: !item.hideControls,
+            xAxisTickAmount: isMobile ? 3 : 5
           }), item.hideControls && item.series && /*#__PURE__*/jsx(Box, {
             sx: {
               display: {
@@ -19599,9 +19604,9 @@ var EmailSection = function EmailSection(_ref) {
     _ref$numberOfDays = _ref.numberOfDays,
     numberOfDays = _ref$numberOfDays === void 0 ? 30 : _ref$numberOfDays;
   var _useState = useState("Total Raised"),
-    _useState2 = _slicedToArray(_useState, 2),
-    activeMetric = _useState2[0],
-    setActiveMetric = _useState2[1];
+    _useState2 = _slicedToArray(_useState, 2);
+    _useState2[0];
+    _useState2[1];
   var daysLabel = "".concat(numberOfDays, " day").concat(numberOfDays === 1 ? "" : "s");
   var overview = (apiData === null || apiData === void 0 ? void 0 : apiData.overview) || {};
   var overviewGrowth = (overview === null || overview === void 0 ? void 0 : overview.growthPercentage) || {};
@@ -19830,11 +19835,10 @@ var EmailSection = function EmailSection(_ref) {
       value: metricInfo[title].value,
       caption: metricInfo[title].subValue,
       icon: metricInfo[title].icon,
-      error: metricInfo[title].error,
-      active: activeMetric === title,
-      onClick: function onClick() {
-        return setActiveMetric(title);
-      },
+      error: metricInfo[title].error
+      // active={activeMetric === title}
+      // onClick={() => setActiveMetric(title)}
+      ,
       sx: metricInfo[title].error ? {
         border: "2px solid #ef4444",
         bgcolor: "#fffafa"