gantt-lib 0.142.0 → 0.142.2

package/dist/index.mjs

@@ -5250,53 +5250,6 @@ var TaskRow = React2.memo(
       }
       return { left: segment.left, width: segment.width + activityDrag.dayDelta * dayWidth };
     };
-    const activityLinks = useMemo2(() => {
-      const gaps = [];
-      const elbows = [];
-      if (!showActivityLinks || !renderActivities || !activityLayout) return { gaps, elbows };
-      const activities = task.activities ?? [];
-      const segmentById = new Map(activityLayout.segments.map((segment) => [segment.id, segment]));
-      const visibleIds = new Set(visibleActivitySegments.map((segment) => segment.id));
-      const laneTopY = (lane) => activityTopOffset + lane * ACTIVITY_LANE_STEP + (ACTIVITY_LANE_STEP - ACTIVITY_LANE_BAR_HEIGHT) / 2;
-      const liveRect = (segment) => {
-        const geometry = liveActivityGeometry(segment);
-        const chainDelta = activityOverrides?.get(segment.id) ?? 0;
-        const left2 = geometry.left + (chainDelta !== 0 ? chainDelta * dayWidth : 0);
-        return { left: left2, right: left2 + geometry.width };
-      };
-      for (let index = 0; index < activities.length - 1; index += 1) {
-        const predecessor = segmentById.get(activities[index].id);
-        const successor = segmentById.get(activities[index + 1].id);
-        if (!predecessor || !successor) continue;
-        if (!visibleIds.has(predecessor.id) || !visibleIds.has(successor.id)) continue;
-        const lag = activities[index + 1].lag ?? 0;
-        const predRect = liveRect(predecessor);
-        const succRect = liveRect(successor);
-        if (predecessor.lane === successor.lane && succRect.left >= predRect.right) {
-          const width2 = succRect.left - predRect.right;
-          if (width2 >= 1) {
-            gaps.push({ key: `${predecessor.id}->${successor.id}`, left: predRect.right, width: width2, lane: predecessor.lane, lag });
-          }
-          continue;
-        }
-        const predecessorLaneTop = laneTopY(predecessor.lane);
-        const successorLaneTop = laneTopY(successor.lane);
-        const sameLane = predecessor.lane === successor.lane;
-        const reverseOrder = !sameLane && successorLaneTop < predecessorLaneTop;
-        const fromY = reverseOrder ? predecessorLaneTop + 6 : predecessorLaneTop + ACTIVITY_LANE_BAR_HEIGHT - 6;
-        const toY = reverseOrder ? successorLaneTop + ACTIVITY_LANE_BAR_HEIGHT - 6 : successorLaneTop + (sameLane ? ACTIVITY_LANE_STEP : 0) + 6;
-        const fromX = predRect.right;
-        const toX = succRect.left;
-        elbows.push({
-          key: `${predecessor.id}->${successor.id}`,
-          d: calculateDependencyPath({ x: fromX, y: fromY }, { x: toX, y: toY }, false),
-          lagX: toX - 14,
-          lagY: reverseOrder ? fromY - 4 : fromY + 12,
-          lag
-        });
-      }
-      return { gaps, elbows };
-    }, [showActivityLinks, renderActivities, activityLayout, visibleActivitySegments, activityTopOffset, activityOverrides, activityDrag, dayWidth, task.activities]);
     const activityTipData = useMemo2(() => {
       if (!activityTipId || !task.activities) return null;
       const activity = task.activities.find((item) => item.id === activityTipId);
@@ -5368,121 +5321,72 @@ var TaskRow = React2.memo(
                 }
               }
             ),
