gantt-task-react-powern 0.4.34 → 0.4.36

package/dist/index.modern.js

@@ -743,7 +743,7 @@ var Grid = function Grid(props) {
   }, React.createElement(GridBody, Object.assign({}, props)));
 };
 
-var styles$5 = {"calendarBottomText":"_9w8d5","calendarTopTick":"_1rLuZ","calendarTopText":"_2q1Kt","calendarHeader":"_35nLX"};
+var styles$5 = {"calendarBottomText":"_9w8d5","calendarTopTick":"_1rLuZ","calendarTopText":"_2q1Kt","calendarHeader":"_35nLX","textAnchorStart":"_2Shd-","textAnchorMiddle":"_2XXW4","textAnchorEnd":"_3GdnC"};
 
 var TopPartOfCalendar = function TopPartOfCalendar(_ref) {
   var value = _ref.value,
@@ -751,7 +751,10 @@ var TopPartOfCalendar = function TopPartOfCalendar(_ref) {
       y1Line = _ref.y1Line,
       y2Line = _ref.y2Line,
       xText = _ref.xText,
-      yText = _ref.yText;
+      yText = _ref.yText,
+      _ref$textAnchor = _ref.textAnchor,
+      textAnchor = _ref$textAnchor === void 0 ? "middle" : _ref$textAnchor;
+  var textAnchorClass = textAnchor === "start" ? styles$5.textAnchorStart : textAnchor === "middle" ? styles$5.textAnchorMiddle : styles$5.textAnchorEnd;
   return React.createElement("g", {
     className: "calendarTop"
   }, React.createElement("line", {
@@ -765,7 +768,7 @@ var TopPartOfCalendar = function TopPartOfCalendar(_ref) {
     key: value + "text",
     y: yText,
     x: xText,
-    className: styles$5.calendarTopText
+    className: styles$5.calendarTopText + " " + textAnchorClass
   }, value));
 };
 
@@ -826,12 +829,14 @@ var Calendar = function Calendar(_ref) {
 
     for (var i = 0; i < dateSetup.dates.length; i++) {
       var date = dateSetup.dates[i];
-      var bottomValue = getLocaleMonth(date, locale);
+      var bottomValue = date.toLocaleString(locale, {
+        month: "short"
+      });
       bottomValues.push(React.createElement("text", {
         key: bottomValue + date.getFullYear(),
         y: headerHeight * 0.8,
         x: columnWidth * i + columnWidth * 0.5,
-        className: styles$5.calendarBottomText
+        className: styles$5.calendarTopText + " " + styles$5.textAnchorEnd
       }, bottomValue));
 
       if (i === 0 || date.getFullYear() !== dateSetup.dates[i - 1].getFullYear()) {
@@ -844,6 +849,7 @@ var Calendar = function Calendar(_ref) {
           xText = (6 + i - date.getMonth()) * columnWidth;
         }
 
+        console.log(xText);
         topValues.push(React.createElement(TopPartOfCalendar, {
           key: topValue,
           value: topValue,
@@ -851,7 +857,8 @@ var Calendar = function Calendar(_ref) {
           y1Line: 0,
           y2Line: topDefaultHeight,
           xText: xText,
-          yText: topDefaultHeight * 0.9
+          yText: topDefaultHeight * 0.9,
+          textAnchor: "end"
         }));
       }
     }
@@ -879,7 +886,7 @@ var Calendar = function Calendar(_ref) {
         key: date.getTime(),
         y: headerHeight * 0.8,
         x: columnWidth * (i + +rtl),
-        className: styles$5.calendarBottomText
+        className: styles$5.calendarTopText + " " + styles$5.textAnchorStart
       }, bottomValue));
 
       if (topValue) {
@@ -891,7 +898,8 @@ var Calendar = function Calendar(_ref) {
             y1Line: 0,
             y2Line: topDefaultHeight,
             xText: columnWidth * i + columnWidth * weeksCount * 0.5,
-            yText: topDefaultHeight * 0.9
+            yText: topDefaultHeight * 0.9,
+            textAnchor: "start"
           }));
         }
 
@@ -1062,7 +1070,8 @@ var Calendar = function Calendar(_ref) {
   return React.createElement("g", {
     className: "calendar",
     fontSize: fontSize,
-    fontFamily: fontFamily
+    fontFamily: fontFamily,
+    width: columnWidth * dateSetup.dates.length
   }, React.createElement("rect", {
     x: 0,
     y: 0,
@@ -2654,7 +2663,7 @@ var Gantt = function Gantt(_ref) {
   };
 
   var handleScrollX = function handleScrollX(event) {
-    if (scrollX !== event.currentTarget.scrollLeft && !ignoreScrollEvent) {
+    if (scrollX !== event.currentTarget.scrollLeft) {
       setScrollX(event.currentTarget.scrollLeft);
       setIgnoreScrollEvent(true);
     } else {