react-native-maps 1.21.0-alpha.4 → 1.21.0-alpha.41

package/lib/specs/NativeComponentGoogleMapView.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Commands = void 0;
+const codegenNativeComponent_1 = __importDefault(require("react-native/Libraries/Utilities/codegenNativeComponent"));
+const codegenNativeCommands_1 = __importDefault(require("react-native/Libraries/Utilities/codegenNativeCommands"));
+exports.Commands = (0, codegenNativeCommands_1.default)({
+    supportedCommands: [
+        'animateToRegion',
+        'setCamera',
+        'animateCamera',
+        'fitToElements',
+        'fitToSuppliedMarkers',
+        'fitToCoordinates',
+    ],
+});
+exports.default = (0, codegenNativeComponent_1.default)('RNMapsGoogleMapView', {
+    excludedPlatforms: ['android'],
+});

package/lib/specs/NativeComponentGooglePolygon.d.ts

@@ -0,0 +1,75 @@
+import type { HostComponent, ViewProps, ColorValue } from 'react-native';
+import { Double, BubblingEventHandler } from 'react-native/Libraries/Types/CodegenTypes';
+export type LatLng = Readonly<{
+    latitude: Double;
+    longitude: Double;
+}>;
+export type PolygonPressEventHandler = BubblingEventHandler<Readonly<{
+    action?: string;
+    id: string;
+    coordinate: {
+        latitude: Double;
+        longitude: Double;
+    };
+    position?: {
+        x: Double;
+        y: Double;
+    };
+}>>;
+export interface PolygonFabricNativeProps extends ViewProps {
+    /**
+     * An array of coordinates to describe the polygon
+     *
+     * @platform iOS: Supported
+     * @platform Android: Supported
+     */
+    coordinates: ReadonlyArray<LatLng>;
+    /**
+     * The fill color to use for the path.
+     *
+     * @default `#000`, `rgba(r,g,b,0.5)`
+     * @platform iOS: Supported
+     * @platform Android: Supported
+     */
+    fillColor?: ColorValue;
+    /**
+     * The stroke color to use for the path.
+     *
+     * @default `#000`, `rgba(r,g,b,0.5)`
+     * @platform iOS: Supported
+     * @platform Android: Supported
+     */
+    strokeColor?: ColorValue;
+    /**
+     * Boolean to indicate whether to draw each segment of the line as a geodesic as opposed to straight lines on the Mercator projection.
+     * A geodesic is the shortest path between two points on the Earth's surface.
+     * The geodesic curve is constructed assuming the Earth is a sphere.
+     *
+     * @platform iOS: Google Maps only
+     * @platform Android: Supported
+     */
+    geodesic?: boolean;
+    /**
+     * A 2d array of coordinates to describe holes of the polygon where each hole has at least 3 points.
+     *
+     * @platform iOS: Supported
+     * @platform Android: Supported
+     */
+    holes?: ReadonlyArray<ReadonlyArray<LatLng>>;
+    /**
+     * Boolean to allow a polygon to be tappable and use the onPress function.
+     *
+     * @platform iOS: Google Maps only
+     * @platform Android: Supported
+     */
+    tappable?: boolean;
+    /**
+     * Callback that is called when user taps on the map.
+     *
+     * @platform iOS: Supported
+     * @platform Android: Supported
+     */
+    onPress?: PolygonPressEventHandler;
+}
+declare const _default: HostComponent<PolygonFabricNativeProps>;
+export default _default;

package/lib/specs/NativeComponentGooglePolygon.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)('RNMapsGooglePolygon', {
+    excludedPlatforms: ['android'],
+});

package/lib/specs/NativeComponentMapView.d.ts

