react-native-maps 1.28.2 → 1.29.0

package/android/src/main/jni/react/renderer/components/RNMapsSpecs/ShadowNodes.h

@@ -51,6 +51,17 @@ using RNMapsGoogleMapViewShadowNode = ConcreteViewShadowNode<
     RNMapsGoogleMapViewEventEmitter,
     RNMapsGoogleMapViewState>;
 
+JSI_EXPORT extern const char RNMapsGoogleMarkerComponentName[];
+
+/*
+ * `ShadowNode` for <RNMapsGoogleMarker> component.
+ */
+using RNMapsGoogleMarkerShadowNode = ConcreteViewShadowNode<
+    RNMapsGoogleMarkerComponentName,
+    RNMapsGoogleMarkerProps,
+    RNMapsGoogleMarkerEventEmitter,
+    RNMapsGoogleMarkerState>;
+
 JSI_EXPORT extern const char RNMapsGooglePolygonComponentName[];
 
 /*
@@ -95,6 +106,17 @@ using RNMapsOverlayShadowNode = ConcreteViewShadowNode<
     RNMapsOverlayEventEmitter,
     RNMapsOverlayState>;
 
+JSI_EXPORT extern const char RNMapsPolygonComponentName[];
+
+/*
+ * `ShadowNode` for <RNMapsPolygon> component.
+ */
+using RNMapsPolygonShadowNode = ConcreteViewShadowNode<
+    RNMapsPolygonComponentName,
+    RNMapsPolygonProps,
+    RNMapsPolygonEventEmitter,
+    RNMapsPolygonState>;
+
 JSI_EXPORT extern const char RNMapsPolylineComponentName[];
 
 /*

package/android/src/main/jni/react/renderer/components/RNMapsSpecs/States.h

@@ -21,6 +21,8 @@ using RNMapsCircleState = StateData;
 
 using RNMapsGoogleMapViewState = StateData;
 
+using RNMapsGoogleMarkerState = StateData;
+
 using RNMapsGooglePolygonState = StateData;
 
 using RNMapsMapViewState = StateData;
@@ -29,6 +31,8 @@ using RNMapsMarkerState = StateData;
 
 using RNMapsOverlayState = StateData;
 
+using RNMapsPolygonState = StateData;
+
 using RNMapsPolylineState = StateData;
 
 using RNMapsUrlTileState = StateData;

package/dist/src/specs/NativeComponentGoogleMarker.d.ts

@@ -0,0 +1,250 @@
+import type { HostComponent } from 'react-native';
+import type { ViewProps, ColorValue, ImageSourcePropType as ImageSource } from 'react-native';
+import type { Int32, Double, Float, 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;
+    };
+    position?: {
+        x: Double;
+        y: Double;
+    };
+}>>;
+export type MarkerSelectEventHandler = DirectEventHandler<Readonly<{
+    action?: string;
+    id?: string;
+    coordinate?: {
+        latitude: Double;
+        longitude: Double;
+    };
+    position?: {
+        x: Double;
+        y: Double;
+    };
+}>>;
+export type CalloutPressEventHandler = BubblingEventHandler<Readonly<{
+    action: string;
+    id?: string;
+    frame?: {
+        x: Double;
+        y: Double;
+        width: Double;
+        height: Double;
+    };
+    point?: {
+        x: Double;
+        y: Double;
+    };
+}>>;
+export type Point = Readonly<{
+    x: Double;
+    y: Double;
+}>;
+export interface GoogleMarkerFabricNativeProps 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.
+     *
+     * @default {x: 0.5, y: 1.0}
+     * @platform iOS: Google Maps only
+     * @platform Android: Supported
+     */
+    anchor?: Point;
+    /**
+     * Specifies the point in the marker image at which to anchor the callout when
+     * it is displayed.
+     *
+     * @default {x: 0.5, y: 0.0}
+     * @platform iOS: Google Maps only
+     * @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;
+    /**
+     * A custom image to be used as the marker's icon (Google Maps icon source).
+     *
+     * @platform iOS: Google Maps only
+     * @platform Android: Supported
+     */
+    icon?: ImageSource | null;
+    /**
+     * The coordinate for the marker.
+     *
+     * @platform iOS: Supported
+     * @platform Android: Supported
+     */
+    coordinate: LatLng;
+    /**
+     * The description of the marker, shown in the default callout.
+     *
+     * @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, shown in the default callout.
+     *
+     * @platform iOS: Supported
+     * @platform Android: Supported
+     */
+    title?: string;
+    /**
+     * Sets whether this marker should track view changes.
+     * Turn it off whenever possible to improve custom marker performance.
+     *
+     * @default true
+     * @platform iOS: Google Maps only
+     * @platform Android: Supported
+     */
+    tracksViewChanges?: WithDefault<boolean, true>;
+    /**
+     * Sets whether this marker's info window should track view changes.
+     *
+     * @default false
+     * @platform iOS: Google Maps only
+     * @platform Android: Not supported
+     */
+    tracksInfoWindowChanges?: WithDefault<boolean, false>;
+    /**
+     * Sets whether this marker should be flat against the map (true) or a
+     * billboard facing the camera (false).
+     *
+     * @default false
+     * @platform iOS: Google Maps only
+     * @platform Android: Supported
+     */
+    flat?: WithDefault<boolean, false>;
+    /**
+     * The rotation of the marker in degrees clockwise from the default position.
+     *
+     * @default 0
+     * @platform iOS: Google Maps only
+     * @platform Android: Supported
+     */
+    rotation?: WithDefault<Float, 0>;
+    /**
+     * A string that can be used to identify this marker.
+     *
+     * @platform iOS: Supported
+     * @platform Android: Supported
+     */
+    identifier?: string;
+    /**
+     * Whether the marker is tappable.
+     *
+     * @default true
+     * @platform iOS: Google Maps only
+     * @platform Android: Supported
+     */
+    tappable?: WithDefault<boolean, true>;
+    /**
+     * Callback that is called when the user taps the callout view.
+     *
+     * @platform iOS: Google Maps only
+     * @platform Android: Supported
+     */
+    onCalloutPress?: CalloutPressEventHandler;
+    /**
+     * Callback called continuously as the marker is dragged.
+     *
+     * @platform iOS: Google Maps only
+     * @platform Android: Supported
+     */
+    onDrag?: MarkerDragEventHandler;
+    /**
+     * Callback that is called when a drag on the marker finishes.
+     *
+     * @platform iOS: Google Maps only
+     * @platform Android: Supported
+     */
+    onDragEnd?: MarkerDragEventHandler;
+    /**
+     * Callback that is called when the user initiates a drag on the marker.
+     *
+     * @platform iOS: Google 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.
+     *
+     * @platform iOS: Google Maps only
+     * @platform Android: Supported
+     */
+    onSelect?: MarkerSelectEventHandler;
+    /**
+     * Callback that is called when the marker is deselected.
+     *
+     * @platform iOS: Google Maps only
+     * @platform Android: Supported
+     */
+    onDeselect?: MarkerSelectEventHandler;
+    /**
+     * 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.
+     *
+     * @platform iOS: Supported
+     * @platform Android: Supported
+     */
+    pinColor?: ColorValue;
+}
+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<GoogleMarkerFabricNativeProps>;
+export default _default;

