@rnmapbox/maps 10.0.0-beta.74 → 10.0.0-beta.76

package/javascript/components/ImageSource.js

@@ -1,82 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { requireNativeComponent } from 'react-native';
-
-import {
-  cloneReactChildrenWithProps,
-  viewPropTypes,
-  isNumber,
-  resolveImagePath,
-} from '../utils';
-
-import AbstractSource from './AbstractSource';
-
-export const NATIVE_MODULE_NAME = 'RCTMGLImageSource';
-
-/**
- * ImageSource is a content source that is used for a georeferenced raster image to be shown on the map.
- * The georeferenced image scales and rotates as the user zooms and rotates the map
- */
-class ImageSource extends AbstractSource {
-  static propTypes = {
-    ...viewPropTypes,
-
-    /**
-     * A string that uniquely identifies the source.
-     */
-    id: PropTypes.string.isRequired,
-
-    /**
-     * An HTTP(S) URL, absolute file URL, or local file URL to the source image.
-     * Gifs are currently not supported.
-     */
-    url: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-
-    /**
-     * The top left, top right, bottom right, and bottom left coordinates for the image.
-     */
-    coordinates: PropTypes.arrayOf(
-      PropTypes.arrayOf(PropTypes.number).isRequired,
-    ).isRequired,
-  };
-
-  _getURL() {
-    let { url } = this.props;
-
-    if (isNumber(this.props.url)) {
-      url = resolveImagePath(this.props.url);
-    }
-
-    return url;
-  }
-
-  render() {
-    if (
-      !this.props.url ||
-      !this.props.coordinates ||
-      !this.props.coordinates.length
-    ) {
-      return null;
-    }
-
-    const props = {
-      ...this.props,
-      url: this._getURL(),
-    };
-
-    return (
-      <RCTMGLImageSource ref="nativeSource" {...props}>
-        {cloneReactChildrenWithProps(this.props.children, {
-          sourceID: this.props.id,
-        })}
-      </RCTMGLImageSource>
-    );
-  }
-}
-
-const RCTMGLImageSource = requireNativeComponent(
-  NATIVE_MODULE_NAME,
-  ImageSource,
-);
-
-export default ImageSource;

package/javascript/components/RasterDemSource.js

