@emberai-engg/task-board 0.3.3 → 0.3.4

package/dist/index.d.mts

@@ -354,7 +354,7 @@ declare function TaskBoardProvider({ children, ...config }: TaskBoardConfig & {
     children: React__default.ReactNode;
 }): react_jsx_runtime.JSX.Element;
 
-declare function useTaskBoard(): {
+declare function useTaskBoard(isDragging?: React.RefObject<boolean>): {
     projects: Project[];
     selectedProject: string;
     setSelectedProject: React$1.Dispatch<React$1.SetStateAction<string>>;
@@ -373,7 +373,7 @@ declare function useTaskBoard(): {
     loadMoreTasks: (statusKey: string) => Promise<void>;
 };
 
-declare function useTaskActions(tasks: TasksByStatus, setTasks: React.Dispatch<React.SetStateAction<TasksByStatus>>, fetchTasks: () => Promise<void>): {
+declare function useTaskActions(tasks: TasksByStatus, setTasks: React.Dispatch<React.SetStateAction<TasksByStatus>>, fetchTasks: () => Promise<void>, isDragging?: React.RefObject<boolean>): {
     createTask: (data: CreateTaskPayload) => Promise<Task>;
     updateTask: (taskId: string, data: UpdateTaskPayload) => Promise<Task>;
     deleteTask: (taskId: string) => Promise<void>;

package/dist/index.d.ts

@@ -354,7 +354,7 @@ declare function TaskBoardProvider({ children, ...config }: TaskBoardConfig & {
     children: React__default.ReactNode;
 }): react_jsx_runtime.JSX.Element;
 
-declare function useTaskBoard(): {
+declare function useTaskBoard(isDragging?: React.RefObject<boolean>): {
     projects: Project[];
     selectedProject: string;
     setSelectedProject: React$1.Dispatch<React$1.SetStateAction<string>>;
@@ -373,7 +373,7 @@ declare function useTaskBoard(): {
     loadMoreTasks: (statusKey: string) => Promise<void>;
 };
 
-declare function useTaskActions(tasks: TasksByStatus, setTasks: React.Dispatch<React.SetStateAction<TasksByStatus>>, fetchTasks: () => Promise<void>): {
+declare function useTaskActions(tasks: TasksByStatus, setTasks: React.Dispatch<React.SetStateAction<TasksByStatus>>, fetchTasks: () => Promise<void>, isDragging?: React.RefObject<boolean>): {
     createTask: (data: CreateTaskPayload) => Promise<Task>;
     updateTask: (taskId: string, data: UpdateTaskPayload) => Promise<Task>;
     deleteTask: (taskId: string) => Promise<void>;

package/dist/index.js

@@ -262,7 +262,7 @@ function TaskBoardProvider({
 
 // src/hooks/useTaskBoard.ts
 var import_react2 = require("react");
-function useTaskBoard() {
+function useTaskBoard(isDragging) {
   const { service, user, projects: configProjects, columns, config } = useTaskBoardContext();
   const [fetchedProjects, setFetchedProjects] = (0, import_react2.useState)([]);
   (0, import_react2.useEffect)(() => {
@@ -330,8 +330,9 @@ function useTaskBoard() {
     }
   }, [selectedProject, service, columns]);
   (0, import_react2.useEffect)(() => {
+    if (isDragging?.current) return;
     fetchTasks();
-  }, [fetchTasks]);
+  }, [fetchTasks, isDragging]);
   const loadMoreTasks = (0, import_react2.useCallback)(async (statusKey) => {
     if (!selectedProject || loadingMore[statusKey]) return;
     const current = tasks[statusKey]?.length || 0;
@@ -388,10 +389,10 @@ function useTaskBoard() {
 
 // src/hooks/useTaskActions.ts
 var import_react3 = require("react");
-function useTaskActions(tasks, setTasks, fetchTasks) {
+function useTaskActions(tasks, setTasks, fetchTasks, isDragging) {
   const { service, config } = useTaskBoardContext();
-  const tasksRef = (0, import_react3.useRef)(tasks);
-  tasksRef.current = tasks;
+  const internalDragging = (0, import_react3.useRef)(false);
+  const draggingRef = isDragging ?? internalDragging;
   const createTask = (0, import_react3.useCallback)(async (data) => {
     const task = await service.createTask(data);
     config.onTaskCreate?.(task);
@@ -414,36 +415,40 @@ function useTaskActions(tasks, setTasks, fetchTasks) {
     });
   }, [service]);
   const moveTask = (0, import_react3.useCallback)(async (taskId, sourceStatus, destStatus, sourceIndex, destIndex) => {
-    const currentTasks = tasksRef.current;
-    const sourceCol = [...currentTasks[sourceStatus] || []];
-    const destCol = sourceStatus === destStatus ? sourceCol : [...currentTasks[destStatus] || []];
-    const [movedTask] = sourceCol.splice(sourceIndex, 1);
-    if (!movedTask) return;
-    const updatedTask = { ...movedTask, status: destStatus };
-    destCol.splice(destIndex, 0, updatedTask);
-    let newPosition;
-    if (destCol.length === 1) {
-      newPosition = POSITION_GAP;
-    } else if (destIndex === 0) {
-      newPosition = (destCol[1]?.position ?? POSITION_GAP) - POSITION_GAP;
-    } else if (destIndex === destCol.length - 1) {
-      newPosition = (destCol[destCol.length - 2]?.position ?? 0) + POSITION_GAP;
-    } else {
-      const above = destCol[destIndex - 1]?.position ?? 0;
-      const below = destCol[destIndex + 1]?.position ?? above + POSITION_GAP * 2;
-      newPosition = (above + below) / 2;
-    }
-    updatedTask.position = newPosition;
-    const newTasks = { ...currentTasks };
-    newTasks[sourceStatus] = sourceCol;
-    if (sourceStatus !== destStatus) {
-      newTasks[destStatus] = destCol;
-    }
-    setTasks(newTasks);
+    draggingRef.current = true;
+    let newPosition = POSITION_GAP;
+    setTasks((prev) => {
+      const sourceCol = [...prev[sourceStatus] || []];
+      const destCol = sourceStatus === destStatus ? sourceCol : [...prev[destStatus] || []];
+      const [movedTask] = sourceCol.splice(sourceIndex, 1);
+      if (!movedTask) return prev;
+      const updatedTask = { ...movedTask, status: destStatus };
+      destCol.splice(destIndex, 0, updatedTask);
+      if (destCol.length === 1) {
+        newPosition = POSITION_GAP;
+      } else if (destIndex === 0) {
+        newPosition = (destCol[1]?.position ?? POSITION_GAP) - POSITION_GAP;
+      } else if (destIndex === destCol.length - 1) {
+        newPosition = (destCol[destCol.length - 2]?.position ?? 0) + POSITION_GAP;
+      } else {
+        const above = destCol[destIndex - 1]?.position ?? 0;
+        const below = destCol[destIndex + 1]?.position ?? above + POSITION_GAP * 2;
+        newPosition = (above + below) / 2;
+      }
+      updatedTask.position = newPosition;
+      const newTasks = { ...prev };
+      newTasks[sourceStatus] = sourceCol;
+      if (sourceStatus !== destStatus) {
+        newTasks[destStatus] = destCol;
+      }
+      return newTasks;
+    });
     try {
       await service.updateTask(taskId, { status: destStatus, position: newPosition });
     } catch {
       fetchTasks();
+    } finally {
+      draggingRef.current = false;
     }
   }, [setTasks, service, fetchTasks]);
   return { createTask, updateTask, deleteTask, markTaskRead, moveTask };
@@ -2091,8 +2096,9 @@ function TaskBoard({
   renderCreateTask
 }) {
   const { columns, features, service } = useTaskBoardContext();
-  const board = useTaskBoard();
-  const actions = useTaskActions(board.tasks, board.setTasks, board.fetchTasks);
+  const isDraggingRef = (0, import_react13.useRef)(false);
+  const board = useTaskBoard(isDraggingRef);
+  const actions = useTaskActions(board.tasks, board.setTasks, board.fetchTasks, isDraggingRef);
   const { copiedTaskId, copyShareLink } = useShareLink();
   const [selectedTask, setSelectedTask] = (0, import_react13.useState)(null);
   const [createForStatus, setCreateForStatus] = (0, import_react13.useState)("");