gantt-lib 0.25.1 → 0.26.0

package/dist/index.d.mts

@@ -575,6 +575,8 @@ interface GanttChartProps {
     onToggleCollapse?: (parentId: string) => void;
     /** Task IDs to highlight in the task list (for search results) */
     highlightedTaskIds?: Set<string>;
+    /** Disable task drag and resize on the calendar grid (default: false) */
+    disableTaskDrag?: boolean;
 }
 /**
  * Ref handle type for GanttChart — exposes imperative scroll methods.
@@ -665,6 +667,8 @@ interface TaskRowProps {
     }>;
     /** Custom weekend predicate (overrides default Saturday/Sunday) */
     isWeekend?: (date: Date) => boolean;
+    /** Disable task drag and resize (overrides task.locked) */
+    disableTaskDrag?: boolean;
 }
 /**
  * TaskRow component - renders a single task row with a task bar
@@ -963,6 +967,8 @@ interface UseTaskDragOptions {
     onCascade?: (tasks: Task$1[]) => void;
     /** When true, all drag and resize interactions are disabled for this task */
     locked?: boolean;
+    /** When true, drag is disabled globally for all tasks (shows grab cursor instead of not-allowed) */
+    disableTaskDrag?: boolean;
     /** If true, dependency cascade calculations skip weekends */
     businessDays?: boolean;
     /** Function that returns true for weekends (for businessDays mode) */

package/dist/index.d.ts

@@ -575,6 +575,8 @@ interface GanttChartProps {
     onToggleCollapse?: (parentId: string) => void;
     /** Task IDs to highlight in the task list (for search results) */
     highlightedTaskIds?: Set<string>;
+    /** Disable task drag and resize on the calendar grid (default: false) */
+    disableTaskDrag?: boolean;
 }
 /**
  * Ref handle type for GanttChart — exposes imperative scroll methods.
@@ -665,6 +667,8 @@ interface TaskRowProps {
     }>;
     /** Custom weekend predicate (overrides default Saturday/Sunday) */
     isWeekend?: (date: Date) => boolean;
+    /** Disable task drag and resize (overrides task.locked) */
+    disableTaskDrag?: boolean;
 }
 /**
  * TaskRow component - renders a single task row with a task bar
@@ -963,6 +967,8 @@ interface UseTaskDragOptions {
     onCascade?: (tasks: Task$1[]) => void;
     /** When true, all drag and resize interactions are disabled for this task */
     locked?: boolean;
+    /** When true, drag is disabled globally for all tasks (shows grab cursor instead of not-allowed) */
+    disableTaskDrag?: boolean;
     /** If true, dependency cascade calculations skip weekends */
     businessDays?: boolean;
     /** Function that returns true for weekends (for businessDays mode) */

package/dist/index.js

@@ -1992,11 +1992,13 @@ var useTaskDrag = (options) => {
     disableConstraints = false,
     onCascadeProgress,
     onCascade,
+    locked = false,
+    disableTaskDrag = false,
     businessDays = true,
     weekendPredicate
   } = options;
   const isOwnerRef = (0, import_react2.useRef)(false);
-  const locked = options.locked ?? false;
+  const effectiveLocked = locked || disableTaskDrag;
   const [isDragging, setIsDragging] = (0, import_react2.useState)(false);
   const [dragMode, setDragMode] = (0, import_react2.useState)(null);
   const [currentLeft, setCurrentLeft] = (0, import_react2.useState)(0);