-            renderActivities && activityLayout && /* @__PURE__ */ jsxs2("div", { className: "gantt-tr-activityLanes", children: [
-              activityLinks.elbows.length > 0 && /* @__PURE__ */ jsxs2("svg", { className: "gantt-tr-activityLinksSvg", width: "100%", height: "100%", "aria-hidden": "true", children: [
-                /* @__PURE__ */ jsx2("defs", { children: /* @__PURE__ */ jsx2("marker", { id: "arrowhead", markerWidth: "8", markerHeight: "6", markerUnits: "userSpaceOnUse", refX: "7", refY: "3", orient: "auto", children: /* @__PURE__ */ jsx2("polygon", { points: "0 0, 8 3, 0 6", fill: "var(--gantt-dependency-line-color, #666666)" }) }) }),
-                activityLinks.elbows.map((link) => /* @__PURE__ */ jsxs2("g", { children: [
-                  /* @__PURE__ */ jsx2("path", { className: "gantt-dependency-path", d: link.d, markerEnd: "url(#arrowhead)" }),
-                  showActivityLag && link.lag !== 0 && /* @__PURE__ */ jsx2(
-                    "text",
-                    {
-                      className: "gantt-dependency-lag-label",
-                      x: link.lagX,
-                      y: link.lagY,
-                      textAnchor: "middle",
-                      fontSize: "10",
-                      fill: "var(--gantt-dependency-line-color, #666666)",
-                      children: link.lag > 0 ? `+${link.lag}` : `${link.lag}`
+            renderActivities && activityLayout && /* @__PURE__ */ jsx2("div", { className: "gantt-tr-activityLanes", children: visibleActivitySegments.map((segment) => {
+              const live = liveActivityGeometry(segment);
+              const chainDelta = activityOverrides?.get(segment.id) ?? 0;
+              const activityProgress = segment.progress === void 0 ? 0 : Math.min(100, Math.max(0, Math.round(segment.progress)));
+              const liveLeft = live.left + (chainDelta !== 0 ? chainDelta * dayWidth : 0);
+              const isDraggingActivity = activityDrag?.id === segment.id;
+              const isBlockingActivity = blockedActivityIds?.has(segment.id) ?? false;
+              const isAtLimit = isDraggingActivity && activityBlockedBy !== null;
+              const isActiveActivity = activationVisualEnabled && activeActivityKey === activityOwnerKey(task.id, segment.id);
+              const isSameWorkType = activeWork !== null && (segment.id === activeWork.id || activeWork.name !== null && segment.name === activeWork.name);
+              const isDimmed = dimOthers && activeWork !== null && !isSameWorkType;
+              const isChainHighlighted = highlightChain && activeWork !== null && isSameWorkType;
+              return /* @__PURE__ */ jsxs2(
+                "div",
+                {
+                  "data-activity-id": segment.id,
+                  className: `gantt-tr-activityBar${isDraggingActivity ? " gantt-tr-activityBar-dragging" : ""}${isBlockingActivity ? " gantt-tr-activityBar-blocking" : ""}${isAtLimit ? " gantt-tr-activityBar-atLimit" : ""}${isActiveActivity ? " gantt-tr-activityBar-active" : ""}${isDimmed ? " gantt-tr-activityBar-dimmed" : ""}${isChainHighlighted ? " gantt-tr-activityBar-chain" : ""}${activityDragEnabled ? "" : " gantt-tr-activityBar-locked"}`,
+                  style: {
+                    left: `${liveLeft}px`,
+                    width: `${live.width}px`,
+                    top: `${activityTopOffset + segment.lane * ACTIVITY_LANE_STEP + (ACTIVITY_LANE_STEP - ACTIVITY_LANE_BAR_HEIGHT) / 2}px`,
+                    height: `${ACTIVITY_LANE_BAR_HEIGHT}px`,
+                    backgroundColor: segment.color || "var(--gantt-task-bar-default-color)"
+                  },
+                  onMouseDown: (event) => {
+                    if (!activityDragEnabled) return;
+                    const activationKey = activityOwnerKey(task.id, segment.id);
+                    const isActive = activityActivationStore?.getActiveKey() === activationKey;
+                    if (activationVisualEnabled && !isActive) {
+                      activityActivationStore?.setActiveKey(activationKey);
                     }
-                  )
-                ] }, link.key))
-              ] }),
-              visibleActivitySegments.map((segment) => {
-                const live = liveActivityGeometry(segment);
-                const chainDelta = activityOverrides?.get(segment.id) ?? 0;
-                const activityProgress = segment.progress === void 0 ? 0 : Math.min(100, Math.max(0, Math.round(segment.progress)));
-                const liveLeft = live.left + (chainDelta !== 0 ? chainDelta * dayWidth : 0);
-                const isDraggingActivity = activityDrag?.id === segment.id;
-                const isBlockingActivity = blockedActivityIds?.has(segment.id) ?? false;
-                const isAtLimit = isDraggingActivity && activityBlockedBy !== null;
-                const isActiveActivity = activationVisualEnabled && activeActivityKey === activityOwnerKey(task.id, segment.id);
-                const isSameWorkType = activeWork !== null && (segment.id === activeWork.id || activeWork.name !== null && segment.name === activeWork.name);
-                const isDimmed = dimOthers && activeWork !== null && !isSameWorkType;
-                const isChainHighlighted = highlightChain && activeWork !== null && isSameWorkType;
-                return /* @__PURE__ */ jsxs2(
-                  "div",
-                  {
-                    "data-activity-id": segment.id,
-                    className: `gantt-tr-activityBar${isDraggingActivity ? " gantt-tr-activityBar-dragging" : ""}${isBlockingActivity ? " gantt-tr-activityBar-blocking" : ""}${isAtLimit ? " gantt-tr-activityBar-atLimit" : ""}${isActiveActivity ? " gantt-tr-activityBar-active" : ""}${isDimmed ? " gantt-tr-activityBar-dimmed" : ""}${isChainHighlighted ? " gantt-tr-activityBar-chain" : ""}${activityDragEnabled ? "" : " gantt-tr-activityBar-locked"}`,
-                    style: {
-                      left: `${liveLeft}px`,
-                      width: `${live.width}px`,
-                      top: `${activityTopOffset + segment.lane * ACTIVITY_LANE_STEP + (ACTIVITY_LANE_STEP - ACTIVITY_LANE_BAR_HEIGHT) / 2}px`,
-                      height: `${ACTIVITY_LANE_BAR_HEIGHT}px`,
-                      backgroundColor: segment.color || "var(--gantt-task-bar-default-color)"
-                    },
-                    onMouseDown: (event) => {
-                      if (!activityDragEnabled) return;
-                      const activationKey = activityOwnerKey(task.id, segment.id);
-                      const isActive = activityActivationStore?.getActiveKey() === activationKey;
-                      if (activationVisualEnabled && !isActive) {
-                        activityActivationStore?.setActiveKey(activationKey);
-                      }
-                      if (activityClickToDrag && !isActive) return;
-                      const target = event.target;
-                      const mode = target.closest(".gantt-tr-resizeHandleLeft") ? "resize-left" : target.closest(".gantt-tr-resizeHandleRight") ? "resize-right" : "move";
-                      handleActivityPointerDown(segment, mode)(event);
-                    },
-                    onMouseEnter: (event) => {
-                      if (activityDrag || activityDragOwner?.get()) return;
-                      setActivityTipPosition(anchorActivityTip(event.currentTarget.getBoundingClientRect()));
-                      setActivityTipId(segment.id);
-                    },
-                    onMouseLeave: () => {
-                      if (!activityDrag) {
-                        setActivityTipId((current) => current === segment.id ? null : current);
-                        activityTipAnchor.current = null;
-                        setActivityTipPosition(null);
-                      }
-                    },
-                    children: [
-                      activityProgress > 0 && /* @__PURE__ */ jsx2(
-                        "span",
-                        {
-                          className: "gantt-tr-activityProgress",
-                          style: { width: `${activityProgress}%` }
-                        }
-                      ),
-                      /* @__PURE__ */ jsx2("span", { className: "gantt-tr-activityName", style: { color: activityTextColor(segment.color) }, children: segment.name }),
-                      activityDragEnabled && /* @__PURE__ */ jsxs2(Fragment, { children: [
-                        /* @__PURE__ */ jsx2("div", { className: "gantt-tr-resizeHandle gantt-tr-resizeHandleLeft" }),
-                        /* @__PURE__ */ jsx2("div", { className: "gantt-tr-resizeHandle gantt-tr-resizeHandleRight" })
-                      ] })
-                    ]
+                    if (activityClickToDrag && !isActive) return;
+                    const target = event.target;
+                    const mode = target.closest(".gantt-tr-resizeHandleLeft") ? "resize-left" : target.closest(".gantt-tr-resizeHandleRight") ? "resize-right" : "move";
+                    handleActivityPointerDown(segment, mode)(event);
                   },
-                  segment.id
-                );
-              }),
-              activityLinks.gaps.map((gap) => /* @__PURE__ */ jsxs2(React2.Fragment, { children: [
-                /* @__PURE__ */ jsx2(
-                  "span",
-                  {
-                    className: "gantt-tr-activityLink",
-                    "aria-hidden": "true",
-                    style: {
-                      left: `${gap.left}px`,
-                      width: `${gap.width}px`,
-                      top: `${activityTopOffset + gap.lane * ACTIVITY_LANE_STEP + ACTIVITY_LANE_STEP / 2}px`
+                  onMouseEnter: (event) => {
+                    if (activityDrag || activityDragOwner?.get()) return;
+                    setActivityTipPosition(anchorActivityTip(event.currentTarget.getBoundingClientRect()));
+                    setActivityTipId(segment.id);
+                  },
+                  onMouseLeave: () => {
+                    if (!activityDrag) {
+                      setActivityTipId((current) => current === segment.id ? null : current);
+                      activityTipAnchor.current = null;
+                      setActivityTipPosition(null);
                     }
-                  }
-                ),
-                showActivityLag && gap.lag > 0 && /* @__PURE__ */ jsxs2(
-                  "span",
-                  {
-                    className: "gantt-tr-activityLag",
-                    title: `\u0417\u0430\u0437\u043E\u0440 ${gap.lag} \u0434`,
-                    style: {
-                      left: `${gap.left + gap.width - 14}px`,
-                      top: `${activityTopOffset + gap.lane * ACTIVITY_LANE_STEP + ACTIVITY_LANE_STEP / 2}px`
-                    },
-                    children: [
-                      "+",
-                      gap.lag
-                    ]
-                  }
-                )
-              ] }, gap.key))
-            ] }),
+                  },
+                  children: [
+                    activityProgress > 0 && /* @__PURE__ */ jsx2(
+                      "span",
+                      {
+                        className: "gantt-tr-activityProgress",
+                        style: { width: `${activityProgress}%` }
+                      }
+                    ),
+                    /* @__PURE__ */ jsx2("span", { className: "gantt-tr-activityName", style: { color: activityTextColor(segment.color) }, children: segment.name }),
+                    activityDragEnabled && /* @__PURE__ */ jsxs2(Fragment, { children: [
+                      /* @__PURE__ */ jsx2("div", { className: "gantt-tr-resizeHandle gantt-tr-resizeHandleLeft" }),
+                      /* @__PURE__ */ jsx2("div", { className: "gantt-tr-resizeHandle gantt-tr-resizeHandleRight" })
+                    ] })
+                  ]
+                },
+                segment.id
+              );
+            }) }),
             !renderActivities && /* @__PURE__ */ jsxs2(
               "div",
               {
@@ -6054,10 +5958,11 @@ function areBothHiddenInSameParent(predecessorId, successorId, collapsedParentId
   if (!predVisibleAncestor || !succVisibleAncestor) return false;
   return predVisibleAncestor.id === succVisibleAncestor.id;
 }
+var EMPTY_COLLAPSED_PARENT_IDS = /* @__PURE__ */ new Set();
 var DependencyLines = React6.memo(({
   tasks,
   allTasks,
-  collapsedParentIds = /* @__PURE__ */ new Set(),
+  collapsedParentIds = EMPTY_COLLAPSED_PARENT_IDS,
   monthStart,
   dayWidth,
   rowHeight,
@@ -6202,8 +6107,8 @@ var DependencyLines = React6.memo(({
           fromY = predecessor.rowTop + predecessor.rowHeight / 2;
           toY = successor.rowTop + successor.rowHeight / 2;
         } else if (activityEndpoints) {
-          fromY = reverseOrder ? predecessor.rowTop : predecessor.rowTop + predecessor.rowHeight;
-          toY = reverseOrder ? successor.rowTop + successor.rowHeight : successor.rowTop;
+          fromY = reverseOrder ? predecessor.rowTop + 6 : predecessor.rowTop + predecessor.rowHeight - 6;
+          toY = reverseOrder ? successor.rowTop + successor.rowHeight - 6 : successor.rowTop + 6;
         } else if (reverseOrder) {
           fromY = predecessor.rowTop + 10;
           toY = successor.rowTop + successor.rowHeight - 6;
@@ -6438,10 +6343,12 @@ function ActivityDependencyLines(props) {
   const layout = useMemo7(() => {
     const flattened = [], rendered = [], tops = [], heights = [];
     const indices = /* @__PURE__ */ new Map();
+    const neededRows = /* @__PURE__ */ new Set();
     const incoming = /* @__PURE__ */ new Map();
     const selected = props.highlight ? new Set(props.highlight.activities.map((activity) => activityKey(activity.taskId, activity.activityId))) : void 0;
     const highlightMode = props.highlight?.mode ?? "chain";
     for (const edge of dependencies) {
+      if (!props.renderedTaskIds.has(edge.predecessorTaskId) && !props.renderedTaskIds.has(edge.successorTaskId)) continue;
       if (selected) {
         const fromSelected = selected.has(activityKey(edge.predecessorTaskId, edge.predecessorActivityId));
         const toSelected = selected.has(activityKey(edge.successorTaskId, edge.successorActivityId));
@@ -6450,12 +6357,15 @@ function ActivityDependencyLines(props) {
         const outgoing = fromSelected && !toSelected && (highlightMode === "chain-outgoing" || highlightMode === "chain-all");
         if (!internal && !incoming2 && !outgoing) continue;
       }
+      neededRows.add(edge.predecessorTaskId);
+      neededRows.add(edge.successorTaskId);
       const id = activityKey(edge.successorTaskId, edge.successorActivityId);
       const values = incoming.get(id) ?? [];
       values.push({ taskId: activityKey(edge.predecessorTaskId, edge.predecessorActivityId), type: edge.type, lag: edge.lag });
       incoming.set(id, values);
     }
     for (const task of tasks) {
+      if (!neededRows.has(task.id)) continue;
       const row = props.rowIndexByTaskId.get(task.id);
       if (row === void 0 || !task.activities?.length) continue;
       const height = props.rowHeights[row] ?? props.rowHeight;
@@ -15393,6 +15303,17 @@ function TaskGanttChartInner(props, ref) {
     onTaskDateChangeModeChange: externalOnTaskDateChangeModeChange,
     printDependencyLabels = false
   } = props;
+  const resolvedActivityDependencies = useMemo14(() => {
+    if (activityDependencies !== void 0) return activityDependencies;
+    return tasks.flatMap((task) => (task.activities ?? []).slice(1).map((successor, index) => ({
+      predecessorTaskId: task.id,
+      predecessorActivityId: task.activities[index].id,
+      successorTaskId: task.id,
+      successorActivityId: successor.id,
+      type: "FS",
+      lag: successor.lag ?? 0
+    })));
+  }, [tasks, activityDependencies]);
   const dayWidth = !isTableMatrixMode ? props.dayWidth ?? 40 : 40;
   const criticalPathMode = !isTableMatrixMode && !isPlanFactMode ? props.criticalPathMode : void 0;
   const onSubtreeScaleResult = !isTableMatrixMode && !isPlanFactMode ? props.onSubtreeScaleResult : void 0;
@@ -16869,7 +16790,7 @@ function TaskGanttChartInner(props, ref) {
                                 onHoverEnd: () => setActiveTimelineTooltip(null)
                               }
                             ),
-                            showActivityLinks && activityDependencies !== void 0 && /* @__PURE__ */ jsx22(ActivityDependencyLines, { tasks: visibleTasks, renderedTaskIds: renderedTaskIdsRef.current, dependencies: activityDependencies, highlight: activityDependencyHighlight, monthStart, dayWidth, rowHeight: effectiveRowHeight, gridWidth: renderGridWidth, totalHeight: totalGridHeight, rowIndexByTaskId: visibleTaskIndexMap, rowTops: compositeRowLayout.tops, rowHeights: compositeRowLayout.heights, showLag: showActivityLag, previewStore: activityPreviewStore, horizontalWindow }),
+                            showActivityLinks && resolvedActivityDependencies.length > 0 && /* @__PURE__ */ jsx22(ActivityDependencyLines, { tasks: visibleTasks, renderedTaskIds: renderedTaskIdsRef.current, dependencies: resolvedActivityDependencies, highlight: activityDependencyHighlight, monthStart, dayWidth, rowHeight: effectiveRowHeight, gridWidth: renderGridWidth, totalHeight: totalGridHeight, rowIndexByTaskId: visibleTaskIndexMap, rowTops: compositeRowLayout.tops, rowHeights: compositeRowLayout.heights, showLag: showActivityLag, previewStore: activityPreviewStore, horizontalWindow }),
                             /* @__PURE__ */ jsx22(
                               DependencyLines_default,
                               {
@@ -17012,7 +16933,7 @@ function TaskGanttChartInner(props, ref) {
                                     activityActivationStore,
                                     activityClickToDrag,
                                     activityActivationMode,
-                                    showActivityLinks: showActivityLinks && activityDependencies === void 0,
+                                    showActivityLinks: false,
                                     showActivityLag,
                                     activityTooltip,
                                     horizontalWindow,