@draftbit/core 42.4.2-50ce38.2 → 42.4.2-717ab1.2

package/src/components/MapView/MapView.native.js

@@ -1,118 +0,0 @@
-import * as React from "react";
-import NativeMapView, { PROVIDER_GOOGLE } from "react-native-maps";
-import NoApiKey from "./NoApiKey";
-import { COMPONENT_TYPES, createBoolProp, createColorProp, createNumberProp, createTextProp, } from "@draftbit/types";
-const MapView = ({ provider = PROVIDER_GOOGLE, apiKey, latitude, latitudeDelta, longitude, longitudeDelta, showsCompass = false, rotateEnabled = true, zoomEnabled = true, loadingEnabled = true, scrollEnabled = true, loadingBackgroundColor, loadingIndicatorColor, mapType = "standard", style, children, }) => {
-    if (!apiKey) {
-        return React.createElement(NoApiKey, null);
-    }
-    return (React.createElement(NativeMapView, { provider: provider, mapType: mapType, showsCompass: showsCompass, rotateEnabled: rotateEnabled, zoomEnabled: zoomEnabled, initialRegion: {
-            latitude: latitude,
-            longitude: longitude,
-            latitudeDelta: latitudeDelta,
-            longitudeDelta: longitudeDelta,
-        }, loadingEnabled: loadingEnabled, scrollEnabled: scrollEnabled, loadingBackgroundColor: loadingBackgroundColor, loadingIndicatorColor: loadingIndicatorColor, style: style }, children));
-};
-export default MapView;
-export const SEED_DATA = {
-    name: "Map View",
-    tag: "MapView",
-    description: "A map view",
-    category: COMPONENT_TYPES.media,
-    layout: {},
-    props: {
-        apiKey: createTextProp({
-            label: "API Key",
-            description: "Your API Key",
-            required: true,
-            defaultValue: null,
-        }),
-        provider: createTextProp({
-            label: "Provider",
-            description: "The maps provider",
-            required: false,
-            defaultValue: "google",
-            options: ["google"],
-        }),
-        latitudeDelta: createNumberProp({
-            label: "Latitude Delta",
-            description: "The latitude delta for the map's initial region",
-            required: false,
-            precision: 0.0001,
-        }),
-        longitudeDelta: createNumberProp({
-            label: "Longitude Delta",
-            description: "The longitude delta for the map's initial region",
-            required: false,
-            precision: 0.0001,
-        }),
-        latitude: createNumberProp({
-            label: "Latitude",
-            description: "The longitude for the map's initial region",
-            required: false,
-            precision: 0.000001,
-            min: -90,
-            max: 90,
-        }),
-        longitude: createNumberProp({
-            label: "Latitude",
-            description: "The latitude for the map's initial region",
-            required: false,
-            precision: 0.000001,
-            min: -180,
-            max: 180,
-        }),
-        mapType: createTextProp({
-            label: "Map Type",
-            description: "The type of map to show",
-            required: false,
-            defaultValue: "standard",
-            options: [
-                "standard",
-                "satellite",
-                "hybrid",
-                "terrain",
-                "none",
-                "mutedStandard",
-            ],
-        }),
-        zoomEnabled: createBoolProp({
-            label: "Zoom Enabled",
-            description: "Whether zooming is enabled",
-            required: false,
-            defaultValue: true,
-        }),
-        showsCompass: createBoolProp({
-            label: "Shows Compass",
-            description: "Whether compass is shown",
-            required: false,
-            defaultValue: false,
-        }),
-        rotateEnabled: createBoolProp({
-            label: "Rotate Enabled",
-            description: "Whether rotating the map is enabled",
-            required: false,
-            defaultValue: true,
-        }),
-        scrollEnabled: createBoolProp({
-            label: "Scroll Enabled",
-            description: "Whether scrolling the map view is enabled",
-            required: false,
-            defaultValue: true,
-        }),
-        loadingEnabled: createBoolProp({
-            label: "Loading Enabled",
-            description: "If true a loading indicator will show while the map is loading",
-            required: false,
-            defaultValue: true,
-        }),
-        loadingIndicatorColor: createColorProp({
-            label: "Loading Indicator Color",
-            description: "Color of the loading indicator",
-        }),
-        loadingBackgroundColor: createColorProp({
-            label: "Loading Background Color",
-            description: "Color of the background to show while the map is loading",
-        }),
-    },
-};

package/src/components/MapView/MapView.native.tsx

