@rnmapbox/maps 10.1.0-beta.4 → 10.1.0-beta.5

package/src/components/FillLayer.tsx

@@ -6,9 +6,9 @@ import { StyleValue } from '../utils/StyleValue';
 
 import AbstractLayer from './AbstractLayer';
 
-const MapboxGL = NativeModules.MGLModule;
+const MapboxGL = NativeModules.RNMBXModule;
 
-export const NATIVE_MODULE_NAME = 'RCTMGLFillLayer';
+export const NATIVE_MODULE_NAME = 'RNMBXFillLayer';
 
 export type Props = {
   /**
@@ -86,11 +86,11 @@ class FillLayer extends AbstractLayer<Props, NativeTypeProps> {
       ...this.baseProps,
       sourceLayerID: this.props.sourceLayerID,
     };
-    return <RCTMGLFillLayer ref={this.setNativeLayer} {...props} />;
+    return <RNMBXFillLayer ref={this.setNativeLayer} {...props} />;
   }
 }
 
-const RCTMGLFillLayer =
+const RNMBXFillLayer =
   requireNativeComponent<NativeTypeProps>(NATIVE_MODULE_NAME);
 
 export default FillLayer;

package/src/components/HeatmapLayer.tsx

@@ -9,9 +9,9 @@ import { StyleValue } from '../utils/StyleValue';
 
 import AbstractLayer from './AbstractLayer';
 
-const MapboxGL = NativeModules.MGLModule;
+const MapboxGL = NativeModules.RNMBXModule;
 
-export const NATIVE_MODULE_NAME = 'RCTMGLHeatmapLayer';
+export const NATIVE_MODULE_NAME = 'RNMBXHeatmapLayer';
 
 export type Props = {
   /**
@@ -91,11 +91,11 @@ class HeatmapLayer extends AbstractLayer<Props, NativeTypeProps> {
       ...this.baseProps,
       sourceLayerID: this.props.sourceLayerID,
     };
-    return <RCTMGLHeatmapLayer ref={this.setNativeLayer} {...props} />;
+    return <RNMBXHeatmapLayer ref={this.setNativeLayer} {...props} />;
   }
 }
 
-const RCTMGLHeatmapLayer =
+const RNMBXHeatmapLayer =
   requireNativeComponent<NativeTypeProps>(NATIVE_MODULE_NAME);
 
 export default HeatmapLayer;

package/src/components/Image.tsx

@@ -42,7 +42,7 @@ const Image = memo(
       stretchY,
       children,
     };
-    return <RCTMGLImage {...nativeProps} />;
+    return <RNMBXImage {...nativeProps} />;
   }),
 );
 
@@ -54,9 +54,9 @@ interface NativeProps {
   stretchY?: [number, number][];
 }
 
-export const NATIVE_MODULE_NAME = 'RCTMGLImage';
+export const NATIVE_MODULE_NAME = 'RNMBXImage';
 
-const RCTMGLImage = requireNativeComponent<NativeProps>(NATIVE_MODULE_NAME);
+const RNMBXImage = requireNativeComponent<NativeProps>(NATIVE_MODULE_NAME);
 
 Image.displayName = 'Image';
 

package/src/components/ImageSource.tsx

@@ -10,7 +10,7 @@ import { BaseProps } from '../types/BaseProps';
 
 import AbstractSource from './AbstractSource';
 
-export const NATIVE_MODULE_NAME = 'RCTMGLImageSource';
+export const NATIVE_MODULE_NAME = 'RNMBXImageSource';
 
 type Position = [number, number];
 
@@ -71,16 +71,16 @@ class ImageSource extends AbstractSource<Props, NativeProps> {
     };
 
     return (
-      <RCTMGLImageSource ref={this.setNativeRef} {...props}>
+      <RNMBXImageSource ref={this.setNativeRef} {...props}>
         {cloneReactChildrenWithProps(this.props.children, {
           sourceID: this.props.id,
         })}
-      </RCTMGLImageSource>
+      </RNMBXImageSource>
     );
   }
 }
 
-const RCTMGLImageSource =
+const RNMBXImageSource =
   requireNativeComponent<NativeProps>(NATIVE_MODULE_NAME);
 
 export default ImageSource;

package/src/components/Images.tsx

@@ -9,7 +9,7 @@ import { ImageSourcePropType, ImageResolvedAssetSource } from 'react-native';
 import { ShapeSource } from './ShapeSource';
 import Image from './Image';
 
-export const NATIVE_MODULE_NAME = 'RCTMGLImages';
+export const NATIVE_MODULE_NAME = 'RNMBXImages';
 
 export type RNMBEvent<PayloadType = { [key: string]: string }> = {
   payload: PayloadType;
@@ -190,7 +190,7 @@ class Images extends React.PureComponent<Props> {
       ...this._getImages(),
     };
 
-    return <RCTMGLImages {...props}>{this.props.children}</RCTMGLImages>;
+    return <RNMBXImages {...props}>{this.props.children}</RNMBXImages>;
   }
 }
 
@@ -203,6 +203,6 @@ type NativeProps = {
   nativeImages?: NativeImage[];
 };
 
-const RCTMGLImages = requireNativeComponent<NativeProps>(NATIVE_MODULE_NAME);
+const RNMBXImages = requireNativeComponent<NativeProps>(NATIVE_MODULE_NAME);
 
 export default Images;

package/src/components/Light.tsx

@@ -7,7 +7,7 @@ import { type BaseProps } from '../types/BaseProps';
 import { transformStyle } from '../utils/StyleValue';
 import nativeRef from '../utils/nativeRef';
 
-export const NATIVE_MODULE_NAME = 'RCTMGLLight';
+export const NATIVE_MODULE_NAME = 'RNMBXLight';
 
 type Props = BaseProps & {
   /**
@@ -30,7 +30,7 @@ interface LightMethods {
 function Light(props: Props, ref: React.ForwardedRef<LightMethods>) {
   const { style, ...propWithoutStyle } = props;
 
-  const nativeLightRef = nativeRef(useRef<typeof RCTMGLLight>(null));
+  const nativeLightRef = nativeRef(useRef<typeof RNMBXLight>(null));
 
   useImperativeHandle(ref, () => ({
     setNativeProps(_props: { [key: string]: unknown }) {
@@ -46,15 +46,15 @@ function Light(props: Props, ref: React.ForwardedRef<LightMethods>) {
   }));
 
   return (
-    <RCTMGLLight
+    <RNMBXLight
       ref={nativeLightRef}
-      testID="rctmglLight"
+      testID="RNMBXLight"
       {...propWithoutStyle}
       reactStyle={transformStyle(style)}
     />
   );
 }
 
-const RCTMGLLight = requireNativeComponent<NativeProps>(NATIVE_MODULE_NAME);
+const RNMBXLight = requireNativeComponent<NativeProps>(NATIVE_MODULE_NAME);
 
 export default memo(forwardRef(Light));

package/src/components/LineLayer.tsx

@@ -6,9 +6,9 @@ import { StyleValue } from '../utils/StyleValue';
 
 import AbstractLayer from './AbstractLayer';
 
-const MapboxGL = NativeModules.MGLModule;
+const MapboxGL = NativeModules.RNMBXModule;
 
-export const NATIVE_MODULE_NAME = 'RCTMGLLineLayer';
+export const NATIVE_MODULE_NAME = 'RNMBXLineLayer';
 
 export type Props = {
   /**
@@ -86,11 +86,11 @@ class LineLayer extends AbstractLayer<Props, NativeTypeProps> {
       ...this.baseProps,
       sourceLayerID: this.props.sourceLayerID,
     };
-    return <RCTMGLLineLayer ref={this.setNativeLayer} {...props} />;
+    return <RNMBXLineLayer ref={this.setNativeLayer} {...props} />;
   }
 }
 
-const RCTMGLLineLayer =
+const RNMBXLineLayer =
   requireNativeComponent<NativeTypeProps>(NATIVE_MODULE_NAME);
 
 export default LineLayer;

package/src/components/MapView.tsx

@@ -13,8 +13,8 @@ import {
 import { debounce } from 'debounce';
 import { GeoJsonProperties, Geometry } from 'geojson';
 
-import NativeMapView from '../specs/MBXMapViewNativeComponent';
-import NativeAndroidTextureMapView from '../specs/MBXAndroidTextureMapViewNativeComponent';
+import NativeMapView from '../specs/RNMBXMapViewNativeComponent';
+import NativeAndroidTextureMapView from '../specs/RNMBXAndroidTextureMapViewNativeComponent';
 import NativeMapViewModule from '../specs/NativeMapViewModule';
 import {
   isFunction,
@@ -30,15 +30,15 @@ import { type Location } from '../modules/location/locationManager';
 
 import NativeBridgeComponent from './NativeBridgeComponent';
 
-const { MGLModule } = NativeModules;
-const { EventTypes } = MGLModule;
+const { RNMBXModule } = NativeModules;
+const { EventTypes } = RNMBXModule;
 
-if (MGLModule == null) {
+if (RNMBXModule == null) {
   console.error(
     'Native part of Mapbox React Native libraries were not registered properly, double check our native installation guides.',
   );
 }
-if (!MGLModule.MapboxV10) {
+if (!RNMBXModule.MapboxV10) {
   console.warn(
     '@rnmapbox/maps: Non v10 implementations are deprecated and will be removed in next version - see https://github.com/rnmapbox/maps/wiki/Deprecated-RNMapboxImpl-Maplibre',
   );
@@ -51,7 +51,7 @@ const styles = StyleSheet.create({
   matchParent: { flex: 1 },
 });
 
-const defaultStyleURL = MGLModule.StyleURL.Street;
+const defaultStyleURL = RNMBXModule.StyleURL.Street;
 
 export type Point = {
   x: number;
@@ -409,7 +409,7 @@ class MapView extends NativeBridgeComponent(
     compassFadeWhenNorth: false,
     logoEnabled: true,
     scaleBarEnabled: true,
-    surfaceView: MGLModule.MapboxV10 ? true : false,
+    surfaceView: RNMBXModule.MapboxV10 ? true : false,
     requestDisallowInterceptTouchEvent: false,
     regionWillChangeDebounceTime: 10,
     regionDidChangeDebounceTime: 500,
@@ -441,7 +441,7 @@ class MapView extends NativeBridgeComponent(
       >,
     ) => void
   >;
-  _nativeRef?: RCTMGLMapViewRefType;
+  _nativeRef?: RNMBXMapViewRefType;
   state: {
     isReady: boolean | null;
     region: null;
@@ -498,7 +498,7 @@ class MapView extends NativeBridgeComponent(
   }
 
   _setHandledMapChangedEvents(props: Props) {
-    if (isAndroid() || MGLModule.MapboxV10) {
+    if (isAndroid() || RNMBXModule.MapboxV10) {
       const events: string[] = [];
 
       function addIfHasHandler(name: CallbablePropKeysWithoutOn) {
@@ -679,7 +679,7 @@ class MapView extends NativeBridgeComponent(
   ): Promise<GeoJSON.FeatureCollection | undefined> {
     if (
       bbox != null &&
-      (bbox.length === 4 || (MGLModule.MapboxV10 && bbox.length === 0))
+      (bbox.length === 4 || (RNMBXModule.MapboxV10 && bbox.length === 0))
     ) {
       const res = await this._runNative<{ data: GeoJSON.FeatureCollection }>(
         'queryRenderedFeaturesInRect',
@@ -741,7 +741,7 @@ class MapView extends NativeBridgeComponent(
     methodName: string,
     args: NativeArg[] = [],
   ): Promise<ReturnType> {
-    return this._runNativeCommand<typeof RCTMGLMapView, ReturnType>(
+    return this._runNativeCommand<typeof RNMBXMapView, ReturnType>(
       methodName,
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore TODO: fix types
@@ -798,7 +798,7 @@ class MapView extends NativeBridgeComponent(
    * v10 only
    */
   async clearData(): Promise<void> {
-    if (!MGLModule.MapboxV10) {
+    if (!RNMBXModule.MapboxV10) {
       console.warn(
         'RNMapbox: clearData is only implemented in v10 implementation or later',
       );
@@ -1037,7 +1037,7 @@ class MapView extends NativeBridgeComponent(
       return;
     }
 
-    if (MGLModule.MapboxV10) {
+    if (RNMBXModule.MapboxV10) {
       if (!this.deprecationLogged.contentInset) {
         console.warn(
           '@rnmapbox/maps: contentInset is deprecated, use Camera padding instead.',
@@ -1053,7 +1053,7 @@ class MapView extends NativeBridgeComponent(
     return this.props.contentInset;
   }
 
-  _setNativeRef(nativeRef: RCTMGLMapViewRefType) {
+  _setNativeRef(nativeRef: RNMBXMapViewRefType) {
     this._nativeRef = nativeRef;
     super._runPendingNativeCommands(nativeRef);
   }
@@ -1083,7 +1083,7 @@ class MapView extends NativeBridgeComponent(
   }
 
   _setLocalizeLabels(props: Props) {
-    if (!MGLModule.MapboxV10) {
+    if (!RNMBXModule.MapboxV10) {
       return;
     }
     if (typeof props.localizeLabels === 'boolean') {
@@ -1104,7 +1104,7 @@ class MapView extends NativeBridgeComponent(
     this._setLocalizeLabels(props);
 
     const callbacks = {
-      ref: (nativeRef: RCTMGLMapViewRefType) => this._setNativeRef(nativeRef),
+      ref: (nativeRef: RNMBXMapViewRefType) => this._setNativeRef(nativeRef),
       onPress: this._onPress,
       onLongPress: this._onLongPress,
       onMapChange: this._onChange,
@@ -1115,17 +1115,17 @@ class MapView extends NativeBridgeComponent(
     let mapView = null;
     if (isAndroid() && !this.props.surfaceView && this.state.isReady) {
       mapView = (
-        <RCTMGLAndroidTextureMapView {...props} {...callbacks}>
+        <RNMBXAndroidTextureMapView {...props} {...callbacks}>
           {this.props.children}
-        </RCTMGLAndroidTextureMapView>
+        </RNMBXAndroidTextureMapView>
       );
     } else if (this.state.isReady) {
       mapView = (
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore TODO: fix types
-        <RCTMGLMapView {...props} {...callbacks}>
+        <RNMBXMapView {...props} {...callbacks}>
           {this.props.children}
-        </RCTMGLMapView>
+        </RNMBXMapView>
       );
     }
 
@@ -1150,14 +1150,14 @@ type NativeProps = Omit<
   onCameraChanged(event: NativeSyntheticEvent<{ payload: MapState }>): void;
 };
 
-type RCTMGLMapViewRefType = Component<NativeProps> & Readonly<NativeMethods>;
-// const RCTMGLMapView = requireNativeComponent<NativeProps>(NATIVE_MODULE_NAME);
+type RNMBXMapViewRefType = Component<NativeProps> & Readonly<NativeMethods>;
+// const RNMBXMapView = requireNativeComponent<NativeProps>(NATIVE_MODULE_NAME);
 // TODO: figure out how to pick the correct implementation
-const RCTMGLMapView = NativeMapView;
+const RNMBXMapView = NativeMapView;
 
-let RCTMGLAndroidTextureMapView: any;
+let RNMBXAndroidTextureMapView: any;
 if (isAndroid()) {
-  RCTMGLAndroidTextureMapView = NativeAndroidTextureMapView;
+  RNMBXAndroidTextureMapView = NativeAndroidTextureMapView;
 }
 
 export default MapView;

package/src/components/MarkerView.tsx

@@ -13,9 +13,9 @@ import { type Position } from '../types/Position';
 
 import PointAnnotation from './PointAnnotation';
 
-const Mapbox = NativeModules.MGLModule;
+const Mapbox = NativeModules.RNMBXModule;
 
-export const NATIVE_MODULE_NAME = 'RCTMGLMarkerView';
+export const NATIVE_MODULE_NAME = 'RNMBXMarkerView';
 
 type Props = ViewProps & {
   /**
@@ -107,7 +107,7 @@ class MarkerView extends React.PureComponent<Props> {
     const { anchor = { x: 0.5, y: 0.5 } } = this.props;
 
     return (
-      <RCTMGLMarkerView
+      <RNMBXMarkerView
         style={[
           {
             flex: 0,
@@ -134,7 +134,7 @@ class MarkerView extends React.PureComponent<Props> {
         >
           {this.props.children}
         </View>
-      </RCTMGLMarkerView>
+      </RNMBXMarkerView>
     );
   }
 }
@@ -146,7 +146,6 @@ type NativeProps = ViewProps & {
   isSelected: boolean;
 };
 
-const RCTMGLMarkerView =
-  requireNativeComponent<NativeProps>(NATIVE_MODULE_NAME);
+const RNMBXMarkerView = requireNativeComponent<NativeProps>(NATIVE_MODULE_NAME);
 
 export default MarkerView;

package/src/components/NativeUserLocation.tsx

@@ -1,7 +1,7 @@
 import React, { memo } from 'react';
 import { requireNativeComponent } from 'react-native';
 
-const NATIVE_MODULE_NAME = 'RCTMGLNativeUserLocation';
+const NATIVE_MODULE_NAME = 'RNMBXNativeUserLocation';
 
 export type Props = {
   /**
@@ -25,11 +25,11 @@ export type Props = {
 
 type NativeProps = Props;
 
-const RCTMGLNativeUserLocation =
+const RNMBXNativeUserLocation =
   requireNativeComponent<NativeProps>(NATIVE_MODULE_NAME);
 
 const NativeUserLocation = memo((props: Props) => {
-  return <RCTMGLNativeUserLocation {...props} />;
+  return <RNMBXNativeUserLocation {...props} />;
 });
 
 export default NativeUserLocation;

package/src/components/PointAnnotation.tsx

@@ -15,7 +15,7 @@ import { Position } from '../types/Position';
 
 import NativeBridgeComponent, { type RNMBEvent } from './NativeBridgeComponent';
 
-export const NATIVE_MODULE_NAME = 'RCTMGLPointAnnotation';
+export const NATIVE_MODULE_NAME = 'RNMBXPointAnnotation';
 
 const styles = StyleSheet.create({
   container: {
@@ -221,9 +221,9 @@ class PointAnnotation extends NativeBridgeComponent(
       coordinate: this._getCoordinate(),
     };
     return (
-      <RCTMGLPointAnnotation {...props}>
+      <RNMBXPointAnnotation {...props}>
         {this.props.children}
-      </RCTMGLPointAnnotation>
+      </RNMBXPointAnnotation>
     );
   }
 }
@@ -234,7 +234,7 @@ type NativeProps = Omit<Props, 'coordinate'> & {
 
 type NativePointAnnotationRef = Component<NativeProps>;
 
-const RCTMGLPointAnnotation =
+const RNMBXPointAnnotation =
   requireNativeComponent<NativeProps>(NATIVE_MODULE_NAME);
 
 export default PointAnnotation;

package/src/components/RasterDemSource.tsx

@@ -9,9 +9,9 @@ const isTileTemplateUrl = (url?: string): url is string =>
   !!url &&
   (url.includes('{z}') || url.includes('{bbox-') || url.includes('{quadkey}'));
 
-const MapboxGL = NativeModules.MGLModule;
+const MapboxGL = NativeModules.RNMBXModule;
 
-export const NATIVE_MODULE_NAME = 'RCTMGLRasterDemSource';
+export const NATIVE_MODULE_NAME = 'RNMBXRasterDemSource';
 
 type Props = {
   /**
@@ -96,16 +96,16 @@ class RasterDemSource extends AbstractSource<Props, NativeProps> {
       tileSize: this.props.tileSize,
     };
     return (
-      <RCTMGLRasterDemSource ref={this.setNativeRef} {...props}>
+      <RNMBXRasterDemSource ref={this.setNativeRef} {...props}>
         {cloneReactChildrenWithProps(this.props.children, {
           sourceID: this.props.id,
         })}
-      </RCTMGLRasterDemSource>
+      </RNMBXRasterDemSource>
     );
   }
 }
 
-const RCTMGLRasterDemSource =
+const RNMBXRasterDemSource =
   requireNativeComponent<NativeProps>(NATIVE_MODULE_NAME);
 
 export default RasterDemSource;

package/src/components/RasterLayer.tsx

@@ -6,9 +6,9 @@ import { StyleValue } from '../utils/StyleValue';
 
 import AbstractLayer from './AbstractLayer';
 
-const MapboxGL = NativeModules.MGLModule;
+const MapboxGL = NativeModules.RNMBXModule;
 
-export const NATIVE_MODULE_NAME = 'RCTMGLRasterLayer';
+export const NATIVE_MODULE_NAME = 'RNMBXRasterLayer';
 
 export type Props = {
   /**
@@ -83,11 +83,11 @@ class RasterLayer extends AbstractLayer<Props, NativeTypeProps> {
       ...this.baseProps,
       sourceLayerID: this.props.sourceLayerID,
     };
-    return <RCTMGLRasterLayer ref={this.setNativeLayer} {...props} />;
+    return <RNMBXRasterLayer ref={this.setNativeLayer} {...props} />;
   }
 }
 
-const RCTMGLRasterLayer =
+const RNMBXRasterLayer =
   requireNativeComponent<NativeTypeProps>(NATIVE_MODULE_NAME);
 
 export default RasterLayer;

package/src/components/RasterSource.tsx

@@ -6,9 +6,9 @@ import { BaseProps } from '../types/BaseProps';
 
 import AbstractSource from './AbstractSource';
 
-const MapboxGL = NativeModules.MGLModule;
+const MapboxGL = NativeModules.RNMBXModule;
 
-export const NATIVE_MODULE_NAME = 'RCTMGLRasterSource';
+export const NATIVE_MODULE_NAME = 'RNMBXRasterSource';
 
 const isTileTemplateUrl = (url?: string): url is string =>
   !!url &&
@@ -115,16 +115,16 @@ class RasterSource extends AbstractSource<Props, NativeProps> {
       attribution: this.props.attribution,
     };
     return (
-      <RCTMGLRasterSource ref={this.setNativeRef} {...props}>
+      <RNMBXRasterSource ref={this.setNativeRef} {...props}>
         {cloneReactChildrenWithProps(this.props.children, {
           sourceID: this.props.id,
         })}
-      </RCTMGLRasterSource>
+      </RNMBXRasterSource>
     );
   }
 }
 
-const RCTMGLRasterSource =
+const RNMBXRasterSource =
   requireNativeComponent<NativeProps>(NATIVE_MODULE_NAME);
 
 export default RasterSource;

package/src/components/ShapeSource.tsx

@@ -19,9 +19,9 @@ import { OnPressEvent } from '../types/OnPressEvent';
 import AbstractSource from './AbstractSource';
 import NativeBridgeComponent from './NativeBridgeComponent';
 
-const MapboxGL = NativeModules.MGLModule;
+const MapboxGL = NativeModules.RNMBXModule;
 
-export const NATIVE_MODULE_NAME = 'RCTMGLShapeSource';
+export const NATIVE_MODULE_NAME = 'RNMBXShapeSource';
 
 type OnPressEventDeprecated = OnPressEvent & {
   nativeEvent?: OnPressEvent;
@@ -388,11 +388,11 @@ export class ShapeSource extends NativeBridgeComponent(
     };
 
     return (
-      <RCTMGLShapeSource {...props}>
+      <RNMBXShapeSource {...props}>
         {cloneReactChildrenWithProps(this.props.children, {
           sourceID: this.props.id,
         })}
-      </RCTMGLShapeSource>
+      </RNMBXShapeSource>
     );
   }
 }
@@ -402,5 +402,5 @@ type NativeProps = {
   shape?: string;
 };
 
-const RCTMGLShapeSource =
+const RNMBXShapeSource =
   requireNativeComponent<NativeProps>(NATIVE_MODULE_NAME);

package/src/components/SkyLayer.tsx

@@ -6,9 +6,9 @@ import { StyleValue } from '../utils/StyleValue';
 
 import AbstractLayer from './AbstractLayer';
 
-const MapboxGL = NativeModules.MGLModule;
+const MapboxGL = NativeModules.RNMBXModule;
 
-export const NATIVE_MODULE_NAME = 'RCTMGLSkyLayer';
+export const NATIVE_MODULE_NAME = 'RNMBXSkyLayer';
 
 export type Props = {
   /**
@@ -65,11 +65,11 @@ class SkyLayer extends AbstractLayer<Props, NativeTypeProps> {
   };
 
   render() {
-    return <RCTMGLSkyLayer ref={this.setNativeLayer} {...this.baseProps} />;
+    return <RNMBXSkyLayer ref={this.setNativeLayer} {...this.baseProps} />;
   }
 }
 
-const RCTMGLSkyLayer =
+const RNMBXSkyLayer =
   requireNativeComponent<NativeTypeProps>(NATIVE_MODULE_NAME);
 
 export default SkyLayer;

package/src/components/SymbolLayer.tsx

@@ -6,9 +6,9 @@ import { type StyleValue } from '../utils/StyleValue';
 
 import AbstractLayer from './AbstractLayer';
 
-const MapboxGL = NativeModules.MGLModule;
+const MapboxGL = NativeModules.RNMBXModule;
 
-export const NATIVE_MODULE_NAME = 'RCTMGLSymbolLayer';
+export const NATIVE_MODULE_NAME = 'RNMBXSymbolLayer';
 
 export type Props = {
   /**
@@ -77,7 +77,7 @@ type NativeTypeProps = Omit<Props, 'style'> & {
   reactStyle?: { [key: string]: StyleValue };
 };
 
-const RCTMGLSymbolLayer =
+const RNMBXSymbolLayer =
   requireNativeComponent<NativeTypeProps>(NATIVE_MODULE_NAME);
 
 /**
@@ -119,9 +119,9 @@ export class SymbolLayer extends AbstractLayer<Props, NativeTypeProps> {
     };
 
     return (
-      <RCTMGLSymbolLayer ref={this.setNativeLayer} {...props}>
+      <RNMBXSymbolLayer ref={this.setNativeLayer} {...props}>
         {this.props.children}
-      </RCTMGLSymbolLayer>
+      </RNMBXSymbolLayer>
     );
   }
 }

package/src/components/Terrain.tsx

@@ -5,7 +5,7 @@ import type { TerrainLayerStyleProps, Value } from '../utils/MapboxStyles';
 import { StyleValue, transformStyle } from '../utils/StyleValue';
 import type { BaseProps } from '../types/BaseProps';
 
-export const NATIVE_MODULE_NAME = 'RCTMGLTerrain';
+export const NATIVE_MODULE_NAME = 'RNMBXTerrain';
 
 type Props = BaseProps & {
   /**
@@ -46,7 +46,7 @@ export const Terrain = memo((props: Props) => {
     };
   }, [props, style]);
 
-  return <RCTMGLTerrain {...baseProps} />;
+  return <RNMBXTerrain {...baseProps} />;
 });
 
-const RCTMGLTerrain = requireNativeComponent<NativeProps>(NATIVE_MODULE_NAME);
+const RNMBXTerrain = requireNativeComponent<NativeProps>(NATIVE_MODULE_NAME);