npx jscodeshift -t ../react-codemod/transforms/React-PropTypes-to-prop-types.js src

Author: ryankshaw

package.json

@@ -47,6 +47,7 @@
     "webpack-dev-server": "^1.12.0"
   },
   "dependencies": {
-    "classnames": "^2.2.1"
+    "classnames": "^2.2.1",
+    "prop-types": "^15"
   }
 }

src/combobox.js

@@ -1,3 +1,4 @@
+var PropTypes = require('prop-types');
 var React = require('react');
 var guid = 0;
 var k = function(){};
@@ -10,7 +11,7 @@ var input = React.createFactory('input');
 
 class Combobox extends React.Component {
   static propTypes = {
-    onFocus: React.PropTypes.func,
+    onFocus: PropTypes.func,
 
     /**
      * Called when the combobox receives user input, this is your chance to
@@ -22,7 +23,7 @@ class Combobox extends React.Component {
      * function(userInput){}
      * ```
     */
-    onInput: React.PropTypes.func,
+    onInput: PropTypes.func,
 
     /**
      * Called when the combobox receives a selection. You probably want to reset
@@ -34,12 +35,12 @@ class Combobox extends React.Component {
      * function(selectedValue){}
      * ```
     */
-    onSelect: React.PropTypes.func,
+    onSelect: PropTypes.func,
 
     /**
      * Shown when the combobox is empty.
     */
-    placeholder: React.PropTypes.string
+    placeholder: PropTypes.string
   };
 
   static defaultProps = {
@@ -455,7 +456,7 @@ class Combobox extends React.Component {
       }, this.state.menu.children)
     );
   }
-};
+}
 
 function getLabel(component) {
   return component.props.label || component.props.children;

src/main.js

@@ -1,3 +1,4 @@
+var PropTypes = require('prop-types');
 var React = require('react');
 var Combobox = React.createFactory(require('./combobox'));
 var Token = React.createFactory(require('./token'));
@@ -8,17 +9,17 @@ var li = React.DOM.li;
 
 class TokenInput extends React.Component {
   static propTypes = {
-    isLoading: React.PropTypes.bool,
-    loadingComponent: React.PropTypes.any,
-    onFocus: React.PropTypes.func,
-    onInput: React.PropTypes.func.isRequired,
-    onSelect: React.PropTypes.func.isRequired,
-    tokenAriaFunc: React.PropTypes.func,
-    onRemove: React.PropTypes.func.isRequired,
-    selected: React.PropTypes.array.isRequired,
-    menuContent: React.PropTypes.any,
-    showListOnFocus: React.PropTypes.bool,
-    placeholder: React.PropTypes.string
+    isLoading: PropTypes.bool,
+    loadingComponent: PropTypes.any,
+    onFocus: PropTypes.func,
+    onInput: PropTypes.func.isRequired,
+    onSelect: PropTypes.func.isRequired,
+    tokenAriaFunc: PropTypes.func,
+    onRemove: PropTypes.func.isRequired,
+    selected: PropTypes.array.isRequired,
+    menuContent: PropTypes.any,
+    showListOnFocus: PropTypes.bool,
+    placeholder: PropTypes.string
   };
 
   state = {

src/option.js

@@ -1,3 +1,4 @@
+var PropTypes = require('prop-types');
 var React = require('react');
 var addClass = require('./add-class');
 var div = React.createFactory('div');
@@ -9,18 +10,18 @@ class Option extends React.Component {
      * The value that will be sent to the `onSelect` handler of the
      * parent Combobox.
     */
-    value: React.PropTypes.any.isRequired,
+    value: PropTypes.any.isRequired,
 
     /**
      * What value to put into the input element when this option is
      * selected, defaults to its children coerced to a string.
     */
-    label: React.PropTypes.string,
+    label: PropTypes.string,
 
     /**
      * Whether the element should be selectable
     */
-    isFocusable: React.PropTypes.bool
+    isFocusable: PropTypes.bool
   };
 
   static defaultProps = {
@@ -39,6 +40,6 @@ class Option extends React.Component {
     }
     return div(props);
   }
-};
+}
 
 module.exports = Option;

webpack.dist.config.js

@@ -10,7 +10,8 @@ module.exports = {
 
   externals: [
     'react',
-    'react-dom'
+    'react-dom',
+    'prop-types'
   ],
 
   output: {