Add prop types package

packages/charts-react-axis/package.json

@@ -16,5 +16,8 @@
     "react": "^15.4.2",
     "react-test-renderer": "^15.4.2",
     "rimraf": "^2.5.4"
+  },
+  "dependencies": {
+    "prop-types": "^15.6.0"
   }
 }

packages/charts-react-axis/src/BottomAxis.js

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import XTick from './XTick';
 
 const pathStyle = {

packages/charts-react-axis/src/LeftAxis.js

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import YTick from './YTick';
 
 const pathStyle = {

packages/charts-react-axis/src/XTick.js

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 
 const XTick = (props) => {
   const { label, offset } = props;

packages/charts-react-axis/src/YTick.js

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 
 const YTick = (props) => {
   const { label, offset } = props;

packages/charts-react-chart/package.json

@@ -15,5 +15,8 @@
     "react": "^15.4.2",
     "react-test-renderer": "^15.4.2",
     "rimraf": "^2.5.4"
+  },
+  "dependencies": {
+    "prop-types": "^15.6.0"
   }
 }

packages/charts-react-chart/src/index.js

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 
 export default class Chart extends React.PureComponent {
   static propTypes = {

packages/charts-react-line/package.json

@@ -16,6 +16,7 @@
     "d3-scale": "^1.0.4",
     "d3-shape": "^1.0.4",
     "d3-time-format": "^2.0.3",
+    "prop-types": "^15.6.0",
     "react": "^15.4.2"
   },
   "devDependencies": {

packages/charts-react-line/src/Line.js

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 
 const path = {
   fill: 'none',

packages/charts-react-line/src/LineChart.js

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import * as shape from 'd3-shape';
 import Chart from '@ibm-design/charts-react-chart';
 import { LeftAxis, BottomAxis } from '@ibm-design/charts-react-axis';

packages/charts-react-test-helpers/package.json

@@ -14,5 +14,8 @@
     "babel-cli": "^6.18.0",
     "react": "^15.4.2",
     "rimraf": "^2.5.4"
+  },
+  "dependencies": {
+    "prop-types": "^15.6.0"
   }
 }

packages/charts-react-test-helpers/src/ChartProvider.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 
 /**
  * It's helpful to leverage component in test scenarios where you're relying on
@@ -9,11 +10,11 @@ import React from 'react';
 export default class ChartProvider extends React.PureComponent {
   static propTypes = {
     // eslint-disable-next-line react/forbid-prop-types
-    children: React.PropTypes.any,
+    children: PropTypes.any,
   }
 
   static childContextTypes = {
-    chart: React.PropTypes.object,
+    chart: PropTypes.object,
   }
 
   getChildContext() {