@ammarkhalidfarooq/dashboard-package 0.5.10 → 0.5.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +25 -15
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +25 -15
- package/dist/index.es.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -731,7 +731,9 @@ var Dashboard = function Dashboard(_ref) {
|
|
|
731
731
|
_ref$overviewType = _ref.overviewType,
|
|
732
732
|
overviewType = _ref$overviewType === void 0 ? "overall" : _ref$overviewType,
|
|
733
733
|
_ref$dateName = _ref.dateName,
|
|
734
|
-
dateName = _ref$dateName === void 0 ? "Last Period" : _ref$dateName
|
|
734
|
+
dateName = _ref$dateName === void 0 ? "Last Period" : _ref$dateName,
|
|
735
|
+
_ref$exportTrigger = _ref.exportTrigger,
|
|
736
|
+
exportTrigger = _ref$exportTrigger === void 0 ? 0 : _ref$exportTrigger;
|
|
735
737
|
return /*#__PURE__*/jsxRuntime.jsx(material.ThemeProvider, {
|
|
736
738
|
theme: theme,
|
|
737
739
|
children: /*#__PURE__*/jsxRuntime.jsx(React.Suspense, {
|
|
@@ -745,7 +747,8 @@ var Dashboard = function Dashboard(_ref) {
|
|
|
745
747
|
children: /*#__PURE__*/jsxRuntime.jsx(NewOverview$1, {
|
|
746
748
|
apiData: apiData,
|
|
747
749
|
activeSection: overviewType,
|
|
748
|
-
dateName: dateName
|
|
750
|
+
dateName: dateName,
|
|
751
|
+
exportTrigger: exportTrigger
|
|
749
752
|
})
|
|
750
753
|
})
|
|
751
754
|
});
|
|
@@ -768,7 +771,9 @@ var NewOverview = function NewOverview(_ref) {
|
|
|
768
771
|
apiData = _ref$apiData === void 0 ? {} : _ref$apiData,
|
|
769
772
|
activeSectionProp = _ref.activeSection,
|
|
770
773
|
_ref$dateName = _ref.dateName,
|
|
771
|
-
dateName = _ref$dateName === void 0 ? "Last Period" : _ref$dateName
|
|
774
|
+
dateName = _ref$dateName === void 0 ? "Last Period" : _ref$dateName,
|
|
775
|
+
_ref$exportTrigger = _ref.exportTrigger,
|
|
776
|
+
exportTrigger = _ref$exportTrigger === void 0 ? 0 : _ref$exportTrigger;
|
|
772
777
|
var initialMetric = "Revenue";
|
|
773
778
|
var revenueData = (apiData === null || apiData === void 0 ? void 0 : apiData.revenueData) || [3000, 4500, 4200, 5800, 5200, 7100, 8500, 9200, 5000];
|
|
774
779
|
var donationsData = (apiData === null || apiData === void 0 ? void 0 : apiData.donationsData) || [15, 22, 18, 30, 25, 35, 42, 45, 28];
|
|
@@ -787,6 +792,11 @@ var NewOverview = function NewOverview(_ref) {
|
|
|
787
792
|
setActiveSection(capitalized);
|
|
788
793
|
}
|
|
789
794
|
}, [activeSectionProp]);
|
|
795
|
+
React.useEffect(function () {
|
|
796
|
+
if (exportTrigger > 0) {
|
|
797
|
+
console.log("EXPORT TRIGGER");
|
|
798
|
+
}
|
|
799
|
+
}, [exportTrigger]);
|
|
790
800
|
var currentData = metric === "Revenue" ? revenueData : donationsData;
|
|
791
801
|
var oneTimeData = (apiData === null || apiData === void 0 ? void 0 : apiData.oneTimeDonations) || [];
|
|
792
802
|
var oneTimeValues = oneTimeData.length > 0 ? oneTimeData.map(function (item) {
|
|
@@ -5273,7 +5283,7 @@ var MetricCard = function MetricCard(_ref) {
|
|
|
5273
5283
|
};
|
|
5274
5284
|
|
|
5275
5285
|
var OverallSection = function OverallSection(_ref) {
|
|
5276
|
-
var _apiData$overviewStat, _apiData$overviewStat2, _apiData$overviewStat3, _apiData$overviewStat4, _apiData$overviewStat5, _apiData$overviewStat6, _apiData$overviewStat7, _apiData$overviewStat8, _apiData$overviewStat9, _apiData$overviewStat0, _apiData$overviewStat1, _apiData$overviewStat10, _apiData$roasCard, _apiData$roasCardPrev, _apiData$overviewStat11, _apiData$overviewStat12, _orderBumpData$chart, _orderBumpData$peakDa, _orderBumpData$peakDa2, _referralData$chartDa;
|
|
5286
|
+
var _apiData$overviewStat, _apiData$overviewStat2, _apiData$overviewStat3, _apiData$overviewStat4, _apiData$overviewStat5, _apiData$overviewStat6, _apiData$overviewStat7, _apiData$overviewStat8, _apiData$overviewStat9, _apiData$overviewStat0, _apiData$overviewStat1, _apiData$overviewStat10, _apiData$roasCard, _apiData$roasCardPrev, _apiData$overviewStat11, _apiData$overviewStat12, _apiData$overviewStat13, _orderBumpData$chart, _orderBumpData$peakDa, _orderBumpData$peakDa2, _referralData$chartDa;
|
|
5277
5287
|
var _ref$apiData = _ref.apiData,
|
|
5278
5288
|
apiData = _ref$apiData === void 0 ? {} : _ref$apiData,
|
|
5279
5289
|
primaryCharts = _ref.primaryCharts,
|
|
@@ -5379,7 +5389,7 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
5379
5389
|
},
|
|
5380
5390
|
"Conversion": {
|
|
5381
5391
|
value: "".concat(formatNumber(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.conversionRate), "%") || "0.0%",
|
|
5382
|
-
subValue: (apiData === null || apiData === void 0 || (_apiData$
|
|
5392
|
+
subValue: "".concat(((_apiData$overviewStat12 = apiData === null || apiData === void 0 || (_apiData$overviewStat13 = apiData.overviewStats) === null || _apiData$overviewStat13 === void 0 || (_apiData$overviewStat13 = _apiData$overviewStat13.overview) === null || _apiData$overviewStat13 === void 0 || (_apiData$overviewStat13 = _apiData$overviewStat13.growthPercentage) === null || _apiData$overviewStat13 === void 0 ? void 0 : _apiData$overviewStat13.conversionRate) !== null && _apiData$overviewStat12 !== void 0 ? _apiData$overviewStat12 : 0).toFixed(2), "%") || "0%",
|
|
5383
5393
|
label: "Conversion Rate",
|
|
5384
5394
|
icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.Adjust, {}),
|
|
5385
5395
|
money: false,
|
|
@@ -5462,8 +5472,8 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
5462
5472
|
return c.label === selectedInfo.label;
|
|
5463
5473
|
}) || primaryCharts[0];
|
|
5464
5474
|
if (activeMetric === "Total Raised") {
|
|
5465
|
-
var _apiData$
|
|
5466
|
-
var stackedData = apiData === null || apiData === void 0 || (_apiData$
|
|
5475
|
+
var _apiData$overviewStat14;
|
|
5476
|
+
var stackedData = apiData === null || apiData === void 0 || (_apiData$overviewStat14 = apiData.overviewStats) === null || _apiData$overviewStat14 === void 0 ? void 0 : _apiData$overviewStat14.totalRaised;
|
|
5467
5477
|
var hasStackedData = (stackedData === null || stackedData === void 0 ? void 0 : stackedData.paidAds) || (stackedData === null || stackedData === void 0 ? void 0 : stackedData.email) || (stackedData === null || stackedData === void 0 ? void 0 : stackedData.organic);
|
|
5468
5478
|
if (hasStackedData) {
|
|
5469
5479
|
var categories = ((stackedData === null || stackedData === void 0 ? void 0 : stackedData.organic) || (stackedData === null || stackedData === void 0 ? void 0 : stackedData.paidAds) || (stackedData === null || stackedData === void 0 ? void 0 : stackedData.email) || []).map(function (item) {
|
|
@@ -5502,8 +5512,8 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
5502
5512
|
}
|
|
5503
5513
|
}
|
|
5504
5514
|
if (activeMetric === "Net Raised") {
|
|
5505
|
-
var _apiData$
|
|
5506
|
-
var netData = apiData === null || apiData === void 0 || (_apiData$
|
|
5515
|
+
var _apiData$overviewStat15;
|
|
5516
|
+
var netData = apiData === null || apiData === void 0 || (_apiData$overviewStat15 = apiData.overviewStats) === null || _apiData$overviewStat15 === void 0 ? void 0 : _apiData$overviewStat15.netRaised;
|
|
5507
5517
|
var _hasStackedData = (netData === null || netData === void 0 ? void 0 : netData.paidAds) || (netData === null || netData === void 0 ? void 0 : netData.email) || (netData === null || netData === void 0 ? void 0 : netData.organic);
|
|
5508
5518
|
if (_hasStackedData) {
|
|
5509
5519
|
var _categories = ((netData === null || netData === void 0 ? void 0 : netData.organic) || (netData === null || netData === void 0 ? void 0 : netData.paidAds) || (netData === null || netData === void 0 ? void 0 : netData.email) || []).map(function (item) {
|
|
@@ -5550,8 +5560,8 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
5550
5560
|
}
|
|
5551
5561
|
}
|
|
5552
5562
|
if (activeMetric === "Total Donors") {
|
|
5553
|
-
var _apiData$
|
|
5554
|
-
var donorsData = apiData === null || apiData === void 0 || (_apiData$
|
|
5563
|
+
var _apiData$overviewStat16;
|
|
5564
|
+
var donorsData = apiData === null || apiData === void 0 || (_apiData$overviewStat16 = apiData.overviewStats) === null || _apiData$overviewStat16 === void 0 ? void 0 : _apiData$overviewStat16.totalDonations;
|
|
5555
5565
|
var _hasStackedData2 = (donorsData === null || donorsData === void 0 ? void 0 : donorsData.paidAds) || (donorsData === null || donorsData === void 0 ? void 0 : donorsData.email) || (donorsData === null || donorsData === void 0 ? void 0 : donorsData.organic);
|
|
5556
5566
|
if (_hasStackedData2) {
|
|
5557
5567
|
var _categories2 = ((donorsData === null || donorsData === void 0 ? void 0 : donorsData.organic) || (donorsData === null || donorsData === void 0 ? void 0 : donorsData.paidAds) || (donorsData === null || donorsData === void 0 ? void 0 : donorsData.email) || []).map(function (item) {
|
|
@@ -5645,8 +5655,8 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
5645
5655
|
}
|
|
5646
5656
|
}
|
|
5647
5657
|
if (activeMetric === "Conversion") {
|
|
5648
|
-
var _apiData$
|
|
5649
|
-
var conversionData = apiData === null || apiData === void 0 || (_apiData$
|
|
5658
|
+
var _apiData$overviewStat17;
|
|
5659
|
+
var conversionData = apiData === null || apiData === void 0 || (_apiData$overviewStat17 = apiData.overviewStats) === null || _apiData$overviewStat17 === void 0 ? void 0 : _apiData$overviewStat17.conversionRate;
|
|
5650
5660
|
var _hasStackedData4 = (conversionData === null || conversionData === void 0 ? void 0 : conversionData.paidAds) || (conversionData === null || conversionData === void 0 ? void 0 : conversionData.email) || (conversionData === null || conversionData === void 0 ? void 0 : conversionData.organic);
|
|
5651
5661
|
if (_hasStackedData4) {
|
|
5652
5662
|
var _categories4 = ((conversionData === null || conversionData === void 0 ? void 0 : conversionData.organic) || (conversionData === null || conversionData === void 0 ? void 0 : conversionData.paidAds) || (conversionData === null || conversionData === void 0 ? void 0 : conversionData.email) || []).map(function (item) {
|
|
@@ -5693,8 +5703,8 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
5693
5703
|
}
|
|
5694
5704
|
}
|
|
5695
5705
|
if (activeMetric === "Avg donation") {
|
|
5696
|
-
var _apiData$
|
|
5697
|
-
var avgData = apiData === null || apiData === void 0 || (_apiData$
|
|
5706
|
+
var _apiData$overviewStat18;
|
|
5707
|
+
var avgData = apiData === null || apiData === void 0 || (_apiData$overviewStat18 = apiData.overviewStats) === null || _apiData$overviewStat18 === void 0 ? void 0 : _apiData$overviewStat18.avgDonations;
|
|
5698
5708
|
var _hasStackedData5 = (avgData === null || avgData === void 0 ? void 0 : avgData.paidAds) || (avgData === null || avgData === void 0 ? void 0 : avgData.email) || (avgData === null || avgData === void 0 ? void 0 : avgData.organic);
|
|
5699
5709
|
if (_hasStackedData5) {
|
|
5700
5710
|
var _categories5 = ((avgData === null || avgData === void 0 ? void 0 : avgData.organic) || (avgData === null || avgData === void 0 ? void 0 : avgData.paidAds) || (avgData === null || avgData === void 0 ? void 0 : avgData.email) || []).map(function (item) {
|