@maplibre/maplibre-react-native 10.0.0-alpha.8 → 10.0.0-beta.1

package/lib/module/components/Style.js

@@ -0,0 +1,261 @@
+"use strict";
+
+import { useMemo, useState, useEffect } from "react";
+import BackgroundLayer from "./BackgroundLayer.js";
+import CircleLayer from "./CircleLayer.js";
+import FillExtrusionLayer from "./FillExtrusionLayer.js";
+import FillLayer from "./FillLayer.js";
+import HeatmapLayer from "./HeatmapLayer.js";
+import ImageSource from "./ImageSource.js";
+import LineLayer from "./LineLayer.js";
+import RasterLayer from "./RasterLayer.js";
+import RasterSource from "./RasterSource.js";
+import ShapeSource from "./ShapeSource.js";
+import SymbolLayer from "./SymbolLayer.js";
+import VectorSource from "./VectorSource.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+function toCamelCase(s) {
+  return s.replace(/([-_][a-z])/gi, $1 => {
+    return $1.toUpperCase().replace("-", "").replace("_", "");
+  });
+}
+
+// Patches the Mapbox Style Specification keys into the style props attributes:
+// icon-allow-overlap -> iconAllowOverlap
+function toCamelCaseKeys(oldObj) {
+  if (!oldObj) {
+    return {};
+  }
+  const newObj = {};
+  Object.keys(oldObj).forEach(key => {
+    const value = oldObj[key];
+    if (key.includes("-")) {
+      newObj[toCamelCase(key)] = value;
+    } else {
+      newObj[key] = value;
+    }
+  });
+  return newObj;
+}
+function getLayerComponentType(layer) {
+  const {
+    type
+  } = layer;
+  switch (type) {
+    case "circle":
+      return CircleLayer;
+    case "symbol":
+      return SymbolLayer;
+    case "raster":
+      return RasterLayer;
+    case "line":
+      return LineLayer;
+    case "fill":
+      return FillLayer;
+    case "fill-extrusion":
+      return FillExtrusionLayer;
+    case "background":
+      return BackgroundLayer;
+    case "heatmap":
+      return HeatmapLayer;
+  }
+  console.warn(`Mapbox layer type '${type}' is not supported/`);
+  return null;
+}
+function asLayerComponent(layer) {
+  const LayerComponent = getLayerComponentType(layer);
+  if (!LayerComponent) {
+    return null;
+  }
+  const style = {
+    ...toCamelCaseKeys(layer.paint),
+    ...toCamelCaseKeys(layer.layout)
+  };
+  const layerProps = {};
+  if (layer.source) {
+    layerProps.sourceID = layer.source;
+  }
+  if (layer["source-layer"]) {
+    layerProps.sourceLayerID = layer["source-layer"];
+  }
+  if (layer.minzoom) {
+    layerProps.minZoomLevel = layer.minzoom;
+  }
+  if (layer.maxzoom) {
+    layerProps.maxZoomLevel = layer.maxzoom;
+  }
+  if (layer.filter) {
+    layerProps.filter = layer.filter;
+  }
+  if (Object.keys(style).length) {
+    layerProps.style = style;
+  }
+  return /*#__PURE__*/_jsx(LayerComponent, {
+    id: layer.id,
+    ...layerProps
+  }, layer.id);
+}
+function getTileSourceProps(source) {
+  const sourceProps = {};
+  if (source.url) {
+    sourceProps.url = source.url;
+  }
+  if (source.tiles) {
+    sourceProps.tileUrlTemplates = source.tiles;
+  }
+  if (source.minzoom !== undefined) {
+    sourceProps.minZoomLevel = source.minzoom;
+  }
+  if (source.maxzoom !== undefined) {
+    sourceProps.maxZoomLevel = source.maxzoom;
+  }
+  if (source.attribution) {
+    sourceProps.attribution = source.attribution;
+  }
+  if (source.scheme && source.scheme === "tms") {
+    sourceProps.tms = true;
+  }
+  return sourceProps;
+}
+function getVectorSource(id, source) {
+  const sourceProps = {
+    ...getTileSourceProps(source)
+  };
+  return /*#__PURE__*/_jsx(VectorSource, {
+    id: id,
+    ...sourceProps
+  }, id);
+}
+function getRasterSource(id, source) {
+  const sourceProps = {
+    ...getTileSourceProps(source)
+  };
+  if (source.tileSize) {
+    sourceProps.tileSize = source.tileSize;
+  }
+  return /*#__PURE__*/_jsx(RasterSource, {
+    id: id,
+    ...sourceProps
+  }, id);
+}
+function getImageSource(id, source) {
+  const sourceProps = {
+    url: source.url,
+    coordinates: source.coordinates
+  };
+  return /*#__PURE__*/_jsx(ImageSource, {
+    id: id,
+    ...sourceProps
+  }, id);
+}
+function getShapeSource(id, source) {
+  const sourceProps = {};
+  if (source.data && typeof source.data === "string") {
+    sourceProps.url = source.data;
+  } else if (source.data && typeof source.data === "object") {
+    sourceProps.shape = source.data;
+  }
+  if (source.cluster !== undefined) {
+    sourceProps.cluster = source.cluster;
+  }
+  if (source.clusterRadius !== undefined) {
+    sourceProps.clusterRadius = source.clusterRadius;
+  }
+  if (source.maxzoom !== undefined) {
+    sourceProps.maxZoomLevel = source.maxzoom;
+  }
+  if (source.clusterMaxZoom !== undefined) {
+    sourceProps.clusterMaxZoomLevel = source.clusterMaxZoom;
+  }
+  if (source.clusterProperties !== undefined) {
+    sourceProps.clusterProperties = source.clusterProperties;
+  }
+  if (source.buffer !== undefined) {
+    sourceProps.buffer = source.buffer;
+  }
+  if (source.tolerance !== undefined) {
+    sourceProps.tolerance = source.tolerance;
+  }
+  if (source.lineMetrics !== undefined) {
+    sourceProps.lineMetrics = source.lineMetrics;
+  }
+  return /*#__PURE__*/_jsx(ShapeSource, {
+    id: id,
+    ...sourceProps
+  }, id);
+}
+function asSourceComponent(id, source) {
+  switch (source.type) {
+    case "vector":
+      return getVectorSource(id, source);
+    case "raster":
+      return getRasterSource(id, source);
+    case "image":
+      return getImageSource(id, source);
+    case "geojson":
+      return getShapeSource(id, source);
+  }
+  console.warn(`MapLibre source type '${source.type}' is not supported`);
+  return null;
+}
+/**
+ * Style is a component that automatically adds sources / layers to the map using MapLibre Style Spec.
+ * Only [`sources`](https://maplibre.org/maplibre-gl-js-docs/style-spec/sources/) & [`layers`](https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/) are supported.
+ * Other fields such as `sprites`, `glyphs` etc. will be ignored. Not all layer / source attributes from the style spec are supported, in general the supported attributes will be mentioned under https://github.com/maplibre/maplibre-react-native/tree/main/docs.
+ *
+ * TODO: Maintainer forking this project does not understand the above comment regarding what is supported.
+ */
+const Style = props => {
+  const [fetchedJson, setFetchedJson] = useState({});
+  const json = typeof props.json === "object" ? props.json : fetchedJson;
+
+  // Fetch style when props.json is a URL
+  useEffect(() => {
+    const abortController = new AbortController();
+    const fetchStyleJson = async url => {
+      try {
+        const response = await fetch(url, {
+          signal: abortController.signal
+        });
+        const responseJson = await response.json();
+        setFetchedJson(responseJson);
+      } catch (error) {
+        const e = error;
+        if (e.name === "AbortError") {
+          return;
+        }
+        throw e;
+      }
+    };
+    if (typeof props.json === "string") {
+      fetchStyleJson(props.json);
+    }
+    return function cleanup() {
+      abortController.abort();
+    };
+  }, [props.json]);
+
+  // Extract layer components from json
+  const layerComponents = useMemo(() => {
+    if (!json.layers) {
+      return [];
+    }
+    return json.layers.map(asLayerComponent).filter(x => !!x);
+  }, [json.layers]);
+
+  // Extract source components from json
+  const sourceComponents = useMemo(() => {
+    const {
+      sources
+    } = json;
+    if (!sources || !Object.keys(sources)) {
+      return [];
+    }
+    return Object.entries(sources).map(([id, source]) => asSourceComponent(id, source)).filter(x => !!x);
+  }, [json]);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [sourceComponents, layerComponents]
+  });
+};
+export default Style;
+//# sourceMappingURL=Style.js.map

