@mapvina-com/mapvina-react-native 1.0.0

package/ios/utils/MLRNEventTypes.h

@@ -0,0 +1,12 @@
+#import <Foundation/Foundation.h>
+
+@interface MLRNEventTypes : NSObject
+
+extern NSString *const RCT_MLRN_PRESS;
+extern NSString *const RCT_MLRN_LONG_PRESS;
+
+extern NSString *const RCT_MLRN_ANNOTATION_TAP;
+
+extern NSString *const RCT_MLRN_MISSING_IMAGE;
+
+@end

package/ios/utils/MLRNEventTypes.m

@@ -0,0 +1,12 @@
+#import "MLRNEventTypes.h"
+
+@implementation MLRNEventTypes
+
+NSString *const RCT_MLRN_PRESS = @"Press";
+NSString *const RCT_MLRN_LONG_PRESS = @"LongPress";
+
+NSString *const RCT_MLRN_ANNOTATION_TAP = @"AnnotationTap";
+
+NSString *const RCT_MLRN_MISSING_IMAGE = @"MissingImage";
+
+@end

package/ios/utils/MLRNFollyConvert.h

@@ -0,0 +1,5 @@
+#if __has_include(<react/utils/FollyConvert.h>)
+#import <react/utils/FollyConvert.h>
+#elif __has_include("FollyConvert.h")
+#import "FollyConvert.h"
+#endif

package/ios/utils/MLRNImageUtils.h

@@ -0,0 +1,9 @@
+#import <Foundation/Foundation.h>
+#import <UIKit/UIKit.h>
+
+@interface MLRNImageUtils : NSObject
+
++ (NSString *)createTempFile:(UIImage *)image;
++ (NSString *)createBase64:(UIImage *)image;
+
+@end

package/ios/utils/MLRNImageUtils.m

@@ -0,0 +1,24 @@
+#import "MLRNImageUtils.h"
+
+@implementation MLRNImageUtils
+
++ (NSString *)createTempFile:(UIImage *)image {
+  NSString *fileID = [[NSUUID UUID] UUIDString];
+  NSString *pathComponent =
+      [NSString stringWithFormat:@"Documents/mlrn-snapshot-%@.%@", fileID, @"png"];
+  NSString *filePath = [NSHomeDirectory() stringByAppendingPathComponent:pathComponent];
+
+  NSData *data = UIImagePNGRepresentation(image);
+  [data writeToFile:filePath atomically:YES];
+
+  return filePath;
+}
+
++ (NSString *)createBase64:(UIImage *)image {
+  NSData *data = UIImagePNGRepresentation(image);
+  return [NSString stringWithFormat:@"%@%@", @"data:image/png;base64,",
+                                    [data base64EncodedStringWithOptions:
+                                              NSDataBase64EncodingEndLineWithCarriageReturn]];
+}
+
+@end

package/ios/utils/MLRNPropConvert.h

@@ -0,0 +1,17 @@
+#pragma once
+
+#import "MLRNFollyConvert.h"
+
+/**
+ * Macros for safely converting folly::dynamic props to Objective-C types.
+ *
+ * In the New Architecture, missing optional props may be passed as null
+ * (folly::dynamic::Type::NULLT) which convertFollyDynamicToId() converts to
+ * NSNull instead of nil. These macros check for null before conversion.
+ */
+
+// Convert object-type props (NSDictionary), returns nil for null/non-object
+#define MLRN_DYNAMIC_TO_DICT(prop) ((!prop.isNull() && prop.isObject()) ? convertFollyDynamicToId(prop) : nil)
+
+// Convert array-type props (NSArray), returns nil for null/non-array
+#define MLRN_DYNAMIC_TO_ARRAY(prop) ((!prop.isNull() && prop.isArray()) ? convertFollyDynamicToId(prop) : nil)

package/ios/utils/MLRNUtils.h

