diff --git a/common/changes/office-ui-fabric-react/erichdev-onDragOverHelper_2018-06-28-23-26.json b/common/changes/office-ui-fabric-react/erichdev-onDragOverHelper_2018-06-28-23-26.json new file mode 100644 index 0000000000000..641d882ed3a5f --- /dev/null +++ b/common/changes/office-ui-fabric-react/erichdev-onDragOverHelper_2018-06-28-23-26.json @@ -0,0 +1,11 @@ +{ + "changes": [ + { + "packageName": "office-ui-fabric-react", + "comment": "DragDropHelper: Add support for `onDragOver` prop in IDragDropOptions", + "type": "minor" + } + ], + "packageName": "office-ui-fabric-react", + "email": "erabelle@microsoft.com" +} \ No newline at end of file diff --git a/packages/office-ui-fabric-react/src/utilities/dragdrop/DragDropHelper.tsx b/packages/office-ui-fabric-react/src/utilities/dragdrop/DragDropHelper.tsx index ef629a69cb75f..9ed330e2f3387 100644 --- a/packages/office-ui-fabric-react/src/utilities/dragdrop/DragDropHelper.tsx +++ b/packages/office-ui-fabric-react/src/utilities/dragdrop/DragDropHelper.tsx @@ -158,6 +158,10 @@ export class DragDropHelper implements IDragDropHelper { onDragOver = (event: DragEvent) => { event.preventDefault(); + + if (dragDropOptions.onDragOver) { + dragDropOptions.onDragOver(dragDropOptions.context.data, event); + } }; this._dragEnterCounts[key] = 0; diff --git a/packages/office-ui-fabric-react/src/utilities/dragdrop/interfaces.ts b/packages/office-ui-fabric-react/src/utilities/dragdrop/interfaces.ts index 26fafafcee718..1345a142665e9 100644 --- a/packages/office-ui-fabric-react/src/utilities/dragdrop/interfaces.ts +++ b/packages/office-ui-fabric-react/src/utilities/dragdrop/interfaces.ts @@ -43,6 +43,7 @@ export interface IDragDropOptions { onDragStart?: (item?: any, itemIndex?: number, selectedItems?: any[], event?: MouseEvent) => void; onDrop?: (item?: any, event?: DragEvent) => void; onDragEnd?: (item?: any, event?: DragEvent) => void; + onDragOver?: (item?: any, event?: DragEvent) => void; } export interface IDragDropEvent {