package/dist/src/specs/NativeComponentPolygon.d.ts

@@ -0,0 +1,108 @@
+import type { HostComponent, ViewProps, ColorValue } from 'react-native';
+import type { Double, BubblingEventHandler, Float, WithDefault } 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;
+    };
+}>>;
+type LineCapType = 'butt' | 'round' | 'square';
+type LineJoinType = 'miter' | 'round' | 'bevel';
+export interface ApplePolygonFabricNativeProps 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;
+    /**
+     * The stroke width to use for the path.
+     *
+     * @default 1
+     * @platform iOS: Supported
+     * @platform Android: Supported
+     */
+    strokeWidth?: WithDefault<Float, 1.0>;
+    /**
+     * 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>>;
+    /**
+     * The line cap style to use for the open ends of the stroke path.
+     *
+     * @default round
+     * @platform iOS: Apple Maps only
+     * @platform Android: Not supported
+     */
+    lineCap?: WithDefault<LineCapType, 'round'>;
+    /**
+     * The line join style to use for the corners of the stroke path.
+     *
+     * @default round
+     * @platform iOS: Apple Maps only
+     * @platform Android: Not supported
+     */
+    lineJoin?: WithDefault<LineJoinType, 'round'>;
+    /**
+     * The limiting value that helps avoid spikes at junctions between connected
+     * line segments.
+     *
+     * @platform iOS: Apple Maps only
+     * @platform Android: Not supported
+     */
+    miterLimit?: WithDefault<Float, 10.0>;
+    /**
+     * The phase at which to start the line dash pattern.
+     *
+     * @platform iOS: Apple Maps only
+     * @platform Android: Not supported
+     */
+    lineDashPhase?: WithDefault<Float, 0.0>;
+    /**
+     * An array of numbers specifying the dash pattern to use for the path.
+     *
+     * @platform iOS: Apple Maps only
+     * @platform Android: Supported
+     */
+    lineDashPattern?: ReadonlyArray<Float>;
+    /**
+     * Callback that is called when the user taps the polygon.
+     *
+     * @platform iOS: Supported
+     * @platform Android: Supported
+     */
+    onPress?: PolygonPressEventHandler;
+}
+declare const _default: HostComponent<ApplePolygonFabricNativeProps>;
+export default _default;