@rnmapbox/maps 10.3.0 → 10.3.2-rc.0

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/RNMBXSnowNativeComponent.ts

@@ -0,0 +1,13 @@
+import type { HostComponent, ViewProps } from 'react-native';
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+
+import type { UnsafeMixed } from './codegenUtils';
+
+export interface NativeProps extends ViewProps {
+  reactStyle: UnsafeMixed<any>;
+}
+
+// @ts-ignore-error - Codegen requires single cast but TypeScript prefers double cast
+export default codegenNativeComponent<NativeProps>(
+  'RNMBXSnow',
+) as HostComponent<NativeProps>;

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

@@ -767,6 +767,20 @@ export interface LineLayerStyleProps {
    * @requires lineZOffset
    */
   lineCrossSlope?: Value<number>;
+  /**
+   * Controls how much the elevation of lines with `lineElevationReference` set to `sea` scales with terrain exaggeration. A value of 0 keeps the line at a fixed altitude above sea level. A value of 1 scales the elevation proportionally with terrain exaggeration.
+   *
+   * @requires lineZOffset
+   */
+  lineElevationGroundScale?: Value<
+    number,
+    ['zoom', 'feature', 'line-progress']
+  >;
+
+  /**
+   * The transition affecting any changes to this layer’s lineElevationGroundScale property.
+   */
+  lineElevationGroundScaleTransition?: Transition;
   /**
    * Controls the transition progress between the image variants of linePattern. Zero means the first variant is used, one is the second, and in between they are blended together. Both images should be the same size and have the same type (either raster or vector).
    *
@@ -795,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.
@@ -1348,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.
    */
@@ -1812,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 {
   /**
@@ -2033,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 {
   /**
@@ -2365,6 +2409,181 @@ export interface AtmosphereLayerStyleProps {
    */
   verticalRangeTransition?: Transition;
 }
+export interface SnowLayerStyleProps {
+  /**
+   * Snow particles density. Controls the overall particles number.
+   */
+  density?: Value<number, ['zoom', 'measure-light']>;
+
+  /**
+   * The transition affecting any changes to this layer’s density property.
+   */
+  densityTransition?: Transition;
+  /**
+   * Snow particles movement factor. Controls the overall particles movement speed.
+   */
+  intensity?: Value<number, ['zoom', 'measure-light']>;
+
+  /**
+   * The transition affecting any changes to this layer’s intensity property.
+   */
+  intensityTransition?: Transition;
+  /**
+   * Snow particles color.
+   */
+  color?: Value<string, ['zoom', 'measure-light']>;
+
+  /**
+   * The transition affecting any changes to this layer’s color property.
+   */
+  colorTransition?: Transition;
+  /**
+   * Snow particles opacity.
+   */
+  opacity?: Value<number, ['zoom', 'measure-light']>;
+
+  /**
+   * The transition affecting any changes to this layer’s opacity property.
+   */
+  opacityTransition?: Transition;
+  /**
+   * Snow vignette screenSpace effect. Adds snow tint to screen corners
+   */
+  vignette?: Value<number, ['zoom', 'measure-light']>;
+
+  /**
+   * The transition affecting any changes to this layer’s vignette property.
+   */
+  vignetteTransition?: Transition;
+  /**
+   * Snow vignette screenSpace corners tint color.
+   */
+  vignetteColor?: Value<string, ['zoom', 'measure-light']>;
+
+  /**
+   * The transition affecting any changes to this layer’s vignetteColor property.
+   */
+  vignetteColorTransition?: Transition;
+  /**
+   * Thinning factor of snow particles from center. 0  no thinning. 1  maximal central area thinning.
+   */
+  centerThinning?: Value<number, ['zoom', 'measure-light']>;
+
+  /**
+   * The transition affecting any changes to this layer’s centerThinning property.
+   */
+  centerThinningTransition?: Transition;
+  /**
+   * Main snow particles direction. Azimuth and polar angles
+   */
+  direction?: Value<number[], ['zoom', 'measure-light']>;
+
+  /**
+   * The transition affecting any changes to this layer’s direction property.
+   */
+  directionTransition?: Transition;
+  /**
+   * Snow flake particle size. Correlates with individual particle screen size
+   */
+  flakeSize?: Value<number, ['zoom', 'measure-light']>;
+
+  /**
+   * The transition affecting any changes to this layer’s flakeSize property.
+   */
+  flakeSizeTransition?: Transition;
+}
+export interface RainLayerStyleProps {
+  /**
+   * Rain particles density. Controls the overall screen density of the rain.
+   */
+  density?: Value<number, ['zoom', 'measure-light']>;
+
+  /**
+   * The transition affecting any changes to this layer’s density property.
+   */
+  densityTransition?: Transition;
+  /**
+   * Rain particles movement factor. Controls the overall rain particles speed
+   */
+  intensity?: Value<number, ['zoom', 'measure-light']>;
+
+  /**
+   * The transition affecting any changes to this layer’s intensity property.
+   */
+  intensityTransition?: Transition;
+  /**
+   * Individual rain particle dorplets color.
+   */
+  color?: Value<string, ['zoom', 'measure-light']>;
+
+  /**
+   * The transition affecting any changes to this layer’s color property.
+   */
+  colorTransition?: Transition;
+  /**
+   * Rain particles opacity.
+   */
+  opacity?: Value<number, ['zoom', 'measure-light']>;
+
+  /**
+   * The transition affecting any changes to this layer’s opacity property.
+   */
+  opacityTransition?: Transition;
+  /**
+   * ScreenSpace vignette rain tinting effect intensity.
+   */
+  vignette?: Value<number, ['zoom', 'measure-light']>;
+
+  /**
+   * The transition affecting any changes to this layer’s vignette property.
+   */
+  vignetteTransition?: Transition;
+  /**
+   * Rain vignette screenSpace corners tint color.
+   */
+  vignetteColor?: Value<string, ['zoom', 'measure-light']>;
+
+  /**
+   * The transition affecting any changes to this layer’s vignetteColor property.
+   */
+  vignetteColorTransition?: Transition;
+  /**
+   * Thinning factor of rain particles from center. 0  no thinning. 1  maximal central area thinning.
+   */
+  centerThinning?: Value<number, ['zoom', 'measure-light']>;
+
+  /**
+   * The transition affecting any changes to this layer’s centerThinning property.
+   */
+  centerThinningTransition?: Transition;
+  /**
+   * Main rain particles direction. Azimuth and polar angles.
+   */
+  direction?: Value<number[], ['zoom', 'measure-light']>;
+
+  /**
+   * The transition affecting any changes to this layer’s direction property.
+   */
+  directionTransition?: Transition;
+  /**
+   * Rain droplet size. x  normal to direction, y  along direction
+   */
+  dropletSize?: Value<number[], ['zoom', 'measure-light']>;
+
+  /**
+   * The transition affecting any changes to this layer’s dropletSize property.
+   */
+  dropletSizeTransition?: Transition;
+  /**
+   * Rain particles screenSpace distortion strength.
+   */
+  distortionStrength?: Value<number, ['zoom', 'measure-light']>;
+
+  /**
+   * The transition affecting any changes to this layer’s distortionStrength property.
+   */
+  distortionStrengthTransition?: Transition;
+}
 export interface TerrainLayerStyleProps {
   /**
    * Exaggerates the elevation of the terrain by multiplying the data from the DEM with this value.
@@ -2389,4 +2608,6 @@ export type AllLayerStyleProps =
   | SkyLayerStyleProps
   | LightLayerStyleProps
   | AtmosphereLayerStyleProps
+  | SnowLayerStyleProps
+  | RainLayerStyleProps
   | TerrainLayerStyleProps;

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

@@ -73,6 +73,8 @@ const styleMap = {
   lineZOffset: StyleTypes.Constant,
   lineElevationReference: StyleTypes.Enum,
   lineCrossSlope: StyleTypes.Constant,
+  lineElevationGroundScale: StyleTypes.Constant,
+  lineElevationGroundScaleTransition: StyleTypes.Transition,
   linePatternCrossFade: StyleTypes.Constant,
   lineTrimFadeRange: StyleTypes.Constant,
   lineTrimColor: StyleTypes.Color,
@@ -161,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,
 
@@ -243,6 +248,7 @@ const styleMap = {
   fillExtrusionEmissiveStrengthTransition: StyleTypes.Transition,
   fillExtrusionLineWidth: StyleTypes.Constant,
   fillExtrusionLineWidthTransition: StyleTypes.Transition,
+  fillExtrusionCastShadows: StyleTypes.Constant,
 
   rasterOpacity: StyleTypes.Constant,
   rasterOpacityTransition: StyleTypes.Transition,
@@ -289,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,
@@ -357,6 +365,26 @@ const styleMap = {
   verticalRange: StyleTypes.Constant,
   verticalRangeTransition: StyleTypes.Transition,
 
+  density: StyleTypes.Constant,
+  densityTransition: StyleTypes.Transition,
+  opacity: StyleTypes.Constant,
+  opacityTransition: StyleTypes.Transition,
+  vignette: StyleTypes.Constant,
+  vignetteTransition: StyleTypes.Transition,
+  vignetteColor: StyleTypes.Color,
+  vignetteColorTransition: StyleTypes.Transition,
+  centerThinning: StyleTypes.Constant,
+  centerThinningTransition: StyleTypes.Transition,
+  direction: StyleTypes.Constant,
+  directionTransition: StyleTypes.Transition,
+  flakeSize: StyleTypes.Constant,
+  flakeSizeTransition: StyleTypes.Transition,
+
+  dropletSize: StyleTypes.Constant,
+  dropletSizeTransition: StyleTypes.Transition,
+  distortionStrength: StyleTypes.Constant,
+  distortionStrengthTransition: StyleTypes.Transition,
+
   exaggeration: StyleTypes.Constant,
 
   color: StyleTypes.Color,

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> {