@rnmapbox/maps 10.0.15 → 10.1.0-beta.11

package/android/src/main/java/com/rnmapbox/rnmbx/components/styles/RNMBXStyleImport.kt

@@ -0,0 +1,37 @@
+package com.rnmapbox.rnmbx.components.styles
+
+import android.content.Context
+import android.view.ViewGroup
+import com.mapbox.bindgen.Value
+import com.rnmapbox.rnmbx.components.AbstractMapFeature
+import com.rnmapbox.rnmbx.components.mapview.RNMBXMapView
+
+import com.rnmapbox.rnmbx.v11compat.style.*
+
+class RNMBXStyleImport(context: Context) : AbstractMapFeature(context) {
+    var id: String? = null;
+
+    var config: HashMap<String, Value> = hashMapOf()
+        set(value: HashMap<String, Value>) {
+            field = value
+            if (mMapView != null) { updateConfig() }
+        }
+
+    override fun addToMap(mapView: RNMBXMapView) {
+        super.addToMap(mapView)
+        updateConfig()
+    }
+
+    fun updateConfig() {
+        withMapView {mapView ->
+            id?.let { id ->
+                val config = this.config
+                if (config.isNotEmpty()) {
+                    mapView.mapView.getMapboxMap().getStyle()
+                        ?.setStyleImportConfigProperties(id, config)
+                }
+            }
+        }
+
+    }
+}

package/android/src/main/java/com/rnmapbox/rnmbx/components/styles/RNMBXStyleImportManager.kt

@@ -0,0 +1,57 @@
+package com.rnmapbox.rnmbx.components.styles
+
+import com.facebook.react.bridge.Dynamic
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.bridge.ReadableMap
+import com.facebook.react.bridge.ReadableType
+import com.facebook.react.common.MapBuilder
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.annotations.ReactProp
+import com.facebook.react.viewmanagers.RNMBXStyleImportManagerInterface
+import com.rnmapbox.rnmbx.components.AbstractEventEmitter
+import com.rnmapbox.rnmbx.components.mapview.RNMBXMapView
+import com.mapbox.bindgen.Value
+import com.rnmapbox.rnmbx.utils.Logger
+import com.rnmapbox.rnmbx.utils.extensions.toValueHashMap
+import org.json.JSONObject
+
+class RNMBXStyleImportManager(context: ReactApplicationContext) :
+    AbstractEventEmitter<RNMBXStyleImport>(context),
+    RNMBXStyleImportManagerInterface<RNMBXStyleImport> {
+    override fun customEvents(): Map<String, String>? {
+        return MapBuilder.builder<String, String>().build()
+    }
+
+    override fun getName(): String {
+        return REACT_CLASS
+    }
+
+    override fun createViewInstance(context: ThemedReactContext): RNMBXStyleImport {
+        return RNMBXStyleImport(context)
+    }
+
+    companion object {
+        const val REACT_CLASS = "RNMBXStyleImport"
+    }
+
+    @ReactProp(name = "id")
+    override fun setId(view: RNMBXStyleImport, value: String?) {
+        if (value != null) {
+            view.id = value
+        }
+    }
+
+    @ReactProp(name = "existing")
+    override fun setExisting(view: RNMBXStyleImport, value: Boolean) {
+
+    }
+
+    @ReactProp(name = "config")
+    override fun setConfig(view: RNMBXStyleImport, value: Dynamic) {
+        if (value.type != ReadableType.Map) {
+            Logger.e(REACT_CLASS, "config expected Map but received: ${value.type}")
+        } else {
+            view.config = value.asMap().toValueHashMap()
+        }
+    }
+}

package/android/src/main/java/com/rnmapbox/rnmbx/components/styles/RNMBXStyleValue.kt

