@rnmapbox/maps 10.1.0-beta.9 → 10.1.0-rc.0

package/ios/RNMBX/RNMBXPointAnnotation.swift

@@ -8,8 +8,8 @@ final class WeakRef<T: AnyObject> {
     self.object = object
   }
 }
-
-class RNMBXPointAnnotation : RNMBXInteractiveElement {
+@objc
+public class RNMBXPointAnnotation : RNMBXInteractiveElement {
   static let key = "RNMBXPointAnnotation"
   static var gid = 0;
   
@@ -25,19 +25,20 @@ class RNMBXPointAnnotation : RNMBXInteractiveElement {
   var calloutId : String?
   var image : UIImage? = nil
   var reactSubviews : [UIView] = []
-
-  @objc var onDeselected: RCTBubblingEventBlock? = nil
-  @objc var onDrag: RCTBubblingEventBlock? = nil
-  @objc var onDragEnd: RCTBubblingEventBlock? = nil
-  @objc var onSelected: RCTBubblingEventBlock? = nil
+ 
+    
+  @objc public var onDeselected: RCTBubblingEventBlock? = nil
+  @objc public var onDrag: RCTBubblingEventBlock? = nil
+  @objc public var onDragEnd: RCTBubblingEventBlock? = nil
+  @objc public var onSelected: RCTBubblingEventBlock? = nil
   
-  @objc var coordinate : String? {
+  @objc public var coordinate : String? {
     didSet {
       _updateCoordinate()
     }
   }
   
-  @objc var anchor: [String:NSNumber] = [:] {
+  @objc public var anchor: [String:NSNumber] = [:] {
     didSet {
       update { annotation in
         _updateAnchor(&annotation)
@@ -105,12 +106,12 @@ class RNMBXPointAnnotation : RNMBXInteractiveElement {
   }
    
   func gid() -> Int {
-    RNMBXPointAnnotation.gid = RNMBXPointAnnotation.gid + 1
+      RNMBXPointAnnotation.gid = RNMBXPointAnnotation.gid + 1
     return RNMBXPointAnnotation.gid
   }
    
   @objc
-  func refresh() {
+  public func refresh() {
     if let image = _createViewSnapshot() {
       changeImage(image)
     }
@@ -177,32 +178,42 @@ class RNMBXPointAnnotation : RNMBXInteractiveElement {
   }
   
   @objc
-  override func insertReactSubview(_ subview: UIView!, at atIndex: Int) {
-    if let callout = subview as? RNMBXCallout {
-      self.callout = callout
-    } else {
-      reactSubviews.insert(subview, at: atIndex)
-      if reactSubviews.count > 1 {
-        Logger.log(level: .error, message: "PointAnnotation supports max 1 subview other than a callout")
-      }
-      if annotation.image == nil {
-        DispatchQueue.main.asyncAfter(deadline: .now() + .microseconds(10)) {
-          self.setAnnotationImage()
+  public override func insertReactSubview(_ subview: UIView!, at atIndex: Int) {
+    insertReactSubviewInternal(subview, at: atIndex)
+  }
+    
+    @objc
+    public func insertReactSubviewInternal(_ subview: UIView!, at atIndex: Int) {
+      if let callout = subview as? RNMBXCallout {
+        self.callout = callout
+      } else {
+        reactSubviews.insert(subview, at: atIndex)
+        if reactSubviews.count > 1 {
+          Logger.log(level: .error, message: "PointAnnotation supports max 1 subview other than a callout")
+        }
+        if annotation.image == nil {
+          DispatchQueue.main.asyncAfter(deadline: .now() + .microseconds(10)) {
+            self.setAnnotationImage()
+          }
         }
       }
     }
-  }
 
   @objc
-  override func removeReactSubview(_ subview: UIView!) {
-    if let callout = subview as? RNMBXCallout {
-      if self.callout == callout {
-        self.callout = nil
+  public override func removeReactSubview(_ subview: UIView!) {
+    removeReactSubviewInternal(subview)
+  }
+    
+    @objc
+    public func removeReactSubviewInternal(_ subview: UIView!) {
+      if let callout = subview as? RNMBXCallout {
+        if self.callout == callout {
+          self.callout = nil
+        }
+      } else {
+        reactSubviews.removeAll(where: { $0 == subview })
       }
-    } else {
-      reactSubviews.removeAll(where: { $0 == subview })
     }
-  }
   
   // MARK: - RNMBXMapComponent
   

package/ios/RNMBX/RNMBXPointAnnotationComponentView.h

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

package/ios/RNMBX/RNMBXPointAnnotationComponentView.mm

@@ -0,0 +1,147 @@
+#ifdef RCT_NEW_ARCH_ENABLED
+
+#import "RNMBXPointAnnotationComponentView.h"
+#import "RNMBXFabricHelpers.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>
+
+using namespace facebook::react;
+
+@interface RNMBXPointAnnotationComponentView () <RCTRNMBXPointAnnotationViewProtocol>
+@end
+
+@implementation RNMBXPointAnnotationComponentView {
+    RNMBXPointAnnotation *_view;
+}
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+  if (self = [super initWithFrame:frame]) {
+    static const auto defaultProps = std::make_shared<const RNMBXPointAnnotationProps>();
+    _props = defaultProps;
+    [self prepareView];
+  }
+
+  return self;
+}
+
+- (void)prepareView
+{
+    _view = [[RNMBXPointAnnotation alloc] init];
+      
+    self.contentView = _view;
+      
+    // capture weak self reference to prevent retain cycle
+    __weak __typeof__(self) weakSelf = self;
+
+    [_view setOnDrag:^(NSDictionary* event) {
+        __typeof__(self) strongSelf = weakSelf;
+
+        if (strongSelf != nullptr && strongSelf->_eventEmitter != nullptr) {
+            const auto [type, json] = RNMBXStringifyEventData(event);
+            std::dynamic_pointer_cast<const facebook::react::RNMBXPointAnnotationEventEmitter>(strongSelf->_eventEmitter)->onMapboxPointAnnotationDrag({type, json});
+          }
+    }];
+    [_view setOnDragEnd:^(NSDictionary* event) {
+        __typeof__(self) strongSelf = weakSelf;
+
+        if (strongSelf != nullptr && strongSelf->_eventEmitter != nullptr) {
+            const auto [type, json] = RNMBXStringifyEventData(event);
+            std::dynamic_pointer_cast<const facebook::react::RNMBXPointAnnotationEventEmitter>(strongSelf->_eventEmitter)->onMapboxPointAnnotationDragEnd({type, json});
+          }
+    }];
+    [_view setOnDragStart:^(NSDictionary* event) {
+        __typeof__(self) strongSelf = weakSelf;
+
+        if (strongSelf != nullptr && strongSelf->_eventEmitter != nullptr) {
+            const auto [type, json] = RNMBXStringifyEventData(event);
+            std::dynamic_pointer_cast<const facebook::react::RNMBXPointAnnotationEventEmitter>(strongSelf->_eventEmitter)->onMapboxPointAnnotationDragStart({type, json});
+          }
+    }];
+    [_view setOnSelected:^(NSDictionary* event) {
+        __typeof__(self) strongSelf = weakSelf;
+
+        if (strongSelf != nullptr && strongSelf->_eventEmitter != nullptr) {
+            const auto [type, json] = RNMBXStringifyEventData(event);
+            std::dynamic_pointer_cast<const facebook::react::RNMBXPointAnnotationEventEmitter>(strongSelf->_eventEmitter)->onMapboxPointAnnotationSelected({type, json});
+          }
+    }];
+    [_view setOnDeselected:^(NSDictionary* event) {
+        __typeof__(self) strongSelf = weakSelf;
+
+        if (strongSelf != nullptr && strongSelf->_eventEmitter != nullptr) {
+            const auto [type, json] = RNMBXStringifyEventData(event);
+            std::dynamic_pointer_cast<const facebook::react::RNMBXPointAnnotationEventEmitter>(strongSelf->_eventEmitter)->onMapboxPointAnnotationDeselected({type, json});
+          }
+    }];
+}
+
+- (void)prepareForRecycle
+{
+    [super prepareForRecycle];
+    [self prepareView];
+}
+
+#pragma mark - RCTComponentViewProtocol
+
++ (ComponentDescriptorProvider)componentDescriptorProvider
+{
+  return concreteComponentDescriptorProvider<RNMBXPointAnnotationComponentDescriptor>();
+}
+
+- (void)mountChildComponentView:(UIView<RCTComponentViewProtocol> *)childComponentView index:(NSInteger)index
+{
+    if ([childComponentView isKindOfClass:[RCTViewComponentView class]] && ((RCTViewComponentView *)childComponentView).contentView != nil) {
+        [_view insertReactSubviewInternal:((RCTViewComponentView *)childComponentView).contentView at:index];
+    } else {
+        [_view insertReactSubviewInternal:childComponentView at:index];
+    }
+}
+
+- (void)unmountChildComponentView:(UIView<RCTComponentViewProtocol> *)childComponentView index:(NSInteger)index
+{
+    if ([childComponentView isKindOfClass:[RCTViewComponentView class]] && ((RCTViewComponentView *)childComponentView).contentView != nil) {
+        [_view removeReactSubviewInternal:((RCTViewComponentView *)childComponentView).contentView];
+    } else {
+        [_view removeReactSubviewInternal:childComponentView];
+    }
+}
+
+
+- (void)updateProps:(const Props::Shared &)props oldProps:(const Props::Shared &)oldProps
+{
+  const auto &newProps = static_cast<const RNMBXPointAnnotationProps &>(*props);
+    id coordinate = RNMBXConvertFollyDynamicToId(newProps.coordinate);
+    if (coordinate != nil) {
+        _view.coordinate = coordinate;
+    }
+    id draggable = RNMBXConvertFollyDynamicToId(newProps.draggable);
+    if (draggable != nil) {
+        _view.draggable = draggable;
+    }
+    id idx = RNMBXConvertFollyDynamicToId(newProps.id);
+    if (idx != nil) {
+        _view.id = idx;
+    }
+    id anchor = RNMBXConvertFollyDynamicToId(newProps.anchor);
+    if (anchor != nil) {
+        _view.anchor = anchor;
+    }
+    
+  [super updateProps:props oldProps:oldProps];
+}
+
+@end
+
+Class<RCTComponentViewProtocol> RNMBXPointAnnotationCls(void)
+{
+  return RNMBXPointAnnotationComponentView.class;
+}
+
+#endif // RCT_NEW_ARCH_ENABLED

package/ios/RNMBX/RNMBXPointAnnotationModule.h

@@ -0,0 +1,17 @@
+#import <Foundation/Foundation.h>
+#import <UIKit/UIKit.h>
+
+#ifdef RCT_NEW_ARCH_ENABLED
+#import "rnmapbox_maps_specs.h"
+#else
+#import <React/RCTBridge.h>
+#endif
+
+@interface RNMBXPointAnnotationModule : NSObject
+#ifdef RCT_NEW_ARCH_ENABLED
+<NativeRNMBXPointAnnotationModuleSpec>
+#else
+<RCTBridgeModule>
+#endif
+
+@end

package/ios/RNMBX/RNMBXPointAnnotationModule.mm

@@ -0,0 +1,66 @@
+#import <React/RCTBridge.h>
+#import <React/RCTUIManager.h>
+#import <React/RCTUIManagerUtils.h>
+
+#import "RNMBXPointAnnotationModule.h"
+#ifdef RCT_NEW_ARCH_ENABLED
+#import "RNMBXPointAnnotationComponentView.h"
+#endif // RCT_NEW_ARCH_ENABLED
+
+#import "rnmapbox_maps-Swift.pre.h"
+
+@implementation RNMBXPointAnnotationModule
+
+RCT_EXPORT_MODULE();
+
+#ifdef RCT_NEW_ARCH_ENABLED
+@synthesize viewRegistry_DEPRECATED = _viewRegistry_DEPRECATED;
+#endif // RCT_NEW_ARCH_ENABLED
+@synthesize bridge = _bridge;
+
+- (dispatch_queue_t)methodQueue
+{
+  // It seems that due to how UIBlocks work with uiManager, we need to call the methods there
+  // for the blocks to be dispatched before the batch is completed
+  return RCTGetUIManagerQueue();
+}
+
+- (void)withPointAnnotation:(nonnull NSNumber*)viewRef block:(void (^)(RNMBXPointAnnotation *))block reject:(RCTPromiseRejectBlock)reject methodName:(NSString *)methodName
+{
+#ifdef RCT_NEW_ARCH_ENABLED
+    [self.viewRegistry_DEPRECATED addUIBlock:^(RCTViewRegistry *viewRegistry) {
+        RNMBXPointAnnotationComponentView *componentView = [self.viewRegistry_DEPRECATED viewForReactTag:viewRef];
+        RNMBXPointAnnotation *view = componentView.contentView;
+        
+#else
+    [self.bridge.uiManager
+     addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
+        RNMBXPointAnnotation *view = [uiManager viewForReactTag:viewRef];
+#endif // RCT_NEW_ARCH_ENABLED
+        if (view != nil) {
+           block(view);
+        } else {
+            reject(methodName, [NSString stringWithFormat:@"Unknown reactTag: %@", viewRef], nil);
+        }
+    }];
+}
+
+
+RCT_EXPORT_METHOD(refresh:(nonnull NSNumber*)viewRef resolve:(RCTPromiseResolveBlock)resolve reject:(RCTPromiseRejectBlock)reject)
+{
+    [self withPointAnnotation:viewRef block:^(RNMBXPointAnnotation *view) {
+        [view refresh];
+    } reject:reject methodName:@"refresh"];
+}
+
+
+// Thanks to this guard, we won't compile this code when we build for the old architecture.
+#ifdef RCT_NEW_ARCH_ENABLED
+- (std::shared_ptr<facebook::react::TurboModule>)getTurboModule:
+    (const facebook::react::ObjCTurboModule::InitParams &)params
+{
+    return std::make_shared<facebook::react::NativeRNMBXPointAnnotationModuleSpecJSI>(params);
+}
+#endif // RCT_NEW_ARCH_ENABLED
+
+@end

package/ios/RNMBX/{RNMBXPointAnnotationManager.m → RNMBXPointAnnotationViewManager.m}

@@ -2,7 +2,7 @@
 #import <React/RCTViewManager.h>
 #import <Foundation/Foundation.h>
 
-@interface RCT_EXTERN_REMAP_MODULE(RNMBXPointAnnotation, RNMBXPointAnnotationManager, RCTViewManager)
+@interface RCT_EXTERN_REMAP_MODULE(RNMBXPointAnnotation, RNMBXPointAnnotationViewManager, RCTViewManager)
 
 RCT_EXPORT_VIEW_PROPERTY(coordinate, NSString)
 RCT_EXPORT_VIEW_PROPERTY(draggable, BOOL)
@@ -15,9 +15,4 @@ RCT_REMAP_VIEW_PROPERTY(onMapboxPointAnnotationDragEnd, onDragEnd, RCTBubblingEv
 RCT_REMAP_VIEW_PROPERTY(onMapboxPointAnnotationDragStart, onDragStart, RCTBubblingEventBlock)
 RCT_REMAP_VIEW_PROPERTY(onMapboxPointAnnotationSelected, onSelected, RCTBubblingEventBlock)
 
-RCT_EXTERN_METHOD(refresh:(nonnull NSNumber*)reactTag
-                  resolver:(RCTPromiseResolveBlock)resolve
-                  rejecter:(RCTPromiseRejectBlock)reject)
-
 @end
-

package/ios/RNMBX/RNMBXPointAnnotationViewManager.swift

@@ -0,0 +1,14 @@
+import Foundation
+import MapboxMaps
+
+@objc(RNMBXPointAnnotationViewManager)
+class RNMBXPointAnnotationViewManager  : RCTViewManager {
+  @objc
+  override static func requiresMainQueueSetup() -> Bool {
+    return true
+  }
+  
+  override func view() -> UIView! {
+    return RNMBXPointAnnotation()
+  }
+}

package/ios/RNMBX/RNMBXRasterDemSource.swift

@@ -1,23 +1,23 @@
 import MapboxMaps
 
 @objc
-class RNMBXRasterDemSource : RNMBXSource {
+public class RNMBXRasterDemSource : RNMBXSource {
   typealias SourceType = RasterDemSource
   
   @objc
-  var url: String? = nil
+    public var url: String? = nil
   
   @objc
-  var tileUrlTemplates: [String]? = nil
+    public var tileUrlTemplates: [String]? = nil
   
   @objc
-  var tileSize : NSNumber? = nil
+    public var tileSize : NSNumber? = nil
   
   @objc
-  var maxZoomLevel : NSNumber? = nil
+    public var maxZoomLevel : NSNumber? = nil
   
   @objc
-  var minZoomLevel : NSNumber? = nil
+    public var minZoomLevel : NSNumber? = nil
 
   @objc
   static func requiresMainQueueSetup() -> Bool {

package/ios/RNMBX/RNMBXRasterDemSourceComponentView.h

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

package/ios/RNMBX/RNMBXRasterDemSourceComponentView.mm

@@ -0,0 +1,114 @@
+#ifdef RCT_NEW_ARCH_ENABLED
+
+#import "RNMBXRasterDemSourceComponentView.h"
+#import "RNMBXFabricHelpers.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>
+
+using namespace facebook::react;
+
+@interface RNMBXRasterDemSourceComponentView () <RCTRNMBXRasterDemSourceViewProtocol>
+@end
+
+@implementation RNMBXRasterDemSourceComponentView {
+    RNMBXRasterDemSource *_view;
+}
+
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+  if (self = [super initWithFrame:frame]) {
+    static const auto defaultProps = std::make_shared<const RNMBXRasterDemSourceProps>();
+    _props = defaultProps;
+    [self prepareView];
+  }
+
+  return self;
+}
+
+- (void)prepareView
+{
+  _view =  [[RNMBXRasterDemSource alloc] init];
+  self.contentView = _view;
+}
+
+- (void)prepareForRecycle
+{
+    [super prepareForRecycle];
+    [self prepareView];
+}
+
+- (void)mountChildComponentView:(UIView<RCTComponentViewProtocol> *)childComponentView index:(NSInteger)index
+{
+    if ([childComponentView isKindOfClass:[RCTViewComponentView class]]) {
+        [_view insertReactSubviewInternal:((RCTViewComponentView *)childComponentView).contentView at:index];
+    } else {
+        RCTLogError(@"Tried to add view that is not RCTViewComponentView: %@", childComponentView);
+    }
+}
+
+- (void)unmountChildComponentView:(UIView<RCTComponentViewProtocol> *)childComponentView index:(NSInteger)index
+{
+    if ([childComponentView isKindOfClass:[RCTViewComponentView class]]) {
+        [_view removeReactSubviewInternal:((RCTViewComponentView *)childComponentView).contentView];
+    } else {
+        RCTLogError(@"Tried to remove view that is not RCTViewComponentView: %@", childComponentView);
+    }
+}
+
+#pragma mark - RCTComponentViewProtocol
+
++ (ComponentDescriptorProvider)componentDescriptorProvider
+{
+  return concreteComponentDescriptorProvider<RNMBXRasterDemSourceComponentDescriptor>();
+}
+
+- (void)updateProps:(const Props::Shared &)props oldProps:(const Props::Shared &)oldProps
+{
+  const auto &newProps = static_cast<const RNMBXRasterDemSourceProps &>(*props);
+    id idx = RNMBXConvertFollyDynamicToId(newProps.id);
+    if (idx != nil) {
+        _view.id = idx;
+    }
+    id existing = RNMBXConvertFollyDynamicToId(newProps.existing);
+    if (existing != nil) {
+        _view.existing = existing;
+    }
+    id url = RNMBXConvertFollyDynamicToId(newProps.url);
+    if (url != nil) {
+        _view.url = url;
+    }
+    id tileUrlTemplates = RNMBXConvertFollyDynamicToId(newProps.tileUrlTemplates);
+    if (tileUrlTemplates != nil) {
+        _view.tileUrlTemplates = tileUrlTemplates;
+    }
+    id minZoomLevel = RNMBXConvertFollyDynamicToId(newProps.minZoomLevel);
+    if (minZoomLevel != nil) {
+        _view.minZoomLevel = minZoomLevel;
+    }
+    id maxZoomLevel = RNMBXConvertFollyDynamicToId(newProps.maxZoomLevel);
+    if (maxZoomLevel != nil) {
+        _view.maxZoomLevel = maxZoomLevel;
+    }
+    id tileSize = RNMBXConvertFollyDynamicToId(newProps.tileSize);
+    if (tileSize != nil) {
+        _view.tileSize = tileSize;
+    }
+    
+  [super updateProps:props oldProps:oldProps];
+}
+
+@end
+
+Class<RCTComponentViewProtocol> RNMBXRasterDemSourceCls(void)
+{
+  return RNMBXRasterDemSourceComponentView.class;
+}
+
+#endif // RCT_NEW_ARCH_ENABLED

package/ios/RNMBX/{RNMBXRasterDemSourceManager.m → RNMBXRasterDemSourceViewManager.m}

@@ -1,7 +1,7 @@
 #import <React/RCTBridgeModule.h>
 #import <React/RCTViewManager.h>
 
-@interface RCT_EXTERN_MODULE(RNMBXRasterDemSourceManager, RCTViewManager)
+@interface RCT_EXTERN_REMAP_MODULE(RNMBXRasterDemSource, RNMBXRasterDemSourceViewManager, RCTViewManager)
 
 RCT_EXPORT_VIEW_PROPERTY(id, NSString)
 RCT_EXPORT_VIEW_PROPERTY(existing, BOOL)
@@ -11,11 +11,5 @@ RCT_EXPORT_VIEW_PROPERTY(bounds, NSArray)
 RCT_EXPORT_VIEW_PROPERTY(minZoomLevel, NSNumber)
 RCT_EXPORT_VIEW_PROPERTY(maxZoomLevel, NSNumber)
 RCT_EXPORT_VIEW_PROPERTY(tileSize, NSNumber)
-RCT_EXPORT_VIEW_PROPERTY(attribution, NSString)
-RCT_EXPORT_VIEW_PROPERTY(encoding, NSString)
-RCT_EXPORT_VIEW_PROPERTY(volatile, NSNumber)
-RCT_EXPORT_VIEW_PROPERTY(prefetchZoomDelta, NSNumber)
-RCT_EXPORT_VIEW_PROPERTY(minimumTileUpdateInterval, NSNumber)
-RCT_EXPORT_VIEW_PROPERTY(maxOverscaleFactorForParentTiles, NSNumber)
 
 @end

package/ios/RNMBX/{RNMBXRasterDemSourceManager.swift → RNMBXRasterDemSourceViewManager.swift}

@@ -1,5 +1,5 @@
-@objc(RNMBXRasterDemSourceManager)
-class RNMBXRasterDemSourceManager: RCTViewManager {
+@objc(RNMBXRasterDemSourceViewManager)
+class RNMBXRasterDemSourceViewManager: RCTViewManager {
   @objc
   override static func requiresMainQueueSetup() -> Bool {
     return true

package/ios/RNMBX/RNMBXRasterLayer.swift

@@ -1,7 +1,7 @@
 import MapboxMaps
 
 @objc(RNMBXRasterLayer)
-class RNMBXRasterLayer: RNMBXLayer {
+public class RNMBXRasterLayer: RNMBXLayer {
   typealias LayerType = RasterLayer
 
   override func makeLayer(style: Style) throws -> Layer {

package/ios/RNMBX/RNMBXRasterLayerComponentView.h

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

package/ios/RNMBX/RNMBXRasterLayerComponentView.mm

@@ -0,0 +1,70 @@
+#ifdef RCT_NEW_ARCH_ENABLED
+
+#import "RNMBXRasterLayerComponentView.h"
+#import "RNMBXFabricHelpers.h"
+
+#import <React/RCTConversions.h>
+#import <React/RCTFabricComponentsPlugins.h>
+#import <React/RCTBridge+Private.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>
+
+using namespace facebook::react;
+
+@interface RNMBXRasterLayerComponentView () <RCTRNMBXRasterLayerViewProtocol>
+@end
+
+@implementation RNMBXRasterLayerComponentView {
+    RNMBXRasterLayer *_view;
+}
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+  if (self = [super initWithFrame:frame]) {
+    static const auto defaultProps = std::make_shared<const RNMBXRasterLayerProps>();
+    _props = defaultProps;
+      [self prepareView];
+  }
+
+  return self;
+}
+
+- (void)prepareView
+{
+  _view =  [[RNMBXRasterLayer alloc] init];
+  _view.bridge = [RCTBridge currentBridge];
+  self.contentView = _view;
+}
+
+#pragma mark - RCTComponentViewProtocol
+
++ (ComponentDescriptorProvider)componentDescriptorProvider
+{
+  return concreteComponentDescriptorProvider<RNMBXRasterLayerComponentDescriptor>();
+}
+
+- (void)updateProps:(const Props::Shared &)props oldProps:(const Props::Shared &)oldProps
+{
+  const auto &newProps = static_cast<const RNMBXRasterLayerProps &>(*props);
+  RNMBXSetCommonLayerProps(newProps, _view);
+
+  [super updateProps:props oldProps:oldProps];
+}
+
+- (void)prepareForRecycle
+{
+    [super prepareForRecycle];
+    [self prepareView];
+}
+
+@end
+
+Class<RCTComponentViewProtocol> RNMBXRasterLayerCls(void)
+{
+  return RNMBXRasterLayerComponentView.class;
+}
+
+#endif // RCT_NEW_ARCH_ENABLED