diff --git a/babel/__tests__/__snapshots__/index-test.js.snap b/babel/__tests__/__snapshots__/index-test.js.snap index 354ebb79..9af81787 100644 --- a/babel/__tests__/__snapshots__/index-test.js.snap +++ b/babel/__tests__/__snapshots__/index-test.js.snap @@ -12,13 +12,14 @@ import View from 'react-native-web/dist/components/View'; exports[`2. Rewrite react-native paths for react-native-web 1`] = ` " -import { Switch, Text, View as MyView } from 'react-native'; +import { Switch, Text, View as MyView, ViewPropTypes } from 'react-native'; ↓ ↓ ↓ ↓ ↓ ↓ import Switch from 'react-native-web/dist/components/Switch'; import Text from 'react-native-web/dist/components/Text'; import MyView from 'react-native-web/dist/components/View'; +import ViewPropTypes from 'react-native-web/dist/components/View/ViewPropTypes'; " `; diff --git a/babel/__tests__/index-test.js b/babel/__tests__/index-test.js index 5972122b..1a5d2b2b 100644 --- a/babel/__tests__/index-test.js +++ b/babel/__tests__/index-test.js @@ -7,7 +7,7 @@ pluginTester({ tests: [ // import react-native "import { View } from 'react-native';", - "import { Switch, Text, View as MyView } from 'react-native';", + "import { Switch, Text, View as MyView, ViewPropTypes } from 'react-native';", "import { createElement, Switch, StyleSheet } from 'react-native';", "import { InvalidThing, TouchableOpacity } from 'react-native';", "import * as RNW from 'react-native';", diff --git a/babel/index.js b/babel/index.js index b3df5b07..1a4811ac 100644 --- a/babel/index.js +++ b/babel/index.js @@ -69,11 +69,15 @@ const getDistLocation = importName => { // propTypes case 'ColorPropType': case 'EdgeInsetsPropType': - case 'PointPropType': - case 'TextPropTypes': - case 'ViewPropTypes': { + case 'PointPropType': { return `${root}/propTypes/${importName}`; } + case 'TextPropTypes': { + return `${root}/components/Text/${importName}`; + } + case 'ViewPropTypes': { + return `${root}/components/View/${importName}`; + } default: return;