@ammarkhalidfarooq/dashboard-package 0.4.52 → 0.4.54

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.
Files changed (5) hide show
  1. package/dist/index.cjs.js +55 -136
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.es.js +55 -136
  4. package/dist/index.es.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -5653,153 +5653,72 @@ var OverallSection = function OverallSection(_ref) {
5653
5653
  }
5654
5654
  })
5655
5655
  })]
5656
- }), /*#__PURE__*/jsxs(Grid, {
5657
- container: true,
5658
- spacing: 3,
5656
+ }), /*#__PURE__*/jsxs(Box, {
5659
5657
  sx: {
5658
+ display: "grid",
5659
+ gridTemplateColumns: "repeat(auto-fit, minmax(280px, 1fr))",
5660
+ gap: 3,
5660
5661
  mt: 2.25,
5661
5662
  alignItems: "stretch"
5662
5663
  },
5663
- children: [/*#__PURE__*/jsx(Grid, {
5664
- item: true,
5665
- xs: 12,
5666
- sm: 6,
5667
- lg: 4,
5668
- xl: 3,
5669
- children: /*#__PURE__*/jsx(DonationTypeBarChart, {
5670
- sx: {
5671
- minHeight: 400
5672
- },
5673
- donationTypeData: donationTypeData
5674
- })
5675
- }), /*#__PURE__*/jsx(Grid, {
5676
- item: true,
5677
- xs: 12,
5678
- sm: 6,
5679
- lg: 4,
5680
- xl: 3,
5681
- children: /*#__PURE__*/jsx(PaidDonorGeographyCard, {
5682
- sx: {
5683
- minHeight: 400
5684
- },
5685
- donorGeographyData: donorGeographyData
5686
- })
5687
- }), /*#__PURE__*/jsx(Grid, {
5688
- item: true,
5689
- xs: 12,
5690
- sm: 6,
5691
- lg: 4,
5692
- xl: 3,
5693
- children: /*#__PURE__*/jsx(RefundsChargebacksCard, {
5694
- sx: {
5695
- minHeight: 400
5696
- }
5697
- })
5698
- }), /*#__PURE__*/jsx(Grid, {
5699
- item: true,
5700
- xs: 12,
5701
- sm: 6,
5702
- lg: 4,
5703
- xl: 3,
5704
- children: /*#__PURE__*/jsx(TrafficSourceCard, {
5705
- sx: {
5706
- minHeight: 400
5707
- },
5708
- trafficSourceData: trafficSourceData
5709
- })
5710
- })]
5711
- }), /*#__PURE__*/jsxs(Grid, {
5712
- container: true,
5713
- spacing: 3,
5714
- sx: {
5715
- mt: {
5716
- xs: 3,
5717
- md: 2.25
5718
- }
5719
- },
5720
- children: [/*#__PURE__*/jsx(Grid, {
5721
- item: true,
5722
- xs: 12,
5723
- md: 3,
5664
+ children: [/*#__PURE__*/jsx(DonationTypeBarChart, {
5724
5665
  sx: {
5725
- paddingTop: {
5726
- xs: "0px !important",
5727
- md: "0px !important"
5728
- }
5666
+ minHeight: 400
5729
5667
  },
5730
- children: /*#__PURE__*/jsx(MetricSparklineCard, {
5731
- title: "Order Bump",
5732
- subtitle: "Revenue trend \xB7 last 30 days",
5733
- value: "$".concat(formatNumber((orderBumpData === null || orderBumpData === void 0 ? void 0 : orderBumpData.totalValue) || "$0")),
5734
- trend: "\u25B2 ".concat(orderBumpData === null || orderBumpData === void 0 || (_orderBumpData$prevTr = orderBumpData.prevTrend) === null || _orderBumpData$prevTr === void 0 ? void 0 : _orderBumpData$prevTr.toFixed(1), "% vs last month"),
5735
- chartData: orderBumpData === null || orderBumpData === void 0 ? void 0 : orderBumpData.orderBumpMetrics,
5736
- footerMetrics: orderBumpData === null || orderBumpData === void 0 ? void 0 : orderBumpData.footerMetrics
5737
- })
5738
- }), /*#__PURE__*/jsx(Grid, {
5739
- item: true,
5740
- xs: 12,
5741
- md: 3,
5668
+ donationTypeData: donationTypeData
5669
+ }), /*#__PURE__*/jsx(PaidDonorGeographyCard, {
5742
5670
  sx: {
5743
- paddingTop: {
5744
- xs: "24px !important",
5745
- md: "0px !important"
5746
- }
5671
+ minHeight: 400
5747
5672
  },
5748
- children: /*#__PURE__*/jsx(MetricDonutCard, {
5749
- title: "Upsell",
5750
- subtitle: "Acceptance & raised",
5751
- acceptanceRate: (upsellData === null || upsellData === void 0 ? void 0 : upsellData.acceptanceRate) || 0,
5752
- acceptanceVal: "".concat(formatNumber((upsellData === null || upsellData === void 0 ? void 0 : upsellData.acceptanceVal) || 0), "%"),
5753
- acceptanceTrend: "".concat(formatNumber((upsellData === null || upsellData === void 0 ? void 0 : upsellData.acceptanceTrend) || 0), "%"),
5754
- raisedVal: "$".concat(formatNumber((upsellData === null || upsellData === void 0 ? void 0 : upsellData.raisedVal) || 0)),
5755
- raisedTrend: "".concat(formatNumber((upsellData === null || upsellData === void 0 ? void 0 : upsellData.raisedTrend) || 0), "%")
5756
- })
5757
- }), /*#__PURE__*/jsx(Grid, {
5758
- item: true,
5759
- xs: 12,
5760
- md: 3,
5673
+ donorGeographyData: donorGeographyData
5674
+ }), /*#__PURE__*/jsx(RefundsChargebacksCard, {
5761
5675
  sx: {
5762
- paddingTop: {
5763
- xs: "24px !important",
5764
- md: "0px !important"
5765
- }
5766
- },
5767
- children: /*#__PURE__*/jsx(MetricDonutCard, {
5768
- title: "Downsell",
5769
- subtitle: "Acceptance & raised",
5770
- acceptanceRate: (downsellData === null || downsellData === void 0 ? void 0 : downsellData.acceptanceRate) || 0,
5771
- acceptanceVal: "".concat(formatNumber((downsellData === null || downsellData === void 0 ? void 0 : downsellData.acceptanceVal) || 0), "%"),
5772
- acceptanceTrend: "".concat(formatNumber((downsellData === null || downsellData === void 0 ? void 0 : downsellData.acceptanceTrend) || 0), "%"),
5773
- raisedVal: "$".concat(formatNumber((downsellData === null || downsellData === void 0 ? void 0 : downsellData.raisedVal) || 0)),
5774
- raisedTrend: "".concat(formatNumber((downsellData === null || downsellData === void 0 ? void 0 : downsellData.raisedTrend) || 0), "%")
5775
- })
5776
- }), /*#__PURE__*/jsx(Grid, {
5777
- item: true,
5778
- xs: 12,
5779
- md: 3,
5676
+ minHeight: 400
5677
+ }
5678
+ }), /*#__PURE__*/jsx(TrafficSourceCard, {
5780
5679
  sx: {
5781
- paddingTop: {
5782
- xs: "24px !important",
5783
- md: "0px !important"
5784
- }
5680
+ minHeight: 400
5785
5681
  },
5786
- children: /*#__PURE__*/jsx(MetricSparklineCard, {
5787
- title: "Referrals",
5788
- subtitle: "Revenue trend \xB7 last 30 days",
5789
- value: "$22.7K",
5790
- trend: "\u25B2 9.1% vs last month",
5791
- chartData: [1500, 1700, 1600, 2200, 1900, 2400, 2270],
5792
- footerMetrics: [{
5793
- label: "Referrers",
5794
- value: "38"
5795
- }, {
5796
- label: "Avg gift",
5797
- value: "$598"
5798
- }, {
5799
- label: "Conv. rate",
5800
- value: "27.5%"
5801
- }]
5802
- })
5682
+ trafficSourceData: trafficSourceData
5683
+ }), /*#__PURE__*/jsx(MetricSparklineCard, {
5684
+ title: "Order Bump",
5685
+ subtitle: "Revenue trend \xB7 last 30 days",
5686
+ value: "$".concat(formatNumber((orderBumpData === null || orderBumpData === void 0 ? void 0 : orderBumpData.totalValue) || 0)),
5687
+ trend: "\u25B2 ".concat(orderBumpData === null || orderBumpData === void 0 || (_orderBumpData$prevTr = orderBumpData.prevTrend) === null || _orderBumpData$prevTr === void 0 ? void 0 : _orderBumpData$prevTr.toFixed(1), "% vs last month"),
5688
+ chartData: orderBumpData === null || orderBumpData === void 0 ? void 0 : orderBumpData.orderBumpMetrics,
5689
+ footerMetrics: orderBumpData === null || orderBumpData === void 0 ? void 0 : orderBumpData.footerMetrics
5690
+ }), /*#__PURE__*/jsx(MetricDonutCard, {
5691
+ title: "Upsell",
5692
+ subtitle: "Acceptance & raised",
5693
+ acceptanceRate: (upsellData === null || upsellData === void 0 ? void 0 : upsellData.acceptanceRate) || 0,
5694
+ acceptanceVal: "".concat(formatNumber((upsellData === null || upsellData === void 0 ? void 0 : upsellData.acceptanceVal) || 0), "%"),
5695
+ acceptanceTrend: "".concat(formatNumber((upsellData === null || upsellData === void 0 ? void 0 : upsellData.acceptanceTrend) || 0), "%"),
5696
+ raisedVal: "$".concat(formatNumber((upsellData === null || upsellData === void 0 ? void 0 : upsellData.raisedVal) || 0)),
5697
+ raisedTrend: "".concat(formatNumber((upsellData === null || upsellData === void 0 ? void 0 : upsellData.raisedTrend) || 0), "%")
5698
+ }), /*#__PURE__*/jsx(MetricDonutCard, {
5699
+ title: "Downsell",
5700
+ subtitle: "Acceptance & raised",
5701
+ acceptanceRate: (downsellData === null || downsellData === void 0 ? void 0 : downsellData.acceptanceRate) || 0,
5702
+ acceptanceVal: "".concat(formatNumber((downsellData === null || downsellData === void 0 ? void 0 : downsellData.acceptanceVal) || 0), "%"),
5703
+ acceptanceTrend: "".concat(formatNumber((downsellData === null || downsellData === void 0 ? void 0 : downsellData.acceptanceTrend) || 0), "%"),
5704
+ raisedVal: "$".concat(formatNumber((downsellData === null || downsellData === void 0 ? void 0 : downsellData.raisedVal) || 0)),
5705
+ raisedTrend: "".concat(formatNumber((downsellData === null || downsellData === void 0 ? void 0 : downsellData.raisedTrend) || 0), "%")
5706
+ }), /*#__PURE__*/jsx(MetricSparklineCard, {
5707
+ title: "Referrals",
5708
+ subtitle: "Revenue trend \xB7 last 30 days",
5709
+ value: "$22.7K",
5710
+ trend: "\u25B2 9.1% vs last month",
5711
+ chartData: [1500, 1700, 1600, 2200, 1900, 2400, 2270],
5712
+ footerMetrics: [{
5713
+ label: "Referrers",
5714
+ value: "38"
5715
+ }, {
5716
+ label: "Avg gift",
5717
+ value: "$598"
5718
+ }, {
5719
+ label: "Conv. rate",
5720
+ value: "27.5%"
5721
+ }]
5803
5722
  })]
5804
5723
  })]
5805
5724
  });