@rnmapbox/maps 10.0.0-beta.71 → 10.0.0-beta.73

package/ios/RCTMGL-v10/RCMTGLImage.swift

@@ -0,0 +1,93 @@
+import MapboxMaps
+
+class RCTMGLImage : UIView {
+  @objc
+  var name: String = ""
+
+  var image: UIImage? = nil
+  
+  var sdf: Bool? = nil
+  var stretchX: [[NSNumber]] = []
+  var stretchY: [[NSNumber]] = []
+
+  weak var images: RCTMGLImageSetter? = nil {
+    didSet {
+      DispatchQueue.main.async { self.setImage() }
+    }
+  }
+  weak var bridge : RCTBridge! = nil
+  
+  var reactSubviews : [UIView] = []
+  
+  // MARK: - subview management
+  
+  @objc open override func insertReactSubview(_ subview: UIView!, at atIndex: Int) {
+    reactSubviews.insert(subview, at: atIndex)
+    if reactSubviews.count > 1 {
+      Logger.log(level: .error, message: "Image supports max 1 subview")
+    }
+    if image == nil {
+      DispatchQueue.main.asyncAfter(deadline: .now() + .microseconds(10)) {
+        self.setImage()
+      }
+    }
+  }
+
+  @objc
+  open override func removeReactSubview(_ subview: UIView!) {
+    reactSubviews.removeAll(where: { $0 == subview })
+  }
+  
+  // MARK: - view shnapshot
+  
+  func changeImage(_ image: UIImage, name: String) {
+    if let images = images {
+      let _ = images.addImage(name: name, image: image, sdf: sdf, stretchX:stretchX, stretchY:stretchY, log: "RCTMGLImage.addImage")
+    }
+  }
+  
+  func setImage() {
+    if let image = _createViewSnapshot() {
+      changeImage(image, name: name)
+    }
+  }
+
+  func _createViewSnapshot() -> UIImage? {
+    let useDummyImage = false
+    if useDummyImage {
+      let size = CGSize(width: 32, height: 32)
+      let renderer = UIGraphicsImageRenderer(size: size)
+      let image = renderer.image { context in
+        UIColor.darkGray.setStroke()
+          context.stroke(CGRect(x: 0, y:0, width: 32, height: 32))
+          UIColor(red: 158/255, green: 215/255, blue: 245/255, alpha: 1).setFill()
+          context.fill(CGRect(x: 2, y: 2, width: 30, height: 30))
+      }
+      return image
+    }
+    guard reactSubviews.count > 0 else {
+      return nil
+    }
+    return _createViewSnapshot(view: reactSubviews[0])
+  }
+   
+  func _createViewSnapshot(view: UIView) -> UIImage? {
+    guard view.bounds.size.width > 0 && view.bounds.size.height > 0 else {
+      return nil
+    }
+    
+    let roundUp = 4
+    
+    let adjustedSize = CGSize(
+      width: ((Int(view.bounds.size.width)+roundUp-1)/roundUp)*roundUp,
+      height: ((Int(view.bounds.size.height)+roundUp-1)/roundUp)*roundUp
+    )
+    
+    let renderer = UIGraphicsImageRenderer(size: adjustedSize)
+    let image = renderer.image { context in
+      view.layer.render(in: context.cgContext)
+    }
+    return image
+  }
+}
+

package/ios/RCTMGL-v10/RCMTGLImageManager.m

@@ -0,0 +1,9 @@
+#import <React/RCTBridgeModule.h>
+#import <React/RCTViewManager.h>
+
+@interface RCT_EXTERN_MODULE(RCTMGLImageManager, RCTViewManager)
+
+RCT_EXPORT_VIEW_PROPERTY(name, NSString)
+
+@end
+

package/ios/RCTMGL-v10/RCMTGLImageManager.swift

