@ammarkhalidfarooq/dashboard-package 0.4.33 → 0.4.35

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.es.js CHANGED
@@ -5256,7 +5256,6 @@ var OverallSection = function OverallSection(_ref) {
5256
5256
  },
5257
5257
  isActive: activeMetric === title,
5258
5258
  sx: {
5259
- flex: 1
5260
5259
  // border:
5261
5260
  // activeMetric === title
5262
5261
  // ? "1px solid rgb(99, 99, 230)"
@@ -5553,10 +5552,15 @@ var OverallSection = function OverallSection(_ref) {
5553
5552
  return /*#__PURE__*/jsxs(Fragment, {
5554
5553
  children: [/*#__PURE__*/jsx(Box, {
5555
5554
  sx: {
5556
- display: "flex",
5555
+ display: "grid",
5556
+ gridTemplateColumns: {
5557
+ xs: "1fr",
5558
+ sm: "1fr 1fr",
5559
+ md: "1fr 1fr 1fr",
5560
+ lg: "repeat(6, 1fr)"
5561
+ },
5557
5562
  gap: 2,
5558
- mb: 5,
5559
- flexWrap: "wrap"
5563
+ mb: 5
5560
5564
  },
5561
5565
  children: Object.keys(metricInfo).map(renderCard)
5562
5566
  }), /*#__PURE__*/jsx(Grid, {
@@ -5876,7 +5880,6 @@ var PaidSection = function PaidSection() {
5876
5880
  },
5877
5881
  isActive: activeMetric === title,
5878
5882
  sx: {
5879
- flex: 1
5880
5883
  // border:
5881
5884
  // activeMetric === title
5882
5885
  // ? "2px solid rgb(99, 99, 230)"
@@ -5895,10 +5898,15 @@ var PaidSection = function PaidSection() {
5895
5898
  return /*#__PURE__*/jsxs(Fragment, {
5896
5899
  children: [/*#__PURE__*/jsx(Box, {
5897
5900
  sx: {
5898
- display: "flex",
5901
+ display: "grid",
5902
+ gridTemplateColumns: {
5903
+ xs: "1fr",
5904
+ sm: "1fr 1fr",
5905
+ md: "1fr 1fr 1fr",
5906
+ lg: "repeat(6, 1fr)"
5907
+ },
5899
5908
  gap: 2,
5900
- mb: 1,
5901
- flexWrap: "wrap"
5909
+ mb: 1
5902
5910
  },
5903
5911
  children: Object.keys(metricInfo).map(renderCard)
5904
5912
  }), /*#__PURE__*/jsx(Grid, {
@@ -6069,7 +6077,11 @@ var PaidSection = function PaidSection() {
6069
6077
  xs: 12,
6070
6078
  md: 6,
6071
6079
  sx: {
6072
- paddingTop: "0px !important"
6080
+ paddingTop: "0px !important",
6081
+ marginTop: {
6082
+ xs: 3,
6083
+ md: "0px"
6084
+ }
6073
6085
  },
6074
6086
  children: /*#__PURE__*/jsx(PaidDonorGeographyCard, {})
6075
6087
  })]
@@ -6508,26 +6520,34 @@ var EmailSection = function EmailSection() {
6508
6520
  // onClick={() => setActiveMetric(title)}
6509
6521
  // isActive={activeMetric === title}
6510
6522
  ,
6511
- sx: {
6512
- flex: 1
6513
- }
6523
+ sx: {}
6514
6524
  }, title);
6515
6525
  };
6516
6526
  return /*#__PURE__*/jsxs(Fragment, {
6517
6527
  children: [/*#__PURE__*/jsx(Box, {
6518
6528
  sx: {
6519
- display: "flex",
6529
+ display: "grid",
6530
+ gridTemplateColumns: {
6531
+ xs: "1fr",
6532
+ sm: "1fr 1fr",
6533
+ md: "1fr 1fr 1fr",
6534
+ lg: "repeat(5, 1fr)"
6535
+ },
6520
6536
  gap: 2,
6521
- mb: 2,
6522
- flexWrap: "wrap"
6537
+ mb: 2
6523
6538
  },
6524
6539
  children: ["Total raised", "Donations", "Conversion rate", "CTR", "Revenue per email"].map(renderCard)
6525
6540
  }), /*#__PURE__*/jsx(Box, {
6526
6541
  sx: {
6527
- display: "flex",
6542
+ display: "grid",
6543
+ gridTemplateColumns: {
6544
+ xs: "1fr",
6545
+ sm: "1fr 1fr",
6546
+ md: "1fr 1fr 1fr",
6547
+ lg: "repeat(5, 1fr)"
6548
+ },
6528
6549
  gap: 2,
6529
- mb: 2,
6530
- flexWrap: "wrap"
6550
+ mb: 2
6531
6551
  },
6532
6552
  children: ["Open rate", "Clicks", "Unique Clicks", "Bounce rate", "Revenue per Click"].map(renderCard)
6533
6553
  }), /*#__PURE__*/jsxs(Grid, {