@@ -1,106 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { NativeModules, requireNativeComponent } from 'react-native';
-
-import { cloneReactChildrenWithProps, viewPropTypes } from '../utils';
-
-import AbstractSource from './AbstractSource';
-
-const isTileTemplateUrl = (url) =>
-  url &&
-  (url.includes('{z}') || url.includes('{bbox-') || url.includes('{quadkey}'));
-
-const MapboxGL = NativeModules.MGLModule;
-
-export const NATIVE_MODULE_NAME = 'RCTMGLRasterDemSource';
-
-class RasterDemSource extends AbstractSource {
-  static propTypes = {
-    ...viewPropTypes,
-
-    /**
-     * A string that uniquely identifies the source.
-     */
-    id: PropTypes.string.isRequired,
-
-    /**
-     * A URL to a TileJSON configuration file describing the source’s contents and other metadata.
-     */
-    url: PropTypes.string,
-
-    /**
-     * An array of tile URL templates. If multiple endpoints are specified, clients may use any combination of endpoints.
-     * Example: https://example.com/raster-tiles/{z}/{x}/{y}.png
-     */
-    tileUrlTemplates: PropTypes.arrayOf(PropTypes.string),
-
-    /**
-     * An unsigned integer that specifies the minimum zoom level at which to display tiles from the source.
-     * The value should be between 0 and 22, inclusive, and less than
-     * maxZoomLevel, if specified. The default value for this option is 0.
-     */
-    minZoomLevel: PropTypes.number,
-
-    /**
-     * An unsigned integer that specifies the maximum zoom level at which to display tiles from the source.
-     * The value should be between 0 and 22, inclusive, and less than
-     * minZoomLevel, if specified. The default value for this option is 22.
-     */
-    maxZoomLevel: PropTypes.number,
-
-    /**
-     * Size of the map tiles.
-     * Mapbox urls default to 256, all others default to 512.
-     */
-    tileSize: PropTypes.number,
-  };
-
-  static defaultProps = {
-    id: MapboxGL.StyleSource.DefaultSourceID,
-  };
-
-  constructor(props) {
-    super(props);
-    if (isTileTemplateUrl(props.url)) {
-      console.warn(
-        `RasterDemSource 'url' property contains a Tile URL Template, but is intended for a StyleJSON URL. Please migrate your VectorSource to use: \`tileUrlTemplates=["${props.url}"]\` instead.`,
-      );
-    }
-  }
-
-  render() {
-    let { url } = this.props;
-    let { tileUrlTemplates } = this.props;
-
-    // Swapping url for tileUrlTemplates to provide backward compatibility
-    // when RasterSource supported only tile url as url prop
-    if (isTileTemplateUrl(url)) {
-      tileUrlTemplates = [url];
-      url = undefined;
-    }
-
-    const props = {
-      ...this.props,
-      id: this.props.id,
-      url,
-      tileUrlTemplates,
-      minZoomLevel: this.props.minZoomLevel,
-      maxZoomLevel: this.props.maxZoomLevel,
-      tileSize: this.props.tileSize,
-    };
-    return (
-      <RCTMGLRasterDemSource ref="nativeSource" {...props}>
-        {cloneReactChildrenWithProps(this.props.children, {
-          sourceID: this.props.id,
-        })}
-      </RCTMGLRasterDemSource>
-    );
-  }
-}
-
-const RCTMGLRasterDemSource = requireNativeComponent(
-  NATIVE_MODULE_NAME,
-  RasterDemSource,
-);
-
-export default RasterDemSource;

package/javascript/components/RasterSource.js

