diff --git a/README.md b/README.md index 93f0343..768d24a 100644 --- a/README.md +++ b/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(); diff --git a/src/helpers/build-prop-type-interface.ts b/src/helpers/build-prop-type-interface.ts index df0730a..5bbf35d 100644 --- a/src/helpers/build-prop-type-interface.ts +++ b/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 */ diff --git a/src/helpers/index.ts b/src/helpers/index.ts index 04a2c29..88dadf5 100644 --- a/src/helpers/index.ts +++ b/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 { diff --git a/src/transforms/react-move-prop-types-to-class-transform.ts b/src/transforms/react-move-prop-types-to-class-transform.ts index d954a11..309c06e 100644 --- a/src/transforms/react-move-prop-types-to-class-transform.ts +++ b/src/transforms/react-move-prop-types-to-class-transform.ts @@ -15,19 +15,19 @@ export type Factory = ts.TransformerFactory; * @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 { diff --git a/src/transforms/react-remove-prop-types-assignment-transform.ts b/src/transforms/react-remove-prop-types-assignment-transform.ts index 4b57fa9..020d3fe 100644 --- a/src/transforms/react-remove-prop-types-assignment-transform.ts +++ b/src/transforms/react-remove-prop-types-assignment-transform.ts @@ -10,7 +10,7 @@ export type Factory = ts.TransformerFactory; * @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;}> {} diff --git a/src/transforms/react-remove-static-prop-types-member-transform.ts b/src/transforms/react-remove-static-prop-types-member-transform.ts index 7054884..f3ed95f 100644 --- a/src/transforms/react-remove-static-prop-types-member-transform.ts +++ b/src/transforms/react-remove-static-prop-types-member-transform.ts @@ -11,7 +11,7 @@ export type Factory = ts.TransformerFactory; * Before: * class SomeComponent extends React.Component<{foo: number;}, {bar: string;}> { * static propTypes = { - * foo: React.PropTypes.number.isRequired, + * foo: PropTypes.number.isRequired, * } * } * diff --git a/src/transforms/react-stateless-function-make-props-transform.ts b/src/transforms/react-stateless-function-make-props-transform.ts index a470ef0..9a3d450 100644 --- a/src/transforms/react-stateless-function-make-props-transform.ts +++ b/src/transforms/react-stateless-function-make-props-transform.ts @@ -17,7 +17,7 @@ export type Factory = ts.TransformerFactory; * // const Hello = ({ message }) =>
hello {message}
* * Hello.propTypes = { - * message: React.PropTypes.string, + * message: PropTypes.string, * } * * After: @@ -30,7 +30,7 @@ export type Factory = ts.TransformerFactory; * } * * Hello.propTypes = { - * message: React.PropTypes.string, + * message: PropTypes.string, * } */ export function reactStatelessFunctionMakePropsTransformFactoryFactory(typeChecker: ts.TypeChecker): Factory { diff --git a/test/end-to-end/initial-state-and-proprypes-and-set-state/input.tsx b/test/end-to-end/initial-state-and-proprypes-and-set-state/input.tsx index fc9c68b..beec0b0 100644 --- a/test/end-to-end/initial-state-and-proprypes-and-set-state/input.tsx +++ b/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, } diff --git a/test/end-to-end/initial-state-and-proprypes/input.tsx b/test/end-to-end/initial-state-and-proprypes/input.tsx index 3878d48..763a2c3 100644 --- a/test/end-to-end/initial-state-and-proprypes/input.tsx +++ b/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 } diff --git a/test/end-to-end/multiple-components/input.tsx b/test/end-to-end/multiple-components/input.tsx index 9cb8345..83c1113 100644 --- a/test/end-to-end/multiple-components/input.tsx +++ b/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
; diff --git a/test/end-to-end/stateless-arrow-function/input.tsx b/test/end-to-end/stateless-arrow-function/input.tsx index 9ddb8b7..ba892e4 100644 --- a/test/end-to-end/stateless-arrow-function/input.tsx +++ b/test/end-to-end/stateless-arrow-function/input.tsx @@ -3,5 +3,5 @@ const Hello = ({ message }) => { }; Hello.propTypes = { - message: React.PropTypes.string, + message: PropTypes.string, } diff --git a/test/end-to-end/stateless-function/input.tsx b/test/end-to-end/stateless-function/input.tsx index 402c686..65a6f45 100644 --- a/test/end-to-end/stateless-function/input.tsx +++ b/test/end-to-end/stateless-function/input.tsx @@ -3,5 +3,5 @@ export function Hello({ message }) { } Hello.propTypes = { - message: React.PropTypes.string, + message: PropTypes.string, } diff --git a/test/react-js-make-props-and-state-transform/multiple-components/input.tsx b/test/react-js-make-props-and-state-transform/multiple-components/input.tsx index 179806b..f6dd343 100644 --- a/test/react-js-make-props-and-state-transform/multiple-components/input.tsx +++ b/test/react-js-make-props-and-state-transform/multiple-components/input.tsx @@ -12,7 +12,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
; diff --git a/test/react-js-make-props-and-state-transform/multiple-components/output.tsx b/test/react-js-make-props-and-state-transform/multiple-components/output.tsx index 35c9ddb..7245097 100644 --- a/test/react-js-make-props-and-state-transform/multiple-components/output.tsx +++ b/test/react-js-make-props-and-state-transform/multiple-components/output.tsx @@ -13,7 +13,7 @@ type AnotherComponentProps = { }; export class AnotherComponent extends React.Component { static propTypes = { - foo: React.PropTypes.string.isRequired, + foo: PropTypes.string.isRequired, }; render() { return
; diff --git a/test/react-js-make-props-and-state-transform/static-proptypes-getter-simple/input.tsx b/test/react-js-make-props-and-state-transform/static-proptypes-getter-simple/input.tsx index 1de7108..3556b79 100644 --- a/test/react-js-make-props-and-state-transform/static-proptypes-getter-simple/input.tsx +++ b/test/react-js-make-props-and-state-transform/static-proptypes-getter-simple/input.tsx @@ -3,7 +3,7 @@ import * as React from 'react'; export default class MyComponent extends React.Component { static get propTypes() { return { - foo: React.PropTypes.string.isRequired, + foo: PropTypes.string.isRequired, }; } render() { diff --git a/test/react-js-make-props-and-state-transform/static-proptypes-getter-simple/output.tsx b/test/react-js-make-props-and-state-transform/static-proptypes-getter-simple/output.tsx index 36aa285..c1c2634 100644 --- a/test/react-js-make-props-and-state-transform/static-proptypes-getter-simple/output.tsx +++ b/test/react-js-make-props-and-state-transform/static-proptypes-getter-simple/output.tsx @@ -5,7 +5,7 @@ type MyComponentProps = { export default class MyComponent extends React.Component { static get propTypes() { return { - foo: React.PropTypes.string.isRequired, + foo: PropTypes.string.isRequired, }; } render() { diff --git a/test/react-js-make-props-and-state-transform/static-proptypes-many-props/input.tsx b/test/react-js-make-props-and-state-transform/static-proptypes-many-props/input.tsx index e54d2f4..326d920 100644 --- a/test/react-js-make-props-and-state-transform/static-proptypes-many-props/input.tsx +++ b/test/react-js-make-props-and-state-transform/static-proptypes-many-props/input.tsx @@ -2,46 +2,46 @@ import * as React from 'react'; export default class MyComponent extends React.Component { static propTypes = { - children: React.PropTypes.node, - any: React.PropTypes.any, - array: React.PropTypes.array, - bool: React.PropTypes.bool, - func: React.PropTypes.func, - number: React.PropTypes.number, - object: React.PropTypes.object, - string: React.PropTypes.string, - node: React.PropTypes.node, - element: React.PropTypes.element, - oneOf: React.PropTypes.oneOf(['a', 'b', 'c']), - oneOfType: React.PropTypes.oneOfType([ - React.PropTypes.string, - React.PropTypes.number, + children: PropTypes.node, + any: PropTypes.any, + array: PropTypes.array, + bool: PropTypes.bool, + func: PropTypes.func, + number: PropTypes.number, + object: PropTypes.object, + string: PropTypes.string, + node: PropTypes.node, + element: PropTypes.element, + oneOf: PropTypes.oneOf(['a', 'b', 'c']), + oneOfType: PropTypes.oneOfType([ + PropTypes.string, + PropTypes.number, ]), - arrayOf: React.PropTypes.arrayOf(React.PropTypes.string), - objectOf: React.PropTypes.objectOf(React.PropTypes.string), - shape: React.PropTypes.shape({ - color: React.PropTypes.string, - fontSize: React.PropTypes.number, + arrayOf: PropTypes.arrayOf(PropTypes.string), + objectOf: PropTypes.objectOf(PropTypes.string), + shape: PropTypes.shape({ + color: PropTypes.string, + fontSize: PropTypes.number, }), - anyRequired: React.PropTypes.any.isRequired, - arrayRequired: React.PropTypes.array.isRequired, - boolRequired: React.PropTypes.bool.isRequired, - funcRequired: React.PropTypes.func.isRequired, - numberRequired: React.PropTypes.number.isRequired, - objectRequired: React.PropTypes.object.isRequired, - stringRequired: React.PropTypes.string.isRequired, - nodeRequired: React.PropTypes.node.isRequired, - elementRequired: React.PropTypes.element.isRequired, - oneOfRequired: React.PropTypes.oneOf(['a', 'b', 'c']).isRequired, - oneOfTypeRequired: React.PropTypes.oneOfType([ - React.PropTypes.string, - React.PropTypes.number, + anyRequired: PropTypes.any.isRequired, + arrayRequired: PropTypes.array.isRequired, + boolRequired: PropTypes.bool.isRequired, + funcRequired: PropTypes.func.isRequired, + numberRequired: PropTypes.number.isRequired, + objectRequired: PropTypes.object.isRequired, + stringRequired: PropTypes.string.isRequired, + nodeRequired: PropTypes.node.isRequired, + elementRequired: PropTypes.element.isRequired, + oneOfRequired: PropTypes.oneOf(['a', 'b', 'c']).isRequired, + oneOfTypeRequired: PropTypes.oneOfType([ + PropTypes.string, + PropTypes.number, ]).isRequired, - arrayOfRequired: React.PropTypes.arrayOf(React.PropTypes.string).isRequired, - objectOfRequired: React.PropTypes.objectOf(React.PropTypes.string).isRequired, - shapeRequired: React.PropTypes.shape({ - color: React.PropTypes.string, - fontSize: React.PropTypes.number.isRequired, + arrayOfRequired: PropTypes.arrayOf(PropTypes.string).isRequired, + objectOfRequired: PropTypes.objectOf(PropTypes.string).isRequired, + shapeRequired: PropTypes.shape({ + color: PropTypes.string, + fontSize: PropTypes.number.isRequired, }).isRequired, }; render() { diff --git a/test/react-js-make-props-and-state-transform/static-proptypes-many-props/output.tsx b/test/react-js-make-props-and-state-transform/static-proptypes-many-props/output.tsx index a643a5c..f8ba5d0 100644 --- a/test/react-js-make-props-and-state-transform/static-proptypes-many-props/output.tsx +++ b/test/react-js-make-props-and-state-transform/static-proptypes-many-props/output.tsx @@ -41,40 +41,40 @@ type MyComponentProps = { }; export default class MyComponent extends React.Component { static propTypes = { - children: React.PropTypes.node, - any: React.PropTypes.any, - array: React.PropTypes.array, - bool: React.PropTypes.bool, - func: React.PropTypes.func, - number: React.PropTypes.number, - object: React.PropTypes.object, - string: React.PropTypes.string, - node: React.PropTypes.node, - element: React.PropTypes.element, - oneOf: React.PropTypes.oneOf(['a', 'b', 'c']), - oneOfType: React.PropTypes.oneOfType([React.PropTypes.string, React.PropTypes.number]), - arrayOf: React.PropTypes.arrayOf(React.PropTypes.string), - objectOf: React.PropTypes.objectOf(React.PropTypes.string), - shape: React.PropTypes.shape({ - color: React.PropTypes.string, - fontSize: React.PropTypes.number, + children: PropTypes.node, + any: PropTypes.any, + array: PropTypes.array, + bool: PropTypes.bool, + func: PropTypes.func, + number: PropTypes.number, + object: PropTypes.object, + string: PropTypes.string, + node: PropTypes.node, + element: PropTypes.element, + oneOf: PropTypes.oneOf(['a', 'b', 'c']), + oneOfType: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), + arrayOf: PropTypes.arrayOf(PropTypes.string), + objectOf: PropTypes.objectOf(PropTypes.string), + shape: PropTypes.shape({ + color: PropTypes.string, + fontSize: PropTypes.number, }), - anyRequired: React.PropTypes.any.isRequired, - arrayRequired: React.PropTypes.array.isRequired, - boolRequired: React.PropTypes.bool.isRequired, - funcRequired: React.PropTypes.func.isRequired, - numberRequired: React.PropTypes.number.isRequired, - objectRequired: React.PropTypes.object.isRequired, - stringRequired: React.PropTypes.string.isRequired, - nodeRequired: React.PropTypes.node.isRequired, - elementRequired: React.PropTypes.element.isRequired, - oneOfRequired: React.PropTypes.oneOf(['a', 'b', 'c']).isRequired, - oneOfTypeRequired: React.PropTypes.oneOfType([React.PropTypes.string, React.PropTypes.number]).isRequired, - arrayOfRequired: React.PropTypes.arrayOf(React.PropTypes.string).isRequired, - objectOfRequired: React.PropTypes.objectOf(React.PropTypes.string).isRequired, - shapeRequired: React.PropTypes.shape({ - color: React.PropTypes.string, - fontSize: React.PropTypes.number.isRequired, + anyRequired: PropTypes.any.isRequired, + arrayRequired: PropTypes.array.isRequired, + boolRequired: PropTypes.bool.isRequired, + funcRequired: PropTypes.func.isRequired, + numberRequired: PropTypes.number.isRequired, + objectRequired: PropTypes.object.isRequired, + stringRequired: PropTypes.string.isRequired, + nodeRequired: PropTypes.node.isRequired, + elementRequired: PropTypes.element.isRequired, + oneOfRequired: PropTypes.oneOf(['a', 'b', 'c']).isRequired, + oneOfTypeRequired: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired, + arrayOfRequired: PropTypes.arrayOf(PropTypes.string).isRequired, + objectOfRequired: PropTypes.objectOf(PropTypes.string).isRequired, + shapeRequired: PropTypes.shape({ + color: PropTypes.string, + fontSize: PropTypes.number.isRequired, }).isRequired, }; render() { diff --git a/test/react-js-make-props-and-state-transform/static-proptypes-simple/input.tsx b/test/react-js-make-props-and-state-transform/static-proptypes-simple/input.tsx index 88b3c7f..bd541c4 100644 --- a/test/react-js-make-props-and-state-transform/static-proptypes-simple/input.tsx +++ b/test/react-js-make-props-and-state-transform/static-proptypes-simple/input.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; export default class MyComponent extends React.Component { static propTypes = { - foo: React.PropTypes.string.isRequired, + foo: PropTypes.string.isRequired, }; render() { return
; diff --git a/test/react-js-make-props-and-state-transform/static-proptypes-simple/output.tsx b/test/react-js-make-props-and-state-transform/static-proptypes-simple/output.tsx index cc0d332..fc09ab8 100644 --- a/test/react-js-make-props-and-state-transform/static-proptypes-simple/output.tsx +++ b/test/react-js-make-props-and-state-transform/static-proptypes-simple/output.tsx @@ -4,7 +4,7 @@ type MyComponentProps = { }; export default class MyComponent extends React.Component { static propTypes = { - foo: React.PropTypes.string.isRequired, + foo: PropTypes.string.isRequired, }; render() { return
; diff --git a/test/react-move-prop-types-to-class-transform/multiple-components/input.tsx b/test/react-move-prop-types-to-class-transform/multiple-components/input.tsx index ca3b71d..072886e 100644 --- a/test/react-move-prop-types-to-class-transform/multiple-components/input.tsx +++ b/test/react-move-prop-types-to-class-transform/multiple-components/input.tsx @@ -7,7 +7,7 @@ class SomeComponent extends React.Component<{ return null; } } -SomeComponent.propTypes = { foo: React.PropTypes.string }; +SomeComponent.propTypes = { foo: PropTypes.string }; class AnotherComponent extends React.Component<{ baz: number; @@ -16,4 +16,4 @@ class AnotherComponent extends React.Component<{ return null; } } -AnotherComponent.propTypes = { baz: React.PropTypes.string }; +AnotherComponent.propTypes = { baz: PropTypes.string }; diff --git a/test/react-move-prop-types-to-class-transform/multiple-components/output.tsx b/test/react-move-prop-types-to-class-transform/multiple-components/output.tsx index fe34875..0ef22a0 100644 --- a/test/react-move-prop-types-to-class-transform/multiple-components/output.tsx +++ b/test/react-move-prop-types-to-class-transform/multiple-components/output.tsx @@ -6,18 +6,18 @@ class SomeComponent extends React.Component< bar: string; } > { - static propTypes = { foo: React.PropTypes.string }; + static propTypes = { foo: PropTypes.string }; render() { return null; } } -SomeComponent.propTypes = { foo: React.PropTypes.string }; +SomeComponent.propTypes = { foo: PropTypes.string }; class AnotherComponent extends React.Component<{ baz: number; }> { - static propTypes = { baz: React.PropTypes.string }; + static propTypes = { baz: PropTypes.string }; render() { return null; } } -AnotherComponent.propTypes = { baz: React.PropTypes.string }; +AnotherComponent.propTypes = { baz: PropTypes.string }; diff --git a/test/react-move-prop-types-to-class-transform/simple/input.tsx b/test/react-move-prop-types-to-class-transform/simple/input.tsx index 98c8de2..6a53ad7 100644 --- a/test/react-move-prop-types-to-class-transform/simple/input.tsx +++ b/test/react-move-prop-types-to-class-transform/simple/input.tsx @@ -7,4 +7,4 @@ class SomeComponent extends React.Component<{ return null; } } -SomeComponent.propTypes = { foo: React.PropTypes.string }; \ No newline at end of file +SomeComponent.propTypes = { foo: PropTypes.string }; \ No newline at end of file diff --git a/test/react-move-prop-types-to-class-transform/simple/output.tsx b/test/react-move-prop-types-to-class-transform/simple/output.tsx index 52b92a5..1028998 100644 --- a/test/react-move-prop-types-to-class-transform/simple/output.tsx +++ b/test/react-move-prop-types-to-class-transform/simple/output.tsx @@ -6,9 +6,9 @@ class SomeComponent extends React.Component< bar: string; } > { - static propTypes = { foo: React.PropTypes.string }; + static propTypes = { foo: PropTypes.string }; render() { return null; } } -SomeComponent.propTypes = { foo: React.PropTypes.string }; +SomeComponent.propTypes = { foo: PropTypes.string }; diff --git a/test/react-remove-prop-types-assignment-transform/functional-components/input.tsx b/test/react-remove-prop-types-assignment-transform/functional-components/input.tsx index c01b25b..e82ab28 100644 --- a/test/react-remove-prop-types-assignment-transform/functional-components/input.tsx +++ b/test/react-remove-prop-types-assignment-transform/functional-components/input.tsx @@ -4,4 +4,4 @@ function Foo() { } -Foo.propTypes = {bar: React.PropTypes.string.isRequired} \ No newline at end of file +Foo.propTypes = {bar: PropTypes.string.isRequired} \ No newline at end of file diff --git a/test/react-remove-prop-types-assignment-transform/multiple/input.tsx b/test/react-remove-prop-types-assignment-transform/multiple/input.tsx index 71e9e2f..cff0206 100644 --- a/test/react-remove-prop-types-assignment-transform/multiple/input.tsx +++ b/test/react-remove-prop-types-assignment-transform/multiple/input.tsx @@ -5,12 +5,12 @@ class SomeComponent extends React.Component<{ bar: string; }> { } -SomeComponent.propTypes = { foo: React.PropTypes.string }; -SomeComponent.propTypes.baz = React.PropTypes.string.isRequired; +SomeComponent.propTypes = { foo: PropTypes.string }; +SomeComponent.propTypes.baz = PropTypes.string.isRequired; class AnotherComponent extends React.Component<{ lol: number; }> { } -AnotherComponent.propTypes = { lol: React.PropTypes.number }; +AnotherComponent.propTypes = { lol: PropTypes.number }; diff --git a/test/react-remove-prop-types-assignment-transform/simple/input.tsx b/test/react-remove-prop-types-assignment-transform/simple/input.tsx index 349641b..ab61ecb 100644 --- a/test/react-remove-prop-types-assignment-transform/simple/input.tsx +++ b/test/react-remove-prop-types-assignment-transform/simple/input.tsx @@ -4,4 +4,4 @@ class SomeComponent extends React.Component<{ bar: string; }> { } -SomeComponent.propTypes = { foo: React.PropTypes.string }; \ No newline at end of file +SomeComponent.propTypes = { foo: PropTypes.string }; \ No newline at end of file diff --git a/test/react-remove-static-prop-types-member-transform/getter/input.tsx b/test/react-remove-static-prop-types-member-transform/getter/input.tsx index e2f3be5..10c6186 100644 --- a/test/react-remove-static-prop-types-member-transform/getter/input.tsx +++ b/test/react-remove-static-prop-types-member-transform/getter/input.tsx @@ -3,5 +3,5 @@ class SomeComponent extends React.Component<{ }, { bar: string; }> { - static propTypes = { foo: React.PropTypes.string }; + static propTypes = { foo: PropTypes.string }; } \ No newline at end of file diff --git a/test/react-remove-static-prop-types-member-transform/multiple-components/input.tsx b/test/react-remove-static-prop-types-member-transform/multiple-components/input.tsx index b8deaa2..0a1637e 100644 --- a/test/react-remove-static-prop-types-member-transform/multiple-components/input.tsx +++ b/test/react-remove-static-prop-types-member-transform/multiple-components/input.tsx @@ -4,8 +4,8 @@ class SomeComponent extends React.Component<{ bar: string; }> { static propTypes = { - foo: React.PropTypes.string, - baz: React.PropTypes.string.isRequired, + foo: PropTypes.string, + baz: PropTypes.string.isRequired, }; } @@ -15,6 +15,6 @@ class AnotherComponent extends React.Component<{ bar: string; }> { static propTypes = { - baz: React.PropTypes.string.isRequired, + baz: PropTypes.string.isRequired, }; } diff --git a/test/react-remove-static-prop-types-member-transform/multiple/input.tsx b/test/react-remove-static-prop-types-member-transform/multiple/input.tsx index 2645baf..ac506c3 100644 --- a/test/react-remove-static-prop-types-member-transform/multiple/input.tsx +++ b/test/react-remove-static-prop-types-member-transform/multiple/input.tsx @@ -4,7 +4,7 @@ class SomeComponent extends React.Component<{ bar: string; }> { static propTypes = { - foo: React.PropTypes.string, - baz: React.PropTypes.string.isRequired, + foo: PropTypes.string, + baz: PropTypes.string.isRequired, }; } \ No newline at end of file diff --git a/test/react-remove-static-prop-types-member-transform/other-static-members/input.tsx b/test/react-remove-static-prop-types-member-transform/other-static-members/input.tsx index ed98022..7614140 100644 --- a/test/react-remove-static-prop-types-member-transform/other-static-members/input.tsx +++ b/test/react-remove-static-prop-types-member-transform/other-static-members/input.tsx @@ -3,6 +3,6 @@ class SomeComponent extends React.Component<{ }, { bar: string; }> { - static propTypes = { foo: React.PropTypes.string }; + static propTypes = { foo: PropTypes.string }; static defaultProps = { foo: 'bar' }; } diff --git a/test/react-remove-static-prop-types-member-transform/simple/input.tsx b/test/react-remove-static-prop-types-member-transform/simple/input.tsx index 51aa2ea..2d32958 100644 --- a/test/react-remove-static-prop-types-member-transform/simple/input.tsx +++ b/test/react-remove-static-prop-types-member-transform/simple/input.tsx @@ -4,6 +4,6 @@ class SomeComponent extends React.Component<{ bar: string; }> { static get propTypes() { - return { foo: React.PropTypes.string }; + return { foo: PropTypes.string }; } } diff --git a/test/react-stateless-function-make-props-transform/multiple-components/input.tsx b/test/react-stateless-function-make-props-transform/multiple-components/input.tsx index 7b9d649..bbb891c 100644 --- a/test/react-stateless-function-make-props-transform/multiple-components/input.tsx +++ b/test/react-stateless-function-make-props-transform/multiple-components/input.tsx @@ -7,9 +7,9 @@ function Hey({ name }) { } Hey.propTypes = { - name: React.PropTypes.string.isRequired, + name: PropTypes.string.isRequired, } Hello.propTypes = { - message: React.PropTypes.string, + message: PropTypes.string, } diff --git a/test/react-stateless-function-make-props-transform/multiple-components/output.tsx b/test/react-stateless-function-make-props-transform/multiple-components/output.tsx index 53cd615..b9c4b96 100644 --- a/test/react-stateless-function-make-props-transform/multiple-components/output.tsx +++ b/test/react-stateless-function-make-props-transform/multiple-components/output.tsx @@ -11,8 +11,8 @@ const Hey: React.FC = ({ name }) => { return
hey, {name}
; }; Hey.propTypes = { - name: React.PropTypes.string.isRequired, + name: PropTypes.string.isRequired, }; Hello.propTypes = { - message: React.PropTypes.string, + message: PropTypes.string, }; diff --git a/test/react-stateless-function-make-props-transform/stateless-arrow-function/input.tsx b/test/react-stateless-function-make-props-transform/stateless-arrow-function/input.tsx index 9ddb8b7..ba892e4 100644 --- a/test/react-stateless-function-make-props-transform/stateless-arrow-function/input.tsx +++ b/test/react-stateless-function-make-props-transform/stateless-arrow-function/input.tsx @@ -3,5 +3,5 @@ const Hello = ({ message }) => { }; Hello.propTypes = { - message: React.PropTypes.string, + message: PropTypes.string, } diff --git a/test/react-stateless-function-make-props-transform/stateless-arrow-function/output.tsx b/test/react-stateless-function-make-props-transform/stateless-arrow-function/output.tsx index 03d5327..0abde9d 100644 --- a/test/react-stateless-function-make-props-transform/stateless-arrow-function/output.tsx +++ b/test/react-stateless-function-make-props-transform/stateless-arrow-function/output.tsx @@ -5,5 +5,5 @@ const Hello: React.FC = ({ message }) => { return
hello {message}
; }; Hello.propTypes = { - message: React.PropTypes.string, + message: PropTypes.string, }; diff --git a/test/react-stateless-function-make-props-transform/stateless-function-many-props/input.tsx b/test/react-stateless-function-make-props-transform/stateless-function-many-props/input.tsx index 6847265..8794d74 100644 --- a/test/react-stateless-function-make-props-transform/stateless-function-many-props/input.tsx +++ b/test/react-stateless-function-make-props-transform/stateless-function-many-props/input.tsx @@ -4,45 +4,45 @@ function MyComponent() { } MyComponent.propTypes = { - children: React.PropTypes.node, - any: React.PropTypes.any, - array: React.PropTypes.array, - bool: React.PropTypes.bool, - func: React.PropTypes.func, - number: React.PropTypes.number, - object: React.PropTypes.object, - string: React.PropTypes.string, - node: React.PropTypes.node, - element: React.PropTypes.element, - oneOf: React.PropTypes.oneOf(['a', 'b', 'c']), - oneOfType: React.PropTypes.oneOfType([ - React.PropTypes.string, - React.PropTypes.number, + children: PropTypes.node, + any: PropTypes.any, + array: PropTypes.array, + bool: PropTypes.bool, + func: PropTypes.func, + number: PropTypes.number, + object: PropTypes.object, + string: PropTypes.string, + node: PropTypes.node, + element: PropTypes.element, + oneOf: PropTypes.oneOf(['a', 'b', 'c']), + oneOfType: PropTypes.oneOfType([ + PropTypes.string, + PropTypes.number, ]), - arrayOf: React.PropTypes.arrayOf(React.PropTypes.string), - objectOf: React.PropTypes.objectOf(React.PropTypes.string), - shape: React.PropTypes.shape({ - color: React.PropTypes.string, - fontSize: React.PropTypes.number, + arrayOf: PropTypes.arrayOf(PropTypes.string), + objectOf: PropTypes.objectOf(PropTypes.string), + shape: PropTypes.shape({ + color: PropTypes.string, + fontSize: PropTypes.number, }), - anyRequired: React.PropTypes.any.isRequired, - arrayRequired: React.PropTypes.array.isRequired, - boolRequired: React.PropTypes.bool.isRequired, - funcRequired: React.PropTypes.func.isRequired, - numberRequired: React.PropTypes.number.isRequired, - objectRequired: React.PropTypes.object.isRequired, - stringRequired: React.PropTypes.string.isRequired, - nodeRequired: React.PropTypes.node.isRequired, - elementRequired: React.PropTypes.element.isRequired, - oneOfRequired: React.PropTypes.oneOf(['a', 'b', 'c']).isRequired, - oneOfTypeRequired: React.PropTypes.oneOfType([ - React.PropTypes.string, - React.PropTypes.number, + anyRequired: PropTypes.any.isRequired, + arrayRequired: PropTypes.array.isRequired, + boolRequired: PropTypes.bool.isRequired, + funcRequired: PropTypes.func.isRequired, + numberRequired: PropTypes.number.isRequired, + objectRequired: PropTypes.object.isRequired, + stringRequired: PropTypes.string.isRequired, + nodeRequired: PropTypes.node.isRequired, + elementRequired: PropTypes.element.isRequired, + oneOfRequired: PropTypes.oneOf(['a', 'b', 'c']).isRequired, + oneOfTypeRequired: PropTypes.oneOfType([ + PropTypes.string, + PropTypes.number, ]).isRequired, - arrayOfRequired: React.PropTypes.arrayOf(React.PropTypes.string).isRequired, - objectOfRequired: React.PropTypes.objectOf(React.PropTypes.string).isRequired, - shapeRequired: React.PropTypes.shape({ - color: React.PropTypes.string, - fontSize: React.PropTypes.number.isRequired, + arrayOfRequired: PropTypes.arrayOf(PropTypes.string).isRequired, + objectOfRequired: PropTypes.objectOf(PropTypes.string).isRequired, + shapeRequired: PropTypes.shape({ + color: PropTypes.string, + fontSize: PropTypes.number.isRequired, }).isRequired, }; diff --git a/test/react-stateless-function-make-props-transform/stateless-function-many-props/output.tsx b/test/react-stateless-function-make-props-transform/stateless-function-many-props/output.tsx index cb46687..e059f34 100644 --- a/test/react-stateless-function-make-props-transform/stateless-function-many-props/output.tsx +++ b/test/react-stateless-function-make-props-transform/stateless-function-many-props/output.tsx @@ -43,39 +43,39 @@ const MyComponent: React.FC = () => { return
; }; MyComponent.propTypes = { - children: React.PropTypes.node, - any: React.PropTypes.any, - array: React.PropTypes.array, - bool: React.PropTypes.bool, - func: React.PropTypes.func, - number: React.PropTypes.number, - object: React.PropTypes.object, - string: React.PropTypes.string, - node: React.PropTypes.node, - element: React.PropTypes.element, - oneOf: React.PropTypes.oneOf(['a', 'b', 'c']), - oneOfType: React.PropTypes.oneOfType([React.PropTypes.string, React.PropTypes.number]), - arrayOf: React.PropTypes.arrayOf(React.PropTypes.string), - objectOf: React.PropTypes.objectOf(React.PropTypes.string), - shape: React.PropTypes.shape({ - color: React.PropTypes.string, - fontSize: React.PropTypes.number, + children: PropTypes.node, + any: PropTypes.any, + array: PropTypes.array, + bool: PropTypes.bool, + func: PropTypes.func, + number: PropTypes.number, + object: PropTypes.object, + string: PropTypes.string, + node: PropTypes.node, + element: PropTypes.element, + oneOf: PropTypes.oneOf(['a', 'b', 'c']), + oneOfType: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), + arrayOf: PropTypes.arrayOf(PropTypes.string), + objectOf: PropTypes.objectOf(PropTypes.string), + shape: PropTypes.shape({ + color: PropTypes.string, + fontSize: PropTypes.number, }), - anyRequired: React.PropTypes.any.isRequired, - arrayRequired: React.PropTypes.array.isRequired, - boolRequired: React.PropTypes.bool.isRequired, - funcRequired: React.PropTypes.func.isRequired, - numberRequired: React.PropTypes.number.isRequired, - objectRequired: React.PropTypes.object.isRequired, - stringRequired: React.PropTypes.string.isRequired, - nodeRequired: React.PropTypes.node.isRequired, - elementRequired: React.PropTypes.element.isRequired, - oneOfRequired: React.PropTypes.oneOf(['a', 'b', 'c']).isRequired, - oneOfTypeRequired: React.PropTypes.oneOfType([React.PropTypes.string, React.PropTypes.number]).isRequired, - arrayOfRequired: React.PropTypes.arrayOf(React.PropTypes.string).isRequired, - objectOfRequired: React.PropTypes.objectOf(React.PropTypes.string).isRequired, - shapeRequired: React.PropTypes.shape({ - color: React.PropTypes.string, - fontSize: React.PropTypes.number.isRequired, + anyRequired: PropTypes.any.isRequired, + arrayRequired: PropTypes.array.isRequired, + boolRequired: PropTypes.bool.isRequired, + funcRequired: PropTypes.func.isRequired, + numberRequired: PropTypes.number.isRequired, + objectRequired: PropTypes.object.isRequired, + stringRequired: PropTypes.string.isRequired, + nodeRequired: PropTypes.node.isRequired, + elementRequired: PropTypes.element.isRequired, + oneOfRequired: PropTypes.oneOf(['a', 'b', 'c']).isRequired, + oneOfTypeRequired: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired, + arrayOfRequired: PropTypes.arrayOf(PropTypes.string).isRequired, + objectOfRequired: PropTypes.objectOf(PropTypes.string).isRequired, + shapeRequired: PropTypes.shape({ + color: PropTypes.string, + fontSize: PropTypes.number.isRequired, }).isRequired, }; diff --git a/test/react-stateless-function-make-props-transform/stateless-function/input.tsx b/test/react-stateless-function-make-props-transform/stateless-function/input.tsx index fd1d4ce..85e0b51 100644 --- a/test/react-stateless-function-make-props-transform/stateless-function/input.tsx +++ b/test/react-stateless-function-make-props-transform/stateless-function/input.tsx @@ -3,5 +3,5 @@ function Hello({ message }) { } Hello.propTypes = { - message: React.PropTypes.string, + message: PropTypes.string, }; diff --git a/test/react-stateless-function-make-props-transform/stateless-function/output.tsx b/test/react-stateless-function-make-props-transform/stateless-function/output.tsx index 03d5327..0abde9d 100644 --- a/test/react-stateless-function-make-props-transform/stateless-function/output.tsx +++ b/test/react-stateless-function-make-props-transform/stateless-function/output.tsx @@ -5,5 +5,5 @@ const Hello: React.FC = ({ message }) => { return
hello {message}
; }; Hello.propTypes = { - message: React.PropTypes.string, + message: PropTypes.string, };