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