Add dragAndDropManager to the MosaicProps

README.md

@@ -199,6 +199,10 @@ export interface MosaicBaseProps<T extends MosaicKey> {
    * default: Random UUID
    */
   mosaicId?: string;
+  /**
+   * Override the react-dnd provider to allow applications to inject an existing drag and drop context
+   */
+  dragAndDropManager?: DragDropManager | undefined;
 }
 
 export interface MosaicControlledProps<T extends MosaicKey> extends MosaicBaseProps<T> {

package.json

@@ -48,6 +48,7 @@
     "@types/webpack": "^3.8.18",
     "chai": "^4.2.0",
     "css-loader": "^0.28.11",
+    "dnd-core": "^10.0.2",
     "file-loader": "^1.1.11",
     "html-loader": "^0.5.5",
     "html-webpack-plugin": "^2.30.1",

src/Mosaic.tsx

@@ -1,4 +1,5 @@
 import classNames from 'classnames';
+import { DragDropManager } from 'dnd-core';
 import countBy from 'lodash/countBy';
 import keys from 'lodash/keys';
 import pickBy from 'lodash/pickBy';
@@ -52,6 +53,10 @@ export interface MosaicBaseProps<T extends MosaicKey> {
    * default: Random UUID
    */
   mosaicId?: string;
+  /**
+   * Override the react-dnd provider to allow applications to inject an existing drag and drop context
+   */
+  dragAndDropManager?: DragDropManager | undefined;
 }
 
 export interface MosaicControlledProps<T extends MosaicKey> extends MosaicBaseProps<T> {
@@ -209,7 +214,11 @@ export class MosaicWithoutDragDropContext<T extends MosaicKey = string> extends
 export class Mosaic<T extends MosaicKey = string> extends React.PureComponent<MosaicProps<T>> {
   render() {
     return (
-      <DndProvider backend={MultiBackend} options={HTML5ToTouch}>
+      <DndProvider
+        backend={MultiBackend}
+        options={HTML5ToTouch}
+        {...(this.props.dragAndDropManager && { manager: this.props.dragAndDropManager })}
+      >
         <MosaicWithoutDragDropContext<T> {...this.props} />
       </DndProvider>
     );