gantt-task-react-v 1.4.0 → 1.4.1

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

@@ -13126,6 +13126,12 @@ const TaskGanttContentInner = (props) => {
     const tasksRes = [];
     const arrowsRes = [];
     const selectedTasksRes = [];
+    const taskById = /* @__PURE__ */ new Map();
+    mapGlobalRowIndexToTask.forEach((task) => {
+      if (task.type !== "empty") {
+        taskById.set(task.id, task);
+      }
+    });
     const addedSelectedTasks = {};
     const addedDependencies = {};
     for (let index2 = start; index2 <= end; ++index2) {
@@ -13420,6 +13426,93 @@ const TaskGanttContentInner = (props) => {
         );
       }
     }
+    const renderedTop = start * fullRowHeight;
+    const renderedBottom = (end + 1) * fullRowHeight;
+    for (const [comparisonLevel, dependenciesByLevel] of dependencyMap) {
+      let addedDependenciesAtLevel = addedDependencies[comparisonLevel];
+      if (!addedDependenciesAtLevel) {
+        addedDependenciesAtLevel = {};
+        addedDependencies[comparisonLevel] = addedDependenciesAtLevel;
+      }
+      const criticalPathOnLevel = criticalPaths ? criticalPaths.get(comparisonLevel) : void 0;
+      for (const [taskId, dependencies] of dependenciesByLevel) {
+        let addedDependenciesAtTask = addedDependenciesAtLevel[taskId];
+        if (!addedDependenciesAtTask) {
+          addedDependenciesAtTask = {};
+          addedDependenciesAtLevel[taskId] = addedDependenciesAtTask;
+        }
+        const targetTask = taskById.get(taskId);
+        if (!targetTask)
+          continue;
+        const criticalPathForTask = criticalPathOnLevel ? criticalPathOnLevel.dependencies.get(taskId) : void 0;
+        dependencies.filter(({ source }) => {
+          if (addedDependenciesAtTask[source.id])
+            return false;
+          if (!visibleTasksMirror[source.id])
+            return false;
+          return true;
+        }).forEach(
+          ({
+            containerHeight,
+            containerY,
+            innerFromY,
+            innerToY,
+            ownTarget,
+            source,
+            sourceTarget
+          }) => {
+            if (containerY + containerHeight < renderedTop || containerY > renderedBottom) {
+              return;
+            }
+            addedDependenciesAtTask[source.id] = true;
+            const isCritical = criticalPathForTask ? criticalPathForTask.has(source.id) : false;
+            const { x1: fromX1, x2: fromX2 } = getTaskCoordinates2(source);
+            const { x1: targetX1, x2: targetX2 } = getTaskCoordinates2(targetTask);
+            const safeFromX1 = isNaN(fromX1) || !isFinite(fromX1) ? 0 : fromX1;
+            const safeFromX2 = isNaN(fromX2) || !isFinite(fromX2) ? safeFromX1 + 10 : fromX2;
+            const safeTargetX1 = isNaN(targetX1) || !isFinite(targetX1) ? 0 : targetX1;
+            const safeTargetX2 = isNaN(targetX2) || !isFinite(targetX2) ? safeTargetX1 + 10 : targetX2;
+            const cX = Math.min(safeFromX1, safeTargetX1) - DELTA_RELATION_WIDTH;
+            const cW = Math.max(safeFromX2, safeTargetX2) - cX + DELTA_RELATION_WIDTH;
+            const safeCX = isNaN(cX) || !isFinite(cX) ? 0 : cX;
+            const safeCW = isNaN(cW) || !isFinite(cW) ? 100 : Math.max(cW, 0);
+            arrowsRes.push(
+              /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  x: Math.max(safeCX + (additionalLeftSpace || 0), 0),
+                  y: containerY,
+                  width: safeCW,
+                  height: containerHeight,
+                  children: /* @__PURE__ */ jsx(
+                    Arrow,
+                    {
+                      distances,
+                      taskFrom: source,
+                      targetFrom: sourceTarget,
+                      fromX1: safeFromX1 - safeCX,
+                      fromX2: safeFromX2 - safeCX,
+                      fromY: innerFromY,
+                      taskTo: targetTask,
+                      targetTo: ownTarget,
+                      toX1: safeTargetX1 - safeCX,
+                      toX2: safeTargetX2 - safeCX,
+                      toY: innerToY,
+                      fullRowHeight,
+                      taskHeight,
+                      isCritical,
+                      rtl,
+                      onArrowDoubleClick
+                    }
+                  )
+                },
+                `Arrow from ${source.id} to ${taskId} on ${comparisonLevel}`
+              )
+            );
+          }
+        );
+      }
+    }
     return [tasksRes, arrowsRes, selectedTasksRes];
   }, [
     viewMode,

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

@@ -13143,6 +13143,12 @@
       const tasksRes = [];
       const arrowsRes = [];
       const selectedTasksRes = [];
+      const taskById = /* @__PURE__ */ new Map();
+      mapGlobalRowIndexToTask.forEach((task) => {
+        if (task.type !== "empty") {
+          taskById.set(task.id, task);
+        }
+      });
       const addedSelectedTasks = {};
       const addedDependencies = {};
       for (let index2 = start; index2 <= end; ++index2) {
@@ -13437,6 +13443,93 @@
           );
         }
       }
