Switch PropTypes import from React to 'prop-types' package (#92)

* Switched PropTypes import from React to 'prop-types' package

* Forgot to --save 'prop-types' npm package + Imported TypeDefinition from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/prop-types

* Messed up bool.isRequired, my bad!

Author: psegalen

package.json

@@ -12,6 +12,7 @@
     "assert": "^1.3.0",
     "ifvisible.js": "^1.0.6",
     "lodash": "^4.17.1",
+    "prop-types": "^15.5.9",
     "rebound": "^0.0.13",
     "synctasks": "^0.2.9"
   },

src/typings/prop-types.d.ts

@@ -0,0 +1,33 @@
+declare module 'prop-types' {
+    // Type definitions for prop-types 15.5
+    // Project: https://github.com/reactjs/prop-types
+    // Definitions by: DovydasNavickas <https://github.com/DovydasNavickas>
+    // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+    // TypeScript Version: 2.2
+
+    export type Validator<T> = (object: T, key: string, componentName: string, ...rest: any[]) => Error | null;
+
+    // psegalen: modified original declaration because of
+    // "error TS2312: An interface may only extend a class or another interface."
+    export interface Requireable<T> {
+        isRequired: Validator<T>;
+    }
+
+    export type ValidationMap<T> = {[K in keyof T]?: Validator<T> };
+
+    export const any: Requireable<any> & Validator<any>;
+    export const array: Requireable<any> & Validator<any>;
+    export const bool: Requireable<any> & Validator<any>;
+    export const func: Requireable<any> & Validator<any>;
+    export const number: Requireable<any> & Validator<any>;
+    export const object: Requireable<any> & Validator<any>;
+    export const string: Requireable<any> & Validator<any>;
+    export const node: Requireable<any> & Validator<any>;
+    export const element: Requireable<any> & Validator<any>;
+    export function instanceOf(expectedClass: {}): Requireable<any> & Validator<any>;
+    export function oneOf(types: any[]): Requireable<any> & Validator<any>;
+    export function oneOfType(types: Array<Validator<any>>): Requireable<any> & Validator<any>;
+    export function arrayOf(type: Validator<any>): Requireable<any> & Validator<any>;
+    export function objectOf(type: Validator<any>): Requireable<any> & Validator<any>;
+    export function shape(type: ValidationMap<any>): Requireable<any> & Validator<any>;
+}

src/web/Image.tsx

@@ -11,6 +11,7 @@ import _ = require('./utils/lodashMini');
 import React = require('react');
 import ReactDOM = require('react-dom');
 import SyncTasks = require('synctasks');
+import PropTypes = require('prop-types');
 
 import restyleForInlineText = require('./utils/restyleForInlineText');
 import RX = require('../common/Interfaces');
@@ -114,12 +115,12 @@ class XhrBlobUrlCache {
 
 export class Image extends RX.Image<ImageState> {
     static contextTypes: React.ValidationMap<any> = {
-        isRxParentAText: React.PropTypes.bool
+        isRxParentAText: PropTypes.bool
     };
     context: ImageContext;
 
     static childContextTypes: React.ValidationMap<any> = {
-        isRxParentAText: React.PropTypes.bool.isRequired
+        isRxParentAText: PropTypes.bool.isRequired
     };
     getChildContext() {
         // Let descendant RX components know that their nearest RX ancestor is not an RX.Text.

src/web/Text.tsx

@@ -9,6 +9,7 @@
 
 import React = require('react');
 import ReactDOM = require('react-dom');
+import PropTypes = require('prop-types');
 
 import AccessibilityUtil from './AccessibilityUtil';
 import RX = require('../common/Interfaces');
@@ -49,7 +50,7 @@ const _styles = {
 
 export class Text extends RX.Text<void> {
     static childContextTypes: React.ValidationMap<any> = {
-        isRxParentAText: React.PropTypes.bool.isRequired
+        isRxParentAText: PropTypes.bool.isRequired
     };
 
     getChildContext() {

src/web/View.tsx

@@ -9,6 +9,7 @@
 
 import React = require('react');
 import ReactDOM = require('react-dom');
+import PropTypes = require('prop-types');
 
 import AccessibilityUtil from './AccessibilityUtil';
 import AnimateListEdits from './listAnimations/AnimateListEdits';
@@ -69,12 +70,12 @@ export interface ViewContext {
 
 export class View extends ViewBase<Types.ViewProps, {}> {
     static contextTypes: React.ValidationMap<any> = {
-        isRxParentAText: React.PropTypes.bool
+        isRxParentAText: PropTypes.bool
     };
     context: ViewContext;
 
     static childContextTypes: React.ValidationMap<any> = {
-        isRxParentAText: React.PropTypes.bool.isRequired
+        isRxParentAText: PropTypes.bool.isRequired
     };
 
     private resizeDetectorAnimationFrame: number;