@@ -1,124 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { NativeModules, requireNativeComponent } from 'react-native';
-
-import { cloneReactChildrenWithProps, viewPropTypes } from '../utils';
-
-import AbstractSource from './AbstractSource';
-
-const MapboxGL = NativeModules.MGLModule;
-
-export const NATIVE_MODULE_NAME = 'RCTMGLRasterSource';
-
-const isTileTemplateUrl = (url) =>
-  url &&
-  (url.includes('{z}') || url.includes('{bbox-') || url.includes('{quadkey}'));
-
-/**
- * RasterSource is a map content source that supplies raster image tiles to be shown on the map.
- * The location of and metadata about the tiles are defined either by an option dictionary
- * or by an external file that conforms to the TileJSON specification.
- */
-class RasterSource extends AbstractSource {
-  static propTypes = {
-    ...viewPropTypes,
-
-    /**
-     * A string that uniquely identifies the source.
-     */
-    id: PropTypes.string.isRequired,
-
-    /**
-     * A URL to a TileJSON configuration file describing the source’s contents and other metadata.
-     */
-    url: PropTypes.string,
-
-    /**
-     * An array of tile URL templates. If multiple endpoints are specified, clients may use any combination of endpoints.
-     * Example: https://example.com/raster-tiles/{z}/{x}/{y}.png
-     */
-    tileUrlTemplates: PropTypes.arrayOf(PropTypes.string),
-
-    /**
-     * An unsigned integer that specifies the minimum zoom level at which to display tiles from the source.
-     * The value should be between 0 and 22, inclusive, and less than
-     * maxZoomLevel, if specified. The default value for this option is 0.
-     */
-    minZoomLevel: PropTypes.number,
-
-    /**
-     * An unsigned integer that specifies the maximum zoom level at which to display tiles from the source.
-     * The value should be between 0 and 22, inclusive, and less than
-     * minZoomLevel, if specified. The default value for this option is 22.
-     */
-    maxZoomLevel: PropTypes.number,
-
-    /**
-     * Size of the map tiles.
-     * Mapbox urls default to 256, all others default to 512.
-     */
-    tileSize: PropTypes.number,
-
-    /**
-     * Influences the y direction of the tile coordinates. (tms inverts y axis)
-     */
-    tms: PropTypes.bool,
-
-    /**
-     * An HTML or literal text string defining the buttons to be displayed in an action sheet when the
-     * source is part of a map view’s style and the map view’s attribution button is pressed.
-     */
-    attribution: PropTypes.string,
-  };
-
-  static defaultProps = {
-    id: MapboxGL.StyleSource.DefaultSourceID,
-  };
-
-  constructor(props) {
-    super(props);
-    if (isTileTemplateUrl(props.url)) {
-      console.warn(
-        `RasterSource 'url' property contains a Tile URL Template, but is intended for a StyleJSON URL. Please migrate your VectorSource to use: \`tileUrlTemplates=["${props.url}"]\` instead.`,
-      );
-    }
-  }
-
-  render() {
-    let { url } = this.props;
-    let { tileUrlTemplates } = this.props;
-
-    // Swapping url for tileUrlTemplates to provide backward compatibility
-    // when RasterSource supported only tile url as url prop
-    if (isTileTemplateUrl(url)) {
-      tileUrlTemplates = [url];
-      url = undefined;
-    }
-
-    const props = {
-      ...this.props,
-      id: this.props.id,
-      url,
-      tileUrlTemplates,
-      minZoomLevel: this.props.minZoomLevel,
-      maxZoomLevel: this.props.maxZoomLevel,
-      tileSize: this.props.tileSize,
-      tms: this.props.tms,
-      attribution: this.props.attribution,
-    };
-    return (
-      <RCTMGLRasterSource ref={this.setNativeRef} {...props}>
-        {cloneReactChildrenWithProps(this.props.children, {
-          sourceID: this.props.id,
-        })}
-      </RCTMGLRasterSource>
-    );
-  }
-}
-
-const RCTMGLRasterSource = requireNativeComponent(
-  NATIVE_MODULE_NAME,
-  RasterSource,
-);
-
-export default RasterSource;

package/javascript/components/annotations/Annotation.js

@@ -1,122 +0,0 @@
-import React from 'react';
-import { Easing } from 'react-native';
-import PropTypes from 'prop-types';
-
-import { SymbolLayer } from '../SymbolLayer';
-import Animated from '../../utils/animated/Animated';
-import { AnimatedPoint } from '../../classes';
-
-class Annotation extends React.Component {
-  static propTypes = {
-    id: PropTypes.string.isRequired,
-    animated: PropTypes.bool,
-    animationDuration: PropTypes.number,
-    animationEasingFunction: PropTypes.func,
-    coordinates: PropTypes.arrayOf(PropTypes.number),
-    onPress: PropTypes.func,
-    children: PropTypes.any,
-    style: PropTypes.any,
-    icon: PropTypes.oneOfType([
-      PropTypes.string,
-      PropTypes.number,
-      PropTypes.object,
-    ]),
-  };
-
-  static defaultProps = {
-    animated: false,
-    animationDuration: 1000,
-    animationEasingFunction: Easing.linear,
-  };
-
-  constructor(props) {
-    super(props);
-
-    const shape = this._getShapeFromProps(props);
-
-    this.state = {
-      shape: props.animated ? new AnimatedPoint(shape) : shape,
-    };
-
-    this.onPress = this.onPress.bind(this);
-  }
-
-  componentDidUpdate(prevProps) {
-    if (!Array.isArray(this.props.coordinates)) {
-      this.setState({ shape: null });
-      return;
-    }
-
-    const hasCoordChanged =
-      prevProps.coordinates[0] !== this.props.coordinates[0] ||
-      prevProps.coordinates[1] !== this.props.coordinates[1];
-
-    if (
-      prevProps.animated !== this.props.animated ||
-      (hasCoordChanged && (!this.state.shape || !this.props.animated))
-    ) {
-      const shape = this._getShapeFromProps(this.props);
-
-      this.setState({
-        shape: this.props.animated ? new AnimatedPoint(shape) : shape,
-      });
-    } else if (hasCoordChanged && this.props.animated && this.state.shape) {
-      // flush current animations
-      this.state.shape.stopAnimation();
-
-      this.state.shape
-        .timing({
-          coordinates: this.props.coordinates,
-          easing: this.props.animationEasingFunction,
-          duration: this.props.animationDuration,
-        })
-        .start();
-    }
-  }
-
-  onPress() {
-    if (this.props.onPress) {
-      this.props.onPress();
-    }
-  }
-
-  _getShapeFromProps(props = {}) {
-    const lng = props.coordinates[0] || 0;
-    const lat = props.coordinates[1] || 0;
-    return { type: 'Point', coordinates: [lng, lat] };
-  }
-
-  get symbolStyle() {
-    if (!this.props.icon) {
-      return undefined;
-    }
-    return Object.assign({}, this.props.style, {
-      iconImage: this.props.icon,
-    });
-  }
-
-  render() {
-    if (!this.props.coordinates) {
-      return null;
-    }
-
-    return (
-      <Animated.ShapeSource
-        id={this.props.id}
-        ref="source"
-        onPress={this.onPress}
-        shape={this.state.shape}
-      >
-        {this.symbolStyle && (
-          <SymbolLayer
-            id={`${this.props.id}-symbol`}
-            style={this.symbolStyle}
-          />
-        )}
-        {this.props.children}
-      </Animated.ShapeSource>
-    );
-  }
-}
-
-export default Annotation;

