@ammarkhalidfarooq/dashboard-package 0.6.127 → 0.6.129
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/README.md +305 -305
- package/dist/ActiveCampaignsCard.cjs.js +41 -22
- package/dist/ActiveCampaignsCard.cjs.js.map +1 -1
- package/dist/ActiveCampaignsCard.es.js +42 -23
- package/dist/ActiveCampaignsCard.es.js.map +1 -1
- package/dist/MetricCard.cjs.js.map +1 -1
- package/dist/MetricCard.es.js.map +1 -1
- package/dist/RenderChartCard.cjs.js.map +1 -1
- package/dist/RenderChartCard.es.js.map +1 -1
- package/dist/index.cjs.js +123 -53
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +124 -54
- package/dist/index.es.js.map +1 -1
- package/package.json +81 -80
|
@@ -160,32 +160,37 @@ var ActiveCampaignsCard = function ActiveCampaignsCard(_ref) {
|
|
|
160
160
|
alignItems: "center",
|
|
161
161
|
gap: 1.5
|
|
162
162
|
},
|
|
163
|
-
children: [row.id && /*#__PURE__*/jsxRuntime.jsx(material.
|
|
163
|
+
children: [(row.icon || row.id) && /*#__PURE__*/jsxRuntime.jsx(material.Box, {
|
|
164
164
|
sx: {
|
|
165
|
-
width: compact ? 22 :
|
|
166
|
-
height: compact ? 22 :
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
color: "rgb(99, 99, 230)"
|
|
171
|
-
},
|
|
172
|
-
children: row.id
|
|
173
|
-
}), row.icon && /*#__PURE__*/jsxRuntime.jsx(material.Box, {
|
|
174
|
-
sx: {
|
|
175
|
-
color: row.iconColor || "inherit",
|
|
165
|
+
width: compact ? 22 : 32,
|
|
166
|
+
height: compact ? 22 : 32,
|
|
167
|
+
borderRadius: "50%",
|
|
168
|
+
bgcolor: "#fff",
|
|
169
|
+
border: "2px solid ".concat(row.avatarBorder || row.avatarBg || "#E5E7EB"),
|
|
176
170
|
display: "flex",
|
|
177
|
-
alignItems: "center"
|
|
171
|
+
alignItems: "center",
|
|
172
|
+
justifyContent: "center",
|
|
173
|
+
flexShrink: 0,
|
|
174
|
+
boxSizing: "border-box",
|
|
175
|
+
filter: row.comingSoon ? "grayscale(1)" : "none",
|
|
176
|
+
opacity: row.comingSoon ? 0.55 : 1
|
|
178
177
|
},
|
|
179
|
-
children: /*#__PURE__*/jsxRuntime.jsx(row.icon, {
|
|
178
|
+
children: row.icon ? /*#__PURE__*/jsxRuntime.jsx(row.icon, {
|
|
179
|
+
size: compact ? 12 : 16,
|
|
180
|
+
color: row.iconColor || row.avatarBorder || row.avatarBg
|
|
181
|
+
}) : /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
|
|
180
182
|
sx: {
|
|
181
|
-
fontSize: "
|
|
182
|
-
|
|
183
|
+
fontSize: compact ? "8px" : "10px",
|
|
184
|
+
fontWeight: 700,
|
|
185
|
+
color: row.avatarColor || "#111"
|
|
186
|
+
},
|
|
187
|
+
children: row.id
|
|
183
188
|
})
|
|
184
189
|
}), /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
|
|
185
190
|
sx: {
|
|
186
191
|
fontSize: compact ? "10px" : "12px",
|
|
187
192
|
fontWeight: 700,
|
|
188
|
-
color: "#000"
|
|
193
|
+
color: row.comingSoon ? "#9CA3AF" : "#000"
|
|
189
194
|
},
|
|
190
195
|
children: row.name
|
|
191
196
|
})]
|
|
@@ -193,7 +198,7 @@ var ActiveCampaignsCard = function ActiveCampaignsCard(_ref) {
|
|
|
193
198
|
sx: {
|
|
194
199
|
fontSize: compact ? "10px" : "13px",
|
|
195
200
|
fontWeight: 600,
|
|
196
|
-
color: "#000",
|
|
201
|
+
color: row.comingSoon ? "#9CA3AF" : "#000",
|
|
197
202
|
textAlign: "left"
|
|
198
203
|
},
|
|
199
204
|
children: row.val1
|
|
@@ -232,7 +237,7 @@ var ActiveCampaignsCard = function ActiveCampaignsCard(_ref) {
|
|
|
232
237
|
sx: {
|
|
233
238
|
fontSize: "13px",
|
|
234
239
|
fontWeight: 600,
|
|
235
|
-
color: "#000",
|
|
240
|
+
color: row.comingSoon ? "#9CA3AF" : "#000",
|
|
236
241
|
textAlign: "left"
|
|
237
242
|
},
|
|
238
243
|
children: row.val2
|
|
@@ -240,7 +245,7 @@ var ActiveCampaignsCard = function ActiveCampaignsCard(_ref) {
|
|
|
240
245
|
sx: {
|
|
241
246
|
fontSize: compact ? "10px" : "13px",
|
|
242
247
|
fontWeight: row.highlightVal3 ? 700 : 500,
|
|
243
|
-
color: row.highlightVal3 ? row.val3Color || "#22C55E" : "#000",
|
|
248
|
+
color: row.comingSoon ? "#9CA3AF" : row.highlightVal3 ? row.val3Color || "#22C55E" : "#000",
|
|
244
249
|
textAlign: "left"
|
|
245
250
|
},
|
|
246
251
|
children: row.val3
|
|
@@ -248,12 +253,26 @@ var ActiveCampaignsCard = function ActiveCampaignsCard(_ref) {
|
|
|
248
253
|
sx: {
|
|
249
254
|
fontSize: "13px",
|
|
250
255
|
fontWeight: 500,
|
|
251
|
-
color: "#000",
|
|
256
|
+
color: row.comingSoon ? "#9CA3AF" : "#000",
|
|
252
257
|
textAlign: "left"
|
|
253
258
|
},
|
|
254
259
|
children: row.val4
|
|
255
260
|
}), columns.length > 5 && /*#__PURE__*/jsxRuntime.jsx(material.Box, {
|
|
256
|
-
children: row.
|
|
261
|
+
children: row.comingSoon ? /*#__PURE__*/jsxRuntime.jsx(material.Box, {
|
|
262
|
+
sx: {
|
|
263
|
+
display: "inline-block",
|
|
264
|
+
px: compact ? 1 : 1.5,
|
|
265
|
+
py: compact ? 0.25 : 0.5,
|
|
266
|
+
borderRadius: "100px",
|
|
267
|
+
bgcolor: "#F3F4F6",
|
|
268
|
+
color: "#9CA3AF",
|
|
269
|
+
fontSize: compact ? "9px" : "11px",
|
|
270
|
+
fontWeight: 700,
|
|
271
|
+
textAlign: "center",
|
|
272
|
+
whiteSpace: "nowrap"
|
|
273
|
+
},
|
|
274
|
+
children: "Coming Soon"
|
|
275
|
+
}) : row.type === "trend" ? /*#__PURE__*/jsxRuntime.jsx(material.Box, {
|
|
257
276
|
sx: {
|
|
258
277
|
display: "flex",
|
|
259
278
|
alignItems: "center",
|
|
@@ -1 +1 @@
|
|
|
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 sx = {},\r\n headerSx = {},\r\n tableSx = {},\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 ...sx,\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 ...headerSx,\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 lineHeight: 1.15,\r\n }}\r\n >\r\n {title}\r\n </Typography>\r\n <Typography\r\n sx={{\r\n fontSize: compact ? \"10px\" : \"13px\",\r\n color: \"rgba(0, 0, 0, 0.4)\",\r\n textAlign: \"left\",\r\n lineHeight: 1.15,\r\n }}\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\", ...tableSx }}>\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","_ref$sx","sx","_ref$headerSx","headerSx","_ref$tableSx","tableSx","_jsxs","Box","_objectSpread","bgcolor","borderRadius","border","boxShadow","p","children","display","justifyContent","alignItems","mb","_jsx","Typography","fontWeight","fontSize","color","textAlign","lineHeight","cursor","overflowX","minWidth","gap","pb","borderBottom","map","header","mt","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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"}
|
|
1
|
+
{"version":3,"file":"ActiveCampaignsCard.cjs.js","sources":["../src/components/UI/ActiveCampaignsCard/index.jsx"],"sourcesContent":["import { Box, Typography, LinearProgress, Avatar } from \"@mui/material\";\n\nconst ActiveCampaignsCard = ({\n title = \"Active campaigns\",\n subtitle = \"Live fundraisers ranked by velocity\",\n actionLabel,\n columns = [\"Campaign\", \"Raised\", \"Progress\", \"Donors\", \"Avg Gift\",],\n rows = [],\n gridTemplateColumns = \"3fr 1fr 1.5fr 0.8fr 1fr \",\n height,\n compact = false,\n sx = {},\n headerSx = {},\n tableSx = {},\n}) => {\n return (\n <Box\n sx={{\n bgcolor: \"#fff\",\n borderRadius: compact ? 3 : 4,\n border: \"1px solid #f0f0f0\",\n boxShadow: compact ? \"0 2px 12px rgba(0,0,0,0.05)\" : \"0 4px 24px rgba(0,0,0,0.06)\",\n p: compact ? 1.5 : 3,\n height: height,\n ...sx,\n }}\n >\n <Box\n sx={{\n display: \"flex\",\n justifyContent: \"space-between\",\n alignItems: \"flex-start\",\n mb: compact ? 1.25 : 3,\n ...headerSx,\n }}\n >\n <Box>\n <Typography\n sx={{\n fontWeight: 700,\n fontSize: compact ? \"14px\" : \"18px\",\n color: \"#000\",\n textAlign: \"left\",\n lineHeight: 1.15,\n }}\n >\n {title}\n </Typography>\n <Typography\n sx={{\n fontSize: compact ? \"10px\" : \"13px\",\n color: \"rgba(0, 0, 0, 0.4)\",\n textAlign: \"left\",\n lineHeight: 1.15,\n }}\n >\n {subtitle}\n </Typography>\n </Box>\n {actionLabel && (\n <Typography\n sx={{\n fontSize: compact ? \"10px\" : \"13px\",\n fontWeight: 600,\n color: \"rgb(99, 99, 230)\",\n cursor: \"pointer\",\n }}\n >\n {actionLabel}\n </Typography>\n )}\n </Box>\n\n <Box sx={{ overflowX: compact ? \"hidden\" : \"auto\", ...tableSx }}>\n <Box sx={{ minWidth: compact ? 0 : \"600px\" }}>\n <Box\n sx={{\n display: \"grid\",\n gridTemplateColumns: gridTemplateColumns,\n gap: compact ? 1 : 2,\n pb: compact ? 1 : 2.5,\n borderBottom: \"1px solid #f0f0f0\",\n }}\n >\n {columns.map((header) => (\n <Typography\n key={header}\n sx={{\n fontSize: compact ? \"9px\" : \"12px\",\n color: \"rgba(0, 0, 0, 0.4)\",\n fontWeight: 500,\n textAlign: \"left\",\n }}\n >\n {header}\n </Typography>\n ))}\n </Box>\n\n <Box sx={{ mt: 1 }}>\n {rows.map((row, idx) => (\n <Box\n key={idx}\n sx={{\n display: \"grid\",\n gridTemplateColumns: gridTemplateColumns,\n gap: compact ? 1 : 2,\n py: compact ? 0.5 : 1.2,\n alignItems: \"center\",\n borderBottom:\n idx === rows.length - 1 ? \"none\" : \"1px solid #f5f5f5\",\n }}\n >\n {/* Column 1: Item with Avatar/Icon */}\n <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 1.5 }}>\n {(row.icon || row.id) && (\n <Box\n sx={{\n width: compact ? 22 : 32,\n height: compact ? 22 : 32,\n borderRadius: \"50%\",\n bgcolor: \"#fff\",\n border: `2px solid ${row.avatarBorder || row.avatarBg || \"#E5E7EB\"}`,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n flexShrink: 0,\n boxSizing: \"border-box\",\n filter: row.comingSoon ? \"grayscale(1)\" : \"none\",\n opacity: row.comingSoon ? 0.55 : 1,\n }}\n >\n {row.icon ? (\n <row.icon\n size={compact ? 12 : 16}\n color={row.iconColor || row.avatarBorder || row.avatarBg}\n />\n ) : (\n <Typography\n sx={{\n fontSize: compact ? \"8px\" : \"10px\",\n fontWeight: 700,\n color: row.avatarColor || \"#111\",\n }}\n >\n {row.id}\n </Typography>\n )}\n </Box>\n )}\n <Typography\n sx={{\n fontSize: compact ? \"10px\" : \"12px\",\n fontWeight: 700,\n color: row.comingSoon ? \"#9CA3AF\" : \"#000\",\n }}\n >\n {row.name}\n </Typography>\n </Box>\n\n {/* Column 2: Value 1 (Spent/Raised) */}\n <Typography\n sx={{\n fontSize: compact ? \"10px\" : \"13px\",\n fontWeight: 600,\n color: row.comingSoon ? \"#9CA3AF\" : \"#000\",\n textAlign: \"left\",\n }}\n >\n {row.val1}\n </Typography>\n\n {/* Column 3: Progress or Value 2 */}\n {row.type === \"progress\" ? (\n <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 1.5, }}>\n <Box sx={{ flexGrow: 1 }}>\n <LinearProgress\n variant=\"determinate\"\n value={Math.min(100, Math.max(0, row.progress ?? 0))}\n sx={{\n height: compact ? 6 : 8,\n borderRadius: 4,\n bgcolor: \"#F3F4F6\",\n \"& .MuiLinearProgress-bar\": {\n borderRadius: 4,\n bgcolor: row.progressColor || \"rgb(99, 99, 230)\",\n },\n }}\n />\n </Box>\n <Typography\n sx={{\n fontSize: compact ? \"9px\" : \"11px\",\n color: \"rgba(0, 0, 0, 0.4)\",\n minWidth: \"30px\",\n }}\n >\n {row.progress}%\n </Typography>\n </Box>\n ) : (\n <Typography\n sx={{\n fontSize: \"13px\",\n fontWeight: 600,\n color: row.comingSoon ? \"#9CA3AF\" : \"#000\",\n textAlign: \"left\",\n }}\n >\n {row.val2}\n </Typography>\n )}\n\n {/* Column 4: Value 3 or highlighted ROAS */}\n <Typography\n sx={{\n fontSize: compact ? \"10px\" : \"13px\",\n fontWeight: row.highlightVal3 ? 700 : 500,\n color: row.comingSoon\n ? \"#9CA3AF\"\n : row.highlightVal3\n ? row.val3Color || \"#22C55E\"\n : \"#000\",\n textAlign: \"left\",\n }}\n >\n {row.val3}\n </Typography>\n\n {/* Column 5: Value 4 */}\n <Typography\n sx={{\n fontSize: \"13px\",\n fontWeight: 500,\n color: row.comingSoon ? \"#9CA3AF\" : \"#000\",\n textAlign: \"left\",\n }}\n >\n {row.val4}\n </Typography>\n\n {/* Column 6: Status or Trend */}\n {columns.length > 5 && (\n <Box>\n {row.comingSoon ? (\n <Box\n sx={{\n display: \"inline-block\",\n px: compact ? 1 : 1.5,\n py: compact ? 0.25 : 0.5,\n borderRadius: \"100px\",\n bgcolor: \"#F3F4F6\",\n color: \"#9CA3AF\",\n fontSize: compact ? \"9px\" : \"11px\",\n fontWeight: 700,\n textAlign: \"center\",\n whiteSpace: \"nowrap\",\n }}\n >\n Coming Soon\n </Box>\n ) : row.type === \"trend\" ? (\n <Box\n sx={{\n display: \"flex\",\n alignItems: \"center\",\n gap: 0.5,\n }}\n >\n {row.trendType === \"up\" ? (\n <>\n <Typography sx={{ fontSize: \"14px\", color: \"#22C55E\" }}>\n ▲\n </Typography>\n <Typography\n sx={{\n fontSize: \"12px\",\n color: \"#22C55E\",\n fontWeight: 700,\n }}\n >\n {row.trendLabel}\n </Typography>\n </>\n ) : (\n <>\n <Typography sx={{ fontSize: \"14px\", color: \"#EF4444\" }}>\n ▼\n </Typography>\n <Typography\n sx={{\n fontSize: \"12px\",\n color: \"#EF4444\",\n fontWeight: 700,\n }}\n >\n {row.trendLabel}\n </Typography>\n </>\n )}\n </Box>\n ) : (\n <Box\n sx={{\n display: \"inline-block\",\n px: compact ? 1 : 1.5,\n py: compact ? 0.25 : 0.5,\n borderRadius: \"100px\",\n bgcolor: row.statusBg,\n color: row.statusColor,\n fontSize: compact ? \"9px\" : \"11px\",\n fontWeight: 700,\n textAlign: \"center\",\n }}\n >\n {row.status}\n </Box>\n )}\n </Box>\n )}\n </Box>\n ))}\n </Box>\n </Box>\n </Box>\n </Box>\n );\n};\n\nexport default ActiveCampaignsCard;\n"],"names":["ActiveCampaignsCard","_ref","_ref$title","title","_ref$subtitle","subtitle","actionLabel","_ref$columns","columns","_ref$rows","rows","_ref$gridTemplateColu","gridTemplateColumns","height","_ref$compact","compact","_ref$sx","sx","_ref$headerSx","headerSx","_ref$tableSx","tableSx","_jsxs","Box","_objectSpread","bgcolor","borderRadius","border","boxShadow","p","children","display","justifyContent","alignItems","mb","_jsx","Typography","fontWeight","fontSize","color","textAlign","lineHeight","cursor","overflowX","minWidth","gap","pb","borderBottom","map","header","mt","row","idx","_row$progress","py","length","icon","id","width","concat","avatarBorder","avatarBg","flexShrink","boxSizing","filter","comingSoon","opacity","size","iconColor","avatarColor","name","val1","type","flexGrow","LinearProgress","variant","value","Math","min","max","progress","progressColor","val2","highlightVal3","val3Color","val3","val4","px","whiteSpace","trendType","_Fragment","trendLabel","statusBg","statusColor","status"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Box, Typography,
|
|
1
|
+
import { Box, Typography, LinearProgress } from '@mui/material';
|
|
2
2
|
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
3
3
|
|
|
4
4
|
function _defineProperty(e, r, t) {
|
|
@@ -158,32 +158,37 @@ var ActiveCampaignsCard = function ActiveCampaignsCard(_ref) {
|
|
|
158
158
|
alignItems: "center",
|
|
159
159
|
gap: 1.5
|
|
160
160
|
},
|
|
161
|
-
children: [row.id && /*#__PURE__*/jsx(
|
|
161
|
+
children: [(row.icon || row.id) && /*#__PURE__*/jsx(Box, {
|
|
162
162
|
sx: {
|
|
163
|
-
width: compact ? 22 :
|
|
164
|
-
height: compact ? 22 :
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
color: "rgb(99, 99, 230)"
|
|
169
|
-
},
|
|
170
|
-
children: row.id
|
|
171
|
-
}), row.icon && /*#__PURE__*/jsx(Box, {
|
|
172
|
-
sx: {
|
|
173
|
-
color: row.iconColor || "inherit",
|
|
163
|
+
width: compact ? 22 : 32,
|
|
164
|
+
height: compact ? 22 : 32,
|
|
165
|
+
borderRadius: "50%",
|
|
166
|
+
bgcolor: "#fff",
|
|
167
|
+
border: "2px solid ".concat(row.avatarBorder || row.avatarBg || "#E5E7EB"),
|
|
174
168
|
display: "flex",
|
|
175
|
-
alignItems: "center"
|
|
169
|
+
alignItems: "center",
|
|
170
|
+
justifyContent: "center",
|
|
171
|
+
flexShrink: 0,
|
|
172
|
+
boxSizing: "border-box",
|
|
173
|
+
filter: row.comingSoon ? "grayscale(1)" : "none",
|
|
174
|
+
opacity: row.comingSoon ? 0.55 : 1
|
|
176
175
|
},
|
|
177
|
-
children: /*#__PURE__*/jsx(row.icon, {
|
|
176
|
+
children: row.icon ? /*#__PURE__*/jsx(row.icon, {
|
|
177
|
+
size: compact ? 12 : 16,
|
|
178
|
+
color: row.iconColor || row.avatarBorder || row.avatarBg
|
|
179
|
+
}) : /*#__PURE__*/jsx(Typography, {
|
|
178
180
|
sx: {
|
|
179
|
-
fontSize: "
|
|
180
|
-
|
|
181
|
+
fontSize: compact ? "8px" : "10px",
|
|
182
|
+
fontWeight: 700,
|
|
183
|
+
color: row.avatarColor || "#111"
|
|
184
|
+
},
|
|
185
|
+
children: row.id
|
|
181
186
|
})
|
|
182
187
|
}), /*#__PURE__*/jsx(Typography, {
|
|
183
188
|
sx: {
|
|
184
189
|
fontSize: compact ? "10px" : "12px",
|
|
185
190
|
fontWeight: 700,
|
|
186
|
-
color: "#000"
|
|
191
|
+
color: row.comingSoon ? "#9CA3AF" : "#000"
|
|
187
192
|
},
|
|
188
193
|
children: row.name
|
|
189
194
|
})]
|
|
@@ -191,7 +196,7 @@ var ActiveCampaignsCard = function ActiveCampaignsCard(_ref) {
|
|
|
191
196
|
sx: {
|
|
192
197
|
fontSize: compact ? "10px" : "13px",
|
|
193
198
|
fontWeight: 600,
|
|
194
|
-
color: "#000",
|
|
199
|
+
color: row.comingSoon ? "#9CA3AF" : "#000",
|
|
195
200
|
textAlign: "left"
|
|
196
201
|
},
|
|
197
202
|
children: row.val1
|
|
@@ -230,7 +235,7 @@ var ActiveCampaignsCard = function ActiveCampaignsCard(_ref) {
|
|
|
230
235
|
sx: {
|
|
231
236
|
fontSize: "13px",
|
|
232
237
|
fontWeight: 600,
|
|
233
|
-
color: "#000",
|
|
238
|
+
color: row.comingSoon ? "#9CA3AF" : "#000",
|
|
234
239
|
textAlign: "left"
|
|
235
240
|
},
|
|
236
241
|
children: row.val2
|
|
@@ -238,7 +243,7 @@ var ActiveCampaignsCard = function ActiveCampaignsCard(_ref) {
|
|
|
238
243
|
sx: {
|
|
239
244
|
fontSize: compact ? "10px" : "13px",
|
|
240
245
|
fontWeight: row.highlightVal3 ? 700 : 500,
|
|
241
|
-
color: row.highlightVal3 ? row.val3Color || "#22C55E" : "#000",
|
|
246
|
+
color: row.comingSoon ? "#9CA3AF" : row.highlightVal3 ? row.val3Color || "#22C55E" : "#000",
|
|
242
247
|
textAlign: "left"
|
|
243
248
|
},
|
|
244
249
|
children: row.val3
|
|
@@ -246,12 +251,26 @@ var ActiveCampaignsCard = function ActiveCampaignsCard(_ref) {
|
|
|
246
251
|
sx: {
|
|
247
252
|
fontSize: "13px",
|
|
248
253
|
fontWeight: 500,
|
|
249
|
-
color: "#000",
|
|
254
|
+
color: row.comingSoon ? "#9CA3AF" : "#000",
|
|
250
255
|
textAlign: "left"
|
|
251
256
|
},
|
|
252
257
|
children: row.val4
|
|
253
258
|
}), columns.length > 5 && /*#__PURE__*/jsx(Box, {
|
|
254
|
-
children: row.
|
|
259
|
+
children: row.comingSoon ? /*#__PURE__*/jsx(Box, {
|
|
260
|
+
sx: {
|
|
261
|
+
display: "inline-block",
|
|
262
|
+
px: compact ? 1 : 1.5,
|
|
263
|
+
py: compact ? 0.25 : 0.5,
|
|
264
|
+
borderRadius: "100px",
|
|
265
|
+
bgcolor: "#F3F4F6",
|
|
266
|
+
color: "#9CA3AF",
|
|
267
|
+
fontSize: compact ? "9px" : "11px",
|
|
268
|
+
fontWeight: 700,
|
|
269
|
+
textAlign: "center",
|
|
270
|
+
whiteSpace: "nowrap"
|
|
271
|
+
},
|
|
272
|
+
children: "Coming Soon"
|
|
273
|
+
}) : row.type === "trend" ? /*#__PURE__*/jsx(Box, {
|
|
255
274
|
sx: {
|
|
256
275
|
display: "flex",
|
|
257
276
|
alignItems: "center",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActiveCampaignsCard.es.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 sx = {},\r\n headerSx = {},\r\n tableSx = {},\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 ...sx,\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 ...headerSx,\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 lineHeight: 1.15,\r\n }}\r\n >\r\n {title}\r\n </Typography>\r\n <Typography\r\n sx={{\r\n fontSize: compact ? \"10px\" : \"13px\",\r\n color: \"rgba(0, 0, 0, 0.4)\",\r\n textAlign: \"left\",\r\n lineHeight: 1.15,\r\n }}\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\", ...tableSx }}>\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","_ref$sx","sx","_ref$headerSx","headerSx","_ref$tableSx","tableSx","_jsxs","Box","_objectSpread","bgcolor","borderRadius","border","boxShadow","p","children","display","justifyContent","alignItems","mb","_jsx","Typography","fontWeight","fontSize","color","textAlign","lineHeight","cursor","overflowX","minWidth","gap","pb","borderBottom","map","header","mt","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAYnB;AAAA,EAAA,IAAAC,UAAA,GAAAD,IAAA,CAXJE,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,kBAAkB,GAAAA,UAAA;IAAAE,aAAA,GAAAH,IAAA,CAC1BI,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAG,qCAAqC,GAAAA,aAAA;IAChDE,WAAW,GAAAL,IAAA,CAAXK,WAAW;IAAAC,YAAA,GAAAN,IAAA,CACXO,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAA,MAAA,GAAG,CAAC,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,CAAE,GAAAA,YAAA;IAAAE,SAAA,GAAAR,IAAA,CACnES,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,SAAA;IAAAE,qBAAA,GAAAV,IAAA,CACTW,mBAAmB;AAAnBA,IAAAA,mBAAmB,GAAAD,qBAAA,KAAA,MAAA,GAAG,0BAA0B,GAAAA,qBAAA;IAChDE,MAAM,GAAAZ,IAAA,CAANY,MAAM;IAAAC,YAAA,GAAAb,IAAA,CACNc,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,YAAA;IAAAE,OAAA,GAAAf,IAAA,CACfgB,EAAE;AAAFA,IAAAA,EAAE,GAAAD,OAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,OAAA;IAAAE,aAAA,GAAAjB,IAAA,CACPkB,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,aAAA;IAAAE,YAAA,GAAAnB,IAAA,CACboB,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,YAAA;EAEZ,oBACEE,IAAA,CAACC,GAAG,EAAA;AACFN,IAAAA,EAAE,EAAAO,cAAA,CAAA;AACAC,MAAAA,OAAO,EAAE,MAAM;AACfC,MAAAA,YAAY,EAAEX,OAAO,GAAG,CAAC,GAAG,CAAC;AAC7BY,MAAAA,MAAM,EAAE,mBAAmB;AAC3BC,MAAAA,SAAS,EAAEb,OAAO,GAAG,6BAA6B,GAAG,6BAA6B;AAClFc,MAAAA,CAAC,EAAEd,OAAO,GAAG,GAAG,GAAG,CAAC;AACpBF,MAAAA,MAAM,EAAEA;AAAM,KAAA,EACXI,EAAE,CACL;IAAAa,QAAA,EAAA,cAEFR,IAAA,CAACC,GAAG,EAAA;AACFN,MAAAA,EAAE,EAAAO,cAAA,CAAA;AACAO,QAAAA,OAAO,EAAE,MAAM;AACfC,QAAAA,cAAc,EAAE,eAAe;AAC/BC,QAAAA,UAAU,EAAE,YAAY;AACxBC,QAAAA,EAAE,EAAEnB,OAAO,GAAG,IAAI,GAAG;AAAC,OAAA,EACnBI,QAAQ,CACX;MAAAW,QAAA,EAAA,cAEFR,IAAA,CAACC,GAAG,EAAA;QAAAO,QAAA,EAAA,cACFK,GAAA,CAACC,UAAU,EAAA;AACTnB,UAAAA,EAAE,EAAE;AACFoB,YAAAA,UAAU,EAAE,GAAG;AACfC,YAAAA,QAAQ,EAAEvB,OAAO,GAAG,MAAM,GAAG,MAAM;AACnCwB,YAAAA,KAAK,EAAE,MAAM;AACbC,YAAAA,SAAS,EAAE,MAAM;AACjBC,YAAAA,UAAU,EAAE;WACZ;AAAAX,UAAAA,QAAA,EAED3B;AAAK,SACI,CAAC,eACbgC,GAAA,CAACC,UAAU,EAAA;AACTnB,UAAAA,EAAE,EAAE;AACFqB,YAAAA,QAAQ,EAAEvB,OAAO,GAAG,MAAM,GAAG,MAAM;AACnCwB,YAAAA,KAAK,EAAE,oBAAoB;AAC3BC,YAAAA,SAAS,EAAE,MAAM;AACjBC,YAAAA,UAAU,EAAE;WACZ;AAAAX,UAAAA,QAAA,EAEDzB;AAAQ,SACC,CAAC;AAAA,OACV,CAAC,EACLC,WAAW,iBACV6B,GAAA,CAACC,UAAU,EAAA;AACTnB,QAAAA,EAAE,EAAE;AACFqB,UAAAA,QAAQ,EAAEvB,OAAO,GAAG,MAAM,GAAG,MAAM;AACnCsB,UAAAA,UAAU,EAAE,GAAG;AACfE,UAAAA,KAAK,EAAE,kBAAkB;AACzBG,UAAAA,MAAM,EAAE;SACR;AAAAZ,QAAAA,QAAA,EAEDxB;AAAW,OACF,CACb;AAAA,KACE,CAAC,eAEN6B,GAAA,CAACZ,GAAG,EAAA;AAACN,MAAAA,EAAE,EAAAO,cAAA,CAAA;AAAImB,QAAAA,SAAS,EAAE5B,OAAO,GAAG,QAAQ,GAAG;AAAM,OAAA,EAAKM,OAAO,CAAG;MAAAS,QAAA,eAC9DR,IAAA,CAACC,GAAG,EAAA;AAACN,QAAAA,EAAE,EAAE;AAAE2B,UAAAA,QAAQ,EAAE7B,OAAO,GAAG,CAAC,GAAG;SAAU;QAAAe,QAAA,EAAA,cAC3CK,GAAA,CAACZ,GAAG,EAAA;AACFN,UAAAA,EAAE,EAAE;AACFc,YAAAA,OAAO,EAAE,MAAM;AACfnB,YAAAA,mBAAmB,EAAEA,mBAAmB;AACxCiC,YAAAA,GAAG,EAAE9B,OAAO,GAAG,CAAC,GAAG,CAAC;AACpB+B,YAAAA,EAAE,EAAE/B,OAAO,GAAG,CAAC,GAAG,GAAG;AACrBgC,YAAAA,YAAY,EAAE;WACd;AAAAjB,UAAAA,QAAA,EAEDtB,OAAO,CAACwC,GAAG,CAAC,UAACC,MAAM,EAAA;YAAA,oBAClBd,GAAA,CAACC,UAAU,EAAA;AAETnB,cAAAA,EAAE,EAAE;AACFqB,gBAAAA,QAAQ,EAAEvB,OAAO,GAAG,KAAK,GAAG,MAAM;AAClCwB,gBAAAA,KAAK,EAAE,oBAAoB;AAC3BF,gBAAAA,UAAU,EAAE,GAAG;AACfG,gBAAAA,SAAS,EAAE;eACX;AAAAV,cAAAA,QAAA,EAEDmB;AAAM,aAAA,EARFA,MASK,CAAC;UAAA,CACd;AAAC,SACC,CAAC,eAENd,GAAA,CAACZ,GAAG,EAAA;AAACN,UAAAA,EAAE,EAAE;AAAEiC,YAAAA,EAAE,EAAE;WAAI;UAAApB,QAAA,EAChBpB,IAAI,CAACsC,GAAG,CAAC,UAACG,GAAG,EAAEC,GAAG,EAAA;AAAA,YAAA,IAAAC,aAAA;YAAA,oBACjB/B,IAAA,CAACC,GAAG,EAAA;AAEFN,cAAAA,EAAE,EAAE;AACFc,gBAAAA,OAAO,EAAE,MAAM;AACfnB,gBAAAA,mBAAmB,EAAEA,mBAAmB;AACxCiC,gBAAAA,GAAG,EAAE9B,OAAO,GAAG,CAAC,GAAG,CAAC;AACpBuC,gBAAAA,EAAE,EAAEvC,OAAO,GAAG,GAAG,GAAG,GAAG;AACvBkB,gBAAAA,UAAU,EAAE,QAAQ;gBACpBc,YAAY,EACVK,GAAG,KAAK1C,IAAI,CAAC6C,MAAM,GAAG,CAAC,GAAG,MAAM,GAAG;eACrC;cAAAzB,QAAA,EAAA,cAGFR,IAAA,CAACC,GAAG,EAAA;AAACN,gBAAAA,EAAE,EAAE;AAAEc,kBAAAA,OAAO,EAAE,MAAM;AAAEE,kBAAAA,UAAU,EAAE,QAAQ;AAAEY,kBAAAA,GAAG,EAAE;iBAAM;AAAAf,gBAAAA,QAAA,GAC1DqB,GAAG,CAACK,EAAE,iBACLrB,GAAA,CAACsB,MAAM,EAAA;AACLxC,kBAAAA,EAAE,EAAE;AACFyC,oBAAAA,KAAK,EAAE3C,OAAO,GAAG,EAAE,GAAG,EAAE;AACxBF,oBAAAA,MAAM,EAAEE,OAAO,GAAG,EAAE,GAAG,EAAE;AACzBuB,oBAAAA,QAAQ,EAAEvB,OAAO,GAAG,KAAK,GAAG,MAAM;AAClCsB,oBAAAA,UAAU,EAAE,GAAG;AACfZ,oBAAAA,OAAO,EAAE0B,GAAG,CAACQ,QAAQ,IAAI,SAAS;AAClCpB,oBAAAA,KAAK,EAAE;mBACP;kBAAAT,QAAA,EAEDqB,GAAG,CAACK;iBACC,CACT,EACAL,GAAG,CAACS,IAAI,iBACPzB,GAAA,CAACZ,GAAG,EAAA;AACFN,kBAAAA,EAAE,EAAE;AACFsB,oBAAAA,KAAK,EAAEY,GAAG,CAACU,SAAS,IAAI,SAAS;AACjC9B,oBAAAA,OAAO,EAAE,MAAM;AACfE,oBAAAA,UAAU,EAAE;mBACZ;AAAAH,kBAAAA,QAAA,eAEFK,GAAA,CAACgB,GAAG,CAACS,IAAI,EAAA;AAAC3C,oBAAAA,EAAE,EAAE;AAAEqB,sBAAAA,QAAQ,EAAE;AAAO;mBAAI;AAAC,iBACnC,CACN,eACDH,GAAA,CAACC,UAAU,EAAA;AACTnB,kBAAAA,EAAE,EAAE;AAAEqB,oBAAAA,QAAQ,EAAEvB,OAAO,GAAG,MAAM,GAAG,MAAM;AAAEsB,oBAAAA,UAAU,EAAE,GAAG;AAAEE,oBAAAA,KAAK,EAAE;mBAAS;kBAAAT,QAAA,EAE3EqB,GAAG,CAACW;AAAI,iBACC,CAAC;AAAA,eACV,CAAC,eAGN3B,GAAA,CAACC,UAAU,EAAA;AACTnB,gBAAAA,EAAE,EAAE;AACFqB,kBAAAA,QAAQ,EAAEvB,OAAO,GAAG,MAAM,GAAG,MAAM;AACnCsB,kBAAAA,UAAU,EAAE,GAAG;AACfE,kBAAAA,KAAK,EAAE,MAAM;AACbC,kBAAAA,SAAS,EAAE;iBACX;gBAAAV,QAAA,EAEDqB,GAAG,CAACY;eACK,CAAC,EAGZZ,GAAG,CAACa,IAAI,KAAK,UAAU,gBACtB1C,IAAA,CAACC,GAAG,EAAA;AAACN,gBAAAA,EAAE,EAAE;AAAEc,kBAAAA,OAAO,EAAE,MAAM;AAAEE,kBAAAA,UAAU,EAAE,QAAQ;AAAEY,kBAAAA,GAAG,EAAE;iBAAO;gBAAAf,QAAA,EAAA,cAC5DK,GAAA,CAACZ,GAAG,EAAA;AAACN,kBAAAA,EAAE,EAAE;AAAEgD,oBAAAA,QAAQ,EAAE;mBAAI;kBAAAnC,QAAA,eACvBK,GAAA,CAAC+B,cAAc,EAAA;AACbC,oBAAAA,OAAO,EAAC,aAAa;oBACrBC,KAAK,EAAEC,IAAI,CAACC,GAAG,CAAC,GAAG,EAAED,IAAI,CAACE,GAAG,CAAC,CAAC,GAAAlB,aAAA,GAAEF,GAAG,CAACqB,QAAQ,MAAA,IAAA,IAAAnB,aAAA,KAAA,MAAA,GAAAA,aAAA,GAAI,CAAC,CAAC,CAAE;AACrDpC,oBAAAA,EAAE,EAAE;AACFJ,sBAAAA,MAAM,EAAEE,OAAO,GAAG,CAAC,GAAG,CAAC;AACvBW,sBAAAA,YAAY,EAAE,CAAC;AACfD,sBAAAA,OAAO,EAAE,SAAS;AAClB,sBAAA,0BAA0B,EAAE;AAC1BC,wBAAAA,YAAY,EAAE,CAAC;AACfD,wBAAAA,OAAO,EAAE0B,GAAG,CAACsB,aAAa,IAAI;AAChC;AACF;mBACD;AAAC,iBACC,CAAC,eACNnD,IAAA,CAACc,UAAU,EAAA;AACTnB,kBAAAA,EAAE,EAAE;AACFqB,oBAAAA,QAAQ,EAAEvB,OAAO,GAAG,KAAK,GAAG,MAAM;AAClCwB,oBAAAA,KAAK,EAAE,oBAAoB;AAC3BK,oBAAAA,QAAQ,EAAE;mBACV;AAAAd,kBAAAA,QAAA,EAAA,CAEDqB,GAAG,CAACqB,QAAQ,EAAC,GAChB;AAAA,iBAAY,CAAC;AAAA,eACV,CAAC,gBAENrC,GAAA,CAACC,UAAU,EAAA;AACTnB,gBAAAA,EAAE,EAAE;AACFqB,kBAAAA,QAAQ,EAAE,MAAM;AAChBD,kBAAAA,UAAU,EAAE,GAAG;AACfE,kBAAAA,KAAK,EAAE,MAAM;AACbC,kBAAAA,SAAS,EAAE;iBACX;gBAAAV,QAAA,EAEDqB,GAAG,CAACuB;AAAI,eACC,CACb,eAGDvC,GAAA,CAACC,UAAU,EAAA;AACTnB,gBAAAA,EAAE,EAAE;AACFqB,kBAAAA,QAAQ,EAAEvB,OAAO,GAAG,MAAM,GAAG,MAAM;AACnCsB,kBAAAA,UAAU,EAAEc,GAAG,CAACwB,aAAa,GAAG,GAAG,GAAG,GAAG;kBACzCpC,KAAK,EAAEY,GAAG,CAACwB,aAAa,GACpBxB,GAAG,CAACyB,SAAS,IAAI,SAAS,GAC1B,MAAM;AACVpC,kBAAAA,SAAS,EAAE;iBACX;gBAAAV,QAAA,EAEDqB,GAAG,CAAC0B;AAAI,eACC,CAAC,eAGb1C,GAAA,CAACC,UAAU,EAAA;AACTnB,gBAAAA,EAAE,EAAE;AACFqB,kBAAAA,QAAQ,EAAE,MAAM;AAChBD,kBAAAA,UAAU,EAAE,GAAG;AACfE,kBAAAA,KAAK,EAAE,MAAM;AACbC,kBAAAA,SAAS,EAAE;iBACX;gBAAAV,QAAA,EAEDqB,GAAG,CAAC2B;eACK,CAAC,EAGZtE,OAAO,CAAC+C,MAAM,GAAG,CAAC,iBACjBpB,GAAA,CAACZ,GAAG,EAAA;gBAAAO,QAAA,EACDqB,GAAG,CAACa,IAAI,KAAK,OAAO,gBACnB7B,GAAA,CAACZ,GAAG,EAAA;AACFN,kBAAAA,EAAE,EAAE;AACFc,oBAAAA,OAAO,EAAE,MAAM;AACfE,oBAAAA,UAAU,EAAE,QAAQ;AACpBY,oBAAAA,GAAG,EAAE;mBACL;kBAAAf,QAAA,EAEDqB,GAAG,CAAC4B,SAAS,KAAK,IAAI,gBACrBzD,IAAA,CAAA0D,QAAA,EAAA;oBAAAlD,QAAA,EAAA,cACEK,GAAA,CAACC,UAAU,EAAA;AAACnB,sBAAAA,EAAE,EAAE;AAAEqB,wBAAAA,QAAQ,EAAE,MAAM;AAAEC,wBAAAA,KAAK,EAAE;uBAAY;AAAAT,sBAAAA,QAAA,EAAC;AAExD,qBAAY,CAAC,eACbK,GAAA,CAACC,UAAU,EAAA;AACTnB,sBAAAA,EAAE,EAAE;AACFqB,wBAAAA,QAAQ,EAAE,MAAM;AAChBC,wBAAAA,KAAK,EAAE,SAAS;AAChBF,wBAAAA,UAAU,EAAE;uBACZ;sBAAAP,QAAA,EAEDqB,GAAG,CAAC8B;AAAU,qBACL,CAAC;AAAA,mBACb,CAAC,gBAEH3D,IAAA,CAAA0D,QAAA,EAAA;oBAAAlD,QAAA,EAAA,cACEK,GAAA,CAACC,UAAU,EAAA;AAACnB,sBAAAA,EAAE,EAAE;AAAEqB,wBAAAA,QAAQ,EAAE,MAAM;AAAEC,wBAAAA,KAAK,EAAE;uBAAY;AAAAT,sBAAAA,QAAA,EAAC;AAExD,qBAAY,CAAC,eACbK,GAAA,CAACC,UAAU,EAAA;AACTnB,sBAAAA,EAAE,EAAE;AACFqB,wBAAAA,QAAQ,EAAE,MAAM;AAChBC,wBAAAA,KAAK,EAAE,SAAS;AAChBF,wBAAAA,UAAU,EAAE;uBACZ;sBAAAP,QAAA,EAEDqB,GAAG,CAAC8B;AAAU,qBACL,CAAC;mBACb;AACH,iBACE,CAAC,gBAEN9C,GAAA,CAACZ,GAAG,EAAA;AACFN,kBAAAA,EAAE,EAAE;AACFc,oBAAAA,OAAO,EAAE,cAAc;AACvBmD,oBAAAA,EAAE,EAAEnE,OAAO,GAAG,CAAC,GAAG,GAAG;AACrBuC,oBAAAA,EAAE,EAAEvC,OAAO,GAAG,IAAI,GAAG,GAAG;AACxBW,oBAAAA,YAAY,EAAE,OAAO;oBACrBD,OAAO,EAAE0B,GAAG,CAACgC,QAAQ;oBACrB5C,KAAK,EAAEY,GAAG,CAACiC,WAAW;AACtB9C,oBAAAA,QAAQ,EAAEvB,OAAO,GAAG,KAAK,GAAG,MAAM;AAClCsB,oBAAAA,UAAU,EAAE,GAAG;AACfG,oBAAAA,SAAS,EAAE;mBACX;kBAAAV,QAAA,EAEDqB,GAAG,CAACkC;iBACF;AACN,eACE,CACN;AAAA,aAAA,EAzLIjC,GA0LF,CAAC;UAAA,CACP;AAAC,SACC,CAAC;OACH;AAAC,KACH,CAAC;AAAA,GACH,CAAC;AAEV;;;;"}
|
|
1
|
+
{"version":3,"file":"ActiveCampaignsCard.es.js","sources":["../src/components/UI/ActiveCampaignsCard/index.jsx"],"sourcesContent":["import { Box, Typography, LinearProgress, Avatar } from \"@mui/material\";\n\nconst ActiveCampaignsCard = ({\n title = \"Active campaigns\",\n subtitle = \"Live fundraisers ranked by velocity\",\n actionLabel,\n columns = [\"Campaign\", \"Raised\", \"Progress\", \"Donors\", \"Avg Gift\",],\n rows = [],\n gridTemplateColumns = \"3fr 1fr 1.5fr 0.8fr 1fr \",\n height,\n compact = false,\n sx = {},\n headerSx = {},\n tableSx = {},\n}) => {\n return (\n <Box\n sx={{\n bgcolor: \"#fff\",\n borderRadius: compact ? 3 : 4,\n border: \"1px solid #f0f0f0\",\n boxShadow: compact ? \"0 2px 12px rgba(0,0,0,0.05)\" : \"0 4px 24px rgba(0,0,0,0.06)\",\n p: compact ? 1.5 : 3,\n height: height,\n ...sx,\n }}\n >\n <Box\n sx={{\n display: \"flex\",\n justifyContent: \"space-between\",\n alignItems: \"flex-start\",\n mb: compact ? 1.25 : 3,\n ...headerSx,\n }}\n >\n <Box>\n <Typography\n sx={{\n fontWeight: 700,\n fontSize: compact ? \"14px\" : \"18px\",\n color: \"#000\",\n textAlign: \"left\",\n lineHeight: 1.15,\n }}\n >\n {title}\n </Typography>\n <Typography\n sx={{\n fontSize: compact ? \"10px\" : \"13px\",\n color: \"rgba(0, 0, 0, 0.4)\",\n textAlign: \"left\",\n lineHeight: 1.15,\n }}\n >\n {subtitle}\n </Typography>\n </Box>\n {actionLabel && (\n <Typography\n sx={{\n fontSize: compact ? \"10px\" : \"13px\",\n fontWeight: 600,\n color: \"rgb(99, 99, 230)\",\n cursor: \"pointer\",\n }}\n >\n {actionLabel}\n </Typography>\n )}\n </Box>\n\n <Box sx={{ overflowX: compact ? \"hidden\" : \"auto\", ...tableSx }}>\n <Box sx={{ minWidth: compact ? 0 : \"600px\" }}>\n <Box\n sx={{\n display: \"grid\",\n gridTemplateColumns: gridTemplateColumns,\n gap: compact ? 1 : 2,\n pb: compact ? 1 : 2.5,\n borderBottom: \"1px solid #f0f0f0\",\n }}\n >\n {columns.map((header) => (\n <Typography\n key={header}\n sx={{\n fontSize: compact ? \"9px\" : \"12px\",\n color: \"rgba(0, 0, 0, 0.4)\",\n fontWeight: 500,\n textAlign: \"left\",\n }}\n >\n {header}\n </Typography>\n ))}\n </Box>\n\n <Box sx={{ mt: 1 }}>\n {rows.map((row, idx) => (\n <Box\n key={idx}\n sx={{\n display: \"grid\",\n gridTemplateColumns: gridTemplateColumns,\n gap: compact ? 1 : 2,\n py: compact ? 0.5 : 1.2,\n alignItems: \"center\",\n borderBottom:\n idx === rows.length - 1 ? \"none\" : \"1px solid #f5f5f5\",\n }}\n >\n {/* Column 1: Item with Avatar/Icon */}\n <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 1.5 }}>\n {(row.icon || row.id) && (\n <Box\n sx={{\n width: compact ? 22 : 32,\n height: compact ? 22 : 32,\n borderRadius: \"50%\",\n bgcolor: \"#fff\",\n border: `2px solid ${row.avatarBorder || row.avatarBg || \"#E5E7EB\"}`,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n flexShrink: 0,\n boxSizing: \"border-box\",\n filter: row.comingSoon ? \"grayscale(1)\" : \"none\",\n opacity: row.comingSoon ? 0.55 : 1,\n }}\n >\n {row.icon ? (\n <row.icon\n size={compact ? 12 : 16}\n color={row.iconColor || row.avatarBorder || row.avatarBg}\n />\n ) : (\n <Typography\n sx={{\n fontSize: compact ? \"8px\" : \"10px\",\n fontWeight: 700,\n color: row.avatarColor || \"#111\",\n }}\n >\n {row.id}\n </Typography>\n )}\n </Box>\n )}\n <Typography\n sx={{\n fontSize: compact ? \"10px\" : \"12px\",\n fontWeight: 700,\n color: row.comingSoon ? \"#9CA3AF\" : \"#000\",\n }}\n >\n {row.name}\n </Typography>\n </Box>\n\n {/* Column 2: Value 1 (Spent/Raised) */}\n <Typography\n sx={{\n fontSize: compact ? \"10px\" : \"13px\",\n fontWeight: 600,\n color: row.comingSoon ? \"#9CA3AF\" : \"#000\",\n textAlign: \"left\",\n }}\n >\n {row.val1}\n </Typography>\n\n {/* Column 3: Progress or Value 2 */}\n {row.type === \"progress\" ? (\n <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 1.5, }}>\n <Box sx={{ flexGrow: 1 }}>\n <LinearProgress\n variant=\"determinate\"\n value={Math.min(100, Math.max(0, row.progress ?? 0))}\n sx={{\n height: compact ? 6 : 8,\n borderRadius: 4,\n bgcolor: \"#F3F4F6\",\n \"& .MuiLinearProgress-bar\": {\n borderRadius: 4,\n bgcolor: row.progressColor || \"rgb(99, 99, 230)\",\n },\n }}\n />\n </Box>\n <Typography\n sx={{\n fontSize: compact ? \"9px\" : \"11px\",\n color: \"rgba(0, 0, 0, 0.4)\",\n minWidth: \"30px\",\n }}\n >\n {row.progress}%\n </Typography>\n </Box>\n ) : (\n <Typography\n sx={{\n fontSize: \"13px\",\n fontWeight: 600,\n color: row.comingSoon ? \"#9CA3AF\" : \"#000\",\n textAlign: \"left\",\n }}\n >\n {row.val2}\n </Typography>\n )}\n\n {/* Column 4: Value 3 or highlighted ROAS */}\n <Typography\n sx={{\n fontSize: compact ? \"10px\" : \"13px\",\n fontWeight: row.highlightVal3 ? 700 : 500,\n color: row.comingSoon\n ? \"#9CA3AF\"\n : row.highlightVal3\n ? row.val3Color || \"#22C55E\"\n : \"#000\",\n textAlign: \"left\",\n }}\n >\n {row.val3}\n </Typography>\n\n {/* Column 5: Value 4 */}\n <Typography\n sx={{\n fontSize: \"13px\",\n fontWeight: 500,\n color: row.comingSoon ? \"#9CA3AF\" : \"#000\",\n textAlign: \"left\",\n }}\n >\n {row.val4}\n </Typography>\n\n {/* Column 6: Status or Trend */}\n {columns.length > 5 && (\n <Box>\n {row.comingSoon ? (\n <Box\n sx={{\n display: \"inline-block\",\n px: compact ? 1 : 1.5,\n py: compact ? 0.25 : 0.5,\n borderRadius: \"100px\",\n bgcolor: \"#F3F4F6\",\n color: \"#9CA3AF\",\n fontSize: compact ? \"9px\" : \"11px\",\n fontWeight: 700,\n textAlign: \"center\",\n whiteSpace: \"nowrap\",\n }}\n >\n Coming Soon\n </Box>\n ) : row.type === \"trend\" ? (\n <Box\n sx={{\n display: \"flex\",\n alignItems: \"center\",\n gap: 0.5,\n }}\n >\n {row.trendType === \"up\" ? (\n <>\n <Typography sx={{ fontSize: \"14px\", color: \"#22C55E\" }}>\n ▲\n </Typography>\n <Typography\n sx={{\n fontSize: \"12px\",\n color: \"#22C55E\",\n fontWeight: 700,\n }}\n >\n {row.trendLabel}\n </Typography>\n </>\n ) : (\n <>\n <Typography sx={{ fontSize: \"14px\", color: \"#EF4444\" }}>\n ▼\n </Typography>\n <Typography\n sx={{\n fontSize: \"12px\",\n color: \"#EF4444\",\n fontWeight: 700,\n }}\n >\n {row.trendLabel}\n </Typography>\n </>\n )}\n </Box>\n ) : (\n <Box\n sx={{\n display: \"inline-block\",\n px: compact ? 1 : 1.5,\n py: compact ? 0.25 : 0.5,\n borderRadius: \"100px\",\n bgcolor: row.statusBg,\n color: row.statusColor,\n fontSize: compact ? \"9px\" : \"11px\",\n fontWeight: 700,\n textAlign: \"center\",\n }}\n >\n {row.status}\n </Box>\n )}\n </Box>\n )}\n </Box>\n ))}\n </Box>\n </Box>\n </Box>\n </Box>\n );\n};\n\nexport default ActiveCampaignsCard;\n"],"names":["ActiveCampaignsCard","_ref","_ref$title","title","_ref$subtitle","subtitle","actionLabel","_ref$columns","columns","_ref$rows","rows","_ref$gridTemplateColu","gridTemplateColumns","height","_ref$compact","compact","_ref$sx","sx","_ref$headerSx","headerSx","_ref$tableSx","tableSx","_jsxs","Box","_objectSpread","bgcolor","borderRadius","border","boxShadow","p","children","display","justifyContent","alignItems","mb","_jsx","Typography","fontWeight","fontSize","color","textAlign","lineHeight","cursor","overflowX","minWidth","gap","pb","borderBottom","map","header","mt","row","idx","_row$progress","py","length","icon","id","width","concat","avatarBorder","avatarBg","flexShrink","boxSizing","filter","comingSoon","opacity","size","iconColor","avatarColor","name","val1","type","flexGrow","LinearProgress","variant","value","Math","min","max","progress","progressColor","val2","highlightVal3","val3Color","val3","val4","px","whiteSpace","trendType","_Fragment","trendLabel","statusBg","statusColor","status"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MetricCard.cjs.js","sources":["../src/config/helper.js","../src/components/advanced/MetricCard/index.jsx"],"sourcesContent":["export const TREND_UP_COLOR = \"#22C55E\";\r\nexport const TREND_DOWN_COLOR = \"#EF4444\";\r\n\r\nexport function getTrendDirection(valueOrText) {\r\n const text = String(valueOrText ?? \"\").trim();\r\n if (text.includes(\"▼\")) return \"down\";\r\n if (text.includes(\"▲\")) return \"up\";\r\n\r\n const match = text.match(/-?\\d+(\\.\\d+)?/);\r\n if (!match) return \"neutral\";\r\n\r\n const n = Number(match[0]);\r\n if (n < 0) return \"down\";\r\n if (n > 0) return \"up\";\r\n return \"neutral\";\r\n}\r\n\r\nexport function getTrendColor(\r\n valueOrText,\r\n { up = TREND_UP_COLOR, down = TREND_DOWN_COLOR, neutral = up } = {}\r\n) {\r\n const direction = getTrendDirection(valueOrText);\r\n if (direction === \"down\") return down;\r\n if (direction === \"up\") return up;\r\n return neutral;\r\n}\r\n\r\nexport function getTrendArrow(valueOrText) {\r\n const direction = getTrendDirection(valueOrText);\r\n if (direction === \"down\") return \"▼\";\r\n if (direction === \"up\") return \"▲\";\r\n return \"\";\r\n}\r\n\r\nexport function formatCurrency(value) {\r\n return `$${Number(value ?? 0).toLocaleString(\"en-US\")}`;\r\n}\r\n\r\nexport function formatNumber(num) {\r\n if (num >= 1_000_000_000) {\r\n return (num / 1_000_000_000).toFixed(2).replace(/\\.00$/, \"\") + \"B\";\r\n }\r\n\r\n if (num >= 1_000_000) {\r\n return (num / 1_000_000).toFixed(2).replace(/\\.00$/, \"\") + \"M\";\r\n }\r\n\r\n if (num >= 1_000) {\r\n return (num / 1_000).toFixed(2).replace(/\\.00$/, \"\") + \"K\";\r\n }\r\n\r\n return (num ?? 0).toString();\r\n}","import { Avatar, Box, Stack, Typography } from \"@mui/material\";\r\nimport { getTrendColor, getTrendDirection } from \"../../../config/helper\";\r\n\r\n\r\nconst MetricCard = ({\r\n title,\r\n value,\r\n caption,\r\n icon,\r\n active,\r\n warning,\r\n error,\r\n onClick,\r\n sx = {},\r\n titleSx = {},\r\n valueSx = {},\r\n captionSx = {},\r\n avatarSx = {},\r\n}) => {\r\n const captionText = String(caption ?? \"\");\r\n const isPercentCaption = captionText.includes(\"%\");\r\n const trendDirection = isPercentCaption ? getTrendDirection(captionText) : \"neutral\";\r\n const hasTrendArrow = captionText.includes(\"▼\") || captionText.includes(\"▲\");\r\n const trendPrefix =\r\n hasTrendArrow || !isPercentCaption\r\n ? \"\"\r\n : trendDirection === \"down\"\r\n ? \"▼ \"\r\n : trendDirection === \"up\"\r\n ? \"▲ \"\r\n : \"\";\r\n const captionColor = captionText.includes(\"failed\")\r\n ? \"#4F46E5\"\r\n : error\r\n ? \"#ef4444\"\r\n : isPercentCaption\r\n ? getTrendColor(captionText, { up: \"#0B8F61\", down: \"#ef4444\" })\r\n : \"#0B8F61\";\r\n\r\n return (\r\n <Box\r\n sx={{\r\n bgcolor: \"#fff\",\r\n border: `1.5px solid ${active ? \"#4F46E5\" : warning ? \"#F3B33D\" : error ? \"#ef4444\" : \"#F1F1F5\"}`,\r\n borderRadius: \"16px\",\r\n p: { xs: 1.75, md: 2 },\r\n paddingTop: \"10px !important\", paddingBottom: \"10px !important\",\r\n height: 92,\r\n boxShadow: \"0 14px 30px rgba(21, 26, 45, 0.06)\",\r\n ...sx,\r\n }}\r\n onClick={onClick}\r\n >\r\n <Stack\r\n direction=\"row\"\r\n justifyContent=\"space-between\"\r\n alignItems=\"center\"\r\n >\r\n <Typography\r\n sx={{\r\n color: active ? \"#818CF8\" : \"#999EAA\",\r\n fontSize: 13,\r\n fontWeight: 500,\r\n letterSpacing: 0,\r\n ...titleSx,\r\n }}\r\n >\r\n {title}\r\n </Typography>\r\n <Avatar\r\n sx={{\r\n width: 30,\r\n height: 30,\r\n bgcolor: warning ? \"#FFF3CF\" : error ? \"#fee2e2\" : \"#EEF2FF\",\r\n color: warning ? \"#B45309\" : error ? \"#ef4444\" : \"#4F46E5\",\r\n p: 0.625,\r\n \"& .MuiSvgIcon-root, & svg\": {\r\n width: \"100%\",\r\n height: \"100%\",\r\n },\r\n ...avatarSx,\r\n }}\r\n >\r\n {icon}\r\n </Avatar>\r\n </Stack>\r\n <Typography\r\n sx={{\r\n fontSize: 22,\r\n fontWeight: 700,\r\n color: active ? \"#4F46E5\" : \"#050509\",\r\n lineHeight: 1.15,\r\n ...valueSx,\r\n }}\r\n >\r\n {value}\r\n </Typography>\r\n <Typography\r\n sx={{\r\n fontSize: 12,\r\n fontWeight: 500,\r\n color: captionColor,\r\n ...captionSx,\r\n }}\r\n >\r\n {`${trendPrefix}${captionText}`}\r\n </Typography>\r\n </Box>\r\n );\r\n};\r\n\r\nexport default MetricCard;\r\n"],"names":["TREND_UP_COLOR","TREND_DOWN_COLOR","getTrendDirection","valueOrText","text","String","trim","includes","match","n","Number","getTrendColor","_ref","arguments","length","undefined","_ref$up","up","_ref$down","down","_ref$neutral","neutral","direction","MetricCard","title","value","caption","icon","active","warning","error","onClick","_ref$sx","sx","_ref$titleSx","titleSx","_ref$valueSx","valueSx","_ref$captionSx","captionSx","_ref$avatarSx","avatarSx","captionText","isPercentCaption","trendDirection","hasTrendArrow","trendPrefix","captionColor","_jsxs","Box","_objectSpread","bgcolor","border","concat","borderRadius","p","xs","md","paddingTop","paddingBottom","height","boxShadow","children","Stack","justifyContent","alignItems","_jsx","Typography","color","fontSize","fontWeight","letterSpacing","Avatar","width","lineHeight"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"MetricCard.cjs.js","sources":["../src/config/helper.js","../src/components/advanced/MetricCard/index.jsx"],"sourcesContent":["export const TREND_UP_COLOR = \"#22C55E\";\nexport const TREND_DOWN_COLOR = \"#EF4444\";\n\nexport function getTrendDirection(valueOrText) {\n const text = String(valueOrText ?? \"\").trim();\n if (text.includes(\"▼\")) return \"down\";\n if (text.includes(\"▲\")) return \"up\";\n\n const match = text.match(/-?\\d+(\\.\\d+)?/);\n if (!match) return \"neutral\";\n\n const n = Number(match[0]);\n if (n < 0) return \"down\";\n if (n > 0) return \"up\";\n return \"neutral\";\n}\n\nexport function getTrendColor(\n valueOrText,\n { up = TREND_UP_COLOR, down = TREND_DOWN_COLOR, neutral = up } = {}\n) {\n const direction = getTrendDirection(valueOrText);\n if (direction === \"down\") return down;\n if (direction === \"up\") return up;\n return neutral;\n}\n\nexport function getTrendArrow(valueOrText) {\n const direction = getTrendDirection(valueOrText);\n if (direction === \"down\") return \"▼\";\n if (direction === \"up\") return \"▲\";\n return \"\";\n}\n\nexport function formatCurrency(value) {\n return `$${Number(value ?? 0).toLocaleString(\"en-US\")}`;\n}\n\nexport function formatNumber(num) {\n if (num >= 1_000_000_000) {\n return (num / 1_000_000_000).toFixed(2).replace(/\\.00$/, \"\") + \"B\";\n }\n\n if (num >= 1_000_000) {\n return (num / 1_000_000).toFixed(2).replace(/\\.00$/, \"\") + \"M\";\n }\n\n if (num >= 1_000) {\n return (num / 1_000).toFixed(2).replace(/\\.00$/, \"\") + \"K\";\n }\n\n return (num ?? 0).toString();\n}","import { Avatar, Box, Stack, Typography } from \"@mui/material\";\nimport { getTrendColor, getTrendDirection } from \"../../../config/helper\";\n\n\nconst MetricCard = ({\n title,\n value,\n caption,\n icon,\n active,\n warning,\n error,\n onClick,\n sx = {},\n titleSx = {},\n valueSx = {},\n captionSx = {},\n avatarSx = {},\n}) => {\n const captionText = String(caption ?? \"\");\n const isPercentCaption = captionText.includes(\"%\");\n const trendDirection = isPercentCaption ? getTrendDirection(captionText) : \"neutral\";\n const hasTrendArrow = captionText.includes(\"▼\") || captionText.includes(\"▲\");\n const trendPrefix =\n hasTrendArrow || !isPercentCaption\n ? \"\"\n : trendDirection === \"down\"\n ? \"▼ \"\n : trendDirection === \"up\"\n ? \"▲ \"\n : \"\";\n const captionColor = captionText.includes(\"failed\")\n ? \"#4F46E5\"\n : error\n ? \"#ef4444\"\n : isPercentCaption\n ? getTrendColor(captionText, { up: \"#0B8F61\", down: \"#ef4444\" })\n : \"#0B8F61\";\n\n return (\n <Box\n sx={{\n bgcolor: \"#fff\",\n border: `1.5px solid ${active ? \"#4F46E5\" : warning ? \"#F3B33D\" : error ? \"#ef4444\" : \"#F1F1F5\"}`,\n borderRadius: \"16px\",\n p: { xs: 1.75, md: 2 },\n paddingTop: \"10px !important\", paddingBottom: \"10px !important\",\n height: 92,\n boxShadow: \"0 14px 30px rgba(21, 26, 45, 0.06)\",\n ...sx,\n }}\n onClick={onClick}\n >\n <Stack\n direction=\"row\"\n justifyContent=\"space-between\"\n alignItems=\"center\"\n >\n <Typography\n sx={{\n color: active ? \"#818CF8\" : \"#999EAA\",\n fontSize: 13,\n fontWeight: 500,\n letterSpacing: 0,\n ...titleSx,\n }}\n >\n {title}\n </Typography>\n <Avatar\n sx={{\n width: 30,\n height: 30,\n bgcolor: warning ? \"#FFF3CF\" : error ? \"#fee2e2\" : \"#EEF2FF\",\n color: warning ? \"#B45309\" : error ? \"#ef4444\" : \"#4F46E5\",\n p: 0.625,\n \"& .MuiSvgIcon-root, & svg\": {\n width: \"100%\",\n height: \"100%\",\n },\n ...avatarSx,\n }}\n >\n {icon}\n </Avatar>\n </Stack>\n <Typography\n sx={{\n fontSize: 22,\n fontWeight: 700,\n color: active ? \"#4F46E5\" : \"#050509\",\n lineHeight: 1.15,\n ...valueSx,\n }}\n >\n {value}\n </Typography>\n <Typography\n sx={{\n fontSize: 12,\n fontWeight: 500,\n color: captionColor,\n ...captionSx,\n }}\n >\n {`${trendPrefix}${captionText}`}\n </Typography>\n </Box>\n );\n};\n\nexport default MetricCard;\n"],"names":["TREND_UP_COLOR","TREND_DOWN_COLOR","getTrendDirection","valueOrText","text","String","trim","includes","match","n","Number","getTrendColor","_ref","arguments","length","undefined","_ref$up","up","_ref$down","down","_ref$neutral","neutral","direction","MetricCard","title","value","caption","icon","active","warning","error","onClick","_ref$sx","sx","_ref$titleSx","titleSx","_ref$valueSx","valueSx","_ref$captionSx","captionSx","_ref$avatarSx","avatarSx","captionText","isPercentCaption","trendDirection","hasTrendArrow","trendPrefix","captionColor","_jsxs","Box","_objectSpread","bgcolor","border","concat","borderRadius","p","xs","md","paddingTop","paddingBottom","height","boxShadow","children","Stack","justifyContent","alignItems","_jsx","Typography","color","fontSize","fontWeight","letterSpacing","Avatar","width","lineHeight"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MetricCard.es.js","sources":["../src/config/helper.js","../src/components/advanced/MetricCard/index.jsx"],"sourcesContent":["export const TREND_UP_COLOR = \"#22C55E\";\r\nexport const TREND_DOWN_COLOR = \"#EF4444\";\r\n\r\nexport function getTrendDirection(valueOrText) {\r\n const text = String(valueOrText ?? \"\").trim();\r\n if (text.includes(\"▼\")) return \"down\";\r\n if (text.includes(\"▲\")) return \"up\";\r\n\r\n const match = text.match(/-?\\d+(\\.\\d+)?/);\r\n if (!match) return \"neutral\";\r\n\r\n const n = Number(match[0]);\r\n if (n < 0) return \"down\";\r\n if (n > 0) return \"up\";\r\n return \"neutral\";\r\n}\r\n\r\nexport function getTrendColor(\r\n valueOrText,\r\n { up = TREND_UP_COLOR, down = TREND_DOWN_COLOR, neutral = up } = {}\r\n) {\r\n const direction = getTrendDirection(valueOrText);\r\n if (direction === \"down\") return down;\r\n if (direction === \"up\") return up;\r\n return neutral;\r\n}\r\n\r\nexport function getTrendArrow(valueOrText) {\r\n const direction = getTrendDirection(valueOrText);\r\n if (direction === \"down\") return \"▼\";\r\n if (direction === \"up\") return \"▲\";\r\n return \"\";\r\n}\r\n\r\nexport function formatCurrency(value) {\r\n return `$${Number(value ?? 0).toLocaleString(\"en-US\")}`;\r\n}\r\n\r\nexport function formatNumber(num) {\r\n if (num >= 1_000_000_000) {\r\n return (num / 1_000_000_000).toFixed(2).replace(/\\.00$/, \"\") + \"B\";\r\n }\r\n\r\n if (num >= 1_000_000) {\r\n return (num / 1_000_000).toFixed(2).replace(/\\.00$/, \"\") + \"M\";\r\n }\r\n\r\n if (num >= 1_000) {\r\n return (num / 1_000).toFixed(2).replace(/\\.00$/, \"\") + \"K\";\r\n }\r\n\r\n return (num ?? 0).toString();\r\n}","import { Avatar, Box, Stack, Typography } from \"@mui/material\";\r\nimport { getTrendColor, getTrendDirection } from \"../../../config/helper\";\r\n\r\n\r\nconst MetricCard = ({\r\n title,\r\n value,\r\n caption,\r\n icon,\r\n active,\r\n warning,\r\n error,\r\n onClick,\r\n sx = {},\r\n titleSx = {},\r\n valueSx = {},\r\n captionSx = {},\r\n avatarSx = {},\r\n}) => {\r\n const captionText = String(caption ?? \"\");\r\n const isPercentCaption = captionText.includes(\"%\");\r\n const trendDirection = isPercentCaption ? getTrendDirection(captionText) : \"neutral\";\r\n const hasTrendArrow = captionText.includes(\"▼\") || captionText.includes(\"▲\");\r\n const trendPrefix =\r\n hasTrendArrow || !isPercentCaption\r\n ? \"\"\r\n : trendDirection === \"down\"\r\n ? \"▼ \"\r\n : trendDirection === \"up\"\r\n ? \"▲ \"\r\n : \"\";\r\n const captionColor = captionText.includes(\"failed\")\r\n ? \"#4F46E5\"\r\n : error\r\n ? \"#ef4444\"\r\n : isPercentCaption\r\n ? getTrendColor(captionText, { up: \"#0B8F61\", down: \"#ef4444\" })\r\n : \"#0B8F61\";\r\n\r\n return (\r\n <Box\r\n sx={{\r\n bgcolor: \"#fff\",\r\n border: `1.5px solid ${active ? \"#4F46E5\" : warning ? \"#F3B33D\" : error ? \"#ef4444\" : \"#F1F1F5\"}`,\r\n borderRadius: \"16px\",\r\n p: { xs: 1.75, md: 2 },\r\n paddingTop: \"10px !important\", paddingBottom: \"10px !important\",\r\n height: 92,\r\n boxShadow: \"0 14px 30px rgba(21, 26, 45, 0.06)\",\r\n ...sx,\r\n }}\r\n onClick={onClick}\r\n >\r\n <Stack\r\n direction=\"row\"\r\n justifyContent=\"space-between\"\r\n alignItems=\"center\"\r\n >\r\n <Typography\r\n sx={{\r\n color: active ? \"#818CF8\" : \"#999EAA\",\r\n fontSize: 13,\r\n fontWeight: 500,\r\n letterSpacing: 0,\r\n ...titleSx,\r\n }}\r\n >\r\n {title}\r\n </Typography>\r\n <Avatar\r\n sx={{\r\n width: 30,\r\n height: 30,\r\n bgcolor: warning ? \"#FFF3CF\" : error ? \"#fee2e2\" : \"#EEF2FF\",\r\n color: warning ? \"#B45309\" : error ? \"#ef4444\" : \"#4F46E5\",\r\n p: 0.625,\r\n \"& .MuiSvgIcon-root, & svg\": {\r\n width: \"100%\",\r\n height: \"100%\",\r\n },\r\n ...avatarSx,\r\n }}\r\n >\r\n {icon}\r\n </Avatar>\r\n </Stack>\r\n <Typography\r\n sx={{\r\n fontSize: 22,\r\n fontWeight: 700,\r\n color: active ? \"#4F46E5\" : \"#050509\",\r\n lineHeight: 1.15,\r\n ...valueSx,\r\n }}\r\n >\r\n {value}\r\n </Typography>\r\n <Typography\r\n sx={{\r\n fontSize: 12,\r\n fontWeight: 500,\r\n color: captionColor,\r\n ...captionSx,\r\n }}\r\n >\r\n {`${trendPrefix}${captionText}`}\r\n </Typography>\r\n </Box>\r\n );\r\n};\r\n\r\nexport default MetricCard;\r\n"],"names":["TREND_UP_COLOR","TREND_DOWN_COLOR","getTrendDirection","valueOrText","text","String","trim","includes","match","n","Number","getTrendColor","_ref","arguments","length","undefined","_ref$up","up","_ref$down","down","_ref$neutral","neutral","direction","MetricCard","title","value","caption","icon","active","warning","error","onClick","_ref$sx","sx","_ref$titleSx","titleSx","_ref$valueSx","valueSx","_ref$captionSx","captionSx","_ref$avatarSx","avatarSx","captionText","isPercentCaption","trendDirection","hasTrendArrow","trendPrefix","captionColor","_jsxs","Box","_objectSpread","bgcolor","border","concat","borderRadius","p","xs","md","paddingTop","paddingBottom","height","boxShadow","children","Stack","justifyContent","alignItems","_jsx","Typography","color","fontSize","fontWeight","letterSpacing","Avatar","width","lineHeight"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"MetricCard.es.js","sources":["../src/config/helper.js","../src/components/advanced/MetricCard/index.jsx"],"sourcesContent":["export const TREND_UP_COLOR = \"#22C55E\";\nexport const TREND_DOWN_COLOR = \"#EF4444\";\n\nexport function getTrendDirection(valueOrText) {\n const text = String(valueOrText ?? \"\").trim();\n if (text.includes(\"▼\")) return \"down\";\n if (text.includes(\"▲\")) return \"up\";\n\n const match = text.match(/-?\\d+(\\.\\d+)?/);\n if (!match) return \"neutral\";\n\n const n = Number(match[0]);\n if (n < 0) return \"down\";\n if (n > 0) return \"up\";\n return \"neutral\";\n}\n\nexport function getTrendColor(\n valueOrText,\n { up = TREND_UP_COLOR, down = TREND_DOWN_COLOR, neutral = up } = {}\n) {\n const direction = getTrendDirection(valueOrText);\n if (direction === \"down\") return down;\n if (direction === \"up\") return up;\n return neutral;\n}\n\nexport function getTrendArrow(valueOrText) {\n const direction = getTrendDirection(valueOrText);\n if (direction === \"down\") return \"▼\";\n if (direction === \"up\") return \"▲\";\n return \"\";\n}\n\nexport function formatCurrency(value) {\n return `$${Number(value ?? 0).toLocaleString(\"en-US\")}`;\n}\n\nexport function formatNumber(num) {\n if (num >= 1_000_000_000) {\n return (num / 1_000_000_000).toFixed(2).replace(/\\.00$/, \"\") + \"B\";\n }\n\n if (num >= 1_000_000) {\n return (num / 1_000_000).toFixed(2).replace(/\\.00$/, \"\") + \"M\";\n }\n\n if (num >= 1_000) {\n return (num / 1_000).toFixed(2).replace(/\\.00$/, \"\") + \"K\";\n }\n\n return (num ?? 0).toString();\n}","import { Avatar, Box, Stack, Typography } from \"@mui/material\";\nimport { getTrendColor, getTrendDirection } from \"../../../config/helper\";\n\n\nconst MetricCard = ({\n title,\n value,\n caption,\n icon,\n active,\n warning,\n error,\n onClick,\n sx = {},\n titleSx = {},\n valueSx = {},\n captionSx = {},\n avatarSx = {},\n}) => {\n const captionText = String(caption ?? \"\");\n const isPercentCaption = captionText.includes(\"%\");\n const trendDirection = isPercentCaption ? getTrendDirection(captionText) : \"neutral\";\n const hasTrendArrow = captionText.includes(\"▼\") || captionText.includes(\"▲\");\n const trendPrefix =\n hasTrendArrow || !isPercentCaption\n ? \"\"\n : trendDirection === \"down\"\n ? \"▼ \"\n : trendDirection === \"up\"\n ? \"▲ \"\n : \"\";\n const captionColor = captionText.includes(\"failed\")\n ? \"#4F46E5\"\n : error\n ? \"#ef4444\"\n : isPercentCaption\n ? getTrendColor(captionText, { up: \"#0B8F61\", down: \"#ef4444\" })\n : \"#0B8F61\";\n\n return (\n <Box\n sx={{\n bgcolor: \"#fff\",\n border: `1.5px solid ${active ? \"#4F46E5\" : warning ? \"#F3B33D\" : error ? \"#ef4444\" : \"#F1F1F5\"}`,\n borderRadius: \"16px\",\n p: { xs: 1.75, md: 2 },\n paddingTop: \"10px !important\", paddingBottom: \"10px !important\",\n height: 92,\n boxShadow: \"0 14px 30px rgba(21, 26, 45, 0.06)\",\n ...sx,\n }}\n onClick={onClick}\n >\n <Stack\n direction=\"row\"\n justifyContent=\"space-between\"\n alignItems=\"center\"\n >\n <Typography\n sx={{\n color: active ? \"#818CF8\" : \"#999EAA\",\n fontSize: 13,\n fontWeight: 500,\n letterSpacing: 0,\n ...titleSx,\n }}\n >\n {title}\n </Typography>\n <Avatar\n sx={{\n width: 30,\n height: 30,\n bgcolor: warning ? \"#FFF3CF\" : error ? \"#fee2e2\" : \"#EEF2FF\",\n color: warning ? \"#B45309\" : error ? \"#ef4444\" : \"#4F46E5\",\n p: 0.625,\n \"& .MuiSvgIcon-root, & svg\": {\n width: \"100%\",\n height: \"100%\",\n },\n ...avatarSx,\n }}\n >\n {icon}\n </Avatar>\n </Stack>\n <Typography\n sx={{\n fontSize: 22,\n fontWeight: 700,\n color: active ? \"#4F46E5\" : \"#050509\",\n lineHeight: 1.15,\n ...valueSx,\n }}\n >\n {value}\n </Typography>\n <Typography\n sx={{\n fontSize: 12,\n fontWeight: 500,\n color: captionColor,\n ...captionSx,\n }}\n >\n {`${trendPrefix}${captionText}`}\n </Typography>\n </Box>\n );\n};\n\nexport default MetricCard;\n"],"names":["TREND_UP_COLOR","TREND_DOWN_COLOR","getTrendDirection","valueOrText","text","String","trim","includes","match","n","Number","getTrendColor","_ref","arguments","length","undefined","_ref$up","up","_ref$down","down","_ref$neutral","neutral","direction","MetricCard","title","value","caption","icon","active","warning","error","onClick","_ref$sx","sx","_ref$titleSx","titleSx","_ref$valueSx","valueSx","_ref$captionSx","captionSx","_ref$avatarSx","avatarSx","captionText","isPercentCaption","trendDirection","hasTrendArrow","trendPrefix","captionColor","_jsxs","Box","_objectSpread","bgcolor","border","concat","borderRadius","p","xs","md","paddingTop","paddingBottom","height","boxShadow","children","Stack","justifyContent","alignItems","_jsx","Typography","color","fontSize","fontWeight","letterSpacing","Avatar","width","lineHeight"],"mappings":"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"}
|