react-rnd

constructor(props: Props);

static defaultProps: DefaultProps;

draggable: Draggable;

offsetFromParent: { left: number; top: number };

originalPosition: { x: number; y: number };

resizable: Resizable;

resizableElement: { current: HTMLElement | null };

resizingPosition: { x: number; y: number };

componentDidMount: () => void;

getDraggablePosition: () => { x: number; y: number };

getMaxSizesFromProps: () => MaxSize;

getOffsetHeight: (boundary: HTMLElement) => number;

getOffsetWidth: (boundary: HTMLElement) => number;

getParent: () => any;

getParentSize: () => { width: number; height: number };

getSelfElement: () => HTMLElement | null;

onDrag: (e: RndDragEvent, data: DraggableData) => false | void;

onDragStart: (e: RndDragEvent, data: DraggableData) => void;

onDragStop: (e: RndDragEvent, data: DraggableData) => false | void;

onResize: (
    e: MouseEvent | TouchEvent,
    direction: ResizeDirection,
    elementRef: HTMLElement,
    delta: { height: number; width: number }
) => void;

onResizeStart: (
    e: React.MouseEvent<HTMLElement> | React.TouchEvent<HTMLElement>,
    dir: ResizeDirection,
    elementRef: HTMLElement
) => void;

onResizeStop: (
    e: MouseEvent | TouchEvent,
    direction: ResizeDirection,
    elementRef: HTMLElement,
    delta: { height: number; width: number }
) => void;

render: () => React.JSX.Element;

updateOffsetFromParent: () => { top: number; left: number } | undefined;

updatePosition: (position: Position) => void;

updateSize: (size: { width: number | string; height: number | string }) => void;

allowAnyClick?: boolean;

bounds?: string | Element;

cancel?: string;

children?: React.ReactNode;

className?: string;

default?: {
    x: number;
    y: number;
} & Size;

disableDragging?: boolean;

dragAxis?: 'x' | 'y' | 'both' | 'none';

dragGrid?: Grid;

dragHandleClassName?: string;

dragPositionOffset?: DraggableProps['positionOffset'];

enableResizing?: ResizeEnable;

enableUserSelectHack?: boolean;

lockAspectRatio?: boolean | number;

lockAspectRatioExtraHeight?: number;

lockAspectRatioExtraWidth?: number;

maxHeight?: number | string;

maxWidth?: number | string;

minHeight?: number | string;

minWidth?: number | string;

onDrag?: RndDragCallback;

onDragStart?: RndDragCallback;

onDragStop?: RndDragCallback;

onMouseDown?: (e: MouseEvent) => void;

onMouseUp?: (e: MouseEvent) => void;

onResize?: RndResizeCallback;

onResizeStart?: RndResizeStartCallback;

onResizeStop?: RndResizeCallback;

position?: {
    x: number;
    y: number;
};

resizeGrid?: Grid;

resizeHandleClasses?: HandleClasses;

resizeHandleComponent?: HandleComponent;

resizeHandleStyles?: HandleStyles;

resizeHandleWrapperClass?: string;

resizeHandleWrapperStyle?: React.CSSProperties;

scale?: number;

size?: Size;

style?: React.CSSProperties;

[key: string]: any;