@ammarkhalidfarooq/dashboard-package 0.3.9 → 0.3.11

package/dist/index.cjs.js

@@ -617,7 +617,9 @@ var Dashboard = function Dashboard(_ref) {
   var _ref$apiData = _ref.apiData,
     apiData = _ref$apiData === void 0 ? {} : _ref$apiData,
     _ref$overviewType = _ref.overviewType,
-    overviewType = _ref$overviewType === void 0 ? "overall" : _ref$overviewType;
+    overviewType = _ref$overviewType === void 0 ? "overall" : _ref$overviewType,
+    _ref$dateName = _ref.dateName,
+    dateName = _ref$dateName === void 0 ? "Last Period" : _ref$dateName;
   return /*#__PURE__*/jsxRuntime.jsx(material.ThemeProvider, {
     theme: theme,
     children: /*#__PURE__*/jsxRuntime.jsx(React.Suspense, {
@@ -630,7 +632,8 @@ var Dashboard = function Dashboard(_ref) {
       }),
       children: /*#__PURE__*/jsxRuntime.jsx(NewOverview$1, {
         apiData: apiData,
-        activeSection: overviewType
+        activeSection: overviewType,
+        dateName: dateName
       })
     })
   });
@@ -2197,7 +2200,9 @@ var PaidSection$2 = /*#__PURE__*/React.lazy(function () {
 var NewOverview = function NewOverview(_ref) {
   var _ref$apiData = _ref.apiData,
     apiData = _ref$apiData === void 0 ? {} : _ref$apiData,
-    activeSectionProp = _ref.activeSection;
+    activeSectionProp = _ref.activeSection,
+    _ref$dateName = _ref.dateName,
+    dateName = _ref$dateName === void 0 ? "Last Period" : _ref$dateName;
   var initialMetric = "Revenue";
   var revenueData = (apiData === null || apiData === void 0 ? void 0 : apiData.revenueData) || [3000, 4500, 4200, 5800, 5200, 7100, 8500, 9200, 5000];
   var donationsData = (apiData === null || apiData === void 0 ? void 0 : apiData.donationsData) || [15, 22, 18, 30, 25, 35, 42, 45, 28];
@@ -2399,7 +2404,8 @@ var NewOverview = function NewOverview(_ref) {
         primaryCharts: primaryCharts,
         secondaryCharts: secondaryCharts,
         tertiaryCharts: tertiaryCharts,
-        quaternaryCharts: quaternaryCharts
+        quaternaryCharts: quaternaryCharts,
+        dateName: dateName
       }), activeSection === "Paid" && /*#__PURE__*/jsxRuntime.jsx(PaidSection$2, {
         apiData: apiData
       }), activeSection === "Organic" && /*#__PURE__*/jsxRuntime.jsx(material.Box, {
@@ -4721,13 +4727,28 @@ var RefundsChargebacksCard = function RefundsChargebacksCard() {
   });
 };
 
+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.toString();
+}
+
 var OverallSection = function OverallSection(_ref) {
+  var _apiData$totalRaisedP;
   var _ref$apiData = _ref.apiData,
     apiData = _ref$apiData === void 0 ? {} : _ref$apiData,
     primaryCharts = _ref.primaryCharts,
     secondaryCharts = _ref.secondaryCharts,
     tertiaryCharts = _ref.tertiaryCharts,
-    quaternaryCharts = _ref.quaternaryCharts;
+    quaternaryCharts = _ref.quaternaryCharts,
+    dateName = _ref.dateName;
   var _useState = React.useState("Total Raised"),
     _useState2 = _slicedToArray(_useState, 2),
     activeMetric = _useState2[0],
@@ -4772,8 +4793,8 @@ var OverallSection = function OverallSection(_ref) {
   };
   var metricInfo = {
     "Total Raised": {
-      value: (apiData === null || apiData === void 0 ? void 0 : apiData.totalRaisedCard) || "$240.9K",
-      subValue: (apiData === null || apiData === void 0 ? void 0 : apiData.totalRaisedPrev) || "18% vs last month",
+      value: "$".concat(formatNumber(apiData === null || apiData === void 0 ? void 0 : apiData.totalRaisedCard)) || "$240.9K",
+      subValue: "".concat(apiData === null || apiData === void 0 || (_apiData$totalRaisedP = apiData.totalRaisedPrev) === null || _apiData$totalRaisedP === void 0 ? void 0 : _apiData$totalRaisedP.toFixed(2), "% vs ").concat(dateName) || "18% vs last month",
       label: "Total Revenue",
       icon: iconsMaterial.PaidOutlined
     },