update libs

example/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "devDependencies": {
-    "react-scripts": "0.7.0"
+    "react-scripts": "1.0.6"
   },
   "dependencies": {
     "bezier-easing-editor": "file:..",

package.json

@@ -11,11 +11,11 @@
   ],
   "scripts": {
     "compile": "rm -rf lib/ && babel --presets es2015,stage-1,react --source-maps -d lib src",
+    "watch": "babel --presets es2015,stage-1,react --source-maps -w -d lib src",
     "prepublish": "npm run compile"
   },
   "peerDependencies": {
-    "react": "*",
-    "react-dom": "*"
+    "react": "*"
   },
   "repository": {
     "type": "git",
@@ -29,7 +29,7 @@
     "editor"
   ],
   "author": "Gaëtan Renaudeau",
-  "license": "GPLv3",
+  "license": "MIT",
   "bugs": {
     "url": "https://github.com/gre/bezier-easing-editor/issues"
   },
@@ -42,7 +42,7 @@
   },
   "dependencies": {
     "bezier-easing": "^2.0.3",
-    "object-assign": "^4.1.0",
-    "uncontrollable": "^4.0.3"
+    "prop-types": "^15.5.10",
+    "uncontrollable": "^4.1.0"
   }
 }

src/BezierComponent.js

@@ -1,32 +1,19 @@
 import React from "react";
 
-function interp (a, b, x) {
-  return a * (1-x) + b * x;
+function interp(a, b, x) {
+  return a * (1 - x) + b * x;
 }
 
 export default class BezierComponent extends React.Component {
-  constructor (props) {
-    super(props);
-    this.x = this.x.bind(this);
-    this.y = this.y.bind(this);
-  }
+  x = value => Math.round(interp(this.props.xFrom, this.props.xTo, value));
+  y = value => Math.round(interp(this.props.yFrom, this.props.yTo, value));
   shouldComponentUpdate(nextProps) {
-    const {
-      xFrom,
-      yFrom,
-      xTo,
-      yTo
-    } = this.props;
-    return nextProps.xFrom !== xFrom ||
+    const { xFrom, yFrom, xTo, yTo } = this.props;
+    return (
+      nextProps.xFrom !== xFrom ||
       nextProps.yFrom !== yFrom ||
       nextProps.xTo !== xTo ||
-      nextProps.yTo !== yTo;
-  }
-  x (value) {
-    return Math.round(interp(this.props.xFrom, this.props.xTo, value));
-  }
-
-  y (value) {
-    return Math.round(interp(this.props.yFrom, this.props.yTo, value));
+      nextProps.yTo !== yTo
+    );
   }
 }