@@ -0,0 +1,229 @@
+package com.rnmapbox.rnmbx.components.styles
+
+import com.facebook.react.bridge.*
+import com.mapbox.bindgen.Value
+import com.mapbox.maps.extension.style.types.StyleTransition.Builder
+import com.rnmapbox.rnmbx.utils.ImageEntry
+import com.mapbox.maps.extension.style.types.StyleTransition
+import com.rnmapbox.rnmbx.components.styles.RNMBXStyleFactory
+import com.mapbox.maps.extension.style.expressions.generated.Expression
+import com.mapbox.maps.extension.style.light.LightPosition
+import com.rnmapbox.rnmbx.utils.ExpressionParser
+import com.rnmapbox.rnmbx.utils.Logger
+import java.util.ArrayList
+
+class RNMBXStyleValue(config: ReadableMap) {
+    val type: String?
+    private var isExpression = false
+    private var mExpression: Expression? = null
+    private val mPayload: ReadableMap?
+    var imageURI: String? = ""
+    private var isAddImage = false
+    var imageScale: Double? = null
+    private fun isTokenizedValue(value: String): Boolean {
+        return value.startsWith("{") && value.endsWith("}")
+    }
+
+    val isFunction: Boolean
+        get() = type == "function"
+
+    fun getInt(key: String?): Int {
+        return mPayload!!.getInt(key!!)
+    }
+
+    fun getIntExpression(key: String?): Expression {
+        return Expression.literal(mPayload!!.getInt(key!!).toLong())
+    }
+
+    fun getString(key: String?): String? {
+        return mPayload!!.getString(key!!)
+    }
+
+    fun getEnumName(): String {
+        return mPayload!!.getString("value")!!.toUpperCase().replace("-", "_")
+    }
+
+    fun getDouble(key: String?): Double {
+        return mPayload!!.getDouble(key!!)
+    }
+
+    fun getFloat(key: String?): Float {
+        return getDouble(key).toFloat()
+    }
+
+    fun getDynamic(key: String?): Dynamic {
+        return mPayload!!.getDynamic(key!!)
+    }
+
+    fun getArray(key: String?): ReadableArray? {
+        return mPayload!!.getArray(key!!)
+    }
+
+    fun getBoolean(key: String?): Boolean {
+        return mPayload!!.getBoolean(key!!)
+    }
+
+    /*
+    public Float[] getFloatArray(String key) {
+        ReadableArray arr = getArray(key);
+
+        Float[] floatArr = new Float[arr.size()];
+        for (int i = 0; i < arr.size(); i++) {
+            ReadableMap item = arr.getMap(i);
+            floatArr[i] = (float) item.getDouble("value");
+        }
+
+        return floatArr;
+    }
+    */
+    fun getFloatArray(key: String?): List<Double> {
+        val arr = getArray(key)
+        val result = ArrayList<Double>(arr!!.size())
+        for (i in 0 until arr.size()) {
+            val item = arr.getMap(i)
+            result.add(item.getDouble("value"))
+        }
+        return result
+    }
+
+    /*
+    public String[] getStringArray(String key) {
+        ReadableArray arr = getArray(key);
+
+        String[] stringArr = new String[arr.size()];
+        for (int i = 0; i < arr.size(); i++) {
+            ReadableMap item = arr.getMap(i);
+            stringArr[i] = item.getString("value");
+        }
+
+        return stringArr;
+    } */
+    fun getStringArray(key: String?): List<String> {
+        val arr = getArray(key)
+        val result = ArrayList<String>(arr!!.size())
+        for (i in 0 until arr.size()) {
+            val item = arr.getMap(i)
+            val value = item.getString("value")
+            if (value != null) {
+                result.add(value)
+            } else {
+                Logger.e("RNMBXStyleValue", "getStringArray: null value for item: $i")
+            }
+        }
+        return result
+    }
+
+    val map: ReadableMap?
+        get() {
+            if ("hashmap" == mPayload!!.getString("type")) {
+                val keyValues = mPayload.getArray("value")
+                val result = WritableNativeMap()
+                for (i in 0 until keyValues!!.size()) {
+                    val keyValue = keyValues.getArray(i)
+                    val stringKey = keyValue.getMap(0).getString("value")
+                    val value = WritableNativeMap()
+                    value.merge(keyValue.getMap(1))
+                    result.putMap(stringKey!!, value)
+                }
+                return result
+            }
+            return null
+        }
+
+    fun getMap(_key: String?): ReadableMap? {
+        return map
+    }
+
+    fun getExpression(): Expression? {
+        return mExpression
+    }
+
+    fun getLightPosition(): LightPosition {
+        return LightPosition.fromList(getFloatArray("value"))
+    }
+
+    fun isExpression(): Boolean {
+        return isExpression
+    }
+
+    fun shouldAddImage(): Boolean {
+        return isAddImage
+    }
+
+    val isImageStringValue: Boolean
+        get() = "string" == mPayload!!.getString("type")
+
+    fun getImageStringValue(): String? {
+        return mPayload!!.getString("value")
+    }
+
+    val transition: StyleTransition?
+        get() {
+            if (type != "transition") {
+                return null
+            }
+            val config = getMap(RNMBXStyleFactory.VALUE_KEY)
+            var enablePlacementTransitions = true
+            if (config!!.hasKey("enablePlacementTransitions")) {
+                enablePlacementTransitions =
+                    config.getMap("enablePlacementTransitions")!!.getBoolean("value")
+            }
+            var duration = 300
+            var delay = 0
+            if (config.hasKey("duration") && ReadableType.Map == config.getType("duration")) {
+                duration = config.getMap("duration")!!.getInt("value")
+            }
+            if (config.hasKey("delay") && ReadableType.Map == config.getType("delay")) {
+                delay = config.getMap("delay")!!.getInt("value")
+            }
+            return Builder().duration(duration.toLong()).delay(delay.toLong()).build()
+        }
+
+    companion object {
+        const val InterpolationModeExponential = 100
+        const val InterpolationModeInterval = 101
+        const val InterpolationModeCategorical = 102
+        const val InterpolationModeIdentity = 103
+    }
+
+    init {
+        type = config.getString("styletype")
+        mPayload = config.getMap("stylevalue")
+        isAddImage = false
+        if ("image" == type) {
+            imageScale = null
+            if ("hashmap" == mPayload!!.getString("type")) {
+                val map = map
+                imageURI = map!!.getMap("uri")!!.getString("value")
+                if (map.getMap("scale") != null) {
+                    imageScale = map.getMap("scale")!!.getDouble("value")
+                }
+            } else if ("string" == mPayload.getString("type")) {
+                val value = mPayload.getString("value")
+                if (value!!.contains("://")) {
+                    imageURI = value
+                } else {
+                    imageURI = null
+                    isExpression = true
+                    mExpression = Expression.literal(value)
+                }
+            } else {
+                imageURI = null
+            }
+            isAddImage = imageURI != null
+        }
+        if (!isAddImage) {
+            val dynamic = mPayload!!.getDynamic("value")
+            if (dynamic.type == ReadableType.Array) {
+                val array = dynamic.asArray()
+                if (array.size() > 0 && mPayload.getString("type") == "array") {
+                    val map = array.getMap(0)
+                    if (map != null && map.getString("type") == "string") {
+                        isExpression = true
+                        mExpression = ExpressionParser.fromTyped(mPayload)
+                    }
+                }
+            }
+        }
+    }
+}