@@ -1,163 +0,0 @@
-import * as React from "react";
-import NativeMapView, { PROVIDER_GOOGLE } from "react-native-maps";
-import { MapViewProps } from "./types";
-import NoApiKey from "./NoApiKey";
-import {
-  COMPONENT_TYPES,
-  createBoolProp,
-  createColorProp,
-  createNumberProp,
-  createTextProp,
-} from "@draftbit/types";
-
-const MapView: React.FC<MapViewProps> = ({
-  provider = PROVIDER_GOOGLE,
-  apiKey,
-  latitude,
-  latitudeDelta,
-  longitude,
-  longitudeDelta,
-  showsCompass = false,
-  rotateEnabled = true,
-  zoomEnabled = true,
-  loadingEnabled = true,
-  scrollEnabled = true,
-  loadingBackgroundColor,
-  loadingIndicatorColor,
-  mapType = "standard",
-  style,
-  children,
-}) => {
-  if (!apiKey) {
-    return <NoApiKey />;
-  }
-
-  return (
-    <NativeMapView
-      provider={provider}
-      mapType={mapType}
-      showsCompass={showsCompass}
-      rotateEnabled={rotateEnabled}
-      zoomEnabled={zoomEnabled}
-      initialRegion={{
-        latitude: latitude as number,
-        longitude: longitude as number,
-        latitudeDelta: latitudeDelta as number,
-        longitudeDelta: longitudeDelta as number,
-      }}
-      loadingEnabled={loadingEnabled}
-      scrollEnabled={scrollEnabled}
-      loadingBackgroundColor={loadingBackgroundColor}
-      loadingIndicatorColor={loadingIndicatorColor}
-      style={style}
-    >
-      {children}
-    </NativeMapView>
-  );
-};
-
-export default MapView;
-
-export const SEED_DATA = {
-  name: "Map View",
-  tag: "MapView",
-  description: "A map view",
-  category: COMPONENT_TYPES.media,
-  layout: {},
-  props: {
-    apiKey: createTextProp({
-      label: "API Key",
-      description: "Your API Key",
-      required: true,
-      defaultValue: null,
-    }),
-    provider: createTextProp({
-      label: "Provider",
-      description: "The maps provider",
-      required: false,
-      defaultValue: "google",
-      options: ["google"],
-    }),
-    latitudeDelta: createNumberProp({
-      label: "Latitude Delta",
-      description: "The latitude delta for the map's initial region",
-      required: false,
-      precision: 0.0001,
-    }),
-    longitudeDelta: createNumberProp({
-      label: "Longitude Delta",
-      description: "The longitude delta for the map's initial region",
-      required: false,
-      precision: 0.0001,
-    }),
-    latitude: createNumberProp({
-      label: "Latitude",
-      description: "The longitude for the map's initial region",
-      required: false,
-      precision: 0.000001,
-      min: -90,
-      max: 90,
-    }),
-    longitude: createNumberProp({
-      label: "Latitude",
-      description: "The latitude for the map's initial region",
-      required: false,
-      precision: 0.000001,
-      min: -180,
-      max: 180,
-    }),
-    mapType: createTextProp({
-      label: "Map Type",
-      description: "The type of map to show",
-      required: false,
-      defaultValue: "standard",
-      options: [
-        "standard",
-        "satellite",
-        "hybrid",
-        "terrain",
-        "none",
-        "mutedStandard",
-      ],
-    }),
-    zoomEnabled: createBoolProp({
-      label: "Zoom Enabled",
-      description: "Whether zooming is enabled",
-      required: false,
-      defaultValue: true,
-    }),
-    showsCompass: createBoolProp({
-      label: "Shows Compass",
-      description: "Whether compass is shown",
-      required: false,
-      defaultValue: false,
-    }),
-    rotateEnabled: createBoolProp({
-      label: "Rotate Enabled",
-      description: "Whether rotating the map is enabled",
-      required: false,
-      defaultValue: true,
-    }),
-    scrollEnabled: createBoolProp({
-      label: "Scroll Enabled",
-      description: "Whether scrolling the map view is enabled",
-      required: false,
-      defaultValue: true,
-    }),
-    loadingEnabled: createBoolProp({
-      label: "Loading Enabled",
-      description:
-        "If true a loading indicator will show while the map is loading",
-      required: false,
-      defaultValue: true,
-    }),
-    loadingIndicatorColor: createColorProp({
-      label: "Loading Indicator Color",
-      description: "Color of the loading indicator",
-    }),
-    loadingBackgroundColor: createColorProp({
-      label: "Loading Background Color",
-      description: "Color of the background to show while the map is loading",
-    }),
-  },
-};

package/src/components/MapView/MapView.web.js

