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