package/android/src/main/java/com/rnmapbox/rnmbx/components/styles/atmosphere/RNMBXAtmosphere.kt

@@ -0,0 +1,66 @@
+package com.rnmapbox.rnmbx.components.styles.atmosphere
+
+import android.content.Context
+import com.facebook.react.bridge.ReadableMap
+import com.mapbox.maps.MapboxMap
+import com.mapbox.maps.extension.style.atmosphere.generated.Atmosphere
+import com.mapbox.maps.extension.style.terrain.generated.Terrain
+import com.mapbox.maps.extension.style.terrain.generated.removeTerrain
+import com.rnmapbox.rnmbx.components.RemovalReason
+import com.rnmapbox.rnmbx.components.mapview.RNMBXMapView
+import com.rnmapbox.rnmbx.components.styles.RNMBXStyle
+import com.rnmapbox.rnmbx.components.styles.RNMBXStyleFactory
+import com.rnmapbox.rnmbx.components.styles.sources.AbstractSourceConsumer
+import com.rnmapbox.rnmbx.utils.Logger
+
+class RNMBXAtmosphere(context: Context?) : AbstractSourceConsumer(context) {
+    override var iD: String? = null
+    protected var mAtmosphere: Atmosphere? = null
+
+    // beginregion RNMBXLayer
+    @JvmField
+    protected var mMap: MapboxMap? = null
+
+    @JvmField
+    protected var mReactStyle: ReadableMap? = null
+
+    fun setReactStyle(reactStyle: ReadableMap?) {
+        mReactStyle = reactStyle
+        if (mAtmosphere != null) {
+            addStyles()
+        }
+    }
+    // endregion RNMBXLayer
+
+    override fun addToMap(mapView: RNMBXMapView) {
+        super.addToMap(mapView)
+        mMap = mapView.getMapboxMap()
+        val atmosphere = makeAtmosphere()
+        mAtmosphere = atmosphere
+        addStyles()
+        mapView.savedStyle?.let { atmosphere.bindTo(it) }
+    }
+
+    override fun removeFromMap(mapView: RNMBXMapView, reason: RemovalReason): Boolean {
+        mapView.savedStyle?.let { it.removeTerrain() }
+        mMap = null
+        return super.removeFromMap(mapView, reason)
+    }
+
+    fun makeAtmosphere(): Atmosphere {
+        return Atmosphere()
+    }
+
+    fun addStyles() {
+        mAtmosphere?.also {
+            RNMBXStyleFactory.setAtmosphereLayerStyle(
+                it, RNMBXStyle(
+                    context, mReactStyle!!,
+                    mMap!!
+                )
+            )
+        } ?: run {
+            Logger.e("RNMBXAtmosphere", "mAtmosphere is null")
+        }
+    }
+}

