@rnmapbox/maps 10.1.0-rc.6 → 10.1.0

package/src/Mapbox.ts

@@ -1,12 +1,10 @@
 export * from './RNMBXModule';
-
 export {
   Camera,
   UserTrackingMode,
   type CameraPadding,
   type CameraAnimationMode,
   type CameraBounds,
-  type CameraStop,
 } from './components/Camera';
 export { Atmosphere } from './components/Atmosphere';
 export { default as MapView, type MapState } from './components/MapView';
@@ -19,14 +17,11 @@ export {
   default as UserLocation,
   UserLocationRenderMode,
 } from './components/UserLocation';
-export { default as LocationPuck } from './components/LocationPuck';
 export { default as VectorSource } from './components/VectorSource';
 export { ShapeSource } from './components/ShapeSource';
 export { default as RasterSource } from './components/RasterSource';
 export { default as RasterDemSource } from './components/RasterDemSource';
 export { default as ImageSource } from './components/ImageSource';
-export { Viewport } from './components/Viewport';
-export { default as Models } from './components/Models';
 export { default as Images, type ImageEntry } from './components/Images';
 export { default as Image } from './components/Image';
 export { default as FillLayer } from './components/FillLayer';
@@ -35,11 +30,9 @@ export { default as HeatmapLayer } from './components/HeatmapLayer';
 export { default as LineLayer } from './components/LineLayer';
 export { default as CircleLayer } from './components/CircleLayer';
 export { default as SkyLayer } from './components/SkyLayer';
-export { default as ModelLayer } from './components/ModelLayer';
 export { SymbolLayer } from './components/SymbolLayer';
 export { default as RasterLayer } from './components/RasterLayer';
 export { default as BackgroundLayer } from './components/BackgroundLayer';
