react-native-maps 1.21.0-alpha.10 → 1.21.0-alpha.100

package/lib/specs/NativeComponentMarker.js

@@ -0,0 +1,19 @@
+"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', {});

package/lib/specs/NativeComponentOverlay.d.ts

@@ -0,0 +1,67 @@
+import { Double, Float, BubblingEventHandler, WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
+import type { ViewProps, HostComponent, ImageSourcePropType as ImageSource } from 'react-native';
+export type LatLng = Readonly<{
+    latitude: Double;
+    longitude: Double;
+}>;
+export type OverlayPressEventHandler = BubblingEventHandler<Readonly<{
+    action?: string;
+    id: string;
+    coordinate: {
+        latitude: Double;
+        longitude: Double;
+    };
+    position?: {
+        x: Double;
+        y: Double;
+    };
+}>>;
+export interface OverlayFabricNativeProps extends ViewProps {
+    /**
+     * The bearing in degrees clockwise from north. Values outside the range [0, 360) will be normalized.
+     *
+     * @default 0
+     * @platform iOS: Google Maps only
+     * @platform Android: Supported
+     */
+    bearing?: Float;
+    /**
+     * The coordinates for the image (left-top corner, right-bottom corner). ie.```[[lat, long], [lat, long]]```
+     *
+     * @platform iOS: Supported
+     * @platform Android: Supported
+     */
+    bounds: ReadonlyArray<LatLng>;
+    /**
+     * A custom image to be used as the overlay.
+     * Only required local image resources and uri (as for images located in the net) are allowed to be used.
+     *
+     * @platform iOS: Supported
+     * @platform Android: Supported
+     */
+    image?: ImageSource | null;
+    /**
+     * Callback that is called when user taps on the map.
+     *
+     * @platform iOS: Supported
+     * @platform Android: Supported
+     */
+    onPress?: OverlayPressEventHandler;
+    /**
+     * The overlay's opacity between 0.0 and 1.0.
+     *
+     * @default 1.0
+     * @platform iOS: Supported
+     * @platform Android: Supported
+     */
+    opacity?: WithDefault<Float, 1.0>;
+    /**
+     * 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<OverlayFabricNativeProps>;
+export default _default;

package/lib/specs/NativeComponentOverlay.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)('RNMapsOverlay', {});

package/lib/specs/NativeComponentPolyline.d.ts

@@ -0,0 +1,101 @@
+import type { HostComponent, ViewProps, ColorValue } from 'react-native';
+import { Double, Float, BubblingEventHandler, WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
+export type LatLng = Readonly<{
+    latitude: Double;
+    longitude: Double;
+}>;
+export type PolylinePressEventHandler = BubblingEventHandler<Readonly<{
+    action?: string;
+    id: string;
+    coordinate: {
+        latitude: Double;
+        longitude: Double;
+    };
+    position?: {
+        x: Double;
+        y: Double;
+    };
+}>>;
+export interface PolylineFabricNativeProps extends ViewProps {
+    /**
+     * An array of coordinates to describe the polygon
+     *
+     * @platform iOS: Supported
+     * @platform Android: Supported
+     */
+    coordinates: ReadonlyArray<LatLng>;
+    /**
+     * 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;
+    /**
+     * The line cap style to apply to the open ends of the path
+     *
+     * @default `round`
+     * @platform iOS: Apple Maps only
+     * @platform Android: supported
+     * */
+    lineCap?: WithDefault<'butt' | 'round' | 'square', 'butt'>;
+    /**
+     * An array of numbers specifying the dash pattern to use for the path.
+     * The array contains one or more numbers that indicate the lengths (measured in points)
+     * of the line segments and gaps in the pattern.
+     * The values in the array alternate, starting with the first line segment length,
+     * followed by the first gap length, followed by the second line segment length, and so on.
+     *
+     * @platform iOS: Apple Maps only
+     * @platform Android: supported
+     */
+    lineDashPattern?: ReadonlyArray<Double>;
+    /**
+     * The line join style to apply to corners of the path.
+     *
+     * @platform iOS: Apple Maps only
+     * @platform Android: supported
+     */
+    lineJoin?: WithDefault<'miter' | 'round' | 'bevel', 'miter'>;
+    /**
+     * Callback that is called when user taps on the map.
+     *
+     * @platform iOS: Supported
+     * @platform Android: Supported
+     */
+    onPress?: PolylinePressEventHandler;
+    /**
+     * The stroke color to use for the path.
+     *
+     * @default `#000`, `rgba(r,g,b,0.5)`
+     * @platform iOS: Supported
+     * @platform Android: Supported
+     */
+    strokeColor?: ColorValue;
+    /**
+     * The stroke colors to use for the path.
+     * @default `#000`, `rgba(r,g,b,0.5)`
+     * @platform iOS: Supported
+     * @platform Android: Supported
+     */
+    strokeColors?: ReadonlyArray<ColorValue>;
+    /**
+     * 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<PolylineFabricNativeProps>;
+export default _default;

package/lib/specs/NativeComponentPolyline.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)('RNMapsPolyline', {});

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.10",
+  "version": "1.21.0-alpha.100",
   "license": "MIT",
   "scripts": {
     "lint": "eslint . --max-warnings 0",
@@ -17,9 +17,11 @@
     "release": "semantic-release",
     "bundle-install": "cd example && bundle install",
     "pod-install": "cd example/ios && bundle exec pod install",
-    "bootstrap": "yarn --cwd example && yarn && yarn bundle-install && yarn pod-install"
+    "bootstrap": "yarn --cwd example && yarn && yarn bundle-install && yarn pod-install",
+    "prepack": "node updateCodegenConfig.js"
   },
   "files": [
+    "specs",
     "lib",
     "android",
     "ios",
@@ -44,8 +46,8 @@
     "mapkit"
   ],
   "peerDependencies": {
-    "react": ">= 17.0.1",
-    "react-native": ">= 0.64.3",
+    "react": ">= 19.0.0",
+    "react-native": ">= 0.78.0",
     "react-native-web": ">= 0.11"
   },
   "peerDependenciesMeta": {
@@ -54,30 +56,30 @@
     }
   },
   "devDependencies": {
+    "@babel/core": "^7.26.9",
+    "@babel/preset-env": "^7.26.9",
+    "@babel/runtime": "^7.26.9",
     "@commitlint/cli": "17.6.1",
     "@commitlint/config-conventional": "17.6.1",
+    "@react-native-community/cli": "15.1.3",
+    "@react-native/babel-preset": "0.78.0",
+    "@react-native/eslint-config": "0.78.0",
+    "@react-native/metro-config": "0.78.0",
+    "@react-native/typescript-config": "0.78.0",
     "@semantic-release/changelog": "6.0.3",
     "@semantic-release/git": "10.0.1",
-    "semantic-release": "24.2.0",
-    "husky": "8.0.3",
-    "@types/react-native": "0.72.8",
-    "@babel/core": "^7.25.2",
-    "@babel/preset-env": "^7.25.3",
-    "@babel/runtime": "^7.25.0",
-    "react-native": "^0.76.5",
-    "react": "^18.3.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",
+    "@types/jest": "29.5.14",
+    "@types/react": "^19.0.10",
+    "@types/react-native": "0.73.0",
+    "@types/react-test-renderer": "^19.0.0",
     "eslint": "^8.19.0",
-    "@types/jest": "29.5.1",
+    "husky": "8.0.3",
     "jest": "^29.6.3",
     "prettier": "2.8.8",
-    "react-test-renderer": "18.3.1",
+    "react": "^19.0.0",
+    "react-native": "^0.78.0",
+    "react-test-renderer": "19.0.0",
+    "semantic-release": "24.2.0",
     "typescript": "5.0.4"
   },
   "dependencies": {
@@ -93,7 +95,7 @@
   "codegenConfig": {
     "name": "RNMapsSpecs",
     "type": "all",
-    "jsSrcsDir": "./src/specs",
+    "jsSrcsDir": "./specs",
     "android": {
       "javaPackageName": "com.rnmaps.fabric"
     }

package/react-native-maps.podspec

@@ -1,22 +1,67 @@
 require 'json'
-
 package = JSON.parse(File.read(File.join(__dir__, 'package.json')))
 
+folly_config = get_folly_config()
+folly_compiler_flags = folly_config[:compiler_flags]
+
 Pod::Spec.new do |s|
-  s.name         = "react-native-maps"
-  s.version      = package['version']
-  s.summary      = package["description"]
-  s.authors      = package["author"]
-  s.homepage     = package["homepage"]
-  s.license      = package["license"]
-  s.platform     = :ios, "11.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}"
-  s.resource_bundles = {
-      'ReactNativeMapsPrivacy' => ['ios/PrivacyInfo.xcprivacy']
-  }
-  s.dependency 'React-Core'
+  s.name = "react-native-maps"
+  s.version = package['version']
+  s.summary = package["description"]
+  s.authors = package["author"]
+  s.homepage = package["homepage"]
+  s.license = package["license"]
+  s.platform = :ios, "13.0"
+  s.source = { :git => "https://github.com/react-native-maps/react-native-maps.git", :tag=> "v#{s.version}" }
+
+  # Define the default base subspec
+  s.default_subspec = 'base'
+
+  # Base subspec for standard maps
+  s.subspec 'base' do |sp|
+    sp.source_files = "ios/AirMaps/**/*.{h,m,mm,swift}"
+    sp.dependency "React-Core"
+    sp.dependency "react-native-maps/generated"
+    sp.compiler_flags = folly_compiler_flags
+    install_modules_dependencies(sp)
+  end
 
-  install_modules_dependencies(s)
+  # Separate subspec for Google Maps support
+  s.subspec 'google-maps' do |sp|
+    sp.platform = :ios, "15.0"
+    sp.source_files = "ios/AirGoogleMaps/**/*.{h,m,mm,swift}"
+    sp.resource_bundles = {
+      'GoogleMapsPrivacy' => ['ios/AirGoogleMaps/Resources/GoogleMapsPrivacy.bundle']
+    }
+    sp.compiler_flags = folly_compiler_flags + ' -DHAVE_GOOGLE_MAPS=1 -DHAVE_GOOGLE_MAPS_UTILS=1'
+    sp.dependency "react-native-maps/generated"
+    sp.dependency 'GoogleMaps', '9.3.0'
+    sp.dependency 'Google-Maps-iOS-Utils', '6.1.0'
+    install_modules_dependencies(sp)
+  end
+
+  # Generated podspec as a subspec
+  s.subspec 'generated' do |sp|
+    sp.source_files = 'ios/generated/**/*.{h,m,mm,cpp}'
+    sp.exclude_files = [
+      'ios/generated/**/RCTAppDependencyProvider.{h,mm}',
+      'ios/generated/**/RCTThirdPartyComponentsProvider.{h,mm}',
+      'ios/generated/**/RCTModulesConformingToProtocolsProvider.{h,mm}'
+    ]
+
+
+    sp.public_header_files = [
+        'ios/generated/react-native-maps-generated-umbrella.h',
+        'ios/generated/RNMapsSpecs/ComponentDescriptors.h',
+        'ios/generated/RNMapsSpecs/EventEmitters.h',
+        'ios/generated/RNMapsSpecs/Props.h',
+        'ios/generated/RNMapsSpecs/RCTComponentViewHelpers.h',
+        'ios/generated/RNMapsSpecs/RNMapsSpecs.h'
+    ]
+    sp.header_mappings_dir = 'ios/generated'
+    sp.resource_bundles = {
+      'ReactNativeMapsPrivacy' => ['ios/PrivacyInfo.xcprivacy']
+    }
+    install_modules_dependencies(sp)
+  end
 end

package/specs/NativeAirMapsModule.ts

@@ -0,0 +1,36 @@
+import type {TurboModule} from 'react-native';
+import {TurboModuleRegistry} from 'react-native';
+import type {Double} from 'react-native/Libraries/Types/CodegenTypes';
+import type {Camera} from './NativeComponentMapView';
+import {Address} from 'react-native-maps';
+
+type LatLng = {
+  latitude: Double;
+  longitude: Double;
+};
+
+type Point = Readonly<{
+  x: Double; // Non-nullable Double for x
+  y: Double; // Non-nullable Double for y
+}>;
+
+export type Region = Readonly<
+  LatLng & {
+    latitudeDelta: Double; // Non-nullable Double for latitudeDelta
+    longitudeDelta: Double; // Non-nullable Double for longitudeDelta
+  }
+>;
+
+export type MapBoundaries = {northEast: LatLng; southWest: LatLng};
+
+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: string): Promise<string>;
+  getAddressFromCoordinates(tag: Double, coordinate: LatLng): Promise<Address>;
+  getPointForCoordinate(tag: Double, coordinate: LatLng): Promise<Point>;
+  getCoordinateForPoint(tag: Double, point: Point): Promise<LatLng>;
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('RNMapsAirModule');

package/specs/NativeComponentCallout.ts

@@ -0,0 +1,63 @@
+import type {HostComponent, ViewProps} from 'react-native';
+
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import {
+  Double,
+  BubblingEventHandler,
+} from 'react-native/Libraries/Types/CodegenTypes';
+
+export type LatLng = Readonly<{
+  latitude: Double; // Non-nullable Double for latitude
+  longitude: Double; // Non-nullable Double for longitude
+}>;
+
+export type CalloutPressEvent = BubblingEventHandler<
+  Readonly<{
+    action?: string;
+    id: string;
+    coordinate: {
+      latitude: Double; // Inlined LatLng
+      longitude: Double;
+    };
+    position?: {
+      x: Double; // Inlined Point
+      y: Double;
+    }; // Optional position for Android
+  }>
+>;
+
+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;
+}
+
+export default codegenNativeComponent<CalloutFabricNativeProps>(
+  'RNMapsCallout',
+  {
+    excludedPlatforms: ['iOS'],
+  },
+) as HostComponent<CalloutFabricNativeProps>;

package/specs/NativeComponentCircle.ts

@@ -0,0 +1,94 @@
+import type {HostComponent, ViewProps, ColorValue} from 'react-native';
+
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import {
+  Double,
+  Float,
+  BubblingEventHandler,
+} from 'react-native/Libraries/Types/CodegenTypes';
+
+export type LatLng = Readonly<{
+  latitude: Double; // Non-nullable Double for latitude
+  longitude: Double; // Non-nullable Double for longitude
+}>;
+
+export type CirclePressEventHandler = BubblingEventHandler<
+  Readonly<{
+    action?: string;
+    id: string;
+    coordinate: {
+      latitude: Double; // Inlined LatLng
+      longitude: Double;
+    };
+    position?: {
+      x: Double; // Inlined Point
+      y: Double;
+    }; // Optional position for Android
+  }>
+>;
+
+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;
+}
+
+export default codegenNativeComponent<CircleFabricNativeProps>(
+  'RNMapsCircle',
+  {},
+) as HostComponent<CircleFabricNativeProps>;