@@ -0,0 +1,32 @@
+#import <MapVina/MapVina.h>
+#import <React/RCTConvert.h>
+
+@interface MLRNUtils : NSObject
+
++ (CLLocationCoordinate2D)fromFeature:(NSString *)json;
+
++ (CLLocationCoordinate2D)fromLongitude:(NSNumber *)longitude latitude:(NSNumber *)latitude;
+
++ (NSArray<NSDictionary *> *)featuresToJSON:(NSArray<id<MLNFeature>> *)features;
+
++ (MLNShape *)shapeFromGeoJSON:(NSString *)json;
+
++ (MLNCoordinateBounds)fromFeatureCollection:(NSString *)json;
+
++ (MLNCoordinateBounds)fromReactBounds:(NSArray<NSNumber *> *)bounds;
+
++ (NSArray<NSNumber *> *)fromCoordinateBounds:(MLNCoordinateBounds)bounds;
+
++ (NSTimeInterval)fromMS:(NSNumber *)number;
++ (NSNumber *)clamp:(NSNumber *)value min:(NSNumber *)min max:(NSNumber *)max;
+
++ (UIColor *)toColor:(id)value;
+
++ (CGVector)toCGVector:(NSArray<NSNumber *> *)arr;
+
++ (UIEdgeInsets)toUIEdgeInsets:(NSArray<NSNumber *> *)arr;
+
++ (NSURL *)styleURLFromMapStyle:(NSString *)mapStyle;
++ (NSURL *)styleURLFromStyleJSON:(NSString *)styleJSON;
+
+@end

package/ios/utils/MLRNUtils.m

