@rnmapbox/maps 10.0.0-beta.28

package/android/rctmgl/src/main/java-v10/com/mapbox/rctmgl/utils/Logger.kt

@@ -0,0 +1,120 @@
+package com.mapbox.rctmgl.utils
+
+import android.util.Log
+import com.mapbox.rctmgl.utils.Logger.LoggerDefinition
+
+object Logger {
+    var logger: LoggerDefinition = object : LoggerDefinition {
+        override fun v(tag: String, msg: String) {
+            Log.v(tag, msg!!)
+        }
+
+        override fun v(tag: String, msg: String, tr: Throwable) {
+            Log.v(tag, msg, tr)
+        }
+
+        override fun d(tag: String, msg: String) {
+            Log.d(tag, msg!!)
+        }
+
+        override fun d(tag: String, msg: String, tr: Throwable) {
+            Log.d(tag, msg!!)
+        }
+
+        override fun i(tag: String, msg: String) {
+            Log.i(tag, msg!!)
+        }
+
+        override fun i(tag: String, msg: String, tr: Throwable) {
+            Log.i(tag, msg, tr)
+        }
+
+        override fun w(tag: String, msg: String) {
+            Log.w(tag, msg!!)
+        }
+
+        override fun w(tag: String, msg: String, tr: Throwable) {
+            Log.w(tag, msg!!)
+        }
+
+        override fun e(tag: String, msg: String) {
+            Log.e(tag, msg!!)
+        }
+
+        override fun e(tag: String, msg: String, tr: Throwable) {
+            Log.e(tag, msg, tr)
+        }
+    }
+
+    fun setVerbosity(logLevel: Int) {
+        Logger.logLevel = logLevel
+    }
+
+    fun setLoggerDefinition(dest: LoggerDefinition) {
+        logger = dest
+    }
+
+    private var logLevel = 0
+    fun d(tag: String, msg: String) {
+        if (logLevel <= Log.DEBUG) {
+            logger.d(tag, msg)
+        }
+    }
+
+    fun v(tag: String, msg: String) {
+        if (logLevel <= Log.VERBOSE) {
+            logger.v(tag, msg)
+        }
+    }
+
+    fun i(tag: String, msg: String) {
+        if (logLevel <= Log.INFO) {
+            logger.i(tag, msg)
+        }
+    }
+
+    fun w(tag: String, msg: String) {
+        if (logLevel <= Log.VERBOSE) {
+            logger.w(tag, msg)
+        }
+    }
+
+    fun w(tag: String, msg: String, tr: Throwable) {
+        if (logLevel <= Log.VERBOSE) {
+            logger.w(tag, msg, tr)
+        }
+    }
+
+    fun e(tag: String, msg: String) {
+        if (logLevel <= Log.ERROR) {
+            logger.e(tag, msg)
+        }
+    }
+
+    fun e(tag: String, msg: String, tr: Throwable) {
+        if (logLevel <= Log.ERROR) {
+            logger.e(tag, msg, tr)
+        }
+    }
+
+    fun logged(tag:String, callback: () -> Unit) {
+        try {
+            callback()
+        } catch (error: Exception) {
+            Logger.e(tag, "Exception - error: $error")
+        }
+    }
+
+    interface LoggerDefinition {
+        fun v(tag: String, msg: String)
+        fun v(tag: String, msg: String, tr: Throwable)
+        fun d(tag: String, msg: String)
+        fun d(tag: String, msg: String, tr: Throwable)
+        fun i(tag: String, msg: String)
+        fun i(tag: String, msg: String, tr: Throwable)
+        fun w(tag: String, msg: String)
+        fun w(tag: String, msg: String, tr: Throwable)
+        fun e(tag: String, msg: String)
+        fun e(tag: String, msg: String, tr: Throwable)
+    }
+}

package/android/rctmgl/src/main/java-v10/com/mapbox/rctmgl/utils/ReadableMapToValue.java