-export { default as CustomLocationProvider } from './components/CustomLocationProvider';
 export { Terrain } from './components/Terrain';
 export {
   default as locationManager,
@@ -49,7 +42,6 @@ export {
   default as offlineManager,
   OfflineCreatePackOptions,
 } from './modules/offline/offlineManager';
-export { default as offlineManagerLegacy } from './modules/offline/offlineManagerLegacy';
 export {
   default as snapshotManager,
   type SnapshotOptions,
@@ -81,25 +73,18 @@ export type {
   LightLayerStyleProps as LightLayerStyle,
   AtmosphereLayerStyleProps as AtmosphereLayerStyle,
   TerrainLayerStyleProps as TerrainLayerStyle,
-  ModelLayerStyleProps as ModelLayerStyle,
 } from './utils/MapboxStyles';
 
 import { deprecatedClass } from './utils/deprecation';
 import { AnimatedPoint } from './classes';
 import { UserTrackingMode } from './components/Camera';
-import MovePointShapeAnimator from './shape_animators/MovePointShapeAnimator';
-import LocationPuck from './components/LocationPuck';
 
 /** @deprecated This will be removed in a future release. Use `AnimatedPoint` instead. */
-
 export const AnimatedMapPoint = deprecatedClass(
   AnimatedPoint,
   'AnimatedMapPoint is deprecated please use AnimatedPoint',
 );
 
-/** @deprecated NativeUserLocation will be removed in future release. Use `LocationPuck` instead. */
-export const NativeUserLocation = LocationPuck;
-
 // types:
 export enum StyleURL {
   Street = 'mapbox://styles/mapbox/streets-v11',
@@ -114,9 +99,3 @@ export enum StyleURL {
 
 /** @deprecated UserTrackingModes is deprecated use UserTrackingMode */
 export const UserTrackingModes = UserTrackingMode;
-
-/** @experimental */
-
-export const __experimental = {
-  MovePointShapeAnimator,
-};

package/src/RNMBXModule.ts

@@ -31,7 +31,6 @@ interface RNMBXModule {
   addCustomHeader(headerName: string, headerValue: string): void;
   setAccessToken(accessToken: string | null): Promise<string | null>;
   setWellKnownTileServer(tileServer: string): void;
-  clearData(): Promise<void>;
   getAccessToken(): Promise<string>;
   setTelemetryEnabled(telemetryEnabled: boolean): void;
   setConnected(connected: boolean): void;
@@ -49,7 +48,6 @@ export const {
   addCustomHeader,
   setAccessToken,
   setWellKnownTileServer,
-  clearData,
   getAccessToken,
   setTelemetryEnabled,
   setConnected,

package/src/components/AbstractLayer.tsx

@@ -3,7 +3,7 @@ import { NativeMethods, processColor } from 'react-native';
 
 import { getFilter } from '../utils/filterUtils';
 import { AllLayerStyleProps, FilterExpression } from '../utils/MapboxStyles';
-import { StyleValue, transformStyle } from '../utils/StyleValue';
+import { transformStyle } from '../utils/StyleValue';
 import type { BaseProps } from '../types/BaseProps';
 
 type PropsBase = BaseProps & {
@@ -23,9 +23,7 @@ class AbstractLayer<
   PropsType extends PropsBase,
   NativePropsType,
 > extends React.PureComponent<PropsType> {
-  get baseProps(): Omit<PropsType, 'style'> & {
-    reactStyle?: { [key: string]: StyleValue };
-  } {
+  get baseProps(): PropsType {
     return {
       ...this.props,
       id: this.props.id,
@@ -44,12 +42,10 @@ class AbstractLayer<
 
   nativeLayer:
     | (React.Component<NativePropsType> & Readonly<NativeMethods>)
-    | null = null;
+    | undefined = undefined;
 
   setNativeLayer = (
-    instance:
-      | (React.Component<NativePropsType> & Readonly<NativeMethods>)
-      | null,
+    instance: React.Component<NativePropsType> & Readonly<NativeMethods>,
   ) => {
     this.nativeLayer = instance;
   };
@@ -61,9 +57,7 @@ class AbstractLayer<
     return undefined;
   }
 
-  getStyle(
-    style: AllLayerStyleProps | undefined,
-  ): { [key: string]: StyleValue } | undefined {
+  getStyle(style: AllLayerStyleProps | undefined) {
     return transformStyle(style);
   }
 

package/src/components/Camera.tsx

@@ -9,13 +9,14 @@ import React, {
 import { NativeModules } from 'react-native';
 
 import { MapboxGLEvent } from '../types';
-import { type Position } from '../types/Position';
 import { makeLatLngBounds, makePoint } from '../utils/geoUtils';
 import { type NativeRefType } from '../utils/nativeRef';
 import NativeCameraView from '../specs/RNMBXCameraNativeComponent';
 
 const NativeModule = NativeModules.RNMBXModule;
 
+type Position = number[] | [number, number];
+
 export enum UserTrackingMode {
   Follow = 'normal',
   FollowWithHeading = 'compass',
@@ -154,19 +155,13 @@ export interface CameraProps
     CameraMinMaxConfig {
   /** The configuration that the camera falls back on, if no other values are specified. */
   defaultSettings?: CameraStop;
-
   /** Whether the camera should send any configuration to the native module. Prevents unnecessary tile
    * fetching and improves performance when the map is not visible. Defaults to `true`. */
   allowUpdates?: boolean;
-
   /** Any arbitrary primitive value that, when changed, causes the camera to retry moving to its target
    * configuration. (Not yet implemented.) */
   triggerKey?: string | number;
-
-  /**
-   * Executes when user tracking mode changes.
-   * @deprecated use Viewport#onStatusChanged instead.
-   */
+  /** Executes when user tracking mode changes. */
   onUserTrackingModeChange?: UserTrackingModeChangeCallback;
 }
 

package/src/components/CircleLayer.tsx

@@ -7,12 +7,9 @@ import RNMBXCircleLayerNativeComponent from '../specs/RNMBXCircleLayerNativeComp
 
 import AbstractLayer from './AbstractLayer';
 
-const Mapbox = NativeModules.RNMBXModule;
+const MapboxGL = NativeModules.RNMBXModule;
 
-// @{codepart-replace-start(LayerPropsCommon.codepart-tsx)}
-type Slot = 'bottom' | 'middle' | 'top';
-
-type LayerPropsCommon = {
+export type Props = {
   /**
    * A string that uniquely identifies the source in the style to which it is added.
    */
@@ -31,7 +28,8 @@ type LayerPropsCommon = {
   sourceID?: string;
 
   /**
-   * Identifier of the layer within the source identified by the sourceID property from which the receiver obtains the data to style.
+   * Identifier of the layer within the source identified by the sourceID property
+   * from which the receiver obtains the data to style.
    */
   sourceLayerID?: string;
 
@@ -65,16 +63,6 @@ type LayerPropsCommon = {
    */
   maxZoomLevel?: number;
 
-  /**
-   * The slot this layer is assigned to. If specified, and a slot with that name exists, it will be placed at that position in the layer order.
-   *
-   * v11 only
-   */
-  slot?: Slot;
-};
-// @{codepart-replace-end}
-
-export type Props = LayerPropsCommon & {
   /**
    * Customizable style attributes
    */
@@ -90,7 +78,7 @@ type NativeTypeProps = Omit<Props, 'style'> & {
  */
 class CircleLayer extends AbstractLayer<Props, NativeTypeProps> {
   static defaultProps = {
-    sourceID: Mapbox.StyleSource.DefaultSourceID,
+    sourceID: MapboxGL.StyleSource.DefaultSourceID,
   };
 
   render() {

package/src/components/FillLayer.tsx

@@ -7,12 +7,9 @@ import RNMBXFillLayerNativeComponent from '../specs/RNMBXFillLayerNativeComponen
 
 import AbstractLayer from './AbstractLayer';
 
-const Mapbox = NativeModules.RNMBXModule;
+const MapboxGL = NativeModules.RNMBXModule;
 
-// @{codepart-replace-start(LayerPropsCommon.codepart-tsx)}
-type Slot = 'bottom' | 'middle' | 'top';
-
-type LayerPropsCommon = {
+export type Props = {
   /**
    * A string that uniquely identifies the source in the style to which it is added.
    */
@@ -65,16 +62,6 @@ type LayerPropsCommon = {
    */
   maxZoomLevel?: number;
 
-  /**
-   * The slot this layer is assigned to. If specified, and a slot with that name exists, it will be placed at that position in the layer order.
-   *
-   * v11 only
-   */
-  slot?: Slot;
-};
-// @{codepart-replace-end}
-
-export type Props = LayerPropsCommon & {
   /**
    * Customizable style attributes
    */
@@ -90,7 +77,7 @@ type NativeTypeProps = Omit<Props, 'style'> & {
  */
 class FillLayer extends AbstractLayer<Props, NativeTypeProps> {
   static defaultProps = {
-    sourceID: Mapbox.StyleSource.DefaultSourceID,
+    sourceID: MapboxGL.StyleSource.DefaultSourceID,
   };
 
   render() {

package/src/components/HeatmapLayer.tsx

@@ -10,14 +10,11 @@ import RNMBXHeatmapLayerNativeComponent from '../specs/RNMBXHeatmapLayerNativeCo
 
 import AbstractLayer from './AbstractLayer';
 
-const Mapbox = NativeModules.RNMBXModule;
+const MapboxGL = NativeModules.RNMBXModule;
 
-// @{codepart-replace-start(LayerPropsCommon.codepart-tsx)}
-type Slot = 'bottom' | 'middle' | 'top';
-
-type LayerPropsCommon = {
+export type Props = {
   /**
-   * A string that uniquely identifies the source in the style to which it is added.
+   * A string that uniquely identifies the layer in the style to which it is added.
    */
   id: string;
 
@@ -34,7 +31,8 @@ type LayerPropsCommon = {
   sourceID?: string;
 
   /**
-   * Identifier of the layer within the source identified by the sourceID property from which the receiver obtains the data to style.
+   * Identifier of the layer within the source identified by the sourceID property
+   * from which the receiver obtains the data to style.
    */
   sourceLayerID?: string;
 
@@ -68,16 +66,6 @@ type LayerPropsCommon = {
    */
   maxZoomLevel?: number;
 
-  /**
-   * The slot this layer is assigned to. If specified, and a slot with that name exists, it will be placed at that position in the layer order.
-   *
-   * v11 only
-   */
-  slot?: Slot;
-};
-// @{codepart-replace-end}
-
-export type Props = LayerPropsCommon & {
   /**
    * Customizable style attributes
    */
@@ -93,7 +81,7 @@ type NativeTypeProps = Omit<Props, 'style'> & {
  */
 class HeatmapLayer extends AbstractLayer<Props, NativeTypeProps> {
   static defaultProps = {
-    sourceID: Mapbox.StyleSource.DefaultSourceID,
+    sourceID: MapboxGL.StyleSource.DefaultSourceID,
   };
 
   render() {

package/src/components/Images.tsx

@@ -82,7 +82,7 @@ interface Props {
   /**
    * Specifies the external images in key-value pairs required for the shape source.
    * 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'`
+   * with format {uri: 'http://...'}` or `require('image.png')` or `import 'image.png'`
    */
   images?: { [key: string]: ImageEntry };
 

package/src/components/LineLayer.tsx

@@ -7,12 +7,9 @@ import RNMBXLineLayerNativeComponent from '../specs/RNMBXLineLayerNativeComponen
 
 import AbstractLayer from './AbstractLayer';
 
-const Mapbox = NativeModules.RNMBXModule;
+const MapboxGL = NativeModules.RNMBXModule;
 
-// @{codepart-replace-start(LayerPropsCommon.codepart-tsx)}
-type Slot = 'bottom' | 'middle' | 'top';
-
-type LayerPropsCommon = {
+export type Props = {
   /**
    * A string that uniquely identifies the source in the style to which it is added.
    */
@@ -65,16 +62,6 @@ type LayerPropsCommon = {
    */
   maxZoomLevel?: number;
 
-  /**
-   * The slot this layer is assigned to. If specified, and a slot with that name exists, it will be placed at that position in the layer order.
-   *
-   * v11 only
-   */
-  slot?: Slot;
-};
-// @{codepart-replace-end}
-
-export type Props = LayerPropsCommon & {
   /**
    * Customizable style attributes
    */
@@ -90,7 +77,7 @@ type NativeTypeProps = Omit<Props, 'style'> & {
  */
 class LineLayer extends AbstractLayer<Props, NativeTypeProps> {
   static defaultProps = {
-    sourceID: Mapbox.StyleSource.DefaultSourceID,
+    sourceID: MapboxGL.StyleSource.DefaultSourceID,
   };
 
   render() {

package/src/components/MapView.tsx

@@ -297,7 +297,7 @@ type Props = ViewProps & {
 
   /**
    * [`mapbox` (v10) implementation only]
-   * Set map's label locale, e.g. `{ "locale": "es" }` will localize labels to Spanish, `{ "locale": "current" }` will localize labels to system locale.
+   * Set map's label locale, e.g. { "locale": "es" } will localize labels to Spanish, { "locale": "current" } will localize labels to system locale.
    */
   localizeLabels?: LocalizeLabels;
 
@@ -427,12 +427,6 @@ type Props = ViewProps & {
    * The emitted frequency of regiondidchange events
    */
   regionDidChangeDebounceTime?: number;
-
-  /**
-   * Set to true to deselect any selected annotation when the map is tapped. If set to true you will not receive
-   * the onPress event for the taps that deselect the annotation. Default is false.
-   */
-  deselectAnnotationOnTap?: boolean;
 };
 
 type CallbablePropKeys =
@@ -912,6 +906,14 @@ class MapView extends NativeBridgeComponent(
     ]);
   }
 
+  /**
+   * Show the attribution and telemetry action sheet.
+   * If you implement a custom attribution button, you should add this action to the button.
+   */
+  showAttribution() {
+    return this._runNative<void>('showAttribution');
+  }
+
   _decodePayload<T>(payload: T | string): T {
     if (typeof payload === 'string') {
       return JSON.parse(payload);

package/src/components/MarkerView.tsx

@@ -1,16 +1,17 @@
 import React from 'react';
-import { Platform, NativeModules, type ViewProps } from 'react-native';
+import { Platform, NativeModules, type ViewProps, View } from 'react-native';
 
 import { toJSONString } from '../utils';
 import { makePoint } from '../utils/geoUtils';
 import { type Position } from '../types/Position';
 import NativeMarkerViewComponent from '../specs/RNMBXMarkerViewNativeComponent';
-import RNMBXMakerViewContentCoponent from '../specs/RNMBXMarkerViewContentNativeComponent';
 
 import PointAnnotation from './PointAnnotation';
 
 const Mapbox = NativeModules.RNMBXModule;
 
+export const NATIVE_MODULE_NAME = 'RNMBXMarkerView';
+
 type Props = ViewProps & {
   /**
    * The center point (specified as a map coordinate) of the marker.
@@ -34,12 +35,6 @@ type Props = ViewProps & {
    */
   allowOverlap: boolean;
 
-  /**
-   * Whether or not nearby markers on the map should be hidden if close to a
-   * UserLocation puck. Defaults to false.
-   */
-  allowOverlapWithPuck: boolean;
-
   isSelected: boolean;
 
   /**
@@ -65,7 +60,6 @@ class MarkerView extends React.PureComponent<Props> {
   static defaultProps: Partial<Props> = {
     anchor: { x: 0.5, y: 0.5 },
     allowOverlap: false,
-    allowOverlapWithPuck: false,
     isSelected: false,
   };
 
@@ -119,13 +113,12 @@ class MarkerView extends React.PureComponent<Props> {
         coordinate={this._getCoordinate(this.props.coordinate)}
         anchor={anchor}
         allowOverlap={this.props.allowOverlap}
-        allowOverlapWithPuck={this.props.allowOverlapWithPuck}
         isSelected={this.props.isSelected}
         onTouchEnd={(e) => {
           e.stopPropagation();
         }}
       >
-        <RNMBXMakerViewContentCoponent
+        <View
           style={{ flex: 0, alignSelf: 'flex-start' }}
           onStartShouldSetResponder={(_event) => {
             return true;
@@ -135,7 +128,7 @@ class MarkerView extends React.PureComponent<Props> {
           }}
         >
           {this.props.children}
-        </RNMBXMakerViewContentCoponent>
+        </View>
       </RNMBXMarkerView>
     );
   }

package/src/components/NativeUserLocation.tsx

@@ -0,0 +1,29 @@
+import React, { memo } from 'react';
+
+import RNMBXNativeUserLocationNativeComponent from '../specs/RNMBXNativeUserLocationNativeComponent';
+
+export type Props = {
+  /**
+   * Android render mode.
+   *
+   *  - normal: just a circle
+   *  - compass: triangle with heading
+   *  - gps: large arrow
+   *
+   * @platform android
+   */
+  androidRenderMode?: 'normal' | 'compass' | 'gps';
+
+  /**
+   * iOS only. A Boolean value indicating whether the user location annotation may display a permanent heading indicator.
+   *
+   * @platform ios
+   */
+  iosShowsUserHeadingIndicator?: boolean;
+};
+
+const NativeUserLocation = memo((props: Props) => {
+  return <RNMBXNativeUserLocationNativeComponent {...props} />;
+});
+
+export default NativeUserLocation;

package/src/components/RasterLayer.tsx

@@ -7,14 +7,11 @@ import RNMBXRasterLayerNativeComponent from '../specs/RNMBXRasterLayerNativeComp
 
 import AbstractLayer from './AbstractLayer';
 
-const Mapbox = NativeModules.RNMBXModule;
+const MapboxGL = NativeModules.RNMBXModule;
 
-// @{codepart-replace-start(LayerPropsCommon.codepart-tsx)}
-type Slot = 'bottom' | 'middle' | 'top';
-
-type LayerPropsCommon = {
+export type Props = {
   /**
-   * A string that uniquely identifies the source in the style to which it is added.
+   * A string that uniquely identifies the layer in the style to which it is added.
    */
   id: string;
 
@@ -65,16 +62,6 @@ type LayerPropsCommon = {
    */
   maxZoomLevel?: number;
 
-  /**
-   * The slot this layer is assigned to. If specified, and a slot with that name exists, it will be placed at that position in the layer order.
-   *
-   * v11 only
-   */
-  slot?: Slot;
-};
-// @{codepart-replace-end}
-
-export type Props = LayerPropsCommon & {
   /**
    * Customizable style attributes
    */
@@ -87,7 +74,7 @@ type NativeTypeProps = Omit<Props, 'style'> & {
 
 class RasterLayer extends AbstractLayer<Props, NativeTypeProps> {
   static defaultProps = {
-    sourceID: Mapbox.StyleSource.DefaultSourceID,
+    sourceID: MapboxGL.StyleSource.DefaultSourceID,
   };
 
   render() {

package/src/components/SkyLayer.tsx

@@ -7,7 +7,7 @@ import RNMBXSkyLayerNativeComponent from '../specs/RNMBXSkyLayerNativeComponent'
 
 import AbstractLayer from './AbstractLayer';
 
-const Mapbox = NativeModules.RNMBXModule;
+const MapboxGL = NativeModules.RNMBXModule;
 
 export type Props = {
   /**
@@ -60,7 +60,7 @@ type NativeTypeProps = Omit<Props, 'style'> & {
  */
 class SkyLayer extends AbstractLayer<Props, NativeTypeProps> {
   static defaultProps = {
-    sourceID: Mapbox.StyleSource.DefaultSourceID,
+    sourceID: MapboxGL.StyleSource.DefaultSourceID,
   };
 
   render() {

package/src/components/SymbolLayer.tsx

@@ -1,10 +1,7 @@
 import React from 'react';
 import { View, NativeModules } from 'react-native';
 
-import {
-  type FilterExpression,
-  type SymbolLayerStyleProps,
-} from '../utils/MapboxStyles';
+import { Expression, type SymbolLayerStyleProps } from '../utils/MapboxStyles';
 import { type StyleValue } from '../utils/StyleValue';
 import RNMBXSymbolLayerNativeComponent from '../specs/RNMBXSymbolLayerNativeComponent';
 
@@ -12,14 +9,11 @@ import AbstractLayer from './AbstractLayer';
 
 export const NATIVE_MODULE_NAME = 'RNMBXSymbolLayer';
 
-const Mapbox = NativeModules.RNMBXModule;
+const MapboxGL = NativeModules.RNMBXModule;
 
-// @{codepart-replace-start(LayerPropsCommon.codepart-tsx)}
-type Slot = 'bottom' | 'middle' | 'top';
-
-type LayerPropsCommon = {
+export type Props = {
   /**
-   * A string that uniquely identifies the source in the style to which it is added.
+   * A string that uniquely identifies the layer in the style to which it is added.
    */
   id: string;
 
@@ -58,7 +52,7 @@ type LayerPropsCommon = {
   /**
    *  Filter only the features in the source layer that satisfy a condition that you define
    */
-  filter?: FilterExpression;
+  filter?: Expression;
 
   /**
    * The minimum zoom level at which the layer gets parsed and appears.
@@ -70,20 +64,7 @@ type LayerPropsCommon = {
    */
   maxZoomLevel?: number;
 
-  /**
-   * The slot this layer is assigned to. If specified, and a slot with that name exists, it will be placed at that position in the layer order.
-   *
-   * v11 only
-   */
-  slot?: Slot;
-};
-// @{codepart-replace-end}
-
-export type Props = LayerPropsCommon & {
-  /**
-   * Customizable style attributes
-   */
-  style: SymbolLayerStyleProps;
+  style?: SymbolLayerStyleProps;
 
   /**
    * @deprecated passed children used to create an image with id of symbol in style and also set the iconImageName property accordingly.
@@ -102,7 +83,7 @@ type NativeTypeProps = Omit<Props, 'style'> & {
  */
 export class SymbolLayer extends AbstractLayer<Props, NativeTypeProps> {
   static defaultProps = {
-    sourceID: Mapbox.StyleSource.DefaultSourceID,
+    sourceID: MapboxGL.StyleSource.DefaultSourceID,
   };
   deprecationLogged: { snapshot: boolean } = { snapshot: false };
 

package/src/components/UserLocation.tsx

@@ -7,7 +7,7 @@ import { CircleLayerStyle } from '../Mapbox';
 import Annotation from './Annotation';
 import CircleLayer from './CircleLayer';
 import HeadingIndicator from './HeadingIndicator';
-import NativeUserLocation from './LocationPuck';
+import NativeUserLocation from './NativeUserLocation';
 
 const mapboxBlue = 'rgba(51, 181, 229, 100)';
 
@@ -100,7 +100,6 @@ type Props = {
   onUpdate?: (location: Location) => void;
 
   /**
-   * @deprecated use NativeUserLocation component instead of UserLocationRenderMode.Native
    * Which render mode to use.
    */
   renderMode?: UserLocationRenderMode;