@maplibre/maplibre-react-native 10.0.0-alpha.2 → 10.0.0-alpha.4

package/javascript/components/SymbolLayer.tsx

@@ -6,9 +6,9 @@ import AbstractLayer, {BaseLayerProps, NativeBaseProps} from './AbstractLayer';
 import React, {ReactElement} from 'react';
 import {View, NativeModules, requireNativeComponent} from 'react-native';
 
-const MapLibreGL = NativeModules.MGLModule;
+const MapLibreGL = NativeModules.MLNModule;
 
-export const NATIVE_MODULE_NAME = 'RCTMGLSymbolLayer';
+export const NATIVE_MODULE_NAME = 'RCTMLNSymbolLayer';
 
 interface SymbolLayerProps extends BaseProps, BaseLayerProps {
   /**
@@ -59,14 +59,14 @@ class SymbolLayer extends AbstractLayer<SymbolLayerProps, NativeBaseProps> {
     };
 
     return (
-      <RCTMGLSymbolLayer ref={this.setNativeLayer} {...props}>
+      <RCTMLNSymbolLayer ref={this.setNativeLayer} {...props}>
         {this.props.children}
-      </RCTMGLSymbolLayer>
+      </RCTMLNSymbolLayer>
     );
   }
 }
 
-const RCTMGLSymbolLayer =
+const RCTMLNSymbolLayer =
   requireNativeComponent<NativeProps>(NATIVE_MODULE_NAME);
 
 export default SymbolLayer;

package/javascript/components/VectorSource.tsx

@@ -17,9 +17,9 @@ import {
 } from 'react-native';
 import {featureCollection} from '@turf/helpers';
 
-const MapLibreGL = NativeModules.MGLModule;
+const MapLibreGL = NativeModules.MLNModule;
 
-export const NATIVE_MODULE_NAME = 'RCTMGLVectorSource';
+export const NATIVE_MODULE_NAME = 'RCTMLNVectorSource';
 
 interface VectorSourceProps extends BaseProps {
   /**
@@ -192,16 +192,16 @@ class VectorSource extends NativeBridgeComponent(
       onAndroidCallback: isAndroid() ? this._onAndroidCallback : undefined,
     };
     return (
-      <RCTMGLVectorSource ref={this.setNativeRef} {...props}>
+      <RCTMLNVectorSource ref={this.setNativeRef} {...props}>
         {cloneReactChildrenWithProps(this.props.children, {
           sourceID: this.props.id,
         })}
-      </RCTMGLVectorSource>
+      </RCTMLNVectorSource>
     );
   }
 }
 
-const RCTMGLVectorSource =
+const RCTMLNVectorSource =
   requireNativeComponent<VectorSourceProps>(NATIVE_MODULE_NAME);
 
 export default VectorSource;

package/javascript/modules/location/locationManager.ts

@@ -4,8 +4,8 @@ import {
   EmitterSubscription,
 } from 'react-native';
 
-const MapLibreGL = NativeModules.MGLModule;
-const MapLibreGLLocationManager = NativeModules.MGLLocationModule;
+const MapLibreGL = NativeModules.MLNModule;
+const MapLibreGLLocationManager = NativeModules.MLNLocationModule;
 
 export const LocationModuleEventEmitter = new NativeEventEmitter(
   MapLibreGLLocationManager,

package/javascript/modules/offline/OfflinePack.ts

@@ -2,7 +2,7 @@ import OfflineCreatePackOptions from './OfflineCreatePackOptions';
 
 import {NativeModules} from 'react-native';
 
-const MapLibreGLOfflineManager = NativeModules.MGLOfflineModule;
+const MapLibreGLOfflineManager = NativeModules.MLNOfflineModule;
 
 type OfflinePackStatus = {
   name: string;

package/javascript/modules/offline/offlineManager.ts

@@ -11,8 +11,8 @@ import {
   EventSubscription,
 } from 'react-native';
 
-const MapLibreGL = NativeModules.MGLModule;
-const MapLibreGLOfflineManager = NativeModules.MGLOfflineModule;
+const MapLibreGL = NativeModules.MLNModule;
+const MapLibreGLOfflineManager = NativeModules.MLNOfflineModule;
 export const OfflineModuleEventEmitter = new NativeEventEmitter(
   MapLibreGLOfflineManager,
 );

package/javascript/modules/snapshot/SnapshotOptions.ts

@@ -3,7 +3,7 @@ import {makePoint, makeFeatureCollection} from '../../utils/geoUtils';
 
 import {NativeModules} from 'react-native';
 
-const MapLibreGL = NativeModules.MGLModule;
+const MapLibreGL = NativeModules.MLNModule;
 
 export interface SnapshotInputOptions {
   centerCoordinate?: GeoJSON.Position;

package/javascript/modules/snapshot/snapshotManager.ts

@@ -2,7 +2,7 @@ import SnapshotOptions, {SnapshotInputOptions} from './SnapshotOptions';
 
 import {NativeModules} from 'react-native';
 
-const MapLibreGLSnapshotManger = NativeModules.MGLSnapshotModule;
+const MapLibreGLSnapshotManger = NativeModules.MLNSnapshotModule;
 
 /**
  * The snapshotManager generates static raster images of the map.

package/javascript/utils/Logger.ts

@@ -3,7 +3,7 @@ import {
   NativeEventEmitter,
   NativeModules,
 } from 'react-native';
-const {MGLLogging} = NativeModules;
+const {MLNLogging} = NativeModules;
 
 export type LogLevel = 'error' | 'warning' | 'info' | 'debug' | 'verbose';
 interface Log {
@@ -30,7 +30,7 @@ class Logger {
   private subscription: EmitterSubscription | null;
 
   constructor() {
-    this.loggerEmitter = new NativeEventEmitter(MGLLogging);
+    this.loggerEmitter = new NativeEventEmitter(MLNLogging);
     this.startedCount = 0;
     this.logCallback = null;
     this.subscription = null;
@@ -68,7 +68,7 @@ class Logger {
    * @param {LogLevel} level
    */
   static setLogLevel(level: LogLevel): void {
-    MGLLogging.setLogLevel(level);
+    MLNLogging.setLogLevel(level);
   }
 
   /**

package/javascript/utils/animated/AnimatedShape.ts

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/explicit-module-boundary-types */
-/* eslint-disable @typescript-eslint/no-explicit-any */
+
 import AnimatedCoordinatesArray from './AnimatedCoordinatesArray';
 import AnimatedExtractCoordinateFromArray from './AnimatedExtractCoordinateFromArray';
 import AnimatedRouteCoordinatesArray from './AnimatedRouteCoordinatesArray';

package/maplibre-react-native.podspec

@@ -28,9 +28,9 @@ def $RNMBGL.post_install(installer)
     url: "https://github.com/maplibre/maplibre-gl-native-distribution",
     requirement: {
       kind: "exactVersion",
-      version: "5.13.0"
+      version: "6.4.0"
     },
-    product_name: "Mapbox"
+    product_name: "MapLibre"
   }
 
   if $RNMBGL_SPM_Spec.is_a?(Hash)
