gantt-lib 0.135.7 → 0.135.9

package/dist/index.mjs

@@ -3241,19 +3241,20 @@ var pixelsToDate = (pixels, monthStart, dayWidth) => {
 var calculateGridWidth = (daysInMonth, dayWidth) => {
   return Math.round(daysInMonth * dayWidth);
 };
+var MIN_EDGE_ZONE_PX = 8;
+var MIN_MOVE_ZONE_PX = 16;
 var detectEdgeZone = (clientX, taskBarElement, edgeZoneWidth = 12) => {
   const rect = taskBarElement.getBoundingClientRect();
   const relativeX = Math.round(clientX - rect.left);
   const width = Math.round(rect.width);
-  if (width <= 2 * edgeZoneWidth) {
-    const distanceToLeft = relativeX;
-    const distanceToRight = width - relativeX;
-    return distanceToLeft <= distanceToRight ? "left" : "right";
-  }
-  if (relativeX >= 0 && relativeX <= edgeZoneWidth) {
+  const effectiveZone = Math.max(
+    MIN_EDGE_ZONE_PX,
+    Math.min(edgeZoneWidth, (width - MIN_MOVE_ZONE_PX) / 2)
+  );
+  if (relativeX >= 0 && relativeX <= effectiveZone) {
     return "left";
   }
-  if (relativeX >= width - edgeZoneWidth && relativeX <= width) {
+  if (relativeX >= width - effectiveZone && relativeX <= width) {
     return "right";
   }
   return "move";
@@ -3873,8 +3874,7 @@ var useTaskDrag = (options) => {
     locked = false,
     disableTaskDrag = false,
     businessDays = true,
-    weekendPredicate,
-    viewMode = "day"
+    weekendPredicate
   } = options;
   const rawHookTask = allTasks.find((t) => t.id === taskId);
   const hookTask = rawHookTask ? normalizeTaskDatesForType(rawHookTask) : void 0;
@@ -4146,23 +4146,18 @@ var useTaskDrag = (options) => {
     if (effectiveLocked) return;
     const target = e.currentTarget;
     const currentTask = allTasks.find((t) => t.id === taskId);
-    const isSingleDayTask = !!currentTask && !isMilestoneTask(currentTask) && !isTaskParent(taskId, allTasks) && currentWidth <= dayWidth && viewMode === "day";
     let mode = null;
-    if (isSingleDayTask) {
-      mode = "move";
-    } else {
-      const edgeZone = detectEdgeZone(e.clientX, target, edgeZoneWidth);
-      switch (edgeZone) {
-        case "left":
-          mode = "resize-left";
-          break;
-        case "right":
-          mode = "resize-right";
-          break;
-        case "move":
-          mode = "move";
-          break;
-      }
+    const edgeZone = detectEdgeZone(e.clientX, target, edgeZoneWidth);
+    switch (edgeZone) {
+      case "left":
+        mode = "resize-left";
+        break;
+      case "right":
+        mode = "resize-right";
+        break;
+      case "move":
+        mode = "move";
+        break;
     }
     if (mode === "resize-left" || mode === "resize-right") {
       if (currentTask && isMilestoneTask(currentTask)) {
@@ -4212,7 +4207,7 @@ var useTaskDrag = (options) => {
       cascadeContext: shouldBuildCascadeContext ? createCascadeContext(allTasks) : void 0,
       scheduleIntentMode: Boolean(onScheduleIntent)
     };
-  }, [edgeZoneWidth, currentLeft, currentWidth, dayWidth, monthStart, taskId, onDragStateChange, handleProgress, handleComplete, handleCancel, allTasks, disableConstraints, deferCascadePreview, onCascadeProgress, onCascade, effectiveLocked, viewMode]);
+  }, [edgeZoneWidth, currentLeft, currentWidth, dayWidth, monthStart, taskId, onDragStateChange, handleProgress, handleComplete, handleCancel, allTasks, disableConstraints, deferCascadePreview, onCascadeProgress, onCascade, effectiveLocked]);
   const handleMouseDown = useCallback((e) => {
     startDrag(e);
   }, [startDrag]);
@@ -4231,14 +4226,13 @@ var useTaskDrag = (options) => {
     }
     const target = e.currentTarget;
     const currentTask = allTasks.find((t) => t.id === taskId);
-    const isSingleDayTask = !!currentTask && !isMilestoneTask(currentTask) && !isTaskParent(taskId, allTasks) && currentWidth <= dayWidth && viewMode === "day";
-    if (isSingleDayTask || currentTask && isMilestoneTask(currentTask)) {
+    if (currentTask && isMilestoneTask(currentTask)) {
       setHoverCursor("grab");
       return;
     }
     const edgeZone = detectEdgeZone(e.clientX, target, edgeZoneWidth);
     setHoverCursor(edgeZone === "move" ? "grab" : "ew-resize");
-  }, [disableTaskDrag, locked, isDragging, allTasks, taskId, currentWidth, dayWidth, viewMode, edgeZoneWidth]);
+  }, [disableTaskDrag, locked, isDragging, allTasks, taskId, edgeZoneWidth]);
   const handleMouseLeave = useCallback(() => {
     setHoverCursor(disableTaskDrag ? "grab" : locked ? "not-allowed" : isDragging ? "grabbing" : "grab");
   }, [disableTaskDrag, locked, isDragging]);
@@ -4529,7 +4523,7 @@ var TaskRow = React2.memo(
                   "data-task-id": task.id,
                   "data-port-side": "left",
                   className: `gantt-tr-dependencyPort gantt-tr-dependencyPortLeft ${milestone ? "gantt-tr-dependencyPortMilestone" : ""} ${isParent ? "gantt-tr-dependencyPortParent" : ""} ${isDependencyDragActive ? "gantt-tr-dependencyPortDragActive" : ""}`,
-                  style: { left: `${visualLeft - 21}px` },
+                  style: { left: `${visualLeft - 24}px` },
                   "aria-label": `\u041D\u0430\u0447\u0430\u0442\u044C \u0441\u0432\u044F\u0437\u044C \u043E\u0442 \u043B\u0435\u0432\u043E\u0433\u043E \u043A\u0440\u0430\u044F: ${task.name}`,
                   title: "\u041F\u043E\u0442\u044F\u043D\u0438\u0442\u0435 \u043A \u043A\u0440\u0430\u044E \u0434\u0440\u0443\u0433\u043E\u0439 \u043F\u043E\u043B\u043E\u0441\u044B, \u0447\u0442\u043E\u0431\u044B \u0441\u043E\u0437\u0434\u0430\u0442\u044C \u0441\u0432\u044F\u0437\u044C",
                   onPointerDown: (event) => onDependencyPortPointerDown(task.id, "left", event)
@@ -5246,18 +5240,18 @@ var LINK_TYPE_LABELS_RU = {
   FF: "\u041E\u041E",
   SF: "\u041D\u041E"
 };
+var fmt = (n) => Math.round(n * 100) / 100;
 function getPath(drag) {
   const from = drag.source;
   const to = drag.current;
   const direction = to.y >= from.y ? 1 : -1;
   const bend = Math.max(18, Math.abs(to.y - from.y) * 0.45);
-  const middleX = Math.round((from.x + to.x) / 2);
   if (Math.abs(to.y - from.y) < 2) {
-    return `M ${Math.round(from.x)} ${Math.round(from.y)} H ${Math.round(to.x)}`;
+    return `M ${fmt(from.x)} ${fmt(from.y)} H ${fmt(to.x)}`;
   }
   return [
-    `M ${Math.round(from.x)} ${Math.round(from.y)}`,
-    `C ${Math.round(from.x)} ${Math.round(from.y + bend * direction)}, ${Math.round(to.x)} ${Math.round(to.y - bend * direction)}, ${Math.round(to.x)} ${Math.round(to.y)}`
+    `M ${fmt(from.x)} ${fmt(from.y)}`,
+    `C ${fmt(from.x)} ${fmt(from.y + bend * direction)}, ${fmt(to.x)} ${fmt(to.y - bend * direction)}, ${fmt(to.x)} ${fmt(to.y)}`
   ].join(" ");
 }
 var DependencyCreationOverlay = ({ drag, width, height }) => {
@@ -8747,6 +8741,38 @@ function resolveTaskListColumns(builtIn, custom, hiddenColumnIds = []) {
   return filterHiddenColumns(result);
 }
 
+// src/components/TaskList/taskNumbering.ts
+function buildTaskNumberMap(tasks) {
+  const numberById = /* @__PURE__ */ new Map();
+  const indexById = /* @__PURE__ */ new Map();
+  for (let i = 0; i < tasks.length; i++) {
+    indexById.set(tasks[i].id, i);
+  }
+  let rootNumber = 0;
+  const siblingCountByParent = /* @__PURE__ */ new Map();
+  for (let i = 0; i < tasks.length; i++) {
+    const task = tasks[i];
+    if (!task.parentId) {
+      rootNumber += 1;
+      numberById.set(task.id, String(rootNumber));
+      continue;
+    }
+    if (!indexById.has(task.parentId)) {
+      numberById.set(task.id, String(i + 1));
+      continue;
+    }
+    const parentNumber = numberById.get(task.parentId);
+    if (parentNumber === void 0) {
+      numberById.set(task.id, String(i + 1));
+      continue;
+    }
+    const siblingNumber = (siblingCountByParent.get(task.parentId) ?? 0) + 1;
+    siblingCountByParent.set(task.parentId, siblingNumber);
+    numberById.set(task.id, `${parentNumber}.${siblingNumber}`);
+  }
+  return numberById;
+}
+
 // src/components/TaskList/TaskList.tsx
 import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
 var LINK_TYPE_ORDER2 = ["FS", "SS", "FF", "SF"];
@@ -8832,31 +8858,6 @@ function getNearestVisibleDropAnchorBefore(visibleTasks, movedIds, startIndex) {
   }
   return null;
 }
-function getTaskNumber(tasks, taskIndex) {
-  const task = tasks[taskIndex];
-  if (!task) return "";
-  if (!task.parentId) {
-    let rootIndex = 0;
-    for (let i = 0; i < taskIndex; i++) {
-      if (!tasks[i].parentId) {
-        rootIndex++;
-      }
-    }
-    return String(rootIndex + 1);
-  }
-  const parentIndex = tasks.findIndex((t) => t.id === task.parentId);
-  if (parentIndex === -1) {
-    return String(taskIndex + 1);
-  }
-  const parentNumber = getTaskNumber(tasks, parentIndex);
-  let siblingIndex = 0;
-  for (let i = 0; i < taskIndex; i++) {
-    if (tasks[i].parentId === task.parentId) {
-      siblingIndex++;
-    }
-  }
-  return `${parentNumber}.${siblingIndex + 1}`;
-}
 function normalizeColumnWidthMap(widths) {
   if (!widths) {
     return {};
@@ -9033,9 +9034,7 @@ var TaskList = ({
     [rowHeight, skeletonRowCount, visibleTasks.length]
   );
   const visibleTaskNumberMap = useMemo9(
-    () => Object.fromEntries(
-      visibleTasks.map((task, index) => [task.id, String(getTaskNumber(visibleTasks, index))])
-    ),
+    () => Object.fromEntries(buildTaskNumberMap(visibleTasks)),
     [visibleTasks]
   );
   const visibleTaskIds = useMemo9(() => visibleTasks.map((task) => task.id), [visibleTasks]);
@@ -9077,13 +9076,7 @@ var TaskList = ({
     emitSelectedTaskIdsChange(nextSelectedTaskIds);
   }, [effectiveSelectedTaskIds, emitSelectedTaskIdsChange, visibleTaskIds]);
   const originalTaskNumberMap = useMemo9(
-    () => {
-      const numberMap = /* @__PURE__ */ new Map();
-      for (let i = 0; i < orderedTasks.length; i++) {
-        numberMap.set(orderedTasks[i].id, getTaskNumber(orderedTasks, i));
-      }
-      return Object.fromEntries(numberMap);
-    },
+    () => Object.fromEntries(buildTaskNumberMap(orderedTasks)),
     [orderedTasks]
   );
   const nestingDepthMap = useMemo9(() => {
@@ -14174,10 +14167,14 @@ function TaskGanttChartInner(props, ref) {
     const rect = element.getBoundingClientRect();
     const side = element.getAttribute("data-port-side");
     return {
-      // The port hit-area is deliberately outside the bar. Anchor the preview
-      // to the actual bar boundary instead of the center of that outside zone.
-      x: Math.round((side === "left" ? rect.right - 6 : rect.left + 6) - chartRect.left),
-      y: Math.round(rect.top + rect.height / 2 - chartRect.top)
+      // Anchor the preview at the port dot's center so the dragged polyline
+      // ends exactly on the link handle. The dot core is 8px and sits 4px
+      // inside the 24px zone from the bar side (see TaskRow.css), which puts
+      // its center 8px off the button edge adjacent to the bar. No rounding:
+      // the CSS ball centers at a fractional position, and a rounded SVG
+      // coordinate landed ~1px off it.
+      x: (side === "left" ? rect.right - 8 : rect.left + 8) - chartRect.left,
+      y: rect.top + rect.height / 2 - chartRect.top
     };
   }, []);
   const getVisualDependencyType = useCallback10((sourceSide, targetSide) => {
@@ -15686,6 +15683,8 @@ export {
   GenerationSkeleton_default as GenerationSkeletonRows,
   GridBackground_default as GridBackground,
   Input,
+  MIN_EDGE_ZONE_PX,
+  MIN_MOVE_ZONE_PX,
   PlanFactMatrix,
   Popover,
   PopoverContent,