gantt-lib 0.118.0 → 0.118.2

package/dist/index.js

@@ -7666,11 +7666,13 @@ var TaskList = ({
   const [pendingInsert, setPendingInsert] = (0, import_react13.useState)(null);
   const [draggingIndex, setDraggingIndex] = (0, import_react13.useState)(null);
   const [dragOverTarget, setDragOverTarget] = (0, import_react13.useState)(null);
+  const [isBeforeFirstDropZoneActive, setIsBeforeFirstDropZoneActive] = (0, import_react13.useState)(false);
   const dragOriginIndexRef = (0, import_react13.useRef)(null);
   const dragTaskIdRef = (0, import_react13.useRef)(null);
   const clearDragState = (0, import_react13.useCallback)(() => {
     setDraggingIndex(null);
     setDragOverTarget(null);
+    setIsBeforeFirstDropZoneActive(false);
     dragOriginIndexRef.current = null;
     dragTaskIdRef.current = null;
   }, []);
@@ -7721,18 +7723,18 @@ var TaskList = ({
     }
     return target;
   }, [orderedTasks, visibleTasks]);
-  const handleDragOver = (0, import_react13.useCallback)((index, e) => {
+  const handleDragOver = (0, import_react13.useCallback)((index, e, forcedPlacement) => {
     e.preventDefault();
     const draggedTaskId = dragTaskIdRef.current;
     if (!draggedTaskId) return;
-    const rawPlacement = getDropPlacementFromEvent(e);
+    const rawPlacement = forcedPlacement ?? getDropPlacementFromEvent(e);
     const isSelfTopBefore = visibleTasks[index]?.id === draggedTaskId && rawPlacement === "before";
     if (isSelfTopBefore) {
       setDragOverTarget(null);
       e.dataTransfer.dropEffect = "none";
       return;
     }
-    const isFirstChildTopAfterParent = rawPlacement === "before" && visibleTasks[index]?.parentId === visibleTasks[index - 1]?.id;
+    const isFirstChildTopAfterParent = index > 0 && rawPlacement === "before" && visibleTasks[index]?.parentId === visibleTasks[index - 1]?.id;
     if (isFirstChildTopAfterParent) {
       setDragOverTarget(null);
       e.dataTransfer.dropEffect = "none";
@@ -7773,7 +7775,7 @@ var TaskList = ({
       isDirectChildDrop: normalizedTarget.placement === "after" && reorderPlan.inferredParentId === targetTask.id
     });
   }, [isValidParentDrop, normalizeDropTarget, orderedTasks, visibleTasks]);
-  const handleDrop = (0, import_react13.useCallback)((dropIndex, e) => {
+  const handleDrop = (0, import_react13.useCallback)((dropIndex, e, forcedPlacement) => {
     e.preventDefault();
     const originVisibleIndex = dragOriginIndexRef.current;
     const movedTaskId = dragTaskIdRef.current;
@@ -7781,13 +7783,13 @@ var TaskList = ({
       clearDragState();
       return;
     }
-    const rawPlacement = dropIndex >= visibleTasks.length ? "end" : getDropPlacementFromEvent(e);
+    const rawPlacement = dropIndex >= visibleTasks.length ? "end" : forcedPlacement ?? getDropPlacementFromEvent(e);
     const isSelfTopBefore = dropIndex < visibleTasks.length && visibleTasks[dropIndex]?.id === movedTaskId && rawPlacement === "before";
     if (isSelfTopBefore) {
       clearDragState();
       return;
     }
-    const isFirstChildTopAfterParent = dropIndex < visibleTasks.length && rawPlacement === "before" && visibleTasks[dropIndex]?.parentId === visibleTasks[dropIndex - 1]?.id;
+    const isFirstChildTopAfterParent = dropIndex < visibleTasks.length && dropIndex > 0 && rawPlacement === "before" && visibleTasks[dropIndex]?.parentId === visibleTasks[dropIndex - 1]?.id;
     if (isFirstChildTopAfterParent) {
       clearDragState();
       return;
@@ -7840,9 +7842,18 @@ var TaskList = ({
     onTaskSelect?.(moved.id);
     clearDragState();
   }, [orderedTasks, visibleTasks, onReorder, onTaskSelect, isValidParentDrop, clearDragState, normalizeDropTarget]);
+  const handleBeforeFirstDragOver = (0, import_react13.useCallback)((e) => {
+    const draggedTaskId = dragTaskIdRef.current;
+    const firstTask = visibleTasks[0];
+    const descendantIds = draggedTaskId ? new Set(getAllDescendants2(draggedTaskId, orderedTasks).map((task) => task.id)) : /* @__PURE__ */ new Set();
+    const isValidBeforeFirstDrop = !!draggedTaskId && !!firstTask && firstTask.id !== draggedTaskId && !descendantIds.has(firstTask.id) && isValidParentDrop(draggedTaskId, 0);
+    setIsBeforeFirstDropZoneActive(isValidBeforeFirstDrop);
+    handleDragOver(0, e, "before");
+  }, [handleDragOver, isValidParentDrop, orderedTasks, visibleTasks]);
   const handleDragEnd = (0, import_react13.useCallback)(() => {
     clearDragState();
   }, [clearDragState]);
+  const shouldShowBeforeFirstDropZone = !reorderDisabled && visibleTasks.length > 0 && draggingIndex !== null && draggingIndex > 0;
   const handleConfirmNewTask = (0, import_react13.useCallback)((name) => {
     const range = buildDefaultTaskDateRange(getTodayISODate(), {
       businessDays,
@@ -8210,6 +8221,19 @@ var TaskList = ({
               position: "relative"
             },
             children: [
+              shouldShowBeforeFirstDropZone && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                "div",
+                {
+                  className: [
+                    "gantt-tl-before-first-drop-zone",
+                    isBeforeFirstDropZoneActive ? "gantt-tl-before-first-drop-zone-active" : ""
+                  ].filter(Boolean).join(" "),
+                  onDragEnter: handleBeforeFirstDragOver,
+                  onDragOver: handleBeforeFirstDragOver,
+                  onDragLeave: () => setIsBeforeFirstDropZoneActive(false),
+                  onDrop: (e) => handleDrop(0, e, "before")
+                }
+              ),
               renderedVisibleTasks.map(({ task, index }) => {
                 const previousVisibleTask = index > 0 ? visibleTasks[index - 1] : void 0;
                 const canDemoteTask = index === 0 || !task.parentId || previousVisibleTask?.id !== task.parentId;
@@ -10847,6 +10871,7 @@ function PlanFactRowInner({
               className: joinClasses2(
                 "gantt-pf-cell",
                 `gantt-pf-cell-${kind}`,
+                todayDateIndex === dateIndex && "gantt-pf-cell-today",
                 !isParent && planned && kind === "plan" && "gantt-pf-cell-planned",
                 !isParent && value !== void 0 && "gantt-pf-cell-hasValue",
                 !isParent && (isFactBelowPlan || isPastDueMissingFact) && "gantt-pf-cell-factWarning",
@@ -12565,7 +12590,11 @@ function TaskGanttChartInner(props, ref) {
         return t;
       });
     }
-    const normalized = normalizeHierarchyTasks(updated);
+    const orderedForCallback = updated.map((task, index) => ({
+      ...task,
+      sortOrder: index
+    }));
+    const normalized = normalizeHierarchyTasks(orderedForCallback);
     if (onReorder) {
       onReorder(normalized, movedTaskId, inferredParentId);
       return;