@@ -270,7 +270,7 @@ export interface MapFabricNativeProps extends ViewProps {
      * If `true` map will be cached and displayed as an image instead of being interactable, for performance usage.
      *
      * @default false
-     * @platform iOS: Apple maps only
+     * @platform iOS: Apple Maps only
      * @platform Android: Supported
      */
     cacheEnabled?: boolean;
@@ -343,7 +343,7 @@ export interface MapFabricNativeProps extends ViewProps {
      */
     kmlSrc?: string;
     /**
-     * If set, changes the position of the "Legal" label link in Apple maps.
+     * If set, changes the position of the "Legal" label link in Apple Maps.
      *
      * @platform iOS: Apple Maps only
      * @platform Android: Not supported
@@ -423,7 +423,7 @@ export interface MapFabricNativeProps extends ViewProps {
      * @platform Android: Supported
      * @deprecated on Apple Maps, use `cameraZoomRange` instead
      */
-    maxZoomLevel?: Int32;
+    maxZoom?: Float;
     /**
      * TODO: Add documentation
      *
@@ -439,7 +439,7 @@ export interface MapFabricNativeProps extends ViewProps {
      * @platform Android: Supported
      * @deprecated on Apple Maps, use `cameraZoomRange` instead
      */
-    minZoomLevel?: Float;
+    minZoom?: Float;
     /**
      * If `false` the map won't move to the marker when pressed.
      *
@@ -447,7 +447,7 @@ export interface MapFabricNativeProps extends ViewProps {
      * @platform iOS: Not supported
      * @platform Android: Supported
      */
-    moveOnMarkerPress?: boolean;
+    moveOnMarkerPress?: WithDefault<boolean, true>;
     /**
      * Callback that is called when a callout is tapped by the user.
      *
@@ -560,6 +560,7 @@ export interface MapFabricNativeProps extends ViewProps {
      * @platform Android: Supported
      */
     onPanDrag?: PanDragEventHandler;
+    handlePanDrag?: boolean;
     /**
      * Callback that is called when user click on a POI.
      *
@@ -624,14 +625,7 @@ export interface MapFabricNativeProps extends ViewProps {
      * @platform iOS: Google Maps only
      * @platform Android: Supported
      */
-    pitchEnabled?: boolean;
-    /**
-     * The map framework to use.
-     * Either `"google"` for GoogleMaps, otherwise `undefined` to use the native map framework (`MapKit` in iOS and `GoogleMaps` in android).
-     *
-     * @platform iOS: Supported
-     * @platform Android: Supported
-     */
+    pitchEnabled?: WithDefault<boolean, true>;
     /**
      * The region to be displayed by the map.
      * The region is defined by the center coordinates and the span of coordinates to display.
@@ -647,7 +641,7 @@ export interface MapFabricNativeProps extends ViewProps {
      * @platform iOS: Google Maps only
      * @platform Android: Supported
      */
-    rotateEnabled?: boolean;
+    rotateEnabled?: WithDefault<boolean, true>;
     /**
      * If `false` the map will stay centered while rotating or zooming.
      *
@@ -655,7 +649,7 @@ export interface MapFabricNativeProps extends ViewProps {
      * @platform iOS: Google Maps only
      * @platform Android: Supported
      */
-    scrollDuringRotateOrZoomEnabled?: boolean;
+    scrollDuringRotateOrZoomEnabled?: WithDefault<boolean, true>;
     /**
      * If `false` the user won't be able to change the map region being displayed.
      *
@@ -663,7 +657,7 @@ export interface MapFabricNativeProps extends ViewProps {
      * @platform iOS: Supported
      * @platform Android: Supported
      */
-    scrollEnabled?: boolean;
+    scrollEnabled?: WithDefault<boolean, true>;
     /**
      * A Boolean indicating whether the map displays extruded building information.
      *
@@ -671,7 +665,7 @@ export interface MapFabricNativeProps extends ViewProps {
      * @platform iOS: Not supported
      * @platform Android: Supported
      */
-    showsBuildings?: boolean;
+    showsBuildings?: WithDefault<boolean, true>;
     /**
      * If `false` compass won't be displayed on the map.
      *
@@ -679,7 +673,7 @@ export interface MapFabricNativeProps extends ViewProps {
      * @platform iOS: Supported
      * @platform Android: Supported
      */
-    showsCompass?: boolean;
+    showsCompass?: WithDefault<boolean, true>;
     /**
      * A Boolean indicating whether indoor level picker should be enabled.
      *
@@ -695,7 +689,7 @@ export interface MapFabricNativeProps extends ViewProps {
      * @platform iOS: Google Maps only
      * @platform Android: Supported
      */
-    showsIndoors?: boolean;
+    showsIndoors?: WithDefault<boolean, true>;
     /**
      * If `false` hide the button to move map to the current user's location.
      *
@@ -703,33 +697,15 @@ export interface MapFabricNativeProps extends ViewProps {
      * @platform iOS: Google Maps only
      * @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;
+    showsMyLocationButton?: WithDefault<boolean, true>;
     /**
      * 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.
      *
@@ -755,7 +731,7 @@ export interface MapFabricNativeProps extends ViewProps {
      * @platform iOS: Not supported
      * @platform Android: Supported
      */
-    toolbarEnabled?: boolean;
+    toolbarEnabled?: WithDefault<boolean, true>;
     /**
      * Sets the map to the style selected.
      *
@@ -791,7 +767,7 @@ export interface MapFabricNativeProps extends ViewProps {
      * @platform iOS: Not supported
      * @platform Android: Supported
      */
-    userLocationFastestInterval?: Int32;
+    userLocationFastestInterval?: WithDefault<Int32, 5000>;
     /**
      * Set power priority of user location tracking.
      *
@@ -811,7 +787,7 @@ export interface MapFabricNativeProps extends ViewProps {
      * @platform iOS: Not supported
      * @platform Android: Supported
      */
-    userLocationUpdateInterval?: Int32;
+    userLocationUpdateInterval?: WithDefault<Int32, 5000>;
     /**
      * If `false` the zoom control at the bottom right of the map won't be visible.
      *
@@ -819,7 +795,7 @@ export interface MapFabricNativeProps extends ViewProps {
      * @platform iOS: Not supported
      * @platform Android: Supported
      */
-    zoomControlEnabled?: boolean;
+    zoomControlEnabled?: WithDefault<boolean, true>;
     /**
      * If `false` the user won't be able to pinch/zoom the map.
      *
@@ -829,7 +805,7 @@ export interface MapFabricNativeProps extends ViewProps {
      * @platform iOS: Supported
      * @platform Android: Supported
      */
-    zoomEnabled?: boolean;
+    zoomEnabled?: WithDefault<boolean, true>;
     /**
      * If `false` the user won't be able to double tap to zoom the map.
      * **Note:** But it will greatly decrease delay of tap gesture recognition.
@@ -838,7 +814,7 @@ export interface MapFabricNativeProps extends ViewProps {
      * @platform iOS: Google Maps only
      * @platform Android: Not supported
      */
-    zoomTapEnabled?: boolean;
+    zoomTapEnabled?: WithDefault<boolean, true>;
     /**
      * Map camera distance limits. `minCenterCoordinateDistance` for minimum distance, `maxCenterCoordinateDistance` for maximum.
      * `animated` for animated zoom changes.

package/lib/specs/NativeComponentMarker.d.ts

@@ -0,0 +1,258 @@
+/// <reference types="react" />
+import { HostComponent } from 'react-native';
+import type { ViewProps, ColorValue, ImageSourcePropType as ImageSource } from 'react-native';
+import { Int32, Double, BubblingEventHandler, DirectEventHandler, WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
+export type LatLng = Readonly<{
+    latitude: Double;
+    longitude: Double;
+}>;
+export type MarkerPressEventHandler = BubblingEventHandler<Readonly<{
+    action: string;
+    id?: string;
+    coordinate?: {
+        latitude: Double;
+        longitude: Double;
+    };
+    position?: {
+        x: Double;
+        y: Double;
+    };
+}>>;
+export type MarkerDragEventHandler = DirectEventHandler<Readonly<{
+    id?: string;
+    coordinate?: {
+        latitude: Double;
+        longitude: Double;
+    };
+}>>;
+export type CalloutPressEventHandler = BubblingEventHandler<Readonly<{
+    action: string;
+    id?: string;
+    frame?: {
+        x: Double;
+        y: Double;
+        width: Double;
+        height: Double;
+    };
+    point?: {
+        x: Double;
+        y: Double;
+    };
+}>>;
+type AppleMarkerVisibility = 'hidden' | 'adaptive' | 'visible';
+export type AppleMarkerPriority = 'required' | 'high' | 'low';
+export type Point = Readonly<{
+    x: Double;
+    y: Double;
+}>;
+export interface MarkerFabricNativeProps extends 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.
+     *
+     * The anchor point is specified in the continuous space [0.0, 1.0] x [0.0, 1.0],
+     * where (0, 0) is the top-left corner of the image, and (1, 1) is the bottom-right corner.
+     *
+     * The anchoring point in a W x H image is the nearest discrete grid point in a (W + 1) x (H + 1) grid, obtained by scaling the then rounding.
+     * For example, in a 4 x 2 image, the anchor point (0.7, 0.6) resolves to the grid point at (3, 1).
+     *
+     * @default {x: 0.5, y: 1.0}
+     * @platform iOS: Google Maps only. For Apple Maps, see the `centerOffset` prop
+     * @platform Android: Supported
+     */
+    anchor?: Point;
+    /**
+     * Specifies the point in the marker image at which to anchor the callout when it is displayed.
+     * This is specified in the same coordinate system as the anchor.
+     *
+     * See the `anchor` prop for more details.
+     *
+     * @default {x: 0.5, y: 0.0}
+     * @platform iOS: Google Maps only. For Apple Maps, see the `calloutOffset` prop
+     * @platform Android: Supported
+     */
+    calloutAnchor?: Point;
+    /**
+     * A custom image to be used as the marker's icon. Only local image resources are allowed to be used.
+     *
+     * @platform iOS: Supported
+     * @platform Android: Supported
+     */
+    image?: ImageSource | null;
+    /**
+     * The offset (in points) at which to place the callout bubble.
+     * When this property is set to (0, 0),
+     * the anchor point of the callout bubble is placed on the top-center point of the marker view’s frame.
+     *
+     * Specifying positive offset values moves the callout bubble down and to the right,
+     * while specifying negative values moves it up and to the left
+     *
+     * @default {x: 0.0, y: 0.0}
+     * @platform iOS: Apple Maps only. For Google Maps, see the `calloutAnchor` prop
+     * @platform Android: Not supported. See the `calloutAnchor` prop
+     */
+    calloutOffset?: Point;
+    /**
+       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?: WithDefault<AppleMarkerPriority, 'required'>;
+    /**
+     * The coordinate for the marker.
+     *
+     * @platform iOS: Supported
+     * @platform Android: Supported
+     */
+    coordinate: LatLng;
+    /**
+     * The description of the marker.
+     *
+     * This is only used if the <Marker /> component has no children that are a `<Callout />`,
+     * in which case the default callout behavior will be used,
+     * which will show both the `title` and the `description`, if provided.
+     *
+     * @platform iOS: Supported
+     * @platform Android: Supported
+     */
+    description?: string;
+    /**
+     * if `true` allows the marker to be draggable (re-positioned).
+     *
+     * @default false
+     * @platform iOS: Supported
+     * @platform Android: Supported
+     */
+    draggable?: boolean;
+    /**
+     * The title of the marker.
+     * This is only used if the <Marker /> component has no `<Callout />` children.
+     *
+     * If the marker has <Callout /> children, default callout behavior will be used,
+     * which will show both the `title` and the `description`, if provided.
+     *
+     * @platform iOS: Supported
+     * @platform Android: Supported
+     */
+    title?: string;
+    /**
+     * A string that can be used to identify this marker.
+     *
+     * @platform iOS: Supported
+     * @platform Android: Supported
+     */
+    identifier?: string;
+    /**
+     * When true, the marker will be pre-selected.
+     * Setting this to true allows the user to drag the marker without needing to tap on it first to focus it.
+     *
+     * @default false
+     * @platform iOS: Apple Maps only
+     * @platform Android: Not supported
+     */
+    isPreselected?: boolean;
+    /**
+     * Callback that is called when the user taps the callout view.
+     *
+     * @platform iOS: Apple Maps only
+     * @platform Android: Supported
+     */
+    onCalloutPress?: CalloutPressEventHandler;
+    /**
+     * Callback that is called when the marker is deselected, before the callout is hidden.
+     *
+     * @platform iOS: Apple Maps only
+     * @platform Android: Not supported
+     */
+    onDeselect?: MarkerPressEventHandler;
+    /**
+     * Callback called continuously as the marker is dragged
+     *
+     * @platform iOS: Apple Maps only
+     * @platform Android: Supported
+     */
+    onDrag?: MarkerDragEventHandler;
+    /**
+     * Callback that is called when a drag on the marker finishes.
+     * This is usually the point you will want to setState on the marker's coordinate again
+     *
+     * @platform iOS: Apple Maps only
+     * @platform Android: Supported
+     */
+    onDragEnd?: MarkerDragEventHandler;
+    /**
+     * Callback that is called when the user initiates a drag on the marker (if it is draggable)
+     *
+     * @platform iOS: Apple Maps only
+     * @platform Android: Supported
+     */
+    onDragStart?: MarkerDragEventHandler;
+    /**
+     * Callback that is called when the marker is tapped by the user.
+     *
+     * @platform iOS: Supported
+     * @platform Android: Supported
+     */
+    onPress?: MarkerPressEventHandler;
+    /**
+     * Callback that is called when the marker becomes selected.
+     * This will be called when the callout for that marker is about to be shown.
+     *
+     * @platform iOS: Supported.
+     * @platform Android: Supported
+     */
+    onSelect?: MarkerPressEventHandler;
+    /**
+     * The marker's opacity between 0.0 and 1.0.
+     *
+     * @default 1.0
+     * @platform iOS: Supported
+     * @platform Android: Supported
+     */
+    opacity?: WithDefault<Double, 1.0>;
+    /**
+     * If no custom marker view or custom image is provided, the platform default pin will be used, which can be customized by this color.
+     * Ignored if a custom marker is being used.<br/><br/>
+     * For Android, the set of available colors is limited. Unsupported colors will fall back to red.
+     * See [#887](https://github.com/react-community/react-native-maps/issues/887) for more information.
+     *
+     * @platform iOS: Supported
+     * @platform Android: Supported
+     */
+    pinColor?: ColorValue;
+    /**
+     * Visibility of the title text rendered beneath Marker balloon
+     * @platform iOS: Apple Maps only
+     * @platform Android: Not supported
+     */
+    titleVisibility?: WithDefault<AppleMarkerVisibility, 'visible'>;
+    /**
+     * Visibility of the subtitle text rendered beneath Marker balloon
+     * @platform iOS: Apple Maps only
+     * @platform Android: Not supported
+     */
+    subtitleVisibility?: WithDefault<AppleMarkerVisibility, 'adaptive'>;
+    /**
+     * Indicate type of default markers if it's true MKPinAnnotationView will be used and MKMarkerAnnotationView if it's false
+     * It doesn't change anything if you are using custom Markers
+     * @platform iOS: Apple Maps only
+     * @platform Android: Not supported
+     */
+    useLegacyPinView?: boolean;
+}
+export interface NativeCommands {
+    animateToCoordinates: (viewRef: React.ElementRef<React.ComponentType>, latitude: Double, longitude: Double, duration: Int32) => void;
+    setCoordinates: (viewRef: React.ElementRef<React.ComponentType>, latitude: Double, longitude: Double) => void;
+    showCallout: (viewRef: React.ElementRef<React.ComponentType>) => void;
+    hideCallout: (viewRef: React.ElementRef<React.ComponentType>) => void;
+    redrawCallout: (viewRef: React.ElementRef<React.ComponentType>) => void;
+    redraw: (viewRef: React.ElementRef<React.ComponentType>) => void;
+}
+export declare const Commands: NativeCommands;
+declare const _default: HostComponent<MarkerFabricNativeProps>;
+export default _default;

package/lib/specs/NativeComponentMarker.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Commands = void 0;
+const codegenNativeComponent_1 = __importDefault(require("react-native/Libraries/Utilities/codegenNativeComponent"));
+const codegenNativeCommands_1 = __importDefault(require("react-native/Libraries/Utilities/codegenNativeCommands"));
+exports.Commands = (0, codegenNativeCommands_1.default)({
+    supportedCommands: [
+        'setCoordinates',
+        'animateToCoordinates',
+        'showCallout',
+        'hideCallout',
+        'redrawCallout',
+        'redraw',
+    ],
+});
+exports.default = (0, codegenNativeComponent_1.default)('RNMapsMarker', {
+    excludedPlatforms: ['android'],
+});

package/package.json

@@ -5,7 +5,7 @@
   "main": "lib/index.js",
   "author": "Leland Richardson <leland.m.richardson@gmail.com>",
   "homepage": "https://github.com/react-native-maps/react-native-maps#readme",
-  "version": "1.21.0-alpha.4",
+  "version": "1.21.0-alpha.41",
   "license": "MIT",
   "scripts": {
     "lint": "eslint . --max-warnings 0",
@@ -64,12 +64,12 @@
     "@babel/core": "^7.25.2",
     "@babel/preset-env": "^7.25.3",
     "@babel/runtime": "^7.25.0",
-    "react-native": "^0.76.1",
+    "react-native": "^0.76.5",
     "react": "^18.3.1",
-    "@react-native/babel-preset": "0.76.1",
-    "@react-native/eslint-config": "0.76.1",
-    "@react-native/metro-config": "0.76.1",
-    "@react-native/typescript-config": "0.76.1",
+    "@react-native/babel-preset": "0.76.5",
+    "@react-native/eslint-config": "0.76.5",
+    "@react-native/metro-config": "0.76.5",
+    "@react-native/typescript-config": "0.76.5",
     "@types/react": "^18.2.6",
     "@types/react-test-renderer": "^18.0.0",
     "babel-jest": "^29.6.3",
@@ -93,7 +93,7 @@
   "codegenConfig": {
     "name": "RNMapsSpecs",
     "type": "all",
-    "jsSrcsDir": "./src/specs",
+    "jsSrcsDir": "./lib/specs",
     "android": {
       "javaPackageName": "com.rnmaps.fabric"
     }

package/react-native-maps.podspec

@@ -9,7 +9,7 @@ Pod::Spec.new do |s|
   s.authors      = package["author"]
   s.homepage     = package["homepage"]
   s.license      = package["license"]
-  s.platform     = :ios, "11.0"
+  s.platform     = :ios, "12.0"
 
   s.source       = { :git => "https://github.com/react-native-maps/react-native-maps.git", :tag=> "v#{s.version}" }
   s.source_files  = "ios/AirMaps/**/*.{h,m,mm,swift}"