@@ -74,6 +74,6 @@ Pod::Spec.new do |s|
   s.dependency 'React'
 
   s.subspec 'DynamicLibrary' do |sp|
-    sp.source_files	= "ios/RCTMGL/**/*.{h,m}"
+    sp.source_files	= "ios/RCTMLN/**/*.{h,m}"
   end
 end

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maplibre/maplibre-react-native",
   "description": "A MapLibre GL Native plugin for creating maps in React Native",
-  "version": "10.0.0-alpha.2",
+  "version": "10.0.0-alpha.4",
   "publishConfig": {
     "access": "public"
   },
@@ -32,7 +32,6 @@
     "test:plugin": "jest plugin",
     "build:plugin": "tsc --build plugin",
     "lint:plugin": "eslint plugin/src/*",
-    "_postinstall": "husky install",
     "postpack": "pinst --enable"
   },
   "peerDependenciesMeta": {
@@ -54,58 +53,57 @@
     "@turf/nearest-point-on-line": "6.5.0",
     "@types/geojson": "^7946.0.10",
     "@types/react-native": "0.67.8",
-    "debounce": "^1.2.0"
+    "debounce": "^2.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.20.5",
     "@babel/eslint-parser": "^7.22.9",
-    "@babel/plugin-proposal-class-properties": "7.16.7",
+    "@babel/plugin-proposal-class-properties": "7.18.6",
     "@babel/runtime": "7.17.2",
     "@expo/config-plugins": "^7.2.5",
-    "@react-native-community/eslint-config": "^3.0.1",
-    "@react-native-community/eslint-plugin": "^1.3.0",
+    "@react-native/eslint-config": "^0.73.2",
+    "@react-native/eslint-plugin": "^0.74.0",
     "@react-native/metro-config": "^0.72.7",
-    "@sinonjs/fake-timers": "^11.1.0",
-    "@testing-library/react-native": "^8.0.0",
-    "@tsconfig/node14": "14.1.0",
+    "@sinonjs/fake-timers": "^11.2.2",
+    "@testing-library/react-native": "^12.4.3",
+    "@tsconfig/node14": "^14.1.0",
     "@types/debounce": "^1.2.1",
-    "@types/jest": "^27.4.1",
+    "@types/jest": "^29.5.12",
     "@types/mapbox__geo-viewport": "^0.4.1",
     "@types/node": "^18.11.18",
     "@types/react": "^18.2.15",
-    "@typescript-eslint/eslint-plugin": "^5.2.0",
-    "@typescript-eslint/parser": "^6.7.4",
+    "@typescript-eslint/eslint-plugin": "^7.1.0",
+    "@typescript-eslint/parser": "^7.1.0",
     "babel-jest": "^29.6.0",
     "documentation": "^14.0.0",
     "ejs": "^3.1.3",
     "ejs-lint": "^2.0.0",
-    "eslint": "^8.45.0",
-    "eslint-config-prettier": "^8.1.0",
+    "eslint": "^8.56.0",
+    "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-eslint-comments": "^3.2.0",
     "eslint-plugin-fp": "^2.3.0",
-    "eslint-plugin-ft-flow": "^2.0.3",
-    "eslint-plugin-import": "2.28.1",
-    "eslint-plugin-jest": "^27.1.7",
-    "eslint-plugin-prettier": "^5.0.1",
-    "eslint-plugin-react": "^7.31.11",
+    "eslint-plugin-ft-flow": "^3.0.3",
+    "eslint-plugin-import": "2.29.1",
+    "eslint-plugin-jest": "^27.6.3",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-native": "^4.0.0",
+    "eslint-plugin-react-native": "^4.1.0",
     "expo-module-scripts": "^3.1.0",
-    "husky": "^8.0.3",
-    "jest": "^29.6.0",
-    "jest-cli": "^29.6.0",
-    "lint-staged": "^14.0.1",
+    "husky": "^9.0.10",
+    "jest": "^29.7.0",
+    "jest-cli": "^29.7.0",
+    "lint-staged": "^15.2.2",
     "metro-react-native-babel-preset": "^0.76.7",
     "node-dir": "0.1.17",
     "pinst": "^3.0.0",
-    "prettier": "^3.0.3",
-    "prop-types": "^15.8.1",
+    "prettier": "^3.2.5",
     "react": "^18.2.0",
     "react-docgen": "rnmapbox/react-docgen#rnmapbox-dist",
     "react-native": "0.72.1",
     "react-test-renderer": "^18.2.0",
     "standard": "*",
-    "typescript": "^4.4.3"
+    "typescript": "^5.3.3"
   },
   "jest": {
     "preset": "react-native",
@@ -125,5 +123,5 @@
   "lint-staged": {
     "*.{js,jsx,ts,tsx}": "yarn lint"
   },
-  "packageManager": "yarn@3.6.1"
+  "packageManager": "yarn@4.1.0"
 }

