Fix @mapbox/react-native-mapbox-gl => @react-native-mapbox/maps

example/ios/Podfile

@@ -30,7 +30,7 @@ target 'RNMapboxGLExample' do
   pod 'Folly', :podspec => "#{rn_path}/third-party-podspecs/Folly.podspec"
 
   # Mapbox
-  pod 'react-native-mapbox-gl', :path => '../node_modules/@mapbox/react-native-mapbox-gl'
+  pod 'react-native-mapbox-gl', :path => '../node_modules/@react-native-mapbox/maps'
 
   # RN-Vector-Icons
   pod 'RNVectorIcons', :path => '../node_modules/react-native-vector-icons'

example/ios/RNMapboxGLExample.xcodeproj/project.pbxproj

@@ -1291,7 +1291,7 @@
 			);
 			inputPaths = (
 				"${SRCROOT}/Pods/Target Support Files/Pods-RNMapboxGLExample/Pods-RNMapboxGLExample-frameworks.sh",
-				"${PODS_ROOT}/../../node_modules/@mapbox/react-native-mapbox-gl/ios/Mapbox.framework",
+				"${PODS_ROOT}/../../node_modules/@react-native-mapbox/maps/ios/Mapbox.framework",
 			);
 			name = "[CP] Embed Pods Frameworks";
 			outputPaths = (

example/package.json

@@ -14,7 +14,7 @@
   },
   "dependencies": {
     "@mapbox/geo-viewport": "^0.4.0",
-    "@mapbox/react-native-mapbox-gl": "file:../mapbox-react-native-mapbox-gl-6.1.4.tgz",
+    "@react-native-mapbox/maps": "file:../react-native-mapbox-maps-7.0.0.tgz",
     "@turf/along": "^5.1.5",
     "@turf/bearing": "^5.1.5",
     "@turf/distance": "^5.1.5",

example/src/App.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import MapboxGL from '@mapbox/react-native-mapbox-gl';
+import MapboxGL from '@react-native-mapbox/maps';
 import {
   FlatList,
   Modal,

example/src/components/ChoroplethLayerByZoomLevel.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import MapboxGL from '@mapbox/react-native-mapbox-gl';
+import MapboxGL from '@react-native-mapbox/maps';
 
 import sheet from '../styles/sheet';
 

example/src/components/CreateOfflineRegion.js

@@ -7,7 +7,7 @@ import {
   Dimensions,
   StyleSheet,
 } from 'react-native';
-import MapboxGL from '@mapbox/react-native-mapbox-gl';
+import MapboxGL from '@react-native-mapbox/maps';
 import geoViewport from '@mapbox/geo-viewport';
 
 import sheet from '../styles/sheet';

example/src/components/CustomIcon.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import {Text} from 'react-native';
-import MapboxGL from '@mapbox/react-native-mapbox-gl';
+import MapboxGL from '@react-native-mapbox/maps';
 
 import sheet from '../styles/sheet';
 import exampleIcon from '../assets/example.png';

example/src/components/CustomVectorSource.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import MapboxGL from '@mapbox/react-native-mapbox-gl';
+import MapboxGL from '@react-native-mapbox/maps';
 
 import sheet from '../styles/sheet';
 

example/src/components/DataDrivenCircleColors.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import MapboxGL from '@mapbox/react-native-mapbox-gl';
+import MapboxGL from '@react-native-mapbox/maps';
 
 import sheet from '../styles/sheet';
 

example/src/components/DriveTheLine.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import MapboxGL from '@mapbox/react-native-mapbox-gl';
+import MapboxGL from '@react-native-mapbox/maps';
 import {View, StyleSheet} from 'react-native';
 import {Button} from 'react-native-elements';
 import {lineString as makeLineString} from '@turf/helpers';

example/src/components/EarthQuakes.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import MapboxGL from '@mapbox/react-native-mapbox-gl';
+import MapboxGL from '@react-native-mapbox/maps';
 
 import sheet from '../styles/sheet';
 import {SF_OFFICE_COORDINATE} from '../utils';

example/src/components/FitBounds.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import MapboxGL from '@mapbox/react-native-mapbox-gl';
+import MapboxGL from '@react-native-mapbox/maps';
 
 import sheet from '../styles/sheet';
 

example/src/components/FlyTo.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import {Alert} from 'react-native';
-import MapboxGL from '@mapbox/react-native-mapbox-gl';
+import MapboxGL from '@react-native-mapbox/maps';
 
 import sheet from '../styles/sheet';
 

example/src/components/GeoJSONSource.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import MapboxGL from '@mapbox/react-native-mapbox-gl';
+import MapboxGL from '@react-native-mapbox/maps';
 
 import sheet from '../styles/sheet';
 import gridPattern from '../assets/grid_pattern.png';

example/src/components/GetCenter.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import {Text} from 'react-native';
-import MapboxGL from '@mapbox/react-native-mapbox-gl';
+import MapboxGL from '@react-native-mapbox/maps';
 
 import BaseExamplePropTypes from './common/BaseExamplePropTypes';
 import Page from './common/Page';

example/src/components/GetZoom.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import {Text} from 'react-native';
-import MapboxGL from '@mapbox/react-native-mapbox-gl';
+import MapboxGL from '@react-native-mapbox/maps';
 
 import BaseExamplePropTypes from './common/BaseExamplePropTypes';
 import Page from './common/Page';

example/src/components/ImageOverlay.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import MapboxGL from '@mapbox/react-native-mapbox-gl';
+import MapboxGL from '@react-native-mapbox/maps';
 
 import sheet from '../styles/sheet';
 import radar0 from '../assets/radar.png';

example/src/components/IndoorBuilding.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import {View, StyleSheet} from 'react-native';
-import MapboxGL from '@mapbox/react-native-mapbox-gl';
+import MapboxGL from '@react-native-mapbox/maps';
 import {Slider} from 'react-native-elements';
 
 import sheet from '../styles/sheet';

example/src/components/PointInMapView.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import {Text} from 'react-native';
-import MapboxGL from '@mapbox/react-native-mapbox-gl';
+import MapboxGL from '@react-native-mapbox/maps';
 
 import BaseExamplePropTypes from './common/BaseExamplePropTypes';
 import Page from './common/Page';

example/src/components/QueryAtPoint.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import {Text} from 'react-native';
-import MapboxGL from '@mapbox/react-native-mapbox-gl';
+import MapboxGL from '@react-native-mapbox/maps';
 
 import sheet from '../styles/sheet';
 import nycJSON from '../assets/nyc_geojson.json';

example/src/components/QueryWithRect.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import {Text} from 'react-native';
-import MapboxGL from '@mapbox/react-native-mapbox-gl';
+import MapboxGL from '@react-native-mapbox/maps';
 
 import sheet from '../styles/sheet';
 import nycJSON from '../assets/nyc_geojson.json';

example/src/components/SetBearing.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import MapboxGL from '@mapbox/react-native-mapbox-gl';
+import MapboxGL from '@react-native-mapbox/maps';
 
 import sheet from '../styles/sheet';
 

example/src/components/SetPitch.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import MapboxGL from '@mapbox/react-native-mapbox-gl';
+import MapboxGL from '@react-native-mapbox/maps';
 
 import sheet from '../styles/sheet';
 

example/src/components/SetUserLocationVerticalAlignment.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import MapboxGL from '@mapbox/react-native-mapbox-gl';
+import MapboxGL from '@react-native-mapbox/maps';
 
 import sheet from '../styles/sheet';
 import {onSortOptions} from '../utils';

example/src/components/SetUserTrackingModes.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import {Text} from 'react-native';
-import MapboxGL from '@mapbox/react-native-mapbox-gl';
+import MapboxGL from '@react-native-mapbox/maps';
 
 import sheet from '../styles/sheet';
 import {onSortOptions} from '../utils';

example/src/components/ShapeSourceIcon.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import MapboxGL from '@mapbox/react-native-mapbox-gl';
+import MapboxGL from '@react-native-mapbox/maps';
 
 import sheet from '../styles/sheet';
 import exampleIcon from '../assets/example.png';

example/src/components/ShowClick.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import {Text} from 'react-native';
-import MapboxGL from '@mapbox/react-native-mapbox-gl';
+import MapboxGL from '@react-native-mapbox/maps';
 
 import sheet from '../styles/sheet';
 import {DEFAULT_CENTER_COORDINATE} from '../utils';

example/src/components/ShowMap.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import MapboxGL from '@mapbox/react-native-mapbox-gl';
+import MapboxGL from '@react-native-mapbox/maps';
 
 import sheet from '../styles/sheet';
 import {onSortOptions} from '../utils';

example/src/components/ShowPointAnnotation.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import {Animated, View, Text, StyleSheet} from 'react-native';
-import MapboxGL from '@mapbox/react-native-mapbox-gl';
+import MapboxGL from '@react-native-mapbox/maps';
 
 import sheet from '../styles/sheet';
 

example/src/components/ShowRegionChange.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import {Text} from 'react-native';
-import MapboxGL from '@mapbox/react-native-mapbox-gl';
+import MapboxGL from '@react-native-mapbox/maps';
 
 import sheet from '../styles/sheet';
 import {DEFAULT_CENTER_COORDINATE, SF_OFFICE_COORDINATE} from '../utils';

example/src/components/TakeSnapshot.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import MapboxGL from '@mapbox/react-native-mapbox-gl';
+import MapboxGL from '@react-native-mapbox/maps';
 import {
   View,
   Image,

example/src/components/TakeSnapshotWithMap.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import {StyleSheet, View, Text, TouchableOpacity, Image} from 'react-native';
-import MapboxGL from '@mapbox/react-native-mapbox-gl';
+import MapboxGL from '@react-native-mapbox/maps';
 
 import sheet from '../styles/sheet';
 import colors from '../styles/colors';

example/src/components/TwoByTwo.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import MapboxGL from '@mapbox/react-native-mapbox-gl';
+import MapboxGL from '@react-native-mapbox/maps';
 
 import sheet from '../styles/sheet';
 import smileyFaceGeoJSON from '../assets/smiley_face.json';

example/src/components/UserLocationChange.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import {Text} from 'react-native';
-import MapboxGL from '@mapbox/react-native-mapbox-gl';
+import MapboxGL from '@react-native-mapbox/maps';
 
 import sheet from '../styles/sheet';
 

example/src/components/WatercolorRasterTiles.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import {View, StyleSheet} from 'react-native';
-import MapboxGL from '@mapbox/react-native-mapbox-gl';
+import MapboxGL from '@react-native-mapbox/maps';
 import {Slider} from 'react-native-elements';
 
 import sheet from '../styles/sheet';

example/src/components/YoYo.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import MapboxGL from '@mapbox/react-native-mapbox-gl';
+import MapboxGL from '@react-native-mapbox/maps';
 
 import sheet from '../styles/sheet';
 import colors from '../styles/colors';

example/src/components/common/PulseCircleLayer.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import {Animated} from 'react-native';
-import MapboxGL from '@mapbox/react-native-mapbox-gl';
+import MapboxGL from '@react-native-mapbox/maps';
 
 const styles = MapboxGL.StyleSheet.create({
   innerCircle: {

example/src/utils/RouteSimulator.js

@@ -1,5 +1,5 @@
 import {Animated} from 'react-native';
-import MapboxGL from '@mapbox/react-native-mapbox-gl';
+import MapboxGL from '@react-native-mapbox/maps';
 import along from '@turf/along';
 import findDistance from '@turf/distance';