@maplibre/maplibre-react-native 10.0.0-alpha.7 → 10.0.0-alpha.9

package/javascript/Maplibre.ts

@@ -1,4 +1,6 @@
-export * from './MLNModule';
+import { UserTrackingMode } from "./components/Camera";
+
+export * from "./MLNModule";
 export {
   default as Camera,
   UserTrackingMode,
@@ -6,45 +8,45 @@ export {
   type CameraAnimationMode,
   type CameraBounds,
   type CameraRef,
-} from './components/Camera';
-export {default as MapView, type MapViewRef} from './components/MapView';
-export {default as Light} from './components/Light';
-export {default as PointAnnotation} from './components/PointAnnotation';
-export type {PointAnnotationRef} from './components/PointAnnotation';
-export {default as Annotation} from './components/annotations/Annotation';
-export {default as Callout} from './components/Callout';
-export {requestAndroidLocationPermissions} from './requestAndroidLocationPermissions';
+} from "./components/Camera";
+export { default as MapView, type MapViewRef } from "./components/MapView";
+export { default as Light } from "./components/Light";
+export { default as PointAnnotation } from "./components/PointAnnotation";
+export type { PointAnnotationRef } from "./components/PointAnnotation";
+export { default as Annotation } from "./components/annotations/Annotation";
+export { default as Callout } from "./components/Callout";
+export { requestAndroidLocationPermissions } from "./requestAndroidLocationPermissions";
 export {
   default as UserLocation,
   UserLocationRenderMode,
-} from './components/UserLocation';
-export type {UserLocationRef} from './components/UserLocation';
-export {default as VectorSource} from './components/VectorSource';
-export {default as ShapeSource} from './components/ShapeSource';
-export type {ShapeSourceRef} from './components/ShapeSource';
-export {default as RasterSource} from './components/RasterSource';
-export {default as ImageSource} from './components/ImageSource';
-export {default as Images} from './components/Images';
-export {default as FillLayer} from './components/FillLayer';
-export {default as FillExtrusionLayer} from './components/FillExtrusionLayer';
-export {default as HeatmapLayer} from './components/HeatmapLayer';
-export {default as LineLayer} from './components/LineLayer';
-export {default as CircleLayer} from './components/CircleLayer';
-export {default as SymbolLayer} from './components/SymbolLayer';
-export {default as RasterLayer} from './components/RasterLayer';
-export {default as BackgroundLayer} from './components/BackgroundLayer';
+} from "./components/UserLocation";
+export type { UserLocationRef } from "./components/UserLocation";
+export { default as VectorSource } from "./components/VectorSource";
+export { default as ShapeSource } from "./components/ShapeSource";
+export type { ShapeSourceRef } from "./components/ShapeSource";
+export { default as RasterSource } from "./components/RasterSource";
+export { default as ImageSource } from "./components/ImageSource";
+export { default as Images } from "./components/Images";
+export { default as FillLayer } from "./components/FillLayer";
+export { default as FillExtrusionLayer } from "./components/FillExtrusionLayer";
+export { default as HeatmapLayer } from "./components/HeatmapLayer";
+export { default as LineLayer } from "./components/LineLayer";
+export { default as CircleLayer } from "./components/CircleLayer";
+export { default as SymbolLayer } from "./components/SymbolLayer";
+export { default as RasterLayer } from "./components/RasterLayer";
+export { default as BackgroundLayer } from "./components/BackgroundLayer";
 export {
   default as locationManager,
   type Location,
-} from './modules/location/locationManager';
-export {default as offlineManager} from './modules/offline/offlineManager';
-export {default as OfflineCreatePackOptions} from './modules/offline/OfflineCreatePackOptions';
-export {default as snapshotManager} from './modules/snapshot/snapshotManager';
-export type {SnapshotInputOptions} from './modules/snapshot/SnapshotOptions';
-export {default as MarkerView} from './components/MarkerView';
-export {default as Animated} from './utils/animated/Animated';
-export {default as Style} from './components/Style';
-export {default as Logger, type LogLevel} from './utils/Logger';
+} from "./modules/location/locationManager";
+export { default as offlineManager } from "./modules/offline/offlineManager";
+export { default as OfflineCreatePackOptions } from "./modules/offline/OfflineCreatePackOptions";
+export { default as snapshotManager } from "./modules/snapshot/snapshotManager";
+export type { SnapshotInputOptions } from "./modules/snapshot/SnapshotOptions";
+export { default as MarkerView } from "./components/MarkerView";
+export { default as Animated } from "./utils/animated/Animated";
+export { default as Style } from "./components/Style";
+export { default as Logger, type LogLevel } from "./utils/Logger";
 export type {
   FillLayerStyleProps as FillLayerStyle,
   LineLayerStyleProps as LineLayerStyle,
@@ -56,14 +58,7 @@ export type {
   HillshadeLayerStyleProps as HillshadeLayerStyle,
   BackgroundLayerStyleProps as BackgroundLayerStyle,
   LightLayerStyleProps as LightLayerStyle,
-} from './utils/MaplibreStyles';
-
-import {UserTrackingMode} from './components/Camera';
-
-// types:
-export enum StyleURL {
-  Default = 'https://demotiles.maplibre.org/style.json',
-}
+} from "./utils/MaplibreStyles";
 
 /** @deprecated UserTrackingModes is deprecated use UserTrackingMode */
 export const UserTrackingModes = UserTrackingMode;

