gantt-lib 0.135.8 → 0.135.9

package/dist/index.d.mts

@@ -1422,6 +1422,10 @@ declare const pixelsToDate: (pixels: number, monthStart: Date, dayWidth: number)
  * @returns Total grid width in pixels
  */
 declare const calculateGridWidth: (daysInMonth: number, dayWidth: number) => number;
+/** Floor for an edge resize zone: below this a bar edge is hard to grab. */
+declare const MIN_EDGE_ZONE_PX = 8;
+/** Guaranteed central strip that always stays available for moving the bar. */
+declare const MIN_MOVE_ZONE_PX = 16;
 /**
  * Detect which edge zone the cursor is in on a task bar
  * @param clientX - Mouse X coordinate relative to viewport
@@ -1612,4 +1616,4 @@ interface ResourceTimelineLayoutResult<TItem extends ResourceTimelineItem = Reso
 }
 declare const layoutResourceTimelineItems: <TItem extends ResourceTimelineItem = ResourceTimelineItem>(resources: Array<ResourceTimelineResource<TItem>>, options: ResourceTimelineLayoutOptions) => ResourceTimelineLayoutResult<TItem>;
 
-export { type BuiltInTaskListColumnId, Button, type ButtonProps, Calendar, type CalendarProps, type CustomDayConfig, type CustomDayPredicateConfig, DatePicker, type DatePickerProps, DragGuideLines, type ExportToPdfHeaderOptions, type ExportToPdfOptions, GanttChart, type GanttChartHandle, type GanttChartProps, GanttDateRange, type GanttModeProps, GanttScheduleIntent, GenerationSkeletonRows, type GenerationSkeletonRowsProps, type GenerationSkeletonTaskListLayout, type GenerationSkeletonVariant, GridBackground, Input, type InputProps, type MonthBlock, type PlanFactCellCommitContext, type PlanFactCellKind, PlanFactMatrix, type PlanFactModeProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type ReorderDropPlacement, type ReorderDropTarget, ResourcePlannerChartProps, ResourceTimelineChart, type ResourceTimelineConflictRange, ResourceTimelineItem, type ResourceTimelineLayoutDiagnostic, type ResourceTimelineLayoutItem, type ResourceTimelineLayoutOptions, type ResourceTimelineLayoutResult, type ResourceTimelineLayoutRow, ResourceTimelineResource, ScaleTaskSubtreeResult, TableMatrix, type TableMatrixCellClickContext, type TableMatrixColumn, type TableMatrixColumnGroup, type TableMatrixDateOverlay, type TableMatrixModeProps, type Task, TaskDateChangeMode, type TaskDependency, TaskList, type TaskListColumn, type TaskListColumnContext, type TaskListColumnId, type TaskListColumnWidthMap, type TaskListMenuCommand, type TaskListProps, type TaskPredicate, TaskRow, TimeScaleHeader, TimelineMarker, TodayIndicator, ValidationResult, type VisibleReorderPlan, type VisibleReorderPosition, type WeekBlock, type WeekSpan, type WithoutDepsOptions, type YearSpan, addBusinessDays, and, calculateBezierPath, calculateDependencyPath, calculateGridLines, calculateGridWidth, calculateMilestoneConnectionBounds, calculateMilestoneGeometry, calculateMonthGridLines, calculateOrthogonalPath, calculateTaskBar, calculateWeekGridLines, calculateWeekendBlocks, clampDateRangeForIncomingFS, createCustomDayPredicate, createDateKey, detectEdgeZone, expired, flattenHierarchy, formatDateLabel, formatDateRangeLabel, getBusinessDaysCount, getCursorForPosition, getDateRangeDays, getDayOffset, getMonthBlocks, getMonthDays, getMonthSpans, getMultiMonthDays, getTodayLocalUtcDate, getVisibleReorderPlan, getVisibleReorderPosition, getWeekBlocks, getWeekSpans, getYearSpans, inDateRange, isTaskExpired, isToday, isWeekend, layoutResourceTimelineItems, nameContains, normalizeHierarchyTasks, normalizeTaskDates, not, or, parseUTCDate, pixelsToDate, progressInRange, resolveDateRangeFromPixels, resolveTaskHorizontalGeometry, subtractBusinessDays, useTaskDrag, withoutDeps };
+export { type BuiltInTaskListColumnId, Button, type ButtonProps, Calendar, type CalendarProps, type CustomDayConfig, type CustomDayPredicateConfig, DatePicker, type DatePickerProps, DragGuideLines, type ExportToPdfHeaderOptions, type ExportToPdfOptions, GanttChart, type GanttChartHandle, type GanttChartProps, GanttDateRange, type GanttModeProps, GanttScheduleIntent, GenerationSkeletonRows, type GenerationSkeletonRowsProps, type GenerationSkeletonTaskListLayout, type GenerationSkeletonVariant, GridBackground, Input, type InputProps, MIN_EDGE_ZONE_PX, MIN_MOVE_ZONE_PX, type MonthBlock, type PlanFactCellCommitContext, type PlanFactCellKind, PlanFactMatrix, type PlanFactModeProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type ReorderDropPlacement, type ReorderDropTarget, ResourcePlannerChartProps, ResourceTimelineChart, type ResourceTimelineConflictRange, ResourceTimelineItem, type ResourceTimelineLayoutDiagnostic, type ResourceTimelineLayoutItem, type ResourceTimelineLayoutOptions, type ResourceTimelineLayoutResult, type ResourceTimelineLayoutRow, ResourceTimelineResource, ScaleTaskSubtreeResult, TableMatrix, type TableMatrixCellClickContext, type TableMatrixColumn, type TableMatrixColumnGroup, type TableMatrixDateOverlay, type TableMatrixModeProps, type Task, TaskDateChangeMode, type TaskDependency, TaskList, type TaskListColumn, type TaskListColumnContext, type TaskListColumnId, type TaskListColumnWidthMap, type TaskListMenuCommand, type TaskListProps, type TaskPredicate, TaskRow, TimeScaleHeader, TimelineMarker, TodayIndicator, ValidationResult, type VisibleReorderPlan, type VisibleReorderPosition, type WeekBlock, type WeekSpan, type WithoutDepsOptions, type YearSpan, addBusinessDays, and, calculateBezierPath, calculateDependencyPath, calculateGridLines, calculateGridWidth, calculateMilestoneConnectionBounds, calculateMilestoneGeometry, calculateMonthGridLines, calculateOrthogonalPath, calculateTaskBar, calculateWeekGridLines, calculateWeekendBlocks, clampDateRangeForIncomingFS, createCustomDayPredicate, createDateKey, detectEdgeZone, expired, flattenHierarchy, formatDateLabel, formatDateRangeLabel, getBusinessDaysCount, getCursorForPosition, getDateRangeDays, getDayOffset, getMonthBlocks, getMonthDays, getMonthSpans, getMultiMonthDays, getTodayLocalUtcDate, getVisibleReorderPlan, getVisibleReorderPosition, getWeekBlocks, getWeekSpans, getYearSpans, inDateRange, isTaskExpired, isToday, isWeekend, layoutResourceTimelineItems, nameContains, normalizeHierarchyTasks, normalizeTaskDates, not, or, parseUTCDate, pixelsToDate, progressInRange, resolveDateRangeFromPixels, resolveTaskHorizontalGeometry, subtractBusinessDays, useTaskDrag, withoutDeps };

package/dist/index.d.ts

@@ -1422,6 +1422,10 @@ declare const pixelsToDate: (pixels: number, monthStart: Date, dayWidth: number)
  * @returns Total grid width in pixels
  */
 declare const calculateGridWidth: (daysInMonth: number, dayWidth: number) => number;
