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

package/react-native-google-maps.podspec

@@ -1,22 +0,0 @@
-require 'json'
-
-package = JSON.parse(File.read(File.join(__dir__, 'package.json')))
-
-Pod::Spec.new do |s|
-  s.name         = "react-native-google-maps"
-  s.version      = package['version']
-  s.summary      = "React Native Mapview component for iOS + Android"
-
-  s.authors      = { "intelligibabble" => "leland.m.richardson@gmail.com" }
-  s.homepage     = "https://github.com/react-native-maps/react-native-maps#readme"
-  s.license      = "MIT"
-  s.platform     = :ios, "12.0"
-
-  s.source       = { :git => "https://github.com/react-native-maps/react-native-maps.git", :tag=> "v#{s.version}" }
-  s.source_files  = "ios/AirGoogleMaps/**/*.{h,m}"
-  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 'Google-Maps-iOS-Utils', '4.1.0'
-end

package/src/Geojson.js

@@ -1,334 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import Marker from './MapMarker';
-import Polyline from './MapPolyline';
-import Polygon from './MapPolygon';
-import { ColorPropType } from 'deprecated-react-native-prop-types';
-
-const propTypes = {
-  /**
-   * [Geojson](https://geojson.org/) description of object.
-   */
-  geojson: PropTypes.object.isRequired,
-
-  /**
-   * The stroke color to use for the path.
-   */
-  strokeColor: ColorPropType,
-
-  /**
-   * The fill color to use for the path.
-   */
-  fillColor: ColorPropType,
-
-  /**
-   * The stroke width to use for the path.
-   */
-  strokeWidth: PropTypes.number,
-
-  /**
-   * The offset (in points) at which to start drawing the dash pattern.
-   *
-   * Use this property to start drawing a dashed line partway through a segment or gap. For
-   * example, a phase value of 6 for the patter 5-2-3-2 would cause drawing to begin in the
-   * middle of the first gap.
-   *
-   * The default value of this property is 0.
-   *
-   * @platform ios
-   */
-  lineDashPhase: PropTypes.number,
-
-  /**
-   * Make the `Polygon` or `Polyline` tappable
-   *
-   */
-  tappable: PropTypes.bool,
-
-  /**
-   * 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.
-   *
-   * This property is set to `null` by default, which indicates no line dash pattern.
-   *
-   * @platform ios
-   */
-  lineDashPattern: PropTypes.arrayOf(PropTypes.number),
-
-  /**
-   * The line cap style to apply to the open ends of the path.
-   * The default style is `round`.
-   *
-   * @platform ios
-   */
-  lineCap: PropTypes.oneOf(['butt', 'round', 'square']),
-
-  /**
-   * The line join style to apply to corners of the path.
-   * The default style is `round`.
-   *
-   * @platform ios
-   */
-  lineJoin: PropTypes.oneOf(['miter', 'round', 'bevel']),
-
-  /**
-   * The limiting value that helps avoid spikes at junctions between connected line segments.
-   * The miter limit helps you avoid spikes in paths that use the `miter` `lineJoin` style. If
-   * the ratio of the miter length—that is, the diagonal length of the miter join—to the line
-   * thickness exceeds the miter limit, the joint is converted to a bevel join. The default
-   * miter limit is 10, which results in the conversion of miters whose angle at the joint
-   * is less than 11 degrees.
-   *
-   * @platform ios
-   */
-  miterLimit: PropTypes.number,
-
-  /**
-   * The order in which this tile overlay is drawn with respect to other overlays. An overlay
-   * with a larger z-index is drawn over overlays with smaller z-indices. The order of overlays
-   * with the same z-index is arbitrary. The default zIndex is 0.
-   *
-   * @platform android
-   */
-  zIndex: PropTypes.number,
-
-  /**
-   * Callback that is called when the user presses on the polygon
-   */
-  onPress: PropTypes.func,
-
-  /**
-   * Component to render in place of the default marker when the overlay type is a `point`
-   *
-   */
-  markerComponent: PropTypes.node,
-
-  /**
-   * The title of the marker. This is only used if the <Marker /> component has no children that
-   * are a `<Callout />`, in which case the default callout behavior will be used, which
-   * will show both the `title` and the `description`, if provided.
-   */
-  title: PropTypes.string,
-};
-
-const Geojson = (props) => {
-  const {
-    title,
-    image,
-    zIndex,
-    onPress,
-    lineCap,
-    lineJoin,
-    tappable,
-    miterLimit,
-    lineDashPhase,
-    lineDashPattern,
-    markerComponent,
-  } = props;
-  const overlays = makeOverlays(props.geojson.features);
-  return (
-    <React.Fragment>
-      {overlays.map((overlay, index) => {
-        const fillColor = getColor(props, overlay, 'fill', 'fillColor');
-        const strokeColor = getColor(props, overlay, 'stroke', 'strokeColor');
-        const markerColor = getColor(props, overlay, 'marker-color', 'color');
-        const strokeWidth = getStrokeWidth(props, overlay);
-        if (overlay.type === 'point') {
-          return (
-            <Marker
-              key={index}
-              coordinate={overlay.coordinates}
-              image={image}
-              title={title}
-              pinColor={markerColor}
-              zIndex={zIndex}
-              onPress={() => onPress && onPress(overlay)}
-            >
-              {markerComponent}
-            </Marker>
-          );
-        }
-        if (overlay.type === 'polygon') {
-          return (
-            <Polygon
-              key={index}
-              coordinates={overlay.coordinates}
-              holes={overlay.holes}
-              strokeColor={strokeColor}
-              fillColor={fillColor}
-              strokeWidth={strokeWidth}
-              tappable={tappable}
-              onPress={() => onPress && onPress(overlay)}
-              zIndex={zIndex}
-            />
-          );
-        }
-        if (overlay.type === 'polyline') {
-          return (
-            <Polyline
-              key={index}
-              coordinates={overlay.coordinates}
-              strokeColor={strokeColor}
-              strokeWidth={strokeWidth}
-              lineDashPhase={lineDashPhase}
-              lineDashPattern={lineDashPattern}
-              lineCap={lineCap}
-              lineJoin={lineJoin}
-              miterLimit={miterLimit}
-              zIndex={zIndex}
-              tappable={tappable}
-              onPress={() => onPress && onPress(overlay)}
-            />
-          );
-        }
-      })}
-    </React.Fragment>
-  );
-};
-
-Geojson.propTypes = propTypes;
-
-export default Geojson;
-
-export const makeOverlays = (features) => {
-  const points = features
-    .filter(
-      (f) =>
-        f.geometry &&
-        (f.geometry.type === 'Point' || f.geometry.type === 'MultiPoint')
-    )
-    .map((feature) =>
-      makeCoordinates(feature).map((coordinates) =>
-        makeOverlay(coordinates, feature)
-      )
-    )
-    .reduce(flatten, [])
-    .map((overlay) => ({ ...overlay, type: 'point' }));
-
-  const lines = features
-    .filter(
-      (f) =>
-        f.geometry &&
-        (f.geometry.type === 'LineString' ||
-          f.geometry.type === 'MultiLineString')
-    )
-    .map((feature) =>
-      makeCoordinates(feature).map((coordinates) =>
-        makeOverlay(coordinates, feature)
-      )
-    )
-    .reduce(flatten, [])
-    .map((overlay) => ({ ...overlay, type: 'polyline' }));
-
-  const multipolygons = features
-    .filter((f) => f.geometry && f.geometry.type === 'MultiPolygon')
-    .map((feature) =>
-      makeCoordinates(feature).map((coordinates) =>
-        makeOverlay(coordinates, feature)
-      )
-    )
-    .reduce(flatten, []);
-
-  const polygons = features
-    .filter((f) => f.geometry && f.geometry.type === 'Polygon')
-    .map((feature) => makeOverlay(makeCoordinates(feature), feature))
-    .reduce(flatten, [])
-    .concat(multipolygons)
-    .map((overlay) => ({ ...overlay, type: 'polygon' }));
-
-  return points.concat(lines).concat(polygons);
-};
-
-const flatten = (prev, curr) => prev.concat(curr);
-
-const makeOverlay = (coordinates, feature) => {
-  let overlay = {
-    feature,
-  };
-  if (
-    feature.geometry.type === 'Polygon' ||
-    feature.geometry.type === 'MultiPolygon'
-  ) {
-    overlay.coordinates = coordinates[0];
-    if (coordinates.length > 1) {
-      overlay.holes = coordinates.slice(1);
-    }
-  } else {
-    overlay.coordinates = coordinates;
-  }
-  return overlay;
-};
-
-const makePoint = (c) => ({ latitude: c[1], longitude: c[0] });
-
-const makeLine = (l) => l.map(makePoint);
-
-const makeCoordinates = (feature) => {
-  const g = feature.geometry;
-  if (g.type === 'Point') {
-    return [makePoint(g.coordinates)];
-  } else if (g.type === 'MultiPoint') {
-    return g.coordinates.map(makePoint);
-  } else if (g.type === 'LineString') {
-    return [makeLine(g.coordinates)];
-  } else if (g.type === 'MultiLineString') {
-    return g.coordinates.map(makeLine);
-  } else if (g.type === 'Polygon') {
-    return g.coordinates.map(makeLine);
-  } else if (g.type === 'MultiPolygon') {
-    return g.coordinates.map((p) => p.map(makeLine));
-  } else {
-    return [];
-  }
-};
-
-const doesOverlayContainProperty = (overlay, property) => {
-  // Geojson may have 0 for the opacity when intention is to not specify the
-  // opacity. Therefore, we evaluate the truthiness of the propery where 0
-  // would return false.
-  return (
-    overlay.feature &&
-    overlay.feature.properties &&
-    overlay.feature.properties[property]
-  );
-};
-
-const getRgbaFromHex = (hex, alpha = 1) => {
-  const [r, g, b] = hex.match(/\w\w/g).map((x) => parseInt(x, 16));
-  return `rgba(${r},${g},${b},${alpha})`;
-};
-
-const getColor = (props, overlay, colorType, overrideColorProp) => {
-  if (props.hasOwnProperty(overrideColorProp)) {
-    return props[overrideColorProp];
-  }
-  if (doesOverlayContainProperty(overlay, colorType)) {
-    let color = overlay.feature.properties[colorType];
-    const opacityProperty = colorType + '-opacity';
-    if (
-      doesOverlayContainProperty(overlay, opacityProperty) &&
-      color[0] === '#'
-    ) {
-      color = getRgbaFromHex(
-        color,
-        overlay.feature.properties[opacityProperty]
-      );
-    }
-    return color;
-  }
-  return;
-};
-
-const getStrokeWidth = (props, overlay) => {
-  if (props.hasOwnProperty('strokeWidth')) {
-    return props.strokeWidth;
-  }
-  if (doesOverlayContainProperty(overlay, 'stroke-width')) {
-    return overlay.feature.properties['stroke-width'];
-  }
-  return;
-};

