@maplibre/maplibre-react-native 11.0.2 → 11.1.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maplibre/maplibre-react-native",
   "description": "React Native library for creating maps with MapLibre Native for Android & iOS",
-  "version": "11.0.2",
+  "version": "11.1.0",
   "publishConfig": {
     "access": "public",
     "provenance": true
@@ -131,6 +131,7 @@
         "MLRNNativeUserLocation": "MLRNNativeUserLocationComponentView",
         "MLRNPointAnnotation": "MLRNPointAnnotationComponentView",
         "MLRNRasterSource": "MLRNRasterSourceComponentView",
+        "MLRNRasterDEMSource": "MLRNRasterDEMSourceComponentView",
         "MLRNGeoJSONSource": "MLRNGeoJSONSourceComponentView",
         "MLRNVectorSource": "MLRNVectorSourceComponentView"
       }
@@ -162,28 +163,29 @@
     "@turf/nearest-point-on-line": "^7.3.5"
   },
   "devDependencies": {
-    "@expo/config-plugins": "~55.0.4",
-    "@react-native-community/cli": "^20.1.1",
-    "@react-native/babel-preset": "0.84.1",
-    "@semantic-release/changelog": "^6.0.3",
-    "@semantic-release/exec": "^7.1.0",
-    "@semantic-release/git": "^10.0.1",
-    "@testing-library/react-native": "^13.3.3",
-    "@types/geojson": "^7946.0.16",
-    "@types/jest": "^29.5.14",
-    "@types/node": "^24.1.0",
-    "@types/react": "^19.2.14",
-    "eslint": "^8.57.1",
-    "eslint-config-universe": "15.0.3",
-    "jest": "^29.7.0",
+    "@expo/config-plugins": "55.0.8",
+    "@react-native-community/cli": "20.1.3",
+    "@react-native/babel-preset": "0.85.3",
+    "@react-native/jest-preset": "0.85.3",
+    "@semantic-release/changelog": "6.0.3",
+    "@semantic-release/exec": "7.1.0",
+    "@semantic-release/git": "10.0.1",
+    "@testing-library/react-native": "13.3.3",
+    "@types/geojson": "7946.0.16",
+    "@types/jest": "29.5.14",
+    "@types/node": "24.12.2",
+    "@types/react": "19.2.14",
+    "eslint": "8.57.1",
+    "eslint-config-universe": "15.0.4",
+    "jest": "29.7.0",
     "prettier": "3.8.3",
     "react": "19.2.3",
-    "react-native": "0.84.1",
-    "react-native-builder-bob": "0.40.17",
+    "react-native": "0.85.3",
+    "react-native-builder-bob": "0.41.0",
     "react-test-renderer": "19.2.3",
-    "semantic-release": "^25.0.1",
-    "snapshot-diff": "^0.10.0",
+    "semantic-release": "25.0.3",
+    "snapshot-diff": "0.10.0",
     "ts-node": "10.9.2",
-    "typescript": "^5.9.2"
+    "typescript": "5.9.3"
   }
 }

package/src/components/layer/LayerNativeComponent.ts

