Hook parent drag events

WordPress · Aug 24, 2018 · 0e10f1e · 0e10f1e
1 parent 4e2aa6b
commit 0e10f1e
Showing 1 changed file with 17 additions and 3 deletions.
diff --git a/packages/editor/src/components/block-list/block-draggable.js b/packages/editor/src/components/block-list/block-draggable.js
@@ -5,21 +5,35 @@ import { Component } from '@wordpress/element';
 import { withDraggable } from '@wordpress/components';
 
 class BlockDraggable extends Component {
-	render() {
-		const { clientId, elementId, index, initDragging, layout, rootClientId } = this.props;
+	constructor( ) {
+		super( ...arguments );
+		this.onDragStart = this.onDragStart.bind( this );
+		this.onDragEnd = this.onDragEnd.bind( this );
+	}
 
+	onDragStart( event ) {
+		const { clientId, elementId, index, initDragging, onDragStart, layout, rootClientId } = this.props;
 		const transferData = {
 			type: 'block',
 			fromIndex: index,
 			rootClientId,
 			clientId,
 			layout,
 		};
+		initDragging( elementId, transferData )( event );
+		onDragStart( event );
+	}
 
+	onDragEnd( event ) {
+		this.props.onDragEnd( event );
+	}
+
+	render() {
 		return (
 			<div
 				className={ 'editor-block-list__block-draggable' }
-				onDragStart={ initDragging( elementId, transferData ) }
+				onDragStart={ this.onDragStart }
+				onDragEnd={ this.onDragEnd }
 				draggable
 			>
 			</div>