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