gantt-task-react-powern 0.4.34 → 0.4.36

package/dist/components/calendar/top-part-of-calendar.d.ts

@@ -6,6 +6,7 @@ declare type TopPartOfCalendarProps = {
     y2Line: number;
     xText: number;
     yText: number;
+    textAnchor?: "start" | "middle" | "end";
 };
 export declare const TopPartOfCalendar: React.FC<TopPartOfCalendarProps>;
 export {};

package/dist/index.css

@@ -156,7 +156,7 @@
 }
 
 ._9w8d5 {
-  text-anchor: middle;
+  /* text-anchor: middle; */
   fill: #333;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
@@ -171,7 +171,6 @@
 }
 
 ._2q1Kt {
-  text-anchor: middle;
   fill: #555;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
@@ -187,6 +186,17 @@
   stroke-width: 1.4;
 }
 
+._2Shd- {
+  text-anchor: start;
+}
+
+._2XXW4 {
+  text-anchor: middle;
+}
+
+._3GdnC {
+  text-anchor: end;
+}
 ._KxSXS {
   cursor: pointer;
   outline: none;

package/dist/index.js

@@ -744,7 +744,7 @@ var Grid = function Grid(props) {
   }, React__default.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,
@@ -752,7 +752,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__default.createElement("g", {
     className: "calendarTop"
   }, React__default.createElement("line", {
@@ -766,7 +769,7 @@ var TopPartOfCalendar = function TopPartOfCalendar(_ref) {
     key: value + "text",
     y: yText,
     x: xText,
-    className: styles$5.calendarTopText
+    className: styles$5.calendarTopText + " " + textAnchorClass
   }, value));
 };
 
@@ -827,12 +830,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__default.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()) {
@@ -845,6 +850,7 @@ var Calendar = function Calendar(_ref) {
           xText = (6 + i - date.getMonth()) * columnWidth;
         }
 
+        console.log(xText);
         topValues.push(React__default.createElement(TopPartOfCalendar, {
           key: topValue,
           value: topValue,
@@ -852,7 +858,8 @@ var Calendar = function Calendar(_ref) {
           y1Line: 0,
           y2Line: topDefaultHeight,
           xText: xText,
-          yText: topDefaultHeight * 0.9
+          yText: topDefaultHeight * 0.9,
+          textAnchor: "end"
         }));
       }
     }
@@ -880,7 +887,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) {
@@ -892,7 +899,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"
           }));
         }
 
@@ -1063,7 +1071,8 @@ var Calendar = function Calendar(_ref) {
   return React__default.createElement("g", {
     className: "calendar",
     fontSize: fontSize,
-    fontFamily: fontFamily
+    fontFamily: fontFamily,
+    width: columnWidth * dateSetup.dates.length
   }, React__default.createElement("rect", {
     x: 0,
     y: 0,
@@ -2655,7 +2664,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 {