Merge pull request #193 from calvium/fix_188_createReactNAtiveComponentClass

Fixes #188 in the master repo by replacing the path in the import with the new path

elements/Circle.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import createReactNativeComponentClass from 'react/lib/createReactNativeComponentClass';
+import createReactNativeComponentClass from 'react-native/Libraries/Renderer/src/renderers/native/createReactNativeComponentClass';
 import Shape from './Shape';
 import {CircleAttributes} from '../lib/attributes';
 import {pathProps, numberProp} from '../lib/props';

elements/ClipPath.js

@@ -1,5 +1,5 @@
 import React, {Component, PropTypes} from 'react';
-import createReactNativeComponentClass from 'react/lib/createReactNativeComponentClass';
+import createReactNativeComponentClass from 'react-native/Libraries/Renderer/src/renderers/native/createReactNativeComponentClass';
 import {ClipPathAttributes} from '../lib/attributes';
 
 class ClipPath extends Component{

elements/Defs.js

@@ -1,7 +1,7 @@
 import React, {
     Component,
 } from 'react';
-import createReactNativeComponentClass from 'react/lib/createReactNativeComponentClass';
+import createReactNativeComponentClass from 'react-native/Libraries/Renderer/src/renderers/native/createReactNativeComponentClass';
 
 class Defs extends Component {
     static displayName = 'Defs';

elements/Ellipse.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import createReactNativeComponentClass from 'react/lib/createReactNativeComponentClass';
+import createReactNativeComponentClass from 'react-native/Libraries/Renderer/src/renderers/native/createReactNativeComponentClass';
 import Shape from './Shape';
 import {pathProps, numberProp} from '../lib/props';
 import {EllipseAttributes} from '../lib/attributes';

elements/G.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import createReactNativeComponentClass from 'react/lib/createReactNativeComponentClass';
+import createReactNativeComponentClass from 'react-native/Libraries/Renderer/src/renderers/native/createReactNativeComponentClass';
 import Shape from './Shape';
 import {transformProps} from '../lib/props';
 import {GroupAttributes} from '../lib/attributes';

elements/Image.js

@@ -1,5 +1,5 @@
 import React, {PropTypes} from 'react';
-import createReactNativeComponentClass from 'react/lib/createReactNativeComponentClass';
+import createReactNativeComponentClass from 'react-native/Libraries/Renderer/src/renderers/native/createReactNativeComponentClass';
 import {ImageAttributes} from '../lib/attributes';
 import {numberProp, touchableProps, responderProps} from '../lib/props';
 import Shape from './Shape';

elements/Line.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import createReactNativeComponentClass from 'react/lib/createReactNativeComponentClass';
+import createReactNativeComponentClass from 'react-native/Libraries/Renderer/src/renderers/native/createReactNativeComponentClass';
 import {LineAttributes} from '../lib/attributes';
 import Shape from './Shape';
 import {pathProps, numberProp} from '../lib/props';

elements/LinearGradient.js

@@ -1,7 +1,7 @@
 import React, {PropTypes} from 'react';
 import {numberProp} from '../lib/props';
 import Gradient from './Gradient';
-import createReactNativeComponentClass from 'react/lib/createReactNativeComponentClass';
+import createReactNativeComponentClass from 'react-native/Libraries/Renderer/src/renderers/native/createReactNativeComponentClass';
 import {LinearGradientAttributes} from '../lib/attributes';
 
 class LinearGradient extends Gradient{

elements/Path.js

@@ -1,6 +1,6 @@
 import React, {PropTypes} from 'react';
 import SerializablePath from '../lib/SerializablePath';
-import createReactNativeComponentClass from 'react/lib/createReactNativeComponentClass';
+import createReactNativeComponentClass from 'react-native/Libraries/Renderer/src/renderers/native/createReactNativeComponentClass';
 import {PathAttributes} from '../lib/attributes';
 import Shape from './Shape';
 import {pathProps} from '../lib/props';

elements/RadialGradient.js

@@ -1,7 +1,7 @@
 import React, {PropTypes} from 'react';
 import {numberProp} from '../lib/props';
 import Gradient from './Gradient';
-import createReactNativeComponentClass from 'react/lib/createReactNativeComponentClass';
+import createReactNativeComponentClass from 'react-native/Libraries/Renderer/src/renderers/native/createReactNativeComponentClass';
 import {RadialGradientAttributes} from '../lib/attributes';
 
 class RadialGradient extends Gradient{

elements/Rect.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import './Path'; // must import Path first, don`t know why. without this will throw an `Super expression must either be null or a function, not undefined`
-import createReactNativeComponentClass from 'react/lib/createReactNativeComponentClass';
+import createReactNativeComponentClass from 'react-native/Libraries/Renderer/src/renderers/native/createReactNativeComponentClass';
 import {pathProps, numberProp} from '../lib/props';
 import {RectAttributes} from '../lib/attributes';
 import Shape from './Shape';

elements/Text.js

@@ -1,5 +1,5 @@
 import React, {PropTypes} from 'react';
-import createReactNativeComponentClass from 'react/lib/createReactNativeComponentClass';
+import createReactNativeComponentClass from 'react-native/Libraries/Renderer/src/renderers/native/createReactNativeComponentClass';
 import extractText from '../lib/extract/extractText';
 import {numberProp, pathProps} from '../lib/props';
 import {TextAttributes} from '../lib/attributes';

elements/Use.js

@@ -3,7 +3,7 @@ import {pathProps, numberProp} from '../lib/props';
 import {UseAttributes} from '../lib/attributes';
 import Shape from './Shape';
 import React from 'react';
-import createReactNativeComponentClass from 'react/lib/createReactNativeComponentClass';
+import createReactNativeComponentClass from 'react-native/Libraries/Renderer/src/renderers/native/createReactNativeComponentClass';
 
 const idExpReg = /^#(.+)$/;
 class Use extends Shape {

elements/ViewBox.js

@@ -1,5 +1,5 @@
 import React, {Component, PropTypes} from 'react';
-import createReactNativeComponentClass from 'react/lib/createReactNativeComponentClass';
+import createReactNativeComponentClass from 'react-native/Libraries/Renderer/src/renderers/native/createReactNativeComponentClass';
 import {ViewBoxAttributes} from '../lib/attributes';
 import G from './G';
 

package.json

@@ -22,7 +22,8 @@
         "lint": "eslint ./"
     },
     "peerDependencies": {
-        "react-native": ">=0.33.0"
+        "react-native": ">=0.38.0",
+        "react": ">=15.4.0"
     },
     "dependencies": {
         "color": "^0.11.1",