Henry
982cdb63eb
Co-authored-by: nova28 <17953305+nova28@users.noreply.github.com> Co-authored-by: Carlos Florencio <carlosmflorencio@gmail.com>
66 lines
2.3 KiB
TypeScript
66 lines
2.3 KiB
TypeScript
"use client";
|
|
|
|
import type { RefObject } from "react";
|
|
import { IconDots } from "@tabler/icons-react";
|
|
import { useTranslation } from "react-i18next";
|
|
import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger } from "@kandev/ui/dropdown-menu";
|
|
import {
|
|
KanbanCardDropdownMenuItems,
|
|
type KanbanCardMenuEntry,
|
|
} from "@/components/kanban-card-menu-items";
|
|
|
|
type TaskActionsMenuTriggerProps = {
|
|
entries: KanbanCardMenuEntry[];
|
|
testId: string;
|
|
triggerRef: RefObject<HTMLButtonElement | null>;
|
|
open: boolean;
|
|
onOpenChange: (open: boolean) => void;
|
|
};
|
|
|
|
/** The "More options" dots trigger shared by the preview and detail surfaces. */
|
|
export function TaskActionsMenuTrigger({
|
|
entries,
|
|
testId,
|
|
triggerRef,
|
|
open,
|
|
onOpenChange,
|
|
}: TaskActionsMenuTriggerProps) {
|
|
const { t } = useTranslation();
|
|
return (
|
|
<DropdownMenu open={open} onOpenChange={onOpenChange}>
|
|
<DropdownMenuTrigger asChild>
|
|
<button
|
|
ref={triggerRef}
|
|
type="button"
|
|
data-testid={testId}
|
|
className="text-muted-foreground hover:text-foreground hover:bg-muted rounded-sm p-1 -m-1 transition-colors cursor-pointer"
|
|
onClick={(e) => e.stopPropagation()}
|
|
onPointerDown={(e) => e.stopPropagation()}
|
|
aria-label={t("kanban:moreOptions")}
|
|
>
|
|
<IconDots className="h-4 w-4" />
|
|
</button>
|
|
</DropdownMenuTrigger>
|
|
<DropdownMenuContent
|
|
align="end"
|
|
className="w-56"
|
|
onEscapeKeyDown={(event) => {
|
|
// Consume this Escape ourselves instead of letting Radix's default
|
|
// dismiss handle it: closing the menu via `onOpenChange` still
|
|
// triggers Radix's synchronous focus-restoration flush, but calling
|
|
// `preventDefault()` here (during document capture, before this
|
|
// same event reaches any bubble-phase `window` listener a host
|
|
// surface owns) lets that listener check `event.defaultPrevented`
|
|
// and know this keypress was already handled by the menu, rather
|
|
// than racing a state update that may not have re-rendered yet
|
|
// (AC-TASKS-TASK-ACTIONS-MENU-001.11).
|
|
event.preventDefault();
|
|
onOpenChange(false);
|
|
}}
|
|
>
|
|
<KanbanCardDropdownMenuItems entries={entries} />
|
|
</DropdownMenuContent>
|
|
</DropdownMenu>
|
|
);
|
|
}
|