UNPKG

dnd-kit-sortable-tree

Version:

[![npm version](https://badge.fury.io/js/dnd-kit-sortable-tree.svg)](https://www.npmjs.org/package/dnd-kit-sortable-tree) [![npm](https://img.shields.io/npm/dt/dnd-kit-sortable-tree.svg)](https://www.npmjs.org/package/dnd-kit-sortable-tree) [![MIT](https:

32 lines (31 loc) 1.33 kB
import { HTMLAttributes } from 'react'; import { UseSortableArguments } from '@dnd-kit/sortable'; import type { FlattenedItem, TreeItem, TreeItemComponentType } from './types'; import { UniqueIdentifier } from '@dnd-kit/core'; export interface TreeItemProps<T> extends HTMLAttributes<HTMLLIElement> { childCount?: number; clone?: boolean; collapsed?: boolean; depth: number; disableInteraction?: boolean; disableSelection?: boolean; ghost?: boolean; handleProps?: any; indicator?: boolean; indentationWidth: number; item: TreeItem<T>; isLast: boolean; parent: FlattenedItem<T> | null; onCollapse?(id: UniqueIdentifier): void; onRemove?(id: UniqueIdentifier): void; wrapperRef?(node: HTMLLIElement): void; } declare type SortableTreeItemProps<T, TElement extends HTMLElement> = TreeItemProps<T> & { id: string; TreeItemComponent: TreeItemComponentType<T, TElement>; disableSorting?: boolean; sortableProps?: Omit<UseSortableArguments, 'id'>; keepGhostInPlace?: boolean; }; export declare const SortableTreeItem: <T, TElement extends HTMLElement>({ id, depth, isLast, TreeItemComponent, parent, disableSorting, sortableProps, keepGhostInPlace, ...props }: SortableTreeItemProps<T, TElement>) => JSX.Element; export {};