@ammarkhalidfarooq/dashboard-package 0.4.53 → 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 -146
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.es.js +55 -146
  4. package/dist/index.es.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -5653,163 +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
- sx: {
5669
- minWidth: 0
5670
- },
5671
- children: /*#__PURE__*/jsx(DonationTypeBarChart, {
5672
- sx: {
5673
- minHeight: 400
5674
- },
5675
- donationTypeData: donationTypeData
5676
- })
5677
- }), /*#__PURE__*/jsx(Grid, {
5678
- item: true,
5679
- xs: 12,
5680
- sm: 6,
5681
- lg: 4,
5682
- sx: {
5683
- minWidth: 0
5684
- },
5685
- children: /*#__PURE__*/jsx(PaidDonorGeographyCard, {
5686
- sx: {
5687
- minHeight: 400
5688
- },
5689
- donorGeographyData: donorGeographyData
5690
- })
5691
- }), /*#__PURE__*/jsx(Grid, {
5692
- item: true,
5693
- xs: 12,
5694
- sm: 6,
5695
- lg: 4,
5696
- sx: {
5697
- minWidth: 0
5698
- },
5699
- children: /*#__PURE__*/jsx(RefundsChargebacksCard, {
5700
- sx: {
5701
- minHeight: 400
5702
- }
5703
- })
5704
- }), /*#__PURE__*/jsx(Grid, {
5705
- item: true,
5706
- xs: 12,
5707
- sm: 6,
5708
- lg: 4,
5709
- sx: {
5710
- minWidth: 0,
5711
- // only show 4-per-row on very wide screens
5712
- "@media (min-width:2200px)": {
5713
- maxWidth: "25%",
5714
- flexBasis: "25%"
5715
- }
5716
- },
5717
- children: /*#__PURE__*/jsx(TrafficSourceCard, {
5718
- sx: {
5719
- minHeight: 400
5720
- },
5721
- trafficSourceData: trafficSourceData
5722
- })
5723
- })]
5724
- }), /*#__PURE__*/jsxs(Grid, {
5725
- container: true,
5726
- spacing: 3,
5727
- sx: {
5728
- mt: {
5729
- xs: 3,
5730
- md: 2.25
5731
- },
5732
- alignItems: "stretch"
5733
- },
5734
- children: [/*#__PURE__*/jsx(Grid, {
5735
- item: true,
5736
- xs: 12,
5737
- sm: 6,
5738
- lg: 4,
5664
+ children: [/*#__PURE__*/jsx(DonationTypeBarChart, {
5739
5665
  sx: {
5740
- minWidth: 0
5666
+ minHeight: 400
5741
5667
  },
5742
- children: /*#__PURE__*/jsx(MetricSparklineCard, {
5743
- title: "Order Bump",
5744
- subtitle: "Revenue trend \xB7 last 30 days",
5745
- value: "$".concat(formatNumber((orderBumpData === null || orderBumpData === void 0 ? void 0 : orderBumpData.totalValue) || 0)),
5746
- 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"),
5747
- chartData: orderBumpData === null || orderBumpData === void 0 ? void 0 : orderBumpData.orderBumpMetrics,
5748
- footerMetrics: orderBumpData === null || orderBumpData === void 0 ? void 0 : orderBumpData.footerMetrics
5749
- })
5750
- }), /*#__PURE__*/jsx(Grid, {
5751
- item: true,
5752
- xs: 12,
5753
- sm: 6,
5754
- lg: 4,
5668
+ donationTypeData: donationTypeData
5669
+ }), /*#__PURE__*/jsx(PaidDonorGeographyCard, {
5755
5670
  sx: {
5756
- minWidth: 0
5671
+ minHeight: 400
5757
5672
  },
5758
- children: /*#__PURE__*/jsx(MetricDonutCard, {
5759
- title: "Upsell",
5760
- subtitle: "Acceptance & raised",
5761
- acceptanceRate: (upsellData === null || upsellData === void 0 ? void 0 : upsellData.acceptanceRate) || 0,
5762
- acceptanceVal: "".concat(formatNumber((upsellData === null || upsellData === void 0 ? void 0 : upsellData.acceptanceVal) || 0), "%"),
5763
- acceptanceTrend: "".concat(formatNumber((upsellData === null || upsellData === void 0 ? void 0 : upsellData.acceptanceTrend) || 0), "%"),
5764
- raisedVal: "$".concat(formatNumber((upsellData === null || upsellData === void 0 ? void 0 : upsellData.raisedVal) || 0)),
5765
- raisedTrend: "".concat(formatNumber((upsellData === null || upsellData === void 0 ? void 0 : upsellData.raisedTrend) || 0), "%")
5766
- })
5767
- }), /*#__PURE__*/jsx(Grid, {
5768
- item: true,
5769
- xs: 12,
5770
- sm: 6,
5771
- lg: 4,
5673
+ donorGeographyData: donorGeographyData
5674
+ }), /*#__PURE__*/jsx(RefundsChargebacksCard, {
5772
5675
  sx: {
5773
- minWidth: 0
5774
- },
5775
- children: /*#__PURE__*/jsx(MetricDonutCard, {
5776
- title: "Downsell",
5777
- subtitle: "Acceptance & raised",
5778
- acceptanceRate: (downsellData === null || downsellData === void 0 ? void 0 : downsellData.acceptanceRate) || 0,
5779
- acceptanceVal: "".concat(formatNumber((downsellData === null || downsellData === void 0 ? void 0 : downsellData.acceptanceVal) || 0), "%"),
5780
- acceptanceTrend: "".concat(formatNumber((downsellData === null || downsellData === void 0 ? void 0 : downsellData.acceptanceTrend) || 0), "%"),
5781
- raisedVal: "$".concat(formatNumber((downsellData === null || downsellData === void 0 ? void 0 : downsellData.raisedVal) || 0)),
5782
- raisedTrend: "".concat(formatNumber((downsellData === null || downsellData === void 0 ? void 0 : downsellData.raisedTrend) || 0), "%")
5783
- })
5784
- }), /*#__PURE__*/jsx(Grid, {
5785
- item: true,
5786
- xs: 12,
5787
- sm: 6,
5788
- lg: 4,
5676
+ minHeight: 400
5677
+ }
5678
+ }), /*#__PURE__*/jsx(TrafficSourceCard, {
5789
5679
  sx: {
5790
- minWidth: 0,
5791
- "@media (min-width:2200px)": {
5792
- maxWidth: "25%",
5793
- flexBasis: "25%"
5794
- }
5680
+ minHeight: 400
5795
5681
  },
5796
- children: /*#__PURE__*/jsx(MetricSparklineCard, {
5797
- title: "Referrals",
5798
- subtitle: "Revenue trend \xB7 last 30 days",
5799
- value: "$22.7K",
5800
- trend: "\u25B2 9.1% vs last month",
5801
- chartData: [1500, 1700, 1600, 2200, 1900, 2400, 2270],
5802
- footerMetrics: [{
5803
- label: "Referrers",
5804
- value: "38"
5805
- }, {
5806
- label: "Avg gift",
5807
- value: "$598"
5808
- }, {
5809
- label: "Conv. rate",
5810
- value: "27.5%"
5811
- }]
5812
- })
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
+ }]
5813
5722
  })]
5814
5723
  })]
5815
5724
  });