@maplibre/maplibre-react-native 9.1.0 → 10.0.0-alpha.1

package/javascript/components/VectorSource.js

@@ -1,200 +0,0 @@
-import {
-  cloneReactChildrenWithProps,
-  viewPropTypes,
-  isFunction,
-  isAndroid,
-} from '../utils';
-import {getFilter} from '../utils/filterUtils';
-import {copyPropertiesAsDeprecated} from '../utils/deprecation';
-
-import AbstractSource from './AbstractSource';
-import NativeBridgeComponent from './NativeBridgeComponent';
-
-import PropTypes from 'prop-types';
-import React from 'react';
-import {NativeModules, requireNativeComponent} from 'react-native';
-
-const MapLibreGL = NativeModules.MGLModule;
-
-export const NATIVE_MODULE_NAME = 'RCTMGLVectorSource';
-
-/**
- * VectorSource is a map content source that supplies tiled vector data in Mapbox Vector Tile format 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 VectorSource extends NativeBridgeComponent(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/vector-tiles/{z}/{x}/{y}.pbf
-     */
-    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,
-
-    /**
-     * 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,
-
-    /**
-     * Source press listener, gets called when a user presses one of the children layers only
-     * if that layer has a higher z-index than another source layers
-     *
-     * @param {Object} event
-     * @param {Object[]} event.features - the geojson features that have hit by the press (might be multiple)
-     * @param {Object} event.coordinates - the coordinates of the click
-     * @param {Object} event.point - the point of the click
-     */
-    onPress: PropTypes.func,
-
-    /**
-     * Overrides the default touch hitbox(44x44 pixels) for the source layers
-     */
-    hitbox: PropTypes.shape({
-      /**
-       * `width` of hitbox
-       */
-      width: PropTypes.number.isRequired,
-      /**
-       * `height` of hitbox
-       */
-      height: PropTypes.number.isRequired,
-    }),
-  };
-
-  static defaultProps = {
-    id: MapLibreGL.StyleSource.DefaultSourceID,
-  };
-
-  constructor(props) {
-    super(props, NATIVE_MODULE_NAME);
-  }
-
-  _setNativeRef(nativeRef) {
-    this._nativeRef = nativeRef;
-    super._runPendingNativeCommands(nativeRef);
-  }
-
-  /**
-   * Returns all features that match the query parameters regardless of whether or not the feature is
-   * currently rendered on the map. The domain of the query includes all currently-loaded vector tiles
-   * and GeoJSON source tiles. This function does not check tiles outside of the visible viewport.
-   *
-   * @example
-   * vectorSource.features(['id1', 'id2'])
-   *
-   * @param  {Array=} layerIDs - A set of strings that correspond to the names of layers defined in the current style. Only the features contained in these layers are included in the returned array.
-   * @param  {Array=} filter - an optional filter statement to filter the returned Features.
-   * @return {FeatureCollection}
-   */
-  async features(layerIDs = [], filter = []) {
-    const res = await this._runNativeCommand('features', this._nativeRef, [
-      layerIDs,
-      getFilter(filter),
-    ]);
-
-    if (isAndroid()) {
-      return JSON.parse(res.data);
-    }
-
-    return res.data;
-  }
-
-  onPress(event) {
-    const {
-      nativeEvent: {
-        payload: {features, coordinates, point},
-      },
-    } = event;
-    let newEvent = {
-      features,
-      coordinates,
-      point,
-    };
-    newEvent = copyPropertiesAsDeprecated(
-      event,
-      newEvent,
-      key => {
-        console.warn(
-          `event.${key} is deprecated on VectorSource#onPress, please use event.features`,
-        );
-      },
-      {
-        nativeEvent: origNativeEvent => ({
-          ...origNativeEvent,
-          payload: features[0],
-        }),
-      },
-    );
-    this.props.onPress(newEvent);
-  }
-
-  render() {
-    const props = {
-      id: this.props.id,
-      url: this.props.url,
-      tileUrlTemplates: this.props.tileUrlTemplates,
-      minZoomLevel: this.props.minZoomLevel,
-      maxZoomLevel: this.props.maxZoomLevel,
-      tms: this.props.tms,
-      attribution: this.props.attribution,
-      hitbox: this.props.hitbox,
-      hasPressListener: isFunction(this.props.onPress),
-      onMapboxVectorSourcePress: this.onPress.bind(this),
-      onPress: undefined,
-      ref: nativeRef => this._setNativeRef(nativeRef),
-      onAndroidCallback: isAndroid() ? this._onAndroidCallback : undefined,
-    };
-    return (
-      <RCTMGLVectorSource ref="nativeSource" {...props}>
-        {cloneReactChildrenWithProps(this.props.children, {
-          sourceID: this.props.id,
-        })}
-      </RCTMGLVectorSource>
-    );
-  }
-}
-
-const RCTMGLVectorSource = requireNativeComponent(
-  NATIVE_MODULE_NAME,
-  VectorSource,
-  {
-    nativeOnly: {
-      hasPressListener: true,
-      onMapboxVectorSourcePress: true,
-    },
-  },
-);
-
-export default VectorSource;

