fix: support custom components with drag and drop and reload components

Author: darraghmckay

.gitignore

@@ -34,3 +34,7 @@ node_modules
 
 # Mac OS X
 .DS_Store
+
+# Storybook
+
+storybook-static/*

.size-snapshot.json

@@ -24,26 +24,26 @@
     }
   },
   "react-big-calendar.js": {
-    "bundled": 1583435,
-    "minified": 445376,
-    "gzipped": 137501
+    "bundled": 1583146,
+    "minified": 445045,
+    "gzipped": 137434
   },
   "react-big-calendar.min.js": {
-    "bundled": 283187,
-    "minified": 281738,
-    "gzipped": 88836
+    "bundled": 283219,
+    "minified": 281770,
+    "gzipped": 88846
   },
   "react-big-calendar.esm.js": {
-    "bundled": 199459,
-    "minified": 93011,
-    "gzipped": 24119,
+    "bundled": 199400,
+    "minified": 93023,
+    "gzipped": 24120,
     "treeshaked": {
       "rollup": {
-        "code": 66234,
+        "code": 66246,
         "import_statements": 1804
       },
       "webpack": {
-        "code": 70014
+        "code": 70026
       }
     }
   }

package.json

@@ -1,14 +1,14 @@
 {
-  "name": "react-big-calendar",
-  "version": "0.40.0",
+  "name": "@noloco/react-big-calendar",
+  "version": "0.40.2",
   "description": "Calendar! with events",
   "author": {
-    "name": "Jason Quense",
-    "email": "[email protected]"
+    "name": "Noloco",
+    "email": "[email protected]"
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/jquense/react-big-calendar.git"
+    "url": "git+https://github.com/noloco-io/react-big-calendar.git"
   },
   "license": "MIT",
   "main": "lib/index.js",
@@ -129,7 +129,7 @@
     "uncontrollable": "^7.2.1"
   },
   "bugs": {
-    "url": "https://github.com/jquense/react-big-calendar/issues"
+    "url": "https://github.com/noloco-io/react-big-calendar/issues"
   },
-  "homepage": "https://github.com/jquense/react-big-calendar#readme"
+  "homepage": "https://github.com/noloco-io/react-big-calendar#readme"
 }

src/addons/dragAndDrop/EventContainerWrapper.js

@@ -8,7 +8,6 @@ import Selection, {
 } from '../../Selection'
 import TimeGridEvent from '../../TimeGridEvent'
 import { dragAccessors, eventTimes, pointInColumn } from './common'
-import NoopWrapper from '../../NoopWrapper'
 
 class EventContainerWrapper extends React.Component {
   static propTypes = {
@@ -254,7 +253,7 @@ class EventContainerWrapper extends React.Component {
               className="rbc-addons-dnd-drag-preview"
               style={{ top, height, width: 100 }}
               getters={getters}
-              components={{ ...components, eventWrapper: NoopWrapper }}
+              components={components}
               accessors={{ ...accessors, ...dragAccessors }}
               continuesPrior={startsBeforeDay}
               continuesAfter={startsAfterDay}

src/addons/dragAndDrop/withDragAndDrop.js

@@ -50,6 +50,16 @@ export default function withDragAndDrop(Calendar) {
       this.state = { interacting: false }
     }
 
+    componentDidUpdate(prevProps) {
+      if (prevProps.components !== this.props.components) {
+        this.components = mergeComponents(this.props.components, {
+          eventWrapper: EventWrapper,
+          eventContainerWrapper: EventContainerWrapper,
+          weekWrapper: WeekWrapper,
+        })
+      }
+    }
+
     getDnDContextValue() {
       return {
         draggable: {