react-native-maps 1.21.0-alpha.7 → 1.21.0-alpha.71

package/ios/generated/ReactAppDependencyProvider.podspec

@@ -0,0 +1,34 @@
+# Copyright (c) Meta Platforms, Inc. and affiliates.
+#
+# This source code is licensed under the MIT license found in the
+# LICENSE file in the root directory of this source tree.
+
+version = "0.77.1"
+source = { :git => 'https://github.com/facebook/react-native.git' }
+if version == '1000.0.0'
+  # This is an unpublished version, use the latest commit hash of the react-native repo, which we’re presumably in.
+  source[:commit] = `git rev-parse HEAD`.strip if system("git rev-parse --git-dir > /dev/null 2>&1")
+else
+  source[:tag] = "v#{version}"
+end
+
+Pod::Spec.new do |s|
+  s.name                   = "ReactAppDependencyProvider"
+  s.version                = version
+  s.summary                = "The third party dependency provider for the app"
+  s.homepage               = "https://reactnative.dev/"
+  s.documentation_url      = "https://reactnative.dev/"
+  s.license                = "MIT"
+  s.author                 = "Meta Platforms, Inc. and its affiliates"
+  s.platforms              = min_supported_versions
+  s.source                 = source
+  s.source_files           = "**/RCTAppDependencyProvider.{h,mm}"
+
+  # This guard prevent to install the dependencies when we run `pod install` in the old architecture.
+  s.pod_target_xcconfig    = {
+    "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard(),
+    "DEFINES_MODULE" => "YES"
+  }
+
+  s.dependency "ReactCodegen"
+end

package/lib/MapCallout.js

@@ -34,6 +34,7 @@ class MapCallout extends React.Component {
     render() {
         const { tooltip = false, alphaHitTest = false } = this.props;
         const AIRMapCallout = this.getNativeComponent();
+        console.log('renderCallout ' + AIRMapCallout);
         return (<AIRMapCallout {...this.props} tooltip={tooltip} alphaHitTest={alphaHitTest} style={[styles.callout, this.props.style]}/>);
     }
 }

package/lib/MapMarker.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { Animated, ViewProps, ImageURISource, ImageRequireSource } from 'react-native';
 import { MapManagerCommand, NativeComponent, ProviderContext, UIManagerCommand } from './decorateMapComponent';
 import { MapMarkerNativeComponentType } from './MapMarkerNativeComponent';
+import type { AppleMarkerPriority } from './specs/NativeComponentMarker';
 import { CalloutPressEvent, LatLng, MarkerDeselectEvent, MarkerDragEvent, MarkerDragStartEndEvent, MarkerPressEvent, MarkerSelectEvent, Point } from './sharedTypes';
 import { Modify } from './sharedTypesInternal';
 type AppleMarkerVisibility = 'hidden' | 'adaptive' | 'visible';