package/lib/module/components/Style.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","useState","useEffect","BackgroundLayer","CircleLayer","FillExtrusionLayer","FillLayer","HeatmapLayer","ImageSource","LineLayer","RasterLayer","RasterSource","ShapeSource","SymbolLayer","VectorSource","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","toCamelCase","s","replace","$1","toUpperCase","toCamelCaseKeys","oldObj","newObj","Object","keys","forEach","key","value","includes","getLayerComponentType","layer","type","console","warn","asLayerComponent","LayerComponent","style","paint","layout","layerProps","source","sourceID","sourceLayerID","minzoom","minZoomLevel","maxzoom","maxZoomLevel","filter","length","id","getTileSourceProps","sourceProps","url","tiles","tileUrlTemplates","undefined","attribution","scheme","tms","getVectorSource","getRasterSource","tileSize","getImageSource","coordinates","getShapeSource","data","shape","cluster","clusterRadius","clusterMaxZoom","clusterMaxZoomLevel","clusterProperties","buffer","tolerance","lineMetrics","asSourceComponent","Style","props","fetchedJson","setFetchedJson","json","abortController","AbortController","fetchStyleJson","response","fetch","signal","responseJson","error","e","name","cleanup","abort","layerComponents","layers","map","x","sourceComponents","sources","entries","children"],"sourceRoot":"../../../src","sources":["components/Style.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/SymbolLayer.js

