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