gantt-task-react-powern 0.6.43 → 0.6.44

package/dist/index.js

@@ -1677,6 +1677,7 @@ var TopPartOfCalendar = function TopPartOfCalendar(_ref) {
   }, value));
 };
 
+var MONTH_LABEL_HALF_WIDTH = 32;
 var Calendar = function Calendar(_ref) {
   var dateSetup = _ref.dateSetup,
       locale = _ref.locale,
@@ -1938,6 +1939,8 @@ var Calendar = function Calendar(_ref) {
     var topDefaultHeight = headerHeight * 0.5;
     var dates = dateSetup.dates;
     var weekStartDay = (_projectCalendar$week = projectCalendar === null || projectCalendar === void 0 ? void 0 : projectCalendar.week_start) != null ? _projectCalendar$week : 1;
+    var chartWidth = columnWidth * dates.length;
+    var monthStartIndex = 0;
 
     for (var i = 0; i < dates.length; i++) {
       var date = dates[i];
@@ -1969,32 +1972,23 @@ var Calendar = function Calendar(_ref) {
         x: columnWidth * i + columnWidth * 0.5,
         className: styles$6.calendarTopText + " " + styles$6.textAnchorMiddle
       }, bottomValue));
+      var isMonthEnd = i + 1 === dates.length || date.getMonth() !== dates[i + 1].getMonth();
 
-      if (i + 1 !== dates.length && date.getMonth() !== dates[i + 1].getMonth()) {
+      if (isMonthEnd) {
         var topValue = shortMonth(date) + " " + date.getFullYear();
+        var segmentStart = columnWidth * monthStartIndex;
+        var segmentEnd = columnWidth * (i + 1);
+        var xText = Math.min(Math.max((segmentStart + segmentEnd) / 2, MONTH_LABEL_HALF_WIDTH), chartWidth - MONTH_LABEL_HALF_WIDTH);
         topValues.push(React__default.createElement(TopPartOfCalendar, {
           key: topValue + i,
           value: topValue,
-          x1Line: columnWidth * (i + 1),
+          x1Line: segmentEnd,
           y1Line: 0,
           y2Line: topDefaultHeight,
-          xText: topValues.length === 0 ? columnWidth * (i + 1) * 0.5 : columnWidth * (i + 1) - date.getDate() * columnWidth * 0.5,
-          yText: topDefaultHeight * 0.9
-        }));
-      }
-
-      if (i + 1 === dates.length) {
-        var _topValue = shortMonth(date) + " " + date.getFullYear();
-
-        topValues.push(React__default.createElement(TopPartOfCalendar, {
-          key: _topValue + "last",
-          value: _topValue,
-          x1Line: columnWidth * (i + 1),
-          y1Line: 0,
-          y2Line: topDefaultHeight,
-          xText: columnWidth * (i + 1) - date.getDate() * columnWidth * 0.5,
+          xText: xText,
           yText: topDefaultHeight * 0.9
         }));
+        monthStartIndex = i + 1;
       }
     }