@rnmapbox/maps 10.0.0-beta.30 → 10.0.0-beta.33

package/.github/ISSUE_TEMPLATE/bug_report.yml

@@ -0,0 +1,112 @@
+name: Bug Report
+description: This template should be used for reporting bugs and defects.
+title: "[Bug]: "
+labels: 'bug :beetle:'
+body:
+- type: markdown
+  attributes:
+    value: |
+      Thanks for taking the time to fill out this bug report!
+- type: dropdown
+  id: mapbox-implementation
+  attributes:
+    label: Mapbox Implementation
+    description: |-
+      Check `RNMapboxMapsImpl` in your Podfile/gradle files. Defaults to `Maplibre`.
+    options:
+      - Mapbox
+      - Mapbox GL
+      - Maplibre
+  validations:
+    required: true
+- type: input
+  id: mapbox-version
+  attributes:
+    label: Mapbox Version
+    description: |-
+      Check `RNMapboxMapsVersion` in your Podfile/gradle files, set to `default` if you don't cusomize the version
+    placeholder: 10.7.0
+  validations:
+    required: true
+- type: dropdown
+  id: platform
+  attributes:
+    label: Platform
+    multiple: true
+    description: |-
+      The platform where you experience the issue
+    options:
+      - iOS
+      - Android
+  validations:
+    required: true
+- type: input
+  id: rnmapbox-version
+  attributes:
+    label: "`@rnmapbox/maps` version"
+    description: |-
+      The version of `@rnmapbox/maps`, such as `#main`, `10.0.0-beta.32`
+    value: 10.0.0-beta.11
+  validations:
+    required: true
+- type: textarea
+  attributes:
+    label: Standalone component to reproduce
+    description: |-
+      - Use [our BugReportTemplate](https://github.com/rnmapbox/maps/blob/main/example/src/examples/BugReportExample.js) screens as a starting point.
+      - Component should be self contained - no extra libraries, external data, no parameters
+      - Do not include setAccessToken or access token istelf.
+    value: |-
+      ```javascript
+      import React from 'react';
+      import {
+        MapView,
+        ShapeSource,
+        LineLayer,
+        Camera,
+      } from '@rnmapbox/maps';
+      
+      const aLine = {
+        type: 'LineString',
+        coordinates: [
+          [-74.00597, 40.71427],
+          [-74.00697, 40.71527],
+        ],
+      };
+      
+      class BugReportExample extends React.Component {
+        render() {
+          return (
+            <MapView style={{flex: 1}}>
+              <Camera centerCoordinate={[-74.00597, 40.71427]} zoomLevel={14} />
+              <ShapeSource id="idStreetLayer" shape={aLine}>
+                <LineLayer id="idStreetLayer" />
+              </ShapeSource>
+            </MapView>
+          );
+        }
+      }
+      ```
+  validations:
+    required: true
+- type: textarea
+  attributes:
+    label: Observed behavior and steps to reproduce
+    description: |-
+      - Please include as much evidence as possible (traces, videos, screenshots etc.)
+- type: textarea
+  attributes:
+    label: Expected behavior
+    description: |-
+      - Please include the expected behavior and any resources supporting this expected behavior.
+- type: textarea
+  attributes:
+    label: Notes / preliminary analysis
+    description: |-
+      - include your initial analysis, if available
+- type: textarea
+  attributes:
+    label: Additional links and references
+    description: |-
+      - Links to traces, videos et
+

package/.husky/pre-commit

@@ -0,0 +1,5 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npm run generate
+npx lint-staged

package/android/rctmgl/src/main/java-v10/com/mapbox/rctmgl/components/camera/CameraStop.kt

@@ -34,10 +34,10 @@ import com.mapbox.mapboxsdk.maps.MapboxMap;
     private var mZoom: Double? = null
     private var mLatLng: LatLng? = null
     private var mBounds: LatLngBounds? = null
-    private var mBoundsPaddingLeft = 0
-    private var mBoundsPaddingRight = 0
-    private var mBoundsPaddingBottom = 0
-    private var mBoundsPaddingTop = 0
+    private var mBoundsPaddingLeft : Int? = null
+    private var mBoundsPaddingRight : Int? = null
+    private var mBoundsPaddingBottom : Int? = null
+    private var mBoundsPaddingTop : Int? = null
     private var mMode = CameraMode.EASE
     private var mDuration = 2000
     private var mCallback: Animator.AnimatorListener? = null
@@ -67,10 +67,10 @@ import com.mapbox.mapboxsdk.maps.MapboxMap;
 
     fun setBounds(
         bounds: LatLngBounds?,
-        paddingLeft: Int,
-        paddingRight: Int,
-        paddingTop: Int,
-        paddingBottom: Int
+        paddingLeft: Int?,
+        paddingRight: Int?,
+        paddingTop: Int?,
+        paddingBottom: Int?
     ) {
         mBounds = bounds
         mBoundsPaddingLeft = paddingLeft
@@ -95,6 +95,9 @@ import com.mapbox.mapboxsdk.maps.MapboxMap;
         val builder = CameraOptions.Builder()
         builder.center(currentCamera.center)
         builder.bearing(currentCamera.bearing)
+
+        val currentPadding = currentCamera.padding;
+
         builder.padding(currentCamera.padding)
         builder.zoom(currentCamera.zoom)
         if (mBearing != null) {
@@ -109,16 +112,11 @@ import com.mapbox.mapboxsdk.maps.MapboxMap;
             val tilt = if (mTilt != null) mTilt!! else currentCamera.pitch
             val bearing = if (mBearing != null) mBearing!! else currentCamera.bearing
 
-            // Adding map padding to the camera padding which is the same behavior as
-            // mapbox native does on iOS
-            val contentInset = map.cameraState.padding
-            val paddingLeft =
-                java.lang.Double.valueOf(contentInset.left + mBoundsPaddingLeft).toInt()
-            val paddingTop = java.lang.Double.valueOf(contentInset.top + mBoundsPaddingTop).toInt()
-            val paddingRight =
-                java.lang.Double.valueOf(contentInset.right + mBoundsPaddingRight).toInt()
-            val paddingBottom =
-                java.lang.Double.valueOf(contentInset.bottom + mBoundsPaddingBottom).toInt()
+            val paddingLeft: Int = mBoundsPaddingLeft ?: currentPadding.left.toInt()
+            val paddingTop: Int = mBoundsPaddingTop ?: currentPadding.top.toInt()
+            val paddingRight: Int = mBoundsPaddingRight ?: currentPadding.right.toInt()
+            val paddingBottom: Int = mBoundsPaddingBottom ?: currentPadding.bottom.toInt()
+
             val cameraPadding = intArrayOf(paddingLeft, paddingTop, paddingRight, paddingBottom)
             val cameraPaddingClipped = clippedPadding(cameraPadding, mapView)
             val boundsCamera = map.cameraForCoordinateBounds(
@@ -163,18 +161,12 @@ import com.mapbox.mapboxsdk.maps.MapboxMap;
                 stop.setDuration(readableMap.getInt("duration"))
             }
             if (readableMap.hasKey("bounds")) {
-                var paddingTop = getBoundsPaddingByKey(readableMap, "paddingTop")
-                var paddingRight = getBoundsPaddingByKey(readableMap, "paddingRight")
-                var paddingBottom = getBoundsPaddingByKey(readableMap, "paddingBottom")
-                var paddingLeft = getBoundsPaddingByKey(readableMap, "paddingLeft")
-
-                // scale padding by pixel ratio
                 val metrics = context.resources.displayMetrics
-                paddingTop = java.lang.Float.valueOf(paddingTop * metrics.scaledDensity).toInt()
-                paddingRight = java.lang.Float.valueOf(paddingRight * metrics.scaledDensity).toInt()
-                paddingBottom =
-                    java.lang.Float.valueOf(paddingBottom * metrics.scaledDensity).toInt()
-                paddingLeft = java.lang.Float.valueOf(paddingLeft * metrics.scaledDensity).toInt()
+                var paddingTop = getBoundsPaddingByKey(readableMap, metrics.scaledDensity, "paddingTop")
+                var paddingRight = getBoundsPaddingByKey(readableMap, metrics.scaledDensity, "paddingRight")
+                var paddingBottom = getBoundsPaddingByKey(readableMap, metrics.scaledDensity, "paddingBottom")
+                var paddingLeft = getBoundsPaddingByKey(readableMap, metrics.scaledDensity, "paddingLeft")
+
                 val collection = FeatureCollection.fromJson(readableMap.getString("bounds")!!)
                 stop.setBounds(
                     toLatLngBounds(collection), paddingLeft, paddingRight,
@@ -221,8 +213,12 @@ import com.mapbox.mapboxsdk.maps.MapboxMap;
             return intArrayOf(resultLeft, resultTop, resultRight, resultBottom)
         }
 
-        private fun getBoundsPaddingByKey(map: ReadableMap, key: String): Int {
-            return if (map.hasKey(key)) map.getInt(key) else 0
+        private fun getBoundsPaddingByKey(map: ReadableMap, scaledDensity: Float, key: String): Int? {
+            if (map.hasKey(key)) {
+                return (map.getInt(key) * scaledDensity).toInt()
+            } else {
+                return null;
+            }
         }
     }
 }

package/android/rctmgl/src/main/java-v10/com/mapbox/rctmgl/components/mapview/RCTMGLMapView.kt

@@ -20,8 +20,10 @@ import com.mapbox.maps.extension.style.layers.Layer
 import com.mapbox.maps.extension.style.layers.generated.*
 import com.mapbox.maps.extension.style.layers.getLayer
 import com.mapbox.maps.extension.style.layers.properties.generated.Visibility
+import com.mapbox.maps.plugin.annotation.Annotation
 import com.mapbox.maps.plugin.annotation.annotations
 import com.mapbox.maps.plugin.annotation.generated.OnPointAnnotationClickListener
+import com.mapbox.maps.plugin.annotation.generated.OnPointAnnotationDragListener
 import com.mapbox.maps.plugin.annotation.generated.PointAnnotation
 import com.mapbox.maps.plugin.annotation.generated.PointAnnotationManager
 import com.mapbox.maps.plugin.annotation.generated.createPointAnnotationManager
@@ -79,6 +81,7 @@ open class RCTMGLMapView(private val mContext: Context, var mManager: RCTMGLMapV
     private val mHandledMapChangedEvents: HashSet<String>? = null
     private var mOffscreenAnnotationViewContainer: ViewGroup? = null
     private var mAnnotationClicked = false
+    private var mAnnotationDragged = false
     private var mLocationComponentManager: LocationComponentManager? = null
     var tintColor: Int? = null
         private set
@@ -89,6 +92,7 @@ open class RCTMGLMapView(private val mContext: Context, var mManager: RCTMGLMapV
                 val _this = this
                 val gesturesPlugin: GesturesPlugin = this.gestures
                 gesturesPlugin.removeOnMapClickListener(_this)
+                gesturesPlugin.removeOnMapLongClickListener(_this)
 
                 mPointAnnotationManager = annotations.createPointAnnotationManager()
                 mPointAnnotationManager?.addClickListener(OnPointAnnotationClickListener { pointAnnotation ->
@@ -96,7 +100,47 @@ open class RCTMGLMapView(private val mContext: Context, var mManager: RCTMGLMapV
                         false
                     }
                 )
+                mPointAnnotationManager?.addDragListener(object : OnPointAnnotationDragListener {
+                    override fun onAnnotationDragStarted(_annotation: Annotation<*>) {
+                        mAnnotationDragged = true;
+                        var reactAnnotation: RCTMGLPointAnnotation? = null
+                        for (key in mPointAnnotations.keys) {
+                            val annotation = mPointAnnotations[key]
+                            val curMarkerID = annotation?.mapboxID
+                            if (_annotation.id == curMarkerID) {
+                                reactAnnotation = annotation
+                            }
+                        }
+                        reactAnnotation?.let { it.onDragStart() }
+                    }
+
+                   override fun onAnnotationDrag(_annotation: Annotation<*>) {
+                        var reactAnnotation: RCTMGLPointAnnotation? = null
+                        for (key in mPointAnnotations.keys) {
+                            val annotation = mPointAnnotations[key]
+                            val curMarkerID = annotation?.mapboxID
+                            if (_annotation.id == curMarkerID) {
+                                reactAnnotation = annotation
+                            }
+                        }
+                        reactAnnotation?.let { it.onDrag() }
+                    }
+
+                    override fun onAnnotationDragFinished(_annotation: Annotation<*>) {
+                        mAnnotationDragged = false;
+                        var reactAnnotation: RCTMGLPointAnnotation? = null
+                        for (key in mPointAnnotations.keys) {
+                            val annotation = mPointAnnotations[key]
+                            val curMarkerID = annotation?.mapboxID
+                            if (_annotation.id == curMarkerID) {
+                                reactAnnotation = annotation
+                            }
+                        }
+                        reactAnnotation?.let { it.onDragEnd() }
+                    }
+                })
                 gesturesPlugin.addOnMapClickListener(_this)
+                gesturesPlugin.addOnMapLongClickListener(_this)
 
             }
             return mPointAnnotationManager
@@ -106,7 +150,6 @@ open class RCTMGLMapView(private val mContext: Context, var mManager: RCTMGLMapV
         map.getStyle(object : Style.OnStyleLoaded {
             override fun onStyleLoaded(style: Style) {
                 savedStyle = style
-                createSymbolManager(style)
                 setUpImage(style)
                 addQueuedFeatures()
                 setupLocalization(style)
@@ -426,6 +469,10 @@ open class RCTMGLMapView(private val mContext: Context, var mManager: RCTMGLMapV
 
     override fun onMapLongClick(point: Point): Boolean {
         val _this = this
+        if (mAnnotationDragged) {
+            mAnnotationDragged = false
+            return true
+        }
         val screenPoint = mMap?.pixelForCoordinate(point)
         if (screenPoint != null) {
             val event = MapClickEvent(_this, LatLng(point), screenPoint, EventTypes.MAP_LONG_CLICK)
@@ -534,52 +581,6 @@ open class RCTMGLMapView(private val mContext: Context, var mManager: RCTMGLMapV
         return GeoJSONUtils.toPointFeature(latLng, properties)
     }
 
-    fun createSymbolManager(style: Style?) {
-        /*
-        v10 TODO
-        symbolManager = new SymbolManager(this, mMap, style);
-        symbolManager.setIconAllowOverlap(true);
-        symbolManager.addClickListener(new OnSymbolClickListener() {
-            @Override
-            public void onAnnotationClick(Symbol symbol) {
-                onMarkerClick(symbol);
-            }
-        });
-        symbolManager.addDragListener(new OnSymbolDragListener() {
-            @Override
-            public void onAnnotationDragStarted(Symbol symbol) {
-                mAnnotationClicked = true;
-                final long selectedMarkerID = symbol.getId();
-                RCTMGLPointAnnotation annotation = getPointAnnotationByMarkerID(selectedMarkerID);
-                if (annotation != null) {
-                    annotation.onDragStart();
-                }
-            }
-
-            @Override
-            public void onAnnotationDrag(Symbol symbol) {
-                final long selectedMarkerID = symbol.getId();
-                RCTMGLPointAnnotation annotation = getPointAnnotationByMarkerID(selectedMarkerID);
-                if (annotation != null) {
-                    annotation.onDrag();
-                }
-            }
-
-            @Override
-            public void onAnnotationDragFinished(Symbol symbol) {
-                mAnnotationClicked = false;
-                final long selectedMarkerID = symbol.getId();
-                RCTMGLPointAnnotation annotation = getPointAnnotationByMarkerID(selectedMarkerID);
-                if (annotation != null) {
-                    annotation.onDragEnd();
-                }
-            }
-        });
-        mMap.addOnMapClickListener(this);
-        mMap.addOnMapLongClickListener(this);
-         */
-    }
-
     fun addQueuedFeatures() {
         if (mQueuedFeatures != null && mQueuedFeatures!!.size > 0) {
             for (i in mQueuedFeatures!!.indices) {

package/docs/CustomHttpHeaders.md

@@ -12,7 +12,11 @@ Custom headers are implemented using OkHttp interseptor for android and method s
 
 None
 
-#### IOS
+#### IOS with Mapbox-v10
+
+None
+
+#### IOS with Mapbox GL or Mapblibre
 
 To enable this on iOS you need to call `[[MGLCustomHeaders sharedInstance] initHeaders]` pretty early in the lifecycle of the application. This will swizzle the custom method.
 Suggested location is `[AppDelegate application: didFinishLaunchingWithOptions:]`

package/index.d.ts

@@ -38,6 +38,8 @@ import type {
   MapboxGLEvent as _MapboxGLEvent,
   UserTrackingMode as _UserTrackingMode,
   UserTrackingModeChangeCallback as _UserTrackingModeChangeCallback,
+  AnimatedPoint as _AnimatedPoint,
+  AnimatedLineString as _AnimatedLineString,
 } from './javascript/types/index';
 import type { requestAndroidLocationPermissions as _requestAndroidLocationPermissions } from './javascript/requestAndroidLocationPermissions';
 
@@ -204,6 +206,28 @@ declare namespace MapboxGL {
         visibleBounds: number[];
       },
     ): void;
+
+    class AnimatedPoint {
+      constructor(point?: AnimatedPoint);
+      longitude: ReactNative.Animated.Value;
+      latitude: ReactNative.Animated.Value;
+      setValue: (point: GeoJSON.Point) => void;
+      setOffset: (point: GeoJSON.Point) => void;
+      flattenOffset: () => void;
+      stopAnimation: (cb?: () => GeoJSON.Point) => void;
+      addListener: (cb?: () => GeoJSON.Point) => void;
+      removeListener: (id: string) => void;
+      spring: (
+        config: Record<string, any>,
+      ) => ReactNative.Animated.CompositeAnimation;
+      timing: (
+        config: Record<string, any>,
+      ) => ReactNative.Animated.CompositeAnimation;
+    }
+
+    class AnimatedShape {
+      constructor(shape: AnimatedLineString);
+    }
   }
 
   namespace Animated {
@@ -221,28 +245,6 @@ declare namespace MapboxGL {
     class BackgroundLayer extends Component<BackgroundLayerProps> {}
   }
 
-  /**
-   * Classes
-   */
-
-  class AnimatedPoint {
-    constructor(point?: GeoJSON.Point);
-    longitude: ReactNative.Animated.Value;
-    latitude: ReactNative.Animated.Value;
-    setValue: (point: GeoJSON.Point) => void;
-    setOffset: (point: GeoJSON.Point) => void;
-    flattenOffset: () => void;
-    stopAnimation: (cb?: () => GeoJSON.Point) => void;
-    addListener: (cb?: () => GeoJSON.Point) => void;
-    removeListener: (id: string) => void;
-    spring: (
-      config: Record<string, any>,
-    ) => ReactNative.Animated.CompositeAnimation;
-    timing: (
-      config: Record<string, any>,
-    ) => ReactNative.Animated.CompositeAnimation;
-  }
-
   /**
    * Components
    */
@@ -1037,13 +1039,22 @@ export import CameraAnimationMode = MapboxGL.CameraAnimationMode;
 export import Atmosphere = MapboxGL.Atmosphere;
 export import Terrain = MapboxGL.Terrain;
 export import RasterDemSource = MapboxGL.RasterDemSource;
-export import SkyLayer = MapboxGL.SkyLayer;
 export import ShapeSource = MapboxGL.ShapeSource;
+export import FillLayer = MapboxGL.FillLayer;
+export import FillExtrusionLayer = MapboxGL.FillExtrusionLayer;
+export import HeatmapLayer = MapboxGL.HeatmapLayer;
+export import LineLayer = MapboxGL.LineLayer;
 export import CircleLayer = MapboxGL.CircleLayer;
+export import SkyLayer = MapboxGL.SkyLayer;
+export import SymbolLayer = MapboxGL.SymbolLayer;
+export import RasterLayer = MapboxGL.RasterLayer;
+export import BackgroundLayer = MapboxGL.BackgroundLayer;
 
 export import MapboxGLEvent = MapboxGL.MapboxGLEvent;
 export import UserTrackingMode = MapboxGL.UserTrackingMode;
 export import UserTrackingModeChangeCallback = MapboxGL.UserTrackingModeChangeCallback;
+export import AnimatedPoint = MapboxGL.AnimatedPoint;
+export import AnimatedShape = MapboxGL.AnimatedShape;
 
 export const { offlineManager } = MapboxGL;
 

package/ios/RCTMGL-v10/CustomHttpHeaders.swift

@@ -0,0 +1,39 @@
+import MapboxMaps
+
+class CustomHttpHeaders : HttpServiceInterceptorInterface {
+  static var shared : CustomHttpHeaders = {
+    let headers = CustomHttpHeaders()
+    headers.install()
+    return headers
+  }()
+
+  var customHeaders : [String:String] = [:]
+
+  func install() {
+    HttpServiceFactory.getInstance().setInterceptorForInterceptor(self)
+  }
+
+  func reset() {
+    HttpServiceFactory.getInstance().setInterceptorForInterceptor(nil)
+  }
+
+  // MARK: - HttpServiceInterceptorInterface
+
+  func onRequest(for request: HttpRequest) -> HttpRequest {
+    customHeaders.forEach {(key, value) in
+      request.headers[key] = value
+    }
+    return request
+  }
+
+  func onDownload(forDownload download: DownloadOptions) -> DownloadOptions {
+    customHeaders.forEach {(key,value) in
+      download.request.headers[key] = value
+    }
+    return download
+  }
+
+  func onResponse(for response: HttpResponse) -> HttpResponse {
+    return response
+  }
+}

package/ios/RCTMGL-v10/MGLModule.m

@@ -4,4 +4,7 @@
 
 RCT_EXTERN_METHOD(setAccessToken:)
 
+RCT_EXTERN_METHOD(addCustomHeader:(NSString *)headerName forHeaderValue:(NSString *) headerValue)
+RCT_EXTERN_METHOD(removeCustomHeader:(NSString *)headerName)
+
 @end

package/ios/RCTMGL-v10/MGLModule.swift

@@ -68,4 +68,12 @@ class MGLModule : NSObject {
   @objc func setAccessToken(_ token: String) {
       MGLModule.accessToken = token
   }
+
+  @objc func addCustomHeader(_ headerName: String, forHeaderValue headerValue: String ) {
+    CustomHttpHeaders.shared.customHeaders[headerName] = headerValue
+  }
+
+  @objc func removeCustomHeader(_ headerName: String) {
+    CustomHttpHeaders.shared.customHeaders[headerName] = nil
+  }
 }

package/ios/RCTMGL-v10/RCTMGLOfflineModule.swift

@@ -321,26 +321,24 @@ class RCTMGLOfflineModule: RCTEventEmitter {
   func createPack(_ options: NSDictionary, resolver: @escaping RCTPromiseResolveBlock, rejecter: @escaping RCTPromiseRejectBlock) {
     DispatchQueue.main.async {
       do {
+        let metadataStr = options["metadata"] as! String
+        let metadata = try JSONSerialization.jsonObject(with: metadataStr.data(using: .utf8)!, options: []) as! [String:Any]
+        let id = metadata["name"] as! String
+        let stylePackLoadOptions = StylePackLoadOptions(glyphsRasterizationMode: .ideographsRasterizedLocally, metadata: metadata)
+
         let boundsStr = options["bounds"] as! String
         let boundsData = boundsStr.data(using: .utf8)
         var boundsFC = try JSONDecoder().decode(FeatureCollection.self, from: boundsData!)
 
         var bounds = self.convertPointPairToBounds(RCTMGLFeatureUtils.fcToGeomtry(boundsFC))
-        
+
         let descriptorOptions = TilesetDescriptorOptions(
-          styleURI: options["styleURL"] as! String,
-          minZoom: (options["minZoom"] as! NSNumber).uint8Value,
-          maxZoom: (options["maxZoom"] as! NSNumber).uint8Value,
-          stylePack: nil
+          styleURI: StyleURI(rawValue: options["styleURL"] as! String)!,
+          zoomRange: (options["minZoom"] as! NSNumber).uint8Value...(options["maxZoom"] as! NSNumber).uint8Value,
+          stylePackOptions: stylePackLoadOptions
         )
         let tilesetDescriptor = self.offlineManager.createTilesetDescriptor(for: descriptorOptions)
-        
-        
-        let metadataStr = options["metadata"] as! String
-        
-        let metadata = try JSONSerialization.jsonObject(with: metadataStr.data(using: .utf8)!, options: []) as! [String:Any]
 
-        let id = metadata["name"] as! String
         let loadOptions = TileRegionLoadOptions(
           geometry: bounds, // RCTMGLFeatureUtils.geometryToGeometry(bounds),
           descriptors: [tilesetDescriptor],
@@ -375,7 +373,7 @@ class RCTMGLOfflineModule: RCTEventEmitter {
             self.offlinePackDidReceiveError(name: id, error: error)
           }
         }
-        
+
         self.tileRegionPacks[id]!.cancelable = task
         resolver([
           "bounds": boundsStr,

package/javascript/types/index.ts

@@ -1,4 +1,6 @@
 import { SyntheticEvent } from 'react';
+import { Animated } from 'react-native';
+import { GeoJsonObject } from 'geojson';
 
 // General.
 
@@ -21,3 +23,15 @@ export type UserTrackingModeChangeCallback = (
     }
   >,
 ) => void;
+
+// Animated.
+
+export interface AnimatedPoint extends GeoJsonObject {
+  readonly type: 'Point';
+  coordinates: (Animated.Value | number)[];
+}
+
+export interface AnimatedLineString extends GeoJsonObject {
+  readonly type: 'LineString';
+  coordinates: (Animated.Value | number)[][];
+}

package/javascript/utils/StyleValue.ts

@@ -1,4 +1,4 @@
-import { processColor, Image } from 'react-native';
+import { Image, processColor } from 'react-native';
 
 import { getStyleType } from './styleMap';
 import BridgeValue from './BridgeValue';