@ammarkhalidfarooq/dashboard-package 0.1.4 → 0.1.5

package/dist/index.es.js

@@ -89,6 +89,15 @@ function _toPropertyKey(t) {
   var i = _toPrimitive(t, "string");
   return "symbol" == typeof i ? i : i + "";
 }
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
 function _unsupportedIterableToArray(r, a) {
   if (r) {
     if ("string" == typeof r) return _arrayLikeToArray(r, a);
@@ -367,12 +376,18 @@ var RevenueChart = function RevenueChart(_ref) {
   if (isRadial) {
     var _series$;
     // For donut/pie, series must be a simple array of numbers
-    chartSeries = Array.isArray(data) ? data : (series === null || series === void 0 || (_series$ = series[0]) === null || _series$ === void 0 ? void 0 : _series$.data) || [];
+    var processedData = Array.isArray(data) ? data.map(function (v) {
+      return _typeof(v) === 'object' && v !== null ? v.value : v;
+    }) : [];
+    chartSeries = processedData.length > 0 ? processedData : (series === null || series === void 0 || (_series$ = series[0]) === null || _series$ === void 0 ? void 0 : _series$.data) || [];
   } else {
     // For bar/line/area, series must be an array of objects [{ name: '', data: [] }]
+    var _processedData = Array.isArray(data) ? data.map(function (v) {
+      return _typeof(v) === 'object' && v !== null ? v.value : v;
+    }) : [];
     chartSeries = Array.isArray(series) ? series : [{
       name: metric || "Value",
-      data: Array.isArray(data) ? data : []
+      data: _processedData
     }];
   }
   return /*#__PURE__*/jsx(ReactApexChart, {
@@ -446,14 +461,14 @@ var RenderChartCard = function RenderChartCard(_ref) {
                 color: "#000000",
                 mb: 0.5
               },
-              children: item.value
+              children: _typeof(item.value) === 'object' && item.value !== null ? item.value.value !== undefined ? item.value.value : JSON.stringify(item.value) : item.value
             }), item.subValue && /*#__PURE__*/jsx(Typography, {
               variant: "subtitle2",
               sx: {
                 color: "#000000",
                 fontWeight: 600
               },
-              children: item.subValue
+              children: _typeof(item.subValue) === 'object' && item.subValue !== null ? JSON.stringify(item.subValue) : item.subValue
             })]
           }), /*#__PURE__*/jsxs(Box, {
             sx: {
@@ -721,7 +736,7 @@ var DisplayCard = function DisplayCard(_ref) {
           fontSize: '22px',
           fontWeight: '500'
         },
-        children: value
+        children: _typeof(value) === 'object' && value !== null ? value.value !== undefined ? value.value : JSON.stringify(value) : value
       })]
     })
   });
@@ -5178,7 +5193,9 @@ var index = /*#__PURE__*/Object.freeze({
 });
 
 var OverallSection = function OverallSection(_ref) {
-  var primaryCharts = _ref.primaryCharts,
+  var _ref$apiData = _ref.apiData,
+    apiData = _ref$apiData === void 0 ? {} : _ref$apiData,
+    primaryCharts = _ref.primaryCharts,
     secondaryCharts = _ref.secondaryCharts,
     tertiaryCharts = _ref.tertiaryCharts,
     quaternaryCharts = _ref.quaternaryCharts;
@@ -5191,31 +5208,31 @@ var OverallSection = function OverallSection(_ref) {
       },
       children: [/*#__PURE__*/jsx(DisplayCard, {
         title: "Total Raised",
-        value: "$9,200",
+        value: (apiData === null || apiData === void 0 ? void 0 : apiData.totalRaised) || "$9,200",
         sx: {
           flex: 1
         }
       }), /*#__PURE__*/jsx(DisplayCard, {
         title: "Net Raised",
-        value: "$9,200",
+        value: (apiData === null || apiData === void 0 ? void 0 : apiData.netRaised) || "$9,200",
         sx: {
           flex: 1
         }
       }), /*#__PURE__*/jsx(DisplayCard, {
         title: "Total Spent",
-        value: "$9,200",
+        value: (apiData === null || apiData === void 0 ? void 0 : apiData.totalSpent) || "$9,200",
         sx: {
           flex: 1
         }
       }), /*#__PURE__*/jsx(DisplayCard, {
         title: "Total ROAS",
-        value: "3.0",
+        value: (apiData === null || apiData === void 0 ? void 0 : apiData.totalRoas) || "3.0",
         sx: {
           flex: 1
         }
       }), /*#__PURE__*/jsx(DisplayCard, {
         title: "Total Donors",
-        value: "215",
+        value: (apiData === null || apiData === void 0 ? void 0 : apiData.totalDonors) || "215",
         sx: {
           flex: 1
         }
@@ -5230,7 +5247,7 @@ var OverallSection = function OverallSection(_ref) {
         return /*#__PURE__*/jsx(RenderChartCard, {
           item: item,
           index: index
-        });
+        }, "primary-".concat(index));
       })
     }), /*#__PURE__*/jsx(Grid, {
       container: true,
@@ -5242,7 +5259,7 @@ var OverallSection = function OverallSection(_ref) {
         return /*#__PURE__*/jsx(RenderChartCard, {
           item: item,
           index: index
-        });
+        }, "secondary-".concat(index));
       })
     }), /*#__PURE__*/jsx(Grid, {
       container: true,
@@ -5254,7 +5271,7 @@ var OverallSection = function OverallSection(_ref) {
         return /*#__PURE__*/jsx(RenderChartCard, {
           item: item,
           index: index
-        });
+        }, "tertiary-".concat(index));
       })
     }), /*#__PURE__*/jsx(Grid, {
       container: true,
@@ -5266,7 +5283,7 @@ var OverallSection = function OverallSection(_ref) {
         return /*#__PURE__*/jsx(RenderChartCard, {
           item: item,
           index: index
-        });
+        }, "quaternary-".concat(index));
       })
     })]
   });