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

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;

package/javascript/components/Images.tsx

@@ -1,40 +1,39 @@
-import BaseProps from '../types/BaseProps';
-
-import {SHAPE_SOURCE_NATIVE_ASSETS_KEY} from './ShapeSource';
-
-import React, {ReactElement} from 'react';
+import React, { ReactElement } from "react";
 import {
   requireNativeComponent,
   Image,
   NativeSyntheticEvent,
   ImageSourcePropType,
   ImageURISource,
-} from 'react-native';
+} from "react-native";
+
+import { SHAPE_SOURCE_NATIVE_ASSETS_KEY } from "./ShapeSource";
+import BaseProps from "../types/BaseProps";
 
-export const NATIVE_MODULE_NAME = 'RCTMLNImages';
+export const NATIVE_MODULE_NAME = "RCTMLNImages";
 
 export type ImageEntry = string | ImageSourcePropType;
 
 function _isUrlOrPath(value: ImageEntry): boolean {
   return (
-    (typeof value === 'string' || value instanceof String) &&
-    (value.startsWith('file://') ||
-      value.startsWith('http://') ||
-      value.startsWith('https://') ||
-      value.startsWith('data:') ||
-      value.startsWith('asset://') ||
-      value.startsWith('/'))
+    (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: ImageEntry,
 ): value is ImageSourcePropType {
-  if (typeof value === 'number' || value instanceof Number) {
+  if (typeof value === "number" || value instanceof Number) {
     return true;
   }
   const valueAsSource = value as ImageURISource;
-  return !!valueAsSource.uri && typeof valueAsSource.uri === 'string';
+  return !!valueAsSource.uri && typeof valueAsSource.uri === "string";
 }
 
 interface ImagesProps extends BaseProps {
@@ -43,7 +42,7 @@ interface ImagesProps extends BaseProps {
    * Keys are names - see iconImage expressions, values can be either urls-s objects
    * with format {uri: 'http://...'}` or `require('image.png')` or `import 'image.png'`
    */
-  images?: {[key: string]: ImageEntry};
+  images?: { [key: string]: ImageEntry };
   /**
    * If you have an asset under Image.xcassets on iOS and the drawables directory on android
    * you can specify an array of string names with assets as the key `['pin']`.
@@ -69,14 +68,14 @@ const Images = ({
   children,
 }: ImagesProps): ReactElement => {
   const _getImages = (): {
-    images?: {[key: string]: ImageEntry};
+    images?: { [key: string]: ImageEntry };
     nativeImages?: ImageEntry[];
   } => {
     if (!images && !nativeAssetImages) {
       return {};
     }
 
-    const imagesResult: {[key: string]: ImageEntry} = {};
+    const imagesResult: { [key: string]: ImageEntry } = {};
     let nativeImages: ImageEntry[] = [];
 
     if (images) {
@@ -113,7 +112,7 @@ const Images = ({
   };
 
   const _onImageMissing = (
-    event: NativeSyntheticEvent<{payload: {imageKey: string}}>,
+    event: NativeSyntheticEvent<{ payload: { imageKey: string } }>,
   ): void => {
     if (onImageMissing) {
       onImageMissing(event.nativeEvent.payload.imageKey);

package/javascript/components/Light.tsx

@@ -1,13 +1,12 @@
-import {LightLayerStyleProps} from '../utils/MaplibreStyles';
-import BaseProps from '../types/BaseProps';
-import {StyleValue} from '../utils/StyleValue';
-import {BaseLayerProps} from '../hooks/useAbstractLayer';
-import useAbstractLayer from '../hooks/useAbstractLayer';
+import React from "react";
+import { requireNativeComponent } from "react-native";
 
-import React from 'react';
-import {requireNativeComponent} from 'react-native';
+import useAbstractLayer, { BaseLayerProps } from "../hooks/useAbstractLayer";
+import BaseProps from "../types/BaseProps";
+import { LightLayerStyleProps } from "../utils/MaplibreStyles";
+import { StyleValue } from "../utils/StyleValue";
 
-export const NATIVE_MODULE_NAME = 'RCTMLNLight';
+export const NATIVE_MODULE_NAME = "RCTMLNLight";
 
 interface LightProps extends BaseProps, BaseLayerProps {
   /**
@@ -16,8 +15,8 @@ interface LightProps extends BaseProps, BaseLayerProps {
   style?: LightLayerStyleProps;
 }
 
-interface NativeProps extends Omit<LightProps, 'style'> {
-  reactStyle?: {[key: string]: StyleValue};
+interface NativeProps extends Omit<LightProps, "style"> {
+  reactStyle?: { [key: string]: StyleValue };
 }
 
 const RCTMLNLight = requireNativeComponent<NativeProps>(NATIVE_MODULE_NAME);
@@ -26,11 +25,12 @@ const RCTMLNLight = requireNativeComponent<NativeProps>(NATIVE_MODULE_NAME);
  * Light represents the light source for extruded geometries
  */
 const Light: React.FC<LightProps> = (props: LightProps) => {
-  const {baseProps, setNativeLayer} = useAbstractLayer<LightProps, NativeProps>(
-    {
-      ...props,
-    },
-  );
+  const { baseProps, setNativeLayer } = useAbstractLayer<
+    LightProps,
+    NativeProps
+  >({
+    ...props,
+  });
 
   return (
     <RCTMLNLight ref={setNativeLayer} testID="rctmlnLight" {...baseProps} />

package/javascript/components/LineLayer.tsx

@@ -1,16 +1,16 @@
-import {LineLayerStyleProps} 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 { LineLayerStyleProps } from "../utils/MaplibreStyles";
 
 const MapLibreGL = NativeModules.MLNModule;
 
-export const NATIVE_MODULE_NAME = 'RCTMLNLineLayer';
+export const NATIVE_MODULE_NAME = "RCTMLNLineLayer";
 
 export interface LineLayerProps extends BaseProps, BaseLayerProps {
   /**
@@ -19,7 +19,7 @@ export interface LineLayerProps extends BaseProps, BaseLayerProps {
   style?: LineLayerStyleProps;
 }
 
-interface NativeProps extends Omit<LineLayerProps, 'style'>, NativeBaseProps {}
+interface NativeProps extends Omit<LineLayerProps, "style">, NativeBaseProps {}
 
 const RCTMLNLineLayer =
   requireNativeComponent<NativeBaseProps>(NATIVE_MODULE_NAME);
@@ -31,7 +31,7 @@ const LineLayer: React.FC<LineLayerProps> = ({
   sourceID = MapLibreGL.StyleSource.DefaultSourceID,
   ...props
 }: LineLayerProps) => {
-  const {baseProps, setNativeLayer} = useAbstractLayer<
+  const { baseProps, setNativeLayer } = useAbstractLayer<
     LineLayerProps,
     NativeProps
   >({