@@ -0,0 +1,193 @@
+#import "MLRNUtils.h"
+
+@import MapVina;
+
+@implementation MLRNUtils
+
+static double const MS_TO_S = 0.001;
+
++ (CLLocationCoordinate2D)fromFeature:(NSString *)jsonStr {
+  NSData *data = [jsonStr dataUsingEncoding:NSUTF8StringEncoding];
+  MLNPointFeature *feature = (MLNPointFeature *)[MLNShape shapeWithData:data
+                                                               encoding:NSUTF8StringEncoding
+                                                                  error:nil];
+  return feature.coordinate;
+}
+
++ (CLLocationCoordinate2D)fromLongitude:(NSNumber *)longitude latitude:(NSNumber *)latitude {
+  return CLLocationCoordinate2DMake([latitude doubleValue], [longitude doubleValue]);
+}
+
++ (NSArray<NSDictionary *> *)featuresToJSON:(NSArray<id<MLNFeature>> *)features {
+  NSMutableArray<NSDictionary *> *json = [[NSMutableArray alloc] init];
+  for (id<MLNFeature> feature in features) {
+    [json addObject:feature.geoJSONDictionary];
+  }
+  return json;
+}
+
++ (UIEdgeInsets)toUIEdgeInsets:(NSArray<NSNumber *> *)arr {
+  return UIEdgeInsetsMake([arr[0] floatValue], [arr[1] floatValue], [arr[2] floatValue],
+                          [arr[3] floatValue]);
+}
+
++ (MLNShape *)shapeFromGeoJSON:(NSString *)jsonStr {
+  NSData *data = [jsonStr dataUsingEncoding:NSUTF8StringEncoding];
+  NSError *error = nil;
+  MLNShape *result = [MLNShape shapeWithData:data encoding:NSUTF8StringEncoding error:&error];
+  if (error != nil) {
+    RCTLogWarn(@"Failed to convert data to shape error:%@ src:%@", error, jsonStr);
+  }
+  return result;
+}
+
++ (NSString *)hashURI:(NSString *)uri {
+  if (uri == nil) {
+    return @"-1";
+  }
+  NSUInteger hash = [uri hash];
+  return [NSString stringWithFormat:@"%lu", (unsigned long)hash];
+}
+
++ (MLNCoordinateBounds)fromFeatureCollection:(NSString *)jsonStr {
+  NSData *data = [jsonStr dataUsingEncoding:NSUTF8StringEncoding];
+  MLNShapeCollectionFeature *featureCollection =
+      (MLNShapeCollectionFeature *)[MLNShapeCollectionFeature shapeWithData:data
+                                                                   encoding:NSUTF8StringEncoding
+                                                                      error:nil];
+
+  CLLocationCoordinate2D ne = featureCollection.shapes[0].coordinate;
+  CLLocationCoordinate2D sw = featureCollection.shapes[1].coordinate;
+
+  return MLNCoordinateBoundsMake(sw, ne);
+}
+
++ (MLNCoordinateBounds)fromReactBounds:(NSArray<NSNumber *> *)bounds {
+  CLLocationCoordinate2D sw =
+      CLLocationCoordinate2DMake([bounds[1] doubleValue], [bounds[0] doubleValue]);
+  CLLocationCoordinate2D ne =
+      CLLocationCoordinate2DMake([bounds[3] doubleValue], [bounds[2] doubleValue]);
+
+  return MLNCoordinateBoundsMake(sw, ne);
+}
+
++ (NSArray<NSNumber *> *)fromCoordinateBounds:(MLNCoordinateBounds)bounds {
+  return @[
+    @(bounds.sw.longitude),
+    @(bounds.sw.latitude),
+    @(bounds.ne.longitude),
+    @(bounds.ne.latitude),
+  ];
+}
+
++ (NSTimeInterval)fromMS:(NSNumber *)number {
+  return [number doubleValue] * MS_TO_S;
+}
+
++ (NSNumber *)clamp:(NSNumber *)value min:(NSNumber *)min max:(NSNumber *)max {
+  if ([value doubleValue] < [min doubleValue]) return min;
+  if ([value doubleValue] > [max doubleValue]) return max;
+  return value;
+}
+
++ (UIColor *)toColor:(id)value {
+  return [RCTConvert UIColor:value];
+}
+
++ (CGVector)toCGVector:(NSArray<NSNumber *> *)arr {
+  return CGVectorMake([arr[0] floatValue], [arr[1] floatValue]);
+}
+
++ (NSString *)getStyleJsonTempDirectory {
+  static NSString *styleJsonTempDirectory;
+  if (!styleJsonTempDirectory) {
+    styleJsonTempDirectory =
+        [NSTemporaryDirectory() stringByAppendingPathComponent:@"MLRNStyleJSON"];
+  }
+  return styleJsonTempDirectory;
+}
+
+/**
+ * Clears cached style-json entries from previous app runs. Can be safely called multiple times as
+ * it will only perform the action once per app run.
+ *
+ * @see styleURLFromStyleJSON:
+ */
++ (void)cleanCustomStyleJSONCacheIfNeeded {
+  NSFileManager *fileManager = [NSFileManager defaultManager];
+  NSString *styleJsonTempDirectory = [MLRNUtils getStyleJsonTempDirectory];
+
+  static dispatch_once_t onceToken;
+  dispatch_once(&onceToken, ^{
+    if ([fileManager fileExistsAtPath:styleJsonTempDirectory]) {
+      [fileManager removeItemAtPath:styleJsonTempDirectory error:NULL];
+    }
+  });
+}
+
++ (NSURL *)styleURLFromMapStyle:(NSString *)mapStyle {
+  NSURL *url = [NSURL URLWithString:mapStyle];
+
+  if (url) {
+    return url;
+  } else if (RCTJSONParse(mapStyle, nil)) {
+    return [MLRNUtils styleURLFromStyleJSON:mapStyle];
+  }
+
+  RCTLogError(@"Failed to convert mapStyle to URL or JSON %@", mapStyle);
+
+  return nil;
+}
+
+/**
+ * Provides a way to convert raw style-json into a file so it can be directly referenced / used as
+ * styleURL. It's a crude / alternative approach to support Android's API: Style.Builder.fromJson().
+ */
++ (NSURL *)styleURLFromStyleJSON:(NSString *)styleJSON {
+  [MLRNUtils cleanCustomStyleJSONCacheIfNeeded];
+
+  NSFileManager *fileManager = [NSFileManager defaultManager];
+  NSString *styleJsonTempDirectory = [MLRNUtils getStyleJsonTempDirectory];
+
+  // attempt to create the temporary directory
+  if (![fileManager fileExistsAtPath:styleJsonTempDirectory]) {
+    NSError *error;
+    [fileManager createDirectoryAtPath:styleJsonTempDirectory
+           withIntermediateDirectories:YES
+                            attributes:nil
+                                 error:&error];
+    if (error) {
+      RCTLogError(@"Failed to create temporary directory '%@' for storing style-json. Error: %@",
+                  styleJsonTempDirectory, error);
+      return nil;
+    }
+  }
+
+  // Determine filename based on the md5 hash of the style-json.
+  // This way, the written file can also act as a cached entry in case
+  // the same style-json is used again.
+  NSString *hashedFilename = [RCTMD5Hash(styleJSON) stringByAppendingPathExtension:@"json"];
+
+  // Construct temporary file path (tempdir + md5 hash for filename)
+  NSString *styleJsonTempPath =
+      [styleJsonTempDirectory stringByAppendingPathComponent:hashedFilename];
+  NSURL *styleJsonTempURL = [NSURL fileURLWithPath:styleJsonTempPath isDirectory:false];
+
+  // Write style-json to temporary file in case it doesn't already exist
+  if (![fileManager fileExistsAtPath:styleJsonTempPath isDirectory:false]) {
+    NSError *error;
+    [styleJSON writeToURL:styleJsonTempURL
+               atomically:YES
+                 encoding:NSUTF8StringEncoding
+                    error:&error];
+    if (error) {
+      RCTLogError(@"Failed to write style-json to temporary file '%@'. Error: %@", styleJsonTempURL,
+                  error);
+      return nil;
+    }
+  }
+
+  return styleJsonTempURL;
+}
+
+@end

