@ammarkhalidfarooq/dashboard-package 0.5.40 → 0.6.0

package/README.md

@@ -113,6 +113,118 @@ export default App;
 }
 ```
 
+### ActiveCampaignsCard (tree-shakeable)
+
+A configurable table card — used for channel performance, active campaigns, and similar ranked lists.
+
+```jsx
+import ActiveCampaignsCard from "@ammarkhalidfarooq/dashboard-package/ActiveCampaignsCard";
+```
+
+Or import from the main entry:
+
+```jsx
+import { ActiveCampaignsCard } from "@ammarkhalidfarooq/dashboard-package";
+```
+
+**Channel performance example:**
+
+```jsx
+import ActiveCampaignsCard from "@ammarkhalidfarooq/dashboard-package/ActiveCampaignsCard";
+
+const channelRows = [
+  {
+    id: "M",
+    avatarBg: "#4267B2",
+    name: "Meta Ads",
+    val1: "$32,800",
+    val2: "$112,400",
+    val3: "3.4x",
+    val4: "$340",
+    type: "trend",
+    trendType: "up",
+    trendLabel: "Improving",
+    highlightVal3: true,
+    val3Color: "#22C55E",
+  },
+  {
+    id: "G",
+    avatarBg: "#4285F4",
+    name: "Google Ads",
+    val1: "$28,200",
+    val2: "$78,300",
+    val3: "2.8x",
+    val4: "$385",
+    type: "trend",
+    trendType: "up",
+    trendLabel: "Improving",
+    highlightVal3: true,
+    val3Color: "#22C55E",
+  },
+];
+
+const App = () => (
+  <ActiveCampaignsCard
+    title="Channel performance"
+    subtitle="Ad platforms ranked by ROAS"
+    columns={["channel", "spend", "revenue", "ROAS", "CPA", "trend"]}
+    gridTemplateColumns="2.2fr 1fr 1fr 0.8fr 0.8fr 1.2fr"
+    height="100%"
+    rows={channelRows}
+  />
+);
+
+export default App;
+```
+
+**Props:**
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `title` | `string` | `"Active campaigns"` | Card title |
+| `subtitle` | `string` | `"Live fundraisers ranked by velocity"` | Card subtitle |
+| `actionLabel` | `string` | — | Optional top-right action link text |
+| `columns` | `string[]` | `["Campaign", "Raised", "Progress", "Donors", "Avg gift"]` | Table header labels |
+| `rows` | `object[]` | `[]` | Table row data (see below) |
+| `gridTemplateColumns` | `string` | `"3fr 1fr 1.5fr 0.8fr 1fr"` | CSS grid column template |
+| `height` | `string` | — | Card height (e.g. `"100%"`) |
+| `compact` | `boolean` | `false` | Smaller typography and spacing |
+
+**`row` shape:**
+
+```js
+// Channel performance / trend table (6 columns)
+{
+  id: "M",                    // Avatar label (optional)
+  avatarBg: "#4267B2",        // Avatar background color
+  name: "Meta Ads",           // Row label
+  val1: "$32,800",            // Column 2 (spend / raised)
+  val2: "$112,400",           // Column 3 when type !== "progress"
+  val3: "3.4x",               // Column 4 (ROAS / donors)
+  val4: "$340",               // Column 5 (CPA / avg gift)
+  type: "trend",              // "trend" | "progress" — controls column 3 & 6
+  trendType: "up",            // "up" | "down" (when type is "trend")
+  trendLabel: "Improving",    // Trend badge text
+  highlightVal3: true,        // Highlight column 4 value
+  val3Color: "#22C55E",       // Highlight color for column 4
+}
+
+// Campaign progress table (5 columns)
+{
+  id: "1",
+  name: "Ramadan Appeal",
+  val1: "$45,200",
+  type: "progress",
+  progress: 72,
+  progressColor: "rgb(99, 99, 230)",
+  val3: "1,240",
+  val4: "$36.45",
+  status: "Live",
+  statusBg: "#DCFCE7",
+  statusColor: "#166534",
+}
+```
+
 ## Development
 
 To preview the component locally:
@@ -127,4 +239,4 @@ To build the package:
 npm run build
 ```
 
