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

package/lib/commonjs/components/Style.js

@@ -0,0 +1,266 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _BackgroundLayer = _interopRequireDefault(require("./BackgroundLayer.js"));
+var _CircleLayer = _interopRequireDefault(require("./CircleLayer.js"));
+var _FillExtrusionLayer = _interopRequireDefault(require("./FillExtrusionLayer.js"));
+var _FillLayer = _interopRequireDefault(require("./FillLayer.js"));
+var _HeatmapLayer = _interopRequireDefault(require("./HeatmapLayer.js"));
+var _ImageSource = _interopRequireDefault(require("./ImageSource.js"));
+var _LineLayer = _interopRequireDefault(require("./LineLayer.js"));
+var _RasterLayer = _interopRequireDefault(require("./RasterLayer.js"));
+var _RasterSource = _interopRequireDefault(require("./RasterSource.js"));
+var _ShapeSource = _interopRequireDefault(require("./ShapeSource.js"));
+var _SymbolLayer = _interopRequireDefault(require("./SymbolLayer.js"));
+var _VectorSource = _interopRequireDefault(require("./VectorSource.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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.default;
+    case "symbol":
+      return _SymbolLayer.default;
+    case "raster":
+      return _RasterLayer.default;
+    case "line":
+      return _LineLayer.default;
+    case "fill":
+      return _FillLayer.default;
+    case "fill-extrusion":
+      return _FillExtrusionLayer.default;
+    case "background":
+      return _BackgroundLayer.default;
+    case "heatmap":
+      return _HeatmapLayer.default;
+  }
+  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__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsx)(_VectorSource.default, {
+    id: id,
+    ...sourceProps
+  }, id);
+}
+function getRasterSource(id, source) {
+  const sourceProps = {
+    ...getTileSourceProps(source)
+  };
+  if (source.tileSize) {
+    sourceProps.tileSize = source.tileSize;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RasterSource.default, {
+    id: id,
+    ...sourceProps
+  }, id);
+}
+function getImageSource(id, source) {
+  const sourceProps = {
+    url: source.url,
+    coordinates: source.coordinates
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageSource.default, {
+    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__*/(0, _jsxRuntime.jsx)(_ShapeSource.default, {
+    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] = (0, _react.useState)({});
+  const json = typeof props.json === "object" ? props.json : fetchedJson;
+
+  // Fetch style when props.json is a URL
+  (0, _react.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 = (0, _react.useMemo)(() => {
+    if (!json.layers) {
+      return [];
+    }
+    return json.layers.map(asLayerComponent).filter(x => !!x);
+  }, [json.layers]);
+
+  // Extract source components from json
+  const sourceComponents = (0, _react.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__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [sourceComponents, layerComponents]
+  });
+};
+var _default = exports.default = Style;
+//# sourceMappingURL=Style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_BackgroundLayer","_interopRequireDefault","_CircleLayer","_FillExtrusionLayer","_FillLayer","_HeatmapLayer","_ImageSource","_LineLayer","_RasterLayer","_RasterSource","_ShapeSource","_SymbolLayer","_VectorSource","_jsxRuntime","e","__esModule","default","toCamelCase","s","replace","$1","toUpperCase","toCamelCaseKeys","oldObj","newObj","Object","keys","forEach","key","value","includes","getLayerComponentType","layer","type","CircleLayer","SymbolLayer","RasterLayer","LineLayer","FillLayer","FillExtrusionLayer","BackgroundLayer","HeatmapLayer","console","warn","asLayerComponent","LayerComponent","style","paint","layout","layerProps","source","sourceID","sourceLayerID","minzoom","minZoomLevel","maxzoom","maxZoomLevel","filter","length","jsx","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","useState","json","useEffect","abortController","AbortController","fetchStyleJson","response","fetch","signal","responseJson","error","name","cleanup","abort","layerComponents","useMemo","layers","map","x","sourceComponents","sources","entries","jsxs","Fragment","children","_default","exports"],"sourceRoot":"../../../src","sources":["components/Style.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/SymbolLayer.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.NATIVE_MODULE_NAME = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _useAbstractLayer = _interopRequireDefault(require("../hooks/useAbstractLayer.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const MapLibreRN = _reactNative.NativeModules.MLRNModule;
+const NATIVE_MODULE_NAME = exports.NATIVE_MODULE_NAME = "MLRNSymbolLayer";
+const MLRNSymbolLayer = (0, _reactNative.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
+  } = (0, _useAbstractLayer.default)({
+    ...props,
+    sourceID
+  });
+  const _shouldSnapshot = () => {
+    let isSnapshot = false;
+    if (_react.Children.count(props.children) <= 0) {
+      return isSnapshot;
+    }
+    _react.Children.forEach(props.children, child => {
+      if (child?.type === _reactNative.View) {
+        isSnapshot = true;
+      }
+    });
+    return isSnapshot;
+  };
+  const updatedProps = {
+    ...baseProps,
+    snapshot: _shouldSnapshot()
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(MLRNSymbolLayer, {
+    ref: setNativeLayer,
+    ...updatedProps,
+    children: props.children
+  });
+};
+var _default = exports.default = SymbolLayer;
+//# sourceMappingURL=SymbolLayer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_useAbstractLayer","_interopRequireDefault","_jsxRuntime","e","__esModule","default","MapLibreRN","NativeModules","MLRNModule","NATIVE_MODULE_NAME","exports","MLRNSymbolLayer","requireNativeComponent","SymbolLayer","sourceID","StyleSource","DefaultSourceID","props","baseProps","setNativeLayer","useAbstractLayer","_shouldSnapshot","isSnapshot","Children","count","children","forEach","child","type","View","updatedProps","snapshot","jsx","ref","_default"],"sourceRoot":"../../../src","sources":["components/SymbolLayer.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,iBAAA,GAAAC,sBAAA,CAAAH,OAAA;AAGmC,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAG,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAInC,MAAMG,UAAU,GAAGC,0BAAa,CAACC,UAAU;AAEpC,MAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,iBAAiB;AAmBnD,MAAME,eAAe,GAAG,IAAAC,mCAAsB,EAAcH,kBAAkB,CAAC;;AAE/E;AACA;AACA;AACA,MAAMI,WAAuC,GAAGA,CAAC;EAC/CC,QAAQ,GAAGR,UAAU,CAACS,WAAW,CAACC,eAAe;EACjD,GAAGC;AACa,CAAC,KAAK;EACtB,MAAM;IAAEC,SAAS;IAAEC;EAAe,CAAC,GAAG,IAAAC,yBAAgB,EAGpD;IACA,GAAGH,KAAK;IACRH;EACF,CAAC,CAAC;EAEF,MAAMO,eAAe,GAAGA,CAAA,KAAe;IACrC,IAAIC,UAAU,GAAG,KAAK;IAEtB,IAAIC,eAAQ,CAACC,KAAK,CAACP,KAAK,CAACQ,QAAQ,CAAC,IAAI,CAAC,EAAE;MACvC,OAAOH,UAAU;IACnB;IAEAC,eAAQ,CAACG,OAAO,CAACT,KAAK,CAACQ,QAAQ,EAAGE,KAAK,IAAK;MAC1C,IAAIA,KAAK,EAAEC,IAAI,KAAKC,iBAAI,EAAE;QACxBP,UAAU,GAAG,IAAI;MACnB;IACF,CAAC,CAAC;IAEF,OAAOA,UAAU;EACnB,CAAC;EAED,MAAMQ,YAAY,GAAG;IACnB,GAAGZ,SAAS;IACZa,QAAQ,EAAEV,eAAe,CAAC;EAC5B,CAAC;EAED,oBACE,IAAAnB,WAAA,CAAA8B,GAAA,EAACrB,eAAe;IAACsB,GAAG,EAAEd,cAAe;IAAA,GAAKW,YAAY;IAAAL,QAAA,EACnDR,KAAK,CAACQ;EAAQ,CACA,CAAC;AAEtB,CAAC;AAAC,IAAAS,QAAA,GAAAxB,OAAA,CAAAL,OAAA,GAEaQ,WAAW","ignoreList":[]}

package/lib/commonjs/components/UserLocation.js

@@ -0,0 +1,188 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.normalIcon = exports.default = exports.UserLocationRenderMode = void 0;
+var _react = require("react");
+var _Annotation = _interopRequireDefault(require("./Annotation.js"));
+var _CircleLayer = _interopRequireDefault(require("./CircleLayer.js"));
+var _HeadingIndicator = _interopRequireDefault(require("./HeadingIndicator.js"));
+var _NativeUserLocation = _interopRequireDefault(require("./NativeUserLocation.js"));
+var _locationManager = _interopRequireDefault(require("../modules/location/locationManager.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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"
+  }
+};
+const normalIcon = (showsUserHeadingIndicator, heading) => [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CircleLayer.default, {
+  id: "mapboxUserLocationPluseCircle",
+  style: layerStyles.pluse
+}, "mapboxUserLocationPluseCircle"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircleLayer.default, {
+  id: "mapboxUserLocationWhiteCircle",
+  style: layerStyles.background
+}, "mapboxUserLocationWhiteCircle"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircleLayer.default, {
+  id: "mapboxUserLocationBlueCicle",
+  aboveLayerID: "mapboxUserLocationWhiteCircle",
+  style: layerStyles.foreground
+}, "mapboxUserLocationBlueCicle"), ...(showsUserHeadingIndicator && heading ? [(0, _HeadingIndicator.default)({
+  heading
+})] : [])];
+exports.normalIcon = normalIcon;
+let UserLocationRenderMode = exports.UserLocationRenderMode = /*#__PURE__*/function (UserLocationRenderMode) {
+  UserLocationRenderMode["Native"] = "native";
+  UserLocationRenderMode["Normal"] = "normal";
+  return UserLocationRenderMode;
+}({});
+const UserLocation = /*#__PURE__*/(0, _react.memo)(/*#__PURE__*/(0, _react.forwardRef)(({
+  animated = true,
+  visible = true,
+  showsUserHeadingIndicator = false,
+  minDisplacement = 0,
+  renderMode = "normal",
+  androidRenderMode,
+  androidPreferredFramesPerSecond,
+  children,
+  onUpdate,
+  onPress
+}, ref) => {
+  const _isMounted = (0, _react.useRef)(null);
+  const locationManagerRunning = (0, _react.useRef)(false);
+  const [userLocationState, setUserLocationState] = (0, _react.useState)({
+    shouldShowUserLocation: false
+  });
+  (0, _react.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
+  }));
+  (0, _react.useEffect)(() => {
+    _isMounted.current = true;
+    setLocationManager({
+      running: needsLocationManagerRunning()
+    }).then(() => {
+      if (renderMode === UserLocationRenderMode.Native) {
+        return;
+      }
+      _locationManager.default.setMinDisplacement(minDisplacement ?? 0);
+    });
+    return () => {
+      _isMounted.current = false;
+      setLocationManager({
+        running: false
+      });
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  (0, _react.useEffect)(() => {
+    _locationManager.default.setMinDisplacement(minDisplacement ?? 0);
+  }, [minDisplacement]);
+  (0, _react.useEffect)(() => {
+    if (!_isMounted.current) {
+      return;
+    }
+    setLocationManager({
+      running: needsLocationManagerRunning()
+    });
+  });
+  async function setLocationManager({
+    running
+  }) {
+    if (locationManagerRunning.current !== running) {
+      locationManagerRunning.current = running;
+      if (running) {
+        _locationManager.default.addListener(_onLocationUpdate);
+        const location = await _locationManager.default.getLastKnownLocation();
+        _onLocationUpdate(location);
+      } else {
+        _locationManager.default.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__*/(0, _jsxRuntime.jsx)(_NativeUserLocation.default, {
+      ...props
+    });
+  }
+  if (!userLocationState.coordinates) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Annotation.default, {
+    animated: animated,
+    id: "mapboxUserLocation",
+    onPress: onPress,
+    coordinates: userLocationState.coordinates,
+    style: {
+      iconRotate: userLocationState.heading
+    },
+    children: children || normalIcon(showsUserHeadingIndicator, userLocationState.heading)
+  });
+}));
+var _default = exports.default = UserLocation;
+//# sourceMappingURL=UserLocation.js.map

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

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

package/lib/commonjs/components/VectorSource.js

@@ -0,0 +1,129 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.NATIVE_MODULE_NAME = void 0;
+var _helpers = require("@turf/helpers");
+var _react = require("react");
+var _reactNative = require("react-native");
+var _useAbstractSource = _interopRequireDefault(require("../hooks/useAbstractSource.js"));
+var _useNativeBridge = _interopRequireDefault(require("../hooks/useNativeBridge.js"));
+var _index = require("../utils/index.js");
+var _deprecation = require("../utils/deprecation.js");
+var _filterUtils = require("../utils/filterUtils.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const MapLibreRN = _reactNative.NativeModules.MLRNModule;
+const NATIVE_MODULE_NAME = exports.NATIVE_MODULE_NAME = "MLRNVectorSource";
+const MLRNVectorSource = (0, _reactNative.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__*/(0, _react.memo)(/*#__PURE__*/(0, _react.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
+  (0, _react.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
+  } = (0, _useNativeBridge.default)(NATIVE_MODULE_NAME);
+  const {
+    setNativeRef,
+    _nativeRef
+  } = (0, _useAbstractSource.default)();
+
+  // const _setNativeRef = (
+  //   nativeRef: (Component<NativeProps> & Readonly<NativeMethods>) | null,
+  // ): void => {
+  //   if (nativeRef) {
+  //     setNativeRef(nativeRef);
+  //     _runPendingNativeCommands(nativeRef);
+  //   }
+  // };
+
+  const features = async (layerIDs = [], filter) => {
+    if (!_nativeRef) {
+      return (0, _helpers.featureCollection)([]);
+    }
+    const res = await _runNativeCommand("features", _nativeRef, [[[layerIDs, (0, _filterUtils.getFilter)(filter)]]]);
+    if ((0, _index.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 = (0, _deprecation.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: (0, _index.isFunction)(props.onPress),
+    onMapboxVectorSourcePress: onPress,
+    onPress: undefined,
+    onAndroidCallback: (0, _index.isAndroid)() ? _onAndroidCallback : undefined
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(MLRNVectorSource, {
+    ref: setNativeRef,
+    ...allProps,
+    children: (0, _index.cloneReactChildrenWithProps)(props.children, {
+      sourceID: id
+    })
+  });
+}));
+var _default = exports.default = VectorSource;
+//# sourceMappingURL=VectorSource.js.map