package/ios/utils/MLRNViewModuleUtils.h

@@ -0,0 +1,35 @@
+#import <Foundation/Foundation.h>
+#import <React/RCTBridgeModule.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+/**
+ * Utility class for common view module operations across MapVina React Native modules.
+ */
+@interface MLRNViewModuleUtils : NSObject
+
+/**
+ * Retrieves a specific view type from the view registry and executes a block with it
+ *
+ * Currently based upon the interop layer:
+ * https://github.com/facebook/react-native/issues/50800#issuecomment-3046289718
+ *
+ * @param viewRegistry The RCT view registry (typically viewRegistry_DEPRECATED)
+ * @param reactTag The React tag identifying the view
+ * @param componentViewClass The expected component view class (e.g., MLRNMapViewComponentView)
+ * @param contentViewClass The expected content view class (e.g., MLRNMapView)
+ * @param block The block to execute with the typed content view
+ * @param reject The promise reject block to call if view lookup fails
+ * @param methodName The name of the calling method (used in error messages)
+ */
++ (void)withView:(RCTViewRegistry *)viewRegistry
+              reactTag:(NSInteger)reactTag
+    componentViewClass:(Class)componentViewClass
+      contentViewClass:(Class)contentViewClass
+                 block:(void (^)(UIView *))block
+                reject:(RCTPromiseRejectBlock)reject
+            methodName:(NSString *)methodName;
+
+@end
+
+NS_ASSUME_NONNULL_END

package/ios/utils/MLRNViewModuleUtils.m