-The build outputs ESM and CommonJS bundles in the `dist` folder, including a separate `RenderChartCard` bundle for tree-shaking.
+The build outputs ESM and CommonJS bundles in the `dist` folder, including separate `RenderChartCard` and `ActiveCampaignsCard` bundles for tree-shaking.

package/dist/ActiveCampaignsCard.cjs.js

@@ -0,0 +1,266 @@
+'use strict';
+
+var material = require('@mui/material');
+var jsxRuntime = require('react/jsx-runtime');
+
+var ActiveCampaignsCard = function ActiveCampaignsCard(_ref) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? "Active campaigns" : _ref$title,
+    _ref$subtitle = _ref.subtitle,
+    subtitle = _ref$subtitle === void 0 ? "Live fundraisers ranked by velocity" : _ref$subtitle,
+    actionLabel = _ref.actionLabel,
+    _ref$columns = _ref.columns,
+    columns = _ref$columns === void 0 ? ["Campaign", "Raised", "Progress", "Donors", "Avg gift"] : _ref$columns,
+    _ref$rows = _ref.rows,
+    rows = _ref$rows === void 0 ? [] : _ref$rows,
+    _ref$gridTemplateColu = _ref.gridTemplateColumns,
+    gridTemplateColumns = _ref$gridTemplateColu === void 0 ? "3fr 1fr 1.5fr 0.8fr 1fr " : _ref$gridTemplateColu,
+    height = _ref.height,
+    _ref$compact = _ref.compact,
+    compact = _ref$compact === void 0 ? false : _ref$compact;
+  return /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
+    sx: {
+      bgcolor: "#fff",
+      borderRadius: compact ? 3 : 4,
+      border: "1px solid #f0f0f0",
+      boxShadow: compact ? "0 2px 12px rgba(0,0,0,0.05)" : "0 4px 24px rgba(0,0,0,0.06)",
+      p: compact ? 1.5 : 3,
+      height: height
+      // height: "100%",
+    },
+    children: [/*#__PURE__*/jsxRuntime.jsxs(material.Box, {
+      sx: {
+        display: "flex",
+        justifyContent: "space-between",
+        alignItems: "flex-start",
+        mb: compact ? 1.25 : 3
+      },
+      children: [/*#__PURE__*/jsxRuntime.jsxs(material.Box, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(material.Typography, {
+          sx: {
+            fontWeight: 700,
+            fontSize: compact ? "14px" : "18px",
+            color: "#000",
+            textAlign: "left"
+          },
+          children: title
+        }), /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
+          sx: {
+            fontSize: compact ? "10px" : "13px",
+            color: "rgba(0, 0, 0, 0.4)",
+            mt: 0.2
+          },
+          children: subtitle
+        })]
+      }), actionLabel && /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
+        sx: {
+          fontSize: compact ? "10px" : "13px",
+          fontWeight: 600,
+          color: "rgb(99, 99, 230)",
+          cursor: "pointer"
+        },
+        children: actionLabel
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx(material.Box, {
+      sx: {
+        overflowX: compact ? "hidden" : "auto"
+      },
+      children: /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
+        sx: {
+          minWidth: compact ? 0 : "600px"
+        },
+        children: [/*#__PURE__*/jsxRuntime.jsx(material.Box, {
+          sx: {
+            display: "grid",
+            gridTemplateColumns: gridTemplateColumns,
+            gap: compact ? 1 : 2,
+            pb: compact ? 1 : 2.5,
+            borderBottom: "1px solid #f0f0f0"
+          },
+          children: columns.map(function (header) {
+            return /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
+              sx: {
+                fontSize: compact ? "9px" : "12px",
+                color: "rgba(0, 0, 0, 0.4)",
+                fontWeight: 500,
+                textAlign: "left"
+              },
+              children: header
+            }, header);
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx(material.Box, {
+          sx: {
+            mt: 1
+          },
+          children: rows.map(function (row, idx) {
+            var _row$progress;
+            return /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
+              sx: {
+                display: "grid",
+                gridTemplateColumns: gridTemplateColumns,
+                gap: compact ? 1 : 2,
+                py: compact ? 0.5 : 1.2,
+                alignItems: "center",
+                borderBottom: idx === rows.length - 1 ? "none" : "1px solid #f5f5f5"
+              },
+              children: [/*#__PURE__*/jsxRuntime.jsxs(material.Box, {
+                sx: {
+                  display: "flex",
+                  alignItems: "center",
+                  gap: 1.5
+                },
+                children: [row.id && /*#__PURE__*/jsxRuntime.jsx(material.Avatar, {
+                  sx: {
+                    width: compact ? 22 : 28,
+                    height: compact ? 22 : 28,
+                    fontSize: compact ? "8px" : "10px",
+                    fontWeight: 700,
+                    bgcolor: row.avatarBg || "#F3F4F6",
+                    color: "rgb(99, 99, 230)"
+                  },
+                  children: row.id
+                }), row.icon && /*#__PURE__*/jsxRuntime.jsx(material.Box, {
+                  sx: {
+                    color: row.iconColor || "inherit",
+                    display: "flex",
+                    alignItems: "center"
+                  },
+                  children: /*#__PURE__*/jsxRuntime.jsx(row.icon, {
+                    sx: {
+                      fontSize: "18px"
+                    }
+                  })
+                }), /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
+                  sx: {
+                    fontSize: compact ? "10px" : "12px",
+                    fontWeight: 700,
+                    color: "#000"
+                  },
+                  children: row.name
+                })]
+              }), /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
+                sx: {
+                  fontSize: compact ? "10px" : "13px",
+                  fontWeight: 600,
+                  color: "#000",
+                  textAlign: "left"
+                },
+                children: row.val1
+              }), row.type === "progress" ? /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
+                sx: {
+                  display: "flex",
+                  alignItems: "center",
+                  gap: 1.5
+                },
+                children: [/*#__PURE__*/jsxRuntime.jsx(material.Box, {
+                  sx: {
+                    flexGrow: 1
+                  },
+                  children: /*#__PURE__*/jsxRuntime.jsx(material.LinearProgress, {
+                    variant: "determinate",
+                    value: Math.min(100, Math.max(0, (_row$progress = row.progress) !== null && _row$progress !== void 0 ? _row$progress : 0)),
+                    sx: {
+                      height: compact ? 6 : 8,
+                      borderRadius: 4,
+                      bgcolor: "#F3F4F6",
+                      "& .MuiLinearProgress-bar": {
+                        borderRadius: 4,
+                        bgcolor: row.progressColor || "rgb(99, 99, 230)"
+                      }
+                    }
+                  })
+                }), /*#__PURE__*/jsxRuntime.jsxs(material.Typography, {
+                  sx: {
+                    fontSize: compact ? "9px" : "11px",
+                    color: "rgba(0, 0, 0, 0.4)",
+                    minWidth: "30px"
+                  },
+                  children: [row.progress, "%"]
+                })]
+              }) : /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
+                sx: {
+                  fontSize: "13px",
+                  fontWeight: 600,
+                  color: "#000",
+                  textAlign: "left"
+                },
+                children: row.val2
+              }), /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
+                sx: {
+                  fontSize: compact ? "10px" : "13px",
+                  fontWeight: row.highlightVal3 ? 700 : 500,
+                  color: row.highlightVal3 ? row.val3Color || "#22C55E" : "#000",
+                  textAlign: "left"
+                },
+                children: row.val3
+              }), /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
+                sx: {
+                  fontSize: "13px",
+                  fontWeight: 500,
+                  color: "#000",
+                  textAlign: "left"
+                },
+                children: row.val4
+              }), columns.length > 5 && /*#__PURE__*/jsxRuntime.jsx(material.Box, {
+                children: row.type === "trend" ? /*#__PURE__*/jsxRuntime.jsx(material.Box, {
+                  sx: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: 0.5
+                  },
+                  children: row.trendType === "up" ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                    children: [/*#__PURE__*/jsxRuntime.jsx(material.Typography, {
+                      sx: {
+                        fontSize: "14px",
+                        color: "#22C55E"
+                      },
+                      children: "\u25B2"
+                    }), /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
+                      sx: {
+                        fontSize: "12px",
+                        color: "#22C55E",
+                        fontWeight: 700
+                      },
+                      children: row.trendLabel
+                    })]
+                  }) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                    children: [/*#__PURE__*/jsxRuntime.jsx(material.Typography, {
+                      sx: {
+                        fontSize: "14px",
+                        color: "#EF4444"
+                      },
+                      children: "\u25BC"
+                    }), /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
+                      sx: {
+                        fontSize: "12px",
+                        color: "#EF4444",
+                        fontWeight: 700
+                      },
+                      children: row.trendLabel
+                    })]
+                  })
+                }) : /*#__PURE__*/jsxRuntime.jsx(material.Box, {
+                  sx: {
+                    display: "inline-block",
+                    px: compact ? 1 : 1.5,
+                    py: compact ? 0.25 : 0.5,
+                    borderRadius: "100px",
+                    bgcolor: row.statusBg,
+                    color: row.statusColor,
+                    fontSize: compact ? "9px" : "11px",
+                    fontWeight: 700,
+                    textAlign: "center"
+                  },
+                  children: row.status
+                })
+              })]
+            }, idx);
+          })
+        })]
+      })
+    })]
+  });
+};
+
+module.exports = ActiveCampaignsCard;
+//# sourceMappingURL=ActiveCampaignsCard.cjs.js.map