@@ -1,18 +0,0 @@
-import * as React from "react";
-import { GoogleMap, LoadScript } from "@react-google-maps/api";
-import NoApiKey from "./NoApiKey";
-import { StyleSheet } from "react-native";
-const MapView = ({ apiKey, latitude, longitude, rotateEnabled = true, scrollEnabled = true, mapType = "standard", style, children, }) => {
-    if (!apiKey) {
-        return React.createElement(NoApiKey, null);
-    }
-    return (React.createElement(LoadScript, { googleMapsApiKey: apiKey },
-        React.createElement(GoogleMap, { mapContainerStyle: StyleSheet.flatten(style), center: {
-                lat: latitude || 0,
-                lng: longitude || 0,
-            }, mapTypeId: mapType, zoom: 14, options: {
-                scrollwheel: scrollEnabled,
-                rotateControl: rotateEnabled,
-            } }, children)));
-};
-export default MapView;

package/src/components/MapView/MapView.web.tsx

@@ -1,42 +0,0 @@
-import * as React from "react";
-import { GoogleMap, LoadScript } from "@react-google-maps/api";
-import NoApiKey from "./NoApiKey";
-import { MapViewProps } from "./types";
-import { StyleSheet } from "react-native";
-
-const MapView: React.FC<MapViewProps> = ({
-  apiKey,
-  latitude,
-  longitude,
-  rotateEnabled = true,
-  scrollEnabled = true,
-  mapType = "standard",
-  style,
-  children,
-}) => {
-  if (!apiKey) {
-    return <NoApiKey />;
-  }
-
-  return (
-    <LoadScript googleMapsApiKey={apiKey}>
-      <GoogleMap
-        mapContainerStyle={StyleSheet.flatten(style) as React.CSSProperties}
-        center={{
-          lat: latitude || 0,
-          lng: longitude || 0,
-        }}
-        mapTypeId={mapType}
-        zoom={14}
-        options={{
-          scrollwheel: scrollEnabled,
-          rotateControl: rotateEnabled,
-        }}
-      >
-        {children}
-      </GoogleMap>
-    </LoadScript>
-  );
-};
-
-export default MapView;

package/src/components/MapView/NoApiKey.js

@@ -1,5 +0,0 @@
-import * as React from "react";
-import { Text, View } from "react-native";
-const NoApiKey = () => (React.createElement(View, null,
-    React.createElement(Text, null, "You need to pass an API key in order for MapView to work.")));
-export default NoApiKey;

package/src/components/MapView/NoApiKey.tsx

@@ -1,10 +0,0 @@
-import * as React from "react";
-import { Text, View } from "react-native";
-
-const NoApiKey = () => (
-  <View>
-    <Text>You need to pass an API key in order for MapView to work.</Text>
-  </View>
-);
-
-export default NoApiKey;

package/src/components/MapView/index.js

@@ -1,6 +0,0 @@
-//@ts-ignore
-export { default as MapView } from "./MapView";
-//@ts-ignore
-export { default as MapMarker } from "./MapMarker";
-//@ts-ignore
-export { default as MapCallout } from "./MapCallout";

package/src/components/MapView/index.tsx

@@ -1,6 +0,0 @@
-//@ts-ignore
-export { default as MapView } from "./MapView";
-//@ts-ignore
-export { default as MapMarker } from "./MapMarker";
-//@ts-ignore
-export { default as MapCallout } from "./MapCallout";

package/src/components/MapView/types.js

@@ -1 +0,0 @@
-export {};

package/src/components/MapView/types.tsx

@@ -1,38 +0,0 @@
-import { StyleProp, ViewStyle } from "react-native";
-import { MapTypes } from "react-native-maps";
-
-export interface MapMarkerProps {
-  latitude: number;
-  longitude: number;
-  title?: string;
-  description?: string;
-  pinColor?: string;
-  flat?: boolean;
-  style?: StyleProp<ViewStyle>;
-}
-
-export interface MapViewProps {
-  apiKey: string;
-  provider?: "google" | null;
-  latitudeDelta?: number;
-  longitudeDelta?: number;
-  latitude?: number;
-  longitude?: number;
-  mapType?: MapTypes;
-  zoomEnabled?: boolean;
-  showsCompass?: boolean;
-  rotateEnabled?: boolean;
-  scrollEnabled?: boolean;
-  loadingEnabled?: boolean;
-  loadingBackgroundColor?: string;
-  loadingIndicatorColor?: string;
-  style?: StyleProp<ViewStyle>;
-}
-
-export interface CalloutProps {
-  title?: string;
-  description?: string;
-  anchor: any;
-  onPress?: (event: any) => void;
-  showTooltip?: boolean;
-}