@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.
Files changed (5) hide show
  1. package/dist/index.cjs.js +67 -35
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.es.js +67 -35
  4. package/dist/index.es.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -2941,8 +2941,8 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref13, ref) {
2941
2941
  children: /*#__PURE__*/jsxs("div", {
2942
2942
  style: {
2943
2943
  display: "flex",
2944
- alignItems: "center",
2945
- gap: 10
2944
+ flexDirection: "column",
2945
+ alignItems: "center"
2946
2946
  },
2947
2947
  children: [/*#__PURE__*/jsx(Donut, {
2948
2948
  segments: [{
@@ -2952,82 +2952,114 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref13, ref) {
2952
2952
  value: returningDonors,
2953
2953
  color: C.emerald
2954
2954
  }],
2955
- size: 82,
2955
+ size: 88,
2956
2956
  centerVal: "".concat(formatNumber(totalMix)),
2957
2957
  centerLabel: "donors"
2958
2958
  }), /*#__PURE__*/jsxs("div", {
2959
2959
  style: {
2960
- flex: 1
2960
+ width: "100%",
2961
+ marginTop: 6
2961
2962
  },
2962
2963
  children: [/*#__PURE__*/jsxs("div", {
2963
2964
  style: {
2964
2965
  display: "flex",
2966
+ justifyContent: "space-between",
2965
2967
  alignItems: "center",
2966
- gap: 6,
2967
2968
  marginBottom: 5
2968
2969
  },
2969
- children: [/*#__PURE__*/jsx("div", {
2970
+ children: [/*#__PURE__*/jsxs("div", {
2970
2971
  style: {
2971
- width: 8,
2972
- height: 8,
2973
- borderRadius: "50%",
2974
- background: C.indigo,
2975
- flexShrink: 0
2976
- }
2972
+ display: "flex",
2973
+ alignItems: "center",
2974
+ gap: 5
2975
+ },
2976
+ children: [/*#__PURE__*/jsx("div", {
2977
+ style: {
2978
+ width: 8,
2979
+ height: 8,
2980
+ borderRadius: 2,
2981
+ background: C.indigo,
2982
+ flexShrink: 0
2983
+ }
2984
+ }), /*#__PURE__*/jsx("span", {
2985
+ style: {
2986
+ fontSize: 9.5,
2987
+ color: "#6B7280"
2988
+ },
2989
+ children: "New donors"
2990
+ })]
2977
2991
  }), /*#__PURE__*/jsxs("span", {
2978
2992
  style: {
2979
2993
  fontSize: 9.5,
2980
- color: "#374151"
2994
+ fontWeight: 700,
2995
+ color: "#111827"
2981
2996
  },
2982
- children: ["New donors ", formatNumber(newDonors), " \xB7 ", newPct, "%"]
2997
+ children: [formatNumber(newDonors), " \xB7 ", newPct, "%"]
2983
2998
  })]
2984
2999
  }), /*#__PURE__*/jsxs("div", {
2985
3000
  style: {
2986
3001
  display: "flex",
3002
+ justifyContent: "space-between",
2987
3003
  alignItems: "center",
2988
- gap: 6,
2989
- marginBottom: 7
3004
+ marginBottom: 8
2990
3005
  },
2991
- children: [/*#__PURE__*/jsx("div", {
3006
+ children: [/*#__PURE__*/jsxs("div", {
2992
3007
  style: {
2993
- width: 8,
2994
- height: 8,
2995
- borderRadius: "50%",
2996
- background: C.emerald,
2997
- flexShrink: 0
2998
- }
3008
+ display: "flex",
3009
+ alignItems: "center",
3010
+ gap: 5
3011
+ },
3012
+ children: [/*#__PURE__*/jsx("div", {
3013
+ style: {
3014
+ width: 8,
3015
+ height: 8,
3016
+ borderRadius: 2,
3017
+ background: C.emerald,
3018
+ flexShrink: 0
3019
+ }
3020
+ }), /*#__PURE__*/jsx("span", {
3021
+ style: {
3022
+ fontSize: 9.5,
3023
+ color: "#6B7280"
3024
+ },
3025
+ children: "Returning"
3026
+ })]
2999
3027
  }), /*#__PURE__*/jsxs("span", {
3000
3028
  style: {
3001
3029
  fontSize: 9.5,
3002
- color: "#374151"
3030
+ fontWeight: 700,
3031
+ color: "#111827"
3003
3032
  },
3004
- children: ["Returning ", formatNumber(returningDonors), " \xB7 ", retPct, "%"]
3033
+ children: [formatNumber(returningDonors), " \xB7 ", retPct, "%"]
3005
3034
  })]
3006
3035
  }), /*#__PURE__*/jsx(Divider, {
3007
3036
  mb: 6
3008
3037
  }), /*#__PURE__*/jsx("div", {
3009
3038
  style: {
3010
- fontSize: 14,
3011
- fontWeight: 800,
3012
- color: "#111827"
3039
+ fontSize: 9.5,
3040
+ color: "#9CA3AF",
3041
+ marginBottom: 2
3013
3042
  },
3014
- children: kpi$(mixAvgGift)
3043
+ children: "Avg gift"
3015
3044
  }), /*#__PURE__*/jsx("div", {
3016
3045
  style: {
3017
- fontSize: 8.5,
3018
- color: "#9CA3AF"
3046
+ fontSize: 14,
3047
+ fontWeight: 800,
3048
+ color: "#111827",
3049
+ marginBottom: 2
3019
3050
  },
3020
- children: "Avg gift"
3051
+ children: kpi$(mixAvgGift)
3021
3052
  }), /*#__PURE__*/jsx("div", {
3022
3053
  style: {
3023
- fontSize: 9,
3024
- marginTop: 1
3054
+ fontSize: 9
3025
3055
  },
3026
3056
  children: /*#__PURE__*/jsx(TrendText, {
3027
3057
  style: {
3028
3058
  fontSize: 9
3029
3059
  },
3030
- children: "".concat(Number((_ref16 = donorMixPrev !== null && donorMixPrev !== void 0 ? donorMixPrev : growth === null || growth === void 0 ? void 0 : growth.overallAVGDonations) !== null && _ref16 !== void 0 ? _ref16 : 0).toFixed(2), "% vs pp")
3060
+ children: formatArrowTrend((_ref16 = donorMixPrev !== null && donorMixPrev !== void 0 ? donorMixPrev : growth === null || growth === void 0 ? void 0 : growth.overallAVGDonations) !== null && _ref16 !== void 0 ? _ref16 : 0, {
3061
+ label: "vs last month"
3062
+ })
3031
3063
  })
3032
3064
  })]
3033
3065
  })]