react-native-maps 1.21.0-alpha.11 → 1.21.0-alpha.111

package/lib/MapView.js

@@ -35,7 +35,10 @@ const NativeComponentMapView_1 = __importStar(require("./specs/NativeComponentMa
 const NativeComponentGoogleMapView_1 = __importStar(require("./specs/NativeComponentGoogleMapView"));
 const createFabricMap_1 = __importDefault(require("./createFabricMap"));
 const FabricMap = (0, createFabricMap_1.default)(NativeComponentMapView_1.default, NativeComponentMapView_1.Commands);
-const FabricGoogleMap = (0, createFabricMap_1.default)(NativeComponentGoogleMapView_1.default, NativeComponentGoogleMapView_1.Commands);
+var FabricGoogleMap = null;
+if (react_native_1.Platform.OS === 'ios') {
+    FabricGoogleMap = (0, createFabricMap_1.default)(NativeComponentGoogleMapView_1.default, NativeComponentGoogleMapView_1.Commands);
+}
 exports.MAP_TYPES = {
     STANDARD: 'standard',
     SATELLITE: 'satellite',
@@ -49,13 +52,13 @@ exports.MAP_TYPES = {
 class MapView extends React.Component {
     static Animated;
     map;
-    fabricMap;
+    fabricMap = React.createRef();
     constructor(props) {
         super(props);
         this.map = React.createRef();
         this.fabricMap = React.createRef();
         this.state = {
-            isReady: react_native_1.Platform.OS === 'ios',
+            isReady: false,
         };
         this._onMapReady = this._onMapReady.bind(this);
         this._onChange = this._onChange.bind(this);
@@ -85,13 +88,8 @@ class MapView extends React.Component {
         }
     }
     getCamera() {
-        if (react_native_1.Platform.OS === 'android') {
-            return react_native_1.NativeModules.AirMapModule.getCamera(this._getHandle());
-        }
-        else if (react_native_1.Platform.OS === 'ios') {
-            if (this.fabricMap.current) {
-                return this.fabricMap.current.getCamera();
-            }
+        if (this.fabricMap.current) {
+            return this.fabricMap.current.getCamera();
         }
         return Promise.reject('getCamera not supported on this platform');
     }
@@ -119,6 +117,12 @@ class MapView extends React.Component {
             MapViewNativeComponent_1.Commands.animateToRegion(this.map.current, region, duration);
         }
     }
+    setRegion(region) {
+        if (this.fabricMap.current) {
+            this.fabricMap.current.animateToRegion(region, 0);
+        }
+        //TODO fix for android
+    }
     fitToElements(options = {}) {
         const { edgePadding = { top: 0, right: 0, bottom: 0, left: 0 }, animated = true, } = options;
         if (this.fabricMap.current) {
@@ -152,13 +156,8 @@ class MapView extends React.Component {
      * @return Promise Promise with the bounding box ({ northEast: <LatLng>, southWest: <LatLng> })
      */
     async getMapBoundaries() {
-        if (react_native_1.Platform.OS === 'android') {
-            return await react_native_1.NativeModules.AirMapModule.getMapBoundaries(this._getHandle());
-        }
-        else if (react_native_1.Platform.OS === 'ios') {
-            if (this.fabricMap.current) {
-                return this.fabricMap.current.getMapBoundaries();
-            }
+        if (this.fabricMap.current) {
+            return this.fabricMap.current.getMapBoundaries();
         }
         return Promise.reject('getMapBoundaries not supported on this platform');
     }
@@ -168,9 +167,10 @@ class MapView extends React.Component {
         }
     }
     setIndoorActiveLevelIndex(activeLevelIndex) {
-        if (this.map.current) {
-            MapViewNativeComponent_1.Commands.setIndoorActiveLevelIndex(this.map.current, activeLevelIndex);
+        if (this.fabricMap.current) {
+            return this.fabricMap.current.setIndoorActiveLevelIndex(activeLevelIndex);
         }
+        return Promise.reject('getMapBoundaries not supported on this platform');
     }
     /**
      * Takes a snapshot of the map and saves it to a picture
@@ -202,15 +202,9 @@ class MapView extends React.Component {
         if (config.result !== 'file' && config.result !== 'base64') {
             throw new Error('Invalid result specified');
         }
-        // Call native function
-        if (react_native_1.Platform.OS === 'android') {
-            return react_native_1.NativeModules.AirMapModule.takeSnapshot(this._getHandle(), config);
-        }
-        else if (react_native_1.Platform.OS === 'ios') {
-            if (this.fabricMap.current) {
-                // @ts-ignore
-                return this.fabricMap.current.takeSnapshot(config);
-            }
+        if (this.fabricMap.current) {
+            // @ts-ignore
+            return this.fabricMap.current.takeSnapshot(config);
         }
         return Promise.reject('takeSnapshot not supported on this platform');
     }
@@ -224,13 +218,8 @@ class MapView extends React.Component {
      * @return Promise with return type Address
      */
     addressForCoordinate(coordinate) {
-        if (react_native_1.Platform.OS === 'android') {
-            return react_native_1.NativeModules.AirMapModule.getAddressFromCoordinates(this._getHandle(), coordinate);
-        }
-        else if (react_native_1.Platform.OS === 'ios') {
-            if (this.fabricMap.current) {
-                return this.fabricMap.current.getAddressFromCoordinates(coordinate);
-            }
+        if (this.fabricMap.current) {
+            return this.fabricMap.current.getAddressFromCoordinates(coordinate);
         }
         return Promise.reject('getAddress not supported on this platform');
     }
@@ -244,13 +233,8 @@ class MapView extends React.Component {
      * @return Promise Promise with the point ({ x: Number, y: Number })
      */
     pointForCoordinate(coordinate) {
-        if (react_native_1.Platform.OS === 'android') {
-            return react_native_1.NativeModules.AirMapModule.pointForCoordinate(this._getHandle(), coordinate);
-        }
-        else if (react_native_1.Platform.OS === 'ios') {
-            if (this.fabricMap.current) {
-                return this.fabricMap.current.getPointForCoordinate(coordinate);
-            }
+        if (this.fabricMap.current) {
+            return this.fabricMap.current.getPointForCoordinate(coordinate);
         }
         return Promise.reject('pointForCoordinate not supported on this platform');
     }
@@ -264,13 +248,8 @@ class MapView extends React.Component {
      * @return Promise Promise with the coordinate ({ latitude: Number, longitude: Number })
      */
     coordinateForPoint(point) {
-        if (react_native_1.Platform.OS === 'android') {
-            return react_native_1.NativeModules.AirMapModule.coordinateForPoint(this._getHandle(), point);
-        }
-        else if (react_native_1.Platform.OS === 'ios') {
-            if (this.fabricMap.current) {
-                return this.fabricMap.current.getCoordinateForPoint(point);
-            }
+        if (this.fabricMap.current) {
+            return this.fabricMap.current.getCoordinateForPoint(point);
         }
         return Promise.reject('coordinateForPoint not supported on this platform');
     }
@@ -282,11 +261,9 @@ class MapView extends React.Component {
      * @return Promise Promise with { <identifier>: { point: Point, frame: Frame } }
      */
     getMarkersFrames(onlyVisible = false) {
-        if (react_native_1.Platform.OS === 'ios') {
-            if (this.fabricMap.current) {
-                // @ts-ignore
-                return this.fabricMap.current.getMarkersFrames(onlyVisible);
-            }
+        if (this.fabricMap.current) {
+            // @ts-ignore
+            return this.fabricMap.current.getMarkersFrames(onlyVisible);
         }
         return Promise.reject('getMarkersFrames not supported on this platform');
     }
@@ -327,6 +304,11 @@ class MapView extends React.Component {
             this.props.onMarkerSelect(event);
         }
     };
+    handleKmlReady = (event) => {
+        if (this.props.onKmlReady) {
+            this.props.onKmlReady(event);
+        }
+    };
     handleMarkerDeselect = (event) => {
         if (this.props.onMarkerDeselect) {
             this.props.onMarkerDeselect(event);
@@ -344,82 +326,89 @@ class MapView extends React.Component {
             this.props.onRegionChangeComplete(event.nativeEvent.region, details);
         }
     };
+    handleRegionChangeStarted = (event) => {
+        if (this.props.onRegionChangeStart) {
+            this.props.onRegionChangeStart(event);
+        }
+    };
+    handleIndoorBuildingFocused = (event) => {
+        if (this.props.onIndoorBuildingFocused) {
+            if (typeof event.nativeEvent.levels === 'string') {
+                event.nativeEvent.levels = JSON.parse(event.nativeEvent.levels);
+            }
+            this.props.onIndoorBuildingFocused(event);
+        }
+    };
+    handleIndoorLevelActivated = (event) => {
+        if (this.props.onIndoorLevelActivated) {
+            this.props.onIndoorLevelActivated(event);
+        }
+    };
+    handleRegionChangeComplete = (event) => {
+        const isGesture = event.nativeEvent.isGesture;
+        const details = { isGesture };
+        if (this.props.onRegionChangeComplete) {
+            this.props.onRegionChangeComplete(event.nativeEvent.region, details);
+        }
+    };
     render() {
-        if (react_native_1.Platform.OS === 'ios') {
-            // Define props specifically for MapFabricNativeProps
-            /* eslint-disable @typescript-eslint/no-unused-vars */
-            const { onCalloutPress, onIndoorBuildingFocused, onKmlReady, onLongPress, onMarkerDeselect, onMarkerPress, onMarkerSelect, onRegionChangeStart, onRegionChange, onRegionChangeComplete, onPress, minZoomLevel, maxZoomLevel, region, provider, ...restProps } = this.props;
-            /* eslint-enable @typescript-eslint/no-unused-vars */
-            const userInterfaceStyle = this.props.userInterfaceStyle || 'system';
-            const props = {
-                onMapReady: this._onMapReady,
-                liteMode: this.props.liteMode,
-                googleMapId: this.props.googleMapId,
-                googleRenderer: this.props.googleRenderer,
-                onPress: this.handleMapPress,
-                onMarkerPress: this.handleMarkerPress,
-                onMarkerSelect: this.handleMarkerSelect,
-                onMarkerDeselect: this.handleMarkerDeselect,
-                userInterfaceStyle: userInterfaceStyle,
-                minZoom: minZoomLevel,
-                maxZoom: maxZoomLevel,
-                onRegionChange: this.handleRegionChange,
-                ...restProps,
+        // Define props specifically for MapFabricNativeProps
+        /* eslint-disable @typescript-eslint/no-unused-vars */
+        const { onCalloutPress, onIndoorBuildingFocused, onKmlReady, onLongPress, onMarkerDeselect, onMarkerPress, onMarkerSelect, onRegionChangeStart, onRegionChange, onRegionChangeComplete, onPress, minZoomLevel, maxZoomLevel, region, provider, children, ...restProps } = this.props;
+        /* eslint-enable @typescript-eslint/no-unused-vars */
+        const userInterfaceStyle = this.props.userInterfaceStyle || 'system';
+        const props = {
+            onMapReady: this._onMapReady,
+            liteMode: this.props.liteMode,
+            googleMapId: this.props.googleMapId,
+            googleRenderer: this.props.googleRenderer,
+            onPress: this.handleMapPress,
+            onMarkerPress: this.handleMarkerPress,
+            onMarkerSelect: this.handleMarkerSelect,
+            onMarkerDeselect: this.handleMarkerDeselect,
+            onKmlReady: this.handleKmlReady,
+            userInterfaceStyle: userInterfaceStyle,
+            minZoom: minZoomLevel,
+            maxZoom: maxZoomLevel,
+            onRegionChange: this.handleRegionChange,
+            onRegionChangeStart: this.handleRegionChangeStarted,
+            onRegionChangeComplete: this.handleRegionChangeComplete,
+            onIndoorBuildingFocused: this.handleIndoorBuildingFocused,
+            // @ts-ignore
+            onIndoorLevelActivated: this.handleIndoorLevelActivated,
+            ...restProps,
+        };
+        if (this.props.region) {
+            props.region = {
+                latitude: this.props.region.latitude,
+                longitude: this.props.region.longitude,
+                latitudeDelta: this.props.region.latitudeDelta,
+                longitudeDelta: this.props.region.longitudeDelta,
             };
-            if (this.props.region) {
-                props.region = {
-                    latitude: this.props.region.latitude,
-                    longitude: this.props.region.longitude,
-                    latitudeDelta: this.props.region.latitudeDelta,
-                    longitudeDelta: this.props.region.longitudeDelta,
-                };
-            }
-            if (!this.state.isReady) {
-                props.style = this.props.style;
-                props.initialCamera = this.props.initialCamera;
-                props.onLayout = this.props.onLayout;
-            }
-            if (provider === 'google') {
-                return (<decorateMapComponent_1.ProviderContext.Provider value={this.props.provider}>
-            <FabricGoogleMap {...props} ref={this.fabricMap}/>
-          </decorateMapComponent_1.ProviderContext.Provider>);
-            }
-            else {
-                return (<decorateMapComponent_1.ProviderContext.Provider value={this.props.provider}>
-            <FabricMap {...props} ref={this.fabricMap}/>
-          </decorateMapComponent_1.ProviderContext.Provider>);
+        }
+        if (this.state.isReady) {
+            if (props.onPanDrag) {
+                props.handlePanDrag = !!props.onPanDrag;
             }
         }
         else {
-            const AIRMap = getNativeMapComponent(this.props.provider);
-            // Define props specifically for NativeProps
-            const props = {
-                region: null,
-                initialRegion: null,
-                onChange: this._onChange,
-                onMapReady: this._onMapReady,
-                liteMode: this.props.liteMode,
-                googleMapId: this.props.googleMapId,
-                googleRenderer: this.props.googleRenderer,
-                ref: this.map,
-                customMapStyleString: this.props.customMapStyle
-                    ? JSON.stringify(this.props.customMapStyle)
-                    : undefined,
-                ...this.props,
-            };
-            if (this.state.isReady) {
-                if (props.onPanDrag) {
-                    props.handlePanDrag = !!props.onPanDrag;
-                }
-            }
-            else {
-                props.style = this.props.style;
-                props.initialCamera = this.props.initialCamera;
-                props.onLayout = this.props.onLayout;
-            }
-            // Render AIRMap with NativeProps
+            props.style = this.props.style;
+            props.initialCamera = this.props.initialCamera;
+            props.onLayout = this.props.onLayout;
+        }
+        const childrenNodes = this.state.isReady ? children : null;
+        if (provider === 'google' && react_native_1.Platform.OS === 'ios') {
+            return (<decorateMapComponent_1.ProviderContext.Provider value={this.props.provider}>
+          <FabricGoogleMap {...props} ref={this.fabricMap}>
+            {childrenNodes}
+          </FabricGoogleMap>
+        </decorateMapComponent_1.ProviderContext.Provider>);
+        }
+        else {
             return (<decorateMapComponent_1.ProviderContext.Provider value={this.props.provider}>
-          <AIRMap {...props}/>
+          <FabricMap {...props} ref={this.fabricMap}>
+            {childrenNodes}
+          </FabricMap>
         </decorateMapComponent_1.ProviderContext.Provider>);
         }
     }
@@ -432,11 +421,8 @@ if (react_native_1.Platform.OS === 'android') {
     airMaps.google = airMaps.default;
 }
 else {
-    airMaps.google = decorateMapComponent_1.googleMapIsInstalled
-        ? (0, react_native_1.requireNativeComponent)('AIRGoogleMap')
-        : (0, decorateMapComponent_1.createNotSupportedComponent)('react-native-maps: AirGoogleMaps dir must be added to your xCode project to support GoogleMaps on iOS.');
+    airMaps.google = (0, decorateMapComponent_1.createNotSupportedComponent)('react-native-maps: AirGoogleMaps dir must be added to your xCode project to support GoogleMaps on iOS.');
 }
-const getNativeMapComponent = (provider) => airMaps[provider || 'default'];
 exports.AnimatedMapView = react_native_1.Animated.createAnimatedComponent(MapView);
 MapView.Animated = exports.AnimatedMapView;
 exports.default = MapView;

package/lib/MapView.types.d.ts

@@ -46,7 +46,7 @@ export type ActiveIndoorLevel = {
     shortName: string;
 };
 export type IndoorLevelActivatedEvent = NativeSyntheticEvent<{
-    IndoorLevel: ActiveIndoorLevel;
+    indoorLevel: ActiveIndoorLevel;
 }>;
 export type IndoorBuilding = {
     underground: boolean;

package/lib/createFabricMap.d.ts

@@ -18,6 +18,7 @@ export interface FabricMapHandle {
     getAddressFromCoordinates: (coordinate: LatLng) => Promise<Address>;
     getPointForCoordinate: (coordinate: LatLng) => Promise<Point>;
     getCoordinateForPoint: (point: Point) => Promise<LatLng>;
+    setIndoorActiveLevelIndex: (activeLevelIndex: number) => void;
 }
 declare const createFabricMap: (ViewComponent: React.ComponentType, Commands: any) => React.ForwardRefExoticComponent<MapFabricNativeProps & React.RefAttributes<FabricMapHandle>>;
 export default createFabricMap;

package/lib/createFabricMap.js

@@ -54,7 +54,7 @@ const createFabricMap = (ViewComponent, Commands) => {
                     return NativeAirMapsModule_1.default.getPointForCoordinate((0, react_native_1.findNodeHandle)(fabricRef.current) ?? -1, coordinate);
                 }
                 else {
-                    throw new Error('getPointForCoordinate is only supported on iOS with Fabric.');
+                    throw new Error('getPointForCoordinate is not supported on this platform.');
                 }
             },
             async getAddressFromCoordinates(coordinate) {
@@ -62,12 +62,12 @@ const createFabricMap = (ViewComponent, Commands) => {
                     return NativeAirMapsModule_1.default.getAddressFromCoordinates((0, react_native_1.findNodeHandle)(fabricRef.current) ?? -1, coordinate);
                 }
                 else {
-                    throw new Error('getAddressFromCoordinates is only supported on iOS with Fabric.');
+                    throw new Error('getAddressFromCoordinates is not supported on this platform');
                 }
             },
             async takeSnapshot(config) {
                 if (fabricRef.current) {
-                    return NativeAirMapsModule_1.default.takeSnapshot((0, react_native_1.findNodeHandle)(fabricRef.current) ?? -1, config);
+                    return NativeAirMapsModule_1.default.takeSnapshot((0, react_native_1.findNodeHandle)(fabricRef.current) ?? -1, JSON.stringify(config));
                 }
                 else {
                     throw new Error('takeSnapshot is only supported on iOS with Fabric.');
@@ -154,6 +154,19 @@ const createFabricMap = (ViewComponent, Commands) => {
                     throw new Error('fitToCoordinates is only supported on iOS with Fabric.');
                 }
             },
+            setIndoorActiveLevelIndex(activeLevelIndex) {
+                if (fabricRef.current) {
+                    try {
+                        Commands.setIndoorActiveLevelIndex(fabricRef.current, activeLevelIndex);
+                    }
+                    catch (error) {
+                        console.error('Failed to set camera:', error);
+                    }
+                }
+                else {
+                    console.warn('setIndoorActiveLevelIndex is not supported.');
+                }
+            },
             setCamera(camera) {
                 if (fabricRef.current) {
                     try {
@@ -164,7 +177,7 @@ const createFabricMap = (ViewComponent, Commands) => {
                     }
                 }
                 else {
-                    console.warn('setCamera is only supported on iOS with Fabric.');
+                    console.warn('setCamera is not supported');
                 }
             },
         }));

package/lib/decorateMapComponent.js

@@ -1,9 +1,18 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.googleMapIsInstalled = exports.createNotSupportedComponent = exports.getNativeMapName = exports.ProviderContext = exports.NOT_SUPPORTED = exports.USES_DEFAULT_IMPLEMENTATION = exports.SUPPORTED = void 0;
 const react_1 = require("react");
 const react_native_1 = require("react-native");
 const ProviderConstants_1 = require("./ProviderConstants");
+const NativeComponentGooglePolygon_1 = __importDefault(require("./specs/NativeComponentGooglePolygon"));
+const NativeComponentMarker_1 = __importDefault(require("./specs/NativeComponentMarker"));
+const NativeComponentCallout_1 = __importDefault(require("./specs/NativeComponentCallout"));
+const NativeComponentPolyline_1 = __importDefault(require("./specs/NativeComponentPolyline"));
+const NativeComponentCircle_1 = __importDefault(require("./specs/NativeComponentCircle"));
+const NativeComponentOverlay_1 = __importDefault(require("./specs/NativeComponentOverlay"));
 exports.SUPPORTED = 'SUPPORTED';
 exports.USES_DEFAULT_IMPLEMENTATION = 'USES_DEFAULT_IMPLEMENTATION';
 exports.NOT_SUPPORTED = 'NOT_SUPPORTED';
@@ -34,6 +43,37 @@ function decorateMapComponent(Component, componentName, providers) {
     Component.prototype.getNativeComponent =
         function getNativeComponent() {
             const provider = this.context;
+            if (componentName === 'Marker' &&
+                (react_native_1.Platform.OS !== 'ios' || provider !== ProviderConstants_1.PROVIDER_GOOGLE)) {
+                // @ts-ignore
+                return NativeComponentMarker_1.default;
+            }
+            if (componentName === 'Polygon' &&
+                ((provider === ProviderConstants_1.PROVIDER_GOOGLE &&
+                    react_native_1.Platform.OS === 'ios' &&
+                    exports.googleMapIsInstalled) ||
+                    react_native_1.Platform.OS === 'android')) {
+                // @ts-ignore
+                return NativeComponentGooglePolygon_1.default;
+            }
+            if (react_native_1.Platform.OS === 'android') {
+                if (componentName === 'Callout') {
+                    // @ts-ignore
+                    return NativeComponentCallout_1.default;
+                }
+                else if (componentName === 'Polyline') {
+                    // @ts-ignore
+                    return NativeComponentPolyline_1.default;
+                }
+                else if (componentName === 'Circle') {
+                    // @ts-ignore
+                    return NativeComponentCircle_1.default;
+                }
+                else if (componentName === 'Overlay') {
+                    // @ts-ignore
+                    return NativeComponentOverlay_1.default;
+                }
+            }
             const key = provider || 'default';
             if (components[key]) {
                 return components[key];

package/lib/fixImageProp.d.ts

@@ -0,0 +1,4 @@
+import { ImageSourcePropType } from 'react-native';
+export declare function fixImageProp(image: ImageSourcePropType): {
+    uri: string;
+} | ImageSourcePropType;

package/lib/fixImageProp.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fixImageProp = void 0;
+const react_native_1 = require("react-native");
+function fixImageProp(image) {
+    if (typeof image === 'string') {
+        return { uri: image };
+    }
+    if (typeof image === 'number') {
+        // Handle local image asset (require('./image.png'))
+        const resolvedImage = react_native_1.Image.resolveAssetSource(image);
+        return resolvedImage?.uri ? { uri: resolvedImage.uri } : image;
+    }
+    return image;
+}
+exports.fixImageProp = fixImageProp;

package/lib/specs/NativeAirMapsModule.d.ts

@@ -1,5 +1,5 @@
 import type { TurboModule } from 'react-native';
-import type { Double, UnsafeObject } from 'react-native/Libraries/Types/CodegenTypes';
+import type { Double } from 'react-native/Libraries/Types/CodegenTypes';
 import type { Camera } from './NativeComponentMapView';
 import { Address } from 'react-native-maps';
 type LatLng = {
@@ -22,7 +22,7 @@ export interface Spec extends TurboModule {
     getCamera(tag: Double): Promise<Camera>;
     getMarkersFrames(tag: Double, onlyVisible: boolean): Promise<unknown>;
     getMapBoundaries(tag: Double): Promise<MapBoundaries>;
-    takeSnapshot(tag: Double, config: UnsafeObject): Promise<string>;
+    takeSnapshot(tag: Double, config: string): Promise<string>;
     getAddressFromCoordinates(tag: Double, coordinate: LatLng): Promise<Address>;
     getPointForCoordinate(tag: Double, coordinate: LatLng): Promise<Point>;
     getCoordinateForPoint(tag: Double, point: Point): Promise<LatLng>;

package/lib/specs/NativeComponentCallout.d.ts

@@ -0,0 +1,46 @@
+import type { HostComponent, ViewProps } from 'react-native';
+import { Double, BubblingEventHandler } from 'react-native/Libraries/Types/CodegenTypes';
+export type LatLng = Readonly<{
+    latitude: Double;
+    longitude: Double;
+}>;
+export type CalloutPressEvent = BubblingEventHandler<Readonly<{
+    action?: string;
+    id: string;
+    coordinate: {
+        latitude: Double;
+        longitude: Double;
+    };
+    position?: {
+        x: Double;
+        y: Double;
+    };
+}>>;
+export interface CalloutFabricNativeProps extends ViewProps {
+    /**
+     * If `true`, clicks on transparent areas in callout will be passed to map.
+     *
+     * @default false
+     * @platform iOS: Supported
+     * @platform Android: Not supported
+     */
+    alphaHitTest?: boolean;
+    /**
+     * Callback that is called when the user presses on the callout
+     *
+     * @platform iOS: Apple Maps only
+     * @platform Android: Supported
+     */
+    onPress?: CalloutPressEvent;
+    /**
+     * If `false`, a default "tooltip" bubble window will be drawn around this callouts children.
+     * If `true`, the child views can fully customize their appearance, including any "bubble" like styles.
+     *
+     * @default false
+     * @platform iOS: Supported
+     * @platform Android: Supported
+     */
+    tooltip?: boolean;
+}
+declare const _default: HostComponent<CalloutFabricNativeProps>;
+export default _default;

package/lib/specs/NativeComponentCallout.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const codegenNativeComponent_1 = __importDefault(require("react-native/Libraries/Utilities/codegenNativeComponent"));
+exports.default = (0, codegenNativeComponent_1.default)('RNMapsCallout', {
+    excludedPlatforms: ['iOS'],
+});

package/lib/specs/NativeComponentCircle.d.ts

@@ -0,0 +1,74 @@
+import type { HostComponent, ViewProps, ColorValue } from 'react-native';
+import { Double, Float, BubblingEventHandler } from 'react-native/Libraries/Types/CodegenTypes';
+export type LatLng = Readonly<{
+    latitude: Double;
+    longitude: Double;
+}>;
+export type CirclePressEventHandler = BubblingEventHandler<Readonly<{
+    action?: string;
+    id: string;
+    coordinate: {
+        latitude: Double;
+        longitude: Double;
+    };
+    position?: {
+        x: Double;
+        y: Double;
+    };
+}>>;
+export interface CircleFabricNativeProps extends ViewProps {
+    /**
+     * The coordinates of the center of the circle.
+     *
+     * @platform iOS: Supported
+     * @platform Android: Supported
+     */
+    center: LatLng;
+    /**
+     * The stroke color to use for the path.
+     *
+     * @default `#000`, `rgba(r,g,b,0.5)`
+     * @platform iOS: Supported
+     * @platform Android: Supported
+     */
+    fillColor?: ColorValue;
+    /**
+     * The radius of the circle to be drawn (in meters)
+     *
+     * @platform iOS: Supported
+     * @platform Android: Supported
+     */
+    radius: Double;
+    /**
+     * The stroke color to use for the path.
+     *
+     * @default `#000`, `rgba(r,g,b,0.5)`
+     * @platform iOS: Supported
+     * @platform Android: Supported
+     */
+    strokeColor?: ColorValue;
+    /**
+     * Callback that is called when user taps on the map.
+     *
+     * @platform iOS: Supported
+     * @platform Android: Supported
+     */
+    onPress?: CirclePressEventHandler;
+    /**
+     * The stroke width to use for the path.
+     *
+     * @default 1
+     * @platform iOS: Supported
+     * @platform Android: Supported
+     */
+    strokeWidth?: Float;
+    /**
+     * Boolean to allow a polygon to be tappable and use the onPress function.
+     *
+     * @platform iOS: Google Maps only
+     * @platform Android: Supported
+     */
+    tappable?: boolean;
+}
+declare const _default: HostComponent<CircleFabricNativeProps>;
+export default _default;

package/lib/specs/NativeComponentCircle.js

@@ -0,0 +1,7 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const codegenNativeComponent_1 = __importDefault(require("react-native/Libraries/Utilities/codegenNativeComponent"));
+exports.default = (0, codegenNativeComponent_1.default)('RNMapsCircle', {});