package/android/src/main/java/com/rnmapbox/rnmbx/components/styles/atmosphere/RNMBXAtmosphereManager.kt

@@ -0,0 +1,44 @@
+package com.rnmapbox.rnmbx.components.styles.atmosphere
+
+import com.facebook.react.bridge.Dynamic
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.ViewGroupManager
+import com.facebook.react.uimanager.ViewManagerDelegate
+import com.facebook.react.uimanager.annotations.ReactProp
+import com.facebook.react.viewmanagers.RNMBXAtmosphereManagerDelegate
+import com.facebook.react.viewmanagers.RNMBXAtmosphereManagerInterface
+
+class RNMBXAtmosphereManager : ViewGroupManager<RNMBXAtmosphere>(), RNMBXAtmosphereManagerInterface<RNMBXAtmosphere> {
+
+    private val mDelegate: ViewManagerDelegate<RNMBXAtmosphere>
+
+    init {
+        mDelegate = RNMBXAtmosphereManagerDelegate(this)
+    }
+
+    override fun getDelegate(): ViewManagerDelegate<RNMBXAtmosphere> {
+        return mDelegate
+    }
+
+    override fun getName(): String {
+        return REACT_CLASS
+    }
+
+    override fun createViewInstance(reactContext: ThemedReactContext): RNMBXAtmosphere {
+        return RNMBXAtmosphere(reactContext)
+    }
+
+    @ReactProp(name = "id")
+    fun setId(layer: RNMBXAtmosphere, id: String?) {
+        layer.iD = id
+    }
+
+    @ReactProp(name = "reactStyle")
+    override fun setReactStyle(atmosphere: RNMBXAtmosphere, reactStyle: Dynamic) {
+        atmosphere.setReactStyle(reactStyle.asMap())
+    }
+
+    companion object {
+        const val REACT_CLASS = "RNMBXAtmosphere"
+    }
+}

package/android/src/main/java/com/rnmapbox/rnmbx/components/styles/layers/RNMBXBackgroundLayer.kt

@@ -0,0 +1,26 @@
+package com.rnmapbox.rnmbx.components.styles.layers
+
+import android.content.Context
+import com.mapbox.maps.extension.style.layers.generated.BackgroundLayer
+import com.rnmapbox.rnmbx.components.styles.RNMBXStyle
+import com.rnmapbox.rnmbx.components.styles.RNMBXStyleFactory
+import com.rnmapbox.rnmbx.utils.Logger
+
+class RNMBXBackgroundLayer(context: Context?) : RNMBXLayer<BackgroundLayer?>(
+    context!!
+) {
+    override fun makeLayer(): BackgroundLayer {
+        return BackgroundLayer(iD!!)
+    }
+
+    override fun addStyles() {
+        mLayer?.also {
+            RNMBXStyleFactory.setBackgroundLayerStyle(
+                it,
+                RNMBXStyle(context, mReactStyle, mMap!!)
+            )
+        } ?: run {
+            Logger.e("RNMBXBackgroundLayer", "mLayer is null")
+        }
+    }
+}

package/android/src/main/java/com/rnmapbox/rnmbx/components/styles/layers/RNMBXBackgroundLayerManager.kt