+      const renderedTop = start * fullRowHeight;
+      const renderedBottom = (end + 1) * fullRowHeight;
+      for (const [comparisonLevel, dependenciesByLevel] of dependencyMap) {
+        let addedDependenciesAtLevel = addedDependencies[comparisonLevel];
+        if (!addedDependenciesAtLevel) {
+          addedDependenciesAtLevel = {};
+          addedDependencies[comparisonLevel] = addedDependenciesAtLevel;
+        }
+        const criticalPathOnLevel = criticalPaths ? criticalPaths.get(comparisonLevel) : void 0;
+        for (const [taskId, dependencies] of dependenciesByLevel) {
+          let addedDependenciesAtTask = addedDependenciesAtLevel[taskId];
+          if (!addedDependenciesAtTask) {
+            addedDependenciesAtTask = {};
+            addedDependenciesAtLevel[taskId] = addedDependenciesAtTask;
+          }
+          const targetTask = taskById.get(taskId);
+          if (!targetTask)
+            continue;
+          const criticalPathForTask = criticalPathOnLevel ? criticalPathOnLevel.dependencies.get(taskId) : void 0;
+          dependencies.filter(({ source }) => {
+            if (addedDependenciesAtTask[source.id])
+              return false;
+            if (!visibleTasksMirror[source.id])
+              return false;
+            return true;
+          }).forEach(
+            ({
+              containerHeight,
+              containerY,
+              innerFromY,
+              innerToY,
+              ownTarget,
+              source,
+              sourceTarget
+            }) => {
+              if (containerY + containerHeight < renderedTop || containerY > renderedBottom) {
+                return;
+              }
+              addedDependenciesAtTask[source.id] = true;
+              const isCritical = criticalPathForTask ? criticalPathForTask.has(source.id) : false;
+              const { x1: fromX1, x2: fromX2 } = getTaskCoordinates2(source);
+              const { x1: targetX1, x2: targetX2 } = getTaskCoordinates2(targetTask);
+              const safeFromX1 = isNaN(fromX1) || !isFinite(fromX1) ? 0 : fromX1;
+              const safeFromX2 = isNaN(fromX2) || !isFinite(fromX2) ? safeFromX1 + 10 : fromX2;
+              const safeTargetX1 = isNaN(targetX1) || !isFinite(targetX1) ? 0 : targetX1;
+              const safeTargetX2 = isNaN(targetX2) || !isFinite(targetX2) ? safeTargetX1 + 10 : targetX2;
+              const cX = Math.min(safeFromX1, safeTargetX1) - DELTA_RELATION_WIDTH;
+              const cW = Math.max(safeFromX2, safeTargetX2) - cX + DELTA_RELATION_WIDTH;
+              const safeCX = isNaN(cX) || !isFinite(cX) ? 0 : cX;
+              const safeCW = isNaN(cW) || !isFinite(cW) ? 100 : Math.max(cW, 0);
+              arrowsRes.push(
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "svg",
+                  {
+                    x: Math.max(safeCX + (additionalLeftSpace || 0), 0),
+                    y: containerY,
+                    width: safeCW,
+                    height: containerHeight,
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                      Arrow,
+                      {
+                        distances,
+                        taskFrom: source,
+                        targetFrom: sourceTarget,
+                        fromX1: safeFromX1 - safeCX,
+                        fromX2: safeFromX2 - safeCX,
+                        fromY: innerFromY,
+                        taskTo: targetTask,
+                        targetTo: ownTarget,
+                        toX1: safeTargetX1 - safeCX,
+                        toX2: safeTargetX2 - safeCX,
+                        toY: innerToY,
+                        fullRowHeight,
+                        taskHeight,
+                        isCritical,
+                        rtl,
+                        onArrowDoubleClick
+                      }
+                    )
+                  },
+                  `Arrow from ${source.id} to ${taskId} on ${comparisonLevel}`
+                )
+              );
+            }
+          );
+        }
+      }
       return [tasksRes, arrowsRes, selectedTasksRes];
     }, [
       viewMode,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gantt-task-react-v",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "description": "Interactive Gantt Chart for React with TypeScript.",
   "author": "aguilanbon",
   "homepage": "https://github.com/aguilanbon/gantt-task-react-v",