import { MouseEvent, FC } from 'react'; import { SimpleCellProps } from '../SimpleCell/SimpleCell'; import { HasPlatform } from '../../types'; import { RemovePlaceholderProps } from '../Removable/Removable'; export interface CellProps extends SimpleCellProps, HasPlatform, RemovePlaceholderProps { /** * В режиме перетаскивания ячейка перестает быть кликабельной, то есть при клике переданный onClick вызываться не будет */ draggable?: boolean; removable?: boolean; /** * Имя для input в режиме selectable */ name?: string; selectable?: boolean; /** * В режиме selectable реагирует на входящие значения пропса cheсked, как зависящий напрямую от входящего значения */ checked?: boolean; /** * В режиме selectable реагирует на входящие значения пропса defaultChecked как неконтролируемый компонент */ defaultChecked?: boolean; /** * Коллбэк срабатывает при клике на контрол удаления. */ onRemove?: (e: MouseEvent, rootEl: HTMLElement) => void; /** * Коллбэк срабатывает при завершении перетаскивания. * **Важно:** режим перетаскивания не меняет порядок ячеек в DOM. В коллбэке есть объект с полями `from` и `to`. * Эти числа нужны для того, чтобы разработчик понимал, с какого индекса на какой произошел переход. В песочнице * есть рабочий пример с обработкой этих чисел и перерисовкой списка. */ onDragFinish?: ({ from, to }: { from: number; to: number; }) => void; } export declare const Cell: FC;