Use @teovilla/react-native-web-maps instead of web-maps (47.3.3) (#683)

* Updated MapView to use @teovilla/react-native-web-maps

* Updated MapMarker and MapCallout to use @teovilla/react-native-web-maps

* Deprecate web-maps package

* Map default provider as google when on web

* Override react-native UIManager.getViewManagerConfig to fix issue on snack

* Revert "Override react-native UIManager.getViewManagerConfig to fix issue on snack"

This reverts commit 347ba26.

* Updated comment on why imports are done that way

* Expo 48 (#679)

* Upgraded packages to expo 48 versions

* v48.0.0

* ci on 47 branch instead of 46

* yarn.lock

* Upgrade rn + remove webpack config resolution

* Cast aspect ratio to number

* Remove fonts from examples to get rid of warnings

* Remove webpack alias for react-native

* Move deprecated components into deprecated folder + minor cleanup

* Delete rn maps patch

* Added deprecated comments

* Fixed linting

* Downgrade date time picker due to
react-native-datetimepicker/datetimepicker#750 not fixed yet

* Made versions exact

* yarn.lock

* Updated @teovilla/react-native-web-maps version

* Updates to accomdate latest of @teovilla/react-native-web-maps

* Moved web-maps to deprecated folder

* yarn.lock

* Updated imports and types of @teovilla/react-native-web-maps

* Export callout directly

* Updated export of callout

* Use 'initialCamera' prop instead of 'camera'

* Added @teovilla/react-native-web-maps package

* v47.3.3

Author: YoussefHenna

packages/web-maps/.gitignore deprecated-packages/web-maps/.gitignorepackages/web-maps/.gitignore renamed to deprecated-packages/web-maps/.gitignore

@@ -1,3 +1,9 @@
 # `@draftbit/web-maps`
 
+## DEPRECATED
+
+### Use `@draftbit/maps` for both native and web maps
+
+---
+
 `MapView`, `MapMarker`, and `MapCallout` components, powered by `@react-google-maps/api`. For use on web.

packages/web-maps/README.md deprecated-packages/web-maps/README.mdpackages/web-maps/README.md renamed to deprecated-packages/web-maps/README.md

@@ -37,7 +37,6 @@
   },
   "homepage": "https://github.com/draftbit/react-native-jigsaw#readme",
   "dependencies": {
-    "@draftbit/types": "47.3.2",
     "@react-google-maps/api": "^2.10.2"
   },
   "eslintIgnore": [

packages/web-maps/package.json deprecated-packages/web-maps/package.jsonpackages/web-maps/package.json renamed to deprecated-packages/web-maps/package.json

@@ -2,8 +2,11 @@ import * as React from "react";
 import { TouchableOpacity } from "react-native";
 import { InfoWindow } from "./ReactGoogleMaps";
 import { markerContext } from "./MapMarker";
-import { MapCalloutProps } from "@draftbit/types";
+import { MapCalloutProps } from "../mapTypes";
 
+/**
+ * @deprecated DEPRECATED: Use @draftbit/maps
+ */
 const MapCallout: React.FC<React.PropsWithChildren<MapCalloutProps>> = ({
   anchor,
   onPress = () => {},

…s/web-maps/src/components/MapCallout.tsx …s/web-maps/src/components/MapCallout.tsxpackages/web-maps/src/components/MapCallout.tsx renamed to deprecated-packages/web-maps/src/components/MapCallout.tsx packages/web-maps/src/components/MapCallout.tsx renamed to deprecated-packages/web-maps/src/components/MapCallout.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { View, Text, StyleSheet } from "react-native";
-import { MapMarkerProps } from "@draftbit/types";
+import { MapMarkerProps } from "../mapTypes";
 import { Marker as WebMarker } from "./ReactGoogleMaps";
 import MapCallout from "./MapCallout";
 
@@ -23,6 +23,9 @@ export const markerContext = React.createContext<IMarkerContext>({
   toggleCallout: () => {},
 });
 
+/**
+ * @deprecated DEPRECATED: Use @draftbit/maps
+ */
 const MapMarker: React.FC<React.PropsWithChildren<MapMarkerProps>> = ({
   pinImage,
   pinImageSize = 50,

…es/web-maps/src/components/MapMarker.tsx …es/web-maps/src/components/MapMarker.tsxpackages/web-maps/src/components/MapMarker.tsx renamed to deprecated-packages/web-maps/src/components/MapMarker.tsx packages/web-maps/src/components/MapMarker.tsx renamed to deprecated-packages/web-maps/src/components/MapMarker.tsx

@@ -2,7 +2,7 @@ import * as React from "react";
 import { GoogleMap, Marker } from "./ReactGoogleMaps";
 import NoApiKey from "./NoApiKey";
 import MapScriptLoader from "./MapScriptLoader";
-import { MapViewProps, MapRegion } from "@draftbit/types";
+import { MapViewProps, MapRegion } from "../mapTypes";
 import { StyleSheet } from "react-native";
 
 type State = {
@@ -23,6 +23,9 @@ type State = {
   mapHeight?: number;
 };
 
+/**
+ * @deprecated DEPRECATED: Use @draftbit/maps
+ */
 class MapView extends React.Component<
   React.PropsWithChildren<MapViewProps<any>>,
   State