@rnmapbox/maps 10.0.0-beta.39 → 10.0.0-beta.40

package/docs/Annotation.md

@@ -4,7 +4,7 @@
 
 ## props
 | Prop | Type | Default | Required | Description |
-| ---- | :--: | :-----: | :------: | :----------: |
+| ---- | :-- | :----- | :------ | :---------- |
 | id | `string` | `none` | `true` | FIX ME NO DESCRIPTION |
 | animated | `bool` | `false` | `false` | FIX ME NO DESCRIPTION |
 | animationDuration | `number` | `1000` | `false` | FIX ME NO DESCRIPTION |

package/docs/Atmosphere.md

@@ -4,7 +4,7 @@
 
 ## props
 | Prop | Type | Default | Required | Description |
-| ---- | :--: | :-----: | :------: | :----------: |
+| ---- | :-- | :----- | :------ | :---------- |
 | style | `AtmosphereLayerStyleProps` | `none` | `true` | FIX ME NO DESCRIPTION |
 
 

package/docs/BackgroundLayer.md

@@ -4,7 +4,7 @@
 
 ## props
 | Prop | Type | Default | Required | Description |
-| ---- | :--: | :-----: | :------: | :----------: |
+| ---- | :-- | :----- | :------ | :---------- |
 | id | `string` | `none` | `true` | A string that uniquely identifies the source in the style to which it is added. |
 | sourceID | `string` | `MapboxGL.StyleSource.DefaultSourceID` | `false` | The source from which to obtain the data to style.<br/>If the source has not yet been added to the current style, the behavior is undefined.<br/>Inferred from parent source only if the layer is a direct child to it. |
 | sourceLayerID | `string` | `none` | `false` | Identifier of the layer within the source identified by the sourceID property from which the receiver obtains the data to style. |

package/docs/Callout.md

@@ -4,7 +4,7 @@ Callout that displays information about a selected annotation near the annotatio
 
 ## props
 | Prop | Type | Default | Required | Description |
-| ---- | :--: | :-----: | :------: | :----------: |
+| ---- | :-- | :----- | :------ | :---------- |
 | title | `string` | `none` | `false` | String that gets displayed in the default callout. |
 | style | `any` | `none` | `false` | Style property for the Animated.View wrapper, apply animations to this |
 | containerStyle | `any` | `none` | `false` | Style property for the native RCTMGLCallout container, set at your own risk. |

package/docs/Camera.md

