@rnmapbox/maps 10.3.0 → 10.3.2-rc.0

package/src/components/Annotation.tsx

@@ -1,11 +1,11 @@
-import React, { ReactElement } from 'react';
+import React, { type ReactElement } from 'react';
 import { Animated as RNAnimated, Easing } from 'react-native';
-import { Point } from 'geojson';
+import { type Point } from 'geojson';
 
 import Animated from '../utils/animated/Animated';
 import { AnimatedPoint } from '../classes';
-import { OnPressEvent } from '../types/OnPressEvent';
-import { SymbolLayerStyle } from '../Mapbox';
+import { type OnPressEvent } from '../types/OnPressEvent';
+import { type SymbolLayerStyle } from '../Mapbox';
 
 import { SymbolLayer } from './SymbolLayer';
 

package/src/components/Callout.tsx

@@ -1,11 +1,11 @@
-import React, { ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 import {
   View,
   Text,
   Animated,
   StyleSheet,
-  ViewStyle,
-  ViewProps,
+  type ViewStyle,
+  type ViewProps,
 } from 'react-native';
 
 import RNMBXCalloutNativeComponent from '../specs/RNMBXCalloutNativeComponent';

package/src/components/Camera.tsx

@@ -9,7 +9,7 @@ import React, {
 } from 'react';
 import { NativeModules } from 'react-native';
 
-import { MapboxGLEvent } from '../types';
+import { type MapboxGLEvent } from '../types';
 import { type Position } from '../types/Position';
 import { makeLatLngBounds, makePoint } from '../utils/geoUtils';
 import { type NativeRefType } from '../utils/nativeRef';

package/src/components/CameraGestureObserver.tsx

@@ -1,7 +1,7 @@
 import { memo } from 'react';
 import type { ViewProps } from 'react-native';
 import RNMBXCameraGestureObserverNativeComponent, {
-  OnMapSteadyEvent,
+  type OnMapSteadyEvent,
 } from '../specs/RNMBXCameraGestureObserverNativeComponent';
 
 type Props = ViewProps & {

package/src/components/CircleLayer.tsx

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

package/src/components/CustomLocationProvider.tsx

@@ -1,7 +1,7 @@
 import { memo } from 'react';
 
 import RNMBXCustomLocationProvider from '../specs/RNMBXCustomLocationProviderNativeComponent';
-import { Position } from '../types/Position';
+import { type Position } from '../types/Position';
 
 export type Props = {
   /**

package/src/components/FillExtrusionLayer.tsx

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

package/src/components/HeadingIndicator.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 
 import headingIcon from '../assets/heading.png';
-import { BaseProps } from '../types/BaseProps';
+import { type BaseProps } from '../types/BaseProps';
 
 import { SymbolLayer } from './SymbolLayer';
 import Images from './Images';

package/src/components/HillshadeLayer.tsx

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

package/src/components/Image.tsx

@@ -1,4 +1,4 @@
-import React, { memo, forwardRef, ReactElement } from 'react';
+import React, { memo, forwardRef, type ReactElement } from 'react';
 import { findNodeHandle } from 'react-native';
 
 import RNMBXImageNativeComponent from '../specs/RNMBXImageNativeComponent';

package/src/components/ImageSource.tsx

@@ -5,7 +5,7 @@ import {
   isNumber,
   resolveImagePath,
 } from '../utils';
-import { BaseProps } from '../types/BaseProps';
+import { type BaseProps } from '../types/BaseProps';
 import RNMBXImageSourceNativeComponent from '../specs/RNMBXImageSourceNativeComponent';
 
 import AbstractSource from './AbstractSource';

package/src/components/Images.tsx

@@ -1,6 +1,9 @@
-import React, { ReactNode, ReactElement } from 'react';
-import { Image as RNImage, ImageURISource } from 'react-native';
-import { ImageSourcePropType, ImageResolvedAssetSource } from 'react-native';
+import React, { type ReactNode, type ReactElement } from 'react';
+import { Image as RNImage, type ImageURISource } from 'react-native';
+import {
+  type ImageSourcePropType,
+  type ImageResolvedAssetSource,
+} from 'react-native';
 
 import RNMBXImagesNativeComponent from '../specs/RNMBXImagesNativeComponent';
 

package/src/components/LineLayer.tsx

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

package/src/components/MapView.tsx

@@ -3,11 +3,11 @@ import {
   View,
   StyleSheet,
   NativeModules,
-  ViewProps,
-  NativeSyntheticEvent,
-  NativeMethods,
-  HostComponent,
-  LayoutChangeEvent,
+  type ViewProps,
+  type NativeSyntheticEvent,
+  type NativeMethods,
+  type HostComponent,
+  type LayoutChangeEvent,
 } from 'react-native';
 import debounce from 'debounce';
 
@@ -289,6 +289,11 @@ type Props = ViewProps & {
    */
   scaleBarPosition?: OrnamentPositonProp;
 
+  /**
+   * Set the scale bar distance units. Defaults to metric.
+   */
+  scaleBarUnits?: 'metric' | 'imperial' | 'nautical';
+
   /**
    * [Android only] Enable/Disable use of GLSurfaceView instead of TextureView.
    */

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/Rain.tsx

@@ -0,0 +1,31 @@
+import { memo, useMemo } from 'react';
+
+import type { RainLayerStyleProps } from '../utils/MapboxStyles';
+import { transformStyle } from '../utils/StyleValue';
+import type { BaseProps } from '../types/BaseProps';
+import RNMBXRainNativeComponent from '../specs/RNMBXRainNativeComponent';
+
+type Props = BaseProps & {
+  /** Rain particle effect style properties.
+   *
+   * @note The default `color` and `vignetteColor` values use `measure-light("brightness")`
+   * expressions that are only available in Mapbox Standard-based styles
+   * (`mapbox://styles/mapbox/standard`, `mapbox://styles/mapbox/standard-satellite`).
+   * When using legacy or custom styles, set `color` and `vignetteColor` explicitly to
+   * avoid "Brightness is unavailable in the current evaluation context" warnings and
+   * invisible rain. For example: `color="#a8adbc" vignetteColor="#464646"`.
+   */
+  style?: RainLayerStyleProps;
+};
+
+export const Rain = memo((props: Props) => {
+  const baseProps = useMemo(() => {
+    return {
+      ...props,
+      reactStyle: transformStyle(props.style),
+      style: undefined,
+    };
+  }, [props]);
+
+  return <RNMBXRainNativeComponent {...baseProps} />;
+});

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/Snow.tsx

@@ -0,0 +1,22 @@
+import { memo, useMemo } from 'react';
+
+import type { SnowLayerStyleProps } from '../utils/MapboxStyles';
+import { transformStyle } from '../utils/StyleValue';
+import type { BaseProps } from '../types/BaseProps';
+import RNMBXSnowNativeComponent from '../specs/RNMBXSnowNativeComponent';
+
+type Props = BaseProps & {
+  style?: SnowLayerStyleProps;
+};
+
+export const Snow = memo((props: Props) => {
+  const baseProps = useMemo(() => {
+    return {
+      ...props,
+      reactStyle: transformStyle(props.style),
+      style: undefined,
+    };
+  }, [props]);
+
+  return <RNMBXSnowNativeComponent {...baseProps} />;
+});

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/RNMBXRainNativeComponent.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>(
+  'RNMBXRain',
+) as HostComponent<NativeProps>;

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