feat: allow merging StyleImport configs

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

@@ -10,6 +10,7 @@ import com.rnmapbox.rnmbx.v11compat.style.*
 
 class RNMBXStyleImport(context: Context) : AbstractMapFeature(context) {
     var id: String? = null;
+    var merge: Boolean = false;
 
     var config: HashMap<String, Value> = hashMapOf()
         set(value: HashMap<String, Value>) {
@@ -27,11 +28,16 @@ class RNMBXStyleImport(context: Context) : AbstractMapFeature(context) {
             id?.let { id ->
                 val config = this.config
                 if (config.isNotEmpty()) {
-                    mapView.mapView.getMapboxMap().getStyle()
-                        ?.setStyleImportConfigProperties(id, config)
+                    val mapStyle = mapView.mapView.getMapboxMap().getStyle()
+                    if (merge) {
+                        config.forEach { (key, value) ->
+                            mapStyle?.setStyleImportConfigProperty(id, key, value)
+                        }
+                    } else {
+                        mapStyle?.setStyleImportConfigProperties(id, config)
+                    }
                 }
             }
         }
-
     }
 }

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

@@ -55,4 +55,9 @@ class RNMBXStyleImportManager(context: ReactApplicationContext) :
             view.config = value.asMap().toValueHashMap()
         }
     }
+
+    @ReactProp(name = "merge")
+    override fun setMerge(view: RNMBXStyleImport, value: Boolean) {
+        view.merge = value
+    }
 }

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

@@ -31,6 +31,9 @@ public void setProperty(T view, String propName, @Nullable Object value) {
       case "config":
         mViewManager.setConfig(view, new DynamicFromObject(value));
         break;
+      case "merge":
+        mViewManager.setMerge(view, value == null ? false : (boolean) value);
+        break;
       default:
         super.setProperty(view, propName, value);
     }

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

@@ -17,4 +17,5 @@ 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);
+  void setMerge(T view, boolean value);
 }

docs/StyleImport.md

@@ -49,6 +49,16 @@ See https://github.com/mapbox/mapbox-maps-ios/blob/main/Sources/MapboxMaps/Docum
 
 
 
+### merge
+
+```tsx
+boolean
+```
+_required_
+whether to merge the style import with the existing style import config or replace it entirely. Defaults to `false`
+
+
+
 
 
 

ios/RNMBX/RNMBXStyleImport.swift

@@ -19,6 +19,9 @@ open class RNMBXStyleImport : UIView, RNMBXMapComponent {
       }
     }
   }
+
+  @objc
+  var merge: Bool = false;
 
   public func waitForStyleLoad() -> Bool {
     true
@@ -37,8 +40,16 @@ open class RNMBXStyleImport : UIView, RNMBXMapComponent {
   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)
+      if merge {
+        for (key, value) in config {
+          logged("RNMBXStyleImport.setStyleImportConfigProperty for id=\(id), config=\(key), value=\(value)") {
+            try mapView.mapboxMap.setStyleImportConfigProperty(for: id, config: key, value: value)
+          }
+        }
+      } else {
+        logged("RNMBXStyleImport.setStyleImportConfigProperties id=\(id)") {
+          try mapView.mapboxMap.setStyleImportConfigProperties(for: id, configs: config)
+        }
       }
       #else
       Logger.error("RNMBXStyleImport.setStyleImportConfigProperties is only implemented on v11")

ios/RNMBX/RNMBXStyleImportManager.m

@@ -6,5 +6,6 @@ @interface RCT_EXTERN_REMAP_MODULE(RNMBXStyleImport, RNMBXStyleImportManager, RC
 RCT_EXPORT_VIEW_PROPERTY(id, NSString)
 RCT_EXPORT_VIEW_PROPERTY(existing, BOOL)
 RCT_EXPORT_VIEW_PROPERTY(config, NSDictionary)
+RCT_EXPORT_VIEW_PROPERTY(merge, BOOL)
 
 @end

src/components/StyleImport.tsx

@@ -21,6 +21,12 @@ type Props = {
   config: {
     [key: string]: string;
   };
+
+  /**
+   * Determines whether the style import config should merge with the existing style import config.
+   * @default false
+   */
+  merge?: boolean;
 };
 
 /**