package/javascript/index.js

@@ -1,162 +0,0 @@
-import { NativeModules } from 'react-native';
-
-import { Camera, UserTrackingMode } from './components/Camera';
-import { Atmosphere } from './components/Atmosphere';
-import MapView from './components/MapView';
-import Light from './components/Light';
-import PointAnnotation from './components/PointAnnotation';
-import Annotation from './components/annotations/Annotation';
-import Callout from './components/Callout';
-import UserLocation from './components/UserLocation';
-import VectorSource from './components/VectorSource';
-import { ShapeSource } from './components/ShapeSource';
-import RasterSource from './components/RasterSource';
-import RasterDemSource from './components/RasterDemSource';
-import ImageSource from './components/ImageSource';
-import Images from './components/Images';
-import Image from './components/Image';
-import FillLayer from './components/FillLayer';
-import FillExtrusionLayer from './components/FillExtrusionLayer';
-import HeatmapLayer from './components/HeatmapLayer';
-import LineLayer from './components/LineLayer';
-import CircleLayer from './components/CircleLayer';
-import SkyLayer from './components/SkyLayer';
-import { SymbolLayer } from './components/SymbolLayer';
-import RasterLayer from './components/RasterLayer';
-import BackgroundLayer from './components/BackgroundLayer';
-import { Terrain } from './components/Terrain';
-import locationManager from './modules/location/locationManager';
-import offlineManager from './modules/offline/offlineManager';
-import snapshotManager from './modules/snapshot/snapshotManager';
-import MarkerView from './components/MarkerView';
-import Animated from './utils/animated/Animated';
-import {
-  AnimatedCoordinatesArray,
-  AnimatedExtractCoordinateFromArray,
-  AnimatedPoint,
-  AnimatedRouteCoordinatesArray,
-  AnimatedShape,
-} from './classes';
-import Style from './components/Style';
-import Logger from './utils/Logger';
-import { deprecatedClass } from './utils/deprecation';
-import { requestAndroidLocationPermissions } from './requestAndroidLocationPermissions';
-import { getAnnotationsLayerID } from './utils/getAnnotationsLayerID';
-
-const MapboxGL = { ...NativeModules.MGLModule };
-
-// static methods
-MapboxGL.requestAndroidLocationPermissions = requestAndroidLocationPermissions;
-MapboxGL.UserTrackingModes = UserTrackingMode;
-
-// components
-MapboxGL.MapView = MapView;
-MapboxGL.Light = Light;
-MapboxGL.PointAnnotation = PointAnnotation;
-MapboxGL.Callout = Callout;
-MapboxGL.UserLocation = UserLocation;
-MapboxGL.Camera = Camera;
-MapboxGL.Style = Style;
-
-// classes
-MapboxGL.AnimatedPoint = AnimatedPoint;
-MapboxGL.AnimatedMapPoint = deprecatedClass(
-  AnimatedPoint,
-  'AnimatedMapPoint is deprecated please use AnimatedPoint',
-);
-MapboxGL.AnimatedShape = AnimatedShape;
-MapboxGL.AnimatedCoordinatesArray = AnimatedCoordinatesArray;
-MapboxGL.AnimatedExtractCoordinateFromArray =
-  AnimatedExtractCoordinateFromArray;
-MapboxGL.AnimatedRouteCoordinatesArray = AnimatedRouteCoordinatesArray;
-
-// annotations
-MapboxGL.Annotation = Annotation;
-MapboxGL.MarkerView = MarkerView;
-
-// sources
-MapboxGL.VectorSource = VectorSource;
-MapboxGL.ShapeSource = ShapeSource;
-MapboxGL.RasterSource = RasterSource;
-MapboxGL.ImageSource = ImageSource;
-MapboxGL.Images = Images;
-MapboxGL.Image = Image;
-MapboxGL.RasterDemSource = RasterDemSource;
-
-// layers
-MapboxGL.FillLayer = FillLayer;
-MapboxGL.FillExtrusionLayer = FillExtrusionLayer;
-MapboxGL.HeatmapLayer = HeatmapLayer;
-MapboxGL.LineLayer = LineLayer;
-MapboxGL.CircleLayer = CircleLayer;
-MapboxGL.SkyLayer = SkyLayer;
-MapboxGL.SymbolLayer = SymbolLayer;
-MapboxGL.RasterLayer = RasterLayer;
-MapboxGL.BackgroundLayer = BackgroundLayer;
-
-MapboxGL.Terrain = Terrain;
-MapboxGL.Atmosphere = Atmosphere;
-
-// modules
-MapboxGL.locationManager = locationManager;
-MapboxGL.offlineManager = offlineManager;
-MapboxGL.snapshotManager = snapshotManager;
-
-// animated
-MapboxGL.Animated = Animated;
-MapboxGL.Animated.RouteCoordinatesArray = AnimatedRouteCoordinatesArray; // For backwards compatibiilty.
-MapboxGL.Animated.ExtractCoordinateFromArray =
-  AnimatedExtractCoordinateFromArray; // For backwards compatibiilty.
-
-// utils
-MapboxGL.Logger = Logger;
-MapboxGL.getAnnotationsLayerID = getAnnotationsLayerID;
-
-const { LineJoin } = MapboxGL;
-
-const AnimatedMapPoint = AnimatedPoint; // For backwards compatibiilty.
-
-export {
-  MapView,
-  Light,
-  PointAnnotation,
-  Callout,
-  UserLocation,
-  Camera,
-  Annotation,
-  MarkerView,
-  VectorSource,
-  ShapeSource,
-  RasterSource,
-  RasterDemSource,
-  ImageSource,
-  Images,
-  Image,
-  FillLayer,
-  FillExtrusionLayer,
-  HeatmapLayer,
-  LineLayer,
-  CircleLayer,
-  SkyLayer,
-  SymbolLayer,
-  RasterLayer,
-  BackgroundLayer,
-  Terrain,
-  Atmosphere,
-  AnimatedCoordinatesArray,
-  AnimatedExtractCoordinateFromArray,
-  AnimatedPoint,
-  AnimatedMapPoint,
-  AnimatedRouteCoordinatesArray,
-  AnimatedShape,
-  locationManager,
-  offlineManager,
-  snapshotManager,
-  Animated,
-  LineJoin,
-  Logger,
-  getAnnotationsLayerID,
-  Style,
-};
-
-export default MapboxGL;

