@ammarkhalidfarooq/dashboard-package 0.4.51 → 0.4.53

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 +34 -40
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.es.js +34 -40
  4. package/dist/index.es.js.map +1 -1
  5. package/package.json +2 -2
package/dist/index.es.js CHANGED
@@ -5663,12 +5663,10 @@ var OverallSection = function OverallSection(_ref) {
5663
5663
  children: [/*#__PURE__*/jsx(Grid, {
5664
5664
  item: true,
5665
5665
  xs: 12,
5666
- md: 3,
5666
+ sm: 6,
5667
+ lg: 4,
5667
5668
  sx: {
5668
- paddingTop: {
5669
- xs: "0px !important",
5670
- md: "0px !important"
5671
- }
5669
+ minWidth: 0
5672
5670
  },
5673
5671
  children: /*#__PURE__*/jsx(DonationTypeBarChart, {
5674
5672
  sx: {
@@ -5679,12 +5677,10 @@ var OverallSection = function OverallSection(_ref) {
5679
5677
  }), /*#__PURE__*/jsx(Grid, {
5680
5678
  item: true,
5681
5679
  xs: 12,
5682
- md: 3,
5680
+ sm: 6,
5681
+ lg: 4,
5683
5682
  sx: {
5684
- paddingTop: {
5685
- xs: "24px !important",
5686
- md: "0px !important"
5687
- }
5683
+ minWidth: 0
5688
5684
  },
5689
5685
  children: /*#__PURE__*/jsx(PaidDonorGeographyCard, {
5690
5686
  sx: {
@@ -5695,12 +5691,10 @@ var OverallSection = function OverallSection(_ref) {
5695
5691
  }), /*#__PURE__*/jsx(Grid, {
5696
5692
  item: true,
5697
5693
  xs: 12,
5698
- md: 3,
5694
+ sm: 6,
5695
+ lg: 4,
5699
5696
  sx: {
5700
- paddingTop: {
5701
- xs: "24px !important",
5702
- md: "0px !important"
5703
- }
5697
+ minWidth: 0
5704
5698
  },
5705
5699
  children: /*#__PURE__*/jsx(RefundsChargebacksCard, {
5706
5700
  sx: {
@@ -5710,11 +5704,14 @@ var OverallSection = function OverallSection(_ref) {
5710
5704
  }), /*#__PURE__*/jsx(Grid, {
5711
5705
  item: true,
5712
5706
  xs: 12,
5713
- md: 3,
5707
+ sm: 6,
5708
+ lg: 4,
5714
5709
  sx: {
5715
- paddingTop: {
5716
- xs: "24px !important",
5717
- md: "0px !important"
5710
+ minWidth: 0,
5711
+ // only show 4-per-row on very wide screens
5712
+ "@media (min-width:2200px)": {
5713
+ maxWidth: "25%",
5714
+ flexBasis: "25%"
5718
5715
  }
5719
5716
  },
5720
5717
  children: /*#__PURE__*/jsx(TrafficSourceCard, {
@@ -5731,22 +5728,21 @@ var OverallSection = function OverallSection(_ref) {
5731
5728
  mt: {
5732
5729
  xs: 3,
5733
5730
  md: 2.25
5734
- }
5731
+ },
5732
+ alignItems: "stretch"
5735
5733
  },
5736
5734
  children: [/*#__PURE__*/jsx(Grid, {
5737
5735
  item: true,
5738
5736
  xs: 12,
5739
- md: 3,
5737
+ sm: 6,
5738
+ lg: 4,
5740
5739
  sx: {
5741
- paddingTop: {
5742
- xs: "0px !important",
5743
- md: "0px !important"
5744
- }
5740
+ minWidth: 0
5745
5741
  },
5746
5742
  children: /*#__PURE__*/jsx(MetricSparklineCard, {
5747
5743
  title: "Order Bump",
5748
5744
  subtitle: "Revenue trend \xB7 last 30 days",
5749
- value: "$".concat(formatNumber((orderBumpData === null || orderBumpData === void 0 ? void 0 : orderBumpData.totalValue) || "$0")),
5745
+ value: "$".concat(formatNumber((orderBumpData === null || orderBumpData === void 0 ? void 0 : orderBumpData.totalValue) || 0)),
5750
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"),
5751
5747
  chartData: orderBumpData === null || orderBumpData === void 0 ? void 0 : orderBumpData.orderBumpMetrics,
5752
5748
  footerMetrics: orderBumpData === null || orderBumpData === void 0 ? void 0 : orderBumpData.footerMetrics
@@ -5754,12 +5750,10 @@ var OverallSection = function OverallSection(_ref) {
5754
5750
  }), /*#__PURE__*/jsx(Grid, {
5755
5751
  item: true,
5756
5752
  xs: 12,
5757
- md: 3,
5753
+ sm: 6,
5754
+ lg: 4,
5758
5755
  sx: {
5759
- paddingTop: {
5760
- xs: "24px !important",
5761
- md: "0px !important"
5762
- }
5756
+ minWidth: 0
5763
5757
  },
5764
5758
  children: /*#__PURE__*/jsx(MetricDonutCard, {
5765
5759
  title: "Upsell",
@@ -5773,12 +5767,10 @@ var OverallSection = function OverallSection(_ref) {
5773
5767
  }), /*#__PURE__*/jsx(Grid, {
5774
5768
  item: true,
5775
5769
  xs: 12,
5776
- md: 3,
5770
+ sm: 6,
5771
+ lg: 4,
5777
5772
  sx: {
5778
- paddingTop: {
5779
- xs: "24px !important",
5780
- md: "0px !important"
5781
- }
5773
+ minWidth: 0
5782
5774
  },
5783
5775
  children: /*#__PURE__*/jsx(MetricDonutCard, {
5784
5776
  title: "Downsell",
@@ -5792,11 +5784,13 @@ var OverallSection = function OverallSection(_ref) {
5792
5784
  }), /*#__PURE__*/jsx(Grid, {
5793
5785
  item: true,
5794
5786
  xs: 12,
5795
- md: 3,
5787
+ sm: 6,
5788
+ lg: 4,
5796
5789
  sx: {
5797
- paddingTop: {
5798
- xs: "24px !important",
5799
- md: "0px !important"
5790
+ minWidth: 0,
5791
+ "@media (min-width:2200px)": {
5792
+ maxWidth: "25%",
5793
+ flexBasis: "25%"
5800
5794
  }
5801
5795
  },
5802
5796
  children: /*#__PURE__*/jsx(MetricSparklineCard, {