@ammarkhalidfarooq/dashboard-package 0.6.66 → 0.6.67
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +67 -35
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +67 -35
- package/dist/index.es.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -2943,8 +2943,8 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref13, ref) {
|
|
|
2943
2943
|
children: /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
2944
2944
|
style: {
|
|
2945
2945
|
display: "flex",
|
|
2946
|
-
|
|
2947
|
-
|
|
2946
|
+
flexDirection: "column",
|
|
2947
|
+
alignItems: "center"
|
|
2948
2948
|
},
|
|
2949
2949
|
children: [/*#__PURE__*/jsxRuntime.jsx(Donut, {
|
|
2950
2950
|
segments: [{
|
|
@@ -2954,82 +2954,114 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref13, ref) {
|
|
|
2954
2954
|
value: returningDonors,
|
|
2955
2955
|
color: C.emerald
|
|
2956
2956
|
}],
|
|
2957
|
-
size:
|
|
2957
|
+
size: 88,
|
|
2958
2958
|
centerVal: "".concat(formatNumber(totalMix)),
|
|
2959
2959
|
centerLabel: "donors"
|
|
2960
2960
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
2961
2961
|
style: {
|
|
2962
|
-
|
|
2962
|
+
width: "100%",
|
|
2963
|
+
marginTop: 6
|
|
2963
2964
|
},
|
|
2964
2965
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
2965
2966
|
style: {
|
|
2966
2967
|
display: "flex",
|
|
2968
|
+
justifyContent: "space-between",
|
|
2967
2969
|
alignItems: "center",
|
|
2968
|
-
gap: 6,
|
|
2969
2970
|
marginBottom: 5
|
|
2970
2971
|
},
|
|
2971
|
-
children: [/*#__PURE__*/jsxRuntime.
|
|
2972
|
+
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
2972
2973
|
style: {
|
|
2973
|
-
|
|
2974
|
-
|
|
2975
|
-
|
|
2976
|
-
|
|
2977
|
-
|
|
2978
|
-
|
|
2974
|
+
display: "flex",
|
|
2975
|
+
alignItems: "center",
|
|
2976
|
+
gap: 5
|
|
2977
|
+
},
|
|
2978
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
2979
|
+
style: {
|
|
2980
|
+
width: 8,
|
|
2981
|
+
height: 8,
|
|
2982
|
+
borderRadius: 2,
|
|
2983
|
+
background: C.indigo,
|
|
2984
|
+
flexShrink: 0
|
|
2985
|
+
}
|
|
2986
|
+
}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
2987
|
+
style: {
|
|
2988
|
+
fontSize: 9.5,
|
|
2989
|
+
color: "#6B7280"
|
|
2990
|
+
},
|
|
2991
|
+
children: "New donors"
|
|
2992
|
+
})]
|
|
2979
2993
|
}), /*#__PURE__*/jsxRuntime.jsxs("span", {
|
|
2980
2994
|
style: {
|
|
2981
2995
|
fontSize: 9.5,
|
|
2982
|
-
|
|
2996
|
+
fontWeight: 700,
|
|
2997
|
+
color: "#111827"
|
|
2983
2998
|
},
|
|
2984
|
-
children: [
|
|
2999
|
+
children: [formatNumber(newDonors), " \xB7 ", newPct, "%"]
|
|
2985
3000
|
})]
|
|
2986
3001
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
2987
3002
|
style: {
|
|
2988
3003
|
display: "flex",
|
|
3004
|
+
justifyContent: "space-between",
|
|
2989
3005
|
alignItems: "center",
|
|
2990
|
-
|
|
2991
|
-
marginBottom: 7
|
|
3006
|
+
marginBottom: 8
|
|
2992
3007
|
},
|
|
2993
|
-
children: [/*#__PURE__*/jsxRuntime.
|
|
3008
|
+
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
2994
3009
|
style: {
|
|
2995
|
-
|
|
2996
|
-
|
|
2997
|
-
|
|
2998
|
-
|
|
2999
|
-
|
|
3000
|
-
|
|
3010
|
+
display: "flex",
|
|
3011
|
+
alignItems: "center",
|
|
3012
|
+
gap: 5
|
|
3013
|
+
},
|
|
3014
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
3015
|
+
style: {
|
|
3016
|
+
width: 8,
|
|
3017
|
+
height: 8,
|
|
3018
|
+
borderRadius: 2,
|
|
3019
|
+
background: C.emerald,
|
|
3020
|
+
flexShrink: 0
|
|
3021
|
+
}
|
|
3022
|
+
}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
3023
|
+
style: {
|
|
3024
|
+
fontSize: 9.5,
|
|
3025
|
+
color: "#6B7280"
|
|
3026
|
+
},
|
|
3027
|
+
children: "Returning"
|
|
3028
|
+
})]
|
|
3001
3029
|
}), /*#__PURE__*/jsxRuntime.jsxs("span", {
|
|
3002
3030
|
style: {
|
|
3003
3031
|
fontSize: 9.5,
|
|
3004
|
-
|
|
3032
|
+
fontWeight: 700,
|
|
3033
|
+
color: "#111827"
|
|
3005
3034
|
},
|
|
3006
|
-
children: [
|
|
3035
|
+
children: [formatNumber(returningDonors), " \xB7 ", retPct, "%"]
|
|
3007
3036
|
})]
|
|
3008
3037
|
}), /*#__PURE__*/jsxRuntime.jsx(Divider, {
|
|
3009
3038
|
mb: 6
|
|
3010
3039
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
3011
3040
|
style: {
|
|
3012
|
-
fontSize:
|
|
3013
|
-
|
|
3014
|
-
|
|
3041
|
+
fontSize: 9.5,
|
|
3042
|
+
color: "#9CA3AF",
|
|
3043
|
+
marginBottom: 2
|
|
3015
3044
|
},
|
|
3016
|
-
children:
|
|
3045
|
+
children: "Avg gift"
|
|
3017
3046
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
3018
3047
|
style: {
|
|
3019
|
-
fontSize:
|
|
3020
|
-
|
|
3048
|
+
fontSize: 14,
|
|
3049
|
+
fontWeight: 800,
|
|
3050
|
+
color: "#111827",
|
|
3051
|
+
marginBottom: 2
|
|
3021
3052
|
},
|
|
3022
|
-
children:
|
|
3053
|
+
children: kpi$(mixAvgGift)
|
|
3023
3054
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
3024
3055
|
style: {
|
|
3025
|
-
fontSize: 9
|
|
3026
|
-
marginTop: 1
|
|
3056
|
+
fontSize: 9
|
|
3027
3057
|
},
|
|
3028
3058
|
children: /*#__PURE__*/jsxRuntime.jsx(TrendText, {
|
|
3029
3059
|
style: {
|
|
3030
3060
|
fontSize: 9
|
|
3031
3061
|
},
|
|
3032
|
-
children:
|
|
3062
|
+
children: formatArrowTrend((_ref16 = donorMixPrev !== null && donorMixPrev !== void 0 ? donorMixPrev : growth === null || growth === void 0 ? void 0 : growth.overallAVGDonations) !== null && _ref16 !== void 0 ? _ref16 : 0, {
|
|
3063
|
+
label: "vs last month"
|
|
3064
|
+
})
|
|
3033
3065
|
})
|
|
3034
3066
|
})]
|
|
3035
3067
|
})]
|