package/javascript/utils/geoUtils.d.ts

@@ -1,10 +0,0 @@
-export function makeLatLngBounds<G = Geometry, P = Properties>(
-  northEastCoordinates: Position[],
-  southWestCoordinates: Position[],
-): FeatureCollection<G, P>;
-
-export function makePoint<P = Properties>(
-  coordinates: Position,
-  properties?: P,
-  options?: PositionsOptions,
-): Feature<GeoJSON.Point, P>;

package/javascript/utils/geoUtils.js

@@ -1,73 +0,0 @@
-import { featureCollection, point, feature, lineString } from '@turf/helpers';
-import distance from '@turf/distance';
-import along from '@turf/along';
-import geoViewport from '@mapbox/geo-viewport';
-
-const VECTOR_TILE_SIZE = 512;
-
-export function makePoint(coordinates, properties, options) {
-  return point(coordinates, properties, options);
-}
-
-export function makeLineString(coordinates, properties, options) {
-  return lineString(coordinates, properties, options);
-}
-
-export function makeLatLngBounds(northEastCoordinates, southWestCoordinates) {
-  return featureCollection([
-    point(northEastCoordinates),
-    point(southWestCoordinates),
-  ]);
-}
-
-export function makeFeature(geometry, properties) {
-  return feature(geometry, properties);
-}
-
-export function makeFeatureCollection(features = [], options) {
-  return featureCollection(features, options);
-}
-
-export function addToFeatureCollection(newFeatureCollection, newFeature) {
-  return {
-    ...newFeatureCollection,
-    features: [...newFeatureCollection.features, newFeature],
-  };
-}
-
-export function calculateDistance(origin, dest, options) {
-  return distance(origin, dest, options);
-}
-
-export function pointAlongLine(newLineString, distAlong, options) {
-  return along(newLineString, distAlong, options);
-}
-
-export function getOrCalculateVisibleRegion(
-  coord,
-  zoomLevel,
-  width,
-  height,
-  nativeRegion,
-) {
-  const region = {
-    ne: [0, 0],
-    sw: [0, 0],
-  };
-
-  if (!nativeRegion || !Array.isArray(nativeRegion.visibleBounds)) {
-    const bounds = geoViewport.bounds(
-      coord,
-      zoomLevel,
-      [width, height],
-      VECTOR_TILE_SIZE,
-    );
-    region.ne = [bounds[3], bounds[2]];
-    region.sw = [bounds[1], bounds[0]];
-  } else {
-    region.ne = nativeRegion.properties.visibleBounds[0];
-    region.sw = nativeRegion.properties.visibleBounds[1];
-  }
-
-  return region;
-}

package/javascript/utils/index.d.ts

@@ -1,27 +0,0 @@
-import React from 'react';
-
-export type NativeArg =
-  | string
-  | number
-  | { [k: string]: NativeArg }
-  | NativeArg[];
-
-export function isAndroid(): boolean;
-export function isBoolean(argument: unknown): argument is boolean;
-export function isNumber(argument: unknown): argument is number;
-export function isString(argument: unknown): argument is string;
-// eslint-disable-next-line @typescript-eslint/ban-types
-export function isFunction(argument: unknown): argument is Function;
-
-export function toJSONString(_: unknown): string;
-export function runNativeCommand<RefType, ReturnType = NativeArg>(
-  module: string,
-  name: string,
-  nativeRef: RefType,
-  args: NativeArg[],
-): Promise<ReturnType>;
-
-export function cloneReactChildrenWithProps(
-  children: React.ReactElement | React.ReactElement[],
-  propsToAdd: { [key: string]: string } = {},
-): React.ReactElement | React.ReactElement[];