@ammarkhalidfarooq/dashboard-package 0.6.71 → 0.6.72

package/dist/index.es.js

@@ -2160,6 +2160,21 @@ var DonorGeographyPanel = function DonorGeographyPanel(_ref9) {
     })
   });
 };
+var formatDonationTypeCategory = function formatDonationTypeCategory(label, slotWidth) {
+  var str = String(label !== null && label !== void 0 ? label : "").trim();
+  if (!str) return "";
+  var monthRange = str.match(/^([A-Za-z]{3})-([A-Za-z]{3})(?:\s+\d{2,4})?$/);
+  if (monthRange) {
+    var full = "".concat(monthRange[1], "-").concat(monthRange[2]);
+    var mini = "".concat(monthRange[1][0], "-").concat(monthRange[2][0]);
+    var fullWidth = full.length * 3.1;
+    return fullWidth <= slotWidth - 2 ? full : mini;
+  }
+  var noYear = str.replace(/\s+['']?\d{2,4}$/, "").trim();
+  var maxChars = Math.max(3, Math.floor(slotWidth / 3.1));
+  if (noYear.length <= maxChars) return noYear;
+  return "".concat(noYear.slice(0, Math.max(1, maxChars - 1)), "\u2026");
+};
 var DonationTypeBarSvg = function DonationTypeBarSvg(_ref0) {
   var _ref0$categories = _ref0.categories,
     categories = _ref0$categories === void 0 ? [] : _ref0$categories,
@@ -2176,13 +2191,15 @@ var DonationTypeBarSvg = function DonationTypeBarSvg(_ref0) {
   var padL = 30;
   var padR = 2;
   var padT = 14;
-  var padB = 18;
+  var padB = 20;
   var chartW = width - padL - padR;
   var chartH = height - padT - padB;
   var allVals = [].concat(_toConsumableArray(recurring), _toConsumableArray(oneTime));
   var maxVal = Math.max.apply(Math, _toConsumableArray(allVals).concat([0])) || 1;
   var n = categories.length;
   var yTicks = [0, maxVal / 2, maxVal];
+  var groupW = n > 0 ? chartW / n : chartW;
+  var labelFontSize = n > 3 ? 5 : 5.5;
   if (!n) {
     return /*#__PURE__*/jsxs("svg", {
       width: "100%",
@@ -2207,7 +2224,6 @@ var DonationTypeBarSvg = function DonationTypeBarSvg(_ref0) {
       })]
     });
   }
-  var groupW = chartW / n;
   var barW = Math.min(groupW * 0.3, 12);
   var baseY = padT + chartH;
   return /*#__PURE__*/jsxs("svg", {
@@ -2217,7 +2233,19 @@ var DonationTypeBarSvg = function DonationTypeBarSvg(_ref0) {
     style: {
       display: "block"
     },
-    children: [yTicks.map(function (tick, i) {
+    children: [/*#__PURE__*/jsx("defs", {
+      children: categories.map(function (_, i) {
+        return /*#__PURE__*/jsx("clipPath", {
+          id: "donation-type-cat-clip-".concat(i),
+          children: /*#__PURE__*/jsx("rect", {
+            x: padL + i * groupW,
+            y: baseY + 2,
+            width: groupW,
+            height: padB - 2
+          })
+        }, "clip-".concat(i));
+      })
+    }), yTicks.map(function (tick, i) {
       var y = padT + chartH - tick / maxVal * chartH;
       return /*#__PURE__*/jsxs("g", {
         children: [/*#__PURE__*/jsx("line", {
@@ -2281,11 +2309,12 @@ var DonationTypeBarSvg = function DonationTypeBarSvg(_ref0) {
           })]
         }), /*#__PURE__*/jsx("text", {
           x: groupX,
-          y: height - 4,
+          y: height - 5,
           textAnchor: "middle",
-          fontSize: 7.5,
+          fontSize: labelFontSize,
           fill: "rgba(0,0,0,0.4)",
-          children: cat
+          clipPath: "url(#donation-type-cat-clip-".concat(i, ")"),
+          children: formatDonationTypeCategory(cat, groupW)
         })]
       }, "bar-".concat(i));
     })]