package/javascript/components/annotations/Annotation.js

@@ -1,122 +0,0 @@
-import SymbolLayer from '../SymbolLayer';
-import Animated from '../../utils/animated/Animated';
-import AnimatedMapPoint from '../../utils/animated/AnimatedPoint';
-
-import PropTypes from 'prop-types';
-import React from 'react';
-import {Easing} from 'react-native';
-
-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 AnimatedMapPoint(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 (!hasCoordChanged) {
-      return;
-    }
-
-    if (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();
-    } else if (!this.state.shape || !this.props.animated) {
-      const shape = this._getShapeFromProps(this.props);
-
-      this.setState({
-        shape: this.props.animated ? new AnimatedMapPoint(shape) : shape,
-      });
-    }
-  }
-
-  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,149 +0,0 @@
-import {isAndroid} from './utils';
-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 Camera from './components/Camera';
-import VectorSource from './components/VectorSource';
-import ShapeSource from './components/ShapeSource';
-import RasterSource from './components/RasterSource';
-import ImageSource from './components/ImageSource';
-import Images from './components/Images';
-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 SymbolLayer from './components/SymbolLayer';
-import RasterLayer from './components/RasterLayer';
-import BackgroundLayer from './components/BackgroundLayer';
-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 AnimatedMapPoint from './utils/animated/AnimatedPoint';
-import AnimatedShape from './utils/animated/AnimatedShape';
-import AnimatedCoordinatesArray from './utils/animated/AnimatedCoordinatesArray';
-import AnimatedExtractCoordinateFromArray from './utils/animated/AnimatedExtractCoordinateFromArray';
-import AnimatedRouteCoordinatesArray from './utils/animated/AnimatedRouteCoordinatesArray';
-import Style from './components/Style';
-import Logger from './utils/Logger';
-
-import {NativeModules, PermissionsAndroid} from 'react-native';
-
-const MapLibreGL = {...NativeModules.MGLModule};
-
-// static methods
-MapLibreGL.requestAndroidLocationPermissions = async function () {
-  if (isAndroid()) {
-    const res = await PermissionsAndroid.requestMultiple([
-      PermissionsAndroid.PERMISSIONS.ACCESS_FINE_LOCATION,
-      PermissionsAndroid.PERMISSIONS.ACCESS_COARSE_LOCATION,
-    ]);
-
-    if (!res) {
-      return false;
-    }
-
-    const permissions = Object.keys(res);
-    for (const permission of permissions) {
-      if (res[permission] === PermissionsAndroid.RESULTS.GRANTED) {
-        return true;
-      }
-    }
-
-    return false;
-  }
-
-  throw new Error('You should only call this method on Android!');
-};
-
-MapLibreGL.UserTrackingModes = Camera.UserTrackingModes;
-
-// components
-MapLibreGL.MapView = MapView;
-MapLibreGL.Light = Light;
-MapLibreGL.PointAnnotation = PointAnnotation;
-MapLibreGL.Callout = Callout;
-MapLibreGL.UserLocation = UserLocation;
-MapLibreGL.Camera = Camera;
-MapLibreGL.Style = Style;
-
-// annotations
-MapLibreGL.Annotation = Annotation;
-MapLibreGL.MarkerView = MarkerView;
-
-// sources
-MapLibreGL.VectorSource = VectorSource;
-MapLibreGL.ShapeSource = ShapeSource;
-MapLibreGL.RasterSource = RasterSource;
-MapLibreGL.ImageSource = ImageSource;
-MapLibreGL.Images = Images;
-
-// layers
-MapLibreGL.FillLayer = FillLayer;
-MapLibreGL.FillExtrusionLayer = FillExtrusionLayer;
-MapLibreGL.HeatmapLayer = HeatmapLayer;
-MapLibreGL.LineLayer = LineLayer;
-MapLibreGL.CircleLayer = CircleLayer;
-MapLibreGL.SymbolLayer = SymbolLayer;
-MapLibreGL.RasterLayer = RasterLayer;
-MapLibreGL.BackgroundLayer = BackgroundLayer;
-
-// modules
-MapLibreGL.locationManager = locationManager;
-MapLibreGL.offlineManager = offlineManager;
-MapLibreGL.snapshotManager = snapshotManager;
-
-// animated
-MapLibreGL.Animated = Animated;
-
-// utils
-MapLibreGL.AnimatedPoint = AnimatedMapPoint;
-MapLibreGL.AnimatedCoordinatesArray = AnimatedCoordinatesArray;
-MapLibreGL.AnimatedExtractCoordinateFromArray =
-  AnimatedExtractCoordinateFromArray;
-MapLibreGL.AnimatedRouteCoordinatesArray = AnimatedRouteCoordinatesArray;
-MapLibreGL.AnimatedShape = AnimatedShape;
-MapLibreGL.Logger = Logger;
-
-const {LineJoin} = MapLibreGL;
-
-export {
-  MapView,
-  Light,
-  PointAnnotation,
-  Callout,
-  UserLocation,
-  Camera,
-  Annotation,
-  MarkerView,
-  VectorSource,
-  ShapeSource,
-  RasterSource,
-  ImageSource,
-  Images,
-  FillLayer,
-  FillExtrusionLayer,
-  HeatmapLayer,
-  LineLayer,
-  CircleLayer,
-  SymbolLayer,
-  RasterLayer,
-  BackgroundLayer,
-  locationManager,
-  offlineManager,
-  snapshotManager,
-  AnimatedMapPoint,
-  AnimatedCoordinatesArray,
-  AnimatedShape,
-  Animated,
-  LineJoin,
-  Logger,
-  Style,
-};
-
-export default MapLibreGL;

