react-kanban-kit
Version:
A flexible and customizable Kanban board component for React applications, built with TypeScript and modern drag-and-drop functionality powered by Atlassian's pragmatic-drag-and-drop.
22 lines (20 loc) • 700 B
TypeScript
import { BoardItem, DndState } from '../../components/types';
export type TColumnState = {
type: "is-card-over";
isOverChildCard: boolean;
dragging: DOMRect;
} | {
type: "is-column-over";
} | {
type: "idle";
} | {
type: "is-dragging";
};
export declare const useColumnDnd: (data: BoardItem, index: number, items: BoardItem[], onColumnDndStateChange?: (info: DndState) => void) => {
headerRef: import('react').MutableRefObject<HTMLDivElement>;
outerFullHeightRef: import('react').MutableRefObject<HTMLDivElement>;
innerRef: import('react').MutableRefObject<HTMLDivElement>;
state: TColumnState;
cardOverShadowCount: number;
totalTasksCount: number;
};