office-ui-fabric-react/lib/utilities/dragdrop/interfaces.d.ts

Reusable React components for building experiences for Office 365.

import * as React from 'react';
import { EventGroup } from '../../utilities/eventGroup/EventGroup';
export interface IDragDropHelper {
    subscribe: (root: HTMLElement, events: EventGroup, options: IDragDropOptions) => void;
    unsubscribe: (root: HTMLElement, key: string) => void;
    dispose: () => void;
}
export interface IDragDropEvents {
    canDrop?: (dropContext?: IDragDropContext, dragContext?: IDragDropContext) => boolean;
    canDrag?: (item?: any) => boolean;
    onDragEnter?: (item?: any, event?: DragEvent) => string;
    onDragLeave?: (item?: any, event?: DragEvent) => void;
    onDrop?: (item?: any, event?: DragEvent) => void;
    onDragStart?: (item?: any, itemIndex?: number, selectedItems?: any[], event?: MouseEvent) => void;
}
export interface IDragDropContext {
    data: any;
    index: number;
    isGroup?: boolean;
}
export interface IDragDropTarget {
    root: React.ReactInstance;
    options: IDragDropOptions;
}
export interface IDragDropOptions {
    key: string;
    eventMap?: [{
        eventName: string;
        callback: (context: IDragDropContext, event?: any) => void;
    }];
    selectionIndex: number;
    context: IDragDropContext;
    updateDropState: (isDropping: boolean, event: DragEvent) => void;
    canDrop?: (dropContext?: IDragDropContext, dragContext?: IDragDropContext) => boolean;
    canDrag?: (item?: any) => boolean;
    onDragStart?: (item?: any, itemIndex?: number, selectedItems?: any[], event?: MouseEvent) => void;
}
export interface IDragDropEvent {
    isHandled?: boolean;
}