Add html5DragDropContext to initilize HTML5Backend only once

adazzle · Feb 16, 2018 · 305367b · 305367b
1 parent a4b3c87
commit 305367b
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 6 deletions.
diff --git a/packages/react-data-grid-addons/src/draggable-header/DraggableContainer.js b/packages/react-data-grid-addons/src/draggable-header/DraggableContainer.js
@@ -1,7 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { DragDropContext } from 'react-dnd';
-import HTML5Backend from 'react-dnd-html5-backend';
+import html5DragDropContext from '../shared/html5DragDropContext';
 import DraggableHeaderCell from './DraggableHeaderCell';
 
 class DraggableContainer extends React.Component {
@@ -27,4 +26,4 @@ DraggableContainer.propTypes = {
   children: PropTypes.element
 };
 
-export default DragDropContext(HTML5Backend)(DraggableContainer);
+export default html5DragDropContext(DraggableContainer);
diff --git a/packages/react-data-grid-addons/src/draggable/DragDropContainer.js b/packages/react-data-grid-addons/src/draggable/DragDropContainer.js
@@ -1,6 +1,5 @@
 import React, {Component} from 'react';
-import HTML5Backend from 'react-dnd-html5-backend';
-import { DragDropContext } from 'react-dnd';
+import html5DragDropContext from '../shared/html5DragDropContext';
 import DraggableHeaderCell from './DraggableHeaderCell';
 import RowDragLayer from './RowDragLayer';
 import { utils } from 'react-data-grid';
@@ -41,4 +40,4 @@ DraggableContainer.propTypes = {
   getDragPreviewRow: PropTypes.func
 };
 
-export default DragDropContext(HTML5Backend)(DraggableContainer);
+export default html5DragDropContext(DraggableContainer);
diff --git a/packages/react-data-grid-addons/src/shared/html5DragDropContext.js b/packages/react-data-grid-addons/src/shared/html5DragDropContext.js
@@ -0,0 +1,4 @@
+import { DragDropContext } from 'react-dnd';
+import HTML5Backend from 'react-dnd-html5-backend';
+
+export default DragDropContext(HTML5Backend);