@@ -0,0 +1,72 @@
+package com.rnmapbox.rnmbx.components.styles.layers
+
+import com.facebook.react.bridge.Dynamic
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.ViewGroupManager
+import com.facebook.react.uimanager.annotations.ReactProp
+import com.facebook.react.viewmanagers.RNMBXBackgroundLayerManagerInterface
+
+class RNMBXBackgroundLayerManager : ViewGroupManager<RNMBXBackgroundLayer>(),
+    RNMBXBackgroundLayerManagerInterface<RNMBXBackgroundLayer> {
+    override fun getName(): String {
+        return REACT_CLASS
+    }
+
+    override fun createViewInstance(reactContext: ThemedReactContext): RNMBXBackgroundLayer {
+        return RNMBXBackgroundLayer(reactContext)
+    }
+
+    @ReactProp(name = "id")
+    override fun setId(layer: RNMBXBackgroundLayer, id: Dynamic) {
+        layer.iD = id.asString()
+    }
+
+    @ReactProp(name = "existing")
+    override fun setExisting(layer: RNMBXBackgroundLayer, existing: Dynamic) {
+        layer.setExisting(existing.asBoolean())
+    }
+
+    @ReactProp(name = "sourceID")
+    override fun setSourceID(layer: RNMBXBackgroundLayer, sourceID: Dynamic) {
+        layer.setSourceID(sourceID.asString())
+    }
+
+    @ReactProp(name = "aboveLayerID")
+    override fun setAboveLayerID(layer: RNMBXBackgroundLayer, aboveLayerID: Dynamic) {
+        layer.setAboveLayerID(aboveLayerID.asString())
+    }
+
+    @ReactProp(name = "belowLayerID")
+    override fun setBelowLayerID(layer: RNMBXBackgroundLayer, belowLayerID: Dynamic) {
+        layer.setBelowLayerID(belowLayerID.asString())
+    }
+
+    @ReactProp(name = "layerIndex")
+    override fun setLayerIndex(layer: RNMBXBackgroundLayer, layerIndex: Dynamic) {
+        layer.setLayerIndex(layerIndex.asInt())
+    }
+
+    @ReactProp(name = "minZoomLevel")
+    override fun setMinZoomLevel(layer: RNMBXBackgroundLayer, minZoomLevel: Dynamic) {
+        layer.setMinZoomLevel(minZoomLevel.asDouble())
+    }
+
+    @ReactProp(name = "maxZoomLevel")
+    override fun setMaxZoomLevel(layer: RNMBXBackgroundLayer, maxZoomLevel: Dynamic) {
+        layer.setMaxZoomLevel(maxZoomLevel.asDouble())
+    }
+
+    @ReactProp(name = "reactStyle")
+    override fun setReactStyle(layer: RNMBXBackgroundLayer, style: Dynamic) {
+        layer.setReactStyle(style.asMap())
+    }
+
+    @ReactProp(name = "filter")
+    override fun setFilter(layer: RNMBXBackgroundLayer, filterList: Dynamic) {
+        layer.setFilter(filterList.asArray())
+    }
+
+    companion object {
+        const val REACT_CLASS = "RNMBXBackgroundLayer"
+    }
+}

package/android/src/main/java/com/rnmapbox/rnmbx/components/styles/layers/RNMBXCircleLayer.kt

@@ -0,0 +1,46 @@
+package com.rnmapbox.rnmbx.components.styles.layers
+
+import android.content.Context
+import com.mapbox.maps.extension.style.expressions.generated.Expression
+import com.mapbox.maps.extension.style.layers.generated.CircleLayer
+import com.rnmapbox.rnmbx.components.mapview.RNMBXMapView
+import com.rnmapbox.rnmbx.components.styles.RNMBXStyle
+import com.rnmapbox.rnmbx.components.styles.RNMBXStyleFactory
+import com.rnmapbox.rnmbx.utils.Logger
+
+class RNMBXCircleLayer(context: Context?) : RNMBXLayer<CircleLayer?>(
+    context!!
+) {
+    private var mSourceLayerID: String? = null
+    override fun updateFilter(expression: Expression?) {
+        mLayer!!.filter(expression!!)
+    }
+
+    override fun addToMap(mapView: RNMBXMapView) {
+        super.addToMap(mapView)
+    }
+
+    override fun makeLayer(): CircleLayer {
+        val layer = CircleLayer(iD!!, mSourceID!!)
+        if (mSourceLayerID != null) {
+            layer.sourceLayer(mSourceLayerID!!)
+        }
+        return layer
+    }
+
+    override fun addStyles() {
+        mLayer?.also {
+            RNMBXStyleFactory.setCircleLayerStyle(it, RNMBXStyle(context, mReactStyle, mMap!!))
+        } ?: run {
+            Logger.e("RNMBXCircleLayer", "mLayer is null")
+        }
+
+    }
+
+    fun setSourceLayerID(sourceLayerID: String?) {
+        mSourceLayerID = sourceLayerID
+        if (mLayer != null) {
+            mLayer!!.sourceLayer(sourceLayerID!!)
+        }
+    }
+}

