gantt-task-react-powern 0.6.23 → 0.6.25

package/dist/components/gantt/task-gantt-content.d.ts

@@ -27,5 +27,6 @@ export declare type TaskGanttContentProps = {
     setFailedTask: (value: BarTask | null) => void;
     setSelectedTask: (taskId: string) => void;
     onBarTasksUpdate?: (task: BarTask) => void;
+    sliderTime?: number;
 } & EventOption;
 export declare const TaskGanttContent: React.FC<TaskGanttContentProps>;

package/dist/index.js

@@ -3076,7 +3076,8 @@ var TaskGanttContent = function TaskGanttContent(_ref) {
       onCalendarError = _ref.onCalendarError,
       projectCalendar = _ref.projectCalendar,
       visibleStartY = _ref.visibleStartY,
-      visibleEndY = _ref.visibleEndY;
+      visibleEndY = _ref.visibleEndY,
+      sliderTime = _ref.sliderTime;
   var point = svg === null || svg === void 0 ? void 0 : (_svg$current = svg.current) === null || _svg$current === void 0 ? void 0 : _svg$current.createSVGPoint();
 
   var _useState = React.useState(0),
@@ -3533,9 +3534,32 @@ var TaskGanttContent = function TaskGanttContent(_ref) {
     });
   };
 