@@ -0,0 +1,51 @@
+package com.mapbox.rctmgl.utils;
+
+import com.facebook.react.bridge.Dynamic;
+import com.facebook.react.bridge.ReadableArray;
+import com.facebook.react.bridge.ReadableMap;
+import com.mapbox.bindgen.Value;
+
+import java.util.ArrayList;
+import java.util.HashMap;
+import java.util.Iterator;
+import java.util.List;
+import java.util.Map;
+
+public class ReadableMapToValue {
+    static Value convert(Dynamic dynamic) {
+        switch (dynamic.getType()) {
+            case Map:
+                return Value.valueOf(convert(dynamic.asMap()));
+            case Array:
+                return Value.valueOf(convert(dynamic.asArray()));
+            case String:
+                return Value.valueOf(dynamic.asString());
+            case Number:
+                return Value.valueOf(dynamic.asDouble());
+            case Boolean:
+                return Value.valueOf(dynamic.asBoolean());
+            case Null:
+                return Value.nullValue();
+        }
+        return null;
+    }
+
+    static List<Value> convert(ReadableArray array) {
+        ArrayList<Value> list = new ArrayList<>();
+        for (int i = 0; i < array.size(); ++i) {
+            list.add(convert(array.getDynamic(i)));
+        }
+        return list;
+    }
+
+    public static HashMap<String, Value> convert(ReadableMap map) {
+        HashMap<String, Value> result = new HashMap<>();
+        for (Iterator<Map.Entry<String, Object>> it = map.getEntryIterator(); it.hasNext(); ) {
+            Map.Entry<String, Object> entry = it.next();
+
+            String key = entry.getKey();
+            result.put(key, convert(map.getDynamic(key)));
+        }
+        return result;
+    }
+}

package/android/rctmgl/src/main/java-v10/com/mapbox/rctmgl/utils/ResourceUtils.java

@@ -0,0 +1,26 @@
+package com.mapbox.rctmgl.utils;
+
+import android.content.Context;
+import android.content.res.Resources;
+import android.graphics.drawable.Drawable;
+import androidx.core.content.ContextCompat;
+
+public class ResourceUtils {
+    public static Drawable getDrawableByName(Context context, String resourceName) {
+        if (context == null || resourceName == null || resourceName.isEmpty()) {
+            return null;
+        }
+
+        Resources resources = context.getResources();
+        if (resources == null) {
+            return null;
+        }
+
+        final int resID = resources.getIdentifier(resourceName, "drawable", context.getPackageName());
+        if (resID == 0) {
+            return null;
+        }
+        
+        return ContextCompat.getDrawable(context, resID);
+    }
+}

package/android/rctmgl/src/main/java-v10/com/mapbox/rctmgl/utils/extensions/Point.kt

@@ -0,0 +1,13 @@
+package com.mapbox.rctmgl.utils.extensions
+
+import com.facebook.react.bridge.ReadableArray
+import com.facebook.react.bridge.WritableNativeArray
+import com.mapbox.geojson.Point
+import com.mapbox.rctmgl.utils.Logger
+
+fun Point.toReadableArray() : ReadableArray {
+    val array = WritableNativeArray()
+    array.pushDouble(this.longitude())
+    array.pushDouble(this.latitude())
+    return array
+}

package/android/rctmgl/src/main/java-v10/com/mapbox/rctmgl/utils/extensions/ReadableArray.kt

@@ -0,0 +1,23 @@
+package com.mapbox.rctmgl.utils.extensions
+
+import com.facebook.react.bridge.ReadableArray
+import com.mapbox.geojson.Point
+import com.mapbox.maps.ScreenCoordinate
+import com.mapbox.rctmgl.utils.Logger
+
+fun ReadableArray.toCoordinate() : Point {
+    if (this.size() != 2) {
+        Logger.e("ReadableArray.toCoordinate","Cannot convert $this to point, 2 coordinates are required")
+    }
+    return Point.fromLngLat(
+        getDouble(0),
+        getDouble(1)
+    )
+}
+
+fun ReadableArray.toScreenCoordinate() : ScreenCoordinate {
+    if (this.size() != 2) {
+        Logger.e("ReadableArray.toCoordinate","Cannot convert $this to point, 2 coordinates are required")
+    }
+    return ScreenCoordinate(getDouble(0), getDouble(1))
+}

package/android/rctmgl/src/main/res/drawable/empty.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
+  <size android:height="1dp" android:width="1dp" />
+  <solid android:color="@android:color/transparent" />
+</shape>

package/android/rctmgl/src/main/res/layout/annotation.xml

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:id="@+id/annotation_layout"
+    android:layout_width="wrap_content"
+    android:layout_height="wrap_content">
+
+    <ImageView
+        android:id="@+id/annotation_img"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent" />
+
+    <LinearLayout
+        android:orientation="vertical"
+        android:id="@+id/annotation_view_container"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content" />
+</RelativeLayout>

package/android/rctmgl/src/main/res/values/strings.xml

@@ -0,0 +1,3 @@
+<resources>
+    <string name="app_name">RCTMGL</string>
+</resources>

package/app.plugin.js

@@ -0,0 +1 @@
+module.exports = require('./plugin/build/withMapbox');

package/assets/React-icon.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-11.5 -10.23174 23 20.46348">
+  <title>React Logo</title>
+  <circle cx="0" cy="0" r="2.05" fill="#61dafb"/>
+  <g stroke="#61dafb" stroke-width="1" fill="none">
+    <ellipse rx="11" ry="4.2"/>
+    <ellipse rx="11" ry="4.2" transform="rotate(60)"/>
+    <ellipse rx="11" ry="4.2" transform="rotate(120)"/>
+  </g>
+</svg>

