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