gantt-lib 0.25.0 → 0.26.0

package/dist/index.mjs

@@ -1891,11 +1891,13 @@ var useTaskDrag = (options) => {
     disableConstraints = false,
     onCascadeProgress,
     onCascade,
+    locked = false,
+    disableTaskDrag = false,
     businessDays = true,
     weekendPredicate
   } = options;
   const isOwnerRef = useRef(false);
-  const locked = options.locked ?? false;
+  const effectiveLocked = locked || disableTaskDrag;
   const [isDragging, setIsDragging] = useState(false);
   const [dragMode, setDragMode] = useState(null);
   const [currentLeft, setCurrentLeft] = useState(0);
@@ -2060,7 +2062,7 @@ var useTaskDrag = (options) => {
     };
   }, []);
   const handleMouseDown = useCallback((e) => {
-    if (locked) return;
+    if (effectiveLocked) return;
     const target = e.currentTarget;
     const edgeZone = detectEdgeZone(e.clientX, target, edgeZoneWidth);
     let mode = null;
@@ -2138,14 +2140,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 = useCallback(() => {
+    if (disableTaskDrag) return "grab";
     if (locked) return "not-allowed";
     if (isDragging) {
       return "grabbing";
     }
     return "grab";
-  }, [locked, isDragging]);
+  }, [disableTaskDrag, locked, isDragging]);
   return {
     isDragging,
     dragMode,
@@ -2164,10 +2167,10 @@ var useTaskDrag = (options) => {
 // src/components/TaskRow/TaskRow.tsx
 import { jsx as jsx2, jsxs as jsxs2 } from "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 = React2.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 = useMemo2(() => parseUTCDate(task.startDate), [task.startDate]);
     const taskEndDate = useMemo2(() => parseUTCDate(task.endDate), [task.endDate]);
@@ -2247,6 +2250,7 @@ var TaskRow = React2.memo(
       enableAutoSchedule,
       disableConstraints,
       locked: task.locked,
+      disableTaskDrag,
       onCascadeProgress,
       onCascade,
       businessDays,
@@ -4643,7 +4647,7 @@ var TaskListRow = React9.memo(
                       top: 0,
                       height: `${rowHeight}px`,
                       width: "1.5px",
-                      background: "#d4bceb",
+                      background: "var(--gantt-hierarchy-line-color)",
                       borderRadius: "1px",
                       pointerEvents: "none"
                     }
@@ -4660,7 +4664,7 @@ var TaskListRow = React9.memo(
                     top: 0,
                     height: isLastChild ? `${rowHeight / 2}px` : `${rowHeight}px`,
                     width: "1.5px",
-                    background: "#d4bceb",
+                    background: "var(--gantt-hierarchy-line-color)",
                     borderRadius: "1px",
                     pointerEvents: "none"
                   }
@@ -4675,7 +4679,7 @@ var TaskListRow = React9.memo(
                     top: `${rowHeight / 2 - 0.75}px`,
                     width: "8px",
                     height: "1.5px",
-                    background: "#d4bceb",
+                    background: "var(--gantt-hierarchy-line-color)",
                     borderRadius: "1px",
                     pointerEvents: "none"
                   }
@@ -4691,23 +4695,40 @@ var TaskListRow = React9.memo(
                     width: "4px",
                     height: "4px",
                     borderRadius: "50%",
-                    background: "#d4bceb",
+                    background: "var(--gantt-hierarchy-line-color)",
                     pointerEvents: "none"
                   }
                 }
               )
             ] }),
-            isParent && !editingName && /* @__PURE__ */ jsx12(
-              "button",
-              {
-                type: "button",
-                className: `gantt-tl-collapse-btn ${isCollapsed ? "gantt-tl-collapse-btn-collapsed" : ""}`,
-                onClick: handleToggleCollapse,
-                style: { left: `${nestingDepth * 20 + 4}px` },
-                "aria-label": isCollapsed ? "Expand children" : "Collapse children",
-                children: /* @__PURE__ */ jsx12(ChevronRightIcon, {})
-              }
-            ),
+            isParent && !editingName && /* @__PURE__ */ jsxs9(Fragment2, { children: [
+              !isCollapsed && /* @__PURE__ */ jsx12(
+                "span",
+                {
+                  style: {
+                    position: "absolute",
+                    left: `${nestingDepth * 20 + 9}px`,
+                    top: `${rowHeight / 2 + 7}px`,
+                    height: `${rowHeight / 2 - 7}px`,
+                    width: "1.5px",
+                    background: "var(--gantt-hierarchy-line-color)",
+                    borderRadius: "1px",
+                    pointerEvents: "none"
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx12(
+                "button",
+                {
+                  type: "button",
+                  className: `gantt-tl-collapse-btn ${isCollapsed ? "gantt-tl-collapse-btn-collapsed" : ""}`,
+                  onClick: handleToggleCollapse,
+                  style: { left: `${nestingDepth * 20 + 1}px` },
+                  "aria-label": isCollapsed ? "Expand children" : "Collapse children",
+                  children: /* @__PURE__ */ jsx12(ChevronRightIcon, {})
+                }
+              )
+            ] }),
             editingName && /* @__PURE__ */ jsx12(
               Input,
               {
@@ -4736,7 +4757,7 @@ var TaskListRow = React9.memo(
                 onClick: handleNameClick,
                 onDoubleClick: handleNameDoubleClick,
                 style: {
-                  paddingLeft: nestingDepth > 0 ? `${nestingDepth * 20 + (isParent ? 26 : 8)}px` : isParent ? "26px" : void 0,
+                  paddingLeft: nestingDepth > 0 ? `${nestingDepth * 20 + (isParent ? 24 : 8)}px` : isParent ? "24px" : void 0,
                   ...editingName ? { visibility: "hidden", pointerEvents: "none" } : void 0
                 },
                 children: task.name
@@ -5870,7 +5891,8 @@ var GanttChart = forwardRef(({
   taskFilter,
   collapsedParentIds: externalCollapsedParentIds,
   onToggleCollapse: externalOnToggleCollapse,
-  highlightedTaskIds
+  highlightedTaskIds,
+  disableTaskDrag = false
 }, ref) => {
   const scrollContainerRef = useRef7(null);
   const [selectedTaskId, setSelectedTaskId] = useState7(null);
@@ -6418,7 +6440,8 @@ var GanttChart = forwardRef(({
                     isFilterMatch: matchedTaskIds.has(task.id),
                     businessDays,
                     customDays,
-                    isWeekend: isWeekend3
+                    isWeekend: isWeekend3,
+                    disableTaskDrag
                   },
                   task.id
                 ))