gantt-lib 0.88.0 → 0.88.2

package/dist/index.mjs

@@ -449,26 +449,19 @@ function getDependencyLag(dep) {
   return Number.isFinite(dep.lag) ? dep.lag : 0;
 }
 function normalizeTaskDependencyLags(task) {
-  if (!task.dependencies?.length) {
-    return task;
-  }
-  let changed = false;
-  const dependencies = task.dependencies.map((dep) => {
-    const lag = getDependencyLag(dep);
-    const normalizedLag = dep.type === "FS" ? Math.max(0, lag) : lag;
-    if (normalizedLag === dep.lag) {
-      return dep;
-    }
-    changed = true;
-    return { ...dep, lag: normalizedLag };
-  });
-  return changed ? { ...task, dependencies } : task;
+  return task;
 }
 function normalizeDependencyLag(linkType, lag, predecessorStart, predecessorEnd, businessDays = false, weekendPredicate) {
   if (linkType !== "FS") {
     return lag;
   }
-  return Math.max(0, lag);
+  const predecessorDuration = getTaskDuration(
+    predecessorStart,
+    predecessorEnd,
+    businessDays,
+    weekendPredicate
+  );
+  return Math.max(-predecessorDuration, lag);
 }
 function computeLagFromDates(linkType, predStart, predEnd, succStart, succEnd, businessDays = false, weekendPredicate) {
   const pS = Date.UTC(predStart.getUTCFullYear(), predStart.getUTCMonth(), predStart.getUTCDate());
@@ -727,11 +720,17 @@ function clampTaskRangeForIncomingFS(task, proposedStart, proposedEnd, allTasks,
       continue;
     }
     const { predStart: predecessorStart, predEnd: predecessorEnd } = normalizePredecessorDates(predecessor, parseDateOnly);
+    const predecessorDuration = getTaskDuration(
+      predecessorStart,
+      predecessorEnd,
+      businessDays,
+      weekendPredicate
+    );
     const candidateMinStart = calculateSuccessorDate(
       predecessorStart,
       predecessorEnd,
       "FS",
-      0,
+      -predecessorDuration,
       businessDays,
       weekendPredicate
     );
@@ -7632,6 +7631,43 @@ var layoutResourceTimelineItems = (resources, options) => {
 
 // src/hooks/useResourceItemDrag.ts
 import { useCallback as useCallback6, useEffect as useEffect7, useRef as useRef7, useState as useState7 } from "react";
+var RESOURCE_CURSOR_STYLE_ID = "gantt-resource-global-drag-cursor-style";
+function ensureResourceGlobalCursorStyle() {
+  if (typeof document === "undefined") return;
+  if (document.getElementById(RESOURCE_CURSOR_STYLE_ID)) return;
+  const style = document.createElement("style");
+  style.id = RESOURCE_CURSOR_STYLE_ID;
+  style.textContent = `
+    html.gantt-resource-global-cursor-grabbing,
+    html.gantt-resource-global-cursor-grabbing *,
+    html.gantt-resource-global-cursor-grabbing *::before,
+    html.gantt-resource-global-cursor-grabbing *::after {
+      cursor: grabbing !important;
+    }
+
+    html.gantt-resource-global-cursor-resize,
+    html.gantt-resource-global-cursor-resize *,
+    html.gantt-resource-global-cursor-resize *::before,
+    html.gantt-resource-global-cursor-resize *::after {
+      cursor: ew-resize !important;
+    }
+  `;
+  document.head.appendChild(style);
+}
+function applyResourceGlobalCursor(cursor) {
+  if (typeof document === "undefined") return;
+  ensureResourceGlobalCursorStyle();
+  document.documentElement.classList.remove("gantt-resource-global-cursor-grabbing", "gantt-resource-global-cursor-resize");
+  document.documentElement.classList.add(cursor === "grabbing" ? "gantt-resource-global-cursor-grabbing" : "gantt-resource-global-cursor-resize");
+  document.body.style.cursor = cursor;
+  document.documentElement.style.cursor = cursor;
+}
+function clearResourceGlobalCursor() {
+  if (typeof document === "undefined") return;
+  document.documentElement.classList.remove("gantt-resource-global-cursor-grabbing", "gantt-resource-global-cursor-resize");
+  document.body.style.cursor = "";
+  document.documentElement.style.cursor = "";
+}
 var snapToDay = (pixels, dayWidth) => {
   return Math.round(pixels / dayWidth) * dayWidth;
 };
@@ -7697,6 +7733,7 @@ var resolveTargetResource = (rows, clientY, gridTop) => {
 var useResourceItemDrag = ({
   dayWidth,
   monthStart,
+  viewMode = "day",
   rows,
   gridElementRef,
   readonly,
@@ -7724,6 +7761,7 @@ var useResourceItemDrag = ({
   }, []);
   const cancelDrag2 = useCallback6(() => {
     clearRaf();
+    clearResourceGlobalCursor();
     activeDragRef.current = null;
     setPreview(null);
   }, [clearRaf]);
@@ -7772,6 +7810,7 @@ var useResourceItemDrag = ({
         return;
       }
       clearRaf();
+      clearResourceGlobalCursor();
       activeDragRef.current = null;
       setPreview(null);
       const gridTop = gridElementRef?.current?.getBoundingClientRect().top ?? 0;
@@ -7804,8 +7843,10 @@ var useResourceItemDrag = ({
       return;
     }
     const target = event.target;
-    const mode = target.closest(".gantt-resourceTimeline-resizeHandleStart") ? "resize-start" : target.closest(".gantt-resourceTimeline-resizeHandleEnd") ? "resize-end" : "move";
+    const isSingleDayItem = viewMode === "day" && layoutItem.width <= dayWidth;
+    const mode = isSingleDayItem ? "move" : target.closest(".gantt-resourceTimeline-resizeHandleStart") ? "resize-start" : target.closest(".gantt-resourceTimeline-resizeHandleEnd") ? "resize-end" : "move";
     event.preventDefault();
+    applyResourceGlobalCursor(mode === "move" ? "grabbing" : "ew-resize");
     activeDragRef.current = {
       item: layoutItem.item,
       itemId: layoutItem.itemId,
@@ -7834,7 +7875,7 @@ var useResourceItemDrag = ({
       startDate: layoutItem.startDate,
       endDate: layoutItem.endDate
     });
-  }, [businessDays, dayWidth, monthStart, readonly, weekendPredicate]);
+  }, [businessDays, dayWidth, monthStart, readonly, weekendPredicate, viewMode]);
   return {
     preview,
     startDrag,
@@ -8595,6 +8636,7 @@ function ResourceTimelineChart({
   const { preview, startDrag } = useResourceItemDrag({
     dayWidth,
     monthStart,
+    viewMode,
     rows: displayLayout.rows,
     gridElementRef: gridRef,
     readonly,
@@ -8910,10 +8952,12 @@ function ResourceTimelineChart({
                       (resourceItems) => resourceItems.map((layoutItem) => {
                         const customClassName = getItemClassName?.(layoutItem.item);
                         const isDraggingItem = preview?.itemId === layoutItem.itemId;
+                        const isSingleDayMoveOnlyItem = viewMode === "day" && layoutItem.width <= dayWidth;
                         const hasItemMenu = Boolean(onResourceItemMenuClick);
                         const isActiveItem = activeResourceItemId === layoutItem.itemId;
                         const className = [
                           "gantt-resourceTimeline-item",
+                          isSingleDayMoveOnlyItem && "gantt-resourceTimeline-itemMoveOnly",
                           hasItemMenu && "gantt-resourceTimeline-itemHasMenu",
                           isActiveItem && "gantt-resourceTimeline-itemActive",
                           isDraggingItem && "gantt-resourceTimeline-itemDragging",