react-native-maps 0.31.1 → 1.0.0-beta.1

package/lib/decorateMapComponent.js

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.googleMapIsInstalled = exports.createNotSupportedComponent = exports.getNativeMapName = exports.ProviderContext = exports.NOT_SUPPORTED = exports.USES_DEFAULT_IMPLEMENTATION = exports.SUPPORTED = void 0;
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const ProviderConstants_1 = require("./ProviderConstants");
+exports.SUPPORTED = 'SUPPORTED';
+exports.USES_DEFAULT_IMPLEMENTATION = 'USES_DEFAULT_IMPLEMENTATION';
+exports.NOT_SUPPORTED = 'NOT_SUPPORTED';
+exports.ProviderContext = (0, react_1.createContext)(undefined);
+function getNativeMapName(provider) {
+    if (react_native_1.Platform.OS === 'android') {
+        return 'AIRMap';
+    }
+    if (provider === ProviderConstants_1.PROVIDER_GOOGLE) {
+        return 'AIRGoogleMap';
+    }
+    return 'AIRMap';
+}
+exports.getNativeMapName = getNativeMapName;
+function getNativeComponentName(provider, component) {
+    return `${getNativeMapName(provider)}${component}`;
+}
+const createNotSupportedComponent = (message) => () => {
+    console.error(message);
+    return null;
+};
+exports.createNotSupportedComponent = createNotSupportedComponent;
+exports.googleMapIsInstalled = !!react_native_1.UIManager.getViewManagerConfig(getNativeMapName(ProviderConstants_1.PROVIDER_GOOGLE));
+function decorateMapComponent(Component, componentName, providers) {
+    const components = {};
+    const getDefaultComponent = () => (0, react_native_1.requireNativeComponent)(getNativeComponentName(undefined, componentName));
+    Component.contextType = exports.ProviderContext;
+    Component.prototype.getNativeComponent =
+        function getNativeComponent() {
+            const provider = this.context;
+            const key = provider || 'default';
+            if (components[key]) {
+                return components[key];
+            }
+            if (provider === ProviderConstants_1.PROVIDER_DEFAULT) {
+                components[key] = getDefaultComponent();
+                return components[key];
+            }
+            const providerInfo = providers[provider];
+            // quick fix. Previous code assumed android | ios
+            if (react_native_1.Platform.OS !== 'android' && react_native_1.Platform.OS !== 'ios') {
+                throw new Error(`react-native-maps doesn't support ${react_native_1.Platform.OS}`);
+            }
+            const platformSupport = providerInfo[react_native_1.Platform.OS];
+            const nativeComponentName = getNativeComponentName(provider, componentName);
+            if (platformSupport === exports.NOT_SUPPORTED) {
+                components[key] = (0, exports.createNotSupportedComponent)(`react-native-maps: ${nativeComponentName} is not supported on ${react_native_1.Platform.OS}`);
+            }
+            else if (platformSupport === exports.SUPPORTED) {
+                if (provider !== ProviderConstants_1.PROVIDER_GOOGLE ||
+                    (react_native_1.Platform.OS === 'ios' && exports.googleMapIsInstalled)) {
+                    components[key] = (0, react_native_1.requireNativeComponent)(nativeComponentName);
+                }
+            }
+            else {
+                // (platformSupport === USES_DEFAULT_IMPLEMENTATION)
+                if (!components.default) {
+                    components.default = getDefaultComponent();
+                }
+                components[key] = components.default;
+            }
+            return components[key];
+        };
+    Component.prototype.getUIManagerCommand = function getUIManagerCommand(name) {
+        const nativeComponentName = getNativeComponentName(this.context, componentName);
+        return react_native_1.UIManager.getViewManagerConfig(nativeComponentName).Commands[name];
+    };
+    Component.prototype.getMapManagerCommand = function getMapManagerCommand(name) {
+        const nativeComponentName = `${getNativeComponentName(this.context, componentName)}Manager`;
+        return react_native_1.NativeModules[nativeComponentName][name];
+    };
+    return Component;
+}
+exports.default = decorateMapComponent;

package/{src/index.js → lib/index.d.ts}

@@ -1,12 +1,6 @@
-import MapView, {
-  Animated,
-  MAP_TYPES,
-  ProviderPropType,
-  enableLatestRenderer,
-} from './MapView';
+import MapView, { AnimatedMapView as Animated, MAP_TYPES, enableLatestRenderer } from './MapView';
 import Marker from './MapMarker';
 import Overlay from './MapOverlay';
-
 export { default as Polyline } from './MapPolyline';
 export { default as Heatmap } from './MapHeatmap';
 export { default as Polygon } from './MapPolygon';
@@ -18,14 +12,9 @@ export { default as Callout } from './MapCallout';
 export { default as CalloutSubview } from './MapCalloutSubview';
 export { default as AnimatedRegion } from './AnimatedRegion';
 export { default as Geojson } from './Geojson';
-
 export { Marker, Overlay };
