@ammarkhalidfarooq/dashboard-package 0.5.40 → 0.6.0
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 +113 -1
- package/dist/ActiveCampaignsCard.cjs.js +266 -0
- package/dist/ActiveCampaignsCard.cjs.js.map +1 -0
- package/dist/ActiveCampaignsCard.es.js +264 -0
- package/dist/ActiveCampaignsCard.es.js.map +1 -0
- package/dist/index.cjs.js +306 -304
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +306 -305
- package/dist/index.es.js.map +1 -1
- package/package.json +5 -1
package/dist/index.es.js
CHANGED
|
@@ -889,6 +889,265 @@ var Dashboard = function Dashboard(_ref) {
|
|
|
889
889
|
});
|
|
890
890
|
};
|
|
891
891
|
|
|
892
|
+
var ActiveCampaignsCard = function ActiveCampaignsCard(_ref) {
|
|
893
|
+
var _ref$title = _ref.title,
|
|
894
|
+
title = _ref$title === void 0 ? "Active campaigns" : _ref$title,
|
|
895
|
+
_ref$subtitle = _ref.subtitle,
|
|
896
|
+
subtitle = _ref$subtitle === void 0 ? "Live fundraisers ranked by velocity" : _ref$subtitle,
|
|
897
|
+
actionLabel = _ref.actionLabel,
|
|
898
|
+
_ref$columns = _ref.columns,
|
|
899
|
+
columns = _ref$columns === void 0 ? ["Campaign", "Raised", "Progress", "Donors", "Avg gift"] : _ref$columns,
|
|
900
|
+
_ref$rows = _ref.rows,
|
|
901
|
+
rows = _ref$rows === void 0 ? [] : _ref$rows,
|
|
902
|
+
_ref$gridTemplateColu = _ref.gridTemplateColumns,
|
|
903
|
+
gridTemplateColumns = _ref$gridTemplateColu === void 0 ? "3fr 1fr 1.5fr 0.8fr 1fr " : _ref$gridTemplateColu,
|
|
904
|
+
height = _ref.height,
|
|
905
|
+
_ref$compact = _ref.compact,
|
|
906
|
+
compact = _ref$compact === void 0 ? false : _ref$compact;
|
|
907
|
+
return /*#__PURE__*/jsxs(Box, {
|
|
908
|
+
sx: {
|
|
909
|
+
bgcolor: "#fff",
|
|
910
|
+
borderRadius: compact ? 3 : 4,
|
|
911
|
+
border: "1px solid #f0f0f0",
|
|
912
|
+
boxShadow: compact ? "0 2px 12px rgba(0,0,0,0.05)" : "0 4px 24px rgba(0,0,0,0.06)",
|
|
913
|
+
p: compact ? 1.5 : 3,
|
|
914
|
+
height: height
|
|
915
|
+
// height: "100%",
|
|
916
|
+
},
|
|
917
|
+
children: [/*#__PURE__*/jsxs(Box, {
|
|
918
|
+
sx: {
|
|
919
|
+
display: "flex",
|
|
920
|
+
justifyContent: "space-between",
|
|
921
|
+
alignItems: "flex-start",
|
|
922
|
+
mb: compact ? 1.25 : 3
|
|
923
|
+
},
|
|
924
|
+
children: [/*#__PURE__*/jsxs(Box, {
|
|
925
|
+
children: [/*#__PURE__*/jsx(Typography, {
|
|
926
|
+
sx: {
|
|
927
|
+
fontWeight: 700,
|
|
928
|
+
fontSize: compact ? "14px" : "18px",
|
|
929
|
+
color: "#000",
|
|
930
|
+
textAlign: "left"
|
|
931
|
+
},
|
|
932
|
+
children: title
|
|
933
|
+
}), /*#__PURE__*/jsx(Typography, {
|
|
934
|
+
sx: {
|
|
935
|
+
fontSize: compact ? "10px" : "13px",
|
|
936
|
+
color: "rgba(0, 0, 0, 0.4)",
|
|
937
|
+
mt: 0.2
|
|
938
|
+
},
|
|
939
|
+
children: subtitle
|
|
940
|
+
})]
|
|
941
|
+
}), actionLabel && /*#__PURE__*/jsx(Typography, {
|
|
942
|
+
sx: {
|
|
943
|
+
fontSize: compact ? "10px" : "13px",
|
|
944
|
+
fontWeight: 600,
|
|
945
|
+
color: "rgb(99, 99, 230)",
|
|
946
|
+
cursor: "pointer"
|
|
947
|
+
},
|
|
948
|
+
children: actionLabel
|
|
949
|
+
})]
|
|
950
|
+
}), /*#__PURE__*/jsx(Box, {
|
|
951
|
+
sx: {
|
|
952
|
+
overflowX: compact ? "hidden" : "auto"
|
|
953
|
+
},
|
|
954
|
+
children: /*#__PURE__*/jsxs(Box, {
|
|
955
|
+
sx: {
|
|
956
|
+
minWidth: compact ? 0 : "600px"
|
|
957
|
+
},
|
|
958
|
+
children: [/*#__PURE__*/jsx(Box, {
|
|
959
|
+
sx: {
|
|
960
|
+
display: "grid",
|
|
961
|
+
gridTemplateColumns: gridTemplateColumns,
|
|
962
|
+
gap: compact ? 1 : 2,
|
|
963
|
+
pb: compact ? 1 : 2.5,
|
|
964
|
+
borderBottom: "1px solid #f0f0f0"
|
|
965
|
+
},
|
|
966
|
+
children: columns.map(function (header) {
|
|
967
|
+
return /*#__PURE__*/jsx(Typography, {
|
|
968
|
+
sx: {
|
|
969
|
+
fontSize: compact ? "9px" : "12px",
|
|
970
|
+
color: "rgba(0, 0, 0, 0.4)",
|
|
971
|
+
fontWeight: 500,
|
|
972
|
+
textAlign: "left"
|
|
973
|
+
},
|
|
974
|
+
children: header
|
|
975
|
+
}, header);
|
|
976
|
+
})
|
|
977
|
+
}), /*#__PURE__*/jsx(Box, {
|
|
978
|
+
sx: {
|
|
979
|
+
mt: 1
|
|
980
|
+
},
|
|
981
|
+
children: rows.map(function (row, idx) {
|
|
982
|
+
var _row$progress;
|
|
983
|
+
return /*#__PURE__*/jsxs(Box, {
|
|
984
|
+
sx: {
|
|
985
|
+
display: "grid",
|
|
986
|
+
gridTemplateColumns: gridTemplateColumns,
|
|
987
|
+
gap: compact ? 1 : 2,
|
|
988
|
+
py: compact ? 0.5 : 1.2,
|
|
989
|
+
alignItems: "center",
|
|
990
|
+
borderBottom: idx === rows.length - 1 ? "none" : "1px solid #f5f5f5"
|
|
991
|
+
},
|
|
992
|
+
children: [/*#__PURE__*/jsxs(Box, {
|
|
993
|
+
sx: {
|
|
994
|
+
display: "flex",
|
|
995
|
+
alignItems: "center",
|
|
996
|
+
gap: 1.5
|
|
997
|
+
},
|
|
998
|
+
children: [row.id && /*#__PURE__*/jsx(Avatar, {
|
|
999
|
+
sx: {
|
|
1000
|
+
width: compact ? 22 : 28,
|
|
1001
|
+
height: compact ? 22 : 28,
|
|
1002
|
+
fontSize: compact ? "8px" : "10px",
|
|
1003
|
+
fontWeight: 700,
|
|
1004
|
+
bgcolor: row.avatarBg || "#F3F4F6",
|
|
1005
|
+
color: "rgb(99, 99, 230)"
|
|
1006
|
+
},
|
|
1007
|
+
children: row.id
|
|
1008
|
+
}), row.icon && /*#__PURE__*/jsx(Box, {
|
|
1009
|
+
sx: {
|
|
1010
|
+
color: row.iconColor || "inherit",
|
|
1011
|
+
display: "flex",
|
|
1012
|
+
alignItems: "center"
|
|
1013
|
+
},
|
|
1014
|
+
children: /*#__PURE__*/jsx(row.icon, {
|
|
1015
|
+
sx: {
|
|
1016
|
+
fontSize: "18px"
|
|
1017
|
+
}
|
|
1018
|
+
})
|
|
1019
|
+
}), /*#__PURE__*/jsx(Typography, {
|
|
1020
|
+
sx: {
|
|
1021
|
+
fontSize: compact ? "10px" : "12px",
|
|
1022
|
+
fontWeight: 700,
|
|
1023
|
+
color: "#000"
|
|
1024
|
+
},
|
|
1025
|
+
children: row.name
|
|
1026
|
+
})]
|
|
1027
|
+
}), /*#__PURE__*/jsx(Typography, {
|
|
1028
|
+
sx: {
|
|
1029
|
+
fontSize: compact ? "10px" : "13px",
|
|
1030
|
+
fontWeight: 600,
|
|
1031
|
+
color: "#000",
|
|
1032
|
+
textAlign: "left"
|
|
1033
|
+
},
|
|
1034
|
+
children: row.val1
|
|
1035
|
+
}), row.type === "progress" ? /*#__PURE__*/jsxs(Box, {
|
|
1036
|
+
sx: {
|
|
1037
|
+
display: "flex",
|
|
1038
|
+
alignItems: "center",
|
|
1039
|
+
gap: 1.5
|
|
1040
|
+
},
|
|
1041
|
+
children: [/*#__PURE__*/jsx(Box, {
|
|
1042
|
+
sx: {
|
|
1043
|
+
flexGrow: 1
|
|
1044
|
+
},
|
|
1045
|
+
children: /*#__PURE__*/jsx(LinearProgress, {
|
|
1046
|
+
variant: "determinate",
|
|
1047
|
+
value: Math.min(100, Math.max(0, (_row$progress = row.progress) !== null && _row$progress !== void 0 ? _row$progress : 0)),
|
|
1048
|
+
sx: {
|
|
1049
|
+
height: compact ? 6 : 8,
|
|
1050
|
+
borderRadius: 4,
|
|
1051
|
+
bgcolor: "#F3F4F6",
|
|
1052
|
+
"& .MuiLinearProgress-bar": {
|
|
1053
|
+
borderRadius: 4,
|
|
1054
|
+
bgcolor: row.progressColor || "rgb(99, 99, 230)"
|
|
1055
|
+
}
|
|
1056
|
+
}
|
|
1057
|
+
})
|
|
1058
|
+
}), /*#__PURE__*/jsxs(Typography, {
|
|
1059
|
+
sx: {
|
|
1060
|
+
fontSize: compact ? "9px" : "11px",
|
|
1061
|
+
color: "rgba(0, 0, 0, 0.4)",
|
|
1062
|
+
minWidth: "30px"
|
|
1063
|
+
},
|
|
1064
|
+
children: [row.progress, "%"]
|
|
1065
|
+
})]
|
|
1066
|
+
}) : /*#__PURE__*/jsx(Typography, {
|
|
1067
|
+
sx: {
|
|
1068
|
+
fontSize: "13px",
|
|
1069
|
+
fontWeight: 600,
|
|
1070
|
+
color: "#000",
|
|
1071
|
+
textAlign: "left"
|
|
1072
|
+
},
|
|
1073
|
+
children: row.val2
|
|
1074
|
+
}), /*#__PURE__*/jsx(Typography, {
|
|
1075
|
+
sx: {
|
|
1076
|
+
fontSize: compact ? "10px" : "13px",
|
|
1077
|
+
fontWeight: row.highlightVal3 ? 700 : 500,
|
|
1078
|
+
color: row.highlightVal3 ? row.val3Color || "#22C55E" : "#000",
|
|
1079
|
+
textAlign: "left"
|
|
1080
|
+
},
|
|
1081
|
+
children: row.val3
|
|
1082
|
+
}), /*#__PURE__*/jsx(Typography, {
|
|
1083
|
+
sx: {
|
|
1084
|
+
fontSize: "13px",
|
|
1085
|
+
fontWeight: 500,
|
|
1086
|
+
color: "#000",
|
|
1087
|
+
textAlign: "left"
|
|
1088
|
+
},
|
|
1089
|
+
children: row.val4
|
|
1090
|
+
}), columns.length > 5 && /*#__PURE__*/jsx(Box, {
|
|
1091
|
+
children: row.type === "trend" ? /*#__PURE__*/jsx(Box, {
|
|
1092
|
+
sx: {
|
|
1093
|
+
display: "flex",
|
|
1094
|
+
alignItems: "center",
|
|
1095
|
+
gap: 0.5
|
|
1096
|
+
},
|
|
1097
|
+
children: row.trendType === "up" ? /*#__PURE__*/jsxs(Fragment, {
|
|
1098
|
+
children: [/*#__PURE__*/jsx(Typography, {
|
|
1099
|
+
sx: {
|
|
1100
|
+
fontSize: "14px",
|
|
1101
|
+
color: "#22C55E"
|
|
1102
|
+
},
|
|
1103
|
+
children: "\u25B2"
|
|
1104
|
+
}), /*#__PURE__*/jsx(Typography, {
|
|
1105
|
+
sx: {
|
|
1106
|
+
fontSize: "12px",
|
|
1107
|
+
color: "#22C55E",
|
|
1108
|
+
fontWeight: 700
|
|
1109
|
+
},
|
|
1110
|
+
children: row.trendLabel
|
|
1111
|
+
})]
|
|
1112
|
+
}) : /*#__PURE__*/jsxs(Fragment, {
|
|
1113
|
+
children: [/*#__PURE__*/jsx(Typography, {
|
|
1114
|
+
sx: {
|
|
1115
|
+
fontSize: "14px",
|
|
1116
|
+
color: "#EF4444"
|
|
1117
|
+
},
|
|
1118
|
+
children: "\u25BC"
|
|
1119
|
+
}), /*#__PURE__*/jsx(Typography, {
|
|
1120
|
+
sx: {
|
|
1121
|
+
fontSize: "12px",
|
|
1122
|
+
color: "#EF4444",
|
|
1123
|
+
fontWeight: 700
|
|
1124
|
+
},
|
|
1125
|
+
children: row.trendLabel
|
|
1126
|
+
})]
|
|
1127
|
+
})
|
|
1128
|
+
}) : /*#__PURE__*/jsx(Box, {
|
|
1129
|
+
sx: {
|
|
1130
|
+
display: "inline-block",
|
|
1131
|
+
px: compact ? 1 : 1.5,
|
|
1132
|
+
py: compact ? 0.25 : 0.5,
|
|
1133
|
+
borderRadius: "100px",
|
|
1134
|
+
bgcolor: row.statusBg,
|
|
1135
|
+
color: row.statusColor,
|
|
1136
|
+
fontSize: compact ? "9px" : "11px",
|
|
1137
|
+
fontWeight: 700,
|
|
1138
|
+
textAlign: "center"
|
|
1139
|
+
},
|
|
1140
|
+
children: row.status
|
|
1141
|
+
})
|
|
1142
|
+
})]
|
|
1143
|
+
}, idx);
|
|
1144
|
+
})
|
|
1145
|
+
})]
|
|
1146
|
+
})
|
|
1147
|
+
})]
|
|
1148
|
+
});
|
|
1149
|
+
};
|
|
1150
|
+
|
|
892
1151
|
function formatNumber(num) {
|
|
893
1152
|
if (num >= 1000000000) {
|
|
894
1153
|
return (num / 1000000000).toFixed(1).replace(/\.0$/, "") + "B";
|
|
@@ -1360,320 +1619,61 @@ var ReportKpiSection = function ReportKpiSection(_ref3) {
|
|
|
1360
1619
|
border: "1px solid #E8EAFF",
|
|
1361
1620
|
borderLeft: "5px solid ".concat(REPORT_COLORS.purple),
|
|
1362
1621
|
p: exportMode ? 2 : 3,
|
|
1363
|
-
mb: exportMode ? 1.25 : 2,
|
|
1364
|
-
boxShadow: "0 4px 24px rgba(99,99,230,0.06)"
|
|
1365
|
-
},
|
|
1366
|
-
children: [/*#__PURE__*/jsx(Typography, {
|
|
1367
|
-
sx: {
|
|
1368
|
-
fontSize: 11,
|
|
1369
|
-
fontWeight: 700,
|
|
1370
|
-
letterSpacing: "0.8px",
|
|
1371
|
-
color: REPORT_COLORS.purple,
|
|
1372
|
-
textTransform: "uppercase",
|
|
1373
|
-
mb: 1
|
|
1374
|
-
},
|
|
1375
|
-
children: "Total Raised"
|
|
1376
|
-
}), /*#__PURE__*/jsxs(Box, {
|
|
1377
|
-
sx: {
|
|
1378
|
-
display: "flex",
|
|
1379
|
-
alignItems: "center",
|
|
1380
|
-
flexWrap: "wrap",
|
|
1381
|
-
gap: 1.5,
|
|
1382
|
-
mb: exportMode ? 0.75 : 1.5
|
|
1383
|
-
},
|
|
1384
|
-
children: [/*#__PURE__*/jsx(Typography, {
|
|
1385
|
-
sx: {
|
|
1386
|
-
fontSize: exportMode ? 30 : {
|
|
1387
|
-
xs: 32,
|
|
1388
|
-
md: 40
|
|
1389
|
-
},
|
|
1390
|
-
fontWeight: 800,
|
|
1391
|
-
color: "#111827",
|
|
1392
|
-
lineHeight: 1
|
|
1393
|
-
},
|
|
1394
|
-
children: hero.value
|
|
1395
|
-
}), /*#__PURE__*/jsx(TrendPill, {
|
|
1396
|
-
value: hero.trend
|
|
1397
|
-
})]
|
|
1398
|
-
}), /*#__PURE__*/jsx(Typography, {
|
|
1399
|
-
sx: {
|
|
1400
|
-
fontSize: exportMode ? 11 : 13,
|
|
1401
|
-
color: "#9CA3AF"
|
|
1402
|
-
},
|
|
1403
|
-
children: hero.detail
|
|
1404
|
-
})]
|
|
1405
|
-
}), /*#__PURE__*/jsx(Box, {
|
|
1406
|
-
sx: {
|
|
1407
|
-
display: "grid",
|
|
1408
|
-
gridTemplateColumns: exportMode ? "repeat(3, 1fr)" : {
|
|
1409
|
-
xs: "1fr 1fr",
|
|
1410
|
-
md: "repeat(3, 1fr)"
|
|
1411
|
-
},
|
|
1412
|
-
gap: exportMode ? 1 : 2
|
|
1413
|
-
},
|
|
1414
|
-
children: metrics.map(function (m) {
|
|
1415
|
-
return /*#__PURE__*/jsx(MetricCard$1, _objectSpread2(_objectSpread2({}, m), {}, {
|
|
1416
|
-
exportMode: exportMode
|
|
1417
|
-
}), m.title);
|
|
1418
|
-
})
|
|
1419
|
-
})]
|
|
1420
|
-
});
|
|
1421
|
-
};
|
|
1422
|
-
|
|
1423
|
-
var ActiveCampaignsCard = function ActiveCampaignsCard(_ref) {
|
|
1424
|
-
var _ref$title = _ref.title,
|
|
1425
|
-
title = _ref$title === void 0 ? "Active campaigns" : _ref$title,
|
|
1426
|
-
_ref$subtitle = _ref.subtitle,
|
|
1427
|
-
subtitle = _ref$subtitle === void 0 ? "Live fundraisers ranked by velocity" : _ref$subtitle,
|
|
1428
|
-
actionLabel = _ref.actionLabel,
|
|
1429
|
-
_ref$columns = _ref.columns,
|
|
1430
|
-
columns = _ref$columns === void 0 ? ["Campaign", "Raised", "Progress", "Donors", "Avg gift"] : _ref$columns,
|
|
1431
|
-
_ref$rows = _ref.rows,
|
|
1432
|
-
rows = _ref$rows === void 0 ? [] : _ref$rows,
|
|
1433
|
-
_ref$gridTemplateColu = _ref.gridTemplateColumns,
|
|
1434
|
-
gridTemplateColumns = _ref$gridTemplateColu === void 0 ? "3fr 1fr 1.5fr 0.8fr 1fr " : _ref$gridTemplateColu,
|
|
1435
|
-
height = _ref.height,
|
|
1436
|
-
_ref$compact = _ref.compact,
|
|
1437
|
-
compact = _ref$compact === void 0 ? false : _ref$compact;
|
|
1438
|
-
return /*#__PURE__*/jsxs(Box, {
|
|
1439
|
-
sx: {
|
|
1440
|
-
bgcolor: "#fff",
|
|
1441
|
-
borderRadius: compact ? 3 : 4,
|
|
1442
|
-
border: "1px solid #f0f0f0",
|
|
1443
|
-
boxShadow: compact ? "0 2px 12px rgba(0,0,0,0.05)" : "0 4px 24px rgba(0,0,0,0.06)",
|
|
1444
|
-
p: compact ? 1.5 : 3,
|
|
1445
|
-
height: height
|
|
1446
|
-
// height: "100%",
|
|
1447
|
-
},
|
|
1448
|
-
children: [/*#__PURE__*/jsxs(Box, {
|
|
1449
|
-
sx: {
|
|
1450
|
-
display: "flex",
|
|
1451
|
-
justifyContent: "space-between",
|
|
1452
|
-
alignItems: "flex-start",
|
|
1453
|
-
mb: compact ? 1.25 : 3
|
|
1622
|
+
mb: exportMode ? 1.25 : 2,
|
|
1623
|
+
boxShadow: "0 4px 24px rgba(99,99,230,0.06)"
|
|
1454
1624
|
},
|
|
1455
|
-
children: [/*#__PURE__*/
|
|
1625
|
+
children: [/*#__PURE__*/jsx(Typography, {
|
|
1626
|
+
sx: {
|
|
1627
|
+
fontSize: 11,
|
|
1628
|
+
fontWeight: 700,
|
|
1629
|
+
letterSpacing: "0.8px",
|
|
1630
|
+
color: REPORT_COLORS.purple,
|
|
1631
|
+
textTransform: "uppercase",
|
|
1632
|
+
mb: 1
|
|
1633
|
+
},
|
|
1634
|
+
children: "Total Raised"
|
|
1635
|
+
}), /*#__PURE__*/jsxs(Box, {
|
|
1636
|
+
sx: {
|
|
1637
|
+
display: "flex",
|
|
1638
|
+
alignItems: "center",
|
|
1639
|
+
flexWrap: "wrap",
|
|
1640
|
+
gap: 1.5,
|
|
1641
|
+
mb: exportMode ? 0.75 : 1.5
|
|
1642
|
+
},
|
|
1456
1643
|
children: [/*#__PURE__*/jsx(Typography, {
|
|
1457
1644
|
sx: {
|
|
1458
|
-
|
|
1459
|
-
|
|
1460
|
-
|
|
1461
|
-
|
|
1462
|
-
|
|
1463
|
-
|
|
1464
|
-
|
|
1465
|
-
sx: {
|
|
1466
|
-
fontSize: compact ? "10px" : "13px",
|
|
1467
|
-
color: "rgba(0, 0, 0, 0.4)",
|
|
1468
|
-
mt: 0.2
|
|
1645
|
+
fontSize: exportMode ? 30 : {
|
|
1646
|
+
xs: 32,
|
|
1647
|
+
md: 40
|
|
1648
|
+
},
|
|
1649
|
+
fontWeight: 800,
|
|
1650
|
+
color: "#111827",
|
|
1651
|
+
lineHeight: 1
|
|
1469
1652
|
},
|
|
1470
|
-
children:
|
|
1653
|
+
children: hero.value
|
|
1654
|
+
}), /*#__PURE__*/jsx(TrendPill, {
|
|
1655
|
+
value: hero.trend
|
|
1471
1656
|
})]
|
|
1472
|
-
}),
|
|
1657
|
+
}), /*#__PURE__*/jsx(Typography, {
|
|
1473
1658
|
sx: {
|
|
1474
|
-
fontSize:
|
|
1475
|
-
|
|
1476
|
-
color: "rgb(99, 99, 230)",
|
|
1477
|
-
cursor: "pointer"
|
|
1659
|
+
fontSize: exportMode ? 11 : 13,
|
|
1660
|
+
color: "#9CA3AF"
|
|
1478
1661
|
},
|
|
1479
|
-
children:
|
|
1662
|
+
children: hero.detail
|
|
1480
1663
|
})]
|
|
1481
1664
|
}), /*#__PURE__*/jsx(Box, {
|
|
1482
1665
|
sx: {
|
|
1483
|
-
|
|
1484
|
-
|
|
1485
|
-
|
|
1486
|
-
|
|
1487
|
-
minWidth: compact ? 0 : "600px"
|
|
1666
|
+
display: "grid",
|
|
1667
|
+
gridTemplateColumns: exportMode ? "repeat(3, 1fr)" : {
|
|
1668
|
+
xs: "1fr 1fr",
|
|
1669
|
+
md: "repeat(3, 1fr)"
|
|
1488
1670
|
},
|
|
1489
|
-
|
|
1490
|
-
|
|
1491
|
-
|
|
1492
|
-
|
|
1493
|
-
|
|
1494
|
-
|
|
1495
|
-
borderBottom: "1px solid #f0f0f0"
|
|
1496
|
-
},
|
|
1497
|
-
children: columns.map(function (header) {
|
|
1498
|
-
return /*#__PURE__*/jsx(Typography, {
|
|
1499
|
-
sx: {
|
|
1500
|
-
fontSize: compact ? "9px" : "12px",
|
|
1501
|
-
color: "rgba(0, 0, 0, 0.4)",
|
|
1502
|
-
fontWeight: 500,
|
|
1503
|
-
textAlign: "left"
|
|
1504
|
-
},
|
|
1505
|
-
children: header
|
|
1506
|
-
}, header);
|
|
1507
|
-
})
|
|
1508
|
-
}), /*#__PURE__*/jsx(Box, {
|
|
1509
|
-
sx: {
|
|
1510
|
-
mt: 1
|
|
1511
|
-
},
|
|
1512
|
-
children: rows.map(function (row, idx) {
|
|
1513
|
-
var _row$progress;
|
|
1514
|
-
return /*#__PURE__*/jsxs(Box, {
|
|
1515
|
-
sx: {
|
|
1516
|
-
display: "grid",
|
|
1517
|
-
gridTemplateColumns: gridTemplateColumns,
|
|
1518
|
-
gap: compact ? 1 : 2,
|
|
1519
|
-
py: compact ? 0.5 : 1.2,
|
|
1520
|
-
alignItems: "center",
|
|
1521
|
-
borderBottom: idx === rows.length - 1 ? "none" : "1px solid #f5f5f5"
|
|
1522
|
-
},
|
|
1523
|
-
children: [/*#__PURE__*/jsxs(Box, {
|
|
1524
|
-
sx: {
|
|
1525
|
-
display: "flex",
|
|
1526
|
-
alignItems: "center",
|
|
1527
|
-
gap: 1.5
|
|
1528
|
-
},
|
|
1529
|
-
children: [row.id && /*#__PURE__*/jsx(Avatar, {
|
|
1530
|
-
sx: {
|
|
1531
|
-
width: compact ? 22 : 28,
|
|
1532
|
-
height: compact ? 22 : 28,
|
|
1533
|
-
fontSize: compact ? "8px" : "10px",
|
|
1534
|
-
fontWeight: 700,
|
|
1535
|
-
bgcolor: row.avatarBg || "#F3F4F6",
|
|
1536
|
-
color: "rgb(99, 99, 230)"
|
|
1537
|
-
},
|
|
1538
|
-
children: row.id
|
|
1539
|
-
}), row.icon && /*#__PURE__*/jsx(Box, {
|
|
1540
|
-
sx: {
|
|
1541
|
-
color: row.iconColor || "inherit",
|
|
1542
|
-
display: "flex",
|
|
1543
|
-
alignItems: "center"
|
|
1544
|
-
},
|
|
1545
|
-
children: /*#__PURE__*/jsx(row.icon, {
|
|
1546
|
-
sx: {
|
|
1547
|
-
fontSize: "18px"
|
|
1548
|
-
}
|
|
1549
|
-
})
|
|
1550
|
-
}), /*#__PURE__*/jsx(Typography, {
|
|
1551
|
-
sx: {
|
|
1552
|
-
fontSize: compact ? "10px" : "12px",
|
|
1553
|
-
fontWeight: 700,
|
|
1554
|
-
color: "#000"
|
|
1555
|
-
},
|
|
1556
|
-
children: row.name
|
|
1557
|
-
})]
|
|
1558
|
-
}), /*#__PURE__*/jsx(Typography, {
|
|
1559
|
-
sx: {
|
|
1560
|
-
fontSize: compact ? "10px" : "13px",
|
|
1561
|
-
fontWeight: 600,
|
|
1562
|
-
color: "#000",
|
|
1563
|
-
textAlign: "left"
|
|
1564
|
-
},
|
|
1565
|
-
children: row.val1
|
|
1566
|
-
}), row.type === "progress" ? /*#__PURE__*/jsxs(Box, {
|
|
1567
|
-
sx: {
|
|
1568
|
-
display: "flex",
|
|
1569
|
-
alignItems: "center",
|
|
1570
|
-
gap: 1.5
|
|
1571
|
-
},
|
|
1572
|
-
children: [/*#__PURE__*/jsx(Box, {
|
|
1573
|
-
sx: {
|
|
1574
|
-
flexGrow: 1
|
|
1575
|
-
},
|
|
1576
|
-
children: /*#__PURE__*/jsx(LinearProgress, {
|
|
1577
|
-
variant: "determinate",
|
|
1578
|
-
value: Math.min(100, Math.max(0, (_row$progress = row.progress) !== null && _row$progress !== void 0 ? _row$progress : 0)),
|
|
1579
|
-
sx: {
|
|
1580
|
-
height: compact ? 6 : 8,
|
|
1581
|
-
borderRadius: 4,
|
|
1582
|
-
bgcolor: "#F3F4F6",
|
|
1583
|
-
"& .MuiLinearProgress-bar": {
|
|
1584
|
-
borderRadius: 4,
|
|
1585
|
-
bgcolor: row.progressColor || "rgb(99, 99, 230)"
|
|
1586
|
-
}
|
|
1587
|
-
}
|
|
1588
|
-
})
|
|
1589
|
-
}), /*#__PURE__*/jsxs(Typography, {
|
|
1590
|
-
sx: {
|
|
1591
|
-
fontSize: compact ? "9px" : "11px",
|
|
1592
|
-
color: "rgba(0, 0, 0, 0.4)",
|
|
1593
|
-
minWidth: "30px"
|
|
1594
|
-
},
|
|
1595
|
-
children: [row.progress, "%"]
|
|
1596
|
-
})]
|
|
1597
|
-
}) : /*#__PURE__*/jsx(Typography, {
|
|
1598
|
-
sx: {
|
|
1599
|
-
fontSize: "13px",
|
|
1600
|
-
fontWeight: 600,
|
|
1601
|
-
color: "#000",
|
|
1602
|
-
textAlign: "left"
|
|
1603
|
-
},
|
|
1604
|
-
children: row.val2
|
|
1605
|
-
}), /*#__PURE__*/jsx(Typography, {
|
|
1606
|
-
sx: {
|
|
1607
|
-
fontSize: compact ? "10px" : "13px",
|
|
1608
|
-
fontWeight: row.highlightVal3 ? 700 : 500,
|
|
1609
|
-
color: row.highlightVal3 ? row.val3Color || "#22C55E" : "#000",
|
|
1610
|
-
textAlign: "left"
|
|
1611
|
-
},
|
|
1612
|
-
children: row.val3
|
|
1613
|
-
}), /*#__PURE__*/jsx(Typography, {
|
|
1614
|
-
sx: {
|
|
1615
|
-
fontSize: "13px",
|
|
1616
|
-
fontWeight: 500,
|
|
1617
|
-
color: "#000",
|
|
1618
|
-
textAlign: "left"
|
|
1619
|
-
},
|
|
1620
|
-
children: row.val4
|
|
1621
|
-
}), columns.length > 5 && /*#__PURE__*/jsx(Box, {
|
|
1622
|
-
children: row.type === "trend" ? /*#__PURE__*/jsx(Box, {
|
|
1623
|
-
sx: {
|
|
1624
|
-
display: "flex",
|
|
1625
|
-
alignItems: "center",
|
|
1626
|
-
gap: 0.5
|
|
1627
|
-
},
|
|
1628
|
-
children: row.trendType === "up" ? /*#__PURE__*/jsxs(Fragment, {
|
|
1629
|
-
children: [/*#__PURE__*/jsx(Typography, {
|
|
1630
|
-
sx: {
|
|
1631
|
-
fontSize: "14px",
|
|
1632
|
-
color: "#22C55E"
|
|
1633
|
-
},
|
|
1634
|
-
children: "\u25B2"
|
|
1635
|
-
}), /*#__PURE__*/jsx(Typography, {
|
|
1636
|
-
sx: {
|
|
1637
|
-
fontSize: "12px",
|
|
1638
|
-
color: "#22C55E",
|
|
1639
|
-
fontWeight: 700
|
|
1640
|
-
},
|
|
1641
|
-
children: row.trendLabel
|
|
1642
|
-
})]
|
|
1643
|
-
}) : /*#__PURE__*/jsxs(Fragment, {
|
|
1644
|
-
children: [/*#__PURE__*/jsx(Typography, {
|
|
1645
|
-
sx: {
|
|
1646
|
-
fontSize: "14px",
|
|
1647
|
-
color: "#EF4444"
|
|
1648
|
-
},
|
|
1649
|
-
children: "\u25BC"
|
|
1650
|
-
}), /*#__PURE__*/jsx(Typography, {
|
|
1651
|
-
sx: {
|
|
1652
|
-
fontSize: "12px",
|
|
1653
|
-
color: "#EF4444",
|
|
1654
|
-
fontWeight: 700
|
|
1655
|
-
},
|
|
1656
|
-
children: row.trendLabel
|
|
1657
|
-
})]
|
|
1658
|
-
})
|
|
1659
|
-
}) : /*#__PURE__*/jsx(Box, {
|
|
1660
|
-
sx: {
|
|
1661
|
-
display: "inline-block",
|
|
1662
|
-
px: compact ? 1 : 1.5,
|
|
1663
|
-
py: compact ? 0.25 : 0.5,
|
|
1664
|
-
borderRadius: "100px",
|
|
1665
|
-
bgcolor: row.statusBg,
|
|
1666
|
-
color: row.statusColor,
|
|
1667
|
-
fontSize: compact ? "9px" : "11px",
|
|
1668
|
-
fontWeight: 700,
|
|
1669
|
-
textAlign: "center"
|
|
1670
|
-
},
|
|
1671
|
-
children: row.status
|
|
1672
|
-
})
|
|
1673
|
-
})]
|
|
1674
|
-
}, idx);
|
|
1675
|
-
})
|
|
1676
|
-
})]
|
|
1671
|
+
gap: exportMode ? 1 : 2
|
|
1672
|
+
},
|
|
1673
|
+
children: metrics.map(function (m) {
|
|
1674
|
+
return /*#__PURE__*/jsx(MetricCard$1, _objectSpread2(_objectSpread2({}, m), {}, {
|
|
1675
|
+
exportMode: exportMode
|
|
1676
|
+
}), m.title);
|
|
1677
1677
|
})
|
|
1678
1678
|
})]
|
|
1679
1679
|
});
|
|
@@ -4144,7 +4144,8 @@ var fourColGridSx = function fourColGridSx(exportMode) {
|
|
|
4144
4144
|
gridTemplateColumns: exportMode ? "repeat(4, 1fr)" : {
|
|
4145
4145
|
xs: "1fr",
|
|
4146
4146
|
sm: "repeat(2, 1fr)",
|
|
4147
|
-
md: "repeat(
|
|
4147
|
+
md: "repeat(3, 1fr)",
|
|
4148
|
+
xl: "repeat(4, 1fr)"
|
|
4148
4149
|
},
|
|
4149
4150
|
gap: GRID_GAP,
|
|
4150
4151
|
mt: GRID_GAP,
|
|
@@ -16481,5 +16482,5 @@ var EmailSection$1 = /*#__PURE__*/Object.freeze({
|
|
|
16481
16482
|
default: EmailSection
|
|
16482
16483
|
});
|
|
16483
16484
|
|
|
16484
|
-
export { AbandonedDonationRecovery, Dashboard, DashboardReport, theme as DashboardTheme, DonorBehavior, MetricSelector, NewOverview, PerformanceSection, RecurringRevenueSection, RenderChartCard, RevenueChart, UTMPerformance, themeColors, themeTypography };
|
|
16485
|
+
export { AbandonedDonationRecovery, ActiveCampaignsCard, Dashboard, DashboardReport, theme as DashboardTheme, DonorBehavior, MetricSelector, NewOverview, PerformanceSection, RecurringRevenueSection, RenderChartCard, RevenueChart, UTMPerformance, themeColors, themeTypography };
|
|
16485
16486
|
//# sourceMappingURL=index.es.js.map
|