package/javascript/components/BackgroundLayer.tsx

@@ -1,16 +1,16 @@
-import {BackgroundLayerStyleProps} from '../utils/MaplibreStyles';
-import BaseProps from '../types/BaseProps';
+import React from "react";
+import { NativeModules, requireNativeComponent } from "react-native";
+
 import useAbstractLayer, {
   BaseLayerProps,
   NativeBaseProps,
-} from '../hooks/useAbstractLayer';
-
-import React from 'react';
-import {NativeModules, requireNativeComponent} from 'react-native';
+} from "../hooks/useAbstractLayer";
+import BaseProps from "../types/BaseProps";
+import { BackgroundLayerStyleProps } from "../utils/MaplibreStyles";
 
 const MapLibreGL = NativeModules.MLNModule;
 
-export const NATIVE_MODULE_NAME = 'RCTMLNBackgroundLayer';
+export const NATIVE_MODULE_NAME = "RCTMLNBackgroundLayer";
 
 export interface BackgroundLayerProps extends BaseProps, BaseLayerProps {
   /**
@@ -20,7 +20,7 @@ export interface BackgroundLayerProps extends BaseProps, BaseLayerProps {
 }
 
 interface NativeProps
-  extends Omit<BackgroundLayerProps, 'style'>,
+  extends Omit<BackgroundLayerProps, "style">,
     NativeBaseProps {}
 
 const RCTMLNBackgroundLayer =
@@ -30,7 +30,7 @@ const BackgroundLayer: React.FC<BackgroundLayerProps> = ({
   sourceID = MapLibreGL.StyleSource.DefaultSourceID,
   ...props
 }: BackgroundLayerProps) => {
-  const {baseProps, setNativeLayer} = useAbstractLayer<
+  const { baseProps, setNativeLayer } = useAbstractLayer<
     BackgroundLayerProps,
     NativeProps
   >({

package/javascript/components/Callout.tsx

@@ -1,4 +1,4 @@
-import React, {ReactElement} from 'react';
+import React, { ReactElement } from "react";
 import {
   View,
   Text,
@@ -8,47 +8,47 @@ import {
   ViewStyle,
   ViewProps,
   StyleProp,
-} from 'react-native';
+} from "react-native";
 
-export const NATIVE_MODULE_NAME = 'RCTMLNCallout';
+export const NATIVE_MODULE_NAME = "RCTMLNCallout";
 
 const styles = StyleSheet.create({
   container: {
-    alignItems: 'center',
-    justifyContent: 'center',
+    alignItems: "center",
+    justifyContent: "center",
     width: 180,
     zIndex: 9999999,
   },
   content: {
-    backgroundColor: 'white',
-    borderColor: 'rgba(0, 0, 0, 0.2)',
+    backgroundColor: "white",
+    borderColor: "rgba(0, 0, 0, 0.2)",
     borderRadius: 3,
     borderWidth: 1,
     flex: 1,
     padding: 8,
-    position: 'relative',
+    position: "relative",
   },
   tip: {
-    backgroundColor: 'transparent',
-    borderBottomColor: 'transparent',
+    backgroundColor: "transparent",
+    borderBottomColor: "transparent",
     borderBottomWidth: 0,
-    borderLeftColor: 'transparent',
+    borderLeftColor: "transparent",
     borderLeftWidth: 8,
-    borderRightColor: 'transparent',
+    borderRightColor: "transparent",
     borderRightWidth: 8,
-    borderTopColor: 'white',
+    borderTopColor: "white",
     borderTopWidth: 16,
     elevation: 0,
     marginTop: -2,
     zIndex: 1000,
   },
   title: {
-    color: 'black',
-    textAlign: 'center',
+    color: "black",
+    textAlign: "center",
   },
 });
 
-interface CalloutProps extends Omit<ViewProps, 'style'> {
+interface CalloutProps extends Omit<ViewProps, "style"> {
   /**
    * String that get's displayed in the default callout.
    */
@@ -75,7 +75,7 @@ interface CalloutProps extends Omit<ViewProps, 'style'> {
   textStyle?: ViewStyle;
 }
 
-interface NativeProps extends Omit<CalloutProps, 'style'> {
+interface NativeProps extends Omit<CalloutProps, "style"> {
   style: StyleProp<ViewStyle>;
 }
 
@@ -95,9 +95,9 @@ const Callout = (props: CalloutProps): ReactElement => {
 
   const _containerStyle: ViewStyle[] = [
     {
-      position: 'absolute',
+      position: "absolute",
       zIndex: 999,
-      backgroundColor: 'transparent',
+      backgroundColor: "transparent",
       ...containerStyle,
     } as ViewStyle,
   ];

package/javascript/components/Camera.tsx

@@ -1,9 +1,3 @@
-import {toJSONString} from '../utils';
-import * as geoUtils from '../utils/geoUtils';
-import {MaplibreGLEvent} from '../types';
-import {useNativeRef} from '../hooks/useNativeRef';
-
-import {NativeModules, requireNativeComponent, ViewProps} from 'react-native';
 import React, {
   memo,
   RefObject,
@@ -12,21 +6,27 @@ import React, {
   useMemo,
   useRef,
   useCallback,
-} from 'react';
+} from "react";
+import { NativeModules, requireNativeComponent, ViewProps } from "react-native";
+
+import { useNativeRef } from "../hooks/useNativeRef";
+import { MaplibreGLEvent } from "../types";
+import { toJSONString } from "../utils";
+import * as geoUtils from "../utils/geoUtils";
 
 const MapLibreGL = NativeModules.MLNModule;
 
-export const NATIVE_MODULE_NAME = 'RCTMLNCamera';
+export const NATIVE_MODULE_NAME = "RCTMLNCamera";
 
 export enum UserTrackingMode {
-  Follow = 'normal',
-  FollowWithHeading = 'compass',
-  FollowWithCourse = 'course',
+  Follow = "normal",
+  FollowWithHeading = "compass",
+  FollowWithCourse = "course",
 }
 
 export type UserTrackingModeChangeCallback = (
   event: MaplibreGLEvent<
-    'usertrackingmodechange',
+    "usertrackingmodechange",
     {
       followUserLocation: boolean;
       followUserMode: UserTrackingMode | null;
@@ -96,8 +96,8 @@ interface CameraBoundsWithPadding
   extends CameraBounds,
     Partial<CameraPadding> {}
 
-type NativeAnimationMode = 'flight' | 'ease' | 'linear' | 'none' | 'move';
-export type CameraAnimationMode = 'flyTo' | 'easeTo' | 'linearTo' | 'moveTo';
+type NativeAnimationMode = "flight" | "ease" | "linear" | "none" | "move";
+export type CameraAnimationMode = "flyTo" | "easeTo" | "linearTo" | "moveTo";
 
 export interface NativeCameraStop extends Required<CameraPadding> {
   mode: NativeAnimationMode;
@@ -133,7 +133,7 @@ export type CameraStops = {
   stops: CameraStop[];
 };
 
-interface CameraProps extends Omit<ViewProps, 'style'>, CameraStop {
+interface CameraProps extends Omit<ViewProps, "style">, CameraStop {
   /**
    * If false, the camera will not send any props to the native module. Intended to be used to prevent unnecessary tile fetching and improve performance when the map is not visible. Defaults to true.
    */
@@ -193,7 +193,7 @@ interface CameraProps extends Omit<ViewProps, 'style'>, CameraStop {
   onUserTrackingModeChange?: UserTrackingModeChangeCallback;
 }
 
-interface NativeProps extends Omit<CameraProps, 'maxBounds'> {
+interface NativeProps extends Omit<CameraProps, "maxBounds"> {
   maxBounds: string | null;
   stop: NativeCameraStop | null;
   defaultStop: NativeCameraStop | null;
@@ -204,7 +204,7 @@ const Camera = memo(
     (
       {
         allowUpdates = true,
-        animationMode = 'easeTo',
+        animationMode = "easeTo",
         animationDuration = 2000,
         ...rest
       }: CameraProps,
@@ -340,7 +340,7 @@ const Camera = memo(
           }
 
           if (config.bounds && config.bounds.ne && config.bounds.sw) {
-            const {ne, sw} = config.bounds;
+            const { ne, sw } = config.bounds;
             stopConfig.bounds = toJSONString(geoUtils.makeLatLngBounds(ne, sw));
           }
 
@@ -351,7 +351,7 @@ const Camera = memo(
 
       const _setCamera = useCallback(
         (config: CameraStop | CameraStops = {}): void => {
-          if ('stops' in config) {
+          if ("stops" in config) {
             let nativeStops: NativeCameraStop[] = [];
 
             for (const stop of config.stops) {
@@ -360,12 +360,12 @@ const Camera = memo(
                 nativeStops = [...nativeStops, nativeStop];
               }
             }
-            cameraRef.current?.setNativeProps({stop: {stops: nativeStops}});
+            cameraRef.current?.setNativeProps({ stop: { stops: nativeStops } });
           } else {
             const nativeStop = _createStopConfig(config);
 
             if (nativeStop) {
-              cameraRef.current?.setNativeProps({stop: nativeStop});
+              cameraRef.current?.setNativeProps({ stop: nativeStop });
             }
           }
         },
@@ -520,8 +520,8 @@ const Camera = memo(
             sw: southWestCoordinates,
           },
           padding: pad,
-          animationDuration: animationDuration,
-          animationMode: 'easeTo',
+          animationDuration,
+          animationMode: "easeTo",
         });
       };
 
@@ -532,7 +532,7 @@ const Camera = memo(
         setCamera({
           centerCoordinate: coordinates,
           animationDuration,
-          animationMode: 'flyTo',
+          animationMode: "flyTo",
         });
       };
 
@@ -550,7 +550,7 @@ const Camera = memo(
         setCamera({
           zoomLevel,
           animationDuration,
-          animationMode: 'flyTo',
+          animationMode: "flyTo",
         });
       };
 
@@ -569,7 +569,7 @@ const Camera = memo(
         _defaultCamera.current = _createStopConfig(
           {
             ...props.defaultSettings,
-            animationMode: 'moveTo',
+            animationMode: "moveTo",
           },
           true,
         );
@@ -580,11 +580,11 @@ const Camera = memo(
         config: CameraStop,
       ): NativeAnimationMode => {
         switch (config.animationMode) {
-          case 'flyTo':
+          case "flyTo":
             return MapLibreGL.CameraModes.Flight;
-          case 'moveTo':
+          case "moveTo":
             return MapLibreGL.CameraModes.None;
-          case 'linearTo':
+          case "linearTo":
             return MapLibreGL.CameraModes.Linear;
           default:
             return MapLibreGL.CameraModes.Ease;

package/javascript/components/CircleLayer.tsx

@@ -1,16 +1,16 @@
-import {CircleLayerStyleProps} from '../utils/MaplibreStyles';
-import BaseProps from '../types/BaseProps';
+import React from "react";
+import { NativeModules, requireNativeComponent } from "react-native";
+
 import useAbstractLayer, {
   BaseLayerProps,
   NativeBaseProps,
-} from '../hooks/useAbstractLayer';
-
-import React from 'react';
-import {NativeModules, requireNativeComponent} from 'react-native';
+} from "../hooks/useAbstractLayer";
+import BaseProps from "../types/BaseProps";
+import { CircleLayerStyleProps } from "../utils/MaplibreStyles";
 
 const MapLibreGL = NativeModules.MLNModule;
 
-export const NATIVE_MODULE_NAME = 'RCTMLNCircleLayer';
+export const NATIVE_MODULE_NAME = "RCTMLNCircleLayer";
 
 export interface CircleLayerProps extends BaseProps, BaseLayerProps {
   /**
@@ -20,7 +20,7 @@ export interface CircleLayerProps extends BaseProps, BaseLayerProps {
 }
 
 interface NativeProps
-  extends Omit<CircleLayerProps, 'style'>,
+  extends Omit<CircleLayerProps, "style">,
     NativeBaseProps {}
 
 const RCTMLNCircleLayer =
@@ -33,7 +33,7 @@ const CircleLayer: React.FC<CircleLayerProps> = ({
   sourceID = MapLibreGL.StyleSource.DefaultSourceID,
   ...props
 }: CircleLayerProps) => {
-  const {baseProps, setNativeLayer} = useAbstractLayer<
+  const { baseProps, setNativeLayer } = useAbstractLayer<
     CircleLayerProps,
     NativeProps
   >({

package/javascript/components/FillExtrusionLayer.tsx

@@ -1,16 +1,16 @@
-import {FillExtrusionLayerStyleProps} from '../utils/MaplibreStyles';
-import BaseProps from '../types/BaseProps';
+import React from "react";
+import { NativeModules, requireNativeComponent } from "react-native";
+
 import useAbstractLayer, {
   BaseLayerProps,
   NativeBaseProps,
-} from '../hooks/useAbstractLayer';
-
-import React from 'react';
-import {NativeModules, requireNativeComponent} from 'react-native';
+} from "../hooks/useAbstractLayer";
+import BaseProps from "../types/BaseProps";
+import { FillExtrusionLayerStyleProps } from "../utils/MaplibreStyles";
 
 const MapLibreGL = NativeModules.MLNModule;
 
-export const NATIVE_MODULE_NAME = 'RCTMLNFillExtrusionLayer';
+export const NATIVE_MODULE_NAME = "RCTMLNFillExtrusionLayer";
 
 export interface FillExtrusionLayerProps extends BaseProps, BaseLayerProps {
   /**
@@ -20,7 +20,7 @@ export interface FillExtrusionLayerProps extends BaseProps, BaseLayerProps {
 }
 
 interface NativeProps
-  extends Omit<FillExtrusionLayerProps, 'style'>,
+  extends Omit<FillExtrusionLayerProps, "style">,
     NativeBaseProps {}
 
 const RCTMLNFillExtrusionLayer =
@@ -33,7 +33,7 @@ const FillExtrusionLayer: React.FC<FillExtrusionLayerProps> = ({
   sourceID = MapLibreGL.StyleSource.DefaultSourceID,
   ...props
 }: FillExtrusionLayerProps) => {
-  const {baseProps, setNativeLayer} = useAbstractLayer<
+  const { baseProps, setNativeLayer } = useAbstractLayer<
     FillExtrusionLayerProps,
     NativeProps
   >({

package/javascript/components/FillLayer.tsx

@@ -1,16 +1,16 @@
-import {FillLayerStyleProps} from '../utils/MaplibreStyles';
-import BaseProps from '../types/BaseProps';
+import React from "react";
+import { NativeModules, requireNativeComponent } from "react-native";
+
 import useAbstractLayer, {
   BaseLayerProps,
   NativeBaseProps,
-} from '../hooks/useAbstractLayer';
-
-import React from 'react';
-import {NativeModules, requireNativeComponent} from 'react-native';
+} from "../hooks/useAbstractLayer";
+import BaseProps from "../types/BaseProps";
+import { FillLayerStyleProps } from "../utils/MaplibreStyles";
 
 const MapLibreGL = NativeModules.MLNModule;
 
-export const NATIVE_MODULE_NAME = 'RCTMLNFillLayer';
+export const NATIVE_MODULE_NAME = "RCTMLNFillLayer";
 
 export interface FillLayerProps extends BaseProps, BaseLayerProps {
   /**
@@ -19,7 +19,7 @@ export interface FillLayerProps extends BaseProps, BaseLayerProps {
   style?: FillLayerStyleProps;
 }
 
-interface NativeProps extends Omit<FillLayerProps, 'style'>, NativeBaseProps {}
+interface NativeProps extends Omit<FillLayerProps, "style">, NativeBaseProps {}
 
 const RCTMLNFillLayer = requireNativeComponent<NativeProps>(NATIVE_MODULE_NAME);
 
@@ -30,7 +30,7 @@ const FillLayer: React.FC<FillLayerProps> = ({
   sourceID = MapLibreGL.StyleSource.DefaultSourceID,
   ...props
 }: FillLayerProps) => {
-  const {baseProps, setNativeLayer} = useAbstractLayer<
+  const { baseProps, setNativeLayer } = useAbstractLayer<
     FillLayerProps,
     NativeProps
   >({

package/javascript/components/HeadingIndicator.tsx

@@ -1,22 +1,21 @@
-import BaseProps from '../types/BaseProps';
-import headingIcon from '../../assets/heading.png';
+import React, { ReactElement } from "react";
 
-import SymbolLayer from './SymbolLayer';
-
-import React, {ReactElement} from 'react';
+import SymbolLayer from "./SymbolLayer";
+import headingIcon from "../../assets/heading.png";
+import BaseProps from "../types/BaseProps";
 
 const style = {
   iconImage: headingIcon,
   iconAllowOverlap: true,
-  iconPitchAlignment: 'map',
-  iconRotationAlignment: 'map',
+  iconPitchAlignment: "map",
+  iconRotationAlignment: "map",
 } as const;
 
 interface HeadingIndicatorProps extends BaseProps {
   heading?: number;
 }
 
-const HeadingIndicator = ({heading}: HeadingIndicatorProps): ReactElement => (
+const HeadingIndicator = ({ heading }: HeadingIndicatorProps): ReactElement => (
   <SymbolLayer
     key="mapboxUserLocationHeadingIndicator"
     id="mapboxUserLocationHeadingIndicator"

package/javascript/components/HeatmapLayer.tsx

@@ -1,18 +1,18 @@
-import {HeatmapLayerStyleProps} from '../utils/MaplibreStyles';
-import BaseProps from '../types/BaseProps';
+import React from "react";
+import { NativeModules, requireNativeComponent } from "react-native";
+
 import useAbstractLayer, {
   BaseLayerProps,
   NativeBaseProps,
-} from '../hooks/useAbstractLayer';
-
-import React from 'react';
-import {NativeModules, requireNativeComponent} from 'react-native';
+} from "../hooks/useAbstractLayer";
+import BaseProps from "../types/BaseProps";
+import { HeatmapLayerStyleProps } from "../utils/MaplibreStyles";
 
 const MapLibreGL = NativeModules.MLNModule;
 
-export const NATIVE_MODULE_NAME = 'RCTMLNHeatmapLayer';
+export const NATIVE_MODULE_NAME = "RCTMLNHeatmapLayer";
 
-interface HeatmapLayerProps extends BaseProps, BaseLayerProps {
+export interface HeatmapLayerProps extends BaseProps, BaseLayerProps {
   /**
    * Customizable style attributes
    */
@@ -20,7 +20,7 @@ interface HeatmapLayerProps extends BaseProps, BaseLayerProps {
 }
 
 interface NativeProps
-  extends Omit<HeatmapLayerProps, 'style'>,
+  extends Omit<HeatmapLayerProps, "style">,
     NativeBaseProps {}
 
 const RCTMLNHeatmapLayer =
@@ -32,7 +32,7 @@ const HeatmapLayer: React.FC<HeatmapLayerProps> = ({
   sourceID = MapLibreGL.StyleSource.DefaultSourceID,
   ...props
 }: HeatmapLayerProps) => {
-  const {baseProps, setNativeLayer} = useAbstractLayer<
+  const { baseProps, setNativeLayer } = useAbstractLayer<
     HeatmapLayerProps,
     NativeProps
   >({

package/javascript/components/ImageSource.tsx

@@ -1,15 +1,15 @@
+import React, { ReactElement } from "react";
+import { requireNativeComponent } from "react-native";
+
+import useAbstractSource from "../hooks/useAbstractSource";
+import BaseProps from "../types/BaseProps";
 import {
   cloneReactChildrenWithProps,
   isNumber,
   resolveImagePath,
-} from '../utils';
-import BaseProps from '../types/BaseProps';
-import useAbstractSource from '../hooks/useAbstractSource';
-
-import {requireNativeComponent} from 'react-native';
-import React, {ReactElement} from 'react';
+} from "../utils";
 
-export const NATIVE_MODULE_NAME = 'RCTMLNImageSource';
+export const NATIVE_MODULE_NAME = "RCTMLNImageSource";
 
 export interface ImageSourceProps extends BaseProps {
   /**
@@ -44,7 +44,7 @@ const RCTMLNImageSource =
  * The georeferenced image scales and rotates as the user zooms and rotates the map
  */
 const ImageSource: React.FC<ImageSourceProps> = (props: ImageSourceProps) => {
-  const {setNativeRef} = useAbstractSource<NativeProps>();
+  const { setNativeRef } = useAbstractSource<NativeProps>();
 
   const _getURL = (): string | undefined => {
     return isNumber(props.url) ? resolveImagePath(props.url) : props.url;