@maplibre/maplibre-react-native 10.0.0-alpha.26 → 10.0.0-alpha.28

package/{javascript → src}/components/MapView.tsx

@@ -1,9 +1,10 @@
 import debounce from "debounce";
-import React, {
+import {
   Component,
+  forwardRef,
   memo,
-  ReactElement,
-  ReactNode,
+  type ReactElement,
+  type ReactNode,
   useCallback,
   useEffect,
   useImperativeHandle,
@@ -16,18 +17,18 @@ import {
   StyleSheet,
   NativeModules,
   requireNativeComponent,
-  ViewProps,
-  NativeMethods,
-  NativeSyntheticEvent,
+  type ViewProps,
+  type NativeMethods,
+  type NativeSyntheticEvent,
 } from "react-native";
 
 import useNativeBridge from "../hooks/useNativeBridge";
 import useOnce from "../hooks/useOnce";
-import { Location } from "../modules/location/locationManager";
-import BaseProps from "../types/BaseProps";
+import { type Location } from "../modules/location/locationManager";
+import { type BaseProps } from "../types/BaseProps";
 import { isFunction, isAndroid } from "../utils";
 import Logger from "../utils/Logger";
-import { FilterExpression } from "../utils/MaplibreStyles";
+import { type FilterExpression } from "../utils/MapLibreRNStyles";
 import { getFilter } from "../utils/filterUtils";
 
 const MapLibreGL = NativeModules.MLNModule;
@@ -284,7 +285,7 @@ export interface MapViewRef {
  * MapView backed by MapLibre Native
  */
 const MapView = memo(
-  React.forwardRef<MapViewRef, MapViewProps>(
+  forwardRef<MapViewRef, MapViewProps>(
     (
       {
         localizeLabels = false,
@@ -760,7 +761,7 @@ const MapView = memo(
 
       const contentInsetValue = useMemo(() => {
         if (props.contentInset === undefined) {
-          return;
+          return undefined;
         }
 
         if (!Array.isArray(props.contentInset)) {

package/{javascript → src}/components/MarkerView.tsx

@@ -1,6 +1,6 @@
 import { point } from "@turf/helpers";
-import React, { ReactElement, useMemo } from "react";
-import { Platform, requireNativeComponent, ViewProps } from "react-native";
+import { type ReactElement, useMemo } from "react";
+import { Platform, requireNativeComponent, type ViewProps } from "react-native";
 
 import PointAnnotation from "./PointAnnotation";
 import { toJSONString } from "../utils";

package/{javascript → src}/components/NativeUserLocation.tsx

@@ -1,4 +1,4 @@
-import React, { ReactElement } from "react";
+import { type ReactElement } from "react";
 import { requireNativeComponent } from "react-native";
 
 const NATIVE_MODULE_NAME = "RCTMLNNativeUserLocation";

package/{javascript → src}/components/PointAnnotation.tsx

@@ -1,20 +1,20 @@
 import { point } from "@turf/helpers";
-import React, {
+import {
   Component,
-  SyntheticEvent,
+  type SyntheticEvent,
   forwardRef,
   useImperativeHandle,
   useRef,
-  ReactElement,
+  type ReactElement,
 } from "react";
 import {
   Platform,
   StyleSheet,
-  ViewProps,
+  type ViewProps,
   requireNativeComponent,
 } from "react-native";
 
-import useNativeBridge, { RNMLEvent } from "../hooks/useNativeBridge";
+import useNativeBridge, { type RNMLEvent } from "../hooks/useNativeBridge";
 import { isFunction, toJSONString } from "../utils";
 
 export const NATIVE_MODULE_NAME = "RCTMLNPointAnnotation";

package/{javascript → src}/components/RasterLayer.tsx

@@ -2,11 +2,11 @@ import React from "react";
 import { NativeModules, requireNativeComponent } from "react-native";
 
 import useAbstractLayer, {
-  BaseLayerProps,
-  NativeBaseProps,
+  type BaseLayerProps,
+  type NativeBaseProps,
 } from "../hooks/useAbstractLayer";
-import BaseProps from "../types/BaseProps";
-import { RasterLayerStyleProps } from "../utils/MaplibreStyles";
+import { type BaseProps } from "../types/BaseProps";
+import { type RasterLayerStyleProps } from "../utils/MapLibreRNStyles";
 
 const MapLibreGL = NativeModules.MLNModule;
 

package/{javascript → src}/components/RasterSource.tsx

@@ -3,7 +3,7 @@ import { NativeModules, requireNativeComponent } from "react-native";
 
 import useAbstractSource from "../hooks/useAbstractSource";
 import useOnce from "../hooks/useOnce";
-import BaseProps from "../types/BaseProps";
+import { type BaseProps } from "../types/BaseProps";
 import { cloneReactChildrenWithProps } from "../utils";
 
 const MapLibreGL = NativeModules.MLNModule;

package/{javascript → src}/components/ShapeSource.tsx

@@ -1,27 +1,31 @@
-import React, {
+import {
   Component,
-  ReactElement,
+  type ReactElement,
+  forwardRef,
   memo,
   useImperativeHandle,
   useRef,
 } from "react";
 import {
-  NativeMethods,
+  type NativeMethods,
   NativeModules,
-  NativeSyntheticEvent,
+  type NativeSyntheticEvent,
   requireNativeComponent,
 } from "react-native";
 
 import useNativeBridge from "../hooks/useNativeBridge";
-import BaseProps from "../types/BaseProps";
-import OnPressEvent from "../types/OnPressEvent";
+import { type BaseProps } from "../types/BaseProps";
+import { type OnPressEvent } from "../types/OnPressEvent";
 import {
   cloneReactChildrenWithProps,
   isAndroid,
   isFunction,
   toJSONString,
 } from "../utils";
-import { ExpressionField, FilterExpression } from "../utils/MaplibreStyles";
+import {
+  type ExpressionField,
+  type FilterExpression,
+} from "../utils/MapLibreRNStyles";
 import { copyPropertiesAsDeprecated } from "../utils/deprecation";
 import { getFilter } from "../utils/filterUtils";
 
@@ -158,7 +162,7 @@ export interface ShapeSourceRef {
  * The shape may be a url or a GeoJSON object
  */
 const ShapeSource = memo(
-  React.forwardRef<ShapeSourceRef, ShapeSourceProps>(
+  forwardRef<ShapeSourceRef, ShapeSourceProps>(
     (
       {
         id: shapeId = MapLibreGL.StyleSource.DefaultSourceID,
@@ -356,7 +360,7 @@ const ShapeSource = memo(
 
       function _getShape(): string | undefined {
         if (!props.shape) {
-          return;
+          return undefined;
         }
         return toJSONString(props.shape);
       }

package/{javascript → src}/components/Style.tsx

@@ -1,26 +1,29 @@
-import React, {
+import {
   useMemo,
   useState,
   useEffect,
-  ReactElement,
-  ComponentType,
+  type ReactElement,
+  type ComponentType,
 } from "react";
 
-import BackgroundLayer, { BackgroundLayerProps } from "./BackgroundLayer";
-import CircleLayer, { CircleLayerProps } from "./CircleLayer";
+import BackgroundLayer, { type BackgroundLayerProps } from "./BackgroundLayer";
+import CircleLayer, { type CircleLayerProps } from "./CircleLayer";
 import FillExtrusionLayer, {
-  FillExtrusionLayerProps,
+  type FillExtrusionLayerProps,
 } from "./FillExtrusionLayer";
-import FillLayer, { FillLayerProps } from "./FillLayer";
-import HeatmapLayer, { HeatmapLayerProps } from "./HeatmapLayer";
+import FillLayer, { type FillLayerProps } from "./FillLayer";
+import HeatmapLayer, { type HeatmapLayerProps } from "./HeatmapLayer";
 import ImageSource from "./ImageSource";
-import LineLayer, { LineLayerProps } from "./LineLayer";
-import RasterLayer, { RasterLayerProps } from "./RasterLayer";
+import LineLayer, { type LineLayerProps } from "./LineLayer";
+import RasterLayer, { type RasterLayerProps } from "./RasterLayer";
 import RasterSource from "./RasterSource";
 import ShapeSource from "./ShapeSource";
-import SymbolLayer, { SymbolLayerProps } from "./SymbolLayer";
+import SymbolLayer, { type SymbolLayerProps } from "./SymbolLayer";
 import VectorSource from "./VectorSource";
-import { ExpressionField, FilterExpression } from "../utils/MaplibreStyles";
+import {
+  type ExpressionField,
+  type FilterExpression,
+} from "../utils/MapLibreRNStyles";
 
 function toCamelCase(s: string): string {
   return s.replace(/([-_][a-z])/gi, ($1) => {
@@ -59,7 +62,7 @@ type LayerProps =
   | HeatmapLayerProps;
 
 function getLayerComponentType(
-  layer: MaplibreJSONLayer,
+  layer: MapLibreJSONLayer,
 ): ComponentType<LayerProps> | null {
   const { type } = layer;
 
@@ -87,7 +90,7 @@ function getLayerComponentType(
   return null;
 }
 
-interface MaplibreJSONLayer {
+interface MapLibreJSONLayer {
   type: string;
   paint: { [k: string]: unknown };
   layout: { [k: string]: unknown };
@@ -100,7 +103,7 @@ interface MaplibreJSONLayer {
 }
 
 function asLayerComponent(
-  layer: MaplibreJSONLayer,
+  layer: MapLibreJSONLayer,
 ): ReactElement<LayerProps> | null {
   const LayerComponent = getLayerComponentType(layer);
 
@@ -137,7 +140,7 @@ function asLayerComponent(
   return <LayerComponent key={layer.id} id={layer.id} {...layerProps} />;
 }
 
-interface MaplibreJSONSource {
+interface MapLibreJSONSource {
   type: string;
   url?: string;
   tiles?: string[];
@@ -175,7 +178,7 @@ type SourceProps = {
   tms?: boolean;
 };
 
-function getTileSourceProps(source: MaplibreJSONSource): SourceProps {
+function getTileSourceProps(source: MapLibreJSONSource): SourceProps {
   const sourceProps: Partial<SourceProps> = {};
   if (source.url) {
     sourceProps.url = source.url;
@@ -198,12 +201,12 @@ function getTileSourceProps(source: MaplibreJSONSource): SourceProps {
   return sourceProps;
 }
 
-function getVectorSource(id: string, source: MaplibreJSONSource): ReactElement {
+function getVectorSource(id: string, source: MapLibreJSONSource): ReactElement {
   const sourceProps = { ...getTileSourceProps(source) };
   return <VectorSource key={id} id={id} {...sourceProps} />;
 }
 
-function getRasterSource(id: string, source: MaplibreJSONSource): ReactElement {
+function getRasterSource(id: string, source: MapLibreJSONSource): ReactElement {
   const sourceProps: SourceProps & { tileSize?: number } = {
     ...getTileSourceProps(source),
   };
@@ -213,7 +216,7 @@ function getRasterSource(id: string, source: MaplibreJSONSource): ReactElement {
   return <RasterSource key={id} id={id} {...sourceProps} />;
 }
 
-function getImageSource(id: string, source: MaplibreJSONSource): ReactElement {
+function getImageSource(id: string, source: MapLibreJSONSource): ReactElement {
   const sourceProps = {
     url: source.url,
     coordinates: source.coordinates,
@@ -223,7 +226,7 @@ function getImageSource(id: string, source: MaplibreJSONSource): ReactElement {
 
 type ShapeSourceShape = (typeof ShapeSource.prototype.props)["shape"];
 
-function getShapeSource(id: string, source: MaplibreJSONSource): ReactElement {
+function getShapeSource(id: string, source: MapLibreJSONSource): ReactElement {
   const sourceProps: SourceProps & {
     shape?: ShapeSourceShape;
     cluster?: boolean;
@@ -268,7 +271,7 @@ function getShapeSource(id: string, source: MaplibreJSONSource): ReactElement {
 
 function asSourceComponent(
   id: string,
-  source: MaplibreJSONSource,
+  source: MapLibreJSONSource,
 ): ReactElement | null {
   switch (source.type) {
     case "vector":
@@ -286,16 +289,16 @@ function asSourceComponent(
   return null;
 }
 
-interface MaplibreJSON {
-  layers?: MaplibreJSONLayer[];
-  sources?: { [key: string]: MaplibreJSONSource };
+interface MapLibreJSON {
+  layers?: MapLibreJSONLayer[];
+  sources?: { [key: string]: MapLibreJSONSource };
 }
 
 interface StyleProps {
   /**
    * A JSON object conforming to the schema described in the MapLibre Style Specification, or a URL to such JSON.
    */
-  json?: MaplibreJSON | URL;
+  json?: MapLibreJSON | URL;
 }
 
 /**
@@ -307,7 +310,7 @@ interface StyleProps {
  */
 const Style = (props: StyleProps): ReactElement => {
   const [fetchedJson, setFetchedJson] = useState({});
-  const json: MaplibreJSON =
+  const json: MapLibreJSON =
     typeof props.json === "object" ? props.json : fetchedJson;
 
   // Fetch style when props.json is a URL
@@ -352,8 +355,8 @@ const Style = (props: StyleProps): ReactElement => {
     if (!sources || !Object.keys(sources)) {
       return [];
     }
-    return Object.keys(sources)
-      .map((id) => asSourceComponent(id, sources[id]))
+    return Object.entries(sources)
+      .map(([id, source]) => asSourceComponent(id, source))
       .filter((x) => !!x);
   }, [json]);
 

package/{javascript → src}/components/SymbolLayer.tsx

@@ -1,12 +1,12 @@
-import React, { ReactElement } from "react";
+import { Children, type ReactElement } from "react";
 import { View, NativeModules, requireNativeComponent } from "react-native";
 
 import useAbstractLayer, {
-  BaseLayerProps,
-  NativeBaseProps,
+  type BaseLayerProps,
+  type NativeBaseProps,
 } from "../hooks/useAbstractLayer";
-import BaseProps from "../types/BaseProps";
-import { type SymbolLayerStyleProps } from "../utils/MaplibreStyles";
+import { type BaseProps } from "../types/BaseProps";
+import { type SymbolLayerStyleProps } from "../utils/MapLibreRNStyles";
 
 const MapLibreGL = NativeModules.MLNModule;
 
@@ -50,11 +50,11 @@ const SymbolLayer: React.FC<SymbolLayerProps> = ({
   const _shouldSnapshot = (): boolean => {
     let isSnapshot = false;
 
-    if (React.Children.count(props.children) <= 0) {
+    if (Children.count(props.children) <= 0) {
       return isSnapshot;
     }
 
-    React.Children.forEach(props.children, (child) => {
+    Children.forEach(props.children, (child) => {
       if (child?.type === View) {
         isSnapshot = true;
       }

package/{javascript → src}/components/UserLocation.tsx

@@ -1,11 +1,21 @@
-import React, { ReactElement, useEffect, useImperativeHandle } from "react";
+import {
+  forwardRef,
+  memo,
+  type ReactElement,
+  useEffect,
+  useImperativeHandle,
+  useRef,
+  useState,
+} from "react";
 
 import Annotation from "./Annotation";
 import CircleLayer from "./CircleLayer";
 import HeadingIndicator from "./HeadingIndicator";
 import NativeUserLocation from "./NativeUserLocation";
-import locationManager, { Location } from "../modules/location/locationManager";
-import { CircleLayerStyleProps } from "../utils/MaplibreStyles";
+import locationManager, {
+  type Location,
+} from "../modules/location/locationManager";
+import { type CircleLayerStyleProps } from "../utils/MapLibreRNStyles";
 
 const mapboxBlue = "rgba(51, 181, 229, 100)";
 
@@ -124,8 +134,8 @@ export interface UserLocationRef {
   _onLocationUpdate: (location: Location | null) => void;
 }
 
-const UserLocation = React.memo(
-  React.forwardRef<UserLocationRef, UserLocationProps>(
+const UserLocation = memo(
+  forwardRef<UserLocationRef, UserLocationProps>(
     (
       {
         animated = true,
@@ -141,11 +151,11 @@ const UserLocation = React.memo(
       }: UserLocationProps,
       ref,
     ) => {
-      const _isMounted = React.useRef<boolean | null>(null);
-      const locationManagerRunning = React.useRef<boolean>(false);
+      const _isMounted = useRef<boolean | null>(null);
+      const locationManagerRunning = useRef<boolean>(false);
 
       const [userLocationState, setUserLocationState] =
-        React.useState<UserLocationState>({
+        useState<UserLocationState>({
           shouldShowUserLocation: false,
         });
 

package/{javascript → src}/components/VectorSource.tsx

@@ -1,17 +1,17 @@
 import { featureCollection } from "@turf/helpers";
-import React, { memo, useImperativeHandle } from "react";
+import { forwardRef, memo, useImperativeHandle } from "react";
 import {
   NativeModules,
-  NativeSyntheticEvent,
+  type NativeSyntheticEvent,
   requireNativeComponent,
 } from "react-native";
 
 import useAbstractSource from "../hooks/useAbstractSource";
 import useNativeBridge from "../hooks/useNativeBridge";
-import BaseProps from "../types/BaseProps";
-import OnPressEvent from "../types/OnPressEvent";
+import { type BaseProps } from "../types/BaseProps";
+import { type OnPressEvent } from "../types/OnPressEvent";
 import { cloneReactChildrenWithProps, isFunction, isAndroid } from "../utils";
-import { FilterExpression } from "../utils/MaplibreStyles";
+import { type FilterExpression } from "../utils/MapLibreRNStyles";
 import { copyPropertiesAsDeprecated } from "../utils/deprecation";
 import { getFilter } from "../utils/filterUtils";
 
@@ -91,7 +91,7 @@ const RCTMLNVectorSource =
  * 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 = memo(
-  React.forwardRef(
+  forwardRef(
     (
       {
         id = MapLibreGL.StyleSource.DefaultSourceID,

package/{javascript → src}/hooks/useAbstractLayer.ts

@@ -1,14 +1,14 @@
-import React, { useMemo, useRef } from "react";
-import { processColor, NativeMethods } from "react-native";
+import { useMemo, useRef } from "react";
+import { processColor, type NativeMethods } from "react-native";
 
-import BaseProps from "../types/BaseProps";
+import { type BaseProps } from "../types/BaseProps";
 import {
-  AllLayerStyleProps,
-  ExpressionField,
-  ExpressionName,
-  FilterExpression,
-} from "../utils/MaplibreStyles";
-import { StyleValue, transformStyle } from "../utils/StyleValue";
+  type AllLayerStyleProps,
+  type ExpressionField,
+  type ExpressionName,
+  type FilterExpression,
+} from "../utils/MapLibreRNStyles";
+import { type StyleValue, transformStyle } from "../utils/StyleValue";
 import { getFilter } from "../utils/filterUtils";
 
 export interface BaseLayerProps {

package/{javascript → src}/hooks/useAbstractSource.ts

@@ -1,5 +1,5 @@
-import React, { useRef } from "react";
-import { NativeMethods } from "react-native";
+import { useRef } from "react";
+import { type NativeMethods } from "react-native";
 
 export default function useAbstractSource<NativePropsType extends object>(): {
   _nativeRef:

package/{javascript → src}/hooks/useNativeBridge.ts

@@ -1,6 +1,6 @@
-import React, { Component, SyntheticEvent, useRef } from "react";
+import { Component, type SyntheticEvent, useRef } from "react";
 
-import { runNativeCommand, isAndroid, NativeArg } from "../utils";
+import { runNativeCommand, isAndroid, type NativeArg } from "../utils";
 
 export type RNMLEvent<PayloadType = { [key: string]: string }> = {
   payload: PayloadType;

package/{javascript → src}/hooks/useNativeRef.ts

@@ -1,5 +1,5 @@
-import React, { Component, useRef } from "react";
-import { NativeMethods } from "react-native";
+import { Component, useRef } from "react";
+import { type NativeMethods } from "react-native";
 
 export type NativeRef<NativeProps> = Component<NativeProps> &
   Readonly<NativeMethods>;

package/src/index.ts

@@ -0,0 +1,4 @@
+import * as MapLibreRN from "./MapLibreRN";
+export * from "./MapLibreRN";
+
+export default MapLibreRN;

package/{javascript → src}/modules/location/locationManager.ts

@@ -1,7 +1,7 @@
 import {
   NativeModules,
   NativeEventEmitter,
-  EmitterSubscription,
+  type EmitterSubscription,
 } from "react-native";
 
 const MapLibreGL = NativeModules.MLNModule;

package/{javascript → src}/modules/offline/offlineManager.ts

@@ -1,11 +1,11 @@
 import {
   NativeModules,
   NativeEventEmitter,
-  EventSubscription,
+  type EventSubscription,
 } from "react-native";
 
 import OfflineCreatePackOptions, {
-  OfflineCreatePackInputOptions,
+  type OfflineCreatePackInputOptions,
 } from "./OfflineCreatePackOptions";
 import OfflinePack from "./OfflinePack";
 import { isUndefined, isFunction, isAndroid } from "../../utils";
@@ -90,8 +90,8 @@ class OfflineManager {
    * }, progressListener, errorListener)
    *
    * @param  {OfflineCreatePackOptions} options Create options for a offline pack that specifices zoom levels, style url, and the region to download.
-   * @param  {Callback=} progressListener Callback that listens for status events while downloading the offline resource.
-   * @param  {Callback=} errorListener Callback that listens for status events while downloading the offline resource.
+   * @param  {ProgressListener} progressListener Callback that listens for status events while downloading the offline resource.
+   * @param  {ErrorListener} errorListener Callback that listens for status events while downloading the offline resource.
    * @return {void}
    */
   async createPack(
@@ -230,9 +230,10 @@ class OfflineManager {
    */
   async getPacks(): Promise<OfflinePack[]> {
     await this._initialize();
-    return Object.keys(this._offlinePacks).map(
-      (name) => this._offlinePacks[name],
-    );
+
+    return Object.keys(this._offlinePacks)
+      .map((name) => this._offlinePacks[name])
+      .filter((pack) => !!pack);
   }
 
   /**
@@ -244,7 +245,7 @@ class OfflineManager {
    * @param  {String}  name  Name of the offline pack.
    * @return {OfflinePack}
    */
-  async getPack(name: string): Promise<OfflinePack> {
+  async getPack(name: string) {
     await this._initialize();
     return this._offlinePacks[name];
   }
@@ -300,9 +301,9 @@ class OfflineManager {
    * const errorListener = (offlinePack, err) => console.log(offlinePack, err)
    * MapLibreGL.offlineManager.subscribe('packName', progressListener, errorListener)
    *
-   * @param  {String} packName           Name of the offline pack.
-   * @param  {Callback} progressListener Callback that listens for status events while downloading the offline resource.
-   * @param  {Callback} errorListener      Callback that listens for status events while downloading the offline resource.
+   * @param  {string} packName           Name of the offline pack.
+   * @param  {ProgressListener} progressListener Callback that listens for status events while downloading the offline resource.
+   * @param  {ErrorListener} errorListener      Callback that listens for status events while downloading the offline resource.
    * @return {void}
    */
   async subscribe(
@@ -399,7 +400,9 @@ class OfflineManager {
     }
 
     const pack = this._offlinePacks[name];
-    this._progressListeners[name](pack, e.payload);
+    if (pack) {
+      this._progressListeners[name]?.(pack, e.payload);
+    }
 
     // cleanup listeners now that they are no longer needed
     if (state === MapLibreGL.OfflinePackDownloadState.Complete) {
@@ -415,7 +418,9 @@ class OfflineManager {
     }
 
     const pack = this._offlinePacks[name];
-    this._errorListeners[name](pack, e.payload);
+    if (pack) {
+      this._errorListeners[name]?.(pack, e.payload);
+    }
   }
 
   _hasListeners(

package/{javascript → src}/modules/snapshot/snapshotManager.ts

@@ -1,6 +1,6 @@
 import { NativeModules } from "react-native";
 
-import SnapshotOptions, { SnapshotInputOptions } from "./SnapshotOptions";
+import SnapshotOptions, { type SnapshotInputOptions } from "./SnapshotOptions";
 
 const MapLibreGLSnapshotManger = NativeModules.MLNSnapshotModule;
 

package/{javascript → src}/requestAndroidLocationPermissions.ts

@@ -1,12 +1,12 @@
-import { Permission, PermissionsAndroid } from "react-native";
+import { type Permission, PermissionsAndroid } from "react-native";
 
 import { isAndroid } from "./utils";
 
 export async function requestAndroidLocationPermissions(): Promise<boolean> {
   if (isAndroid()) {
     const res = await PermissionsAndroid.requestMultiple([
-      PermissionsAndroid.PERMISSIONS.ACCESS_FINE_LOCATION,
-      PermissionsAndroid.PERMISSIONS.ACCESS_COARSE_LOCATION,
+      PermissionsAndroid.PERMISSIONS.ACCESS_FINE_LOCATION as Permission,
+      PermissionsAndroid.PERMISSIONS.ACCESS_COARSE_LOCATION as Permission,
     ]);
 
     if (!res) {

package/src/types/BaseProps.ts

@@ -0,0 +1,3 @@
+export interface BaseProps {
+  testID?: string;
+}

package/src/types/MapLibreRNEvent.ts

@@ -0,0 +1,7 @@
+import { type SyntheticEvent } from "react";
+
+export type MapLibreRNEvent<
+  T extends string,
+  P = GeoJSON.Feature,
+  V = Element,
+> = SyntheticEvent<V, { type: T; payload: P }>;