package/react-native.config.js

@@ -3,7 +3,7 @@ module.exports = {
     platforms: {
       ios: {},
       android: {
-        sourceDir: './android/rctmgl',
+        sourceDir: './android/rctmln',
       },
     },
   },

package/scripts/autogenHelpers/globals.js

@@ -84,25 +84,25 @@ global.getLayerType = function (layer, platform) {
 
   switch (layer.name) {
     case 'fill':
-      return isIOS ? 'MGLFillStyleLayer' : 'FillLayer';
+      return isIOS ? 'MLNFillStyleLayer' : 'FillLayer';
     case 'fill-extrusion':
-      return isIOS ? 'MGLFillExtrusionStyleLayer' : 'FillExtrusionLayer';
+      return isIOS ? 'MLNFillExtrusionStyleLayer' : 'FillExtrusionLayer';
     case 'line':
-      return isIOS ? 'MGLLineStyleLayer' : 'LineLayer';
+      return isIOS ? 'MLNLineStyleLayer' : 'LineLayer';
     case 'symbol':
-      return isIOS ? 'MGLSymbolStyleLayer' : 'SymbolLayer';
+      return isIOS ? 'MLNSymbolStyleLayer' : 'SymbolLayer';
     case 'circle':
-      return isIOS ? 'MGLCircleStyleLayer' : 'CircleLayer';
+      return isIOS ? 'MLNCircleStyleLayer' : 'CircleLayer';
     case 'background':
-      return isIOS ? 'MGLBackgroundStyleLayer' : 'BackgroundLayer';
+      return isIOS ? 'MLNBackgroundStyleLayer' : 'BackgroundLayer';
     case 'raster':
-      return isIOS ? 'MGLRasterStyleLayer' : 'RasterLayer';
+      return isIOS ? 'MLNRasterStyleLayer' : 'RasterLayer';
     case 'heatmap':
-      return isIOS ? 'MGLHeatmapStyleLayer' : 'HeatmapLayer';
+      return isIOS ? 'MLNHeatmapStyleLayer' : 'HeatmapLayer';
     case 'hillshade':
-      return isIOS ? 'MGLHillshadeStyleLayer' : 'HillshadeLayer';
+      return isIOS ? 'MLNHillshadeStyleLayer' : 'HillshadeLayer';
     case 'light':
-      return isIOS ? 'MGLLight' : 'Light';
+      return isIOS ? 'MLNLight' : 'Light';
     default:
       throw new Error(
         `Is ${layer.name} a new layer? We should add support for it!`,

package/scripts/autogenerate.js

@@ -32,7 +32,7 @@ function readAndroidVersion() {
     __dirname,
     '..',
     'android',
-    'rctmgl',
+    'rctmln',
     'build.gradle',
   );
   const lines = fs.readFileSync(buildGradlePath, 'utf8').split('\n');
@@ -64,18 +64,18 @@ const OUTPUT_EXAMPLE_PREFIX = [
 ];
 const OUTPUT_PREFIX = outputToExample ? OUTPUT_EXAMPLE_PREFIX : ['..'];
 
-const IOS_OUTPUT_PATH = path.join(__dirname, ...OUTPUT_PREFIX, 'ios', 'RCTMGL');
+const IOS_OUTPUT_PATH = path.join(__dirname, ...OUTPUT_PREFIX, 'ios', 'RCTMLN');
 const ANDROID_OUTPUT_PATH = path.join(
   __dirname,
   ...OUTPUT_PREFIX,
   'android',
-  'rctmgl',
+  'rctmln',
   'src',
   'main',
   'java',
   'com',
-  'mapbox',
-  'rctmgl',
+  'maplibre',
+  'rctmln',
   'components',
   'styles',
 );
@@ -322,8 +322,8 @@ function getAllowedFunctionTypes(paintAttr) {
 async function generate() {
   const templateMappings = [
     {
-      input: path.join(TMPL_PATH, 'RCTMGLStyle.h.ejs'),
-      output: path.join(IOS_OUTPUT_PATH, 'RCTMGLStyle.h'),
+      input: path.join(TMPL_PATH, 'RCTMLNStyle.h.ejs'),
+      output: path.join(IOS_OUTPUT_PATH, 'RCTMLNStyle.h'),
     },
     /*{
       input: path.join(TMPL_PATH, 'index.d.ts.ejs'),
@@ -334,12 +334,12 @@ async function generate() {
       output: path.join(JS_OUTPUT_PATH, 'MaplibreStyles.d.ts'), 
     },
     {
-      input: path.join(TMPL_PATH, 'RCTMGLStyle.m.ejs'),
-      output: path.join(IOS_OUTPUT_PATH, 'RCTMGLStyle.m'),
+      input: path.join(TMPL_PATH, 'RCTMLNStyle.m.ejs'),
+      output: path.join(IOS_OUTPUT_PATH, 'RCTMLNStyle.m'),
     },
     {
-      input: path.join(TMPL_PATH, 'RCTMGLStyleFactory.java.ejs'),
-      output: path.join(ANDROID_OUTPUT_PATH, 'RCTMGLStyleFactory.java'),
+      input: path.join(TMPL_PATH, 'RCTMLNStyleFactory.java.ejs'),
+      output: path.join(ANDROID_OUTPUT_PATH, 'RCTMLNStyleFactory.java'),
     },
     {
       input: path.join(TMPL_PATH, 'styleMap.ts.ejs'),

package/scripts/templates/{RCTMGLStyle.h.ejs → RCTMLNStyle.h.ejs}

@@ -4,18 +4,18 @@
 // DO NOT MODIFY
 // THIS FILE IS AUTOGENERATED
 
-#import "RCTMGLStyle.h"
-#import "RCTMGLStyleValue.h"
+#import "RCTMLNStyle.h"
+#import "RCTMLNStyleValue.h"
 #import <React/RCTBridge.h>
 
-@import Mapbox;
+@import MapLibre;
 
-@interface RCTMGLStyle : NSObject
+@interface RCTMLNStyle : NSObject
 
 @property (nonatomic, weak) RCTBridge *bridge;
-@property (nonatomic, strong) MGLStyle *style;
+@property (nonatomic, strong) MLNStyle *style;
 
-- (id)initWithMGLStyle:(MGLStyle*)mglStyle;
+- (id)initWithMLNStyle:(MLNStyle*)mlnStyle;
 
 <%_ for (const layer of layers) { _%>
 - (void)<%- setLayerMethodName(layer, 'ios') -%>:(<%- getLayerType(layer, 'ios') -%> *)layer withReactStyle:(NSDictionary *)reactStyle isValid:(BOOL (^)(void)) isValid;
@@ -23,9 +23,9 @@
 
 <%_ for (const layer of layers) { _%>
 <%_ for (const prop of layer.properties) { _%>
-- (void)set<%- iosPropMethodName(layer, pascelCase(prop.name)) -%>:(<%- getLayerType(layer, 'ios') -%> *)layer withReactStyleValue:(RCTMGLStyleValue *)styleValue;
+- (void)set<%- iosPropMethodName(layer, pascelCase(prop.name)) -%>:(<%- getLayerType(layer, 'ios') -%> *)layer withReactStyleValue:(RCTMLNStyleValue *)styleValue;
 <%_ if (prop.transition) { _%>
-- (void)set<%- iosPropMethodName(layer, pascelCase(prop.name)) -%>Transition:(<%- getLayerType(layer, 'ios') -%> *)layer withReactStyleValue:(RCTMGLStyleValue *)styleValue;
+- (void)set<%- iosPropMethodName(layer, pascelCase(prop.name)) -%>Transition:(<%- getLayerType(layer, 'ios') -%> *)layer withReactStyleValue:(RCTMLNStyleValue *)styleValue;
 <%_ } _%>
 <%_ } _%>
 <% } %>

package/scripts/templates/{RCTMGLStyle.m.ejs → RCTMLNStyle.m.ejs}

@@ -4,15 +4,15 @@
 // DO NOT MODIFY
 // THIS FILE IS AUTOGENERATED
 
-#import "RCTMGLStyle.h"
-#import "RCTMGLUtils.h"
+#import "RCTMLNStyle.h"
+#import "RCTMLNUtils.h"
 
-@implementation RCTMGLStyle
+@implementation RCTMLNStyle
 
-- (id)initWithMGLStyle:(MGLStyle*)mglStyle
+- (id)initWithMLNStyle:(MLNStyle*)mlnStyle
 {
     if (self = [super init]) {
-        _style = mglStyle;
+        _style = mlnStyle;
     }
     return self;
 }
@@ -31,7 +31,7 @@
       continue;
     }
 
-    RCTMGLStyleValue *styleValue = [RCTMGLStyleValue make:reactStyle[prop]];
+    RCTMLNStyleValue *styleValue = [RCTMLNStyleValue make:reactStyle[prop]];
 
   <% for (let i = 0; i < layer.properties.length; i++) { -%>
   <%- ifOrElseIf(i) -%> ([prop isEqualToString:@"<%= layer.properties[i].name %>"]) {
@@ -41,7 +41,7 @@
       } else {
         NSString *imageURI = [styleValue getImageURI];
 
-        [RCTMGLUtils fetchImage:_bridge url:imageURI scale:[styleValue getImageScale] callback:^(NSError *error, UIImage *image) {
+        [RCTMLNUtils fetchImage:_bridge url:imageURI scale:[styleValue getImageScale] callback:^(NSError *error, UIImage *image) {
           if (image != nil) {
             dispatch_async(dispatch_get_main_queue(), ^{
               if (isValid()) {
@@ -69,19 +69,19 @@
 
 <% for (const layer of layers) {%>
 <% for (const prop of layer.properties) {%>
-- (void)set<%- iosPropMethodName(layer, pascelCase(prop.name)) -%>:(<%- getLayerType(layer, 'ios') -%> *)layer withReactStyleValue:(RCTMGLStyleValue *)styleValue
+- (void)set<%- iosPropMethodName(layer, pascelCase(prop.name)) -%>:(<%- getLayerType(layer, 'ios') -%> *)layer withReactStyleValue:(RCTMLNStyleValue *)styleValue
 {
     <%_ if (layer.name === 'light' && prop.name === 'position') { _%>
     layer.position = [styleValue getSphericalPosition];
     <%_ } else if (prop.name === 'visibility') { _%>
     layer.visible = [styleValue isVisible];
     <%_ } else { _%>
-    layer.<%- iosPropName(prop.name) -%> = styleValue.mglStyleValue;
+    layer.<%- iosPropName(prop.name) -%> = styleValue.mlnStyleValue;
     <%_ } _%>
 }
 <%_ if (prop.transition) { _%>
 
-- (void)set<%- iosPropMethodName(layer, pascelCase(prop.name)) -%>Transition:(<%- getLayerType(layer, 'ios') -%> *)layer withReactStyleValue:(RCTMGLStyleValue *)styleValue
+- (void)set<%- iosPropMethodName(layer, pascelCase(prop.name)) -%>Transition:(<%- getLayerType(layer, 'ios') -%> *)layer withReactStyleValue:(RCTMLNStyleValue *)styleValue
 {
     layer.<%- iosPropName(prop.name) -%>Transition = [styleValue getTransition];
 }

package/scripts/templates/{RCTMGLStyleFactory.java.ejs → RCTMLNStyleFactory.java.ejs}

@@ -4,7 +4,7 @@
 // DO NOT MODIFY
 // THIS FILE IS AUTOGENERATED
 
-package com.mapbox.rctmgl.components.styles;
+package com.maplibre.rctmln.components.styles;
 
 import com.mapbox.mapboxsdk.style.layers.BackgroundLayer;
 import com.mapbox.mapboxsdk.style.layers.CircleLayer;
@@ -20,16 +20,16 @@ import com.mapbox.mapboxsdk.style.layers.HillshadeLayer;
 import com.mapbox.mapboxsdk.style.layers.TransitionOptions;
 import com.mapbox.mapboxsdk.style.light.Light;
 import com.mapbox.mapboxsdk.style.light.Position;
-import com.mapbox.rctmgl.utils.DownloadMapImageTask;
+import com.maplibre.rctmln.utils.DownloadMapImageTask;
 
 import java.util.List;
 
-public class RCTMGLStyleFactory {
+public class RCTMLNStyleFactory {
     public static final String VALUE_KEY = "value";
     public static final String SHOULD_ADD_IMAGE_KEY = "shouldAddImage";
 
   <%_ for (const layer of layers) { _%>
-    public static void <%- setLayerMethodName(layer) -%>(final <%- getLayerType(layer, 'android') -%> layer, RCTMGLStyle style) {
+    public static void <%- setLayerMethodName(layer) -%>(final <%- getLayerType(layer, 'android') -%> layer, RCTMLNStyle style) {
       List<String> styleKeys = style.getAllStyleKeys();
 
       if (styleKeys.size() == 0) {
@@ -37,7 +37,7 @@ public class RCTMGLStyleFactory {
       }
 
       for (String styleKey : styleKeys) {
-        final RCTMGLStyleValue styleValue = style.getStyleValueForKey(styleKey);
+        final RCTMLNStyleValue styleValue = style.getStyleValueForKey(styleKey);
 
         switch (styleKey) {
           <%_ for (const prop of layer.properties) { _%>
@@ -46,16 +46,16 @@ public class RCTMGLStyleFactory {
               style.addImage(styleValue, new DownloadMapImageTask.OnAllImagesLoaded() {
                   @Override
                   public void onAllImagesLoaded() {
-                      RCTMGLStyleFactory.set<%- pascelCase(prop.name) -%>(layer, styleValue);
+                      RCTMLNStyleFactory.set<%- pascelCase(prop.name) -%>(layer, styleValue);
                   }
               });
               <%_ } else { _%>
-              RCTMGLStyleFactory.set<%- pascelCase(prop.name) -%>(layer, styleValue);
+              RCTMLNStyleFactory.set<%- pascelCase(prop.name) -%>(layer, styleValue);
               <%_ } _%>
               break;
             <%_ if (prop.transition) { _%>
             case "<%= prop.name %>Transition":
-              RCTMGLStyleFactory.set<%- pascelCase(prop.name) -%>Transition(layer, styleValue);
+              RCTMLNStyleFactory.set<%- pascelCase(prop.name) -%>Transition(layer, styleValue);
               break;
             <%_ } _%>
           <%_ } _%>
@@ -66,7 +66,7 @@ public class RCTMGLStyleFactory {
 
   <%_ for (const layer of layers) { _%>
   <%_ for (const prop of layer.properties) { _%>
-    public static void set<%- pascelCase(prop.name) -%>(<%- getLayerType(layer, 'android') -%> layer, RCTMGLStyleValue styleValue) {
+    public static void set<%- pascelCase(prop.name) -%>(<%- getLayerType(layer, 'android') -%> layer, RCTMLNStyleValue styleValue) {
       <%_ if (layer.name === 'light' && prop.name === 'position') { _%>
       Float[] values = styleValue.getFloatArray(VALUE_KEY);
       layer.set<%- pascelCase(prop.name) -%>(Position.fromPosition(values[0], values[1], values[2]));
@@ -94,7 +94,7 @@ public class RCTMGLStyleFactory {
     }
 
     <%_ if (prop.transition) { %>
-    public static void set<%- pascelCase(prop.name) -%>Transition(<%- getLayerType(layer, 'android') -%> layer, RCTMGLStyleValue styleValue) {
+    public static void set<%- pascelCase(prop.name) -%>Transition(<%- getLayerType(layer, 'android') -%> layer, RCTMLNStyleValue styleValue) {
       TransitionOptions transition = styleValue.getTransition();
       if (transition != null) {
         layer.set<%- pascelCase(prop.name) -%>Transition(transition);

package/setup-jest.js

@@ -7,7 +7,7 @@ function keyMirror(keys) {
 }
 
 // Mock of what the native code puts on the JS object
-NativeModules.MGLModule = {
+NativeModules.MLNModule = {
   // constants
   UserTrackingModes: keyMirror([
     'None',
@@ -76,7 +76,7 @@ NativeModules.MGLModule = {
   setConnected: jest.fn(),
 };
 
-NativeModules.MGLOfflineModule = {
+NativeModules.MLNOfflineModule = {
   createPack: packOptions => {
     return Promise.resolve({
       bounds: packOptions.bounds,
@@ -93,13 +93,13 @@ NativeModules.MGLOfflineModule = {
   setProgressEventThrottle: jest.fn(),
 };
 
-NativeModules.MGLSnapshotModule = {
+NativeModules.MLNSnapshotModule = {
   takeSnap: () => {
     return Promise.resolve('file://test.png');
   },
 };
 
-NativeModules.MGLLocationModule = {
+NativeModules.MLNLocationModule = {
   getLastKnownLocation: jest.fn(),
   setMinDisplacement: jest.fn(),
   start: jest.fn(),