@@ -0,0 +1,39 @@
+#import "MLRNViewModuleUtils.h"
+
+@implementation MLRNViewModuleUtils
+
++ (void)withView:(RCTViewRegistry *)viewRegistry
+              reactTag:(NSInteger)reactTag
+    componentViewClass:(Class)componentViewClass
+      contentViewClass:(Class)contentViewClass
+                 block:(void (^)(UIView *))block
+                reject:(RCTPromiseRejectBlock)reject
+            methodName:(NSString *)methodName {
+  __weak RCTViewRegistry *weakRegistry = viewRegistry;
+  [viewRegistry addUIBlock:^(RCTViewRegistry *registry) {
+    RCTViewRegistry *strongRegistry = weakRegistry;
+    if (!strongRegistry) {
+      return;
+    }
+
+    UIView *view = [strongRegistry viewForReactTag:[NSNumber numberWithInteger:reactTag]];
+
+    if ([view isKindOfClass:componentViewClass]) {
+      UIView *componentView = view;
+      UIView *contentView = [componentView valueForKey:@"contentView"];
+
+      if ([contentView isKindOfClass:contentViewClass]) {
+        block(contentView);
+        return;
+      }
+    }
+
+    reject(methodName,
+           [NSString stringWithFormat:@"Invalid `reactTag` %@, could not find %@",
+                                      [NSNumber numberWithInteger:reactTag],
+                                      NSStringFromClass(contentViewClass)],
+           nil);
+  }];
+}
+
+@end

package/lib/commonjs/assets/png.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=png.d.js.map

