Merge pull request #12 from cjpete/master

Use prop-types rather than React.PropTypes

Author: pgrimard

.gitignore

@@ -1,3 +1,4 @@
 .idea
 node_modules
-public
+public
+**/npm-debug.log

dist/scripts/switch.js

@@ -14,20 +14,24 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
 function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
 var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
 
-var Switch = (function (_React$Component) {
-  _inherits(Switch, _React$Component);
+var Switch = (function (_Component) {
+  _inherits(Switch, _Component);
 
   _createClass(Switch, null, [{
     key: 'propTypes',
     value: {
-      on: _react2['default'].PropTypes.bool,
-      onClick: _react2['default'].PropTypes.func,
-      enabled: _react2['default'].PropTypes.bool,
-      className: _react2['default'].PropTypes.string
+      on: _propTypes2['default'].bool,
+      onClick: _propTypes2['default'].func,
+      enabled: _propTypes2['default'].bool,
+      className: _propTypes2['default'].string
     },
     enumerable: true
   }, {
@@ -77,7 +81,7 @@ var Switch = (function (_React$Component) {
   }]);
 
   return Switch;
-})(_react2['default'].Component);
+})(_react.Component);
 
 exports['default'] = Switch;
 module.exports = exports['default'];

dist/scripts/switch.min.js

@@ -1,9 +1,9 @@
-import React from 'react';
+import React, {Component} from 'react';
 import ReactDom from 'react-dom';
 import Switch from 'react-toggle-switch';
 import 'styles/main.scss';
 
-class Usage1 extends React.Component {
+class Usage1 extends Component {
   constructor(props) {
     super(props);
     this.state = {on: false};
@@ -20,7 +20,7 @@ class Usage1 extends React.Component {
   }
 }
 
-class Usage2 extends React.Component {
+class Usage2 extends Component {
   constructor(props) {
     super(props);
     this.state = {on: false};
@@ -40,7 +40,7 @@ class Usage2 extends React.Component {
   }
 }
 
-class Usage3 extends React.Component {
+class Usage3 extends Component {
   constructor(props) {
     super(props);
     this.state = {on: false};
@@ -59,7 +59,7 @@ class Usage3 extends React.Component {
   }
 }
 
-class App extends React.Component {
+class App extends Component {
   constructor(props) {
     super(props);
     this.state = {
@@ -79,4 +79,4 @@ class App extends React.Component {
   }
 }
 
-ReactDom.render(<App/>, document.getElementById('app'));
+ReactDom.render(<App/>, document.getElementById('app'));

example/app/scripts/main.js

@@ -1,12 +1,13 @@
 {
   "name": "react-toggle-switch",
-  "version": "2.1.3",
+  "version": "2.1.4",
   "description": "Simple iOS inspired toggle switch",
   "scripts": {
     "dist": "gulp"
   },
   "peerDependencies": {
-    "react": ">=0.13.3"
+    "react": ">=0.13.3",
+    "prop-types": "^15.5.10"
   },
   "devDependencies": {
     "gulp": "^3.9.1",

package.json

@@ -1,11 +1,12 @@
-import React from 'react';
+import PropTypes from 'prop-types';
+import React, {Component} from 'react';
 
-export default class Switch extends React.Component {
+export default class Switch extends Component {
   static propTypes = {
-    on: React.PropTypes.bool,
-    onClick: React.PropTypes.func,
-    enabled: React.PropTypes.bool,
-    className: React.PropTypes.string
+    on: PropTypes.bool,
+    onClick: PropTypes.func,
+    enabled: PropTypes.bool,
+    className: PropTypes.string
   };
 
   static defaultProps = {
@@ -40,4 +41,4 @@ export default class Switch extends React.Component {
       </div>
     );
   }
-}
+}