-export { Animated, MAP_TYPES, ProviderPropType, enableLatestRenderer };
-
-export const PROVIDER_GOOGLE = MapView.PROVIDER_GOOGLE;
-export const PROVIDER_DEFAULT = MapView.PROVIDER_DEFAULT;
-
-export const MarkerAnimated = Marker.Animated;
-export const OverlayAnimated = Overlay.Animated;
-
+export { Animated, MAP_TYPES, enableLatestRenderer };
+export * from './ProviderConstants';
+export declare const MarkerAnimated: import("react-native").Animated.AnimatedComponent<typeof import("./MapMarker").MapMarker>;
+export declare const OverlayAnimated: import("react-native").Animated.AnimatedComponent<typeof import("./MapOverlay").MapOverlay>;
 export default MapView;

package/lib/index.js

@@ -0,0 +1,66 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OverlayAnimated = exports.MarkerAnimated = exports.enableLatestRenderer = exports.MAP_TYPES = exports.Animated = exports.Overlay = exports.Marker = exports.Geojson = exports.AnimatedRegion = exports.CalloutSubview = exports.Callout = exports.LocalTile = exports.WMSTile = exports.UrlTile = exports.Circle = exports.Polygon = exports.Heatmap = exports.Polyline = void 0;
+const MapView_1 = __importStar(require("./MapView"));
+Object.defineProperty(exports, "Animated", { enumerable: true, get: function () { return MapView_1.AnimatedMapView; } });
+Object.defineProperty(exports, "MAP_TYPES", { enumerable: true, get: function () { return MapView_1.MAP_TYPES; } });
+Object.defineProperty(exports, "enableLatestRenderer", { enumerable: true, get: function () { return MapView_1.enableLatestRenderer; } });
+const MapMarker_1 = __importDefault(require("./MapMarker"));
+exports.Marker = MapMarker_1.default;
+const MapOverlay_1 = __importDefault(require("./MapOverlay"));
+exports.Overlay = MapOverlay_1.default;
+var MapPolyline_1 = require("./MapPolyline");
+Object.defineProperty(exports, "Polyline", { enumerable: true, get: function () { return __importDefault(MapPolyline_1).default; } });
+var MapHeatmap_1 = require("./MapHeatmap");
+Object.defineProperty(exports, "Heatmap", { enumerable: true, get: function () { return __importDefault(MapHeatmap_1).default; } });
+var MapPolygon_1 = require("./MapPolygon");
+Object.defineProperty(exports, "Polygon", { enumerable: true, get: function () { return __importDefault(MapPolygon_1).default; } });
+var MapCircle_1 = require("./MapCircle");
+Object.defineProperty(exports, "Circle", { enumerable: true, get: function () { return __importDefault(MapCircle_1).default; } });
+var MapUrlTile_1 = require("./MapUrlTile");
+Object.defineProperty(exports, "UrlTile", { enumerable: true, get: function () { return __importDefault(MapUrlTile_1).default; } });
+var MapWMSTile_1 = require("./MapWMSTile");
+Object.defineProperty(exports, "WMSTile", { enumerable: true, get: function () { return __importDefault(MapWMSTile_1).default; } });
+var MapLocalTile_1 = require("./MapLocalTile");
+Object.defineProperty(exports, "LocalTile", { enumerable: true, get: function () { return __importDefault(MapLocalTile_1).default; } });
+var MapCallout_1 = require("./MapCallout");
+Object.defineProperty(exports, "Callout", { enumerable: true, get: function () { return __importDefault(MapCallout_1).default; } });
+var MapCalloutSubview_1 = require("./MapCalloutSubview");
+Object.defineProperty(exports, "CalloutSubview", { enumerable: true, get: function () { return __importDefault(MapCalloutSubview_1).default; } });
+var AnimatedRegion_1 = require("./AnimatedRegion");
+Object.defineProperty(exports, "AnimatedRegion", { enumerable: true, get: function () { return __importDefault(AnimatedRegion_1).default; } });
+var Geojson_1 = require("./Geojson");
+Object.defineProperty(exports, "Geojson", { enumerable: true, get: function () { return __importDefault(Geojson_1).default; } });
+__exportStar(require("./ProviderConstants"), exports);
+exports.MarkerAnimated = MapMarker_1.default.Animated;
+exports.OverlayAnimated = MapOverlay_1.default.Animated;
+exports.default = MapView_1.default;

package/lib/sharedTypes.d.ts