package/lib/commonjs/assets/png.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["assets/png.d.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/components/annotations/LayerAnnotation.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LayerAnnotation = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _Animated = require("../../utils/animated/Animated.js");
+var _AnimatedPoint = require("../../utils/animated/AnimatedPoint.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const isAnimated = data => data instanceof _AnimatedPoint.AnimatedPoint;
+
+/**
+ * Convenience wrapper around a GeoJSONSource for a Point/LngLat, optionally
+ * animated.
+ */
+const LayerAnnotation = ({
+  lngLat,
+  animated = false,
+  animationDuration = 1000,
+  animationEasingFunction = _reactNative.Easing.linear,
+  ...props
+}) => {
+  const [data, setData] = (0, _react.useState)(() => {
+    const point = {
+      type: "Point",
+      coordinates: lngLat
+    };
+    if (animated) {
+      return new _AnimatedPoint.AnimatedPoint(point);
+    }
+    return point;
+  });
+  (0, _react.useEffect)(() => {
+    if (isAnimated(data)) {
+      data.stopAnimation();
+      data.timing({
+        toValue: {
+          type: "Point",
+          coordinates: lngLat
+        },
+        easing: animationEasingFunction,
+        duration: animationDuration
+      }).start();
+    } else {
+      setData({
+        type: "Point",
+        coordinates: lngLat
+      });
+    }
+  }, [lngLat[0], lngLat[1]]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Animated.Animated.GeoJSONSource, {
+    data: data,
+    ...props
+  });
+};
+exports.LayerAnnotation = LayerAnnotation;
+//# sourceMappingURL=LayerAnnotation.js.map

package/lib/commonjs/components/annotations/LayerAnnotation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_Animated","_AnimatedPoint","_jsxRuntime","isAnimated","data","AnimatedPoint","LayerAnnotation","lngLat","animated","animationDuration","animationEasingFunction","Easing","linear","props","setData","useState","point","type","coordinates","useEffect","stopAnimation","timing","toValue","easing","duration","start","jsx","Animated","GeoJSONSource","exports"],"sourceRoot":"../../../../src","sources":["components/annotations/LayerAnnotation.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AASA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAAmE,IAAAI,WAAA,GAAAJ,OAAA;AAcnE,MAAMK,UAAU,GAAIC,IAAU,IAC5BA,IAAI,YAAYC,4BAAa;;AAE/B;AACA;AACA;AACA;AACO,MAAMC,eAAe,GAAGA,CAAC;EAC9BC,MAAM;EACNC,QAAQ,GAAG,KAAK;EAChBC,iBAAiB,GAAG,IAAI;EACxBC,uBAAuB,GAAGC,mBAAM,CAACC,MAAM;EACvC,GAAGC;AACiB,CAAC,KAAK;EAC1B,MAAM,CAACT,IAAI,EAAEU,OAAO,CAAC,GAAG,IAAAC,eAAQ,EAAO,MAAM;IAC3C,MAAMC,KAAoB,GAAG;MAC3BC,IAAI,EAAE,OAAO;MACbC,WAAW,EAAEX;IACf,CAAC;IAED,IAAIC,QAAQ,EAAE;MACZ,OAAO,IAAIH,4BAAa,CAACW,KAAK,CAAC;IACjC;IAEA,OAAOA,KAAK;EACd,CAAC,CAAC;EAEF,IAAAG,gBAAS,EAAC,MAAM;IACd,IAAIhB,UAAU,CAACC,IAAI,CAAC,EAAE;MACpBA,IAAI,CAACgB,aAAa,CAAC,CAAC;MACpBhB,IAAI,CACDiB,MAAM,CAAC;QACNC,OAAO,EAAE;UAAEL,IAAI,EAAE,OAAO;UAAEC,WAAW,EAAEX;QAAO,CAAC;QAC/CgB,MAAM,EAAEb,uBAAuB;QAC/Bc,QAAQ,EAAEf;MACZ,CAAC,CAAC,CACDgB,KAAK,CAAC,CAAC;IACZ,CAAC,MAAM;MACLX,OAAO,CAAC;QAAEG,IAAI,EAAE,OAAO;QAAEC,WAAW,EAAEX;MAAO,CAAC,CAAC;IACjD;EACF,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC,CAAC,EAAEA,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;EAE1B,oBACE,IAAAL,WAAA,CAAAwB,GAAA,EAAC1B,SAAA,CAAA2B,QAAQ,CAACC,aAAa;IACrBxB,IAAI,EAAEA,IAAqD;IAAA,GACvDS;EAAK,CACV,CAAC;AAEN,CAAC;AAACgB,OAAA,CAAAvB,eAAA,GAAAA,eAAA","ignoreList":[]}

package/lib/commonjs/components/annotations/callout/Callout.js

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Callout = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _CalloutNativeComponent = _interopRequireDefault(require("./CalloutNativeComponent"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const styles = _reactNative.StyleSheet.create({
+  animated: {
+    alignItems: "center",
+    justifyContent: "center",
+    width: 180,
+    zIndex: 9999999
+  },
+  content: {
+    backgroundColor: "white",
+    borderColor: "rgba(0, 0, 0, 0.2)",
+    borderRadius: 3,
+    borderWidth: 1,
+    flex: 1,
+    padding: 8,
+    position: "relative"
+  },
+  tip: {
+    backgroundColor: "transparent",
+    borderBottomColor: "transparent",
+    borderBottomWidth: 0,
+    borderLeftColor: "transparent",
+    borderLeftWidth: 8,
+    borderRightColor: "transparent",
+    borderRightWidth: 8,
+    borderTopColor: "white",
+    borderTopWidth: 16,
+    elevation: 0,
+    marginTop: -2,
+    zIndex: 1000
+  },
+  title: {
+    color: "black",
+    textAlign: "center"
+  }
+});
+/**
+ * Callout that displays information about a selected annotation near the
+ * annotation.
+ */
+const Callout = ({
+  title,
+  style,
+  animatedStyle,
+  contentStyle,
+  tipStyle,
+  titleStyle,
+  children,
+  testID,
+  ...props
+}) => {
+  const calloutContent = _react.Children.count(children) > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+    testID: testID ? `${testID}-animated` : undefined,
+    style: animatedStyle,
+    ...props,
+    children: children
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
+    testID: testID ? `${testID}-animated` : undefined,
+    style: [styles.animated, animatedStyle],
+    ...props,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      testID: testID ? `${testID}-content` : undefined,
+      style: [styles.content, contentStyle],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        testID: testID ? `${testID}-title` : undefined,
+        style: [styles.title, titleStyle],
+        children: title
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      testID: testID ? `${testID}-tip` : undefined,
+      style: [styles.tip, tipStyle]
+    })]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CalloutNativeComponent.default, {
+    testID: testID,
+    style: [{
+      position: "absolute",
+      zIndex: 999,
+      backgroundColor: "transparent"
+    }, style],
+    children: calloutContent
+  });
+};
+exports.Callout = Callout;
+//# sourceMappingURL=Callout.js.map

