@rnmapbox/maps 10.0.0-beta.76 → 10.0.0-beta.77

package/javascript/components/HeadingIndicator.tsx

@@ -1,30 +1,41 @@
 import React from 'react';
 
 import headingIcon from '../assets/heading.png';
+import { BaseProps } from '../types/BaseProps';
 
 import { SymbolLayer } from './SymbolLayer';
+import Images from './Images';
 
 const style = {
-  iconImage: headingIcon,
+  iconImage: 'userLocationHeading',
   iconAllowOverlap: true,
   iconPitchAlignment: 'map',
   iconRotationAlignment: 'map',
 } as const;
 
-type Props = {
+type Props = BaseProps & {
   heading?: number;
 };
 
-const HeadingIndicator = ({ heading }: Props) => (
-  <SymbolLayer
-    key="mapboxUserLocationHeadingIndicator"
-    id="mapboxUserLocationHeadingIndicator"
-    belowLayerID="mapboxUserLocationWhiteCircle"
-    style={{
-      iconRotate: heading,
-      ...style,
-    }}
-  />
-);
+const HeadingIndicator = ({ heading }: Props) => {
+  return (
+    <React.Fragment key="mapboxUserLocationHeadingIndicatorWrapper">
+      <Images
+        images={{ userLocationHeading: headingIcon }}
+        key="mapboxUserLocationHeadingImages"
+      />
+      <SymbolLayer
+        key="mapboxUserLocationHeadingIndicator"
+        id="mapboxUserLocationHeadingIndicator"
+        sourceID="mapboxUserLocation"
+        belowLayerID="mapboxUserLocationWhiteCircle"
+        style={{
+          iconRotate: heading,
+          ...style,
+        }}
+      />
+    </React.Fragment>
+  );
+};
 
 export default HeadingIndicator;

package/javascript/components/HeatmapLayer.tsx

@@ -15,10 +15,15 @@ export const NATIVE_MODULE_NAME = 'RCTMGLHeatmapLayer';
 
 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;
 
+  /**
+   * The id refers to en existing layer in the style. Does not create a new layer.
+   */
+  existing?: boolean;
+
   /**
    * The source from which to obtain the data to style.
    * If the source has not yet been added to the current style, the behavior is undefined.

package/javascript/components/ImageSource.tsx

@@ -20,6 +20,11 @@ type Props = BaseProps & {
    */
   id: string;
 
+  /**
+   * The id refers to en existing source in the style. Does not create a new source.
+   */
+  existing?: boolean;
+
   /**
    * An HTTP(S) URL, absolute file URL, or local file URL to the source image.
    * Gifs are currently not supported.

package/javascript/components/LineLayer.tsx

@@ -16,6 +16,11 @@ export type Props = {
    */
   id: string;
 
+  /**
+   * The id refers to en existing layer in the style. Does not create a new layer.
+   */
+  existing?: boolean;
+
   /**
    * The source from which to obtain the data to style.
    * If the source has not yet been added to the current style, the behavior is undefined.

package/javascript/components/PointAnnotation.tsx

@@ -5,7 +5,7 @@ import {
   Platform,
   type ViewProps,
 } from 'react-native';
-import { type Feature } from 'geojson';
+import { Feature, Point } from 'geojson';
 
 import { toJSONString, isFunction } from '../utils';
 import { makePoint } from '../utils/geoUtils';
@@ -24,9 +24,13 @@ const styles = StyleSheet.create({
   },
 });
 
-type FeaturePayload = {
-  feature: Feature<GeoJSON.Point, { id: string }>;
-};
+type FeaturePayload = Feature<
+  Point,
+  {
+    screenPointX: number;
+    screenPointY: number;
+  }
+>;
 
 type Props = BaseProps & {
   /**

package/javascript/components/RasterDemSource.tsx

@@ -19,6 +19,11 @@ type Props = {
    */
   id: string;
 
+  /**
+   * The id refers to en existing source in the style. Does not create a new source.
+   */
+  existing?: boolean;
+
   /**
    * A URL to a TileJSON configuration file describing the source’s contents and other metadata.
    */

package/javascript/components/RasterLayer.tsx

@@ -12,10 +12,15 @@ export const NATIVE_MODULE_NAME = 'RCTMGLRasterLayer';
 
 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;
 
+  /**
+   * The id refers to en existing layer in the style. Does not create a new layer.
+   */
+  existing?: boolean;
+
   /**
    * The source from which to obtain the data to style.
    * If the source has not yet been added to the current style, the behavior is undefined.

package/javascript/components/RasterSource.tsx

@@ -20,6 +20,11 @@ type Props = BaseProps & {
    */
   id: string;
 
+  /**
+   * The id refers to en existing source in the style. Does not create a new source.
+   */
+  existing?: boolean;
+
   /**
    * A URL to a TileJSON configuration file describing the source’s contents and other metadata.
    */

package/javascript/components/ShapeSource.tsx

@@ -33,6 +33,11 @@ export type Props = {
    */
   id: string;
 
+  /**
+   * The id refers to en existing source in the style. Does not create a new source.
+   */
+  existing?: boolean;
+
   /**
    * An HTTP(S) URL, absolute file URL, or local file URL relative to the current application’s resource bundle.
    */

package/javascript/components/SkyLayer.tsx

@@ -16,6 +16,11 @@ export type Props = {
    */
   id: string;
 
+  /**
+   * The id refers to en existing layer in the style. Does not create a new layer.
+   */
+  existing?: boolean;
+
   /**
    * The source from which to obtain the data to style.
    * If the source has not yet been added to the current style, the behavior is undefined.

package/javascript/components/SymbolLayer.tsx

@@ -12,10 +12,15 @@ export const NATIVE_MODULE_NAME = 'RCTMGLSymbolLayer';
 
 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;
 
+  /**
+   * The id refers to en existing layer in the style. Does not create a new layer.
+   */
+  existing?: boolean;
+
   /**
    * The source from which to obtain the data to style.
    * If the source has not yet been added to the current style, the behavior is undefined.

package/javascript/components/UserLocation.tsx

@@ -53,7 +53,7 @@ const normalIcon = (
     style={layerStyles.normal.foreground}
   />,
   ...(showsUserHeadingIndicator && typeof heading === 'number'
-    ? [HeadingIndicator({ heading })]
+    ? [HeadingIndicator({ heading, key: 'mapboxUserLocationHeadingIndicator' })]
     : []),
 ];
 

package/javascript/components/VectorSource.tsx

@@ -24,6 +24,11 @@ interface Props {
    */
   id: string;
 
+  /**
+   * The id refers to en existing source in the style. Does not create a new source.
+   */
+  existing?: boolean;
+
   /**
    * A URL to a TileJSON configuration file describing the source’s contents and other metadata.
    */

package/javascript/types/BaseProps.ts

@@ -1,3 +1,4 @@
 export type BaseProps = {
+  key?: string;
   testID?: string | undefined;
 };

package/javascript/utils/index.ts

@@ -7,7 +7,6 @@ import {
   Image,
   ImageSourcePropType,
 } from 'react-native';
-import PropTypes from 'prop-types';
 
 function getAndroidManagerInstance(module: string) {
   const haveViewManagerConfig =
@@ -21,13 +20,6 @@ function getIosManagerInstance(module: string): any {
   return NativeModules[getIOSModuleName(module)];
 }
 
-export const ornamentPositionPropType = PropTypes.oneOfType([
-  PropTypes.shape({ top: PropTypes.number, left: PropTypes.number }),
-  PropTypes.shape({ top: PropTypes.number, right: PropTypes.number }),
-  PropTypes.shape({ bottom: PropTypes.number, left: PropTypes.number }),
-  PropTypes.shape({ bottom: PropTypes.number, right: PropTypes.number }),
-]);
-
 export function isAndroid(): boolean {
   return Platform.OS === 'android';
 }