@ammarkhalidfarooq/dashboard-package 0.6.53 → 0.6.55

package/dist/index.es.js

@@ -1,6 +1,6 @@
 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 { MoreHoriz, TrendingDown, TrendingUp, MoreVert, Check, InfoOutlined, Settings, Adjust, PaidOutlined, PeopleAltOutlined, FavoriteOutlined, PersonOutlined, IndeterminateCheckBoxOutlined, SearchOutlined, HighlightOff, NearMe, Email, NotInterested } from '@mui/icons-material';
+import { MoreHoriz, TrendingDown, TrendingUp, MoreVert, Check, InfoOutlined, Settings, Adjust, PeopleAltOutlined, FavoriteOutlined, PaidOutlined, 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';
 import Grid$1 from '@mui/material/Grid';
@@ -152,6 +152,26 @@ function _objectSpread2(e) {
   }
   return e;
 }
+function _objectWithoutProperties(e, t) {
+  if (null == e) return {};
+  var o,
+    r,
+    i = _objectWithoutPropertiesLoose(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+  }
+  return i;
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
 function _regenerator() {
   /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
   var e,
@@ -2941,7 +2961,7 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref1, ref) {
                     style: {
                       fontSize: 8,
                       color: "#9CA3AF",
-                      marginBottom: 2
+                      marginBottom: 4
                     },
                     children: l
                   }), /*#__PURE__*/jsx("div", {
@@ -3065,7 +3085,7 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref1, ref) {
                     style: {
                       fontSize: 8,
                       color: "#9CA3AF",
-                      marginBottom: 2
+                      marginBottom: 4
                     },
                     children: l
                   }), /*#__PURE__*/jsx("div", {
@@ -16099,6 +16119,51 @@ var html2canvas_esm = /*#__PURE__*/Object.freeze({
   default: html2canvas
 });
 
+var _excluded = ["size"];
+var AverageDonationIcon = function AverageDonationIcon(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 24 : _ref$size,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/jsxs("svg", _objectSpread2(_objectSpread2({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    width: size,
+    height: size,
+    "aria-hidden": "true"
+  }, props), {}, {
+    children: [/*#__PURE__*/jsx("circle", {
+      cx: "12",
+      cy: "12",
+      r: "12",
+      fill: "#f1f3ff"
+    }), /*#__PURE__*/jsxs("g", {
+      fill: "#4e47e5",
+      children: [/*#__PURE__*/jsx("path", {
+        d: "M9.02,17.2c-.2.05-.27.39.02.47.3.09.57-.12.83-.11,1.39.05,2.62.58,3.91.72,1.65.17,3.28-1.43,4.8-1.99.47-.18,1.22-.48,1.7-.24.28.14.34.49.06.67-1.39.71-2.69,1.95-4.04,2.65-3.6,1.87-8.35-1.58-12.09-.22l-.73-2.8c2.25-.42,4.07-1.82,6.46-1.41.93.16,1.89.98,2.8,1.34.54.22,2.25.55,2.45.85.16.24-.13.54-.33.66-.75.43-2.86-.48-3.76-.6-.57.1-1.57-.13-2.07,0Z"
+      }), /*#__PURE__*/jsx("path", {
+        d: "M15.66,17.32s0-.27-.12-.43c-.38-.53-1.75-.64-2.41-.89-1.31-.49-2.39-1.59-3.92-1.62,0-1.55,1.08-3.16,2.24-4.13,1.32-1.12.97-.51,2.32-.48.52.01,1.31-.34,1.64-.19.81.36,2.4,2.38,2.74,3.23.29.71.68,2.28.28,2.96-.08.14-2.67,1.66-2.78,1.55ZM12.82,11.75c-1.27.28-.05,2.18.77,2.47.91.32,2.49-1.7,1.52-2.38-.56-.4-.94.12-1.23.13s-.49-.34-1.07-.21Z"
+      }), /*#__PURE__*/jsx("path", {
+        d: "M15.9,7.09c-.43,1.53-1.01,2.66-2.83,2.16-.66-.18-1.02-1.72-1.43-2.28,1.47-.46,2.77.55,4.26.12Z"
+      }), /*#__PURE__*/jsx("path", {
+        d: "M18.46,6.97c.39.37-1.47,1.17-1.58.67-.09-.4,1.41-.83,1.58-.67Z"
+      }), /*#__PURE__*/jsx("path", {
+        d: "M16.75,4.78c.18.18-.73,1.62-1.1,1.34-.32-.25.73-1.7,1.1-1.34Z"
+      }), /*#__PURE__*/jsx("path", {
+        d: "M14.03,4.06c.25.05.3,1.75-.16,1.72-.4-.02-.35-1.82.16-1.72Z"
+      }), /*#__PURE__*/jsx("path", {
+        d: "M9.4,6.99c.3-.1,1.46.3,1.38.65-.1.46-1.39-.15-1.58-.37-.03-.13.09-.25.2-.29Z"
+      }), /*#__PURE__*/jsx("path", {
+        d: "M12,6.12c-.34.26-1.44-1.2-.91-1.34.36-.09,1.19,1.13.91,1.34Z"
+      })]
+    })]
+  }));
+};
+var avgDonationAvatarSx = {
+  width: 24,
+  height: 24,
+  bgcolor: "transparent"
+};
+
 var CARD_BORDER = "1.5px solid #F1F1F5";
 var PANEL_BORDER = "1px solid #f0f0f0";
 var PANEL_SHADOW = "0 4px 24px rgba(0,0,0,0.06)";
@@ -16842,7 +16907,8 @@ var OverallSection = function OverallSection(_ref) {
       value: "$".concat(formatNumber(((_apiData$overviewStat10 = 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.overallAVGDonations) !== null && _apiData$overviewStat10 !== void 0 ? _apiData$overviewStat10 : 0).toFixed(2))),
       subValue: "".concat(Number((_apiData$overviewStat12 = apiData === null || apiData === void 0 || (_apiData$overviewStat13 = apiData.overviewStats) === null || _apiData$overviewStat13 === void 0 || (_apiData$overviewStat13 = _apiData$overviewStat13.overview.growthPercentage) === null || _apiData$overviewStat13 === void 0 ? void 0 : _apiData$overviewStat13.overallAVGDonations) !== null && _apiData$overviewStat12 !== void 0 ? _apiData$overviewStat12 : 0).toFixed(2), "% vs pp\n        "),
       label: "Average Donation Amount",
-      icon: /*#__PURE__*/jsx(PaidOutlined, {}),
+      icon: /*#__PURE__*/jsx(AverageDonationIcon, {}),
+      avatarSx: avgDonationAvatarSx,
       money: true,
       error: false,
       warning: false
@@ -16902,6 +16968,7 @@ var OverallSection = function OverallSection(_ref) {
       value: metricInfo[title].money ? metricInfo[title].value : metricInfo[title].value,
       caption: metricInfo[title].subValue,
       icon: metricInfo[title].icon,
+      avatarSx: metricInfo[title].avatarSx,
       error: metricInfo[title].error,
       active: activeMetric === title,
       onClick: function onClick() {
@@ -17305,7 +17372,8 @@ var PaidSection = function PaidSection(_ref) {
       subValue: "12% vs last month",
       chartLabel: "Average Donation",
       data: [120, 135, 125, 140, 130, 128, 130.58],
-      icon: /*#__PURE__*/jsx(PaidOutlined, {}),
+      icon: /*#__PURE__*/jsx(AverageDonationIcon, {}),
+      avatarSx: avgDonationAvatarSx,
       money: true,
       error: false,
       warning: false
@@ -17319,6 +17387,7 @@ var PaidSection = function PaidSection(_ref) {
       value: metricInfo[title].money ? metricInfo[title].value : metricInfo[title].value,
       caption: metricInfo[title].subValue,
       icon: metricInfo[title].icon,
+      avatarSx: metricInfo[title].avatarSx,
       error: metricInfo[title].error,
       active: activeMetric === title,
       onClick: function onClick() {
@@ -17658,7 +17727,8 @@ var OrganicSection = function OrganicSection(_ref) {
           subValue: "18% vs pp",
           data: [110, 125, 120, 135, 130, 128, 130.58],
           categories: fallbackCategories,
-          icon: /*#__PURE__*/jsx(PaidOutlined, {}),
+          icon: /*#__PURE__*/jsx(AverageDonationIcon, {}),
+          avatarSx: avgDonationAvatarSx,
           money: true,
           warning: false,
           error: false
@@ -17731,7 +17801,8 @@ var OrganicSection = function OrganicSection(_ref) {
         subValue: growthCaption("overallAVGDonations"),
         data: avgDonationSeries.data,
         categories: avgDonationSeries.categories,
-        icon: /*#__PURE__*/jsx(PaidOutlined, {}),
+        icon: /*#__PURE__*/jsx(AverageDonationIcon, {}),
+        avatarSx: avgDonationAvatarSx,
         money: true,
         warning: false,
         error: false
@@ -17820,6 +17891,7 @@ var OrganicSection = function OrganicSection(_ref) {
       value: metricInfo[title].money ? metricInfo[title].value : metricInfo[title].value,
       caption: metricInfo[title].subValue,
       icon: metricInfo[title].icon,
+      avatarSx: metricInfo[title].avatarSx,
       error: metricInfo[title].error,
       active: activeMetric === title,
       onClick: function onClick() {