gantt-task-react-v 1.3.0 → 1.3.3

package/dist/gantt-task-react.es.js

@@ -11818,29 +11818,45 @@ const taskXCoordinate = (xDate, startDate, viewMode, columnWidth) => {
   const currentDate = getDateByOffset(startDate, index2, viewMode);
   const nextDate = getDateByOffset(startDate, index2 + 1, viewMode);
   const remainderMillis = xDate.getTime() - currentDate.getTime();
-  const percentOfInterval = remainderMillis / (nextDate.getTime() - currentDate.getTime());
-  return index2 * columnWidth + percentOfInterval * columnWidth;
+  const intervalDuration = nextDate.getTime() - currentDate.getTime();
+  const percentOfInterval = intervalDuration === 0 ? 0 : remainderMillis / intervalDuration;
+  const result = index2 * columnWidth + percentOfInterval * columnWidth;
+  return isNaN(result) || !isFinite(result) ? 0 : result;
 };
 const taskComparisonXCoordinate = (xDate, startDate, viewMode, columnWidth) => {
   const index2 = getDatesDiff(xDate, startDate, viewMode);
   const currentDate = getDateByOffset(startDate, index2, viewMode);
   const nextDate = getDateByOffset(startDate, index2 + 1, viewMode);
   const remainderMillis = xDate.getTime() - currentDate.getTime();
-  const percentOfInterval = remainderMillis / (nextDate.getTime() - currentDate.getTime());
-  return index2 * columnWidth + percentOfInterval * columnWidth;
+  const intervalDuration = nextDate.getTime() - currentDate.getTime();
+  const percentOfInterval = intervalDuration === 0 ? 0 : remainderMillis / intervalDuration;
+  const result = index2 * columnWidth + percentOfInterval * columnWidth;
+  return isNaN(result) || !isFinite(result) ? 0 : result;
 };
 const progressWithByParams = (taskX1, taskX2, progress, rtl) => {
-  const progressWidth = Math.max((taskX2 - taskX1) * progress * 0.01, 0);
+  const safeTaskX1 = isNaN(taskX1) || !isFinite(taskX1) ? 0 : taskX1;
+  const safeTaskX2 = isNaN(taskX2) || !isFinite(taskX2) ? 0 : taskX2;
+  const safeProgress = isNaN(progress) || !isFinite(progress) ? 0 : progress;
+  const progressWidth = Math.max(
+    (safeTaskX2 - safeTaskX1) * safeProgress * 0.01,
+    0
+  );
   let progressX;
   if (rtl) {
-    progressX = taskX2 - progressWidth;
+    progressX = safeTaskX2 - progressWidth;
   } else {
-    progressX = taskX1;
+    progressX = safeTaskX1;
   }
   return [progressWidth, progressX];
 };
 const dateByX = (x, taskX, taskDate, xStep, timeStep) => {
-  let newDate = new Date((x - taskX) / xStep * timeStep + taskDate.getTime());
+  const safeX = isNaN(x) || !isFinite(x) ? 0 : x;
+  const safeTaskX = isNaN(taskX) || !isFinite(taskX) ? 0 : taskX;
+  const safeXStep = isNaN(xStep) || !isFinite(xStep) || xStep === 0 ? 1 : xStep;
+  const safeTimeStep = isNaN(timeStep) || !isFinite(timeStep) ? 0 : timeStep;
+  let newDate = new Date(
+    (safeX - safeTaskX) / safeXStep * safeTimeStep + taskDate.getTime()
+  );
   newDate = new Date(
     newDate.getTime() + (newDate.getTimezoneOffset() - taskDate.getTimezoneOffset()) * 6e4
   );
@@ -13092,15 +13108,22 @@ const TaskGanttContentInner = (props) => {
         x2: taskX2,
         comparisonDates
       } = getTaskCoordinates2(task);
+      const safeContainerX = isNaN(containerX) || !isFinite(containerX) ? 0 : containerX;
+      const safeContainerWidth = isNaN(containerWidth) || !isFinite(containerWidth) ? 0 : Math.max(containerWidth, 0);
+      const safeWidth = isNaN(width) || !isFinite(width) ? 10 : Math.max(width, 1);
+      const safeLevelY = isNaN(levelY) || !isFinite(levelY) ? 0 : levelY;
+      const safeProgressWidth = isNaN(progressWidth) || !isFinite(progressWidth) ? 0 : Math.max(progressWidth, 0);
+      const safeInnerX1 = isNaN(innerX1) || !isFinite(innerX1) ? 0 : innerX1;
+      const safeInnerX2 = isNaN(innerX2) || !isFinite(innerX2) ? safeInnerX1 + safeWidth : innerX2;
       tasksRes.push(
         /* @__PURE__ */ jsx(
           "svg",
           {
             id: task.id,
             className: `${styles$4.TaskItemWrapper} TaskItemWrapper`,
-            x: Math.max(containerX + (additionalLeftSpace || 0), 0),
-            y: levelY,
-            width: Math.max(containerWidth, 0),
+            x: Math.max(safeContainerX + (additionalLeftSpace || 0), 0),
+            y: safeLevelY,
+            width: Math.max(safeContainerWidth, 0),
             height: fullRowHeight,
             children: /* @__PURE__ */ jsx(
               TaskItem,
@@ -13108,14 +13131,14 @@ const TaskGanttContentInner = (props) => {
                 movingAction: taskBarMovingAction(task),
                 allowMoveTaskBar,
                 hasChildren: checkHasChildren(task, childTasksMap),
-                progressWidth,
-                progressX: rtl ? innerX2 : innerX1,
+                progressWidth: safeProgressWidth,
+                progressX: rtl ? safeInnerX2 : safeInnerX1,
                 onSelectTaskOnMouseDown: selectTaskOnMouseDown,
                 task,
                 taskYOffset,
-                width,
-                x1: innerX1,
-                x2: innerX2,
+                width: safeWidth,
+                x1: safeInnerX1,
+                x2: safeInnerX2,
                 distances,
                 taskHeight,
                 taskHalfHeight,
@@ -13145,16 +13168,20 @@ const TaskGanttContentInner = (props) => {
         )
       );
       if (task.comparisonDates && comparisonDates) {
+        const safeComparisonX = isNaN(comparisonDates.x) || !isFinite(comparisonDates.x) ? 0 : comparisonDates.x;
+        const safeComparisonY = isNaN(comparisonDates.y) || !isFinite(comparisonDates.y) ? safeLevelY : comparisonDates.y;
+        const safeComparisonWidth = isNaN(comparisonDates.width) || !isFinite(comparisonDates.width) ? 0 : Math.max(comparisonDates.width, 0);
+        const safeComparisonHeight = isNaN(comparisonDates.height) || !isFinite(comparisonDates.height) ? 0 : Math.max(comparisonDates.height, 0);
         tasksRes.push(
           /* @__PURE__ */ jsx(
             "svg",
             {
               id: task.id + "_comparison",
               className: "TaskItemWrapperComparison",
-              x: Math.max(comparisonDates.x + (additionalLeftSpace || 0), 0),
-              y: comparisonDates.y,
-              width: comparisonDates.width,
-              height: comparisonDates.height * 2,
+              x: Math.max(safeComparisonX + (additionalLeftSpace || 0), 0),
+              y: safeComparisonY,
+              width: safeComparisonWidth,
+              height: safeComparisonHeight * 2,
               children: /* @__PURE__ */ jsx(
                 BarComparison,
                 {
@@ -13163,8 +13190,8 @@ const TaskGanttContentInner = (props) => {
                   isWarning: !!task.comparisonDates.end && task.comparisonDates.end.getTime() >= task.end.getTime(),
                   isCritical: task.comparisonDates.start.getTime() > task.start.getTime(),
                   barCornerRadius: distances.barCornerRadius,
-                  height: comparisonDates.height,
-                  width: comparisonDates.width,
+                  height: safeComparisonHeight,
+                  width: safeComparisonWidth,
                   borderHeight: distances.barComparisonTaskBorderHeight,
                   yOffset: distances.barComparisonTaskYOffset,
                   task,
@@ -13207,15 +13234,24 @@ const TaskGanttContentInner = (props) => {
             addedDependenciesAtTask[source.id] = true;
             const isCritical2 = criticalPathForTask ? criticalPathForTask.has(source.id) : false;
             const { x1: fromX1, x2: fromX2 } = getTaskCoordinates2(source);
-            const containerX2 = Math.min(fromX1, taskX1) - DELTA_RELATION_WIDTH;
-            const containerWidth2 = Math.max(fromX2, taskX2) - containerX2 + DELTA_RELATION_WIDTH;
+            const safeFromX1 = isNaN(fromX1) || !isFinite(fromX1) ? 0 : fromX1;
+            const safeFromX2 = isNaN(fromX2) || !isFinite(fromX2) ? safeFromX1 + 10 : fromX2;
+            const safeTaskX1 = isNaN(taskX1) || !isFinite(taskX1) ? 0 : taskX1;
+            const safeTaskX2 = isNaN(taskX2) || !isFinite(taskX2) ? safeTaskX1 + 10 : taskX2;
+            const containerX2 = Math.min(safeFromX1, safeTaskX1) - DELTA_RELATION_WIDTH;
+            const containerWidth2 = Math.max(safeFromX2, safeTaskX2) - containerX2 + DELTA_RELATION_WIDTH;
+            const safeArrowContainerX = isNaN(containerX2) || !isFinite(containerX2) ? 0 : containerX2;
+            const safeArrowContainerWidth = isNaN(containerWidth2) || !isFinite(containerWidth2) ? 100 : Math.max(containerWidth2, 0);
             arrowsRes.push(
               /* @__PURE__ */ jsx(
                 "svg",
                 {
-                  x: Math.max(containerX2 + (additionalLeftSpace || 0), 0),
+                  x: Math.max(
+                    safeArrowContainerX + (additionalLeftSpace || 0),
+                    0
+                  ),
                   y: containerY,
-                  width: containerWidth2,
+                  width: safeArrowContainerWidth,
                   height: containerHeight,
                   children: /* @__PURE__ */ jsx(
                     Arrow,
@@ -13223,13 +13259,13 @@ const TaskGanttContentInner = (props) => {
                       distances,
                       taskFrom: source,
                       targetFrom: sourceTarget,
-                      fromX1: fromX1 - containerX2,
-                      fromX2: fromX2 - containerX2,
+                      fromX1: safeFromX1 - safeArrowContainerX,
+                      fromX2: safeFromX2 - safeArrowContainerX,
                       fromY: innerFromY,
                       taskTo: task,
                       targetTo: ownTarget,
-                      toX1: taskX1 - containerX2,
-                      toX2: taskX2 - containerX2,
+                      toX1: safeTaskX1 - safeArrowContainerX,
+                      toX2: safeTaskX2 - safeArrowContainerX,
                       toY: innerToY,
                       fullRowHeight,
                       taskHeight,
@@ -13272,15 +13308,24 @@ const TaskGanttContentInner = (props) => {
             const criticalPathForTask = criticalPathOnLevel ? criticalPathOnLevel.dependencies.get(dependent.id) : void 0;
             const isCritical2 = criticalPathForTask ? criticalPathForTask.has(task.id) : false;
             const { x1: toX1, x2: toX2 } = getTaskCoordinates2(dependent);
-            const containerX2 = Math.min(toX1, taskX1) - DELTA_RELATION_WIDTH;
-            const containerWidth2 = Math.max(toX2, taskX2) - containerX2 + DELTA_RELATION_WIDTH;
+            const safeToX1 = isNaN(toX1) || !isFinite(toX1) ? 0 : toX1;
+            const safeToX2 = isNaN(toX2) || !isFinite(toX2) ? safeToX1 + 10 : toX2;
+            const safeTaskX1 = isNaN(taskX1) || !isFinite(taskX1) ? 0 : taskX1;
+            const safeTaskX2 = isNaN(taskX2) || !isFinite(taskX2) ? safeTaskX1 + 10 : taskX2;
+            const containerX2 = Math.min(safeToX1, safeTaskX1) - DELTA_RELATION_WIDTH;
+            const containerWidth2 = Math.max(safeToX2, safeTaskX2) - containerX2 + DELTA_RELATION_WIDTH;
+            const safeArrowContainerX = isNaN(containerX2) || !isFinite(containerX2) ? 0 : containerX2;
+            const safeArrowContainerWidth = isNaN(containerWidth2) || !isFinite(containerWidth2) ? 100 : Math.max(containerWidth2, 0);
             arrowsRes.push(
               /* @__PURE__ */ jsx(
                 "svg",
                 {
-                  x: Math.max(containerX2 + (additionalLeftSpace || 0), 0),
+                  x: Math.max(
+                    safeArrowContainerX + (additionalLeftSpace || 0),
+                    0
+                  ),
                   y: containerY,
-                  width: containerWidth2,
+                  width: safeArrowContainerWidth,
                   height: containerHeight,
                   children: /* @__PURE__ */ jsx(
                     Arrow,
@@ -13288,13 +13333,13 @@ const TaskGanttContentInner = (props) => {
                       distances,
                       taskFrom: task,
                       targetFrom: ownTarget,
-                      fromX1: taskX1 - containerX2,
-                      fromX2: taskX2 - containerX2,
+                      fromX1: safeTaskX1 - safeArrowContainerX,
+                      fromX2: safeTaskX2 - safeArrowContainerX,
                       fromY: innerFromY,
                       taskTo: dependent,
                       targetTo: dependentTarget,
-                      toX1: toX1 - containerX2,
-                      toX2: toX2 - containerX2,
+                      toX1: safeToX1 - safeArrowContainerX,
+                      toX2: safeToX2 - safeArrowContainerX,
                       toY: innerToY,
                       fullRowHeight,
                       taskHeight,
@@ -13772,21 +13817,26 @@ const countTaskCoordinates = (task, taskToRowIndexMap, startDate, viewMode, rtl,
   if (typeof rowIndex !== "number") {
     throw new Error(`Row index for task ${id} is not found`);
   }
-  const x1 = rtl ? svgWidth - taskXCoordinate(task.end, startDate, viewMode, columnWidth) : taskXCoordinate(task.start, startDate, viewMode, columnWidth);
-  const x2 = rtl ? svgWidth - taskXCoordinate(task.start, startDate, viewMode, columnWidth) : taskXCoordinate(task.end, startDate, viewMode, columnWidth);
+  let x1 = rtl ? svgWidth - taskXCoordinate(task.end, startDate, viewMode, columnWidth) : taskXCoordinate(task.start, startDate, viewMode, columnWidth);
+  let x2 = rtl ? svgWidth - taskXCoordinate(task.start, startDate, viewMode, columnWidth) : taskXCoordinate(task.end, startDate, viewMode, columnWidth);
+  x1 = isNaN(x1) || !isFinite(x1) ? 0 : x1;
+  x2 = isNaN(x2) || !isFinite(x2) ? Math.max(x1, 10) : x2;
   const levelY = rowIndex * fullRowHeight + rowHeight * (comparisonLevel - 1);
   const y = levelY + taskYOffset;
   const [progressWidth, progressX] = type === "milestone" ? [0, x1] : progressWithByParams(x1, x2, progress, rtl);
   const taskX1 = type === "milestone" ? x1 - taskHeight * 0.5 : x1;
   const taskX2 = type === "milestone" ? x2 + taskHeight * 0.5 : x2;
-  const taskWidth = type === "milestone" ? taskHeight : Math.max(taskX2 - taskX1, 10);
-  const containerX = taskX1 - columnWidth;
-  const containerWidth = svgWidth - containerX;
+  let taskWidth = type === "milestone" ? taskHeight : Math.max(taskX2 - taskX1, 10);
+  taskWidth = isNaN(taskWidth) || !isFinite(taskWidth) ? 10 : Math.max(taskWidth, 1);
+  let containerX = taskX1 - columnWidth;
+  containerX = isNaN(containerX) || !isFinite(containerX) ? 0 : containerX;
+  let containerWidth = svgWidth - containerX;
+  containerWidth = isNaN(containerWidth) || !isFinite(containerWidth) ? svgWidth : Math.max(containerWidth, 0);
   const innerX1 = columnWidth;
   const innerX2 = columnWidth + taskWidth;
   let comparisonDates;
   if (task.comparisonDates) {
-    const cx1 = rtl ? svgWidth - taskComparisonXCoordinate(
+    let cx1 = rtl ? svgWidth - taskComparisonXCoordinate(
       task.comparisonDates.end || task.end,
       startDate,
       viewMode,
@@ -13797,7 +13847,7 @@ const countTaskCoordinates = (task, taskToRowIndexMap, startDate, viewMode, rtl,
       viewMode,
       columnWidth
     );
-    const cx2 = rtl ? svgWidth - taskComparisonXCoordinate(
+    let cx2 = rtl ? svgWidth - taskComparisonXCoordinate(
       task.comparisonDates.start,
       startDate,
       viewMode,
@@ -13808,6 +13858,8 @@ const countTaskCoordinates = (task, taskToRowIndexMap, startDate, viewMode, rtl,
       viewMode,
       columnWidth
     );
+    cx1 = isNaN(cx1) || !isFinite(cx1) ? x1 : cx1;
+    cx2 = isNaN(cx2) || !isFinite(cx2) ? x2 : cx2;
     comparisonDates = {
       x: cx1,
       y: y + taskHeight,

package/dist/gantt-task-react.umd.js

@@ -11835,29 +11835,45 @@
     const currentDate = getDateByOffset(startDate, index2, viewMode);
     const nextDate = getDateByOffset(startDate, index2 + 1, viewMode);
     const remainderMillis = xDate.getTime() - currentDate.getTime();
-    const percentOfInterval = remainderMillis / (nextDate.getTime() - currentDate.getTime());
-    return index2 * columnWidth + percentOfInterval * columnWidth;
+    const intervalDuration = nextDate.getTime() - currentDate.getTime();
+    const percentOfInterval = intervalDuration === 0 ? 0 : remainderMillis / intervalDuration;
+    const result = index2 * columnWidth + percentOfInterval * columnWidth;
+    return isNaN(result) || !isFinite(result) ? 0 : result;
   };
   const taskComparisonXCoordinate = (xDate, startDate, viewMode, columnWidth) => {
     const index2 = getDatesDiff(xDate, startDate, viewMode);
     const currentDate = getDateByOffset(startDate, index2, viewMode);
     const nextDate = getDateByOffset(startDate, index2 + 1, viewMode);
     const remainderMillis = xDate.getTime() - currentDate.getTime();
-    const percentOfInterval = remainderMillis / (nextDate.getTime() - currentDate.getTime());
-    return index2 * columnWidth + percentOfInterval * columnWidth;
+    const intervalDuration = nextDate.getTime() - currentDate.getTime();
+    const percentOfInterval = intervalDuration === 0 ? 0 : remainderMillis / intervalDuration;
+    const result = index2 * columnWidth + percentOfInterval * columnWidth;
+    return isNaN(result) || !isFinite(result) ? 0 : result;
   };
   const progressWithByParams = (taskX1, taskX2, progress, rtl) => {
-    const progressWidth = Math.max((taskX2 - taskX1) * progress * 0.01, 0);
+    const safeTaskX1 = isNaN(taskX1) || !isFinite(taskX1) ? 0 : taskX1;
+    const safeTaskX2 = isNaN(taskX2) || !isFinite(taskX2) ? 0 : taskX2;
+    const safeProgress = isNaN(progress) || !isFinite(progress) ? 0 : progress;
+    const progressWidth = Math.max(
+      (safeTaskX2 - safeTaskX1) * safeProgress * 0.01,
+      0
+    );
     let progressX;
     if (rtl) {
-      progressX = taskX2 - progressWidth;
+      progressX = safeTaskX2 - progressWidth;
     } else {
-      progressX = taskX1;
+      progressX = safeTaskX1;
     }
     return [progressWidth, progressX];
   };
   const dateByX = (x, taskX, taskDate, xStep, timeStep) => {
-    let newDate = new Date((x - taskX) / xStep * timeStep + taskDate.getTime());
+    const safeX = isNaN(x) || !isFinite(x) ? 0 : x;
+    const safeTaskX = isNaN(taskX) || !isFinite(taskX) ? 0 : taskX;
+    const safeXStep = isNaN(xStep) || !isFinite(xStep) || xStep === 0 ? 1 : xStep;
+    const safeTimeStep = isNaN(timeStep) || !isFinite(timeStep) ? 0 : timeStep;
+    let newDate = new Date(
+      (safeX - safeTaskX) / safeXStep * safeTimeStep + taskDate.getTime()
+    );
     newDate = new Date(
       newDate.getTime() + (newDate.getTimezoneOffset() - taskDate.getTimezoneOffset()) * 6e4
     );
@@ -13109,15 +13125,22 @@
           x2: taskX2,
           comparisonDates
         } = getTaskCoordinates2(task);
+        const safeContainerX = isNaN(containerX) || !isFinite(containerX) ? 0 : containerX;
+        const safeContainerWidth = isNaN(containerWidth) || !isFinite(containerWidth) ? 0 : Math.max(containerWidth, 0);
+        const safeWidth = isNaN(width) || !isFinite(width) ? 10 : Math.max(width, 1);
+        const safeLevelY = isNaN(levelY) || !isFinite(levelY) ? 0 : levelY;
+        const safeProgressWidth = isNaN(progressWidth) || !isFinite(progressWidth) ? 0 : Math.max(progressWidth, 0);
+        const safeInnerX1 = isNaN(innerX1) || !isFinite(innerX1) ? 0 : innerX1;
+        const safeInnerX2 = isNaN(innerX2) || !isFinite(innerX2) ? safeInnerX1 + safeWidth : innerX2;
         tasksRes.push(
           /* @__PURE__ */ jsxRuntime.jsx(
             "svg",
             {
               id: task.id,
               className: `${styles$4.TaskItemWrapper} TaskItemWrapper`,
-              x: Math.max(containerX + (additionalLeftSpace || 0), 0),
-              y: levelY,
-              width: Math.max(containerWidth, 0),
+              x: Math.max(safeContainerX + (additionalLeftSpace || 0), 0),
+              y: safeLevelY,
+              width: Math.max(safeContainerWidth, 0),
               height: fullRowHeight,
               children: /* @__PURE__ */ jsxRuntime.jsx(
                 TaskItem,
@@ -13125,14 +13148,14 @@
                   movingAction: taskBarMovingAction(task),
                   allowMoveTaskBar,
                   hasChildren: checkHasChildren(task, childTasksMap),
-                  progressWidth,
-                  progressX: rtl ? innerX2 : innerX1,
+                  progressWidth: safeProgressWidth,
+                  progressX: rtl ? safeInnerX2 : safeInnerX1,
                   onSelectTaskOnMouseDown: selectTaskOnMouseDown,
                   task,
                   taskYOffset,
-                  width,
-                  x1: innerX1,
-                  x2: innerX2,
+                  width: safeWidth,
+                  x1: safeInnerX1,
+                  x2: safeInnerX2,
                   distances,
                   taskHeight,
                   taskHalfHeight,
@@ -13162,16 +13185,20 @@
           )
         );
         if (task.comparisonDates && comparisonDates) {
+          const safeComparisonX = isNaN(comparisonDates.x) || !isFinite(comparisonDates.x) ? 0 : comparisonDates.x;
+          const safeComparisonY = isNaN(comparisonDates.y) || !isFinite(comparisonDates.y) ? safeLevelY : comparisonDates.y;
+          const safeComparisonWidth = isNaN(comparisonDates.width) || !isFinite(comparisonDates.width) ? 0 : Math.max(comparisonDates.width, 0);
+          const safeComparisonHeight = isNaN(comparisonDates.height) || !isFinite(comparisonDates.height) ? 0 : Math.max(comparisonDates.height, 0);
           tasksRes.push(
             /* @__PURE__ */ jsxRuntime.jsx(
               "svg",
               {
                 id: task.id + "_comparison",
                 className: "TaskItemWrapperComparison",
-                x: Math.max(comparisonDates.x + (additionalLeftSpace || 0), 0),
-                y: comparisonDates.y,
-                width: comparisonDates.width,
-                height: comparisonDates.height * 2,
+                x: Math.max(safeComparisonX + (additionalLeftSpace || 0), 0),
+                y: safeComparisonY,
+                width: safeComparisonWidth,
+                height: safeComparisonHeight * 2,
                 children: /* @__PURE__ */ jsxRuntime.jsx(
                   BarComparison,
                   {
@@ -13180,8 +13207,8 @@
                     isWarning: !!task.comparisonDates.end && task.comparisonDates.end.getTime() >= task.end.getTime(),
                     isCritical: task.comparisonDates.start.getTime() > task.start.getTime(),
                     barCornerRadius: distances.barCornerRadius,
-                    height: comparisonDates.height,
-                    width: comparisonDates.width,
+                    height: safeComparisonHeight,
+                    width: safeComparisonWidth,
                     borderHeight: distances.barComparisonTaskBorderHeight,
                     yOffset: distances.barComparisonTaskYOffset,
                     task,
@@ -13224,15 +13251,24 @@
               addedDependenciesAtTask[source.id] = true;
               const isCritical2 = criticalPathForTask ? criticalPathForTask.has(source.id) : false;
               const { x1: fromX1, x2: fromX2 } = getTaskCoordinates2(source);
-              const containerX2 = Math.min(fromX1, taskX1) - DELTA_RELATION_WIDTH;
-              const containerWidth2 = Math.max(fromX2, taskX2) - containerX2 + DELTA_RELATION_WIDTH;
+              const safeFromX1 = isNaN(fromX1) || !isFinite(fromX1) ? 0 : fromX1;
+              const safeFromX2 = isNaN(fromX2) || !isFinite(fromX2) ? safeFromX1 + 10 : fromX2;
+              const safeTaskX1 = isNaN(taskX1) || !isFinite(taskX1) ? 0 : taskX1;
+              const safeTaskX2 = isNaN(taskX2) || !isFinite(taskX2) ? safeTaskX1 + 10 : taskX2;
+              const containerX2 = Math.min(safeFromX1, safeTaskX1) - DELTA_RELATION_WIDTH;
+              const containerWidth2 = Math.max(safeFromX2, safeTaskX2) - containerX2 + DELTA_RELATION_WIDTH;
+              const safeArrowContainerX = isNaN(containerX2) || !isFinite(containerX2) ? 0 : containerX2;
+              const safeArrowContainerWidth = isNaN(containerWidth2) || !isFinite(containerWidth2) ? 100 : Math.max(containerWidth2, 0);
               arrowsRes.push(
                 /* @__PURE__ */ jsxRuntime.jsx(
                   "svg",
                   {
-                    x: Math.max(containerX2 + (additionalLeftSpace || 0), 0),
+                    x: Math.max(
+                      safeArrowContainerX + (additionalLeftSpace || 0),
+                      0
+                    ),
                     y: containerY,
-                    width: containerWidth2,
+                    width: safeArrowContainerWidth,
                     height: containerHeight,
                     children: /* @__PURE__ */ jsxRuntime.jsx(
                       Arrow,
@@ -13240,13 +13276,13 @@
                         distances,
                         taskFrom: source,
                         targetFrom: sourceTarget,
-                        fromX1: fromX1 - containerX2,
-                        fromX2: fromX2 - containerX2,
+                        fromX1: safeFromX1 - safeArrowContainerX,
+                        fromX2: safeFromX2 - safeArrowContainerX,
                         fromY: innerFromY,
                         taskTo: task,
                         targetTo: ownTarget,
-                        toX1: taskX1 - containerX2,
-                        toX2: taskX2 - containerX2,
+                        toX1: safeTaskX1 - safeArrowContainerX,
+                        toX2: safeTaskX2 - safeArrowContainerX,
                         toY: innerToY,
                         fullRowHeight,
                         taskHeight,
@@ -13289,15 +13325,24 @@
               const criticalPathForTask = criticalPathOnLevel ? criticalPathOnLevel.dependencies.get(dependent.id) : void 0;
               const isCritical2 = criticalPathForTask ? criticalPathForTask.has(task.id) : false;
               const { x1: toX1, x2: toX2 } = getTaskCoordinates2(dependent);
-              const containerX2 = Math.min(toX1, taskX1) - DELTA_RELATION_WIDTH;
-              const containerWidth2 = Math.max(toX2, taskX2) - containerX2 + DELTA_RELATION_WIDTH;
+              const safeToX1 = isNaN(toX1) || !isFinite(toX1) ? 0 : toX1;
+              const safeToX2 = isNaN(toX2) || !isFinite(toX2) ? safeToX1 + 10 : toX2;
+              const safeTaskX1 = isNaN(taskX1) || !isFinite(taskX1) ? 0 : taskX1;
+              const safeTaskX2 = isNaN(taskX2) || !isFinite(taskX2) ? safeTaskX1 + 10 : taskX2;
+              const containerX2 = Math.min(safeToX1, safeTaskX1) - DELTA_RELATION_WIDTH;
+              const containerWidth2 = Math.max(safeToX2, safeTaskX2) - containerX2 + DELTA_RELATION_WIDTH;
+              const safeArrowContainerX = isNaN(containerX2) || !isFinite(containerX2) ? 0 : containerX2;
+              const safeArrowContainerWidth = isNaN(containerWidth2) || !isFinite(containerWidth2) ? 100 : Math.max(containerWidth2, 0);
               arrowsRes.push(
                 /* @__PURE__ */ jsxRuntime.jsx(
                   "svg",
                   {
-                    x: Math.max(containerX2 + (additionalLeftSpace || 0), 0),
+                    x: Math.max(
+                      safeArrowContainerX + (additionalLeftSpace || 0),
+                      0
+                    ),
                     y: containerY,
-                    width: containerWidth2,
+                    width: safeArrowContainerWidth,
                     height: containerHeight,
                     children: /* @__PURE__ */ jsxRuntime.jsx(
                       Arrow,
@@ -13305,13 +13350,13 @@
                         distances,
                         taskFrom: task,
                         targetFrom: ownTarget,
-                        fromX1: taskX1 - containerX2,
-                        fromX2: taskX2 - containerX2,
+                        fromX1: safeTaskX1 - safeArrowContainerX,
+                        fromX2: safeTaskX2 - safeArrowContainerX,
                         fromY: innerFromY,
                         taskTo: dependent,
                         targetTo: dependentTarget,
-                        toX1: toX1 - containerX2,
-                        toX2: toX2 - containerX2,
+                        toX1: safeToX1 - safeArrowContainerX,
+                        toX2: safeToX2 - safeArrowContainerX,
                         toY: innerToY,
                         fullRowHeight,
                         taskHeight,
@@ -13789,21 +13834,26 @@
     if (typeof rowIndex !== "number") {
       throw new Error(`Row index for task ${id} is not found`);
     }
-    const x1 = rtl ? svgWidth - taskXCoordinate(task.end, startDate, viewMode, columnWidth) : taskXCoordinate(task.start, startDate, viewMode, columnWidth);
-    const x2 = rtl ? svgWidth - taskXCoordinate(task.start, startDate, viewMode, columnWidth) : taskXCoordinate(task.end, startDate, viewMode, columnWidth);
+    let x1 = rtl ? svgWidth - taskXCoordinate(task.end, startDate, viewMode, columnWidth) : taskXCoordinate(task.start, startDate, viewMode, columnWidth);
+    let x2 = rtl ? svgWidth - taskXCoordinate(task.start, startDate, viewMode, columnWidth) : taskXCoordinate(task.end, startDate, viewMode, columnWidth);
+    x1 = isNaN(x1) || !isFinite(x1) ? 0 : x1;
+    x2 = isNaN(x2) || !isFinite(x2) ? Math.max(x1, 10) : x2;
     const levelY = rowIndex * fullRowHeight + rowHeight * (comparisonLevel - 1);
     const y = levelY + taskYOffset;
     const [progressWidth, progressX] = type === "milestone" ? [0, x1] : progressWithByParams(x1, x2, progress, rtl);
     const taskX1 = type === "milestone" ? x1 - taskHeight * 0.5 : x1;
     const taskX2 = type === "milestone" ? x2 + taskHeight * 0.5 : x2;
-    const taskWidth = type === "milestone" ? taskHeight : Math.max(taskX2 - taskX1, 10);
-    const containerX = taskX1 - columnWidth;
-    const containerWidth = svgWidth - containerX;
+    let taskWidth = type === "milestone" ? taskHeight : Math.max(taskX2 - taskX1, 10);
+    taskWidth = isNaN(taskWidth) || !isFinite(taskWidth) ? 10 : Math.max(taskWidth, 1);
+    let containerX = taskX1 - columnWidth;
+    containerX = isNaN(containerX) || !isFinite(containerX) ? 0 : containerX;
+    let containerWidth = svgWidth - containerX;
+    containerWidth = isNaN(containerWidth) || !isFinite(containerWidth) ? svgWidth : Math.max(containerWidth, 0);
     const innerX1 = columnWidth;
     const innerX2 = columnWidth + taskWidth;
     let comparisonDates;
     if (task.comparisonDates) {
-      const cx1 = rtl ? svgWidth - taskComparisonXCoordinate(
+      let cx1 = rtl ? svgWidth - taskComparisonXCoordinate(
         task.comparisonDates.end || task.end,
         startDate,
         viewMode,
@@ -13814,7 +13864,7 @@
         viewMode,
         columnWidth
       );
-      const cx2 = rtl ? svgWidth - taskComparisonXCoordinate(
+      let cx2 = rtl ? svgWidth - taskComparisonXCoordinate(
         task.comparisonDates.start,
         startDate,
         viewMode,
@@ -13825,6 +13875,8 @@
         viewMode,
         columnWidth
       );
+      cx1 = isNaN(cx1) || !isFinite(cx1) ? x1 : cx1;
+      cx2 = isNaN(cx2) || !isFinite(cx2) ? x2 : cx2;
       comparisonDates = {
         x: cx1,
         y: y + taskHeight,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gantt-task-react-v",
-  "version": "1.3.0",
+  "version": "1.3.3",
   "description": "Interactive Gantt Chart for React with TypeScript.",
   "author": "aguilanbon",
   "homepage": "https://github.com/aguilanbon/gantt-task-react-v",
@@ -43,8 +43,9 @@
     "@floating-ui/dom": "1.6.3",
     "@floating-ui/react": "0.26.11",
     "date-fns": "3.6.0",
-    "i18next": "^24.0.5",
-    "react-i18next": "^15.1.3"
+    "i18next": "^25.5.2",
+    "react-i18next": "^15.7.3",
+    "react-window": "^2.1.1"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
@@ -61,11 +62,11 @@
     "@storybook/addon-onboarding": "8.2.10",
     "@storybook/blocks": "8.2.10",
     "@storybook/cli": "8.2.10",
+    "@storybook/core-server": "8.2.10",
+    "@storybook/jest": "0.2.3",
     "@storybook/react": "8.2.10",
     "@storybook/react-vite": "8.2.10",
     "@storybook/test": "8.2.10",
-    "@storybook/core-server": "8.2.10",
-    "@storybook/jest": "0.2.3",
     "@storybook/test-runner": "0.23.0",
     "@storybook/testing-library": "^0.2.2",
     "@testing-library/jest-dom": "^6.4.2",
@@ -75,6 +76,7 @@
     "@types/node": "^20.12.4",
     "@types/react": "^18.2.74",
     "@types/react-dom": "^18.2.24",
+    "@types/react-window": "^1.8.8",
     "@typescript-eslint/eslint-plugin": "^7.5.0",
     "@typescript-eslint/parser": "^7.5.0",
     "@vitejs/plugin-react": "4.2.1",