refactor: drop usage of createClass from React object use create-react-class module instead

samouss · samouss · commit 501edde7980e · 2017-04-10T10:20:48.000+02:00
diff --git a/package.json b/package.json
@@ -45,6 +45,7 @@
     "react-native": "^0.43.0"
   },
   "dependencies": {
+    "create-react-class": "^15.5.1",
     "cubic-bezier": "^0.1.2",
     "invariant": "^2.2.1",
     "keymirror": "^0.1.1",
diff --git a/src/components/ActivityIndicator.js b/src/components/ActivityIndicator.js
@@ -1,13 +1,13 @@
 /**
  * https://github.com/facebook/react-native/blob/master/Libraries/Components/ActivityIndicator/ActivityIndicator.js
  */
-import React from 'react';
 import PropTypes from 'prop-types';
+import createReactClass from 'create-react-class';
 import NativeMethodsMixin from '../mixins/NativeMethodsMixin';
 import ColorPropType from '../propTypes/ColorPropType';
 import View from './View';
 
-const ActivityIndicator = React.createClass({
+const ActivityIndicator = createReactClass({
   propTypes: {
     ...View.propTypes,
     /**
diff --git a/src/components/ActivityIndicatorIOS.js b/src/components/ActivityIndicatorIOS.js
@@ -1,12 +1,12 @@
 /**
  * https://github.com/facebook/react-native/blob/master/Libraries/Components/ActivityIndicator/ActivityIndicatorIOS.ios.js
  */
-import React from 'react';
 import PropTypes from 'prop-types';
+import createReactClass from 'create-react-class';
 import NativeMethodsMixin from '../mixins/NativeMethodsMixin';
 import View from './View';
 
-const ActivityIndicatorIOS = React.createClass({
+const ActivityIndicatorIOS = createReactClass({
   propTypes: {
     ...View.propTypes,
     /**
diff --git a/src/components/DrawerLayoutAndroid.js b/src/components/DrawerLayoutAndroid.js
@@ -1,16 +1,16 @@
 /**
  *https://github.com/facebook/react-native/blob/master/Libraries/Components/DrawerAndroid/DrawerLayoutAndroid.android.js
  */
-import React from 'react';
 import PropTypes from 'prop-types';
+import createReactClass from 'create-react-class';
 import NativeMethodsMixin from '../mixins/NativeMethodsMixin';
 import UIManager from '../NativeModules/UIManager';
 import ColorPropType from '../propTypes/ColorPropType';
 import View from './View';
 
 const DrawerConsts = UIManager.AndroidDrawerLayout.Constants;
 
-const DrawerLayoutAndroid = React.createClass({
+const DrawerLayoutAndroid = createReactClass({
 
   propTypes: {
     ...View.propTypes,
diff --git a/src/components/Image.js b/src/components/Image.js
@@ -1,15 +1,15 @@
 /**
  * https://github.com/facebook/react-native/blob/master/Libraries/Image/Image.ios.js
  */
-import React from 'react';
 import PropTypes from 'prop-types';
+import createReactClass from 'create-react-class';
 import styleSheetPropType from '../propTypes/StyleSheetPropType';
 import NativeMethodsMixin from '../mixins/NativeMethodsMixin';
 import EdgeInsetsPropType from '../propTypes/EdgeInsetsPropType';
 import ImageStylePropTypes from '../propTypes/ImageStylePropTypes';
 import ImageResizeMode from '../propTypes/ImageResizeMode';
 
-const Image = React.createClass({
+const Image = createReactClass({
   propTypes: {
     style: styleSheetPropType(ImageStylePropTypes),
     /**
diff --git a/src/components/ListView.js b/src/components/ListView.js
@@ -1,13 +1,14 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import createReactClass from 'create-react-class';
 import TimerMixin from 'react-timer-mixin';
 import ScrollResponder from '../mixins/ScrollResponder';
 import ListViewDataSource from '../api/ListViewDataSource';
 import ScrollView from './ScrollView';
 
 const SCROLLVIEW_REF = 'listviewscroll';
 
-const ListView = React.createClass({
+const ListView = createReactClass({
   propTypes: {
     ...ScrollView.propTypes,
 
diff --git a/src/components/Navigator.js b/src/components/Navigator.js
@@ -1,5 +1,5 @@
-import React from 'react';
 import PropTypes from 'prop-types';
+import createReactClass from 'create-react-class';
 import createMockComponent from './createMockComponent';
 import View from './View';
 
@@ -24,7 +24,7 @@ const NavigatorSceneConfigs = {
   VerticalDownSwipeJump: NavigatorSceneConfigType
 };
 
-const Navigator = React.createClass({
+const Navigator = createReactClass({
   propTypes: {
     /**
      * Optional function that allows configuration about scene animations and
diff --git a/src/components/Picker.js b/src/components/Picker.js
@@ -1,8 +1,8 @@
-import React from 'react';
 import PropTypes from 'prop-types';
+import createReactClass from 'create-react-class';
 import createMockComponent from './createMockComponent';
 
-const Picker = React.createClass({
+const Picker = createReactClass({
   propTypes: {
     children: PropTypes.node
   },
diff --git a/src/components/ScrollView.js b/src/components/ScrollView.js
@@ -1,5 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import createReactClass from 'create-react-class';
 import EdgeInsetsPropType from '../propTypes/EdgeInsetsPropType';
 import PointPropType from '../propTypes/PointPropType';
 import ScrollResponder from '../mixins/ScrollResponder';
@@ -11,7 +12,7 @@ import View from './View';
 const SCROLLVIEW = 'ScrollView';
 const INNERVIEW = 'InnerScrollView';
 
-const ScrollView = React.createClass({
+const ScrollView = createReactClass({
   propTypes: {
     ...View.propTypes,
     /**
diff --git a/src/components/StatusBar.js b/src/components/StatusBar.js
@@ -1,8 +1,8 @@
 /**
  * https://github.com/facebook/react-native/blob/master/Libraries/Components/StatusBar/StatusBar.js
  */
-import React from 'react';
 import PropTypes from 'prop-types';
+import createReactClass from 'create-react-class';
 import ColorPropType from '../propTypes/ColorPropType';
 
 let _backgroundColor = '';
@@ -11,7 +11,7 @@ let _hidden = false;
 let _networkActivityIndicatorVisible = false;
 let _translucent = false;
 
-const StatusBar = React.createClass({
+const StatusBar = createReactClass({
   propTypes: {
     animated: PropTypes.bool,
     barStyle: PropTypes.oneOf(['default', 'light-content']),
diff --git a/src/components/TabBarIOS.js b/src/components/TabBarIOS.js
@@ -1,8 +1,8 @@
-import React from 'react';
 import PropTypes from 'prop-types';
+import createReactClass from 'create-react-class';
 import createMockComponent from './createMockComponent';
 
-const TabBarIOS = React.createClass({
+const TabBarIOS = createReactClass({
   propTypes: {
     children: PropTypes.node
   },
diff --git a/src/components/Text.js b/src/components/Text.js
@@ -1,15 +1,15 @@
 /**
  * https://github.com/facebook/react-native/blob/master/Libraries/Text/Text.js
  */
-import React from 'react';
 import PropTypes from 'prop-types';
+import createReactClass from 'create-react-class';
 import styleSheetPropType from '../propTypes/StyleSheetPropType';
 import TextStylePropTypes from '../propTypes/TextStylePropTypes';
 import NativeMethodsMixin from '../mixins/NativeMethodsMixin';
 
 const stylePropType = styleSheetPropType(TextStylePropTypes);
 
-const Text = React.createClass({
+const Text = createReactClass({
   propTypes: {
     /**
      * Used to truncate the text with an ellipsis after computing the text
diff --git a/src/components/TextInput.js b/src/components/TextInput.js
@@ -1,12 +1,13 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import createReactClass from 'create-react-class';
 import TimerMixin from 'react-timer-mixin';
 import TextInputState from '../api/TextInputState';
 import NativeMethodsMixin from '../mixins/NativeMethodsMixin';
 import View from './View';
 import Text from './Text';
 
-const TextInput = React.createClass({
+const TextInput = createReactClass({
   propTypes: {
     ...View.propTypes,
     /**
diff --git a/src/components/TouchableNativeFeedback.js b/src/components/TouchableNativeFeedback.js
@@ -1,8 +1,8 @@
-import React from 'react';
 import PropTypes from 'prop-types';
+import createReactClass from 'create-react-class';
 import TouchableWithoutFeedback from './TouchableWithoutFeedback';
 
-const TouchableNativeFeedback = React.createClass({
+const TouchableNativeFeedback = createReactClass({
   propTypes: {
     ...TouchableWithoutFeedback.propTypes,
 
diff --git a/src/components/TouchableOpacity.js b/src/components/TouchableOpacity.js
@@ -1,11 +1,11 @@
 /**
  * https://github.com/facebook/react-native/blob/master/Libraries/Components/Touchable/TouchableOpacity.js
  */
-import React from 'react';
 import PropTypes from 'prop-types';
+import createReactClass from 'create-react-class';
 import TouchableWithoutFeedback from './TouchableWithoutFeedback';
 
-const TouchableOpacity = React.createClass({
+const TouchableOpacity = createReactClass({
   propTypes: {
     ...TouchableWithoutFeedback.propTypes,
 
diff --git a/src/components/TouchableWithoutFeedback.js b/src/components/TouchableWithoutFeedback.js
@@ -1,12 +1,12 @@
 /**
  * https://github.com/facebook/react-native/blob/master/Libraries/Components/Touchable/TouchableWithoutFeedback.js
  */
-import React from 'react';
 import PropTypes from 'prop-types';
+import createReactClass from 'create-react-class';
 import EdgeInsetsPropType from '../propTypes/EdgeInsetsPropType';
 import View from './View';
 
-const TouchableWithoutFeedback = React.createClass({
+const TouchableWithoutFeedback = createReactClass({
   propTypes: {
     accessible: PropTypes.bool,
     accessibilityComponentType: PropTypes.oneOf(View.AccessibilityComponentType),
diff --git a/src/components/View.js b/src/components/View.js
@@ -1,8 +1,8 @@
 /**
  * https://github.com/facebook/react-native/blob/master/Libraries/Components/View/View.js
  */
-import React from 'react';
 import PropTypes from 'prop-types';
+import createReactClass from 'create-react-class';
 import styleSheetPropType from '../propTypes/StyleSheetPropType';
 import ViewStylePropTypes from '../propTypes/ViewStylePropTypes';
 import NativeMethodsMixin from '../mixins/NativeMethodsMixin';
@@ -49,7 +49,7 @@ const statics = {
   forceTouchAvailable,
 };
 
-const View = React.createClass({
+const View = createReactClass({
   propTypes: {
     /**
      * When true, indicates that the view is an accessibility element. By default,
diff --git a/src/components/WebView.js b/src/components/WebView.js
@@ -1,5 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import createReactClass from 'create-react-class';
 import EdgeInsetsPropType from '../propTypes/EdgeInsetsPropType';
 import WebViewManager from '../NativeModules/WebViewManager';
 import ScrollView from './ScrollView';
@@ -18,7 +19,7 @@ const NavigationType = {
 
 const JSNavigationScheme = WebViewManager.JSNavigationScheme;
 
-const WebView = React.createClass({
+const WebView = createReactClass({
   propTypes: {
     ...View.propTypes,
     url: PropTypes.string,
diff --git a/src/components/createMockComponent.js b/src/components/createMockComponent.js
@@ -1,7 +1,7 @@
-import React from 'react';
+import createReactClass from 'create-react-class';
 
 function createMockComponent(displayName) {
-  return React.createClass({
+  return createReactClass({
     displayName,
     render() {
       return null;
diff --git a/src/plugins/requireNativeComponent.js b/src/plugins/requireNativeComponent.js
@@ -1,10 +1,10 @@
 /**
  * https://github.com/facebook/react-native/blob/master/Libraries/ReactIOS/requireNativeComponent.js
  */
-import React from 'react';
+import createReactClass from 'create-react-class';
 
 function requireNativeComponent(viewName, componentInterface, extraConfig) {
-  return React.createClass({
+  return createReactClass({
     displayName: viewName,
     render() {
       return null;
