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