create focusPrevious composable

src/modules/data/board/Board.store.ts

@@ -29,6 +29,7 @@ import {
 	UpdateColumnTitleSuccessPayload,
 } from "./boardActions/boardActionPayload";
 import { DeleteCardSuccessPayload } from "./cardActions/cardActionPayload";
+import { useSetFocusPrevios } from "./focusPrevios.composable";
 
 export const useBoardStore = defineStore("boardStore", () => {
 	const cardStore = useCardStore();
@@ -131,9 +132,17 @@ export const useBoardStore = defineStore("boardStore", () => {
 	const deleteCardSuccess = (payload: DeleteCardSuccessPayload) => {
 		if (!board.value) return;
 		const cardId = payload.cardId;
+
 		const columnIndex = board.value.columns.findIndex(
 			(column) => column.cards.find((c) => c.cardId === cardId) !== undefined
 		);
+
+		if (!payload.isOwnAction) {
+			const { focusedId } = useBoardFocusHandler(cardId);
+			if (focusedId?.value !== cardId) return;
+			useSetFocusPrevios(cardId, "card");
+		}
+
 		if (columnIndex !== -1) {
 			const cardIndex = board.value.columns[columnIndex].cards.findIndex(
 				(c) => c.cardId === cardId

src/modules/data/board/focusPrevios.composable.ts

@@ -0,0 +1,38 @@
+import { useBoardStore, useBoardFocusHandler } from "@data-board";
+
+type Level = "board" | "column" | "card" | "element";
+
+export const useSetFocusPrevios = async (id: string, level: Level) => {
+	console.log(level);
+	const { board } = useBoardStore();
+
+	if (!board) return;
+	const { setFocus } = useBoardFocusHandler();
+
+	// if it's a card, find the column index
+	const columnIndex = board.columns.findIndex(
+		(column) => column.cards.find((c) => c.cardId === id) !== undefined
+	);
+
+	const cardIndex = board.columns[columnIndex].cards.findIndex(
+		(c) => c.cardId === id
+	);
+
+	if (cardIndex > 0) {
+		const previousCard = board.columns[columnIndex].cards[cardIndex - 1].cardId;
+		setFocus(previousCard);
+
+		const element = document.querySelector(
+			`[data-card-id="${previousCard}"]`
+		) as HTMLElement;
+
+		element?.setAttribute("tabindex", "0");
+		element?.dispatchEvent(
+			new KeyboardEvent("keypress", {
+				key: "Tab",
+			})
+		);
+
+		element?.focus();
+	}
+};