@xzdarcy/react-timeline-editor/dist/components/row_rnd/row_rnd_interface.d.ts

[](https://www.npmjs.com/package/@xzdarcy/react-timeline-editor) [![npm downloads](https://img.shields.io/npm/dm/@xzdarcy/react-timeline-editor.svg?style=flat

/// <reference types="react" />
type EventData = {
    lastLeft: number;
    left: number;
    lastWidth: number;
    width: number;
};
export type RndDragStartCallback = () => void;
export type RndDragCallback = (data: EventData, scrollDelta?: number) => boolean | void;
export type RndDragEndCallback = (data: Pick<EventData, 'left' | 'width'>) => void;
export type Direction = "left" | "right";
export type RndResizeStartCallback = (dir: Direction) => void;
export type RndResizeCallback = (dir: Direction, data: EventData) => boolean | void;
export type RndResizeEndCallback = (dir: Direction, data: Pick<EventData, 'left' | 'width'>) => void;
export interface RowRndApi {
    updateWidth: (size: number) => void;
    updateLeft: (left: number) => void;
    getLeft: () => number;
    getWidth: () => number;
}
export interface RowRndProps {
    width?: number;
    left?: number;
    grid?: number;
    start?: number;
    bounds?: {
        left: number;
        right: number;
    };
    edges?: {
        left: boolean | string;
        right: boolean | string;
    };
    onResizeStart?: RndResizeStartCallback;
    onResize?: RndResizeCallback;
    onResizeEnd?: RndResizeEndCallback;
    onDragStart?: RndDragStartCallback;
    onDrag?: RndDragCallback;
    onDragEnd?: RndDragEndCallback;
    parentRef?: React.MutableRefObject<HTMLDivElement>;
    deltaScrollLeft?: (delta: number) => void;
    children?: React.ReactNode;
    enableResizing?: boolean;
    enableDragging?: boolean;
    adsorptionPositions?: number[];
    adsorptionDistance?: number;
}
export {};