@@ -0,0 +1,48 @@
+"use strict";
+
+import { Children } from "react";
+import { View, NativeModules, requireNativeComponent } from "react-native";
+import useAbstractLayer from "../hooks/useAbstractLayer.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const MapLibreRN = NativeModules.MLRNModule;
+export const NATIVE_MODULE_NAME = "MLRNSymbolLayer";
+const MLRNSymbolLayer = requireNativeComponent(NATIVE_MODULE_NAME);
+
+/**
+ * SymbolLayer is a style layer that renders icon and text labels at points or along lines on the map.
+ */
+const SymbolLayer = ({
+  sourceID = MapLibreRN.StyleSource.DefaultSourceID,
+  ...props
+}) => {
+  const {
+    baseProps,
+    setNativeLayer
+  } = useAbstractLayer({
+    ...props,
+    sourceID
+  });
+  const _shouldSnapshot = () => {
+    let isSnapshot = false;
+    if (Children.count(props.children) <= 0) {
+      return isSnapshot;
+    }
+    Children.forEach(props.children, child => {
+      if (child?.type === View) {
+        isSnapshot = true;
+      }
+    });
+    return isSnapshot;
+  };
+  const updatedProps = {
+    ...baseProps,
+    snapshot: _shouldSnapshot()
+  };
+  return /*#__PURE__*/_jsx(MLRNSymbolLayer, {
+    ref: setNativeLayer,
+    ...updatedProps,
+    children: props.children
+  });
+};
+export default SymbolLayer;
+//# sourceMappingURL=SymbolLayer.js.map

