gantt-task-react-powern 0.6.23 → 0.6.24

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) {