goobs-frontend
Version:
A comprehensive React-based libary for building modern web applications
24 lines • 1.03 kB
TypeScript
import { default as React } from 'react';
import { ColumnData } from '../../types';
/** Column drag information */
interface ColumnDragInfo {
columnId: string;
columnIndex: number;
}
/**
* GitHub-like column drag and drop hook.
* Simplifies column reordering - columns are directly draggable without pre-selection.
*/
export declare function useColumnDragAndDrop(columnState: ColumnData[], setColumnState: React.Dispatch<React.SetStateAction<ColumnData[]>>): {
draggedColumn: ColumnDragInfo | null;
isDragging: boolean;
dragOverColumnIndex: number | null;
handleColumnDragStart: (e: React.DragEvent, columnIndex: number) => void;
handleColumnDragOver: (e: React.DragEvent, columnIndex: number) => void;
handleColumnDragEnter: (e: React.DragEvent, columnIndex: number) => void;
handleColumnDragLeave: (e: React.DragEvent) => void;
handleColumnDrop: (e: React.DragEvent, dropColumnIndex: number) => void;
resetColumnDragState: () => void;
};
export {};
//# sourceMappingURL=columns.d.ts.map