Stop getting PropTypes from React (#4)

Author: wdoug

README.md

@@ -18,8 +18,8 @@ Transforms React code written in JavaScript to TypeScript.
 ```jsx
 class MyComponent extends React.Component {
     static propTypes = {
-        prop1: React.PropTypes.string.isRequired,
-        prop2: React.PropTypes.number,
+        prop1: PropTypes.string.isRequired,
+        prop2: PropTypes.number,
     };
     constructor() {
         super();

src/helpers/build-prop-type-interface.ts

@@ -4,7 +4,7 @@ import * as ts from 'typescript';
  * Build props interface from propTypes object
  * @example
  * {
- *   foo: React.PropTypes.string.isRequired
+ *   foo: PropTypes.string.isRequired
  * }
  *
  * becomes
@@ -53,7 +53,7 @@ export function buildInterfaceFromPropTypeObjectLiteral(objectLiteral: ts.Object
 }
 
 /**
- * Turns React.PropTypes.* into TypeScript type value
+ * Turns PropTypes.* into TypeScript type value
  *
  * @param node React propTypes value
  */

src/helpers/index.ts

@@ -63,7 +63,7 @@ export function isReactHeritageClause(clause: ts.HeritageClause) {
 /**
  * Return true if a statement is a React propType assignment statement
  * @example
- * SomeComponent.propTypes = { foo: React.PropTypes.string };
+ * SomeComponent.propTypes = { foo: PropTypes.string };
  * @param statement
  */
 export function isReactPropTypeAssignmentStatement(statement: ts.Statement): statement is ts.ExpressionStatement {

src/transforms/react-move-prop-types-to-class-transform.ts

@@ -15,19 +15,19 @@ export type Factory = ts.TransformerFactory<ts.SourceFile>;
  * @example
  * Before:
  * class SomeComponent extends React.Component<{foo: number;}, {bar: string;}> {}
- * SomeComponent.propTypes = { foo: React.PropTypes.string }
+ * SomeComponent.propTypes = { foo: PropTypes.string }
  *
  * After
  * class SomeComponent extends React.Component<{foo: number;}, {bar: string;}> {
- *   static propTypes = { foo: React.PropTypes.string }
+ *   static propTypes = { foo: PropTypes.string }
  * }
  *
  * @todo
  * This is not supporting multiple statements for a single class yet
  * ```
  * class SomeComponent extends React.Component<{foo: number;}, {bar: string;}> {}
- * SomeComponent.propTypes = { foo: React.PropTypes.string }
- * SomeComponent.propTypes.bar = React.PropTypes.number;
+ * SomeComponent.propTypes = { foo: PropTypes.string }
+ * SomeComponent.propTypes.bar = PropTypes.number;
  * ```
  */
 export function reactMovePropTypesToClassTransformFactoryFactory(typeChecker: ts.TypeChecker): Factory {

src/transforms/react-remove-prop-types-assignment-transform.ts

@@ -10,7 +10,7 @@ export type Factory = ts.TransformerFactory<ts.SourceFile>;
  * @example
  * Before:
  * class SomeComponent extends React.Component<{foo: number;}, {bar: string;}> {}
- * SomeComponent.propTypes = { foo: React.PropTypes.string }
+ * SomeComponent.propTypes = { foo: PropTypes.string }
  *
  * After
  * class SomeComponent extends React.Component<{foo: number;}, {bar: string;}> {}

src/transforms/react-remove-static-prop-types-member-transform.ts

@@ -11,7 +11,7 @@ export type Factory = ts.TransformerFactory<ts.SourceFile>;
  * Before:
  * class SomeComponent extends React.Component<{foo: number;}, {bar: string;}> {
  *   static propTypes = {
- *      foo: React.PropTypes.number.isRequired,
+ *      foo: PropTypes.number.isRequired,
  *   }
  * }
  *

src/transforms/react-stateless-function-make-props-transform.ts

@@ -17,7 +17,7 @@ export type Factory = ts.TransformerFactory<ts.SourceFile>;
  * // const Hello = ({ message }) => <div>hello {message}</div>
  *
  * Hello.propTypes = {
- *   message: React.PropTypes.string,
+ *   message: PropTypes.string,
  * }
  *
  * After:
@@ -30,7 +30,7 @@ export type Factory = ts.TransformerFactory<ts.SourceFile>;
  * }
  *
  * Hello.propTypes = {
- *   message: React.PropTypes.string,
+ *   message: PropTypes.string,
  * }
  */
 export function reactStatelessFunctionMakePropsTransformFactoryFactory(typeChecker: ts.TypeChecker): Factory {

test/end-to-end/initial-state-and-proprypes-and-set-state/input.tsx

@@ -11,5 +11,5 @@ export default class MyComponent extends React.Component {
 }
 
 MyComponent.propTypes = {
-    baz: React.PropTypes.string.isRequired,
+    baz: PropTypes.string.isRequired,
 }

test/end-to-end/initial-state-and-proprypes/input.tsx

@@ -8,5 +8,5 @@ export default class MyComponent extends React.Component {
 }
 
 MyComponent.propTypes = {
-    baz: React.PropTypes.string.isRequired
+    baz: PropTypes.string.isRequired
 }

test/end-to-end/multiple-components/input.tsx

@@ -7,11 +7,11 @@ const Hey = ({ name }) => {
 }
 
 Hey.propTypes = {
-  message: React.PropTypes.string,
+  message: PropTypes.string,
 }
 
 Hello.propTypes = {
-  message: React.PropTypes.string,
+  message: PropTypes.string,
 }
 
 export default class MyComponent extends React.Component {
@@ -26,7 +26,7 @@ export default class MyComponent extends React.Component {
 
 export class AnotherComponent extends React.Component {
     static propTypes = {
-        foo: React.PropTypes.string.isRequired,
+        foo: PropTypes.string.isRequired,
     };
     render() {
         return <div />;