package/lib/module/components/SymbolLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Children","View","NativeModules","requireNativeComponent","useAbstractLayer","jsx","_jsx","MapLibreRN","MLRNModule","NATIVE_MODULE_NAME","MLRNSymbolLayer","SymbolLayer","sourceID","StyleSource","DefaultSourceID","props","baseProps","setNativeLayer","_shouldSnapshot","isSnapshot","count","children","forEach","child","type","updatedProps","snapshot","ref"],"sourceRoot":"../../../src","sources":["components/SymbolLayer.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAA2B,OAAO;AACnD,SAASC,IAAI,EAAEC,aAAa,EAAEC,sBAAsB,QAAQ,cAAc;AAE1E,OAAOC,gBAAgB,MAGhB,8BAA2B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAInC,MAAMC,UAAU,GAAGL,aAAa,CAACM,UAAU;AAE3C,OAAO,MAAMC,kBAAkB,GAAG,iBAAiB;AAmBnD,MAAMC,eAAe,GAAGP,sBAAsB,CAAcM,kBAAkB,CAAC;;AAE/E;AACA;AACA;AACA,MAAME,WAAuC,GAAGA,CAAC;EAC/CC,QAAQ,GAAGL,UAAU,CAACM,WAAW,CAACC,eAAe;EACjD,GAAGC;AACa,CAAC,KAAK;EACtB,MAAM;IAAEC,SAAS;IAAEC;EAAe,CAAC,GAAGb,gBAAgB,CAGpD;IACA,GAAGW,KAAK;IACRH;EACF,CAAC,CAAC;EAEF,MAAMM,eAAe,GAAGA,CAAA,KAAe;IACrC,IAAIC,UAAU,GAAG,KAAK;IAEtB,IAAInB,QAAQ,CAACoB,KAAK,CAACL,KAAK,CAACM,QAAQ,CAAC,IAAI,CAAC,EAAE;MACvC,OAAOF,UAAU;IACnB;IAEAnB,QAAQ,CAACsB,OAAO,CAACP,KAAK,CAACM,QAAQ,EAAGE,KAAK,IAAK;MAC1C,IAAIA,KAAK,EAAEC,IAAI,KAAKvB,IAAI,EAAE;QACxBkB,UAAU,GAAG,IAAI;MACnB;IACF,CAAC,CAAC;IAEF,OAAOA,UAAU;EACnB,CAAC;EAED,MAAMM,YAAY,GAAG;IACnB,GAAGT,SAAS;IACZU,QAAQ,EAAER,eAAe,CAAC;EAC5B,CAAC;EAED,oBACEZ,IAAA,CAACI,eAAe;IAACiB,GAAG,EAAEV,cAAe;IAAA,GAAKQ,YAAY;IAAAJ,QAAA,EACnDN,KAAK,CAACM;EAAQ,CACA,CAAC;AAEtB,CAAC;AAED,eAAeV,WAAW","ignoreList":[]}

package/lib/module/components/UserLocation.js