@@ -20,7 +20,7 @@ return (
 
 ## props
 | Prop | Type | Default | Required | Description |
-| ---- | :--: | :-----: | :------: | :----------: |
+| ---- | :-- | :----- | :------ | :---------- |
 | type | `literal` | `none` | `false` | Allows static check of the data type. For internal use only. |
 | centerCoordinate | `Position` | `none` | `false` | The location on which the map should center. |
 | bounds | `intersection` | `none` | `false` | The corners of a box around which the map should bound. Contains padding props for backwards<br/>compatibility; the root `padding` prop should be used instead. |

package/docs/CircleLayer.md

@@ -4,7 +4,7 @@ CircleLayer is a style layer that renders one or more filled circles on the map.
 
 ## props
 | Prop | Type | Default | Required | Description |
-| ---- | :--: | :-----: | :------: | :----------: |
+| ---- | :-- | :----- | :------ | :---------- |
 | id | `string` | `none` | `true` | A string that uniquely identifies the source in the style to which it is added. |
 | sourceID | `string` | `MapboxGL.StyleSource.DefaultSourceID` | `false` | The source from which to obtain the data to style.<br/>If the source has not yet been added to the current style, the behavior is undefined.<br/>Inferred from parent source only if the layer is a direct child to it. |
 | sourceLayerID | `string` | `none` | `false` | Identifier of the layer within the source identified by the sourceID property<br/>from which the receiver obtains the data to style. |

package/docs/FillExtrusionLayer.md

@@ -4,7 +4,7 @@ FillExtrusionLayer is a style layer that renders one or more 3D extruded polygon
 
 ## props
 | Prop | Type | Default | Required | Description |
-| ---- | :--: | :-----: | :------: | :----------: |
+| ---- | :-- | :----- | :------ | :---------- |
 | id | `string` | `none` | `true` | A string that uniquely identifies the source in the style to which it is added. |
 | sourceID | `string` | `MapboxGL.StyleSource.DefaultSourceID` | `false` | The source from which to obtain the data to style.<br/>If the source has not yet been added to the current style, the behavior is undefined.<br/>Inferred from parent source only if the layer is a direct child to it. |
 | sourceLayerID | `string` | `none` | `false` | Identifier of the layer within the source identified by the sourceID property from which the receiver obtains the data to style. |

package/docs/FillLayer.md

@@ -4,7 +4,7 @@ FillLayer is a style layer that renders one or more filled (and optionally strok
 
 ## props
 | Prop | Type | Default | Required | Description |
-| ---- | :--: | :-----: | :------: | :----------: |
+| ---- | :-- | :----- | :------ | :---------- |
 | id | `string` | `none` | `true` | A string that uniquely identifies the source in the style to which it is added. |
 | sourceID | `string` | `MapboxGL.StyleSource.DefaultSourceID` | `false` | The source from which to obtain the data to style.<br/>If the source has not yet been added to the current style, the behavior is undefined.<br/>Inferred from parent source only if the layer is a direct child to it. |
 | sourceLayerID | `string` | `none` | `false` | Identifier of the layer within the source identified by the sourceID property from which the receiver obtains the data to style. |

package/docs/HeadingIndicator.md

@@ -4,7 +4,7 @@
 
 ## props
 | Prop | Type | Default | Required | Description |
-| ---- | :--: | :-----: | :------: | :----------: |
+| ---- | :-- | :----- | :------ | :---------- |
 | heading | `number` | `none` | `false` | FIX ME NO DESCRIPTION |
 
 

package/docs/HeatmapLayer.md

@@ -4,7 +4,7 @@ HeatmapLayer is a style layer that renders one or more filled circles on the map
 
 ## props
 | Prop | Type | Default | Required | Description |
-| ---- | :--: | :-----: | :------: | :----------: |
+| ---- | :-- | :----- | :------ | :---------- |
 | id | `string` | `none` | `true` | A string that uniquely identifies the source in the style to which it is added. |
 | sourceID | `string` | `MapboxGL.StyleSource.DefaultSourceID` | `false` | The source from which to obtain the data to style.<br/>If the source has not yet been added to the current style, the behavior is undefined.<br/>Inferred from parent source only if the layer is a direct child to it. |
 | sourceLayerID | `string` | `none` | `false` | Identifier of the layer within the source identified by the sourceID property<br/>from which the receiver obtains the data to style. |

package/docs/ImageSource.md

@@ -5,7 +5,7 @@ The georeferenced image scales and rotates as the user zooms and rotates the map
 
 ## props
 | Prop | Type | Default | Required | Description |
-| ---- | :--: | :-----: | :------: | :----------: |
+| ---- | :-- | :----- | :------ | :---------- |
 | id | `string` | `none` | `true` | A string that uniquely identifies the source. |
 | url | `union` | `none` | `false` | An HTTP(S) URL, absolute file URL, or local file URL to the source image.<br/>Gifs are currently not supported. |
 | coordinates | `array` | `none` | `true` | The top left, top right, bottom right, and bottom left coordinates for the image. |

package/docs/Images.md

@@ -4,7 +4,7 @@ Images defines the images used in Symbol etc. layers.
 
 ## props
 | Prop | Type | Default | Required | Description |
-| ---- | :--: | :-----: | :------: | :----------: |
+| ---- | :-- | :----- | :------ | :---------- |
 | images | `object` | `none` | `false` | Specifies the external images in key-value pairs required for the shape source.<br/>Keys are names - see iconImage expressions, values can be either urls-s objects<br/>with format {uri: 'http://...'}` or `require('image.png')` or `import 'image.png'` |
 | nativeAssetImages | `array` | `none` | `false` | If you have an asset under Image.xcassets on iOS and the drawables directory on android<br/>you can specify an array of string names with assets as the key `['pin']`. |
 | onImageMissing | `func` | `none` | `false` | Gets called when a Layer is trying to render an image whose key is not present in<br/>any of the `Images` component of the Map. |

package/docs/Light.md

@@ -4,7 +4,7 @@ Light represents the light source for extruded geometries
 
 ## props
 | Prop | Type | Default | Required | Description |
-| ---- | :--: | :-----: | :------: | :----------: |
+| ---- | :-- | :----- | :------ | :---------- |
 | style | `custom` | `none` | `false` | Customizable style attributes |
 
 

package/docs/LineLayer.md

@@ -4,7 +4,7 @@ LineLayer is a style layer that renders one or more stroked polylines on the map
 
 ## props
 | Prop | Type | Default | Required | Description |
-| ---- | :--: | :-----: | :------: | :----------: |
+| ---- | :-- | :----- | :------ | :---------- |
 | id | `string` | `none` | `true` | A string that uniquely identifies the source in the style to which it is added. |
 | sourceID | `string` | `MapboxGL.StyleSource.DefaultSourceID` | `false` | The source from which to obtain the data to style.<br/>If the source has not yet been added to the current style, the behavior is undefined.<br/>Inferred from parent source only if the layer is a direct child to it. |
 | sourceLayerID | `string` | `none` | `false` | Identifier of the layer within the source identified by the sourceID property from which the receiver obtains the data to style. |

package/docs/MapView.md

@@ -4,7 +4,7 @@ MapView backed by Mapbox Native GL
 
 ## props
 | Prop | Type | Default | Required | Description |
-| ---- | :--: | :-----: | :------: | :----------: |
+| ---- | :-- | :----- | :------ | :---------- |
 | contentInset | `union` | `none` | `false` | The distance from the edges of the map view’s frame to the edges of the map view’s logical viewport. |
 | style | `any` | `none` | `false` | Style for wrapping React Native View |
 | styleURL | `string` | `none` | `false` | Style URL for map - notice, if non is set it _will_ default to `MapboxGL.StyleURL.Street` |

package/docs/MarkerView.md

@@ -9,7 +9,7 @@ and PointAnnotation on iOS.
 
 ## props
 | Prop | Type | Default | Required | Description |
-| ---- | :--: | :-----: | :------: | :----------: |
+| ---- | :-- | :----- | :------ | :---------- |
 | coordinate | `tuple` | `none` | `true` | The center point (specified as a map coordinate) of the marker.<br/>See also #anchor. |
 | anchor | `shape` | `{ x: 0.5, y: 0.5 }` | `false` | Specifies the anchor being set on a particular point of the annotation.<br/>The anchor point is specified in the continuous space [0.0, 1.0] x [0.0, 1.0],<br/>where (0, 0) is the top-left corner of the image, and (1, 1) is the bottom-right corner.<br/>Note this is only for custom annotations not the default pin view.<br/>Defaults to the center of the view. |
 | &nbsp;&nbsp;x | `number` | `none` | `true` | `x` of anchor |

package/docs/NativeUserLocation.md

@@ -4,7 +4,7 @@
 
 ## props
 | Prop | Type | Default | Required | Description |
-| ---- | :--: | :-----: | :------: | :----------: |
+| ---- | :-- | :----- | :------ | :---------- |
 | androidRenderMode | `enum` | `none` | `false` | Android render mode.<br/><br/> - normal: just a circle<br/> - compass: triangle with heading<br/> - gps: large arrow<br/><br/>@platform android |
 | iosShowsUserHeadingIndicator | `bool` | `none` | `false` | iOS only. A Boolean value indicating whether the user location annotation may display a permanent heading indicator.<br/><br/>@platform ios |
 

package/docs/PointAnnotation.md

@@ -1,4 +1,4 @@
-<!-- This file was autogenerated from PointAnnotation.js do not modify -->
+<!-- This file was autogenerated from PointAnnotation.tsx do not modify -->
 # <MapboxGL.PointAnnotation />
 PointAnnotation represents a one-dimensional shape located at a single geographical coordinate.
 
@@ -10,21 +10,23 @@ as with PointAnnotation on Android child views are rendered onto a bitmap for be
 
 ## props
 | Prop | Type | Default | Required | Description |
-| ---- | :--: | :-----: | :------: | :----------: |
+| ---- | :-- | :----- | :------ | :---------- |
 | id | `string` | `none` | `true` | A string that uniquely identifies the annotation |
 | title | `string` | `none` | `false` | The string containing the annotation’s title. Note this is required to be set if you want to see a callout appear on iOS. |
 | snippet | `string` | `none` | `false` | The string containing the annotation’s snippet(subtitle). Not displayed in the default callout. |
-| selected | `bool` | `none` | `false` | Manually selects/deselects annotation<br/>@type {[type]} |
-| draggable | `bool` | `false` | `false` | Enable or disable dragging. Defaults to false. |
-| coordinate | `array` | `none` | `true` | The center point (specified as a map coordinate) of the annotation. |
+| selected | `boolean` | `none` | `false` | Manually selects/deselects annotation |
+| draggable | `boolean` | `false` | `false` | Enable or disable dragging. Defaults to false. |
+| coordinate | `tuple` | `none` | `true` | The center point (specified as a map coordinate) of the annotation. |
 | anchor | `shape` | `{ x: 0.5, y: 0.5 }` | `false` | Specifies the anchor being set on a particular point of the annotation.<br/>The anchor point is specified in the continuous space [0.0, 1.0] x [0.0, 1.0],<br/>where (0, 0) is the top-left corner of the image, and (1, 1) is the bottom-right corner.<br/>Note this is only for custom annotations not the default pin view.<br/>Defaults to the center of the view. |
 | &nbsp;&nbsp;x | `number` | `none` | `true` | See anchor |
 | &nbsp;&nbsp;y | `number` | `none` | `true` | See anchor |
-| onSelected | `func` | `none` | `false` | This callback is fired once this annotation is selected. Returns a Feature as the first param. |
-| onDeselected | `func` | `none` | `false` | This callback is fired once this annotation is deselected. |
-| onDragStart | `func` | `none` | `false` | This callback is fired once this annotation has started being dragged. |
-| onDragEnd | `func` | `none` | `false` | This callback is fired once this annotation has stopped being dragged. |
-| onDrag | `func` | `none` | `false` | This callback is fired while this annotation is being dragged. |
+| onSelected | `func` | `none` | `false` | This callback is fired once this annotation is selected. Returns a Feature as the first param.<br/>*signature:*`(payload:{feature: Feature}) => void` |
+| onDeselected | `func` | `none` | `false` | This callback is fired once this annotation is deselected.<br/>*signature:*`(payload:{feature: Feature}) => void` |
+| onDragStart | `func` | `none` | `false` | This callback is fired once this annotation has started being dragged.<br/>*signature:*`(payload:{feature: Feature}) => void` |
+| onDragEnd | `func` | `none` | `false` | This callback is fired once this annotation has stopped being dragged.<br/>*signature:*`(payload:{feature: Feature}) => void` |
+| onDrag | `func` | `none` | `false` | This callback is fired while this annotation is being dragged.<br/>*signature:*`(payload:{feature: Feature}) => void` |
+| children | `ReactReactElement` | `none` | `true` | Expects one child, and an optional callout can be added as well |
+| style | `ViewProps['style']` | `none` | `false` | FIX ME NO DESCRIPTION |
 
 ## methods
 ### refresh()

package/docs/RasterDemSource.md

@@ -4,7 +4,7 @@
 
 ## props
 | Prop | Type | Default | Required | Description |
-| ---- | :--: | :-----: | :------: | :----------: |
+| ---- | :-- | :----- | :------ | :---------- |
 | id | `string` | `MapboxGL.StyleSource.DefaultSourceID` | `false` | A string that uniquely identifies the source. |
 | url | `string` | `none` | `false` | A URL to a TileJSON configuration file describing the source’s contents and other metadata. |
 | tileUrlTemplates | `array` | `none` | `false` | An array of tile URL templates. If multiple endpoints are specified, clients may use any combination of endpoints.<br/>Example: https://example.com/raster-tiles/{z}/{x}/{y}.png |

package/docs/RasterLayer.md

@@ -4,7 +4,7 @@
 
 ## props
 | Prop | Type | Default | Required | Description |
-| ---- | :--: | :-----: | :------: | :----------: |
+| ---- | :-- | :----- | :------ | :---------- |
 | id | `string` | `none` | `true` | A string that uniquely identifies the source in the style to which it is added. |
 | sourceID | `string` | `MapboxGL.StyleSource.DefaultSourceID` | `false` | The source from which to obtain the data to style.<br/>If the source has not yet been added to the current style, the behavior is undefined.<br/>Inferred from parent source only if the layer is a direct child to it. |
 | sourceLayerID | `string` | `none` | `false` | Identifier of the layer within the source identified by the sourceID property from which the receiver obtains the data to style. |

package/docs/RasterSource.md

@@ -6,7 +6,7 @@ or by an external file that conforms to the TileJSON specification.
 
 ## props
 | Prop | Type | Default | Required | Description |
-| ---- | :--: | :-----: | :------: | :----------: |
+| ---- | :-- | :----- | :------ | :---------- |
 | id | `string` | `MapboxGL.StyleSource.DefaultSourceID` | `false` | A string that uniquely identifies the source. |
 | url | `string` | `none` | `false` | A URL to a TileJSON configuration file describing the source’s contents and other metadata. |
 | tileUrlTemplates | `array` | `none` | `false` | An array of tile URL templates. If multiple endpoints are specified, clients may use any combination of endpoints.<br/>Example: https://example.com/raster-tiles/{z}/{x}/{y}.png |

package/docs/ShapeSource.md

@@ -5,7 +5,7 @@ The shape may be an url or a GeoJSON object
 
 ## props
 | Prop | Type | Default | Required | Description |
-| ---- | :--: | :-----: | :------: | :----------: |
+| ---- | :-- | :----- | :------ | :---------- |
 | id | `string` | `MapboxGL.StyleSource.DefaultSourceID` | `false` | A string that uniquely identifies the source. |
 | url | `string` | `none` | `false` | An HTTP(S) URL, absolute file URL, or local file URL relative to the current application’s resource bundle. |
 | shape | `object` | `none` | `false` | The contents of the source. A shape can represent a GeoJSON geometry, a feature, or a feature collection. |

package/docs/SkyLayer.md

@@ -4,7 +4,7 @@ SkyLayer is a spherical dome around the map that is always rendered behind all o
 
 ## props
 | Prop | Type | Default | Required | Description |
-| ---- | :--: | :-----: | :------: | :----------: |
+| ---- | :-- | :----- | :------ | :---------- |
 | id | `string` | `none` | `true` | A string that uniquely identifies the source in the style to which it is added. |
 | sourceID | `string` | `MapboxGL.StyleSource.DefaultSourceID` | `false` | The source from which to obtain the data to style.<br/>If the source has not yet been added to the current style, the behavior is undefined. |
 | aboveLayerID | `string` | `none` | `false` | Inserts a layer above aboveLayerID. |

package/docs/Style.md

@@ -6,7 +6,7 @@ Other fields such as `sprites`, `glyphs` etc. will be ignored. Not all layer / s
 
 ## props
 | Prop | Type | Default | Required | Description |
-| ---- | :--: | :-----: | :------: | :----------: |
+| ---- | :-- | :----- | :------ | :---------- |
 | json | `any` | `none` | `false` | A JSON object conforming to the schema described in the Mapbox Style Specification , or a URL to such JSON. |
 
 

package/docs/SymbolLayer.md

@@ -4,7 +4,7 @@ SymbolLayer is a style layer that renders icon and text labels at points or alon
 
 ## props
 | Prop | Type | Default | Required | Description |
-| ---- | :--: | :-----: | :------: | :----------: |
+| ---- | :-- | :----- | :------ | :---------- |
 | id | `string` | `none` | `true` | A string that uniquely identifies the source in the style to which it is added. |
 | sourceID | `string` | `MapboxGL.StyleSource.DefaultSourceID` | `false` | The source from which to obtain the data to style.<br/>If the source has not yet been added to the current style, the behavior is undefined.<br/>Inferred from parent source only if the layer is a direct child to it. |
 | sourceLayerID | `string` | `none` | `false` | Identifier of the layer within the source identified by the sourceID property from which the receiver obtains the data to style. |

package/docs/Terrain.md

@@ -4,7 +4,7 @@ A global modifier that elevates layers and markers based on a DEM data source.
 
 ## props
 | Prop | Type | Default | Required | Description |
-| ---- | :--: | :-----: | :------: | :----------: |
+| ---- | :-- | :----- | :------ | :---------- |
 | sourceID | `string` | `MapboxGL.StyleSource.DefaultSourceID` | `false` | Name of a source of raster_dem type to be used for terrain elevation. |
 | exaggeration | `union` | `none` | `false` | Optional number between 0 and 1000 inclusive. Defaults to 1. Supports interpolateexpressions. Transitionable.<br/>Exaggerates the elevation of the terrain by multiplying the data from the DEM with this value. |
 

package/docs/UserLocation.md

@@ -4,7 +4,7 @@
 
 ## props
 | Prop | Type | Default | Required | Description |
-| ---- | :--: | :-----: | :------: | :----------: |
+| ---- | :-- | :----- | :------ | :---------- |
 | animated | `bool` | `true` | `false` | Whether location icon is animated between updates |
 | renderMode | `enum` | `'normal'` | `false` | Which render mode to use.<br/>Can either be `normal` or `native` |
 | androidRenderMode | `enum` | `none` | `false` | native/android only render mode<br/><br/> - normal: just a circle<br/> - compass: triangle with heading<br/> - gps: large arrow<br/><br/>@platform android |

package/docs/VectorSource.md

@@ -5,7 +5,7 @@ The location of and metadata about the tiles are defined either by an option dic
 
 ## props
 | Prop | Type | Default | Required | Description |
-| ---- | :--: | :-----: | :------: | :----------: |
+| ---- | :-- | :----- | :------ | :---------- |
 | id | `string` | `MapboxGL.StyleSource.DefaultSourceID` | `false` | A string that uniquely identifies the source. |
 | url | `string` | `none` | `false` | A URL to a TileJSON configuration file describing the source’s contents and other metadata. |
 | tileUrlTemplates | `array` | `none` | `false` | An array of tile URL templates. If multiple endpoints are specified, clients may use any combination of endpoints.<br/>Example: https://example.com/vector-tiles/{z}/{x}/{y}.pbf |

package/docs/docs.json

@@ -3292,26 +3292,21 @@
       {
         "name": "selected",
         "required": false,
-        "type": "bool",
+        "type": "boolean",
         "default": "none",
-        "description": "Manually selects/deselects annotation\n@type {[type]}"
+        "description": "Manually selects/deselects annotation"
       },
       {
         "name": "draggable",
         "required": false,
-        "type": "bool",
+        "type": "boolean",
         "default": "false",
         "description": "Enable or disable dragging. Defaults to false."
       },
       {
         "name": "coordinate",
         "required": true,
-        "type": {
-          "name": "array",
-          "value": {
-            "type": "number"
-          }
-        },
+        "type": "tuple",
         "default": "none",
         "description": "The center point (specified as a map coordinate) of the annotation."
       },
@@ -3343,43 +3338,69 @@
       {
         "name": "onSelected",
         "required": false,
-        "type": "func",
+        "type": {
+          "name": "func",
+          "funcSignature": "(payload:{feature: Feature}) => void"
+        },
         "default": "none",
-        "description": "This callback is fired once this annotation is selected. Returns a Feature as the first param."
+        "description": "This callback is fired once this annotation is selected. Returns a Feature as the first param.\n*signature:*`(payload:{feature: Feature}) => void`"
       },
       {
         "name": "onDeselected",
         "required": false,
-        "type": "func",
+        "type": {
+          "name": "func",
+          "funcSignature": "(payload:{feature: Feature}) => void"
+        },
         "default": "none",
-        "description": "This callback is fired once this annotation is deselected."
+        "description": "This callback is fired once this annotation is deselected.\n*signature:*`(payload:{feature: Feature}) => void`"
       },
       {
         "name": "onDragStart",
         "required": false,
-        "type": "func",
+        "type": {
+          "name": "func",
+          "funcSignature": "(payload:{feature: Feature}) => void"
+        },
         "default": "none",
-        "description": "This callback is fired once this annotation has started being dragged."
+        "description": "This callback is fired once this annotation has started being dragged.\n*signature:*`(payload:{feature: Feature}) => void`"
       },
       {
         "name": "onDragEnd",
         "required": false,
-        "type": "func",
+        "type": {
+          "name": "func",
+          "funcSignature": "(payload:{feature: Feature}) => void"
+        },
         "default": "none",
-        "description": "This callback is fired once this annotation has stopped being dragged."
+        "description": "This callback is fired once this annotation has stopped being dragged.\n*signature:*`(payload:{feature: Feature}) => void`"
       },
       {
         "name": "onDrag",
         "required": false,
-        "type": "func",
+        "type": {
+          "name": "func",
+          "funcSignature": "(payload:{feature: Feature}) => void"
+        },
+        "default": "none",
+        "description": "This callback is fired while this annotation is being dragged.\n*signature:*`(payload:{feature: Feature}) => void`"
+      },
+      {
+        "name": "children",
+        "required": true,
+        "type": "ReactReactElement",
+        "default": "none",
+        "description": "Expects one child, and an optional callout can be added as well"
+      },
+      {
+        "name": "style",
+        "required": false,
+        "type": "ViewProps['style']",
         "default": "none",
-        "description": "This callback is fired while this annotation is being dragged."
+        "description": "FIX ME NO DESCRIPTION"
       }
     ],
-    "composes": [
-      "../utils"
-    ],
-    "fileNameWithExt": "PointAnnotation.js",
+    "fileNameWithExt": "PointAnnotation.tsx",
     "name": "PointAnnotation"
   },
   "RasterDemSource": {

package/index.d.ts

@@ -34,6 +34,7 @@ import {
   CameraAnimationMode as _CameraAnimationMode,
 } from './javascript/components/Camera';
 import { MarkerView as _MarkerView } from './javascript/components/MarkerView';
+import { PointAnnotation as _PointAnnotation } from './javascript/components/PointAnnotation';
 import { Atmosphere as _Atmosphere } from './javascript/components/Atmosphere';
 import type {
   MapboxGLEvent as _MapboxGLEvent,
@@ -140,6 +141,7 @@ declare namespace MapboxGL {
 
   const Atmosphere = _Atmosphere;
   const MarkerView = _MarkerView;
+  const PointAnnotation = _PointAnnotation;
 
   type MapboxGLEvent = _MapboxGLEvent;
   type UserTrackingMode = _UserTrackingMode;
@@ -349,9 +351,6 @@ declare namespace MapboxGL {
     identity(attributeName: string): number;
   }
 
-  class PointAnnotation extends Component<PointAnnotationProps> {
-    refresh(): void;
-  }
   class Callout extends Component<CalloutProps> {}
   type Style = React.FC<StyleProps>;
 
@@ -849,22 +848,6 @@ export interface LightProps extends Omit<ViewProps, 'style'> {
   style?: LightStyle;
 }
 
-export interface PointAnnotationProps {
-  id: string;
-  title?: string;
-  snippet?: string;
-  selected?: boolean;
-  draggable?: boolean;
-  coordinate: GeoJSON.Position;
-  anchor?: Point;
-  children: JSX.Element;
-  onSelected?: () => void;
-  onDeselected?: () => void;
-  onDragStart?: () => void;
-  onDrag?: () => void;
-  onDragEnd?: () => void;
-}
-
 export interface StyleProps {
   json: any;
 }
@@ -1051,6 +1034,7 @@ export import SymbolLayer = MapboxGL.SymbolLayer;
 export import RasterLayer = MapboxGL.RasterLayer;
 export import BackgroundLayer = MapboxGL.BackgroundLayer;
 export import MarkerView = MapboxGL.MarkerView;
+export import PointAnnotation = MapboxGL.PointAnnotation;
 
 export import MapboxGLEvent = MapboxGL.MapboxGLEvent;
 export import UserTrackingMode = MapboxGL.UserTrackingMode;

package/javascript/components/MarkerView.tsx

@@ -58,10 +58,21 @@ class MarkerView extends React.PureComponent<{
     anchor: { x: 0.5, y: 0.5 },
   };
 
+  static lastId = 0;
+  __idForPointAnnotation?: string;
+
+  _idForPointAnnotation(): string {
+    if (this.__idForPointAnnotation === undefined) {
+      MarkerView.lastId = MarkerView.lastId + 1;
+      this.__idForPointAnnotation = `MV-${MarkerView.lastId}`;
+    }
+    return this.__idForPointAnnotation;
+  }
+
   render() {
     const { props } = this;
     if (Platform.OS === 'ios' && !Mapbox.MapboxV10) {
-      return <PointAnnotation {...props} />;
+      return <PointAnnotation id={this._idForPointAnnotation()} {...props} />;
     }
 
     function _getCoordinate(coordinate: [number, number]): string | undefined {

package/javascript/components/{NativeBridgeComponent.js → NativeBridgeComponent.tsx}

@@ -1,27 +1,46 @@
+import React from 'react';
+
 import { runNativeCommand, isAndroid } from '../utils';
 
 let callbackIncrement = 0;
 
-const NativeBridgeComponent = (B) =>
+export type RNMBEvent<PayloadType = { [key: string]: string }> = {
+  payload: PayloadType;
+  type: string;
+};
+
+const NativeBridgeComponent = <T,>(B: React.ComponentClass<T>) =>
   class extends B {
-    constructor(props, nativeModuleName) {
+    _nativeModuleName: string;
+    _onAndroidCallback: (e: any) => void;
+    _callbackMap: Map<string, any>;
+    _preRefMapMethodQueue: Array<{
+      method: { name: string; args: Array<string> };
+      resolver: (value: unknown) => void;
+    }>;
+
+    constructor(props: T, nativeModuleName: string) {
       super(props);
 
       this._nativeModuleName = nativeModuleName;
-      this._onAndroidCallback = this._onAndroidCallback.bind(this);
+      this._onAndroidCallback = this._onAndroidCallbackO.bind(this);
       this._callbackMap = new Map();
       this._preRefMapMethodQueue = [];
     }
 
-    _addAddAndroidCallback(id, resolve, reject) {
+    _addAddAndroidCallback(
+      id: string,
+      resolve: (value: string) => void,
+      reject: (error: Error) => void,
+    ) {
       this._callbackMap.set(id, { resolve, reject });
     }
 
-    _removeAndroidCallback(id) {
-      this._callbackMap.remove(id);
+    _removeAndroidCallback(id: string) {
+      this._callbackMap.delete(id);
     }
 
-    _onAndroidCallback(e) {
+    _onAndroidCallbackO(e: React.SyntheticEvent<Element, RNMBEvent>) {
       const callbackID = e.nativeEvent.type;
       const callback = this._callbackMap.get(callbackID);
 
@@ -30,7 +49,7 @@ const NativeBridgeComponent = (B) =>
       }
 
       this._callbackMap.delete(callbackID);
-      let { payload } = e.nativeEvent;
+      const { payload } = e.nativeEvent;
       if (payload.error) {
         callback.reject.call(null, new Error(payload.error));
       } else {
@@ -38,7 +57,7 @@ const NativeBridgeComponent = (B) =>
       }
     }
 
-    async _runPendingNativeCommands(nativeRef) {
+    async _runPendingNativeCommands<RefType>(nativeRef: RefType) {
       if (nativeRef) {
         while (this._preRefMapMethodQueue.length > 0) {
           const item = this._preRefMapMethodQueue.pop();
@@ -55,7 +74,11 @@ const NativeBridgeComponent = (B) =>
       }
     }
 
-    _runNativeCommand(methodName, nativeRef, args = []) {
+    _runNativeCommand<RefType>(
+      methodName: string,
+      nativeRef: RefType,
+      args: string[] = [],
+    ) {
       if (!nativeRef) {
         return new Promise((resolve) => {
           this._preRefMapMethodQueue.push({

package/javascript/components/PointAnnotation.tsx

@@ -0,0 +1,231 @@
+import React, { SyntheticEvent, type Component } from 'react';
+import {
+  requireNativeComponent,
+  StyleSheet,
+  Platform,
+  type HostComponent,
+  type ViewProps,
+} from 'react-native';
+import { type Feature } from 'geojson';
+
+import { toJSONString, isFunction } from '../utils';
+import { makePoint } from '../utils/geoUtils';
+
+import NativeBridgeComponent, { type RNMBEvent } from './NativeBridgeComponent';
+
+export const NATIVE_MODULE_NAME = 'RCTMGLPointAnnotation';
+
+const styles = StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    position: 'absolute',
+  },
+});
+
+type FeaturePayload = {
+  feature: Feature;
+};
+
+type PointAnnotationProps = {
+  /**
+   * A string that uniquely identifies the annotation
+   */
+  id: string;
+
+  /**
+   * The string containing the annotation’s title. Note this is required to be set if you want to see a callout appear on iOS.
+   */
+  title?: string;
+
+  /**
+   * The string containing the annotation’s snippet(subtitle). Not displayed in the default callout.
+   */
+  snippet?: string;
+
+  /**
+   * Manually selects/deselects annotation
+   */
+  selected?: boolean;
+
+  /**
+   * Enable or disable dragging. Defaults to false.
+   */
+  draggable?: boolean;
+
+  /**
+   * The center point (specified as a map coordinate) of the annotation.
+   */
+  coordinate: [number, number];
+
+  /**
+   * Specifies the anchor being set on a particular point of the annotation.
+   * The anchor point is specified in the continuous space [0.0, 1.0] x [0.0, 1.0],
+   * where (0, 0) is the top-left corner of the image, and (1, 1) is the bottom-right corner.
+   * Note this is only for custom annotations not the default pin view.
+   * Defaults to the center of the view.
+   */
+  anchor?: {
+    /**
+     * See anchor
+     */
+    x: number;
+    /**
+     * See anchor
+     */
+    y: number;
+  };
+
+  /**
+   * This callback is fired once this annotation is selected. Returns a Feature as the first param.
+   */
+  onSelected?: (payload: FeaturePayload) => void;
+
+  /**
+   * This callback is fired once this annotation is deselected.
+   */
+  onDeselected?: (payload: FeaturePayload) => void;
+
+  /**
+   * This callback is fired once this annotation has started being dragged.
+   */
+  onDragStart?: (payload: FeaturePayload) => void;
+
+  /**
+   * This callback is fired once this annotation has stopped being dragged.
+   */
+  onDragEnd?: (payload: FeaturePayload) => void;
+
+  /**
+   * This callback is fired while this annotation is being dragged.
+   */
+  onDrag?: (payload: FeaturePayload) => void;
+
+  /**
+   * Expects one child, and an optional callout can be added as well
+   */
+  children: React.ReactElement;
+
+  style?: ViewProps['style'];
+};
+
+/**
+ * PointAnnotation represents a one-dimensional shape located at a single geographical coordinate.
+ *
+ * Consider using ShapeSource and SymbolLayer instead, if you have many points and you have static images,
+ * they'll offer much better performance.
+ *
+ * If you need interactive views please use MarkerView,
+ * as with PointAnnotation on Android child views are rendered onto a bitmap for better performance.
+ */
+class PointAnnotation extends NativeBridgeComponent(
+  React.PureComponent<PointAnnotationProps>,
+) {
+  static defaultProps = {
+    anchor: { x: 0.5, y: 0.5 },
+    draggable: false,
+  };
+
+  _nativeRef: NativePointAnnotationRef | null = null;
+
+  constructor(props: PointAnnotationProps) {
+    super(props, NATIVE_MODULE_NAME);
+    this._onSelected = this._onSelected.bind(this);
+    this._onDeselected = this._onDeselected.bind(this);
+    this._onDragStart = this._onDragStart.bind(this);
+    this._onDrag = this._onDrag.bind(this);
+    this._onDragEnd = this._onDragEnd.bind(this);
+  }
+
+  _onSelected(e: SyntheticEvent<Element, RNMBEvent<FeaturePayload>>) {
+    if (isFunction(this.props.onSelected)) {
+      this.props.onSelected(e.nativeEvent.payload);
+    }
+  }
+
+  _onDeselected(e: SyntheticEvent<Element, RNMBEvent<FeaturePayload>>) {
+    if (isFunction(this.props.onDeselected)) {
+      this.props.onDeselected(e.nativeEvent.payload);
+    }
+  }
+
+  _onDragStart(e: SyntheticEvent<Element, RNMBEvent<FeaturePayload>>) {
+    if (isFunction(this.props.onDragStart)) {
+      this.props.onDragStart(e.nativeEvent.payload);
+    }
+  }
+
+  _onDrag(e: SyntheticEvent<Element, RNMBEvent<FeaturePayload>>) {
+    if (isFunction(this.props.onDrag)) {
+      this.props.onDrag(e.nativeEvent.payload);
+    }
+  }
+
+  _onDragEnd(e: SyntheticEvent<Element, RNMBEvent<FeaturePayload>>) {
+    if (isFunction(this.props.onDragEnd)) {
+      this.props.onDragEnd(e.nativeEvent.payload);
+    }
+  }
+
+  _getCoordinate(): string | undefined {
+    if (!this.props.coordinate) {
+      return undefined;
+    }
+    return toJSONString(makePoint(this.props.coordinate));
+  }
+
+  /**
+   * On v10 and pre v10 android point annotation is rendered offscreen with a canvas into an image.
+   * To rerender the image from the current state of the view call refresh.
+   * Call this for example from Image#onLoad.
+   */
+  refresh() {
+    if (Platform.OS === 'android') {
+      this._runNativeCommand('refresh', this._nativeRef, []);
+    } else {
+      this._runNativeCommand('refresh', this._nativeRef, []);
+    }
+  }
+
+  _setNativeRef(nativeRef: NativePointAnnotationRef | null) {
+    this._nativeRef = nativeRef;
+    super._runPendingNativeCommands(nativeRef);
+  }
+
+  render() {
+    const props = {
+      ...this.props,
+      ref: (nativeRef: NativePointAnnotationRef | null) =>
+        this._setNativeRef(nativeRef),
+      id: this.props.id,
+      title: this.props.title,
+      snippet: this.props.snippet,
+      anchor: this.props.anchor,
+      selected: this.props.selected,
+      draggable: this.props.draggable,
+      style: [this.props.style, styles.container],
+      onMapboxPointAnnotationSelected: this._onSelected,
+      onMapboxPointAnnotationDeselected: this._onDeselected,
+      onMapboxPointAnnotationDragStart: this._onDragStart,
+      onMapboxPointAnnotationDrag: this._onDrag,
+      onMapboxPointAnnotationDragEnd: this._onDragEnd,
+      coordinate: this._getCoordinate(),
+    };
+    return (
+      <RCTMGLPointAnnotation {...props}>
+        {this.props.children}
+      </RCTMGLPointAnnotation>
+    );
+  }
+}
+type NativePointAnnotationProps = Omit<PointAnnotationProps, 'coordinate'> & {
+  coordinate: string | undefined;
+};
+
+type NativePointAnnotationRef = Component<NativePointAnnotationProps>;
+type NativePointAnnotation = HostComponent<NativePointAnnotationProps>;
+
+const RCTMGLPointAnnotation: NativePointAnnotation =
+  requireNativeComponent(NATIVE_MODULE_NAME);
+
+export default PointAnnotation;

package/javascript/utils/index.d.ts

@@ -1,6 +1,14 @@
 export function isAndroid(): boolean;
-export function isBoolean(_: unknown): boolean;
-export function isNumber(_: unknown): boolean;
-export function isString(_: unknown): boolean;
+export function isBoolean(_: unknown): argument is boolean;
+export function isNumber(_: unknown): argument is number;
+export function isString(_: unknown): argument is string;
+// eslint-disable-next-line @typescript-eslint/ban-types
+export function isFunction(argument: unknown): argument is Function;
 
 export function toJSONString(_: unknown): string;
+export function runNativeCommand<RefType>(
+  module: string,
+  name: string,
+  nativeRef: RefType,
+  args: string[],
+): void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rnmapbox/maps",
   "description": "A Mapbox react native module for creating custom maps",
-  "version": "10.0.0-beta.39",
+  "version": "10.0.0-beta.40",
   "publishConfig": {
     "access": "public"
   },
@@ -62,17 +62,17 @@
     "deprecated-react-native-prop-types": "^2.3.0"
   },
   "devDependencies": {
-    "@babel/core": "7.17.5",
-    "@babel/eslint-parser": "^7.17.0",
-    "@babel/plugin-proposal-class-properties": "7.16.7",
-    "@babel/runtime": "7.17.2",
+    "@babel/core": "7.19.1",
+    "@babel/eslint-parser": "^7.19.1",
+    "@babel/plugin-proposal-class-properties": "7.18.6",
+    "@babel/runtime": "7.19.0",
     "@react-native-community/eslint-config": "^3.0.1",
     "@sinonjs/fake-timers": "^8.0.1",
     "@testing-library/react-native": "^11.0.0",
     "@types/mapbox-gl": "^2.7.5",
     "@types/react-native": ">=0.59.9",
-    "@typescript-eslint/eslint-plugin": "^5.36.2",
-    "@typescript-eslint/parser": "^5.36.2",
+    "@typescript-eslint/eslint-plugin": "^5.37.0",
+    "@typescript-eslint/parser": "^5.37.0",
     "babel-jest": "^27.5.1",
     "documentation": "13.2.5",
     "ejs": "^3.1.3",
@@ -90,7 +90,7 @@
     "mapbox-gl": "^2.9.0",
     "metro-react-native-babel-preset": "0.71.1",
     "node-dir": "0.1.17",
-    "prettier": "2.6.2",
+    "prettier": "2.7.1",
     "react": "17.0.2",
     "react-docgen": "rnmapbox/react-docgen#rnmapbox-dist",
     "react-native": "0.67.0",

package/scripts/autogenHelpers/DocJSONBuilder.js

@@ -22,6 +22,7 @@ const IGNORE_FILES = [
   'AbstractLayer',
   'AbstractSource',
   'NativeBridgeComponent',
+  'NativeBridgeComponent.tsx',
 ];
 const IGNORE_PATTERN = /\.web\./;
 
@@ -143,29 +144,77 @@ class DocJSONBuilder {
       }
     }
 
+    /**
+     * @typedef {{arguments: {type:TSType,name:string}[], return: TSType]}} TSFuncSignature
+     * @typedef {{key:string, value:TSType}[]} TSKVProperties
+     * @typedef {{properties: TSKVProperties}} TSObjectSignature
+     * @typedef {{name: 'void'}} TSVoidType
+     * @typedef {{name: string}} TSTypeType
+     * @typedef {{name: 'signature', type:'function', raw:string, signature: TSFuncSignature}} TSFunctionType
+     * @typedef {{name: 'signature', type:'object', raw:string, signature: TSObjectSignature}} TSObjectType
+     * @typedef {TSVoidType | TSFunctionType | TSTypeType | TSObjectType} TSType
+     */
+
+    /**
+     * @params {TSType} tsType
+     * @returns {tsType is TSFunctionType}
+     */
+    function tsTypeIsFunction(tsType) {
+      return tsType.type === 'function';
+    }
+
+    /**
+     * @params {TSType} tsType
+     * @returns {tsType is TSObjectType}
+     */
+    function tsTypeIsObject(tsType) {
+      return tsType.type === 'object';
+    }
+
+    /**
+     * @param {TSType} tsType
+     */
+    function tsTypeDump(tsType) {
+      if (tsTypeIsFunction(tsType)) {
+        let { signature } = tsType;
+        return `(${signature.arguments
+          .map(({ name, type }) => `${name}:${tsTypeDump(type)}`)
+          .join(', ')}) => ${tsTypeDump(signature.return)}`;
+      } else if (tsTypeIsObject(tsType)) {
+        let { signature } = tsType;
+        return `{${signature.properties
+          .map(({ key, value }) => `${key}: ${tsTypeDump(value)}`)
+          .join(', ')}}`;
+      } else {
+        return tsType.name;
+      }
+    }
+
     function tsTypeDescType(tsType) {
       if (!tsType?.name) {
         return null;
       }
 
-      if (tsType.name === 'signature') {
+      if (tsType.name === 'signature' && tsType.type === 'object') {
         const { properties } = tsType.signature;
-        const value = properties.map((kv) => {
-          return mapProp(
-            mapNestedProp({ ...kv.value, description: kv.description }),
-            kv.key,
-            false,
-          );
-        });
-        return { name: 'shape', value };
-        /*
-        if (tsType.raw.length < 200) {
+        if (properties) {
+          const value = properties.map((kv) => {
+            return mapProp(
+              mapNestedProp({ ...kv.value, description: kv.description }),
+              kv.key,
+              false,
+            );
+          });
+          return { name: 'shape', value };
+        } else if (tsType.raw.length < 200) {
           return `${tsType.raw
             .replace(/(\n|\s)/g, '')
             .replace(/(\|)/g, '\\|')}`;
         } else {
           return 'FIX ME FORMAT BIG OBJECT';
-        } */
+        }
+      } else if (tsType.name === 'signature' && tsType.type === 'function') {
+        return { name: 'func', funcSignature: tsTypeDump(tsType) };
       } else if (tsType.name === 'union') {
         if (tsType.raw) {
           // Props
@@ -194,6 +243,13 @@ class DocJSONBuilder {
             : propMeta.defaultValue.value.replace(/\n/g, ''),
           description: propMeta.description || 'FIX ME NO DESCRIPTION',
         };
+        if (
+          result.type &&
+          result.type.name === 'func' &&
+          result.type.funcSignature
+        ) {
+          result.description = `${result.description}\n*signature:*\`${result.type.funcSignature}\``;
+        }
       } else {
         if (propName) {
           result.name = propName;

package/scripts/templates/component.md.ejs

@@ -8,7 +8,7 @@
 <%_ if (component.props && component.props.length) { _%>
 ## props
 | Prop | Type | Default | Required | Description |
-| ---- | :--: | :-----: | :------: | :----------: |
+| ---- | :-- | :----- | :------ | :---------- |
 <%- propMarkdownTableRows(component) %>
 <%_ } _%>
 

package/javascript/components/PointAnnotation.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-
-export interface PointAnnotationProps {
-  coordinate: [number, number];
-  anchor: {
-    x: number;
-    y: number;
-  };
-}
-
-export default class PointAnnotation extends React.Component<PointAnnotationProps> {
-  refresh(): void;
-}

package/javascript/components/PointAnnotation.js

@@ -1,217 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { requireNativeComponent, StyleSheet, Platform } from 'react-native';
-
-import { toJSONString, isFunction, viewPropTypes } from '../utils';
-import { makePoint } from '../utils/geoUtils';
-
-import NativeBridgeComponent from './NativeBridgeComponent';
-
-export const NATIVE_MODULE_NAME = 'RCTMGLPointAnnotation';
-
-const styles = StyleSheet.create({
-  container: {
-    alignItems: 'center',
-    justifyContent: 'center',
-    position: 'absolute',
-  },
-});
-
-/**
- * PointAnnotation represents a one-dimensional shape located at a single geographical coordinate.
- *
- * Consider using ShapeSource and SymbolLayer instead, if you have many points and you have static images,
- * they'll offer much better performance.
- *
- * If you need interactive views please use MarkerView,
- * as with PointAnnotation on Android child views are rendered onto a bitmap for better performance.
- */
-class PointAnnotation extends NativeBridgeComponent(React.PureComponent) {
-  static propTypes = {
-    ...viewPropTypes,
-
-    /**
-     * A string that uniquely identifies the annotation
-     */
-    id: PropTypes.string.isRequired,
-
-    /**
-     * The string containing the annotation’s title. Note this is required to be set if you want to see a callout appear on iOS.
-     */
-    title: PropTypes.string,
-
-    /**
-     * The string containing the annotation’s snippet(subtitle). Not displayed in the default callout.
-     */
-    snippet: PropTypes.string,
-
-    /**
-     * Manually selects/deselects annotation
-     * @type {[type]}
-     */
-    selected: PropTypes.bool,
-
-    /**
-     * Enable or disable dragging. Defaults to false.
-     */
-    draggable: PropTypes.bool,
-
-    /**
-     * The center point (specified as a map coordinate) of the annotation.
-     */
-    coordinate: PropTypes.arrayOf(PropTypes.number).isRequired,
-
-    /**
-     * Specifies the anchor being set on a particular point of the annotation.
-     * The anchor point is specified in the continuous space [0.0, 1.0] x [0.0, 1.0],
-     * where (0, 0) is the top-left corner of the image, and (1, 1) is the bottom-right corner.
-     * Note this is only for custom annotations not the default pin view.
-     * Defaults to the center of the view.
-     */
-    anchor: PropTypes.shape({
-      /**
-       * See anchor
-       */
-      x: PropTypes.number.isRequired,
-      /**
-       * See anchor
-       */
-      y: PropTypes.number.isRequired,
-    }),
-
-    /**
-     * This callback is fired once this annotation is selected. Returns a Feature as the first param.
-     */
-    onSelected: PropTypes.func,
-
-    /**
-     * This callback is fired once this annotation is deselected.
-     */
-    onDeselected: PropTypes.func,
-
-    /**
-     * This callback is fired once this annotation has started being dragged.
-     */
-    onDragStart: PropTypes.func,
-
-    /**
-     * This callback is fired once this annotation has stopped being dragged.
-     */
-    onDragEnd: PropTypes.func,
-
-    /**
-     * This callback is fired while this annotation is being dragged.
-     */
-    onDrag: PropTypes.func,
-  };
-
-  static defaultProps = {
-    anchor: { x: 0.5, y: 0.5 },
-    draggable: false,
-  };
-
-  constructor(props) {
-    super(props, NATIVE_MODULE_NAME);
-    this._onSelected = this._onSelected.bind(this);
-    this._onDeselected = this._onDeselected.bind(this);
-    this._onDragStart = this._onDragStart.bind(this);
-    this._onDrag = this._onDrag.bind(this);
-    this._onDragEnd = this._onDragEnd.bind(this);
-  }
-
-  _onSelected(e) {
-    if (isFunction(this.props.onSelected)) {
-      this.props.onSelected(e.nativeEvent.payload);
-    }
-  }
-
-  _onDeselected(e) {
-    if (isFunction(this.props.onDeselected)) {
-      this.props.onDeselected(e.nativeEvent.payload);
-    }
-  }
-
-  _onDragStart(e) {
-    if (isFunction(this.props.onDragStart)) {
-      this.props.onDragStart(e.nativeEvent.payload);
-    }
-  }
-
-  _onDrag(e) {
-    if (isFunction(this.props.onDrag)) {
-      this.props.onDrag(e.nativeEvent.payload);
-    }
-  }
-
-  _onDragEnd(e) {
-    if (isFunction(this.props.onDragEnd)) {
-      this.props.onDragEnd(e.nativeEvent.payload);
-    }
-  }
-
-  _getCoordinate() {
-    if (!this.props.coordinate) {
-      return undefined;
-    }
-    return toJSONString(makePoint(this.props.coordinate));
-  }
-
-  /**
-   * On v10 and pre v10 android point annotation is rendered offscreen with a canvas into an image.
-   * To rerender the image from the current state of the view call refresh.
-   * Call this for example from Image#onLoad.
-   */
-  refresh() {
-    if (Platform.OS === 'android') {
-      this._runNativeCommand('refresh', this._nativeRef, []);
-    } else {
-      this._runNativeCommand('refresh', this._nativeRef, []);
-    }
-  }
-
-  _setNativeRef(nativeRef) {
-    this._nativeRef = nativeRef;
-    super._runPendingNativeCommands(nativeRef);
-  }
-
-  render() {
-    const props = {
-      ...this.props,
-      ref: (nativeRef) => this._setNativeRef(nativeRef),
-      id: this.props.id,
-      title: this.props.title,
-      snippet: this.props.snippet,
-      anchor: this.props.anchor,
-      selected: this.props.selected,
-      draggable: this.props.draggable,
-      style: [this.props.style, styles.container],
-      onMapboxPointAnnotationSelected: this._onSelected,
-      onMapboxPointAnnotationDeselected: this._onDeselected,
-      onMapboxPointAnnotationDragStart: this._onDragStart,
-      onMapboxPointAnnotationDrag: this._onDrag,
-      onMapboxPointAnnotationDragEnd: this._onDragEnd,
-      coordinate: this._getCoordinate(),
-    };
-    return (
-      <RCTMGLPointAnnotation {...props}>
-        {this.props.children}
-      </RCTMGLPointAnnotation>
-    );
-  }
-}
-
-const RCTMGLPointAnnotation = requireNativeComponent(
-  NATIVE_MODULE_NAME,
-  PointAnnotation,
-  {
-    nativeOnly: {
-      onMapboxPointAnnotationSelected: true,
-      onMapboxPointAnnotationDeselected: true,
-      onMapboxPointAnnotationDragStart: true,
-      onMapboxPointAnnotationDrag: true,
-      onMapboxPointAnnotationDragEnd: true,
-    },
-  },
-);
-
-export default PointAnnotation;