Merge pull request #15 from JulienUsson/bugfix/props-is-undefined-on-props-change

Bugfix/props is undefined on props change

Author: loopmode

packages/react-nipple/lib/ReactNipple.js

@@ -113,17 +113,17 @@ var ReactNipple = (_class = function (_Component) {
         value: function handleElement(ref) {
             this._element = ref;
             if (ref) {
-                this.createJoystick(this.props);
+                this.createJoystick();
             } else if (this._element) {
                 this.destroyJoystick();
             }
         }
     }, {
         key: 'createJoystick',
-        value: function createJoystick(props) {
+        value: function createJoystick() {
             var options = _extends({
                 zone: this._element
-            }, props.options);
+            }, this.props.options);
 
             if (this.props.static) {
                 options.mode = 'static';
@@ -145,8 +145,8 @@ var ReactNipple = (_class = function (_Component) {
 
             this.joystick = joystick;
 
-            if (props.onCreated) {
-                props.onCreated(this.joystick);
+            if (this.props.onCreated) {
+                this.props.onCreated(this.joystick);
             }
         }
     }, {

packages/react-nipple/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-nipple",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "main": "lib/index.js",
   "license": "MIT",
   "scripts": {

packages/react-nipple/src/ReactNipple.js

@@ -116,15 +116,15 @@ export default class ReactNipple extends Component {
     handleElement(ref) {
         this._element = ref;
         if (ref) {
-            this.createJoystick(this.props);
+            this.createJoystick();
         } else if (this._element) {
             this.destroyJoystick();
         }
     }
-    createJoystick(props) {
+    createJoystick() {
         const options = {
             zone: this._element,
-            ...props.options
+            ...this.props.options
         };
 
         if (this.props.static) {
@@ -147,8 +147,8 @@ export default class ReactNipple extends Component {
 
         this.joystick = joystick;
 
-        if (props.onCreated) {
-            props.onCreated(this.joystick);
+        if (this.props.onCreated) {
+            this.props.onCreated(this.joystick);
         }
     }
     destroyJoystick() {