@@ -0,0 +1,82 @@
+import { NativeSyntheticEvent } from 'react-native';
+export declare type Modify<T, R> = Omit<T, keyof R> & R;
+export declare type Provider = 'google' | undefined;
+export declare type LatLng = {
+    latitude: number;
+    longitude: number;
+};
+export declare type Point = {
+    x: number;
+    y: number;
+};
+export declare type Region = LatLng & {
+    latitudeDelta: number;
+    longitudeDelta: number;
+};
+export declare type Frame = Point & {
+    height: number;
+    width: number;
+};
+export declare type CalloutPressEvent = NativeSyntheticEvent<{
+    action: 'callout-press';
+    /**
+     * @platform iOS
+     */
+    frame?: Frame;
+    /**
+     * @platform iOS
+     */
+    id?: string;
+    /**
+     * @platform iOS
+     */
+    point?: Point;
+    /**
+     * @platform Android
+     */
+    coordinate?: LatLng;
+    /**
+     * @platform Android
+     */
+    position?: Point;
+}>;
+export declare type LineCapType = 'butt' | 'round' | 'square';
+export declare type LineJoinType = 'miter' | 'round' | 'bevel';
+export declare type ClickEvent<T = {}> = NativeSyntheticEvent<{
+    coordinate: LatLng;
+    position: Point;
+} & T>;
+export declare type MarkerDeselectEvent = Omit<ClickEvent<{
+    action: 'marker-deselect';
+    id: string;
+}>, 'position'>;
+export declare type MarkerSelectEvent = Omit<ClickEvent<{
+    id: string;
+    action: 'marker-select';
+}>, 'position'>;
+export declare type MarkerDragEvent = ClickEvent<{
+    /**
+     * @platform iOS
+     */
+    id?: string;
+}>;
+export declare type MarkerDragStartEndEvent = NativeSyntheticEvent<{
+    coordinate: LatLng;
+    /**
+     * @platform iOS
+     */
+    id?: string;
+    /**
+     * @platform Android
+     */
+    position?: Point;
+}>;
+export declare type MarkerPressEvent = NativeSyntheticEvent<{
+    id: string;
+    action: 'marker-press';
+    coordinate: LatLng;
+    /**
+     * @platform Android
+     */
+    position?: Point;
+}>;

package/lib/sharedTypes.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/package.json

@@ -1,22 +1,22 @@
 {
   "name": "react-native-maps",
   "description": "React Native Mapview component for iOS + Android",
-  "main": "src/index.js",
-  "types": "index.d.ts",
+  "main": "lib/index.js",
   "author": "Leland Richardson <leland.m.richardson@gmail.com>",
-  "version": "0.31.1",
+  "version": "1.0.0-beta.1",
   "license": "MIT",
   "scripts": {
     "lint": "eslint . --max-warnings 0",
+    "tscheck": "tsc --noEmit",
+    "build": "tsc",
     "test": "jest",
     "prepare": "husky install",
     "release": "semantic-release"
   },
   "files": [
-    "index.d.ts",
+    "lib",
     "android",
     "ios",
-    "src",
     "react-native-google-maps.podspec",
     "react-native-maps.podspec",
     "!android/build",
@@ -39,8 +39,8 @@
     "mapkit"
   ],
   "peerDependencies": {
-    "react": ">= 16.0",
-    "react-native": ">= 0.51",
+    "react": ">= 17.0.1",
+    "react-native": ">= 0.64.3",
     "react-native-web": ">= 0.11"
   },
   "peerDependenciesMeta": {
@@ -49,33 +49,24 @@
     }
   },
   "devDependencies": {
-    "@commitlint/cli": "16.2.3",
-    "@commitlint/config-conventional": "16.2.1",
-    "@react-native-community/eslint-config": "^3.0.1",
+    "@commitlint/cli": "17.0.2",
+    "@commitlint/config-conventional": "17.0.2",
+    "@react-native-community/eslint-config": "^3.0.2",
+    "@types/react-native": "0.67.8",
     "babel-jest": "^27.3.1",
     "eslint": "7.32.0",
-    "husky": "7.0.4",
+    "husky": "8.0.1",
     "jest": "^27.3.1",
-    "react": "^17.0.2",
-    "react-native": "^0.66.3",
+    "prettier": "2.6.2",
+    "react": "17.0.2",
+    "react-native": "0.68.2",
     "semantic-release": "19.0.2",
-    "typescript": "^4.4.3"
+    "typescript": "4.7.3"
   },
   "dependencies": {
-    "@types/geojson": "^7946.0.7",
-    "deprecated-react-native-prop-types": "^2.3.0"
+    "@types/geojson": "^7946.0.8"
   },
   "jest": {
-    "preset": "react-native",
-    "testRegex": "<rootDir>/__tests__/.*|(\\.|/)(test|spec)\\.jsx?$",
-    "transform": {
-      "^.+\\.js$": "<rootDir>/node_modules/react-native/jest/preprocessor.js"
-    },
-    "moduleFileExtensions": [
-      "js"
-    ],
-    "transformIgnorePatterns": [
-      "node_modules/(?!@react-native|react-native)"
-    ]
+    "preset": "react-native"
   }
 }

package/react-native-google-maps.podspec

@@ -17,6 +17,6 @@ Pod::Spec.new do |s|
   s.compiler_flags = '-DHAVE_GOOGLE_MAPS=1', '-DHAVE_GOOGLE_MAPS_UTILS=1', '-fno-modules'
 
   s.dependency 'React-Core'
-  s.dependency 'GoogleMaps', '6.1.1'
+  s.dependency 'GoogleMaps', '6.2.1'
   s.dependency 'Google-Maps-iOS-Utils', '4.1.0'
 end