@@ -2161,7 +2163,7 @@ var useTaskDrag = (options) => {
     };
   }, []);
   const handleMouseDown = (0, import_react2.useCallback)((e) => {
-    if (locked) return;
+    if (effectiveLocked) return;
     const target = e.currentTarget;
     const edgeZone = detectEdgeZone(e.clientX, target, edgeZoneWidth);
     let mode = null;
@@ -2239,14 +2241,15 @@ var useTaskDrag = (options) => {
       businessDays,
       weekendPredicate
     };
-  }, [edgeZoneWidth, currentLeft, currentWidth, dayWidth, monthStart, taskId, onDragStateChange, handleProgress, handleComplete, handleCancel, allTasks, disableConstraints, onCascadeProgress, onCascade, locked]);
+  }, [edgeZoneWidth, currentLeft, currentWidth, dayWidth, monthStart, taskId, onDragStateChange, handleProgress, handleComplete, handleCancel, allTasks, disableConstraints, onCascadeProgress, onCascade, effectiveLocked]);
   const getCursorStyle = (0, import_react2.useCallback)(() => {
+    if (disableTaskDrag) return "grab";
     if (locked) return "not-allowed";
     if (isDragging) {
       return "grabbing";
     }
     return "grab";
-  }, [locked, isDragging]);
+  }, [disableTaskDrag, locked, isDragging]);
   return {
     isDragging,
     dragMode,
@@ -2265,10 +2268,10 @@ var useTaskDrag = (options) => {
 // src/components/TaskRow/TaskRow.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var arePropsEqual = (prevProps, nextProps) => {
-  return prevProps.task.id === nextProps.task.id && prevProps.task.name === nextProps.task.name && prevProps.task.startDate === nextProps.task.startDate && prevProps.task.endDate === nextProps.task.endDate && prevProps.task.color === nextProps.task.color && prevProps.task.progress === nextProps.task.progress && prevProps.task.accepted === nextProps.task.accepted && prevProps.monthStart.getTime() === nextProps.monthStart.getTime() && prevProps.dayWidth === nextProps.dayWidth && prevProps.rowHeight === nextProps.rowHeight && prevProps.overridePosition?.left === nextProps.overridePosition?.left && prevProps.overridePosition?.width === nextProps.overridePosition?.width && prevProps.allTasks === nextProps.allTasks && prevProps.disableConstraints === nextProps.disableConstraints && prevProps.task.locked === nextProps.task.locked && prevProps.task.divider === nextProps.task.divider && prevProps.highlightExpiredTasks === nextProps.highlightExpiredTasks && prevProps.isFilterMatch === nextProps.isFilterMatch && prevProps.businessDays === nextProps.businessDays && prevProps.customDays === nextProps.customDays && prevProps.isWeekend === nextProps.isWeekend;
+  return prevProps.task.id === nextProps.task.id && prevProps.task.name === nextProps.task.name && prevProps.task.startDate === nextProps.task.startDate && prevProps.task.endDate === nextProps.task.endDate && prevProps.task.color === nextProps.task.color && prevProps.task.progress === nextProps.task.progress && prevProps.task.accepted === nextProps.task.accepted && prevProps.monthStart.getTime() === nextProps.monthStart.getTime() && prevProps.dayWidth === nextProps.dayWidth && prevProps.rowHeight === nextProps.rowHeight && prevProps.overridePosition?.left === nextProps.overridePosition?.left && prevProps.overridePosition?.width === nextProps.overridePosition?.width && prevProps.allTasks === nextProps.allTasks && prevProps.disableConstraints === nextProps.disableConstraints && prevProps.task.locked === nextProps.task.locked && prevProps.task.divider === nextProps.task.divider && prevProps.highlightExpiredTasks === nextProps.highlightExpiredTasks && prevProps.isFilterMatch === nextProps.isFilterMatch && prevProps.businessDays === nextProps.businessDays && prevProps.customDays === nextProps.customDays && prevProps.isWeekend === nextProps.isWeekend && prevProps.disableTaskDrag === nextProps.disableTaskDrag;
 };
 var TaskRow = import_react3.default.memo(
-  ({ task, monthStart, dayWidth, rowHeight, onTasksChange, onDragStateChange, rowIndex, allTasks, enableAutoSchedule, disableConstraints, overridePosition, onCascadeProgress, onCascade, divider, highlightExpiredTasks, isFilterMatch = false, businessDays, customDays, isWeekend: isWeekend3 }) => {
+  ({ task, monthStart, dayWidth, rowHeight, onTasksChange, onDragStateChange, rowIndex, allTasks, enableAutoSchedule, disableConstraints, overridePosition, onCascadeProgress, onCascade, divider, highlightExpiredTasks, isFilterMatch = false, businessDays, customDays, isWeekend: isWeekend3, disableTaskDrag = false }) => {
     const { divider: taskDivider } = task;
     const taskStartDate = (0, import_react3.useMemo)(() => parseUTCDate(task.startDate), [task.startDate]);
     const taskEndDate = (0, import_react3.useMemo)(() => parseUTCDate(task.endDate), [task.endDate]);
@@ -2348,6 +2351,7 @@ var TaskRow = import_react3.default.memo(
       enableAutoSchedule,
       disableConstraints,
       locked: task.locked,
+      disableTaskDrag,
       onCascadeProgress,
       onCascade,
       businessDays,
@@ -5964,7 +5968,8 @@ var GanttChart = (0, import_react13.forwardRef)(({
   taskFilter,
   collapsedParentIds: externalCollapsedParentIds,
   onToggleCollapse: externalOnToggleCollapse,
-  highlightedTaskIds
+  highlightedTaskIds,
+  disableTaskDrag = false
 }, ref) => {
   const scrollContainerRef = (0, import_react13.useRef)(null);
   const [selectedTaskId, setSelectedTaskId] = (0, import_react13.useState)(null);
@@ -6512,7 +6517,8 @@ var GanttChart = (0, import_react13.forwardRef)(({
                     isFilterMatch: matchedTaskIds.has(task.id),
                     businessDays,
                     customDays,
-                    isWeekend: isWeekend3
+                    isWeekend: isWeekend3,
+                    disableTaskDrag
                   },
                   task.id
                 ))