package/babel.config.js

@@ -0,0 +1,9 @@
+module.exports = {
+  presets: ['module:metro-react-native-babel-preset'],
+  plugins: [['@babel/plugin-proposal-class-properties', { loose: true }]],
+  env: {
+    production: {
+      plugins: ['transform-remove-console'],
+    },
+  },
+};

package/docs/Annotation.md

@@ -0,0 +1,39 @@
+<!-- This file was autogenerated from Annotation.js do not modify -->
+## <MapboxGL.Annotation />
+### 
+
+### 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 |
+| animationEasingFunction | `func` | `Easing.linear` | `false` | FIX ME NO DESCRIPTION |
+| coordinates | `array` | `none` | `false` | FIX ME NO DESCRIPTION |
+| onPress | `func` | `none` | `false` | FIX ME NO DESCRIPTION |
+| children | `any` | `none` | `false` | FIX ME NO DESCRIPTION |
+| style | `any` | `none` | `false` | FIX ME NO DESCRIPTION |
+| icon | `union` | `none` | `false` | FIX ME NO DESCRIPTION |
+
+### methods
+#### onPress()
+
+
+
+##### arguments
+| Name | Type | Required | Description  |
+| ---- | :--: | :------: | :----------: |
+
+
+
+#### symbolStyle()
+
+
+
+##### arguments
+| Name | Type | Required | Description  |
+| ---- | :--: | :------: | :----------: |
+
+
+
+

package/docs/Annotations.md

