react-native-maps 1.0.0-beta.2 → 1.0.0-beta.5

package/android/src/main/java/com/airbnb/android/react/maps/AirMapView.java

@@ -291,7 +291,7 @@ public class AirMapView extends MapView implements GoogleMap.InfoWindowAdapter,
     map.setOnPolylineClickListener(new GoogleMap.OnPolylineClickListener() {
       @Override
       public void onPolylineClick(Polyline polyline) {
-        WritableMap event = makeClickEventData(polyline.getPoints().get(0));
+        WritableMap event = makeClickEventData(tapLocation);
         event.putString("action", "polyline-press");
         manager.pushEvent(context, polylineMap.get(polyline), "onPress", event);
       }

package/ios/AirGoogleMaps/AIRGoogleMapMarker.m

@@ -326,6 +326,12 @@ CGRect unionRect(CGRect a, CGRect b) {
     _reloadImageCancellationBlock = nil;
   }
 
+  if (!_realMarker.icon) {
+    // prevent glitch with marker (cf. https://github.com/react-native-maps/react-native-maps/issues/3657)
+    UIImage *emptyImage = [[UIImage alloc] init];
+    _realMarker.icon = emptyImage;
+  }
+
   _reloadImageCancellationBlock =
   [[_bridge moduleForName:@"ImageLoader"] loadImageWithURLRequest:[RCTConvert NSURLRequest:_iconSrc]
                                           size:self.bounds.size

package/lib/Geojson.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 import { Feature, FeatureCollection, Point, MultiPoint, LineString, MultiLineString, Polygon, MultiPolygon } from 'geojson';
-import { Props as MarkerProps } from './MapMarker';
-import { Props as PolygonProps } from './MapPolygon';
-import { Props as PolylineProps } from './MapPolyline';
+import { MapMarkerProps as MarkerProps } from './MapMarker';
+import { MapPolygonProps as PolygonProps } from './MapPolygon';
+import { MapPolylineProps as PolylineProps } from './MapPolyline';
 import { LatLng } from './sharedTypes';
-declare type Props = {
+export declare type GeojsonProps = {
     /**
      * The pincolor used on markers
      *
@@ -140,7 +140,7 @@ declare type Props = {
      */
     zIndex?: MarkerProps['zIndex'] | PolygonProps['zIndex'] | PolylineProps['zIndex'];
 };
-declare const Geojson: (props: Props) => JSX.Element;
+declare const Geojson: (props: GeojsonProps) => JSX.Element;
 export default Geojson;
 declare type OverlayPressEvent = {
     type: AnyPointOverlay['type'] | AnyLineStringOverlay['type'] | AnyPolygonOverlay['type'];

package/lib/MapCallout.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { ViewProps } from 'react-native';
 import { MapManagerCommand, NativeComponent, ProviderContext, UIManagerCommand } from './decorateMapComponent';
 import { CalloutPressEvent } from './sharedTypes';
-declare type Props = ViewProps & {
+export declare type MapCalloutProps = ViewProps & {
     /**
      * If `true`, clicks on transparent areas in callout will be passed to map.
      *
@@ -28,8 +28,8 @@ declare type Props = ViewProps & {
      */
     tooltip?: boolean;
 };
-declare type NativeProps = Props;
-export declare class MapCallout extends React.Component<Props> {
+declare type NativeProps = MapCalloutProps;
+export declare class MapCallout extends React.Component<MapCalloutProps> {
     context: React.ContextType<typeof ProviderContext>;
     getNativeComponent: () => NativeComponent<NativeProps>;
     getMapManagerCommand: (name: string) => MapManagerCommand;

package/lib/MapCalloutSubview.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { NativeSyntheticEvent, ViewProps } from 'react-native';
 import { ProviderContext, NativeComponent, MapManagerCommand, UIManagerCommand } from './decorateMapComponent';
 import { Frame, Point } from './sharedTypes';
-declare type Props = ViewProps & {
+export declare type MapCalloutSubviewProps = ViewProps & {
     /**
      * Callback that is called when the user presses on this subview inside callout
      *
@@ -11,8 +11,8 @@ declare type Props = ViewProps & {
      */
     onPress?: (event: CalloutSubviewPressEvent) => void;
 };
-declare type NativeProps = Props;
-export declare class MapCalloutSubview extends React.Component<Props> {
+declare type NativeProps = MapCalloutSubviewProps;
+export declare class MapCalloutSubview extends React.Component<MapCalloutSubviewProps> {
     context: React.ContextType<typeof ProviderContext>;
     getNativeComponent: () => NativeComponent<NativeProps>;
     getMapManagerCommand: (name: string) => MapManagerCommand;

package/lib/MapCircle.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { View, ViewProps } from 'react-native';
 import { ProviderContext, NativeComponent, MapManagerCommand, UIManagerCommand } from './decorateMapComponent';
 import { LatLng, LineCapType, LineJoinType } from './sharedTypes';
-declare type Props = ViewProps & {
+export declare type MapCircleProps = ViewProps & {
     /**
      * The coordinates of the center of the circle.
      *
@@ -100,16 +100,16 @@ declare type Props = ViewProps & {
      */
     zIndex?: number;
 };
-declare type NativeProps = Props & {
+declare type NativeProps = MapCircleProps & {
     ref: React.RefObject<View>;
 };
-export declare class MapCircle extends React.Component<Props> {
+export declare class MapCircle extends React.Component<MapCircleProps> {
     context: React.ContextType<typeof ProviderContext>;
     getNativeComponent: () => NativeComponent<NativeProps>;
     getMapManagerCommand: (name: string) => MapManagerCommand;
     getUIManagerCommand: (name: string) => UIManagerCommand;
     private circle;
-    constructor(props: Props);
+    constructor(props: MapCircleProps);
     setNativeProps(props: Partial<NativeProps>): void;
     render(): JSX.Element;
 }

package/lib/MapHeatmap.d.ts

@@ -1,8 +1,9 @@
 import * as React from 'react';
 import { ProcessedColorValue, View, ViewProps } from 'react-native';
 import { MapManagerCommand, NativeComponent, ProviderContext, UIManagerCommand } from './decorateMapComponent';
-import { LatLng, Modify } from './sharedTypes';
-declare type Props = ViewProps & {
+import { LatLng } from './sharedTypes';
+import { Modify } from './sharedTypesInternal';
+export declare type MapHeatmapProps = ViewProps & {
     gradient?: {
         /**
          * Resolution of color map -- number corresponding to the number of steps colors are interpolated into.
@@ -53,20 +54,20 @@ declare type Props = ViewProps & {
      */
     radius?: number;
 };
-declare type NativeProps = Modify<Props, {
-    gradient?: Modify<Props['gradient'], {
+declare type NativeProps = Modify<MapHeatmapProps, {
+    gradient?: Modify<MapHeatmapProps['gradient'], {
         colors: (ProcessedColorValue | null | undefined)[];
     }>;
 }> & {
     ref: React.RefObject<View>;
 };
-export declare class MapHeatmap extends React.Component<Props> {
+export declare class MapHeatmap extends React.Component<MapHeatmapProps> {
     context: React.ContextType<typeof ProviderContext>;
     getNativeComponent: () => NativeComponent<NativeProps>;
     getMapManagerCommand: (name: string) => MapManagerCommand;
     getUIManagerCommand: (name: string) => UIManagerCommand;
     private heatmap;
-    constructor(props: Props);
+    constructor(props: MapHeatmapProps);
     setNativeProps(props: Partial<NativeProps>): void;
     render(): JSX.Element;
 }

package/lib/MapLocalTile.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ViewProps } from 'react-native';
 import { ProviderContext, NativeComponent, MapManagerCommand, UIManagerCommand } from './decorateMapComponent';
-declare type Props = ViewProps & {
+export declare type MapLocalTileProps = ViewProps & {
     /**
      * @platform iOS: Apple Maps only
      * @platform Android: Supported
@@ -23,8 +23,8 @@ declare type Props = ViewProps & {
      */
     zIndex?: number;
 };
-declare type NativeProps = Props;
-export declare class MapLocalTile extends React.Component<Props> {
+declare type NativeProps = MapLocalTileProps;
+export declare class MapLocalTile extends React.Component<MapLocalTileProps> {
     context: React.ContextType<typeof ProviderContext>;
     getNativeComponent: () => NativeComponent<NativeProps>;
     getMapManagerCommand: (name: string) => MapManagerCommand;

package/lib/MapMarker.d.ts

@@ -1,8 +1,9 @@
 import * as React from 'react';
 import { Animated, ViewProps, ImageURISource, ImageRequireSource, View } from 'react-native';
 import { MapManagerCommand, NativeComponent, ProviderContext, UIManagerCommand } from './decorateMapComponent';
-import { CalloutPressEvent, LatLng, MarkerDeselectEvent, MarkerDragEvent, MarkerDragStartEndEvent, MarkerPressEvent, MarkerSelectEvent, Modify, Point } from './sharedTypes';
-export declare type Props = ViewProps & {
+import { CalloutPressEvent, LatLng, MarkerDeselectEvent, MarkerDragEvent, MarkerDragStartEndEvent, MarkerPressEvent, MarkerSelectEvent, Point } from './sharedTypes';
+import { Modify } from './sharedTypesInternal';
+export declare type MapMarkerProps = ViewProps & {
     /**
      * Sets the anchor point for the marker.
      * The anchor specifies the point in the icon image that is anchored to the marker's position on the Earth's surface.
@@ -259,21 +260,21 @@ export declare type Props = ViewProps & {
      */
     zIndex?: number;
 };
-declare type OmittedProps = Omit<Props, 'stopPropagation'>;
+declare type OmittedProps = Omit<MapMarkerProps, 'stopPropagation'>;
 declare type NativeProps = Modify<OmittedProps, {
     icon?: string;
-    image?: Props['image'] | string;
+    image?: MapMarkerProps['image'] | string;
 }> & {
     ref: React.RefObject<View>;
 };
-export declare class MapMarker extends React.Component<Props> {
+export declare class MapMarker extends React.Component<MapMarkerProps> {
     context: React.ContextType<typeof ProviderContext>;
     getNativeComponent: () => NativeComponent<NativeProps>;
     getMapManagerCommand: (name: string) => MapManagerCommand;
     getUIManagerCommand: (name: string) => UIManagerCommand;
     static Animated: Animated.AnimatedComponent<typeof MapMarker>;
     private marker;
-    constructor(props: Props);
+    constructor(props: MapMarkerProps);
     setNativeProps(props: Partial<NativeProps>): void;
     showCallout(): void;
     hideCallout(): void;

package/lib/MapOverlay.d.ts

@@ -1,8 +1,9 @@
 import * as React from 'react';
 import { Animated, ViewProps, ImageURISource, ImageRequireSource, NativeSyntheticEvent } from 'react-native';
 import { MapManagerCommand, NativeComponent, ProviderContext, UIManagerCommand } from './decorateMapComponent';
-import { LatLng, Modify, Point } from './sharedTypes';
-declare type Props = ViewProps & {
+import { LatLng, Point } from './sharedTypes';
+import { Modify } from './sharedTypesInternal';
+export declare type MapOverlayProps = ViewProps & {
     /**
      * The bearing in degrees clockwise from north. Values outside the range [0, 360) will be normalized.
      *
@@ -50,10 +51,10 @@ declare type Props = ViewProps & {
      */
     tappable?: boolean;
 };
-declare type NativeProps = Modify<Props, {
+declare type NativeProps = Modify<MapOverlayProps, {
     image?: string;
 }>;
-export declare class MapOverlay extends React.Component<Props> {
+export declare class MapOverlay extends React.Component<MapOverlayProps> {
     context: React.ContextType<typeof ProviderContext>;
     getNativeComponent: () => NativeComponent<NativeProps>;
     getMapManagerCommand: (name: string) => MapManagerCommand;

package/lib/MapPolygon.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { NativeSyntheticEvent, View, ViewProps } from 'react-native';
 import { ProviderContext, NativeComponent, MapManagerCommand, UIManagerCommand } from './decorateMapComponent';
 import { LatLng, LineCapType, LineJoinType, Point } from './sharedTypes';
-export declare type Props = ViewProps & {
+export declare type MapPolygonProps = ViewProps & {
     /**
      * An array of coordinates to describe the polygon
      *
@@ -122,17 +122,17 @@ export declare type Props = ViewProps & {
      */
     zIndex?: number;
 };
-declare type NativeProps = Props & {
+declare type NativeProps = MapPolygonProps & {
     ref: React.RefObject<View>;
 };
-export declare class MapPolygon extends React.Component<Props> {
+export declare class MapPolygon extends React.Component<MapPolygonProps> {
     context: React.ContextType<typeof ProviderContext>;
     getNativeComponent: () => NativeComponent<NativeProps>;
     getMapManagerCommand: (name: string) => MapManagerCommand;
     getUIManagerCommand: (name: string) => UIManagerCommand;
     private polygon;
-    constructor(props: Props);
-    setNativeProps(props: Partial<Props>): void;
+    constructor(props: MapPolygonProps);
+    setNativeProps(props: Partial<MapPolygonProps>): void;
     updateNativeProps(): () => void;
     render(): JSX.Element;
 }

package/lib/MapPolyline.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { NativeSyntheticEvent, View, ViewProps } from 'react-native';
 import { ProviderContext, NativeComponent, MapManagerCommand, UIManagerCommand } from './decorateMapComponent';
 import { LatLng, LineCapType, LineJoinType, Point } from './sharedTypes';
-export declare type Props = ViewProps & {
+export declare type MapPolylineProps = ViewProps & {
     /**
      * An array of coordinates to describe the polyline
      *
@@ -124,16 +124,16 @@ export declare type Props = ViewProps & {
      */
     zIndex?: number;
 };
-declare type NativeProps = Props & {
+declare type NativeProps = MapPolylineProps & {
     ref: React.RefObject<View>;
 };
-export declare class MapPolyline extends React.Component<Props> {
+export declare class MapPolyline extends React.Component<MapPolylineProps> {
     context: React.ContextType<typeof ProviderContext>;
     getNativeComponent: () => NativeComponent<NativeProps>;
     getMapManagerCommand: (name: string) => MapManagerCommand;
     getUIManagerCommand: (name: string) => UIManagerCommand;
     private polyline;
-    constructor(props: Props);
+    constructor(props: MapPolylineProps);
     setNativeProps(props: Partial<NativeProps>): void;
     render(): JSX.Element;
 }

package/lib/MapUrlTile.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ProviderContext, NativeComponent, MapManagerCommand, UIManagerCommand } from './decorateMapComponent';
 import { ViewProps } from 'react-native';
-declare type Props = ViewProps & {
+export declare type MapUrlTileProps = ViewProps & {
     /**
      * Doubles tile size from 256 to 512 utilising higher zoom levels
      * i.e loading 4 higher zoom level tiles and combining them for one high-resolution tile.
@@ -122,8 +122,8 @@ declare type Props = ViewProps & {
      */
     zIndex?: number;
 };
-declare type NativeProps = Props;
-export declare class MapUrlTile extends React.Component<Props> {
+declare type NativeProps = MapUrlTileProps;
+export declare class MapUrlTile extends React.Component<MapUrlTileProps> {
     context: React.ContextType<typeof ProviderContext>;
     getNativeComponent: () => NativeComponent<NativeProps>;
     getMapManagerCommand: (name: string) => MapManagerCommand;

package/lib/MapView.d.ts

@@ -1,8 +1,10 @@
 import * as React from 'react';
-import { Animated as RNAnimated, View, ViewProps, NativeSyntheticEvent, Animated } from 'react-native';
-import { CalloutPressEvent, ClickEvent, Frame, LatLng, MarkerDeselectEvent, MarkerDragEvent, MarkerDragStartEndEvent, MarkerPressEvent, MarkerSelectEvent, Modify, Point, Region } from './sharedTypes';
+import { Animated as RNAnimated, Animated, NativeSyntheticEvent, View, ViewProps } from 'react-native';
+import { CalloutPressEvent, ClickEvent, Frame, LatLng, MarkerDeselectEvent, MarkerDragEvent, MarkerDragStartEndEvent, MarkerPressEvent, MarkerSelectEvent, Point, Provider, Region } from './sharedTypes';
+import { Address, BoundingBox, Camera, ChangeEvent, Details, EdgePadding, FitToOptions, IndoorBuildingEvent, IndoorLevelActivatedEvent, KmlMapEvent, LongPressEvent, MapPressEvent, MapStyleElement, MapType, MapTypes, PanDragEvent, PoiClickEvent, SnapshotOptions, UserLocationChangeEvent } from './MapView.types';
+import { Modify } from './sharedTypesInternal';
 export declare const MAP_TYPES: MapTypes;
-declare type Props = ViewProps & {
+export declare type MapViewProps = ViewProps & {
     /**
      * If `true` map will be cached and displayed as an image instead of being interactable, for performance usage.
      *
@@ -344,7 +346,7 @@ declare type Props = ViewProps & {
      * @platform iOS: Supported
      * @platform Android: Supported
      */
-    provider?: 'google';
+    provider?: Provider;
     /**
      * The region to be displayed by the map.
      * The region is defined by the center coordinates and the span of coordinates to display.
@@ -553,9 +555,9 @@ declare type Props = ViewProps & {
      */
     zoomTapEnabled?: boolean;
 };
-declare type ModifiedProps = Modify<Props, {
-    region?: Props['region'] | null;
-    initialRegion?: Props['initialRegion'] | null;
+declare type ModifiedProps = Modify<MapViewProps, {
+    region?: MapViewProps['region'] | null;
+    initialRegion?: MapViewProps['initialRegion'] | null;
 }>;
 declare type NativeProps = Omit<ModifiedProps, 'customMapStyle' | 'onRegionChange' | 'onRegionChangeComplete'> & {
     ref: React.RefObject<View>;
@@ -567,15 +569,15 @@ declare type State = {
     isReady: boolean;
 };
 declare type SnapShot = Region | null;
-declare class MapView extends React.Component<Props, State, SnapShot> {
+declare class MapView extends React.Component<MapViewProps, State, SnapShot> {
     static Animated: Animated.AnimatedComponent<typeof MapView>;
     private map;
     private __lastRegion;
     private __layoutCalled;
-    constructor(props: Props);
+    constructor(props: MapViewProps);
     setNativeProps(props: Partial<NativeProps>): void;
-    getSnapshotBeforeUpdate(prevProps: Props): Region | null;
-    componentDidUpdate(_prevProps: Props, _prevState: State, region: SnapShot): void;
+    getSnapshotBeforeUpdate(prevProps: MapViewProps): Region | null;
+    componentDidUpdate(_prevProps: MapViewProps, _prevState: State, region: SnapShot): void;
     componentDidMount(): void;
     private _updateStyle;
     private _onMapReady;
@@ -602,13 +604,13 @@ declare class MapView extends React.Component<Props, State, SnapShot> {
      * Takes a snapshot of the map and saves it to a picture
      * file or returns the image as a base64 encoded string.
      *
-     * @param config Configuration options
-     * @param [config.width] Width of the rendered map-view (when omitted actual view width is used).
-     * @param [config.height] Height of the rendered map-view (when omitted actual height is used).
-     * @param [config.region] Region to render (Only supported on iOS).
-     * @param [config.format] Encoding format ('png', 'jpg') (default: 'png').
-     * @param [config.quality] Compression quality (only used for jpg) (default: 1.0).
-     * @param [config.result] Result format ('file', 'base64') (default: 'file').
+     * @param args Configuration options
+     * @param [args.width] Width of the rendered map-view (when omitted actual view width is used).
+     * @param [args.height] Height of the rendered map-view (when omitted actual height is used).
+     * @param [args.region] Region to render (Only supported on iOS).
+     * @param [args.format] Encoding format ('png', 'jpg') (default: 'png').
+     * @param [args.quality] Compression quality (only used for jpg) (default: 1.0).
+     * @param [args.result] Result format ('file', 'base64') (default: 'file').
      *
      * @return Promise Promise with either the file-uri or base64 encoded string
      */
@@ -673,153 +675,3 @@ declare class MapView extends React.Component<Props, State, SnapShot> {
 export declare const AnimatedMapView: RNAnimated.AnimatedComponent<typeof MapView>;
 export declare const enableLatestRenderer: () => any;
 export default MapView;
-declare type Camera = {
-    /**
-     * Apple Maps
-     */
-    altitude?: number;
-    center: LatLng;
-    heading: number;
-    pitch: number;
-    /**
-     * Google Maps
-     */
-    zoom?: number;
-};
-declare type MapStyleElement = {
-    featureType?: string;
-    elementType?: string;
-    stylers: object[];
-};
-declare type EdgePadding = {
-    top: Number;
-    right: Number;
-    bottom: Number;
-    left: Number;
-};
-declare type MapType = 'hybrid' | 'mutedStandard' | 'none' | 'satellite' | 'standard' | 'terrain';
-declare type MapTypes = {
-    STANDARD: 'standard';
-    SATELLITE: 'satellite';
-    HYBRID: 'hybrid';
-    TERRAIN: 'terrain';
-    NONE: 'none';
-    MUTEDSTANDARD: 'mutedStandard';
-};
-declare type IndoorLevel = {
-    index: number;
-    name: string;
-    shortName: string;
-};
-declare type ActiveIndoorLevel = {
-    activeLevelIndex: number;
-    name: string;
-    shortName: string;
-};
-declare type IndoorLevelActivatedEvent = NativeSyntheticEvent<{
-    IndoorLevel: ActiveIndoorLevel;
-}>;
-declare type IndoorBuilding = {
-    underground: boolean;
-    activeLevelIndex: number;
-    levels: IndoorLevel[];
-};
-declare type IndoorBuildingEvent = NativeSyntheticEvent<{
-    IndoorBuilding: IndoorBuilding;
-}>;
-declare type KmlMarker = {
-    id: string;
-    title: string;
-    description: string;
-    coordinate: LatLng;
-    position: Point;
-};
-declare type KmlMapEvent = NativeSyntheticEvent<{
-    markers: KmlMarker[];
-}>;
-declare type LongPressEvent = ClickEvent<{
-    /**
-     * @platform Android
-     */
-    action?: 'long-press';
-}>;
-declare type PanDragEvent = ClickEvent;
-declare type PoiClickEvent = NativeSyntheticEvent<{
-    placeId: string;
-    name: string;
-    coordinate: LatLng;
-    /**
-     * @platform Android
-     */
-    position?: Point;
-}>;
-declare type MapPressEvent = ClickEvent<{
-    /**
-     * @platform Android
-     */
-    action?: 'press';
-}>;
-declare type Details = {
-    isGesture?: boolean;
-};
-declare type UserLocationChangeEvent = NativeSyntheticEvent<{
-    coordinate?: LatLng & {
-        altitude: number;
-        timestamp: number;
-        accuracy: number;
-        speed: number;
-        heading: number;
-        /**
-         * @platform iOS
-         */
-        altitudeAccuracy?: number;
-        /**
-         * @platform Android
-         */
-        isFromMockProvider?: boolean;
-    };
-    /**
-     * @platform iOS
-     */
-    error?: {
-        message: string;
-    };
-}>;
-declare type ChangeEvent = NativeSyntheticEvent<{
-    continuous: boolean;
-    region: Region;
-    isGesture?: boolean;
-}>;
-declare type FitToOptions = {
-    edgePadding?: EdgePadding;
-    animated?: boolean;
-};
-declare type BoundingBox = {
-    northEast: LatLng;
-    southWest: LatLng;
-};
-declare type SnapshotOptions = {
-    /** optional, when omitted the view-width is used */
-    width?: number;
-    /** optional, when omitted the view-height is used */
-    height?: number;
-    /** __iOS only__, optional region to render */
-    region?: Region;
-    /** image formats, defaults to 'png' */
-    format?: 'png' | 'jpg';
-    /** image quality: 0..1 (only relevant for jpg, default: 1) */
-    quality?: number;
-    /** result types, defaults to 'file' */
-    result?: 'file' | 'base64';
-};
-declare type Address = {
-    administrativeArea: string;
-    country: string;
-    countryCode: string;
-    locality: string;
-    name: string;
-    postalCode: string;
-    subAdministrativeArea: string;
-    subLocality: string;
-    thoroughfare: string;
-};

package/lib/MapView.js

@@ -188,13 +188,13 @@ class MapView extends React.Component {
      * Takes a snapshot of the map and saves it to a picture
      * file or returns the image as a base64 encoded string.
      *
-     * @param config Configuration options
-     * @param [config.width] Width of the rendered map-view (when omitted actual view width is used).
-     * @param [config.height] Height of the rendered map-view (when omitted actual height is used).
-     * @param [config.region] Region to render (Only supported on iOS).
-     * @param [config.format] Encoding format ('png', 'jpg') (default: 'png').
-     * @param [config.quality] Compression quality (only used for jpg) (default: 1.0).
-     * @param [config.result] Result format ('file', 'base64') (default: 'file').
+     * @param args Configuration options
+     * @param [args.width] Width of the rendered map-view (when omitted actual view width is used).
+     * @param [args.height] Height of the rendered map-view (when omitted actual height is used).
+     * @param [args.region] Region to render (Only supported on iOS).
+     * @param [args.format] Encoding format ('png', 'jpg') (default: 'png').
+     * @param [args.quality] Compression quality (only used for jpg) (default: 1.0).
+     * @param [args.result] Result format ('file', 'base64') (default: 'file').
      *
      * @return Promise Promise with either the file-uri or base64 encoded string
      */

package/lib/MapView.types.d.ts

@@ -0,0 +1,153 @@
+import { ClickEvent, LatLng, Point, Region } from './sharedTypes';
+import { NativeSyntheticEvent } from 'react-native';
+export declare type Camera = {
+    /**
+     * Apple Maps
+     */
+    altitude?: number;
+    center: LatLng;
+    heading: number;
+    pitch: number;
+    /**
+     * Google Maps
+     */
+    zoom?: number;
+};
+export declare type MapStyleElement = {
+    featureType?: string;
+    elementType?: string;
+    stylers: object[];
+};
+export declare type EdgePadding = {
+    top: Number;
+    right: Number;
+    bottom: Number;
+    left: Number;
+};
+export declare type MapType = 'hybrid' | 'mutedStandard' | 'none' | 'satellite' | 'standard' | 'terrain';
+export declare type MapTypes = {
+    STANDARD: 'standard';
+    SATELLITE: 'satellite';
+    HYBRID: 'hybrid';
+    TERRAIN: 'terrain';
+    NONE: 'none';
+    MUTEDSTANDARD: 'mutedStandard';
+};
+export declare type IndoorLevel = {
+    index: number;
+    name: string;
+    shortName: string;
+};
+export declare type ActiveIndoorLevel = {
+    activeLevelIndex: number;
+    name: string;
+    shortName: string;
+};
+export declare type IndoorLevelActivatedEvent = NativeSyntheticEvent<{
+    IndoorLevel: ActiveIndoorLevel;
+}>;
+export declare type IndoorBuilding = {
+    underground: boolean;
+    activeLevelIndex: number;
+    levels: IndoorLevel[];
+};
+export declare type IndoorBuildingEvent = NativeSyntheticEvent<{
+    IndoorBuilding: IndoorBuilding;
+}>;
+export declare type KmlMarker = {
+    id: string;
+    title: string;
+    description: string;
+    coordinate: LatLng;
+    position: Point;
+};
+export declare type KmlMapEvent = NativeSyntheticEvent<{
+    markers: KmlMarker[];
+}>;
+export declare type LongPressEvent = ClickEvent<{
+    /**
+     * @platform Android
+     */
+    action?: 'long-press';
+}>;
+export declare type PanDragEvent = ClickEvent;
+export declare type PoiClickEvent = NativeSyntheticEvent<{
+    placeId: string;
+    name: string;
+    coordinate: LatLng;
+    /**
+     * @platform Android
+     */
+    position?: Point;
+}>;
+export declare type MapPressEvent = ClickEvent<{
+    /**
+     * @platform Android
+     */
+    action?: 'press';
+}>;
+export declare type Details = {
+    isGesture?: boolean;
+};
+export declare type UserLocationChangeEvent = NativeSyntheticEvent<{
+    coordinate?: LatLng & {
+        altitude: number;
+        timestamp: number;
+        accuracy: number;
+        speed: number;
+        heading: number;
+        /**
+         * @platform iOS
+         */
+        altitudeAccuracy?: number;
+        /**
+         * @platform Android
+         */
+        isFromMockProvider?: boolean;
+    };
+    /**
+     * @platform iOS
+     */
+    error?: {
+        message: string;
+    };
+}>;
+export declare type ChangeEvent = NativeSyntheticEvent<{
+    continuous: boolean;
+    region: Region;
+    isGesture?: boolean;
+}>;
+export declare type FitToOptions = {
+    edgePadding?: EdgePadding;
+    animated?: boolean;
+};
+export declare type BoundingBox = {
+    northEast: LatLng;
+    southWest: LatLng;
+};
+export declare type SnapshotOptions = {
+    /** optional, when omitted the view-width is used */
+    width?: number;
+    /** optional, when omitted the view-height is used */
+    height?: number;
+    /** __iOS only__, optional region to render */
+    region?: Region;
+    /** image formats, defaults to 'png' */
+    format?: 'png' | 'jpg';
+    /** image quality: 0..1 (only relevant for jpg, default: 1) */
+    quality?: number;
+    /** result types, defaults to 'file' */
+    result?: 'file' | 'base64';
+};
+export declare type Address = {
+    administrativeArea: string;
+    country: string;
+    countryCode: string;
+    locality: string;
+    name: string;
+    postalCode: string;
+    subAdministrativeArea: string;
+    subLocality: string;
+    thoroughfare: string;
+};
+export declare type NativeCommandName = 'animateCamera' | 'animateToRegion' | 'coordinateForPoint' | 'fitToCoordinates' | 'fitToElements' | 'fitToSuppliedMarkers' | 'getAddressFromCoordinates' | 'getCamera' | 'getMapBoundaries' | 'getMarkersFrames' | 'pointForCoordinate' | 'setCamera' | 'setIndoorActiveLevelIndex' | 'setMapBoundaries' | 'takeSnapshot';

package/lib/MapView.types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/MapWMSTile.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ViewProps } from 'react-native';
 import { ProviderContext, NativeComponent, MapManagerCommand, UIManagerCommand } from './decorateMapComponent';
-declare type Props = ViewProps & {
+export declare type MapWMSTileProps = ViewProps & {
     /**
      * The maximum native zoom level for this tile overlay i.e. the highest zoom level that the tile server provides.
      * Tiles are auto-scaled for higher zoom levels.
@@ -104,8 +104,8 @@ declare type Props = ViewProps & {
      */
     zIndex?: number;
 };
-declare type NativeProps = Props;
-export declare class MapWMSTile extends React.Component<Props> {
+declare type NativeProps = MapWMSTileProps;
+export declare class MapWMSTile extends React.Component<MapWMSTileProps> {
     context: React.ContextType<typeof ProviderContext>;
     getNativeComponent: () => NativeComponent<NativeProps>;
     getMapManagerCommand: (name: string) => MapManagerCommand;

package/lib/index.d.ts

@@ -1,20 +1,37 @@
-import MapView, { AnimatedMapView as Animated, MAP_TYPES, enableLatestRenderer } from './MapView';
+import MapView, { AnimatedMapView as Animated, MAP_TYPES, enableLatestRenderer, MapViewProps } from './MapView';
 import Marker from './MapMarker';
+export { MapMarker } from './MapMarker';
+export type { MapMarkerProps } from './MapMarker';
 import Overlay from './MapOverlay';
-export { default as Polyline } from './MapPolyline';
-export { default as Heatmap } from './MapHeatmap';
-export { default as Polygon } from './MapPolygon';
-export { default as Circle } from './MapCircle';
-export { default as UrlTile } from './MapUrlTile';
-export { default as WMSTile } from './MapWMSTile';
-export { default as LocalTile } from './MapLocalTile';
-export { default as Callout } from './MapCallout';
-export { default as CalloutSubview } from './MapCalloutSubview';
+export { MapOverlay } from './MapOverlay';
+export type { MapOverlayProps } from './MapOverlay';
+export { default as Polyline, MapPolyline } from './MapPolyline';
+export type { MapPolylineProps } from './MapPolyline';
+export { default as Heatmap, MapHeatmap } from './MapHeatmap';
+export type { MapHeatmapProps } from './MapHeatmap';
+export { default as Polygon, MapPolygon } from './MapPolygon';
+export type { MapPolygonProps } from './MapPolygon';
+export { default as Circle, MapCircle } from './MapCircle';
+export type { MapCircleProps } from './MapCircle';
+export { default as UrlTile, MapUrlTile } from './MapUrlTile';
+export type { MapUrlTileProps } from './MapUrlTile';
+export { default as WMSTile, MapWMSTile } from './MapWMSTile';
+export type { MapWMSTileProps } from './MapWMSTile';
+export { default as LocalTile, MapLocalTile } from './MapLocalTile';
+export type { MapLocalTileProps } from './MapLocalTile';
+export { default as Callout, MapCallout } from './MapCallout';
+export type { MapCalloutProps } from './MapCallout';
+export { default as CalloutSubview, MapCalloutSubview, } from './MapCalloutSubview';
+export type { MapCalloutSubviewProps } from './MapCalloutSubview';
 export { default as AnimatedRegion } from './AnimatedRegion';
 export { default as Geojson } from './Geojson';
+export type { GeojsonProps } from './Geojson';
 export { Marker, Overlay };
+export type { MapViewProps };
 export { Animated, MAP_TYPES, enableLatestRenderer };
 export * from './ProviderConstants';
+export * from './MapView.types';
+export * from './sharedTypes';
 export declare const MarkerAnimated: import("react-native").Animated.AnimatedComponent<typeof import("./MapMarker").MapMarker>;
 export declare const OverlayAnimated: import("react-native").Animated.AnimatedComponent<typeof import("./MapOverlay").MapOverlay>;
 export default MapView;

package/lib/index.js

@@ -29,38 +29,53 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.OverlayAnimated = exports.MarkerAnimated = exports.enableLatestRenderer = exports.MAP_TYPES = exports.Animated = exports.Overlay = exports.Marker = exports.Geojson = exports.AnimatedRegion = exports.CalloutSubview = exports.Callout = exports.LocalTile = exports.WMSTile = exports.UrlTile = exports.Circle = exports.Polygon = exports.Heatmap = exports.Polyline = void 0;
+exports.OverlayAnimated = exports.MarkerAnimated = exports.enableLatestRenderer = exports.MAP_TYPES = exports.Animated = exports.Overlay = exports.Marker = exports.Geojson = exports.AnimatedRegion = exports.MapCalloutSubview = exports.CalloutSubview = exports.MapCallout = exports.Callout = exports.MapLocalTile = exports.LocalTile = exports.MapWMSTile = exports.WMSTile = exports.MapUrlTile = exports.UrlTile = exports.MapCircle = exports.Circle = exports.MapPolygon = exports.Polygon = exports.MapHeatmap = exports.Heatmap = exports.MapPolyline = exports.Polyline = exports.MapOverlay = exports.MapMarker = void 0;
 const MapView_1 = __importStar(require("./MapView"));
 Object.defineProperty(exports, "Animated", { enumerable: true, get: function () { return MapView_1.AnimatedMapView; } });
 Object.defineProperty(exports, "MAP_TYPES", { enumerable: true, get: function () { return MapView_1.MAP_TYPES; } });
 Object.defineProperty(exports, "enableLatestRenderer", { enumerable: true, get: function () { return MapView_1.enableLatestRenderer; } });
 const MapMarker_1 = __importDefault(require("./MapMarker"));
 exports.Marker = MapMarker_1.default;
+var MapMarker_2 = require("./MapMarker");
+Object.defineProperty(exports, "MapMarker", { enumerable: true, get: function () { return MapMarker_2.MapMarker; } });
 const MapOverlay_1 = __importDefault(require("./MapOverlay"));
 exports.Overlay = MapOverlay_1.default;
+var MapOverlay_2 = require("./MapOverlay");
+Object.defineProperty(exports, "MapOverlay", { enumerable: true, get: function () { return MapOverlay_2.MapOverlay; } });
 var MapPolyline_1 = require("./MapPolyline");
 Object.defineProperty(exports, "Polyline", { enumerable: true, get: function () { return __importDefault(MapPolyline_1).default; } });
+Object.defineProperty(exports, "MapPolyline", { enumerable: true, get: function () { return MapPolyline_1.MapPolyline; } });
 var MapHeatmap_1 = require("./MapHeatmap");
 Object.defineProperty(exports, "Heatmap", { enumerable: true, get: function () { return __importDefault(MapHeatmap_1).default; } });
+Object.defineProperty(exports, "MapHeatmap", { enumerable: true, get: function () { return MapHeatmap_1.MapHeatmap; } });
 var MapPolygon_1 = require("./MapPolygon");
 Object.defineProperty(exports, "Polygon", { enumerable: true, get: function () { return __importDefault(MapPolygon_1).default; } });
+Object.defineProperty(exports, "MapPolygon", { enumerable: true, get: function () { return MapPolygon_1.MapPolygon; } });
 var MapCircle_1 = require("./MapCircle");
 Object.defineProperty(exports, "Circle", { enumerable: true, get: function () { return __importDefault(MapCircle_1).default; } });
+Object.defineProperty(exports, "MapCircle", { enumerable: true, get: function () { return MapCircle_1.MapCircle; } });
 var MapUrlTile_1 = require("./MapUrlTile");
 Object.defineProperty(exports, "UrlTile", { enumerable: true, get: function () { return __importDefault(MapUrlTile_1).default; } });
+Object.defineProperty(exports, "MapUrlTile", { enumerable: true, get: function () { return MapUrlTile_1.MapUrlTile; } });
 var MapWMSTile_1 = require("./MapWMSTile");
 Object.defineProperty(exports, "WMSTile", { enumerable: true, get: function () { return __importDefault(MapWMSTile_1).default; } });
+Object.defineProperty(exports, "MapWMSTile", { enumerable: true, get: function () { return MapWMSTile_1.MapWMSTile; } });
 var MapLocalTile_1 = require("./MapLocalTile");
 Object.defineProperty(exports, "LocalTile", { enumerable: true, get: function () { return __importDefault(MapLocalTile_1).default; } });
+Object.defineProperty(exports, "MapLocalTile", { enumerable: true, get: function () { return MapLocalTile_1.MapLocalTile; } });
 var MapCallout_1 = require("./MapCallout");
 Object.defineProperty(exports, "Callout", { enumerable: true, get: function () { return __importDefault(MapCallout_1).default; } });
+Object.defineProperty(exports, "MapCallout", { enumerable: true, get: function () { return MapCallout_1.MapCallout; } });
 var MapCalloutSubview_1 = require("./MapCalloutSubview");
 Object.defineProperty(exports, "CalloutSubview", { enumerable: true, get: function () { return __importDefault(MapCalloutSubview_1).default; } });
+Object.defineProperty(exports, "MapCalloutSubview", { enumerable: true, get: function () { return MapCalloutSubview_1.MapCalloutSubview; } });
 var AnimatedRegion_1 = require("./AnimatedRegion");
 Object.defineProperty(exports, "AnimatedRegion", { enumerable: true, get: function () { return __importDefault(AnimatedRegion_1).default; } });
 var Geojson_1 = require("./Geojson");
 Object.defineProperty(exports, "Geojson", { enumerable: true, get: function () { return __importDefault(Geojson_1).default; } });
 __exportStar(require("./ProviderConstants"), exports);
+__exportStar(require("./MapView.types"), exports);
+__exportStar(require("./sharedTypes"), exports);
 exports.MarkerAnimated = MapMarker_1.default.Animated;
 exports.OverlayAnimated = MapOverlay_1.default.Animated;
 exports.default = MapView_1.default;

package/lib/sharedTypes.d.ts

@@ -1,5 +1,4 @@
 import { NativeSyntheticEvent } from 'react-native';
-export declare type Modify<T, R> = Omit<T, keyof R> & R;
 export declare type Provider = 'google' | undefined;
 export declare type LatLng = {
     latitude: number;

package/lib/sharedTypesInternal.d.ts

@@ -0,0 +1 @@
+export declare type Modify<T, R> = Omit<T, keyof R> & R;

package/lib/sharedTypesInternal.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/package.json

@@ -3,7 +3,7 @@
   "description": "React Native Mapview component for iOS + Android",
   "main": "lib/index.js",
   "author": "Leland Richardson <leland.m.richardson@gmail.com>",
-  "version": "1.0.0-beta.2",
+  "version": "1.0.0-beta.5",
   "license": "MIT",
   "scripts": {
     "lint": "eslint . --max-warnings 0",