package/src/MapCallout.js

@@ -1,51 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import { StyleSheet } from 'react-native';
-import { ViewPropTypes } from 'deprecated-react-native-prop-types';
-import decorateMapComponent, {
-  SUPPORTED,
-  USES_DEFAULT_IMPLEMENTATION,
-} from './decorateMapComponent';
-
-const propTypes = {
-  ...ViewPropTypes,
-  tooltip: PropTypes.bool,
-  onPress: PropTypes.func,
-  alphaHitTest: PropTypes.bool,
-};
-
-const defaultProps = {
-  tooltip: false,
-  alphaHitTest: false,
-};
-
-class MapCallout extends React.Component {
-  render() {
-    const AIRMapCallout = this.getAirComponent();
-    return (
-      <AIRMapCallout
-        {...this.props}
-        style={[styles.callout, this.props.style]}
-      />
-    );
-  }
-}
-
-MapCallout.propTypes = propTypes;
-MapCallout.defaultProps = defaultProps;
-
-const styles = StyleSheet.create({
-  callout: {
-    position: 'absolute',
-  },
-});
-
-export default decorateMapComponent(MapCallout, {
-  componentType: 'Callout',
-  providers: {
-    google: {
-      ios: SUPPORTED,
-      android: USES_DEFAULT_IMPLEMENTATION,
-    },
-  },
-});