@@ -0,0 +1,17 @@
+Comparsion of various annotations available in React native mapbox:
+
+|*Feature*              | *SymbolLayer*      |*PointAnnotation*                     |*MarkerView*             |*CircleLayer*        |
+|-----------------------|--------------------|--------------------------------------|-------------------------|---------------------|
+|Can use images         | ✓            |                                      |                         |                     |
+|RN Views as childern   | iOS: static        |iOS: interactive <br/> android: static|interactive              |                     |
+|Interactions           | click              |iOS: full <br/> android: click & drag & callout  | supports full interactivity in the sense that inside MarkerViews one can place any RN View, which can be interacted with. Not to be misunderstood with drag n drop interactivity.                     | click          |
+|Control Z-index        | &check;            |iOS: always on top, android: n/a      |always on top            | &check;             |
+|Clustering             | &check;            |                                      |                         | &check;             |
+|Style with expressions | &check;            |                                      |                         | &check;             |
+|iOS implementation     | [MGLStyleSymbolLayer](https://docs.mapbox.com/ios/api/maps/5.8.0/Classes/MGLSymbolStyleLayer.html)     |[MGLAnnotationView](https://docs.mapbox.com/ios/api/maps/5.8.0/Classes/MGLAnnotationView.html)                     |[MGLAnnotationView](https://docs.mapbox.com/ios/api/maps/5.8.0/Classes/MGLAnnotationView.html)       |[MGLCircleStyleLayer](https://docs.mapbox.com/ios/api/maps/5.8.0/Classes/MGLCircleStyleLayer.html)       |
+|android implementation | [SymbolLayer](https://docs.mapbox.com/android/api/map-sdk/9.0.0/com/mapbox/mapboxsdk/style/layers/SymbolLayer.html)|[annotation.Symbol](https://docs.mapbox.com/android/api/plugins/annotation/0.8.0/com/mapbox/mapboxsdk/plugins/annotation/Symbol.html)|[annotation.Marker](https://docs.mapbox.com/android/api/plugins/markerview/0.4.0/com/mapbox/mapboxsdk/plugins/markerview/MarkerView.html) |[CircleLayer](https://docs.mapbox.com/android/api/map-sdk/9.0.0/com/mapbox/mapboxsdk/style/layers/CircleLayer.html)|
+
+
+Related links:
+* iOS [markers and annotations](https://docs.mapbox.com/ios/maps/overview/markers-and-annotations/)
+* android [annotation plugin](https://docs.mapbox.com/android/plugins/overview/annotation/)

package/docs/Atmosphere.md

@@ -0,0 +1,265 @@
+<!-- This file was autogenerated from Atmosphere.tsx do not modify -->
+## <MapboxGL.Atmosphere />
+### 
+
+### props
+| Prop | Type | Default | Required | Description |
+| ---- | :--: | :-----: | :------: | :----------: |
+| style | `AtmosphereLayerStyleProps` | `none` | `true` | FIX ME NO DESCRIPTION |
+
+
+### styles
+
+* <a href="#range">range</a><br/>
+* <a href="#color">color</a><br/>
+* <a href="#highcolor">highColor</a><br/>
+* <a href="#spacecolor">spaceColor</a><br/>
+* <a href="#horizonblend">horizonBlend</a><br/>
+* <a href="#starintensity">starIntensity</a><br/>
+
+___
+
+#### range
+Name: `range`
+
+#### Description
+The start and end distance range in which fog fades from fully transparent to fully opaque. The distance to the point at the center of the map is defined as zero, so that negative range values are closer to the camera, and positive values are farther away.
+
+#### Type
+`array<number>`
+#### Default Value
+`[0.5,10]`
+
+#### Minimum
+`-20`
+
+
+#### Maximum
+`20`
+
+#### Expression
+
+Parameters: `zoom`
+___
+
+#### Name
+
+`rangeTransition`
+
+#### Description
+
+The transition affecting any changes to this layer’s range propery.
+
+#### Type
+
+`{ duration, delay }`
+
+#### Units
+`milliseconds`
+
+#### Default Value
+`{duration: 300, delay: 0}`
+
+
+___
+
+#### color
+Name: `color`
+
+#### Description
+The color of the atmosphere region immediately below the horizon and within the `range` and above the horizon and within `horizonBlend`. Using opacity is recommended only for smoothly transitioning fog on/off as anything less than 100% opacity results in more tiles loaded and drawn.
+
+#### Type
+`color`
+#### Default Value
+`#ffffff`
+
+
+#### Expression
+
+Parameters: `zoom`
+___
+
+#### Name
+
+`colorTransition`
+
+#### Description
+
+The transition affecting any changes to this layer’s color propery.
+
+#### Type
+
+`{ duration, delay }`
+
+#### Units
+`milliseconds`
+
+#### Default Value
+`{duration: 300, delay: 0}`
+
+
+___
+
+#### highColor
+Name: `highColor`
+
+#### Description
+The color of the atmosphere region above the horizon, `highColor` extends further above the horizon than the `color` property and its spread can be controlled with `horizonBlend`. The opacity can be set to `0` to remove the high atmosphere color contribution.
+
+#### Type
+`color`
+#### Default Value
+`#245cdf`
+
+
+#### Expression
+
+Parameters: `zoom`
+___
+
+#### Name
+
+`highColorTransition`
+
+#### Description
+
+The transition affecting any changes to this layer’s highColor propery.
+
+#### Type
+
+`{ duration, delay }`
+
+#### Units
+`milliseconds`
+
+#### Default Value
+`{duration: 300, delay: 0}`
+
+
+___
+
+#### spaceColor
+Name: `spaceColor`
+
+#### Description
+The color of the region above the horizon and after the end of the `horizonBlend` contribution. The opacity can be set to `0` to have a transparent background.
+
+#### Type
+`color`
+#### Default Value
+`interpolate,linear,zoom,4,#010b19,7,#367ab9`
+
+
+#### Expression
+
+Parameters: `zoom`
+___
+
+#### Name
+
+`spaceColorTransition`
+
+#### Description
+
+The transition affecting any changes to this layer’s spaceColor propery.
+
+#### Type
+
+`{ duration, delay }`
+
+#### Units
+`milliseconds`
+
+#### Default Value
+`{duration: 300, delay: 0}`
+
+
+___
+
+#### horizonBlend
+Name: `horizonBlend`
+
+#### Description
+Horizon blend applies a smooth fade from the color of the atmosphere to the color of space. A value of zero leaves a sharp transition from atmosphere to space. Increasing the value blends the color of atmosphere into increasingly high angles of the sky.
+
+#### Type
+`number`
+#### Default Value
+`interpolate,linear,zoom,4,0.2,7,0.1`
+
+#### Minimum
+`0`
+
+
+#### Maximum
+`1`
+
+#### Expression
+
+Parameters: `zoom`
+___
+
+#### Name
+
+`horizonBlendTransition`
+
+#### Description
+
+The transition affecting any changes to this layer’s horizonBlend propery.
+
+#### Type
+
+`{ duration, delay }`
+
+#### Units
+`milliseconds`
+
+#### Default Value
+`{duration: 300, delay: 0}`
+
+
+___
+
+#### starIntensity
+Name: `starIntensity`
+
+#### Description
+A value controlling the star intensity where `0` will show no stars and `1` will show stars at their maximum intensity.
+
+#### Type
+`number`
+#### Default Value
+`interpolate,linear,zoom,5,0.35,6,0`
+
+#### Minimum
+`0`
+
+
+#### Maximum
+`1`
+
+#### Expression
+
+Parameters: `zoom`
+___
+
+#### Name
+
+`starIntensityTransition`
+
+#### Description
+
+The transition affecting any changes to this layer’s starIntensity propery.
+
+#### Type
+
+`{ duration, delay }`
+
+#### Units
+`milliseconds`
+
+#### Default Value
+`{duration: 300, delay: 0}`
+
+