Fix DraggablePointsOverlay propTypes definition. Clean up whitespace.

example/examples/geodata-creator.react.js

@@ -47,9 +47,9 @@ var initialPoints = [
 
 var ids = initialPoints[initialPoints.length - 1].id;
 
-var DemoGeodataCreator = React.createClass({
+var GeodataCreator = React.createClass({
 
-  displayName: 'DemoGeodataCreator',
+  displayName: 'GeodataCreatorExample',
 
   PropTypes: {
     width: React.PropTypes.number.isRequired,
@@ -146,4 +146,4 @@ var DemoGeodataCreator = React.createClass({
   }
 });
 
-module.exports = DemoGeodataCreator;
+module.exports = GeodataCreator;

src/overlays/canvas.react.js

@@ -28,6 +28,7 @@ function devicePixelRatio() {
 }
 
 var CanvasOverlay = React.createClass({
+
   displayName: 'CanvasOverlay',
 
   propTypes: {

src/overlays/draggable-points.react.js

@@ -33,12 +33,12 @@ var DraggablePointsOverlay = React.createClass({
 
   displayName: 'DraggablePointsOverlay',
 
-  PropTypes: {
-    width: React.PropTypes.number.isRequired,
-    height: React.PropTypes.number.isRequired,
+  propTypes: {
+    width: React.PropTypes.number,
+    height: React.PropTypes.number,
     points: React.PropTypes.instanceOf(Immutable.List),
-    project: React.PropTypes.func.isRequired,
-    unproject: React.PropTypes.func.isRequired,
+    project: React.PropTypes.func,
+    unproject: React.PropTypes.func,
     isDragging: React.PropTypes.bool,
     keyAccessor: React.PropTypes.func,
     locationAccessor: React.PropTypes.func,

src/overlays/html.react.js

@@ -24,7 +24,9 @@ var r = require('r-dom');
 var assign = require('object-assign');
 
 var HTMLOverlay = React.createClass({
+
   displayName: 'HTMLOverlay',
+
   propTypes: {
     width: React.PropTypes.number,
     height: React.PropTypes.number,
@@ -32,6 +34,7 @@ var HTMLOverlay = React.createClass({
     project: React.PropTypes.func,
     isDragging: React.PropTypes.bool
   },
+
   render: function render() {
     var style = assign({}, {
       position: 'absolute',

src/overlays/scatterplot.react.js

@@ -27,6 +27,7 @@ var Immutable = require('immutable');
 var COMPOSITE_TYPES = require('canvas-composite-types');
 
 var ScatterplotOverlay = React.createClass({
+
   displayName: 'ScatterplotOverlay',
 
   propTypes: {
@@ -97,6 +98,7 @@ var ScatterplotOverlay = React.createClass({
     }
     ctx.restore();
   },
+
   render: function render() {
     var pixelRatio = window.devicePixelRatio;
     return r.canvas({

src/overlays/svg.react.js

@@ -24,7 +24,9 @@ var r = require('r-dom');
 var assign = require('object-assign');
 
 var SVGOverlay = React.createClass({
+
   displayName: 'SVGOverlay',
+
   propTypes: {
     width: React.PropTypes.number,
     height: React.PropTypes.number,
@@ -32,6 +34,7 @@ var SVGOverlay = React.createClass({
     project: React.PropTypes.func,
     isDragging: React.PropTypes.bool
   },
+
   render: function render() {
     var style = assign({}, {
       pointerEvents: 'none',