+  var lineX = sliderTime !== undefined ? taskXCoordinate(new Date(sliderTime), dates, columnWidth) : null;
+  var totalHeight = tasks.length * rowHeight;
+  React.useEffect(function () {
+    if (sliderTime !== undefined) {
+      console.log('Vertical line debug:', {
+        sliderTime: new Date(sliderTime).toLocaleString(),
+        lineX: lineX,
+        totalHeight: totalHeight,
+        tasksCount: tasks.length,
+        columnWidth: columnWidth,
+        datesRange: dates.length > 0 ? dates[0].toLocaleString() + " - " + dates[dates.length - 1].toLocaleString() : 'empty'
+      });
+    }
+  }, [sliderTime, lineX, totalHeight, tasks.length, dates, columnWidth]);
   return React__default.createElement("g", {
     className: "content"
-  }, React__default.createElement("g", {
+  }, lineX !== null && lineX > 0 && React__default.createElement("line", {
+    x1: lineX,
+    y1: 0,
+    x2: lineX,
+    y2: totalHeight,
+    stroke: "red",
+    strokeWidth: 2,
+    pointerEvents: "none",
+    opacity: 0.8
+  }), React__default.createElement("g", {
     className: "arrows"
   }, getArrows(false), getArrows(true, "secondary"), getArrows(true, "primary")), React__default.createElement("g", {
     className: "bar",
@@ -3791,7 +3815,8 @@ var Gantt = function Gantt(_ref) {
       _ref$shouldNotShowLoa = _ref.shouldNotShowLoadingOverlay,
       shouldNotShowLoadingOverlay = _ref$shouldNotShowLoa === void 0 ? true : _ref$shouldNotShowLoa,
       projectCalendar = _ref.projectCalendar,
-      onCalendarError = _ref.onCalendarError;
+      onCalendarError = _ref.onCalendarError,
+      sliderTime = _ref.sliderTime;
   var effectiveCalendar = (_tasks$find$calender = (_tasks$find = tasks.find(function (t) {
     return t.calender;
   })) === null || _tasks$find === void 0 ? void 0 : _tasks$find.calender) != null ? _tasks$find$calender : projectCalendar;
@@ -4329,7 +4354,8 @@ var Gantt = function Gantt(_ref) {
     onCalendarError: onCalendarError,
     projectCalendar: effectiveCalendar,
     visibleStartY: visibleStartY,
-    visibleEndY: visibleEndY
+    visibleEndY: visibleEndY,
+    sliderTime: sliderTime
   };
   var tableTasks = React.useMemo(function () {
     return ganttEvent.changedTask ? barTasks.map(function (t) {
@@ -4524,13 +4550,13 @@ function getCriticalPaths(leafTasks) {
     }
   }
 
-  for (var _i4 = sortedTaskList.length - 1; _i4 >= 0; _i4--) {
+  for (var _i4 = (sortedTaskList === null || sortedTaskList === void 0 ? void 0 : sortedTaskList.length) - 1; _i4 >= 0; _i4--) {
     computeCriticalPath(sortedTaskList[_i4], taskMap);
   }
 
   var taskChainList = [];
 
-  for (var _i5 = 0; _i5 < sortedTaskList.length; _i5++) {
+  for (var _i5 = 0; _i5 < (sortedTaskList === null || sortedTaskList === void 0 ? void 0 : sortedTaskList.length); _i5++) {
     for (var _j = 0; _j < taskMap[sortedTaskList[_i5]].paths.length; _j++) {
       taskChainList.push(taskMap[sortedTaskList[_i5]].paths[_j]);
     }
@@ -4620,6 +4646,8 @@ function computeCriticalPath(taskID, taskMap) {
   taskMap[taskID].paths = [];
 
   for (var j = 0; j < dependents.length; j++) {
+    var _taskMap$dependents$j, _taskMap$dependents$j2, _taskMap$dependents$j3, _taskMap$dependents$j4;
+
     var depStart = taskMap[dependents[j]].task.start.getTime();
     var depEnd = taskMap[dependents[j]].task.end.getTime();
     var depDuration = depEnd - depStart;
@@ -4627,33 +4655,33 @@ function computeCriticalPath(taskID, taskMap) {
     var endWeek = Math.floor((depEnd / 86400000 + 4) / 7);
     var offTime = 0;
 
-    for (var d = 0; d < ((_taskMap$dependents$j = taskMap[dependents[j]].task.calendar) === null || _taskMap$dependents$j === void 0 ? void 0 : (_taskMap$dependents$j2 = _taskMap$dependents$j.off_days) === null || _taskMap$dependents$j2 === void 0 ? void 0 : _taskMap$dependents$j2.length) || 0; d++) {
-      var _taskMap$dependents$j, _taskMap$dependents$j2;
+    if ((_taskMap$dependents$j = taskMap[dependents[j]].task.calendar) !== null && _taskMap$dependents$j !== void 0 && (_taskMap$dependents$j2 = _taskMap$dependents$j.off_days) !== null && _taskMap$dependents$j2 !== void 0 && _taskMap$dependents$j2.length) {
+      for (var d = 0; d < taskMap[dependents[j]].task.calendar.off_days.length || 0; d++) {
+        for (var w = startWeek; w <= endWeek; w++) {
+          var dayOfTheWeek = taskMap[dependents[j]].task.calendar.off_days[d];
+          var offDay = 86400000 * (7 * w - 4 + dayOfTheWeek);
 
-      for (var w = startWeek; w <= endWeek; w++) {
-        var dayOfTheWeek = taskMap[dependents[j]].task.calendar.off_days[d];
-        var offDay = 86400000 * (7 * w - 4 + dayOfTheWeek);
-
-        if (offDay >= depStart && offDay <= depEnd && (offDay > taskMap[taskID].end || taskMap[taskID].task.calendar.off_days.includes(dayOfTheWeek))) {
-          offTime += 86400000;
+          if (offDay >= depStart && offDay <= depEnd && (offDay > taskMap[taskID].end || taskMap[taskID].task.calendar.off_days.includes(dayOfTheWeek))) {
+            offTime += 86400000;
+          }
         }
       }
     }
 
-    for (var h = 0; h < ((_taskMap$dependents$j3 = taskMap[dependents[j]].task.calendar) === null || _taskMap$dependents$j3 === void 0 ? void 0 : (_taskMap$dependents$j4 = _taskMap$dependents$j3.holidays) === null || _taskMap$dependents$j4 === void 0 ? void 0 : _taskMap$dependents$j4.length) || 0; h++) {
-      var _taskMap$dependents$j3, _taskMap$dependents$j4;
-
-      var holiday = taskMap[dependents[j]].task.calendar.holidays[h];
+    if ((_taskMap$dependents$j3 = taskMap[dependents[j]].task.calendar) !== null && _taskMap$dependents$j3 !== void 0 && (_taskMap$dependents$j4 = _taskMap$dependents$j3.holidays) !== null && _taskMap$dependents$j4 !== void 0 && _taskMap$dependents$j4.length) {
+      for (var h = 0; h < taskMap[dependents[j]].task.calendar.holidays.length || 0; h++) {
+        var holiday = taskMap[dependents[j]].task.calendar.holidays[h];
 
-      if (holiday >= depStart && holiday <= depEnd) {
-        offTime += 86400000;
+        if (holiday >= depStart && holiday <= depEnd) {
+          offTime += 86400000;
+        }
       }
     }
 
     var overlap = Math.max(taskMap[taskID].end - depStart, 0);
     var paths = taskMap[dependents[j]].paths;
 
-    for (var k = 0; k < paths.length; k++) {
+    for (var k = 0; k < (paths === null || paths === void 0 ? void 0 : paths.length); k++) {
       var totalDuration = taskMap[taskID].end - taskMap[taskID].start - overlap - offTime + paths[k].duration;
 
       if (taskMap[taskID].paths.length < 2) {
@@ -4676,7 +4704,7 @@ function computeCriticalPath(taskID, taskMap) {
       }
     }
 
-    if (paths.length === 0) {
+    if ((paths === null || paths === void 0 ? void 0 : paths.length) === 0) {
       var immediateChildDuration = taskMap[taskID].end - taskMap[taskID].start + depDuration - overlap - offTime;
 
       if (taskMap[taskID].paths.length < 2) {