package/dist/ActiveCampaignsCard.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActiveCampaignsCard.cjs.js","sources":["../src/components/UI/ActiveCampaignsCard/index.jsx"],"sourcesContent":["import { Box, Typography, LinearProgress, Avatar } from \"@mui/material\";\r\n\r\nconst ActiveCampaignsCard = ({\r\n  title = \"Active campaigns\",\r\n  subtitle = \"Live fundraisers ranked by velocity\",\r\n  actionLabel,\r\n  columns = [\"Campaign\", \"Raised\", \"Progress\", \"Donors\", \"Avg gift\",],\r\n  rows = [],\r\n  gridTemplateColumns = \"3fr 1fr 1.5fr 0.8fr 1fr \",\r\n  height,\r\n  compact = false,\r\n}) => {\r\n  return (\r\n    <Box\r\n      sx={{\r\n        bgcolor: \"#fff\",\r\n        borderRadius: compact ? 3 : 4,\r\n        border: \"1px solid #f0f0f0\",\r\n        boxShadow: compact ? \"0 2px 12px rgba(0,0,0,0.05)\" : \"0 4px 24px rgba(0,0,0,0.06)\",\r\n        p: compact ? 1.5 : 3,\r\n        height: height,\r\n        // height: \"100%\",\r\n      }}\r\n    >\r\n      <Box\r\n        sx={{\r\n          display: \"flex\",\r\n          justifyContent: \"space-between\",\r\n          alignItems: \"flex-start\",\r\n          mb: compact ? 1.25 : 3,\r\n        }}\r\n      >\r\n        <Box>\r\n          <Typography\r\n            sx={{\r\n              fontWeight: 700,\r\n              fontSize: compact ? \"14px\" : \"18px\",\r\n              color: \"#000\",\r\n              textAlign: \"left\",\r\n            }}\r\n          >\r\n            {title}\r\n          </Typography>\r\n          <Typography\r\n            sx={{ fontSize: compact ? \"10px\" : \"13px\", color: \"rgba(0, 0, 0, 0.4)\", mt: 0.2 }}\r\n          >\r\n            {subtitle}\r\n          </Typography>\r\n        </Box>\r\n        {actionLabel && (\r\n          <Typography\r\n            sx={{\r\n              fontSize: compact ? \"10px\" : \"13px\",\r\n              fontWeight: 600,\r\n              color: \"rgb(99, 99, 230)\",\r\n              cursor: \"pointer\",\r\n            }}\r\n          >\r\n            {actionLabel}\r\n          </Typography>\r\n        )}\r\n      </Box>\r\n\r\n      <Box sx={{ overflowX: compact ? \"hidden\" : \"auto\" }}>\r\n        <Box sx={{ minWidth: compact ? 0 : \"600px\" }}>\r\n          <Box\r\n            sx={{\r\n              display: \"grid\",\r\n              gridTemplateColumns: gridTemplateColumns,\r\n              gap: compact ? 1 : 2,\r\n              pb: compact ? 1 : 2.5,\r\n              borderBottom: \"1px solid #f0f0f0\",\r\n            }}\r\n          >\r\n            {columns.map((header) => (\r\n              <Typography\r\n                key={header}\r\n                sx={{\r\n                  fontSize: compact ? \"9px\" : \"12px\",\r\n                  color: \"rgba(0, 0, 0, 0.4)\",\r\n                  fontWeight: 500,\r\n                  textAlign: \"left\",\r\n                }}\r\n              >\r\n                {header}\r\n              </Typography>\r\n            ))}\r\n          </Box>\r\n\r\n          <Box sx={{ mt: 1 }}>\r\n            {rows.map((row, idx) => (\r\n              <Box\r\n                key={idx}\r\n                sx={{\r\n                  display: \"grid\",\r\n                  gridTemplateColumns: gridTemplateColumns,\r\n                  gap: compact ? 1 : 2,\r\n                  py: compact ? 0.5 : 1.2,\r\n                  alignItems: \"center\",\r\n                  borderBottom:\r\n                    idx === rows.length - 1 ? \"none\" : \"1px solid #f5f5f5\",\r\n                }}\r\n              >\r\n                {/* Column 1: Item with Avatar/Icon */}\r\n                <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 1.5 }}>\r\n                  {row.id && (\r\n                    <Avatar\r\n                      sx={{\r\n                        width: compact ? 22 : 28,\r\n                        height: compact ? 22 : 28,\r\n                        fontSize: compact ? \"8px\" : \"10px\",\r\n                        fontWeight: 700,\r\n                        bgcolor: row.avatarBg || \"#F3F4F6\",\r\n                        color: \"rgb(99, 99, 230)\",\r\n                      }}\r\n                    >\r\n                      {row.id}\r\n                    </Avatar>\r\n                  )}\r\n                  {row.icon && (\r\n                    <Box\r\n                      sx={{\r\n                        color: row.iconColor || \"inherit\",\r\n                        display: \"flex\",\r\n                        alignItems: \"center\",\r\n                      }}\r\n                    >\r\n                      <row.icon sx={{ fontSize: \"18px\" }} />\r\n                    </Box>\r\n                  )}\r\n                  <Typography\r\n                    sx={{ fontSize: compact ? \"10px\" : \"12px\", fontWeight: 700, color: \"#000\" }}\r\n                  >\r\n                    {row.name}\r\n                  </Typography>\r\n                </Box>\r\n\r\n                {/* Column 2: Value 1 (Spent/Raised) */}\r\n                <Typography\r\n                  sx={{\r\n                    fontSize: compact ? \"10px\" : \"13px\",\r\n                    fontWeight: 600,\r\n                    color: \"#000\",\r\n                    textAlign: \"left\",\r\n                  }}\r\n                >\r\n                  {row.val1}\r\n                </Typography>\r\n\r\n                {/* Column 3: Progress or Value 2 */}\r\n                {row.type === \"progress\" ? (\r\n                  <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 1.5, }}>\r\n                    <Box sx={{ flexGrow: 1 }}>\r\n                      <LinearProgress\r\n                        variant=\"determinate\"\r\n                        value={Math.min(100, Math.max(0, row.progress ?? 0))}\r\n                        sx={{\r\n                          height: compact ? 6 : 8,\r\n                          borderRadius: 4,\r\n                          bgcolor: \"#F3F4F6\",\r\n                          \"& .MuiLinearProgress-bar\": {\r\n                            borderRadius: 4,\r\n                            bgcolor: row.progressColor || \"rgb(99, 99, 230)\",\r\n                          },\r\n                        }}\r\n                      />\r\n                    </Box>\r\n                    <Typography\r\n                      sx={{\r\n                        fontSize: compact ? \"9px\" : \"11px\",\r\n                        color: \"rgba(0, 0, 0, 0.4)\",\r\n                        minWidth: \"30px\",\r\n                      }}\r\n                    >\r\n                      {row.progress}%\r\n                    </Typography>\r\n                  </Box>\r\n                ) : (\r\n                  <Typography\r\n                    sx={{\r\n                      fontSize: \"13px\",\r\n                      fontWeight: 600,\r\n                      color: \"#000\",\r\n                      textAlign: \"left\",\r\n                    }}\r\n                  >\r\n                    {row.val2}\r\n                  </Typography>\r\n                )}\r\n\r\n                {/* Column 4: Value 3 or highlighted ROAS */}\r\n                <Typography\r\n                  sx={{\r\n                    fontSize: compact ? \"10px\" : \"13px\",\r\n                    fontWeight: row.highlightVal3 ? 700 : 500,\r\n                    color: row.highlightVal3\r\n                      ? row.val3Color || \"#22C55E\"\r\n                      : \"#000\",\r\n                    textAlign: \"left\",\r\n                  }}\r\n                >\r\n                  {row.val3}\r\n                </Typography>\r\n\r\n                {/* Column 5: Value 4 */}\r\n                <Typography\r\n                  sx={{\r\n                    fontSize: \"13px\",\r\n                    fontWeight: 500,\r\n                    color: \"#000\",\r\n                    textAlign: \"left\",\r\n                  }}\r\n                >\r\n                  {row.val4}\r\n                </Typography>\r\n\r\n                {/* Column 6: Status or Trend */}\r\n                {columns.length > 5 && (\r\n                  <Box>\r\n                    {row.type === \"trend\" ? (\r\n                      <Box\r\n                        sx={{\r\n                          display: \"flex\",\r\n                          alignItems: \"center\",\r\n                          gap: 0.5,\r\n                        }}\r\n                      >\r\n                        {row.trendType === \"up\" ? (\r\n                          <>\r\n                            <Typography sx={{ fontSize: \"14px\", color: \"#22C55E\" }}>\r\n                              ▲\r\n                            </Typography>\r\n                            <Typography\r\n                              sx={{\r\n                                fontSize: \"12px\",\r\n                                color: \"#22C55E\",\r\n                                fontWeight: 700,\r\n                              }}\r\n                            >\r\n                              {row.trendLabel}\r\n                            </Typography>\r\n                          </>\r\n                        ) : (\r\n                          <>\r\n                            <Typography sx={{ fontSize: \"14px\", color: \"#EF4444\" }}>\r\n                              ▼\r\n                            </Typography>\r\n                            <Typography\r\n                              sx={{\r\n                                fontSize: \"12px\",\r\n                                color: \"#EF4444\",\r\n                                fontWeight: 700,\r\n                              }}\r\n                            >\r\n                              {row.trendLabel}\r\n                            </Typography>\r\n                          </>\r\n                        )}\r\n                      </Box>\r\n                    ) : (\r\n                      <Box\r\n                        sx={{\r\n                          display: \"inline-block\",\r\n                          px: compact ? 1 : 1.5,\r\n                          py: compact ? 0.25 : 0.5,\r\n                          borderRadius: \"100px\",\r\n                          bgcolor: row.statusBg,\r\n                          color: row.statusColor,\r\n                          fontSize: compact ? \"9px\" : \"11px\",\r\n                          fontWeight: 700,\r\n                          textAlign: \"center\",\r\n                        }}\r\n                      >\r\n                        {row.status}\r\n                      </Box>\r\n                    )}\r\n                  </Box>\r\n                )}\r\n              </Box>\r\n            ))}\r\n          </Box>\r\n        </Box>\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default ActiveCampaignsCard;\r\n"],"names":["ActiveCampaignsCard","_ref","_ref$title","title","_ref$subtitle","subtitle","actionLabel","_ref$columns","columns","_ref$rows","rows","_ref$gridTemplateColu","gridTemplateColumns","height","_ref$compact","compact","_jsxs","Box","sx","bgcolor","borderRadius","border","boxShadow","p","children","display","justifyContent","alignItems","mb","_jsx","Typography","fontWeight","fontSize","color","textAlign","mt","cursor","overflowX","minWidth","gap","pb","borderBottom","map","header","row","idx","_row$progress","py","length","id","Avatar","width","avatarBg","icon","iconColor","name","val1","type","flexGrow","LinearProgress","variant","value","Math","min","max","progress","progressColor","val2","highlightVal3","val3Color","val3","val4","trendType","_Fragment","trendLabel","px","statusBg","statusColor","status"],"mappings":"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"}