react-native-maps 1.21.0-alpha.79 → 1.21.0-alpha.80

package/lib/MapPolyline.d.ts

@@ -32,8 +32,8 @@ export type MapPolylineProps = ViewProps & {
      *
      * @default `round`
      * @platform iOS: Apple Maps only
-     * @platform Android: Supported
-     */
+     * @platform Android: supported
+     * */
     lineCap?: LineCapType;
     /**
      * An array of numbers specifying the dash pattern to use for the path.
@@ -42,8 +42,8 @@ export type MapPolylineProps = ViewProps & {
      * 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: Supported
-     * @platform Android: Supported
+     * @platform iOS: Apple Maps only
+     * @platform Android: supported
      */
     lineDashPattern?: number[];
     /**
@@ -60,7 +60,7 @@ export type MapPolylineProps = ViewProps & {
      * The line join style to apply to corners of the path.
      *
      * @platform iOS: Apple Maps only
-     * @platform Android: Not supported
+     * @platform Android: supported
      */
     lineJoin?: LineJoinType;
     /**

package/lib/decorateMapComponent.js

@@ -10,6 +10,7 @@ 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"));
 exports.SUPPORTED = 'SUPPORTED';
 exports.USES_DEFAULT_IMPLEMENTATION = 'USES_DEFAULT_IMPLEMENTATION';
 exports.NOT_SUPPORTED = 'NOT_SUPPORTED';
@@ -53,9 +54,15 @@ function decorateMapComponent(Component, componentName, providers) {
                 // @ts-ignore
                 return NativeComponentGooglePolygon_1.default;
             }
-            if (componentName === 'Callout' && react_native_1.Platform.OS === 'android') {
-                // @ts-ignore
-                return NativeComponentCallout_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;
+                }
             }
             const key = provider || 'default';
             if (components[key]) {

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.79",
+  "version": "1.21.0-alpha.80",
   "license": "MIT",
   "scripts": {
     "lint": "eslint . --max-warnings 0",