package/src/MapCalloutSubview.js

@@ -1,44 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import { StyleSheet } from 'react-native';
-import { ViewPropTypes } from 'deprecated-react-native-prop-types';
-import decorateMapComponent, {
-  SUPPORTED,
-  NOT_SUPPORTED,
-} from './decorateMapComponent';
-
-const propTypes = {
-  ...ViewPropTypes,
-  onPress: PropTypes.func,
-};
-
-const defaultProps = {};
-
-class MapCalloutSubview extends React.Component {
-  render() {
-    const AIRMapCalloutSubview = this.getAirComponent();
-    return (
-      <AIRMapCalloutSubview
-        {...this.props}
-        style={[styles.calloutSubview, this.props.style]}
-      />
-    );
-  }
-}
-
-MapCalloutSubview.propTypes = propTypes;
-MapCalloutSubview.defaultProps = defaultProps;
-
-const styles = StyleSheet.create({
-  calloutSubview: {},
-});
-
-export default decorateMapComponent(MapCalloutSubview, {
-  componentType: 'CalloutSubview',
-  providers: {
-    google: {
-      ios: SUPPORTED,
-      android: NOT_SUPPORTED,
-    },
-  },
-});

package/src/MapCircle.js

@@ -1,150 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import {
-  ColorPropType,
-  ViewPropTypes,
-} from 'deprecated-react-native-prop-types';
-import decorateMapComponent, {
-  USES_DEFAULT_IMPLEMENTATION,
-  SUPPORTED,
-} from './decorateMapComponent';
-
-const propTypes = {
-  ...ViewPropTypes,
-
-  /**
-   * The coordinate of the center of the circle
-   */
-  center: PropTypes.shape({
-    /**
-     * Coordinates for the center of the circle.
-     */
-    latitude: PropTypes.number.isRequired,
-    longitude: PropTypes.number.isRequired,
-  }).isRequired,
-
-  /**
-   * The radius of the circle to be drawn (in meters)
-   */
-  radius: PropTypes.number.isRequired,
-
-  /**
-   * Callback that is called when the user presses on the circle
-   */
-  onPress: PropTypes.func,
-
-  /**
-   * The stroke width to use for the path.
-   */
-  strokeWidth: PropTypes.number,
-
-  /**
-   * The stroke color to use for the path.
-   */
-  strokeColor: ColorPropType,
-
-  /**
-   * The fill color to use for the path.
-   */
-  fillColor: ColorPropType,
-
-  /**
-   * The order in which this tile overlay is drawn with respect to other overlays. An overlay
-   * with a larger z-index is drawn over overlays with smaller z-indices. The order of overlays
-   * with the same z-index is arbitrary. The default zIndex is 0.
-   *
-   * @platform android
-   */
-  zIndex: PropTypes.number,
-
-  /**
-   * The line cap style to apply to the open ends of the path.
-   * The default style is `round`.
-   *
-   * @platform ios
-   */
-  lineCap: PropTypes.oneOf(['butt', 'round', 'square']),
-
-  /**
-   * The line join style to apply to corners of the path.
-   * The default style is `round`.
-   *
-   * @platform ios
-   */
-  lineJoin: PropTypes.oneOf(['miter', 'round', 'bevel']),
-
-  /**
-   * The limiting value that helps avoid spikes at junctions between connected line segments.
-   * The miter limit helps you avoid spikes in paths that use the `miter` `lineJoin` style. If
-   * the ratio of the miter length—that is, the diagonal length of the miter join—to the line
-   * thickness exceeds the miter limit, the joint is converted to a bevel join. The default
-   * miter limit is 10, which results in the conversion of miters whose angle at the joint
-   * is less than 11 degrees.
-   *
-   * @platform ios
-   */
-  miterLimit: PropTypes.number,
-
-  /**
-   * The offset (in points) at which to start drawing the dash pattern.
-   *
-   * Use this property to start drawing a dashed line partway through a segment or gap. For
-   * example, a phase value of 6 for the patter 5-2-3-2 would cause drawing to begin in the
-   * middle of the first gap.
-   *
-   * The default value of this property is 0.
-   *
-   * @platform ios
-   */
-  lineDashPhase: PropTypes.number,
-
-  /**
-   * 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.
-   *
-   * This property is set to `null` by default, which indicates no line dash pattern.
-   *
-   * @platform ios
-   */
-  lineDashPattern: PropTypes.arrayOf(PropTypes.number),
-};
-
-const defaultProps = {
-  strokeColor: '#000',
-  strokeWidth: 1,
-};
-
-class MapCircle extends React.Component {
-  setNativeProps(props) {
-    this.circle.setNativeProps(props);
-  }
-
-  render() {
-    const AIRMapCircle = this.getAirComponent();
-    return (
-      <AIRMapCircle
-        {...this.props}
-        ref={(ref) => {
-          this.circle = ref;
-        }}
-      />
-    );
-  }
-}
-
-MapCircle.propTypes = propTypes;
-MapCircle.defaultProps = defaultProps;
-
-export default decorateMapComponent(MapCircle, {
-  componentType: 'Circle',
-  providers: {
-    google: {
-      ios: SUPPORTED,
-      android: USES_DEFAULT_IMPLEMENTATION,
-    },
-  },
-});