@@ -0,0 +1,14 @@
+
+@objc(RCTMGLImageManager)
+class RCTMGLImageManager : RCTViewManager {
+  @objc
+  override static func requiresMainQueueSetup() -> Bool {
+    return true
+  }
+
+  override func view() -> UIView! {
+    let layer = RCTMGLImage()
+    layer.bridge = self.bridge
+    return layer
+  }
+}

package/ios/RCTMGL-v10/RCTMGLImages.swift

@@ -1,16 +1,24 @@
 import MapboxMaps
 
+protocol RCTMGLImageSetter : AnyObject {
+  func addImage(name: String, image: UIImage, sdf: Bool?, stretchX: [[NSNumber]], stretchY: [[NSNumber]], log: String) -> Bool
+}
+
 class RCTMGLImages : UIView, RCTMGLMapComponent {
   
   weak var bridge : RCTBridge! = nil
   var remoteImages : [String:String] = [:]
   
+  weak var style: Style? = nil
+
   @objc
   var onImageMissing: RCTBubblingEventBlock? = nil
   
   @objc
   var images : [String:Any] = [:]
   
+  var imageViews: [RCTMGLImage] = []
+
   @objc
   var nativeImages: [Any] = [] {
     didSet {
@@ -21,6 +29,23 @@ class RCTMGLImages : UIView, RCTMGLMapComponent {
   typealias NativeImageInfo = (name:String, sdf: Bool, stretchX:[(from:Float, to:Float)], stretchY:[(from:Float, to:Float)]);
   var nativeImageInfos: [NativeImageInfo] = []
   
+  @objc open override func insertReactSubview(_ subview: UIView!, at atIndex: Int) {
+    if let image = subview as? RCTMGLImage {
+      imageViews.insert(image, at: atIndex)
+    } else {
+      Logger.log(level:.warn, message: "RCTMGLImages children can only be RCTMGLImage, got \(optional: subview)")
+    }
+    super.insertReactSubview(subview, at: atIndex)
+  }
+  
+  @objc open override func removeReactSubview(_ subview: UIView!) {
+    if let image = subview as? RCTMGLImage {
+      imageViews.removeAll { $0 == image }
+      image.images = nil
+    }
+    super.removeReactSubview(subview)
+  }
+  
   // MARK: - RCTMGLMapComponent
 
   func waitForStyleLoad() -> Bool {
@@ -28,14 +53,17 @@ class RCTMGLImages : UIView, RCTMGLMapComponent {
   }
   
   func addToMap(_ map: RCTMGLMapView, style: Style) {
+    self.style = style
     map.images.append(self)
     map.setupEvents()
     
     self.addNativeImages(style: style, nativeImages: nativeImageInfos)
     self.addRemoteImages(style: style, remoteImages: images)
+    self.addImageViews(style: style, imageViews: imageViews)
   }
   
   func removeFromMap(_ map: RCTMGLMapView) {
+    self.style = nil
     // v10todo
   }
   
@@ -63,6 +91,12 @@ class RCTMGLImages : UIView, RCTMGLMapComponent {
     }
   }
   
+  private func addImageViews(style: Style, imageViews: [RCTMGLImage]) {
+    imageViews.forEach { imageView in
+      imageView.images = self
+    }
+  }
+  
   public func addMissingImageToStyle(style: Style, imageName: String) -> Bool {
     if let nativeImage = nativeImageInfos.first(where: { $0.name == imageName }) {
       addNativeImages(style: style, nativeImages: [nativeImage])
@@ -84,6 +118,16 @@ class RCTMGLImages : UIView, RCTMGLMapComponent {
     }
   }
   
+  func convert(stretch: [[NSNumber]]) -> [(from: Float, to: Float)] {
+    return stretch.map{ pair in
+      return (from: pair[0].floatValue, to: pair[1].floatValue)
+    }
+  }
+  
+  func convert(stretch: [(from: Float, to: Float)]) -> [ImageStretches] {
+    return stretch.map { v in ImageStretches(first: v.from, second: v.to) }
+  }
+  
   func decodeImage(_ imageNameOrInfo: Any) -> NativeImageInfo? {
     if let imageName = imageNameOrInfo as? String {
       return (name: imageName, sdf: false, stretchX:[],stretchY:[])
@@ -100,18 +144,14 @@ class RCTMGLImages : UIView, RCTMGLMapComponent {
       }
       
       if let stretchXV = imageInfo["stretchX"] as? [[NSNumber]] {
-        stretchX = stretchXV.map{ pair in
-          return (from: pair[0].floatValue, to: pair[1].floatValue)
-        }
+        stretchX = convert(stretch: stretchXV)
       }
       
       if let stretchYV = imageInfo["stretchY"] as? [[NSNumber]] {
-        stretchY = stretchYV.map{ pair in
-          return (from: pair[0].floatValue, to: pair[1].floatValue)
-        }
+        stretchY = convert(stretch: stretchYV)
       }
       
-      return (name: name, sdf: sdf, stretchX:stretchX,stretchY:stretchY)
+      return (name: name, sdf: sdf, stretchX: stretchX, stretchY: stretchY)
     } else {
       Logger.log(level: .warn, message: "RCTMGLImage.nativeImage, unexpected image: \(imageNameOrInfo)")
       return nil
@@ -125,8 +165,9 @@ class RCTMGLImages : UIView, RCTMGLMapComponent {
         if let image = UIImage(named: imageName) {
           logged("RCTMGLImage.addNativeImage: \(imageName)") {
             try style.addImage(image, id: imageName, sdf: imageInfo.sdf,
-                               stretchX: imageInfo.stretchX.map { v in ImageStretches(first: v.from, second: v.to) },
-                               stretchY: imageInfo.stretchY.map { v in ImageStretches(first: v.from, second: v.to) } )
+                               stretchX: convert(stretch: imageInfo.stretchX),
+                               stretchY: convert(stretch: imageInfo.stretchY)
+            )
           }
         } else {
           Logger.log(level:.error, message: "Cannot find nativeImage named \(imageName)")
@@ -141,5 +182,23 @@ class RCTMGLImages : UIView, RCTMGLMapComponent {
     UIGraphicsEndImageContext()
     return result
   }()
+}
 
+extension RCTMGLImages : RCTMGLImageSetter {
+  func addImage(name: String, image: UIImage, sdf: Bool?, stretchX: [[NSNumber]], stretchY: [[NSNumber]], log: String) -> Bool
+  {
+     return logged("\(log).addImage") {
+       if let style = style {
+         try style.addImage(image,
+                            id:name,
+                            sdf: sdf ?? false,
+                            stretchX: convert(stretch: convert(stretch: stretchX)),
+                            stretchY: convert(stretch: convert(stretch: stretchY))
+         )
+         return true
+       } else {
+         return false
+       }
+     } ?? false
+ }
 }

package/javascript/components/Image.tsx

@@ -0,0 +1,63 @@
+import React, { memo, forwardRef, ReactElement } from 'react';
+import { requireNativeComponent } from 'react-native';
+
+interface Props {
+  /** ID of the image */
+  name: string;
+
+  /** Make image an sdf optional - see [SDF icons](https://docs.mapbox.com/help/troubleshooting/using-recolorable-images-in-mapbox-maps/) */
+  sdf?: boolean;
+
+  /** An array of two-element arrays, consisting of two numbers that represent, the from position and the to position of areas that can be stretched horizontally. */
+  stretchX?: [number, number][];
+
+  /** An array of two-element arrays, consisting of two numbers that represent, the from position and the to position of areas that can be stretched vertically. */
+  stretchY?: [number, number][];
+
+  /** An array of four numbers, with the first two specifying the left, top
+   * corner, and the last two specifying the right, bottom corner. If present, and if the
+   * icon uses icon-text-fit, the symbol's text will be fit inside the content box. */
+  content?: [number, number, number, number];
+
+  /** Scale factor for the image. */
+  scale?: number;
+
+  /** Single react native view rendering the image */
+  children: ReactElement;
+}
+
+interface Ref {
+  refresh: () => void;
+}
+
+const Image = memo(
+  forwardRef<Ref, Props>(function Image(
+    { name, sdf, stretchX, stretchY, children }: Props,
+    ref: React.ForwardedRef<Ref>,
+  ) {
+    const nativeProps = {
+      name,
+      sdf,
+      stretchX,
+      stretchY,
+      children,
+    };
+    return <RCTMGLImage {...nativeProps} />;
+  }),
+);
+
+interface NativeProps {
+  name: string;
+  children: ReactElement;
+  sdf?: boolean;
+  stretchX?: [number, number][];
+  stretchY?: [number, number][];
+}
+
+export const NATIVE_MODULE_NAME = 'RCTMGLImage';
+
+const RCTMGLImage = requireNativeComponent<NativeProps>(NATIVE_MODULE_NAME);
+
+Image.displayName = 'Image';
+
+export default Image;

package/javascript/components/Images.tsx

@@ -1,8 +1,9 @@
-import React from 'react';
-import { requireNativeComponent, Image } from 'react-native';
+import React, { ReactNode, ReactElement } from 'react';
+import { requireNativeComponent, Image as RNImage } from 'react-native';
 import { ImageSourcePropType, ImageResolvedAssetSource } from 'react-native';
 
 import { ShapeSource } from './ShapeSource';
+import Image from './Image';
 
 export const NATIVE_MODULE_NAME = 'RCTMGLImages';
 
@@ -23,15 +24,23 @@ function _isUrlOrPath(value: string | ImageSourcePropType): value is string {
   );
 }
 
+type TypedReactNode<T> = ReactElement<T> | Array<TypedReactNode<T>> | never;
+
 type NativeImage =
   | string
   | {
       name: string;
       sdf?: boolean;
-      strechX: [number, number][];
-      streacY: [number, number][];
+      stretchX?: [number, number][];
+      stretchY?: [number, number][];
     };
 
+const isChildAnImage = (
+  child: ReactNode,
+): child is React.ReactElement<typeof Image> => {
+  return React.isValidElement(child) && child.type === Image;
+};
+
 interface Props {
   /**
    * Specifies the external images in key-value pairs required for the shape source.
@@ -54,7 +63,7 @@ interface Props {
   onImageMissing?: (imageKey: string) => void;
 
   id?: string;
-  children?: React.ReactElement;
+  children?: TypedReactNode<typeof Image>;
 }
 
 /**
@@ -85,7 +94,7 @@ class Images extends React.Component<Props> {
         } else if (_isUrlOrPath(value)) {
           images[imageName] = value;
         } else {
-          const res = Image.resolveAssetSource(value);
+          const res = RNImage.resolveAssetSource(value);
           if (res && res.uri) {
             images[imageName] = res;
           }
@@ -93,6 +102,20 @@ class Images extends React.Component<Props> {
       }
     }
 
+    const { children } = this.props;
+    if (children) {
+      const childrenWithWrongType = React.Children.toArray(children).find(
+        (child) => !isChildAnImage(child),
+      );
+      if (childrenWithWrongType) {
+        console.error(
+          `Images component on accepts Image a children passed in: ${
+            (childrenWithWrongType as any).type || 'n/a'
+          }`,
+        );
+      }
+    }
+
     if (this.props.nativeAssetImages) {
       nativeImages = this.props.nativeAssetImages;
     }

package/javascript/components/annotations/Annotation.js

@@ -51,11 +51,16 @@ class Annotation extends React.Component {
       prevProps.coordinates[0] !== this.props.coordinates[0] ||
       prevProps.coordinates[1] !== this.props.coordinates[1];
 
-    if (!hasCoordChanged) {
-      return;
-    }
+    if (
+      prevProps.animated !== this.props.animated ||
+      (hasCoordChanged && (!this.state.shape || !this.props.animated))
+    ) {
+      const shape = this._getShapeFromProps(this.props);
 
-    if (this.props.animated && this.state.shape) {
+      this.setState({
+        shape: this.props.animated ? new AnimatedPoint(shape) : shape,
+      });
+    } else if (hasCoordChanged && this.props.animated && this.state.shape) {
       // flush current animations
       this.state.shape.stopAnimation();
 
@@ -66,12 +71,6 @@ class Annotation extends React.Component {
           duration: this.props.animationDuration,
         })
         .start();
-    } else if (!this.state.shape || !this.props.animated) {
-      const shape = this._getShapeFromProps(this.props);
-
-      this.setState({
-        shape: this.props.animated ? new AnimatedPoint(shape) : shape,
-      });
     }
   }
 

package/javascript/index.js

@@ -14,6 +14,7 @@ import RasterSource from './components/RasterSource';
 import RasterDemSource from './components/RasterDemSource';
 import ImageSource from './components/ImageSource';
 import Images from './components/Images';
+import Image from './components/Image';
 import FillLayer from './components/FillLayer';
 import FillExtrusionLayer from './components/FillExtrusionLayer';
 import HeatmapLayer from './components/HeatmapLayer';
@@ -79,6 +80,7 @@ MapboxGL.ShapeSource = ShapeSource;
 MapboxGL.RasterSource = RasterSource;
 MapboxGL.ImageSource = ImageSource;
 MapboxGL.Images = Images;
+MapboxGL.Image = Image;
 MapboxGL.RasterDemSource = RasterDemSource;
 
 // layers
@@ -129,6 +131,7 @@ export {
   RasterDemSource,
   ImageSource,
   Images,
+  Image,
   FillLayer,
   FillExtrusionLayer,
   HeatmapLayer,

package/javascript/modules/location/locationManager.ts

@@ -17,7 +17,7 @@ export const LocationModuleEventEmitter = new NativeEventEmitter(
 /**
  * Location sent by locationManager
  */
-interface Location {
+export interface Location {
   coords: Coordinates;
   timestamp?: number;
 }

package/lib/commonjs/components/Image.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.NATIVE_MODULE_NAME = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const Image = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function Image(_ref, ref) {
+  let {
+    name,
+    sdf,
+    stretchX,
+    stretchY,
+    children
+  } = _ref;
+  const nativeProps = {
+    name,
+    sdf,
+    stretchX,
+    stretchY,
+    children
+  };
+  return /*#__PURE__*/_react.default.createElement(RCTMGLImage, nativeProps);
+}));
+const NATIVE_MODULE_NAME = 'RCTMGLImage';
+exports.NATIVE_MODULE_NAME = NATIVE_MODULE_NAME;
+const RCTMGLImage = (0, _reactNative.requireNativeComponent)(NATIVE_MODULE_NAME);
+Image.displayName = 'Image';
+var _default = Image;
+exports.default = _default;
+//# sourceMappingURL=Image.js.map

package/lib/commonjs/components/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Image","memo","forwardRef","_ref","ref","name","sdf","stretchX","stretchY","children","nativeProps","createElement","RCTMGLImage","NATIVE_MODULE_NAME","exports","requireNativeComponent","displayName","_default"],"sourceRoot":"../../../javascript","sources":["components/Image.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAsD,SAAAE,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAJ,wBAAAQ,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AA+BtD,MAAMW,KAAK,gBAAG,IAAAC,WAAI,gBAChB,IAAAC,iBAAU,EAAa,SAASF,KAAKA,CAAAG,IAAA,EAEnCC,GAA4B,EAC5B;EAAA,IAFA;IAAEC,IAAI;IAAEC,GAAG;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC;EAAgB,CAAC,GAAAN,IAAA;EAGlD,MAAMO,WAAW,GAAG;IAClBL,IAAI;IACJC,GAAG;IACHC,QAAQ;IACRC,QAAQ;IACRC;EACF,CAAC;EACD,oBAAOnC,MAAA,CAAAW,OAAA,CAAA0B,aAAA,CAACC,WAAW,EAAKF,WAAW,CAAI;AACzC,CAAC,CAAC,CACH;AAUM,MAAMG,kBAAkB,GAAG,aAAa;AAACC,OAAA,CAAAD,kBAAA,GAAAA,kBAAA;AAEhD,MAAMD,WAAW,GAAG,IAAAG,mCAAsB,EAAcF,kBAAkB,CAAC;AAE3Eb,KAAK,CAACgB,WAAW,GAAG,OAAO;AAAC,IAAAC,QAAA,GAEbjB,KAAK;AAAAc,OAAA,CAAA7B,OAAA,GAAAgC,QAAA"}

package/lib/commonjs/components/Images.js

@@ -7,12 +7,16 @@ exports.default = exports.NATIVE_MODULE_NAME = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _ShapeSource = require("./ShapeSource");
+var _Image = _interopRequireDefault(require("./Image"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const NATIVE_MODULE_NAME = 'RCTMGLImages';
 exports.NATIVE_MODULE_NAME = NATIVE_MODULE_NAME;
 function _isUrlOrPath(value) {
   return (typeof value === 'string' || value instanceof String) && (value.startsWith('file://') || value.startsWith('http://') || value.startsWith('https://') || value.startsWith('data:') || value.startsWith('asset://') || value.startsWith('/'));
 }
+const isChildAnImage = child => {
+  return /*#__PURE__*/_react.default.isValidElement(child) && child.type === _Image.default;
+};
 /**
  * Images defines the images used in Symbol etc. layers.
  */
@@ -40,6 +44,15 @@ class Images extends _react.default.Component {
         }
       }
     }
+    const {
+      children
+    } = this.props;
+    if (children) {
+      const childrenWithWrongType = _react.default.Children.toArray(children).find(child => !isChildAnImage(child));
+      if (childrenWithWrongType) {
+        console.error(`Images component on accepts Image a children passed in: ${childrenWithWrongType.type || 'n/a'}`);
+      }
+    }
     if (this.props.nativeAssetImages) {
       nativeImages = this.props.nativeAssetImages;
     }

package/lib/commonjs/components/Images.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ShapeSource","obj","__esModule","default","NATIVE_MODULE_NAME","exports","_isUrlOrPath","value","String","startsWith","Images","React","Component","NATIVE_ASSETS_KEY","_getImages","props","images","nativeAssetImages","nativeImages","imageNames","Object","keys","imageName","ShapeSource","Array","isArray","console","error","res","Image","resolveAssetSource","uri","_onImageMissing","event","onImageMissing","nativeEvent","payload","imageKey","render","id","hasOnImageMissing","bind","createElement","RCTMGLImages","children","requireNativeComponent","_default"],"sourceRoot":"../../../javascript","sources":["components/Images.tsx"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ShapeSource","_Image","obj","__esModule","default","NATIVE_MODULE_NAME","exports","_isUrlOrPath","value","String","startsWith","isChildAnImage","child","React","isValidElement","type","Image","Images","Component","NATIVE_ASSETS_KEY","_getImages","props","images","nativeAssetImages","nativeImages","imageNames","Object","keys","imageName","ShapeSource","Array","isArray","console","error","res","RNImage","resolveAssetSource","uri","children","childrenWithWrongType","Children","toArray","find","_onImageMissing","event","onImageMissing","nativeEvent","payload","imageKey","render","id","hasOnImageMissing","bind","createElement","RCTMGLImages","requireNativeComponent","_default"],"sourceRoot":"../../../javascript","sources":["components/Images.tsx"],"mappings":"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"}

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

@@ -44,10 +44,12 @@ class Annotation extends _react.default.Component {
       return;
     }
     const hasCoordChanged = prevProps.coordinates[0] !== this.props.coordinates[0] || prevProps.coordinates[1] !== this.props.coordinates[1];
-    if (!hasCoordChanged) {
-      return;
-    }
-    if (this.props.animated && this.state.shape) {
+    if (prevProps.animated !== this.props.animated || hasCoordChanged && (!this.state.shape || !this.props.animated)) {
+      const shape = this._getShapeFromProps(this.props);
+      this.setState({
+        shape: this.props.animated ? new _classes.AnimatedPoint(shape) : shape
+      });
+    } else if (hasCoordChanged && this.props.animated && this.state.shape) {
       // flush current animations
       this.state.shape.stopAnimation();
       this.state.shape.timing({
@@ -55,11 +57,6 @@ class Annotation extends _react.default.Component {
         easing: this.props.animationEasingFunction,
         duration: this.props.animationDuration
       }).start();
-    } else if (!this.state.shape || !this.props.animated) {
-      const shape = this._getShapeFromProps(this.props);
-      this.setState({
-        shape: this.props.animated ? new _classes.AnimatedPoint(shape) : shape
-      });
     }
   }
   onPress() {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_propTypes","_SymbolLayer","_Animated","_classes","obj","__esModule","default","Annotation","React","Component","propTypes","id","PropTypes","string","isRequired","animated","bool","animationDuration","number","animationEasingFunction","func","coordinates","arrayOf","onPress","children","any","style","icon","oneOfType","object","defaultProps","Easing","linear","constructor","props","shape","_getShapeFromProps","state","AnimatedPoint","bind","componentDidUpdate","prevProps","Array","isArray","setState","hasCoordChanged","stopAnimation","timing","easing","duration","start","arguments","length","undefined","lng","lat","type","symbolStyle","Object","assign","iconImage","render","createElement","ShapeSource","ref","SymbolLayer","_default","exports"],"sourceRoot":"../../../../javascript","sources":["components/annotations/Annotation.js"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_propTypes","_SymbolLayer","_Animated","_classes","obj","__esModule","default","Annotation","React","Component","propTypes","id","PropTypes","string","isRequired","animated","bool","animationDuration","number","animationEasingFunction","func","coordinates","arrayOf","onPress","children","any","style","icon","oneOfType","object","defaultProps","Easing","linear","constructor","props","shape","_getShapeFromProps","state","AnimatedPoint","bind","componentDidUpdate","prevProps","Array","isArray","setState","hasCoordChanged","stopAnimation","timing","easing","duration","start","arguments","length","undefined","lng","lat","type","symbolStyle","Object","assign","iconImage","render","createElement","ShapeSource","ref","SymbolLayer","_default","exports"],"sourceRoot":"../../../../javascript","sources":["components/annotations/Annotation.js"],"mappings":"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"}

package/lib/commonjs/index.js

@@ -94,6 +94,12 @@ Object.defineProperty(exports, "HeatmapLayer", {
     return _HeatmapLayer.default;
   }
 });
+Object.defineProperty(exports, "Image", {
+  enumerable: true,
+  get: function () {
+    return _Image.default;
+  }
+});
 Object.defineProperty(exports, "ImageSource", {
   enumerable: true,
   get: function () {
@@ -243,6 +249,7 @@ var _RasterSource = _interopRequireDefault(require("./components/RasterSource"))
 var _RasterDemSource = _interopRequireDefault(require("./components/RasterDemSource"));
 var _ImageSource = _interopRequireDefault(require("./components/ImageSource"));
 var _Images = _interopRequireDefault(require("./components/Images"));
+var _Image = _interopRequireDefault(require("./components/Image"));
 var _FillLayer = _interopRequireDefault(require("./components/FillLayer"));
 var _FillExtrusionLayer = _interopRequireDefault(require("./components/FillExtrusionLayer"));
 var _HeatmapLayer = _interopRequireDefault(require("./components/HeatmapLayer"));
@@ -300,6 +307,7 @@ MapboxGL.ShapeSource = _ShapeSource.ShapeSource;
 MapboxGL.RasterSource = _RasterSource.default;
 MapboxGL.ImageSource = _ImageSource.default;
 MapboxGL.Images = _Images.default;
+MapboxGL.Image = _Image.default;
 MapboxGL.RasterDemSource = _RasterDemSource.default;
 
 // layers