infinity-forge
Version:
25 lines (24 loc) • 1.01 kB
TypeScript
import React from 'react';
import { useSortable } from '@dnd-kit/sortable';
export interface SortableItemProvided {
attributes: ReturnType<typeof useSortable>['attributes'];
listeners: ReturnType<typeof useSortable>['listeners'];
setNodeRef: ReturnType<typeof useSortable>['setNodeRef'];
transform: any;
transition: any;
isDragging: boolean;
}
export interface DragAndDropListProps<T> {
items: T[];
onReorder: (newItems: T[]) => void;
renderItem: (item: T, index: number, provided: any) => React.ReactNode;
getItemId: (item: T) => string;
maxItemWidth?: number | string;
}
export declare function DragAndDropList<T>({ items, onReorder, renderItem, getItemId, maxItemWidth, }: DragAndDropListProps<T>): import("react/jsx-runtime").JSX.Element;
interface SortableItemProps {
id: string;
children: (provided: any) => React.ReactNode;
}
export declare function SortableItem({ id, children }: SortableItemProps): import("react/jsx-runtime").JSX.Element;
export {};