package/lib/commonjs/components/annotations/callout/Callout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_CalloutNativeComponent","_interopRequireDefault","_jsxRuntime","e","__esModule","default","styles","StyleSheet","create","animated","alignItems","justifyContent","width","zIndex","content","backgroundColor","borderColor","borderRadius","borderWidth","flex","padding","position","tip","borderBottomColor","borderBottomWidth","borderLeftColor","borderLeftWidth","borderRightColor","borderRightWidth","borderTopColor","borderTopWidth","elevation","marginTop","title","color","textAlign","Callout","style","animatedStyle","contentStyle","tipStyle","titleStyle","children","testID","props","calloutContent","Children","count","jsx","Animated","View","undefined","jsxs","Text","exports"],"sourceRoot":"../../../../../src","sources":["components/annotations/callout/Callout.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/annotations/callout/CalloutNativeComponent.ts

@@ -0,0 +1,11 @@
+import {
+  codegenNativeComponent,
+  type HostComponent,
+  type ViewProps,
+} from "react-native";
+
+export interface NativeProps extends ViewProps {}
+
+export default codegenNativeComponent<NativeProps>(
+  "MLRNCallout",
+) as HostComponent<NativeProps>;

package/lib/commonjs/components/annotations/marker/Marker.js

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Marker = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _MarkerViewNativeComponent = _interopRequireDefault(require("./MarkerViewNativeComponent"));
+var _useFrozenId = require("../../../hooks/useFrozenId.js");
+var _Anchor = require("../../../types/Anchor.js");
+var _ViewAnnotation = require("../view-annotation/ViewAnnotation.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Event emitted by a Marker on press.
+ */
+
+/**
+ * Marker allows you to place an interactive React Native View on the map.
+ *
+ * If you have static view consider using ViewAnnotation or SymbolLayer for
+ * better performance.
+ *
+ * Implemented through:
+ * - Android: Native Views placed on the map projection
+ * - iOS:
+ *   [MLNPointAnnotation](https://mapvina.com/mapvina-native/ios/latest/documentation/mapvina/mlnpointannotation/)
+ */
+const Marker = ({
+  id,
+  anchor = "center",
+  offset,
+  ref,
+  ...props
+}) => {
+  const nativeRef = (0, _react.useRef)(null);
+  const viewAnnotationRef = (0, _react.useRef)(null);
+  const nativeAnchor = (0, _Anchor.anchorToNative)(anchor);
+  const nativeOffset = offset ? {
+    x: offset[0],
+    y: offset[1]
+  } : undefined;
+  const frozenId = (0, _useFrozenId.useFrozenId)(id);
+  (0, _react.useImperativeHandle)(ref, () => ({
+    // Reanimated v4 compatibility: createAnimatedComponent looks for _viewConfig but native has __viewConfig
+    getAnimatableRef: () => {
+      if (_reactNative.Platform.OS === "ios") {
+        return viewAnnotationRef.current?.getAnimatableRef();
+      }
+      return nativeRef.current ? new Proxy(nativeRef.current, {
+        get: (target, prop) => prop === "_viewConfig" ? target.__viewConfig : target[prop]
+      }) : null;
+    }
+  }));
+  if (_reactNative.Platform.OS === "ios") {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ViewAnnotation.ViewAnnotation, {
+      ref: viewAnnotationRef,
+      id: frozenId,
+      anchor: anchor,
+      offset: offset,
+      ...props
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MarkerViewNativeComponent.default, {
+    ref: nativeRef,
+    id: frozenId,
+    anchor: nativeAnchor,
+    offset: nativeOffset,
+    ...props,
+    style: [{
+      flex: 0,
+      alignSelf: "flex-start",
+      overflow: "visible"
+    }, props.style],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      collapsable: false,
+      style: {
+        flex: 0,
+        alignSelf: "flex-start",
+        overflow: "visible"
+      },
+      children: props.children
+    })
+  });
+};
+exports.Marker = Marker;
+//# sourceMappingURL=Marker.js.map