@ammarkhalidfarooq/dashboard-package 0.6.121 → 0.6.123

package/dist/index.cjs.js

@@ -464,7 +464,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 = styles.useTheme();
   var isRadial = type === 'donut' || type === 'pie';
   var isCurrency = isAmount || (metric === null || metric === void 0 ? void 0 : metric.toLowerCase()) === 'revenue';
@@ -561,7 +563,7 @@ var RevenueChart = function RevenueChart(_ref) {
       axisTicks: {
         show: false
       },
-      tickAmount: 5,
+      tickAmount: xAxisTickAmount,
       labels: {
         rotate: 0,
         rotateAlways: false,
@@ -659,6 +661,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 = material.useTheme();
+  var isMobile = material.useMediaQuery(theme.breakpoints.down("sm"));
   var daysLabel = "".concat(numberOfDays, " day").concat(numberOfDays === 1 ? "" : "s");
   var trendText = item.trend || "18%";
   var trendColor = getTrendColor(trendText, {
@@ -886,7 +890,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__*/jsxRuntime.jsx(material.Box, {
             sx: {
               display: {
@@ -19601,9 +19606,9 @@ var EmailSection = function EmailSection(_ref) {
     _ref$numberOfDays = _ref.numberOfDays,
     numberOfDays = _ref$numberOfDays === void 0 ? 30 : _ref$numberOfDays;
   var _useState = React.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) || {};
@@ -19832,11 +19837,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"