+/** Floor for an edge resize zone: below this a bar edge is hard to grab. */
+declare const MIN_EDGE_ZONE_PX = 8;
+/** Guaranteed central strip that always stays available for moving the bar. */
+declare const MIN_MOVE_ZONE_PX = 16;
 /**
  * Detect which edge zone the cursor is in on a task bar
  * @param clientX - Mouse X coordinate relative to viewport
@@ -1612,4 +1616,4 @@ interface ResourceTimelineLayoutResult<TItem extends ResourceTimelineItem = Reso
 }
 declare const layoutResourceTimelineItems: <TItem extends ResourceTimelineItem = ResourceTimelineItem>(resources: Array<ResourceTimelineResource<TItem>>, options: ResourceTimelineLayoutOptions) => ResourceTimelineLayoutResult<TItem>;
 
-export { type BuiltInTaskListColumnId, Button, type ButtonProps, Calendar, type CalendarProps, type CustomDayConfig, type CustomDayPredicateConfig, DatePicker, type DatePickerProps, DragGuideLines, type ExportToPdfHeaderOptions, type ExportToPdfOptions, GanttChart, type GanttChartHandle, type GanttChartProps, GanttDateRange, type GanttModeProps, GanttScheduleIntent, GenerationSkeletonRows, type GenerationSkeletonRowsProps, type GenerationSkeletonTaskListLayout, type GenerationSkeletonVariant, GridBackground, Input, type InputProps, type MonthBlock, type PlanFactCellCommitContext, type PlanFactCellKind, PlanFactMatrix, type PlanFactModeProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type ReorderDropPlacement, type ReorderDropTarget, ResourcePlannerChartProps, ResourceTimelineChart, type ResourceTimelineConflictRange, ResourceTimelineItem, type ResourceTimelineLayoutDiagnostic, type ResourceTimelineLayoutItem, type ResourceTimelineLayoutOptions, type ResourceTimelineLayoutResult, type ResourceTimelineLayoutRow, ResourceTimelineResource, ScaleTaskSubtreeResult, TableMatrix, type TableMatrixCellClickContext, type TableMatrixColumn, type TableMatrixColumnGroup, type TableMatrixDateOverlay, type TableMatrixModeProps, type Task, TaskDateChangeMode, type TaskDependency, TaskList, type TaskListColumn, type TaskListColumnContext, type TaskListColumnId, type TaskListColumnWidthMap, type TaskListMenuCommand, type TaskListProps, type TaskPredicate, TaskRow, TimeScaleHeader, TimelineMarker, TodayIndicator, ValidationResult, type VisibleReorderPlan, type VisibleReorderPosition, type WeekBlock, type WeekSpan, type WithoutDepsOptions, type YearSpan, addBusinessDays, and, calculateBezierPath, calculateDependencyPath, calculateGridLines, calculateGridWidth, calculateMilestoneConnectionBounds, calculateMilestoneGeometry, calculateMonthGridLines, calculateOrthogonalPath, calculateTaskBar, calculateWeekGridLines, calculateWeekendBlocks, clampDateRangeForIncomingFS, createCustomDayPredicate, createDateKey, detectEdgeZone, expired, flattenHierarchy, formatDateLabel, formatDateRangeLabel, getBusinessDaysCount, getCursorForPosition, getDateRangeDays, getDayOffset, getMonthBlocks, getMonthDays, getMonthSpans, getMultiMonthDays, getTodayLocalUtcDate, getVisibleReorderPlan, getVisibleReorderPosition, getWeekBlocks, getWeekSpans, getYearSpans, inDateRange, isTaskExpired, isToday, isWeekend, layoutResourceTimelineItems, nameContains, normalizeHierarchyTasks, normalizeTaskDates, not, or, parseUTCDate, pixelsToDate, progressInRange, resolveDateRangeFromPixels, resolveTaskHorizontalGeometry, subtractBusinessDays, useTaskDrag, withoutDeps };
+export { type BuiltInTaskListColumnId, Button, type ButtonProps, Calendar, type CalendarProps, type CustomDayConfig, type CustomDayPredicateConfig, DatePicker, type DatePickerProps, DragGuideLines, type ExportToPdfHeaderOptions, type ExportToPdfOptions, GanttChart, type GanttChartHandle, type GanttChartProps, GanttDateRange, type GanttModeProps, GanttScheduleIntent, GenerationSkeletonRows, type GenerationSkeletonRowsProps, type GenerationSkeletonTaskListLayout, type GenerationSkeletonVariant, GridBackground, Input, type InputProps, MIN_EDGE_ZONE_PX, MIN_MOVE_ZONE_PX, type MonthBlock, type PlanFactCellCommitContext, type PlanFactCellKind, PlanFactMatrix, type PlanFactModeProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type ReorderDropPlacement, type ReorderDropTarget, ResourcePlannerChartProps, ResourceTimelineChart, type ResourceTimelineConflictRange, ResourceTimelineItem, type ResourceTimelineLayoutDiagnostic, type ResourceTimelineLayoutItem, type ResourceTimelineLayoutOptions, type ResourceTimelineLayoutResult, type ResourceTimelineLayoutRow, ResourceTimelineResource, ScaleTaskSubtreeResult, TableMatrix, type TableMatrixCellClickContext, type TableMatrixColumn, type TableMatrixColumnGroup, type TableMatrixDateOverlay, type TableMatrixModeProps, type Task, TaskDateChangeMode, type TaskDependency, TaskList, type TaskListColumn, type TaskListColumnContext, type TaskListColumnId, type TaskListColumnWidthMap, type TaskListMenuCommand, type TaskListProps, type TaskPredicate, TaskRow, TimeScaleHeader, TimelineMarker, TodayIndicator, ValidationResult, type VisibleReorderPlan, type VisibleReorderPosition, type WeekBlock, type WeekSpan, type WithoutDepsOptions, type YearSpan, addBusinessDays, and, calculateBezierPath, calculateDependencyPath, calculateGridLines, calculateGridWidth, calculateMilestoneConnectionBounds, calculateMilestoneGeometry, calculateMonthGridLines, calculateOrthogonalPath, calculateTaskBar, calculateWeekGridLines, calculateWeekendBlocks, clampDateRangeForIncomingFS, createCustomDayPredicate, createDateKey, detectEdgeZone, expired, flattenHierarchy, formatDateLabel, formatDateRangeLabel, getBusinessDaysCount, getCursorForPosition, getDateRangeDays, getDayOffset, getMonthBlocks, getMonthDays, getMonthSpans, getMultiMonthDays, getTodayLocalUtcDate, getVisibleReorderPlan, getVisibleReorderPosition, getWeekBlocks, getWeekSpans, getYearSpans, inDateRange, isTaskExpired, isToday, isWeekend, layoutResourceTimelineItems, nameContains, normalizeHierarchyTasks, normalizeTaskDates, not, or, parseUTCDate, pixelsToDate, progressInRange, resolveDateRangeFromPixels, resolveTaskHorizontalGeometry, subtractBusinessDays, useTaskDrag, withoutDeps };

package/dist/index.js

@@ -42,6 +42,8 @@ __export(index_exports, {
   GenerationSkeletonRows: () => GenerationSkeleton_default,
   GridBackground: () => GridBackground_default,
   Input: () => Input,
+  MIN_EDGE_ZONE_PX: () => MIN_EDGE_ZONE_PX,
+  MIN_MOVE_ZONE_PX: () => MIN_MOVE_ZONE_PX,
   PlanFactMatrix: () => PlanFactMatrix,
   Popover: () => Popover,
   PopoverContent: () => PopoverContent,
@@ -3389,19 +3391,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";
@@ -4021,8 +4024,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;
@@ -4294,23 +4296,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)) {
@@ -4360,7 +4357,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 = (0, import_react2.useCallback)((e) => {
     startDrag(e);
   }, [startDrag]);
@@ -4379,14 +4376,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 = (0, import_react2.useCallback)(() => {
     setHoverCursor(disableTaskDrag ? "grab" : locked ? "not-allowed" : isDragging ? "grabbing" : "grab");
   }, [disableTaskDrag, locked, isDragging]);
@@ -4677,7 +4673,7 @@ var TaskRow = import_react3.default.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)
@@ -5394,18 +5390,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 }) => {
@@ -14297,10 +14293,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 = (0, import_react19.useCallback)((sourceSide, targetSide) => {
@@ -15810,6 +15810,8 @@ var nameContains = (substring, caseSensitive = false) => (task) => {
   GenerationSkeletonRows,
   GridBackground,
   Input,
+  MIN_EDGE_ZONE_PX,
+  MIN_MOVE_ZONE_PX,
   PlanFactMatrix,
   Popover,
   PopoverContent,