@@ -42,7 +43,7 @@ export type MapMarkerProps = ViewProps & {
      *
      * @default {x: 0.0, y: 0.0}
      * @platform iOS: Apple Maps only. For Google Maps, see the `calloutAnchor` prop
-     * @platform Android: Not supported. See see the `calloutAnchor` prop
+     * @platform Android: Not supported. see the `calloutAnchor` prop
      */
     calloutOffset?: Point;
     /**
@@ -54,7 +55,7 @@ export type MapMarkerProps = ViewProps & {
      *
      * @default {x: 0.0, y: 0.0}
      * @platform iOS: Apple Maps only. For Google Maps, see the `anchor` prop
-     * @platform Android: Not supported. See see the `anchor` prop
+     * @platform Android: Not supported. see the `anchor` prop
      */
     centerOffset?: Point;
     /**
@@ -261,6 +262,17 @@ export type MapMarkerProps = ViewProps & {
      * @platform Android: Supported
      */
     zIndex?: number;
+    /**
+     Constants that indicates the display priority for annotations.
+     @default required
+     @platform iOS: Apple Maps only.
+     @platform Android: Not supported
+  
+      Required: A constant indicating that the item is required.
+      High: A constant indicating that the item’s display priority is high.
+      Low: A constant indicating that the item’s display priority is Low.
+     */
+    displayPriority?: AppleMarkerPriority;
     /**
      * Visibility of the title text rendered beneath Marker balloon
      * @platform iOS: Apple Maps only
@@ -295,6 +307,7 @@ export declare class MapMarker extends React.Component<MapMarkerProps> {
     getUIManagerCommand: (name: string) => UIManagerCommand;
     static Animated: Animated.AnimatedComponent<typeof MapMarker>;
     private marker;
+    private fabricMarker?;
     constructor(props: MapMarkerProps);
     setNativeProps(props: Partial<NativeProps>): void;
     showCallout(): void;

package/lib/MapMarker.js

@@ -28,12 +28,15 @@ const React = __importStar(require("react"));
 const react_native_1 = require("react-native");
 const decorateMapComponent_1 = __importStar(require("./decorateMapComponent"));
 const MapMarkerNativeComponent_1 = require("./MapMarkerNativeComponent");
+const NativeComponentMarker_1 = require("./specs/NativeComponentMarker");
+const ProviderConstants_1 = require("./ProviderConstants");
 class MapMarker extends React.Component {
     getNativeComponent;
     getMapManagerCommand;
     getUIManagerCommand;
     static Animated;
     marker;
+    fabricMarker = undefined;
     constructor(props) {
         super(props);
         this.marker = React.createRef();
@@ -49,27 +52,59 @@ class MapMarker extends React.Component {
     }
     showCallout() {
         if (this.marker.current) {
-            MapMarkerNativeComponent_1.Commands.showCallout(this.marker.current);
+            if (this.fabricMarker) {
+                // @ts-ignore
+                NativeComponentMarker_1.Commands.showCallout(this.marker.current);
+            }
+            else {
+                MapMarkerNativeComponent_1.Commands.showCallout(this.marker.current);
+            }
         }
     }
     hideCallout() {
         if (this.marker.current) {
-            MapMarkerNativeComponent_1.Commands.hideCallout(this.marker.current);
+            if (this.fabricMarker) {
+                // @ts-ignore
+                NativeComponentMarker_1.Commands.hideCallout(this.marker.current);
+            }
+            else {
+                MapMarkerNativeComponent_1.Commands.hideCallout(this.marker.current);
+            }
         }
     }
     setCoordinates(coordinate) {
         if (this.marker.current) {
-            MapMarkerNativeComponent_1.Commands.setCoordinates(this.marker.current, coordinate);
+            if (this.fabricMarker) {
+                NativeComponentMarker_1.Commands.setCoordinates(
+                // @ts-ignore
+                this.marker.current, coordinate.latitude, coordinate.longitude);
+            }
+            else {
+                MapMarkerNativeComponent_1.Commands.setCoordinates(this.marker.current, coordinate);
+            }
         }
     }
     redrawCallout() {
         if (this.marker.current) {
-            MapMarkerNativeComponent_1.Commands.redrawCallout(this.marker.current);
+            if (this.fabricMarker) {
+                // @ts-ignore
+                NativeComponentMarker_1.Commands.redrawCallout(this.marker.current);
+            }
+            else {
+                MapMarkerNativeComponent_1.Commands.redrawCallout(this.marker.current);
+            }
         }
     }
     animateMarkerToCoordinate(coordinate, duration = 500) {
         if (this.marker.current) {
-            MapMarkerNativeComponent_1.Commands.animateMarkerToCoordinate(this.marker.current, coordinate, duration);
+            if (this.fabricMarker) {
+                NativeComponentMarker_1.Commands.animateToCoordinates(
+                // @ts-ignore
+                this.marker.current, coordinate.latitude, coordinate.longitude, duration);
+            }
+            else {
+                MapMarkerNativeComponent_1.Commands.animateMarkerToCoordinate(this.marker.current, coordinate, duration);
+            }
         }
     }
     redraw() {
@@ -79,10 +114,9 @@ class MapMarker extends React.Component {
     }
     render() {
         const { stopPropagation = false } = this.props;
-        let image;
-        if (this.props.image) {
-            image = react_native_1.Image.resolveAssetSource(this.props.image) || {};
-            image = image.uri || this.props.image;
+        if (this.fabricMarker === undefined) {
+            const provider = this.context;
+            this.fabricMarker = !(react_native_1.Platform.OS === 'ios' && provider !== ProviderConstants_1.PROVIDER_GOOGLE);
         }
         let icon;
         if (this.props.icon) {
@@ -90,6 +124,16 @@ class MapMarker extends React.Component {
             icon = icon.uri;
         }
         const AIRMapMarker = this.getNativeComponent();
+        let image;
+        if (this.props.image) {
+            if (this.fabricMarker) {
+                image = this.props.image;
+            }
+            else {
+                const resolvedImage = react_native_1.Image.resolveAssetSource(this.props.image) || {};
+                image = resolvedImage.uri || this.props.image;
+            }
+        }
         return (<AIRMapMarker {...this.props} ref={this.marker} image={image} icon={icon} style={[styles.marker, this.props.style]} onPress={event => {
                 if (stopPropagation) {
                     event.stopPropagation();

package/lib/MapMarkerNativeComponent.js

@@ -9,9 +9,7 @@ exports.Commands = (0, codegenNativeCommands_1.default)({
     supportedCommands: [
         'showCallout',
         'hideCallout',
-        'redrawCallout',
         'animateMarkerToCoordinate',
-        'redraw',
         'setCoordinates',
     ],
 });

package/lib/MapOverlay.js

@@ -35,14 +35,8 @@ class MapOverlay extends React.Component {
     render() {
         const { opacity = 1.0 } = this.props;
         let image;
-        if (typeof this.props.image !== 'number' &&
-            this.props.image.uri?.startsWith('http')) {
-            image = this.props.image.uri;
-        }
-        else {
-            const sourceAsset = react_native_1.Image.resolveAssetSource(this.props.image) || {};
-            image = sourceAsset.uri;
-        }
+        const resolvedImage = react_native_1.Image.resolveAssetSource(this.props.image) || {};
+        image = resolvedImage.uri || this.props.image;
         const AIRMapOverlay = this.getNativeComponent();
         return (<AIRMapOverlay {...this.props} opacity={opacity} image={image} style={[styles.overlay, this.props.style]}/>);
     }

package/lib/MapPolyline.d.ts

@@ -14,7 +14,7 @@ export type MapPolylineProps = ViewProps & {
      * The fill color to use for the path.
      *
      * @default `#000`, `rgba(r,g,b,0.5)`
-     * @platform iOS: Supported
+     * @platform iOS: Apple Maps only
      * @platform Android: Not supported
      */
     fillColor?: string;

package/lib/MapView.d.ts

@@ -426,7 +426,7 @@ export type MapViewProps = ViewProps & {
      * If `false` compass won't be displayed on the map.
      *
      * @default true
-     * @platform iOS: Supported
+     * @platform iOS: Supported (adaptive on Apple Maps, visible only if map is not pointing north)
      * @platform Android: Supported
      */
     showsCompass?: boolean;
@@ -454,32 +454,14 @@ export type MapViewProps = ViewProps & {
      * @platform Android: Supported
      */
     showsMyLocationButton?: boolean;
-    /**
-     * If `false` points of interest won't be displayed on the map.
-     * TODO: DEPRECATED? Doesn't seem to do anything
-     *
-     * @default true
-     * @platform iOS: Maybe Apple Maps?
-     * @platform Android: Not supported
-     */
-    showsPointsOfInterest?: boolean;
     /**
      * A Boolean indicating whether the map shows scale information.
      *
-     * @default true
+     * @default false
      * @platform iOS: Apple Maps only
      * @platform Android: Not supported
      */
     showsScale?: boolean;
-    /**
-     * A Boolean value indicating whether the map displays traffic information.
-     * TODO: Look into android support
-     *
-     * @default false
-     * @platform iOS: Supported
-     * @platform Android: Not supported?
-     */
-    showsTraffic?: boolean;
     /**
      * If `true` the users location will be displayed on the map.
      *
@@ -510,8 +492,8 @@ export type MapViewProps = ViewProps & {
      * Sets the map to the style selected.
      *
      * @default System setting
-     * @platform iOS: Apple Maps only (iOS >= 13.0)
-     * @platform Android: Not supported
+     * @platform iOS: Supported
+     * @platform Android: Supported
      */
     userInterfaceStyle?: 'light' | 'dark';
     /**
@@ -626,6 +608,7 @@ declare class MapView extends React.Component<MapViewProps, State> {
         duration?: number;
     }): void;
     animateToRegion(region: Region, duration?: number): void;
+    setRegion(region: Region): void;
     fitToElements(options?: FitToOptions): void;
     fitToSuppliedMarkers(markers: string[], options?: FitToOptions): void;
     fitToCoordinates(coordinates?: LatLng[], options?: FitToOptions): void;
@@ -709,6 +692,8 @@ declare class MapView extends React.Component<MapViewProps, State> {
     private handleMarkerSelect;
     private handleMarkerDeselect;
     private handleRegionChange;
+    private handleRegionChangeStarted;
+    private handleRegionChangeComplete;
     render(): React.JSX.Element;
 }
 export declare const AnimatedMapView: RNAnimated.AnimatedComponent<typeof MapView>;

package/lib/MapView.js

@@ -31,7 +31,14 @@ const React = __importStar(require("react"));
 const react_native_1 = require("react-native");
 const decorateMapComponent_1 = require("./decorateMapComponent");
 const MapViewNativeComponent_1 = require("./MapViewNativeComponent");
-const FabricMapView_1 = __importDefault(require("./FabricMapView"));
+const NativeComponentMapView_1 = __importStar(require("./specs/NativeComponentMapView"));
+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);
+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',
@@ -51,7 +58,7 @@ class MapView extends React.Component {
         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);
@@ -81,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');
     }
@@ -115,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) {
@@ -148,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');
     }
@@ -198,15 +201,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');
     }
@@ -278,11 +275,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');
     }
@@ -340,77 +335,72 @@ class MapView extends React.Component {
             this.props.onRegionChangeComplete(event.nativeEvent.region, details);
         }
     };
+    handleRegionChangeStarted = (event) => {
+        if (this.props.onRegionChangeStart) {
+            this.props.onRegionChangeStart(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') {
-            const AIRMap = FabricMapView_1.default;
-            // 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, ...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,
+            userInterfaceStyle: userInterfaceStyle,
+            minZoom: minZoomLevel,
+            maxZoom: maxZoomLevel,
+            onRegionChange: this.handleRegionChange,
+            onRegionChangeStart: this.handleRegionChangeStarted,
+            onRegionChangeComplete: this.handleRegionChangeComplete,
+            ...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 (this.state.isReady) {
+            if (props.onPanDrag) {
+                props.handlePanDrag = !!props.onPanDrag;
             }
-            // Render AIRMap with MapFabricNativeProps
+        }
+        else {
+            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}>
-          <AIRMap {...props} ref={this.fabricMap}/>
+          <FabricGoogleMap {...props} ref={this.fabricMap}>
+            {childrenNodes}
+          </FabricGoogleMap>
         </decorateMapComponent_1.ProviderContext.Provider>);
         }
         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
             return (<decorateMapComponent_1.ProviderContext.Provider value={this.props.provider}>
-          <AIRMap {...props}/>
+          <FabricMap {...props} ref={this.fabricMap}>
+            {childrenNodes}
+          </FabricMap>
         </decorateMapComponent_1.ProviderContext.Provider>);
         }
     }
@@ -427,7 +417,6 @@ else {
         ? (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.');
 }
-const getNativeMapComponent = (provider) => airMaps[provider || 'default'];
 exports.AnimatedMapView = react_native_1.Animated.createAnimatedComponent(MapView);
 MapView.Animated = exports.AnimatedMapView;
 exports.default = MapView;

package/lib/{FabricMapView.d.ts → createFabricMap.d.ts}

@@ -1,8 +1,9 @@
 import React from 'react';
-import type { MapBoundaries } from './specs/NativeAirMapsModule';
-import type { MapFabricNativeProps, Camera, Point } from './specs/NativeComponentMapView';
-import { LatLng, Provider, Region } from './sharedTypes';
-import { Address, EdgePadding, SnapshotOptions } from './MapView.types';
+import type { LatLng, Point, Region } from './sharedTypes';
+import type { Address, Camera, EdgePadding, SnapshotOptions } from './MapView.types';
+import { MapBoundaries } from './specs/NativeAirMapsModule';
+import { MapFabricNativeProps } from './specs/NativeComponentMapView';
+export type FabricMapViewProps = MapFabricNativeProps;
 export interface FabricMapHandle {
     getCamera: () => Promise<Camera>;
     setCamera: (camera: Partial<Camera>) => void;
@@ -18,10 +19,5 @@ export interface FabricMapHandle {
     getPointForCoordinate: (coordinate: LatLng) => Promise<Point>;
     getCoordinateForPoint: (point: Point) => Promise<LatLng>;
 }
-export type FabricMapViewProps = MapFabricNativeProps & {
-    provider?: Provider;
-};
-export declare const FabricMap: React.ForwardRefExoticComponent<MapFabricNativeProps & {
-    provider?: Provider;
-} & React.RefAttributes<FabricMapHandle>>;
-export default FabricMap;
+declare const createFabricMap: (ViewComponent: React.ComponentType, Commands: any) => React.ForwardRefExoticComponent<MapFabricNativeProps & React.RefAttributes<FabricMapHandle>>;
+export default createFabricMap;