react-virtual-keyboard - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

dist/Keyboard.js

@@ -81,4 +81,5 @@ 'use strict';
 
-            //Add jQuery Keyboard to DOM Element
-            (0, _jquery2.default)(_reactDom2.default.findDOMNode(this.refs.keyboard)).keyboard(this.props.options);
+            // Add jQuery Keyboard to DOM Element
+            // jQuery(ReactDOM.findDOMNode(this.refs.keyboard)).keyboard(this.props.options);
+            this.addKeyBoardToDOM();
 
@@ -93,2 +94,7 @@ // Update while typing if usePreview is false
     }, {
+        key: 'addKeyBoardToDOM',
+        value: function addKeyBoardToDOM() {
+            (0, _jquery2.default)(_reactDom2.default.findDOMNode(this.refs.keyboard)).keyboard(this.props.options);
+        }
+    }, {
         key: 'clear',
@@ -124,2 +130,7 @@ value: function clear() {
     }, {
+        key: 'componentWillUnmount',
+        value: function componentWillUnmount() {
+            (0, _jquery2.default)(_reactDom2.default.findDOMNode(this.refs.keyboard)).remove();
+        }
+    }, {
         key: 'render',
@@ -142,3 +153,3 @@ value: function render() {
                 'div',
-                { 'class': 'keyboard-wrapper', className: this.state.className },
+                { className: this.state.className },
                 ' ',
@@ -145,0 +156,0 @@ element,

lib/Keyboard.js

@@ -13,2 +13,3 @@ 'use strict';
     }
+    
     componentDidMount() {
@@ -43,4 +44,5 @@ // Set Value to Input Element on Accept
 
-        //Add jQuery Keyboard to DOM Element
-        jQuery(ReactDOM.findDOMNode(this.refs.keyboard)).keyboard(this.props.options);
+        // Add jQuery Keyboard to DOM Element
+        // jQuery(ReactDOM.findDOMNode(this.refs.keyboard)).keyboard(this.props.options);
+        this.addKeyBoardToDOM();
         
@@ -54,2 +56,5 @@ // Update while typing if usePreview is false
     }
+    addKeyBoardToDOM() {
+        jQuery(ReactDOM.findDOMNode(this.refs.keyboard)).keyboard(this.props.options);
+    }
     clear() {
@@ -77,2 +82,5 @@ this.setState({ value: '' });
     }
+    componentWillUnmount() {
+            jQuery(ReactDOM.findDOMNode(this.refs.keyboard)).remove();
+    }
     render() {
@@ -86,4 +94,4 @@ var { options, value, validation, onChange, ...other } = this.props;
      }
-        return ( <div class="keyboard-wrapper" className={this.state.className} > { element } </div> );
+        return ( <div className={this.state.className} > { element } </div> );
     }
 }

package.json

 {
   "name": "react-virtual-keyboard",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Use jQuery Virtual Keyboard in react.js",
@@ -15,3 +15,3 @@ "main": "dist/Keyboard.js",
     "type": "git",
-    "url": "https://github.com/gaearon/react-hot-boilerplate.git"
+    "url": "https://github.com/Utzel-Butzel/react-virtual-keyboard.git"
   },
@@ -32,5 +32,5 @@ "keywords": [
   "bugs": {
-    "url": "https://github.com/gaearon/react-hot-boilerplate/issues"
+    "url": "https://github.com/Utzel-Butzel/react-virtual-keyboard/issues"
   },
-  "homepage": "https://github.com/gaearon/react-hot-boilerplate",
+  "homepage": "https://github.com/Utzel-Butzel/react-virtual-keyboard",
   "devDependencies": {
@@ -37,0 +37,0 @@ "babel-compile": "^2.0.0",

No alert changes

Improved metrics

Lines of code

6486

increased by1.55%

Worsened metrics

Total package byte prevSize

1449806

decreased by-1.54%

Number of package files

16

decreased by-5.88%

No dependency changes