@rnmapbox/maps 10.3.1 → 10.3.2-rc.1

package/src/components/MarkerView.tsx

@@ -72,6 +72,7 @@ const MarkerView = ({
   isSelected = false,
   coordinate,
   style,
+  pointerEvents,
   children,
 }: Props) => {
   // Android new-arch (Fabric) fix: UIManager.measure reads from the Fabric shadow
@@ -98,9 +99,14 @@ const MarkerView = ({
   // we don't trigger a re-render for no-op native position re-applications.
   const lastTranslateRef = useRef<{ x: number; y: number } | null>(null);
 
-  const handleTouchEnd = useCallback((e: { stopPropagation: () => void }) => {
-    e.stopPropagation();
-  }, []);
+  const handleTouchEnd = useCallback(
+    (e: { stopPropagation: () => void }) => {
+      if (pointerEvents !== 'none' && pointerEvents !== 'box-none') {
+        e.stopPropagation();
+      }
+    },
+    [pointerEvents],
+  );
 
   const handleAnnotationPosition = useCallback(
     (e: NativeSyntheticEvent<{ x: number; y: number }>) => {
@@ -150,6 +156,7 @@ const MarkerView = ({
       allowOverlap={allowOverlap}
       allowOverlapWithPuck={allowOverlapWithPuck}
       isSelected={isSelected}
+      pointerEvents={pointerEvents}
       onTouchEnd={handleTouchEnd}
     >
       <RNMBXMakerViewContentComponent

package/src/components/ModelLayer.tsx

@@ -4,7 +4,7 @@ import type {
   FilterExpression,
   ModelLayerStyleProps,
 } from '../utils/MapboxStyles';
-import { StyleValue } from '../utils/StyleValue';
+import { type StyleValue } from '../utils/StyleValue';
 import RNMBXModelLayerNativeComponent from '../specs/RNMBXModelLayerNativeComponent';
 
 import AbstractLayer from './AbstractLayer';

package/src/components/NativeBridgeComponent.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TurboModule } from 'react-native';
+import { type TurboModule } from 'react-native';
 
 import { type NativeArg, runNativeMethod } from '../utils';
 

package/src/components/PointAnnotation.tsx

@@ -1,16 +1,22 @@
-import React, { SyntheticEvent, type Component } from 'react';
-import { StyleSheet, type ViewProps } from 'react-native';
-import { Feature, GeoJsonProperties, Geometry, Point } from 'geojson';
+import React, { type SyntheticEvent, type Component } from 'react';
+import { StyleSheet, View, type ViewProps } from 'react-native';
+import {
+  type Feature,
+  type GeoJsonProperties,
+  type Geometry,
+  type Point,
+} from 'geojson';
 
 import { toJSONString, isFunction } from '../utils';
 import checkRequiredProps from '../utils/checkRequiredProps';
 import { makePoint } from '../utils/geoUtils';
 import { type BaseProps } from '../types/BaseProps';
-import { Position } from '../types/Position';
+import { type Position } from '../types/Position';
 import RNMBXPointAnnotationNativeComponent from '../specs/RNMBXPointAnnotationNativeComponent';
 import NativeRNMBXPointAnnotationModule from '../specs/NativeRNMBXPointAnnotationModule';
 
 import NativeBridgeComponent, { type RNMBEvent } from './NativeBridgeComponent';
+import Callout from './Callout';
 
 export const NATIVE_MODULE_NAME = 'RNMBXPointAnnotation';
 
@@ -230,10 +236,17 @@ class PointAnnotation extends NativeBridgeComponent(
       onMapboxPointAnnotationDragEnd: this._onDragEnd,
       coordinate: this._getCoordinate(),
     };
+    const children = React.Children.toArray(this.props.children);
+    const callout = children.find(
+      (c) => React.isValidElement(c) && c.type === Callout,
+    );
+    const content = children.filter((c) => c !== callout);
+
     return (
       // @ts-expect-error just codegen stuff
       <RNMBXPointAnnotationNativeComponent {...props}>
-        {this.props.children}
+        <View collapsable={false}>{content}</View>
+        {callout}
       </RNMBXPointAnnotationNativeComponent>
     );
   }

package/src/components/RasterArraySource.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { NativeModules } from 'react-native';
 
 import { cloneReactChildrenWithProps } from '../utils';
-import { BaseProps } from '../types/BaseProps';
+import { type BaseProps } from '../types/BaseProps';
 import RNMBXRasterArraySourceNativeComponent from '../specs/RNMBXRasterArraySourceNativeComponent';
 
 import AbstractSource from './AbstractSource';

package/src/components/RasterLayer.tsx

@@ -5,7 +5,7 @@ import type {
   FilterExpression,
   RasterLayerStyleProps,
 } from '../utils/MapboxStyles';
-import { StyleValue } from '../utils/StyleValue';
+import { type StyleValue } from '../utils/StyleValue';
 import RNMBXRasterLayerNativeComponent from '../specs/RNMBXRasterLayerNativeComponent';
 
 import AbstractLayer from './AbstractLayer';

package/src/components/RasterParticleLayer.tsx

@@ -5,7 +5,7 @@ import type {
   FilterExpression,
   RasterParticleLayerStyleProps,
 } from '../utils/MapboxStyles';
-import { StyleValue } from '../utils/StyleValue';
+import { type StyleValue } from '../utils/StyleValue';
 import RNMBXRasterParticleLayerNativeComponent from '../specs/RNMBXRasterParticleLayerNativeComponent';
 
 import AbstractLayer from './AbstractLayer';

package/src/components/RasterSource.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { NativeModules } from 'react-native';
 
 import { cloneReactChildrenWithProps } from '../utils';
-import { BaseProps } from '../types/BaseProps';
+import { type BaseProps } from '../types/BaseProps';
 import RNMBXRasterSourceNativeComponent from '../specs/RNMBXRasterSourceNativeComponent';
 
 import AbstractSource from './AbstractSource';

package/src/components/ShapeSource.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import {
-  NativeMethods,
+  type NativeMethods,
   NativeModules,
-  NativeSyntheticEvent,
+  type NativeSyntheticEvent,
 } from 'react-native';
 
 import RNMBXShapeSourceNativeComponent from '../specs/RNMBXShapeSourceNativeComponent';
@@ -14,8 +14,8 @@ import {
   isAndroid,
 } from '../utils';
 import { copyPropertiesAsDeprecated } from '../utils/deprecation';
-import { OnPressEvent } from '../types/OnPressEvent';
-import { ShapeAnimatorInterface } from '../shapeAnimators';
+import { type OnPressEvent } from '../types/OnPressEvent';
+import { type ShapeAnimatorInterface } from '../shapeAnimators';
 
 import AbstractSource from './AbstractSource';
 import NativeBridgeComponent from './NativeBridgeComponent';
@@ -93,6 +93,12 @@ export type Props = {
    */
   maxZoomLevel?: number;
 
+  /**
+   * Specifies the minimum zoom level at which to create vector tiles.
+   * The default value is 0.
+   */
+  minZoomLevel?: number;
+
   /**
    * Specifies the size of the tile buffer on each side.
    * A value of 0 produces no buffer. A value of 512 produces a buffer as wide as the tile itself.
@@ -312,6 +318,7 @@ export class ShapeSource extends NativeBridgeComponent(
       clusterMaxZoomLevel: this.props.clusterMaxZoomLevel,
       clusterProperties: this.props.clusterProperties,
       maxZoomLevel: this.props.maxZoomLevel,
+      minZoomLevel: this.props.minZoomLevel,
       buffer: this.props.buffer,
       tolerance: this.props.tolerance,
       lineMetrics: this.props.lineMetrics,

package/src/components/SkyLayer.tsx

@@ -5,7 +5,7 @@ import type {
   FilterExpression,
   SkyLayerStyleProps,
 } from '../utils/MapboxStyles';
-import { StyleValue } from '../utils/StyleValue';
+import { type StyleValue } from '../utils/StyleValue';
 import RNMBXSkyLayerNativeComponent from '../specs/RNMBXSkyLayerNativeComponent';
 
 import AbstractLayer from './AbstractLayer';

package/src/components/SymbolLayer.tsx

@@ -1,4 +1,4 @@
-import React, { JSX } from 'react';
+import React, { type JSX } from 'react';
 import { View, NativeModules } from 'react-native';
 
 import type {

package/src/components/UserLocation.tsx

@@ -1,8 +1,8 @@
-import React, { ReactElement } from 'react';
+import React, { type ReactElement } from 'react';
 
 import locationManager from '../modules/location/locationManager';
 import { type Location } from '../modules/location/locationManager';
-import { CircleLayerStyle } from '../Mapbox';
+import { type CircleLayerStyle } from '../Mapbox';
 
 import Annotation from './Annotation';
 import CircleLayer from './CircleLayer';

package/src/components/VectorSource.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
-import { NativeModules, NativeSyntheticEvent } from 'react-native';
+import { NativeModules, type NativeSyntheticEvent } from 'react-native';
 
 import RNMBXVectorSourceNativeComponent from '../specs/RNMBXVectorSourceNativeComponent';
 import { cloneReactChildrenWithProps, isFunction } from '../utils';
 import { copyPropertiesAsDeprecated } from '../utils/deprecation';
-import { OnPressEvent } from '../types/OnPressEvent';
+import { type OnPressEvent } from '../types/OnPressEvent';
 
 import AbstractSource from './AbstractSource';
 

package/src/modules/location/locationManager.ts

@@ -2,11 +2,11 @@ import {
   NativeModules,
   NativeEventEmitter,
   AppState,
-  NativeEventSubscription,
-  EmitterSubscription,
+  type NativeEventSubscription,
+  type EmitterSubscription,
   type AppStateStatus,
   Platform,
-  EventSubscription,
+  type EventSubscription,
 } from 'react-native';
 
 import NativeRNMBXLocationModule from '../../specs/NativeRNMBXLocationModule';

package/src/modules/offline/offlineManager.ts

@@ -1,7 +1,7 @@
 import {
   NativeModules,
   NativeEventEmitter,
-  EventSubscription,
+  type EventSubscription,
 } from 'react-native';
 
 import { isUndefined, isFunction, isAndroid } from '../../utils';

package/src/shapeAnimators/ChangeLineOffsetsShapeAnimator.ts

@@ -5,7 +5,7 @@ import NativeRNMBXChangeLineOffsetsShapeAnimatorModule from '../specs/NativeRNMB
 
 import ShapeAnimatorManager from './ShapeAnimatorManager';
 
-import { ShapeAnimatorInterface } from '.';
+import { type ShapeAnimatorInterface } from '.';
 
 export default class ChangeLineOffsetsShapeAnimator
   implements ShapeAnimatorInterface

package/src/shapeAnimators/MovePointShapeAnimator.ts

@@ -1,9 +1,9 @@
-import { Position } from '../types/Position';
+import { type Position } from '../types/Position';
 import NativeRNMBXMovePointShapeAnimatorModule from '../specs/NativeRNMBXMovePointShapeAnimatorModule';
 
 import ShapeAnimatorManager from './ShapeAnimatorManager';
 
-import { ShapeAnimatorInterface } from '.';
+import { type ShapeAnimatorInterface } from '.';
 
 export default class MovePointShapeAnimator implements ShapeAnimatorInterface {
   __nativeTag: number;

package/src/specs/RNMBXCameraNativeComponent.ts

@@ -1,9 +1,9 @@
 import type { HostComponent, ViewProps } from 'react-native';
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 import {
-  DirectEventHandler,
-  Double,
-  Int32,
+  type DirectEventHandler,
+  type Double,
+  type Int32,
   // @ts-ignore - CI environment type resolution issue for CodegenTypes
 } from 'react-native/Libraries/Types/CodegenTypes';
 

package/src/specs/RNMBXCustomLocationProviderNativeComponent.ts

@@ -5,7 +5,7 @@ import { Double } from 'react-native/Libraries/Types/CodegenTypes';
 
 import type { Position } from '../types/Position';
 
-import { UnsafeMixed } from './codegenUtils';
+import { type UnsafeMixed } from './codegenUtils';
 
 // see https://github.com/rnmapbox/maps/wiki/FabricOptionalProp
 type OptionalProp<T> = UnsafeMixed<T>;

package/src/specs/RNMBXImageSourceNativeComponent.ts

@@ -1,7 +1,7 @@
 import type { HostComponent, ViewProps } from 'react-native';
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 
-import { UnsafeMixed } from './codegenUtils';
+import { type UnsafeMixed } from './codegenUtils';
 
 export interface NativeProps extends ViewProps {
   id: UnsafeMixed<string>;

package/src/specs/RNMBXMapViewNativeComponent.ts

@@ -1,10 +1,10 @@
 import type { HostComponent, ViewProps } from 'react-native';
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 import {
-  BubblingEventHandler,
-  DirectEventHandler,
-  Int32,
-  Double,
+  type BubblingEventHandler,
+  type DirectEventHandler,
+  type Int32,
+  type Double,
   // @ts-ignore - CI environment type resolution issue for CodegenTypes
 } from 'react-native/Libraries/Types/CodegenTypes';
 
@@ -49,6 +49,7 @@ export interface NativeProps extends ViewProps {
 
   scaleBarEnabled?: OptionalProp<boolean>;
   scaleBarPosition?: UnsafeMixed<any>;
+  scaleBarUnits?: OptionalProp<string>;
 
   zoomEnabled?: OptionalProp<boolean>;
   scrollEnabled?: OptionalProp<boolean>;

package/src/specs/RNMBXMarkerViewNativeComponent.ts

@@ -3,9 +3,9 @@ import type { HostComponent, ViewProps } from 'react-native';
 import { Int32 } from 'react-native/Libraries/Types/CodegenTypes';
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 
-import { Position } from '../types/Position';
+import { type Position } from '../types/Position';
 
-import { UnsafeMixed } from './codegenUtils';
+import { type UnsafeMixed } from './codegenUtils';
 
 type Point = {
   x: Int32;

package/src/specs/RNMBXModelLayerNativeComponent.ts

@@ -4,9 +4,9 @@ import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNati
 import { Double, Int32 } from 'react-native/Libraries/Types/CodegenTypes';
 
 import type { FilterExpression } from '../utils/MapboxStyles';
-import { StyleValue } from '../utils/StyleValue';
+import { type StyleValue } from '../utils/StyleValue';
 
-import { UnsafeMixed } from './codegenUtils';
+import { type UnsafeMixed } from './codegenUtils';
 
 // @{codepart-replace-start(CommonLayerNativeComponentsProps.codepart-ts)}
 // see https://github.com/rnmapbox/maps/wiki/FabricOptionalProp

package/src/specs/RNMBXModelsNativeComponent.ts

@@ -1,7 +1,7 @@
 import type { HostComponent, ViewProps } from 'react-native';
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 
-import { UnsafeMixed } from './codegenUtils';
+import { type UnsafeMixed } from './codegenUtils';
 
 type Asset = {
   __packager_asset?: boolean;

package/src/specs/RNMBXNativeUserLocationNativeComponent.ts

@@ -7,7 +7,7 @@ import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNati
 
 import type { Expression } from '../utils/MapboxStyles';
 
-import { UnsafeMixed } from './codegenUtils';
+import { type UnsafeMixed } from './codegenUtils';
 
 type Value<T> = T | Expression;
 

package/src/specs/RNMBXRasterArraySourceNativeComponent.ts

@@ -3,7 +3,7 @@ import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNati
 // @ts-ignore - CI environment type resolution issue for CodegenTypes
 import { Double } from 'react-native/Libraries/Types/CodegenTypes';
 
-import { UnsafeMixed } from './codegenUtils';
+import { type UnsafeMixed } from './codegenUtils';
 
 export interface NativeProps extends ViewProps {
   id: UnsafeMixed<string>;

package/src/specs/RNMBXRasterDemSourceNativeComponent.ts

@@ -3,7 +3,7 @@ import type { HostComponent, ViewProps } from 'react-native';
 import { Double } from 'react-native/Libraries/Types/CodegenTypes';
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 
-import { UnsafeMixed } from './codegenUtils';
+import { type UnsafeMixed } from './codegenUtils';
 
 export interface NativeProps extends ViewProps {
   id: UnsafeMixed<string>;

package/src/specs/RNMBXRasterSourceNativeComponent.ts

@@ -3,7 +3,7 @@ import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNati
 // @ts-ignore - CI environment type resolution issue for CodegenTypes
 import { Double } from 'react-native/Libraries/Types/CodegenTypes';
 
-import { UnsafeMixed } from './codegenUtils';
+import { type UnsafeMixed } from './codegenUtils';
 
 export interface NativeProps extends ViewProps {
   id: UnsafeMixed<string>;

package/src/specs/RNMBXShapeSourceNativeComponent.ts

@@ -1,9 +1,9 @@
 import type { HostComponent, ViewProps } from 'react-native';
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 import {
-  DirectEventHandler,
-  Double,
-  Int32,
+  type DirectEventHandler,
+  type Double,
+  type Int32,
   // @ts-ignore - CI environment type resolution issue for CodegenTypes
 } from 'react-native/Libraries/Types/CodegenTypes';
 
@@ -21,6 +21,7 @@ export interface NativeProps extends ViewProps {
   clusterMaxZoomLevel: UnsafeMixed<Double>;
   clusterProperties: UnsafeMixed<any>;
   maxZoomLevel: UnsafeMixed<Double>;
+  minZoomLevel: UnsafeMixed<Double>;
   buffer: UnsafeMixed<Double>;
   tolerance: UnsafeMixed<Double>;
   lineMetrics: UnsafeMixed<boolean>;

package/src/specs/RNMBXVectorSourceNativeComponent.ts

@@ -1,8 +1,8 @@
 import type { HostComponent, ViewProps } from 'react-native';
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 import {
-  DirectEventHandler,
-  Double,
+  type DirectEventHandler,
+  type Double,
   // @ts-ignore - CI environment type resolution issue for CodegenTypes
 } from 'react-native/Libraries/Types/CodegenTypes';
 

package/src/types/index.ts

@@ -1,6 +1,6 @@
-import { SyntheticEvent } from 'react';
+import { type SyntheticEvent } from 'react';
 import { Animated } from 'react-native';
-import { GeoJsonObject } from 'geojson';
+import { type GeoJsonObject } from 'geojson';
 
 // General.
 

package/src/utils/Logger.ts

@@ -1,5 +1,5 @@
 import {
-  EmitterSubscription,
+  type EmitterSubscription,
   NativeEventEmitter,
   NativeModules,
 } from 'react-native';

package/src/utils/MapboxStyles.ts

@@ -809,7 +809,10 @@ export interface LineLayerStyleProps {
    *
    * @requires lights
    */
-  lineEmissiveStrength?: Value<number, ['zoom', 'measure-light']>;
+  lineEmissiveStrength?: Value<
+    number,
+    ['zoom', 'measure-light', 'line-progress']
+  >;
 
   /**
    * The transition affecting any changes to this layer’s lineEmissiveStrength property.
@@ -1362,6 +1365,18 @@ export interface SymbolLayerStyleProps {
    * Increase or reduce the saturation of the symbol icon.
    */
   iconColorSaturation?: Value<number>;
+  /**
+   * Increase or reduce the contrast of the symbol icon.
+   */
+  iconColorContrast?: Value<number>;
+  /**
+   * Increase or reduce the brightness of the symbols. The value is the minimum brightness.
+   */
+  iconColorBrightnessMin?: Value<number>;
+  /**
+   * Increase or reduce the brightness of the symbols. The value is the maximum brightness.
+   */
+  iconColorBrightnessMax?: Value<number>;
   /**
    * Specifies an uniform elevation from the ground, in meters.
    */
@@ -1826,6 +1841,10 @@ export interface FillExtrusionLayerStyleProps {
    * The transition affecting any changes to this layer’s fillExtrusionLineWidth property.
    */
   fillExtrusionLineWidthTransition?: Transition;
+  /**
+   * Enable/Disable shadow casting for this layer
+   */
+  fillExtrusionCastShadows?: boolean;
 }
 export interface RasterLayerStyleProps {
   /**
@@ -2047,6 +2066,17 @@ export interface HillshadeLayerStyleProps {
    * The transition affecting any changes to this layer’s hillshadeAccentColor property.
    */
   hillshadeAccentColorTransition?: Transition;
+  /**
+   * Controls the intensity of light emitted on the source features.
+   *
+   * @requires lights
+   */
+  hillshadeEmissiveStrength?: Value<number, ['zoom', 'measure-light']>;
+
+  /**
+   * The transition affecting any changes to this layer’s hillshadeEmissiveStrength property.
+   */
+  hillshadeEmissiveStrengthTransition?: Transition;
 }
 export interface ModelLayerStyleProps {
   /**

package/src/utils/StyleValue.ts

@@ -4,7 +4,7 @@ import BridgeValue, {
   type RawValueType,
   type StyleValueJSON,
 } from './BridgeValue';
-import { AllLayerStyleProps } from './MapboxStyles';
+import { type AllLayerStyleProps } from './MapboxStyles';
 import { getStyleType } from './styleMap';
 
 export type StyleValue = {

package/src/utils/index.ts

@@ -1,10 +1,10 @@
-import React, { ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 import {
   findNodeHandle,
   Platform,
   Image,
-  ImageSourcePropType,
-  TurboModule,
+  type ImageSourcePropType,
+  type TurboModule,
 } from 'react-native';
 
 export function isAndroid(): boolean {

package/src/utils/nativeRef.ts

@@ -1,4 +1,4 @@
-import { RefObject, type Component, type MutableRefObject } from 'react';
+import { type RefObject, type Component, type MutableRefObject } from 'react';
 import { type NativeMethods, type HostComponent } from 'react-native';
 
 /**

package/src/utils/styleMap.ts

@@ -163,6 +163,9 @@ const styleMap = {
   textOcclusionOpacity: StyleTypes.Constant,
   textOcclusionOpacityTransition: StyleTypes.Transition,
   iconColorSaturation: StyleTypes.Constant,
+  iconColorContrast: StyleTypes.Constant,
+  iconColorBrightnessMin: StyleTypes.Constant,
+  iconColorBrightnessMax: StyleTypes.Constant,
   symbolZOffset: StyleTypes.Constant,
   symbolZOffsetTransition: StyleTypes.Transition,
 
@@ -245,6 +248,7 @@ const styleMap = {
   fillExtrusionEmissiveStrengthTransition: StyleTypes.Transition,
   fillExtrusionLineWidth: StyleTypes.Constant,
   fillExtrusionLineWidthTransition: StyleTypes.Transition,
+  fillExtrusionCastShadows: StyleTypes.Constant,
 
   rasterOpacity: StyleTypes.Constant,
   rasterOpacityTransition: StyleTypes.Transition,
@@ -291,6 +295,8 @@ const styleMap = {
   hillshadeHighlightColorTransition: StyleTypes.Transition,
   hillshadeAccentColor: StyleTypes.Color,
   hillshadeAccentColorTransition: StyleTypes.Transition,
+  hillshadeEmissiveStrength: StyleTypes.Constant,
+  hillshadeEmissiveStrengthTransition: StyleTypes.Transition,
 
   modelAllowDensityReduction: StyleTypes.Constant,
   modelId: StyleTypes.Constant,

package/src/web/components/Camera.tsx

@@ -1,7 +1,11 @@
-import { Component, ContextType } from 'react';
-
-import { CameraProps, CameraStop, CameraRef } from '../../components/Camera';
-import { Position } from '../../types/Position';
+import { Component, type ContextType } from 'react';
+
+import {
+  type CameraProps,
+  type CameraStop,
+  type CameraRef,
+} from '../../components/Camera';
+import { type Position } from '../../types/Position';
 import MapContext from '../MapContext';
 
 function isArray<T>(value: T | ArrayLike<T>): value is ArrayLike<T> {