package/android/src/main/java/com/rnmapbox/rnmbx/components/styles/layers/RNMBXCircleLayerManager.kt

@@ -0,0 +1,77 @@
+package com.rnmapbox.rnmbx.components.styles.layers
+
+import com.facebook.react.bridge.Dynamic
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.ViewGroupManager
+import com.facebook.react.uimanager.annotations.ReactProp
+import com.facebook.react.viewmanagers.RNMBXCircleLayerManagerInterface
+
+class RNMBXCircleLayerManager : ViewGroupManager<RNMBXCircleLayer>(),
+    RNMBXCircleLayerManagerInterface<RNMBXCircleLayer> {
+    override fun getName(): String {
+        return REACT_CLASS
+    }
+
+    override fun createViewInstance(reactContext: ThemedReactContext): RNMBXCircleLayer {
+        return RNMBXCircleLayer(reactContext)
+    }
+
+    @ReactProp(name = "id")
+    override fun setId(layer: RNMBXCircleLayer, id: Dynamic) {
+        layer.iD = id.asString()
+    }
+
+    @ReactProp(name = "existing")
+    override fun setExisting(layer: RNMBXCircleLayer, existing: Dynamic) {
+        layer.setExisting(existing.asBoolean())
+    }
+
+    @ReactProp(name = "sourceID")
+    override fun setSourceID(layer: RNMBXCircleLayer, sourceID: Dynamic) {
+        layer.setSourceID(sourceID.asString())
+    }
+
+    @ReactProp(name = "aboveLayerID")
+    override fun setAboveLayerID(layer: RNMBXCircleLayer, aboveLayerID: Dynamic) {
+        layer.setAboveLayerID(aboveLayerID.asString())
+    }
+
+    @ReactProp(name = "belowLayerID")
+    override fun setBelowLayerID(layer: RNMBXCircleLayer, belowLayerID: Dynamic) {
+        layer.setBelowLayerID(belowLayerID.asString())
+    }
+
+    @ReactProp(name = "layerIndex")
+    override fun setLayerIndex(layer: RNMBXCircleLayer, layerIndex: Dynamic) {
+        layer.setLayerIndex(layerIndex.asInt())
+    }
+
+    @ReactProp(name = "minZoomLevel")
+    override fun setMinZoomLevel(layer: RNMBXCircleLayer, minZoomLevel: Dynamic) {
+        layer.setMinZoomLevel(minZoomLevel.asDouble())
+    }
+
+    @ReactProp(name = "maxZoomLevel")
+    override fun setMaxZoomLevel(layer: RNMBXCircleLayer, maxZoomLevel: Dynamic) {
+        layer.setMaxZoomLevel(maxZoomLevel.asDouble())
+    }
+
+    @ReactProp(name = "reactStyle")
+    override fun setReactStyle(layer: RNMBXCircleLayer, style: Dynamic) {
+        layer.setReactStyle(style.asMap())
+    }
+
+    @ReactProp(name = "sourceLayerID")
+    override fun setSourceLayerID(layer: RNMBXCircleLayer, sourceLayerID: Dynamic) {
+        layer.setSourceLayerID(sourceLayerID.asString())
+    }
+
+    @ReactProp(name = "filter")
+    override fun setFilter(layer: RNMBXCircleLayer, filterList: Dynamic) {
+        layer.setFilter(filterList.asArray())
+    }
+
+    companion object {
+        const val REACT_CLASS = "RNMBXCircleLayer"
+    }
+}