package/src/MapHeatmap.js

@@ -1,99 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import { processColor } from 'react-native';
-import { ViewPropTypes } from 'deprecated-react-native-prop-types';
-import decorateMapComponent, {
-  SUPPORTED,
-  USES_DEFAULT_IMPLEMENTATION,
-} from './decorateMapComponent';
-
-const propTypes = {
-  ...ViewPropTypes,
-
-  /**
-   * Array of heatmap entries to apply towards density.
-   */
-  points: PropTypes.arrayOf(
-    PropTypes.shape({
-      /**
-       * Latitude/Longitude coordinates
-       */
-      latitude: PropTypes.number.isRequired,
-      longitude: PropTypes.number.isRequired,
-      weight: PropTypes.number,
-    })
-  ),
-
-  /**
-   * The radius of the heatmap points in pixels, between 10 and 50
-   * (default 20).
-   */
-  radius: PropTypes.number,
-
-  /**
-   * The opacity of the heatmap (default 0.7).
-   */
-  opacity: PropTypes.number,
-
-  /**
-   * Heatmap gradient configuration.
-   */
-  gradient: PropTypes.shape({
-    /**
-     * Colors (one or more) to use for gradient.
-     */
-    colors: PropTypes.arrayOf(PropTypes.string),
-    /**
-     * Array of floating point values from 0 to 1 representing
-     * where each color starts.
-     */
-    startPoints: PropTypes.arrayOf(PropTypes.number),
-    /**
-     * Resolution of color map -- number corresponding to the
-     * number of steps colors are interpolated into (default 256).
-     */
-    colorMapSize: PropTypes.number,
-  }),
-};
-
-const defaultProps = {
-  strokeColor: '#000',
-  strokeWidth: 1,
-};
-
-class MapHeatmap extends React.Component {
-  setNativeProps(props) {
-    this.heatmap.setNativeProps(props);
-  }
-
-  render() {
-    const AIRMapHeatmap = this.getAirComponent();
-    let gradient;
-    if (this.props.gradient) {
-      gradient = Object.assign({}, this.props.gradient);
-      gradient.colors = gradient.colors.map((c) => processColor(c));
-    }
-    return (
-      <AIRMapHeatmap
-        {...this.props}
-        gradient={gradient}
-        ref={(ref) => {
-          this.heatmap = ref;
-        }}
-      />
-    );
-  }
-}
-
-MapHeatmap.propTypes = propTypes;
-MapHeatmap.defaultProps = defaultProps;
-
-export default decorateMapComponent(MapHeatmap, {
-  componentType: 'Heatmap',
-  providers: {
-    google: {
-      ios: SUPPORTED,
-      android: USES_DEFAULT_IMPLEMENTATION,
-    },
-  },
-});