@mantine/core/lib/components/Combobox/use-pills-reorder/use-pills-reorder.d.ts

React components library focused on usability, accessibility and developer experience

export interface PillReorderProps {
    draggable: boolean;
    tabIndex: number;
    'data-mantine-pill-index': number;
    'aria-keyshortcuts': string;
    onMouseDown: (event: React.MouseEvent<HTMLElement>) => void;
    onDragStart: (event: React.DragEvent<HTMLElement>) => void;
    onDragOver: (event: React.DragEvent<HTMLElement>) => void;
    onDragLeave: (event: React.DragEvent<HTMLElement>) => void;
    onDrop: (event: React.DragEvent<HTMLElement>) => void;
    onDragEnd: (event: React.DragEvent<HTMLElement>) => void;
    onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
}
export interface PillsReorderListProps {
    ref?: (node: HTMLDivElement | null) => void;
}
export interface UsePillsReorderInput<T> {
    value: T[];
    onChange: (value: T[]) => void;
    enabled: boolean | undefined;
}
export declare function usePillsReorder<T>({ value, onChange, enabled }: UsePillsReorderInput<T>): {
    getPillProps: (index: number) => PillReorderProps | undefined;
    getListProps: () => PillsReorderListProps;
    handleInputKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
};