@@ -10,7 +10,19 @@ import type { StyleValue } from "../../utils/StyleValue";
 
 export interface NativeProps extends ViewProps {
   id: string;
-  layerType: string;
+  layerType?: CodegenTypes.WithDefault<
+    | "background"
+    | "circle"
+    | "color-relief"
+    | "fill"
+    | "fill-extrusion"
+    | "heatmap"
+    | "hillshade"
+    | "line"
+    | "raster"
+    | "symbol",
+    "background"
+  >;
 
   source?: string;
   sourceLayer?: string;

package/src/components/sources/raster-dem-source/RasterDEMSource.tsx

@@ -0,0 +1,83 @@
+import { memo, type ReactNode } from "react";
+
+import RasterDEMSourceNativeComponent from "./RasterDEMSourceNativeComponent";
+import { useFrozenId } from "../../../hooks/useFrozenId";
+import { type BaseProps } from "../../../types/BaseProps";
+import { cloneReactChildrenWithProps } from "../../../utils";
+
+export interface RasterDEMSourceProps extends BaseProps {
+  /**
+   * A string that uniquely identifies the source.
+   */
+  id?: string;
+
+  /**
+   * A URL to a TileJSON configuration file describing the source's contents and
+   * other metadata.
+   */
+  url?: string;
+
+  /**
+   * An array of tile URL templates. If multiple endpoints are specified, clients
+   * may use any combination of endpoints.
+   *
+   * @example "https://example.com/dem-tiles/{z}/{x}/{y}.png"
+   */
+  tiles?: string[];
+
+  /**
+   * An unsigned integer that specifies the minimum zoom level at which to display
+   * tiles from the source. The value should be between 0 and 22, inclusive, and
+   * less than maxzoom, if specified. The default value for this option is 0.
+   */
+  minzoom?: number;
+
+  /**
+   * An unsigned integer that specifies the maximum zoom level at which to display
+   * tiles from the source. The value should be between 0 and 22, inclusive, and
+   * greater than minzoom, if specified. The default value for this option is 22.
+   */
+  maxzoom?: number;
+
+  /**
+   * Size of the map tiles.
+   *
+   * @defaultValue 512
+   */
+  tileSize?: number;
+
+  /**
+   * An HTML or literal text string defining the buttons to be displayed in an
+   * action sheet when the source is part of a map view's style and the map view's
+   * attribution button is pressed.
+   */
+  attribution?: string;
+
+  /**
+   * The encoding formula for the raster DEM tileset.
+   *
+   * @defaultValue "mapbox"
+   */
+  encoding?: "mapbox" | "terrarium";
+
+  children?: ReactNode;
+}
+
+/**
+ * RasterDEMSource is a map content source that supplies rasterized digital
+ * elevation model (DEM) tiles to be shown on the map. Use it together with a
+ * hillshade layer to visualize terrain.
+ */
+export const RasterDEMSource = memo(
+  ({ id, ...props }: RasterDEMSourceProps) => {
+    const frozenId = useFrozenId(id);
+
+    return (
+      <RasterDEMSourceNativeComponent id={frozenId} {...props}>
+        {cloneReactChildrenWithProps(props.children, {
+          source: frozenId,
+        })}
+      </RasterDEMSourceNativeComponent>
+    );
+  },
+);

package/src/components/sources/raster-dem-source/RasterDEMSourceNativeComponent.ts

@@ -0,0 +1,25 @@
+import {
+  codegenNativeComponent,
+  type CodegenTypes,
+  type HostComponent,
+  type ViewProps,
+} from "react-native";
+
+type NativeDEMEncoding = "mapbox" | "terrarium";
+
+export interface NativeProps extends ViewProps {
+  id: string;
+  url?: string;
+  tiles?: string[];
+
+  tileSize?: CodegenTypes.WithDefault<CodegenTypes.Int32, 512>;
+  minzoom?: CodegenTypes.WithDefault<CodegenTypes.Int32, -1>;
+  maxzoom?: CodegenTypes.WithDefault<CodegenTypes.Int32, -1>;
+  attribution?: string;
+
+  encoding?: CodegenTypes.WithDefault<NativeDEMEncoding, "mapbox">;
+}
+
+export default codegenNativeComponent<NativeProps>(
+  "MLRNRasterDEMSource",
+) as HostComponent<NativeProps>;

package/src/components/sources/raster-source/RasterSourceNativeComponent.ts

@@ -12,12 +12,12 @@ export interface NativeProps extends ViewProps {
   url?: string;
   tiles?: string[];
 
+  tileSize?: CodegenTypes.WithDefault<CodegenTypes.Int32, 512>;
   minzoom?: CodegenTypes.WithDefault<CodegenTypes.Int32, -1>;
   maxzoom?: CodegenTypes.WithDefault<CodegenTypes.Int32, -1>;
-  scheme?: CodegenTypes.WithDefault<NativeScheme, "xyz">;
   attribution?: string;
 
-  tileSize?: CodegenTypes.WithDefault<CodegenTypes.Int32, 512>;
+  scheme?: CodegenTypes.WithDefault<NativeScheme, "xyz">;
 }
 
 export default codegenNativeComponent<NativeProps>(

package/src/index.ts

@@ -60,6 +60,10 @@ export {
   type RasterSourceProps,
   RasterSource,
 } from "./components/sources/raster-source/RasterSource";
+export {
+  type RasterDEMSourceProps,
+  RasterDEMSource,
+} from "./components/sources/raster-dem-source/RasterDEMSource";
 
 export {
   type VectorSourceRef,
@@ -84,24 +88,25 @@ export {
 export type {
   // Layers
   LayerSpecification,
-  FillLayerSpecification,
-  LineLayerSpecification,
-  SymbolLayerSpecification,
+  BackgroundLayerSpecification,
   CircleLayerSpecification,
-  HeatmapLayerSpecification,
+  ColorReliefLayerSpecification,
+  FillLayerSpecification,
   FillExtrusionLayerSpecification,
-  RasterLayerSpecification,
+  HeatmapLayerSpecification,
   HillshadeLayerSpecification,
-  BackgroundLayerSpecification,
+  LineLayerSpecification,
+  RasterLayerSpecification,
+  SymbolLayerSpecification,
 
   // Sources
   SourceSpecification,
-  VectorSourceSpecification,
+  GeoJSONSourceSpecification,
+  ImageSourceSpecification,
   RasterSourceSpecification,
   RasterDEMSourceSpecification,
-  GeoJSONSourceSpecification,
+  VectorSourceSpecification,
   VideoSourceSpecification,
-  ImageSourceSpecification,
 
   // Filter
   FilterSpecification,