gantt-task-react-powern 0.4.4 → 0.4.7

package/dist/index.modern.js

@@ -117,11 +117,15 @@ var ganttDateRange = function ganttDateRange(tasks, viewMode, preStepsCount) {
     if (task.end > newEndDate) {
       newEndDate = task.end;
     }
-  }
 
-  newStartDate = addToDate(newStartDate, -1, "year");
-  newEndDate = addToDate(newEndDate, 1, "year");
-  console.log(newStartDate, newEndDate);
+    if (task.actualStart < newStartDate) {
+      newStartDate = task.actualStart;
+    }
+
+    if (task.actualEnd > newEndDate) {
+      newEndDate = task.actualEnd;
+    }
+  }
 
   switch (viewMode) {
     case ViewMode.Year:
@@ -1063,7 +1067,8 @@ var Arrow = function Arrow(_ref) {
       rowHeight = _ref.rowHeight,
       taskHeight = _ref.taskHeight,
       arrowIndent = _ref.arrowIndent,
-      rtl = _ref.rtl;
+      rtl = _ref.rtl,
+      arrowColor = _ref.arrowColor;
   var path;
   var trianglePoints;
 
@@ -1084,9 +1089,11 @@ var Arrow = function Arrow(_ref) {
   }, React.createElement("path", {
     strokeWidth: "1.5",
     d: path,
-    fill: "none"
+    fill: "none",
+    stroke: arrowColor
   }), React.createElement("polygon", {
-    points: trianglePoints
+    points: trianglePoints,
+    fill: arrowColor
   }));
 };
 
@@ -1257,9 +1264,11 @@ var convertToMilestone = function convertToMilestone(task, index, dates, columnW
 };
 
 var taskXCoordinate = function taskXCoordinate(xDate, dates, columnWidth) {
+  console.log(dates);
   var index = dates.findIndex(function (d) {
     return d.getTime() >= xDate.getTime();
   }) - 1;
+  console.log(index);
   var remainderMillis = xDate.getTime() - dates[index].getTime();
   var percentOfInterval = remainderMillis / (dates[index + 1].getTime() - dates[index].getTime());
   var x = index * columnWidth + percentOfInterval * columnWidth;
@@ -1559,8 +1568,6 @@ var sortTasks = function sortTasks(taskA, taskB) {
   }
 };
 
-var styles$6 = {"barWrapper":"_KxSXS","barHandle":"_3w_5u","barBackground":"_31ERP"};
-
 var BarDisplay = function BarDisplay(_ref) {
   var x = _ref.x,
       y = _ref.y,
@@ -1593,7 +1600,8 @@ var BarDisplay = function BarDisplay(_ref) {
     ry: barCornerRadius,
     rx: barCornerRadius,
     fill: getBarColor(),
-    className: styles$6.barBackground
+    strokeWidth: 2,
+    stroke: styles.criticalPathColor
   }), React.createElement("rect", {
     x: actualX1,
     width: actualX2 - actualX1,
@@ -1613,6 +1621,8 @@ var BarDisplay = function BarDisplay(_ref) {
   }));
 };
 
+var styles$6 = {"barWrapper":"_KxSXS","barHandle":"_3w_5u","barBackground":"_31ERP"};
+
 var BarDateHandle = function BarDateHandle(_ref) {
   var x = _ref.x,
       y = _ref.y,
@@ -1886,7 +1896,6 @@ var TaskGanttContent = function TaskGanttContent(_ref) {
       timeStep = _ref.timeStep,
       svg = _ref.svg,
       taskHeight = _ref.taskHeight,
-      arrowColor = _ref.arrowColor,
       arrowIndent = _ref.arrowIndent,
       fontFamily = _ref.fontFamily,
       fontSize = _ref.fontSize,
@@ -2104,9 +2113,7 @@ var TaskGanttContent = function TaskGanttContent(_ref) {
   return React.createElement("g", {
     className: "content"
   }, React.createElement("g", {
-    className: "arrows",
-    fill: arrowColor,
-    stroke: arrowColor
+    className: "arrows"
   }, tasks.map(function (task) {
     return task.barChildren.map(function (child) {
       return React.createElement(Arrow, {
@@ -2116,7 +2123,8 @@ var TaskGanttContent = function TaskGanttContent(_ref) {
         rowHeight: rowHeight,
         taskHeight: taskHeight,
         arrowIndent: arrowIndent,
-        rtl: rtl
+        rtl: rtl,
+        arrowColor: task.styles.criticalPathColor || "#808080"
       });
     });
   })), React.createElement("g", {