@emberai-engg/task-board 0.3.5 → 0.3.6

package/dist/index.mjs

@@ -297,6 +297,7 @@ function useTaskBoard(isDragging) {
     tasks,
     setTasks,
     columnTotals,
+    setColumnTotals,
     columnUnreads,
     setColumnUnreads,
     boardLoading,
@@ -312,7 +313,7 @@ function useTaskBoard(isDragging) {
 
 // src/hooks/useTaskActions.ts
 import { useCallback as useCallback2, useRef as useRef2 } from "react";
-function useTaskActions(tasks, setTasks, fetchTasks, isDragging) {
+function useTaskActions(tasks, setTasks, fetchTasks, isDragging, setColumnTotals) {
   const { service, config } = useTaskBoardContext();
   const internalDragging = useRef2(false);
   const draggingRef = isDragging ?? internalDragging;
@@ -366,6 +367,13 @@ function useTaskActions(tasks, setTasks, fetchTasks, isDragging) {
       }
       return newTasks;
     });
+    if (sourceStatus !== destStatus && setColumnTotals) {
+      setColumnTotals((prev) => ({
+        ...prev,
+        [sourceStatus]: Math.max(0, (prev[sourceStatus] || 0) - 1),
+        [destStatus]: (prev[destStatus] || 0) + 1
+      }));
+    }
     try {
       await service.updateTask(taskId, { status: destStatus, position: newPosition });
     } catch {
@@ -373,7 +381,7 @@ function useTaskActions(tasks, setTasks, fetchTasks, isDragging) {
     } finally {
       draggingRef.current = false;
     }
-  }, [setTasks, service, fetchTasks]);
+  }, [setTasks, setColumnTotals, service, fetchTasks]);
   return { createTask, updateTask, deleteTask, markTaskRead, moveTask };
 }
 
@@ -619,18 +627,20 @@ var TaskCard = memo(function TaskCard2({ task, index, onClick, onShare, copied }
 import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 function LoadMoreSentinel({ loading, onLoadMore, remaining }) {
   const sentinelRef = useRef3(null);
+  const onLoadMoreRef = useRef3(onLoadMore);
+  onLoadMoreRef.current = onLoadMore;
   useEffect2(() => {
     const el = sentinelRef.current;
     if (!el) return;
     const observer = new IntersectionObserver(
       ([entry]) => {
-        if (entry.isIntersecting && !loading) onLoadMore();
+        if (entry.isIntersecting && !loading) onLoadMoreRef.current();
       },
       { threshold: 0.1 }
     );
     observer.observe(el);
     return () => observer.disconnect();
-  }, [loading, onLoadMore]);
+  }, [loading]);
   const skeletonCount = loading ? Math.min(remaining, 10) : 0;
   return /* @__PURE__ */ jsx8("div", { ref: sentinelRef, className: "space-y-2 pt-2", children: Array.from({ length: skeletonCount }).map((_, i) => /* @__PURE__ */ jsx8(SkeletonCard, {}, i)) });
 }
@@ -2025,7 +2035,7 @@ function TaskBoard({
   const { columns, features, service } = useTaskBoardContext();
   const isDraggingRef = useRef8(false);
   const board = useTaskBoard(isDraggingRef);
-  const actions = useTaskActions(board.tasks, board.setTasks, board.fetchTasks, isDraggingRef);
+  const actions = useTaskActions(board.tasks, board.setTasks, board.fetchTasks, isDraggingRef, board.setColumnTotals);
   const { copiedTaskId, copyShareLink } = useShareLink();
   const [selectedTask, setSelectedTask] = useState9(null);
   const [createForStatus, setCreateForStatus] = useState9("");