@ammarkhalidfarooq/dashboard-package 0.2.5 → 0.2.6

package/dist/index.es.js

@@ -571,7 +571,9 @@ var Dashboard = function Dashboard(_ref) {
     _ref$categories = _ref.categories,
     categories = _ref$categories === void 0 ? ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep"] : _ref$categories,
     _ref$apiData = _ref.apiData,
-    apiData = _ref$apiData === void 0 ? {} : _ref$apiData;
+    apiData = _ref$apiData === void 0 ? {} : _ref$apiData,
+    _ref$performanceData = _ref.performanceData,
+    performanceData = _ref$performanceData === void 0 ? {} : _ref$performanceData;
   var _React$useState = React.useState(initialMetric),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     metric = _React$useState2[0];
@@ -648,7 +650,8 @@ var Dashboard = function Dashboard(_ref) {
         children: /*#__PURE__*/jsx(CircularProgress, {})
       }),
       children: /*#__PURE__*/jsx(PerformanceSection$1, {
-        apiData: apiData
+        apiData: apiData,
+        performanceData: performanceData
       })
     }), /*#__PURE__*/jsx(Suspense, {
       fallback: /*#__PURE__*/jsx(Box, {
@@ -1802,14 +1805,26 @@ var index$5 = /*#__PURE__*/Object.freeze({
 
 var PerformanceSection = function PerformanceSection(_ref) {
   _ref.title;
+    var _ref$performanceData = _ref.performanceData,
+    performanceData = _ref$performanceData === void 0 ? {} : _ref$performanceData;
   var revenueData = [3000, 4500, 4200, 5800, 5200, 7100, 8500, 9200, 5000];
   var visitorsData = [100, 200, 150, 250, 300, 275, 325, 350, 280];
   var categories = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'];
+  var revPerVisData = Array.isArray(performanceData === null || performanceData === void 0 ? void 0 : performanceData.revenuePerVisitor) ? performanceData.revenuePerVisitor : [];
+  var revPerVisValues = revPerVisData.length > 0 ? revPerVisData.map(function (item) {
+    return item.value;
+  }) : revenueData;
+  var revPerVisCategories = revPerVisData.length > 0 ? revPerVisData.map(function (item) {
+    return item.date;
+  }) : categories;
+  var revPerVisTotal = revPerVisData.length > 0 ? revPerVisValues.reduce(function (sum, val) {
+    return sum + val;
+  }, 0) / revPerVisValues.length : 5.12;
   var primaryCharts = [{
     label: 'Revenue per Visitor',
-    value: '$5.12',
-    data: revenueData,
-    categories: categories
+    value: performanceData !== null && performanceData !== void 0 && performanceData.revenuePerVisitor ? "$".concat(revPerVisTotal.toFixed(2)) : '$5.12',
+    data: revPerVisValues,
+    categories: revPerVisCategories
   }, {
     label: 'Visitors',
     value: '1200',