@maplibre/maplibre-react-native 10.0.0-alpha.9 → 10.0.0-beta.2

package/lib/commonjs/components/ImageSource.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.NATIVE_MODULE_NAME = void 0;
+var _reactNative = require("react-native");
+var _useAbstractSource = _interopRequireDefault(require("../hooks/useAbstractSource.js"));
+var _index = require("../utils/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const NATIVE_MODULE_NAME = exports.NATIVE_MODULE_NAME = "MLRNImageSource";
+const MLRNImageSource = (0, _reactNative.requireNativeComponent)(NATIVE_MODULE_NAME);
+
+/**
+ * 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
+ */
+const ImageSource = props => {
+  const {
+    setNativeRef
+  } = (0, _useAbstractSource.default)();
+  const _getURL = () => {
+    return (0, _index.isNumber)(props.url) ? (0, _index.resolveImagePath)(props.url) : props.url;
+  };
+  if (!props.url || !props.coordinates || !props.coordinates.length) {
+    return null;
+  }
+  const allProps = {
+    ...props,
+    url: _getURL()
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(MLRNImageSource, {
+    ref: setNativeRef,
+    ...allProps,
+    children: (0, _index.cloneReactChildrenWithProps)(allProps.children, {
+      sourceID: allProps.id
+    })
+  });
+};
+var _default = exports.default = ImageSource;
+//# sourceMappingURL=ImageSource.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useAbstractSource","_interopRequireDefault","_index","_jsxRuntime","e","__esModule","default","NATIVE_MODULE_NAME","exports","MLRNImageSource","requireNativeComponent","ImageSource","props","setNativeRef","useAbstractSource","_getURL","isNumber","url","resolveImagePath","coordinates","length","allProps","jsx","ref","children","cloneReactChildrenWithProps","sourceID","id","_default"],"sourceRoot":"../../../src","sources":["components/ImageSource.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,kBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AAIkB,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAE,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEX,MAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,iBAAiB;AA2BnD,MAAME,eAAe,GAAG,IAAAC,mCAAsB,EAAcH,kBAAkB,CAAC;;AAE/E;AACA;AACA;AACA;AACA,MAAMI,WAAuC,GAAIC,KAAuB,IAAK;EAC3E,MAAM;IAAEC;EAAa,CAAC,GAAG,IAAAC,0BAAiB,EAAc,CAAC;EAEzD,MAAMC,OAAO,GAAGA,CAAA,KAA0B;IACxC,OAAO,IAAAC,eAAQ,EAACJ,KAAK,CAACK,GAAG,CAAC,GAAG,IAAAC,uBAAgB,EAACN,KAAK,CAACK,GAAG,CAAC,GAAGL,KAAK,CAACK,GAAG;EACtE,CAAC;EAED,IAAI,CAACL,KAAK,CAACK,GAAG,IAAI,CAACL,KAAK,CAACO,WAAW,IAAI,CAACP,KAAK,CAACO,WAAW,CAACC,MAAM,EAAE;IACjE,OAAO,IAAI;EACb;EAEA,MAAMC,QAAQ,GAAG;IACf,GAAGT,KAAK;IACRK,GAAG,EAAEF,OAAO,CAAC;EACf,CAAC;EAED,oBACE,IAAAZ,WAAA,CAAAmB,GAAA,EAACb,eAAe;IAACc,GAAG,EAAEV,YAAa;IAAA,GAAKQ,QAAQ;IAAAG,QAAA,EAC7C,IAAAC,kCAA2B,EAACJ,QAAQ,CAACG,QAAQ,EAAE;MAC9CE,QAAQ,EAAEL,QAAQ,CAACM;IACrB,CAAC;EAAC,CACa,CAAC;AAEtB,CAAC;AAAC,IAAAC,QAAA,GAAApB,OAAA,CAAAF,OAAA,GAEaK,WAAW","ignoreList":[]}

package/lib/commonjs/components/Images.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.NATIVE_MODULE_NAME = void 0;
+var _reactNative = require("react-native");
+var _ShapeSource = require("./ShapeSource.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const NATIVE_MODULE_NAME = exports.NATIVE_MODULE_NAME = "MLRNImages";
+function _isUrlOrPath(value) {
+  return (typeof value === "string" || value instanceof String) && (value.startsWith("file://") || value.startsWith("http://") || value.startsWith("https://") || value.startsWith("data:") || value.startsWith("asset://") || value.startsWith("/"));
+}
+function _isImageSourcePropType(value) {
+  if (typeof value === "number" || value instanceof Number) {
+    return true;
+  }
+  const valueAsSource = value;
+  return !!valueAsSource.uri && typeof valueAsSource.uri === "string";
+}
+/**
+ * Images defines the images used in Symbol etc layers
+ */
+const Images = ({
+  images,
+  nativeAssetImages,
+  onImageMissing,
+  id,
+  children
+}) => {
+  const _getImages = () => {
+    if (!images && !nativeAssetImages) {
+      return {};
+    }
+    const imagesResult = {};
+    let nativeImages = [];
+    if (images) {
+      const imageNames = Object.keys(images);
+      for (const imageName of imageNames) {
+        const value = images[imageName];
+        if (imageName === _ShapeSource.SHAPE_SOURCE_NATIVE_ASSETS_KEY && Array.isArray(value)) {
+          console.warn(`Use of ${_ShapeSource.SHAPE_SOURCE_NATIVE_ASSETS_KEY} in Images#images is deprecated please use Images#nativeAssetImages`);
+          nativeImages = value;
+        } else if (value && _isUrlOrPath(value)) {
+          imagesResult[imageName] = value;
+        } else if (value && _isImageSourcePropType(value)) {
+          const res = _reactNative.Image.resolveAssetSource(value);
+          if (res && res.uri) {
+            imagesResult[imageName] = res;
+          }
+        }
+      }
+    }
+    if (nativeAssetImages) {
+      nativeImages = nativeAssetImages;
+    }
+    return {
+      images: imagesResult,
+      nativeImages
+    };
+  };
+  const _onImageMissing = event => {
+    if (onImageMissing) {
+      onImageMissing(event.nativeEvent.payload.imageKey);
+    }
+  };
+  const props = {
+    id,
+    hasOnImageMissing: !!onImageMissing,
+    onImageMissing: _onImageMissing,
+    ..._getImages()
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(MLRNImages, {
+    ...props,
+    children: children
+  });
+};
+const MLRNImages = (0, _reactNative.requireNativeComponent)(NATIVE_MODULE_NAME);
+var _default = exports.default = Images;
+//# sourceMappingURL=Images.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_ShapeSource","_jsxRuntime","NATIVE_MODULE_NAME","exports","_isUrlOrPath","value","String","startsWith","_isImageSourcePropType","Number","valueAsSource","uri","Images","images","nativeAssetImages","onImageMissing","id","children","_getImages","imagesResult","nativeImages","imageNames","Object","keys","imageName","SHAPE_SOURCE_NATIVE_ASSETS_KEY","Array","isArray","console","warn","res","Image","resolveAssetSource","_onImageMissing","event","nativeEvent","payload","imageKey","props","hasOnImageMissing","jsx","MLRNImages","requireNativeComponent","_default","default"],"sourceRoot":"../../../src","sources":["components/Images.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Light.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.NATIVE_MODULE_NAME = void 0;
+var _react = _interopRequireDefault(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 NATIVE_MODULE_NAME = exports.NATIVE_MODULE_NAME = "MLRNLight";
+const MLRNLight = (0, _reactNative.requireNativeComponent)(NATIVE_MODULE_NAME);
+
+/**
+ * Light represents the light source for extruded geometries
+ */
+const Light = props => {
+  const {
+    baseProps,
+    setNativeLayer
+  } = (0, _useAbstractLayer.default)({
+    ...props
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(MLRNLight, {
+    ref: setNativeLayer,
+    testID: "mlrnLight",
+    ...baseProps
+  });
+};
+var _default = exports.default = Light;
+//# sourceMappingURL=Light.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_useAbstractLayer","_jsxRuntime","e","__esModule","default","NATIVE_MODULE_NAME","exports","MLRNLight","requireNativeComponent","Light","props","baseProps","setNativeLayer","useAbstractLayer","jsx","ref","testID","_default"],"sourceRoot":"../../../src","sources":["components/Light.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,iBAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEmC,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAK5B,MAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,WAAW;AAa7C,MAAME,SAAS,GAAG,IAAAC,mCAAsB,EAAcH,kBAAkB,CAAC;;AAEzE;AACA;AACA;AACA,MAAMI,KAA2B,GAAIC,KAAiB,IAAK;EACzD,MAAM;IAAEC,SAAS;IAAEC;EAAe,CAAC,GAAG,IAAAC,yBAAgB,EAGpD;IACA,GAAGH;EACL,CAAC,CAAC;EAEF,oBAAO,IAAAT,WAAA,CAAAa,GAAA,EAACP,SAAS;IAACQ,GAAG,EAAEH,cAAe;IAACI,MAAM,EAAC,WAAW;IAAA,GAAKL;EAAS,CAAG,CAAC;AAC7E,CAAC;AAAC,IAAAM,QAAA,GAAAX,OAAA,CAAAF,OAAA,GAEaK,KAAK","ignoreList":[]}

package/lib/commonjs/components/LineLayer.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.NATIVE_MODULE_NAME = void 0;
+var _react = _interopRequireDefault(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 = "MLRNLineLayer";
+const MLRNLineLayer = (0, _reactNative.requireNativeComponent)(NATIVE_MODULE_NAME);
+
+/**
+ * LineLayer is a style layer that renders one or more stroked polylines on the map.
+ */
+const LineLayer = ({
+  sourceID = MapLibreRN.StyleSource.DefaultSourceID,
+  ...props
+}) => {
+  const {
+    baseProps,
+    setNativeLayer
+  } = (0, _useAbstractLayer.default)({
+    ...props,
+    sourceID
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(MLRNLineLayer, {
+    ref: setNativeLayer,
+    ...baseProps
+  });
+};
+var _default = exports.default = LineLayer;
+//# sourceMappingURL=LineLayer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_useAbstractLayer","_jsxRuntime","e","__esModule","default","MapLibreRN","NativeModules","MLRNModule","NATIVE_MODULE_NAME","exports","MLRNLineLayer","requireNativeComponent","LineLayer","sourceID","StyleSource","DefaultSourceID","props","baseProps","setNativeLayer","useAbstractLayer","jsx","ref","_default"],"sourceRoot":"../../../src","sources":["components/LineLayer.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,iBAAA,GAAAH,sBAAA,CAAAC,OAAA;AAGmC,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,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,eAAe;AAWjD,MAAME,aAAa,GACjB,IAAAC,mCAAsB,EAAkBH,kBAAkB,CAAC;;AAE7D;AACA;AACA;AACA,MAAMI,SAAmC,GAAGA,CAAC;EAC3CC,QAAQ,GAAGR,UAAU,CAACS,WAAW,CAACC,eAAe;EACjD,GAAGC;AACW,CAAC,KAAK;EACpB,MAAM;IAAEC,SAAS;IAAEC;EAAe,CAAC,GAAG,IAAAC,yBAAgB,EAGpD;IACA,GAAGH,KAAK;IACRH;EACF,CAAC,CAAC;EAEF,oBAAO,IAAAZ,WAAA,CAAAmB,GAAA,EAACV,aAAa;IAACW,GAAG,EAAEH,cAAe;IAAA,GAAKD;EAAS,CAAG,CAAC;AAC9D,CAAC;AAAC,IAAAK,QAAA,GAAAb,OAAA,CAAAL,OAAA,GAEaQ,SAAS","ignoreList":[]}

package/lib/commonjs/components/MapView.js

@@ -0,0 +1,463 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.NATIVE_MODULE_NAME = exports.ANDROID_TEXTURE_NATIVE_MODULE_NAME = void 0;
+var _debounce = _interopRequireDefault(require("debounce"));
+var _react = require("react");
+var _reactNative = require("react-native");
+var _useNativeBridge = _interopRequireDefault(require("../hooks/useNativeBridge.js"));
+var _useOnce = _interopRequireDefault(require("../hooks/useOnce.js"));
+var _index = require("../utils/index.js");
+var _Logger = _interopRequireDefault(require("../utils/Logger.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;
+if (MapLibreRN == null) {
+  console.error("Native module of @maplibre/maplibre-react-native library was not registered properly, please consult the docs: https://github.com/maplibre/maplibre-react-native");
+}
+const NATIVE_MODULE_NAME = exports.NATIVE_MODULE_NAME = "MLRNMapView";
+const ANDROID_TEXTURE_NATIVE_MODULE_NAME = exports.ANDROID_TEXTURE_NATIVE_MODULE_NAME = "MLRNAndroidTextureMapView";
+const styles = _reactNative.StyleSheet.create({
+  matchParent: {
+    flex: 1
+  }
+});
+const defaultStyleURL = MapLibreRN.StyleURL.Street;
+/**
+ * MapView backed by MapLibre Native
+ */
+const MapView = /*#__PURE__*/(0, _react.memo)(/*#__PURE__*/(0, _react.forwardRef)(({
+  localizeLabels = false,
+  scrollEnabled = true,
+  pitchEnabled = true,
+  rotateEnabled = true,
+  attributionEnabled = true,
+  logoEnabled = false,
+  surfaceView = false,
+  regionWillChangeDebounceTime = 10,
+  regionDidChangeDebounceTime = 500,
+  ...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, () => ({
+    /**
+     * Converts a geographic coordinate to a point in the given view’s coordinate system.
+     *
+     * @example
+     * const pointInView = await this._map.getPointInView([-37.817070, 144.949901]);
+     *
+     * @param {Array<Number>} coordinate - A point expressed in the map view's coordinate system.
+     * @return {Array}
+     */
+    getPointInView,
+    /**
+     * Converts a point in the given view’s coordinate system to a geographic coordinate.
+     *
+     * @example
+     * const coordinate = await this._map.getCoordinateFromView([100, 100]);
+     *
+     * @param {Array<Number>} point - A point expressed in the given view’s coordinate system.
+     * @return {Array}
+     */
+    getCoordinateFromView,
+    /**
+     * The coordinate bounds(ne, sw) visible in the users’s viewport.
+     *
+     * @example
+     * const visibleBounds = await this._map.getVisibleBounds();
+     *
+     * @return {Array}
+     */
+    getVisibleBounds,
+    /**
+     * Returns an array of rendered map features that intersect with a given point.
+     *
+     * @example
+     * this._map.queryRenderedFeaturesAtPoint([30, 40], ['==', 'type', 'Point'], ['id1', 'id2'])
+     *
+     * @param  {Array<Number>} coordinate - A point expressed in the map view’s coordinate system.
+     * @param  {Array=} filter - 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=} layerIDs - A array of layer id's to filter the features by
+     * @return {GeoJSON.FeatureCollection}
+     */
+    queryRenderedFeaturesAtPoint,
+    /**
+     * Returns an array of rendered map features that intersect with the given rectangle,
+     * restricted to the given style layers and filtered by the given predicate.
+     *
+     * @example
+     * this._map.queryRenderedFeaturesInRect([30, 40, 20, 10], ['==', 'type', 'Point'], ['id1', 'id2'])
+     *
+     * @param  {Array<Number>} bbox - A rectangle expressed in the map view’s coordinate system.
+     * @param  {Array=} filter - 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=} layerIDs -  A array of layer id's to filter the features by
+     * @return {GeoJSON.FeatureCollection}
+     */
+    queryRenderedFeaturesInRect,
+    /**
+     * Map camera will perform updates based on provided config. Deprecated use Camera#setCamera.
+     */
+    setCamera,
+    /**
+     * Takes snapshot of map with current tiles and returns a URI to the image
+     * @param  {Boolean} writeToDisk If true will create a temp file, otherwise it is in base64
+     * @return {String}
+     */
+    takeSnap,
+    /**
+     * Returns the current zoom of the map view.
+     *
+     * @example
+     * const zoom = await this._map.getZoom();
+     *
+     * @return {Number}
+     */
+    getZoom,
+    /**
+     * Returns the map's geographical centerpoint
+     *
+     * @example
+     * const center = await this._map.getCenter();
+     *
+     * @return {Array<Number>} Coordinates
+     */
+    getCenter,
+    /**
+     * Sets the visibility of all the layers referencing the specified `sourceLayerId` and/or `sourceId`
+     *
+     * @example
+     * await this._map.setSourceVisibility(false, 'composite', 'building')
+     *
+     * @param {boolean} visible - Visibility of the layers
+     * @param {String} sourceId - Identifier of the target source (e.g. 'composite')
+     * @param {String=} sourceLayerId - Identifier of the target source-layer (e.g. 'building')
+     */
+    setSourceVisibility,
+    /**
+     * Show the attribution and telemetry action sheet.
+     * If you implement a custom attribution button, you should add this action to the button.
+     */
+    showAttribution,
+    setNativeProps
+  }));
+  const {
+    _runNativeCommand,
+    _runPendingNativeCommands,
+    _onAndroidCallback
+  } = (0, _useNativeBridge.default)(NATIVE_MODULE_NAME);
+  const logger = (0, _react.useRef)(_Logger.default.sharedInstance());
+  // * start the logger before anyuseEffect
+  (0, _useOnce.default)(() => {
+    logger.current.start();
+  });
+  const _nativeRef = (0, _react.useRef)();
+  const [isReady, setIsReady] = (0, _react.useState)(false);
+
+  // Cleanups on unmount
+  (0, _react.useEffect)(() => {
+    const currentLogger = logger.current;
+    return () => {
+      _onDebouncedRegionWillChange.clear();
+      _onDebouncedRegionDidChange.clear();
+      currentLogger.stop();
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  // This will run on every render
+  // so similar to componentDidMount and UNSAFE_componentWillReceiveProps
+  (0, _react.useEffect)(() => {
+    _setHandledMapChangedEvents(props);
+  }, [props]);
+  const _setHandledMapChangedEvents = props => {
+    if ((0, _index.isAndroid)()) {
+      const events = [];
+      if (props.onRegionWillChange) {
+        events.push(MapLibreRN.EventTypes.RegionWillChange);
+      }
+      if (props.onRegionIsChanging) {
+        events.push(MapLibreRN.EventTypes.RegionIsChanging);
+      }
+      if (props.onRegionDidChange) {
+        events.push(MapLibreRN.EventTypes.RegionDidChange);
+      }
+      if (props.onUserLocationUpdate) {
+        events.push(MapLibreRN.EventTypes.UserLocationUpdated);
+      }
+      if (props.onWillStartLoadingMap) {
+        events.push(MapLibreRN.EventTypes.WillStartLoadingMap);
+      }
+      if (props.onDidFinishLoadingMap) {
+        events.push(MapLibreRN.EventTypes.DidFinishLoadingMap);
+      }
+      if (props.onDidFailLoadingMap) {
+        events.push(MapLibreRN.EventTypes.DidFailLoadingMap);
+      }
+      if (props.onWillStartRenderingFrame) {
+        events.push(MapLibreRN.EventTypes.WillStartRenderingFrame);
+      }
+      if (props.onDidFinishRenderingFrame) {
+        events.push(MapLibreRN.EventTypes.DidFinishRenderingFrame);
+      }
+      if (props.onDidFinishRenderingFrameFully) {
+        events.push(MapLibreRN.EventTypes.DidFinishRenderingFrameFully);
+      }
+      if (props.onWillStartRenderingMap) {
+        events.push(MapLibreRN.EventTypes.WillStartRenderingMap);
+      }
+      if (props.onDidFinishRenderingMap) {
+        events.push(MapLibreRN.EventTypes.DidFinishRenderingMap);
+      }
+      if (props.onDidFinishRenderingMapFully) {
+        events.push(MapLibreRN.EventTypes.DidFinishRenderingMapFully);
+      }
+      if (props.onDidFinishLoadingStyle) {
+        events.push(MapLibreRN.EventTypes.DidFinishLoadingStyle);
+      }
+      _runNativeCommand("setHandledMapChangedEvents", _nativeRef.current, events);
+    }
+  };
+  const getPointInView = async coordinate => {
+    const res = await _runNativeCommand("getPointInView", _nativeRef.current, [coordinate]);
+    return res.pointInView;
+  };
+  const getCoordinateFromView = async point => {
+    const res = await _runNativeCommand("getCoordinateFromView", _nativeRef.current, [point]);
+    return res.coordinateFromView;
+  };
+  const getVisibleBounds = async () => {
+    const res = await _runNativeCommand("getVisibleBounds", _nativeRef.current);
+    return res.visibleBounds;
+  };
+  const queryRenderedFeaturesAtPoint = async (point, filter, layerIDs = []) => {
+    if (!point || point.length < 2) {
+      throw new Error("Must pass in valid point in the map view's cooridnate system[x, y]");
+    }
+    const res = await _runNativeCommand("queryRenderedFeaturesAtPoint", _nativeRef.current, [point, (0, _filterUtils.getFilter)(filter), layerIDs]);
+    if ((0, _index.isAndroid)()) {
+      return JSON.parse(res.data);
+    }
+    return res.data;
+  };
+  const queryRenderedFeaturesInRect = async (bbox, filter, layerIDs = []) => {
+    if (!bbox || bbox.length !== 4) {
+      throw new Error("Must pass in a valid bounding box[top, right, bottom, left]");
+    }
+    const res = await _runNativeCommand("queryRenderedFeaturesInRect", _nativeRef.current, [bbox, (0, _filterUtils.getFilter)(filter), layerIDs]);
+    if ((0, _index.isAndroid)()) {
+      return JSON.parse(res.data);
+    }
+    return res.data;
+  };
+  const setCamera = () => {
+    console.warn("MapView.setCamera is deprecated - please use Camera#setCamera");
+  };
+  const takeSnap = async (writeToDisk = false) => {
+    const res = await _runNativeCommand("takeSnap", _nativeRef.current, [writeToDisk]);
+    return res.uri;
+  };
+  const getZoom = async () => {
+    const res = await _runNativeCommand("getZoom", _nativeRef.current);
+    return res.zoom;
+  };
+  const getCenter = async () => {
+    const res = await _runNativeCommand("getCenter", _nativeRef.current);
+    return res.center;
+  };
+  const setSourceVisibility = (visible, sourceId, sourceLayerId = null) => {
+    _runNativeCommand("setSourceVisibility", _nativeRef.current, [visible, sourceId, sourceLayerId]);
+  };
+  const showAttribution = async () => {
+    _runNativeCommand("showAttribution", _nativeRef.current);
+  };
+  const _onPress = e => {
+    if ((0, _index.isFunction)(props.onPress)) {
+      props.onPress(e.nativeEvent.payload);
+    }
+  };
+  const _onLongPress = e => {
+    if ((0, _index.isFunction)(props.onLongPress)) {
+      props.onLongPress(e.nativeEvent.payload);
+    }
+  };
+  const _onRegionWillChange = payload => {
+    if ((0, _index.isFunction)(props.onRegionWillChange)) {
+      props.onRegionWillChange(payload);
+    }
+  };
+  const _onRegionDidChange = payload => {
+    if ((0, _index.isFunction)(props.onRegionDidChange)) {
+      props.onRegionDidChange(payload);
+    }
+  };
+  const _onDebouncedRegionWillChange = (0, _react.useCallback)((0, _debounce.default)(_onRegionWillChange, regionWillChangeDebounceTime, {
+    immediate: true
+  }), [_onRegionWillChange]);
+  const _onDebouncedRegionDidChange = (0, _react.useCallback)((0, _debounce.default)(_onRegionDidChange, regionDidChangeDebounceTime), [_onRegionDidChange]);
+  const _onChange = e => {
+    const {
+      type,
+      payload
+    } = e.nativeEvent;
+    let propName;
+    switch (type) {
+      case MapLibreRN.EventTypes.RegionWillChange:
+        if (regionWillChangeDebounceTime && regionWillChangeDebounceTime > 0) {
+          if (payload) {
+            _onDebouncedRegionWillChange(payload);
+          }
+        } else {
+          propName = "onRegionWillChange";
+        }
+        break;
+      case MapLibreRN.EventTypes.RegionIsChanging:
+        propName = "onRegionIsChanging";
+        break;
+      case MapLibreRN.EventTypes.RegionDidChange:
+        if (regionDidChangeDebounceTime && regionDidChangeDebounceTime > 0) {
+          if (payload) {
+            _onDebouncedRegionDidChange(payload);
+          }
+        } else {
+          propName = "onRegionDidChange";
+        }
+        break;
+      case MapLibreRN.EventTypes.UserLocationUpdated:
+        propName = "onUserLocationUpdate";
+        break;
+      case MapLibreRN.EventTypes.WillStartLoadingMap:
+        propName = "onWillStartLoadingMap";
+        break;
+      case MapLibreRN.EventTypes.DidFinishLoadingMap:
+        propName = "onDidFinishLoadingMap";
+        break;
+      case MapLibreRN.EventTypes.DidFailLoadingMap:
+        propName = "onDidFailLoadingMap";
+        break;
+      case MapLibreRN.EventTypes.WillStartRenderingFrame:
+        propName = "onWillStartRenderingFrame";
+        break;
+      case MapLibreRN.EventTypes.DidFinishRenderingFrame:
+        propName = "onDidFinishRenderingFrame";
+        break;
+      case MapLibreRN.EventTypes.DidFinishRenderingFrameFully:
+        propName = "onDidFinishRenderingFrameFully";
+        break;
+      case MapLibreRN.EventTypes.WillStartRenderingMap:
+        propName = "onWillStartRenderingMap";
+        break;
+      case MapLibreRN.EventTypes.DidFinishRenderingMap:
+        propName = "onDidFinishRenderingMap";
+        break;
+      case MapLibreRN.EventTypes.DidFinishRenderingMapFully:
+        propName = "onDidFinishRenderingMapFully";
+        break;
+      case MapLibreRN.EventTypes.DidFinishLoadingStyle:
+        propName = "onDidFinishLoadingStyle";
+        break;
+      default:
+        console.warn("Unhandled event callback type", type);
+    }
+    if (propName) {
+      _handleOnChange(propName, payload);
+    }
+  };
+  const _onLayout = () => {
+    setIsReady(true);
+  };
+  const _handleOnChange = (propName, payload) => {
+    const callable = props[propName];
+    if (callable && (0, _index.isFunction)(callable)) {
+      callable(payload);
+    }
+  };
+  const contentInsetValue = (0, _react.useMemo)(() => {
+    if (props.contentInset === undefined) {
+      return undefined;
+    }
+    if (!Array.isArray(props.contentInset)) {
+      return [props.contentInset];
+    }
+    return props.contentInset;
+  }, [props.contentInset]);
+  const _setNativeRef = nativeRef => {
+    _nativeRef.current = nativeRef;
+    _runPendingNativeCommands(nativeRef);
+  };
+  const setNativeProps = props => {
+    if (_nativeRef.current) {
+      _nativeRef.current.setNativeProps(props);
+    }
+  };
+  const _setStyleURL = props => {
+    // user set a styleURL, no need to alter props
+    if (props.styleURL) {
+      return;
+    }
+
+    // user set styleJSON pass it to styleURL
+    if (props.styleJSON && !props.styleURL) {
+      props.styleURL = props.styleJSON;
+    }
+
+    // user neither set styleJSON nor styleURL
+    // set defaultStyleUrl
+    if (!props.styleJSON || !props.styleURL) {
+      props.styleURL = defaultStyleURL;
+    }
+  };
+  const nativeProps = (0, _react.useMemo)(() => {
+    return {
+      ...props,
+      localizeLabels,
+      scrollEnabled,
+      pitchEnabled,
+      rotateEnabled,
+      attributionEnabled,
+      logoEnabled,
+      surfaceView,
+      regionWillChangeDebounceTime,
+      regionDidChangeDebounceTime,
+      contentInset: contentInsetValue,
+      style: styles.matchParent
+    };
+  }, [localizeLabels, scrollEnabled, pitchEnabled, rotateEnabled, attributionEnabled, logoEnabled, surfaceView, regionWillChangeDebounceTime, regionDidChangeDebounceTime, props, contentInsetValue]);
+  _setStyleURL(nativeProps);
+  const callbacks = {
+    ref: ref => _setNativeRef(ref),
+    onPress: _onPress,
+    onLongPress: _onLongPress,
+    onMapChange: _onChange,
+    onAndroidCallback: (0, _index.isAndroid)() ? _onAndroidCallback : undefined
+  };
+  let mapView = null;
+  if ((0, _index.isAndroid)() && !surfaceView && isReady) {
+    mapView = /*#__PURE__*/(0, _jsxRuntime.jsx)(MLRNAndroidTextureMapView, {
+      ...nativeProps,
+      ...callbacks,
+      children: props.children
+    });
+  } else if (isReady) {
+    mapView = /*#__PURE__*/(0, _jsxRuntime.jsx)(MLRNMapView, {
+      ...nativeProps,
+      ...callbacks,
+      children: props.children
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    onLayout: _onLayout,
+    style: props.style,
+    testID: mapView ? undefined : props.testID,
+    children: mapView
+  });
+}));
+const MLRNMapView = (0, _reactNative.requireNativeComponent)(NATIVE_MODULE_NAME);
+let MLRNAndroidTextureMapView;
+if ((0, _index.isAndroid)()) {
+  MLRNAndroidTextureMapView = (0, _reactNative.requireNativeComponent)(ANDROID_TEXTURE_NATIVE_MODULE_NAME);
+}
+var _default = exports.default = MapView;
+//# sourceMappingURL=MapView.js.map