Use prop-types instead of React.PropTypes, 0.8.5

Author: caseywebdev

CHANGELOG.md

@@ -1,5 +1,8 @@
 # Changelog
 
+## 0.8.5
+- Use `prop-types` package instead of `React.PropTypes`.
+
 ## 0.8.4
 - Non-`uniform` type lists with a `window` scroll parent will no longer render
   an initial page unless they are visible in the viewport. (#143)

cogs.js

@@ -8,6 +8,7 @@ module.exports = {
         plugins: [['transform-es2015-modules-umd', {
           globals: {
             react: 'React',
+            'prop-types': 'PropTypes',
             'react-dom': 'ReactDOM',
             'react-list': 'ReactList'
           },

index.html

@@ -5,6 +5,7 @@
     <title>ReactList Examples</title>
     <script src='https://cdnjs.cloudflare.com/ajax/libs/react/15.3.0/react.js'></script>
     <script src='https://cdnjs.cloudflare.com/ajax/libs/react/15.3.0/react-dom.js'></script>
+    <script src='https://rawgit.com/reactjs/prop-types/master/prop-types.js'></script>
     <script src='react-list.js'></script>
     <script src='examples/index.js'></script>
     <style>

package.json

@@ -1,13 +1,16 @@
 {
   "name": "react-list",
-  "version": "0.8.4",
+  "version": "0.8.5",
   "author": "Casey Foster <c@sey.me>",
   "license": "MIT",
   "main": "react-list.js",
   "repository": {
     "type": "git",
     "url": "https://github.com/orgsync/react-list"
   },
+  "dependencies": {
+    "prop-types": "15"
+  },
   "peerDependencies": {
     "react": "0.14 || 15",
     "react-dom": "0.14 || 15"

react-list.es6

@@ -1,5 +1,6 @@
 import module from 'module';
-import React, {Component, PropTypes} from 'react';
+import PropTypes from 'prop-types';
+import React, {Component} from 'react';
 import ReactDOM from 'react-dom';
 
 const {findDOMNode} = ReactDOM;

react-list.js

@@ -1,20 +1,22 @@
 (function (global, factory) {
   if (typeof define === "function" && define.amd) {
-    define(['module', 'react', 'react-dom'], factory);
+    define(['module', 'prop-types', 'react', 'react-dom'], factory);
   } else if (typeof exports !== "undefined") {
-    factory(module, require('react'), require('react-dom'));
+    factory(module, require('prop-types'), require('react'), require('react-dom'));
   } else {
     var mod = {
       exports: {}
     };
-    factory(mod, global.React, global.ReactDOM);
+    factory(mod, global.PropTypes, global.React, global.ReactDOM);
     global.ReactList = mod.exports;
   }
-})(this, function (_module2, _react, _reactDom) {
+})(this, function (_module2, _propTypes, _react, _reactDom) {
   'use strict';
 
   var _module3 = _interopRequireDefault(_module2);
 
+  var _propTypes2 = _interopRequireDefault(_propTypes);
+
   var _react2 = _interopRequireDefault(_react);
 
   var _reactDom2 = _interopRequireDefault(_reactDom);
@@ -640,19 +642,19 @@
 
     return ReactList;
   }(_react.Component), _class.displayName = 'ReactList', _class.propTypes = {
-    axis: _react.PropTypes.oneOf(['x', 'y']),
-    initialIndex: _react.PropTypes.number,
-    itemRenderer: _react.PropTypes.func,
-    itemSizeEstimator: _react.PropTypes.func,
-    itemSizeGetter: _react.PropTypes.func,
-    itemsRenderer: _react.PropTypes.func,
-    length: _react.PropTypes.number,
-    pageSize: _react.PropTypes.number,
-    scrollParentGetter: _react.PropTypes.func,
-    threshold: _react.PropTypes.number,
-    type: _react.PropTypes.oneOf(['simple', 'variable', 'uniform']),
-    useStaticSize: _react.PropTypes.bool,
-    useTranslate3d: _react.PropTypes.bool
+    axis: _propTypes2.default.oneOf(['x', 'y']),
+    initialIndex: _propTypes2.default.number,
+    itemRenderer: _propTypes2.default.func,
+    itemSizeEstimator: _propTypes2.default.func,
+    itemSizeGetter: _propTypes2.default.func,
+    itemsRenderer: _propTypes2.default.func,
+    length: _propTypes2.default.number,
+    pageSize: _propTypes2.default.number,
+    scrollParentGetter: _propTypes2.default.func,
+    threshold: _propTypes2.default.number,
+    type: _propTypes2.default.oneOf(['simple', 'variable', 'uniform']),
+    useStaticSize: _propTypes2.default.bool,
+    useTranslate3d: _propTypes2.default.bool
   }, _class.defaultProps = {
     axis: 'y',
     itemRenderer: function itemRenderer(index, key) {