package/javascript/utils/BridgeValue.js

@@ -1,81 +0,0 @@
-import {isBoolean, isNumber, isString} from './index';
-
-const Types = {
-  Array: 'array',
-  Bool: 'boolean',
-  Number: 'number',
-  String: 'string',
-  HashMap: 'hashmap',
-};
-
-export default class BridgeValue {
-  constructor(rawValue) {
-    this.rawValue = rawValue;
-  }
-
-  get type() {
-    if (Array.isArray(this.rawValue)) {
-      return Types.Array;
-    }
-    if (isBoolean(this.rawValue)) {
-      return Types.Bool;
-    }
-    if (isNumber(this.rawValue)) {
-      return Types.Number;
-    }
-    if (isString(this.rawValue)) {
-      return Types.String;
-    }
-    if (this.rawValue && typeof this.rawValue === 'object') {
-      return Types.HashMap;
-    }
-    throw new Error(
-      `[type - ${this.rawValue}] BridgeValue must be a primitive/array/object`,
-    );
-  }
-
-  get value() {
-    const {type} = this;
-
-    let value;
-
-    if (type === Types.Array) {
-      value = [];
-
-      for (const innerRawValue of this.rawValue) {
-        const bridgeValue = new BridgeValue(innerRawValue);
-        value.push(bridgeValue.toJSON());
-      }
-    } else if (type === Types.HashMap) {
-      value = [];
-
-      const stringKeys = Object.keys(this.rawValue);
-      for (const stringKey of stringKeys) {
-        value.push([
-          new BridgeValue(stringKey).toJSON(),
-          new BridgeValue(this.rawValue[stringKey]).toJSON(),
-        ]);
-      }
-    } else if (
-      type === Types.Bool ||
-      type === Types.Number ||
-      type === Types.String
-    ) {
-      value = this.rawValue;
-    } else {
-      throw new Error(
-        `[value - ${this.rawValue}] BridgeValue must be a primitive/array/object`,
-      );
-    }
-
-    return value;
-  }
-
-  toJSON(formatter) {
-    return {
-      type: this.type,
-      value:
-        typeof formatter === 'function' ? formatter(this.value) : this.value,
-    };
-  }
-}