@@ -0,0 +1,182 @@
+"use strict";
+
+import { forwardRef, memo, useEffect, useImperativeHandle, useRef, useState } from "react";
+import Annotation from "./Annotation.js";
+import CircleLayer from "./CircleLayer.js";
+import HeadingIndicator from "./HeadingIndicator.js";
+import NativeUserLocation from "./NativeUserLocation.js";
+import locationManager from "../modules/location/locationManager.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const mapboxBlue = "rgba(51, 181, 229, 100)";
+const layerStyles = {
+  pluse: {
+    circleRadius: 15,
+    circleColor: mapboxBlue,
+    circleOpacity: 0.2,
+    circlePitchAlignment: "map"
+  },
+  background: {
+    circleRadius: 9,
+    circleColor: "#fff",
+    circlePitchAlignment: "map"
+  },
+  foreground: {
+    circleRadius: 6,
+    circleColor: mapboxBlue,
+    circlePitchAlignment: "map"
+  }
+};
+export const normalIcon = (showsUserHeadingIndicator, heading) => [/*#__PURE__*/_jsx(CircleLayer, {
+  id: "mapboxUserLocationPluseCircle",
+  style: layerStyles.pluse
+}, "mapboxUserLocationPluseCircle"), /*#__PURE__*/_jsx(CircleLayer, {
+  id: "mapboxUserLocationWhiteCircle",
+  style: layerStyles.background
+}, "mapboxUserLocationWhiteCircle"), /*#__PURE__*/_jsx(CircleLayer, {
+  id: "mapboxUserLocationBlueCicle",
+  aboveLayerID: "mapboxUserLocationWhiteCircle",
+  style: layerStyles.foreground
+}, "mapboxUserLocationBlueCicle"), ...(showsUserHeadingIndicator && heading ? [HeadingIndicator({
+  heading
+})] : [])];
+export let UserLocationRenderMode = /*#__PURE__*/function (UserLocationRenderMode) {
+  UserLocationRenderMode["Native"] = "native";
+  UserLocationRenderMode["Normal"] = "normal";
+  return UserLocationRenderMode;
+}({});
+const UserLocation = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
+  animated = true,
+  visible = true,
+  showsUserHeadingIndicator = false,
+  minDisplacement = 0,
+  renderMode = "normal",
+  androidRenderMode,
+  androidPreferredFramesPerSecond,
+  children,
+  onUpdate,
+  onPress
+}, ref) => {
+  const _isMounted = useRef(null);
+  const locationManagerRunning = useRef(false);
+  const [userLocationState, setUserLocationState] = useState({
+    shouldShowUserLocation: false
+  });
+  useImperativeHandle(ref, () => ({
+    /**
+     * Whether to start or stop listening to the locationManager
+     *
+     * Notice, that listening will start automatically when
+     * either `onUpdate` or `visible` are set
+     *
+     * @async
+     * @param {Object} running - Object with key `running` and `boolean` value
+     * @return {Promise<void>}
+     */
+    setLocationManager,
+    /**
+     *
+     * If locationManager should be running
+     *
+     * @return {boolean}
+     */
+    needsLocationManagerRunning,
+    _onLocationUpdate
+  }));
+  useEffect(() => {
+    _isMounted.current = true;
+    setLocationManager({
+      running: needsLocationManagerRunning()
+    }).then(() => {
+      if (renderMode === UserLocationRenderMode.Native) {
+        return;
+      }
+      locationManager.setMinDisplacement(minDisplacement ?? 0);
+    });
+    return () => {
+      _isMounted.current = false;
+      setLocationManager({
+        running: false
+      });
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  useEffect(() => {
+    locationManager.setMinDisplacement(minDisplacement ?? 0);
+  }, [minDisplacement]);
+  useEffect(() => {
+    if (!_isMounted.current) {
+      return;
+    }
+    setLocationManager({
+      running: needsLocationManagerRunning()
+    });
+  });
+  async function setLocationManager({
+    running
+  }) {
+    if (locationManagerRunning.current !== running) {
+      locationManagerRunning.current = running;
+      if (running) {
+        locationManager.addListener(_onLocationUpdate);
+        const location = await locationManager.getLastKnownLocation();
+        _onLocationUpdate(location);
+      } else {
+        locationManager.removeListener(_onLocationUpdate);
+      }
+    }
+  }
+  function needsLocationManagerRunning() {
+    return !!(!!onUpdate || renderMode === UserLocationRenderMode.Normal && visible);
+  }
+  function _onLocationUpdate(location) {
+    if (!_isMounted.current || !location) {
+      return;
+    }
+    let coordinates;
+    let heading;
+    if (location && location.coords) {
+      const {
+        longitude,
+        latitude
+      } = location.coords;
+      heading = location.coords.heading;
+      coordinates = [longitude, latitude];
+    }
+    setUserLocationState({
+      ...userLocationState,
+      coordinates,
+      heading
+    });
+    if (onUpdate) {
+      onUpdate(location);
+    }
+  }
+  if (!visible) {
+    return null;
+  }
+  if (renderMode === UserLocationRenderMode.Native) {
+    const props = {
+      androidRenderMode,
+      iosShowsUserHeadingIndicator: showsUserHeadingIndicator,
+      androidPreferredFramesPerSecond
+    };
+    return /*#__PURE__*/_jsx(NativeUserLocation, {
+      ...props
+    });
+  }
+  if (!userLocationState.coordinates) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(Annotation, {
+    animated: animated,
+    id: "mapboxUserLocation",
+    onPress: onPress,
+    coordinates: userLocationState.coordinates,
+    style: {
+      iconRotate: userLocationState.heading
+    },
+    children: children || normalIcon(showsUserHeadingIndicator, userLocationState.heading)
+  });
+}));
+export default UserLocation;
+//# sourceMappingURL=UserLocation.js.map

package/lib/module/components/UserLocation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","memo","useEffect","useImperativeHandle","useRef","useState","Annotation","CircleLayer","HeadingIndicator","NativeUserLocation","locationManager","jsx","_jsx","mapboxBlue","layerStyles","pluse","circleRadius","circleColor","circleOpacity","circlePitchAlignment","background","foreground","normalIcon","showsUserHeadingIndicator","heading","id","style","aboveLayerID","UserLocationRenderMode","UserLocation","animated","visible","minDisplacement","renderMode","androidRenderMode","androidPreferredFramesPerSecond","children","onUpdate","onPress","ref","_isMounted","locationManagerRunning","userLocationState","setUserLocationState","shouldShowUserLocation","setLocationManager","needsLocationManagerRunning","_onLocationUpdate","current","running","then","Native","setMinDisplacement","addListener","location","getLastKnownLocation","removeListener","Normal","coordinates","coords","longitude","latitude","props","iosShowsUserHeadingIndicator","iconRotate"],"sourceRoot":"../../../src","sources":["components/UserLocation.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/VectorSource.js

@@ -0,0 +1,124 @@
+"use strict";
+
+import { featureCollection } from "@turf/helpers";
+import { forwardRef, memo, useImperativeHandle } from "react";
+import { NativeModules, requireNativeComponent } from "react-native";
+import useAbstractSource from "../hooks/useAbstractSource.js";
+import useNativeBridge from "../hooks/useNativeBridge.js";
+import { cloneReactChildrenWithProps, isFunction, isAndroid } from "../utils/index.js";
+import { copyPropertiesAsDeprecated } from "../utils/deprecation.js";
+import { getFilter } from "../utils/filterUtils.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const MapLibreRN = NativeModules.MLRNModule;
+export const NATIVE_MODULE_NAME = "MLRNVectorSource";
+const MLRNVectorSource = requireNativeComponent(NATIVE_MODULE_NAME);
+
+/**
+ * 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.
+ */
+const VectorSource = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
+  id = MapLibreRN.StyleSource.DefaultSourceID,
+  ...props
+}, ref) => {
+  // * exposes the methods of the function component so we don't break projects that depend on calling this methods
+  useImperativeHandle(ref, () => ({
+    /**
+     * 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 {GeoJSON.FeatureCollection}
+     */
+    features,
+    onPress
+  }));
+  const {
+    _runNativeCommand,
+    //  _runPendingNativeCommands,
+    _onAndroidCallback
+  } = useNativeBridge(NATIVE_MODULE_NAME);
+  const {
+    setNativeRef,
+    _nativeRef
+  } = useAbstractSource();
+
+  // const _setNativeRef = (
+  //   nativeRef: (Component<NativeProps> & Readonly<NativeMethods>) | null,
+  // ): void => {
+  //   if (nativeRef) {
+  //     setNativeRef(nativeRef);
+  //     _runPendingNativeCommands(nativeRef);
+  //   }
+  // };
+
+  const features = async (layerIDs = [], filter) => {
+    if (!_nativeRef) {
+      return featureCollection([]);
+    }
+    const res = await _runNativeCommand("features", _nativeRef, [[[layerIDs, getFilter(filter)]]]);
+    if (isAndroid()) {
+      return JSON.parse(res?.data);
+    }
+    return res.data;
+  };
+  const onPress = event => {
+    const {
+      onPress
+    } = props;
+    if (!onPress) {
+      return;
+    }
+    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]
+      })
+    });
+    onPress(newEvent);
+  };
+  const allProps = {
+    id,
+    url: props.url,
+    tileUrlTemplates: props.tileUrlTemplates,
+    minZoomLevel: props.minZoomLevel,
+    maxZoomLevel: props.maxZoomLevel,
+    tms: props.tms,
+    attribution: props.attribution,
+    hitbox: props.hitbox,
+    hasPressListener: isFunction(props.onPress),
+    onMapboxVectorSourcePress: onPress,
+    onPress: undefined,
+    onAndroidCallback: isAndroid() ? _onAndroidCallback : undefined
+  };
+  return /*#__PURE__*/_jsx(MLRNVectorSource, {
+    ref: setNativeRef,
+    ...allProps,
+    children: cloneReactChildrenWithProps(props.children, {
+      sourceID: id
+    })
+  });
+}));
+export default VectorSource;
+//# sourceMappingURL=VectorSource.js.map

package/lib/module/components/VectorSource.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["featureCollection","forwardRef","memo","useImperativeHandle","NativeModules","requireNativeComponent","useAbstractSource","useNativeBridge","cloneReactChildrenWithProps","isFunction","isAndroid","copyPropertiesAsDeprecated","getFilter","jsx","_jsx","MapLibreRN","MLRNModule","NATIVE_MODULE_NAME","MLRNVectorSource","VectorSource","id","StyleSource","DefaultSourceID","props","ref","features","onPress","_runNativeCommand","_onAndroidCallback","setNativeRef","_nativeRef","layerIDs","filter","res","JSON","parse","data","event","nativeEvent","payload","coordinates","point","newEvent","key","console","warn","origNativeEvent","allProps","url","tileUrlTemplates","minZoomLevel","maxZoomLevel","tms","attribution","hitbox","hasPressListener","onMapboxVectorSourcePress","undefined","onAndroidCallback","children","sourceID"],"sourceRoot":"../../../src","sources":["components/VectorSource.tsx"],"mappings":"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","ignoreList":[]}