@emberai-engg/task-board 0.3.5 → 0.3.6

package/dist/index.d.mts

@@ -361,6 +361,7 @@ declare function useTaskBoard(isDragging?: React.RefObject<boolean>): {
     tasks: TasksByStatus;
     setTasks: React$1.Dispatch<React$1.SetStateAction<TasksByStatus>>;
     columnTotals: ColumnTotals;
+    setColumnTotals: React$1.Dispatch<React$1.SetStateAction<ColumnTotals>>;
     columnUnreads: ColumnUnreads;
     setColumnUnreads: React$1.Dispatch<React$1.SetStateAction<ColumnUnreads>>;
     boardLoading: boolean;
@@ -373,7 +374,7 @@ declare function useTaskBoard(isDragging?: React.RefObject<boolean>): {
     loadMoreTasks: (statusKey: string) => Promise<void>;
 };
 
-declare function useTaskActions(tasks: TasksByStatus, setTasks: React.Dispatch<React.SetStateAction<TasksByStatus>>, fetchTasks: () => Promise<void>, isDragging?: React.RefObject<boolean>): {
+declare function useTaskActions(tasks: TasksByStatus, setTasks: React.Dispatch<React.SetStateAction<TasksByStatus>>, fetchTasks: () => Promise<void>, isDragging?: React.RefObject<boolean>, setColumnTotals?: React.Dispatch<React.SetStateAction<ColumnTotals>>): {
     createTask: (data: CreateTaskPayload) => Promise<Task>;
     updateTask: (taskId: string, data: UpdateTaskPayload) => Promise<Task>;
     deleteTask: (taskId: string) => Promise<void>;

package/dist/index.d.ts

@@ -361,6 +361,7 @@ declare function useTaskBoard(isDragging?: React.RefObject<boolean>): {
     tasks: TasksByStatus;
     setTasks: React$1.Dispatch<React$1.SetStateAction<TasksByStatus>>;
     columnTotals: ColumnTotals;
+    setColumnTotals: React$1.Dispatch<React$1.SetStateAction<ColumnTotals>>;
     columnUnreads: ColumnUnreads;
     setColumnUnreads: React$1.Dispatch<React$1.SetStateAction<ColumnUnreads>>;
     boardLoading: boolean;
@@ -373,7 +374,7 @@ declare function useTaskBoard(isDragging?: React.RefObject<boolean>): {
     loadMoreTasks: (statusKey: string) => Promise<void>;
 };
 
-declare function useTaskActions(tasks: TasksByStatus, setTasks: React.Dispatch<React.SetStateAction<TasksByStatus>>, fetchTasks: () => Promise<void>, isDragging?: React.RefObject<boolean>): {
+declare function useTaskActions(tasks: TasksByStatus, setTasks: React.Dispatch<React.SetStateAction<TasksByStatus>>, fetchTasks: () => Promise<void>, isDragging?: React.RefObject<boolean>, setColumnTotals?: React.Dispatch<React.SetStateAction<ColumnTotals>>): {
     createTask: (data: CreateTaskPayload) => Promise<Task>;
     updateTask: (taskId: string, data: UpdateTaskPayload) => Promise<Task>;
     deleteTask: (taskId: string) => Promise<void>;

package/dist/index.js

@@ -374,6 +374,7 @@ function useTaskBoard(isDragging) {
     tasks,
     setTasks,
     columnTotals,
+    setColumnTotals,
     columnUnreads,
     setColumnUnreads,
     boardLoading,
@@ -389,7 +390,7 @@ function useTaskBoard(isDragging) {
 
 // src/hooks/useTaskActions.ts
 var import_react3 = require("react");
-function useTaskActions(tasks, setTasks, fetchTasks, isDragging) {
+function useTaskActions(tasks, setTasks, fetchTasks, isDragging, setColumnTotals) {
   const { service, config } = useTaskBoardContext();
   const internalDragging = (0, import_react3.useRef)(false);
   const draggingRef = isDragging ?? internalDragging;
@@ -443,6 +444,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 {
@@ -450,7 +458,7 @@ function useTaskActions(tasks, setTasks, fetchTasks, isDragging) {
     } finally {
       draggingRef.current = false;
     }
-  }, [setTasks, service, fetchTasks]);
+  }, [setTasks, setColumnTotals, service, fetchTasks]);
   return { createTask, updateTask, deleteTask, markTaskRead, moveTask };
 }
 
@@ -696,18 +704,20 @@ var TaskCard = (0, import_react5.memo)(function TaskCard2({ task, index, onClick
 var import_jsx_runtime8 = require("react/jsx-runtime");
 function LoadMoreSentinel({ loading, onLoadMore, remaining }) {
   const sentinelRef = (0, import_react6.useRef)(null);
+  const onLoadMoreRef = (0, import_react6.useRef)(onLoadMore);
+  onLoadMoreRef.current = onLoadMore;
   (0, import_react6.useEffect)(() => {
     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__ */ (0, import_jsx_runtime8.jsx)("div", { ref: sentinelRef, className: "space-y-2 pt-2", children: Array.from({ length: skeletonCount }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SkeletonCard, {}, i)) });
 }
@@ -2102,7 +2112,7 @@ function TaskBoard({
   const { columns, features, service } = useTaskBoardContext();
   const isDraggingRef = (0, import_react13.useRef)(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] = (0, import_react13.useState)(null);
   const [createForStatus, setCreateForStatus] = (0, import_react13.useState)("");