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

package/android/install.md

@@ -35,6 +35,20 @@ allprojects {
 }
 ```
 
+### Setting Mapbox implementation
+
+Note 10.1 or later only supports mapbox 10 and 11 implementations. So you no longer need to set this variable:
+
+Set `RNMapboxMapsImpl` in `android/build.gradle > buildscript > ext` section
+
+```groovy
+buildscript {
+    ext {
+        RNMapboxMapsImpl = 'mapbox'
+    }
+}
+```
+
 ### Using non default mapbox version
 
 *Warning*: If you set a custom version, make sure you revisit, any time you update @rnmapbox/maps. Setting it to earlier version than what we exepect will likely result in a build error.

package/android/src/main/java/com/rnmapbox/rnmbx/RNMBXPackage.kt

@@ -0,0 +1,168 @@
+package com.rnmapbox.rnmbx
+
+import com.facebook.react.TurboReactPackage
+import com.facebook.react.bridge.JavaScriptModule
+import com.facebook.react.bridge.NativeModule
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.module.model.ReactModuleInfo
+import com.facebook.react.module.model.ReactModuleInfoProvider
+import com.facebook.react.uimanager.ViewManager
+import com.rnmapbox.rnmbx.components.annotation.RNMBXCalloutManager
+import com.rnmapbox.rnmbx.components.annotation.RNMBXMarkerViewManager
+import com.rnmapbox.rnmbx.components.annotation.RNMBXPointAnnotationManager
+import com.rnmapbox.rnmbx.components.camera.RNMBXCameraManager
+import com.rnmapbox.rnmbx.components.images.RNMBXImageManager
+import com.rnmapbox.rnmbx.components.images.RNMBXImagesManager
+import com.rnmapbox.rnmbx.components.location.RNMBXNativeUserLocationManager
+import com.rnmapbox.rnmbx.components.mapview.NativeMapViewModule
+import com.rnmapbox.rnmbx.components.mapview.RNMBXAndroidTextureMapViewManager
+import com.rnmapbox.rnmbx.components.mapview.RNMBXMapViewManager
+import com.rnmapbox.rnmbx.components.styles.RNMBXStyleImportManager
+import com.rnmapbox.rnmbx.components.styles.atmosphere.RNMBXAtmosphereManager
+import com.rnmapbox.rnmbx.components.styles.layers.RNMBXBackgroundLayerManager
+import com.rnmapbox.rnmbx.components.styles.layers.RNMBXCircleLayerManager
+import com.rnmapbox.rnmbx.components.styles.layers.RNMBXFillExtrusionLayerManager
+import com.rnmapbox.rnmbx.components.styles.layers.RNMBXFillLayerManager
+import com.rnmapbox.rnmbx.components.styles.layers.RNMBXHeatmapLayerManager
+import com.rnmapbox.rnmbx.components.styles.layers.RNMBXLineLayerManager
+import com.rnmapbox.rnmbx.components.styles.layers.RNMBXRasterLayerManager
+import com.rnmapbox.rnmbx.components.styles.layers.RNMBXSkyLayerManager
+import com.rnmapbox.rnmbx.components.styles.layers.RNMBXSymbolLayerManager
+import com.rnmapbox.rnmbx.components.styles.light.RNMBXLightManager
+import com.rnmapbox.rnmbx.components.styles.sources.RNMBXImageSourceManager
+import com.rnmapbox.rnmbx.components.styles.sources.RNMBXRasterDemSourceManager
+import com.rnmapbox.rnmbx.components.styles.sources.RNMBXRasterSourceManager
+import com.rnmapbox.rnmbx.components.styles.sources.RNMBXShapeSourceManager
+import com.rnmapbox.rnmbx.components.styles.sources.RNMBXVectorSourceManager
+import com.rnmapbox.rnmbx.components.styles.terrain.RNMBXTerrainManager
+import com.rnmapbox.rnmbx.modules.RNMBXLocationModule
+import com.rnmapbox.rnmbx.modules.RNMBXLogging
+import com.rnmapbox.rnmbx.modules.RNMBXModule
+import com.rnmapbox.rnmbx.modules.RNMBXOfflineModule
+import com.rnmapbox.rnmbx.modules.RNMBXSnapshotModule
+
+class RNMBXPackage : TurboReactPackage() {
+    override fun getModule(
+        s: String,
+        reactApplicationContext: ReactApplicationContext
+    ): NativeModule? {
+        when (s) {
+            RNMBXModule.REACT_CLASS -> return RNMBXModule(reactApplicationContext)
+            RNMBXLocationModule.REACT_CLASS -> return RNMBXLocationModule(reactApplicationContext)
+            RNMBXOfflineModule.REACT_CLASS -> return RNMBXOfflineModule(reactApplicationContext)
+            RNMBXSnapshotModule.REACT_CLASS -> return RNMBXSnapshotModule(reactApplicationContext)
+            RNMBXLogging.REACT_CLASS -> return RNMBXLogging(reactApplicationContext)
+            NativeMapViewModule.NAME -> return NativeMapViewModule(reactApplicationContext)
+        }
+        return null
+    }
+
+    @Deprecated("")
+    fun createJSModules(): List<Class<out JavaScriptModule?>> {
+        return emptyList()
+    }
+
+    override fun createViewManagers(reactApplicationContext: ReactApplicationContext): List<ViewManager<*, *>> {
+        val managers: MutableList<ViewManager<*, *>> = ArrayList()
+
+        // components
+        managers.add(RNMBXCameraManager(reactApplicationContext))
+        managers.add(RNMBXAndroidTextureMapViewManager(reactApplicationContext))
+        managers.add(RNMBXMapViewManager(reactApplicationContext))
+        managers.add(RNMBXStyleImportManager(reactApplicationContext))
+
+        // annotations
+        managers.add(RNMBXMarkerViewManager(reactApplicationContext))
+        managers.add(RNMBXPointAnnotationManager(reactApplicationContext))
+        managers.add(RNMBXCalloutManager())
+        managers.add(RNMBXNativeUserLocationManager())
+
+        // sources
+        managers.add(RNMBXVectorSourceManager(reactApplicationContext))
+        managers.add(RNMBXShapeSourceManager(reactApplicationContext))
+        managers.add(RNMBXRasterDemSourceManager(reactApplicationContext))
+        managers.add(RNMBXRasterSourceManager(reactApplicationContext))
+        managers.add(RNMBXImageSourceManager())
+
+        // images
+        managers.add(RNMBXImagesManager(reactApplicationContext))
+        managers.add(RNMBXImageManager(reactApplicationContext))
+
+        // layers
+        managers.add(RNMBXFillLayerManager())
+        managers.add(RNMBXFillExtrusionLayerManager())
+        managers.add(RNMBXHeatmapLayerManager())
+        managers.add(RNMBXLineLayerManager())
+        managers.add(RNMBXCircleLayerManager())
+        managers.add(RNMBXSymbolLayerManager())
+        managers.add(RNMBXRasterLayerManager())
+        managers.add(RNMBXSkyLayerManager())
+        managers.add(RNMBXTerrainManager())
+        managers.add(RNMBXAtmosphereManager())
+        managers.add(RNMBXBackgroundLayerManager())
+        managers.add(RNMBXLightManager())
+        return managers
+    }
+
+    override fun getReactModuleInfoProvider(): ReactModuleInfoProvider {
+        return ReactModuleInfoProvider {
+            val moduleInfos: MutableMap<String, ReactModuleInfo> = HashMap()
+            val isTurboModule = BuildConfig.IS_NEW_ARCHITECTURE_ENABLED
+            moduleInfos[RNMBXModule.REACT_CLASS] = ReactModuleInfo(
+                RNMBXModule.REACT_CLASS,
+                RNMBXModule.REACT_CLASS,
+                false,  // canOverrideExistingModule
+                false,  // needsEagerInit
+                true,  // hasConstants
+                false,  // isCxxModule
+                false // isTurboModule
+            )
+            moduleInfos[RNMBXLocationModule.REACT_CLASS] = ReactModuleInfo(
+                RNMBXLocationModule.REACT_CLASS,
+                RNMBXLocationModule.REACT_CLASS,
+                false,  // canOverrideExistingModule
+                false,  // needsEagerInit
+                true,  // hasConstants
+                false,  // isCxxModule
+                false // isTurboModule
+            )
+            moduleInfos[RNMBXOfflineModule.REACT_CLASS] = ReactModuleInfo(
+                RNMBXOfflineModule.REACT_CLASS,
+                RNMBXOfflineModule.REACT_CLASS,
+                false,  // canOverrideExistingModule
+                false,  // needsEagerInit
+                true,  // hasConstants
+                false,  // isCxxModule
+                false // isTurboModule
+            )
+            moduleInfos[RNMBXSnapshotModule.REACT_CLASS] = ReactModuleInfo(
+                RNMBXSnapshotModule.REACT_CLASS,
+                RNMBXSnapshotModule.REACT_CLASS,
+                false,  // canOverrideExistingModule
+                false,  // needsEagerInit
+                true,  // hasConstants
+                false,  // isCxxModule
+                false // isTurboModule
+            )
+            moduleInfos[RNMBXLogging.REACT_CLASS] = ReactModuleInfo(
+                RNMBXLogging.REACT_CLASS,
+                RNMBXLogging.REACT_CLASS,
+                false,  // canOverrideExistingModule
+                false,  // needsEagerInit
+                true,  // hasConstants
+                false,  // isCxxModule
+                false // isTurboModule
+            )
+            moduleInfos[NativeMapViewModule.NAME] = ReactModuleInfo(
+                NativeMapViewModule.NAME,
+                NativeMapViewModule.NAME,
+                false,  // canOverrideExistingModule
+                false,  // needsEagerInit
+                false,  // hasConstants
+                false,  // isCxxModule
+                isTurboModule // isTurboModule
+            )
+            moduleInfos
+        }
+    }
+}

package/android/src/main/java/com/rnmapbox/rnmbx/components/mapview/RNMBXMapView.kt

@@ -438,6 +438,8 @@ open class RNMBXMapView(private val mContext: Context, var mManager: RNMBXMapVie
             feature = childView
         } else if (childView is RCTLayer<*>) {
             feature = childView as AbstractMapFeature?
+        } else if (childView is AbstractMapFeature) {
+            feature = childView as AbstractMapFeature
         } else if (childView is ViewGroup) {
             val children = childView
             Logger.w(LOG_TAG, "Adding non map components as a child of a map is deprecated!")
@@ -448,7 +450,6 @@ open class RNMBXMapView(private val mContext: Context, var mManager: RNMBXMapVie
 
         val addToMap = styleLoaded
 
-
         var entry = FeatureEntry(feature, childView, false)
         if (addToMap) {
             feature?.addToMap(this)

package/android/src/main/java/com/rnmapbox/rnmbx/components/styles/RNMBXStyleImport.kt

@@ -0,0 +1,37 @@
+package com.rnmapbox.rnmbx.components.styles
+
+import android.content.Context
+import android.view.ViewGroup
+import com.mapbox.bindgen.Value
+import com.rnmapbox.rnmbx.components.AbstractMapFeature
+import com.rnmapbox.rnmbx.components.mapview.RNMBXMapView
+
+import com.rnmapbox.rnmbx.v11compat.style.*
+
+class RNMBXStyleImport(context: Context) : AbstractMapFeature(context) {
+    var id: String? = null;
+
+    var config: HashMap<String, Value> = hashMapOf()
+        set(value: HashMap<String, Value>) {
+            field = value
+            if (mMapView != null) { updateConfig() }
+        }
+
+    override fun addToMap(mapView: RNMBXMapView) {
+        super.addToMap(mapView)
+        updateConfig()
+    }
+
+    fun updateConfig() {
+        withMapView {mapView ->
+            id?.let { id ->
+                val config = this.config
+                if (config.isNotEmpty()) {
+                    mapView.mapView.getMapboxMap().getStyle()
+                        ?.setStyleImportConfigProperties(id, config)
+                }
+            }
+        }
+
+    }
+}

package/android/src/main/java/com/rnmapbox/rnmbx/components/styles/RNMBXStyleImportManager.kt

@@ -0,0 +1,57 @@
+package com.rnmapbox.rnmbx.components.styles
+
+import com.facebook.react.bridge.Dynamic
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.bridge.ReadableMap
+import com.facebook.react.bridge.ReadableType
+import com.facebook.react.common.MapBuilder
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.annotations.ReactProp
+import com.facebook.react.viewmanagers.RNMBXStyleImportManagerInterface
+import com.rnmapbox.rnmbx.components.AbstractEventEmitter
+import com.rnmapbox.rnmbx.components.mapview.RNMBXMapView
+import com.mapbox.bindgen.Value
+import com.rnmapbox.rnmbx.utils.Logger
+import com.rnmapbox.rnmbx.utils.extensions.toValueHashMap
+import org.json.JSONObject
+
+class RNMBXStyleImportManager(context: ReactApplicationContext) :
+    AbstractEventEmitter<RNMBXStyleImport>(context),
+    RNMBXStyleImportManagerInterface<RNMBXStyleImport> {
+    override fun customEvents(): Map<String, String>? {
+        return MapBuilder.builder<String, String>().build()
+    }
+
+    override fun getName(): String {
+        return REACT_CLASS
+    }
+
+    override fun createViewInstance(context: ThemedReactContext): RNMBXStyleImport {
+        return RNMBXStyleImport(context)
+    }
+
+    companion object {
+        const val REACT_CLASS = "RNMBXStyleImport"
+    }
+
+    @ReactProp(name = "id")
+    override fun setId(view: RNMBXStyleImport, value: String?) {
+        if (value != null) {
+            view.id = value
+        }
+    }
+
+    @ReactProp(name = "existing")
+    override fun setExisting(view: RNMBXStyleImport, value: Boolean) {
+
+    }
+
+    @ReactProp(name = "config")
+    override fun setConfig(view: RNMBXStyleImport, value: Dynamic) {
+        if (value.type != ReadableType.Map) {
+            Logger.e(REACT_CLASS, "config expected Map but received: ${value.type}")
+        } else {
+            view.config = value.asMap().toValueHashMap()
+        }
+    }
+}

package/android/src/main/java/com/rnmapbox/rnmbx/utils/extensions/Dynamic.kt

@@ -0,0 +1,57 @@
+package com.rnmapbox.rnmbx.utils.extensions
+
+import com.facebook.react.bridge.Dynamic;
+import com.facebook.react.bridge.ReadableArray
+import com.facebook.react.bridge.ReadableMap
+import com.facebook.react.bridge.ReadableType
+import com.mapbox.bindgen.Value
+
+fun ReadableMap.toValueHashMap(): HashMap<String, Value> {
+    var result = hashMapOf<String, Value>()
+    var iterator = keySetIterator()
+    while (iterator.hasNextKey()) {
+        val i = iterator.nextKey()
+
+        result[i] = when (getType(i)) {
+            ReadableType.Null -> Value.nullValue()
+            ReadableType.Boolean -> Value.valueOf(getBoolean(i))
+            ReadableType.Number -> Value.valueOf(getDouble(i))
+            ReadableType.String -> Value.valueOf(getString(i)!!)
+            ReadableType.Array -> getArray(i)!!.toValue()
+            ReadableType.Map -> getMap(i)!!.toValue()
+        }
+    }
+    return result
+}
+
+fun ReadableMap.toValue() : Value {
+    return Value.valueOf(toValueHashMap())
+}
+
+fun ReadableArray.toValue(): Value {
+    var result = ArrayList<Value>(size())
+
+    for (i in 0 until size()) {
+        result.add(
+        when (getType(i)) {
+            ReadableType.Null -> Value.nullValue()
+            ReadableType.Boolean -> Value.valueOf(getBoolean(i))
+            ReadableType.Number -> Value.valueOf(getDouble(i))
+            ReadableType.String -> Value.valueOf(getString(i))
+            ReadableType.Array -> getArray(i).toValue()
+            ReadableType.Map -> getMap(i).toValue()
+        })
+    }
+    return Value.valueOf(result)
+}
+
+fun Dynamic.toValue(): Value {
+    return when (type) {
+        ReadableType.Null -> Value.nullValue()
+        ReadableType.Boolean -> Value.valueOf(asBoolean())
+        ReadableType.Number -> Value.valueOf(asDouble())
+        ReadableType.String -> Value.valueOf(asString())
+        ReadableType.Array -> asArray().toValue()
+        ReadableType.Map -> asMap().toValue()
+    }
+}

package/android/src/main/mapbox-v11-compat/v10/com/mapbox/rnmbx/v11compat/style.kt

@@ -0,0 +1,9 @@
+package com.rnmapbox.rnmbx.v11compat.style;
+
+import com.mapbox.bindgen.Value
+import com.mapbox.maps.Style
+import com.rnmapbox.rnmbx.utils.Logger
+
+fun Style?.setStyleImportConfigProperties(id: String, config: HashMap<String, Value>) {
+    Logger.w("RNBMXStyleImport", "Style imports only supported on mapbox v11")
+}

package/android/src/main/mapbox-v11-compat/v11/com/mapbox/rnmbx/v11compat/style.kt

@@ -0,0 +1,2 @@
+package com.rnmapbox.rnmbx.v11compat.style;
+

package/android/src/main/old-arch/com/facebook/react/viewmanagers/RNMBXAndroidTextureMapViewManagerDelegate.java

@@ -1,7 +1,8 @@
 /**
 * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
 *
-* This file should be updated after modifying `RNMBXAndroidTextureMapViewNativeComponent.ts`.
+* Do not edit this file as changes may cause incorrect behavior and will be lost
+* once the code is regenerated.
 *
 * @generated by codegen project: GeneratePropsJavaDelegate.js
 */

package/android/src/main/old-arch/com/facebook/react/viewmanagers/RNMBXAndroidTextureMapViewManagerInterface.java

@@ -1,7 +1,8 @@
 /**
 * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
 *
-* This file should be updated after modifying `RNMBXAndroidTextureMapViewNativeComponent.ts`.
+* Do not edit this file as changes may cause incorrect behavior and will be lost
+* once the code is regenerated.
 *
 * @generated by codegen project: GeneratePropsJavaInterface.js
 */

package/android/src/main/old-arch/com/facebook/react/viewmanagers/RNMBXMapViewManagerDelegate.java

@@ -1,7 +1,8 @@
 /**
 * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
 *
-* This file should be updated after modifying `MBXMapViewNativeComponent.ts`.
+* Do not edit this file as changes may cause incorrect behavior and will be lost
+* once the code is regenerated.
 *
 * @generated by codegen project: GeneratePropsJavaDelegate.js
 */

package/android/src/main/old-arch/com/facebook/react/viewmanagers/RNMBXMapViewManagerInterface.java

@@ -1,7 +1,8 @@
 /**
 * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
 *
-* This file should be updated after modifying `MBXMapViewNativeComponent.ts`.
+* Do not edit this file as changes may cause incorrect behavior and will be lost
+* once the code is regenerated.
 *
 * @generated by codegen project: GeneratePropsJavaInterface.js
 */

package/android/src/main/old-arch/com/facebook/react/viewmanagers/RNMBXStyleImportManagerDelegate.java

@@ -0,0 +1,38 @@
+/**
+* This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+*
+* Do not edit this file as changes may cause incorrect behavior and will be lost
+* once the code is regenerated.
+*
+* @generated by codegen project: GeneratePropsJavaDelegate.js
+*/
+
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+import com.facebook.react.bridge.DynamicFromObject;
+import com.facebook.react.uimanager.BaseViewManagerDelegate;
+import com.facebook.react.uimanager.BaseViewManagerInterface;
+
+public class RNMBXStyleImportManagerDelegate<T extends View, U extends BaseViewManagerInterface<T> & RNMBXStyleImportManagerInterface<T>> extends BaseViewManagerDelegate<T, U> {
+  public RNMBXStyleImportManagerDelegate(U viewManager) {
+    super(viewManager);
+  }
+  @Override
+  public void setProperty(T view, String propName, @Nullable Object value) {
+    switch (propName) {
+      case "id":
+        mViewManager.setId(view, value == null ? null : (String) value);
+        break;
+      case "existing":
+        mViewManager.setExisting(view, value == null ? false : (boolean) value);
+        break;
+      case "config":
+        mViewManager.setConfig(view, new DynamicFromObject(value));
+        break;
+      default:
+        super.setProperty(view, propName, value);
+    }
+  }
+}

package/android/src/main/old-arch/com/facebook/react/viewmanagers/RNMBXStyleImportManagerInterface.java

@@ -0,0 +1,20 @@
+/**
+* This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+*
+* Do not edit this file as changes may cause incorrect behavior and will be lost
+* once the code is regenerated.
+*
+* @generated by codegen project: GeneratePropsJavaInterface.js
+*/
+
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+import com.facebook.react.bridge.Dynamic;
+
+public interface RNMBXStyleImportManagerInterface<T extends View> {
+  void setId(T view, @Nullable String value);
+  void setExisting(T view, boolean value);
+  void setConfig(T view, Dynamic value);
+}

package/android/src/main/old-arch/com/{mapbox → rnmapbox}/rnmbx/NativeMapViewModuleSpec.java

@@ -2,7 +2,8 @@
 /**
  * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
  *
-* This file should be updated after modifying `NativeMapViewModule.ts`.
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
  *
  * @generated by codegen project: GenerateModuleJavaSpec.js
  *

package/ios/RNMBX/RNMBXMapViewComponentView.mm

@@ -9,14 +9,8 @@
 #import <react/renderer/components/rnmapbox_maps_specs/EventEmitters.h>
 #import <react/renderer/components/rnmapbox_maps_specs/Props.h>
 #import <react/renderer/components/rnmapbox_maps_specs/RCTComponentViewHelpers.h>
-// needed for compilation for some reason
-#import <CoreFoundation/CoreFoundation.h>
-#import <CoreLocation/CoreLocation.h>
 
-@interface MapView : UIView
-@end
-
-#import <rnmapbox_maps-Swift.h>
+#import "rnmapbox_maps-Swift.h.pre"
 
 using namespace facebook::react;
 

package/ios/RNMBX/RNMBXMapViewModule.mm

@@ -7,15 +7,7 @@
 #import "RNMBXMapViewComponentView.h"
 #endif // RCT_NEW_ARCH_ENABLED
 
-// needed for compilation for some reason
-#import <CoreFoundation/CoreFoundation.h>
-#import <CoreLocation/CoreLocation.h>
-
-@interface MapView : UIView
-@end
-
-#import <rnmapbox_maps-Swift.h>
-
+#import "rnmapbox_maps-Swift.h.pre"
 
 @implementation RNMBXMapViewModule
 

package/ios/RNMBX/RNMBXStyleImport.swift

@@ -0,0 +1,42 @@
+@_spi(Experimental) import MapboxMaps
+
+@objc(RNMBXStyleImport)
+open class RNMBXStyleImport : UIView, RNMBXMapComponent {
+  var mapView: MapView? = nil
+  
+  // MARK: React properties
+  @objc
+  var id: String? = nil;
+  
+  @objc
+  var existing: Bool = false;
+  
+  @objc
+  var config: [String: Any]?
+  
+  func waitForStyleLoad() -> Bool {
+    true
+  }
+
+  func addToMap(_ map: RNMBXMapView, style: Style) {
+    mapView = map.mapView
+    apply(mapView: map.mapView)
+  }
+
+  func removeFromMap(_ map: RNMBXMapView, reason: RemovalReason) -> Bool {
+    self.mapView = nil
+    return true
+  }
+
+  func apply(mapView: MapView) {
+    if let config = config, let id = id {
+      #if RNMBX_11
+      logged("RNMBXStyleImport.setStyleImportConfigProperties id=\(id)") {
+        try mapView.mapboxMap.setStyleImportConfigProperties(for: id, configs: config)
+      }
+      #else
+      Logger.error("RNMBXStyleImport.setStyleImportConfigProperties is only implemented on v11")
+      #endif
+    }
+  }
+}

package/ios/RNMBX/RNMBXStyleImportComponentView.h

@@ -0,0 +1,17 @@
+#ifdef RCT_NEW_ARCH_ENABLED
+
+#import <UIKit/UIKit.h>
+
+#import <React/RCTUIManager.h>
+#import <React/RCTViewComponentView.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+
+@interface RNMBXStyleImportComponentView : RCTViewComponentView
+
+@end
+
+NS_ASSUME_NONNULL_END
+
+#endif // RCT_NEW_ARCH_ENABLED

package/ios/RNMBX/RNMBXStyleImportComponentView.mm

@@ -0,0 +1,40 @@
+#ifdef RCT_NEW_ARCH_ENABLED
+
+#import "RNMBXStyleImportComponentView.h"
+
+#import <React/RCTConversions.h>
+#import <React/RCTFabricComponentsPlugins.h>
+
+#import <react/renderer/components/rnmapbox_maps_specs/ComponentDescriptors.h>
+#import <react/renderer/components/rnmapbox_maps_specs/EventEmitters.h>
+#import <react/renderer/components/rnmapbox_maps_specs/Props.h>
+#import <react/renderer/components/rnmapbox_maps_specs/RCTComponentViewHelpers.h>
+
+#import "rnmapbox_maps-Swift.h.pre"
+
+using namespace facebook::react;
+
+@implementation RNMBXStyleImportComponentView {
+    RNMBXStyleImport *_view;
+}
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+  if (self = [super initWithFrame:frame]) {
+    static const auto defaultProps = std::make_shared<const RNMBXStyleImportProps>();
+    _props = defaultProps;
+    _view = [[RNMBXStyleImport alloc] init];
+    
+    self.contentView = _view;
+  }
+  
+  return self;
+}
+@end
+
+Class<RCTComponentViewProtocol> RNMBXStyleImportCls(void)
+{
+  return RNMBXStyleImportComponentView.class;
+}
+
+#endif // RCT_NEW_ARCH_ENABLED

package/ios/RNMBX/RNMBXStyleImportManager.m

@@ -0,0 +1,10 @@
+#import <React/RCTBridgeModule.h>
+#import <React/RCTViewManager.h>
+
+@interface RCT_EXTERN_REMAP_MODULE(RNMBXStyleImport, RNMBXStyleImportManager, RCTViewManager)
+
+RCT_EXPORT_VIEW_PROPERTY(id, NSString)
+RCT_EXPORT_VIEW_PROPERTY(existing, BOOL)
+RCT_EXPORT_VIEW_PROPERTY(config, NSDictionary)
+
+@end

package/ios/RNMBX/RNMBXStyleImportManager.swift

@@ -0,0 +1,12 @@
+@objc(RNMBXStyleImportManager)
+class RNMBXStyleImportManager : RCTViewManager {
+  @objc
+  override static func requiresMainQueueSetup() -> Bool {
+    return true
+  }
+
+  override func view() -> UIView! {
+    let layer = RNMBXStyleImport()
+    return layer
+  }
+}

package/ios/RNMBX/rnmapbox_maps-Swift.h.pre

@@ -0,0 +1,9 @@
+// ideally the file extension would be just `.h` but then it gets picked up as a header part of the umbrella header
+
+#import <CoreFoundation/CoreFoundation.h>
+#import <CoreLocation/CoreLocation.h>
+
+@interface MapView : UIView
+@end
+
+#import <rnmapbox_maps-Swift.h>