fix: switch DnD to modern context API (was legacy)

Fixes jquense#1795. Related to jquense#1776.

src/addons/dragAndDrop/DnDContext.js

@@ -0,0 +1,3 @@
+import React from 'react'
+
+export const DnDContext = React.createContext()

src/addons/dragAndDrop/EventContainerWrapper.js

@@ -2,6 +2,7 @@ import PropTypes from 'prop-types'
 import React from 'react'
 import * as dates from '../../utils/dates'
 import { findDOMNode } from 'react-dom'
+import { DnDContext } from './DnDContext'
 
 import Selection, {
   getBoundsForNode,
@@ -27,16 +28,7 @@ class EventContainerWrapper extends React.Component {
     resource: PropTypes.any,
   }
 
-  static contextTypes = {
-    draggable: PropTypes.shape({
-      onStart: PropTypes.func,
-      onEnd: PropTypes.func,
-      onDropFromOutside: PropTypes.func,
-      onBeginAction: PropTypes.func,
-      dragAndDropAction: PropTypes.object,
-      dragFromOutsideItem: PropTypes.func,
-    }),
-  }
+  static contextType = DnDContext
 
   constructor(...args) {
     super(...args)

src/addons/dragAndDrop/EventWrapper.js

@@ -1,20 +1,11 @@
 import PropTypes from 'prop-types'
 import React from 'react'
 import clsx from 'clsx'
-import { accessor } from '../../utils/propTypes'
 import { accessor as get } from '../../utils/accessors'
+import { DnDContext } from './DnDContext'
 
 class EventWrapper extends React.Component {
-  static contextTypes = {
-    draggable: PropTypes.shape({
-      onStart: PropTypes.func,
-      onEnd: PropTypes.func,
-      onBeginAction: PropTypes.func,
-      draggableAccessor: accessor,
-      resizableAccessor: accessor,
-      dragAndDropAction: PropTypes.object,
-    }),
-  }
+  static contextType = DnDContext
 
   static propTypes = {
     type: PropTypes.oneOf(['date', 'time']),

src/addons/dragAndDrop/WeekWrapper.js

@@ -8,6 +8,7 @@ import { eventSegments } from '../../utils/eventLevels'
 import Selection, { getBoundsForNode } from '../../Selection'
 import EventRow from '../../EventRow'
 import { dragAccessors } from './common'
+import { DnDContext } from './DnDContext'
 
 const propTypes = {}
 
@@ -32,16 +33,7 @@ class WeekWrapper extends React.Component {
     resourceId: PropTypes.any,
   }
 
-  static contextTypes = {
-    draggable: PropTypes.shape({
-      onStart: PropTypes.func,
-      onEnd: PropTypes.func,
-      dragAndDropAction: PropTypes.object,
-      onDropFromOutside: PropTypes.func,
-      onBeginAction: PropTypes.func,
-      dragFromOutsideItem: PropTypes.func,
-    }),
-  }
+  static contextType = DnDContext
 
   constructor(...args) {
     super(...args)

src/addons/dragAndDrop/withDragAndDrop.js

@@ -7,6 +7,7 @@ import EventWrapper from './EventWrapper'
 import EventContainerWrapper from './EventContainerWrapper'
 import WeekWrapper from './WeekWrapper'
 import { mergeComponents } from './common'
+import { DnDContext } from './DnDContext'
 
 /**
  * Creates a higher-order component (HOC) supporting drag & drop and optionally resizing
@@ -94,23 +95,6 @@ export default function withDragAndDrop(Calendar) {
       step: 30,
     }
 
-    static contextTypes = {
-      dragDropManager: PropTypes.object,
-    }
-
-    static childContextTypes = {
-      draggable: PropTypes.shape({
-        onStart: PropTypes.func,
-        onEnd: PropTypes.func,
-        onBeginAction: PropTypes.func,
-        onDropFromOutside: PropTypes.func,
-        dragFromOutsideItem: PropTypes.func,
-        draggableAccessor: accessor,
-        resizableAccessor: accessor,
-        dragAndDropAction: PropTypes.object,
-      }),
-    }
-
     constructor(...args) {
       super(...args)
 
@@ -125,7 +109,7 @@ export default function withDragAndDrop(Calendar) {
       this.state = { interacting: false }
     }
 
-    getChildContext() {
+    getDnDContextValue() {
       return {
         draggable: {
           onStart: this.handleInteractionStart,
@@ -197,11 +181,13 @@ export default function withDragAndDrop(Calendar) {
       )
 
       return (
-        <Calendar
-          {...props}
-          elementProps={elementPropsWithDropFromOutside}
-          components={this.components}
-        />
+        <DnDContext.Provider value={this.getDnDContextValue()}>
+          <Calendar
+            {...props}
+            elementProps={elementPropsWithDropFromOutside}
+            components={this.components}
+          />
+        </DnDContext.Provider>
       )
     }
   }