52:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 53:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 54:Tf28,'use client'; import { MoreHorizontal } from 'lucide-react'; import { useId, useRef, type ReactNode } from 'react'; import { Button } from '@/components/ui/button'; import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuTrigger } from '@/components/ui/dropdown-menu'; import { useKanbanMoveNotice } from '@/components/ui/kanban'; import { useLabels } from '@/components/ui/labels-context'; export interface KanbanMoveTarget { id: string; label: string; } export interface KanbanMoveToMenuLabels { // Heading of the target list. moveTo: string; // Accessible name of the trigger. actions: (title: string) => string; // Text of the disabled entry of the column the card is in. current: (column: string) => string; } export interface KanbanMoveToMenuProps { // Card title, names the trigger, e.g. "Actions for Data platform pilot". title: string; // Columns in board order. targets: KanbanMoveTarget[]; // Column the card is in. It is listed disabled and marked as current. currentId: string; onMove: (targetId: string) => void; // Further card actions below the move targets, e.g. open or archive. children?: ReactNode; // Visible texts. Win over the provider text. labels?: Partial; } // Card actions for the `actions` slot of KanbanCard: a pointer and keyboard way to move a card without dragging, also for touch without long press. const KanbanMoveToMenu = ({ title, targets, currentId, onMove, children, labels }: KanbanMoveToMenuProps) => { const l = useLabels(); const labelId = useId(); const moveTo = labels?.moveTo ?? l.kanbanMoveTo; const actions = labels?.actions ?? l.kanbanCardActions; const current = labels?.current ?? l.kanbanCurrentColumn; const noteMove = useKanbanMoveNotice(); const triggerRef = useRef(null); const movedRef = useRef(false); const select = (target: KanbanMoveTarget) => { // Announce the move and hand focus to the card in its new column. Without a card around the trigger there is nothing to focus. const cardId = triggerRef.current?.closest('[data-kanban-card]')?.dataset.cardId; if (cardId) { movedRef.current = true; noteMove(cardId, target.label); } onMove(target.id); }; return ( // Non-modal: a modal menu sets aria-hidden on the board and page around it, which leaves focusable content inside hidden regions (axe aria-hidden-focus). Focus return, Escape and outside click still close it. { // The card (and this trigger) already moved to another column: the board focuses the card, so the menu must not pull focus back. While the board still waits for the server response the trigger is attached, so focus stays on it until the card appears. if (movedRef.current && !triggerRef.current?.isConnected) event.preventDefault(); movedRef.current = false; }} > {moveTo} {targets.map((t) => ( select(t)}> {t.id === currentId ? current(t.label) : t.label} ))} {children} ); }; KanbanMoveToMenu.displayName = 'KanbanMoveToMenu'; export { KanbanMoveToMenu }; 51:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","lucide-react@^0.379.0",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react@^0.379.0"}]]}]}]]}],["$","$L52",null,{"namespace":"@getitdone","registryDependencies":["https://zero-design.itdone.de/r/button.json","https://zero-design.itdone.de/r/dropdown-menu.json","https://zero-design.itdone.de/r/kanban.json","https://zero-design.itdone.de/r/labels-context.json","https://zero-design.itdone.de/r/theme.json"]}]]}],null]}],["$","$L53",null,{"files":[{"path":"registry/ui/kanban-move-to-menu.tsx","content":"$54","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]